@yoobic/yobi 7.7.79 → 7.7.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/dist/cjs/{draggable-dots-helpers-7b039be2.js → draggable-dots-helpers-9650a4b7.js} +1 -1
  2. package/dist/cjs/{entities-helpers-f38b1b38.js → entities-helpers-c6ed72dc.js} +1 -1
  3. package/dist/cjs/{grid-renderers-5830bf4a.js → grid-renderers-f5edc87d.js} +5 -1
  4. package/dist/cjs/{image-helpers-9a455e5c.js → image-helpers-ea15b526.js} +1 -1
  5. package/dist/cjs/{index-8f834b3c.js → index-4e7dd1d7.js} +1 -1
  6. package/dist/cjs/{index-5d6b2f8d.js → index-a81f813c.js} +1 -1
  7. package/dist/cjs/{index-203cb7c1.js → index-e2b47ee9.js} +1 -1
  8. package/dist/cjs/index.cjs.js +4 -4
  9. package/dist/cjs/yoo-action-sheet-controller_15.cjs.entry.js +24 -23
  10. package/dist/cjs/yoo-ag-grid_96.cjs.entry.js +5 -5
  11. package/dist/cjs/yoo-audio-recorder-dialog.cjs.entry.js +1 -1
  12. package/dist/cjs/yoo-avatar_5.cjs.entry.js +2 -2
  13. package/dist/cjs/yoo-camera-preview-dialog_7.cjs.entry.js +1 -1
  14. package/dist/cjs/yoo-card-header.cjs.entry.js +2 -2
  15. package/dist/cjs/yoo-card-list-image_12.cjs.entry.js +4 -4
  16. package/dist/cjs/yoo-chat-message_3.cjs.entry.js +8 -8
  17. package/dist/cjs/yoo-chat.cjs.entry.js +14 -23
  18. package/dist/cjs/yoo-detail-bar.cjs.entry.js +2 -2
  19. package/dist/cjs/yoo-feed-detail.cjs.entry.js +1 -1
  20. package/dist/cjs/yoo-form-choice_4.cjs.entry.js +2 -2
  21. package/dist/cjs/yoo-form-conditions.cjs.entry.js +1 -1
  22. package/dist/cjs/yoo-form-connect.cjs.entry.js +1 -1
  23. package/dist/cjs/yoo-form-creator-block-expandable.cjs.entry.js +2 -2
  24. package/dist/cjs/yoo-form-creator-block-simple_4.cjs.entry.js +3 -3
  25. package/dist/cjs/yoo-form-creator-card_2.cjs.entry.js +2 -2
  26. package/dist/cjs/yoo-form-creator-field-selector_8.cjs.entry.js +2 -2
  27. package/dist/cjs/yoo-form-creator-translate-dialog.cjs.entry.js +2 -2
  28. package/dist/cjs/yoo-form-creator.cjs.entry.js +2 -2
  29. package/dist/cjs/yoo-form-image-tagging-creator.cjs.entry.js +2 -2
  30. package/dist/cjs/yoo-form-incentive-targets.cjs.entry.js +1 -1
  31. package/dist/cjs/yoo-form-multi-input.cjs.entry.js +1 -1
  32. package/dist/cjs/yoo-form-reorder.cjs.entry.js +1 -1
  33. package/dist/cjs/yoo-form-stripe-card.cjs.entry.js +1 -1
  34. package/dist/cjs/yoo-form-swipe-cards.cjs.entry.js +1 -1
  35. package/dist/cjs/yoo-form-text-editor.cjs.entry.js +2 -2
  36. package/dist/cjs/yoo-form-uploader.cjs.entry.js +1 -1
  37. package/dist/cjs/yoo-input-bar.cjs.entry.js +2 -2
  38. package/dist/cjs/yoo-location-heading.cjs.entry.js +1 -1
  39. package/dist/cjs/yoo-podium.cjs.entry.js +2 -2
  40. package/dist/cjs/yoo-profile-summary.cjs.entry.js +1 -1
  41. package/dist/cjs/yoo-slides-media.cjs.entry.js +2 -2
  42. package/dist/cjs/yoo-user-profile.cjs.entry.js +2 -2
  43. package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js +1 -1
  44. package/dist/cjs/yoo-walkthrough.cjs.entry.js +2 -2
  45. package/dist/collection/components/core/chat/chat.js +12 -21
  46. package/dist/collection/components/core/chat-message/chat-message.js +6 -6
  47. package/dist/collection/components/entities/card-list/card-list.js +1 -1
  48. package/dist/collection/components/entities/entity/entity.js +19 -18
  49. package/dist/collection/components/form/form-autocomplete/form-autocomplete.css +2 -1
  50. package/dist/collection/components/form/form-autocomplete/form-autocomplete.js +1 -1
  51. package/dist/collection/components/form/form-carousel/form-carousel.js +1 -1
  52. package/dist/collection/components/grid/ag-grid/grid-renderers.js +5 -1
  53. package/dist/design-system/design-system.esm.js +1 -1
  54. package/dist/design-system/index.esm.js +1 -1
  55. package/dist/design-system/{p-e4481945.entry.js → p-09c9cf30.entry.js} +2 -2
  56. package/dist/design-system/{p-49d34fa0.entry.js → p-0e9e24dc.entry.js} +1 -1
  57. package/dist/design-system/{p-87d146a4.entry.js → p-1fbf2bdc.entry.js} +1 -1
  58. package/dist/design-system/{p-88639e39.entry.js → p-23ad22ef.entry.js} +1 -1
  59. package/dist/design-system/p-27145597.entry.js +1 -0
  60. package/dist/design-system/{p-0195a944.entry.js → p-28b6f2af.entry.js} +1 -1
  61. package/dist/design-system/{p-931c8de0.entry.js → p-2a056ca7.entry.js} +1 -1
  62. package/dist/design-system/{p-c61d0b98.entry.js → p-2c1dff83.entry.js} +1 -1
  63. package/dist/design-system/{p-a1e6e5c2.entry.js → p-2d6b451c.entry.js} +1 -1
  64. package/dist/design-system/{p-f7afffac.entry.js → p-2ede5c0e.entry.js} +1 -1
  65. package/dist/design-system/{p-0bb29465.entry.js → p-32603f55.entry.js} +1 -1
  66. package/dist/design-system/{p-8c63a863.entry.js → p-34e0ec13.entry.js} +1 -1
  67. package/dist/design-system/p-41bd35bc.entry.js +1 -0
  68. package/dist/design-system/{p-19ced087.entry.js → p-466a2e4b.entry.js} +1 -1
  69. package/dist/design-system/{p-efd4983d.js → p-486e9464.js} +1 -1
  70. package/dist/design-system/{p-874c9807.entry.js → p-4e181258.entry.js} +1 -1
  71. package/dist/design-system/p-4ea7e509.js +1 -0
  72. package/dist/design-system/{p-cccb3658.entry.js → p-4f7b5084.entry.js} +1 -1
  73. package/dist/design-system/p-508eaccb.entry.js +1 -0
  74. package/dist/design-system/p-52b2bcbf.js +1 -0
  75. package/dist/design-system/{p-e954f42f.entry.js → p-5d9b02a3.entry.js} +1 -1
  76. package/dist/design-system/{p-3c525d77.entry.js → p-6470e707.entry.js} +1 -1
  77. package/dist/design-system/{p-dcdf128d.entry.js → p-6a6283bb.entry.js} +1 -1
  78. package/dist/design-system/{p-f4eb8b04.entry.js → p-71ce140b.entry.js} +1 -1
  79. package/dist/design-system/{p-b4bf0927.entry.js → p-78e069f3.entry.js} +1 -1
  80. package/dist/design-system/{p-ea80408e.entry.js → p-79fea067.entry.js} +1 -1
  81. package/dist/design-system/{p-0e502a87.entry.js → p-83aa89ad.entry.js} +1 -1
  82. package/dist/design-system/{p-5d67f58e.entry.js → p-85307152.entry.js} +1 -1
  83. package/dist/design-system/{p-9f170821.entry.js → p-8bf049b5.entry.js} +1 -1
  84. package/dist/design-system/{p-ff385bd5.entry.js → p-af4cfea4.entry.js} +1 -1
  85. package/dist/design-system/{p-19fa14b3.entry.js → p-bab8cef4.entry.js} +1 -1
  86. package/dist/design-system/{p-77376751.entry.js → p-cb9c30a3.entry.js} +1 -1
  87. package/dist/design-system/{p-c60e5af0.entry.js → p-cc4aeee9.entry.js} +1 -1
  88. package/dist/design-system/{p-a70e359c.entry.js → p-d51ee577.entry.js} +1 -1
  89. package/dist/design-system/{p-7d62f3fe.entry.js → p-db225b69.entry.js} +1 -1
  90. package/dist/design-system/p-db36fb06.js +1 -0
  91. package/dist/design-system/{p-15fd070c.js → p-e37ba040.js} +1 -1
  92. package/dist/design-system/{p-4b5b0147.entry.js → p-e70980f6.entry.js} +1 -1
  93. package/dist/design-system/{p-d54fe233.entry.js → p-e8327344.entry.js} +1 -1
  94. package/dist/design-system/{p-fd870eb7.js → p-e9993e20.js} +1 -1
  95. package/dist/design-system/{p-52f6ebf1.entry.js → p-ea46fc83.entry.js} +1 -1
  96. package/dist/design-system/{p-263c9bdb.js → p-ef754e66.js} +1 -1
  97. package/dist/design-system/{p-f7b10ee1.entry.js → p-f0c01c22.entry.js} +1 -1
  98. package/dist/esm/{draggable-dots-helpers-c77468b6.js → draggable-dots-helpers-64c79f38.js} +1 -1
  99. package/dist/esm/{entities-helpers-5ef12ad3.js → entities-helpers-2876d199.js} +1 -1
  100. package/dist/esm/{grid-renderers-ad52eacd.js → grid-renderers-1dd42472.js} +5 -1
  101. package/dist/esm/{image-helpers-6373847f.js → image-helpers-6b281c05.js} +1 -1
  102. package/dist/esm/{index-f25c3fe6.js → index-6f7890f4.js} +1 -1
  103. package/dist/esm/{index-b1a3fcc3.js → index-7a08441e.js} +1 -1
  104. package/dist/esm/{index-6499210c.js → index-b45a2bdf.js} +1 -1
  105. package/dist/esm/index.js +4 -4
  106. package/dist/esm/yoo-action-sheet-controller_15.entry.js +24 -23
  107. package/dist/esm/yoo-ag-grid_96.entry.js +5 -5
  108. package/dist/esm/yoo-audio-recorder-dialog.entry.js +1 -1
  109. package/dist/esm/yoo-avatar_5.entry.js +2 -2
  110. package/dist/esm/yoo-camera-preview-dialog_7.entry.js +1 -1
  111. package/dist/esm/yoo-card-header.entry.js +2 -2
  112. package/dist/esm/yoo-card-list-image_12.entry.js +4 -4
  113. package/dist/esm/yoo-chat-message_3.entry.js +8 -8
  114. package/dist/esm/yoo-chat.entry.js +14 -23
  115. package/dist/esm/yoo-detail-bar.entry.js +2 -2
  116. package/dist/esm/yoo-feed-detail.entry.js +1 -1
  117. package/dist/esm/yoo-form-choice_4.entry.js +2 -2
  118. package/dist/esm/yoo-form-conditions.entry.js +1 -1
  119. package/dist/esm/yoo-form-connect.entry.js +1 -1
  120. package/dist/esm/yoo-form-creator-block-expandable.entry.js +2 -2
  121. package/dist/esm/yoo-form-creator-block-simple_4.entry.js +3 -3
  122. package/dist/esm/yoo-form-creator-card_2.entry.js +2 -2
  123. package/dist/esm/yoo-form-creator-field-selector_8.entry.js +2 -2
  124. package/dist/esm/yoo-form-creator-translate-dialog.entry.js +2 -2
  125. package/dist/esm/yoo-form-creator.entry.js +2 -2
  126. package/dist/esm/yoo-form-image-tagging-creator.entry.js +2 -2
  127. package/dist/esm/yoo-form-incentive-targets.entry.js +1 -1
  128. package/dist/esm/yoo-form-multi-input.entry.js +1 -1
  129. package/dist/esm/yoo-form-reorder.entry.js +1 -1
  130. package/dist/esm/yoo-form-stripe-card.entry.js +1 -1
  131. package/dist/esm/yoo-form-swipe-cards.entry.js +1 -1
  132. package/dist/esm/yoo-form-text-editor.entry.js +2 -2
  133. package/dist/esm/yoo-form-uploader.entry.js +1 -1
  134. package/dist/esm/yoo-input-bar.entry.js +2 -2
  135. package/dist/esm/yoo-location-heading.entry.js +1 -1
  136. package/dist/esm/yoo-podium.entry.js +2 -2
  137. package/dist/esm/yoo-profile-summary.entry.js +1 -1
  138. package/dist/esm/yoo-slides-media.entry.js +2 -2
  139. package/dist/esm/yoo-user-profile.entry.js +2 -2
  140. package/dist/esm/yoo-videoplayer-videojs.entry.js +1 -1
  141. package/dist/esm/yoo-walkthrough.entry.js +2 -2
  142. package/dist/types/components/core/chat/chat.d.ts +1 -1
  143. package/dist/types/components/core/chat-message/chat-message.d.ts +1 -1
  144. package/dist/types/interfaces/ui/card.interface.d.ts +1 -0
  145. package/package.json +1 -1
  146. package/dist/design-system/p-4fcf3997.entry.js +0 -1
  147. package/dist/design-system/p-7f8ddb27.js +0 -1
  148. package/dist/design-system/p-81ceff81.js +0 -1
  149. package/dist/design-system/p-b14fa2a4.entry.js +0 -1
  150. package/dist/design-system/p-de635023.entry.js +0 -1
  151. package/dist/design-system/p-ee75ca05.js +0 -1
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const inputBar_interface = require('./input-bar.interface-b96b7107.js');
7
7
  const rrule = require('./rrule-f8e7fec2.js');
