@embedreach/components 0.1.91 → 0.1.93

package/dist/chunks/index.js

@@ -2739,7 +2739,6 @@ const useUpdateBusinessAutomation = (automationId) => {
   const updateAutomationMutation = useMutation({
     mutationFn: (params) => updateAutomation(automationId, params),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["automations"] });
       queryClient.invalidateQueries({
         queryKey: ["automations", automationId]
       });
@@ -13225,9 +13224,7 @@ const applyThemeStyles = (styles2) => {
       if (key === "radius" || key === "font-body" || key === "font-heading") {
         finalValue = userValue;
       } else if (isValidColor(userValue)) {
-        const isTailwindClass = /^(bg|text|border|ring|shadow|from|via|to|divide|placeholder|caret|accent|outline|decoration|fill|stroke)-/.test(
-          userValue.trim()
-        );
+        const isTailwindClass = /^bg-/.test(userValue.trim());
         if (isTailwindClass) {
           const rootElement = document.querySelector("[data-reach-root]");
           if (rootElement) {
@@ -15952,8 +15949,6 @@ const date$2 = "Date";
 const close$1 = "Close";
 const connected$1 = "Connected";
 const connecting$1 = "Connecting...";
-const reauth_required$1 = "Re-authentication required";
-const reauth_required_description$1 = "Re-authentication required for one of your ad accounts";
 const reauthenticate$1 = "Reauthenticate";
 const account_settings$1 = "Account Settings";
 const manage_account_settings$1 = "Manage your account settings";
@@ -15978,6 +15973,10 @@ const measure$1 = {
   dashboard: {
     title: "Marketing ROI Dashboard",
     subtitle: "Track and analyze how your marketing efforts are driving sales",
+    application_status_banner_title: "We are experiencing some issues",
+    application_status_banner_description: "We are aware of an issue affecting the dashboard. We are working on it and will have it resolved soon.",
+    no_metrics_banner_title: "We are unable to display any metrics for this date range",
+    no_metrics_banner_description: "If you have just connected your ad accounts, your metrics should begin populating within the next 24 hours. Please check back soon.",
     reach_managed_campaign_banner: "Your ads are being managed by Reach. We’ll automatically optimize them to drive the best results."
   }
 };
@@ -16359,8 +16358,6 @@ const enCommon = {
   "continue": "Continue",
   connected: connected$1,
   connecting: connecting$1,
-  reauth_required: reauth_required$1,
-  reauth_required_description: reauth_required_description$1,
   reauthenticate: reauthenticate$1,
   account_settings: account_settings$1,
   manage_account_settings: manage_account_settings$1,
@@ -16416,8 +16413,6 @@ const date$1 = "Fecha";
 const close = "Cerrar";
 const connected = "Conectado";
 const connecting = "Conectando...";
-const reauth_required = "Re-autenticación requerida";
-const reauth_required_description = "Re-autenticación requerida para una de tus cuentas de anuncios";
 const reauthenticate = "Reautenticar";
 const account_settings = "Configuración de cuenta";
 const manage_account_settings = "Configuración de tu cuenta";
@@ -16442,6 +16437,10 @@ const measure = {
   dashboard: {
     title: "Panel de ingresos de marketing",
     subtitle: "Rastrea y analiza cómo tus esfuerzos de marketing están generando ventas",
+    application_status_banner_title: "Estamos experimentando algunos problemas",
+    application_status_banner_description: "Estamos al tanto de un problema que está afectando al panel. Estamos trabajando en ello y lo resolveremos pronto.",
+    no_metrics_banner_title: "No podemos mostrar ninguna métrica para este rango de fechas",
+    no_metrics_banner_description: "Si has conectado tus cuentas de anuncios recientemente, tus métricas deberían comenzar a poblarse en las próximas 24 horas. Por favor, vuelve pronto.",
     reach_managed_campaign_banner: "Tus anuncios están siendo gestionados por Reach. Automáticamente los optimizaremos para obtener los mejores resultados."
   }
 };
@@ -16823,8 +16822,6 @@ const esCommon = {
   "continue": "Continuar",
   connected,
   connecting,
-  reauth_required,
-  reauth_required_description,
   reauthenticate,
   account_settings,
   manage_account_settings,
@@ -16955,6 +16952,10 @@ const defaultTranslations = {
       dashboard: {
         title: "Marketing ROI Dashboard",
         subtitle: "Track and analyze how your marketing efforts are driving sales",
+        application_status_banner_title: "We are experiencing some issues",
+        application_status_banner_description: "We are aware of an issue affecting the dashboard. We are working on it and will have it resolved soon.",
+        no_metrics_banner_title: "We are unable to display any metrics for this date range",
+        no_metrics_banner_description: "If you have just connected your ad accounts, your metrics should begin populating within the next 24 hours. Please check back soon.",
         reach_managed_campaign_banner: "Your ads are being managed by Reach. We’ll automatically optimize them to drive the best results."
       }
     },
@@ -45297,6 +45298,11 @@ class BufferedCryptoRandom {
 let defaultGenerator;
 const uuidv7 = () => uuidv7obj().toString();
 const uuidv7obj = () => (defaultGenerator || (defaultGenerator = new V7Generator())).generate();
+function UnreachableCaseStatement$1(x3, enumObj) {
+  throw new Error(
+    `Unreachable case statement: ${JSON.stringify(x3)}. Valid values are: ${Object.values(enumObj).join(", ")}`
+  );
+}
 const createCommunicationGroup = async (params) => {
   const response = await baseRequest(
     `${COMMUNICATION_GROUP_PATH}`,
@@ -45760,7 +45766,10 @@ const SetAutomationNameAndDescription = ({
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center p-8 max-w-lg mx-auto", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold mb-8 text-center", children: "Name Your Automation" }),
+    /* @__PURE__ */ jsxs("h2", { className: "text-2xl font-semibold mb-8 text-center", children: [
+      "Name Your ",
+      t("engage:automation")
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "w-full space-y-6", children: [
       /* @__PURE__ */ jsx("div", { className: "bg-gray-50 p-6 rounded-xl items-center justify-center text-center", children: getAutomationComponent() }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
@@ -45808,7 +45817,7 @@ const SetAutomationNameAndDescription = ({
               value: automationDescription,
               onChange: (e4) => setAutomationDescription(e4.target.value),
               className: "w-full min-h-[80px] resize-none",
-              placeholder: "Add any helpful context for your team..."
+              placeholder: `Add any helpful context for your team. If left blank, we'll generate one for you when you start the ${t("engage:automation")}`
             }
           )
         ] })
@@ -45857,7 +45866,7 @@ const CreateAutomationModal = ({
         day: "numeric"
       });
       const autoName = `${t("engage:automation")} ${formattedDate} ${formattedTime}`;
-      const autoDescription = `${t("engage:automation_other")} ${formattedDate} ${formattedTime}`;
+      const autoDescription = "";
       setAutomationState((prevState) => ({
         ...prevState,
         name: autoName,
@@ -45920,40 +45929,50 @@ const CreateAutomationModal = ({
   if (isCreating || startedCreating) {
     return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(BasicLoader, { text: ["Creating Automation", "Finishing up"] }) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "relative overflow-y-auto h-full p-8", children: [
-    /* @__PURE__ */ jsxs(AnimatePresence, { children: [
-      currentStep === CreateAutomationModalStep.ChooseAutomationType && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
-        ChooseAutomationType,
-        {
-          onNext: (selectedType) => {
-            setAutomationState({ ...automationState, type: selectedType });
-            setCurrentStep(CreateAutomationModalStep.SetAutomationName);
-          },
-          iconDefinitions: finalIconDefinitions
-        }
-      ) }, "choose-automation-type"),
-      currentStep === CreateAutomationModalStep.SetAutomationName && automationState.type && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
-        SetAutomationNameAndDescription,
-        {
-          iconDefinitions: finalIconDefinitions,
-          selectedType: automationState.type,
-          setAutomationName: (name) => {
-            setAutomationState({
-              ...automationState,
-              name
-            });
-          },
-          automationName: automationState.name ?? "",
-          setAutomationDescription: (description2) => {
-            setAutomationState({
-              ...automationState,
-              description: description2
-            });
-          },
-          automationDescription: automationState.description ?? ""
+  const renderContent = () => {
+    switch (currentStep) {
+      case CreateAutomationModalStep.ChooseAutomationType:
+        return /* @__PURE__ */ jsx(
+          ChooseAutomationType,
+          {
+            onNext: (selectedType) => {
+              setAutomationState({ ...automationState, type: selectedType });
+              setCurrentStep(CreateAutomationModalStep.SetAutomationName);
+            },
+            iconDefinitions: finalIconDefinitions
+          }
+        );
+      case CreateAutomationModalStep.SetAutomationName:
+        if (!automationState.type) {
+          return null;
         }
-      ) }, "set-automation-name")
-    ] }),
+        return /* @__PURE__ */ jsx(
+          SetAutomationNameAndDescription,
+          {
+            iconDefinitions: finalIconDefinitions,
+            selectedType: automationState.type,
+            setAutomationName: (name) => {
+              setAutomationState({
+                ...automationState,
+                name
+              });
+            },
+            automationName: automationState.name ?? "",
+            setAutomationDescription: (description2) => {
+              setAutomationState({
+                ...automationState,
+                description: description2
+              });
+            },
+            automationDescription: automationState.description ?? ""
+          }
+        );
+      default:
+        throw UnreachableCaseStatement$1(currentStep, CreateAutomationModalStep);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative overflow-y-auto h-full p-8", children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(BlurDiv, { children: renderContent() }, currentStep) }),
     /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsx(
       ActionButtons,
       {
@@ -46147,7 +46166,7 @@ function isDate$2(val) {
   return __toString.call(val) === "[object Date]";
 }
 /**
- * react-router v7.1.0
+ * react-router v7.5.2
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -46558,7 +46577,7 @@ function decodePath(value) {
   } catch (error2) {
     warning(
       false,
-      `The URL path "${value}" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding (${error2}).`
+      `The URL path "${value}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${error2}).`
     );
     return value;
   }
@@ -46825,7 +46844,7 @@ function useRoutesImpl(routes, locationArg, dataRouterState, future) {
     // router loaded. We can help them understand how to avoid that.
     `useRoutes() may be used only in the context of a <Router> component.`
   );
-  let { navigator: navigator2 } = React.useContext(NavigationContext$1);
+  let { navigator: navigator2, static: isStatic } = React.useContext(NavigationContext$1);
   let { matches: parentMatches } = React.useContext(RouteContext);
   let routeMatch = parentMatches[parentMatches.length - 1];
   let parentParams = routeMatch ? routeMatch.params : {};
@@ -46854,7 +46873,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     let segments = pathname.replace(/^\//, "").split("/");
     remainingPathname = "/" + segments.slice(parentSegments.length).join("/");
   }
-  let matches = matchRoutes(routes, { pathname: remainingPathname });
+  let matches = !isStatic && dataRouterState && dataRouterState.matches && dataRouterState.matches.length > 0 ? dataRouterState.matches : matchRoutes(routes, { pathname: remainingPathname });
   {
     warning(
       parentRoute || matches != null,
@@ -47483,12 +47502,21 @@ function getNewMatchesForLinks(page, nextMatches, currentMatches, manifest, loca
   }
   return [];
 }
-function getModuleLinkHrefs(matches, manifestPatch) {
+function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
   return dedupeHrefs(
     matches.map((match2) => {
-      let route = manifestPatch.routes[match2.route.id];
+      let route = manifest.routes[match2.route.id];
       if (!route) return [];
       let hrefs = [route.module];
+      if (route.clientActionModule) {
+        hrefs = hrefs.concat(route.clientActionModule);
+      }
+      if (route.clientLoaderModule) {
+        hrefs = hrefs.concat(route.clientLoaderModule);
+      }
+      if (includeHydrateFallback && route.hydrateFallbackModule) {
+        hrefs = hrefs.concat(route.hydrateFallbackModule);
+      }
       if (route.imports) {
         hrefs = hrefs.concat(route.imports);
       }
@@ -47519,7 +47547,8 @@ function dedupeLinkDescriptors(descriptors, preloads) {
     return deduped;
   }, []);
 }
-function singleFetchUrl(reqUrl) {
+var NO_BODY_STATUS_CODES = /* @__PURE__ */ new Set([100, 101, 204, 205]);
+function singleFetchUrl(reqUrl, basename) {
   let url = typeof reqUrl === "string" ? new URL(
     reqUrl,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
@@ -47528,6 +47557,8 @@ function singleFetchUrl(reqUrl) {
   ) : reqUrl;
   if (url.pathname === "/") {
     url.pathname = "_root.data";
+  } else if (basename && stripBasename(url.pathname, basename) === "/") {
+    url.pathname = `${basename.replace(/\/$/, "")}/_root.data`;
   } else {
     url.pathname = `${url.pathname.replace(/\/$/, "")}.data`;
   }
@@ -47664,6 +47695,7 @@ function PrefetchPageLinksImpl({
 }) {
   let location2 = useLocation();
   let { manifest, routeModules } = useFrameworkContext();
+  let { basename } = useDataRouterContext2();
   let { loaderData, matches } = useDataRouterStateContext();
   let newMatchesForData = React.useMemo(
     () => getNewMatchesForLinks(
@@ -47709,7 +47741,7 @@ function PrefetchPageLinksImpl({
     if (routesParams.size === 0) {
       return [];
     }
-    let url = singleFetchUrl(page);
+    let url = singleFetchUrl(page, basename);
     if (foundOptOutRoute && routesParams.size > 0) {
       url.searchParams.set(
         "_routes",
@@ -47718,6 +47750,7 @@ function PrefetchPageLinksImpl({
     }
     return [url.pathname + url.search];
   }, [
+    basename,
     loaderData,
     location2,
     manifest,
@@ -47731,7 +47764,7 @@ function PrefetchPageLinksImpl({
     [newMatchesForAssets, manifest]
   );
   let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link: link2 }) => (
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, dataHrefs.map((href2) => /* @__PURE__ */ React.createElement("link", { key: href2, rel: "prefetch", as: "fetch", href: href2, ...linkProps })), moduleHrefs.map((href2) => /* @__PURE__ */ React.createElement("link", { key: href2, rel: "modulepreload", href: href2, ...linkProps })), keyedPrefetchLinks.map(({ key, link: link2 }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
     /* @__PURE__ */ React.createElement("link", { key, ...link2 })
@@ -47751,7 +47784,7 @@ function mergeRefs(...refs) {
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
   if (isBrowser) {
-    window.__reactRouterVersion = "7.1.0";
+    window.__reactRouterVersion = "7.5.2";
   }
 } catch (e4) {
 }
@@ -47795,7 +47828,7 @@ var Link = React.forwardRef(
         }
       }
     }
-    let href = useHref(to, { relative });
+    let href2 = useHref(to, { relative });
     let [shouldPrefetch, prefetchRef, prefetchHandlers] = usePrefetchBehavior(
       prefetch,
       rest
@@ -47821,7 +47854,7 @@ var Link = React.forwardRef(
         {
           ...rest,
           ...prefetchHandlers,
-          href: absoluteHref || href,
+          href: absoluteHref || href2,
           onClick: isExternal || reloadDocument ? onClick : handleClick,
           ref: mergeRefs(forwardedRef, prefetchRef),
           target,
@@ -47829,7 +47862,7 @@ var Link = React.forwardRef(
         }
       )
     );
-    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link2, /* @__PURE__ */ React.createElement(PrefetchPageLinks, { page: href })) : link2;
+    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link2, /* @__PURE__ */ React.createElement(PrefetchPageLinks, { page: href2 })) : link2;
   }
 );
 Link.displayName = "Link";
@@ -48120,6 +48153,10 @@ function useViewTransitionState(to, opts = {}) {
   return matchPath(path2.pathname, nextPath) != null || matchPath(path2.pathname, currentPath) != null;
 }
 new TextEncoder();
+/* @__PURE__ */ new Set([
+  ...NO_BODY_STATUS_CODES,
+  304
+]);
 const AnimatedTabs = ({
   tabs,
   activeTab,
@@ -52550,12 +52587,10 @@ const BrandLoader = ({
     ] })
   ] }) : null });
 };
-const AutoParseConfirmWebsite = ({ setAutoParse, onBrandSettingsGenerated }) => {
+const AutoParseConfirmWebsite = ({ setAutoParse, onBrandSettingsGenerated, onForceRefresh }) => {
   const [websiteUrl, setWebsiteUrl] = useState("");
   const [isEditing, setIsEditing] = useState(false);
-  const [brandSettings, setBrandSettings] = useState(
-    null
-  );
+  const [brandSettings, setBrandSettings] = useState(null);
   const [isAnalyzing, setIsAnalyzing] = useState(false);
   const [showBrandResults, setShowBrandResults] = useState(false);
   const [isInitialFetch, setIsInitialFetch] = useState(true);
@@ -52618,8 +52653,7 @@ const AutoParseConfirmWebsite = ({ setAutoParse, onBrandSettingsGenerated }) =>
   const handleUpdateBrandSettings = () => {
     if (brandSettings) {
       updateBrandSettings({
-        // TODO: Add logo_base64 back in once we are able to compress the image
-        // logo_base64: brandSettings.logo_base64,
+        logoBase64: brandSettings.logo_base64,
         primaryColor: brandSettings.primaryColor,
         secondaryColors: brandSettings.secondaryColors,
         brandTagline: brandSettings.brandTagline,
@@ -52627,6 +52661,9 @@ const AutoParseConfirmWebsite = ({ setAutoParse, onBrandSettingsGenerated }) =>
         brandPersonality: brandSettings.brandPersonality,
         colorPalette: brandSettings.colorPalette
       });
+      if (onForceRefresh) {
+        onForceRefresh();
+      }
       toast({
         title: "Brand settings saved successfully 🚀",
         description: "Your brand identity has been updated."
@@ -52864,6 +52901,7 @@ const BrandSettingsModal = () => {
   const [autoParse, setAutoParse] = useState(false);
   const [logoUrl, setLogoUrl] = useState(void 0);
   const [hexInput, setHexInput] = useState("");
+  const [imageTimestamp, setImageTimestamp] = useState(Date.now());
   const fileInputRef = useRef(null);
   const { toast: toast2 } = useToast();
   useEffect(() => {
@@ -52874,6 +52912,7 @@ const BrandSettingsModal = () => {
     }
     if (meResponse?.branding?.logoUrl) {
       setLogoUrl(meResponse.branding.logoUrl);
+      setImageTimestamp(Date.now());
     }
   }, [meResponse]);
   const handleColorChange = (color2) => {
@@ -52895,7 +52934,7 @@ const BrandSettingsModal = () => {
         const base64String = reader.result;
         setLogoUrl(base64String);
         updateBrandSettings({
-          logoUrl: base64String
+          logoBase64: base64String
         });
       };
       reader.readAsDataURL(file);
@@ -52924,7 +52963,13 @@ const BrandSettingsModal = () => {
       title: "Brand settings saved 🚀"
     });
   };
-  return /* @__PURE__ */ jsx("div", { className: "w-full bg-white rounded-lg shadow-sm min-h-[500px]", children: autoParse ? /* @__PURE__ */ jsx(AutoParseConfirmWebsite, { setAutoParse }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: "w-full bg-white rounded-lg shadow-sm min-h-[500px]", children: autoParse ? /* @__PURE__ */ jsx(
+    AutoParseConfirmWebsite,
+    {
+      setAutoParse,
+      onForceRefresh: () => setImageTimestamp(Date.now())
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -52950,10 +52995,11 @@ const BrandSettingsModal = () => {
           /* @__PURE__ */ jsx("div", { className: "w-20 h-20 rounded-md border border-gray-200 overflow-hidden bg-gray-50 flex items-center justify-center", children: logoUrl ? /* @__PURE__ */ jsx(
             "img",
             {
-              src: logoUrl,
+              src: `${logoUrl}?${imageTimestamp}`,
               alt: "Brand logo",
               className: "w-full h-full object-cover"
-            }
+            },
+            imageTimestamp
           ) : /* @__PURE__ */ jsx(Image, { className: "h-6 w-6 text-gray-300" }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx(
@@ -64647,8 +64693,8 @@ const useCommunicationUpdateTracking = () => {
 };
 const useRecipientStats = (automation2) => {
   const { data: estimatedMatches } = useGetCountOfBusinessAutomationRecipients({
-    include_segments: automation2?.includeSegmentIds ?? [],
-    exclude_segments: automation2?.excludeSegmentIds ?? []
+    includeSegments: automation2?.includeSegmentIds ?? [],
+    excludeSegments: automation2?.excludeSegmentIds ?? []
   });
   const estimatedMatchesStats = useMemo(() => {
     if (!estimatedMatches?.recipients) return { emails: 0, phones: 0 };
@@ -64874,12 +64920,16 @@ const EmailPreview$1 = ({
   ] });
 };
 const SMSPreview$1 = ({ fromPhone, body }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "max-w-sm mx-auto min-h-[400px] flex flex-col justify-center flex-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "bg-gray-50 p-5 rounded-lg border border-gray-100 mb-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "From:" }),
-      /* @__PURE__ */ jsx("span", { className: "text-gray-800", children: fromPhone })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "border-4 border-gray-800 rounded-3xl p-1 bg-gray-800 shadow-xl mx-auto max-w-xs transform scale-[0.8] origin-top", children: /* @__PURE__ */ jsx("div", { className: "bg-gray-100 rounded-2xl p-4 h-[500px] w-[280px] aspect-[9/16] overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex justify-end mb-4", children: /* @__PURE__ */ jsx("div", { className: "bg-green-500 text-white rounded-2xl rounded-tr-sm py-3 px-4 max-w-[80%] shadow-sm whitespace-pre-wrap text-[1.5rem]", children: body }) }) }) })
+  return /* @__PURE__ */ jsxs("div", { className: "sms-preview-outer @container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "sms-preview-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "sms-preview-header-label", children: "From:" }),
+      /* @__PURE__ */ jsx("span", { className: "sms-preview-header-phone", children: fromPhone })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "sms-phone-mockup", children: [
+      /* @__PURE__ */ jsx("div", { className: "sms-phone-notch" }),
+      /* @__PURE__ */ jsx("div", { className: "sms-phone-inner", children: /* @__PURE__ */ jsx("div", { className: "sms-message-row", children: /* @__PURE__ */ jsx("div", { className: "sms-message-bubble", children: body }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "sms-phone-home-indicator" })
+    ] })
   ] });
 };
 const PreviewPanel = ({ emailPreview, smsPreview, iconDefinitions }) => {
@@ -64899,7 +64949,7 @@ const PreviewPanel = ({ emailPreview, smsPreview, iconDefinitions }) => {
         initial: { opacity: 0, y: -20 },
         animate: { opacity: 1, y: 0 },
         transition: { duration: 0.5, delay: 0.1 },
-        className: "w-full flex flex-col h-full flex-1 min-h-0",
+        className: "w-full flex flex-col h-full flex-1 min-h-0 relative",
         children: /* @__PURE__ */ jsxs("div", { className: "bg-gray-200 rounded-xl shadow-lg border border-gray-100 overflow-hidden flex-1 min-h-0 flex flex-col", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex border-b border-border bg-background", children: [
             emailPreview && /* @__PURE__ */ jsxs(
@@ -65016,7 +65066,7 @@ ${smsPreview.body}` : smsPreview.body
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(Dialog, { open: isExpanded, onOpenChange: setIsExpanded, children: /* @__PURE__ */ jsx(DialogContent, { className: "w-[80vw] h-[80vh] max-w-none max-h-none", children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ jsx(Dialog, { open: isExpanded, onOpenChange: setIsExpanded, children: /* @__PURE__ */ jsx(DialogContent, { className: "w-[80vw] h-[80vh] max-w-none max-h-none", children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col overflow-hidden rounded-xl", children: [
       selectedTab === "email" && emailPreview && /* @__PURE__ */ jsx(
         EmailPreview$1,
         {
@@ -65186,12 +65236,12 @@ const AutomationRecipients = ({
         {
           className: "hover:bg-gray-50/50 transition-colors",
           children: [
-            /* @__PURE__ */ jsx(TableCell, { style: { width: COLUMN_WIDTHS.name }, children: recipient.first_name || recipient.last_name ? `${recipient.first_name || ""} ${recipient.last_name || ""}`.trim() : /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Not provided" }) }),
+            /* @__PURE__ */ jsx(TableCell, { style: { width: COLUMN_WIDTHS.name }, children: recipient.firstName || recipient.lastName ? `${recipient.firstName || ""} ${recipient.lastName || ""}`.trim() : /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Not provided" }) }),
             /* @__PURE__ */ jsx(TableCell, { style: { width: COLUMN_WIDTHS.email }, children: recipient.email || /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Not provided" }) }),
             /* @__PURE__ */ jsx(TableCell, { style: { width: COLUMN_WIDTHS.phone }, children: recipient.phone || /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Not provided" }) })
           ]
         },
-        recipient.reach_id
+        recipient.reachId
       )) })
     ] })
   ] });
@@ -66866,54 +66916,97 @@ var AutomationSteps = /* @__PURE__ */ ((AutomationSteps2) => {
 })(AutomationSteps || {});
 const validateAutomationStep = async (args) => {
   const { currentStep, automation: automation2, communicationGroup } = args;
-  if (currentStep === 0) {
-    return {
-      canMove: true,
-      errorMessage: null
-    };
-  }
-  if (currentStep === 1) {
-    return {
-      canMove: automation2.includeSegmentIds.length > 0,
-      errorMessage: "Please ensure you have selected at least one segment"
-    };
-  }
-  if (currentStep === 2) {
-    const actionDataCommunication = automation2.actionData?.find(
-      (action) => action.actionType === "send_communication"
-    );
-    if (!actionDataCommunication) {
+  switch (currentStep) {
+    case 0:
       return {
-        canMove: false,
-        errorMessage: "Please ensure you have selected either a email communication or text communication"
+        canMove: true,
+        errorMessage: null
       };
-    }
-    if (!communicationGroup || !communicationGroup.smsChannelSenderId && !communicationGroup.emailChannelSenderId) {
+    case 1:
       return {
-        canMove: false,
-        errorMessage: "Please ensure you have selected either a email communication or text communication"
+        canMove: automation2.includeSegmentIds.length > 0,
+        errorMessage: "Please ensure you have selected at least one segment"
       };
-    }
-    if (communicationGroup.emailChannelSenderId) {
-      if (!communicationGroup.emailHtmlBody || !communicationGroup.emailSubject) {
+    case 2: {
+      const actionDataCommunication = automation2.actionData?.find(
+        (action) => action.actionType === "send_communication"
+      );
+      if (!actionDataCommunication) {
         return {
           canMove: false,
-          errorMessage: "Please ensure you have a email body and subject"
+          errorMessage: "Please ensure you have selected either a email communication or text communication"
         };
       }
-    }
-    if (communicationGroup.smsChannelSenderId) {
-      if (!communicationGroup.smsMessageBody) {
+      if (!communicationGroup || !communicationGroup.smsChannelSenderId && !communicationGroup.emailChannelSenderId) {
         return {
           canMove: false,
-          errorMessage: "Please ensure you have a sms message body"
+          errorMessage: "Please ensure you have selected either a email communication or text communication"
         };
       }
+      if (communicationGroup.emailChannelSenderId) {
+        if (!communicationGroup.emailHtmlBody || !communicationGroup.emailSubject) {
+          return {
+            canMove: false,
+            errorMessage: "Please ensure you have a email body and subject"
+          };
+        }
+      }
+      if (communicationGroup.smsChannelSenderId) {
+        if (!communicationGroup.smsMessageBody) {
+          return {
+            canMove: false,
+            errorMessage: "Please ensure you have a sms message body"
+          };
+        }
+      }
+      return {
+        canMove: true,
+        errorMessage: null
+      };
     }
-  }
-  if (currentStep === 3) {
-    const isOneTime = isOneTimeTriggerMetadata(automation2.triggerMetadata);
-    if (isOneTime) {
+    case 3: {
+      if (!automation2.triggerMetadata) {
+        return {
+          canMove: false,
+          errorMessage: "Please make sure to select a time to send before starting!"
+        };
+      }
+      if (automation2.triggerMetadata.triggerType !== AutomationTriggerType.ONE_TIME) {
+        return {
+          canMove: Boolean(
+            automation2.actionData?.some(
+              (action) => action.actionType === "send_communication" && action.actionMetadata.communicationGroupId
+            )
+          ),
+          errorMessage: null
+        };
+      }
+      if (!automation2.triggerMetadata?.scheduledAt) {
+        return {
+          canMove: false,
+          errorMessage: `Please ensure you have set a valid future date for your ${t("engage:one_time")}`
+        };
+      }
+      const hasValidSchedule = Boolean(
+        automation2.triggerMetadata?.scheduledAt && new Date(automation2.triggerMetadata.scheduledAt) > /* @__PURE__ */ new Date()
+      );
+      if (!hasValidSchedule) {
+        return {
+          canMove: false,
+          errorMessage: `Please ensure you have set a valid future date for your ${t("engage:one_time")}`
+        };
+      }
+      const hasValidCommunicationGroup = Boolean(
+        automation2.actionData?.some(
+          (action) => action.actionType === "send_communication" && action.actionMetadata.communicationGroupId
+        )
+      );
+      if (!hasValidCommunicationGroup) {
+        return {
+          canMove: false,
+          errorMessage: "Please ensure you have set a valid email or sms communication"
+        };
+      }
       const oneTimeMetadata = automation2.triggerMetadata;
       return {
         canMove: Boolean(
@@ -66924,33 +67017,9 @@ const validateAutomationStep = async (args) => {
         errorMessage: `Please ensure you have set a valid future date for your ${t("engage:one_time")} automation`
       };
     }
-    return {
-      canMove: Boolean(
-        automation2.actionData?.some(
-          (action) => action.actionType === "send_communication" && action.actionMetadata.communicationGroupId
-        )
-      ),
-      errorMessage: null
-    };
+    default:
+      UnreachableCaseStatement(currentStep, AutomationSteps);
   }
-  return {
-    canMove: true,
-    errorMessage: null
-  };
-};
-const mergeFieldTemplateCreator = (args) => {
-  const { mergeFieldName } = args;
-  return `{{${mergeFieldName}}}`;
-};
-const useDebounce = (value, delay2) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay2);
-    return () => clearTimeout(timer);
-  }, [value, delay2]);
-  return debouncedValue;
 };
 const getChannelAccounts = async () => {
   const response = await baseRequest(
@@ -66980,6 +67049,20 @@ var ChannelAccountTypeEnum = /* @__PURE__ */ ((ChannelAccountTypeEnum2) => {
   ChannelAccountTypeEnum2["TWILLIO"] = "twillio";
   return ChannelAccountTypeEnum2;
 })(ChannelAccountTypeEnum || {});
+const mergeFieldTemplateCreator = (args) => {
+  const { mergeFieldName } = args;
+  return `{{${mergeFieldName}}}`;
+};
+const useDebounce = (value, delay2) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay2);
+    return () => clearTimeout(timer);
+  }, [value, delay2]);
+  return debouncedValue;
+};
 const EmailPreviewHelpDialog = () => {
   return /* @__PURE__ */ jsxs("div", { className: "p-6 overflow-y-auto", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-8 text-center", children: [
@@ -67460,9 +67543,14 @@ const EmailPreview = ({ mergeFieldsResponse }) => {
     if (debouncedReplyToEmail) {
       const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
       const isValidEmail = emailRegex.test(debouncedReplyToEmail);
-      setReplyToEmailError(
-        isValidEmail ? null : "Please enter a valid email address"
-      );
+      const hasEmoji = /\p{Emoji}/u.test(debouncedReplyToEmail);
+      if (hasEmoji) {
+        setReplyToEmailError("Emojis are not allowed in email addresses");
+      } else if (!isValidEmail) {
+        setReplyToEmailError("Please enter a valid email address");
+      } else {
+        setReplyToEmailError(null);
+      }
     } else {
       setReplyToEmailError(null);
     }
@@ -67474,7 +67562,6 @@ const EmailPreview = ({ mergeFieldsResponse }) => {
           (sender) => sender.id === args.fromEmail
         );
         if (channelSender) {
-          console.log("Updating reply-to email:", args.debouncedReplyToEmail);
           updateChannelSender2({
             id: args.fromEmail,
             toUpdate: {
@@ -67528,60 +67615,70 @@ const EmailPreview = ({ mergeFieldsResponse }) => {
       ] }),
       /* @__PURE__ */ jsx(EmailPreviewHelpDialog, {})
     ] }) }),
-    /* @__PURE__ */ jsx(Dialog, { open: showStripoEditor, onOpenChange: setShowStripoEditor, children: /* @__PURE__ */ jsxs(DialogContent, { className: "min-w-[100vw] min-h-[100vh]", hideCloseButton: true, children: [
-      /* @__PURE__ */ jsxs(VisuallyHidden$2, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Email Editor" }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Learn more about the email editor and how to use it to create your email." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-1 border-b", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium", children: "Email Editor" }),
-            /* @__PURE__ */ jsx(
-              InfoTooltip,
-              {
-                title: "Click to learn more about email template ",
-                onClick: () => setShowHelpDialog(true)
-              }
-            )
+    /* @__PURE__ */ jsx(Dialog, { open: showStripoEditor, onOpenChange: setShowStripoEditor, children: /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        className: "min-w-[100vw] min-h-[100vh]",
+        hideCloseButton: true,
+        onEscapeKeyDown: (e4) => {
+          e4.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs(VisuallyHidden$2, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: "Email Editor" }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: "Learn more about the email editor and how to use it to create your email." })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Button$1,
-              {
-                onClick: () => {
-                  setCancelClicked(true);
-                },
-                className: "text-sm px-3 py-1 rounded",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button$1,
+          /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-1 border-b", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium", children: "Email Editor" }),
+                /* @__PURE__ */ jsx(
+                  InfoTooltip,
+                  {
+                    title: "Click to learn more about email template ",
+                    onClick: () => setShowHelpDialog(true)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    onClick: () => {
+                      setCancelClicked(true);
+                    },
+                    className: "text-sm px-3 py-1 rounded",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    onClick: () => setSaveClicked(true),
+                    className: "text-sm px-3 py-1 rounded",
+                    children: "Save"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: " w-full", children: automation2 && /* @__PURE__ */ jsx(
+              StripoWrapper,
               {
-                onClick: () => setSaveClicked(true),
-                className: "text-sm px-3 py-1 rounded",
-                children: "Save"
+                cancelClicked,
+                setCancelClicked,
+                showStripoEditor,
+                automation: automation2,
+                setShowStripoEditor,
+                saveClicked,
+                setSaveClicked,
+                stripoDialogDimensions,
+                mergeFieldsResponse
               }
-            )
+            ) })
           ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: " w-full", children: automation2 && /* @__PURE__ */ jsx(
-          StripoWrapper,
-          {
-            cancelClicked,
-            setCancelClicked,
-            showStripoEditor,
-            automation: automation2,
-            setShowStripoEditor,
-            saveClicked,
-            setSaveClicked,
-            stripoDialogDimensions,
-            mergeFieldsResponse
-          }
-        ) })
-      ] })
-    ] }) }),
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -67872,7 +67969,9 @@ var Indicator = CheckboxIndicator;
 const SelectEmailOrSMS = ({
   selectedChannels,
   setSelectedChannels,
-  iconDefinitions
+  iconDefinitions,
+  hasEmailChannelSenders,
+  hasSmsChannelSenders
 }) => {
   const { toast: toast2 } = useToast();
   const toggleEmail = () => {
@@ -67906,18 +68005,22 @@ const SelectEmailOrSMS = ({
     setSelectedChannels([...selectedChannels, "sms"]);
   };
   const channelOptions = [
-    {
-      label: "Email",
-      value: "email",
-      icon: iconDefinitions.EmailIcon,
-      checked: selectedChannels.includes("email")
-    },
-    {
-      label: "SMS",
-      value: "sms",
-      icon: iconDefinitions.SmsIcon,
-      checked: selectedChannels.includes("sms")
-    }
+    ...hasEmailChannelSenders ? [
+      {
+        label: "Email",
+        value: "email",
+        icon: iconDefinitions.EmailIcon,
+        checked: selectedChannels.includes("email")
+      }
+    ] : [],
+    ...hasSmsChannelSenders ? [
+      {
+        label: "SMS",
+        value: "sms",
+        icon: iconDefinitions.SmsIcon,
+        checked: selectedChannels.includes("sms")
+      }
+    ] : []
   ];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { children: [
@@ -67946,7 +68049,7 @@ const SelectEmailOrSMS = ({
     )) })
   ] });
 };
-const SMSPreview = ({ iconDefinitions, mergeFieldsResponse }) => {
+const SMSPreview = ({ iconDefinitions, mergeFieldsResponse, smsChannelSenders }) => {
   const automation2 = useAutomation();
   const _getCommunicationGroupFromAutomation = useCallback(() => {
     const actionGroup = automation2?.actionData?.find(
@@ -68046,9 +68149,6 @@ const SMSPreview = ({ iconDefinitions, mergeFieldsResponse }) => {
   if (!channelAccounts || !channelSenders || isMeLoading) {
     return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(BasicLoader, { text: ["Loading..."] }) });
   }
-  const smsChannelSenders = channelSenders.results.filter(
-    (sender) => sender.channelSenderMetadata.from || sender.channelSenderMetadata.messageServiceSid
-  );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(Dialog, { open: showSmsEditor, onOpenChange: setShowSmsEditor, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
       /* @__PURE__ */ jsxs(VisuallyHidden$2, { children: [
@@ -68185,6 +68285,8 @@ const EditCampaignContent = ({
   const emailContainerRef = useRef(null);
   const { toast: toast2 } = useToast();
   const communicationGroup = useCommunicationGroup();
+  const { channelSenders } = useChannelSender();
+  const { channelAccounts } = useChannelAccount();
   const { updateCommunicationGroup: updateCommunicationGroup2 } = useUpdateCommunicationGroup();
   const automation2 = useAutomation();
   const { getMergeFields: getMergeFields2, isGetting: isGetMergeFieldsLoading } = useGetMergeFields(communicationGroup?.id ?? void 0);
@@ -68367,16 +68469,44 @@ const EditCampaignContent = ({
     mergeFieldsResponse,
     setSelectedChannelsBasedOnCommunicationGroup
   ]);
-  if (!selectedChannels || isGetMergeFieldsLoading || !mergeFieldsResponse) {
+  const emailChannelSendersWithChannelAccounts = useMemo(
+    () => channelSenders?.results?.filter((sender) => sender.channelSenderMetadata.userPart)?.flatMap((sender) => {
+      const channelAccount = channelAccounts?.results?.find(
+        (account) => account.id === sender.channelAccountId
+      );
+      if (!channelAccount) return [];
+      if (channelAccount.channelAccountMetadata.type === ChannelAccountTypeEnum.REACH_MANAGED) {
+        return [
+          {
+            channelSenderId: sender.id,
+            fullDomain: `${sender.channelSenderMetadata.userPart}@${sender.channelSenderMetadata.baseDomain}`
+          }
+        ];
+      }
+      return [];
+    }) || [],
+    [channelSenders?.results, channelAccounts?.results]
+  );
+  const smsChannelSenders = useMemo(
+    () => channelSenders?.results.filter(
+      (sender) => sender.channelSenderMetadata.from || sender.channelSenderMetadata.messageServiceSid
+    ),
+    [channelSenders?.results]
+  );
+  if (!selectedChannels || isGetMergeFieldsLoading || !mergeFieldsResponse || !emailChannelSendersWithChannelAccounts || !smsChannelSenders) {
     return /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center flex-1 h-full bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: /* @__PURE__ */ jsx(BasicLoader, { text: ["Fetching Content..."] }) });
   }
+  const hasEmailChannelSenders = emailChannelSendersWithChannelAccounts.length > 0;
+  const hasSmsChannelSenders = smsChannelSenders.length > 0;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-shrink-0", children: [
     /* @__PURE__ */ jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: /* @__PURE__ */ jsx(
       SelectEmailOrSMS,
       {
         selectedChannels,
         setSelectedChannels,
-        iconDefinitions
+        iconDefinitions,
+        hasEmailChannelSenders,
+        hasSmsChannelSenders
       }
     ) }),
     selectedChannels.includes("email") && /* @__PURE__ */ jsxs(
@@ -68390,7 +68520,8 @@ const EditCampaignContent = ({
             EmailPreview,
             {
               iconDefinitions,
-              mergeFieldsResponse
+              mergeFieldsResponse,
+              emailChannelSendersWithChannelAccounts
             }
           )
         ]
@@ -68402,7 +68533,8 @@ const EditCampaignContent = ({
         SMSPreview,
         {
           iconDefinitions,
-          mergeFieldsResponse
+          mergeFieldsResponse,
+          smsChannelSenders
         }
       )
     ] })
@@ -68477,8 +68609,8 @@ const EstimatedMatchesView = ({
     isLoading: isCountLoading,
     refetchCount
   } = useGetCountOfBusinessAutomationRecipients({
-    include_segments: includeSegments,
-    exclude_segments: excludeSegments
+    includeSegments,
+    excludeSegments
   });
   useEffect(() => {
     refetchCount();
@@ -68802,8 +68934,9 @@ const OneTimeBroadcastMetadata = ({ automation: automation2 }) => {
     ] })
   ] });
 };
-const SelectTime = ({ iconDefinitions, automation: automation2, updateAutomation: updateAutomation2 }) => {
+const SelectTime = ({ iconDefinitions, automation: automation2 }) => {
   const [deliveryOption, setDeliveryOption] = useState(null);
+  const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2?.id || "");
   return /* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -68823,7 +68956,7 @@ const SelectTime = ({ iconDefinitions, automation: automation2, updateAutomation
                 icon: /* @__PURE__ */ jsx(iconDefinitions.SendButton, {}),
                 onClick: () => {
                   setDeliveryOption("sendNow");
-                  updateAutomation2({
+                  businessUpdateAutomation({
                     trigger: {
                       triggerType: AutomationTriggerType.ONE_TIME,
                       scheduledAt: new Date(
@@ -68909,15 +69042,12 @@ const SelectTime = ({ iconDefinitions, automation: automation2, updateAutomation
   ) });
 };
 const PreviewAndSchedule = ({
-  iconDefinitions,
-  updateAutomation: externalUpdateAutomation
+  iconDefinitions
 }) => {
   const automation2 = useAutomation();
   const communicationGroup = useCommunicationGroup();
-  const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2?.id || "");
   const { channelSenders } = useChannelSender();
   const { channelAccounts } = useChannelAccount();
-  const updateAutomation2 = externalUpdateAutomation || ((params) => businessUpdateAutomation(params));
   const [emailPreview, setEmailPreview] = useState(null);
   const [smsPreview, setSmsPreview] = useState(null);
   const [channelSenderData, setChannelSenderData] = useState(null);
@@ -68986,6 +69116,13 @@ const PreviewAndSchedule = ({
     return /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ jsx("div", { children: "No preview data Please complete previous steps" }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    automation2.triggerType === AutomationTriggerType.ONE_TIME && /* @__PURE__ */ jsx(Card, { className: "p-4 shadow-sm border-none mt-4", children: /* @__PURE__ */ jsx(
+      SelectTime,
+      {
+        automation: automation2,
+        iconDefinitions
+      }
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-4 w-full", children: [
       /* @__PURE__ */ jsx(
         PreviewPanel,
@@ -69004,15 +69141,7 @@ const PreviewAndSchedule = ({
           excludeSegments: automation2.excludeSegmentIds || []
         }
       )
-    ] }),
-    automation2.triggerType === AutomationTriggerType.ONE_TIME && /* @__PURE__ */ jsx(Card, { className: "p-4 shadow-sm border-none mt-4", children: /* @__PURE__ */ jsx(
-      SelectTime,
-      {
-        automation: automation2,
-        iconDefinitions,
-        updateAutomation: updateAutomation2
-      }
-    ) })
+    ] })
   ] });
 };
 const AllOrSelectSegmentPicker = ({ iconDefinitions, onSelectionChange, defaultValue = "all" }) => {
@@ -69576,26 +69705,7 @@ const getAutomationSteps = ({
         nextText: automation2.triggerMetadata?.triggerType === AutomationTriggerType.ONE_TIME ? "Schedule" : "Start",
         hideBack: false,
         backDisabled: false,
-        nextDisabled: () => {
-          if (!automation2.triggerMetadata) {
-            return true;
-          }
-          if (automation2.triggerMetadata?.triggerType !== AutomationTriggerType.ONE_TIME) {
-            return false;
-          }
-          if (!automation2.triggerMetadata?.scheduledAt) {
-            return true;
-          }
-          const hasValidSchedule = Boolean(
-            automation2.triggerMetadata?.scheduledAt && new Date(automation2.triggerMetadata.scheduledAt) > /* @__PURE__ */ new Date()
-          );
-          const hasValidCommunicationGroup = Boolean(
-            automation2.actionData?.some(
-              (action) => action.actionType === "send_communication" && action.actionMetadata.communicationGroupId
-            )
-          );
-          return !(hasValidSchedule && hasValidCommunicationGroup);
-        },
+        nextDisabled: () => false,
         thirdOptionText: "Save as Draft",
         thirdOptionOnClick: handleSaveAsDraft
       }
@@ -69699,11 +69809,13 @@ const EditAutomation = ({
   const { updateAutomation: updateAutomation2 } = useUpdateBusinessAutomation(
     automation2?.id || ""
   );
+  const initialStepSet = useRef(false);
   useEffect(() => {
-    if (automation2) {
+    if (automation2 && !initialStepSet.current) {
       setCurrentStep(
         automation2.triggerType === AutomationTriggerType.TRIGGER_BASED ? AutomationSteps.SelectTrigger : AutomationSteps.SelectAudience
       );
+      initialStepSet.current = true;
     }
   }, [automation2]);
   if (!automation2 || !currentStep || !communicationGroup) {