ugcinc 4.27.0 → 5.0.0

package/dist/imessage-workflow.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iMessageWorkflowOutput = iMessageWorkflowOutput;
+exports.legacyIMessageIssues = legacyIMessageIssues;
+exports.prepareIMessageWorkflow = prepareIMessageWorkflow;
+const zod_1 = require("zod");
+const imessage_conversation_1 = require("./imessage-conversation");
+function iMessageWorkflowOutput(config) {
+    return config.imessageOutputType ?? (config.imessageRenderMode === 'conversation'
+        ? config.imessageConversation?.output?.kind === 'png' ? 'image' : 'video' : 'image');
+}
+function legacyIMessageIssues(config) {
+    const errors = [];
+    if (config.dynamicCrop)
+        errors.push('Native iMessage does not support message-based dynamic cropping. Remove it and crop the native output in a composer.');
+    if (config.imessageSenderBubbleColor)
+        errors.push('Native iMessage uses the native bubble colors. Remove the custom sender bubble color.');
+    return errors;
+}
+const oldMessages = zod_1.z.array(zod_1.z.object({ sender: zod_1.z.enum(['user', 'recipient']), text: zod_1.z.string(), hasImage: zod_1.z.boolean().optional() })).min(1).max(30);
+/** Resolve saved screenshot fields and current workflow inputs without moving connections. */
+function prepareIMessageWorkflow(config, inputs = {}) {
+    const issues = legacyIMessageIssues(config);
+    if (issues.length)
+        throw new Error(issues.join('\n'));
+    const kind = iMessageWorkflowOutput(config);
+    let conversation;
+    if (config.imessageRenderMode === 'conversation' && !config.imessageLegacyInputs) {
+        const value = config.imessageConversationInputType === 'variable' ? inputs.conversation : config.imessageConversation;
+        if (!value)
+            throw new Error('Provide conversation settings or connect the conversation input.');
+        const requested = value.output?.kind === 'png' ? 'image' : 'video';
+        if (config.imessageConversationInputType === 'variable' && value.output && requested !== kind)
+            throw new Error(`Conversation output is ${requested}, but this node is configured for ${kind}. Change the node output selector or the input.`);
+        conversation = { ...value };
+    }
+    else {
+        const messages = oldMessages.parse(config.messagesInputType === 'variable' ? inputs.messages : config.messages);
+        const name = config.usernameInputType === 'variable' ? inputs.username : config.username;
+        const time = config.timeInputType === 'variable' ? inputs.time : config.time;
+        const unread = config.imessageUnreadBadgeInputType === 'variable' ? inputs['unread-badge'] : config.imessageUnreadBadgeText;
+        const rawReceipt = config.imessageReadReceiptTimeInputType === 'variable' ? inputs['read-receipt-time'] : config.imessageReadReceiptText;
+        if (config.imessageShowReadReceipt && rawReceipt)
+            throw new Error('Legacy free-text read receipts need a native readAt timestamp. Convert the receipt in the native conversation editor.');
+        const light = config.lightModeInputType === 'variable' ? inputs['light-mode'] : config.lightMode;
+        const attachment = config.imageAttachmentInputType === 'variable' ? inputs['image-attachment']?.url : config.imageAttachmentUrl;
+        const header = config.imessageMessageHeaderTimeInputType === 'variable' ? inputs['message-header-time'] : config.imessageMessageHeaderTimestampText;
+        conversation = {
+            ...config.imessageConversation,
+            contact: { name: name ?? 'Contact' }, theme: light ? 'light' : 'dark', statusBar: { time: time ?? '9:41' },
+            unreadCount: unread === undefined || unread === '' ? 0 : Number(unread),
+            timestampText: header ? config.imessageMessageHeaderTimeInputType === 'variable' ? `Today ${header}` : header : undefined,
+            messages: messages.map((message, index) => {
+                if (message.hasImage && !attachment)
+                    throw new Error(`Message ${index + 1} needs a connected attachment image.`);
+                return message.hasImage
+                    ? { id: `message-${index + 1}`, sender: message.sender, imageUrl: attachment, initial: kind === 'image' }
+                    : { id: `message-${index + 1}`, sender: message.sender, text: message.text, initial: kind === 'image' };
+            }),
+        };
+    }
+    const avatar = config.profilePicInputType === 'variable' ? inputs['profile-pic']?.url : config.imessageRenderMode === 'conversation' ? undefined : config.profilePicUrl;
+    if (avatar && conversation.contact)
+        conversation.contact = { ...conversation.contact, avatarPngBase64: undefined, avatarUrl: avatar };
+    const attachmentUrl = config.imageAttachmentInputType === 'variable' ? inputs['image-attachment']?.url : undefined;
+    if (attachmentUrl && config.imessageAttachmentMessageId) {
+        const target = config.imessageAttachmentMessageId;
+        if (!conversation.messages.some((m, i) => (m.id ?? `message-${i + 1}`) === target))
+            throw new Error('Attachment target must identify an existing message.');
+        conversation.messages = conversation.messages.map((m, i) => (m.id ?? `message-${i + 1}`) === target
+            ? { ...m, text: undefined, imagePngBase64: undefined, imageUrl: attachmentUrl } : m);
+    }
+    conversation.output = kind === 'image'
+        ? { kind: 'png', ...(conversation.output?.kind === 'png' ? { atMs: conversation.output.atMs } : {}) } : { kind: 'video' };
+    (0, imessage_conversation_1.compileIMessageConversation)(conversation);
+    return conversation;
+}

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export { CommentsClient } from './comments';
 export { BillingClient } from './billing';
 export { iMessageConversationSchema, compileIMessageConversation, iMessageConversationJobSchema } from './imessage-conversation';
 export type { IMessageConversationInput, IMessageConversationSettings, IMessageTiming, IMessageConversationEvent, IMessageConversationPlan, IMessageConversationJob } from './imessage-conversation';
