@embedreach/components 0.2.58 → 0.2.59

package/dist/chunks/index.js

@@ -2863,6 +2863,175 @@ function useToast() {
     dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
   };
 }
+const createCommunicationGroup = async (params) => {
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}`,
+    {
+      method: "POST",
+      body: JSON.stringify(params)
+    }
+  );
+  return response.data;
+};
+const updateCommunicationGroup = async (id2, params) => {
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}/${id2}`,
+    {
+      method: "PATCH",
+      body: JSON.stringify(params)
+    }
+  );
+  return response.data;
+};
+const getCommunicationGroup = async (id2) => {
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}/${id2}`
+  );
+  return response.data;
+};
+const getMergeFields = async (id2) => {
+  if (!id2) {
+    const toReturn = { mergeFields: [] };
+    return toReturn;
+  }
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}/${id2}/merge-fields`
+  );
+  return response.data;
+};
+const sendTestCommunication = async (id2, params) => {
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}/${id2}/test`,
+    {
+      method: "POST",
+      body: JSON.stringify(params)
+    }
+  );
+  return response.data;
+};
+const resetCommunicationGroupToDefault = async (args) => {
+  const { communicationGroupId, automationId, type } = args;
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}/${communicationGroupId}/${automationId}/reset`,
+    {
+      method: "POST",
+      body: JSON.stringify({ type })
+    }
+  );
+  return response.data;
+};
+const stripoKeys = {
+  all: ["stripo"],
+  token: () => [...stripoKeys.all, "token"],
+  editorData: () => [...stripoKeys.all, "editorData"],
+  templates: () => [...stripoKeys.all, "templates"],
+  templateForActionId: (automationId, actionId) => [...stripoKeys.templates(), automationId, actionId]
+};
+const getStripoToken = async () => {
+  const response = await baseRequest(`${STRIPO_PATH}/token`);
+  return response.data;
+};
+const getEditorData = async () => {
+  const response = await baseRequest(
+    `${STRIPO_PATH}/editor-data`
+  );
+  return response.data;
+};
+const getTemplateForActionId = async (args) => {
+  const { automationId, actionId } = args;
+  const response = await baseRequest(
+    `${STRIPO_PATH}/template/${automationId}/${actionId}`
+  );
+  return response.data;
+};
+const communicationGroupQueryKeys = {
+  all: ["communication-group"]
+};
+const useGetCommunicationGroup = (communicationGroupId) => {
+  const query = useQuery({
+    queryKey: ["communication-group", communicationGroupId],
+    queryFn: () => communicationGroupId ? getCommunicationGroup(communicationGroupId) : null,
+    enabled: !!communicationGroupId
+  });
+  return {
+    communicationGroup: query.data,
+    isGetting: query.isPending,
+    getError: query.error,
+    isGetSuccess: query.isSuccess
+  };
+};
+const useUpdateCommunicationGroup = () => {
+  const queryClient = useQueryClient();
+  const updateCommunicationGroupMutation = useMutation({
+    mutationFn: ({
+      groupId,
+      params
+    }) => updateCommunicationGroup(groupId, params),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: communicationGroupQueryKeys.all
+      });
+    }
+  });
+  return {
+    updateCommunicationGroup: updateCommunicationGroupMutation.mutate,
+    isUpdating: updateCommunicationGroupMutation.isPending,
+    updateError: updateCommunicationGroupMutation.error,
+    isUpdateSuccess: updateCommunicationGroupMutation.isSuccess
+  };
+};
+const useGetMergeFields = (id2) => {
+  const getMergeFieldsMutation = useQuery({
+    queryKey: ["merge-fields", id2],
+    queryFn: () => getMergeFields(id2)
+  });
+  return {
+    getMergeFields: getMergeFieldsMutation.data,
+    isGetting: getMergeFieldsMutation.isPending,
+    getError: getMergeFieldsMutation.error,
+    isGetSuccess: getMergeFieldsMutation.isSuccess
+  };
+};
+const useSendTestCommunication = () => {
+  const sendTestCommunicationMutation = useMutation({
+    mutationFn: ({
+      id: id2,
+      params
+    }) => sendTestCommunication(id2, params)
+  });
+  return {
+    sendTestCommunication: sendTestCommunicationMutation.mutate,
+    isSending: sendTestCommunicationMutation.isPending,
+    sendError: sendTestCommunicationMutation.error,
+    isSendSuccess: sendTestCommunicationMutation.isSuccess
+  };
+};
+const useResetCommunicationGroupToDefault = () => {
+  const queryClient = useQueryClient();
+  const resetCommunicationGroupToDefaultMutation = useMutation({
+    mutationFn: ({
+      communicationGroupId,
+      automationId,
+      type
+    }) => resetCommunicationGroupToDefault({
+      communicationGroupId,
+      automationId,
+      type
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: communicationGroupQueryKeys.all
+      });
+      queryClient.invalidateQueries({
+        queryKey: stripoKeys.templates()
+      });
+    }
+  });
+  return {
+    resetCommunicationGroupToDefault: resetCommunicationGroupToDefaultMutation.mutate,
+    isPending: resetCommunicationGroupToDefaultMutation.isPending
+  };
+};
 const useGetBusinessAutomation = (automationId) => {
   const queryClient = useQueryClient();
   const getAutomationQuery = useQuery({
@@ -2931,6 +3100,9 @@ const useUpdateBusinessAutomation = (automationId) => {
       queryClient.invalidateQueries({
         queryKey: automationKeys.single(automationId)
       });
+      queryClient.invalidateQueries({
+        queryKey: communicationGroupQueryKeys.all
+      });
       queryClient.invalidateQueries({ queryKey: automationKeys.list() });
     },
     onError: () => {
@@ -69179,175 +69351,6 @@ const useAutomationUpdateTracking = (automationId) => {
     }
   }, [isUpdating]);
 };
-const createCommunicationGroup = async (params) => {
-  const response = await baseRequest(
-    `${COMMUNICATION_GROUP_PATH}`,
-    {
-      method: "POST",
-      body: JSON.stringify(params)
-    }
-  );
-  return response.data;
-};
-const updateCommunicationGroup = async (id2, params) => {
-  const response = await baseRequest(
-    `${COMMUNICATION_GROUP_PATH}/${id2}`,
-    {
-      method: "PATCH",
-      body: JSON.stringify(params)
-    }
-  );
-  return response.data;
-};
-const getCommunicationGroup = async (id2) => {
-  const response = await baseRequest(
-    `${COMMUNICATION_GROUP_PATH}/${id2}`
-  );
-  return response.data;
-};
-const getMergeFields = async (id2) => {
-  if (!id2) {
-    const toReturn = { mergeFields: [] };
-    return toReturn;
-  }
-  const response = await baseRequest(
-    `${COMMUNICATION_GROUP_PATH}/${id2}/merge-fields`
-  );
-  return response.data;
-};
-const sendTestCommunication = async (id2, params) => {
-  const response = await baseRequest(
-    `${COMMUNICATION_GROUP_PATH}/${id2}/test`,
-    {
-      method: "POST",
-      body: JSON.stringify(params)
-    }
-  );
-  return response.data;
-};
-const resetCommunicationGroupToDefault = async (args) => {
-  const { communicationGroupId, automationId, type } = args;
-  const response = await baseRequest(
-    `${COMMUNICATION_GROUP_PATH}/${communicationGroupId}/${automationId}/reset`,
-    {
-      method: "POST",
-      body: JSON.stringify({ type })
-    }
-  );
-  return response.data;
-};
-const stripoKeys = {
-  all: ["stripo"],
-  token: () => [...stripoKeys.all, "token"],
-  editorData: () => [...stripoKeys.all, "editorData"],
-  templates: () => [...stripoKeys.all, "templates"],
-  templateForActionId: (automationId, actionId) => [...stripoKeys.templates(), automationId, actionId]
-};
-const getStripoToken = async () => {
-  const response = await baseRequest(`${STRIPO_PATH}/token`);
-  return response.data;
-};
-const getEditorData = async () => {
-  const response = await baseRequest(
-    `${STRIPO_PATH}/editor-data`
-  );
-  return response.data;
-};
-const getTemplateForActionId = async (args) => {
-  const { automationId, actionId } = args;
-  const response = await baseRequest(
-    `${STRIPO_PATH}/template/${automationId}/${actionId}`
-  );
-  return response.data;
-};
-const communicationGroupQueryKeys = {
-  all: ["communication-group"]
-};
-const useGetCommunicationGroup = (communicationGroupId) => {
-  const query = useQuery({
-    queryKey: ["communication-group", communicationGroupId],
-    queryFn: () => communicationGroupId ? getCommunicationGroup(communicationGroupId) : null,
-    enabled: !!communicationGroupId
-  });
-  return {
-    communicationGroup: query.data,
-    isGetting: query.isPending,
-    getError: query.error,
-    isGetSuccess: query.isSuccess
-  };
-};
-const useUpdateCommunicationGroup = () => {
-  const queryClient = useQueryClient();
-  const updateCommunicationGroupMutation = useMutation({
-    mutationFn: ({
-      groupId,
-      params
-    }) => updateCommunicationGroup(groupId, params),
-    onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: communicationGroupQueryKeys.all
-      });
-    }
-  });
-  return {
-    updateCommunicationGroup: updateCommunicationGroupMutation.mutate,
-    isUpdating: updateCommunicationGroupMutation.isPending,
-    updateError: updateCommunicationGroupMutation.error,
-    isUpdateSuccess: updateCommunicationGroupMutation.isSuccess
-  };
-};
-const useGetMergeFields = (id2) => {
-  const getMergeFieldsMutation = useQuery({
-    queryKey: ["merge-fields", id2],
-    queryFn: () => getMergeFields(id2)
-  });
-  return {
-    getMergeFields: getMergeFieldsMutation.data,
-    isGetting: getMergeFieldsMutation.isPending,
-    getError: getMergeFieldsMutation.error,
-    isGetSuccess: getMergeFieldsMutation.isSuccess
-  };
-};
-const useSendTestCommunication = () => {
-  const sendTestCommunicationMutation = useMutation({
-    mutationFn: ({
-      id: id2,
-      params
-    }) => sendTestCommunication(id2, params)
-  });
-  return {
-    sendTestCommunication: sendTestCommunicationMutation.mutate,
-    isSending: sendTestCommunicationMutation.isPending,
-    sendError: sendTestCommunicationMutation.error,
-    isSendSuccess: sendTestCommunicationMutation.isSuccess
-  };
-};
-const useResetCommunicationGroupToDefault = () => {
-  const queryClient = useQueryClient();
-  const resetCommunicationGroupToDefaultMutation = useMutation({
-    mutationFn: ({
-      communicationGroupId,
-      automationId,
-      type
-    }) => resetCommunicationGroupToDefault({
-      communicationGroupId,
-      automationId,
-      type
-    }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: communicationGroupQueryKeys.all
-      });
-      queryClient.invalidateQueries({
-        queryKey: stripoKeys.templates()
-      });
-    }
-  });
-  return {
-    resetCommunicationGroupToDefault: resetCommunicationGroupToDefaultMutation.mutate,
-    isPending: resetCommunicationGroupToDefaultMutation.isPending
-  };
-};
 const useCommunicationGroupFetching = () => {
   const { setCommunicationGroup: setCommunicationGroup2, state } = useContext$1(Context$1);
   const communicationGroupId = state.selectedCommunicationGroupId ?? state.automation?.actionData?.find(
@@ -87859,6 +87862,24 @@ const BackNextButtonGroup = ({
   getInfoTooltipTitle
 }) => {
   const infoTooltipTitle = getInfoTooltipTitle?.();
+  const renderNextButton = (args) => {
+    return /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        asChild: args.tooltip === true ? true : false,
+        onClick: handleNext,
+        disabled: nextDisabled,
+        className: cn$1(
+          "flex items-center gap-2 --reach-destructive",
+          nextDisabled && "opacity-50 cursor-not-allowed"
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { children: nextText }),
+          /* @__PURE__ */ jsx(IconDefinitions.NextButton, {})
+        ] })
+      }
+    );
+  };
   return /* @__PURE__ */ jsxs("div", { className: "flex gap-4 py-2 items-center", children: [
     !hideBack && /* @__PURE__ */ jsxs(
       Button$1,
@@ -87885,22 +87906,7 @@ const BackNextButtonGroup = ({
         children: "Skip & Save as Draft"
       }
     ),
-    /* @__PURE__ */ jsxs(
-      Button$1,
-      {
-        onClick: handleNext,
-        disabled: nextDisabled,
-        className: cn$1(
-          "flex items-center gap-2 --reach-destructive",
-          nextDisabled && "opacity-50 cursor-not-allowed"
-        ),
-        children: [
-          /* @__PURE__ */ jsx("span", { children: nextText }),
-          /* @__PURE__ */ jsx(IconDefinitions.NextButton, {})
-        ]
-      }
-    ),
-    infoTooltipTitle && /* @__PURE__ */ jsx(InfoTooltip, { title: infoTooltipTitle })
+    infoTooltipTitle ? /* @__PURE__ */ jsx(InfoTooltip, { title: infoTooltipTitle, children: renderNextButton({ tooltip: true }) }) : renderNextButton({ tooltip: false })
   ] });
 };
 const WizardContentWrapper = ({ content: content2, className: className2 }) => {
@@ -95853,10 +95859,14 @@ function MultiSelectDialog({
   }, [options]);
   const filteredOptions = React.useMemo(() => {
     if (!searchQuery) return cleanedOptions;
-    return cleanedOptions.filter(
+    const selectedItems = cleanedOptions.filter(
+      (option) => tempSelected.includes(option.value)
+    );
+    const unselectedItems = cleanedOptions.filter((option) => !tempSelected.includes(option.value)).filter(
       (option) => option.label.toLowerCase().includes(searchQuery.toLowerCase())
     );
-  }, [cleanedOptions, searchQuery]);
+    return [...selectedItems, ...unselectedItems];
+  }, [cleanedOptions, searchQuery, tempSelected]);
   const getSelectedOptionsDisplay = React.useCallback(() => {
     return selectedValues.map((val) => {
       const option = options.find((opt) => opt.value === val);
@@ -98085,6 +98095,7 @@ const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPop
   const [senderId, setSenderId] = useState(null);
   const [finishedLoading, setFinishedLoading] = useState(false);
   const [selectedPreviewAsRecipientId, setSelectedPreviewAsRecipientId] = useState("");
+  const [isSelectOpen, setIsSelectOpen] = useState(false);
   const { sendTestCommunication: sendTestCommunication2, sendError, isSendSuccess } = useSendTestCommunication();
   const { toast: toast2 } = useToast();
   const actionDataCommunication = automation2.actionData?.find(
@@ -98097,6 +98108,15 @@ const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPop
     excludeSegments: automation2.excludeSegmentIds,
     automationId: automation2.id
   });
+  const dialogContentRef = useRef(null);
+  const filteredRecipients = React__default.useMemo(() => {
+    return [...countResponse?.recipients ?? []].filter((recipient2) => {
+      if (!recipient2.firstName || !recipient2.lastName) return false;
+      if (type === "email" && !recipient2.email) return false;
+      if (type === "sms" && !recipient2.phone) return false;
+      return true;
+    });
+  }, [countResponse?.recipients, type]);
   const validateInput = () => {
     if (type === "email") {
       return EmailUtils.validateEmail(recipient);
@@ -98158,8 +98178,16 @@ const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPop
       setRecipient("");
       setError2("");
       setSelectedPreviewAsRecipientId("");
+      setIsSelectOpen(false);
     }
   }, [open]);
+  useEffect(() => {
+    if (!open && isSelectOpen) {
+      setTimeout(() => {
+        document.body.style.pointerEvents = "";
+      }, 0);
+    }
+  }, [open, isSelectOpen]);
   const handleSendPreview = () => {
     if (!validateInput()) {
       setError2(
@@ -98199,7 +98227,7 @@ const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPop
       /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: "Please update the automation to include a sender for this type" })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "", ref: dialogContentRef, children: [
     /* @__PURE__ */ jsxs("h3", { className: "text-xl font-semibold text-gray-900 mb-4", children: [
       "Send Test ",
       type === "email" ? "Email" : "Text"
@@ -98232,6 +98260,12 @@ const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPop
             onValueChange: (value) => {
               setSelectedPreviewAsRecipientId(value);
             },
+            onOpenChange: (open2) => {
+              setIsSelectOpen(open2);
+              if (!open2 && dialogContentRef.current) {
+                dialogContentRef.current.focus();
+              }
+            },
             children: [
               /* @__PURE__ */ jsx(
                 SelectTrigger,
@@ -98244,7 +98278,7 @@ const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPop
                   )?.lastName : "Preview as" })
                 }
               ),
-              /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: (countResponse?.recipients ?? []).map((recipient2) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(SelectContent, { position: "popper", className: "z-[100]", children: /* @__PURE__ */ jsx(SelectGroup, { children: filteredRecipients.map((recipient2) => /* @__PURE__ */ jsx(
                 SelectItem,
                 {
                   value: recipient2.id,
@@ -98357,6 +98391,16 @@ const AutomationEditorEmailPreview = ({
     channelSenders: channelSenders?.results ?? [],
     channelAccounts: channelAccounts?.results ?? []
   });
+  let errorText = null;
+  if (!communicationGroup?.emailChannelSenderId) {
+    errorText = "Please first select an email sender";
+  }
+  if (!communicationGroup?.emailSubject) {
+    errorText = "Please first ensure you have an email subject";
+  }
+  if (!communicationGroup?.emailHtmlBody) {
+    errorText = "Please first ensure you have an email content";
+  }
   return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center w-full", children: [
     /* @__PURE__ */ jsx(
       EditCampaignContentDialog,
@@ -98377,12 +98421,26 @@ const AutomationEditorEmailPreview = ({
       AutomationEditorPreviewContainer,
       {
         actionButtons: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-          !disablePreview && hasEmailCommunication && /* @__PURE__ */ jsx(
+          !disablePreview && hasEmailCommunication && (errorText ? /* @__PURE__ */ jsx(
+            InfoTooltip,
+            {
+              alertText: "Unable to send preview",
+              title: "There was an error preparing the preview. Please check your automation configuration.",
+              className: "inline-block",
+              asChild: false,
+              children: /* @__PURE__ */ jsx("div", { className: "inline-block", children: /* @__PURE__ */ jsx(
+                PreviewButton,
+                {
+                  onClick: () => setOpenSendPreviewEmailPopup(true)
+                }
+              ) })
+            }
+          ) : /* @__PURE__ */ jsx(
             PreviewButton,
             {
               onClick: () => setOpenSendPreviewEmailPopup(true)
             }
-          ),
+          )),
           !disableEditContent && automation2.status === AutomationStatus.DRAFT && /* @__PURE__ */ jsx(
             Button$1,
             {
@@ -98529,6 +98587,13 @@ const AutomationEditorSMSPreview = ({
     smsBody
   });
   const imageUrls = communicationGroup?.textMessageMediaUrls ?? [];
+  let errorText = null;
+  if (!communicationGroup?.smsChannelSenderId) {
+    errorText = "Please first select a sms sender";
+  }
+  if (!communicationGroup?.smsMessageBody) {
+    errorText = "Please first ensure you have a sms content";
+  }
   return /* @__PURE__ */ jsx(AnimatePresence, { children: setupRequiredState ? /* @__PURE__ */ jsx("div", { className: "w-full pt-8 mx-auto", children: /* @__PURE__ */ jsx(SMSSetup, {}) }) : /* @__PURE__ */ jsxs(
     motion.div,
     {
@@ -98561,13 +98626,27 @@ const AutomationEditorSMSPreview = ({
           AutomationEditorPreviewContainer,
           {
             actionButtons: /* @__PURE__ */ jsxs(Fragment, { children: [
-              !disablePreview && hasSendableSmsContent && /* @__PURE__ */ jsx(
+              !disablePreview && hasSendableSmsContent && (errorText ? /* @__PURE__ */ jsx(
+                InfoTooltip,
+                {
+                  alertText: "Unable to send preview",
+                  title: "There was an error preparing the preview. Please check your automation configuration.",
+                  className: "inline-block",
+                  asChild: false,
+                  children: /* @__PURE__ */ jsx("div", { className: "inline-block", children: /* @__PURE__ */ jsx(
+                    PreviewButton,
+                    {
+                      onClick: () => setOpenSendPreviewSmsPopup(true)
+                    }
+                  ) })
+                }
+              ) : /* @__PURE__ */ jsx(
                 PreviewButton,
                 {
                   onClick: () => setOpenSendPreviewSmsPopup(true)
                 }
-              ),
-              (automation2.status === AutomationStatus.DRAFT || !disableEditContent) && /* @__PURE__ */ jsx(
+              )),
+              automation2.status === AutomationStatus.DRAFT && !disableEditContent && /* @__PURE__ */ jsx(
                 Button$1,
                 {
                   variant: "outline",
@@ -98640,6 +98719,8 @@ const AutomationEditorTabs = ({
   if (!communicationGroup || !channelSenders || !value) {
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 pt-4 flex-1 bg-muted rounded-md", children: /* @__PURE__ */ jsx(BasicLoader, { text: ["Loading..."] }) });
   }
+  const finalHideSms = !communicationGroup?.smsChannelSenderId || hideSms;
+  const finalHideEmail = !communicationGroup?.emailChannelSenderId;
   const SMS_SETUP_REQUIRED = smsChannelSenders.length === 0 && !smsApplication;
   return /* @__PURE__ */ jsxs(
     Tabs,
@@ -98652,9 +98733,9 @@ const AutomationEditorTabs = ({
         /* @__PURE__ */ jsx("div", { className: "max-w-[640px] mx-auto w-full", children: /* @__PURE__ */ jsxs(
           TabsList,
           {
-            className: `grid w-full ${hideSms ? "grid-cols-1" : "grid-cols-2"}`,
+            className: `grid w-full ${finalHideSms || finalHideEmail ? "grid-cols-1" : "grid-cols-2"}`,
             children: [
-              /* @__PURE__ */ jsx(
+              !finalHideEmail && /* @__PURE__ */ jsx(
                 TabsTrigger,
                 {
                   value: "email",
@@ -98666,7 +98747,7 @@ const AutomationEditorTabs = ({
                   ] })
                 }
               ),
-              !hideSms && /* @__PURE__ */ jsx(
+              !finalHideSms && /* @__PURE__ */ jsx(
                 TabsTrigger,
                 {
                   value: "sms",
@@ -102469,6 +102550,28 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time" }) => {
     automation2,
     isDirty2
   ]);
+  useEffect(() => {
+    if (deliveryOption === null) {
+      if (automation2?.triggerMetadata && // Not needed i know but im terrified of TS errors now :nod_cry:
+      typeof automation2.triggerMetadata === "object" && automation2.triggerMetadata !== null && "scheduledAt" in automation2.triggerMetadata) {
+        console.log(
+          automation2?.triggerMetadata?.scheduledAt,
+          automation2?.triggerType
+        );
+        if (automation2?.triggerMetadata?.scheduledAt === "now" && automation2?.triggerType === AutomationTriggerType.ONE_TIME) {
+          setDeliveryOption("sendNow");
+        } else {
+          if (automation2?.triggerMetadata?.scheduledAt) {
+            setScheduledAt(automation2.triggerMetadata.scheduledAt);
+          }
+          if (automation2?.triggerMetadata?.timezone) {
+            setTimezone(automation2.triggerMetadata.timezone);
+          }
+          setDeliveryOption("schedule");
+        }
+      }
+    }
+  }, [automation2, deliveryOption]);
   if (!automation2) {
     return null;
   }
@@ -105280,13 +105383,26 @@ const OneTimeWizardMain = ({ onFinish, getExtraMergeFields, onBeforeSchedule })
           estimatedSmsRecipients: estimatedMatchesStats?.phones || 0
         });
         if (result === true) {
-          updateAutomation2({
-            status: AutomationStatus.ACTIVE
-          });
-          toast({
-            title: `${t$2("engage:broadcast")} scheduled!`
-          });
-          onFinish();
+          updateAutomation2(
+            {
+              status: AutomationStatus.ACTIVE
+            },
+            {
+              onSuccess: () => {
+                toast({
+                  title: `${t$2("engage:broadcast")} scheduled!`
+                });
+                onFinish();
+              },
+              onError: () => {
+                toast({
+                  title: "Oops!",
+                  description: "Please contact your administrator",
+                  variant: "destructive"
+                });
+              }
+            }
+          );
         } else {
           toast({
             title: "Oops!",
@@ -108128,7 +108244,6 @@ function BroadcastList() {
     setSearchQuery("");
   };
   const onDialogClose = (result) => {
-    console.log("result", result);
     handleDialogClose(
       setCreateDialogOpen,
       toast2,
@@ -108727,7 +108842,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
     smsApplication
   });
   useEffect(() => {
-    if (automation2 && isActive === void 0) {
+    if (automation2) {
       switch (automation2.status) {
         case AutomationStatus.ACTIVE:
           setIsActive(true);
@@ -108751,7 +108866,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
           throw UnreachableCaseStatement(automation2.status, AutomationStatus);
       }
     }
-  }, [automation2, isActive]);
+  }, [automation2]);
   const renderSwitch = useCallback(() => {
     if (!automation2) {
       toast2({
@@ -108759,7 +108874,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
         description: "Please contact your administrator",
         variant: "destructive"
       });
-      return;
+      return null;
     }
     const handleStatusChange = async (newStatus) => {
       if (isActive && !newStatus) {
@@ -108798,7 +108913,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
         if (communicationGroup?.emailHtmlBody?.includes(DEFAULT_LOGO_URL)) {
           if (numberOfTimesSentClicked === 0) {
             toast2({
-              title: DEFAULT_LOGO_WARNING_MESSAGE,
+              title: `${DEFAULT_LOGO_WARNING_MESSAGE}. You can click send again to send anyway.`,
               variant: "warning"
             });
             setNumberOfTimesSentClicked(numberOfTimesSentClicked + 1);
@@ -108871,9 +108986,23 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
         );
       }
     };
-    if (!automation2) {
+    if (!automation2 || !communicationGroup) {
       return null;
     }
+    const smsChannelSender = smsChannelSenders.find(
+      (sender) => sender.channelSender.id === communicationGroup?.smsChannelSenderId
+    );
+    const noTriggerMetadata = !automation2.triggerMetadata || automation2.triggerMetadata === null;
+    const oneTimeNoScheduledAt = automation2.triggerMetadata?.triggerType === AutomationTriggerType.ONE_TIME && !automation2.triggerMetadata?.scheduledAt;
+    const noEmailANDnoSmsSender = !communicationGroup?.emailChannelSenderId && !communicationGroup?.smsChannelSenderId;
+    const automationOneTime = automation2.triggerType === AutomationTriggerType.ONE_TIME;
+    const smsApplicationNotApproved = (
+      // TRIGGER_BASED can start this even if its pending
+      automationOneTime && smsChannelSender && smsChannelSender?.smsApplication?.application && smsChannelSender?.smsApplication?.status !== SmsRegistrationApplicationStatus.APPROVED
+    );
+    const noEmailSubjectORnoEmailHtmlBody = communicationGroup?.emailChannelSenderId && (!communicationGroup?.emailSubject || !communicationGroup?.emailHtmlBody);
+    const noSmsMessageBody = communicationGroup?.smsChannelSenderId && !communicationGroup?.smsMessageBody;
+    const missingScheduledAt = automationOneTime && (!automation2.triggerMetadata || !("scheduledAt" in automation2.triggerMetadata) || !automation2.triggerMetadata?.scheduledAt);
     let disableSwitch = false;
     let showSwitch = true;
     let infoOnDisabled = void 0;
@@ -108886,22 +109015,22 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
           /**
            * If we have a emailChannelSenderId, we need to have a emailSubject and emailHtmlBody
            */
-          communicationGroup?.emailChannelSenderId && (!communicationGroup?.emailSubject || !communicationGroup?.emailHtmlBody) || /**
-          * If we have a smsChannelSenderId, we need to have a smsMessageBody
-          */
-          communicationGroup?.smsChannelSenderId && !communicationGroup?.smsMessageBody
+          noEmailANDnoSmsSender || noEmailSubjectORnoEmailHtmlBody || noSmsMessageBody
         ) {
           disableSwitch = true;
-          if (!communicationGroup?.emailSubject) {
+          if (noEmailSubjectORnoEmailHtmlBody) {
             infoOnDisabled = "Missing subject in email communication";
           }
-          if (!communicationGroup?.emailHtmlBody) {
-            infoOnDisabled = "Missing email content in email communication";
-          }
-          if (!communicationGroup?.smsMessageBody) {
+          if (noSmsMessageBody) {
             infoOnDisabled = "Missing SMS message in SMS communication";
           }
         }
+        if (missingScheduledAt) {
+          disableSwitch = true;
+        }
+        if (smsApplicationNotApproved) {
+          disableSwitch = true;
+        }
         break;
       case AutomationStatus.DEACTIVATED:
         disableSwitch = true;
@@ -108952,11 +109081,9 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
             )
           ] });
         case AutomationTriggerType.ONE_TIME: {
-          const smsChannelSender = smsChannelSenders.find(
-            (sender) => sender.channelSender.id === communicationGroup?.smsChannelSenderId
-          );
-          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 || !communicationGroup?.emailSubject || !communicationGroup?.emailHtmlBody || !communicationGroup?.smsMessageBody || !communicationGroup?.emailChannelSenderId && !communicationGroup?.smsChannelSenderId) {
+          if (noTriggerMetadata || oneTimeNoScheduledAt || noEmailANDnoSmsSender || smsApplicationNotApproved || noEmailSubjectORnoEmailHtmlBody || noSmsMessageBody) {
             const renderInfoTooltip = () => {
+              const sendText = automation2.triggerMetadata && "scheduledAt" in automation2.triggerMetadata && automation2.triggerMetadata?.scheduledAt === "now" ? "Send Now" : "Schedule Send";
               if (automation2.status !== AutomationStatus.DRAFT) {
                 if (automation2.triggerMetadata && "scheduledAt" in automation2.triggerMetadata && automation2.triggerMetadata?.scheduledAt !== "now" && // Only active ones can be unscheduled
                 automation2.status === AutomationStatus.ACTIVE) {
@@ -108972,19 +109099,16 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                   );
                 }
               }
-              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(
+              if (smsApplicationNotApproved) {
+                return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
                   InfoTooltip,
                   {
                     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,
                       {
-                        asChild: true,
                         variant: "outline",
                         className: "flex items-center gap-2",
                         disabled: true,
@@ -108992,19 +109116,17 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                       }
                     )
                   }
-                );
+                ) });
               }
-              if (!automation2.triggerMetadata || automation2.triggerMetadata === null || !("scheduledAt" in automation2.triggerMetadata) || "scheduledAt" in automation2.triggerMetadata && !automation2.triggerMetadata?.scheduledAt) {
-                return /* @__PURE__ */ jsx(
+              if (missingScheduledAt) {
+                return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
                   InfoTooltip,
                   {
                     alertText: "Before sending, please select a schedule time on the left sidebar",
                     asChild: false,
-                    className: "cursor-not-allowed",
                     children: /* @__PURE__ */ jsx(
                       Button$1,
                       {
-                        asChild: true,
                         variant: "outline",
                         className: "flex items-center gap-2",
                         disabled: true,
@@ -109012,44 +109134,42 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                       }
                     )
                   }
-                );
+                ) });
               }
-              if (!communicationGroup?.emailChannelSenderId && !communicationGroup?.smsChannelSenderId || !communicationGroup?.emailSubject || !communicationGroup?.emailHtmlBody || !communicationGroup?.smsMessageBody) {
+              if (noEmailANDnoSmsSender || noEmailSubjectORnoEmailHtmlBody || noSmsMessageBody) {
                 let alertText = "";
-                if (!communicationGroup?.emailChannelSenderId && !communicationGroup?.smsChannelSenderId) {
+                if (noEmailANDnoSmsSender) {
                   alertText = "Please at least one sender";
-                } else if (!communicationGroup?.emailSubject) {
+                } else if (noEmailSubjectORnoEmailHtmlBody) {
                   alertText = "Please add a subject to your email communication";
-                } else if (!communicationGroup?.emailHtmlBody) {
-                  alertText = "Please add content to your email communication";
-                } else if (!communicationGroup?.smsMessageBody) {
+                } else if (noSmsMessageBody) {
                   alertText = "Please add a message to your SMS communication";
                 }
-                return /* @__PURE__ */ jsx(
-                  InfoTooltip,
+                return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(InfoTooltip, { alertText, asChild: false, children: /* @__PURE__ */ jsx(
+                  Button$1,
                   {
-                    alertText,
-                    asChild: false,
-                    className: "cursor-not-allowed",
-                    children: /* @__PURE__ */ jsx(
-                      Button$1,
-                      {
-                        asChild: true,
-                        variant: "outline",
-                        className: "flex items-center gap-2",
-                        disabled: true,
-                        children: sendText
-                      }
-                    )
+                    variant: "outline",
+                    className: "flex items-center gap-2",
+                    disabled: true,
+                    children: sendText
                   }
-                );
+                ) }) });
               }
+              return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+                Button$1,
+                {
+                  variant: "outline",
+                  className: "flex items-center gap-2",
+                  disabled: true,
+                  children: sendText
+                }
+              ) });
             };
             return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 cursor-not-allowed", children: renderInfoTooltip() });
           }
           if (!isActive) {
             let sendText = "Schedule Send";
-            if (automation2.triggerMetadata.triggerType === AutomationTriggerType.ONE_TIME && automation2.triggerMetadata.scheduledAt && (automation2.triggerMetadata.scheduledAt === "now" || automation2.triggerMetadata.scheduledAt !== "now" && new Date(automation2.triggerMetadata.scheduledAt) < new Date(Date.now() + 5 * 60 * 1e3))) {
+            if (automation2.triggerMetadata && automation2.triggerMetadata.triggerType === AutomationTriggerType.ONE_TIME && automation2.triggerMetadata.scheduledAt && automation2.triggerMetadata.scheduledAt === "now") {
               sendText = "Send Now";
             }
             return /* @__PURE__ */ jsx(
@@ -109081,14 +109201,11 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
           );
       }
     };
-    if (
-      // Only show the tooltip if its trigger based. One time automations will show their own tooltip in renderContent
-      // TODO: This is jank as fuck, consolidate it
-      disableSwitch && infoOnDisabled && automation2.triggerType === AutomationTriggerType.TRIGGER_BASED
-    ) {
-      return /* @__PURE__ */ jsx(InfoTooltip, { title: infoOnDisabled, children: renderContent() });
+    const content2 = renderContent();
+    if (disableSwitch && infoOnDisabled && automation2.triggerType === AutomationTriggerType.TRIGGER_BASED) {
+      return /* @__PURE__ */ jsx(InfoTooltip, { alertText: infoOnDisabled, children: content2 });
     } else {
-      return renderContent();
+      return content2;
     }
   }, [
     automation2,
@@ -109172,7 +109289,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
           )
         }
       ) }),
-      editingStatus ? /* @__PURE__ */ jsx("div", { className: "flex items-center text-muted-foreground pr-2", children: /* @__PURE__ */ jsx(BasicLoader, { size: "sm" }) }) : renderSwitch()
+      editingStatus ? /* @__PURE__ */ jsx("div", { className: "flex items-center text-muted-foreground pr-2", children: /* @__PURE__ */ jsx(BasicLoader, { size: "sm" }) }) : /* @__PURE__ */ jsx("div", { className: "flex items-center", children: renderSwitch() })
     ] }),
     /* @__PURE__ */ jsx(
       AutomationDuplicateDialog,