@embedreach/components 0.1.32 → 0.1.34

package/dist/chunks/index.js

@@ -3,6 +3,234 @@ import * as React from "react";
 import React__default, { createContext as createContext$1, Component, useReducer, useMemo, useEffect, useContext as useContext$1, useCallback, useState, useRef, createElement as createElement$1, forwardRef, useId as useId$2, useInsertionEffect, Children, isValidElement, useLayoutEffect, Fragment as Fragment$1, cloneElement } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
+const base$5 = "reach-styles-module__base___1f29D";
+const destructive$3 = "reach-styles-module__destructive___I1tif";
+const title$1 = "reach-styles-module__title___gL-0t";
+const description$1 = "reach-styles-module__description___TBeKF";
+const styles_module$4 = {
+  base: base$5,
+  "default": "reach-styles-module__default___sG8Jl",
+  destructive: destructive$3,
+  title: title$1,
+  description: description$1
+};
+const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  base: base$5,
+  default: styles_module$4,
+  description: description$1,
+  destructive: destructive$3,
+  title: title$1
+}, Symbol.toStringTag, { value: "Module" }));
+const base$4 = "reach-styles-module__base___eJmcH";
+const secondary$3 = "reach-styles-module__secondary___H-ae8";
+const destructive$2 = "reach-styles-module__destructive___JsRNh";
+const outline$2 = "reach-styles-module__outline___9FFlV";
+const google = "reach-styles-module__google___7eHwU";
+const dark = "reach-styles-module__dark___gu5hq";
+const date$2 = "reach-styles-module__date___gU3Tt";
+const sizeDefault$3 = "reach-styles-module__size-default___bnA-o";
+const sizeSm$3 = "reach-styles-module__size-sm___-y5xc";
+const iconOnly = "reach-styles-module__icon-only___ae2yu";
+const iconOnlySm = "reach-styles-module__icon-only-sm___j9kLM";
+const container = "reach-styles-module__container___5PrOx";
+const styles$6 = {
+  base: base$4,
+  "default": "reach-styles-module__default___8NuEB",
+  secondary: secondary$3,
+  destructive: destructive$2,
+  outline: outline$2,
+  google,
+  dark,
+  date: date$2,
+  sizeDefault: sizeDefault$3,
+  sizeSm: sizeSm$3,
+  iconOnly,
+  iconOnlySm,
+  container
+};
+const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  base: base$4,
+  container,
+  dark,
+  date: date$2,
+  default: styles$6,
+  destructive: destructive$2,
+  google,
+  iconOnly,
+  iconOnlySm,
+  outline: outline$2,
+  secondary: secondary$3,
+  sizeDefault: sizeDefault$3,
+  sizeSm: sizeSm$3
+}, Symbol.toStringTag, { value: "Module" }));
+const base$3 = "reach-styles-module__base___jV5oA";
+const primary = "reach-styles-module__primary___WEdH4";
+const success = "reach-styles-module__success___-eJqU";
+const warning$2 = "reach-styles-module__warning___KP0RW";
+const error$2 = "reach-styles-module__error___klJoJ";
+const sizeDefault$2 = "reach-styles-module__size-default___hgiNI";
+const sizeSm$2 = "reach-styles-module__size-sm___tiHOk";
+const sizeLg$2 = "reach-styles-module__size-lg___iGf5z";
+const positionDefault = "reach-styles-module__position-default___FzGg5";
+const positionTop = "reach-styles-module__position-top___NpFYx";
+const positionBottom = "reach-styles-module__position-bottom___-DbqR";
+const positionInline = "reach-styles-module__position-inline___I-BaY";
+const styles_module$3 = {
+  base: base$3,
+  "default": "reach-styles-module__default___eFUo9",
+  primary,
+  success,
+  warning: warning$2,
+  error: error$2,
+  sizeDefault: sizeDefault$2,
+  sizeSm: sizeSm$2,
+  sizeLg: sizeLg$2,
+  positionDefault,
+  positionTop,
+  positionBottom,
+  positionInline
+};
+const __vite_glob_0_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  base: base$3,
+  default: styles_module$3,
+  error: error$2,
+  positionBottom,
+  positionDefault,
+  positionInline,
+  positionTop,
+  primary,
+  sizeDefault: sizeDefault$2,
+  sizeLg: sizeLg$2,
+  sizeSm: sizeSm$2,
+  success,
+  warning: warning$2
+}, Symbol.toStringTag, { value: "Module" }));
+const base$2 = "reach-styles-module__base___RP4iu";
+const destructive$1 = "reach-styles-module__destructive___BZSYi";
+const outline$1 = "reach-styles-module__outline___bNcaI";
+const secondary$2 = "reach-styles-module__secondary___osvqQ";
+const ghost = "reach-styles-module__ghost___uU77B";
+const link = "reach-styles-module__link___nSLOW";
+const sizeDefault$1 = "reach-styles-module__size-default___kIvbz";
+const sizeSm$1 = "reach-styles-module__size-sm___45mpF";
+const sizeLg$1 = "reach-styles-module__size-lg___49p4A";
+const sizeIcon = "reach-styles-module__size-icon___-6vvi";
+const styles$5 = {
+  base: base$2,
+  "default": "reach-styles-module__default___pajjj",
+  destructive: destructive$1,
+  outline: outline$1,
+  secondary: secondary$2,
+  ghost,
+  link,
+  sizeDefault: sizeDefault$1,
+  sizeSm: sizeSm$1,
+  sizeLg: sizeLg$1,
+  sizeIcon
+};
+const __vite_glob_0_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  base: base$2,
+  default: styles$5,
+  destructive: destructive$1,
+  ghost,
+  link,
+  outline: outline$1,
+  secondary: secondary$2,
+  sizeDefault: sizeDefault$1,
+  sizeIcon,
+  sizeLg: sizeLg$1,
+  sizeSm: sizeSm$1
+}, Symbol.toStringTag, { value: "Module" }));
+const base$1 = "reach-styles-module__base___ANlIr";
+const destructive = "reach-styles-module__destructive___a6Swz";
+const outline = "reach-styles-module__outline___INmdX";
+const secondary$1 = "reach-styles-module__secondary___Ym15V";
+const header = "reach-styles-module__header___CzneX";
+const title = "reach-styles-module__title___8ostO";
+const description = "reach-styles-module__description___xR5d4";
+const content = "reach-styles-module__content___XXeK2";
+const footer = "reach-styles-module__footer___35Xil";
+const styles$4 = {
+  base: base$1,
+  "default": "reach-styles-module__default___S2tp4",
+  destructive,
+  outline,
+  secondary: secondary$1,
+  header,
+  title,
+  description,
+  content,
+  footer
+};
+const __vite_glob_0_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  base: base$1,
+  content,
+  default: styles$4,
+  description,
+  destructive,
+  footer,
+  header,
+  outline,
+  secondary: secondary$1,
+  title
+}, Symbol.toStringTag, { value: "Module" }));
+const base = "reach-styles-module__base___ihq8K";
+const secondary = "reach-styles-module__secondary___-4DAF";
+const sizeDefault = "reach-styles-module__size-default___GR-0s";
+const sizeSm = "reach-styles-module__size-sm___di6Rw";
+const sizeLg = "reach-styles-module__size-lg___KGbCW";
+const styles_module$2 = {
+  base,
+  "default": "reach-styles-module__default___xYprf",
+  secondary,
+  sizeDefault,
+  sizeSm,
+  sizeLg
+};
+const __vite_glob_0_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  base,
+  default: styles_module$2,
+  secondary,
+  sizeDefault,
+  sizeLg,
+  sizeSm
+}, Symbol.toStringTag, { value: "Module" }));
+const skeleton = "reach-styles-module__skeleton___G4xtU";
+const pulse = "reach-styles-module__pulse___6mIhJ";
+const styles_module$1 = {
+  skeleton,
+  pulse
+};
+const __vite_glob_0_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: styles_module$1,
+  pulse,
+  skeleton
+}, Symbol.toStringTag, { value: "Module" }));
+const root$1 = "reach-styles-module__root___eifex";
+const track = "reach-styles-module__track___NJnT0";
+const range = "reach-styles-module__range___mw-ny";
+const thumb = "reach-styles-module__thumb___hzq0o";
+const styles_module = {
+  root: root$1,
+  track,
+  range,
+  thumb
+};
+const __vite_glob_0_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: styles_module,
+  range,
+  root: root$1,
+  thumb,
+  track
+}, Symbol.toStringTag, { value: "Module" }));
 var Subscribable = class {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set();
@@ -2611,7 +2839,7 @@ function createResource(pSource, pFetcher, pOptions) {
     options = {};
   }
   let pr = null, initP = NO_INIT, id2 = null, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source);
