@dev.smartpricing/message-composer-utils 4.4.1-next.0 → 4.5.1-next.1

package/src/utils/templates/meta.test.ts

@@ -6,7 +6,11 @@ import type {
   WithDbTimestamps,
 } from "../../types/index.js";
 import { translateWhatsappToMeta } from "./meta.js";
-import { getWhatsappEmpty } from "./whatsapp.js";
+import {
+  getWhatsappEmpty,
+  isWhatsappHeaderMultiline,
+  isWhatsappValid,
+} from "./whatsapp.js";
 
 function messageWithHeader(
   content: JSONContent,
@@ -33,6 +37,17 @@ function messageWithHeader(
   } as WithDbTimestamps<WhatsappMessage>;
 }
 
+function paragraphs(...lines: string[]): JSONContent {
+  return {
+    type: "doc",
+    content: lines.map((text) =>
+      text
+        ? { type: "paragraph", content: [{ type: "text", text }] }
+        : { type: "paragraph" },
+    ),
+  };
+}
+
 function headerText(content: JSONContent): string | undefined {
   const template = translateWhatsappToMeta(
     messageWithHeader(content),
@@ -81,6 +96,65 @@ describe("translateWhatsappToMeta header", () => {
       ],
     };
 
-    expect(headerText(content)).toBe("Welcome  {{guest_name}}");
+    expect(headerText(content)).toBe("Welcome {{guest_name}}");
+  });
+
+  it("sends header text to Meta without emojis typed as plain text", () => {
+    expect(headerText(paragraphs("Welcome 👋🏽 back ❤️ 1️⃣ 🇮🇹"))).toBe(
+      "Welcome back",
+    );
+  });
+
+  it("keeps characters the user typed themselves", () => {
+    expect(headerText(paragraphs("*Offer* for room #1 ©"))).toBe(
+      "*Offer* for room #1 ©",
+    );
+  });
+
+  it("sends header text to Meta on a single line", () => {
+    expect(
+      headerText(paragraphs("", "Your stay", "", "is confirmed", "")),
+    ).toBe("Your stay is confirmed");
+  });
+
+  it("joins legacy hard breaks into the single line", () => {
+    const content: JSONContent = {
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            { type: "text", text: "Your stay" },
+            { type: "hardBreak" },
+            { type: "text", text: "is confirmed" },
+          ],
+        },
+      ],
+    };
+
+    expect(headerText(content)).toBe("Your stay is confirmed");
+  });
+});
+
+describe("isWhatsappHeaderMultiline", () => {
+  it("is true only when the header has several lines", () => {
+    expect(isWhatsappHeaderMultiline(paragraphs("Your stay"))).toBe(false);
+    expect(
+      isWhatsappHeaderMultiline(paragraphs("Your stay", "is confirmed")),
+    ).toBe(true);
+  });
+});
+
+describe("isWhatsappValid header length", () => {
+  const line = "a".repeat(30);
+
+  it("measures the single line Meta receives", () => {
+    expect(
+      isWhatsappValid(messageWithHeader(paragraphs(line, "a".repeat(29))))
+        .errors,
+    ).not.toContain("editor.validation.error.headerTooLong");
+    expect(
+      isWhatsappValid(messageWithHeader(paragraphs(line, line))).errors,
+    ).toContain("editor.validation.error.headerTooLong");
   });
 });

package/src/utils/templates/whatsapp.ts

@@ -308,28 +308,50 @@ export function convertToWhatsappMarkdown(
 /**
  * Converts a WhatsApp header to the text Meta receives.
  * Meta rejects formatting in header text ("Header Format is Incorrect",
- * subcode 2388072), so marks and emoji nodes are dropped — including on
- * legacy content saved before the header editor stopped offering them.
+ * subcode 2388072), so marks and emojis are dropped — including on legacy
+ * content saved before the header editor stopped offering them.
+ * A header is a single line: paragraphs are joined with a space.
  */
 export function convertToWhatsappHeaderText(
   content: Content | undefined,
 ): string {
-  return convertToWhatsappMarkdown(toPlainHeader(content));
+  return headerLines(content).replace(/\s+/g, " ").trim();
 }
 
-function toPlainHeader(content: Content | undefined): Content | undefined {
-  if (Array.isArray(content))
-    return content.map((n) => toPlainHeader(n) as JSONContent);
-  if (!content || typeof content !== "object") return content;
-  const { marks: _marks, ...node } = content;
-  return node.content
+/**
+ * Whether a WhatsApp header spans several lines, which
+ * `convertToWhatsappHeaderText` joins into one.
+ */
+export function isWhatsappHeaderMultiline(
+  content: Content | undefined,
+): boolean {
+  return headerLines(content).includes("\n");
+}
+
+// Emojis typed or pasted as plain text (only picker emojis are nodes)
+const EMOJI_CHARS =
+  /.\uFE0F\u20E3?|\p{Emoji_Presentation}|\p{Emoji_Modifier}|\u200D/gu;
+
+/** Header text without formatting or emojis, one line per paragraph */
+function headerLines(content: Content | undefined): string {
+  const plain = Array.isArray(content)
+    ? content.map(stripMarksAndEmoji)
+    : content && typeof content === "object"
+      ? stripMarksAndEmoji(content)
+      : content;
+  return convertToWhatsappMarkdown(plain).replace(EMOJI_CHARS, "");
+}
+
+function stripMarksAndEmoji(node: JSONContent): JSONContent {
+  const { marks: _marks, ...rest } = node;
+  return rest.content
     ? {
-        ...node,
-        content: node.content
+        ...rest,
+        content: rest.content
           .filter((n) => n.type !== "emoji")
-          .map((n) => toPlainHeader(n) as JSONContent),
+          .map(stripMarksAndEmoji),
       }
-    : node;
+    : rest;
 }
 
 /**