@embedreach/components 0.1.34 → 0.1.35

package/dist/index.umd.js

@@ -20,234 +20,6 @@
   }
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
   const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
-  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();
@@ -2856,7 +2628,7 @@
       options2 = {};
     }
     let pr = null, initP = NO_INIT, id2 = null, scheduled = false, resolved = "initialValue" in options2, dynamic = typeof source === "function" && createMemo(source);
-    const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options2.storage || createSignal)(options2.initialValue), [error2, setError2] = createSignal(void 0), [track2, trigger] = createSignal(void 0, {
+    const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options2.storage || createSignal)(options2.initialValue), [error2, setError2] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
       equals: false
     }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
     if (sharedConfig.context) {
@@ -11381,7 +11153,7 @@
   }
   Browser.type = "languageDetector";
   const ad_spend$1 = "Ad Spend";
-  const date$1 = "Date";
+  const date$2 = "Date";
   const close$1 = "Close";
   const connected$1 = "Connected";
   const connecting$1 = "Connecting...";
@@ -11768,7 +11540,7 @@
   };
   const enCommon = {
     ad_spend: ad_spend$1,
-    date: date$1,
+    date: date$2,
     close: close$1,
     "continue": "Continue",
     connected: connected$1,
@@ -11807,7 +11579,7 @@
     empty_state: empty_state$1
   };
   const ad_spend = "Gasto en anuncios";
-  const date = "Fecha";
+  const date$1 = "Fecha";
   const close = "Cerrar";
   const connected = "Conectado";
   const connecting = "Conectando...";
@@ -12194,7 +11966,7 @@
   };
   const esCommon = {
     ad_spend,
-    date,
+    date: date$1,
     close,
     "continue": "Continuar",
     connected,
@@ -18496,7 +18268,7 @@
         return;
       isPressing.add(element);
       const onPressEnd = onPressStart(element, startEvent);
-      const onPointerEnd = (endEvent, success2) => {
+      const onPointerEnd = (endEvent, success) => {
         window.removeEventListener("pointerup", onPointerUp);
         window.removeEventListener("pointercancel", onPointerCancel);
         if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
@@ -18504,7 +18276,7 @@
         }
         isPressing.delete(element);
         if (typeof onPressEnd === "function") {
-          onPressEnd(endEvent, { success: success2 });
+          onPressEnd(endEvent, { success });
         }
       };
       const onPointerUp = (upEvent) => {
@@ -23566,7 +23338,7 @@
         return;
       this.unmount = press(current, (_element, startEvent) => {
         handlePressEvent(this.node, startEvent, "Start");
-        return (endEvent, { success: success2 }) => handlePressEvent(this.node, endEvent, success2 ? "End" : "Cancel");
+        return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
       }, { useGlobalTarget: this.node.props.globalTapTarget });
     }
     unmount() {
@@ -24466,21 +24238,36 @@
     }
     return element.props.ref || element.ref;
   }
-  const buttonVariants = cva([styles$5.base], {
+  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], {
     variants: {
       variant: {
-        default: styles$5.default,
-        destructive: styles$5.destructive,
-        outline: styles$5.outline,
-        secondary: styles$5.secondary,
-        ghost: styles$5.ghost,
-        link: styles$5.link
+        default: styles$6.default,
+        destructive: styles$6.destructive,
+        outline: styles$6.outline,
+        secondary: styles$6.secondary,
+        ghost: styles$6.ghost,
+        link: styles$6.link
       },
       size: {
-        default: styles$5["size-default"],
-        sm: styles$5["size-sm"],
-        lg: styles$5["size-lg"],
-        icon: styles$5["size-icon"]
+        default: styles$6["size-default"],
+        sm: styles$6["size-sm"],
+        lg: styles$6["size-lg"],
+        icon: styles$6["size-icon"]
       }
     },
     defaultVariants: {
@@ -24489,7 +24276,7 @@
     }
   });
   const Button$2 = React__namespace.forwardRef(
-    ({ className: className2, variant, size: size3, asChild = false, ...props }, ref) => {
+    ({ className: className2, variant, size: size3 = "default", asChild = false, ...props }, ref) => {
       const Comp = asChild ? Slot$2 : "button";
       return /* @__PURE__ */ jsxRuntime.jsx(
         Comp,
@@ -24562,7 +24349,7 @@
       }
     );
   };
-  const styles$3 = {
+  const styles$5 = {
     title: "text-3xl mb-8",
     grid: "grid grid-cols-2 gap-6",
     container: "relative p-6  rounded-lg"
@@ -24571,9 +24358,9 @@
     const onClick = (type) => {
       onNext(type);
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.container, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles$3.title, children: "Choose Your Automation Type" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.grid, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.container, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles$5.title, children: "Choose Your Automation Type" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.grid, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           BigSelector,
           {
@@ -24628,16 +24415,16 @@
       `Unreachable case statement: ${JSON.stringify(x2)}. Valid values are: ${Object.values(enumObj).join(", ")}`
     );
   }
-  const styles$2 = {
+  const styles$4 = {
     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__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$2.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.OneTimeBroadcast, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$2.cardTitle, children: "One-Time Broadcast" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$2.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.OneTimeBroadcast, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$4.cardTitle, children: "One-Time Broadcast" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$4.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
     ] });
   };
   const SetAutomationName = ({ selectedType, setAutomationName, automationName, iconDefinitions }) => {
@@ -24745,7 +24532,7 @@
       });
     };
     if (isCreating || startedCreating) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(AnimatePresence, { mode: "wait", children: [
@@ -31632,14 +31419,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       ] }) })
     ] }) });
   };