8
- const index$1 = require('./index-5d6b2f8d.js');
8
+ const index$1 = require('./index-a81f813c.js');
9
9
  const document = require('./document-b4cc3315.js');
10
10
  const entitiesHelpers = require('./entities-helpers-e377d30b.js');
11
11
  const pipe = require('./pipe-9c0f36df.js');
@@ -13,7 +13,7 @@ const urlHelpers = require('./url-helpers-a53b3ff9.js');
13
13
  require('./ResizeObserver.es-2edf4ecd.js');
14
14
  const commonHelpers = require('./common-helpers-797be2a6.js');
15
15
  const debounce = require('./debounce-fda84c7b.js');
16
- require('./index-203cb7c1.js');
16
+ require('./index-e2b47ee9.js');
17
17
  require('./validate-f2c2f205.js');
18
18
  require('./isString-ecd0cbf4.js');
19
19
  require('./toInteger-31800ffe.js');
@@ -97,6 +97,12 @@ const YooChatMessageComponent = class {
97
97
  var _a, _b;
98
98
  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;
99
99
  }
100
+ get notificationAvatarUser() {
101
+ if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
102
+ return this.message.options.notificationParams.notificationAvatar;
103
+ }
104
+ return null;
105
+ }
100
106
  componentWillLoad() {
101
107
  if (rrule.isNullOrUndefined(this.imageWidthRatio)) {
102
108
  this.imageWidthRatio = rrule.isWeb(this.host) ? 0.35 : 0.75;
@@ -185,12 +191,6 @@ const YooChatMessageComponent = class {
185
191
  onHasMentions() {
186
192
  return this.message && this.message.mentions && this.message.mentions.length > 0;
187
193
  }
188
- get notificationAvatarUser() {
189
- if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
190
- return this.message.options.notificationParams.notificationAvatar;
191
- }
192
- return null;
193
- }
194
194
  canDeleteMessage() {
195
195
  var _a, _b;
196
196
  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;
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const inputBar_interface = require('./input-bar.interface-b96b7107.js');
7
7
  const rrule = require('./rrule-f8e7fec2.js');
8
- const index$1 = require('./index-5d6b2f8d.js');
9
- const index$2 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-a81f813c.js');
9
+ const index$2 = require('./index-e2b47ee9.js');
10
10
  const entitiesHelpers = require('./entities-helpers-e377d30b.js');
11
11
  require('./ResizeObserver.es-2edf4ecd.js');
12
12
  const chatHelpers = require('./chat-helpers-a8248ccc.js');
@@ -87,6 +87,7 @@ const YooChatComponent = class {
87
87
  onInputFocused() {
88
88
  this.inputFocused = true;
89
89
  this.scrollBottomOnKeyboradShown = true;
90
+ this.oldestMostRecentMessageElement = null;
90
91
  }
91
92
  onMediaLoading(event) {
92
93
  this.showLoader = event === null || event === void 0 ? void 0 : event.detail;
@@ -254,7 +255,7 @@ const YooChatComponent = class {
254
255
  }
255
256
  }
256
257
  componentDidUpdate() {
257
- this.oldestMostRecentMessageElement ? this.refreshMessages() : this.initChat();
258
+ this.oldestMostRecentMessageElement ? this.initMessages() : this.initChat();
258
259
  // re-render will remove video player, need to re-create the player
259
260
  if (!rrule.isNativeMobile() &&
260
261
  this.broadcastParams &&
@@ -304,23 +305,13 @@ const YooChatComponent = class {
304
305
  rrule.getAsyncExtraData({ type: 'user-detail', params: { user: this.users[0] } });
305
306
  }
306
307
  }
307
- refreshMessages() {
308
- this.initMessages();
309
- }
310
308
  async initMessages() {
309
+ var _a;
311
310
  const messages = (this.messageElements || []).reverse();
312
- await Promise.all(messages.map((el) => {
313
- return (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true);
314
- }));
315
- 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; });
316
- if (element) {
317
- rrule.gsapTo(this.scroll, 0, { scrollTo: { y: element, offsetY: 10 } }).then(() => {
318
- this.oldestMostRecentMessageElement = null;
319
- });
320
- }
321
- for (const el of messages) {
322
- await (el === null || el === void 0 ? void 0 : el.renderContent());
323
- }
311
+ await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true)));
312
+ await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.renderContent()) || Promise.resolve(true)));
313
+ (_a = this.oldestMostRecentMessageElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
314
+ this.scrollLocker = false;
324
315
  }
325
316
  onChatFocused() {
326
317
  this.chatFocused.emit(true);
@@ -339,8 +330,7 @@ const YooChatComponent = class {
339
330
  }
340
331
  onPullToRefresh() {
341
332
  var _a, _b;
342
- const cleanElements = this.messageElements.filter((item) => item);
343
- this.oldestMostRecentMessageElement = (_b = (_a = cleanElements[0]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.timetoken;
333
+ 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];
344
334
  this.loadMoreClicked.emit(true);
345
335
  }
346
336
  onCloseDeleteMode() {
@@ -396,7 +386,8 @@ const YooChatComponent = class {
396
386
  async onIonScroll(ev) {
397
387
  var _a, _b, _c;
398
388
  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;
399
- if (scrollTopPosition <= 2 && !this.disableLoadMore && rrule.isWeb(this.host)) {
389
+ if (!this.scrollLocker && scrollTopPosition <= 2 && !this.disableLoadMore && rrule.isWeb(this.host)) {
390
+ this.scrollLocker = true;
400
391
  this.onPullToRefresh();
401
392
  }
402
393
  if (this.broadcastMode) {
@@ -504,13 +495,13 @@ const YooChatComponent = class {
504
495
  }
505
496
  renderChatMessages() {
506
497
  return this.messages.map((m, index$1) => {
507
- var _a, _b;
498
+ var _a, _b, _c;
508
499
  if (m === null || m === void 0 ? void 0 : m.deleted) {
509
500
  return;
510
501
  }
511
502
  return (index.h("yoo-chat-message", { onConferenceMessageClicked: (ev) => {
512
503
  this.conferenceMessageClicked.emit(ev.detail);
513
- }, 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 } }) }));
504
+ }, 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 } }) }));
514
505
  });
