@yoobic/yobi 8.6.0-5 → 8.6.0-7

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

@@ -515,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

@@ -4355,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;
@@ -705,7 +706,7 @@ export class YooGridComponent {
       this.keyboardWillHideListener = debounce(this.onKeyboardWillHide, 500).bind(this);
       window.addEventListener('keyboardWillHide', this.keyboardWillHideListener);
       if (this.isWidget) {
-        assignPressActions(this.frameContainerEl, this, (ev) => this.onWidgetEdit(ev));
+        assignPressActions({ containerEl: this.frameContainerEl, context: this, callback: (ev) => this.onWidgetEdit(ev), isWidget: true });
       }
     }
     // Only runs for grids with slides
@@ -2358,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;
@@ -2378,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;
@@ -2430,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() {
@@ -3303,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,

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')
@@ -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/feature-communicate/chat/chat-message/chat-message.js

@@ -125,7 +125,12 @@ export class YooChatMessageComponent {
     !!this.mediaUrl && !this.mediaSize && await this.prepareMessage();
   }
   assignPressActions() {
-    assignPressActions(this.containerElement, { lockAssignPress: this.lockAssignPress }, (event) => this.presshold.emit({ message: this.message, event }), 600);
+    assignPressActions({
+      containerEl: this.containerElement,
+      context: { lockAssignPress: this.lockAssignPress },
+      callback: (event) => this.presshold.emit({ message: this.message, event }),
+      pressDuration: 600
+    });
   }
   async prepareMessage() {
     const { type, content, options } = this.message || {};

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

@@ -663,10 +663,6 @@ svg:not(:root) {
   display: flex;
   align-items: center;
 }
-:host .campaign-container .right-part .heading yoo-badge,
-:host .event-container .right-part .heading yoo-badge {
-  padding-right: var(--spacing-04, 0.25rem);
-}
 :host .campaign-container .right-part .heading yoo-tag,
 :host .event-container .right-part .heading yoo-tag {
   padding-left: var(--spacing-04, 0.25rem);
@@ -805,8 +801,10 @@ svg:not(:root) {
   flex-wrap: wrap;
   width: 100%;
 }
-:host .outer-container .feed-top .left-part yoo-badge {
+:host .outer-container .feed-top .left-part .tags-container {
   width: 100%;
+}
+:host .outer-container .feed-top .left-part .tags-container yoo-tag {
   margin-bottom: var(--spacing-24, 1.5rem);
   cursor: pointer;
 }
@@ -1789,7 +1787,7 @@ svg:not(:root) {
   border-radius: 0;
 }
 
-:host(.community) .left-part yoo-badge.community {
+:host(.community) .left-part yoo-tag.community {
   display: none;
 }
 

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')
     ];
   }
@@ -483,7 +485,7 @@ export class YooCardFeedComponent {
   }
   renderFeedTop() {
     var _a, _b, _c, _d, _e, _f;
-    return (h("div", { class: { 'feed-top': true, 'community': !!this.entry.community } }, h("div", { class: "left-part" }, ((_a = this.entry.community) === null || _a === void 0 ? void 0 : _a.name) && h("yoo-badge", { class: "community", color: "app-color", onClick: (ev) => this.onEmbeddedEntityClicked(this.entry.community, 'communities', ev), text: this.entry.community.name, shape: "rectangle" }), (((_b = this.entry) === null || _b === void 0 ? void 0 : _b.icon) || ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconText) || ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.user) || ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.username)) && this.renderAvatar(), h("div", { class: "feed-heading" }, ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.heading) && (h("span", { class: "feed-title-container" }, h("span", { class: "text" }, this.entry.heading))), h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())), this.hasActions() &&
+    return (h("div", { class: { 'feed-top': true, 'community': !!this.entry.community } }, h("div", { class: "left-part" }, ((_a = this.entry.community) === null || _a === void 0 ? void 0 : _a.name) && h("div", { class: "tags-container" }, h("yoo-tag", { color: "app-color", class: "community", onClick: (ev) => this.onEmbeddedEntityClicked(this.entry.community, 'communities', ev) }, this.entry.community.name)), (((_b = this.entry) === null || _b === void 0 ? void 0 : _b.icon) || ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconText) || ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.user) || ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.username)) && this.renderAvatar(), h("div", { class: "feed-heading" }, ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.heading) && (h("span", { class: "feed-title-container" }, h("span", { class: "text" }, this.entry.heading))), h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())), this.hasActions() &&
       !this.detailView &&
       (isWeb(this.host) ? (h("yoo-context-menu", { contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, this.renderMoreButton())) : (this.renderMoreButton()))));
   }

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

