@embedreach/components 0.2.51 → 0.2.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -46961,7 +46961,7 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
46961
46961
  "button",
46962
46962
  {
46963
46963
  onClick,
46964
- 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"}`,
46964
+ 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 ? "scale-[1.02] [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-100" : "hover:scale-[1.04]"}`,
46965
46965
  children: [
46966
46966
  icon,
46967
46967
  /* @__PURE__ */ jsxs("div", { className: "text-center mt-3", children: [
@@ -81401,7 +81401,8 @@ const AllOrSelectSegmentPicker = ({ onSelectionChange, defaultValue = "all", can
81401
81401
  title: `All ${t$1("engage:user", { count: 2 })}`,
81402
81402
  subtitle: "Send to everyone",
81403
81403
  icon: /* @__PURE__ */ jsx(IconDefinitions.UsersIcon, { className: "w-5 h-5 mb-2 text-gray-600" }),
81404
- selected: selected === "all"
81404
+ selected: selected === "all",
81405
+ disabled: !canEditAudience
81405
81406
  }
81406
81407
  ),
81407
81408
  /* @__PURE__ */ jsx(
@@ -81411,7 +81412,8 @@ const AllOrSelectSegmentPicker = ({ onSelectionChange, defaultValue = "all", can
81411
81412
  title: `Select ${t$1("engage:user", { count: 2 })}`,
81412
81413
  subtitle: `Choose from ${t$1("engage:segment", { count: 2 })}`,
81413
81414
  icon: /* @__PURE__ */ jsx(IconDefinitions.UserEdit, { className: "w-5 h-5 mb-2 text-gray-600" }),
81414
- selected: selected === "segments"
81415
+ selected: selected === "segments",
81416
+ disabled: !canEditAudience
81415
81417
  }
81416
81418
  )
81417
81419
  ] })
@@ -81442,7 +81444,7 @@ const SegmentSection = ({
81442
81444
  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
81443
81445
  MultiSelectDialog,
81444
81446
  {
81445
- canAddValues: canEditAudience,
81447
+ canOpen: canEditAudience,
81446
81448
  selectedValues: segmentSelectedIds,
81447
81449
  setSelectedValues: setSegmentSelectedIds,
81448
81450
  options,
@@ -81634,7 +81636,7 @@ const AutomationAudienceSelectorMain = ({ title: title2 = "Preview Audience" })
81634
81636
  setIncludedSegments((prev) => [...prev, id2]);
81635
81637
  }
81636
81638
  };
81637
- const canEditAudience = automation2?.status !== AutomationStatus.DRAFT;
81639
+ const canEditAudience = automation2?.status === AutomationStatus.DRAFT;
81638
81640
  return /* @__PURE__ */ jsxs(MainPageWrapper, { title: title2, children: [
81639
81641
  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: [
81640
81642
  /* @__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: [