@universe-platform/ui 0.1.0-beta.21 → 0.1.0-beta.23

package/dist/globals.css

@@ -1072,6 +1072,9 @@
   .border-emerald-500 {
     border-color: var(--color-emerald-500);
   }
+  .border-emerald-600 {
+    border-color: var(--color-emerald-600);
+  }
   .border-fuchsia-200 {
     border-color: var(--color-fuchsia-200);
   }

package/dist/index.d.mts

@@ -53,10 +53,14 @@ declare function isValidPhoneNumber(phone: string): boolean;
  */
 declare function generateWhatsAppLink(phone: string, defaultCountryCode?: string): string | null;
 /**
- * Normalizes a phone number for WhatsApp sending (E.164 without leading '+').
- * - Strips spaces, dashes, and special characters.
- * - If it starts with '05' (10 digits), replaces the leading '0' with '972' (e.g., '0586812807' -> '972586812807').
- * - If it starts with '+', strips the '+'.
+ * Normalizes a phone number for WhatsApp sending (Meta international format without leading '+').
+ * - Returns empty string if input is falsy.
+ * - Trims input and removes leading '+' if it exists.
+ * - Strips all non-digit characters.
+ * - If starting with '972', returns it as is.
+ * - If starting with '0' (Israeli mobile/landline), strips '0' and prepends '972'.
+ * - If exactly 9 digits long (omitted leading zero), prepends '972'.
+ * - Returns the processed digits string.
  */
 declare function normalizePhoneForWhatsApp(phone: string): string;
 
