@embedreach/components 0.1.32 → 0.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.umd.js CHANGED
@@ -20,6 +20,234 @@
20
20
  }
21
21
  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
22
22
  const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
23
+ const base$5 = "reach-styles-module__base___1f29D";
24
+ const destructive$3 = "reach-styles-module__destructive___I1tif";
25
+ const title$1 = "reach-styles-module__title___gL-0t";
26
+ const description$1 = "reach-styles-module__description___TBeKF";
27
+ const styles_module$4 = {
28
+ base: base$5,
29
+ "default": "reach-styles-module__default___sG8Jl",
30
+ destructive: destructive$3,
31
+ title: title$1,
32
+ description: description$1
33
+ };
34
+ const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
35
+ __proto__: null,
36
+ base: base$5,
37
+ default: styles_module$4,
38
+ description: description$1,
39
+ destructive: destructive$3,
40
+ title: title$1
41
+ }, Symbol.toStringTag, { value: "Module" }));
42
+ const base$4 = "reach-styles-module__base___eJmcH";
43
+ const secondary$3 = "reach-styles-module__secondary___H-ae8";
44
+ const destructive$2 = "reach-styles-module__destructive___JsRNh";
45
+ const outline$2 = "reach-styles-module__outline___9FFlV";
46
+ const google = "reach-styles-module__google___7eHwU";
47
+ const dark = "reach-styles-module__dark___gu5hq";
48
+ const date$2 = "reach-styles-module__date___gU3Tt";
49
+ const sizeDefault$3 = "reach-styles-module__size-default___bnA-o";
50
+ const sizeSm$3 = "reach-styles-module__size-sm___-y5xc";
51
+ const iconOnly = "reach-styles-module__icon-only___ae2yu";
52
+ const iconOnlySm = "reach-styles-module__icon-only-sm___j9kLM";
53
+ const container = "reach-styles-module__container___5PrOx";
54
+ const styles$6 = {
55
+ base: base$4,
56
+ "default": "reach-styles-module__default___8NuEB",
57
+ secondary: secondary$3,
58
+ destructive: destructive$2,
59
+ outline: outline$2,
60
+ google,
61
+ dark,
62
+ date: date$2,
63
+ sizeDefault: sizeDefault$3,
64
+ sizeSm: sizeSm$3,
65
+ iconOnly,
66
+ iconOnlySm,
67
+ container
68
+ };
69
+ const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
70
+ __proto__: null,
71
+ base: base$4,
72
+ container,
73
+ dark,
74
+ date: date$2,
75
+ default: styles$6,
76
+ destructive: destructive$2,
77
+ google,
78
+ iconOnly,
79
+ iconOnlySm,
80
+ outline: outline$2,
81
+ secondary: secondary$3,
82
+ sizeDefault: sizeDefault$3,
83
+ sizeSm: sizeSm$3
84
+ }, Symbol.toStringTag, { value: "Module" }));
85
+ const base$3 = "reach-styles-module__base___jV5oA";
86
+ const primary = "reach-styles-module__primary___WEdH4";
87
+ const success = "reach-styles-module__success___-eJqU";
88
+ const warning$2 = "reach-styles-module__warning___KP0RW";
89
+ const error$2 = "reach-styles-module__error___klJoJ";
90
+ const sizeDefault$2 = "reach-styles-module__size-default___hgiNI";
91
+ const sizeSm$2 = "reach-styles-module__size-sm___tiHOk";
92
+ const sizeLg$2 = "reach-styles-module__size-lg___iGf5z";
93
+ const positionDefault = "reach-styles-module__position-default___FzGg5";
94
+ const positionTop = "reach-styles-module__position-top___NpFYx";
95
+ const positionBottom = "reach-styles-module__position-bottom___-DbqR";
96
+ const positionInline = "reach-styles-module__position-inline___I-BaY";
97
+ const styles_module$3 = {
98
+ base: base$3,
99
+ "default": "reach-styles-module__default___eFUo9",
100
+ primary,
101
+ success,
102
+ warning: warning$2,
103
+ error: error$2,
104
+ sizeDefault: sizeDefault$2,
105
+ sizeSm: sizeSm$2,
106
+ sizeLg: sizeLg$2,
107
+ positionDefault,
108
+ positionTop,
109
+ positionBottom,
110
+ positionInline
111
+ };
112
+ const __vite_glob_0_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
113
+ __proto__: null,
114
+ base: base$3,
115
+ default: styles_module$3,
116
+ error: error$2,
117
+ positionBottom,
118
+ positionDefault,
119
+ positionInline,
120
+ positionTop,
121
+ primary,
122
+ sizeDefault: sizeDefault$2,
123
+ sizeLg: sizeLg$2,
124
+ sizeSm: sizeSm$2,
125
+ success,
126
+ warning: warning$2
127
+ }, Symbol.toStringTag, { value: "Module" }));
128
+ const base$2 = "reach-styles-module__base___RP4iu";
129
+ const destructive$1 = "reach-styles-module__destructive___BZSYi";
130
+ const outline$1 = "reach-styles-module__outline___bNcaI";
131
+ const secondary$2 = "reach-styles-module__secondary___osvqQ";
132
+ const ghost = "reach-styles-module__ghost___uU77B";
133
+ const link = "reach-styles-module__link___nSLOW";
134
+ const sizeDefault$1 = "reach-styles-module__size-default___kIvbz";
135
+ const sizeSm$1 = "reach-styles-module__size-sm___45mpF";
136
+ const sizeLg$1 = "reach-styles-module__size-lg___49p4A";
137
+ const sizeIcon = "reach-styles-module__size-icon___-6vvi";
138
+ const styles$5 = {
139
+ base: base$2,
140
+ "default": "reach-styles-module__default___pajjj",
141
+ destructive: destructive$1,
142
+ outline: outline$1,
143
+ secondary: secondary$2,
144
+ ghost,
145
+ link,
146
+ sizeDefault: sizeDefault$1,
147
+ sizeSm: sizeSm$1,
148
+ sizeLg: sizeLg$1,
149
+ sizeIcon
150
+ };
151
+ const __vite_glob_0_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
152
+ __proto__: null,
153
+ base: base$2,
154
+ default: styles$5,
155
+ destructive: destructive$1,
156
+ ghost,
157
+ link,
158
+ outline: outline$1,
159
+ secondary: secondary$2,
160
+ sizeDefault: sizeDefault$1,
161
+ sizeIcon,
162
+ sizeLg: sizeLg$1,
163
+ sizeSm: sizeSm$1
164
+ }, Symbol.toStringTag, { value: "Module" }));
165
+ const base$1 = "reach-styles-module__base___ANlIr";
166
+ const destructive = "reach-styles-module__destructive___a6Swz";
167
+ const outline = "reach-styles-module__outline___INmdX";
168
+ const secondary$1 = "reach-styles-module__secondary___Ym15V";
169
+ const header = "reach-styles-module__header___CzneX";
170
+ const title = "reach-styles-module__title___8ostO";
171
+ const description = "reach-styles-module__description___xR5d4";
172
+ const content = "reach-styles-module__content___XXeK2";
173
+ const footer = "reach-styles-module__footer___35Xil";
174
+ const styles$4 = {
175
+ base: base$1,
176
+ "default": "reach-styles-module__default___S2tp4",
177
+ destructive,
178
+ outline,
179
+ secondary: secondary$1,
180
+ header,
181
+ title,
182
+ description,
183
+ content,
184
+ footer
185
+ };
186
+ const __vite_glob_0_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
187
+ __proto__: null,
188
+ base: base$1,
189
+ content,
190
+ default: styles$4,
191
+ description,
192
+ destructive,
193
+ footer,
194
+ header,
195
+ outline,
196
+ secondary: secondary$1,
197
+ title
198
+ }, Symbol.toStringTag, { value: "Module" }));
199
+ const base = "reach-styles-module__base___ihq8K";
200
+ const secondary = "reach-styles-module__secondary___-4DAF";
201
+ const sizeDefault = "reach-styles-module__size-default___GR-0s";
202
+ const sizeSm = "reach-styles-module__size-sm___di6Rw";
203
+ const sizeLg = "reach-styles-module__size-lg___KGbCW";
204
+ const styles_module$2 = {
205
+ base,
206
+ "default": "reach-styles-module__default___xYprf",
207
+ secondary,
208
+ sizeDefault,
209
+ sizeSm,
210
+ sizeLg
211
+ };
212
+ const __vite_glob_0_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
213
+ __proto__: null,
214
+ base,
215
+ default: styles_module$2,
216
+ secondary,
217
+ sizeDefault,
218
+ sizeLg,
219
+ sizeSm
220
+ }, Symbol.toStringTag, { value: "Module" }));
221
+ const skeleton = "reach-styles-module__skeleton___G4xtU";
222
+ const pulse = "reach-styles-module__pulse___6mIhJ";
223
+ const styles_module$1 = {
224
+ skeleton,
225
+ pulse
226
+ };
227
+ const __vite_glob_0_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
228
+ __proto__: null,
229
+ default: styles_module$1,
230
+ pulse,
231
+ skeleton
232
+ }, Symbol.toStringTag, { value: "Module" }));
233
+ const root$1 = "reach-styles-module__root___eifex";
234
+ const track = "reach-styles-module__track___NJnT0";
235
+ const range = "reach-styles-module__range___mw-ny";
236
+ const thumb = "reach-styles-module__thumb___hzq0o";
237
+ const styles_module = {
238
+ root: root$1,
239
+ track,
240
+ range,
241
+ thumb
242
+ };
243
+ const __vite_glob_0_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
244
+ __proto__: null,
245
+ default: styles_module,
246
+ range,
247
+ root: root$1,
248
+ thumb,
249
+ track
250
+ }, Symbol.toStringTag, { value: "Module" }));
23
251
  var Subscribable = class {
24
252
  constructor() {
25
253
  this.listeners = /* @__PURE__ */ new Set();
@@ -2628,7 +2856,7 @@
2628
2856
  options2 = {};
2629
2857
  }
2630
2858
  let pr = null, initP = NO_INIT, id2 = null, scheduled = false, resolved = "initialValue" in options2, dynamic = typeof source === "function" && createMemo(source);
2631
- const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options2.storage || createSignal)(options2.initialValue), [error2, setError2] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
2859
+ const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options2.storage || createSignal)(options2.initialValue), [error2, setError2] = createSignal(void 0), [track2, trigger] = createSignal(void 0, {
2632
2860
  equals: false
2633
2861
  }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
2634
2862
  if (sharedConfig.context) {
@@ -11153,7 +11381,7 @@
11153
11381
  }
11154
11382
  Browser.type = "languageDetector";
11155
11383
  const ad_spend$1 = "Ad Spend";
11156
- const date$2 = "Date";
11384
+ const date$1 = "Date";
11157
11385
  const close$1 = "Close";
11158
11386
  const connected$1 = "Connected";
11159
11387
  const connecting$1 = "Connecting...";
@@ -11540,7 +11768,7 @@
11540
11768
  };
