@yoobic/yobi 8.1.0-45 → 8.1.0-49

package/dist/collection/components/core/chat-message/chat-message.js

@@ -1,5 +1,5 @@
 import { MessageType } from '@shared/interfaces';
-import { dateFormat, getExtension, getResizedImageSize, isAudio, 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, replaceAllLinks, replaceAndGetAllLinks, replaceAtTagToMentionTag, showMessageInfoDialog, translate, translateMulti } 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';
@@ -34,7 +34,7 @@ export class YooChatMessageComponent {
     return !this.isDocument && !this.isAudio && ((isVideo(this.mediaUrl) || (!isNativeMobile() && ((_a = this.mediaUrl) === null || _a === void 0 ? void 0 : _a.startsWith('blob:')))) || ((_b = this.message) === null || _b === void 0 ? void 0 : _b.type) === MessageType.video);
   }
   get isImage() {
-    return !this.isDocument && !this.isVideo && !this.isAudio && (isImage(this.mediaUrl) || isUnsplashUrl(this.mediaUrl));
+    return !this.isDocument && !this.isVideo && !this.isAudio && (isImage(this.mediaUrl) || isUnsplashUrl(this.mediaUrl) || isBase64(this.mediaUrl));
   }
   get isTiffImage() {
     return getExtension(this.mediaUrl).includes('tif');
@@ -78,6 +78,12 @@ export class YooChatMessageComponent {
     var _a, _b, _c;
     return (_c = (_b = (_a = Object.entries(this.messageTypes || {})) === null || _a === void 0 ? void 0 : _a.filter(v => v === null || v === void 0 ? void 0 : v[1])) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c[0];
   }
+  get isMe() {
+    var _a;
+    const { isAlternate, author, sender_id } = this.message || {};
+    const messageAuthorId = (author === null || author === void 0 ? void 0 : author._id) || sender_id;
+    return isAlternate !== null && isAlternate !== void 0 ? isAlternate : (messageAuthorId === ((_a = getSession().user) === null || _a === void 0 ? void 0 : _a._id));
+  }
   async initMessage() {
     this.shouldRender = true;
     forceUpdate(this);
@@ -193,9 +199,9 @@ export class YooChatMessageComponent {
       h("yoo-avatar", { onClick: () => { var _a; return this.avatarClicked.emit((_a = this.message) === null || _a === void 0 ? void 0 : _a.author); }, size: "medium", user: (_a = this.message) === null || _a === void 0 ? void 0 : _a.author }) : h("div", { class: "empty-user" });
   }
   renderUsername() {
-    var _a, _b;
+    var _a;
     const { firstName, lastName } = ((_a = this.message) === null || _a === void 0 ? void 0 : _a.author) || {};
-    const shouldDisplayUsername = !!(this.isGroup && !((_b = this.message) === null || _b === void 0 ? void 0 : _b.isAlternate) && firstName && lastName);
+    const shouldDisplayUsername = !!(this.isGroup && !this.isMe && firstName && lastName);
     return shouldDisplayUsername && h("section", { class: "username", onClick: () => { var _a; return this.usernameClicked.emit((_a = this.message) === null || _a === void 0 ? void 0 : _a.author); } }, shouldDisplayUsername ? `${firstName} ${lastName}` : translate('USERDEACTIVATED'));
   }
   renderVideo() {
@@ -218,8 +224,8 @@ export class YooChatMessageComponent {
     ];
   }
   renderBasicMessage() {
-    const { isAlternate, mentions, content } = this.message || {};
-    const textColor = isAlternate ? 'light' : 'app-color';
+    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" },
@@ -230,9 +236,9 @@ export class YooChatMessageComponent {
     return (h("yoo-audio-player", { boost: 100, src: this.mediaUrl }));
   }
   renderDocument() {
-    var _a, _b, _c;
+    var _a;
     const document = (_a = this.message) === null || _a === void 0 ? void 0 : _a.payload;
-    return h("yoo-form-document", { class: { 'transparent-light': this.isReply && ((_b = this.message) === null || _b === void 0 ? void 0 : _b.isAlternate), 'transparent-dark': this.isReply && !((_c = this.message) === null || _c === void 0 ? void 0 : _c.isAlternate) }, document: document, showActionSheet: isNativeMobile() && isPdf(document), readonly: true });
+    return h("yoo-form-document", { class: { 'transparent-light': this.isReply && this.isMe, 'transparent-dark': this.isReply && !this.isMe }, document: document, showActionSheet: isNativeMobile() && isPdf(document), readonly: true });
   }
   renderMedia() {
     return (isRichContentMessage(this.message) || this.mediaUrl) && (h("section", { id: "medias", class: "content" },
@@ -254,7 +260,7 @@ export class YooChatMessageComponent {
     const { sentButNotPropagated } = ((_a = this.message) === null || _a === void 0 ? void 0 : _a.options) || {};
     return ((_b = this.message) === null || _b === void 0 ? void 0 : _b.timetoken) >= 0 && (h("section", { id: "status", onClick: (ev) => this.onStatusClicked(ev) },
       h("span", null, dateFormat((_c = this.message) === null || _c === void 0 ? void 0 : _c.time, getDateFormats(new Date(this.message.timetoken)).single)),
-      this.message.isAlternate &&
+      this.isMe &&
         h("yoo-icon", { color: sentButNotPropagated || !this.receivedByOthers ? 'stable' : 'app-color', name: sentButNotPropagated ? 'tick' : 'double-tick', size: "small" })));
   }
   renderReplyPreview() {
@@ -276,13 +282,13 @@ export class YooChatMessageComponent {
       h("yoo-form-url", { class: "rounded", readonly: true, linkPreviews: this.linkPreviews, displayAllPreviews: false, displayErrorPreviews: false, canCloseLinkPreviews: false, bigLinkPreviews: false, linkPreviewImgType: "background", linkPreviewImgScaledUp: false, linkPreviewImgInstant: true, containImage: true, showUrlLink: false })));
   }
   renderGroupMessage() {
-    return (h("section", { id: "group" },
+    return !this.isMe ? (h("section", { id: "group" },
       h("section", { class: "left-column" }, this.renderUser()),
       h("section", { class: "right-column" },
         this.renderUsername(),
-        this.renderMessageContent())));
+        this.renderDirectMessage()))) : this.renderDirectMessage();
   }
-  renderMessageContent() {
+  renderDirectMessage() {
     return (h("section", { ref: (el) => (this.containerElement = el), class: {
         message: true,
         combined: this.isReply || this.hasPreviewLinks,
@@ -295,16 +301,14 @@ export class YooChatMessageComponent {
       this.renderStatus()));
   }
   renderMessage() {
-    var _a;
-    return (this.isGroup && !((_a = this.message) === null || _a === void 0 ? void 0 : _a.isAlternate)) ? this.renderGroupMessage() : this.renderMessageContent();
+    return this.isGroup ? this.renderGroupMessage() : this.renderDirectMessage();
   }
   render() {
-    const { isAlternate } = this.message || {};
     return h(Host, { ...{
         first: this.isFirst && !this.isLast,
         last: this.isLast,
-        right: isAlternate,
-        left: !isAlternate,
+        right: this.isMe,
+        left: !this.isMe,
         type: this.type
       } }, this.renderMessage());
   }

package/dist/collection/components/core/video-player/videoplayer-videojs/videoplayer-videojs.js

@@ -262,7 +262,7 @@ export class YooVideoPlayerVideojsComponent {
       this.onVideoJSError();
     });
     this.player.on('loadedmetadata', async (ev) => {
-      var _a;
+      var _a, _b;
       if (this.player && this.player.duration() >= 0) {
         this.videoDuration = pipes.timer.transform(Math.round(this.player.duration()), 'seconds');
       }
@@ -273,7 +273,7 @@ export class YooVideoPlayerVideojsComponent {
       if (videoElement && this.scaledUp && !this.mediaDimension) {
         this.preserveAspectRatio(videoElement.videoWidth, videoElement.videoHeight);
       }
-      for (const subtitle of this.subtitles) {
+      await Promise.all((_b = this.subtitles) === null || _b === void 0 ? void 0 : _b.map(async (subtitle) => {
         let src = subtitle === null || subtitle === void 0 ? void 0 : subtitle.src;
         const ext = getExtension(src);
         let blobPromise = Promise.resolve(src);
@@ -303,7 +303,7 @@ export class YooVideoPlayerVideojsComponent {
             kind: subtitle.kind
           }, false);
         });
-      }
+      }));
       setTimeout(() => {
         const tracks = this.player.textTracks();
         const currentLang = getCurrentLanguage();

package/dist/collection/components/entities/card-feed/default/card-feed.js

@@ -486,9 +486,7 @@ export class YooCardFeedComponent {
     var _a, _b;
     return [
       this.hasSubheadings()
-        ? this.entry.subheadings.map((sub) => (sub ? h("span", { class: "feed-subheading" },
-          sub,
-          ".") : null))
+        ? this.entry.subheadings.map((sub) => (sub ? h("span", { class: "feed-subheading" }, sub) : null))
         : null,
       ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "feed-subheading truncate", onClick: () => this.onGroupClicked() },
         isWeb(this.host) ? h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : h("span", { class: "pre-wrap" }, ' • '),

package/dist/collection/components/entities/card-list/default/card-list.js

@@ -311,7 +311,7 @@ export class YooCardListComponent {
       !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('map')) &&
       !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('grid-cell'))) {
       return (h("div", { class: "uifield-container" },
-        h("yoo-form-dynamic", { class: "inline in-card secondary transparent", scrollable: false, forceReadonly: !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('form')), slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, onDataChanged: (ev) => {
+        h("yoo-form-dynamic", { class: "inline in-card secondary transparent", scrollable: false, forceReadonly: !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('form')), slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, isPdf: this.entry.isPdf, onDataChanged: (ev) => {
             ev.stopPropagation();
             this.uiFieldsChanged.emit({ newdata: ev.detail });
           } })));

package/dist/collection/components/entities/entity/entity.js

@@ -1891,6 +1891,7 @@ export class YooEntityComponent {
         ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => toButton(a, this.item))
         : null;
     entry.isGridCell = this.isGridCell;
+    entry.isPdf = this.isPdf;
     if (this.host.classList.contains('catalog-display')) {
       extraClasses += ' catalog-display ';
     }
@@ -2850,6 +2851,23 @@ export class YooEntityComponent {
       "attribute": "is-framed",
       "reflect": false
     },
+    "isPdf": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-pdf",
+      "reflect": false
+    },
     "columnDefinition": {
       "type": "unknown",
       "mutable": false,

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

@@ -760,7 +760,7 @@ export class YooFormAutocompleteComponent {
       if (this.selection.includes(value === null || value === void 0 ? void 0 : value._id)) {
         return value;
       }
-      else if (!(value === null || value === void 0 ? void 0 : value.icon) && this.selection.findIndex((selection) => (selection === null || selection === void 0 ? void 0 : selection._id) === (value === null || value === void 0 ? void 0 : value._id)) > -1) {
+      else if (((value === null || value === void 0 ? void 0 : value._id) || !(value === null || value === void 0 ? void 0 : value.icon)) && this.selection.findIndex((selection) => (selection === null || selection === void 0 ? void 0 : selection._id) === (value === null || value === void 0 ? void 0 : value._id)) > -1) {
         return value;
       }
       else if ((value === null || value === void 0 ? void 0 : value.icon) && this.selection.findIndex((selection) => selection === (value === null || value === void 0 ? void 0 : value.icon)) > -1) {

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -1730,8 +1730,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible {
-  padding: 0;
-  padding-top: 0;
+  padding: var(--spacing-16, 1rem) 0 0;
 }
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.no-padding,
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible.no-padding {
@@ -1981,7 +1980,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: calc(100% - 2.5rem) !important;
 }
 :host(.wizard) yoo-ion-slides .field-placeholder.grid {
-  height: 34.375rem;
+  height: 100%;
   margin-bottom: var(--spacing-16, 1rem);
 }
 :host(.wizard) yoo-ion-slides .field-placeholder.grid yoo-grid {
@@ -2416,12 +2415,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-right: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
 }
 
-:host(.web.vertical-tabs.fullscreen) .inputs-container {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: inherit !important;
-}
-
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) {
   --content-width: 28rem;
 }
@@ -2430,10 +2423,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container {
   display: flex;
-  flex-flow: column nowrap !important;
   align-items: flex-start;
   justify-content: center;
 }
+:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.grid-flex) {
+  width: 100%;
+  max-width: var(--content-width);
+  margin: auto;
+}
+:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid) {
+  width: 100%;
+  max-width: var(--content-width);
+  margin: auto;
+}
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.gridstack) {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2441,12 +2443,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.gridstack {
   overflow: visible scroll;
 }
-:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder:not(.grid),
-:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container yoo-collapsible,
-:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .section-header {
-  max-width: var(--content-width);
-  margin: auto !important;
-}
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group {
   margin-top: var(--spacing-16, 1rem) !important;
   padding: var(--spacing-08, 0.5rem);

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

@@ -2110,7 +2110,7 @@ export class YooFormDynamicComponent {
             'bg-light': !this.showTabs,
             'zoomed': this.getSlideState(slideIndex).zoomed,
             'readonly': this.forceReadonly
-          } }, this.renderFormContent(slide, slideIndex, slides.length - (this.showRecap ? 1 : 0))))))
+          }, style: slide.style }, this.renderFormContent(slide, slideIndex, slides.length - (this.showRecap ? 1 : 0))))))
     ];
   }
   renderLeftPanelSecondary(slide) {
@@ -2440,7 +2440,7 @@ export class YooFormDynamicComponent {
     const style = {
       maxWidth: isFieldVisible && field.width > 0 ? field.width + 'px' : isFieldVisible && field.flex > 0 ? `calc(${field.flex}% - 0rem)` : null,
       marginRight: isFieldVisible && field.width > 0 ? '0.5rem' : null,
-      flex: !isFieldVisible ? 'unset' : isNullOrUndefined(field.flex) || field.flex <= 0 ? null : `1 0 calc(${field.flex}% - 0rem)`,
+      flex: !isFieldVisible ? 'unset' : isNullOrUndefined(field.flex) || field.flex < 0 ? null : `1 0 calc(${field.flex}% - 0rem)`,
       // overflow: (isFieldVisible && isNullOrUndefined(field.flex)) || field.flex <= 0 ? null : 'hidden',
       width: isFieldVisible ? null : '0',
       alignSelf: 'normal'

package/dist/collection/components/form/form-input-container/form-input-container.css

@@ -1593,7 +1593,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   text-transform: var(--text-tranform-title-name);
 }
 
-:host(.lesson:not(.imagecollection):not(.reveal)) .top-container {
+:host(.lesson:not(.imagecollection)) .top-container {
   height: 100%;
 }
 

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

@@ -65,9 +65,13 @@ export class YooFormPermissionsComponent {
             return (((_a = params.data.user) === null || _a === void 0 ? void 0 : _a.firstName) || '') + (((_b = params.data.user) === null || _b === void 0 ? void 0 : _b.lastName) || '') + (((_c = params.data.user) === null || _c === void 0 ? void 0 : _c.email) || '');
           },
           headerName: translate('USER'),
-          headerValueGetter: () => {
-            var _a, _b;
-            return (((_a = this.userRoles) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.userRoles.length.toLocaleString() + ' ' : '') + translate(((_b = this.userRoles) === null || _b === void 0 ? void 0 : _b.length) > 1 ? 'USERS' : 'USER');
+          headerValueGetter: (params) => {
+            var _a;
+            let total = ((_a = this.userRoles) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            if (params === null || params === void 0 ? void 0 : params.api) {
+              total = params.api.getDisplayedRowCount();
+            }
+            return (total > 0 ? total.toLocaleString() + ' ' : '') + translate(total > 1 ? 'USERS' : 'USER');
           }
         },
         {

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

@@ -142,7 +142,7 @@ export class YooFormTableComponent {
       finalValues = finalValues.concat(this.tmpValues.filter((v) => finalValues.findIndex((f) => f._id === v._id) < 0));
     }
     if (finalValues.length > 0) {
-      return (h("yoo-grid", { class: { table: true, form: !this.readonly }, ref: (el) => (this.gridEl = el), displayType: this.displayType, collectionName: this.collectionName, entityType: this.entityType, showSearch: true, items: finalValues, model: this.model, hideAdvancedFilters: true, customModel: this.customModel, secondaryActions: this.secondaryActions, isLocal: this.isLocal, forceLocalInfiniteScroll: false, initialQuery: this.initialQuery, preventSearchReset: true, onSelected: (ev) => {
+      return (h("yoo-grid", { class: { table: true, form: !this.readonly }, ref: (el) => (this.gridEl = el), displayType: this.displayType, collectionName: this.collectionName, entityType: this.entityType, showSearch: true, items: finalValues, model: this.model, hideAdvancedFilters: true, customModel: this.customModel, secondaryActions: this.secondaryActions, isLocal: this.isLocal, isPdf: this.isPdf, forceLocalInfiniteScroll: false, initialQuery: this.initialQuery, preventSearchReset: true, onSelected: (ev) => {
           ev.stopPropagation();
           this.onSelectItem(ev.detail);
         }, onInputChanged: (ev) => ev === null || ev === void 0 ? void 0 : ev.stopPropagation() }));
@@ -309,6 +309,23 @@ export class YooFormTableComponent {
       "reflect": false,
       "defaultValue": "true"
     },
+    "isPdf": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-pdf",
+      "reflect": false
+    },
     "readonly": {
       "type": "boolean",
       "mutable": false,

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

@@ -1,5 +1,5 @@
 import { FormFieldType, FormFilterAutocompleteOperator, TLessonState } from '@shared/interfaces';
-import { dispatchCustomEvent, EMPTYSTATE_TEXT_MAP, EMPTYSTATE_TITLE_MAP, filterListByText, getAsyncExtraData, getAuthentication, getSession, HorizontalSlidesAnimation, isAnimationsDisabled, isDateTimeField, isFirefox, isForceScrollbar, isLessonCompleted, isMapField, isOffline, isPresent, isWeb, MONGODB_ID_REGEX, pipes, resizeObserve, safeScrollIntoView, showActionSheet, showModal, toButton, translate, translateMulti } from '@shared/utils';
+import { dispatchCustomEvent, EMPTYSTATE_TEXT_MAP, EMPTYSTATE_TITLE_MAP, filterListByText, getAsyncExtraData, getAuthentication, getSession, HorizontalSlidesAnimation, isAnimationsDisabled, isDateTimeField, isFirefox, isForceScrollbar, isLessonCompleted, isMapField, isNullOrUndefined, isOffline, isPresent, isWeb, MONGODB_ID_REGEX, pipes, resizeObserve, safeScrollIntoView, showActionSheet, showModal, toButton, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
 import { compact, debounce, findIndex, get, isArray, isBoolean, isEmpty, isEqual, isFunction, isNumber, isString, map, range, sortBy, sum } from 'lodash-es';
 import { isObject } from 'lodash-es';
@@ -1061,6 +1061,7 @@ export class YooGridComponent {
     else if (this.isAgGrid() && this.isLocal) {
       if (this.gridApi && !this.disconnected) {
         this.gridApi.setQuickFilter(this.searchText);
+        this.gridApi.refreshHeader();
       }
     }
     else if (!this.isMarkerFocusing && !this.disconnected) {
@@ -1399,12 +1400,15 @@ export class YooGridComponent {
     }
   }
   getItems() {
+    let retVal;
     if (this.isFramed) {
-      return this.isFrameExpanded ? this.filteredItems(true).slice(0, 10) : this.filteredItems(true).slice(0, this.pageSize);
+      retVal = this.isFrameExpanded ? this.filteredItems(true).slice(0, 10) : this.filteredItems(true).slice(0, this.pageSize);
     }
     else {
-      return this.filteredItems(true);
+      retVal = this.filteredItems(true);
     }
+    retVal = retVal.filter((v) => !isNullOrUndefined(v));
+    return retVal;
   }
   getAddTagButtonString() {
     var _a;
@@ -2997,7 +3001,7 @@ export class YooGridComponent {
           'selected card-template': this.displayType === 'card-template' && this.isSelected(item),
           'form': this.host.classList.contains('form'),
           'table': this.host.classList.contains('table')
-        }, item: item, items: this.entityType === 'photos' ? this.filteredItems() : undefined, displayType: this.displayType, entityType: this.entityType, profileSummary: this.profileSummary, icons: this.icons, topActions: this.topActions, bottomActions: this.bottomActions, secondaryActions: this.secondaryActions, customModel: this.customModel, isCollapsible: this.isCollapsibleCheck(), isMap: this.isMap(), isFramed: this.isFramed, unreadCounts: this.unreadCounts, playerCommand: this.currentActivePlayerId, secondaryActionsDropdown: this.secondaryActionsDropdown, selected: this.isSelected(item), valuesColor: (_d = this.valuesColor) === null || _d === void 0 ? void 0 : _d.find((e) => (item._id ? e.key === item._id : item.icon ? e.key === item.title : e.key === item)), lessonState: this.entityType === 'lessons' ? this.lessonStates[this.filteredItems().indexOf(item)] : null, hideUIFields: this.hideUIFields })));
+        }, item: item, items: this.entityType === 'photos' ? this.filteredItems() : undefined, displayType: this.displayType, entityType: this.entityType, profileSummary: this.profileSummary, icons: this.icons, topActions: this.topActions, bottomActions: this.bottomActions, secondaryActions: this.secondaryActions, customModel: this.customModel, isCollapsible: this.isCollapsibleCheck(), isMap: this.isMap(), isFramed: this.isFramed, isPdf: this.isPdf, unreadCounts: this.unreadCounts, playerCommand: this.currentActivePlayerId, secondaryActionsDropdown: this.secondaryActionsDropdown, selected: this.isSelected(item), valuesColor: (_d = this.valuesColor) === null || _d === void 0 ? void 0 : _d.find((e) => (item._id ? e.key === item._id : item.icon ? e.key === item.title : e.key === item)), lessonState: this.entityType === 'lessons' ? this.lessonStates[this.filteredItems().indexOf(item)] : null, hideUIFields: this.hideUIFields })));
     if (isWeb(this.host) && this.columns && this.columns.length) {
       return this.renderEntityWithColumns(item, content, index);
     }
@@ -3207,6 +3211,23 @@ export class YooGridComponent {
       "reflect": false,
       "defaultValue": "false"
     },
+    "isPdf": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-pdf",
+      "reflect": false
+    },
     "displayTypes": {
       "type": "unknown",
       "mutable": false,

package/dist/{esm/camera-helpers-1cf16a57.js → design-system/camera-helpers-98eb6707.js}

@@ -1,5 +1,5 @@
-import { b$ as cordova, c0 as IonicNativePlugin, cb as cordovaPropertyGet, cc as cordovaPropertySet, cd as registerPlugin, c as getSession, ce as isIonic, m as isNativeMobile, cf as Device, n as isAndroid, B as isIOS, cg as getMediaDevices, s as showModal, f as getModalAnimation, w as isWeb } from './overlays-23c93344.js';
-import './index-635ca72c.js';
+import { b$ as cordova, c0 as IonicNativePlugin, cb as cordovaPropertyGet, cc as cordovaPropertySet, cd as registerPlugin, c as getSession, ce as isIonic, m as isNativeMobile, cf as Device, n as isAndroid, B as isIOS, cg as getMediaDevices, s as showModal, f as getModalAnimation, w as isWeb } from './overlays-e56a323d.js';
+import './index-9d649af6.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -206,7 +206,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-b6015ee1.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-bdb25ab6.js').then(m => new m.CameraWeb()),
 });
 
 var __extends = (undefined && undefined.__extends) || (function () {

package/dist/{esm/chat-helpers-974af516.js → design-system/chat-helpers-f1b1b688.js}

@@ -1,6 +1,6 @@
-import './index-635ca72c.js';
+import './index-9d649af6.js';
 import { f as isArray } from './lodash-2317d9a5.js';
-import { am as is24Hour, an as isFile, s as showModal, w as isWeb } from './overlays-23c93344.js';
+import { am as is24Hour, an as isFile, s as showModal, w as isWeb } from './overlays-e56a323d.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-27835fe0.js → common-helpers-6fa3638c.js}

@@ -1,5 +1,5 @@
-import { f as getModalAnimation, t as translate, s as showModal, w as isWeb, x as debounce, y as querySelectorDeep$1, m as isNativeMobile, S as ScreenOrientation, z as findParent, A as isIphoneX, o as isIpadPro, q as isTablet, l as isFullScreenFalse, B as isIOS, n as isAndroid, D as setAnimation, E as animations, e as getCssColor, F as startOf, G as isDateBefore, H as dateDiffInCalendarDays, I as isDateAfter, J as getAsyncExtraData, K as isNativeFilePath, L as cleanupWKWebViewFilePath, v as Cloudinary, M as getProtocol, C as CloudinaryGradientLayer } from './overlays-23c93344.js';
-import { Y as YOOBICON_ENTITIES_MAP } from './index-635ca72c.js';
+import { f as getModalAnimation, t as translate, s as showModal, w as isWeb, x as debounce, y as querySelectorDeep$1, m as isNativeMobile, S as ScreenOrientation, z as findParent, A as isIphoneX, o as isIpadPro, q as isTablet, l as isFullScreenFalse, B as isIOS, n as isAndroid, D as setAnimation, E as animations, e as getCssColor, F as startOf, G as isDateBefore, H as dateDiffInCalendarDays, I as isDateAfter, J as getAsyncExtraData, K as isNativeFilePath, L as cleanupWKWebViewFilePath, v as Cloudinary, M as getProtocol, C as CloudinaryGradientLayer } from './overlays-e56a323d.js';
+import { Y as YOOBICON_ENTITIES_MAP } from './index-9d649af6.js';
 import { g as get } from './lodash-2317d9a5.js';
 
 function getDefaultModalAnimation() {