@embedreach/components 0.1.93 → 0.1.95

package/dist/chunks/index.js

@@ -2894,7 +2894,7 @@ function createResource$1(pSource, pFetcher, pOptions) {
   let source;
   let fetcher;
   let options;
-  if (arguments.length === 1) {
+  if (arguments.length === 2 && typeof pFetcher === "object" || arguments.length === 1) {
     source = true;
     fetcher = pSource;
     options = {};
@@ -2944,7 +2944,19 @@ function createResource$1(pSource, pFetcher, pOptions) {
     const c2 = SuspenseContext, v2 = value(), err = error2();
     if (err !== void 0 && !pr)
       throw err;
-    if (Listener && !Listener.user && c2) ;
+    if (Listener && !Listener.user && c2) {
+      createComputed(() => {
+        track();
+        if (pr) {
+          if (c2.resolved)
+            ;
+          else if (!contexts.has(c2)) {
+            c2.increment();
+            contexts.add(c2);
+          }
+        }
+      });
+    }
     return v2;
   }
   function load(refetching = true) {
@@ -6488,6 +6500,9 @@ 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;
@@ -6526,6 +6541,12 @@ 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() {
@@ -7001,7 +7022,7 @@ var dt = function(e4, t3) {
     }, 1e3 * e4);
   });
 };
-const { commonBasicLogger: ft } = ne, { checkContext: gt } = ke$1, { InspectorTypes: pt, InspectorManager: mt } = ut, ht = "change", yt = "internal-change";
+const { commonBasicLogger: ft } = ne, { checkContext: gt, getContextKeys: vt } = 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;
@@ -7213,14 +7234,14 @@ var wt = { initialize: function(e4, t3, n2, r2, o2) {
   }, enqueueEvent: F2, getFlagsInternal: function() {
     return P2;
   }, getEnvironmentId: () => f2, internalChangeEventName: yt };
-}, errors: s3 }, bt = wt.initialize, kt = wt.errors;
+}, commonBasicLogger: ft, errors: s3, messages: ie, utils: S$1, getContextKeys: vt }, 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);
+        var r2 = n3.call(e6, t5 || "default");
         if ("object" != typeof r2) return r2;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
@@ -7446,6 +7467,7 @@ function getAugmentedNamespace(n2) {
   });
   return a4;
 }
+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;
@@ -7725,12 +7747,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 false ? array : baseSlice(array, start, end);
+  return !start && end >= length ? array : baseSlice(array, start, end);
 }
 function createCaseFirst(methodName) {
   return function(string) {
@@ -13049,7 +13071,7 @@ const authListeners = [
     }
   }
 ];
