@yoobic/yobi 8.6.0-4 → 8.6.0-6

package/dist/collection/components/form-creator/form-creator-translate/form-creator-translate.js

@@ -469,9 +469,15 @@ export class YooFormCreatorTranslateComponent {
     formCreatorTranslateDialogLanguageSelector.mode = 'create';
     formCreatorTranslateDialogLanguageSelector.allLanguages = this.getAvailableLanguages();
     formCreatorTranslateDialogLanguageSelector.translatedLanguages = this.selectedLanguages;
-    showModal(formCreatorTranslateDialogLanguageSelector, {
-      height: 'small'
-    }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    showModal({
+      component: formCreatorTranslateDialogLanguageSelector,
+      componentProps: {
+        height: 'small'
+      },
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.newLanguesToTranslate) {
         this.selectedLanguages = [...this.selectedLanguages, ...ret.data.newLanguesToTranslate];
@@ -509,7 +515,7 @@ export class YooFormCreatorTranslateComponent {
           isVisible: () => this.hasTranslations
         }
       ], disabled: this.areTranslationsLocked })), this.hasTranslations && !this.areTranslationsLocked && (h("yoo-tooltip", { hoverable: true, placement: "bottom", content: translate(this.disableNewLanguageButton ? this.disableNewLanguageButton : 'ADDNEWLANGUAGE'), class: "no-pointer" }, h("yoo-button", { disabled: ((_a = this.disableNewLanguageButton) === null || _a === void 0 ? void 0 : _a.length) > 0, size: "medium", shape: "square", onClick: () => this.onAddNewLanguageClicked() }, h("yoo-icon", { slot: "start", size: "small", name: "plus" })))), !this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (this.disableTranslateButton ? h("yoo-tooltip", { hoverable: true, placement: "bottom", content: translate(this.disableTranslateButton), class: "no-pointer" }, h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_b = this.selectedLanguages) === null || _b === void 0 ? void 0 : _b.includes(this.baseLanguage)) || ((_c = this.disableTranslateButton) === null || _c === void 0 ? void 0 : _c.length) > 0, onClick: () => this.onTranslateAll() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATE'))) :