11541
11769
  const enCommon = {
11542
11770
  ad_spend: ad_spend$1,
11543
- date: date$2,
11771
+ date: date$1,
11544
11772
  close: close$1,
11545
11773
  "continue": "Continue",
11546
11774
  connected: connected$1,
@@ -11579,7 +11807,7 @@
11579
11807
  empty_state: empty_state$1
11580
11808
  };
11581
11809
  const ad_spend = "Gasto en anuncios";
11582
- const date$1 = "Fecha";
11810
+ const date = "Fecha";
11583
11811
  const close = "Cerrar";
11584
11812
  const connected = "Conectado";
11585
11813
  const connecting = "Conectando...";
@@ -11966,7 +12194,7 @@
11966
12194
  };
11967
12195
  const esCommon = {
11968
12196
  ad_spend,
11969
- date: date$1,
12197
+ date,
11970
12198
  close,
11971
12199
  "continue": "Continuar",
11972
12200
  connected,
@@ -12426,7 +12654,7 @@
12426
12654
  createCollectionScope2
12427
12655
  ];
12428
12656
  }
12429
- var NODES$2 = [
12657
+ var NODES$3 = [
12430
12658
  "a",
12431
12659
  "button",
12432
12660
  "div",
@@ -12444,7 +12672,7 @@
12444
12672
  "svg",
12445
12673
  "ul"
12446
12674
  ];
12447
- var Primitive$2 = NODES$2.reduce((primitive, node) => {
12675
+ var Primitive$3 = NODES$3.reduce((primitive, node) => {
12448
12676
  const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
12449
12677
  const { asChild, ...primitiveProps } = props;
12450
12678
  const Comp = asChild ? Slot$3 : node;
@@ -12566,7 +12794,7 @@
12566
12794
  return () => document.removeEventListener(CONTEXT_UPDATE$3, handleUpdate);
12567
12795
  }, []);
12568
12796
  return /* @__PURE__ */ jsxRuntime.jsx(
12569
- Primitive$2.div,
12797
+ Primitive$3.div,
12570
12798
  {
12571
12799
  ...layerProps,
12572
12800
  ref: composedRefs,
@@ -12599,7 +12827,7 @@
12599
12827
  };
12600
12828
  }
12601
12829
  }, [context.branches]);
12602
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
12830
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
12603
12831
  });
12604
12832
  DismissableLayerBranch$3.displayName = BRANCH_NAME$3;
12605
12833
  function usePointerDownOutside$3(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -12689,7 +12917,7 @@
12689
12917
  const [mounted, setMounted] = React__namespace.useState(false);
12690
12918
  useLayoutEffect2(() => setMounted(true), []);
12691
12919
  const container2 = containerProp || mounted && globalThis?.document?.body;
12692
- return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
12920
+ return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container2) : null;
12693
12921
  });
12694
12922
  Portal$6.displayName = PORTAL_NAME$7;
12695
12923
  function useStateMachine(initialState, machine) {
@@ -12854,11 +13082,11 @@
12854
13082
  }, [value, prevValueRef, handleChange]);
12855
13083
  return uncontrolledState;
12856
13084
  }
12857
- var NAME$3 = "VisuallyHidden";
12858
- var VisuallyHidden = React__namespace.forwardRef(
13085
+ var NAME$4 = "VisuallyHidden";
13086
+ var VisuallyHidden$1 = React__namespace.forwardRef(
12859
13087
  (props, forwardedRef) => {
12860
13088
  return /* @__PURE__ */ jsxRuntime.jsx(
12861
- Primitive$2.span,
13089
+ Primitive$3.span,
12862
13090
  {
12863
13091
  ...props,
12864
13092
  ref: forwardedRef,
@@ -12880,8 +13108,8 @@
12880
13108
  );
12881
13109
  }
12882
13110
  );
12883
- VisuallyHidden.displayName = NAME$3;
12884
- var Root$6 = VisuallyHidden;
13111
+ VisuallyHidden$1.displayName = NAME$4;
13112
+ var Root$6 = VisuallyHidden$1;
12885
13113
  var PROVIDER_NAME$1 = "ToastProvider";
12886
13114
  var [Collection$3, useCollection$3, createCollectionScope$3] = createCollection$1("Toast");
12887
13115
  var [createToastContext, createToastScope] = createContextScope("Toast", [createCollectionScope$3]);
@@ -13056,7 +13284,7 @@
13056
13284
  }
13057
13285
  }
13058
13286
  ),
13059
- /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
13287
+ /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
13060
13288
  hasToasts && /* @__PURE__ */ jsxRuntime.jsx(
13061
13289
  FocusProxy,
13062
13290
  {
@@ -13081,7 +13309,7 @@
13081
13309
  const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props;
13082
13310
  const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast);
13083
13311
  return /* @__PURE__ */ jsxRuntime.jsx(
13084
- VisuallyHidden,
13312
+ VisuallyHidden$1,
13085
13313
  {
13086
13314
  "aria-hidden": true,
13087
13315
  tabIndex: 0,
@@ -13248,7 +13476,7 @@
13248
13476
  context.isFocusedToastEscapeKeyDownRef.current = false;
13249
13477
  }),
13250
13478
  children: /* @__PURE__ */ jsxRuntime.jsx(
13251
- Primitive$2.li,
13479
+ Primitive$3.li,
13252
13480
  {
13253
13481
  role: "status",
13254
13482
  "aria-live": "off",
@@ -13347,7 +13575,7 @@
13347
13575
  const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
13348
13576
  return () => window.clearTimeout(timer);
13349
13577
  }, []);
13350
- return isAnnounced ? null : /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13578
+ return isAnnounced ? null : /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden$1, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13351
13579
  context.label,
13352
13580
  " ",
13353
13581
  children2
@@ -13357,7 +13585,7 @@
13357
13585
  var ToastTitle$1 = React__namespace.forwardRef(
13358
13586
  (props, forwardedRef) => {
13359
13587
  const { __scopeToast, ...titleProps } = props;
13360
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...titleProps, ref: forwardedRef });
13588
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...titleProps, ref: forwardedRef });
13361
13589
  }
13362
13590
  );
13363
13591
  ToastTitle$1.displayName = TITLE_NAME$1;
@@ -13365,7 +13593,7 @@
13365
13593
  var ToastDescription$1 = React__namespace.forwardRef(
13366
13594
  (props, forwardedRef) => {
13367
13595
  const { __scopeToast, ...descriptionProps } = props;
13368
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...descriptionProps, ref: forwardedRef });
13596
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...descriptionProps, ref: forwardedRef });
13369
13597
  }
13370
13598
  );
13371
13599
  ToastDescription$1.displayName = DESCRIPTION_NAME$1;
@@ -13389,7 +13617,7 @@
13389
13617
  const { __scopeToast, ...closeProps } = props;
13390
13618
  const interactiveContext = useToastInteractiveContext(CLOSE_NAME$2, __scopeToast);
13391
13619
  return /* @__PURE__ */ jsxRuntime.jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