-const { Provider: Provider$3 } = createDataContext(
+const { Context: Context$2, Provider: Provider$3 } = createDataContext(
   authReducer,
   {
     handleReauth
@@ -13208,6 +13230,308 @@ const toShadcnFormat = (color2) => {
     return color2;
   }
 };
+const tailwindToHsl = (tailwindClass) => {
+  if (tailwindClass === "bg-black") return rgbToShadcnHsl(0, 0, 0);
+  if (tailwindClass === "bg-white") return rgbToShadcnHsl(255, 255, 255);
+  const match2 = tailwindClass.match(/^bg-([a-z]+)-(\d{2,3})$/);
+  if (!match2) {
+    throw new Error(`Invalid tailwind color class: ${tailwindClass}`);
+  }
+  const [, color2, shade] = match2;
+  const colorMap = {
+    red: {
+      "50": [254, 242, 242],
+      "100": [254, 226, 226],
+      "200": [254, 202, 202],
+      "300": [252, 165, 165],
+      "400": [248, 113, 113],
+      "500": [239, 68, 68],
+      "600": [220, 38, 38],
+      "700": [185, 28, 28],
+      "800": [153, 27, 27],
+      "900": [127, 29, 29],
+      "950": [69, 10, 10]
+    },
+    orange: {
+      "50": [255, 247, 237],
+      "100": [255, 237, 213],
+      "200": [254, 215, 170],
+      "300": [253, 186, 116],
+      "400": [251, 146, 60],
+      "500": [249, 115, 22],
+      "600": [234, 88, 12],
+      "700": [194, 65, 12],
+      "800": [154, 52, 18],
+      "900": [124, 45, 18],
+      "950": [67, 20, 7]
+    },
+    amber: {
+      "50": [255, 251, 235],
+      "100": [254, 243, 199],
+      "200": [253, 230, 138],
+      "300": [252, 211, 77],
+      "400": [251, 191, 36],
+      "500": [245, 158, 11],
+      "600": [217, 119, 6],
+      "700": [180, 83, 9],
+      "800": [146, 64, 14],
+      "900": [120, 53, 15],
+      "950": [69, 26, 3]
+    },
+    yellow: {
+      "50": [254, 252, 232],
+      "100": [254, 249, 195],
+      "200": [254, 240, 138],
+      "300": [253, 224, 71],
+      "400": [250, 204, 21],
+      "500": [234, 179, 8],
+      "600": [202, 138, 4],
+      "700": [161, 98, 7],
+      "800": [133, 77, 14],
+      "900": [113, 63, 18],
+      "950": [66, 32, 6]
+    },
+    lime: {
+      "50": [247, 254, 231],
+      "100": [236, 252, 203],
+      "200": [217, 249, 157],
+      "300": [190, 242, 100],
+      "400": [163, 230, 53],
+      "500": [132, 204, 22],
+      "600": [101, 163, 13],
+      "700": [77, 124, 15],
+      "800": [63, 98, 18],
+      "900": [54, 83, 20],
+      "950": [26, 46, 5]
+    },
+    green: {
+      "50": [240, 253, 244],
+      "100": [220, 252, 231],
+      "200": [187, 247, 208],
+      "300": [134, 239, 172],
+      "400": [74, 222, 128],
+      "500": [34, 197, 94],
+      "600": [22, 163, 74],
+      "700": [21, 128, 61],
+      "800": [22, 101, 52],
+      "900": [20, 83, 45],
+      "950": [5, 46, 22]
+    },
+    emerald: {
+      "50": [236, 253, 245],
+      "100": [209, 250, 229],
+      "200": [167, 243, 208],
+      "300": [110, 231, 183],
+      "400": [52, 211, 153],
+      "500": [16, 185, 129],
+      "600": [5, 150, 105],
+      "700": [4, 120, 87],
+      "800": [6, 95, 70],
+      "900": [6, 78, 59],
+      "950": [2, 44, 34]
+    },
+    teal: {
+      "50": [240, 253, 250],
+      "100": [204, 251, 241],
+      "200": [153, 246, 228],
+      "300": [94, 234, 212],
+      "400": [45, 212, 191],
+      "500": [20, 184, 166],
+      "600": [13, 148, 136],
+      "700": [15, 118, 110],
+      "800": [17, 94, 89],
+      "900": [19, 78, 74],
+      "950": [4, 47, 46]
+    },
+    cyan: {
+      "50": [236, 254, 255],
+      "100": [207, 250, 254],
+      "200": [165, 243, 252],
+      "300": [103, 232, 249],
+      "400": [34, 211, 238],
+      "500": [6, 182, 212],
+      "600": [8, 145, 178],
+      "700": [14, 116, 144],
+      "800": [21, 94, 117],
+      "900": [22, 78, 99],
+      "950": [8, 51, 68]
+    },
+    sky: {
+      "50": [240, 249, 255],
+      "100": [224, 242, 254],
+      "200": [186, 230, 253],
+      "300": [125, 211, 252],
+      "400": [56, 189, 248],
+      "500": [14, 165, 233],
+      "600": [2, 132, 199],
+      "700": [3, 105, 161],
+      "800": [7, 89, 133],
+      "900": [12, 74, 110],
+      "950": [8, 47, 73]
+    },
+    blue: {
+      "50": [239, 246, 255],
+      "100": [219, 234, 254],
+      "200": [191, 219, 254],
+      "300": [147, 197, 253],
+      "400": [96, 165, 250],
+      "500": [59, 130, 246],
+      "600": [37, 99, 235],
+      "700": [29, 78, 216],
+      "800": [30, 64, 175],
+      "900": [30, 58, 138],
+      "950": [23, 37, 84]
+    },
+    indigo: {
+      "50": [238, 242, 255],
+      "100": [224, 231, 255],
+      "200": [199, 210, 254],
+      "300": [165, 180, 252],
+      "400": [129, 140, 248],
+      "500": [99, 102, 241],
+      "600": [79, 70, 229],
+      "700": [67, 56, 202],
+      "800": [55, 48, 163],
+      "900": [49, 46, 129],
+      "950": [30, 27, 75]
+    },
+    violet: {
+      "50": [245, 243, 255],
+      "100": [237, 233, 254],
+      "200": [221, 214, 254],
+      "300": [196, 181, 253],
+      "400": [167, 139, 250],
+      "500": [139, 92, 246],
+      "600": [124, 58, 237],
+      "700": [109, 40, 217],
+      "800": [91, 33, 182],
+      "900": [76, 29, 149],
+      "950": [46, 16, 101]
+    },
+    purple: {
+      "50": [250, 245, 255],
+      "100": [243, 232, 255],
+      "200": [233, 213, 255],
+      "300": [216, 180, 254],
+      "400": [192, 132, 252],
+      "500": [168, 85, 247],
+      "600": [147, 51, 234],
+      "700": [126, 34, 206],
+      "800": [107, 33, 168],
+      "900": [88, 28, 135],
+      "950": [59, 7, 100]
+    },
+    fuchsia: {
+      "50": [253, 244, 255],
+      "100": [250, 232, 255],
+      "200": [245, 208, 254],
+      "300": [240, 171, 252],
+      "400": [232, 121, 249],
+      "500": [217, 70, 239],
+      "600": [192, 38, 211],
+      "700": [162, 28, 175],
+      "800": [134, 25, 143],
+      "900": [112, 26, 117],
+      "950": [74, 4, 78]
+    },
+    pink: {
+      "50": [253, 242, 248],
+      "100": [252, 231, 243],
+      "200": [251, 207, 232],
+      "300": [249, 168, 212],
+      "400": [244, 114, 182],
+      "500": [236, 72, 153],
+      "600": [219, 39, 119],
+      "700": [190, 24, 93],
+      "800": [157, 23, 77],
+      "900": [131, 24, 67],
+      "950": [80, 7, 36]
+    },
+    rose: {
+      "50": [255, 241, 242],
+      "100": [255, 228, 230],
+      "200": [254, 205, 211],
+      "300": [253, 164, 175],
+      "400": [251, 113, 133],
+      "500": [244, 63, 94],
+      "600": [225, 29, 72],
+      "700": [190, 18, 60],
+      "800": [159, 18, 57],
+      "900": [136, 19, 55],
+      "950": [76, 5, 25]
+    },
+    slate: {
+      "50": [248, 250, 252],
+      "100": [241, 245, 249],
+      "200": [226, 232, 240],
+      "300": [203, 213, 225],
+      "400": [148, 163, 184],
+      "500": [100, 116, 139],
+      "600": [71, 85, 105],
+      "700": [51, 65, 85],
+      "800": [30, 41, 59],
+      "900": [15, 23, 42],
+      "950": [2, 6, 23]
+    },
+    gray: {
+      "50": [249, 250, 251],
+      "100": [243, 244, 246],
+      "200": [229, 231, 235],
+      "300": [209, 213, 219],
+      "400": [156, 163, 175],
+      "500": [107, 114, 128],
+      "600": [75, 85, 99],
+      "700": [55, 65, 81],
+      "800": [31, 41, 55],
+      "900": [17, 24, 39],
+      "950": [3, 7, 18]
+    },
+    zinc: {
+      "50": [250, 250, 250],
+      "100": [244, 244, 245],
+      "200": [228, 228, 231],
+      "300": [212, 212, 216],
+      "400": [161, 161, 170],
+      "500": [113, 113, 122],
+      "600": [82, 82, 91],
+      "700": [63, 63, 70],
+      "800": [39, 39, 42],
+      "900": [24, 24, 27],
+      "950": [9, 9, 11]
+    },
+    neutral: {
+      "50": [250, 250, 250],
+      "100": [245, 245, 245],
+      "200": [229, 229, 229],
+      "300": [212, 212, 212],
+      "400": [163, 163, 163],
+      "500": [115, 115, 115],
+      "600": [82, 82, 82],
+      "700": [64, 64, 64],
+      "800": [38, 38, 38],
+      "900": [23, 23, 23],
+      "950": [10, 10, 10]
+    },
+    stone: {
+      "50": [250, 250, 249],
+      "100": [245, 245, 244],
+      "200": [231, 229, 228],
+      "300": [214, 211, 209],
+      "400": [168, 162, 158],
+      "500": [120, 113, 108],
+      "600": [87, 83, 78],
+      "700": [68, 64, 60],
+      "800": [41, 37, 36],
+      "900": [28, 25, 23],
+      "950": [12, 10, 9]
+    }
+  };
+  if (!colorMap[color2] || !colorMap[color2][shade]) {
+    throw new Error(`Unsupported color or shade: ${tailwindClass}`);
+  }
+  const [r2, g2, b3] = colorMap[color2][shade];
+  return rgbToShadcnHsl(r2, g2, b3);
+};
 const applyThemeStyles = (styles2) => {
   const existingStyles = document.getElementById("reach-theme-styles");
   if (existingStyles) {
@@ -13224,13 +13548,10 @@ const applyThemeStyles = (styles2) => {
       if (key === "radius" || key === "font-body" || key === "font-heading") {
         finalValue = userValue;
       } else if (isValidColor(userValue)) {
-        const isTailwindClass = /^bg-/.test(userValue.trim());
+        const isTailwindClass = /^bg-/.test(userValue.trim()) && userValue.trim() !== "bg-inherit" && userValue.trim() !== "bg-current" && userValue.trim() !== "bg-transparent";
         if (isTailwindClass) {
-          const rootElement = document.querySelector("[data-reach-root]");
-          if (rootElement) {
-            rootElement.classList.add(userValue.trim());
-          }
-          finalValue = defaultValue;
+          const className2 = userValue.replace(/['"]/g, "").trim();
+          finalValue = tailwindToHsl(className2);
         } else {
           try {
             finalValue = toShadcnFormat(userValue);
@@ -16921,6 +17242,16 @@ instance.use(Browser).use(initReactI18next).init({
   }
 });
 const defaultTranslations = {
+  engage: {
+    user: "User",
+    user_other: "Users",
+    automation: "Automation",
+    automation_other: "Automations",
+    segment: "Segment",
+    segment_other: "Segments",
+    one_time: "One Time",
+    trigger_based: "Trigger Based"
+  },
   common: {
     ad_spend: "Ad Spend",
     date: "Date",
@@ -32530,6 +32861,9 @@ function safeExecuteInTheMiddle$2(execute, onFinish, preventThrowingError) {
     error2 = e4;
   } finally {
     onFinish(error2, result);
+    if (error2 && !preventThrowingError) {
+      throw error2;
+    }
     return result;
   }
 }
@@ -32743,7 +33077,7 @@ var DocumentLoadInstrumentation = (
             return;
           }
           _this._diag.error("addCustomAttributesOnSpan", error2);
-        });
+        }, true);
       }
     };
     DocumentLoadInstrumentation2.prototype._addCustomAttributesOnResourceSpan = function(span, resource, applyCustomAttributesOnSpan) {
@@ -32756,7 +33090,7 @@ var DocumentLoadInstrumentation = (
             return;
           }
           _this._diag.error("addCustomAttributesOnResourceSpan", error2);
-        });
+        }, true);
       }
     };
     DocumentLoadInstrumentation2.prototype.enable = function() {
@@ -33118,6 +33452,9 @@ function safeExecuteInTheMiddle$1(execute, onFinish, preventThrowingError) {
     error2 = e4;
   } finally {
     onFinish(error2, result);
+    if (error2 && !preventThrowingError) {
+      throw error2;
+    }
     return result;
   }
 }
