@embedreach/components 0.1.75 → 0.1.77

package/dist/chunks/index.js

@@ -4802,24 +4802,24 @@ var escapeKey = (key) => key.replace(/\./g, "\\.");
 var stringifyPath = (path2) => path2.map(String).map(escapeKey).join(".");
 var parsePath$1 = (string) => {
   const result = [];
-  let segment = "";
+  let segment2 = "";
   for (let i3 = 0; i3 < string.length; i3++) {
     let char = string.charAt(i3);
     const isEscapedDot = char === "\\" && string.charAt(i3 + 1) === ".";
     if (isEscapedDot) {
-      segment += ".";
+      segment2 += ".";
       i3++;
       continue;
     }
     const isEndOfSegment = char === ".";
     if (isEndOfSegment) {
-      result.push(segment);
-      segment = "";
+      result.push(segment2);
+      segment2 = "";
       continue;
     }
-    segment += char;
+    segment2 += char;
   }
-  const lastSegment = segment;
+  const lastSegment = segment2;
   result.push(lastSegment);
   return result;
 };
@@ -5904,8 +5904,8 @@ function e(e4) {
   }
   return t3.prototype = new Error(), t3.prototype.name = e4, t3.prototype.constructor = t3, t3;
 }
-const t = e("LaunchDarklyUnexpectedResponseError"), n = e("LaunchDarklyInvalidEnvironmentIdError"), r$1 = e("LaunchDarklyInvalidUserError"), o = e("LaunchDarklyInvalidEventKeyError"), i = e("LaunchDarklyInvalidArgumentError"), a = e("LaunchDarklyFlagFetchError");
-for (var s3 = { LDUnexpectedResponseError: t, LDInvalidEnvironmentIdError: n, LDInvalidUserError: r$1, LDInvalidEventKeyError: o, LDInvalidArgumentError: i, LDInvalidDataError: e("LaunchDarklyInvalidDataError"), LDFlagFetchError: a, LDTimeoutError: e("LaunchDarklyTimeoutError"), isHttpErrorRecoverable: function(e4) {
+const t$1 = e("LaunchDarklyUnexpectedResponseError"), n = e("LaunchDarklyInvalidEnvironmentIdError"), r$1 = e("LaunchDarklyInvalidUserError"), o = e("LaunchDarklyInvalidEventKeyError"), i = e("LaunchDarklyInvalidArgumentError"), a = e("LaunchDarklyFlagFetchError");
+for (var s3 = { LDUnexpectedResponseError: t$1, LDInvalidEnvironmentIdError: n, LDInvalidUserError: r$1, LDInvalidEventKeyError: o, LDInvalidArgumentError: i, LDInvalidDataError: e("LaunchDarklyInvalidDataError"), LDFlagFetchError: a, LDTimeoutError: e("LaunchDarklyTimeoutError"), isHttpErrorRecoverable: function(e4) {
   return !(e4 >= 400 && e4 < 500) || (400 === e4 || 408 === e4 || 429 === e4);
 } }, c2 = function(e4) {
   var t3 = m$2(e4), n2 = t3[0], r2 = t3[1];
@@ -9914,6 +9914,18 @@ const Send = createLucideIcon("Send", [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ]);
+/**
+ * @license lucide-react v0.464.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Settings2 = createLucideIcon("Settings2", [
+  ["path", { d: "M20 7h-9", key: "3s1dr2" }],
+  ["path", { d: "M14 17H5", key: "gfn3mx" }],
+  ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
+  ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
+]);
 /**
  * @license lucide-react v0.464.0 - ISC
  *
@@ -9930,6 +9942,25 @@ const ShieldBan = createLucideIcon("ShieldBan", [
   ],
   ["path", { d: "m4.243 5.21 14.39 12.472", key: "1c9a7c" }]
 ]);
+/**
+ * @license lucide-react v0.464.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Sparkles = createLucideIcon("Sparkles", [
+  [
+    "path",
+    {
+      d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",
+      key: "4pj2yx"
+    }
+  ],
+  ["path", { d: "M20 3v4", key: "1olli1" }],
+  ["path", { d: "M22 5h-4", key: "1gvqau" }],
+  ["path", { d: "M4 17v2", key: "vumght" }],
+  ["path", { d: "M5 18H3", key: "zchphs" }]
+]);
 /**
  * @license lucide-react v0.464.0 - ISC
  *
@@ -12787,45 +12818,64 @@ const toShadcnFormat = (color2) => {
   }
 };
 const DEFAULT_THEME_STYLES = {
-  // Base colors
+  // Base colors - Pure white background with rich dark text
   background: "0 0% 100%",
-  foreground: "240 10% 3.9%",
-  // Card elements
+  // Pure white
+  foreground: "225 15% 16%",
+  // Rich dark gray with minimal color cast
+  // Card elements - Clean white
   card: "0 0% 100%",
-  "card-foreground": "240 10% 3.9%",
-  // Popover elements
+  "card-foreground": "225 15% 16%",
+  // Popover elements - Consistent with cards
   popover: "0 0% 100%",
-  "popover-foreground": "240 10% 3.9%",
-  // Primary brand colors
-  primary: "240 5.9% 10%",
-  "primary-foreground": "0 0% 98%",
-  // Secondary elements
-  secondary: "240 4.8% 95.9%",
-  "secondary-foreground": "240 5.9% 10%",
-  // Muted elements
-  muted: "240 4.8% 95.9%",
-  "muted-foreground": "240 3.8% 46.1%",
-  // Accent elements
-  accent: "240 4.8% 95.9%",
-  "accent-foreground": "240 5.9% 10%",
-  // Destructive elements
+  "popover-foreground": "225 15% 16%",
+  // Primary brand colors - Deep slate with subtle warmth
+  primary: "210 30% 25%",
+  // Deep slate blue-gray, sophisticated and neutral
+  "primary-foreground": "0 0% 100%",
+  // Pure white for contrast
+  // Secondary elements - Subtle contrast
+  secondary: "210 15% 94%",
+  // Very light gray with slight coolness
+  "secondary-foreground": "210 30% 25%",
+  // Matching primary
+  // Muted elements - Neutral, refined
+  muted: "210 10% 96%",
+  // Very light neutral
+  "muted-foreground": "220 10% 45%",
+  // Mid-tone for muted text
+  // Accent elements - Subtle accent
+  accent: "210 15% 94%",
+  // Matches secondary for consistency
+  "accent-foreground": "210 30% 25%",
+  // Matching primary
+  // Destructive elements - Keep your existing red
   destructive: "0 84.2% 60.2%",
-  "destructive-foreground": "0 0% 98%",
-  // Borders and inputs
-  border: "240 5.9% 90%",
-  input: "240 5.9% 90%",
-  ring: "240 10% 3.9%",
-  // Chart colors
-  "chart-1": "12 76% 61%",
-  "chart-2": "173 58% 39%",
-  "chart-3": "197 37% 24%",
-  "chart-4": "43 74% 66%",
-  "chart-5": "27 87% 67%",
-  // Border radius
-  radius: "0.5rem",
-  // Fonts
-  "font-body": 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-  "font-heading": 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+  // Keeping your original red
+  "destructive-foreground": "0 0% 100%",
+  // White for contrast
+  // Borders and inputs - Subtle
+  border: "220 13% 90%",
+  // Soft gray
+  input: "220 13% 90%",
+  ring: "210 30% 25%",
+  // Matches primary for focus states
+  // Chart colors - Harmonious palette that works with your red
+  "chart-1": "210 50% 50%",
+  // Slate blue
+  "chart-2": "260 50% 55%",
+  // Purple
+  "chart-3": "150 50% 45%",
+  // Green
+  "chart-4": "325 50% 55%",
+  // Magenta
+  "chart-5": "45 80% 55%",
+  // Gold
+  // Border radius - Slightly more rounded
+  radius: "0.625rem",
+  // Fonts - Modern and readable
+  "font-body": 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  "font-heading": '"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
 };
 const applyThemeStyles = (styles2) => {
   const existingStyles = document.getElementById("reach-theme-styles");
@@ -12930,67 +12980,6 @@ const ThemeInitializer = ({ initialTheme, children: children2 }) => {
 const Provider$1 = ({ initialTheme, children: children2 }) => {
   return /* @__PURE__ */ jsx(BaseProvider, { children: /* @__PURE__ */ jsx(ThemeInitializer, { initialTheme, children: children2 }) });
 };
-const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-const htmlEntities = {
-  "&amp;": "&",
-  "&#38;": "&",
-  "&lt;": "<",
-  "&#60;": "<",
-  "&gt;": ">",
-  "&#62;": ">",
-  "&apos;": "'",
-  "&#39;": "'",
-  "&quot;": '"',
-  "&#34;": '"',
-  "&nbsp;": " ",
-  "&#160;": " ",
-  "&copy;": "©",
-  "&#169;": "©",
-  "&reg;": "®",
-  "&#174;": "®",
-  "&hellip;": "…",
-  "&#8230;": "…",
-  "&#x2F;": "/",
-  "&#47;": "/"
-};
-const unescapeHtmlEntity = (m4) => htmlEntities[m4];
-const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-let defaultOptions$2 = {
-  bindI18n: "languageChanged",
-  bindI18nStore: "",
-  transEmptyNodeValue: "",
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: "",
-  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
-  useSuspense: true,
-  unescape: unescape$1
-};
-const setDefaults = (options = {}) => {
-  defaultOptions$2 = {
-    ...defaultOptions$2,
-    ...options
-  };
-};
-const initReactI18next = {
-  type: "3rdParty",
-  init(instance2) {
-    setDefaults(instance2.options.react);
-  }
-};
-const I18nContext = createContext$1();
-function I18nextProvider({
-  i18n,
-  defaultNS,
-  children: children2
-}) {
-  const value = useMemo(() => ({
-    i18n,
-    defaultNS
-  }), [i18n, defaultNS]);
-  return createElement$1(I18nContext.Provider, {
-    value
-  }, children2);
-}
 const isString = (obj) => typeof obj === "string";
 const defer = () => {
   let res;
@@ -15186,7 +15175,7 @@ instance.reloadResources;
 instance.use;
 instance.changeLanguage;
 instance.getFixedT;
-instance.t;
+const t = instance.t;
 instance.exists;
 instance.setDefaultNamespace;
 instance.hasLoadedNamespace;
@@ -15554,6 +15543,67 @@ class Browser {
   }
 }
 Browser.type = "languageDetector";
+const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+const htmlEntities = {
+  "&amp;": "&",
+  "&#38;": "&",
+  "&lt;": "<",
+  "&#60;": "<",
+  "&gt;": ">",
+  "&#62;": ">",
+  "&apos;": "'",
+  "&#39;": "'",
+  "&quot;": '"',
+  "&#34;": '"',
+  "&nbsp;": " ",
+  "&#160;": " ",
+  "&copy;": "©",
+  "&#169;": "©",
+  "&reg;": "®",
+  "&#174;": "®",
+  "&hellip;": "…",
+  "&#8230;": "…",
+  "&#x2F;": "/",
+  "&#47;": "/"
+};
+const unescapeHtmlEntity = (m4) => htmlEntities[m4];
+const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+let defaultOptions$2 = {
+  bindI18n: "languageChanged",
+  bindI18nStore: "",
+  transEmptyNodeValue: "",
+  transSupportBasicHtmlNodes: true,
+  transWrapTextNodes: "",
+  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
+  useSuspense: true,
+  unescape: unescape$1
+};
+const setDefaults = (options = {}) => {
+  defaultOptions$2 = {
+    ...defaultOptions$2,
+    ...options
+  };
+};
+const initReactI18next = {
+  type: "3rdParty",
+  init(instance2) {
+    setDefaults(instance2.options.react);
+  }
+};
+const I18nContext = createContext$1();
+function I18nextProvider({
+  i18n,
+  defaultNS,
+  children: children2
+}) {
+  const value = useMemo(() => ({
+    i18n,
+    defaultNS
+  }), [i18n, defaultNS]);
+  return createElement$1(I18nContext.Provider, {
+    value
+  }, children2);
+}
 const ad_spend$1 = "Ad Spend";
 const date$2 = "Date";
 const close$1 = "Close";
@@ -16000,6 +16050,20 @@ const enCommon = {
   magic_link: magic_link$1,
   empty_state: empty_state$1
 };
+const user$1 = "User";
+const user_other$1 = "Users";
+const automation$1 = "Automation";
+const automation_other$1 = "Automations";
+const segment$1 = "Segment";
+const segment_other$1 = "Segments";
+const enEngage = {
+  user: user$1,
+  user_other: user_other$1,
+  automation: automation$1,
+  automation_other: automation_other$1,
+  segment: segment$1,
+  segment_other: segment_other$1
+};
 const ad_spend = "Gasto en anuncios";
 const date$1 = "Fecha";
 const close = "Cerrar";
@@ -16446,12 +16510,28 @@ const esCommon = {
   magic_link,
   empty_state
 };
+const user = "Usuario";
+const user_other = "Usuarios";
+const automation = "Automatización";
+const automation_other = "Automatizaciones";
+const segment = "Segmento";
+const segment_other = "Segmentos";
+const esEngage = {
+  user,
+  user_other,
+  automation,
+  automation_other,
+  segment,
+  segment_other
+};
 const resources = {
   en: {
-    common: enCommon
+    common: enCommon,
+    engage: enEngage
   },
   es: {
-    common: esCommon
+    common: esCommon,
+    engage: esEngage
   }
 };
 instance.use(Browser).use(initReactI18next).init({
@@ -16492,6 +16572,424 @@ instance.use(Browser).use(initReactI18next).init({
     convertDetectedLanguage: (lng) => lng.split("-")[0]
   }
 });
+const defaultTranslations = {
+  engage: {
+    user: "User",
+    user_other: "Users",
+    automation: "Automation",
+    automation_other: "Automations",
+    segment: "Segment",
+    segment_other: "Segments"
+  },
+  common: {
+    ad_spend: "Ad Spend",
+    date: "Date",
+    close: "Close",
+    continue: "Continue",
+    connected: "Connected",
+    connecting: "Connecting...",
+    reauth_required: "Re-authentication required",
+    reauth_required_description: "Re-authentication required for one of your ad accounts",
+    reauthenticate: "Reauthenticate",
+    account_settings: "Account Settings",
+    manage_account_settings: "Manage your account settings",
+    copy: "Copy",
+    copied: "Copied",
+    error: "An error occurred",
+    filter: "Filter",
+    finishingUp: "Finishing up...",
+    loading: "Loading...",
+    need_help: "Need help? let us know",
+    next: "Next",
+    next_steps: "Next steps:",
+    number: "{{number}}",
+    previous: "Previous",
+    revenue: "Revenue",
+    revenue_from_ads: "Revenue From Ads",
+    roas: "ROAS",
+    return_on_ad_spend: "Return on Ad Spend",
+    select_dates: "Select dates",
+    total_ads_spend: "Total Ads Spend",
+    measure: {
+      dashboard: {
+        title: "Marketing ROI Dashboard",
+        subtitle: "Track and analyze how your marketing efforts are driving sales",
+        reach_managed_campaign_banner: "Your ads are being managed by Reach. We’ll automatically optimize them to drive the best results."
+      }
+    },
+    authentication: {
+      required: "Authentication required",
+      failed: "Authentication failed",
+      connect_account_title: "Connect Your {{provider}} Account",
+      connect_account_description: "To create and manage ad campaigns, please connect your {{provider}} account",
+      connect_account_button: "Continue with {{provider}}",
+      connect_account_TOS: "By connecting, you agree to our Terms of Service and Privacy Policy"
+    },
+    theme: {
+      loading: "Loading theme...",
+      error: "Error loading theme: {{message}}"
+    },
+    dates: {
+      last_week: "Last week",
+      last_month: "Last month",
+      last_quarter: "Last quarter",
+      last_year: "Last year"
+    },
+    campaigns: {
+      setup: {
+        card_header: "Run paid digital ads to get new leads & customers",
+        title: "Create your first AI-driven Ad campaign in 4 simple clicks",
+        description: "Welcome to the future of advertising! Our AI-powered campaign builder helps you effortlessly design and manage ads that reach your target audience with precision. Get started now to unlock the potential of automated, data-driven advertising.",
+        button: "Set up paid ads",
+        next_steps_description: "Already running ads? Track Your Marketing Results with a few clicks.",
+        link_to_analytics: "Connect your existing accounts to get instant insights into your marketing performance."
+      },
+      how_it_works: {
+        dialog_title: "How It Works",
+        title: "Setup your ad campaign",
+        step1: {
+          title: "Set up budget & review your ads",
+          description: "Define how much you want to spend, review the ad designs, and configure who you want to reach."
+        },
+        step2: {
+          title: "We’ll publish & optimize your ads on Google",
+          description: "We’ll do the hard work of publishing & continuously optimizing your ads on Google making sure you’re getting the best possible return on investment."
+        },
+        step3: {
+          title: "See Customers & Results",
+          description: "When a customer buys from you, we’ll notify you and show you the total revenue driven to your business from each dollar invested in ads. "
+        }
+      },
+      ads_builder: {
+        dialog_trigger: "New campaign",
+        title: "Ads Wizard",
+        description: "Create your new ad campaign",
+        review_ad_themes: "Review Ad Themes",
+        example_ad_preview: "Example Ad Preview",
+        example_ad_preview_description: "Here's an example of how prospective customers might see your ads. We will automagically tweak the copy based on your products offered, and improve targeting based on what results in the most dollars to your business."
+      }
+    },
+    analytics: {
+      setup_analytics: "Setup analytics",
+      setup_analytics_description: "Let's get you started with analytics. Connect your data sources to start tracking your customers.",
+      connect_data: {
+        title: "Connect Your Data",
+        description: "We bring all of your ads data together to give you a clear view of which customers are coming in from where."
+      },
+      install_pixel: {
+        copied_to_clipboard: "Copied to clipboard",
+        copied_to_clipboard_description: "The tracking pixel code has been copied to your clipboard.",
+        title: "Install our Tracking Pixel",
+        description: "In order to get a complete picture of how users are interacting with your website, it’s important for the Reach analytics code to be on every page of your website and within as many third-party tools that you use as possible.",
+        card_title: "Install the Snippet inside the <HEAD> of every page",
+        third_party_pages_your_tracking_pixel: "Your Tracking Pixel:",
+        card_description: "Copy this following text and insert it inside of the <HEAD> tags on all pages.",
+        error_generating_pixel_code: "Error generating pixel code - please contact your administrator",
+        third_party_pages_question: "Do you use any websites or landing pages for marketing your business?",
+        third_party_pages_yes: "Yes, I have marketing websites",
+        third_party_pages_no: "No, I don't use any websites",
+        third_party_pages_why_asking: "Why We're Asking For This",
+        third_party_pages_why_asking_description: "Adding our tracking pixel to your website allows us to:",
+        third_party_pages_why_asking_list_1: "Understand how visitors interact with your pages",
+        third_party_pages_why_asking_list_2: "Measure which ads are driving visitors to your site",
+        third_party_pages_why_asking_list_3: "Track conversions from your campaigns",
+        third_party_pages_enter_marketing_website: "Enter your marketing website:",
+        third_party_pages_we_will_use_this_to_help_you_install_the_tracking_pixel: "We'll use this to help you install the tracking pixel",
+        third_party_pages_select_your_website_platform: "Select your website platform:"
+      },
+      third_party_installation_guides: {
+        title: "Installation Guides",
+        description: "These guides will help you add the Reach analytics snippet to your website. The process works with any website builder or platform and most third-party tools.",
+        installation_guide: "{{name}} Installation Guide",
+        official_guide: "Official Guide",
+        shopify: {
+          step_1: "From your Shopify admin, go to Online Store > Themes",
+          step_2: "Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code",
+          step_3: 'Open "theme.liquid"',
+          step_4: "Find the </head> tag",
+          step_5: "Paste the code snippet from the section above just before it"
+        },
+        google_tag_manager: {
+          step_1: "Go to https://tagmanager.google.com",
+          step_2: "Sign in to your Google Account",
+          step_3: "Click the Accounts tab, then select Create Account",
+          step_4: "Enter an account name and select your country location",
+          step_5: "In Container Setup, enter a container name (e.g., your website URL)",
+          step_6: 'Select "Web" as the container type',
+          step_7: "Click Create and agree to the Terms of Service",
+          step_8: "Once created, you'll receive two code snippets to install:",
+          step_9: "• Place the first snippet in the <head> of your page",
+          step_10: "• Place the second snippet immediately after the opening <body> tag",
+          step_11: "In the Tags tab, click the + button to create a new tag",
+          step_12: 'Select "Google Analytics: Universal Analytics" as the tag type',
+          special_note: "Make sure you have the Google Tag Manager container code already installed on your site before adding this tag."
+        },
+        hubspot: {
+          step_1: "Go to Settings → Content → Pages",
+          step_2: 'In the upper left, select a domain to edit its settings. Or select "Default settings for all domains"',
+          step_3: 'Paste the code from the section above to the "Site Header HTML" field',
+          step_4: 'Click "Save"'
+        },
+        wordpress: {
+          step_1: "We recommend using the popular WPCode Plugin",
+          step_2: 'In the plugin, select "+ Add Snippet"',
+          step_3: 'When presented with a menu of options, navigate to "Add Your Custom Code (New Snippet)" and select "Use snippet"',
+          step_4: "Paste the code snippet from the section above",
+          step_5: 'For Insert Method, choose "Auto Insert"',
+          step_6: 'For Location, select "Site Wide Header"',
+          step_7: "Be sure to save your snippet"
+        },
+        squarespace: {
+          step_1: "Go to Settings → Advanced → Code Injection",
+          step_2: 'Paste the code from the section above into the "Header" field',
+          step_3: 'Click "Save"'
+        },
+        wix: {
+          step_1: "Go to Settings → Custom Code",
+          step_2: 'Click "+ Add Custom Code"',
+          step_3: "Paste the code from the section above",
+          step_4: 'Click "Apply"',
+          step_5: 'Set "Add Code to Pages" to "All Pages"'
+        },
+        webflow: {
+          step_1: "Open your project settings",
+          step_2: 'Navigate to "Custom Code"',
+          step_3: 'Paste the code from the section above into the "Head Code" section',
+          step_4: 'Click "Save Changes"'
+        },
+        third_party_systems: {
+          step_1: "Check if your third-party tools (lead forms, scheduling tools, etc.) allow custom code injection",
+          step_2: 'Look for options labeled "Custom Code", "Embed Code", or "Advanced Settings"',
+          step_3: "Paste the same tracking code into these sections where available",
+          step_4: "Common locations include:",
+          step_5: "• Head section of your website (for tracking scripts and styles)",
+          step_6: "• Footer section of your website (for tracking scripts and styles)",
+          special_note: "This helps ensure consistent tracking across all your customer touchpoints, even when using external tools."
+        },
+        custom: {
+          step_1: "Locate your website's HTML template or main layout file",
+          step_2: "Find the </head> tag in your HTML",
+          step_3: "Paste the code snippet just before the </head> tag",
+          step_4: "Save the file and deploy your changes"
+        }
+      },
+      success: {
+        title: "Success!",
+        description: "You have successfully connected your data sources and installed our tracking pixel.",
+        what_next: "What happens next?",
+        step_1: "Your ad data will start syncing automatically",
+        step_2: "The pixel will begin tracking conversions on your site",
+        step_3: "You'll see your first analytics reports within 24 hours"
+      }
+    },
+    dashboard: {
+      banners: {
+        metrics_crunching: {
+          title: "Crunching your data",
+          description: "You have successfully connected your ad accounts. We're now crunching your data. Check back soon for relevant metrics."
+        },
+        revoked_accounts: {
+          title: "Your ad accounts have been revoked",
+          description: "Please reconnect your ad accounts to continue using the dashboard."
+        }
+      },
+      roas_chart: {
+        title: "Ad Spend vs Revenue Over Time",
+        campaign_not_available: "Chart is not available for individual campaigns yet"
+      },
+      customer_acquisition: {
+        title: "Client Acquisition",
+        description: "See how many new clients you acquired from each channel",
+        client: "Client",
+        source: "Source",
+        total_spent: "Total Spent",
+        total_revenue: "Total Revenue",
+        status: "Status",
+        no_data: "No data available",
+        source_breakdown: "Source",
+        payment_status: "Payment Status",
+        paid: "Paid",
+        unpaid: "Unpaid",
+        invoice_details: "Invoice Details",
+        amount: "Amount",
+        service: "Service",
+        invoice_date: "Invoice Date"
+      },
+      channel_performance: {
+        title: "Channel Performance",
+        description: "See how each channel performs",
+        channel: "Channel",
+        spend: "Spend",
+        revenue: "Revenue",
+        roas: "ROAS",
+        new_customers: "New Customers"
+      },
+      traffic_conversion: {
+        title: "Traffic Conversion Funnel"
+      },
+      tabs: {
+        overview: "Overview",
+        channel_performance: "Channel Performance",
+        campaign_performance: "Campaign Performance",
+        customer_acquisition: "Customer Acquisition",
+        traffic_conversion: "Traffic Conversion"
+      },
+      metrics: {
+        ads_spend: "Ads Spend",
+        ads_spend_description: "The amount spent on ads in a given period. Sum of all sub-ads accounts (e.g. insta, google). Excluding agency fees",
+        direct_measured_revenue: "Direct Measured Revenue",
+        direct_measured_revenue_description: "The amount of revenue directly measured from ads",
+        measured_revenue: "Measured Revenue",
+        measured_revenue_description: "The amount of revenue measured from ads",
+        direct_measured_conversions: "Direct Measured Conversions",
+        direct_measured_conversions_description: "The amount of conversions directly measured from ads",
+        measured_conversions: "Measured Conversions",
+        measured_conversions_description: "The amount of conversions measured from ads",
+        roas: "ROAS",
+        roas_description: "This is the ratio of the revenue to the ads spend",
+        impressions: "Impressions",
+        impressions_description: "Number of times your ads were shown to potential customers",
+        clicks: "Clicks/Actions",
+        clicks_description: "Total interactions with your ads, including clicks and other actions",
+        website_visitors: "Website Visitors",
+        website_visitors_description: "Unique visitors to your website from advertising campaigns",
+        new_leads: "New Leads",
+        new_leads_description: "New potential customers who provided contact information",
+        customer_ltv: "Customer LTV",
+        customer_ltv_description: "Average lifetime value of customers acquired through ads",
+        new_customers: "New Customers",
+        new_customers_description: "New customers who made a purchase or took an action",
+        new_leads_conversion_rate: "New Leads Conversion Rate",
+        new_leads_conversion_rate_description: "The ratio of new leads to the total number of leads",
+        new_customers_conversion_rate: "New Customers Conversion Rate",
+        new_customers_conversion_rate_description: "The ratio of new customers to the total number of customers",
+        cost_per_click: "Cost Per Click",
+        cost_per_click_description: "The amount spent per click on your ads",
+        click_conversion_rate: "Click Conversion Rate",
+        click_conversion_rate_description: "The ratio of clicks to the total number of clicks",
+        click_through_rate: "Click Through Rate",
+        click_through_rate_description: "The ratio of clicks to the total number of impressions",
+        conversion_rate: "Conversion Rate",
+        conversion_rate_description: "The ratio of conversions to the total number of clicks",
+        total_conversion: "Total Conversion",
+        total_conversion_description: "The total number of conversions from your ads",
+        cac: "CAC",
+        cac_description: "The amount spent per customer acquisition",
+        revenue_per_click: "Revenue Per Click",
+        revenue_per_click_description: "The amount of revenue generated per click on your ads",
+        revenue_per_new_customer: "Revenue Per New Customer",
+        revenue_per_new_customer_description: "The amount of revenue generated per new customer",
+        reengaged_customers: "Reengaged Customers",
+        reengaged_customers_description: "The number of customers who have been reengaged with your ads",
+        expected_revenue: "Expected Revenue",
+        expected_revenue_description: "The amount of revenue you expect to generate from your ads",
+        estimated_revenue: "Estimated Revenue",
+        estimated_revenue_description: "The amount of revenue you expect to generate from your ads"
+      },
+      title: "Marketing Revenue Dashboard",
+      settings_sheet: {
+        setup: "Setup",
+        connected_accounts: "Connected Accounts",
+        setup_analytics: "Setup analytics",
+        setup_analytics_description: "Configure your analytics tracking",
+        setup_campaigns: "Setup campaigns",
+        setup_campaigns_description: "Set up your first campaign",
+        legal: "Legal",
+        terms_of_service: "Terms of Service",
+        privacy_policy: "Privacy Policy"
+      }
+    },
+    setup: {
+      how_it_works: {
+        title: "How It Works",
+        dialog_title: "Setup Marketing Insights",
+        connect_ads_title: "Connect your Ads Accounts",
+        connect_ads_description: "Link your advertising accounts from platforms like Google and Meta to consolidate all your campaign data in one place. This enables comprehensive tracking and analysis of your marketing spend.",
+        install_pixel_title: "Install Our Tracking Pixel",
+        install_pixel_description: "Add our lightweight tracking code to your website to accurately measure customer interactions and conversions. This simple integration helps identify which ads are driving real results for your business.",
+        see_customers_results_title: "See Customers & Results",
+        see_customers_results_description: "Get clear insights into your marketing performance with detailed analytics on customer acquisition, conversion rates, and return on ad spend. Make data-driven decisions to optimize your campaigns and grow your business.",
+        still_have_more_questions: "Still have more questions?",
+        get_started: "Get Started"
+      },
+      initial_setup: {
+        wizard_title: "Connect your ad accounts and see exactly how your campaigns drive revenue",
+        title: "Unlock Clear Insights into Your Marketing Performance",
+        description: "Stop guessing and start knowing. Our performance dashboard gives you a complete view of your marketing efforts, including ad spend, conversions, and return on ad spend (ROAS).",
+        description_2: "With a simple setup process, you’ll have actionable insights at your fingertips to help you make smarter decisions and grow your business.",
+        setup_performance_analytics: "Setup Performance Analytics",
+        next_steps_description: "If you're not running ads yet, you can launch your first AI-powered ad campaign in minutes.",
+        next_steps_link: "We will prompt you to connect your ad accounts and set up your first campaign."
+      }
+    },
+    oauth: {
+      selectAccount: {
+        title: "Select {{platform}} Account",
+        description: "Choose the {{platform}} account you want to connect.",
+        loading: "Loading accounts...",
+        loadingPlatform: "Loading {{platform}} accounts...",
+        loadingDescription: "Please wait while we fetch your available accounts...",
+        noAccounts: "No {{platform}} accounts were found for your account.",
+        noAccountsDescription: "Please make sure you have access to a {{platform}} account and try again.",
+        selectAccountPlaceholder: "Select an account",
+        searchPlaceholder: "Search accounts...",
+        fetchAccounts: "Fetching accounts...",
+        noAccountSelected: "No account selected",
+        enableTrackingParams: "Enable Tracking Parameters",
+        enableTrackingParamsDescription: "Append the reach campaign id parameter to your ad platform tracking settings. We will not overwrite any existing tracking parameters. Required for accurate tracking.",
+        google: {
+          selectAccountDescription: "Select the Google Ads account you want to connect to view your data. These will be linked to our MCC for optimal tracking.",
+          mccAccounts: "MCC Accounts",
+          directAccounts: "Direct Accounts"
+        },
+        meta: {
+          selectAccountDescription: "Choose the Meta Ads account you want to connect to view your data."
+        }
+      },
+      success: {
+        connection: {
+          title: "Connected successfully",
+          description: "Your {{provider}} account has been connected."
+        },
+        revoke: {
+          title: "Account revoked",
+          description: "Your {{provider}} account has been revoked."
+        }
+      },
+      error: {
+        title: "Connection failed",
+        description: "Failed to connect account"
+      },
+      revoke: {
+        title: "Revoke access",
+        description: "Are you sure? Revoking access will remove the connection you have and you will be unable to view your ad metrics.",
+        cancel: "Cancel",
+        revoke: "Revoke",
+        error: {
+          title: "Error",
+          description: "Failed to revoke access"
+        }
+      }
+    },
+    magic_link: {
+      get_started: "Get Started",
+      description: "Reach will be embedded within your platform dashboard but until then, you can get started with a magic link. Log in to your account and start creating AI-powered campaigns or measuring your ad spend and performance.",
+      create_campaigns: "Create AI-generated ad campaigns in minutes",
+      unlock_insights: "Unlock insights into your ad spend and performance",
+      save_time: "Save time with automated campaign optimization",
+      request_new_magic_link: "Request New Magic Link",
+      go_to_dashboard: "Go to Dashboard",
+      continuation_disclaimer: "By continuing, you agree to our <terms_of_service>Terms of Service</terms_of_service> and <privacy_policy>Privacy Policy</privacy_policy>."
+    },
+    empty_state: {
+      analytics: {
+        title: "You haven't connected any ad accounts yet",
+        description: "You can connect your ad accounts in minutes and start driving more customers to your business.",
+        button_text: "Setup analytics"
+      }
+    }
+  }
+};
 const I18nProvider = ({
   children: children2,
   initialLanguage
@@ -16517,6 +17015,30 @@ const ReachProvider = ({
     }
     return createQueryClient();
   });
+  useEffect(() => {
+    if (language?.overrides) {
+      const createLanguageBundle = (namespace, lang) => {
+        const overrides = language?.overrides?.[namespace]?.[lang];
+        if (!overrides) return defaultTranslations.common;
+        return {
+          ...defaultTranslations.common,
+          ...Object.entries(overrides).reduce(
+            (acc, [key, value]) => ({
+              ...acc,
+              [key]: value
+            }),
+            {}
+          )
+        };
+      };
+      Object.keys(language.overrides).forEach((namespace) => {
+        const enBundle = createLanguageBundle(namespace, "en");
+        const esBundle = createLanguageBundle(namespace, "es");
+        instance.addResourceBundle("en", namespace, enBundle, true, true);
+        instance.addResourceBundle("es", namespace, esBundle, true, true);
+      });
+    }
+  }, [language?.overrides]);
   return /* @__PURE__ */ jsx("div", { "data-reach-root": true, className: "h-full w-full", children: /* @__PURE__ */ jsxs(QueryClientProvider, { client: queryClient, children: [
     /* @__PURE__ */ jsx(
       D$1,
@@ -16538,7 +17060,7 @@ const ReachProvider = ({
           useCamelCaseFlagKeys: false,
           sendEventsOnFlagRead: true
         },
-        children: /* @__PURE__ */ jsx(I18nProvider, { initialLanguage: language, children: /* @__PURE__ */ jsx(Provider$1, { initialTheme: theme2, children: /* @__PURE__ */ jsxs(Provider$2, { children: [
+        children: /* @__PURE__ */ jsx(I18nProvider, { initialLanguage: language?.default, children: /* @__PURE__ */ jsx(Provider$1, { initialTheme: theme2, children: /* @__PURE__ */ jsxs(Provider$2, { children: [
           children2,
           /* @__PURE__ */ jsx(Toaster, {})
         ] }) }) })
@@ -26403,12 +26925,12 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
     "button",
     {
       onClick,
-      className: `flex flex-col items-center justify-center rounded-lg border-[3px] p-4 transition-all duration-300 ease-in-out ${disabled ? "opacity-50 cursor-not-allowed" : selected ? "scale-[1.02] hover:scale-[1.04] [border-color:hsl(var(--reach-primary))] [background-color:hsl(var(--reach-primary)/0.05)]" : "border-gray-200 hover:[border-color:hsl(var(--reach-primary))] hover:bg-gray-50"}`,
+      className: `flex flex-col items-center justify-center rounded-lg border-[3px] p-6 transition-all duration-300 ease-in-out ${disabled ? "opacity-50 cursor-not-allowed" : selected ? "scale-[1.02] hover:scale-[1.04] [border-color:hsl(var(--reach-primary))] [background-color:hsl(var(--reach-primary)/0.05)]" : "border-gray-200 hover:[border-color:hsl(var(--reach-primary))] hover:bg-gray-50"}`,
       children: [
         icon,
-        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-center mt-3", children: [
           /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: title2 }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: subtitle })
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 mt-1", children: subtitle })
         ] })
       ]
     }
@@ -26709,7 +27231,7 @@ const CreateAutomationModal = ({
     return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "relative overflow-y-auto h-full p-8", children: [
-    /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
+    /* @__PURE__ */ jsxs(AnimatePresence, { children: [
       currentStep === CreateAutomationModalStep.ChooseAutomationType && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
         ChooseAutomationType,
         {
@@ -27218,7 +27740,7 @@ function computeScore(path2, index2) {
     initialScore += indexRouteValue;
   }
   return segments.filter((s3) => !isSplat(s3)).reduce(
-    (score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue),
+    (score, segment2) => score + (paramRe.test(segment2) ? dynamicSegmentValue : segment2 === "" ? emptySegmentValue : staticSegmentValue),
     initialScore
   );
 }
@@ -27379,11 +27901,11 @@ function resolvePath(to, fromPathname = "/") {
 function resolvePathname(relativePath, fromPathname) {
   let segments = fromPathname.replace(/\/+$/, "").split("/");
   let relativeSegments = relativePath.split("/");
-  relativeSegments.forEach((segment) => {
-    if (segment === "..") {
+  relativeSegments.forEach((segment2) => {
+    if (segment2 === "..") {
       if (segments.length > 1) segments.pop();
-    } else if (segment !== ".") {
-      segments.push(segment);
+    } else if (segment2 !== ".") {
+      segments.push(segment2);
     }
   });
   return segments.length > 1 ? segments.join("/") : "/";
@@ -33907,8 +34429,8 @@ const AutomationTable = memo$1(
           title: "No Automations Found",
           description: "Create your first automation to get started."
         },
-        onRowClick: (automation) => {
-          onViewAutomation(automation.id);
+        onRowClick: (automation2) => {
+          onViewAutomation(automation2.id);
         },
         className: "rounded-lg bg-background"
       }
@@ -34099,6 +34621,16 @@ const updateSegment = async (params, segmentId) => {
   );
   return response.data;
 };
+const textToSegment = async (userInput) => {
+  const response = await baseRequest(
+    `${BUSINESS_SEGMENT_PATH}/text-to-segment`,
+    {
+      method: "POST",
+      body: JSON.stringify({ text: userInput })
+    }
+  );
+  return response.data;
+};
 var JSONSchemaType = /* @__PURE__ */ ((JSONSchemaType2) => {
   JSONSchemaType2["String"] = "string";
   JSONSchemaType2["Number"] = "number";
@@ -34121,6 +34653,8 @@ var ConditionOperatorEnumType = /* @__PURE__ */ ((ConditionOperatorEnumType2) =>
   ConditionOperatorEnumType2["GREATER_THAN"] = "greater_than";
   ConditionOperatorEnumType2["LESS_THAN"] = "less_than";
   ConditionOperatorEnumType2["EXISTS"] = "exists";
+  ConditionOperatorEnumType2["EQUALS_MONTH_DAY"] = "equals_month_day";
+  ConditionOperatorEnumType2["EQUALS_MONTH_DAY_YEAR"] = "equals_month_day_year";
   return ConditionOperatorEnumType2;
 })(ConditionOperatorEnumType || {});
 const useSegment = () => {
@@ -34241,7 +34775,9 @@ const operatorToHumanReadable = {
   [ConditionOperatorEnumType.NOT_EQUALS]: "Not Equals",
   [ConditionOperatorEnumType.GREATER_THAN]: "Greater Than",
   [ConditionOperatorEnumType.LESS_THAN]: "Less Than",
-  [ConditionOperatorEnumType.EXISTS]: "Exists"
+  [ConditionOperatorEnumType.EXISTS]: "Exists",
+  [ConditionOperatorEnumType.EQUALS_MONTH_DAY]: "Month and Day Matches",
+  [ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR]: "Month, Day, and Year Matches"
 };
 const buildInFieldToHumanReadable = {
   email: "Email",
@@ -35302,7 +35838,7 @@ const ComboboxSelect = ({
       Button$1,
       {
         "aria-expanded": open,
-        className: "w-[200px] justify-between",
+        className: "w-[200px] overflow-hidden justify-between",
         variant: "outline",
         children: [
           value ? options.find((option) => option.value === value)?.label : placeholder,
@@ -41720,18 +42256,20 @@ var DateUnit = /* @__PURE__ */ ((DateUnit2) => {
     ConditionOperatorEnumType.EXISTS
   ],
   [JSONSchemaType.Date]: [
-    ConditionOperatorEnumType.EQUALS,
-    ConditionOperatorEnumType.NOT_EQUALS,
     ConditionOperatorEnumType.GREATER_THAN,
     ConditionOperatorEnumType.LESS_THAN,
-    ConditionOperatorEnumType.EXISTS
+    ConditionOperatorEnumType.EXISTS,
+    ConditionOperatorEnumType.EQUALS_MONTH_DAY,
+    ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR
   ],
   [JSONSchemaType.DateTime]: [
     ConditionOperatorEnumType.EQUALS,
     ConditionOperatorEnumType.NOT_EQUALS,
     ConditionOperatorEnumType.GREATER_THAN,
     ConditionOperatorEnumType.LESS_THAN,
-    ConditionOperatorEnumType.EXISTS
+    ConditionOperatorEnumType.EXISTS,
+    ConditionOperatorEnumType.EQUALS_MONTH_DAY,
+    ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR
   ],
   [JSONSchemaType.Integer]: [
     ConditionOperatorEnumType.EQUALS,
@@ -41811,7 +42349,7 @@ const ValueInput = ({
     }
   );
   React.useEffect(() => {
-    if (operator !== ConditionOperatorEnumType.EQUALS && isRelativeMode) {
+    if (operator !== ConditionOperatorEnumType.EQUALS_MONTH_DAY && operator !== ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR && isRelativeMode) {
       setIsRelativeMode(false);
       onChange(date2 ? [date2] : []);
     }
@@ -41871,7 +42409,7 @@ const ValueInput = ({
     );
   }
   if (fieldType === JSONSchemaType.Date || fieldType === JSONSchemaType.DateTime) {
-    const showRelativeDateOption = operator === ConditionOperatorEnumType.EQUALS;
+    const showRelativeDateOption = operator === ConditionOperatorEnumType.EQUALS_MONTH_DAY || operator === ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR;
     const handleRelativeDateChange = (newRelativeDate) => {
       if (validateRelativeDate(newRelativeDate)) {
         setRelativeDate(newRelativeDate);
@@ -42175,14 +42713,156 @@ const ConditionRow = ({
     ] })
   ] });
 };
+const PromptBuilderStyle = ({ onSelectStyle }) => {
+  const [selectedStyle, setSelectedStyle] = useState(
+    null
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 p-4 max-w-4xl mx-auto", children: [
+    /* @__PURE__ */ jsx(
+      BigSelector,
+      {
+        onClick: () => {
+          setSelectedStyle("ai");
+          onSelectStyle("ai");
+        },
+        title: "Build with AI",
+        subtitle: "Describe your audience in plain language and let AI create the conditions",
+        icon: /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-6 h-6 text-[hsl(var(--reach-primary))]", children: /* @__PURE__ */ jsx(Sparkles, { className: "w-full h-full" }) }) }),
+        selected: selectedStyle === "ai"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      BigSelector,
+      {
+        onClick: () => {
+          setSelectedStyle("manual");
+          onSelectStyle("manual");
+        },
+        title: "Build Manually",
+        subtitle: `Create your ${t("engage:segment")} by configuring conditions directly`,
+        icon: /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-6 h-6 text-[hsl(var(--reach-primary))]", children: /* @__PURE__ */ jsx(Settings2, { className: "w-full h-full" }) }) }),
+        selected: selectedStyle === "manual"
+      }
+    )
+  ] });
+};
+const SegmentBuilderHeader = ({
+  segmentId,
+  setOpen,
+  setTextToSegment,
+  promptBuilderStyle,
+  textToSegment: textToSegment2
+}) => {
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DialogHeader, { className: "", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx(DialogTitle, { className: "text-3xl font-normal", children: segmentId ? `Edit ${t("engage:segment")}` : `Create ${t("engage:segment")}` }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      promptBuilderStyle === false && textToSegment2 === false && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setTextToSegment(true),
+            children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-3" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsxs("p", { children: [
+          "Use AI to create ",
+          t("engage:segment"),
+          " by describing them in natural language"
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: () => {
+            if (textToSegment2 === true) {
+              setTextToSegment(false);
+            } else {
+              setOpen(false);
+            }
+          },
+          className: "h-8 w-8",
+          children: /* @__PURE__ */ jsx(X$1, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }) }) });
+};
+const BasicLoader = () => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center @container", children: /* @__PURE__ */ jsxs("div", { className: "relative h-8 w-8", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-full border-2 border-primary/20" }),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-spin rounded-full border-2 border-primary border-t-transparent" })
+  ] }) });
+};
+const TextToSegment = ({ setTextToSegment, setSegment }) => {
+  const [userInput, setUserInput] = React__default.useState("");
+  const [isLoading, setIsLoading] = React__default.useState(false);
+  const { toast: toast2 } = useToast();
+  const getSegment2 = async () => {
+    if (!userInput) {
+      toast2({
+        title: "Please enter a description",
+        description: "Please enter a description of your target audience",
+        variant: "destructive"
+      });
+      return;
+    }
+    setIsLoading(true);
+    const response = await textToSegment(userInput);
+    if (response.success && response.conditions) {
+      toast2({
+        title: `${t("engage:segment")} conditions built successfully 🚀`,
+        description: `Your ${t("engage:segment")} conditions have been built successfully`
+      });
+      setSegment(response.conditions);
+    } else {
+      toast2({
+        title: `${t("engage:segment")} build failed`,
+        description: "Please try again",
+        variant: "destructive"
+      });
+    }
+    setTextToSegment(false);
+    setIsLoading(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground", children: "Describe your audience" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Describe the audience you want to target in plain language, and our AI will create the conditions for you." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs(AnimatePresence, { children: [
+        isLoading && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(BasicLoader, {}) }),
+        !isLoading && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            placeholder: "Describe your target audience...",
+            className: "min-h-[120px] resize-none",
+            value: userInput,
+            onChange: (e4) => setUserInput(e4.target.value)
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2", children: /* @__PURE__ */ jsxs(Button$1, { onClick: getSegment2, children: [
+        /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" }),
+        "Generate ",
+        t("engage:segment")
+      ] }) })
+    ] })
+  ] });
+};
 function SegmentBuilder({
   segmentId,
   setOpen,
   onSegmentUpdated
 }) {
   const { toast: toast2 } = useToast();
+  const newSegment = segmentId === void 0;
   const [isLoading, setIsLoading] = React.useState(false);
-  const [segment, setSegment] = React.useState({
+  const [segment2, setSegment] = React.useState({
     version: "1.0",
     id: "",
     name: "",
@@ -42193,6 +42873,10 @@ function SegmentBuilder({
   const { segment: existingSegment, isLoading: isLoadingSegment } = useGetSegment(segmentId || "");
   const { updateSegment: updateSegment2 } = useUpdateSegment(segmentId);
   const { createSegment: createSegment2, isCreating, segmentsConditions } = useSegment();
+  const [textToSegment2, setTextToSegment] = React.useState(false);
+  const [promptBuilderStyle, setPromptBuilderStyle] = React.useState(
+    newSegment ? true : false
+  );
   React.useEffect(() => {
     if (!segmentsConditions) {
       return;
@@ -42227,18 +42911,18 @@ function SegmentBuilder({
     }
   }, [existingSegment, segmentsConditions]);
   const updateCondition = (index2, condition) => {
-    const newConditions = [...segment.conditions];
+    const newConditions = [...segment2.conditions];
     newConditions[index2] = condition;
-    setSegment({ ...segment, conditions: newConditions });
+    setSegment({ ...segment2, conditions: newConditions });
   };
   const duplicateCondition = (index2) => {
-    const newConditions = [...segment.conditions];
-    newConditions.splice(index2 + 1, 0, { ...segment.conditions[index2] });
-    setSegment({ ...segment, conditions: newConditions });
+    const newConditions = [...segment2.conditions];
+    newConditions.splice(index2 + 1, 0, { ...segment2.conditions[index2] });
+    setSegment({ ...segment2, conditions: newConditions });
   };
   const deleteCondition = (index2) => {
-    const newConditions = segment.conditions.filter((_2, i3) => i3 !== index2);
-    setSegment({ ...segment, conditions: newConditions });
+    const newConditions = segment2.conditions.filter((_2, i3) => i3 !== index2);
+    setSegment({ ...segment2, conditions: newConditions });
   };
   const hasRelativeDate = (condition) => {
     return condition.value.some(
@@ -42265,10 +42949,10 @@ function SegmentBuilder({
           error: "EXISTS operator can only be used with an empty array"
         };
       }
-      if (hasRelativeDate(condition) && condition.operator !== ConditionOperatorEnumType.EQUALS) {
+      if (hasRelativeDate(condition) && condition.operator !== ConditionOperatorEnumType.EQUALS_MONTH_DAY && condition.operator !== ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR) {
         return {
           valid: false,
-          error: "Relative dates can only be used with the EQUALS operator"
+          error: "Relative dates can only be used with the month and day or month, day, and year operator"
         };
       }
     }
@@ -42278,7 +42962,7 @@ function SegmentBuilder({
     };
   };
   const handleSave = async () => {
-    if (!segment.name || !segment.description) {
+    if (!segment2.name || !segment2.description) {
       toast2({
         title: "Name and description are required",
         description: "Please ensure all fields are filled out",
@@ -42286,7 +42970,7 @@ function SegmentBuilder({
       });
       return;
     }
-    const { valid, error: error2 } = validationConditions(segment.conditions);
+    const { valid, error: error2 } = validationConditions(segment2.conditions);
     if (!valid) {
       toast2({
         title: "Conditions are invalid",
@@ -42300,9 +42984,9 @@ function SegmentBuilder({
       if (segmentId && existingSegment) {
         updateSegment2(
           {
-            name: segment.name,
-            description: segment.description,
-            conditions: segment.conditions
+            name: segment2.name,
+            description: segment2.description,
+            conditions: segment2.conditions
           },
           {
             onSuccess: () => {
@@ -42310,7 +42994,7 @@ function SegmentBuilder({
                 title: "Segment updated successfully"
               });
               setOpen(false);
-              onSegmentUpdated?.(segment.id);
+              onSegmentUpdated?.(segment2.id);
             },
             onError: () => {
               toast2({
@@ -42325,9 +43009,9 @@ function SegmentBuilder({
       } else {
         createSegment2(
           {
-            name: segment.name,
-            description: segment.description,
-            conditions: segment.conditions
+            name: segment2.name,
+            description: segment2.description,
+            conditions: segment2.conditions
           },
           {
             onSuccess: () => {
@@ -42335,7 +43019,7 @@ function SegmentBuilder({
                 title: "Segment created successfully"
               });
               setOpen(false);
-              onSegmentUpdated?.(segment.id);
+              onSegmentUpdated?.(segment2.id);
             },
             onError: () => {
               toast2({
@@ -42364,9 +43048,9 @@ function SegmentBuilder({
   }
   const addCondition = () => {
     setSegment({
-      ...segment,
+      ...segment2,
       conditions: [
-        ...segment.conditions,
+        ...segment2.conditions,
         {
           field: segmentsConditions.conditions[0].field,
           operator: segmentsConditions.conditions[0].operators[0],
@@ -42375,131 +43059,163 @@ function SegmentBuilder({
       ]
     });
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-hidden px-8 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-visible", children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-6 grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsx(Label$2, { className: "text-muted-foreground text-xs", children: "Name" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              placeholder: "Segment name",
-              value: segment.name,
-              onChange: (e4) => setSegment({ ...segment, name: e4.target.value })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsx(Label$2, { className: "text-muted-foreground text-xs", children: "Description" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              placeholder: "Segment description",
-              value: segment.description,
-              onChange: (e4) => setSegment({ ...segment, description: e4.target.value })
-            }
-          )
-        ] })
-      ] }),
-      segment.conditions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto pb-8", children: /* @__PURE__ */ jsx("div", { className: "grid", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: segment.conditions.map((condition, index2) => /* @__PURE__ */ jsxs(
-        motion.div,
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(AnimatePresence, { children: [
+    /* @__PURE__ */ jsx(
+      SegmentBuilderHeader,
+      {
+        segmentId,
+        setOpen,
+        setTextToSegment,
+        promptBuilderStyle,
+        textToSegment: textToSegment2
+      },
+      "segment-builder-header"
+    ),
+    promptBuilderStyle ? /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
+      PromptBuilderStyle,
+      {
+        onSelectStyle: (style2) => {
+          if (style2 === "ai") {
+            setTextToSegment(true);
+          }
+          setPromptBuilderStyle(false);
+        }
+      }
+    ) }, "prompt-builder-style") : /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-hidden px-8 py-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-4 overflow-visible", children: /* @__PURE__ */ jsx(AnimatePresence, { children: textToSegment2 ? /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
+        TextToSegment,
         {
-          initial: { opacity: 0, x: -20 },
-          animate: { opacity: 1, x: 0 },
-          exit: { opacity: 0, x: 20 },
-          transition: {
-            type: "spring",
-            stiffness: 300,
-            damping: 30,
-            mass: 0.5
-          },
-          children: [
-            index2 > 0 && /* @__PURE__ */ jsxs(
-              motion.div,
+          setTextToSegment,
+          setSegment: (conditions) => setSegment({ ...segment2, conditions })
+        }
+      ) }) : /* @__PURE__ */ jsxs(BlurDiv, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-6 grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label$2, { className: "text-muted-foreground text-xs", children: "Name" }),
+            /* @__PURE__ */ jsx(
+              Input,
               {
-                className: "relative flex items-center gap-3 py-1",
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                transition: { delay: 0.1 },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    motion.div,
-                    {
-                      className: "h-px flex-1 bg-border",
-                      initial: { scaleX: 0 },
-                      animate: { scaleX: 1 },
-                      transition: {
-                        type: "spring",
-                        stiffness: 300,
-                        damping: 30,
-                        mass: 0.5
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    motion.span,
-                    {
-                      className: "text-muted-foreground text-xs",
-                      initial: { opacity: 0 },
-                      animate: { opacity: 1 },
-                      transition: { delay: 0.2 },
-                      children: "AND"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    motion.div,
-                    {
-                      className: "h-px flex-1 bg-border",
-                      initial: { scaleX: 0 },
-                      animate: { scaleX: 1 },
-                      transition: {
-                        type: "spring",
-                        stiffness: 300,
-                        damping: 30,
-                        mass: 0.5
-                      }
-                    }
-                  )
-                ]
+                placeholder: `${t("engage:segment")} name`,
+                value: segment2.name,
+                onChange: (e4) => setSegment({ ...segment2, name: e4.target.value })
               }
-            ),
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ jsx(Label$2, { className: "text-muted-foreground text-xs", children: "Description" }),
             /* @__PURE__ */ jsx(
-              ConditionRow,
+              Input,
               {
-                condition,
-                onUpdate: (condition2) => updateCondition(index2, condition2),
-                segmentsConditions,
-                onDuplicate: () => duplicateCondition(index2),
-                onDelete: () => deleteCondition(index2)
+                placeholder: `${t("engage:segment")} description`,
+                value: segment2.description,
+                onChange: (e4) => setSegment({
+                  ...segment2,
+                  description: e4.target.value
+                })
               }
             )
-          ]
-        },
-        index2
-      )) }) }) })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "border-t px-8 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs(Button$1, { variant: "secondary", onClick: addCondition, children: [
-        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-        "Add Condition"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(Button$1, { variant: "secondary", onClick: () => setOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx(
-          Button$1,
+          ] })
+        ] }),
+        segment2.conditions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto pb-8", children: /* @__PURE__ */ jsx("div", { className: "grid", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: segment2.conditions.map((condition, index2) => /* @__PURE__ */ jsxs(
+          motion.div,
           {
-            variant: "secondary",
-            onClick: handleSave,
-            disabled: isLoading || isCreating,
-            children: isLoading || isCreating ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-              segmentId ? "Updating..." : "Creating..."
-            ] }) : segmentId ? "Update" : "Create"
-          }
-        )
-      ] })
-    ] }) })
-  ] });
+            initial: { opacity: 0, x: -20 },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0, x: 20 },
+            transition: {
+              type: "spring",
+              stiffness: 300,
+              damping: 30,
+              mass: 0.5
+            },
+            children: [
+              index2 > 0 && /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  className: "relative flex items-center gap-3 py-1",
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  transition: { delay: 0.1 },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        className: "h-px flex-1 bg-border",
+                        initial: { scaleX: 0 },
+                        animate: { scaleX: 1 },
+                        transition: {
+                          type: "spring",
+                          stiffness: 300,
+                          damping: 30,
+                          mass: 0.5
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      motion.span,
+                      {
+                        className: "text-muted-foreground text-xs",
+                        initial: { opacity: 0 },
+                        animate: { opacity: 1 },
+                        transition: { delay: 0.2 },
+                        children: "AND"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        className: "h-px flex-1 bg-border",
+                        initial: { scaleX: 0 },
+                        animate: { scaleX: 1 },
+                        transition: {
+                          type: "spring",
+                          stiffness: 300,
+                          damping: 30,
+                          mass: 0.5
+                        }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ConditionRow,
+                {
+                  condition,
+                  onUpdate: (condition2) => updateCondition(index2, condition2),
+                  segmentsConditions,
+                  onDuplicate: () => duplicateCondition(index2),
+                  onDelete: () => deleteCondition(index2)
+                }
+              )
+            ]
+          },
+          index2
+        )) }) }) })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "border-t px-8 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs(Button$1, { variant: "secondary", onClick: addCondition, children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+          "Add Condition"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button$1, { variant: "secondary", onClick: () => setOpen(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button$1,
+            {
+              variant: "secondary",
+              onClick: handleSave,
+              disabled: isLoading || isCreating,
+              children: isLoading || isCreating ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+                segmentId ? "Updating..." : "Creating..."
+              ] }) : segmentId ? "Update" : "Create"
+            }
+          )
+        ] })
+      ] }) })
+    ] }) }, "manual-builder-style")
+  ] }) });
 }
 function SegmentBuilderDialog({
   open,
@@ -42517,20 +43233,17 @@ function SegmentBuilderDialog({
       className: "flex max-h-[86vh] flex-col gap-0 overflow-visible max-w-5xl w-full",
       hideCloseButton: true,
       children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "text-3xl font-normal", children: segmentId ? "Edit Segment" : "Create Segment" }),
-          /* @__PURE__ */ jsx(VisuallyHidden$1, { children: /* @__PURE__ */ jsx(DialogDescription, { children: segmentId ? "Edit Segment" : "Create Segment" }) }),
-          /* @__PURE__ */ jsx(
-            Button$1,
-            {
-              variant: "ghost",
-              size: "icon",
-              onClick: () => setOpen(false),
-              className: "h-8 w-8",
-              children: /* @__PURE__ */ jsx(X$1, { className: "h-4 w-4" })
-            }
-          )
-        ] }) }),
+        /* @__PURE__ */ jsxs(VisuallyHidden$1, { children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { children: [
+            t("engage:segment"),
+            " Builder"
+          ] }),
+          /* @__PURE__ */ jsxs(DialogDescription, { children: [
+            "Build a ",
+            t("engage:segment"),
+            " to target your audience"
+          ] })
+        ] }),
         /* @__PURE__ */ jsx(
           SegmentBuilder,
           {
@@ -42592,7 +43305,8 @@ const AllSegmentList = () => {
           onClick: () => setCreateNewSegmentDialogOpen(true),
           children: [
             /* @__PURE__ */ jsx(Plus, {}),
-            "Create New Segment"
+            "Create New ",
+            t("engage:segment")
           ]
         }
       ) })