13392
- Primitive$2.button,
13620
+ Primitive$3.button,
13393
13621
  {
13394
13622
  type: "button",
13395
13623
  ...closeProps,
@@ -13403,7 +13631,7 @@
13403
13631
  var ToastAnnounceExclude = React__namespace.forwardRef((props, forwardedRef) => {
13404
13632
  const { __scopeToast, altText, ...announceExcludeProps } = props;
13405
13633
  return /* @__PURE__ */ jsxRuntime.jsx(
13406
- Primitive$2.div,
13634
+ Primitive$3.div,
13407
13635
  {
13408
13636
  "data-radix-toast-announce-exclude": "",
13409
13637
  "data-radix-toast-announce-alt": altText || void 0,
@@ -18268,7 +18496,7 @@
18268
18496
  return;
18269
18497
  isPressing.add(element);
18270
18498
  const onPressEnd = onPressStart(element, startEvent);
18271
- const onPointerEnd = (endEvent, success) => {
18499
+ const onPointerEnd = (endEvent, success2) => {
18272
18500
  window.removeEventListener("pointerup", onPointerUp);
18273
18501
  window.removeEventListener("pointercancel", onPointerCancel);
18274
18502
  if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
@@ -18276,7 +18504,7 @@
18276
18504
  }
18277
18505
  isPressing.delete(element);
18278
18506
  if (typeof onPressEnd === "function") {
18279
- onPressEnd(endEvent, { success });
18507
+ onPressEnd(endEvent, { success: success2 });
18280
18508
  }
18281
18509
  };
18282
18510
  const onPointerUp = (upEvent) => {
@@ -23338,7 +23566,7 @@
23338
23566
  return;
23339
23567
  this.unmount = press(current, (_element, startEvent) => {
23340
23568
  handlePressEvent(this.node, startEvent, "Start");
23341
- return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
23569
+ return (endEvent, { success: success2 }) => handlePressEvent(this.node, endEvent, success2 ? "End" : "Cancel");
23342
23570
  }, { useGlobalTarget: this.node.props.globalTapTarget });
23343
23571
  }
23344
23572
  unmount() {
@@ -24238,36 +24466,21 @@
24238
24466
  }
24239
24467
  return element.props.ref || element.ref;
24240
24468
  }
24241
- const base$2 = "reach-styles-module__base___RP4iu";
24242
- const destructive$2 = "reach-styles-module__destructive___BZSYi";
24243
- const outline$2 = "reach-styles-module__outline___bNcaI";
24244
- const secondary$2 = "reach-styles-module__secondary___osvqQ";
24245
- const ghost = "reach-styles-module__ghost___uU77B";
24246
- const link = "reach-styles-module__link___nSLOW";
24247
- const styles$6 = {
24248
- base: base$2,
24249
- "default": "reach-styles-module__default___pajjj",
24250
- destructive: destructive$2,
24251
- outline: outline$2,
24252
- secondary: secondary$2,
24253
- ghost,
24254
- link
24255
- };
24256
- const buttonVariants = cva([styles$6.base], {
24469
+ const buttonVariants = cva([styles$5.base], {
24257
24470
  variants: {
24258
24471
  variant: {
24259
- default: styles$6.default,
24260
- destructive: styles$6.destructive,
24261
- outline: styles$6.outline,
24262
- secondary: styles$6.secondary,
24263
- ghost: styles$6.ghost,
24264
- link: styles$6.link
24472
+ default: styles$5.default,
24473
+ destructive: styles$5.destructive,
24474
+ outline: styles$5.outline,
24475
+ secondary: styles$5.secondary,
24476
+ ghost: styles$5.ghost,
24477
+ link: styles$5.link
24265
24478
  },
24266
24479
  size: {
24267
- default: styles$6["size-default"],
24268
- sm: styles$6["size-sm"],
24269
- lg: styles$6["size-lg"],
24270
- icon: styles$6["size-icon"]
24480
+ default: styles$5["size-default"],
24481
+ sm: styles$5["size-sm"],
24482
+ lg: styles$5["size-lg"],
24483
+ icon: styles$5["size-icon"]
24271
24484
  }
24272
24485
  },
24273
24486
  defaultVariants: {
@@ -24349,7 +24562,7 @@
24349
24562
  }
24350
24563
  );
24351
24564
  };
24352
- const styles$5 = {
24565
+ const styles$3 = {
24353
24566
  title: "text-3xl mb-8",
24354
24567
  grid: "grid grid-cols-2 gap-6",
24355
24568
  container: "relative p-6 rounded-lg"
@@ -24358,9 +24571,9 @@
24358
24571
  const onClick = (type) => {
24359
24572
  onNext(type);
24360
24573
  };
24361
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.container, children: [
24362
- /* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles$5.title, children: "Choose Your Automation Type" }),
24363
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.grid, children: [
24574
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.container, children: [
24575
+ /* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles$3.title, children: "Choose Your Automation Type" }),
24576
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.grid, children: [
24364
24577
  /* @__PURE__ */ jsxRuntime.jsx(
24365
24578
  BigSelector,
24366
24579
  {
@@ -24415,16 +24628,16 @@
24415
24628
  `Unreachable case statement: ${JSON.stringify(x2)}. Valid values are: ${Object.values(enumObj).join(", ")}`
24416
24629
  );
24417
24630
  }
24418
- const styles$4 = {
24631
+ const styles$2 = {
24419
24632
  iconWrapper: "mb-4 flex items-center justify-center",
24420
24633
  cardTitle: "text-lg font-medium mb-2",
24421
24634
  cardDescription: "text-sm text-gray-600"
24422
24635
  };
24423
24636
  const OneTimeBroadcast = ({ iconDefinitions }) => {
24424
24637
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
24425
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$4.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.OneTimeBroadcast, {}) }),
24426
- /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$4.cardTitle, children: "One-Time Broadcast" }),
24427
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$4.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
24638
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$2.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(iconDefinitions.OneTimeBroadcast, {}) }),
24639
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$2.cardTitle, children: "One-Time Broadcast" }),
24640
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$2.cardDescription, children: "Send a single message to your current list, like announcing a sale or newsletter." })
24428
24641
  ] });
24429
24642
  };
24430
24643
  const SetAutomationName = ({ selectedType, setAutomationName, automationName, iconDefinitions }) => {
@@ -24532,7 +24745,7 @@
24532
24745
  });
24533
24746
  };
24534
24747
  if (isCreating || startedCreating) {
24535
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
24748
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Creating Automation", "Finishing up"] }) });
24536
24749
  }
