@superleapai/flow-ui 2.2.10 → 2.3.0

package/README.md

@@ -503,7 +503,7 @@ FlowUI.createSummaryRow(label, value)
 #### Alerts
 
 ```javascript
-FlowUI.renderAlerts(container, messages, type)
+FlowUI.showToast(message, type)
 // type: error, info, success
 ```
 

package/components/date-time-picker/date-time-picker.js

@@ -175,7 +175,7 @@
           variant = "outline";
         }
         var btnClassName = join(
-          "!text-reg-12 my-2  flex-1 !px-0 !py-0",
+          "!text-reg-12 my-2  flex-1",
           cell.currentMonth ? "" : "text-typography-quaternary-text"
         );
         var btn = Button.create({

package/components/file-input.js

@@ -221,15 +221,13 @@
         e.stopPropagation();
         navigator.clipboard.writeText(fileUrl).then(
           function () {
-            if (global.FlowUI && global.FlowUI.renderAlerts) {
-              const ac = document.getElementById("alerts");
-              if (ac) global.FlowUI.renderAlerts(ac, ["Link copied"], "success");
+            if (global.FlowUI && global.FlowUI.showToast) {
+              global.FlowUI.showToast("Link copied", "success");
             }
           },
           function () {
-            if (global.FlowUI && global.FlowUI.renderAlerts) {
-              const ac = document.getElementById("alerts");
-              if (ac) global.FlowUI.renderAlerts(ac, ["Copy failed"], "error");
+            if (global.FlowUI && global.FlowUI.showToast) {
+              global.FlowUI.showToast("Copy failed", "error");
             }
           }
         );
@@ -425,11 +423,8 @@
     async function uploadFile(file) {
       const error = validateFile(file);
       if (error) {
-        if (global.FlowUI && global.FlowUI.renderAlerts) {
-          const alertsContainer = document.getElementById("alerts");
-          if (alertsContainer) {
-            global.FlowUI.renderAlerts(alertsContainer, [error], "error");
-          }
+        if (global.FlowUI && global.FlowUI.showToast) {
+          global.FlowUI.showToast(error, "error");
         }
         return;
       }
@@ -457,15 +452,8 @@
         uploadingFiles = uploadingFiles.filter((f) => f.file !== file);
         renderUploadingList();
         updateStatus();
-        if (global.FlowUI && global.FlowUI.renderAlerts) {
-          const alertsContainer = document.getElementById("alerts");
-          if (alertsContainer) {
-            global.FlowUI.renderAlerts(
-              alertsContainer,
-              [`Failed to upload "${file.name}": ${error.message}`],
-              "error"
-            );
-          }
+        if (global.FlowUI && global.FlowUI.showToast) {
+          global.FlowUI.showToast(`Failed to upload "${file.name}": ${error.message}`, "error");
         }
       }
     }
@@ -478,11 +466,8 @@
       // Check max files limit
       if (multiple && maxFiles && uploadedFiles.length + files.length > maxFiles) {
         const message = `You can only upload ${maxFiles} file${maxFiles !== 1 ? "s" : ""}`;
-        if (global.FlowUI && global.FlowUI.renderAlerts) {
-          const alertsContainer = document.getElementById("alerts");
-          if (alertsContainer) {
-            global.FlowUI.renderAlerts(alertsContainer, [message], "error");
-          }
+        if (global.FlowUI && global.FlowUI.showToast) {
+          global.FlowUI.showToast(message, "error");
         }
         input.value = "";
         return;

package/core/crm.js

@@ -237,12 +237,13 @@
 
   /**
    * Tell the CRM to navigate to a path.
-   * @param {string} path
+   * @param {string} url
+   * @param {boolean} [newTab=false]
    */
-  function navigate(path) {
+  function navigate(url, newTab) {
     var bridge = getBridge();
     if (bridge && bridge.isConnected()) {
-      bridge.send("crm:navigate", { path: path });
+      bridge.send("crm:navigate", { url: url, new_tab: !!newTab });
     }
   }
 

package/core/flow.js

@@ -1332,42 +1332,6 @@
     });
   }
 
-  // ============================================================================
-  // ALERT COMPONENT
-  // ============================================================================
-
-  /**
-   * Render alerts/errors
-   * Uses Alert component when available for design-system styling.
-   * @param {HTMLElement} container - Container element for alerts
-   * @param {Array} messages - Array of error/info messages (strings) or { title?, description } objects
-   * @param {string} type - Alert type: "error" | "info" | "success" | "warning" | "destructive" | "default"
-   */
-  function renderAlerts(container, messages = [], type = "error") {
-    if (!container) {return;}
-    container.innerHTML = "";
-
-    const Alert = getComponent("Alert");
-    const useAlertComponent = Alert && typeof Alert.create === "function";
-
-    messages.forEach((msg) => {
-      const description = typeof msg === "string" ? msg : (msg.description || msg.title || "");
-      const title = typeof msg === "object" && msg.title ? msg.title : "";
-
-      if (useAlertComponent && (description || title)) {
-        const variantMap = { error: "error", info: "info", success: "success" };
-        const variant = variantMap[type] || type;
-        const alertEl = Alert.create({ title, description, variant });
-        if (alertEl) container.appendChild(alertEl);
-      } else {
-        const div = document.createElement("div");
-        div.className = `alert alert--${type}`;
-        div.textContent = description || title;
-        container.appendChild(div);
-      }
-    });
-  }
-
   // ============================================================================
   // TABLE COMPONENT
   // ============================================================================
@@ -1702,9 +1666,8 @@
     // Stepper
     renderStepper,
 
-    // Alerts (now shows toast notifications)
+    // Alerts
     showToast,
-    renderAlerts, // Legacy support for static alerts
 
     // Table
     createDataTable,