@yoobic/yobi 8.5.0-19 → 8.5.0-20

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-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;
@@ -1055,6 +995,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/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-hotzones.cjs.entry.js

@@ -95,8 +95,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/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 { h, Host } 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;
@@ -264,8 +264,11 @@ export class YooCardListComponent {
       !((_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/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);
-            }
-          }
-        });
-      }
-      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');
@@ -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;
@@ -1030,6 +970,7 @@ export class YooFormCaptureComponent {
   }
   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;
@@ -2773,13 +2714,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;
         }

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

@@ -82,8 +82,9 @@ export class YooFormHotzonesComponent {
     }
   }
   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/collection/components/form/form-text-area/form-text-area.js

@@ -150,7 +150,7 @@ export class YooFormTextAreaComponent {
       }
     }
     //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/design-system/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 });
+          }
         } })));
     }
   }