@embedreach/components 0.2.63 → 0.2.64

package/dist/chunks/index.js

@@ -76047,60 +76047,6 @@ const PreviewAndSchedule = () => {
   }
   return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col  gap-4 w-full", children: /* @__PURE__ */ jsx(PreviewPanel, {}) }) });
 };
-const ComboboxDemo = ({
-  data,
-  placeholder,
-  searchPlaceholder,
-  noResultsMessage,
-  value,
-  setValue
-}) => {
-  const [open, setOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: true, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button$1,
-      {
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        className: "w-full max-w-[200px] justify-between bg-background",
-        children: [
-          value ? data.find((item) => item.value === value)?.label : placeholder,
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[200px] p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
-      /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder, className: "h-9" }),
-      /* @__PURE__ */ jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsx(CommandEmpty, { children: noResultsMessage }),
-        /* @__PURE__ */ jsx(CommandGroup, { children: data.map((item) => /* @__PURE__ */ jsxs(
-          CommandItem,
-          {
-            value: item.value,
-            onSelect: (currentValue) => {
-              setValue(currentValue === value ? "" : currentValue);
-              setOpen(false);
-            },
-            children: [
-              item.label,
-              /* @__PURE__ */ jsx(
-                Check,
-                {
-                  className: cn$1(
-                    "ml-auto",
-                    value === item.value ? "opacity-100" : "opacity-0"
-                  )
-                }
-              )
-            ]
-          },
-          item.value
-        )) })
-      ] })
-    ] }) })
-  ] });
-};
 function _typeof(o2) {
   "@babel/helpers - typeof";
   return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o3) {
@@ -79591,17 +79537,20 @@ const SetScheduleTime = ({ setScheduleTime, setTimezone, timezone, scheduleTime,
           )
         }
       ),
-      /* @__PURE__ */ jsx(
-        ComboboxDemo,
+      /* @__PURE__ */ jsx("div", { className: "w-full sm:w-[200px]", children: /* @__PURE__ */ jsx(
+        MultiSelectDialog,
         {
-          data: timezoneOptions,
+          options: timezoneOptions,
+          selectedValues: [timezone],
+          setSelectedValues: (values) => handleTimezoneChange(values[0]),
+          onValueChange: (values) => handleTimezoneChange(values[0]),
           placeholder: "Select timezone...",
           searchPlaceholder: "Search timezone...",
-          noResultsMessage: "No timezone found",
-          value: timezone,
-          setValue: handleTimezoneChange
+          emptyMessage: "No timezone found",
+          title: "Select Timezone",
+          singleSelect: true
         }
-      )
+      ) })
     ] }),
     error2 && /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm mt-2 flex items-center", children: [
       /* @__PURE__ */ jsx("span", { className: "mr-2", children: "⚠️" }),
@@ -79611,6 +79560,7 @@ const SetScheduleTime = ({ setScheduleTime, setTimezone, timezone, scheduleTime,
 };
 const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time" }) => {
   const automation2 = useAutomation();
+  const queryClient = useQueryClient();
   const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2?.id || "");
   const { toast: toast2 } = useToast();
   const [deliveryOption, setDeliveryOption] = useState(null);