@@ -427,8 +427,8 @@ svg:not(:root) {
   border: solid var(--light, #ffffff) 0.1875rem;
   border-radius: 50%;
   position: absolute;
-  top: -0.5625rem;
-  right: -0.6875rem;
+  top: -0.3625rem;
+  right: -0.3875rem;
   bottom: auto;
   left: auto;
 }

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

@@ -3,7 +3,7 @@
  * @author: Tom Kiddle
  * Zeplin Link: https://zpl.io/VxrP4ER
  */
-import { dispatchCustomEvent, getSession, isWeb, translate } from '@shared/utils';
+import { dispatchCustomEvent, getSession, getUserDisplayName, isWeb, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { isNumber } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
@@ -184,7 +184,7 @@ export class YooSideMenuComponent {
   }
   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 })))) : ([
-      h("div", { class: "profile-avatar-and-name" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true }), this.user && (h("div", { class: "user-name" }, h("yoo-truncated-line", { withTooltip: false, content: `${this.user.firstName} ${this.user.lastName}` })))),
+      h("div", { class: "profile-avatar-and-name" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true }), this.user && (h("div", { class: "user-name" }, h("yoo-truncated-line", { withTooltip: false, content: `${getUserDisplayName(this.user)}` })))),
       h("yoo-icon", { name: this.isContextMenuOpen ? 'arrow-up' : 'arrow-down', color: "stable" })
     ]);
   }

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

