ugcinc-render 1.8.222 → 1.8.223

package/dist/index.d.mts

@@ -943,6 +943,29 @@ interface InstagramDmCompositionProps {
     dynamicCrop?: DynamicCropConfig;
 }
 
+/**
+ * Convert InstagramDmComposition props to ImageEditorElements
+ *
+ * This module transforms the IG DM composition props into an array of
+ * ImageEditorElements that can be rendered by ImageEditorComposition.
+ */
+
+/**
+ * Result of converting props to elements
+ */
+interface ConversionResult$1 {
+    /** Elements to render via ImageEditorComposition */
+    elements: ImageEditorElement[];
+    /** Image URLs keyed by inputId */
+    imageUrls: Record<string, string>;
+}
+/**
+ * Convert InstagramDmComposition props to ImageEditorElements
+ *
+ * This is the main entry point that orchestrates all element generation.
+ */
+declare function convertPropsToElements$1(props: InstagramDmCompositionProps): ConversionResult$1;
+
 /**
  * Default composition props for registration
  */
@@ -1179,6 +1202,31 @@ interface IMessageDmCompositionProps {
     dynamicCrop?: DynamicCropConfig;
 }
 
+/**
+ * Convert iMessage DM Composition props to ImageEditorElements
+ *
+ * This module transforms the composition props into renderable message elements.
+ * Header, footer, and status bar elements are rendered directly in the composition JSX.
+ */
+
+/** Tail render data for SVG rendering */
+interface TailRenderData {
+    id: string;
+    isUser: boolean;
+    messageLeft: number;
+    messageRight: number;
+    messageBottom: number;
+}
+/** Result of converting props to elements */
+interface ConversionResult {
+    elements: ImageEditorElement[];
+    imageUrls: Record<string, string>;
+    tails: TailRenderData[];
+    width: number;
+    height: number;
+}
+declare function convertPropsToElements(props: IMessageDmCompositionProps): ConversionResult;
+
 /**
  * iMessage DM Composition
  *
@@ -1809,4 +1857,4 @@ declare function useResolvedPositions(elements: ImageEditorElement[], textValues
 
 declare const RenderRoot: React.FC;
 
-export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseBubbleStyle, BaseDmComposition, type BaseDmCompositionProps, type BaseEditorConfig, type BaseMessage, type BaseMessageType, type BaseSegment, type BlendMode, BorderRadiusConfig, type BubbleRadii, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, CropBounds, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, DebugOverlay, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, DeduplicationPreview, type DeduplicationPreviewProps, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, FontWeight, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientColor, type GradientOverlayConfig, IMessageDmComposition, type IMessageDmCompositionProps, type IgDmMessage, type IgDmSender, type IgDmTheme, type IgTheme, type ImMessage, type ImMessageSender, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageMessage, type ImageSegment, type ImageSequenceSegment, InstagramDmComposition, type InstagramDmCompositionProps, type InstagramDmPublicInput, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, MediaBubble, type MediaBubbleProps, type Message, MessageBubble, type MessageBubbleProps, type MessageGroup, type MessageOrTyping, type MessagePosition, type MessageReaction, type MessageSender, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, type PositionedMessage, ProfilePic, type ProfilePicProps, Reaction, type ReactionProps, type ReadReceipt, type ReadReceiptState, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimation, ScreenshotAnimationProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TYPING_ANIMATION, TextElement, type TextElementProps, type TextMessage, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, TypingIndicator, type TypingIndicatorProps, type TypingIndicatorStyle, type TypingMessage, type UserProfile, type ValidationError, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VideoSequenceSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, bubbleRadiiToCss, calculateBubbleRadii, convertPublicToProps, defaultIMessageDmProps, defaultInstagramDmProps, flattenGroups, groupMessages, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions, validatePublicInput };
+export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseBubbleStyle, BaseDmComposition, type BaseDmCompositionProps, type BaseEditorConfig, type BaseMessage, type BaseMessageType, type BaseSegment, type BlendMode, BorderRadiusConfig, type BubbleRadii, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, CropBounds, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, DebugOverlay, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, DeduplicationPreview, type DeduplicationPreviewProps, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, FontWeight, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientColor, type GradientOverlayConfig, IMessageDmComposition, type IMessageDmCompositionProps, type IgDmMessage, type IgDmSender, type IgDmTheme, type IgTheme, type ImMessage, type ImMessageSender, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageMessage, type ImageSegment, type ImageSequenceSegment, InstagramDmComposition, type InstagramDmCompositionProps, type InstagramDmPublicInput, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, MediaBubble, type MediaBubbleProps, type Message, MessageBubble, type MessageBubbleProps, type MessageGroup, type MessageOrTyping, type MessagePosition, type MessageReaction, type MessageSender, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, type PositionedMessage, ProfilePic, type ProfilePicProps, Reaction, type ReactionProps, type ReadReceipt, type ReadReceiptState, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimation, ScreenshotAnimationProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TYPING_ANIMATION, TextElement, type TextElementProps, type TextMessage, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, TypingIndicator, type TypingIndicatorProps, type TypingIndicatorStyle, type TypingMessage, type UserProfile, type ValidationError, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VideoSequenceSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, bubbleRadiiToCss, calculateBubbleRadii, convertPropsToElements as convertIMessagePropsToElements, convertPropsToElements$1 as convertInstagramPropsToElements, convertPublicToProps, defaultIMessageDmProps, defaultInstagramDmProps, flattenGroups, groupMessages, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions, validatePublicInput };

package/dist/index.d.ts

@@ -943,6 +943,29 @@ interface InstagramDmCompositionProps {
     dynamicCrop?: DynamicCropConfig;
 }
 
+/**
+ * Convert InstagramDmComposition props to ImageEditorElements
+ *
+ * This module transforms the IG DM composition props into an array of
+ * ImageEditorElements that can be rendered by ImageEditorComposition.
+ */
+
+/**
+ * Result of converting props to elements
+ */
+interface ConversionResult$1 {
+    /** Elements to render via ImageEditorComposition */
+    elements: ImageEditorElement[];
+    /** Image URLs keyed by inputId */
+    imageUrls: Record<string, string>;
+}
+/**
+ * Convert InstagramDmComposition props to ImageEditorElements
+ *
+ * This is the main entry point that orchestrates all element generation.
+ */
+declare function convertPropsToElements$1(props: InstagramDmCompositionProps): ConversionResult$1;
+
 /**
  * Default composition props for registration
  */
