@embedreach/components 0.3.27 → 0.3.29

package/dist/chunks/index.js

@@ -119135,6 +119135,20 @@ const ChannelDisabledWarning = ({
 }) => {
   const defaultTitle = `${channelType === "email" ? "Email" : "SMS"} Channel Disabled`;
   const defaultDescription = `Enable the ${channelType} channel to send messages.`;
+  const automation2 = useAutomation();
+  const canEditAutomation = automation2?.status === AutomationStatus.DRAFT;
+  const renderButton = () => {
+    return /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        size: "sm",
+        onClick: onEnable,
+        disabled: isEnabling || !canEditAutomation,
+        className: "bg-amber-600 hover:bg-amber-700 text-white ml-4 shrink-0",
+        children: isEnabling ? "Enabling..." : `Enable ${channelType === "email" ? "Email" : "SMS"}`
+      }
+    );
+  };
   return /* @__PURE__ */ jsx("div", { className: "px-4 w-full", children: /* @__PURE__ */ jsx("div", { className: "max-w-2xl mx-auto", children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -119157,16 +119171,15 @@ const ChannelDisabledWarning = ({
             /* @__PURE__ */ jsx("h5", { className: "text-sm font-medium mb-1", children: title2 || defaultTitle }),
             /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: description2 || defaultDescription })
           ] }),
-          onEnable && /* @__PURE__ */ jsx(
-            Button$1,
+          onEnable && /* @__PURE__ */ jsx(Fragment$1, { children: canEditAutomation ? renderButton() : /* @__PURE__ */ jsx(
+            InfoTooltip,
             {
-              size: "sm",
-              onClick: onEnable,
-              disabled: isEnabling,
-              className: "bg-amber-600 hover:bg-amber-700 text-white ml-4 shrink-0",
-              children: isEnabling ? "Enabling..." : `Enable ${channelType === "email" ? "Email" : "SMS"}`
+              alertText: "You can only edit the content if we are in the draft state.",
+              asChild: true,
+              className: "cursor-not-allowed",
+              children: renderButton()
             }
-          )
+          ) })
         ] }) })
       ] })
     }