@yoobic/yobi 8.2.0-0 → 8.2.0-3

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

@@ -707,7 +707,7 @@ export class YooGridComponent {
       });
     }
   }
-  updateGridConfig() {
+  async updateGridConfig() {
     this.finalGridConfig = {
       ...this.gridConfig,
       treeData: this.isTree(),
@@ -957,16 +957,19 @@ export class YooGridComponent {
         const ids = compact((_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((s) => s === null || s === void 0 ? void 0 : s._id));
         if (ids.length > 0) {
           this.isLoading = true;
-          getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids } }).then((ret) => {
+          getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
             this.items = ret || [];
             if (this.isAgGrid()) {
               if (this.isLocal) {
                 this.gridApi.setRowData(this.items);
               }
               else {
+                this.gridApi.setRowData([]);
                 this.gridApi.setServerSideDatasource({
                   getRows: (p) => {
-                    p.success({ rowData: this.items, rowCount: this.items.length });
+                    const items = this.items.slice(p.request.startRow || 0, p.request.endRow);
+                    p.success({ rowData: items, rowCount: this.items.length });
+                    this.updateGridSelectAllState();
                   }
                 });
               }
@@ -2533,7 +2536,7 @@ export class YooGridComponent {
               'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item'),
               'item-visible': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('item-visible')
             }, disabled: this.areItemsDisabled }, this.renderEntity(item, null, idx)),
-          isWeb(this.host) && this.isFormField && this.isLocal && (this.keepSelection || this.isSelectionMode) && this.isSelected(item) && (h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: "check", color: "app-color" }))));
+          isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && (h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: this.isSelected(item) ? 'check' : 'circle', color: this.isSelected(item) ? 'app-color' : 'stable' }))));
       }));
     return [
       h(TagType, { class: "no-padding", collapsed: this.gridExtraOptions && !(((_g = this.gridExtraOptions) === null || _g === void 0 ? void 0 : _g.expandFirstItem) && headerIndex === 0), slotHeader: true }, this.entityType === 'lessons' && this.displayType === 'card-list' ?
@@ -2605,7 +2608,7 @@ export class YooGridComponent {
                   [this.displayType]: !!this.displayType,
                   [this.entityType]: !!this.entityType
                 } }))),
-            h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })),
+            h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
           h("slot", { name: "quickactions" }),
           h("slot", { name: "before" }),
           this.renderInfiniteScroll(),
@@ -2657,7 +2660,7 @@ export class YooGridComponent {
               var _a;
               return this.renderEntityItems(header, index, index === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index + 1].index, header.index);
             }),
-            h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })),
+            h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
           this.renderInfiniteScroll(),
           this.renderScrollSpacer(),
           h("slot", { name: "quickactions" }))
@@ -2681,7 +2684,7 @@ export class YooGridComponent {
                 ? this.renderItemWithMore(item, index)
                 : this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index))
               : this.getItems().map((item, index) => this.renderItem(item, index)),
-            h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })),
+            h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
           h("slot", { name: "quickactions" }))),
         !this.isSelectedToggleView && !this.host.classList.contains('live-preview-dropdown') && this.renderInfiniteScroll(),
         h("slot", { name: "after" }),
@@ -7769,6 +7772,30 @@ export class YooGridComponent {
         "text": "",
         "tags": []
       }
+    },
+    "updateGridConfig": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "IEntity": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          },
+          "CellValueChangedEvent": {
+            "location": "import",
+            "path": "@ag-grid-enterprise/all-modules"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "host"; }

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

@@ -2002,7 +2002,7 @@ vertical slots in both the header AND the body
 
 
 /*!
- * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -2078,6 +2078,8 @@ vertical slots in both the header AND the body
         border-width: 2px; }
     .fr-view table th {
       background: #ececec; }
+    .fr-view table tfoot td {
+      background: #ececec; }
   .fr-view hr {
     clear: both;
     user-select: none;

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

@@ -121,7 +121,7 @@ export class YooChatMessageComponent {
     !!this.mediaUrl && !this.mediaSize && await this.prepareMessage();
   }
   assignPressActions() {
-    assignPressActions(this.containerElement, { lockAssignPress: this.lockAssignPress }, () => { var _a; return this.presshold.emit({ message: this.message, content: (_a = this.textElement) === null || _a === void 0 ? void 0 : _a.innerText }); }, 1000);
+    assignPressActions(this.containerElement, { lockAssignPress: this.lockAssignPress }, () => { var _a; return this.presshold.emit({ message: this.message, content: (_a = this.textElement) === null || _a === void 0 ? void 0 : _a.innerText }); }, 600);
   }
   async prepareMessage() {
     const { type, content, options } = this.message || {};

package/dist/collection/feature-communicate/document/card-media/card-media.js

@@ -8,7 +8,7 @@
  * - Large-sized / non-overlaid: https://zpl.io/bLn1LwM
  */
 import { closeModal, isWeb, translateMulti } from '@shared/utils';
-import { Component, Element, Event, h, Host, Prop } from '@stencil/core';
+import { Component, Element, Event, h, Host, Method, Prop } from '@stencil/core';
 import { execHandlerAndStopEvent, getAppContext, setColorSVG } from '../../../utils/helpers/common-helpers';
 export class YooCardMediaComponent {
   constructor() {
@@ -63,6 +63,10 @@ export class YooCardMediaComponent {
      */
     this.type = 'photo';
   }
+  async pauseAudioPlayer() {
+    var _a;
+    return (_a = this.audioPlayerElement) === null || _a === void 0 ? void 0 : _a.pause();
+  }
   get actionable() {
     var _a;
     return !!((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length);
@@ -211,7 +215,7 @@ export class YooCardMediaComponent {
       (!this.isFullscreenMode || isAudio) && this.renderImg(),
       !this.isFullscreenMode && h("yoo-form-checkbox", { value: this.selected, onClick: ev => ev.stopPropagation(), onInputChanged: ev => this.onSelect(ev) }),
       this.hasBadge && this.renderBadges(),
-      isAudio && h("yoo-audio-player", { displayTimeOnly: true, src: this.src }),
+      isAudio && h("yoo-audio-player", { ref: el => this.audioPlayerElement = el, displayTimeOnly: true, src: this.src }),
       this.type === 'video' && h("yoo-icon", { class: "play", name: "play", color: "light", size: this.size === 'large' ? 'extra-extra-large' : 'medium' }),
       this.describedOnOverlay && this.renderDescription(),
       this.isFullscreenMode && this.renderHoverActions(),
@@ -691,5 +695,23 @@ export class YooCardMediaComponent {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "pauseAudioPlayer": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "host"; }
 }

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.css

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -278,6 +278,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
         border-width: 2px; }
     .fr-view table th {
       background: #ececec; }
+    .fr-view table tfoot td {
+      background: #ececec; }
   .fr-view hr {
     clear: both;
     user-select: none;
@@ -1180,6 +1182,7 @@ span.fr-img-caption.fr-view {
   color: var(--text-color, #807f83);
 }
 :host .outer-container .content-container .feed-bottom-action {
+  padding-top: var(--spacing-08, 0.5rem);
   padding-bottom: var(--spacing-08, 0.5rem);
   color: var(--text-color, #807f83);
   font-size: var(--font-size-16, 1rem);

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.js

@@ -366,7 +366,7 @@ export class YooCardFeedComponent {
   getNormalView() {
     return [
       { type: 'block-overlay' },
-      ...(this.entry && !this.entry.showBottomActionsOnly
+      ...(this.entry
         ? [
           { type: 'scheduled-date' },
           { type: 'title' },
@@ -394,7 +394,7 @@ export class YooCardFeedComponent {
   getModalView() {
     return [
       { type: 'block-overlay' },
-      ...(this.entry && !this.entry.showBottomActionsOnly
+      ...(this.entry
         ? [
           { type: 'scheduled-date' },
           { type: 'title' },
@@ -426,7 +426,7 @@ export class YooCardFeedComponent {
     var _a, _b;
     return [
       { type: 'block-overlay' },
-      ...(this.entry && !this.entry.showBottomActionsOnly
+      ...(this.entry
         ? [{ type: 'scheduled-date' }, { type: 'title' }, { type: 'description' }, { type: 'link-previews' }, { type: 'feed-tags' }]
         : []),
       { type: 'ui-fields' },
@@ -438,8 +438,8 @@ export class YooCardFeedComponent {
       { type: 'shared-campaign' },
       { type: 'shared-incentive' },
       { type: 'shared-feed' },
-      ...[!this.entry.showBottomActionsOnly ? { type: 'middle-actions' } : null],
-      ...[!this.entry.showBottomActionsOnly ? { type: 'feed-icons' } : null],
+      { type: 'middle-actions' },
+      { type: 'feed-icons' },
       { type: 'top-actions' },
       { type: 'bottom-actions' },
       { type: 'first-comment' },

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

@@ -220,7 +220,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-right: var(--spacing-16, 1rem);
   padding-top: var(--spacing-04, 0.25rem);
 }
-:host .outer-container .header yoo-truncate.no-progress {
+:host .outer-container .header yoo-truncate.with-margin-bottom {
   margin-bottom: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .header yoo-truncate span {
@@ -251,10 +251,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-left: calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));
 }
 :host .outer-container .content yoo-progress-bar {
-  max-width: 200px;
-  margin-top: -0.4rem;
-  margin-bottom: var(--spacing-08, 0.5rem);
   --font-size-16: var(--font-size-12, 0.75rem);
+  --svg-width: 1rem;
+  --stroke-width-circle: 2;
+  margin: 0;
 }
 :host .outer-container .content .tags {
   display: flex;
@@ -264,8 +264,12 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-right: var(--spacing-08, 0.5rem);
   margin-bottom: var(--spacing-08, 0.5rem);
 }
-:host .outer-container .content .identity {
-  display: flex;
+:host .outer-container .content .sub-item-detail {
+  display: grid;
+  grid-gap: var(--spacing-08, 0.5rem);
+  grid-template-columns: 1.5rem 1fr;
+  align-items: center;
+  width: 100%;
   margin-bottom: var(--spacing-08, 0.5rem);
   color: var(--text-color, #807f83);
   font-size: var(--font-size-14, 0.875rem);
@@ -281,6 +285,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   left: calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-16, 1rem));
   width: 1px;
 }
-:host .outer-container yoo-avatar {
+:host .outer-container yoo-avatar,
+:host .outer-container yoo-avatars {
   margin-right: var(--spacing-08, 0.5rem);
 }

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

@@ -8,9 +8,23 @@ export class YooCardInboxComponent {
      */
     this.instant = false;
   }
+  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) {
+      return h("yoo-avatars", { instant: this.instant, size: "extra-small", users: this.entry.users });
+    }
+    else {
+      const user = (_b = this.entry.users) === null || _b === void 0 ? void 0 : _b[0];
+      const userIcon = user ? null : 'user';
+      return (h("yoo-avatar", { instant: this.instant, size: "medium", user: this.entry.icon ? null : user, icon: this.entry.icon || userIcon, color: this.entry.iconColor || 'stable' }));
+    }
+  }
   renderTitle() {
+    var _a;
+    const renderTags = !!((_a = this.entry.tags) === null || _a === void 0 ? void 0 : _a.length);
     const renderProgress = isPresent(this.entry.progress);
-    return (h("yoo-truncate", { class: { 'no-progress': !renderProgress }, style: { cssText: '--max-lines: 2' } },
+    return (h("yoo-truncate", { class: { 'with-margin-bottom': renderTags || !renderProgress }, style: { cssText: '--max-lines: 2' } },
       h("span", { innerHTML: this.entry.title })));
   }
   renderFlags() {
@@ -26,8 +40,15 @@ export class YooCardInboxComponent {
     return null;
   }
   renderProgress() {
-    const { value, unit, max } = this.entry.progress;
-    return (h("yoo-progress-bar", { class: "app-color", value: value, metric: unit, currentStep: value, maxStep: max }));
+    const renderProgress = isPresent(this.entry.progress);
+    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-truncate", { style: { cssText: '--max-lines: 1' } },
+          h("span", null, translate('ACTIONSCOMPLETED', { smart_count: value, total: max }))));
+    }
+    return null;
   }
   renderTags() {
     var _a;
@@ -40,7 +61,7 @@ export class YooCardInboxComponent {
   }
   renderIdentities() {
     var _a;
-    return (_a = this.entry.identities) === null || _a === void 0 ? void 0 : _a.map((identity) => (h("div", { class: "identity" },
+    return (_a = this.entry.identities) === null || _a === void 0 ? void 0 : _a.map((identity) => (h("div", { class: "sub-item-detail" },
       h("yoo-avatar", { instant: this.instant, size: "small", imgSrc: identity.imageData, icon: identity.icon, color: identity.iconColor }),
       ' ',
       h("yoo-truncate", { style: { cssText: '--max-lines: 1' } },
@@ -61,23 +82,22 @@ export class YooCardInboxComponent {
     }
   }
   render() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e;
     const renderSup = !!((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.icons) === null || _b === void 0 ? void 0 : _b.length) || !!((_c = this.entry) === null || _c === void 0 ? void 0 : _c.date);
-    const renderProgress = isPresent((_d = this.entry) === null || _d === void 0 ? void 0 : _d.progress);
-    const iconColor = ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.iconColor) ? getCssColor(this.entry.iconColor) : null;
+    const iconColor = ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.iconColor) ? getCssColor(this.entry.iconColor) : null;
     return (!!this.entry && (h("div", { class: "outer-container" },
       h("div", { class: "header" },
         h("yoo-icon", { class: { 'unread-state': true, 'read': !this.entry.unread }, name: "circle1", size: "extra-small", color: "app-color" }),
-        h("yoo-avatar", { instant: this.instant, size: "medium", icon: this.entry.icon || 'user', color: this.entry.iconColor || 'stable', imgSrc: !this.entry.icon ? (_f = this.entry.user) === null || _f === void 0 ? void 0 : _f.imageData : null }),
+        this.renderAvatar(),
         this.renderTitle(),
         renderSup && (h("div", { class: "sup" },
           h("div", null,
-            !!((_g = this.entry.icons) === null || _g === void 0 ? void 0 : _g.length) && this.renderFlags(),
+            !!((_e = this.entry.icons) === null || _e === void 0 ? void 0 : _e.length) && this.renderFlags(),
             !!this.entry.date && fromToday(this.entry.date)),
           !this.entry.hideDatePrecision && !!this.entry.date && this.renderDatePrecision()))),
       h("div", { class: "content" },
-        renderProgress && this.renderProgress(),
         this.renderTags(),
+        this.renderProgress(),
         this.renderIdentities(),
         this.renderNote(),
         this.renderUIFields()),

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

@@ -1,5 +1,5 @@
 import { canParticipateTo, canPerformActionPlan, dateFormat, fromToday, getAuthentication, getCssColor, getMissionPublicationDate, getSession, isDateAfter, isMissionBookable, isPresent, isToday, pipes, translate, translateMulti } from '@shared/utils';
-import { compact, isNumber } from 'lodash-es';
+import { compact, isNumber, uniqBy } from 'lodash-es';
 //#region ENTITIES
 function isMissionRequest(mission) {
   return mission.type === 'service';
@@ -170,6 +170,15 @@ export function getMissionTags(mission, session = getSession()) {
   }
   return compact(tags);
 }
+export function getMissionAssignees(mission) {
+  var _a, _b, _c;
+  let assignees = (mission === null || mission === void 0 ? void 0 : mission.owner) ? [mission.owner] : [];
+  if (mission && isMissionActionPlan(mission)) {
+    assignees = assignees.concat(((_c = (_b = (_a = mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.filter((value) => { var _a; return !!((_a = value === null || value === void 0 ? void 0 : value.user) === null || _a === void 0 ? void 0 : _a.value); })) === null || _c === void 0 ? void 0 : _c.map((value) => value.user.value)) || []);
+    assignees = uniqBy(assignees, (user) => user._id);
+  }
+  return assignees;
+}
 function getMissionIdentities(mission, skipLocation, session) {
   const identities = [];
   const address = getMissionAddress(mission, session);
@@ -218,7 +227,7 @@ export function mapMissionToCardInboxEntry(mission, options, authentication = ge
     const progress = getMissionProgress(mission, options === null || options === void 0 ? void 0 : options.forceProgressDisplay);
     entry = {
       title: translateMulti(mission === null || mission === void 0 ? void 0 : mission.title),
-      user: mission.owner,
+      users: getMissionAssignees(mission),
       date: getMissionDate(mission, options === null || options === void 0 ? void 0 : options.isOngoing),
       hideDatePrecision: true,
       progress,

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

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -278,6 +278,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
         border-width: 2px; }
     .fr-view table th {
       background: #ececec; }
+    .fr-view table tfoot td {
+      background: #ececec; }
   .fr-view hr {
     clear: both;
     user-select: none;

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

@@ -22,11 +22,6 @@ export class YooWalkthroughComponent {
       (_a = this.animations[this.activeEntry]) === null || _a === void 0 ? void 0 : _a.play();
     }
   }
-  onAnimationLoaded(index) {
-    if (!this.animated) {
-      this.animations[index].goToLastFrameAndStop();
-    }
-  }
   onSlideChanged() {
     var _a;
     (_a = this.slides) === null || _a === void 0 ? void 0 : _a.getActiveIndex().then((index) => {
@@ -44,7 +39,7 @@ export class YooWalkthroughComponent {
     return (h(Host, null,
       h("yoo-ion-slides", { ref: (slides) => (this.slides = slides), initialSlide: this.activeEntry, navigation: false, pager: true, onIonSlideWillChange: () => this.onSlideChanged() }, this.entries.map(({ title, subtitle, animation }, index) => (h("yoo-ion-slide", null,
         !!this.logo && h("yoo-img", { contained: true, ignoreWidth: true, src: this.logo, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }),
-        h("yoo-lottie", { ref: (animation) => (this.animations[index] = animation), type: animation, onLoaded: () => this.onAnimationLoaded(index) }),
+        h("yoo-lottie", { ref: (animation) => (this.animations[index] = animation), type: animation, animated: this.animated }),
         h("h1", null, translate(title)),
         h("p", null, translate(subtitle)))))),
       isLastSlide && (h("yoo-button", { class: "finish", color: "app-color", key: "finish", size: "large", onClick: () => this.finish.emit() }, translate('GETSTARTED'))),

package/dist/collection/feature-platform/menu/side-menu/side-menu.css

@@ -465,16 +465,16 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   width: 0;
 }
 
-:host(.custom-theme) {
+:host(.custom-theme:not(.feed)) {
   background: var(--app-color, #5a30f4);
   --dark: var(--light, #ffffff);
   --text-color: var(--light-40, rgba(255, 255, 255, 0.4));
 }
-:host(.custom-theme) yoo-accordion {
+:host(.custom-theme:not(.feed)) yoo-accordion {
   --divider-background: var(--light-10, rgba(255, 255, 255, 0.1));
   --hover-background: var(--stable-light-60, rgba(241, 241, 241, 0.6));
   --selected-background: var(--stable-light-60, rgba(241, 241, 241, 0.6));
 }
-:host(.custom-theme) .avatar-container:hover {
+:host(.custom-theme:not(.feed)) .avatar-container:hover {
   background-color: var(--stable-light-60, rgba(241, 241, 241, 0.6));
 }

package/dist/collection/feature-platform/menu/side-menu/side-menu.js

@@ -160,10 +160,11 @@ export class YooSideMenuComponent {
     const tooltipPlacement = !this.isMenuCollapsed && footer ? 'top' : 'right';
     const buttons = (_a = item.subMenu) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
     const isCustomTheme = getSession().isCustomTheme;
+    // const isNight = getSession().currentTheme === 'Night';
     const IconContainer = () => [
       h("div", { class: "icon-container", onClick: () => { var _a; return (_a = item.handler) === null || _a === void 0 ? void 0 : _a.call(item); } },
         item.notif && !isNumber(item.notif) && h("yoo-badge", { shape: "dot", color: "danger" }),
-        h("yoo-icon", { name: item.icon, color: item.selected ? 'app-color' : 'text-color', size: "medium", class: item.icon }),
+        h("yoo-icon", { name: item.icon, color: item.selected && isCustomTheme ? 'light' : item.selected ? 'app-color' : 'text-color', size: "medium", class: item.icon }),
         item.notif && isNumber(item.notif) && h("yoo-badge", { class: { count: true, 'custom-theme': isCustomTheme }, color: "danger", text: `${item.notif > 9 ? 9 : item.notif}${item.notif > 9 ? '+' : ''}` })),
       item.hasDivider && h("div", { class: "divider" })
     ];

package/dist/collection/utils/draggables/tags.js

@@ -237,7 +237,7 @@ export class Tags extends Dropzones {
         var _a;
         const tag = (_a = this.tags) === null || _a === void 0 ? void 0 : _a.find(t => t.value === ov);
         const newValue = newValues[i];
-        if (tag.value !== newValue) {
+        if (tag && tag.value !== newValue) {
           tag.element.color = 'warning';
           tag.element.textContent = newValue;
           tag.value = newValue;

package/dist/collection/utils/gesture/index.js

@@ -1,3 +1,4 @@
+import { TapticEngine } from '@ionic-native/taptic-engine';
 import { isNativeMobile } from '@shared/utils';
 import { GESTURE_CONTROLLER } from './gesture-controller';
 import { createPointerEvents } from './pointer-events';
@@ -264,6 +265,11 @@ export function assignPressActions(containerEl, context, callback, pressDuration
         hasPointerExited = false;
       }
       callToAction = setTimeout(() => {
+        if (isNativeMobile()) {
+          TapticEngine.impact({
+            style: 'medium'
+          });
+        }
         if (!hasPointerExited) {
           callback(ev);
         }

package/dist/design-system/{buffer-es6-109bc9fe.js → buffer-es6-6a725f43.js}

@@ -1,4 +1,4 @@
-import { g as global } from './lodash-a98c6524.js';
+import { g as global } from './lodash-494e728c.js';
 
 var lookup = [];
 var revLookup = [];

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

@@ -1,4 +1,4 @@
-import { h } from './index-3d00bad4.js';
+import { h } from './index-019c1b1a.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 },

package/dist/design-system/{camera-helpers-3f20049f.js → camera-helpers-cc30df2e.js}

@@ -1,4 +1,4 @@
-import { c2 as cordova, c3 as IonicNativePlugin, ce as cordovaPropertyGet, cf as cordovaPropertySet, cg as registerPlugin, _ as getSession, ch as isIonic, d as isNativeMobile, ci as Device, e as isAndroid, v as isIOS, cj as getMediaDevices, n as showModal, m as getModalAnimation, o as isWeb } from './index-ac1d7e65.js';
+import { c2 as cordova, c3 as IonicNativePlugin, ce as cordovaPropertyGet, cf as cordovaPropertySet, cg as registerPlugin, _ as getSession, ch as isIonic, d as isNativeMobile, ci as Device, e as isAndroid, v as isIOS, cj as getMediaDevices, n as showModal, m as getModalAnimation, o as isWeb } from './index-a466c5f3.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-e30e21c9.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-ad42c0d1.js').then(m => new m.CameraWeb()),
 });
 
 var __extends = (undefined && undefined.__extends) || (function () {

package/dist/design-system/{chat-helpers-66018645.js → chat-helpers-4447ed76.js}

@@ -1,5 +1,5 @@
-import { al as is24Hour, am as isFile, n as showModal, o as isWeb } from './index-ac1d7e65.js';
-import { a as isArray } from './lodash-a98c6524.js';
+import { al as is24Hour, am as isFile, n as showModal, o as isWeb } from './index-a466c5f3.js';
+import { a as isArray } from './lodash-494e728c.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-34c5464d.js → design-system/common-helpers-bf504592.js}

@@ -1,5 +1,5 @@
-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-ac1d7e65.js';
-import { A as get } from './lodash-a98c6524.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-a466c5f3.js';
+import { A as get } from './lodash-494e728c.js';
 
 function getDefaultModalAnimation() {
   return ['Enter', 'Leave'].map((v) => getModalAnimation(v, 'X', true));

package/dist/design-system/{css-shim-5697df59.js → css-shim-10e6e2ae.js}

@@ -1,4 +1,4 @@
 /*
- Stencil Client Patch Esm v2.15.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
  */
 var __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector="";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return "\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else {if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return "break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.slice(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return ":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return "string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\.".concat(t),".".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t="".concat(s.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document));}("undefined"!=typeof window&&window);