@embedreach/components 0.2.52 → 0.2.54

package/dist/chunks/index.js

@@ -46961,7 +46961,7 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
     "button",
     {
       onClick,
-      className: `flex flex-col items-center justify-center rounded-lg border-2 p-6 transition-all duration-300 ease-in-out hover:shadow-lg ${disabled ? "opacity-50 cursor-not-allowed hover:shadow-none" : selected ? "scale-[1.02] hover:scale-[1.04] [border-color:hsl(var(--reach-primary))] shadow-lg" : "border-gray-200 hover:[border-color:hsl(var(--reach-primary))] hover:bg-gray-50"}`,
+      className: `flex flex-col items-center justify-center rounded-lg border-2 p-6 transition-all duration-300 ease-in-out hover:shadow-lg ${selected ? "[border-color:hsl(var(--reach-primary))] shadow-lg" : "border-gray-200 hover:[border-color:hsl(var(--reach-primary))] hover:bg-gray-50"} ${disabled ? "opacity-50 cursor-not-allowed hover:shadow-none" : "hover:scale-[1.04] scale-[1.02]"}`,
       children: [
         icon,
         /* @__PURE__ */ jsxs("div", { className: "text-center mt-3", children: [
@@ -81392,7 +81392,10 @@ const AllOrSelectSegmentPicker = ({ onSelectionChange, defaultValue = "all", can
     onSelectionChange?.(value);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(MinorText, { children: "Filter" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(MinorText, { children: "Filter" }),
+      canEditAudience && /* @__PURE__ */ jsx(InfoTooltip, { title: "You cannot edit the audience unless you are in draft mode" })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 p-1", children: [
       /* @__PURE__ */ jsx(
         BigSelector,
@@ -81401,7 +81404,8 @@ const AllOrSelectSegmentPicker = ({ onSelectionChange, defaultValue = "all", can
           title: `All ${t$1("engage:user", { count: 2 })}`,
           subtitle: "Send to everyone",
           icon: /* @__PURE__ */ jsx(IconDefinitions.UsersIcon, { className: "w-5 h-5 mb-2 text-gray-600" }),
-          selected: selected === "all"
+          selected: selected === "all",
+          disabled: !canEditAudience
         }
       ),
       /* @__PURE__ */ jsx(
@@ -81411,7 +81415,8 @@ const AllOrSelectSegmentPicker = ({ onSelectionChange, defaultValue = "all", can
           title: `Select ${t$1("engage:user", { count: 2 })}`,
           subtitle: `Choose from ${t$1("engage:segment", { count: 2 })}`,
           icon: /* @__PURE__ */ jsx(IconDefinitions.UserEdit, { className: "w-5 h-5 mb-2 text-gray-600" }),
-          selected: selected === "segments"
+          selected: selected === "segments",
+          disabled: !canEditAudience
         }
       )
     ] })