npm - @phonghq/go-chat - Versions diffs - 1.0.3 → 1.0.5 - Mend

@phonghq/go-chat 1.0.3 → 1.0.5

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.

Files changed (16) hide show

package/dist/chat/page/home/ChatMessage.vue.d.ts +1 -0
package/dist/components/chat/customer/Avatar.vue.d.ts +1 -0
package/dist/composable/useDigibot.d.ts +7 -0
package/dist/go-chat.es.js +6578 -6530
package/dist/go-chat.umd.js +14 -14
package/dist/style.css +1 -1
package/dist/test/chat/page/home/ChatList.vue.js +9 -2
package/dist/test/chat/page/home/ChatMessage.vue.js +28 -4
package/dist/test/chat/page/home/Home.vue.js +7 -2
package/dist/test/chat/page/home/HomeHeader.vue.js +6 -1
package/dist/test/chat/page/home/InputChat.vue.js +34 -5
package/dist/test/chat/page/home/NewCustomer.vue.js +3 -1
package/dist/test/components/chat/customer/Avatar.vue.js +25 -3
package/dist/test/composable/useDigibot.js +22 -0
package/dist/test/utils/chat/chat-router.js +0 -1
package/package.json +1 -1

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- @import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.loader[data-v-e1710a65]{width:48px;height:48px;border:5px solid var(--chat-color-primary);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e1710a65 .7s linear infinite}@keyframes rotation-e1710a65{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-line[data-v-eb1aab70]{width:100%;height:3px;overflow:hidden;background-color:#ddd;border-radius:20px}.loader-line[data-v-eb1aab70]:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#4c70f0;animation:lineAnim-eb1aab70 1s linear infinite;border-radius:20px}@keyframes lineAnim-eb1aab70{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.v3-body-inner{scroll-behavior:smooth;scrollbar-color:#393d3f rgba(0,0,0,.1);scrollbar-width:thin}.v3-body-inner::-webkit-scrollbar{width:8px}.v3-body-inner::-webkit-scrollbar-track{background-color:transparent}.v3-body-inner::-webkit-scrollbar-thumb{display:none;background:#0000004d;border-radius:5px}.v3-body-inner:hover::-webkit-scrollbar-thumb{display:block}.v3-emoji-picker{height:320px;width:280px;box-shadow:0 2px 10px #0003;border-radius:10px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;text-align:left}.v3-emoji-picker {box-sizing:border-box}.v3-emoji-picker .v3-header{padding:15px 15px 13px;border-bottom:1px solid}.v3-emoji-picker .v3-header .v3-groups{display:flex}.v3-emoji-picker .v3-header .v3-groups .v3-group{flex-grow:1;padding:0;margin:0;border:none;background:none;font-size:23px;cursor:pointer;position:relative;display:block;opacity:.7;transition:.2s}.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden{display:none}.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child{flex-grow:0}.v3-emoji-picker .v3-header .v3-groups .v3-group:hover{opacity:1}.v3-emoji-picker .v3-header .v3-groups .v3-group span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-header .v3-groups .v3-group span img{display:block;width:1em;height:auto}.v3-emoji-picker .v3-spacing{height:11px}.v3-emoji-picker .v3-search input{width:100%;display:block;height:26px;padding:0 10px;border:1px solid;border-radius:3px;font-size:12px;transition:.2s}.v3-emoji-picker .v3-search input:focus{outline:none}.v3-emoji-picker .v3-body{padding:0 0 15px 11px;min-height:0;flex-grow:1}.v3-emoji-picker .v3-body .v3-body-inner{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;height:100%;padding-right:11px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5{margin:0;top:0;padding:7px 0 3px 4px;z-index:2}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky{position:sticky}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis{display:flex;font-size:18px;flex-wrap:wrap}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button{cursor:pointer;border:none;background:none;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-basis:12.5%;max-width:12.5%;flex-grow:1;padding:0;font-size:22px;position:relative}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after{content:"";width:100%;padding-bottom:100%}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{max-width:100%;padding:4px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{position:absolute;top:0;left:0;width:100%;height:100%}.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button{font-family:"Apple Color Emoji"}.v3-emoji-picker .v3-footer{font-size:14px;border-top:1px solid #dddddd;padding:15px;display:flex;align-items:center;justify-content:space-between;position:relative}.v3-emoji-picker .v3-footer .v3-tone,.v3-emoji-picker .v3-footer .v3-foot-left{display:flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone img,.v3-emoji-picker .v3-footer .v3-foot-left img{width:20px;display:block}.v3-emoji-picker .v3-footer .v3-tone>span:first-child,.v3-emoji-picker .v3-footer .v3-foot-left>span:first-child{margin-right:6px}.v3-emoji-picker .v3-footer .v3-foot-left>span.v3-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-emoji-picker .v3-footer .v3-tone{border:none;padding:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone>span{display:inline-flex;vertical-align:top}.v3-emoji-picker .v3-footer .v3-tone .v3-text{font-size:13px}.v3-emoji-picker .v3-footer .v3-tone .v3-icon{display:inline-flex;height:15px;width:15px;vertical-align:middle;align-self:center;border:2px solid rgba(0,0,0,.2)}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral{background-color:#ffd225}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb{background-color:#ffdfbd}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc{background-color:#e9c197}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd{background-color:#c88e62}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe{background-color:#a86637}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff{background-color:#60463a}.v3-emoji-picker .v3-footer .v3-tone .is-mac span{font-family:"Apple Color Emoji"}.v3-skin-tones{position:absolute;height:100%;width:60%;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;opacity:0;visibility:hidden;transition:.2s;border-radius:0 0 10px 10px}.v3-skin-tones.v3-is-open{opacity:1;visibility:visible}.v3-skin-tones .v3-skin-tone{display:inline-block;height:15px;width:25px;border:none;padding:0;cursor:pointer;transition:0ms}.v3-skin-tones .v3-skin-tone:hover{transform:scale(1.1);transition:.2s}.v3-skin-tones .v3-skin-tone-neutral{color:#ffd225;background-color:#ffd225}.v3-skin-tones .v3-skin-tone-1f3fb{color:#ffdfbd;background-color:#ffdfbd}.v3-skin-tones .v3-skin-tone-1f3fc{color:#e9c197;background-color:#e9c197}.v3-skin-tones .v3-skin-tone-1f3fd{color:#c88e62;background-color:#c88e62}.v3-skin-tones .v3-skin-tone-1f3fe{color:#a86637;background-color:#a86637}.v3-skin-tones .v3-skin-tone-1f3ff{color:#60463a;background-color:#60463a}.v3-input-emoji-picker {box-sizing:border-box}.v3-input-emoji-picker .v3-input-picker-root{position:relative}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{width:100%;height:40px;border:1px solid #999;padding-left:15px}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{min-height:80px;resize:vertical}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea+.v3-input-picker-wrap .v3-input-picker-icon{top:auto;bottom:5px}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon{display:inline-flex;position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:24px;border:none;background:none;padding:0 5px;cursor:pointer}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon img{display:block;width:1em;height:1em}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-emoji-picker{opacity:0;visibility:hidden;transition:.2s}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap.v3-picker-is-open .v3-emoji-picker{opacity:1;visibility:visible;z-index:999}.v3-emoji-picker{--v3-picker-bg: #ffffff;--v3-picker-fg: #000000;--v3-picker-border: #dddddd;--v3-picker-input-bg: var(--v3-picker-bg);--v3-picker-input-border: #cccccc;--v3-picker-input-focus-border: #000000;--v3-group-image-filter: none;--v3-picker-emoji-hover: #f7f7f7;background:var(--v3-picker-bg);color:var(--v3-picker-fg)}.v3-emoji-picker .v3-footer,.v3-emoji-picker .v3-header{border-color:var(--v3-picker-border)}.v3-emoji-picker .v3-groups{filter:var(--v3-group-image-filter)}.v3-emoji-picker .v3-tone{color:var(--v3-picker-fg)}.v3-emoji-picker .v3-search input{background:var(--v3-picker-input-bg);border-color:var(--v3-picker-input-border);color:inherit}.v3-emoji-picker .v3-search input:focus{border-color:var(--v3-picker-input-focus-border)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,.v3-emoji-picker .v3-skin-tones{background:var(--v3-picker-bg)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover{background:var(--v3-picker-emoji-hover, #f7f7f7)}@media (prefers-color-scheme: dark){.v3-emoji-picker.v3-color-theme-auto{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}}.v3-emoji-picker.v3-color-theme-dark{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}[data-v-6183f7a3],[data-v-6183f7a3]:before,[data-v-6183f7a3]:after{--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: rgb(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: }[data-v-6183f7a3]::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: rgb(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: }[data-v-6183f7a3],[data-v-6183f7a3]:before,[data-v-6183f7a3]:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}[data-v-6183f7a3]:before,[data-v-6183f7a3]:after{--tw-content: ""}html[data-v-6183f7a3],[data-v-6183f7a3]:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body[data-v-6183f7a3]{margin:0;line-height:inherit}hr[data-v-6183f7a3]{height:0;color:inherit;border-top-width:1px}abbr[data-v-6183f7a3]:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1[data-v-6183f7a3],h2[data-v-6183f7a3],h3[data-v-6183f7a3],h4[data-v-6183f7a3],h5[data-v-6183f7a3],h6[data-v-6183f7a3]{font-size:inherit;font-weight:inherit}a[data-v-6183f7a3]{color:inherit;text-decoration:inherit}b[data-v-6183f7a3],strong[data-v-6183f7a3]{font-weight:bolder}code[data-v-6183f7a3],kbd[data-v-6183f7a3],samp[data-v-6183f7a3],pre[data-v-6183f7a3]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small[data-v-6183f7a3]{font-size:80%}sub[data-v-6183f7a3],sup[data-v-6183f7a3]{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub[data-v-6183f7a3]{bottom:-.25em}sup[data-v-6183f7a3]{top:-.5em}table[data-v-6183f7a3]{text-indent:0;border-color:inherit;border-collapse:collapse}button[data-v-6183f7a3],input[data-v-6183f7a3],optgroup[data-v-6183f7a3],select[data-v-6183f7a3],textarea[data-v-6183f7a3]{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button[data-v-6183f7a3],select[data-v-6183f7a3]{text-transform:none}button[data-v-6183f7a3],input[data-v-6183f7a3]:where([type=button]),input[data-v-6183f7a3]:where([type=reset]),input[data-v-6183f7a3]:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}[data-v-6183f7a3]:-moz-focusring{outline:auto}[data-v-6183f7a3]:-moz-ui-invalid{box-shadow:none}progress[data-v-6183f7a3]{vertical-align:baseline}[data-v-6183f7a3]::-webkit-inner-spin-button,[data-v-6183f7a3]::-webkit-outer-spin-button{height:auto}[type=search][data-v-6183f7a3]{-webkit-appearance:textfield;outline-offset:-2px}[data-v-6183f7a3]::-webkit-search-decoration{-webkit-appearance:none}[data-v-6183f7a3]::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary[data-v-6183f7a3]{display:list-item}blockquote[data-v-6183f7a3],dl[data-v-6183f7a3],dd[data-v-6183f7a3],h1[data-v-6183f7a3],h2[data-v-6183f7a3],h3[data-v-6183f7a3],h4[data-v-6183f7a3],h5[data-v-6183f7a3],h6[data-v-6183f7a3],hr[data-v-6183f7a3],figure[data-v-6183f7a3],p[data-v-6183f7a3],pre[data-v-6183f7a3]{margin:0}fieldset[data-v-6183f7a3]{margin:0;padding:0}legend[data-v-6183f7a3]{padding:0}ol[data-v-6183f7a3],ul[data-v-6183f7a3],menu[data-v-6183f7a3]{list-style:none;margin:0;padding:0}dialog[data-v-6183f7a3]{padding:0}textarea[data-v-6183f7a3]{resize:vertical}input[data-v-6183f7a3]::-moz-placeholder,textarea[data-v-6183f7a3]::-moz-placeholder{opacity:1;color:#9ca3af}input[data-v-6183f7a3]::placeholder,textarea[data-v-6183f7a3]::placeholder{opacity:1;color:#9ca3af}button[data-v-6183f7a3],[role=button][data-v-6183f7a3]{cursor:pointer}[data-v-6183f7a3]:disabled{cursor:default}img[data-v-6183f7a3],svg[data-v-6183f7a3],video[data-v-6183f7a3],canvas[data-v-6183f7a3],audio[data-v-6183f7a3],iframe[data-v-6183f7a3],embed[data-v-6183f7a3],object[data-v-6183f7a3]{display:block;vertical-align:middle}img[data-v-6183f7a3],video[data-v-6183f7a3]{max-width:100%;height:auto}[hidden][data-v-6183f7a3]{display:none}.container[data-v-6183f7a3]{width:100%}@media (min-width: 640px){.container[data-v-6183f7a3]{max-width:640px}}@media (min-width: 768px){.container[data-v-6183f7a3]{max-width:768px}}@media (min-width: 1024px){.container[data-v-6183f7a3]{max-width:1024px}}@media (min-width: 1280px){.container[data-v-6183f7a3]{max-width:1280px}}@media (min-width: 1536px){.container[data-v-6183f7a3]{max-width:1536px}}.chat-box-white[data-v-6183f7a3]{border-radius:1.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));box-shadow:0 4px 10px #e9e9e940}.chat-padding-page[data-v-6183f7a3]{padding:1rem 2.25rem}.chat-mobile .chat-padding-page[data-v-6183f7a3]{padding-left:1rem;padding-right:1rem}.chat-input[data-v-6183f7a3]{border-radius:99px;outline:2px solid transparent;outline-offset:2px}.chat-input[data-v-6183f7a3]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(189 189 189 / var(--tw-text-opacity))}.chat-input[data-v-6183f7a3]::placeholder{--tw-text-opacity: 1;color:rgb(189 189 189 / var(--tw-text-opacity))}.chat-input[data-v-6183f7a3]:focus{outline:2px solid transparent;outline-offset:2px;--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(0px + 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)}.pointer-events-none[data-v-6183f7a3]{pointer-events:none}.visible[data-v-6183f7a3]{visibility:visible}.fixed[data-v-6183f7a3]{position:fixed}.absolute[data-v-6183f7a3]{position:absolute}.relative[data-v-6183f7a3]{position:relative}.inset-0[data-v-6183f7a3]{top:0;right:0;bottom:0;left:0}.inset-y-0[data-v-6183f7a3]{top:0;bottom:0}.bottom-0[data-v-6183f7a3]{bottom:0}.bottom-1\/2[data-v-6183f7a3]{bottom:50%}.bottom-6[data-v-6183f7a3]{bottom:1.5rem}.left-0[data-v-6183f7a3]{left:0}.left-0\.5[data-v-6183f7a3]{left:.125rem}.left-1\/2[data-v-6183f7a3]{left:50%}.left-2[data-v-6183f7a3]{left:.5rem}.left-4[data-v-6183f7a3]{left:1rem}.left-\[-20px\][data-v-6183f7a3]{left:-20px}.right-0[data-v-6183f7a3]{right:0}.top-0[data-v-6183f7a3]{top:0}.top-1\.5[data-v-6183f7a3]{top:.375rem}.top-1\/2[data-v-6183f7a3]{top:50%}.top-2[data-v-6183f7a3]{top:.5rem}.z-50[data-v-6183f7a3]{z-index:50}.z-\[2000\][data-v-6183f7a3]{z-index:2000}.m-auto[data-v-6183f7a3]{margin:auto}.-mx-1[data-v-6183f7a3]{margin-left:-.25rem;margin-right:-.25rem}.mx-6[data-v-6183f7a3]{margin-left:1.5rem;margin-right:1.5rem}.mx-auto[data-v-6183f7a3]{margin-left:auto;margin-right:auto}.my-1[data-v-6183f7a3]{margin-top:.25rem;margin-bottom:.25rem}.my-2[data-v-6183f7a3]{margin-top:.5rem;margin-bottom:.5rem}.my-8[data-v-6183f7a3]{margin-top:2rem;margin-bottom:2rem}.mb-0[data-v-6183f7a3]{margin-bottom:0}.mb-0\.5[data-v-6183f7a3]{margin-bottom:.125rem}.mb-1[data-v-6183f7a3]{margin-bottom:.25rem}.mb-2[data-v-6183f7a3]{margin-bottom:.5rem}.mb-3[data-v-6183f7a3]{margin-bottom:.75rem}.mb-4[data-v-6183f7a3]{margin-bottom:1rem}.mb-5[data-v-6183f7a3]{margin-bottom:1.25rem}.mb-6[data-v-6183f7a3]{margin-bottom:1.5rem}.mb-8[data-v-6183f7a3]{margin-bottom:2rem}.ml-1[data-v-6183f7a3]{margin-left:.25rem}.ml-2[data-v-6183f7a3]{margin-left:.5rem}.ml-3[data-v-6183f7a3]{margin-left:.75rem}.ml-auto[data-v-6183f7a3]{margin-left:auto}.mr-2[data-v-6183f7a3]{margin-right:.5rem}.mt-1[data-v-6183f7a3]{margin-top:.25rem}.mt-10[data-v-6183f7a3]{margin-top:2.5rem}.mt-2[data-v-6183f7a3]{margin-top:.5rem}.mt-3[data-v-6183f7a3]{margin-top:.75rem}.mt-4[data-v-6183f7a3]{margin-top:1rem}.mt-5[data-v-6183f7a3]{margin-top:1.25rem}.mt-auto[data-v-6183f7a3]{margin-top:auto}.block[data-v-6183f7a3]{display:block}.\!inline-block[data-v-6183f7a3]{display:inline-block!important}.flex[data-v-6183f7a3]{display:flex}.inline-flex[data-v-6183f7a3]{display:inline-flex}.grid[data-v-6183f7a3]{display:grid}.hidden[data-v-6183f7a3]{display:none}.aspect-square[data-v-6183f7a3]{aspect-ratio:1 / 1}.h-11[data-v-6183f7a3]{height:2.75rem}.h-12[data-v-6183f7a3]{height:3rem}.h-14[data-v-6183f7a3]{height:3.5rem}.h-16[data-v-6183f7a3]{height:4rem}.h-2[data-v-6183f7a3]{height:.5rem}.h-2\.5[data-v-6183f7a3]{height:.625rem}.h-20[data-v-6183f7a3]{height:5rem}.h-24[data-v-6183f7a3]{height:6rem}.h-3\.5[data-v-6183f7a3]{height:.875rem}.h-32[data-v-6183f7a3]{height:8rem}.h-4[data-v-6183f7a3]{height:1rem}.h-40[data-v-6183f7a3]{height:10rem}.h-5[data-v-6183f7a3]{height:1.25rem}.h-6[data-v-6183f7a3]{height:1.5rem}.h-8[data-v-6183f7a3]{height:2rem}.h-9[data-v-6183f7a3]{height:2.25rem}.h-\[45px\][data-v-6183f7a3]{height:45px}.h-\[80px\][data-v-6183f7a3]{height:80px}.h-full[data-v-6183f7a3]{height:100%}.h-max[data-v-6183f7a3]{height:-moz-max-content;height:max-content}.h-px[data-v-6183f7a3]{height:1px}.h-screen[data-v-6183f7a3]{height:100vh}.\!w-\[300px\][data-v-6183f7a3]{width:300px!important}.w-1[data-v-6183f7a3]{width:.25rem}.w-10[data-v-6183f7a3]{width:2.5rem}.w-11[data-v-6183f7a3]{width:2.75rem}.w-12[data-v-6183f7a3]{width:3rem}.w-14[data-v-6183f7a3]{width:3.5rem}.w-16[data-v-6183f7a3]{width:4rem}.w-2[data-v-6183f7a3]{width:.5rem}.w-2\.5[data-v-6183f7a3]{width:.625rem}.w-20[data-v-6183f7a3]{width:5rem}.w-24[data-v-6183f7a3]{width:6rem}.w-3\.5[data-v-6183f7a3]{width:.875rem}.w-32[data-v-6183f7a3]{width:8rem}.w-4[data-v-6183f7a3]{width:1rem}.w-40[data-v-6183f7a3]{width:10rem}.w-5[data-v-6183f7a3]{width:1.25rem}.w-6[data-v-6183f7a3]{width:1.5rem}.w-8[data-v-6183f7a3]{width:2rem}.w-9[data-v-6183f7a3]{width:2.25rem}.w-\[130px\][data-v-6183f7a3]{width:130px}.w-\[38\%\][data-v-6183f7a3]{width:38%}.w-\[45px\][data-v-6183f7a3]{width:45px}.w-auto[data-v-6183f7a3]{width:auto}.w-fit[data-v-6183f7a3]{width:-moz-fit-content;width:fit-content}.w-full[data-v-6183f7a3]{width:100%}.w-max[data-v-6183f7a3]{width:-moz-max-content;width:max-content}.min-w-32[data-v-6183f7a3]{min-width:8rem}.min-w-72[data-v-6183f7a3]{min-width:18rem}.min-w-\[100px\][data-v-6183f7a3]{min-width:100px}.max-w-\[350px\][data-v-6183f7a3]{max-width:350px}.max-w-\[500px\][data-v-6183f7a3]{max-width:500px}.max-w-lg[data-v-6183f7a3]{max-width:32rem}.max-w-md[data-v-6183f7a3]{max-width:28rem}.max-w-xs[data-v-6183f7a3]{max-width:20rem}.flex-1[data-v-6183f7a3]{flex:1 1 0%}.shrink-0[data-v-6183f7a3]{flex-shrink:0}.grow[data-v-6183f7a3]{flex-grow:1}.-translate-x-1\/2[data-v-6183f7a3]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2[data-v-6183f7a3]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2[data-v-6183f7a3]{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-2px\][data-v-6183f7a3]{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-4px\][data-v-6183f7a3]{--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0[data-v-6183f7a3]{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90[data-v-6183f7a3]{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform[data-v-6183f7a3]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default[data-v-6183f7a3]{cursor:default}.cursor-pointer[data-v-6183f7a3]{cursor:pointer}.\!touch-none[data-v-6183f7a3]{touch-action:none!important}.touch-none[data-v-6183f7a3]{touch-action:none}.\!touch-pan-x[data-v-6183f7a3]{--tw-pan-x: pan-x !important;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)!important}.select-none[data-v-6183f7a3]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize[data-v-6183f7a3]{resize:both}.grid-cols-3[data-v-6183f7a3]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4[data-v-6183f7a3]{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row-reverse[data-v-6183f7a3]{flex-direction:row-reverse}.flex-col[data-v-6183f7a3]{flex-direction:column}.flex-col-reverse[data-v-6183f7a3]{flex-direction:column-reverse}.place-content-center[data-v-6183f7a3]{place-content:center}.place-items-center[data-v-6183f7a3]{place-items:center}.items-end[data-v-6183f7a3]{align-items:flex-end}.items-center[data-v-6183f7a3]{align-items:center}.justify-center[data-v-6183f7a3]{justify-content:center}.justify-between[data-v-6183f7a3]{justify-content:space-between}.gap-1[data-v-6183f7a3]{gap:.25rem}.gap-1\.5[data-v-6183f7a3]{gap:.375rem}.gap-2[data-v-6183f7a3]{gap:.5rem}.gap-4[data-v-6183f7a3]{gap:1rem}.gap-8[data-v-6183f7a3]{gap:2rem}.gap-y-1\.5[data-v-6183f7a3]{row-gap:.375rem}.gap-y-3[data-v-6183f7a3]{row-gap:.75rem}.space-y-4[data-v-6183f7a3]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto[data-v-6183f7a3]{overflow:auto}.overflow-hidden[data-v-6183f7a3]{overflow:hidden}.overflow-y-auto[data-v-6183f7a3]{overflow-y:auto}.truncate[data-v-6183f7a3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl[data-v-6183f7a3]{border-radius:1rem}.rounded-\[6px\][data-v-6183f7a3]{border-radius:6px}.rounded-\[8px\][data-v-6183f7a3]{border-radius:8px}.rounded-\[99px\][data-v-6183f7a3]{border-radius:99px}.rounded-full[data-v-6183f7a3]{border-radius:9999px}.rounded-lg[data-v-6183f7a3]{border-radius:8px}.rounded-md[data-v-6183f7a3]{border-radius:calc(var(--radius) - 2px)}.rounded-sm[data-v-6183f7a3]{border-radius:calc(var(--radius) - 4px)}.rounded-xl[data-v-6183f7a3]{border-radius:.75rem}.rounded-t-3xl[data-v-6183f7a3]{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-\[10px\][data-v-6183f7a3]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-bl-none[data-v-6183f7a3]{border-bottom-left-radius:0}.rounded-br-none[data-v-6183f7a3]{border-bottom-right-radius:0}.rounded-tl-none[data-v-6183f7a3]{border-top-left-radius:0}.rounded-tr-none[data-v-6183f7a3]{border-top-right-radius:0}.border[data-v-6183f7a3]{border-width:1px}.border-2[data-v-6183f7a3]{border-width:2px}.border-4[data-v-6183f7a3]{border-width:4px}.border-b[data-v-6183f7a3]{border-bottom-width:1px}.border-l[data-v-6183f7a3]{border-left-width:1px}.border-t[data-v-6183f7a3]{border-top-width:1px}.border-dashed[data-v-6183f7a3]{border-style:dashed}.border-\[\#DDDDE8\][data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(221 221 232 / var(--tw-border-opacity))}.border-chat-gray-5[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(224 224 224 / var(--tw-border-opacity))}.border-chat-haze-100[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(237 239 241 / var(--tw-border-opacity))}.border-chat-haze-200[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(215 220 224 / var(--tw-border-opacity))}.border-chat-haze-300[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(179 190 198 / var(--tw-border-opacity))}.border-chat-haze-400[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(138 154 166 / var(--tw-border-opacity))}.\!bg-\[\#F9FAFC\][data-v-6183f7a3]{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 252 / var(--tw-bg-opacity))!important}.\!bg-white[data-v-6183f7a3]{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.bg-\[\#002E6B\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(0 46 107 / var(--tw-bg-opacity))}.bg-\[\#004AB3\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(0 74 179 / var(--tw-bg-opacity))}.bg-\[\#22C55E\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-\[\#C7DEFF\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(199 222 255 / var(--tw-bg-opacity))}.bg-\[\#D0DFEC\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(208 223 236 / var(--tw-bg-opacity))}.bg-\[\#E4E4E4D4\][data-v-6183f7a3]{background-color:#e4e4e4d4}.bg-\[\#E60000\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(230 0 0 / var(--tw-bg-opacity))}.bg-\[\#EDF5FF\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(237 245 255 / var(--tw-bg-opacity))}.bg-\[\#EF4444\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-\[\#F7F8F9\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(247 248 249 / var(--tw-bg-opacity))}.bg-\[\#F9FAFC\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(249 250 252 / var(--tw-bg-opacity))}.bg-\[\#f3f3f3\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}.bg-black\/10[data-v-6183f7a3]{background-color:#0000001a}.bg-black\/60[data-v-6183f7a3]{background-color:#0009}.bg-black\/80[data-v-6183f7a3]{background-color:#000c}.bg-chat-haze-200[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(215 220 224 / var(--tw-bg-opacity))}.bg-chat-haze-300[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(179 190 198 / var(--tw-bg-opacity))}.bg-chat-haze-400[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(138 154 166 / var(--tw-bg-opacity))}.bg-white[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover[data-v-6183f7a3]{-o-object-fit:cover;object-fit:cover}.p-1[data-v-6183f7a3]{padding:.25rem}.p-4[data-v-6183f7a3]{padding:1rem}.p-6[data-v-6183f7a3]{padding:1.5rem}.p-8[data-v-6183f7a3]{padding:2rem}.px-2[data-v-6183f7a3]{padding-left:.5rem;padding-right:.5rem}.px-3[data-v-6183f7a3]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-6183f7a3]{padding-left:1rem;padding-right:1rem}.px-6[data-v-6183f7a3]{padding-left:1.5rem;padding-right:1.5rem}.px-8[data-v-6183f7a3]{padding-left:2rem;padding-right:2rem}.px-\[10px\][data-v-6183f7a3]{padding-left:10px;padding-right:10px}.py-1\.5[data-v-6183f7a3]{padding-top:.375rem;padding-bottom:.375rem}.py-10[data-v-6183f7a3]{padding-top:2.5rem;padding-bottom:2.5rem}.py-2[data-v-6183f7a3]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-6183f7a3]{padding-top:.75rem;padding-bottom:.75rem}.py-6[data-v-6183f7a3]{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[1px\][data-v-6183f7a3]{padding-top:1px;padding-bottom:1px}.py-\[5px\][data-v-6183f7a3]{padding-top:5px;padding-bottom:5px}.pb-2[data-v-6183f7a3]{padding-bottom:.5rem}.pb-4[data-v-6183f7a3]{padding-bottom:1rem}.pb-7[data-v-6183f7a3]{padding-bottom:1.75rem}.pl-10[data-v-6183f7a3]{padding-left:2.5rem}.pl-4[data-v-6183f7a3]{padding-left:1rem}.pl-8[data-v-6183f7a3]{padding-left:2rem}.pr-2[data-v-6183f7a3]{padding-right:.5rem}.pr-4[data-v-6183f7a3]{padding-right:1rem}.pt-4[data-v-6183f7a3]{padding-top:1rem}.pt-6[data-v-6183f7a3]{padding-top:1.5rem}.text-center[data-v-6183f7a3]{text-align:center}.text-right[data-v-6183f7a3]{text-align:right}.text-base[data-v-6183f7a3]{font-size:1rem}.text-lg[data-v-6183f7a3]{font-size:1.125rem}.text-sm[data-v-6183f7a3]{font-size:.875rem}.text-xl[data-v-6183f7a3]{font-size:1.25rem}.text-xs[data-v-6183f7a3]{font-size:.75rem}.font-bold[data-v-6183f7a3]{font-weight:700}.font-medium[data-v-6183f7a3]{font-weight:500}.font-normal[data-v-6183f7a3]{font-weight:400}.font-semibold[data-v-6183f7a3]{font-weight:600}.tracking-tight[data-v-6183f7a3]{letter-spacing:-.025em}.tracking-widest[data-v-6183f7a3]{letter-spacing:.1em}.text-\[\#004AB3\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(0 74 179 / var(--tw-text-opacity))}.text-\[\#0051E6\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(0 81 230 / var(--tw-text-opacity))}.text-\[\#141B34\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(20 27 52 / var(--tw-text-opacity))}.text-\[\#266699\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(38 102 153 / var(--tw-text-opacity))}.text-chat-gray-3[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(130 130 130 / var(--tw-text-opacity))}.text-chat-gray-4[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(189 189 189 / var(--tw-text-opacity))}.text-chat-haze-200[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(215 220 224 / var(--tw-text-opacity))}.text-chat-haze-300[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(179 190 198 / var(--tw-text-opacity))}.text-chat-haze-400[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(138 154 166 / var(--tw-text-opacity))}.text-chat-haze-500[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(108 126 139 / var(--tw-text-opacity))}.text-chat-haze-600[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(86 102 115 / var(--tw-text-opacity))}.text-chat-haze-900[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(54 62 68 / var(--tw-text-opacity))}.text-chat-primary[data-v-6183f7a3]{color:var(--chat-color-primary)}.text-chat-success[data-v-6183f7a3]{color:var(--chat-color-success)}.text-white[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0[data-v-6183f7a3]{opacity:0}.opacity-60[data-v-6183f7a3],.opacity-\[0\.6\][data-v-6183f7a3]{opacity:.6}.shadow-3xl[data-v-6183f7a3]{--tw-shadow: 1px 1px 8px 0px #DEDEDE;--tw-shadow-colored: 1px 1px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-custom[data-v-6183f7a3]{--tw-shadow: 0px 3.77749px 18.8874px rgba(0, 0, 0, .15);--tw-shadow-colored: 0px 3.77749px 18.8874px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none[data-v-6183f7a3]{outline:2px solid transparent;outline-offset:2px}.ring-0[data-v-6183f7a3]{--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(0px + 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)}.transition[data-v-6183f7a3]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all[data-v-6183f7a3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-6183f7a3]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-6183f7a3]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200[data-v-6183f7a3]{transition-duration:.2s}@keyframes enter-6183f7a3{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-6183f7a3{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))}}.duration-200[data-v-6183f7a3]{animation-duration:.2s}.sc-full[data-v-6183f7a3]{width:100%;height:100%}.flex-center[data-v-6183f7a3]{display:flex;justify-content:center;align-items:center}.flex-col[data-v-6183f7a3]{flex-direction:column;display:flex}.go-chat-main[data-v-6183f7a3]{width:100%;height:100%;font-size:16px;font-family:Poppins,sans-serif;color:var(--color-text)}.first\:border-none[data-v-6183f7a3]:first-child{border-style:none}@media (hover: hover) and (pointer: fine){.hover\:bg-\[\#EDF5FF\][data-v-6183f7a3]:hover{--tw-bg-opacity: 1;background-color:rgb(237 245 255 / var(--tw-bg-opacity))}.hover\:text-white[data-v-6183f7a3]:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:duration-100[data-v-6183f7a3]:hover{transition-duration:.1s;animation-duration:.1s}}.focus\:outline-none[data-v-6183f7a3]:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none[data-v-6183f7a3]:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2[data-v-6183f7a3]: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)}.focus-visible\:ring-offset-2[data-v-6183f7a3]:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none[data-v-6183f7a3]:disabled{pointer-events:none}.disabled\:cursor-not-allowed[data-v-6183f7a3]:disabled{cursor:not-allowed}.disabled\:opacity-50[data-v-6183f7a3]:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled][data-v-6183f7a3]{pointer-events:none}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical][data-v-6183f7a3]{height:100%}.data-\[orientation\=vertical\]\:w-2[data-orientation=vertical][data-v-6183f7a3]{width:.5rem}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical][data-v-6183f7a3]{width:100%}.data-\[state\=checked\]\:translate-x-5[data-state=checked][data-v-6183f7a3]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked][data-v-6183f7a3]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical][data-v-6183f7a3]{flex-direction:column}.data-\[state\=unchecked\]\:bg-\[\#D1D1D1\][data-state=unchecked][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(209 209 209 / var(--tw-bg-opacity))}.data-\[disabled\]\:opacity-50[data-disabled][data-v-6183f7a3]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open][data-v-6183f7a3]{animation-name:enter-6183f7a3;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed][data-v-6183f7a3]{animation-name:exit-6183f7a3;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed][data-v-6183f7a3]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open][data-v-6183f7a3]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed][data-v-6183f7a3]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open][data-v-6183f7a3]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom][data-v-6183f7a3]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left][data-v-6183f7a3]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right][data-v-6183f7a3]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top][data-v-6183f7a3]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed][data-v-6183f7a3]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed][data-v-6183f7a3]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open][data-v-6183f7a3]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open][data-v-6183f7a3]{--tw-enter-translate-y: -48%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical][data-v-6183f7a3]{flex-direction:column;display:flex}@media (min-width: 640px){.sm\:flex-row[data-v-6183f7a3]{flex-direction:row}.sm\:justify-end[data-v-6183f7a3]{justify-content:flex-end}.sm\:gap-x-2[data-v-6183f7a3]{-moz-column-gap:.5rem;column-gap:.5rem}.sm\:rounded-lg[data-v-6183f7a3]{border-radius:8px}.sm\:text-left[data-v-6183f7a3]{text-align:left}}@media (min-width: 768px){.md\:block[data-v-6183f7a3]{display:block}.md\:w-full[data-v-6183f7a3]{width:100%}}.\[\&\>svg\]\:size-4>svg[data-v-6183f7a3]{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg[data-v-6183f7a3]{flex-shrink:0}.\[\&_\.loader\:\:before\]\:border-white .loader[data-v-6183f7a3]:before{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}
1	+ @import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";[data-v-571327c1]:root{--size: 120px;--face: #fff;--bg: #7c3aed;--cheek: #ffb4c6;--mouth: #333;--shadow: rgba(0,0,0,.18)}.bot-wrap[data-v-571327c1]{display:inline-grid;place-items:center;gap:8px;width:calc(var(--size) + 40px);text-align:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.bot-avatar[data-v-571327c1]{width:var(--size);height:var(--size);border-radius:999px;background:linear-gradient(180deg,var(--face) 0 60%,#f2f2f6 100%);box-shadow:0 10px 24px var(--shadow),inset 0 -6px 18px #00000008;position:relative;transform-origin:center;animation:float-571327c1 3s ease-in-out infinite;border:4px solid rgba(255,255,255,.18)}.bot-avatar[data-v-571327c1]:before{content:"";position:absolute;left:8%;top:-8%;width:26%;height:22%;background:linear-gradient(180deg,var(--bg),#5b21b6);border-radius:12px 12px 8px 8px;transform:rotate(-18deg);box-shadow:0 6px 10px #0000001f}.bot-avatar[data-v-571327c1]:after{content:"";position:absolute;right:8%;top:-8%;width:26%;height:22%;background:linear-gradient(180deg,var(--bg),#5b21b6);border-radius:12px 12px 8px 8px;transform:rotate(18deg);box-shadow:0 6px 10px #0000001f}.eye[data-v-571327c1]{position:absolute;top:36%;width:16%;height:16%;background:#222;border-radius:50%;transform-origin:center;animation:blink-571327c1 4s linear infinite}.eye.right[data-v-571327c1]{right:26%}.eye.left[data-v-571327c1]{left:26%;animation-delay:.06s}.cheek[data-v-571327c1]{position:absolute;top:50%;width:18%;height:10%;border-radius:50%;background:var(--cheek);opacity:.95}.cheek.left[data-v-571327c1]{left:18%}.cheek.right[data-v-571327c1]{right:18%}.mouth[data-v-571327c1]{position:absolute;bottom:22%;left:50%;width:26%;height:18%;transform:translate(-50%);border-radius:20px/14px;background:linear-gradient(180deg,#2b2b2b,#1f1f1f);transform-origin:center;animation:talk-571327c1 .9s ease-in-out infinite}.typing[data-v-571327c1]{display:flex;gap:6px;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:#0000000f;box-shadow:0 6px 16px #0000000f;font-size:12px;color:#111;margin-top:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dot[data-v-571327c1]{width:8px;height:8px;background:#111;border-radius:50%;opacity:.85;transform:translateY(0);animation:dot-571327c1 1s infinite ease-in-out}.dot[data-v-571327c1]:nth-child(2){animation-delay:.15s}.dot[data-v-571327c1]:nth-child(3){animation-delay:.3s}.name[data-v-571327c1]{font-weight:600;font-size:13px;color:#111;margin-top:6px}@keyframes float-571327c1{0%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}to{transform:translateY(0) rotate(-.6deg)}}@keyframes blink-571327c1{0%,92%{transform:scaleY(1)}95%{transform:scaleY(.08)}98%,to{transform:scaleY(1)}}@keyframes talk-571327c1{0%{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(.6)}to{transform:translate(-50%) scaleY(1)}}@keyframes dot-571327c1{0%{transform:translateY(0);opacity:.3}50%{transform:translateY(-6px);opacity:1}to{transform:translateY(0);opacity:.3}}@media (max-width: 420px){[data-v-571327c1]:root{--size: 88px }.bot-wrap[data-v-571327c1]{width:calc(var(--size) + 30px)}}.loader[data-v-e1710a65]{width:48px;height:48px;border:5px solid var(--chat-color-primary);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e1710a65 .7s linear infinite}@keyframes rotation-e1710a65{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-line[data-v-eb1aab70]{width:100%;height:3px;overflow:hidden;background-color:#ddd;border-radius:20px}.loader-line[data-v-eb1aab70]:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#4c70f0;animation:lineAnim-eb1aab70 1s linear infinite;border-radius:20px}@keyframes lineAnim-eb1aab70{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.v3-body-inner{scroll-behavior:smooth;scrollbar-color:#393d3f rgba(0,0,0,.1);scrollbar-width:thin}.v3-body-inner::-webkit-scrollbar{width:8px}.v3-body-inner::-webkit-scrollbar-track{background-color:transparent}.v3-body-inner::-webkit-scrollbar-thumb{display:none;background:#0000004d;border-radius:5px}.v3-body-inner:hover::-webkit-scrollbar-thumb{display:block}.v3-emoji-picker{height:320px;width:280px;box-shadow:0 2px 10px #0003;border-radius:10px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;text-align:left}.v3-emoji-picker {box-sizing:border-box}.v3-emoji-picker .v3-header{padding:15px 15px 13px;border-bottom:1px solid}.v3-emoji-picker .v3-header .v3-groups{display:flex}.v3-emoji-picker .v3-header .v3-groups .v3-group{flex-grow:1;padding:0;margin:0;border:none;background:none;font-size:23px;cursor:pointer;position:relative;display:block;opacity:.7;transition:.2s}.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden{display:none}.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child{flex-grow:0}.v3-emoji-picker .v3-header .v3-groups .v3-group:hover{opacity:1}.v3-emoji-picker .v3-header .v3-groups .v3-group span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-header .v3-groups .v3-group span img{display:block;width:1em;height:auto}.v3-emoji-picker .v3-spacing{height:11px}.v3-emoji-picker .v3-search input{width:100%;display:block;height:26px;padding:0 10px;border:1px solid;border-radius:3px;font-size:12px;transition:.2s}.v3-emoji-picker .v3-search input:focus{outline:none}.v3-emoji-picker .v3-body{padding:0 0 15px 11px;min-height:0;flex-grow:1}.v3-emoji-picker .v3-body .v3-body-inner{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;height:100%;padding-right:11px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5{margin:0;top:0;padding:7px 0 3px 4px;z-index:2}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky{position:sticky}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis{display:flex;font-size:18px;flex-wrap:wrap}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button{cursor:pointer;border:none;background:none;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-basis:12.5%;max-width:12.5%;flex-grow:1;padding:0;font-size:22px;position:relative}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after{content:"";width:100%;padding-bottom:100%}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{max-width:100%;padding:4px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{position:absolute;top:0;left:0;width:100%;height:100%}.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button{font-family:"Apple Color Emoji"}.v3-emoji-picker .v3-footer{font-size:14px;border-top:1px solid #dddddd;padding:15px;display:flex;align-items:center;justify-content:space-between;position:relative}.v3-emoji-picker .v3-footer .v3-tone,.v3-emoji-picker .v3-footer .v3-foot-left{display:flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone img,.v3-emoji-picker .v3-footer .v3-foot-left img{width:20px;display:block}.v3-emoji-picker .v3-footer .v3-tone>span:first-child,.v3-emoji-picker .v3-footer .v3-foot-left>span:first-child{margin-right:6px}.v3-emoji-picker .v3-footer .v3-foot-left>span.v3-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-emoji-picker .v3-footer .v3-tone{border:none;padding:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone>span{display:inline-flex;vertical-align:top}.v3-emoji-picker .v3-footer .v3-tone .v3-text{font-size:13px}.v3-emoji-picker .v3-footer .v3-tone .v3-icon{display:inline-flex;height:15px;width:15px;vertical-align:middle;align-self:center;border:2px solid rgba(0,0,0,.2)}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral{background-color:#ffd225}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb{background-color:#ffdfbd}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc{background-color:#e9c197}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd{background-color:#c88e62}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe{background-color:#a86637}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff{background-color:#60463a}.v3-emoji-picker .v3-footer .v3-tone .is-mac span{font-family:"Apple Color Emoji"}.v3-skin-tones{position:absolute;height:100%;width:60%;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;opacity:0;visibility:hidden;transition:.2s;border-radius:0 0 10px 10px}.v3-skin-tones.v3-is-open{opacity:1;visibility:visible}.v3-skin-tones .v3-skin-tone{display:inline-block;height:15px;width:25px;border:none;padding:0;cursor:pointer;transition:0ms}.v3-skin-tones .v3-skin-tone:hover{transform:scale(1.1);transition:.2s}.v3-skin-tones .v3-skin-tone-neutral{color:#ffd225;background-color:#ffd225}.v3-skin-tones .v3-skin-tone-1f3fb{color:#ffdfbd;background-color:#ffdfbd}.v3-skin-tones .v3-skin-tone-1f3fc{color:#e9c197;background-color:#e9c197}.v3-skin-tones .v3-skin-tone-1f3fd{color:#c88e62;background-color:#c88e62}.v3-skin-tones .v3-skin-tone-1f3fe{color:#a86637;background-color:#a86637}.v3-skin-tones .v3-skin-tone-1f3ff{color:#60463a;background-color:#60463a}.v3-input-emoji-picker {box-sizing:border-box}.v3-input-emoji-picker .v3-input-picker-root{position:relative}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{width:100%;height:40px;border:1px solid #999;padding-left:15px}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{min-height:80px;resize:vertical}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea+.v3-input-picker-wrap .v3-input-picker-icon{top:auto;bottom:5px}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon{display:inline-flex;position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:24px;border:none;background:none;padding:0 5px;cursor:pointer}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon img{display:block;width:1em;height:1em}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-emoji-picker{opacity:0;visibility:hidden;transition:.2s}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap.v3-picker-is-open .v3-emoji-picker{opacity:1;visibility:visible;z-index:999}.v3-emoji-picker{--v3-picker-bg: #ffffff;--v3-picker-fg: #000000;--v3-picker-border: #dddddd;--v3-picker-input-bg: var(--v3-picker-bg);--v3-picker-input-border: #cccccc;--v3-picker-input-focus-border: #000000;--v3-group-image-filter: none;--v3-picker-emoji-hover: #f7f7f7;background:var(--v3-picker-bg);color:var(--v3-picker-fg)}.v3-emoji-picker .v3-footer,.v3-emoji-picker .v3-header{border-color:var(--v3-picker-border)}.v3-emoji-picker .v3-groups{filter:var(--v3-group-image-filter)}.v3-emoji-picker .v3-tone{color:var(--v3-picker-fg)}.v3-emoji-picker .v3-search input{background:var(--v3-picker-input-bg);border-color:var(--v3-picker-input-border);color:inherit}.v3-emoji-picker .v3-search input:focus{border-color:var(--v3-picker-input-focus-border)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,.v3-emoji-picker .v3-skin-tones{background:var(--v3-picker-bg)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover{background:var(--v3-picker-emoji-hover, #f7f7f7)}@media (prefers-color-scheme: dark){.v3-emoji-picker.v3-color-theme-auto{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}}.v3-emoji-picker.v3-color-theme-dark{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}[data-v-6183f7a3],[data-v-6183f7a3]:before,[data-v-6183f7a3]:after{--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: rgb(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: }[data-v-6183f7a3]::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: rgb(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: }[data-v-6183f7a3],[data-v-6183f7a3]:before,[data-v-6183f7a3]:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}[data-v-6183f7a3]:before,[data-v-6183f7a3]:after{--tw-content: ""}html[data-v-6183f7a3],[data-v-6183f7a3]:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body[data-v-6183f7a3]{margin:0;line-height:inherit}hr[data-v-6183f7a3]{height:0;color:inherit;border-top-width:1px}abbr[data-v-6183f7a3]:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1[data-v-6183f7a3],h2[data-v-6183f7a3],h3[data-v-6183f7a3],h4[data-v-6183f7a3],h5[data-v-6183f7a3],h6[data-v-6183f7a3]{font-size:inherit;font-weight:inherit}a[data-v-6183f7a3]{color:inherit;text-decoration:inherit}b[data-v-6183f7a3],strong[data-v-6183f7a3]{font-weight:bolder}code[data-v-6183f7a3],kbd[data-v-6183f7a3],samp[data-v-6183f7a3],pre[data-v-6183f7a3]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small[data-v-6183f7a3]{font-size:80%}sub[data-v-6183f7a3],sup[data-v-6183f7a3]{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub[data-v-6183f7a3]{bottom:-.25em}sup[data-v-6183f7a3]{top:-.5em}table[data-v-6183f7a3]{text-indent:0;border-color:inherit;border-collapse:collapse}button[data-v-6183f7a3],input[data-v-6183f7a3],optgroup[data-v-6183f7a3],select[data-v-6183f7a3],textarea[data-v-6183f7a3]{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button[data-v-6183f7a3],select[data-v-6183f7a3]{text-transform:none}button[data-v-6183f7a3],input[data-v-6183f7a3]:where([type=button]),input[data-v-6183f7a3]:where([type=reset]),input[data-v-6183f7a3]:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}[data-v-6183f7a3]:-moz-focusring{outline:auto}[data-v-6183f7a3]:-moz-ui-invalid{box-shadow:none}progress[data-v-6183f7a3]{vertical-align:baseline}[data-v-6183f7a3]::-webkit-inner-spin-button,[data-v-6183f7a3]::-webkit-outer-spin-button{height:auto}[type=search][data-v-6183f7a3]{-webkit-appearance:textfield;outline-offset:-2px}[data-v-6183f7a3]::-webkit-search-decoration{-webkit-appearance:none}[data-v-6183f7a3]::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary[data-v-6183f7a3]{display:list-item}blockquote[data-v-6183f7a3],dl[data-v-6183f7a3],dd[data-v-6183f7a3],h1[data-v-6183f7a3],h2[data-v-6183f7a3],h3[data-v-6183f7a3],h4[data-v-6183f7a3],h5[data-v-6183f7a3],h6[data-v-6183f7a3],hr[data-v-6183f7a3],figure[data-v-6183f7a3],p[data-v-6183f7a3],pre[data-v-6183f7a3]{margin:0}fieldset[data-v-6183f7a3]{margin:0;padding:0}legend[data-v-6183f7a3]{padding:0}ol[data-v-6183f7a3],ul[data-v-6183f7a3],menu[data-v-6183f7a3]{list-style:none;margin:0;padding:0}dialog[data-v-6183f7a3]{padding:0}textarea[data-v-6183f7a3]{resize:vertical}input[data-v-6183f7a3]::-moz-placeholder,textarea[data-v-6183f7a3]::-moz-placeholder{opacity:1;color:#9ca3af}input[data-v-6183f7a3]::placeholder,textarea[data-v-6183f7a3]::placeholder{opacity:1;color:#9ca3af}button[data-v-6183f7a3],[role=button][data-v-6183f7a3]{cursor:pointer}[data-v-6183f7a3]:disabled{cursor:default}img[data-v-6183f7a3],svg[data-v-6183f7a3],video[data-v-6183f7a3],canvas[data-v-6183f7a3],audio[data-v-6183f7a3],iframe[data-v-6183f7a3],embed[data-v-6183f7a3],object[data-v-6183f7a3]{display:block;vertical-align:middle}img[data-v-6183f7a3],video[data-v-6183f7a3]{max-width:100%;height:auto}[hidden][data-v-6183f7a3]{display:none}.container[data-v-6183f7a3]{width:100%}@media (min-width: 640px){.container[data-v-6183f7a3]{max-width:640px}}@media (min-width: 768px){.container[data-v-6183f7a3]{max-width:768px}}@media (min-width: 1024px){.container[data-v-6183f7a3]{max-width:1024px}}@media (min-width: 1280px){.container[data-v-6183f7a3]{max-width:1280px}}@media (min-width: 1536px){.container[data-v-6183f7a3]{max-width:1536px}}.chat-box-white[data-v-6183f7a3]{border-radius:1.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));box-shadow:0 4px 10px #e9e9e940}.chat-padding-page[data-v-6183f7a3]{padding:1rem 2.25rem}.chat-mobile .chat-padding-page[data-v-6183f7a3]{padding-left:1rem;padding-right:1rem}.chat-input[data-v-6183f7a3]{border-radius:99px;outline:2px solid transparent;outline-offset:2px}.chat-input[data-v-6183f7a3]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(189 189 189 / var(--tw-text-opacity))}.chat-input[data-v-6183f7a3]::placeholder{--tw-text-opacity: 1;color:rgb(189 189 189 / var(--tw-text-opacity))}.chat-input[data-v-6183f7a3]:focus{outline:2px solid transparent;outline-offset:2px;--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(0px + 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)}.pointer-events-none[data-v-6183f7a3]{pointer-events:none}.visible[data-v-6183f7a3]{visibility:visible}.fixed[data-v-6183f7a3]{position:fixed}.absolute[data-v-6183f7a3]{position:absolute}.relative[data-v-6183f7a3]{position:relative}.inset-0[data-v-6183f7a3]{top:0;right:0;bottom:0;left:0}.inset-y-0[data-v-6183f7a3]{top:0;bottom:0}.bottom-0[data-v-6183f7a3]{bottom:0}.bottom-1\/2[data-v-6183f7a3]{bottom:50%}.bottom-6[data-v-6183f7a3]{bottom:1.5rem}.left-0[data-v-6183f7a3]{left:0}.left-0\.5[data-v-6183f7a3]{left:.125rem}.left-1\/2[data-v-6183f7a3]{left:50%}.left-2[data-v-6183f7a3]{left:.5rem}.left-4[data-v-6183f7a3]{left:1rem}.left-\[-20px\][data-v-6183f7a3]{left:-20px}.right-0[data-v-6183f7a3]{right:0}.top-0[data-v-6183f7a3]{top:0}.top-1\.5[data-v-6183f7a3]{top:.375rem}.top-1\/2[data-v-6183f7a3]{top:50%}.top-2[data-v-6183f7a3]{top:.5rem}.z-50[data-v-6183f7a3]{z-index:50}.z-\[2000\][data-v-6183f7a3]{z-index:2000}.m-auto[data-v-6183f7a3]{margin:auto}.-mx-1[data-v-6183f7a3]{margin-left:-.25rem;margin-right:-.25rem}.mx-6[data-v-6183f7a3]{margin-left:1.5rem;margin-right:1.5rem}.mx-auto[data-v-6183f7a3]{margin-left:auto;margin-right:auto}.my-1[data-v-6183f7a3]{margin-top:.25rem;margin-bottom:.25rem}.my-2[data-v-6183f7a3]{margin-top:.5rem;margin-bottom:.5rem}.my-8[data-v-6183f7a3]{margin-top:2rem;margin-bottom:2rem}.mb-0[data-v-6183f7a3]{margin-bottom:0}.mb-0\.5[data-v-6183f7a3]{margin-bottom:.125rem}.mb-1[data-v-6183f7a3]{margin-bottom:.25rem}.mb-2[data-v-6183f7a3]{margin-bottom:.5rem}.mb-3[data-v-6183f7a3]{margin-bottom:.75rem}.mb-4[data-v-6183f7a3]{margin-bottom:1rem}.mb-5[data-v-6183f7a3]{margin-bottom:1.25rem}.mb-6[data-v-6183f7a3]{margin-bottom:1.5rem}.mb-8[data-v-6183f7a3]{margin-bottom:2rem}.ml-1[data-v-6183f7a3]{margin-left:.25rem}.ml-2[data-v-6183f7a3]{margin-left:.5rem}.ml-3[data-v-6183f7a3]{margin-left:.75rem}.ml-auto[data-v-6183f7a3]{margin-left:auto}.mr-2[data-v-6183f7a3]{margin-right:.5rem}.mt-1[data-v-6183f7a3]{margin-top:.25rem}.mt-10[data-v-6183f7a3]{margin-top:2.5rem}.mt-2[data-v-6183f7a3]{margin-top:.5rem}.mt-3[data-v-6183f7a3]{margin-top:.75rem}.mt-4[data-v-6183f7a3]{margin-top:1rem}.mt-5[data-v-6183f7a3]{margin-top:1.25rem}.mt-auto[data-v-6183f7a3]{margin-top:auto}.block[data-v-6183f7a3]{display:block}.\!inline-block[data-v-6183f7a3]{display:inline-block!important}.flex[data-v-6183f7a3]{display:flex}.inline-flex[data-v-6183f7a3]{display:inline-flex}.grid[data-v-6183f7a3]{display:grid}.hidden[data-v-6183f7a3]{display:none}.aspect-square[data-v-6183f7a3]{aspect-ratio:1 / 1}.h-11[data-v-6183f7a3]{height:2.75rem}.h-12[data-v-6183f7a3]{height:3rem}.h-14[data-v-6183f7a3]{height:3.5rem}.h-16[data-v-6183f7a3]{height:4rem}.h-2[data-v-6183f7a3]{height:.5rem}.h-2\.5[data-v-6183f7a3]{height:.625rem}.h-20[data-v-6183f7a3]{height:5rem}.h-24[data-v-6183f7a3]{height:6rem}.h-3\.5[data-v-6183f7a3]{height:.875rem}.h-32[data-v-6183f7a3]{height:8rem}.h-4[data-v-6183f7a3]{height:1rem}.h-4\/5[data-v-6183f7a3]{height:80%}.h-40[data-v-6183f7a3]{height:10rem}.h-5[data-v-6183f7a3]{height:1.25rem}.h-6[data-v-6183f7a3]{height:1.5rem}.h-8[data-v-6183f7a3]{height:2rem}.h-9[data-v-6183f7a3]{height:2.25rem}.h-\[45px\][data-v-6183f7a3]{height:45px}.h-\[500px\][data-v-6183f7a3]{height:500px}.h-\[80px\][data-v-6183f7a3]{height:80px}.h-full[data-v-6183f7a3]{height:100%}.h-max[data-v-6183f7a3]{height:-moz-max-content;height:max-content}.h-px[data-v-6183f7a3]{height:1px}.h-screen[data-v-6183f7a3]{height:100vh}.\!w-\[300px\][data-v-6183f7a3]{width:300px!important}.w-1[data-v-6183f7a3]{width:.25rem}.w-10[data-v-6183f7a3]{width:2.5rem}.w-11[data-v-6183f7a3]{width:2.75rem}.w-12[data-v-6183f7a3]{width:3rem}.w-14[data-v-6183f7a3]{width:3.5rem}.w-16[data-v-6183f7a3]{width:4rem}.w-2[data-v-6183f7a3]{width:.5rem}.w-2\.5[data-v-6183f7a3]{width:.625rem}.w-20[data-v-6183f7a3]{width:5rem}.w-24[data-v-6183f7a3]{width:6rem}.w-3\.5[data-v-6183f7a3]{width:.875rem}.w-32[data-v-6183f7a3]{width:8rem}.w-4[data-v-6183f7a3]{width:1rem}.w-4\/5[data-v-6183f7a3]{width:80%}.w-40[data-v-6183f7a3]{width:10rem}.w-5[data-v-6183f7a3]{width:1.25rem}.w-6[data-v-6183f7a3]{width:1.5rem}.w-8[data-v-6183f7a3]{width:2rem}.w-9[data-v-6183f7a3]{width:2.25rem}.w-\[130px\][data-v-6183f7a3]{width:130px}.w-\[38\%\][data-v-6183f7a3]{width:38%}.w-\[45px\][data-v-6183f7a3]{width:45px}.w-auto[data-v-6183f7a3]{width:auto}.w-fit[data-v-6183f7a3]{width:-moz-fit-content;width:fit-content}.w-full[data-v-6183f7a3]{width:100%}.w-max[data-v-6183f7a3]{width:-moz-max-content;width:max-content}.min-w-32[data-v-6183f7a3]{min-width:8rem}.min-w-72[data-v-6183f7a3]{min-width:18rem}.min-w-\[100px\][data-v-6183f7a3]{min-width:100px}.max-w-\[350px\][data-v-6183f7a3]{max-width:350px}.max-w-\[500px\][data-v-6183f7a3]{max-width:500px}.max-w-lg[data-v-6183f7a3]{max-width:32rem}.max-w-md[data-v-6183f7a3]{max-width:28rem}.max-w-xs[data-v-6183f7a3]{max-width:20rem}.flex-1[data-v-6183f7a3]{flex:1 1 0%}.shrink-0[data-v-6183f7a3]{flex-shrink:0}.grow[data-v-6183f7a3]{flex-grow:1}.-translate-x-1\/2[data-v-6183f7a3]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2[data-v-6183f7a3]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2[data-v-6183f7a3]{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-2px\][data-v-6183f7a3]{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-4px\][data-v-6183f7a3]{--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0[data-v-6183f7a3]{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90[data-v-6183f7a3]{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform[data-v-6183f7a3]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default[data-v-6183f7a3]{cursor:default}.cursor-pointer[data-v-6183f7a3]{cursor:pointer}.\!touch-none[data-v-6183f7a3]{touch-action:none!important}.touch-none[data-v-6183f7a3]{touch-action:none}.\!touch-pan-x[data-v-6183f7a3]{--tw-pan-x: pan-x !important;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)!important}.select-none[data-v-6183f7a3]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize[data-v-6183f7a3]{resize:both}.grid-cols-3[data-v-6183f7a3]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4[data-v-6183f7a3]{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row-reverse[data-v-6183f7a3]{flex-direction:row-reverse}.flex-col[data-v-6183f7a3]{flex-direction:column}.flex-col-reverse[data-v-6183f7a3]{flex-direction:column-reverse}.place-content-center[data-v-6183f7a3]{place-content:center}.place-items-center[data-v-6183f7a3]{place-items:center}.items-end[data-v-6183f7a3]{align-items:flex-end}.items-center[data-v-6183f7a3]{align-items:center}.justify-center[data-v-6183f7a3]{justify-content:center}.justify-between[data-v-6183f7a3]{justify-content:space-between}.gap-1[data-v-6183f7a3]{gap:.25rem}.gap-1\.5[data-v-6183f7a3]{gap:.375rem}.gap-2[data-v-6183f7a3]{gap:.5rem}.gap-4[data-v-6183f7a3]{gap:1rem}.gap-8[data-v-6183f7a3]{gap:2rem}.gap-y-1\.5[data-v-6183f7a3]{row-gap:.375rem}.gap-y-3[data-v-6183f7a3]{row-gap:.75rem}.space-y-4[data-v-6183f7a3]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto[data-v-6183f7a3]{overflow:auto}.overflow-hidden[data-v-6183f7a3]{overflow:hidden}.overflow-y-auto[data-v-6183f7a3]{overflow-y:auto}.truncate[data-v-6183f7a3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl[data-v-6183f7a3]{border-radius:1rem}.rounded-\[6px\][data-v-6183f7a3]{border-radius:6px}.rounded-\[8px\][data-v-6183f7a3]{border-radius:8px}.rounded-\[99px\][data-v-6183f7a3]{border-radius:99px}.rounded-full[data-v-6183f7a3]{border-radius:9999px}.rounded-lg[data-v-6183f7a3]{border-radius:8px}.rounded-md[data-v-6183f7a3]{border-radius:calc(var(--radius) - 2px)}.rounded-sm[data-v-6183f7a3]{border-radius:calc(var(--radius) - 4px)}.rounded-xl[data-v-6183f7a3]{border-radius:.75rem}.rounded-t-3xl[data-v-6183f7a3]{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-\[10px\][data-v-6183f7a3]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-bl-none[data-v-6183f7a3]{border-bottom-left-radius:0}.rounded-br-none[data-v-6183f7a3]{border-bottom-right-radius:0}.rounded-tl-none[data-v-6183f7a3]{border-top-left-radius:0}.rounded-tr-none[data-v-6183f7a3]{border-top-right-radius:0}.border[data-v-6183f7a3]{border-width:1px}.border-2[data-v-6183f7a3]{border-width:2px}.border-4[data-v-6183f7a3]{border-width:4px}.border-b[data-v-6183f7a3]{border-bottom-width:1px}.border-l[data-v-6183f7a3]{border-left-width:1px}.border-t[data-v-6183f7a3]{border-top-width:1px}.border-dashed[data-v-6183f7a3]{border-style:dashed}.border-\[\#DDDDE8\][data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(221 221 232 / var(--tw-border-opacity))}.border-chat-gray-5[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(224 224 224 / var(--tw-border-opacity))}.border-chat-haze-100[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(237 239 241 / var(--tw-border-opacity))}.border-chat-haze-200[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(215 220 224 / var(--tw-border-opacity))}.border-chat-haze-300[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(179 190 198 / var(--tw-border-opacity))}.border-chat-haze-400[data-v-6183f7a3]{--tw-border-opacity: 1;border-color:rgb(138 154 166 / var(--tw-border-opacity))}.\!bg-\[\#F9FAFC\][data-v-6183f7a3]{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 252 / var(--tw-bg-opacity))!important}.\!bg-white[data-v-6183f7a3]{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.bg-\[\#002E6B\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(0 46 107 / var(--tw-bg-opacity))}.bg-\[\#004AB3\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(0 74 179 / var(--tw-bg-opacity))}.bg-\[\#22C55E\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-\[\#C7DEFF\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(199 222 255 / var(--tw-bg-opacity))}.bg-\[\#D0DFEC\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(208 223 236 / var(--tw-bg-opacity))}.bg-\[\#E4E4E4D4\][data-v-6183f7a3]{background-color:#e4e4e4d4}.bg-\[\#E60000\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(230 0 0 / var(--tw-bg-opacity))}.bg-\[\#EDF5FF\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(237 245 255 / var(--tw-bg-opacity))}.bg-\[\#EF4444\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-\[\#F7F8F9\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(247 248 249 / var(--tw-bg-opacity))}.bg-\[\#F9FAFC\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(249 250 252 / var(--tw-bg-opacity))}.bg-\[\#f3f3f3\][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}.bg-black\/10[data-v-6183f7a3]{background-color:#0000001a}.bg-black\/60[data-v-6183f7a3]{background-color:#0009}.bg-black\/80[data-v-6183f7a3]{background-color:#000c}.bg-chat-haze-200[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(215 220 224 / var(--tw-bg-opacity))}.bg-chat-haze-300[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(179 190 198 / var(--tw-bg-opacity))}.bg-chat-haze-400[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(138 154 166 / var(--tw-bg-opacity))}.bg-white[data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover[data-v-6183f7a3]{-o-object-fit:cover;object-fit:cover}.p-1[data-v-6183f7a3]{padding:.25rem}.p-4[data-v-6183f7a3]{padding:1rem}.p-6[data-v-6183f7a3]{padding:1.5rem}.p-8[data-v-6183f7a3]{padding:2rem}.px-2[data-v-6183f7a3]{padding-left:.5rem;padding-right:.5rem}.px-3[data-v-6183f7a3]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-6183f7a3]{padding-left:1rem;padding-right:1rem}.px-6[data-v-6183f7a3]{padding-left:1.5rem;padding-right:1.5rem}.px-8[data-v-6183f7a3]{padding-left:2rem;padding-right:2rem}.px-\[10px\][data-v-6183f7a3]{padding-left:10px;padding-right:10px}.py-1\.5[data-v-6183f7a3]{padding-top:.375rem;padding-bottom:.375rem}.py-10[data-v-6183f7a3]{padding-top:2.5rem;padding-bottom:2.5rem}.py-2[data-v-6183f7a3]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-6183f7a3]{padding-top:.75rem;padding-bottom:.75rem}.py-6[data-v-6183f7a3]{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[1px\][data-v-6183f7a3]{padding-top:1px;padding-bottom:1px}.py-\[5px\][data-v-6183f7a3]{padding-top:5px;padding-bottom:5px}.pb-2[data-v-6183f7a3]{padding-bottom:.5rem}.pb-4[data-v-6183f7a3]{padding-bottom:1rem}.pb-7[data-v-6183f7a3]{padding-bottom:1.75rem}.pl-10[data-v-6183f7a3]{padding-left:2.5rem}.pl-4[data-v-6183f7a3]{padding-left:1rem}.pl-8[data-v-6183f7a3]{padding-left:2rem}.pr-2[data-v-6183f7a3]{padding-right:.5rem}.pr-4[data-v-6183f7a3]{padding-right:1rem}.pt-4[data-v-6183f7a3]{padding-top:1rem}.pt-6[data-v-6183f7a3]{padding-top:1.5rem}.text-center[data-v-6183f7a3]{text-align:center}.text-right[data-v-6183f7a3]{text-align:right}.text-base[data-v-6183f7a3]{font-size:1rem}.text-lg[data-v-6183f7a3]{font-size:1.125rem}.text-sm[data-v-6183f7a3]{font-size:.875rem}.text-xl[data-v-6183f7a3]{font-size:1.25rem}.text-xs[data-v-6183f7a3]{font-size:.75rem}.font-bold[data-v-6183f7a3]{font-weight:700}.font-medium[data-v-6183f7a3]{font-weight:500}.font-normal[data-v-6183f7a3]{font-weight:400}.font-semibold[data-v-6183f7a3]{font-weight:600}.tracking-tight[data-v-6183f7a3]{letter-spacing:-.025em}.tracking-widest[data-v-6183f7a3]{letter-spacing:.1em}.text-\[\#004AB3\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(0 74 179 / var(--tw-text-opacity))}.text-\[\#0051E6\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(0 81 230 / var(--tw-text-opacity))}.text-\[\#141B34\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(20 27 52 / var(--tw-text-opacity))}.text-\[\#266699\][data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(38 102 153 / var(--tw-text-opacity))}.text-chat-gray-3[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(130 130 130 / var(--tw-text-opacity))}.text-chat-gray-4[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(189 189 189 / var(--tw-text-opacity))}.text-chat-haze-200[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(215 220 224 / var(--tw-text-opacity))}.text-chat-haze-300[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(179 190 198 / var(--tw-text-opacity))}.text-chat-haze-400[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(138 154 166 / var(--tw-text-opacity))}.text-chat-haze-500[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(108 126 139 / var(--tw-text-opacity))}.text-chat-haze-600[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(86 102 115 / var(--tw-text-opacity))}.text-chat-haze-900[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(54 62 68 / var(--tw-text-opacity))}.text-chat-primary[data-v-6183f7a3]{color:var(--chat-color-primary)}.text-chat-success[data-v-6183f7a3]{color:var(--chat-color-success)}.text-white[data-v-6183f7a3]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0[data-v-6183f7a3]{opacity:0}.opacity-60[data-v-6183f7a3],.opacity-\[0\.6\][data-v-6183f7a3]{opacity:.6}.shadow-3xl[data-v-6183f7a3]{--tw-shadow: 1px 1px 8px 0px #DEDEDE;--tw-shadow-colored: 1px 1px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-custom[data-v-6183f7a3]{--tw-shadow: 0px 3.77749px 18.8874px rgba(0, 0, 0, .15);--tw-shadow-colored: 0px 3.77749px 18.8874px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none[data-v-6183f7a3]{outline:2px solid transparent;outline-offset:2px}.ring-0[data-v-6183f7a3]{--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(0px + 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)}.blur[data-v-6183f7a3]{--tw-blur: blur(8px);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)}.backdrop-filter[data-v-6183f7a3]{-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)}.transition[data-v-6183f7a3]{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);transition-duration:.15s}.transition-all[data-v-6183f7a3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-6183f7a3]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-6183f7a3]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200[data-v-6183f7a3]{transition-duration:.2s}.ease-in-out[data-v-6183f7a3]{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter-6183f7a3{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-6183f7a3{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))}}.duration-200[data-v-6183f7a3]{animation-duration:.2s}.ease-in-out[data-v-6183f7a3]{animation-timing-function:cubic-bezier(.4,0,.2,1)}.sc-full[data-v-6183f7a3]{width:100%;height:100%}.flex-center[data-v-6183f7a3]{display:flex;justify-content:center;align-items:center}.flex-col[data-v-6183f7a3]{flex-direction:column;display:flex}.go-chat-main[data-v-6183f7a3]{width:100%;height:100%;font-size:16px;font-family:Poppins,sans-serif;color:var(--color-text)}.first\:border-none[data-v-6183f7a3]:first-child{border-style:none}@media (hover: hover) and (pointer: fine){.hover\:bg-\[\#EDF5FF\][data-v-6183f7a3]:hover{--tw-bg-opacity: 1;background-color:rgb(237 245 255 / var(--tw-bg-opacity))}}.focus\:outline-none[data-v-6183f7a3]:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none[data-v-6183f7a3]:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2[data-v-6183f7a3]: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)}.focus-visible\:ring-offset-2[data-v-6183f7a3]:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none[data-v-6183f7a3]:disabled{pointer-events:none}.disabled\:cursor-not-allowed[data-v-6183f7a3]:disabled{cursor:not-allowed}.disabled\:opacity-50[data-v-6183f7a3]:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled][data-v-6183f7a3]{pointer-events:none}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical][data-v-6183f7a3]{height:100%}.data-\[orientation\=vertical\]\:w-2[data-orientation=vertical][data-v-6183f7a3]{width:.5rem}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical][data-v-6183f7a3]{width:100%}.data-\[state\=checked\]\:translate-x-5[data-state=checked][data-v-6183f7a3]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked][data-v-6183f7a3]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical][data-v-6183f7a3]{flex-direction:column}.data-\[state\=unchecked\]\:bg-\[\#D1D1D1\][data-state=unchecked][data-v-6183f7a3]{--tw-bg-opacity: 1;background-color:rgb(209 209 209 / var(--tw-bg-opacity))}.data-\[disabled\]\:opacity-50[data-disabled][data-v-6183f7a3]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open][data-v-6183f7a3]{animation-name:enter-6183f7a3;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed][data-v-6183f7a3]{animation-name:exit-6183f7a3;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed][data-v-6183f7a3]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open][data-v-6183f7a3]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed][data-v-6183f7a3]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open][data-v-6183f7a3]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom][data-v-6183f7a3]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left][data-v-6183f7a3]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right][data-v-6183f7a3]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top][data-v-6183f7a3]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed][data-v-6183f7a3]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed][data-v-6183f7a3]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open][data-v-6183f7a3]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open][data-v-6183f7a3]{--tw-enter-translate-y: -48%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical][data-v-6183f7a3]{flex-direction:column;display:flex}@media (min-width: 640px){.sm\:flex-row[data-v-6183f7a3]{flex-direction:row}.sm\:justify-end[data-v-6183f7a3]{justify-content:flex-end}.sm\:gap-x-2[data-v-6183f7a3]{-moz-column-gap:.5rem;column-gap:.5rem}.sm\:rounded-lg[data-v-6183f7a3]{border-radius:8px}.sm\:text-left[data-v-6183f7a3]{text-align:left}}@media (min-width: 768px){.md\:block[data-v-6183f7a3]{display:block}.md\:w-full[data-v-6183f7a3]{width:100%}}.\[\&\>svg\]\:size-4>svg[data-v-6183f7a3]{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg[data-v-6183f7a3]{flex-shrink:0}

package/dist/test/chat/page/home/ChatList.vue.js CHANGED Viewed

@@ -12,9 +12,11 @@ import { dataProfile } from '../../../utils/chat/auth';
 import { readMessages } from '../../../utils/chat/message';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
+import { useDigibot } from '../../../composable/useDigibot';
 dayjs.extend(relativeTime);
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
+const { digibotData, digibotId } = useDigibot();
 const receiver_id = defineModel('receiverId');
 const isOpen = ref(false);
 const keyword = ref('');
@@ -94,9 +96,12 @@ const getData = async (data, option) => {
         const res = await getConversation(params.value);
         if (option?.reset) {
             listConversations.value = [];
+            console.log(digibotData);
+            listConversations.value.push(digibotData);
             await nextTick();
         }
         listConversations.value.push(...(res?.items ?? []));
+        console.log(listConversations.value);
         checkHasReceiveId();
         params.value.page = res?._meta?.currentPage || 1;
         pageCount = res?._meta?.pageCount || 1;
@@ -109,7 +114,7 @@ const getData = async (data, option) => {
     }
 };
 const checkHasReceiveId = () => {
-    const hasReceiveId = listConversations.value?.some((e) => e.receiver_id === receiver_id.value);
+    const hasReceiveId = listConversations.value?.some((e) => e.receiver_id === receiver_id.value && receiver_id.value);
     if (props.response == 'tablet') {
         if (!hasReceiveId && listConversations.value?.length)
             emit('selectReceiver', listConversations.value[0]);
@@ -140,7 +145,7 @@ const handleReadMessage = () => {
         }
     }
 };
-getData();
+getData({}, { reset: true });
 const __VLS_exposed = { handleReadMessage };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
@@ -251,12 +256,14 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
     /** @type {[typeof Avatar, ]} */ ;
     // @ts-ignore
     const __VLS_24 = __VLS_asFunctionalComponent(Avatar, new Avatar({
+        id: (user.id),
         ...{ class: "shrink-0" },
         src: (user.avatar ?? ''),
         color: (user.color),
         name: (user.username ?? ''),
     }));
     const __VLS_25 = __VLS_24({
+        id: (user.id),
         ...{ class: "shrink-0" },
         src: (user.avatar ?? ''),
         color: (user.color),

package/dist/test/chat/page/home/ChatMessage.vue.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { dataProfile } from '../../../utils/chat/auth';
 import { nextTick, ref } from 'vue';
 import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
 import { MessageState } from '../../../constant/message';
+import NewCustomer from '../../../chat/page/home/NewCustomer.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const scrollEventRef = ref(null);
@@ -91,6 +92,25 @@ var __VLS_6 = {};
 const { default: __VLS_8 } = __VLS_2.slots;
 // @ts-ignore
 [handleScrollTop, scrollEventRef,];
+if (__VLS_ctx.showNewCustomer) {
+    // @ts-ignore
+    [showNewCustomer,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "shrink-0 h-[500px]" },
+    });
+    /** @type {[typeof NewCustomer, ]} */ ;
+    // @ts-ignore
+    const __VLS_9 = __VLS_asFunctionalComponent(NewCustomer, new NewCustomer({
+        ...{ class: "h-full" },
+        data: (__VLS_ctx.data),
+    }));
+    const __VLS_10 = __VLS_9({
+        ...{ class: "h-full" },
+        data: (__VLS_ctx.data),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_9));
+    // @ts-ignore
+    [data,];
+}
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "chat-padding-page" },
 });