@@ -33841,7 +34178,7 @@ var FetchInstrumentation = (
             return;
           }
           _this._diag.error("applyCustomAttributesOnSpan", error2);
-        });
+        }, true);
       }
     };
     FetchInstrumentation2.prototype._prepareSpanData = function(spanUrl) {
@@ -34664,6 +35001,9 @@ function safeExecuteInTheMiddle(execute, onFinish, preventThrowingError) {
     error2 = e4;
   } finally {
     onFinish(error2, result);
+    if (error2 && !preventThrowingError) {
+      throw error2;
+    }
     return result;
   }
 }
@@ -35039,7 +35379,7 @@ var XMLHttpRequestInstrumentation = (
             return;
           }
           _this._diag.error("applyCustomAttributesOnSpan", error2);
-        });
+        }, true);
       }
     };
     XMLHttpRequestInstrumentation2.prototype._addResourceObserver = function(xhr, spanUrl) {
@@ -35726,7 +36066,7 @@ var count$5 = 0;
 function useId$3(deterministicId) {
   const [id2, setId] = React.useState(useReactId$2());
   useLayoutEffect2$2(() => {
-    setId((reactId) => reactId ?? String(count$5++));
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$5++));
   }, [deterministicId]);
   return deterministicId || (id2 ? `radix-${id2}` : "");
 }
