@embedreach/components 0.2.59 → 0.2.61

package/dist/chunks/index.js

@@ -98029,12 +98029,11 @@ const NoCommunicationContent = ({ type, disablePreviewSubtext = false }) => {
     }
   ) });
 };
-const PreviewButton = ({
-  onClick
-}) => {
+const PreviewButton = React__default.forwardRef(({ onClick }, ref) => {
   return /* @__PURE__ */ jsxs(
     Button$1,
     {
+      ref,
       variant: "outline",
       size: "sm",
       className: "rounded-lg px-3 py-2 flex items-center gap-2 shadow-sm bg-white/80 hover:bg-zinc-100 border border-zinc-200",
@@ -98045,7 +98044,8 @@ const PreviewButton = ({
       ]
     }
   );
-};
+});
+PreviewButton.displayName = "PreviewButton";
 const validateEmail = (email) => {
   const emailRegex2 = /^[^\s@.]+(?:\.[^\s@.]+)*@[^\s@.]+(?:\.[^\s@.]+)+$/;
   return emailRegex2.test(email);
@@ -98427,13 +98427,13 @@ const AutomationEditorEmailPreview = ({
               alertText: "Unable to send preview",
               title: "There was an error preparing the preview. Please check your automation configuration.",
               className: "inline-block",
-              asChild: false,
-              children: /* @__PURE__ */ jsx("div", { className: "inline-block", children: /* @__PURE__ */ jsx(
+              asChild: true,
+              children: /* @__PURE__ */ jsx(
                 PreviewButton,
                 {
                   onClick: () => setOpenSendPreviewEmailPopup(true)
                 }
-              ) })
+              )
             }
           ) : /* @__PURE__ */ jsx(
             PreviewButton,
@@ -102554,10 +102554,6 @@ const AutomationSelectTimeMain = ({ title: title2 = "Edit Schedule Time" }) => {
     if (deliveryOption === null) {
       if (automation2?.triggerMetadata && // Not needed i know but im terrified of TS errors now :nod_cry:
       typeof automation2.triggerMetadata === "object" && automation2.triggerMetadata !== null && "scheduledAt" in automation2.triggerMetadata) {
-        console.log(
-          automation2?.triggerMetadata?.scheduledAt,
-          automation2?.triggerType
-        );
         if (automation2?.triggerMetadata?.scheduledAt === "now" && automation2?.triggerType === AutomationTriggerType.ONE_TIME) {
           setDeliveryOption("sendNow");
         } else {
@@ -104475,13 +104471,17 @@ const EstimatedMatchesView = ({ countResponse }) => {
 };
 const RecipientsTable = ({ recipients }) => {
   if (!recipients?.length) return null;
+  const filteredRecipients = recipients.filter(
+    (recipient) => recipient.firstName || recipient.lastName
+  );
+  if (!filteredRecipients.length) return null;
   return /* @__PURE__ */ jsx("div", { className: "bg-foreground/5 rounded-lg h-full relative overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 w-full h-full overflow-y-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
     /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-foreground/5 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("tr", { children: [
       /* @__PURE__ */ jsx("th", { className: "px-3 sm:px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wide", children: "Name" }),
       /* @__PURE__ */ jsx("th", { className: "px-3 sm:px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wide", children: "Contact" })
     ] }) }),
-    /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200/50", children: recipients.map((recipient, index2) => /* @__PURE__ */ jsxs("tr", { className: "hover:bg-white/50 transition-colors", children: [
-      /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3 text-sm text-gray-900", children: recipient.firstName || recipient.lastName ? `${recipient.firstName || ""} ${recipient.lastName || ""}`.trim() : "Not Provided" }),
+    /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200/50", children: filteredRecipients.map((recipient, index2) => /* @__PURE__ */ jsxs("tr", { className: "hover:bg-white/50 transition-colors", children: [
+      /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3 text-sm text-gray-900", children: `${recipient.firstName || ""} ${recipient.lastName || ""}`.trim() }),
       /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5 sm:gap-2", children: [
         recipient.email && /* @__PURE__ */ jsx("span", { className: "px-2 sm:px-2.5 py-1 text-xs font-medium bg-blue-100/50 text-blue-700 rounded-lg", children: "Email" }),
         recipient.phone && /* @__PURE__ */ jsx("span", { className: "px-2 sm:px-2.5 py-1 text-xs font-medium bg-green-100/50 text-green-700 rounded-lg", children: "Phone" })
@@ -109105,7 +109105,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                   {
                     title: "You'll be able to send campaigns once your SMS application is approved.",
                     alertText: "SMS number approval pending",
-                    asChild: false,
+                    asChild: true,
                     children: /* @__PURE__ */ jsx(
                       Button$1,
                       {
@@ -109123,7 +109123,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                   InfoTooltip,
                   {
                     alertText: "Before sending, please select a schedule time on the left sidebar",
-                    asChild: false,
+                    asChild: true,
                     children: /* @__PURE__ */ jsx(
                       Button$1,
                       {
@@ -109145,7 +109145,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
                 } else if (noSmsMessageBody) {
                   alertText = "Please add a message to your SMS communication";
                 }
-                return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(InfoTooltip, { alertText, asChild: false, children: /* @__PURE__ */ jsx(
+                return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(InfoTooltip, { alertText, asChild: true, children: /* @__PURE__ */ jsx(
                   Button$1,
                   {
                     variant: "outline",
@@ -109203,7 +109203,7 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
     };
     const content2 = renderContent();
     if (disableSwitch && infoOnDisabled && automation2.triggerType === AutomationTriggerType.TRIGGER_BASED) {
-      return /* @__PURE__ */ jsx(InfoTooltip, { alertText: infoOnDisabled, children: content2 });
+      return /* @__PURE__ */ jsx(InfoTooltip, { alertText: infoOnDisabled, asChild: true, children: content2 });
     } else {
       return content2;
     }