24537
24750
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden", children: [
24538
24751
  /* @__PURE__ */ jsxRuntime.jsxs(AnimatePresence, { mode: "wait", children: [
@@ -24736,6 +24949,102 @@
24736
24949
  *
24737
24950
  * @license MIT
24738
24951
  */
24952
+ function createMemoryHistory(options2 = {}) {
24953
+ let { initialEntries = ["/"], initialIndex, v5Compat = false } = options2;
24954
+ let entries;
24955
+ entries = initialEntries.map(
24956
+ (entry, index22) => createMemoryLocation(
24957
+ entry,
24958
+ typeof entry === "string" ? null : entry.state,
24959
+ index22 === 0 ? "default" : void 0
24960
+ )
24961
+ );
24962
+ let index2 = clampIndex(
24963
+ initialIndex == null ? entries.length - 1 : initialIndex
24964
+ );
24965
+ let action = "POP";
24966
+ let listener = null;
24967
+ function clampIndex(n2) {
24968
+ return Math.min(Math.max(n2, 0), entries.length - 1);
24969
+ }
24970
+ function getCurrentLocation() {
24971
+ return entries[index2];
24972
+ }
24973
+ function createMemoryLocation(to, state = null, key) {
24974
+ let location = createLocation(
24975
+ entries ? getCurrentLocation().pathname : "/",
24976
+ to,
24977
+ state,
24978
+ key
24979
+ );
24980
+ warning(
24981
+ location.pathname.charAt(0) === "/",
24982
+ `relative pathnames are not supported in memory history: ${JSON.stringify(
24983
+ to
24984
+ )}`
24985
+ );
24986
+ return location;
24987
+ }
24988
+ function createHref2(to) {
24989
+ return typeof to === "string" ? to : createPath(to);
24990
+ }
24991
+ let history = {
24992
+ get index() {
24993
+ return index2;
24994
+ },
24995
+ get action() {
24996
+ return action;
24997
+ },
24998
+ get location() {
24999
+ return getCurrentLocation();
25000
+ },
25001
+ createHref: createHref2,
25002
+ createURL(to) {
25003
+ return new URL(createHref2(to), "http://localhost");
25004
+ },
25005
+ encodeLocation(to) {
25006
+ let path2 = typeof to === "string" ? parsePath(to) : to;
25007
+ return {
25008
+ pathname: path2.pathname || "",
25009
+ search: path2.search || "",
25010
+ hash: path2.hash || ""
25011
+ };
25012
+ },
25013
+ push(to, state) {
25014
+ action = "PUSH";
25015
+ let nextLocation = createMemoryLocation(to, state);
25016
+ index2 += 1;
25017
+ entries.splice(index2, entries.length, nextLocation);
25018
+ if (v5Compat && listener) {
25019
+ listener({ action, location: nextLocation, delta: 1 });
25020
+ }
25021
+ },
25022
+ replace(to, state) {
25023
+ action = "REPLACE";
25024
+ let nextLocation = createMemoryLocation(to, state);
25025
+ entries[index2] = nextLocation;
25026
+ if (v5Compat && listener) {
25027
+ listener({ action, location: nextLocation, delta: 0 });
25028
+ }
25029
+ },
25030
+ go(delta) {
25031
+ action = "POP";
25032
+ let nextIndex = clampIndex(index2 + delta);
25033
+ let nextLocation = entries[nextIndex];
25034
+ index2 = nextIndex;
25035
+ if (listener) {
25036
+ listener({ action, location: nextLocation, delta });
25037
+ }
25038
+ },
25039
+ listen(fn) {
25040
+ listener = fn;
25041
+ return () => {
25042
+ listener = null;
25043
+ };
25044
+ }
25045
+ };
25046
+ return history;
25047
+ }
24739
25048
  function invariant(value, message2) {
24740
25049
  if (value === false || value === null || typeof value === "undefined") {
24741
25050
  throw new Error(message2);
@@ -24750,6 +25059,24 @@
24750
25059
  }
24751
25060
  }
24752
25061
  }
25062
+ function createKey() {
25063
+ return Math.random().toString(36).substring(2, 10);
25064
+ }
25065
+ function createLocation(current, to, state = null, key) {
25066
+ let location = {
25067
+ pathname: typeof current === "string" ? current : current.pathname,
25068
+ search: "",
25069
+ hash: "",
25070
+ ...typeof to === "string" ? parsePath(to) : to,
25071
+ state,
25072
+ // TODO: This could be cleaned up. push/replace should probably just take
25073
+ // full Locations now and avoid the need to run through this flow at all
25074
+ // But that's a pretty big refactor to the current test suite so going to
25075
+ // keep as is for the time being and just let any incoming keys take precedence
25076
+ key: to && to.key || key || createKey()
25077
+ };
25078
+ return location;
25079
+ }
24753
25080
  function createPath({
24754
25081
  pathname = "/",
24755
25082
  search = "",
@@ -25627,6 +25954,100 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
25627
25954
  }) {
25628
25955
  return useRoutesImpl(routes, void 0, state, future);
25629
25956
  }
25957
+ function MemoryRouter({
25958
+ basename,
25959
+ children: children2,
25960
+ initialEntries,
25961
+ initialIndex
25962
+ }) {
25963
+ let historyRef = React__namespace.useRef();
25964
+ if (historyRef.current == null) {
25965
+ historyRef.current = createMemoryHistory({
25966
+ initialEntries,
25967
+ initialIndex,
25968
+ v5Compat: true
25969
+ });
25970
+ }
25971
+ let history = historyRef.current;
25972
+ let [state, setStateImpl] = React__namespace.useState({
25973
+ action: history.action,
25974
+ location: history.location
25975
+ });
25976
+ let setState = React__namespace.useCallback(
25977
+ (newState) => {
25978
+ React__namespace.startTransition(() => setStateImpl(newState));
25979
+ },
25980
+ [setStateImpl]
25981
+ );
25982
+ React__namespace.useLayoutEffect(() => history.listen(setState), [history, setState]);
25983
+ return /* @__PURE__ */ React__namespace.createElement(
25984
+ Router,
25985
+ {
25986
+ basename,
25987
+ children: children2,
25988
+ location: state.location,
25989
+ navigationType: state.action,
25990
+ navigator: history
25991
+ }
25992
+ );
25993
+ }
25994
+ function Router({
25995
+ basename: basenameProp = "/",
25996
+ children: children2 = null,
25997
+ location: locationProp,
25998
+ navigationType = "POP",
25999
+ navigator: navigator2,
26000
+ static: staticProp = false
26001
+ }) {
26002
+ invariant(
26003
+ !useInRouterContext(),
26004
+ `You cannot render a <Router> inside another <Router>. You should never have more than one in your app.`
26005
+ );
26006
+ let basename = basenameProp.replace(/^\/*/, "/");
26007
+ let navigationContext = React__namespace.useMemo(
26008
+ () => ({
26009
+ basename,
26010
+ navigator: navigator2,
26011
+ static: staticProp,
26012
+ future: {}
26013
+ }),
26014
+ [basename, navigator2, staticProp]
26015
+ );
26016
+ if (typeof locationProp === "string") {
26017
+ locationProp = parsePath(locationProp);
26018
+ }
26019
+ let {
26020
+ pathname = "/",
26021
+ search = "",
26022
+ hash = "",
26023
+ state = null,
26024
+ key = "default"
26025
+ } = locationProp;
26026
+ let locationContext = React__namespace.useMemo(() => {
26027
+ let trailingPathname = stripBasename(pathname, basename);
26028
+ if (trailingPathname == null) {
26029
+ return null;
26030
+ }
26031
+ return {
26032
+ location: {
26033
+ pathname: trailingPathname,
26034
+ search,
26035
+ hash,
26036
+ state,
26037
+ key
26038
+ },
26039
+ navigationType
26040
+ };
26041
+ }, [basename, pathname, search, hash, state, key, navigationType]);
26042
+ warning(
26043
+ locationContext != null,
26044
+ `<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.`
26045
+ );
26046
+ if (locationContext == null) {
26047
+ return null;
26048
+ }
26049
+ return /* @__PURE__ */ React__namespace.createElement(NavigationContext$1.Provider, { value: navigationContext }, /* @__PURE__ */ React__namespace.createElement(LocationContext.Provider, { children: children2, value: locationContext }));
26050
+ }
25630
26051
  var defaultMethod = "get";
25631
26052
  var defaultEncType = "application/x-www-form-urlencoded";
25632
26053
  function isHtmlElement(object) {
@@ -26670,7 +27091,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
26670
27091
  }
26671
27092
  return element.props.ref || element.ref;
26672
27093
  }
26673
- var NODES$1 = [
27094
+ var NODES$2 = [
26674
27095
  "a",
26675
27096
  "button",
26676
27097
  "div",
@@ -26688,7 +27109,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
26688
27109
  "svg",
26689
27110
  "ul"
26690
27111
  ];
26691
- var Primitive$1 = NODES$1.reduce((primitive, node) => {
27112
+ var Primitive$2 = NODES$2.reduce((primitive, node) => {
26692
27113
  const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
26693
27114
  const { asChild, ...primitiveProps } = props;
26694
27115
  const Comp = asChild ? Slot$1 : node;
@@ -26791,7 +27212,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
26791
27212
  return () => document.removeEventListener(CONTEXT_UPDATE$2, handleUpdate);
26792
27213
  }, []);
26793
27214
  return /* @__PURE__ */ jsxRuntime.jsx(
26794
- Primitive$1.div,
27215
+ Primitive$2.div,
26795
27216
  {
26796
27217
  ...layerProps,
26797
27218
  ref: composedRefs,
@@ -26824,7 +27245,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
26824
27245
  };
26825
27246
  }
26826
27247
  }, [context.branches]);
26827
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...props, ref: composedRefs });
27248
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
26828
27249
  });
26829
27250
  DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
26830
27251
  function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -27021,7 +27442,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
27021
27442
  },
27022
27443
  [loop, trapped, focusScope.paused]
27023
27444
  );
27024
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
27445
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
27025
27446
  });
27026
27447
  FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
27027
27448
  function focusFirst$3(candidates, { select = false } = {}) {
@@ -27109,7 +27530,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
27109
27530
  const [mounted, setMounted] = React__namespace.useState(false);
27110
27531
  useLayoutEffect2(() => setMounted(true), []);
27111
27532
  const container2 = containerProp || mounted && globalThis?.document?.body;
27112
- return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container2) : null;
27533
+ return container2 ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
27113
27534
  });
27114
27535
  Portal$5.displayName = PORTAL_NAME$6;
27115
27536
  var count = 0;
@@ -27954,7 +28375,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
27954
28375
  const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
27955
28376
  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
