@embedreach/components 0.3.44 → 0.3.45

package/dist/chunks/index.js

@@ -4578,15 +4578,15 @@ function arrayRemove$2(array, item) {
 function removeLinks$2(items) {
   return items.filter((item) => item.tagName !== "A");
 }
-var PORTAL_NAME$7 = "Portal";
-var Portal$6 = React.forwardRef((props2, forwardedRef) => {
+var PORTAL_NAME$8 = "Portal";
+var Portal$8 = React.forwardRef((props2, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props2;
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2$7(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
   return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$9.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
-Portal$6.displayName = PORTAL_NAME$7;
+Portal$8.displayName = PORTAL_NAME$8;
 function useStateMachine$7(initialState2, machine) {
   return React.useReducer((state, event) => {
     const nextState = machine[state][event];
@@ -5566,16 +5566,16 @@ var DialogTrigger$1 = React.forwardRef(
   }
 );
 DialogTrigger$1.displayName = TRIGGER_NAME$5;
-var PORTAL_NAME$6 = "DialogPortal";
-var [PortalProvider$2, usePortalContext$2] = createDialogContext(PORTAL_NAME$6, {
+var PORTAL_NAME$7 = "DialogPortal";
+var [PortalProvider$2, usePortalContext$2] = createDialogContext(PORTAL_NAME$7, {
   forceMount: void 0
 });
 var DialogPortal$1 = (props2) => {
   const { __scopeDialog, forceMount, children, container: container2 } = props2;
-  const context2 = useDialogContext(PORTAL_NAME$6, __scopeDialog);
-  return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence$6, { present: forceMount || context2.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container: container2, children: child }) })) });
+  const context2 = useDialogContext(PORTAL_NAME$7, __scopeDialog);
+  return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence$6, { present: forceMount || context2.open, children: /* @__PURE__ */ jsx(Portal$8, { asChild: true, container: container2, children: child }) })) });
 };
-DialogPortal$1.displayName = PORTAL_NAME$6;
+DialogPortal$1.displayName = PORTAL_NAME$7;
 var OVERLAY_NAME = "DialogOverlay";
 var DialogOverlay$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -5802,7 +5802,7 @@ var DescriptionWarning = ({ contentRef, descriptionId }) => {
 };
 var Root$d = Dialog$1;
 var Trigger$4 = DialogTrigger$1;
-var Portal$5 = DialogPortal$1;
+var Portal$7 = DialogPortal$1;
 var Overlay = DialogOverlay$1;
 var Content$4 = DialogContent$1;
 var Title$1 = DialogTitle$1;
@@ -5813,7 +5813,7 @@ function cn$1(...inputs) {
 }
 const Dialog = Root$d;
 const DialogTrigger = Trigger$4;
-const DialogPortal = ({ ...props2 }) => /* @__PURE__ */ jsx(Portal$5, { children: /* @__PURE__ */ jsx("div", { "data-reach-root": true, children: props2.children }) });
+const DialogPortal = ({ ...props2 }) => /* @__PURE__ */ jsx(Portal$7, { children: /* @__PURE__ */ jsx("div", { "data-reach-root": true, children: props2.children }) });
 const DialogOverlay = React.forwardRef(({ className, ...props2 }, ref) => /* @__PURE__ */ jsx(
   Overlay,
   {
@@ -5912,7 +5912,7 @@ const DialogVisuallyHidden = React.forwardRef(({ className, children, ...props2
 DialogVisuallyHidden.displayName = "DialogVisuallyHidden";
 const Sheet = Root$d;
 const SheetTrigger = Trigger$4;
-const SheetPortal = Portal$5;
+const SheetPortal = Portal$7;
 const SheetOverlay = React.forwardRef(({ className, ...props2 }, ref) => /* @__PURE__ */ jsx(
   Overlay,
   {
@@ -16850,7 +16850,7 @@ var me$2 = React.forwardRef((r2, o2) => {
   }, []), React.createElement(Primitive$7.div, { ref: G$2([d4, o2]), ...c3, "cmdk-list": "", role: "listbox", "aria-label": u3, id: p2.listId }, j$3(r2, (v2) => React.createElement("div", { ref: G$2([f2, p2.listInnerRef]), "cmdk-list-sizer": "" }, v2)));
 }), Pe$2 = React.forwardRef((r2, o2) => {
   let { open: t3, onOpenChange: u3, overlayClassName: c3, contentClassName: d4, container: f2, ...p2 } = r2;
-  return React.createElement(Root$d, { open: t3, onOpenChange: u3 }, React.createElement(Portal$5, { container: f2 }, React.createElement(Overlay, { "cmdk-overlay": "", className: c3 }), React.createElement(Content$4, { "aria-label": r2.label, "cmdk-dialog": "", className: d4 }, React.createElement(me$2, { ref: o2, ...p2 }))));
+  return React.createElement(Root$d, { open: t3, onOpenChange: u3 }, React.createElement(Portal$7, { container: f2 }, React.createElement(Overlay, { "cmdk-overlay": "", className: c3 }), React.createElement(Content$4, { "aria-label": r2.label, "cmdk-dialog": "", className: d4 }, React.createElement(me$2, { ref: o2, ...p2 }))));
 }), we$2 = React.forwardRef((r2, o2) => T$2((u3) => u3.filtered.count === 0) ? React.createElement(Primitive$7.div, { ref: o2, ...r2, "cmdk-empty": "", role: "presentation" }) : null), De$2 = React.forwardRef((r2, o2) => {
   let { progress: t3, children: u3, label: c3 = "Loading...", ...d4 } = r2;
   return React.createElement(Primitive$7.div, { ref: o2, ...d4, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t3, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c3 }, j$3(r2, (f2) => React.createElement("div", { "aria-hidden": true }, f2)));
@@ -19662,6 +19662,15 @@ var Root2$6 = Popper$2;
 var Anchor$2 = PopperAnchor$2;
 var Content$3 = PopperContent$2;
 var Arrow$4 = PopperArrow$2;
+var PORTAL_NAME$6 = "Portal";
+var Portal$6 = React.forwardRef((props2, forwardedRef) => {
+  const { container: containerProp, ...portalProps } = props2;
+  const [mounted, setMounted] = React.useState(false);
+  useLayoutEffect2$6(() => setMounted(true), []);
+  const container2 = containerProp || mounted && globalThis?.document?.body;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$7.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+});
+Portal$6.displayName = PORTAL_NAME$6;
 function useStateMachine$6(initialState2, machine) {
   return React.useReducer((state, event) => {
     const nextState = machine[state][event];
@@ -19908,6 +19917,12 @@ var PORTAL_NAME$5 = "PopoverPortal";
 var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$5, {
   forceMount: void 0
 });
+var PopoverPortal = (props2) => {
+  const { __scopePopover, forceMount, children, container: container2 } = props2;
+  const context2 = usePopoverContext(PORTAL_NAME$5, __scopePopover);
+  return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence$5, { present: forceMount || context2.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container: container2, children }) }) });
+};
+PopoverPortal.displayName = PORTAL_NAME$5;
 var CONTENT_NAME$6 = "PopoverContent";
 var PopoverContent$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -20092,6 +20107,7 @@ function getState$3(open) {
 }
 var Root2$5 = Popover$1;
 var Trigger$3 = PopoverTrigger$1;
+var Portal$5 = PopoverPortal;
 var Content2$2 = PopoverContent$1;
 const Popover = Root2$5;
 const PopoverTrigger = Trigger$3;
@@ -34463,6 +34479,24 @@ const updateBusinessUiDefaultProperty = async (key, value) => {
 const toggleEmailHelpDialog = async (show) => {
   return updateBusinessUiDefaultProperty("emailHelpDialogShow", show);
 };
+const updateIntegrationWebhookSecret = async (integrationType, secret) => {
+  const response = await baseRequest(BUSINESS_PATH, {
+    method: "PATCH",
+    body: JSON.stringify({
+      integrationWebhookSecret: { integrationType, secret }
+    })
+  });
+  return response.data;
+};
+const removeIntegrationWebhookSecret = async (integrationType) => {
+  const response = await baseRequest(
+    `${BUSINESS_PATH}/integration-webhook-secret/${integrationType}`,
+    {
+      method: "DELETE"
+    }
+  );
+  return response.data;
+};
 const reputationCommunicationGroupsQueryKey = [
   "reputation",
   "communication-groups"
@@ -34607,6 +34641,76 @@ const useBusiness$1 = () => {
       });
     }
   });
+  const updateCallRailWebhookSecretMutation = useMutation({
+    mutationFn: (secret) => updateIntegrationWebhookSecret("callrail", secret),
+    onSuccess: (updatedBusiness) => {
+      queryClient.setQueryData(meQueryKey, updatedBusiness);
+      queryClient.invalidateQueries({ queryKey: meQueryKey });
+      toast2({
+        title: "CallRail secret saved successfully",
+        description: "Your CallRail webhook is now connected."
+      });
+    },
+    onError: () => {
+      toast2({
+        title: "Failed to save CallRail secret",
+        description: "Please try again",
+        variant: "destructive"
+      });
+    }
+  });
+  const removeCallRailWebhookSecretMutation = useMutation({
+    mutationFn: () => removeIntegrationWebhookSecret("callrail"),
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({ queryKey: meQueryKey });
+      toast2({
+        title: "CallRail secret removed successfully",
+        description: "Your CallRail webhook connection has been removed."
+      });
+    },
+    onError: () => {
+      toast2({
+        title: "Failed to remove CallRail secret",
+        description: "Please try again",
+        variant: "destructive"
+      });
+    }
+  });
+  const updateCtmWebhookSecretMutation = useMutation({
+    mutationFn: (secret) => updateIntegrationWebhookSecret("ctm", secret),
+    onSuccess: (updatedBusiness) => {
+      queryClient.setQueryData(meQueryKey, updatedBusiness);
+      queryClient.invalidateQueries({ queryKey: meQueryKey });
+      toast2({
+        title: "CTM secret saved successfully",
+        description: "Copy the secret below - it will not be shown again."
+      });
+    },
+    onError: () => {
+      toast2({
+        title: "Failed to save CTM secret",
+        description: "Please try again",
+        variant: "destructive"
+      });
+    }
+  });
+  const removeCtmWebhookSecretMutation = useMutation({
+    mutationFn: () => removeIntegrationWebhookSecret("ctm"),
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({ queryKey: meQueryKey });
+      toast2({
+        title: "CTM secret removed successfully",
+        description: "Your CTM webhook connection has been removed."
+      });
+    },
+    onError: () => {
+      toast2({
+        title: "Failed to remove CTM secret",
+        description: "Please try again",
+        variant: "destructive"
+      });
+    }
+  });
   return {
     data: meQuery.data,
     isLoading: meQuery.isLoading,
@@ -34633,7 +34737,19 @@ const useBusiness$1 = () => {
     isUpdatingBusinessUiDefaults: updateBusinessUiDefaultsMutation.isPending,
     isUpdatingBusinessUiDefaultProperty: updateBusinessUiDefaultPropertyMutation.isPending,
     isTogglingEmailHelpDialog: toggleEmailHelpDialogMutation.isPending,
-    isTogglingEngageOnboarding: toggleEngageOnboardingMutation.isPending
+    isTogglingEngageOnboarding: toggleEngageOnboardingMutation.isPending,
+    updateCallRailWebhookSecret: updateCallRailWebhookSecretMutation.mutate,
+    updateCallRailWebhookSecretAsync: updateCallRailWebhookSecretMutation.mutateAsync,
+    isUpdatingCallRailSecret: updateCallRailWebhookSecretMutation.isPending,
+    removeCallRailWebhookSecret: removeCallRailWebhookSecretMutation.mutate,
+    removeCallRailWebhookSecretAsync: removeCallRailWebhookSecretMutation.mutateAsync,
+    isRemovingCallRailSecret: removeCallRailWebhookSecretMutation.isPending,
+    updateCtmWebhookSecret: updateCtmWebhookSecretMutation.mutate,
+    updateCtmWebhookSecretAsync: updateCtmWebhookSecretMutation.mutateAsync,
+    isUpdatingCtmSecret: updateCtmWebhookSecretMutation.isPending,
+    removeCtmWebhookSecret: removeCtmWebhookSecretMutation.mutate,
+    removeCtmWebhookSecretAsync: removeCtmWebhookSecretMutation.mutateAsync,
+    isRemovingCtmSecret: removeCtmWebhookSecretMutation.isPending
   };
 };
 const websiteContentKeys = {
@@ -45989,6 +46105,12 @@ const dashboardFilterReducer = (state, action) => {
         ...state,
         tabCanUseTransactionAttribution: action.payload
       };
+    case "SET_ACTIVE_TAB":
+      return { ...state, activeTab: action.payload };
+    case "SET_LEAD_STATUSES":
+      return { ...state, leadStatuses: action.payload };
+    case "SET_IDENTIFICATION_SOURCES":
+      return { ...state, identificationSources: action.payload };
     default:
       return state;
   }
@@ -46011,11 +46133,21 @@ const updateTabCanUseTransactionAttribution = (dispatch2) => (tabCanUseTransacti
     payload: tabCanUseTransactionAttribution
   });
 };
+const updateActiveTab = (dispatch2) => (activeTab) => {
+  dispatch2({ type: "SET_ACTIVE_TAB", payload: activeTab });
+};
+const updateLeadStatuses = (dispatch2) => (leadStatuses) => {
+  dispatch2({ type: "SET_LEAD_STATUSES", payload: leadStatuses });
+};
+const updateIdentificationSources = (dispatch2) => (sources) => {
+  dispatch2({ type: "SET_IDENTIFICATION_SOURCES", payload: sources });
+};
 const defaultState$1 = {
   dateRange: void 0,
   channel: void 0,
   campaignId: void 0,
-  attributionStyle: DateAttributionStyle.CLICK
+  attributionStyle: DateAttributionStyle.CLICK,
+  activeTab: "overview"
 };
 createDataContext(
   dashboardFilterReducer,
@@ -46024,7 +46156,10 @@ createDataContext(
     updateChannel,
     updateCampaignId,
     updateAttributionStyle,
-    updateTabCanUseTransactionAttribution
+    updateTabCanUseTransactionAttribution,
+    updateActiveTab,
+    updateLeadStatuses,
+    updateIdentificationSources
   },
   defaultState$1
 );
