@yoobic/yobi 7.7.80 → 7.7.81

package/dist/cjs/{grid-renderers-5830bf4a.js → grid-renderers-f5edc87d.js}

@@ -184,11 +184,15 @@ function booleanRenderer(params) {
   return '';
 }
 function translateRenderer(params) {
+  var _a;
   const value = params.value;
   if (value && value.toUpperCase) {
     return rrule.translateMulti(value.toUpperCase());
   }
-  return value;
+  else if ((value === null || value === void 0 ? void 0 : value.value) && ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase)) {
+    return rrule.translateMulti(value.value.toUpperCase());
+  }
+  return '';
 }
 function keyTranslateRenderer(params) {
   const value = params.value;

package/dist/cjs/yoo-action-sheet-controller_15.cjs.entry.js

@@ -28,7 +28,7 @@ const isString = require('./isString-ecd0cbf4.js');
 const _createAggregator = require('./_createAggregator-c627b114.js');
 const get = require('./get-91c14783.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
-const gridRenderers = require('./grid-renderers-5830bf4a.js');
+const gridRenderers = require('./grid-renderers-f5edc87d.js');
 const localForage = require('./localForage-82b6f557.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
 require('./isUndefined-8f9cfd10.js');

package/dist/cjs/yoo-ag-grid_96.cjs.entry.js

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const ResizeObserver_es = require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const gridRenderers = require('./grid-renderers-5830bf4a.js');
+const gridRenderers = require('./grid-renderers-f5edc87d.js');
 const identity$4 = require('./identity-8189b2e1.js');
 const isNumber$1 = require('./isNumber-4c1ace60.js');
 const formHelpers = require('./form-helpers-0b6c3054.js');

package/dist/cjs/yoo-card-list-image_12.cjs.entry.js

@@ -16,7 +16,7 @@ const get = require('./get-91c14783.js');
 const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
 const imageHelpers = require('./image-helpers-ea15b526.js');
-const gridRenderers = require('./grid-renderers-5830bf4a.js');
+const gridRenderers = require('./grid-renderers-f5edc87d.js');
 const debounce = require('./debounce-fda84c7b.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const assign = require('./assign-bc4598ad.js');

package/dist/cjs/yoo-chat-message_3.cjs.entry.js

@@ -97,6 +97,12 @@ const YooChatMessageComponent = class {
     var _a, _b;
     return ((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage) !== null && ((_b = this.message) === null || _b === void 0 ? void 0 : _b.replyMessage) !== undefined;
   }
+  get notificationAvatarUser() {
+    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
+      return this.message.options.notificationParams.notificationAvatar;
+    }
+    return null;
+  }
   componentWillLoad() {
     if (rrule.isNullOrUndefined(this.imageWidthRatio)) {
       this.imageWidthRatio = rrule.isWeb(this.host) ? 0.35 : 0.75;
@@ -185,12 +191,6 @@ const YooChatMessageComponent = class {
   onHasMentions() {
     return this.message && this.message.mentions && this.message.mentions.length > 0;
   }
-  get notificationAvatarUser() {
-    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
-      return this.message.options.notificationParams.notificationAvatar;
-    }
-    return null;
-  }
   canDeleteMessage() {
     var _a, _b;
     return ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.author) === null || _b === void 0 ? void 0 : _b._id) === rrule.getSession().userId || this.forceDelete;

package/dist/cjs/yoo-chat.cjs.entry.js

@@ -87,6 +87,7 @@ const YooChatComponent = class {
   onInputFocused() {
     this.inputFocused = true;
     this.scrollBottomOnKeyboradShown = true;
+    this.oldestMostRecentMessageElement = null;
   }
   onMediaLoading(event) {
     this.showLoader = event === null || event === void 0 ? void 0 : event.detail;
@@ -254,7 +255,7 @@ const YooChatComponent = class {
     }
   }
   componentDidUpdate() {
-    this.oldestMostRecentMessageElement ? this.refreshMessages() : this.initChat();
+    this.oldestMostRecentMessageElement ? this.initMessages() : this.initChat();
     // re-render will remove video player, need to re-create the player
     if (!rrule.isNativeMobile() &&
       this.broadcastParams &&
@@ -304,23 +305,13 @@ const YooChatComponent = class {
       rrule.getAsyncExtraData({ type: 'user-detail', params: { user: this.users[0] } });
     }
   }
-  refreshMessages() {
-    this.initMessages();
-  }
   async initMessages() {
+    var _a;
     const messages = (this.messageElements || []).reverse();
-    await Promise.all(messages.map((el) => {
-      return (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true);
-    }));
-    const element = this.messageElements.find((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.message) === null || _a === void 0 ? void 0 : _a.timetoken) === this.oldestMostRecentMessageElement; });
-    if (element) {
-      rrule.gsapTo(this.scroll, 0, { scrollTo: { y: element, offsetY: 10 } }).then(() => {
-        this.oldestMostRecentMessageElement = null;
-      });
-    }
-    for (const el of messages) {
-      await (el === null || el === void 0 ? void 0 : el.renderContent());
-    }
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true)));
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.renderContent()) || Promise.resolve(true)));
+    (_a = this.oldestMostRecentMessageElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    this.scrollLocker = false;
   }
   onChatFocused() {
     this.chatFocused.emit(true);
@@ -339,8 +330,7 @@ const YooChatComponent = class {
   }
   onPullToRefresh() {
     var _a, _b;
-    const cleanElements = this.messageElements.filter((item) => item);
-    this.oldestMostRecentMessageElement = (_b = (_a = cleanElements[0]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.timetoken;
+    this.oldestMostRecentMessageElement = (_b = (_a = this.messageElements) === null || _a === void 0 ? void 0 : _a.filter(m => { var _a, _b; return m.message.timetoken === ((_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.timetoken); })) === null || _b === void 0 ? void 0 : _b[0];
     this.loadMoreClicked.emit(true);
   }
   onCloseDeleteMode() {
@@ -396,7 +386,8 @@ const YooChatComponent = class {
   async onIonScroll(ev) {
     var _a, _b, _c;
     const scrollTopPosition = rrule.isFinite((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.scrollTop) && ev.detail.scrollTop;
-    if (scrollTopPosition <= 2 && !this.disableLoadMore && rrule.isWeb(this.host)) {
+    if (!this.scrollLocker && scrollTopPosition <= 2 && !this.disableLoadMore && rrule.isWeb(this.host)) {
+      this.scrollLocker = true;
       this.onPullToRefresh();
     }
     if (this.broadcastMode) {
@@ -504,13 +495,13 @@ const YooChatComponent = class {
   }
   renderChatMessages() {
     return this.messages.map((m, index$1) => {
-      var _a, _b;
+      var _a, _b, _c;
       if (m === null || m === void 0 ? void 0 : m.deleted) {
         return;
       }
       return (index.h("yoo-chat-message", { onConferenceMessageClicked: (ev) => {
           this.conferenceMessageClicked.emit(ev.detail);
-        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: m.chatId, key: m.chatId, hasOptions: rrule.isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index$1), isFirst: this.getFirstMessage(index$1), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index$1), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_a = this.otherIds) === null || _a === void 0 ? void 0 : _a.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
+        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: (_a = m.timetoken) === null || _a === void 0 ? void 0 : _a.toString(), key: m.timetoken, hasOptions: rrule.isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index$1), isFirst: this.getFirstMessage(index$1), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index$1), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_b = this.otherIds) === null || _b === void 0 ? void 0 : _b.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
     });
   }
   renderBroadcastActions(action) {

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

@@ -37,6 +37,7 @@ export class YooChatComponent {
   onInputFocused() {
     this.inputFocused = true;
     this.scrollBottomOnKeyboradShown = true;
+    this.oldestMostRecentMessageElement = null;
   }
   onMediaLoading(event) {
     this.showLoader = event === null || event === void 0 ? void 0 : event.detail;
@@ -204,7 +205,7 @@ export class YooChatComponent {
     }
   }
   componentDidUpdate() {
-    this.oldestMostRecentMessageElement ? this.refreshMessages() : this.initChat();
+    this.oldestMostRecentMessageElement ? this.initMessages() : this.initChat();
     // re-render will remove video player, need to re-create the player
     if (!isNativeMobile() &&
       this.broadcastParams &&
@@ -254,23 +255,13 @@ export class YooChatComponent {
       getAsyncExtraData({ type: 'user-detail', params: { user: this.users[0] } });
     }
   }
-  refreshMessages() {
-    this.initMessages();
-  }
   async initMessages() {
+    var _a;
     const messages = (this.messageElements || []).reverse();
-    await Promise.all(messages.map((el) => {
-      return (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true);
-    }));
-    const element = this.messageElements.find((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.message) === null || _a === void 0 ? void 0 : _a.timetoken) === this.oldestMostRecentMessageElement; });
-    if (element) {
-      gsapTo(this.scroll, 0, { scrollTo: { y: element, offsetY: 10 } }).then(() => {
-        this.oldestMostRecentMessageElement = null;
-      });
-    }
-    for (const el of messages) {
-      await (el === null || el === void 0 ? void 0 : el.renderContent());
-    }
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true)));
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.renderContent()) || Promise.resolve(true)));
+    (_a = this.oldestMostRecentMessageElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    this.scrollLocker = false;
   }
   onChatFocused() {
     this.chatFocused.emit(true);
@@ -289,8 +280,7 @@ export class YooChatComponent {
   }
   onPullToRefresh() {
     var _a, _b;
-    const cleanElements = this.messageElements.filter((item) => item);
-    this.oldestMostRecentMessageElement = (_b = (_a = cleanElements[0]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.timetoken;
+    this.oldestMostRecentMessageElement = (_b = (_a = this.messageElements) === null || _a === void 0 ? void 0 : _a.filter(m => { var _a, _b; return m.message.timetoken === ((_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.timetoken); })) === null || _b === void 0 ? void 0 : _b[0];
     this.loadMoreClicked.emit(true);
   }
   onCloseDeleteMode() {
@@ -346,7 +336,8 @@ export class YooChatComponent {
   async onIonScroll(ev) {
     var _a, _b, _c;
     const scrollTopPosition = isFinite((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.scrollTop) && ev.detail.scrollTop;
-    if (scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
+    if (!this.scrollLocker && scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
+      this.scrollLocker = true;
       this.onPullToRefresh();
     }
     if (this.broadcastMode) {
@@ -494,13 +485,13 @@ export class YooChatComponent {
   }
   renderChatMessages() {
     return this.messages.map((m, index) => {
-      var _a, _b;
+      var _a, _b, _c;
       if (m === null || m === void 0 ? void 0 : m.deleted) {
         return;
       }
       return (h("yoo-chat-message", { onConferenceMessageClicked: (ev) => {
           this.conferenceMessageClicked.emit(ev.detail);
-        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: m.chatId, key: m.chatId, hasOptions: isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_a = this.otherIds) === null || _a === void 0 ? void 0 : _a.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
+        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: (_a = m.timetoken) === null || _a === void 0 ? void 0 : _a.toString(), key: m.timetoken, hasOptions: isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_b = this.otherIds) === null || _b === void 0 ? void 0 : _b.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
     });
   }
   renderBroadcastActions(action) {

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

@@ -53,6 +53,12 @@ export class YooChatMessageComponent {
     var _a, _b;
     return ((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage) !== null && ((_b = this.message) === null || _b === void 0 ? void 0 : _b.replyMessage) !== undefined;
   }
+  get notificationAvatarUser() {
+    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
+      return this.message.options.notificationParams.notificationAvatar;
+    }
+    return null;
+  }
   componentWillLoad() {
     if (isNullOrUndefined(this.imageWidthRatio)) {
       this.imageWidthRatio = isWeb(this.host) ? 0.35 : 0.75;
@@ -141,12 +147,6 @@ export class YooChatMessageComponent {
   onHasMentions() {
     return this.message && this.message.mentions && this.message.mentions.length > 0;
   }
-  get notificationAvatarUser() {
-    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
-      return this.message.options.notificationParams.notificationAvatar;
-    }
-    return null;
-  }
   canDeleteMessage() {
     var _a, _b;
     return ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.author) === null || _b === void 0 ? void 0 : _b._id) === getSession().userId || this.forceDelete;

package/dist/collection/components/grid/ag-grid/grid-renderers.js

@@ -167,11 +167,15 @@ function booleanRenderer(params) {
   return '';
 }
 function translateRenderer(params) {
+  var _a;
   const value = params.value;
   if (value && value.toUpperCase) {
     return translateMulti(value.toUpperCase());
   }
-  return value;
+  else if ((value === null || value === void 0 ? void 0 : value.value) && ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase)) {
+    return translateMulti(value.value.toUpperCase());
+  }
+  return '';
 }
 function keyTranslateRenderer(params) {
   const value = params.value;