@unvired/turboforms-embed-sdk 2.0.63 → 2.0.64

package/dist/turboforms.html

@@ -30786,8 +30786,16 @@ class SmartFileComponent extends FieldComponent {
         : this.t('Preparing file to remove'),
     });
 
-    const index = this.dataValue.findIndex((file) => file.name === fileInfo.name);
-    this.splice(index);
+    const index = this.dataValue.findIndex((file) => 
+      file === fileInfo || 
+      (file.id && file.id === fileInfo.id) || 
+      (file.name && file.name === fileInfo.name)
+    );
+    if (index !== -1) {
+      this.splice(index);
+    } else {
+      logger.warn(`[TF_SDK:102b] ⚠️ Could not find file to delete in dataValue:`, fileInfo);
+    }
     this.redraw();
   }
 
@@ -40556,17 +40564,30 @@ function processFilePreviewsAndErrors(comp) {
                         e.preventDefault();
                         e.stopPropagation();
 
+                        // Resolve current image src dynamically at click time
+                        let currentImgSrc = "";
+                        const previewImg = row.querySelector('.file-preview-img, [ref="fileImage"]');
+                        if (previewImg && previewImg.src) {
+                            currentImgSrc = previewImg.src;
+                        } else {
+                            const link = row.querySelector('a');
+                            const imageExtensionPattern = /\.(jpg|jpeg|png|gif|webp|svg)$/i;
+                            if (link && link.href && (imageExtensionPattern.test(link.href) || link.href.startsWith('data:image'))) {
+                                currentImgSrc = link.href;
+                            }
+                        }
+
                         // 🖼️ Custom Preview Integration
-                        if (iconCfg.title === 'Preview' && imgSrc && typeof window.openImagePreviewModal === 'function') {
+                        if (iconCfg.title === 'Preview' && currentImgSrc && typeof window.openImagePreviewModal === 'function') {
                             const fileName = row.querySelector('a')?.textContent?.trim() || 'File Preview';
-                            window.openImagePreviewModal(imgSrc, fileName);
+                            window.openImagePreviewModal(currentImgSrc, fileName);
                             return;
                         }
 
                         // ✂️ Custom Crop Integration
-                        if (iconCfg.title === 'Edit' && imgSrc && typeof cropro !== 'undefined') {
+                        if (iconCfg.title === 'Edit' && currentImgSrc && typeof cropro !== 'undefined') {
                             const tempImg = new Image();
-                            tempImg.src = imgSrc;
+                            tempImg.src = currentImgSrc;
                             tempImg.style.position = 'fixed';
                             tempImg.style.visibility = 'hidden';
                             tempImg.style.pointerEvents = 'none';
@@ -40578,7 +40599,6 @@ function processFilePreviewsAndErrors(comp) {
                                 cropArea.renderAtNaturalSize = true;
                                 cropArea.popupMargin = 60; // Increase margin to reduce modal size
 
-                                // Apply Custom Theme Colors to Crop Area
                                 // Apply Custom Theme Colors to Crop Area
                                 if (cropArea.styles && cropArea.styles.settings && comp.closest('.tf-embed-sdk')) {
                                     const computedStyle = getComputedStyle(comp);
@@ -40636,7 +40656,7 @@ function processFilePreviewsAndErrors(comp) {
                         // Default: Dispatch custom event for app-level integration
 
                         const customEvent = new CustomEvent(`formio-file-action`, {
-                            detail: { element: comp, icon: iconCfg, row: row, imgSrc: imgSrc },
+                            detail: { element: comp, icon: iconCfg, row: row, imgSrc: currentImgSrc },
                             bubbles: true
                         });
                         actionBtn.dispatchEvent(customEvent);
@@ -41642,7 +41662,7 @@ initThemeHook();
     </div>
 
     <div id="sticky-footer">
-      <div class="build-version">SDK v2.0.63</div>
+      <div class="build-version">SDK v2.0.64</div>
       
       <button class="footer-btn footer-btn-secondary" id="prevBtn" style="display:none" onclick="FormOnPrevious()">
         <i class="bi bi-chevron-left"></i> Previous