@yoobic/yobi 8.2.0-7 → 8.2.0

package/dist/collection/feature-operate/campaign/helpers/operation-helpers.js

@@ -293,7 +293,12 @@ export function cleanupTodoTaskSlides(slidesTodoTask, cleanDueDate) {
     slidesTodoTask.forEach((s) => {
       var _a;
       (_a = s === null || s === void 0 ? void 0 : s.items) === null || _a === void 0 ? void 0 : _a.forEach((f) => {
-        if (f.name === 'allowLibrary' || f.name === 'finished' || f.name === 'hasphoto' || f.name === 'isphotorequired' || f.name === 'text' || (f.name === 'duedate' && cleanDueDate)) {
+        if (f.name === 'allowLibrary' ||
+          f.name === 'finished' ||
+          f.name === 'hasphoto' ||
+          f.name === 'isphotorequired' ||
+          f.name === 'text' ||
+          (f.name === 'duedate' && cleanDueDate)) {
           f.deleteOnHidden = false;
           f.hideInReadOnly = true;
         }
@@ -303,11 +308,19 @@ export function cleanupTodoTaskSlides(slidesTodoTask, cleanDueDate) {
   return slidesTodoTask;
 }
 export function getCampaignStateTags(campaign, removeStats) {
-  var _a, _b;
+  var _a, _b, _c;
   const retVal = [];
   if (!campaign) {
     return [];
   }
+  if (((_a = campaign === null || campaign === void 0 ? void 0 : campaign.reviewState) === null || _a === void 0 ? void 0 : _a.state) && campaign.reviewState.state !== 'cancel') {
+    const icon = campaign.reviewState.state === 'request' ? 'eye' : campaign.reviewState.state === 'reject' ? 'warning' : 'like';
+    const color = campaign.reviewState.state === 'request' ? 'warning' : campaign.reviewState.state === 'reject' ? 'danger' : 'success';
+    retVal.push({
+      innerHTML: `<yoo-icon slot="start" name="${icon}" color="light" size="small"></yoo-icon>` + translate('YOOBICCAMPAIGNREVIEWSTATE' + campaign.reviewState.state.toUpperCase()),
+      color
+    });
+  }
   if (campaign.uniqueKeyPrefix) {
     retVal.push({
       innerHTML: campaign.uniqueKeyPrefix,
@@ -333,13 +346,13 @@ export function getCampaignStateTags(campaign, removeStats) {
       iconOnlySize: 'medium'
     });
   }
-  if ((_a = campaign.type) === null || _a === void 0 ? void 0 : _a.toUpperCase) {
+  if ((_b = campaign.type) === null || _b === void 0 ? void 0 : _b.toUpperCase) {
     retVal.push({
       innerHTML: translate(campaign.type === 'todo' ? 'CAMPAIGNTODO' : campaign.type.toUpperCase()),
       color: campaign.active ? 'app-color-10' : 'text-color-10'
     });
   }
-  if ((_b = campaign.category) === null || _b === void 0 ? void 0 : _b.title) {
+  if ((_c = campaign.category) === null || _c === void 0 ? void 0 : _c.title) {
     retVal.push({
       innerHTML: translate(campaign.category.title),
       customColor: campaign.category.color

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

@@ -46,8 +46,8 @@ export class YooAnnouncementHeadingComponent {
   }
   renderPublicationDate() {
     const date = getMissionPublicationDate(this.announcement);
-    let dateText = isToday(date) ? translate('TODAY') : fromToday(date);
-    dateText = [translate('YESTERDAY'), translate('TOMORROW')].includes(dateText) ? dateText : dateText;
+    let dateText = isToday(date) ? translate('YOOBICTODAY') : fromToday(date);
+    dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText : dateText;
     const timeText = translate('SCHEDULEDATTIME', { time: dateFormat(date, 'LT') });
     return this.renderTag(`${dateText} ${timeText}`, 'calendar', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
   }
@@ -65,8 +65,8 @@ export class YooAnnouncementHeadingComponent {
     }
   }
   renderDueDate(dueDate) {
-    let dateText = isToday(dueDate) ? translate('TODAY').toLowerCase() : fromToday(dueDate);
-    dateText = [translate('YESTERDAY'), translate('TOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
+    let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
+    dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
     const title = translate('YOOBICDUEBY', { date: dateText, time: dateFormat(dueDate, 'LT') });
     const color = isDateAfter(dueDate, new Date(), 'day') ? this.color : getCssColor('danger');
     return this.renderTag(title, 'calendar-date', color);

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

@@ -252,6 +252,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .outer-container .content yoo-progress-bar {
   --font-size-16: var(--font-size-12, 0.75rem);
+  --progress-bar-color: var(--app-color, #5a30f4);
   --svg-width: 1rem;
   --stroke-width-circle: 2;
   margin: 0;

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

@@ -44,7 +44,7 @@ export class YooCardInboxComponent {
     if (renderProgress) {
       const { value, unit, max } = this.entry.progress;
       return renderProgress && h("div", { class: "sub-item-detail" },
-        h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: value, metric: unit, currentStep: value, maxStep: max }),
+        h("yoo-progress-bar", { shape: "circle", hideProgressValue: true, value: value, metric: unit, maxValue: max }),
         h("yoo-truncate", { style: { cssText: '--max-lines: 1' } },
           h("span", null, translate('ACTIONSCOMPLETED', { smart_count: value, total: max }))));
     }

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

@@ -58,9 +58,9 @@ export function getMissionDate(mission, isOngoing) {
   }
   return getMissionPublicationDate(mission);
 }
-function getMissionProgress(mission, forceProgressDisplay) {
+export function getMissionProgress(mission, forceProgressDisplay) {
   var _a, _b;
-  const isActionPlanWithTodos = isMissionActionPlan(mission) && !!((_b = (_a = mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length);
+  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)) {
     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,
@@ -143,8 +143,8 @@ export function getMissionTags(mission, session = getSession()) {
   else {
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = isToday(duedate) ? translate('TODAY').toLowerCase() : fromToday(duedate);
-      dueDateText = [translate('YESTERDAY'), translate('TOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      let dueDateText = isToday(duedate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(duedate);
+      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' });
@@ -344,8 +344,8 @@ export function getMissionStateTags(mission, session, includeUniqueKey, includeV
     });
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = isToday(duedate) ? translate('TODAY').toLowerCase() : fromToday(duedate);
-      dueDateText = [translate('YESTERDAY'), translate('TOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      let dueDateText = isToday(duedate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(duedate);
+      dueDateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
       const text = translate('YOOBICDUEBY', { date: dueDateText, time: dateFormat(duedate, 'LT') });
       const color = isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
       tags.push({

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

@@ -185,8 +185,8 @@ export class YooMissionDetailsComponent {
   }
   renderDate(text, date, icon, color) {
     if (date) {
-      let dateText = isToday(date) ? translate('TODAY') : fromToday(date);
-      dateText = [translate('YESTERDAY'), translate('TOMORROW')].includes(dateText) ? dateText : dateText;
+      let dateText = isToday(date) ? translate('YOOBICTODAY') : fromToday(date);
+      dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText : dateText;
       const timeText = translate('SCHEDULEDATTIME', { time: dateFormat(date, 'LT') });
       return (h(Menu, { icon: icon || 'calendar', text: text },
         h("yoo-tag", { customColor: getCssColor(color || 'text-color') }, `${dateText} ${timeText}`)));
@@ -422,7 +422,7 @@ export class YooMissionDetailsComponent {
   renderActionPlanDetails() {
     return (h("div", { class: 'mission-detail ' + (this.isMobile ? '' : 'web') },
       h("div", { class: "mission-content" },
-        h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value && this.progress.value }),
+        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(),

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

@@ -207,6 +207,12 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   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);
@@ -232,6 +238,18 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   max-width: 10rem;
   margin-right: var(--spacing-08, 0.5rem);
 }
+:host .sub-heading .action-plan-progress {
+  display: flex;
+  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;
 }

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

@@ -1,6 +1,6 @@
 import { isIonic, translate, translateMulti } from '@shared/utils';
 import { Component, Element, h, Host, Prop } from '@stencil/core';
-import { getMissionTags } from '../../../feature-operate/mission/helpers/missions-helpers';
+import { getMissionProgress, getMissionTags } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { MissionLockedBanner } from '../mission-locked-banner/mission-locked-banner';
 export class YooMissionHeadingComponent {
@@ -10,9 +10,26 @@ export class YooMissionHeadingComponent {
   componentWillLoad() {
     this.isMobile = isIonic(this.host);
   }
+  renderActionPlanProgress() {
+    const actionProgress = getMissionProgress(this.mission);
+    if ((actionProgress === null || actionProgress === void 0 ? void 0 : actionProgress.value) >= 0) {
+      return h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } },
+        h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }),
+        h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } },
+          h("span", null, translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
+    }
+    return null;
+  }
+  renderMissionProgress() {
+    if (this.progress >= 0) {
+      return h("div", { class: { 'mission-progress': true, 'mission-progress-web': !this.isMobile } },
+        h("yoo-progress-bar", { animated: this.animated, value: this.progress }));
+    }
+  }
   render() {
     const excludedTags = ['dueDate', 'category', 'progress'];
     const tags = getMissionTags(this.mission).filter((tag) => !excludedTags.includes(tag._id));
+    const isActionPlan = this.mission.type === 'todo';
     return (h(Host, { class: getAppContext(this.host) },
       h("div", { class: { 'background-container': true, pdf: this.isPdf } },
         h("div", { class: "content-container" },
@@ -21,8 +38,8 @@ export class YooMissionHeadingComponent {
             !this.isPdf && this.mission.title && h("div", { class: "mission-title" }, translateMulti(this.mission.title)),
             !this.mission.title && this.mission.type === 'visit' && h("div", { class: "mission-title" }, translate('VISIT')),
             h("div", { class: "sub-heading" },
-              this.progress >= 0 && (h("div", { class: { 'mission-progress': true, 'mission-progress-web': !this.isMobile } },
-                h("yoo-progress-bar", { class: "app-color", animated: this.animated, value: this.progress }))), tags === null || tags === void 0 ? void 0 :
+              isActionPlan && this.renderActionPlanProgress(),
+              !isActionPlan && this.renderMissionProgress(), tags === null || tags === void 0 ? void 0 :
               tags.map((tag) => {
                 const tagDefaultColor = tag.customColor ? null : 'stable';
                 return (h("yoo-tag", { color: tag.color || tagDefaultColor, customColor: tag.customColor },

package/dist/collection/feature-operate/waitlist/waitlist-location-start/waitlist-location-start.js

@@ -86,7 +86,7 @@ export class YooWaitlistLocationStartComponent {
     return h(Host, null,
       h("div", { class: "header fr-view", innerHTML: this.header }),
       this.isChoiceNeeded && h("div", { class: "modes" },
-        h("yoo-form-choice", { type: "card", value: this.selectedMode, values: modes, onInputChanged: (ev) => this.onModeChanged(ev) }),
+        h("yoo-form-choice-card", { value: this.selectedMode, values: modes, onInputChanged: (ev) => this.onModeChanged(ev) }),
         !isWeb(this.host) && isPresent(this.modeDescription) && h("div", { class: "description" }, translate(this.modeDescription)),
         isPresent(this.mode) && h("div", { class: "options-title" }, translate('CHOOSEANOPTION'))),
       isPresent(this.mode) && h("div", { class: "actions" }, this.renderButtons()),

package/dist/collection/feature-platform/app/app/app.js

@@ -44,7 +44,7 @@ export class YooAppComponent {
       "mutable": false,
       "complexType": {
         "original": "TLanguage",
-        "resolved": "\"en\" | \"us\" | \"ca\" | \"fr\" | \"de\" | \"es\" | \"nl\" | \"pl\" | \"it\" | \"ru\" | \"zhs\" | \"zht\" | \"zhk\" | \"pt\" | \"kr\" | \"ja\" | \"ua\" | \"he\" | \"ar\" | \"cz\" | \"th\" | \"tr\" | \"bg\" | \"el\" | \"sl\" | \"sk\" | \"ro\" | \"hu\" | \"et\" | \"br\" | \"key\"",
+        "resolved": "\"en\" | \"us\" | \"ca\" | \"fr\" | \"de\" | \"es\" | \"nl\" | \"pl\" | \"it\" | \"ru\" | \"zhs\" | \"zht\" | \"zhk\" | \"pt\" | \"kr\" | \"ja\" | \"ua\" | \"he\" | \"ar\" | \"cz\" | \"th\" | \"tr\" | \"bg\" | \"el\" | \"sl\" | \"sk\" | \"ro\" | \"hu\" | \"et\" | \"br\" | \"ido\" | \"key\"",
         "references": {
           "TLanguage": {
             "location": "import",

package/dist/collection/feature-platform/app/widget-tab/widget-tab.css

@@ -284,4 +284,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(:not([disabled]):not([is-active])) .outer-container {
   color: var(--app-color, #5a30f4);
   background: var(--app-color-20, rgba(90, 48, 244, 0.2));
+}
+
+:host(.medium) .value {
+  font-size: var(--font-size-28, 1.75rem);
 }

package/dist/collection/feature-platform/insight/chart/chart.css

@@ -249,12 +249,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: 100%;
 }
 .empty-state yoo-empty-state {
-  padding: 32px 0;
+  padding: var(--spacing-16, 1rem) 0;
 }
 .empty-state div {
-  color: var(--text-color, #807f83);
+  color: var(--text-color-80, rgba(128, 127, 131, 0.8));
   font-size: var(--font-size-16, 1rem);
-  opacity: 0.7;
   padding: 0px;
   padding-bottom: var(--spacing-16, 1rem);
   text-align: center;

package/dist/collection/feature-platform/insight/kpi/kpi.css

@@ -223,7 +223,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: 6.25rem;
 }
 :host .empty-state div {
-  color: var(--text-color, #807f83);
+  color: var(--text-color-80, rgba(128, 127, 131, 0.8));
   font-size: var(--font-size-16, 1rem);
-  opacity: 0.7;
 }

package/dist/collection/feature-platform/insight/kpi-container/kpi-container.css

@@ -300,9 +300,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: 6.25rem;
 }
 :host .empty-state div {
-  color: var(--text-color, #807f83);
+  color: var(--text-color-80, rgba(128, 127, 131, 0.8));
   font-size: var(--font-size-16, 1rem);
-  opacity: 0.7;
   text-align: center;
 }
 

package/dist/collection/feature-platform/insight/kpi-external/kpi-external.js

@@ -60,7 +60,7 @@ export class YooKpiExternalComponent {
     const props = {
       // sandboxed iframes without allow-top-navigation, allow-top-navigation-by-user-activation or allow-popups flags
       // will prevent them to navigate away from main webview
-      sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads' : ''}`,
+      sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads allow-popups' : ''}`,
       ...(isProviderTableau ? { srcDoc } : { src: this.config.url }),
       frameBorder: 0
     };

package/dist/collection/feature-platform/login/login/login.js

@@ -1,7 +1,7 @@
 import { ScreenOrientation } from '@ionic-native/screen-orientation';
 import { debounce, disableKeyboardResize, enableKeyboardResize, getContrastColorName, getSession, 
 // getUserLanguageKeys,
-isAndroid, isChromatic, isIonic, isIOS, isIphone5, isIphoneSE, isIphoneX, isNativeMobile, isTablet, isWeb, LoginFocusAnimation, setStatusBarDarkMode, showActionSheet, translate } from '@shared/utils';
+isAndroid, isChromatic, isIonic, isIOS, isIphone5, isIphoneSE, isIphoneX, isNativeMobile, isTablet, isWeb, LoginFocusAnimation, showActionSheet, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { getAppContext, querySelectorAllDeep } from '../../../utils/helpers/common-helpers';
 import { getElementDimensions } from '../../../utils/helpers/dimensions-helpers';
@@ -55,7 +55,6 @@ export class YooLoginComponent {
     return Promise.resolve(this.userPassword);
   }
   componentWillLoad() {
-    setStatusBarDarkMode(true);
     this.showLeftPanel = window.innerWidth > MIN_SCREEN_SIZE_LEFT_PANEL;
     this.language = this.currentLanguage;
     this.hideLoginForm = this.ssoOnly;
@@ -84,7 +83,6 @@ export class YooLoginComponent {
     }
   }
   disconnectedCallback() {
-    setStatusBarDarkMode(false);
     window.removeEventListener('resize', this.resizeListener);
     enableKeyboardResize();
   }
@@ -92,10 +90,10 @@ export class YooLoginComponent {
     return window.innerHeight < IPHONE5_HEIGHT;
   }
   hasVideoBackground() {
-    return this.videoBackgroundUrl && this.videoBackgroundUrl !== '';
+    return !!this.videoBackgroundUrl;
   }
   hasCustomBackground() {
-    return (this.hasVideoBackground() || this.backgroundSrc !== undefined);
+    return (this.hasVideoBackground() || !!this.backgroundSrc);
   }
   onAlertClosed() {
     this.error = '';
@@ -297,7 +295,7 @@ export class YooLoginComponent {
         this.version)));
   }
   renderFooter() {
-    return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasVideoBackground() ? 'light' : isWeb(this.host) ? 'stable' : 'light', size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
+    return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasCustomBackground() ? 'light' : getContrastColorName(this.backgroundColor), size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
   }
   renderVideo() {
     const autoplay = !isIOS() || !isNativeMobile();

package/dist/collection/interfaces/ui/index.js

@@ -1,7 +1,4 @@
-export * from './avatar.interface';
-export * from './card.interface';
 export * from './card-chat.interface';
-export * from './card-media.interface';
 export * from './card-video.interface';
 export * from './draggable.interface';
 export * from './form-creator.interface';

package/dist/collection/utils/button.factory.js

@@ -1,6 +1,7 @@
+import { translateMulti } from '@shared/utils-login';
 import { h } from '@stencil/core';
 export const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },
-    button.text,
+    translateMulti(button.text),
     button.icon && h("yoo-icon", { name: button.icon, slot: button.iconSlot, size: button.iconSize || 'medium', color: button.iconColor }))) : null;
 };

package/dist/collection/utils/helpers/annotations-helpers.js

@@ -69,20 +69,35 @@ export function getAnnotationPositionStyle(annotation, readonly) {
   const aTransform = { transform: getAnnotationTransform(annotation, 'current') };
   return { ...percentPos, ...(!readonly && aTransform) };
 }
-export function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0) {
+export function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0, anchor = 'top-left') {
   if (elementBounds && containerBounds) {
     const { top, left, bottom, right } = containerBounds;
-    const points = [];
-    if ('bottom' in elementBounds && 'top' in elementBounds && 'left' in elementBounds && 'right' in elementBounds) {
-      points.push({ x: elementBounds.left, y: elementBounds.top });
-      points.push({ x: elementBounds.right, y: elementBounds.top });
-      points.push({ x: elementBounds.left, y: elementBounds.bottom });
-      points.push({ x: elementBounds.right, y: elementBounds.bottom });
+    if (anchor === 'top-left') {
+      const points = [];
+      if ('bottom' in elementBounds && 'top' in elementBounds && 'left' in elementBounds && 'right' in elementBounds) {
+        points.push({ x: elementBounds.left, y: elementBounds.top });
+        points.push({ x: elementBounds.right, y: elementBounds.top });
+        points.push({ x: elementBounds.left, y: elementBounds.bottom });
+        points.push({ x: elementBounds.right, y: elementBounds.bottom });
+      }
+      else {
+        points.push({ x: elementBounds.x, y: elementBounds.y });
+      }
+      return points.every(p => (p.y >= top - acceptationThreshold) &&
+        (p.y <= bottom + acceptationThreshold) &&
+        (p.x >= left - acceptationThreshold) &&
+        (p.x <= right + acceptationThreshold));
     }
     else {
-      points.push({ x: elementBounds.x, y: elementBounds.y });
+      const { x, y } = {
+        x: elementBounds.x + (elementBounds.width / 2),
+        y: elementBounds.y + (elementBounds.height / 2)
+      };
+      return ((y >= top - acceptationThreshold) &&
+        (y <= bottom + acceptationThreshold) &&
+        (x >= left - acceptationThreshold) &&
+        (x <= right + acceptationThreshold));
     }
-    return points.every(p => (p.y >= top - acceptationThreshold) && (p.y <= bottom + acceptationThreshold) && (p.x >= left - acceptationThreshold) && (p.x <= right + acceptationThreshold));
   }
   return false;
 }

package/dist/collection/utils/helpers/common-helpers.js

@@ -20,9 +20,9 @@ export function showPhotoEditor(photoEditorParams, modalOptions) {
     return res === null || res === void 0 ? void 0 : res.data;
   });
 }
-export function onRTEClick(el, currentImageSrc) {
+export function openImageDetailFromRTE(el, currentImageSrc) {
   var _a;
-  const imgSrcs = (_a = Array.from(el.querySelectorAll('img'))) === null || _a === void 0 ? void 0 : _a.map((e) => e === null || e === void 0 ? void 0 : e.src);
+  const imgSrcs = (_a = Array.from(el === null || el === void 0 ? void 0 : el.querySelectorAll('img'))) === null || _a === void 0 ? void 0 : _a.map((e) => e === null || e === void 0 ? void 0 : e.src);
   const items = (imgSrcs === null || imgSrcs === void 0 ? void 0 : imgSrcs.map(value => ({ value }))) || [];
   if (items === null || items === void 0 ? void 0 : items.length) {
     showSlidesMedia({ items, isTagging: false, isReadonly: true, canAnnotate: false, currentSlideIndex: imgSrcs.indexOf(currentImageSrc) });

package/dist/collection/utils/helpers/entities-helpers.js

@@ -220,9 +220,12 @@ export function parseEntityForCardChat(item, isMultiple, unreads) {
   if (isGifMessage) {
     lastMessage = 'GIF';
   }
-  else if (messageType === MessageType.photo || messageType === MessageType.video || messageType === MessageType.document) {
+  else if (messageType === MessageType.video) {
     lastMessage = `${translate(messageType.toUpperCase())}`;
   }
+  else if (messageType === MessageType.photo || messageType === MessageType.document) {
+    lastMessage = `${translate('YOOBIC' + messageType.toUpperCase())}`;
+  }
   let sender;
   if (lastMessage && item.lastMessageSenderId !== getSession().userId && isMultiple) {
     sender = item.users.find(user => user._id === item.lastMessageSenderId);
@@ -299,3 +302,6 @@ function getChatDate(lastMessageDate) {
   }
   return pipes.dateFormat.transform(date, 'YY/MM/DD');
 }
+export function getFolderIcon(item) {
+  return item.folderType === 'article' ? 'pages' : item.icon || 'folder';
+}

package/dist/collection/utils/helpers/filters-helpers.js

@@ -195,12 +195,14 @@ export function filterRenderFormDynamic(filteredFields, filters, formAutocomplet
       if (dynamic) {
         const filter = filters.find((f) => f.fieldname === field.name);
         if (filter) {
+          newField.tmpSelection = filter.tmpSelection;
           set(data, dynamic ? newField.name : field.name, filter.values);
         }
       }
       else {
         const filter = filters.find((f) => f.fieldname === field.name && f.fieldfiltername === (field.filterName || field.name) && (f.fieldname !== 'tags' || f.collectionName === field.collectionName));
         if (filter) {
+          newField.tmpSelection = filter.tmpSelection;
           set(data, dynamic ? newField.name : field.name, filter.values);
         }
       }
@@ -239,6 +241,7 @@ export function mapCustomViewToButton(c, currentCustomView, session, authenticat
         ? {
           icon: 'pen',
           iconColor: 'stable',
+          iconSize: 'small',
           handler: () => customViewSaved(c)
         }
         : null,
@@ -246,6 +249,7 @@ export function mapCustomViewToButton(c, currentCustomView, session, authenticat
         ? {
           icon: 'delete',
           iconColor: 'stable',
+          iconSize: 'small',
           handler: () => customViewRemoved(c)
         }
         : null

package/dist/{esm/annotations-helpers-06bdd868.js → design-system/annotations-helpers-628a8ae3.js}

@@ -69,20 +69,35 @@ function getAnnotationPositionStyle(annotation, readonly) {
   const aTransform = { transform: getAnnotationTransform(annotation, 'current') };
   return { ...percentPos, ...(!readonly && aTransform) };
 }
-function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0) {
+function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0, anchor = 'top-left') {
   if (elementBounds && containerBounds) {
     const { top, left, bottom, right } = containerBounds;
-    const points = [];
-    if ('bottom' in elementBounds && 'top' in elementBounds && 'left' in elementBounds && 'right' in elementBounds) {
-      points.push({ x: elementBounds.left, y: elementBounds.top });
-      points.push({ x: elementBounds.right, y: elementBounds.top });
-      points.push({ x: elementBounds.left, y: elementBounds.bottom });
-      points.push({ x: elementBounds.right, y: elementBounds.bottom });
+    if (anchor === 'top-left') {
+      const points = [];
+      if ('bottom' in elementBounds && 'top' in elementBounds && 'left' in elementBounds && 'right' in elementBounds) {
+        points.push({ x: elementBounds.left, y: elementBounds.top });
+        points.push({ x: elementBounds.right, y: elementBounds.top });
+        points.push({ x: elementBounds.left, y: elementBounds.bottom });
+        points.push({ x: elementBounds.right, y: elementBounds.bottom });
+      }
+      else {
+        points.push({ x: elementBounds.x, y: elementBounds.y });
+      }
+      return points.every(p => (p.y >= top - acceptationThreshold) &&
+        (p.y <= bottom + acceptationThreshold) &&
+        (p.x >= left - acceptationThreshold) &&
+        (p.x <= right + acceptationThreshold));
     }
     else {
-      points.push({ x: elementBounds.x, y: elementBounds.y });
+      const { x, y } = {
+        x: elementBounds.x + (elementBounds.width / 2),
+        y: elementBounds.y + (elementBounds.height / 2)
+      };
+      return ((y >= top - acceptationThreshold) &&
+        (y <= bottom + acceptationThreshold) &&
+        (x >= left - acceptationThreshold) &&
+        (x <= right + acceptationThreshold));
     }
-    return points.every(p => (p.y >= top - acceptationThreshold) && (p.y <= bottom + acceptationThreshold) && (p.x >= left - acceptationThreshold) && (p.x <= right + acceptationThreshold));
   }
   return false;
 }