@yoobic/yobi 8.5.9 → 8.5.11

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -1270,9 +1270,6 @@ svg:not(:root) {
   background: var(--stable-ultralight, #fafafa);
   border-radius: var(--border-radius-08, 0.5rem);
 }
-:host .field-placeholder:not(.readonly):not(.invisible).textarea.html {
-  z-index: 1;
-}
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible {
   padding: var(--spacing-16, 1rem) 0 0;
 }

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

@@ -1,5 +1,5 @@
 import { FormFieldType, IncentivePartType, QUIZZ_COMPONENTS_FORM_FIELDS } from '@shared/interfaces';
-import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
+import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { assign, cloneDeep, compact, findLastIndex, flatten, get, groupBy, isArray, isEmpty, isEqual, isFunction, isNumber, isObject, isString, keys, orderBy, pick, range, result, uniqBy } from 'lodash-es';
 import { getMissionStatusIconName } from '../../../feature-operate/campaign/helpers/operation-helpers';
@@ -4240,7 +4240,7 @@ export class YooFormDynamicComponent {
         TagType = 'yoo-form-missing-word';
         extraAttrs = {
           ...extraAttrs,
-          sentence: field.sentence
+          sentence: sanitizeInputValue(field.sentence)
         };
         break;
       case FormFieldType.imagetagging:

package/dist/collection/components/form/form-multi-input/form-multi-input.css

@@ -261,11 +261,6 @@ svg:not(:root) {
 :host .row .column .cell yoo-form-input-container {
   flex: 1;
   min-width: 6rem;
-  overflow: hidden;
-  white-space: nowrap;
-}
-:host .row .column .cell yoo-form-input-container yoo-form-text-editor {
-  white-space: initial;
 }
 :host .row .column .cell .field-translation {
   overflow: hidden;

package/dist/collection/components/form/form-multi-input/form-multi-input.js

@@ -11,7 +11,7 @@
  * https://zpl.io/29KpyAW
  */
 import { FormFieldType } from '@shared/interfaces';
-import { getUUID, isValueATranslationKey, isWeb, MODAL_BASE_ZINDEX, translate } from '@shared/utils';
+import { getUUID, isValueATranslationKey, isWeb, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { isEqual, isString } from 'lodash-es';
 import Sortable from 'sortablejs';
@@ -530,7 +530,6 @@ export class YooFormMultiInputComponent {
         debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
-        customZIndex: TagType === 'yoo-form-text-editor' && (MODAL_BASE_ZINDEX - cell.rowIndex),
         reloadText: TagType === 'yoo-form-text-editor' && this.deletedRowIndex !== null && cell.rowIndex >= this.deletedRowIndex
       };
       textInput = (h(TagType, { ...props }, (_u = cell.column.inputComponentSlots) === null || _u === void 0 ? void 0 : _u.map(({ tag, props = {}, text }) => {

package/dist/collection/components/form/form-text-area/form-text-area.js

@@ -184,7 +184,11 @@ export class YooFormTextAreaComponent {
   }
   onInputChanged() {
     var _a, _b;
-    const value = this.inputEl && this.inputEl.value ? this.inputEl.value : null;
+    let value = this.inputEl.value || null;
+    if (this.sanitizeValue) {
+      value = this.sanitizeInputValue(value);
+      this.inputEl.value = value;
+    }
     this.emitValueAndSetValidity(value, this, null, this.validateInput, false, ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.length) > 0);
     if (((_b = this.translationKey) === null || _b === void 0 ? void 0 : _b.length) > 0) {
       this.translationValueUpdated.emit({ key: this.translationKey, value });
@@ -395,7 +399,7 @@ export class YooFormTextAreaComponent {
           }
           ev.preventDefault();
         }, contenteditable: "true", placeholder: translate(this.placeholder), readonly: this.readonly, rows: this.rows, onBlur: (ev) => onInputBlurred(ev, this, 'textarea'), onInput: () => this.onInputChanged(), onFocus: () => this.onInputFocused('textarea'), onKeyPress: (ev) => this.onKeyPress(ev), onKeyDown: (ev) => this.onKeyDown(ev), onTouchStart: (ev) => ev.stopPropagation(), tabindex: this.inputTabIndex }),
-      this.clearable && (h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, h("yoo-icon", { size: this.getIconSize(), name: "cross" })))
+      this.clearable && (h("div", { class: "icon-suffix-focus last icon-close", style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, h("yoo-icon", { size: this.getIconSize(), name: "cross" })))
     ];
   }
   renderEditable() {

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -46,7 +46,7 @@ import 'froala-editor/js/languages/tr';
 import 'froala-editor/js/languages/uk';
 import 'froala-editor/js/languages/zh_cn';
 import 'froala-editor/js/languages/zh_tw';
-import { asyncWaterfall, closeModal, debounce as _debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUUID, getVideoPoster, images, isCloudinaryLink, isImageUrl, isVideo, isWeb, MODAL_BASE_ZINDEX, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
+import { asyncWaterfall, closeModal, debounce as _debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUUID, getVideoPoster, images, isCloudinaryLink, isImageUrl, isVideo, isWeb, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import FroalaEditor from 'froala-editor';
 import { assign, compact, isArray, isString } from 'lodash-es';
@@ -65,7 +65,6 @@ export class YooFormTextEditorComponent {
     this.allowLinkPreview = false;
     this.resetHtml = false;
     this.reloadText = false;
-    this.customZIndex = MODAL_BASE_ZINDEX;
     this.mentionedUsers = [];
     // the event "contentChanged" is not fired before hitting 'Enter' once,
     //  so need to listen to the event 'keydown' first to be aware of any change of the value.
@@ -244,7 +243,6 @@ export class YooFormTextEditorComponent {
       fileAllowedTypes: ['*'],
       linkInsertButtons: ['linkBack'],
       pastePlain: false,
-      zIndex: this.customZIndex,
       quickInsertEnabled: isWeb(this.host),
       quickInsertButtons: compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'yooNoTranslateButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
@@ -1048,24 +1046,6 @@ export class YooFormTextEditorComponent {
         "reflect": false,
         "defaultValue": "false"
       },
-      "customZIndex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "custom-z-index",
-        "reflect": false,
-        "defaultValue": "MODAL_BASE_ZINDEX"
-      },
       "translations": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/form/form-todo-mission/form-todo-mission.css

@@ -279,6 +279,11 @@ svg:not(:root) {
   font-weight: var(--font-weight-700, 700);
   font-size: var(--font-size-16, 1rem);
 }
+:host .outer-container .container #task-container .task header task-details .task-description {
+  margin: var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);
+  color: var(--text-color, #807f83);
+  font-size: var(--font-size-14, 0.875rem);
+}
 :host .outer-container .container #task-container .task header task-details .user {
   display: flex;
   align-items: center;
@@ -286,7 +291,7 @@ svg:not(:root) {
   padding: var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem);
 }
 :host .outer-container .container #task-container .task header task-details .user yoo-avatar {
-  padding-right: var(--spacing-04, 0.25rem);
+  padding: 0 var(--spacing-04, 0.25rem) 0 0;
 }
 :host .outer-container .container #task-container .task header task-details .user p {
   margin: 0;
@@ -414,5 +419,11 @@ svg:not(:root) {
 }
 
 :host(.rtl) .outer-container .container #task-container .task header task-details .task-title {
-  padding: 0 var(--spacing-08, 0.5rem) 0 0;
+  padding: 0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);
+}
+:host(.rtl) .outer-container .container #task-container .task header task-details .task-description {
+  margin: var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0;
+}
+:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar {
+  padding: 0 0 0 var(--spacing-04, 0.25rem);
 }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.js

@@ -216,10 +216,11 @@ export class YooFormTodoMissionComponent {
           this.emitUpdate({ task: updatedTask, index });
         } })));
   }
