@embedreach/components 0.2.55 → 0.2.57

package/dist/chunks/index.js

@@ -13,6 +13,7 @@ const CHANNEL_SENDER_PATH = "/channel/senders";
 const CHANNEL_ACCOUNT_PATH = "/channel/accounts";
 const COMMUNICATION_GROUP_PATH = "/communication-groups";
 const STRIPO_PATH = "/stripo";
+const SLACK_NOTIFICATION_PATH = "/slack-notifications";
 const TELEMETRY_PATH = "/telemetry";
 const SMS_REGISTRATION_APPLICATION_PATH = "/sms-registration";
 var Subscribable = class {
@@ -58321,13 +58322,27 @@ const PopoverContent = React__default.forwardRef(({ className: className2, align
   }
 ) }));
 PopoverContent.displayName = Content2$1.displayName;
-const STATUS_DISPLAY = {
-  [AutomationStatus.DRAFT]: "Draft",
-  [AutomationStatus.ACTIVE]: "Active",
-  [AutomationStatus.RUNNING]: "Running",
-  [AutomationStatus.COMPLETED]: "Completed",
-  [AutomationStatus.FAILED]: "Failed",
-  [AutomationStatus.DEACTIVATED]: "Deactivated"
+const STATUS_DISPLAY = (args) => {
+  const { status, automationType } = args;
+  switch (status) {
+    case AutomationStatus.DRAFT:
+      return "Draft";
+    case AutomationStatus.ACTIVE:
+      return "Active";
+    case AutomationStatus.RUNNING:
+      if (automationType === AutomationTriggerType.ONE_TIME) {
+        return "Scheduled";
+      }
+      return "Running";
+    case AutomationStatus.COMPLETED:
+      return "Completed";
+    case AutomationStatus.FAILED:
+      return "Failed";
+    case AutomationStatus.DEACTIVATED:
+      return "Deactivated";
+    default:
+      return status;
+  }
 };
 const STATUS_COLORS = {
   [AutomationStatus.DRAFT]: "bg-gray-500",
@@ -58423,7 +58438,11 @@ const StatusToggleCell = ({
                 className: `w-2 h-2 rounded-full mr-2 ${STATUS_COLORS[currentStatus]}`
               }
             ),
-            /* @__PURE__ */ jsx("span", { children: STATUS_DISPLAY[currentStatus] })
+            /* @__PURE__ */ jsx("span", { children: STATUS_DISPLAY({
+              status: currentStatus,
+              // This should never happen, but we'll handle it gracefully
+              automationType: rowOriginal.triggerType ?? AutomationTriggerType.ONE_TIME
+            }) })
           ] }),
           canTransition ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 ml-2" }) : /* @__PURE__ */ jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 ml-2 text-gray-500" }) }),
@@ -58456,7 +58475,10 @@ const StatusToggleCell = ({
                       className: `w-2 h-2 rounded-full ${STATUS_COLORS[transitionStatus]} mr-2`
                     }
                   ),
-                  STATUS_DISPLAY[transitionStatus]
+                  STATUS_DISPLAY({
+                    status: transitionStatus,
+                    automationType: rowOriginal.triggerType ?? AutomationTriggerType.ONE_TIME
+                  })
                 ]
               },
               transitionStatus
@@ -62711,7 +62733,7 @@ const awsTollFreeNumberApplicationDataSchema = z.object({
   tollFreeNumber: z.string(),
   company: z.object({
     name: z.string().describe("The legal name of the company"),
-    website: z.string().url(),
+    website: z.string(),
     address1: z.string(),
     address2: z.string().optional(),
     city: z.string(),
@@ -64623,7 +64645,6 @@ function createNameColumn(nameAccessor = "name", headerText, showDescription = f
       const { original: rowOriginal } = info.row;
       const status = rowOriginal.status;
       const type = rowOriginal.type;
-      const statusText = status ? status[0].toUpperCase() + status.slice(1) : "";
       const badgeStyles = {
         [AutomationStatus.ACTIVE]: "bg-blue-500",
         [AutomationStatus.COMPLETED]: "bg-green-500",
@@ -64638,21 +64659,18 @@ function createNameColumn(nameAccessor = "name", headerText, showDescription = f
         [BusinessSegmentTypeEnum.CUSTOM]: "bg-amber-500"
       };
       const dotColor = type ? typeDotStyles[type] : status ? badgeStyles[status] : "bg-blue-500";
-      return /* @__PURE__ */ jsxs("div", { className: "w-full flex gap-6 justify-between items-center", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-1 items-center w-full", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `w-2 h-2 rounded-full mr-3 flex-shrink-0 ${dotColor}`
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsx("span", { className: "leading-tight font-medium text-sm overflow-hidden text-ellipsis", children: value }),
-            showDescription && rowOriginal?.description && /* @__PURE__ */ jsx("div", { className: "relative h-4", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 text-muted-foreground text-xs truncate whitespace-nowrap overflow-hidden w-full", children: rowOriginal?.description }) })
-          ] })
-        ] }),
-        status && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(Badge, { variant: getAutomationStatusVariant(status), children: statusText }) })
-      ] });
+      return /* @__PURE__ */ jsx("div", { className: "w-full flex gap-6 justify-between items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1 items-center w-full", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `w-2 h-2 rounded-full mr-3 flex-shrink-0 ${dotColor}`
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "leading-tight font-medium text-sm overflow-hidden text-ellipsis", children: value }),
+          showDescription && rowOriginal?.description && /* @__PURE__ */ jsx("div", { className: "relative h-4", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 text-muted-foreground text-xs truncate whitespace-nowrap overflow-hidden w-full", children: rowOriginal?.description }) })
+        ] })
+      ] }) });
     }
   });
 }
