@embedreach/components 0.2.12 → 0.2.14

package/dist/chunks/index.js

@@ -6,6 +6,7 @@ import ReactDOM__default from "react-dom";
 const BUSINESS_PATH = "/businesses/me";
 const BUSINESS_SEGMENT_PATH = "/segments";
 const BUSINESS_AUTOMATION_PATH = "/automations";
+const BUSINESS_AUTOMATION_INTERNAL_PATH = "/automations/internal";
 const WEB_PRESENCE_PATH = "/web-presence";
 const WEBSITE_BRAND_SETTINGS_PATH = `${WEB_PRESENCE_PATH}/brand-settings`;
 const CHANNEL_SENDER_PATH = "/channel/senders";
@@ -2621,7 +2622,14 @@ const createQueryClient = () => new QueryClient({
 const automationKeys = {
   all: ["automations"],
   single: (id2) => [...automationKeys.all, id2],
-  recipients: (id2) => [...automationKeys.all, id2, "recipients"],
+  sentCommunications: (args) => [
+    ...automationKeys.all,
+    args.automationId,
+    "sentCommunications",
+    ...args.cursor ? [args.cursor] : [],
+    ...args.limit ? [args.limit] : [],
+    ...args.search ? [args.search] : []
+  ],
   statistics: (id2) => [...automationKeys.all, id2, "statistics"],
   list: (args) => [
     ...automationKeys.all,
@@ -2649,10 +2657,21 @@ const getAutomation = async (automationId) => {
   );
   return response.data;
 };
-const getAutomationRecipients = async (automationId) => {
-  const response = await baseRequest(
-    `${BUSINESS_AUTOMATION_PATH}/${automationId}/recipients`
-  );
+const getSentCommunications = async (args) => {
+  const params = new URLSearchParams();
+  if (args.cursor) {
+    params.append("cursor", args.cursor);
+  }
+  if (args.limit) {
+    params.append("limit", args.limit.toString());
+  }
+  if (args.search) {
+    params.append("search", args.search);
+  }
+  const url = `${BUSINESS_AUTOMATION_INTERNAL_PATH}/${args.automationId}/sent${params.toString() ? `?${params.toString()}` : ""}`;
+  const response = await baseRequest(url, {
+    method: "GET"
+  });
   return response.data;
 };
 const updateAutomation = async (id2, params) => {
@@ -2736,18 +2755,30 @@ const useGetBusinessAutomation = (automationId) => {
     })
   };
 };
-const useGetBusinessAutomationRecipients = (automationId) => {
-  const getAutomationRecipientsQuery = useQuery({
-    queryKey: automationKeys.recipients(automationId),
-    queryFn: () => getAutomationRecipients(automationId)
+const useGetBusinessAutomationSentCommunications = (args) => {
+  const getSentCommunicationsQuery = useQuery({
+    queryKey: automationKeys.sentCommunications(args),
+    queryFn: () => getSentCommunications(args),
+    // 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
   });
   return {
-    // Get automation recipients query
-    recipients: getAutomationRecipientsQuery.data,
-    isFetching: getAutomationRecipientsQuery.isFetching,
-    isLoading: getAutomationRecipientsQuery.isLoading,
-    fetchError: getAutomationRecipientsQuery.error,
-    refetchAutomationRecipients: getAutomationRecipientsQuery.refetch
+    // Get automation sent communications query
+    sentCommunications: getSentCommunicationsQuery.data,
+    isFetching: getSentCommunicationsQuery.isFetching,
+    isLoading: getSentCommunicationsQuery.isLoading,
+    isPlaceholderData: getSentCommunicationsQuery.isPlaceholderData,
+    fetchError: getSentCommunicationsQuery.error,
+    refetchSentCommunications: getSentCommunicationsQuery.refetch
   };
 };
 const useCreateBusinessAutomation = () => {
@@ -2852,6 +2883,11 @@ var AutomationStatus = /* @__PURE__ */ ((AutomationStatus2) => {
   AutomationStatus2["DEACTIVATED"] = "deactivated";
   return AutomationStatus2;
 })(AutomationStatus || {});
+var ChannelIntegrationTypeEnum = /* @__PURE__ */ ((ChannelIntegrationTypeEnum2) => {
+  ChannelIntegrationTypeEnum2["EMAIL"] = "email";
+  ChannelIntegrationTypeEnum2["SMS"] = "sms";
+  return ChannelIntegrationTypeEnum2;
+})(ChannelIntegrationTypeEnum || {});
 var sharedConfig = {
   context: void 0,
   registry: void 0,
@@ -46033,6 +46069,20 @@ const sendTestCommunication = async (id2, params) => {
   );
   return response.data;
 };
+const resetCommunicationGroupToDefault = async (args) => {
+  const { communicationGroupId, automationId, type } = args;
+  const response = await baseRequest(
+    `${COMMUNICATION_GROUP_PATH}/${communicationGroupId}/${automationId}/reset`,
+    {
+      method: "POST",
+      body: JSON.stringify({ type })
+    }
+  );
+  return response.data;
+};
+const communicationGroupQueryKeys = {
+  all: ["communication-group"]
+};
 const useGetCommunicationGroup = (communicationGroupId) => {
   const query = useQuery({
     queryKey: ["communication-group", communicationGroupId],
@@ -46054,7 +46104,9 @@ const useUpdateCommunicationGroup = () => {
       params
     }) => updateCommunicationGroup(groupId, params),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["communication-group"] });
+      queryClient.invalidateQueries({
+        queryKey: communicationGroupQueryKeys.all
+      });
     }
   });
   return {
@@ -63065,8 +63117,13 @@ const stripoScriptId = "UiEditorScript";
 const initStripo = (options) => {
   return new Promise((resolve, reject) => {
     const initStripoEditor = () => {
+      let forceRecreate = true;
+      if (options.updatedFromDefault) {
+        forceRecreate = false;
+      }
       if (window.UIEditor) {
         window.UIEditor.initEditor(options.container, {
+          forceRecreate,
           metadata: {
             emailId: options.emailId
           },
@@ -63226,7 +63283,8 @@ const StripoWrapper = ({
           css: template2.css || "",
           container: containerRef.current,
           businessId: editorData.businessId,
-          mergeFields: mergeFieldsResponse.mergeFields || []
+          mergeFields: mergeFieldsResponse.mergeFields || [],
+          updatedFromDefault: template2.updatedFromDefault
         }).catch((error2) => {
           console.error("Failed to initialize Stripo:", error2);
         });
@@ -64316,6 +64374,103 @@ const SMSPreview = ({ mergeFieldsResponse, smsChannelSenders }) => {
     ] })
   ] });
 };
+var CommunicationGroupTypeEnum = /* @__PURE__ */ ((CommunicationGroupTypeEnum2) => {
+  CommunicationGroupTypeEnum2["CUSTOM"] = "custom";
+  CommunicationGroupTypeEnum2["MANAGED"] = "managed";
+  return CommunicationGroupTypeEnum2;
+})(CommunicationGroupTypeEnum || {});
+var BuiltInActionIds = /* @__PURE__ */ ((BuiltInActionIds2) => {
+  BuiltInActionIds2["EditAudience"] = "edit-audience";
+  BuiltInActionIds2["EditTime"] = "edit-time";
+  return BuiltInActionIds2;
+})(BuiltInActionIds || {});
+const TitleAndResetButton = ({ title: title2, type }) => {
+  const communicationGroup = useCommunicationGroup();
+  const automation2 = useAutomation();
+  const { toast: toast2 } = useToast();
+  const queryClient = useQueryClient();
+  const [loading2, setLoading2] = useState(false);
+  const [showConfirm, setShowConfirmDialog] = useState(false);
+  const showResetButton = (
+    /**
+     * If we haven't loaded in the communication group yet, don't show the reset button
+     */
+    !communicationGroup ? false : (
+      /**
+       * First see if this is a managed communication group
+       */
+      communicationGroup.type === CommunicationGroupTypeEnum.MANAGED && /**
+      * If its SMS, check if the text_message_body was updated from the default template
+      */
+      (type === "sms" ? communicationGroup.updatedFromDefault?.text_message_body : (
+        /**
+         * If its email, check if the email_text_body or email_html_body was updated from the default template
+         */
+        communicationGroup.updatedFromDefault?.email_text_body || communicationGroup.updatedFromDefault?.email_html_body
+      ))
+    )
+  );
+  const resetCommunicationGroup = async () => {
+    if (!communicationGroup || !automation2) {
+      toast2({
+        title: "Error resetting communication",
+        description: "Please contact your administrator",
+        variant: "destructive"
+      });
+      return;
+    }
+    setLoading2(true);
+    await resetCommunicationGroupToDefault({
+      communicationGroupId: communicationGroup.id,
+      automationId: automation2.id,
+      type
+    });
+    queryClient.invalidateQueries({
+      queryKey: communicationGroupQueryKeys.all
+    });
+    toast2({
+      title: "Communication reset to default!"
+    });
+    setLoading2(false);
+    setShowConfirmDialog(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-xl text-primary", children: title2 }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: showResetButton && /* @__PURE__ */ jsx(Fragment, { children: loading2 ? /* @__PURE__ */ jsx(BasicLoader, {}) : /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => setShowConfirmDialog(true),
+          children: "Reset To Default"
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: showConfirm, onOpenChange: setShowConfirmDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl font-semibold", children: "Reset to Default" }),
+        /* @__PURE__ */ jsxs(DialogDescription, { className: "text-base text-muted-foreground", children: [
+          "Are you sure you want to reset this",
+          " ",
+          type === "email" ? "email" : "SMS",
+          " template to its default state? This action cannot be undone."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { className: "flex flex-row justify-end gap-3 mt-6", children: [
+        /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            variant: "outline",
+            onClick: () => setShowConfirmDialog(false),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button$1, { variant: "destructive", onClick: resetCommunicationGroup, children: "Reset to Default" })
+      ] })
+    ] }) })
+  ] });
+};
 const EditCampaignContent = ({
   getExtraMergeFields
 }) => {
@@ -64427,12 +64582,6 @@ const EditCampaignContent = ({
         }
       });
     } else {
-      if (communicationGroup?.id && communicationGroup.extraMergeFields !== null) {
-        updateCommunicationGroup2({
-          groupId: communicationGroup?.id,
-          params: { extraMergeFields: null }
-        });
-      }
       setMergeFieldsResponse(getMergeFields$1);
     }
   }, [
@@ -64491,7 +64640,7 @@ const EditCampaignContent = ({
         className: "bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative",
         ref: emailContainerRef,
         children: [
-          /* @__PURE__ */ jsx("h4", { className: "text-xl text-primary", children: "Email Campaign" }),
+          /* @__PURE__ */ jsx(TitleAndResetButton, { title: "Email Campaign", type: "email" }),
           /* @__PURE__ */ jsx(
             EmailPreview,
             {
@@ -64503,7 +64652,7 @@ const EditCampaignContent = ({
       }
     ),
     selectedChannels.includes("sms") && /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-xl text-primary", children: "SMS Campaign" }),
+      /* @__PURE__ */ jsx(TitleAndResetButton, { title: "SMS Campaign", type: "sms" }),
       /* @__PURE__ */ jsx(
         SMSPreview,
         {
@@ -81840,13 +81989,13 @@ const useAutomationStatusToggle = (id2) => {
   }, [isUpdateSuccess, updateError, toast2]);
   return { toggleStatus };
 };
-const DEFAULT_PAGE_SIZE$2 = 10;
+const DEFAULT_PAGE_SIZE$3 = 10;
 function AutomationList() {
   const { toast: toast2 } = useToast();
   const [updatingId, setUpdatingId] = useState(null);
   const { toggleStatus } = useAutomationStatusToggle(updatingId || "");
   const navigate = useNavigate();
-  const [pageSizeForQuery, setPageSizeForQuery] = useState(DEFAULT_PAGE_SIZE$2);
+  const [pageSizeForQuery, setPageSizeForQuery] = useState(DEFAULT_PAGE_SIZE$3);
   const [cursorForQuery, setCursorForQuery] = useState(
     void 0
   );
@@ -81936,14 +82085,14 @@ function AutomationList() {
     }
   ) }) });
 }
-const DEFAULT_PAGE_SIZE$1 = 10;
+const DEFAULT_PAGE_SIZE$2 = 10;
 function BroadcastList() {
   const { toast: toast2 } = useToast();
   const [createDialogOpen, setCreateDialogOpen] = useState(false);
   const [updatingId, setUpdatingId] = useState(null);
   const { toggleStatus } = useAutomationStatusToggle(updatingId || "");
   const navigate = useNavigate();
-  const [pageSizeForQuery, setPageSizeForQuery] = useState(DEFAULT_PAGE_SIZE$1);
+  const [pageSizeForQuery, setPageSizeForQuery] = useState(DEFAULT_PAGE_SIZE$2);
   const [cursorForQuery, setCursorForQuery] = useState(
     void 0
   );
@@ -81997,7 +82146,7 @@ function BroadcastList() {
   );
   const resetListPagination = () => {
     setCursorForQuery(void 0);
-    setPageSizeForQuery(DEFAULT_PAGE_SIZE$1);
+    setPageSizeForQuery(DEFAULT_PAGE_SIZE$2);
     setSearchQuery("");
   };
   const onDialogClose = (result) => {
@@ -82065,12 +82214,12 @@ function BroadcastList() {
     )
   ] });
 }
