ugcinc-render 1.8.184 → 1.8.185

package/dist/index.d.mts

@@ -1140,8 +1140,6 @@ interface IMessageDmCompositionProps {
     recipientTailCurveStartY?: number;
     recipientTailTipX?: number;
     recipientTailTipY?: number;
-    recipientTailBottomFlatEndX?: number;
-    recipientTailBottomFlatEndY?: number;
     recipientTailBottomX?: number;
     recipientTailBottomY?: number;
     recipientTailTopBend?: number;
@@ -1150,8 +1148,6 @@ interface IMessageDmCompositionProps {
     senderTailCurveStartY?: number;
     senderTailTipX?: number;
     senderTailTipY?: number;
-    senderTailBottomFlatEndX?: number;
-    senderTailBottomFlatEndY?: number;
     senderTailBottomX?: number;
     senderTailBottomY?: number;
     senderTailTopBend?: number;

package/dist/index.d.ts

@@ -1140,8 +1140,6 @@ interface IMessageDmCompositionProps {
     recipientTailCurveStartY?: number;
     recipientTailTipX?: number;
     recipientTailTipY?: number;
-    recipientTailBottomFlatEndX?: number;
-    recipientTailBottomFlatEndY?: number;
     recipientTailBottomX?: number;
     recipientTailBottomY?: number;
     recipientTailTopBend?: number;
@@ -1150,8 +1148,6 @@ interface IMessageDmCompositionProps {
     senderTailCurveStartY?: number;
     senderTailTipX?: number;
     senderTailTipY?: number;
-    senderTailBottomFlatEndX?: number;
-    senderTailBottomFlatEndY?: number;
     senderTailBottomX?: number;
     senderTailBottomY?: number;
     senderTailTopBend?: number;

package/dist/index.js

@@ -5944,10 +5944,6 @@ var defaultIMessageDmProps = {
   // Y where straight line ends and top curve begins
   recipientTailTipX: -17,
   recipientTailTipY: -1,
-  recipientTailBottomFlatEndX: -10,
-  // X where flat after tip ends and bottom curve begins
-  recipientTailBottomFlatEndY: -1,
-  // Y where flat after tip ends and bottom curve begins
   recipientTailBottomX: 19,
   // X where bottom curve ends (connects to bubble)
   recipientTailBottomY: -12,
@@ -5964,10 +5960,6 @@ var defaultIMessageDmProps = {
   // Y where straight line ends and top curve begins
   senderTailTipX: 17,
   senderTailTipY: -1,
-  senderTailBottomFlatEndX: 10,
-  // X where flat after tip ends and bottom curve begins
-  senderTailBottomFlatEndY: -1,
-  // Y where flat after tip ends and bottom curve begins
   senderTailBottomX: -19,
   // X where bottom curve ends (connects to bubble)
   senderTailBottomY: -12,
@@ -6155,8 +6147,6 @@ var IMessageDmComposition = (props) => {
     recipientTailCurveStartY = -33,
     recipientTailTipX = -17,
     recipientTailTipY = -1,
-    recipientTailBottomFlatEndX = -10,
-    recipientTailBottomFlatEndY = -1,
     recipientTailBottomX = 19,
     recipientTailBottomY = -12,
     recipientTailTopBend = -0.3,
@@ -6166,8 +6156,6 @@ var IMessageDmComposition = (props) => {
     senderTailCurveStartY = -33,
     senderTailTipX = 17,
     senderTailTipY = -1,
-    senderTailBottomFlatEndX = 10,
-    senderTailBottomFlatEndY = -1,
     senderTailBottomX = -19,
     senderTailBottomY = -12,
     senderTailTopBend = -0.3,
@@ -6429,8 +6417,6 @@ var IMessageDmComposition = (props) => {
           const curveStartY = refY + (tail.isUser ? senderTailCurveStartY : recipientTailCurveStartY);
           const tipX = refX + (tail.isUser ? senderTailTipX : recipientTailTipX);
           const tipY = refY + (tail.isUser ? senderTailTipY : recipientTailTipY);
-          const bottomFlatEndX = refX + (tail.isUser ? senderTailBottomFlatEndX : recipientTailBottomFlatEndX);
-          const bottomFlatEndY = refY + (tail.isUser ? senderTailBottomFlatEndY : recipientTailBottomFlatEndY);
           const bottomX = refX + (tail.isUser ? senderTailBottomX : recipientTailBottomX);
           const bottomY = refY + (tail.isUser ? senderTailBottomY : recipientTailBottomY);
           const topBend = tail.isUser ? senderTailTopBend : recipientTailTopBend;
@@ -6446,17 +6432,17 @@ var IMessageDmComposition = (props) => {
           const topPerpY = tail.isUser ? -topDx / topLen : topDx / topLen;
           const topCurveX = topMidX + topPerpX * topBend * topLen;
           const topCurveY = topMidY + topPerpY * topBend * topLen;
-          const bottomMidX = (bottomFlatEndX + bottomX) / 2;
-          const bottomMidY = (bottomFlatEndY + bottomY) / 2;
-          const bottomDx = bottomX - bottomFlatEndX;
-          const bottomDy = bottomY - bottomFlatEndY;
+          const bottomMidX = (tipX + bottomX) / 2;
+          const bottomMidY = (tipY + bottomY) / 2;
+          const bottomDx = bottomX - tipX;
+          const bottomDy = bottomY - tipY;
           const bottomLen = Math.sqrt(bottomDx * bottomDx + bottomDy * bottomDy);
           const bottomPerpX = tail.isUser ? bottomDy / bottomLen : -bottomDy / bottomLen;
           const bottomPerpY = tail.isUser ? -bottomDx / bottomLen : bottomDx / bottomLen;
           const bottomCurveX = bottomMidX + bottomPerpX * bottomBend * bottomLen;
           const bottomCurveY = bottomMidY + bottomPerpY * bottomBend * bottomLen;
           const fillColor = tail.isUser ? senderBubbleColor : recipientBubbleColor;
-          const pathD = `M ${sideX} ${sideY} L ${curveStartX} ${curveStartY} Q ${topCurveX} ${topCurveY} ${tipX} ${tipY} L ${bottomFlatEndX} ${bottomFlatEndY} Q ${bottomCurveX} ${bottomCurveY} ${bottomX} ${bottomY} Z`;
+          const pathD = `M ${sideX} ${sideY} L ${curveStartX} ${curveStartY} Q ${topCurveX} ${topCurveY} ${tipX} ${tipY} Q ${bottomCurveX} ${bottomCurveY} ${bottomX} ${bottomY} Z`;
           return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "svg",
             {
@@ -7414,8 +7400,6 @@ var iMessageDmPropsSchema = import_zod.z.object({
   recipientTailCurveStartY: import_zod.z.number().optional(),
   recipientTailTipX: import_zod.z.number().optional(),
   recipientTailTipY: import_zod.z.number().optional(),
-  recipientTailBottomFlatEndX: import_zod.z.number().optional(),
-  recipientTailBottomFlatEndY: import_zod.z.number().optional(),
   recipientTailBottomX: import_zod.z.number().optional(),
   recipientTailBottomY: import_zod.z.number().optional(),
   // Recipient tail curve bend
@@ -7426,8 +7410,6 @@ var iMessageDmPropsSchema = import_zod.z.object({
   senderTailCurveStartY: import_zod.z.number().optional(),
   senderTailTipX: import_zod.z.number().optional(),
   senderTailTipY: import_zod.z.number().optional(),
-  senderTailBottomFlatEndX: import_zod.z.number().optional(),
-  senderTailBottomFlatEndY: import_zod.z.number().optional(),
   senderTailBottomX: import_zod.z.number().optional(),
   senderTailBottomY: import_zod.z.number().optional(),
   // Sender tail curve bend

package/dist/index.mjs

@@ -4990,10 +4990,6 @@ var defaultIMessageDmProps = {
   // Y where straight line ends and top curve begins
   recipientTailTipX: -17,
   recipientTailTipY: -1,
-  recipientTailBottomFlatEndX: -10,
-  // X where flat after tip ends and bottom curve begins
-  recipientTailBottomFlatEndY: -1,
-  // Y where flat after tip ends and bottom curve begins
   recipientTailBottomX: 19,
   // X where bottom curve ends (connects to bubble)
   recipientTailBottomY: -12,
@@ -5010,10 +5006,6 @@ var defaultIMessageDmProps = {
   // Y where straight line ends and top curve begins
   senderTailTipX: 17,
   senderTailTipY: -1,
-  senderTailBottomFlatEndX: 10,
-  // X where flat after tip ends and bottom curve begins
-  senderTailBottomFlatEndY: -1,
-  // Y where flat after tip ends and bottom curve begins
   senderTailBottomX: -19,
   // X where bottom curve ends (connects to bubble)
   senderTailBottomY: -12,
@@ -5201,8 +5193,6 @@ var IMessageDmComposition = (props) => {
     recipientTailCurveStartY = -33,
     recipientTailTipX = -17,
     recipientTailTipY = -1,
-    recipientTailBottomFlatEndX = -10,
-    recipientTailBottomFlatEndY = -1,
     recipientTailBottomX = 19,
     recipientTailBottomY = -12,
     recipientTailTopBend = -0.3,
@@ -5212,8 +5202,6 @@ var IMessageDmComposition = (props) => {
     senderTailCurveStartY = -33,
     senderTailTipX = 17,
     senderTailTipY = -1,
-    senderTailBottomFlatEndX = 10,
-    senderTailBottomFlatEndY = -1,
     senderTailBottomX = -19,
     senderTailBottomY = -12,
     senderTailTopBend = -0.3,
@@ -5475,8 +5463,6 @@ var IMessageDmComposition = (props) => {
           const curveStartY = refY + (tail.isUser ? senderTailCurveStartY : recipientTailCurveStartY);
           const tipX = refX + (tail.isUser ? senderTailTipX : recipientTailTipX);
           const tipY = refY + (tail.isUser ? senderTailTipY : recipientTailTipY);
-          const bottomFlatEndX = refX + (tail.isUser ? senderTailBottomFlatEndX : recipientTailBottomFlatEndX);
-          const bottomFlatEndY = refY + (tail.isUser ? senderTailBottomFlatEndY : recipientTailBottomFlatEndY);
           const bottomX = refX + (tail.isUser ? senderTailBottomX : recipientTailBottomX);
           const bottomY = refY + (tail.isUser ? senderTailBottomY : recipientTailBottomY);
           const topBend = tail.isUser ? senderTailTopBend : recipientTailTopBend;
@@ -5492,17 +5478,17 @@ var IMessageDmComposition = (props) => {
           const topPerpY = tail.isUser ? -topDx / topLen : topDx / topLen;
           const topCurveX = topMidX + topPerpX * topBend * topLen;
           const topCurveY = topMidY + topPerpY * topBend * topLen;
-          const bottomMidX = (bottomFlatEndX + bottomX) / 2;
-          const bottomMidY = (bottomFlatEndY + bottomY) / 2;
-          const bottomDx = bottomX - bottomFlatEndX;
-          const bottomDy = bottomY - bottomFlatEndY;
+          const bottomMidX = (tipX + bottomX) / 2;
+          const bottomMidY = (tipY + bottomY) / 2;
+          const bottomDx = bottomX - tipX;
+          const bottomDy = bottomY - tipY;
           const bottomLen = Math.sqrt(bottomDx * bottomDx + bottomDy * bottomDy);
           const bottomPerpX = tail.isUser ? bottomDy / bottomLen : -bottomDy / bottomLen;
           const bottomPerpY = tail.isUser ? -bottomDx / bottomLen : bottomDx / bottomLen;
           const bottomCurveX = bottomMidX + bottomPerpX * bottomBend * bottomLen;
           const bottomCurveY = bottomMidY + bottomPerpY * bottomBend * bottomLen;
           const fillColor = tail.isUser ? senderBubbleColor : recipientBubbleColor;
-          const pathD = `M ${sideX} ${sideY} L ${curveStartX} ${curveStartY} Q ${topCurveX} ${topCurveY} ${tipX} ${tipY} L ${bottomFlatEndX} ${bottomFlatEndY} Q ${bottomCurveX} ${bottomCurveY} ${bottomX} ${bottomY} Z`;
+          const pathD = `M ${sideX} ${sideY} L ${curveStartX} ${curveStartY} Q ${topCurveX} ${topCurveY} ${tipX} ${tipY} Q ${bottomCurveX} ${bottomCurveY} ${bottomX} ${bottomY} Z`;
           return /* @__PURE__ */ jsx12(
             "svg",
             {
@@ -6177,8 +6163,6 @@ var iMessageDmPropsSchema = z.object({
   recipientTailCurveStartY: z.number().optional(),
   recipientTailTipX: z.number().optional(),
   recipientTailTipY: z.number().optional(),
-  recipientTailBottomFlatEndX: z.number().optional(),
-  recipientTailBottomFlatEndY: z.number().optional(),
   recipientTailBottomX: z.number().optional(),
   recipientTailBottomY: z.number().optional(),
   // Recipient tail curve bend
@@ -6189,8 +6173,6 @@ var iMessageDmPropsSchema = z.object({
   senderTailCurveStartY: z.number().optional(),
   senderTailTipX: z.number().optional(),
   senderTailTipY: z.number().optional(),
-  senderTailBottomFlatEndX: z.number().optional(),
-  senderTailBottomFlatEndY: z.number().optional(),
   senderTailBottomX: z.number().optional(),
   senderTailBottomY: z.number().optional(),
   // Sender tail curve bend

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugcinc-render",
-  "version": "1.8.184",
+  "version": "1.8.185",
   "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",