@unvired/turboforms-embed-sdk 2.0.63 → 2.0.65

package/dist/turboforms.html

@@ -30095,33 +30095,59 @@ class SmartFileComponent extends FieldComponent {
       });
     }
 
-    if (this.refs.cameraButton && webViewCamera) {
+    if (this.refs.cameraButton) {
       this.addEventListener(this.refs.cameraButton, 'click', (event) => {
         event.preventDefault();
-        webViewCamera.getPicture((success) => {
-          window.resolveLocalFileSystemURL(success, (fileEntry) => {
-            fileEntry.file((file) => {
-              const reader = new FileReader();
-              reader.onloadend = (evt) => {
-                const blob = new Blob([new Uint8Array(evt.target.result)], {
-                  type: file.type
-                });
-                blob.name = file.name;
-                replace = false;
-                this.processAndUpload([blob]);
-              };
-              reader.readAsArrayBuffer(file);
+        if (webViewCamera) {
+          webViewCamera.getPicture((success) => {
+            window.resolveLocalFileSystemURL(success, (fileEntry) => {
+              fileEntry.file((file) => {
+                const reader = new FileReader();
+                reader.onloadend = (evt) => {
+                  const blob = new Blob([new Uint8Array(evt.target.result)], {
+                    type: file.type
+                  });
+                  blob.name = file.name;
+                  replace = false;
+                  this.processAndUpload([blob]);
+                };
+                reader.readAsArrayBuffer(file);
+              });
             });
+          }, (err) => {
+            logger.error(err);
+          }, {
+            sourceType: webViewCamera.PictureSourceType.CAMERA,
+            encodingType: webViewCamera.EncodingType.PNG,
+            mediaType: webViewCamera.MediaType.PICTURE,
+            saveToPhotoAlbum: true,
+            correctOrientation: false,
           });
-        }, (err) => {
-          logger.error(err);
-        }, {
-          sourceType: webViewCamera.PictureSourceType.CAMERA,
-          encodingType: webViewCamera.EncodingType.PNG,
-          mediaType: webViewCamera.MediaType.PICTURE,
-          saveToPhotoAlbum: true,
-          correctOrientation: false,
-        });
+        } else {
+          let id = this.component.id;
+          isfileBrowse = false;
+          window.isListenerSet = false;
+          let eventCustom = new CustomEvent("openCamera", {
+            detail: {
+              controlId: id,
+            },
+          });
+
+          if (window.parent && window.parent !== window) {
+            window.parent.postMessage(
+              {
+                type: "OPEN_CAMERA",
+                data: { controlId: id },
+                status: "sucess",
+                message: "camera triggerd",
+              },
+              "*"
+            );
+          }
+
+          logger.info("[TF_SDK] ✅ Dispatching openCamera event for controlId:", id);
+          document.dispatchEvent(eventCustom);
+        }
       });
     }
 
@@ -30189,24 +30215,47 @@ class SmartFileComponent extends FieldComponent {
       logger.info("[TF_SDK:84] ✅ event.detail.controlId =" + event.detail.controlId)
       if (that.component.id == event.detail.controlId) {
         if (!window.isListenerSet) {
-          window.resolveLocalFileSystemURL(event.detail.imageData, (fileEntry) => {
-            fileEntry.file((file) => {
-              logger.info("[TF_SDK:85] ✅ fileEntry =" + file)
-              const reader = new FileReader();
-              reader.onloadend = (evt) => {
-                logger.info("[TF_SDK:86] ✅ onloadend =" + evt)
-                const blob = new Blob([new Uint8Array(evt.target.result)], {
-                  type: file.type
-                });
-                blob.name = file.name;
-                logger.info("[TF_SDK:87] ✅ file.name =" + file.name);
-                logger.info("[TF_SDK:88] ✅ blob instanceOf Blob =" + blob)
-                that.compressFile([blob])
-              };
-              reader.readAsArrayBuffer(file);
-            });
-          })
-          window.isListenerSet = true;
+          const isBase64 = typeof event.detail.imageData === 'string' && event.detail.imageData.startsWith('data:');
+          if (isBase64 || typeof window.resolveLocalFileSystemURL !== 'function') {
+            const base64ToFile = (base64, filename, contentType = 'image/jpeg') => {
+              const arr = base64.split(',');
+              const mime = arr[0].match(/:(.*?);/)[1];
+              const bstr = atob(arr[1]);
+              let n = bstr.length;
+              const u8arr = new Uint8Array(n);
+              while (n--) {
+                u8arr[n] = bstr.charCodeAt(n);
+              }
+              return new File([u8arr], filename, { type: contentType });
+            };
+            const file = base64ToFile(
+              event.detail.imageData,
+              event.detail.fileName || `photo-${Date.now()}.jpg`
+            );
+            isfileBrowse = false;
+            replace = false;
+            that.compressFile([file]);
+            window.isListenerSet = true;
+          } else {
+            window.resolveLocalFileSystemURL(event.detail.imageData, (fileEntry) => {
+              fileEntry.file((file) => {
+                logger.info("[TF_SDK:85] ✅ fileEntry =" + file)
+                const reader = new FileReader();
+                reader.onloadend = (evt) => {
+                  logger.info("[TF_SDK:86] ✅ onloadend =" + evt)
+                  const blob = new Blob([new Uint8Array(evt.target.result)], {
+                    type: file.type
+                  });
+                  blob.name = file.name;
+                  logger.info("[TF_SDK:87] ✅ file.name =" + file.name);
+                  logger.info("[TF_SDK:88] ✅ blob instanceOf Blob =" + blob)
+                  that.compressFile([blob])
+                };
+                reader.readAsArrayBuffer(file);
+              });
+            })
+            window.isListenerSet = true;
+          }
         }
       }
     }, false);
@@ -30786,8 +30835,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 +40613,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 +40648,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 +40705,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 +41711,7 @@ initThemeHook();
     </div>
 
     <div id="sticky-footer">
-      <div class="build-version">SDK v2.0.63</div>
+      <div class="build-version">SDK v2.0.65</div>
       
       <button class="footer-btn footer-btn-secondary" id="prevBtn" style="display:none" onclick="FormOnPrevious()">
         <i class="bi bi-chevron-left"></i> Previous
@@ -42130,6 +42199,15 @@ initThemeHook();
 
             if (showLoader && sdkLoader) {
                 sdkLoader.classList.remove('hidden');
+                // Handle loader back button visibility
+                const loaderBackBtn = sdkLoader.querySelector('.sdk-loader-back-btn');
+                if (loaderBackBtn) {
+                    if (payloadData.showBackButton === false || payloadData.showBackButton === 'false') {
+                        loaderBackBtn.style.setProperty('display', 'none', 'important');
+                    } else {
+                        loaderBackBtn.style.setProperty('display', 'inline-block', 'important');
+                    }
+                }
             } else {
                 if (sdkLoader) sdkLoader.classList.add('hidden');
                 document.querySelectorAll('.tf-form-loading').forEach(el => el.classList.remove('tf-form-loading'));