@embedreach/components 0.1.59 → 0.1.60

package/dist/chunks/index.js

@@ -35046,7 +35046,7 @@ const Command = React.forwardRef(({ className: className2, ...props }, ref) => /
 ));
 Command.displayName = Ve.displayName;
 const CommandInput = React.forwardRef(({ className: className2, searchIcon, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", children: [
-  searchIcon || /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  searchIcon || /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50 " }),
   /* @__PURE__ */ jsx(
     Ve.Input,
     {
@@ -39027,7 +39027,7 @@ const MultiSelect = React.forwardRef(
     searchPlaceholder = "Search...",
     handleSearchInput,
     emptyMessage = "No results found.",
-    searchIcon = /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" }),
+    searchIcon = /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 mr-2" }),
     selectedValues,
     setSelectedValues,
     ...props
@@ -39890,7 +39890,7 @@ function SegmentBuilder({
     });
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-hidden px-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-hidden px-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-visible", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-6 grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "text-muted-foreground text-xs", children: "Name" }),
@@ -40075,6 +40075,14 @@ const AllSegmentList = () => {
     return /* @__PURE__ */ jsx(Badge, { variant: "outline", className: `${config.className} font-medium`, children: config.label });
   };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SegmentBuilderDialog,
+      {
+        open: createNewSegmentDialogOpen,
+        setOpen: setCreateNewSegmentDialogOpen,
+        segmentId: selectedSegment ?? void 0
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }),
@@ -40088,12 +40096,16 @@ const AllSegmentList = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children: selectedSegment && /* @__PURE__ */ jsx(
-        SegmentBuilderDialog,
+      /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2" }),
+      /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ jsxs(
+        Button$1,
         {
-          open: createNewSegmentDialogOpen,
-          setOpen: setCreateNewSegmentDialogOpen,
-          segmentId: selectedSegment
+          variant: "outline",
+          onClick: () => setCreateNewSegmentDialogOpen(true),
+          children: [
+            /* @__PURE__ */ jsx(Plus, {}),
+            "Create New Segment"
+          ]
         }
       ) })
     ] }),
@@ -46934,10 +46946,9 @@ export {
   ReachProvider as W,
   CreateAutomationModal as X,
   Engage as Y,
-  SegmentBuilder as Z,
-  SegmentBuilderDialog as _,
+  SegmentBuilderDialog as Z,
+  ViewAutomationModal as _,
   createComponent as a,
-  ViewAutomationModal as a0,
   createSignal as b,
   createMemo as c,
   delegateEvents as d,

package/dist/index.d.ts

@@ -106,12 +106,6 @@ declare interface SDKCallbacks {
     onTenantInformationRequested?: () => void;
 }
 
-export declare function SegmentBuilder({ segmentId, setOpen, onSegmentUpdated, }: {
-    segmentId?: string;
-    setOpen: (open: boolean) => void;
-    onSegmentUpdated?: SegmentBuilderDialogProps['onSegmentUpdated'];
-}): JSX_2.Element;
-
 export declare function SegmentBuilderDialog({ open, setOpen, segmentId, onSegmentUpdated, }: SegmentBuilderDialogProps): JSX_2.Element;
 
 declare interface SegmentBuilderDialogProps {

package/dist/index.es.js

@@ -1,9 +1,8 @@
-import { X, Y, W, Z, _, a0 } from "./chunks/index.js";
+import { X, Y, W, Z, _ } from "./chunks/index.js";
 export {
   X as CreateAutomationModal,
   Y as Engage,
   W as ReachProvider,
-  Z as SegmentBuilder,
-  _ as SegmentBuilderDialog,
-  a0 as ViewAutomationModal
+  Z as SegmentBuilderDialog,
+  _ as ViewAutomationModal
 };