@yoobic/yobi 8.3.0-33 → 8.3.0-36

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

@@ -2,7 +2,7 @@ import { FormFieldType } from '@shared/interfaces';
 import { isNativeMobile, isWeb, translate } from '@shared/utils';
 import { isNumber } from 'lodash-es';
 export function getFieldState(field, fieldsState) {
-  return fieldsState[field.name] || {};
+  return fieldsState ? fieldsState[field.name] || {} : {};
 }
 export function getLessonPageValidity(index, slides, fieldsState, activeIndex, currentData) {
   let validity = true;

package/dist/collection/components/form/form-input-container/form-input-container.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
  */
@@ -1026,6 +1026,10 @@ span.fr-img-caption.fr-view {
   padding: var(--spacing-08, 0.5rem) 0;
 }
 
+:host(.form-readonly[size=small]) {
+  padding: 0;
+}
+
 :host(.form-readonly.quickview) .description .label .right-side,
 :host(.form-readonly.quickview) .description .optional .right-side,
 :host(.form-readonly.quickview) .top-container .label .right-side,

package/dist/collection/components/form-creator/form-creator-translate/form-creator-translate.js

@@ -1,4 +1,4 @@
-import { cleanUnusedTranslations, closeModal, formatSlides, getLanguageKey, getTranslateLanguageKeys, hasImageRecognitionFields, isNullOrUndefined, showAlert, showModal, translate, updateAuditWithTranslations, updateScoringWithTranslations } from '@shared/utils';
+import { cleanUnusedTranslations, closeModal, formatSlides, getAuthentication, getLanguageKey, getTranslateLanguageKeys, hasImageRecognitionFields, isNullOrUndefined, showAlert, showModal, translate, updateAuditWithTranslations, updateScoringWithTranslations } from '@shared/utils';
 import { Component, Event, h, Host, Prop, State, Watch } from '@stencil/core';
 import { cloneDeep, isEqual, remove } from 'lodash-es';
 import { addRow, isAlreadyTranslated, resetFieldTranslations, resetKey, translateAll } from '../helpers';
@@ -107,7 +107,7 @@ export class YooFormCreatorTranslateComponent {
         text: translate('DELETEALL'),
         icon: 'delete',
         handler: () => this.onLanguageDeleteAllConfirm(),
-        isVisible: () => !this.isTranslator
+        isVisible: () => { var _a, _b; return (!this.isTranslator && !((_a = this.plan) === null || _a === void 0 ? void 0 : _a.isActive) && !((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.active)) || getAuthentication().isRoleAdmin(); }
       }
     ];
     this.gridConfig = {

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

@@ -1178,11 +1178,12 @@ export class YooGridComponent {
     }
   }
   findIndex(item, useSelectionRemoved = false) {
+    var _a;
     const selection = [].concat(useSelectionRemoved ? this.selectionRemoved : this.selection);
     if (isString(item) || isNumber(item) || isBoolean(item)) {
       return findIndex(selection, (s) => s && isEqual(item, s));
     }
-    else if (item.tag === 'documentuploader' && item.filename && !item._id) {
+    else if ((item === null || item === void 0 ? void 0 : item.tag) === 'documentuploader' && ((_a = item) === null || _a === void 0 ? void 0 : _a.filename) && !(item === null || item === void 0 ? void 0 : item._id)) {
       // TODO: remove during upload refactor
       return findIndex(selection, (s) => s && isEqual(item, s));
     }
@@ -2346,7 +2347,7 @@ export class YooGridComponent {
     if (this.getActiveFiltersCount()) {
       renderSearchOrAutocomplete = true;
     }
-    if (this.entityType == 'files' && this.isAutoComplete && isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
+    if (this.entityType === 'files' && this.isAutoComplete && isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
       renderSearchOrAutocomplete = false;
     }
     return [

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/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/user-wizard/user-wizard.js

@@ -8,6 +8,7 @@ export class YooUserWizardComponent {
     this.addIconSize = 'small';
     this.showAdd = true;
     this.isImageCard = false;
+    this.addIconUser = getSession().user;
     this.clampedItems = [];
   }
   onItemSelected(item) {
@@ -40,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();
@@ -297,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-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,10 +252,6 @@ 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(.feed) {
   display: flex;

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 { 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 {
@@ -64,6 +64,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 +88,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(),

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,

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/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
  */