27956
28377
  return /* @__PURE__ */ jsxRuntime.jsx(
27957
- Primitive$1.button,
28378
+ Primitive$2.button,
27958
28379
  {
27959
28380
  type: "button",
27960
28381
  "aria-haspopup": "dialog",
@@ -27997,7 +28418,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
27997
28418
  // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
27998
28419
  // ie. when `Overlay` and `Content` are siblings
27999
28420
  /* @__PURE__ */ jsxRuntime.jsx(ReactRemoveScroll$1, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
28000
- Primitive$1.div,
28421
+ Primitive$2.div,
28001
28422
  {
28002
28423
  "data-state": getState$1(context.open),
28003
28424
  ...overlayProps,
@@ -28135,7 +28556,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
28135
28556
  (props, forwardedRef) => {
28136
28557
  const { __scopeDialog, ...titleProps } = props;
28137
28558
  const context = useDialogContext(TITLE_NAME, __scopeDialog);
28138
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
28559
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
28139
28560
  }
28140
28561
  );
28141
28562
  DialogTitle$1.displayName = TITLE_NAME;
@@ -28144,7 +28565,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
28144
28565
  (props, forwardedRef) => {
28145
28566
  const { __scopeDialog, ...descriptionProps } = props;
28146
28567
  const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
28147
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
28568
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
28148
28569
  }
28149
28570
  );
28150
28571
  DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -28154,7 +28575,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
28154
28575
  const { __scopeDialog, ...closeProps } = props;
28155
28576
  const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
28156
28577
  return /* @__PURE__ */ jsxRuntime.jsx(
28157
- Primitive$1.button,
28578
+ Primitive$2.button,
28158
28579
  {
28159
28580
  type: "button",
28160
28581
  ...closeProps,
@@ -28209,6 +28630,63 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28209
28630
  var Title = DialogTitle$1;
28210
28631
  var Description = DialogDescription$1;
28211
28632
  var Close = DialogClose;
28633
+ var NODES$1 = [
28634
+ "a",
28635
+ "button",
28636
+ "div",
28637
+ "form",
28638
+ "h2",
28639
+ "h3",
28640
+ "img",
28641
+ "input",
28642
+ "label",
28643
+ "li",
28644
+ "nav",
28645
+ "ol",
28646
+ "p",
28647
+ "span",
28648
+ "svg",
28649
+ "ul"
28650
+ ];
28651
+ var Primitive$1 = NODES$1.reduce((primitive, node) => {
28652
+ const Node2 = React__namespace.forwardRef((props, forwardedRef) => {
28653
+ const { asChild, ...primitiveProps } = props;
28654
+ const Comp = asChild ? Slot$2 : node;
28655
+ if (typeof window !== "undefined") {
28656
+ window[Symbol.for("radix-ui")] = true;
28657
+ }
28658
+ return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
28659
+ });
28660
+ Node2.displayName = `Primitive.${node}`;
28661
+ return { ...primitive, [node]: Node2 };
28662
+ }, {});
28663
+ var NAME$3 = "VisuallyHidden";
28664
+ var VisuallyHidden = React__namespace.forwardRef(
28665
+ (props, forwardedRef) => {
28666
+ return /* @__PURE__ */ jsxRuntime.jsx(
28667
+ Primitive$1.span,
28668
+ {
28669
+ ...props,
28670
+ ref: forwardedRef,
28671
+ style: {
28672
+ // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
28673
+ position: "absolute",
28674
+ border: 0,
28675
+ width: 1,
28676
+ height: 1,
28677
+ padding: 0,
28678
+ margin: -1,
28679
+ overflow: "hidden",
28680
+ clip: "rect(0, 0, 0, 0)",
28681
+ whiteSpace: "nowrap",
28682
+ wordWrap: "normal",
28683
+ ...props.style
28684
+ }
28685
+ }
28686
+ );
28687
+ }
28688
+ );
28689
+ VisuallyHidden.displayName = NAME$3;
28212
28690
  function cn(...inputs) {
28213
28691
  return twMerge(clsx$1(inputs));
28214
28692
  }
@@ -28280,6 +28758,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28280
28758
  }
28281
28759
  ));
28282
28760
  DialogDescription.displayName = Description.displayName;
28761
+ const DialogVisuallyHidden = React__namespace.forwardRef(({ className: className2, children: children2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { ref, className: cn(className2), ...props, children: children2 }));
28762
+ DialogVisuallyHidden.displayName = "DialogVisuallyHidden";
28283
28763
  var DISMISSABLE_LAYER_NAME$1 = "DismissableLayer";
28284
28764
  var CONTEXT_UPDATE$1 = "dismissableLayer.update";
28285
28765
  var POINTER_DOWN_OUTSIDE$1 = "dismissableLayer.pointerDownOutside";
@@ -28368,7 +28848,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28368
28848
  return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
28369
28849
  }, []);
28370
28850
  return /* @__PURE__ */ jsxRuntime.jsx(
28371
- Primitive$2.div,
28851
+ Primitive$3.div,
28372
28852
  {
28373
28853
  ...layerProps,
28374
28854
  ref: composedRefs,
@@ -28401,7 +28881,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28401
28881
  };
28402
28882
  }
28403
28883
  }, [context.branches]);
28404
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
28884
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
28405
28885
  });
28406
28886
  DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
28407
28887
  function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -30323,7 +30803,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
30323
30803
  var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
30324
30804
  const { children: children2, width = 10, height = 5, ...arrowProps } = props;
30325
30805
  return /* @__PURE__ */ jsxRuntime.jsx(
30326
- Primitive$2.svg,
30806
+ Primitive$3.svg,
30327
30807
  {
30328
30808
  ...arrowProps,
30329
30809
  ref: forwardedRef,
@@ -30390,7 +30870,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
30390
30870
  React__namespace.useEffect(() => {
30391
30871
  context.onAnchorChange(virtualRef?.current || ref.current);
30392
30872
  });
30393
- return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...anchorProps, ref: composedRefs });
30873
+ return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
30394
30874
  }
30395
30875
  );
30396
30876
  PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -30517,7 +30997,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
30517
30997
  arrowY,
30518
30998
  shouldHideArrow: cannotCenterArrow,
30519
30999
  children: /* @__PURE__ */ jsxRuntime.jsx(
30520
- Primitive$2.div,
31000
+ Primitive$3.div,
30521
31001
  {
30522
31002
  "data-side": placedSide,
30523
31003
  "data-align": placedAlign,
@@ -30793,7 +31273,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
30793
31273
  return () => document.removeEventListener("pointerup", handlePointerUp);
30794
31274
  }, [handlePointerUp]);
30795
31275
  return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
30796
- Primitive$2.button,
31276
+ Primitive$3.button,
30797
31277
  {
30798
31278
  "aria-describedby": context.open ? context.contentId : void 0,
30799
31279
  "data-state": context.stateAttribute,
@@ -31152,14 +31632,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
31152
31632
  ] }) })
31153
31633
  ] }) });
31154
31634
  };
31155
- const styles$3 = {
31635
+ const styles$1 = {
31156
31636
  container: "flex flex-col items-center justify-center h-full"
31157
31637
  };
31158
31638
  const AutomationStatistics = ({ automationId, iconDefinitions }) => {
31159
31639
  const [activeTab, setActiveTab] = React.useState("email");
31160
31640
  const { statistics, isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
31161
31641
  if (isStatisticsLoading || !statistics) {
31162
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
31642
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Statistics", "Finishing up"] }) });
31163
31643
  }
31164
31644
  const StatsGrid = () => {
31165
31645
  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";
@@ -32861,39 +33341,22 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
32861
33341
  function formatDistanceToNow(date2, options2) {
32862
33342
  return formatDistance$1(date2, constructNow(date2), options2);
32863
33343
  }
32864
- const base$1 = "reach-styles-module__base___eJmcH";
32865
- const secondary$1 = "reach-styles-module__secondary___H-ae8";
32866
- const destructive$1 = "reach-styles-module__destructive___JsRNh";
32867
- const outline$1 = "reach-styles-module__outline___9FFlV";
32868
- const google = "reach-styles-module__google___7eHwU";
32869
- const date = "reach-styles-module__date___gU3Tt";
32870
- const container = "reach-styles-module__container___5PrOx";
32871
- const styles$2 = {
32872
- base: base$1,
32873
- "default": "reach-styles-module__default___8NuEB",
32874
- secondary: secondary$1,
32875
- destructive: destructive$1,
32876
- outline: outline$1,
32877
- google,
32878
- date,
32879
- container
32880
- };
32881
- const badgeVariants = cva([styles$2.base], {
33344
+ const badgeVariants = cva([styles$6.base], {
32882
33345
  variants: {
32883
33346
  variant: {
32884
- default: styles$2.default,
32885
- secondary: styles$2.secondary,
32886
- destructive: styles$2.destructive,
32887
- outline: styles$2.outline,
32888
- google: styles$2.google,
32889
- date: styles$2.date
33347
+ default: styles$6.default,
33348
+ secondary: styles$6.secondary,
33349
+ destructive: styles$6.destructive,
33350
+ outline: styles$6.outline,
33351
+ google: styles$6.google,
33352
+ date: styles$6.date
32890
33353
  },
32891
33354
  size: {
32892
- default: styles$2["size-default"],
32893
- sm: styles$2["size-sm"]
33355
+ default: styles$6["size-default"],
33356
+ sm: styles$6["size-sm"]
32894
33357
  },
32895
33358
  iconOnly: {
32896
- true: styles$2["icon-only"],
33359
+ true: styles$6["icon-only"],
32897
33360
  false: ""
32898
33361
  }
32899
33362
  },
@@ -32901,7 +33364,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
32901
33364
  {
32902
33365
  iconOnly: true,
32903
33366
  size: "sm",
32904
- class: styles$2["icon-only-sm"]
33367
+ class: styles$6["icon-only-sm"]
32905
33368
  }
32906
33369
  ],
32907
33370
  defaultVariants: {
@@ -32911,13 +33374,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
32911
33374
  }
32912
33375
  });
32913
33376
  const Badge = React__namespace.forwardRef(
32914
- ({ className: className2, variant, size: size3, iconOnly, truncate, ...props }, ref) => {
33377
+ ({ className: className2, variant, size: size3, iconOnly: iconOnly2, truncate, ...props }, ref) => {
32915
33378
  return /* @__PURE__ */ jsxRuntime.jsx(
32916
33379
  "div",
32917
33380
  {
32918
33381
  ref,
32919
33382
  className: cn$1(
32920
- badgeVariants({ variant, size: size3, iconOnly }),
33383
+ badgeVariants({ variant, size: size3, iconOnly: iconOnly2 }),
32921
33384
  truncate && "max-w-[90px]",
32922
33385
  className2
32923
33386
  ),
@@ -32928,7 +33391,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
32928
33391
  );
32929
33392
  Badge.displayName = "Badge";
32930
33393
  const BadgeContainer = React__namespace.forwardRef(({ className: className2, ...props }, ref) => {
32931
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$2.container, className2), ...props });
33394
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$6.container, className2), ...props });
32932
33395
  });
32933
33396
  BadgeContainer.displayName = "BadgeContainer";
32934
33397
  const Input = React__namespace.forwardRef(
@@ -35608,7 +36071,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
35608
36071
  },
35609
36072
  [loop, trapped, focusScope.paused]
35610
36073
  );
35611
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
36074
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
35612
36075
  });
