@epam/ai-dial-conversation-input 1.0.0-dev.520 → 1.0.0-dev.531
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 +1 -1
- package/index.js +8 -7
- package/package.json +4 -4
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@keyframes _slide-up_3xrn0_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._backdrop_3xrn0_9{background:var(--ci-background-Backdrop,#0c101db2)}._sheet_3xrn0_13{background:var(--ci-sheet-bg,var(--bg-layer-0,#fcfcfc));animation:.3s cubic-bezier(.32,.72,0,1) _slide-up_3xrn0_1}._title_3xrn0_18{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_3xrn0_22{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_vou13_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_vou13_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_vou13_1:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_vou13_11{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._tabContainer_rzv03_1{background-color:#0000;color:var(--text-tertiary,#808898)!important;border-color:#0000!important}._tabContainer_rzv03_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#64748b)!important}._tabContainer_rzv03_1>span{text-align:center}._tabContainer_rzv03_1._tabActive_rzv03_13{background-color:#2764d912;color:var(--text-secondary,#64748b)!important}._tabContainer_rzv03_1._tabActive_rzv03_13:hover{background-color:#5c8dea0f}.dial-primary-solid-button{background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);border-style:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 0 16px #37babc40,0 4px 12px #a972ff38;background-color:#0000!important;padding-inline:24px!important}@media (hover:hover){.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);transform:translateY(-1px);box-shadow:0 0 24px #37babc59,0 6px 18px #a972ff4d}}.dial-primary-solid-button:active{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);filter:brightness(.92);transform:translateY(0);box-shadow:0 0 10px #37babc33,0 2px 6px #a972ff29}.dial-primary-solid-button:disabled{box-shadow:none;cursor:not-allowed;background-image:none;transform:none;background-color:var(--controls-bg-disable,#d1dbea)!important;color:var(--text-white,#fff)!important}.dial-danger-solid-button{border-radius:9999px!important}.dial-primary-solid-button.dial-primary-solid-button{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);border:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 16px #5c8dea52}@media (hover:hover){.dial-primary-solid-button.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(-1px);box-shadow:0 6px 20px #5c8dea6b}}.dial-primary-solid-button.dial-primary-solid-button:active{filter:brightness(.92);background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(0);box-shadow:0 2px 8px #5c8dea38}.dial-primary-solid-button.dial-primary-solid-button:disabled{box-shadow:none;background-image:none;transform:none}.dial-neutral-outlined-button{transition:background-color .15s,border-color .15s;color:var(--bg-accent-primary,#2764d9)!important;background-color:#2764d914!important;background-image:none!important;border:1px solid #2764d933!important;border-radius:9999px!important}@media (hover:hover){.dial-neutral-outlined-button:hover:enabled{background-color:#2764d921!important;border-color:#2764d959!important}}.dial-neutral-outlined-button:active:enabled{background-color:#2764d92e!important;border-color:#2764d973!important}.dial-neutral-outlined-button:disabled{border-color:var(--stroke-secondary,#d1dbea);color:var(--controls-text-neutral-disable,#575f73);background-color:#0000;background-image:none}.dial-primary-ghost-button:not(.dial-icon-button){border-style:none;border-radius:9999px;color:var(--bg-accent-primary,#2764d9)!important}@media (hover:hover){.dial-primary-ghost-button:not(.dial-icon-button):hover:enabled{background-color:#2764d90d!important}}.dial-primary-ghost-button:not(.dial-icon-button):active:enabled{background-color:#2764d914!important}.dial-icon-button{border-radius:6px!important}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}.
|
|
1
|
+
@keyframes _slide-up_3xrn0_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._backdrop_3xrn0_9{background:var(--ci-background-Backdrop,#0c101db2)}._sheet_3xrn0_13{background:var(--ci-sheet-bg,var(--bg-layer-0,#fcfcfc));animation:.3s cubic-bezier(.32,.72,0,1) _slide-up_3xrn0_1}._title_3xrn0_18{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_3xrn0_22{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_vou13_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_vou13_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_vou13_1:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_vou13_11{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._tabContainer_rzv03_1{background-color:#0000;color:var(--text-tertiary,#808898)!important;border-color:#0000!important}._tabContainer_rzv03_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#64748b)!important}._tabContainer_rzv03_1>span{text-align:center}._tabContainer_rzv03_1._tabActive_rzv03_13{background-color:#2764d912;color:var(--text-secondary,#64748b)!important}._tabContainer_rzv03_1._tabActive_rzv03_13:hover{background-color:#5c8dea0f}.dial-primary-solid-button{background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);border-style:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 0 16px #37babc40,0 4px 12px #a972ff38;background-color:#0000!important;padding-inline:24px!important}@media (hover:hover){.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);transform:translateY(-1px);box-shadow:0 0 24px #37babc59,0 6px 18px #a972ff4d}}.dial-primary-solid-button:active{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);filter:brightness(.92);transform:translateY(0);box-shadow:0 0 10px #37babc33,0 2px 6px #a972ff29}.dial-primary-solid-button:disabled{box-shadow:none;cursor:not-allowed;background-image:none;transform:none;background-color:var(--controls-bg-disable,#d1dbea)!important;color:var(--text-white,#fff)!important}.dial-danger-solid-button{border-radius:9999px!important}.dial-primary-solid-button.dial-primary-solid-button{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);border:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 16px #5c8dea52}@media (hover:hover){.dial-primary-solid-button.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(-1px);box-shadow:0 6px 20px #5c8dea6b}}.dial-primary-solid-button.dial-primary-solid-button:active{filter:brightness(.92);background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(0);box-shadow:0 2px 8px #5c8dea38}.dial-primary-solid-button.dial-primary-solid-button:disabled{box-shadow:none;background-image:none;transform:none}.dial-neutral-outlined-button{transition:background-color .15s,border-color .15s;color:var(--bg-accent-primary,#2764d9)!important;background-color:#2764d914!important;background-image:none!important;border:1px solid #2764d933!important;border-radius:9999px!important}@media (hover:hover){.dial-neutral-outlined-button:hover:enabled{background-color:#2764d921!important;border-color:#2764d959!important}}.dial-neutral-outlined-button:active:enabled{background-color:#2764d92e!important;border-color:#2764d973!important}.dial-neutral-outlined-button:disabled{border-color:var(--stroke-secondary,#d1dbea);color:var(--controls-text-neutral-disable,#575f73);background-color:#0000;background-image:none}.dial-primary-ghost-button:not(.dial-icon-button){border-style:none;border-radius:9999px;color:var(--bg-accent-primary,#2764d9)!important}@media (hover:hover){.dial-primary-ghost-button:not(.dial-icon-button):hover:enabled{background-color:#2764d90d!important}}.dial-primary-ghost-button:not(.dial-icon-button):active:enabled{background-color:#2764d914!important}.dial-icon-button{border-radius:6px!important}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._container_18xbr_1{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,#0000000d);box-shadow:var(--ci-shadow,0 8px 24px #10182814);transition:border-color .15s,box-shadow .15s}._container_18xbr_1:hover:not(:focus-within){border-color:var(--ci-border-hover,#0000001f)}._container_18xbr_1:focus-within{border-color:var(--ci-border-focus,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent));box-shadow:var(--ci-shadow-focus,0 8px 24px #10182814)}._container_18xbr_1._containerError_18xbr_14{border-color:var(--ci-voice-error,var(--stroke-error,#ae2f2f))}._waveformCanvas_18xbr_18{color:var(--ci-voice-waveform,var(--text-primary,#161b2d))}._recordingDot_18xbr_22{background:var(--ci-voice-accent,var(--controls-bg-error,#ae2f2f))}._micRecordingIcon_18xbr_26{color:var(--ci-voice-accent,var(--text-error,#ae2f2f))}._wrapper_1q2nu_2{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,#0000000d);box-shadow:var(--ci-shadow,0 8px 24px #10182814);transition:border-color .15s,box-shadow .15s}._wrapper_1q2nu_2:hover:not(:focus-within){border-color:var(--ci-border-hover,#0000001f)}._wrapper_1q2nu_2:focus-within{border-color:var(--ci-border-focus,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent));box-shadow:var(--ci-shadow-focus,0 8px 24px #10182814)}._wrapper_1q2nu_2._wrapperDisabled_1q2nu_15{background:var(--ci-bg-disabled,var(--controls-bg-disable,#d1dbea));cursor:not-allowed}._textarea_1q2nu_20{color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_1q2nu_20::placeholder{color:var(--ci-placeholder,var(--text-secondary,#9fa6bd))}._textarea_1q2nu_20:disabled{color:var(--ci-text-disabled,var(--controls-text-primary-disable,#696e7c));cursor:not-allowed}._textarea_1q2nu_20:disabled::placeholder{color:var(--ci-placeholder-disabled,var(--controls-text-secondary-disable,#9fa6bd))}._stopIcon_1q2nu_34{color:var(--ci-stop-color,var(--text-secondary,#575f73))}._modelSelectorButton_1q2nu_38 ._modelSelectorCaret_1q2nu_38{color:var(--ci-model-selector-caret-color,var(--text-primary,#161b2d))}._modelSelectorButton_1q2nu_38:hover,._modelSelectorButton_1q2nu_38:active{background:var(--ci-model-selector-hover-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._modelSelectorButton_1q2nu_38._modelSelectorButtonDisabled_1q2nu_44,._modelSelectorButton_1q2nu_38._modelSelectorButtonDisabled_1q2nu_44 ._modelSelectorCaret_1q2nu_38{color:var(--ci-model-selector-disabled-color,var(--controls-text-primary-disable,#696e7c))}@keyframes _sendButtonEnter_1q2nu_1{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _sendButtonExit_1q2nu_55{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}._sendButton_1q2nu_55{background-color:#0000;background-image:var(--ci-send-bg-gradient,linear-gradient(135deg, #4b7be6 0%, #9355f4 100%));color:var(--ci-send-text,var(--controls-text-permanent,#fcfcfc));transition:filter .15s;animation:.22s cubic-bezier(.34,1.56,.64,1) _sendButtonEnter_1q2nu_1}._sendButton_1q2nu_55:hover{filter:brightness(1.08)}._sendButton_1q2nu_55:active{filter:brightness(.92)}._sendButton_1q2nu_55._sendButtonExiting_1q2nu_55{pointer-events:none;animation:.16s ease-in forwards _sendButtonExit_1q2nu_55}@media (prefers-reduced-motion:reduce){._sendButton_1q2nu_55,._sendButton_1q2nu_55._sendButtonExiting_1q2nu_55{animation:none}}._sendButton_1q2nu_55:disabled{background-image:none;background-color:var(--ci-send-bg-disabled,var(--controls-bg-disable,#d1dbea));color:var(--ci-send-text-disabled,var(--controls-text-primary-disable,#696e7c));filter:none}._divider_3wv6u_1{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_3wv6u_5{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_3wv6u_5:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_3wv6u_5:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_3wv6u_15{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._checkIcon_3wv6u_19{color:var(--ci-check-icon,var(--text-accent-primary,#124ace))}._stateLabel_3wv6u_23{color:var(--ci-sheet-text,var(--text-secondary,#575f73))}._welcome_n2ph8_1{color:var(--ci-welcome-color,var(--text-primary,#161b2d))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -441,6 +441,7 @@ he(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
|
|
|
441
441
|
label: e.label,
|
|
442
442
|
selected: r,
|
|
443
443
|
onClick: () => n(e.id),
|
|
444
|
+
"aria-selected": r,
|
|
444
445
|
className: s("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, G.tabContainer, r && G.tabActive)
|
|
445
446
|
}, e.id);
|
|
446
447
|
})
|
|
@@ -749,11 +750,11 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
749
750
|
saveDisabledTooltip: p.saveDisabledTooltip
|
|
750
751
|
})] }) });
|
|
751
752
|
}, q = {
|
|
752
|
-
container: "
|
|
753
|
-
containerError: "
|
|
754
|
-
waveformCanvas: "
|
|
755
|
-
recordingDot: "
|
|
756
|
-
micRecordingIcon: "
|
|
753
|
+
container: "_container_18xbr_1",
|
|
754
|
+
containerError: "_containerError_18xbr_14",
|
|
755
|
+
waveformCanvas: "_waveformCanvas_18xbr_18",
|
|
756
|
+
recordingDot: "_recordingDot_18xbr_22",
|
|
757
|
+
micRecordingIcon: "_micRecordingIcon_18xbr_26"
|
|
757
758
|
}, qe = 3, Je = 6, Ye = .12, Xe = ({ state: e, waveformData: t, errorMessage: n, onStop: r, onConfirm: i, onDiscard: a, stopLabel: o = "Stop recording", confirmLabel: c = "Send voice message", discardLabel: l = "Discard recording", uploadingLabel: u = "Uploading…", style: d, className: p }) => {
|
|
758
759
|
let m = F(null), h = F(null), g = F(!1), y = e === Pe.Recording, b = e === Pe.Uploading, x = e === Pe.Error;
|
|
759
760
|
g.current = y;
|
|
@@ -803,7 +804,7 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
803
804
|
let w = /* @__PURE__ */ R("div", {
|
|
804
805
|
className: "flex flex-shrink-0 items-center justify-end gap-1",
|
|
805
806
|
children: y ? /* @__PURE__ */ R(v, {
|
|
806
|
-
icon: /* @__PURE__ */ R(
|
|
807
|
+
icon: /* @__PURE__ */ R(ue, {
|
|
807
808
|
size: f.LG,
|
|
808
809
|
className: q.micRecordingIcon,
|
|
809
810
|
"aria-hidden": !0
|
|
@@ -842,7 +843,7 @@ var Ke = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, men
|
|
|
842
843
|
className: p,
|
|
843
844
|
children: [/* @__PURE__ */ z("div", {
|
|
844
845
|
style: d,
|
|
845
|
-
className: s(q.container, "flex min-h-[56px] w-full flex-col gap-3 rounded border px-3
|
|
846
|
+
className: s(q.container, "flex min-h-[56px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", x && q.containerError),
|
|
846
847
|
children: [/* @__PURE__ */ z("div", {
|
|
847
848
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
848
849
|
children: [y && /* @__PURE__ */ R("span", {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-conversation-input",
|
|
3
3
|
"description": "Conversation message input with model selection, attachments, voice input, and edit mode",
|
|
4
|
-
"version": "1.0.0-dev.
|
|
4
|
+
"version": "1.0.0-dev.531",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,13 +17,13 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@epam/ai-dial-attachment-input": "1.0.0-dev.
|
|
21
|
-
"@epam/ai-dial-chat-shared": "1.0.0-dev.
|
|
20
|
+
"@epam/ai-dial-attachment-input": "1.0.0-dev.531",
|
|
21
|
+
"@epam/ai-dial-chat-shared": "1.0.0-dev.531",
|
|
22
22
|
"@epam/ai-dial-ui-kit": "0.12.0-dev.28",
|
|
23
23
|
"@tabler/icons-react": "^3.44.0",
|
|
24
24
|
"react": "^19.0.0",
|
|
25
25
|
"react-dom": "^19.2.6",
|
|
26
|
-
"@epam/ai-dial-kit": "1.0.0-dev.
|
|
26
|
+
"@epam/ai-dial-kit": "1.0.0-dev.531"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"react-window": "^2.2.7"
|