@@ -1179,6 +1202,31 @@ interface IMessageDmCompositionProps {
     dynamicCrop?: DynamicCropConfig;
 }
 
+/**
+ * Convert iMessage DM Composition props to ImageEditorElements
+ *
+ * This module transforms the composition props into renderable message elements.
+ * Header, footer, and status bar elements are rendered directly in the composition JSX.
+ */
+
+/** Tail render data for SVG rendering */
+interface TailRenderData {
+    id: string;
+    isUser: boolean;
+    messageLeft: number;
+    messageRight: number;
+    messageBottom: number;
+}
+/** Result of converting props to elements */
+interface ConversionResult {
+    elements: ImageEditorElement[];
+    imageUrls: Record<string, string>;
+    tails: TailRenderData[];
+    width: number;
+    height: number;
+}
+declare function convertPropsToElements(props: IMessageDmCompositionProps): ConversionResult;
+
 /**
  * iMessage DM Composition
  *
@@ -1809,4 +1857,4 @@ declare function useResolvedPositions(elements: ImageEditorElement[], textValues
 
 declare const RenderRoot: React.FC;
 
-export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseBubbleStyle, BaseDmComposition, type BaseDmCompositionProps, type BaseEditorConfig, type BaseMessage, type BaseMessageType, type BaseSegment, type BlendMode, BorderRadiusConfig, type BubbleRadii, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, CropBounds, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, DebugOverlay, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, DeduplicationPreview, type DeduplicationPreviewProps, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, FontWeight, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientColor, type GradientOverlayConfig, IMessageDmComposition, type IMessageDmCompositionProps, type IgDmMessage, type IgDmSender, type IgDmTheme, type IgTheme, type ImMessage, type ImMessageSender, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageMessage, type ImageSegment, type ImageSequenceSegment, InstagramDmComposition, type InstagramDmCompositionProps, type InstagramDmPublicInput, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, MediaBubble, type MediaBubbleProps, type Message, MessageBubble, type MessageBubbleProps, type MessageGroup, type MessageOrTyping, type MessagePosition, type MessageReaction, type MessageSender, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, type PositionedMessage, ProfilePic, type ProfilePicProps, Reaction, type ReactionProps, type ReadReceipt, type ReadReceiptState, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimation, ScreenshotAnimationProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TYPING_ANIMATION, TextElement, type TextElementProps, type TextMessage, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, TypingIndicator, type TypingIndicatorProps, type TypingIndicatorStyle, type TypingMessage, type UserProfile, type ValidationError, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VideoSequenceSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, bubbleRadiiToCss, calculateBubbleRadii, convertPublicToProps, defaultIMessageDmProps, defaultInstagramDmProps, flattenGroups, groupMessages, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions, validatePublicInput };
+export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseBubbleStyle, BaseDmComposition, type BaseDmCompositionProps, type BaseEditorConfig, type BaseMessage, type BaseMessageType, type BaseSegment, type BlendMode, BorderRadiusConfig, type BubbleRadii, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, CropBounds, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, DebugOverlay, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, DeduplicationPreview, type DeduplicationPreviewProps, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, FontWeight, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientColor, type GradientOverlayConfig, IMessageDmComposition, type IMessageDmCompositionProps, type IgDmMessage, type IgDmSender, type IgDmTheme, type IgTheme, type ImMessage, type ImMessageSender, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageMessage, type ImageSegment, type ImageSequenceSegment, InstagramDmComposition, type InstagramDmCompositionProps, type InstagramDmPublicInput, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, MediaBubble, type MediaBubbleProps, type Message, MessageBubble, type MessageBubbleProps, type MessageGroup, type MessageOrTyping, type MessagePosition, type MessageReaction, type MessageSender, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, type PositionedMessage, ProfilePic, type ProfilePicProps, Reaction, type ReactionProps, type ReadReceipt, type ReadReceiptState, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimation, ScreenshotAnimationProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TYPING_ANIMATION, TextElement, type TextElementProps, type TextMessage, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, TypingIndicator, type TypingIndicatorProps, type TypingIndicatorStyle, type TypingMessage, type UserProfile, type ValidationError, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VideoSequenceSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, bubbleRadiiToCss, calculateBubbleRadii, convertPropsToElements as convertIMessagePropsToElements, convertPropsToElements$1 as convertInstagramPropsToElements, convertPublicToProps, defaultIMessageDmProps, defaultInstagramDmProps, flattenGroups, groupMessages, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions, validatePublicInput };

package/dist/index.js

@@ -83,6 +83,8 @@ __export(index_exports, {
   calculateScreenshotAnimationDuration: () => calculateScreenshotAnimationDuration,
   calculateTimelineContentEnd: () => calculateTimelineContentEnd,
   canSetAsReference: () => canSetAsReference,
+  convertIMessagePropsToElements: () => convertPropsToElements2,
+  convertInstagramPropsToElements: () => convertPropsToElements,
   convertPublicToProps: () => convertPublicToProps,
   debugFontStatus: () => debugFontStatus,
   defaultIMessageDmProps: () => defaultIMessageDmProps,
@@ -5879,7 +5881,7 @@ function generateMessageElements2(props, calculatedMessages) {
       zIndex: 5 + i,
       text: textContent,
       font: "apple",
-      fontWeight: 400,
+      fontWeight: "normal",
       fontSize: messageFontSize,
       letterSpacing: messageLetterSpacing,
       lineHeight: lineHeightMultiplier,
@@ -5952,7 +5954,7 @@ function generateHeaderTextElements(props, calculatedMessages) {
     zIndex: 4,
     text: messageHeaderTimestampText,
     font: "apple",
-    fontWeight: 400,
+    fontWeight: "normal",
     fontSize: messageHeaderFontSize,
     letterSpacing: messageHeaderLetterSpacing,
     color: messageHeaderTextColor,
@@ -5971,7 +5973,7 @@ function generateHeaderTextElements(props, calculatedMessages) {
     zIndex: 4,
     text: messageHeaderImessageText,
     font: "apple",
-    fontWeight: 400,
+    fontWeight: "normal",
     fontSize: messageHeaderFontSize,
     letterSpacing: messageHeaderLetterSpacing,
     color: messageHeaderTextColor,
@@ -6014,7 +6016,7 @@ function generateReadReceiptElement(props, calculatedMessages) {
     zIndex: 4,
     text: readReceiptText,
     font: "apple",
-    fontWeight: 600,
+    fontWeight: "bold",
     fontSize: readReceiptFontSize,
     letterSpacing: readReceiptLetterSpacing,
     color: readReceiptColor,
@@ -8821,6 +8823,8 @@ var RenderRoot = () => {
   calculateScreenshotAnimationDuration,
   calculateTimelineContentEnd,
   canSetAsReference,
+  convertIMessagePropsToElements,
+  convertInstagramPropsToElements,
   convertPublicToProps,
   debugFontStatus,
   defaultIMessageDmProps,

package/dist/index.mjs

@@ -4913,7 +4913,7 @@ function generateMessageElements2(props, calculatedMessages) {
       zIndex: 5 + i,
       text: textContent,
       font: "apple",
-      fontWeight: 400,
+      fontWeight: "normal",
       fontSize: messageFontSize,
       letterSpacing: messageLetterSpacing,
       lineHeight: lineHeightMultiplier,
@@ -4986,7 +4986,7 @@ function generateHeaderTextElements(props, calculatedMessages) {
     zIndex: 4,
     text: messageHeaderTimestampText,
     font: "apple",
-    fontWeight: 400,
+    fontWeight: "normal",
     fontSize: messageHeaderFontSize,
     letterSpacing: messageHeaderLetterSpacing,
     color: messageHeaderTextColor,
@@ -5005,7 +5005,7 @@ function generateHeaderTextElements(props, calculatedMessages) {
     zIndex: 4,
     text: messageHeaderImessageText,
     font: "apple",
-    fontWeight: 400,
+    fontWeight: "normal",
     fontSize: messageHeaderFontSize,
     letterSpacing: messageHeaderLetterSpacing,
     color: messageHeaderTextColor,
@@ -5048,7 +5048,7 @@ function generateReadReceiptElement(props, calculatedMessages) {
     zIndex: 4,
     text: readReceiptText,
     font: "apple",
-    fontWeight: 600,
+    fontWeight: "bold",
     fontSize: readReceiptFontSize,
     letterSpacing: readReceiptLetterSpacing,
     color: readReceiptColor,
@@ -7568,6 +7568,8 @@ export {
   calculateScreenshotAnimationDuration,
   calculateTimelineContentEnd,
   canSetAsReference,
+  convertPropsToElements2 as convertIMessagePropsToElements,
+  convertPropsToElements as convertInstagramPropsToElements,
   convertPublicToProps,
   debugFontStatus,
   defaultIMessageDmProps,

package/package.json

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