-  const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error2, setError2] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
+  const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error2, setError2] = createSignal(void 0), [track2, trigger] = createSignal(void 0, {
     equals: false
   }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
   if (sharedConfig.context) {
@@ -11136,7 +11364,7 @@ class Browser {
 }
 Browser.type = "languageDetector";
 const ad_spend$1 = "Ad Spend";
-const date$2 = "Date";
+const date$1 = "Date";
 const close$1 = "Close";
 const connected$1 = "Connected";
 const connecting$1 = "Connecting...";
@@ -11523,7 +11751,7 @@ const empty_state$1 = {
 };
 const enCommon = {
   ad_spend: ad_spend$1,
-  date: date$2,
+  date: date$1,
   close: close$1,
   "continue": "Continue",
   connected: connected$1,
@@ -11562,7 +11790,7 @@ const enCommon = {
   empty_state: empty_state$1
 };
 const ad_spend = "Gasto en anuncios";
-const date$1 = "Fecha";
+const date = "Fecha";
 const close = "Cerrar";
 const connected = "Conectado";
 const connecting = "Conectando...";
@@ -11949,7 +12177,7 @@ const empty_state = {
 };
 const esCommon = {
   ad_spend,
-  date: date$1,
+  date,
   close,
   "continue": "Continuar",
   connected,
@@ -12409,7 +12637,7 @@ function createCollection(name) {
     createCollectionScope2
   ];
 }
-var NODES$2 = [
+var NODES$3 = [
   "a",
   "button",
   "div",
@@ -12427,7 +12655,7 @@ var NODES$2 = [
   "svg",
   "ul"
 ];
-var Primitive$2 = NODES$2.reduce((primitive, node) => {
+var Primitive$3 = NODES$3.reduce((primitive, node) => {
   const Node2 = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot$3 : node;
@@ -12549,7 +12777,7 @@ var DismissableLayer$3 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$3, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -12582,7 +12810,7 @@ var DismissableLayerBranch$3 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$3.displayName = BRANCH_NAME$3;
 function usePointerDownOutside$3(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -12672,7 +12900,7 @@ var Portal$6 = React.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal$6.displayName = PORTAL_NAME$7;
 function useStateMachine(initialState, machine) {
@@ -12837,11 +13065,11 @@ function useUncontrolledState({
   }, [value, prevValueRef, handleChange]);
   return uncontrolledState;
 }
-var NAME$3 = "VisuallyHidden";
-var VisuallyHidden = React.forwardRef(
+var NAME$4 = "VisuallyHidden";
+var VisuallyHidden$1 = React.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$2.span,
+      Primitive$3.span,
       {
         ...props,
         ref: forwardedRef,
@@ -12863,8 +13091,8 @@ var VisuallyHidden = React.forwardRef(
     );
   }
 );
-VisuallyHidden.displayName = NAME$3;
-var Root$6 = VisuallyHidden;
+VisuallyHidden$1.displayName = NAME$4;
+var Root$6 = VisuallyHidden$1;
 var PROVIDER_NAME$1 = "ToastProvider";
 var [Collection$3, useCollection$3, createCollectionScope$3] = createCollection("Toast");
 var [createToastContext, createToastScope] = createContextScope("Toast", [createCollectionScope$3]);
@@ -13039,7 +13267,7 @@ var ToastViewport$1 = React.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(Primitive$2.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
+          /* @__PURE__ */ jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(Primitive$3.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
           hasToasts && /* @__PURE__ */ jsx(
             FocusProxy,
             {
@@ -13064,7 +13292,7 @@ var FocusProxy = React.forwardRef(
     const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props;
     const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast);
     return /* @__PURE__ */ jsx(
-      VisuallyHidden,
+      VisuallyHidden$1,
       {
         "aria-hidden": true,
         tabIndex: 0,
@@ -13231,7 +13459,7 @@ var ToastImpl = React.forwardRef(
               context.isFocusedToastEscapeKeyDownRef.current = false;
             }),
             children: /* @__PURE__ */ jsx(
-              Primitive$2.li,
+              Primitive$3.li,
               {
                 role: "status",
                 "aria-live": "off",
@@ -13330,7 +13558,7 @@ var ToastAnnounce = (props) => {
     const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
     return () => window.clearTimeout(timer);
   }, []);
-  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment, { children: [
+  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden$1, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment, { children: [
     context.label,
     " ",
     children2
@@ -13340,7 +13568,7 @@ var TITLE_NAME$1 = "ToastTitle";
 var ToastTitle$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...titleProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { ...titleProps, ref: forwardedRef });
   }
 );
 ToastTitle$1.displayName = TITLE_NAME$1;
@@ -13348,7 +13576,7 @@ var DESCRIPTION_NAME$1 = "ToastDescription";
 var ToastDescription$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...descriptionProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { ...descriptionProps, ref: forwardedRef });
   }
 );
 ToastDescription$1.displayName = DESCRIPTION_NAME$1;
@@ -13372,7 +13600,7 @@ var ToastClose$1 = React.forwardRef(
     const { __scopeToast, ...closeProps } = props;
     const interactiveContext = useToastInteractiveContext(CLOSE_NAME$2, __scopeToast);
     return /* @__PURE__ */ jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         ...closeProps,
@@ -13386,7 +13614,7 @@ ToastClose$1.displayName = CLOSE_NAME$2;
 var ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
   const { __scopeToast, altText, ...announceExcludeProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$2.div,
+    Primitive$3.div,
     {
       "data-radix-toast-announce-exclude": "",
       "data-radix-toast-announce-alt": altText || void 0,
@@ -18251,7 +18479,7 @@ function press(elementOrSelector, onPressStart, options = {}) {
       return;
     isPressing.add(element);
     const onPressEnd = onPressStart(element, startEvent);
-    const onPointerEnd = (endEvent, success) => {
+    const onPointerEnd = (endEvent, success2) => {
       window.removeEventListener("pointerup", onPointerUp);
       window.removeEventListener("pointercancel", onPointerCancel);
       if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
@@ -18259,7 +18487,7 @@ function press(elementOrSelector, onPressStart, options = {}) {
       }
       isPressing.delete(element);
       if (typeof onPressEnd === "function") {
-        onPressEnd(endEvent, { success });
+        onPressEnd(endEvent, { success: success2 });
       }
     };
     const onPointerUp = (upEvent) => {
@@ -23321,7 +23549,7 @@ class PressGesture extends Feature {
       return;
     this.unmount = press(current, (_element, startEvent) => {
       handlePressEvent(this.node, startEvent, "Start");
-      return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
+      return (endEvent, { success: success2 }) => handlePressEvent(this.node, endEvent, success2 ? "End" : "Cancel");
     }, { useGlobalTarget: this.node.props.globalTapTarget });
   }
   unmount() {
@@ -24221,36 +24449,21 @@ function getElementRef$2(element) {
   }
   return element.props.ref || element.ref;
 }
-const base$2 = "reach-styles-module__base___RP4iu";
-const destructive$2 = "reach-styles-module__destructive___BZSYi";
-const outline$2 = "reach-styles-module__outline___bNcaI";
-const secondary$2 = "reach-styles-module__secondary___osvqQ";
-const ghost = "reach-styles-module__ghost___uU77B";
-const link = "reach-styles-module__link___nSLOW";
-const styles$6 = {
-  base: base$2,
-  "default": "reach-styles-module__default___pajjj",
-  destructive: destructive$2,
-  outline: outline$2,
-  secondary: secondary$2,
-  ghost,
-  link
-};
-const buttonVariants = cva([styles$6.base], {
+const buttonVariants = cva([styles$5.base], {
   variants: {
     variant: {
-      default: styles$6.default,
-      destructive: styles$6.destructive,
-      outline: styles$6.outline,
-      secondary: styles$6.secondary,
-      ghost: styles$6.ghost,
-      link: styles$6.link
+      default: styles$5.default,
+      destructive: styles$5.destructive,
+      outline: styles$5.outline,
+      secondary: styles$5.secondary,
+      ghost: styles$5.ghost,
+      link: styles$5.link
     },
     size: {
-      default: styles$6["size-default"],
-      sm: styles$6["size-sm"],
-      lg: styles$6["size-lg"],
-      icon: styles$6["size-icon"]
+      default: styles$5["size-default"],
+      sm: styles$5["size-sm"],
+      lg: styles$5["size-lg"],
+      icon: styles$5["size-icon"]
     }
   },
   defaultVariants: {
@@ -24332,7 +24545,7 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
     }
   );
 };
-const styles$5 = {
+const styles$3 = {
   title: "text-3xl mb-8",
   grid: "grid grid-cols-2 gap-6",
   container: "relative p-6  rounded-lg"
@@ -24341,9 +24554,9 @@ const ChooseAutomationType = ({ onNext, iconDefinitions }) => {
   const onClick = (type) => {
     onNext(type);
   };
-  return /* @__PURE__ */ jsxs("div", { className: styles$5.container, children: [
-    /* @__PURE__ */ jsx("h1", { className: styles$5.title, children: "Choose Your Automation Type" }),
-    /* @__PURE__ */ jsxs("div", { className: styles$5.grid, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$3.container, children: [
+    /* @__PURE__ */ jsx("h1", { className: styles$3.title, children: "Choose Your Automation Type" }),
+    /* @__PURE__ */ jsxs("div", { className: styles$3.grid, children: [
       /* @__PURE__ */ jsx(
         BigSelector,
         {
@@ -24398,16 +24611,16 @@ function UnreachableCaseStatement(x3, enumObj) {
     `Unreachable case statement: ${JSON.stringify(x3)}. Valid values are: ${Object.values(enumObj).join(", ")}`
   );
 }
-const styles$4 = {
+const styles$2 = {
   iconWrapper: "mb-4 flex items-center justify-center",
   cardTitle: "text-lg font-medium mb-2",
   cardDescription: "text-sm text-gray-600"
 };
 const OneTimeBroadcast = ({ iconDefinitions }) => {
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: styles$4.iconWrapper, children: /* @__PURE__ */ jsx(iconDefinitions.OneTimeBroadcast, {}) }),
-    /* @__PURE__ */ jsx("h3", { className: styles$4.cardTitle, children: "One-Time Broadcast" }),
-    /* @__PURE__ */ jsx("p", { className: styles$4.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
+    /* @__PURE__ */ jsx("div", { className: styles$2.iconWrapper, children: /* @__PURE__ */ jsx(iconDefinitions.OneTimeBroadcast, {}) }),
+    /* @__PURE__ */ jsx("h3", { className: styles$2.cardTitle, children: "One-Time Broadcast" }),
+    /* @__PURE__ */ jsx("p", { className: styles$2.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
   ] });
 };
 const SetAutomationName = ({ selectedType, setAutomationName, automationName, iconDefinitions }) => {
@@ -24515,7 +24728,7 @@ const CreateAutomationModal = ({
     });
   };
   if (isCreating || startedCreating) {
-    return /* @__PURE__ */ jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
     /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
@@ -24719,6 +24932,102 @@ function isDate$2(val) {
  *
  * @license MIT
  */
+function createMemoryHistory(options = {}) {
+  let { initialEntries = ["/"], initialIndex, v5Compat = false } = options;
+  let entries;
+  entries = initialEntries.map(
+    (entry, index22) => createMemoryLocation(
+      entry,
+      typeof entry === "string" ? null : entry.state,
+      index22 === 0 ? "default" : void 0
+    )
+  );
+  let index2 = clampIndex(
+    initialIndex == null ? entries.length - 1 : initialIndex
+  );
+  let action = "POP";
+  let listener = null;
+  function clampIndex(n2) {
+    return Math.min(Math.max(n2, 0), entries.length - 1);
+  }
+  function getCurrentLocation() {
+    return entries[index2];
+  }
+  function createMemoryLocation(to, state = null, key) {
+    let location = createLocation(
+      entries ? getCurrentLocation().pathname : "/",
+      to,
+      state,
+      key
+    );
+    warning(
+      location.pathname.charAt(0) === "/",
+      `relative pathnames are not supported in memory history: ${JSON.stringify(
+        to
+      )}`
+    );
+    return location;
+  }
+  function createHref2(to) {
+    return typeof to === "string" ? to : createPath(to);
+  }
+  let history = {
+    get index() {
+      return index2;
+    },
+    get action() {
+      return action;
+    },
+    get location() {
+      return getCurrentLocation();
+    },
+    createHref: createHref2,
+    createURL(to) {
+      return new URL(createHref2(to), "http://localhost");
+    },
+    encodeLocation(to) {
+      let path2 = typeof to === "string" ? parsePath(to) : to;
+      return {
+        pathname: path2.pathname || "",
+        search: path2.search || "",
+        hash: path2.hash || ""
+      };
+    },
+    push(to, state) {
+      action = "PUSH";
+      let nextLocation = createMemoryLocation(to, state);
+      index2 += 1;
+      entries.splice(index2, entries.length, nextLocation);
+      if (v5Compat && listener) {
+        listener({ action, location: nextLocation, delta: 1 });
+      }
+    },
+    replace(to, state) {
+      action = "REPLACE";
+      let nextLocation = createMemoryLocation(to, state);
+      entries[index2] = nextLocation;
+      if (v5Compat && listener) {
+        listener({ action, location: nextLocation, delta: 0 });
+      }
+    },
+    go(delta) {
+      action = "POP";
+      let nextIndex = clampIndex(index2 + delta);
+      let nextLocation = entries[nextIndex];
+      index2 = nextIndex;
+      if (listener) {
+        listener({ action, location: nextLocation, delta });
+      }
+    },
+    listen(fn) {
+      listener = fn;
+      return () => {
+        listener = null;
+      };
+    }
+  };
+  return history;
+}
 function invariant(value, message2) {
   if (value === false || value === null || typeof value === "undefined") {
     throw new Error(message2);
@@ -24733,6 +25042,24 @@ function warning(cond, message2) {
     }
   }
 }
+function createKey() {
+  return Math.random().toString(36).substring(2, 10);
+}
+function createLocation(current, to, state = null, key) {
+  let location = {
+    pathname: typeof current === "string" ? current : current.pathname,
+    search: "",
+    hash: "",
+    ...typeof to === "string" ? parsePath(to) : to,
+    state,
+    // TODO: This could be cleaned up.  push/replace should probably just take
+    // full Locations now and avoid the need to run through this flow at all
+    // But that's a pretty big refactor to the current test suite so going to
+    // keep as is for the time being and just let any incoming keys take precedence
+    key: to && to.key || key || createKey()
+  };
+  return location;
+}
 function createPath({
   pathname = "/",
   search = "",
@@ -25610,6 +25937,100 @@ function DataRoutes({
 }) {
   return useRoutesImpl(routes, void 0, state, future);
 }
+function MemoryRouter({
+  basename,
+  children: children2,
+  initialEntries,
+  initialIndex
+}) {
+  let historyRef = React.useRef();
+  if (historyRef.current == null) {
+    historyRef.current = createMemoryHistory({
+      initialEntries,
+      initialIndex,
+      v5Compat: true
+    });
+  }
+  let history = historyRef.current;
+  let [state, setStateImpl] = React.useState({
+    action: history.action,
+    location: history.location
+  });
+  let setState = React.useCallback(
+    (newState) => {
+      React.startTransition(() => setStateImpl(newState));
+    },
+    [setStateImpl]
+  );
+  React.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React.createElement(
+    Router,
+    {
+      basename,
+      children: children2,
+      location: state.location,
+      navigationType: state.action,
+      navigator: history
+    }
+  );
+}
+function Router({
+  basename: basenameProp = "/",
+  children: children2 = null,
+  location: locationProp,
+  navigationType = "POP",
+  navigator: navigator2,
+  static: staticProp = false
+}) {
+  invariant(
+    !useInRouterContext(),
+    `You cannot render a <Router> inside another <Router>. You should never have more than one in your app.`
+  );
+  let basename = basenameProp.replace(/^\/*/, "/");
+  let navigationContext = React.useMemo(
+    () => ({
+      basename,
+      navigator: navigator2,
+      static: staticProp,
+      future: {}
+    }),
+    [basename, navigator2, staticProp]
+  );
+  if (typeof locationProp === "string") {
+    locationProp = parsePath(locationProp);
+  }
+  let {
+    pathname = "/",
+    search = "",
+    hash = "",
+    state = null,
+    key = "default"
+  } = locationProp;
+  let locationContext = React.useMemo(() => {
+    let trailingPathname = stripBasename(pathname, basename);
+    if (trailingPathname == null) {
+      return null;
+    }
+    return {
+      location: {
+        pathname: trailingPathname,
+        search,
+        hash,
+        state,
+        key
+      },
+      navigationType
+    };
+  }, [basename, pathname, search, hash, state, key, navigationType]);
+  warning(
+    locationContext != null,
+    `<Router basename="${basename}"> is not able to match the URL "${pathname}${search}${hash}" because it does not start with the basename, so the <Router> won't render anything.`
+  );
+  if (locationContext == null) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(NavigationContext$1.Provider, { value: navigationContext }, /* @__PURE__ */ React.createElement(LocationContext.Provider, { children: children2, value: locationContext }));
+}
 var defaultMethod = "get";
 var defaultEncType = "application/x-www-form-urlencoded";
 function isHtmlElement(object) {
@@ -26653,7 +27074,7 @@ function getElementRef$1(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES$1 = [
+var NODES$2 = [
   "a",
   "button",
   "div",
@@ -26671,7 +27092,7 @@ var NODES$1 = [
   "svg",
   "ul"
 ];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
+var Primitive$2 = NODES$2.reduce((primitive, node) => {
   const Node2 = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot$1 : node;
@@ -26774,7 +27195,7 @@ var DismissableLayer$2 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$2, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$1.div,
+      Primitive$2.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -26807,7 +27228,7 @@ var DismissableLayerBranch$2 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$1.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
 function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -27004,7 +27425,7 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
 function focusFirst$3(candidates, { select = false } = {}) {
@@ -27092,7 +27513,7 @@ var Portal$5 = React.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal$5.displayName = PORTAL_NAME$6;
 var count = 0;
@@ -27937,7 +28358,7 @@ var DialogTrigger = React.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive$2.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -27980,7 +28401,7 @@ var DialogOverlayImpl = React.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ jsx(ReactRemoveScroll$1, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
-        Primitive$1.div,
+        Primitive$2.div,
         {
           "data-state": getState$1(context.open),
           ...overlayProps,
@@ -28118,7 +28539,7 @@ var DialogTitle$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$1.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME;
@@ -28127,7 +28548,7 @@ var DialogDescription$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$1.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -28137,7 +28558,7 @@ var DialogClose = React.forwardRef(
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive$1.button,
+      Primitive$2.button,
       {
         type: "button",
         ...closeProps,
@@ -28192,6 +28613,63 @@ var Content$2 = DialogContent$1;
 var Title = DialogTitle$1;
 var Description = DialogDescription$1;
 var Close = DialogClose;
+var NODES$1 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive$1 = NODES$1.reduce((primitive, node) => {
+  const Node2 = React.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot$2 : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node2.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node2 };
+}, {});
+var NAME$3 = "VisuallyHidden";
+var VisuallyHidden = React.forwardRef(
+  (props, forwardedRef) => {
+    return /* @__PURE__ */ jsx(
+      Primitive$1.span,
+      {
+        ...props,
+        ref: forwardedRef,
+        style: {
+          // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+          position: "absolute",
+          border: 0,
+          width: 1,
+          height: 1,
+          padding: 0,
+          margin: -1,
+          overflow: "hidden",
+          clip: "rect(0, 0, 0, 0)",
+          whiteSpace: "nowrap",
+          wordWrap: "normal",
+          ...props.style
+        }
+      }
+    );
+  }
+);
+VisuallyHidden.displayName = NAME$3;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -28263,6 +28741,8 @@ const DialogDescription = React.forwardRef(({ className: className2, ...props },
   }
 ));
 DialogDescription.displayName = Description.displayName;
+const DialogVisuallyHidden = React.forwardRef(({ className: className2, children: children2, ...props }, ref) => /* @__PURE__ */ jsx(VisuallyHidden, { ref, className: cn(className2), ...props, children: children2 }));
+DialogVisuallyHidden.displayName = "DialogVisuallyHidden";
 var DISMISSABLE_LAYER_NAME$1 = "DismissableLayer";
 var CONTEXT_UPDATE$1 = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE$1 = "dismissableLayer.pointerDownOutside";
@@ -28351,7 +28831,7 @@ var DismissableLayer$1 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -28384,7 +28864,7 @@ var DismissableLayerBranch$1 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
 function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -30306,7 +30786,7 @@ var NAME$2 = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
   const { children: children2, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$2.svg,
+    Primitive$3.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -30373,7 +30853,7 @@ var PopperAnchor = React.forwardRef(
     React.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$2.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -30500,7 +30980,7 @@ var PopperContent = React.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$2.div,
+              Primitive$3.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -30776,7 +31256,7 @@ var TooltipTrigger$1 = React.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -31135,14 +31615,14 @@ const InfoTooltip = ({ title: title2, alertText, Icon: Icon2 = Info, onClick })
     ] }) })
   ] }) });
 };
-const styles$3 = {
+const styles$1 = {
   container: "flex flex-col items-center justify-center h-full"
 };
 const AutomationStatistics = ({ automationId, iconDefinitions }) => {
   const [activeTab, setActiveTab] = useState("email");
   const { statistics, isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
   if (isStatisticsLoading || !statistics) {
-    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
   }
   const StatsGrid = () => {
     const statGridMainDiv = "flex items-center bg-white rounded-lg p-4 shadow-sm border border-gray-200 transform transition-all duration-300 hover:shadow-md";
@@ -32844,39 +33324,22 @@ function formatDistance$1(date2, baseDate, options) {
 function formatDistanceToNow(date2, options) {
   return formatDistance$1(date2, constructNow(date2), options);
 }
-const base$1 = "reach-styles-module__base___eJmcH";
-const secondary$1 = "reach-styles-module__secondary___H-ae8";
-const destructive$1 = "reach-styles-module__destructive___JsRNh";
-const outline$1 = "reach-styles-module__outline___9FFlV";
-const google = "reach-styles-module__google___7eHwU";
-const date = "reach-styles-module__date___gU3Tt";
-const container = "reach-styles-module__container___5PrOx";
-const styles$2 = {
-  base: base$1,
-  "default": "reach-styles-module__default___8NuEB",
-  secondary: secondary$1,
-  destructive: destructive$1,
-  outline: outline$1,
-  google,
-  date,
-  container
-};
-const badgeVariants = cva([styles$2.base], {
+const badgeVariants = cva([styles$6.base], {
   variants: {
     variant: {
-      default: styles$2.default,
-      secondary: styles$2.secondary,
-      destructive: styles$2.destructive,
-      outline: styles$2.outline,
-      google: styles$2.google,
-      date: styles$2.date
+      default: styles$6.default,
+      secondary: styles$6.secondary,
+      destructive: styles$6.destructive,
+      outline: styles$6.outline,
+      google: styles$6.google,
+      date: styles$6.date
     },
     size: {
-      default: styles$2["size-default"],
-      sm: styles$2["size-sm"]
+      default: styles$6["size-default"],
+      sm: styles$6["size-sm"]
     },
     iconOnly: {
-      true: styles$2["icon-only"],
+      true: styles$6["icon-only"],
       false: ""
     }
   },
@@ -32884,7 +33347,7 @@ const badgeVariants = cva([styles$2.base], {
     {
       iconOnly: true,
       size: "sm",
-      class: styles$2["icon-only-sm"]
+      class: styles$6["icon-only-sm"]
     }
   ],
   defaultVariants: {
@@ -32894,13 +33357,13 @@ const badgeVariants = cva([styles$2.base], {
   }
 });
 const Badge = React.forwardRef(
-  ({ className: className2, variant, size: size2, iconOnly, truncate, ...props }, ref) => {
+  ({ className: className2, variant, size: size2, iconOnly: iconOnly2, truncate, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
         className: cn$1(
-          badgeVariants({ variant, size: size2, iconOnly }),
+          badgeVariants({ variant, size: size2, iconOnly: iconOnly2 }),
           truncate && "max-w-[90px]",
           className2
         ),
@@ -32911,7 +33374,7 @@ const Badge = React.forwardRef(
 );
 Badge.displayName = "Badge";
 const BadgeContainer = React.forwardRef(({ className: className2, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$2.container, className2), ...props });
+  return /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$6.container, className2), ...props });
 });
 BadgeContainer.displayName = "BadgeContainer";
 const Input = React.forwardRef(
@@ -35591,7 +36054,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -35737,7 +36200,7 @@ var PopoverTrigger$1 = React.forwardRef(
     const popperScope = usePopperScope$2(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -35922,7 +36385,7 @@ var PopoverClose = React.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         ...closeProps,
@@ -36558,7 +37021,7 @@ var SelectTrigger$1 = React.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         role: "combobox",
@@ -36617,7 +37080,7 @@ var SelectValue$1 = React.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$2.span,
+      Primitive$3.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -36632,7 +37095,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children: children2, ...iconProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
+    return /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -37040,7 +37503,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$2.div,
+            Primitive$3.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -37114,7 +37577,7 @@ var SelectViewport = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection$2.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -37169,7 +37632,7 @@ var SelectGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId$1();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$2.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME$3;
@@ -37178,7 +37641,7 @@ var SelectLabel$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME$2, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive$2.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME$2;
@@ -37234,7 +37697,7 @@ var SelectItem$1 = React.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$2.div,
+              Primitive$3.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -37311,7 +37774,7 @@ var SelectItemText = React.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive$2.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive$3.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -37322,7 +37785,7 @@ var SelectItemIndicator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME$1, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$2.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -37412,7 +37875,7 @@ var SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsx(
-    Primitive$2.div,
+    Primitive$3.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -37439,7 +37902,7 @@ var SEPARATOR_NAME$2 = "SelectSeparator";
 var SelectSeparator$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME$2;
@@ -37477,7 +37940,7 @@ var BubbleSelect = React.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, value]);
-    return /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+    return /* @__PURE__ */ jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
   }
 );
 BubbleSelect.displayName = "BubbleSelect";
@@ -37919,7 +38382,7 @@ const NameAndDescription = ({ nameAndDescriptionState, setNameAndDescriptionStat
     ] })
   ] }) });
 };
-const styles$1 = {
+const styles = {
   container: "relative rounded-lg"
 };
 const SegmentBuilder = ({
@@ -38073,17 +38536,17 @@ const SegmentBuilder = ({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
   }
   if (isCreating || startedCreating) {
-    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsx(
       SpinLoader,
       {
         text: SEGMENT_ID && existingSegment ? ["Updating Segment", "Finishing up"] : ["Creating Segment", "Finishing up"]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.container, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
     /* @__PURE__ */ jsx("div", { className: "relative w-full flex justify-end mb-4", children: /* @__PURE__ */ jsx(
       Button$1,
       {
@@ -38193,7 +38656,7 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -38257,7 +38720,7 @@ var RovingFocusGroupItem = React.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -38364,7 +38827,7 @@ var Tabs$1 = React.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -38392,7 +38855,7 @@ var TabsList$1 = React.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -38422,7 +38885,7 @@ var TabsTrigger$1 = React.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.button,
+          Primitive$3.button,
           {
             type: "button",
             role: "tab",
@@ -38471,7 +38934,7 @@ var TabsContent$1 = React.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -39024,7 +39487,7 @@ const AutomationRecipients = ({ automationId, iconDefinitions }) => {
   const { recipients, isLoading, fetchError } = useGetBusinessAutomationRecipients(automationId);
   const { isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
   if (isLoading || isStatisticsLoading) {
-    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
   }
   if (fetchError) {
     return /* @__PURE__ */ jsxs("div", { children: [
@@ -39162,7 +39625,7 @@ var DismissableLayer = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -39195,7 +39658,7 @@ var DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -39600,7 +40063,7 @@ var GROUP_NAME$1 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$1;
@@ -39608,7 +40071,7 @@ var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$2.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$1;
@@ -39684,7 +40147,7 @@ var MenuItemImpl = React.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive$2.div,
+          Primitive$3.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -39792,7 +40255,7 @@ var MenuItemIndicator = React.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -39809,7 +40272,7 @@ var MenuSeparator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -40095,7 +40558,7 @@ var DropdownMenuTrigger$1 = React.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$3.button,
       {
         type: "button",
         id: context.triggerId,
@@ -40483,34 +40946,13 @@ const BackNextButtonGroup = ({
     )
   ] });
 };
-const base = "reach-styles-module__base___ANlIr";
-const destructive = "reach-styles-module__destructive___a6Swz";
-const outline = "reach-styles-module__outline___INmdX";
-const secondary = "reach-styles-module__secondary___Ym15V";
-const header = "reach-styles-module__header___CzneX";
-const title = "reach-styles-module__title___8ostO";
-const description = "reach-styles-module__description___xR5d4";
-const content = "reach-styles-module__content___XXeK2";
-const footer = "reach-styles-module__footer___35Xil";
-const styles = {
-  base,
-  "default": "reach-styles-module__default___S2tp4",
-  destructive,
-  outline,
-  secondary,
-  header,
-  title,
-  description,
-  content,
-  footer
-};
-const cardVariants = cva(styles.base, {
+const cardVariants = cva(styles$4.base, {
   variants: {
     variant: {
-      default: styles.default,
-      destructive: styles.destructive,
-      outline: styles.outline,
-      secondary: styles.secondary
+      default: styles$4.default,
+      destructive: styles$4.destructive,
+      outline: styles$4.outline,
+      secondary: styles$4.secondary
     }
   },
   defaultVariants: {
@@ -40530,15 +40972,15 @@ const Card = React.forwardRef(
   }
 );
 Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.header, className2), ...props }));
+const CardHeader = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.header, className2), ...props }));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.title, className2), ...props }));
+const CardTitle = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.title, className2), ...props }));
 CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.description, className2), ...props }));
+const CardDescription = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.description, className2), ...props }));
 CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.content, className2), ...props }));
+const CardContent = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.content, className2), ...props }));
 CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.footer, className2), ...props }));
+const CardFooter = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.footer, className2), ...props }));
 CardFooter.displayName = "CardFooter";
 const getChannelAccounts = async () => {
   const response = await baseRequest(
@@ -40571,7 +41013,7 @@ var ChannelAccountTypeEnum = /* @__PURE__ */ ((ChannelAccountTypeEnum2) => {
 var NAME = "Label";
 var Label$1 = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
-    Primitive$2.label,
+    Primitive$3.label,
     {
       ...props,
       ref: forwardedRef,
@@ -44409,8 +44851,8 @@ function useSelectMultiple() {
   }
   return context;
 }
-function addToRange(day, range) {
-  var _a = range || {}, from = _a.from, to = _a.to;
+function addToRange(day, range2) {
+  var _a = range2 || {}, from = _a.from, to = _a.to;
   if (from && to) {
     if (isSameDay(to, day) && isSameDay(from, day)) {
       return void 0;
@@ -44630,9 +45072,9 @@ function isDateBeforeType(value) {
 function isDayOfWeekType(value) {
   return Boolean(value && typeof value === "object" && "dayOfWeek" in value);
 }
-function isDateInRange(date2, range) {
+function isDateInRange(date2, range2) {
   var _a;
-  var from = range.from, to = range.to;
+  var from = range2.from, to = range2.to;
   if (from && to) {
     var isRangeInverted = differenceInCalendarDays(to, from) < 0;
     if (isRangeInverted) {
@@ -44903,7 +45345,7 @@ function useDayEventHandlers(date2, activeModifiers) {
   var dayPicker = useDayPicker();
   var single = useSelectSingle();
   var multiple = useSelectMultiple();
-  var range = useSelectRange();
+  var range2 = useSelectRange();
   var _a = useFocusContext(), focusDayAfter = _a.focusDayAfter, focusDayBefore = _a.focusDayBefore, focusWeekAfter = _a.focusWeekAfter, focusWeekBefore = _a.focusWeekBefore, blur = _a.blur, focus2 = _a.focus, focusMonthBefore = _a.focusMonthBefore, focusMonthAfter = _a.focusMonthAfter, focusYearBefore = _a.focusYearBefore, focusYearAfter = _a.focusYearAfter, focusStartOfWeek = _a.focusStartOfWeek, focusEndOfWeek = _a.focusEndOfWeek;
   var onClick = function(e4) {
     var _a2, _b, _c, _d;
@@ -44912,7 +45354,7 @@ function useDayEventHandlers(date2, activeModifiers) {
     } else if (isDayPickerMultiple(dayPicker)) {
       (_b = multiple.onDayClick) === null || _b === void 0 ? void 0 : _b.call(multiple, date2, activeModifiers, e4);
     } else if (isDayPickerRange(dayPicker)) {
-      (_c = range.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range, date2, activeModifiers, e4);
+      (_c = range2.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range2, date2, activeModifiers, e4);
     } else {
       (_d = dayPicker.onDayClick) === null || _d === void 0 ? void 0 : _d.call(dayPicker, date2, activeModifiers, e4);
     }
@@ -45030,8 +45472,8 @@ function useSelectedDays() {
   var dayPicker = useDayPicker();
   var single = useSelectSingle();
   var multiple = useSelectMultiple();
-  var range = useSelectRange();
-  var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range.selected : void 0;
+  var range2 = useSelectRange();
+  var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range2.selected : void 0;
   return selectedDays;
 }
 function isInternalModifier(modifier) {
@@ -46724,19 +47166,15 @@ const ViewAutomationHeader = ({
     ] })
   ] });
 };
-const useRouterParams = () => {
-  const params = useParams();
-  const [searchParams] = useSearchParams();
-  return { params, searchParams };
-};
-const ViewAutomationModal = ({
+const ViewAutomationModalContent = ({
   iconDefinitions,
   autoOpenEditPopup,
   automationId,
   showBackButton = false,
   logoUrl
 }) => {
-  const { params, searchParams } = useRouterParams();
+  const params = useParams();
+  const [searchParams] = useSearchParams();
   const FINAL_AUTOMATION_ID = automationId || params?.automationId || searchParams.get("automationId");
   const AUTO_OPEN_EDIT_POPUP = autoOpenEditPopup || searchParams.get("autoOpenEditPopup");
   const FINAL_SHOW_BACK_BUTTON = searchParams.get("showBackButton") === "true" || showBackButton;
@@ -46746,7 +47184,7 @@ const ViewAutomationModal = ({
     return /* @__PURE__ */ jsx("div", { children: "Invalid automation ID" });
   }
   if (!automation && (isFetching || isLoading)) {
-    return /* @__PURE__ */ jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
   }
   if (fetchError) {
     return /* @__PURE__ */ jsxs("div", { children: [
@@ -46757,7 +47195,7 @@ const ViewAutomationModal = ({
   if (!automation) {
     return /* @__PURE__ */ jsx("div", { children: "No automation found" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$5.container, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$3.container, children: [
     /* @__PURE__ */ jsx(
       ViewAutomationHeader,
       {
@@ -46790,6 +47228,15 @@ const ViewAutomationModal = ({
     ] }) })
   ] });
 };
+const ViewAutomationModal = ({ inRouter = false, ...props }) => {
+  if (inRouter) {
+    return /* @__PURE__ */ jsx(ViewAutomationModalContent, { ...props });
+  }
+  return /* @__PURE__ */ jsx(MemoryRouter, { children: /* @__PURE__ */ jsx(ViewAutomationModalContent, { ...props }) });
+};
+Object.values(
+  /* @__PURE__ */ Object.assign({ "../common/components/ui/alert/styles.module.css": __vite_glob_0_0, "../common/components/ui/badge/styles.module.css": __vite_glob_0_1, "../common/components/ui/banner/styles.module.css": __vite_glob_0_2, "../common/components/ui/button/styles.module.css": __vite_glob_0_3, "../common/components/ui/card/styles.module.css": __vite_glob_0_4, "../common/components/ui/interactive-button/styles.module.css": __vite_glob_0_5, "../common/components/ui/skeleton/styles.module.css": __vite_glob_0_6, "../common/components/ui/slider/styles.module.css": __vite_glob_0_7 })
+);
 export {
   $TRACK as $,
   getQueryStatusColorByLabel as A,