-  const styles$1 = {
+  const styles$3 = {
     container: "flex flex-col items-center justify-center h-full"
   };
   const AutomationStatistics = ({ automationId, iconDefinitions }) => {
     const [activeTab, setActiveTab] = React.useState("email");
     const { statistics, isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
     if (isStatisticsLoading || !statistics) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.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";
@@ -33341,22 +33128,39 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function formatDistanceToNow(date2, options2) {
     return formatDistance$1(date2, constructNow(date2), options2);
   }
-  const badgeVariants = cva([styles$6.base], {
+  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], {
     variants: {
       variant: {
-        default: styles$6.default,
-        secondary: styles$6.secondary,
-        destructive: styles$6.destructive,
-        outline: styles$6.outline,
-        google: styles$6.google,
-        date: styles$6.date
+        default: styles$2.default,
+        secondary: styles$2.secondary,
+        destructive: styles$2.destructive,
+        outline: styles$2.outline,
+        google: styles$2.google,
+        date: styles$2.date
       },
       size: {
-        default: styles$6["size-default"],
-        sm: styles$6["size-sm"]
+        default: styles$2["size-default"],
+        sm: styles$2["size-sm"]
       },
       iconOnly: {
-        true: styles$6["icon-only"],
+        true: styles$2["icon-only"],
         false: ""
       }
     },
@@ -33364,7 +33168,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       {
         iconOnly: true,
         size: "sm",
-        class: styles$6["icon-only-sm"]
+        class: styles$2["icon-only-sm"]
       }
     ],
     defaultVariants: {
@@ -33374,13 +33178,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
   });
   const Badge = React__namespace.forwardRef(
-    ({ className: className2, variant, size: size3, iconOnly: iconOnly2, truncate, ...props }, ref) => {
+    ({ className: className2, variant, size: size3, iconOnly, truncate, ...props }, ref) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           ref,
           className: cn$1(
-            badgeVariants({ variant, size: size3, iconOnly: iconOnly2 }),
+            badgeVariants({ variant, size: size3, iconOnly }),
             truncate && "max-w-[90px]",
             className2
           ),
@@ -33391,7 +33195,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   );
   Badge.displayName = "Badge";
   const BadgeContainer = React__namespace.forwardRef(({ className: className2, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$6.container, className2), ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$2.container, className2), ...props });
   });
   BadgeContainer.displayName = "BadgeContainer";
   const Input = React__namespace.forwardRef(
@@ -38399,7 +38203,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       ] })
     ] }) });
   };
-  const styles = {
+  const styles$1 = {
     container: "relative rounded-lg"
   };
   const SegmentBuilder = ({
@@ -38553,17 +38357,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       }
     };
     if (isLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
     }
     if (isCreating || startedCreating) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(
         SpinLoader,
         {
           text: SEGMENT_ID && existingSegment ? ["Updating Segment", "Finishing up"] : ["Creating Segment", "Finishing up"]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.container, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.container, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full flex justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
         Button$2,
         {
@@ -39477,8 +39281,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: "Automation Content Missing" }),
-      /* @__PURE__ */ jsxRuntime.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." }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "mt-6 px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 ease-in-out", children: "Set Up Automation" })
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         PreviewPanel,
@@ -39504,7 +39307,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const { recipients, isLoading, fetchError } = useGetBusinessAutomationRecipients(automationId);
     const { isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
     if (isLoading || isStatisticsLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
     }
     if (fetchError) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -40963,13 +40766,34 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       )
     ] });
   };
