@yoobic/yobi 8.4.1 → 8.4.3

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

@@ -276,8 +276,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 (index.h("div", { class: "uifield-container" }, index.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 (!lodash.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/cjs/yoo-form-autocomplete.cjs.entry.js

@@ -1062,7 +1062,7 @@ const YooFormAutocompleteComponent = class {
       if (this.entityType === 'files') {
         displayType = 'card-file';
       }
-      if (this.entityType === 'user') {
+      if (this.entityType === 'user' && !this.tag) {
         displayType = 'card-list';
       }
       return (index.h("div", { class: "readonly" }, index.h("div", { class: {

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

@@ -62,15 +62,9 @@ const YooFormCaptureComponent = class {
     this.updateExtraData(extraData);
   }
   /** If there is index, the field is a multiphoto */
-  async setFieldValue(index, data) {
-    if (index === undefined) {
-      formInputHelpers.setValueAndValidateInput(data, this);
-    }
-    else {
-      const newValue = this.value ? [...this.value] : [];
-      newValue[index] = data;
-      formInputHelpers.setValueAndValidateInput(newValue, this);
-    }
+  async setFieldValue(data) {
+    this.multiple ? this.value.push(data) : this.value = data;
+    formInputHelpers.setValueAndValidateInput(this.value, this);
   }
   async stopImageRecognitionProcess(isCancelled = false) {
     this.imageRecoCancelled = isCancelled;
@@ -262,7 +256,7 @@ const YooFormCaptureComponent = class {
   }
   allowCrop(file) {
     var _a;
-    return (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && overlays.isImageUrl(file) && !overlays.isGif(file) && (!(typeof file === 'string' && overlays.isUnsplashUrl(file)) || overlays.isWeb(this.host));
+    return (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && overlays.isImage(file) && !overlays.isGif(file) && (!(typeof file === 'string' && overlays.isUnsplashUrl(file)) || overlays.isWeb(this.host));
   }
   removeAllCapture() {
     this.value = [];
@@ -321,50 +315,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 && !overlays.isImageUrl(mediaData)) {
       mediaData = overlays.addFilePrefix(mediaData);
-      if (overlays.isAndroid() && mediaData.indexOf('tmp') < 0 && mediaData.indexOf('cache') < 0) {
-        promise = Promise.resolve(mediaData);
-      }
-      else {
-        promise = overlays.moveToImageDirectory(mediaData, overlays.getSession().user ? overlays.getSession().user.disablePhotoOrientationAutoFix : false);
+      if (!overlays.isAndroid() && ['cache', 'tmp'].includes(mediaData)) {
+        try {
+          mediaData = await overlays.moveToImageDirectory(mediaData, overlays.getSession().user ? overlays.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 (!overlays.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');
@@ -491,75 +469,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 => overlays.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 (lodash.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];
-              formInputHelpers.setValueAndValidateInput(this.value, this);
+      const imagesData = Array.isArray(res) ? res : [res];
+      const hasUnsplash = imagesData.some(d => overlays.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 };
@@ -627,7 +567,7 @@ const YooFormCaptureComponent = class {
           this.showPhotoTagDialog(ret.data).then((tag) => {
             if (!overlays.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();
@@ -636,7 +576,7 @@ const YooFormCaptureComponent = class {
           });
         }
         else {
-          this.setFieldValue(index, ret.data);
+          this.setFieldValue(ret.data);
           this.clearPhotoEdit(index);
           if (this.saveGeoloc) {
             this.captureGeoloc();
@@ -736,7 +676,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];
@@ -799,17 +739,17 @@ const YooFormCaptureComponent = class {
         const tag = await this.showPhotoTagDialog(data);
         if (!overlays.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;
@@ -1054,6 +994,8 @@ const YooFormCaptureComponent = class {
     overlays.showAlert('', [overlays.translate('YOOBICOK')], description);
   }
   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;
@@ -1161,7 +1103,7 @@ const YooFormCaptureComponent = class {
       }
       else if (buttons.length > 0) {
         if (overlays.isWeb(this.host)) {
-          overlays.showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement });
+          overlays.showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement || ((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector) === null || _c === void 0 ? void 0 : _c.call(_b, '.camera-container')) });
         }
         else {
           overlays.showActionSheet(buttons, null, { heading: actionSheetTitle });

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

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

package/dist/cjs/yoo-form-scorm.cjs.entry.js

@@ -97,6 +97,16 @@ const YooFormScormComponent = class {
               iab._loadAfterBeforeload(params.url);
             }
           });
+          iab.addEventListener('loadstop', () => {
+            iab.insertCSS({ code: `#ContentDiv{
+                 height: 100vh;
+               } 
+               iframe {
+                 height: 100%!important;
+                 min-height: 100%;
+               }`
+            });
+          });
           iab.addEventListener('loaderror', () => {
             if (overlays.isAndroid()) {
               iab.close();

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

@@ -169,7 +169,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/collection/components/entities/card-list/default/card-list.js

@@ -1,6 +1,6 @@
 import { Cloudinary, downloadFile, getSession, isCloudinaryLink, isFieldWithNoValue, isFirefox, isImage, isNullOrUndefined, isPresent, isUnsplashUrl, isVideo, isWeb, parseMarkDown, replaceAllLinks, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, h, Host, Prop, State } from '@stencil/core';
-import { compact, isEmpty, isNumber, isString } from 'lodash-es';
+import { compact, isEmpty, isEqual, isNumber, isString } from 'lodash-es';
 import { toggleElementTapped } from '../../../../utils/helpers/card-list-helpers';
 import { execHandlerAndStopEvent, getAppContext, removeHtmlFromString, showPhotoEditor } from '../../../../utils/helpers/common-helpers';
 const MAX_AVATAR_DISPLAY = 3;
@@ -319,8 +319,11 @@ export class YooCardListComponent {
       !((_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/collection/components/form/form-autocomplete/form-autocomplete.js

@@ -1058,7 +1058,7 @@ export class YooFormAutocompleteComponent {
       if (this.entityType === 'files') {
         displayType = 'card-file';
       }
-      if (this.entityType === 'user') {
+      if (this.entityType === 'user' && !this.tag) {
         displayType = 'card-list';
       }
       return (h("div", { class: "readonly" },

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

@@ -37,15 +37,9 @@ export class YooFormCaptureComponent {
     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;
@@ -237,7 +231,7 @@ export class YooFormCaptureComponent {
   }
   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 = [];
@@ -296,50 +290,34 @@ export class YooFormCaptureComponent {
       }
     }
   }
-  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);
-            }
-          }
-        });
+        const tag = await this.showPhotoTagDialog(mediaData);
+        (tag === null || tag === void 0 ? void 0 : tag.data) && this.updateTagData(tag, index);
       }
-      else {
-        this.setFieldValue(index, newPath);
-        this.clearPhotoEdit(index);
-        if (this.saveGeoloc) {
-          this.captureGeoloc(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');
@@ -466,75 +444,37 @@ export class YooFormCaptureComponent {
       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 };
@@ -602,7 +542,7 @@ export class YooFormCaptureComponent {
           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();
@@ -611,7 +551,7 @@ export class YooFormCaptureComponent {
           });
         }
         else {
-          this.setFieldValue(index, ret.data);
+          this.setFieldValue(ret.data);
           this.clearPhotoEdit(index);
           if (this.saveGeoloc) {
             this.captureGeoloc();
@@ -711,7 +651,7 @@ export class YooFormCaptureComponent {
         }
         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];
@@ -774,17 +714,17 @@ export class YooFormCaptureComponent {
         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;
@@ -1029,6 +969,8 @@ export class YooFormCaptureComponent {
     showAlert('', [translate('YOOBICOK')], description);
   }
   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;
@@ -1136,7 +1078,7 @@ export class YooFormCaptureComponent {
       }
       else if (buttons.length > 0) {
         if (isWeb(this.host)) {
-          showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement });
+          showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement || ((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector) === null || _c === void 0 ? void 0 : _c.call(_b, '.camera-container')) });
         }
         else {
           showActionSheet(buttons, null, { heading: actionSheetTitle });
@@ -2837,13 +2779,10 @@ export class YooFormCaptureComponent {
     },
     "setFieldValue": {
       "complexType": {
-        "signature": "(index: number, data: any) => Promise<void>",
+        "signature": "(data: any) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
-          }, {
-            "tags": [],
-            "text": ""
           }],
         "references": {
           "Promise": {

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

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