@embedreach/components 0.1.79 → 0.1.80

package/dist/chunks/index.js

@@ -2886,7 +2886,7 @@ function createResource(pSource, pFetcher, pOptions) {
   let source;
   let fetcher;
   let options;
-  if (arguments.length === 2 && typeof pFetcher === "object" || arguments.length === 1) {
+  if (arguments.length === 1) {
     source = true;
     fetcher = pSource;
     options = {};
@@ -2936,19 +2936,7 @@ function createResource(pSource, pFetcher, pOptions) {
     const c2 = SuspenseContext, v2 = value(), err = error2();
     if (err !== void 0 && !pr)
       throw err;
-    if (Listener && !Listener.user && c2) {
-      createComputed(() => {
-        track();
-        if (pr) {
-          if (c2.resolved)
-            ;
-          else if (!contexts.has(c2)) {
-            c2.increment();
-            contexts.add(c2);
-          }
-        }
-      });
-    }
+    if (Listener && !Listener.user && c2) ;
     return v2;
   }
   function load(refetching = true) {
@@ -6381,9 +6369,6 @@ const { commonBasicLogger: ye$1 } = ne;
 function we$1(e4) {
   return "string" == typeof e4 && "kind" !== e4 && e4.match(/^(\w|\.|-)+$/);
 }
-function be$1(e4) {
-  return e4.includes("%") || e4.includes(":") ? e4.replace(/%/g, "%25").replace(/:/g, "%3A") : e4;
-}
 var ke$1 = { checkContext: function(e4, t3) {
   if (e4) {
     if (t3 && (void 0 === e4.kind || null === e4.kind)) return void 0 !== e4.key && null !== e4.key;
@@ -6422,12 +6407,6 @@ var ke$1 = { checkContext: function(e4, t3) {
   return n2;
 }, getContextKinds: function(e4) {
   return e4 ? null === e4.kind || void 0 === e4.kind ? ["user"] : "multi" !== e4.kind ? [e4.kind] : Object.keys(e4).filter((e5) => "kind" !== e5) : [];
-}, getCanonicalKey: function(e4) {
-  if (e4) {
-    if ((void 0 === e4.kind || null === e4.kind || "user" === e4.kind) && e4.key) return e4.key;
-    if ("multi" !== e4.kind && e4.key) return `${e4.kind}:${be$1(e4.key)}`;
-    if ("multi" === e4.kind) return Object.keys(e4).sort().filter((e5) => "kind" !== e5).map((t3) => `${t3}:${be$1(e4[t3].key)}`).join(":");
-  }
 } };
 const { getContextKinds: Ee$1 } = ke$1;
 var De$1 = function() {
@@ -6903,7 +6882,7 @@ var dt = function(e4, t3) {
     }, 1e3 * e4);
   });
 };
-const { commonBasicLogger: ft } = ne, { checkContext: gt, getContextKeys: vt } = ke$1, { InspectorTypes: pt, InspectorManager: mt } = ut, ht = "change", yt = "internal-change";
+const { commonBasicLogger: ft } = ne, { checkContext: gt } = ke$1, { InspectorTypes: pt, InspectorManager: mt } = ut, ht = "change", yt = "internal-change";
 var wt = { initialize: function(e4, t3, n2, r2, o2) {
   const i3 = function() {
     if (n2 && n2.logger) return n2.logger;
@@ -7115,14 +7094,14 @@ var wt = { initialize: function(e4, t3, n2, r2, o2) {
   }, enqueueEvent: F2, getFlagsInternal: function() {
     return P2;
   }, getEnvironmentId: () => f2, internalChangeEventName: yt };
-}, commonBasicLogger: ft, errors: s3, messages: ie, utils: S$1, getContextKeys: vt }, bt = wt.initialize, kt = wt.errors;
+}, errors: s3 }, bt = wt.initialize, kt = wt.errors;
 function Dt(e4, t3, n2) {
   return (t3 = function(e5) {
     var t4 = function(e6, t5) {
       if ("object" != typeof e6 || !e6) return e6;
       var n3 = e6[Symbol.toPrimitive];
       if (void 0 !== n3) {
-        var r2 = n3.call(e6, t5 || "default");
+        var r2 = n3.call(e6, t5);
         if ("object" != typeof r2) return r2;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
@@ -7324,7 +7303,6 @@ var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof win
 function getDefaultExportFromCjs(x3) {
   return x3 && x3.__esModule && Object.prototype.hasOwnProperty.call(x3, "default") ? x3["default"] : x3;
 }
-var INFINITY = 1 / 0;
 var symbolTag = "[object Symbol]";
 var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
@@ -7604,12 +7582,12 @@ function baseToString(value) {
     return symbolToString ? symbolToString.call(value) : "";
   }
   var result = value + "";
-  return result == "0" && 1 / value == -INFINITY ? "-0" : result;
+  return result == "0" && 1 / value == -Infinity ? "-0" : result;
 }
 function castSlice(array, start, end) {
   var length = array.length;
   end = end === void 0 ? length : end;
-  return !start && end >= length ? array : baseSlice(array, start, end);
+  return false ? array : baseSlice(array, start, end);
 }
 function createCaseFirst(methodName) {
   return function(string) {
@@ -12787,7 +12765,7 @@ const authListeners = [
     }
   }
 ];
-const { Context: Context$1, Provider: Provider$2 } = createDataContext(
+const { Provider: Provider$2 } = createDataContext(
   authReducer,
   {
     handleReauth
@@ -13030,6 +13008,67 @@ const ThemeInitializer = ({ initialTheme, children: children2 }) => {
 const Provider$1 = ({ initialTheme, children: children2 }) => {
   return /* @__PURE__ */ jsx(BaseProvider, { children: /* @__PURE__ */ jsx(ThemeInitializer, { initialTheme, children: children2 }) });
 };
+const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+const htmlEntities = {
+  "&": "&",
+  "&": "&",
+  "&lt;": "<",
+  "&#60;": "<",
+  "&gt;": ">",
+  "&#62;": ">",
+  "&apos;": "'",
+  "&#39;": "'",
+  "&quot;": '"',
+  "&#34;": '"',
+  "&nbsp;": " ",
+  "&#160;": " ",
+  "&copy;": "©",
+  "&#169;": "©",
+  "&reg;": "®",
+  "&#174;": "®",
+  "&hellip;": "…",
+  "&#8230;": "…",
+  "&#x2F;": "/",
+  "&#47;": "/"
+};
+const unescapeHtmlEntity = (m4) => htmlEntities[m4];
+const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+let defaultOptions$2 = {
+  bindI18n: "languageChanged",
+  bindI18nStore: "",
+  transEmptyNodeValue: "",
+  transSupportBasicHtmlNodes: true,
+  transWrapTextNodes: "",
+  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
+  useSuspense: true,
+  unescape: unescape$1
+};
+const setDefaults = (options = {}) => {
+  defaultOptions$2 = {
+    ...defaultOptions$2,
+    ...options
+  };
+};
+const initReactI18next = {
+  type: "3rdParty",
+  init(instance2) {
+    setDefaults(instance2.options.react);
+  }
+};
+const I18nContext = createContext$1();
+function I18nextProvider({
+  i18n,
+  defaultNS,
+  children: children2
+}) {
+  const value = useMemo(() => ({
+    i18n,
+    defaultNS
+  }), [i18n, defaultNS]);
+  return createElement$1(I18nContext.Provider, {
+    value
+  }, children2);
+}
 const isString = (obj) => typeof obj === "string";
 const defer = () => {
   let res;
@@ -15593,67 +15632,6 @@ class Browser {
   }
 }
 Browser.type = "languageDetector";
-const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-const htmlEntities = {
-  "&amp;": "&",
-  "&#38;": "&",
-  "&lt;": "<",
-  "&#60;": "<",
-  "&gt;": ">",
-  "&#62;": ">",
-  "&apos;": "'",
-  "&#39;": "'",
-  "&quot;": '"',
-  "&#34;": '"',
-  "&nbsp;": " ",
-  "&#160;": " ",
-  "&copy;": "©",
-  "&#169;": "©",
-  "&reg;": "®",
-  "&#174;": "®",
-  "&hellip;": "…",
-  "&#8230;": "…",
-  "&#x2F;": "/",
-  "&#47;": "/"
-};
-const unescapeHtmlEntity = (m4) => htmlEntities[m4];
-const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-let defaultOptions$2 = {
-  bindI18n: "languageChanged",
-  bindI18nStore: "",
-  transEmptyNodeValue: "",
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: "",
-  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
-  useSuspense: true,
-  unescape: unescape$1
-};
-const setDefaults = (options = {}) => {
-  defaultOptions$2 = {
-    ...defaultOptions$2,
-    ...options
-  };
-};
-const initReactI18next = {
-  type: "3rdParty",
-  init(instance2) {
-    setDefaults(instance2.options.react);
-  }
-};
-const I18nContext = createContext$1();
-function I18nextProvider({
-  i18n,
-  defaultNS,
-  children: children2
-}) {
-  const value = useMemo(() => ({
-    i18n,
-    defaultNS
-  }), [i18n, defaultNS]);
-  return createElement$1(I18nContext.Provider, {
-    value
-  }, children2);
-}
 const ad_spend$1 = "Ad Spend";
 const date$2 = "Date";
 const close$1 = "Close";
@@ -16623,14 +16601,6 @@ instance.use(Browser).use(initReactI18next).init({
   }
 });
 const defaultTranslations = {
-  engage: {
-    user: "User",
-    user_other: "Users",
-    automation: "Automation",
-    automation_other: "Automations",
-    segment: "Segment",
-    segment_other: "Segments"
-  },
   common: {
     ad_spend: "Ad Spend",
     date: "Date",
@@ -17040,6 +17010,7 @@ const defaultTranslations = {
 };
 const I18nProvider = ({
   children: children2,
+  language,
   initialLanguage
 }) => {
   useEffect(() => {
@@ -17047,22 +17018,6 @@ const I18nProvider = ({
       instance.changeLanguage(initialLanguage);
     }
   }, [initialLanguage]);
-  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: instance, children: children2 });
-};
-const ReachProvider = ({
-  authToken: authToken2,
-  tenantExternalId,
-  language,
-  children: children2,
-  theme: theme2,
-  debug
-}) => {
-  const [queryClient] = React__default.useState(() => {
-    if (authToken2) {
-      setAuthToken(authToken2);
-    }
-    return createQueryClient();
-  });
   useEffect(() => {
     if (language?.overrides) {
       const createLanguageBundle = (namespace, lang) => {
@@ -17087,6 +17042,22 @@ const ReachProvider = ({
       });
     }
   }, [language?.overrides]);
+  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: instance, children: children2 });
+};
+const ReachProvider = ({
+  authToken: authToken2,
+  tenantExternalId,
+  language,
+  children: children2,
+  theme: theme2,
+  debug
+}) => {
+  const [queryClient] = React__default.useState(() => {
+    if (authToken2) {
+      setAuthToken(authToken2);
+    }
+    return createQueryClient();
+  });
   return /* @__PURE__ */ jsx("div", { "data-reach-root": true, className: "h-full w-full", children: /* @__PURE__ */ jsxs(QueryClientProvider, { client: queryClient, children: [
     /* @__PURE__ */ jsx(
       D$1,
@@ -17108,7 +17079,7 @@ const ReachProvider = ({
           useCamelCaseFlagKeys: false,
           sendEventsOnFlagRead: true
         },
-        children: /* @__PURE__ */ jsx(I18nProvider, { initialLanguage: language?.default, children: /* @__PURE__ */ jsx(Provider$1, { initialTheme: theme2, children: /* @__PURE__ */ jsxs(Provider$2, { children: [
+        children: /* @__PURE__ */ jsx(I18nProvider, { language, initialLanguage: language?.default, children: /* @__PURE__ */ jsx(Provider$1, { initialTheme: theme2, children: /* @__PURE__ */ jsxs(Provider$2, { children: [
           children2,
           /* @__PURE__ */ jsx(Toaster, {})
         ] }) }) })
@@ -17404,7 +17375,7 @@ var count$5 = 0;
 function useId$3(deterministicId) {
   const [id2, setId] = React.useState(useReactId$2());
   useLayoutEffect2$2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$5++));
+    setId((reactId) => reactId ?? String(count$5++));
   }, [deterministicId]);
   return deterministicId || (id2 ? `radix-${id2}` : "");
 }
@@ -18617,9 +18588,9 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -18701,7 +18672,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -19542,7 +19513,6 @@ const progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
 const secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
 const millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
 const MotionGlobalConfig = {
-  skipAnimations: false,
   useManualTiming: false
 };
 const stepsOrder = [
@@ -19560,8 +19530,7 @@ const stepsOrder = [
   // Compute
 ];
 const statsBuffer = {
-  value: null,
-  addProjectionMetrics: null
+  value: null
 };
 function createRenderStep(runNextFrame, stepName) {
   let thisFrame = /* @__PURE__ */ new Set();
@@ -19890,7 +19859,7 @@ function useMotionRef(visualState, visualElement, externalRef) {
 const camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
 const optimizedAppearDataId = "framerAppearId";
 const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
-const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
+const { schedule: microtask } = createRenderBatcher(queueMicrotask, false);
 const SwitchLayoutGroupContext = createContext$1({});
 function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor) {
   var _a, _b;
@@ -22285,7 +22254,7 @@ function findSpring({ duration = springDefaults.duration, bounce = springDefault
     envelope = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
       const b3 = (undampedFreq2 - velocity) * duration + 1;
-      return -safeMin + a4 * b3;
+      return -1e-3 + a4 * b3;
     };
     derivative = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
@@ -26649,6 +26618,335 @@ const createMotionComponent = /* @__PURE__ */ createMotionComponentFactory({
   ...layout
 }, createDomVisualElement);
 const motion = /* @__PURE__ */ createDOMMotionComponentProxy(createMotionComponent);
+/**
+ * uuidv7: A JavaScript implementation of UUID version 7
+ *
+ * @license Apache-2.0
+ * @copyright 2021-2024 LiosK
+ * @packageDocumentation
+ */
+const DIGITS = "0123456789abcdef";
+class UUID {
+  /** @param bytes - The 16-byte byte array representation. */
+  constructor(bytes) {
+    this.bytes = bytes;
+  }
+  /**
+   * Creates an object from the internal representation, a 16-byte byte array
+   * containing the binary UUID representation in the big-endian byte order.
+   *
+   * This method does NOT shallow-copy the argument, and thus the created object
+   * holds the reference to the underlying buffer.
+   *
+   * @throws TypeError if the length of the argument is not 16.
+   */
+  static ofInner(bytes) {
+    if (bytes.length !== 16) {
+      throw new TypeError("not 128-bit length");
+    } else {
+      return new UUID(bytes);
+    }
+  }
+  /**
+   * Builds a byte array from UUIDv7 field values.
+   *
+   * @param unixTsMs - A 48-bit `unix_ts_ms` field value.
+   * @param randA - A 12-bit `rand_a` field value.
+   * @param randBHi - The higher 30 bits of 62-bit `rand_b` field value.
+   * @param randBLo - The lower 32 bits of 62-bit `rand_b` field value.
+   * @throws RangeError if any field value is out of the specified range.
+   */
+  static fromFieldsV7(unixTsMs, randA, randBHi, randBLo) {
+    if (!Number.isInteger(unixTsMs) || !Number.isInteger(randA) || !Number.isInteger(randBHi) || !Number.isInteger(randBLo) || unixTsMs < 0 || randA < 0 || randBHi < 0 || randBLo < 0 || unixTsMs > 281474976710655 || randA > 4095 || randBHi > 1073741823 || randBLo > 4294967295) {
+      throw new RangeError("invalid field value");
+    }
+    const bytes = new Uint8Array(16);
+    bytes[0] = unixTsMs / 2 ** 40;
+    bytes[1] = unixTsMs / 2 ** 32;
+    bytes[2] = unixTsMs / 2 ** 24;
+    bytes[3] = unixTsMs / 2 ** 16;
+    bytes[4] = unixTsMs / 2 ** 8;
+    bytes[5] = unixTsMs;
+    bytes[6] = 112 | randA >>> 8;
+    bytes[7] = randA;
+    bytes[8] = 128 | randBHi >>> 24;
+    bytes[9] = randBHi >>> 16;
+    bytes[10] = randBHi >>> 8;
+    bytes[11] = randBHi;
+    bytes[12] = randBLo >>> 24;
+    bytes[13] = randBLo >>> 16;
+    bytes[14] = randBLo >>> 8;
+    bytes[15] = randBLo;
+    return new UUID(bytes);
+  }
+  /**
+   * Builds a byte array from a string representation.
+   *
+   * This method accepts the following formats:
+   *
+   * - 32-digit hexadecimal format without hyphens: `0189dcd553117d408db09496a2eef37b`
+   * - 8-4-4-4-12 hyphenated format: `0189dcd5-5311-7d40-8db0-9496a2eef37b`
+   * - Hyphenated format with surrounding braces: `{0189dcd5-5311-7d40-8db0-9496a2eef37b}`
+   * - RFC 9562 URN format: `urn:uuid:0189dcd5-5311-7d40-8db0-9496a2eef37b`
+   *
+   * Leading and trailing whitespaces represents an error.
+   *
+   * @throws SyntaxError if the argument could not parse as a valid UUID string.
+   */
+  static parse(uuid) {
+    var _a, _b, _c, _d;
+    let hex2 = void 0;
+    switch (uuid.length) {
+      case 32:
+        hex2 = (_a = /^[0-9a-f]{32}$/i.exec(uuid)) === null || _a === void 0 ? void 0 : _a[0];
+        break;
+      case 36:
+        hex2 = (_b = /^([0-9a-f]{8})-([0-9a-f]{4})-([0-9a-f]{4})-([0-9a-f]{4})-([0-9a-f]{12})$/i.exec(uuid)) === null || _b === void 0 ? void 0 : _b.slice(1, 6).join("");
+        break;
+      case 38:
+        hex2 = (_c = /^\{([0-9a-f]{8})-([0-9a-f]{4})-([0-9a-f]{4})-([0-9a-f]{4})-([0-9a-f]{12})\}$/i.exec(uuid)) === null || _c === void 0 ? void 0 : _c.slice(1, 6).join("");
+        break;
+      case 45:
+        hex2 = (_d = /^urn:uuid:([0-9a-f]{8})-([0-9a-f]{4})-([0-9a-f]{4})-([0-9a-f]{4})-([0-9a-f]{12})$/i.exec(uuid)) === null || _d === void 0 ? void 0 : _d.slice(1, 6).join("");
+        break;
+    }
+    if (hex2) {
+      const inner = new Uint8Array(16);
+      for (let i3 = 0; i3 < 16; i3 += 4) {
+        const n2 = parseInt(hex2.substring(2 * i3, 2 * i3 + 8), 16);
+        inner[i3 + 0] = n2 >>> 24;
+        inner[i3 + 1] = n2 >>> 16;
+        inner[i3 + 2] = n2 >>> 8;
+        inner[i3 + 3] = n2;
+      }
+      return new UUID(inner);
+    } else {
+      throw new SyntaxError("could not parse UUID string");
+    }
+  }
+  /**
+   * @returns The 8-4-4-4-12 canonical hexadecimal string representation
+   * (`0189dcd5-5311-7d40-8db0-9496a2eef37b`).
+   */
+  toString() {
+    let text = "";
+    for (let i3 = 0; i3 < this.bytes.length; i3++) {
+      text += DIGITS.charAt(this.bytes[i3] >>> 4);
+      text += DIGITS.charAt(this.bytes[i3] & 15);
+      if (i3 === 3 || i3 === 5 || i3 === 7 || i3 === 9) {
+        text += "-";
+      }
+    }
+    return text;
+  }
+  /**
+   * @returns The 32-digit hexadecimal representation without hyphens
+   * (`0189dcd553117d408db09496a2eef37b`).
+   */
+  toHex() {
+    let text = "";
+    for (let i3 = 0; i3 < this.bytes.length; i3++) {
+      text += DIGITS.charAt(this.bytes[i3] >>> 4);
+      text += DIGITS.charAt(this.bytes[i3] & 15);
+    }
+    return text;
+  }
+  /** @returns The 8-4-4-4-12 canonical hexadecimal string representation. */
+  toJSON() {
+    return this.toString();
+  }
+  /**
+   * Reports the variant field value of the UUID or, if appropriate, "NIL" or
+   * "MAX".
+   *
+   * For convenience, this method reports "NIL" or "MAX" if `this` represents
+   * the Nil or Max UUID, although the Nil and Max UUIDs are technically
+   * subsumed under the variants `0b0` and `0b111`, respectively.
+   */
+  getVariant() {
+    const n2 = this.bytes[8] >>> 4;
+    if (n2 < 0) {
+      throw new Error("unreachable");
+    } else if (n2 <= 7) {
+      return this.bytes.every((e4) => e4 === 0) ? "NIL" : "VAR_0";
+    } else if (n2 <= 11) {
+      return "VAR_10";
+    } else if (n2 <= 13) {
+      return "VAR_110";
+    } else if (n2 <= 15) {
+      return this.bytes.every((e4) => e4 === 255) ? "MAX" : "VAR_RESERVED";
+    } else {
+      throw new Error("unreachable");
+    }
+  }
+  /**
+   * Returns the version field value of the UUID or `undefined` if the UUID does
+   * not have the variant field value of `0b10`.
+   */
+  getVersion() {
+    return this.getVariant() === "VAR_10" ? this.bytes[6] >>> 4 : void 0;
+  }
+  /** Creates an object from `this`. */
+  clone() {
+    return new UUID(this.bytes.slice(0));
+  }
+  /** Returns true if `this` is equivalent to `other`. */
+  equals(other) {
+    return this.compareTo(other) === 0;
+  }
+  /**
+   * Returns a negative integer, zero, or positive integer if `this` is less
+   * than, equal to, or greater than `other`, respectively.
+   */
+  compareTo(other) {
+    for (let i3 = 0; i3 < 16; i3++) {
+      const diff = this.bytes[i3] - other.bytes[i3];
+      if (diff !== 0) {
+        return Math.sign(diff);
+      }
+    }
+    return 0;
+  }
+}
+class V7Generator {
+  /**
+   * Creates a generator object with the default random number generator, or
+   * with the specified one if passed as an argument. The specified random
+   * number generator should be cryptographically strong and securely seeded.
+   */
+  constructor(randomNumberGenerator) {
+    this.timestamp = 0;
+    this.counter = 0;
+    this.random = randomNumberGenerator !== null && randomNumberGenerator !== void 0 ? randomNumberGenerator : getDefaultRandom();
+  }
+  /**
+   * Generates a new UUIDv7 object from the current timestamp, or resets the
+   * generator upon significant timestamp rollback.
+   *
+   * This method returns a monotonically increasing UUID by reusing the previous
+   * timestamp even if the up-to-date timestamp is smaller than the immediately
+   * preceding UUID's. However, when such a clock rollback is considered
+   * significant (i.e., by more than ten seconds), this method resets the
+   * generator and returns a new UUID based on the given timestamp, breaking the
+   * increasing order of UUIDs.
+   *
+   * See {@link generateOrAbort} for the other mode of generation and
+   * {@link generateOrResetCore} for the low-level primitive.
+   */
+  generate() {
+    return this.generateOrResetCore(Date.now(), 1e4);
+  }
+  /**
+   * Generates a new UUIDv7 object from the current timestamp, or returns
+   * `undefined` upon significant timestamp rollback.
+   *
+   * This method returns a monotonically increasing UUID by reusing the previous
+   * timestamp even if the up-to-date timestamp is smaller than the immediately
+   * preceding UUID's. However, when such a clock rollback is considered
+   * significant (i.e., by more than ten seconds), this method aborts and
+   * returns `undefined` immediately.
+   *
+   * See {@link generate} for the other mode of generation and
+   * {@link generateOrAbortCore} for the low-level primitive.
+   */
+  generateOrAbort() {
+    return this.generateOrAbortCore(Date.now(), 1e4);
+  }
+  /**
+   * Generates a new UUIDv7 object from the `unixTsMs` passed, or resets the
+   * generator upon significant timestamp rollback.
+   *
+   * This method is equivalent to {@link generate} except that it takes a custom
+   * timestamp and clock rollback allowance.
+   *
+   * @param rollbackAllowance - The amount of `unixTsMs` rollback that is
+   * considered significant. A suggested value is `10_000` (milliseconds).
+   * @throws RangeError if `unixTsMs` is not a 48-bit positive integer.
+   */
+  generateOrResetCore(unixTsMs, rollbackAllowance) {
+    let value = this.generateOrAbortCore(unixTsMs, rollbackAllowance);
+    if (value === void 0) {
+      this.timestamp = 0;
+      value = this.generateOrAbortCore(unixTsMs, rollbackAllowance);
+    }
+    return value;
+  }
+  /**
+   * Generates a new UUIDv7 object from the `unixTsMs` passed, or returns
+   * `undefined` upon significant timestamp rollback.
+   *
+   * This method is equivalent to {@link generateOrAbort} except that it takes a
+   * custom timestamp and clock rollback allowance.
+   *
+   * @param rollbackAllowance - The amount of `unixTsMs` rollback that is
+   * considered significant. A suggested value is `10_000` (milliseconds).
+   * @throws RangeError if `unixTsMs` is not a 48-bit positive integer.
+   */
+  generateOrAbortCore(unixTsMs, rollbackAllowance) {
+    const MAX_COUNTER = 4398046511103;
+    if (!Number.isInteger(unixTsMs) || unixTsMs < 1 || unixTsMs > 281474976710655) {
+      throw new RangeError("`unixTsMs` must be a 48-bit positive integer");
+    } else if (rollbackAllowance < 0 || rollbackAllowance > 281474976710655) {
+      throw new RangeError("`rollbackAllowance` out of reasonable range");
+    }
+    if (unixTsMs > this.timestamp) {
+      this.timestamp = unixTsMs;
+      this.resetCounter();
+    } else if (unixTsMs + rollbackAllowance >= this.timestamp) {
+      this.counter++;
+      if (this.counter > MAX_COUNTER) {
+        this.timestamp++;
+        this.resetCounter();
+      }
+    } else {
+      return void 0;
+    }
+    return UUID.fromFieldsV7(this.timestamp, Math.trunc(this.counter / 2 ** 30), this.counter & 2 ** 30 - 1, this.random.nextUint32());
+  }
+  /** Initializes the counter at a 42-bit random integer. */
+  resetCounter() {
+    this.counter = this.random.nextUint32() * 1024 + (this.random.nextUint32() & 1023);
+  }
+  /**
+   * Generates a new UUIDv4 object utilizing the random number generator inside.
+   *
+   * @internal
+   */
+  generateV4() {
+    const bytes = new Uint8Array(Uint32Array.of(this.random.nextUint32(), this.random.nextUint32(), this.random.nextUint32(), this.random.nextUint32()).buffer);
+    bytes[6] = 64 | bytes[6] >>> 4;
+    bytes[8] = 128 | bytes[8] >>> 2;
+    return UUID.ofInner(bytes);
+  }
+}
+const getDefaultRandom = () => {
+  if (typeof crypto !== "undefined" && typeof crypto.getRandomValues !== "undefined") {
+    return new BufferedCryptoRandom();
+  } else {
+    if (typeof UUIDV7_DENY_WEAK_RNG !== "undefined" && UUIDV7_DENY_WEAK_RNG) {
+      throw new Error("no cryptographically strong RNG available");
+    }
+    return {
+      nextUint32: () => Math.trunc(Math.random() * 65536) * 65536 + Math.trunc(Math.random() * 65536)
+    };
+  }
+};
+class BufferedCryptoRandom {
+  constructor() {
+    this.buffer = new Uint32Array(8);
+    this.cursor = 65535;
+  }
+  nextUint32() {
+    if (this.cursor >= this.buffer.length) {
+      crypto.getRandomValues(this.buffer);
+      this.cursor = 0;
+    }
+    return this.buffer[this.cursor++];
+  }
+}
+let defaultGenerator;
+const uuidv7 = () => uuidv7obj().toString();
+const uuidv7obj = () => (defaultGenerator || (defaultGenerator = new V7Generator())).generate();
 const createCommunicationGroup = async (params) => {
   const response = await baseRequest(
     `${COMMUNICATION_GROUP_PATH}`,
@@ -26695,6 +26993,55 @@ const sendTestCommunication = async (id2, params) => {
   );
   return response.data;
 };
+const stripoKeys = {
+  all: ["stripo"],
+  token: () => [...stripoKeys.all, "token"],
+  editorData: () => [...stripoKeys.all, "editorData"],
+  templates: () => [...stripoKeys.all, "templates"],
+  demoTemplate: () => [...stripoKeys.templates(), "demo"]
+};
+const getStripoToken = async () => {
+  const response = await baseRequest(`${STRIPO_PATH}/token`);
+  return response.data;
+};
+const getEditorData = async () => {
+  const response = await baseRequest(
+    `${STRIPO_PATH}/editor-data`
+  );
+  return response.data;
+};
+const getTemplate = async (automationId) => {
+  const response = await baseRequest(
+    `${STRIPO_PATH}/template/${automationId}`
+  );
+  return response.data;
+};
+const getTemplateForActionId = async (args) => {
+  const { automationId, actionId } = args;
+  const response = await baseRequest(
+    `${STRIPO_PATH}/template/${automationId}/${actionId}`
+  );
+  return response.data;
+};
+const useStripoEditorData = () => {
+  const queryClient = useQueryClient();
+  const query = useQuery({
+    queryKey: stripoKeys.editorData(),
+    queryFn: getEditorData,
+    ...CACHE_STANDARD
+  });
+  return {
+    ...query,
+    invalidateEditorData: () => queryClient.invalidateQueries({ queryKey: stripoKeys.editorData() })
+  };
+};
+const useStripoTemplate = (automationId) => {
+  return useQuery({
+    queryKey: ["stripo", "templates", automationId],
+    queryFn: () => getTemplate(automationId),
+    ...CACHE_STANDARD
+  });
+};
 const BasicLoader = ({
   text,
   textSpeed = 2e3,
@@ -26925,8 +27272,6 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
 const styles$3 = {
   title: "text-3xl mb-8",
   grid: "grid grid-cols-2 gap-6",
-  card: "relative p-6 rounded-lg border border-gray-200 cursor-pointer flex flex-col items-center text-center hover:border-indigo-500 transition-colors",
-  cardDisabled: "opacity-60 cursor-not-allowed hover:border-gray-200",
   container: "relative p-6  rounded-lg",
   iconWrapper: "mb-4 flex items-center justify-center",
   cardTitle: "text-lg font-medium mb-2",
@@ -27184,17 +27529,23 @@ const CreateAutomationModal = ({
       onSuccess: async (response) => {
         if (response.id) {
           const communicationGroup = await createCommunicationGroup({});
+          const actionId = uuidv7();
           await updateAutomation(response.id, {
             action: [
               {
                 action_type: "send_communication",
                 action_metadata: {
                   action_type: "send_communication",
-                  communication_group_id: communicationGroup.id
+                  communication_group_id: communicationGroup.id,
+                  current_action_id: actionId
                 }
               }
             ]
           });
+          await getTemplateForActionId({
+            automationId: response.id,
+            actionId
+          });
           onClose?.(response.id);
         } else {
           onClose?.("error");
@@ -28700,9 +29051,7 @@ async function loadRouteModule(route, routeModulesCache) {
     );
     console.error(error2);
     if (window.__reactRouterContext && window.__reactRouterContext.isSpaMode && // @ts-expect-error
-    void 0) {
-      throw error2;
-    }
+    void 0) ;
     window.location.reload();
     return new Promise(() => {
     });
@@ -33668,8 +34017,6 @@ const lightFormatters = {
   }
 };
 const dayPeriodEnum$1 = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -34463,6 +34810,18 @@ function formatDistance$1(date2, baseDate, options) {
 function formatDistanceToNow(date2, options) {
   return formatDistance$1(date2, constructNow(date2), options);
 }
+const formatCurrency = (amount) => {
+  if (!amount) return "$0.00";
+  const cleanAmount = typeof amount === "string" ? amount.replace(/,/g, "") : amount;
+  const num = Number(cleanAmount);
+  if (Number.isNaN(num)) return "$0.00";
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(num);
+};
 const Table$1 = React.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
@@ -34627,7 +34986,6 @@ const secondary$1 = "reach-styles-module__secondary___VQ4iH";
 const destructive$1 = "reach-styles-module__destructive___RLaRD";
 const outline$1 = "reach-styles-module__outline___L2VtW";
 const google = "reach-styles-module__google___HcEij";
-const dark = "reach-styles-module__dark___729i-";
 const date = "reach-styles-module__date___-6BC4";
 const sizeDefault = "reach-styles-module__sizeDefault___iGTp4";
 const sizeSm = "reach-styles-module__sizeSm___6T2oK";
@@ -34641,7 +34999,6 @@ const styles$2 = {
   destructive: destructive$1,
   outline: outline$1,
   google,
-  dark,
   date,
   sizeDefault,
   sizeSm,
@@ -34768,7 +35125,7 @@ const AutomationTable = memo$1(
           {
             header: "Stats",
             accessorKey: "emailsSent",
-            width: "25%",
+            width: "10%",
             cell: (_2, row) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-muted-foreground", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx(IconDefinitions.EmailIcon, { className: "h-4 w-4" }),
@@ -34780,6 +35137,12 @@ const AutomationTable = memo$1(
               ] })
             ] })
           },
+          {
+            header: "Sales",
+            accessorKey: "derived_revenue",
+            width: "15%",
+            cell: (_2, row) => /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 text-muted-foreground", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx("span", { children: formatCurrency(row.derived_revenue || 0) }) }) })
+          },
           {
             header: "Modified",
             accessorKey: "updated_at",
@@ -37079,8 +37442,6 @@ var formatters$2 = {
   }
 };
 var dayPeriodEnum = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -41175,7 +41536,7 @@ function useId(deterministicId) {
   useLayoutEffect2(() => {
     setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
-  return id2 ? `radix-${id2}` : "";
+  return deterministicId || (id2 ? `radix-${id2}` : "");
 }
 var NAME$1 = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
@@ -44721,7 +45082,7 @@ const AutomationContent = ({
       const emailChannelSender = channelSenders.results.find(
         (sender) => sender.id === emailChannelSenderId
       );
-      if (emailChannelSender && communicationGroup.email_html_body) {
+      if (emailChannelSender && communicationGroup.email_html_body && communicationGroup.email_subject) {
         setEmailData({
           emailHtml: communicationGroup.email_html_body,
           emailSubject: communicationGroup.email_subject,
@@ -46462,17 +46823,6 @@ const minusIconInactive = "reach-styles-module__minusIconInactive___JtvVB";
 const label = "reach-styles-module__label___tiCMA";
 const labelActive = "reach-styles-module__labelActive___EXydD";
 const labelInactive = "reach-styles-module__labelInactive___g-J3r";
-const navigationContainer = "reach-styles-module__navigationContainer___1T1JL";
-const navigationButton = "reach-styles-module__navigationButton___9LW7I";
-const sidebarContainer = "reach-styles-module__sidebarContainer___Yqwnv";
-const sidebarNav = "reach-styles-module__sidebarNav___vGCaT";
-const stepItem = "reach-styles-module__stepItem___c497m";
-const stepItemActive = "reach-styles-module__stepItemActive___zQkts";
-const stepItemCompleted = "reach-styles-module__stepItemCompleted___TiD-u";
-const stepItemUpcoming = "reach-styles-module__stepItemUpcoming___Qu-vA";
-const contentContainer = "reach-styles-module__contentContainer___g6SCE";
-const contentArea = "reach-styles-module__contentArea___gczmB";
-const poweredByReachContainer = "reach-styles-module__poweredByReachContainer___GCwod";
 const styles$1 = {
   stepIndicatorContainer,
   iconContainer,
@@ -46482,18 +46832,7 @@ const styles$1 = {
   minusIconInactive,
   label,
   labelActive,
-  labelInactive,
-  navigationContainer,
-  navigationButton,
-  sidebarContainer,
-  sidebarNav,
-  stepItem,
-  stepItemActive,
-  stepItemCompleted,
-  stepItemUpcoming,
-  contentContainer,
-  contentArea,
-  poweredByReachContainer
+  labelInactive
 };
 const StepIndicator = ({
   label: label2,
@@ -46628,48 +46967,6 @@ const MissingSenderForPreview = ({
     ] })
   ] });
 };
-const stripoKeys = {
-  all: ["stripo"],
-  token: () => [...stripoKeys.all, "token"],
-  editorData: () => [...stripoKeys.all, "editorData"],
-  templates: () => [...stripoKeys.all, "templates"],
-  demoTemplate: () => [...stripoKeys.templates(), "demo"]
-};
-const getStripoToken = async () => {
-  const response = await baseRequest(`${STRIPO_PATH}/token`);
-  return response.data;
-};
-const getEditorData = async () => {
-  const response = await baseRequest(
-    `${STRIPO_PATH}/editor-data`
-  );
-  return response.data;
-};
-const getTemplate = async (automationId) => {
-  const response = await baseRequest(
-    `${STRIPO_PATH}/template/${automationId}`
-  );
-  return response.data;
-};
-const useStripoEditorData = () => {
-  const queryClient = useQueryClient();
-  const query = useQuery({
-    queryKey: stripoKeys.editorData(),
-    queryFn: getEditorData,
-    ...CACHE_STANDARD
-  });
-  return {
-    ...query,
-    invalidateEditorData: () => queryClient.invalidateQueries({ queryKey: stripoKeys.editorData() })
-  };
-};
-const useStripoTemplate = (automationId) => {
-  return useQuery({
-    queryKey: ["stripo", "templates", automationId],
-    queryFn: () => getTemplate(automationId),
-    ...CACHE_STANDARD
-  });
-};
 const StripoEditor = ({ containerRef, stripoDialogDimensions, showSaving }) => {
   return /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center", children: [
     /* @__PURE__ */ jsx(
@@ -49874,6 +50171,10 @@ const ViewAutomationHeaderContainer = ({
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Date Created" }),
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: format$1(new Date(automation2.created_at), "h:mma MM/dd/yy") })
     ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Sales" }),
+      /* @__PURE__ */ jsx("div", { className: "font-medium", children: formatCurrency(automation2.derived_revenue) })
+    ] }),
     automation2.trigger_type === AutomationTriggerType.ONE_TIME && isOneTimeTriggerMetadata(automation2.trigger_metadata) && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Type" }),
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "One Time" })
@@ -49882,7 +50183,7 @@ const ViewAutomationHeaderContainer = ({
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Type" }),
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Trigger Based" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "col-span-1 @[400px]:col-span-2", children: /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200" }) }),
+    automation2.trigger_type === AutomationTriggerType.ONE_TIME && isOneTimeTriggerMetadata(automation2.trigger_metadata) && /* @__PURE__ */ jsx("div", { className: "col-span-1 @[400px]:col-span-2", children: /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200" }) }),
     automation2.trigger_type === AutomationTriggerType.ONE_TIME && isOneTimeTriggerMetadata(automation2.trigger_metadata) && automation2.trigger_metadata.scheduled_at && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-600", children: "Scheduled For" }),
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: format$1(
@@ -50000,28 +50301,28 @@ Object.values(
 );
 export {
   $TRACK as $,
-  displayValue as A,
-  batch as B,
-  clearDelegatedEvents as C,
-  Dynamic as D,
-  untrack as E,
+  getQueryStatusColorByLabel as A,
+  displayValue as B,
+  convertRemToPixels as C,
+  untrack as D,
+  useTransition as E,
   For as F,
-  createComputed as G,
-  serialize$1 as H,
-  Index as I,
-  updateNestedDataByPath as J,
-  convertRemToPixels as K,
-  getSidedProp as L,
-  getQueryStatusLabel as M,
-  createRoot as N,
-  addEventListener as O,
+  spread as G,
+  mergeProps$7 as H,
+  createRoot as I,
+  serialize$1 as J,
+  Index as K,
+  updateNestedDataByPath as L,
+  addEventListener as M,
+  stringify as N,
+  Match as O,
   Portal$9 as P,
-  stringify as Q,
-  Match as R,
+  Switch$2 as Q,
+  deleteNestedDataByPath as R,
   Show as S,
-  Switch$2 as T,
-  deleteNestedDataByPath as U,
-  useTransition as V,
+  splitProps as T,
+  Dynamic as U,
+  createComputed as V,
   AutomationTriggerType as W,
   ReachProvider as X,
   CreateAutomationDialog as Y,
@@ -50030,29 +50331,29 @@ export {
   createComponent as a,
   SegmentBuilderDialog as a0,
   ViewAutomation as a1,
-  createSignal as b,
+  createContext as b,
   createMemo as c,
-  delegateEvents as d,
+  createSignal as d,
   createEffect as e,
-  mergeProps$7 as f,
+  createRenderEffect as f,
   getPreferredColorScheme as g,
-  splitProps as h,
-  createContext as i,
-  createRenderEffect as j,
-  setAttribute as k,
-  createUniqueId as l,
+  className as h,
+  insert as i,
+  clearDelegatedEvents as j,
+  delegateEvents as k,
+  onCleanup as l,
   mutationSortFns as m,
-  onCleanup as n,
-  on as o,
-  onMount as p,
-  use as q,
-  insert as r,
+  on as n,
+  onMount as o,
+  setAttribute as p,
+  getSidedProp as q,
+  use as r,
   sortFns as s,
   template as t,
   useContext as u,
-  className as v,
-  getQueryStatusColor as w,
-  getMutationStatusColor as x,
-  spread as y,
-  getQueryStatusColorByLabel as z
+  createUniqueId as v,
+  batch as w,
+  getQueryStatusLabel as x,
+  getMutationStatusColor as y,
+  getQueryStatusColor as z
 };