-const DEFAULT_PAGE_SIZE = 10;
+const DEFAULT_PAGE_SIZE$1 = 10;
 function SegmentList() {
   const { toast: toast2 } = useToast();
   const [createDialogOpen, setCreateDialogOpen] = useState(false);
   const [selectedSegment, setSelectedSegment] = useState(null);
-  const [pageSizeForQuery, setPageSizeForQuery] = useState(DEFAULT_PAGE_SIZE);
+  const [pageSizeForQuery, setPageSizeForQuery] = useState(DEFAULT_PAGE_SIZE$1);
   const [cursorForQuery, setCursorForQuery] = useState(
     void 0
   );
@@ -82124,7 +82273,7 @@ function SegmentList() {
   );
   const resetListPagination = () => {
     setCursorForQuery(void 0);
-    setPageSizeForQuery(DEFAULT_PAGE_SIZE);
+    setPageSizeForQuery(DEFAULT_PAGE_SIZE$1);
     setSearchQuery("");
   };
   const onDialogClose = (result) => {
@@ -82754,14 +82903,59 @@ const AutomationsEditorStatsTab = ({ hideSms, hideSales }) => {
     }
   ) });
 };
-const AutomationsEditorRecipientsTab = () => {
+const DEFAULT_PAGE_SIZE = 10;
+const AutomationRecipientsTable = () => {
   const automation2 = useAutomation();
+  const [pageSizeForQuery, setPageSizeForQuery] = useState(DEFAULT_PAGE_SIZE);
+  const [cursorForQuery, setCursorForQuery] = useState(
+    void 0
+  );
+  const [searchQuery, setSearchQuery] = useState("");
   const {
-    recipients,
+    sentCommunications,
     isLoading: isLoadingRecipients,
+    isFetching,
+    isPlaceholderData,
     fetchError
-  } = useGetBusinessAutomationRecipients(automation2?.id ?? "");
+  } = useGetBusinessAutomationSentCommunications({
+    automationId: automation2?.id ?? "",
+    cursor: cursorForQuery,
+    limit: pageSizeForQuery,
+    search: searchQuery || void 0
+  });
+  const handleQueryParametersChange = useCallback(
+    (params) => {
+      setCursorForQuery(params.cursor);
+      setPageSizeForQuery(params.pageSize);
+    },
+    []
+  );
   const columns = [
+    {
+      accessorKey: "communicationsSent",
+      id: "lastCommunication",
+      header: "Updated At",
+      cell: ({ row }) => {
+        const communications = row.original.communicationsSent || [];
+        if (communications.length === 0) {
+          return /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "None" });
+        }
+        const latestCommunication = communications.reduce(
+          (latest, current) => {
+            if (!latest || !latest.updatedAt) return current;
+            if (!current.updatedAt) return latest;
+            return new Date(current.updatedAt) > new Date(latest.updatedAt) ? current : latest;
+          }
+        );
+        if (!latestCommunication?.updatedAt) {
+          return /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Not available" });
+        }
+        return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: format$1(
+          new Date(latestCommunication.updatedAt),
+          "MMM d, yyyy h:mm a"
+        ) }) });
+      }
+    },
     {
       accessorFn: (row) => `${row.firstName || ""} ${row.lastName || ""}`.trim(),
       id: "name",
@@ -82782,9 +82976,73 @@ const AutomationsEditorRecipientsTab = () => {
       accessorKey: "phone",
       header: "Phone",
       cell: ({ row }) => row.original.phone || /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Not provided" })
+    },
+    {
+      accessorKey: "communicationsSent",
+      id: "communicationsSent",
+      header: "Communications Sent",
+      cell: ({ row }) => {
+        const communications = row.original.communicationsSent || [];
+        const emailCommunications = communications.filter(
+          (c2) => c2.type === ChannelIntegrationTypeEnum.EMAIL
+        );
+        const smsCommunications = communications.filter(
+          (c2) => c2.type === ChannelIntegrationTypeEnum.SMS
+        );
+        const hasEmail = emailCommunications.length > 0;
+        const hasSms = smsCommunications.length > 0;
+        const emailDelivered = emailCommunications.some((c2) => c2.delivered);
+        const smsDelivered = smsCommunications.some((c2) => c2.delivered);
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          hasEmail && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                IconDefinitions.EmailIcon,
+                {
+                  className: `h-4 w-4 ${emailDelivered ? "text-green-500" : "text-gray-400"}`
+                }
+              ),
+              emailDelivered && /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -top-1 h-2 w-2 rounded-full bg-green-500 ring-1 ring-white" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Email" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `text-xs ${emailDelivered ? "text-green-600" : "text-gray-500"}`,
+                  children: emailDelivered ? "Delivered" : "Pending"
+                }
+              )
+            ] })
+          ] }),
+          hasEmail && hasSms && /* @__PURE__ */ jsx("div", { className: "h-8 w-px bg-gray-200" }),
+          hasSms && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                IconDefinitions.SmsIcon,
+                {
+                  className: `h-4 w-4 ${smsDelivered ? "text-green-500" : "text-gray-400"}`
+                }
+              ),
+              smsDelivered && /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -top-1 h-2 w-2 rounded-full bg-green-500 ring-1 ring-white" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "SMS" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `text-xs ${smsDelivered ? "text-green-600" : "text-gray-500"}`,
+                  children: smsDelivered ? "Delivered" : "Pending"
+                }
+              )
+            ] })
+          ] }),
+          !hasEmail && !hasSms && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-400", children: "None" })
+        ] });
+      }
     }
   ];