-  const cardVariants = cva(styles$4.base, {
+  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, {
     variants: {
       variant: {
-        default: styles$4.default,
-        destructive: styles$4.destructive,
-        outline: styles$4.outline,
-        secondary: styles$4.secondary
+        default: styles.default,
+        destructive: styles.destructive,
+        outline: styles.outline,
+        secondary: styles.secondary
       }
     },
     defaultVariants: {
@@ -40989,15 +40813,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
   );
   Card.displayName = "Card";
-  const CardHeader = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.header, className2), ...props }));
+  const CardHeader = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.header, className2), ...props }));
   CardHeader.displayName = "CardHeader";
-  const CardTitle = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.title, className2), ...props }));
+  const CardTitle = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.title, className2), ...props }));
   CardTitle.displayName = "CardTitle";
-  const CardDescription = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.description, className2), ...props }));
+  const CardDescription = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.description, className2), ...props }));
   CardDescription.displayName = "CardDescription";
-  const CardContent = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.content, className2), ...props }));
+  const CardContent = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.content, className2), ...props }));
   CardContent.displayName = "CardContent";
-  const CardFooter = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.footer, className2), ...props }));
+  const CardFooter = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.footer, className2), ...props }));
   CardFooter.displayName = "CardFooter";
   const getChannelAccounts = async () => {
     const response = await baseRequest(
@@ -44868,8 +44692,8 @@ ${message2 ?? ""}`);
     }
     return context;
   }
-  function addToRange(day, range2) {
-    var _a = range2 || {}, from = _a.from, to = _a.to;
+  function addToRange(day, range) {
+    var _a = range || {}, from = _a.from, to = _a.to;
     if (from && to) {
       if (isSameDay(to, day) && isSameDay(from, day)) {
         return void 0;
@@ -45089,9 +44913,9 @@ ${message2 ?? ""}`);
   function isDayOfWeekType(value) {
     return Boolean(value && typeof value === "object" && "dayOfWeek" in value);
   }
-  function isDateInRange(date2, range2) {
+  function isDateInRange(date2, range) {
     var _a;
-    var from = range2.from, to = range2.to;
+    var from = range.from, to = range.to;
     if (from && to) {
       var isRangeInverted = differenceInCalendarDays(to, from) < 0;
       if (isRangeInverted) {
@@ -45362,7 +45186,7 @@ ${message2 ?? ""}`);
     var dayPicker = useDayPicker();
     var single = useSelectSingle();
     var multiple = useSelectMultiple();
-    var range2 = useSelectRange();
+    var range = 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(e2) {
       var _a2, _b, _c, _d;
@@ -45371,7 +45195,7 @@ ${message2 ?? ""}`);
       } else if (isDayPickerMultiple(dayPicker)) {
         (_b = multiple.onDayClick) === null || _b === void 0 ? void 0 : _b.call(multiple, date2, activeModifiers, e2);
       } else if (isDayPickerRange(dayPicker)) {
-        (_c = range2.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range2, date2, activeModifiers, e2);
+        (_c = range.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range, date2, activeModifiers, e2);
       } else {
         (_d = dayPicker.onDayClick) === null || _d === void 0 ? void 0 : _d.call(dayPicker, date2, activeModifiers, e2);
       }
@@ -45489,8 +45313,8 @@ ${message2 ?? ""}`);
     var dayPicker = useDayPicker();
     var single = useSelectSingle();
     var multiple = useSelectMultiple();
-    var range2 = useSelectRange();
-    var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range2.selected : void 0;
+    var range = useSelectRange();
+    var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range.selected : void 0;
     return selectedDays;
   }
   function isInternalModifier(modifier) {
@@ -47201,7 +47025,7 @@ ${message2 ?? ""}`);
       return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Invalid automation ID" });
     }
     if (!automation && (isFetching || isLoading)) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
     }
     if (fetchError) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -47212,7 +47036,7 @@ ${message2 ?? ""}`);
     if (!automation) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "No automation found" });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.container, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.container, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ViewAutomationHeader,
         {
@@ -47252,7 +47076,7 @@ ${message2 ?? ""}`);
     return /* @__PURE__ */ jsxRuntime.jsx(MemoryRouter, { children: /* @__PURE__ */ jsxRuntime.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 })