@@ -547,6 +551,8 @@ declare function useWhatsAppState(props: WhatsAppComponentProps): {
     isTestDisabled: boolean;
     sendButtonTitle: string;
     testButtonTitle: string;
+    requiresMediaHeader: boolean;
+    isMediaMissing: boolean;
     templates: MetaWhatsAppTemplate[];
     selectedTemplateId: string | null;
     setSelectedTemplateId: react.Dispatch<react.SetStateAction<string | null>>;
@@ -556,6 +562,8 @@ declare function useWhatsAppState(props: WhatsAppComponentProps): {
     headerMediaUrl: string;
     handleHeaderMediaUrlChange: (newUrl: string) => void;
     handleResetHeaderMediaUrl: () => void;
+    isUploadingMedia: boolean;
+    handleFileUpload: (file: File, templateName?: string) => Promise<void>;
     templateVariables: string[];
     variableMapping: TemplateVariableMapping;
     textableColumnOptions: TextableColumnOption[];

package/dist/index.d.ts

@@ -53,10 +53,14 @@ declare function isValidPhoneNumber(phone: string): boolean;
  */
 declare function generateWhatsAppLink(phone: string, defaultCountryCode?: string): string | null;
 /**
- * Normalizes a phone number for WhatsApp sending (E.164 without leading '+').
- * - Strips spaces, dashes, and special characters.
- * - If it starts with '05' (10 digits), replaces the leading '0' with '972' (e.g., '0586812807' -> '972586812807').
- * - If it starts with '+', strips the '+'.
+ * Normalizes a phone number for WhatsApp sending (Meta international format without leading '+').
+ * - Returns empty string if input is falsy.
+ * - Trims input and removes leading '+' if it exists.
+ * - Strips all non-digit characters.
+ * - If starting with '972', returns it as is.
+ * - If starting with '0' (Israeli mobile/landline), strips '0' and prepends '972'.
+ * - If exactly 9 digits long (omitted leading zero), prepends '972'.
+ * - Returns the processed digits string.
  */
 declare function normalizePhoneForWhatsApp(phone: string): string;
 
@@ -547,6 +551,8 @@ declare function useWhatsAppState(props: WhatsAppComponentProps): {
     isTestDisabled: boolean;
     sendButtonTitle: string;
     testButtonTitle: string;
+    requiresMediaHeader: boolean;
+    isMediaMissing: boolean;
     templates: MetaWhatsAppTemplate[];
     selectedTemplateId: string | null;
     setSelectedTemplateId: react.Dispatch<react.SetStateAction<string | null>>;
@@ -556,6 +562,8 @@ declare function useWhatsAppState(props: WhatsAppComponentProps): {
     headerMediaUrl: string;
     handleHeaderMediaUrlChange: (newUrl: string) => void;
     handleResetHeaderMediaUrl: () => void;
+    isUploadingMedia: boolean;
+    handleFileUpload: (file: File, templateName?: string) => Promise<void>;
     templateVariables: string[];
     variableMapping: TemplateVariableMapping;
     textableColumnOptions: TextableColumnOption[];

package/dist/index.js

@@ -202,9 +202,15 @@ function normalizePhoneForWhatsApp(phone) {
     cleaned = cleaned.substring(1);
   }
   const digitsOnly = cleaned.replace(/\D/g, "");
-  if (digitsOnly.startsWith("05") && digitsOnly.length === 10) {
+  if (digitsOnly.startsWith("972")) {
+    return digitsOnly;
+  }
+  if (digitsOnly.startsWith("0")) {
     return `972${digitsOnly.substring(1)}`;
   }
+  if (digitsOnly.length === 9) {
+    return `972${digitsOnly}`;
+  }
   return digitsOnly;
 }
 
@@ -9727,9 +9733,12 @@ function buildTemplateComponents(params) {
     const format = (headerComp.format || "TEXT").toUpperCase();
     if (format === "IMAGE" || format === "DOCUMENT" || format === "VIDEO") {
       const validMediaUrl = resolveHeaderMediaUrl(headerComp, mediaUrl, selectedTemplate.name);
+      console.log(
+        `[MEDIA_DEBUG] template: ${selectedTemplate.name}, format: ${format}, resolvedUrl: ${validMediaUrl}`
+      );
       if (validMediaUrl) {
         if (format === "DOCUMENT") {
-          const docFilename = resolveDocumentFilename(headerComp, validMediaUrl);
+          const docFilename = resolveDocumentFilename(headerComp, validMediaUrl) || "document.pdf";
           components.push({
             type: "header",
             parameters: [
@@ -9898,11 +9907,6 @@ function findColumnDef(colOption, tableColumns) {
   }
   return null;
 }
-var DEFAULT_FALLBACK_MEDIA_URLS = {
-  image: "https://images.unsplash.com/photo-1579202673506-ca3ce28943ef?q=80&w=800&fm=jpg&fit=crop",
-  document: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
-  video: "https://www.w3schools.com/html/mov_bbb.mp4"
-};
 function resolveDocumentFilename(headerComp, mediaUrl) {
   var _a, _b, _c;
   if ((_a = headerComp == null ? void 0 : headerComp.document) == null ? void 0 : _a.filename) {
@@ -9916,8 +9920,11 @@ function resolveDocumentFilename(headerComp, mediaUrl) {
       const urlObj = new URL(mediaUrl);
       const pathname = urlObj.pathname;
       const lastSegment = pathname.substring(pathname.lastIndexOf("/") + 1);
-      if (lastSegment && lastSegment.toLowerCase().endsWith(".pdf")) {
-        return decodeURIComponent(lastSegment);
+      if (lastSegment) {
+        const decoded = decodeURIComponent(lastSegment).trim();
+        if (decoded) {
+          return decoded.includes(".") ? decoded : `${decoded}.pdf`;
+        }
       }
     } catch (e) {
     }
@@ -9925,61 +9932,73 @@ function resolveDocumentFilename(headerComp, mediaUrl) {
   return "document.pdf";
 }
 function resolveHeaderMediaUrl(headerComp, customMediaUrl, templateName) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const isImageFormat = ((headerComp == null ? void 0 : headerComp.format) || "").toUpperCase() === "IMAGE";
+  const format = ((headerComp == null ? void 0 : headerComp.format) || "").toUpperCase();
+  const isImageFormat = format === "IMAGE";
   const sanitizeCandidate = (rawUrl) => {
+    if (!rawUrl || typeof rawUrl !== "string") {
+      return null;
+    }
     let trimmed = rawUrl.trim();
+    if (trimmed.startsWith("4:")) {
+      return null;
+    }
     if (!trimmed.startsWith("http://") && !trimmed.startsWith("https://")) {
       return null;
     }
+    const lower = trimmed.toLowerCase();
+    if (lower.includes("scontent.whatsapp.net") || lower.includes("lookaside.fbsbx.com")) {
+      return null;
+    }
     if (isImageFormat) {
-      if (trimmed.includes("unsplash.com") && trimmed.includes("auto=format")) {
-        trimmed = trimmed.replace("auto=format", "fm=jpg");
+      if (lower.includes("unsplash.com") && lower.includes("auto=format")) {
+        trimmed = trimmed.replace(/auto=format/gi, "fm=jpg");
       }
-      if (trimmed.toLowerCase().includes(".webp")) {
+      if (lower.includes(".webp")) {
         return null;
       }
     }
     return trimmed;
   };
-  if (customMediaUrl && typeof customMediaUrl === "string") {
-    const sanitized = sanitizeCandidate(customMediaUrl);
-    if (sanitized) return sanitized;
-  }
-  if (headerComp) {
-    const candidates = [
-      headerComp.url,
-      headerComp.link,
-      (_a = headerComp.image) == null ? void 0 : _a.link,
-      (_b = headerComp.document) == null ? void 0 : _b.link,
-      (_c = headerComp.video) == null ? void 0 : _c.link,
-      (_e = (_d = headerComp.example) == null ? void 0 : _d.header_url) == null ? void 0 : _e[0],
-      (_g = (_f = headerComp.example) == null ? void 0 : _f.header_handle) == null ? void 0 : _g[0]
-    ];
-    for (const candidate of candidates) {
-      if (typeof candidate === "string") {
-        const sanitized = sanitizeCandidate(candidate);
-        if (sanitized) return sanitized;
+  const computeUrl = () => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (customMediaUrl && typeof customMediaUrl === "string") {
+      const sanitized = sanitizeCandidate(customMediaUrl);
+      if (sanitized) return sanitized;
+    }
+    if (templateName && typeof window !== "undefined") {
+      try {
+        const persisted = localStorage.getItem(`whatsapp_template_media_${templateName}`) || localStorage.getItem(`whatsapp_template_media_${templateName.toLowerCase()}`);
+        if (persisted && typeof persisted === "string") {
+          const sanitized = sanitizeCandidate(persisted);
+          if (sanitized) return sanitized;
+        }
+      } catch (e) {
       }
     }
-  }
-  if (templateName && typeof window !== "undefined") {
-    try {
-      const persisted = localStorage.getItem(`whatsapp_template_media_${templateName}`);
-      if (persisted && typeof persisted === "string") {
-        const sanitized = sanitizeCandidate(persisted);
-        if (sanitized) return sanitized;
+    if (headerComp) {
+      const candidates = [
+        headerComp.url,
+        headerComp.link,
+        (_a = headerComp.image) == null ? void 0 : _a.link,
+        (_b = headerComp.document) == null ? void 0 : _b.link,
+        (_c = headerComp.video) == null ? void 0 : _c.link,
+        (_e = (_d = headerComp.example) == null ? void 0 : _d.header_url) == null ? void 0 : _e[0],
+        (_g = (_f = headerComp.example) == null ? void 0 : _f.header_handle) == null ? void 0 : _g[0]
+      ];
+      for (const candidate of candidates) {
+        if (typeof candidate === "string") {
+          const sanitized = sanitizeCandidate(candidate);
+          if (sanitized) return sanitized;
+        }
       }
-    } catch (e) {
     }
-  }
-  if (headerComp) {
-    const format = (headerComp.format || "").toUpperCase();
-    if (format === "DOCUMENT") return DEFAULT_FALLBACK_MEDIA_URLS.document;
-    if (format === "VIDEO") return DEFAULT_FALLBACK_MEDIA_URLS.video;
-    return DEFAULT_FALLBACK_MEDIA_URLS.image;
-  }
-  return DEFAULT_FALLBACK_MEDIA_URLS.image;
+    return null;
+  };
+  const validMediaUrl = computeUrl();
+  console.log(
+    `[MEDIA_DEBUG] template: ${templateName || "unknown"}, format: ${format}, resolvedUrl: ${validMediaUrl}`
+  );
+  return validMediaUrl;
 }
 function buildWhatsAppPayload(to, templateName, languageCode, components) {
   const payload = {
@@ -10000,6 +10019,10 @@ function buildWhatsAppPayload(to, templateName, languageCode, components) {
 }
 async function sendWhatsAppMessage(payload, executeAction, orgId) {
   try {
+    console.log(
+      "[whatsappApi] Dispatching WhatsApp message action with payload:",
+      JSON.stringify(payload, null, 2)
+    );
     const actionPayload = {
       payload
     };
@@ -10009,12 +10032,18 @@ async function sendWhatsAppMessage(payload, executeAction, orgId) {
     }
     const result = await executeAction("SEND_WHATSAPP_MESSAGE", actionPayload);
     if (result && result.success === false) {
+      console.error(
+        "[whatsappApi] SEND_WHATSAPP_MESSAGE dispatch failed:",
+        result.error,
+        result.details || result
+      );
       return {
         success: false,
         error: result.error || "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA WhatsApp \u05E0\u05DB\u05E9\u05DC\u05D4",
         data: result
       };
     }
+    console.log("[whatsappApi] SEND_WHATSAPP_MESSAGE dispatch succeeded:", result);
     return {
       success: true,
       data: result
@@ -11123,6 +11152,48 @@ function useWhatsAppState(props) {
     );
     setHeaderMediaUrl(defaultUrl || "");
   }, [templateHeaderComp, selectedTemplate == null ? void 0 : selectedTemplate.name]);
+  const [isUploadingMedia, setIsUploadingMedia] = (0, import_react17.useState)(false);
+  const handleFileUpload = (0, import_react17.useCallback)(
+    async (file, templateName) => {
+      const tplName = templateName || (selectedTemplate == null ? void 0 : selectedTemplate.name) || "";
+      if (!file) return;
+      setIsUploadingMedia(true);
+      try {
+        const formData = new FormData();
+        formData.append("file", file);
+        const res = await fetch("/api/whatsapp/upload-media", {
+          method: "POST",
+          body: formData
+        });
+        const data = await res.json().catch(() => ({}));
+        if (!res.ok || !(data == null ? void 0 : data.url)) {
+          throw new Error((data == null ? void 0 : data.error) || `\u05D4\u05E2\u05DC\u05D0\u05EA \u05D4\u05E7\u05D5\u05D1\u05E5 \u05E0\u05DB\u05E9\u05DC\u05D4 (${res.status})`);
+        }
+        const publicUrl = data.url;
+        setHeaderMediaUrl(publicUrl);
+        if (tplName && typeof window !== "undefined") {
+          try {
+            localStorage.setItem(`whatsapp_template_media_${tplName}`, publicUrl);
+            localStorage.setItem(`whatsapp_template_media_${tplName.toLowerCase()}`, publicUrl);
+          } catch (e) {
+          }
+        }
+        setFeedback({
+          type: "success",
+          message: "\u05E7\u05D5\u05D1\u05E5 \u05D4\u05DE\u05D3\u05D9\u05D4 \u05D4\u05D5\u05E2\u05DC\u05D4 \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4 \u05D5\u05E9\u05D5\u05D9\u05DA \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA"
+        });
+      } catch (err) {
+        console.error("[useWhatsAppState] handleFileUpload error:", err);
+        setFeedback({
+          type: "error",
+          message: (err == null ? void 0 : err.message) || "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E2\u05EA \u05D4\u05E2\u05DC\u05D0\u05EA \u05E7\u05D5\u05D1\u05E5 \u05D4\u05DE\u05D3\u05D9\u05D4"
+        });
+      } finally {
+        setIsUploadingMedia(false);
+      }
+    },
+    [selectedTemplate == null ? void 0 : selectedTemplate.name]
+  );
   const templateVariables = (0, import_react17.useMemo)(() => {
     return extractTemplateVariables(selectedTemplate);
   }, [selectedTemplate]);
@@ -11240,13 +11311,20 @@ function useWhatsAppState(props) {
   const isTemplateValid = Boolean(
     selectedTemplate && getStatusConfig(selectedTemplate.status).isSelectable
   );
-  const isSendDisabled = isSendingBroadcast || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || selectedRowIds.length === 0 || finalRecipientCount === 0 || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing;
-  const isTestDisabled = isSendingTest || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing;
-  const sendButtonTitle = isSendingBroadcast ? "\u05E9\u05D5\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA \u05D1\u05EA\u05E4\u05D5\u05E6\u05D4..." : isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : selectedRowIds.length === 0 ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05DC\u05E4\u05D7\u05D5\u05EA \u05E9\u05D5\u05E8\u05D4 \u05D0\u05D7\u05EA \u05DE\u05D4\u05D8\u05D1\u05DC\u05D4" : finalRecipientCount === 0 ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD \u05E2\u05DD \u05D8\u05DC\u05E4\u05D5\u05DF \u05EA\u05E7\u05D9\u05DF \u05D4\u05EA\u05D5\u05D0\u05DE\u05D9\u05DD \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF" : `\u05E9\u05DC\u05D7 \u05DC-${finalRecipientCount} \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD (\u05DE\u05EA\u05D5\u05DA ${validMainRowsCount} \u05E9\u05D5\u05E8\u05D5\u05EA \u05E8\u05D0\u05E9\u05D9\u05D5\u05EA)`;
-  const testButtonTitle = isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA \u05D1\u05D3\u05D9\u05E7\u05D4 \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D1\u05D3\u05D9\u05E7\u05D4";
+  const headerFormat = ((templateHeaderComp == null ? void 0 : templateHeaderComp.format) || "").toUpperCase();
+  const requiresMediaHeader = headerFormat === "IMAGE" || headerFormat === "DOCUMENT" || headerFormat === "VIDEO";
+  const isMediaMissing = requiresMediaHeader && (!headerMediaUrl || !headerMediaUrl.trim() || !headerMediaUrl.startsWith("http"));
+  const isSendDisabled = isSendingBroadcast || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || selectedRowIds.length === 0 || finalRecipientCount === 0 || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing || isMediaMissing;
+  const isTestDisabled = isSendingTest || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing || isMediaMissing;
+  const sendButtonTitle = isSendingBroadcast ? "\u05E9\u05D5\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA \u05D1\u05EA\u05E4\u05D5\u05E6\u05D4..." : isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isMediaMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5 \u05E2\u05D1\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5 \u05DB\u05D3\u05D9 \u05DC\u05E9\u05DC\u05D5\u05D7" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : selectedRowIds.length === 0 ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05DC\u05E4\u05D7\u05D5\u05EA \u05E9\u05D5\u05E8\u05D4 \u05D0\u05D7\u05EA \u05DE\u05D4\u05D8\u05D1\u05DC\u05D4" : finalRecipientCount === 0 ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD \u05E2\u05DD \u05D8\u05DC\u05E4\u05D5\u05DF \u05EA\u05E7\u05D9\u05DF \u05D4\u05EA\u05D5\u05D0\u05DE\u05D9\u05DD \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF" : `\u05E9\u05DC\u05D7 \u05DC-${finalRecipientCount} \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD (\u05DE\u05EA\u05D5\u05DA ${validMainRowsCount} \u05E9\u05D5\u05E8\u05D5\u05EA \u05E8\u05D0\u05E9\u05D9\u05D5\u05EA)`;
+  const testButtonTitle = isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isMediaMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5 \u05E2\u05D1\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5 \u05DB\u05D3\u05D9 \u05DC\u05E9\u05DC\u05D5\u05D7" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA \u05D1\u05D3\u05D9\u05E7\u05D4 \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D1\u05D3\u05D9\u05E7\u05D4";
   const handleSendTest = async () => {
     var _a2;
     if (isSendingTest) return;
+    if (isMediaMissing) {
+      setTestFeedback("\u05D9\u05E9 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5 \u05E2\u05D1\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5 \u05DB\u05D3\u05D9 \u05DC\u05E9\u05DC\u05D5\u05D7");
+      return;
+    }
     if (isSubtableFilterIncomplete) {
       setTestFeedback("\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA");
       return;
@@ -11588,6 +11666,8 @@ function useWhatsAppState(props) {
     isTestDisabled,
     sendButtonTitle,
     testButtonTitle,
+    requiresMediaHeader,
+    isMediaMissing,
     // Templates & Meta API
     templates,
     selectedTemplateId,
@@ -11598,6 +11678,8 @@ function useWhatsAppState(props) {
     headerMediaUrl,
     handleHeaderMediaUrlChange,
     handleResetHeaderMediaUrl,
+    isUploadingMedia,
+    handleFileUpload,
     templateVariables,
     variableMapping,
     textableColumnOptions,
@@ -11634,6 +11716,7 @@ function useWhatsAppState(props) {
 }
 
 // src/components/WhatsAppComponent/ui/TemplateSelectionBlock.tsx
+var import_react18 = require("react");
 var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function TemplateSelectionBlock({
@@ -11657,8 +11740,11 @@ function TemplateSelectionBlock({
   handleDeleteTemplate,
   isDeleting,
   setIsModalOpen,
-  setFeedback
+  setFeedback,
+  isUploadingMedia = false,
+  handleFileUpload
 }) {
+  const fileInputRef = (0, import_react18.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "col-span-12 lg:col-span-5 min-h-[26rem] h-full flex flex-col bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-1.5 shrink-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between pb-1.5 border-b border-slate-200/70 shrink-0 gap-2", children: [
@@ -11838,10 +11924,15 @@ function TemplateSelectionBlock({
       })(),
       templateHeaderComp && (() => {
         const headerFormat = (templateHeaderComp.format || "").toUpperCase();
+        if (headerFormat !== "IMAGE" && headerFormat !== "DOCUMENT" && headerFormat !== "VIDEO") {
+          return null;
+        }
         const docFilename = resolveDocumentFilename(templateHeaderComp, headerMediaUrl);
+        const hasValidMedia = Boolean(headerMediaUrl && headerMediaUrl.trim() && headerMediaUrl.startsWith("http"));
+        const uploadButtonLabel = headerFormat === "DOCUMENT" ? "\u05D4\u05E2\u05DC\u05D4 \u05DE\u05E1\u05DE\u05DA" : headerFormat === "IMAGE" ? "\u05D4\u05E2\u05DC\u05D4 \u05EA\u05DE\u05D5\u05E0\u05D4" : "\u05D4\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5";
         return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "p-2.5 bg-slate-50 border border-slate-200/90 rounded-xl flex items-center justify-between gap-3 shrink-0 shadow-2xs", children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center gap-2.5 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-8 h-8 rounded-lg overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: headerMediaUrl && headerMediaUrl.startsWith("http") ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-8 h-8 rounded-lg overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: hasValidMedia ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "img",
               {
                 src: headerMediaUrl,
@@ -11851,26 +11942,33 @@ function TemplateSelectionBlock({
                   e.currentTarget.style.display = "none";
                 }
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Image, { className: "w-4 h-4 text-emerald-600" }) }),
+            ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Image, { className: "w-4 h-4 text-amber-600" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] text-slate-400 block truncate", children: "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05D3\u05D9\u05D4 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05D1-Header" })
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4" })
             ] })
           ] }) : headerFormat === "DOCUMENT" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-8 h-8 rounded-lg bg-rose-50 text-rose-600 border border-rose-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.FileText, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-rose-50 text-rose-600 border-rose-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.FileText, { className: "w-4 h-4" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: docFilename, children: docFilename })
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: hasValidMedia ? docFilename : void 0, children: hasValidMedia ? docFilename : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05DE\u05E1\u05DE\u05DA" })
             ] })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 border border-indigo-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Video, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-indigo-50 text-indigo-600 border-indigo-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Video, { className: "w-4 h-4" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] text-slate-400 block truncate", children: "\u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05D1-Header" })
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5" })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-            headerMediaUrl && headerMediaUrl.startsWith("http") && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+            hasValidMedia ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex items-center gap-1 text-[10px] font-medium text-emerald-800 px-2 py-0.5 bg-emerald-50 border border-emerald-200 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.CheckCircle2, { className: "w-3 h-3 text-emerald-600" }),
+              "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF"
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex items-center gap-1 text-[10px] font-semibold text-amber-800 px-2 py-0.5 bg-amber-50 border border-amber-200 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.AlertCircle, { className: "w-3 h-3 text-amber-600 shrink-0" }),
+              "\u05E0\u05D3\u05E8\u05E9 \u05E6\u05D9\u05E8\u05D5\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5"
+            ] }),
+            hasValidMedia && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "a",
               {
                 href: headerMediaUrl,
@@ -11881,7 +11979,44 @@ function TemplateSelectionBlock({
                 children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.ExternalLink, { className: "w-3.5 h-3.5" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[9px] text-emerald-800 font-semibold px-1.5 py-0.5 bg-emerald-50 border border-emerald-200 rounded-md", children: "\u05DE\u05E6\u05D5\u05E8\u05E3 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                className: "hidden",
+                accept: headerFormat === "DOCUMENT" ? ".pdf,application/pdf" : headerFormat === "VIDEO" ? "video/mp4,video/*" : "image/png,image/jpeg,image/jpg",
+                onChange: (e) => {
+                  var _a;
+                  const file = (_a = e.target.files) == null ? void 0 : _a[0];
+                  if (file && handleFileUpload && (selectedTemplate == null ? void 0 : selectedTemplate.name)) {
+                    handleFileUpload(file, selectedTemplate.name);
+                  }
+                  e.target.value = "";
+                },
+                disabled: isUploadingMedia
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "button",
+              {
+                type: "button",
+                disabled: isUploadingMedia,
+                onClick: () => {
+                  var _a;
+                  return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+                },
+                className: `inline-flex items-center gap-1.5 px-2.5 py-1 text-[11px] font-medium rounded-lg transition-colors border shadow-2xs ${isUploadingMedia ? "bg-slate-100 text-slate-400 border-slate-200 cursor-not-allowed" : hasValidMedia ? "bg-white text-slate-700 hover:bg-slate-50 border-slate-200 hover:border-slate-300" : "bg-emerald-600 text-white hover:bg-emerald-700 border-emerald-600"}`,
+                title: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DE\u05D3\u05D9\u05D4 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5" : `${uploadButtonLabel} \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5`,
+                children: isUploadingMedia ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u05DE\u05E2\u05DC\u05D4..." })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Upload, { className: "w-3.5 h-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5" : uploadButtonLabel })
+                ] })
+              }
+            )
           ] })
         ] });
       })(),
@@ -12637,7 +12772,9 @@ function WhatsAppComponent(props) {
                 handleDeleteTemplate: state.handleDeleteTemplate,
                 isDeleting: state.isDeleting,
                 setIsModalOpen: state.setIsModalOpen,
-                setFeedback: state.setFeedback
+                setFeedback: state.setFeedback,
+                isUploadingMedia: state.isUploadingMedia,
+                handleFileUpload: state.handleFileUpload
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -12823,7 +12960,7 @@ function WhatsAppComponent(props) {
                           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-7 h-7 rounded-md bg-indigo-50 text-indigo-600 border border-indigo-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Video, { className: "w-3.5 h-3.5" }) }),
                           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-semibold text-slate-800 truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" })
                         ] }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-emerald-700 bg-emerald-50 border border-emerald-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05DE\u05E6\u05D5\u05E8\u05E3 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA" })
+                        state.headerMediaUrl && state.headerMediaUrl.startsWith("http") ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-emerald-700 bg-emerald-50 border border-emerald-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-amber-700 bg-amber-50 border border-amber-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E0\u05D3\u05E8\u05E9 \u05E6\u05D9\u05E8\u05D5\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5" })
                       ] });
                     })(),
                     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-1.5", children: [
@@ -12882,9 +13019,10 @@ function WhatsAppComponent(props) {
                       "button",
                       {
                         type: "button",
-                        disabled: !state.testPhoneNumber.trim() || state.isSendingTest,
+                        disabled: !state.testPhoneNumber.trim() || state.isSendingTest || state.isTestDisabled,
                         onClick: state.handleSendTest,
-                        className: `px-4 py-2 text-xs font-bold rounded-xl transition-all flex items-center gap-1.5 ${!state.testPhoneNumber.trim() || state.isSendingTest ? "bg-emerald-600/40 text-white/70 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 active:scale-[0.98] text-white shadow-xs cursor-pointer"}`,
+                        title: state.testButtonTitle,
+                        className: `px-4 py-2 text-xs font-bold rounded-xl transition-all flex items-center gap-1.5 ${!state.testPhoneNumber.trim() || state.isSendingTest || state.isTestDisabled ? "bg-emerald-600/40 text-white/70 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 active:scale-[0.98] text-white shadow-xs cursor-pointer"}`,
                         children: state.isSendingTest ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
                           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
                           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u05E9\u05D5\u05DC\u05D7..." })

package/dist/index.mjs

@@ -97,9 +97,15 @@ function normalizePhoneForWhatsApp(phone) {
     cleaned = cleaned.substring(1);
   }
   const digitsOnly = cleaned.replace(/\D/g, "");
-  if (digitsOnly.startsWith("05") && digitsOnly.length === 10) {
+  if (digitsOnly.startsWith("972")) {
+    return digitsOnly;
+  }
+  if (digitsOnly.startsWith("0")) {
     return `972${digitsOnly.substring(1)}`;
   }
+  if (digitsOnly.length === 9) {
+    return `972${digitsOnly}`;
+  }
   return digitsOnly;
 }
 
@@ -7713,7 +7719,7 @@ function TableBlock(props) {
 }
 
 // src/components/WhatsAppComponent/WhatsAppComponent.tsx
-import { CheckCircle2 as CheckCircle23, AlertCircle as AlertCircle4, X as X12, Loader2 as Loader27, Phone as Phone4, Send as Send2, Image as ImageIcon3, FileText as FileText4, Video as Video3 } from "lucide-react";
+import { CheckCircle2 as CheckCircle24, AlertCircle as AlertCircle5, X as X12, Loader2 as Loader27, Phone as Phone4, Send as Send2, Image as ImageIcon3, FileText as FileText4, Video as Video3 } from "lucide-react";
 
 // src/components/WhatsAppComponent/CreateTemplateModal.tsx
 import { useState as useState14, useEffect as useEffect12, useRef as useRef11, useMemo as useMemo7 } from "react";
@@ -9645,9 +9651,12 @@ function buildTemplateComponents(params) {
     const format = (headerComp.format || "TEXT").toUpperCase();
     if (format === "IMAGE" || format === "DOCUMENT" || format === "VIDEO") {
       const validMediaUrl = resolveHeaderMediaUrl(headerComp, mediaUrl, selectedTemplate.name);
+      console.log(
+        `[MEDIA_DEBUG] template: ${selectedTemplate.name}, format: ${format}, resolvedUrl: ${validMediaUrl}`
+      );
       if (validMediaUrl) {
         if (format === "DOCUMENT") {
-          const docFilename = resolveDocumentFilename(headerComp, validMediaUrl);
+          const docFilename = resolveDocumentFilename(headerComp, validMediaUrl) || "document.pdf";
           components.push({
             type: "header",
             parameters: [
@@ -9816,11 +9825,6 @@ function findColumnDef(colOption, tableColumns) {
   }
   return null;
 }
-var DEFAULT_FALLBACK_MEDIA_URLS = {
-  image: "https://images.unsplash.com/photo-1579202673506-ca3ce28943ef?q=80&w=800&fm=jpg&fit=crop",
-  document: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
-  video: "https://www.w3schools.com/html/mov_bbb.mp4"
-};
 function resolveDocumentFilename(headerComp, mediaUrl) {
   var _a, _b, _c;
   if ((_a = headerComp == null ? void 0 : headerComp.document) == null ? void 0 : _a.filename) {
@@ -9834,8 +9838,11 @@ function resolveDocumentFilename(headerComp, mediaUrl) {
       const urlObj = new URL(mediaUrl);
       const pathname = urlObj.pathname;
       const lastSegment = pathname.substring(pathname.lastIndexOf("/") + 1);
-      if (lastSegment && lastSegment.toLowerCase().endsWith(".pdf")) {
-        return decodeURIComponent(lastSegment);
+      if (lastSegment) {
+        const decoded = decodeURIComponent(lastSegment).trim();
+        if (decoded) {
+          return decoded.includes(".") ? decoded : `${decoded}.pdf`;
+        }
       }
     } catch (e) {
     }
@@ -9843,61 +9850,73 @@ function resolveDocumentFilename(headerComp, mediaUrl) {
   return "document.pdf";
 }
 function resolveHeaderMediaUrl(headerComp, customMediaUrl, templateName) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const isImageFormat = ((headerComp == null ? void 0 : headerComp.format) || "").toUpperCase() === "IMAGE";
+  const format = ((headerComp == null ? void 0 : headerComp.format) || "").toUpperCase();
+  const isImageFormat = format === "IMAGE";
   const sanitizeCandidate = (rawUrl) => {
+    if (!rawUrl || typeof rawUrl !== "string") {
+      return null;
+    }
     let trimmed = rawUrl.trim();
+    if (trimmed.startsWith("4:")) {
+      return null;
+    }
     if (!trimmed.startsWith("http://") && !trimmed.startsWith("https://")) {
       return null;
     }
+    const lower = trimmed.toLowerCase();
+    if (lower.includes("scontent.whatsapp.net") || lower.includes("lookaside.fbsbx.com")) {
+      return null;
+    }
     if (isImageFormat) {
-      if (trimmed.includes("unsplash.com") && trimmed.includes("auto=format")) {
-        trimmed = trimmed.replace("auto=format", "fm=jpg");
+      if (lower.includes("unsplash.com") && lower.includes("auto=format")) {
+        trimmed = trimmed.replace(/auto=format/gi, "fm=jpg");
       }
-      if (trimmed.toLowerCase().includes(".webp")) {
+      if (lower.includes(".webp")) {
         return null;
       }
     }
     return trimmed;
   };
-  if (customMediaUrl && typeof customMediaUrl === "string") {
-    const sanitized = sanitizeCandidate(customMediaUrl);
-    if (sanitized) return sanitized;
-  }
-  if (headerComp) {
-    const candidates = [
-      headerComp.url,
-      headerComp.link,
-      (_a = headerComp.image) == null ? void 0 : _a.link,
-      (_b = headerComp.document) == null ? void 0 : _b.link,
-      (_c = headerComp.video) == null ? void 0 : _c.link,
-      (_e = (_d = headerComp.example) == null ? void 0 : _d.header_url) == null ? void 0 : _e[0],
-      (_g = (_f = headerComp.example) == null ? void 0 : _f.header_handle) == null ? void 0 : _g[0]
-    ];
-    for (const candidate of candidates) {
-      if (typeof candidate === "string") {
-        const sanitized = sanitizeCandidate(candidate);
-        if (sanitized) return sanitized;
+  const computeUrl = () => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (customMediaUrl && typeof customMediaUrl === "string") {
+      const sanitized = sanitizeCandidate(customMediaUrl);
+      if (sanitized) return sanitized;
+    }
+    if (templateName && typeof window !== "undefined") {
+      try {
+        const persisted = localStorage.getItem(`whatsapp_template_media_${templateName}`) || localStorage.getItem(`whatsapp_template_media_${templateName.toLowerCase()}`);
+        if (persisted && typeof persisted === "string") {
+          const sanitized = sanitizeCandidate(persisted);
+          if (sanitized) return sanitized;
+        }
+      } catch (e) {
       }
     }
-  }
-  if (templateName && typeof window !== "undefined") {
-    try {
-      const persisted = localStorage.getItem(`whatsapp_template_media_${templateName}`);
-      if (persisted && typeof persisted === "string") {
-        const sanitized = sanitizeCandidate(persisted);
-        if (sanitized) return sanitized;
+    if (headerComp) {
+      const candidates = [
+        headerComp.url,
+        headerComp.link,
+        (_a = headerComp.image) == null ? void 0 : _a.link,
+        (_b = headerComp.document) == null ? void 0 : _b.link,
+        (_c = headerComp.video) == null ? void 0 : _c.link,
+        (_e = (_d = headerComp.example) == null ? void 0 : _d.header_url) == null ? void 0 : _e[0],
+        (_g = (_f = headerComp.example) == null ? void 0 : _f.header_handle) == null ? void 0 : _g[0]
+      ];
+      for (const candidate of candidates) {
+        if (typeof candidate === "string") {
+          const sanitized = sanitizeCandidate(candidate);
+          if (sanitized) return sanitized;
+        }
       }
-    } catch (e) {
     }
-  }
-  if (headerComp) {
-    const format = (headerComp.format || "").toUpperCase();
-    if (format === "DOCUMENT") return DEFAULT_FALLBACK_MEDIA_URLS.document;
-    if (format === "VIDEO") return DEFAULT_FALLBACK_MEDIA_URLS.video;
-    return DEFAULT_FALLBACK_MEDIA_URLS.image;
-  }
-  return DEFAULT_FALLBACK_MEDIA_URLS.image;
+    return null;
+  };
+  const validMediaUrl = computeUrl();
+  console.log(
+    `[MEDIA_DEBUG] template: ${templateName || "unknown"}, format: ${format}, resolvedUrl: ${validMediaUrl}`
+  );
+  return validMediaUrl;
 }
 function buildWhatsAppPayload(to, templateName, languageCode, components) {
   const payload = {
@@ -9918,6 +9937,10 @@ function buildWhatsAppPayload(to, templateName, languageCode, components) {
 }
 async function sendWhatsAppMessage(payload, executeAction, orgId) {
   try {
+    console.log(
+      "[whatsappApi] Dispatching WhatsApp message action with payload:",
+      JSON.stringify(payload, null, 2)
+    );
     const actionPayload = {
       payload
     };
@@ -9927,12 +9950,18 @@ async function sendWhatsAppMessage(payload, executeAction, orgId) {
     }
     const result = await executeAction("SEND_WHATSAPP_MESSAGE", actionPayload);
     if (result && result.success === false) {
+      console.error(
+        "[whatsappApi] SEND_WHATSAPP_MESSAGE dispatch failed:",
+        result.error,
+        result.details || result
+      );
       return {
         success: false,
         error: result.error || "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA WhatsApp \u05E0\u05DB\u05E9\u05DC\u05D4",
         data: result
       };
     }
+    console.log("[whatsappApi] SEND_WHATSAPP_MESSAGE dispatch succeeded:", result);
     return {
       success: true,
       data: result
@@ -11041,6 +11070,48 @@ function useWhatsAppState(props) {
     );
     setHeaderMediaUrl(defaultUrl || "");
   }, [templateHeaderComp, selectedTemplate == null ? void 0 : selectedTemplate.name]);
+  const [isUploadingMedia, setIsUploadingMedia] = useState15(false);
+  const handleFileUpload = useCallback12(
+    async (file, templateName) => {
+      const tplName = templateName || (selectedTemplate == null ? void 0 : selectedTemplate.name) || "";
+      if (!file) return;
+      setIsUploadingMedia(true);
+      try {
+        const formData = new FormData();
+        formData.append("file", file);
+        const res = await fetch("/api/whatsapp/upload-media", {
+          method: "POST",
+          body: formData
+        });
+        const data = await res.json().catch(() => ({}));
+        if (!res.ok || !(data == null ? void 0 : data.url)) {
+          throw new Error((data == null ? void 0 : data.error) || `\u05D4\u05E2\u05DC\u05D0\u05EA \u05D4\u05E7\u05D5\u05D1\u05E5 \u05E0\u05DB\u05E9\u05DC\u05D4 (${res.status})`);
+        }
+        const publicUrl = data.url;
+        setHeaderMediaUrl(publicUrl);
+        if (tplName && typeof window !== "undefined") {
+          try {
+            localStorage.setItem(`whatsapp_template_media_${tplName}`, publicUrl);
+            localStorage.setItem(`whatsapp_template_media_${tplName.toLowerCase()}`, publicUrl);
+          } catch (e) {
+          }
+        }
+        setFeedback({
+          type: "success",
+          message: "\u05E7\u05D5\u05D1\u05E5 \u05D4\u05DE\u05D3\u05D9\u05D4 \u05D4\u05D5\u05E2\u05DC\u05D4 \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4 \u05D5\u05E9\u05D5\u05D9\u05DA \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA"
+        });
+      } catch (err) {
+        console.error("[useWhatsAppState] handleFileUpload error:", err);
+        setFeedback({
+          type: "error",
+          message: (err == null ? void 0 : err.message) || "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E2\u05EA \u05D4\u05E2\u05DC\u05D0\u05EA \u05E7\u05D5\u05D1\u05E5 \u05D4\u05DE\u05D3\u05D9\u05D4"
+        });
+      } finally {
+        setIsUploadingMedia(false);
+      }
+    },
+    [selectedTemplate == null ? void 0 : selectedTemplate.name]
+  );
   const templateVariables = useMemo8(() => {
     return extractTemplateVariables(selectedTemplate);
   }, [selectedTemplate]);
@@ -11158,13 +11229,20 @@ function useWhatsAppState(props) {
   const isTemplateValid = Boolean(
     selectedTemplate && getStatusConfig(selectedTemplate.status).isSelectable
   );
-  const isSendDisabled = isSendingBroadcast || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || selectedRowIds.length === 0 || finalRecipientCount === 0 || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing;
-  const isTestDisabled = isSendingTest || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing;
-  const sendButtonTitle = isSendingBroadcast ? "\u05E9\u05D5\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA \u05D1\u05EA\u05E4\u05D5\u05E6\u05D4..." : isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : selectedRowIds.length === 0 ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05DC\u05E4\u05D7\u05D5\u05EA \u05E9\u05D5\u05E8\u05D4 \u05D0\u05D7\u05EA \u05DE\u05D4\u05D8\u05D1\u05DC\u05D4" : finalRecipientCount === 0 ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD \u05E2\u05DD \u05D8\u05DC\u05E4\u05D5\u05DF \u05EA\u05E7\u05D9\u05DF \u05D4\u05EA\u05D5\u05D0\u05DE\u05D9\u05DD \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF" : `\u05E9\u05DC\u05D7 \u05DC-${finalRecipientCount} \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD (\u05DE\u05EA\u05D5\u05DA ${validMainRowsCount} \u05E9\u05D5\u05E8\u05D5\u05EA \u05E8\u05D0\u05E9\u05D9\u05D5\u05EA)`;
-  const testButtonTitle = isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA \u05D1\u05D3\u05D9\u05E7\u05D4 \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D1\u05D3\u05D9\u05E7\u05D4";
+  const headerFormat = ((templateHeaderComp == null ? void 0 : templateHeaderComp.format) || "").toUpperCase();
+  const requiresMediaHeader = headerFormat === "IMAGE" || headerFormat === "DOCUMENT" || headerFormat === "VIDEO";
+  const isMediaMissing = requiresMediaHeader && (!headerMediaUrl || !headerMediaUrl.trim() || !headerMediaUrl.startsWith("http"));
+  const isSendDisabled = isSendingBroadcast || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || selectedRowIds.length === 0 || finalRecipientCount === 0 || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing || isMediaMissing;
+  const isTestDisabled = isSendingTest || isScanningPhoneColumns || !hasPhoneColumn || !isTemplateValid || isSubtableFilterIncomplete || isPostSendActionIncomplete || isStaticVariableMissing || isMediaMissing;
+  const sendButtonTitle = isSendingBroadcast ? "\u05E9\u05D5\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA \u05D1\u05EA\u05E4\u05D5\u05E6\u05D4..." : isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isMediaMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5 \u05E2\u05D1\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5 \u05DB\u05D3\u05D9 \u05DC\u05E9\u05DC\u05D5\u05D7" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : selectedRowIds.length === 0 ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05DC\u05E4\u05D7\u05D5\u05EA \u05E9\u05D5\u05E8\u05D4 \u05D0\u05D7\u05EA \u05DE\u05D4\u05D8\u05D1\u05DC\u05D4" : finalRecipientCount === 0 ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD \u05E2\u05DD \u05D8\u05DC\u05E4\u05D5\u05DF \u05EA\u05E7\u05D9\u05DF \u05D4\u05EA\u05D5\u05D0\u05DE\u05D9\u05DD \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF" : `\u05E9\u05DC\u05D7 \u05DC-${finalRecipientCount} \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD (\u05DE\u05EA\u05D5\u05DA ${validMainRowsCount} \u05E9\u05D5\u05E8\u05D5\u05EA \u05E8\u05D0\u05E9\u05D9\u05D5\u05EA)`;
+  const testButtonTitle = isScanningPhoneColumns ? "\u05D8\u05D5\u05E2\u05DF \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF..." : !hasPhoneColumn ? "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" : !isTemplateValid ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D0\u05D5\u05E9\u05E8\u05EA \u05EA\u05D7\u05D9\u05DC\u05D4" : isMediaMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5 \u05E2\u05D1\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5 \u05DB\u05D3\u05D9 \u05DC\u05E9\u05DC\u05D5\u05D7" : isSubtableFilterIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA" : isPostSendActionIncomplete ? "\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4" : isStaticVariableMissing ? "\u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05E2\u05E8\u05DA \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D1\u05D8\u05E7\u05E1\u05D8 \u05E7\u05D1\u05D5\u05E2" : "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA \u05D1\u05D3\u05D9\u05E7\u05D4 \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D1\u05D3\u05D9\u05E7\u05D4";
   const handleSendTest = async () => {
     var _a2;
     if (isSendingTest) return;
+    if (isMediaMissing) {
+      setTestFeedback("\u05D9\u05E9 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5 \u05E2\u05D1\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5 \u05DB\u05D3\u05D9 \u05DC\u05E9\u05DC\u05D5\u05D7");
+      return;
+    }
     if (isSubtableFilterIncomplete) {
       setTestFeedback("\u05D9\u05E9 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA");
       return;
@@ -11506,6 +11584,8 @@ function useWhatsAppState(props) {
     isTestDisabled,
     sendButtonTitle,
     testButtonTitle,
+    requiresMediaHeader,
+    isMediaMissing,
     // Templates & Meta API
     templates,
     selectedTemplateId,
@@ -11516,6 +11596,8 @@ function useWhatsAppState(props) {
     headerMediaUrl,
     handleHeaderMediaUrlChange,
     handleResetHeaderMediaUrl,
+    isUploadingMedia,
+    handleFileUpload,
     templateVariables,
     variableMapping,
     textableColumnOptions,
@@ -11552,6 +11634,7 @@ function useWhatsAppState(props) {
 }
 
 // src/components/WhatsAppComponent/ui/TemplateSelectionBlock.tsx
+import { useRef as useRef13 } from "react";
 import {
   FileText as FileText3,
   Trash2 as Trash23,
@@ -11563,7 +11646,10 @@ import {
   Video as Video2,
   Phone as Phone2,
   Copy as Copy4,
-  MessageSquare as MessageSquare2
+  MessageSquare as MessageSquare2,
+  Upload as Upload3,
+  CheckCircle2 as CheckCircle23,
+  AlertCircle as AlertCircle3
 } from "lucide-react";
 import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function TemplateSelectionBlock({
@@ -11587,8 +11673,11 @@ function TemplateSelectionBlock({
   handleDeleteTemplate,
   isDeleting,
   setIsModalOpen,
-  setFeedback
+  setFeedback,
+  isUploadingMedia = false,
+  handleFileUpload
 }) {
+  const fileInputRef = useRef13(null);
   return /* @__PURE__ */ jsxs14("div", { className: "col-span-12 lg:col-span-5 min-h-[26rem] h-full flex flex-col bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 relative", children: [
     /* @__PURE__ */ jsxs14("div", { className: "space-y-1.5 shrink-0", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between pb-1.5 border-b border-slate-200/70 shrink-0 gap-2", children: [
@@ -11768,10 +11857,15 @@ function TemplateSelectionBlock({
       })(),
       templateHeaderComp && (() => {
         const headerFormat = (templateHeaderComp.format || "").toUpperCase();
+        if (headerFormat !== "IMAGE" && headerFormat !== "DOCUMENT" && headerFormat !== "VIDEO") {
+          return null;
+        }
         const docFilename = resolveDocumentFilename(templateHeaderComp, headerMediaUrl);
+        const hasValidMedia = Boolean(headerMediaUrl && headerMediaUrl.trim() && headerMediaUrl.startsWith("http"));
+        const uploadButtonLabel = headerFormat === "DOCUMENT" ? "\u05D4\u05E2\u05DC\u05D4 \u05DE\u05E1\u05DE\u05DA" : headerFormat === "IMAGE" ? "\u05D4\u05E2\u05DC\u05D4 \u05EA\u05DE\u05D5\u05E0\u05D4" : "\u05D4\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5";
         return /* @__PURE__ */ jsxs14("div", { className: "p-2.5 bg-slate-50 border border-slate-200/90 rounded-xl flex items-center justify-between gap-3 shrink-0 shadow-2xs", children: [
           /* @__PURE__ */ jsx15("div", { className: "flex items-center gap-2.5 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
-            /* @__PURE__ */ jsx15("div", { className: "w-8 h-8 rounded-lg overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: headerMediaUrl && headerMediaUrl.startsWith("http") ? /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx15("div", { className: "w-8 h-8 rounded-lg overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: hasValidMedia ? /* @__PURE__ */ jsx15(
               "img",
               {
                 src: headerMediaUrl,
@@ -11781,26 +11875,33 @@ function TemplateSelectionBlock({
                   e.currentTarget.style.display = "none";
                 }
               }
-            ) : /* @__PURE__ */ jsx15(ImageIcon2, { className: "w-4 h-4 text-emerald-600" }) }),
+            ) : /* @__PURE__ */ jsx15(ImageIcon2, { className: "w-4 h-4 text-amber-600" }) }),
             /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ jsx15("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-slate-400 block truncate", children: "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05D3\u05D9\u05D4 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05D1-Header" })
+              /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4" })
             ] })
           ] }) : headerFormat === "DOCUMENT" ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
-            /* @__PURE__ */ jsx15("div", { className: "w-8 h-8 rounded-lg bg-rose-50 text-rose-600 border border-rose-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx15(FileText3, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsx15("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-rose-50 text-rose-600 border-rose-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ jsx15(FileText3, { className: "w-4 h-4" }) }),
             /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ jsx15("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
-              /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: docFilename, children: docFilename })
+              /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: hasValidMedia ? docFilename : void 0, children: hasValidMedia ? docFilename : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05DE\u05E1\u05DE\u05DA" })
             ] })
           ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
-            /* @__PURE__ */ jsx15("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 border border-indigo-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx15(Video2, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsx15("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-indigo-50 text-indigo-600 border-indigo-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ jsx15(Video2, { className: "w-4 h-4" }) }),
             /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ jsx15("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-slate-400 block truncate", children: "\u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05D1-Header" })
+              /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5" })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-            headerMediaUrl && headerMediaUrl.startsWith("http") && /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 shrink-0", children: [
+            hasValidMedia ? /* @__PURE__ */ jsxs14("span", { className: "inline-flex items-center gap-1 text-[10px] font-medium text-emerald-800 px-2 py-0.5 bg-emerald-50 border border-emerald-200 rounded-lg", children: [
+              /* @__PURE__ */ jsx15(CheckCircle23, { className: "w-3 h-3 text-emerald-600" }),
+              "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF"
+            ] }) : /* @__PURE__ */ jsxs14("span", { className: "inline-flex items-center gap-1 text-[10px] font-semibold text-amber-800 px-2 py-0.5 bg-amber-50 border border-amber-200 rounded-lg", children: [
+              /* @__PURE__ */ jsx15(AlertCircle3, { className: "w-3 h-3 text-amber-600 shrink-0" }),
+              "\u05E0\u05D3\u05E8\u05E9 \u05E6\u05D9\u05E8\u05D5\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5"
+            ] }),
+            hasValidMedia && /* @__PURE__ */ jsx15(
               "a",
               {
                 href: headerMediaUrl,
@@ -11811,7 +11912,44 @@ function TemplateSelectionBlock({
                 children: /* @__PURE__ */ jsx15(ExternalLink4, { className: "w-3.5 h-3.5" })
               }
             ),
-            /* @__PURE__ */ jsx15("span", { className: "text-[9px] text-emerald-800 font-semibold px-1.5 py-0.5 bg-emerald-50 border border-emerald-200 rounded-md", children: "\u05DE\u05E6\u05D5\u05E8\u05E3 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA" })
+            /* @__PURE__ */ jsx15(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                className: "hidden",
+                accept: headerFormat === "DOCUMENT" ? ".pdf,application/pdf" : headerFormat === "VIDEO" ? "video/mp4,video/*" : "image/png,image/jpeg,image/jpg",
+                onChange: (e) => {
+                  var _a;
+                  const file = (_a = e.target.files) == null ? void 0 : _a[0];
+                  if (file && handleFileUpload && (selectedTemplate == null ? void 0 : selectedTemplate.name)) {
+                    handleFileUpload(file, selectedTemplate.name);
+                  }
+                  e.target.value = "";
+                },
+                disabled: isUploadingMedia
+              }
+            ),
+            /* @__PURE__ */ jsx15(
+              "button",
+              {
+                type: "button",
+                disabled: isUploadingMedia,
+                onClick: () => {
+                  var _a;
+                  return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+                },
+                className: `inline-flex items-center gap-1.5 px-2.5 py-1 text-[11px] font-medium rounded-lg transition-colors border shadow-2xs ${isUploadingMedia ? "bg-slate-100 text-slate-400 border-slate-200 cursor-not-allowed" : hasValidMedia ? "bg-white text-slate-700 hover:bg-slate-50 border-slate-200 hover:border-slate-300" : "bg-emerald-600 text-white hover:bg-emerald-700 border-emerald-600"}`,
+                title: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DE\u05D3\u05D9\u05D4 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5" : `${uploadButtonLabel} \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5`,
+                children: isUploadingMedia ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
+                  /* @__PURE__ */ jsx15(Loader25, { className: "w-3.5 h-3.5 animate-spin" }),
+                  /* @__PURE__ */ jsx15("span", { children: "\u05DE\u05E2\u05DC\u05D4..." })
+                ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+                  /* @__PURE__ */ jsx15(Upload3, { className: "w-3.5 h-3.5" }),
+                  /* @__PURE__ */ jsx15("span", { children: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5" : uploadButtonLabel })
+                ] })
+              }
+            )
           ] })
         ] });
       })(),
@@ -12021,7 +12159,7 @@ import {
   Users,
   ChevronDown as ChevronDown5,
   Loader2 as Loader26,
-  AlertCircle as AlertCircle3,
+  AlertCircle as AlertCircle4,
   Send,
   X as X11,
   CheckSquare as CheckSquare2
@@ -12080,7 +12218,7 @@ function SettingsAndActionsBlock({
           /* @__PURE__ */ jsx17(Loader26, { className: "w-4 h-4 animate-spin text-emerald-600 shrink-0" }),
           /* @__PURE__ */ jsx17("span", { className: "font-medium text-[11px] text-slate-600", children: "\u05E1\u05D5\u05E8\u05E7 \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D5\u05D1\u05D8\u05D1\u05DC\u05D0\u05D5\u05EA \u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA..." })
         ] }) : targetPhoneOptions.length === 0 ? /* @__PURE__ */ jsxs16("div", { className: "p-2.5 bg-amber-50 border border-amber-200 rounded-xl text-amber-900 text-xs flex items-center gap-2 shadow-2xs", children: [
-          /* @__PURE__ */ jsx17(AlertCircle3, { className: "w-4 h-4 text-amber-600 shrink-0" }),
+          /* @__PURE__ */ jsx17(AlertCircle4, { className: "w-4 h-4 text-amber-600 shrink-0" }),
           /* @__PURE__ */ jsx17("span", { className: "font-semibold text-[11px]", children: "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" })
         ] }) : targetPhoneOptions.length === 1 && targetPhoneOptions[0].type === "DIRECT" ? /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
@@ -12524,7 +12662,7 @@ function WhatsAppComponent(props) {
             className: `px-6 py-3 border-b text-xs flex items-center justify-between gap-3 ${state.feedback.type === "success" ? "bg-emerald-50 border-emerald-200 text-emerald-800" : "bg-rose-50 border-rose-200 text-rose-800"}`,
             children: [
               /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-                state.feedback.type === "success" ? /* @__PURE__ */ jsx18(CheckCircle23, { className: "w-4 h-4 text-emerald-600 shrink-0" }) : /* @__PURE__ */ jsx18(AlertCircle4, { className: "w-4 h-4 text-rose-600 shrink-0" }),
+                state.feedback.type === "success" ? /* @__PURE__ */ jsx18(CheckCircle24, { className: "w-4 h-4 text-emerald-600 shrink-0" }) : /* @__PURE__ */ jsx18(AlertCircle5, { className: "w-4 h-4 text-rose-600 shrink-0" }),
                 /* @__PURE__ */ jsx18("span", { children: state.feedback.message })
               ] }),
               /* @__PURE__ */ jsx18(
@@ -12541,7 +12679,7 @@ function WhatsAppComponent(props) {
         ),
         state.fetchError && !state.isLoadingTemplates && /* @__PURE__ */ jsxs17("div", { className: "px-6 py-3 bg-amber-50 border-b border-amber-200 text-xs text-amber-900 flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx18(AlertCircle4, { className: "w-4 h-4 text-amber-600 shrink-0" }),
+            /* @__PURE__ */ jsx18(AlertCircle5, { className: "w-4 h-4 text-amber-600 shrink-0" }),
             /* @__PURE__ */ jsxs17("span", { children: [
               "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05D8\u05E2\u05D9\u05E0\u05EA \u05EA\u05D1\u05E0\u05D9\u05D5\u05EA \u05DE-Meta: ",
               state.fetchError
@@ -12582,7 +12720,9 @@ function WhatsAppComponent(props) {
                 handleDeleteTemplate: state.handleDeleteTemplate,
                 isDeleting: state.isDeleting,
                 setIsModalOpen: state.setIsModalOpen,
-                setFeedback: state.setFeedback
+                setFeedback: state.setFeedback,
+                isUploadingMedia: state.isUploadingMedia,
+                handleFileUpload: state.handleFileUpload
               }
             ),
             /* @__PURE__ */ jsx18(
@@ -12652,7 +12792,7 @@ function WhatsAppComponent(props) {
             /* @__PURE__ */ jsx18(Loader27, { className: "w-6 h-6 animate-spin text-emerald-600" }),
             /* @__PURE__ */ jsx18("span", { children: "\u05D8\u05D5\u05E2\u05DF \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05D4\u05D8\u05D1\u05DC\u05D4..." })
           ] }) : state.tableError ? /* @__PURE__ */ jsxs17("div", { className: "flex-1 flex items-center justify-center p-6 text-center text-xs text-rose-600 bg-rose-50 gap-2", children: [
-            /* @__PURE__ */ jsx18(AlertCircle4, { className: "w-4 h-4 text-rose-500 shrink-0" }),
+            /* @__PURE__ */ jsx18(AlertCircle5, { className: "w-4 h-4 text-rose-500 shrink-0" }),
             /* @__PURE__ */ jsx18("span", { children: state.tableError })
           ] }) : !(settings == null ? void 0 : settings.tableMetaId) ? /* @__PURE__ */ jsx18("div", { className: "flex-1 flex items-center justify-center p-10 text-center text-xs text-slate-400", children: "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8 \u05E2\u05D1\u05D5\u05E8 \u05E8\u05DB\u05D9\u05D1 WhatsApp \u05D6\u05D4" }) : /* @__PURE__ */ jsx18(
             TableBlockClient,
@@ -12768,7 +12908,7 @@ function WhatsAppComponent(props) {
                           /* @__PURE__ */ jsx18("div", { className: "w-7 h-7 rounded-md bg-indigo-50 text-indigo-600 border border-indigo-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx18(Video3, { className: "w-3.5 h-3.5" }) }),
                           /* @__PURE__ */ jsx18("span", { className: "font-semibold text-slate-800 truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" })
                         ] }) }),
-                        /* @__PURE__ */ jsx18("span", { className: "text-[10px] text-emerald-700 bg-emerald-50 border border-emerald-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05DE\u05E6\u05D5\u05E8\u05E3 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA" })
+                        state.headerMediaUrl && state.headerMediaUrl.startsWith("http") ? /* @__PURE__ */ jsx18("span", { className: "text-[10px] text-emerald-700 bg-emerald-50 border border-emerald-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF" }) : /* @__PURE__ */ jsx18("span", { className: "text-[10px] text-amber-700 bg-amber-50 border border-amber-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E0\u05D3\u05E8\u05E9 \u05E6\u05D9\u05E8\u05D5\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5" })
                       ] });
                     })(),
                     /* @__PURE__ */ jsxs17("div", { className: "space-y-1.5", children: [
@@ -12804,7 +12944,7 @@ function WhatsAppComponent(props) {
                       /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-slate-500 leading-normal", children: "\u05D4\u05D5\u05D3\u05E2\u05EA \u05D4\u05D1\u05D3\u05D9\u05E7\u05D4 \u05EA\u05D9\u05E9\u05DC\u05D7 \u05D9\u05E9\u05D9\u05E8\u05D5\u05EA \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D6\u05D4 \u05DC\u05E6\u05D5\u05E8\u05DA \u05D5\u05D9\u05D3\u05D5\u05D0 \u05EA\u05E7\u05D9\u05E0\u05D5\u05EA \u05EA\u05D5\u05DB\u05DF \u05D4\u05D4\u05D5\u05D3\u05E2\u05D4 \u05D5\u05D4\u05E2\u05D9\u05E6\u05D5\u05D1." })
                     ] }),
                     state.testFeedback && /* @__PURE__ */ jsxs17("div", { className: "p-2.5 bg-rose-50 border border-rose-200 rounded-xl text-xs text-rose-700 flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx18(AlertCircle4, { className: "w-4 h-4 text-rose-500 shrink-0" }),
+                      /* @__PURE__ */ jsx18(AlertCircle5, { className: "w-4 h-4 text-rose-500 shrink-0" }),
                       /* @__PURE__ */ jsx18("span", { children: state.testFeedback })
                     ] })
                   ] }),
@@ -12827,9 +12967,10 @@ function WhatsAppComponent(props) {
                       "button",
                       {
                         type: "button",
-                        disabled: !state.testPhoneNumber.trim() || state.isSendingTest,
+                        disabled: !state.testPhoneNumber.trim() || state.isSendingTest || state.isTestDisabled,
                         onClick: state.handleSendTest,
-                        className: `px-4 py-2 text-xs font-bold rounded-xl transition-all flex items-center gap-1.5 ${!state.testPhoneNumber.trim() || state.isSendingTest ? "bg-emerald-600/40 text-white/70 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 active:scale-[0.98] text-white shadow-xs cursor-pointer"}`,
+                        title: state.testButtonTitle,
+                        className: `px-4 py-2 text-xs font-bold rounded-xl transition-all flex items-center gap-1.5 ${!state.testPhoneNumber.trim() || state.isSendingTest || state.isTestDisabled ? "bg-emerald-600/40 text-white/70 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 active:scale-[0.98] text-white shadow-xs cursor-pointer"}`,
                         children: state.isSendingTest ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
                           /* @__PURE__ */ jsx18(Loader27, { className: "w-3.5 h-3.5 animate-spin" }),
                           /* @__PURE__ */ jsx18("span", { children: "\u05E9\u05D5\u05DC\u05D7..." })

package/dist/phone.d.mts

@@ -35,10 +35,14 @@ declare function isValidPhoneNumber(phone: string): boolean;
  */
 declare function generateWhatsAppLink(phone: string, defaultCountryCode?: string): string | null;
 /**
- * Normalizes a phone number for WhatsApp sending (E.164 without leading '+').
- * - Strips spaces, dashes, and special characters.
- * - If it starts with '05' (10 digits), replaces the leading '0' with '972' (e.g., '0586812807' -> '972586812807').
- * - If it starts with '+', strips the '+'.
+ * Normalizes a phone number for WhatsApp sending (Meta international format without leading '+').
+ * - Returns empty string if input is falsy.
+ * - Trims input and removes leading '+' if it exists.
+ * - Strips all non-digit characters.
+ * - If starting with '972', returns it as is.
+ * - If starting with '0' (Israeli mobile/landline), strips '0' and prepends '972'.
+ * - If exactly 9 digits long (omitted leading zero), prepends '972'.
+ * - Returns the processed digits string.
  */
 declare function normalizePhoneForWhatsApp(phone: string): string;
 

package/dist/phone.d.ts

@@ -35,10 +35,14 @@ declare function isValidPhoneNumber(phone: string): boolean;
  */
 declare function generateWhatsAppLink(phone: string, defaultCountryCode?: string): string | null;
 /**
- * Normalizes a phone number for WhatsApp sending (E.164 without leading '+').
- * - Strips spaces, dashes, and special characters.
- * - If it starts with '05' (10 digits), replaces the leading '0' with '972' (e.g., '0586812807' -> '972586812807').
- * - If it starts with '+', strips the '+'.
+ * Normalizes a phone number for WhatsApp sending (Meta international format without leading '+').
+ * - Returns empty string if input is falsy.
+ * - Trims input and removes leading '+' if it exists.
+ * - Strips all non-digit characters.
+ * - If starting with '972', returns it as is.
+ * - If starting with '0' (Israeli mobile/landline), strips '0' and prepends '972'.
+ * - If exactly 9 digits long (omitted leading zero), prepends '972'.
+ * - Returns the processed digits string.
  */
 declare function normalizePhoneForWhatsApp(phone: string): string;
 

package/dist/phone.js

@@ -88,9 +88,15 @@ function normalizePhoneForWhatsApp(phone) {
     cleaned = cleaned.substring(1);
   }
   const digitsOnly = cleaned.replace(/\D/g, "");
-  if (digitsOnly.startsWith("05") && digitsOnly.length === 10) {
+  if (digitsOnly.startsWith("972")) {
+    return digitsOnly;
+  }
+  if (digitsOnly.startsWith("0")) {
     return `972${digitsOnly.substring(1)}`;
   }
+  if (digitsOnly.length === 9) {
+    return `972${digitsOnly}`;
+  }
   return digitsOnly;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/phone.mjs

@@ -57,9 +57,15 @@ function normalizePhoneForWhatsApp(phone) {
     cleaned = cleaned.substring(1);
   }
   const digitsOnly = cleaned.replace(/\D/g, "");
-  if (digitsOnly.startsWith("05") && digitsOnly.length === 10) {
+  if (digitsOnly.startsWith("972")) {
+    return digitsOnly;
+  }
+  if (digitsOnly.startsWith("0")) {
     return `972${digitsOnly.substring(1)}`;
   }
+  if (digitsOnly.length === 9) {
+    return `972${digitsOnly}`;
+  }
   return digitsOnly;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@universe-platform/ui",
-    "version": "0.1.0-beta.21",
+    "version": "0.1.0-beta.23",
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",