-  renderDuedateTag(date) {
-    var _a;
+  renderDuedateTag(task) {
+    var _a, _b;
     // when a parent is already displaying the due date of the Todo mission into the DOM, and that all tasks have the same due date, do not display it for each of them
-    const hideDueDate = this.completed && this.overallDuedate && ((_a = this.values) === null || _a === void 0 ? void 0 : _a.every((todo) => { var _a; return isDateSame((_a = todo.duedate) === null || _a === void 0 ? void 0 : _a.value, this.overallDuedate, 'minute'); }));
+    const date = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
+    const hideDueDate = this.completed && this.overallDuedate && ((_b = this.values) === null || _b === void 0 ? void 0 : _b.every((todo) => { var _a; return isDateSame((_a = todo.duedate) === null || _a === void 0 ? void 0 : _a.value, this.overallDuedate, 'minute'); }));
     if (date && !hideDueDate) {
       let dueDateText = isToday(date) ? translate('YOOBICTODAY').toLowerCase() : fromToday(date);
       dueDateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
@@ -277,10 +278,10 @@ export class YooFormTodoMissionComponent {
   render() {
     var _a;
     return !!((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) && (h(Host, { class: getAppContext(this.host) }, h("div", { class: "outer-container" }, h("div", { class: "title" }, h("yoo-icon", { size: "medium", name: "mission", slot: "start" }), translate('YOOBICTASKS'), " (", this.values.length, ")"), this.values.map((task, index) => {
-      var _a, _b, _c, _d, _e, _f;
-      const dueDate = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
+      var _a, _b, _c, _d, _e, _f, _g;
       const status = this.updateTaskStatus(task, index);
-      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_b = task.text) === null || _b === void 0 ? void 0 : _b.value)), this.renderUser(task), this.renderDuedateTag(dueDate), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_c = task.hasphoto) === null || _c === void 0 ? void 0 : _c.value) && task.imageData)) && h("line", null), (((_d = task.isphotorequired) === null || _d === void 0 ? void 0 : _d.value) || ((_e = task.showPhotos) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showComments) === null || _f === void 0 ? void 0 : _f.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
+      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_a = task.text) === null || _a === void 0 ? void 0 : _a.value)), ((_b = task.comments) === null || _b === void 0 ? void 0 : _b.value) &&
+        h("p", { class: "task-description" }, (_c = task.comments) === null || _c === void 0 ? void 0 : _c.value), this.renderUser(task), this.renderDuedateTag(task), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_d = task.hasphoto) === null || _d === void 0 ? void 0 : _d.value) && task.imageData)) && h("line", null), (((_e = task.isphotorequired) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showPhotos) === null || _f === void 0 ? void 0 : _f.value) || ((_g = task.showComments) === null || _g === void 0 ? void 0 : _g.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
     }))));
   }
   static get is() { return "yoo-form-todo-mission"; }

