@superleapai/flow-ui 2.5.19 → 2.5.21

package/components/file-input.js

@@ -10,16 +10,23 @@
   // Tabler-style inline SVGs (no external deps) – match React IconFile, IconCopy, IconEye, IconX
   var ICONS = {
     file: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>',
-    fileImage: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>',
-    filePdf: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M9 12h6"/><path d="M9 16h6"/><path d="M9 8h1"/></svg>',
-    fileVideo: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg>',
-    fileAudio: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>',
-    fileSpreadsheet: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M8 12h8"/><path d="M8 16h8"/><path d="M8 8h8"/></svg>',
-    fileText: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>',
+    fileImage:
+      '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>',
+    filePdf:
+      '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M9 12h6"/><path d="M9 16h6"/><path d="M9 8h1"/></svg>',
+    fileVideo:
+      '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg>',
+    fileAudio:
+      '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>',
+    fileSpreadsheet:
+      '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M8 12h8"/><path d="M8 16h8"/><path d="M8 8h8"/></svg>',
+    fileText:
+      '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>',
     copy: '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>',
     eye: '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>',
     x: '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>',
-    loader: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="animate-spin"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>',
+    loader:
+      '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="animate-spin"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>',
   };
 
   var IMAGE_EXT = /\.(jpe?g|png|gif|webp|bmp|svg|ico|avif)(\?|$)/i;
@@ -80,10 +87,15 @@
     }
 
     if (!baseUrl) {
-      throw new Error("SuperLeap client not initialized. Call superleapClient.init({ baseUrl, apiKey }) first.");
+      throw new Error(
+        "Superleap client not initialized. Call superleapClient.init({ baseUrl, apiKey }) first.",
+      );
     }
 
-    const fullUrl = uploadUrl.startsWith("http") ? uploadUrl : baseUrl.replace(/\/$/, "") + (uploadUrl.startsWith("/") ? uploadUrl : "/" + uploadUrl);
+    const fullUrl = uploadUrl.startsWith("http")
+      ? uploadUrl
+      : baseUrl.replace(/\/$/, "") +
+        (uploadUrl.startsWith("/") ? uploadUrl : "/" + uploadUrl);
 
     const headers = {};
     if (apiKey) {
@@ -103,14 +115,14 @@
 
     const result = await response.json();
     console.log("[S3FileUpload] Upload response:");
-    
+
     const url = result?.data?.url;
-    
+
     if (!url) {
       console.error("[S3FileUpload] No URL found in response:", result);
       throw new Error("Upload response did not contain a file URL");
     }
-    
+
     return {
       url: url,
     };
@@ -135,8 +147,7 @@
    * @returns {HTMLElement} Field element
    */
   var UPLOAD_WRAPPER_CLASS = {
-    base:
-      "group relative flex w-full items-center justify-between border-1/2 rounded-4 text-typography-primary-text w-full transition-all ease-in-out focus-within:outline-none group-has-[:disabled]:cursor-not-allowed group-has-[:disabled]:border-border-primary group-has-[:disabled]:bg-fill-tertiary-fill-light-gray group-has-[:disabled]:text-typography-quaternary-text group-has-[:disabled]:hover:border-border-primary",
+    base: "group relative flex w-full items-center justify-between border-1/2 rounded-4 text-typography-primary-text w-full transition-all ease-in-out focus-within:outline-none group-has-[:disabled]:cursor-not-allowed group-has-[:disabled]:border-border-primary group-has-[:disabled]:bg-fill-tertiary-fill-light-gray group-has-[:disabled]:text-typography-quaternary-text group-has-[:disabled]:hover:border-border-primary",
     default:
       "border-border-primary bg-fill-quarternary-fill-white hover:border-primary-base focus-within:border-primary-base",
     error:
@@ -205,23 +216,29 @@
         UPLOAD_WRAPPER_CLASS.base,
         UPLOAD_WRAPPER_CLASS[currentVariant] || UPLOAD_WRAPPER_CLASS.default,
         sizeClass,
-        className
+        className,
       );
     }
     applyWrapperClasses();
     uploadWrapper.setAttribute("data-file-input-variant", currentVariant);
     uploadWrapper.setAttribute("data-file-input-size", currentInputSize);
-    uploadWrapper.setAttribute("data-disabled", disabledState ? "true" : "false");
+    uploadWrapper.setAttribute(
+      "data-disabled",
+      disabledState ? "true" : "false",
+    );
 
     // Left content (button + status) – pointer-events-none so overlay input receives clicks
     const leftContent = document.createElement("div");
