ugcinc-render 1.8.162 → 1.8.164
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.d.mts +6 -2
- package/dist/index.d.ts +6 -2
- package/dist/index.js +56 -33
- package/dist/index.mjs +56 -33
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1090,8 +1090,12 @@ interface IMessageDmCompositionProps {
|
|
|
1090
1090
|
messageLetterSpacing?: number;
|
|
1091
1091
|
messagePaddingTop?: number;
|
|
1092
1092
|
messagePaddingBottom?: number;
|
|
1093
|
-
|
|
1094
|
-
|
|
1093
|
+
senderPaddingLeft?: number;
|
|
1094
|
+
senderPaddingRight?: number;
|
|
1095
|
+
multiLineSenderPaddingLeft?: number;
|
|
1096
|
+
recipientPaddingLeft?: number;
|
|
1097
|
+
recipientPaddingRight?: number;
|
|
1098
|
+
multiLineRecipientPaddingRight?: number;
|
|
1095
1099
|
bubbleRadiusNormal?: number;
|
|
1096
1100
|
bubbleRadiusGrouped?: number;
|
|
1097
1101
|
messageGapInGroup?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -1090,8 +1090,12 @@ interface IMessageDmCompositionProps {
|
|
|
1090
1090
|
messageLetterSpacing?: number;
|
|
1091
1091
|
messagePaddingTop?: number;
|
|
1092
1092
|
messagePaddingBottom?: number;
|
|
1093
|
-
|
|
1094
|
-
|
|
1093
|
+
senderPaddingLeft?: number;
|
|
1094
|
+
senderPaddingRight?: number;
|
|
1095
|
+
multiLineSenderPaddingLeft?: number;
|
|
1096
|
+
recipientPaddingLeft?: number;
|
|
1097
|
+
recipientPaddingRight?: number;
|
|
1098
|
+
multiLineRecipientPaddingRight?: number;
|
|
1095
1099
|
bubbleRadiusNormal?: number;
|
|
1096
1100
|
bubbleRadiusGrouped?: number;
|
|
1097
1101
|
messageGapInGroup?: number;
|
package/dist/index.js
CHANGED
|
@@ -5263,24 +5263,30 @@ var MESSAGE_DEFAULTS2 = {
|
|
|
5263
5263
|
recipientBubbleColor: "#303032",
|
|
5264
5264
|
bubbleTextColor: "#ffffff",
|
|
5265
5265
|
// Message typography
|
|
5266
|
-
messageFontSize:
|
|
5266
|
+
messageFontSize: 53,
|
|
5267
5267
|
messageLineHeight: 60,
|
|
5268
|
-
messageLetterSpacing:
|
|
5268
|
+
messageLetterSpacing: 1.2,
|
|
5269
5269
|
// Message padding (inside bubble)
|
|
5270
|
-
messagePaddingTop:
|
|
5271
|
-
messagePaddingBottom:
|
|
5272
|
-
|
|
5273
|
-
|
|
5270
|
+
messagePaddingTop: 23,
|
|
5271
|
+
messagePaddingBottom: 22,
|
|
5272
|
+
// Sender padding
|
|
5273
|
+
senderPaddingLeft: 34,
|
|
5274
|
+
senderPaddingRight: 48,
|
|
5275
|
+
multiLineSenderPaddingLeft: 34,
|
|
5276
|
+
// Recipient padding
|
|
5277
|
+
recipientPaddingLeft: 37,
|
|
5278
|
+
recipientPaddingRight: 47,
|
|
5279
|
+
multiLineRecipientPaddingRight: 47,
|
|
5274
5280
|
// Bubble corner radii
|
|
5275
|
-
bubbleRadiusNormal:
|
|
5276
|
-
bubbleRadiusGrouped:
|
|
5281
|
+
bubbleRadiusNormal: 51,
|
|
5282
|
+
bubbleRadiusGrouped: 51,
|
|
5277
5283
|
// Message spacing
|
|
5278
|
-
messageGapInGroup:
|
|
5284
|
+
messageGapInGroup: 3,
|
|
5279
5285
|
messageGapSameUser: 8,
|
|
5280
|
-
messageGapDifferentUser:
|
|
5286
|
+
messageGapDifferentUser: 70,
|
|
5281
5287
|
// Bubble positioning
|
|
5282
5288
|
recipientBubbleLeft: 48,
|
|
5283
|
-
senderBubbleRight:
|
|
5289
|
+
senderBubbleRight: 1158,
|
|
5284
5290
|
bubbleMaxWidth: 900,
|
|
5285
5291
|
// Image message defaults
|
|
5286
5292
|
imageMaxWidth: 600,
|
|
@@ -5391,8 +5397,12 @@ function calculateMessagePositions2(props) {
|
|
|
5391
5397
|
const messageLetterSpacing = props.messageLetterSpacing ?? MESSAGE_DEFAULTS2.messageLetterSpacing;
|
|
5392
5398
|
const messagePaddingTop = props.messagePaddingTop ?? MESSAGE_DEFAULTS2.messagePaddingTop;
|
|
5393
5399
|
const messagePaddingBottom = props.messagePaddingBottom ?? MESSAGE_DEFAULTS2.messagePaddingBottom;
|
|
5394
|
-
const
|
|
5395
|
-
const
|
|
5400
|
+
const senderPaddingLeft = props.senderPaddingLeft ?? MESSAGE_DEFAULTS2.senderPaddingLeft;
|
|
5401
|
+
const senderPaddingRight = props.senderPaddingRight ?? MESSAGE_DEFAULTS2.senderPaddingRight;
|
|
5402
|
+
const multiLineSenderPaddingLeft = props.multiLineSenderPaddingLeft ?? MESSAGE_DEFAULTS2.multiLineSenderPaddingLeft;
|
|
5403
|
+
const recipientPaddingLeft = props.recipientPaddingLeft ?? MESSAGE_DEFAULTS2.recipientPaddingLeft;
|
|
5404
|
+
const recipientPaddingRight = props.recipientPaddingRight ?? MESSAGE_DEFAULTS2.recipientPaddingRight;
|
|
5405
|
+
const multiLineRecipientPaddingRight = props.multiLineRecipientPaddingRight ?? MESSAGE_DEFAULTS2.multiLineRecipientPaddingRight;
|
|
5396
5406
|
const messageGapInGroup = props.messageGapInGroup ?? MESSAGE_DEFAULTS2.messageGapInGroup;
|
|
5397
5407
|
const messageGapSameUser = props.messageGapSameUser ?? MESSAGE_DEFAULTS2.messageGapSameUser;
|
|
5398
5408
|
const messageGapDifferentUser = props.messageGapDifferentUser ?? MESSAGE_DEFAULTS2.messageGapDifferentUser;
|
|
@@ -5425,14 +5435,19 @@ function calculateMessagePositions2(props) {
|
|
|
5425
5435
|
gap = messageGapDifferentUser;
|
|
5426
5436
|
}
|
|
5427
5437
|
}
|
|
5438
|
+
const basePaddingLeft = message.sender === "user" ? senderPaddingLeft : recipientPaddingLeft;
|
|
5439
|
+
const basePaddingRight = message.sender === "user" ? senderPaddingRight : recipientPaddingRight;
|
|
5428
5440
|
const { width: bubbleWidth, lines } = calculateAutoWidthAndLines3({
|
|
5429
5441
|
text: message.text,
|
|
5430
5442
|
maxWidth: bubbleMaxWidth,
|
|
5431
|
-
paddingLeft:
|
|
5432
|
-
paddingRight:
|
|
5443
|
+
paddingLeft: basePaddingLeft,
|
|
5444
|
+
paddingRight: basePaddingRight,
|
|
5433
5445
|
fontSize: messageFontSize,
|
|
5434
5446
|
letterSpacing: messageLetterSpacing
|
|
5435
5447
|
});
|
|
5448
|
+
const isMultiLine = lines.length > 1;
|
|
5449
|
+
const finalPaddingLeft = message.sender === "user" && isMultiLine ? multiLineSenderPaddingLeft : basePaddingLeft;
|
|
5450
|
+
const finalPaddingRight = message.sender === "recipient" && isMultiLine ? multiLineRecipientPaddingRight : basePaddingRight;
|
|
5436
5451
|
const lineCount = lines.length;
|
|
5437
5452
|
const textHeight = lineCount * messageLineHeight;
|
|
5438
5453
|
const bubbleHeight = textHeight + messagePaddingTop + messagePaddingBottom;
|
|
@@ -5463,6 +5478,9 @@ function calculateMessagePositions2(props) {
|
|
|
5463
5478
|
isFirstInGroup,
|
|
5464
5479
|
isLastInGroup,
|
|
5465
5480
|
isSingleMessage,
|
|
5481
|
+
isMultiLine,
|
|
5482
|
+
paddingLeft: finalPaddingLeft,
|
|
5483
|
+
paddingRight: finalPaddingRight,
|
|
5466
5484
|
imageWidth,
|
|
5467
5485
|
imageHeight,
|
|
5468
5486
|
imageY
|
|
@@ -5506,7 +5524,6 @@ function generateMessageElements2(props, calculatedMessages) {
|
|
|
5506
5524
|
return [];
|
|
5507
5525
|
}
|
|
5508
5526
|
const elements = [];
|
|
5509
|
-
const canvasWidth = props.width ?? 1206;
|
|
5510
5527
|
const senderBubbleColor = props.senderBubbleColor ?? MESSAGE_DEFAULTS2.senderBubbleColor;
|
|
5511
5528
|
const recipientBubbleColor = props.recipientBubbleColor ?? MESSAGE_DEFAULTS2.recipientBubbleColor;
|
|
5512
5529
|
const bubbleTextColor = props.bubbleTextColor ?? MESSAGE_DEFAULTS2.bubbleTextColor;
|
|
@@ -5515,8 +5532,6 @@ function generateMessageElements2(props, calculatedMessages) {
|
|
|
5515
5532
|
const messageLetterSpacing = props.messageLetterSpacing ?? MESSAGE_DEFAULTS2.messageLetterSpacing;
|
|
5516
5533
|
const messagePaddingTop = props.messagePaddingTop ?? MESSAGE_DEFAULTS2.messagePaddingTop;
|
|
5517
5534
|
const messagePaddingBottom = props.messagePaddingBottom ?? MESSAGE_DEFAULTS2.messagePaddingBottom;
|
|
5518
|
-
const messagePaddingLeft = props.messagePaddingLeft ?? MESSAGE_DEFAULTS2.messagePaddingLeft;
|
|
5519
|
-
const messagePaddingRight = props.messagePaddingRight ?? MESSAGE_DEFAULTS2.messagePaddingRight;
|
|
5520
5535
|
const bubbleRadiusNormal = props.bubbleRadiusNormal ?? MESSAGE_DEFAULTS2.bubbleRadiusNormal;
|
|
5521
5536
|
const bubbleRadiusGrouped = props.bubbleRadiusGrouped ?? MESSAGE_DEFAULTS2.bubbleRadiusGrouped;
|
|
5522
5537
|
const bubbleMaxWidth = props.bubbleMaxWidth ?? MESSAGE_DEFAULTS2.bubbleMaxWidth;
|
|
@@ -5567,9 +5582,9 @@ function generateMessageElements2(props, calculatedMessages) {
|
|
|
5567
5582
|
backgroundOpacity: 100,
|
|
5568
5583
|
backgroundBorderRadius: radii,
|
|
5569
5584
|
paddingTop: messagePaddingTop,
|
|
5570
|
-
paddingRight:
|
|
5585
|
+
paddingRight: cm.paddingRight,
|
|
5571
5586
|
paddingBottom: messagePaddingBottom,
|
|
5572
|
-
paddingLeft:
|
|
5587
|
+
paddingLeft: cm.paddingLeft,
|
|
5573
5588
|
autoWidth: true,
|
|
5574
5589
|
boxAlign: isUser ? "right" : "left"
|
|
5575
5590
|
});
|
|
@@ -5699,24 +5714,28 @@ var defaultIMessageDmProps = {
|
|
|
5699
5714
|
recipientBubbleColor: "#303032",
|
|
5700
5715
|
bubbleTextColor: "#ffffff",
|
|
5701
5716
|
// Message typography
|
|
5702
|
-
messageFontSize:
|
|
5717
|
+
messageFontSize: 53,
|
|
5703
5718
|
messageLineHeight: 60,
|
|
5704
|
-
messageLetterSpacing:
|
|
5719
|
+
messageLetterSpacing: 1.2,
|
|
5705
5720
|
// Message padding (inside bubble)
|
|
5706
|
-
messagePaddingTop:
|
|
5707
|
-
messagePaddingBottom:
|
|
5708
|
-
|
|
5709
|
-
|
|
5721
|
+
messagePaddingTop: 23,
|
|
5722
|
+
messagePaddingBottom: 22,
|
|
5723
|
+
senderPaddingLeft: 34,
|
|
5724
|
+
senderPaddingRight: 48,
|
|
5725
|
+
multiLineSenderPaddingLeft: 34,
|
|
5726
|
+
recipientPaddingLeft: 37,
|
|
5727
|
+
recipientPaddingRight: 47,
|
|
5728
|
+
multiLineRecipientPaddingRight: 47,
|
|
5710
5729
|
// Bubble corner radii
|
|
5711
|
-
bubbleRadiusNormal:
|
|
5712
|
-
bubbleRadiusGrouped:
|
|
5730
|
+
bubbleRadiusNormal: 51,
|
|
5731
|
+
bubbleRadiusGrouped: 51,
|
|
5713
5732
|
// Message spacing
|
|
5714
|
-
messageGapInGroup:
|
|
5733
|
+
messageGapInGroup: 3,
|
|
5715
5734
|
messageGapSameUser: 8,
|
|
5716
|
-
messageGapDifferentUser:
|
|
5735
|
+
messageGapDifferentUser: 70,
|
|
5717
5736
|
// Bubble positioning
|
|
5718
5737
|
recipientBubbleLeft: 48,
|
|
5719
|
-
senderBubbleRight:
|
|
5738
|
+
senderBubbleRight: 1158,
|
|
5720
5739
|
bubbleMaxWidth: 900,
|
|
5721
5740
|
// Example messages
|
|
5722
5741
|
messages: [
|
|
@@ -6894,8 +6913,12 @@ var iMessageDmPropsSchema = import_zod.z.object({
|
|
|
6894
6913
|
// Message padding (inside bubble)
|
|
6895
6914
|
messagePaddingTop: import_zod.z.number().optional(),
|
|
6896
6915
|
messagePaddingBottom: import_zod.z.number().optional(),
|
|
6897
|
-
|
|
6898
|
-
|
|
6916
|
+
senderPaddingLeft: import_zod.z.number().optional(),
|
|
6917
|
+
senderPaddingRight: import_zod.z.number().optional(),
|
|
6918
|
+
multiLineSenderPaddingLeft: import_zod.z.number().optional(),
|
|
6919
|
+
recipientPaddingLeft: import_zod.z.number().optional(),
|
|
6920
|
+
recipientPaddingRight: import_zod.z.number().optional(),
|
|
6921
|
+
multiLineRecipientPaddingRight: import_zod.z.number().optional(),
|
|
6899
6922
|
// Bubble corner radii
|
|
6900
6923
|
bubbleRadiusNormal: import_zod.z.number().optional(),
|
|
6901
6924
|
bubbleRadiusGrouped: import_zod.z.number().optional(),
|
package/dist/index.mjs
CHANGED
|
@@ -4309,24 +4309,30 @@ var MESSAGE_DEFAULTS2 = {
|
|
|
4309
4309
|
recipientBubbleColor: "#303032",
|
|
4310
4310
|
bubbleTextColor: "#ffffff",
|
|
4311
4311
|
// Message typography
|
|
4312
|
-
messageFontSize:
|
|
4312
|
+
messageFontSize: 53,
|
|
4313
4313
|
messageLineHeight: 60,
|
|
4314
|
-
messageLetterSpacing:
|
|
4314
|
+
messageLetterSpacing: 1.2,
|
|
4315
4315
|
// Message padding (inside bubble)
|
|
4316
|
-
messagePaddingTop:
|
|
4317
|
-
messagePaddingBottom:
|
|
4318
|
-
|
|
4319
|
-
|
|
4316
|
+
messagePaddingTop: 23,
|
|
4317
|
+
messagePaddingBottom: 22,
|
|
4318
|
+
// Sender padding
|
|
4319
|
+
senderPaddingLeft: 34,
|
|
4320
|
+
senderPaddingRight: 48,
|
|
4321
|
+
multiLineSenderPaddingLeft: 34,
|
|
4322
|
+
// Recipient padding
|
|
4323
|
+
recipientPaddingLeft: 37,
|
|
4324
|
+
recipientPaddingRight: 47,
|
|
4325
|
+
multiLineRecipientPaddingRight: 47,
|
|
4320
4326
|
// Bubble corner radii
|
|
4321
|
-
bubbleRadiusNormal:
|
|
4322
|
-
bubbleRadiusGrouped:
|
|
4327
|
+
bubbleRadiusNormal: 51,
|
|
4328
|
+
bubbleRadiusGrouped: 51,
|
|
4323
4329
|
// Message spacing
|
|
4324
|
-
messageGapInGroup:
|
|
4330
|
+
messageGapInGroup: 3,
|
|
4325
4331
|
messageGapSameUser: 8,
|
|
4326
|
-
messageGapDifferentUser:
|
|
4332
|
+
messageGapDifferentUser: 70,
|
|
4327
4333
|
// Bubble positioning
|
|
4328
4334
|
recipientBubbleLeft: 48,
|
|
4329
|
-
senderBubbleRight:
|
|
4335
|
+
senderBubbleRight: 1158,
|
|
4330
4336
|
bubbleMaxWidth: 900,
|
|
4331
4337
|
// Image message defaults
|
|
4332
4338
|
imageMaxWidth: 600,
|
|
@@ -4437,8 +4443,12 @@ function calculateMessagePositions2(props) {
|
|
|
4437
4443
|
const messageLetterSpacing = props.messageLetterSpacing ?? MESSAGE_DEFAULTS2.messageLetterSpacing;
|
|
4438
4444
|
const messagePaddingTop = props.messagePaddingTop ?? MESSAGE_DEFAULTS2.messagePaddingTop;
|
|
4439
4445
|
const messagePaddingBottom = props.messagePaddingBottom ?? MESSAGE_DEFAULTS2.messagePaddingBottom;
|
|
4440
|
-
const
|
|
4441
|
-
const
|
|
4446
|
+
const senderPaddingLeft = props.senderPaddingLeft ?? MESSAGE_DEFAULTS2.senderPaddingLeft;
|
|
4447
|
+
const senderPaddingRight = props.senderPaddingRight ?? MESSAGE_DEFAULTS2.senderPaddingRight;
|
|
4448
|
+
const multiLineSenderPaddingLeft = props.multiLineSenderPaddingLeft ?? MESSAGE_DEFAULTS2.multiLineSenderPaddingLeft;
|
|
4449
|
+
const recipientPaddingLeft = props.recipientPaddingLeft ?? MESSAGE_DEFAULTS2.recipientPaddingLeft;
|
|
4450
|
+
const recipientPaddingRight = props.recipientPaddingRight ?? MESSAGE_DEFAULTS2.recipientPaddingRight;
|
|
4451
|
+
const multiLineRecipientPaddingRight = props.multiLineRecipientPaddingRight ?? MESSAGE_DEFAULTS2.multiLineRecipientPaddingRight;
|
|
4442
4452
|
const messageGapInGroup = props.messageGapInGroup ?? MESSAGE_DEFAULTS2.messageGapInGroup;
|
|
4443
4453
|
const messageGapSameUser = props.messageGapSameUser ?? MESSAGE_DEFAULTS2.messageGapSameUser;
|
|
4444
4454
|
const messageGapDifferentUser = props.messageGapDifferentUser ?? MESSAGE_DEFAULTS2.messageGapDifferentUser;
|
|
@@ -4471,14 +4481,19 @@ function calculateMessagePositions2(props) {
|
|
|
4471
4481
|
gap = messageGapDifferentUser;
|
|
4472
4482
|
}
|
|
4473
4483
|
}
|
|
4484
|
+
const basePaddingLeft = message.sender === "user" ? senderPaddingLeft : recipientPaddingLeft;
|
|
4485
|
+
const basePaddingRight = message.sender === "user" ? senderPaddingRight : recipientPaddingRight;
|
|
4474
4486
|
const { width: bubbleWidth, lines } = calculateAutoWidthAndLines3({
|
|
4475
4487
|
text: message.text,
|
|
4476
4488
|
maxWidth: bubbleMaxWidth,
|
|
4477
|
-
paddingLeft:
|
|
4478
|
-
paddingRight:
|
|
4489
|
+
paddingLeft: basePaddingLeft,
|
|
4490
|
+
paddingRight: basePaddingRight,
|
|
4479
4491
|
fontSize: messageFontSize,
|
|
4480
4492
|
letterSpacing: messageLetterSpacing
|
|
4481
4493
|
});
|
|
4494
|
+
const isMultiLine = lines.length > 1;
|
|
4495
|
+
const finalPaddingLeft = message.sender === "user" && isMultiLine ? multiLineSenderPaddingLeft : basePaddingLeft;
|
|
4496
|
+
const finalPaddingRight = message.sender === "recipient" && isMultiLine ? multiLineRecipientPaddingRight : basePaddingRight;
|
|
4482
4497
|
const lineCount = lines.length;
|
|
4483
4498
|
const textHeight = lineCount * messageLineHeight;
|
|
4484
4499
|
const bubbleHeight = textHeight + messagePaddingTop + messagePaddingBottom;
|
|
@@ -4509,6 +4524,9 @@ function calculateMessagePositions2(props) {
|
|
|
4509
4524
|
isFirstInGroup,
|
|
4510
4525
|
isLastInGroup,
|
|
4511
4526
|
isSingleMessage,
|
|
4527
|
+
isMultiLine,
|
|
4528
|
+
paddingLeft: finalPaddingLeft,
|
|
4529
|
+
paddingRight: finalPaddingRight,
|
|
4512
4530
|
imageWidth,
|
|
4513
4531
|
imageHeight,
|
|
4514
4532
|
imageY
|
|
@@ -4552,7 +4570,6 @@ function generateMessageElements2(props, calculatedMessages) {
|
|
|
4552
4570
|
return [];
|
|
4553
4571
|
}
|
|
4554
4572
|
const elements = [];
|
|
4555
|
-
const canvasWidth = props.width ?? 1206;
|
|
4556
4573
|
const senderBubbleColor = props.senderBubbleColor ?? MESSAGE_DEFAULTS2.senderBubbleColor;
|
|
4557
4574
|
const recipientBubbleColor = props.recipientBubbleColor ?? MESSAGE_DEFAULTS2.recipientBubbleColor;
|
|
4558
4575
|
const bubbleTextColor = props.bubbleTextColor ?? MESSAGE_DEFAULTS2.bubbleTextColor;
|
|
@@ -4561,8 +4578,6 @@ function generateMessageElements2(props, calculatedMessages) {
|
|
|
4561
4578
|
const messageLetterSpacing = props.messageLetterSpacing ?? MESSAGE_DEFAULTS2.messageLetterSpacing;
|
|
4562
4579
|
const messagePaddingTop = props.messagePaddingTop ?? MESSAGE_DEFAULTS2.messagePaddingTop;
|
|
4563
4580
|
const messagePaddingBottom = props.messagePaddingBottom ?? MESSAGE_DEFAULTS2.messagePaddingBottom;
|
|
4564
|
-
const messagePaddingLeft = props.messagePaddingLeft ?? MESSAGE_DEFAULTS2.messagePaddingLeft;
|
|
4565
|
-
const messagePaddingRight = props.messagePaddingRight ?? MESSAGE_DEFAULTS2.messagePaddingRight;
|
|
4566
4581
|
const bubbleRadiusNormal = props.bubbleRadiusNormal ?? MESSAGE_DEFAULTS2.bubbleRadiusNormal;
|
|
4567
4582
|
const bubbleRadiusGrouped = props.bubbleRadiusGrouped ?? MESSAGE_DEFAULTS2.bubbleRadiusGrouped;
|
|
4568
4583
|
const bubbleMaxWidth = props.bubbleMaxWidth ?? MESSAGE_DEFAULTS2.bubbleMaxWidth;
|
|
@@ -4613,9 +4628,9 @@ function generateMessageElements2(props, calculatedMessages) {
|
|
|
4613
4628
|
backgroundOpacity: 100,
|
|
4614
4629
|
backgroundBorderRadius: radii,
|
|
4615
4630
|
paddingTop: messagePaddingTop,
|
|
4616
|
-
paddingRight:
|
|
4631
|
+
paddingRight: cm.paddingRight,
|
|
4617
4632
|
paddingBottom: messagePaddingBottom,
|
|
4618
|
-
paddingLeft:
|
|
4633
|
+
paddingLeft: cm.paddingLeft,
|
|
4619
4634
|
autoWidth: true,
|
|
4620
4635
|
boxAlign: isUser ? "right" : "left"
|
|
4621
4636
|
});
|
|
@@ -4745,24 +4760,28 @@ var defaultIMessageDmProps = {
|
|
|
4745
4760
|
recipientBubbleColor: "#303032",
|
|
4746
4761
|
bubbleTextColor: "#ffffff",
|
|
4747
4762
|
// Message typography
|
|
4748
|
-
messageFontSize:
|
|
4763
|
+
messageFontSize: 53,
|
|
4749
4764
|
messageLineHeight: 60,
|
|
4750
|
-
messageLetterSpacing:
|
|
4765
|
+
messageLetterSpacing: 1.2,
|
|
4751
4766
|
// Message padding (inside bubble)
|
|
4752
|
-
messagePaddingTop:
|
|
4753
|
-
messagePaddingBottom:
|
|
4754
|
-
|
|
4755
|
-
|
|
4767
|
+
messagePaddingTop: 23,
|
|
4768
|
+
messagePaddingBottom: 22,
|
|
4769
|
+
senderPaddingLeft: 34,
|
|
4770
|
+
senderPaddingRight: 48,
|
|
4771
|
+
multiLineSenderPaddingLeft: 34,
|
|
4772
|
+
recipientPaddingLeft: 37,
|
|
4773
|
+
recipientPaddingRight: 47,
|
|
4774
|
+
multiLineRecipientPaddingRight: 47,
|
|
4756
4775
|
// Bubble corner radii
|
|
4757
|
-
bubbleRadiusNormal:
|
|
4758
|
-
bubbleRadiusGrouped:
|
|
4776
|
+
bubbleRadiusNormal: 51,
|
|
4777
|
+
bubbleRadiusGrouped: 51,
|
|
4759
4778
|
// Message spacing
|
|
4760
|
-
messageGapInGroup:
|
|
4779
|
+
messageGapInGroup: 3,
|
|
4761
4780
|
messageGapSameUser: 8,
|
|
4762
|
-
messageGapDifferentUser:
|
|
4781
|
+
messageGapDifferentUser: 70,
|
|
4763
4782
|
// Bubble positioning
|
|
4764
4783
|
recipientBubbleLeft: 48,
|
|
4765
|
-
senderBubbleRight:
|
|
4784
|
+
senderBubbleRight: 1158,
|
|
4766
4785
|
bubbleMaxWidth: 900,
|
|
4767
4786
|
// Example messages
|
|
4768
4787
|
messages: [
|
|
@@ -5657,8 +5676,12 @@ var iMessageDmPropsSchema = z.object({
|
|
|
5657
5676
|
// Message padding (inside bubble)
|
|
5658
5677
|
messagePaddingTop: z.number().optional(),
|
|
5659
5678
|
messagePaddingBottom: z.number().optional(),
|
|
5660
|
-
|
|
5661
|
-
|
|
5679
|
+
senderPaddingLeft: z.number().optional(),
|
|
5680
|
+
senderPaddingRight: z.number().optional(),
|
|
5681
|
+
multiLineSenderPaddingLeft: z.number().optional(),
|
|
5682
|
+
recipientPaddingLeft: z.number().optional(),
|
|
5683
|
+
recipientPaddingRight: z.number().optional(),
|
|
5684
|
+
multiLineRecipientPaddingRight: z.number().optional(),
|
|
5662
5685
|
// Bubble corner radii
|
|
5663
5686
|
bubbleRadiusNormal: z.number().optional(),
|
|
5664
5687
|
bubbleRadiusGrouped: z.number().optional(),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ugcinc-render",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.164",
|
|
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",
|