35613
36076
  FocusScope.displayName = FOCUS_SCOPE_NAME;
35614
36077
  function focusFirst$2(candidates, { select = false } = {}) {
@@ -35754,7 +36217,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
35754
36217
  const popperScope = usePopperScope$2(__scopePopover);
35755
36218
  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
35756
36219
  const trigger = /* @__PURE__ */ jsxRuntime.jsx(
35757
- Primitive$2.button,
36220
+ Primitive$3.button,
35758
36221
  {
35759
36222
  type: "button",
35760
36223
  "aria-haspopup": "dialog",
@@ -35939,7 +36402,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
35939
36402
  const { __scopePopover, ...closeProps } = props;
35940
36403
  const context = usePopoverContext(CLOSE_NAME, __scopePopover);
35941
36404
  return /* @__PURE__ */ jsxRuntime.jsx(
35942
- Primitive$2.button,
36405
+ Primitive$3.button,
35943
36406
  {
35944
36407
  type: "button",
35945
36408
  ...closeProps,
@@ -36575,7 +37038,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
36575
37038
  }
36576
37039
  };
36577
37040
  return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
36578
- Primitive$2.button,
37041
+ Primitive$3.button,
36579
37042
  {
36580
37043
  type: "button",
36581
37044
  role: "combobox",
@@ -36634,7 +37097,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
36634
37097
  onValueNodeHasChildrenChange(hasChildren);
36635
37098
  }, [onValueNodeHasChildrenChange, hasChildren]);
36636
37099
  return /* @__PURE__ */ jsxRuntime.jsx(
36637
- Primitive$2.span,
37100
+ Primitive$3.span,
36638
37101
  {
36639
37102
  ...valueProps,
36640
37103
  ref: composedRefs,
@@ -36649,7 +37112,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
36649
37112
  var SelectIcon = React__namespace.forwardRef(
36650
37113
  (props, forwardedRef) => {
36651
37114
  const { __scopeSelect, children: children2, ...iconProps } = props;
36652
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
37115
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
36653
37116
  }
36654
37117
  );
36655
37118
  SelectIcon.displayName = ICON_NAME;
@@ -37057,7 +37520,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37057
37520
  zIndex: contentZIndex
37058
37521
  },
37059
37522
  children: /* @__PURE__ */ jsxRuntime.jsx(
37060
- Primitive$2.div,
37523
+ Primitive$3.div,
37061
37524
  {
37062
37525
  ...popperProps,
37063
37526
  ref: composedRefs,
@@ -37131,7 +37594,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37131
37594
  }
37132
37595
  ),
37133
37596
  /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx(
37134
- Primitive$2.div,
37597
+ Primitive$3.div,
37135
37598
  {
37136
37599
  "data-radix-select-viewport": "",
37137
37600
  role: "presentation",
@@ -37186,7 +37649,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37186
37649
  (props, forwardedRef) => {
37187
37650
  const { __scopeSelect, ...groupProps } = props;
37188
37651
  const groupId = useId$1();
37189
- return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
37652
+ return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
37190
37653
  }
37191
37654
  );
37192
37655
  SelectGroup.displayName = GROUP_NAME$3;
@@ -37195,7 +37658,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37195
37658
  (props, forwardedRef) => {
37196
37659
  const { __scopeSelect, ...labelProps } = props;
37197
37660
  const groupContext = useSelectGroupContext(LABEL_NAME$2, __scopeSelect);
37198
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
37661
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
37199
37662
  }
37200
37663
  );
37201
37664
  SelectLabel$1.displayName = LABEL_NAME$2;
@@ -37251,7 +37714,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37251
37714
  disabled,
37252
37715
  textValue,
37253
37716
  children: /* @__PURE__ */ jsxRuntime.jsx(
37254
- Primitive$2.div,
37717
+ Primitive$3.div,
37255
37718
  {
37256
37719
  role: "option",
37257
37720
  "aria-labelledby": textId,
@@ -37328,7 +37791,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37328
37791
  return () => onNativeOptionRemove(nativeOption);
37329
37792
  }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
37330
37793
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
37331
- /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
37794
+ /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
37332
37795
  itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM__namespace.createPortal(itemTextProps.children, context.valueNode) : null
37333
37796
  ] });
37334
37797
  }
@@ -37339,7 +37802,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37339
37802
  (props, forwardedRef) => {
37340
37803
  const { __scopeSelect, ...itemIndicatorProps } = props;
37341
37804
  const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME$1, __scopeSelect);
37342
- return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
37805
+ return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
37343
37806
  }
37344
37807
  );
37345
37808
  SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -37429,7 +37892,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37429
37892
  activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
37430
37893
  }, [getItems]);
37431
37894
  return /* @__PURE__ */ jsxRuntime.jsx(
37432
- Primitive$2.div,
37895
+ Primitive$3.div,
37433
37896
  {
37434
37897
  "aria-hidden": true,
37435
37898
  ...scrollIndicatorProps,
@@ -37456,7 +37919,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37456
37919
  var SelectSeparator$1 = React__namespace.forwardRef(
37457
37920
  (props, forwardedRef) => {
37458
37921
  const { __scopeSelect, ...separatorProps } = props;
37459
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
37922
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
37460
37923
  }
37461
37924
  );
37462
37925
  SelectSeparator$1.displayName = SEPARATOR_NAME$2;
@@ -37494,7 +37957,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37494
37957
  select.dispatchEvent(event);
37495
37958
  }
37496
37959
  }, [prevValue, value]);
37497
- return /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
37960
+ return /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
37498
37961
  }
37499
37962
  );
37500
37963
  BubbleSelect.displayName = "BubbleSelect";
@@ -37936,7 +38399,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
37936
38399
  ] })
37937
38400
  ] }) });
37938
38401
  };
37939
- const styles$1 = {
38402
+ const styles = {
37940
38403
  container: "relative rounded-lg"
37941
38404
  };
37942
38405
  const SegmentBuilder = ({
@@ -38090,17 +38553,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
38090
38553
  }
38091
38554
  };
38092
38555
  if (isLoading) {
38093
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
38556
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Segment data", "Finishing up"] }) });
38094
38557
  }
38095
38558
  if (isCreating || startedCreating) {
38096
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(
38559
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxRuntime.jsx(
38097
38560
  SpinLoader,
38098
38561
  {
38099
38562
  text: SEGMENT_ID && existingSegment ? ["Updating Segment", "Finishing up"] : ["Creating Segment", "Finishing up"]
38100
38563
  }
38101
38564
  ) });
38102
38565
  }
