@yoobic/yobi 8.7.48 → 8.7.50

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

@@ -66,7 +66,11 @@ export class YooGridCalendarComponent {
   async today() {
     var _a;
     (_a = this.calendar) === null || _a === void 0 ? void 0 : _a.today();
+    this.leftSelectedDate = new Date();
     this.syncSecondaryCalendars();
+    setTimeout(() => {
+      this.scrollToClosesDateInListMonth();
+    }, 500);
   }
   async next() {
     var _a, _b, _c;
@@ -201,6 +205,40 @@ export class YooGridCalendarComponent {
         return currentLangage;
     }
   }
+  findClosestDate(targetDateStr, dateArray) {
+    // Convert the target date string to a Date object
+    const targetDate = new Date(targetDateStr);
+    // Initialize the closest date and its difference from the target
+    let closestDate = null;
+    let minimumDifference = Infinity;
+    // Iterate over each date in the array
+    dateArray.forEach((dateStr, index) => {
+      const date = new Date(dateStr);
+      const difference = Math.abs(date.valueOf() - targetDate.valueOf());
+      // Update the closest date if this date is closer
+      if (difference < minimumDifference) {
+        minimumDifference = difference;
+        closestDate = index;
+      }
+    });
+    return closestDate;
+  }
+  scrollToClosesDateInListMonth() {
+    if (this.leftSelectedDate) {
+      const scroller = this.host.querySelector('.swiper-slide-active .fc-scroller');
+      const date = dateFormat(this.leftSelectedDate, 'YYYY-MM-DD');
+      const daysEl = Array.from(scroller.querySelectorAll('.fc-list-day'));
+      let dayEl = daysEl.find((d) => d.getAttribute('data-date') === date);
+      if (!dayEl) {
+        const closedIndex = this.findClosestDate(date, daysEl.map(d => d.getAttribute('data-date')));
+        dayEl = daysEl[closedIndex];
+      }
+      if (dayEl) {
+        const scrollTarget = dayEl.offsetTop - scroller.offsetTop;
+        scroller.scrollTo({ top: scrollTarget });
+      }
+    }
+  }
   async renderCalendar() {
     if (!this.calendar) {
       getAsyncExtraData({ type: 'fullcalendar' }).then((ret) => {
@@ -336,7 +374,13 @@ export class YooGridCalendarComponent {
       allDaySlot: true,
       selectMirror: false,
       datesSet: fake ? null : (info) => {
+        var _a;
         this.dateChanged.emit({ startDate: info.view.activeStart, endDate: info.view.activeEnd, view: this.calendar.view });
+        if (((_a = info === null || info === void 0 ? void 0 : info.view) === null || _a === void 0 ? void 0 : _a.type) === 'listMonth' && this.leftSelectedDate) {
+          setTimeout(() => {
+            this.scrollToClosesDateInListMonth();
+          }, 500);
+        }
       },
       dateClick: fake || isWeb(this.host) ? null : (info) => {
         let endDate = info.date;
@@ -485,6 +529,7 @@ export class YooGridCalendarComponent {
     if (((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.date) && this.calendar) {
       this.calendar.gotoDate(dateFormat(ev.detail.date, WaitlistAPIDateFormat));
       this.syncSecondaryCalendars();
+      this.leftSelectedDate = ev.detail.date;
     }
     this.leftCalendarDateChanged.emit(ev.detail);
   }
@@ -661,7 +706,7 @@ export class YooGridCalendarComponent {
   }
   renderLeftCalendar() {
     var _a, _b;
-    return (h("div", { class: { 'left-container': isWeb(this.host), hidden: !isWeb(this.host) && !this.showMobileCalendar } }, (isWeb(this.host)) && (h("yoo-calendar", { class: { 'no-border': true, 'no-margin-top': !isWeb(this.host) }, isDatePicker: true, size: "small", markers: this.markers, displayMode: "month", disableSelectOnChange: true, onDateChanged: (ev) => this.onLeftCalendarDateChanged(ev) })), isWeb(this.host) && ((_a = this.types) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.hideFilters && h("div", { class: "types" }, h("yoo-collapsible", { class: "bold", collapsed: false, header: translate('YOOBICTYPE') }, this.types.map((t) => {
+    return (h("div", { class: { 'left-container': isWeb(this.host), hidden: !isWeb(this.host) && !this.showMobileCalendar } }, (isWeb(this.host)) && (h("yoo-calendar", { class: { 'no-border': true, 'no-margin-top': !isWeb(this.host) }, isDatePicker: true, size: "small", markers: this.markers, displayMode: "month", activeDay: this.leftSelectedDate, disableSelectOnChange: true, onDateChanged: (ev) => this.onLeftCalendarDateChanged(ev) })), isWeb(this.host) && ((_a = this.types) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.hideFilters && h("div", { class: "types" }, h("yoo-collapsible", { class: "bold", collapsed: false, header: translate('YOOBICTYPE') }, this.types.map((t) => {
       var _a;
       const types = CALENDAR_FILTER_TYPES_TO_TYPES[t];
       const isChecked = ((_a = this.hiddenTypes) === null || _a === void 0 ? void 0 : _a.length) > 0 ? types.every((type) => this.hiddenTypes.indexOf(type) < 0) : true;

package/dist/design-system/{annotations-helpers-fde70fef.js → annotations-helpers-ef8b5412.js}

@@ -1,5 +1,5 @@
-import './index-ebe963c0.js';
-import { b9 as getUUID } from './index-63687d6a.js';
+import './index-be1b3bda.js';
+import { b9 as getUUID } from './index-7e157365.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/{esm/buffer-es6-617d33e3.js → design-system/buffer-es6-86e814fc.js}

@@ -1,4 +1,4 @@
-import { g as global } from './lodash-04b11500.js';
+import { g as global } from './lodash-70432b83.js';
 
 var lookup = [];
 var revLookup = [];

package/dist/{esm/button.factory-8bf184ab.js → design-system/button.factory-2983d8f7.js}

@@ -1,4 +1,4 @@
-import { ae as translateMulti } from './index-63687d6a.js';
+import { ae as translateMulti } from './index-7e157365.js';
 import { h } from './index-23b437f1.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-bfe9c2a0.js → design-system/camera-helpers-90910b9e.js}

@@ -1,5 +1,5 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-63687d6a.js';
-import './index-ebe963c0.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-7e157365.js';
+import './index-be1b3bda.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-81260181.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-bb28c4d2.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-d124e4e9.js → chat-helpers-33631d4e.js}

@@ -1,6 +1,6 @@
-import './index-ebe963c0.js';
-import { a as isArray } from './lodash-04b11500.js';
-import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-63687d6a.js';
+import './index-be1b3bda.js';
+import { a as isArray } from './lodash-70432b83.js';
+import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-7e157365.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-8d4f5e04.js → common-helpers-e93b8991.js}

@@ -1,6 +1,6 @@
-import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-63687d6a.js';
-import './index-ebe963c0.js';
-import { E as get } from './lodash-04b11500.js';
+import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-7e157365.js';
+import './index-be1b3bda.js';
+import { E as get } from './lodash-70432b83.js';
 
 function getDefaultModalAnimation(host) {
   return ['Enter', 'Leave'].map((v) => getModalAnimation(v, 'X', { host, reversedSlide: true }));