ugcinc-render 1.8.151 → 1.8.153

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