@yoobic/yobi 8.2.0-18 → 8.2.0-19

package/dist/collection/feature-operate/campaign/card-campaign/card-campaign.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 */
 :host yoo-kpi-card {
-  --value-direction: column-reverse;
+  --value-direction: column;
   --value-font-size: var(--font-size-14, 0.875rem);
   --value-font-weight: normal;
   --value-separator: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);

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

@@ -143,7 +143,7 @@ export class YooDetailBarComponent {
           translate('LESSONS'))) : (h("div", null,
           this.getFieldsLength(),
           " ",
-          translate('FIELDS')))),
+          translate('YOOBICFIELDS')))),
       !this.isCourse && (h("yoo-button", { color: "light", size: "small", onClick: () => this.onPreview() },
         translate('OPENPREVIEW'),
         h("yoo-icon", { slot: "end", name: "view", size: "small" })))));

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/helpers/missions-helpers.js

@@ -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}`)));

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/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/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);
         }
       }

package/dist/design-system/{button.factory-319699ea.js → button.factory-fc66c65f.js}

@@ -1,8 +1,10 @@
+import './index-e1933d4a.js';
 import { h } from './index-019c1b1a.js';
+import { T as translateMulti } from './index-5242545a.js';
 
 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/design-system/{camera-helpers-019bcaf5.js → camera-helpers-64e06b9f.js}

@@ -1,4 +1,4 @@
-import { c3 as cordova, c4 as IonicNativePlugin, cf as cordovaPropertyGet, cg as cordovaPropertySet, ch as registerPlugin, _ as getSession, ci as isIonic, d as isNativeMobile, cj as Device, e as isAndroid, v as isIOS, ck as getMediaDevices, n as showModal, m as getModalAnimation, o as isWeb } from './index-31fcf34b.js';
+import { c3 as cordova, c4 as IonicNativePlugin, cf as cordovaPropertyGet, cg as cordovaPropertySet, ch as registerPlugin, _ as getSession, ci as isIonic, d as isNativeMobile, cj as Device, e as isAndroid, v as isIOS, ck as getMediaDevices, n as showModal, m as getModalAnimation, o as isWeb } from './index-5242545a.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -205,7 +205,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-af5f29c4.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-4899976c.js').then(m => new m.CameraWeb()),
 });
 
 var __extends = (undefined && undefined.__extends) || (function () {

package/dist/{esm/chat-helpers-a5613453.js → design-system/chat-helpers-4658f38c.js}

@@ -1,4 +1,4 @@
-import { al as is24Hour, am as isFile, n as showModal, o as isWeb } from './index-31fcf34b.js';
+import { al as is24Hour, am as isFile, n as showModal, o as isWeb } from './index-5242545a.js';
 import { a as isArray } from './lodash-b0ad17f3.js';
 
 /**

package/dist/design-system/{common-helpers-cd0eef7a.js → common-helpers-d0a7d41f.js}

@@ -1,4 +1,4 @@
-import { m as getModalAnimation, t as translate, n as showModal, o as isWeb, p as debounce, q as querySelectorDeep$1, d as isNativeMobile, S as ScreenOrientation, r as findParent, u as isIphoneX, f as isIpadPro, j as isTablet, c as isFullScreenFalse, v as isIOS, e as isAndroid, w as setAnimation, x as animations, y as getCssColor, Y as YOOBICON_ENTITIES_MAP, z as startOf, A as isDateBefore, B as dateDiffInCalendarDays, D as isDateAfter, E as getAsyncExtraData, F as isNativeFilePath, G as cleanupWKWebViewFilePath, k as Cloudinary, H as getProtocol, C as CloudinaryGradientLayer } from './index-31fcf34b.js';
+import { m as getModalAnimation, t as translate, n as showModal, o as isWeb, p as debounce, q as querySelectorDeep$1, d as isNativeMobile, S as ScreenOrientation, r as findParent, u as isIphoneX, f as isIpadPro, j as isTablet, c as isFullScreenFalse, v as isIOS, e as isAndroid, w as setAnimation, x as animations, y as getCssColor, Y as YOOBICON_ENTITIES_MAP, z as startOf, A as isDateBefore, B as dateDiffInCalendarDays, D as isDateAfter, E as getAsyncExtraData, F as isNativeFilePath, G as cleanupWKWebViewFilePath, k as Cloudinary, H as getProtocol, C as CloudinaryGradientLayer } from './index-5242545a.js';
 import { A as get } from './lodash-b0ad17f3.js';
 
 function getDefaultModalAnimation() {

package/dist/design-system/design-system.css

@@ -8425,7 +8425,7 @@ span.fr-img-caption.fr-view {
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
-  min-width: 30px;
+  min-width: 1.6875rem;
   height: 2rem;
   margin: 0;
   color: var(--dark, #000000);
@@ -8459,7 +8459,6 @@ span.fr-img-caption.fr-view {
 .royal-theme.fr-toolbar {
   color: var(--dark, #000000);
   background: var(--light, #ffffff);
-  border-radius: 0 !important;
 }
 .royal-theme.fr-toolbar .fr-more-toolbar.fr-expanded {
   height: 32px;
@@ -8531,19 +8530,22 @@ yoo-form-text-editor .fullscreen .fr-wrapper {
 yoo-form-text-editor .fullscreen .fr-wrapper iframe {
   height: 100% !important;
 }
-yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar .fr-command.fr-btn,
-yoo-form-text-editor .fullscreen .royal-theme.fr-popup .fr-command.fr-btn,
-yoo-form-text-editor .fullscreen .royal-theme.fr-modal .fr-command.fr-btn {
+yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar.fr-top:not(.fr-desktop) {
+  padding-top: 2rem;
+}
+yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar:not(.fr-mobile) .fr-command.fr-btn,
+yoo-form-text-editor .fullscreen .royal-theme.fr-popup:not(.fr-mobile) .fr-command.fr-btn,
+yoo-form-text-editor .fullscreen .royal-theme.fr-modal:not(.fr-mobile) .fr-command.fr-btn {
   min-width: 2.2rem;
   height: 4rem;
 }
-yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar .fr-command.fr-btn svg.fr-svg,
-yoo-form-text-editor .fullscreen .royal-theme.fr-popup .fr-command.fr-btn svg.fr-svg,
-yoo-form-text-editor .fullscreen .royal-theme.fr-modal .fr-command.fr-btn svg.fr-svg {
+yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar:not(.fr-mobile) .fr-command.fr-btn svg.fr-svg,
+yoo-form-text-editor .fullscreen .royal-theme.fr-popup:not(.fr-mobile) .fr-command.fr-btn svg.fr-svg,
+yoo-form-text-editor .fullscreen .royal-theme.fr-modal:not(.fr-mobile) .fr-command.fr-btn svg.fr-svg {
   width: 1.2rem;
   height: 1.2rem;
 }
-yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar .fr-more-toolbar.fr-expanded {
+yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar:not(.fr-mobile) .fr-more-toolbar.fr-expanded {
   height: 4rem;
 }