-  if (!automation2 || isLoadingRecipients || !recipients) {
+  if (!automation2 || isLoadingRecipients || !sentCommunications) {
     return /* @__PURE__ */ jsx(BasicLoader, { text: ["Fetching Recipients", "Finishing up"] });
   }
   if (fetchError) {
@@ -82793,31 +83051,56 @@ const AutomationsEditorRecipientsTab = () => {
       fetchError.message
     ] });
   }
-  if (!recipients || recipients.recipients.length === 0) {
+  if (!sentCommunications || !searchQuery && sentCommunications.results.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center p-8 text-center", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(IconDefinitions.UserIcon, { className: "h-12 w-12 text-gray-400" }) }),
-      /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold text-gray-700", children: "No Recipients Found" }),
+      /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold text-gray-700", children: "No Communications Sent Yet" }),
       /* @__PURE__ */ jsxs("p", { className: "text-gray-500", children: [
-        "This ",
-        t$1("engage:automation"),
-        " currently has no assigned recipients. Please update the include or exclude",
+        "This",
         " ",
-        t$1("engage:segment", { count: 2 }),
-        " to add recipients."
+        automation2.triggerType === AutomationTriggerType.ONE_TIME ? t$1("engage:one_time") : t$1("engage:automation"),
+        " ",
+        "hasn't sent any communications yet. Please check back later to see recipient details once communications have been sent."
       ] })
     ] });
   }
   return /* @__PURE__ */ jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ jsx(
     TanstackTable,
     {
-      data: recipients.recipients,
+      data: sentCommunications.results,
       columns,
-      paginationMode: "standard",
-      initialPageSize: 10,
-      isLoading: isLoadingRecipients
+      paginationMode: "cursor",
+      initialPageSize: pageSizeForQuery,
+      isLoading: isLoadingRecipients && !isPlaceholderData,
+      cursorPaginationQueryResult: {
+        nextCursor: sentCommunications.pagination.cursor,
+        isLoading: isLoadingRecipients,
+        isFetching,
+        isPlaceholderData
+      },
+      onQueryParametersChange: handleQueryParametersChange,
+      searchValue: searchQuery,
+      onSearchChange: setSearchQuery
     }
   ) });
 };
+const AutomationsEditorRecipientsTab = () => {
+  const automation2 = useAutomation();
+  if (automation2?.triggerType === AutomationTriggerType.ONE_TIME && automation2?.status === AutomationStatus.DRAFT) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center p-8 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(IconDefinitions.UserIcon, { className: "h-12 w-12 text-gray-400" }) }),
+      /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold text-gray-700", children: "No Recipients Available Yet" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-gray-500", children: [
+        "Recipients will be available once this",
+        " ",
+        automation2.triggerType === AutomationTriggerType.ONE_TIME ? t$1("engage:one_time") : t$1("engage:automation"),
+        " ",
+        "has completed running. Please check back after the automation has finished."
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(AutomationRecipientsTable, {});
+};
 const PanelGroupContext = createContext$1(null);
 PanelGroupContext.displayName = "PanelGroupContext";
 const DATA_ATTRIBUTES = {
@@ -84965,11 +85248,6 @@ const sortAutomationSteps = (args) => {
   }
   return sortedSteps;
 };
-var BuiltInActionIds = /* @__PURE__ */ ((BuiltInActionIds2) => {
-  BuiltInActionIds2["EditAudience"] = "edit-audience";
-  BuiltInActionIds2["EditTime"] = "edit-time";
-  return BuiltInActionIds2;
-})(BuiltInActionIds || {});
 const AutomationFlowLabel = ({ copyText }) => {
   return /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: copyText });
 };
@@ -85512,7 +85790,8 @@ const AutomationFlowMain = () => {
         },
         actionData.actionData.actionMetadata?.currentActionId ?? index2
       )),
-      automation2.triggerType === AutomationTriggerType.ONE_TIME && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx(AutomationEditorTrigger, {}) }, "one-time-trigger")
+      automation2.triggerType === AutomationTriggerType.ONE_TIME && // We need this otherwise we can get a 'Encountered two children with the same key, ``.'
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx(AutomationEditorTrigger, {}) }, "one-time-trigger")
     ] }) })
   ] });
 };