@aslaluroba/help-center-react 3.2.3 → 3.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.esm.js +95 -86
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +95 -86
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/core/api.ts +0 -1
- package/src/ui/chatbot-popup/chat-window-screen/footer.tsx +107 -96
- package/src/ui/chatbot-popup/chat-window-screen/index.tsx +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.babylai-fixed{position:fixed}.babylai-absolute{position:absolute}.babylai-relative{position:relative}.babylai-inset-0{inset:0}.-babylai-right-2{right:-.5rem}.-babylai-top-2{top:-.5rem}.babylai--right-2{right:-.5rem}.babylai--top-2{top:-.5rem}.babylai-bottom-20{bottom:5rem}.babylai-bottom-4{bottom:1rem}.babylai-bottom-\[6rem\]{bottom:6rem}.babylai-end-1{inset-inline-end:.25rem}.babylai-left-1\/2{left:50%}.babylai-left-4{left:1rem}.babylai-right-0{right:0}.babylai-right-1\/2{right:50%}.babylai-right-3{right:.75rem}.babylai-right-4{right:1rem}.babylai-start-0{inset-inline-start:0}.babylai-top-0{top:0}.babylai-top-1\/2{top:50%}.babylai-top-10{top:2.5rem}.babylai-top-4{top:1rem}.babylai-z-10{z-index:10}.babylai-z-20{z-index:20}.babylai-z-50{z-index:50}.babylai-z-\[60\]{z-index:60}.babylai-z-\[9999\]{z-index:9999}.babylai-m-0{margin:0}.babylai-mx-1{margin-left:.25rem;margin-right:.25rem}.babylai-mx-4{margin-left:1rem;margin-right:1rem}.babylai-my-4{margin-bottom:1rem;margin-top:1rem}.babylai-mb-2{margin-bottom:.5rem}.babylai-mb-3{margin-bottom:.75rem}.babylai-mb-4{margin-bottom:1rem}.babylai-ml-2{margin-left:.5rem}.babylai-mt-0{margin-top:0}.babylai-mt-3{margin-top:.75rem}.babylai-flex{display:flex}.babylai-inline-flex{display:inline-flex}.babylai-hidden{display:none}.\!babylai-h-10{height:2.5rem!important}.\!babylai-h-12{height:3rem!important}.\!babylai-h-auto{height:auto!important}.\!babylai-h-full{height:100%!important}.babylai-h-1{height:.25rem}.babylai-h-10{height:2.5rem}.babylai-h-12{height:3rem}.babylai-h-16{height:4rem}.babylai-h-20{height:5rem}.babylai-h-3{height:.75rem}.babylai-h-4{height:1rem}.babylai-h-40{height:10rem}.babylai-h-5{height:1.25rem}.babylai-h-6{height:1.5rem}.babylai-h-8{height:2rem}.babylai-h-9{height:2.25rem}.babylai-h-\[28px\]{height:28px}.babylai-h-\[60\%\]{height:60%}.babylai-h-\[80px\]{height:80px}.babylai-h-auto{height:auto}.babylai-h-full{height:100%}.babylai-max-h-10{max-height:2.5rem}.babylai-max-h-\[800px\]{max-height:800px}.babylai-max-h-\[85vh\]{max-height:85vh}.babylai-max-h-\[calc\(100vh-90px\)\]{max-height:calc(100vh - 90px)}.\!babylai-w-10{width:2.5rem!important}.\!babylai-w-12{width:3rem!important}.\!babylai-w-full{width:100%!important}.babylai-w-10{width:2.5rem}.babylai-w-12{width:3rem}.babylai-w-16{width:4rem}.babylai-w-20{width:5rem}.babylai-w-3{width:.75rem}.babylai-w-3\.5{width:.875rem}.babylai-w-32{width:8rem}.babylai-w-4{width:1rem}.babylai-w-40{width:10rem}.babylai-w-48{width:12rem}.babylai-w-5{width:1.25rem}.babylai-w-6{width:1.5rem}.babylai-w-8{width:2rem}.babylai-w-9{width:2.25rem}.babylai-w-\[220px\]{width:220px}.babylai-w-\[28px\]{width:28px}.babylai-w-\[60\%\]{width:60%}.babylai-w-\[80px\]{width:80px}.babylai-w-full{width:100%}.babylai-w-px{width:1px}.babylai-max-w-\[200px\]{max-width:200px}.babylai-max-w-\[220px\]{max-width:220px}.babylai-max-w-\[50px\]{max-width:50px}.babylai-max-w-\[80\%\]{max-width:80%}.babylai-max-w-\[90vw\]{max-width:90vw}.babylai-max-w-full{max-width:100%}.babylai-max-w-sm{max-width:24rem}.babylai-flex-1{flex:1 1 0%}.babylai-flex-shrink-0,.babylai-shrink-0{flex-shrink:0}.-babylai-translate-x-1\/2{--tw-translate-x:-50%}.-babylai-translate-x-1\/2,.-babylai-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))}.-babylai-translate-y-1\/2{--tw-translate-y:-50%}.babylai-translate-x-1\/2{--tw-translate-x:50%}.babylai-rotate-180,.babylai-translate-x-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))}.babylai-rotate-180{--tw-rotate:180deg}.babylai-rotate-270{--tw-rotate:270deg;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))}.babylai-animate-\[float_2s_infinite_ease-in-out\]{animation:float 2s ease-in-out infinite}@keyframes babylai-pulse{50%{opacity:.5}}.babylai-animate-pulse{animation:babylai-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes babylai-spin{to{transform:rotate(1turn)}}.babylai-animate-spin{animation:babylai-spin 1s linear infinite}.babylai-cursor-default{cursor:default}.babylai-cursor-pointer{cursor:pointer}.babylai-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.babylai-resize-none{resize:none}.babylai-flex-row{flex-direction:row}.babylai-flex-col{flex-direction:column}.babylai-flex-wrap{flex-wrap:wrap}.babylai-items-end{align-items:flex-end}.babylai-items-center{align-items:center}.babylai-justify-start{justify-content:flex-start}.babylai-justify-end{justify-content:flex-end}.babylai-justify-center{justify-content:center}.babylai-justify-between{justify-content:space-between}.babylai-gap-0{gap:0}.babylai-gap-1{gap:.25rem}.babylai-gap-2{gap:.5rem}.babylai-gap-3{gap:.75rem}.babylai-gap-4{gap:1rem}.babylai-gap-6{gap:1.5rem}.babylai-gap-7{gap:1.75rem}.babylai-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)))}.babylai-space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.babylai-overflow-auto{overflow:auto}.babylai-overflow-hidden{overflow:hidden}.babylai-overflow-y-auto{overflow-y:auto}.babylai-whitespace-nowrap{white-space:nowrap}.babylai-break-words{overflow-wrap:break-word}.babylai-rounded-2xl{border-radius:1rem}.babylai-rounded-3xl{border-radius:1.5rem}.babylai-rounded-full{border-radius:9999px}.babylai-rounded-lg{border-radius:var(--radius)}.babylai-rounded-md{border-radius:calc(var(--radius) - 2px)}.babylai-rounded-none{border-radius:0}.babylai-rounded-xl{border-radius:.75rem}.babylai-rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.babylai-border{border-width:1px}.babylai-border-2{border-width:2px}.babylai-border-\[0\.5px\]{border-width:.5px}.babylai-border-x-0{border-left-width:0;border-right-width:0}.babylai-border-b{border-bottom-width:1px}.babylai-border-t{border-top-width:1px}.babylai-border-t-0{border-top-width:0}.babylai-border-solid{border-style:solid}.babylai-border-none{border-style:none}.babylai-border-black-white-200{--tw-border-opacity:1;border-color:rgb(226 226 226/var(--tw-border-opacity))}.babylai-border-black-white-50{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.babylai-border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.babylai-border-primary-500{border-color:var(--babylai-primary-color,#ad49e1)}.babylai-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.babylai-border-t-transparent{border-top-color:transparent}.\!babylai-bg-black-white-50{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\!babylai-bg-primary-100{background-color:var(--babylai-primary-color-100,#f6ecfc)!important}.\!babylai-bg-primary-500{background-color:var(--babylai-primary-color,#ad49e1)!important}.babylai-bg-black{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.babylai-bg-black-white-100{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity))}.babylai-bg-black-white-50{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-black\/50{background-color:hsla(0,0%,9%,.5)}.babylai-bg-black\/60{background-color:hsla(0,0%,9%,.6)}.babylai-bg-card{background-color:hsl(var(--card))}.babylai-bg-destructive{background-color:hsl(var(--destructive))}.babylai-bg-primary,.babylai-bg-primary-500{background-color:var(--babylai-primary-color,#ad49e1)}.babylai-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.babylai-bg-secondary{background-color:hsl(var(--secondary))}.babylai-bg-storm-dust-950{background-color:var(--babylai-storm-dust-950,#262626)}.babylai-bg-transparent{background-color:transparent}.babylai-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-white\/20{background-color:hsla(0,0%,100%,.2)}.babylai-bg-opacity-50{--tw-bg-opacity:0.5}.babylai-bg-opacity-70{--tw-bg-opacity:0.7}.babylai-bg-opacity-95{--tw-bg-opacity:0.95}.babylai-fill-yellow-400{fill:#facc15}.babylai-object-contain{-o-object-fit:contain;object-fit:contain}.babylai-object-cover{-o-object-fit:cover;object-fit:cover}.\!babylai-p-2{padding:.5rem!important}.babylai-p-2{padding:.5rem}.babylai-p-4{padding:1rem}.babylai-p-6{padding:1.5rem}.babylai-p-8{padding:2rem}.babylai-p-\[3px\]{padding:3px}.\!babylai-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!babylai-py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.babylai-px-2{padding-left:.5rem;padding-right:.5rem}.babylai-px-3{padding-left:.75rem;padding-right:.75rem}.babylai-px-4{padding-left:1rem;padding-right:1rem}.babylai-px-6{padding-left:1.5rem;padding-right:1.5rem}.babylai-px-8{padding-left:2rem;padding-right:2rem}.babylai-px-\[18px\]{padding-left:18px;padding-right:18px}.babylai-py-1{padding-bottom:.25rem;padding-top:.25rem}.babylai-py-16{padding-bottom:4rem;padding-top:4rem}.babylai-py-2{padding-bottom:.5rem;padding-top:.5rem}.babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.babylai-py-4{padding-bottom:1rem;padding-top:1rem}.babylai-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.babylai-py-\[18px\]{padding-bottom:18px;padding-top:18px}.babylai-pb-12{padding-bottom:3rem}.babylai-pb-4{padding-bottom:1rem}.babylai-pt-0{padding-top:0}.babylai-pt-4{padding-top:1rem}.babylai-pt-8{padding-top:2rem}.babylai-text-center{text-align:center}.babylai-font-sans{font-family:Cairo}.babylai-text-2xl{font-size:1.5rem;line-height:2rem}.babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.babylai-text-base{font-size:1rem;line-height:1.5rem}.babylai-text-lg{font-size:1.125rem;line-height:1.75rem}.babylai-text-sm{font-size:.875rem;line-height:1.25rem}.babylai-text-xs{font-size:.75rem;line-height:1rem}.\!babylai-font-bold{font-weight:700!important}.\!babylai-font-semibold{font-weight:600!important}.babylai-font-bold{font-weight:700}.babylai-font-medium{font-weight:500}.babylai-font-semibold{font-weight:600}.babylai-leading-6{line-height:1.5rem}.babylai-leading-none{line-height:1}.babylai-tracking-tight{letter-spacing:-.025em}.\!babylai-text-black-white-50{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.babylai-text-black-white-50{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-text-black-white-500{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity))}.babylai-text-black-white-700{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.babylai-text-black-white-800{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity))}.babylai-text-black-white-900{--tw-text-opacity:1;color:rgb(5 5 5/var(--tw-text-opacity))}.babylai-text-card-foreground{color:hsl(var(--card-foreground))}.babylai-text-destructive-foreground{color:hsl(var(--destructive-foreground))}.babylai-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.babylai-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.babylai-text-muted-foreground{color:hsl(var(--muted-foreground))}.babylai-text-primary,.babylai-text-primary-500{color:var(--babylai-primary-color,#ad49e1)}.babylai-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.babylai-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.babylai-underline-offset-4{text-underline-offset:4px}.babylai-opacity-0{opacity:0}.babylai-opacity-100{opacity:1}.babylai-opacity-60{opacity:.6}.babylai-opacity-70{opacity:.7}.babylai-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)}.babylai-shadow,.babylai-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-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)}.babylai-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)}.babylai-shadow-md,.babylai-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.babylai-outline-none{outline:2px solid transparent;outline-offset:2px}.babylai-ring-1{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.babylai-ring-black-white-700{--tw-ring-opacity:1;--tw-ring-color:rgb(23 23 23/var(--tw-ring-opacity))}.babylai-ring-opacity-5{--tw-ring-opacity:0.05}.babylai-backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-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);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)}.babylai-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-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)}.babylai-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-duration-300{transition-duration:.3s}.babylai-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.babylai-duration-300{animation-duration:.3s}.babylai-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-me-3{margin-inline-end:.75rem}[dir=rtl] .babylai-start-0{right:0}[dir=ltr] .babylai-start-0{left:0}[dir=rtl] .babylai-end-1{left:.25rem}[dir=ltr] .babylai-end-1{right:.25rem}:host,:root{--babylai-primary-color:#ad49e1;--babylai-secondary-color:#f6ecfc;--babylai-storm-dust:#3d3d3d;--babylai-storm-dust-950:#262626}*,:after,:before{--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;box-sizing:border-box}.babylai-rotate-180{transform:rotate(180deg)!important}img,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.babylai-bg-linear-to-b{background:var(--babylai-primary-color);background:linear-gradient(180deg,var(--babylai-primary-color) 1%,color-mix(in srgb,var(--babylai-primary-color) 1%,transparent) 100%)}.dark .babylai-bg-linear-to-b{background:var(--babylai-storm-dust-950);background:linear-gradient(180deg,var(--babylai-storm-dust-950) 1%,color-mix(in srgb,var(--babylai-storm-dust-950) 60%,transparent) 100%)}@media (prefers-color-scheme:dark){.babylai-bg-linear-to-b{background:var(--babylai-storm-dust-950);background:linear-gradient(180deg,var(--babylai-storm-dust-950) 1%,color-mix(in srgb,var(--babylai-storm-dust-950) 60%,transparent) 100%)}}.after\:babylai-absolute:after{content:var(--tw-content);position:absolute}.after\:babylai--bottom-\[10px\]:after{bottom:-10px;content:var(--tw-content)}.after\:babylai-right-5:after{content:var(--tw-content);right:1.25rem}.after\:babylai-h-0:after{content:var(--tw-content);height:0}.after\:babylai-w-0:after{content:var(--tw-content);width:0}.after\:babylai-border-l-\[10px\]:after{border-left-width:10px;content:var(--tw-content)}.after\:babylai-border-r-\[10px\]:after{border-right-width:10px;content:var(--tw-content)}.after\:babylai-border-t-\[10px\]:after{border-top-width:10px;content:var(--tw-content)}.after\:babylai-border-l-transparent:after{border-left-color:transparent;content:var(--tw-content)}.after\:babylai-border-r-transparent:after{border-right-color:transparent;content:var(--tw-content)}.after\:babylai-border-t-primary-500:after{border-top-color:var(--babylai-primary-color,#ad49e1);content:var(--tw-content)}.after\:babylai-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:babylai-border-primary-600:hover{border-color:var(--babylai-primary-color-600,#672b87)}.hover\:\!babylai-bg-primary-100:hover{background-color:var(--babylai-primary-color-100,#f6ecfc)!important}.hover\:\!babylai-bg-primary-600:hover{background-color:var(--babylai-primary-color-600,#672b87)!important}.hover\:babylai-bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:babylai-bg-primary-400:hover{background-color:var(--babylai-primary-color-400,#c57fea)}.hover\:babylai-bg-primary-600:hover{background-color:var(--babylai-primary-color-600,#672b87)}.hover\:babylai-bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:babylai-bg-transparent:hover{background-color:transparent}.hover\:babylai-bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:babylai-text-primary-500:hover{color:var(--babylai-primary-color,#ad49e1)}.hover\:babylai-text-primary-600:hover{color:var(--babylai-primary-color-600,#672b87)}.hover\:babylai-text-white\/80:hover{color:hsla(0,0%,100%,.8)}.hover\:babylai-underline:hover{text-decoration-line:underline}.hover\:babylai-opacity-100:hover{opacity:1}.hover\:babylai-opacity-80:hover{opacity:.8}.hover\:babylai-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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:babylai-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:babylai-ring-1: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(1px + 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)}.focus-visible\:babylai-ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.disabled\:babylai-pointer-events-none:disabled{pointer-events:none}.disabled\:babylai-opacity-30:disabled{opacity:.3}.disabled\:babylai-opacity-50:disabled{opacity:.5}.babylai-group:hover .group-hover\:babylai-opacity-100{opacity:1}@media (prefers-color-scheme:dark){.dark\:\!babylai-bg-storm-dust-900{background-color:var(--babylai-storm-dust,#3d3d3d)!important}.dark\:\!babylai-bg-storm-dust-950{background-color:var(--babylai-storm-dust-950,#262626)!important}.dark\:babylai-bg-storm-dust-900{background-color:var(--babylai-storm-dust,#3d3d3d)}.dark\:babylai-bg-storm-dust-950{background-color:var(--babylai-storm-dust-950,#262626)}.dark\:babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:babylai-inset-auto{inset:auto}.md\:babylai-bottom-\[6rem\]{bottom:6rem}.md\:babylai-right-4{right:1rem}.md\:babylai-mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:babylai-mb-4{margin-bottom:1rem}.md\:\!babylai-h-10{height:2.5rem!important}.md\:babylai-h-\[calc\(100vh-220px\)\]{height:calc(100vh - 220px)}.md\:\!babylai-w-10{width:2.5rem!important}.md\:babylai-max-w-sm{max-width:24rem}.md\:babylai-gap-8{gap:2rem}.md\:babylai-rounded-3xl{border-radius:1.5rem}.md\:\!babylai-p-2{padding:.5rem!important}.md\:babylai-px-4{padding-left:1rem;padding-right:1rem}.md\:babylai-py-28{padding-bottom:7rem;padding-top:7rem}.md\:babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:babylai-py-8{padding-bottom:2rem;padding-top:2rem}.md\:\!babylai-text-base{font-size:1rem!important;line-height:1.5rem!important}.md\:babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:babylai-text-lg{font-size:1.125rem;line-height:1.75rem}}.\[\&_svg\]\:babylai-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:babylai-shrink-0 svg{flex-shrink:0}
|
|
1
|
+
.babylai-fixed{position:fixed}.babylai-absolute{position:absolute}.babylai-relative{position:relative}.babylai-inset-0{inset:0}.-babylai-right-2{right:-.5rem}.-babylai-top-2{top:-.5rem}.babylai--right-2{right:-.5rem}.babylai--top-2{top:-.5rem}.babylai-bottom-20{bottom:5rem}.babylai-bottom-4{bottom:1rem}.babylai-bottom-\[6rem\]{bottom:6rem}.babylai-end-1{inset-inline-end:.25rem}.babylai-left-1\/2{left:50%}.babylai-left-4{left:1rem}.babylai-right-0{right:0}.babylai-right-1\/2{right:50%}.babylai-right-3{right:.75rem}.babylai-right-4{right:1rem}.babylai-start-0{inset-inline-start:0}.babylai-top-0{top:0}.babylai-top-1\/2{top:50%}.babylai-top-10{top:2.5rem}.babylai-top-4{top:1rem}.babylai-z-10{z-index:10}.babylai-z-20{z-index:20}.babylai-z-50{z-index:50}.babylai-z-\[60\]{z-index:60}.babylai-z-\[9999\]{z-index:9999}.babylai-m-0{margin:0}.babylai-mx-1{margin-left:.25rem;margin-right:.25rem}.babylai-mx-4{margin-left:1rem;margin-right:1rem}.babylai-my-4{margin-bottom:1rem;margin-top:1rem}.babylai-mb-2{margin-bottom:.5rem}.babylai-mb-3{margin-bottom:.75rem}.babylai-mb-4{margin-bottom:1rem}.babylai-ml-2{margin-left:.5rem}.babylai-mt-0{margin-top:0}.babylai-mt-3{margin-top:.75rem}.babylai-box-border{box-sizing:border-box}.babylai-inline-block{display:inline-block}.babylai-flex{display:flex}.babylai-inline-flex{display:inline-flex}.babylai-hidden{display:none}.babylai-aspect-square{aspect-ratio:1/1}.\!babylai-h-10{height:2.5rem!important}.\!babylai-h-12{height:3rem!important}.\!babylai-h-auto{height:auto!important}.\!babylai-h-full{height:100%!important}.babylai-h-1{height:.25rem}.babylai-h-10{height:2.5rem}.babylai-h-12{height:3rem}.babylai-h-16{height:4rem}.babylai-h-20{height:5rem}.babylai-h-3{height:.75rem}.babylai-h-4{height:1rem}.babylai-h-40{height:10rem}.babylai-h-5{height:1.25rem}.babylai-h-6{height:1.5rem}.babylai-h-8{height:2rem}.babylai-h-9{height:2.25rem}.babylai-h-\[28px\]{height:28px}.babylai-h-\[60\%\]{height:60%}.babylai-h-\[80px\]{height:80px}.babylai-h-auto{height:auto}.babylai-h-full{height:100%}.babylai-max-h-10{max-height:2.5rem}.babylai-max-h-\[800px\]{max-height:800px}.babylai-max-h-\[85vh\]{max-height:85vh}.babylai-max-h-\[calc\(100vh-90px\)\]{max-height:calc(100vh - 90px)}.\!babylai-w-10{width:2.5rem!important}.\!babylai-w-12{width:3rem!important}.\!babylai-w-full{width:100%!important}.babylai-w-10{width:2.5rem}.babylai-w-12{width:3rem}.babylai-w-16{width:4rem}.babylai-w-20{width:5rem}.babylai-w-3{width:.75rem}.babylai-w-3\.5{width:.875rem}.babylai-w-32{width:8rem}.babylai-w-4{width:1rem}.babylai-w-40{width:10rem}.babylai-w-48{width:12rem}.babylai-w-5{width:1.25rem}.babylai-w-6{width:1.5rem}.babylai-w-8{width:2rem}.babylai-w-9{width:2.25rem}.babylai-w-\[220px\]{width:220px}.babylai-w-\[28px\]{width:28px}.babylai-w-\[60\%\]{width:60%}.babylai-w-\[80px\]{width:80px}.babylai-w-full{width:100%}.babylai-w-px{width:1px}.babylai-max-w-\[200px\]{max-width:200px}.babylai-max-w-\[220px\]{max-width:220px}.babylai-max-w-\[50px\]{max-width:50px}.babylai-max-w-\[80\%\]{max-width:80%}.babylai-max-w-\[90vw\]{max-width:90vw}.babylai-max-w-full{max-width:100%}.babylai-max-w-sm{max-width:24rem}.babylai-flex-1{flex:1 1 0%}.babylai-flex-shrink-0,.babylai-shrink-0{flex-shrink:0}.-babylai-translate-x-1\/2{--tw-translate-x:-50%}.-babylai-translate-x-1\/2,.-babylai-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))}.-babylai-translate-y-1\/2{--tw-translate-y:-50%}.babylai-translate-x-1\/2{--tw-translate-x:50%}.babylai-rotate-180,.babylai-translate-x-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))}.babylai-rotate-180{--tw-rotate:180deg}.babylai-rotate-270{--tw-rotate:270deg;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))}.babylai-animate-\[float_2s_infinite_ease-in-out\]{animation:float 2s ease-in-out infinite}@keyframes babylai-pulse{50%{opacity:.5}}.babylai-animate-pulse{animation:babylai-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes babylai-spin{to{transform:rotate(1turn)}}.babylai-animate-spin{animation:babylai-spin 1s linear infinite}.babylai-cursor-default{cursor:default}.babylai-cursor-pointer{cursor:pointer}.babylai-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.babylai-resize-none{resize:none}.babylai-flex-row{flex-direction:row}.babylai-flex-col{flex-direction:column}.babylai-flex-wrap{flex-wrap:wrap}.babylai-items-end{align-items:flex-end}.babylai-items-center{align-items:center}.babylai-justify-start{justify-content:flex-start}.babylai-justify-end{justify-content:flex-end}.babylai-justify-center{justify-content:center}.babylai-justify-between{justify-content:space-between}.babylai-gap-0{gap:0}.babylai-gap-1{gap:.25rem}.babylai-gap-2{gap:.5rem}.babylai-gap-3{gap:.75rem}.babylai-gap-4{gap:1rem}.babylai-gap-6{gap:1.5rem}.babylai-gap-7{gap:1.75rem}.babylai-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)))}.babylai-space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.babylai-overflow-auto{overflow:auto}.babylai-overflow-hidden{overflow:hidden}.babylai-overflow-y-auto{overflow-y:auto}.babylai-whitespace-nowrap{white-space:nowrap}.babylai-break-words{overflow-wrap:break-word}.babylai-rounded-2xl{border-radius:1rem}.babylai-rounded-3xl{border-radius:1.5rem}.babylai-rounded-full{border-radius:9999px}.babylai-rounded-lg{border-radius:var(--radius)}.babylai-rounded-md{border-radius:calc(var(--radius) - 2px)}.babylai-rounded-none{border-radius:0}.babylai-rounded-xl{border-radius:.75rem}.babylai-rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.babylai-border{border-width:1px}.babylai-border-2{border-width:2px}.babylai-border-\[0\.5px\]{border-width:.5px}.babylai-border-x-0{border-left-width:0;border-right-width:0}.babylai-border-b{border-bottom-width:1px}.babylai-border-t{border-top-width:1px}.babylai-border-t-0{border-top-width:0}.babylai-border-solid{border-style:solid}.babylai-border-none{border-style:none}.babylai-border-black-white-200{--tw-border-opacity:1;border-color:rgb(226 226 226/var(--tw-border-opacity))}.babylai-border-black-white-50{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.babylai-border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.babylai-border-primary-500{border-color:var(--babylai-primary-color,#ad49e1)}.babylai-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.babylai-border-t-transparent{border-top-color:transparent}.\!babylai-bg-black-white-50{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\!babylai-bg-primary-100{background-color:var(--babylai-primary-color-100,#f6ecfc)!important}.\!babylai-bg-primary-500{background-color:var(--babylai-primary-color,#ad49e1)!important}.babylai-bg-black{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.babylai-bg-black-white-100{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity))}.babylai-bg-black-white-50{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-black\/50{background-color:hsla(0,0%,9%,.5)}.babylai-bg-black\/60{background-color:hsla(0,0%,9%,.6)}.babylai-bg-card{background-color:hsl(var(--card))}.babylai-bg-destructive{background-color:hsl(var(--destructive))}.babylai-bg-primary,.babylai-bg-primary-500{background-color:var(--babylai-primary-color,#ad49e1)}.babylai-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.babylai-bg-secondary{background-color:hsl(var(--secondary))}.babylai-bg-storm-dust-950{background-color:var(--babylai-storm-dust-950,#262626)}.babylai-bg-transparent{background-color:transparent}.babylai-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-white\/20{background-color:hsla(0,0%,100%,.2)}.babylai-bg-opacity-50{--tw-bg-opacity:0.5}.babylai-bg-opacity-70{--tw-bg-opacity:0.7}.babylai-bg-opacity-95{--tw-bg-opacity:0.95}.babylai-fill-yellow-400{fill:#facc15}.babylai-object-contain{-o-object-fit:contain;object-fit:contain}.babylai-object-cover{-o-object-fit:cover;object-fit:cover}.\!babylai-p-0{padding:0!important}.\!babylai-p-2{padding:.5rem!important}.babylai-p-2{padding:.5rem}.babylai-p-4{padding:1rem}.babylai-p-6{padding:1.5rem}.babylai-p-8{padding:2rem}.babylai-p-\[3px\]{padding:3px}.\!babylai-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!babylai-py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.babylai-px-2{padding-left:.5rem;padding-right:.5rem}.babylai-px-3{padding-left:.75rem;padding-right:.75rem}.babylai-px-4{padding-left:1rem;padding-right:1rem}.babylai-px-6{padding-left:1.5rem;padding-right:1.5rem}.babylai-px-8{padding-left:2rem;padding-right:2rem}.babylai-px-\[18px\]{padding-left:18px;padding-right:18px}.babylai-py-1{padding-bottom:.25rem;padding-top:.25rem}.babylai-py-16{padding-bottom:4rem;padding-top:4rem}.babylai-py-2{padding-bottom:.5rem;padding-top:.5rem}.babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.babylai-py-4{padding-bottom:1rem;padding-top:1rem}.babylai-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.babylai-py-\[18px\]{padding-bottom:18px;padding-top:18px}.babylai-pb-12{padding-bottom:3rem}.babylai-pb-4{padding-bottom:1rem}.babylai-pt-0{padding-top:0}.babylai-pt-4{padding-top:1rem}.babylai-pt-8{padding-top:2rem}.babylai-text-center{text-align:center}.babylai-font-sans{font-family:Cairo}.babylai-text-2xl{font-size:1.5rem;line-height:2rem}.babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.babylai-text-base{font-size:1rem;line-height:1.5rem}.babylai-text-lg{font-size:1.125rem;line-height:1.75rem}.babylai-text-sm{font-size:.875rem;line-height:1.25rem}.babylai-text-xs{font-size:.75rem;line-height:1rem}.\!babylai-font-bold{font-weight:700!important}.\!babylai-font-semibold{font-weight:600!important}.babylai-font-bold{font-weight:700}.babylai-font-medium{font-weight:500}.babylai-font-semibold{font-weight:600}.babylai-leading-6{line-height:1.5rem}.babylai-leading-none{line-height:1}.babylai-tracking-tight{letter-spacing:-.025em}.\!babylai-text-black-white-50{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.babylai-text-black-white-50{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-text-black-white-500{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity))}.babylai-text-black-white-700{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.babylai-text-black-white-800{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity))}.babylai-text-black-white-900{--tw-text-opacity:1;color:rgb(5 5 5/var(--tw-text-opacity))}.babylai-text-card-foreground{color:hsl(var(--card-foreground))}.babylai-text-destructive-foreground{color:hsl(var(--destructive-foreground))}.babylai-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.babylai-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.babylai-text-muted-foreground{color:hsl(var(--muted-foreground))}.babylai-text-primary,.babylai-text-primary-500{color:var(--babylai-primary-color,#ad49e1)}.babylai-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.babylai-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.babylai-underline-offset-4{text-underline-offset:4px}.babylai-opacity-0{opacity:0}.babylai-opacity-100{opacity:1}.babylai-opacity-60{opacity:.6}.babylai-opacity-70{opacity:.7}.babylai-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)}.babylai-shadow,.babylai-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-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)}.babylai-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)}.babylai-shadow-md,.babylai-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.babylai-outline-none{outline:2px solid transparent;outline-offset:2px}.babylai-ring-1{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.babylai-ring-black-white-700{--tw-ring-opacity:1;--tw-ring-color:rgb(23 23 23/var(--tw-ring-opacity))}.babylai-ring-opacity-5{--tw-ring-opacity:0.05}.babylai-backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-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);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)}.babylai-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-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)}.babylai-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-duration-300{transition-duration:.3s}.babylai-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.babylai-duration-300{animation-duration:.3s}.babylai-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-me-3{margin-inline-end:.75rem}[dir=rtl] .babylai-start-0{right:0}[dir=ltr] .babylai-start-0{left:0}[dir=rtl] .babylai-end-1{left:.25rem}[dir=ltr] .babylai-end-1{right:.25rem}:host,:root{--babylai-primary-color:#ad49e1;--babylai-secondary-color:#f6ecfc;--babylai-storm-dust:#3d3d3d;--babylai-storm-dust-950:#262626}*,:after,:before{--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;box-sizing:border-box}.babylai-rotate-180{transform:rotate(180deg)!important}img,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.babylai-bg-linear-to-b{background:var(--babylai-primary-color);background:linear-gradient(180deg,var(--babylai-primary-color) 1%,color-mix(in srgb,var(--babylai-primary-color) 1%,transparent) 100%)}.dark .babylai-bg-linear-to-b{background:var(--babylai-storm-dust-950);background:linear-gradient(180deg,var(--babylai-storm-dust-950) 1%,color-mix(in srgb,var(--babylai-storm-dust-950) 60%,transparent) 100%)}@media (prefers-color-scheme:dark){.babylai-bg-linear-to-b{background:var(--babylai-storm-dust-950);background:linear-gradient(180deg,var(--babylai-storm-dust-950) 1%,color-mix(in srgb,var(--babylai-storm-dust-950) 60%,transparent) 100%)}}.after\:babylai-absolute:after{content:var(--tw-content);position:absolute}.after\:babylai--bottom-\[10px\]:after{bottom:-10px;content:var(--tw-content)}.after\:babylai-right-5:after{content:var(--tw-content);right:1.25rem}.after\:babylai-h-0:after{content:var(--tw-content);height:0}.after\:babylai-w-0:after{content:var(--tw-content);width:0}.after\:babylai-border-l-\[10px\]:after{border-left-width:10px;content:var(--tw-content)}.after\:babylai-border-r-\[10px\]:after{border-right-width:10px;content:var(--tw-content)}.after\:babylai-border-t-\[10px\]:after{border-top-width:10px;content:var(--tw-content)}.after\:babylai-border-l-transparent:after{border-left-color:transparent;content:var(--tw-content)}.after\:babylai-border-r-transparent:after{border-right-color:transparent;content:var(--tw-content)}.after\:babylai-border-t-primary-500:after{border-top-color:var(--babylai-primary-color,#ad49e1);content:var(--tw-content)}.after\:babylai-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:babylai-border-primary-600:hover{border-color:var(--babylai-primary-color-600,#672b87)}.hover\:\!babylai-bg-primary-100:hover{background-color:var(--babylai-primary-color-100,#f6ecfc)!important}.hover\:\!babylai-bg-primary-600:hover{background-color:var(--babylai-primary-color-600,#672b87)!important}.hover\:babylai-bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:babylai-bg-primary-400:hover{background-color:var(--babylai-primary-color-400,#c57fea)}.hover\:babylai-bg-primary-600:hover{background-color:var(--babylai-primary-color-600,#672b87)}.hover\:babylai-bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:babylai-bg-transparent:hover{background-color:transparent}.hover\:babylai-bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:babylai-text-primary-500:hover{color:var(--babylai-primary-color,#ad49e1)}.hover\:babylai-text-primary-600:hover{color:var(--babylai-primary-color-600,#672b87)}.hover\:babylai-text-white\/80:hover{color:hsla(0,0%,100%,.8)}.hover\:babylai-underline:hover{text-decoration-line:underline}.hover\:babylai-opacity-100:hover{opacity:1}.hover\:babylai-opacity-80:hover{opacity:.8}.hover\:babylai-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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:babylai-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:babylai-ring-1: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(1px + 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)}.focus-visible\:babylai-ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.disabled\:babylai-pointer-events-none:disabled{pointer-events:none}.disabled\:babylai-opacity-30:disabled{opacity:.3}.disabled\:babylai-opacity-50:disabled{opacity:.5}.babylai-group:hover .group-hover\:babylai-opacity-100{opacity:1}@media (prefers-color-scheme:dark){.dark\:\!babylai-bg-storm-dust-900{background-color:var(--babylai-storm-dust,#3d3d3d)!important}.dark\:\!babylai-bg-storm-dust-950{background-color:var(--babylai-storm-dust-950,#262626)!important}.dark\:babylai-bg-storm-dust-900{background-color:var(--babylai-storm-dust,#3d3d3d)}.dark\:babylai-bg-storm-dust-950{background-color:var(--babylai-storm-dust-950,#262626)}.dark\:babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:babylai-inset-auto{inset:auto}.md\:babylai-bottom-\[6rem\]{bottom:6rem}.md\:babylai-right-4{right:1rem}.md\:babylai-mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:babylai-mb-4{margin-bottom:1rem}.md\:\!babylai-h-10{height:2.5rem!important}.md\:babylai-h-\[calc\(100vh-220px\)\]{height:calc(100vh - 220px)}.md\:\!babylai-w-10{width:2.5rem!important}.md\:babylai-max-w-sm{max-width:24rem}.md\:babylai-gap-8{gap:2rem}.md\:babylai-rounded-3xl{border-radius:1.5rem}.md\:\!babylai-p-2{padding:.5rem!important}.md\:babylai-px-4{padding-left:1rem;padding-right:1rem}.md\:babylai-py-28{padding-bottom:7rem;padding-top:7rem}.md\:babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:babylai-py-8{padding-bottom:2rem;padding-top:2rem}.md\:\!babylai-text-base{font-size:1rem!important;line-height:1.5rem!important}.md\:babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:babylai-text-lg{font-size:1.125rem;line-height:1.75rem}}.\[\&_svg\]\:babylai-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:babylai-shrink-0 svg{flex-shrink:0}
|
package/dist/index.esm.js
CHANGED
|
@@ -38364,6 +38364,7 @@ var ChatWindowFooter = props => {
|
|
|
38364
38364
|
var fileInputRef = useRef(null);
|
|
38365
38365
|
var [selectedFiles, setSelectedFiles] = useState([]);
|
|
38366
38366
|
var [previewImage, setPreviewImage] = useState(null);
|
|
38367
|
+
var [isSending, setIsSending] = useState(false);
|
|
38367
38368
|
var handleAttachClick = useCallback(() => {
|
|
38368
38369
|
var _a;
|
|
38369
38370
|
(_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
@@ -38399,106 +38400,112 @@ var ChatWindowFooter = props => {
|
|
|
38399
38400
|
}, []);
|
|
38400
38401
|
var handleSendMessageWithAttachments = useCallback(/*#__PURE__*/_asyncToGenerator(function* () {
|
|
38401
38402
|
// Prevent sending if already loading
|
|
38402
|
-
if (props.isLoading) {
|
|
38403
|
+
if (props.isLoading || isSending) {
|
|
38403
38404
|
return;
|
|
38404
38405
|
}
|
|
38405
|
-
|
|
38406
|
-
|
|
38407
|
-
|
|
38408
|
-
|
|
38409
|
-
|
|
38410
|
-
|
|
38411
|
-
|
|
38412
|
-
//
|
|
38413
|
-
|
|
38414
|
-
|
|
38415
|
-
|
|
38416
|
-
|
|
38417
|
-
sessionId
|
|
38418
|
-
|
|
38406
|
+
setIsSending(true);
|
|
38407
|
+
try {
|
|
38408
|
+
// Get files that need to be uploaded (those without uploadedId)
|
|
38409
|
+
var filesToUpload = selectedFiles.filter(f => f.uploadedId === null && !f.error);
|
|
38410
|
+
var alreadyUploadedIds = selectedFiles.filter(f => f.uploadedId !== null).map(f => f.uploadedId);
|
|
38411
|
+
// Declare uploadedIds outside the if block so it's accessible later
|
|
38412
|
+
var uploadedIds = [];
|
|
38413
|
+
// If there are files to upload, upload them first
|
|
38414
|
+
if (filesToUpload.length > 0) {
|
|
38415
|
+
// Get session ID - ensure session exists if needed (for image-only messages)
|
|
38416
|
+
var sessionId = null;
|
|
38417
|
+
try {
|
|
38418
|
+
// Use existing sessionId if available, otherwise ensure session is created
|
|
38419
|
+
if (props.sessionId) {
|
|
38420
|
+
sessionId = props.sessionId;
|
|
38421
|
+
} else {
|
|
38422
|
+
// Ensure session exists before uploading files (allows starting chat with image only)
|
|
38423
|
+
sessionId = yield props.onEnsureSession();
|
|
38424
|
+
}
|
|
38425
|
+
} catch (error) {
|
|
38426
|
+
console.error('[ChatWindowFooter] Failed to get sessionId for file upload:', error);
|
|
38419
38427
|
// Mark all files as error
|
|
38420
38428
|
setSelectedFiles(prev => prev.map(f => filesToUpload.some(ftl => ftl.previewUrl === f.previewUrl) ? _objectSpread2(_objectSpread2({}, f), {}, {
|
|
38421
|
-
error: '
|
|
38429
|
+
error: 'Failed to initialize session',
|
|
38422
38430
|
uploading: false
|
|
38423
38431
|
}) : f));
|
|
38432
|
+
setIsSending(false);
|
|
38424
38433
|
return;
|
|
38425
38434
|
}
|
|
38426
|
-
|
|
38427
|
-
|
|
38428
|
-
|
|
38429
|
-
|
|
38430
|
-
|
|
38431
|
-
|
|
38432
|
-
|
|
38433
|
-
|
|
38434
|
-
|
|
38435
|
-
|
|
38436
|
-
|
|
38437
|
-
|
|
38438
|
-
|
|
38439
|
-
|
|
38440
|
-
|
|
38441
|
-
|
|
38442
|
-
|
|
38443
|
-
|
|
38444
|
-
|
|
38445
|
-
|
|
38446
|
-
|
|
38447
|
-
|
|
38448
|
-
|
|
38449
|
-
headers: {
|
|
38450
|
-
'Content-Type': fileDto.file.type
|
|
38451
|
-
},
|
|
38452
|
-
onUploadProgress: () => {
|
|
38453
|
-
// Upload progress tracking (silent)
|
|
38435
|
+
// Upload each file and collect uploaded IDs
|
|
38436
|
+
uploadedIds = [];
|
|
38437
|
+
var hasUploadErrors = false;
|
|
38438
|
+
var _loop = function* _loop(fileDto) {
|
|
38439
|
+
try {
|
|
38440
|
+
// Mark as uploading
|
|
38441
|
+
setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
|
|
38442
|
+
uploading: true,
|
|
38443
|
+
error: null
|
|
38444
|
+
}) : f));
|
|
38445
|
+
// Get presigned URL
|
|
38446
|
+
var presignResponse = yield presignUpload(sessionId, fileDto.file, i18n.language);
|
|
38447
|
+
// Upload file to presigned URL using axios
|
|
38448
|
+
var uploadResponse = yield axios$1.put(presignResponse.uploadUrl, fileDto.file, {
|
|
38449
|
+
headers: {
|
|
38450
|
+
'Content-Type': fileDto.file.type
|
|
38451
|
+
},
|
|
38452
|
+
onUploadProgress: () => {
|
|
38453
|
+
// Upload progress tracking (silent)
|
|
38454
|
+
}
|
|
38455
|
+
});
|
|
38456
|
+
if (uploadResponse.status !== 200 && uploadResponse.status !== 204) {
|
|
38457
|
+
throw new Error("Upload failed with status ".concat(uploadResponse.status));
|
|
38454
38458
|
}
|
|
38455
|
-
|
|
38456
|
-
|
|
38457
|
-
|
|
38458
|
-
|
|
38459
|
-
|
|
38460
|
-
|
|
38461
|
-
|
|
38462
|
-
|
|
38463
|
-
|
|
38464
|
-
|
|
38465
|
-
|
|
38466
|
-
|
|
38467
|
-
|
|
38468
|
-
|
|
38469
|
-
|
|
38470
|
-
|
|
38471
|
-
|
|
38472
|
-
|
|
38473
|
-
|
|
38474
|
-
|
|
38459
|
+
// Collect uploaded ID
|
|
38460
|
+
uploadedIds.push(presignResponse.id);
|
|
38461
|
+
// Update with uploaded ID
|
|
38462
|
+
setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
|
|
38463
|
+
uploading: false,
|
|
38464
|
+
uploadedId: presignResponse.id,
|
|
38465
|
+
error: null
|
|
38466
|
+
}) : f));
|
|
38467
|
+
} catch (error) {
|
|
38468
|
+
console.error('[ChatWindowFooter] File upload failed:', error);
|
|
38469
|
+
hasUploadErrors = true;
|
|
38470
|
+
setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
|
|
38471
|
+
uploading: false,
|
|
38472
|
+
error: 'Upload failed',
|
|
38473
|
+
uploadedId: null
|
|
38474
|
+
}) : f));
|
|
38475
|
+
}
|
|
38476
|
+
};
|
|
38477
|
+
for (var fileDto of filesToUpload) {
|
|
38478
|
+
yield* _loop(fileDto);
|
|
38479
|
+
}
|
|
38480
|
+
// If any uploads failed, don't send the message
|
|
38481
|
+
if (hasUploadErrors) {
|
|
38482
|
+
console.error('[ChatWindowFooter] Some files failed to upload, not sending message');
|
|
38483
|
+
setIsSending(false);
|
|
38484
|
+
return;
|
|
38475
38485
|
}
|
|
38476
|
-
};
|
|
38477
|
-
for (var fileDto of filesToUpload) {
|
|
38478
|
-
yield* _loop(fileDto);
|
|
38479
|
-
}
|
|
38480
|
-
// If any uploads failed, don't send the message
|
|
38481
|
-
if (hasUploadErrors) {
|
|
38482
|
-
console.error('[ChatWindowFooter] Some files failed to upload, not sending message');
|
|
38483
|
-
return;
|
|
38484
38486
|
}
|
|
38487
|
+
// Get all successfully uploaded file IDs (already uploaded + newly uploaded)
|
|
38488
|
+
// Use uploadedIds from the upload loop instead of reading from state
|
|
38489
|
+
var allAttachmentIds = [...alreadyUploadedIds, ...uploadedIds];
|
|
38490
|
+
// Call the original send message with attachment IDs
|
|
38491
|
+
props.handleSendMessage(allAttachmentIds);
|
|
38492
|
+
// Clear selected files and revoke URLs
|
|
38493
|
+
selectedFiles.forEach(f => URL.revokeObjectURL(f.previewUrl));
|
|
38494
|
+
setSelectedFiles([]);
|
|
38495
|
+
setIsSending(false);
|
|
38496
|
+
} catch (error) {
|
|
38497
|
+
console.error('[ChatWindowFooter] Error sending message:', error);
|
|
38498
|
+
setIsSending(false);
|
|
38485
38499
|
}
|
|
38486
|
-
|
|
38487
|
-
// Use uploadedIds from the upload loop instead of reading from state
|
|
38488
|
-
var allAttachmentIds = [...alreadyUploadedIds, ...uploadedIds];
|
|
38489
|
-
// Call the original send message with attachment IDs
|
|
38490
|
-
props.handleSendMessage(allAttachmentIds);
|
|
38491
|
-
// Clear selected files and revoke URLs
|
|
38492
|
-
selectedFiles.forEach(f => URL.revokeObjectURL(f.previewUrl));
|
|
38493
|
-
setSelectedFiles([]);
|
|
38494
|
-
}), [selectedFiles, props, i18n.language]);
|
|
38500
|
+
}), [selectedFiles, props, i18n.language, isSending]);
|
|
38495
38501
|
// Check if any files are currently uploading
|
|
38496
38502
|
var hasUploadingFiles = selectedFiles.some(f => f.uploading);
|
|
38497
38503
|
// Check if there are files with errors
|
|
38498
38504
|
var hasFileErrors = selectedFiles.some(f => f.error !== null);
|
|
38499
38505
|
// Allow sending if there's text OR files selected (files will be uploaded on send)
|
|
38500
38506
|
var hasContentToSend = props.inputMessage.trim() !== '' || selectedFiles.length > 0;
|
|
38501
|
-
var isSendDisabled = props.isLoading || !hasContentToSend || hasUploadingFiles || hasFileErrors;
|
|
38507
|
+
var isSendDisabled = props.isLoading || isSending || !hasContentToSend || hasUploadingFiles || hasFileErrors;
|
|
38508
|
+
var showLoading = props.isLoading || isSending || hasUploadingFiles;
|
|
38502
38509
|
var handleKeyDown = useCallback(e => {
|
|
38503
38510
|
if (e.key === 'Enter' && !e.shiftKey) {
|
|
38504
38511
|
e.preventDefault();
|
|
@@ -38572,10 +38579,12 @@ var ChatWindowFooter = props => {
|
|
|
38572
38579
|
size: 'icon',
|
|
38573
38580
|
onClick: handleSendMessageWithAttachments,
|
|
38574
38581
|
disabled: isSendDisabled,
|
|
38575
|
-
className: 'babylai-rounded-full babylai-bg-primary-500 babylai-hover:babylai-bg-purple-600 babylai-w-8 babylai-h-8 disabled:babylai-opacity-50',
|
|
38582
|
+
className: 'babylai-rounded-full babylai-bg-primary-500 babylai-hover:babylai-bg-purple-600 babylai-w-8 babylai-h-8 !babylai-p-0 babylai-flex babylai-items-center babylai-justify-center disabled:babylai-opacity-50',
|
|
38576
38583
|
type: 'button',
|
|
38577
|
-
children: jsx(
|
|
38578
|
-
className:
|
|
38584
|
+
children: showLoading ? jsx("div", {
|
|
38585
|
+
className: 'babylai-inline-block babylai-animate-spin babylai-rounded-full babylai-h-4 babylai-w-4 babylai-aspect-square babylai-border-2 babylai-border-white babylai-border-t-transparent babylai-box-border'
|
|
38586
|
+
}) : jsx(EnvelopeIcon, {
|
|
38587
|
+
className: "babylai-w-4 babylai-h-4 babylai-flex-shrink-0 ".concat(dir === 'rtl' ? 'babylai-rotate-270' : '')
|
|
38579
38588
|
})
|
|
38580
38589
|
})]
|
|
38581
38590
|
}), previewImage && jsx(ImagePreviewDialog, {
|
|
@@ -38664,7 +38673,7 @@ var MessageComponent = /*#__PURE__*/React__default.memo(_ref => {
|
|
|
38664
38673
|
var textDirection = message.senderType === 1 ? 'babylai-justify-end' : 'babylai-justify-start';
|
|
38665
38674
|
var handleImageClick = useCallback(clickedIndex => {
|
|
38666
38675
|
// Use attachmentUrls if available (from Ably), otherwise use attachmentIds (user-sent)
|
|
38667
|
-
var attachments = message.attachmentUrls ||
|
|
38676
|
+
var attachments = message.attachmentUrls || [];
|
|
38668
38677
|
if (attachments.length > 0) {
|
|
38669
38678
|
onImageClick(attachments, clickedIndex);
|
|
38670
38679
|
}
|