@yoobic/yobi 8.1.0-41 → 8.1.0-45

package/dist/collection/components/core/mobile-tabbar-more/mobile-tabbar-more.js

@@ -1,6 +1,5 @@
-import { getColorFromCategory, translate } from '@shared/utils';
+import { translate } from '@shared/utils';
 import { Component, Event, h, Host, Prop, State, Watch } from '@stencil/core';
-import { groupBy, keys } from 'lodash-es';
 export class YooMobileTabbarMoreComponent {
   constructor() {
     this.searchedItems = [];
@@ -25,43 +24,30 @@ export class YooMobileTabbarMoreComponent {
       ' ',
       h("yoo-form-input", { size: "large", class: "menu", "icon-prefix": "search", hideOptional: true, clearable: false, forceValueUpdate: true, placeholder: translate('SEARCHMODULES'), onInputChanged: (ev) => this.onSearchInputChanged(ev.detail) })));
   }
-  renderItem(item, extraClass) {
-    const color = this.showCategories ? getColorFromCategory(item.category) : 'app-color';
-    return (h("div", { class: { tile: true, [extraClass || '']: true }, onClick: () => this.onItemClick(item) },
-      h("yoo-icon", { name: item.icon, color: color, size: "medium" }),
-      item.notif && h("yoo-badge", { shape: "dot" }),
-      h("div", { class: "title" }, translate(item.text))));
+  renderItem(item) {
+    const color = 'app-color';
+    const entry = {
+      subHeading: item.text,
+      iconTopLeft: item.icon,
+      iconTopLeftColor: color
+    };
+    return (h("yoo-card-list-color", { onClick: () => this.onItemClick(item), entry: entry, notif: item.notif }));
   }
   renderSuggestedItems() {
     var _a;
     return (h("div", { class: "section" },
       h("div", { class: "section-header" },
         h("div", { class: "section-title" }, translate('SUGGESTED'))),
-      h("div", { class: "items single suggested", style: { 'grid-template-columns': `repeat(${this.recentItems.length}, 38%) 1px` } }, (_a = this.recentItems) === null || _a === void 0 ? void 0 : _a.map((item) => {
-        const color = getColorFromCategory(item.category);
-        return this.renderItem(item, `bg-${color}-10`);
-      }))));
+      h("div", { class: "items single suggested", style: { 'grid-template-columns': `repeat(${this.recentItems.length}, 38%) 1px` } }, (_a = this.recentItems) === null || _a === void 0 ? void 0 : _a.map((item) => this.renderItem(item)))));
   }