package/dist/collection/components/grid/ag-grid/grid-renderers.js

@@ -1,5 +1,5 @@
 import { FormFieldType, IncentivePartType, IncentiveStatus, IncentiveType } from '@shared/interfaces';
-import { aclRolesResolver, dateDiff, dateFormat, dateParse, dispatchCustomEvent, getCssColor, getUserDisplayName, groupsResolver, pipes, salesAIFormatDemand, salesAIGetColorFromPattern, toButton, toDate, toHours, translate, translateMulti, utc } from '@shared/utils';
+import { aclRolesResolver, dateDiff, dateFormat, dateParse, dateWeekParse, dispatchCustomEvent, getCssColor, getUserDisplayName, groupsResolver, pipes, salesAIFormatDemand, salesAIGetColorFromPattern, toButton, toDate, toHours, translate, translateMulti, utc } from '@shared/utils';
 import { compact, get, indexOf, isArray, isEmpty, isFunction, isNumber, isObject, isString, keys, map, round } from 'lodash-es';
 import { countryFlag } from '../../..//utils/helpers/country-helpers';
 import { getPositionText } from '../../../feature-learn/incentive/helpers/incentive-helpers';
@@ -344,12 +344,15 @@ function deltaRenderer(params) {
   }
   return value;
 }
-function datetimeGenericRenderer(params, format) {
+function datetimeGenericRenderer(params, format, dateGrouping) {
   let value = params.value;
   if (isObject(value) && value.value) {
     value = value.value;
   }
   if (value) {
+    if (dateGrouping === 'week') {
+      value = dateWeekParse(value);
+    }
     const finalDate = dateFormat(toDate(value), format);
     if (params.isExport) {
       return finalDate;
@@ -359,10 +362,10 @@ function datetimeGenericRenderer(params, format) {
   return '';
 }
 function dateTimeRenderer(params) {
-  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L LT');
+  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L LT', params === null || params === void 0 ? void 0 : params.dateGrouping);
 }
 function dateRenderer(params) {
-  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L');
+  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L', params === null || params === void 0 ? void 0 : params.dateGrouping);
 }
 function timeRenderer(params) {
   const value = params.value;

package/dist/collection/components/grid/grid/grid.css

@@ -4353,4 +4353,8 @@ svg:not(:root) {
 :host(.rtl.widget.framed) .frame-container .frame-header .row .icon-container {
   margin-right: var(--spacing-08, 0.5rem);
   margin-left: 0;
+}
+
+:host(.missions.emulate-preview) {
+  padding-bottom: 2.5rem;
 }

package/dist/{esm/button.factory-a1864edb.js → design-system/button.factory-e4e19f16.js}

@@ -1,4 +1,4 @@
-import { a3 as translateMulti } from './index-09de6817.js';
+import { a3 as translateMulti } from './index-998eec90.js';
 import { h } from './index-a6a92b3d.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-35eb1d92.js → design-system/camera-helpers-42cf7978.js}

@@ -1,5 +1,5 @@
-import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-09de6817.js';
-import './index-79495ce8.js';
+import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-998eec90.js';
+import './index-0b3d2e69.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-216eabaa.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-9dbfc0df.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-711d9c14.js → chat-helpers-0b48a0bf.js}

@@ -1,6 +1,6 @@
-import './index-79495ce8.js';
+import './index-0b3d2e69.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-09de6817.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-998eec90.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-d0ae29f8.js → design-system/common-helpers-e1ab61d3.js}

@@ -1,5 +1,5 @@
-import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-09de6817.js';
-import './index-79495ce8.js';
+import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-998eec90.js';
+import './index-0b3d2e69.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {