ugcinc-render 1.8.197 → 1.8.199

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -2128,13 +2128,20 @@ function VideoEditorComposition({
2128
2128
  return null;
2129
2129
  }
2130
2130
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
2131
- VideoElement,
2131
+ import_remotion4.Sequence,
2132
2132
  {
2133
- segment,
2134
- src,
2135
- startFrame,
2133
+ from: startFrame,
2136
2134
  durationInFrames: durationInFrames2,
2137
- scale: 1
2135
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
2136
+ VideoElement,
2137
+ {
2138
+ segment,
2139
+ src,
2140
+ startFrame: 0,
2141
+ durationInFrames: durationInFrames2,
2142
+ scale: 1
2143
+ }
2144
+ )
2138
2145
  },
2139
2146
  segment.id
2140
2147
  );
@@ -2224,13 +2231,20 @@ function VideoEditorComposition({
2224
2231
  fadeIn: sequenceSegment.fadeIn
2225
2232
  };
2226
2233
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
2227
- VideoElement,
2234
+ import_remotion4.Sequence,
2228
2235
  {
2229
- segment: syntheticVideoSegment,
2230
- src: currentItemUrl,
2231
- startFrame: itemStartFrame,
2236
+ from: itemStartFrame,
2232
2237
  durationInFrames: itemDurationFrames,
2233
- scale: 1
2238
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
2239
+ VideoElement,
2240
+ {
2241
+ segment: syntheticVideoSegment,
2242
+ src: currentItemUrl,
2243
+ startFrame: 0,
2244
+ durationInFrames: itemDurationFrames,
2245
+ scale: 1
2246
+ }
2247
+ )
2234
2248
  },
2235
2249
  `${segment.id}-${currentItemUrl}`
2236
2250
  );
@@ -4612,6 +4626,8 @@ function generateStoryReplyElements(props, calculatedMessages) {
4612
4626
  borderRadius: storyReplyImageBorderRadius
4613
4627
  });
4614
4628
  const barWidth = storyReplyBarRight - storyReplyBarLeft;
4629
+ const isLightMode = props.theme === "light";
4630
+ const storyReplyBarColor = isLightMode ? "#c3c4c6" : "#2e3339";
4615
4631
  elements.push({
4616
4632
  id: `story-reply-bar-${cm.message.id}`,
4617
4633
  type: "text",
@@ -4621,7 +4637,7 @@ function generateStoryReplyElements(props, calculatedMessages) {
4621
4637
  height: imageHeight,
4622
4638
  zIndex: 3,
4623
4639
  text: "",
4624
- backgroundColor: "#2e3339",
4640
+ backgroundColor: storyReplyBarColor,
4625
4641
  backgroundOpacity: 100,
4626
4642
  backgroundBorderRadius: {
4627
4643
  topLeft: barWidth / 2,
package/dist/index.mjs CHANGED
@@ -1174,13 +1174,20 @@ function VideoEditorComposition({
1174
1174
  return null;
1175
1175
  }
1176
1176
  return /* @__PURE__ */ jsx5(
1177
- VideoElement,
1177
+ Sequence,
1178
1178
  {
1179
- segment,
1180
- src,
1181
- startFrame,
1179
+ from: startFrame,
1182
1180
  durationInFrames: durationInFrames2,
1183
- scale: 1
1181
+ children: /* @__PURE__ */ jsx5(
1182
+ VideoElement,
1183
+ {
1184
+ segment,
1185
+ src,
1186
+ startFrame: 0,
1187
+ durationInFrames: durationInFrames2,
1188
+ scale: 1
1189
+ }
1190
+ )
1184
1191
  },
1185
1192
  segment.id
1186
1193
  );
@@ -1270,13 +1277,20 @@ function VideoEditorComposition({
1270
1277
  fadeIn: sequenceSegment.fadeIn
1271
1278
  };
1272
1279
  return /* @__PURE__ */ jsx5(
1273
- VideoElement,
1280
+ Sequence,
1274
1281
  {
1275
- segment: syntheticVideoSegment,
1276
- src: currentItemUrl,
1277
- startFrame: itemStartFrame,
1282
+ from: itemStartFrame,
1278
1283
  durationInFrames: itemDurationFrames,
1279
- scale: 1
1284
+ children: /* @__PURE__ */ jsx5(
1285
+ VideoElement,
1286
+ {
1287
+ segment: syntheticVideoSegment,
1288
+ src: currentItemUrl,
1289
+ startFrame: 0,
1290
+ durationInFrames: itemDurationFrames,
1291
+ scale: 1
1292
+ }
1293
+ )
1280
1294
  },
1281
1295
  `${segment.id}-${currentItemUrl}`
1282
1296
  );
@@ -3658,6 +3672,8 @@ function generateStoryReplyElements(props, calculatedMessages) {
3658
3672
  borderRadius: storyReplyImageBorderRadius
3659
3673
  });
3660
3674
  const barWidth = storyReplyBarRight - storyReplyBarLeft;
3675
+ const isLightMode = props.theme === "light";
3676
+ const storyReplyBarColor = isLightMode ? "#c3c4c6" : "#2e3339";
3661
3677
  elements.push({
3662
3678
  id: `story-reply-bar-${cm.message.id}`,
3663
3679
  type: "text",
@@ -3667,7 +3683,7 @@ function generateStoryReplyElements(props, calculatedMessages) {
3667
3683
  height: imageHeight,
3668
3684
  zIndex: 3,
3669
3685
  text: "",
3670
- backgroundColor: "#2e3339",
3686
+ backgroundColor: storyReplyBarColor,
3671
3687
  backgroundOpacity: 100,
3672
3688
  backgroundBorderRadius: {
3673
3689
  topLeft: barWidth / 2,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugcinc-render",
3
- "version": "1.8.197",
3
+ "version": "1.8.199",
4
4
  "description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",