@@ -36939,9 +37279,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 || false)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -37023,7 +37363,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -37864,6 +38204,7 @@ 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 = [
@@ -37881,7 +38222,8 @@ const stepsOrder = [
   // Compute
 ];
 const statsBuffer = {
-  value: null
+  value: null,
+  addProjectionMetrics: null
 };
 function createRenderStep(runNextFrame, stepName) {
   let thisFrame = /* @__PURE__ */ new Set();
@@ -38210,7 +38552,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 } = createRenderBatcher(queueMicrotask, false);
+const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
 const SwitchLayoutGroupContext = createContext$1({});
 function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor) {
   var _a2, _b;
@@ -40605,7 +40947,7 @@ function findSpring({ duration = springDefaults.duration, bounce = springDefault
     envelope = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
       const b3 = (undampedFreq2 - velocity) * duration + 1;
-      return -1e-3 + a4 * b3;
+      return -safeMin + a4 * b3;
     };
     derivative = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
@@ -45628,6 +45970,8 @@ 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",
@@ -47423,7 +47767,9 @@ async function loadRouteModule(route, routeModulesCache) {
     );
     console.error(error2);
     if (window.__reactRouterContext && window.__reactRouterContext.isSpaMode && // @ts-expect-error
-    void 0) ;
+    void 0) {
+      throw error2;
+    }
     window.location.reload();
     return new Promise(() => {
     });
@@ -52931,8 +53277,7 @@ const BrandSettingsModal = () => {
     if (file) {
       const reader = new FileReader();
       reader.onloadend = async () => {
-        const base64String = reader.result;
-        setLogoUrl(base64String);
+        const base64String = reader.result.split(",")[1];
         updateBrandSettings({
           logoBase64: base64String
         });
@@ -53933,6 +54278,8 @@ const lightFormatters = {
   }
 };
 const dayPeriodEnum$1 = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -54902,6 +55249,7 @@ 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";
@@ -54915,6 +55263,7 @@ const styles$2 = {
   destructive: destructive$1,
   outline: outline$1,
   google,
+  dark,
   date,
   sizeDefault,
   sizeSm,
@@ -57358,6 +57707,8 @@ var formatters$2 = {
   }
 };
 var dayPeriodEnum = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -61452,7 +61803,7 @@ function useId(deterministicId) {
   useLayoutEffect2(() => {
     setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
-  return deterministicId || (id2 ? `radix-${id2}` : "");
+  return id2 ? `radix-${id2}` : "";
 }
 var NAME$1 = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
@@ -64477,7 +64828,8 @@ const initialState = {
   isFetchingAutomation: false,
   isUpdatingAutomation: false,
   isFetchingCommunication: false,
-  isUpdatingCommunication: false
+  isUpdatingCommunication: false,
+  openEditPopup: false
 };
 const automationReducer = (state, action) => {
   switch (action.type) {
@@ -64536,6 +64888,11 @@ const automationReducer = (state, action) => {
         ...state,
         recipientStats: action.payload
       };
+    case "SET_EDIT_POPUP":
+      return {
+        ...state,
+        openEditPopup: action.payload
+      };
     default:
       return state;
   }
@@ -64549,6 +64906,9 @@ const setCommunicationGroup = (dispatch2) => (group) => {
 const setRecipientStats = (dispatch2) => (stats) => {
   dispatch2({ type: "UPDATE_RECIPIENT_STATS", payload: stats });
 };
+const setEditPopup = (dispatch2) => (isOpen) => {
+  dispatch2({ type: "SET_EDIT_POPUP", payload: isOpen });
+};
 const automationListeners = [
   {
     eventName: EVENT_AUTOMATION_UPDATE_START,
@@ -64580,7 +64940,8 @@ const { Context, Provider } = createDataContext(
   {
     setAutomation,
     setCommunicationGroup,
-    setRecipientStats
+    setRecipientStats,
+    setEditPopup
   },
   initialState,
   automationListeners
@@ -65096,6 +65457,7 @@ const AutomationContent = ({
   const [emailData, setEmailData] = useState(null);
   const [smsData, setSmsData] = useState(null);
   const [loading2, setLoading2] = useState(false);
+  const { setEditPopup: setEditPopup2 } = useContext$1(Context);
   const communicationGroup = useCommunicationGroup();
   useEffect(() => {
     if (!communicationGroup || !channelSenders) {
@@ -65158,8 +65520,19 @@ const AutomationContent = ({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: "Automation Content Missing" }),
-    /* @__PURE__ */ jsx("p", { className: "text-gray-500 max-w-md", children: "Complete your automation setup to preview the content here. We'll guide you through each step. Start by clicking Actions in the top right, and then click Edit!" })
+    /* @__PURE__ */ jsxs("h3", { className: "text-xl font-semibold text-gray-800 mb-2", children: [
+      t("engage:automation"),
+      " Content Missing"
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-gray-500 max-w-md pb-4", children: [
+      "Complete your ",
+      t("engage:automation"),
+      " setup to preview the content here!"
+    ] }),
+    /* @__PURE__ */ jsxs(Button$1, { onClick: () => setEditPopup2(true), children: [
+      "Edit ",
+      t("engage:automation")
+    ] })
   ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(
       PreviewPanel,
@@ -66867,6 +67240,17 @@ 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,
@@ -66876,7 +67260,18 @@ const styles$1 = {
   minusIconInactive,
   label,
   labelActive,
-  labelInactive
+  labelInactive,
+  navigationContainer,
+  navigationButton,
+  sidebarContainer,
+  sidebarNav,
+  stepItem,
+  stepItemActive,
+  stepItemCompleted,
+  stepItemUpcoming,
+  contentContainer,
+  contentArea,
+  poweredByReachContainer
 };
 const StepIndicator = ({
   label: label2,
@@ -68122,7 +68517,12 @@ const SMSPreview = ({ iconDefinitions, mergeFieldsResponse, smsChannelSenders })
     }
     if (!fromNumber) {
       const smsChannelSenders2 = channelSenders.results.filter(
-        (sender) => sender.channelSenderMetadata.from
+        (sender) => (
+          /**
+           * Either a from number or a message service sid
+           */
+          sender.channelSenderMetadata.from || sender.channelSenderMetadata.messageServiceSid
+        )
       );
       if (smsChannelSenders2?.[0]) {
         setFromNumber(smsChannelSenders2[0].id);
@@ -69792,7 +70192,6 @@ const BackNextButtonGroup = ({
 };
 const EditAutomation = ({
   iconDefinitions,
-  setOpenEditAutomationPopup,
   logoUrl,
   getExtraMergeFields,
   onBeforeSchedule
@@ -69802,6 +70201,7 @@ const EditAutomation = ({
   const communicationGroup = useCommunicationGroup();
   const estimatedMatchesStats = useValidationStats();
   const { validateStep } = useValidateStep();
+  const { setEditPopup: setEditPopup2 } = useContext$1(Context);
   const [currentStep, setCurrentStep] = useState(
     void 0
   );
@@ -69828,7 +70228,7 @@ const EditAutomation = ({
     updateAutomation2({
       status: AutomationStatus.DRAFT
     });
-    setOpenEditAutomationPopup(false);
+    setEditPopup2(false);
     toast2({
       title: "Automation saved as draft",
       description: "You can continue editing it later"
@@ -69852,7 +70252,7 @@ const EditAutomation = ({
           updateAutomation2({
             status: AutomationStatus.ACTIVE
           });
-          setOpenEditAutomationPopup(false);
+          setEditPopup2(false);
           toast2({
             title: "Automation scheduled!"
           });
@@ -69872,7 +70272,7 @@ const EditAutomation = ({
       }
     } else {
       updateAutomation2({ status: AutomationStatus.ACTIVE });
-      setOpenEditAutomationPopup(false);
+      setEditPopup2(false);
       toast2({
         title: "Automation scheduled!"
       });
@@ -69917,15 +70317,7 @@ const EditAutomation = ({
     }
   };
   const renderHeader = () => /* @__PURE__ */ jsxs("header", { className: "w-full flex items-center gap-4 h-16 px-6", children: [
-    /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        onClick: () => setOpenEditAutomationPopup(false),
-        size: "icon",
-        variant: "ghost",
-        children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" })
-      }
-    ),
+    /* @__PURE__ */ jsx(Button$1, { onClick: () => setEditPopup2(false), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" }) }),
     logoUrl && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Logo", className: "w-6 h-6" }) }),
     /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold leading-none", children: automation2.name }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
@@ -70013,7 +70405,6 @@ const EditAutomationDialog = ({
   open,
   onOpenChange,
   iconDefinitions,
-  setOpenEditAutomationPopup,
   logoUrl,
   getExtraMergeFields,
   onBeforeSchedule
@@ -70032,7 +70423,6 @@ const EditAutomationDialog = ({
           EditAutomation,
           {
             iconDefinitions,
-            setOpenEditAutomationPopup,
             logoUrl,
             getExtraMergeFields,
             onBeforeSchedule
@@ -70254,7 +70644,8 @@ const ViewAutomationHeaderContainer = ({
   showBackButton = false
 }) => {
   const mergedIconDefinitions = mergeIconDefinitions(iconDefinitions);
-  const [openEditAutomationPopup, setOpenEditAutomationPopup] = useState(false);
+  const { setEditPopup: setEditPopup2, state } = useContext$1(Context);
+  const openEditPopup = state.openEditPopup;
   const [openSendPreviewSmsPopup, setOpenSendPreviewSmsPopup] = useState(false);
   const [openSendPreviewEmailPopup, setOpenSendPreviewEmailPopup] = useState(false);
   const [
@@ -70272,16 +70663,16 @@ const ViewAutomationHeaderContainer = ({
   const { toast: toast2 } = useToast();
   useEffect(() => {
     if (autoOpenEditPopup) {
-      setOpenEditAutomationPopup(true);
+      setEditPopup2(true);
     }
-  }, [autoOpenEditPopup]);
+  }, [autoOpenEditPopup, setEditPopup2]);
   const handleEditDialogChange = (newValue) => {
-    if (openEditAutomationPopup === true && newValue === false) {
+    if (openEditPopup === true && newValue === false) {
       setTimeout(() => {
         invalidateAutomation();
       }, 0);
     }
-    setOpenEditAutomationPopup(newValue);
+    setEditPopup2(newValue);
   };
   const handleCancelAutomation = () => {
     updateAutomation2({
@@ -70347,7 +70738,7 @@ const ViewAutomationHeaderContainer = ({
       /* @__PURE__ */ jsx(mergedIconDefinitions.DropdownMenuTrigger, { className: "ml-2 h-4 w-4" })
     ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-      automation2.status === AutomationStatus.DRAFT && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setOpenEditAutomationPopup(true), children: "Edit" }),
+      automation2.status === AutomationStatus.DRAFT && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => setEditPopup2(true), children: "Edit" }),
       automation2.status === AutomationStatus.ACTIVE && /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: convertToDraft, children: "Convert to Draft" }),
       automation2.status !== AutomationStatus.COMPLETED && automation2.status !== AutomationStatus.FAILED && automation2.status !== AutomationStatus.DEACTIVATED && // We can't cancel managed automations
       automation2.automationType !== BusinessAutomationTypeEnum.MANAGED && /* @__PURE__ */ jsx(
@@ -70400,10 +70791,9 @@ const ViewAutomationHeaderContainer = ({
     /* @__PURE__ */ jsx(
       EditAutomationDialog,
       {
-        open: openEditAutomationPopup,
+        open: openEditPopup,
         onOpenChange: handleEditDialogChange,
         iconDefinitions: mergedIconDefinitions,
-        setOpenEditAutomationPopup,
         logoUrl,
         getExtraMergeFields,
         onBeforeSchedule
@@ -70532,28 +70922,28 @@ Object.values(
 );
 export {
   $TRACK as $,
-  getQueryStatusColorByLabel as A,
-  displayValue as B,
-  convertRemToPixels as C,
-  untrack as D,
-  useTransition as E,
+  displayValue as A,
+  batch as B,
+  clearDelegatedEvents as C,
+  Dynamic as D,
+  untrack as E,
   For as F,
-  spread as G,
-  mergeProps$8 as H,
-  createRoot as I,
-  serialize$1 as J,
-  Index as K,
-  updateNestedDataByPath as L,
-  addEventListener$1 as M,
-  stringify as N,
-  Match as O,
+  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$1 as O,
   Portal$9 as P,
-  Switch$2 as Q,
-  deleteNestedDataByPath as R,
+  stringify as Q,
+  Match as R,
   Show as S,
-  splitProps as T,
-  Dynamic as U,
-  createComputed as V,
+  Switch$2 as T,
+  deleteNestedDataByPath as U,
+  useTransition as V,
   AutomationTriggerType as W,
   ReachProvider as X,
   CreateAutomationDialog as Y,
@@ -70562,29 +70952,29 @@ export {
   createComponent as a,
   SegmentBuilderDialog as a0,
   ViewAutomation as a1,
-  createContext as b,
+  createSignal as b,
   createMemo as c,
-  createSignal as d,
+  delegateEvents as d,
   createEffect as e,
-  createRenderEffect as f,
+  mergeProps$8 as f,
   getPreferredColorScheme as g,
-  className as h,
-  insert as i,
-  clearDelegatedEvents as j,
-  delegateEvents as k,
-  onCleanup as l,
+  splitProps as h,
+  createContext as i,
+  createRenderEffect as j,
+  setAttribute as k,
+  createUniqueId as l,
   mutationSortFns as m,
-  on as n,
-  onMount as o,
-  setAttribute as p,
-  getSidedProp as q,
-  use as r,
+  onCleanup as n,
+  on as o,
+  onMount as p,
+  use as q,
+  insert as r,
   sortFns as s,
   template as t,
   useContext as u,
-  createUniqueId as v,
-  batch as w,
-  getQueryStatusLabel as x,
-  getMutationStatusColor as y,
-  getQueryStatusColor as z
+  className as v,
+  getQueryStatusColor as w,
+  getMutationStatusColor as x,
+  spread as y,
+  getQueryStatusColorByLabel as z
 };