@yoobic/yobi 8.3.0-33 → 8.3.0-34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/{grid-renderers-5c30b9ab.js → grid-renderers-05b2f69d.js} +1 -1
  2. package/dist/cjs/{missions-helpers-6e5342df.js → missions-helpers-d86ef2b5.js} +2 -2
  3. package/dist/cjs/yoo-ag-grid.cjs.entry.js +2 -2
  4. package/dist/cjs/yoo-announcement-heading.cjs.entry.js +11 -2
  5. package/dist/cjs/yoo-entity.cjs.entry.js +1 -1
  6. package/dist/cjs/yoo-form-input.cjs.entry.js +2 -2
  7. package/dist/cjs/yoo-grid.cjs.entry.js +2 -2
  8. package/dist/cjs/yoo-mission-details.cjs.entry.js +1 -1
  9. package/dist/cjs/yoo-mission-heading.cjs.entry.js +2 -2
  10. package/dist/cjs/yoo-pivot-table.cjs.entry.js +2 -2
  11. package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.css +19 -4
  12. package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.js +14 -1
  13. package/dist/collection/feature-operate/mission/helpers/missions-helpers.js +2 -2
  14. package/dist/collection/feature-operate/mission/mission-heading/mission-heading.css +3 -3
  15. package/dist/{esm/grid-renderers-61a83862.js → design-system/grid-renderers-e277f1e5.js} +1 -1
  16. package/dist/{esm/missions-helpers-8db24e56.js → design-system/missions-helpers-cc964ca1.js} +2 -2
  17. package/dist/design-system/yoo-ag-grid.entry.js +2 -2
  18. package/dist/design-system/yoo-announcement-heading.entry.js +11 -2
  19. package/dist/design-system/yoo-entity.entry.js +1 -1
  20. package/dist/design-system/yoo-form-input.entry.js +2 -2
  21. package/dist/design-system/yoo-grid.entry.js +2 -2
  22. package/dist/design-system/yoo-mission-details.entry.js +1 -1
  23. package/dist/design-system/yoo-mission-heading.entry.js +2 -2
  24. package/dist/design-system/yoo-pivot-table.entry.js +2 -2
  25. package/dist/{design-system/grid-renderers-61a83862.js → esm/grid-renderers-e277f1e5.js} +1 -1
  26. package/dist/{design-system/missions-helpers-8db24e56.js → esm/missions-helpers-cc964ca1.js} +2 -2
  27. package/dist/esm/yoo-ag-grid.entry.js +2 -2
  28. package/dist/esm/yoo-announcement-heading.entry.js +11 -2
  29. package/dist/esm/yoo-entity.entry.js +1 -1
  30. package/dist/esm/yoo-form-input.entry.js +2 -2
  31. package/dist/esm/yoo-grid.entry.js +2 -2
  32. package/dist/esm/yoo-mission-details.entry.js +1 -1
  33. package/dist/esm/yoo-mission-heading.entry.js +2 -2
  34. package/dist/esm/yoo-pivot-table.entry.js +2 -2
  35. package/dist/types/feature-operate/mission/announcement-heading/announcement-heading.d.ts +1 -0
  36. package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/algorithm/algorithm.interface.d.ts +2 -0
  37. package/package.json +1 -1
@@ -4,7 +4,7 @@ const index = require('./index-486eab7b.js');
4
4
  require('./index-3fe8871a.js');
5
5
  const lodash = require('./lodash-597bda6d.js');
6
6
  const incentiveHelpers = require('./incentive-helpers-2d829892.js');
7
- const missionsHelpers = require('./missions-helpers-6e5342df.js');
7
+ const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
8
8
  const commonHelpers = require('./common-helpers-cdca5902.js');
9
9
  const formHelpers = require('./form-helpers-5d960eec.js');
10
10
  const geolocationHelpers = require('./geolocation-helpers-c499cf4c.js');
@@ -64,8 +64,8 @@ function getMissionDate(mission, isOngoing) {
64
64
  }
65
65
  function getMissionProgress(mission, forceProgressDisplay) {
66
66
  var _a, _b;
67
- 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);
68
- if (isActionPlanWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
67
+ 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);
68
+ if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
69
69
  return {
70
70
  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,
71
71
  max: mission.todo.values.length,
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-6482c595.js');
6
6
  const lodash = require('./lodash-597bda6d.js');
7
7
  const commonHelpers = require('./common-helpers-cdca5902.js');
8
- const gridRenderers = require('./grid-renderers-5c30b9ab.js');
8
+ const gridRenderers = require('./grid-renderers-05b2f69d.js');
9
9
  require('./index-3fe8871a.js');
10
10
  const overlays = require('./overlays-9322ea2a.js');
11
11
  require('./index-486eab7b.js');
12
12
  require('./incentive-helpers-2d829892.js');
13
- require('./missions-helpers-6e5342df.js');
13
+ require('./missions-helpers-d86ef2b5.js');
14
14
  require('./form-helpers-5d960eec.js');
15
15
  require('./geolocation-helpers-c499cf4c.js');
16
16
  require('./_commonjsHelpers-94df2ea7.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6482c595.js');
6
6
  require('./index-3fe8871a.js');
7
- const missionsHelpers = require('./missions-helpers-6e5342df.js');
7
+ const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
8
8
  const commonHelpers = require('./common-helpers-cdca5902.js');
9
9
  const missionLockedBanner = require('./mission-locked-banner-c0aa7aa3.js');
10
10
  const overlays = require('./overlays-9322ea2a.js');
@@ -12,7 +12,7 @@ require('./lodash-597bda6d.js');
12
12
  require('./index-486eab7b.js');
13
13
  require('./_commonjsHelpers-94df2ea7.js');
14
14
 
15
- const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
15
+ const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .progress .quick-task-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;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)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
16
16
 
