@yoobic/yobi 8.5.0-67 → 8.5.0-69

package/dist/cjs/yoo-widget-chart.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
+require('./index-975da229.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-9236f182.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-small-size.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
-const index$1 = require('./index-9236f182.js');
+require('./index-975da229.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-tab.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
+require('./index-975da229.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-9236f182.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-tile.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
-const index$1 = require('./index-9236f182.js');
+require('./index-975da229.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
-const index$1 = require('./index-9236f182.js');
+require('./index-975da229.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
+require('./index-975da229.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-9236f182.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
+require('./index-975da229.js');
 const lodash = require('./lodash-a9050d79.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-266b26c4.js');
+const commonHelpers = require('./common-helpers-3c663516.js');
 const index$4 = require('./index-57c6f364.js');
-const index$2 = require('./index-4680c72e.js');
+const index$2 = require('./index-41b09352.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-9236f182.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./index-cb8276bc.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-9ca0e46c.js');
-const index = require('./index-9236f182.js');
-require('./index-944805e9.js');
+const index = require('./index-bb64f6dc.js');
+require('./index-975da229.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-944805e9.js');
+require('./index-975da229.js');
 const lodash = require('./lodash-a9050d79.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const index$1 = require('./index-9236f182.js');
+const index$1 = require('./index-bb64f6dc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-cb8276bc.js');
 

package/dist/collection/components/2.molecules/rating/rating.css

@@ -283,6 +283,10 @@ svg:not(:root) {
   width: 25rem;
 }
 
+:host(.modal-view.web) .description-container {
+  padding-bottom: var(--spacing-40, 2.5rem);
+}
+
 @keyframes opacity {
   from {
     opacity: 0;

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -992,7 +992,7 @@ export class YooPhotoEditorComponent {
           this.isReadonly = false;
         }
         else {
-          this.extraActionClicked.emit(extraAction);
+          extraAction.handler(ev);
         }
       }
       if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {
@@ -1729,26 +1729,6 @@ export class YooPhotoEditorComponent {
           "resolved": "boolean",
           "references": {}
         }
-      }, {
-        "method": "extraActionClicked",
-        "name": "extraActionClicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted to block the swiping action of the slides when drag and dropping an annotation"
-        },
-        "complexType": {
-          "original": "IButton",
-          "resolved": "IButton",
-          "references": {
-            "IButton": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        }
       }, {
         "method": "saveChanges",
         "name": "saveChanges",

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

@@ -1,4 +1,4 @@
-import { FormFieldType, FormFilterAutocompleteOperator } from '@shared/interfaces';
+import { FormFieldType } from '@shared/interfaces';
 import { findParent, getAsyncExtraData, getModalAnimation, getRandomFileName, groupsResolver, isImage, isIonic, isNullOrUndefined, isPresent, isValid, isWeb, MONGODB_ID_REGEX, resizeImage, showAlert, showModal, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { compact, isArray, isNumber, isString, uniq } from 'lodash-es';
@@ -204,7 +204,7 @@ export class YooFormAutocompleteComponent {
   }
   componentWillLoad() {
     var _a, _b;
-    this.isFilter && !this.filterOperator && this.selectFilterOperator(FormFilterAutocompleteOperator.is);
+    // this.isFilter && !this.filterOperator && this.selectFilterOperator(FormFilterAutocompleteOperator.is);
     this.updateSelection(true);
     if (this.showDropdownOnLoad) {
       this.showDropdownContent = this.showDropdownOnLoad;

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

@@ -109,10 +109,10 @@ export class YooFormCarouselComponent {
           {
             icon: 'more',
             isVisible: () => true,
-            handler: (localEv) => {
-              const el = findParent(localEv === null || localEv === void 0 ? void 0 : localEv.target, 'yoo-photo-editor');
-              const index = (el === null || el === void 0 ? void 0 : el.id) || 0;
-              const item = this.mediaSrc[index];
+            handler: async (ev) => {
+              const slides = findParent(ev === null || ev === void 0 ? void 0 : ev.target, 'yoo-ion-slides');
+              const currentIndex = await (slides === null || slides === void 0 ? void 0 : slides.getActiveIndex()) || 0;
+              const item = this.mediaSrc[currentIndex];
               const actions = [
                 {
                   text: translate('EMAIL'),
@@ -142,8 +142,8 @@ export class YooFormCarouselComponent {
                 }
               ];
               isWeb(this.host) ?
-                showContextMenu(localEv, {
-                  hostElement: localEv === null || localEv === void 0 ? void 0 : localEv.target,
+                showContextMenu(ev, {
+                  hostElement: ev === null || ev === void 0 ? void 0 : ev.target,
                   contentButtons: actions
                 }) : showActionSheet(actions, null, {}, null, ev);
             }

package/dist/collection/components/form/form-choice/chat/form-choice-chat.js

@@ -32,7 +32,7 @@ export class YooFormChoiceChatComponent {
     return this.choices && this.sentence &&
       h("section", { id: "messages" }, !this.description && h("div", { class: "title" }, translate('THECLIENTASKS')), h("yoo-chat-message", { class: "radius", animation: this.animated ? 'loading' : null, message: getMessage({ content: translateMulti(this.sentence), isAlternate: false }) }), h("div", { class: "title alternate" }, translate('WHATSTHECORRECTRESPONSE')), (_a = this.choices) === null || _a === void 0 ? void 0 :
         _a.map((value, index, s) => (value &&
-          h("yoo-chat-message", { class: { choice: true, radius: true, selected: isSelected(value, this.selection) }, style: this.animated ? { '--choice-index': index.toString() } : {}, message: getMessage({ content: value, isFirst: !index, isLast: index === s.length - 1, isAlternate: true }), onClick: () => onItemSelect(value, this) }))));
+          h("yoo-chat-message", { class: { choice: true, radius: true, selected: isSelected(value, this.selection), animated: this.animated }, style: this.animated ? { '--choice-index': index.toString() } : {}, message: getMessage({ content: value, isFirst: !index, isLast: index === s.length - 1, isAlternate: true }), onClick: () => onItemSelect(value, this) }))));
   }
   renderBanner() {
     return this.livePreview && !this.readonly && h("yoo-banner", null, h("p", { slot: "content" }));

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

@@ -132,6 +132,11 @@ export class YooFormTextEditorComponent {
       this.editor.html.set(this.value);
     }
   }
+  connectedCallback() {
+    if (!this.editor) {
+      this.loadEditor();
+    }
+  }
   disconnectedCallback() {
     this.destroyEditor();
   }

package/dist/collection/components/form/scratch-card/scratch-card.js

@@ -16,8 +16,7 @@ export class YooScratchCardComponent {
     await this.initCanvas();
   }
   async onVisibilityChanged() {
-    !this.isCanvasLoaded && await this.initCanvas();
-    this.validity && await this.cleanCanvas();
+    this.isVisible && await this.initCanvas();
   }
   async cleanCanvas() {
     await this.clearCanvasRect();
@@ -66,14 +65,13 @@ export class YooScratchCardComponent {
       image.src = this.canvasSrc;
       this.isCanvasLoaded = await new Promise((resolve, reject) => {
         image.onload = () => {
-          var _a;
           const { width } = this.hostBounds;
           const hasBounding = !!width;
           if (hasBounding) {
             Object.assign(this.canvasElement, { width, height: width });
             this.canvasContext.drawImage(image, 0, 0, width, width);
             this.canvasElement.removeAttribute('fade-out');
-            (_a = this.buttonElement) === null || _a === void 0 ? void 0 : _a.removeAttribute('visible');
+            this.buttonElement.removeAttribute('visible');
           }
           resolve(hasBounding);
         };
@@ -108,7 +106,6 @@ export class YooScratchCardComponent {
         }
       };
       const draw = async (event) => {
-        var _a;
         event.stopPropagation();
         event.preventDefault();
         if (this.isDrawing) {
@@ -117,7 +114,7 @@ export class YooScratchCardComponent {
           if (this.shouldRevealImage) {
             this.canvasElement.setAttribute('fade-out', 'true');
             await this.clearCanvasRect();
-            (_a = this.buttonElement) === null || _a === void 0 ? void 0 : _a.setAttribute('visible', 'true');
+            this.buttonElement.setAttribute('visible', 'true');
           }
         }
       };
@@ -193,7 +190,7 @@ export class YooScratchCardComponent {
     return h("div", { class: "content-card" }, mode === 'TEXT' && !image ? this.renderText(text, bgColor) : this.renderImage(image));
   }
   renderButton() {
-    return !this.validity && h("yoo-button", { ref: (el) => (this.buttonElement = el), shape: "circular", color: "light", size: "large", onClick: () => this.resetCanvas() }, h("yoo-icon", { name: "restart", color: "app-color", size: "medium" }));
+    return h("yoo-button", { ref: (el) => (this.buttonElement = el), shape: "circular", color: "light", size: "large", onClick: () => this.resetCanvas() }, h("yoo-icon", { name: "restart", color: "app-color", size: "medium" }));
   }
   renderLoader(show) {
     return show && h("yoo-loader", { class: "absolute", size: "large" });

package/dist/collection/components/form/slides-media/slides-media.js

@@ -408,7 +408,7 @@ export class YooSlidesMediaComponent {
       return (h("yoo-icon", { onClick: (ev) => {
           var _a;
           ev.stopPropagation();
-          (_a = item === null || item === void 0 ? void 0 : item.handler) === null || _a === void 0 ? void 0 : _a.call(item, this.currentIndex);
+          (_a = item === null || item === void 0 ? void 0 : item.handler) === null || _a === void 0 ? void 0 : _a.call(item, ev);
         }, name: item.icon, color: "light" }));
     })));
   }
@@ -453,11 +453,12 @@ export class YooSlidesMediaComponent {
   }
   renderPhotoEditor(item, index) {
     var _a, _b, _c, _d, _e;
+    const extraActions = (_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; });
     return (h("yoo-photo-editor", { id: `${index}`, class: {
         current: index === this.currentIndex,
         light: this.isLight,
         [item === null || item === void 0 ? void 0 : item.extraClass]: !!(item === null || item === void 0 ? void 0 : item.extraClass)
-      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; })), drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onExtraActionClicked: (ev) => { var _a, _b; return (_b = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.handler) === null || _b === void 0 ? void 0 : _b.call(_a, this.currentIndex); }, onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && extraActions, drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
         if (ev === null || ev === void 0 ? void 0 : ev.detail) {
           const { drawings, annotations } = ev.detail;
           this.items[index] = { ...this.items[index], drawings, annotations };

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

@@ -552,7 +552,7 @@ svg:not(:root) {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  padding-top: var(--spacing-08, 0.5rem);
+  padding: var(--spacing-08, 0.5rem);
   background: var(--light, #ffffff);
 }
 :host .container-base .file-icons-container yoo-icon {

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

@@ -104,6 +104,9 @@ export class YooGridComponent {
       }
     };
   }
+  get isFilesAutocomplete() {
+    return this.entityType === 'files' && this.isAutoComplete;
+  }
   get canSelectAll() {
     var _a;
     return !this.isSelectedToggleView && !!((_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length);
@@ -1118,7 +1121,7 @@ export class YooGridComponent {
     if (this.isFormField && !noLoading) {
       this.setLoading(true);
     }
-    if (this.isAutoComplete && isWeb(this.host) && this.entityType === 'files' && this.gridIsExpanded) {
+    if (this.isFilesAutocomplete && isWeb(this.host) && this.gridIsExpanded) {
       const minPageSizeForScroll = 36;
       this.pageSize = Math.max(minPageSizeForScroll, this.pageSize);
     }
@@ -1918,7 +1921,7 @@ export class YooGridComponent {
       renderEntityQueryBuilder && this.renderEntityQueryBuilder(actions),
       !renderEntityQueryBuilder && this.renderSearchInput(),
       isWeb(this.host) && !renderEntityQueryBuilder && h("span", { class: "flex" }),
-      isWeb(this.host) && !renderEntityQueryBuilder && this.renderDisplayMode(),
+      isWeb(this.host) && !renderEntityQueryBuilder && !this.isAutoComplete && this.renderDisplayMode(),
       isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
       !isWeb(this.host) && (h("yoo-items", { class: {
           // 'margin-left': !isWeb(this.host) && this.isToggleModeVisible(),
@@ -2298,7 +2301,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.isFilesAutocomplete && isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
       renderSearchOrAutocomplete = false;
     }
     return [
@@ -2361,7 +2364,7 @@ export class YooGridComponent {
   renderFilesIcons() {
     var _a;
     const iconView = this.displayType === 'card-cell' ? 'list-view' : 'grid-view';
-    if (!this.isReadonly && this.entityType === 'files' && isWeb(this.host) && this.isAutoComplete) {
+    if (!this.isReadonly && this.isFilesAutocomplete && isWeb(this.host)) {
       return (h("div", { class: "file-icons-container" }, !this.gridIsExpanded ? (this.isUploading ? (h("yoo-loader", { size: "small" })) : (h("yoo-icon", { name: "file-upload", color: "stable", size: "small", onClick: () => this.fileUpload.emit(true) }))) : null, !!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) && h("yoo-icon", { name: iconView, class: iconView, color: "stable", size: "small", onClick: () => this.onChangeDisplayMobile() })));
     }
   }

package/dist/collection/feature-communicate/chat/chat/chat.js

@@ -1,5 +1,5 @@
 import { BroadcastType, MessageType } from '@shared/interfaces';
-import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
+import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, findParent, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { isFinite } from 'lodash-es';
 import { getButton } from '../../../utils/button.factory';
@@ -353,7 +353,9 @@ export class YooChatComponent {
       {
         icon: 'download',
         isVisible: () => true,
-        handler: (currentIndex) => {
+        handler: async (ev) => {
+          const slides = findParent(ev === null || ev === void 0 ? void 0 : ev.target, 'yoo-ion-slides');
+          const currentIndex = await (slides === null || slides === void 0 ? void 0 : slides.getActiveIndex()) || 0;
           const { message, item } = this.getCurrentItemAndMessage(currentIndex, items, mediaMessages) || {};
           if (!message || !item) {
             return;

package/dist/collection/feature-communicate/chat/chat-message/chat-message.css

@@ -495,7 +495,7 @@ svg:not(:root) {
   border-radius: var(--spacing-16, 1rem) !important;
 }
 
-:host(.selected) .message {
+:host(.selected.animated) .message {
   position: relative;
   transition-delay: 0.1s;
   transition-timing-function: var(--ease-out-quint), var(--ease-in-out-sine);
@@ -523,7 +523,7 @@ svg:not(:root) {
   }
 }
 
-:host([animation=loading]) {
+:host([animation=loading].animated) {
   --loading-dot-color: var(--text-color, #807f83);
   --loading-dot-duration: 0.6s;
   --loading-dot-size: 0.5rem;
@@ -533,17 +533,17 @@ svg:not(:root) {
   --loading-text-duration: 0.3s;
   --loading-text-start: 0.8s;
 }
-:host([animation=loading]) .message {
+:host([animation=loading].animated) .message {
   position: relative;
 }
-:host([animation=loading]) .message .dot {
+:host([animation=loading].animated) .message .dot {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   animation-delay: calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));
 }
-:host([animation=loading]) .message .dot, :host([animation=loading]) .message .dot::before, :host([animation=loading]) .message .dot::after {
+:host([animation=loading].animated) .message .dot, :host([animation=loading].animated) .message .dot::before, :host([animation=loading].animated) .message .dot::after {
   width: var(--loading-dot-size);
   height: var(--loading-dot-size);
   background: var(--loading-dot-color);
@@ -553,21 +553,21 @@ svg:not(:root) {
   animation-duration: calc(var(--loading-dot-duration) / 2);
   animation-timing-function: var(--ease-in-out-sine);
 }
-:host([animation=loading]) .message .dot::before, :host([animation=loading]) .message .dot::after {
+:host([animation=loading].animated) .message .dot::before, :host([animation=loading].animated) .message .dot::after {
   position: absolute;
   top: 0;
   display: inline-block;
   content: "";
 }
-:host([animation=loading]) .message .dot::before {
+:host([animation=loading].animated) .message .dot::before {
   right: var(--loading-dot-spacing);
   animation-delay: calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));
 }
-:host([animation=loading]) .message .dot::after {
+:host([animation=loading].animated) .message .dot::after {
   left: var(--loading-dot-spacing);
   animation-delay: calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));
 }
-:host([animation=loading]) .message #text {
+:host([animation=loading].animated) .message #text {
   opacity: 0;
   animation: fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards;
 }

package/dist/collection/feature-communicate/feed/card-feed/components/sub-cards.js

@@ -1,5 +1,5 @@
 import { EventType } from '@shared/interfaces';
-import { dateFormat, getCssColor, isCampaignFeed, replaceAllLinks, translate, translateMulti } from '@shared/utils';
+import { dateFormat, dateSub, getCssColor, isCampaignFeed, replaceAllLinks, translate, translateMulti } from '@shared/utils';
 import { h } from '@stencil/core';
 import { cloneDeep } from 'lodash-es';
 import { execHandlerAndStopEvent } from '../../../../utils/helpers/common-helpers';
@@ -27,8 +27,11 @@ export const CardEvent = ({ configs }) => {
   const startDate = new Date(configs.recurrenceStart || configs.startDate);
   const endDate = new Date(configs.recurrenceEnd || configs.endDate);
   const startDay = dateFormat(startDate, 'D');
-  const endDay = dateFormat(endDate, 'D');
+  let endDay = dateFormat(endDate, 'D');
   const isSameDay = startDay === endDay;
+  if (!isSameDay && configs.allDay) {
+    endDay = dateFormat(dateSub(endDate, 'minute', 1), 'D');
+  }
   const format = configs.allDay ? 'ddd DD MMM' : 'ddd DD MMM LT';
   const endformat = isSameDay ? (configs.allDay ? null : 'LT') : format;
   const isPublic = configs.eventType === EventType.PUBLIC;

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

@@ -10,8 +10,7 @@ export class YooCardInboxComponent {
   }
   renderAvatar() {
     var _a, _b;
-    const userAvatars = (_a = this.entry.users) === null || _a === void 0 ? void 0 : _a.filter((u) => !!(u === null || u === void 0 ? void 0 : u.imageData));
-    if (!this.entry.icon && (userAvatars === null || userAvatars === void 0 ? void 0 : userAvatars.length) > 1) {
+    if (!this.entry.icon && ((_a = this.entry.users) === null || _a === void 0 ? void 0 : _a.length) > 1) {
       return h("yoo-avatars", { instant: this.instant, size: "extra-small", users: this.entry.users });
     }
     else {

package/dist/{esm/button.factory-42e6d7c8.js → design-system/button.factory-fee59bdd.js}

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

package/dist/{esm/camera-helpers-908e2dfc.js → design-system/camera-helpers-ce66bb5f.js}

@@ -1,5 +1,5 @@
-import { cx as cordova, cy as AwesomeCordovaNativePlugin, cz as cordovaPropertyGet, cA as cordovaPropertySet, cB as registerPlugin, a8 as getSession, cC as isIonic, o as isNativeMobile, cD as Device, p as isAndroid, N as isIOS, cE as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-9e87cea3.js';
-import './index-8ba1a121.js';
+import { cx as cordova, cy as AwesomeCordovaNativePlugin, cz as cordovaPropertyGet, cA as cordovaPropertySet, cB as registerPlugin, a8 as getSession, cC as isIonic, o as isNativeMobile, cD as Device, p as isAndroid, N as isIOS, cE as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-d4f56653.js';
+import './index-4c89561a.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-d1cd58c4.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-21152df2.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-d8de689a.js → chat-helpers-eda37f8a.js}

@@ -1,6 +1,6 @@
-import './index-8ba1a121.js';
+import './index-4c89561a.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-9e87cea3.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-d4f56653.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-3b193836.js → design-system/common-helpers-df7fce97.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-9e87cea3.js';
-import './index-8ba1a121.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-d4f56653.js';
+import './index-4c89561a.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {

package/dist/{esm/draggable-dots-helpers-91a1a4a8.js → design-system/draggable-dots-helpers-c5a7b91f.js}

@@ -1,7 +1,7 @@
-import './index-8ba1a121.js';
+import './index-4c89561a.js';
 import { O as isFinite, V as inRange } from './lodash-777f91de.js';
 import { e as getBound, b as getElement, c as calcCoordPercentage, a as isAnnotationValid, d as getAnnotationPositionStyle, i as isAnnotationEmpty, f as isAnnotationDeleted } from './annotations-helpers-f7b42b40.js';
-import { aV as Draggable, a8 as getSession, aA as getCurrentLanguage, aU as getUUID, Q as getCssColor, bv as getContrastColor, aW as gsapTo, bw as scaleUpAnimation, bx as convertSvgToBase64, bp as getMedia, G as showModal } from './index-9e87cea3.js';
+import { aV as Draggable, a8 as getSession, aA as getCurrentLanguage, aU as getUUID, Q as getCssColor, bv as getContrastColor, aW as gsapTo, bw as scaleUpAnimation, bx as convertSvgToBase64, bp as getMedia, G as showModal } from './index-d4f56653.js';
 
 const EEditorActions = {
   typeTool: 'type-tool',

package/dist/design-system/{draggable-tags-helpers-a1c103d1.js → draggable-tags-helpers-57cd9492.js}

@@ -1,6 +1,6 @@
-import './index-8ba1a121.js';
+import './index-4c89561a.js';
 import { R as countBy } from './lodash-777f91de.js';
-import { t as translate, H as isWeb, X as findParent } from './index-9e87cea3.js';
+import { t as translate, H as isWeb, X as findParent } from './index-d4f56653.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));

package/dist/{esm/entities-helpers-a50f68ec.js → design-system/entities-helpers-6a98b5a5.js}

@@ -1,7 +1,7 @@
 import { M as MessageType } from './index-604330b3.js';
-import './index-8ba1a121.js';
+import './index-4c89561a.js';
 import { a as isNumber, n as compact } from './lodash-777f91de.js';
-import { ac as getUserDisplayName, av as pipes, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, at as replaceAllLinks, aB as parseMarkDown, a8 as getSession, aC as isPhotoEdited, aD as changeExtension, a3 as translateMulti, aE as toButton, aF as toDate, aG as capitalizeFirstLetter, al as isGif, t as translate, Q as getCssColor, ak as isVideo } from './index-9e87cea3.js';
+import { ac as getUserDisplayName, av as pipes, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, at as replaceAllLinks, aB as parseMarkDown, a8 as getSession, aC as isPhotoEdited, aD as changeExtension, a3 as translateMulti, aE as toButton, aF as toDate, aG as capitalizeFirstLetter, al as isGif, t as translate, Q as getCssColor, ak as isVideo } from './index-d4f56653.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/design-system/{filters-helpers-753cda2a.js → filters-helpers-cbc73226.js}

@@ -1,7 +1,7 @@
 import { c as FormFieldType } from './index-604330b3.js';
-import './index-8ba1a121.js';
+import './index-4c89561a.js';
 import { Q as set, n as compact } from './lodash-777f91de.js';
-import { aK as isTextField, t as translate, H as isWeb } from './index-9e87cea3.js';
+import { aK as isTextField, t as translate, H as isWeb } from './index-d4f56653.js';
 
 function isWithValuesField(field) {
   var _a;

package/dist/design-system/{form-choice-helpers-a204024f.js → form-choice-helpers-6d4c004c.js}

@@ -1,10 +1,10 @@
-import './index-8ba1a121.js';
+import './index-4c89561a.js';
 import { p as isString, S as findIndex, A as isEqual, n as compact, T as shuffle } from './lodash-777f91de.js';
-import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-a1c103d1.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-df22e2a8.js';
+import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-57cd9492.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-4d6eb8fd.js';
 import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { s as setColorSVG } from './common-helpers-3b193836.js';
-import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './index-9e87cea3.js';
+import { s as setColorSVG } from './common-helpers-df7fce97.js';
+import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './index-d4f56653.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   var _a;

package/dist/{esm/form-helpers-4d69b46e.js → design-system/form-helpers-f5f724d2.js}

@@ -1,7 +1,7 @@
 import { c as FormFieldType } from './index-604330b3.js';
-import { V as VALIDATORS, g as getReducedValidator } from './index-8ba1a121.js';
+import { V as VALIDATORS, g as getReducedValidator } from './index-4c89561a.js';
 import { p as isString, i as isArray, v as isObject, d as concat, Q as set, C as get, W as sumBy, A as isEqual, c as cloneDeep, a as isNumber } from './lodash-777f91de.js';
-import { a8 as getSession, k as isNullOrUndefined, by as evalInContext, bz as evalConditionsInContext, bA as getNameAndData, bB as getFieldsFromSlides, bC as getFieldValue, bD as getFieldReplacement, W as getAsyncExtraData, bE as getSessionReplacementValue, bF as isFormulaField, bG as escapeRegExp, bH as slenderizeObject, bI as getFormulaReplacement, bJ as isDateTimeField, t as translate } from './index-9e87cea3.js';
+import { a8 as getSession, k as isNullOrUndefined, by as evalInContext, bz as evalConditionsInContext, bA as getNameAndData, bB as getFieldsFromSlides, bC as getFieldValue, bD as getFieldReplacement, W as getAsyncExtraData, bE as getSessionReplacementValue, bF as isFormulaField, bG as escapeRegExp, bH as slenderizeObject, bI as getFormulaReplacement, bJ as isDateTimeField, t as translate } from './index-d4f56653.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;