@@ -64744,7 +64762,7 @@ function createCountColumn(accessorKey, headerText, prefix) {
   });
 }
 function createBroadcastActionColumn(args) {
-  const { setUrl, onToggle, automationName, vsaasManaged } = args;
+  const { setUrl, onToggle, automationName, vsaasManaged, pillForStatus } = args;
   return createTextColumn({
     accessorKey: "status",
     header: `Status`,
@@ -64758,6 +64776,10 @@ function createBroadcastActionColumn(args) {
     cellFormatter: (info) => {
       const { original: rowOriginal } = info.row;
       const statusValue = rowOriginal.status ?? null;
+      if (pillForStatus && statusValue) {
+        const statusText = statusValue ? statusValue[0].toUpperCase() + statusValue.slice(1) : "";
+        return /* @__PURE__ */ jsx(Badge, { variant: getAutomationStatusVariant(statusValue), children: statusText });
+      }
       if (statusValue === AutomationStatus.DRAFT && setUrl && vsaasManaged === false) {
         return /* @__PURE__ */ jsx(
           NavigationCell,
@@ -64816,7 +64838,13 @@ function createSegmentColumns(setSelectedSegment) {
   ];
 }
 function createColumns(args) {
-  const { automationName, setUrl, onToggle, vsaasManaged = false } = args;
+  const {
+    automationName,
+    setUrl,
+    onToggle,
+    vsaasManaged = false,
+    pillForStatus = false
+  } = args;
   return [
     // true for description
     createNameColumn("name", `Name`, true),
@@ -64828,7 +64856,8 @@ function createColumns(args) {
       setUrl,
       onToggle,
       automationName,
-      vsaasManaged
+      vsaasManaged,
+      pillForStatus
     })
   ];
 }
@@ -64840,7 +64869,9 @@ const InfoTooltip = ({
   asChild = true,
   link: link2,
   size: size2 = "medium",
-  iconColor = "text-gray-400"
+  iconColor = "text-gray-400",
+  className: className2,
+  children: children2
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const handleClick = (e4) => {
@@ -64861,16 +64892,24 @@ const InfoTooltip = ({
     large: "h-5 w-5"
   };
   return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild, onClick: handleClick, children: /* @__PURE__ */ jsx(
-      Icon2,
+    /* @__PURE__ */ jsx(
+      TooltipTrigger,
       {
-        className: cn(
-          sizeClasses[size2],
-          "cursor-pointer transition-colors",
-          iconColor
+        asChild,
+        onClick: handleClick,
+        className: className2,
+        children: children2 ? children2 : /* @__PURE__ */ jsx(
+          Icon2,
+          {
+            className: cn(
+              sizeClasses[size2],
+              "cursor-pointer transition-colors",
+              iconColor
+            )
+          }
         )
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsx(TooltipContent, { className: "bg-white text-gray-900 border border-gray-200 shadow-lg text-left", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center w-full gap-2 max-w-[300px]", children: [
       alertText && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center w-full", children: [
         /* @__PURE__ */ jsx(IconDefinitions.AlertTriangleIcon, { className: "text-amber-500 w-6 h-6" }),
@@ -67703,13 +67742,13 @@ const stripoScriptId = "UiEditorScript";
 const initStripo = (options) => {
   return new Promise((resolve, reject) => {
     const initStripoEditor = () => {
-      let forceRecreate = true;
+      let forceRecreate = void 0;
       if (options.updatedFromDefault) {
-        forceRecreate = false;
+        forceRecreate = true;
       }
       if (window.UIEditor) {
         window.UIEditor.initEditor(options.container, {
-          forceRecreate,
+          ...forceRecreate && { forceRecreate },
           metadata: {
             emailId: options.emailId
           },
@@ -67744,7 +67783,7 @@ const initStripo = (options) => {
       const script = document.createElement("script");
       script.id = stripoScriptId;
       script.type = "module";
-      script.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js";
+      script.src = "https://plugins.stripo.email/resources/uieditor/rev/2.21.0/UIEditor.js";
       script.onload = () => {
         if (window.UIEditor) {
           initStripoEditor();
@@ -68425,6 +68464,7 @@ const getEmailChannelSendersWithChannelAccounts = (args) => {
         {
           channelSenderId: sender.id,
           fullDomain: `${sender.channelSenderMetadata.userPart}@${sender.channelSenderMetadata.baseDomain}`,
+          baseDomain: sender.channelSenderMetadata.baseDomain ?? void 0,
           channelSender: sender
         }
       ];
@@ -68466,6 +68506,30 @@ const EditEmailContent = () => {
     }
   );
 };
+const sendSlackNotification = async (payload) => {
+  const response = await baseRequest(
+    SLACK_NOTIFICATION_PATH,
+    {
+      method: "POST",
+      body: JSON.stringify(payload)
+    }
+  );
+  return response.data;
+};
+const useSlackNotification = () => {
+  const mutation = useMutation({
+    mutationFn: (payload) => sendSlackNotification(payload)
+  });
+  return {
+    sendNotification: mutation.mutate,
+    sendNotificationAsync: mutation.mutateAsync,
+    isLoading: mutation.isPending,
+    isError: mutation.isError,
+    error: mutation.error,
+    isSuccess: mutation.isSuccess,
+    reset: mutation.reset
+  };
+};
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value) => value instanceof Date;
 var isNullOrUndefined = (value) => value == null;
@@ -70640,6 +70704,7 @@ const SMSSetupBusinessForm = ({
 };
 const SMSSetup = () => {
   const [showForm, setShowForm] = useState(false);
+  const { sendNotificationAsync } = useSlackNotification();
   const {
     data: latestSmsRegistrationApplication,
     isLoading: isLoadingLatestSmsRegistrationApplication
@@ -70655,6 +70720,11 @@ const SMSSetup = () => {
             toast2({
               title: "SMS setup submission successful"
             });
+            sendNotificationAsync({
+              message: "💬 New SMS setup submission",
+              product: "engage",
+              details: { ...data }
+            });
             setShowForm(false);
           },
           onError: () => {
@@ -71496,6 +71566,7 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
   const [editingMessage, setEditingMessage] = useState(null);
   const [showSmsEditor, setShowSmsEditor] = useState(false);
   const [isMergeFieldsOpen, setIsMergeFieldsOpen] = useState(false);
+  const [initialState2, setInitialState] = useState(false);
   const inputRef = useRef(null);
   const fileInputRef = useRef(null);
   const [imagePreview, setImagePreview] = useState(null);
@@ -71615,13 +71686,14 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
       if (communicationGroup.textMessageMediaUrls) {
         setImageUrls(communicationGroup.textMessageMediaUrls);
       }
+      setInitialState(true);
     }
   }, [communicationGroup]);
   const updateCompanyName = (newCompanyName) => {
     setCompanyName(newCompanyName);
   };
   useEffect(() => {
-    if (channelSenders === void 0) {
+    if (channelSenders === void 0 || !initialState2) {
       return;
     }
     if (!fromNumber) {
@@ -71636,6 +71708,15 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
           });
         }
       }
+    } else if (fromNumber) {
+      if (communicationGroup?.id) {
+        updateCommunicationGroup2({
+          groupId: communicationGroup.id,
+          params: {
+            smsChannelSenderId: fromNumber
+          }
+        });
+      }
     }
   }, [
     channelSenders,
@@ -71645,7 +71726,8 @@ const SMSPreview = ({ mergeFieldsResponse }) => {
     smsApplication,
     channelAccounts?.results,
     communicationGroup?.emailChannelSenderId,
-    smsChannelSenders
+    smsChannelSenders,
+    initialState2
   ]);
   useEffect(() => {
     if (!companyName && me2?.name && !initCompanyName) {
@@ -73769,7 +73851,7 @@ const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPop
       {
         onClick: handleSendPreview,
         disabled: !recipient,
-        className: "w-full bg-blue-600 text-white py-3 px-6 rounded-lg font-medium\n                   hover:bg-blue-700 transition-colors duration-200\n                   disabled:bg-gray-400 disabled:cursor-not-allowed",
+        className: "w-full  disabled:cursor-not-allowed",
         children: "Send Test"
       }
     )
@@ -73973,20 +74055,35 @@ const AutomationEditorSMSPreview = ({
 }) => {
   const [openSendPreviewSmsPopup, setOpenSendPreviewSmsPopup] = useState(false);
   const { channelSenders } = useChannelSender();
+  const { channelAccounts } = useChannelAccount();
   const automation2 = useAutomation();
   const communicationGroup = useCommunicationGroup();
   const [editContent, setEditContent] = useState(false);
   const { data: smsApplication } = useGetLatestSmsRegistrationApplication();
   const [setupRequiredState, setSetupRequiredState] = useState(setupRequired);
+  const smsChannelSenders = getSmsChannelSenders({
+    channelSenders: channelSenders?.results ?? [],
+    channelAccounts: channelAccounts?.results ?? [],
+    smsApplication
+  });
+  const currentlySelectedSender = smsChannelSenders.find(
+    (sender) => sender.channelSender.id === communicationGroup?.smsChannelSenderId
+  );
   useEffect(() => {
-    if (smsApplication && smsApplication.status === SmsRegistrationApplicationStatus.PENDING) {
+    if (currentlySelectedSender && currentlySelectedSender.smsApplication && currentlySelectedSender.smsApplication.status === SmsRegistrationApplicationStatus.PENDING) {
       setSetupRequiredState(false);
     }
-  }, [smsApplication]);
+  }, [
+    communicationGroup?.smsChannelSenderId,
+    smsApplication,
+    smsChannelSenders,
+    currentlySelectedSender
+  ]);
   if (!automation2 || channelSenders === void 0) {
     return null;
   }
   const smsBody = communicationGroup?.smsMessageBody || "";
+  const hasSendableSmsContent = !currentlySelectedSender?.smsApplication || currentlySelectedSender.smsApplication.status === SmsRegistrationApplicationStatus.APPROVED;
   const hasSmsCommunication = (smsApplication || communicationGroup?.smsChannelSenderId) && smsBody.length > 0;
   const finalSMSBody = buildFinalSMSBody({
     companyName: communicationGroup?.textMessageCompanyName ?? void 0,
@@ -74025,7 +74122,7 @@ const AutomationEditorSMSPreview = ({
           AutomationEditorPreviewContainer,
           {
             actionButtons: /* @__PURE__ */ jsxs(Fragment, { children: [
-              !disablePreview && hasSmsCommunication && /* @__PURE__ */ jsx(
+              !disablePreview && hasSendableSmsContent && /* @__PURE__ */ jsx(
                 PreviewButton,
                 {
                   onClick: () => setOpenSendPreviewSmsPopup(true)
@@ -77859,7 +77956,7 @@ const SetScheduleTime = ({ setScheduleTime, setTimezone, timezone, scheduleTime,
     ] })
   ] }) });
 };
-const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSave = false }) => {
+const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time" }) => {
   const automation2 = useAutomation();
   const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2?.id || "");
   const { toast: toast2 } = useToast();
@@ -77871,23 +77968,22 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSa
     automation2?.triggerMetadata?.triggerType === AutomationTriggerType.ONE_TIME ? automation2?.triggerMetadata?.timezone || "America/New_York" : "America/New_York"
   );
   const [isDirty2, setIsDirty] = useState(false);
+  const [pendingToast, setPendingToast] = useState(null);
+  let toastTimeout = useRef(null);
   const updateTriggerTime = useCallback(() => {
-    if (deliveryOption === "sendNow") {
+    if (!automation2) return;
+    if (deliveryOption === "sendNow" || scheduledAt === "now") {
       businessUpdateAutomation({
         trigger: {
           triggerType: AutomationTriggerType.ONE_TIME,
           scheduledAt: "now"
         }
       });
-      toast2({
+      setPendingToast({
         title: "Schedule time updated successfully 🚀",
-        description: "Campaign scheduled to begin sending in 5 minutes"
+        description: `${t$1("engage:broadcast")} scheduled to begin sending in 5 minutes after you activate it`
       });
-      setIsDirty(false);
-    } else {
-      if (!scheduledAt || !timezone) {
-        return;
-      }
+    } else if (scheduledAt && timezone) {
       businessUpdateAutomation({
         trigger: {
           triggerType: AutomationTriggerType.ONE_TIME,
@@ -77895,9 +77991,9 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSa
           timezone
         }
       });
-      toast2({
+      setPendingToast({
         title: "Schedule time updated successfully 🚀",
-        description: `Campaign scheduled to start at ${new Date(
+        description: `${t$1("engage:broadcast")} scheduled to start at ${new Date(
           scheduledAt
         ).toLocaleString("en-US", {
           weekday: "long",
@@ -77905,42 +78001,49 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSa
           day: "numeric"
         })}`
       });
-      setIsDirty(false);
     }
-  }, [deliveryOption, scheduledAt, timezone, businessUpdateAutomation, toast2]);
+  }, [
+    deliveryOption,
+    scheduledAt,
+    timezone,
+    businessUpdateAutomation,
+    automation2
+  ]);
   useEffect(() => {
-    if (!automation2) {
-      return;
+    if (pendingToast) {
+      if (toastTimeout.current) clearTimeout(toastTimeout.current);
+      toastTimeout.current = setTimeout(() => {
+        toast2(pendingToast);
+        setPendingToast(null);
+      }, 800);
     }
-  }, [automation2]);
+    return () => {
+      if (toastTimeout.current) clearTimeout(toastTimeout.current);
+    };
+  }, [pendingToast, toast2]);
   useEffect(() => {
-    if (autoSave && isDirty2) {
+    if (!automation2) return;
+    if (isDirty2 && deliveryOption && (deliveryOption === "sendNow" || scheduledAt)) {
       updateTriggerTime();
       setIsDirty(false);
     }
-  }, [autoSave, isDirty2, updateTriggerTime]);
+  }, [
+    deliveryOption,
+    scheduledAt,
+    timezone,
+    updateTriggerTime,
+    automation2,
+    isDirty2
+  ]);
   if (!automation2) {
     return null;
   }
   const canEditScheduleTime = automation2.status === AutomationStatus.DRAFT;
-  const saveDisabled = !(isDirty2 && canEditScheduleTime);
   return /* @__PURE__ */ jsx(
     MainPageWrapper,
     {
       title: title2,
-      headerActions: autoSave ? void 0 : /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            saveDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-            "gap-2 flex items-center"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(Button$1, { onClick: updateTriggerTime, disabled: saveDisabled, children: "Save" }),
-            !canEditScheduleTime && /* @__PURE__ */ jsx(InfoTooltip, { title: "You can only edit the schedule time if the automation is in draft mode" })
-          ]
-        }
-      ),
+      headerActions: !canEditScheduleTime && /* @__PURE__ */ jsx(InfoTooltip, { title: "You can only edit the schedule time if the automation is in draft mode" }),
       children: /* @__PURE__ */ jsx("div", { className: "@container flex-1 mx-4", children: /* @__PURE__ */ jsxs("div", { className: "flex @[1000px]:flex-row flex-col gap-8 items-center", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex-1 w-full", children: [
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @[480px]:grid-cols-2 gap-4", children: [
@@ -77952,9 +78055,7 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSa
                 subtitle: "Campaign will begin sending in 5 minutes",
                 icon: /* @__PURE__ */ jsx(IconDefinitions.SendButton, { className: "text-primary" }),
                 onClick: () => {
-                  if (!canEditScheduleTime) {
-                    return;
-                  }
+                  if (!canEditScheduleTime) return;
                   setDeliveryOption("sendNow");
                   setScheduledAt("now");
                   setTimezone("America/New_York");
@@ -77970,9 +78071,7 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSa
                 subtitle: "Choose date and time",
                 icon: /* @__PURE__ */ jsx(IconDefinitions.ScheduleButton, { className: "text-primary" }),
                 onClick: () => {
-                  if (!canEditScheduleTime) {
-                    return;
-                  }
+                  if (!canEditScheduleTime) return;
                   setDeliveryOption("schedule");
                 }
               }
@@ -77981,8 +78080,14 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSa
           /* @__PURE__ */ jsx(AnimatePresence, { children: deliveryOption === "schedule" && /* @__PURE__ */ jsx(BlurDiv, { className: "overflow-hidden mt-8", children: /* @__PURE__ */ jsx("div", { className: "bg-gray-50 rounded-xl p-5 border border-gray-100 flex items-center justify-center", children: /* @__PURE__ */ jsx(
             SetScheduleTime,
             {
-              setScheduleTime: setScheduledAt,
-              setTimezone,
+              setScheduleTime: (date2) => {
+                setScheduledAt(date2);
+                setIsDirty(true);
+              },
+              setTimezone: (tz) => {
+                setTimezone(tz);
+                setIsDirty(true);
+              },
               timezone,
               scheduleTime: scheduledAt,
               setIsDirty
@@ -78060,7 +78165,7 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time", autoSa
   );
 };
 const Schedule = () => {
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AutomationSelectTimeMain, { title: "Set Schedule Time", autoSave: true }) });
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AutomationSelectTimeMain, { title: "Set Schedule Time" }) });
 };
 var DateUnit = /* @__PURE__ */ ((DateUnit2) => {
   DateUnit2["DAYS"] = "days";
@@ -78113,8 +78218,8 @@ var DateUnit = /* @__PURE__ */ ((DateUnit2) => {
 const operatorToHumanReadable = {
   [ConditionOperatorEnumType.EQUALS]: "Equals",
   [ConditionOperatorEnumType.NOT_EQUALS]: "Not Equals",
-  [ConditionOperatorEnumType.GREATER_THAN]: "Greater Than",
-  [ConditionOperatorEnumType.LESS_THAN]: "Less Than",
+  [ConditionOperatorEnumType.GREATER_THAN]: "Date on or after",
+  [ConditionOperatorEnumType.LESS_THAN]: "Date on or before",
   [ConditionOperatorEnumType.EXISTS]: "Exists",
   [ConditionOperatorEnumType.EQUALS_MONTH_DAY]: "Month and Day Matches",
   [ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR]: "Month, Day, and Year Matches",
@@ -79450,19 +79555,24 @@ function MultiSelectDialog({
   title: title2 = "Select Items",
   searchPlaceholder = "Search items...",
   emptyMessage = "No items found",
-  handleSearchInput,
   extraCommandItems = [],
   canOpen = true
 }) {
   const [open, setOpen] = React.useState(false);
   const [searchQuery, setSearchQuery] = React.useState("");
   const [tempSelected, setTempSelected] = React.useState(selectedValues);
+  const cleanedOptions = React.useMemo(
+    () => options.filter(
+      (option) => option && typeof option.value === "string" && typeof option.label === "string" && option.value.trim() !== "" && option.label.trim() !== ""
+    ),
+    [options]
+  );
   const filteredOptions = React.useMemo(() => {
-    if (!searchQuery) return options;
-    return options.filter(
+    if (!searchQuery) return cleanedOptions;
+    return cleanedOptions.filter(
       (option) => option.label.toLowerCase().includes(searchQuery.toLowerCase())
     );
-  }, [options, searchQuery]);
+  }, [cleanedOptions, searchQuery]);
   const getSelectedOptionsDisplay = React.useCallback(() => {
     return selectedValues.map((val) => {
       const option = options.find((opt) => opt.value === val);
@@ -79506,13 +79616,6 @@ function MultiSelectDialog({
     setSearchQuery("");
     setOpen(false);
   };
-  const handleSearchKeyDown = (e4) => {
-    if (e4.key === "Enter" && searchQuery.trim() && handleSearchInput) {
-      e4.preventDefault();
-      handleSearchInput(searchQuery.trim());
-      setSearchQuery("");
-    }
-  };
   React.useEffect(() => {
     if (open) {
       setTempSelected(selectedValues);
@@ -79525,6 +79628,14 @@ function MultiSelectDialog({
   ).length;
   const selectedDisplay = getSelectedOptionsDisplay();
   const canSelectMore = !maxCount || tempSelected.length < maxCount;
+  const selectedOptions = React.useMemo(
+    () => filteredOptions.filter((option) => tempSelected.includes(option.value)),
+    [filteredOptions, tempSelected]
+  );
+  const unselectedOptions = React.useMemo(
+    () => filteredOptions.filter((option) => !tempSelected.includes(option.value)),
+    [filteredOptions, tempSelected]
+  );
   return /* @__PURE__ */ jsxs(Dialog, { open: open && canOpen, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button$1,
@@ -79580,23 +79691,9 @@ function MultiSelectDialog({
             placeholder: searchPlaceholder,
             value: searchQuery,
             onChange: (e4) => setSearchQuery(e4.target.value),
-            onKeyDown: handleSearchKeyDown,
             className: "pl-10 h-11"
           }
-        ),
-        handleSearchInput && searchQuery.trim() && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx(
-          Button$1,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: "h-6 w-6 p-0",
-            onClick: () => {
-              handleSearchInput(searchQuery.trim());
-              setSearchQuery("");
-            },
-            children: /* @__PURE__ */ jsx(IconDefinitions.PlusIcon, { className: "h-3 w-3" })
-          }
-        ) })
+        )
       ] }) }),
       /* @__PURE__ */ jsx("div", { className: "px-6 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
@@ -79639,50 +79736,73 @@ function MultiSelectDialog({
         ] }),
         filteredOptions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
           /* @__PURE__ */ jsx(IconDefinitions.SearchIcon, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-          /* @__PURE__ */ jsx("p", { children: emptyMessage }),
-          handleSearchInput && searchQuery.trim() && /* @__PURE__ */ jsxs(
-            Button$1,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "mt-3",
-              onClick: () => {
-                handleSearchInput(searchQuery.trim());
-                setSearchQuery("");
-              },
-              children: [
-                /* @__PURE__ */ jsx(IconDefinitions.PlusIcon, { className: "h-3 w-3 mr-1" }),
-                'Add "',
-                searchQuery,
-                '"'
-              ]
-            }
-          )
-        ] }) : filteredOptions.map((option) => {
-          const isSelected = tempSelected.includes(option.value);
-          const isDisabled = !isSelected && !canSelectMore;
-          return /* @__PURE__ */ jsxs(
-            CommandItem,
-            {
-              onSelect: () => !isDisabled && handleItemToggle(option.value),
-              className: `flex items-center space-x-3 p-3 rounded-lg transition-colors ${isDisabled ? "opacity-50 cursor-not-allowed" : "hover:bg-muted/50 cursor-pointer"}`,
-              children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: isSelected,
-                    disabled: isDisabled,
-                    onChange: () => !isDisabled && handleItemToggle(option.value),
-                    className: "flex-shrink-0"
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "font-medium text-sm truncate", children: option.label }) }),
-                isSelected && /* @__PURE__ */ jsx(IconDefinitions.CheckIcon, { className: "h-4 w-4 text-primary flex-shrink-0" })
-              ]
-            },
-            option.value
-          );
-        })
+          /* @__PURE__ */ jsx("p", { children: emptyMessage })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          selectedOptions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground tracking-wide uppercase", children: [
+              "Selected (",
+              selectedOptions.length,
+              ")"
+            ] }),
+            selectedOptions.map((option) => {
+              const isSelected = true;
+              const isDisabled = false;
+              return /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  onSelect: () => handleItemToggle(option.value),
+                  className: `flex items-center space-x-3 p-3 rounded-lg transition-colors hover:bg-muted/50 cursor-pointer`,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: isSelected,
+                        disabled: isDisabled,
+                        onChange: () => handleItemToggle(option.value),
+                        className: "flex-shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "font-medium text-sm truncate", children: option.label }) }),
+                    /* @__PURE__ */ jsx(IconDefinitions.CheckIcon, { className: "h-4 w-4 text-primary flex-shrink-0" })
+                  ]
+                },
+                option.value
+              );
+            }),
+            /* @__PURE__ */ jsx(Separator, { className: "my-2" })
+          ] }),
+          unselectedOptions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground tracking-wide uppercase", children: [
+              "Available (",
+              unselectedOptions.length,
+              ")"
+            ] }),
+            unselectedOptions.map((option) => {
+              const isSelected = false;
+              const isDisabled = !canSelectMore;
+              return /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  onSelect: () => !isDisabled && handleItemToggle(option.value),
+                  className: `flex items-center space-x-3 p-3 rounded-lg transition-colors ${isDisabled ? "opacity-50 cursor-not-allowed" : "hover:bg-muted/50 cursor-pointer"}`,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: isSelected,
+                        disabled: isDisabled,
+                        onChange: () => !isDisabled && handleItemToggle(option.value),
+                        className: "flex-shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "font-medium text-sm truncate", children: option.label }) })
+                  ]
+                },
+                option.value
+              );
+            })
+          ] })
+        ] })
       ] }) }) }),
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsx("div", { className: "p-6 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
@@ -79881,27 +80001,6 @@ const DateSegmentSelector = ({
     ) })
   ] });
 };
-const validateNewValue = (args) => {
-  const { value, type } = args;
-  switch (type) {
-    case JSONSchemaType.ReachResource:
-    case JSONSchemaType.Array:
-    case JSONSchemaType.String:
-      return value.length > 0;
-    case JSONSchemaType.Number:
-      return !isNaN(Number(value));
-    case JSONSchemaType.Integer:
-      return !isNaN(Number(value)) && Number(value) % 1 === 0;
-    case JSONSchemaType.Boolean:
-      return value === "true" || value === "false";
-    case JSONSchemaType.Date:
-      return !isNaN(new Date(value).getTime());
-    case JSONSchemaType.DateTime:
-      return !isNaN(new Date(value).getTime());
-    default:
-      throw UnreachableCaseStatement(type, JSONSchemaType);
-  }
-};
 const validateRelativeDate = (value) => {
   if (value.value === void 0) {
     return true;
@@ -79941,8 +80040,7 @@ const ValueInput = ({
   value,
   onChange,
   options,
-  toast: toast2,
-  metadata
+  toast: toast2
 }) => {
   const isInitiallyRelative = value.length > 0 && typeof value[0] === "object" && "type" in value[0] && value[0].type === "relative";
   const isInitiallyBetween = value.length > 0 && typeof value[0] === "object" && "startDate" in value[0] && "endDate" in value[0];
@@ -79995,25 +80093,6 @@ const ValueInput = ({
         }),
         setSelectedValues: (selectedIds) => {
           onChange(selectedIds);
-        },
-        searchPlaceholder: "Enter new value",
-        emptyMessage: "Press enter to add new value",
-        handleSearchInput: (newValue) => {
-          if (newValue.length > 0) {
-            const validValue = validateNewValue({
-              value: newValue,
-              type: metadata.type
-            });
-            if (validValue) {
-              onChange([.../* @__PURE__ */ new Set([...value, newValue])]);
-            } else {
-              toast2({
-                title: "Invalid value",
-                description: `Please enter a valid value for this field. The value must be a ${metadata.type} type`,
-                variant: "destructive"
-              });
-            }
-          }
         }
       }
     );
@@ -80465,8 +80544,7 @@ const ConditionRow = ({
   const metadata = getMetadataForField(condition.field) || {
     operators: [],
     type: JSONSchemaType.String,
-    options: void 0,
-    itemType: void 0
+    options: void 0
   };
   const operators = metadata.operators;
   const fieldType = metadata.type;
@@ -80591,12 +80669,7 @@ const ConditionRow = ({
           })),
           value: condition.value,
           onChange: (newValue) => onUpdate({ ...condition, value: newValue }),
-          toast: toast2,
-          metadata: {
-            field: condition.field,
-            type: fieldType,
-            itemType: metadata.itemType
-          }
+          toast: toast2
         }
       ) })
     ] }),
@@ -82349,6 +82422,9 @@ const OneTimeWizardMain = ({ onFinish, getExtraMergeFields, onBeforeSchedule })
     } else {
       if (currentStep === AutomationSteps.SelectSenders && selectedChannels.length === 1 && selectedChannels[0] === "sms") {
         setCurrentStep(currentStep + 2);
+      } else if (currentStep === AutomationSteps.EditEmailContent && // And no sms channel
+      selectedChannels.length === 1 && selectedChannels[0] === "email") {
+        setCurrentStep(currentStep + 2);
       } else {
         setCurrentStep(currentStep + 1);
       }
@@ -82368,7 +82444,10 @@ const OneTimeWizardMain = ({ onFinish, getExtraMergeFields, onBeforeSchedule })
   };
   const renderHeader = () => /* @__PURE__ */ jsxs("header", { className: "w-full flex items-center gap-4 h-16 px-6", children: [
     /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold leading-none", children: automation2.name }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx(Badge, { variant: getAutomationStatusVariant(automation2.status), children: STATUS_DISPLAY[automation2.status] }) })
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx(Badge, { variant: getAutomationStatusVariant(automation2.status), children: STATUS_DISPLAY({
+      status: automation2.status,
+      automationType: automation2.triggerType
+    }) }) })
   ] });
   const renderStepNav = () => /* @__PURE__ */ jsx("nav", { className: "space-y-0 w-50 self-start pr-6 pl-8 pt-4 ", children: STEPS.map((step) => /* @__PURE__ */ jsx(
     "div",
@@ -83840,7 +83919,6 @@ const BrandSettings = ({ initialBrandSettings, onSave, onBack, showAutoParseButt
   const handleUploadClick = () => {
     fileInputRef.current?.click();
   };
-  console.log("brandSettings", brandSettings);
   const handleCopyLogoUrl = async () => {
     if (brandSettings.logoUrl) {
       try {
@@ -84622,7 +84700,7 @@ const EmailChannelSettings = () => {
         toUpdate: {
           channelSenderMetadata: {
             ...selectedSender.channelSender.channelSenderMetadata,
-            emailReplyTo: data.replyTo ? data.replyTo : null,
+            emailReplyTo: data.replyTo ? data.replyTo : `noreply@${selectedSender.baseDomain ?? ""}`,
             emailFromName: data.fromName ? data.fromName : null
           }
         },
@@ -84698,9 +84776,9 @@ const EmailChannelSettings = () => {
             /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground font-normal mb-1", children: [
               "Optional – will use",
               " ",
-              /* @__PURE__ */ jsx("span", { className: "font-mono", children: form.watch("channelSenderId") ? emailChannelSenders.find(
+              /* @__PURE__ */ jsx("span", { className: "font-mono", children: form.watch("channelSenderId") ? `noreply@${emailChannelSenders.find(
                 (s4) => s4.channelSenderId === form.watch("channelSenderId")
-              )?.fullDomain : "sender domain" }),
+              )?.baseDomain}` : "sender domain" }),
               " ",
               "if empty"
             ] }),
@@ -84724,7 +84802,7 @@ const EmailChannelSettings = () => {
               {
                 control: form.control,
                 name: "fromName",
-                placeholder: "From name to use when the email is sent"
+                placeholder: "From name to use when the email is sent (optional)"
               }
             )
           ] }),
@@ -84743,7 +84821,118 @@ const EmailChannelSettings = () => {
   ] });
 };
 const SMSChannelSettings = () => {
-  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl mx-auto mt-8", children: /* @__PURE__ */ jsx(SMSSetup, {}) });
+  const [hasValidSmsSender, setHasValidSmsSender] = useState(null);
+  const { channelSenders } = useChannelSender();
+  const { channelAccounts } = useChannelAccount();
+  const { data: smsApplication } = useGetLatestSmsRegistrationApplication();
+  const smsChannelSenders = getSmsChannelSenders({
+    channelSenders: channelSenders?.results ?? [],
+    channelAccounts: channelAccounts?.results ?? [],
+    smsApplication
+  });
+  useEffect(() => {
+    if (smsChannelSenders.length > 0 && smsChannelSenders.some(
+      (sender) => sender.smsApplication?.status === SmsRegistrationApplicationStatus.APPROVED || !sender.smsApplication
+    )) {
+      setHasValidSmsSender(true);
+    } else {
+      setHasValidSmsSender(false);
+    }
+  }, [smsChannelSenders, smsApplication]);
+  const containerVariants = {
+    hidden: { opacity: 0, y: 20 },
+    visible: {
+      opacity: 1,
+      y: 0,
+      transition: {
+        duration: 0.4,
+        ease: [0.4, 0, 0.2, 1],
+        staggerChildren: 0.1
+      }
+    },
+    exit: {
+      opacity: 0,
+      y: -20,
+      transition: {
+        duration: 0.3,
+        ease: [0.4, 0, 1, 1]
+      }
+    }
+  };
+  const itemVariants = {
+    hidden: { opacity: 0, y: 20 },
+    visible: {
+      opacity: 1,
+      y: 0,
+      transition: {
+        duration: 0.4,
+        ease: [0.4, 0, 0.2, 1]
+      }
+    }
+  };
+  if (hasValidSmsSender === null) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl mx-auto mt-8", children: /* @__PURE__ */ jsx(BasicLoader, {}) });
+  }
+  const applicationValid = smsChannelSenders.some(
+    (sender) => sender.smsApplication?.status === SmsRegistrationApplicationStatus.APPROVED
+  );
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl mx-auto mt-8", children: hasValidSmsSender ? /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      variants: containerVariants,
+      className: cn$1(
+        "flex flex-col items-center text-center w-full max-w-[72ch] rounded-xl p-6 gap-3 border border-border mx-auto mb-16",
+        "bg-background"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            variants: itemVariants,
+            className: "w-16 h-16 rounded-xl flex items-center justify-center bg-green-50",
+            children: /* @__PURE__ */ jsx(IconDefinitions.SmsIcon, { className: "text-green-600" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.h2,
+          {
+            variants: itemVariants,
+            className: "text-lg font-medium text-foreground",
+            children: "SMS Sending Number Active"
+          }
+        ),
+        /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, className: "max-w-xl mx-auto", children: applicationValid ? /* @__PURE__ */ jsx("p", { className: "text-sm font-normal text-muted-foreground mb-2", children: "Your SMS sending number has been verified and is ready to use. You can now create and send SMS campaigns!" }) : /* @__PURE__ */ jsx("p", { className: "text-sm font-normal text-muted-foreground mb-2", children: "You already have a valid SMS sending number and it is ready to use. You can create and send SMS campaigns!" }) }),
+        /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            variants: itemVariants,
+            className: "flex items-center gap-2 px-4 py-2 bg-green-50 border border-green-200 rounded-full mt-2",
+            children: [
+              /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  animate: {
+                    scale: [1, 1.2, 1],
+                    opacity: [1, 0.8, 1]
+                  },
+                  transition: {
+                    duration: 2,
+                    repeat: Number.POSITIVE_INFINITY,
+                    ease: "easeInOut"
+                  },
+                  className: "w-2 h-2 bg-green-500 rounded-full"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-green-800", children: "Ready to send" })
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl mx-auto mt-8", children: /* @__PURE__ */ jsx(SMSSetup, {}) }) });
 };
 function SidebarTabLayout({
   tabs,
@@ -85031,7 +85220,8 @@ function BroadcastList() {
     () => createColumns({
       automationName: t$1("engage:broadcast"),
       setUrl,
-      onToggle: handleToggle
+      onToggle: handleToggle,
+      pillForStatus: true
     }),
     [handleToggle, setUrl]
   );
@@ -85715,6 +85905,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
               AutomationTriggerType
             );
         }
+        const automationLanguage = automation2.triggerType === AutomationTriggerType.ONE_TIME ? t$1("engage:automation") : t$1("engage:broadcast");
         businessUpdateAutomation(
           {
             status: newStatus ? AutomationStatus.ACTIVE : AutomationStatus.DEACTIVATED
@@ -85722,10 +85913,21 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
           {
             onSuccess: () => {
               setIsActive(newStatus);
-              toast2({
-                title: `${t$1("engage:automation")}`,
-                description: `${t$1("engage:automation")} status updated to ${newStatus ? "active" : "inactive"}`
-              });
+              if (automation2.triggerType === AutomationTriggerType.ONE_TIME) {
+                if (newStatus) {
+                  toast2({
+                    title: `${automationLanguage} started, you can still cancel before it finishes sending`
+                  });
+                } else {
+                  toast2({
+                    title: `${automationLanguage} has been unscheduled`
+                  });
+                }
+              } else {
+                toast2({
+                  title: `${automationLanguage} status updated to ${newStatus ? "active" : "inactive"}`
+                });
+              }
               setEditingStatus(false);
             },
             onError: () => {
@@ -85776,7 +85978,10 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
         throw UnreachableCaseStatement(automation2.status, AutomationStatus);
     }
     if (!showSwitch) {
-      return /* @__PURE__ */ jsx(Badge, { variant: getAutomationStatusVariant(automation2.status), children: STATUS_DISPLAY[automation2.status] });
+      return /* @__PURE__ */ jsx(Badge, { variant: getAutomationStatusVariant(automation2.status), children: STATUS_DISPLAY({
+        status: automation2.status,
+        automationType: automation2.triggerType
+      }) });
     }
     switch (automation2.triggerType) {
       case AutomationTriggerType.TRIGGER_BASED:
@@ -85796,40 +86001,52 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
         const smsChannelSender = smsChannelSenders.find(
           (sender) => sender.channelSender.id === communicationGroup?.smsChannelSenderId
         );
-        if (!automation2.triggerMetadata || automation2.triggerMetadata?.triggerType === AutomationTriggerType.ONE_TIME && !automation2.triggerMetadata?.scheduledAt || !communicationGroup?.emailChannelSenderId && !communicationGroup?.smsChannelSenderId || smsChannelSender && smsChannelSender?.smsApplication?.application && smsChannelSender?.smsApplication?.status !== SmsRegistrationApplicationStatus.APPROVED) {
+        if (!automation2.triggerMetadata || automation2.triggerMetadata === null || automation2.triggerMetadata?.triggerType === AutomationTriggerType.ONE_TIME && !automation2.triggerMetadata?.scheduledAt || !communicationGroup?.emailChannelSenderId && !communicationGroup?.smsChannelSenderId || smsChannelSender && smsChannelSender?.smsApplication?.application && smsChannelSender?.smsApplication?.status !== SmsRegistrationApplicationStatus.APPROVED) {
           const renderInfoTooltip = () => {
+            const sendText = automation2.triggerMetadata && "scheduledAt" in automation2.triggerMetadata && automation2.triggerMetadata?.scheduledAt === "now" ? "Send Now" : "Schedule Send";
             if (smsChannelSender?.smsApplication?.application && smsChannelSender.smsApplication?.status !== SmsRegistrationApplicationStatus.APPROVED) {
               return /* @__PURE__ */ jsx(
                 InfoTooltip,
                 {
-                  title: "Please wait for your SMS application to be approved",
-                  alertText: "Before sending, we need to approve your SMS application"
+                  title: "You'll be able to send campaigns once your SMS application is approved.",
+                  alertText: "SMS number approval pending",
+                  asChild: false,
+                  className: "cursor-not-allowed",
+                  children: /* @__PURE__ */ jsx(
+                    Button$1,
+                    {
+                      variant: "outline",
+                      className: "flex items-center gap-2",
+                      disabled: true,
+                      children: sendText
+                    }
+                  )
                 }
               );
             }
-            if (!automation2.triggerMetadata || !("scheduledAt" in automation2.triggerMetadata) || "scheduledAt" in automation2.triggerMetadata && !automation2.triggerMetadata?.scheduledAt) {
+            if (!automation2.triggerMetadata || automation2.triggerMetadata === null || !("scheduledAt" in automation2.triggerMetadata) || "scheduledAt" in automation2.triggerMetadata && !automation2.triggerMetadata?.scheduledAt) {
               return /* @__PURE__ */ jsx(
                 InfoTooltip,
                 {
                   title: "Cannot send without a schedule time",
-                  alertText: "Before sending, please select a schedule time on the left sidebar"
+                  alertText: "Before sending, please select a schedule time on the left sidebar",
+                  asChild: false,
+                  className: "cursor-not-allowed",
+                  children: /* @__PURE__ */ jsx(
+                    Button$1,
+                    {
+                      variant: "outline",
+                      className: "flex items-center gap-2",
+                      disabled: true,
+                      children: sendText
+                    }
+                  )
                 }
               );
             }
             return null;
           };
-          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 cursor-not-allowed", children: [
-            /* @__PURE__ */ jsx(
-              Button$1,
-              {
-                variant: "outline",
-                className: "flex items-center gap-2",
-                disabled: true,
-                children: "Send Now"
-              }
-            ),
-            renderInfoTooltip()
-          ] });
+          return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 cursor-not-allowed", children: renderInfoTooltip() });
         }
         if (!isActive) {
           let sendText = "Schedule Send";
@@ -85854,7 +86071,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
             className: "flex items-center gap-2",
             onClick: () => handleStatusChange(!isActive),
             disabled: disableSwitch,
-            children: "Convert to Draft"
+            children: automation2.triggerType === AutomationTriggerType.ONE_TIME ? "Unschedule" : "Convert to Draft"
           }
         );
       }
@@ -85881,40 +86098,46 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
   return /* @__PURE__ */ jsxs("header", { className: "flex px-1 pt-1", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 flex-1", children: [
       showBackButton && /* @__PURE__ */ jsx(Button$1, { variant: "ghost", size: "icon", onClick: () => navigate(-1), children: /* @__PURE__ */ jsx(ArrowLeft, {}) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0 items-start", children: [
-        /* @__PURE__ */ jsx(
-          InlineEditor,
-          {
-            value: automation2.name,
-            schema: nameSchema,
-            onSubmit: (values) => {
-              return businessUpdateAutomation({
-                name: values.name
-              });
-            },
-            fieldName: "name",
-            className: "text-lg",
-            successMessage: "Automation name updated",
-            errorMessage: "Failed to update automation name"
-          }
-        ),
-        automation2.automationType !== BusinessAutomationTypeEnum.MANAGED ? /* @__PURE__ */ jsx(
-          InlineEditor,
-          {
-            value: automation2.description || "",
-            schema: descriptionSchema,
-            onSubmit: (values) => {
-              return businessUpdateAutomation({
-                description: values.description
-              });
-            },
-            fieldName: "description",
-            className: `text-sm ${automation2.description ? "text-current" : "text-muted-foreground"}`,
-            successMessage: "Description updated",
-            errorMessage: "Failed to update description",
-            placeholderText: "Describe the goal of the automation"
-          }
-        ) : automation2.description && /* @__PURE__ */ jsx("div", { className: "text-sm text-current", children: automation2.description })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0 items-start", children: [
+          /* @__PURE__ */ jsx(
+            InlineEditor,
+            {
+              value: automation2.name,
+              schema: nameSchema,
+              onSubmit: (values) => {
+                return businessUpdateAutomation({
+                  name: values.name
+                });
+              },
+              fieldName: "name",
+              className: "text-lg",
+              successMessage: "Automation name updated",
+              errorMessage: "Failed to update automation name"
+            }
+          ),
+          automation2.automationType !== BusinessAutomationTypeEnum.MANAGED ? /* @__PURE__ */ jsx(
+            InlineEditor,
+            {
+              value: automation2.description || "",
+              schema: descriptionSchema,
+              onSubmit: (values) => {
+                return businessUpdateAutomation({
+                  description: values.description
+                });
+              },
+              fieldName: "description",
+              className: `text-sm ${automation2.description ? "text-current" : "text-muted-foreground"}`,
+              successMessage: "Description updated",
+              errorMessage: "Failed to update description",
+              placeholderText: "Describe the goal of the automation"
+            }
+          ) : automation2.description && /* @__PURE__ */ jsx("div", { className: "text-sm text-current", children: automation2.description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { variant: getAutomationStatusVariant(automation2.status), children: STATUS_DISPLAY({
+          status: automation2.status,
+          automationType: automation2.triggerType
+        }) }) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "ml-auto flex gap-4 items-center", children: [
@@ -86076,50 +86299,39 @@ const AutomationRecipientsTable = () => {
         const hasSms = smsCommunications.length > 0;
         const emailDelivered = emailCommunications.some((c2) => c2.delivered);
         const smsDelivered = smsCommunications.some((c2) => c2.delivered);
-        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          hasEmail && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(
-                IconDefinitions.EmailIcon,
-                {
-                  className: `h-4 w-4 ${emailDelivered ? "text-green-500" : "text-gray-400"}`
-                }
-              ),
-              emailDelivered && /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -top-1 h-2 w-2 rounded-full bg-green-500 ring-1 ring-white" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Email" }),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: `text-xs ${emailDelivered ? "text-green-600" : "text-gray-500"}`,
-                  children: emailDelivered ? "Delivered" : "Pending"
-                }
-              )
-            ] })
+        const emailError = emailCommunications.find((c2) => c2.error)?.error;
+        const smsError = smsCommunications.find((c2) => c2.error)?.error;
+        const renderInnerTooltip = (type, delivered, error2) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 cursor-pointer", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            type === "email" ? /* @__PURE__ */ jsx(
+              IconDefinitions.EmailIcon,
+              {
+                className: `h-4 w-4 ${error2 ? "text-red-500" : delivered ? "text-green-500" : "text-gray-400"}`
+              }
+            ) : /* @__PURE__ */ jsx(
+              IconDefinitions.SmsIcon,
+              {
+                className: `h-4 w-4 ${error2 ? "text-red-500" : delivered ? "text-green-500" : "text-gray-400"}`
+              }
+            ),
+            delivered && !error2 && /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -top-1 h-2 w-2 rounded-full bg-green-500 ring-1 ring-white" }),
+            error2 && /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -top-1 h-2 w-2 rounded-full bg-red-500 ring-1 ring-white" })
           ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: type === "email" ? "Email" : "SMS" }),
+            error2 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-red-500", children: "Failed" }) : /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `text-xs ${delivered ? "text-green-600" : "text-gray-500"}`,
+                children: delivered ? "Delivered" : "Pending"
+              }
+            )
+          ] })
+        ] });
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          hasEmail && (emailError ? /* @__PURE__ */ jsx(InfoTooltip, { title: emailError, children: renderInnerTooltip("email", emailDelivered, emailError) }) : renderInnerTooltip("email", emailDelivered, emailError)),
           hasEmail && hasSms && /* @__PURE__ */ jsx("div", { className: "h-8 w-px bg-gray-200" }),
-          hasSms && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(
-                IconDefinitions.SmsIcon,
-                {
-                  className: `h-4 w-4 ${smsDelivered ? "text-green-500" : "text-gray-400"}`
-                }
-              ),
-              smsDelivered && /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -top-1 h-2 w-2 rounded-full bg-green-500 ring-1 ring-white" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "SMS" }),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: `text-xs ${smsDelivered ? "text-green-600" : "text-gray-500"}`,
-                  children: smsDelivered ? "Delivered" : "Pending"
-                }
-              )
-            ] })
-          ] }),
+          hasSms && (smsError ? /* @__PURE__ */ jsx(InfoTooltip, { title: smsError, children: renderInnerTooltip("sms", smsDelivered, smsError) }) : renderInnerTooltip("sms", smsDelivered, smsError)),
           !hasEmail && !hasSms && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-400", children: "None" })
         ] });
       }
@@ -88510,7 +88722,7 @@ const AutomationEditorTrigger = () => {
   const renderTriggerData = () => {
     switch (automation2.triggerType) {
       case AutomationTriggerType.TRIGGER_BASED: {
-        if (automation2.triggerMetadata.triggerType !== AutomationTriggerType.TRIGGER_BASED || automation2.triggerMetadata.eventName !== ReachEventNamesEnum.USER_ENTERS_SEGMENT || !automation2.triggerMetadata.eventFilter.segment_id) {
+        if (automation2.triggerMetadata && automation2.triggerMetadata.triggerType !== AutomationTriggerType.TRIGGER_BASED || !automation2.triggerMetadata || automation2.triggerMetadata.eventName !== ReachEventNamesEnum.USER_ENTERS_SEGMENT || !automation2.triggerMetadata.eventFilter.segment_id) {
           return null;
         }
         const segmentId = automation2.triggerMetadata.eventFilter.segment_id;
@@ -88566,7 +88778,7 @@ const AutomationEditorTrigger = () => {
                       copyText: `Click to set the date and time for this ${t$1("engage:broadcast")}`
                     }
                   ) : /* @__PURE__ */ jsx(AutomationFlowLabel, { copyText: "Bulk send at" }),
-                  needsDate === false && "scheduledAt" in automation2.triggerMetadata && automation2.triggerMetadata.scheduledAt && /* @__PURE__ */ jsx("div", { className: "text-xs font-medium", children: /* @__PURE__ */ jsx(
+                  needsDate === false && automation2.triggerMetadata && "scheduledAt" in automation2.triggerMetadata && automation2.triggerMetadata.scheduledAt && /* @__PURE__ */ jsx("div", { className: "text-xs font-medium", children: /* @__PURE__ */ jsx(
                     SegmentPill,
                     {
                       segmentName: automation2.triggerMetadata.scheduledAt === "now" ? "5 minutes after send" : format$1(
@@ -89103,19 +89315,21 @@ const ViewAutomationMain = ({
   const { updateCommunicationGroup: updateCommunicationGroup2 } = useUpdateCommunicationGroup();
   const { toast: toast2 } = useToast();
   const { channelSenders } = useChannelSender();
+  const previousMergeFieldsRef = useRef("");
   useEffect(() => {
     if (communicationGroup && getExtraMergeFields) {
       const updateExtraMergeFields = async () => {
         const extraMergeFields = await getExtraMergeFields();
-        if (JSON.stringify(extraMergeFields) !== JSON.stringify(communicationGroup.extraMergeFields)) {
+        const currentMergeFieldsString = JSON.stringify(extraMergeFields);
+        if (currentMergeFieldsString !== previousMergeFieldsRef.current) {
+          previousMergeFieldsRef.current = currentMergeFieldsString;
           updateCommunicationGroup2(
             {
               groupId: communicationGroup?.id,
               params: { extraMergeFields }
             },
             {
-              // eslint-disable-next-line @typescript-eslint/no-unused-vars
-              onError: (error2) => {
+              onError: () => {
                 toast2({
                   title: "Error saving merge fields!",
                   description: "Please contact your administrator if this issue persists.",