ugcinc-render 1.8.129 → 1.8.131

package/dist/index.d.mts

@@ -829,6 +829,9 @@ interface InstagramDmCompositionProps {
     batteryBottom?: number;
     batteryLeft?: number;
     batteryRight?: number;
+    time?: string;
+    timeRight?: number;
+    timeBottom?: number;
 }
 
 /**

package/dist/index.d.ts

@@ -829,6 +829,9 @@ interface InstagramDmCompositionProps {
     batteryBottom?: number;
     batteryLeft?: number;
     batteryRight?: number;
+    time?: string;
+    timeRight?: number;
+    timeBottom?: number;
 }
 
 /**

package/dist/index.js

@@ -3471,14 +3471,18 @@ var HEADER_DEFAULTS = {
   videoIconBottom: 300,
   videoIconLeft: 948,
   videoIconRight: 1020,
-  flagTop: 240,
-  flagBottom: 302,
-  flagLeft: 1096,
-  flagRight: 1152,
+  flagTop: 237,
+  flagBottom: 303,
+  flagLeft: 1098,
+  flagRight: 1153,
   batteryTop: 78,
-  batteryBottom: 116,
+  batteryBottom: 117,
   batteryLeft: 1018,
-  batteryRight: 1099
+  batteryRight: 1100,
+  // Time display
+  time: "9:41",
+  timeRight: 258,
+  timeBottom: 116
 };
 function generateHeaderElements(props) {
   const elements = [];
@@ -3622,6 +3626,29 @@ function generateHeaderElements(props) {
     inputId: ICON_INPUT_IDS.battery,
     fit: "fill"
   });
+  const time = props.time ?? HEADER_DEFAULTS.time;
+  const timeRight = props.timeRight ?? HEADER_DEFAULTS.timeRight;
+  const timeBottom = props.timeBottom ?? HEADER_DEFAULTS.timeBottom;
+  const timeFontSize = props.messageFontSize ?? MESSAGE_DEFAULTS.messageFontSize;
+  const timeColor = props.bubbleTextColor ?? MESSAGE_DEFAULTS.bubbleTextColor;
+  const timeHeight = timeFontSize;
+  const timeTop = timeBottom - timeHeight;
+  elements.push({
+    id: "status-time",
+    type: "text",
+    x: 0,
+    y: timeTop,
+    width: timeRight,
+    height: timeHeight,
+    zIndex: 30,
+    text: time,
+    font: "apple",
+    fontSize: timeFontSize,
+    fontWeight: "semibold",
+    color: timeColor,
+    textAlign: "right",
+    verticalAlign: "middle"
+  });
   return elements;
 }
 function generateFooterIconElements(props) {
@@ -4301,38 +4328,42 @@ var defaultInstagramDmProps = {
   videoIconLeft: 948,
   videoIconRight: 1020,
   // Header - Flag icon
-  flagTop: 240,
-  flagBottom: 302,
-  flagLeft: 1096,
-  flagRight: 1152,
+  flagTop: 237,
+  flagBottom: 303,
+  flagLeft: 1098,
+  flagRight: 1153,
   // Status bar - Cell signal
   cellLevel: 4,
   cell1Top: 102,
-  cell1Bottom: 115,
+  cell1Bottom: 116,
   cell1Left: 865,
-  cell1Right: 874,
+  cell1Right: 875,
   cell2Top: 95,
-  cell2Bottom: 115,
+  cell2Bottom: 116,
   cell2Left: 881,
-  cell2Right: 890,
+  cell2Right: 891,
   cell3Top: 87,
-  cell3Bottom: 115,
+  cell3Bottom: 116,
   cell3Left: 897,
-  cell3Right: 906,
+  cell3Right: 907,
   cell4Top: 79,
-  cell4Bottom: 115,
+  cell4Bottom: 116,
   cell4Left: 913,
-  cell4Right: 922,
+  cell4Right: 923,
   // Status bar - WiFi icon
   wifiTop: 79,
-  wifiBottom: 115,
+  wifiBottom: 116,
   wifiLeft: 945,
-  wifiRight: 995,
+  wifiRight: 996,
   // Status bar - Battery
   batteryTop: 78,
-  batteryBottom: 116,
+  batteryBottom: 117,
   batteryLeft: 1018,
-  batteryRight: 1099
+  batteryRight: 1100,
+  // Status bar - Time
+  time: "9:41",
+  timeRight: 258,
+  timeBottom: 116
 };
 function InstagramDmComposition(props) {
   const {
@@ -5669,38 +5700,42 @@ var instagramDmSchema = import_zod.z.object({
   videoIconLeft: import_zod.z.number().optional().default(948).describe("Video icon left X"),
   videoIconRight: import_zod.z.number().optional().default(1020).describe("Video icon right X"),
   // Header - Flag icon
-  flagTop: import_zod.z.number().optional().default(240).describe("Flag icon top Y"),
-  flagBottom: import_zod.z.number().optional().default(302).describe("Flag icon bottom Y"),
-  flagLeft: import_zod.z.number().optional().default(1096).describe("Flag icon left X"),
-  flagRight: import_zod.z.number().optional().default(1152).describe("Flag icon right X"),
+  flagTop: import_zod.z.number().optional().default(237).describe("Flag icon top Y"),
+  flagBottom: import_zod.z.number().optional().default(303).describe("Flag icon bottom Y"),
+  flagLeft: import_zod.z.number().optional().default(1098).describe("Flag icon left X"),
+  flagRight: import_zod.z.number().optional().default(1153).describe("Flag icon right X"),
   // Status bar - Cell signal (0-4)
   cellLevel: import_zod.z.number().min(0).max(4).optional().default(4).describe("Cell signal level (0-4)"),
   cell1Top: import_zod.z.number().optional().default(102).describe("Cell bar 1 top Y"),
-  cell1Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 1 bottom Y"),
+  cell1Bottom: import_zod.z.number().optional().default(116).describe("Cell bar 1 bottom Y"),
   cell1Left: import_zod.z.number().optional().default(865).describe("Cell bar 1 left X"),
-  cell1Right: import_zod.z.number().optional().default(874).describe("Cell bar 1 right X"),
+  cell1Right: import_zod.z.number().optional().default(875).describe("Cell bar 1 right X"),
   cell2Top: import_zod.z.number().optional().default(95).describe("Cell bar 2 top Y"),
-  cell2Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 2 bottom Y"),
+  cell2Bottom: import_zod.z.number().optional().default(116).describe("Cell bar 2 bottom Y"),
   cell2Left: import_zod.z.number().optional().default(881).describe("Cell bar 2 left X"),
-  cell2Right: import_zod.z.number().optional().default(890).describe("Cell bar 2 right X"),
+  cell2Right: import_zod.z.number().optional().default(891).describe("Cell bar 2 right X"),
   cell3Top: import_zod.z.number().optional().default(87).describe("Cell bar 3 top Y"),
-  cell3Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 3 bottom Y"),
+  cell3Bottom: import_zod.z.number().optional().default(116).describe("Cell bar 3 bottom Y"),
   cell3Left: import_zod.z.number().optional().default(897).describe("Cell bar 3 left X"),
-  cell3Right: import_zod.z.number().optional().default(906).describe("Cell bar 3 right X"),
+  cell3Right: import_zod.z.number().optional().default(907).describe("Cell bar 3 right X"),
   cell4Top: import_zod.z.number().optional().default(79).describe("Cell bar 4 top Y"),
-  cell4Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 4 bottom Y"),
+  cell4Bottom: import_zod.z.number().optional().default(116).describe("Cell bar 4 bottom Y"),
   cell4Left: import_zod.z.number().optional().default(913).describe("Cell bar 4 left X"),
-  cell4Right: import_zod.z.number().optional().default(922).describe("Cell bar 4 right X"),
+  cell4Right: import_zod.z.number().optional().default(923).describe("Cell bar 4 right X"),
   // Status bar - WiFi icon
   wifiTop: import_zod.z.number().optional().default(79).describe("WiFi icon top Y"),
-  wifiBottom: import_zod.z.number().optional().default(115).describe("WiFi icon bottom Y"),
+  wifiBottom: import_zod.z.number().optional().default(116).describe("WiFi icon bottom Y"),
   wifiLeft: import_zod.z.number().optional().default(945).describe("WiFi icon left X"),
-  wifiRight: import_zod.z.number().optional().default(995).describe("WiFi icon right X"),
+  wifiRight: import_zod.z.number().optional().default(996).describe("WiFi icon right X"),
   // Status bar - Battery icon
   batteryTop: import_zod.z.number().optional().default(78).describe("Battery icon top Y"),
-  batteryBottom: import_zod.z.number().optional().default(116).describe("Battery icon bottom Y"),
+  batteryBottom: import_zod.z.number().optional().default(117).describe("Battery icon bottom Y"),
   batteryLeft: import_zod.z.number().optional().default(1018).describe("Battery icon left X"),
-  batteryRight: import_zod.z.number().optional().default(1099).describe("Battery icon right X")
+  batteryRight: import_zod.z.number().optional().default(1100).describe("Battery icon right X"),
+  // Status bar - Time display
+  time: import_zod.z.string().optional().default("9:41").describe("Time string to display"),
+  timeRight: import_zod.z.number().optional().default(258).describe("Time text right X (right-aligned)"),
+  timeBottom: import_zod.z.number().optional().default(116).describe("Time text bottom Y")
 });
 var ImageComp = ImageEditorComposition;
 var VideoComp = VideoEditorComposition;

package/dist/index.mjs

@@ -2540,14 +2540,18 @@ var HEADER_DEFAULTS = {
   videoIconBottom: 300,
   videoIconLeft: 948,
   videoIconRight: 1020,
-  flagTop: 240,
-  flagBottom: 302,
-  flagLeft: 1096,
-  flagRight: 1152,
+  flagTop: 237,
+  flagBottom: 303,
+  flagLeft: 1098,
+  flagRight: 1153,
   batteryTop: 78,
-  batteryBottom: 116,
+  batteryBottom: 117,
   batteryLeft: 1018,
-  batteryRight: 1099
+  batteryRight: 1100,
+  // Time display
+  time: "9:41",
+  timeRight: 258,
+  timeBottom: 116
 };
 function generateHeaderElements(props) {
   const elements = [];
@@ -2691,6 +2695,29 @@ function generateHeaderElements(props) {
     inputId: ICON_INPUT_IDS.battery,
     fit: "fill"
   });
+  const time = props.time ?? HEADER_DEFAULTS.time;
+  const timeRight = props.timeRight ?? HEADER_DEFAULTS.timeRight;
+  const timeBottom = props.timeBottom ?? HEADER_DEFAULTS.timeBottom;
+  const timeFontSize = props.messageFontSize ?? MESSAGE_DEFAULTS.messageFontSize;
+  const timeColor = props.bubbleTextColor ?? MESSAGE_DEFAULTS.bubbleTextColor;
+  const timeHeight = timeFontSize;
+  const timeTop = timeBottom - timeHeight;
+  elements.push({
+    id: "status-time",
+    type: "text",
+    x: 0,
+    y: timeTop,
+    width: timeRight,
+    height: timeHeight,
+    zIndex: 30,
+    text: time,
+    font: "apple",
+    fontSize: timeFontSize,
+    fontWeight: "semibold",
+    color: timeColor,
+    textAlign: "right",
+    verticalAlign: "middle"
+  });
   return elements;
 }
 function generateFooterIconElements(props) {
@@ -3370,38 +3397,42 @@ var defaultInstagramDmProps = {
   videoIconLeft: 948,
   videoIconRight: 1020,
   // Header - Flag icon
-  flagTop: 240,
-  flagBottom: 302,
-  flagLeft: 1096,
-  flagRight: 1152,
+  flagTop: 237,
+  flagBottom: 303,
+  flagLeft: 1098,
+  flagRight: 1153,
   // Status bar - Cell signal
   cellLevel: 4,
   cell1Top: 102,
-  cell1Bottom: 115,
+  cell1Bottom: 116,
   cell1Left: 865,
-  cell1Right: 874,
+  cell1Right: 875,
   cell2Top: 95,
-  cell2Bottom: 115,
+  cell2Bottom: 116,
   cell2Left: 881,
-  cell2Right: 890,
+  cell2Right: 891,
   cell3Top: 87,
-  cell3Bottom: 115,
+  cell3Bottom: 116,
   cell3Left: 897,
-  cell3Right: 906,
+  cell3Right: 907,
   cell4Top: 79,
-  cell4Bottom: 115,
+  cell4Bottom: 116,
   cell4Left: 913,
-  cell4Right: 922,
+  cell4Right: 923,
   // Status bar - WiFi icon
   wifiTop: 79,
-  wifiBottom: 115,
+  wifiBottom: 116,
   wifiLeft: 945,
-  wifiRight: 995,
+  wifiRight: 996,
   // Status bar - Battery
   batteryTop: 78,
-  batteryBottom: 116,
+  batteryBottom: 117,
   batteryLeft: 1018,
-  batteryRight: 1099
+  batteryRight: 1100,
+  // Status bar - Time
+  time: "9:41",
+  timeRight: 258,
+  timeBottom: 116
 };
 function InstagramDmComposition(props) {
   const {
@@ -4455,38 +4486,42 @@ var instagramDmSchema = z.object({
   videoIconLeft: z.number().optional().default(948).describe("Video icon left X"),
   videoIconRight: z.number().optional().default(1020).describe("Video icon right X"),
   // Header - Flag icon
-  flagTop: z.number().optional().default(240).describe("Flag icon top Y"),
-  flagBottom: z.number().optional().default(302).describe("Flag icon bottom Y"),
-  flagLeft: z.number().optional().default(1096).describe("Flag icon left X"),
-  flagRight: z.number().optional().default(1152).describe("Flag icon right X"),
+  flagTop: z.number().optional().default(237).describe("Flag icon top Y"),
+  flagBottom: z.number().optional().default(303).describe("Flag icon bottom Y"),
+  flagLeft: z.number().optional().default(1098).describe("Flag icon left X"),
+  flagRight: z.number().optional().default(1153).describe("Flag icon right X"),
   // Status bar - Cell signal (0-4)
   cellLevel: z.number().min(0).max(4).optional().default(4).describe("Cell signal level (0-4)"),
   cell1Top: z.number().optional().default(102).describe("Cell bar 1 top Y"),
-  cell1Bottom: z.number().optional().default(115).describe("Cell bar 1 bottom Y"),
+  cell1Bottom: z.number().optional().default(116).describe("Cell bar 1 bottom Y"),
   cell1Left: z.number().optional().default(865).describe("Cell bar 1 left X"),
-  cell1Right: z.number().optional().default(874).describe("Cell bar 1 right X"),
+  cell1Right: z.number().optional().default(875).describe("Cell bar 1 right X"),
   cell2Top: z.number().optional().default(95).describe("Cell bar 2 top Y"),
-  cell2Bottom: z.number().optional().default(115).describe("Cell bar 2 bottom Y"),
+  cell2Bottom: z.number().optional().default(116).describe("Cell bar 2 bottom Y"),
   cell2Left: z.number().optional().default(881).describe("Cell bar 2 left X"),
-  cell2Right: z.number().optional().default(890).describe("Cell bar 2 right X"),
+  cell2Right: z.number().optional().default(891).describe("Cell bar 2 right X"),
   cell3Top: z.number().optional().default(87).describe("Cell bar 3 top Y"),
-  cell3Bottom: z.number().optional().default(115).describe("Cell bar 3 bottom Y"),
+  cell3Bottom: z.number().optional().default(116).describe("Cell bar 3 bottom Y"),
   cell3Left: z.number().optional().default(897).describe("Cell bar 3 left X"),
-  cell3Right: z.number().optional().default(906).describe("Cell bar 3 right X"),
+  cell3Right: z.number().optional().default(907).describe("Cell bar 3 right X"),
   cell4Top: z.number().optional().default(79).describe("Cell bar 4 top Y"),
-  cell4Bottom: z.number().optional().default(115).describe("Cell bar 4 bottom Y"),
+  cell4Bottom: z.number().optional().default(116).describe("Cell bar 4 bottom Y"),
   cell4Left: z.number().optional().default(913).describe("Cell bar 4 left X"),
-  cell4Right: z.number().optional().default(922).describe("Cell bar 4 right X"),
+  cell4Right: z.number().optional().default(923).describe("Cell bar 4 right X"),
   // Status bar - WiFi icon
   wifiTop: z.number().optional().default(79).describe("WiFi icon top Y"),
-  wifiBottom: z.number().optional().default(115).describe("WiFi icon bottom Y"),
+  wifiBottom: z.number().optional().default(116).describe("WiFi icon bottom Y"),
   wifiLeft: z.number().optional().default(945).describe("WiFi icon left X"),
-  wifiRight: z.number().optional().default(995).describe("WiFi icon right X"),
+  wifiRight: z.number().optional().default(996).describe("WiFi icon right X"),
   // Status bar - Battery icon
   batteryTop: z.number().optional().default(78).describe("Battery icon top Y"),
-  batteryBottom: z.number().optional().default(116).describe("Battery icon bottom Y"),
+  batteryBottom: z.number().optional().default(117).describe("Battery icon bottom Y"),
   batteryLeft: z.number().optional().default(1018).describe("Battery icon left X"),
-  batteryRight: z.number().optional().default(1099).describe("Battery icon right X")
+  batteryRight: z.number().optional().default(1100).describe("Battery icon right X"),
+  // Status bar - Time display
+  time: z.string().optional().default("9:41").describe("Time string to display"),
+  timeRight: z.number().optional().default(258).describe("Time text right X (right-aligned)"),
+  timeBottom: z.number().optional().default(116).describe("Time text bottom Y")
 });
 var ImageComp = ImageEditorComposition;
 var VideoComp = VideoEditorComposition;

package/package.json

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