@eshal-bot/chat-widget 0.1.125 → 0.2.1
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/{chat-widget-MarkdownRenderer-Ceiq3ThN.esm.js → chat-widget-MarkdownRenderer-EEHhsOQ8.esm.js} +6 -6
- package/dist/chat-widget-index-D45VhRbc.esm.js +20 -0
- package/dist/chat-widget-markdown-chunk.js +45 -1
- package/dist/chat-widget-markdown-chunk.min.js +1 -1
- package/dist/chat-widget.esm.js +1 -1
- package/dist/chat-widget.js +363 -224
- package/dist/chat-widget.min.js +5 -5
- package/dist/chat-widget.umd.js +6 -6
- package/package.json +2 -1
- package/dist/chat-widget-index-DciHQpWo.esm.js +0 -20
package/dist/chat-widget.js
CHANGED
|
@@ -7867,7 +7867,7 @@
|
|
|
7867
7867
|
m$1.hydrateRoot;
|
|
7868
7868
|
}
|
|
7869
7869
|
|
|
7870
|
-
var css_248z$1 = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.chat-widget-root{--cw-primary:#1d4ed8;--cw-primary-hover:#1e40af;--cw-status-success:160 84% 39%;--cw-status-success-bg:152 81% 96%;--cw-status-warning:35 100% 50%;--cw-status-warning-bg:34 100% 95%;--cw-status-error:350 89% 60%;--cw-status-error-bg:356 100% 97%;--cw-status-info:199 89% 48%;--cw-status-info-bg:204 100% 97%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chat-widget-root.dark{--cw-status-success:158 64% 52%;--cw-status-success-bg:152 36% 14%;--cw-status-warning:38 92% 60%;--cw-status-warning-bg:36 33% 14%;--cw-status-error:350 89% 65%;--cw-status-error-bg:356 33% 16%;--cw-status-info:199 89% 58%;--cw-status-info-bg:204 33% 14%}.\\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}#chat-widget-root .chat-widget-root *{box-sizing:border-box;margin:0;padding:0}#chat-widget-root .chat-messages::-webkit-scrollbar{width:6px}#chat-widget-root .chat-messages::-webkit-scrollbar-track{background:transparent}#chat-widget-root .chat-messages::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:10px}#chat-widget-root .chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}#chat-widget-root .dark .chat-messages::-webkit-scrollbar-thumb{background:rgba(75,85,99,.5)}#chat-widget-root .dark .chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(75,85,99,.7)}#chat-widget-root .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}#chat-widget-root .pointer-events-none{pointer-events:none}#chat-widget-root .visible{visibility:visible}#chat-widget-root .collapse{visibility:collapse}#chat-widget-root .static{position:static}#chat-widget-root .fixed{position:fixed}#chat-widget-root .absolute{position:absolute}#chat-widget-root .relative{position:relative}#chat-widget-root .sticky{position:sticky}#chat-widget-root .inset-0{inset:0}#chat-widget-root .-top-8{top:-2rem}#chat-widget-root .bottom-0{bottom:0}#chat-widget-root .bottom-5{bottom:1.25rem}#chat-widget-root .bottom-full{bottom:100%}#chat-widget-root .left-0{left:0}#chat-widget-root .left-1\\/2{left:50%}#chat-widget-root .left-5{left:1.25rem}#chat-widget-root .right-0{right:0}#chat-widget-root .right-5{right:1.25rem}#chat-widget-root .top-0{top:0}#chat-widget-root .top-1\\/2{top:50%}#chat-widget-root .top-5{top:1.25rem}#chat-widget-root .top-full{top:100%}#chat-widget-root .isolate{isolation:isolate}#chat-widget-root .z-10{z-index:10}#chat-widget-root .z-50{z-index:50}#chat-widget-root .z-\\[60\\]{z-index:60}#chat-widget-root .z-\\[70\\]{z-index:70}#chat-widget-root .z-\\[71\\]{z-index:71}#chat-widget-root .z-\\[999999\\]{z-index:999999}#chat-widget-root .z-\\[9999\\]{z-index:9999}#chat-widget-root .m-0{margin:0}#chat-widget-root .mx-2{margin-left:.5rem;margin-right:.5rem}#chat-widget-root .my-3{margin-bottom:.75rem;margin-top:.75rem}#chat-widget-root .my-4{margin-bottom:1rem;margin-top:1rem}#chat-widget-root .-mb-px{margin-bottom:-1px}#chat-widget-root .mb-1{margin-bottom:.25rem}#chat-widget-root .mb-1\\.5{margin-bottom:.375rem}#chat-widget-root .mb-2{margin-bottom:.5rem}#chat-widget-root .mb-3{margin-bottom:.75rem}#chat-widget-root .mb-4{margin-bottom:1rem}#chat-widget-root .mb-5{margin-bottom:1.25rem}#chat-widget-root .ml-0\\.5{margin-left:.125rem}#chat-widget-root .ml-1{margin-left:.25rem}#chat-widget-root .mt-0\\.5{margin-top:.125rem}#chat-widget-root .mt-1{margin-top:.25rem}#chat-widget-root .mt-1\\.5{margin-top:.375rem}#chat-widget-root .mt-2{margin-top:.5rem}#chat-widget-root .mt-3{margin-top:.75rem}#chat-widget-root .mt-4{margin-top:1rem}#chat-widget-root .block{display:block}#chat-widget-root .inline-block{display:inline-block}#chat-widget-root .inline{display:inline}#chat-widget-root .flex{display:flex}#chat-widget-root .inline-flex{display:inline-flex}#chat-widget-root .table{display:table}#chat-widget-root .grid{display:grid}#chat-widget-root .hidden{display:none}#chat-widget-root .h-1\\.5{height:.375rem}#chat-widget-root .h-10{height:2.5rem}#chat-widget-root .h-11{height:2.75rem}#chat-widget-root .h-12{height:3rem}#chat-widget-root .h-14{height:3.5rem}#chat-widget-root .h-16{height:4rem}#chat-widget-root .h-2{height:.5rem}#chat-widget-root .h-3{height:.75rem}#chat-widget-root .h-3\\.5{height:.875rem}#chat-widget-root .h-4{height:1rem}#chat-widget-root .h-5{height:1.25rem}#chat-widget-root .h-6{height:1.5rem}#chat-widget-root .h-7{height:1.75rem}#chat-widget-root .h-8{height:2rem}#chat-widget-root .h-\\[650px\\]{height:650px}#chat-widget-root .h-auto{height:auto}#chat-widget-root .h-full{height:100%}#chat-widget-root .h-px{height:1px}#chat-widget-root .max-h-\\[85vh\\]{max-height:85vh}#chat-widget-root .min-h-0{min-height:0}#chat-widget-root .min-h-\\[48px\\]{min-height:48px}#chat-widget-root .w-1\\.5{width:.375rem}#chat-widget-root .w-10{width:2.5rem}#chat-widget-root .w-11{width:2.75rem}#chat-widget-root .w-12{width:3rem}#chat-widget-root .w-14{width:3.5rem}#chat-widget-root .w-16{width:4rem}#chat-widget-root .w-2{width:.5rem}#chat-widget-root .w-3{width:.75rem}#chat-widget-root .w-3\\.5{width:.875rem}#chat-widget-root .w-4{width:1rem}#chat-widget-root .w-44{width:11rem}#chat-widget-root .w-5{width:1.25rem}#chat-widget-root .w-6{width:1.5rem}#chat-widget-root .w-7{width:1.75rem}#chat-widget-root .w-8{width:2rem}#chat-widget-root .w-80{width:20rem}#chat-widget-root .w-96{width:24rem}#chat-widget-root .w-\\[380px\\]{width:380px}#chat-widget-root .w-full{width:100%}#chat-widget-root .min-w-0{min-width:0}#chat-widget-root .min-w-\\[60px\\]{min-width:60px}#chat-widget-root .min-w-full{min-width:100%}#chat-widget-root .max-w-\\[75\\%\\]{max-width:75%}#chat-widget-root .max-w-\\[92vw\\]{max-width:92vw}#chat-widget-root .max-w-full{max-width:100%}#chat-widget-root .max-w-none{max-width:none}#chat-widget-root .max-w-sm{max-width:24rem}#chat-widget-root .max-w-xs{max-width:20rem}#chat-widget-root .flex-1{flex:1 1 0%}#chat-widget-root .flex-shrink-0{flex-shrink:0}#chat-widget-root .grow{flex-grow:1}#chat-widget-root .border-collapse{border-collapse:collapse}#chat-widget-root .-translate-x-1\\/2{--tw-translate-x:-50%}#chat-widget-root .-translate-x-1\\/2,#chat-widget-root .-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .-translate-y-1\\/2{--tw-translate-y:-50%}#chat-widget-root .-rotate-90{--tw-rotate:-90deg}#chat-widget-root .-rotate-90,#chat-widget-root .rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .rotate-180{--tw-rotate:180deg}#chat-widget-root .rotate-90{--tw-rotate:90deg}#chat-widget-root .rotate-90,#chat-widget-root .scale-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-0{--tw-scale-x:0;--tw-scale-y:0}#chat-widget-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}#chat-widget-root .scale-100,#chat-widget-root .scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}#chat-widget-root .scale-125,#chat-widget-root .scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-95{--tw-scale-x:.95;--tw-scale-y:.95}#chat-widget-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}#chat-widget-root .animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}#chat-widget-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}#chat-widget-root .animate-spin{animation:spin 1s linear infinite}#chat-widget-root .cursor-ew-resize{cursor:ew-resize}#chat-widget-root .cursor-nesw-resize{cursor:nesw-resize}#chat-widget-root .cursor-not-allowed{cursor:not-allowed}#chat-widget-root .cursor-ns-resize{cursor:ns-resize}#chat-widget-root .cursor-nwse-resize{cursor:nwse-resize}#chat-widget-root .cursor-pointer{cursor:pointer}#chat-widget-root .resize-none{resize:none}#chat-widget-root .resize{resize:both}#chat-widget-root .list-decimal{list-style-type:decimal}#chat-widget-root .list-disc{list-style-type:disc}#chat-widget-root .list-none{list-style-type:none}#chat-widget-root .flex-row{flex-direction:row}#chat-widget-root .flex-row-reverse{flex-direction:row-reverse}#chat-widget-root .flex-col{flex-direction:column}#chat-widget-root .flex-wrap{flex-wrap:wrap}#chat-widget-root .items-start{align-items:flex-start}#chat-widget-root .items-end{align-items:flex-end}#chat-widget-root .items-center{align-items:center}#chat-widget-root .justify-start{justify-content:flex-start}#chat-widget-root .justify-end{justify-content:flex-end}#chat-widget-root .justify-center{justify-content:center}#chat-widget-root .justify-between{justify-content:space-between}#chat-widget-root .gap-0{gap:0}#chat-widget-root .gap-0\\.5{gap:.125rem}#chat-widget-root .gap-1{gap:.25rem}#chat-widget-root .gap-1\\.5{gap:.375rem}#chat-widget-root .gap-2{gap:.5rem}#chat-widget-root .gap-2\\.5{gap:.625rem}#chat-widget-root .gap-3{gap:.75rem}#chat-widget-root .gap-4{gap:1rem}#chat-widget-root .gap-6{gap:1.5rem}#chat-widget-root :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root .overflow-hidden{overflow:hidden}#chat-widget-root .overflow-visible{overflow:visible}#chat-widget-root .overflow-x-auto{overflow-x:auto}#chat-widget-root .overflow-y-auto{overflow-y:auto}#chat-widget-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-widget-root .whitespace-nowrap{white-space:nowrap}#chat-widget-root .whitespace-pre-wrap{white-space:pre-wrap}#chat-widget-root .break-words{overflow-wrap:break-word}#chat-widget-root .break-all{word-break:break-all}#chat-widget-root .rounded{border-radius:.25rem}#chat-widget-root .rounded-2xl{border-radius:1rem}#chat-widget-root .rounded-3xl{border-radius:1.5rem}#chat-widget-root .rounded-full{border-radius:9999px}#chat-widget-root .rounded-lg{border-radius:.5rem}#chat-widget-root .rounded-md{border-radius:.375rem}#chat-widget-root .rounded-xl{border-radius:.75rem}#chat-widget-root .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}#chat-widget-root .rounded-tl-sm{border-top-left-radius:.125rem}#chat-widget-root .rounded-tr-sm{border-top-right-radius:.125rem}#chat-widget-root .border{border-width:1px}#chat-widget-root .border-0{border-width:0}#chat-widget-root .border-b{border-bottom-width:1px}#chat-widget-root .border-l-4{border-left-width:4px}#chat-widget-root .border-t{border-top-width:1px}#chat-widget-root .border-t-2{border-top-width:2px}#chat-widget-root .border-dotted{border-style:dotted}#chat-widget-root .border-none{border-style:none}#chat-widget-root .\\!border-status-error{border-color:hsl(var(--cw-status-error))!important}#chat-widget-root .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}#chat-widget-root .border-blue-700\\/50{border-color:rgba(29,78,216,.5)}#chat-widget-root .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-200\\/60{border-color:rgba(229,231,235,.6)}#chat-widget-root .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-700\\/50{border-color:rgba(55,65,81,.5)}#chat-widget-root .border-transparent{border-color:transparent}#chat-widget-root .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}#chat-widget-root .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}#chat-widget-root .bg-blue-900\\/30{background-color:rgba(30,58,138,.3)}#chat-widget-root .bg-current{background-color:currentColor}#chat-widget-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-700\\/50{background-color:rgba(55,65,81,.5)}#chat-widget-root .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-800\\/50{background-color:rgba(31,41,55,.5)}#chat-widget-root .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}#chat-widget-root .bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}#chat-widget-root .bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}#chat-widget-root .bg-pink-200{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity,1))}#chat-widget-root .bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}#chat-widget-root .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}#chat-widget-root .bg-slate-50\\/50{background-color:rgba(248,250,252,.5)}#chat-widget-root .bg-slate-800\\/50{background-color:rgba(30,41,59,.5)}#chat-widget-root .bg-transparent{background-color:transparent}#chat-widget-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}#chat-widget-root .bg-white\\/10{background-color:hsla(0,0%,100%,.1)}#chat-widget-root .bg-white\\/20{background-color:hsla(0,0%,100%,.2)}#chat-widget-root .bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}#chat-widget-root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}#chat-widget-root .from-gray-50\\/50{--tw-gradient-from:rgba(249,250,251,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-white\\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-white\\/10{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-yellow-200{--tw-gradient-from:#fef08a var(--tw-gradient-from-position);--tw-gradient-to:hsla(53,98%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .via-white\\/5{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}#chat-widget-root .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}#chat-widget-root .to-white\\/10{--tw-gradient-to:hsla(0,0%,100%,.1) var(--tw-gradient-to-position)}#chat-widget-root .to-yellow-400{--tw-gradient-to:#facc15 var(--tw-gradient-to-position)}#chat-widget-root .object-cover{-o-object-fit:cover;object-fit:cover}#chat-widget-root .p-0{padding:0}#chat-widget-root .p-0\\.5{padding:.125rem}#chat-widget-root .p-3{padding:.75rem}#chat-widget-root .p-5{padding:1.25rem}#chat-widget-root .p-6{padding:1.5rem}#chat-widget-root .p-8{padding:2rem}#chat-widget-root .px-1{padding-left:.25rem;padding-right:.25rem}#chat-widget-root .px-2{padding-left:.5rem;padding-right:.5rem}#chat-widget-root .px-2\\.5{padding-left:.625rem;padding-right:.625rem}#chat-widget-root .px-3{padding-left:.75rem;padding-right:.75rem}#chat-widget-root .px-4{padding-left:1rem;padding-right:1rem}#chat-widget-root .px-5{padding-left:1.25rem;padding-right:1.25rem}#chat-widget-root .py-1{padding-bottom:.25rem;padding-top:.25rem}#chat-widget-root .py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}#chat-widget-root .py-12{padding-bottom:3rem;padding-top:3rem}#chat-widget-root .py-2{padding-bottom:.5rem;padding-top:.5rem}#chat-widget-root .py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}#chat-widget-root .py-3{padding-bottom:.75rem;padding-top:.75rem}#chat-widget-root .py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}#chat-widget-root .py-4{padding-bottom:1rem;padding-top:1rem}#chat-widget-root .pb-1{padding-bottom:.25rem}#chat-widget-root .pb-2{padding-bottom:.5rem}#chat-widget-root .pl-1{padding-left:.25rem}#chat-widget-root .pl-2{padding-left:.5rem}#chat-widget-root .pl-4{padding-left:1rem}#chat-widget-root .pl-\\[50px\\]{padding-left:50px}#chat-widget-root .pr-1{padding-right:.25rem}#chat-widget-root .pt-1{padding-top:.25rem}#chat-widget-root .text-left{text-align:left}#chat-widget-root .text-center{text-align:center}#chat-widget-root .text-right{text-align:right}#chat-widget-root .align-text-bottom{vertical-align:text-bottom}#chat-widget-root .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#chat-widget-root .text-2xl{font-size:1.5rem;line-height:2rem}#chat-widget-root .text-\\[10px\\]{font-size:10px}#chat-widget-root .text-base{font-size:1rem;line-height:1.5rem}#chat-widget-root .text-chip{font-size:11px;letter-spacing:0;line-height:1.4}#chat-widget-root .text-h4{font-size:18px;letter-spacing:0;line-height:1.3}#chat-widget-root .text-lg{font-size:1.125rem;line-height:1.75rem}#chat-widget-root .text-sm{font-size:.875rem;line-height:1.25rem}#chat-widget-root .text-xl{font-size:1.25rem;line-height:1.75rem}#chat-widget-root .text-xs{font-size:.75rem;line-height:1rem}#chat-widget-root .font-bold{font-weight:700}#chat-widget-root .font-medium{font-weight:500}#chat-widget-root .font-semibold{font-weight:600}#chat-widget-root .uppercase{text-transform:uppercase}#chat-widget-root .lowercase{text-transform:lowercase}#chat-widget-root .italic{font-style:italic}#chat-widget-root .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#chat-widget-root .leading-5{line-height:1.25rem}#chat-widget-root .leading-none{line-height:1}#chat-widget-root .leading-normal{line-height:1.5}#chat-widget-root .leading-relaxed{line-height:1.625}#chat-widget-root .leading-snug{line-height:1.375}#chat-widget-root .tracking-wide{letter-spacing:.025em}#chat-widget-root .text-\\[\\#4A5568\\]{--tw-text-opacity:1;color:rgb(74 85 104/var(--tw-text-opacity,1))}#chat-widget-root .text-current{color:currentColor}#chat-widget-root .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-500\\/80{color:hsla(220,9%,46%,.8)}#chat-widget-root .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}#chat-widget-root .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}#chat-widget-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}#chat-widget-root .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}#chat-widget-root .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}#chat-widget-root .text-status-error{color:hsl(var(--cw-status-error))}#chat-widget-root .text-status-success{color:hsl(var(--cw-status-success))}#chat-widget-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#chat-widget-root .text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}#chat-widget-root .underline{text-decoration-line:underline}#chat-widget-root .no-underline{text-decoration-line:none}#chat-widget-root .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}#chat-widget-root .opacity-0{opacity:0}#chat-widget-root .opacity-25{opacity:.25}#chat-widget-root .opacity-50{opacity:.5}#chat-widget-root .opacity-60{opacity:.6}#chat-widget-root .opacity-70{opacity:.7}#chat-widget-root .opacity-75{opacity:.75}#chat-widget-root .opacity-80{opacity:.8}#chat-widget-root .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}#chat-widget-root .shadow,#chat-widget-root .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}#chat-widget-root .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}#chat-widget-root .shadow-lg,#chat-widget-root .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}#chat-widget-root .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}#chat-widget-root .shadow-none,#chat-widget-root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}#chat-widget-root .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-black\\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}#chat-widget-root .shadow-gray-200\\/80{--tw-shadow-color:rgba(229,231,235,.8);--tw-shadow:var(--tw-shadow-colored)}#chat-widget-root .outline-none{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .outline{outline-style:solid}#chat-widget-root .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .ring,#chat-widget-root .ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .ring-blue-100{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}#chat-widget-root .ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}#chat-widget-root .ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}#chat-widget-root .blur{--tw-blur:blur(8px)}#chat-widget-root .blur,#chat-widget-root .drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}#chat-widget-root .drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}#chat-widget-root .drop-shadow-md,#chat-widget-root .drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}#chat-widget-root .grayscale-\\[0\\.3\\]{--tw-grayscale:grayscale(0.3)}#chat-widget-root .filter,#chat-widget-root .grayscale-\\[0\\.3\\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#chat-widget-root .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .duration-150{transition-duration:.15s}#chat-widget-root .duration-200{transition-duration:.2s}#chat-widget-root .duration-300{transition-duration:.3s}#chat-widget-root .duration-500{transition-duration:.5s}#chat-widget-root :is(#chat-widget-root .animate-in){animation:slideIn .3s ease-out}#chat-widget-root :is(#chat-widget-root .transition-all){transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .\\[font-family\\:inherit\\]{font-family:inherit}#chat-widget-root .placeholder\\:text-\\[\\#8C8C8C\\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#8C8C8C\\]::placeholder{--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#A2A9B2\\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(162 169 178/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#A2A9B2\\]::placeholder{--tw-text-opacity:1;color:rgb(162 169 178/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}#chat-widget-root .hover\\:scale-105:hover,#chat-widget-root .hover\\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .hover\\:scale-\\[1\\.02\\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .hover\\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}#chat-widget-root .hover\\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}#chat-widget-root .hover\\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-blue-500\\/20:hover{background-color:rgba(59,130,246,.2)}#chat-widget-root .hover\\:bg-blue-900\\/50:hover{background-color:rgba(30,58,138,.5)}#chat-widget-root .hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-transparent:hover{background-color:transparent}#chat-widget-root .hover\\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:underline:hover{text-decoration-line:underline}#chat-widget-root .hover\\:opacity-80:hover{opacity:.8}#chat-widget-root .hover\\:opacity-90:hover{opacity:.9}#chat-widget-root .hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}#chat-widget-root .hover\\:shadow-md:hover,#chat-widget-root .hover\\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}#chat-widget-root .hover\\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .focus\\:\\!border-status-error:focus{border-color:hsl(var(--cw-status-error))!important}#chat-widget-root .focus\\:border-\\[\\#5A6069\\]:focus{--tw-border-opacity:1;border-color:rgb(90 96 105/var(--tw-border-opacity,1))}#chat-widget-root .focus\\:border-\\[\\#B0B0B0\\]:focus{--tw-border-opacity:1;border-color:rgb(176 176 176/var(--tw-border-opacity,1))}#chat-widget-root .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .focus\\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .focus\\:ring-0:focus,#chat-widget-root .focus\\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .focus\\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .focus\\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}#chat-widget-root .focus\\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}#chat-widget-root .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .focus-visible\\:ring-white\\/40:focus-visible{--tw-ring-color:hsla(0,0%,100%,.4)}#chat-widget-root .active\\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}#chat-widget-root .active\\:scale-95:active,#chat-widget-root .active\\:scale-\\[0\\.97\\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .active\\:scale-\\[0\\.97\\]:active{--tw-scale-x:0.97;--tw-scale-y:0.97}#chat-widget-root .active\\:scale-\\[0\\.98\\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}#chat-widget-root .active\\:scale-\\[0\\.98\\]:active,#chat-widget-root .active\\:scale-\\[0\\.99\\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .active\\:scale-\\[0\\.99\\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99}#chat-widget-root .active\\:outline-none:active{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .active\\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}#chat-widget-root .disabled\\:opacity-40:disabled{opacity:.4}#chat-widget-root .disabled\\:opacity-50:disabled{opacity:.5}#chat-widget-root .disabled\\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root :is(.group:hover .group-hover\\:scale-100){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root :is(.group:hover .group-hover\\:opacity-100){opacity:1}#chat-widget-root .dark\\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .dark\\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}#chat-widget-root .rtl\\:rounded-tl-2xl:where([dir=rtl],[dir=rtl] *){border-top-left-radius:1rem}#chat-widget-root .rtl\\:rounded-tr-sm:where([dir=rtl],[dir=rtl] *){border-top-right-radius:.125rem}#chat-widget-root .\\[\\&\\:first-child\\]\\:\\!mt-0:first-child{margin-top:0!important}#chat-widget-root :is(.\\[\\&\\>\\*\\:first-child\\]\\:\\!mt-0>:first-child){margin-top:0!important}#chat-widget-root :is(.\\[\\&\\>\\*\\:last-child\\]\\:\\!mb-0>:last-child){margin-bottom:0!important}";
|
|
7870
|
+
var css_248z$1 = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.chat-widget-root{--cw-primary:#1d4ed8;--cw-primary-hover:#1e40af;--cw-status-success:160 84% 39%;--cw-status-success-bg:152 81% 96%;--cw-status-warning:35 100% 50%;--cw-status-warning-bg:34 100% 95%;--cw-status-error:350 89% 60%;--cw-status-error-bg:356 100% 97%;--cw-status-info:199 89% 48%;--cw-status-info-bg:204 100% 97%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chat-widget-root.dark{--cw-status-success:158 64% 52%;--cw-status-success-bg:152 36% 14%;--cw-status-warning:38 92% 60%;--cw-status-warning-bg:36 33% 14%;--cw-status-error:350 89% 65%;--cw-status-error-bg:356 33% 16%;--cw-status-info:199 89% 58%;--cw-status-info-bg:204 33% 14%}.\\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}#chat-widget-root .chat-widget-root *{box-sizing:border-box;margin:0;padding:0}#chat-widget-root .chat-messages::-webkit-scrollbar{width:6px}#chat-widget-root .chat-messages::-webkit-scrollbar-track{background:transparent}#chat-widget-root .chat-messages::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:10px}#chat-widget-root .chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}#chat-widget-root .dark .chat-messages::-webkit-scrollbar-thumb{background:rgba(75,85,99,.5)}#chat-widget-root .dark .chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(75,85,99,.7)}#chat-widget-root .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}#chat-widget-root .pointer-events-none{pointer-events:none}#chat-widget-root .visible{visibility:visible}#chat-widget-root .collapse{visibility:collapse}#chat-widget-root .static{position:static}#chat-widget-root .fixed{position:fixed}#chat-widget-root .absolute{position:absolute}#chat-widget-root .relative{position:relative}#chat-widget-root .sticky{position:sticky}#chat-widget-root .inset-0{inset:0}#chat-widget-root .-top-8{top:-2rem}#chat-widget-root .bottom-0{bottom:0}#chat-widget-root .bottom-5{bottom:1.25rem}#chat-widget-root .bottom-full{bottom:100%}#chat-widget-root .left-0{left:0}#chat-widget-root .left-1\\/2{left:50%}#chat-widget-root .left-5{left:1.25rem}#chat-widget-root .right-0{right:0}#chat-widget-root .right-5{right:1.25rem}#chat-widget-root .top-0{top:0}#chat-widget-root .top-1\\/2{top:50%}#chat-widget-root .top-5{top:1.25rem}#chat-widget-root .top-full{top:100%}#chat-widget-root .isolate{isolation:isolate}#chat-widget-root .z-10{z-index:10}#chat-widget-root .z-50{z-index:50}#chat-widget-root .z-\\[60\\]{z-index:60}#chat-widget-root .z-\\[70\\]{z-index:70}#chat-widget-root .z-\\[71\\]{z-index:71}#chat-widget-root .z-\\[999999\\]{z-index:999999}#chat-widget-root .z-\\[9999\\]{z-index:9999}#chat-widget-root .m-0{margin:0}#chat-widget-root .mx-2{margin-left:.5rem;margin-right:.5rem}#chat-widget-root .mx-3{margin-left:.75rem;margin-right:.75rem}#chat-widget-root .my-3{margin-bottom:.75rem;margin-top:.75rem}#chat-widget-root .my-4{margin-bottom:1rem;margin-top:1rem}#chat-widget-root .-mb-px{margin-bottom:-1px}#chat-widget-root .mb-1{margin-bottom:.25rem}#chat-widget-root .mb-1\\.5{margin-bottom:.375rem}#chat-widget-root .mb-2{margin-bottom:.5rem}#chat-widget-root .mb-3{margin-bottom:.75rem}#chat-widget-root .mb-4{margin-bottom:1rem}#chat-widget-root .mb-5{margin-bottom:1.25rem}#chat-widget-root .ml-1{margin-left:.25rem}#chat-widget-root .ms-0\\.5{margin-inline-start:.125rem}#chat-widget-root .mt-0\\.5{margin-top:.125rem}#chat-widget-root .mt-1{margin-top:.25rem}#chat-widget-root .mt-1\\.5{margin-top:.375rem}#chat-widget-root .mt-2{margin-top:.5rem}#chat-widget-root .mt-3{margin-top:.75rem}#chat-widget-root .mt-4{margin-top:1rem}#chat-widget-root .block{display:block}#chat-widget-root .inline-block{display:inline-block}#chat-widget-root .inline{display:inline}#chat-widget-root .flex{display:flex}#chat-widget-root .inline-flex{display:inline-flex}#chat-widget-root .table{display:table}#chat-widget-root .grid{display:grid}#chat-widget-root .hidden{display:none}#chat-widget-root .h-1\\.5{height:.375rem}#chat-widget-root .h-10{height:2.5rem}#chat-widget-root .h-11{height:2.75rem}#chat-widget-root .h-12{height:3rem}#chat-widget-root .h-14{height:3.5rem}#chat-widget-root .h-16{height:4rem}#chat-widget-root .h-2{height:.5rem}#chat-widget-root .h-3{height:.75rem}#chat-widget-root .h-3\\.5{height:.875rem}#chat-widget-root .h-4{height:1rem}#chat-widget-root .h-5{height:1.25rem}#chat-widget-root .h-6{height:1.5rem}#chat-widget-root .h-7{height:1.75rem}#chat-widget-root .h-8{height:2rem}#chat-widget-root .h-\\[650px\\]{height:650px}#chat-widget-root .h-auto{height:auto}#chat-widget-root .h-full{height:100%}#chat-widget-root .h-px{height:1px}#chat-widget-root .max-h-\\[85vh\\]{max-height:85vh}#chat-widget-root .min-h-0{min-height:0}#chat-widget-root .min-h-\\[48px\\]{min-height:48px}#chat-widget-root .w-1\\.5{width:.375rem}#chat-widget-root .w-10{width:2.5rem}#chat-widget-root .w-11{width:2.75rem}#chat-widget-root .w-12{width:3rem}#chat-widget-root .w-14{width:3.5rem}#chat-widget-root .w-16{width:4rem}#chat-widget-root .w-2{width:.5rem}#chat-widget-root .w-3{width:.75rem}#chat-widget-root .w-3\\.5{width:.875rem}#chat-widget-root .w-4{width:1rem}#chat-widget-root .w-44{width:11rem}#chat-widget-root .w-5{width:1.25rem}#chat-widget-root .w-6{width:1.5rem}#chat-widget-root .w-7{width:1.75rem}#chat-widget-root .w-8{width:2rem}#chat-widget-root .w-80{width:20rem}#chat-widget-root .w-96{width:24rem}#chat-widget-root .w-\\[380px\\]{width:380px}#chat-widget-root .w-full{width:100%}#chat-widget-root .min-w-0{min-width:0}#chat-widget-root .min-w-\\[60px\\]{min-width:60px}#chat-widget-root .min-w-full{min-width:100%}#chat-widget-root .max-w-\\[75\\%\\]{max-width:75%}#chat-widget-root .max-w-\\[92vw\\]{max-width:92vw}#chat-widget-root .max-w-full{max-width:100%}#chat-widget-root .max-w-none{max-width:none}#chat-widget-root .max-w-sm{max-width:24rem}#chat-widget-root .max-w-xs{max-width:20rem}#chat-widget-root .flex-1{flex:1 1 0%}#chat-widget-root .flex-shrink-0,#chat-widget-root .shrink-0{flex-shrink:0}#chat-widget-root .grow{flex-grow:1}#chat-widget-root .border-collapse{border-collapse:collapse}#chat-widget-root .-translate-x-1\\/2{--tw-translate-x:-50%}#chat-widget-root .-translate-x-1\\/2,#chat-widget-root .-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .-translate-y-1\\/2{--tw-translate-y:-50%}#chat-widget-root .-rotate-90{--tw-rotate:-90deg}#chat-widget-root .-rotate-90,#chat-widget-root .rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .rotate-180{--tw-rotate:180deg}#chat-widget-root .rotate-90{--tw-rotate:90deg}#chat-widget-root .rotate-90,#chat-widget-root .scale-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-0{--tw-scale-x:0;--tw-scale-y:0}#chat-widget-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}#chat-widget-root .scale-100,#chat-widget-root .scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}#chat-widget-root .scale-125,#chat-widget-root .scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-95{--tw-scale-x:.95;--tw-scale-y:.95}#chat-widget-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}#chat-widget-root .animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}#chat-widget-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}#chat-widget-root .animate-spin{animation:spin 1s linear infinite}#chat-widget-root .cursor-ew-resize{cursor:ew-resize}#chat-widget-root .cursor-nesw-resize{cursor:nesw-resize}#chat-widget-root .cursor-not-allowed{cursor:not-allowed}#chat-widget-root .cursor-ns-resize{cursor:ns-resize}#chat-widget-root .cursor-nwse-resize{cursor:nwse-resize}#chat-widget-root .cursor-pointer{cursor:pointer}#chat-widget-root .resize-none{resize:none}#chat-widget-root .resize{resize:both}#chat-widget-root .list-decimal{list-style-type:decimal}#chat-widget-root .list-disc{list-style-type:disc}#chat-widget-root .list-none{list-style-type:none}#chat-widget-root .flex-row{flex-direction:row}#chat-widget-root .flex-row-reverse{flex-direction:row-reverse}#chat-widget-root .flex-col{flex-direction:column}#chat-widget-root .flex-wrap{flex-wrap:wrap}#chat-widget-root .items-start{align-items:flex-start}#chat-widget-root .items-end{align-items:flex-end}#chat-widget-root .items-center{align-items:center}#chat-widget-root .justify-start{justify-content:flex-start}#chat-widget-root .justify-end{justify-content:flex-end}#chat-widget-root .justify-center{justify-content:center}#chat-widget-root .justify-between{justify-content:space-between}#chat-widget-root .gap-0{gap:0}#chat-widget-root .gap-0\\.5{gap:.125rem}#chat-widget-root .gap-1{gap:.25rem}#chat-widget-root .gap-1\\.5{gap:.375rem}#chat-widget-root .gap-2{gap:.5rem}#chat-widget-root .gap-2\\.5{gap:.625rem}#chat-widget-root .gap-3{gap:.75rem}#chat-widget-root .gap-4{gap:1rem}#chat-widget-root .gap-6{gap:1.5rem}#chat-widget-root :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root .overflow-hidden{overflow:hidden}#chat-widget-root .overflow-visible{overflow:visible}#chat-widget-root .overflow-x-auto{overflow-x:auto}#chat-widget-root .overflow-y-auto{overflow-y:auto}#chat-widget-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-widget-root .whitespace-nowrap{white-space:nowrap}#chat-widget-root .whitespace-pre-wrap{white-space:pre-wrap}#chat-widget-root .break-words{overflow-wrap:break-word}#chat-widget-root .break-all{word-break:break-all}#chat-widget-root .rounded{border-radius:.25rem}#chat-widget-root .rounded-2xl{border-radius:1rem}#chat-widget-root .rounded-3xl{border-radius:1.5rem}#chat-widget-root .rounded-full{border-radius:9999px}#chat-widget-root .rounded-lg{border-radius:.5rem}#chat-widget-root .rounded-md{border-radius:.375rem}#chat-widget-root .rounded-xl{border-radius:.75rem}#chat-widget-root .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}#chat-widget-root .rounded-tl-sm{border-top-left-radius:.125rem}#chat-widget-root .rounded-tr-sm{border-top-right-radius:.125rem}#chat-widget-root .border{border-width:1px}#chat-widget-root .border-0{border-width:0}#chat-widget-root .border-b{border-bottom-width:1px}#chat-widget-root .border-l-4{border-left-width:4px}#chat-widget-root .border-t{border-top-width:1px}#chat-widget-root .border-t-2{border-top-width:2px}#chat-widget-root .border-dotted{border-style:dotted}#chat-widget-root .border-none{border-style:none}#chat-widget-root .\\!border-status-error{border-color:hsl(var(--cw-status-error))!important}#chat-widget-root .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}#chat-widget-root .border-amber-700\\/50{border-color:rgba(180,83,9,.5)}#chat-widget-root .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}#chat-widget-root .border-blue-700\\/50{border-color:rgba(29,78,216,.5)}#chat-widget-root .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-200\\/60{border-color:rgba(229,231,235,.6)}#chat-widget-root .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-700\\/50{border-color:rgba(55,65,81,.5)}#chat-widget-root .border-transparent{border-color:transparent}#chat-widget-root .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}#chat-widget-root .bg-amber-900\\/40{background-color:rgba(120,53,15,.4)}#chat-widget-root .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}#chat-widget-root .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}#chat-widget-root .bg-blue-900\\/30{background-color:rgba(30,58,138,.3)}#chat-widget-root .bg-current{background-color:currentColor}#chat-widget-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-700\\/50{background-color:rgba(55,65,81,.5)}#chat-widget-root .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-800\\/50{background-color:rgba(31,41,55,.5)}#chat-widget-root .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}#chat-widget-root .bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}#chat-widget-root .bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}#chat-widget-root .bg-pink-200{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity,1))}#chat-widget-root .bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}#chat-widget-root .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}#chat-widget-root .bg-slate-50\\/50{background-color:rgba(248,250,252,.5)}#chat-widget-root .bg-slate-800\\/50{background-color:rgba(30,41,59,.5)}#chat-widget-root .bg-transparent{background-color:transparent}#chat-widget-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}#chat-widget-root .bg-white\\/10{background-color:hsla(0,0%,100%,.1)}#chat-widget-root .bg-white\\/20{background-color:hsla(0,0%,100%,.2)}#chat-widget-root .bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}#chat-widget-root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}#chat-widget-root .from-gray-50\\/50{--tw-gradient-from:rgba(249,250,251,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-white\\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-white\\/10{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-yellow-200{--tw-gradient-from:#fef08a var(--tw-gradient-from-position);--tw-gradient-to:hsla(53,98%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .via-white\\/5{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}#chat-widget-root .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}#chat-widget-root .to-white\\/10{--tw-gradient-to:hsla(0,0%,100%,.1) var(--tw-gradient-to-position)}#chat-widget-root .to-yellow-400{--tw-gradient-to:#facc15 var(--tw-gradient-to-position)}#chat-widget-root .object-cover{-o-object-fit:cover;object-fit:cover}#chat-widget-root .p-0{padding:0}#chat-widget-root .p-0\\.5{padding:.125rem}#chat-widget-root .p-3{padding:.75rem}#chat-widget-root .p-5{padding:1.25rem}#chat-widget-root .p-6{padding:1.5rem}#chat-widget-root .p-8{padding:2rem}#chat-widget-root .px-1{padding-left:.25rem;padding-right:.25rem}#chat-widget-root .px-2{padding-left:.5rem;padding-right:.5rem}#chat-widget-root .px-2\\.5{padding-left:.625rem;padding-right:.625rem}#chat-widget-root .px-3{padding-left:.75rem;padding-right:.75rem}#chat-widget-root .px-4{padding-left:1rem;padding-right:1rem}#chat-widget-root .px-5{padding-left:1.25rem;padding-right:1.25rem}#chat-widget-root .py-1{padding-bottom:.25rem;padding-top:.25rem}#chat-widget-root .py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}#chat-widget-root .py-12{padding-bottom:3rem;padding-top:3rem}#chat-widget-root .py-2{padding-bottom:.5rem;padding-top:.5rem}#chat-widget-root .py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}#chat-widget-root .py-3{padding-bottom:.75rem;padding-top:.75rem}#chat-widget-root .py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}#chat-widget-root .py-4{padding-bottom:1rem;padding-top:1rem}#chat-widget-root .pb-1{padding-bottom:.25rem}#chat-widget-root .pb-2{padding-bottom:.5rem}#chat-widget-root .pl-1{padding-left:.25rem}#chat-widget-root .pl-2{padding-left:.5rem}#chat-widget-root .pl-4{padding-left:1rem}#chat-widget-root .pl-\\[50px\\]{padding-left:50px}#chat-widget-root .pr-1{padding-right:.25rem}#chat-widget-root .pt-1{padding-top:.25rem}#chat-widget-root .text-left{text-align:left}#chat-widget-root .text-center{text-align:center}#chat-widget-root .text-right{text-align:right}#chat-widget-root .align-text-bottom{vertical-align:text-bottom}#chat-widget-root .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#chat-widget-root .text-2xl{font-size:1.5rem;line-height:2rem}#chat-widget-root .text-\\[10px\\]{font-size:10px}#chat-widget-root .text-base{font-size:1rem;line-height:1.5rem}#chat-widget-root .text-chip{font-size:11px;letter-spacing:0;line-height:1.4}#chat-widget-root .text-h4{font-size:18px;letter-spacing:0;line-height:1.3}#chat-widget-root .text-lg{font-size:1.125rem;line-height:1.75rem}#chat-widget-root .text-sm{font-size:.875rem;line-height:1.25rem}#chat-widget-root .text-xl{font-size:1.25rem;line-height:1.75rem}#chat-widget-root .text-xs{font-size:.75rem;line-height:1rem}#chat-widget-root .font-bold{font-weight:700}#chat-widget-root .font-medium{font-weight:500}#chat-widget-root .font-semibold{font-weight:600}#chat-widget-root .uppercase{text-transform:uppercase}#chat-widget-root .lowercase{text-transform:lowercase}#chat-widget-root .italic{font-style:italic}#chat-widget-root .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#chat-widget-root .leading-5{line-height:1.25rem}#chat-widget-root .leading-none{line-height:1}#chat-widget-root .leading-normal{line-height:1.5}#chat-widget-root .leading-relaxed{line-height:1.625}#chat-widget-root .leading-snug{line-height:1.375}#chat-widget-root .tracking-wide{letter-spacing:.025em}#chat-widget-root .text-\\[\\#4A5568\\]{--tw-text-opacity:1;color:rgb(74 85 104/var(--tw-text-opacity,1))}#chat-widget-root .text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}#chat-widget-root .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}#chat-widget-root .text-current{color:currentColor}#chat-widget-root .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-500\\/80{color:hsla(220,9%,46%,.8)}#chat-widget-root .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}#chat-widget-root .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}#chat-widget-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}#chat-widget-root .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}#chat-widget-root .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}#chat-widget-root .text-status-error{color:hsl(var(--cw-status-error))}#chat-widget-root .text-status-success{color:hsl(var(--cw-status-success))}#chat-widget-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#chat-widget-root .text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}#chat-widget-root .underline{text-decoration-line:underline}#chat-widget-root .no-underline{text-decoration-line:none}#chat-widget-root .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}#chat-widget-root .opacity-0{opacity:0}#chat-widget-root .opacity-25{opacity:.25}#chat-widget-root .opacity-50{opacity:.5}#chat-widget-root .opacity-60{opacity:.6}#chat-widget-root .opacity-70{opacity:.7}#chat-widget-root .opacity-75{opacity:.75}#chat-widget-root .opacity-80{opacity:.8}#chat-widget-root .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}#chat-widget-root .shadow,#chat-widget-root .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}#chat-widget-root .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}#chat-widget-root .shadow-lg,#chat-widget-root .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}#chat-widget-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}#chat-widget-root .shadow-sm,#chat-widget-root .shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}#chat-widget-root .shadow-black\\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}#chat-widget-root .shadow-gray-200\\/80{--tw-shadow-color:rgba(229,231,235,.8);--tw-shadow:var(--tw-shadow-colored)}#chat-widget-root .outline-none{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .outline{outline-style:solid}#chat-widget-root .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .ring,#chat-widget-root .ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .ring-blue-100{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}#chat-widget-root .ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}#chat-widget-root .ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}#chat-widget-root .blur{--tw-blur:blur(8px)}#chat-widget-root .blur,#chat-widget-root .drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}#chat-widget-root .drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}#chat-widget-root .drop-shadow-md,#chat-widget-root .drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}#chat-widget-root .grayscale-\\[0\\.3\\]{--tw-grayscale:grayscale(0.3)}#chat-widget-root .filter,#chat-widget-root .grayscale-\\[0\\.3\\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#chat-widget-root .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .duration-150{transition-duration:.15s}#chat-widget-root .duration-200{transition-duration:.2s}#chat-widget-root .duration-300{transition-duration:.3s}#chat-widget-root .duration-500{transition-duration:.5s}#chat-widget-root :is(#chat-widget-root .animate-in){animation:slideIn .3s ease-out}#chat-widget-root :is(#chat-widget-root .transition-all){transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .\\[font-family\\:inherit\\]{font-family:inherit}#chat-widget-root .placeholder\\:text-\\[\\#8C8C8C\\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#8C8C8C\\]::placeholder{--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#A2A9B2\\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(162 169 178/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#A2A9B2\\]::placeholder{--tw-text-opacity:1;color:rgb(162 169 178/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}#chat-widget-root .hover\\:scale-105:hover,#chat-widget-root .hover\\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .hover\\:scale-\\[1\\.02\\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .hover\\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}#chat-widget-root .hover\\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}#chat-widget-root .hover\\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-blue-500\\/20:hover{background-color:rgba(59,130,246,.2)}#chat-widget-root .hover\\:bg-blue-900\\/50:hover{background-color:rgba(30,58,138,.5)}#chat-widget-root .hover\\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-transparent:hover{background-color:transparent}#chat-widget-root .hover\\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:underline:hover{text-decoration-line:underline}#chat-widget-root .hover\\:opacity-80:hover{opacity:.8}#chat-widget-root .hover\\:opacity-90:hover{opacity:.9}#chat-widget-root .hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}#chat-widget-root .hover\\:shadow-md:hover,#chat-widget-root .hover\\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}#chat-widget-root .hover\\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .focus\\:\\!border-status-error:focus{border-color:hsl(var(--cw-status-error))!important}#chat-widget-root .focus\\:border-\\[\\#5A6069\\]:focus{--tw-border-opacity:1;border-color:rgb(90 96 105/var(--tw-border-opacity,1))}#chat-widget-root .focus\\:border-\\[\\#B0B0B0\\]:focus{--tw-border-opacity:1;border-color:rgb(176 176 176/var(--tw-border-opacity,1))}#chat-widget-root .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .focus\\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .focus\\:ring-0:focus,#chat-widget-root .focus\\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .focus\\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .focus\\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}#chat-widget-root .focus\\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}#chat-widget-root .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .focus-visible\\:ring-white\\/40:focus-visible{--tw-ring-color:hsla(0,0%,100%,.4)}#chat-widget-root .active\\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}#chat-widget-root .active\\:scale-95:active,#chat-widget-root .active\\:scale-\\[0\\.97\\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .active\\:scale-\\[0\\.97\\]:active{--tw-scale-x:0.97;--tw-scale-y:0.97}#chat-widget-root .active\\:scale-\\[0\\.98\\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}#chat-widget-root .active\\:scale-\\[0\\.98\\]:active,#chat-widget-root .active\\:scale-\\[0\\.99\\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .active\\:scale-\\[0\\.99\\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99}#chat-widget-root .active\\:outline-none:active{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .active\\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}#chat-widget-root .disabled\\:opacity-40:disabled{opacity:.4}#chat-widget-root .disabled\\:opacity-50:disabled{opacity:.5}#chat-widget-root .disabled\\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root :is(.group:hover .group-hover\\:scale-100){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root :is(.group:hover .group-hover\\:opacity-100){opacity:1}#chat-widget-root .dark\\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .dark\\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}#chat-widget-root .rtl\\:rounded-tl-2xl:where([dir=rtl],[dir=rtl] *){border-top-left-radius:1rem}#chat-widget-root .rtl\\:rounded-tr-sm:where([dir=rtl],[dir=rtl] *){border-top-right-radius:.125rem}#chat-widget-root .\\[\\&\\:first-child\\]\\:\\!mt-0:first-child{margin-top:0!important}#chat-widget-root :is(.\\[\\&\\>\\*\\:first-child\\]\\:\\!mt-0>:first-child){margin-top:0!important}#chat-widget-root :is(.\\[\\&\\>\\*\\:last-child\\]\\:\\!mb-0>:last-child){margin-bottom:0!important}";
|
|
7871
7871
|
|
|
7872
7872
|
var css_248z = ".chat-widget-root{position:fixed;z-index:999999}.chat-widget-container{color:var(--cw-text-color,inherit);font-family:var(\n --cw-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif\n )}#chat-widget-root .chat-messages p{overflow-wrap:anywhere;word-break:break-word}textarea#chat-widget-input::-moz-placeholder{border:none;line-height:48px;outline:none}textarea#chat-widget-input::placeholder{border:none;line-height:48px;outline:none}textarea#chat-widget-input{border:none;line-height:48px;outline:none}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#chat-widget-root .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}#chat-widget-root .scrollbar-hide::-webkit-scrollbar{display:none}#chat-widget-root .slim-scrollbar-x{scrollbar-width:thin}#chat-widget-root .slim-scrollbar-x::-webkit-scrollbar{height:3px!important}#chat-widget-root .slim-scrollbar-x::-webkit-scrollbar-track{background:transparent!important}#chat-widget-root .slim-scrollbar-x::-webkit-scrollbar-thumb{background:#d1d5db!important;border-radius:2px!important}#chat-widget-root .slim-scrollbar-x::-webkit-scrollbar-thumb:hover{background:#9ca3af!important}@media print{.chat-widget-root{display:none!important}}";
|
|
7873
7873
|
|
|
@@ -9923,6 +9923,7 @@
|
|
|
9923
9923
|
value: null,
|
|
9924
9924
|
unit: null
|
|
9925
9925
|
}); // tracks previous timeout config to detect real changes
|
|
9926
|
+
const [sessionExpiringSoon, setSessionExpiringSoon] = reactExports.useState(false);
|
|
9926
9927
|
reactExports.useEffect(() => {
|
|
9927
9928
|
// Wait for all configuration to be ready
|
|
9928
9929
|
if (!organizationId || !bidiSessionId || inactivityTimeoutValue === undefined) return;
|
|
@@ -11781,6 +11782,7 @@
|
|
|
11781
11782
|
// Timeout config changed at runtime - mirror chatbot-preview: reset the session so
|
|
11782
11783
|
// the new period starts on a clean slate (previous conversation is discarded).
|
|
11783
11784
|
console.warn("[Session] Inactivity timeout config changed - resetting conversation.");
|
|
11785
|
+
setSessionExpiringSoon(false);
|
|
11784
11786
|
resetConversationRef.current();
|
|
11785
11787
|
return; // Timer will restart via bidiSessionId change triggered by resetConversation
|
|
11786
11788
|
}
|
|
@@ -11802,10 +11804,20 @@
|
|
|
11802
11804
|
const remaining = timeoutMs - elapsed;
|
|
11803
11805
|
if (remaining <= 0) {
|
|
11804
11806
|
console.warn("[Session] Inactivity timeout reached! Resetting conversation immediately.");
|
|
11807
|
+
setSessionExpiringSoon(false);
|
|
11805
11808
|
resetConversationRef.current();
|
|
11806
11809
|
return;
|
|
11807
11810
|
}
|
|
11808
|
-
|
|
11811
|
+
|
|
11812
|
+
// Warning threshold: 2 minutes or 10% of total timeout, whichever is smaller.
|
|
11813
|
+
// Floor at 10 seconds so sub-minute timeouts don't fire a warning at 90%.
|
|
11814
|
+
const warningMs = Math.max(10000, Math.min(120000, timeoutMs * 0.1));
|
|
11815
|
+
setSessionExpiringSoon(remaining <= warningMs);
|
|
11816
|
+
|
|
11817
|
+
// Schedule next check: if we're in the warning zone, tick every second
|
|
11818
|
+
// so the countdown is smooth; otherwise wake at the warning boundary.
|
|
11819
|
+
const nextCheck = remaining <= warningMs ? 1000 : remaining - warningMs;
|
|
11820
|
+
timerId = setTimeout(scheduleCheck, nextCheck);
|
|
11809
11821
|
};
|
|
11810
11822
|
|
|
11811
11823
|
// On initial mount: check immediately (session may already be expired).
|
|
@@ -11895,6 +11907,7 @@
|
|
|
11895
11907
|
handleVoiceToggle,
|
|
11896
11908
|
sendBidiTextMessage,
|
|
11897
11909
|
// Session lifecycle
|
|
11910
|
+
sessionExpiringSoon,
|
|
11898
11911
|
resetConversation,
|
|
11899
11912
|
updateMessageFeedback
|
|
11900
11913
|
};
|
|
@@ -12505,6 +12518,7 @@
|
|
|
12505
12518
|
// EV-3045: Stop control aria-label. EN-only for now - translate() falls
|
|
12506
12519
|
// back to EN for locales without the key.
|
|
12507
12520
|
stopGenerating: "Stop generating",
|
|
12521
|
+
sessionExpiringSoon: "Your session will expire soon due to inactivity.",
|
|
12508
12522
|
startVoiceInput: "Start voice input",
|
|
12509
12523
|
stopVoiceInput: "Stop voice input",
|
|
12510
12524
|
voiceSessionLive: "Voice session live - speak or type to converse.",
|
|
@@ -12533,7 +12547,17 @@
|
|
|
12533
12547
|
fieldRequiredSuffix: "is required",
|
|
12534
12548
|
emailInvalid: "Please enter a valid email address",
|
|
12535
12549
|
nameInvalid: "Please enter a valid name",
|
|
12536
|
-
phoneInvalid: "Please enter a valid phone number"
|
|
12550
|
+
phoneInvalid: "Please enter a valid phone number",
|
|
12551
|
+
uploadFile: "Upload file",
|
|
12552
|
+
suggestedQuestions: "Suggested questions",
|
|
12553
|
+
agentIsTyping: "Agent is typing",
|
|
12554
|
+
rate: "Rate",
|
|
12555
|
+
rateExperience: "Rate your experience",
|
|
12556
|
+
thumbsUp: "Thumbs up",
|
|
12557
|
+
thumbsDown: "Thumbs down",
|
|
12558
|
+
submittingFeedback: "Submitting feedback...",
|
|
12559
|
+
cancel: "Cancel",
|
|
12560
|
+
submit: "Submit"
|
|
12537
12561
|
};
|
|
12538
12562
|
const DICTIONARIES = {
|
|
12539
12563
|
en: EN,
|
|
@@ -12573,7 +12597,17 @@
|
|
|
12573
12597
|
copyChat: "نسخ المحادثة",
|
|
12574
12598
|
startChat: "بدء المحادثة",
|
|
12575
12599
|
startingVoiceSession: "جارٍ بدء الجلسة الصوتية...",
|
|
12576
|
-
allowMicAccess: "السماح بالوصول إلى الميكروفون"
|
|
12600
|
+
allowMicAccess: "السماح بالوصول إلى الميكروفون",
|
|
12601
|
+
uploadFile: "رفع ملف",
|
|
12602
|
+
suggestedQuestions: "أسئلة مقترحة",
|
|
12603
|
+
agentIsTyping: "الوكيل يكتب",
|
|
12604
|
+
rate: "تقييم",
|
|
12605
|
+
rateExperience: "قيّم تجربتك",
|
|
12606
|
+
thumbsUp: "إعجاب",
|
|
12607
|
+
thumbsDown: "عدم إعجاب",
|
|
12608
|
+
submittingFeedback: "جارٍ إرسال التقييم...",
|
|
12609
|
+
cancel: "إلغاء",
|
|
12610
|
+
submit: "إرسال"
|
|
12577
12611
|
},
|
|
12578
12612
|
es: {
|
|
12579
12613
|
// Topic-picker + quick-questions surface strings. {category} is
|
|
@@ -14509,6 +14543,23 @@
|
|
|
14509
14543
|
};
|
|
14510
14544
|
}
|
|
14511
14545
|
|
|
14546
|
+
/**
|
|
14547
|
+
* EV-2850 (WAPT) - the agent's `eshal-ui`/`eshal-chart` fence output can be
|
|
14548
|
+
* influenced by the end user's own message or by prompt-injection planted in
|
|
14549
|
+
* a knowledge-base document. A2uiBlock renders `href`/`src` values straight
|
|
14550
|
+
* from that JSON with no filtering - a `javascript:` action URL renders as a
|
|
14551
|
+
* legitimate-looking button that executes attacker JS in the visitor's page
|
|
14552
|
+
* when clicked (an authenticated victim's session cookie, DOM, etc. are all
|
|
14553
|
+
* in scope; no account needed to trigger it).
|
|
14554
|
+
*
|
|
14555
|
+
* Every `href`/`src` sink in A2uiBlock must go through this first. Only
|
|
14556
|
+
* absolute http(s) URLs pass; anything else (javascript:, data:, vbscript:,
|
|
14557
|
+
* a bare relative path, non-string) is dropped rather than rendered.
|
|
14558
|
+
*/
|
|
14559
|
+
function safeUrl(u) {
|
|
14560
|
+
return typeof u === 'string' && /^https?:\/\//i.test(u) ? u : undefined;
|
|
14561
|
+
}
|
|
14562
|
+
|
|
14512
14563
|
var jsxRuntime = {exports: {}};
|
|
14513
14564
|
|
|
14514
14565
|
var reactJsxRuntime_production_min = {};
|
|
@@ -14842,7 +14893,7 @@
|
|
|
14842
14893
|
fontFamily: fontFamily,
|
|
14843
14894
|
fontSize: fontSize
|
|
14844
14895
|
}), showCursor && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
14845
|
-
className: "inline-block w-1.5 h-4 bg-blue-500
|
|
14896
|
+
className: "inline-block w-1.5 h-4 bg-blue-500 ms-0.5 animate-pulse align-text-bottom",
|
|
14846
14897
|
style: {
|
|
14847
14898
|
animationDuration: "0.8s"
|
|
14848
14899
|
}
|
|
@@ -14852,7 +14903,8 @@
|
|
|
14852
14903
|
const TypingIndicator = _ref3 => {
|
|
14853
14904
|
let {
|
|
14854
14905
|
isDark,
|
|
14855
|
-
processingStatus
|
|
14906
|
+
processingStatus,
|
|
14907
|
+
t
|
|
14856
14908
|
} = _ref3;
|
|
14857
14909
|
if (processingStatus) {
|
|
14858
14910
|
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
@@ -14882,21 +14934,26 @@
|
|
|
14882
14934
|
}
|
|
14883
14935
|
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
14884
14936
|
className: "flex gap-1.5",
|
|
14937
|
+
role: "status",
|
|
14938
|
+
"aria-label": t("agentIsTyping"),
|
|
14885
14939
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
14886
14940
|
className: "w-2 h-2 rounded-full ".concat(isDark ? 'bg-gray-500' : 'bg-gray-400', " animate-bounce"),
|
|
14887
14941
|
style: {
|
|
14888
14942
|
animationDelay: "0ms"
|
|
14889
|
-
}
|
|
14943
|
+
},
|
|
14944
|
+
"aria-hidden": "true"
|
|
14890
14945
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
14891
14946
|
className: "w-2 h-2 rounded-full ".concat(isDark ? 'bg-gray-500' : 'bg-gray-400', " animate-bounce"),
|
|
14892
14947
|
style: {
|
|
14893
14948
|
animationDelay: "150ms"
|
|
14894
|
-
}
|
|
14949
|
+
},
|
|
14950
|
+
"aria-hidden": "true"
|
|
14895
14951
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
14896
14952
|
className: "w-2 h-2 rounded-full ".concat(isDark ? 'bg-gray-500' : 'bg-gray-400', " animate-bounce"),
|
|
14897
14953
|
style: {
|
|
14898
14954
|
animationDelay: "300ms"
|
|
14899
|
-
}
|
|
14955
|
+
},
|
|
14956
|
+
"aria-hidden": "true"
|
|
14900
14957
|
})]
|
|
14901
14958
|
});
|
|
14902
14959
|
};
|
|
@@ -14955,7 +15012,7 @@
|
|
|
14955
15012
|
|
|
14956
15013
|
// Web source - open the URL directly, no proxy round-trip.
|
|
14957
15014
|
if (!isFileLike) {
|
|
14958
|
-
const url = source.url;
|
|
15015
|
+
const url = safeUrl(source.url);
|
|
14959
15016
|
if (url) {
|
|
14960
15017
|
try {
|
|
14961
15018
|
window.open(url, "_blank", "noopener,noreferrer");
|
|
@@ -15130,7 +15187,8 @@
|
|
|
15130
15187
|
allowFeedback = true,
|
|
15131
15188
|
provideCitations = true,
|
|
15132
15189
|
onFeedback,
|
|
15133
|
-
headerTextColor
|
|
15190
|
+
headerTextColor,
|
|
15191
|
+
t
|
|
15134
15192
|
} = _ref9;
|
|
15135
15193
|
const rawContent = typeof message.content === "string" ? message.content : "";
|
|
15136
15194
|
// 2026-07-14 - `[N]` markers are preserved verbatim in `displayContent`
|
|
@@ -15275,7 +15333,7 @@
|
|
|
15275
15333
|
className: "w-full h-full bg-white/10 flex items-center justify-center",
|
|
15276
15334
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("img", {
|
|
15277
15335
|
src: companyLogo,
|
|
15278
|
-
alt: "
|
|
15336
|
+
alt: conciergeName || companyName || "Assistant avatar",
|
|
15279
15337
|
className: "object-cover rounded-full",
|
|
15280
15338
|
style: {
|
|
15281
15339
|
maxWidth: "100%",
|
|
@@ -15308,7 +15366,8 @@
|
|
|
15308
15366
|
} : {}),
|
|
15309
15367
|
children: isTypingMessage ? /*#__PURE__*/jsxRuntimeExports.jsx(TypingIndicator, {
|
|
15310
15368
|
isDark: isDark,
|
|
15311
|
-
processingStatus: message.processingStatus
|
|
15369
|
+
processingStatus: message.processingStatus,
|
|
15370
|
+
t: t
|
|
15312
15371
|
}) : /*#__PURE__*/jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
|
|
15313
15372
|
children: message.requiresDecision && message.decisionData && onDecision ? /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
15314
15373
|
children: [displayContent && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
@@ -15358,7 +15417,7 @@
|
|
|
15358
15417
|
content: displayContent,
|
|
15359
15418
|
isDark: isDark
|
|
15360
15419
|
}), allowFeedback !== false && onFeedback && !isTypingMessage && !message.isProcessing && displayContent && message.type !== 'welcome' && !message.isWelcome && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
15361
|
-
className: "flex items-center gap-0.5
|
|
15420
|
+
className: "flex items-center gap-0.5 ms-0.5",
|
|
15362
15421
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
15363
15422
|
type: "button",
|
|
15364
15423
|
onClick: () => handleFeedbackClick('like'),
|
|
@@ -15409,7 +15468,8 @@
|
|
|
15409
15468
|
handleFeedbackCancel();
|
|
15410
15469
|
}
|
|
15411
15470
|
},
|
|
15412
|
-
placeholder: "
|
|
15471
|
+
placeholder: t("feedbackPlaceholder"),
|
|
15472
|
+
"aria-label": t("feedbackPlaceholder"),
|
|
15413
15473
|
rows: 2,
|
|
15414
15474
|
className: "w-full resize-none rounded-lg border px-2 py-1.5 text-xs focus:outline-none focus:ring-1 ".concat(isDark ? "bg-gray-900 border-gray-700 text-gray-100 placeholder-gray-500 focus:ring-gray-600" : "bg-white border-gray-200 text-gray-900 placeholder-gray-400 focus:ring-gray-300"),
|
|
15415
15475
|
style: {
|
|
@@ -15427,7 +15487,7 @@
|
|
|
15427
15487
|
background: "transparent",
|
|
15428
15488
|
cursor: "pointer"
|
|
15429
15489
|
},
|
|
15430
|
-
children: "
|
|
15490
|
+
children: t("cancel")
|
|
15431
15491
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
15432
15492
|
type: "button",
|
|
15433
15493
|
onClick: handleFeedbackSubmit,
|
|
@@ -15437,7 +15497,7 @@
|
|
|
15437
15497
|
border: "none",
|
|
15438
15498
|
cursor: "pointer"
|
|
15439
15499
|
},
|
|
15440
|
-
children: "
|
|
15500
|
+
children: t("submit")
|
|
15441
15501
|
})]
|
|
15442
15502
|
})]
|
|
15443
15503
|
})]
|
|
@@ -15595,8 +15655,10 @@
|
|
|
15595
15655
|
allowFeedback,
|
|
15596
15656
|
provideCitations,
|
|
15597
15657
|
onFeedback,
|
|
15598
|
-
headerTextColor
|
|
15658
|
+
headerTextColor,
|
|
15659
|
+
defaultLanguage = "en"
|
|
15599
15660
|
} = _ref1;
|
|
15661
|
+
const t = reactExports.useMemo(() => createTranslator(defaultLanguage), [defaultLanguage]);
|
|
15600
15662
|
if (!message) {
|
|
15601
15663
|
return null;
|
|
15602
15664
|
}
|
|
@@ -15641,7 +15703,8 @@
|
|
|
15641
15703
|
allowFeedback: allowFeedback,
|
|
15642
15704
|
provideCitations: provideCitations,
|
|
15643
15705
|
onFeedback: onFeedback,
|
|
15644
|
-
headerTextColor: headerTextColor
|
|
15706
|
+
headerTextColor: headerTextColor,
|
|
15707
|
+
t: t
|
|
15645
15708
|
});
|
|
15646
15709
|
};
|
|
15647
15710
|
var MessageBubble$1 = /*#__PURE__*/reactExports.memo(MessageBubble);
|
|
@@ -15833,7 +15896,8 @@
|
|
|
15833
15896
|
fontSize,
|
|
15834
15897
|
isRtl,
|
|
15835
15898
|
onQuestionClick,
|
|
15836
|
-
applyHoverState
|
|
15899
|
+
applyHoverState,
|
|
15900
|
+
headingLabel
|
|
15837
15901
|
} = _ref3;
|
|
15838
15902
|
const scrollRef = reactExports.useRef(null);
|
|
15839
15903
|
const [canScrollLeft, setCanScrollLeft] = reactExports.useState(false);
|
|
@@ -15872,9 +15936,9 @@
|
|
|
15872
15936
|
const arrowDisabledOpacity = 0.35;
|
|
15873
15937
|
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
15874
15938
|
className: "px-4 py-4 border-t ".concat(isDark ? "border-gray-700/50" : "border-gray-200/60"),
|
|
15875
|
-
children: [/*#__PURE__*/jsxRuntimeExports.
|
|
15939
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
15876
15940
|
className: "text-xs mb-3 font-semibold tracking-wide uppercase ".concat(isDark ? "text-gray-400" : "text-gray-500"),
|
|
15877
|
-
children: "Quick questions:"
|
|
15941
|
+
children: [headingLabel || "Quick questions", ":"]
|
|
15878
15942
|
}), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
15879
15943
|
className: "flex items-center gap-1.5",
|
|
15880
15944
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
@@ -15996,19 +16060,16 @@
|
|
|
15996
16060
|
fontSize: fontSize,
|
|
15997
16061
|
isRtl: isRtl,
|
|
15998
16062
|
onQuestionClick: onQuestionClick,
|
|
15999
|
-
applyHoverState: applyHoverState
|
|
16063
|
+
applyHoverState: applyHoverState,
|
|
16064
|
+
headingLabel: headingLabel
|
|
16000
16065
|
});
|
|
16001
16066
|
}
|
|
16002
16067
|
|
|
16003
16068
|
// Vertical layout (default) - pill style matching chat-preview
|
|
16004
|
-
return /*#__PURE__*/jsxRuntimeExports.jsxs("div",
|
|
16005
|
-
className: "pl-[50px]"
|
|
16006
|
-
}, isRtl && {
|
|
16069
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
16007
16070
|
style: {
|
|
16008
|
-
|
|
16009
|
-
|
|
16010
|
-
}
|
|
16011
|
-
}), {}, {
|
|
16071
|
+
paddingInlineStart: "50px"
|
|
16072
|
+
},
|
|
16012
16073
|
children: [headingLabel ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
16013
16074
|
className: "mb-2",
|
|
16014
16075
|
style: {
|
|
@@ -16048,7 +16109,7 @@
|
|
|
16048
16109
|
}, index);
|
|
16049
16110
|
})
|
|
16050
16111
|
})]
|
|
16051
|
-
})
|
|
16112
|
+
});
|
|
16052
16113
|
};
|
|
16053
16114
|
|
|
16054
16115
|
const _excluded = ["active", "processing", "deviceId", "barWidth", "barGap", "barRadius", "barColor", "fadeEdges", "fadeWidth", "barHeight", "height", "sensitivity", "smoothingTimeConstant", "fftSize", "historySize", "updateRate", "mode", "onError", "onStreamReady", "onStreamEnd", "className"];
|
|
@@ -16465,6 +16526,7 @@
|
|
|
16465
16526
|
fontSize,
|
|
16466
16527
|
formatTime,
|
|
16467
16528
|
isRtl = false,
|
|
16529
|
+
defaultLanguage = "en",
|
|
16468
16530
|
quickQuestions = [],
|
|
16469
16531
|
shouldShowQuickQuestions = false,
|
|
16470
16532
|
onQuickQuestion,
|
|
@@ -16712,7 +16774,8 @@
|
|
|
16712
16774
|
allowFeedback: allowFeedback,
|
|
16713
16775
|
provideCitations: provideCitations,
|
|
16714
16776
|
onFeedback: onFeedback,
|
|
16715
|
-
headerTextColor: headerTextColor
|
|
16777
|
+
headerTextColor: headerTextColor,
|
|
16778
|
+
defaultLanguage: defaultLanguage
|
|
16716
16779
|
}, message.id)), (() => {
|
|
16717
16780
|
const lastMessage = messages[messages.length - 1];
|
|
16718
16781
|
const isWaitingForFirstChunk = isLoading && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'user';
|
|
@@ -16742,7 +16805,8 @@
|
|
|
16742
16805
|
companyName: companyName,
|
|
16743
16806
|
apiBaseUrl: apiBaseUrl,
|
|
16744
16807
|
getAuthToken: getAuthToken,
|
|
16745
|
-
headerTextColor: headerTextColor
|
|
16808
|
+
headerTextColor: headerTextColor,
|
|
16809
|
+
defaultLanguage: defaultLanguage
|
|
16746
16810
|
}, "skeleton-waiting");
|
|
16747
16811
|
}
|
|
16748
16812
|
return null;
|
|
@@ -16770,13 +16834,16 @@
|
|
|
16770
16834
|
className: "flex gap-3 flex-row-reverse animate-in",
|
|
16771
16835
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
16772
16836
|
className: "flex flex-col items-end max-w-[75%] w-full",
|
|
16773
|
-
children: /*#__PURE__*/jsxRuntimeExports.
|
|
16837
|
+
children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
16774
16838
|
className: "rounded-2xl px-4 py-2.5 shadow-lg rounded-tr-sm w-full",
|
|
16775
16839
|
style: {
|
|
16776
16840
|
background: "linear-gradient(135deg, ".concat(resolvedUserMessageColor || primaryColor || "#2563eb", " 0%, ").concat(resolvedUserMessageColor || primaryColor || "#2563eb", "dd 100%)"),
|
|
16777
16841
|
width: "100px"
|
|
16778
16842
|
},
|
|
16779
|
-
children: /*#__PURE__*/jsxRuntimeExports.jsx(
|
|
16843
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
16844
|
+
className: "sr-only",
|
|
16845
|
+
children: "Listening for voice input"
|
|
16846
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx(LiveWaveform, {
|
|
16780
16847
|
active: true,
|
|
16781
16848
|
barWidth: 2,
|
|
16782
16849
|
barHeight: 4,
|
|
@@ -16784,8 +16851,9 @@
|
|
|
16784
16851
|
barColor: userTextColor || resolvedTextColor || "#FFFFFF",
|
|
16785
16852
|
height: 20,
|
|
16786
16853
|
fadeEdges: true,
|
|
16787
|
-
className: "min-w-[60px]"
|
|
16788
|
-
|
|
16854
|
+
className: "min-w-[60px]",
|
|
16855
|
+
"aria-hidden": "true"
|
|
16856
|
+
})]
|
|
16789
16857
|
})
|
|
16790
16858
|
})
|
|
16791
16859
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
@@ -17373,7 +17441,7 @@
|
|
|
17373
17441
|
return "".concat(val.toFixed(val >= 10 ? 0 : 1), " ").concat(units[unit]);
|
|
17374
17442
|
}
|
|
17375
17443
|
function AttachmentChip(_ref) {
|
|
17376
|
-
var _attachment$error;
|
|
17444
|
+
var _attachment$error, _attachment$error2;
|
|
17377
17445
|
let {
|
|
17378
17446
|
attachment,
|
|
17379
17447
|
onRemove,
|
|
@@ -17385,6 +17453,7 @@
|
|
|
17385
17453
|
const bg = isError ? isDark ? "rgba(239,68,68,0.15)" : "#fee2e2" : isDark ? "#1f2937" : "#f3f4f6";
|
|
17386
17454
|
const border = isError ? isDark ? "#b91c1c" : "#fca5a5" : isDark ? "#374151" : "#e5e7eb";
|
|
17387
17455
|
const textColor = isError ? isDark ? "#fca5a5" : "#b91c1c" : isDark ? "#e5e7eb" : "#374151";
|
|
17456
|
+
const statusLabel = isError ? "".concat(attachment.filename, " - ").concat(((_attachment$error = attachment.error) === null || _attachment$error === void 0 ? void 0 : _attachment$error.message) || "error") : isUploading ? "".concat(attachment.filename, " - uploading") : "".concat(attachment.filename, " - ready");
|
|
17388
17457
|
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
17389
17458
|
className: "inline-flex items-center gap-2 rounded-full pl-2 pr-1 py-1 text-xs",
|
|
17390
17459
|
style: {
|
|
@@ -17393,14 +17462,18 @@
|
|
|
17393
17462
|
color: textColor,
|
|
17394
17463
|
maxWidth: 240
|
|
17395
17464
|
},
|
|
17396
|
-
title: isError ? (_attachment$
|
|
17465
|
+
title: isError ? (_attachment$error2 = attachment.error) === null || _attachment$error2 === void 0 ? void 0 : _attachment$error2.message : attachment.filename,
|
|
17466
|
+
"aria-label": statusLabel,
|
|
17397
17467
|
children: [isError ? /*#__PURE__*/jsxRuntimeExports.jsx(CircleAlert, {
|
|
17398
|
-
size: 12
|
|
17468
|
+
size: 12,
|
|
17469
|
+
"aria-hidden": "true"
|
|
17399
17470
|
}) : isUploading ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
|
|
17400
17471
|
size: 12,
|
|
17401
|
-
className: "animate-spin"
|
|
17472
|
+
className: "animate-spin",
|
|
17473
|
+
"aria-hidden": "true"
|
|
17402
17474
|
}) : /*#__PURE__*/jsxRuntimeExports.jsx(FileText, {
|
|
17403
|
-
size: 12
|
|
17475
|
+
size: 12,
|
|
17476
|
+
"aria-hidden": "true"
|
|
17404
17477
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
17405
17478
|
className: "truncate",
|
|
17406
17479
|
style: {
|
|
@@ -17445,6 +17518,7 @@
|
|
|
17445
17518
|
promptFontFamily,
|
|
17446
17519
|
promptFontSize,
|
|
17447
17520
|
isRtl,
|
|
17521
|
+
t,
|
|
17448
17522
|
// EV-2977: show the natural question (submitText) on the chip face
|
|
17449
17523
|
// instead of the title-case label. Display-only; see
|
|
17450
17524
|
// getPromptDisplayText. Kill-switch: behavior.autoPromptQuestionDisplay.
|
|
@@ -17454,6 +17528,8 @@
|
|
|
17454
17528
|
className: "mb-2 px-5",
|
|
17455
17529
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
17456
17530
|
className: "flex flex-col gap-2",
|
|
17531
|
+
role: "group",
|
|
17532
|
+
"aria-label": t("suggestedQuestions"),
|
|
17457
17533
|
children: suggestions.map((p, index) => {
|
|
17458
17534
|
// EV-2993: the chip follows the direction of the string it
|
|
17459
17535
|
// actually DISPLAYS - which under EV-2977 is the natural
|
|
@@ -17810,7 +17886,8 @@
|
|
|
17810
17886
|
const promptPrimary = resolvedUserMessageColor !== undefined && resolvedUserMessageColor !== null ? resolvedUserMessageColor : userMessageBoxColor !== undefined && userMessageBoxColor !== null ? userMessageBoxColor : primaryColor !== undefined && primaryColor !== null ? primaryColor : "#2563eb";
|
|
17811
17887
|
const promptTextColor = userTextColor !== undefined && userTextColor !== null ? userTextColor : textColor !== undefined && textColor !== null ? textColor : "#FFFFFF";
|
|
17812
17888
|
const promptFontFamily = userMessageBubbleFontFamily !== undefined && userMessageBubbleFontFamily !== null ? userMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
|
|
17813
|
-
const
|
|
17889
|
+
const promptBaseFontSize = userMessageBubbleFontSize !== undefined && userMessageBubbleFontSize !== null ? userMessageBubbleFontSize : fontSize !== undefined && fontSize !== null ? fontSize : null;
|
|
17890
|
+
const promptFontSize = promptBaseFontSize ? "calc(".concat(promptBaseFontSize, " - 2px)") : "12px";
|
|
17814
17891
|
const normalizedDisclaimerLinkUrl = normalizeExternalUrl(disclaimerLinkUrl);
|
|
17815
17892
|
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
17816
17893
|
className: "py-4 flex-shrink-0 relative ".concat(isDark ? "bg-gray-900" : "bg-white"),
|
|
@@ -17825,7 +17902,8 @@
|
|
|
17825
17902
|
promptTextColor: promptTextColor,
|
|
17826
17903
|
promptFontFamily: promptFontFamily,
|
|
17827
17904
|
promptFontSize: promptFontSize,
|
|
17828
|
-
isRtl: isRtl
|
|
17905
|
+
isRtl: isRtl,
|
|
17906
|
+
t: t
|
|
17829
17907
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
17830
17908
|
className: "my-4",
|
|
17831
17909
|
style: {
|
|
@@ -17841,32 +17919,39 @@
|
|
|
17841
17919
|
}, att.id))
|
|
17842
17920
|
}), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
17843
17921
|
className: "flex items-center px-5 gap-1.5",
|
|
17844
|
-
children: [showPaperclip && /*#__PURE__*/jsxRuntimeExports.
|
|
17845
|
-
|
|
17846
|
-
|
|
17847
|
-
|
|
17848
|
-
|
|
17849
|
-
|
|
17850
|
-
|
|
17851
|
-
|
|
17852
|
-
|
|
17853
|
-
|
|
17854
|
-
|
|
17855
|
-
|
|
17856
|
-
|
|
17857
|
-
|
|
17858
|
-
}
|
|
17859
|
-
e.currentTarget.value = "";
|
|
17922
|
+
children: [showPaperclip && /*#__PURE__*/jsxRuntimeExports.jsx("input", {
|
|
17923
|
+
ref: fileInputRef,
|
|
17924
|
+
type: "file",
|
|
17925
|
+
multiple: true,
|
|
17926
|
+
accept: acceptAttr,
|
|
17927
|
+
"aria-label": t("uploadFile"),
|
|
17928
|
+
className: "hidden",
|
|
17929
|
+
style: {
|
|
17930
|
+
display: "none"
|
|
17931
|
+
},
|
|
17932
|
+
onChange: e => {
|
|
17933
|
+
const files = e.target.files;
|
|
17934
|
+
if (files && files.length && !attachmentsAtLimit) {
|
|
17935
|
+
void addFiles(files);
|
|
17860
17936
|
}
|
|
17861
|
-
|
|
17862
|
-
|
|
17937
|
+
e.currentTarget.value = "";
|
|
17938
|
+
}
|
|
17939
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
17940
|
+
className: "flex-1 flex items-center gap-1 px-1 min-h-[48px] ".concat(isDark ? "bg-gray-800" : "bg-gray-50", " rounded-2xl transition-all duration-200"),
|
|
17941
|
+
style: {
|
|
17942
|
+
borderStyle: "solid",
|
|
17943
|
+
borderColor: inputValue && inputValue.trim().length > 0 ? primaryColor || "#2563eb" : separatorColor,
|
|
17944
|
+
borderWidth: inputValue && inputValue.trim().length > 0 ? "2px" : "1px"
|
|
17945
|
+
},
|
|
17946
|
+
children: [showPaperclip && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
17947
|
+
className: "relative group shrink-0",
|
|
17863
17948
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
17864
17949
|
type: "button",
|
|
17865
17950
|
onClick: () => fileInputRef.current && fileInputRef.current.click(),
|
|
17866
17951
|
disabled: csatVisible || isConversationLoading || isLoading || attachmentsAtLimit,
|
|
17867
17952
|
"aria-label": attachmentsAtLimit ? paperclipLimitTooltip : "Attach file",
|
|
17868
17953
|
title: attachmentsAtLimit ? paperclipLimitTooltip : "Attach file",
|
|
17869
|
-
className: "h-
|
|
17954
|
+
className: "h-8 w-8 rounded-lg flex items-center justify-center transition-colors duration-200 ".concat(isDark ? "text-gray-300 hover:bg-gray-700" : "text-gray-500 hover:bg-gray-200", " disabled:opacity-40 disabled:cursor-not-allowed"),
|
|
17870
17955
|
style: {
|
|
17871
17956
|
border: "none"
|
|
17872
17957
|
},
|
|
@@ -17878,139 +17963,135 @@
|
|
|
17878
17963
|
className: "pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-2 opacity-0 group-hover:opacity-100 transition-opacity px-3 py-1.5 text-xs rounded-lg whitespace-nowrap shadow-lg ".concat(isDark ? "bg-gray-700 text-gray-100" : "bg-gray-800 text-white"),
|
|
17879
17964
|
children: paperclipLimitTooltip
|
|
17880
17965
|
})]
|
|
17881
|
-
})
|
|
17882
|
-
|
|
17883
|
-
|
|
17884
|
-
|
|
17885
|
-
|
|
17886
|
-
|
|
17887
|
-
|
|
17888
|
-
|
|
17889
|
-
|
|
17890
|
-
|
|
17891
|
-
|
|
17892
|
-
|
|
17893
|
-
|
|
17894
|
-
|
|
17895
|
-
|
|
17896
|
-
|
|
17897
|
-
|
|
17898
|
-
|
|
17899
|
-
|
|
17900
|
-
|
|
17901
|
-
|
|
17902
|
-
|
|
17903
|
-
|
|
17904
|
-
|
|
17905
|
-
|
|
17906
|
-
|
|
17907
|
-
|
|
17908
|
-
|
|
17909
|
-
|
|
17910
|
-
|
|
17911
|
-
|
|
17912
|
-
textAlign: typedIsRtl ? "right" : "left",
|
|
17913
|
-
direction: typedIsRtl ? "rtl" : "ltr",
|
|
17914
|
-
wordSpacing: "0",
|
|
17915
|
-
letterSpacing: "0"
|
|
17916
|
-
}
|
|
17917
|
-
})
|
|
17918
|
-
}), enableVoiceInteraction && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
17919
|
-
className: "relative",
|
|
17920
|
-
onMouseEnter: handleMouseEnter,
|
|
17921
|
-
onMouseLeave: handleMouseLeave,
|
|
17922
|
-
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
17923
|
-
style: {
|
|
17924
|
-
border: "none"
|
|
17925
|
-
},
|
|
17926
|
-
ref: voiceButtonRef,
|
|
17927
|
-
type: "button",
|
|
17928
|
-
onClick: onVoiceToggle,
|
|
17929
|
-
"aria-label": isVoiceSessionActive ? t("stopVoiceInput") : t("startVoiceInput"),
|
|
17930
|
-
className: "h-10 w-10 rounded-xl flex items-center justify-center transition-all duration-200 shadow-md ".concat(isVoiceSessionActive ? "bg-red-500 text-white hover:bg-red-600" : isDark ? "bg-gray-800 text-gray-200 hover:bg-gray-700" : "bg-white text-gray-600 hover:bg-gray-100", " ").concat(isVoiceButtonDisabled ? "opacity-60 cursor-not-allowed shadow-none" : ""),
|
|
17931
|
-
disabled: isVoiceButtonDisabled,
|
|
17932
|
-
children: voiceStatus === "connecting" ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
|
|
17933
|
-
className: "w-4 h-4 animate-spin"
|
|
17934
|
-
}) : /*#__PURE__*/jsxRuntimeExports.jsx(AudioLines, {
|
|
17935
|
-
className: "w-4 h-4"
|
|
17966
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
17967
|
+
className: "relative flex-1 flex items-center min-w-0",
|
|
17968
|
+
children: /*#__PURE__*/jsxRuntimeExports.jsx("textarea", {
|
|
17969
|
+
id: "chat-widget-input",
|
|
17970
|
+
ref: textareaRef,
|
|
17971
|
+
"aria-label": placeholder || t("typeYourMessage"),
|
|
17972
|
+
value: inputValue,
|
|
17973
|
+
onChange: handleChange,
|
|
17974
|
+
onFocus: () => setIsFocused(true),
|
|
17975
|
+
onBlur: () => setIsFocused(false),
|
|
17976
|
+
onKeyDown: handleKeyPress,
|
|
17977
|
+
placeholder: isConversationLoading ? t("agentIsLoading") : placeholder || t("typeYourMessage"),
|
|
17978
|
+
rows: 1,
|
|
17979
|
+
disabled: csatVisible || isConversationLoading || isLoading || isVoiceSessionActive && voiceStatus !== "connected",
|
|
17980
|
+
dir: typedIsRtl ? "rtl" : "ltr",
|
|
17981
|
+
className: "w-full px-3 bg-transparent rounded-xl leading-normal ".concat(isDark ? "text-gray-100" : "text-gray-900", " placeholder-gray-400 resize-none outline-none scrollbar-hide break-all"),
|
|
17982
|
+
style: {
|
|
17983
|
+
height: "auto",
|
|
17984
|
+
maxHeight: "120px",
|
|
17985
|
+
minHeight: "48px",
|
|
17986
|
+
paddingTop: inputValue.trim().length > 0 ? "12px" : "0px",
|
|
17987
|
+
paddingBottom: inputValue.trim().length > 0 ? "12px" : "0px",
|
|
17988
|
+
lineHeight: inputValue.trim().length > 0 ? "1.4" : "48px",
|
|
17989
|
+
fontFamily: userMessageBubbleFontFamily || fontFamily || "Inter",
|
|
17990
|
+
fontSize: fontSize || "14px",
|
|
17991
|
+
color: isDark ? "#F3F4F6" : "#1F2937",
|
|
17992
|
+
textAlign: typedIsRtl ? "right" : "left",
|
|
17993
|
+
direction: typedIsRtl ? "rtl" : "ltr",
|
|
17994
|
+
wordSpacing: "0",
|
|
17995
|
+
letterSpacing: "0"
|
|
17996
|
+
}
|
|
17936
17997
|
})
|
|
17937
|
-
}),
|
|
17938
|
-
|
|
17939
|
-
|
|
17940
|
-
|
|
17941
|
-
|
|
17942
|
-
|
|
17943
|
-
|
|
17944
|
-
|
|
17945
|
-
|
|
17946
|
-
|
|
17947
|
-
|
|
17948
|
-
|
|
17949
|
-
|
|
17950
|
-
|
|
17951
|
-
|
|
17952
|
-
|
|
17953
|
-
|
|
17954
|
-
|
|
17955
|
-
|
|
17956
|
-
|
|
17957
|
-
|
|
17958
|
-
|
|
17959
|
-
|
|
17960
|
-
|
|
17961
|
-
|
|
17962
|
-
|
|
17963
|
-
|
|
17964
|
-
|
|
17965
|
-
|
|
17966
|
-
|
|
17967
|
-
|
|
17968
|
-
|
|
17969
|
-
|
|
17970
|
-
|
|
17971
|
-
|
|
17972
|
-
|
|
17973
|
-
|
|
17974
|
-
|
|
17975
|
-
position: "absolute",
|
|
17976
|
-
top: "100%",
|
|
17977
|
-
left: "".concat(tooltipPosition.arrowOffset, "px"),
|
|
17978
|
-
transform: "translateX(-50%)",
|
|
17979
|
-
marginTop: "-1px",
|
|
17980
|
-
width: 0,
|
|
17981
|
-
height: 0,
|
|
17982
|
-
borderLeft: "5px solid transparent",
|
|
17983
|
-
borderRight: "5px solid transparent",
|
|
17984
|
-
borderTop: isDark ? "5px solid #1f2937" : "5px solid #ffffff",
|
|
17985
|
-
pointerEvents: "none"
|
|
17986
|
-
}
|
|
17987
|
-
})]
|
|
17988
|
-
}), tooltipPosition.placement === "bottom" && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
17998
|
+
}), enableVoiceInteraction && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
17999
|
+
className: "relative shrink-0",
|
|
18000
|
+
onMouseEnter: handleMouseEnter,
|
|
18001
|
+
onMouseLeave: handleMouseLeave,
|
|
18002
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
18003
|
+
style: {
|
|
18004
|
+
border: "none"
|
|
18005
|
+
},
|
|
18006
|
+
ref: voiceButtonRef,
|
|
18007
|
+
type: "button",
|
|
18008
|
+
onClick: onVoiceToggle,
|
|
18009
|
+
"aria-label": isVoiceSessionActive ? t("stopVoiceInput") : t("startVoiceInput"),
|
|
18010
|
+
className: "h-8 w-8 rounded-lg flex items-center justify-center transition-colors duration-200 ".concat(isVoiceSessionActive ? "bg-red-500 text-white hover:bg-red-600" : isDark ? "text-gray-300 hover:bg-gray-700" : "text-gray-500 hover:bg-gray-200", " ").concat(isVoiceButtonDisabled ? "opacity-60 cursor-not-allowed" : ""),
|
|
18011
|
+
disabled: isVoiceButtonDisabled,
|
|
18012
|
+
children: voiceStatus === "connecting" ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
|
|
18013
|
+
className: "w-4 h-4 animate-spin"
|
|
18014
|
+
}) : /*#__PURE__*/jsxRuntimeExports.jsx(AudioLines, {
|
|
18015
|
+
className: "w-4 h-4"
|
|
18016
|
+
})
|
|
18017
|
+
}), showTooltip && tooltipMessage && typeof document !== "undefined" && /*#__PURE__*/reactDomExports.createPortal(/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
18018
|
+
ref: tooltipRef,
|
|
18019
|
+
className: "px-3 py-1.5 text-xs shadow-md pointer-events-none",
|
|
18020
|
+
style: {
|
|
18021
|
+
position: "fixed",
|
|
18022
|
+
top: "".concat(tooltipPosition.top, "px"),
|
|
18023
|
+
left: "".concat(tooltipPosition.left, "px"),
|
|
18024
|
+
maxWidth: "220px",
|
|
18025
|
+
whiteSpace: "normal",
|
|
18026
|
+
wordWrap: "break-word",
|
|
18027
|
+
minWidth: "180px",
|
|
18028
|
+
zIndex: 999999,
|
|
18029
|
+
backgroundColor: isDark ? "#1f2937" : "#ffffff",
|
|
18030
|
+
color: isDark ? "#f3f4f6" : "#111827",
|
|
18031
|
+
border: isDark ? "1px solid #374151" : "1px solid #e5e7eb",
|
|
18032
|
+
borderRadius: tooltipPosition.placement === "top" ? "6px 6px 6px 6px" : "6px",
|
|
18033
|
+
boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
|
|
18034
|
+
overflow: "visible"
|
|
18035
|
+
},
|
|
17989
18036
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
17990
|
-
className: "
|
|
17991
|
-
|
|
17992
|
-
|
|
17993
|
-
|
|
17994
|
-
|
|
17995
|
-
|
|
17996
|
-
|
|
17997
|
-
|
|
17998
|
-
|
|
17999
|
-
|
|
18000
|
-
|
|
18001
|
-
|
|
18002
|
-
|
|
18003
|
-
|
|
18004
|
-
|
|
18005
|
-
|
|
18006
|
-
|
|
18007
|
-
|
|
18008
|
-
|
|
18009
|
-
|
|
18010
|
-
|
|
18037
|
+
className: "text-left leading-relaxed",
|
|
18038
|
+
children: tooltipMessage
|
|
18039
|
+
}), tooltipPosition.placement === "top" && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
18040
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
18041
|
+
style: {
|
|
18042
|
+
position: "absolute",
|
|
18043
|
+
top: "100%",
|
|
18044
|
+
left: "".concat(tooltipPosition.arrowOffset, "px"),
|
|
18045
|
+
transform: "translateX(-50%)",
|
|
18046
|
+
width: 0,
|
|
18047
|
+
height: 0,
|
|
18048
|
+
borderLeft: "6px solid transparent",
|
|
18049
|
+
borderRight: "6px solid transparent",
|
|
18050
|
+
borderTop: isDark ? "6px solid #374151" : "6px solid #e5e7eb",
|
|
18051
|
+
pointerEvents: "none"
|
|
18052
|
+
}
|
|
18053
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
18054
|
+
style: {
|
|
18055
|
+
position: "absolute",
|
|
18056
|
+
top: "100%",
|
|
18057
|
+
left: "".concat(tooltipPosition.arrowOffset, "px"),
|
|
18058
|
+
transform: "translateX(-50%)",
|
|
18059
|
+
marginTop: "-1px",
|
|
18060
|
+
width: 0,
|
|
18061
|
+
height: 0,
|
|
18062
|
+
borderLeft: "5px solid transparent",
|
|
18063
|
+
borderRight: "5px solid transparent",
|
|
18064
|
+
borderTop: isDark ? "5px solid #1f2937" : "5px solid #ffffff",
|
|
18065
|
+
pointerEvents: "none"
|
|
18066
|
+
}
|
|
18067
|
+
})]
|
|
18068
|
+
}), tooltipPosition.placement === "bottom" && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
18069
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
18070
|
+
className: "absolute bottom-full",
|
|
18071
|
+
style: {
|
|
18072
|
+
left: "".concat(tooltipPosition.arrowOffset, "px"),
|
|
18073
|
+
transform: "translateX(-50%)",
|
|
18074
|
+
width: 0,
|
|
18075
|
+
height: 0,
|
|
18076
|
+
borderLeft: "5px solid transparent",
|
|
18077
|
+
borderRight: "5px solid transparent",
|
|
18078
|
+
borderBottom: isDark ? "5px solid #374151" : "5px solid #e5e7eb"
|
|
18079
|
+
}
|
|
18080
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
18081
|
+
className: "absolute bottom-full -mb-px",
|
|
18082
|
+
style: {
|
|
18083
|
+
left: "".concat(tooltipPosition.arrowOffset, "px"),
|
|
18084
|
+
transform: "translateX(-50%)",
|
|
18085
|
+
width: 0,
|
|
18086
|
+
height: 0,
|
|
18087
|
+
borderLeft: "4px solid transparent",
|
|
18088
|
+
borderRight: "4px solid transparent",
|
|
18089
|
+
borderBottom: isDark ? "4px solid #1f2937" : "4px solid #ffffff"
|
|
18090
|
+
}
|
|
18091
|
+
})]
|
|
18011
18092
|
})]
|
|
18012
|
-
})]
|
|
18013
|
-
})
|
|
18093
|
+
}), document.body)]
|
|
18094
|
+
})]
|
|
18014
18095
|
}), isLoading && !isVoiceSessionActive && typeof onStopGeneration === "function" ?
|
|
18015
18096
|
/*#__PURE__*/
|
|
18016
18097
|
// EV-3045: Stop replaces Send while a reply streams - the
|
|
@@ -18047,11 +18128,13 @@
|
|
|
18047
18128
|
})
|
|
18048
18129
|
})]
|
|
18049
18130
|
}), isVoiceSessionActive && /*#__PURE__*/jsxRuntimeExports.jsxs("p", {
|
|
18131
|
+
"aria-live": "polite",
|
|
18050
18132
|
className: "text-xs mt-2 px-5 ".concat(voiceStatus === "connected" ? "text-status-success" : "text-gray-500", " flex items-center gap-1"),
|
|
18051
18133
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
18052
18134
|
className: "w-1.5 h-1.5 rounded-full bg-current inline-flex"
|
|
18053
18135
|
}), voiceStatus === "connected" ? t("voiceSessionLive") : t("connectingVoice")]
|
|
18054
18136
|
}), voiceError && /*#__PURE__*/jsxRuntimeExports.jsx("p", {
|
|
18137
|
+
role: "alert",
|
|
18055
18138
|
className: "text-xs mt-1 px-5 text-status-error",
|
|
18056
18139
|
children: voiceError
|
|
18057
18140
|
}), disclaimerEnabled && disclaimerText && disclaimerPosition === "footer" && /*#__PURE__*/jsxRuntimeExports.jsxs("p", {
|
|
@@ -18246,6 +18329,7 @@
|
|
|
18246
18329
|
}), [showStatus, statusMode, officeHours]);
|
|
18247
18330
|
const [showMenu, setShowMenu] = reactExports.useState(false);
|
|
18248
18331
|
const menuRef = reactExports.useRef(null);
|
|
18332
|
+
const menuTriggerRef = reactExports.useRef(null);
|
|
18249
18333
|
|
|
18250
18334
|
// Close menu on outside click
|
|
18251
18335
|
// Uses composedPath() so it works inside Shadow DOM where event.target
|
|
@@ -18260,6 +18344,24 @@
|
|
|
18260
18344
|
document.addEventListener("mousedown", handleClickOutside);
|
|
18261
18345
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
18262
18346
|
}, [showMenu]);
|
|
18347
|
+
|
|
18348
|
+
// Move focus into the menu on open; restore it to the trigger on close so
|
|
18349
|
+
// keyboard users don't lose their place when Escape or an item click
|
|
18350
|
+
// dismisses the menu. Skips the initial mount (menu starts closed) so
|
|
18351
|
+
// focus isn't stolen from the page on load.
|
|
18352
|
+
const menuWasOpenRef = reactExports.useRef(false);
|
|
18353
|
+
reactExports.useEffect(() => {
|
|
18354
|
+
if (showMenu) {
|
|
18355
|
+
var _menuRef$current;
|
|
18356
|
+
menuWasOpenRef.current = true;
|
|
18357
|
+
const firstItem = (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.querySelector('[role="menuitem"]');
|
|
18358
|
+
firstItem === null || firstItem === void 0 || firstItem.focus();
|
|
18359
|
+
} else if (menuWasOpenRef.current) {
|
|
18360
|
+
var _menuTriggerRef$curre;
|
|
18361
|
+
menuWasOpenRef.current = false;
|
|
18362
|
+
(_menuTriggerRef$curre = menuTriggerRef.current) === null || _menuTriggerRef$curre === void 0 || _menuTriggerRef$curre.focus();
|
|
18363
|
+
}
|
|
18364
|
+
}, [showMenu]);
|
|
18263
18365
|
const iconColor = resolvedHeaderText;
|
|
18264
18366
|
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
18265
18367
|
className: "text-white ".concat(isMinimized ? "px-4 py-2.5" : "px-3 py-4", " flex items-center justify-between relative overflow-visible rounded-t-2xl z-[60]"),
|
|
@@ -18333,18 +18435,20 @@
|
|
|
18333
18435
|
children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
18334
18436
|
className: "relative",
|
|
18335
18437
|
ref: menuRef,
|
|
18336
|
-
children: [/*#__PURE__*/jsxRuntimeExports.jsx("
|
|
18337
|
-
|
|
18338
|
-
|
|
18438
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
18439
|
+
type: "button",
|
|
18440
|
+
ref: menuTriggerRef,
|
|
18339
18441
|
"aria-label": t("menu"),
|
|
18442
|
+
"aria-expanded": showMenu,
|
|
18443
|
+
"aria-haspopup": "true",
|
|
18340
18444
|
onClick: () => setShowMenu(prev => !prev),
|
|
18341
18445
|
onKeyDown: event => {
|
|
18342
|
-
if (event.key === "
|
|
18446
|
+
if (event.key === "Escape" && showMenu) {
|
|
18343
18447
|
event.preventDefault();
|
|
18344
|
-
setShowMenu(
|
|
18448
|
+
setShowMenu(false);
|
|
18345
18449
|
}
|
|
18346
18450
|
},
|
|
18347
|
-
className: "inline-flex h-7 w-7 items-center justify-center cursor-pointer transition-opacity duration-200 hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 rounded-full",
|
|
18451
|
+
className: "inline-flex h-7 w-7 items-center justify-center cursor-pointer transition-opacity duration-200 hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 rounded-full border-0 bg-transparent p-0",
|
|
18348
18452
|
style: {
|
|
18349
18453
|
color: iconColor
|
|
18350
18454
|
},
|
|
@@ -18353,12 +18457,21 @@
|
|
|
18353
18457
|
strokeWidth: 1.6
|
|
18354
18458
|
})
|
|
18355
18459
|
}), showMenu && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
18460
|
+
role: "menu",
|
|
18461
|
+
"aria-label": t("menu"),
|
|
18356
18462
|
dir: isRtl ? "rtl" : "ltr",
|
|
18463
|
+
onKeyDown: event => {
|
|
18464
|
+
if (event.key === "Escape") {
|
|
18465
|
+
event.preventDefault();
|
|
18466
|
+
setShowMenu(false);
|
|
18467
|
+
}
|
|
18468
|
+
},
|
|
18357
18469
|
className: "absolute top-full mt-1 w-44 rounded-xl border shadow-lg py-1 z-[9999] animate-in fade-in slide-in-from-top-1 duration-150 ".concat(isRtl ? "left-0" : "right-0", " ").concat(isDark ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200"),
|
|
18358
18470
|
style: {
|
|
18359
18471
|
fontFamily: resolvedHeaderFontFamily
|
|
18360
18472
|
},
|
|
18361
18473
|
children: [/*#__PURE__*/jsxRuntimeExports.jsxs("button", {
|
|
18474
|
+
role: "menuitem",
|
|
18362
18475
|
onClick: () => {
|
|
18363
18476
|
setShowMenu(false);
|
|
18364
18477
|
onRefreshChat === null || onRefreshChat === void 0 || onRefreshChat();
|
|
@@ -18377,6 +18490,7 @@
|
|
|
18377
18490
|
className: "w-3.5 h-3.5 flex-shrink-0"
|
|
18378
18491
|
}), t("refreshChat")]
|
|
18379
18492
|
}), /*#__PURE__*/jsxRuntimeExports.jsxs("button", {
|
|
18493
|
+
role: "menuitem",
|
|
18380
18494
|
onClick: () => {
|
|
18381
18495
|
setShowMenu(false);
|
|
18382
18496
|
onCopyChat === null || onCopyChat === void 0 || onCopyChat();
|
|
@@ -18395,6 +18509,7 @@
|
|
|
18395
18509
|
className: "w-3.5 h-3.5 flex-shrink-0"
|
|
18396
18510
|
}), t("copyChat")]
|
|
18397
18511
|
}), /*#__PURE__*/jsxRuntimeExports.jsxs("button", {
|
|
18512
|
+
role: "menuitem",
|
|
18398
18513
|
onClick: () => {
|
|
18399
18514
|
setShowMenu(false);
|
|
18400
18515
|
onToggleTheme === null || onToggleTheme === void 0 || onToggleTheme();
|
|
@@ -18416,18 +18531,11 @@
|
|
|
18416
18531
|
}), isDark ? t("lightMode") : t("nightMode")]
|
|
18417
18532
|
})]
|
|
18418
18533
|
})]
|
|
18419
|
-
}), /*#__PURE__*/jsxRuntimeExports.jsx("
|
|
18420
|
-
|
|
18421
|
-
tabIndex: 0,
|
|
18534
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
18535
|
+
type: "button",
|
|
18422
18536
|
"aria-label": t("close"),
|
|
18423
18537
|
onClick: onClose,
|
|
18424
|
-
|
|
18425
|
-
if (event.key === "Enter" || event.key === " ") {
|
|
18426
|
-
event.preventDefault();
|
|
18427
|
-
onClose === null || onClose === void 0 || onClose(event);
|
|
18428
|
-
}
|
|
18429
|
-
},
|
|
18430
|
-
className: "inline-flex h-7 w-7 items-center justify-center cursor-pointer transition-opacity duration-200 hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 rounded-full",
|
|
18538
|
+
className: "inline-flex h-7 w-7 items-center justify-center cursor-pointer transition-opacity duration-200 hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 rounded-full border-0 bg-transparent p-0",
|
|
18431
18539
|
style: {
|
|
18432
18540
|
color: iconColor
|
|
18433
18541
|
},
|
|
@@ -18593,12 +18701,15 @@
|
|
|
18593
18701
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
18594
18702
|
type: "submit",
|
|
18595
18703
|
disabled: isSubmitting,
|
|
18704
|
+
"aria-busy": isSubmitting,
|
|
18705
|
+
"aria-label": isSubmitting ? t("submitting") : undefined,
|
|
18596
18706
|
className: "w-full h-12 text-sm border-none font-semibold shadow-xl hover:shadow-xl hover:scale-[1.02] active:scale-[0.98] transition-all rounded-xl mt-4 text-white",
|
|
18597
18707
|
style: {
|
|
18598
18708
|
backgroundColor: primaryColor
|
|
18599
18709
|
},
|
|
18600
18710
|
children: isSubmitting ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
|
|
18601
|
-
className: "w-5 h-5 animate-spin"
|
|
18711
|
+
className: "w-5 h-5 animate-spin",
|
|
18712
|
+
"aria-hidden": "true"
|
|
18602
18713
|
}) : t("startChat")
|
|
18603
18714
|
})]
|
|
18604
18715
|
})]
|
|
@@ -18919,8 +19030,10 @@
|
|
|
18919
19030
|
onRating,
|
|
18920
19031
|
disabled = false,
|
|
18921
19032
|
isDark = false,
|
|
18922
|
-
primaryColor = "#2563eb"
|
|
19033
|
+
primaryColor = "#2563eb",
|
|
19034
|
+
defaultLanguage = "en"
|
|
18923
19035
|
} = _ref;
|
|
19036
|
+
const t = reactExports.useMemo(() => createTranslator(defaultLanguage), [defaultLanguage]);
|
|
18924
19037
|
const [selectedRating, setSelectedRating] = reactExports.useState(null);
|
|
18925
19038
|
const [hoveredStar, setHoveredStar] = reactExports.useState(null);
|
|
18926
19039
|
const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
|
|
@@ -18965,13 +19078,16 @@
|
|
|
18965
19078
|
className: cn("flex items-center justify-center text-2xl transition-transform", "bg-transparent border-0 p-0 cursor-pointer", "hover:scale-110 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed", "focus:outline-none focus:ring-0", selectedRating === rating.value ? "" : "opacity-80"),
|
|
18966
19079
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
18967
19080
|
role: "img",
|
|
18968
|
-
"aria-label": "
|
|
19081
|
+
"aria-label": "".concat(t("rate"), " ").concat(rating.value),
|
|
18969
19082
|
children: rating.label
|
|
18970
19083
|
})
|
|
18971
19084
|
}, rating.value))
|
|
18972
19085
|
}), format === "THUMBS" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
18973
19086
|
className: "flex gap-6 justify-center items-center",
|
|
19087
|
+
role: "group",
|
|
19088
|
+
"aria-label": t("rateExperience"),
|
|
18974
19089
|
children: ratings.map(rating => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
19090
|
+
"aria-label": rating.value === 1 ? t("thumbsUp") : t("thumbsDown"),
|
|
18975
19091
|
onClick: () => handleRating(rating.value),
|
|
18976
19092
|
disabled: disabled || isSubmitting,
|
|
18977
19093
|
className: cn("w-10 h-10 rounded-xl border flex items-center justify-center shadow-md text-2xl transition-all", "hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed", "drop-shadow-md", isDark ? "bg-gray-700 border-gray-600 hover:bg-gray-600" : "bg-white border-gray-100 hover:bg-gray-50", selectedRating === rating.value && "ring-2 ring-primary/40 scale-110"),
|
|
@@ -18980,12 +19096,16 @@
|
|
|
18980
19096
|
},
|
|
18981
19097
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
18982
19098
|
className: "drop-shadow-md",
|
|
19099
|
+
"aria-hidden": "true",
|
|
18983
19100
|
children: rating.label
|
|
18984
19101
|
})
|
|
18985
19102
|
}, rating.value))
|
|
18986
19103
|
}), format === "NUMERIC" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
18987
19104
|
className: "flex gap-2 justify-center items-center",
|
|
19105
|
+
role: "group",
|
|
19106
|
+
"aria-label": t("rateExperience"),
|
|
18988
19107
|
children: ratings.map(rating => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
19108
|
+
"aria-label": "".concat(t("rate"), " ").concat(rating.value),
|
|
18989
19109
|
onClick: () => handleRating(rating.value),
|
|
18990
19110
|
disabled: disabled || isSubmitting,
|
|
18991
19111
|
className: cn("w-10 h-10 rounded-lg flex items-center justify-center text-sm font-semibold transition-all", "hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed", selectedRating === rating.value ? "ring-2 ring-primary/40 scale-110 shadow-md text-white" : isDark ? "bg-gray-700 border border-gray-600 text-gray-300 hover:bg-gray-600" : "bg-white border border-gray-200 text-gray-700 hover:bg-gray-50"),
|
|
@@ -19011,15 +19131,18 @@
|
|
|
19011
19131
|
opacity: isHovered ? 1 : 0.6,
|
|
19012
19132
|
transition: "all 0.2s ease"
|
|
19013
19133
|
},
|
|
19134
|
+
"aria-label": "".concat(t("rate"), " ").concat(rating.value),
|
|
19014
19135
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
19136
|
+
"aria-hidden": "true",
|
|
19015
19137
|
children: rating.label
|
|
19016
19138
|
})
|
|
19017
19139
|
}, rating.value);
|
|
19018
19140
|
})
|
|
19019
19141
|
})]
|
|
19020
19142
|
}), isSubmitting && /*#__PURE__*/jsxRuntimeExports.jsx("p", {
|
|
19143
|
+
"aria-live": "polite",
|
|
19021
19144
|
className: cn("text-xs mt-3 text-center", isDark ? "text-slate-400" : "text-slate-500"),
|
|
19022
|
-
children: "
|
|
19145
|
+
children: t("submittingFeedback")
|
|
19023
19146
|
})]
|
|
19024
19147
|
});
|
|
19025
19148
|
};
|
|
@@ -19290,6 +19413,7 @@
|
|
|
19290
19413
|
onPromptSuggestionClick,
|
|
19291
19414
|
onboardingEnabled = false,
|
|
19292
19415
|
onResetConversation,
|
|
19416
|
+
sessionExpiringSoon = false,
|
|
19293
19417
|
autoPromptEnabled = true,
|
|
19294
19418
|
// EV-2977: auto-prompt chips display the natural question
|
|
19295
19419
|
// (submitText) instead of the title-case label. Display-only;
|
|
@@ -19791,7 +19915,10 @@
|
|
|
19791
19915
|
if (format === "STARS") {
|
|
19792
19916
|
return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
19793
19917
|
className: "flex justify-center gap-2 mb-5",
|
|
19918
|
+
role: "group",
|
|
19919
|
+
"aria-label": t("rateExperience"),
|
|
19794
19920
|
children: [1, 2, 3, 4, 5].map(star => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
19921
|
+
"aria-label": "".concat(t("rate"), " ").concat(star),
|
|
19795
19922
|
onClick: () => setResolveRating(star),
|
|
19796
19923
|
className: "transition-all duration-150 hover:scale-110 active:scale-95 bg-transparent border-0 p-0 cursor-pointer",
|
|
19797
19924
|
disabled: isSubmittingResolve,
|
|
@@ -19805,18 +19932,16 @@
|
|
|
19805
19932
|
if (format === "THUMBS") {
|
|
19806
19933
|
return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
19807
19934
|
className: "flex gap-4 justify-center mb-5",
|
|
19808
|
-
|
|
19809
|
-
|
|
19810
|
-
|
|
19811
|
-
// Numeric values here used to be stored as csatRating="1" and
|
|
19812
|
-
// rendered as 👎 in the inbox even when the user picked 👍.
|
|
19813
|
-
{
|
|
19935
|
+
role: "group",
|
|
19936
|
+
"aria-label": t("rateExperience"),
|
|
19937
|
+
children: [{
|
|
19814
19938
|
value: "positive",
|
|
19815
19939
|
emoji: "👍"
|
|
19816
19940
|
}, {
|
|
19817
19941
|
value: "negative",
|
|
19818
19942
|
emoji: "👎"
|
|
19819
19943
|
}].map(item => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
19944
|
+
"aria-label": item.value === "positive" ? t("thumbsUp") : t("thumbsDown"),
|
|
19820
19945
|
onClick: () => setResolveRating(item.value),
|
|
19821
19946
|
disabled: isSubmittingResolve,
|
|
19822
19947
|
className: cn("w-12 h-12 rounded-xl border flex items-center justify-center text-2xl transition-all hover:scale-105 active:scale-95", resolveRating === item.value ? "ring-2 ring-blue-300 scale-110 shadow-lg" : "", isDark ? "bg-gray-700 border-gray-600 hover:bg-gray-600" : "bg-white border-gray-200 hover:bg-gray-50"),
|
|
@@ -19847,13 +19972,16 @@
|
|
|
19847
19972
|
}];
|
|
19848
19973
|
return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
19849
19974
|
className: "flex gap-2 justify-center items-center mb-5",
|
|
19975
|
+
role: "group",
|
|
19976
|
+
"aria-label": t("rateExperience"),
|
|
19850
19977
|
children: emojis.map(item => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
19978
|
+
"aria-label": "".concat(t("rate"), " ").concat(item.value),
|
|
19851
19979
|
onClick: () => setResolveRating(item.value),
|
|
19852
19980
|
disabled: isSubmittingResolve,
|
|
19853
19981
|
className: cn("rounded-full w-10 h-10 flex items-center justify-center text-xl transition-all hover:scale-110 active:scale-95 bg-transparent border-0 p-0 cursor-pointer", resolveRating === item.value ? "ring-2 ring-blue-100 scale-125 bg-gradient-to-b from-yellow-200 to-yellow-400 shadow-md" : "grayscale-[0.3] opacity-80 hover:grayscale-0"),
|
|
19854
19982
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
19855
19983
|
role: "img",
|
|
19856
|
-
"aria-label": "
|
|
19984
|
+
"aria-label": "".concat(t("rate"), " ").concat(item.value),
|
|
19857
19985
|
className: "drop-shadow-sm filter",
|
|
19858
19986
|
children: item.emoji
|
|
19859
19987
|
})
|
|
@@ -19875,6 +20003,7 @@
|
|
|
19875
20003
|
className: cn("text-sm font-medium text-center mb-5 [font-family:inherit]", isDark ? "text-gray-300" : "text-gray-500"),
|
|
19876
20004
|
children: csatPrompt || t("feedbackPrompt")
|
|
19877
20005
|
}), renderRatingInput(), /*#__PURE__*/jsxRuntimeExports.jsx("textarea", {
|
|
20006
|
+
"aria-label": t("feedbackPlaceholder"),
|
|
19878
20007
|
value: resolveFeedbackText,
|
|
19879
20008
|
onChange: e => {
|
|
19880
20009
|
if (e.target.value.length <= 1000) {
|
|
@@ -19891,9 +20020,12 @@
|
|
|
19891
20020
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
19892
20021
|
onClick: handleResolveSubmission,
|
|
19893
20022
|
disabled: resolveRating === 0 || isSubmittingResolve,
|
|
20023
|
+
"aria-describedby": resolveRating === 0 ? "resolve-rating-hint" : undefined,
|
|
19894
20024
|
className: cn("w-full py-3.5 rounded-xl text-sm font-semibold [font-family:inherit] transition-all duration-200 border-none outline-none focus:outline-none active:outline-none focus:ring-0 active:ring-0", "disabled:opacity-50 disabled:cursor-not-allowed", isDark ? "bg-gray-700 text-gray-100 hover:bg-gray-600" : "bg-gray-100 text-gray-700 hover:bg-gray-200"),
|
|
19895
20025
|
children: isSubmittingResolve ? t("submitting") : t("submitFeedback")
|
|
19896
20026
|
}), resolveRating === 0 && !isSubmittingResolve && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
20027
|
+
id: "resolve-rating-hint",
|
|
20028
|
+
role: "tooltip",
|
|
19897
20029
|
className: "absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap px-2 py-1 rounded-md text-xs bg-gray-800 text-white opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none",
|
|
19898
20030
|
children: t("selectRatingFirst")
|
|
19899
20031
|
})]
|
|
@@ -19933,8 +20065,7 @@
|
|
|
19933
20065
|
className: "relative focus:outline-none ".concat(!widgetSize && !isMinimized ? "w-[380px]" : "", " ").concat(!widgetSize && !isMinimized ? "h-[650px]" : "", " ").concat(isMinimized ? "w-80 h-auto" : "", " ").concat(widgetSize && !isMinimized ? "w-full h-full" : "", " max-w-[92vw] border rounded-2xl shadow-2xl bg-white border-gray-200 flex flex-col ").concat(!isMinimized ? "max-h-[85vh]" : "", " overflow-hidden ").concat(isDark ? "bg-gray-900 border-gray-700" : ""),
|
|
19934
20066
|
children: [!isMinimized && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
19935
20067
|
onMouseDown: e => handleResizeStart("corner", e),
|
|
19936
|
-
|
|
19937
|
-
"aria-label": "Resize chat",
|
|
20068
|
+
"aria-hidden": "true",
|
|
19938
20069
|
className: "absolute w-4 h-4 ".concat(anchorRight === anchorBottom ? "cursor-nwse-resize" : "cursor-nesw-resize", " text-gray-400 hover:text-blue-500 transition-colors z-[71] flex p-0.5 ").concat(anchorBottom ? "top-0 items-start" : "bottom-0 items-end", " ").concat(anchorRight ? "left-0 justify-start" : "right-0 justify-end"),
|
|
19939
20070
|
children: /*#__PURE__*/jsxRuntimeExports.jsx("svg", {
|
|
19940
20071
|
viewBox: "0 0 12 12",
|
|
@@ -19997,7 +20128,11 @@
|
|
|
19997
20128
|
isDark: isDark,
|
|
19998
20129
|
defaultLanguage: defaultLanguage
|
|
19999
20130
|
}) : /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
20000
|
-
children: [/*#__PURE__*/jsxRuntimeExports.jsx(
|
|
20131
|
+
children: [sessionExpiringSoon && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
20132
|
+
role: "status",
|
|
20133
|
+
className: "mx-3 mt-1 mb-2 rounded-lg px-3 py-2 text-xs font-medium ".concat(isDark ? 'bg-amber-900/40 text-amber-200 border border-amber-700/50' : 'bg-amber-50 text-amber-800 border border-amber-200'),
|
|
20134
|
+
children: t("sessionExpiringSoon")
|
|
20135
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx(MessageList, {
|
|
20001
20136
|
messages: messages,
|
|
20002
20137
|
isDark: isDark,
|
|
20003
20138
|
primaryColor: primaryColor,
|
|
@@ -20015,6 +20150,7 @@
|
|
|
20015
20150
|
fontSize: fontSize,
|
|
20016
20151
|
formatTime: formatTime,
|
|
20017
20152
|
isRtl: isRtlLanguage,
|
|
20153
|
+
defaultLanguage: defaultLanguage,
|
|
20018
20154
|
quickQuestions: quickQuestions,
|
|
20019
20155
|
shouldShowQuickQuestions: shouldShowQuickQuestions,
|
|
20020
20156
|
onQuickQuestion: onQuickQuestion !== null && onQuickQuestion !== void 0 ? onQuickQuestion : onDirectSend,
|
|
@@ -20064,7 +20200,8 @@
|
|
|
20064
20200
|
onRating: handleCsatRating,
|
|
20065
20201
|
disabled: false,
|
|
20066
20202
|
isDark: isDark,
|
|
20067
|
-
primaryColor: primaryColor
|
|
20203
|
+
primaryColor: primaryColor,
|
|
20204
|
+
defaultLanguage: defaultLanguage
|
|
20068
20205
|
})
|
|
20069
20206
|
})]
|
|
20070
20207
|
})
|
|
@@ -20629,6 +20766,7 @@
|
|
|
20629
20766
|
handleOnboardingFormSubmit,
|
|
20630
20767
|
conversationId,
|
|
20631
20768
|
resetConversation,
|
|
20769
|
+
sessionExpiringSoon,
|
|
20632
20770
|
updateMessageFeedback,
|
|
20633
20771
|
// Widget filter - per-session category/tag scope. Driven by the
|
|
20634
20772
|
// CategoryTabsBar / CategoryFilterInline components in ChatWindow.
|
|
@@ -20852,6 +20990,7 @@
|
|
|
20852
20990
|
csatPrompt: widgetConfig.csatPrompt,
|
|
20853
20991
|
onboardingEnabled: widgetConfig.onboardingEnabled,
|
|
20854
20992
|
onResetConversation: resetConversation,
|
|
20993
|
+
sessionExpiringSoon: sessionExpiringSoon,
|
|
20855
20994
|
autoPromptEnabled: widgetConfig.autoPromptEnabled,
|
|
20856
20995
|
autoPromptQuestionDisplay: widgetConfig.autoPromptQuestionDisplay,
|
|
20857
20996
|
autoPromptClickTelemetry: widgetConfig.autoPromptClickTelemetry,
|