@yoobic/yobi 8.3.0-9 → 8.3.0

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

@@ -383,12 +383,12 @@ export class YooGridComponent {
       this.selection = this.selection.filter((i) => i._id !== item._id);
     }
   }
-  async doPrintLocal(type) {
+  async doPrintLocal(type, forceHtml) {
     if (this.gridApi && !this.disconnected) {
       const options = {
         columnKeys: map(sortBy(this.finalGridConfig.columnDefs, 'exportOrder'), (c) => c.field),
         allColumns: true,
-        processCellCallback: (params) => getRenderer('exportRenderer')(params)
+        processCellCallback: (params) => getRenderer('exportRenderer')({ ...params, forceHtml })
       };
       if (type === 'xlsx') {
         this.gridApi.exportDataAsExcel(options);
@@ -526,6 +526,9 @@ export class YooGridComponent {
       this.slidesOptions.spaceBetween = 0;
       this.slidesOptions.slidesPerView = 'auto';
     }
+    if (this.displayType === 'card-sticky' && this.entityType === 'photos') {
+      this.slidesOptions.slidesOffsetBefore = 0;
+    }
     if (!isWeb(this.host)) {
       this.setDisplayIcon();
     }
@@ -570,6 +573,7 @@ export class YooGridComponent {
     this.filteredItems = this.getFilteredItems();
   }
   componentDidUpdate() {
+    var _a, _b;
     this.updateSlides();
     if (!this.markersOnly) {
       this.flyToPosition();
@@ -580,7 +584,7 @@ export class YooGridComponent {
     this.onForceInputFocused();
     this.updateItemsSliding();
     if (this.infiniteScroll) {
-      this.infiniteScroll.enableScrollEvents(!this.infiniteScrollDisabled);
+      (_b = (_a = this.infiniteScroll).enableScrollEvents) === null || _b === void 0 ? void 0 : _b.call(_a, !this.infiniteScrollDisabled);
     }
   }
   connectedCallback() {
@@ -767,6 +771,11 @@ export class YooGridComponent {
         if (this.gridApi.destroyCalled) {
           return;
         }
+        if (this.isTree()) {
+          this.gridApi.addRowDropZone({
+            getContainer: () => this.host
+          });
+        }
         // this.isEmptyAgGrid = !this.disconnected && this.gridApi?.getDisplayedRowCount() <= 0;
         if (!this.isLocal && !this.disconnected) {
           this.gridApi.setServerSideDatasource({
@@ -817,12 +826,12 @@ export class YooGridComponent {
                         if (this.total > 0) {
                           rowCount = this.total;
                         }
+                        else if (this.isTree() && ((_a = p.request.groupKeys) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                          rowCount = (data === null || data === void 0 ? void 0 : data.length) + p.request.startRow;
+                        }
                         else {
                           rowCount = (data === null || data === void 0 ? void 0 : data.length) + (this.gridApi.getDisplayedRowCount() - 1);
                         }
-                        if (this.isTree() && ((_a = p.request.groupKeys) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                          rowCount += p.request.startRow;
-                        }
                       }
                       p.success({ rowData: data, rowCount });
                       this.isEmptyAgGrid = !((data === null || data === void 0 ? void 0 : data.length) > 0 || (this.isTree() && ((_b = p.request.groupKeys) === null || _b === void 0 ? void 0 : _b.length) > 0) || currentPage > 0);
@@ -908,7 +917,7 @@ export class YooGridComponent {
     };
     if (this.isTree()) {
       this.finalGridConfig.groupDisplayType = 'custom';
-      this.finalGridConfig.serverSideStoreType = 'full';
+      // this.finalGridConfig.serverSideStoreType = 'full';
     }
     this.finalGridConfig.rowModelType = this.finalGridConfig.rowModelType || 'serverSide';
     if (this.gridDomLayout) {
@@ -933,7 +942,7 @@ export class YooGridComponent {
     }
   }
   preventSlidePerView() {
-    const preventArr = ['courses-small', 'feeds', 'courses', 'plans', 'missiondescriptions', 'badges', 'tenants'];
+    const preventArr = ['courses-small', 'feeds', 'courses', 'plans', 'missiondescriptions', 'badges', 'tenants', 'photos'];
     return preventArr.includes(this.entityType) && (this.displayType === 'card-sticky' || this.displayType === 'card-list-color' || this.profileSummary);
   }
   async updateSlides(forceAnimation) {
@@ -1178,10 +1187,15 @@ export class YooGridComponent {
     }
   }
   findIndex(item, useSelectionRemoved = false) {
+    var _a;
     const selection = [].concat(useSelectionRemoved ? this.selectionRemoved : this.selection);
     if (isString(item) || isNumber(item) || isBoolean(item)) {
       return findIndex(selection, (s) => s && isEqual(item, s));
     }
+    else if ((item === null || item === void 0 ? void 0 : item.tag) === 'documentuploader' && ((_a = item) === null || _a === void 0 ? void 0 : _a.filename) && !(item === null || item === void 0 ? void 0 : item._id)) {
+      // TODO: remove during upload refactor
+      return findIndex(selection, (s) => s && isEqual(item, s));
+    }
     else {
       return findIndex(selection, (s) => (((s === null || s === void 0 ? void 0 : s[this.idAttributeName || '_id']) || (s === null || s === void 0 ? void 0 : s[this.idAttributeName || '_id']) === false || (s === null || s === void 0 ? void 0 : s[this.idAttributeName || '_id']) === 0) &&
         isEqual(item === null || item === void 0 ? void 0 : item[this.idAttributeName || '_id'], s === null || s === void 0 ? void 0 : s[this.idAttributeName || '_id'])) ||
@@ -1205,7 +1219,7 @@ export class YooGridComponent {
     return false;
   }
   onItemSelect(item, checkBoxClick = false, ev) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     if (this.disconnected || ((_a = this.extraClass) === null || _a === void 0 ? void 0 : _a.includes('only-allow-secondary-actions'))) {
       return;
     }
@@ -1256,6 +1270,7 @@ export class YooGridComponent {
       }
       else {
         if (isPresent(this.maxSelectionNumber) && this.maxSelectionNumber >= 0 && this.multiple && this.selection && this.selection.length >= this.maxSelectionNumber) {
+          (_e = (_d = this.gridExtraOptions) === null || _d === void 0 ? void 0 : _d.maxSelectionCallback) === null || _e === void 0 ? void 0 : _e.call(_d);
           return;
         }
         this.selection = [...this.selection, item];
@@ -1387,10 +1402,10 @@ export class YooGridComponent {
       this.field.isSelectAll = this.isSelectAll;
     }
   }
-  onToggleSelectAll() {
+  async onToggleSelectAll(forceSelectAll) {
     const isCurrentSelectAll = this.isSelectAll;
     this.clearSelection(false);
-    this.updateSelectAll(!isCurrentSelectAll);
+    this.updateSelectAll(forceSelectAll || !isCurrentSelectAll);
     this.updateGridSelectAllState();
     this.setFormFieldValue();
     this.selectallToggled.emit(this.isSelectAll);
@@ -2342,7 +2357,7 @@ export class YooGridComponent {
     if (this.getActiveFiltersCount()) {
       renderSearchOrAutocomplete = true;
     }
-    if (this.entityType == 'files' && this.isAutoComplete && isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
+    if (this.entityType === 'files' && this.isAutoComplete && isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
       renderSearchOrAutocomplete = false;
     }
     return [
@@ -2364,7 +2379,7 @@ export class YooGridComponent {
             this.total > 0 || !this.hideHeadingIfEmpty ? title : null,
             !this.hideTotal && this.renderTotalNumber())),
         (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') && this.renderDisplayMode(),
-        this.showSeeAll && this.total > 0 && (h("div", { class: "icon-container", onClick: () => this.onHeadingClick() }, translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
+        this.showSeeAll && this.total > 0 && (h("div", { class: "icon-container see-all", onClick: () => this.onHeadingClick() }, translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
       (this.gridIsExpanded && this.forceHideSearch) || this.isFramed || this.hideToolbar || (!renderSearchOrAutocomplete && !renderEntityTags) ? null : (h("yoo-navbar", { centerTitle: false, class: {
           'grid': !this.isAutoComplete,
           'card-inbox': (_f = (_e = this.host) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('card-inbox'),
@@ -2621,7 +2636,7 @@ export class YooGridComponent {
     else if (this.isKanban()) {
       return this.renderKanban();
     }
-    else if (['card-cell', 'card-cell-color', 'card-cell-image', 'card-media', 'card-template'].includes(this.displayType) &&
+    else if (['card-cell', 'card-cell-color', 'card-cell-image', 'card-media', 'card-template', 'card-menu'].includes(this.displayType) &&
       ((_b = this.filteredItems) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
       this.direction !== 'horizontal') {
       if (this.headerFn) {
@@ -2654,9 +2669,9 @@ export class YooGridComponent {
       else {
         return [
           h("slot", { name: "header" }),
-          h("div", { class: { 'grid-cell': this.displayType.includes('card-cell'), 'grid-media': this.displayType === 'card-media' } }, (_c = this.filteredItems) === null || _c === void 0 ? void 0 :
+          h("div", { class: { 'grid-cell': this.displayType.includes('card-cell') || this.displayType === 'card-menu', 'grid-media': this.displayType === 'card-media' } }, (_c = this.filteredItems) === null || _c === void 0 ? void 0 :
             _c.map((item, index) => this.renderEntity(item, null, index)),
-            !['card-cell-color', 'card-cell-image', 'card-template'].includes(this.displayType) &&
+            !['card-cell-color', 'card-cell-image', 'card-template', 'card-menu'].includes(this.displayType) &&
               !['channel', 'channels', 'contacts', 'locations'].includes(this.entityType) &&
               !this.host.classList.contains('grid-cell-channels') &&
               range(6).map(() => (h("yoo-entity", { class: {
@@ -3354,7 +3369,7 @@ export class YooGridComponent {
       "mutable": true,
       "complexType": {
         "original": "CardType",
-        "resolved": "\"calendar\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"kanban\" | \"tree\"",
+        "resolved": "\"calendar\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-list-simple\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"kanban\" | \"tree\"",
         "references": {
           "CardType": {
             "location": "import",
@@ -3449,7 +3464,7 @@ export class YooGridComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -6596,7 +6611,7 @@ export class YooGridComponent {
       },
       "complexType": {
         "original": "CardType",
-        "resolved": "\"calendar\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"kanban\" | \"tree\"",
+        "resolved": "\"calendar\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-list-simple\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"kanban\" | \"tree\"",
         "references": {
           "CardType": {
             "location": "import",
@@ -7701,10 +7716,13 @@ export class YooGridComponent {
     },
     "doPrintLocal": {
       "complexType": {
-        "signature": "(type: TExport) => Promise<void>",
+        "signature": "(type: TExport, forceHtml?: boolean) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
+          }, {
+            "tags": [],
+            "text": ""
           }],
         "references": {
           "Promise": {
@@ -7959,6 +7977,25 @@ export class YooGridComponent {
         "text": "",
         "tags": []
       }
+    },
+    "onToggleSelectAll": {
+      "complexType": {
+        "signature": "(forceSelectAll?: boolean) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "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.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

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

@@ -686,7 +686,7 @@ export class YooGridCalendarComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -963,7 +963,7 @@ export class YooGridCalendarComponent {
       "mutable": false,
       "complexType": {
         "original": "TCalendarView",
-        "resolved": "{ _id: string; title: string; icon: TIconName; }",
+        "resolved": "{ _id: string; title: string; icon: \"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"; }",
         "references": {
           "TCalendarView": {
             "location": "import",

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

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

package/dist/collection/components/layout/layout-two-columns/layout-two-columns.js

@@ -1,6 +1,9 @@
 import { translate } from '@shared/utils';
 import { Component, h, Host, Prop } from '@stencil/core';
 export class YooLayoutTwoColumsComponent {
+  constructor() {
+    this.hideHeader = false;
+  }
   renderHeader() {
     return h("yoo-header", { class: "no-border" },
       h("yoo-navbar", { centerTitle: false },
@@ -22,7 +25,7 @@ export class YooLayoutTwoColumsComponent {
   }
   render() {
     return h(Host, null,
-      this.renderHeader(),
+      !this.hideHeader && this.renderHeader(),
       this.renderBody());
   }
   static get is() { return "yoo-layout-two-columns"; }
@@ -50,6 +53,24 @@ export class YooLayoutTwoColumsComponent {
       },
       "attribute": "header",
       "reflect": false
+    },
+    "hideHeader": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hide-header",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
 }

package/dist/collection/components/scanner/zebra/zebra.js

@@ -1,4 +1,4 @@
-import { WebIntent } from '@ionic-native/web-intent';
+import { WebIntent } from '@awesome-cordova-plugins/web-intent';
 import { isZebraScanner } from '@shared/utils';
 import { Component, Event, Prop } from '@stencil/core';
 export class YooZebraComponent {

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

@@ -1,9 +1,9 @@
 import { MessageType } from '@shared/interfaces';
-import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPdf, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAllLinks, replaceAndGetAllLinks, replaceAtTagToMentionTag, showMessageInfoDialog, translate, translateMulti } from '@shared/utils';
+import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPdf, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAndGetAllLinks, showMessageInfoDialog, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State } from '@stencil/core';
 import { debounce } from 'lodash-es';
 import { assignPressActions } from '../../../utils/gesture';
-import { getDateFormats } from '../../../utils/helpers/chat-helpers';
+import { convertTags, getDateFormats } from '../../../utils/helpers/chat-helpers';
 const DEFAULT_VIDEO_DIMENSIONS = { width: 240, height: 175 };
 export class YooChatMessageComponent {
   constructor() {
@@ -47,10 +47,6 @@ export class YooChatMessageComponent {
     var _a;
     return !!((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage);
   }
-  get hasMentions() {
-    var _a, _b;
-    return !!((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.mentions) === null || _b === void 0 ? void 0 : _b.length);
-  }
   get hasPreviewLinks() {
     var _a;
     return !!((_a = this.linkPreviews) === null || _a === void 0 ? void 0 : _a.length);
@@ -226,11 +222,9 @@ export class YooChatMessageComponent {
   renderBasicMessage() {
     const { mentions, content } = this.message || {};
     const textColor = this.isMe ? 'light' : 'app-color';
-    const convertMentions = (text) => this.hasMentions ? replaceAtTagToMentionTag(text, mentions, textColor) : text;
-    const convertLinks = (text) => replaceAllLinks(translateMulti(text), false, textColor);
     return h("section", { id: "text", ...(isRichContentMessage(this.message) || this.mediaUrl) && { 'is-between': true }, class: "content" },
       !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(),
-      h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: [convertLinks, convertMentions] }));
+      h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: (host) => convertTags(host, { mentions, textColor }) }));
   }
   renderAudio() {
     return (h("yoo-audio-player", { boost: 100, src: this.mediaUrl }));

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

@@ -1,6 +1,7 @@
 import { MessageType } from '@shared/interfaces';
-import { getAudioDuration, getUserDisplayName, isChatMessageTypeMedia, isFile, pipes, replaceAllLinks, replaceAndGetAllLinks, translate, translateMulti } from '@shared/utils';
+import { getAudioDuration, getUserDisplayName, isChatMessageTypeMedia, isFile, pipes, replaceAndGetAllLinks, translate } from '@shared/utils';
 import { Component, Event, h, Host, Prop } from '@stencil/core';
+import { convertTags } from '../../../utils/helpers/chat-helpers';
 export class YooChatMessagePreviewComponent {
   constructor() {
     this.animated = true;
@@ -72,7 +73,6 @@ export class YooChatMessagePreviewComponent {
   }
   renderMedia(type) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const convertLinks = (text) => replaceAllLinks(translateMulti(text), false, 'app-color');
     return [
       h("yoo-icon", { name: this.getMediaIcon(type), color: !this.isInputBarMode ? 'app-color' : 'stable', size: "small" }),
       (type === MessageType.photo) && translate('YOOBIC' + ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
@@ -80,7 +80,7 @@ export class YooChatMessagePreviewComponent {
       type === MessageType.audio && (pipes.timer.transform(Math.round((_f = (_e = this.message) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.duration)).substr(3)),
       type === MessageType.document && h("yoo-truncate", null, ((_h = (_g = this.message) === null || _g === void 0 ? void 0 : _g.payload) === null || _h === void 0 ? void 0 : _h._filename) || translate('YOOBICDOCUMENT')),
       type === MessageType.texturlpreview && h("yoo-truncate", null,
-        h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: [convertLinks] }))
+        h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: (host) => convertTags(host, { textColor: 'app-color' }) }))
     ];
   }
   renderMediaPreview(type, source) {

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

@@ -48,14 +48,14 @@ export const CardEvent = ({ configs }) => {
         h("span", { class: "heading" },
           h("yoo-icon", { size: "small", color: "text-color", name: isPublic ? 'feed' : 'email' }),
           translate(`${isPublic ? 'PUBLICEVENT' : 'PRIVATEEVENT'}`)),
-        h("span", { class: "title" }, configs.title),
+        h("span", { class: "title" }, translateMulti(configs.title)),
         h("span", { class: "date dark" }, `${dateFormat(startDate, format)}${!isSameDay || !configs.allDay ? (` ${translate('YOOBICTO').toLowerCase()} ${dateFormat(endDate, endformat)}`) : ''}`),
         configs.location && (h("div", { class: "preview-container" },
           h("yoo-avatar", { imgSrc: configs.location.imageData, iconText: configs.location.title, size: "extra-small" }),
           h("span", null, configs.location.title))),
         configs.address && h("span", { class: "address" }, configs.address),
         configs.virtualRoomUrl && h("yoo-truncate", { class: "url", innerHTML: replaceAllLinks(configs.virtualRoomUrl) }),
-        configs.description && h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: replaceAllLinks(configs.description) }),
+        configs.description && h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: replaceAllLinks(translateMulti(configs.description)) }),
         ((_a = configs.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "feed-hashtags" }, configs.tags.map((a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && h("span", { class: "hashtag", innerHTML: `#${translateMulti(a.toUpperCase()).toLowerCase()} ` })))),
         configs.type && h("span", { class: "dark flex" },
           `${translate('YOOBICCATEGORY')}: `,

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.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

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

@@ -233,7 +233,7 @@ export class YooCardFeedComponent {
   }
   renderFeedTags() {
     var _a, _b, _c;
-    return (h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && h("span", { class: "hashtag", innerHTML: `#${translateMulti(a).toLowerCase()} ` }))));
+    return (h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && h("span", { class: "hashtag", onClick: (ev) => { var _a; return this.onEmbeddedEntityClicked({ tag: a, custom: true, communityRef: (_a = this.entry.community) === null || _a === void 0 ? void 0 : _a._id }, 'feeds', ev); }, innerHTML: `#${translateMulti(a).toLowerCase()} ` }))));
   }
   renderTopActions() {
     return (h("div", { class: "info-feed" }, this.entry.topActions.map((a) => (h("span", { onClick: (ev) => execHandlerAndStopEvent(ev, a.handler) }, a.text)))));

package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.js

@@ -8,13 +8,15 @@ export class YooUserWizardComponent {
     this.addIconSize = 'small';
     this.showAdd = true;
     this.isImageCard = false;
+    this.addIconUser = getSession().user;
     this.clampedItems = [];
   }
   onItemSelected(item) {
     this.itemSelected.emit(item);
   }
   get hasItems() {
-    return !!this.clampedItems;
+    var _a;
+    return !!((_a = this.clampedItems) === null || _a === void 0 ? void 0 : _a.length);
   }
   componentWillRender() {
     var _a;
@@ -39,7 +41,8 @@ export class YooUserWizardComponent {
   }
   renderAddImageCard() {
     var _a;
-    return h("yoo-card-image", { class: "item", onClick: () => this.onItemSelected(), heading: this.addText, headingPosition: "below", icon: this.addIcon, image: { instant: false, src: (_a = getSession().user) === null || _a === void 0 ? void 0 : _a.imageData } });
+    const src = (_a = this.addIconUser) === null || _a === void 0 ? void 0 : _a.imageData;
+    return h("yoo-card-image", { class: { item: true, empty: !src }, onClick: () => this.onItemSelected(), heading: this.addText, headingPosition: "below", icon: this.addIcon, avatar: !src ? h("yoo-avatar", { user: this.addIconUser, size: "extra-large" }) : undefined, image: { instant: false, src } });
   }
   renderAddButton() {
     return this.isImageCard ? this.renderAddImageCard() : this.renderAddAvatar();
@@ -71,7 +74,12 @@ export class YooUserWizardComponent {
       this.showAllText && h("span", { id: "action", onClick: () => this.showAllSelected.emit() }, translate(this.showAllText)));
   }
   render() {
-    return h(Host, { class: { ...getAppContext(this.host), empty: !this.hasItems } }, (this.addText || this.hasItems) && [this.renderHeader(), this.renderBody()]);
+    // Hide when there are no items or create button and hideIfEmpty is specified
+    const shouldHide = !this.showAdd && !this.hasItems && this.hideIfEmpty;
+    return (h(Host, { class: { ...getAppContext(this.host), empty: !this.hasItems } }, !shouldHide && [
+      this.renderHeader(),
+      this.renderBody()
+    ]));
   }
   static get is() { return "yoo-user-wizard"; }
   static get encapsulation() { return "shadow"; }
@@ -154,6 +162,23 @@ export class YooUserWizardComponent {
       "attribute": "show-all-text",
       "reflect": false
     },
+    "hideIfEmpty": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "If there is no content, we hide the title text"
+      },
+      "attribute": "hide-if-empty",
+      "reflect": false
+    },
     "tag": {
       "type": "string",
       "mutable": false,
@@ -274,6 +299,27 @@ export class YooUserWizardComponent {
       },
       "attribute": "fallback-icon",
       "reflect": false
+    },
+    "addIconUser": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "IUser",
+        "resolved": "IUser",
+        "references": {
+          "IUser": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "getSession().user"
     }
   }; }
   static get events() { return [{