@yoobic/yobi 8.5.0-31 → 8.5.0-33

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -1,4 +1,5 @@
 import 'froala-editor/js/plugins/align.min';
+// import 'froala-editor/js/plugins/char_counter.min';
 import 'froala-editor/js/plugins/code_view.min';
 import 'froala-editor/js/plugins/colors.min';
 import 'froala-editor/js/plugins/draggable.min';
@@ -62,9 +63,10 @@ export class YooFormTextEditorComponent {
     this.linkPreviews = [];
     this.formatAmpersandSymbol = false;
     this.allowLinkPreview = false;
-    this.resetHtml = true;
+    this.resetHtml = false;
     this.reloadText = false;
     this.customZIndex = MODAL_BASE_ZINDEX;
+    this.charCounter = 0;
     this.mentionedUsers = [];
     // the event "contentChanged" is not fired before hitting 'Enter' once,
     //  so need to listen to the event 'keydown' first to be aware of any change of the value.
@@ -98,14 +100,7 @@ export class YooFormTextEditorComponent {
     }
   }
   onReadonlyChanged() {
-    setTimeout(() => {
-      if (!this.readonly) {
-        this.loadEditor();
-      }
-      else {
-        this.destroyEditor();
-      }
-    }, 300);
+    setTimeout(() => this.readonly ? this.destroyEditor() : this.loadEditor(), 300);
   }
   onTranslationsChange() {
     this.setLocalValue(true);
@@ -186,6 +181,7 @@ export class YooFormTextEditorComponent {
               if (this.allowMention) {
                 this.editor.el.innerHTML = replaceAtTagToMentionTag(this.value, this.mentions);
               }
+              this.updateCharCounter();
             }
             catch (e) {
               // nothing to do
@@ -323,24 +319,25 @@ export class YooFormTextEditorComponent {
       events: {
         'keydown': (ev) => {
           if ((ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace') {
-            this.onParagraphInputChanged(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
+            this.handleParagraphInput(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
           }
         },
         // eslint-disable-next-line @typescript-eslint/naming-convention
         'paste.after': (ev) => {
-          this.onHandleLinkReplace(ev);
+          this.updateLinks(ev);
         },
         'input': (ev) => {
-          this.onParagraphInputChanged(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
+          this.handleParagraphInput(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
           // the event "contentChanged" is not fired before hitting 'Enter' once,
           //  so need to listen to the event 'keydown' first to be aware of any change of the value.
           if (!this.wasContentChangedFired) {
-            this.onSaveTextEditorValue();
+            this.saveTextEditorValue();
           }
         },
         'contentChanged': () => {
           this.wasContentChangedFired = true;
-          this.onSaveTextEditorValue();
+          this.updateCharCounter();
+          this.saveTextEditorValue();
         },
         // eslint-disable-next-line @typescript-eslint/naming-convention
         'paste.beforeCleanup': function (clipboardHtml) {
@@ -491,13 +488,13 @@ export class YooFormTextEditorComponent {
               {
                 text: 'IMPORT',
                 icon: 'import',
-                handler: () => this.onImportHTMLTemplate()
+                handler: () => this.importHTMLTemplate()
               },
               {
                 text: 'SAVE',
                 icon: 'save',
                 separator: true,
-                handler: () => this.onSaveHTMLTemplate()
+                handler: () => this.saveHTMLTemplate()
               }
             ]),
             className: 'width-unset',
@@ -505,7 +502,7 @@ export class YooFormTextEditorComponent {
           });
         }
         else {
-          this.onImportHTMLTemplate();
+          this.importHTMLTemplate();
         }
       }
     };
@@ -544,12 +541,10 @@ export class YooFormTextEditorComponent {
     FroalaEditor.RegisterCommand('yooFullscreenClose', {
       title: translate('MINIMIZE'),
       icon: 'yooFullscreenCloseIcon',
-      callback: () => {
-        closeModal(this.value);
-      }
+      callback: () => closeModal(this.value)
     });
   }
-  onImportHTMLTemplate() {
+  importHTMLTemplate() {
     getAsyncExtraData({
       type: 'htmltemplate-get'
     }).then((ret) => {
@@ -559,11 +554,11 @@ export class YooFormTextEditorComponent {
           var _a, _b;
           (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.insert(t.value + '<br/>');
         });
-        this.onSaveTextEditorValue();
+        this.saveTextEditorValue();
       }
     });
   }
-  onSaveHTMLTemplate() {
+  saveHTMLTemplate() {
     var _a, _b;
     const selection = (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.getSelected();
     getAsyncExtraData({
@@ -571,9 +566,11 @@ export class YooFormTextEditorComponent {
       params: {
         value: selection
       }
-    }).then(() => {
-      this.initExtraOptions();
-    });
+    }).then(() => this.initExtraOptions());
+  }
+  updateCharCounter() {
+    var _a;
+    this.charCounter = ((_a = this.editor.html.get()) === null || _a === void 0 ? void 0 : _a.length) || 0;
   }
   getLocale() {
     const currentLangage = getCurrentLanguage() || 'en';
@@ -603,7 +600,7 @@ export class YooFormTextEditorComponent {
         return currentLangage.replace('-', '_');
     }
   }
-  onParagraphInputChanged(ev) {
+  handleParagraphInput(ev) {
     var _a, _b, _c, _d, _e, _f, _g;
     if (!this.allowMention && !this.allowLinkPreview) {
       return;
@@ -621,7 +618,7 @@ export class YooFormTextEditorComponent {
             insertElement &&
             insertElement.textContent &&
             (insertElement.textContent.charAt(offset - 2).trim() === '' || offset === 1 || insertElement.textContent === '' || insertElement.textContent === '@')) {
-            this.onHandleMentionInput(offset, insertElement);
+            this.handleMentionInput(offset, insertElement);
             // insert '@' in between another yoo-mention-tag element
           }
           else if (isMentionTag(insertElement) && ev.data !== 'Enter') {
@@ -640,17 +637,17 @@ export class YooFormTextEditorComponent {
             };
             const newInsertElement = safeInsert(insertParams);
             if (ev.data === '@' && offset === 1) {
-              this.onHandleMentionInput(offset, newInsertElement);
+              this.handleMentionInput(offset, newInsertElement);
             }
             this.syncMentionIds();
           }
         }
       }
-      this.onHandleLinkReplace(ev);
+      this.updateLinks(ev);
     }
-    this.onSaveTextEditorValue();
+    this.saveTextEditorValue();
   }
-  onHandleLinkReplace(ev) {
+  updateLinks(ev) {
     if (this.allowLinkPreview && this.allowLinkUpdate) {
       this.allowLinkUpdate = false;
       setTimeout(() => {
@@ -664,7 +661,7 @@ export class YooFormTextEditorComponent {
       }, 1000);
     }
   }
-  onHandleMentionInput(offset, insertElement) {
+  handleMentionInput(offset, insertElement) {
     var _a;
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.blur();
     getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
@@ -672,10 +669,7 @@ export class YooFormTextEditorComponent {
       if (res === null || res === void 0 ? void 0 : res.data) {
         this.mentionedUsers = res.data;
         if (((_a = this.mentionedUsers) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-          const newElement = this.mentionedUsers.map((user) => {
-            var _a;
-            return getTagHTML(user, (_a = this.editor) === null || _a === void 0 ? void 0 : _a.doc);
-          });
+          const newElement = this.mentionedUsers.map((user) => { var _a; return getTagHTML(user, (_a = this.editor) === null || _a === void 0 ? void 0 : _a.doc); });
           const insertParams = {
             parentElement: (insertElement === null || insertElement === void 0 ? void 0 : insertElement.parentElement) || ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.el),
             newElement,
@@ -691,11 +685,8 @@ export class YooFormTextEditorComponent {
           this.syncMentionIds();
           // combine all text node
           (_d = this.editor) === null || _d === void 0 ? void 0 : _d.el.normalize();
-          this.onSaveTextEditorValue();
-          setTimeout(() => {
-            var _a;
-            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.focus();
-          }, 200);
+          this.saveTextEditorValue();
+          setTimeout(() => { var _a; return (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.focus(); }, 200);
         }
       }
     });
@@ -707,7 +698,7 @@ export class YooFormTextEditorComponent {
       .map((node) => ({ id: node.dataset.id, content: node.dataset.description }));
     this.mentionsChanged.emit({ mentions: mentionIds });
   }
-  onSaveTextEditorValue() {
+  saveTextEditorValue() {
     var _a, _b, _c;
     let html = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html.get();
     // fix new tab links
@@ -738,23 +729,14 @@ export class YooFormTextEditorComponent {
     }
     return this.validity;
   }
-  onLinkPreviewChanged(ev) {
+  updateLinkPreviews(ev) {
     if (ev) {
       this.linkPreviews = ev.detail.linkPreviews;
       this.linkPreviewChanged.emit({ linkPreviews: this.linkPreviews });
     }
   }
-  renderLinkPreviews() {
-    return (h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.onLinkPreviewChanged(ev) }));
-  }
-  renderEditable() {
-    return [h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), this.allowLinkPreview && this.renderLinkPreviews()];
-  }
-  renderReadonly() {
-    return h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' });
-  }
   render() {
-    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly ? this.renderReadonly() : this.renderEditable()));
+    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly && h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' }), !this.readonly && h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && h("div", { class: "char-counter" }, `${this.charCounter} ${translate('YOOBICCHARACTERS').toLocaleLowerCase()}`)));
   }
   static get is() { return "yoo-form-text-editor"; }
   static get encapsulation() { return "scoped"; }
@@ -1026,7 +1008,7 @@ export class YooFormTextEditorComponent {
         },
         "attribute": "reset-html",
         "reflect": false,
-        "defaultValue": "true"
+        "defaultValue": "false"
       },
       "isFullscreen": {
         "type": "boolean",
@@ -1169,6 +1151,11 @@ export class YooFormTextEditorComponent {
       }
     };
   }
+  static get states() {
+    return {
+      "charCounter": {}
+    };
+  }
   static get events() {
     return [{
         "method": "validityChanged",

package/dist/collection/feature-communicate/chat/card-chat/card-chat.css

@@ -224,8 +224,7 @@ svg:not(:root) {
   width: 100%;
 }
 :host #content #heading yoo-truncated-line {
-  width: calc(100% - (var(--logo-05, 3rem) + var(--spacing-08, 0.5rem)));
-  margin-right: var(--spacing-02, 0.125rem);
+  width: calc(100% - (var(--logo-06, 4rem) + var(--spacing-08, 0.5rem)));
   font-size: var(--font-size-18, 1.125rem);
 }
 :host #content #heading span {

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

@@ -300,7 +300,7 @@ function getChatDate(lastMessageDate) {
   if (isSameDay) {
     return pipes.dateFormat.transform(date, 'h:mm a');
   }
-  return pipes.dateFormat.transform(date, 'YY/MM/DD');
+  return date.toLocaleDateString();
 }
 export function getFolderIcon(item) {
   return (item === null || item === void 0 ? void 0 : item.folderType) === 'article' ? 'pages' : (item === null || item === void 0 ? void 0 : item.icon) || 'folder';

package/dist/{esm/button.factory-81ae999e.js → design-system/button.factory-2dfa52d1.js}

@@ -1,6 +1,6 @@
-import './index-677b035f.js';
+import './index-85e87f61.js';
 import { h } from './index-0a59e2a1.js';
-import { Z as translateMulti } from './overlays-85eb3384.js';
+import { Z as translateMulti } from './overlays-6c299245.js';
 
 const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },

package/dist/{esm/camera-helpers-e71c9c2e.js → design-system/camera-helpers-e7e4d7a5.js}

@@ -1,5 +1,5 @@
-import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-85eb3384.js';
-import './index-44d67644.js';
+import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-6c299245.js';
+import './index-469b2f30.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-42a600a4.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-91c20143.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-a3d3225b.js → chat-helpers-c46afa1c.js}

@@ -1,6 +1,6 @@
-import './index-44d67644.js';
+import './index-469b2f30.js';
 import { i as isArray } from './lodash-653c0bcd.js';
-import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-85eb3384.js';
+import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-6c299245.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-65fabe9f.js → design-system/common-helpers-d41e9221.js}

@@ -1,5 +1,5 @@
-import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-85eb3384.js';
-import './index-44d67644.js';
+import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-6c299245.js';
+import './index-469b2f30.js';
 import { C as get } from './lodash-653c0bcd.js';
 
 function getDefaultModalAnimation(host) {

package/dist/design-system/design-system.css

@@ -6347,6 +6347,56 @@ textarea.fr-code {
   clip: rect(0, 0, 0, 0);
   border: 0; }
 
+.fr-box .fr-counter {
+  padding: 10px;
+  float: right;
+  color: #999999;
+  content: attr(data-chars);
+  font-size: 14px;
+  font-family: sans-serif;
+  z-index: 1;
+  border-radius: 2px 0 0 0;
+  -moz-border-radius: 2px 0 0 0;
+  -webkit-border-radius: 2px 0 0 0;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box; }
+.fr-box.fr-rtl .fr-counter {
+  left: 0;
+  right: auto;
+  border-left: none;
+  border-radius: 0 2px 0 0;
+  -moz-border-radius: 0 2px 0 0;
+  -webkit-border-radius: 0 2px 0 0;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box; }
+
+.fr-box.fr-code-view .fr-counter {
+  display: none; }
+
+/*!
+ * froala_editor v4.0.14 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2022 Froala Labs
+ */
+
+.fr-clearfix::after {
+  clear: both;
+  display: block;
+  content: "";
+  height: 0; }
+
+.fr-hide-by-clipping {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
 .fr-popup .fr-layer.fr-color-hex-layer {
   margin: 0;
   padding: 20px;
@@ -8444,6 +8494,7 @@ svg:not(:root) {
 
 .fr-second-toolbar {
   display: none;
+  border: none !important;
 }
 .fr-second-toolbar #fr-logo {
   opacity: 0;