-    leftContent.className = "pointer-events-none flex min-w-0 flex-1 items-center gap-8 truncate";
+    leftContent.className =
+      "pointer-events-none flex min-w-0 flex-1 items-center gap-8 truncate";
 
     var disabledChildClasses =
       "group-has-[:disabled]:text-typography-quaternary-text group-has-[:disabled]:bg-fill-tertiary-fill-light-gray group-has-[:disabled]:hover:bg-fill-tertiary-fill-light-gray";
     var statusTextBaseClass = "text-reg-13 min-w-0 flex-1 truncate";
-    var statusTextDisabledClass = " group-has-[:disabled]:text-typography-quaternary-text";
-    const useButtonComponent = global.Button && typeof global.Button.create === "function";
+    var statusTextDisabledClass =
+      " group-has-[:disabled]:text-typography-quaternary-text";
+    const useButtonComponent =
+      global.Button && typeof global.Button.create === "function";
     const initialButtonText = multiple ? "Choose files" : "Choose a file";
     const btn = useButtonComponent
       ? global.Button.create({
@@ -241,7 +258,10 @@
 
     // Status text: "No files chosen" (quaternary) or "X file(s) selected"
     const statusText = document.createElement("p");
-    statusText.className = statusTextBaseClass + " text-typography-quaternary-text" + statusTextDisabledClass;
+    statusText.className =
+      statusTextBaseClass +
+      " text-typography-quaternary-text" +
+      statusTextDisabledClass;
 
     // Hidden file input – overlays row, high z-index so it receives clicks
     const input = document.createElement("input");
@@ -250,7 +270,9 @@
     function applyInputClasses() {
       input.className =
         inputBaseClass +
-        (disabledState ? " !pointer-events-none !cursor-not-allowed" : " cursor-pointer");
+        (disabledState
+          ? " !pointer-events-none !cursor-not-allowed"
+          : " cursor-pointer");
     }
     applyInputClasses();
     input.multiple = multiple;
@@ -294,7 +316,8 @@
     function makeCopyBtn(fileUrl) {
       const btn = document.createElement("button");
       btn.type = "button";
-      btn.className = "shrink-0 rounded-2 p-4 text-typography-quaternary-text transition-colors hover:text-typography-primary-text focus:outline-none";
+      btn.className =
+        "shrink-0 rounded-2 p-4 text-typography-quaternary-text transition-colors hover:text-typography-primary-text focus:outline-none";
       btn.innerHTML = ICONS.copy;
       btn.setAttribute("aria-label", "Copy URL");
       btn.addEventListener("click", function (e) {
@@ -309,7 +332,7 @@
             if (global.FlowUI && global.FlowUI.showToast) {
               global.FlowUI.showToast("Copy failed", "error");
             }
-          }
+          },
         );
       });
       return btn;
@@ -318,7 +341,8 @@
     function makeViewBtn(fileUrl) {
       const btn = document.createElement("button");
       btn.type = "button";
-      btn.className = "shrink-0 rounded-2 p-4 text-typography-quaternary-text transition-colors hover:text-typography-primary-text focus:outline-none";
+      btn.className =
+        "shrink-0 rounded-2 p-4 text-typography-quaternary-text transition-colors hover:text-typography-primary-text focus:outline-none";
       btn.innerHTML = ICONS.eye;
       btn.setAttribute("aria-label", "View file");
       btn.addEventListener("click", function (e) {
@@ -331,7 +355,8 @@
     function makeRemoveBtn(onRemove) {
       const btn = document.createElement("button");
       btn.type = "button";
-      btn.className = "shrink-0 rounded-2 p-4 text-error-text-base transition-colors hover:bg-error-surface focus:outline-none";
+      btn.className =
+        "shrink-0 rounded-2 p-4 text-error-text-base transition-colors hover:bg-error-surface focus:outline-none";
       btn.innerHTML = ICONS.x;
       btn.setAttribute("aria-label", "Remove file");
       btn.addEventListener("click", function (e) {
@@ -348,7 +373,8 @@
 
       uploadedFiles.forEach(function (file, index) {
         var nameEl = document.createElement("p");
-        nameEl.className = "max-w-[100px] truncate text-reg-10 text-typography-secondary-text";
+        nameEl.className =
+          "max-w-[100px] truncate text-reg-10 text-typography-secondary-text";
         nameEl.textContent = file.name;
         nameEl.title = file.url;
 
@@ -356,12 +382,14 @@
         actionsWrap.className = "flex items-center gap-2 shrink-0";
         actionsWrap.appendChild(makeCopyBtn(file.url));
         actionsWrap.appendChild(makeViewBtn(file.url));
-        actionsWrap.appendChild(makeRemoveBtn(function () {
-          uploadedFiles.splice(index, 1);
-          saveToState();
-          renderFilesList();
-          updateStatus();
-        }));
+        actionsWrap.appendChild(
+          makeRemoveBtn(function () {
+            uploadedFiles.splice(index, 1);
+            saveToState();
+            renderFilesList();
+            updateStatus();
+          }),
+        );
 
         var badge;
         if (useBadge) {
@@ -373,12 +401,15 @@
             className: "text-typography-primary-text",
           });
           var iconWraps = badge.querySelectorAll(".flex.size-16");
-          if (iconWraps.length >= 1) iconWraps[0].classList.add("text-typography-secondary-text");
+          if (iconWraps.length >= 1)
+            iconWraps[0].classList.add("text-typography-secondary-text");
         } else {
           badge = document.createElement("div");
-          badge.className = "inline-flex items-center gap-4 rounded-4 border-1/2 border-border-primary bg-fill-tertiary-fill-light-gray px-8 py-2 text-med-12 text-typography-primary-text";
+          badge.className =
+            "inline-flex items-center gap-4 rounded-4 border-1/2 border-border-primary bg-fill-tertiary-fill-light-gray px-8 py-2 text-med-12 text-typography-primary-text";
           var iconWrap = document.createElement("span");
-          iconWrap.className = "flex size-16 shrink-0 items-center justify-center text-typography-secondary-text";
+          iconWrap.className =
+            "flex size-16 shrink-0 items-center justify-center text-typography-secondary-text";
           iconWrap.innerHTML = getFileTypeIcon(file.name || file.url);
           badge.appendChild(iconWrap);
           badge.appendChild(nameEl);
@@ -396,7 +427,8 @@
 
       uploadingFiles.forEach(function (item) {
         var nameEl = document.createElement("p");
-        nameEl.className = "max-w-[100px] truncate text-reg-10 text-typography-secondary-text";
+        nameEl.className =
+          "max-w-[100px] truncate text-reg-10 text-typography-secondary-text";
         nameEl.textContent = item.name;
 
         var badge;
@@ -408,12 +440,15 @@
             className: "text-typography-primary-text",
           });
           var iconWraps = badge.querySelectorAll(".flex.size-16");
-          if (iconWraps.length >= 1) iconWraps[0].classList.add("text-typography-secondary-text");
+          if (iconWraps.length >= 1)
+            iconWraps[0].classList.add("text-typography-secondary-text");
         } else {
           badge = document.createElement("div");
-          badge.className = "inline-flex items-center gap-4 rounded-4 border-1/2 border-border-primary bg-fill-tertiary-fill-light-gray px-8 py-2 text-med-12";
+          badge.className =
+            "inline-flex items-center gap-4 rounded-4 border-1/2 border-border-primary bg-fill-tertiary-fill-light-gray px-8 py-2 text-med-12";
           var iconWrap = document.createElement("span");
-          iconWrap.className = "flex size-16 shrink-0 items-center justify-center text-typography-secondary-text";
+          iconWrap.className =
+            "flex size-16 shrink-0 items-center justify-center text-typography-secondary-text";
           iconWrap.innerHTML = ICONS.loader;
           badge.appendChild(iconWrap);
           badge.appendChild(nameEl);
@@ -443,13 +478,22 @@
 
       if (!filesChosen) {
         statusText.textContent = "No files chosen";
-        statusText.className = statusTextBaseClass + " text-typography-quaternary-text" + statusTextDisabledClass;
+        statusText.className =
+          statusTextBaseClass +
+          " text-typography-quaternary-text" +
+          statusTextDisabledClass;
       } else if (uploadingCount > 0) {
         statusText.textContent = "Uploading…";
-        statusText.className = statusTextBaseClass + " text-typography-quaternary-text" + statusTextDisabledClass;
+        statusText.className =
+          statusTextBaseClass +
+          " text-typography-quaternary-text" +
+          statusTextDisabledClass;
       } else {
         statusText.textContent = `${uploadedCount} file${uploadedCount !== 1 ? "s" : ""} selected`;
-        statusText.className = statusTextBaseClass + " text-typography-primary-text" + statusTextDisabledClass;
+        statusText.className =
+          statusTextBaseClass +
+          " text-typography-primary-text" +
+          statusTextDisabledClass;
       }
 
       endIconSlot.style.display = uploadingCount > 0 ? "flex" : "none";
@@ -486,7 +530,9 @@
             return fileExtension === type.toLowerCase();
           }
           if (type.includes("/")) {
-            return fileType === type || fileType.startsWith(type.split("/")[0] + "/");
+            return (
+              fileType === type || fileType.startsWith(type.split("/")[0] + "/")
+            );
           }
           return false;
         });
@@ -517,9 +563,13 @@
         const result = await uploadFileToS3(file, isPrivate);
         const fileUrl = result?.url;
         if (!fileUrl) {
-          throw new Error(`No URL returned from upload for file "${file.name}"`);
+          throw new Error(
+            `No URL returned from upload for file "${file.name}"`,
+          );
         }
-        console.log(`[S3FileUpload] File uploaded successfully: ${file.name} -> ${fileUrl}`);
+        console.log(
+          `[S3FileUpload] File uploaded successfully: ${file.name} -> ${fileUrl}`,
+        );
 
         uploadingFiles = uploadingFiles.filter((f) => f.file !== file);
         uploadedFiles.push({ url: fileUrl, name: file.name });
@@ -533,7 +583,10 @@
         renderUploadingList();
         updateStatus();
         if (global.FlowUI && global.FlowUI.showToast) {
-          global.FlowUI.showToast(`Failed to upload "${file.name}": ${error.message}`, "error");
+          global.FlowUI.showToast(
+            `Failed to upload "${file.name}": ${error.message}`,
+            "error",
+          );
         }
       }
     }
@@ -541,10 +594,16 @@
     // Handle file selection
     input.addEventListener("change", async function (e) {
       const files = Array.from(e.target.files || []);
-      if (files.length === 0) {return;}
+      if (files.length === 0) {
+        return;
+      }
 
       // Check max files limit
-      if (multiple && maxFiles && uploadedFiles.length + files.length > maxFiles) {
+      if (
+        multiple &&
+        maxFiles &&
+        uploadedFiles.length + files.length > maxFiles
+      ) {
         const message = `You can only upload ${maxFiles} file${maxFiles !== 1 ? "s" : ""}`;
         if (global.FlowUI && global.FlowUI.showToast) {
           global.FlowUI.showToast(message, "error");
@@ -591,7 +650,10 @@
       input.disabled = disabledState;
       applyInputClasses();
       applyWrapperClasses();
-      uploadWrapper.setAttribute("data-disabled", disabledState ? "true" : "false");
+      uploadWrapper.setAttribute(
+        "data-disabled",
+        disabledState ? "true" : "false",
+      );
     };
 
     field.setVariant = function (v) {

package/core/bridge.js

@@ -6,7 +6,7 @@
  * Native WebView via window.ReactNativeWebView.
  *
  * This module is transport-only — it knows nothing about CRM concepts,
- * the SuperLeap SDK, or FlowUI state.  The higher-level core/crm.js
+ * the Superleap SDK, or FlowUI state.  The higher-level core/crm.js
  * builds on top of it.
  *
  * Exposed temporarily as window.SuperleapBridge, then captured into
@@ -327,7 +327,7 @@
       if (!_bridgeId) {
         reject(
           new Error(
-            "SuperleapBridge: No _bridgeId found in URL. Is this page embedded in the SuperLeap CRM?",
+            "SuperleapBridge: No _bridgeId found in URL. Is this page embedded in the Superleap CRM?",
           ),
         );
         return;
@@ -391,7 +391,7 @@
           var err = new Error(
             "SuperleapBridge: Handshake timed out after " +
               timeoutMs +
-              "ms. Is this page embedded in the SuperLeap CRM?",
+              "ms. Is this page embedded in the Superleap CRM?",
           );
           if (_pendingReject) _pendingReject(err);
           cleanup();
@@ -422,9 +422,7 @@
    */
   function send(action, payload) {
     if (!_connected) {
-      throw new Error(
-        "SuperleapBridge: Not connected. Call connect() first.",
-      );
+      throw new Error("SuperleapBridge: Not connected. Call connect() first.");
     }
     sendRaw(createEnvelope(action, payload));
   }

package/core/crm.js

@@ -1,7 +1,7 @@
 /**
  * Superleap-Flow CRM Bridge Extensions
  *
- * This module extends the existing SuperLeap object (from superleapClient.js)
+ * This module extends the existing Superleap object (from superleapClient.js)
  * with CRM bridge functionality. It wraps the low-level bridge transport
  * (core/bridge.js) and adds:
  *
@@ -14,7 +14,7 @@
  * read from the URL).  User code should listen for the 'superleap-flow:ready'
  * event — by the time it fires, the SDK is initialized and context is available.
  *
- * This extends the existing SuperLeap API from superleapClient.js which
+ * This extends the existing Superleap API from superleapClient.js which
  * already has: init(), getSdk(), isAvailable(), getDefaultConfig().
  */
 
@@ -73,7 +73,7 @@
       if (c) return c;
     }
     if (global.superleapClient) return global.superleapClient;
-    if (global.SuperLeap) return global.SuperLeap;
+    if (global.Superleap) return global.Superleap;
     return null;
   }
 
@@ -84,7 +84,7 @@
   /**
    * Connect to the CRM.  Performs the postMessage handshake, receives
    * credentials and context, and (by default) auto-initializes the
-   * SuperLeap SDK.
+   * Superleap SDK.
    *
    * If already connected, silently resolves with the existing context/config.
    * If a connection is in flight (e.g. auto-connect), returns the same promise.
@@ -92,7 +92,7 @@
    * @param {Object}  [options]
    * @param {string}  [options.bridgeId]   – explicit bridgeId override (auto-read from URL)
    * @param {string}  [options.crmOrigin]  – expected CRM origin for validation
-   * @param {boolean} [options.autoInit]   – auto-call SuperLeap.init() (default true)
+   * @param {boolean} [options.autoInit]   – auto-call Superleap.init() (default true)
    * @param {number}  [options.timeout]    – handshake timeout in ms (default 5000)
    * @returns {Promise<{ context: Object, config: Object }>}
    */
@@ -125,7 +125,7 @@
         _context = (payload && payload.context) || {};
         _config = (payload && payload.config) || {};
 
-        // Auto-initialize the SuperLeap SDK
+        // Auto-initialize the Superleap SDK
         var sdkConfig = payload && payload.sdkConfig;
         if (opts.autoInit !== false && sdkConfig) {
           var client = getSuperLeapClient();
@@ -248,18 +248,17 @@
   }
 
   /**
-   * Register a callback for when the CRM form is submitted successfully.
-   * The CRM sends a 'crm:formSubmitSuccess' message after the form saves.
+   * Notify the CRM that the form was submitted successfully.
+   * The CRM listens for 'crm:formSubmitSuccess' and can react
+   * (e.g. close the form, refresh data, show a toast).
    *
-   * @param {Function} callback – receives (payload)
-   * @returns {Function} unsubscribe function
+   * @param {Object} [payload] – optional data about the submission
    */
-  function onFormSubmitSuccess(callback) {
+  function formSubmittedSuccessfully(payload) {
     var bridge = getBridge();
-    if (!bridge) {
-      return function () {};
+    if (bridge && bridge.isConnected()) {
+      bridge.send("crm:formSubmitSuccess", payload || {});
     }
-    return bridge.onMessage("crm:onFormSubmitSuccess", callback);
   }
 
   // ---------------------------------------------------------------------------
@@ -325,7 +324,7 @@
   }
 
   // ---------------------------------------------------------------------------
-  // Extend the existing superleapClient (which becomes SuperLeap)
+  // Extend the existing superleapClient (which becomes Superleap)
   // ---------------------------------------------------------------------------
 
   // Wait for superleapClient to be defined, then extend it
@@ -336,7 +335,8 @@
     global.superleapClient.disconnect = disconnect;
     global.superleapClient.setLoading = setLoading;
     global.superleapClient.closeForm = closeForm;
-    global.superleapClient.onFormSubmitSuccess = onFormSubmitSuccess;
+    global.superleapClient.formSubmittedSuccessfully =
+      formSubmittedSuccessfully;
     global.superleapClient.toast = toast;
     global.superleapClient.navigate = navigate;
     global.superleapClient.getContext = getContext;
@@ -347,7 +347,7 @@
     // superleapClient not loaded yet — this shouldn't happen if scripts
     // load in order, but handle it gracefully
     console.warn(
-      "SuperLeap CRM Bridge: superleapClient not found. Make sure core/superleapClient.js loads before core/crm.js",
+      "Superleap CRM Bridge: superleapClient not found. Make sure core/superleapClient.js loads before core/crm.js",
     );
   }
 })(typeof window !== "undefined" ? window : this);