@embedreach/components 0.1.91 → 0.1.92

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]
       });
@@ -13209,6 +13208,310 @@ const toShadcnFormat = (color2) => {
     return color2;
   }
 };
+const tailwindToHsl = (tailwindClass) => {
+  if (tailwindClass === "bg-inherit") return "inherit";
+  if (tailwindClass === "bg-current") return "currentColor";
+  if (tailwindClass === "bg-transparent") return "transparent";
+  if (tailwindClass === "bg-black") return "0 0% 0%";
+  if (tailwindClass === "bg-white") return "0 0% 100%";
+  const match2 = tailwindClass.match(/^bg-([a-z]+)-(\d{2,3})$/);
+  if (!match2) {
+    throw new Error(`Invalid tailwind color class: ${tailwindClass}`);
+  }
+  const [, color2, shade] = match2;
+  const colorMap = {
+    red: {
+      "50": "0 100% 97.1%",
+      "100": "0 100% 93.6%",
+      "200": "0 100% 88.5%",
+      "300": "0 100% 80.8%",
+      "400": "0 100% 70.4%",
+      "500": "0 100% 63.7%",
+      "600": "0 100% 57.7%",
+      "700": "0 100% 50.5%",
+      "800": "0 100% 44.4%",
+      "900": "0 100% 39.6%",
+      "950": "0 100% 25.8%"
+    },
+    orange: {
+      "50": "98% 0.016 73.684",
+      "100": "95.4% 0.038 75.164",
+      "200": "90.1% 0.076 70.697",
+      "300": "83.7% 0.128 66.29",
+      "400": "75% 0.183 55.934",
+      "500": "70.5% 0.213 47.604",
+      "600": "64.6% 0.222 41.116",
+      "700": "55.3% 0.195 38.402",
+      "800": "47% 0.157 37.304",
+      "900": "40.8% 0.123 38.172",
+      "950": "26.6% 0.079 36.259"
+    },
+    amber: {
+      "50": "98.7% 0.022 95.277",
+      "100": "96.2% 0.059 95.617",
+      "200": "92.4% 0.12 95.746",
+      "300": "87.9% 0.169 91.605",
+      "400": "82.8% 0.189 84.429",
+      "500": "76.9% 0.188 70.08",
+      "600": "66.6% 0.179 58.318",
+      "700": "55.5% 0.163 48.998",
+      "800": "47.3% 0.137 46.201",
+      "900": "41.4% 0.112 45.904",
+      "950": "27.9% 0.077 45.635"
+    },
+    yellow: {
+      "50": "98.7% 0.026 102.212",
+      "100": "97.3% 0.071 103.193",
+      "200": "94.5% 0.129 101.54",
+      "300": "90.5% 0.182 98.111",
+      "400": "85.2% 0.199 91.936",
+      "500": "79.5% 0.184 86.047",
+      "600": "68.1% 0.162 75.834",
+      "700": "55.4% 0.135 66.442",
+      "800": "47.6% 0.114 61.907",
+      "900": "42.1% 0.095 57.708",
+      "950": "28.6% 0.066 53.813"
+    },
+    lime: {
+      "50": "98.6% 0.031 120.757",
+      "100": "96.7% 0.067 122.328",
+      "200": "93.8% 0.127 124.321",
+      "300": "89.7% 0.196 126.665",
+      "400": "84.1% 0.238 128.85",
+      "500": "76.8% 0.233 130.85",
+      "600": "64.8% 0.2 131.684",
+      "700": "53.2% 0.157 131.589",
+      "800": "45.3% 0.124 130.933",
+      "900": "40.5% 0.101 131.063",
+      "950": "27.4% 0.072 132.109"
+    },
+    green: {
+      "50": "98.2% 0.018 155.826",
+      "100": "96.2% 0.044 156.743",
+      "200": "92.5% 0.084 155.995",
+      "300": "87.1% 0.15 154.449",
+      "400": "79.2% 0.209 151.711",
+      "500": "72.3% 0.219 149.579",
+      "600": "62.7% 0.194 149.214",
+      "700": "52.7% 0.154 150.069",
+      "800": "44.8% 0.119 151.328",
+      "900": "39.3% 0.095 152.535",
+      "950": "26.6% 0.065 152.934"
+    },
+    emerald: {
+      "50": "97.9% 0.021 166.113",
+      "100": "95% 0.052 163.051",
+      "200": "90.5% 0.093 164.15",
+      "300": "84.5% 0.143 164.978",
+      "400": "76.5% 0.177 163.223",
+      "500": "69.6% 0.17 162.48",
+      "600": "59.6% 0.145 163.225",
+      "700": "50.8% 0.118 165.612",
+      "800": "43.2% 0.095 166.913",
+      "900": "37.8% 0.077 168.94",
+      "950": "26.2% 0.051 172.552"
+    },
+    teal: {
+      "50": "98.4% 0.014 180.72",
+      "100": "95.3% 0.051 180.801",
+      "200": "91% 0.096 180.426",
+      "300": "85.5% 0.138 181.071",
+      "400": "77.7% 0.152 181.912",
+      "500": "70.4% 0.14 182.503",
+      "600": "60% 0.118 184.704",
+      "700": "51.1% 0.096 186.391",
+      "800": "43.7% 0.078 188.216",
+      "900": "38.6% 0.063 188.416",
+      "950": "27.7% 0.046 192.524"
+    },
+    cyan: {
+      "50": "98.4% 0.019 200.873",
+      "100": "95.6% 0.045 203.388",
+      "200": "91.7% 0.08 205.041",
+      "300": "86.5% 0.127 207.078",
+      "400": "78.9% 0.154 211.53",
+      "500": "71.5% 0.143 215.221",
+      "600": "60.9% 0.126 221.723",
+      "700": "52% 0.105 223.128",
+      "800": "45% 0.085 224.283",
+      "900": "39.8% 0.07 227.392",
+      "950": "30.2% 0.056 229.695"
+    },
+    sky: {
+      "50": "97.7% 0.013 236.62",
+      "100": "95.1% 0.026 236.824",
+      "200": "90.1% 0.058 230.902",
+      "300": "82.8% 0.111 230.318",
+      "400": "74.6% 0.16 232.661",
+      "500": "68.5% 0.169 237.323",
+      "600": "58.8% 0.158 241.966",
+      "700": "50% 0.134 242.749",
+      "800": "44.3% 0.11 240.79",
+      "900": "39.1% 0.09 240.876",
+      "950": "29.3% 0.066 243.157"
+    },
+    blue: {
+      "50": "97% 0.014 254.604",
+      "100": "93.2% 0.032 255.585",
+      "200": "88.2% 0.059 254.128",
+      "300": "80.9% 0.105 251.813",
+      "400": "70.7% 0.165 254.624",
+      "500": "62.3% 0.214 259.815",
+      "600": "54.6% 0.245 262.881",
+      "700": "48.8% 0.243 264.376",
+      "800": "42.4% 0.199 265.638",
+      "900": "37.9% 0.146 265.522",
+      "950": "28.2% 0.091 267.935"
+    },
+    indigo: {
+      "50": "96.2% 0.018 272.314",
+      "100": "93% 0.034 272.788",
+      "200": "87% 0.065 274.039",
+      "300": "78.5% 0.115 274.713",
+      "400": "67.3% 0.182 276.935",
+      "500": "58.5% 0.233 277.117",
+      "600": "51.1% 0.262 276.966",
+      "700": "45.7% 0.24 277.023",
+      "800": "39.8% 0.195 277.366",
+      "900": "35.9% 0.144 278.697",
+      "950": "25.7% 0.09 281.288"
+    },
+    violet: {
+      "50": "96.9% 0.016 293.756",
+      "100": "94.3% 0.029 294.588",
+      "200": "89.4% 0.057 293.283",
+      "300": "81.1% 0.111 293.571",
+      "400": "70.2% 0.183 293.541",
+      "500": "60.6% 0.25 292.717",
+      "600": "54.1% 0.281 293.009",
+      "700": "49.1% 0.27 292.581",
+      "800": "43.2% 0.232 292.759",
+      "900": "38% 0.189 293.745",
+      "950": "28.3% 0.141 291.089"
+    },
+    purple: {
+      "50": "97.7% 0.014 308.299",
+      "100": "94.6% 0.033 307.174",
+      "200": "90.2% 0.063 306.703",
+      "300": "82.7% 0.119 306.383",
+      "400": "71.4% 0.203 305.504",
+      "500": "62.7% 0.265 303.9",
+      "600": "55.8% 0.288 302.321",
+      "700": "49.6% 0.265 301.924",
+      "800": "43.8% 0.218 303.724",
+      "900": "38.1% 0.176 304.987",
+      "950": "29.1% 0.149 302.717"
+    },
+    fuchsia: {
+      "50": "97.7% 0.017 320.058",
+      "100": "95.2% 0.037 318.852",
+      "200": "90.3% 0.076 319.62",
+      "300": "83.3% 0.145 321.434",
+      "400": "74% 0.238 322.16",
+      "500": "66.7% 0.295 322.15",
+      "600": "59.1% 0.293 322.896",
+      "700": "51.8% 0.253 323.949",
+      "800": "45.2% 0.211 324.591",
+      "900": "40.1% 0.17 325.612",
+      "950": "29.3% 0.136 325.661"
+    },
+    pink: {
+      "50": "97.1% 0.014 343.198",
+      "100": "94.8% 0.028 342.258",
+      "200": "89.9% 0.061 343.231",
+      "300": "82.3% 0.12 346.018",
+      "400": "71.8% 0.202 349.761",
+      "500": "65.6% 0.241 354.308",
+      "600": "59.2% 0.249 0.584",
+      "700": "52.5% 0.223 3.958",
+      "800": "45.9% 0.187 3.815",
+      "900": "40.8% 0.153 2.432",
+      "950": "28.4% 0.109 3.907"
+    },
+    rose: {
+      "50": "96.9% 0.015 12.422",
+      "100": "94.1% 0.03 12.58",
+      "200": "89.2% 0.058 10.001",
+      "300": "81% 0.117 11.638",
+      "400": "71.2% 0.194 13.428",
+      "500": "64.5% 0.246 16.439",
+      "600": "58.6% 0.253 17.585",
+      "700": "51.4% 0.222 16.935",
+      "800": "45.5% 0.188 13.697",
+      "900": "41% 0.159 10.272",
+      "950": "27.1% 0.105 12.094"
+    },
+    slate: {
+      "50": "98.4% 0.003 247.858",
+      "100": "96.8% 0.007 247.896",
+      "200": "92.9% 0.013 255.508",
+      "300": "86.9% 0.022 252.894",
+      "400": "70.4% 0.04 256.788",
+      "500": "55.4% 0.046 257.417",
+      "600": "44.6% 0.043 257.281",
+      "700": "37.2% 0.044 257.287",
+      "800": "27.9% 0.041 260.031",
+      "900": "20.8% 0.042 265.755",
+      "950": "12.9% 0.042 264.695"
+    },
+    gray: {
+      "50": "98.5% 0.002 247.839",
+      "100": "96.7% 0.003 264.542",
+      "200": "92.8% 0.006 264.531",
+      "300": "87.2% 0.01 258.338",
+      "400": "70.7% 0.022 261.325",
+      "500": "55.1% 0.027 264.364",
+      "600": "44.6% 0.03 256.802",
+      "700": "37.3% 0.034 259.733",
+      "800": "27.8% 0.033 256.848",
+      "900": "21% 0.034 264.665",
+      "950": "13% 0.028 261.692"
+    },
+    zinc: {
+      "50": "98.5% 0 0",
+      "100": "96.7% 0.001 286.375",
+      "200": "92% 0.004 286.32",
+      "300": "87.1% 0.006 286.286",
+      "400": "70.5% 0.015 286.067",
+      "500": "55.2% 0.016 285.938",
+      "600": "44.2% 0.017 285.786",
+      "700": "37% 0.013 285.805",
+      "800": "27.4% 0.006 286.033",
+      "900": "21% 0.006 285.885",
+      "950": "14.1% 0.005 285.823"
+    },
+    neutral: {
+      "50": "98.5% 0 0",
+      "100": "97% 0 0",
+      "200": "92.2% 0 0",
+      "300": "87% 0 0",
+      "400": "70.8% 0 0",
+      "500": "55.6% 0 0",
+      "600": "43.9% 0 0",
+      "700": "37.1% 0 0",
+      "800": "26.9% 0 0",
+      "900": "20.5% 0 0",
+      "950": "14.5% 0 0"
+    },
+    stone: {
+      "50": "98.5% 0.001 106.423",
+      "100": "97% 0.001 106.424",
+      "200": "92.3% 0.003 48.717",
+      "300": "86.9% 0.005 56.366",
+      "400": "70.9% 0.01 56.259",
+      "500": "55.3% 0.013 58.071",
+      "600": "44.4% 0.011 73.639",
+      "700": "37.4% 0.01 67.558",
+      "800": "26.8% 0.007 34.298",
+      "900": "21.6% 0.006 56.043",
+      "950": "14.7% 0.004 49.25"
+    }
+  };
+  if (!colorMap[color2] || !colorMap[color2][shade]) {
+    throw new Error(`Unsupported color or shade: ${tailwindClass}`);
+  }
+  return colorMap[color2][shade];
+};
 const applyThemeStyles = (styles2) => {
   const existingStyles = document.getElementById("reach-theme-styles");
   if (existingStyles) {
@@ -13225,15 +13528,9 @@ 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) {
-            rootElement.classList.add(userValue.trim());
-          }
-          finalValue = defaultValue;
+          finalValue = tailwindToHsl(userValue);
         } else {
           try {
             finalValue = toShadcnFormat(userValue);
@@ -15952,8 +16249,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 +16273,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 +16658,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 +16713,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 +16737,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 +17122,6 @@ const esCommon = {
   "continue": "Continuar",
   connected,
   connecting,
-  reauth_required,
-  reauth_required_description,
   reauthenticate,
   account_settings,
   manage_account_settings,
@@ -16955,6 +17252,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 +45598,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 +46066,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 +46117,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 +46166,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 +46229,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 +46466,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 +46877,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 +47144,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 +47173,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 +47802,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 +47847,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 +47857,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 +47995,7 @@ function PrefetchPageLinksImpl({
 }) {
   let location2 = useLocation();
   let { manifest, routeModules } = useFrameworkContext();
+  let { basename } = useDataRouterContext2();
   let { loaderData, matches } = useDataRouterStateContext();
   let newMatchesForData = React.useMemo(
     () => getNewMatchesForLinks(
@@ -47709,7 +48041,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 +48050,7 @@ function PrefetchPageLinksImpl({
     }
     return [url.pathname + url.search];
   }, [
+    basename,
     loaderData,
     location2,
     manifest,
@@ -47731,7 +48064,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 +48084,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 +48128,7 @@ var Link = React.forwardRef(
         }
       }
     }
-    let href = useHref(to, { relative });
+    let href2 = useHref(to, { relative });
     let [shouldPrefetch, prefetchRef, prefetchHandlers] = usePrefetchBehavior(
       prefetch,
       rest
@@ -47821,7 +48154,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 +48162,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 +48453,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 +52887,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 +52953,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 +52961,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 +53201,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 +53212,7 @@ const BrandSettingsModal = () => {
     }
     if (meResponse?.branding?.logoUrl) {
       setLogoUrl(meResponse.branding.logoUrl);
+      setImageTimestamp(Date.now());
     }
   }, [meResponse]);
   const handleColorChange = (color2) => {
@@ -52895,7 +53234,7 @@ const BrandSettingsModal = () => {
         const base64String = reader.result;
         setLogoUrl(base64String);
         updateBrandSettings({
-          logoUrl: base64String
+          logoBase64: base64String
         });
       };
       reader.readAsDataURL(file);
@@ -52924,7 +53263,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 +53295,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 +64993,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 +65220,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 +65249,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 +65366,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 +65536,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 +67216,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 +67317,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 +67349,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 +67843,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 +67862,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 +67915,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 +68269,9 @@ var Indicator = CheckboxIndicator;
 const SelectEmailOrSMS = ({
   selectedChannels,
   setSelectedChannels,
-  iconDefinitions
+  iconDefinitions,
+  hasEmailChannelSenders,
+  hasSmsChannelSenders
 }) => {
   const { toast: toast2 } = useToast();
   const toggleEmail = () => {
@@ -67906,18 +68305,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 +68349,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 +68449,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 +68585,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 +68769,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 +68820,8 @@ const EditCampaignContent = ({
             EmailPreview,
             {
               iconDefinitions,
-              mergeFieldsResponse
+              mergeFieldsResponse,
+              emailChannelSendersWithChannelAccounts
             }
           )
         ]
@@ -68402,7 +68833,8 @@ const EditCampaignContent = ({
         SMSPreview,
         {
           iconDefinitions,
-          mergeFieldsResponse
+          mergeFieldsResponse,
+          smsChannelSenders
         }
       )
     ] })
@@ -68477,8 +68909,8 @@ const EstimatedMatchesView = ({
     isLoading: isCountLoading,
     refetchCount
   } = useGetCountOfBusinessAutomationRecipients({
-    include_segments: includeSegments,
-    exclude_segments: excludeSegments
+    includeSegments,
+    excludeSegments
   });
   useEffect(() => {
     refetchCount();
@@ -68802,8 +69234,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 +69256,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 +69342,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 +69416,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 +69441,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 +70005,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 +70109,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) {