@embedreach/components 0.3.43 → 0.3.44

package/dist/chunks/index.js

@@ -177,6 +177,21 @@ const Brain = createLucideIcon("Brain", [
   ["path", { d: "M6 18a4 4 0 0 1-1.967-.516", key: "2e4loj" }],
   ["path", { d: "M19.967 17.484A4 4 0 0 1 18 18", key: "159ez6" }]
 ]);
+/**
+ * @license lucide-react v0.464.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Building2 = createLucideIcon("Building2", [
+  ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
+  ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
+  ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
+  ["path", { d: "M10 6h4", key: "1itunk" }],
+  ["path", { d: "M10 10h4", key: "tcdvrf" }],
+  ["path", { d: "M10 14h4", key: "kelpxr" }],
+  ["path", { d: "M10 18h4", key: "1ulq68" }]
+]);
 /**
  * @license lucide-react v0.464.0 - ISC
  *
@@ -26730,24 +26745,25 @@ const useFeatureConfig = () => {
 const BrandColorsPreview = ({
   primaryColor = "var(--primary)",
   // secondaryColors = ['var(--secondary)', 'var(--accent)'],
-  hideLabel = false
+  hideLabel = false,
+  brandName,
+  logoUrl
 }) => {
   const buttonColor = primaryColor;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    !hideLabel && /* @__PURE__ */ jsx(FormLabel, { children: "This is how your brand colors will look on email" }),
+    !hideLabel && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: "Branding Preview" }),
     /* @__PURE__ */ jsx("div", { className: "bg-muted/50 p-6 rounded-lg w-full mx-auto border border-muted", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-background items-center space-y-4 max-w-md border rounded-lg mx-auto pb-8 overflow-hidden", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "h-20 w-full -mb-10 bg-secondary"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "w-12 h-12 rounded-lg"
-        }
-      ),
+      /* @__PURE__ */ jsx("div", { className: "w-full px-6 pt-6 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: logoUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: logoUrl,
+            alt: brandName || "Brand logo",
+            className: "h-12 w-auto max-w-[80px] object-contain"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Building2, { className: "h-6 w-6 text-muted-foreground" }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 text-center", children: brandName ? /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg text-foreground", children: brandName }) : /* @__PURE__ */ jsx("div", { className: "h-5 w-24 bg-muted rounded mx-auto" }) })
+      ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "w-full space-y-3 flex flex-col items-center px-8 pb-4 max-w-sm", children: [
         /* @__PURE__ */ jsx("div", { className: "h-2 rounded w-3/4 mx-auto bg-muted-foreground" }),
         /* @__PURE__ */ jsx("div", { className: "h-2 bg-muted rounded w-full" }),
@@ -39896,7 +39912,14 @@ const BrandSettingsForm = forwardRef(({ onSubmit, defaultValues }, ref) => {
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx(BrandColorsPreview, { primaryColor: form.watch("primaryColor") })
+          /* @__PURE__ */ jsx(
+            BrandColorsPreview,
+            {
+              primaryColor: form.watch("primaryColor"),
+              brandName: form.watch("brandName"),
+              logoUrl: imagePreview || void 0
+            }
+          )
         ]
       }
     ) })
@@ -55680,33 +55703,31 @@ const SMSChannelSettings = ({
                 /* @__PURE__ */ jsx("span", { className: "w-2 h-2 bg-blue-500 rounded-full mr-2" }),
                 "Ready to send"
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "w-full flex flex-col gap-3 mx-auto", children: smsChannelSenders.map((sender) => {
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: smsChannelSenders.map((sender) => {
                 const isPending = !!sender.channelSender.channelSenderMetadata.friendlyName?.toLowerCase().includes("pending approval");
                 const displayName = sender.channelSender.channelSenderMetadata.friendlyName || sender.channelSender.channelSenderMetadata.from || "Unknown Number";
-                return /* @__PURE__ */ jsxs(
+                return /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: cn$2(
-                      "flex items-start rounded-xl px-4 py-3 border shadow-sm",
+                      "inline-flex items-center justify-center rounded-full px-5 py-2.5 border shadow-sm",
                       isPending ? "bg-gray-50 border-gray-200 text-gray-500" : "bg-blue-50 border-blue-200 text-blue-900 font-semibold"
                     ),
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1 min-w-0", children: [
-                        isPending ? /* @__PURE__ */ jsx(IconDefinitions.AlertCircleIcon, { className: "w-5 h-5 text-yellow-500 shrink-0 mt-0.5" }) : /* @__PURE__ */ jsx(IconDefinitions.CheckIcon, { className: "w-5 h-5 text-blue-500 shrink-0 mt-0.5" }),
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: cn$2(
-                              "text-sm leading-relaxed",
-                              isPending ? "break-words" : "truncate"
-                            ),
-                            title: displayName,
-                            children: displayName
-                          }
-                        )
-                      ] }),
+                    children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                      isPending ? /* @__PURE__ */ jsx(IconDefinitions.AlertCircleIcon, { className: "w-5 h-5 text-yellow-500 shrink-0" }) : /* @__PURE__ */ jsx(IconDefinitions.CheckIcon, { className: "w-5 h-5 text-blue-500 shrink-0" }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn$2(
+                            "text-sm leading-relaxed",
+                            isPending ? "break-words" : ""
+                          ),
+                          title: displayName,
+                          children: displayName
+                        }
+                      ),
                       !isPending && sender.channelSender.channelSenderMetadata.from && sender.channelSender.channelSenderMetadata.friendlyName !== sender.channelSender.channelSenderMetadata.from && /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-blue-700 ml-2 shrink-0", children: sender.channelSender.channelSenderMetadata.from })
-                    ]
+                    ] })
                   },
                   sender.channelSender.id
                 );
@@ -86570,6 +86591,363 @@ const previewSegmentRecipients = async (params) => {
     pagination: result2.data.pagination
   };
 };
