@yoobic/yobi 8.5.0-19 → 8.5.0-20

package/dist/design-system/yoo-form-capture.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, j as Build, e as Host, g as getElement } from './index-0a59e2a1.js';
 import { P as PictureSourceType, M as MediaType, i as importMultipleFromLibrary, g as getPicture, b as getVideo, s as showAudioRecorder, c as MediaCapture, a as getVideoDevices } from './camera-helpers-b0eccbf9.js';
-import { t as translate, b5 as showToast, dL as getFormCapturedFileSize, ae as showAlert, ar as pipes, X as isNullOrUndefined, aV as isImageUrl, ah as isGif, dG as isUnsplashUrl, A as isWeb, ai as isImage, ag as isVideo, dF as isAudio, j as isNativeMobile, cm as addFilePrefix, k as isAndroid, cp as moveToImageDirectory, a3 as getSession, z as showModal, H as isIOS, G as isIphoneX, b$ as StatusBar, dM as isLenovo, af as showActionSheet, dN as updatePathSessionId, bS as isSafari, P as getAsyncExtraData, dx as asyncWaterfall, cn as read, R as isNativeFilePath, aj as downloadFile, an as isFile, dO as getMimeType, bn as isOffline, dP as hasLargeFile, Z as translateMulti, aD as showContextMenu, ay as isPhotoEdited, du as images, dQ as audios, dv as videos, az as changeExtension, av as isCloudinaryLink } from './overlays-7248256e.js';
+import { t as translate, b5 as showToast, dL as getFormCapturedFileSize, ae as showAlert, ar as pipes, X as isNullOrUndefined, ai as isImage, ah as isGif, dG as isUnsplashUrl, A as isWeb, ag as isVideo, dF as isAudio, j as isNativeMobile, aV as isImageUrl, cm as addFilePrefix, k as isAndroid, cp as moveToImageDirectory, a3 as getSession, z as showModal, H as isIOS, G as isIphoneX, b$ as StatusBar, dM as isLenovo, af as showActionSheet, dN as updatePathSessionId, bS as isSafari, P as getAsyncExtraData, dx as asyncWaterfall, cn as read, R as isNativeFilePath, aj as downloadFile, an as isFile, dO as getMimeType, bn as isOffline, dP as hasLargeFile, Z as translateMulti, aD as showContextMenu, ay as isPhotoEdited, du as images, dQ as audios, dv as videos, az as changeExtension, av as isCloudinaryLink } from './overlays-7248256e.js';
 import './index-e88a94c1.js';
 import { k as keys, z as intersection, a as isNumber, i as isArray, a4 as assignInWith, s as assign, n as compact, t as clone, E as isUndefined } from './lodash-653c0bcd.js';
 import { c as querySelectorAllDeep, q as querySelectorDeep, i as showImageCropper, e as showPhotoEditor, a as showSlidesMedia, g as getAppContext } from './common-helpers-edb2f727.js';
@@ -58,15 +58,9 @@ const YooFormCaptureComponent = class {
     this.updateExtraData(extraData);
   }
   /** If there is index, the field is a multiphoto */
