ugcinc-render 1.8.153 → 1.8.154

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +4 -4
  2. package/dist/index.d.ts +4 -4
  3. package/dist/index.js +44 -35
  4. package/dist/index.mjs +44 -35
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1008,10 +1008,10 @@ interface IMessageDmCompositionProps {
1008
1008
  usernameFontSize?: number;
1009
1009
  usernameLetterSpacing?: number;
1010
1010
  usernameColor?: string;
1011
- usernameArrowTop?: number;
1012
- usernameArrowBottom?: number;
1013
- usernameArrowLeft?: number;
1014
- usernameArrowRight?: number;
1011
+ usernameArrowOffsetX?: number;
1012
+ usernameArrowOffsetY?: number;
1013
+ usernameArrowWidth?: number;
1014
+ usernameArrowHeight?: number;
1015
1015
  dividerLineY?: number;
1016
1016
  dividerLineColor?: string;
1017
1017
  backgroundColor?: string;
package/dist/index.d.ts CHANGED
@@ -1008,10 +1008,10 @@ interface IMessageDmCompositionProps {
1008
1008
  usernameFontSize?: number;
1009
1009
  usernameLetterSpacing?: number;
1010
1010
  usernameColor?: string;
1011
- usernameArrowTop?: number;
1012
- usernameArrowBottom?: number;
1013
- usernameArrowLeft?: number;
1014
- usernameArrowRight?: number;
1011
+ usernameArrowOffsetX?: number;
1012
+ usernameArrowOffsetY?: number;
1013
+ usernameArrowWidth?: number;
1014
+ usernameArrowHeight?: number;
1015
1015
  dividerLineY?: number;
1016
1016
  dividerLineColor?: string;
1017
1017
  backgroundColor?: string;
package/dist/index.js CHANGED
@@ -5388,10 +5388,10 @@ var defaultIMessageDmProps = {
5388
5388
  usernameFontSize: 42,
5389
5389
  usernameLetterSpacing: 0,
5390
5390
  usernameColor: "#ffffff",
5391
- usernameArrowTop: 370,
5392
- usernameArrowBottom: 393,
5393
- usernameArrowLeft: 693,
5394
- usernameArrowRight: 706,
5391
+ usernameArrowOffsetX: 12,
5392
+ usernameArrowOffsetY: 0,
5393
+ usernameArrowWidth: 13,
5394
+ usernameArrowHeight: 23,
5395
5395
  // Divider line defaults
5396
5396
  dividerLineY: 425,
5397
5397
  dividerLineColor: "#262626",
@@ -5512,10 +5512,10 @@ var IMessageDmComposition = (props) => {
5512
5512
  usernameFontSize = 42,
5513
5513
  usernameLetterSpacing = 0,
5514
5514
  usernameColor = "#ffffff",
5515
- usernameArrowTop = 370,
5516
- usernameArrowBottom = 393,
5517
- usernameArrowLeft = 693,
5518
- usernameArrowRight = 706,
5515
+ usernameArrowOffsetX = 12,
5516
+ usernameArrowOffsetY = 0,
5517
+ usernameArrowWidth = 13,
5518
+ usernameArrowHeight = 23,
5519
5519
  dividerLineY = 425,
5520
5520
  dividerLineColor = "#262626",
5521
5521
  showDebugOverlay = false,
@@ -5694,36 +5694,45 @@ var IMessageDmComposition = (props) => {
5694
5694
  justifyContent: "center",
5695
5695
  zIndex: 26
5696
5696
  },
5697
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
5698
- "span",
5697
+ children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
5698
+ "div",
5699
5699
  {
5700
5700
  style: {
5701
- fontFamily: "SF Pro Display",
5702
- fontWeight: 400,
5703
- fontSize: usernameFontSize,
5704
- letterSpacing: usernameLetterSpacing,
5705
- color: usernameColor,
5706
- whiteSpace: "nowrap"
5701
+ display: "flex",
5702
+ alignItems: "center"
5707
5703
  },
5708
- children: username
5704
+ children: [
5705
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
5706
+ "span",
5707
+ {
5708
+ style: {
5709
+ fontFamily: "SF Pro Display",
5710
+ fontWeight: 400,
5711
+ fontSize: usernameFontSize,
5712
+ letterSpacing: usernameLetterSpacing,
5713
+ color: usernameColor,
5714
+ whiteSpace: "nowrap"
5715
+ },
5716
+ children: username
5717
+ }
5718
+ ),
5719
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
5720
+ import_remotion10.Img,
5721
+ {
5722
+ src: (0, import_remotion10.staticFile)("imsg-name-right-arrow.png"),
5723
+ style: {
5724
+ width: usernameArrowWidth,
5725
+ height: usernameArrowHeight,
5726
+ marginLeft: usernameArrowOffsetX,
5727
+ marginTop: usernameArrowOffsetY
5728
+ }
5729
+ }
5730
+ )
5731
+ ]
5709
5732
  }
5710
5733
  )
5711
5734
  }
5712
5735
  ),
5713
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
5714
- import_remotion10.Img,
5715
- {
5716
- src: (0, import_remotion10.staticFile)("imsg-name-right-arrow.png"),
5717
- style: {
5718
- position: "absolute",
5719
- top: usernameArrowTop,
5720
- left: usernameArrowLeft,
5721
- width: usernameArrowRight - usernameArrowLeft,
5722
- height: usernameArrowBottom - usernameArrowTop,
5723
- zIndex: 26
5724
- }
5725
- }
5726
- ),
5727
5736
  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
5728
5737
  import_remotion10.Img,
5729
5738
  {
@@ -6561,10 +6570,10 @@ var iMessageDmPropsSchema = import_zod.z.object({
6561
6570
  usernameFontSize: import_zod.z.number().optional(),
6562
6571
  usernameLetterSpacing: import_zod.z.number().optional(),
6563
6572
  usernameColor: import_zod.z.string().optional(),
6564
- usernameArrowTop: import_zod.z.number().optional(),
6565
- usernameArrowBottom: import_zod.z.number().optional(),
6566
- usernameArrowLeft: import_zod.z.number().optional(),
6567
- usernameArrowRight: import_zod.z.number().optional(),
6573
+ usernameArrowOffsetX: import_zod.z.number().optional(),
6574
+ usernameArrowOffsetY: import_zod.z.number().optional(),
6575
+ usernameArrowWidth: import_zod.z.number().optional(),
6576
+ usernameArrowHeight: import_zod.z.number().optional(),
6568
6577
  dividerLineY: import_zod.z.number().optional(),
6569
6578
  dividerLineColor: import_zod.z.string().optional(),
6570
6579
  backgroundColor: import_zod.z.string().optional(),
package/dist/index.mjs CHANGED
@@ -4451,10 +4451,10 @@ var defaultIMessageDmProps = {
4451
4451
  usernameFontSize: 42,
4452
4452
  usernameLetterSpacing: 0,
4453
4453
  usernameColor: "#ffffff",
4454
- usernameArrowTop: 370,
4455
- usernameArrowBottom: 393,
4456
- usernameArrowLeft: 693,
4457
- usernameArrowRight: 706,
4454
+ usernameArrowOffsetX: 12,
4455
+ usernameArrowOffsetY: 0,
4456
+ usernameArrowWidth: 13,
4457
+ usernameArrowHeight: 23,
4458
4458
  // Divider line defaults
4459
4459
  dividerLineY: 425,
4460
4460
  dividerLineColor: "#262626",
@@ -4575,10 +4575,10 @@ var IMessageDmComposition = (props) => {
4575
4575
  usernameFontSize = 42,
4576
4576
  usernameLetterSpacing = 0,
4577
4577
  usernameColor = "#ffffff",
4578
- usernameArrowTop = 370,
4579
- usernameArrowBottom = 393,
4580
- usernameArrowLeft = 693,
4581
- usernameArrowRight = 706,
4578
+ usernameArrowOffsetX = 12,
4579
+ usernameArrowOffsetY = 0,
4580
+ usernameArrowWidth = 13,
4581
+ usernameArrowHeight = 23,
4582
4582
  dividerLineY = 425,
4583
4583
  dividerLineColor = "#262626",
4584
4584
  showDebugOverlay = false,
@@ -4757,36 +4757,45 @@ var IMessageDmComposition = (props) => {
4757
4757
  justifyContent: "center",
4758
4758
  zIndex: 26
4759
4759
  },
4760
- children: /* @__PURE__ */ jsx12(
4761
- "span",
4760
+ children: /* @__PURE__ */ jsxs10(
4761
+ "div",
4762
4762
  {
4763
4763
  style: {
4764
- fontFamily: "SF Pro Display",
4765
- fontWeight: 400,
4766
- fontSize: usernameFontSize,
4767
- letterSpacing: usernameLetterSpacing,
4768
- color: usernameColor,
4769
- whiteSpace: "nowrap"
4764
+ display: "flex",
4765
+ alignItems: "center"
4770
4766
  },
4771
- children: username
4767
+ children: [
4768
+ /* @__PURE__ */ jsx12(
4769
+ "span",
4770
+ {
4771
+ style: {
4772
+ fontFamily: "SF Pro Display",
4773
+ fontWeight: 400,
4774
+ fontSize: usernameFontSize,
4775
+ letterSpacing: usernameLetterSpacing,
4776
+ color: usernameColor,
4777
+ whiteSpace: "nowrap"
4778
+ },
4779
+ children: username
4780
+ }
4781
+ ),
4782
+ /* @__PURE__ */ jsx12(
4783
+ Img5,
4784
+ {
4785
+ src: staticFile3("imsg-name-right-arrow.png"),
4786
+ style: {
4787
+ width: usernameArrowWidth,
4788
+ height: usernameArrowHeight,
4789
+ marginLeft: usernameArrowOffsetX,
4790
+ marginTop: usernameArrowOffsetY
4791
+ }
4792
+ }
4793
+ )
4794
+ ]
4772
4795
  }
4773
4796
  )
4774
4797
  }
4775
4798
  ),
4776
- /* @__PURE__ */ jsx12(
4777
- Img5,
4778
- {
4779
- src: staticFile3("imsg-name-right-arrow.png"),
4780
- style: {
4781
- position: "absolute",
4782
- top: usernameArrowTop,
4783
- left: usernameArrowLeft,
4784
- width: usernameArrowRight - usernameArrowLeft,
4785
- height: usernameArrowBottom - usernameArrowTop,
4786
- zIndex: 26
4787
- }
4788
- }
4789
- ),
4790
4799
  /* @__PURE__ */ jsx12(
4791
4800
  Img5,
4792
4801
  {
@@ -5341,10 +5350,10 @@ var iMessageDmPropsSchema = z.object({
5341
5350
  usernameFontSize: z.number().optional(),
5342
5351
  usernameLetterSpacing: z.number().optional(),
5343
5352
  usernameColor: z.string().optional(),
5344
- usernameArrowTop: z.number().optional(),
5345
- usernameArrowBottom: z.number().optional(),
5346
- usernameArrowLeft: z.number().optional(),
5347
- usernameArrowRight: z.number().optional(),
5353
+ usernameArrowOffsetX: z.number().optional(),
5354
+ usernameArrowOffsetY: z.number().optional(),
5355
+ usernameArrowWidth: z.number().optional(),
5356
+ usernameArrowHeight: z.number().optional(),
5348
5357
  dividerLineY: z.number().optional(),
5349
5358
  dividerLineColor: z.string().optional(),
5350
5359
  backgroundColor: z.string().optional(),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugcinc-render",
3
- "version": "1.8.153",
3
+ "version": "1.8.154",
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",