@@ -29,8 +29,8 @@ export class YooUserProfileComponent {
     return (_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map((tag) => translate(tag)).join(',  ');
   }
   renderAdvancedLayout() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-    return (h("div", { class: "profile-content advanced" }, h("div", { class: "profile-title" }, translate('BASICS')), h("div", { class: "profile-links" }, h("ul", { class: "profile-links-menu" }, this.renderItem('PHOTOANDNAME', `${(_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName} ${(_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName}`.trim(), (_c = this.user) === null || _c === void 0 ? void 0 : _c.imageData), this.renderItem('YOOBICUSERNAME', (_d = this.user) === null || _d === void 0 ? void 0 : _d.username), this.renderItem('YOOBICSTORE', (_f = (_e = this.user) === null || _e === void 0 ? void 0 : _e.location) === null || _f === void 0 ? void 0 : _f.title, (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.imageData), this.renderItem('YOOBICBIO', (_j = this.user) === null || _j === void 0 ? void 0 : _j.description), ((_k = this.user) === null || _k === void 0 ? void 0 : _k.position) && this.renderItem('POSITION', translate((_l = this.user) === null || _l === void 0 ? void 0 : _l.position)), this.renderGroups(), this.renderItem('WORKEMAIL', (_m = this.user) === null || _m === void 0 ? void 0 : _m.email), this.renderItem('PHONENUMBER', (_o = this.user) === null || _o === void 0 ? void 0 : _o.telephone), ((_p = this.user) === null || _p === void 0 ? void 0 : _p.dateOfBirth) && this.renderItem('DATEOFBIRTH', pipes.dateFormat.transform((_q = this.user) === null || _q === void 0 ? void 0 : _q.dateOfBirth, 'L')), ((_r = this.user) === null || _r === void 0 ? void 0 : _r.hiringDate) && this.renderItem('WORKANNIVERSARY', pipes.dateFormat.transform((_s = this.user) === null || _s === void 0 ? void 0 : _s.hiringDate, 'L'))))));
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    return (h("div", { class: "profile-content advanced" }, h("div", { class: "profile-title" }, translate('BASICS')), h("div", { class: "profile-links" }, h("ul", { class: "profile-links-menu" }, (((_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName) || ((_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName)) && this.renderItem('PHOTOANDNAME', `${((_c = this.user) === null || _c === void 0 ? void 0 : _c.firstName) || ''} ${((_d = this.user) === null || _d === void 0 ? void 0 : _d.lastName) || ''}`.trim(), (_e = this.user) === null || _e === void 0 ? void 0 : _e.imageData), this.renderItem('YOOBICUSERNAME', (_f = this.user) === null || _f === void 0 ? void 0 : _f.username), this.renderItem('YOOBICSTORE', (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.title, (_k = (_j = this.user) === null || _j === void 0 ? void 0 : _j.location) === null || _k === void 0 ? void 0 : _k.imageData), this.renderItem('YOOBICBIO', (_l = this.user) === null || _l === void 0 ? void 0 : _l.description), ((_m = this.user) === null || _m === void 0 ? void 0 : _m.position) && this.renderItem('POSITION', translate((_o = this.user) === null || _o === void 0 ? void 0 : _o.position)), this.renderGroups(), this.renderItem('WORKEMAIL', (_p = this.user) === null || _p === void 0 ? void 0 : _p.email), this.renderItem('PHONENUMBER', (_q = this.user) === null || _q === void 0 ? void 0 : _q.telephone), ((_r = this.user) === null || _r === void 0 ? void 0 : _r.dateOfBirth) && this.renderItem('DATEOFBIRTH', pipes.dateFormat.transform((_s = this.user) === null || _s === void 0 ? void 0 : _s.dateOfBirth, 'L')), ((_t = this.user) === null || _t === void 0 ? void 0 : _t.hiringDate) && this.renderItem('WORKANNIVERSARY', pipes.dateFormat.transform((_u = this.user) === null || _u === void 0 ? void 0 : _u.hiringDate, 'L'))))));
   }
   render() {
     return h(Host, { class: { ...getAppContext(this.host) } }, this.renderAdvancedLayout());

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

@@ -1,4 +1,4 @@
-import { isNativeMobile, vibrateHapticMedium } from '@shared/utils';
+import { isNativeMobile, isWeb, vibrateHapticMedium } from '@shared/utils';
 import { GESTURE_CONTROLLER } from './gesture-controller';
 import { createPointerEvents } from './pointer-events';
 import { createPanRecognizer } from './recognizers';
@@ -249,8 +249,11 @@ const now = (ev) => {
   return ev.timeStamp || Date.now();
 };
 export { GESTURE_CONTROLLER };
-export function assignPressActions(containerEl, context, callback, pressDuration) {
-  if (containerEl && !context.lockAssignPress && isNativeMobile()) {
+export function assignPressActions(options) {
+  const { containerEl, context, callback, pressDuration, isWidget } = options;
+  const isweb = isWeb();
+  const isWidgetOnMobileEmulate = !isNativeMobile() && isWidget && !isweb;
+  if (containerEl && !context.lockAssignPress && !isweb && !isWidgetOnMobileEmulate) {
     context.lockAssignPress = true;
     let hasPointerExited = false;
     let callToAction;

package/dist/design-system/{button.factory-593a6ba3.js → button.factory-a14ffaef.js}

@@ -1,4 +1,4 @@
-import { a3 as translateMulti } from './index-97f4ed07.js';
+import { a3 as translateMulti } from './index-efe2d03f.js';
 import { h } from './index-22891abe.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-254ab5fb.js → design-system/camera-helpers-c42bf1a9.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-97f4ed07.js';
-import './index-590d30dd.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-efe2d03f.js';
+import './index-cf643810.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-054323ca.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-ed41c12f.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-203178d1.js → chat-helpers-885ce29e.js}

@@ -1,6 +1,6 @@
-import './index-590d30dd.js';
+import './index-cf643810.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-97f4ed07.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-efe2d03f.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-2a9aacec.js → common-helpers-d7454041.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-97f4ed07.js';
-import './index-590d30dd.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-efe2d03f.js';
+import './index-cf643810.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {