@embedreach/components 0.1.52 → 0.1.54

package/dist/chunks/index.js

@@ -29424,12 +29424,12 @@ function getHullPresorted(points) {
 }
 var Provider = TooltipProvider$1;
 var Root3$1 = Tooltip$1;
-var Trigger$5 = TooltipTrigger$1;
+var Trigger$4 = TooltipTrigger$1;
 var Portal$5 = TooltipPortal;
 var Content2$4 = TooltipContent$1;
 const TooltipProvider = Provider;
 const Tooltip = Root3$1;
-const TooltipTrigger = Trigger$5;
+const TooltipTrigger = Trigger$4;
 const TooltipContent = React.forwardRef(({ className: className2, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Portal$5, { children: /* @__PURE__ */ jsx(
   Content2$4,
   {
@@ -32534,7 +32534,7 @@ var Dialog$1 = (props) => {
 };
 Dialog$1.displayName = DIALOG_NAME;
 var TRIGGER_NAME$4 = "DialogTrigger";
-var DialogTrigger$1 = React.forwardRef(
+var DialogTrigger = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
     const context = useDialogContext(TRIGGER_NAME$4, __scopeDialog);
@@ -32554,7 +32554,7 @@ var DialogTrigger$1 = React.forwardRef(
     );
   }
 );
-DialogTrigger$1.displayName = TRIGGER_NAME$4;
+DialogTrigger.displayName = TRIGGER_NAME$4;
 var PORTAL_NAME$4 = "DialogPortal";
 var [PortalProvider$2, usePortalContext$2] = createDialogContext(PORTAL_NAME$4, {
   forceMount: void 0
@@ -32789,7 +32789,6 @@ var DescriptionWarning = ({ contentRef, descriptionId }) => {
   return null;
 };
 var Root$5 = Dialog$1;
-var Trigger$4 = DialogTrigger$1;
 var Portal$3 = DialogPortal$1;
 var Overlay = DialogOverlay$1;
 var Content$1 = DialogContent$1;
@@ -32854,7 +32853,6 @@ var VisuallyHidden = React.forwardRef(
 );
 VisuallyHidden.displayName = NAME$2;
 const Dialog = Root$5;
-const DialogTrigger = Trigger$4;
 const DialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(Portal$3, { children: /* @__PURE__ */ jsx("div", { "data-reach-root": true, children: props.children }) });
 const DialogOverlay = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx(
   Overlay,
@@ -35999,9 +35997,9 @@ const ComboboxSelect = ({
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button$1,
       {
-        variant: "outline",
         "aria-expanded": open,
         className: "w-[200px] justify-between",
+        variant: "outline",
         children: [
           value ? options.find((option) => option.value === value)?.label : placeholder,
           /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
@@ -40602,52 +40600,44 @@ function SegmentBuilder({
   ] });
 }
 function SegmentBuilderDialog({
-  open: openProp = false,
-  onClose,
+  open,
+  setOpen,
   segmentId,
   onSegmentUpdated
 }) {
-  const [open, setClose] = React.useState(openProp);
-  const setOpen = (open2) => {
-    setClose(open2);
-    onClose?.();
-  };
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button$1, { variant: "outline", children: [
-      /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-      segmentId ? "Edit Segment" : "Create New Segment"
-    ] }) }),
-    /* @__PURE__ */ jsxs(
-      DialogContent,
-      {
-        className: "flex max-h-[90dvh] flex-col gap-0 p-0 max-w-4xl overflow-visible",
-        hideCloseButton: true,
-        children: [
-          /* @__PURE__ */ jsx(DialogHeader, { className: "p-8 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx(DialogTitle, { className: "text-3xl font-normal", children: segmentId ? "Edit Segment" : "Create Segment" }),
-            /* @__PURE__ */ jsx(
-              Button$1,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: () => setOpen(false),
-                className: "h-8 w-8",
-                children: /* @__PURE__ */ jsx(X$2, { className: "h-4 w-4" })
-              }
-            )
-          ] }) }),
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: "flex max-h-[90dvh] flex-col gap-0 p-0 max-w-4xl overflow-visible",
+      hideCloseButton: true,
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { className: "p-8 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(DialogTitle, { className: "text-3xl font-normal", children: segmentId ? "Edit Segment" : "Create Segment" }),
           /* @__PURE__ */ jsx(
-            SegmentBuilder,
+            Button$1,
             {
-              segmentId,
-              setOpen,
-              onSegmentUpdated
+              variant: "ghost",
+              size: "icon",
+              onClick: () => setOpen(false),
+              className: "h-8 w-8",
+              children: /* @__PURE__ */ jsx(X$2, { className: "h-4 w-4" })
             }
           )
-        ]
-      }
-    )
-  ] });
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          SegmentBuilder,
+          {
+            segmentId,
+            setOpen: (val) => {
+              setOpen(val);
+              onSegmentUpdated?.(false);
+            },
+            onSegmentUpdated
+          }
+        )
+      ]
+    }
+  ) });
 }
 const AllSegmentList = () => {
   const [searchQuery, setSearchQuery] = React__default.useState("");
@@ -40686,7 +40676,7 @@ const AllSegmentList = () => {
         SegmentBuilderDialog,
         {
           open: createNewSegmentDialogOpen,
-          onClose: () => setCreateNewSegmentDialogOpen(false),
+          setOpen: setCreateNewSegmentDialogOpen,
           segmentId: selectedSegment
         }
       ) })
@@ -46634,7 +46624,7 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
             SegmentBuilderDialog,
             {
               open: openCreateSegmentDialog,
-              onClose: () => setOpenCreateSegmentDialog(false)
+              setOpen: setOpenCreateSegmentDialog
             }
           )
         ] })

package/dist/index.d.ts

@@ -106,14 +106,14 @@ declare interface SDKCallbacks {
     onTenantInformationRequested?: () => void;
 }
 
-export declare function SegmentBuilderDialog({ open: openProp, onClose, segmentId, onSegmentUpdated, }: SegmentBuilderDialogProps): JSX_2.Element;
+export declare function SegmentBuilderDialog({ open, setOpen, segmentId, onSegmentUpdated, }: SegmentBuilderDialogProps): JSX_2.Element;
 
 declare interface SegmentBuilderDialogProps {
     /**
      * Control the open state of the dialog
      */
     open: boolean;
-    onClose: () => void;
+    setOpen: (open: boolean) => void;
     /**
      * Optional callback when the segment builder is closed
      * @param createdSegment - The created segment id or false if the segment was not created, 'error' if there was an error