+var SegmentDefinitionsStatusEnum;
+(function(SegmentDefinitionsStatusEnum2) {
+  SegmentDefinitionsStatusEnum2["ACTIVE"] = "active";
+  SegmentDefinitionsStatusEnum2["DEACTIVATED"] = "deactivated";
+})(SegmentDefinitionsStatusEnum || (SegmentDefinitionsStatusEnum = {}));
+var SegmentDefinitionTypeEnum;
+(function(SegmentDefinitionTypeEnum2) {
+  SegmentDefinitionTypeEnum2["ALL_USERS"] = "all_users";
+  SegmentDefinitionTypeEnum2["MANAGED"] = "managed";
+  SegmentDefinitionTypeEnum2["CUSTOM"] = "custom";
+  SegmentDefinitionTypeEnum2["ONE_OFF"] = "one_off";
+  SegmentDefinitionTypeEnum2["SQL"] = "sql";
+})(SegmentDefinitionTypeEnum || (SegmentDefinitionTypeEnum = {}));
+const segmentKeys = {
+  all: ["segments"],
+  lists: (params) => [
+    ...segmentKeys.all,
+    "list",
+    ...params?.cursor ? [params.cursor] : [],
+    ...params?.limit ? [params.limit] : [],
+    ...params?.search ? [params.search] : []
+  ],
+  detail: (id2) => [...segmentKeys.all, id2]
+};
+const useSegment = () => {
+  const queryClient = useQueryClient();
+  const createMutation = useMutation({
+    mutationFn: (params) => createSegment(params),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["segments"] });
+    }
+  });
+  const segmentsConditionsQuery = useQuery({
+    queryKey: ["segments-conditions"],
+    queryFn: () => getSegmentConditions()
+  });
+  return {
+    // Create segment mutation
+    createSegment: createMutation.mutate,
+    createSegmentAsync: createMutation.mutateAsync,
+    isCreating: createMutation.isPending,
+    createError: createMutation.error,
+    isCreateSuccess: createMutation.isSuccess,
+    // Fetch segments query
+    segmentsConditions: segmentsConditionsQuery.data,
+    isFetching: segmentsConditionsQuery.isFetching,
+    isLoading: segmentsConditionsQuery.isLoading,
+    fetchError: segmentsConditionsQuery.error,
+    refetchSegmentsConditions: segmentsConditionsQuery.refetch
+  };
+};
+const useListSegments = (params) => {
+  const query = useQuery({
+    queryKey: segmentKeys.lists(params),
+    queryFn: () => getSegments(params),
+    // placeholderData: keepPreviousData is a powerful feature from TanStack Query.
+    // What it does:
+    // 1. When new data is being fetched for a query (e.g., due to a queryKey change like a new cursor),
+    //    TanStack Query will continue to show the data from the previous successful fetch (the "placeholder" data)
+    //    until the new data arrives.
+    // 2. While this placeholder data is being shown, `isPlaceholderData` will be true.
+    // 3. `isLoading` will only be true if there's no data at all (initial fetch or hard refresh with no cache).
+    //    It will be false if placeholder data is being shown, even though a new fetch is in progress (`isFetching` will be true).
+    // This provides a much smoother UX, as the UI doesn't jump to a loading state on pagination or filter changes
+    // if previous data is available to show in the meantime.
+    placeholderData: keepPreviousData,
+    ...CACHE_STANDARD
+  });
+  return {
+    segments: query.data?.results ?? [],
+    // The cursor to be used to fetch the *next* page of results.
+    // Null or undefined if there are no more pages.
+    nextCursor: query.data?.pagination.cursor ?? null,
+    // Total count of items for pagination display
+    totalCount: query.data?.pagination.total ?? null,
+    isLoading: query.isLoading,
+    error: query.error,
+    isFetching: query.isFetching,
+    // isPlaceholderData is true when the data currently displayed is from a previous query key,
+    // and new data for the current query key is being fetched.
+    isPlaceholderData: query.isPlaceholderData
+  };
+};
+const useGetCountOfBusinessAutomationRecipients = (args) => {
+  const queryClient = useQueryClient();
+  const getCountOfBusinessAutomationRecipientsQuery = useQuery({
+    queryKey: automationKeys.recipients(
+      args.automationId,
+      args.includeSegments,
+      args.excludeSegments
+    ),
+    queryFn: () => getCountOfBusinessAutomationRecipients(args)
+  });
+  return {
+    data: getCountOfBusinessAutomationRecipientsQuery.data,
+    isFetching: getCountOfBusinessAutomationRecipientsQuery.isFetching,
+    isLoading: getCountOfBusinessAutomationRecipientsQuery.isLoading,
+    fetchError: getCountOfBusinessAutomationRecipientsQuery.error,
+    refetchCount: () => {
+      queryClient.invalidateQueries({
+        queryKey: automationKeys.recipients(
+          args.automationId,
+          args.includeSegments,
+          args.excludeSegments
+        )
+      });
+    }
+  };
+};
+const useGetCountOfBusinessAutomationRecipientsDebounced = (includeSegments, excludeSegments, automationId, options) => {
+  const [debouncedIncludeSegments, setDebouncedIncludeSegments] = useState(includeSegments);
+  const [debouncedExcludeSegments, setDebouncedExcludeSegments] = useState(excludeSegments);
+  const [debouncedSearch, setDebouncedSearch] = useState(options?.search || "");
+  const [accumulatedRecipients, setAccumulatedRecipients] = useState([]);
+  const [currentCursor, setCurrentCursor] = useState(
+    options?.cursor
+  );
+  const includeSegmentsKey = JSON.stringify(debouncedIncludeSegments);
+  const excludeSegmentsKey = JSON.stringify(debouncedExcludeSegments);
+  useEffect(() => {
+    setAccumulatedRecipients([]);
+    setCurrentCursor(void 0);
+  }, [
+    includeSegmentsKey,
+    excludeSegmentsKey,
+    debouncedSearch,
+    options?.filter
+  ]);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedIncludeSegments(includeSegments);
+      setDebouncedExcludeSegments(excludeSegments);
+    }, options?.debounceMs ?? 500);
+    return () => clearTimeout(timer);
+  }, [includeSegments, excludeSegments, options?.debounceMs]);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedSearch(options?.search || "");
+    }, 150);
+    return () => clearTimeout(timer);
+  }, [options?.search]);
+  const filter2 = options?.filter ?? "all";
+  const query = useQuery({
+    queryKey: [
+      ...automationKeys.recipients(
+        automationId,
+        debouncedIncludeSegments,
+        debouncedExcludeSegments,
+        debouncedSearch
+      ),
+      filter2,
+      currentCursor || "initial",
+      options?.limit ?? 100
+    ],
+    queryFn: () => getCountOfBusinessAutomationRecipients({
+      includeSegments: debouncedIncludeSegments,
+      excludeSegments: debouncedExcludeSegments,
+      automationId,
+      search: debouncedSearch || void 0,
+      limit: options?.limit ?? 100,
+      filter: filter2,
+      cursor: currentCursor
+    }),
+    enabled: (options?.enabled ?? true) && !!automationId,
+    staleTime: 0,
+    // Always refetch when query key changes (including filter changes)
+    placeholderData: keepPreviousData
+    // Keep previous data while fetching
+  });
+  useEffect(() => {
+    if (query.data?.recipients) {
+      if (currentCursor) {
+        setAccumulatedRecipients((prev) => [...prev, ...query.data.recipients]);
+      } else {
+        setAccumulatedRecipients(query.data.recipients);
+      }
+    }
+  }, [query.data, currentCursor]);
+  const handleLoadMore = () => {
+    if (query.data?.pagination.hasNextPage && query.data.pagination.cursor && !query.isFetching) {
+      setCurrentCursor(query.data.pagination.cursor);
+      options?.onLoadMore?.(query.data.pagination.cursor);
+    }
+  };
+  return {
+    data: query.data ? {
+      ...query.data,
+      recipients: accumulatedRecipients
+    } : void 0,
+    isLoading: query.isLoading && accumulatedRecipients.length === 0,
+    isFetching: query.isFetching,
+    error: query.error,
+    refetch: query.refetch,
+    hasMore: query.data?.pagination.hasNextPage ?? false,
+    loadMore: handleLoadMore
+  };
+};
+const useGetSegment = (segmentId) => {
+  const segmentQuery = useQuery({
+    queryKey: segmentKeys.detail(segmentId),
+    queryFn: () => getSegment(segmentId),
+    ...CACHE_STANDARD,
+    enabled: !!segmentId
+  });
+  return {
+    segment: segmentQuery.data,
+    isFetching: segmentQuery.isFetching,
+    isLoading: segmentQuery.isLoading
+  };
+};
+const useUpdateSegment = (segmentId) => {
+  const queryClient = useQueryClient();
+  const updateSegmentMutation = useMutation({
+    mutationFn: (params) => {
+      if (!segmentId) {
+        throw new Error("Segment ID is required");
+      }
+      return updateSegment(segmentId, params);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: segmentKeys.all });
+    }
+  });
+  return {
+    updateSegment: updateSegmentMutation.mutate,
+    updateSegmentAsync: updateSegmentMutation.mutateAsync,
+    isUpdating: updateSegmentMutation.isPending,
+    updateError: updateSegmentMutation.error,
+    isUpdateSuccess: updateSegmentMutation.isSuccess
+  };
+};
+const useUpdateSegmentDynamic = () => {
+  const queryClient = useQueryClient();
+  const updateSegmentMutation = useMutation({
+    mutationFn: ({
+      segmentId,
+      params
+    }) => {
+      return updateSegment(segmentId, params);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: segmentKeys.all });
+    }
+  });
+  return {
+    updateSegmentAsync: updateSegmentMutation.mutateAsync,
+    isUpdating: updateSegmentMutation.isPending,
+    updateError: updateSegmentMutation.error,
+    isUpdateSuccess: updateSegmentMutation.isSuccess
+  };
+};
+const useDeleteSegment = (segmentId) => {
+  const queryClient = useQueryClient();
+  const deleteSegmentMutation = useMutation({
+    mutationFn: () => {
+      if (!segmentId) {
+        throw new Error("Segment ID is required");
+      }
+      return deleteSegment(segmentId);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: segmentKeys.all });
+    }
+  });
+  return {
+    deleteSegment: deleteSegmentMutation.mutate,
+    isDeleting: deleteSegmentMutation.isPending,
+    deleteError: deleteSegmentMutation.error,
+    isDeleteSuccess: deleteSegmentMutation.isSuccess
+  };
+};
+const useParseDate = () => {
+  const parseDateMutation = useMutation({
+    mutationFn: (params) => parseDate(params)
+  });
+  return {
+    parseDate: parseDateMutation.mutate,
+    isParsing: parseDateMutation.isPending,
+    parseError: parseDateMutation.error,
+    isParseSuccess: parseDateMutation.isSuccess,
+    parseResult: parseDateMutation.data
+  };
+};
+const usePreviewSegmentRecipients = (type, conditions, businessId, options, existingSegmentConditions) => {
+  const [debouncedConditions, setDebouncedConditions] = useState(conditions);
+  const [debouncedSearch, setDebouncedSearch] = useState(options?.search || "");
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedConditions(conditions);
+    }, options?.debounceMs);
+    return () => clearTimeout(timer);
+  }, [conditions, options?.debounceMs]);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedSearch(options?.search || "");
+    }, 600);
+    return () => clearTimeout(timer);
+  }, [options?.search]);
+  const areConditionsValid = (conditions2, type2) => {
+    if (type2 === SegmentDefinitionTypeEnum.SQL) {
+      return true;
+    }
+    if (conditions2.length === 0) {
+      return false;
+    }
+    const isValid2 = conditions2.every((condition) => {
+      if (!condition.field || !condition.operator) {
+        return false;
+      }
+      if (condition.operator !== "exists" && condition.operator !== "not_exists" && (!condition.value || condition.value.length === 0)) {
+        return false;
+      }
+      return true;
+    });
+    return isValid2;
+  };
+  const conditionsKey = JSON.stringify(debouncedConditions);
+  const existingConditionsKey = JSON.stringify(existingSegmentConditions || []);
+  const query = useQuery({
+    queryKey: [
+      "preview-segment-recipients",
+      businessId,
+      type,
+      conditionsKey,
+      existingConditionsKey,
+      debouncedSearch || "",
+      options?.limit ?? 100
+    ],
+    queryFn: () => {
+      return previewSegmentRecipients({
+        businessId,
+        // If the segment is a SQL segment, use the existing segment conditions
+        conditions: type === SegmentDefinitionTypeEnum.SQL && existingSegmentConditions ? existingSegmentConditions : debouncedConditions,
+        limit: options?.limit ?? 100,
+        search: debouncedSearch || void 0
+      });
+    },
+    enabled: (options?.enabled ?? true) && areConditionsValid(debouncedConditions, type),
+    staleTime: 3e4,
+    // 30 seconds
+    gcTime: 5 * 60 * 1e3,
+    // 5 minutes - keep in cache longer
+    placeholderData: keepPreviousData,
+    // Keep previous data while fetching to prevent re-renders
+    refetchOnWindowFocus: false,
+    // Don't refetch on window focus
+    refetchOnMount: false
+    // Don't refetch on mount if data exists
+  });
+  return {
+    data: query.data,
+    isLoading: query.isLoading,
+    isFetching: query.isFetching,
+    error: query.error,
+    refetch: query.refetch
+  };
+};
 var DateUnit;
 (function(DateUnit2) {
   DateUnit2["DAYS"] = "days";
@@ -86911,451 +87289,6 @@ z$2.object({
   customSchema: z$2.array(customEventSchema).optional(),
   locationsSchema: z$2.array(locationSourceSchema).optional()
 });
-var BusinessSegmentTypeEnum;
-(function(BusinessSegmentTypeEnum2) {
-  BusinessSegmentTypeEnum2["ALL_USERS"] = "all_users";
-  BusinessSegmentTypeEnum2["MANAGED"] = "managed";
-  BusinessSegmentTypeEnum2["CUSTOM"] = "custom";
-  BusinessSegmentTypeEnum2["ONE_OFF"] = "one_off";
-  BusinessSegmentTypeEnum2["SQL"] = "sql";
-})(BusinessSegmentTypeEnum || (BusinessSegmentTypeEnum = {}));
-z$2.object({
-  name: z$2.string().describe("A friendly name for the segment"),
-  description: z$2.string().describe("A friendly description for the segment").optional(),
-  conditions: z$2.array(ConditionSchema).describe("The conditions to include in the segment"),
-  type: z$2.enum([BusinessSegmentTypeEnum.CUSTOM, BusinessSegmentTypeEnum.ONE_OFF]).describe("The type of segment").default(BusinessSegmentTypeEnum.CUSTOM).optional()
-});
-z$2.object({
-  id: z$2.string().describe("The id of the segment"),
-  name: z$2.string().describe("A friendly name for the segment"),
-  description: z$2.string().describe("A friendly description for the segment").optional(),
-  createdAt: z$2.date().nullable().describe("The date and time the segment was created"),
-  type: z$2.nativeEnum(BusinessSegmentTypeEnum).describe("The type of segment")
-});
-z$2.object({
-  name: z$2.string().optional().describe("A friendly name for the segment"),
-  description: z$2.string().optional().describe("A friendly description for the segment"),
-  conditions: z$2.array(ConditionSchema).optional().describe("The conditions to include in the segment")
-});
-z$2.object({
-  id: z$2.string().describe("The id of the segment"),
-  name: z$2.string().describe("A friendly name for the segment"),
-  description: z$2.string().describe("A friendly description for the segment").optional(),
-  createdAt: z$2.date().nullable().describe("The date and time the segment was created"),
-  type: z$2.nativeEnum(BusinessSegmentTypeEnum).describe("The type of segment")
-});
-z$2.object({
-  results: z$2.array(z$2.object({
-    id: z$2.string().describe("The id of the segment"),
-    name: z$2.string().describe("A friendly name for the segment"),
-    description: z$2.string().describe("A friendly description for the segment").optional(),
-    createdAt: z$2.date().nullable().describe("The date and time the segment was created"),
-    type: z$2.nativeEnum(BusinessSegmentTypeEnum).describe("The type of segment"),
-    userCount: z$2.number().describe("The number of users in the segment"),
-    phoneCount: z$2.number().describe("The number of phone numbers in the segment"),
-    emailCount: z$2.number().describe("The number of emails in the segment"),
-    userCountUpdatedAt: z$2.date().describe("The date and time the user count was updated")
-  })).describe("The segments"),
-  pagination: z$2.object({
-    hasNextPage: z$2.boolean().nullable().describe("Whether there is a next page"),
-    cursor: z$2.string().nullable().describe("The cursor to start from"),
-    total: z$2.number().nullable().describe("The total number of segments")
-  })
-});
-z$2.object({
-  id: z$2.string().describe("The id of the segment"),
-  name: z$2.string().describe("A friendly name for the segment"),
-  description: z$2.string().describe("A friendly description for the segment").optional(),
-  createdAt: z$2.date().nullable().describe("The date and time the segment was created"),
-  type: z$2.nativeEnum(BusinessSegmentTypeEnum).describe("The type of segment"),
-  conditions: z$2.array(ConditionSchema).describe("The conditions to include in the segment")
-});
-z$2.object({
-  conditions: z$2.array(z$2.object({
-    field: z$2.string().describe("The field to include in the segment"),
-    operators: z$2.array(ConditionOperatorEnum).describe("The operators to include in the segment"),
-    type: z$2.nativeEnum(JSONSchemaType).describe("The type of segment"),
-    itemType: z$2.nativeEnum(JSONSchemaType).optional().describe("If the type is an array, this is the type of the items"),
-    options: z$2.array(z$2.object({
-      displayName: z$2.string().describe("The display name of the option"),
-      id: z$2.string().describe("The id of the option")
-    })).optional().describe("The options to include in the segment"),
-    description: z$2.string().optional().describe("The description of the condition")
-  })).describe("The conditions to include in the segment")
-});
-z$2.object({
-  count: z$2.number().describe("The number of users in the segment"),
-  recipients: z$2.array(z$2.object({
-    firstName: z$2.string().nullable().describe("The first name of the recipient"),
-    lastName: z$2.string().nullable().describe("The last name of the recipient"),
-    email: z$2.string().nullable().describe("The email of the recipient"),
-    phone: z$2.string().nullable().describe("The phone of the recipient"),
-    id: z$2.string().nullable().describe("The reach id of the recipient"),
-    externalId: z$2.string().nullable().describe("The external id of the recipient"),
-    emailOptedOut: z$2.boolean().optional().describe("Whether the user has opted out of email"),
-    smsOptedOut: z$2.boolean().optional().describe("Whether the user has opted out of SMS")
-  })).describe("The recipients in the segment (paginated)"),
-  pagination: z$2.object({
-    hasNextPage: z$2.boolean().describe("Whether there are more pages"),
-    cursor: z$2.string().nullable().describe("Cursor for the next page (null if no more pages)")
-  }).describe("Pagination metadata")
-});
-z$2.object({
-  success: z$2.boolean().describe("Whether the text to segment was successful"),
-  failureReason: z$2.string().optional().describe("The reason the text to segment was not successful."),
-  conditions: z$2.array(ConditionSchema).optional().describe("The conditions to include in the segment. If the text to segment was not successful, this will be null"),
-  title: z$2.string().optional().describe("A suggested title for the segment generated by AI"),
-  description: z$2.string().optional().describe("A suggested description for the segment generated by AI")
-});
-z$2.object({
-  cursor: z$2.string().optional().describe("The cursor to start from"),
-  limit: z$2.coerce.number().optional().describe("The limit of items to return, default is 100"),
-  search: z$2.string().optional().describe("The search query to filter by segment name")
-});
-const segmentKeys = {
-  all: ["segments"],
-  lists: (params) => [
-    ...segmentKeys.all,
-    "list",
-    ...params?.cursor ? [params.cursor] : [],
-    ...params?.limit ? [params.limit] : [],
-    ...params?.search ? [params.search] : []
-  ],
-  detail: (id2) => [...segmentKeys.all, id2]
-};
-const useSegment = () => {
-  const queryClient = useQueryClient();
-  const createMutation = useMutation({
-    mutationFn: (params) => createSegment(params),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["segments"] });
-    }
-  });
-  const segmentsConditionsQuery = useQuery({
-    queryKey: ["segments-conditions"],
-    queryFn: () => getSegmentConditions()
-  });
-  return {
-    // Create segment mutation
-    createSegment: createMutation.mutate,
-    createSegmentAsync: createMutation.mutateAsync,
-    isCreating: createMutation.isPending,
-    createError: createMutation.error,
-    isCreateSuccess: createMutation.isSuccess,
-    // Fetch segments query
-    segmentsConditions: segmentsConditionsQuery.data,
-    isFetching: segmentsConditionsQuery.isFetching,
-    isLoading: segmentsConditionsQuery.isLoading,
-    fetchError: segmentsConditionsQuery.error,
-    refetchSegmentsConditions: segmentsConditionsQuery.refetch
-  };
-};
-const useListSegments = (params) => {
-  const query = useQuery({
-    queryKey: segmentKeys.lists(params),
-    queryFn: () => getSegments(params),
-    // placeholderData: keepPreviousData is a powerful feature from TanStack Query.
-    // What it does:
-    // 1. When new data is being fetched for a query (e.g., due to a queryKey change like a new cursor),
-    //    TanStack Query will continue to show the data from the previous successful fetch (the "placeholder" data)
-    //    until the new data arrives.
-    // 2. While this placeholder data is being shown, `isPlaceholderData` will be true.
-    // 3. `isLoading` will only be true if there's no data at all (initial fetch or hard refresh with no cache).
-    //    It will be false if placeholder data is being shown, even though a new fetch is in progress (`isFetching` will be true).
-    // This provides a much smoother UX, as the UI doesn't jump to a loading state on pagination or filter changes
-    // if previous data is available to show in the meantime.
-    placeholderData: keepPreviousData,
-    ...CACHE_STANDARD
-  });
-  return {
-    segments: query.data?.results ?? [],
-    // The cursor to be used to fetch the *next* page of results.
-    // Null or undefined if there are no more pages.
-    nextCursor: query.data?.pagination.cursor ?? null,
-    // Total count of items for pagination display
-    totalCount: query.data?.pagination.total ?? null,
-    isLoading: query.isLoading,
-    error: query.error,
-    isFetching: query.isFetching,
-    // isPlaceholderData is true when the data currently displayed is from a previous query key,
-    // and new data for the current query key is being fetched.
-    isPlaceholderData: query.isPlaceholderData
-  };
-};
-const useGetCountOfBusinessAutomationRecipients = (args) => {
-  const queryClient = useQueryClient();
-  const getCountOfBusinessAutomationRecipientsQuery = useQuery({
-    queryKey: automationKeys.recipients(
-      args.automationId,
-      args.includeSegments,
-      args.excludeSegments
-    ),
-    queryFn: () => getCountOfBusinessAutomationRecipients(args)
-  });
-  return {
-    data: getCountOfBusinessAutomationRecipientsQuery.data,
-    isFetching: getCountOfBusinessAutomationRecipientsQuery.isFetching,
-    isLoading: getCountOfBusinessAutomationRecipientsQuery.isLoading,
-    fetchError: getCountOfBusinessAutomationRecipientsQuery.error,
-    refetchCount: () => {
-      queryClient.invalidateQueries({
-        queryKey: automationKeys.recipients(
-          args.automationId,
-          args.includeSegments,
-          args.excludeSegments
-        )
-      });
-    }
-  };
-};
-const useGetCountOfBusinessAutomationRecipientsDebounced = (includeSegments, excludeSegments, automationId, options) => {
-  const [debouncedIncludeSegments, setDebouncedIncludeSegments] = useState(includeSegments);
-  const [debouncedExcludeSegments, setDebouncedExcludeSegments] = useState(excludeSegments);
-  const [debouncedSearch, setDebouncedSearch] = useState(options?.search || "");
-  const [accumulatedRecipients, setAccumulatedRecipients] = useState([]);
-  const [currentCursor, setCurrentCursor] = useState(
-    options?.cursor
-  );
-  const includeSegmentsKey = JSON.stringify(debouncedIncludeSegments);
-  const excludeSegmentsKey = JSON.stringify(debouncedExcludeSegments);
-  useEffect(() => {
-    setAccumulatedRecipients([]);
-    setCurrentCursor(void 0);
-  }, [
-    includeSegmentsKey,
-    excludeSegmentsKey,
-    debouncedSearch,
-    options?.filter
-  ]);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedIncludeSegments(includeSegments);
-      setDebouncedExcludeSegments(excludeSegments);
-    }, options?.debounceMs ?? 500);
-    return () => clearTimeout(timer);
-  }, [includeSegments, excludeSegments, options?.debounceMs]);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedSearch(options?.search || "");
-    }, 150);
-    return () => clearTimeout(timer);
-  }, [options?.search]);
-  const filter2 = options?.filter ?? "all";
-  const query = useQuery({
-    queryKey: [
-      ...automationKeys.recipients(
-        automationId,
-        debouncedIncludeSegments,
-        debouncedExcludeSegments,
-        debouncedSearch
-      ),
-      filter2,
-      currentCursor || "initial",
-      options?.limit ?? 100
-    ],
-    queryFn: () => getCountOfBusinessAutomationRecipients({
-      includeSegments: debouncedIncludeSegments,
-      excludeSegments: debouncedExcludeSegments,
-      automationId,
-      search: debouncedSearch || void 0,
-      limit: options?.limit ?? 100,
-      filter: filter2,
-      cursor: currentCursor
-    }),
-    enabled: (options?.enabled ?? true) && !!automationId,
-    staleTime: 0,
-    // Always refetch when query key changes (including filter changes)
-    placeholderData: keepPreviousData
-    // Keep previous data while fetching
-  });
-  useEffect(() => {
-    if (query.data?.recipients) {
-      if (currentCursor) {
-        setAccumulatedRecipients((prev) => [...prev, ...query.data.recipients]);
-      } else {
-        setAccumulatedRecipients(query.data.recipients);
-      }
-    }
-  }, [query.data, currentCursor]);
-  const handleLoadMore = () => {
-    if (query.data?.pagination.hasNextPage && query.data.pagination.cursor && !query.isFetching) {
-      setCurrentCursor(query.data.pagination.cursor);
-      options?.onLoadMore?.(query.data.pagination.cursor);
-    }
-  };
-  return {
-    data: query.data ? {
-      ...query.data,
-      recipients: accumulatedRecipients
-    } : void 0,
-    isLoading: query.isLoading && accumulatedRecipients.length === 0,
-    isFetching: query.isFetching,
-    error: query.error,
-    refetch: query.refetch,
-    hasMore: query.data?.pagination.hasNextPage ?? false,
-    loadMore: handleLoadMore
-  };
-};
-const useGetSegment = (segmentId) => {
-  const segmentQuery = useQuery({
-    queryKey: segmentKeys.detail(segmentId),
-    queryFn: () => getSegment(segmentId),
-    ...CACHE_STANDARD,
-    enabled: !!segmentId
-  });
-  return {
-    segment: segmentQuery.data,
-    isFetching: segmentQuery.isFetching,
-    isLoading: segmentQuery.isLoading
-  };
-};
-const useUpdateSegment = (segmentId) => {
-  const queryClient = useQueryClient();
-  const updateSegmentMutation = useMutation({
-    mutationFn: (params) => {
-      if (!segmentId) {
-        throw new Error("Segment ID is required");
-      }
-      return updateSegment(segmentId, params);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: segmentKeys.all });
-    }
-  });
-  return {
-    updateSegment: updateSegmentMutation.mutate,
-    updateSegmentAsync: updateSegmentMutation.mutateAsync,
-    isUpdating: updateSegmentMutation.isPending,
-    updateError: updateSegmentMutation.error,
-    isUpdateSuccess: updateSegmentMutation.isSuccess
-  };
-};
-const useUpdateSegmentDynamic = () => {
-  const queryClient = useQueryClient();
-  const updateSegmentMutation = useMutation({
-    mutationFn: ({
-      segmentId,
-      params
-    }) => {
-      return updateSegment(segmentId, params);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: segmentKeys.all });
-    }
-  });
-  return {
-    updateSegmentAsync: updateSegmentMutation.mutateAsync,
-    isUpdating: updateSegmentMutation.isPending,
-    updateError: updateSegmentMutation.error,
-    isUpdateSuccess: updateSegmentMutation.isSuccess
-  };
-};
-const useDeleteSegment = (segmentId) => {
-  const queryClient = useQueryClient();
-  const deleteSegmentMutation = useMutation({
-    mutationFn: () => {
-      if (!segmentId) {
-        throw new Error("Segment ID is required");
-      }
-      return deleteSegment(segmentId);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: segmentKeys.all });
-    }
-  });
-  return {
-    deleteSegment: deleteSegmentMutation.mutate,
-    isDeleting: deleteSegmentMutation.isPending,
-    deleteError: deleteSegmentMutation.error,
-    isDeleteSuccess: deleteSegmentMutation.isSuccess
-  };
-};
-const useParseDate = () => {
-  const parseDateMutation = useMutation({
-    mutationFn: (params) => parseDate(params)
-  });
-  return {
-    parseDate: parseDateMutation.mutate,
-    isParsing: parseDateMutation.isPending,
-    parseError: parseDateMutation.error,
-    isParseSuccess: parseDateMutation.isSuccess,
-    parseResult: parseDateMutation.data
-  };
-};
-const usePreviewSegmentRecipients = (type, conditions, businessId, options, existingSegmentConditions) => {
-  const [debouncedConditions, setDebouncedConditions] = useState(conditions);
-  const [debouncedSearch, setDebouncedSearch] = useState(options?.search || "");
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedConditions(conditions);
-    }, options?.debounceMs);
-    return () => clearTimeout(timer);
-  }, [conditions, options?.debounceMs]);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedSearch(options?.search || "");
-    }, 600);
-    return () => clearTimeout(timer);
-  }, [options?.search]);
-  const areConditionsValid = (conditions2, type2) => {
-    if (type2 === BusinessSegmentTypeEnum.SQL) {
-      return true;
-    }
-    if (conditions2.length === 0) {
-      return false;
-    }
-    const isValid2 = conditions2.every((condition) => {
-      if (!condition.field || !condition.operator) {
-        return false;
-      }
-      if (condition.operator !== "exists" && condition.operator !== "not_exists" && (!condition.value || condition.value.length === 0)) {
-        return false;
-      }
-      return true;
-    });
-    return isValid2;
-  };
-  const conditionsKey = JSON.stringify(debouncedConditions);
-  const existingConditionsKey = JSON.stringify(existingSegmentConditions || []);
-  const query = useQuery({
-    queryKey: [
-      "preview-segment-recipients",
-      businessId,
-      type,
-      conditionsKey,
-      existingConditionsKey,
-      debouncedSearch || "",
-      options?.limit ?? 100
-    ],
-    queryFn: () => {
-      return previewSegmentRecipients({
-        businessId,
-        // If the segment is a SQL segment, use the existing segment conditions
-        conditions: type === BusinessSegmentTypeEnum.SQL && existingSegmentConditions ? existingSegmentConditions : debouncedConditions,
-        limit: options?.limit ?? 100,
-        search: debouncedSearch || void 0
-      });
-    },
-    enabled: (options?.enabled ?? true) && areConditionsValid(debouncedConditions, type),
-    staleTime: 3e4,
-    // 30 seconds
-    gcTime: 5 * 60 * 1e3,
-    // 5 minutes - keep in cache longer
-    placeholderData: keepPreviousData,
-    // Keep previous data while fetching to prevent re-renders
-    refetchOnWindowFocus: false,
-    // Don't refetch on window focus
-    refetchOnMount: false
-    // Don't refetch on mount if data exists
-  });
-  return {
-    data: query.data,
-    isLoading: query.isLoading,
-    isFetching: query.isFetching,
-    error: query.error,
-    refetch: query.refetch
-  };
-};
 const useRecipientStats$1 = (automation2) => {
   const { data: estimatedMatches } = useGetCountOfBusinessAutomationRecipients({
     includeSegments: automation2?.includeSegmentIds ?? [],
@@ -94503,33 +94436,33 @@ const getAutomationStatusVariant = (status) => {
 };
 const getTypeDescription = (type) => {
   switch (type) {
-    case BusinessSegmentTypeEnum.ALL_USERS:
+    case SegmentDefinitionTypeEnum.ALL_USERS:
       return `Default ${t$2("engage:segment").toLowerCase()} that contains all ${t$2("engage:user", { count: 2 }).toLowerCase()}. This is not editable or deletable.`;
-    case BusinessSegmentTypeEnum.MANAGED:
+    case SegmentDefinitionTypeEnum.MANAGED:
       return `System-defined ${t$2("engage:segment").toLowerCase()} that are not editable or deletable.`;
-    case BusinessSegmentTypeEnum.CUSTOM:
+    case SegmentDefinitionTypeEnum.CUSTOM:
       return `Custom ${t$2("engage:segment").toLowerCase()} that you can edit and delete as needed.`;
-    case BusinessSegmentTypeEnum.SQL:
+    case SegmentDefinitionTypeEnum.SQL:
       return `SQL-defined ${t$2("engage:segment").toLowerCase()} that are not editable or deletable.`;
-    case BusinessSegmentTypeEnum.ONE_OFF:
+    case SegmentDefinitionTypeEnum.ONE_OFF:
       return `One-off ${t$2("engage:segment").toLowerCase()} that are not editable or deletable.`;
     default:
-      throw UnreachableCaseStatement(type, BusinessSegmentTypeEnum);
+      throw UnreachableCaseStatement(type, SegmentDefinitionTypeEnum);
   }
 };
 const getSegmentTypeVariant = (type) => {
   switch (type) {
-    case BusinessSegmentTypeEnum.ALL_USERS:
+    case SegmentDefinitionTypeEnum.ALL_USERS:
       return "segmentAllUsers";
-    case BusinessSegmentTypeEnum.MANAGED:
+    case SegmentDefinitionTypeEnum.MANAGED:
       return "segmentManaged";
-    case BusinessSegmentTypeEnum.CUSTOM:
+    case SegmentDefinitionTypeEnum.CUSTOM:
       return "segmentCustom";
-    case BusinessSegmentTypeEnum.ONE_OFF:
-    case BusinessSegmentTypeEnum.SQL:
+    case SegmentDefinitionTypeEnum.ONE_OFF:
+    case SegmentDefinitionTypeEnum.SQL:
       return "segmentManaged";
     default:
-      throw UnreachableCaseStatement(type, BusinessSegmentTypeEnum);
+      throw UnreachableCaseStatement(type, SegmentDefinitionTypeEnum);
   }
 };
 function createNameColumn(nameAccessor = "name", headerText, showDescription = false) {
@@ -94562,12 +94495,12 @@ function createNameColumn(nameAccessor = "name", headerText, showDescription = f
         [AutomationStatus.ARCHIVED]: "bg-gray-500"
       };
       const typeDotStyles = {
-        [BusinessSegmentTypeEnum.ALL_USERS]: "bg-purple-500",
-        [BusinessSegmentTypeEnum.MANAGED]: "bg-teal-500",
-        [BusinessSegmentTypeEnum.CUSTOM]: "bg-amber-500",
-        [BusinessSegmentTypeEnum.SQL]: "bg-teal-500",
+        [SegmentDefinitionTypeEnum.ALL_USERS]: "bg-purple-500",
+        [SegmentDefinitionTypeEnum.MANAGED]: "bg-teal-500",
+        [SegmentDefinitionTypeEnum.CUSTOM]: "bg-amber-500",
+        [SegmentDefinitionTypeEnum.SQL]: "bg-teal-500",
         // Same as managed
-        [BusinessSegmentTypeEnum.ONE_OFF]: "bg-orange-500"
+        [SegmentDefinitionTypeEnum.ONE_OFF]: "bg-orange-500"
       };
       const dotColor = type ? typeDotStyles[type] : status ? badgeStyles[status] : "bg-blue-500";
       return /* @__PURE__ */ jsx("div", { className: "w-full flex gap-2 sm:gap-4 md:gap-6 justify-between items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1 items-center w-full min-w-0", children: [
@@ -94621,15 +94554,15 @@ function createTypeColumn() {
     cellClassName: "pr-2 sm:pr-3 md:pr-4",
     cellFormatter: (info) => {
       const typeFromCell = info.getValue();
-      const displayText = typeFromCell ? typeFromCell === BusinessSegmentTypeEnum.SQL ? "Managed" : typeFromCell.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLowerCase()).join(" ") : "Unknown";
+      const displayText = typeFromCell ? typeFromCell === SegmentDefinitionTypeEnum.SQL ? "Managed" : typeFromCell.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLowerCase()).join(" ") : "Unknown";
       let badgeVariant;
-      if (typeFromCell && (typeFromCell === BusinessSegmentTypeEnum.ALL_USERS || typeFromCell === BusinessSegmentTypeEnum.MANAGED || typeFromCell === BusinessSegmentTypeEnum.CUSTOM || typeFromCell === BusinessSegmentTypeEnum.SQL)) {
+      if (typeFromCell && (typeFromCell === SegmentDefinitionTypeEnum.ALL_USERS || typeFromCell === SegmentDefinitionTypeEnum.MANAGED || typeFromCell === SegmentDefinitionTypeEnum.CUSTOM || typeFromCell === SegmentDefinitionTypeEnum.SQL)) {
         try {
           badgeVariant = getSegmentTypeVariant(typeFromCell);
         } catch (e4) {
           if (e4 instanceof UnreachableCaseStatement) {
             console.error(
-              `Unhandled BusinessSegmentTypeEnum member in getSegmentTypeVariant: ${typeFromCell}`,
+              `Unhandled SegmentDefinitionTypeEnum member in getSegmentTypeVariant: ${typeFromCell}`,
               e4
             );
             badgeVariant = "statusDraft";
@@ -94846,6 +94779,57 @@ function createColumns(args) {
   ];
 }
 const DEFAULT_LOGO_URL = "https://assets.embedreach.com/defaults/logo-placeholder-128.png";
+var ChannelType = /* @__PURE__ */ ((ChannelType2) => {
+  ChannelType2["EMAIL"] = "email";
+  ChannelType2["SMS"] = "sms";
+  return ChannelType2;
+})(ChannelType || {});
+var CommunicationSubStepType$1 = /* @__PURE__ */ ((CommunicationSubStepType2) => {
+  CommunicationSubStepType2["EMAIL"] = "email";
+  CommunicationSubStepType2["SMS"] = "sms";
+  return CommunicationSubStepType2;
+})(CommunicationSubStepType$1 || {});
+const capitalize = (str) => {
+  if (!str) return str;
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+const getDisplayName = (recipient, fallbackText = "Unnamed User") => {
+  const fullName = `${recipient.firstName || ""} ${recipient.lastName || ""}`.trim();
+  if (fullName) return fullName;
+  if (recipient.firstName) return recipient.firstName;
+  if (recipient.lastName) return recipient.lastName;
+  if (recipient.email) return recipient.email;
+  if (recipient.phone) return recipient.phone;
+  return fallbackText;
+};
+const RECIPIENT_SEARCH_PLACEHOLDER = `Search by name, email, or phone...`;
+const getMergeFieldsFromUrl = (url, getMergeFields2) => {
+  if (!url || !getMergeFields2) return [];
+  const regex = /\{\{([^}]+)\}\}/g;
+  const matches2 = [...url.matchAll(regex)];
+  return matches2.map((match2) => {
+    const mergeFieldValue = match2[1];
+    const mergeField = getMergeFields2.mergeFields?.flatMap((f2) => f2.entries).find((entry) => entry.value === `{{${mergeFieldValue}}}`);
+    return mergeField ? mergeField.label : mergeFieldValue;
+  }).filter(Boolean);
+};
+const convertScheduledAtToScheduleSendAt = (scheduledAt) => {
+  if (scheduledAt === null || scheduledAt === void 0) {
+    return null;
+  }
+  if (scheduledAt === "now") {
+    return (/* @__PURE__ */ new Date()).toISOString();
+  }
+  return scheduledAt;
+};
+const getScheduleSendAtFromAutomation = (automation2) => {
+  if (automation2?.triggerMetadata && automation2.triggerMetadata.triggerType === AutomationTriggerType.ONE_TIME && "scheduledAt" in automation2.triggerMetadata) {
+    return convertScheduledAtToScheduleSendAt(
+      automation2.triggerMetadata.scheduledAt
+    );
+  }
+  return null;
+};
 const BackNextButtonGroup = ({
   handleBack,
   handleNext,
@@ -95455,27 +95439,17 @@ var BuiltInActionIds = /* @__PURE__ */ ((BuiltInActionIds2) => {
   BuiltInActionIds2["EditTime"] = "edit-time";
   return BuiltInActionIds2;
 })(BuiltInActionIds || {});
-var CommunicationSubStepType$1 = /* @__PURE__ */ ((CommunicationSubStepType2) => {
+var CommunicationSubStepType = /* @__PURE__ */ ((CommunicationSubStepType2) => {
   CommunicationSubStepType2["EMAIL"] = "email";
   CommunicationSubStepType2["SMS"] = "sms";
   return CommunicationSubStepType2;
-})(CommunicationSubStepType$1 || {});
+})(CommunicationSubStepType || {});
 var AutomationTabs = /* @__PURE__ */ ((AutomationTabs2) => {
   AutomationTabs2["WORKFLOW"] = "workflow";
   AutomationTabs2["RECIPIENTS"] = "recipients";
   AutomationTabs2["INSIGHTS"] = "insights";
   return AutomationTabs2;
 })(AutomationTabs || {});
-var ChannelType = /* @__PURE__ */ ((ChannelType2) => {
-  ChannelType2["EMAIL"] = "email";
-  ChannelType2["SMS"] = "sms";
-  return ChannelType2;
-})(ChannelType || {});
-var CommunicationSubStepType = /* @__PURE__ */ ((CommunicationSubStepType2) => {
-  CommunicationSubStepType2["EMAIL"] = "email";
-  CommunicationSubStepType2["SMS"] = "sms";
-  return CommunicationSubStepType2;
-})(CommunicationSubStepType || {});
 const DEFAULT_EMAIL_PREVIEW_HEIGHT = 400;
 const SMS_LIMITS = {
   ABSOLUTE_LIMIT: 1500,
@@ -96017,7 +95991,7 @@ const SendPreviewPopup = ({ type, setOpenSendPreviewPopup, open }) => {
       setIsLoadingUsers(true);
       try {
         const allUsersSegment = segments.find(
-          (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS
+          (segment2) => segment2.type === SegmentDefinitionTypeEnum.ALL_USERS
         );
         if (allUsersSegment) {
           const searchResponse = await getCountOfBusinessAutomationRecipients({
@@ -117090,30 +117064,6 @@ const extractMergeFieldNamesUtil = (text2) => {
   if (!matches2) return [];
   return matches2.map((match2) => match2.slice(2, -2));
 };
-const capitalize = (str) => {
-  if (!str) return str;
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-const getDisplayName = (recipient, fallbackText = "Unnamed User") => {
-  const fullName = `${recipient.firstName || ""} ${recipient.lastName || ""}`.trim();
-  if (fullName) return fullName;
-  if (recipient.firstName) return recipient.firstName;
-  if (recipient.lastName) return recipient.lastName;
-  if (recipient.email) return recipient.email;
-  if (recipient.phone) return recipient.phone;
-  return fallbackText;
-};
-const RECIPIENT_SEARCH_PLACEHOLDER = `Search by name, email, or phone...`;
-const getMergeFieldsFromUrl = (url, getMergeFields2) => {
-  if (!url || !getMergeFields2) return [];
-  const regex = /\{\{([^}]+)\}\}/g;
-  const matches2 = [...url.matchAll(regex)];
-  return matches2.map((match2) => {
-    const mergeFieldValue = match2[1];
-    const mergeField = getMergeFields2.mergeFields?.flatMap((f2) => f2.entries).find((entry) => entry.value === `{{${mergeFieldValue}}}`);
-    return mergeField ? mergeField.label : mergeFieldValue;
-  }).filter(Boolean);
-};
 const convertToHtml = (text2, mergeFields, variant) => {
   if (!text2) return "";
   const regex = /\{\{.*?\}\}/g;
@@ -118008,7 +117958,9 @@ const SMSEditor = ({
   isUpdating,
   hasUnsavedChanges,
   communicationGroupId,
-  hasDynamicMergeFieldImage = false
+  hasDynamicMergeFieldImage = false,
+  hasAttachedImage = false,
+  extraMergeFields = null
 }) => {
   const [characterCount, setCharacterCount] = useState(0);
   const [isAddImagePopoverOpen, setIsAddImagePopoverOpen] = useState(false);
@@ -118075,6 +118027,24 @@ const SMSEditor = ({
       if (selected.length > 0 && editor) {
         const mergeField = allMergeFields.flatMap((f2) => f2.entries).find((f2) => f2.value === selected[0]);
         if (mergeField) {
+          if (hasAttachedImage && extraMergeFields) {
+            const normalizedTemplateName = mergeField.value.startsWith("{{") && mergeField.value.endsWith("}}") ? mergeField.value.slice(2, -2) : mergeField.value;
+            for (const extraMergeField of extraMergeFields) {
+              if (extraMergeField.type === ReachMergeFieldTypeEnum.DYNAMIC) {
+                const foundField = extraMergeField.mergeFields.find(
+                  (field) => field.templateName === normalizedTemplateName
+                );
+                if (foundField?.image) {
+                  toast2({
+                    title: "Cannot add QR code merge field",
+                    description: "An image is already attached to this message. To ensure image quality, we don't allow adding QR code merge fields when an image is already attached.",
+                    variant: "destructive"
+                  });
+                  return;
+                }
+              }
+            }
+          }
           editor.chain().focus().insertContent({
             type: "mergeField",
             attrs: {
@@ -118085,7 +118055,7 @@ const SMSEditor = ({
         }
       }
     },
-    [editor, allMergeFields]
+    [editor, allMergeFields, hasAttachedImage, extraMergeFields, toast2]
   );
   const mergeFieldOptions = useMemo(
     () => allMergeFields.map((entry) => ({
@@ -119067,7 +119037,9 @@ const SMSEditorContent = React__default.memo(
                 isUpdating: isUpdatingCommunicationGroup || isUploadingImage,
                 hasUnsavedChanges,
                 communicationGroupId,
-                hasDynamicMergeFieldImage: dynamicMergeFieldImages.length > 0
+                hasDynamicMergeFieldImage: dynamicMergeFieldImages.length > 0,
+                hasAttachedImage: !!imagePreview || (initialImageUrls?.length ?? 0) > 0 || imageBase64 !== null,
+                extraMergeFields: communicationGroup?.extraMergeFields ?? null
               }
             )
           ] }),
@@ -123217,7 +123189,7 @@ const ConditionRow = ({
   const hoverTimeoutRef = useRef(null);
   const { segments } = useListSegments();
   const allUsersSegment = segments?.find(
-    (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS
+    (segment2) => segment2.type === SegmentDefinitionTypeEnum.ALL_USERS
   );
   const totalCount = condition.field === "userId" ? allUsersSegment?.userCount : void 0;
   const getMetadataForField = (field) => {
@@ -124056,7 +124028,7 @@ function SegmentBuilder({
             value: []
           }
         ],
-        type: BusinessSegmentTypeEnum.CUSTOM
+        type: SegmentDefinitionTypeEnum.CUSTOM
       }));
     }
   }, [existingSegment, segmentsConditions]);
@@ -124913,7 +124885,7 @@ const SelectIndividualUsersContent = ({
   const { segments } = useListSegments();
   const allUsersSegment = React__default.useMemo(
     () => segments?.find(
-      (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS
+      (segment2) => segment2.type === SegmentDefinitionTypeEnum.ALL_USERS
     ),
     [segments]
   );
@@ -125474,11 +125446,11 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
     filterChanged
   ]);
   const allUsersSelected = includedSegments.length === 1 && excludedSegments.length === 0 && segments?.find(
-    (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS && segment2.id === includedSegments[0]
+    (segment2) => segment2.type === SegmentDefinitionTypeEnum.ALL_USERS && segment2.id === includedSegments[0]
   ) !== void 0;
   const segmentIdToFetch = includedSegments.length === 1 && excludedSegments.length === 0 && !allUsersSelected ? includedSegments[0] : "";
   const { segment: singleSegment } = useGetSegment(segmentIdToFetch);
-  const oneOffSegmentSelected = singleSegment?.type === BusinessSegmentTypeEnum.ONE_OFF;
+  const oneOffSegmentSelected = singleSegment?.type === SegmentDefinitionTypeEnum.ONE_OFF;
   const finalCountResponse = React__default.useMemo(() => {
     if (selectedAudience === AutomationAudienceSelectorType.INDIVIDUAL) {
       if (selectedIndividualUserData.length > 0) {
@@ -125545,7 +125517,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
     const initializeState = async () => {
       if (automation2 && !initialStateSet && isLoading === false) {
         if (includedSegments.length === 1 && excludedSegments.length === 0 && segments.find(
-          (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS && segment2.id === includedSegments[0]
+          (segment2) => segment2.type === SegmentDefinitionTypeEnum.ALL_USERS && segment2.id === includedSegments[0]
         ) !== void 0) {
           setSelectedAudience(AutomationAudienceSelectorType.ALL);
         } else if (oneOffSegmentSelected && singleSegment) {
@@ -125611,7 +125583,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
     setSelectedAudience(value);
     if (value === AutomationAudienceSelectorType.ALL) {
       const allUsersSegment = segments?.find(
-        (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS
+        (segment2) => segment2.type === SegmentDefinitionTypeEnum.ALL_USERS
       );
       if (!allUsersSegment) {
         console.error("All users segment not found");
@@ -125680,7 +125652,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
             const newSegment = await createSegmentAsync({
               name: segmentName,
               description: "One-off segment for individual user selection",
-              type: BusinessSegmentTypeEnum.ONE_OFF,
+              type: SegmentDefinitionTypeEnum.ONE_OFF,
               conditions: [
                 {
                   field: "userId",
@@ -125754,7 +125726,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
           segment2 = await createSegmentAsync({
             name: segmentName,
             description: "One-off segment for individual user selection",
-            type: BusinessSegmentTypeEnum.ONE_OFF,
+            type: SegmentDefinitionTypeEnum.ONE_OFF,
             conditions: userIds.length > 0 ? [
               {
                 field: "userId",
@@ -127013,9 +126985,11 @@ const OneTimeWizardMain = ({ onFinish, getExtraMergeFields, onBeforeSchedule, hi
           await new Promise((resolve) => setTimeout(resolve, 250));
           attempts++;
         }
+        const scheduleSendAt = getScheduleSendAtFromAutomation(automation2);
         const result2 = await onBeforeSchedule({
           estimatedEmailRecipients: estimatedMatchesStats?.estimatedEmails || 0,
-          estimatedSmsRecipients: estimatedMatchesStats?.estimatedSms || 0
+          estimatedSmsRecipients: estimatedMatchesStats?.estimatedSms || 0,
+          scheduleSendAt
         });
         if (result2 === true) {
           updateAutomation2(
@@ -129222,9 +129196,9 @@ function SegmentList() {
           isPlaceholderData
         },
         onQueryParametersChange: handleQueryParametersChange,
-        getRowClassName: (row) => row.type === BusinessSegmentTypeEnum.ALL_USERS ? "cursor-not-allowed opacity-60" : "",
+        getRowClassName: (row) => row.type === SegmentDefinitionTypeEnum.ALL_USERS ? "cursor-not-allowed opacity-60" : "",
         onRowClick: (row) => {
-          if (row.type === BusinessSegmentTypeEnum.ALL_USERS) {
+          if (row.type === SegmentDefinitionTypeEnum.ALL_USERS) {
             toast2({
               title: "Read-only segment",
               description: "This segment cannot be edited.",
@@ -129232,7 +129206,7 @@ function SegmentList() {
             });
             return;
           }
-          if (row.type !== BusinessSegmentTypeEnum.CUSTOM) {
+          if (row.type !== SegmentDefinitionTypeEnum.CUSTOM) {
             setSelectedSegment(row.id);
             setCreateDialogOpen(true);
             return;
@@ -129251,7 +129225,7 @@ function SegmentList() {
         setOpen: setCreateDialogOpen,
         segmentId: selectedSegment ?? void 0,
         onSegmentUpdated: onDialogClose,
-        viewOnly: selectedSegment ? segments?.find((s4) => s4.id === selectedSegment)?.type !== BusinessSegmentTypeEnum.CUSTOM : false
+        viewOnly: selectedSegment ? segments?.find((s4) => s4.id === selectedSegment)?.type !== SegmentDefinitionTypeEnum.CUSTOM : false
       }
     )
   ] });
@@ -130000,9 +129974,11 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
             });
             return;
           }
+          const scheduleSendAt = getScheduleSendAtFromAutomation(automation2);
           const result2 = await onBeforeSchedule({
             estimatedEmailRecipients: estimatedMatchesStats?.emails ?? 0,
-            estimatedSmsRecipients: estimatedMatchesStats?.phones ?? 0
+            estimatedSmsRecipients: estimatedMatchesStats?.phones ?? 0,
+            scheduleSendAt
           });
           if (result2 !== true) {
             toast2({
@@ -133466,10 +133442,10 @@ const AutomationAudienceSelector = () => {
   const excludeSegmentIds = automation2.excludeSegmentIds;
   let copyText;
   let showSegmentPills = true;
-  if (singleSegment?.type === BusinessSegmentTypeEnum.ALL_USERS) {
+  if (singleSegment?.type === SegmentDefinitionTypeEnum.ALL_USERS) {
     copyText = `Send to all ${t$2("engage:user", { count: 2 })}`;
     showSegmentPills = false;
-  } else if (singleSegment?.type === BusinessSegmentTypeEnum.ONE_OFF) {
+  } else if (singleSegment?.type === SegmentDefinitionTypeEnum.ONE_OFF) {
     copyText = `Send to specific ${t$2("engage:user", { count: 2 })}`;
     showSegmentPills = false;
   } else {
@@ -133880,15 +133856,15 @@ const AutomationEditorSubStep = ({
   const channelEnabled = (() => {
     if (!communicationGroup) return false;
     switch (type) {
-      case CommunicationSubStepType$1.EMAIL:
+      case CommunicationSubStepType.EMAIL:
         return !!communicationGroup.emailChannelSenderId;
-      case CommunicationSubStepType$1.SMS:
+      case CommunicationSubStepType.SMS:
         return !!communicationGroup.smsChannelSenderId;
     }
   })();
   const getIcon = (type2, isSelected2) => {
     switch (type2) {
-      case CommunicationSubStepType$1.EMAIL:
+      case CommunicationSubStepType.EMAIL:
         return /* @__PURE__ */ jsx(
           IconDefinitions.EmailIcon,
           {
@@ -133898,7 +133874,7 @@ const AutomationEditorSubStep = ({
             )
           }
         );
-      case CommunicationSubStepType$1.SMS:
+      case CommunicationSubStepType.SMS:
         return /* @__PURE__ */ jsx(
           IconDefinitions.SmsIcon,
           {
@@ -133912,16 +133888,16 @@ const AutomationEditorSubStep = ({
   };
   const getSubStepLabel = () => {
     switch (type) {
-      case CommunicationSubStepType$1.EMAIL:
+      case CommunicationSubStepType.EMAIL:
         return "Email";
-      case CommunicationSubStepType$1.SMS:
+      case CommunicationSubStepType.SMS:
         return "SMS";
     }
   };
   const contentNeeded = (() => {
     if (!communicationGroup) return "Need to select a channel";
     switch (type) {
-      case CommunicationSubStepType$1.EMAIL:
+      case CommunicationSubStepType.EMAIL:
         if (!communicationGroup.emailChannelSenderId) {
           return "Please select a email sender";
         }
@@ -133932,7 +133908,7 @@ const AutomationEditorSubStep = ({
           return "Please add a subject to the email";
         }
         return true;
-      case CommunicationSubStepType$1.SMS:
+      case CommunicationSubStepType.SMS:
         if (!communicationGroup.smsChannelSenderId) {
           return "Please select a sms sender";
         }
@@ -133983,7 +133959,7 @@ const AutomationEditorSubStep = ({
               children: /* @__PURE__ */ jsx(MinorText, { className: "text-xs", children: getSubStepLabel() })
             }
           ),
-          channelEnabled && /* @__PURE__ */ jsx("div", { className: "text-[10px] font-medium text-muted-foreground", children: type === CommunicationSubStepType$1.EMAIL ? isGettingMergeFields ? /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground", children: "..." }) : /* @__PURE__ */ jsx(
+          channelEnabled && /* @__PURE__ */ jsx("div", { className: "text-[10px] font-medium text-muted-foreground", children: type === CommunicationSubStepType.EMAIL ? isGettingMergeFields ? /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground", children: "..." }) : /* @__PURE__ */ jsx(
             MergeFieldRenderer,
             {
               content: communicationGroup?.emailSubject || "No subject set",
@@ -134322,9 +134298,9 @@ const AutomationFlowMain = ({
       );
       if (selectedAction?.actionData.actionType === ActionType.SEND_COMMUNICATION) {
         if (communicationGroup?.emailChannelSenderId) {
-          setSelectedSubStepType2(CommunicationSubStepType$1.EMAIL);
+          setSelectedSubStepType2(CommunicationSubStepType.EMAIL);
         } else {
-          setSelectedSubStepType2(CommunicationSubStepType$1.SMS);
+          setSelectedSubStepType2(CommunicationSubStepType.SMS);
         }
       }
     }
@@ -134413,14 +134389,14 @@ const AutomationFlowMain = ({
                 /* @__PURE__ */ jsx(
                   AutomationEditorSubStep,
                   {
-                    type: CommunicationSubStepType$1.EMAIL,
+                    type: CommunicationSubStepType.EMAIL,
                     actionId: actionData.actionData.actionMetadata.currentActionId
                   }
                 ),
                 !hideSms && /* @__PURE__ */ jsx(
                   AutomationEditorSubStep,
                   {
-                    type: CommunicationSubStepType$1.SMS,
+                    type: CommunicationSubStepType.SMS,
                     actionId: actionData.actionData.actionMetadata.currentActionId
                   }
                 )
@@ -134640,9 +134616,9 @@ const useChannelToggle = (type) => {
   const isChannelEnabled = useCallback(() => {
     if (!communicationGroup) return false;
     switch (type) {
-      case CommunicationSubStepType$1.EMAIL:
+      case CommunicationSubStepType.EMAIL:
         return !!communicationGroup.emailChannelSenderId;
-      case CommunicationSubStepType$1.SMS:
+      case CommunicationSubStepType.SMS:
         return !!communicationGroup.smsChannelSenderId;
     }
   }, [communicationGroup, type]);
@@ -134655,7 +134631,7 @@ const useChannelToggle = (type) => {
         smsChannelSenderId: communicationGroup.smsChannelSenderId
       };
       switch (type) {
-        case CommunicationSubStepType$1.EMAIL:
+        case CommunicationSubStepType.EMAIL:
           if (channelEnabled && communicationGroup.emailChannelSenderId) {
             params.emailChannelSenderId = null;
           } else {
@@ -134665,7 +134641,7 @@ const useChannelToggle = (type) => {
             }
           }
           break;
-        case CommunicationSubStepType$1.SMS:
+        case CommunicationSubStepType.SMS:
           if (channelEnabled && communicationGroup.smsChannelSenderId) {
             params.smsChannelSenderId = null;
           } else {
@@ -135723,7 +135699,7 @@ const AutomationEditorEmailPreview = ({
     channelEnabled,
     isUpdating: isUpdatingChannel,
     handleToggleChannel
-  } = useChannelToggle(CommunicationSubStepType$1.EMAIL);
+  } = useChannelToggle(CommunicationSubStepType.EMAIL);
   const [openPreviewDialog, setOpenPreviewDialog] = useState(false);
   const [showStripoEditor, setShowStripoEditor] = useState(false);
   const [showHelpDialog, setShowHelpDialog] = useState(null);
@@ -136079,7 +136055,7 @@ const AutomationEditorSMSPreview = ({
     channelEnabled,
     isUpdating: isUpdatingChannel,
     handleToggleChannel
-  } = useChannelToggle(CommunicationSubStepType.SMS);
+  } = useChannelToggle(CommunicationSubStepType$1.SMS);
   const { updateCommunicationGroup: updateCommunicationGroup2, isUpdating: isUpdatingCommunicationGroup } = useUpdateCommunicationGroup();
   const smsChannelSenders = getSmsChannelSenders({
     channelSenders: channelSenders?.results ?? [],
@@ -136420,8 +136396,8 @@ const AutomationEditorCommunicationPreview = ({
     disablePreviewSubtext
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 bg-muted rounded-md", children: [
-    selectedSubStepType === CommunicationSubStepType$1.EMAIL && /* @__PURE__ */ jsx(AutomationEditorEmailPreview, { ...commonProps }),
-    selectedSubStepType === CommunicationSubStepType$1.SMS && !hideSms && /* @__PURE__ */ jsx(AutomationEditorSMSPreview, { ...commonProps })
+    selectedSubStepType === CommunicationSubStepType.EMAIL && /* @__PURE__ */ jsx(AutomationEditorEmailPreview, { ...commonProps }),
+    selectedSubStepType === CommunicationSubStepType.SMS && !hideSms && /* @__PURE__ */ jsx(AutomationEditorSMSPreview, { ...commonProps })
   ] });
 };
 const AutomationsEditorMain = () => {