@@ -115,20 +135,20 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
                 [shouldShowAvatar,];
                 /** @type {[typeof Avatar, ]} */ ;
                 // @ts-ignore
-                const __VLS_9 = __VLS_asFunctionalComponent(Avatar, new Avatar({
+                const __VLS_13 = __VLS_asFunctionalComponent(Avatar, new Avatar({
                     src: (__VLS_ctx.data?.avatar ?? ''),
                     color: (__VLS_ctx.data?.color),
                     name: (__VLS_ctx.data?.username),
                     size: (__VLS_ctx.response == 'mobile' ? 'sm' : 'md'),
                     ...{ class: (__VLS_ctx.response == 'mobile' ? 'translate-y-[-2px]' : '') },
                 }));
-                const __VLS_10 = __VLS_9({
+                const __VLS_14 = __VLS_13({
                     src: (__VLS_ctx.data?.avatar ?? ''),
                     color: (__VLS_ctx.data?.color),
                     name: (__VLS_ctx.data?.username),
                     size: (__VLS_ctx.response == 'mobile' ? 'sm' : 'md'),
                     ...{ class: (__VLS_ctx.response == 'mobile' ? 'translate-y-[-2px]' : '') },
-                }, ...__VLS_functionalComponentArgsRest(__VLS_9));
+                }, ...__VLS_functionalComponentArgsRest(__VLS_13));
                 // @ts-ignore
                 [data, data, data, response, response,];
             }
@@ -206,7 +226,8 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
             // @ts-ignore
             [message, scrollBottom,];
         }
-        if ((index == __VLS_ctx.message.length - 1 && __VLS_ctx.getMessageStateText(item)) || item.state == __VLS_ctx.MessageState.Failed) {
+        if ((index == __VLS_ctx.message.length - 1 && __VLS_ctx.getMessageStateText(item)) ||
+            item.state == __VLS_ctx.MessageState.Failed) {
             // @ts-ignore
             [message, MessageState, getMessageStateText,];
             __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
@@ -229,6 +250,9 @@ var __VLS_2;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-[500px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['chat-padding-page']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-end']} */ ;

package/dist/test/chat/page/home/Home.vue.js CHANGED Viewed

@@ -25,6 +25,7 @@ onMounted(() => {
 onUnmounted(() => {
     handleDisconnectMqtt();
 });
+const showNewCustomer = ref(false);
 const handleConnectMqtt = async () => {
     try {
         await connectMqtt();
@@ -256,6 +257,7 @@ if (__VLS_ctx.listMessage?.length) {
         message: (__VLS_ctx.listMessage),
         ...{ class: "grow" },
         response: (__VLS_ctx.response),
+        showNewCustomer: (__VLS_ctx.page >= __VLS_ctx.pageCount),
     }));
     const __VLS_8 = __VLS_7({
         ...{ 'onScrollTop': {} },
@@ -264,6 +266,7 @@ if (__VLS_ctx.listMessage?.length) {
         message: (__VLS_ctx.listMessage),
         ...{ class: "grow" },
         response: (__VLS_ctx.response),
+        showNewCustomer: (__VLS_ctx.page >= __VLS_ctx.pageCount),
     }, ...__VLS_functionalComponentArgsRest(__VLS_7));
     let __VLS_10;
     let __VLS_11;
@@ -272,10 +275,12 @@ if (__VLS_ctx.listMessage?.length) {
     /** @type {typeof __VLS_ctx.chatMessageRef} */ ;
     var __VLS_13 = {};
     // @ts-ignore
-    [infoUser, listMessage, response, handleScrollTop, chatMessageRef,];
+    [infoUser, listMessage, response, page, pageCount, handleScrollTop, chatMessageRef,];
     var __VLS_9;
 }
-else {
+else if (!__VLS_ctx.isLoading) {
+    // @ts-ignore
+    [isLoading,];
     /** @type {[typeof NewCustomer, ]} */ ;
     // @ts-ignore
     const __VLS_16 = __VLS_asFunctionalComponent(NewCustomer, new NewCustomer({

package/dist/test/chat/page/home/HomeHeader.vue.js CHANGED Viewed

@@ -4,9 +4,12 @@ import Avatar from '../../../components/chat/customer/Avatar.vue';
 import { routerPush } from '../../../utils/chat/chat-router';
 import { user } from '../../../utils/chat/user';
 import { dataProfile } from '../../../utils/chat/auth';
+import { digibotId } from '../../../composable/useDigibot';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const goToViewUser = () => {
+    if (props.data?.id == digibotId.toString())
+        return;
     if (dataProfile.value?.user_type == 'tenant') {
         user.value = props.data;
         routerPush(PAGE.CUSTOMER_DETAIL);
@@ -36,6 +39,7 @@ const __VLS_0 = __VLS_asFunctionalComponent(Avatar, new Avatar({
     ...{ 'onClick': {} },
     ...{ class: ({ 'cursor-pointer': __VLS_ctx.dataProfile?.user_type == 'tenant' }) },
     src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
     color: (__VLS_ctx.data?.color),
     name: (__VLS_ctx.data?.username),
 }));
@@ -43,6 +47,7 @@ const __VLS_1 = __VLS_0({
     ...{ 'onClick': {} },
     ...{ class: ({ 'cursor-pointer': __VLS_ctx.dataProfile?.user_type == 'tenant' }) },
     src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
     color: (__VLS_ctx.data?.color),
     name: (__VLS_ctx.data?.username),
 }, ...__VLS_functionalComponentArgsRest(__VLS_0));
@@ -51,7 +56,7 @@ let __VLS_4;
 const __VLS_5 = ({ click: {} },
     { onClick: (__VLS_ctx.goToViewUser) });
 // @ts-ignore
-[dataProfile, data, data, data, goToViewUser,];
+[dataProfile, data, data, data, data, goToViewUser,];
 var __VLS_2;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex-1 ml-3" },

package/dist/test/chat/page/home/InputChat.vue.js CHANGED Viewed

@@ -152,6 +152,32 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     var __VLS_8;
 }
 var __VLS_2;
+const __VLS_13 = {}.EmojiPicker;
+/** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
+// @ts-ignore
+EmojiPicker;
+// @ts-ignore
+const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+    ...{ 'onSelect': {} },
+    ...{ class: "opacity-0 pointer-events-none absolute" },
+    native: (true),
+    offset: (2),
+    hideSearch: true,
+}));
+const __VLS_15 = __VLS_14({
+    ...{ 'onSelect': {} },
+    ...{ class: "opacity-0 pointer-events-none absolute" },
+    native: (true),
+    offset: (2),
+    hideSearch: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_14));
+let __VLS_17;
+let __VLS_18;
+const __VLS_19 = ({ select: {} },
+    { onSelect: (__VLS_ctx.onSelectEmoji) });
+// @ts-ignore
+[onSelectEmoji,];
+var __VLS_16;
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     ...{ onClick: (...[$event]) => {
             __VLS_ctx.handleSendMessage('message');
@@ -162,8 +188,8 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
 });
 /** @type {[typeof IconPlan, ]} */ ;
 // @ts-ignore
-const __VLS_13 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
-const __VLS_14 = __VLS_13({}, ...__VLS_functionalComponentArgsRest(__VLS_13));
+const __VLS_21 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
+const __VLS_22 = __VLS_21({}, ...__VLS_functionalComponentArgsRest(__VLS_21));
 __VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
     ...{ class: "shrink-0 cursor-pointer relative" },
 });
@@ -182,12 +208,12 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 /** @type {[typeof IconPlus, ]} */ ;
 // @ts-ignore
-const __VLS_17 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
+const __VLS_25 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
     ...{ class: "text-white" },
 }));
-const __VLS_18 = __VLS_17({
+const __VLS_26 = __VLS_25({
     ...{ class: "text-white" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+}, ...__VLS_functionalComponentArgsRest(__VLS_25));
 /** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
@@ -206,6 +232,9 @@ const __VLS_18 = __VLS_17({
 /** @type {__VLS_StyleScopedClasses['right-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['bottom-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['!w-[300px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;

package/dist/test/chat/page/home/NewCustomer.vue.js CHANGED Viewed

@@ -20,6 +20,7 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 const __VLS_0 = __VLS_asFunctionalComponent(Avatar, new Avatar({
     ...{ class: "mb-4" },
     src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
     color: (__VLS_ctx.data?.color),
     name: (__VLS_ctx.data?.username),
     size: "xxl",
@@ -27,12 +28,13 @@ const __VLS_0 = __VLS_asFunctionalComponent(Avatar, new Avatar({
 const __VLS_1 = __VLS_0({
     ...{ class: "mb-4" },
     src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
     color: (__VLS_ctx.data?.color),
     name: (__VLS_ctx.data?.username),
     size: "xxl",
 }, ...__VLS_functionalComponentArgsRest(__VLS_0));
 // @ts-ignore
-[data, data, data,];
+[data, data, data, data,];
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex items-center gap-1" },
 });

package/dist/test/components/chat/customer/Avatar.vue.js CHANGED Viewed

@@ -1,5 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed } from 'vue';
+import { digibotId } from '../../../composable/useDigibot';
 const props = withDefaults(defineProps(), {
     size: 'md',
     src: ''
@@ -36,16 +37,35 @@ const __VLS_ctx = {
 let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['bot-avatar']} */ ;
+/** @type {__VLS_StyleScopedClasses['bot-avatar']} */ ;
+/** @type {__VLS_StyleScopedClasses['eye']} */ ;
+/** @type {__VLS_StyleScopedClasses['eye']} */ ;
+/** @type {__VLS_StyleScopedClasses['cheek']} */ ;
+/** @type {__VLS_StyleScopedClasses['left']} */ ;
+/** @type {__VLS_StyleScopedClasses['cheek']} */ ;
+/** @type {__VLS_StyleScopedClasses['right']} */ ;
+/** @type {__VLS_StyleScopedClasses['dot']} */ ;
+/** @type {__VLS_StyleScopedClasses['dot']} */ ;
+/** @type {__VLS_StyleScopedClasses['bot-wrap']} */ ;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: ([
             'flex items-center justify-center rounded-full font-medium overflow-hidden select-none',
             __VLS_ctx.sizeClass
         ]) },
-    ...{ style: ({ backgroundColor: __VLS_ctx.color || '#266699' }) },
+    ...{ style: ({ backgroundColor: __VLS_ctx.id == __VLS_ctx.digibotId ? 'transparent' : (__VLS_ctx.color || '#266699') }) },
 });
 // @ts-ignore
-[sizeClass, color,];
-if (__VLS_ctx.src) {
+[sizeClass, id, digibotId, color,];
+if (__VLS_ctx.id == __VLS_ctx.digibotId) {
+    // @ts-ignore
+    [id, digibotId,];
+    __VLS_asFunctionalElement(__VLS_elements.img)({
+        ...{ class: "w-4/5 h-4/5" },
+        src: "../../../assets/images/bot/digibot-avatar.png",
+    });
+}
+else if (__VLS_ctx.src) {
     // @ts-ignore
     [src,];
     __VLS_asFunctionalElement(__VLS_elements.img)({
@@ -69,6 +89,8 @@ else {
 /** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['select-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4/5']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4/5']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['object-cover']} */ ;

package/dist/test/composable/useDigibot.js ADDED Viewed

@@ -0,0 +1,22 @@
+//PINIA
+export const digibotData = {
+    id: -98,
+    receiver_id: 101,
+    username: 'digibot',
+    customer_phone: '',
+    avatar: '',
+    last_message: '',
+    last_message_time: '',
+    created_at: '',
+    updated_at: '',
+    unread_count: 0,
+    status: 1,
+    color: '#4F46E5',
+};
+export const digibotId = -98;
+export function useDigibot() {
+    return {
+        digibotData,
+        digibotId,
+    };
+}

package/dist/test/utils/chat/chat-router.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { PAGE } from '../../constant/general';
 export const currentPage = ref(PAGE.HOME);
 let beforeEach = null;
 export const routerPush = (page) => {
-    console.log('routerPush', page);
     const to_page = beforeEach?.(page) ?? null;
     currentPage.value = to_page ?? page;
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "private": false,
   "files": [
     "dist"