-  async setFieldValue(index, data) {
-    if (index === undefined) {
-      setValueAndValidateInput(data, this);
-    }
-    else {
-      const newValue = this.value ? [...this.value] : [];
-      newValue[index] = data;
-      setValueAndValidateInput(newValue, this);
-    }
+  async setFieldValue(data) {
+    this.multiple ? this.value.push(data) : this.value = data;
+    setValueAndValidateInput(this.value, this);
   }
   async stopImageRecognitionProcess(isCancelled = false) {
     this.imageRecoCancelled = isCancelled;
@@ -258,7 +252,7 @@ const YooFormCaptureComponent = class {
   }
   allowCrop(file) {
     var _a;
-    return (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && isImageUrl(file) && !isGif(file) && (!(typeof file === 'string' && isUnsplashUrl(file)) || isWeb(this.host));
+    return (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && isImage(file) && !isGif(file) && (!(typeof file === 'string' && isUnsplashUrl(file)) || isWeb(this.host));
   }
   removeAllCapture() {
     this.value = [];
@@ -317,50 +311,34 @@ const YooFormCaptureComponent = class {
       }
     }
   }
-  processMediaData(mediaData, index, preventUpdateValue = false) {
-    let promise;
-    if (!mediaData) {
-      return (promise = Promise.resolve(mediaData));
-    }
-    if (mediaData && mediaData.indexOf('?') > 0) {
+  async processMediaData(mediaData, index) {
+    if (mediaData === null || mediaData === void 0 ? void 0 : mediaData.includes('?')) {
       mediaData = mediaData.substring(0, mediaData.indexOf('?'));
     }
-    if (mediaData && mediaData.startsWith && mediaData.startsWith('data:image')) {
-      promise = Promise.resolve(mediaData);
-    }
-    else {
+    else if (mediaData && !isImageUrl(mediaData)) {
       mediaData = addFilePrefix(mediaData);
-      if (isAndroid() && mediaData.indexOf('tmp') < 0 && mediaData.indexOf('cache') < 0) {
-        promise = Promise.resolve(mediaData);
-      }
-      else {
-        promise = moveToImageDirectory(mediaData, getSession().user ? getSession().user.disablePhotoOrientationAutoFix : false);
+      if (!isAndroid() && ['cache', 'tmp'].includes(mediaData)) {
+        try {
+          mediaData = await moveToImageDirectory(mediaData, getSession().user ? getSession().user.disablePhotoOrientationAutoFix : false);
+        }
+        catch (err) {
+          throw new Error(err);
+        }
       }
     }
-    return promise.then((newPath) => {
-      if (preventUpdateValue) {
-        return Promise.resolve(newPath);
-      }
+    try {
       if (this.shouldTagImage()) {
-        this.showPhotoTagDialog(newPath).then((tag) => {
-          if (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
-            this.updateTagData(tag, index);
-            this.setFieldValue(index, newPath);
-            this.clearPhotoEdit(index);
-            if (this.saveGeoloc) {
-              this.captureGeoloc(index);
-            }
-          }
-        });
-      }
-      else {
-        this.setFieldValue(index, newPath);
-        this.clearPhotoEdit(index);
-        if (this.saveGeoloc) {
-          this.captureGeoloc(index);
-        }
+        const tag = await this.showPhotoTagDialog(mediaData);
+        (tag === null || tag === void 0 ? void 0 : tag.data) && this.updateTagData(tag, index);
       }
-    });
+      await this.setFieldValue(mediaData);
+      this.clearPhotoEdit(index);
+      this.saveGeoloc && this.captureGeoloc(index);
+    }
+    catch (err) {
+      throw new Error(err);
+    }
+    return mediaData;
   }
   showPhotoTagDialog(imageSrc, value) {
     const imageTag = document.createElement('yoo-form-capture-tag-dialog');
@@ -487,75 +465,37 @@ const YooFormCaptureComponent = class {
       this.showImageLoader = false;
       return;
     }
-    return promise.then((imageData) => {
-      var _a, _b;
-      const imagesData = Array.isArray(imageData) ? imageData : [imageData];
-      const hasUnsplash = imagesData.some(d => isUnsplashUrl(d));
-      if (!imageData && this.showImageLoader) {
+    try {
+      const res = await promise;
+      if (!res && this.showImageLoader) {
         this.showImageLoader = false;
       }
-      if (!hasUnsplash && (this.cropperOptions || this.showCropper)) {
-        return Promise.all(imagesData.map((data) => this.onOpenCropper(data)))
-          .then(resolvedData => {
-          resolvedData === null || resolvedData === void 0 ? void 0 : resolvedData.forEach((res, i) => {
-            var _a, _b;
-            this.setFieldValue((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : i, res);
-            this.clearPhotoEdit(null);
-          });
-          this.showImageLoader = false;
-        }).catch(() => {
-          this.showImageLoader = false;
-        });
-      }
-      else {
-        let newIndex = index;
-        if (index < 0) {
-          newIndex = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
-        }
-        if (isMultiMode || useMediaCapture) {
-          const promises = imageData.map((d, ind) => {
-            return this.processMediaData(d.fullPath, newIndex >= 0 ? ind + newIndex : newIndex);
-          });
-          return Promise.all(promises).then(() => { });
-        }
-        else if (isArray(imageData)) {
-          const newArr = [];
-          let promises = [];
-          const preventUpdate = imageData.length !== 1;
-          if (preventUpdate) {
-            promises = imageData.map((imageSrc, i) => {
-              return this.processMediaData(imageSrc, null, preventUpdate).then((newImageSrc) => {
-                newArr[i] = newImageSrc;
-              });
-            });
-          }
-          else {
-            promises = imageData.map((d, ind) => {
-              return this.processMediaData(d, ind + newIndex);
-            });
-          }
-          return Promise.all(promises).then(() => {
-            if (preventUpdate) {
-              this.value = [...[].concat(this.value), ...newArr];
-              setValueAndValidateInput(this.value, this);
+      const imagesData = Array.isArray(res) ? res : [res];
+      const hasUnsplash = imagesData.some(d => isUnsplashUrl(d));
+      const processImage = async (imageData, index) => {
+        var _a;
+        try {
+          let extractedData = (imageData === null || imageData === void 0 ? void 0 : imageData['data']) || (imageData === null || imageData === void 0 ? void 0 : imageData['path']) || (imageData === null || imageData === void 0 ? void 0 : imageData['fullPath']) || imageData;
+          if (!this.shouldTagImage()) {
+            const shouldOpenCropper = !hasUnsplash && imagesData.length === 1 && this.allowCrop(imageData);
+            const newIndex = Array.isArray(this.value) ? (_a = this.value) === null || _a === void 0 ? void 0 : _a.length : index;
+            if (shouldOpenCropper) {
+              extractedData = await this.onOpenCropper(imageData);
             }
-            this.showImageLoader = false;
-          });
+            await this.processMediaData(extractedData, newIndex);
+          }
         }
-        else {
+        catch (err) {
           this.showImageLoader = false;
-          if (imageData && imageData['data']) {
-            return this.processMediaData(imageData['data'], newIndex);
-          }
-          if (imageData && imageData['path']) {
-            return this.processMediaData(imageData['path'], newIndex);
-          }
-          return this.processMediaData(imageData, newIndex);
         }
-      }
-    }).catch(() => {
+      };
+      await Promise.all(imagesData.map((data, index) => processImage(data, index)));
       this.showImageLoader = false;
-    });
+    }
+    catch (err) {
+      this.showImageLoader = false;
+      throw new Error(err);
+    }
   }
   captureVideo(index) {
     const options = { limit: 1, duration: this.duration || 60, saveToPhotoAlbum: true };
@@ -623,7 +563,7 @@ const YooFormCaptureComponent = class {
           this.showPhotoTagDialog(ret.data).then((tag) => {
             if (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
               this.updateTagData(tag, index);
-              this.setFieldValue(index, ret.data);
+              this.setFieldValue(ret.data);
               this.clearPhotoEdit(index);
               if (this.saveGeoloc) {
                 this.captureGeoloc();
@@ -632,7 +572,7 @@ const YooFormCaptureComponent = class {
           });
         }
         else {
-          this.setFieldValue(index, ret.data);
+          this.setFieldValue(ret.data);
           this.clearPhotoEdit(index);
           if (this.saveGeoloc) {
             this.captureGeoloc();
@@ -732,7 +672,7 @@ const YooFormCaptureComponent = class {
         }
         else {
           if (this.multiple && (newImages === null || newImages === void 0 ? void 0 : newImages.length) > 0) {
-            this.setFieldValue(captureIndex, newImages);
+            this.setFieldValue(newImages);
           }
           else if (newImages === null || newImages === void 0 ? void 0 : newImages.length) {
             this.value = newImages[0];
@@ -795,17 +735,17 @@ const YooFormCaptureComponent = class {
         const tag = await this.showPhotoTagDialog(data);
         if (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
           this.updateTagData(tag, index);
-          this.setFieldValue(index, data);
+          this.setFieldValue(data);
           this.clearPhotoEdit(index);
         }
       }
       else {
-        this.setFieldValue(index, data);
+        this.setFieldValue(data);
         this.clearPhotoEdit(index);
       }
     }
     else {
-      this.setFieldValue(index, f);
+      this.setFieldValue(f);
       this.clearPhotoEdit(index);
     }
     targetElement.value = null;
@@ -1051,6 +991,7 @@ const YooFormCaptureComponent = class {
   }
   async onShowActionSheet(value, index, event) {
     var _a, _b, _c;
+    event === null || event === void 0 ? void 0 : event.stopImmediatePropagation();
     if (index && index < 0 && this.max && this.value && this.value.length === this.max) {
       this.onShowMaximumCaptureReached();
       return;

package/dist/design-system/yoo-form-dynamic.entry.js

@@ -491,7 +491,7 @@ const YooFormDynamicComponent = class {
           const videoValue = fieldData.value;
           const videoElement = el;
           if (videoValue) {
-            videoElement.setFieldValue(undefined, videoValue);
+            videoElement.setFieldValue(videoValue);
           }
           break;
         }

package/dist/design-system/yoo-form-hotzones.entry.js

@@ -91,8 +91,9 @@ const YooFormHotzonesComponent = class {
     }
   }
   initDraggableTarget() {
+    var _a;
     let draggable;
-    const imgElement = this.boundElement.querySelector('yoo-img');
+    const imgElement = (_a = this.boundElement) === null || _a === void 0 ? void 0 : _a.querySelector('yoo-img');
     const onDrag = () => {
       const isHit = draggable.hitTest(imgElement, '50%');
       this.targetElement.setAttribute('hit', isHit);

package/dist/design-system/yoo-form-text-area.entry.js

@@ -165,7 +165,7 @@ const YooFormTextAreaComponent = class {
       }
     }
     //Timeout here to wait until the content on the textarea get loaded and the textarea got its final size (to be refactored alongside with the component later on 
-    setTimeout(() => {
+    !this.isRichText && setTimeout(() => {
       this.updateTextareaSize();
     }, 1000);
     if (this.focusOnRendered) {

package/dist/esm/yoo-card-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
 import './index-e88a94c1.js';
-import { n as compact, y as isEmpty, q as isString, a as isNumber } from './lodash-653c0bcd.js';
+import { n as compact, y as isEmpty, q as isString, a as isNumber, A as isEqual } from './lodash-653c0bcd.js';
 import { t as toggleElementTapped } from './card-list-helpers-4e01192d.js';
 import { e as showPhotoEditor, r as removeHtmlFromString, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-edb2f727.js';
 import { ai as isImage, ag as isVideo, aj as downloadFile, t as translate, A as isWeb, Z as translateMulti, ap as replaceAllLinks, av as isCloudinaryLink, dG as isUnsplashUrl, a3 as getSession, ax as parseMarkDown, aI as isPresent, U as Cloudinary, ej as isFieldWithNoValue, X as isNullOrUndefined, dT as isFirefox } from './overlays-7248256e.js';
@@ -272,8 +272,11 @@ const YooCardListComponent = class {
       !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('map')) &&
       !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('grid-cell'))) {
       return (h("div", { class: "uifield-container" }, h("yoo-form-dynamic", { class: "inline in-card secondary transparent", scrollable: false, forceReadonly: !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('form')), slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, isPdf: this.entry.isPdf, onDataChanged: (ev) => {
+          var _a, _b;
           ev.stopPropagation();
-          this.uiFieldsChanged.emit({ newdata: ev.detail });
+          if (!isEqual((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.uiFields) === null || _b === void 0 ? void 0 : _b.data, ev === null || ev === void 0 ? void 0 : ev.detail)) {
+            this.uiFieldsChanged.emit({ newdata: ev.detail });
+          }
         } })));
     }
   }

package/dist/esm/yoo-form-capture.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, j as Build, e as Host, g as getElement } from './index-0a59e2a1.js';
 import { P as PictureSourceType, M as MediaType, i as importMultipleFromLibrary, g as getPicture, b as getVideo, s as showAudioRecorder, c as MediaCapture, a as getVideoDevices } from './camera-helpers-b0eccbf9.js';
-import { t as translate, b5 as showToast, dL as getFormCapturedFileSize, ae as showAlert, ar as pipes, X as isNullOrUndefined, aV as isImageUrl, ah as isGif, dG as isUnsplashUrl, A as isWeb, ai as isImage, ag as isVideo, dF as isAudio, j as isNativeMobile, cm as addFilePrefix, k as isAndroid, cp as moveToImageDirectory, a3 as getSession, z as showModal, H as isIOS, G as isIphoneX, b$ as StatusBar, dM as isLenovo, af as showActionSheet, dN as updatePathSessionId, bS as isSafari, P as getAsyncExtraData, dx as asyncWaterfall, cn as read, R as isNativeFilePath, aj as downloadFile, an as isFile, dO as getMimeType, bn as isOffline, dP as hasLargeFile, Z as translateMulti, aD as showContextMenu, ay as isPhotoEdited, du as images, dQ as audios, dv as videos, az as changeExtension, av as isCloudinaryLink } from './overlays-7248256e.js';
+import { t as translate, b5 as showToast, dL as getFormCapturedFileSize, ae as showAlert, ar as pipes, X as isNullOrUndefined, ai as isImage, ah as isGif, dG as isUnsplashUrl, A as isWeb, ag as isVideo, dF as isAudio, j as isNativeMobile, aV as isImageUrl, cm as addFilePrefix, k as isAndroid, cp as moveToImageDirectory, a3 as getSession, z as showModal, H as isIOS, G as isIphoneX, b$ as StatusBar, dM as isLenovo, af as showActionSheet, dN as updatePathSessionId, bS as isSafari, P as getAsyncExtraData, dx as asyncWaterfall, cn as read, R as isNativeFilePath, aj as downloadFile, an as isFile, dO as getMimeType, bn as isOffline, dP as hasLargeFile, Z as translateMulti, aD as showContextMenu, ay as isPhotoEdited, du as images, dQ as audios, dv as videos, az as changeExtension, av as isCloudinaryLink } from './overlays-7248256e.js';
 import './index-e88a94c1.js';
 import { k as keys, z as intersection, a as isNumber, i as isArray, a4 as assignInWith, s as assign, n as compact, t as clone, E as isUndefined } from './lodash-653c0bcd.js';
 import { c as querySelectorAllDeep, q as querySelectorDeep, i as showImageCropper, e as showPhotoEditor, a as showSlidesMedia, g as getAppContext } from './common-helpers-edb2f727.js';
@@ -58,15 +58,9 @@ const YooFormCaptureComponent = class {
     this.updateExtraData(extraData);
   }
   /** If there is index, the field is a multiphoto */
-  async setFieldValue(index, data) {
-    if (index === undefined) {
-      setValueAndValidateInput(data, this);
-    }
-    else {
-      const newValue = this.value ? [...this.value] : [];
-      newValue[index] = data;
-      setValueAndValidateInput(newValue, this);
-    }
+  async setFieldValue(data) {
+    this.multiple ? this.value.push(data) : this.value = data;
+    setValueAndValidateInput(this.value, this);
   }
   async stopImageRecognitionProcess(isCancelled = false) {
     this.imageRecoCancelled = isCancelled;
@@ -258,7 +252,7 @@ const YooFormCaptureComponent = class {
   }
   allowCrop(file) {
     var _a;
-    return (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && isImageUrl(file) && !isGif(file) && (!(typeof file === 'string' && isUnsplashUrl(file)) || isWeb(this.host));
+    return (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && isImage(file) && !isGif(file) && (!(typeof file === 'string' && isUnsplashUrl(file)) || isWeb(this.host));
   }
   removeAllCapture() {
     this.value = [];
@@ -317,50 +311,34 @@ const YooFormCaptureComponent = class {
       }
     }
   }
-  processMediaData(mediaData, index, preventUpdateValue = false) {
-    let promise;
-    if (!mediaData) {
-      return (promise = Promise.resolve(mediaData));
-    }
-    if (mediaData && mediaData.indexOf('?') > 0) {
+  async processMediaData(mediaData, index) {
+    if (mediaData === null || mediaData === void 0 ? void 0 : mediaData.includes('?')) {
       mediaData = mediaData.substring(0, mediaData.indexOf('?'));
     }
-    if (mediaData && mediaData.startsWith && mediaData.startsWith('data:image')) {
-      promise = Promise.resolve(mediaData);
-    }
-    else {
+    else if (mediaData && !isImageUrl(mediaData)) {
       mediaData = addFilePrefix(mediaData);
-      if (isAndroid() && mediaData.indexOf('tmp') < 0 && mediaData.indexOf('cache') < 0) {
-        promise = Promise.resolve(mediaData);
-      }
-      else {
-        promise = moveToImageDirectory(mediaData, getSession().user ? getSession().user.disablePhotoOrientationAutoFix : false);
+      if (!isAndroid() && ['cache', 'tmp'].includes(mediaData)) {
+        try {
+          mediaData = await moveToImageDirectory(mediaData, getSession().user ? getSession().user.disablePhotoOrientationAutoFix : false);
+        }
+        catch (err) {
+          throw new Error(err);
+        }
       }
     }
-    return promise.then((newPath) => {
-      if (preventUpdateValue) {
-        return Promise.resolve(newPath);
-      }
+    try {
       if (this.shouldTagImage()) {
-        this.showPhotoTagDialog(newPath).then((tag) => {
-          if (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
-            this.updateTagData(tag, index);
-            this.setFieldValue(index, newPath);
-            this.clearPhotoEdit(index);
-            if (this.saveGeoloc) {
-              this.captureGeoloc(index);
-            }
-          }
-        });
-      }
-      else {
-        this.setFieldValue(index, newPath);
-        this.clearPhotoEdit(index);
-        if (this.saveGeoloc) {
-          this.captureGeoloc(index);
-        }
+        const tag = await this.showPhotoTagDialog(mediaData);
+        (tag === null || tag === void 0 ? void 0 : tag.data) && this.updateTagData(tag, index);
       }
-    });
+      await this.setFieldValue(mediaData);
+      this.clearPhotoEdit(index);
+      this.saveGeoloc && this.captureGeoloc(index);
+    }
+    catch (err) {
+      throw new Error(err);
+    }
+    return mediaData;
   }
   showPhotoTagDialog(imageSrc, value) {
     const imageTag = document.createElement('yoo-form-capture-tag-dialog');
@@ -487,75 +465,37 @@ const YooFormCaptureComponent = class {
       this.showImageLoader = false;
       return;
     }
-    return promise.then((imageData) => {
-      var _a, _b;
-      const imagesData = Array.isArray(imageData) ? imageData : [imageData];
-      const hasUnsplash = imagesData.some(d => isUnsplashUrl(d));
-      if (!imageData && this.showImageLoader) {
+    try {
+      const res = await promise;
+      if (!res && this.showImageLoader) {
         this.showImageLoader = false;
       }
-      if (!hasUnsplash && (this.cropperOptions || this.showCropper)) {
-        return Promise.all(imagesData.map((data) => this.onOpenCropper(data)))
-          .then(resolvedData => {
-          resolvedData === null || resolvedData === void 0 ? void 0 : resolvedData.forEach((res, i) => {
-            var _a, _b;
-            this.setFieldValue((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : i, res);
-            this.clearPhotoEdit(null);
-          });
-          this.showImageLoader = false;
-        }).catch(() => {
-          this.showImageLoader = false;
-        });
-      }
-      else {
-        let newIndex = index;
-        if (index < 0) {
-          newIndex = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
-        }
-        if (isMultiMode || useMediaCapture) {
-          const promises = imageData.map((d, ind) => {
-            return this.processMediaData(d.fullPath, newIndex >= 0 ? ind + newIndex : newIndex);
-          });
-          return Promise.all(promises).then(() => { });
-        }
-        else if (isArray(imageData)) {
-          const newArr = [];
-          let promises = [];
-          const preventUpdate = imageData.length !== 1;
-          if (preventUpdate) {
-            promises = imageData.map((imageSrc, i) => {
-              return this.processMediaData(imageSrc, null, preventUpdate).then((newImageSrc) => {
-                newArr[i] = newImageSrc;
-              });
-            });
-          }
-          else {
-            promises = imageData.map((d, ind) => {
-              return this.processMediaData(d, ind + newIndex);
-            });
-          }
-          return Promise.all(promises).then(() => {
-            if (preventUpdate) {
-              this.value = [...[].concat(this.value), ...newArr];
-              setValueAndValidateInput(this.value, this);
+      const imagesData = Array.isArray(res) ? res : [res];
+      const hasUnsplash = imagesData.some(d => isUnsplashUrl(d));
+      const processImage = async (imageData, index) => {
+        var _a;
+        try {
+          let extractedData = (imageData === null || imageData === void 0 ? void 0 : imageData['data']) || (imageData === null || imageData === void 0 ? void 0 : imageData['path']) || (imageData === null || imageData === void 0 ? void 0 : imageData['fullPath']) || imageData;
+          if (!this.shouldTagImage()) {
+            const shouldOpenCropper = !hasUnsplash && imagesData.length === 1 && this.allowCrop(imageData);
+            const newIndex = Array.isArray(this.value) ? (_a = this.value) === null || _a === void 0 ? void 0 : _a.length : index;
+            if (shouldOpenCropper) {
+              extractedData = await this.onOpenCropper(imageData);
             }
-            this.showImageLoader = false;
-          });
+            await this.processMediaData(extractedData, newIndex);
+          }
         }
-        else {
+        catch (err) {
           this.showImageLoader = false;
-          if (imageData && imageData['data']) {
-            return this.processMediaData(imageData['data'], newIndex);
-          }
-          if (imageData && imageData['path']) {
-            return this.processMediaData(imageData['path'], newIndex);
-          }
-          return this.processMediaData(imageData, newIndex);
         }
-      }
-    }).catch(() => {
+      };
+      await Promise.all(imagesData.map((data, index) => processImage(data, index)));
       this.showImageLoader = false;
-    });
+    }
+    catch (err) {
+      this.showImageLoader = false;
+      throw new Error(err);
+    }
   }
   captureVideo(index) {
     const options = { limit: 1, duration: this.duration || 60, saveToPhotoAlbum: true };
@@ -623,7 +563,7 @@ const YooFormCaptureComponent = class {
           this.showPhotoTagDialog(ret.data).then((tag) => {
             if (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
               this.updateTagData(tag, index);
-              this.setFieldValue(index, ret.data);
+              this.setFieldValue(ret.data);
               this.clearPhotoEdit(index);
               if (this.saveGeoloc) {
                 this.captureGeoloc();
@@ -632,7 +572,7 @@ const YooFormCaptureComponent = class {
           });
         }
         else {
-          this.setFieldValue(index, ret.data);
+          this.setFieldValue(ret.data);
           this.clearPhotoEdit(index);
           if (this.saveGeoloc) {
             this.captureGeoloc();
@@ -732,7 +672,7 @@ const YooFormCaptureComponent = class {
         }
         else {
           if (this.multiple && (newImages === null || newImages === void 0 ? void 0 : newImages.length) > 0) {
-            this.setFieldValue(captureIndex, newImages);
+            this.setFieldValue(newImages);
           }
           else if (newImages === null || newImages === void 0 ? void 0 : newImages.length) {
             this.value = newImages[0];
@@ -795,17 +735,17 @@ const YooFormCaptureComponent = class {
         const tag = await this.showPhotoTagDialog(data);
         if (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
           this.updateTagData(tag, index);
-          this.setFieldValue(index, data);
+          this.setFieldValue(data);
           this.clearPhotoEdit(index);
         }
       }
       else {
-        this.setFieldValue(index, data);
+        this.setFieldValue(data);
         this.clearPhotoEdit(index);
       }
     }
     else {
-      this.setFieldValue(index, f);
+      this.setFieldValue(f);
       this.clearPhotoEdit(index);
     }
     targetElement.value = null;
@@ -1051,6 +991,7 @@ const YooFormCaptureComponent = class {
   }
   async onShowActionSheet(value, index, event) {
     var _a, _b, _c;
+    event === null || event === void 0 ? void 0 : event.stopImmediatePropagation();
     if (index && index < 0 && this.max && this.value && this.value.length === this.max) {
       this.onShowMaximumCaptureReached();
       return;

package/dist/esm/yoo-form-dynamic.entry.js

@@ -491,7 +491,7 @@ const YooFormDynamicComponent = class {
           const videoValue = fieldData.value;
           const videoElement = el;
           if (videoValue) {
-            videoElement.setFieldValue(undefined, videoValue);
+            videoElement.setFieldValue(videoValue);
           }
           break;
         }

package/dist/esm/yoo-form-hotzones.entry.js

@@ -91,8 +91,9 @@ const YooFormHotzonesComponent = class {
     }
   }
   initDraggableTarget() {
+    var _a;
     let draggable;
-    const imgElement = this.boundElement.querySelector('yoo-img');
+    const imgElement = (_a = this.boundElement) === null || _a === void 0 ? void 0 : _a.querySelector('yoo-img');
     const onDrag = () => {
       const isHit = draggable.hitTest(imgElement, '50%');
       this.targetElement.setAttribute('hit', isHit);

package/dist/esm/yoo-form-text-area.entry.js

@@ -165,7 +165,7 @@ const YooFormTextAreaComponent = class {
       }
     }
     //Timeout here to wait until the content on the textarea get loaded and the textarea got its final size (to be refactored alongside with the component later on 
-    setTimeout(() => {
+    !this.isRichText && setTimeout(() => {
       this.updateTextareaSize();
     }, 1000);
     if (this.focusOnRendered) {

package/dist/types/components/form/form-capture/form-capture.d.ts

@@ -100,7 +100,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   updateAutocompleteValues(tags: any): Promise<void>;
   updateData(value: any, extraData: any): Promise<void>;
   /** If there is index, the field is a multiphoto */
-  setFieldValue(index: number, data: any): Promise<void>;
+  setFieldValue(data: any): Promise<void>;
   stopImageRecognitionProcess(isCancelled?: boolean): Promise<void>;
   onPhotoUploadComplete(): Promise<void>;
   onPhotoUploadProgressUpdate(progress: number, index: number): Promise<void>;
@@ -126,7 +126,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   isMedia(file: any): boolean;
   /** for webcam, choose which device to take photo/video */
   capture(device: any, index?: number): void;
-  processMediaData(mediaData: any, index: any, preventUpdateValue?: boolean): Promise<any>;
+  processMediaData(mediaData: string, index: number): Promise<string>;
   showPhotoTagDialog(imageSrc: string, value?: any): Promise<import("@shared/interfaces").IOverlayEventDetail<any>>;
   updateTagData(tag: any, index?: number): void;
   updateStitchDirection(direction: StitchDirection, index: number): void;
@@ -140,9 +140,9 @@ export declare class YooFormCaptureComponent implements IFormCapture {
     regularMode?: boolean;
     stitchDirection?: StitchDirection;
   }): Promise<any>;
-  capturePhoto(useLibrary: boolean, index?: number): Promise<any>;
+  capturePhoto(useLibrary: boolean, index?: number): Promise<void>;
   captureVideo(index: number): Promise<void>;
-  captureAudio(index: number): Promise<any>;
+  captureAudio(index: number): Promise<string | void>;
   noAudio(): void;
   fixSessionIdPath(): void;
   fixPathAndGetValue(files: MediaFile[]): string;

package/dist/types/components.d.ts

@@ -2012,7 +2012,7 @@ export namespace Components {
         /**
           * If there is index, the field is a multiphoto
          */
-        "setFieldValue": (index: number, data: any) => Promise<void>;
+        "setFieldValue": (data: any) => Promise<void>;
         "showCropper": boolean;
         "size"?: TSize;
         "stopImageRecognitionProcess": (isCancelled?: boolean) => Promise<void>;