-      h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATE'))), h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, h("yoo-icon", { name: "eye", slot: "start", size: "small" }), translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATENEWFIELDS'))), !this.isTranslator && h("yoo-context-menu", { contentButtons: this.exportActions }, h("yoo-button", { color: "stable" }, h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
+      h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATE'))), h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, h("yoo-icon", { name: "eye", slot: "start", color: "light", size: "small" }), translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATENEWFIELDS'))), !this.isTranslator && h("yoo-context-menu", { contentButtons: this.exportActions }, h("yoo-button", { color: "stable" }, h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
   }
   static get is() { return "yoo-form-creator-translate"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-creator/helpers/index.js

@@ -323,8 +323,8 @@ export function getDefaultField(field, type) {
   }
   if (field.type === FormFieldType.photo || field.type === FormFieldType.multiphotos) {
     newField.allowLibrary = true;
-    newField.allowUnsplash = true;
-    newField.allowGif = true;
+    newField.allowUnsplash = false;
+    newField.allowGif = false;
   }
   if (field.type === FormFieldType.information) {
     newField.value = '';
@@ -335,6 +335,9 @@ export function getDefaultField(field, type) {
   if (type === 'lesson') {
     newField.required = true;
   }
+  if (type === 'mission' && [FormFieldType.number, FormFieldType.slider].includes(field.type)) {
+    newField.allowDecimals = true;
+  }
   return newField;
 }
 export function setParentConditions(slides) {

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

@@ -4228,11 +4228,6 @@ svg:not(:root) {
   --leaderboard-footer-height: 0;
 }
 
-:host(.web:not(.framed).violetproducts) .container-base .entity-inner-container.card-list,
-:host(.web:not(.framed).violetbasketitems) .container-base .entity-inner-container.card-list {
-  border-bottom: none;
-}
-
 :host(.card-list-color) yoo-ion-list yoo-ion-item:first-of-type {
   margin-top: var(--spacing-16, 1rem);
 }
@@ -4360,4 +4355,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/collection/components/grid/grid/grid.js

@@ -1,7 +1,7 @@
 import { CALENDAR_VIEW_IDS, EMPTYSTATE_TEXT_MAP, EMPTYSTATE_TITLE_MAP, FormFieldType, FormFilterAutocompleteOperator } from '@shared/interfaces';
 import { dispatchCustomEvent, filterListByText, getAsyncExtraData, getAuthentication, getSession, HorizontalSlidesAnimation, isAnimationsDisabled, isAutocompleteLocalField, isDateTimeField, isEmail, isFirefox, isForceScrollbar, isMapField, isNullOrUndefined, isNumberField, isOffline, isPresent, isWeb, MONGODB_ID_REGEX, pipes, safeScrollIntoView, showActionSheet, showModal, toButton, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
-import { compact, debounce, findIndex, get, isArray, isBoolean, isEmpty, isEqual, isFunction, isNumber, isString, map, range, sortBy, sum } from 'lodash-es';
+import { compact, debounce, findIndex, get, isArray, isBoolean, isEmpty, isEqual, isFunction, isNil, isNumber, isString, map, range, sortBy, sum } from 'lodash-es';
 import { isObject } from 'lodash-es';
 import Sortable from 'sortablejs';
 import { ItemSlidingType } from '../../../interfaces';
@@ -53,6 +53,7 @@ export class YooGridComponent {
     };
     this.direction = undefined;
     this.tabs = undefined;
+    this.initialTabIndex = undefined;
     this.isLocal = false;
     this.isPdf = undefined;
     this.displayTypes = undefined;
@@ -1713,7 +1714,13 @@ export class YooGridComponent {
         this.fieldFetchCustomData.emit(ev.detail);
       };
       dialogSortsAndFilters.addEventListener('fieldFetchCustomData', fieldFetchCustomDataListener);
-      showModal(dialogSortsAndFilters, { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts }, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
+      showModal({
+        component: dialogSortsAndFilters,
+        componentProps: { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts },
+        cssClass: 'transparent',
+        enterAnimation: 'slideYEnterAnimation',
+        leaveAnimation: 'slideYLeaveAnimation'
+      }).then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           this.applySortsAndFilters(ret.data);
           this.filtersUpdated = !this.filtersUpdated;
@@ -2352,13 +2359,13 @@ export class YooGridComponent {
       }, onFieldFetchCustomData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchCustomData.emit(ev.detail);
-      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, isWeb(this.host) && !this.isReadonly && (h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), h("slot", { name: "search-buttons-before" }))), h("div", { slot: "after" }, this.renderCustomViews()), isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), isWeb(this.host) && this.renderDisplayMode(), isWeb(this.host) && this.renderRefresh(), isWeb(this.host) && this.renderExports(), actions.length > 0 && (h("yoo-items", { class: { 'margin-left': !isWeb(this.host) && this.isToggleModeVisible() } }, actions
+      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, isWeb(this.host) && !this.isReadonly && (h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), h("slot", { name: "search-buttons-before" }))), h("div", { slot: "after" }, this.renderCustomViews()), isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), isWeb(this.host) && this.renderDisplayMode(), isWeb(this.host) && this.renderExports(), actions.length > 0 && (h("yoo-items", { class: { 'margin-left': !isWeb(this.host) && this.isToggleModeVisible() } }, actions
       .map((a) => toButton(a, this))
       .map((button) => getButton({
       ...button,
       color: button.color || 'stable',
       cssClass: `${button.cssClass || ''}`
-    })))), isWeb(this.host) && (h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, h("slot", { name: "nav-bar-entity-right" }))), h("slot", { name: "search-buttons" })));
+    })))), isWeb(this.host) && (h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, h("slot", { name: "nav-bar-entity-right" }))), h("slot", { name: "search-buttons" }), isWeb(this.host) && this.renderRefresh()));
   }
   renderEntitySearchTags(renderSearchOrAutocomplete) {
     const showAdvancedFilters = (!isWeb(this.host) && this.showSearch !== false) || (isWeb(this.host) && !!this.model) || this.forceTagFilters;
@@ -2372,7 +2379,7 @@ export class YooGridComponent {
     if (!this.tabs || !this.tabs.length) {
       return;
     }
-    return (h("yoo-header", { class: "primary" }, h("yoo-tabs", { tabs: this.tabs, onTabSelected: (ev) => this.onTabSelected(ev) })));
+    return (h("yoo-header", { class: "primary" }, h("yoo-tabs", { key: (this.collectionName || this.entityType || 'grid-tab').replace('_archive', ''), initialIndex: this.initialTabIndex, tabs: this.tabs, onTabSelected: (ev) => this.onTabSelected(ev) })));
   }
   renderTotalNumber() {
     var _a;
@@ -2424,7 +2431,7 @@ export class YooGridComponent {
   renderTotalHeader() {
     const total = this.getTotalSelected() || 0;
     if ((this.isFormField || this.showGridTotalHeader) && this.showGridTotalHeader !== false && (this.collectionName || this.entityType)) {
-      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, total === null || total === void 0 ? void 0 : total.toLocaleString()), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
+      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, (this.isLoading || isNil(this.total)) ? ' - ' : total === null || total === void 0 ? void 0 : total.toLocaleString()), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
     }
   }
   renderLinkHeader() {
@@ -2484,7 +2491,7 @@ export class YooGridComponent {
     ];
   }
   alwaysRenderTagsAndFilters() {
-    return ['files', 'locations', 'missions', 'questions', 'plans', 'violetproducts'].includes(this.entityType);
+    return ['files', 'locations', 'missions', 'questions', 'plans'].includes(this.entityType);
   }
   isToggleModeVisible() {
     return (!this.isFramed || this.isFrameExpanded) && this.displayTypes && this.displayTypes.length > 0;
@@ -3297,6 +3304,23 @@ export class YooGridComponent {
           "text": ""
         }
       },
+      "initialTabIndex": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "initial-tab-index",
+        "reflect": false
+      },
       "isLocal": {
         "type": "boolean",
         "mutable": false,
@@ -3470,7 +3494,7 @@ export class YooGridComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",

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

@@ -385,7 +385,7 @@ export class YooGridCalendarComponent {
           return false;
         }
         else if ((_d = (_c = info === null || info === void 0 ? void 0 : info.event) === null || _c === void 0 ? void 0 : _c.extendedProps) === null || _d === void 0 ? void 0 : _d.item) {
-          this.itemSelected.emit({ entity: (_f = (_e = info === null || info === void 0 ? void 0 : info.event) === null || _e === void 0 ? void 0 : _e.extendedProps) === null || _f === void 0 ? void 0 : _f.item, event: info.jsEvent, calendarEvent: info === null || info === void 0 ? void 0 : info.event });
+          this.itemSelected.emit({ entity: (_f = (_e = info === null || info === void 0 ? void 0 : info.event) === null || _e === void 0 ? void 0 : _e.extendedProps) === null || _f === void 0 ? void 0 : _f.item, event: info.jsEvent, calendarEvent: info === null || info === void 0 ? void 0 : info.event, el: info === null || info === void 0 ? void 0 : info.el });
         }
       },
       noEventsContent: translate('YOOBICNOACTIVITY')
