@embedreach/components 0.1.94 → 0.1.95

package/dist/chunks/index.js

@@ -2894,7 +2894,7 @@ function createResource$1(pSource, pFetcher, pOptions) {
   let source;
   let fetcher;
   let options;
-  if (arguments.length === 1) {
+  if (arguments.length === 2 && typeof pFetcher === "object" || arguments.length === 1) {
     source = true;
     fetcher = pSource;
     options = {};
@@ -2944,7 +2944,19 @@ function createResource$1(pSource, pFetcher, pOptions) {
     const c2 = SuspenseContext, v2 = value(), err = error2();
     if (err !== void 0 && !pr)
       throw err;
-    if (Listener && !Listener.user && c2) ;
+    if (Listener && !Listener.user && c2) {
+      createComputed(() => {
+        track();
+        if (pr) {
+          if (c2.resolved)
+            ;
+          else if (!contexts.has(c2)) {
+            c2.increment();
+            contexts.add(c2);
+          }
+        }
+      });
+    }
     return v2;
   }
   function load(refetching = true) {
@@ -6488,6 +6500,9 @@ const { commonBasicLogger: ye$1 } = ne;
 function we$1(e4) {
   return "string" == typeof e4 && "kind" !== e4 && e4.match(/^(\w|\.|-)+$/);
 }
+function be$1(e4) {
+  return e4.includes("%") || e4.includes(":") ? e4.replace(/%/g, "%25").replace(/:/g, "%3A") : e4;
+}
 var ke$1 = { checkContext: function(e4, t3) {
   if (e4) {
     if (t3 && (void 0 === e4.kind || null === e4.kind)) return void 0 !== e4.key && null !== e4.key;
@@ -6526,6 +6541,12 @@ var ke$1 = { checkContext: function(e4, t3) {
   return n2;
 }, getContextKinds: function(e4) {
   return e4 ? null === e4.kind || void 0 === e4.kind ? ["user"] : "multi" !== e4.kind ? [e4.kind] : Object.keys(e4).filter((e5) => "kind" !== e5) : [];
+}, getCanonicalKey: function(e4) {
+  if (e4) {
+    if ((void 0 === e4.kind || null === e4.kind || "user" === e4.kind) && e4.key) return e4.key;
+    if ("multi" !== e4.kind && e4.key) return `${e4.kind}:${be$1(e4.key)}`;
+    if ("multi" === e4.kind) return Object.keys(e4).sort().filter((e5) => "kind" !== e5).map((t3) => `${t3}:${be$1(e4[t3].key)}`).join(":");
+  }
 } };
 const { getContextKinds: Ee$1 } = ke$1;
 var De$1 = function() {
@@ -7001,7 +7022,7 @@ var dt = function(e4, t3) {
     }, 1e3 * e4);
   });
 };
-const { commonBasicLogger: ft } = ne, { checkContext: gt } = ke$1, { InspectorTypes: pt, InspectorManager: mt } = ut, ht = "change", yt = "internal-change";
+const { commonBasicLogger: ft } = ne, { checkContext: gt, getContextKeys: vt } = ke$1, { InspectorTypes: pt, InspectorManager: mt } = ut, ht = "change", yt = "internal-change";
 var wt = { initialize: function(e4, t3, n2, r2, o2) {
   const i3 = function() {
     if (n2 && n2.logger) return n2.logger;
@@ -7213,14 +7234,14 @@ var wt = { initialize: function(e4, t3, n2, r2, o2) {
   }, enqueueEvent: F2, getFlagsInternal: function() {
     return P2;
   }, getEnvironmentId: () => f2, internalChangeEventName: yt };
-}, errors: s3 }, bt = wt.initialize, kt = wt.errors;
+}, commonBasicLogger: ft, errors: s3, messages: ie, utils: S$1, getContextKeys: vt }, bt = wt.initialize, kt = wt.errors;
 function Dt(e4, t3, n2) {
   return (t3 = function(e5) {
     var t4 = function(e6, t5) {
       if ("object" != typeof e6 || !e6) return e6;
       var n3 = e6[Symbol.toPrimitive];
       if (void 0 !== n3) {
-        var r2 = n3.call(e6, t5);
+        var r2 = n3.call(e6, t5 || "default");
         if ("object" != typeof r2) return r2;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
@@ -7446,6 +7467,7 @@ function getAugmentedNamespace(n2) {
   });
   return a4;
 }
+var INFINITY = 1 / 0;
 var symbolTag = "[object Symbol]";
 var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
@@ -7725,12 +7747,12 @@ function baseToString(value) {
     return symbolToString ? symbolToString.call(value) : "";
   }
   var result = value + "";
-  return result == "0" && 1 / value == -Infinity ? "-0" : result;
+  return result == "0" && 1 / value == -INFINITY ? "-0" : result;
 }
 function castSlice(array, start, end) {
   var length = array.length;
   end = end === void 0 ? length : end;
-  return false ? array : baseSlice(array, start, end);
+  return !start && end >= length ? array : baseSlice(array, start, end);
 }
 function createCaseFirst(methodName) {
   return function(string) {
@@ -13049,7 +13071,7 @@ const authListeners = [
     }
   }
 ];
-const { Provider: Provider$3 } = createDataContext(
+const { Context: Context$2, Provider: Provider$3 } = createDataContext(
   authReducer,
   {
     handleReauth
@@ -17220,6 +17242,16 @@ instance.use(Browser).use(initReactI18next).init({
   }
 });
 const defaultTranslations = {
+  engage: {
+    user: "User",
+    user_other: "Users",
+    automation: "Automation",
+    automation_other: "Automations",
+    segment: "Segment",
+    segment_other: "Segments",
+    one_time: "One Time",
+    trigger_based: "Trigger Based"
+  },
   common: {
     ad_spend: "Ad Spend",
     date: "Date",
@@ -32829,6 +32861,9 @@ function safeExecuteInTheMiddle$2(execute, onFinish, preventThrowingError) {
     error2 = e4;
   } finally {
     onFinish(error2, result);
+    if (error2 && !preventThrowingError) {
+      throw error2;
+    }
     return result;
   }
 }
@@ -33042,7 +33077,7 @@ var DocumentLoadInstrumentation = (
             return;
           }
           _this._diag.error("addCustomAttributesOnSpan", error2);
-        });
+        }, true);
       }
     };
     DocumentLoadInstrumentation2.prototype._addCustomAttributesOnResourceSpan = function(span, resource, applyCustomAttributesOnSpan) {
@@ -33055,7 +33090,7 @@ var DocumentLoadInstrumentation = (
             return;
           }
           _this._diag.error("addCustomAttributesOnResourceSpan", error2);
-        });
+        }, true);
       }
     };
     DocumentLoadInstrumentation2.prototype.enable = function() {
@@ -33417,6 +33452,9 @@ function safeExecuteInTheMiddle$1(execute, onFinish, preventThrowingError) {
     error2 = e4;
   } finally {
     onFinish(error2, result);
+    if (error2 && !preventThrowingError) {
+      throw error2;
+    }
     return result;
   }
 }