-export { submitImageRenderJob, submitVideoRenderJob, getRenderJobStatus, submitDeduplicationJob, submitSceneSplitJob, submitScreenshotAnimationRenderJob, submitRemotionCompositionRenderJob, submitNativeTextStickerRenderJob, nativeTextStickerSchema, submitAutoCaptionRenderJob, submitInstagramDmRenderJob, submitIMessageDmRenderJob, } from './render';
+export { submitImageRenderJob, submitVideoRenderJob, getRenderJobStatus, submitDeduplicationJob, submitSceneSplitJob, submitScreenshotAnimationRenderJob, submitRemotionCompositionRenderJob, submitNativeTextStickerRenderJob, nativeTextStickerSchema, submitAutoCaptionRenderJob, submitInstagramDmRenderJob, } from './render';
 export { remotionCompositionSchema, remotionCompositionNodeSchema, remotionCompositionPortSchema, REMOTION_COMPOSITION_IMPORTS, parseRemotionPropsJson } from './render/types/remotion-composition';
 export type { RemotionCompositionInput } from './render/types/remotion-composition';
 export type { RemotionCompositionNodeConfig } from './automations/nodes/remotion-composition';
@@ -38,7 +38,7 @@ export type { Org, ApiKey, DeleteApiKeyParams, EditApiKeyParams, IntegrationKey,
 export type { UserMedia, MediaUse, SocialAudio, Media, GetMediaParams, GetSocialAudioParams, UploadMediaParams, UploadMediaResponse, MediaTagUpdate, UpdateMediaTagsParams, MediaTagUpdateResult, UpdateMediaTagsResponse, UpdateMediaTagParams, UpdateMediaNameParams, DeleteMediaParams, DeleteMediaResponse, CreateSocialAudioParams, ImportTextParams, ImportTextResponse, CreateMediaFromUrlParams, GetMediaUseParams, GetMediaUseResponse, FilterMediaParams, FilterMediaResponse, PfpSearchParams, PfpSearchResponse, PfpCandidate, ImageSearchParams, ImageSearchResult, ImageSearchResponse, ImageSearchVideoFormat, } from './media';
 export type { CommentStatus, Comment, CreateCommentParams, CreateCommentResponse, GetCommentsParams, } from './comments';
 export type { BillingInfo, PortalUrlResponse, CancelAccountParams, CancelAccountResponse, ReactivateAccountParams, ReactivateAccountResponse, CancelSubscriptionResponse, RequestReplacementParams, RequestReplacementResponse, RequestRefundParams, RequestRefundResponse, BillingRequestInfo, PortalParams, } from './billing';
-export type { RenderJobResponse, RenderJobStatus, SubmitImageRenderJobParams, NativeTextStickerInput, SubmitVideoRenderJobParams, SubmitScreenshotAnimationRenderJobParams, SubmitAutoCaptionRenderJobParams, SubmitSceneSplitJobParams, SceneSplitDetectorConfig, SubmitInstagramDmRenderJobParams, SubmitIMessageDmRenderJobParams, IgDmMessage, ImDmMessage, RenderVideoEditorConfig, } from './render';
+export type { RenderJobResponse, RenderJobStatus, SubmitImageRenderJobParams, NativeTextStickerInput, SubmitVideoRenderJobParams, SubmitScreenshotAnimationRenderJobParams, SubmitAutoCaptionRenderJobParams, SubmitSceneSplitJobParams, SceneSplitDetectorConfig, SubmitInstagramDmRenderJobParams, IgDmMessage, RenderVideoEditorConfig, } from './render';
 export type { VideoEditorNodeConfig, VideoEditorChannel, VideoEditorSegment, VideoEditorVideoSegment, VideoEditorAudioSegment, VideoEditorImageSegment, VideoEditorTextSegment, VideoEditorImageSequenceSegment, VideoEditorVideoSequenceSegment, TimeValue, TimeMode, SegmentTimelinePosition, DeduplicationLevel, DeduplicationInput, ImageEditorElement, DimensionPresetKey, } from './render/types';
 export type { ImageEditorNodeConfig, ImageComposerNodeConfig, ImageComposerRenderInput } from './automations/nodes/image-composer';
 export { prepareImageComposerInput } from './automations/nodes/image-composer';
@@ -90,3 +90,4 @@ export type { PublicPostFailureCode, PublicPostRecovery, PublicPostNextAction, P
 export type { ListProfilePostsParams, ListProfilePostsResult, DownloadSocialPostParams, DownloadSocialPostResult, SocialReferencePost, SocialReferenceAsset } from './social-acquisition';
 export type { MatchTextStyleParams, MatchTextStyleResult, SampleColorsParams, MeasureLayoutParams, SampleColorsResult, MeasureLayoutResult, TranscribeAudioParams, MeasureAudioLevelsParams, AudioTranscriptResult, AudioLevelsResult, ReadImageTextParams, ReadVideoTextParams, ImageTextResult, VideoTextResult, ExtractFramesParams, DetectScenesParams, FramesResult, ScenesResult, MediaAnalysisResult, MediaAnalysisJob } from "./media-analysis";
 export { matchTextStyleSchema, matchTextStyleResultSchema, sampleColorsSchema, measureLayoutSchema, sampleColorsResultSchema, measureLayoutResultSchema, binaryMaskSchema, transcribeAudioSchema, measureAudioLevelsSchema, audioTranscriptResultSchema, audioLevelsResultSchema, readImageTextSchema, readVideoTextSchema, imageTextResultSchema, videoTextResultSchema, extractFramesSchema, detectScenesSchema, mediaAnalysisStatusSchema, mediaAnalysisResultSchema } from "./media-analysis";
+export { iMessageWorkflowOutput, legacyIMessageIssues, prepareIMessageWorkflow } from './imessage-workflow';

package/dist/index.js

@@ -5,9 +5,9 @@
  * Official TypeScript/JavaScript client for the UGC Inc API
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNodesDownstreamOfSet = exports.getDownstreamNodes = exports.checkCrossContextViolation = exports.getForEachContext = exports.getConnectedSource = exports.cleanupStaleConnections = exports.removeNodeConnections = exports.removeConnection = exports.addConnection = exports.deriveConnections = exports.createNode = exports.getOutputSchema = exports.getNodeByType = exports.getAllNodes = exports.getInputPreviewValue = exports.computeAllNodePortsWithPreviews = exports.computeAllNodePorts = exports.computePortsWithPreviews = exports.computePortsForNode = exports.areTypesCompatible = exports.parseRemotionPropsJson = exports.REMOTION_COMPOSITION_IMPORTS = exports.remotionCompositionPortSchema = exports.remotionCompositionNodeSchema = exports.remotionCompositionSchema = exports.submitIMessageDmRenderJob = exports.submitInstagramDmRenderJob = exports.submitAutoCaptionRenderJob = exports.nativeTextStickerSchema = exports.submitNativeTextStickerRenderJob = exports.submitRemotionCompositionRenderJob = exports.submitScreenshotAnimationRenderJob = exports.submitSceneSplitJob = exports.submitDeduplicationJob = exports.getRenderJobStatus = exports.submitVideoRenderJob = exports.submitImageRenderJob = exports.iMessageConversationJobSchema = exports.compileIMessageConversation = exports.iMessageConversationSchema = exports.BillingClient = exports.CommentsClient = exports.MediaClient = exports.AutomationsClient = exports.OrganizationClient = exports.StatsClient = exports.PostsClient = exports.TasksClient = exports.AccountsClient = exports.UGCClient = void 0;
-exports.prepareImageComposerInput = exports.substituteVariables = exports.processTemplate = exports.extractTemplateVariables = exports.PortIdSchema = exports.normalizeToPortId = exports.portIdToTitle = exports.isValidPortId = exports.portId = exports.selectFromPool = exports.getModelDurations = exports.getModelAspectRatios = exports.ALL_VIDEO_MODELS = exports.getAvailableInputModes = exports.hasReferenceVariant = exports.getReferenceModelId = exports.hasFirstLastFrameVariant = exports.getFirstLastFrameModelId = exports.hasImageToVideoVariant = exports.getImageToVideoModelId = exports.isImageToVideoModel = exports.IMAGE_ASPECT_RATIOS = exports.ALL_IMAGE_MODELS = exports.getEditModelId = exports.isEditModel = exports.getCapturedSourceNodeTypes = exports.getFlowControlNodeTypes = exports.getAllNodeDefinitions = exports.getNodeDefinition = exports.isPortType = exports.formatPortType = exports.isAsyncExecutor = exports.internalNodeTypes = exports.nodeDefinitions = exports.extractWorkflowConfig = exports.generateNodeName = exports.shuffleNodePreview = exports.getPreviewValue = exports.removePreviewForConnection = exports.updatePreviewMapForConnection = exports.computePreviewMap = exports.computeAllNodePreviews = exports.resolveNodePreview = exports.getWorkflowOutputSchema = exports.hasMissingTerminalError = exports.hasMissingTriggerError = exports.getPortErrorsForNode = exports.getErrorNodeIds = exports.validateWorkflow = exports.getCapturedNodes = void 0;
-exports.mediaAnalysisResultSchema = exports.mediaAnalysisStatusSchema = exports.detectScenesSchema = exports.extractFramesSchema = exports.videoTextResultSchema = exports.imageTextResultSchema = exports.readVideoTextSchema = exports.readImageTextSchema = exports.audioLevelsResultSchema = exports.audioTranscriptResultSchema = exports.measureAudioLevelsSchema = exports.transcribeAudioSchema = exports.binaryMaskSchema = exports.measureLayoutResultSchema = exports.sampleColorsResultSchema = exports.measureLayoutSchema = exports.sampleColorsSchema = exports.matchTextStyleResultSchema = exports.matchTextStyleSchema = exports.prepareVideoComposerInput = exports.formatDateTag = exports.outputFieldsToZod = exports.outputFieldToZod = exports.LLMProviders = exports.applyLogicOperator = exports.IfLogicOperators = exports.resolvePath = exports.indexExpressionToString = exports.indexExpressionToIndexes = exports.resolveUnknownPath = exports.getOutputTypeFromCategory = exports.parseOpenAPIOutputPath = exports.parseOpenAPIInputs = exports.mapOpenAPIType = exports.nodeConfigToCaptionStyle = exports.HttpMethods = void 0;
+exports.getCapturedNodes = exports.getNodesDownstreamOfSet = exports.getDownstreamNodes = exports.checkCrossContextViolation = exports.getForEachContext = exports.getConnectedSource = exports.cleanupStaleConnections = exports.removeNodeConnections = exports.removeConnection = exports.addConnection = exports.deriveConnections = exports.createNode = exports.getOutputSchema = exports.getNodeByType = exports.getAllNodes = exports.getInputPreviewValue = exports.computeAllNodePortsWithPreviews = exports.computeAllNodePorts = exports.computePortsWithPreviews = exports.computePortsForNode = exports.areTypesCompatible = exports.parseRemotionPropsJson = exports.REMOTION_COMPOSITION_IMPORTS = exports.remotionCompositionPortSchema = exports.remotionCompositionNodeSchema = exports.remotionCompositionSchema = exports.submitInstagramDmRenderJob = exports.submitAutoCaptionRenderJob = exports.nativeTextStickerSchema = exports.submitNativeTextStickerRenderJob = exports.submitRemotionCompositionRenderJob = exports.submitScreenshotAnimationRenderJob = exports.submitSceneSplitJob = exports.submitDeduplicationJob = exports.getRenderJobStatus = exports.submitVideoRenderJob = exports.submitImageRenderJob = exports.iMessageConversationJobSchema = exports.compileIMessageConversation = exports.iMessageConversationSchema = exports.BillingClient = exports.CommentsClient = exports.MediaClient = exports.AutomationsClient = exports.OrganizationClient = exports.StatsClient = exports.PostsClient = exports.TasksClient = exports.AccountsClient = exports.UGCClient = void 0;
+exports.HttpMethods = exports.prepareImageComposerInput = exports.substituteVariables = exports.processTemplate = exports.extractTemplateVariables = exports.PortIdSchema = exports.normalizeToPortId = exports.portIdToTitle = exports.isValidPortId = exports.portId = exports.selectFromPool = exports.getModelDurations = exports.getModelAspectRatios = exports.ALL_VIDEO_MODELS = exports.getAvailableInputModes = exports.hasReferenceVariant = exports.getReferenceModelId = exports.hasFirstLastFrameVariant = exports.getFirstLastFrameModelId = exports.hasImageToVideoVariant = exports.getImageToVideoModelId = exports.isImageToVideoModel = exports.IMAGE_ASPECT_RATIOS = exports.ALL_IMAGE_MODELS = exports.getEditModelId = exports.isEditModel = exports.getCapturedSourceNodeTypes = exports.getFlowControlNodeTypes = exports.getAllNodeDefinitions = exports.getNodeDefinition = exports.isPortType = exports.formatPortType = exports.isAsyncExecutor = exports.internalNodeTypes = exports.nodeDefinitions = exports.extractWorkflowConfig = exports.generateNodeName = exports.shuffleNodePreview = exports.getPreviewValue = exports.removePreviewForConnection = exports.updatePreviewMapForConnection = exports.computePreviewMap = exports.computeAllNodePreviews = exports.resolveNodePreview = exports.getWorkflowOutputSchema = exports.hasMissingTerminalError = exports.hasMissingTriggerError = exports.getPortErrorsForNode = exports.getErrorNodeIds = exports.validateWorkflow = void 0;
+exports.prepareIMessageWorkflow = exports.legacyIMessageIssues = exports.iMessageWorkflowOutput = exports.mediaAnalysisResultSchema = exports.mediaAnalysisStatusSchema = exports.detectScenesSchema = exports.extractFramesSchema = exports.videoTextResultSchema = exports.imageTextResultSchema = exports.readVideoTextSchema = exports.readImageTextSchema = exports.audioLevelsResultSchema = exports.audioTranscriptResultSchema = exports.measureAudioLevelsSchema = exports.transcribeAudioSchema = exports.binaryMaskSchema = exports.measureLayoutResultSchema = exports.sampleColorsResultSchema = exports.measureLayoutSchema = exports.sampleColorsSchema = exports.matchTextStyleResultSchema = exports.matchTextStyleSchema = exports.prepareVideoComposerInput = exports.formatDateTag = exports.outputFieldsToZod = exports.outputFieldToZod = exports.LLMProviders = exports.applyLogicOperator = exports.IfLogicOperators = exports.resolvePath = exports.indexExpressionToString = exports.indexExpressionToIndexes = exports.resolveUnknownPath = exports.getOutputTypeFromCategory = exports.parseOpenAPIOutputPath = exports.parseOpenAPIInputs = exports.mapOpenAPIType = exports.nodeConfigToCaptionStyle = void 0;
 // =============================================================================
 // Client Exports
 // =============================================================================
@@ -48,7 +48,6 @@ Object.defineProperty(exports, "submitNativeTextStickerRenderJob", { enumerable:
 Object.defineProperty(exports, "nativeTextStickerSchema", { enumerable: true, get: function () { return render_1.nativeTextStickerSchema; } });
 Object.defineProperty(exports, "submitAutoCaptionRenderJob", { enumerable: true, get: function () { return render_1.submitAutoCaptionRenderJob; } });
 Object.defineProperty(exports, "submitInstagramDmRenderJob", { enumerable: true, get: function () { return render_1.submitInstagramDmRenderJob; } });
-Object.defineProperty(exports, "submitIMessageDmRenderJob", { enumerable: true, get: function () { return render_1.submitIMessageDmRenderJob; } });
 var remotion_composition_1 = require("./render/types/remotion-composition");
 Object.defineProperty(exports, "remotionCompositionSchema", { enumerable: true, get: function () { return remotion_composition_1.remotionCompositionSchema; } });
 Object.defineProperty(exports, "remotionCompositionNodeSchema", { enumerable: true, get: function () { return remotion_composition_1.remotionCompositionNodeSchema; } });
@@ -200,3 +199,7 @@ Object.defineProperty(exports, "extractFramesSchema", { enumerable: true, get: f
 Object.defineProperty(exports, "detectScenesSchema", { enumerable: true, get: function () { return media_analysis_1.detectScenesSchema; } });
 Object.defineProperty(exports, "mediaAnalysisStatusSchema", { enumerable: true, get: function () { return media_analysis_1.mediaAnalysisStatusSchema; } });
 Object.defineProperty(exports, "mediaAnalysisResultSchema", { enumerable: true, get: function () { return media_analysis_1.mediaAnalysisResultSchema; } });
+var imessage_workflow_1 = require("./imessage-workflow");
+Object.defineProperty(exports, "iMessageWorkflowOutput", { enumerable: true, get: function () { return imessage_workflow_1.iMessageWorkflowOutput; } });
+Object.defineProperty(exports, "legacyIMessageIssues", { enumerable: true, get: function () { return imessage_workflow_1.legacyIMessageIssues; } });
+Object.defineProperty(exports, "prepareIMessageWorkflow", { enumerable: true, get: function () { return imessage_workflow_1.prepareIMessageWorkflow; } });

package/dist/render/Root.js

@@ -10,9 +10,6 @@ const AutoCaptionComposition_1 = require("./compositions/AutoCaptionComposition"
 const ScreenshotAnimation_1 = require("./compositions/ScreenshotAnimation");
 const InstagramDmComposition_1 = require("./compositions/InstagramDmComposition");
 const convertPropsToElements_1 = require("./compositions/InstagramDmComposition/convertPropsToElements");
-const IMessageDmComposition_1 = require("./compositions/IMessageDmComposition");
-const types_1 = require("./compositions/IMessageDmComposition/types");
-const convertPropsToElements_2 = require("./compositions/IMessageDmComposition/convertPropsToElements");
 const positionResolver_1 = require("./utils/positionResolver");
 const cropBounds_1 = require("./utils/cropBounds");
 const fonts_1 = require("./utils/fonts");
@@ -444,7 +441,6 @@ const ScreenshotAnimationComp = ScreenshotAnimation_1.ScreenshotAnimation;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const InstagramDmComp = InstagramDmComposition_1.InstagramDmComposition;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const IMessageDmComp = IMessageDmComposition_1.IMessageDmComposition;
 /**
  * calculateMetadata for ImageEditorComposition
  *
@@ -537,41 +533,8 @@ const calculateInstagramDmMetadata = async ({ props }) => {
         durationInFrames: 90,
     };
 };
-/**
- * calculateMetadata for IMessageDmComposition
- * Computes output dimensions when dynamic crop is enabled.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const calculateIMessageDmMetadata = async ({ props }) => {
-    const canvasWidth = props.width ?? 1206;
-    const canvasHeight = props.height ?? 2622;
-    const defaultResult = { width: canvasWidth, height: canvasHeight, fps: 30, durationInFrames: 90 };
-    if (!(0, cropBounds_1.isDynamicCropEnabled)(props.dynamicCrop)) {
-        return defaultResult;
-    }
-    try {
-        await (0, fonts_1.preloadFonts)();
-        await new Promise(resolve => setTimeout(resolve, 50));
-    }
-    catch (err) {
-        console.error('[calculateIMessageDmMetadata] Font loading failed:', err);
-        return defaultResult;
-    }
-    const mergedProps = { ...IMessageDmComposition_1.defaultIMessageDmProps, ...props };
-    const { elements } = (0, convertPropsToElements_2.convertPropsToElements)(mergedProps);
-    const { elements: resolved } = (0, positionResolver_1.resolveElementPositions)(elements, {});
-    if (!resolved)
-        return defaultResult;
-    const cropBounds = (0, cropBounds_1.calculateCropBounds)(resolved, props.dynamicCrop, canvasWidth, canvasHeight);
-    return {
-        width: Math.round(cropBounds.width),
-        height: Math.round(cropBounds.height),
-        fps: 30,
-        durationInFrames: 90,
-    };
-};
 const RenderRoot = () => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "ImageEditorComposition", component: ImageComp, calculateMetadata: calculateImageMetadata, durationInFrames: 1, fps: 30, width: 1080, height: 1920, defaultProps: defaultImageProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "VideoEditorComposition", component: VideoComp, durationInFrames: 150, fps: 30, width: 1080, height: 1920, defaultProps: defaultVideoProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "AutoCaptionComposition", component: AutoCaptionComp, durationInFrames: 300, fps: 30, width: 1080, height: 1920, defaultProps: defaultAutoCaptionProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "ScreenshotAnimationComposition", component: ScreenshotAnimationComp, schema: screenshotAnimationSchema, durationInFrames: 180, fps: 59, width: 1206, height: 2622, defaultProps: defaultScreenshotAnimationProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "InstagramDmComposition", component: InstagramDmComp, calculateMetadata: calculateInstagramDmMetadata, schema: instagramDmSchema, durationInFrames: 90, fps: 30, width: 1206, height: 2622, defaultProps: InstagramDmComposition_1.defaultInstagramDmProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "IMessageDmComposition", component: IMessageDmComp, calculateMetadata: calculateIMessageDmMetadata, schema: types_1.iMessageDmPropsSchema, durationInFrames: 90, fps: 30, width: 1206, height: 2622, defaultProps: IMessageDmComposition_1.defaultIMessageDmProps })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "ImageEditorComposition", component: ImageComp, calculateMetadata: calculateImageMetadata, durationInFrames: 1, fps: 30, width: 1080, height: 1920, defaultProps: defaultImageProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "VideoEditorComposition", component: VideoComp, durationInFrames: 150, fps: 30, width: 1080, height: 1920, defaultProps: defaultVideoProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "AutoCaptionComposition", component: AutoCaptionComp, durationInFrames: 300, fps: 30, width: 1080, height: 1920, defaultProps: defaultAutoCaptionProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "ScreenshotAnimationComposition", component: ScreenshotAnimationComp, schema: screenshotAnimationSchema, durationInFrames: 180, fps: 59, width: 1206, height: 2622, defaultProps: defaultScreenshotAnimationProps }), (0, jsx_runtime_1.jsx)(remotion_1.Composition, { id: "InstagramDmComposition", component: InstagramDmComp, calculateMetadata: calculateInstagramDmMetadata, schema: instagramDmSchema, durationInFrames: 90, fps: 30, width: 1206, height: 2622, defaultProps: InstagramDmComposition_1.defaultInstagramDmProps })] }));
 };
 exports.RenderRoot = RenderRoot;
 exports.default = exports.RenderRoot;

package/dist/render/compositions/index.d.ts

@@ -7,7 +7,6 @@ export { AutoCaptionComposition, AutoCaptionCompositionWithVideo, } from './Auto
 export { ScreenshotAnimation, type ScreenshotAnimationProps, } from './ScreenshotAnimation';
 export { InstagramDmComposition, defaultInstagramDmProps, convertPropsToElements as convertInstagramPropsToElements, type InstagramDmCompositionProps, type IgTheme, } from './InstagramDmComposition';
 export { convertPublicToProps, validatePublicInput, type ValidationError, } from './InstagramDmComposition/convertPublicToProps';
-export { IMessageDmComposition, defaultIMessageDmProps, convertPropsToElements as convertIMessagePropsToElements, type IMessageDmCompositionProps, type ImMessage, type ImMessageSender, } from './IMessageDmComposition';
 export { BaseDmComposition, DebugOverlay, type BaseDmCompositionProps, } from './DmComposition';
 export { DeduplicationPreview, type DeduplicationPreviewProps, } from './DeduplicationPreview';
 export * from './messaging';

package/dist/render/compositions/index.js

@@ -17,7 +17,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeduplicationPreview = exports.DebugOverlay = exports.BaseDmComposition = exports.convertIMessagePropsToElements = exports.defaultIMessageDmProps = exports.IMessageDmComposition = exports.validatePublicInput = exports.convertPublicToProps = exports.convertInstagramPropsToElements = exports.defaultInstagramDmProps = exports.InstagramDmComposition = exports.ScreenshotAnimation = exports.AutoCaptionCompositionWithVideo = exports.AutoCaptionComposition = exports.VideoEditorComposition = exports.ImageEditorComposition = void 0;
+exports.DeduplicationPreview = exports.DebugOverlay = exports.BaseDmComposition = exports.validatePublicInput = exports.convertPublicToProps = exports.convertInstagramPropsToElements = exports.defaultInstagramDmProps = exports.InstagramDmComposition = exports.ScreenshotAnimation = exports.AutoCaptionCompositionWithVideo = exports.AutoCaptionComposition = exports.VideoEditorComposition = exports.ImageEditorComposition = void 0;
 var ImageEditorComposition_1 = require("./ImageEditorComposition");
 Object.defineProperty(exports, "ImageEditorComposition", { enumerable: true, get: function () { return ImageEditorComposition_1.ImageEditorComposition; } });
 var VideoEditorComposition_1 = require("./VideoEditorComposition");
@@ -34,10 +34,6 @@ Object.defineProperty(exports, "convertInstagramPropsToElements", { enumerable:
 var convertPublicToProps_1 = require("./InstagramDmComposition/convertPublicToProps");
 Object.defineProperty(exports, "convertPublicToProps", { enumerable: true, get: function () { return convertPublicToProps_1.convertPublicToProps; } });
 Object.defineProperty(exports, "validatePublicInput", { enumerable: true, get: function () { return convertPublicToProps_1.validatePublicInput; } });
-var IMessageDmComposition_1 = require("./IMessageDmComposition");
-Object.defineProperty(exports, "IMessageDmComposition", { enumerable: true, get: function () { return IMessageDmComposition_1.IMessageDmComposition; } });
-Object.defineProperty(exports, "defaultIMessageDmProps", { enumerable: true, get: function () { return IMessageDmComposition_1.defaultIMessageDmProps; } });
-Object.defineProperty(exports, "convertIMessagePropsToElements", { enumerable: true, get: function () { return IMessageDmComposition_1.convertPropsToElements; } });
 var DmComposition_1 = require("./DmComposition");
 Object.defineProperty(exports, "BaseDmComposition", { enumerable: true, get: function () { return DmComposition_1.BaseDmComposition; } });
 Object.defineProperty(exports, "DebugOverlay", { enumerable: true, get: function () { return DmComposition_1.DebugOverlay; } });

package/dist/render.d.ts

@@ -150,40 +150,6 @@ export interface SubmitInstagramDmRenderJobParams {
     /** Dynamic crop configuration - crop output to DM element bounds */
     dynamicCrop?: import('./render/types/crop').DynamicCropConfig;
 }
-interface ImDmMessageInternal {
-    id: string;
-    sender: 'user' | 'recipient';
-    text: string;
-    imageUrl?: string;
-    groupWithPrevious?: boolean;
-}
-export type ImDmMessage = ImDmMessageInternal;
-export interface SubmitIMessageDmRenderJobParams {
-    /** Username displayed in header */
-    username: string;
-    /** Profile picture URL */
-    profilePicUrl: string;
-    /** Light or dark theme */
-    theme: 'light' | 'dark';
-    /** Status bar time */
-    time: string;
-    /** Messages in the conversation */
-    messages: CreateDmMessage[];
-    /** Image attachment URL (used for sender images with hasImage flag) */
-    imageAttachmentUrl?: string;
-    /** Sender bubble color (default blue) */
-    senderBubbleColor?: string;
-    /** Whether to show read receipt */
-    showReadReceipt?: boolean;
-    /** Read receipt text (e.g., "Read 2:30 PM") */
-    readReceiptText?: string;
-    /** Unread badge text (number of unread messages) */
-    unreadBadgeText?: string;
-    /** Message header timestamp text (e.g., "Today 2:15 PM") */
-    messageHeaderTimestampText?: string;
-    /** Dynamic crop configuration - crop output to DM element bounds */
-    dynamicCrop?: import('./render/types/crop').DynamicCropConfig;
-}
 /**
  * Submit an image render job to the render worker.
  * Uses the element-based format for single-source-of-truth rendering.
@@ -222,8 +188,3 @@ export declare function submitAutoCaptionRenderJob(params: SubmitAutoCaptionRend
  * Renders a fake Instagram DM conversation image.
  */
 export declare function submitInstagramDmRenderJob(params: SubmitInstagramDmRenderJobParams): Promise<ApiResponse<RenderJobResponse>>;
-/**
- * Submit an iMessage DM render job to the render worker.
- * Renders a fake iMessage conversation image.
- */
-export declare function submitIMessageDmRenderJob(params: SubmitIMessageDmRenderJobParams): Promise<ApiResponse<RenderJobResponse>>;

package/dist/render.js

@@ -20,7 +20,6 @@ exports.submitSceneSplitJob = submitSceneSplitJob;
 exports.submitScreenshotAnimationRenderJob = submitScreenshotAnimationRenderJob;
 exports.submitAutoCaptionRenderJob = submitAutoCaptionRenderJob;
 exports.submitInstagramDmRenderJob = submitInstagramDmRenderJob;
-exports.submitIMessageDmRenderJob = submitIMessageDmRenderJob;
 const zod_1 = require("zod");
 const remotion_composition_1 = require("./render/types/remotion-composition");
 const native_text_1 = require("./render/types/native-text");
@@ -136,19 +135,6 @@ function transformToInstagramMessages(messages, imageAttachmentUrl) {
         groupWithPrevious: msg.groupWithPrevious,
     }));
 }
-/**
- * Transform CreateDmMessage[] to ImDmMessageInternal[] for iMessage DM
- */
-function transformToIMessageMessages(messages, imageAttachmentUrl) {
-    const processedMessages = addGroupWithPrevious(messages);
-    return processedMessages.map((msg, index) => ({
-        id: generateMessageId(index),
-        sender: msg.sender,
-        text: msg.text,
-        imageUrl: msg.hasImage && msg.sender === 'user' ? imageAttachmentUrl : undefined,
-        groupWithPrevious: msg.groupWithPrevious,
-    }));
-}
 // =============================================================================
 // Render Functions
 // =============================================================================
@@ -458,52 +444,3 @@ async function submitInstagramDmRenderJob(params) {
         return { ok: false, code: 500, message: `Failed to submit Instagram DM job: ${errorMessage}` };
     }
 }
-/**
- * Submit an iMessage DM render job to the render worker.
- * Renders a fake iMessage conversation image.
- */
-async function submitIMessageDmRenderJob(params) {
-    try {
-        const transformedMessages = transformToIMessageMessages(params.messages, params.imageAttachmentUrl);
-        const response = await renderFetch('/submit-job', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({
-                config: {
-                    _compositionType: 'imessage-dm',
-                    input: {
-                        username: params.username,
-                        profilePicUrl: params.profilePicUrl,
-                        theme: params.theme,
-                        time: params.time,
-                        messages: transformedMessages,
-                        senderBubbleColor: params.senderBubbleColor,
-                        showReadReceipt: params.showReadReceipt,
-                        readReceiptText: params.readReceiptText,
-                        unreadBadgeText: params.unreadBadgeText,
-                        messageHeaderTimestampText: params.messageHeaderTimestampText,
-                        dynamicCrop: params.dynamicCrop,
-                    },
-                },
-                output_type: 'image',
-                image_format: 'png',
-            })
-        });
-        const text = await response.text();
-        let data;
-        try {
-            data = JSON.parse(text);
-        }
-        catch {
-            return { ok: false, code: response.status || 500, message: `Render endpoint error: ${text.substring(0, 100)}` };
-        }
-        if (data.status === 'error' || !response.ok) {
-            return { ok: false, code: response.status, message: data.error ?? data.message ?? 'Failed to submit iMessage DM job' };
-        }
-        return { ok: true, code: 200, message: "iMessage DM job submitted", data };
-    }
-    catch (error) {
-        const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-        return { ok: false, code: 500, message: `Failed to submit iMessage DM job: ${errorMessage}` };
-    }
-}

package/dist/skills.js

@@ -233,7 +233,7 @@ Nodes are organized into 4 categories:
 - **auto-caption** — Burn TikTok-style captions into video. Presets: hormozi, minimal, bold-pop, clean, neon. Inputs: video. Outputs: video.
 - **custom-model** — Run any fal.ai model by ID. Configure input params and output type/path. Outputs: image, video, or audio.
 - **transcript** — Speech-to-text with timestamps. Inputs: video or audio. Outputs: text + segments (object[]).
-- **create-dm** — Render fake DM screenshots (iMessage/Instagram). Outputs: image.
+- **create-dm** — Native iMessage PNG/video or Instagram screenshot. For iMessage set platform imessage, imessageRenderMode conversation and explicit imessageOutputType image/video; connect a full conversation object or configure static authoring. Read the imessage skill. Old iMessage Remotion rendering is removed.
 - **screenshot-animation** — iPhone reveal animation from image. Inputs: image. Outputs: video.
 - **deduplicate** — Modify video to evade content-ID detection (levels 1-5). Inputs: video. Outputs: video.
 - **regex** — Match/replace text with regex. Outputs: result (text), match (boolean), groups (text[]).

package/dist/tools/imessage.d.ts

@@ -0,0 +1,2 @@
+import type { ToolDefinition } from './types';
+export declare const imessageTools: ToolDefinition[];

package/dist/tools/imessage.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imessageTools = void 0;
+const zod_1 = require("zod");
+const imessage_conversation_1 = require("../imessage-conversation");
+const job = zod_1.z.object({ jobId: zod_1.z.string().uuid() }).strict();
+exports.imessageTools = [
+    { name: 'compile_imessage_conversation', description: 'Validate native iMessage authoring and inspect deterministic duration, arrival/typing schedule and events locally. No render is submitted. Submit the authoring input, not this compiled plan.', schema: imessage_conversation_1.iMessageConversationSchema, execute: async (_client, input) => ({ ok: true, data: (0, imessage_conversation_1.compileIMessageConversation)(input) }) },
+    { name: 'render_imessage_conversation', description: 'Submit a native iMessage PNG image or 60fps video. Needs content:render. Returns a job immediately; poll get_imessage_conversation. Supports HTTPS imageUrl/avatarUrl media and PNG base64. No real messages are sent.', schema: imessage_conversation_1.iMessageConversationSchema, execute: async (client, input) => client.media.renderIMessageConversation(input) },
+    { name: 'get_imessage_conversation', description: 'Get native iMessage render status. Only completed jobs have an output URL. Stop on failed/cancelled; preserve the returned jobId for retries and cancellation.', schema: job, execute: async (client, input) => client.media.getIMessageConversation(input) },
+    { name: 'cancel_imessage_conversation', description: 'Request cancellation of a native iMessage render. Continue polling until terminal; cancelRequested alone does not establish completion.', schema: job, execute: async (client, input) => client.media.cancelIMessageConversation(input) },
+];

package/dist/tools/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.billingTools = exports.orgTools = exports.commentTools = exports.taskTools = exports.statsTools = exports.automationTools = exports.mediaTools = exports.postTools = exports.accountTools = exports.toolRegistry = exports.allTools = void 0;
+const imessage_1 = require("./imessage");
 const accounts_1 = require("./accounts");
 Object.defineProperty(exports, "accountTools", { enumerable: true, get: function () { return accounts_1.accountTools; } });
 const posts_1 = require("./posts");
@@ -23,6 +24,7 @@ exports.allTools = [
     ...accounts_1.accountTools,
     ...posts_1.postTools,
     ...media_1.mediaTools,
+    ...imessage_1.imessageTools,
     ...automations_1.automationTools,
     ...stats_1.statsTools,
     ...tasks_1.taskTools,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugcinc",
-  "version": "4.27.0",
+  "version": "5.0.0",
   "description": "TypeScript/JavaScript client for the UGC Inc API",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/skills/content-automation/SKILL.md

@@ -80,3 +80,7 @@ SAM and automatic segmentation/overlay tracking are deferred. Use supplied
 assets, user-supplied boxes/masks or honest visual analysis; do not claim recovered
 source layers or automatic clean cutouts. If the runtime cannot inspect a media
 modality, record that limit and do not certify the uninspected property.
+
+For text-message formats, use the `imessage` skill and native Create DM for both
+PNG and video. Generate dialogue as structured authoring data, compile pacing,
+and review native output before combining with reaction footage, audio or CTA.

package/skills/imessage/SKILL.md

@@ -0,0 +1,101 @@
+---
+name: imessage
+description: Create native iMessage conversation PNGs and videos, or wire messaging scenes into UGC Inc workflows. Use for synthetic text-message content, typing, replies, reactions, receipts, avatars and image attachments.
+allowed-tools: Bash, Read
+---
+
+Use the native service for every iMessage image and video. The old Remotion
+composition and iMessage player are removed. Instagram DM remains a separate
+screenshot implementation. These are synthetic renders, never real messages.
+
+Read the current [authoring guide](https://docs.ugc.inc/guides/imessage-conversations.md)
+and [field contract](https://docs.ugc.inc/data-structures/imessage-conversation.md)
+for optional appearance, group, reply/reaction and timing fields.
+
+## Author and inspect pacing
+
+Give the conversation one concrete situation, a readable opening, useful replies
+and a clear payoff. Preserve the user's requested tone and product capabilities;
+rendering success does not establish that the dialogue is good. Use stable IDs,
+`sender: "user"` for the phone owner and `"recipient"` for the other person
+(or declared group participant IDs). Give each bubble one thought. Separate
+content generation from reusable appearance/pacing settings.
+
+`compile_imessage_conversation` accepts the authoring JSON and returns duration,
+typing/arrival schedule and events without submitting a render. Inspect the total
+length and important pauses; adjust authoring timing before rendering. A long
+conversation at default typing speed may exceed the 120-second limit. Do not
+submit the compiled plan to the render endpoint.
+
+For a populated still, mark all messages `initial: true` and use
+`output: {"kind":"png"}`. For an animated scene, put only existing history first
+with `initial:true`; later messages animate. `output:{"kind":"png","atMs":500}`
+renders that native moment losslessly. Video defaults to 60fps. Emoji are complete
+Unicode graphemes and local typing uses the native keyboard.
+
+## Render and handle jobs
+
+Use existing UGC credentials/org; restricted keys need `content:render`.
+`render_imessage_conversation` submits authoring JSON and immediately returns a
+job. Check outer `ok`, save `data.jobId`, and poll `get_imessage_conversation`
+with `{jobId}` until completed/failed/cancelled. Only completed output has a URL.
+Use a bounded polling deadline; on timeout retain the job instead of duplicating
+it. `cancel_imessage_conversation` requests cancellation; keep polling to terminal.
+These jobs do not use `get_media_analysis`.
+
+An idempotency key reuses identical input within the org; changing input needs a
+new key. Status records are retained seven days. Report safe returned errors and
+retryability. Use the SDK methods when shell JSON quoting is awkward.
+
+Image bodies accept exactly one `text`, `imagePngBase64`, or public HTTPS
+`imageUrl`. Contact/group/participant avatars accept a PNG payload or `avatarUrl`.
+The service resolves URL images; do not make agents build base64 blobs. Avatar
+conversion fits96px, attachment conversion fits2048px; media/request budgets
+still apply. A document-name string is text, not an actual file attachment;
+render a deliberate PNG asset if the format calls for an image of a document.
+
+## Workflow integration
+
+Discover `create-dm` with `get_node_type`. Configure:
+
+```json
+{
+  "platform": "imessage",
+  "platformInputType": "static",
+  "imessageRenderMode": "conversation",
+  "imessageOutputType": "video",
+  "imessageConversationInputType": "variable"
+}
+```
+
+Connect the full authoring object to `conversation`. The output port is `output`;
+`imessageOutputType:"image"` fixes an image port, `"video"` fixes a video port.
+A variable input declaring the opposite output kind rejects. Static settings use
+`imessageConversation`. For a direct-chat avatar, set `profilePicInputType` to
+`variable` and connect `profile-pic`. To replace an image message, set
+`imageAttachmentInputType` to `variable`, set `imessageAttachmentMessageId` to the
+target ID and connect `image-attachment`. Input images retain normal `{url}` shape.
+
+Saved screenshot nodes retain their existing connections and resolve to native
+populated PNGs. Custom bubble colors, message-based cropping and free-text legacy
+read receipts need explicit correction; do not silently discard them. Use native
+message receipt/readAt fields or downstream composition as appropriate.
+
+Validate the graph before running. Feed video into Video Composer alongside the
+reaction clip, soundtrack and required CTA; feed PNG into an image workflow.
+End with Save to Media or a Pass-Through output for review. Do not add posting
+or recurrence without authorization. Use the automations skill for graph details.
+
+## Review boundaries
+
+Inspect PNGs and opening/changing/final video states at phone viewing size.
+Use the compiled schedule to choose moments around typing, arrival and payoff;
+check scrolling, emoji, attachments and end hold. Native video is1126×2436 with
+one codec-padding column; PNG is1125×2436. Composite deliberately into the target
+canvas. Audio is added separately; inspect the final mixed video's actual audio.
+
+The profile is iPhone XS/iOS18.6.2, not the newest iOS UI. Full-screen/bubble-send
+effects, arbitrary fonts/coordinates and custom native dimensions/fps are absent.
+Seeded timing is repeatable, but independent reaction pixels can differ. Do not
+promise universal pixel parity. Share only decoded, verified public HTTPS previews,
+including video Range support. Describe uninspected playback/audio honestly.

package/skills/media/SKILL.md

@@ -81,3 +81,7 @@ uploading, use the supported owned storage path; do not claim a file is hosted
 because a media record was created for an arbitrary URL.
 
 For building a reusable content format, use the `content-automation` skill.
+
+For native iMessage render jobs use the `imessage` skill and its separate
+submit/status/cancel tools. They require `content:render`, not `content:analyze`,
+and are not media-analysis jobs.

package/dist/render/compositions/IMessageDmComposition/convertPropsToElements.d.ts

@@ -1,27 +0,0 @@
-/**
- * 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.
- */
-import type { ImageEditorElement } from '../../types/element';
-import type { IMessageDmCompositionProps } from './types';
-/** Tail render data for SVG rendering */
-export interface TailRenderData {
-    id: string;
-    isUser: boolean;
-    messageLeft: number;
-    messageRight: number;
-    messageBottom: number;
-}
-/** Result of converting props to elements */
-export interface ConversionResult {
-    elements: ImageEditorElement[];
-    imageUrls: Record<string, string>;
-    tails: TailRenderData[];
-    width: number;
-    height: number;
-}
-/** Input ID prefix for sender images */
-export declare const SENDER_IMAGE_INPUT_ID_PREFIX = "sender-image-";
-export declare function convertPropsToElements(props: IMessageDmCompositionProps): ConversionResult;