@@ -42649,8 +43363,8 @@ const AllSegmentList = () => {
           title: "No Segments Found",
           description: "Create your first segment to get started."
         },
-        onRowClick: (segment) => {
-          if (segment.type !== BusinessSegmentTypeEnum.CUSTOM) {
+        onRowClick: (segment2) => {
+          if (segment2.type !== BusinessSegmentTypeEnum.CUSTOM) {
             toast2({
               title: "This segment is not editable",
               description: "Only custom segments can be edited",
@@ -42658,7 +43372,7 @@ const AllSegmentList = () => {
             });
             return;
           }
-          setSelectedSegment(segment.id);
+          setSelectedSegment(segment2.id);
           setCreateNewSegmentDialogOpen(true);
         },
         className: "rounded-lg bg-white"
@@ -42680,7 +43394,7 @@ const EngageMain = ({
   const tabs = [
     {
       id: "automations",
-      label: "Automations",
+      label: `${t("engage:automation", { count: 2 })}`,
       content: /* @__PURE__ */ jsx(
         AllAutomationList,
         {
@@ -42691,7 +43405,7 @@ const EngageMain = ({
     },
     {
       id: "segments",
-      label: "Segments",
+      label: `${t("engage:segment", { count: 2 })}`,
       content: /* @__PURE__ */ jsx(AllSegmentList, {})
     }
   ];
@@ -42778,7 +43492,7 @@ var AutomationSteps = /* @__PURE__ */ ((AutomationSteps2) => {
   return AutomationSteps2;
 })(AutomationSteps || {});
 const validateAutomationStep = async (args) => {
-  const { currentStep, automation, communicationGroup } = args;
+  const { currentStep, automation: automation2, communicationGroup } = args;
   if (currentStep === 0) {
     return {
       canMove: true,
@@ -42787,12 +43501,12 @@ const validateAutomationStep = async (args) => {
   }
   if (currentStep === 1) {
     return {
-      canMove: automation.includeSegmentIds.length > 0,
+      canMove: automation2.includeSegmentIds.length > 0,
       errorMessage: "Please ensure you have selected at least one segment"
     };
   }
   if (currentStep === 2) {
-    const actionDataCommunication = automation.action_data?.find(
+    const actionDataCommunication = automation2.action_data?.find(
       (action) => action.action_type === "send_communication"
     );
     if (!actionDataCommunication) {
@@ -42827,7 +43541,7 @@ const validateAutomationStep = async (args) => {
   if (currentStep === 3) {
     return {
       canMove: Boolean(
-        isOneTimeTriggerMetadata(automation.trigger_metadata) && automation.trigger_metadata.scheduled_at && new Date(automation.trigger_metadata.scheduled_at) > /* @__PURE__ */ new Date() && automation.action_data?.some(
+        isOneTimeTriggerMetadata(automation2.trigger_metadata) && automation2.trigger_metadata.scheduled_at && new Date(automation2.trigger_metadata.scheduled_at) > /* @__PURE__ */ new Date() && automation2.action_data?.some(
           (action) => action.action_type === "send_communication" && action.action_metadata.communication_group_id
         )
       ),
@@ -42839,17 +43553,17 @@ const validateAutomationStep = async (args) => {
     errorMessage: null
   };
 };
-const useRecipientStats = (automation) => {
+const useRecipientStats = (automation2) => {
   const { data: estimatedMatches } = useGetCountOfBusinessAutomationRecipients({
-    include_segments: automation?.includeSegmentIds ?? [],
-    exclude_segments: automation?.excludeSegmentIds ?? []
+    include_segments: automation2?.includeSegmentIds ?? [],
+    exclude_segments: automation2?.excludeSegmentIds ?? []
   });
   const estimatedMatchesStats = useMemo(() => {
     if (!estimatedMatches?.recipients) return { emails: 0, phones: 0 };
     return estimatedMatches.recipients.reduce(
-      (acc, user) => ({
-        emails: acc.emails + (user.email ? 1 : 0),
-        phones: acc.phones + (user.phone ? 1 : 0)
+      (acc, user2) => ({
+        emails: acc.emails + (user2.email ? 1 : 0),
+        phones: acc.phones + (user2.phone ? 1 : 0)
       }),
       { emails: 0, phones: 0 }
     );
@@ -42867,14 +43581,14 @@ const useAutomation = (automationId, existingAutomation) => {
     isLoading: isFetchLoading,
     invalidateAutomation: originalInvalidateAutomation
   } = useGetBusinessAutomation(automationId);
-  const automation = fetchedAutomation;
+  const automation2 = fetchedAutomation;
   const { updateAutomation: updateAutomation2, isUpdating } = useUpdateBusinessAutomation(automationId);
-  const communicationGroupId = automation?.action_data?.find(
+  const communicationGroupId = automation2?.action_data?.find(
     (action) => action.action_type === "send_communication"
   )?.action_metadata.communication_group_id;
   const { communicationGroup, isGetting: isLoadingCommunicationGroup } = useGetCommunicationGroup(communicationGroupId || void 0);
   const { updateCommunicationGroup: updateCommunicationGroup2, isUpdating: isUpdatingCommunicationGroup } = useUpdateCommunicationGroup();
-  const { estimatedMatchesStats } = useRecipientStats(automation);
+  const { estimatedMatchesStats } = useRecipientStats(automation2);
   const [isValidatingStep, setIsValidatingStep] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
   const invalidateAutomation = useCallback(() => {
@@ -42900,7 +43614,7 @@ const useAutomation = (automationId, existingAutomation) => {
   }, []);
   const validateStep = useCallback(
     async (currentStep) => {
-      if (!automation) {
+      if (!automation2) {
         return {
           canMove: false,
           errorMessage: "Automation not loaded"
@@ -42910,7 +43624,7 @@ const useAutomation = (automationId, existingAutomation) => {
         setIsValidatingStep(true);
         return await validateAutomationStep({
           currentStep,
-          automation,
+          automation: automation2,
           communicationGroup
         });
       } finally {
@@ -42919,7 +43633,7 @@ const useAutomation = (automationId, existingAutomation) => {
         }
       }
     },
-    [automation, communicationGroup]
+    [automation2, communicationGroup]
   );
   const setIsLoadingSafe = useCallback((loading2) => {
     if (mountedRef.current) {
@@ -42927,7 +43641,7 @@ const useAutomation = (automationId, existingAutomation) => {
     }
   }, []);
   return {
-    automation,
+    automation: automation2,
     updateAutomation: updateAutomation2,
     communicationGroup,
     updateCommunicationGroup: updateCommunicationGroup2,
@@ -43173,7 +43887,7 @@ const PreviewPanel = ({ emailPreview, smsPreview, iconDefinitions }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs(AnimatePresence, { children: [
           selectedTab === "email" && emailPreview && /* @__PURE__ */ jsx(
             motion.div,
             {
@@ -43316,7 +44030,7 @@ const AutomationContent = ({
 const AutomationRecipients = ({
   automationId,
   iconDefinitions,
-  automation,
+  automation: automation2,
   isLoading: isLoadingRecipients
 }) => {
   const { recipients, isLoading, fetchError } = useGetBusinessAutomationRecipients(automationId);
@@ -43348,7 +44062,7 @@ const AutomationRecipients = ({
       {
         automationId,
         iconDefinitions,
-        automation
+        automation: automation2
       }
     ) }),
     /* @__PURE__ */ jsx(Separator$2, { className: "my-4" }),
@@ -45212,7 +45926,7 @@ const initStripo = (options) => {
   });
 };
 const StripoWrapper = ({
-  automation,
+  automation: automation2,
   setShowStripoEditor,
   saveClicked,
   setSaveClicked,
@@ -45223,7 +45937,7 @@ const StripoWrapper = ({
   const stripoOpenedOnce = useRef(false);
   const containerRef = useRef(null);
   const { data: template2, isLoading: isTemplateLoading } = useStripoTemplate(
-    automation.id
+    automation2.id
   );
   const { data: editorData, isLoading: isEditorDataLoading } = useStripoEditorData();
   const [stripoEmailSaved, setStripoEmailSaved] = useState(false);
@@ -45320,7 +46034,7 @@ const StripoWrapper = ({
   ) });
 };
 const EmailPreview = ({
-  automation,
+  automation: automation2,
   mergeFieldsResponse,
   communicationGroup,
   updateCommunicationGroup: updateCommunicationGroup2
@@ -45346,7 +46060,7 @@ const EmailPreview = ({
     null
   );
   const { refetchAutomation: refreshAutomation } = useGetBusinessAutomation(
-    automation.id
+    automation2.id
   );
   const [showHelpDialog, setShowHelpDialog] = useState(false);
   const initialRenderRef = useRef(true);
@@ -45597,7 +46311,7 @@ const EmailPreview = ({
           StripoWrapper,
           {
             showStripoEditor,
-            automation,
+            automation: automation2,
             setShowStripoEditor,
             saveClicked,
             setSaveClicked,
@@ -45983,14 +46697,14 @@ const useMe = () => {
   });
   return query;
 };
-const SMSPreview = ({ automation, iconDefinitions, mergeFieldsResponse }) => {
+const SMSPreview = ({ automation: automation2, iconDefinitions, mergeFieldsResponse }) => {
   const [isUpdating, setIsUpdating] = useState(false);
   const _getCommunicationGroupFromAutomation = useCallback(() => {
-    const actionGroup = automation.action_data?.find(
+    const actionGroup = automation2.action_data?.find(
       (action) => action.action_type === "send_communication"
     );
     return actionGroup?.action_metadata.communication_group_id;
-  }, [automation.action_data]);
+  }, [automation2.action_data]);
   const [mergeFieldValue, setMergeFieldValue] = useState("");
   const [fromNumber, setFromNumber] = useState(null);
   const [initCompanyName, setInitCompanyName] = useState(false);
@@ -46205,7 +46919,7 @@ ${message2}` : message2
   ] });
 };
 const EditCampaignContent = ({
-  automation,
+  automation: automation2,
   iconDefinitions,
   getExtraMergeFields,
   communicationGroup,
@@ -46247,7 +46961,7 @@ const EditCampaignContent = ({
       setExpandedChannels(["email"]);
       return;
     }
-  }, [automation, communicationGroup]);
+  }, [automation2, communicationGroup]);
   const setSelectedChannelsBasedOnCommunicationGroup = useCallback(
     (data) => {
       const finalSelectedChannels = [];
@@ -46416,7 +47130,7 @@ const EditCampaignContent = ({
           /* @__PURE__ */ jsx(
             EmailPreview,
             {
-              automation,
+              automation: automation2,
               iconDefinitions,
               updateAutomation: updateAutomation2,
               communicationGroup,
@@ -46432,7 +47146,7 @@ const EditCampaignContent = ({
       /* @__PURE__ */ jsx(
         SMSPreview,
         {
-          automation,
+          automation: automation2,
           iconDefinitions,
           mergeFieldsResponse
         }
@@ -46518,9 +47232,9 @@ const EstimatedMatchesView = ({
   const contactStats = React__default.useMemo(() => {
     if (!data?.recipients) return { emails: 0, phones: 0 };
     return data.recipients.reduce(
-      (acc, user) => ({
-        emails: acc.emails + (user.email ? 1 : 0),
-        phones: acc.phones + (user.phone ? 1 : 0)
+      (acc, user2) => ({
+        emails: acc.emails + (user2.email ? 1 : 0),
+        phones: acc.phones + (user2.phone ? 1 : 0)
       }),
       { emails: 0, phones: 0 }
     );
@@ -46687,10 +47401,10 @@ const ComboboxDemo = ({
     ] }) })
   ] });
 };
-const OneTimeBroadcastMetadata = ({ automation }) => {
+const OneTimeBroadcastMetadata = ({ automation: automation2 }) => {
   const _getDateFromAutomation = () => {
-    if (isOneTimeTriggerMetadata(automation.trigger_metadata) && automation.trigger_metadata.scheduled_at) {
-      return new Date(automation.trigger_metadata.scheduled_at);
+    if (isOneTimeTriggerMetadata(automation2.trigger_metadata) && automation2.trigger_metadata.scheduled_at) {
+      return new Date(automation2.trigger_metadata.scheduled_at);
     }
     return addMinutes(/* @__PURE__ */ new Date(), 15);
   };
@@ -46699,9 +47413,9 @@ const OneTimeBroadcastMetadata = ({ automation }) => {
     _getDateFromAutomation() < /* @__PURE__ */ new Date() ? "Please select a time in the future" : null
   );
   const [timeInput, setTimeInput] = React.useState(format$1(date2, "HH:mm"));
-  const { updateAutomation: updateAutomation2 } = useUpdateBusinessAutomation(automation.id);
+  const { updateAutomation: updateAutomation2 } = useUpdateBusinessAutomation(automation2.id);
   const [timezone, setTimezone] = React.useState(
-    isOneTimeTriggerMetadata(automation.trigger_metadata) && automation.trigger_metadata.timezone ? automation.trigger_metadata.timezone : Intl.DateTimeFormat().resolvedOptions().timeZone
+    isOneTimeTriggerMetadata(automation2.trigger_metadata) && automation2.trigger_metadata.timezone ? automation2.trigger_metadata.timezone : Intl.DateTimeFormat().resolvedOptions().timeZone
   );
   const timezones = Intl.supportedValuesOf("timeZone");
   const timezoneOptions = timezones.map((tz) => ({
@@ -46770,7 +47484,7 @@ const OneTimeBroadcastMetadata = ({ automation }) => {
         timezone
       }
     });
-  }, [date2, timezone, updateAutomation2, automation.id]);
+  }, [date2, timezone, updateAutomation2, automation2.id]);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-2 w-full ", children: [
       /* @__PURE__ */ jsxs(Popover, { children: [
@@ -46834,7 +47548,7 @@ const OneTimeBroadcastMetadata = ({ automation }) => {
     ] })
   ] });
 };
-const SelectTime = ({ iconDefinitions, automation, updateAutomation: updateAutomation2 }) => {
+const SelectTime = ({ iconDefinitions, automation: automation2, updateAutomation: updateAutomation2 }) => {
   const [deliveryOption, setDeliveryOption] = useState(null);
   return /* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsx(
     motion.div,
@@ -46885,11 +47599,11 @@ const SelectTime = ({ iconDefinitions, automation, updateAutomation: updateAutom
               exit: { opacity: 0, height: 0 },
               transition: { duration: 0.3 },
               className: "overflow-hidden mt-8",
-              children: /* @__PURE__ */ jsx("div", { className: "bg-gray-50 rounded-xl p-5 border border-gray-100 flex items-center justify-center", children: /* @__PURE__ */ jsx(OneTimeBroadcastMetadata, { automation }) })
+              children: /* @__PURE__ */ jsx("div", { className: "bg-gray-50 rounded-xl p-5 border border-gray-100 flex items-center justify-center", children: /* @__PURE__ */ jsx(OneTimeBroadcastMetadata, { automation: automation2 }) })
             }
           ) })
         ] }),
-        isOneTimeTriggerMetadata(automation.trigger_metadata) && automation.trigger_metadata.scheduled_at && /* @__PURE__ */ jsxs(
+        isOneTimeTriggerMetadata(automation2.trigger_metadata) && automation2.trigger_metadata.scheduled_at && /* @__PURE__ */ jsxs(
           motion.div,
           {
             initial: { opacity: 0, y: 10, scale: 0.98 },
@@ -46919,7 +47633,7 @@ const SelectTime = ({ iconDefinitions, automation, updateAutomation: updateAutom
                   transition: { delay: 0.4, duration: 0.4 },
                   className: "text-md font-bold text-gray-800",
                   children: new Date(
-                    automation.trigger_metadata.scheduled_at
+                    automation2.trigger_metadata.scheduled_at
                   ).toLocaleString("en-US", {
                     weekday: "long",
                     month: "long",
@@ -46929,7 +47643,7 @@ const SelectTime = ({ iconDefinitions, automation, updateAutomation: updateAutom
                     minute: "2-digit",
                     hour12: true,
                     timeZoneName: "short",
-                    timeZone: automation.trigger_metadata.timezone || void 0
+                    timeZone: automation2.trigger_metadata.timezone || void 0
                   })
                 }
               )
@@ -46941,13 +47655,13 @@ const SelectTime = ({ iconDefinitions, automation, updateAutomation: updateAutom
   ) });
 };
 const PreviewAndSchedule = ({
-  automation,
+  automation: automation2,
   iconDefinitions,
   isLoading,
   communicationGroup,
   updateAutomation: externalUpdateAutomation
 }) => {
-  const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation.id);
+  const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2.id);
   const updateAutomation2 = externalUpdateAutomation || ((params) => businessUpdateAutomation(params));
   const { channelSenders } = useChannelSender();
   const { channelAccounts } = useChannelAccount();
@@ -47033,15 +47747,15 @@ const PreviewAndSchedule = ({
         {
           subtitle: "Estimated recipient count may vary at time of delivery",
           iconDefinitions,
-          includeSegments: automation.includeSegmentIds,
-          excludeSegments: automation.excludeSegmentIds
+          includeSegments: automation2.includeSegmentIds,
+          excludeSegments: automation2.excludeSegmentIds
         }
       )
     ] }),
-    automation.trigger_type === AutomationTriggerType.ONE_TIME && /* @__PURE__ */ jsx(Card, { className: "p-4 shadow-sm border-none mt-4", children: /* @__PURE__ */ jsx(
+    automation2.trigger_type === AutomationTriggerType.ONE_TIME && /* @__PURE__ */ jsx(Card, { className: "p-4 shadow-sm border-none mt-4", children: /* @__PURE__ */ jsx(
       SelectTime,
       {
-        automation,
+        automation: automation2,
         iconDefinitions,
         updateAutomation: updateAutomation2
       }
@@ -47059,7 +47773,7 @@ const AllOrSelectSegmentPicker = ({ iconDefinitions, onSelectionChange, defaultV
       BigSelector,
       {
         onClick: () => handleSelect("all"),
-        title: "All patrons",
+        title: `All ${t("engage:user", { count: 2 })}`,
         subtitle: "Send to everyone",
         icon: /* @__PURE__ */ jsx(iconDefinitions.UsersIcon, { className: "w-5 h-5 mb-2 text-gray-600" }),
         selected: selected === "all"
@@ -47069,7 +47783,7 @@ const AllOrSelectSegmentPicker = ({ iconDefinitions, onSelectionChange, defaultV
       BigSelector,
       {
         onClick: () => handleSelect("segments"),
-        title: "Select patrons",
+        title: `Select ${t("engage:user", { count: 2 })}`,
         subtitle: "Choose from segments",
         icon: /* @__PURE__ */ jsx(iconDefinitions.UserEdit, { className: "w-5 h-5 mb-2 text-gray-600" }),
         selected: selected === "segments"
@@ -47092,9 +47806,9 @@ const SegmentSection = ({
     segmentsToRemove.forEach(onRemoveSegment);
   };
   const [segmentSelectedIds, setSegmentSelectedIds] = useState([]);
-  const options = allSegments.map((segment) => ({
-    label: segment.name,
-    value: segment.id
+  const options = allSegments.map((segment2) => ({
+    label: segment2.name,
+    value: segment2.id
   }));
   useEffect(() => {
     setSegmentSelectedIds(segments);
@@ -47197,22 +47911,22 @@ const SelectSegments = ({
     ] })
   ] });
 };
-const SelectAudience = ({ iconDefinitions, automation }) => {
+const SelectAudience = ({ iconDefinitions, automation: automation2 }) => {
   const [openCreateSegmentDialog, setOpenCreateSegmentDialog] = React__default.useState(false);
   const [initialStateSet, setInitialStateSet] = React__default.useState(false);
   const { segments, isLoading } = useListSegments();
-  const { updateAutomation: updateAutomation2 } = useUpdateBusinessAutomation(automation.id);
+  const { updateAutomation: updateAutomation2 } = useUpdateBusinessAutomation(automation2.id);
   const [includedSegments, setIncludedSegments] = React__default.useState(
-    automation.includeSegmentIds || []
+    automation2.includeSegmentIds || []
   );
   const [excludedSegments, setExcludedSegments] = React__default.useState(
-    automation.excludeSegmentIds || []
+    automation2.excludeSegmentIds || []
   );
   const allUsersSelected = includedSegments.length === 1 && excludedSegments.length === 0 && /**
   * Check if the all users segment is selected in the atuomation
   */
   segments?.data?.find(
-    (segment) => segment.type === BusinessSegmentTypeEnum.ALL_USERS && segment.id === includedSegments[0]
+    (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS && segment2.id === includedSegments[0]
   ) !== void 0;
   const [selectedAudience, setSelectedAudience] = useState(
     allUsersSelected ? "all" : "segments"
@@ -47232,7 +47946,7 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
     }
   };
   useEffect(() => {
-    const hasSegmentsChanged = JSON.stringify(automation.includeSegmentIds) !== JSON.stringify(includedSegments) || JSON.stringify(automation.excludeSegmentIds) !== JSON.stringify(excludedSegments);
+    const hasSegmentsChanged = JSON.stringify(automation2.includeSegmentIds) !== JSON.stringify(includedSegments) || JSON.stringify(automation2.excludeSegmentIds) !== JSON.stringify(excludedSegments);
     if (hasSegmentsChanged) {
       updateAutomation2({
         include_segments: includedSegments,
@@ -47242,14 +47956,14 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
   }, [
     includedSegments,
     excludedSegments,
-    automation.includeSegmentIds,
-    automation.excludeSegmentIds,
+    automation2.includeSegmentIds,
+    automation2.excludeSegmentIds,
     updateAutomation2,
-    automation.id
+    automation2.id
   ]);
   const getAllUsersSegment = useCallback(() => {
     return segments?.data?.find(
-      (segment) => segment.type === BusinessSegmentTypeEnum.ALL_USERS
+      (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS
     );
   }, [segments]);
   useEffect(() => {
@@ -47268,7 +47982,7 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
     if (!segments) {
       return;
     }
-    if (automation.includeSegmentIds.length === 0 && automation.excludeSegmentIds.length === 0) {
+    if (automation2.includeSegmentIds.length === 0 && automation2.excludeSegmentIds.length === 0) {
       setSelectedAudience("all");
       const allUsersSegment = getAllUsersSegment();
       if (allUsersSegment) {
@@ -47295,9 +48009,9 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
     allUsersSelected,
     getAllUsersSegment,
     updateAutomation2,
-    automation.includeSegmentIds,
-    automation.excludeSegmentIds,
-    automation.id
+    automation2.includeSegmentIds,
+    automation2.excludeSegmentIds,
+    automation2.id
   ]);
   if (isLoading || !segments || !initialStateSet) {
     return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching segments", "Finishing up"] }) });
@@ -47341,7 +48055,7 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
               defaultValue: selectedAudience
             }
           ),
-          /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: selectedAudience === "segments" && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(AnimatePresence, { children: selectedAudience === "segments" && /* @__PURE__ */ jsx(
             motion.div,
             {
               initial: { opacity: 0, height: 0 },
@@ -47359,7 +48073,7 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
                   handleRemoveSegment,
                   setOpenCreateSegmentDialog,
                   segments,
-                  defaultIsExcludeOpen: automation.excludeSegmentIds?.length > 0
+                  defaultIsExcludeOpen: automation2.excludeSegmentIds?.length > 0
                 }
               )
             }
@@ -47430,14 +48144,14 @@ const lineVariant = {
     }
   }
 };
-const TriggerEditAutomation = ({ automation }) => {
+const TriggerEditAutomation = ({ automation: automation2 }) => {
   const [getSegmentResponse, setGetSegmentResponse] = useState(void 0);
   useEffect(() => {
     const getSegmentData = async () => {
-      if (automation.trigger_metadata.trigger_type !== AutomationTriggerType.TRIGGER_BASED) {
+      if (automation2.trigger_metadata.trigger_type !== AutomationTriggerType.TRIGGER_BASED) {
         return;
       }
-      const triggerSegmentId = automation.trigger_metadata.event_filter.segment_id;
+      const triggerSegmentId = automation2.trigger_metadata.event_filter.segment_id;
       const segmentResponse = await getSegment(triggerSegmentId);
       if (!segmentResponse) {
         return;
@@ -47445,7 +48159,7 @@ const TriggerEditAutomation = ({ automation }) => {
       setGetSegmentResponse(segmentResponse);
     };
     getSegmentData();
-  }, [automation.trigger_metadata, automation.trigger_metadata.trigger_type]);
+  }, [automation2.trigger_metadata, automation2.trigger_metadata.trigger_type]);
   if (!getSegmentResponse) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[200px]", children: /* @__PURE__ */ jsx(SpinLoader, {}) });
   }
@@ -47536,7 +48250,7 @@ const TriggerEditAutomation = ({ automation }) => {
   ) });
 };
 const useAutomationSteps = ({
-  automation,
+  automation: automation2,
   updateAutomation: updateAutomation2,
   communicationGroup,
   updateCommunicationGroup: updateCommunicationGroup2,
@@ -47545,9 +48259,9 @@ const useAutomationSteps = ({
   handleSaveAsDraft,
   isLoading
 }) => {
-  if (!automation) return [];
+  if (!automation2) return [];
   return [
-    ...automation.trigger_type === AutomationTriggerType.TRIGGER_BASED ? [
+    ...automation2.trigger_type === AutomationTriggerType.TRIGGER_BASED ? [
       {
         id: "trigger",
         title: "Trigger",
@@ -47561,7 +48275,7 @@ const useAutomationSteps = ({
               TriggerEditAutomation,
               {
                 iconDefinitions,
-                automation
+                automation: automation2
               }
             )
           }
@@ -47580,7 +48294,7 @@ const useAutomationSteps = ({
       title: "Audience",
       step: AutomationSteps.SelectAudience,
       isValid: () => {
-        return automation.includeSegmentIds.length > 0;
+        return automation2.includeSegmentIds.length > 0;
       },
       content: /* @__PURE__ */ jsx(
         TitleAndContent,
@@ -47590,7 +48304,7 @@ const useAutomationSteps = ({
             SelectAudience,
             {
               iconDefinitions,
-              automation
+              automation: automation2
             }
           )
         }
@@ -47601,7 +48315,7 @@ const useAutomationSteps = ({
         /**
          * We dont show the back button for one_time_based automations
          */
-        hideBack: automation.trigger_type === AutomationTriggerType.ONE_TIME ? true : false,
+        hideBack: automation2.trigger_type === AutomationTriggerType.ONE_TIME ? true : false,
         backDisabled: false,
         nextDisabled: () => false
       }
@@ -47611,7 +48325,7 @@ const useAutomationSteps = ({
       title: "Content",
       step: AutomationSteps.SelectCommunication,
       isValid: () => {
-        const actionDataCommunication = automation.action_data?.find(
+        const actionDataCommunication = automation2.action_data?.find(
           (action) => action.action_type === "send_communication"
         );
         if (!actionDataCommunication || !actionDataCommunication.action_metadata.communication_group_id) {
@@ -47633,7 +48347,7 @@ const useAutomationSteps = ({
         /* @__PURE__ */ jsx(
           EditCampaignContent,
           {
-            automation,
+            automation: automation2,
             updateAutomation: updateAutomation2,
             communicationGroup,
             updateCommunicationGroup: updateCommunicationGroup2,
@@ -47656,7 +48370,7 @@ const useAutomationSteps = ({
       step: AutomationSteps.PreviewAndSchedule,
       isValid: () => {
         return Boolean(
-          automation.trigger_metadata?.trigger_type === AutomationTriggerType.ONE_TIME && automation.trigger_metadata?.scheduled_at && new Date(automation.trigger_metadata.scheduled_at) > /* @__PURE__ */ new Date() && automation.action_data?.some(
+          automation2.trigger_metadata?.trigger_type === AutomationTriggerType.ONE_TIME && automation2.trigger_metadata?.scheduled_at && new Date(automation2.trigger_metadata.scheduled_at) > /* @__PURE__ */ new Date() && automation2.action_data?.some(
             (action) => action.action_type === "send_communication" && action.action_metadata.communication_group_id
           )
         );
@@ -47669,7 +48383,7 @@ const useAutomationSteps = ({
           content: /* @__PURE__ */ jsx(
             PreviewAndSchedule,
             {
-              automation,
+              automation: automation2,
               iconDefinitions,
               isLoading,
               communicationGroup
@@ -47679,12 +48393,12 @@ const useAutomationSteps = ({
       ),
       footerConfig: {
         backText: "Back",
-        nextText: automation.trigger_metadata?.trigger_type === AutomationTriggerType.ONE_TIME ? "Schedule" : "Start",
+        nextText: automation2.trigger_metadata?.trigger_type === AutomationTriggerType.ONE_TIME ? "Schedule" : "Start",
         hideBack: false,
         backDisabled: false,
         nextDisabled: () => {
-          return automation.trigger_metadata?.trigger_type === AutomationTriggerType.ONE_TIME && !(automation.trigger_metadata?.scheduled_at && new Date(automation.trigger_metadata?.scheduled_at) > /* @__PURE__ */ new Date() && Boolean(
-            automation.action_data?.some(
+          return automation2.trigger_metadata?.trigger_type === AutomationTriggerType.ONE_TIME && !(automation2.trigger_metadata?.scheduled_at && new Date(automation2.trigger_metadata?.scheduled_at) > /* @__PURE__ */ new Date() && Boolean(
+            automation2.action_data?.some(
               (action) => action.action_type === "send_communication" && action.action_metadata.communication_group_id
             )
           ));
@@ -47751,7 +48465,7 @@ const BackNextButtonGroup = ({
   ] });
 };
 const EditAutomation = ({
-  automation,
+  automation: automation2,
   updateAutomation: updateAutomation2,
   communicationGroup,
   updateCommunicationGroup: updateCommunicationGroup2,
@@ -47770,7 +48484,7 @@ const EditAutomation = ({
     /**
      * We dont show the trigger step for trigger based automations
      */
-    automation.trigger_type === AutomationTriggerType.TRIGGER_BASED ? AutomationSteps.SelectTrigger : AutomationSteps.SelectAudience
+    automation2.trigger_type === AutomationTriggerType.TRIGGER_BASED ? AutomationSteps.SelectTrigger : AutomationSteps.SelectAudience
   );
   const [isValidatingStep, setIsValidatingStep] = useState(false);
   const handleSaveAsDraft = () => {
@@ -47786,7 +48500,7 @@ const EditAutomation = ({
     setIsLoading(false);
   };
   const STEPS = useAutomationSteps({
-    automation,
+    automation: automation2,
     iconDefinitions,
     getExtraMergeFields,
     handleSaveAsDraft,
@@ -47842,7 +48556,7 @@ const EditAutomation = ({
   const handleNextStep = async () => {
     const { canMove, errorMessage } = await validateCanGoToNextStep({
       currentStep,
-      automation,
+      automation: automation2,
       communicationGroup
     });
     if (!canMove) {
@@ -47873,7 +48587,7 @@ const EditAutomation = ({
       for (let step = currentStep; step < targetStep; step++) {
         const { canMove, errorMessage } = await validateCanGoToNextStep({
           currentStep: step,
-          automation,
+          automation: automation2,
           communicationGroup
         });
         if (!canMove) {
@@ -47896,19 +48610,19 @@ const EditAutomation = ({
       }
     ),
     logoUrl && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Logo", className: "w-6 h-6" }) }),
-    /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold leading-none", children: automation.name }),
+    /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold leading-none", children: automation2.name }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx(
         Badge,
         {
-          variant: automation.status === AutomationStatus.ACTIVE ? "default" : automation.status === AutomationStatus.DRAFT ? "secondary" : "outline",
-          children: automation.status === AutomationStatus.ACTIVE ? "Active" : automation.status === AutomationStatus.DRAFT ? "Draft" : "Inactive"
+          variant: automation2.status === AutomationStatus.ACTIVE ? "default" : automation2.status === AutomationStatus.DRAFT ? "secondary" : "outline",
+          children: automation2.status === AutomationStatus.ACTIVE ? "Active" : automation2.status === AutomationStatus.DRAFT ? "Draft" : "Inactive"
         }
       ),
       /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
         "Last modified",
         " ",
-        automation?.updated_at ? formatDistanceToNow(new Date(automation.updated_at)) + " ago" : "N/A"
+        automation2?.updated_at ? formatDistanceToNow(new Date(automation2.updated_at)) + " ago" : "N/A"
       ] })
     ] })
   ] });
@@ -47951,7 +48665,7 @@ const EditAutomation = ({
     },
     step.step
   )) });
-  const renderContent = () => /* @__PURE__ */ jsx("section", { className: "flex-1 mr-6 w-full relative rounded-xl bg-gray-100 ml-6 @[1000px]:ml-0", children: /* @__PURE__ */ jsx("div", { className: "absolute overflow-y-auto top-0 left-0 right-0 bottom-0 flex-1 h-full flex-col flex", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(BlurDiv, { className: "pt-0 h-full", children: STEPS.find((step) => step.step === currentStep)?.content }, currentStep) }) }) });
+  const renderContent = () => /* @__PURE__ */ jsx("section", { className: "flex-1 mr-6 w-full relative rounded-xl bg-gray-100 ml-6 @[1000px]:ml-0", children: /* @__PURE__ */ jsx("div", { className: "absolute overflow-y-auto top-0 left-0 right-0 bottom-0 flex-1 h-full flex-col flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(BlurDiv, { className: "pt-0 h-full", children: STEPS.find((step) => step.step === currentStep)?.content }, currentStep) }) }) });
   const renderFooter = () => /* @__PURE__ */ jsx("footer", { className: "w-full flex justify-end shadow-md z-10 items-center h-16 px-6", children: /* @__PURE__ */ jsx(
     BackNextButtonGroup,
     {
@@ -48003,14 +48717,14 @@ const validatePhoneNumber = (phoneNumber) => {
 const PhoneUtils = {
   validatePhoneNumber
 };
-const SendPreviewPopup = ({ automation, type, setOpenSendPreviewPopup, iconDefinitions }) => {
+const SendPreviewPopup = ({ automation: automation2, type, setOpenSendPreviewPopup, iconDefinitions }) => {
   const [recipient, setRecipient] = useState("");
   const [error2, setError2] = useState("");
   const [senderId, setSenderId] = useState(null);
   const [finishedLoading, setFinishedLoading] = useState(false);
   const { sendTestCommunication: sendTestCommunication2, sendError, isSendSuccess } = useSendTestCommunication();
   const { toast: toast2 } = useToast();
-  const actionDataCommunication = automation.action_data?.find(
+  const actionDataCommunication = automation2.action_data?.find(
     (action) => action.action_type === "send_communication"
   );
   const communicationGroupId = actionDataCommunication?.action_metadata.communication_group_id;
@@ -48082,7 +48796,7 @@ const SendPreviewPopup = ({ automation, type, setOpenSendPreviewPopup, iconDefin
       setError2("No sender found, please update the automation first!");
       return;
     }
-    const actionDataCommunication2 = automation.action_data?.find(
+    const actionDataCommunication2 = automation2.action_data?.find(
       (action) => action.action_type === "send_communication"
     );
     const communicationGroupId2 = actionDataCommunication2?.action_metadata.communication_group_id;
@@ -48135,7 +48849,7 @@ const SendPreviewPopup = ({ automation, type, setOpenSendPreviewPopup, iconDefin
   ] });
 };
 const ViewAutomationHeaderContainer = ({
-  automation,
+  automation: automation2,
   updateAutomation: updateAutomation2,
   communicationGroup,
   updateCommunicationGroup: updateCommunicationGroup2,
@@ -48186,7 +48900,7 @@ const ViewAutomationHeaderContainer = ({
   };
   const handleDuplicateAutomation = async () => {
     const { id: duplicatedId } = await duplicateBusinessAutomation(
-      automation.id
+      automation2.id
     );
     if (!duplicatedId) {
       toast2({
@@ -48224,7 +48938,7 @@ const ViewAutomationHeaderContainer = ({
             /* @__PURE__ */ jsx(
               EditAutomation,
               {
-                automation,
+                automation: automation2,
                 updateAutomation: updateAutomation2,
                 communicationGroup,
                 updateCommunicationGroup: updateCommunicationGroup2,
@@ -48279,7 +48993,7 @@ const ViewAutomationHeaderContainer = ({
         /* @__PURE__ */ jsx(
           SendPreviewPopup,
           {
-            automation,
+            automation: automation2,
             type: "sms",
             setOpenSendPreviewPopup: setOpenSendPreviewSmsPopup,
             iconDefinitions: mergedIconDefinitions
@@ -48301,7 +49015,7 @@ const ViewAutomationHeaderContainer = ({
         /* @__PURE__ */ jsx(
           SendPreviewPopup,
           {
-            automation,
+            automation: automation2,
             type: "email",
             setOpenSendPreviewPopup: setOpenSendPreviewEmailPopup,
             iconDefinitions: mergedIconDefinitions
@@ -48318,12 +49032,15 @@ const ViewAutomationHeaderContainer = ({
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxs("h1", { className: "text-2xl font-semibold mb-1", children: [
-          automation.name,
+          automation2.name,
           " "
         ] }),
-        /* @__PURE__ */ jsx(StatusBadge, { status: automation.status })
+        /* @__PURE__ */ jsx(StatusBadge, { status: automation2.status })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-600", children: "View and edit this email campaign" })
+      /* @__PURE__ */ jsxs("div", { className: "text-sm text-gray-600", children: [
+        "View and edit this ",
+        t("engage:automation")
+      ] })
     ] }),
     renderActionsMenu()
   ] });
@@ -48333,9 +49050,9 @@ const ViewAutomationHeaderContainer = ({
       /* @__PURE__ */ jsx(mergedIconDefinitions.DropdownMenuTrigger, { className: "ml-2 h-4 w-4" })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-      automation.status === AutomationStatus.DRAFT && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setOpenEditAutomationPopup(true), children: "Edit" }),
-      automation.status === AutomationStatus.ACTIVE && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: convertToDraft, children: "Convert to Draft" }),
-      automation.status !== AutomationStatus.COMPLETED && automation.status !== AutomationStatus.FAILED && automation.status !== AutomationStatus.DEACTIVATED && /* @__PURE__ */ jsx(
+      automation2.status === AutomationStatus.DRAFT && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setOpenEditAutomationPopup(true), children: "Edit" }),
+      automation2.status === AutomationStatus.ACTIVE && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: convertToDraft, children: "Convert to Draft" }),
+      automation2.status !== AutomationStatus.COMPLETED && automation2.status !== AutomationStatus.FAILED && automation2.status !== AutomationStatus.DEACTIVATED && /* @__PURE__ */ jsx(
         DropdownMenuItem,
         {
           onClick: () => setCancelAutomationConfirmationPopup(true),
@@ -48350,29 +49067,29 @@ const ViewAutomationHeaderContainer = ({
   const renderAutomationDetails = () => /* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @[750px]:grid-cols-2 gap-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "", children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Name" }),
-      /* @__PURE__ */ jsx("div", { className: "font-medium truncate", children: automation.name })
+      /* @__PURE__ */ jsx("div", { className: "font-medium truncate", children: automation2.name })
     ] }),
-    automation.description && /* @__PURE__ */ jsxs("div", { className: "", children: [
+    automation2.description && /* @__PURE__ */ jsxs("div", { className: "", children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Description" }),
-      /* @__PURE__ */ jsx("div", { className: "font-medium whitespace-pre-wrap", children: automation.description })
+      /* @__PURE__ */ jsx("div", { className: "font-medium whitespace-pre-wrap", children: automation2.description })
     ] }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Date Created" }),
-      /* @__PURE__ */ jsx("div", { className: "font-medium", children: format$1(new Date(automation.created_at), "h:mma MM/dd/yy") })
+      /* @__PURE__ */ jsx("div", { className: "font-medium", children: format$1(new Date(automation2.created_at), "h:mma MM/dd/yy") })
     ] }),
-    automation.trigger_type === AutomationTriggerType.ONE_TIME && isOneTimeTriggerMetadata(automation.trigger_metadata) && /* @__PURE__ */ jsxs("div", { children: [
+    automation2.trigger_type === AutomationTriggerType.ONE_TIME && isOneTimeTriggerMetadata(automation2.trigger_metadata) && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Type" }),
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "One Time" })
     ] }),
-    automation.trigger_type === AutomationTriggerType.TRIGGER_BASED && isTriggerBasedTriggerMetadata(automation.trigger_metadata) && /* @__PURE__ */ jsxs("div", { children: [
+    automation2.trigger_type === AutomationTriggerType.TRIGGER_BASED && isTriggerBasedTriggerMetadata(automation2.trigger_metadata) && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Type" }),
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Trigger Based" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "col-span-1 @[400px]:col-span-2", children: /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200" }) }),
-    automation.trigger_type === AutomationTriggerType.ONE_TIME && isOneTimeTriggerMetadata(automation.trigger_metadata) && automation.trigger_metadata.scheduled_at && /* @__PURE__ */ jsxs("div", { children: [
+    automation2.trigger_type === AutomationTriggerType.ONE_TIME && isOneTimeTriggerMetadata(automation2.trigger_metadata) && automation2.trigger_metadata.scheduled_at && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-600", children: "Scheduled For" }),
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: format$1(
-        new Date(automation.trigger_metadata.scheduled_at),
+        new Date(automation2.trigger_metadata.scheduled_at),
         "h:mma MM/dd/yy"
       ) })
     ] })
@@ -48408,7 +49125,7 @@ const ViewAutomationContent = ({
   const shouldAutoOpenEditPopup = autoOpenEditPopup || searchParams.get("autoOpenEditPopup");
   const shouldShowBackButton = searchParams.get("showBackButton") === "true" || showBackButton;
   const {
-    automation,
+    automation: automation2,
     updateAutomation: updateAutomation2,
     communicationGroup,
     updateCommunicationGroup: updateCommunicationGroup2,
@@ -48418,14 +49135,14 @@ const ViewAutomationContent = ({
     validateStep,
     estimatedMatchesStats
   } = useAutomation(effectiveAutomationId);
-  if (!automation || !communicationGroup) {
+  if (!automation2 || !communicationGroup) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "bg-background", children: [
     /* @__PURE__ */ jsx(
       ViewAutomationHeader,
       {
-        automation,
+        automation: automation2,
         updateAutomation: updateAutomation2,
         communicationGroup,
         updateCommunicationGroup: updateCommunicationGroup2,
@@ -48465,9 +49182,9 @@ const ViewAutomationContent = ({
             content: /* @__PURE__ */ jsx(
               AutomationRecipients,
               {
-                automationId: automation.id,
+                automationId: automation2.id,
                 iconDefinitions: finalIconDefinitions,
-                automation,
+                automation: automation2,
                 isLoading
               }
             )