@epam/ai-dial-conversation-messages 1.3.0-dev.69 → 1.3.0-dev.70
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/index.css +3 -2
- package/index.js +15 -15
- package/package.json +4 -4
package/index.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
._activeRating_ygoee_1{color:var(--ma-active-rating-text,var(--text-accent,#1d4ed8))}.
|
|
2
|
-
/*$vite$:1
|
|
1
|
+
._activeRating_ygoee_1{color:var(--ma-active-rating-text,var(--text-accent,#1d4ed8))}._userBubble_17fln_1{border-color:var(--cm-bubble-user-border,var(--stroke-secondary,#d1dbea));background:var(--cm-bubble-user-bg,var(--bg-layer-sunken,#eef1f7))}._collapsibleText_17fln_6{max-height:var(--cm-bubble-collapsed-height);transition:max-height .2s ease-out}._expandedText_17fln_11{max-height:var(--cm-bubble-expanded-height)}._collapsedText_17fln_15:after{content:"";pointer-events:none;inset-inline:0;background:linear-gradient(to bottom, var(--cm-bubble-fade-start,var(--shadow-xs-2,#161b2d08)), var(--cm-bubble-user-bg,var(--bg-layer-sunken,#eef1f7)));height:3rem;position:absolute;bottom:0}@media (prefers-reduced-motion:reduce){._collapsibleText_17fln_6{transition:none}}._startersDivider_17fln_31{border-color:var(--cm-starters-divider,var(--stroke-secondary,#d1dbea))}._text_17fln_35{color:var(--cm-bubble-text,var(--text-primary,#161b2d))}._button_tqo4d_3._button_tqo4d_3{color:var(--cm-reply-text,var(--text-primary,#161b2d));background:var(--cm-reply-background,var(--bg-layer-raised,#fcfcfc))!important}._button_tqo4d_3._button_tqo4d_3:hover{color:var(--cm-reply-text,var(--text-primary,#161b2d));background:var(--cm-reply-hover-background,var(--bg-layer-base,#f5f7fa))!important}
|
|
2
|
+
/*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
3
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start-0{inset-inline-start:0}.top-0{top:0}.left-0{left:0}.z-50{z-index:50}.-ms-1{margin-inline-start:-.25rem}.ms-auto{margin-inline-start:auto}.-me-1{margin-inline-end:-.25rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.inline{display:inline}.table{display:table}.h-8{height:2rem}.min-h-8{min-height:2rem}.w-\[calc\(100\%\+8px\)\]{width:calc(100% + 8px)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-11{min-width:2.75rem}.min-w-\[40px\]{min-width:40px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.rounded-ss-2xl{border-start-start-radius:1rem}.rounded-se-2xl{border-start-end-radius:1rem}.rounded-se-md{border-start-end-radius:.375rem}.rounded-ee-2xl{border-end-end-radius:1rem}.rounded-ee-md{border-end-end-radius:.375rem}.rounded-es-2xl{border-end-start-radius:1rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.px-2{padding-inline:.5rem}.px-6{padding-inline:1.5rem}.py-4{padding-block:1rem}.ps-1{padding-inline-start:.25rem}.pe-1{padding-inline-end:.25rem}.pt-5{padding-top:1.25rem}.text-start{text-align:start}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--tw-shadow-color,var(--shadow-lg,#2764d914));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (max-width:1279px){.mobile\:h-11{height:2.75rem}.mobile\:min-h-11{min-height:2.75rem}}.\[\&\>\.cm-bubble-markdown\>div\>\*\:first-child\]\:indent-\[var\(--cm-bubble-first-line-indent\,0px\)\]>.cm-bubble-markdown>div>:first-child{text-indent:var(--cm-bubble-first-line-indent,0px)}.\[\&\>div\>\*\:first-child\]\:mt-0>div>:first-child{margin-top:0}.\[\&\>div\>\*\:last-child\]\:mb-0>div>:last-child{margin-bottom:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
package/index.js
CHANGED
|
@@ -212,12 +212,12 @@ var z = {
|
|
|
212
212
|
] })]
|
|
213
213
|
}) : null;
|
|
214
214
|
}, q = {
|
|
215
|
-
userBubble: "
|
|
216
|
-
collapsibleText: "
|
|
217
|
-
expandedText: "
|
|
218
|
-
collapsedText: "
|
|
219
|
-
startersDivider: "
|
|
220
|
-
text: "
|
|
215
|
+
userBubble: "_userBubble_17fln_1",
|
|
216
|
+
collapsibleText: "_collapsibleText_17fln_6",
|
|
217
|
+
expandedText: "_expandedText_17fln_11",
|
|
218
|
+
collapsedText: "_collapsedText_17fln_15",
|
|
219
|
+
startersDivider: "_startersDivider_17fln_31",
|
|
220
|
+
text: "_text_17fln_35"
|
|
221
221
|
}, fe = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", J = ({ text: t, contentRef: i, styles: c, actions: l, hasAlwaysVisibleActions: u, isStreaming: f, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, hasThinkingPlaceholder: v = !0, starters: y, onSelectStarter: b, deploymentIconUrl: x, deploymentDisplayName: S, markdownComponents: C, markdownClassNames: w, markdownUrlTransform: T, onAttachmentClick: D, onDownloadAll: O, onAttachmentRetry: k, codeBlockTheme: A, tableOnOpenInCanvas: te, labels: ne, selectedAttachmentId: j }) => {
|
|
222
222
|
let { colors: M, typography: re, className: ie, bubbleClassName: N } = c ?? {}, { attachmentClickLabel: P, attachmentDownloadLabel: ae, attachmentRetryLabel: F, attachmentOpenInNewTabLabel: R, startersAriaLabel: B = "Quick reply buttons", thinkingLabel: se, codeBlockCopyLabel: ce, codeBlockCopiedLabel: V, codeBlockDownloadLabel: le, tableCopyLabel: H, tableCopiedLabel: U, tableDownloadCsvLabel: W, tableOpenInCanvasLabel: G, tableDownloadFilename: K, tableScrollRegionAriaLabel: J, mathScrollRegionAriaLabel: Y, assistantMessageAriaLabel: X = "Assistant message", deploymentIconFallbackLabel: pe = "AI" } = ne ?? {}, me = E(() => ({
|
|
223
223
|
copyLabel: H,
|
|
@@ -246,9 +246,9 @@ var z = {
|
|
|
246
246
|
initialsName: S || pe,
|
|
247
247
|
labels: { tooltip: S ?? pe }
|
|
248
248
|
}), /* @__PURE__ */ L("div", {
|
|
249
|
-
className: "flex w-full
|
|
249
|
+
className: "flex w-full max-w-full min-w-0 flex-col items-start gap-5",
|
|
250
250
|
children: [/* @__PURE__ */ L("div", {
|
|
251
|
-
className: d("flex w-full
|
|
251
|
+
className: d("flex w-full max-w-full min-w-0 flex-col items-start gap-4", N),
|
|
252
252
|
children: [
|
|
253
253
|
h != null && !Z && /* @__PURE__ */ I("div", {
|
|
254
254
|
className: "min-w-0",
|
|
@@ -257,14 +257,14 @@ var z = {
|
|
|
257
257
|
(Z || f && v) && /* @__PURE__ */ L("div", {
|
|
258
258
|
"aria-live": "polite",
|
|
259
259
|
"aria-atomic": "false",
|
|
260
|
-
className: d(Q, "relative
|
|
260
|
+
className: d(Q, "relative max-w-full min-w-0 text-start", h != null && Z && fe, z.assistantContent),
|
|
261
261
|
children: [h != null && Z && /* @__PURE__ */ I("div", {
|
|
262
262
|
ref: ge,
|
|
263
263
|
className: "absolute start-0 top-0",
|
|
264
264
|
children: h
|
|
265
265
|
}), /* @__PURE__ */ I("div", {
|
|
266
266
|
ref: i,
|
|
267
|
-
className: "cm-bubble-markdown
|
|
267
|
+
className: "cm-bubble-markdown max-w-full min-w-0",
|
|
268
268
|
children: /* @__PURE__ */ I(r, {
|
|
269
269
|
content: t ?? "",
|
|
270
270
|
isPlainText: g === o.PlainText,
|
|
@@ -375,7 +375,7 @@ var z = {
|
|
|
375
375
|
onCopy: ue,
|
|
376
376
|
className: d("flex w-full", re),
|
|
377
377
|
children: /* @__PURE__ */ L("div", {
|
|
378
|
-
className: "ms-auto flex w-fit
|
|
378
|
+
className: "ms-auto flex w-fit max-w-full min-w-0 flex-col items-end gap-4",
|
|
379
379
|
children: [
|
|
380
380
|
/* @__PURE__ */ I(p, {
|
|
381
381
|
attachments: h ?? [],
|
|
@@ -395,16 +395,16 @@ var z = {
|
|
|
395
395
|
selectedAttachmentId: T
|
|
396
396
|
}),
|
|
397
397
|
e && /* @__PURE__ */ I("div", {
|
|
398
|
-
className: d(q.userBubble, "flex w-fit items-center justify-end rounded-
|
|
398
|
+
className: d(q.userBubble, "flex w-fit items-center justify-end rounded-ss-2xl rounded-es-2xl border px-6 py-4", Ce, ie, z.userBubble),
|
|
399
399
|
children: /* @__PURE__ */ L("div", {
|
|
400
400
|
className: "flex min-w-0 flex-col items-start",
|
|
401
401
|
children: [/* @__PURE__ */ I("div", {
|
|
402
402
|
id: Ne,
|
|
403
403
|
ref: t,
|
|
404
|
-
className: d("relative -
|
|
404
|
+
className: d("relative -ms-1 -me-1 w-[calc(100%+8px)] overflow-hidden ps-1 pe-1", Q && q.collapsibleText, Q && !$ && q.expandedText, ve && q.collapsedText),
|
|
405
405
|
children: /* @__PURE__ */ I("div", {
|
|
406
406
|
ref: _e,
|
|
407
|
-
className: d(we, "
|
|
407
|
+
className: d(we, "max-w-full min-w-0 text-start", me),
|
|
408
408
|
children: /* @__PURE__ */ I(r, {
|
|
409
409
|
content: Te,
|
|
410
410
|
isRawHtmlEnabled: !1,
|
|
@@ -487,7 +487,7 @@ var z = {
|
|
|
487
487
|
i.reply
|
|
488
488
|
]), g ? R(/* @__PURE__ */ L(F, { children: [e && /* @__PURE__ */ I("div", {
|
|
489
489
|
ref: t,
|
|
490
|
-
className: d("fixed
|
|
490
|
+
className: d("fixed top-0 left-0 z-50 max-w-[calc(100vw-16px)]", u),
|
|
491
491
|
style: {
|
|
492
492
|
...y,
|
|
493
493
|
transform: `translate(${b.x}px, ${b.y}px)`
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-conversation-messages",
|
|
3
3
|
"description": "Message bubble components for rendering conversation history with actions and source citations",
|
|
4
|
-
"version": "1.3.0-dev.
|
|
4
|
+
"version": "1.3.0-dev.70",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@tabler/icons-react": "^3.44.0",
|
|
21
21
|
"react-markdown": "^10.1.0",
|
|
22
|
-
"@epam/ai-dial-attachment-input": "1.3.0-dev.
|
|
22
|
+
"@epam/ai-dial-attachment-input": "1.3.0-dev.70"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "^19.2.8",
|
|
26
26
|
"react-dom": "^19.2.8",
|
|
27
|
-
"@epam/ai-dial-chat-shared": "1.3.0-dev.
|
|
28
|
-
"@epam/ai-dial-ui-kit": "^0.
|
|
27
|
+
"@epam/ai-dial-chat-shared": "1.3.0-dev.70",
|
|
28
|
+
"@epam/ai-dial-ui-kit": "^0.16.0-dev.11"
|
|
29
29
|
},
|
|
30
30
|
"repository": {
|
|
31
31
|
"type": "git",
|