ugcinc-render 1.8.180 → 1.8.181

package/dist/index.d.mts

@@ -1136,14 +1136,26 @@ interface IMessageDmCompositionProps {
     messageHeaderLeft?: number;
     messageHeaderRight?: number;
     showMessageTails?: boolean;
-    recipientTailOffsetLeft?: number;
-    recipientTailOffsetRight?: number;
-    recipientTailOffsetTop?: number;
-    recipientTailOffsetBottom?: number;
-    senderTailOffsetLeft?: number;
-    senderTailOffsetRight?: number;
-    senderTailOffsetTop?: number;
-    senderTailOffsetBottom?: number;
+    recipientTailTipX?: number;
+    recipientTailTipY?: number;
+    recipientTailSideX?: number;
+    recipientTailSideY?: number;
+    recipientTailBottomX?: number;
+    recipientTailBottomY?: number;
+    recipientTailTopCurveX?: number;
+    recipientTailTopCurveY?: number;
+    recipientTailBottomCurveX?: number;
+    recipientTailBottomCurveY?: number;
+    senderTailTipX?: number;
+    senderTailTipY?: number;
+    senderTailSideX?: number;
+    senderTailSideY?: number;
+    senderTailBottomX?: number;
+    senderTailBottomY?: number;
+    senderTailTopCurveX?: number;
+    senderTailTopCurveY?: number;
+    senderTailBottomCurveX?: number;
+    senderTailBottomCurveY?: number;
     showReadReceipt?: boolean;
     readReceiptText?: string;
     readReceiptGap?: number;

package/dist/index.d.ts

@@ -1136,14 +1136,26 @@ interface IMessageDmCompositionProps {
     messageHeaderLeft?: number;
     messageHeaderRight?: number;
     showMessageTails?: boolean;
-    recipientTailOffsetLeft?: number;
-    recipientTailOffsetRight?: number;
-    recipientTailOffsetTop?: number;
-    recipientTailOffsetBottom?: number;
-    senderTailOffsetLeft?: number;
-    senderTailOffsetRight?: number;
-    senderTailOffsetTop?: number;
-    senderTailOffsetBottom?: number;
+    recipientTailTipX?: number;
+    recipientTailTipY?: number;
+    recipientTailSideX?: number;
+    recipientTailSideY?: number;
+    recipientTailBottomX?: number;
+    recipientTailBottomY?: number;
+    recipientTailTopCurveX?: number;
+    recipientTailTopCurveY?: number;
+    recipientTailBottomCurveX?: number;
+    recipientTailBottomCurveY?: number;
+    senderTailTipX?: number;
+    senderTailTipY?: number;
+    senderTailSideX?: number;
+    senderTailSideY?: number;
+    senderTailBottomX?: number;
+    senderTailBottomY?: number;
+    senderTailTopCurveX?: number;
+    senderTailTopCurveY?: number;
+    senderTailBottomCurveX?: number;
+    senderTailBottomCurveY?: number;
     showReadReceipt?: boolean;
     readReceiptText?: string;
     readReceiptGap?: number;

package/dist/index.js

@@ -5306,16 +5306,6 @@ var MESSAGE_DEFAULTS2 = {
   messageHeaderRight: 1206,
   // Message tails (on last message in group)
   showMessageTails: true,
-  // Recipient tail offsets (from message left & bottom)
-  recipientTailOffsetLeft: -16,
-  recipientTailOffsetRight: 18,
-  recipientTailOffsetTop: -47,
-  recipientTailOffsetBottom: 0,
-  // Sender tail offsets (from message right & bottom)
-  senderTailOffsetLeft: -18,
-  senderTailOffsetRight: 16,
-  senderTailOffsetTop: -47,
-  senderTailOffsetBottom: 1,
   // Read receipt (under last sender message)
   showReadReceipt: true,
   readReceiptText: "Read 12:16 PM",
@@ -5629,42 +5619,18 @@ function generateTailData(props, calculatedMessages) {
     return [];
   }
   const tails = [];
-  const recipientTailOffsetLeft = props.recipientTailOffsetLeft ?? MESSAGE_DEFAULTS2.recipientTailOffsetLeft;
-  const recipientTailOffsetRight = props.recipientTailOffsetRight ?? MESSAGE_DEFAULTS2.recipientTailOffsetRight;
-  const recipientTailOffsetTop = props.recipientTailOffsetTop ?? MESSAGE_DEFAULTS2.recipientTailOffsetTop;
-  const recipientTailOffsetBottom = props.recipientTailOffsetBottom ?? MESSAGE_DEFAULTS2.recipientTailOffsetBottom;
-  const senderTailOffsetLeft = props.senderTailOffsetLeft ?? MESSAGE_DEFAULTS2.senderTailOffsetLeft;
-  const senderTailOffsetRight = props.senderTailOffsetRight ?? MESSAGE_DEFAULTS2.senderTailOffsetRight;
-  const senderTailOffsetTop = props.senderTailOffsetTop ?? MESSAGE_DEFAULTS2.senderTailOffsetTop;
-  const senderTailOffsetBottom = props.senderTailOffsetBottom ?? MESSAGE_DEFAULTS2.senderTailOffsetBottom;
   for (let i = 0; i < calculatedMessages.length; i++) {
     const cm = calculatedMessages[i];
     if (!cm.isLastInGroup) {
       continue;
     }
-    const isUser = cm.message.sender === "user";
-    const messageLeft = cm.left;
-    const messageRight = cm.left + cm.width;
-    const messageBottom = cm.bottom;
-    if (isUser) {
-      tails.push({
-        id: `tail-${cm.message.id}`,
-        x: messageRight + senderTailOffsetLeft,
-        y: messageBottom + senderTailOffsetTop,
-        width: senderTailOffsetRight - senderTailOffsetLeft,
-        height: senderTailOffsetBottom - senderTailOffsetTop,
-        image: "imsg-sender-tail.png"
-      });
-    } else {
-      tails.push({
-        id: `tail-${cm.message.id}`,
-        x: messageLeft + recipientTailOffsetLeft,
-        y: messageBottom + recipientTailOffsetTop,
-        width: recipientTailOffsetRight - recipientTailOffsetLeft,
-        height: recipientTailOffsetBottom - recipientTailOffsetTop,
-        image: "imsg-recv-tail.png"
-      });
-    }
+    tails.push({
+      id: `tail-${cm.message.id}`,
+      isUser: cm.message.sender === "user",
+      messageLeft: cm.left,
+      messageRight: cm.left + cm.width,
+      messageBottom: cm.bottom
+    });
   }
   return tails;
 }
@@ -5969,18 +5935,32 @@ var defaultIMessageDmProps = {
   messageHeaderLetterSpacing: 1.25,
   messageHeaderLeft: 0,
   messageHeaderRight: 1206,
-  // Message tails (on last message in group)
+  // Message tails (SVG-based, on last message in group)
   showMessageTails: true,
-  // Recipient tail offsets (from message left & bottom)
-  recipientTailOffsetLeft: -16,
-  recipientTailOffsetRight: 18,
-  recipientTailOffsetTop: -47,
-  recipientTailOffsetBottom: 0,
-  // Sender tail offsets (from message right & bottom)
-  senderTailOffsetLeft: -18,
-  senderTailOffsetRight: 16,
-  senderTailOffsetTop: -47,
-  senderTailOffsetBottom: 1,
+  // Recipient tail anchor points (offsets from message left & bottom)
+  recipientTailTipX: -16,
+  recipientTailTipY: 0,
+  recipientTailSideX: 0,
+  recipientTailSideY: -47,
+  recipientTailBottomX: 18,
+  recipientTailBottomY: -11,
+  // Recipient tail curve control points (offsets from message left & bottom)
+  recipientTailTopCurveX: -16,
+  recipientTailTopCurveY: -25,
+  recipientTailBottomCurveX: 0,
+  recipientTailBottomCurveY: 0,
+  // Sender tail anchor points (offsets from message right & bottom)
+  senderTailTipX: 16,
+  senderTailTipY: 1,
+  senderTailSideX: 0,
+  senderTailSideY: -47,
+  senderTailBottomX: -18,
+  senderTailBottomY: -11,
+  // Sender tail curve control points (offsets from message right & bottom)
+  senderTailTopCurveX: 16,
+  senderTailTopCurveY: -25,
+  senderTailBottomCurveX: 0,
+  senderTailBottomCurveY: 1,
   // Read receipt (under last sender message)
   showReadReceipt: true,
   readReceiptText: "Read 12:16 PM",
@@ -6151,8 +6131,31 @@ var IMessageDmComposition = (props) => {
     messageTextFontSize = 48,
     messageTextColor = "#8e8e93",
     messageText = "iMessage",
-    // Sender bubble color (for unread badge background)
-    senderBubbleColor = "#1a42d5"
+    // Bubble colors
+    senderBubbleColor = "#1a42d5",
+    recipientBubbleColor = "#303032",
+    // Tail props - recipient (offsets from message left & bottom)
+    recipientTailTipX = -16,
+    recipientTailTipY = 0,
+    recipientTailSideX = 0,
+    recipientTailSideY = -47,
+    recipientTailBottomX = 18,
+    recipientTailBottomY = -11,
+    recipientTailTopCurveX = -16,
+    recipientTailTopCurveY = -25,
+    recipientTailBottomCurveX = 0,
+    recipientTailBottomCurveY = 0,
+    // Tail props - sender (offsets from message right & bottom)
+    senderTailTipX = 16,
+    senderTailTipY = 1,
+    senderTailSideX = 0,
+    senderTailSideY = -47,
+    senderTailBottomX = -18,
+    senderTailBottomY = -11,
+    senderTailTopCurveX = 16,
+    senderTailTopCurveY = -25,
+    senderTailBottomCurveX = 0,
+    senderTailBottomCurveY = 1
   } = mergedProps;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     BaseDmComposition,
@@ -6403,21 +6406,38 @@ var IMessageDmComposition = (props) => {
             children: messageText
           }
         ),
-        conversionResult.tails.map((tail) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_remotion10.Img,
-          {
-            src: (0, import_remotion10.staticFile)(tail.image),
-            style: {
-              position: "absolute",
-              top: tail.y,
-              left: tail.x,
-              width: tail.width,
-              height: tail.height,
-              zIndex: 4
-            }
-          },
-          tail.id
-        )),
+        conversionResult.tails.map((tail) => {
+          const refX = tail.isUser ? tail.messageRight : tail.messageLeft;
+          const refY = tail.messageBottom;
+          const tipX = refX + (tail.isUser ? senderTailTipX : recipientTailTipX);
+          const tipY = refY + (tail.isUser ? senderTailTipY : recipientTailTipY);
+          const sideX = refX + (tail.isUser ? senderTailSideX : recipientTailSideX);
+          const sideY = refY + (tail.isUser ? senderTailSideY : recipientTailSideY);
+          const bottomX = refX + (tail.isUser ? senderTailBottomX : recipientTailBottomX);
+          const bottomY = refY + (tail.isUser ? senderTailBottomY : recipientTailBottomY);
+          const topCurveX = refX + (tail.isUser ? senderTailTopCurveX : recipientTailTopCurveX);
+          const topCurveY = refY + (tail.isUser ? senderTailTopCurveY : recipientTailTopCurveY);
+          const bottomCurveX = refX + (tail.isUser ? senderTailBottomCurveX : recipientTailBottomCurveX);
+          const bottomCurveY = refY + (tail.isUser ? senderTailBottomCurveY : recipientTailBottomCurveY);
+          const fillColor = tail.isUser ? senderBubbleColor : recipientBubbleColor;
+          const pathD = `M ${sideX} ${sideY} Q ${topCurveX} ${topCurveY} ${tipX} ${tipY} Q ${bottomCurveX} ${bottomCurveY} ${bottomX} ${bottomY} Z`;
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "svg",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width,
+                height,
+                zIndex: 4,
+                pointerEvents: "none"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: pathD, fill: fillColor })
+            },
+            tail.id
+          );
+        }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           ImageEditorComposition,
           {
@@ -7351,16 +7371,32 @@ var iMessageDmPropsSchema = import_zod.z.object({
   messageHeaderLetterSpacing: import_zod.z.number().optional(),
   messageHeaderLeft: import_zod.z.number().optional(),
   messageHeaderRight: import_zod.z.number().optional(),
-  // Message tails
+  // Message tails (SVG-based)
   showMessageTails: import_zod.z.boolean().optional(),
-  recipientTailOffsetLeft: import_zod.z.number().optional(),
-  recipientTailOffsetRight: import_zod.z.number().optional(),
-  recipientTailOffsetTop: import_zod.z.number().optional(),
-  recipientTailOffsetBottom: import_zod.z.number().optional(),
-  senderTailOffsetLeft: import_zod.z.number().optional(),
-  senderTailOffsetRight: import_zod.z.number().optional(),
-  senderTailOffsetTop: import_zod.z.number().optional(),
-  senderTailOffsetBottom: import_zod.z.number().optional(),
+  // Recipient tail anchor points
+  recipientTailTipX: import_zod.z.number().optional(),
+  recipientTailTipY: import_zod.z.number().optional(),
+  recipientTailSideX: import_zod.z.number().optional(),
+  recipientTailSideY: import_zod.z.number().optional(),
+  recipientTailBottomX: import_zod.z.number().optional(),
+  recipientTailBottomY: import_zod.z.number().optional(),
+  // Recipient tail curve control points
+  recipientTailTopCurveX: import_zod.z.number().optional(),
+  recipientTailTopCurveY: import_zod.z.number().optional(),
+  recipientTailBottomCurveX: import_zod.z.number().optional(),
+  recipientTailBottomCurveY: import_zod.z.number().optional(),
+  // Sender tail anchor points
+  senderTailTipX: import_zod.z.number().optional(),
+  senderTailTipY: import_zod.z.number().optional(),
+  senderTailSideX: import_zod.z.number().optional(),
+  senderTailSideY: import_zod.z.number().optional(),
+  senderTailBottomX: import_zod.z.number().optional(),
+  senderTailBottomY: import_zod.z.number().optional(),
+  // Sender tail curve control points
+  senderTailTopCurveX: import_zod.z.number().optional(),
+  senderTailTopCurveY: import_zod.z.number().optional(),
+  senderTailBottomCurveX: import_zod.z.number().optional(),
+  senderTailBottomCurveY: import_zod.z.number().optional(),
   // Read receipt
   showReadReceipt: import_zod.z.boolean().optional(),
   readReceiptText: import_zod.z.string().optional(),

package/dist/index.mjs

@@ -4352,16 +4352,6 @@ var MESSAGE_DEFAULTS2 = {
   messageHeaderRight: 1206,
   // Message tails (on last message in group)
   showMessageTails: true,
-  // Recipient tail offsets (from message left & bottom)
-  recipientTailOffsetLeft: -16,
-  recipientTailOffsetRight: 18,
-  recipientTailOffsetTop: -47,
-  recipientTailOffsetBottom: 0,
-  // Sender tail offsets (from message right & bottom)
-  senderTailOffsetLeft: -18,
-  senderTailOffsetRight: 16,
-  senderTailOffsetTop: -47,
-  senderTailOffsetBottom: 1,
   // Read receipt (under last sender message)
   showReadReceipt: true,
   readReceiptText: "Read 12:16 PM",
@@ -4675,42 +4665,18 @@ function generateTailData(props, calculatedMessages) {
     return [];
   }
   const tails = [];
-  const recipientTailOffsetLeft = props.recipientTailOffsetLeft ?? MESSAGE_DEFAULTS2.recipientTailOffsetLeft;
-  const recipientTailOffsetRight = props.recipientTailOffsetRight ?? MESSAGE_DEFAULTS2.recipientTailOffsetRight;
-  const recipientTailOffsetTop = props.recipientTailOffsetTop ?? MESSAGE_DEFAULTS2.recipientTailOffsetTop;
-  const recipientTailOffsetBottom = props.recipientTailOffsetBottom ?? MESSAGE_DEFAULTS2.recipientTailOffsetBottom;
-  const senderTailOffsetLeft = props.senderTailOffsetLeft ?? MESSAGE_DEFAULTS2.senderTailOffsetLeft;
-  const senderTailOffsetRight = props.senderTailOffsetRight ?? MESSAGE_DEFAULTS2.senderTailOffsetRight;
-  const senderTailOffsetTop = props.senderTailOffsetTop ?? MESSAGE_DEFAULTS2.senderTailOffsetTop;
-  const senderTailOffsetBottom = props.senderTailOffsetBottom ?? MESSAGE_DEFAULTS2.senderTailOffsetBottom;
   for (let i = 0; i < calculatedMessages.length; i++) {
     const cm = calculatedMessages[i];
     if (!cm.isLastInGroup) {
       continue;
     }
-    const isUser = cm.message.sender === "user";
-    const messageLeft = cm.left;
-    const messageRight = cm.left + cm.width;
-    const messageBottom = cm.bottom;
-    if (isUser) {
-      tails.push({
-        id: `tail-${cm.message.id}`,
-        x: messageRight + senderTailOffsetLeft,
-        y: messageBottom + senderTailOffsetTop,
-        width: senderTailOffsetRight - senderTailOffsetLeft,
-        height: senderTailOffsetBottom - senderTailOffsetTop,
-        image: "imsg-sender-tail.png"
-      });
-    } else {
-      tails.push({
-        id: `tail-${cm.message.id}`,
-        x: messageLeft + recipientTailOffsetLeft,
-        y: messageBottom + recipientTailOffsetTop,
-        width: recipientTailOffsetRight - recipientTailOffsetLeft,
-        height: recipientTailOffsetBottom - recipientTailOffsetTop,
-        image: "imsg-recv-tail.png"
-      });
-    }
+    tails.push({
+      id: `tail-${cm.message.id}`,
+      isUser: cm.message.sender === "user",
+      messageLeft: cm.left,
+      messageRight: cm.left + cm.width,
+      messageBottom: cm.bottom
+    });
   }
   return tails;
 }
@@ -5015,18 +4981,32 @@ var defaultIMessageDmProps = {
   messageHeaderLetterSpacing: 1.25,
   messageHeaderLeft: 0,
   messageHeaderRight: 1206,
-  // Message tails (on last message in group)
+  // Message tails (SVG-based, on last message in group)
   showMessageTails: true,
-  // Recipient tail offsets (from message left & bottom)
-  recipientTailOffsetLeft: -16,
-  recipientTailOffsetRight: 18,
-  recipientTailOffsetTop: -47,
-  recipientTailOffsetBottom: 0,
-  // Sender tail offsets (from message right & bottom)
-  senderTailOffsetLeft: -18,
-  senderTailOffsetRight: 16,
-  senderTailOffsetTop: -47,
-  senderTailOffsetBottom: 1,
+  // Recipient tail anchor points (offsets from message left & bottom)
+  recipientTailTipX: -16,
+  recipientTailTipY: 0,
+  recipientTailSideX: 0,
+  recipientTailSideY: -47,
+  recipientTailBottomX: 18,
+  recipientTailBottomY: -11,
+  // Recipient tail curve control points (offsets from message left & bottom)
+  recipientTailTopCurveX: -16,
+  recipientTailTopCurveY: -25,
+  recipientTailBottomCurveX: 0,
+  recipientTailBottomCurveY: 0,
+  // Sender tail anchor points (offsets from message right & bottom)
+  senderTailTipX: 16,
+  senderTailTipY: 1,
+  senderTailSideX: 0,
+  senderTailSideY: -47,
+  senderTailBottomX: -18,
+  senderTailBottomY: -11,
+  // Sender tail curve control points (offsets from message right & bottom)
+  senderTailTopCurveX: 16,
+  senderTailTopCurveY: -25,
+  senderTailBottomCurveX: 0,
+  senderTailBottomCurveY: 1,
   // Read receipt (under last sender message)
   showReadReceipt: true,
   readReceiptText: "Read 12:16 PM",
@@ -5197,8 +5177,31 @@ var IMessageDmComposition = (props) => {
     messageTextFontSize = 48,
     messageTextColor = "#8e8e93",
     messageText = "iMessage",
-    // Sender bubble color (for unread badge background)
-    senderBubbleColor = "#1a42d5"
+    // Bubble colors
+    senderBubbleColor = "#1a42d5",
+    recipientBubbleColor = "#303032",
+    // Tail props - recipient (offsets from message left & bottom)
+    recipientTailTipX = -16,
+    recipientTailTipY = 0,
+    recipientTailSideX = 0,
+    recipientTailSideY = -47,
+    recipientTailBottomX = 18,
+    recipientTailBottomY = -11,
+    recipientTailTopCurveX = -16,
+    recipientTailTopCurveY = -25,
+    recipientTailBottomCurveX = 0,
+    recipientTailBottomCurveY = 0,
+    // Tail props - sender (offsets from message right & bottom)
+    senderTailTipX = 16,
+    senderTailTipY = 1,
+    senderTailSideX = 0,
+    senderTailSideY = -47,
+    senderTailBottomX = -18,
+    senderTailBottomY = -11,
+    senderTailTopCurveX = 16,
+    senderTailTopCurveY = -25,
+    senderTailBottomCurveX = 0,
+    senderTailBottomCurveY = 1
   } = mergedProps;
   return /* @__PURE__ */ jsxs10(
     BaseDmComposition,
@@ -5449,21 +5452,38 @@ var IMessageDmComposition = (props) => {
             children: messageText
           }
         ),
-        conversionResult.tails.map((tail) => /* @__PURE__ */ jsx12(
-          Img5,
-          {
-            src: staticFile3(tail.image),
-            style: {
-              position: "absolute",
-              top: tail.y,
-              left: tail.x,
-              width: tail.width,
-              height: tail.height,
-              zIndex: 4
-            }
-          },
-          tail.id
-        )),
+        conversionResult.tails.map((tail) => {
+          const refX = tail.isUser ? tail.messageRight : tail.messageLeft;
+          const refY = tail.messageBottom;
+          const tipX = refX + (tail.isUser ? senderTailTipX : recipientTailTipX);
+          const tipY = refY + (tail.isUser ? senderTailTipY : recipientTailTipY);
+          const sideX = refX + (tail.isUser ? senderTailSideX : recipientTailSideX);
+          const sideY = refY + (tail.isUser ? senderTailSideY : recipientTailSideY);
+          const bottomX = refX + (tail.isUser ? senderTailBottomX : recipientTailBottomX);
+          const bottomY = refY + (tail.isUser ? senderTailBottomY : recipientTailBottomY);
+          const topCurveX = refX + (tail.isUser ? senderTailTopCurveX : recipientTailTopCurveX);
+          const topCurveY = refY + (tail.isUser ? senderTailTopCurveY : recipientTailTopCurveY);
+          const bottomCurveX = refX + (tail.isUser ? senderTailBottomCurveX : recipientTailBottomCurveX);
+          const bottomCurveY = refY + (tail.isUser ? senderTailBottomCurveY : recipientTailBottomCurveY);
+          const fillColor = tail.isUser ? senderBubbleColor : recipientBubbleColor;
+          const pathD = `M ${sideX} ${sideY} Q ${topCurveX} ${topCurveY} ${tipX} ${tipY} Q ${bottomCurveX} ${bottomCurveY} ${bottomX} ${bottomY} Z`;
+          return /* @__PURE__ */ jsx12(
+            "svg",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width,
+                height,
+                zIndex: 4,
+                pointerEvents: "none"
+              },
+              children: /* @__PURE__ */ jsx12("path", { d: pathD, fill: fillColor })
+            },
+            tail.id
+          );
+        }),
         /* @__PURE__ */ jsx12(
           ImageEditorComposition,
           {
@@ -6114,16 +6134,32 @@ var iMessageDmPropsSchema = z.object({
   messageHeaderLetterSpacing: z.number().optional(),
   messageHeaderLeft: z.number().optional(),
   messageHeaderRight: z.number().optional(),
-  // Message tails
+  // Message tails (SVG-based)
   showMessageTails: z.boolean().optional(),
-  recipientTailOffsetLeft: z.number().optional(),
-  recipientTailOffsetRight: z.number().optional(),
-  recipientTailOffsetTop: z.number().optional(),
-  recipientTailOffsetBottom: z.number().optional(),
-  senderTailOffsetLeft: z.number().optional(),
-  senderTailOffsetRight: z.number().optional(),
-  senderTailOffsetTop: z.number().optional(),
-  senderTailOffsetBottom: z.number().optional(),
+  // Recipient tail anchor points
+  recipientTailTipX: z.number().optional(),
+  recipientTailTipY: z.number().optional(),
+  recipientTailSideX: z.number().optional(),
+  recipientTailSideY: z.number().optional(),
+  recipientTailBottomX: z.number().optional(),
+  recipientTailBottomY: z.number().optional(),
+  // Recipient tail curve control points
+  recipientTailTopCurveX: z.number().optional(),
+  recipientTailTopCurveY: z.number().optional(),
+  recipientTailBottomCurveX: z.number().optional(),
+  recipientTailBottomCurveY: z.number().optional(),
+  // Sender tail anchor points
+  senderTailTipX: z.number().optional(),
+  senderTailTipY: z.number().optional(),
+  senderTailSideX: z.number().optional(),
+  senderTailSideY: z.number().optional(),
+  senderTailBottomX: z.number().optional(),
+  senderTailBottomY: z.number().optional(),
+  // Sender tail curve control points
+  senderTailTopCurveX: z.number().optional(),
+  senderTailTopCurveY: z.number().optional(),
+  senderTailBottomCurveX: z.number().optional(),
+  senderTailBottomCurveY: z.number().optional(),
   // Read receipt
   showReadReceipt: z.boolean().optional(),
   readReceiptText: z.string().optional(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugcinc-render",
-  "version": "1.8.180",
+  "version": "1.8.181",
   "description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
   "main": "dist/index.js",
   "module": "dist/index.mjs",