ugcinc-render 1.8.122 → 1.8.124

package/dist/index.js

@@ -3440,35 +3440,35 @@ var ICON_INPUT_IDS = {
 var USER_PFP_INPUT_ID = "user-pfp";
 var HEADER_DEFAULTS = {
   backArrowTop: 240,
-  backArrowBottom: 299,
+  backArrowBottom: 300,
   backArrowLeft: 78,
-  backArrowRight: 110,
-  userPfpTop: 222,
-  userPfpBottom: 317,
-  userPfpLeft: 180,
-  userPfpRight: 275,
+  backArrowRight: 111,
+  userPfpTop: 220,
+  userPfpBottom: 320,
+  userPfpLeft: 179,
+  userPfpRight: 277,
   userStoryRingColor: "#5e656d",
   userStoryRingTop: 210,
-  userStoryRingBottom: 329,
+  userStoryRingBottom: 330,
   userStoryRingLeft: 168,
-  userStoryRingRight: 287,
-  userStoryRingWidth: 7,
+  userStoryRingRight: 288,
+  userStoryRingWidth: 6,
   noNotisTop: 77,
-  noNotisBottom: 119,
+  noNotisBottom: 120,
   noNotisLeft: 272,
-  noNotisRight: 311,
+  noNotisRight: 312,
   smilePlusTop: 234,
-  smilePlusBottom: 305,
+  smilePlusBottom: 306,
   smilePlusLeft: 663,
-  smilePlusRight: 734,
-  phoneIconTop: 236,
-  phoneIconBottom: 302,
+  smilePlusRight: 735,
+  phoneIconTop: 237,
+  phoneIconBottom: 303,
   phoneIconLeft: 807,
   phoneIconRight: 873,
   videoIconTop: 240,
-  videoIconBottom: 299,
+  videoIconBottom: 300,
   videoIconLeft: 948,
-  videoIconRight: 1019
+  videoIconRight: 1020
 };
 function generateHeaderElements(props) {
   const elements = [];
@@ -3489,29 +3489,6 @@ function generateHeaderElements(props) {
     inputId: ICON_INPUT_IDS.backArrow,
     fit: "fill"
   });
-  const userHasStory = props.userHasStory ?? false;
-  if (userHasStory) {
-    const ringTop = props.userStoryRingTop ?? HEADER_DEFAULTS.userStoryRingTop;
-    const ringBottom = props.userStoryRingBottom ?? HEADER_DEFAULTS.userStoryRingBottom;
-    const ringLeft = props.userStoryRingLeft ?? HEADER_DEFAULTS.userStoryRingLeft;
-    const ringRight = props.userStoryRingRight ?? HEADER_DEFAULTS.userStoryRingRight;
-    const ringColor = props.userStoryRingColor ?? HEADER_DEFAULTS.userStoryRingColor;
-    const ringWidth = ringRight - ringLeft;
-    const ringHeight = ringBottom - ringTop;
-    elements.push({
-      id: "user-story-ring",
-      type: "text",
-      x: ringLeft,
-      y: ringTop,
-      width: ringWidth,
-      height: ringHeight,
-      zIndex: 29,
-      text: "",
-      backgroundColor: ringColor,
-      backgroundOpacity: 100,
-      backgroundBorderRadius: ringWidth / 2
-    });
-  }
   const userPfpTop = props.userPfpTop ?? HEADER_DEFAULTS.userPfpTop;
   const userPfpBottom = props.userPfpBottom ?? HEADER_DEFAULTS.userPfpBottom;
   const userPfpLeft = props.userPfpLeft ?? HEADER_DEFAULTS.userPfpLeft;
@@ -4132,7 +4109,7 @@ function convertPropsToElements(props) {
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var defaultInstagramDmProps = {
   showDebugOverlay: true,
-  referenceImageUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3177-twSYuZPHRoxH9PA2xhpDUeKIg2ny7p.png",
+  referenceImageUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png",
   showReferenceImage: true,
   referenceOpacity: 50,
   width: 1206,
@@ -4240,43 +4217,43 @@ var defaultInstagramDmProps = {
   profilePicGap: 37,
   // Header - Back arrow
   backArrowTop: 240,
-  backArrowBottom: 299,
+  backArrowBottom: 300,
   backArrowLeft: 78,
-  backArrowRight: 110,
+  backArrowRight: 111,
   // Header - User profile picture
-  userPfpUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png",
-  userPfpTop: 222,
-  userPfpBottom: 317,
-  userPfpLeft: 180,
-  userPfpRight: 275,
+  userPfpUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/884a81ce74fa88e229f6be5f76f29385-3P4rjQqfbLidxtZ7OmvgaDQNMSSIGi.jpg",
+  userPfpTop: 220,
+  userPfpBottom: 320,
+  userPfpLeft: 179,
+  userPfpRight: 277,
   // Header - User story ring
   userHasStory: false,
   userStoryRingColor: "#5e656d",
   userStoryRingTop: 210,
-  userStoryRingBottom: 329,
+  userStoryRingBottom: 330,
   userStoryRingLeft: 168,
-  userStoryRingRight: 287,
-  userStoryRingWidth: 7,
+  userStoryRingRight: 288,
+  userStoryRingWidth: 6,
   // Header - No notifications icon
   noNotisTop: 77,
-  noNotisBottom: 119,
+  noNotisBottom: 120,
   noNotisLeft: 272,
-  noNotisRight: 311,
+  noNotisRight: 312,
   // Header - Smile plus icon
   smilePlusTop: 234,
-  smilePlusBottom: 305,
+  smilePlusBottom: 306,
   smilePlusLeft: 663,
-  smilePlusRight: 734,
+  smilePlusRight: 735,
   // Header - Phone icon
-  phoneIconTop: 236,
-  phoneIconBottom: 302,
+  phoneIconTop: 237,
+  phoneIconBottom: 303,
   phoneIconLeft: 807,
   phoneIconRight: 873,
   // Header - Video icon
   videoIconTop: 240,
-  videoIconBottom: 299,
+  videoIconBottom: 300,
   videoIconLeft: 948,
-  videoIconRight: 1019
+  videoIconRight: 1020
 };
 function InstagramDmComposition(props) {
   const {
@@ -4286,7 +4263,15 @@ function InstagramDmComposition(props) {
     referenceOpacity = 50,
     width = 1206,
     height = 2622,
-    theme
+    theme,
+    // Story ring props
+    userHasStory = false,
+    userStoryRingTop = 210,
+    userStoryRingBottom = 330,
+    userStoryRingLeft = 168,
+    userStoryRingRight = 288,
+    userStoryRingColor = "#5e656d",
+    userStoryRingWidth = 6
   } = props;
   const clampedReferenceOpacity = Math.max(0, Math.min(100, referenceOpacity));
   const [zoom, setZoom] = (0, import_react8.useState)(100);
@@ -4363,6 +4348,23 @@ function InstagramDmComposition(props) {
                   imageUrls
                 }
               ),
+              userHasStory && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    top: userStoryRingTop,
+                    left: userStoryRingLeft,
+                    width: userStoryRingRight - userStoryRingLeft,
+                    height: userStoryRingBottom - userStoryRingTop,
+                    borderRadius: "50%",
+                    border: `${userStoryRingWidth}px solid ${userStoryRingColor}`,
+                    boxSizing: "border-box",
+                    pointerEvents: "none",
+                    zIndex: 29
+                  }
+                }
+              ),
               referenceImageUrl && showReferenceImage && (!showDebugOverlay || referenceVisible) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                 "div",
                 {
@@ -5340,7 +5342,7 @@ var instagramDmSchema = import_zod.z.object({
   // Debug overlay
   showDebugOverlay: import_zod.z.boolean().optional().default(true).describe("Show debug overlay with mouse coordinates"),
   // Reference overlay
-  referenceImageUrl: import_zod.z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3177-twSYuZPHRoxH9PA2xhpDUeKIg2ny7p.png").describe("Reference screenshot URL"),
+  referenceImageUrl: import_zod.z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png").describe("Reference screenshot URL"),
   showReferenceImage: import_zod.z.boolean().optional().default(true).describe("Show/hide reference image"),
   referenceOpacity: import_zod.z.number().min(0).max(100).optional().default(50).describe("Reference overlay opacity (0-100)"),
   // Canvas
@@ -5447,43 +5449,43 @@ var instagramDmSchema = import_zod.z.object({
   profilePicGap: import_zod.z.number().optional().default(37).describe("Gap between profile pic and bubble"),
   // Header - Back arrow
   backArrowTop: import_zod.z.number().optional().default(240).describe("Back arrow top Y"),
-  backArrowBottom: import_zod.z.number().optional().default(299).describe("Back arrow bottom Y"),
+  backArrowBottom: import_zod.z.number().optional().default(300).describe("Back arrow bottom Y"),
   backArrowLeft: import_zod.z.number().optional().default(78).describe("Back arrow left X"),
-  backArrowRight: import_zod.z.number().optional().default(110).describe("Back arrow right X"),
+  backArrowRight: import_zod.z.number().optional().default(111).describe("Back arrow right X"),
   // Header - User profile picture
-  userPfpUrl: import_zod.z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png").describe("User profile picture URL"),
-  userPfpTop: import_zod.z.number().optional().default(222).describe("User pfp top Y"),
-  userPfpBottom: import_zod.z.number().optional().default(317).describe("User pfp bottom Y"),
-  userPfpLeft: import_zod.z.number().optional().default(180).describe("User pfp left X"),
-  userPfpRight: import_zod.z.number().optional().default(275).describe("User pfp right X"),
+  userPfpUrl: import_zod.z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/884a81ce74fa88e229f6be5f76f29385-3P4rjQqfbLidxtZ7OmvgaDQNMSSIGi.jpg").describe("User profile picture URL"),
+  userPfpTop: import_zod.z.number().optional().default(220).describe("User pfp top Y"),
+  userPfpBottom: import_zod.z.number().optional().default(320).describe("User pfp bottom Y"),
+  userPfpLeft: import_zod.z.number().optional().default(179).describe("User pfp left X"),
+  userPfpRight: import_zod.z.number().optional().default(277).describe("User pfp right X"),
   // Header - User story ring
   userHasStory: import_zod.z.boolean().optional().default(false).describe("Show story ring around user pfp"),
   userStoryRingColor: import_zod.z.string().optional().default("#5e656d").describe("Story ring color"),
   userStoryRingTop: import_zod.z.number().optional().default(210).describe("Story ring outer top Y"),
-  userStoryRingBottom: import_zod.z.number().optional().default(329).describe("Story ring outer bottom Y"),
+  userStoryRingBottom: import_zod.z.number().optional().default(330).describe("Story ring outer bottom Y"),
   userStoryRingLeft: import_zod.z.number().optional().default(168).describe("Story ring outer left X"),
-  userStoryRingRight: import_zod.z.number().optional().default(287).describe("Story ring outer right X"),
-  userStoryRingWidth: import_zod.z.number().optional().default(7).describe("Story ring width"),
+  userStoryRingRight: import_zod.z.number().optional().default(288).describe("Story ring outer right X"),
+  userStoryRingWidth: import_zod.z.number().optional().default(6).describe("Story ring width"),
   // Header - No notifications icon
   noNotisTop: import_zod.z.number().optional().default(77).describe("No notifications top Y"),
-  noNotisBottom: import_zod.z.number().optional().default(119).describe("No notifications bottom Y"),
+  noNotisBottom: import_zod.z.number().optional().default(120).describe("No notifications bottom Y"),
   noNotisLeft: import_zod.z.number().optional().default(272).describe("No notifications left X"),
-  noNotisRight: import_zod.z.number().optional().default(311).describe("No notifications right X"),
+  noNotisRight: import_zod.z.number().optional().default(312).describe("No notifications right X"),
   // Header - Smile plus icon
   smilePlusTop: import_zod.z.number().optional().default(234).describe("Smile plus top Y"),
-  smilePlusBottom: import_zod.z.number().optional().default(305).describe("Smile plus bottom Y"),
+  smilePlusBottom: import_zod.z.number().optional().default(306).describe("Smile plus bottom Y"),
   smilePlusLeft: import_zod.z.number().optional().default(663).describe("Smile plus left X"),
-  smilePlusRight: import_zod.z.number().optional().default(734).describe("Smile plus right X"),
+  smilePlusRight: import_zod.z.number().optional().default(735).describe("Smile plus right X"),
   // Header - Phone icon
-  phoneIconTop: import_zod.z.number().optional().default(236).describe("Phone icon top Y"),
-  phoneIconBottom: import_zod.z.number().optional().default(302).describe("Phone icon bottom Y"),
+  phoneIconTop: import_zod.z.number().optional().default(237).describe("Phone icon top Y"),
+  phoneIconBottom: import_zod.z.number().optional().default(303).describe("Phone icon bottom Y"),
   phoneIconLeft: import_zod.z.number().optional().default(807).describe("Phone icon left X"),
   phoneIconRight: import_zod.z.number().optional().default(873).describe("Phone icon right X"),
   // Header - Video icon
   videoIconTop: import_zod.z.number().optional().default(240).describe("Video icon top Y"),
-  videoIconBottom: import_zod.z.number().optional().default(299).describe("Video icon bottom Y"),
+  videoIconBottom: import_zod.z.number().optional().default(300).describe("Video icon bottom Y"),
   videoIconLeft: import_zod.z.number().optional().default(948).describe("Video icon left X"),
-  videoIconRight: import_zod.z.number().optional().default(1019).describe("Video icon right X")
+  videoIconRight: import_zod.z.number().optional().default(1020).describe("Video icon right X")
 });
 var ImageComp = ImageEditorComposition;
 var VideoComp = VideoEditorComposition;

package/dist/index.mjs

@@ -2509,35 +2509,35 @@ var ICON_INPUT_IDS = {
 var USER_PFP_INPUT_ID = "user-pfp";
 var HEADER_DEFAULTS = {
   backArrowTop: 240,
-  backArrowBottom: 299,
+  backArrowBottom: 300,
   backArrowLeft: 78,
-  backArrowRight: 110,
-  userPfpTop: 222,
-  userPfpBottom: 317,
-  userPfpLeft: 180,
-  userPfpRight: 275,
+  backArrowRight: 111,
+  userPfpTop: 220,
+  userPfpBottom: 320,
+  userPfpLeft: 179,
+  userPfpRight: 277,
   userStoryRingColor: "#5e656d",
   userStoryRingTop: 210,
-  userStoryRingBottom: 329,
+  userStoryRingBottom: 330,
   userStoryRingLeft: 168,
-  userStoryRingRight: 287,
-  userStoryRingWidth: 7,
+  userStoryRingRight: 288,
+  userStoryRingWidth: 6,
   noNotisTop: 77,
-  noNotisBottom: 119,
+  noNotisBottom: 120,
   noNotisLeft: 272,
-  noNotisRight: 311,
+  noNotisRight: 312,
   smilePlusTop: 234,
-  smilePlusBottom: 305,
+  smilePlusBottom: 306,
   smilePlusLeft: 663,
-  smilePlusRight: 734,
-  phoneIconTop: 236,
-  phoneIconBottom: 302,
+  smilePlusRight: 735,
+  phoneIconTop: 237,
+  phoneIconBottom: 303,
   phoneIconLeft: 807,
   phoneIconRight: 873,
   videoIconTop: 240,
-  videoIconBottom: 299,
+  videoIconBottom: 300,
   videoIconLeft: 948,
-  videoIconRight: 1019
+  videoIconRight: 1020
 };
 function generateHeaderElements(props) {
   const elements = [];
@@ -2558,29 +2558,6 @@ function generateHeaderElements(props) {
     inputId: ICON_INPUT_IDS.backArrow,
     fit: "fill"
   });
-  const userHasStory = props.userHasStory ?? false;
-  if (userHasStory) {
-    const ringTop = props.userStoryRingTop ?? HEADER_DEFAULTS.userStoryRingTop;
-    const ringBottom = props.userStoryRingBottom ?? HEADER_DEFAULTS.userStoryRingBottom;
-    const ringLeft = props.userStoryRingLeft ?? HEADER_DEFAULTS.userStoryRingLeft;
-    const ringRight = props.userStoryRingRight ?? HEADER_DEFAULTS.userStoryRingRight;
-    const ringColor = props.userStoryRingColor ?? HEADER_DEFAULTS.userStoryRingColor;
-    const ringWidth = ringRight - ringLeft;
-    const ringHeight = ringBottom - ringTop;
-    elements.push({
-      id: "user-story-ring",
-      type: "text",
-      x: ringLeft,
-      y: ringTop,
-      width: ringWidth,
-      height: ringHeight,
-      zIndex: 29,
-      text: "",
-      backgroundColor: ringColor,
-      backgroundOpacity: 100,
-      backgroundBorderRadius: ringWidth / 2
-    });
-  }
   const userPfpTop = props.userPfpTop ?? HEADER_DEFAULTS.userPfpTop;
   const userPfpBottom = props.userPfpBottom ?? HEADER_DEFAULTS.userPfpBottom;
   const userPfpLeft = props.userPfpLeft ?? HEADER_DEFAULTS.userPfpLeft;
@@ -3201,7 +3178,7 @@ function convertPropsToElements(props) {
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var defaultInstagramDmProps = {
   showDebugOverlay: true,
-  referenceImageUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3177-twSYuZPHRoxH9PA2xhpDUeKIg2ny7p.png",
+  referenceImageUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png",
   showReferenceImage: true,
   referenceOpacity: 50,
   width: 1206,
@@ -3309,43 +3286,43 @@ var defaultInstagramDmProps = {
   profilePicGap: 37,
   // Header - Back arrow
   backArrowTop: 240,
-  backArrowBottom: 299,
+  backArrowBottom: 300,
   backArrowLeft: 78,
-  backArrowRight: 110,
+  backArrowRight: 111,
   // Header - User profile picture
-  userPfpUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png",
-  userPfpTop: 222,
-  userPfpBottom: 317,
-  userPfpLeft: 180,
-  userPfpRight: 275,
+  userPfpUrl: "https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/884a81ce74fa88e229f6be5f76f29385-3P4rjQqfbLidxtZ7OmvgaDQNMSSIGi.jpg",
+  userPfpTop: 220,
+  userPfpBottom: 320,
+  userPfpLeft: 179,
+  userPfpRight: 277,
   // Header - User story ring
   userHasStory: false,
   userStoryRingColor: "#5e656d",
   userStoryRingTop: 210,
-  userStoryRingBottom: 329,
+  userStoryRingBottom: 330,
   userStoryRingLeft: 168,
-  userStoryRingRight: 287,
-  userStoryRingWidth: 7,
+  userStoryRingRight: 288,
+  userStoryRingWidth: 6,
   // Header - No notifications icon
   noNotisTop: 77,
-  noNotisBottom: 119,
+  noNotisBottom: 120,
   noNotisLeft: 272,
-  noNotisRight: 311,
+  noNotisRight: 312,
   // Header - Smile plus icon
   smilePlusTop: 234,
-  smilePlusBottom: 305,
+  smilePlusBottom: 306,
   smilePlusLeft: 663,
-  smilePlusRight: 734,
+  smilePlusRight: 735,
   // Header - Phone icon
-  phoneIconTop: 236,
-  phoneIconBottom: 302,
+  phoneIconTop: 237,
+  phoneIconBottom: 303,
   phoneIconLeft: 807,
   phoneIconRight: 873,
   // Header - Video icon
   videoIconTop: 240,
-  videoIconBottom: 299,
+  videoIconBottom: 300,
   videoIconLeft: 948,
-  videoIconRight: 1019
+  videoIconRight: 1020
 };
 function InstagramDmComposition(props) {
   const {
@@ -3355,7 +3332,15 @@ function InstagramDmComposition(props) {
     referenceOpacity = 50,
     width = 1206,
     height = 2622,
-    theme
+    theme,
+    // Story ring props
+    userHasStory = false,
+    userStoryRingTop = 210,
+    userStoryRingBottom = 330,
+    userStoryRingLeft = 168,
+    userStoryRingRight = 288,
+    userStoryRingColor = "#5e656d",
+    userStoryRingWidth = 6
   } = props;
   const clampedReferenceOpacity = Math.max(0, Math.min(100, referenceOpacity));
   const [zoom, setZoom] = useState3(100);
@@ -3432,6 +3417,23 @@ function InstagramDmComposition(props) {
                   imageUrls
                 }
               ),
+              userHasStory && /* @__PURE__ */ jsx10(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    top: userStoryRingTop,
+                    left: userStoryRingLeft,
+                    width: userStoryRingRight - userStoryRingLeft,
+                    height: userStoryRingBottom - userStoryRingTop,
+                    borderRadius: "50%",
+                    border: `${userStoryRingWidth}px solid ${userStoryRingColor}`,
+                    boxSizing: "border-box",
+                    pointerEvents: "none",
+                    zIndex: 29
+                  }
+                }
+              ),
               referenceImageUrl && showReferenceImage && (!showDebugOverlay || referenceVisible) && /* @__PURE__ */ jsx10(
                 "div",
                 {
@@ -4126,7 +4128,7 @@ var instagramDmSchema = z.object({
   // Debug overlay
   showDebugOverlay: z.boolean().optional().default(true).describe("Show debug overlay with mouse coordinates"),
   // Reference overlay
-  referenceImageUrl: z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3177-twSYuZPHRoxH9PA2xhpDUeKIg2ny7p.png").describe("Reference screenshot URL"),
+  referenceImageUrl: z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png").describe("Reference screenshot URL"),
   showReferenceImage: z.boolean().optional().default(true).describe("Show/hide reference image"),
   referenceOpacity: z.number().min(0).max(100).optional().default(50).describe("Reference overlay opacity (0-100)"),
   // Canvas
@@ -4233,43 +4235,43 @@ var instagramDmSchema = z.object({
   profilePicGap: z.number().optional().default(37).describe("Gap between profile pic and bubble"),
   // Header - Back arrow
   backArrowTop: z.number().optional().default(240).describe("Back arrow top Y"),
-  backArrowBottom: z.number().optional().default(299).describe("Back arrow bottom Y"),
+  backArrowBottom: z.number().optional().default(300).describe("Back arrow bottom Y"),
   backArrowLeft: z.number().optional().default(78).describe("Back arrow left X"),
-  backArrowRight: z.number().optional().default(110).describe("Back arrow right X"),
+  backArrowRight: z.number().optional().default(111).describe("Back arrow right X"),
   // Header - User profile picture
-  userPfpUrl: z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/IMG_3153-TiJrpzJKKvsTsjmP9zIX5LpoT8s2hF.png").describe("User profile picture URL"),
-  userPfpTop: z.number().optional().default(222).describe("User pfp top Y"),
-  userPfpBottom: z.number().optional().default(317).describe("User pfp bottom Y"),
-  userPfpLeft: z.number().optional().default(180).describe("User pfp left X"),
-  userPfpRight: z.number().optional().default(275).describe("User pfp right X"),
+  userPfpUrl: z.string().optional().default("https://n14dcpakf8w1fekl.public.blob.vercel-storage.com/media/8ff1462b-13d7-4abe-9325-0a6ad19004f0/884a81ce74fa88e229f6be5f76f29385-3P4rjQqfbLidxtZ7OmvgaDQNMSSIGi.jpg").describe("User profile picture URL"),
+  userPfpTop: z.number().optional().default(220).describe("User pfp top Y"),
+  userPfpBottom: z.number().optional().default(320).describe("User pfp bottom Y"),
+  userPfpLeft: z.number().optional().default(179).describe("User pfp left X"),
+  userPfpRight: z.number().optional().default(277).describe("User pfp right X"),
   // Header - User story ring
   userHasStory: z.boolean().optional().default(false).describe("Show story ring around user pfp"),
   userStoryRingColor: z.string().optional().default("#5e656d").describe("Story ring color"),
   userStoryRingTop: z.number().optional().default(210).describe("Story ring outer top Y"),
-  userStoryRingBottom: z.number().optional().default(329).describe("Story ring outer bottom Y"),
+  userStoryRingBottom: z.number().optional().default(330).describe("Story ring outer bottom Y"),
   userStoryRingLeft: z.number().optional().default(168).describe("Story ring outer left X"),
-  userStoryRingRight: z.number().optional().default(287).describe("Story ring outer right X"),
-  userStoryRingWidth: z.number().optional().default(7).describe("Story ring width"),
+  userStoryRingRight: z.number().optional().default(288).describe("Story ring outer right X"),
+  userStoryRingWidth: z.number().optional().default(6).describe("Story ring width"),
   // Header - No notifications icon
   noNotisTop: z.number().optional().default(77).describe("No notifications top Y"),
-  noNotisBottom: z.number().optional().default(119).describe("No notifications bottom Y"),
+  noNotisBottom: z.number().optional().default(120).describe("No notifications bottom Y"),
   noNotisLeft: z.number().optional().default(272).describe("No notifications left X"),
-  noNotisRight: z.number().optional().default(311).describe("No notifications right X"),
+  noNotisRight: z.number().optional().default(312).describe("No notifications right X"),
   // Header - Smile plus icon
   smilePlusTop: z.number().optional().default(234).describe("Smile plus top Y"),
-  smilePlusBottom: z.number().optional().default(305).describe("Smile plus bottom Y"),
+  smilePlusBottom: z.number().optional().default(306).describe("Smile plus bottom Y"),
   smilePlusLeft: z.number().optional().default(663).describe("Smile plus left X"),
-  smilePlusRight: z.number().optional().default(734).describe("Smile plus right X"),
+  smilePlusRight: z.number().optional().default(735).describe("Smile plus right X"),
   // Header - Phone icon
-  phoneIconTop: z.number().optional().default(236).describe("Phone icon top Y"),
-  phoneIconBottom: z.number().optional().default(302).describe("Phone icon bottom Y"),
+  phoneIconTop: z.number().optional().default(237).describe("Phone icon top Y"),
+  phoneIconBottom: z.number().optional().default(303).describe("Phone icon bottom Y"),
   phoneIconLeft: z.number().optional().default(807).describe("Phone icon left X"),
   phoneIconRight: z.number().optional().default(873).describe("Phone icon right X"),
   // Header - Video icon
   videoIconTop: z.number().optional().default(240).describe("Video icon top Y"),
-  videoIconBottom: z.number().optional().default(299).describe("Video icon bottom Y"),
+  videoIconBottom: z.number().optional().default(300).describe("Video icon bottom Y"),
   videoIconLeft: z.number().optional().default(948).describe("Video icon left X"),
-  videoIconRight: z.number().optional().default(1019).describe("Video icon right X")
+  videoIconRight: z.number().optional().default(1020).describe("Video icon right X")
 });
 var ImageComp = ImageEditorComposition;
 var VideoComp = VideoEditorComposition;

package/package.json

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