@embedreach/components 0.1.34 → 0.1.35

package/dist/chunks/index.js

@@ -3,234 +3,6 @@ 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();
@@ -2839,7 +2611,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), [track2, trigger] = createSignal(void 0, {
+  const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error2, setError2] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
     equals: false
   }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
   if (sharedConfig.context) {
@@ -11364,7 +11136,7 @@ class Browser {
 }
 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...";
@@ -11751,7 +11523,7 @@ const empty_state$1 = {
 };
 const enCommon = {
   ad_spend: ad_spend$1,
-  date: date$1,
+  date: date$2,
   close: close$1,
   "continue": "Continue",
   connected: connected$1,
@@ -11790,7 +11562,7 @@ const enCommon = {
   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...";
@@ -12177,7 +11949,7 @@ const empty_state = {
 };
 const esCommon = {
   ad_spend,
-  date,
+  date: date$1,
   close,
   "continue": "Continuar",
   connected,
@@ -18479,7 +18251,7 @@ function press(elementOrSelector, onPressStart, options = {}) {
       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)) {
@@ -18487,7 +18259,7 @@ function press(elementOrSelector, onPressStart, options = {}) {
       }
       isPressing.delete(element);
       if (typeof onPressEnd === "function") {
-        onPressEnd(endEvent, { success: success2 });
+        onPressEnd(endEvent, { success });
       }
     };
     const onPointerUp = (upEvent) => {
@@ -23549,7 +23321,7 @@ class PressGesture extends Feature {
       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() {
@@ -24449,21 +24221,36 @@ function getElementRef$2(element) {
   }
   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: {
@@ -24472,7 +24259,7 @@ const buttonVariants = cva([styles$5.base], {
   }
 });
 const Button$1 = React.forwardRef(
-  ({ className: className2, variant, size: size2, asChild = false, ...props }, ref) => {
+  ({ className: className2, variant, size: size2 = "default", asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot$2 : "button";
     return /* @__PURE__ */ jsx(
       Comp,
@@ -24545,7 +24332,7 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
     }
   );
 };
-const styles$3 = {
+const styles$5 = {
   title: "text-3xl mb-8",
   grid: "grid grid-cols-2 gap-6",
   container: "relative p-6  rounded-lg"
@@ -24554,9 +24341,9 @@ const ChooseAutomationType = ({ onNext, iconDefinitions }) => {
   const onClick = (type) => {
     onNext(type);
   };
-  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: [
+  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: [
       /* @__PURE__ */ jsx(
         BigSelector,
         {
@@ -24611,16 +24398,16 @@ function UnreachableCaseStatement(x3, enumObj) {
     `Unreachable case statement: ${JSON.stringify(x3)}. 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__ */ jsxs("div", { children: [
-    /* @__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." })
+    /* @__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." })
   ] });
 };
 const SetAutomationName = ({ selectedType, setAutomationName, automationName, iconDefinitions }) => {
@@ -24728,7 +24515,7 @@ const CreateAutomationModal = ({
     });
   };
   if (isCreating || startedCreating) {
-    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$5.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: [
@@ -31615,14 +31402,14 @@ const InfoTooltip = ({ title: title2, alertText, Icon: Icon2 = Info, onClick })
     ] }) })
   ] }) });
 };
-const styles$1 = {
+const styles$3 = {
   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$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$3.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";
@@ -33324,22 +33111,39 @@ function formatDistance$1(date2, baseDate, options) {
 function formatDistanceToNow(date2, options) {
   return formatDistance$1(date2, constructNow(date2), options);
 }
-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: ""
     }
   },
@@ -33347,7 +33151,7 @@ const badgeVariants = cva([styles$6.base], {
     {
       iconOnly: true,
       size: "sm",
-      class: styles$6["icon-only-sm"]
+      class: styles$2["icon-only-sm"]
     }
   ],
   defaultVariants: {
@@ -33357,13 +33161,13 @@ const badgeVariants = cva([styles$6.base], {
   }
 });
 const Badge = React.forwardRef(
-  ({ className: className2, variant, size: size2, iconOnly: iconOnly2, truncate, ...props }, ref) => {
+  ({ className: className2, variant, size: size2, iconOnly, truncate, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
         className: cn$1(
-          badgeVariants({ variant, size: size2, iconOnly: iconOnly2 }),
+          badgeVariants({ variant, size: size2, iconOnly }),
           truncate && "max-w-[90px]",
           className2
         ),
@@ -33374,7 +33178,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$6.container, className2), ...props });
+  return /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$2.container, className2), ...props });
 });
 BadgeContainer.displayName = "BadgeContainer";
 const Input = React.forwardRef(
@@ -38382,7 +38186,7 @@ const NameAndDescription = ({ nameAndDescriptionState, setNameAndDescriptionStat
     ] })
   ] }) });
 };
-const styles = {
+const styles$1 = {
   container: "relative rounded-lg"
 };
 const SegmentBuilder = ({
@@ -38536,17 +38340,17 @@ const SegmentBuilder = ({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
   }
   if (isCreating || startedCreating) {
-    return /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsx(
       SpinLoader,
       {
         text: SEGMENT_ID && existingSegment ? ["Updating Segment", "Finishing up"] : ["Creating Segment", "Finishing up"]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$1.container, children: [
     /* @__PURE__ */ jsx("div", { className: "relative w-full flex justify-end mb-4", children: /* @__PURE__ */ jsx(
       Button$1,
       {
@@ -39460,8 +39264,7 @@ const AutomationContent = ({ automationId, iconDefinitions }) => {
       }
     ) }),
     /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: "Automation Content Missing" }),
-    /* @__PURE__ */ jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step." }),
-    /* @__PURE__ */ 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__ */ jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step. Start by clicking Actions in the top right, and then click Edit!" })
   ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(
       PreviewPanel,
@@ -39487,7 +39290,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$1.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
   }
   if (fetchError) {
     return /* @__PURE__ */ jsxs("div", { children: [
@@ -40946,13 +40749,34 @@ const BackNextButtonGroup = ({
     )
   ] });
 };
-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: {
@@ -40972,15 +40796,15 @@ const Card = React.forwardRef(
   }
 );
 Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.header, className2), ...props }));
+const CardHeader = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.header, className2), ...props }));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.title, className2), ...props }));
+const CardTitle = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.title, className2), ...props }));
 CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.description, className2), ...props }));
+const CardDescription = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.description, className2), ...props }));
 CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.content, className2), ...props }));
+const CardContent = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.content, className2), ...props }));
 CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles$4.footer, className2), ...props }));
+const CardFooter = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn$1(styles.footer, className2), ...props }));
 CardFooter.displayName = "CardFooter";
 const getChannelAccounts = async () => {
   const response = await baseRequest(
@@ -44851,8 +44675,8 @@ function useSelectMultiple() {
   }
   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;
@@ -45072,9 +44896,9 @@ function isDateBeforeType(value) {
 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) {
@@ -45345,7 +45169,7 @@ function useDayEventHandlers(date2, activeModifiers) {
   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(e4) {
     var _a2, _b, _c, _d;
@@ -45354,7 +45178,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 = range2.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range2, date2, activeModifiers, e4);
+      (_c = range.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range, date2, activeModifiers, e4);
     } else {
       (_d = dayPicker.onDayClick) === null || _d === void 0 ? void 0 : _d.call(dayPicker, date2, activeModifiers, e4);
     }
@@ -45472,8 +45296,8 @@ function useSelectedDays() {
   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) {
@@ -47184,7 +47008,7 @@ const ViewAutomationModalContent = ({
     return /* @__PURE__ */ jsx("div", { children: "Invalid automation ID" });
   }
   if (!automation && (isFetching || isLoading)) {
-    return /* @__PURE__ */ jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
   }
   if (fetchError) {
     return /* @__PURE__ */ jsxs("div", { children: [
@@ -47195,7 +47019,7 @@ const ViewAutomationModalContent = ({
   if (!automation) {
     return /* @__PURE__ */ jsx("div", { children: "No automation found" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$3.container, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$5.container, children: [
     /* @__PURE__ */ jsx(
       ViewAutomationHeader,
       {
@@ -47235,7 +47059,7 @@ const ViewAutomationModal = ({ inRouter = false, ...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 })
+  /* @__PURE__ */ Object.assign({})
 );
 export {
   $TRACK as $,