38103
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.container, children: [
38566
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.container, children: [
38104
38567
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full flex justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
38105
38568
  Button$2,
38106
38569
  {
@@ -38210,7 +38673,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
38210
38673
  []
38211
38674
  ),
38212
38675
  children: /* @__PURE__ */ jsxRuntime.jsx(
38213
- Primitive$2.div,
38676
+ Primitive$3.div,
38214
38677
  {
38215
38678
  tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
38216
38679
  "data-orientation": orientation,
@@ -38274,7 +38737,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
38274
38737
  focusable,
38275
38738
  active,
38276
38739
  children: /* @__PURE__ */ jsxRuntime.jsx(
38277
- Primitive$2.span,
38740
+ Primitive$3.span,
38278
38741
  {
38279
38742
  tabIndex: isCurrentTabStop ? 0 : -1,
38280
38743
  "data-orientation": context.orientation,
@@ -38381,7 +38844,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
38381
38844
  dir: direction,
38382
38845
  activationMode,
38383
38846
  children: /* @__PURE__ */ jsxRuntime.jsx(
38384
- Primitive$2.div,
38847
+ Primitive$3.div,
38385
38848
  {
38386
38849
  dir: direction,
38387
38850
  "data-orientation": orientation,
@@ -38409,7 +38872,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
38409
38872
  dir: context.dir,
38410
38873
  loop,
38411
38874
  children: /* @__PURE__ */ jsxRuntime.jsx(
38412
- Primitive$2.div,
38875
+ Primitive$3.div,
38413
38876
  {
38414
38877
  role: "tablist",
38415
38878
  "aria-orientation": context.orientation,
@@ -38439,7 +38902,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
38439
38902
  focusable: !disabled,
38440
38903
  active: isSelected,
38441
38904
  children: /* @__PURE__ */ jsxRuntime.jsx(
38442
- Primitive$2.button,
38905
+ Primitive$3.button,
38443
38906
  {
38444
38907
  type: "button",
38445
38908
  role: "tab",
@@ -38488,7 +38951,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
38488
38951
  return () => cancelAnimationFrame(rAF);
38489
38952
  }, []);
38490
38953
  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsxRuntime.jsx(
38491
- Primitive$2.div,
38954
+ Primitive$3.div,
38492
38955
  {
38493
38956
  "data-state": isSelected ? "active" : "inactive",
38494
38957
  "data-orientation": context.orientation,
@@ -39041,7 +39504,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39041
39504
  const { recipients, isLoading, fetchError } = useGetBusinessAutomationRecipients(automationId);
39042
39505
  const { isLoading: isStatisticsLoading } = useGetBusinessAutomationStatistics(automationId);
39043
39506
  if (isLoading || isStatisticsLoading) {
39044
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
39507
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Recipients", "Finishing up"] }) });
39045
39508
  }
39046
39509
  if (fetchError) {
39047
39510
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -39179,7 +39642,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39179
39642
  return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
39180
39643
  }, []);
39181
39644
  return /* @__PURE__ */ jsxRuntime.jsx(
39182
- Primitive$2.div,
39645
+ Primitive$3.div,
39183
39646
  {
39184
39647
  ...layerProps,
39185
39648
  ref: composedRefs,
@@ -39212,7 +39675,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39212
39675
  };
39213
39676
  }
39214
39677
  }, [context.branches]);
39215
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
39678
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
39216
39679
  });
39217
39680
  DismissableLayerBranch.displayName = BRANCH_NAME;
39218
39681
  function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -39617,7 +40080,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39617
40080
  var MenuGroup$1 = React__namespace.forwardRef(
39618
40081
  (props, forwardedRef) => {
39619
40082
  const { __scopeMenu, ...groupProps } = props;
39620
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { role: "group", ...groupProps, ref: forwardedRef });
40083
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
39621
40084
  }
39622
40085
  );
39623
40086
  MenuGroup$1.displayName = GROUP_NAME$1;
@@ -39625,7 +40088,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39625
40088
  var MenuLabel = React__namespace.forwardRef(
39626
40089
  (props, forwardedRef) => {
39627
40090
  const { __scopeMenu, ...labelProps } = props;
39628
- return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...labelProps, ref: forwardedRef });
40091
+ return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
39629
40092
  }
39630
40093
  );
39631
40094
  MenuLabel.displayName = LABEL_NAME$1;
@@ -39701,7 +40164,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39701
40164
  disabled,
39702
40165
  textValue: textValue ?? textContent,
39703
40166
  children: /* @__PURE__ */ jsxRuntime.jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
39704
- Primitive$2.div,
40167
+ Primitive$3.div,
39705
40168
  {
39706
40169
  role: "menuitem",
39707
40170
  "data-highlighted": isFocused ? "" : void 0,
@@ -39809,7 +40272,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39809
40272
  {
39810
40273
  present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
39811
40274
  children: /* @__PURE__ */ jsxRuntime.jsx(
39812
- Primitive$2.span,
40275
+ Primitive$3.span,
39813
40276
  {
39814
40277
  ...itemIndicatorProps,
39815
40278
  ref: forwardedRef,
@@ -39826,7 +40289,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
39826
40289
  (props, forwardedRef) => {
39827
40290
  const { __scopeMenu, ...separatorProps } = props;
39828
40291
  return /* @__PURE__ */ jsxRuntime.jsx(
39829
- Primitive$2.div,
40292
+ Primitive$3.div,
39830
40293
  {
39831
40294
  role: "separator",
39832
40295
  "aria-orientation": "horizontal",
@@ -40112,7 +40575,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
40112
40575
  const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
40113
40576
  const menuScope = useMenuScope(__scopeDropdownMenu);
40114
40577
  return /* @__PURE__ */ jsxRuntime.jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
40115
- Primitive$2.button,
40578
+ Primitive$3.button,
40116
40579
  {
40117
40580
  type: "button",
40118
40581
  id: context.triggerId,
@@ -40500,34 +40963,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
40500
40963
  )
40501
40964
  ] });
40502
40965
  };
40503
- const base = "reach-styles-module__base___ANlIr";
40504
- const destructive = "reach-styles-module__destructive___a6Swz";
40505
- const outline = "reach-styles-module__outline___INmdX";
40506
- const secondary = "reach-styles-module__secondary___Ym15V";
40507
- const header = "reach-styles-module__header___CzneX";
40508
- const title = "reach-styles-module__title___8ostO";
40509
- const description = "reach-styles-module__description___xR5d4";
40510
- const content = "reach-styles-module__content___XXeK2";
40511
- const footer = "reach-styles-module__footer___35Xil";
40512
- const styles = {
40513
- base,
40514
- "default": "reach-styles-module__default___S2tp4",
40515
- destructive,
40516
- outline,
40517
- secondary,
40518
- header,
40519
- title,
40520
- description,
40521
- content,
40522
- footer
40523
- };
40524
- const cardVariants = cva(styles.base, {
40966
+ const cardVariants = cva(styles$4.base, {
40525
40967
  variants: {
40526
40968
  variant: {
40527
- default: styles.default,
40528
- destructive: styles.destructive,
40529
- outline: styles.outline,
40530
- secondary: styles.secondary
40969
+ default: styles$4.default,
40970
+ destructive: styles$4.destructive,
40971
+ outline: styles$4.outline,
40972
+ secondary: styles$4.secondary
40531
40973
  }
40532
40974
  },
40533
40975
  defaultVariants: {
@@ -40547,15 +40989,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
40547
40989
  }
40548
40990
  );
40549
40991
  Card.displayName = "Card";
40550
- const CardHeader = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.header, className2), ...props }));
40992
+ const CardHeader = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.header, className2), ...props }));
40551
40993
  CardHeader.displayName = "CardHeader";
40552
- const CardTitle = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.title, className2), ...props }));
40994
+ const CardTitle = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.title, className2), ...props }));
40553
40995
  CardTitle.displayName = "CardTitle";
40554
- const CardDescription = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.description, className2), ...props }));
40996
+ const CardDescription = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.description, className2), ...props }));
40555
40997
  CardDescription.displayName = "CardDescription";
40556
- const CardContent = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.content, className2), ...props }));
40998
+ const CardContent = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.content, className2), ...props }));
40557
40999
  CardContent.displayName = "CardContent";
40558
- const CardFooter = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles.footer, className2), ...props }));
41000
+ const CardFooter = React__namespace.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn$1(styles$4.footer, className2), ...props }));
40559
41001
  CardFooter.displayName = "CardFooter";
40560
41002
  const getChannelAccounts = async () => {
40561
41003
  const response = await baseRequest(
@@ -40588,7 +41030,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
40588
41030
  var NAME = "Label";
40589
41031
  var Label$1 = React__namespace.forwardRef((props, forwardedRef) => {
40590
41032
  return /* @__PURE__ */ jsxRuntime.jsx(
40591
- Primitive$2.label,
41033
+ Primitive$3.label,
40592
41034
  {
40593
41035
  ...props,
40594
41036
  ref: forwardedRef,
@@ -44426,8 +44868,8 @@ ${message2 ?? ""}`);
44426
44868
  }
44427
44869
  return context;
44428
44870
  }
44429
- function addToRange(day, range) {
44430
- var _a = range || {}, from = _a.from, to = _a.to;
44871
+ function addToRange(day, range2) {
44872
+ var _a = range2 || {}, from = _a.from, to = _a.to;
44431
44873
  if (from && to) {
44432
44874
  if (isSameDay(to, day) && isSameDay(from, day)) {
44433
44875
  return void 0;
@@ -44647,9 +45089,9 @@ ${message2 ?? ""}`);
44647
45089
  function isDayOfWeekType(value) {
44648
45090
  return Boolean(value && typeof value === "object" && "dayOfWeek" in value);
44649
45091
  }
44650
- function isDateInRange(date2, range) {
45092
+ function isDateInRange(date2, range2) {
44651
45093
  var _a;
44652
- var from = range.from, to = range.to;
45094
+ var from = range2.from, to = range2.to;
44653
45095
  if (from && to) {
44654
45096
  var isRangeInverted = differenceInCalendarDays(to, from) < 0;
44655
45097
  if (isRangeInverted) {
@@ -44920,7 +45362,7 @@ ${message2 ?? ""}`);
44920
45362
  var dayPicker = useDayPicker();
44921
45363
  var single = useSelectSingle();
44922
45364
  var multiple = useSelectMultiple();
44923
- var range = useSelectRange();
45365
+ var range2 = useSelectRange();
44924
45366
  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;
44925
45367
  var onClick = function(e2) {
44926
45368
  var _a2, _b, _c, _d;
@@ -44929,7 +45371,7 @@ ${message2 ?? ""}`);
44929
45371
  } else if (isDayPickerMultiple(dayPicker)) {
44930
45372
  (_b = multiple.onDayClick) === null || _b === void 0 ? void 0 : _b.call(multiple, date2, activeModifiers, e2);
44931
45373
  } else if (isDayPickerRange(dayPicker)) {
44932
- (_c = range.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range, date2, activeModifiers, e2);
45374
+ (_c = range2.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range2, date2, activeModifiers, e2);
44933
45375
  } else {
44934
45376
  (_d = dayPicker.onDayClick) === null || _d === void 0 ? void 0 : _d.call(dayPicker, date2, activeModifiers, e2);
44935
45377
  }
@@ -45047,8 +45489,8 @@ ${message2 ?? ""}`);
45047
45489
  var dayPicker = useDayPicker();
45048
45490
  var single = useSelectSingle();
45049
45491
  var multiple = useSelectMultiple();
45050
- var range = useSelectRange();
45051
- var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range.selected : void 0;
45492
+ var range2 = useSelectRange();
45493
+ var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range2.selected : void 0;
45052
45494
  return selectedDays;
45053
45495
  }
45054
45496
  function isInternalModifier(modifier) {
@@ -46741,19 +47183,15 @@ ${message2 ?? ""}`);
46741
47183
  ] })
46742
47184
  ] });