@@ -48719,6 +48854,24 @@ const measure$1 = {
       new_customers_description: "The number of first-time customers acquired through your advertising campaigns during the selected period. \n\nThis metric specifically tracks customers who have never purchased from your business before and made their first purchase after interacting with your ads.",
       new_leads: "New Leads",
       new_leads_description: "The number of new potential customers who provided their contact information through your advertising campaigns during the selected period. \n\nLeads are typically generated through form submissions, newsletter signups, download requests, or other lead magnets promoted in your ads.",
+      open_leads: "Open Leads",
+      open_leads_description: "The number of leads who have not yet made a purchase and have had activity within the last 90 days. These are active leads that are still in your pipeline.",
+      converted_leads: "Converted Leads",
+      converted_leads_description: "The number of leads who have made at least one purchase. These leads have successfully converted into paying customers.",
+      stale_leads: "Stale Leads",
+      stale_leads_description: "Leads with no activity (no new identifications, visits, or purchases) for more than 90 days. Consider re-engagement campaigns for these leads.",
+      leads_from_ads: "Leads From Ads",
+      leads_from_ads_description: "The number of new leads attributed to paid advertising during the selected period. \n\nA lead is counted when a visitor provides contact information after interacting with your ads.",
+      cost_per_lead: "Cost Per Lead",
+      cost_per_lead_description: "The average amount spent to acquire each new lead from ads, calculated by dividing ad spend by leads from ads.",
+      lead_to_purchase_rate: "Lead to Purchase Rate",
+      lead_to_purchase_rate_description: "The percentage of leads who went on to make a purchase during the selected period.",
+      total_value_of_open_leads: "Est. Value of Open Leads",
+      total_value_of_open_leads_description: "Estimated potential revenue from leads who have not yet converted. Calculated by multiplying the number of open (unconverted) leads by the average revenue per converted lead. This is a projection, not actual revenue.",
+      total_value_of_converted_leads: "Total Value of Converted Leads",
+      total_value_of_converted_leads_description: "The total revenue from all purchases made by leads who converted during the selected period.",
+      average_lead_value: "Average Lead Value",
+      average_lead_value_description: "The average revenue per converted lead, calculated by dividing converted lead revenue by the number of converted leads.",
       reengaged_customers: "Reengaged Customers",
       reengaged_customers_description: "The number of previously inactive customers who made a purchase after being targeted by your advertising campaigns during the selected period. \n\nThese are customers who had purchased from your business before but had been dormant for a significant period.",
       revenue_per_click: "Revenue Per Click",
@@ -48749,6 +48902,9 @@ const measure$1 = {
       not_running_paid_ads: "Not running paid ads? Use AI to create a Google Ads campaign",
       privacy_policy: "Privacy Policy",
       quick_links: "Quick Links",
+      quick_links_and_integrations: "Quick Links + Integrations",
+      connect_callrail: "Connect CallRail",
+      connect_ctm: "Connect CTM",
       setup_tracking_pixel: "Setup tracking pixel",
       understand_attribution_model: "Understand our attribution model",
       update_ad_campaign_settings: "Update ad campaign settings",
@@ -48853,6 +49009,11 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
           utm_medium_description: "Revenue grouped by the marketing medium from your tracking URLs. If you add UTM parameters to your links (like ?utm_medium=email or ?utm_medium=cpc), this shows which types of marketing efforts drive the most sales. Helps you understand if email campaigns convert better than paid ads.",
           referrer_description: "Revenue grouped by the website that sent visitors to you before they made a purchase. This shows the actual domains like google.com, facebook.com, or partner websites that are driving sales. Useful for discovering unexpected traffic sources or measuring the value of partnerships."
         }
+      },
+      leads: {
+        title: "Leads",
+        prototype_banner_title: "New feature — we're still optimizing",
+        prototype_banner_description: "This experience is actively being improved. We'd love your feedback to help us get it right."
       }
     }
   },
@@ -48864,6 +49025,75 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
     platform_settings: "{{provider}} Settings",
     disconnect_account_description: "Remove connection to your {{provider}} account",
     finalizing_connection: "Finalizing connection..."
