@embedreach/components 0.3.10 → 0.3.12

package/dist/chunks/index.js

@@ -12,6 +12,7 @@ const WEBSITE_BRAND_SETTINGS_PATH = `${WEB_PRESENCE_PATH}/brand-settings`;
 const CHANNEL_SENDER_PATH = "/channel/senders";
 const CHANNEL_ACCOUNT_PATH = "/channel/accounts";
 const COMMUNICATION_GROUP_PATH = "/communication-groups";
+const PARTNER_ME_PATH = "/partners/me";
 const STRIPO_PATH = "/stripo";
 const SLACK_NOTIFICATION_PATH = "/slack-notifications";
 const TELEMETRY_PATH = "/telemetry";
@@ -2553,6 +2554,14 @@ let EventEmitter$2 = class EventEmitter {
   }
 };
 const eventEmitter = new EventEmitter$2();
+const CACHE_INFINITY = {
+  // Never mark data as stale
+  staleTime: Infinity,
+  // Never remove data from cache
+  gcTime: Infinity,
+  // No need to revalidate on window focus for permanent data
+  refetchOnWindowFocus: false
+};
 const CACHE_STANDARD = {
   // Consider data stale after 5 minutes
   staleTime: 5 * 60 * 1e3,
@@ -28808,6 +28817,40 @@ const DEFAULT_THEME_STYLES = {
   "font-body": 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   "font-heading": '"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
 };
+const DEFAULT_DARK_THEME_STYLES = {
+  background: "240 6% 10%",
+  // Very dark gray
+  foreground: "0 0% 98%",
+  // Near white
+  card: "240 6% 12%",
+  "card-foreground": "0 0% 98%",
+  popover: "240 6% 12%",
+  "popover-foreground": "0 0% 98%",
+  primary: "210 30% 88%",
+  // Light slate
+  "primary-foreground": "240 6% 10%",
+  secondary: "240 4% 20%",
+  // Muted dark
+  "secondary-foreground": "0 0% 98%",
+  muted: "240 4% 16%",
+  "muted-foreground": "220 10% 65%",
+  accent: "210 15% 24%",
+  "accent-foreground": "0 0% 98%",
+  destructive: "0 62% 54%",
+  // Softer red for dark
+  "destructive-foreground": "0 0% 98%",
+  border: "240 4% 20%",
+  input: "240 4% 20%",
+  ring: "210 30% 88%",
+  "chart-1": "210 50% 70%",
+  "chart-2": "260 50% 75%",
+  "chart-3": "150 50% 65%",
+  "chart-4": "325 50% 75%",
+  "chart-5": "45 80% 75%",
+  radius: "0.625rem",
+  "font-body": 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  "font-heading": '"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+};
 const normalizeColor = (color2) => {
   const div = document.createElement("div");
   div.style.color = color2;
@@ -29196,14 +29239,14 @@ const tailwindToHsl = (tailwindClass) => {
   const [r2, g2, b3] = colorMap[color2][shade];
   return rgbToShadcnHsl(r2, g2, b3);
 };
-const applyThemeStyles = (styles2) => {
+const applyThemeStyles = (styles2, darkStyles) => {
   const existingStyles = document.getElementById("reach-theme-styles");
   if (existingStyles) {
     existingStyles.remove();
   }
   const styleElement2 = document.createElement("style");
   styleElement2.id = "reach-theme-styles";
-  const cssText = `
+  let cssText = `
     [data-reach-root] {
       ${Object.entries(DEFAULT_THEME_STYLES).map(([key, defaultValue]) => {
     const userValue = styles2[key];
@@ -29245,9 +29288,61 @@ const applyThemeStyles = (styles2) => {
       font-family: var(--reach-font-heading);
     }
   `;
+  if (darkStyles) {
+    cssText += `
+      .dark [data-reach-root] {
+        ${Object.entries(DEFAULT_DARK_THEME_STYLES).map(([key, defaultValue]) => {
+      const userValue = darkStyles[key];
+      let finalValue = defaultValue;
+      if (userValue !== void 0) {
+        if (key === "radius" || key === "font-body" || key === "font-heading") {
+          finalValue = userValue;
+        } else if (isValidColor(userValue)) {
+          const isTailwindClass = /^bg-/.test(userValue.trim()) && userValue.trim() !== "bg-inherit" && userValue.trim() !== "bg-current" && userValue.trim() !== "bg-transparent";
+          if (isTailwindClass) {
+            const className = userValue.replace(/['"]/g, "").trim();
+            finalValue = tailwindToHsl(className);
+          } else {
+            try {
+              finalValue = toShadcnFormat(userValue);
+            } catch (e4) {
+              console.warn(
+                `Failed to convert dark color for ${key}, using default`
+              );
+            }
+          }
+        }
+      }
+      return `--reach-${key}: ${finalValue};`;
+    }).join("\n")}
+      }
+
+      .dark [data-reach-root] {
+        font-family: var(--reach-font-body);
+      }
+      .dark [data-reach-root] h1,
+      .dark [data-reach-root] h2,
+      .dark [data-reach-root] h3,
+      .dark [data-reach-root] h4,
+      .dark [data-reach-root] h5,
+      .dark [data-reach-root] h6 {
+        font-family: var(--reach-font-heading);
+      }
+    `;
+  }
   styleElement2.textContent = cssText;
   document.head.appendChild(styleElement2);
 };
+const mergeThemeStyles = ({
+  partnerThemeConfig,
+  userOverrides
+} = {}) => {
+  return {
+    ...DEFAULT_THEME_STYLES,
+    ...partnerThemeConfig?.styles || {},
+    ...userOverrides || {}
+  };
+};
 const themeReducer = (state, action) => {
   switch (action.type) {
     case "set_theme":
@@ -29288,18 +29383,59 @@ const { Context: Context$3, Provider: BaseProvider } = createDataContext(
     error: null
   }
 );
+const getPartner = async () => {
+  const response = await baseRequest(PARTNER_ME_PATH);
+  return response.data;
+};
+const partnerQueryKey = ["partner"];
+const usePartner = () => {
+  const query = useQuery({
+    queryKey: partnerQueryKey,
+    queryFn: getPartner,
+    ...CACHE_INFINITY
+  });
+  return query;
+};
 const ThemeInitializer = ({ initialTheme, children }) => {
   const { setTheme: setTheme2, setLoading: setLoading2 } = React__default.useContext(Context$3);
+  const { data: partnerData, isLoading: isPartnerLoading } = usePartner();
   const themeApplied = useRef(false);
   useEffect(() => {
-    if (initialTheme && !themeApplied.current) {
-      applyThemeStyles(initialTheme.styles);
-      setTheme2(initialTheme);
+    if (isPartnerLoading) {
+      return;
+    }
+    if (!themeApplied.current) {
+      const mergedStyles = mergeThemeStyles({
+        partnerThemeConfig: partnerData?.theme_config,
+        userOverrides: initialTheme?.styles
+      });
+      let mergedDarkStyles = void 0;
+      const darkMode = partnerData?.theme_config?.darkMode || initialTheme?.darkMode;
+      if (darkMode) {
+        mergedDarkStyles = mergeThemeStyles({
+          partnerThemeConfig: {
+            styles: {
+              ...DEFAULT_DARK_THEME_STYLES,
+              ...partnerData?.theme_config?.styles || {}
+            }
+          },
+          userOverrides: initialTheme?.styles
+        });
+        document.documentElement.classList.add("dark");
+      } else {
+        document.documentElement.classList.remove("dark");
+      }
+      applyThemeStyles(mergedStyles, mergedDarkStyles);
+      const finalTheme = {
+        styles: mergedStyles,
+        darkMode
+      };
+      setTheme2(finalTheme);
       themeApplied.current = true;
     } else {
       setLoading2(false);
     }
-  }, [initialTheme, setTheme2, setLoading2]);
+  }, [initialTheme, partnerData, isPartnerLoading, setTheme2, setLoading2]);
   return /* @__PURE__ */ jsx(Fragment$1, { children });
 };
 const Provider$4 = ({ initialTheme, children }) => {
@@ -32157,6 +32293,8 @@ const measure$1 = {
       missing_website_tracking_banner_title: "Metrics are being processed",
       missing_website_tracking_banner_description: "We're preparing your dashboard and calculating your metrics. To see accurate campaign performance, please ensure tracking is set up on your website. This could take a few hours to a few days to complete but your data will be available soon.",
       missing_website_tracking_banner_action: "Setup Tracking On My Website",
+      update_meta_ads_tracking_banner_title: "Update Your Meta Ads Tracking Parameters",
+      update_meta_ads_tracking_banner_description: "Some of your Meta ads are missing our required tracking parameters for proper attribution. Please update them as soon as possible to ensure accurate attribution.",
       reach_managed_campaign_banner_title: "Campaign Data Processing",
       reach_managed_campaign_banner_description: "Your latest ad campaign data is currently being processed and will be available soon."
     },
@@ -32703,6 +32841,8 @@ const measure = {
       missing_website_tracking_banner_title: "Métricas están siendo procesadas",
       missing_website_tracking_banner_description: "Estamos preparando tu panel y calculando tus métricas. Para ver el rendimiento de tus campañas de manera precisa, por favor asegúrate de que el seguimiento esté configurado en tu sitio web. Esto puede tomar unas horas o unos días para completarse, pero tus datos estarán disponibles pronto.",
       missing_website_tracking_banner_action: "Configurar seguimiento en mi sitio web",
+      update_meta_ads_tracking_banner_title: "Actualizar parámetros de seguimiento de anuncios de Meta",
+      update_meta_ads_tracking_banner_description: "Algunos de tus anuncios de Meta están faltando nuestros parámetros de seguimiento requeridos para una atribución precisa. Por favor, actualízalos lo antes posible para garantizar una atribución precisa.",
       reach_managed_campaign_banner_title: "Datos de campaña procesando",
       reach_managed_campaign_banner_description: "Tus datos de campaña de anuncios están siendo procesados y estarán disponibles pronto."
     },
@@ -33314,6 +33454,8 @@ const defaultTranslations = {
           missing_website_tracking_banner_title: "Metrics are being processed",
           missing_website_tracking_banner_description: "We're preparing your dashboard and calculating your metrics. To see accurate campaign performance, please ensure tracking is set up on your website. This could take a few hours to a few days to complete but your data will be available soon.",
           missing_website_tracking_banner_action: "Setup Tracking On My Website",
+          update_meta_ads_tracking_banner_title: "Update Your Meta Ads Tracking Parameters",
+          update_meta_ads_tracking_banner_description: "Some of your Meta ads are missing our required tracking parameters for proper attribution. Please update them as soon as possible to ensure accurate attribution.",
           reach_managed_campaign_banner_title: "Campaign Data Processing",
           reach_managed_campaign_banner_description: "Your latest ad campaign data is currently being processed and will be available soon."
         },
@@ -91447,7 +91589,7 @@ const getEmailChannelSendersWithChannelAccounts = (args) => {
       (account) => account.id === sender.channelAccountId
     );
     if (!channelAccount) return [];
-    if (channelAccount.channelAccountMetadata.type === ChannelAccountTypeEnum.REACH_MANAGED) {
+    if (channelAccount.channelAccountMetadata.type === ChannelAccountTypeEnum.REACH_MANAGED || channelAccount.channelAccountMetadata.type === ChannelAccountTypeEnum.REACH_MANAGED_SES) {
       return [
         {
           channelSenderId: sender.id,
@@ -96972,7 +97114,7 @@ function MultiSelectDialog({
         ] })
       ] }) }),
       /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 max-h-[300px]", children: /* @__PURE__ */ jsx(Command, { className: "rounded-none border-none", children: /* @__PURE__ */ jsxs(CommandGroup, { children: [
+      /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 max-h-[300px] rounded-md", children: /* @__PURE__ */ jsx(Command, { className: "rounded-none border-none", children: /* @__PURE__ */ jsxs(CommandGroup, { children: [
         extraCommandItems.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
           extraCommandItems.map((renderItem, index2) => /* @__PURE__ */ jsx("div", { className: "px-3 py-2", children: renderItem(setOpen) }, `extra-command-${index2}`)),
           /* @__PURE__ */ jsx(Separator, { className: "my-2" })
@@ -97295,22 +97437,19 @@ const SMSEditor = ({
             singleSelect: true
           }
         ),
-        /* @__PURE__ */ jsx(InfoTooltip, { title: "Merge Fields" })
+        /* @__PURE__ */ jsx(
+          InfoTooltip,
+          {
+            size: "large",
+            title: "Merge fields are placeholders for dynamic content. For example you can use the recipients name, or email in the contents of your message."
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: `flex items-center gap-2 text-sm transition-colors duration-300 ${characterCountFormatted.colorClass}`,
+          className: `flex items-center gap-2 text-xs transition-colors duration-300 ${characterCountFormatted.colorClass}`,
           children: [
-            /* @__PURE__ */ jsx(
-              SavingIndicator,
-              {
-                isSaving: !!(isUpdating || hasUnsavedChanges),
-                savingText: isUpdating || hasUnsavedChanges ? "Saving..." : "Autosave enabled",
-                size: "xs",
-                textSize: "xs"
-              }
-            ),
             characterCountFormatted.text,
             characterCount > SMS_LIMITS.RECOMMENDED_LIMIT && /* @__PURE__ */ jsx(
               InfoTooltip,
@@ -97331,7 +97470,16 @@ const SMSEditor = ({
           ]
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+      SavingIndicator,
+      {
+        isSaving: !!(isUpdating || hasUnsavedChanges),
+        savingText: isUpdating || hasUnsavedChanges ? "Saving..." : "Autosave enabled",
+        size: "xs",
+        textSize: "xs"
+      }
+    ) })
   ] });
 };
 const SMSSenderAndCompanyEditor = React__default.memo(
@@ -97566,7 +97714,7 @@ const SMSEditorContent = ({
     if (isInitialMountRef.current) {
       return;
     }
-    const rawSMSBody = debouncedMessage || "";
+    const rawSMSBody = editingMessage || "";
     if (rawSMSBody.length > SMS_ABSOLUTE_LIMIT) {
       toast2({
         title: "SMS is too long",
@@ -97603,7 +97751,7 @@ const SMSEditorContent = ({
       });
     }
   }, [
-    debouncedMessage,
+    editingMessage,
     communicationGroupId,
     updateCommunicationGroup2,
     toast2,
@@ -97729,20 +97877,14 @@ const SMSEditorContent = ({
     return /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center p-8", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading editor..." }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: cn$2("w-full @container", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-gray-700 mb-2", children: "Live Preview" }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: "See how your message will appear to customers" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        MemoizedSMSSenderAndCompanyEditor$1,
-        {
-          communicationGroupId,
-          initialSenderId: initialSenderId || null,
-          companyName: initialCompanyNameRef.current || null
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mb-6", children: /* @__PURE__ */ jsx(
+      MemoizedSMSSenderAndCompanyEditor$1,
+      {
+        communicationGroupId,
+        initialSenderId: initialSenderId || null,
+        companyName: initialCompanyNameRef.current || null
+      }
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-6 h-full", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
         imagePreview && /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ jsx("div", { className: "relative group w-fit", children: /* @__PURE__ */ jsx(
@@ -97785,7 +97927,7 @@ const SMSEditorContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "hidden @lg:block flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "sticky top-4", children: /* @__PURE__ */ jsx("div", { className: "bg-gray-50 rounded-xl p-4 border border-gray-200", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "block flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "sticky top-4", children: /* @__PURE__ */ jsx("div", { className: "bg-gray-50 rounded-xl p-4 border border-gray-200", children: /* @__PURE__ */ jsx(
         SMSPreview,
         {
           body: buildFinalSMSBody({
@@ -97815,7 +97957,7 @@ const EditSMSContent = () => {
   if (isGetMergeFieldsLoading || !getMergeFields2) {
     return /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center flex-1 h-full bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: /* @__PURE__ */ jsx(BasicLoader, { text: ["Fetching Content..."] }) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl w-full p-6 space-y-4 relative", children: [
     /* @__PURE__ */ jsx(TitleAndResetButton, { title: "SMS Campaign", type: ChannelType.SMS }),
     hasAnySMSsenders === false ? /* @__PURE__ */ jsx("div", { className: "w-full pt-8 mx-auto", children: /* @__PURE__ */ jsx(SMSSetup, {}) }) : /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsx(
       SMSEditorContent,
@@ -99021,7 +99163,8 @@ const useEmailChannelSenders = () => {
   }, [channelSenders?.results, channelAccounts?.results]);
 };
 const EmailDetailsPreview = ({
-  mergeFieldsResponse
+  mergeFieldsResponse,
+  disableEditContent
 }) => {
   const automation2 = useAutomation();
   const communicationGroup = useCommunicationGroup();
@@ -99178,7 +99321,7 @@ const EmailDetailsPreview = ({
       )
     ] }),
     /* @__PURE__ */ jsxs(Popover, { open: popoverOpen, onOpenChange: handlePopoverClose, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: !disableEditContent && /* @__PURE__ */ jsxs(
         Button$1,
         {
           size: "sm",
@@ -99727,6 +99870,7 @@ const AutomationEditorEmailPreview = ({
   const showPreview = !disablePreview && hasEmailContent;
   const showChannelDisabledWarning = !communicationGroup.emailChannelSenderId || emailChannelSenders.length === 0;
   const EditButton = () => {
+    if (disableEditContent) return null;
     const button = /* @__PURE__ */ jsxs(
       Button$1,
       {
@@ -99849,8 +99993,14 @@ const AutomationEditorEmailPreview = ({
       }
     ),
     showChannelDisabledWarning && /* @__PURE__ */ jsx(ChannelDisabledWarning, { channelType: "email" }),
-    hasEmailContent ? /* @__PURE__ */ jsx("div", { className: "relative flex-1 w-full flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-y-auto flex flex-col", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-4 px-4 pb-20", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-full flex-shrink-0 max-w-2xl mx-auto rounded-md", children: /* @__PURE__ */ jsx(EmailDetailsPreview, { mergeFieldsResponse: getMergeFields2 }) }),
+    hasEmailContent ? /* @__PURE__ */ jsx("div", { className: "flex-1 w-full flex flex-col overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-4 px-4 pt-4 pb-20", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-4 px-4 pb-20", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full flex-shrink-0 max-w-2xl mx-auto rounded-md", children: /* @__PURE__ */ jsx(
+        EmailDetailsPreview,
+        {
+          mergeFieldsResponse: getMergeFields2,
+          disableEditContent
+        }
+      ) }),
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-background flex-1 min-h-0 flex flex-col items-center max-w-2xl mx-auto w-full", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 w-full justify-end p-3", children: [
           /* @__PURE__ */ jsx(ResetToDefaultButton, { type: ChannelType.EMAIL }),
@@ -99952,7 +100102,7 @@ const MemoizedSMSSenderAndCompanyEditor = React__default.memo(
     );
   }
 );
-const SMSDetailsPreview = () => {
+const SMSDetailsPreview = ({ disableEditContent }) => {
   const automation2 = useAutomation();
   const communicationGroup = useCommunicationGroup();
   const { channelSenders } = useChannelSender();
@@ -100003,7 +100153,7 @@ const SMSDetailsPreview = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(
+    !disableEditContent && /* @__PURE__ */ jsx(
       MemoizedSMSSenderAndCompanyEditor,
       {
         trigger: /* @__PURE__ */ jsx(MemoizedTriggerButton, {}),
@@ -100099,6 +100249,7 @@ const AutomationEditorSMSPreview = ({
   const showPreview = !disablePreview && hasSendableSmsContent;
   const showChannelDisabledWarning = !communicationGroup?.smsChannelSenderId || smsChannelSenders.length === 0;
   const EditButton = () => {
+    if (disableEditContent) return null;
     const button = /* @__PURE__ */ jsxs(
       Button$1,
       {
@@ -100186,8 +100337,13 @@ const AutomationEditorSMSPreview = ({
           ) })
         ] }) }),
         showChannelDisabledWarning && /* @__PURE__ */ jsx(ChannelDisabledWarning, { channelType: "sms" }),
-        hasAnySMSsenders ? /* @__PURE__ */ jsx("div", { className: "relative flex-1 w-full flex flex-col overflow-hidden h-full", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-y-auto flex flex-col", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-4 px-4 pt-4 pb-20", children: [
-          /* @__PURE__ */ jsx("div", { className: "w-full flex-shrink-0 max-w-2xl mx-auto rounded-md", children: /* @__PURE__ */ jsx(SMSDetailsPreview, {}) }),
+        hasAnySMSsenders ? /* @__PURE__ */ jsx("div", { className: "flex-1 w-full flex flex-col overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-4 px-4 pt-4 pb-20", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-4 px-4 pt-4 pb-20", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full flex-shrink-0 max-w-2xl mx-auto rounded-md", children: /* @__PURE__ */ jsx(
+            SMSDetailsPreview,
+            {
+              disableEditContent
+            }
+          ) }),
           /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-background flex-1 min-h-0 flex flex-col items-center max-w-2xl mx-auto w-full", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 w-full justify-end p-3", children: [
               /* @__PURE__ */ jsx(ResetToDefaultButton, { type: ChannelType.SMS }),
@@ -106548,7 +106704,7 @@ const SelectSenderScreen = () => {
     return /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center flex-1 h-full bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: /* @__PURE__ */ jsx(BasicLoader, { text: ["Fetching Content..."] }) });
   }
   const hasEmailChannelSenders = emailChannelSendersWithChannelAccounts.length > 0;
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 flex-shrink-0", children: /* @__PURE__ */ jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 space-y-4 relative", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 flex-shrink-0", children: /* @__PURE__ */ jsx("div", { className: "bg-white rounded-2xl w-full p-6 space-y-4 relative", children: /* @__PURE__ */ jsx(
     SelectEmailOrSMS,
     {
       automationType: automation2?.triggerMetadata?.triggerType,
@@ -107250,7 +107406,7 @@ const OneTimeWizardMain = ({ onFinish, getExtraMergeFields, onBeforeSchedule })
     step.step
   )) });
   const renderContent = () => /* @__PURE__ */ jsx("section", { className: "flex-1 mr-6 w-full relative rounded-xl bg-gray-100 ml-6 @[1000px]:ml-0", children: /* @__PURE__ */ jsx("div", { className: " overflow-y-auto top-0 left-0 right-0 bottom-0 flex-1 h-full flex-col flex", children: /* @__PURE__ */ jsx(BlurDiv, { className: "pt-0 h-full", children: STEPS.find((step) => step.step === currentStep)?.content }, currentStep) }) });
-  const renderFooter = () => /* @__PURE__ */ jsx("footer", { className: "w-full flex justify-end shadow-md z-10 items-center h-16 px-6", children: /* @__PURE__ */ jsx(
+  const renderFooter = () => /* @__PURE__ */ jsx("footer", { className: "w-full flex justify-end z-10 items-center h-16 px-6", children: /* @__PURE__ */ jsx(
     BackNextButtonGroup,
     {
       handleSkipAndSaveAsDraft,
@@ -107269,7 +107425,7 @@ const OneTimeWizardMain = ({ onFinish, getExtraMergeFields, onBeforeSchedule })
   return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col @container h-full min-h-0", children: [
     renderHeader(),
     /* @__PURE__ */ jsxs("main", { className: "flex gap-4 flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsx("div", { className: "hidden @[1000px]:block", children: renderStepNav() }),
+      /* @__PURE__ */ jsx("div", { className: "block", children: renderStepNav() }),
       renderContent()
     ] }),
     renderFooter()
@@ -107583,7 +107739,8 @@ function CreateAutomationDialog({
   replyToSettingsText,
   replyToSettingsLink,
   fromNameSettingsText,
-  fromNameSettingsLink
+  fromNameSettingsLink,
+  onBeforeSchedule
 }) {
   const onCloseInner = (createdAutomation) => {
     onClose?.(createdAutomation);
@@ -107623,7 +107780,8 @@ function CreateAutomationDialog({
                 automationType,
                 currentStep,
                 setCurrentStep,
-                getExtraMergeFields
+                getExtraMergeFields,
+                onBeforeSchedule
               }
             )
           ]

package/dist/chunks/sandbox-loading-screen.js

@@ -22811,7 +22811,19 @@ const handlers = [
       message: "Success (Sandbox)",
       data: null
     });
-  })
+  }),
+  http.get(
+    `${HOSTNAME}/api/ad-platform-tracking/meta/check-for-existing?ad_account_id=sandbox-m-act-789`,
+    async () => {
+      return HttpResponse.json({
+        success: true,
+        message: "Success (Sandbox)",
+        data: {
+          ads_with_tracking: []
+        }
+      });
+    }
+  )
 ];
 const worker = setupWorker(...handlers);
 const MAX_RETRIES = 3;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { default as default_2 } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ThemeConfig } from '@reach/shared-types/theme';
 
 export declare enum AutomationTriggerType {
     ONE_TIME = "one_time",
@@ -7,7 +8,7 @@ export declare enum AutomationTriggerType {
     DATE_BASED = "date_based"
 }
 
-export declare function CreateAutomationDialog({ open, setOpen, onClose, automationType, getExtraMergeFields, replyToSettingsText, replyToSettingsLink, fromNameSettingsText, fromNameSettingsLink, }: CreateAutomationDialogProps): JSX_2.Element;
+export declare function CreateAutomationDialog({ open, setOpen, onClose, automationType, getExtraMergeFields, replyToSettingsText, replyToSettingsLink, fromNameSettingsText, fromNameSettingsLink, onBeforeSchedule, }: CreateAutomationDialogProps): JSX_2.Element;
 
 declare interface CreateAutomationDialogProps extends CreateAutomationModalProps {
     /**
@@ -247,53 +248,7 @@ declare type StaticMergeField = ReachMergeFieldBase & {
     templateName: string;
 };
 
-/**
- * Theme initialization options that can be passed to ReachProvider
- */
-export declare interface ThemeConfig {
-    /** Optional overrides for theme styles */
-    styles: Partial<ThemeStyles>;
-    /** Dark mode toggle */
-    darkMode?: boolean;
-}
-
-/**
- * Theme styles incorporating shadcn variables
- *
- * Matches what we say in our dev docs here:
- * https://docs.embedreach.com/sdk/customization
- *
- * @interface ThemeStyles
- */
-declare interface ThemeStyles {
-    background?: string;
-    foreground?: string;
-    card?: string;
-    'card-foreground'?: string;
-    popover?: string;
-    'popover-foreground'?: string;
-    primary?: string;
-    'primary-foreground'?: string;
-    secondary?: string;
-    'secondary-foreground'?: string;
-    muted?: string;
-    'muted-foreground'?: string;
-    accent?: string;
-    'accent-foreground'?: string;
-    destructive?: string;
-    'destructive-foreground'?: string;
-    border?: string;
-    input?: string;
-    ring?: string;
-    'chart-1'?: string;
-    'chart-2'?: string;
-    'chart-3'?: string;
-    'chart-4'?: string;
-    'chart-5'?: string;
-    radius?: string;
-    'font-body'?: string;
-    'font-heading'?: string;
-}
+export { ThemeConfig }
 
 export declare const ViewAutomationModal: default_2.FC<ViewAutomationProps & {
     inRouter?: boolean;