@@ -79626,41 +79576,75 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time" }) => {
   const updateTriggerTime = useCallback(() => {
     if (!automation2) return;
     if (deliveryOption === "sendNow" || scheduledAt === "now") {
-      businessUpdateAutomation({
-        trigger: {
-          triggerType: AutomationTriggerType.ONE_TIME,
-          scheduledAt: "now"
+      businessUpdateAutomation(
+        {
+          trigger: {
+            triggerType: AutomationTriggerType.ONE_TIME,
+            scheduledAt: "now"
+          }
+        },
+        {
+          onSuccess: () => {
+            setPendingToast({
+              title: "Schedule time updated successfully 🚀",
+              description: `${t$1("engage:broadcast")} scheduled to begin sending in 5 minutes after you activate it`
+            });
+          },
+          onError: () => {
+            toast2({
+              title: "Failed to update schedule time",
+              description: "Please try again",
+              variant: "destructive"
+            });
+            queryClient.invalidateQueries({
+              queryKey: automationKeys.all
+            });
+          }
         }
-      });
-      setPendingToast({
-        title: "Schedule time updated successfully 🚀",
-        description: `${t$1("engage:broadcast")} scheduled to begin sending in 5 minutes after you activate it`
-      });
+      );
     } else if (scheduledAt && timezone) {
-      businessUpdateAutomation({
-        trigger: {
-          triggerType: AutomationTriggerType.ONE_TIME,
-          scheduledAt,
-          timezone
+      businessUpdateAutomation(
+        {
+          trigger: {
+            triggerType: AutomationTriggerType.ONE_TIME,
+            scheduledAt,
+            timezone
+          }
+        },
+        {
+          onSuccess: () => {
+            setPendingToast({
+              title: "Schedule time updated successfully 🚀",
+              description: `${t$1("engage:broadcast")} scheduled to start at ${new Date(
+                scheduledAt
+              ).toLocaleString("en-US", {
+                weekday: "long",
+                month: "long",
+                day: "numeric"
+              })}`
+            });
+          },
+          onError: () => {
+            toast2({
+              title: "Failed to update schedule time",
+              description: "Please try again",
+              variant: "destructive"
+            });
+            queryClient.invalidateQueries({
+              queryKey: automationKeys.all
+            });
+          }
         }
-      });
-      setPendingToast({
-        title: "Schedule time updated successfully 🚀",
-        description: `${t$1("engage:broadcast")} scheduled to start at ${new Date(
-          scheduledAt
-        ).toLocaleString("en-US", {
-          weekday: "long",
-          month: "long",
-          day: "numeric"
-        })}`
-      });
+      );
     }
   }, [
+    automation2,
     deliveryOption,
     scheduledAt,
     timezone,
     businessUpdateAutomation,
-    automation2
+    toast2,
+    queryClient
   ]);
   useEffect(() => {
     if (pendingToast) {
@@ -81811,9 +81795,13 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
   ) !== void 0;
   useEffect(() => {
     if (automation2 && !initialStateSet) {
-      setSelectedAudience(
-        allUsersSelected || includedSegments.length > 0 && excludedSegments.length === 0 ? "all" : "segments"
-      );
+      if (includedSegments.length === 1 && segments?.find(
+        (segment2) => segment2.type === BusinessSegmentTypeEnum.ALL_USERS && segment2.id === includedSegments[0]
+      ) !== void 0) {
+        setSelectedAudience("all");
+      } else {
+        setSelectedAudience("segments");
+      }
       getCountOfBusinessAutomationRecipients({
         includeSegments: includedSegments,
         excludeSegments: excludedSegments
@@ -81827,7 +81815,8 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
     allUsersSelected,
     initialStateSet,
     includedSegments,
-    excludedSegments
+    excludedSegments,
+    segments
   ]);
   const handleAudienceSelectionChange = (value) => {
     setSelectedAudience(value);
@@ -82186,14 +82175,14 @@ const getAutomationSteps = ({
       ),
       footerConfig: {
         backText: "Back",
-        nextText: "Schedule",
+        nextText: automation2.triggerMetadata && "scheduledAt" in automation2.triggerMetadata && automation2.triggerMetadata.scheduledAt === "now" ? "Send Now" : "Schedule",
         hideBack: false,
         backDisabled: false,
         getInfoTooltipTitle: () => {
           const smsChannelSender = smsChannelSenders.find(
             (sender) => sender.channelSender.id === communicationGroup.smsChannelSenderId
           );
-          if (!smsChannelSender || smsChannelSender.smsApplication !== null && smsChannelSender.smsApplication?.status !== SmsRegistrationApplicationStatus.APPROVED) {
+          if (smsChannelSender && smsChannelSender.smsApplication !== null && smsChannelSender.smsApplication?.status !== SmsRegistrationApplicationStatus.APPROVED) {
             return "You cannot send this yet if you have selected a text channel and don't have an approved SMS application. Please save as draft and try again later.";
           }
           return void 0;
@@ -85849,6 +85838,7 @@ function AutomationCancelRunningDialog({
   const automation2 = useAutomation();
   const { toast: toast2 } = useToast();
   const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2?.id || "");
+  const queryClient = useQueryClient();
   const handleCancel = () => {
     if (!automation2) {
       return;
@@ -85867,6 +85857,9 @@ function AutomationCancelRunningDialog({
             description: `Please contact your administrator.`,
             variant: "destructive"
           });
+          queryClient.invalidateQueries({
+            queryKey: automationKeys.all
+          });
         },
         onSuccess: () => {
           onOpenChange(false);
@@ -85947,20 +85940,37 @@ function AutomationConvertToDraftDialog({
   const automation2 = useAutomation();
   const { updateAutomation: businessUpdateAutomation } = useUpdateBusinessAutomation(automation2?.id || "");
   const { toast: toast2 } = useToast();
-  const automationName = automation2?.triggerType === AutomationTriggerType.ONE_TIME ? t$1("engage:automation") : t$1("engage:broadcast");
+  const queryClient = useQueryClient();
+  const automationName = automation2?.triggerType === AutomationTriggerType.ONE_TIME ? t$1("engage:broadcast") : t$1("engage:automation");
   const handleDeactivate = () => {
-    businessUpdateAutomation({
-      status: AutomationStatus.DRAFT
-    });
-    onOpenChange(false);
-    setIsActive(false);
-    toast2({
-      title: `Updated ${automationName}`,
-      description: `${automationName} status updated to draft`
-    });
+    businessUpdateAutomation(
+      {
+        status: AutomationStatus.DRAFT
+      },
+      {
+        onSuccess: () => {
+          toast2({
+            title: `Updated ${automationName}`,
+            description: `${automationName} status updated to draft`
+          });
+          onOpenChange(false);
+          setIsActive(false);
+        },
+        onError: () => {
+          toast2({
+            title: `Failed to update ${automationName}`,
+            description: "Please try again"
+          });
+          queryClient.invalidateQueries({
+            queryKey: automationKeys.all
+          });
+        }
+      }
+    );
   };
+  const dialogTitle = automation2?.triggerType === AutomationTriggerType.ONE_TIME ? "Unschedule" : "Convert to draft";
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Convert to draft" }) }),
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogTitle }) }),
     /* @__PURE__ */ jsxs("div", { children: [
       "Are you sure you want to convert",
       /* @__PURE__ */ jsx("span", { className: "font-bold px-1 text-primary", children: automation2?.name }),
@@ -85970,7 +85980,7 @@ function AutomationConvertToDraftDialog({
     ] }),
     /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
       /* @__PURE__ */ jsx(Button$1, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx(Button$1, { variant: "destructive", onClick: handleDeactivate, children: "Convert to draft" })
+      /* @__PURE__ */ jsx(Button$1, { variant: "destructive", onClick: handleDeactivate, children: dialogTitle })
     ] })
   ] }) });
 }
@@ -86070,6 +86080,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
   const { data: smsApplication } = useGetLatestSmsRegistrationApplication();
   const { channelSenders } = useChannelSender();
   const { channelAccounts } = useChannelAccount();
+  const queryClient = useQueryClient();
   const [isActive, setIsActive] = useState(void 0);
   const [isDuplicateDialogOpen, setIsDuplicateDialogOpen] = useState(false);
   const [isStatusDialogOpen, setIsStatusDialogOpen] = useState(false);
@@ -86236,6 +86247,9 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                 variant: "destructive"
               });
               setEditingStatus(false);
+              queryClient.invalidateQueries({
+                queryKey: automationKeys.all
+              });
             }
           }
         );
@@ -86423,6 +86437,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                   variant: "outline",
                   className: "flex items-center gap-2 cursor-not-allowed",
                   disabled: true,
+                  asChild: true,
                   children: sendText
                 }
               ) }) });
@@ -86471,14 +86486,15 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
     }
   }, [
     automation2,
+    communicationGroup,
+    smsChannelSenders,
     toast2,
     isActive,
     onBeforeSchedule,
-    communicationGroup,
     businessUpdateAutomation,
     estimatedMatchesStats,
     numberOfTimesSentClicked,
-    smsChannelSenders
+    queryClient
   ]);
   const renderPill = useMemo(() => {
     if (!automation2) {
@@ -86502,9 +86518,23 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
             value: automation2.name,
             schema: nameSchema,
             onSubmit: (values) => {
-              return businessUpdateAutomation({
-                name: values.name
-              });
+              businessUpdateAutomation(
+                {
+                  name: values.name
+                },
+                {
+                  onError: () => {
+                    toast2({
+                      title: "Failed to update automation name",
+                      description: "Please try again",
+                      variant: "destructive"
+                    });
+                    queryClient.invalidateQueries({
+                      queryKey: automationKeys.all
+                    });
+                  }
+                }
+              );
             },
             fieldName: "name",
             className: "text-lg",
@@ -86518,9 +86548,23 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
             value: automation2.description || "",
             schema: descriptionSchema,
             onSubmit: (values) => {
-              return businessUpdateAutomation({
-                description: values.description
-              });
+              businessUpdateAutomation(
+                {
+                  description: values.description
+                },
+                {
+                  onError: () => {
+                    toast2({
+                      title: "Failed to update automation description",
+                      description: "Please try again",
+                      variant: "destructive"
+                    });
+                    queryClient.invalidateQueries({
+                      queryKey: automationKeys.all
+                    });
+                  }
+                }
+              );
             },
             fieldName: "description",
             className: `text-sm ${automation2.description ? "text-current" : "text-muted-foreground"}`,