+  },
+  callrail: {
+    connect: "Connect Account",
+    connected: "Connected",
+    connected_description: "CallRail is connected and receiving webhook events.",
+    setup: {
+      title: "Connect CallRail",
+      description: "Follow these steps to connect your CallRail account and start tracking phone calls.",
+      step_1_title: "Step 1: Copy the webhook URL",
+      step_1_description: "Copy the webhook URL below. You'll need to paste this into CallRail in the next step.",
+      step_2_title: "Step 2: Add webhook in CallRail",
+      step_2_1: "Log in to your CallRail account",
+      step_2_2: "Go to Settings → Integrations → Webhooks",
+      step_2_3: "Scroll down to the Post-Call section.",
+      step_2_4: 'Paste the webhook URL from Step 1 into the "Webhook URL" field',
+      step_2_5: "Scroll to the bottom of the page and click Update.",
+      step_3_title: "Step 3: Get your Webhook Signature Secret Token",
+      step_3_description: 'Above the Update button you will see "Advanced Settings >". Click on this to expand the section. Here you will see Webhook Signature Secret Token. Copy the secret you are shown here.',
+      step_4_title: "Step 4: Enter your Webhook Signature Secret Token",
+      step_4_description: "Paste your CallRail Webhook Signature Secret Token below to complete the connection.",
+      secret_label: "Webhook Signature Secret Token",
+      secret_placeholder: "Paste your Webhook Signature Secret Token here",
+      change_token: "Change",
+      close: "Close",
+      remove: "Remove",
+      confirm_remove: "Are you sure you want to remove the CallRail connection? This will stop receiving webhook events.",
+      copy: "Copy",
+      copied: "Copied",
+      cancel: "Cancel",
+      save: "Save & Connect",
+      saving: "Saving..."
+    }
+  },
+  ctm: {
+    connected_status: "CTM is connected and receiving webhook events.",
+    setup: {
+      title: "Connect CTM",
+      description: "Follow these steps to connect your CTM account and start tracking phone calls.",
+      step_1_title: "Step 1: Get your Secret Key from CTM",
+      step_1_description: 'Log in to your CTM account and navigate to Account Settings → Api Integration. Copy your "Secret Key" from that page.',
+      step_2_title: "Step 2: Paste your Secret Key",
+      step_2_description: "Paste the Secret Key from CTM below. This allows us to verify that webhook requests are genuinely from CTM.",
+      step_3_title: "Step 3: Copy the webhook URL",
+      step_3_description: "Copy the webhook URL below. You'll paste this into CTM in Step 4.",
+      step_4_title: "Step 4: Configure webhook in CTM",
+      step_4_description: "Follow these steps to configure the webhook in your CTM account:",
+      step_4_1: "Log in to your CTM account",
+      step_4_2: "Click on Settings (in side navigation)",
+      step_4_3: "Under Configuration, click on Webhooks",
+      step_4_4: "Click New Webhook button",
+      step_4_5: "Enter a name for your webhook (e.g., 'Ads Call Tracking')",
+      step_4_6: "Under Trigger, select 'When a call ends immediately without delay'",
+      step_4_7: "Paste the webhook URL from Step 3 into the Callback URL field",
+      step_4_8: "Select 'Log Data' for Request Body Type",
+      step_4_9: "Click Save Changes",
+      ready_message: "You're all set! CTM will now start sending webhook events, and your phone calls will be tracked automatically.",
+      secret_saved: "Your CTM Secret Key is saved. To update it, enter a new key below:",
+      secret_label: "CTM Secret Key",
+      secret_placeholder: "Paste your CTM Secret Key here...",
+      save: "Save",
+      saving: "Saving...",
+      update: "Update",
+      remove: "Remove",
+      cancel: "Cancel",
+      close: "Close",
+      copy: "Copy",
+      copied: "Copied",
+      confirm_remove: "Are you sure you want to remove the CTM connection? This will stop receiving webhook events."
+    }
   }
 };
 const authentication$1 = {
@@ -48931,7 +49161,7 @@ const analytics$1 = {
     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.",
+    description: "In order to get a complete picture of how users are interacting with your website, it’s important for the 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.",
@@ -48950,7 +49180,7 @@ const analytics$1 = {
   },
   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.",
+    description: "These guides will help you add the 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: {
@@ -48961,18 +49191,20 @@ const analytics$1 = {
       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: 'In the Tags tab, click the "New" button to create a new tag',
-      step_4: 'Choose "Custom HTML" as the tag type',
-      step_5: "Paste the tracking code above into the HTML field",
-      step_6: "Click anywhere in the triggering section to edit this setting",
-      step_7: 'Select "Initialization - All Pages" as the trigger',
-      step_8: "Click Save to save the tag",
-      step_9: "Click Submit in the top right",
-      step_10: "Add a version name and description",
-      step_11: "Click Publish to deploy your changes",
-      special_note: "Make sure you have the Google Tag Manager container code already installed on your site before adding this tag."
+      step_1: "Go to tagmanager.google.com and sign in with your Google account",
+      step_2: "Select the container for your website (or create one if you haven't already)",
+      step_3: "Important: Make sure your GTM container code is already installed on your website. If not, follow Google's installation instructions first, then return here.",
+      step_3_link: "https://support.google.com/tagmanager/answer/6103696",
+      step_4: 'In the left sidebar, click "Tags", then click the "New" button in the top right',
+      step_5: 'Give your tag a name at the top (e.g., "Source Attribution Pixel")',
+      step_6: 'Click anywhere in the "Tag Configuration" box, then select "Custom HTML" from the tag type menu',
+      step_7: "Paste the tracking code from above into the HTML field (the code already includes the required <script> tags)",
+      step_8: 'Click anywhere in the "Triggering" box below the tag configuration',
+      step_9: 'Select "Initialization - All Pages" to ensure the pixel loads before other tags (recommended), or "All Pages" for standard page load timing',
+      step_10: 'Click "Save" in the top right corner to save your tag',
+      step_11: 'Click "Submit" in the top right corner of the workspace',
+      step_12: 'Add a version name (e.g., "Added source attribution pixel") and click "Publish" to deploy your changes',
+      special_note: "Google Tag Manager works with any website platform. If you already have GTM installed on your site, you can use this method instead of adding code directly to your website's HTML."
     },
     hubspot: {
       step_1: "Go to Settings → Content → Pages",
@@ -48981,18 +49213,30 @@ const analytics$1 = {
       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"
+      intro: "WordPress sites can add tracking code to the header using various plugins or theme settings. Find your method below and paste the tracking code into the Header section.",
+      methods: [
+        {
+          id: "wpcode",
+          name: "WPCode",
+          description: 'Code Snippets → Header & Footer → paste in "Header" section → Save Changes',
+          link: "https://wpcode.com/docs/using-the-global-header-footer-settings/"
+        },
+        {
+          id: "elementor",
+          name: "Elementor",
+          description: 'Elementor → Custom Code → Add New → set location to "<head>" → set conditions to "Entire Site" → Publish',
+          link: "https://elementor.com/help/custom-code-pro/"
+        }
+      ],
+      special_note: "Important: After adding tracking code, clear your WordPress cache if you use a caching plugin (WP Rocket, LiteSpeed Cache, W3 Total Cache, Cloudflare, etc.). The code won't appear on your site until the cache is cleared.\n\nIf you're using a different plugin for custom JavaScript or code injection, check your WordPress Plugins section to identify the plugin and follow that plugin's specific instructions for adding code to the header."
     },
     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"'
+      step_1: "Sign in to your Squarespace account at account.squarespace.com",
+      step_2: 'On the Dashboard, click the "Website" button for the site you want to modify',
+      step_3: 'From the main menu, click "Pages" under the "Website" section',
+      step_4: 'Scroll to the bottom and click "Custom Code", then click "Code Injection". Note: on older versions of Squarespace, "Custom Code" may be labeled "Website Tools"',
+      step_5: 'Under "Header", paste the tracking code from above and click "Save"',
+      special_note: "Code Injection requires a Squarespace Business or Commerce plan. If you don't see the Code Injection option, you may need to upgrade your plan."
     },
     wix: {
       step_1: "Go to Settings → Custom Code",
@@ -49314,7 +49558,7 @@ const oauth$1 = {
     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.",
+    enableTrackingParamsDescription: "Append the 'ER' 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",
@@ -49612,6 +49856,22 @@ const measure = {
       new_customers_description: "El número de nuevos clientes adquiridos a través de tus campañas de anuncios durante el período seleccionado. \n\nEsta métrica rastrea clientes que nunca han comprado de tu negocio antes y han realizado su primera compra después de interactuar con tus anuncios.",
       new_leads: "Nuevos leads",
       new_leads_description: "El número de nuevos clientes potenciales que proporcionaron su información de contacto a través de tus campañas de anuncios durante el período seleccionado. \n\nLos leads son típicamente generados a través de envíos de formularios, suscripciones a newsletters, solicitudes de descarga, o otros magnetos de leads promovidos en tus anuncios.",
+      open_leads: "Leads abiertos",
+      open_leads_description: "El número de leads que aún no han realizado una compra y han tenido actividad en los últimos 90 días. Estos son leads activos que aún están en tu pipeline.",
+      converted_leads: "Leads convertidos",
+      converted_leads_description: "El número de leads que han realizado al menos una compra. Estos leads se han convertido exitosamente en clientes de pago.",
+      stale_leads: "Leads inactivos",
+      stale_leads_description: "Leads sin actividad (sin nuevas identificaciones, visitas o compras) por más de 90 días. Considera campañas de reactivación para estos leads.",
+      leads_from_ads: "Leads de anuncios",
+      leads_from_ads_description: "El número de nuevos leads atribuidos a anuncios pagos durante el período seleccionado. \n\nUn lead se cuenta cuando un visitante proporciona su información de contacto después de interactuar con tus anuncios.",
+      cost_per_lead: "Costo por lead",
+      cost_per_lead_description: "El costo promedio para adquirir cada nuevo lead desde anuncios, calculado dividiendo el gasto en anuncios entre los leads de anuncios.",
+      lead_to_purchase_rate: "Tasa de lead a compra",
+      lead_to_purchase_rate_description: "El porcentaje de leads que realizaron una compra durante el período seleccionado.",
+      total_value_of_converted_leads: "Valor total de leads convertidos",
+      total_value_of_converted_leads_description: "El total de ingresos de todas las compras realizadas por leads que se convirtieron durante el período seleccionado.",
+      average_lead_value: "Valor promedio por lead",
+      average_lead_value_description: "El ingreso promedio por lead convertido, calculado dividiendo el ingreso de leads convertidos entre la cantidad de leads convertidos.",
       reengaged_customers: "Clientes reactivados",
       reengaged_customers_description: "El número de clientes anteriores que hicieron una compra después de ser targetizados por tus campañas de anuncios durante el período seleccionado. \n\nEstos son clientes que habían comprado de tu negocio antes pero habían estado inactivos durante un período significativo.",
       revenue_per_click: "Ingresos por clic",
@@ -53967,14 +54227,18 @@ const automationKeys = {
     args.automationId,
     "orders",
     ...args.cursor ? [args.cursor] : [],
-    ...args.limit ? [args.limit] : []
+    ...args.limit ? [args.limit] : [],
+    args.startDate ? formatDateToString(args.startDate) : "no-start",
+    args.endDate ? formatDateToString(args.endDate) : "no-end"
   ],
   businessOrders: (args) => [
     ...automationKeys.all,
     "business",
     "orders",
     ...args.cursor ? [args.cursor] : [],
-    ...args.limit ? [args.limit] : []
+    ...args.limit ? [args.limit] : [],
+    args.startDate ? formatDateToString(args.startDate) : "no-start",
+    args.endDate ? formatDateToString(args.endDate) : "no-end"
   ],
   businessStatistics: (startDate, endDate) => [
     ...automationKeys.all,
@@ -53999,7 +54263,9 @@ const automationKeys = {
     ...args?.limit ? [args.limit] : [],
     ...args?.status ? [args.status] : [],
     ...args?.search ? [args.search] : [],
-    ...args?.triggerTypes ? [...args.triggerTypes] : []
+    ...args?.triggerTypes ? [...args.triggerTypes] : [],
+    args?.startDate ? formatDateToString(args.startDate) : "no-start",
+    args?.endDate ? formatDateToString(args.endDate) : "no-end"
   ],
   aiContent: () => [...automationKeys.all, "ai-content"],
   reputationTemplate: () => [...automationKeys.all, "template", "reputation"]
@@ -54090,6 +54356,12 @@ const listBusinessAutomations = async (args) => {
   if (args.triggerTypes) {
     params.append("triggerTypes", args.triggerTypes.join(","));
   }
+  if (args.startDate) {
+    params.append("startDate", formatDateToString(args.startDate));
+  }
+  if (args.endDate) {
+    params.append("endDate", formatDateToString(args.endDate));
+  }
   const response = await baseRequest(
     `${BUSINESS_AUTOMATION_PATH}?${params.toString()}`,
     {
@@ -54142,14 +54414,23 @@ const getEstimatedRecipients = async (args) => {
   return response.data;
 };
 const getAutomationOrders = async (args) => {
-  const params = new URLSearchParams();
+  const searchParams = new URLSearchParams();
   if (args.cursor) {
-    params.append("cursor", args.cursor);
+    searchParams.append("cursor", args.cursor);
   }
   if (args.limit) {
-    params.append("limit", args.limit.toString());
+    searchParams.append("limit", args.limit.toString());
+  }
+  if (args.startDate) {
+    searchParams.append("startDate", formatDateToString(args.startDate));
   }
-  const response = await baseRequest(`/automations/internal/${args.automationId}/orders?${params.toString()}`, {
+  if (args.endDate) {
+    searchParams.append("endDate", formatDateToString(args.endDate));
+  }
+  const basePath = `/automations/internal/${args.automationId}/orders`;
+  const queryString = searchParams.toString();
+  const url = queryString ? `${basePath}?${queryString}` : basePath;
+  const response = await baseRequest(url, {
     method: "GET"
   });
   return response.data;
@@ -54162,6 +54443,12 @@ const getBusinessOrders = async (params) => {
   if (params.limit) {
     queryParams.append("limit", params.limit.toString());
   }
+  if (params.startDate) {
+    queryParams.append("startDate", formatDateToString(params.startDate));
+  }
+  if (params.endDate) {
+    queryParams.append("endDate", formatDateToString(params.endDate));
+  }
   const response = await baseRequest(`/automations/internal/orders?${queryParams.toString()}`, {
     method: "GET"
   });
@@ -54378,6 +54665,12 @@ const useUpdateCommunicationGroup = () => {
       queryClient.invalidateQueries({
         queryKey: automationKeys.list()
       });
+      queryClient.invalidateQueries({
+        queryKey: ["automations"],
+        predicate: (query) => {
+          return Array.isArray(query.queryKey) && query.queryKey.length >= 3 && query.queryKey[0] === "automations" && query.queryKey[2] === "estimated-recipients";
+        }
+      });
     }
   });
   return {
@@ -55178,178 +55471,190 @@ const SMSSetupBusinessForm = forwardRef(({ isSubmitting, onSubmit, hideSubmitBut
     };
     await onSubmit(data);
   };
-  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl text-left", children: /* @__PURE__ */ jsx(Form$1, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs(
-      FormSection,
-      {
-        title: "Legal Business Settings",
-        description: "Provide your legal business information required for SMS channel verification and future communications.",
-        children: [
-          /* @__PURE__ */ jsx(
-            CompanyInfoFields,
-            {
-              control: form.control,
-              disabled: isSubmitting,
-              context: "sms",
-              showInfoCard: true
-            }
-          ),
-          watchedCountry === "US" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            /* @__PURE__ */ jsx(
-              TextField,
-              {
-                control: form.control,
-                name: "company.businessRegistrationNumber",
-                label: "Employer Identification Number (EIN)",
-                placeholder: "12-3456789",
-                toolTipComponent: /* @__PURE__ */ jsx(
-                  InfoTooltip,
-                  {
-                    title: "Why do we need this?",
-                    description: "Starting February 17th, 2026, all US businesses are required to provide their EIN (Employer Identification Number) when registering for SMS. Your EIN must match the legal business name you've provided above."
-                  }
-                ),
-                disabled: isSoleProprietor || isSubmitting
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl text-left", children: /* @__PURE__ */ jsx(Form$1, { ...form, children: /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: form.handleSubmit(handleSubmit),
+      onKeyDown: (e4) => {
+        if (e4.key === "Enter" && e4.target instanceof HTMLInputElement) {
+          e4.preventDefault();
+        }
+      },
+      className: "space-y-6",
+      children: [
+        /* @__PURE__ */ jsxs(
+          FormSection,
+          {
+            title: "Legal Business Settings",
+            description: "Provide your legal business information required for SMS channel verification and future communications.",
+            children: [
               /* @__PURE__ */ jsx(
-                Checkbox,
+                CompanyInfoFields,
                 {
-                  checked: isSoleProprietor,
-                  onCheckedChange: (checked) => {
-                    const isChecked = !!checked;
-                    if (isChecked) {
-                      form.setValue(
-                        "company.businessType",
-                        "SOLE_PROPRIETOR"
-                      );
-                      form.setValue("company.businessRegistrationNumber", "");
-                    } else {
-                      form.setValue("company.businessType", void 0);
-                    }
-                  },
-                  disabled: isSubmitting
-                }
-              ),
-              /* @__PURE__ */ jsx("label", { className: "text-sm text-muted-foreground cursor-pointer", children: "I am a sole proprietor without an EIN" })
-            ] }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-pretty", children: "If no EIN is available (e.g., a self-run business or sole prop with no employees), please check the box above." })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FormSection,
-      {
-        title: "Contact Information",
-        description: "Provide the contact information of the person authorized to represent your business.",
-        children: /* @__PURE__ */ jsx(ContactInfoFields, { control: form.control, disabled: isSubmitting })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      FormSection,
-      {
-        title: "Messaging Use Case",
-        description: "Tell us about how you plan to use SMS messaging.",
-        children: [
-          /* @__PURE__ */ jsx(
-            TextField,
-            {
-              control: form.control,
-              name: "messagingUseCase.monthlyVolume",
-              label: "Expected Monthly Volume",
-              placeholder: "1000",
-              type: "number",
-              disabled: isSubmitting
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextField,
-            {
-              control: form.control,
-              name: "messagingUseCase.useCaseDetails",
-              label: "Use Case Details",
-              placeholder: "Describe your use case in detail",
-              toolTipComponent: /* @__PURE__ */ jsx(
-                InfoTooltip,
-                {
-                  title: "What does this summary look like?",
-                  description: `This is the summary of how the phone number will be used. For example: "This number is used to send out promotional offers and coupons to the customers of ${business?.name || "my company"}"`
+                  control: form.control,
+                  disabled: isSubmitting,
+                  context: "sms",
+                  showInfoCard: true
                 }
               ),
-              disabled: isSubmitting
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      FormSection,
-      {
-        title: "Message Samples",
-        description: "Provide examples of messages you plan to send (up to 3 samples).",
-        children: [
-          /* @__PURE__ */ jsx(AnimatePresence, { children: messageSamples.map((sample, index2) => /* @__PURE__ */ jsxs(
-            motion.div,
-            {
-              initial: { opacity: 0, y: 20 },
-              animate: { opacity: 1, y: 0 },
-              exit: { opacity: 0, y: -20 },
-              transition: { duration: 0.2 },
-              className: "relative",
-              children: [
+              watchedCountry === "US" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
                 /* @__PURE__ */ jsx(
                   TextField,
                   {
                     control: form.control,
-                    name: `messageSamples.${index2}`,
-                    label: `Sample Message ${index2 + 1}`,
-                    placeholder: "Enter a sample message",
+                    name: "company.businessRegistrationNumber",
+                    label: "Employer Identification Number (EIN)",
+                    placeholder: "12-3456789",
                     toolTipComponent: /* @__PURE__ */ jsx(
                       InfoTooltip,
                       {
-                        title: "Sample Message",
-                        description: `This is an example message that the shop would send. Don't forget to append the Unsubscribe message to the end. For example: "Stop in at ${business?.name || "my company"} tomorrow for a free Coffee! Reply UNSUBSCRIBE to opt out."`
+                        title: "Why do we need this?",
+                        description: "Starting February 17th, 2026, all US businesses are required to provide their EIN (Employer Identification Number) when registering for SMS. Your EIN must match the legal business name you've provided above."
                       }
                     ),
-                    disabled: isSubmitting
+                    disabled: isSoleProprietor || isSubmitting
                   }
                 ),
-                messageSamples.length > 1 && /* @__PURE__ */ jsx(
-                  motion.button,
-                  {
-                    type: "button",
-                    onClick: () => removeMessageSample(index2),
-                    className: "absolute -right-2 -top-2 rounded-full bg-destructive/10 p-1 text-destructive hover:bg-destructive/20",
-                    whileHover: { scale: 1.1 },
-                    whileTap: { scale: 0.9 },
-                    children: /* @__PURE__ */ jsx(IconDefinitions.CloseButton, { className: "h-4 w-4" })
-                  }
-                )
-              ]
-            },
-            index2
-          )) }),
-          messageSamples.length < 3 && /* @__PURE__ */ jsxs(
-            motion.button,
-            {
-              type: "button",
-              onClick: addMessageSample,
-              className: "mt-4 flex items-center gap-2 rounded-lg border border-dashed border-border px-4 py-2 text-sm text-muted-foreground hover:border-border/80 hover:text-foreground",
-              whileHover: { scale: 1.02 },
-              whileTap: { scale: 0.98 },
-              children: [
-                /* @__PURE__ */ jsx(IconDefinitions.PlusIcon, { className: "h-4 w-4" }),
-                "Add another sample"
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    !hideSubmitButton && /* @__PURE__ */ jsx("div", { className: "flex gap-3 pt-4 justify-end", children: /* @__PURE__ */ jsx(Button$1, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : "Submit for approval" }) })
-  ] }) }) });
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: isSoleProprietor,
+                      onCheckedChange: (checked) => {
+                        const isChecked = !!checked;
+                        if (isChecked) {
+                          form.setValue(
+                            "company.businessType",
+                            "SOLE_PROPRIETOR"
+                          );
+                          form.setValue("company.businessRegistrationNumber", "");
+                        } else {
+                          form.setValue("company.businessType", void 0);
+                        }
+                      },
+                      disabled: isSubmitting
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("label", { className: "text-sm text-muted-foreground cursor-pointer", children: "I am a sole proprietor without an EIN" })
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-pretty", children: "If no EIN is available (e.g., a self-run business or sole prop with no employees), please check the box above." })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormSection,
+          {
+            title: "Contact Information",
+            description: "Provide the contact information of the person authorized to represent your business.",
+            children: /* @__PURE__ */ jsx(ContactInfoFields, { control: form.control, disabled: isSubmitting })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          FormSection,
+          {
+            title: "Messaging Use Case",
+            description: "Tell us about how you plan to use SMS messaging.",
+            children: [
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  control: form.control,
+                  name: "messagingUseCase.monthlyVolume",
+                  label: "Expected Monthly Volume",
+                  placeholder: "1000",
+                  type: "number",
+                  disabled: isSubmitting
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  control: form.control,
+                  name: "messagingUseCase.useCaseDetails",
+                  label: "Use Case Details",
+                  placeholder: "Describe your use case in detail",
+                  toolTipComponent: /* @__PURE__ */ jsx(
+                    InfoTooltip,
+                    {
+                      title: "What does this summary look like?",
+                      description: `This is the summary of how the phone number will be used. For example: "This number is used to send out promotional offers and coupons to the customers of ${business?.name || "my company"}"`
+                    }
+                  ),
+                  disabled: isSubmitting
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          FormSection,
+          {
+            title: "Message Samples",
+            description: "Provide examples of messages you plan to send (up to 3 samples).",
+            children: [
+              /* @__PURE__ */ jsx(AnimatePresence, { children: messageSamples.map((sample, index2) => /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  initial: { opacity: 0, y: 20 },
+                  animate: { opacity: 1, y: 0 },
+                  exit: { opacity: 0, y: -20 },
+                  transition: { duration: 0.2 },
+                  className: "relative",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      TextField,
+                      {
+                        control: form.control,
+                        name: `messageSamples.${index2}`,
+                        label: `Sample Message ${index2 + 1}`,
+                        placeholder: "Enter a sample message",
+                        toolTipComponent: /* @__PURE__ */ jsx(
+                          InfoTooltip,
+                          {
+                            title: "Sample Message",
+                            description: `This is an example message that the shop would send. Don't forget to append the Unsubscribe message to the end. For example: "Stop in at ${business?.name || "my company"} tomorrow for a free Coffee! Reply UNSUBSCRIBE to opt out."`
+                          }
+                        ),
+                        disabled: isSubmitting
+                      }
+                    ),
+                    messageSamples.length > 1 && /* @__PURE__ */ jsx(
+                      motion.button,
+                      {
+                        type: "button",
+                        onClick: () => removeMessageSample(index2),
+                        className: "absolute -right-2 -top-2 rounded-full bg-destructive/10 p-1 text-destructive hover:bg-destructive/20",
+                        whileHover: { scale: 1.1 },
+                        whileTap: { scale: 0.9 },
+                        children: /* @__PURE__ */ jsx(IconDefinitions.CloseButton, { className: "h-4 w-4" })
+                      }
+                    )
+                  ]
+                },
+                index2
+              )) }),
+              messageSamples.length < 3 && /* @__PURE__ */ jsxs(
+                motion.button,
+                {
+                  type: "button",
+                  onClick: addMessageSample,
+                  className: "mt-4 flex items-center gap-2 rounded-lg border border-dashed border-border px-4 py-2 text-sm text-muted-foreground hover:border-border/80 hover:text-foreground",
+                  whileHover: { scale: 1.02 },
+                  whileTap: { scale: 0.98 },
+                  children: [
+                    /* @__PURE__ */ jsx(IconDefinitions.PlusIcon, { className: "h-4 w-4" }),
+                    "Add another sample"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        !hideSubmitButton && /* @__PURE__ */ jsx("div", { className: "flex gap-3 pt-4 justify-end", children: /* @__PURE__ */ jsx(Button$1, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : "Submit for approval" }) })
+      ]
+    }
+  ) }) });
 });
 const SMSSetup = ({
   onSubmit,
@@ -55368,6 +55673,9 @@ const SMSSetup = ({
     onFormVisibilityChange?.(showForm);
   }, [showForm, onFormVisibilityChange]);
   const handleSubmit = async (data) => {
+    if (isSubmitting) {
+      return;
+    }
     try {
       createSmsRegistrationApplication2({
         application: data,
@@ -56286,7 +56594,10 @@ const useUpdateBusinessAutomation = (automationId) => {
       queryClient.invalidateQueries({
         queryKey: communicationGroupQueryKeys.all
       });
-      queryClient.invalidateQueries({ queryKey: automationKeys.list() });
+      queryClient.invalidateQueries({ queryKey: automationKeys.all });
+      queryClient.invalidateQueries({
+        queryKey: automationKeys.estimatedRecipients(automationId)
+      });
     },
     onError: () => {
     }
@@ -56313,7 +56624,7 @@ const useArchiveBusinessAutomation = () => {
       queryClient.invalidateQueries({
         queryKey: communicationGroupQueryKeys.all
       });
-      queryClient.invalidateQueries({ queryKey: automationKeys.list() });
+      queryClient.invalidateQueries({ queryKey: automationKeys.all });
       toast2({
         title: "Successfully archived"
       });
@@ -77729,6 +78040,15 @@ const Observability = ({
     flags,
     debug2
   ]);
+  useEffect(() => {
+    try {
+      setReachClient(clientEntryPoint);
+    } catch (e4) {
+      if (debug2) {
+        console.error("Failed to set reach client:", e4);
+      }
+    }
+  }, [clientEntryPoint, debug2]);
   useEffect(() => {
     if (sdk || !isFeHoneycombLogsEnabled || !sessionId) {
       if (debug2) {
@@ -77778,13 +78098,6 @@ const Observability = ({
           ["posthog.sessionId"]: sessionId
         }
       });
-      try {
-        setReachClient(clientEntryPoint);
-      } catch (e4) {
-        if (debug2) {
-          console.error("Failed to set reach client:", e4);
-        }
-      }
       sdk.start();
       if (debug2) {
         console.log(
@@ -84487,64 +84800,6 @@ const defaultTranslations = {
     transaction_table_created_header: "Transaction Created"
   },
   common: {
-    day: "Day",
-    day_other: "Days",
-    view_as_table: "View as table",
-    view_as_chart: "View as chart",
-    total: "Total",
-    hour: "Hour",
-    hour_other: "Hours",
-    minute: "Minute",
-    minute_other: "Minutes",
-    second: "Second",
-    second_other: "Seconds",
-    account_id: "Account ID",
-    account_name: "Account Name",
-    ad_spend: "Ad Spend",
-    all: "All",
-    apply: "Apply",
-    date: "Date",
-    campaign: "Campaign",
-    close: "Close",
-    continue: "Continue",
-    connected: "Connected",
-    connecting: "Connecting...",
-    custom: "Custom",
-    disconnect: "Disconnect",
-    finish: "Finish",
-    reauthenticate: "Reauthenticate",
-    account_settings: "Account Settings",
-    manage_account_settings: "Manage your account settings",
-    copy: "Copy",
-    copied: "Copied",
-    error: "An error occurred",
-    filter: "Filter",
-    filter_other: "Filters",
-    finishingUp: "Finishing up...",
-    loading: "Loading...",
-    need_help: "Need help? let us know",
-    next: "Next",
-    next_steps: "Next steps:",
-    number: "{{number}}",
-    percentage: "Percentage",
-    previous: "Previous",
-    reset: "Reset",
-    revenue: "Revenue",
-    revenue_from_ads: "Revenue From Ads",
-    roas: "ROAS",
-    source: "Source",
-    channel: "Channel",
-    referrer: "Referrer",
-    group_by: "Group by",
-    transactions: "Transactions",
-    no_results_found: "No results found",
-    utm_campaign: "UTM Campaign",
-    utm_medium: "UTM Medium",
-    spend: "Spend",
-    return_on_ad_spend: "Return on Ad Spend",
-    select_dates: "Select dates",
-    total_ads_spend: "Total Ads Spend",
-    search: "Search...",
     measure: {
       dashboard: {
         chart_empty_state: "No data available for the selected period",
@@ -84615,6 +84870,24 @@ const defaultTranslations = {
           new_customers_description: "The number of first-time customers acquired through your advertising campaigns during the selected period. \n\nThis metric specifically tracks customers who have never purchased from your business before and made their first purchase after interacting with your ads.",
           new_leads: "New Leads",
           new_leads_description: "The number of new potential customers who provided their contact information through your advertising campaigns during the selected period. \n\nLeads are typically generated through form submissions, newsletter signups, download requests, or other lead magnets promoted in your ads.",
+          open_leads: "Open Leads",
+          open_leads_description: "The number of leads who have not yet made a purchase and have had activity within the last 90 days. These are active leads that are still in your pipeline.",
+          converted_leads: "Converted Leads",
+          converted_leads_description: "The number of leads who have made at least one purchase. These leads have successfully converted into paying customers.",
+          stale_leads: "Stale Leads",
+          stale_leads_description: "Leads with no activity (no new identifications, visits, or purchases) for more than 90 days. Consider re-engagement campaigns for these leads.",
+          leads_from_ads: "Leads From Ads",
+          leads_from_ads_description: "The number of new leads attributed to paid advertising during the selected period. \n\nA lead is counted when a visitor provides contact information after interacting with your ads.",
+          cost_per_lead: "Cost Per Lead",
+          cost_per_lead_description: "The average amount spent to acquire each new lead from ads, calculated by dividing ad spend by leads from ads.",
+          lead_to_purchase_rate: "Lead to Purchase Rate",
+          lead_to_purchase_rate_description: "The percentage of leads who went on to make a purchase during the selected period.",
+          total_value_of_open_leads: "Est. Value of Open Leads",
+          total_value_of_open_leads_description: "Estimated potential revenue from leads who have not yet converted. Calculated by multiplying the number of open (unconverted) leads by the average revenue per converted lead. This is a projection, not actual revenue.",
+          total_value_of_converted_leads: "Total Value of Converted Leads",
+          total_value_of_converted_leads_description: "The total revenue from all purchases made by leads who converted during the selected period.",
+          average_lead_value: "Average Lead Value",
+          average_lead_value_description: "The average revenue per converted lead, calculated by dividing converted lead revenue by the number of converted leads.",
           reengaged_customers: "Reengaged Customers",
           reengaged_customers_description: "The number of previously inactive customers who made a purchase after being targeted by your advertising campaigns during the selected period. \n\nThese are customers who had purchased from your business before but had been dormant for a significant period.",
           revenue_per_click: "Revenue Per Click",
@@ -84645,6 +84918,9 @@ const defaultTranslations = {
           not_running_paid_ads: "Not running paid ads? Use AI to create a Google Ads campaign",
           privacy_policy: "Privacy Policy",
           quick_links: "Quick Links",
+          quick_links_and_integrations: "Quick Links + Integrations",
+          connect_callrail: "Connect CallRail",
+          connect_ctm: "Connect CTM",
           setup_tracking_pixel: "Setup tracking pixel",
           understand_attribution_model: "Understand our attribution model",
           update_ad_campaign_settings: "Update ad campaign settings",
@@ -84749,6 +85025,11 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
               transaction_attributed_description: "Shows all transactions created in the selected date range.",
               transaction_attributed_why_it_matters: "Why it matters: \nUse this to understand actual sales performance during a specific period and where they came from. Transactions are shown based on when the transaction was created, regardless of when or how the customer first discovered your business. This helps you see all revenue that occurred during the selected timeframe, and which digital marketing efforts they are associated to. \n\nExample: \nA customer clicks your ad on Oct 15 but completes their transaction on Nov 3. With Nov 1-30 selected, this transaction appears in your data. With Oct 1-31 selected, it doesn't."
             }
+          },
+          leads: {
+            title: "Leads",
+            prototype_banner_title: "New feature — we're still optimizing",
+            prototype_banner_description: "This experience is actively being improved. We'd love your feedback to help us get it right."
           }
         }
       },
@@ -84762,6 +85043,64 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
         finalizing_connection: "Finalizing connection..."
       }
     },
+    day: "Day",
+    day_other: "Days",
+    view_as_table: "View as table",
+    view_as_chart: "View as chart",
+    total: "Total",
+    hour: "Hour",
+    hour_other: "Hours",
+    minute: "Minute",
+    minute_other: "Minutes",
+    second: "Second",
+    second_other: "Seconds",
+    account_id: "Account ID",
+    account_name: "Account Name",
+    ad_spend: "Ad Spend",
+    all: "All",
+    apply: "Apply",
+    date: "Date",
+    campaign: "Campaign",
+    close: "Close",
+    continue: "Continue",
+    connected: "Connected",
+    connecting: "Connecting...",
+    custom: "Custom",
+    disconnect: "Disconnect",
+    finish: "Finish",
+    reauthenticate: "Reauthenticate",
+    account_settings: "Account Settings",
+    manage_account_settings: "Manage your account settings",
+    copy: "Copy",
+    copied: "Copied",
+    error: "An error occurred",
+    filter: "Filter",
+    filter_other: "Filters",
+    finishingUp: "Finishing up...",
+    loading: "Loading...",
+    need_help: "Need help? let us know",
+    next: "Next",
+    next_steps: "Next steps:",
+    number: "{{number}}",
+    percentage: "Percentage",
+    previous: "Previous",
+    reset: "Reset",
+    revenue: "Revenue",
+    revenue_from_ads: "Revenue From Ads",
+    roas: "ROAS",
+    source: "Source",
+    channel: "Channel",
+    referrer: "Referrer",
+    group_by: "Group by",
+    transactions: "Transactions",
+    no_results_found: "No results found",
+    utm_campaign: "UTM Campaign",
+    utm_medium: "UTM Medium",
+    spend: "Spend",
+    return_on_ad_spend: "Return on Ad Spend",
+    select_dates: "Select dates",
+    total_ads_spend: "Total Ads Spend",
+    search: "Search...",
     // DELETE
     authentication: {
       required: "Authentication required",
@@ -84828,7 +85167,7 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
         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.",
+        description: "In order to get a complete picture of how users are interacting with your website, it’s important for the 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.",
@@ -84847,7 +85186,7 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
       },
       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.",
+        description: "These guides will help you add the 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: {
@@ -84858,18 +85197,20 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
           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: 'In the Tags tab, click the "New" button to create a new tag',
-          step_4: 'Choose "Custom HTML" as the tag type',
-          step_5: "Paste the tracking code above into the HTML field",
-          step_6: "Click anywhere in the triggering section to edit this setting",
-          step_7: 'Select "Initialization - All Pages" as the trigger',
-          step_8: "Click Save to save the tag",
-          step_9: "Click Submit in the top right",
-          step_10: "Add a version name and description",
-          step_11: "Click Publish to deploy your changes",
-          special_note: "Make sure you have the Google Tag Manager container code already installed on your site before adding this tag."
+          step_1: "Go to tagmanager.google.com and sign in with your Google account",
+          step_2: "Select the container for your website (or create one if you haven't already)",
+          step_3: "Important: Make sure your GTM container code is already installed on your website. If not, follow Google's installation instructions first, then return here.",
+          step_3_link: "https://support.google.com/tagmanager/answer/6103696",
+          step_4: 'In the left sidebar, click "Tags", then click the "New" button in the top right',
+          step_5: 'Give your tag a name at the top (e.g., "Source Attribution Pixel")',
+          step_6: 'Click anywhere in the "Tag Configuration" box, then select "Custom HTML" from the tag type menu',
+          step_7: "Paste the tracking code from above into the HTML field (the code already includes the required <script> tags)",
+          step_8: 'Click anywhere in the "Triggering" box below the tag configuration',
+          step_9: 'Select "Initialization - All Pages" to ensure the pixel loads before other tags (recommended), or "All Pages" for standard page load timing',
+          step_10: 'Click "Save" in the top right corner to save your tag',
+          step_11: 'Click "Submit" in the top right corner of the workspace',
+          step_12: 'Add a version name (e.g., "Added source attribution pixel") and click "Publish" to deploy your changes',
+          special_note: "Google Tag Manager works with any website platform. If you already have GTM installed on your site, you can use this method instead of adding code directly to your website's HTML."
         },
         hubspot: {
           step_1: "Go to Settings → Content → Pages",
@@ -84878,18 +85219,30 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
           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"
+          intro: "WordPress sites can add tracking code to the header using various plugins or theme settings. Find your method below and paste the tracking code into the Header section.",
+          methods: [
+            {
+              id: "wpcode",
+              name: "WPCode",
+              description: 'Code Snippets → Header & Footer → paste in "Header" section → Save Changes',
+              link: "https://wpcode.com/docs/using-the-global-header-footer-settings/"
+            },
+            {
+              id: "elementor",
+              name: "Elementor",
+              description: 'Elementor → Custom Code → Add New → set location to "<head>" → set conditions to "Entire Site" → Publish',
+              link: "https://elementor.com/help/custom-code-pro/"
+            }
+          ],
+          special_note: "Important: After adding tracking code, clear your WordPress cache if you use a caching plugin (WP Rocket, LiteSpeed Cache, W3 Total Cache, Cloudflare, etc.). The code won't appear on your site until the cache is cleared.\n\nIf you're using a different plugin for custom JavaScript or code injection, check your WordPress Plugins section to identify the plugin and follow that plugin's specific instructions for adding code to the header."
         },
         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"'
+          step_1: "Sign in to your Squarespace account at account.squarespace.com",
+          step_2: 'On the Dashboard, click the "Website" button for the site you want to modify',
+          step_3: 'From the main menu, click "Pages" under the "Website" section',
+          step_4: 'Scroll to the bottom and click "Custom Code", then click "Code Injection". Note: on older versions of Squarespace, "Custom Code" may be labeled "Website Tools"',
+          step_5: 'Under "Header", paste the tracking code from above and click "Save"',
+          special_note: "Code Injection requires a Squarespace Business or Commerce plan. If you don't see the Code Injection option, you may need to upgrade your plan."
         },
         wix: {
           step_1: "Go to Settings → Custom Code",
@@ -85211,7 +85564,7 @@ For example: If someone clicks your Google ad, we'll show "Google Ads" even if t
         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.",
+        enableTrackingParamsDescription: "Append the 'ER' 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",
@@ -86876,6 +87229,9 @@ const useParseDate = () => {
 };
 const usePreviewSegmentRecipients = (type, conditions, businessId, options, existingSegmentConditions) => {
   const [debouncedConditions, setDebouncedConditions] = useState(conditions);
+  const [debouncedConditionGroups, setDebouncedConditionGroups] = useState(
+    options?.conditionGroups
+  );
   const [debouncedSearch, setDebouncedSearch] = useState(options?.search || "");
   useEffect(() => {
     const timer = setTimeout(() => {
@@ -86883,6 +87239,12 @@ const usePreviewSegmentRecipients = (type, conditions, businessId, options, exis
     }, options?.debounceMs);
     return () => clearTimeout(timer);
   }, [conditions, options?.debounceMs]);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedConditionGroups(options?.conditionGroups);
+    }, options?.debounceMs);
+    return () => clearTimeout(timer);
+  }, [options?.conditionGroups, options?.debounceMs]);
   useEffect(() => {
     const timer = setTimeout(() => {
       setDebouncedSearch(options?.search || "");
@@ -86907,7 +87269,18 @@ const usePreviewSegmentRecipients = (type, conditions, businessId, options, exis
     });
     return isValid2;
   };
+  const areConditionGroupsValid = (conditionGroups) => {
+    if (!conditionGroups || conditionGroups.length === 0) {
+      return false;
+    }
+    return conditionGroups.some(
+      (group) => group.conditions && group.conditions.length > 0
+    );
+  };
+  const hasConditionGroups = areConditionGroupsValid(debouncedConditionGroups);
+  const hasConditions = areConditionsValid(debouncedConditions, type);
   const conditionsKey = JSON.stringify(debouncedConditions);
+  const conditionGroupsKey = JSON.stringify(debouncedConditionGroups || []);
   const existingConditionsKey = JSON.stringify(existingSegmentConditions || []);
   const query = useQuery({
     queryKey: [
@@ -86915,11 +87288,20 @@ const usePreviewSegmentRecipients = (type, conditions, businessId, options, exis
       businessId,
       type,
       conditionsKey,
+      conditionGroupsKey,
       existingConditionsKey,
       debouncedSearch || "",
       options?.limit ?? 100
     ],
     queryFn: () => {
+      if (hasConditionGroups) {
+        return previewSegmentRecipients({
+          businessId,
+          conditionGroups: debouncedConditionGroups,
+          limit: options?.limit ?? 100,
+          search: debouncedSearch || void 0
+        });
+      }
       return previewSegmentRecipients({
         businessId,
         // If the segment is a SQL segment, use the existing segment conditions
@@ -86928,7 +87310,7 @@ const usePreviewSegmentRecipients = (type, conditions, businessId, options, exis
         search: debouncedSearch || void 0
       });
     },
-    enabled: (options?.enabled ?? true) && areConditionsValid(debouncedConditions, type),
+    enabled: (options?.enabled ?? true) && (hasConditionGroups || hasConditions),
     staleTime: 3e4,
     // 30 seconds
     gcTime: 5 * 60 * 1e3,
@@ -86980,6 +87362,9 @@ var ConditionOperatorEnumType;
   ConditionOperatorEnumType2["BETWEEN_MONTH_DAY"] = "between_month_day";
   ConditionOperatorEnumType2["BETWEEN_MONTH_DAY_YEAR"] = "between_month_day_year";
   ConditionOperatorEnumType2["ARRAY_CONTAINS"] = "array_contains";
+  ConditionOperatorEnumType2["CONTAINS"] = "contains";
+  ConditionOperatorEnumType2["NOT_CONTAINS"] = "not_contains";
+  ConditionOperatorEnumType2["IN"] = "in";
 })(ConditionOperatorEnumType || (ConditionOperatorEnumType = {}));
 const ConditionOperatorEnum = z$2.nativeEnum(ConditionOperatorEnumType);
 const relativeDateSchema = z$2.object({
@@ -86993,6 +87378,7 @@ const betweenDateSchema = z$2.object({
   endDate: z$2.union([z$2.coerce.date(), relativeDateSchema])
 });
 const fieldConditionSchema = z$2.object({
+  type: z$2.literal("property").optional(),
   field: z$2.union([ConditionFieldEnum, z$2.string()]),
   value: z$2.array(z$2.union([
     z$2.string(),
@@ -87004,14 +87390,100 @@ const fieldConditionSchema = z$2.object({
   ])).describe("The value to compare the field against (string, number, boolean, date)"),
   operator: ConditionOperatorEnum
 });
+var CountOperator;
+(function(CountOperator2) {
+  CountOperator2["EQ"] = "eq";
+  CountOperator2["GT"] = "gt";
+  CountOperator2["GTE"] = "gte";
+  CountOperator2["LT"] = "lt";
+  CountOperator2["LTE"] = "lte";
+})(CountOperator || (CountOperator = {}));
+const relatedResourceSchema = z$2.object({
+  /**
+   * The schema definition ID of the related resource to query
+   * (e.g., the PolicyLift policy schema ID)
+   */
+  schemaId: z$2.string(),
+  /**
+   * JSON path in the related resource's data that links to the contact's external_id
+   * (e.g., "customerId" for policies that have a customerId field)
+   */
+  foreignKeyPath: z$2.string()
+});
+const relatedResourceConditionSchema = z$2.object({
+  type: z$2.literal("related_resource"),
+  /**
+   * Which related resource to query and how it links to the contact
+   */
+  relatedResource: relatedResourceSchema,
+  /**
+   * How to compare the count of matching resources (eq, gt, gte, lt, lte)
+   */
+  countOperator: z$2.nativeEnum(CountOperator),
+  /**
+   * The count value to compare against (e.g., 0 for "none", 1 for "at least one")
+   */
+  countValue: z$2.number().int().min(0),
+  /**
+   * Conditions to filter the related resources (applied as AND logic)
+   * These conditions are evaluated against the related resource's data
+   */
+  conditions: z$2.array(fieldConditionSchema)
+});
 function isFieldCondition(condition) {
-  return "field" in condition;
-}
+  if (typeof condition !== "object" || condition === null)
+    return false;
+  const c3 = condition;
+  if (c3.type === "property")
+    return true;
+  if (c3.type === "related_resource" || c3.type === "group")
+    return false;
+  return "field" in c3;
+}
+var ConditionGroupLogic;
+(function(ConditionGroupLogic2) {
+  ConditionGroupLogic2["AND"] = "and";
+  ConditionGroupLogic2["OR"] = "or";
+})(ConditionGroupLogic || (ConditionGroupLogic = {}));
+const baseConditionItemSchema = z$2.union([
+  fieldConditionSchema,
+  relatedResourceConditionSchema
+]);
+const level2GroupSchema = z$2.object({
+  type: z$2.literal("group").optional().default("group"),
+  logic: z$2.nativeEnum(ConditionGroupLogic),
+  conditions: z$2.array(baseConditionItemSchema)
+}).transform((val) => ({ ...val, type: "group" }));
+const level1GroupSchema = z$2.object({
+  type: z$2.literal("group").optional().default("group"),
+  logic: z$2.nativeEnum(ConditionGroupLogic),
+  conditions: z$2.array(z$2.union([baseConditionItemSchema, level2GroupSchema]))
+}).transform((val) => ({ ...val, type: "group" }));
+const conditionGroupSchemaFlat = z$2.object({
+  type: z$2.literal("group").optional().default("group"),
+  logic: z$2.nativeEnum(ConditionGroupLogic),
+  conditions: z$2.array(z$2.union([baseConditionItemSchema, level1GroupSchema]))
+}).transform((val) => ({
+  ...val,
+  type: "group"
+}));
+const conditionGroupSchemaRecursive = z$2.lazy(() => z$2.object({
+  type: z$2.literal("group").optional().default("group"),
+  logic: z$2.nativeEnum(ConditionGroupLogic),
+  conditions: z$2.array(z$2.union([
+    fieldConditionSchema,
+    relatedResourceConditionSchema,
+    conditionGroupSchemaRecursive
+  ]))
+}).transform((val) => ({ ...val, type: "group" })));
+const conditionGroupSchema = typeof process !== "undefined" && process.env?.GENERATE_DOCS === "true" ? conditionGroupSchemaFlat : conditionGroupSchemaRecursive;
 const ConditionSchema = z$2.union([
   fieldConditionSchema,
-  sqlSegmentConditionSchema
+  sqlSegmentConditionSchema,
+  relatedResourceConditionSchema
 ]);
 z$2.array(fieldConditionSchema);
+z$2.array(conditionGroupSchema);
 z$2.array(ConditionSchema);
 var CurrencyCode;
 (function(CurrencyCode2) {
@@ -87404,10 +87876,6 @@ const useCurrentCommunicationGroup = () => {
     isGetSuccess: false
   };
 };
-const useValidationStats = () => {
-  const { state } = useViewAutomationContext();
-  return state.recipientStats;
-};
 const useRecipientStatsTracking = (existingAutomation) => {
   const { setRecipientStats: setRecipientStats2, state } = useViewAutomationContext();
   const automation2 = state.automation || existingAutomation;
@@ -90994,6 +91462,7 @@ function useTanstackTable({
   initialPageIndex = 0,
   cursorPaginationQueryResult,
   onQueryParametersChange,
+  resetPaginationKey,
   manualPageCount,
   enableSorting = true,
   initialSorting = [],
@@ -91109,6 +91578,16 @@ function useTanstackTable({
     pageIndex: initialPageIndex,
     pageSize: initialPageSize
   });
+  useEffect(() => {
+    if (resetPaginationKey !== void 0) {
+      setLogicalPage(initialPageIndex);
+      setPageCursors([void 0]);
+      setPagination({
+        pageIndex: initialPageIndex,
+        pageSize: pagination.pageSize
+      });
+    }
+  }, [resetPaginationKey]);
   const handleCursorNavigation = useCallback(
     (action) => {
       if (!isCursorPagination || !onQueryParametersChange) return;
@@ -91317,6 +91796,7 @@ function TanstackTable({
   hideLoadingState = false,
   cursorPaginationQueryResult,
   onQueryParametersChange,
+  resetPaginationKey,
   searchValue,
   onSearchChange,
   onRowClick,
@@ -91370,6 +91850,7 @@ function TanstackTable({
     initialPageIndex,
     cursorPaginationQueryResult,
     onQueryParametersChange,
+    resetPaginationKey,
     enableSorting,
     initialSorting,
     manualSorting,
@@ -94469,7 +94950,7 @@ function createNameColumn(nameAccessor = "name", headerText, showDescription = f
   return createTextColumn({
     accessorKey: nameAccessor,
     header: headerText,
-    enableSorting: false,
+    enableSorting: true,
     meta: {
       align: "left",
       displayName: headerText,
@@ -94522,7 +95003,7 @@ function createUsersColumn() {
   return createTextColumn({
     accessorKey: "user_count",
     header: t$2("engage:user_other"),
-    enableSorting: false,
+    enableSorting: true,
     size: 120,
     minSize: 100,
     headerClassName: "justify-end text-right w-full",
@@ -94543,7 +95024,7 @@ function createTypeColumn() {
   return createTextColumn({
     accessorKey: "type",
     header: "Type",
-    enableSorting: false,
+    enableSorting: true,
     size: 110,
     minSize: 90,
     headerClassName: "justify-end text-right w-full",
@@ -94599,7 +95080,7 @@ function createModifiedColumn(dateAccessor = "updated_at") {
     formatType: "relative",
     size: 160,
     minSize: 120,
-    enableSorting: false,
+    enableSorting: true,
     headerClassName: "justify-end text-right w-full",
     meta: {
       align: "right",
@@ -95800,164 +96281,6 @@ const EmailPreviewHtmlRenderer = ({
     }
   ) });
 };
-const truncateTextForIcon = (text2, maxWidth = 200, iconWidth = 32) => {
-  if (text2.length <= 20) return text2;
-  const avgCharWidth = 8;
-  const availableWidth = maxWidth - iconWidth - 16;
-  const maxChars = Math.floor(availableWidth / avgCharWidth);
-  if (text2.length <= maxChars) return text2;
-  return text2.substring(0, maxChars - 3) + "...";
-};
-const ComboboxSelect = ({
-  options,
-  value,
-  onChange: onChange2,
-  placeholder,
-  className = "",
-  disableInput = false,
-  disabled = false,
-  onOpenChange,
-  limitWhenNotSearching,
-  onSearchChange,
-  isLoading = false,
-  shouldFilter = true,
-  showEmptyState = true
-}) => {
-  const [open, setOpen2] = React.useState(false);
-  const [searchQuery, setSearchQuery] = React.useState("");
-  const triggerRef = React.useRef(null);
-  const [triggerWidth, setTriggerWidth] = React.useState();
-  React.useEffect(() => {
-    if (triggerRef.current && open) {
-      setTriggerWidth(triggerRef.current.offsetWidth);
-    }
-  }, [open]);
-  const handleOpenChange = (newOpen) => {
-    setOpen2(newOpen);
-    if (!newOpen && !onSearchChange) {
-      setSearchQuery("");
-    }
-    onOpenChange?.(newOpen);
-  };
-  const handleSearchChange = (search2) => {
-    setSearchQuery(search2);
-    onSearchChange?.(search2);
-  };
-  const displayOptions = React.useMemo(() => {
-    if (!shouldFilter) return options;
-    if (!limitWhenNotSearching) return options;
-    const query = searchQuery.trim().toLowerCase();
-    if (!query) {
-      return options.slice(0, limitWhenNotSearching);
-    }
-    const filtered = options.filter((option) => {
-      const searchableText = [
-        option.label,
-        option.description || "",
-        option.value
-      ].join(" ").toLowerCase();
-      return searchableText.includes(query);
-    });
-    return filtered.slice(0, 200);
-  }, [options, searchQuery, limitWhenNotSearching, shouldFilter]);
-  return /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      modal: true,
-      open: disabled ? false : open,
-      onOpenChange: disabled ? void 0 : handleOpenChange,
-      children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button$1,
-          {
-            ref: triggerRef,
-            "aria-expanded": open,
-            disabled,
-            className: cn$2(
-              "w-full overflow-hidden justify-between",
-              disabled && "bg-gray-50 text-gray-700 cursor-not-allowed",
-              className
-            ),
-            variant: "outline",
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "truncate",
-                  title: value ? options.find((option) => option.value === value)?.label : placeholder,
-                  children: value ? truncateTextForIcon(
-                    options.find((option) => option.value === value)?.label || "",
-                    200,
-                    32
-                  ) : placeholder
-                }
-              ),
-              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 flex-shrink-0 opacity-50" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          PopoverContent,
-          {
-            align: "start",
-            style: {
-              width: triggerWidth ? `${triggerWidth}px` : "300px",
-              minWidth: triggerWidth ? `${triggerWidth}px` : "300px"
-            },
-            className: cn$2("p-0", className),
-            children: /* @__PURE__ */ jsxs(Command, { shouldFilter, children: [
-              !disableInput && /* @__PURE__ */ jsx(
-                CommandInput,
-                {
-                  placeholder: `${placeholder}...`,
-                  onValueChange: handleSearchChange
-                }
-              ),
-              /* @__PURE__ */ jsxs(CommandList, { children: [
-                !isLoading && showEmptyState && /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
-                /* @__PURE__ */ jsx(CommandGroup, { children: isLoading ? (
-                  // Show skeleton loaders while loading
-                  Array.from({ length: 5 }).map((_2, index2) => /* @__PURE__ */ jsx(CommandItem, { disabled: true, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
-                    /* @__PURE__ */ jsx("div", { className: "h-4 w-4 bg-gray-200 rounded animate-pulse" }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
-                      /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded animate-pulse w-3/4" }),
-                      /* @__PURE__ */ jsx("div", { className: "h-3 bg-gray-200 rounded animate-pulse w-1/2" })
-                    ] })
-                  ] }) }, `skeleton-${index2}`))
-                ) : displayOptions.map((option) => /* @__PURE__ */ jsxs(
-                  CommandItem,
-                  {
-                    value: option.value,
-                    onSelect: () => {
-                      onChange2(option.value === value ? "" : option.value);
-                      handleOpenChange(false);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        Check,
-                        {
-                          className: cn$2(
-                            "mr-2 h-4 w-4 flex-shrink-0",
-                            value === option.value ? "opacity-100" : "opacity-0"
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx("span", { className: "font-medium break-words", children: option.label }),
-                        option.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground break-words", children: option.description })
-                      ] })
-                    ]
-                  },
-                  option.id || option.value
-                )) })
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
 const SendPreviewPopup = ({ type, setOpenSendPreviewPopup, open }) => {
   const [recipient, setRecipient] = useState("");
   const [error2, setError2] = useState("");
@@ -96104,9 +96427,6 @@ const SendPreviewPopup = ({ type, setOpenSendPreviewPopup, open }) => {
       setSearchResults(void 0);
     }
   }, [open]);
-  useEffect(() => {
-    setTimeout(() => document.body.style.pointerEvents = "", 0);
-  }, []);
   const humanReadableTypeLong = type === "email" ? "email address" : "phone number";
   const humanReadableTypeShort = type === "email" ? "email" : "text";
   const handleSendPreview = () => {
@@ -96212,52 +96532,86 @@ const SendPreviewPopup = ({ type, setOpenSendPreviewPopup, open }) => {
           /* @__PURE__ */ jsx("span", { className: "text-gray-500 font-normal", children: "(optional)" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
-          ComboboxSelect,
-          {
-            options: recipientOptions,
-            value: selectedPreviewAsRecipientId,
-            onChange: (value) => {
-              setSelectedPreviewAsRecipientId(value);
-            },
-            placeholder: "Search for a customer...",
-            disableInput: false,
-            disabled: cantSendEmail,
-            onSearchChange: setSearchQuery,
-            isLoading: isLoadingUsers,
-            shouldFilter: false,
-            showEmptyState: debouncedSearchQuery.trim().length > 0
-          }
-        ) }),
-        selectedPreviewAsRecipientId && /* @__PURE__ */ jsx(
+      selectedPreviewAsRecipientId && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-2 bg-blue-50 border border-blue-200 rounded-lg", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-blue-900 truncate", children: recipientOptions.find(
+          (o2) => o2.value === selectedPreviewAsRecipientId
+        )?.label || selectedPreviewAsRecipientId }),
+        /* @__PURE__ */ jsx(
           Button$1,
           {
             variant: "ghost",
             size: "icon",
             onClick: () => {
               setSelectedPreviewAsRecipientId("");
+              setSearchQuery("");
             },
-            disabled: cantSendEmail,
-            className: `h-10 w-10 flex-shrink-0 rounded-lg hover:bg-gray-100 transition-colors ${cantSendEmail && "cursor-not-allowed"}`,
+            className: "h-7 w-7 flex-shrink-0 rounded hover:bg-blue-100",
             title: "Clear selection",
-            children: /* @__PURE__ */ jsx(IconDefinitions.CloseButton, { className: "h-4 w-4 text-gray-500" })
+            children: /* @__PURE__ */ jsx(IconDefinitions.CloseButton, { className: "h-3.5 w-3.5 text-blue-600" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2 pl-6", children: [
-        /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600 leading-relaxed", children: [
-          "Preview what the ",
-          humanReadableTypeShort,
-          " would look like with real customer data (merge tags like",
-          " ",
-          /* @__PURE__ */ jsx("code", { className: "px-1.5 py-0.5 bg-gray-100 text-gray-800 rounded text-xs font-mono", children: "{{First Name}}" }),
-          "). The ",
-          humanReadableTypeShort,
-          " will still be sent to the address you entered above."
-        ] }),
-        cantSendEmail && selectedPreviewAsRecipientId && /* @__PURE__ */ jsx("p", { className: "text-xs text-amber-600 font-medium", children: "⚠️ Please select a sender and subject first" })
-      ] })
+      /* @__PURE__ */ jsxs(
+        Command,
+        {
+          shouldFilter: false,
+          className: "rounded-lg border overflow-visible",
+          children: [
+            /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                placeholder: "Search for a customer...",
+                onValueChange: setSearchQuery,
+                disabled: cantSendEmail
+              }
+            ),
+            (searchQuery.trim().length > 0 || isLoadingUsers) && /* @__PURE__ */ jsxs(CommandList, { className: "max-h-[150px] border-t", children: [
+              !isLoadingUsers && debouncedSearchQuery.trim().length > 0 && recipientOptions.length === 0 && /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+              /* @__PURE__ */ jsx(CommandGroup, { children: isLoadingUsers ? Array.from({ length: 3 }).map((_2, index2) => /* @__PURE__ */ jsx(CommandItem, { disabled: true, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+                /* @__PURE__ */ jsx("div", { className: "h-4 w-4 bg-gray-200 rounded animate-pulse" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+                  /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded animate-pulse w-3/4" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-3 bg-gray-200 rounded animate-pulse w-1/2" })
+                ] })
+              ] }) }, `skeleton-${index2}`)) : recipientOptions.map((option) => /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  value: option.value,
+                  onSelect: () => {
+                    setSelectedPreviewAsRecipientId(
+                      option.value === selectedPreviewAsRecipientId ? "" : option.value
+                    );
+                    setSearchQuery("");
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Check,
+                      {
+                        className: cn$2(
+                          "mr-2 h-4 w-4 flex-shrink-0",
+                          selectedPreviewAsRecipientId === option.value ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsx("span", { className: "font-medium break-words text-sm", children: option.label }),
+                      option.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground break-words", children: option.description })
+                    ] })
+                  ]
+                },
+                option.id || option.value
+              )) })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 leading-relaxed", children: [
+        "Optionally preview with real customer data (merge tags). The",
+        " ",
+        humanReadableTypeShort,
+        " still goes to the address above."
+      ] }),
+      cantSendEmail && selectedPreviewAsRecipientId && /* @__PURE__ */ jsx("p", { className: "text-xs text-amber-600 font-medium", children: "⚠️ Please select a sender and subject first" })
     ] }),
     error2 && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
       /* @__PURE__ */ jsx(IconDefinitions.AlertCircleIcon, { className: "h-4 w-4 text-red-600 mt-0.5 flex-shrink-0" }),
@@ -117636,15 +117990,22 @@ function MultiSelectDialog({
         variant: "outline",
         disabled: !canOpen,
         className: cn$2(
-          "w-full justify-between text-left font-normal h-9 p-3",
+          "w-full justify-between text-left font-normal min-h-9 h-auto p-3",
           !canOpen && "opacity-50 cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "flex flex-nowrap items-center gap-1 max-w-[70%]", children: selectedDisplay.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) : singleSelect ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs whitespace-nowrap", children: selectedDisplay[0].label }) : selectedDisplay.length <= 2 ? selectedDisplay.map((item) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1 min-w-0 overflow-hidden", children: selectedDisplay.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) : singleSelect ? /* @__PURE__ */ jsx(
             Badge,
             {
               variant: "secondary",
-              className: "text-xs whitespace-nowrap",
+              className: "text-xs truncate max-w-[200px]",
+              children: selectedDisplay[0].label
+            }
+          ) : selectedDisplay.length <= 2 ? selectedDisplay.map((item) => /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: "text-xs truncate max-w-[200px]",
               children: item.label
             },
             item.value
@@ -117653,7 +118014,7 @@ function MultiSelectDialog({
               Badge,
               {
                 variant: "secondary",
-                className: "text-xs whitespace-nowrap",
+                className: "text-xs truncate max-w-[200px]",
                 children: selectedDisplay[0].label
               },
               selectedDisplay[0].value
@@ -117662,7 +118023,7 @@ function MultiSelectDialog({
               Badge,
               {
                 variant: "secondary",
-                className: "text-xs whitespace-nowrap",
+                className: "text-xs truncate max-w-[200px]",
                 children: [
                   "+",
                   selectedDisplay.length - 1,
@@ -118151,7 +118512,7 @@ const SMSEditor = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground pt-1 border-t", children: "Maximum size of all images: 5MB. We will try to compress the image if possible." })
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground pt-1 border-t", children: "Images are converted to PNG and compressed if needed. After processing, the total size must be under 5MB. Large or complex images may need to be reduced in dimensions or quality before uploading." })
         ] }) })
       ]
     }
@@ -118215,7 +118576,7 @@ const SMSEditor = ({
             "Enter the URL of the image you want to add to your SMS message. You can use merge fields to make the URL dynamic (e.g., https://example.com/images/{{customer_name}}.jpg).",
             /* @__PURE__ */ jsx("br", {}),
             /* @__PURE__ */ jsx("br", {}),
-            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Maximum size of all images: 5MB. We will try to compress the image if possible." })
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Images are converted to PNG and compressed if needed. After processing, the total size must be under 5MB. Large or complex images may need to be reduced in dimensions or quality before uploading." })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -118838,6 +119199,26 @@ const SMSEditorContent = React__default.memo(
           if (fileInputRef.current) {
             fileInputRef.current.value = "";
           }
+          const supportedTypes = [
+            "image/jpeg",
+            "image/jpg",
+            "image/png",
+            "image/gif",
+            "image/webp"
+          ];
+          const fileExtension = file.name.split(".").pop()?.toLowerCase();
+          const isUnsupportedFormat = !supportedTypes.includes(file.type) && !["jpg", "jpeg", "png", "gif", "webp"].includes(
+            fileExtension || ""
+          );
+          if (isUnsupportedFormat) {
+            const formatName = fileExtension?.toUpperCase() || "this format";
+            toast2({
+              title: "Unsupported image format",
+              description: `${formatName} files are not supported. Please convert your image to JPEG, PNG, GIF, or WebP format before uploading.`,
+              variant: "destructive"
+            });
+            return;
+          }
           const MAX_FILE_SIZE = 20 * 1024 * 1024;
           if (file.size > MAX_FILE_SIZE) {
             console.log("File too large", file.size, MAX_FILE_SIZE);
@@ -118873,10 +119254,12 @@ const SMSEditorContent = React__default.memo(
                       });
                     },
                     onError: (data) => {
-                      if (data.message.includes("Image is still too large")) {
+                      console.error("Failed to upload image:", data);
+                      const errorMessage = data.message || "";
+                      if (errorMessage.includes("too large") || errorMessage.includes("exceeds") || errorMessage.includes("Unable to compress") || errorMessage.includes("4.95MB") || errorMessage.includes("5MB")) {
                         toast2({
-                          title: "Image too large",
-                          description: "The image is too large. Please try again with a smaller image.",
+                          title: "Image too large after processing",
+                          description: "Your image was converted to PNG format, which may have increased its size. The processed image must be under 5MB. Try reducing the image dimensions or quality before uploading.",
                           variant: "destructive"
                         });
                       } else {
@@ -118890,12 +119273,24 @@ const SMSEditorContent = React__default.memo(
                   }
                 );
               } catch (error2) {
+                console.error("Failed to upload image:", error2);
                 console.error("Failed to convert or upload image:", error2);
-                toast2({
-                  title: "Error uploading image",
-                  description: "Failed to process or upload the image",
-                  variant: "destructive"
-                });
+                const errorMessage = error2 instanceof Error ? error2.message : String(error2);
+                const isConversionError = errorMessage.includes("Failed to load image") || errorMessage.includes("convert") || errorMessage.includes("load");
+                if (isConversionError) {
+                  const fileExtension2 = file.name.split(".").pop()?.toUpperCase();
+                  toast2({
+                    title: "Image format not supported",
+                    description: `Unable to process ${fileExtension2 || "this image"} format. Please convert your image to JPEG, PNG, GIF, or WebP format before uploading.`,
+                    variant: "destructive"
+                  });
+                } else {
+                  toast2({
+                    title: "Error uploading image",
+                    description: "Failed to process or upload the image. Please try again with a different image.",
+                    variant: "destructive"
+                  });
+                }
               } finally {
                 setIsUploadingImage(false);
               }
@@ -120750,14 +121145,14 @@ const operatorToHumanReadable = (operator, type) => {
     case ConditionOperatorEnumType.NOT_EQUALS:
       return "Not Equals";
     case ConditionOperatorEnumType.GREATER_THAN: {
-      if (type === JSONSchemaType.Date) {
-        return "Is After Date";
+      if (type === JSONSchemaType.Date || type === JSONSchemaType.DateTime) {
+        return "After";
       }
       return "Greater than";
     }
     case ConditionOperatorEnumType.LESS_THAN: {
-      if (type === JSONSchemaType.Date) {
-        return "Is Before Date";
+      if (type === JSONSchemaType.Date || type === JSONSchemaType.DateTime) {
+        return "Before";
       }
       return "Less Than";
     }
@@ -120785,6 +121180,164 @@ const buildInFieldToHumanReadable = {
   firstName: "First Name",
   lastName: "Last Name"
 };
+const ComboboxSelect = ({
+  options,
+  value,
+  onChange: onChange2,
+  placeholder,
+  className = "",
+  disableInput = false,
+  disabled = false,
+  onOpenChange,
+  limitWhenNotSearching,
+  onSearchChange,
+  isLoading = false,
+  shouldFilter = true,
+  showEmptyState = true
+}) => {
+  const [open, setOpen2] = React.useState(false);
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const triggerRef = React.useRef(null);
+  const [triggerWidth, setTriggerWidth] = React.useState();
+  React.useEffect(() => {
+    if (triggerRef.current && open) {
+      setTriggerWidth(triggerRef.current.offsetWidth);
+    }
+  }, [open]);
+  const handleOpenChange = (newOpen) => {
+    setOpen2(newOpen);
+    if (!newOpen && !onSearchChange) {
+      setSearchQuery("");
+    }
+    onOpenChange?.(newOpen);
+    if (newOpen && value) {
+      requestAnimationFrame(() => {
+        const selected = document.querySelector(
+          `[cmdk-item][data-value="${CSS.escape(value)}"]`
+        );
+        selected?.scrollIntoView({ block: "nearest" });
+      });
+    }
+  };
+  const handleSearchChange = (search2) => {
+    setSearchQuery(search2);
+    onSearchChange?.(search2);
+  };
+  const displayOptions = React.useMemo(() => {
+    if (!shouldFilter) return options;
+    if (!limitWhenNotSearching) return options;
+    const query = searchQuery.trim().toLowerCase();
+    if (!query) {
+      return options.slice(0, limitWhenNotSearching);
+    }
+    const filtered = options.filter((option) => {
+      const searchableText = [
+        option.label,
+        option.description || "",
+        option.value
+      ].join(" ").toLowerCase();
+      return searchableText.includes(query);
+    });
+    return filtered.slice(0, 200);
+  }, [options, searchQuery, limitWhenNotSearching, shouldFilter]);
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      modal: true,
+      open: disabled ? false : open,
+      onOpenChange: disabled ? void 0 : handleOpenChange,
+      children: [
+        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            Button$1,
+            {
+              ref: triggerRef,
+              "aria-expanded": open,
+              disabled,
+              className: cn$2(
+                "w-full overflow-hidden justify-between",
+                disabled && "bg-gray-50 text-gray-700 cursor-not-allowed",
+                className
+              ),
+              variant: "outline",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: value ? options.find((option) => option.value === value)?.label || value : placeholder }),
+                /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 flex-shrink-0 opacity-50" })
+              ]
+            }
+          ) }) }),
+          value && options.find((option) => option.value === value)?.label && /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: options.find((option) => option.value === value)?.label })
+        ] }) }),
+        /* @__PURE__ */ jsx(Portal$5, { children: /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            align: "start",
+            style: {
+              width: triggerWidth ? `${Math.max(triggerWidth, 300)}px` : "300px",
+              minWidth: "300px"
+            },
+            className: cn$2("p-0", className),
+            children: /* @__PURE__ */ jsxs(Command, { shouldFilter, children: [
+              !disableInput && /* @__PURE__ */ jsx(
+                CommandInput,
+                {
+                  placeholder: `${placeholder}...`,
+                  onValueChange: handleSearchChange
+                }
+              ),
+              /* @__PURE__ */ jsxs(CommandList, { children: [
+                !isLoading && showEmptyState && /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+                /* @__PURE__ */ jsx(CommandGroup, { children: isLoading ? (
+                  // Show skeleton loaders while loading
+                  Array.from({ length: 5 }).map((_2, index2) => /* @__PURE__ */ jsx(CommandItem, { disabled: true, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+                    /* @__PURE__ */ jsx("div", { className: "h-4 w-4 bg-gray-200 rounded animate-pulse" }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+                      /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded animate-pulse w-3/4" }),
+                      /* @__PURE__ */ jsx("div", { className: "h-3 bg-gray-200 rounded animate-pulse w-1/2" })
+                    ] })
+                  ] }) }, `skeleton-${index2}`))
+                ) : displayOptions.map((option) => /* @__PURE__ */ jsxs(
+                  CommandItem,
+                  {
+                    value: option.value,
+                    onSelect: () => {
+                      onChange2(option.value === value ? "" : option.value);
+                      handleOpenChange(false);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Check,
+                        {
+                          className: cn$2(
+                            "mr-2 h-4 w-4 flex-shrink-0",
+                            value === option.value ? "opacity-100" : "opacity-0"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-hidden flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsx("span", { className: "font-medium break-words", children: option.label }),
+                        option.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground break-words", children: option.description })
+                      ] })
+                    ]
+                  },
+                  option.id || option.value
+                )) })
+              ] })
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
+};
+const truncateTextForIcon = (text2, maxWidth = 200, iconWidth = 32) => {
+  if (text2.length <= 20) return text2;
+  const avgCharWidth = 8;
+  const availableWidth = maxWidth - iconWidth - 16;
+  const maxChars = Math.floor(availableWidth / avgCharWidth);
+  if (text2.length <= maxChars) return text2;
+  return text2.substring(0, maxChars - 3) + "...";
+};
 function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
@@ -123322,8 +123875,8 @@ const ConditionRow = ({
         className: `bg-white rounded-lg border border-gray-200 p-4 transition-all duration-200 ${viewOnly ? "bg-gray-50 border-gray-300" : "hover:border-gray-300 hover:shadow-sm"}`,
         onMouseEnter: !viewOnly ? handleMouseEnter : void 0,
         onMouseLeave: !viewOnly ? handleMouseLeave : void 0,
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-stretch gap-3 min-w-0 w-full", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-2", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:grid sm:grid-cols-[minmax(120px,3fr)_minmax(100px,2fr)_minmax(100px,3fr)] items-stretch gap-3 min-w-0 w-full", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex items-center gap-2", children: [
             (metadata2.description || condition.field) && /* @__PURE__ */ jsx(
               InfoTooltip,
               {
@@ -123399,7 +123952,7 @@ const ConditionRow = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 max-w-xs flex gap-2 items-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex gap-2 items-center", children: [
             (condition.operator === ConditionOperatorEnumType.EQUALS_MONTH_DAY || condition.operator === ConditionOperatorEnumType.EQUALS_MONTH_DAY_YEAR || condition.operator === ConditionOperatorEnumType.BETWEEN_MONTH_DAY || condition.operator === ConditionOperatorEnumType.BETWEEN_MONTH_DAY_YEAR) && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: getInfoTooltip(condition.operator) }),
             /* @__PURE__ */ jsx(
               ComboboxSelect,
@@ -123424,7 +123977,7 @@ const ConditionRow = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 max-w-full overflow-x-hidden", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 overflow-x-hidden", children: /* @__PURE__ */ jsx(
             ValueInput,
             {
               fieldType,
@@ -123475,7 +124028,8 @@ const SegmentBuilderContent = ({
   businessId,
   viewOnly = false,
   segmentType,
-  existingSegmentConditions
+  existingSegmentConditions,
+  onEstimatedTotalChange
 }) => {
   const [searchQuery, setSearchQuery] = React.useState("");
   const [limit, setLimit] = React.useState(100);
@@ -123483,9 +124037,13 @@ const SegmentBuilderContent = ({
     () => JSON.stringify(segment2.conditions),
     [segment2.conditions]
   );
+  const conditionGroupsKey = React.useMemo(
+    () => JSON.stringify(segment2.conditionGroups),
+    [segment2.conditionGroups]
+  );
   React.useEffect(() => {
     setLimit(100);
-  }, [searchQuery, conditionsKey]);
+  }, [searchQuery, conditionsKey, conditionGroupsKey]);
   const {
     data: recipientsData,
     isLoading,
@@ -123498,7 +124056,8 @@ const SegmentBuilderContent = ({
     {
       debounceMs: 500,
       search: searchQuery,
-      limit
+      limit,
+      conditionGroups: segment2.conditionGroups
     },
     existingSegmentConditions
   );
@@ -123510,6 +124069,9 @@ const SegmentBuilderContent = ({
   })) ?? [];
   const estimatedTotal = recipientsData?.estimatedTotal ?? 0;
   const hasMore = recipientsData?.pagination?.hasNextPage ?? false;
+  React.useEffect(() => {
+    onEstimatedTotalChange?.(estimatedTotal);
+  }, [estimatedTotal, onEstimatedTotalChange]);
   const isLoadingMoreRef = React.useRef(false);
   const handleLoadMore = React.useCallback(() => {
     if (isLoadingMoreRef.current || isLoading || !hasMore) return;
@@ -123519,12 +124081,12 @@ const SegmentBuilderContent = ({
       isLoadingMoreRef.current = false;
     }, 1e3);
   }, [isLoading, hasMore]);
-  return /* @__PURE__ */ jsx(BlurDiv, { className: "flex-1 flex flex-col overflow-visible", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full gap-6 overflow-visible", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col 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__ */ jsxs("div", { className: "flex items-center gap-0", children: [
-            /* @__PURE__ */ jsx(MinorText, { children: "Name" }),
+  return /* @__PURE__ */ jsxs(BlurDiv, { className: "flex-1 flex flex-col xl:flex-row gap-8 overflow-visible min-h-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-w-0 overflow-x-hidden px-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-8 space-y-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-neutral-900 flex items-center gap-0", children: [
+            "Name",
             !viewOnly && /* @__PURE__ */ jsx("span", { className: "text-xs text-red-500 ml-1 align-super", children: "*" })
           ] }),
           /* @__PURE__ */ jsx(
@@ -123538,10 +124100,13 @@ const SegmentBuilderContent = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsx(MinorText, { children: "Description" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-neutral-900 flex items-center gap-2", children: [
+            "Description",
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-neutral-400", children: "Optional" })
+          ] }),
           /* @__PURE__ */ jsx(
-            Input$1,
+            Textarea,
             {
               placeholder: `${t$2("engage:segment")} description`,
               value: segment2.description,
@@ -123550,11 +124115,13 @@ const SegmentBuilderContent = ({
                 description: e4.target.value
               }),
               disabled: viewOnly,
-              className: viewOnly ? "bg-gray-50 text-gray-700" : ""
+              className: viewOnly ? "bg-gray-50 text-gray-700 resize-none" : "resize-none",
+              rows: 2
             }
           )
         ] })
       ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-px bg-neutral-200 mb-8" }),
       segmentType === "sql" && /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 bg-blue-50 border border-blue-200 rounded-lg", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full" }),
@@ -123562,7 +124129,11 @@ const SegmentBuilderContent = ({
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-600 mt-1", children: "This segment is managed by your admin and cannot be edited here." })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden pb-8", children: /* @__PURE__ */ jsx("div", { className: "grid overflow-visible", children: /* @__PURE__ */ jsxs(AnimatePresence, { mode: "popLayout", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-5", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-neutral-900", children: "Audience Conditions" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-500 mt-1", children: "Users must match all conditions to be included" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden pb-8", children: /* @__PURE__ */ jsx("div", { className: "grid overflow-visible gap-1", children: /* @__PURE__ */ jsxs(AnimatePresence, { mode: "popLayout", children: [
         segmentType !== "sql" && segment2.conditions.map((condition, index2) => {
           return /* @__PURE__ */ jsxs(
             motion.div,
@@ -123581,7 +124152,7 @@ const SegmentBuilderContent = ({
                 index2 > 0 && /* @__PURE__ */ jsxs(
                   motion.div,
                   {
-                    className: "relative flex items-center py-2",
+                    className: "relative flex items-center py-3",
                     initial: { opacity: 0 },
                     animate: { opacity: 1 },
                     transition: { delay: 0.1 },
@@ -123589,7 +124160,7 @@ const SegmentBuilderContent = ({
                       /* @__PURE__ */ jsx(
                         motion.div,
                         {
-                          className: "h-px flex-1 bg-border",
+                          className: "h-px flex-1 bg-neutral-200",
                           initial: { scaleX: 0 },
                           animate: { scaleX: 1 },
                           transition: {
@@ -123603,7 +124174,7 @@ const SegmentBuilderContent = ({
                       /* @__PURE__ */ jsx(
                         motion.span,
                         {
-                          className: "text-muted-foreground text-xs",
+                          className: "bg-neutral-100 text-neutral-500 text-xs font-medium rounded-full px-3 py-1 mx-3 border border-neutral-200",
                           initial: { opacity: 0 },
                           animate: { opacity: 1 },
                           transition: { delay: 0.2 },
@@ -123613,7 +124184,7 @@ const SegmentBuilderContent = ({
                       /* @__PURE__ */ jsx(
                         motion.div,
                         {
-                          className: "h-px flex-1 bg-border",
+                          className: "h-px flex-1 bg-neutral-200",
                           initial: { scaleX: 0 },
                           animate: { scaleX: 1 },
                           transition: {
@@ -123656,21 +124227,36 @@ const SegmentBuilderContent = ({
               mass: 0.5
             },
             className: "pt-4",
-            children: /* @__PURE__ */ jsxs(Button$1, { variant: "secondary", onClick: addCondition, children: [
-              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-              "Add Condition"
-            ] })
+            children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: addCondition,
+                className: "w-full flex items-center justify-center gap-2 border-2 border-dashed border-neutral-300 rounded-lg py-3 text-sm text-neutral-500 hover:border-neutral-400 hover:text-neutral-700 hover:bg-neutral-50 transition-colors",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+                  "Add Condition"
+                ]
+              }
+            )
           },
           "add-condition-button"
         )
       ] }) }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "w-96 flex flex-col h-full overflow-hidden", children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-4 flex-shrink-0", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground", children: "Recipients Preview" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: isLoading ? "Loading recipients..." : estimatedTotal > 0 ? `${estimatedTotal.toLocaleString()} users match your conditions` : "No users match your conditions" })
+    /* @__PURE__ */ jsx("div", { className: "h-px bg-neutral-200 xl:hidden" }),
+    /* @__PURE__ */ jsx("div", { className: "w-full xl:w-96 flex flex-col min-h-0 xl:h-full overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "border border-neutral-200 rounded-lg flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "p-4 border-b border-neutral-100 flex-shrink-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ jsx(Users, { className: "h-4 w-4 text-neutral-500" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-neutral-900", children: "Audience Preview" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-500", children: isLoading ? "Loading recipients..." : estimatedTotal > 0 ? `${estimatedTotal.toLocaleString()} users match your conditions` : "No users match your conditions" }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 inline-flex items-center gap-1.5 bg-neutral-100 text-neutral-500 text-xs rounded-md px-2 py-1", children: [
+          /* @__PURE__ */ jsx(Info, { className: "h-3 w-3" }),
+          "Preview based on sample data"
+        ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "animate-spin h-6 w-6 border-2 border-blue-600 border-t-transparent rounded-full" }) }) : error2 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-red-600", children: /* @__PURE__ */ jsx("p", { children: "Error loading recipients" }) }) : /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col overflow-hidden", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full p-8", children: /* @__PURE__ */ jsx("div", { className: "animate-spin h-6 w-6 border-2 border-blue-600 border-t-transparent rounded-full" }) }) : error2 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-red-600 p-8", children: /* @__PURE__ */ jsx("p", { children: "Error loading recipients" }) }) : /* @__PURE__ */ jsx(
         RecipientsTable,
         {
           recipients,
@@ -123686,8 +124272,8 @@ const SegmentBuilderContent = ({
           isLoading
         }
       ) })
-    ] })
-  ] }) });
+    ] }) })
+  ] });
 };
 const SegmentBuilderHeader = ({
   segmentId,
@@ -123698,16 +124284,22 @@ const SegmentBuilderHeader = ({
   viewOnly = false
 }) => {
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DialogHeader$1, { className: "", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsx(DialogTitle, { className: "text-3xl font-normal", children: viewOnly ? `View ${t$2("engage:segment")}` : segmentId ? `Edit ${t$2("engage:segment")}` : `Create ${t$2("engage:segment")}` }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: "text-3xl font-normal", children: viewOnly ? `View ${t$2("engage:segment")}` : segmentId ? `Edit ${t$2("engage:segment")}` : `Create ${t$2("engage:segment")}` }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Define conditions to target specific user groups" })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       !viewOnly && promptBuilderStyle === false && textToSegment2 === false && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           Button$1,
           {
             variant: "outline",
             size: "sm",
             onClick: () => setTextToSegment(true),
-            children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-3" })
+            children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" }),
+              "Build with AI"
+            ]
           }
         ) }),
         /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsxs("p", { children: [
@@ -123990,12 +124582,18 @@ function SegmentBuilder({
     viewOnly ? false : newSegment ? true : false
   );
   const [showDeleteDialog, setShowDeleteDialog] = React.useState(false);
+  const [estimatedTotal, setEstimatedTotal] = React.useState(0);
+  const handleEstimatedTotalChange = React.useCallback((total2) => {
+    setEstimatedTotal(total2);
+  }, []);
   React.useEffect(() => {
     if (!segmentsConditions) {
       return;
     }
     if (existingSegment) {
-      const mappedConditions = existingSegment.conditions.filter(isFieldCondition).map((condition) => ({
+      const conditionsList = existingSegment.conditions;
+      const mappedConditions = conditionsList.filter((c3) => isFieldCondition(c3)).map((condition) => ({
+        type: "property",
         field: condition.field,
         operator: condition.operator,
         value: condition.value
@@ -124007,6 +124605,7 @@ function SegmentBuilder({
         description: existingSegment.description || "",
         logic: "AND",
         conditions: mappedConditions,
+        conditionGroups: existingSegment.conditionGroups,
         type: existingSegment.type,
         createdAt: existingSegment.createdAt
       });
@@ -124023,6 +124622,7 @@ function SegmentBuilder({
            * Use the first fields of segment conditions to create a new segment
            */
           {
+            type: "property",
             field: segmentsConditions.conditions[0].field,
             operator: segmentsConditions.conditions[0].operators[0],
             value: []
@@ -124327,6 +124927,7 @@ function SegmentBuilder({
   };
   const addCondition = () => {
     const newCondition = {
+      type: "property",
       field: segmentsConditions.conditions[0].field,
       operator: segmentsConditions.conditions[0].operators[0],
       value: []
@@ -124366,117 +124967,135 @@ function SegmentBuilder({
         )
       },
       "prompt-builder-style"
-    ) : /* @__PURE__ */ jsx(BlurDiv, { className: "flex-1 flex flex-col", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col px-8 py-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-4", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !viewOnly && textToSegment2 ? /* @__PURE__ */ jsx(BlurDiv, { className: "flex justify-center min-h-full overflow-auto", children: /* @__PURE__ */ jsx(
-        TextToSegment,
-        {
-          setTextToSegment,
-          setSegment: (conditions) => {
-            setSegment((prevSegment) => {
-              if (!prevSegment) {
-                return null;
-              }
-              return {
-                ...prevSegment,
-                conditions
-              };
-            });
-          },
-          setSegmentName: (name) => {
-            setSegment((prevSegment) => {
-              if (!prevSegment) {
-                return null;
-              }
-              const newSegment2 = { ...prevSegment, name };
-              return newSegment2;
-            });
-          },
-          setSegmentDescription: (description2) => {
-            setSegment((prevSegment) => {
-              if (!prevSegment) {
-                return null;
-              }
-              const newSegment2 = { ...prevSegment, description: description2 };
-              return newSegment2;
-            });
-          },
-          currentSegment: segment2
-        }
-      ) }) : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(
-        SegmentBuilderContent,
-        {
-          segment: segment2,
-          setSegment,
-          segmentsConditions: {
-            conditions: segmentsConditions?.conditions.map((c3) => ({
-              ...c3,
-              operators: c3.operators
-            })) ?? []
-          },
-          updateCondition,
-          duplicateCondition,
-          deleteCondition,
-          addCondition,
-          businessId: business?.id ?? "",
-          viewOnly,
-          segmentType: existingSegment?.type,
-          existingSegmentConditions: existingSegment?.conditions
-        }
-      ) }) }) }) }),
-      /* @__PURE__ */ jsx("div", { className: "border-t px-8 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        !viewOnly && textToSegment2 && /* @__PURE__ */ jsxs(
-          Button$1,
-          {
-            variant: "secondary",
-            onClick: () => setTextToSegment(false),
-            children: [
-              /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4" }),
-              "Manual Builder"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-2 ml-auto", children: viewOnly ? (
-          // VIEW-ONLY: Only Close button
-          /* @__PURE__ */ jsx(Button$1, { variant: "default", onClick: () => setOpen2(false), children: "Close" })
-        ) : (
-          // EDIT MODE: Delete (if editing), Cancel, and Save buttons
-          /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            segmentId && !newSegment && /* @__PURE__ */ jsxs(
-              Button$1,
-              {
-                variant: "destructive",
-                onClick: () => setShowDeleteDialog(true),
-                disabled: isDeleting,
-                children: [
-                  /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
-                  "Delete"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button$1,
-              {
-                variant: "secondary",
-                onClick: () => setOpen2(false),
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button$1,
-              {
-                variant: "default",
-                onClick: handleSave,
-                disabled: isLoading || isCreating,
-                children: isLoading || isCreating ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                  /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-                  segmentId ? "Updating..." : "Creating..."
-                ] }) : segmentId ? "Update" : "Create"
-              }
-            )
-          ] })
-        ) })
-      ] }) })
-    ] }) }, "manual-builder-style"),
+    ) : /* @__PURE__ */ jsx(
+      BlurDiv,
+      {
+        className: "flex-1 flex flex-col min-h-0",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col min-h-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col px-2 py-2 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-4", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !viewOnly && textToSegment2 ? /* @__PURE__ */ jsx(BlurDiv, { className: "flex justify-center min-h-full overflow-hidden", children: /* @__PURE__ */ jsx(
+            TextToSegment,
+            {
+              setTextToSegment,
+              setSegment: (conditions) => {
+                setSegment((prevSegment) => {
+                  if (!prevSegment) {
+                    return null;
+                  }
+                  return {
+                    ...prevSegment,
+                    conditions
+                  };
+                });
+              },
+              setSegmentName: (name) => {
+                setSegment((prevSegment) => {
+                  if (!prevSegment) {
+                    return null;
+                  }
+                  const newSegment2 = { ...prevSegment, name };
+                  return newSegment2;
+                });
+              },
+              setSegmentDescription: (description2) => {
+                setSegment((prevSegment) => {
+                  if (!prevSegment) {
+                    return null;
+                  }
+                  const newSegment2 = { ...prevSegment, description: description2 };
+                  return newSegment2;
+                });
+              },
+              currentSegment: segment2
+            }
+          ) }) : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(
+            SegmentBuilderContent,
+            {
+              segment: segment2,
+              setSegment,
+              segmentsConditions: {
+                conditions: segmentsConditions?.conditions.map((c3) => ({
+                  ...c3,
+                  operators: c3.operators
+                })) ?? []
+              },
+              updateCondition,
+              duplicateCondition,
+              deleteCondition,
+              addCondition,
+              businessId: business?.id ?? "",
+              viewOnly,
+              segmentType: existingSegment?.type,
+              existingSegmentConditions: existingSegment?.conditions,
+              onEstimatedTotalChange: handleEstimatedTotalChange
+            }
+          ) }) }) }) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t bg-neutral-50/50 px-2 py-4 flex-shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+              !viewOnly && textToSegment2 && /* @__PURE__ */ jsxs(
+                Button$1,
+                {
+                  variant: "secondary",
+                  onClick: () => setTextToSegment(false),
+                  children: [
+                    /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4" }),
+                    "Manual Builder"
+                  ]
+                }
+              ),
+              !textToSegment2 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-neutral-500", children: [
+                /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-neutral-700", children: estimatedTotal.toLocaleString() }),
+                  " ",
+                  "users match this segment"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: viewOnly ? (
+              // VIEW-ONLY: Only Close button
+              /* @__PURE__ */ jsx(Button$1, { variant: "default", onClick: () => setOpen2(false), children: "Close" })
+            ) : (
+              // EDIT MODE: Delete (if editing), Cancel, and Save buttons
+              /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                segmentId && !newSegment && /* @__PURE__ */ jsxs(
+                  Button$1,
+                  {
+                    variant: "destructive",
+                    onClick: () => setShowDeleteDialog(true),
+                    disabled: isDeleting,
+                    children: [
+                      /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                      "Delete"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    variant: "secondary",
+                    onClick: () => setOpen2(false),
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button$1,
+                  {
+                    variant: "default",
+                    onClick: handleSave,
+                    disabled: isLoading || isCreating,
+                    children: isLoading || isCreating ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                      /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+                      segmentId ? "Saving..." : "Creating..."
+                    ] }) : segmentId ? "Save" : "Create"
+                  }
+                )
+              ] })
+            ) })
+          ] }) })
+        ] })
+      },
+      "manual-builder-style"
+    ),
     /* @__PURE__ */ jsx(Dialog, { open: showDeleteDialog, onOpenChange: setShowDeleteDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
       /* @__PURE__ */ jsxs(DialogHeader$1, { children: [
         /* @__PURE__ */ jsx(DialogTitle, { children: "Delete Segment" }),
@@ -125524,15 +126143,17 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
           setSelectedAudience(AutomationAudienceSelectorType.INDIVIDUAL);
           if (singleSegment.conditions) {
             const userIds = [];
-            singleSegment.conditions.forEach((condition) => {
-              if (condition.field === "userId" && condition.operator === ConditionOperatorEnumType.EQUALS) {
-                condition.value.forEach((val) => {
-                  if (typeof val === "string") {
-                    userIds.push(val);
-                  }
-                });
+            singleSegment.conditions.forEach(
+              (condition) => {
+                if (isFieldCondition(condition) && condition.field === "userId" && condition.operator === ConditionOperatorEnumType.EQUALS) {
+                  condition.value.forEach((val) => {
+                    if (typeof val === "string") {
+                      userIds.push(val);
+                    }
+                  });
+                }
               }
-            });
+            );
             setSelectedIndividualUserIds(userIds);
             if (userIds.length > 0 && singleSegment.id) {
               try {
@@ -125607,15 +126228,17 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
             setExcludedSegments([]);
             if (segment2.conditions) {
               const userIds = [];
-              segment2.conditions.forEach((condition) => {
-                if (condition.field === "userId" && condition.operator === ConditionOperatorEnumType.EQUALS) {
-                  condition.value.forEach((val) => {
-                    if (typeof val === "string") {
-                      userIds.push(val);
-                    }
-                  });
+              segment2.conditions.forEach(
+                (condition) => {
+                  if (isFieldCondition(condition) && condition.field === "userId" && condition.operator === ConditionOperatorEnumType.EQUALS) {
+                    condition.value.forEach((val) => {
+                      if (typeof val === "string") {
+                        userIds.push(val);
+                      }
+                    });
+                  }
                 }
-              });
+              );
               setSelectedIndividualUserIds(userIds);
               if (userIds.length > 0) {
                 try {
@@ -125655,6 +126278,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
               type: SegmentDefinitionTypeEnum.ONE_OFF,
               conditions: [
                 {
+                  type: "property",
                   field: "userId",
                   operator: ConditionOperatorEnumType.EQUALS,
                   value: []
@@ -125708,12 +126332,14 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
             params: {
               conditions: userIds.length > 0 ? [
                 {
+                  type: "property",
                   field: "userId",
                   operator: ConditionOperatorEnumType.EQUALS,
                   value: userIds
                 }
               ] : [
                 {
+                  type: "property",
                   field: "userId",
                   operator: ConditionOperatorEnumType.EQUALS,
                   value: []
@@ -125729,12 +126355,14 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
             type: SegmentDefinitionTypeEnum.ONE_OFF,
             conditions: userIds.length > 0 ? [
               {
+                type: "property",
                 field: "userId",
                 operator: ConditionOperatorEnumType.EQUALS,
                 value: userIds
               }
             ] : [
               {
+                type: "property",
                 field: "userId",
                 operator: ConditionOperatorEnumType.EQUALS,
                 value: []
@@ -128186,6 +128814,7 @@ const ConsolidatedStatsBar = ({
   statistics,
   automationId,
   onLinkClickStatsOpen,
+  includeEmail = true,
   includeSms = false,
   showErrors = false
 }) => {
@@ -128258,7 +128887,7 @@ const ConsolidatedStatsBar = ({
     ] : []
   ];
   return /* @__PURE__ */ jsx("div", { className: "bg-white rounded-xl p-4 border border-border", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row lg:items-center gap-4 lg:gap-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "lg:flex-[3]", children: [
+    includeEmail && /* @__PURE__ */ jsxs("div", { className: "lg:flex-[3]", children: [
       /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4 lg:mb-0", children: /* @__PURE__ */ jsx(MinorText, { className: "text-[10px] font-semibold text-gray-500 uppercase tracking-wide", children: "Email" }) }),
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 sm:gap-3 flex-wrap justify-evenly w-full", children: emailStats.map((stat, index2) => /* @__PURE__ */ jsx(
         StatItem,
@@ -128431,6 +129060,7 @@ const LinkClickStatsDialog = ({
 const AutomationStatistics = ({
   automationId,
   includeSales = false,
+  includeEmail = true,
   includeSms = false,
   showErrors = false,
   automation: automation2
@@ -128573,6 +129203,7 @@ const AutomationStatistics = ({
             statistics,
             automationId,
             onLinkClickStatsOpen: () => setIsLinkClickStatsOpen(true),
+            includeEmail,
             includeSms: includeSms && isSmsEnabled,
             showErrors
           },
@@ -129856,7 +130487,9 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
   const navigate = useNavigate();
   const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2?.id || "");
   const { toast: toast2 } = useToast();
-  const estimatedMatchesStats = useValidationStats();
+  const { data: estimatedRecipientsData } = useGetEstimatedRecipients({
+    automationId: automation2?.id || ""
+  });
   const { communicationGroup } = useCurrentCommunicationGroup();
   const { data: smsApplication } = useGetLatestSmsRegistrationApplication();
   const { channelSenders } = useChannelSender();
@@ -129962,11 +130595,11 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
       } else {
         if (onBeforeSchedule && markActive === true) {
           let retries = 0;
-          while (!estimatedMatchesStats && retries < 20) {
+          while (!estimatedRecipientsData && retries < 20) {
             await new Promise((resolve) => setTimeout(resolve, 100));
             retries++;
           }
-          if (!estimatedMatchesStats) {
+          if (!estimatedRecipientsData) {
             toast2({
               title: "Error while updating the status",
               description: "Please contact your administrator",
@@ -129976,8 +130609,8 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
           }
           const scheduleSendAt = getScheduleSendAtFromAutomation(automation2);
           const result2 = await onBeforeSchedule({
-            estimatedEmailRecipients: estimatedMatchesStats?.emails ?? 0,
-            estimatedSmsRecipients: estimatedMatchesStats?.phones ?? 0,
+            estimatedEmailRecipients: estimatedRecipientsData?.estimatedEmails ?? 0,
+            estimatedSmsRecipients: estimatedRecipientsData?.estimatedSms ?? 0,
             scheduleSendAt
           });
           if (result2 !== true) {
@@ -130370,7 +131003,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
     automationLanguage,
     onBeforeSchedule,
     businessUpdateAutomation,
-    estimatedMatchesStats,
+    estimatedRecipientsData,
     queryClient,
     handleUndo
   ]);
@@ -130624,8 +131257,13 @@ const AnimatedTabs = ({
 };
 const AutomationsEditorStatsTab = () => {
   const automation2 = useAutomation();
+  const { state: engageFilterState } = useEngageFilterContext();
+  const dateRange = engageFilterState.dateRange;
+  const { communicationGroup } = useCurrentCommunicationGroup();
   const { isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(
-    automation2?.id
+    automation2?.id,
+    dateRange?.from,
+    dateRange?.to
   );
   const [cursorForQuery, setCursorForQuery] = useState(
     void 0
@@ -130642,11 +131280,15 @@ const AutomationsEditorStatsTab = () => {
     cursor: cursorForQuery,
     limit: 10,
     automationStatus: automation2?.status,
-    automationType: automation2?.triggerType
+    automationType: automation2?.triggerType,
+    startDate: dateRange?.from,
+    endDate: dateRange?.to
   });
   const {
     state: { hideSales, hideSms }
   } = useContext(Context$3);
+  const isEmailChannelEnabled = !!communicationGroup?.emailChannelSenderId;
+  const isSmsChannelEnabled = !!communicationGroup?.smsChannelSenderId;
   const handleQueryParametersChange = useCallback(
     (params) => {
       setCursorForQuery(params.cursor);
@@ -130661,6 +131303,7 @@ const AutomationsEditorStatsTab = () => {
       }
     );
   }
+  const isBroadcast = automation2.triggerType === AutomationTriggerType.ONE_TIME;
   const orderData = orders?.results || [];
   const columns = [
     {
@@ -130727,14 +131370,15 @@ const AutomationsEditorStatsTab = () => {
     }
   ];
   return /* @__PURE__ */ jsxs("div", { className: "h-full p-4 space-y-6", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(EngageDateRangePicker, {}) }),
+    !isBroadcast && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(EngageDateRangePicker, {}) }),
     /* @__PURE__ */ jsx(
       AutomationStatistics,
       {
         automationId: automation2.id,
         automation: automation2,
         includeSales: !hideSales,
-        includeSms: !hideSms,
+        includeEmail: isEmailChannelEnabled,
+        includeSms: !hideSms && isSmsChannelEnabled,
         showErrors: true
       }
     ),
@@ -134008,7 +134652,7 @@ const actionTypeToHumanReadable = (actionType, customBlockText) => {
     case ActionType.SEND_COMMUNICATION:
       return customBlockText || "Send Communication";
     case ActionType.WAIT_UNTIL_AT_LEAST_NEXT_AVAILABLE_TIME:
-      return "Wait (Skip if Time Has Already Passed Today)";
+      return "Wait (Proceed if Time Has Already Passed Today)";
     case ActionType.WAIT_UNTIL_NEXT_OCCURRENCE:
       return "Wait (Always Wait for Next Occurrence (even if it means waiting until tomorrow))";
     case ActionType.WAIT_FOR_DURATION:
@@ -136553,7 +137197,7 @@ const ViewAutomationMain = ({
     updateCommunicationGroup2
   ]);
   if (!automation2 || !communicationGroup || isLoadingSegments) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(
       BasicLoader,
       {
         text: [
@@ -136572,7 +137216,7 @@ const ViewAutomationMain = ({
       fromNameSettingsLink,
       hideSms,
       hideSales,
-      children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col gap-4 p-4", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-4 p-4", children: [
         /* @__PURE__ */ jsx(
           AutomationsEditorHeader,
           {
@@ -136592,7 +137236,7 @@ const ViewAutomationContent = ({ ...props2 }) => {
   const effectiveAutomationId = props2.automationId || params?.automationId || searchParams.get("automationId") || "";
   const shouldShowBackButton = searchParams.get("showBackButton") === "true" || props2.showBackButton;
   const shouldHideSms = searchParams.get("hideSms") === "true" || props2.hideSms;
-  return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(ViewAutomationProvider, { automationId: effectiveAutomationId, children: /* @__PURE__ */ jsx("div", { className: "bg-background h-full min-h-[750px]", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(ViewAutomationProvider, { automationId: effectiveAutomationId, children: /* @__PURE__ */ jsx("div", { className: "bg-background flex flex-col h-full min-h-[750px]", children: /* @__PURE__ */ jsx(
     ViewAutomationMain,
     {
       ...props2,