515
506
  }
516
507
  renderBroadcastActions(action) {
@@ -6,11 +6,11 @@ const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
8
  require('./ResizeObserver.es-2edf4ecd.js');
9
- const entitiesHelpers = require('./entities-helpers-f38b1b38.js');
9
+ const entitiesHelpers = require('./entities-helpers-c6ed72dc.js');
10
10
  const isBoolean = require('./isBoolean-d41e779d.js');
11
11
  require('./isUndefined-8f9cfd10.js');
12
12
  require('./isNumber-4c1ace60.js');
13
- require('./index-203cb7c1.js');
13
+ require('./index-e2b47ee9.js');
14
14
  require('./document-b4cc3315.js');
15
15
  require('./validate-f2c2f205.js');
16
16
  require('./isString-ecd0cbf4.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  const entitiesHelpers = require('./entities-helpers-e377d30b.js');
10
10
  const pipe = require('./pipe-9c0f36df.js');
11
11
  const operationHelpers = require('./operation-helpers-663d97ff.js');
@@ -14,7 +14,7 @@ const shuffle = require('./shuffle-8d86ba89.js');
14
14
  const findIndex = require('./findIndex-cb2c4f23.js');
15
15
  const isString = require('./isString-ecd0cbf4.js');
16
16
  const index$2 = require('./index-7d3c7ee7.js');
17
- const index$1 = require('./index-8f834b3c.js');
17
+ const index$1 = require('./index-4e7dd1d7.js');
18
18
  const boostHelpers = require('./boost-helpers-0fe0ab90.js');
19
19
  const isNumber = require('./isNumber-4c1ace60.js');
20
20
  require('./isUndefined-8f9cfd10.js');
@@ -38,7 +38,7 @@ require('./_copyArray-7cf7f5e7.js');
38
38
  require('./toInteger-31800ffe.js');
39
39
  require('./toFinite-3604340c.js');
40
40
  require('./toNumber-8907f58c.js');
41
- require('./index-203cb7c1.js');
41
+ require('./index-e2b47ee9.js');
42
42
  require('./document-b4cc3315.js');
43
43
  require('./validate-f2c2f205.js');
44
44
  require('./form-creator-helpers-ed0a88b0.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const inputBar_interface = require('./input-bar.interface-b96b7107.js');
7
7
  const rrule = require('./rrule-f8e7fec2.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./document-b4cc3315.js');
10
10
  require('./validate-f2c2f205.js');
11
11
  require('./isString-ecd0cbf4.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const commonHelpers = require('./common-helpers-797be2a6.js');
11
11
  const draggableTagsHelpers = require('./draggable-tags-helpers-a839d713.js');
@@ -7,7 +7,7 @@ const inputBar_interface = require('./input-bar.interface-b96b7107.js');
7
7
  const rrule = require('./rrule-f8e7fec2.js');
8
8
  const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
9
9
  const index$2 = require('./index-77d54324.js');
10
- const index$1 = require('./index-8f834b3c.js');
10
+ const index$1 = require('./index-4e7dd1d7.js');
11
11
  require('./isNumber-4c1ace60.js');
12
12
  require('./isEqual-35c41499.js');
13
13
  require('./_baseIsEqual-ea3c1968.js');
@@ -17,7 +17,7 @@ require('./keys-c78834c2.js');
17
17
  require('./_baseUnary-95e872e2.js');
18
18
  require('./_baseKeys-38051434.js');
19
19
  require('./_getTag-044b275e.js');
20
- require('./index-203cb7c1.js');
20
+ require('./index-e2b47ee9.js');
21
21
  require('./document-b4cc3315.js');
22
22
  require('./validate-f2c2f205.js');
23
23
  require('./isString-ecd0cbf4.js');
@@ -9,14 +9,14 @@ require('./ResizeObserver.es-2edf4ecd.js');
9
9
  const commonHelpers = require('./common-helpers-797be2a6.js');
10
10
  const index$1 = require('./index-f0c2575c.js');
11
11
  const sortable_esm = require('./sortable.esm-71f9713d.js');
12
- const index$2 = require('./index-8f834b3c.js');
12
+ const index$2 = require('./index-4e7dd1d7.js');
13
13
  const entitiesHelpers$1 = require('./entities-helpers-e377d30b.js');
14
- const entitiesHelpers = require('./entities-helpers-f38b1b38.js');
14
+ const entitiesHelpers = require('./entities-helpers-c6ed72dc.js');
15
15
  require('./isUndefined-8f9cfd10.js');
16
16
  require('./isNumber-4c1ace60.js');
17
17
  require('./get-91c14783.js');
18
18
  require('./_baseGet-89e374f5.js');
19
- require('./index-203cb7c1.js');
19
+ require('./index-e2b47ee9.js');
20
20
  require('./document-b4cc3315.js');
21
21
  require('./validate-f2c2f205.js');
22
22
  require('./isString-ecd0cbf4.js');
@@ -6,8 +6,8 @@ const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
8
  const index$2 = require('./index-f0c2575c.js');
9
- const index$1 = require('./index-8f834b3c.js');
10
- require('./index-203cb7c1.js');
9
+ const index$1 = require('./index-4e7dd1d7.js');
10
+ require('./index-e2b47ee9.js');
11
11
  require('./document-b4cc3315.js');
12
12
  require('./validate-f2c2f205.js');
13
13
  require('./isString-ecd0cbf4.js');
@@ -13,7 +13,7 @@ const device_interface = require('./device.interface-44ea5b01.js');
13
13
  const cardVideo_interface = require('./card-video.interface-284b7b92.js');
14
14
  const sortable_esm = require('./sortable.esm-71f9713d.js');
15
15
  const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
16
- const index$2 = require('./index-8f834b3c.js');
16
+ const index$2 = require('./index-4e7dd1d7.js');
17
17
  const isEqual = require('./isEqual-35c41499.js');
18
18
  const remove = require('./remove-41707d5a.js');
19
19
  const index$3 = require('./index-f0c2575c.js');
@@ -31,7 +31,7 @@ require('./isUndefined-8f9cfd10.js');
31
31
  require('./isNumber-4c1ace60.js');
32
32
  require('./get-91c14783.js');
33
33
  require('./_baseGet-89e374f5.js');
34
- require('./index-203cb7c1.js');
34
+ require('./index-e2b47ee9.js');
35
35
  require('./document-b4cc3315.js');
36
36
  require('./validate-f2c2f205.js');
37
37
  require('./isString-ecd0cbf4.js');
@@ -7,7 +7,7 @@ const inputBar_interface = require('./input-bar.interface-b96b7107.js');
7
7
  const rrule = require('./rrule-f8e7fec2.js');
8
8
  const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
9
9
  const stringHelpers = require('./string-helpers-4852718a.js');
10
- const index$1 = require('./index-8f834b3c.js');
10
+ const index$1 = require('./index-4e7dd1d7.js');
11
11
  const cloneDeep = require('./cloneDeep-e00dc6ae.js');
12
12
  const isEmpty = require('./isEmpty-1723db8b.js');
13
13
  const isString = require('./isString-ecd0cbf4.js');
@@ -20,7 +20,7 @@ require('./keys-c78834c2.js');
20
20
  require('./_baseUnary-95e872e2.js');
21
21
  require('./_baseKeys-38051434.js');
22
22
  require('./_getTag-044b275e.js');
23
- require('./index-203cb7c1.js');
23
+ require('./index-e2b47ee9.js');
24
24
  require('./document-b4cc3315.js');
25
25
  require('./validate-f2c2f205.js');
26
26
  require('./form-helpers-71b62854.js');
@@ -6,13 +6,13 @@ const index = require('./index-fd52e687.js');
6
6
  const inputBar_interface = require('./input-bar.interface-b96b7107.js');
7
7
  const cardVideo_interface = require('./card-video.interface-284b7b92.js');
8
8
  const rrule = require('./rrule-f8e7fec2.js');
9
- const index$3 = require('./index-203cb7c1.js');
9
+ const index$3 = require('./index-e2b47ee9.js');
10
10
  const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
11
11
  require('./ResizeObserver.es-2edf4ecd.js');
12
12
  const commonHelpers = require('./common-helpers-797be2a6.js');
13
13
  const sortable_esm = require('./sortable.esm-71f9713d.js');
14
14
  const index$2 = require('./index-77d54324.js');
15
- const index$1 = require('./index-8f834b3c.js');
15
+ const index$1 = require('./index-4e7dd1d7.js');
16
16
  const cloneDeep = require('./cloneDeep-e00dc6ae.js');
17
17
  const orderBy = require('./orderBy-18003c1b.js');
18
18
  require('./document-b4cc3315.js');
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
11
11
  const commonHelpers = require('./common-helpers-797be2a6.js');
12
- const draggableDotsHelpers = require('./draggable-dots-helpers-7b039be2.js');
12
+ const draggableDotsHelpers = require('./draggable-dots-helpers-9650a4b7.js');
13
13
  require('./document-b4cc3315.js');
14
14
  require('./validate-f2c2f205.js');
15
15
  require('./isString-ecd0cbf4.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
11
11
  require('./document-b4cc3315.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const commonHelpers = require('./common-helpers-797be2a6.js');
11
11
  const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const commonHelpers = require('./common-helpers-797be2a6.js');
11
11
  const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
11
11
  require('./document-b4cc3315.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const commonHelpers = require('./common-helpers-797be2a6.js');
11
11
  const draggableTagsHelpers = require('./draggable-tags-helpers-a839d713.js');
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  const entitiesHelpers = require('./entities-helpers-e377d30b.js');
10
10
  const urlHelpers = require('./url-helpers-a53b3ff9.js');
11
11
  require('./ResizeObserver.es-2edf4ecd.js');
12
12
  const commonHelpers = require('./common-helpers-797be2a6.js');
13
- const entitiesHelpers$1 = require('./entities-helpers-f38b1b38.js');
13
+ const entitiesHelpers$1 = require('./entities-helpers-c6ed72dc.js');
14
14
  const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
15
15
  const formTextAreaHelpers = require('./form-text-area-helpers-01944f5d.js');
16
16
  const document$1 = require('./document-b4cc3315.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const inputBar_interface = require('./input-bar.interface-b96b7107.js');
7
7
  const rrule = require('./rrule-f8e7fec2.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const commonHelpers = require('./common-helpers-797be2a6.js');
11
11
  const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
@@ -7,8 +7,8 @@ const ResizeObserver_es = require('./ResizeObserver.es-2edf4ecd.js');
7
7
  const index$3 = require('./index-f947bbf4.js');
8
8
  const inputBar_interface = require('./input-bar.interface-b96b7107.js');
9
9
  const rrule = require('./rrule-f8e7fec2.js');
10
- const index$1 = require('./index-5d6b2f8d.js');
11
- const index$2 = require('./index-203cb7c1.js');
10
+ const index$1 = require('./index-a81f813c.js');
11
+ const index$2 = require('./index-e2b47ee9.js');
12
12
  const entitiesHelpers = require('./entities-helpers-e377d30b.js');
13
13
  const urlHelpers = require('./url-helpers-a53b3ff9.js');
14
14
  const commonHelpers = require('./common-helpers-797be2a6.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  const pipe = require('./pipe-9c0f36df.js');
10
10
  require('./ResizeObserver.es-2edf4ecd.js');
11
11
  const commonHelpers = require('./common-helpers-797be2a6.js');
@@ -7,11 +7,11 @@ const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
8
  require('./ResizeObserver.es-2edf4ecd.js');
9
9
  const commonHelpers = require('./common-helpers-797be2a6.js');
10
- const imageHelpers = require('./image-helpers-9a455e5c.js');
10
+ const imageHelpers = require('./image-helpers-ea15b526.js');
11
11
  const isNumber = require('./isNumber-4c1ace60.js');
12
12
  const get = require('./get-91c14783.js');
13
13
  require('./isUndefined-8f9cfd10.js');
14
- require('./index-203cb7c1.js');
14
+ require('./index-e2b47ee9.js');
15
15
  require('./document-b4cc3315.js');
16
16
  require('./validate-f2c2f205.js');
17
17
  require('./isString-ecd0cbf4.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
- const index$1 = require('./index-203cb7c1.js');
8
+ const index$1 = require('./index-e2b47ee9.js');
9
9
  const entitiesHelpers = require('./entities-helpers-e377d30b.js');
10
10
  require('./ResizeObserver.es-2edf4ecd.js');
11
11
  const commonHelpers = require('./common-helpers-797be2a6.js');
@@ -6,11 +6,11 @@ const index = require('./index-fd52e687.js');
6
6
  const ResizeObserver_es = require('./ResizeObserver.es-2edf4ecd.js');
7
7
  const rrule = require('./rrule-f8e7fec2.js');
8
8
  require('./input-bar.interface-b96b7107.js');
9
- const index$1 = require('./index-203cb7c1.js');
9
+ const index$1 = require('./index-e2b47ee9.js');
10
10
  const entitiesHelpers = require('./entities-helpers-e377d30b.js');
11
11
  const pipe = require('./pipe-9c0f36df.js');
12
12
  const commonHelpers = require('./common-helpers-797be2a6.js');
13
- const entitiesHelpers$1 = require('./entities-helpers-f38b1b38.js');
13
+ const entitiesHelpers$1 = require('./entities-helpers-c6ed72dc.js');
14
14
  const formTextAreaHelpers = require('./form-text-area-helpers-01944f5d.js');
15
15
  const document$1 = require('./document-b4cc3315.js');
16
16
  require('./isUndefined-8f9cfd10.js');
@@ -8,7 +8,7 @@ require('./input-bar.interface-b96b7107.js');
8
8
  const pipe = require('./pipe-9c0f36df.js');
9
9
  require('./ResizeObserver.es-2edf4ecd.js');
10
10
  const commonHelpers = require('./common-helpers-797be2a6.js');
11
- const entitiesHelpers = require('./entities-helpers-f38b1b38.js');
11
+ const entitiesHelpers = require('./entities-helpers-c6ed72dc.js');
12
12
  require('./toInteger-31800ffe.js');
13
13
  require('./toFinite-3604340c.js');
14
14
  require('./toNumber-8907f58c.js');
@@ -28,7 +28,7 @@ require('./get-91c14783.js');
28
28
  require('./identity-8189b2e1.js');
29
29
  require('./_baseEach-1273a673.js');
30
30
  require('./isUndefined-8f9cfd10.js');
31
- require('./index-203cb7c1.js');
31
+ require('./index-e2b47ee9.js');
32
32
  require('./document-b4cc3315.js');
33
33
  require('./validate-f2c2f205.js');
34
34
  require('./isString-ecd0cbf4.js');
@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  const localForage = require('./localForage-82b6f557.js');
8
8
  require('./input-bar.interface-b96b7107.js');
9
- const index$2 = require('./index-203cb7c1.js');
9
+ const index$2 = require('./index-e2b47ee9.js');
10
10
  const pipe = require('./pipe-9c0f36df.js');
11
11
  const videoPlayerHelpers$1 = require('./video-player-helpers-a6d263f8.js');
12
12
  require('./ResizeObserver.es-2edf4ecd.js');
@@ -6,10 +6,10 @@ const index = require('./index-fd52e687.js');
6
6
  const rrule = require('./rrule-f8e7fec2.js');
7
7
  require('./input-bar.interface-b96b7107.js');
8
8
  require('./ResizeObserver.es-2edf4ecd.js');
9
- const imageHelpers = require('./image-helpers-9a455e5c.js');
9
+ const imageHelpers = require('./image-helpers-ea15b526.js');
10
10
  require('./isUndefined-8f9cfd10.js');
11
11
  require('./isNumber-4c1ace60.js');
12
- require('./index-203cb7c1.js');
12
+ require('./index-e2b47ee9.js');
13
13
  require('./document-b4cc3315.js');
14
14
  require('./validate-f2c2f205.js');
15
15
  require('./isString-ecd0cbf4.js');
@@ -37,6 +37,7 @@ export class YooChatComponent {
37
37
  onInputFocused() {
38
38
  this.inputFocused = true;
39
39
  this.scrollBottomOnKeyboradShown = true;
40
+ this.oldestMostRecentMessageElement = null;
40
41
  }
41
42
  onMediaLoading(event) {
42
43
  this.showLoader = event === null || event === void 0 ? void 0 : event.detail;
@@ -204,7 +205,7 @@ export class YooChatComponent {
204
205
  }
205
206
  }
206
207
  componentDidUpdate() {
207
- this.oldestMostRecentMessageElement ? this.refreshMessages() : this.initChat();
208
+ this.oldestMostRecentMessageElement ? this.initMessages() : this.initChat();
208
209
  // re-render will remove video player, need to re-create the player
209
210
  if (!isNativeMobile() &&
210
211
  this.broadcastParams &&
@@ -254,23 +255,13 @@ export class YooChatComponent {
254
255
  getAsyncExtraData({ type: 'user-detail', params: { user: this.users[0] } });
255
256
  }
256
257
  }
257
- refreshMessages() {
258
- this.initMessages();
259
- }
260
258
  async initMessages() {
259
+ var _a;
261
260
  const messages = (this.messageElements || []).reverse();
262
- await Promise.all(messages.map((el) => {
263
- return (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true);
264
- }));
265
- 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; });
266
- if (element) {
267
- gsapTo(this.scroll, 0, { scrollTo: { y: element, offsetY: 10 } }).then(() => {
268
- this.oldestMostRecentMessageElement = null;
269
- });
270
- }
271
- for (const el of messages) {
272
- await (el === null || el === void 0 ? void 0 : el.renderContent());
273
- }
261
+ await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true)));
262
+ await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.renderContent()) || Promise.resolve(true)));
263
+ (_a = this.oldestMostRecentMessageElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
264
+ this.scrollLocker = false;
274
265
  }
275
266
  onChatFocused() {
276
267
  this.chatFocused.emit(true);
@@ -289,8 +280,7 @@ export class YooChatComponent {
289
280
  }
290
281
  onPullToRefresh() {
291
282
  var _a, _b;
292
- const cleanElements = this.messageElements.filter((item) => item);
293
- this.oldestMostRecentMessageElement = (_b = (_a = cleanElements[0]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.timetoken;
283
+ 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];
294
284
  this.loadMoreClicked.emit(true);
295
285
  }
296
286
  onCloseDeleteMode() {
@@ -346,7 +336,8 @@ export class YooChatComponent {
346
336
  async onIonScroll(ev) {
347
337
  var _a, _b, _c;
348
338
  const scrollTopPosition = isFinite((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.scrollTop) && ev.detail.scrollTop;
349
- if (scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
339
+ if (!this.scrollLocker && scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
340
+ this.scrollLocker = true;
350
341
  this.onPullToRefresh();
351
342
  }
352
343
  if (this.broadcastMode) {
@@ -494,13 +485,13 @@ export class YooChatComponent {
494
485
  }
495
486
  renderChatMessages() {
496
487
  return this.messages.map((m, index) => {
497
- var _a, _b;
488
+ var _a, _b, _c;
498
489
  if (m === null || m === void 0 ? void 0 : m.deleted) {
499
490
  return;
500
491
  }
501
492
  return (h("yoo-chat-message", { onConferenceMessageClicked: (ev) => {
502
493
  this.conferenceMessageClicked.emit(ev.detail);
503
- }, 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 } }) }));
494
+ }, 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 } }) }));
504
495
  });
505
496
  }
506
497
  renderBroadcastActions(action) {
@@ -53,6 +53,12 @@ export class YooChatMessageComponent {
53
53
  var _a, _b;
54
54
  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;
55
55
  }
56
+ get notificationAvatarUser() {
57
+ if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
58
+ return this.message.options.notificationParams.notificationAvatar;
59
+ }
60
+ return null;
61
+ }
56
62
  componentWillLoad() {
57
63
  if (isNullOrUndefined(this.imageWidthRatio)) {
58
64
  this.imageWidthRatio = isWeb(this.host) ? 0.35 : 0.75;
@@ -141,12 +147,6 @@ export class YooChatMessageComponent {
141
147
  onHasMentions() {
142
148
  return this.message && this.message.mentions && this.message.mentions.length > 0;
143
149
  }
144
- get notificationAvatarUser() {
145
- if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
146
- return this.message.options.notificationParams.notificationAvatar;
147
- }
148
- return null;
149
- }
150
150
  canDeleteMessage() {
151
151
  var _a, _b;
152
152
  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;