@@ -34140,7 +34178,7 @@ var FetchInstrumentation = (
             return;
           }
           _this._diag.error("applyCustomAttributesOnSpan", error2);
-        });
+        }, true);
       }
     };
     FetchInstrumentation2.prototype._prepareSpanData = function(spanUrl) {
@@ -34963,6 +35001,9 @@ function safeExecuteInTheMiddle(execute, onFinish, preventThrowingError) {
     error2 = e4;
   } finally {
     onFinish(error2, result);
+    if (error2 && !preventThrowingError) {
+      throw error2;
+    }
     return result;
   }
 }
@@ -35338,7 +35379,7 @@ var XMLHttpRequestInstrumentation = (
             return;
           }
           _this._diag.error("applyCustomAttributesOnSpan", error2);
-        });
+        }, true);
       }
     };
     XMLHttpRequestInstrumentation2.prototype._addResourceObserver = function(xhr, spanUrl) {
@@ -36025,7 +36066,7 @@ var count$5 = 0;
 function useId$3(deterministicId) {
   const [id2, setId] = React.useState(useReactId$2());
   useLayoutEffect2$2(() => {
-    setId((reactId) => reactId ?? String(count$5++));
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$5++));
   }, [deterministicId]);
   return deterministicId || (id2 ? `radix-${id2}` : "");
 }