17
17
  const YooAnnouncementHeadingComponent = class {
18
18
  constructor(hostRef) {
@@ -76,6 +76,14 @@ const YooAnnouncementHeadingComponent = class {
76
76
  return this.renderTag(overlays.translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? overlays.getCssColor('light') : null);
77
77
  }
78
78
  }
79
+ renderAnnouncementProgress() {
80
+ var _a, _b;
81
+ const announcementProgress = missionsHelpers.getMissionProgress(this.announcement);
82
+ const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
83
+ if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
84
+ return index.h("div", { class: "progress" }, index.h("div", { class: "quick-task-progress" }, index.h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), index.h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, index.h("span", null, overlays.translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max })))));
85
+ }
86
+ }
79
87
  renderDueDate(dueDate) {
80
88
  let dateText = overlays.isToday(dueDate) ? overlays.translate('YOOBICTODAY').toLowerCase() : overlays.fromToday(dueDate);
81
89
  dateText = [overlays.translate('YOOBICYESTERDAY'), overlays.translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
@@ -87,6 +95,7 @@ const YooAnnouncementHeadingComponent = class {
87
95
  const dueDate = missionsHelpers.getMissionDueDate(this.announcement);
88
96
  return [
89
97
  index.h("div", { class: "title" }, index.h("yoo-truncate", null, overlays.translateMulti(this.announcement.title))),
98
+ this.renderAnnouncementProgress(),
90
99
  index.h("div", { class: "tags" }, this.isLayoutFeed && dueDate && this.renderDueDate(dueDate), !this.isLayoutFeed && this.renderPublicationDate(), this.renderPriority(), this.renderCategory())
91
100
  ];
92
101
  }
@@ -8,7 +8,7 @@ require('./index-3fe8871a.js');
8
8
  const lodash = require('./lodash-597bda6d.js');
9
9
  const incentiveHelpers = require('./incentive-helpers-2d829892.js');
10
10
  const operationHelpers = require('./operation-helpers-448cd435.js');
11
- const missionsHelpers = require('./missions-helpers-6e5342df.js');
11
+ const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
12
12
  const button_factory = require('./button.factory-70a142d1.js');
13
13
  const commonHelpers = require('./common-helpers-cdca5902.js');
14
14
  const entitiesHelpers = require('./entities-helpers-225c42d5.js');
@@ -7,11 +7,11 @@ const index$1 = require('./index-3fe8871a.js');
7
7
  const lodash = require('./lodash-597bda6d.js');
8
8
  const commonHelpers = require('./common-helpers-cdca5902.js');
9
9
  const formInputHelpers = require('./form-input-helpers-84107b90.js');
10
- const gridRenderers = require('./grid-renderers-5c30b9ab.js');
10
+ const gridRenderers = require('./grid-renderers-05b2f69d.js');
11
11
  const overlays = require('./overlays-9322ea2a.js');
12
12
  require('./index-486eab7b.js');
13
13
  require('./incentive-helpers-2d829892.js');
14
- require('./missions-helpers-6e5342df.js');
14
+ require('./missions-helpers-d86ef2b5.js');
15
15
  require('./form-helpers-5d960eec.js');
16
16
  require('./geolocation-helpers-c499cf4c.js');
17
17
  require('./_commonjsHelpers-94df2ea7.js');
@@ -13,7 +13,7 @@ const index$2 = require('./index-5fbb1164.js');
13
13
  const commonHelpers = require('./common-helpers-cdca5902.js');
14
14
  const filtersHelpers = require('./filters-helpers-c869c436.js');
15
15
  const formInputHelpers = require('./form-input-helpers-84107b90.js');
16
- const gridRenderers = require('./grid-renderers-5c30b9ab.js');
16
+ const gridRenderers = require('./grid-renderers-05b2f69d.js');
17
17
  const overlays = require('./overlays-9322ea2a.js');
18
18
  const itemSliding_interface = require('./item-sliding.interface-7206925b.js');
19
19
  require('./workflow.interface-ffda8358.js');
@@ -21,7 +21,7 @@ require('./form-field.instance-610e61e1.js');
21
21
  require('./card-video.interface-70a68a05.js');
22
22
  require('./index-666aa0e3.js');
23
23
  require('./incentive-helpers-2d829892.js');
24
- require('./missions-helpers-6e5342df.js');
24
+ require('./missions-helpers-d86ef2b5.js');
25
25
  require('./form-helpers-5d960eec.js');
26
26
  require('./geolocation-helpers-c499cf4c.js');
27
27
  require('./_commonjsHelpers-94df2ea7.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-6482c595.js');
6
6
  require('./index-3fe8871a.js');
7
7
  const lodash = require('./lodash-597bda6d.js');
8
- const missionsHelpers = require('./missions-helpers-6e5342df.js');
8
+ const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
9
9
  const commonHelpers = require('./common-helpers-cdca5902.js');
10
10
  const overlays = require('./overlays-9322ea2a.js');
11
11
  require('./index-486eab7b.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6482c595.js');
6
6
  require('./index-3fe8871a.js');
7
- const missionsHelpers = require('./missions-helpers-6e5342df.js');
7
+ const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
8
8
  const commonHelpers = require('./common-helpers-cdca5902.js');
9
9
  const missionLockedBanner = require('./mission-locked-banner-c0aa7aa3.js');
10
10
  const overlays = require('./overlays-9322ea2a.js');
@@ -12,7 +12,7 @@ require('./lodash-597bda6d.js');
12
12
  require('./index-486eab7b.js');
13
13
  require('./_commonjsHelpers-94df2ea7.js');
14
14
 
15
- const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:11rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress yoo-progress-bar{width:var(--spacing-16, 1rem)}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
15
+ const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--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)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
16
16
 
17
17
  const YooMissionHeadingComponent = class {
18
18
  constructor(hostRef) {
@@ -6,11 +6,11 @@ const index = require('./index-6482c595.js');
6
6
  require('./index-3fe8871a.js');
7
7
  const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
8
8
  const lodash = require('./lodash-597bda6d.js');
9
- const gridRenderers = require('./grid-renderers-5c30b9ab.js');
9
+ const gridRenderers = require('./grid-renderers-05b2f69d.js');
10
10
  const overlays = require('./overlays-9322ea2a.js');
11
11
  require('./index-486eab7b.js');
12
12
  require('./incentive-helpers-2d829892.js');
13
- require('./missions-helpers-6e5342df.js');
13
+ require('./missions-helpers-d86ef2b5.js');
14
14
  require('./common-helpers-cdca5902.js');
15
15
  require('./form-helpers-5d960eec.js');
16
16
  require('./geolocation-helpers-c499cf4c.js');
@@ -225,6 +225,25 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
225
225
  --max-lines: 4;
226
226
  --line-height: initial;
227
227
  }
228
+ :host .outer-container .progress {
229
+ display: flex;
230
+ justify-content: space-between;
231
+ }
232
+ :host .outer-container .progress .quick-task-progress {
233
+ display: flex;
234
+ align-items: center;
235
+ max-width: 12rem;
236
+ }
237
+ :host .outer-container .progress .quick-task-progress yoo-progress-bar {
238
+ --svg-width: 1rem;
239
+ --trail-bar-color: var(--app-color-20, rgba(90, 48, 244, 0.2));
240
+ }
241
+ :host .outer-container .progress .quick-task-progress yoo-truncate {
242
+ margin: 0 var(--spacing-08, 0.5rem);
243
+ }
244
+ :host .outer-container .progress .quick-task-progress yoo-truncate.app-color {
245
+ color: var(--app-color, #5a30f4);
246
+ }
228
247
  :host .outer-container .tags yoo-tag {
229
248
  margin-right: var(--spacing-08, 0.5rem);
230
249
  margin-bottom: var(--spacing-08, 0.5rem);
@@ -233,10 +252,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
233
252
  margin-bottom: var(--spacing-08, 0.5rem);
234
253
  border-bottom: 1px solid var(--announcement-color);
235
254
  }
236
- :host .outer-container .progress {
237
- display: flex;
238
- justify-content: space-between;
239
- }
240
255
 
241
256
  :host(.feed) {
242
257
  display: flex;
@@ -1,6 +1,6 @@
1
1
  import { dateFormat, fromToday, getCssColor, getMissionPublicationDate, isDateAfter, isPresent, isToday, translate, translateMulti } from '@shared/utils';
2
2
  import { Component, h, Host, Prop } from '@stencil/core';
3
- import { getMissionDueDate } from '../../../feature-operate/mission/helpers/missions-helpers';
3
+ import { getMissionDueDate, getMissionProgress } from '../../../feature-operate/mission/helpers/missions-helpers';
4
4
  import { execHandlerAndStopEvent } from '../../../utils/helpers/common-helpers';
5
5
  import { MissionLockedBanner } from '../mission-locked-banner/mission-locked-banner';
6
6
  export class YooAnnouncementHeadingComponent {
@@ -64,6 +64,18 @@ export class YooAnnouncementHeadingComponent {
64
64
  return this.renderTag(translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
65
65
  }
66
66
  }
67
+ renderAnnouncementProgress() {
68
+ var _a, _b;
69
+ const announcementProgress = getMissionProgress(this.announcement);
70
+ const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
71
+ if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
72
+ return h("div", { class: "progress" },
73
+ h("div", { class: "quick-task-progress" },
74
+ h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }),
75
+ h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } },
76
+ h("span", null, translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max })))));
77
+ }
78
+ }
67
79
  renderDueDate(dueDate) {
68
80
  let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
69
81
  dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
@@ -76,6 +88,7 @@ export class YooAnnouncementHeadingComponent {
76
88
  return [
77
89
  h("div", { class: "title" },
78
90
  h("yoo-truncate", null, translateMulti(this.announcement.title))),
91
+ this.renderAnnouncementProgress(),
79
92
  h("div", { class: "tags" },
80
93
  this.isLayoutFeed && dueDate && this.renderDueDate(dueDate),
81
94
  !this.isLayoutFeed && this.renderPublicationDate(),
@@ -60,8 +60,8 @@ export function getMissionDate(mission, isOngoing) {
60
60
  }
61
61
  export function getMissionProgress(mission, forceProgressDisplay) {
62
62
  var _a, _b;
63
- 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);
64
- if (isActionPlanWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
63
+ 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);
64
+ if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
65
65
  return {
66
66
  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,
67
67
  max: mission.todo.values.length,
@@ -241,11 +241,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
241
241
  :host .sub-heading .action-plan-progress {
242
242
  display: flex;
243
243
  align-items: center;
244
- max-width: 11rem;
245
- margin-right: var(--spacing-08, 0.5rem);
244
+ max-width: 12rem;
246
245
  }
247
246
  :host .sub-heading .action-plan-progress yoo-progress-bar {
248
- width: var(--spacing-16, 1rem);
247
+ --svg-width: 1rem;
248
+ --trail-bar-color: var(--app-color-20, rgba(90, 48, 244, 0.2));
249
249
  }
250
250
  :host .sub-heading .action-plan-progress yoo-truncate {
251
251
  margin: 0 var(--spacing-08, 0.5rem);
@@ -2,7 +2,7 @@ import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as
2
2
  import './index-bfa34b4f.js';
3
3
  import { a2 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, B as get, x as isEmpty, E as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-f839ddb6.js';
4
4
  import { a as getPositionText } from './incentive-helpers-cd9067be.js';
5
- import { e as getWorkflowStepBadge } from './missions-helpers-8db24e56.js';
5
+ import { e as getWorkflowStepBadge } from './missions-helpers-cc964ca1.js';
6
6
  import { d as dateRangeState } from './common-helpers-7572b8db.js';
7
7
  import { g as getJSONHighlighted } from './form-helpers-db554989.js';
8
8
  import { f as formatDistance } from './geolocation-helpers-476129aa.js';
@@ -62,8 +62,8 @@ function getMissionDate(mission, isOngoing) {
62
62
  }
63
63
  function getMissionProgress(mission, forceProgressDisplay) {
64
64
  var _a, _b;
65
- 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);
66
- if (isActionPlanWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
65
+ 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);
66
+ if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
67
67
  return {
68
68
  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,
69
69
  max: mission.todo.values.length,
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
2
2
  import { g as global, n as compact, v as isObject$1, a8 as min, a9 as max, a as isNumber$2, a7 as sum$1, k as keys$1, A as sortBy, K as reduce, c as cloneDeep, B as get$1, H as omit, q as isString$2 } from './lodash-f839ddb6.js';
3
3
  import { g as getAppContext } from './common-helpers-7572b8db.js';
4
- import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-61a83862.js';
4
+ import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-e277f1e5.js';
5
5
  import './index-bfa34b4f.js';
6
6
  import { bF as dateParse, ay as isPresent, N as getAsyncExtraData, t as translate } from './overlays-8db3bed4.js';
7
7
  import './index-76818c72.js';
8
8
  import './incentive-helpers-cd9067be.js';
9
- import './missions-helpers-8db24e56.js';
9
+ import './missions-helpers-cc964ca1.js';
10
10
  import './form-helpers-db554989.js';
11
11
  import './geolocation-helpers-476129aa.js';
12
12
  import './_commonjsHelpers-f4d11124.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
2
2
  import './index-bfa34b4f.js';
3
- import { b as getMissionDueDate } from './missions-helpers-8db24e56.js';
3
+ import { d as getMissionProgress, b as getMissionDueDate } from './missions-helpers-cc964ca1.js';
4
4
  import { h as execHandlerAndStopEvent } from './common-helpers-7572b8db.js';
5
5
  import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
6
6
  import { I as getCssColor, cB as getMissionPublicationDate, cz as isToday, t as translate, cA as fromToday, ad as dateFormat, ay as isPresent, M as isDateAfter, V as translateMulti } from './overlays-8db3bed4.js';
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
8
8
  import './index-76818c72.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
11
+ const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .progress .quick-task-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;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)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
12
12
 
13
13
  const YooAnnouncementHeadingComponent = class {
14
14
  constructor(hostRef) {
@@ -72,6 +72,14 @@ const YooAnnouncementHeadingComponent = class {
72
72
  return this.renderTag(translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
73
73
  }
74
74
  }
75
+ renderAnnouncementProgress() {
76
+ var _a, _b;
77
+ const announcementProgress = getMissionProgress(this.announcement);
78
+ const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
79
+ if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
80
+ 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 })))));
81
+ }
82
+ }
75
83
  renderDueDate(dueDate) {
76
84
  let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
77
85
  dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
@@ -83,6 +91,7 @@ const YooAnnouncementHeadingComponent = class {
83
91
  const dueDate = getMissionDueDate(this.announcement);
84
92
  return [
85
93
  h("div", { class: "title" }, h("yoo-truncate", null, translateMulti(this.announcement.title))),
94
+ this.renderAnnouncementProgress(),
86
95
  h("div", { class: "tags" }, this.isLayoutFeed && dueDate && this.renderDueDate(dueDate), !this.isLayoutFeed && this.renderPublicationDate(), this.renderPriority(), this.renderCategory())
87
96
  ];
88
97
  }
@@ -4,7 +4,7 @@ import './index-bfa34b4f.js';
4
4
  import { k as keys, a as isNumber, n as compact, i as isArray, G as isNil, q as isString, ac as partition, B as get, b as isFunction } from './lodash-f839ddb6.js';
5
5
  import { e as getIncentiveStatusBadgeSettings } from './incentive-helpers-cd9067be.js';
6
6
  import { e as getCampaignStateTags, f as getCampaignTemplateTags, h as getMissionDataStateTags, i as getWaitlistVisitTags, g as getProductBatchDateTag, j as getProductBatchProgressColor } from './operation-helpers-55154d6d.js';
7
- import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-8db24e56.js';
7
+ import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-cc964ca1.js';
8
8
  import { g as getButton } from './button.factory-ce9f5896.js';
9
9
  import { v as getNotificationIcon, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-7572b8db.js';
10
10
  import { a as getCalendarCourseDueDate, p as parseEntityForCardChat, o as onUserClick, b as getFolderIcon, c as parseEntityCommentsForCardList, d as parseEntityForCardMedia } from './entities-helpers-a9eca0ab.js';
@@ -3,11 +3,11 @@ import { r as resizeObserve } from './index-bfa34b4f.js';
3
3
  import { q as isString, b as isFunction, a as isNumber } from './lodash-f839ddb6.js';
4
4
  import { g as getAppContext } from './common-helpers-7572b8db.js';
5
5
  import { v as validate, i as initNumber, a as setValueAndValidateInput, s as setValidator, c as convertValueForInputType, h as onIconClicked, o as onInputClear, b as onInputBlurred, d as onInputFocused, j as clearFocused } from './form-input-helpers-fcc6367d.js';
6
- import { g as getRenderer } from './grid-renderers-61a83862.js';
6
+ import { g as getRenderer } from './grid-renderers-e277f1e5.js';
7
7
  import { y as isWeb, U as isNullOrUndefined, z as debounce, f as isNativeMobile, F as isIOS, a4 as enableKeyboardResize, bC as isSafari, h as isAndroid, dq as isHTML, fm as extractTextFromStringHTML, ai as copyToClipboard, aT as showToast, t as translate, c$ as isAnimationsDisabled } from './overlays-8db3bed4.js';
8
8
  import './index-76818c72.js';
9
9
  import './incentive-helpers-cd9067be.js';
10
- import './missions-helpers-8db24e56.js';
10
+ import './missions-helpers-cc964ca1.js';
11
11
  import './form-helpers-db554989.js';
12
12
  import './geolocation-helpers-476129aa.js';
13
13
  import './_commonjsHelpers-f4d11124.js';
@@ -9,7 +9,7 @@ import { a as assignPressActions } from './index-40df0cc2.js';
9
9
  import { c as querySelectorAllDeep, r as hideShowSearchBar, t as getNextValueInArray, g as getAppContext } from './common-helpers-7572b8db.js';
10
10
  import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-7fdfdc59.js';
11
11
  import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-fcc6367d.js';
12
- import { g as getRenderer } from './grid-renderers-61a83862.js';
12
+ import { g as getRenderer } from './grid-renderers-e277f1e5.js';
13
13
  import { el as HorizontalSlidesAnimation, y as isWeb, ah as pipes, ay as isPresent, dK as safeScrollIntoView, N as getAsyncExtraData, em as MONGODB_ID_REGEX, br as filterListByText, X as getSession, c$ as isAnimationsDisabled, en as isMapField, U as isNullOrUndefined, t as translate, x as showModal, V as translateMulti, as as toButton, cG as getAuthentication, a8 as showActionSheet, b7 as isOffline, bo as isDateTimeField, ae as dispatchCustomEvent, dH as isFirefox, eo as isForceScrollbar } from './overlays-8db3bed4.js';
14
14
  import { I as ItemSlidingType } from './item-sliding.interface-85f6790e.js';
15
15
  import './workflow.interface-79064a52.js';
@@ -17,7 +17,7 @@ import './form-field.instance-8fd6f2a1.js';
17
17
  import './card-video.interface-5572358c.js';
18
18
  import './index-85ea6716.js';
19
19
  import './incentive-helpers-cd9067be.js';
20
- import './missions-helpers-8db24e56.js';
20
+ import './missions-helpers-cc964ca1.js';
21
21
  import './form-helpers-db554989.js';
22
22
  import './geolocation-helpers-476129aa.js';
23
23
  import './_commonjsHelpers-f4d11124.js';
@@ -1,7 +1,7 @@
1
1
  import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-54cb3c5d.js';
2
2
  import './index-bfa34b4f.js';
3
3
  import { c as cloneDeep } from './lodash-f839ddb6.js';
4
- import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-8db24e56.js';
4
+ import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-cc964ca1.js';
5
5
  import { g as getAppContext } from './common-helpers-7572b8db.js';
6
6
  import { X as getSession, N as getAsyncExtraData, y as isWeb, t as translate, ch as isIonic, ay as isPresent, I as getCssColor, cz as isToday, cA as fromToday, ad as dateFormat, cB as getMissionPublicationDate, cC as isDateSame, M as isDateAfter, V as translateMulti, ah as pipes } from './overlays-8db3bed4.js';
7
7
  import './index-76818c72.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
2
2
  import './index-bfa34b4f.js';
3
- import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-8db24e56.js';
3
+ import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-cc964ca1.js';
4
4
  import { g as getAppContext } from './common-helpers-7572b8db.js';
5
5
  import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
6
6
  import { ch as isIonic, t as translate, V as translateMulti } from './overlays-8db3bed4.js';
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
8
8
  import './index-76818c72.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:11rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress yoo-progress-bar{width:var(--spacing-16, 1rem)}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
11
+ const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--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)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
12
12
 
13
13
  const YooMissionHeadingComponent = class {
14
14
  constructor(hostRef) {
@@ -2,11 +2,11 @@ import { r as registerInstance, i as createEvent, h, g as getElement } from './i
2
2
  import './index-bfa34b4f.js';
3
3
  import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
4
4
  import { W as debounce, c as cloneDeep, s as assign, A as sortBy, z as isEqual } from './lodash-f839ddb6.js';
5
- import { g as getRenderer } from './grid-renderers-61a83862.js';
5
+ import { g as getRenderer } from './grid-renderers-e277f1e5.js';
6
6
  import { t as translate } from './overlays-8db3bed4.js';
7
7
  import './index-76818c72.js';
8
8
  import './incentive-helpers-cd9067be.js';
9
- import './missions-helpers-8db24e56.js';
9
+ import './missions-helpers-cc964ca1.js';
10
10
  import './common-helpers-7572b8db.js';
11
11
  import './form-helpers-db554989.js';
12
12
  import './geolocation-helpers-476129aa.js';
@@ -2,7 +2,7 @@ import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as
2
2
  import './index-bfa34b4f.js';
3
3
  import { a2 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, B as get, x as isEmpty, E as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-f839ddb6.js';
4
4
  import { a as getPositionText } from './incentive-helpers-cd9067be.js';
5
- import { e as getWorkflowStepBadge } from './missions-helpers-8db24e56.js';
5
+ import { e as getWorkflowStepBadge } from './missions-helpers-cc964ca1.js';
6
6
  import { d as dateRangeState } from './common-helpers-7572b8db.js';
7
7
  import { g as getJSONHighlighted } from './form-helpers-db554989.js';
8
8
  import { f as formatDistance } from './geolocation-helpers-476129aa.js';
@@ -62,8 +62,8 @@ function getMissionDate(mission, isOngoing) {
62
62
  }
63
63
  function getMissionProgress(mission, forceProgressDisplay) {
64
64
  var _a, _b;
65
- 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);
66
- if (isActionPlanWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
65
+ 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);
66
+ if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
67
67
  return {
68
68
  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,
69
69
  max: mission.todo.values.length,
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
2
2
  import { g as global, n as compact, v as isObject$1, a8 as min, a9 as max, a as isNumber$2, a7 as sum$1, k as keys$1, A as sortBy, K as reduce, c as cloneDeep, B as get$1, H as omit, q as isString$2 } from './lodash-f839ddb6.js';
3
3
  import { g as getAppContext } from './common-helpers-7572b8db.js';
4
- import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-61a83862.js';
4
+ import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-e277f1e5.js';
5
5
  import './index-bfa34b4f.js';
6
6
  import { bF as dateParse, ay as isPresent, N as getAsyncExtraData, t as translate } from './overlays-8db3bed4.js';
7
7
  import './index-76818c72.js';
8
8
  import './incentive-helpers-cd9067be.js';
9
- import './missions-helpers-8db24e56.js';
9
+ import './missions-helpers-cc964ca1.js';
10
10
  import './form-helpers-db554989.js';
11
11
  import './geolocation-helpers-476129aa.js';
12
12
  import './_commonjsHelpers-f4d11124.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
2
2
  import './index-bfa34b4f.js';
3
- import { b as getMissionDueDate } from './missions-helpers-8db24e56.js';
3
+ import { d as getMissionProgress, b as getMissionDueDate } from './missions-helpers-cc964ca1.js';
4
4
  import { h as execHandlerAndStopEvent } from './common-helpers-7572b8db.js';
5
5
  import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
6
6
  import { I as getCssColor, cB as getMissionPublicationDate, cz as isToday, t as translate, cA as fromToday, ad as dateFormat, ay as isPresent, M as isDateAfter, V as translateMulti } from './overlays-8db3bed4.js';
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
8
8
  import './index-76818c72.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
11
+ const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .progress .quick-task-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;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)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
12
12
 
13
13
  const YooAnnouncementHeadingComponent = class {
14
14
  constructor(hostRef) {
@@ -72,6 +72,14 @@ const YooAnnouncementHeadingComponent = class {
72
72
  return this.renderTag(translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
73
73
  }
74
74
  }
75
+ renderAnnouncementProgress() {
76
+ var _a, _b;
77
+ const announcementProgress = getMissionProgress(this.announcement);
78
+ const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
79
+ if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
80
+ 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 })))));
81
+ }
82
+ }
75
83
  renderDueDate(dueDate) {
76
84
  let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
77
85
  dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
@@ -83,6 +91,7 @@ const YooAnnouncementHeadingComponent = class {
83
91
  const dueDate = getMissionDueDate(this.announcement);
84
92
  return [
85
93
  h("div", { class: "title" }, h("yoo-truncate", null, translateMulti(this.announcement.title))),
94
+ this.renderAnnouncementProgress(),
86
95
  h("div", { class: "tags" }, this.isLayoutFeed && dueDate && this.renderDueDate(dueDate), !this.isLayoutFeed && this.renderPublicationDate(), this.renderPriority(), this.renderCategory())
87
96
  ];
88
97
  }
@@ -4,7 +4,7 @@ import './index-bfa34b4f.js';
4
4
  import { k as keys, a as isNumber, n as compact, i as isArray, G as isNil, q as isString, ac as partition, B as get, b as isFunction } from './lodash-f839ddb6.js';
5
5
  import { e as getIncentiveStatusBadgeSettings } from './incentive-helpers-cd9067be.js';
6
6
  import { e as getCampaignStateTags, f as getCampaignTemplateTags, h as getMissionDataStateTags, i as getWaitlistVisitTags, g as getProductBatchDateTag, j as getProductBatchProgressColor } from './operation-helpers-55154d6d.js';
7
- import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-8db24e56.js';
7
+ import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-cc964ca1.js';
8
8
  import { g as getButton } from './button.factory-ce9f5896.js';
9
9
  import { v as getNotificationIcon, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-7572b8db.js';
10
10
  import { a as getCalendarCourseDueDate, p as parseEntityForCardChat, o as onUserClick, b as getFolderIcon, c as parseEntityCommentsForCardList, d as parseEntityForCardMedia } from './entities-helpers-a9eca0ab.js';
@@ -3,11 +3,11 @@ import { r as resizeObserve } from './index-bfa34b4f.js';
3
3
  import { q as isString, b as isFunction, a as isNumber } from './lodash-f839ddb6.js';
4
4
  import { g as getAppContext } from './common-helpers-7572b8db.js';
5
5
  import { v as validate, i as initNumber, a as setValueAndValidateInput, s as setValidator, c as convertValueForInputType, h as onIconClicked, o as onInputClear, b as onInputBlurred, d as onInputFocused, j as clearFocused } from './form-input-helpers-fcc6367d.js';
6
- import { g as getRenderer } from './grid-renderers-61a83862.js';
6
+ import { g as getRenderer } from './grid-renderers-e277f1e5.js';
7
7
  import { y as isWeb, U as isNullOrUndefined, z as debounce, f as isNativeMobile, F as isIOS, a4 as enableKeyboardResize, bC as isSafari, h as isAndroid, dq as isHTML, fm as extractTextFromStringHTML, ai as copyToClipboard, aT as showToast, t as translate, c$ as isAnimationsDisabled } from './overlays-8db3bed4.js';
8
8
  import './index-76818c72.js';
9
9
  import './incentive-helpers-cd9067be.js';
10
- import './missions-helpers-8db24e56.js';
10
+ import './missions-helpers-cc964ca1.js';
11
11
  import './form-helpers-db554989.js';
12
12
  import './geolocation-helpers-476129aa.js';
13
13
  import './_commonjsHelpers-f4d11124.js';
@@ -9,7 +9,7 @@ import { a as assignPressActions } from './index-40df0cc2.js';
9
9
  import { c as querySelectorAllDeep, r as hideShowSearchBar, t as getNextValueInArray, g as getAppContext } from './common-helpers-7572b8db.js';
10
10
  import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-7fdfdc59.js';
11
11
  import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-fcc6367d.js';
12
- import { g as getRenderer } from './grid-renderers-61a83862.js';
12
+ import { g as getRenderer } from './grid-renderers-e277f1e5.js';
13
13
  import { el as HorizontalSlidesAnimation, y as isWeb, ah as pipes, ay as isPresent, dK as safeScrollIntoView, N as getAsyncExtraData, em as MONGODB_ID_REGEX, br as filterListByText, X as getSession, c$ as isAnimationsDisabled, en as isMapField, U as isNullOrUndefined, t as translate, x as showModal, V as translateMulti, as as toButton, cG as getAuthentication, a8 as showActionSheet, b7 as isOffline, bo as isDateTimeField, ae as dispatchCustomEvent, dH as isFirefox, eo as isForceScrollbar } from './overlays-8db3bed4.js';
14
14
  import { I as ItemSlidingType } from './item-sliding.interface-85f6790e.js';
15
15
  import './workflow.interface-79064a52.js';
@@ -17,7 +17,7 @@ import './form-field.instance-8fd6f2a1.js';
17
17
  import './card-video.interface-5572358c.js';
18
18
  import './index-85ea6716.js';
19
19
  import './incentive-helpers-cd9067be.js';
20
- import './missions-helpers-8db24e56.js';
20
+ import './missions-helpers-cc964ca1.js';
21
21
  import './form-helpers-db554989.js';
22
22
  import './geolocation-helpers-476129aa.js';
23
23
  import './_commonjsHelpers-f4d11124.js';
@@ -1,7 +1,7 @@
1
1
  import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-54cb3c5d.js';
2
2
  import './index-bfa34b4f.js';
3
3
  import { c as cloneDeep } from './lodash-f839ddb6.js';
4
- import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-8db24e56.js';
4
+ import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-cc964ca1.js';
5
5
  import { g as getAppContext } from './common-helpers-7572b8db.js';
6
6
  import { X as getSession, N as getAsyncExtraData, y as isWeb, t as translate, ch as isIonic, ay as isPresent, I as getCssColor, cz as isToday, cA as fromToday, ad as dateFormat, cB as getMissionPublicationDate, cC as isDateSame, M as isDateAfter, V as translateMulti, ah as pipes } from './overlays-8db3bed4.js';
7
7
  import './index-76818c72.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
2
2
  import './index-bfa34b4f.js';
3
- import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-8db24e56.js';
3
+ import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-cc964ca1.js';
4
4
  import { g as getAppContext } from './common-helpers-7572b8db.js';
5
5
  import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
6
6
  import { ch as isIonic, t as translate, V as translateMulti } from './overlays-8db3bed4.js';
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
8
8
  import './index-76818c72.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:11rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress yoo-progress-bar{width:var(--spacing-16, 1rem)}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
11
+ const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--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)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
12
12
 
13
13
  const YooMissionHeadingComponent = class {
14
14
  constructor(hostRef) {
@@ -2,11 +2,11 @@ import { r as registerInstance, i as createEvent, h, g as getElement } from './i
2
2
  import './index-bfa34b4f.js';
3
3
  import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
4
4
  import { W as debounce, c as cloneDeep, s as assign, A as sortBy, z as isEqual } from './lodash-f839ddb6.js';
5
- import { g as getRenderer } from './grid-renderers-61a83862.js';
5
+ import { g as getRenderer } from './grid-renderers-e277f1e5.js';
6
6
  import { t as translate } from './overlays-8db3bed4.js';
7
7
  import './index-76818c72.js';
8
8
  import './incentive-helpers-cd9067be.js';
9
- import './missions-helpers-8db24e56.js';
9
+ import './missions-helpers-cc964ca1.js';
10
10
  import './common-helpers-7572b8db.js';
11
11
  import './form-helpers-db554989.js';
12
12
  import './geolocation-helpers-476129aa.js';
@@ -15,6 +15,7 @@ export declare class YooAnnouncementHeadingComponent {
15
15
  renderPublicationDate(): any;
16
16
  renderPriority(): any;
17
17
  renderCategory(): any;
18
+ renderAnnouncementProgress(): any;
18
19
  renderDueDate(dueDate: Date): any;
19
20
  renderContentDetails(): any[];
20
21
  renderContent(): any;
@@ -20,6 +20,8 @@ export declare class IAlgorithm extends IEntity {
20
20
  shelf_detector_url?: string;
21
21
  return_bbox?: boolean;
22
22
  kpis_offline?: boolean;
23
+ catalog_id?: string;
24
+ catalog?: Record<string, any>;
23
25
  }
24
26
  export declare type StitchDirection = 'from-left' | 'from-right' | 'from-bottom' | 'from-top';
25
27
  export declare type ServerStitchDirection = 'vertical' | 'horizontal';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.3.0-33",
3
+ "version": "8.3.0-34",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",