@embedreach/components 0.2.50 → 0.2.51

package/dist/chunks/index.js

@@ -10004,7 +10004,7 @@ const CalendarPlus2 = createLucideIcon("CalendarPlus2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Calendar$1 = createLucideIcon("Calendar", [
+const Calendar = createLucideIcon("Calendar", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -46978,7 +46978,7 @@ const IconDefinitions = {
   UserIcon: User,
   UsersIcon: Users,
   UserEdit: UserPen,
-  ScheduleButton: Calendar$1,
+  ScheduleButton: Calendar,
   SendButton: Send,
   BackButton: ChevronLeft,
   NextButton: ChevronRight,
@@ -46996,7 +46996,7 @@ const IconDefinitions = {
    */
   OneTimeBroadcast: Radio,
   PatronEntersList: List$1,
-  DateMilestone: Calendar$1,
+  DateMilestone: Calendar,
   RealtimeActivity: CalendarPlus2,
   DuplicateIcon: Copy,
   /**
@@ -77620,7 +77620,7 @@ function RootProvider(props2) {
 function DayPicker(props2) {
   return jsx(RootProvider, __assign({}, props2, { children: jsx(Root$3, { initialProps: props2 }) }));
 }
-function Calendar({
+function ReactCalendar({
   className: className2,
   classNames,
   showOutsideDays = true,
@@ -77657,7 +77657,6 @@ function Calendar({
     day_hidden: "invisible",
     ...classNames
   };
-  console.log(finalClassNames);
   return /* @__PURE__ */ jsx(
     DayPicker,
     {
@@ -77672,7 +77671,7 @@ function Calendar({
     }
   );
 }
-Calendar.displayName = "Calendar";
+ReactCalendar.displayName = "Calendar";
 const ComboboxDemo = ({
   data,
   placeholder,
@@ -77798,13 +77797,13 @@ const SetScheduleTime = ({ setScheduleTime, setTimezone, timezone, scheduleTime,
               !scheduleTime && "text-muted-foreground"
             ),
             children: [
-              /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
               scheduleTime ? scheduleTime === "now" ? "Send immediately" : format$1(new Date(scheduleTime), "PPP") : /* @__PURE__ */ jsx("span", { children: "Pick a date" })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0 z-[60] pointer-events-auto", children: /* @__PURE__ */ jsx(
-          Calendar,
+          ReactCalendar,
           {
             mode: "single",
             selected: scheduleTime ? new Date(scheduleTime) : void 0,
@@ -79452,7 +79451,8 @@ function MultiSelectDialog({
   searchPlaceholder = "Search items...",
   emptyMessage = "No items found",
   handleSearchInput,
-  extraCommandItems = []
+  extraCommandItems = [],
+  canOpen = true
 }) {
   const [open, setOpen] = React.useState(false);
   const [searchQuery, setSearchQuery] = React.useState("");
@@ -79525,7 +79525,7 @@ function MultiSelectDialog({
   ).length;
   const selectedDisplay = getSelectedOptionsDisplay();
   const canSelectMore = !maxCount || tempSelected.length < maxCount;
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsxs(Dialog, { open: open && canOpen, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button$1,
       {
@@ -79865,13 +79865,13 @@ const DateSegmentSelector = ({
           !date2 && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
           date2 ? format$1(date2, monthDayOnly ? "MMMM d" : "PPP") : /* @__PURE__ */ jsx("span", { children: placeholder })
         ]
       }
     ) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
-      Calendar,
+      ReactCalendar,
       {
         mode: "single",
         selected: date2,
@@ -81384,9 +81384,10 @@ const RecipientsTable = ({ recipients }) => {
     ] }, index2)) })
   ] }) }) });
 };
-const AllOrSelectSegmentPicker = ({ onSelectionChange, defaultValue = "all" }) => {
+const AllOrSelectSegmentPicker = ({ onSelectionChange, defaultValue = "all", canEditAudience = true }) => {
   const [selected, setSelected] = useState(defaultValue);
   const handleSelect = (value) => {
+    if (!canEditAudience) return;
     setSelected(value);
     onSelectionChange?.(value);
   };
@@ -81421,7 +81422,8 @@ const SegmentSection = ({
   allSegments,
   onAddSegment,
   onRemoveSegment,
-  setOpenCreateSegmentDialog
+  setOpenCreateSegmentDialog,
+  canEditAudience = true
 }) => {
   const handleValueChange = (newValues) => {
     const segmentsToAdd = newValues.filter((id2) => !segments.includes(id2));
@@ -81440,6 +81442,7 @@ const SegmentSection = ({
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     MultiSelectDialog,
     {
+      canAddValues: canEditAudience,
       selectedValues: segmentSelectedIds,
       setSelectedValues: setSegmentSelectedIds,
       options,
@@ -81473,7 +81476,8 @@ const SelectSegmentsContent = ({
   handleRemoveSegment,
   setOpenCreateSegmentDialog,
   segments,
-  defaultIsExcludeOpen = false
+  defaultIsExcludeOpen = false,
+  canEditAudience = true
 }) => {
   const [isExcludeOpen, setIsExcludeOpen] = useState(defaultIsExcludeOpen);
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -81492,7 +81496,10 @@ const SelectSegmentsContent = ({
       /* @__PURE__ */ jsxs(
         Button$1,
         {
-          onClick: () => setIsExcludeOpen(!isExcludeOpen),
+          onClick: () => {
+            if (!canEditAudience) return;
+            setIsExcludeOpen(!isExcludeOpen);
+          },
           className: "flex items-center gap-1 transition-colors",
           size: "sm",
           children: [
@@ -81518,6 +81525,7 @@ const SelectSegmentsContent = ({
           children: /* @__PURE__ */ jsx(
             SegmentSection,
             {
+              canEditAudience,
               segments: excludedSegments,
               allSegments: segments || [],
               onAddSegment: (id2) => handleAddSegment(id2, "exclude"),
@@ -81626,6 +81634,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
       setIncludedSegments((prev) => [...prev, id2]);
     }
   };
+  const canEditAudience = automation2?.status !== AutomationStatus.DRAFT;
   return /* @__PURE__ */ jsxs(MainPageWrapper, { title: title2, children: [
     isLoading || !segments || !initialStateSet ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(BasicLoader, { text: ["Fetching segments", "Finishing up"] }) }) : /* @__PURE__ */ jsxs("div", { className: "flex gap-8 w-full pb-4 px-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 relative overflow-y-auto pb-4 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: [
@@ -81634,7 +81643,8 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
           AllOrSelectSegmentPicker,
           {
             onSelectionChange: handleAudienceSelectionChange,
-            defaultValue: selectedAudience
+            defaultValue: selectedAudience,
+            canEditAudience
           }
         ),
         /* @__PURE__ */ jsx(AnimatePresence, { children: selectedAudience === "segments" && /* @__PURE__ */ jsx(
@@ -81648,6 +81658,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
             children: /* @__PURE__ */ jsx(
               SelectSegmentsContent,
               {
+                canEditAudience,
                 includedSegments,
                 excludedSegments,
                 handleAddSegment,