46743
47185
  };
46744
- const useRouterParams = () => {
46745
- const params = useParams();
46746
- const [searchParams] = useSearchParams();
46747
- return { params, searchParams };
46748
- };
46749
- const ViewAutomationModal = ({
47186
+ const ViewAutomationModalContent = ({
46750
47187
  iconDefinitions,
46751
47188
  autoOpenEditPopup,
46752
47189
  automationId,
46753
47190
  showBackButton = false,
46754
47191
  logoUrl
46755
47192
  }) => {
46756
- const { params, searchParams } = useRouterParams();
47193
+ const params = useParams();
47194
+ const [searchParams] = useSearchParams();
46757
47195
  const FINAL_AUTOMATION_ID = automationId || params?.automationId || searchParams.get("automationId");
46758
47196
  const AUTO_OPEN_EDIT_POPUP = autoOpenEditPopup || searchParams.get("autoOpenEditPopup");
46759
47197
  const FINAL_SHOW_BACK_BUTTON = searchParams.get("showBackButton") === "true" || showBackButton;
@@ -46763,7 +47201,7 @@ ${message2 ?? ""}`);
46763
47201
  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Invalid automation ID" });
46764
47202
  }
46765
47203
  if (!automation && (isFetching || isLoading)) {
46766
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$5.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
47204
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3.container, children: /* @__PURE__ */ jsxRuntime.jsx(SpinLoader, { text: ["Fetching Automation data", "Finishing up"] }) });
46767
47205
  }
46768
47206
  if (fetchError) {
46769
47207
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -46774,7 +47212,7 @@ ${message2 ?? ""}`);
46774
47212
  if (!automation) {
46775
47213
  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "No automation found" });
46776
47214
  }
46777
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$5.container, children: [
47215
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.container, children: [
46778
47216
  /* @__PURE__ */ jsxRuntime.jsx(
46779
47217
  ViewAutomationHeader,
46780
47218
  {
@@ -46807,6 +47245,15 @@ ${message2 ?? ""}`);
46807
47245
  ] }) })
46808
47246
  ] });
46809
47247
  };
47248
+ const ViewAutomationModal = ({ inRouter = false, ...props }) => {
47249
+ if (inRouter) {
47250
+ return /* @__PURE__ */ jsxRuntime.jsx(ViewAutomationModalContent, { ...props });
47251
+ }
47252
+ return /* @__PURE__ */ jsxRuntime.jsx(MemoryRouter, { children: /* @__PURE__ */ jsxRuntime.jsx(ViewAutomationModalContent, { ...props }) });
47253
+ };
47254
+ Object.values(
47255
+ /* @__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 })
47256
+ );
46810
47257
  var isNonNullable = (i2) => i2 != null;
46811
47258
  var filterNonNullable = (arr) => arr.filter(isNonNullable);
46812
47259
  function chain(callbacks) {
@@ -55894,7 +56341,7 @@ ${message2 ?? ""}`);
55894
56341
  size: size3,
55895
56342
  border
55896
56343
  } = tokens;
55897
- const t2 = (light, dark) => theme2 === "light" ? light : dark;
56344
+ const t2 = (light, dark2) => theme2 === "light" ? light : dark2;
55898
56345
  return {
55899
56346
  entry: css`
55900
56347
  & * {
@@ -56205,7 +56652,7 @@ ${message2 ?? ""}`);
56205
56652
  const {
56206
56653
  colors
56207
56654
  } = tokens;
56208
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
56655
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
56209
56656
  if (panelWidth() < secondBreakpoint) {
56210
56657
  return css`
56211
56658
  flex-direction: column;
@@ -56271,7 +56718,7 @@ ${message2 ?? ""}`);
56271
56718
  const {
56272
56719
  colors
56273
56720
  } = tokens;
56274
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
56721
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
56275
56722
  if (panelWidth() < secondBreakpoint) {
56276
56723
  return css`
56277
56724
  flex-direction: column;
@@ -56395,7 +56842,7 @@ ${message2 ?? ""}`);
56395
56842
  const {
56396
56843
  colors
56397
56844
  } = tokens;
56398
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
56845
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
56399
56846
  if (panelWidth() < secondBreakpoint) {
56400
56847
  return css`
56401
56848
  flex-direction: column;
@@ -56969,7 +57416,7 @@ ${message2 ?? ""}`);
56969
57416
  colors,
56970
57417
  alpha: alpha2
56971
57418
  } = tokens;
56972
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
57419
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
56973
57420
  const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
56974
57421
  queryKey: props.query.queryKey
56975
57422
  })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
@@ -57043,7 +57490,7 @@ ${message2 ?? ""}`);
57043
57490
  colors,
57044
57491
  alpha: alpha2
57045
57492
  } = tokens;
57046
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
57493
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
57047
57494
  const mutationState = createSubscribeToMutationCacheBatcher((mutationCache) => {
57048
57495
  const mutations = mutationCache().getAll();
57049
57496
  const mutation = mutations.find((m2) => m2.mutationId === props.mutation.mutationId);
@@ -57199,7 +57646,7 @@ ${message2 ?? ""}`);
57199
57646
  })();
57200
57647
  };
57201
57648
  var MutationStatusCount = () => {
57202
- const success = createSubscribeToMutationCacheBatcher((mutationCache) => mutationCache().getAll().filter((m2) => getMutationStatusColor({
57649
+ const success2 = createSubscribeToMutationCacheBatcher((mutationCache) => mutationCache().getAll().filter((m2) => getMutationStatusColor({
57203
57650
  isPaused: m2.state.isPaused,
57204
57651
  status: m2.state.status
57205
57652
  }) === "green").length);
@@ -57242,7 +57689,7 @@ ${message2 ?? ""}`);
57242
57689
  label: "Success",
57243
57690
  color: "green",
57244
57691
  get count() {
57245
- return success();
57692
+ return success2();
57246
57693
  }
57247
57694
  }), null);
57248
57695
  insert(_el$57, createComponent(QueryStatus, {
@@ -57268,7 +57715,7 @@ ${message2 ?? ""}`);
57268
57715
  colors,
57269
57716
  alpha: alpha2
57270
57717
  } = tokens;
57271
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
57718
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
57272
57719
  let tagRef;
57273
57720
  const [mouseOver, setMouseOver] = createSignal(false);
57274
57721
  const [focused, setFocused] = createSignal(false);
@@ -57363,7 +57810,7 @@ ${message2 ?? ""}`);
57363
57810
  const {
57364
57811
  colors
57365
57812
  } = tokens;
57366
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
57813
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
57367
57814
  const queryClient = useQueryDevtoolsContext().client;
57368
57815
  const [restoringLoading, setRestoringLoading] = createSignal(false);
57369
57816
  const [dataMode, setDataMode] = createSignal("view");
@@ -57734,7 +58181,7 @@ ${message2 ?? ""}`);
57734
58181
  const {
57735
58182
  colors
57736
58183
  } = tokens;
57737
- const t2 = (light, dark) => theme2() === "dark" ? dark : light;
58184
+ const t2 = (light, dark2) => theme2() === "dark" ? dark2 : light;
57738
58185
  const isPaused = createSubscribeToMutationCacheBatcher((mutationCache) => {
57739
58186
  const mutations = mutationCache().getAll();
57740
58187
  const mutation = mutations.find((m2) => m2.mutationId === selectedMutationId());
@@ -57945,7 +58392,7 @@ ${message2 ?? ""}`);
57945
58392
  shadow,
57946
58393
  border
57947
58394
  } = tokens;
57948
- const t2 = (light, dark) => theme2 === "light" ? light : dark;
58395
+ const t2 = (light, dark2) => theme2 === "light" ? light : dark2;
57949
58396
  return {
57950
58397
  devtoolsBtn: css`
57951
58398
  z-index: 100000;