+    /* @__PURE__ */ Object.assign({})
   );
   var isNonNullable = (i2) => i2 != null;
   var filterNonNullable = (arr) => arr.filter(isNonNullable);
@@ -56341,7 +56165,7 @@ ${message2 ?? ""}`);
       size: size3,
       border
     } = tokens;
-    const t2 = (light, dark2) => theme2 === "light" ? light : dark2;
+    const t2 = (light, dark) => theme2 === "light" ? light : dark;
     return {
       entry: css`
       & * {
@@ -56652,7 +56476,7 @@ ${message2 ?? ""}`);
       const {
         colors
       } = tokens;
-      const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+      const t2 = (light, dark) => theme2() === "dark" ? dark : light;
       if (panelWidth() < secondBreakpoint) {
         return css`
         flex-direction: column;
@@ -56718,7 +56542,7 @@ ${message2 ?? ""}`);
       const {
         colors
       } = tokens;
-      const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+      const t2 = (light, dark) => theme2() === "dark" ? dark : light;
       if (panelWidth() < secondBreakpoint) {
         return css`
         flex-direction: column;
@@ -56842,7 +56666,7 @@ ${message2 ?? ""}`);
       const {
         colors
       } = tokens;
-      const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+      const t2 = (light, dark) => theme2() === "dark" ? dark : light;
       if (panelWidth() < secondBreakpoint) {
         return css`
         flex-direction: column;
@@ -57416,7 +57240,7 @@ ${message2 ?? ""}`);
       colors,
       alpha: alpha2
     } = tokens;
-    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
     const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
       queryKey: props.query.queryKey
     })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
@@ -57490,7 +57314,7 @@ ${message2 ?? ""}`);
       colors,
       alpha: alpha2
     } = tokens;
-    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
     const mutationState = createSubscribeToMutationCacheBatcher((mutationCache) => {
       const mutations = mutationCache().getAll();
       const mutation = mutations.find((m2) => m2.mutationId === props.mutation.mutationId);
@@ -57646,7 +57470,7 @@ ${message2 ?? ""}`);
     })();
   };
   var MutationStatusCount = () => {
-    const success2 = createSubscribeToMutationCacheBatcher((mutationCache) => mutationCache().getAll().filter((m2) => getMutationStatusColor({
+    const success = createSubscribeToMutationCacheBatcher((mutationCache) => mutationCache().getAll().filter((m2) => getMutationStatusColor({
       isPaused: m2.state.isPaused,
       status: m2.state.status
     }) === "green").length);
@@ -57689,7 +57513,7 @@ ${message2 ?? ""}`);
         label: "Success",
         color: "green",
         get count() {
-          return success2();
+          return success();
         }
       }), null);
       insert(_el$57, createComponent(QueryStatus, {
@@ -57715,7 +57539,7 @@ ${message2 ?? ""}`);
       colors,
       alpha: alpha2
     } = tokens;
-    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
     let tagRef;
     const [mouseOver, setMouseOver] = createSignal(false);
     const [focused, setFocused] = createSignal(false);
@@ -57810,7 +57634,7 @@ ${message2 ?? ""}`);
     const {
       colors
     } = tokens;
-    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
     const queryClient = useQueryDevtoolsContext().client;
     const [restoringLoading, setRestoringLoading] = createSignal(false);
     const [dataMode, setDataMode] = createSignal("view");
@@ -58181,7 +58005,7 @@ ${message2 ?? ""}`);
     const {
       colors
     } = tokens;
-    const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
+    const t2 = (light, dark) => theme2() === "dark" ? dark : light;
     const isPaused = createSubscribeToMutationCacheBatcher((mutationCache) => {
       const mutations = mutationCache().getAll();
       const mutation = mutations.find((m2) => m2.mutationId === selectedMutationId());
@@ -58392,7 +58216,7 @@ ${message2 ?? ""}`);
       shadow,
       border
     } = tokens;
-    const t2 = (light, dark2) => theme2 === "light" ? light : dark2;
+    const t2 = (light, dark) => theme2 === "light" ? light : dark;
     return {
       devtoolsBtn: css`
       z-index: 100000;