@yoobic/yobi 8.6.20 → 8.6.22

package/dist/collection/components/form-creator/form-creator-condition-block/form-creator-condition-block.js

@@ -307,7 +307,7 @@ export class YooFormCreatorConditionBlockComponent {
   }
   renderDateTimeValues() {
     const type = this.parentField.conditionalValues === 'datetime' ? 'datetime-local' : this.parentField.conditionalValues;
-    return (h("div", { class: "date-time-container" }, h("yoo-form-date-time", { class: "condition-block", type: type, value: this.condition.values ? this.condition.values[0] : undefined, onInputChanged: (ev) => this.onConditionChanged(ev, 'values', null, true) })));
+    return (h("div", { class: "date-time-container" }, h("yoo-form-date-time", { class: "condition-block", type: type, value: this.condition.values ? this.condition.values[0] : undefined, onInputChanged: (ev) => this.onConditionChanged(ev, 'values', null, true), useISOString: false })));
   }
   renderStringValues() {
     return (h("yoo-form-input", { clearable: false, hasIconPrefix: false, class: "condition-form", type: "text", size: "medium", value: this.condition.values ? this.condition.values[0] : undefined, debounce: 500, onInputChanged: (ev) => this.onConditionChanged(ev, 'values', null, true), placeholder: translate('ENTERVALUE') }));

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

@@ -401,10 +401,10 @@ function timeRenderer(params) {
   const value = params.value;
   if (value) {
     if (/^\d\d:\d\d/.test(value)) {
-      return '<div class="not-center-container">' + dateFormat(dateParse(value, 'HH:mm'), 'LT') + '</div>';
+      return '<div class="not-center-container">' + dateFormat(dateParse(value, translate('FORMATTIME')), translate('FORMATTIME')) + '</div>';
     }
     else {
-      return '<div class="not-center-container">' + dateFormat(toDate(value), 'LT') + '</div>';
+      return '<div class="not-center-container">' + dateFormat(toDate(value), translate('FORMATTIME')) + '</div>';
     }
   }
   return '';
@@ -1084,7 +1084,7 @@ function courseStatusRenderer(params) {
     },
     completed: {
       color: 'success-20',
-      content: `<yoo-icon size="small" slot="start" name="check"></yoo-icon>${translate('COMPLETEDON')} ${dateFormat((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.finishedDate, 'DD/MM/YYYY')}`
+      content: `<yoo-icon size="small" slot="start" name="check"></yoo-icon>${translate('COMPLETEDON')} ${dateFormat((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.finishedDate, translate('FORMATDATE'))}`
     },
     notstarted: {
       color: 'danger-20',

package/dist/collection/feature-communicate/chat/chat-message-dialog/chat-message-dialog.css

@@ -209,6 +209,7 @@ svg:not(:root) {
   display: grid;
   grid-template-rows: auto auto auto 1fr;
   height: 100%;
+  overflow-y: scroll;
 }
 :host .outer-container yoo-header > yoo-navbar > yoo-truncated-line {
   text-align: center;
@@ -244,44 +245,29 @@ svg:not(:root) {
   gap: var(--spacing-08, 0.5rem);
   align-items: center;
 }
-:host .outer-container section.details yoo-ion-slides {
-  --tabs-height: 4rem;
-  position: relative;
-  height: calc(100% - var(--tabs-height));
-  transition: opacity 0.5s linear;
-}
-:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items {
+:host .outer-container section.details .list.has-items {
   align-items: baseline;
   overflow: auto;
 }
-:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul {
+:host .outer-container section.details .list.has-items ul {
   width: 100%;
   margin: var(--spacing-08, 0.5rem) 0;
   padding: 0;
   line-height: 2.5;
   list-style: none;
 }
-:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li {
+:host .outer-container section.details .list.has-items ul li {
   display: flex;
   justify-content: space-between;
 }
-:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li div {
+:host .outer-container section.details .list.has-items ul li div {
   display: flex;
   gap: var(--spacing-16, 1rem);
   align-items: center;
 }
-:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li span {
+:host .outer-container section.details .list.has-items ul li span {
   text-align: left;
 }
-:host .outer-container section.details yoo-ion-slides yoo-ion-slide yoo-empty-state {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+:host .outer-container section.details .list yoo-lottie {
   --svg-height: 20rem;
-}
-:host .outer-container section.details yoo-ion-slides yoo-ion-slide yoo-empty-state.rtl {
-  top: 50%;
-  right: 50%;
-  transform: translate(50%, -50%);
 }

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

@@ -30,7 +30,7 @@ export class YooChatMessageDialogComponent {
     const timetoken = parseLongIntoDate(readTime);
     return [
       user && (h("div", null, h("yoo-avatar", { size: "small", user: user }), h("span", { class: "username" }, getUserDisplayName(user)))),
-      timetoken && h("span", null, dateFormat(timetoken, ['DD/MM/YYYY', getDateFormats().single].join(' ')))
+      timetoken && h("span", null, dateFormat(timetoken, [translate('FORMATDATE'), getDateFormats().single].join(' ')))
     ];
   }
   renderEmptyState() {
@@ -48,13 +48,13 @@ export class YooChatMessageDialogComponent {
       iconColor: !i ? 'app-color' : 'stable',
       icon: 'double-tick'
     }));
-    return h("section", { class: "details" }, h("yoo-header", { class: "secondary" }, h("yoo-tabs", { tabs: tabs, onTabSelected: (ev) => { var _a; return this.slidesElement.slideTo((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.nextIndex); } })), h("yoo-ion-slides", { navigation: false, ref: el => this.slidesElement = el }, tabs.map(tab => {
+    return h("section", { class: "details" }, h("yoo-header", { class: "secondary" }, h("yoo-tabs", { tabs: tabs, onTabSelected: (ev) => { var _a; return this.currentTabIndex = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.nextIndex; } })), tabs.filter((_t, index) => index === this.currentTabIndex).map(tab => {
       const tabName = tab === null || tab === void 0 ? void 0 : tab.value;
       const read = tabName === 'read';
       const items = read ? readItems : unreadItems;
       const hasItems = !!(items === null || items === void 0 ? void 0 : items.length);
-      return h("yoo-ion-slide", { class: { 'has-items': hasItems } }, hasItems ? h("ul", null, items.map(item => h("li", null, this.renderRow(item)))) : this.renderEmptyState());
-    }), ";"));
+      return (h("div", { class: { 'list': true, 'has-items': hasItems } }, hasItems ? h("ul", null, items.map(item => h("li", null, this.renderRow(item)))) : this.renderEmptyState()));
+    }));
   }
   renderDetails() {
     return h("section", { class: "details" }, this.isMultiple ? this.renderTabsContent() : this.renderAcknowledgements());
@@ -67,7 +67,7 @@ export class YooChatMessageDialogComponent {
     var _a;
     const isRead = type === 'read';
     const timetoken = parseLongIntoDate(time) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time);
-    return (h("section", { class: { [type]: true } }, h("div", null, h("yoo-icon", { size: "small", name: "double-tick", color: isRead ? 'app-color' : 'stable' }), h("span", null, translate(isRead ? 'YOOBICREAD' : 'DELIVERED'))), timetoken && h("span", null, dateFormat(timetoken, ['DD/MM/YYYY', getDateFormats().single].join(' ')))));
+    return (h("section", { class: { [type]: true } }, h("div", null, h("yoo-icon", { size: "small", name: "double-tick", color: isRead ? 'app-color' : 'stable' }), h("span", null, translate(isRead ? 'YOOBICREAD' : 'DELIVERED'))), timetoken && h("span", null, dateFormat(timetoken, [translate('FORMATDATE'), getDateFormats().single].join(' ')))));
   }
   render() {
     return h(Host, null, h("div", { class: "outer-container" }, this.renderHeader(), this.renderPreview(), this.renderAcknowledgements(), this.isMultiple && this.renderTabsContent()));

package/dist/collection/feature-learn/learning/card-course/row/card-course-row.js

@@ -60,9 +60,8 @@ export class YooCardCourseRowComponent {
     }
     return rawDate;
   }
-  // DD/MM/YYYY at HH:mm
   getScheduledAtFormattedDate(date) {
-    const formattedDate = dateFormat(date, 'DD/MM/YYYY HH:mm').split(' ');
+    const formattedDate = dateFormat(date, `${translate('FORMATDATE')} ${translate('FORMATTIME')}`).split(' ');
     return `${translate('SCHEDULEDAT', { date: formattedDate[0], time: formattedDate[1] })}`;
   }
   getTimeAgoFormattedDate(date) {

package/dist/collection/feature-operate/mission/card-inbox/card-inbox.js

@@ -31,7 +31,7 @@ export class YooCardInboxComponent {
   renderDatePrecision() {
     const _isToday = isToday(this.entry.date);
     if (!_isToday) {
-      const time = pipes.dateFormat.transform(this.entry.date, 'LT');
+      const time = pipes.dateFormat.transform(this.entry.date, translate('FORMATTIME'));
       return h("div", null, translate('SCHEDULEDATTIME', { time }));
     }
     return null;

package/dist/collection/feature-operate/mission/card-location/card-location.js

@@ -21,7 +21,7 @@ export class YooCardLocationComponent {
     const hasDistance = !isNil(this.distance) && this.distance >= 0;
     const hasVisits = this.visits >= 0;
     const hasKpis = !!((_b = this.kpis) === null || _b === void 0 ? void 0 : _b.length);
-    return (h(Host, null, h("div", { class: "container" }, h("yoo-avatar", { imgSrc: image, icon: !image ? 'pin' : null, instant: isImageInstantlyLoaded, size: "medium", vipNotification: this.newness }), h("div", { class: "information" }, h("header", null, h("br", { hidden: this.bookmarked || !!heading || hasDistance }), h("yoo-tag", { class: "bookmark", color: "energized-20", hidden: !this.bookmarked, icon: "star", iconOnlyColor: "energized" }), h("h1", { hidden: !heading, class: "heading-title" }, heading), h("yoo-tag", { class: "distance", hidden: !hasDistance }, h("yoo-icon", { name: "pin", size: "small", slot: "start" }), pipes.distance.transform(this.distance))), h("p", { class: "address", hidden: !this.address }, this.address), h("p", { hidden: !this.visit }, visit && (translate('LASTVISIT') + ' ' + pipes.dateFormat.transform(visit, isVisitRelative ? 'fromNow' : 'L LT'))), h("p", { hidden: !hasVisits }, translate('VISITCOUNT'), ": ", this.visits))), hasKpis && h("yoo-kpi-card", { hideEmptyState: true, class: "content-only", kpiData: this.kpis })));
+    return (h(Host, null, h("div", { class: "container" }, h("yoo-avatar", { imgSrc: image, icon: !image ? 'pin' : null, instant: isImageInstantlyLoaded, size: "medium", vipNotification: this.newness }), h("div", { class: "information" }, h("header", null, h("br", { hidden: this.bookmarked || !!heading || hasDistance }), h("yoo-tag", { class: "bookmark", color: "energized-20", hidden: !this.bookmarked, icon: "star", iconOnlyColor: "energized" }), h("h1", { hidden: !heading, class: "heading-title" }, heading), h("yoo-tag", { class: "distance", hidden: !hasDistance }, h("yoo-icon", { name: "pin", size: "small", slot: "start" }), pipes.distance.transform(this.distance))), h("p", { class: "address", hidden: !this.address }, this.address), h("p", { hidden: !this.visit }, visit && (translate('LASTVISIT') + ' ' + pipes.dateFormat.transform(visit, isVisitRelative ? 'fromNow' : `${translate('FORMATDATE')} ${translate('FORMATTIME')}`))), h("p", { hidden: !hasVisits }, translate('VISITCOUNT'), ": ", this.visits))), hasKpis && h("yoo-kpi-card", { hideEmptyState: true, class: "content-only", kpiData: this.kpis })));
   }
   static get is() { return "yoo-card-location"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/feature-operate/mission/memo-list/memo-list.js

@@ -118,10 +118,10 @@ export class YooMemoListComponent {
         } }, this.selectedMemoIndex === memoIndex ? (h("yoo-icon", { name: this.type === CLOSED_STATE ? 'circle' : 'check', color: this.type === CLOSED_STATE ? 'dark' : 'app-color' })) : (h("yoo-form-checkbox", { value: this.type === CLOSED_STATE ? true : null, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoUpdate(event, memo, spanElement, memoIndex) : null) }))), h("div", { class: "center-container", onClick: () => this.onOpenMemoListDialog(memo) }, h("span", { ref: (el) => (spanElement = el), class: 'menu-item-title ' + this.type + (readonly ? ' readonly' : '') }, memo.title)), h("div", { class: "right-container", onClick: () => this.onOpenMemoListDialog(memo) }, this.renderAvatarContainer(memo), h("div", { class: "date-box" }, memo.duedate && (h("span", { class: {
           'menu-item-date': true,
           danger: this.type !== CLOSED_STATE && isDateBefore(memo.duedate, new Date())
-        } }, pipes.dateFormat.transform(memo.duedate, 'L')))))), memo.imageData && h("yoo-img", { type: "background", class: "photo", onClick: () => this.onOpenMemoListDialog(memo), src: memo.imageData }), memo.description && (h("div", { class: "description-container", onClick: () => this.onOpenMemoListDialog(memo) }, h("yoo-truncate", { maxLength: 100, byWords: true, content: memo.description }))), memo.done && memo.owner && (h("div", { class: "owner-container", onClick: () => this.onOpenMemoListDialog(memo) }, [
+        } }, pipes.dateFormat.transform(memo.duedate, translate('FORMATDATE'))))))), memo.imageData && h("yoo-img", { type: "background", class: "photo", onClick: () => this.onOpenMemoListDialog(memo), src: memo.imageData }), memo.description && (h("div", { class: "description-container", onClick: () => this.onOpenMemoListDialog(memo) }, h("yoo-truncate", { maxLength: 100, byWords: true, content: memo.description }))), memo.done && memo.owner && (h("div", { class: "owner-container", onClick: () => this.onOpenMemoListDialog(memo) }, [
         memo.owner && h("yoo-avatar", { size: "small", user: memo.owner }),
         h("span", { class: "text" }, getUserDisplayName(memo.owner)),
-        memo && memo._lmt && h("div", { class: "memo-date" }, pipes.dateFormat.transform(memo._lmt, 'L LT'))
+        memo && memo._lmt && h("div", { class: "memo-date" }, pipes.dateFormat.transform(memo._lmt, `${translate('FORMATDATE')} ${translate('FORMATTIME')}`))
       ])))
     ];
   }

package/dist/collection/feature-operate/mission/memo-list-dialog/memo-list-dialog.js

@@ -90,12 +90,12 @@ export class YooMemoListDialogComponent {
   renderContent() {
     const readonly = this.memo.usersRef.indexOf(getSession().userId) < 0;
     const allowAnnotate = this.memo.usersRef.indexOf(getSession().userId) >= 0 || this.memo.creatorRef === getSession().userId;
-    return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, 'L'))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
+    return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
       return (h("li", { onClick: () => this.onViewUsers(this.memo) }, h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
     })))))), this.memo.imageData ? (h("div", { class: "photo" }, h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (h("div", { class: "owner-container" }, [
       this.memo.owner && h("yoo-avatar", { size: "small", user: this.memo.owner }),
       h("span", { class: "text" }, getUserDisplayName(this.memo.owner)),
-      this.memo && this.memo._lmt && h("div", { class: "memo-date" }, pipes.dateFormat.transform(this.memo._lmt, 'L LT'))
+      this.memo && this.memo._lmt && h("div", { class: "memo-date" }, pipes.dateFormat.transform(this.memo._lmt, `${translate('FORMATDATE')} ${translate('FORMATTIME')}`))
     ]))));
   }
   render() {

package/dist/collection/feature-operate/mission/mission-details/mission-details.js

@@ -292,8 +292,8 @@ export class YooMissionDetailsComponent {
       const text = hasSeveralAssignee ? 'YOOBICSUBMITTEDBY' : 'FINISHEDBY';
       const finalText = this.mission.type === 'visit' ? 'YOOBICUSER' : text;
       const finishedDate = translate('ONDATEAT', {
-        date: pipes.dateFormat.transform(this.mission.finishedDate, 'L'),
-        time: pipes.dateFormat.transform(this.mission.finishedDate, 'LT')
+        date: pipes.dateFormat.transform(this.mission.finishedDate, translate('FORMATDATE')),
+        time: pipes.dateFormat.transform(this.mission.finishedDate, translate('FORMATTIME'))
       });
       return (h(Menu, { icon: "author", text: translate(finalText), extraClass: "mission-user", callback: () => this.selectUser.emit() }, this.mission.needsRebooking && this.mission.assigneeOwnerDisplayName ? (h("div", { class: "user" }, h("div", { class: "label dark" }, h("span", null, this.mission.assigneeOwnerDisplayName), finishedDate && h("span", { class: "font-medium text-color" }, finishedDate)))) : ([
         h("div", { class: "user" }, this.mission.owner && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.owner }), h("div", { class: "label dark" }, h("span", null, this.mission.ownerDisplayName), finishedDate && h("span", { class: "font-medium text-color" }, finishedDate))),
@@ -306,8 +306,8 @@ export class YooMissionDetailsComponent {
       const icon = this.mission.validated ? 'validator' : 'rejector';
       const text = this.mission.validated ? 'VALIDATEDBY' : 'REJECTEDBY';
       const validatedDate = translate('ONDATEAT', {
-        date: pipes.dateFormat.transform(this.mission.validatedDate, 'L'),
-        time: pipes.dateFormat.transform(this.mission.validatedDate, 'LT')
+        date: pipes.dateFormat.transform(this.mission.validatedDate, translate('FORMATDATE')),
+        time: pipes.dateFormat.transform(this.mission.validatedDate, translate('FORMATTIME'))
       });
       return (h(Menu, { icon: icon, text: translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() }, h("div", { class: "user" }, this.mission.validatedByUser && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.validatedByUser }), h("div", { class: "label dark" }, h("span", null, this.mission.validatedByUser ? `${this.mission.validatedByUser.firstName} ${this.mission.validatedByUser.lastName}` : this.mission.validatedBy), validatedDate && h("span", { class: "font-medium text-color" }, validatedDate))), this.mission.validatedByUser && this.renderExtraActions(this.mission.validatedByUser)));
     }
@@ -422,7 +422,7 @@ export class YooMissionDetailsComponent {
   renderReminder() {
     var _a;
     if ((_a = this.mission.todo) === null || _a === void 0 ? void 0 : _a.reminderdate) {
-      return (h(Menu, { icon: "activity", text: translate('REMINDER') }, h("div", null, pipes.dateFormat.transform(this.mission.todo.reminderdate, 'L LT'))));
+      return (h(Menu, { icon: "activity", text: translate('REMINDER') }, h("div", null, pipes.dateFormat.transform(this.mission.todo.reminderdate, `${translate('FORMATDATE')} ${translate('FORMATTIME')}`))));
     }
   }
   renderTodoMissionSummary() {

package/dist/collection/feature-operate/mission/workflow-state/workflow-state-dialog.js

@@ -38,7 +38,7 @@ export class YooWorkflowStateDialogComponent {
     return [
       user && h("yoo-avatar", { user: user, size: "small" }),
       user && h("span", { class: "user-name" }, getUserDisplayName(user)),
-      date && h("span", { class: "date" }, '- ' + pipes.dateFormat.transform(date, 'L LT'))
+      date && h("span", { class: "date" }, '- ' + pipes.dateFormat.transform(date, `${translate('FORMATDATE')} ${translate('FORMATTIME')}`))
     ];
   }
   renderContent() {

package/dist/collection/feature-platform/app/detail-bar/detail-bar.js

@@ -53,8 +53,8 @@ export class YooDetailBarComponent {
     this.translated.emit(true);
   }
   getDate(item) {
-    const newDate = dateFormat(item, 'DD/MM/YYYY');
-    const newTime = dateFormat(item, 'HH:mm');
+    const newDate = dateFormat(item, translate('FORMATDATE'));
+    const newTime = dateFormat(item, translate('FORMATTIME'));
     return newDate + ` ${translate('YOOBICAT')} ` + newTime;
   }
   getTeams() {

package/dist/collection/feature-platform/insight/dashboard-detail/dashboard-detail.js

@@ -5,7 +5,7 @@ export class YooDashboardDetailComponent {
     this.dashboard = undefined;
   }
   render() {
-    return h("div", { class: "container" }, h("div", { class: "title" }, translateMulti(this.dashboard.title)), h("div", { class: "description", innerHTML: translateMulti(this.dashboard.description || '') }), this.dashboard._lmt ? (h("div", { class: "date" }, translate('EDITEDON'), ": ", pipes.dateFormat.transform(this.dashboard._lmt, 'L'))) : null);
+    return h("div", { class: "container" }, h("div", { class: "title" }, translateMulti(this.dashboard.title)), h("div", { class: "description", innerHTML: translateMulti(this.dashboard.description || '') }), this.dashboard._lmt ? (h("div", { class: "date" }, translate('EDITEDON'), ": ", pipes.dateFormat.transform(this.dashboard._lmt, translate('FORMATDATE')))) : null);
   }
   static get is() { return "yoo-dashboard-detail"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/feature-platform/login/login/login.css

@@ -661,18 +661,53 @@ svg:not(:root) {
 }
 @media screen and (max-height: 500px) {
   .outer-login-container.keyboard-open:not(.emulate-preview) .header {
-    transform: scale(80%) translateY(-10%);
+    transform: scale(0.9) translateY(-7%);
   }
   .outer-login-container.keyboard-open:not(.emulate-preview) .header img {
     margin-top: var(--spacing-32, 2rem);
   }
 }
+.outer-login-container:not(.keyboard-closed):not(.emulate-preview).ios.medium .header {
+  transform: scale(0.9) translateY(-7%);
+}
+.outer-login-container:not(.keyboard-closed):not(.emulate-preview).ios.medium .header img {
+  margin-top: var(--spacing-32, 2rem);
+}
+
+@media screen and (max-height: 450px) {
+  .outer-login-container.keyboard-open:not(.emulate-preview) .header img {
+    margin-top: var(--spacing-08, 0.5rem);
+    margin-bottom: var(--spacing-08, 0.5rem);
+  }
+  .outer-login-container.keyboard-open:not(.emulate-preview) .header .login-main-title {
+    transform: scale(0.8);
+  }
+}
+.outer-login-container:not(.keyboard-closed):not(.emulate-preview).ios.small .header img {
+  margin-top: var(--spacing-08, 0.5rem);
+  margin-bottom: var(--spacing-08, 0.5rem);
+}
+.outer-login-container:not(.keyboard-closed):not(.emulate-preview).ios.small .header .login-main-title {
+  transform: scale(0.8);
+}
+
 @media screen and (max-height: 400px) {
-  .outer-login-container.keyboard-open:not(.emulate-preview) .header .login-main-title,
-.outer-login-container.keyboard-open:not(.emulate-preview) .header img {
+  .outer-login-container.keyboard-open:not(.emulate-preview) .header img {
+    margin-top: var(--spacing-08, 0.5rem);
+    margin-bottom: var(--spacing-08, 0.5rem);
+  }
+  .outer-login-container.keyboard-open:not(.emulate-preview) .header .login-main-title {
     display: none;
   }
 }
+.outer-login-container:not(.keyboard-closed):not(.emulate-preview).ios.extra-small .header img {
+  margin-top: var(--spacing-08, 0.5rem);
+  margin-bottom: var(--spacing-08, 0.5rem);
+}
+.outer-login-container:not(.keyboard-closed):not(.emulate-preview).ios.extra-small .header .login-main-title {
+  display: none;
+}
+
 .outer-login-container:not([is-whitelabel]) .header img {
   height: var(--logo-04, 2rem);
   max-height: var(--logo-04, 2rem);

package/dist/collection/feature-platform/login/login/login.js

@@ -8,6 +8,7 @@ import { Background, Footer, Header, LoginForm, LoginOptions, MainContent, Sidep
 export class YooLoginComponent {
   constructor() {
     this.copyrightMessage = `YOOBIC © ${new Date().getFullYear()}`;
+    this.screenSize = 'large';
     this.backgroundColor = undefined;
     this.backgroundSrc = undefined;
     this.mainTitle = '';
@@ -77,7 +78,7 @@ export class YooLoginComponent {
   }
   disconnectedCallback() {
     setStatusBarDarkMode(false);
-    isAndroid() && removeKeyboardEventListeners();
+    isNativeMobile() && removeKeyboardEventListeners();
   }
   checkAutofill() {
     let areFieldsAutofilled = false;
@@ -199,7 +200,18 @@ export class YooLoginComponent {
     input.focus();
   }
   setKeyboardListeners() {
-    addKeyboardEventListener('keyboardWillShow', () => {
+    addKeyboardEventListener('keyboardWillShow', (info) => {
+      var _a;
+      if (!isAndroid()) {
+        const keyboardOpenScreenHeight = this.host ? ((_a = this.host) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) - info.keyboardHeight : 800;
+        this.screenSize = keyboardOpenScreenHeight > 600
+          ? 'large'
+          : keyboardOpenScreenHeight > 500
+            ? 'medium'
+            : keyboardOpenScreenHeight > 350
+              ? 'small'
+              : 'extra-small';
+      }
       this.keyboardState = 'transitioning';
     });
     addKeyboardEventListener('keyboardWillHide', () => {
@@ -262,6 +274,7 @@ export class YooLoginComponent {
       }, class: {
         'outer-login-container': true,
         focused: this.isFocused,
+        [this.screenSize]: isNativeMobile() && !isAndroid(),
         [`keyboard-${this.keyboardState}`]: true,
         ...getAppContext(this.host)
       } }, h(Header, { error: this.error, logo: this.logo, title: this.mainTitle, textColor: this.primaryColor, closeClick: () => this.onAlertClosed() }), h(Background, { hasBackgroundMedia: this.hasBackgroundMedia, image: this.backgroundSrc }), h("div", { class: "content-container", ref: (el) => (this.contentContainerElement = el) }, this.isDoubleColumn && h(Sidepanel, { title: this.mainTitle, textColor: this.primaryColor }), h(MainContent, { subtitle: this.subtitle, textColor: this.primaryColor }, h(LoginForm, { buttonColor: this.textColor, ssoOnly: this.ssoOnly, fieldTitleColor: this.primaryColor, getInputLabel: this.getInputLabel.bind(this), getDefaultInputValue: this.getDefaultInputValue.bind(this), getInputValue: this.getInputValue.bind(this), focusedInput: this.focusedInput, bindReference: this.bindReference.bind(this), onIconClicked: this.onIconClicked.bind(this), onInputChanged: this.onInputChanged.bind(this), onInputFocused: this.onInputFocused.bind(this), onInputBlurred: () => this.onInputBlurred(), onEnterPressed: () => this.validateAndLogin(), onFormSubmit: (e) => this.onFormSubmit(e), onShowPassword: this.onShowPassword.bind(this), showPassword: this.showPassword, loginButtonRef: (el) => (this.loginButtonElement = el), helpButtonElement: this.getButton('HELP', () => this.onForgotPassword()), passwordlessButtonElement: this.getPasswordlessButton(() => this.onPasswordlessLogin()), ssoLoginButtonElement: this.getButton('SSO-DEFAULT', () => this.onAdvancedLogin()), rememberMeOption: this.getRememberMeOption(this.onRememberMeChanged.bind(this)), clearInput: this.clearInput.bind(this) }), h(LoginOptions, { ssoOnly: this.ssoOnly, hideGoogleLogin: this.hideGoogleLogin, hideAdvancedLogin: this.hideAdvancedLogin, hasCustomBackground: this.hasCustomBackground, dividerColor: this.primaryColor, googleLoginButtonElement: this.getButton('GOOGLE', () => this.onGoogleLogin()), ssoLoginButtonElement: this.getButton('SSO', () => this.onAdvancedLogin()), magicButtonElement: this.getButton('MAGIC', () => this.magicLinkModalRequested.emit(this.username)) }))), h(Footer, { hasCustomBackground: this.hasCustomBackground, copyrightMessage: this.copyrightMessage, textColor: this.primaryColor, version: this.version, onClick: () => {

package/dist/collection/feature-platform/menu/user-profile/user-profile.js

@@ -30,7 +30,7 @@ export class YooUserProfileComponent {
   }
   renderAdvancedLayout() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-    return (h("div", { class: "profile-content advanced" }, h("div", { class: "profile-title" }, translate('BASICS')), h("div", { class: "profile-links" }, h("ul", { class: "profile-links-menu" }, (((_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName) || ((_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName)) && this.renderItem('PHOTOANDNAME', `${((_c = this.user) === null || _c === void 0 ? void 0 : _c.firstName) || ''} ${((_d = this.user) === null || _d === void 0 ? void 0 : _d.lastName) || ''}`.trim(), (_e = this.user) === null || _e === void 0 ? void 0 : _e.imageData), this.renderItem('YOOBICUSERNAME', (_f = this.user) === null || _f === void 0 ? void 0 : _f.username), this.renderItem('YOOBICSTORE', (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.title, (_k = (_j = this.user) === null || _j === void 0 ? void 0 : _j.location) === null || _k === void 0 ? void 0 : _k.imageData), this.renderItem('YOOBICBIO', (_l = this.user) === null || _l === void 0 ? void 0 : _l.description), ((_m = this.user) === null || _m === void 0 ? void 0 : _m.position) && this.renderItem('POSITION', translate((_o = this.user) === null || _o === void 0 ? void 0 : _o.position)), this.renderGroups(), this.renderItem('WORKEMAIL', (_p = this.user) === null || _p === void 0 ? void 0 : _p.email), this.renderItem('PHONENUMBER', (_q = this.user) === null || _q === void 0 ? void 0 : _q.telephone), ((_r = this.user) === null || _r === void 0 ? void 0 : _r.dateOfBirth) && this.renderItem('DATEOFBIRTH', pipes.dateFormat.transform((_s = this.user) === null || _s === void 0 ? void 0 : _s.dateOfBirth, 'L')), ((_t = this.user) === null || _t === void 0 ? void 0 : _t.hiringDate) && this.renderItem('WORKANNIVERSARY', pipes.dateFormat.transform((_u = this.user) === null || _u === void 0 ? void 0 : _u.hiringDate, 'L'))))));
+    return (h("div", { class: "profile-content advanced" }, h("div", { class: "profile-title" }, translate('BASICS')), h("div", { class: "profile-links" }, h("ul", { class: "profile-links-menu" }, (((_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName) || ((_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName)) && this.renderItem('PHOTOANDNAME', `${((_c = this.user) === null || _c === void 0 ? void 0 : _c.firstName) || ''} ${((_d = this.user) === null || _d === void 0 ? void 0 : _d.lastName) || ''}`.trim(), (_e = this.user) === null || _e === void 0 ? void 0 : _e.imageData), this.renderItem('YOOBICUSERNAME', (_f = this.user) === null || _f === void 0 ? void 0 : _f.username), this.renderItem('YOOBICSTORE', (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.title, (_k = (_j = this.user) === null || _j === void 0 ? void 0 : _j.location) === null || _k === void 0 ? void 0 : _k.imageData), this.renderItem('YOOBICBIO', (_l = this.user) === null || _l === void 0 ? void 0 : _l.description), ((_m = this.user) === null || _m === void 0 ? void 0 : _m.position) && this.renderItem('POSITION', translate((_o = this.user) === null || _o === void 0 ? void 0 : _o.position)), this.renderGroups(), this.renderItem('WORKEMAIL', (_p = this.user) === null || _p === void 0 ? void 0 : _p.email), this.renderItem('PHONENUMBER', (_q = this.user) === null || _q === void 0 ? void 0 : _q.telephone), ((_r = this.user) === null || _r === void 0 ? void 0 : _r.dateOfBirth) && this.renderItem('DATEOFBIRTH', pipes.dateFormat.transform((_s = this.user) === null || _s === void 0 ? void 0 : _s.dateOfBirth, translate('FORMATDATE'))), ((_t = this.user) === null || _t === void 0 ? void 0 : _t.hiringDate) && this.renderItem('WORKANNIVERSARY', pipes.dateFormat.transform((_u = this.user) === null || _u === void 0 ? void 0 : _u.hiringDate, translate('FORMATDATE')))))));
   }
   render() {
     return h(Host, { class: { ...getAppContext(this.host) } }, this.renderAdvancedLayout());

package/dist/collection/utils/helpers/chat-helpers.js

@@ -1,4 +1,4 @@
-import { is24Hour, isFile, replaceAllLinks, replaceAtTagToMentionTag, translateMulti } from '@shared/utils';
+import { isFile, replaceAllLinks, replaceAtTagToMentionTag, translate, translateMulti } from '@shared/utils';
 import { isArray } from 'lodash-es';
 /**
  * Get the proper data format for a single message aswell as grouped messages
@@ -6,7 +6,7 @@ import { isArray } from 'lodash-es';
 export function getDateFormats(date) {
   const shouldDisplayYear = date && ((date === null || date === void 0 ? void 0 : date.getFullYear()) !== new Date().getFullYear());
   return {
-    single: is24Hour() ? 'HH:mm' : 'hh:mm A',
+    single: translate('FORMATTIME'),
     grouped: 'ddd, DD MMMM'.concat(shouldDisplayYear ? ' YYYY' : '')
   };
 }

package/dist/collection/utils/helpers/entities-helpers.js

@@ -312,7 +312,7 @@ function getChatDate(lastMessageDate) {
   const now = new Date();
   const isSameDay = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
   if (isSameDay) {
-    return pipes.dateFormat.transform(date, 'h:mm a');
+    return pipes.dateFormat.transform(date, translate('FORMATTIME'));
   }
   return date.toLocaleDateString();
 }

package/dist/collection/utils/helpers/form-input-helpers.js

@@ -1,6 +1,6 @@
 import { Keyboard } from '@capacitor/keyboard';
 import { FormFieldType } from '@shared/interfaces';
-import { dateAdd, dateFormat, dateIsValid, dateSub, findParent, getReducedAsyncValidator, getReducedValidator, isAndroid, isIOS, toDate } from '@shared/utils';
+import { dateAdd, dateFormat, dateIsValid, dateSub, findParent, getReducedAsyncValidator, getReducedValidator, isAndroid, isIOS, toDate, translate } from '@shared/utils';
 import { isNil } from 'lodash-es';
 import { getActiveElementShadow, querySelectorAllDeep, querySelectorDeep } from './common-helpers';
 let inputBlur = true;
@@ -237,12 +237,12 @@ export function convertValueForInputType(v, type, isISO) {
       return v;
   }
 }
-export function getTimeDisplayValue(value, is24Hour) {
+export function getTimeDisplayValue(value) {
   if (isNil(value)) {
     return null;
   }
   else {
-    return dateIsValid(value) ? (is24Hour ? dateFormat(value, 'HH:mm') : dateFormat(value, 'h:mm a')) : value;
+    return dateIsValid(value) ? dateFormat(value, translate('FORMATTIME')) : value;
   }
 }
 export function formatMinMaxDate(minDate, maxDate) {

package/dist/{esm/annotations-helpers-b866903d.js → design-system/annotations-helpers-2f0d51ac.js}

@@ -1,4 +1,4 @@
-import { b7 as getUUID } from './index-45a60a70.js';
+import { b6 as getUUID } from './index-31801d4d.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/design-system/{button.factory-abadb351.js → button.factory-8f39949e.js}

@@ -1,4 +1,4 @@
-import { a0 as translateMulti } from './index-45a60a70.js';
+import { a0 as translateMulti } from './index-31801d4d.js';
 import { h } from './index-e4530c67.js';
 
 const getButton = (button) => {

package/dist/design-system/{camera-helpers-c875d0ae.js → camera-helpers-008f0d0c.js}

@@ -1,4 +1,4 @@
-import { cu as cordova, cv as AwesomeCordovaNativePlugin, cw as cordovaPropertyGet, cx as cordovaPropertySet, cy as registerPlugin, a5 as getSession, cz as getDeviceModel, cA as getDevicePlatform, cB as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-45a60a70.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, a5 as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-31801d4d.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -248,7 +248,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-37663230.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-dc476f19.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-3e9d79ba.js → chat-helpers-b58c06c7.js}

@@ -1,4 +1,4 @@
-import { ap as is24Hour, aq as isFile, ar as replaceAtTagToMentionTag, as as replaceAllLinks, a0 as translateMulti } from './index-45a60a70.js';
+import { t as translate, ap as isFile, aq as replaceAtTagToMentionTag, ar as replaceAllLinks, a0 as translateMulti } from './index-31801d4d.js';
 import { c as isArray } from './lodash-cd4a9ba3.js';
 
 /**
@@ -7,7 +7,7 @@ import { c as isArray } from './lodash-cd4a9ba3.js';
 function getDateFormats(date) {
   const shouldDisplayYear = date && ((date === null || date === void 0 ? void 0 : date.getFullYear()) !== new Date().getFullYear());
   return {
-    single: is24Hour() ? 'HH:mm' : 'hh:mm A',
+    single: translate('FORMATTIME'),
     grouped: 'ddd, DD MMMM'.concat(shouldDisplayYear ? ' YYYY' : '')
   };
 }

package/dist/design-system/{common-helpers-8a2e7722.js → common-helpers-60e6943b.js}

@@ -1,4 +1,4 @@
-import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-45a60a70.js';
+import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-31801d4d.js';
 import { E as get } from './lodash-cd4a9ba3.js';
 
 function getDefaultModalAnimation(host) {