-  renderCategoryItems() {
-    var _a, _b, _c, _d;
-    (_a = this.retrievedItems) === null || _a === void 0 ? void 0 : _a.forEach((i) => i.category = i.category || 'CUSTOMCATEGORY');
-    const categoryItems = this.retrievedItems && this.showCategories ? groupBy(this.retrievedItems || [], 'category') : [];
+  renderItems() {
+    var _a, _b;
     return (h("div", { class: "container" },
-      this.showCategories && ((_b = this.recentItems) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderSuggestedItems(),
-      this.showCategories && keys(categoryItems).map((key) => {
-        const newCategories = [...categoryItems[key]];
-        return (h("div", { class: "section" },
-          h("div", { class: "section-header" },
-            h("div", { class: "section-title" }, translate(key))),
-          h("div", { class: { items: true } }, newCategories.map((item) => {
-            return this.renderItem(item);
-          }))));
-      }),
-      !this.showCategories && (h("div", { class: "section" },
-        !(((_c = this.items) === null || _c === void 0 ? void 0 : _c.length) > 10) && h("div", { class: "section-header empty" }, " "),
-        h("div", { class: { items: true } }, (_d = this.retrievedItems) === null || _d === void 0 ? void 0 : _d.map((item) => {
+      h("div", { class: "section" },
+        !(((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 10) && h("div", { class: "section-header empty" }, " "),
+        h("div", { class: { items: true } }, (_b = this.retrievedItems) === null || _b === void 0 ? void 0 : _b.map((item) => {
           return this.renderItem(item);
-        }))))));
+        })))));
   }
   renderTopContainer() {
     var _a;
@@ -71,7 +57,7 @@ export class YooMobileTabbarMoreComponent {
   render() {
     return h(Host, null,
       this.renderTopContainer(),
-      this.renderCategoryItems());
+      this.renderItems());
   }
   static get is() { return "yoo-mobile-tabbar-more"; }
   static get encapsulation() { return "shadow"; }
@@ -119,30 +105,12 @@ export class YooMobileTabbarMoreComponent {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "/**\n All menu items available for the user"
+        "text": "All menu items available for the user"
       }
-    },
-    "showCategories": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-categories",
-      "reflect": false
     }
   }; }
   static get states() { return {
-    "retrievedItems": {},
-    "retrievedCategories": {}
+    "retrievedItems": {}
   }; }
   static get events() { return [{
       "method": "itemClicked",

package/dist/collection/components/core/video-player/videoplayer-core.css

@@ -725,6 +725,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   align-items: center;
   justify-content: center;
 }
+:host .outer-container video {
+  width: 100%;
+  height: 100%;
+}
 :host .outer-container .overlay {
   position: absolute;
   z-index: 99;

package/dist/collection/components/core/video-player/videoplayer-core.js

@@ -105,7 +105,7 @@ export class YooVideoPlayerCoreComponent {
    */
   async pauseVideo() {
     const pausePromise = () => {
-      this.pausePromise = this.playerInstance.pauseVideo().catch((_) => { });
+      this.pausePromise = this.playerInstance[this.type === 'html5' ? 'pause' : 'pauseVideo']().catch((_) => { });
     };
     if (this.playerInstance) {
       // Ensure there no play action in progress
@@ -126,7 +126,7 @@ export class YooVideoPlayerCoreComponent {
    */
   async playVideo() {
     const playPromise = () => {
-      this.playPromise = this.playerInstance.playVideo().catch((_) => { });
+      this.playPromise = this.playerInstance[this.type === 'html5' ? 'play' : 'playVideo'].catch((_) => { });
     };
     if (this.playerInstance) {
       // Ensure there no pause action in progress
@@ -152,7 +152,12 @@ export class YooVideoPlayerCoreComponent {
         this.playVideo();
       }
       else {
-        await this.playerInstance.updateCurrentTime(time);
+        if (this.type === 'html5') {
+          this.playerInstance.currentTime = time;
+        }
+        else {
+          await this.playerInstance.updateCurrentTime(time);
+        }
         // VideoJS pause video when time is updated by default
         // Force pause video none videojs player
         // Force play video for videojs player if auto resume is true
@@ -174,7 +179,12 @@ export class YooVideoPlayerCoreComponent {
    */
   async getCurrentTime() {
     if (this.playerInstance) {
-      return this.playerInstance.getCurrentTime();
+      if (this.type === 'html5') {
+        return this.playerInstance.currentTime;
+      }
+      else {
+        return this.playerInstance.getCurrentTime();
+      }
     }
     else {
       return Promise.resolve(-1);
@@ -184,6 +194,7 @@ export class YooVideoPlayerCoreComponent {
    * Get the current time of the video
    */
   async togglePlay() {
+    var _a;
     if (this.initialClick) {
       this.initialClick = false;
       this.played.emit(true);
@@ -197,7 +208,7 @@ export class YooVideoPlayerCoreComponent {
       }
       if (this.blockControlAndAutoPlayOnTap && this.playerInstance) {
         this.pauseVideo();
-        this.playerInstance.onTriggerFullscreen(this.modalOptions).then((res) => {
+        (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a.onTriggerFullscreen(this.modalOptions).then((res) => {
           if (res === null || res === void 0 ? void 0 : res.data) {
             this.updateCurrentTime(res.data);
           }
@@ -303,7 +314,7 @@ export class YooVideoPlayerCoreComponent {
     return (h("div", { class: "overlay", onClick: (ev) => this.onVideoClick(ev) }));
   }
   renderVideoContainer() {
-    const TagType = `yoo-videoplayer-${this.type}`;
+    const TagType = this.type === 'html5' ? 'video' : `yoo-videoplayer-${this.type}`;
     const extraAttr = {};
     if (isCloudinaryLink(this.videoPlayerCoreParameters.source)) {
       if (!this.preventVcAuto && !this.videoPlayerCoreParameters.source.includes('vc_auto')) {
@@ -331,6 +342,9 @@ export class YooVideoPlayerCoreComponent {
       onMouseMove: () => this.onMouseMove(),
       onMouseOut: () => this.onMouseOut()
     };
+    if (this.type === 'html5') {
+      videoPlayerCoreParameters['src'] = this.videoPlayerCoreParameters.source;
+    }
     return (h("div", { class: "outer-container" },
       this.blockControlAndAutoPlayOnTap && this.renderOverlay(),
       h(TagType, { class: videoClass, ...videoPlayerCoreParameters, modalOptions: this.modalOptions })));
@@ -458,7 +472,7 @@ export class YooVideoPlayerCoreComponent {
       "mutable": false,
       "complexType": {
         "original": "TVideoPlayer",
-        "resolved": "\"dailymotion\" | \"videojs\" | \"vimeo\" | \"youtube\"",
+        "resolved": "\"dailymotion\" | \"html5\" | \"videojs\" | \"vimeo\" | \"youtube\"",
         "references": {
           "TVideoPlayer": {
             "location": "import",

package/dist/collection/components/core/video-player/videoplayer-videojs/videoplayer-videojs.js

@@ -1,4 +1,4 @@
-import { b64ToFile, changeExtension, Cloudinary, convertSrtToWebVTT, debounce, getClosestImageRatio, getCurrentLanguage, getExtension, getKeyToCache, getMedia, getVideoPoster, intersectionObserve, isCloudinaryLink, isFile, isIOS, isOffline, isWeb, pipes, urlToFileBlob } from '@shared/utils';
+import { b64ToFile, changeExtension, Cloudinary, convertSrtToWebVTT, debounce, getClosestImageRatio, getCurrentLanguage, getExtension, getKeyToCache, getMedia, getVideoPoster, intersectionObserve, isCloudinaryLink, isFile, isOffline, isWeb, pipes, urlToFileBlob } from '@shared/utils';
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { compact } from 'lodash-es';
 import videojs from 'video.js';
@@ -261,8 +261,8 @@ export class YooVideoPlayerVideojsComponent {
     this.player.on('error', () => {
       this.onVideoJSError();
     });
-    this.player.on('loadedmetadata', (ev) => {
-      var _a, _b;
+    this.player.on('loadedmetadata', async (ev) => {
+      var _a;
       if (this.player && this.player.duration() >= 0) {
         this.videoDuration = pipes.timer.transform(Math.round(this.player.duration()), 'seconds');
       }
@@ -273,55 +273,53 @@ export class YooVideoPlayerVideojsComponent {
       if (videoElement && this.scaledUp && !this.mediaDimension) {
         this.preserveAspectRatio(videoElement.videoWidth, videoElement.videoHeight);
       }
-      if (((_b = this.subtitles) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-        // Support srt
-        this.subtitles.forEach((subtitle) => {
-          let src = subtitle === null || subtitle === void 0 ? void 0 : subtitle.src;
-          const ext = getExtension(src);
-          let blobPromise = Promise.resolve(src);
-          if (ext === 'srt' || ext === 'vtt' || (subtitle === null || subtitle === void 0 ? void 0 : subtitle.mimeType) || isCloudinaryLink(src)) {
-            if (isFile(src)) {
-              blobPromise = Promise.resolve(new Blob([src]));
-            }
-            else if (typeof src === 'string') {
-              blobPromise = isOffline() ? getFromLocalForage(getKeyToCache(src)) : urlToFileBlob(src);
-            }
+      for (const subtitle of this.subtitles) {
+        let src = subtitle === null || subtitle === void 0 ? void 0 : subtitle.src;
+        const ext = getExtension(src);
+        let blobPromise = Promise.resolve(src);
+        if (ext === 'srt' || ext === 'vtt' || (subtitle === null || subtitle === void 0 ? void 0 : subtitle.mimeType) || isCloudinaryLink(src)) {
+          if (isFile(src)) {
+            blobPromise = Promise.resolve(new Blob([src]));
           }
-          blobPromise.then(async (blobOrBase64) => {
-            let blob = isOffline() ? b64ToFile(blobOrBase64, { name: getKeyToCache(src) }) : blobOrBase64;
-            if (!blob) {
-              return;
-            }
-            if (ext === 'srt') {
-              let vttText = await blob.text();
-              vttText = convertSrtToWebVTT(vttText);
-              blob = new Blob([vttText], { type: 'text/vtt' });
-            }
-            src = URL.createObjectURL(blob);
-            this.player.addRemoteTextTrack({
-              src,
-              srclang: subtitle.srclang,
-              label: subtitle.label,
-              kind: subtitle.kind
-            }, !isIOS());
-          });
-        });
-        // Videojs does not emit event when tracks are ready, used timeout
-        // as workaround to gget text track
-        setTimeout(() => {
-          const tracks = this.player.textTracks();
-          const currentLang = getCurrentLanguage();
-          for (let i = 0; i < tracks.length; i++) {
-            const track = tracks[i];
-            const enAddition = ['ca', 'us'] && track.language === 'en';
-            if ((track.language === currentLang || enAddition) && !this.videoTrackSet) {
-              track.mode = 'showing';
-              this.videoTrackSet = true;
-              break;
-            }
+          else if (typeof src === 'string') {
+            blobPromise = isOffline() ? getFromLocalForage(getKeyToCache(src)) : urlToFileBlob(src);
+          }
+        }
+        await blobPromise.then(async (blobOrBase64) => {
+          let blob = isOffline() ? b64ToFile(blobOrBase64, { name: getKeyToCache(src) }) : blobOrBase64;
+          if (!blob) {
+            return;
           }
-        }, 500);
+          if (ext === 'srt') {
+            let vttText = await blob.text();
+            vttText = convertSrtToWebVTT(vttText);
+            blob = new Blob([vttText], { type: 'text/vtt' });
+          }
+          src = URL.createObjectURL(blob);
+          this.player.addRemoteTextTrack({
+            src,
+            srclang: subtitle.srclang,
+            label: subtitle.label,
+            kind: subtitle.kind
+          }, false);
+        });
       }
+      setTimeout(() => {
+        const tracks = this.player.textTracks();
+        const currentLang = getCurrentLanguage();
+        for (let i = 0; i < tracks.length; i++) {
+          const track = tracks[i];
+          const enAddition = ['ca', 'us'] && track.language === 'en';
+          if ((track.language === currentLang || enAddition) && !this.videoTrackSet) {
+            track.mode = 'showing';
+            this.videoTrackSet = true;
+            break;
+          }
+          else {
+            track.mode = 'hidden';
+          }
+        }
+      }, 500);
     });
     this.player.on('touchstart', (ev) => {
       var _a, _b;

package/dist/collection/components/entities/card-list/color/card-list-color.css

@@ -707,6 +707,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 
 :host {
+  --title-padding-top: 0;
+  --title-margin-bottom: var(--spacing-16, 1rem);
+  --card-border-radius: var(--border-radius-08, 0.5rem);
   display: block;
 }
 :host p {
@@ -733,13 +736,14 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   }
 }
 :host .outer-container {
+  position: relative;
   display: flex;
   flex-direction: column;
-  margin-bottom: var(--spacing-16, 1rem);
+  margin-bottom: var(--title-margin-bottom);
   padding: var(--spacing-16, 1rem);
   color: var(--dark, #000000);
   background: var(--light, #ffffff);
-  border-radius: var(--border-radius-08, 0.5rem);
+  border-radius: var(--card-border-radius);
   box-shadow: var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));
 }
 :host .outer-container .heading-container {
@@ -772,6 +776,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --progress-value-color: var(--success, #3aa76d);
 }
 :host .outer-container .subheading-container {
+  padding-top: var(--title-padding-top);
   color: var(--dark, #000000);
   text-align: left;
 }
@@ -791,7 +796,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding-top: var(--spacing-04, 0.25rem);
   padding-bottom: var(--spacing-04, 0.25rem);
   overflow: hidden;
-  line-height: 15px;
+  line-height: 0.9372rem;
 }
 :host .outer-container .tags-container yoo-tag,
 :host .outer-container .tags-container .card-icon {
@@ -820,6 +825,16 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   flex-direction: row;
   line-height: 1rem;
 }
+:host .outer-container yoo-badge {
+  position: absolute;
+  top: 0.8rem;
+  left: 0.8rem;
+}
+:host.last-of-row .outer-container {
+  width: 0.0625rem;
+  padding: 0;
+  visibility: hidden;
+}
 
 :host(.card-list) .outer-container {
   margin-bottom: 0;

package/dist/collection/components/entities/card-list/color/card-list-color.js

@@ -1,13 +1,18 @@
 import { translateMulti } from '@shared/utils';
 import { Component, h, Prop } from '@stencil/core';
-export class YooCardListColorCompbonent {
+export class YooCardListColorComponent {
+  constructor() {
+    this.notif = false;
+  }
   renderHeader() {
     return (h("div", { class: "heading-container", style: { fill: this.entry.color } },
       !!this.entry.iconTopLeft && (h("div", { class: "icon-left" },
-        h("yoo-icon", { size: "medium", name: this.entry.iconTopLeft, color: this.entry.iconTopLeftColor }))),
+        h("yoo-icon", { size: "medium", name: this.entry.iconTopLeft, color: this.entry.iconTopLeftColor }),
+        this.notif && h("yoo-badge", { shape: "dot" }))),
       h("div", { class: "heading", innerHTML: translateMulti(this.entry.heading || '') }),
       !!this.entry.iconTopRight && (h("div", { class: "icon-right" },
-        h("yoo-icon", { size: "medium", name: this.entry.iconTopRight, color: this.entry.iconTopRightColor })))));
+        h("yoo-icon", { size: "medium", name: this.entry.iconTopRight, color: this.entry.iconTopRightColor }),
+        this.notif && h("yoo-badge", { shape: "dot" })))));
   }
   renderSubHeader() {
     return (this.entry.subHeading && (h("p", { class: { 'subheading-container': true, 'multi-truncated': !this.entry.subHeadingDescription }, innerHTML: translateMulti(this.entry.subHeading) })));
@@ -59,6 +64,24 @@ export class YooCardListColorCompbonent {
         "tags": [],
         "text": ""
       }
+    },
+    "notif": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "string | number | boolean",
+        "resolved": "boolean | number | string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "notif",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
 }

package/dist/collection/components/form/form-capture/form-capture.js

@@ -488,6 +488,8 @@ export class YooFormCaptureComponent {
         }
         return this.processMediaData(imageData, newIndex);
       }
+    }).catch(() => {
+      this.showImageLoader = false;
     });
   }
   captureVideo(index) {
@@ -843,6 +845,7 @@ export class YooFormCaptureComponent {
       documentViewer.document = file;
       documentViewer.modalTitle = translate(this.type);
       documentViewer.modalMode = isVideo(newValue);
+      documentViewer.html5Video = isAndroid();
       if (this.type === 'audio') {
         documentViewer.type = this.type;
       }

package/dist/collection/components/form/form-document-dialog/form-document-dialog.js

@@ -7,6 +7,7 @@ export class YooFormDocumentDialogComponent {
   constructor() {
     this.modalMode = false;
     this.allowOrientation = false;
+    this.html5Video = false;
     this.isVideo = false;
     this.useDocumentViewer = true;
   }
@@ -278,6 +279,10 @@ export class YooFormDocumentDialogComponent {
             document: this.document
           }
         };
+        if (this.html5Video) {
+          attrs['type'] = 'html5';
+          attrs.videoPlayerCoreParameters['controls'] = true;
+        }
         return h("yoo-videoplayer-core", { ...attrs });
       }
       case 'document':
@@ -478,6 +483,24 @@ export class YooFormDocumentDialogComponent {
       "reflect": false,
       "defaultValue": "false"
     },
+    "html5Video": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "html-5-video",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "selectionMode": {
       "type": "boolean",
       "mutable": false,

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

@@ -352,7 +352,7 @@ export class YooGridCalendarComponent {
       eventMouseEnter: fake ? null : (info) => {
         var _a, _b, _c;
         const item = (_c = (_b = (_a = info === null || info === void 0 ? void 0 : info.event) === null || _a === void 0 ? void 0 : _a._def) === null || _b === void 0 ? void 0 : _b.extendedProps) === null || _c === void 0 ? void 0 : _c.item;
-        if (item && !this.tippyInstances[item._id] && !info.view.type.startsWith('list')) {
+        if ((item === null || item === void 0 ? void 0 : item.entityType) && !this.tippyInstances[item._id] && !info.view.type.startsWith('list')) {
           this.tippyInstances[item._id] = tippy(info.el, {
             theme: 'light',
             placement: 'auto-start',

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

@@ -1,3 +1,4 @@
+import { Camera as AndroidCamera } from '@capacitor/camera';
 import { Camera, DestinationType, EncodingType, PictureSourceType } from '@ionic-native/camera';
 import { Device } from '@ionic-native/device';
 import { ImagePicker } from '@ionic-native/image-picker';
@@ -23,12 +24,24 @@ export function getPictureMaxSize(isImageRecognition, maxWidth) {
   }
   return maxWidth || maxSize;
 }
-export async function importMultipleFromLibrary(limit, compress = isAndroid(), quality) {
+export async function importMultipleFromLibrary(limit = 15, compress = isAndroid(), quality) {
   if (!await ImagePicker.hasReadPermission()) {
     await ImagePicker.requestReadPermission();
   }
+  // Use Android camera to preserve exif data
+  if (isAndroid()) {
+    return AndroidCamera.pickImages({
+      quality: compress ? quality : 100,
+      limit
+    }).then(res => {
+      var _a, _b;
+      // Slice result due to a bug in limit option being ingored by android camera
+      return (_b = (_a = res.photos) === null || _a === void 0 ? void 0 : _a.slice(0, limit)) === null || _b === void 0 ? void 0 : _b.map(p => p === null || p === void 0 ? void 0 : p.path);
+    });
+  }
+  // Use image picture to support ios as capacitor only support importing one photo at time for ios > 13
   const imagesUris = await ImagePicker.getPictures({
-    maximumImagesCount: limit || 15,
+    maximumImagesCount: limit,
     quality: compress ? quality : 100,
     disable_popover: true
   });

package/dist/{esm/buffer-es6-1d50e4bf.js → design-system/buffer-es6-7eab7aaf.js}

@@ -1,4 +1,4 @@
-import { e as global } from './lodash-814bf2cd.js';
+import { e as global } from './lodash-2317d9a5.js';
 
 var lookup = [];
 var revLookup = [];

package/dist/{esm/camera-helpers-cf39f347.js → design-system/camera-helpers-1cf16a57.js}

@@ -1,5 +1,5 @@
-import { b$ as cordova, c0 as IonicNativePlugin, cb as cordovaPropertyGet, cc as cordovaPropertySet, c as getSession, cd as isIonic, m as isNativeMobile, ce as Device, n as isAndroid, B as isIOS, cf as getMediaDevices, s as showModal, f as getModalAnimation, w as isWeb } from './overlays-04127f74.js';
-import './index-b16e43b0.js';
+import { b$ as cordova, c0 as IonicNativePlugin, cb as cordovaPropertyGet, cc as cordovaPropertySet, cd as registerPlugin, c as getSession, ce as isIonic, m as isNativeMobile, cf as Device, n as isAndroid, B as isIOS, cg as getMediaDevices, s as showModal, f as getModalAnimation, w as isWeb } from './overlays-23c93344.js';
+import './index-635ca72c.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -126,7 +126,7 @@ var CameraOriginal = /** @class */ (function (_super) {
     CameraOriginal.platforms = ["Android", "Browser", "iOS", "Windows"];
     return CameraOriginal;
 }(IonicNativePlugin));
-var Camera = new CameraOriginal();
+var Camera$1 = new CameraOriginal();
 
 var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -178,6 +178,37 @@ var MediaCaptureOriginal = /** @class */ (function (_super) {
 }(IonicNativePlugin));
 var MediaCapture = new MediaCaptureOriginal();
 
+var CameraSource;
+(function (CameraSource) {
+    /**
+     * Prompts the user to select either the photo album or take a photo.
+     */
+    CameraSource["Prompt"] = "PROMPT";
+    /**
+     * Take a new photo using the camera.
+     */
+    CameraSource["Camera"] = "CAMERA";
+    /**
+     * Pick an existing photo fron the gallery or photo album.
+     */
+    CameraSource["Photos"] = "PHOTOS";
+})(CameraSource || (CameraSource = {}));
+var CameraDirection;
+(function (CameraDirection) {
+    CameraDirection["Rear"] = "REAR";
+    CameraDirection["Front"] = "FRONT";
+})(CameraDirection || (CameraDirection = {}));
+var CameraResultType;
+(function (CameraResultType) {
+    CameraResultType["Uri"] = "uri";
+    CameraResultType["Base64"] = "base64";
+    CameraResultType["DataUrl"] = "dataUrl";
+})(CameraResultType || (CameraResultType = {}));
+
+const Camera = registerPlugin('Camera', {
+    web: () => import('./web-b6015ee1.js').then(m => new m.CameraWeb()),
+});
+
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -235,12 +266,24 @@ function getPictureMaxSize(isImageRecognition, maxWidth) {
   }
   return maxWidth || maxSize;
 }
-async function importMultipleFromLibrary(limit, compress = isAndroid(), quality) {
+async function importMultipleFromLibrary(limit = 15, compress = isAndroid(), quality) {
   if (!await ImagePicker.hasReadPermission()) {
     await ImagePicker.requestReadPermission();
   }
+  // Use Android camera to preserve exif data
+  if (isAndroid()) {
+    return Camera.pickImages({
+      quality: compress ? quality : 100,
+      limit
+    }).then(res => {
+      var _a, _b;
+      // Slice result due to a bug in limit option being ingored by android camera
+      return (_b = (_a = res.photos) === null || _a === void 0 ? void 0 : _a.slice(0, limit)) === null || _b === void 0 ? void 0 : _b.map(p => p === null || p === void 0 ? void 0 : p.path);
+    });
+  }
+  // Use image picture to support ios as capacitor only support importing one photo at time for ios > 13
   const imagesUris = await ImagePicker.getPictures({
-    maximumImagesCount: limit || 15,
+    maximumImagesCount: limit,
     quality: compress ? quality : 100,
     disable_popover: true
   });
@@ -256,7 +299,7 @@ function getPicture(quality, sourceType, mediaType, isMultiMode = false, maxWidt
   else {
     const allowEdit = false;
     const useTargetBound = ((_a = getSession().user) === null || _a === void 0 ? void 0 : _a.photoMaxWidth) !== -1 && !isCrop;
-    return Camera.getPicture({
+    return Camera$1.getPicture({
       destinationType: DestinationType.FILE_URL,
       correctOrientation: !isIOS(),
       encodingType: EncodingType.JPEG,
@@ -306,4 +349,4 @@ function showAudioRecorder() {
   return showModal(audioRecorderDialog, { height: 'medium' }, '', getModalAnimation('Enter', 'Y'), getModalAnimation('Leave', 'Y'), isWeb());
 }
 
-export { MediaType as M, PictureSourceType as P, getVideoDevices as a, getVideo as b, MediaCapture as c, getPictureMaxSize as d, getPicture as g, importMultipleFromLibrary as i, showAudioRecorder as s };
+export { CameraSource as C, MediaType as M, PictureSourceType as P, getVideoDevices as a, getVideo as b, MediaCapture as c, getPictureMaxSize as d, CameraDirection as e, getPicture as g, importMultipleFromLibrary as i, showAudioRecorder as s };

package/dist/{esm/chat-helpers-443a84bd.js → design-system/chat-helpers-974af516.js}

@@ -1,6 +1,6 @@
-import './index-b16e43b0.js';
-import { f as isArray } from './lodash-814bf2cd.js';
-import { am as is24Hour, an as isFile, s as showModal, w as isWeb } from './overlays-04127f74.js';
+import './index-635ca72c.js';
+import { f as isArray } from './lodash-2317d9a5.js';
+import { am as is24Hour, an as isFile, s as showModal, w as isWeb } from './overlays-23c93344.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages