@embedreach/components 0.1.76 → 0.1.78

package/dist/chunks/index.js

@@ -34169,6 +34169,9 @@ const PaginatedTable = ({
           cursor: newCursor,
           limit: itemsPerPage
         });
+        if (!response.items) {
+          return;
+        }
         if (newCursor) {
           setItems((prev) => [...prev, ...response.items]);
         } else {
@@ -34419,7 +34422,7 @@ const AutomationTable = memo$1(
             search: searchQuery || void 0
           });
           return {
-            items: response.data,
+            items: response.results,
             cursor: response.pagination.cursor ?? void 0
           };
         },
@@ -42777,7 +42780,13 @@ const SegmentBuilderHeader = ({
         {
           variant: "ghost",
           size: "icon",
-          onClick: () => setOpen(false),
+          onClick: () => {
+            if (textToSegment2 === true) {
+              setTextToSegment(false);
+            } else {
+              setOpen(false);
+            }
+          },
           className: "h-8 w-8",
           children: /* @__PURE__ */ jsx(X$1, { className: "h-4 w-4" })
         }
@@ -43347,7 +43356,7 @@ const AllSegmentList = () => {
             search: searchQuery || void 0
           });
           return {
-            items: response.data,
+            items: response.results,
             cursor: response.pagination.cursor ?? void 0
           };
         },
@@ -43533,13 +43542,25 @@ const validateAutomationStep = async (args) => {
     }
   }
   if (currentStep === 3) {
+    const isOneTime = isOneTimeTriggerMetadata(automation2.trigger_metadata);
+    if (isOneTime) {
+      const oneTimeMetadata = automation2.trigger_metadata;
+      return {
+        canMove: Boolean(
+          oneTimeMetadata.scheduled_at && new Date(oneTimeMetadata.scheduled_at) > /* @__PURE__ */ new Date() && automation2.action_data?.some(
+            (action) => action.action_type === "send_communication" && action.action_metadata.communication_group_id
+          )
+        ),
+        errorMessage: "Please ensure you have set a valid future date for your one-time automation"
+      };
+    }
     return {
       canMove: Boolean(
-        isOneTimeTriggerMetadata(automation2.trigger_metadata) && automation2.trigger_metadata.scheduled_at && new Date(automation2.trigger_metadata.scheduled_at) > /* @__PURE__ */ new Date() && automation2.action_data?.some(
+        automation2.action_data?.some(
           (action) => action.action_type === "send_communication" && action.action_metadata.communication_group_id
         )
       ),
-      errorMessage: "Please ensure you have set a valid future date for scheduling"
+      errorMessage: null
     };
   }
   return {
@@ -43944,7 +43965,7 @@ const AutomationContent = ({
     setLoading2(true);
     try {
       const emailChannelSenderId = communicationGroup.email_channel_sender_id;
-      const emailChannelSender = channelSenders.data.find(
+      const emailChannelSender = channelSenders.results.find(
         (sender) => sender.id === emailChannelSenderId
       );
       if (emailChannelSender && communicationGroup.email_html_body) {
@@ -43958,7 +43979,7 @@ const AutomationContent = ({
         });
       }
       const smsChannelSenderId = communicationGroup.sms_channel_sender_id;
-      const smsChannelSender = channelSenders.data.find(
+      const smsChannelSender = channelSenders.results.find(
         (sender) => sender.id === smsChannelSenderId
       );
       if (smsChannelSender && (smsChannelSender.channel_sender_metadata.from || smsChannelSender.channel_sender_metadata.messageServiceSid) && communicationGroup.sms_message_body) {
@@ -46068,8 +46089,8 @@ const EmailPreview = ({
   const { channelAccounts } = useChannelAccount();
   const { updateChannelSender: updateChannelSender2 } = useUpdateChannelSender();
   const emailChannelSendersWithChannelAccounts = useMemo(
-    () => channelSenders?.data?.filter((sender) => sender.channel_sender_metadata.userPart)?.flatMap((sender) => {
-      const channelAccount = channelAccounts?.data?.find(
+    () => channelSenders?.results?.filter((sender) => sender.channel_sender_metadata.userPart)?.flatMap((sender) => {
+      const channelAccount = channelAccounts?.results?.find(
         (account) => account.id === sender.channel_account_id
       );
       if (!channelAccount) return [];
@@ -46083,7 +46104,7 @@ const EmailPreview = ({
       }
       return [];
     }) || [],
-    [channelSenders?.data, channelAccounts?.data]
+    [channelSenders?.results, channelAccounts?.results]
   );
   const [stripoDialogDimensions, setStripoDialogDimensions] = useState({
     width: 0,
@@ -46162,8 +46183,8 @@ const EmailPreview = ({
     updateCommunicationGroup2
   ]);
   useEffect(() => {
-    if (channelSenders?.data && fromEmail) {
-      const channelSender = channelSenders.data.find(
+    if (channelSenders?.results && fromEmail) {
+      const channelSender = channelSenders.results.find(
         (sender) => sender.id === fromEmail
       );
       if (channelSender) {
@@ -46174,24 +46195,35 @@ const EmailPreview = ({
         setIsFormLoading(false);
       }
     }
-  }, [channelSenders?.data, fromEmail, userModifiedEmail, isFormLoading]);
+  }, [channelSenders?.results, fromEmail, userModifiedEmail, isFormLoading]);
   useEffect(() => {
-    if (channelSenders?.data && !fromEmail && !initialRenderRef.current) {
-      const allEmailSenders = channelSenders.data.filter(
+    if (channelSenders?.results && !fromEmail) {
+      const allEmailSenders = channelSenders.results.filter(
         (sender) => sender.channel_sender_metadata.userPart
       );
       if (allEmailSenders[0]) {
         const channelSender = allEmailSenders[0];
         setFromEmail(channelSender.id);
+        updateCommunicationGroup2({
+          groupId: communicationGroup.id,
+          params: {
+            email_channel_sender_id: channelSender.id
+          }
+        });
       }
     }
-  }, [channelSenders?.data, fromEmail]);
+  }, [
+    channelSenders?.results,
+    fromEmail,
+    communicationGroup.id,
+    updateCommunicationGroup2
+  ]);
   useEffect(() => {
     if (!initialRenderRef.current && debouncedFromName && fromEmail) {
       setIsUpdating(true);
       const updateSender = async () => {
         try {
-          const channelSender = channelSenders?.data?.find(
+          const channelSender = channelSenders?.results?.find(
             (sender) => sender.id === fromEmail
           );
           if (channelSender) {
@@ -46213,7 +46245,12 @@ const EmailPreview = ({
       };
       updateSender();
     }
-  }, [debouncedFromName, channelSenders?.data, fromEmail, updateChannelSender2]);
+  }, [
+    debouncedFromName,
+    channelSenders?.results,
+    fromEmail,
+    updateChannelSender2
+  ]);
   useEffect(() => {
     if (debouncedReplyToEmail) {
       const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -46230,7 +46267,7 @@ const EmailPreview = ({
       setIsUpdating(true);
       const updateReplyTo = async () => {
         try {
-          const channelSender = channelSenders?.data?.find(
+          const channelSender = channelSenders?.results?.find(
             (sender) => sender.id === fromEmail
           );
           if (channelSender) {
@@ -46254,7 +46291,7 @@ const EmailPreview = ({
     }
   }, [
     debouncedReplyToEmail,
-    channelSenders?.data,
+    channelSenders?.results,
     fromEmail,
     updateChannelSender2,
     replyToEmailError
@@ -46704,7 +46741,6 @@ const SMSPreview = ({ automation: automation2, iconDefinitions, mergeFieldsRespo
   const [initCompanyName, setInitCompanyName] = useState(false);
   const [companyName, setCompanyName] = useState(null);
   const [message2, setMessage] = useState(null);
-  const [initialStateSet, setInitialStateSet] = useState(false);
   const [showSmsEditor, setShowSmsEditor] = useState(false);
   const { channelSenders } = useChannelSender();
   const { data: me2, isLoading: isMeLoading } = useMe();
@@ -46762,16 +46798,26 @@ const SMSPreview = ({ automation: automation2, iconDefinitions, mergeFieldsRespo
     if (channelSenders === void 0) {
       return;
     }
-    if (initialStateSet === false) {
-      const smsChannelSenders2 = channelSenders.data?.filter(
+    if (!fromNumber) {
+      const smsChannelSenders2 = channelSenders.results.filter(
         (sender) => sender.channel_sender_metadata.from
       );
       if (smsChannelSenders2?.[0]) {
         setFromNumber(smsChannelSenders2[0].id);
+        if (communicationGroup?.id) {
+          updateCommunicationGroup2({
+            groupId: communicationGroup.id,
+            params: { sms_channel_sender_id: smsChannelSenders2[0].id }
+          });
+        }
       }
-      setInitialStateSet(true);
     }
-  }, [channelSenders, initialStateSet]);
+  }, [
+    channelSenders,
+    fromNumber,
+    communicationGroup?.id,
+    updateCommunicationGroup2
+  ]);
   useEffect(() => {
     if (!companyName && me2?.name && !initCompanyName) {
       setInitCompanyName(true);
@@ -46781,7 +46827,7 @@ const SMSPreview = ({ automation: automation2, iconDefinitions, mergeFieldsRespo
   if (!channelAccounts || !channelSenders || isMeLoading) {
     return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Loading..."] }) });
   }
-  const smsChannelSenders = channelSenders.data?.filter(
+  const smsChannelSenders = channelSenders.results.filter(
     (sender) => sender.channel_sender_metadata.from || sender.channel_sender_metadata.messageServiceSid
   );
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -46921,7 +46967,6 @@ const EditCampaignContent = ({
   updateCommunicationGroup: updateCommunicationGroup2
 }) => {
   const [selectedChannels, setSelectedChannels] = useState(null);
-  const [expandedChannels, setExpandedChannels] = useState(null);
   const emailContainerRef = useRef(null);
   const { toast: toast2 } = useToast();
   const { getMergeFields: getMergeFields2, isGetting: isGetMergeFieldsLoading } = useGetMergeFields(communicationGroup?.id ?? void 0);
@@ -46950,12 +46995,11 @@ const EditCampaignContent = ({
   }, [selectedChannels, updateCommunicationGroup2, communicationGroup]);
   useEffect(() => {
     const finalCommunicationGroupId = communicationGroup?.id;
-    if (!finalCommunicationGroupId) {
+    if (!finalCommunicationGroupId && !selectedChannels) {
       setSelectedChannels(["email"]);
-      setExpandedChannels(["email"]);
       return;
     }
-  }, [automation2, communicationGroup]);
+  }, [automation2, communicationGroup, selectedChannels]);
   const setSelectedChannelsBasedOnCommunicationGroup = useCallback(
     (data) => {
       const finalSelectedChannels = [];
@@ -46969,15 +47013,18 @@ const EditCampaignContent = ({
         finalSelectedChannels.push("email");
       }
       setSelectedChannels(finalSelectedChannels);
-      setExpandedChannels(finalSelectedChannels);
     },
     []
   );
   useEffect(() => {
-    if (communicationGroup) {
+    if (communicationGroup && !selectedChannels) {
       setSelectedChannelsBasedOnCommunicationGroup(communicationGroup);
     }
-  }, [communicationGroup, setSelectedChannelsBasedOnCommunicationGroup]);
+  }, [
+    communicationGroup,
+    setSelectedChannelsBasedOnCommunicationGroup,
+    selectedChannels
+  ]);
   useEffect(() => {
     if (isGetMergeFieldsLoading) {
       return;
@@ -47102,7 +47149,7 @@ const EditCampaignContent = ({
     mergeFieldsResponse,
     setSelectedChannelsBasedOnCommunicationGroup
   ]);
-  if (!selectedChannels || !expandedChannels || isGetMergeFieldsLoading || !mergeFieldsResponse) {
+  if (!selectedChannels || isGetMergeFieldsLoading || !mergeFieldsResponse) {
     return /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center flex-1 h-full bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Content..."] }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-shrink-0", children: [
@@ -47675,15 +47722,15 @@ const PreviewAndSchedule = ({
     if (communicationGroup && channelSenderData && channelAccountsData) {
       const emailChannelSenderId = communicationGroup.email_channel_sender_id;
       const smsChannelSenderId = communicationGroup.sms_channel_sender_id;
-      const emailChannelSender = channelSenderData.data.find(
+      const emailChannelSender = channelSenderData.results.find(
         (sender) => sender.id === emailChannelSenderId
       );
-      const smsChannelSender = channelSenderData.data.find(
+      const smsChannelSender = channelSenderData.results.find(
         (sender) => sender.id === smsChannelSenderId
       );
       if (emailChannelSender && communicationGroup.email_subject && communicationGroup.email_html_body) {
         const userPart = emailChannelSender.channel_sender_metadata?.userPart;
-        const channelAccount = channelAccountsData.data.find(
+        const channelAccount = channelAccountsData.results.find(
           (account) => account.id === emailChannelSender.channel_account_id
         );
         if (channelAccount) {
@@ -47853,7 +47900,7 @@ const SelectSegments = ({
       SegmentSection,
       {
         segments: includedSegments,
-        allSegments: segments?.data || [],
+        allSegments: segments?.results || [],
         onAddSegment: (id2) => handleAddSegment(id2, "include"),
         onRemoveSegment: (id2) => handleRemoveSegment(id2, "include"),
         setOpenCreateSegmentDialog,
@@ -47893,7 +47940,7 @@ const SelectSegments = ({
             SegmentSection,
             {
               segments: excludedSegments,
-              allSegments: segments?.data || [],
+              allSegments: segments?.results || [],
               onAddSegment: (id2) => handleAddSegment(id2, "exclude"),
               onRemoveSegment: (id2) => handleRemoveSegment(id2, "exclude"),
               setOpenCreateSegmentDialog,
@@ -47919,7 +47966,7 @@ const SelectAudience = ({ iconDefinitions, automation: automation2 }) => {
   const allUsersSelected = includedSegments.length === 1 && excludedSegments.length === 0 && /**
   * Check if the all users segment is selected in the atuomation
   */
-  segments?.data?.find(
+  segments?.results?.find(
     (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS && segment2.id === includedSegments[0]
   ) !== void 0;
   const [selectedAudience, setSelectedAudience] = useState(
@@ -47956,7 +48003,7 @@ const SelectAudience = ({ iconDefinitions, automation: automation2 }) => {
     automation2.id
   ]);
   const getAllUsersSegment = useCallback(() => {
-    return segments?.data?.find(
+    return segments?.results?.find(
       (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS
     );
   }, [segments]);
@@ -48139,22 +48186,7 @@ const lineVariant = {
   }
 };
 const TriggerEditAutomation = ({ automation: automation2 }) => {
-  const [getSegmentResponse, setGetSegmentResponse] = useState(void 0);
-  useEffect(() => {
-    const getSegmentData = async () => {
-      if (automation2.trigger_metadata.trigger_type !== AutomationTriggerType.TRIGGER_BASED) {
-        return;
-      }
-      const triggerSegmentId = automation2.trigger_metadata.event_filter.segment_id;
-      const segmentResponse = await getSegment(triggerSegmentId);
-      if (!segmentResponse) {
-        return;
-      }
-      setGetSegmentResponse(segmentResponse);
-    };
-    getSegmentData();
-  }, [automation2.trigger_metadata, automation2.trigger_metadata.trigger_type]);
-  if (!getSegmentResponse) {
+  if (!automation2.name) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[200px]", children: /* @__PURE__ */ jsx(SpinLoader, {}) });
   }
   return /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center flex-wrap gap-4", children: /* @__PURE__ */ jsxs(
@@ -48200,32 +48232,22 @@ const TriggerEditAutomation = ({ automation: automation2 }) => {
               )
             }
           ),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(
-              motion.h2,
-              {
-                className: "text-2xl font-semibold text-gray-900 group",
-                variants: itemVariants,
-                children: getSegmentResponse.name
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              motion.p,
-              {
-                className: "text-gray-600 text-lg mt-2 leading-relaxed",
-                variants: itemVariants,
-                children: getSegmentResponse.description
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            motion.h2,
+            {
+              className: "text-2xl font-semibold text-primary group",
+              variants: itemVariants,
+              children: automation2.name
+            }
+          ) })
         ] }),
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "mt-6 bg-blue-50 rounded-xl p-4",
+            className: "mt-6 bg-muted rounded-xl p-4",
             variants: itemVariants,
             custom: 2,
-            children: /* @__PURE__ */ jsx("p", { className: "text-blue-800 text-sm leading-relaxed", children: "This automation will start automatically for any user who matches this criteria. When a user qualifies, their automation journey will begin immediately." })
+            children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm leading-relaxed", children: automation2.description })
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsx(
@@ -48272,7 +48294,8 @@ const useAutomationSteps = ({
                 automation: automation2
               }
             )
-          }
+          },
+          "trigger"
         ),
         footerConfig: {
           backText: "Cancel",
@@ -48301,7 +48324,8 @@ const useAutomationSteps = ({
               automation: automation2
             }
           )
-        }
+        },
+        "audience"
       ),
       footerConfig: {
         backText: "Back",
@@ -48336,20 +48360,27 @@ const useAutomationSteps = ({
         }
         return true;
       },
-      content: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 w-full p-6 rounded-xl bg-gray-100 flex-1 h-full", children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children: "Edit Content" }),
-        /* @__PURE__ */ jsx(
-          EditCampaignContent,
-          {
-            automation: automation2,
-            updateAutomation: updateAutomation2,
-            communicationGroup,
-            updateCommunicationGroup: updateCommunicationGroup2,
-            iconDefinitions,
-            getExtraMergeFields
-          }
-        )
-      ] }),
+      content: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex flex-col gap-4 w-full p-6 rounded-xl bg-gray-100 flex-1 h-full",
+          children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children: "Edit Content" }),
+            /* @__PURE__ */ jsx(
+              EditCampaignContent,
+              {
+                automation: automation2,
+                updateAutomation: updateAutomation2,
+                communicationGroup,
+                updateCommunicationGroup: updateCommunicationGroup2,
+                iconDefinitions,
+                getExtraMergeFields
+              }
+            )
+          ]
+        },
+        "content"
+      ),
       footerConfig: {
         backText: "Back",
         nextText: "Next",
@@ -48383,7 +48414,8 @@ const useAutomationSteps = ({
               communicationGroup
             }
           )
-        }
+        },
+        "send"
       ),
       footerConfig: {
         backText: "Back",