@@ -679,7 +679,7 @@ export class YooGridCalendarComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",
@@ -1283,8 +1283,8 @@ export class YooGridCalendarComponent {
           "text": ""
         },
         "complexType": {
-          "original": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi }",
-          "resolved": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi; }",
+          "original": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi; el: HTMLElement }",
+          "resolved": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi; el: HTMLElement; }",
           "references": {
             "IEntity": {
               "location": "import",
@@ -1296,6 +1296,9 @@ export class YooGridCalendarComponent {
             "EventApi": {
               "location": "import",
               "path": "@fullcalendar/core"
+            },
+            "HTMLElement": {
+              "location": "global"
             }
           }
         }

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

@@ -447,7 +447,7 @@ export class YooKanbanComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",

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

@@ -1,6 +1,6 @@
 import { closeModal, getAsyncExtraData, getPermissions, getSession, getUserDisplayName, hasAttachment, intersectionObserve, isCampaignFeed, isCampaignTodo, isFieldWithNoValue, isIntersectionObserverSupported, isMedia, isNullOrUndefined, isVideo, isWeb, parseMarkDown, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, setSecuredContent, showActionSheet, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { isEmpty } from 'lodash-es';
+import { compact, isEmpty } from 'lodash-es';
 import { getButton } from '../../../../utils/button.factory';
 import { execHandlerAndStopEvent, getAppContext, openImageDetailFromRTE } from '../../../../utils/helpers/common-helpers';
 import { EventActions } from '../components/events';
@@ -445,10 +445,12 @@ export class YooCardFeedComponent {
     }
   }
   renderSharedIn() {
-    const multiGroups = this.entry.groups.length > 1;
+    var _a;
+    const groups = compact(((_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) || []);
+    const multiGroups = groups.length > 1;
     return [
       isWeb(this.host) ? '' : translate('SHAREDIN'),
-      h("span", { class: "feed-group" }, ` ${multiGroups ? this.entry.groups.length : this.entry.groups[0]} `),
+      h("span", { class: "feed-group" }, ` ${multiGroups ? groups.length : ((groups === null || groups === void 0 ? void 0 : groups.length) === 1 ? groups[0] : '')} `),
       multiGroups && translate('GROUPS')
     ];
   }

package/dist/collection/feature-operate/mission/location-map/location-map.js

@@ -68,7 +68,7 @@ export class YooLocationMapComponent {
     mapModal.addEventListener('useGoogleMaps', googleListener);
     mapModal.addEventListener('useCityMapper', cityListener);
     mapModal.addEventListener('useCopyAddress', copyListener);
-    showModal(mapModal, null, null, null, null, true).then(() => {
+    showModal({ component: mapModal, showBackdrop: true }).then(() => {
       if (mapModal) {
         mapModal.removeEventListener('useAppleMaps', appleListener);
         mapModal.removeEventListener('useGoogleMaps', googleListener);

package/dist/collection/feature-operate/mission/memo-list/memo-list.js

@@ -52,7 +52,15 @@ export class YooMemoListComponent {
     this.dialog.memo = memo;
     this.dialog.type = this.type;
     this.memoSelect.emit(memo);
-    showModal(this.dialog, null, 'quickview', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true, false, this.modalHost).then((ret) => {
+    showModal({
+      component: this.dialog,
+      cssClass: 'quickview',
+      enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+      leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation',
+      showBackdrop: true,
+      displayFullscreenButton: false,
+      host: this.modalHost
+    }).then((ret) => {
       if (ret && ret.data) {
         const action = ret.data.action;
         switch (action) {

package/dist/collection/feature-operate/mission/workflow-state/workflow-state.js

@@ -86,7 +86,14 @@ export class YooWorkflowStateComponent {
     dialog.status = this.status;
     dialog.owner = this.owner;
     dialog.step = step;
-    showModal(dialog, { half: true }, null, getModalAnimation('Enter'), getModalAnimation('Leave'), true, false, null);
+    showModal({
+      component: dialog,
+      componentProps: { half: true },
+      enterAnimation: getModalAnimation('Enter'),
+      leaveAnimation: getModalAnimation('Leave'),
+      showBackdrop: true,
+      displayFullscreenButton: false
+    });
   }
   render() {
     return (h("ul", { class: "menu" }, h("li", { class: "menu-item" }, h("div", { class: "menu-left" }, h("span", { class: "menu-icon" }, h("yoo-tag", { icon: "home", color: "app-color", size: "medium" })), h("div", { class: "border visible" })), h("div", { class: "menu-right" }, h("div", { class: "menu-title" }, translate('STATUS')), h("div", { class: "menu-content menu-workflow" }))), this.renderSteps()));

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

@@ -97,7 +97,7 @@ export class YooAppComponent {
         "mutable": false,
         "complexType": {
           "original": "IAppPermissions",
-          "resolved": "{ canAddBluetoothDevices: boolean; canArchiveLearners: boolean; canAskQuestion: boolean; canAssignCourse: boolean; canBroadcast: boolean; canCreateCommunity: boolean; canChat: boolean; canChatMultiple: boolean; canChatSingle: boolean; canCreateBattles: boolean; canViewCommunities: boolean; canCreateCampaignAudit: boolean; canCreateCampaignMission: boolean; canCreateCampaignPoll: boolean; canCreateCampaignRequest: boolean; canCreateCampaigns: boolean; canCreateCourse: boolean; canCreateCustomApps: boolean; canCreateAppMixer: boolean; canCreateDashboard: boolean; canCreateDocument: boolean; canCreateFeed: boolean; canCreateFeedNoValidation: boolean; canCreateIncentives: boolean; canCreateMemo: boolean; canCreatePublicEvent: boolean; canCreateService: boolean; canCreateCampaignTodo: boolean; canCreateCampaignQuicktask: boolean; canCreateCampaignQuicktaskMobile: boolean; canCreateVisit: boolean; canCreateWiki: boolean; canDeleteQuestion: boolean; canDownloadFile: boolean; canEditOrPauseMissions: boolean; canEditProject: boolean; canEditWorkflow: boolean; canInviteNewLearners: boolean; canManageLiveShopping: boolean; canNotifyUsers: boolean; canReassignMission: boolean; canReceiveService: boolean; canScheduleMission: boolean; canSendCourseReminders: boolean; canSendRemindersToAll: boolean; canShareByEmail: boolean; canShareFeed: boolean; canSocialShare: boolean; canValidate: boolean; canValidateVisit: boolean; canVerifyQuestion: boolean; canVideoCall: boolean; canViewActionPlans: boolean; canViewAisle: boolean; canViewAICatalog: boolean; canViewAISuggestions: boolean; canViewAllPolls: boolean; canViewCalendar: boolean; canViewCampaignAnalytics: boolean; canViewCampaignNewAnalytics: boolean; canViewCampaigns: boolean; canViewDashboard: boolean; canViewDatabase: boolean; canViewDocuments: boolean; canViewEngagementAnalytics: boolean; canViewFeed: boolean; canViewHealthscore: boolean; canViewInsightsActiveUsers: boolean; canViewInsightsOperate: boolean; canViewInsightsLearning: boolean; canViewInsightsEngagement: boolean; canViewIncentives: boolean; canViewInsight: boolean; canViewInsights: boolean; canViewInsightsOverviewAnalytics: boolean; canViewInventory: boolean; canViewJourneys: boolean; canViewLeaderboard: boolean; canViewLearningManager: boolean; canViewLiveShopping: boolean; canViewLocationDetailTabs: boolean; canViewMemo: boolean; canViewMessages: boolean; canViewMenuCreate: boolean; canViewMicrolearning: boolean; canViewMissionAnalysis: boolean; canViewMissionsMore: boolean; canViewOthersCalendar: boolean; canViewPoll: boolean; canViewPollAnalytics: boolean; canViewPriceActions: boolean; canViewProductBatch: boolean; canViewProductBatchKpis: boolean; canViewProject: boolean; canViewQuestion: boolean; canViewQuestionKnowledgeBase: boolean; canViewQuestionKnowledgeLibrary: boolean; canViewQuestionKnowledgeBaseInDocuments: boolean; canViewSalesAIAnalytics: boolean; canViewScorm: boolean; canViewService: boolean; canViewServiceAnalytics: boolean; canViewLearningAnalytics: boolean; canViewYoobicScoreAnalytics: boolean; canViewStoreCampaignInsights: boolean; canViewStoreInsights: boolean; canViewShifts: boolean; canViewManagerInsights: boolean; canViewStoreVisits: boolean; canViewTaskAnalytics: boolean; canViewTodoAnalytics: boolean; canViewUsers: boolean; canViewUsersOrStores: boolean; canViewVirtualShopping: boolean; canViewVirtualShoppingAnalytics: boolean; canViewWaitlist: boolean; canViewWaitlistAnalytics: boolean; canViewYext: boolean; hasBoost: boolean; hasDataset: boolean; hasOperations: boolean; hasRetailNext: boolean; hasWorkflow: boolean; hasMemos: boolean; isAdmin: boolean; isStore: boolean; }",
+          "resolved": "{ canAddBluetoothDevices: boolean; canArchiveLearners: boolean; canAskQuestion: boolean; canAssignCourse: boolean; canBroadcast: boolean; canCreateCommunity: boolean; canChat: boolean; canChatMultiple: boolean; canChatSingle: boolean; canCreateBattles: boolean; canViewCommunities: boolean; canCreateCampaignAudit: boolean; canCreateCampaignMission: boolean; canCreateCampaignPoll: boolean; canCreateCampaignRequest: boolean; canCreateCampaigns: boolean; canCreateCourse: boolean; canCreateCustomApps: boolean; canCreateAppMixer: boolean; canCreateDashboard: boolean; canCreateDocument: boolean; canCreateFeed: boolean; canCreateFeedNoValidation: boolean; canCreateIncentives: boolean; canCreateMemo: boolean; canCreatePublicEvent: boolean; canCreateService: boolean; canCreateCampaignTodo: boolean; canCreateCampaignQuicktask: boolean; canCreateCampaignQuicktaskMobile: boolean; canCreateVisit: boolean; canCreateWiki: boolean; canDeleteQuestion: boolean; canDownloadFile: boolean; canEditOrPauseMissions: boolean; canEditProject: boolean; canEditWorkflow: boolean; canInviteNewLearners: boolean; canNotifyUsers: boolean; canReassignMission: boolean; canReceiveService: boolean; canScheduleMission: boolean; canSendCourseReminders: boolean; canSendRemindersToAll: boolean; canShareByEmail: boolean; canShareFeed: boolean; canSocialShare: boolean; canValidate: boolean; canValidateVisit: boolean; canVerifyQuestion: boolean; canVideoCall: boolean; canViewActionPlans: boolean; canViewAisle: boolean; canViewAICatalog: boolean; canViewAISuggestions: boolean; canViewAllPolls: boolean; canViewCalendar: boolean; canViewCampaignAnalytics: boolean; canViewCampaignNewAnalytics: boolean; canViewCampaigns: boolean; canViewDashboard: boolean; canViewDatabase: boolean; canViewDocuments: boolean; canViewEngagementAnalytics: boolean; canViewFeed: boolean; canViewHealthscore: boolean; canViewInsightsActiveUsers: boolean; canViewInsightsOperate: boolean; canViewInsightsLearning: boolean; canViewInsightsEngagement: boolean; canViewIncentives: boolean; canViewInsight: boolean; canViewInsights: boolean; canViewInsightsOverviewAnalytics: boolean; canViewInventory: boolean; canViewJourneys: boolean; canViewLeaderboard: boolean; canViewLearningManager: boolean; canViewLocationDetailTabs: boolean; canViewMemo: boolean; canViewMessages: boolean; canViewMenuCreate: boolean; canViewMicrolearning: boolean; canViewMissionAnalysis: boolean; canViewMissionsMore: boolean; canViewOthersCalendar: boolean; canViewPoll: boolean; canViewPollAnalytics: boolean; canViewPriceActions: boolean; canViewProductBatch: boolean; canViewProductBatchKpis: boolean; canViewProject: boolean; canViewQuestion: boolean; canViewQuestionKnowledgeBase: boolean; canViewQuestionKnowledgeLibrary: boolean; canViewQuestionKnowledgeBaseInDocuments: boolean; canViewSalesAIAnalytics: boolean; canViewScorm: boolean; canViewService: boolean; canViewServiceAnalytics: boolean; canViewLearningAnalytics: boolean; canViewYoobicScoreAnalytics: boolean; canViewStoreCampaignInsights: boolean; canViewStoreInsights: boolean; canViewShifts: boolean; canViewManagerInsights: boolean; canViewStoreVisits: boolean; canViewTaskAnalytics: boolean; canViewTodoAnalytics: boolean; canViewUsers: boolean; canViewUsersOrStores: boolean; canViewWaitlist: boolean; canViewWaitlistAnalytics: boolean; canViewYext: boolean; hasBoost: boolean; hasDataset: boolean; hasOperations: boolean; hasRetailNext: boolean; hasWorkflow: boolean; hasMemos: boolean; isAdmin: boolean; isStore: boolean; }",
           "references": {
             "IAppPermissions": {
               "location": "import",

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

@@ -14,6 +14,7 @@ export class YooChartComponent {
     this.disableResize = undefined;
     this.disableAnimation = undefined;
     this.config = undefined;
+    YooChartComponent.componentCounter += 1;
   }
   // private resizeListener: any;
   async getSVG(width, height, x, y, margin = 0) {

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

@@ -1,11 +1,19 @@
 import { ACL_FILTERS } from '@shared/interfaces';
-import { isIOS, isNativeMobile, isWeb, translate } from '@shared/utils';
+import { isIOS, isNativeMobile, isWeb, translate, updateSVGCustomColors } from '@shared/utils';
 import { h } from '@stencil/core';
 export class YooKpiExternalComponent {
   constructor() {
     this.config = undefined;
     this.definition = undefined;
     this.isFullScreen = undefined;
+    YooKpiExternalComponent.componentCounter += 1;
+    if (!YooKpiExternalComponent.EmptyStateSVGWithCustomColors) {
+      fetch(`./assets/empty-state/${isWeb(this.host) ? 'dashboard' : 'analytics'}.svg`).then(res => {
+        res.text().then(function (text) {
+          YooKpiExternalComponent.EmptyStateSVGWithCustomColors = updateSVGCustomColors(text);
+        });
+      });
+    }
   }
   componentWillLoad() {
     this.frameId = 'external-dashboard-' + YooKpiExternalComponent.componentCounter;

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

@@ -180,7 +180,7 @@ export class YooSideMenuComponent {
   renderAvatarContainer() {
     var _a;
     const buttons = (_a = this.profileFooterOptions) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
-    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
+    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed, 'font-large': true }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
   }
   renderAccountAvatar() {
     return this.isMenuCollapsed ? (h("yoo-tooltip", { hoverable: true, placement: "right" }, h("div", { class: "icon-container" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true })))) : ([

package/dist/collection/feature-platform/menu/user-profile/user-profile.js

@@ -15,8 +15,8 @@ export class YooUserProfileComponent {
   renderGroups() {
     var _a, _b, _c;
     const groupIds = (_c = (_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a._acl) === null || _b === void 0 ? void 0 : _b.groups) === null || _c === void 0 ? void 0 : _c.r;
-    if ((groupIds === null || groupIds === void 0 ? void 0 : groupIds.length) > 0) {
-      const groups = groupsFullResolver(groupIds);
+    const groups = groupsFullResolver(groupIds);
+    if ((groupIds === null || groupIds === void 0 ? void 0 : groupIds.length) && groups.length) {
       return (h("li", { class: "border-bottom" }, h("div", { class: "profile-links-menu-title" }, translate('TEAMS')), h("div", { class: "profile-links-menu-item" }, groups === null || groups === void 0 ? void 0 : groups.map((group) => {
         var _a;
         const groupTitleOrId = group.title || group._id;

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

@@ -107,5 +107,11 @@ export async function getVideoDevices() {
 }
 export function showAudioRecorder(host) {
   const audioRecorderDialog = document.createElement('yoo-audio-recorder-dialog');
-  return showModal(audioRecorderDialog, { height: 'medium' }, '', getModalAnimation('Enter', 'Y', { host }), getModalAnimation('Leave', 'Y', { host }), isWeb());
+  return showModal({
+    component: audioRecorderDialog,
+    componentProps: { height: 'medium' },
+    enterAnimation: getModalAnimation('Enter', 'Y', { host }),
+    leaveAnimation: getModalAnimation('Leave', 'Y', { host }),
+    showBackdrop: isWeb()
+  });
 }

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

@@ -9,13 +9,24 @@ export function showImageCropper(host, imageCropperParams, modalOptions) {
   const imageCropper = document.createElement('yoo-image-cropper-dialog');
   imageCropper.heading = translate('RESIZE');
   imageCropperParams && Object.entries(imageCropperParams).forEach(([prop, value]) => (imageCropper[prop] = value));
-  return showModal(imageCropper, null, 'fullscreen ', enterAnimation || getDefaultModalAnimation(host)[0], leaveAnimation || getDefaultModalAnimation(host)[1], null, null);
+  return showModal({
+    component: imageCropper,
+    cssClass: 'fullscreen ',
+    enterAnimation: enterAnimation || getDefaultModalAnimation(host)[0],
+    leaveAnimation: leaveAnimation || getDefaultModalAnimation(host)[1]
+  });
 }
 export function showPhotoEditor(host, photoEditorParams, modalOptions) {
   const { enterAnimation, leaveAnimation } = modalOptions || {};
   let photoEditor = document.createElement('yoo-photo-editor');
   photoEditorParams && Object.entries(photoEditorParams).forEach(([prop, value]) => (photoEditor[prop] = value));
-  return showModal(photoEditor, null, 'hidden-overflow ', enterAnimation || getDefaultModalAnimation(host)[0], leaveAnimation || getDefaultModalAnimation(host)[1], true).then((res) => {
+  return showModal({
+    component: photoEditor,
+    cssClass: 'hidden-overflow ',
+    enterAnimation: enterAnimation || getDefaultModalAnimation(host)[0],
+    leaveAnimation: leaveAnimation || getDefaultModalAnimation(host)[1],
+    showBackdrop: true
+  }).then((res) => {
     photoEditor = null;
     return res === null || res === void 0 ? void 0 : res.data;
   });
@@ -33,7 +44,14 @@ export function showSlidesMedia(host, slideMediaParams, modalOptions) {
   const modalClass = (modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.cssClass) ? (Array.isArray(modalOptions.cssClass) ? modalOptions.cssClass.join(' ') : modalOptions.cssClass) : '';
   let slidesMedia = document.createElement('yoo-slides-media');
   slideMediaParams && Object.entries(slideMediaParams).forEach(([prop, value]) => (slidesMedia[prop] = value));
-  return showModal(slidesMedia, null, modalClass.concat(' hidden-overflow'), enterAnimation || getDefaultModalAnimation(host)[0], leaveAnimation || getDefaultModalAnimation(host)[1], true, null, null, null, null, null, null, null, isWeb()).then((res) => {
+  return showModal({
+    component: slidesMedia,
+    cssClass: modalClass.concat(' hidden-overflow'),
+    enterAnimation: enterAnimation || getDefaultModalAnimation(host)[0],
+    leaveAnimation: leaveAnimation || getDefaultModalAnimation(host)[1],
+    showBackdrop: true,
+    navigable: isWeb()
+  }).then((res) => {
     slidesMedia = null;
     return res === null || res === void 0 ? void 0 : res.data;
   });

package/dist/collection/utils/helpers/video-player-helpers.js

@@ -74,7 +74,13 @@ export function openVideoPlayerInModal(type, coreParams, modalParams) {
   if (isNativeMobile()) {
     StatusBar.hide();
   }
-  return showModal(videoModal, options, null, isWeb() ? 'fadeEnterAnimation' : 'slideXEnterAnimation', isWeb() ? 'fadeLeaveAnimation' : 'slideXLeaveAnimation', true);
+  return showModal({
+    component: videoModal,
+    componentProps: options,
+    enterAnimation: isWeb() ? 'fadeEnterAnimation' : 'slideXEnterAnimation',
+    leaveAnimation: isWeb() ? 'fadeLeaveAnimation' : 'slideXLeaveAnimation',
+    showBackdrop: true
+  });
 }
 export function getYoutubeId(source) {
   let id = '';

package/dist/design-system/{button.factory-39c707c7.js → button.factory-3a99f423.js}

@@ -1,5 +1,5 @@
-import { a3 as translateMulti } from './index-7b3985f1.js';
-import { h } from './index-06fc3d74.js';
+import { a3 as translateMulti } from './index-5572e048.js';
+import { h } from './index-22891abe.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/{esm/camera-helpers-a656f905.js → design-system/camera-helpers-978f7e13.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-7b3985f1.js';
-import './index-30d0dd50.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-5572e048.js';
+import './index-0a642388.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-9ce02183.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-49a0fb41.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;
@@ -355,7 +355,13 @@ async function getVideoDevices() {
 }
 function showAudioRecorder(host) {
   const audioRecorderDialog = document.createElement('yoo-audio-recorder-dialog');
-  return showModal(audioRecorderDialog, { height: 'medium' }, '', getModalAnimation('Enter', 'Y', { host }), getModalAnimation('Leave', 'Y', { host }), isWeb());
+  return showModal({
+    component: audioRecorderDialog,
+    componentProps: { height: 'medium' },
+    enterAnimation: getModalAnimation('Enter', 'Y', { host }),
+    leaveAnimation: getModalAnimation('Leave', 'Y', { host }),
+    showBackdrop: isWeb()
+  });
 }
 
 export { CameraSource as C, MediaType as M, PictureSourceType as P, getVideoDevices as a, getVideo as b, MediaCapture as c, getPictureMaxSize as d, CameraDirection as e, getPicture as g, importMultipleFromLibrary as i, showAudioRecorder as s };

package/dist/design-system/{chat-helpers-ba6a8a4b.js → chat-helpers-b3e297ef.js}

@@ -1,6 +1,6 @@
-import './index-30d0dd50.js';
+import './index-0a642388.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-7b3985f1.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-5572e048.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-2139c840.js → design-system/common-helpers-8dfbebc4.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-7b3985f1.js';
-import './index-30d0dd50.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-5572e048.js';
+import './index-0a642388.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {
@@ -10,13 +10,24 @@ function showImageCropper(host, imageCropperParams, modalOptions) {
   const imageCropper = document.createElement('yoo-image-cropper-dialog');
   imageCropper.heading = translate('RESIZE');
   imageCropperParams && Object.entries(imageCropperParams).forEach(([prop, value]) => (imageCropper[prop] = value));
-  return showModal(imageCropper, null, 'fullscreen ', enterAnimation || getDefaultModalAnimation(host)[0], leaveAnimation || getDefaultModalAnimation(host)[1], null, null);
+  return showModal({
+    component: imageCropper,
+    cssClass: 'fullscreen ',
+    enterAnimation: enterAnimation || getDefaultModalAnimation(host)[0],
+    leaveAnimation: leaveAnimation || getDefaultModalAnimation(host)[1]
+  });
 }
 function showPhotoEditor(host, photoEditorParams, modalOptions) {
   const { enterAnimation, leaveAnimation } = modalOptions || {};
   let photoEditor = document.createElement('yoo-photo-editor');
   photoEditorParams && Object.entries(photoEditorParams).forEach(([prop, value]) => (photoEditor[prop] = value));
-  return showModal(photoEditor, null, 'hidden-overflow ', enterAnimation || getDefaultModalAnimation(host)[0], leaveAnimation || getDefaultModalAnimation(host)[1], true).then((res) => {
+  return showModal({
+    component: photoEditor,
+    cssClass: 'hidden-overflow ',
+    enterAnimation: enterAnimation || getDefaultModalAnimation(host)[0],
+    leaveAnimation: leaveAnimation || getDefaultModalAnimation(host)[1],
+    showBackdrop: true
+  }).then((res) => {
     photoEditor = null;
     return res === null || res === void 0 ? void 0 : res.data;
   });
@@ -34,7 +45,14 @@ function showSlidesMedia(host, slideMediaParams, modalOptions) {
   const modalClass = (modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.cssClass) ? (Array.isArray(modalOptions.cssClass) ? modalOptions.cssClass.join(' ') : modalOptions.cssClass) : '';
   let slidesMedia = document.createElement('yoo-slides-media');
   slideMediaParams && Object.entries(slideMediaParams).forEach(([prop, value]) => (slidesMedia[prop] = value));
-  return showModal(slidesMedia, null, modalClass.concat(' hidden-overflow'), enterAnimation || getDefaultModalAnimation(host)[0], leaveAnimation || getDefaultModalAnimation(host)[1], true, null, null, null, null, null, null, null, isWeb()).then((res) => {
+  return showModal({
+    component: slidesMedia,
+    cssClass: modalClass.concat(' hidden-overflow'),
+    enterAnimation: enterAnimation || getDefaultModalAnimation(host)[0],
+    leaveAnimation: leaveAnimation || getDefaultModalAnimation(host)[1],
+    showBackdrop: true,
+    navigable: isWeb()
+  }).then((res) => {
     slidesMedia = null;
     return res === null || res === void 0 ? void 0 : res.data;
   });