@@ -37238,9 +37279,9 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -37322,7 +37363,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -38163,6 +38204,7 @@ const progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
 const secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
 const millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
 const MotionGlobalConfig = {
+  skipAnimations: false,
   useManualTiming: false
 };
 const stepsOrder = [
@@ -38180,7 +38222,8 @@ const stepsOrder = [
   // Compute
 ];
 const statsBuffer = {
-  value: null
+  value: null,
+  addProjectionMetrics: null
 };
 function createRenderStep(runNextFrame, stepName) {
   let thisFrame = /* @__PURE__ */ new Set();
@@ -38509,7 +38552,7 @@ function useMotionRef(visualState, visualElement, externalRef) {
 const camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
 const optimizedAppearDataId = "framerAppearId";
 const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
-const { schedule: microtask } = createRenderBatcher(queueMicrotask, false);
+const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
 const SwitchLayoutGroupContext = createContext$1({});
 function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor) {
   var _a2, _b;
@@ -40904,7 +40947,7 @@ function findSpring({ duration = springDefaults.duration, bounce = springDefault
     envelope = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
       const b3 = (undampedFreq2 - velocity) * duration + 1;
-      return -1e-3 + a4 * b3;
+      return -safeMin + a4 * b3;
     };
     derivative = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
@@ -45927,6 +45970,8 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
 const styles$3 = {
   title: "text-3xl mb-8",
   grid: "grid grid-cols-2 gap-6",
+  card: "relative p-6 rounded-lg border border-gray-200 cursor-pointer flex flex-col items-center text-center hover:border-indigo-500 transition-colors",
+  cardDisabled: "opacity-60 cursor-not-allowed hover:border-gray-200",
   container: "relative p-6  rounded-lg",
   iconWrapper: "mb-4 flex items-center justify-center",
   cardTitle: "text-lg font-medium mb-2",
@@ -47722,7 +47767,9 @@ async function loadRouteModule(route, routeModulesCache) {
     );
     console.error(error2);
     if (window.__reactRouterContext && window.__reactRouterContext.isSpaMode && // @ts-expect-error
-    void 0) ;
+    void 0) {
+      throw error2;
+    }
     window.location.reload();
     return new Promise(() => {
     });
@@ -53230,8 +53277,7 @@ const BrandSettingsModal = () => {
     if (file) {
       const reader = new FileReader();
       reader.onloadend = async () => {
-        const base64String = reader.result;
-        setLogoUrl(base64String);
+        const base64String = reader.result.split(",")[1];
         updateBrandSettings({
           logoBase64: base64String
         });
@@ -54232,6 +54278,8 @@ const lightFormatters = {
   }
 };
 const dayPeriodEnum$1 = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -55201,6 +55249,7 @@ const secondary$1 = "reach-styles-module__secondary___VQ4iH";
 const destructive$1 = "reach-styles-module__destructive___RLaRD";
 const outline$1 = "reach-styles-module__outline___L2VtW";
 const google = "reach-styles-module__google___HcEij";
+const dark = "reach-styles-module__dark___729i-";
 const date = "reach-styles-module__date___-6BC4";
 const sizeDefault = "reach-styles-module__sizeDefault___iGTp4";
 const sizeSm = "reach-styles-module__sizeSm___6T2oK";
@@ -55214,6 +55263,7 @@ const styles$2 = {
   destructive: destructive$1,
   outline: outline$1,
   google,
+  dark,
   date,
   sizeDefault,
   sizeSm,
@@ -57657,6 +57707,8 @@ var formatters$2 = {
   }
 };
 var dayPeriodEnum = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -61751,7 +61803,7 @@ function useId(deterministicId) {
   useLayoutEffect2(() => {
     setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
-  return deterministicId || (id2 ? `radix-${id2}` : "");
+  return id2 ? `radix-${id2}` : "";
 }
 var NAME$1 = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
@@ -64776,7 +64828,8 @@ const initialState = {
   isFetchingAutomation: false,
   isUpdatingAutomation: false,
   isFetchingCommunication: false,
-  isUpdatingCommunication: false
+  isUpdatingCommunication: false,
+  openEditPopup: false
 };
 const automationReducer = (state, action) => {
   switch (action.type) {
@@ -64835,6 +64888,11 @@ const automationReducer = (state, action) => {
         ...state,
         recipientStats: action.payload
       };
+    case "SET_EDIT_POPUP":
+      return {
+        ...state,
+        openEditPopup: action.payload
+      };
     default:
       return state;
   }
@@ -64848,6 +64906,9 @@ const setCommunicationGroup = (dispatch2) => (group) => {
 const setRecipientStats = (dispatch2) => (stats) => {
   dispatch2({ type: "UPDATE_RECIPIENT_STATS", payload: stats });
 };
+const setEditPopup = (dispatch2) => (isOpen) => {
+  dispatch2({ type: "SET_EDIT_POPUP", payload: isOpen });
+};
 const automationListeners = [
   {
     eventName: EVENT_AUTOMATION_UPDATE_START,
@@ -64879,7 +64940,8 @@ const { Context, Provider } = createDataContext(
   {
     setAutomation,
     setCommunicationGroup,
-    setRecipientStats
+    setRecipientStats,
+    setEditPopup
   },
   initialState,
   automationListeners
@@ -65395,6 +65457,7 @@ const AutomationContent = ({
   const [emailData, setEmailData] = useState(null);
   const [smsData, setSmsData] = useState(null);
   const [loading2, setLoading2] = useState(false);
+  const { setEditPopup: setEditPopup2 } = useContext$1(Context);
   const communicationGroup = useCommunicationGroup();
   useEffect(() => {
     if (!communicationGroup || !channelSenders) {
@@ -65457,8 +65520,19 @@ const AutomationContent = ({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: "Automation Content Missing" }),
-    /* @__PURE__ */ jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step. Start by clicking Actions in the top right, and then click Edit!" })
+    /* @__PURE__ */ jsxs("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: [
+      t("engage:automation"),
+      " Content Missing"
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-gray-500 max-w-md pb-4", children: [
+      "Complete your ",
+      t("engage:automation"),
+      " setup to preview the content here!"
+    ] }),
+    /* @__PURE__ */ jsxs(Button$1, { onClick: () => setEditPopup2(true), children: [
+      "Edit ",
+      t("engage:automation")
+    ] })
   ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(
       PreviewPanel,
@@ -67166,6 +67240,17 @@ const minusIconInactive = "reach-styles-module__minusIconInactive___JtvVB";
 const label = "reach-styles-module__label___tiCMA";
 const labelActive = "reach-styles-module__labelActive___EXydD";
 const labelInactive = "reach-styles-module__labelInactive___g-J3r";
+const navigationContainer = "reach-styles-module__navigationContainer___1T1JL";
+const navigationButton = "reach-styles-module__navigationButton___9LW7I";
+const sidebarContainer = "reach-styles-module__sidebarContainer___Yqwnv";
+const sidebarNav = "reach-styles-module__sidebarNav___vGCaT";
+const stepItem = "reach-styles-module__stepItem___c497m";
+const stepItemActive = "reach-styles-module__stepItemActive___zQkts";
+const stepItemCompleted = "reach-styles-module__stepItemCompleted___TiD-u";
+const stepItemUpcoming = "reach-styles-module__stepItemUpcoming___Qu-vA";
+const contentContainer = "reach-styles-module__contentContainer___g6SCE";
+const contentArea = "reach-styles-module__contentArea___gczmB";
+const poweredByReachContainer = "reach-styles-module__poweredByReachContainer___GCwod";
 const styles$1 = {
   stepIndicatorContainer,
   iconContainer,
@@ -67175,7 +67260,18 @@ const styles$1 = {
   minusIconInactive,
   label,
   labelActive,
-  labelInactive
+  labelInactive,
+  navigationContainer,
+  navigationButton,
+  sidebarContainer,
+  sidebarNav,
+  stepItem,
+  stepItemActive,
+  stepItemCompleted,
+  stepItemUpcoming,
+  contentContainer,
+  contentArea,
+  poweredByReachContainer
 };
 const StepIndicator = ({
   label: label2,
@@ -68421,7 +68517,12 @@ const SMSPreview = ({ iconDefinitions, mergeFieldsResponse, smsChannelSenders })
     }
     if (!fromNumber) {
       const smsChannelSenders2 = channelSenders.results.filter(
-        (sender) => sender.channelSenderMetadata.from
+        (sender) => (
+          /**
+           * Either a from number or a message service sid
+           */
+          sender.channelSenderMetadata.from || sender.channelSenderMetadata.messageServiceSid
+        )
       );
       if (smsChannelSenders2?.[0]) {
         setFromNumber(smsChannelSenders2[0].id);
@@ -70091,7 +70192,6 @@ const BackNextButtonGroup = ({
 };
 const EditAutomation = ({
   iconDefinitions,
-  setOpenEditAutomationPopup,
   logoUrl,
   getExtraMergeFields,
   onBeforeSchedule
@@ -70101,6 +70201,7 @@ const EditAutomation = ({
   const communicationGroup = useCommunicationGroup();
   const estimatedMatchesStats = useValidationStats();
   const { validateStep } = useValidateStep();
+  const { setEditPopup: setEditPopup2 } = useContext$1(Context);
   const [currentStep, setCurrentStep] = useState(
     void 0
   );
@@ -70127,7 +70228,7 @@ const EditAutomation = ({
     updateAutomation2({
       status: AutomationStatus.DRAFT
     });
-    setOpenEditAutomationPopup(false);
+    setEditPopup2(false);
     toast2({
       title: "Automation saved as draft",
       description: "You can continue editing it later"
@@ -70151,7 +70252,7 @@ const EditAutomation = ({
           updateAutomation2({
             status: AutomationStatus.ACTIVE
           });
-          setOpenEditAutomationPopup(false);
+          setEditPopup2(false);
           toast2({
             title: "Automation scheduled!"
           });
@@ -70171,7 +70272,7 @@ const EditAutomation = ({
       }
     } else {
       updateAutomation2({ status: AutomationStatus.ACTIVE });
-      setOpenEditAutomationPopup(false);
+      setEditPopup2(false);
       toast2({
         title: "Automation scheduled!"
       });
@@ -70216,15 +70317,7 @@ const EditAutomation = ({
     }
   };
   const renderHeader = () => /* @__PURE__ */ jsxs("header", { className: "w-full flex items-center gap-4 h-16 px-6", children: [
-    /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        onClick: () => setOpenEditAutomationPopup(false),
-        size: "icon",
-        variant: "ghost",
-        children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" })
-      }
-    ),
+    /* @__PURE__ */ jsx(Button$1, { onClick: () => setEditPopup2(false), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" }) }),
     logoUrl && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Logo", className: "w-6 h-6" }) }),
     /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold leading-none", children: automation2.name }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
@@ -70312,7 +70405,6 @@ const EditAutomationDialog = ({
   open,
   onOpenChange,
   iconDefinitions,
-  setOpenEditAutomationPopup,
   logoUrl,
   getExtraMergeFields,
   onBeforeSchedule
@@ -70331,7 +70423,6 @@ const EditAutomationDialog = ({
           EditAutomation,
           {
             iconDefinitions,
-            setOpenEditAutomationPopup,
             logoUrl,
             getExtraMergeFields,
             onBeforeSchedule
@@ -70553,7 +70644,8 @@ const ViewAutomationHeaderContainer = ({
   showBackButton = false
 }) => {
   const mergedIconDefinitions = mergeIconDefinitions(iconDefinitions);
-  const [openEditAutomationPopup, setOpenEditAutomationPopup] = useState(false);
+  const { setEditPopup: setEditPopup2, state } = useContext$1(Context);
+  const openEditPopup = state.openEditPopup;
   const [openSendPreviewSmsPopup, setOpenSendPreviewSmsPopup] = useState(false);
   const [openSendPreviewEmailPopup, setOpenSendPreviewEmailPopup] = useState(false);
   const [
@@ -70571,16 +70663,16 @@ const ViewAutomationHeaderContainer = ({
   const { toast: toast2 } = useToast();
   useEffect(() => {
     if (autoOpenEditPopup) {
-      setOpenEditAutomationPopup(true);
+      setEditPopup2(true);
     }
-  }, [autoOpenEditPopup]);
+  }, [autoOpenEditPopup, setEditPopup2]);
   const handleEditDialogChange = (newValue) => {
-    if (openEditAutomationPopup === true && newValue === false) {
+    if (openEditPopup === true && newValue === false) {
       setTimeout(() => {
         invalidateAutomation();
       }, 0);
     }
-    setOpenEditAutomationPopup(newValue);
+    setEditPopup2(newValue);
   };
   const handleCancelAutomation = () => {
     updateAutomation2({
@@ -70646,7 +70738,7 @@ const ViewAutomationHeaderContainer = ({
       /* @__PURE__ */ jsx(mergedIconDefinitions.DropdownMenuTrigger, { className: "ml-2 h-4 w-4" })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-      automation2.status === AutomationStatus.DRAFT && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setOpenEditAutomationPopup(true), children: "Edit" }),
+      automation2.status === AutomationStatus.DRAFT && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setEditPopup2(true), children: "Edit" }),
       automation2.status === AutomationStatus.ACTIVE && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: convertToDraft, children: "Convert to Draft" }),
       automation2.status !== AutomationStatus.COMPLETED && automation2.status !== AutomationStatus.FAILED && automation2.status !== AutomationStatus.DEACTIVATED && // We can't cancel managed automations
       automation2.automationType !== BusinessAutomationTypeEnum.MANAGED && /* @__PURE__ */ jsx(
@@ -70699,10 +70791,9 @@ const ViewAutomationHeaderContainer = ({
     /* @__PURE__ */ jsx(
       EditAutomationDialog,
       {
-        open: openEditAutomationPopup,
+        open: openEditPopup,
         onOpenChange: handleEditDialogChange,
         iconDefinitions: mergedIconDefinitions,
-        setOpenEditAutomationPopup,
         logoUrl,
         getExtraMergeFields,
         onBeforeSchedule
@@ -70831,28 +70922,28 @@ Object.values(
 );
 export {
   $TRACK as $,
-  getQueryStatusColorByLabel as A,
-  displayValue as B,
-  convertRemToPixels as C,
-  untrack as D,
-  useTransition as E,
+  displayValue as A,
+  batch as B,
+  clearDelegatedEvents as C,
+  Dynamic as D,
+  untrack as E,
   For as F,
-  spread as G,
-  mergeProps$8 as H,
-  createRoot as I,
-  serialize$1 as J,
-  Index as K,
-  updateNestedDataByPath as L,
-  addEventListener$1 as M,
-  stringify as N,
-  Match as O,
+  createComputed as G,
+  serialize$1 as H,
+  Index as I,
+  updateNestedDataByPath as J,
+  convertRemToPixels as K,
+  getSidedProp as L,
+  getQueryStatusLabel as M,
+  createRoot as N,
+  addEventListener$1 as O,
   Portal$9 as P,
-  Switch$2 as Q,
-  deleteNestedDataByPath as R,
+  stringify as Q,
+  Match as R,
   Show as S,
-  splitProps as T,
-  Dynamic as U,
-  createComputed as V,
+  Switch$2 as T,
+  deleteNestedDataByPath as U,
+  useTransition as V,
   AutomationTriggerType as W,
   ReachProvider as X,
   CreateAutomationDialog as Y,
@@ -70861,29 +70952,29 @@ export {
   createComponent as a,
   SegmentBuilderDialog as a0,
   ViewAutomation as a1,
-  createContext as b,
+  createSignal as b,
   createMemo as c,
-  createSignal as d,
+  delegateEvents as d,
   createEffect as e,
-  createRenderEffect as f,
+  mergeProps$8 as f,
   getPreferredColorScheme as g,
-  className as h,
-  insert as i,
-  clearDelegatedEvents as j,
-  delegateEvents as k,
-  onCleanup as l,
+  splitProps as h,
+  createContext as i,
+  createRenderEffect as j,
+  setAttribute as k,
+  createUniqueId as l,
   mutationSortFns as m,
-  on as n,
-  onMount as o,
-  setAttribute as p,
-  getSidedProp as q,
-  use as r,
+  onCleanup as n,
+  on as o,
+  onMount as p,
+  use as q,
+  insert as r,
   sortFns as s,
   template as t,
   useContext as u,
-  createUniqueId as v,
-  batch as w,
-  getQueryStatusLabel as x,
-  getMutationStatusColor as y,
-  getQueryStatusColor as z
+  className as v,
+  getQueryStatusColor as w,
+  getMutationStatusColor as x,
+  spread as y,
+  getQueryStatusColorByLabel as z
 };