@phonghq/go-chat 1.0.26 → 1.0.27

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";[data-v-1ed59e50]:root{--size: 120px;--face: #fff;--bg: #7c3aed;--cheek: #ffb4c6;--mouth: #333;--shadow: rgba(0,0,0,.18)}.bot-wrap[data-v-1ed59e50]{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-1ed59e50]{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-1ed59e50 3s ease-in-out infinite;border:4px solid rgba(255,255,255,.18)}.bot-avatar[data-v-1ed59e50]: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-1ed59e50]: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-1ed59e50]{position:absolute;top:36%;width:16%;height:16%;background:#222;border-radius:50%;transform-origin:center;animation:blink-1ed59e50 4s linear infinite}.eye.right[data-v-1ed59e50]{right:26%}.eye.left[data-v-1ed59e50]{left:26%;animation-delay:.06s}.cheek[data-v-1ed59e50]{position:absolute;top:50%;width:18%;height:10%;border-radius:50%;background:var(--cheek);opacity:.95}.cheek.left[data-v-1ed59e50]{left:18%}.cheek.right[data-v-1ed59e50]{right:18%}.mouth[data-v-1ed59e50]{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-1ed59e50 .9s ease-in-out infinite}.typing[data-v-1ed59e50]{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-1ed59e50]{width:8px;height:8px;background:#111;border-radius:50%;opacity:.85;transform:translateY(0);animation:dot-1ed59e50 1s infinite ease-in-out}.dot[data-v-1ed59e50]:nth-child(2){animation-delay:.15s}.dot[data-v-1ed59e50]:nth-child(3){animation-delay:.3s}.name[data-v-1ed59e50]{font-weight:600;font-size:13px;color:#111;margin-top:6px}@keyframes float-1ed59e50{0%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}to{transform:translateY(0) rotate(-.6deg)}}@keyframes blink-1ed59e50{0%,92%{transform:scaleY(1)}95%{transform:scaleY(.08)}98%,to{transform:scaleY(1)}}@keyframes talk-1ed59e50{0%{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(.6)}to{transform:translate(-50%) scaleY(1)}}@keyframes dot-1ed59e50{0%{transform:translateY(0);opacity:.3}50%{transform:translateY(-6px);opacity:1}to{transform:translateY(0);opacity:.3}}@media (max-width: 420px){[data-v-1ed59e50]:root{--size: 88px }.bot-wrap[data-v-1ed59e50]{width:calc(var(--size) + 30px)}}.loader-line[data-v-910cd231]{width:100%;height:3px;overflow:hidden;background-color:#ddd;border-radius:20px}.loader-line[data-v-910cd231]:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#4c70f0;animation:lineAnim-910cd231 1s linear infinite;border-radius:20px}@keyframes lineAnim-910cd231{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}.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)}}.drawer[data-v-a69fbff3]{background:#0006}.drawer .drawer-box[data-v-a69fbff3]{display:flex;flex-direction:column;height:100%;z-index:2000;transition-timing-function:ease-in-out;box-shadow:-2px 1px 6px #0e3a6f26}@media (max-width: 768px){.drawer .drawer-box[data-v-a69fbff3]{width:100%!important}}.cls-1[data-v-e06799fb]{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px}*,:before,: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: }::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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,: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{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{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,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.border-chat-error{border-color:var(--chat-color-error)}.border-chat-gray-3{--tw-border-opacity: 1;border-color:rgb(130 130 130 / var(--tw-border-opacity))}.border-chat-gray-4{--tw-border-opacity: 1;border-color:rgb(189 189 189 / var(--tw-border-opacity))}.border-chat-gray-5{--tw-border-opacity: 1;border-color:rgb(224 224 224 / var(--tw-border-opacity))}.border-chat-haze-200{--tw-border-opacity: 1;border-color:rgb(215 220 224 / var(--tw-border-opacity))}.border-chat-haze-300{--tw-border-opacity: 1;border-color:rgb(179 190 198 / var(--tw-border-opacity))}.border-chat-haze-400{--tw-border-opacity: 1;border-color:rgb(138 154 166 / var(--tw-border-opacity))}.border-chat-haze-500{--tw-border-opacity: 1;border-color:rgb(108 126 139 / var(--tw-border-opacity))}.border-chat-haze-600{--tw-border-opacity: 1;border-color:rgb(86 102 115 / var(--tw-border-opacity))}.border-chat-haze-900{--tw-border-opacity: 1;border-color:rgb(54 62 68 / var(--tw-border-opacity))}.border-chat-primary{border-color:var(--chat-color-primary)}.border-chat-success{border-color:var(--chat-color-success)}.bg-chat-error{background-color:var(--chat-color-error)}.bg-chat-haze-100{--tw-bg-opacity: 1;background-color:rgb(237 239 241 / var(--tw-bg-opacity))}.bg-chat-haze-200{--tw-bg-opacity: 1;background-color:rgb(215 220 224 / var(--tw-bg-opacity))}.bg-chat-haze-300{--tw-bg-opacity: 1;background-color:rgb(179 190 198 / var(--tw-bg-opacity))}.bg-chat-haze-400{--tw-bg-opacity: 1;background-color:rgb(138 154 166 / var(--tw-bg-opacity))}.bg-chat-haze-500{--tw-bg-opacity: 1;background-color:rgb(108 126 139 / var(--tw-bg-opacity))}.bg-chat-haze-600{--tw-bg-opacity: 1;background-color:rgb(86 102 115 / var(--tw-bg-opacity))}.bg-chat-haze-900{--tw-bg-opacity: 1;background-color:rgb(54 62 68 / var(--tw-bg-opacity))}.bg-chat-primary{background-color:var(--chat-color-primary)}.bg-chat-success{background-color:var(--chat-color-success)}.text-chat-error{color:var(--chat-color-error)}.text-chat-gray-5{--tw-text-opacity: 1;color:rgb(224 224 224 / var(--tw-text-opacity))}.text-chat-haze-100{--tw-text-opacity: 1;color:rgb(237 239 241 / var(--tw-text-opacity))}.text-chat-haze-200{--tw-text-opacity: 1;color:rgb(215 220 224 / var(--tw-text-opacity))}.text-chat-haze-300{--tw-text-opacity: 1;color:rgb(179 190 198 / var(--tw-text-opacity))}.text-chat-haze-400{--tw-text-opacity: 1;color:rgb(138 154 166 / var(--tw-text-opacity))}.text-chat-haze-500{--tw-text-opacity: 1;color:rgb(108 126 139 / var(--tw-text-opacity))}.text-chat-haze-600{--tw-text-opacity: 1;color:rgb(86 102 115 / var(--tw-text-opacity))}.text-chat-haze-900{--tw-text-opacity: 1;color:rgb(54 62 68 / var(--tw-text-opacity))}.text-chat-primary{color:var(--chat-color-primary)}.text-chat-success{color:var(--chat-color-success)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.go-chat-main{width:100%;height:100%;font-size:16px;font-family:Poppins,sans-serif;color:var(--color-text)}
+@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";[data-v-1ed59e50]:root{--size: 120px;--face: #fff;--bg: #7c3aed;--cheek: #ffb4c6;--mouth: #333;--shadow: rgba(0,0,0,.18)}.bot-wrap[data-v-1ed59e50]{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-1ed59e50]{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-1ed59e50 3s ease-in-out infinite;border:4px solid rgba(255,255,255,.18)}.bot-avatar[data-v-1ed59e50]: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-1ed59e50]: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-1ed59e50]{position:absolute;top:36%;width:16%;height:16%;background:#222;border-radius:50%;transform-origin:center;animation:blink-1ed59e50 4s linear infinite}.eye.right[data-v-1ed59e50]{right:26%}.eye.left[data-v-1ed59e50]{left:26%;animation-delay:.06s}.cheek[data-v-1ed59e50]{position:absolute;top:50%;width:18%;height:10%;border-radius:50%;background:var(--cheek);opacity:.95}.cheek.left[data-v-1ed59e50]{left:18%}.cheek.right[data-v-1ed59e50]{right:18%}.mouth[data-v-1ed59e50]{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-1ed59e50 .9s ease-in-out infinite}.typing[data-v-1ed59e50]{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-1ed59e50]{width:8px;height:8px;background:#111;border-radius:50%;opacity:.85;transform:translateY(0);animation:dot-1ed59e50 1s infinite ease-in-out}.dot[data-v-1ed59e50]:nth-child(2){animation-delay:.15s}.dot[data-v-1ed59e50]:nth-child(3){animation-delay:.3s}.name[data-v-1ed59e50]{font-weight:600;font-size:13px;color:#111;margin-top:6px}@keyframes float-1ed59e50{0%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}to{transform:translateY(0) rotate(-.6deg)}}@keyframes blink-1ed59e50{0%,92%{transform:scaleY(1)}95%{transform:scaleY(.08)}98%,to{transform:scaleY(1)}}@keyframes talk-1ed59e50{0%{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(.6)}to{transform:translate(-50%) scaleY(1)}}@keyframes dot-1ed59e50{0%{transform:translateY(0);opacity:.3}50%{transform:translateY(-6px);opacity:1}to{transform:translateY(0);opacity:.3}}@media (max-width: 420px){[data-v-1ed59e50]:root{--size: 88px }.bot-wrap[data-v-1ed59e50]{width:calc(var(--size) + 30px)}}.loader-line[data-v-910cd231]{width:100%;height:3px;overflow:hidden;background-color:#ddd;border-radius:20px}.loader-line[data-v-910cd231]:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#4c70f0;animation:lineAnim-910cd231 1s linear infinite;border-radius:20px}@keyframes lineAnim-910cd231{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}.loader[data-v-82ca215f]{border:5px solid var(--chat-color-primary);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-82ca215f .7s linear infinite}@keyframes rotation-82ca215f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drawer[data-v-a69fbff3]{background:#0006}.drawer .drawer-box[data-v-a69fbff3]{display:flex;flex-direction:column;height:100%;z-index:2000;transition-timing-function:ease-in-out;box-shadow:-2px 1px 6px #0e3a6f26}@media (max-width: 768px){.drawer .drawer-box[data-v-a69fbff3]{width:100%!important}}.cls-1[data-v-e06799fb]{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px}*,:before,: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: }::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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,: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{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{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,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.-top-\[8px\]{top:-8px}.left-\[-20px\]{left:-20px}.z-\[1500\]{z-index:1500}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-2\/5{height:40%}.h-20{height:5rem}.h-24{height:6rem}.h-3\.5{height:.875rem}.h-3\/5{height:60%}.h-32{height:8rem}.h-4\/5{height:80%}.h-40{height:10rem}.h-48{height:12rem}.h-\[500px\]{height:500px}.h-\[64px\]{height:64px}.h-\[80px\]{height:80px}.max-h-11{max-height:2.75rem}.max-h-12{max-height:3rem}.max-h-16{max-height:4rem}.max-h-2\.5{max-height:.625rem}.max-h-20{max-height:5rem}.max-h-24{max-height:6rem}.max-h-3\.5{max-height:.875rem}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-16{min-height:4rem}.min-h-2\.5{min-height:.625rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-3\.5{min-height:.875rem}.min-h-32{min-height:8rem}.min-h-40{min-height:10rem}.min-h-48{min-height:12rem}.\!w-\[300px\]{width:300px!important}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-3\/5{width:60%}.w-32{width:8rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-\[130px\]{width:130px}.w-\[150px\]{width:150px}.w-\[200px\]{width:200px}.w-\[38\%\]{width:38%}.w-\[700px\]{width:700px}.min-w-11{min-width:2.75rem}.min-w-12{min-width:3rem}.min-w-16{min-width:4rem}.min-w-2\.5{min-width:.625rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-3\.5{min-width:.875rem}.min-w-32{min-width:8rem}.min-w-40{min-width:10rem}.min-w-\[100px\]{min-width:100px}.min-w-\[450px\]{min-width:450px}.max-w-11{max-width:2.75rem}.max-w-12{max-width:3rem}.max-w-16{max-width:4rem}.max-w-2\.5{max-width:.625rem}.max-w-20{max-width:5rem}.max-w-24{max-width:6rem}.max-w-3\.5{max-width:.875rem}.max-w-32{max-width:8rem}.max-w-40{max-width:10rem}.max-w-\[500px\]{max-width:500px}.translate-y-\[-2px\]{--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\]{--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))}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[99px\]{border-radius:99px}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border-\[\#DDDDE8\]{--tw-border-opacity: 1;border-color:rgb(221 221 232 / var(--tw-border-opacity))}.border-chat-error{border-color:var(--chat-color-error)}.border-chat-gray-3{--tw-border-opacity: 1;border-color:rgb(130 130 130 / var(--tw-border-opacity))}.border-chat-gray-4{--tw-border-opacity: 1;border-color:rgb(189 189 189 / var(--tw-border-opacity))}.border-chat-gray-5{--tw-border-opacity: 1;border-color:rgb(224 224 224 / var(--tw-border-opacity))}.border-chat-haze-200{--tw-border-opacity: 1;border-color:rgb(215 220 224 / var(--tw-border-opacity))}.border-chat-haze-300{--tw-border-opacity: 1;border-color:rgb(179 190 198 / var(--tw-border-opacity))}.border-chat-haze-400{--tw-border-opacity: 1;border-color:rgb(138 154 166 / var(--tw-border-opacity))}.border-chat-haze-500{--tw-border-opacity: 1;border-color:rgb(108 126 139 / var(--tw-border-opacity))}.border-chat-haze-600{--tw-border-opacity: 1;border-color:rgb(86 102 115 / var(--tw-border-opacity))}.border-chat-haze-900{--tw-border-opacity: 1;border-color:rgb(54 62 68 / var(--tw-border-opacity))}.border-chat-primary{border-color:var(--chat-color-primary)}.border-chat-success{border-color:var(--chat-color-success)}.bg-\[\#002E6B\]{--tw-bg-opacity: 1;background-color:rgb(0 46 107 / var(--tw-bg-opacity))}.bg-\[\#004AB3\]{--tw-bg-opacity: 1;background-color:rgb(0 74 179 / var(--tw-bg-opacity))}.bg-\[\#C7DEFF\]{--tw-bg-opacity: 1;background-color:rgb(199 222 255 / var(--tw-bg-opacity))}.bg-\[\#D0DFEC\]{--tw-bg-opacity: 1;background-color:rgb(208 223 236 / var(--tw-bg-opacity))}.bg-\[\#E4E4E4D4\]{background-color:#e4e4e4d4}.bg-\[\#E60000\]{--tw-bg-opacity: 1;background-color:rgb(230 0 0 / var(--tw-bg-opacity))}.bg-\[\#F7F8F9\]{--tw-bg-opacity: 1;background-color:rgb(247 248 249 / var(--tw-bg-opacity))}.bg-\[\#F9FAFC\]{--tw-bg-opacity: 1;background-color:rgb(249 250 252 / var(--tw-bg-opacity))}.bg-\[\#d4f8d4\]{--tw-bg-opacity: 1;background-color:rgb(212 248 212 / var(--tw-bg-opacity))}.bg-\[\#f3f3f3\]{--tw-bg-opacity: 1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}.bg-chat-error{background-color:var(--chat-color-error)}.bg-chat-haze-100{--tw-bg-opacity: 1;background-color:rgb(237 239 241 / var(--tw-bg-opacity))}.bg-chat-haze-200{--tw-bg-opacity: 1;background-color:rgb(215 220 224 / var(--tw-bg-opacity))}.bg-chat-haze-300{--tw-bg-opacity: 1;background-color:rgb(179 190 198 / var(--tw-bg-opacity))}.bg-chat-haze-400{--tw-bg-opacity: 1;background-color:rgb(138 154 166 / var(--tw-bg-opacity))}.bg-chat-haze-500{--tw-bg-opacity: 1;background-color:rgb(108 126 139 / var(--tw-bg-opacity))}.bg-chat-haze-600{--tw-bg-opacity: 1;background-color:rgb(86 102 115 / var(--tw-bg-opacity))}.bg-chat-haze-900{--tw-bg-opacity: 1;background-color:rgb(54 62 68 / var(--tw-bg-opacity))}.bg-chat-primary{background-color:var(--chat-color-primary)}.bg-chat-success{background-color:var(--chat-color-success)}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.pl-\[60px\]{padding-left:60px}.text-\[32px\]{font-size:32px}.text-\[\#004AB3\]{--tw-text-opacity: 1;color:rgb(0 74 179 / var(--tw-text-opacity))}.text-\[\#0051E6\]{--tw-text-opacity: 1;color:rgb(0 81 230 / var(--tw-text-opacity))}.text-\[\#141B34\]{--tw-text-opacity: 1;color:rgb(20 27 52 / var(--tw-text-opacity))}.text-\[\#14532D\]{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity))}.text-\[\#266699\]{--tw-text-opacity: 1;color:rgb(38 102 153 / var(--tw-text-opacity))}.text-chat-error{color:var(--chat-color-error)}.text-chat-gray-5{--tw-text-opacity: 1;color:rgb(224 224 224 / var(--tw-text-opacity))}.text-chat-haze-100{--tw-text-opacity: 1;color:rgb(237 239 241 / var(--tw-text-opacity))}.text-chat-haze-200{--tw-text-opacity: 1;color:rgb(215 220 224 / var(--tw-text-opacity))}.text-chat-haze-300{--tw-text-opacity: 1;color:rgb(179 190 198 / var(--tw-text-opacity))}.text-chat-haze-400{--tw-text-opacity: 1;color:rgb(138 154 166 / var(--tw-text-opacity))}.text-chat-haze-500{--tw-text-opacity: 1;color:rgb(108 126 139 / var(--tw-text-opacity))}.text-chat-haze-600{--tw-text-opacity: 1;color:rgb(86 102 115 / var(--tw-text-opacity))}.text-chat-haze-900{--tw-text-opacity: 1;color:rgb(54 62 68 / var(--tw-text-opacity))}.text-chat-primary{color:var(--chat-color-primary)}.text-chat-success{color:var(--chat-color-success)}.opacity-\[0\.6\]{opacity:.6}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.go-chat-main{width:100%;height:100%;font-size:16px;font-family:Poppins,sans-serif;color:var(--color-text)}@media (hover: hover) and (pointer: fine){.hover\:bg-\[\#EDF5FF\]:hover{--tw-bg-opacity: 1;background-color:rgb(237 245 255 / var(--tw-bg-opacity))}}

package/dist/test/chat/App.vue.js

@@ -157,7 +157,7 @@ const getResponsiveObserverDebounce = useDebounce(() => {
 }, 50);
 const handleInitPage = async () => {
     await initPage({ props: props, response: responsiveRender.value });
-    if (!dataProfile.value?.tenant_phone) {
+    if (!dataProfile.value?.tenant_phone && dataProfile.value?.user_type == 'tenant') {
         emit('error:noPhoneTenant');
     }
 };
@@ -175,6 +175,9 @@ const handleEndCall = (data, type) => {
 const openSettings = () => {
     drawerVisibleRef.value?.open();
 };
+const handleReadMessage = () => {
+    chatListRef.value?.handleReadMessage();
+};
 let __VLS_exposed;
 defineExpose({
     get unreadCount() {
@@ -344,6 +347,7 @@ else if (__VLS_ctx.responsiveRender == 'mobile') {
     // @ts-ignore
     const __VLS_31 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
         ...{ 'onCall': {} },
+        ...{ 'onInputFocus': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full pt-4" },
@@ -351,6 +355,7 @@ else if (__VLS_ctx.responsiveRender == 'mobile') {
     }));
     const __VLS_32 = __VLS_31({
         ...{ 'onCall': {} },
+        ...{ 'onInputFocus': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full pt-4" },
@@ -360,70 +365,72 @@ else if (__VLS_ctx.responsiveRender == 'mobile') {
     let __VLS_35;
     const __VLS_36 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
+    const __VLS_37 = ({ inputFocus: {} },
+        { onInputFocus: (__VLS_ctx.handleReadMessage) });
     __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.HOME) }, null, null);
     /** @type {typeof __VLS_ctx.homeComponentRef} */ ;
-    var __VLS_37 = {};
+    var __VLS_38 = {};
     // @ts-ignore
-    [currentPage, PAGE, responsiveRender, receiverId, handleCall, homeComponentRef,];
+    [currentPage, PAGE, responsiveRender, receiverId, handleCall, handleReadMessage, homeComponentRef,];
     var __VLS_33;
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerDetail, ]} */ ;
         // @ts-ignore
-        const __VLS_40 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+        const __VLS_41 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "w-full h-full" },
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_41 = __VLS_40({
+        const __VLS_42 = __VLS_41({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "w-full h-full" },
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_40));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_41));
         /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-        var __VLS_43 = {};
+        var __VLS_44 = {};
         // @ts-ignore
         [responsiveRender, receiverId, customerDetailRef,];
-        var __VLS_42;
+        var __VLS_43;
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerCheckIn, ]} */ ;
         // @ts-ignore
-        const __VLS_46 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+        const __VLS_47 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
             ...{ class: "w-full h-full" },
         }));
-        const __VLS_47 = __VLS_46({
+        const __VLS_48 = __VLS_47({
             ...{ class: "w-full h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_46));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_47));
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerAppointment, ]} */ ;
         // @ts-ignore
-        const __VLS_50 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+        const __VLS_51 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
             ...{ class: "w-full h-full" },
         }));
-        const __VLS_51 = __VLS_50({
+        const __VLS_52 = __VLS_51({
             ...{ class: "w-full h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_50));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_51));
     }
     if (__VLS_ctx.currentPage != __VLS_ctx.PAGE.HOME) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof MobileFooter, ]} */ ;
         // @ts-ignore
-        const __VLS_54 = __VLS_asFunctionalComponent(MobileFooter, new MobileFooter({
+        const __VLS_55 = __VLS_asFunctionalComponent(MobileFooter, new MobileFooter({
             ...{ class: "shrink-0" },
         }));
-        const __VLS_55 = __VLS_54({
+        const __VLS_56 = __VLS_55({
             ...{ class: "shrink-0" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_54));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_55));
     }
 }
 else {
@@ -432,29 +439,29 @@ else {
     });
     /** @type {[typeof ChatList, ]} */ ;
     // @ts-ignore
-    const __VLS_58 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+    const __VLS_59 = __VLS_asFunctionalComponent(ChatList, new ChatList({
         ...{ 'onSelectReceiver': {} },
         ref: "chatListRef",
         ...{ class: "w-[38%] max-w-[500px] min-w-[450px]" },
         responsive: (__VLS_ctx.responsiveRender),
         receiverId: (__VLS_ctx.receiverId),
     }));
-    const __VLS_59 = __VLS_58({
+    const __VLS_60 = __VLS_59({
         ...{ 'onSelectReceiver': {} },
         ref: "chatListRef",
         ...{ class: "w-[38%] max-w-[500px] min-w-[450px]" },
         responsive: (__VLS_ctx.responsiveRender),
         receiverId: (__VLS_ctx.receiverId),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_58));
-    let __VLS_61;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_59));
     let __VLS_62;
-    const __VLS_63 = ({ selectReceiver: {} },
+    let __VLS_63;
+    const __VLS_64 = ({ selectReceiver: {} },
         { onSelectReceiver: (__VLS_ctx.selectReceiver) });
     /** @type {typeof __VLS_ctx.chatListRef} */ ;
-    var __VLS_64 = {};
+    var __VLS_65 = {};
     // @ts-ignore
     [responsiveRender, receiverId, selectReceiver, chatListRef,];
-    var __VLS_60;
+    var __VLS_61;
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "chat-box-white grow flex flex-col h-full pt-6 overflow-hidden" },
     });
@@ -482,8 +489,8 @@ else {
         });
         /** @type {[typeof IconArrowLeft, ]} */ ;
         // @ts-ignore
-        const __VLS_67 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-        const __VLS_68 = __VLS_67({}, ...__VLS_functionalComponentArgsRest(__VLS_67));
+        const __VLS_68 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+        const __VLS_69 = __VLS_68({}, ...__VLS_functionalComponentArgsRest(__VLS_68));
         __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
             ...{ class: "text-xl font-semibold text-chat-haze-900 ml-3" },
         });
@@ -496,94 +503,98 @@ else {
     });
     /** @type {[typeof HomeComponent, ]} */ ;
     // @ts-ignore
-    const __VLS_71 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+    const __VLS_72 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
         ...{ 'onCall': {} },
+        ...{ 'onInputFocus': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full" },
         responsive: (__VLS_ctx.responsiveRender),
     }));
-    const __VLS_72 = __VLS_71({
+    const __VLS_73 = __VLS_72({
         ...{ 'onCall': {} },
+        ...{ 'onInputFocus': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full" },
         responsive: (__VLS_ctx.responsiveRender),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_71));
-    let __VLS_74;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_72));
     let __VLS_75;
-    const __VLS_76 = ({ call: {} },
+    let __VLS_76;
+    const __VLS_77 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
+    const __VLS_78 = ({ inputFocus: {} },
+        { onInputFocus: (__VLS_ctx.handleReadMessage) });
     __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.HOME && __VLS_ctx.receiverId) }, null, null);
     /** @type {typeof __VLS_ctx.homeComponentRef} */ ;
-    var __VLS_77 = {};
+    var __VLS_79 = {};
     // @ts-ignore
-    [currentPage, PAGE, responsiveRender, receiverId, receiverId, handleCall, homeComponentRef,];
-    var __VLS_73;
+    [currentPage, PAGE, responsiveRender, receiverId, receiverId, handleCall, handleReadMessage, homeComponentRef,];
+    var __VLS_74;
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerDetail, ]} */ ;
         // @ts-ignore
-        const __VLS_80 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+        const __VLS_82 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_81 = __VLS_80({
+        const __VLS_83 = __VLS_82({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_80));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_82));
         /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-        var __VLS_83 = {};
+        var __VLS_85 = {};
         // @ts-ignore
         [responsiveRender, receiverId, customerDetailRef,];
-        var __VLS_82;
+        var __VLS_84;
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerCheckIn, ]} */ ;
         // @ts-ignore
-        const __VLS_86 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+        const __VLS_88 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
             ...{ class: "h-full" },
         }));
-        const __VLS_87 = __VLS_86({
+        const __VLS_89 = __VLS_88({
             ...{ class: "h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_86));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_88));
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerAppointment, ]} */ ;
         // @ts-ignore
-        const __VLS_90 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+        const __VLS_92 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
             ...{ class: "h-full" },
         }));
-        const __VLS_91 = __VLS_90({
+        const __VLS_93 = __VLS_92({
             ...{ class: "h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_90));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_92));
     }
     /** @type {[typeof Calling, ]} */ ;
     // @ts-ignore
-    const __VLS_94 = __VLS_asFunctionalComponent(Calling, new Calling({
+    const __VLS_96 = __VLS_asFunctionalComponent(Calling, new Calling({
         ...{ 'onUserCalling': {} },
         ...{ 'onEndCall': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
     }));
-    const __VLS_95 = __VLS_94({
+    const __VLS_97 = __VLS_96({
         ...{ 'onUserCalling': {} },
         ...{ 'onEndCall': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_94));
-    let __VLS_97;
-    let __VLS_98;
-    const __VLS_99 = ({ userCalling: {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_96));
+    let __VLS_99;
+    let __VLS_100;
+    const __VLS_101 = ({ userCalling: {} },
         { onUserCalling: (...[$event]) => {
                 if (!!(!__VLS_ctx.isRouterReady))
                     return;
@@ -595,32 +606,32 @@ else {
                 // @ts-ignore
                 [responsiveRender, emit,];
             } });
-    const __VLS_100 = ({ endCall: {} },
+    const __VLS_102 = ({ endCall: {} },
         { onEndCall: (__VLS_ctx.handleEndCall) });
     /** @type {typeof __VLS_ctx.callingRef} */ ;
-    var __VLS_101 = {};
+    var __VLS_103 = {};
     // @ts-ignore
     [handleEndCall, callingRef,];
-    var __VLS_96;
+    var __VLS_98;
     /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
     // @ts-ignore
-    const __VLS_104 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
+    const __VLS_106 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
         ref: "drawerVisibleRef",
         width: (500),
         responsive: (__VLS_ctx.responsiveRender),
     }));
-    const __VLS_105 = __VLS_104({
+    const __VLS_107 = __VLS_106({
         ref: "drawerVisibleRef",
         width: (500),
         responsive: (__VLS_ctx.responsiveRender),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_104));
+    }, ...__VLS_functionalComponentArgsRest(__VLS_106));
     /** @type {typeof __VLS_ctx.drawerVisibleRef} */ ;
-    var __VLS_107 = {};
-    const { default: __VLS_109 } = __VLS_106.slots;
+    var __VLS_109 = {};
+    const { default: __VLS_111 } = __VLS_108.slots;
     // @ts-ignore
     [responsiveRender, drawerVisibleRef,];
     {
-        const { content: __VLS_110 } = __VLS_106.slots;
+        const { content: __VLS_112 } = __VLS_108.slots;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "flex flex-col" },
         });
@@ -635,17 +646,17 @@ else {
         });
         /** @type {[typeof IconCloseCircle, ]} */ ;
         // @ts-ignore
-        const __VLS_111 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
-        const __VLS_112 = __VLS_111({}, ...__VLS_functionalComponentArgsRest(__VLS_111));
+        const __VLS_113 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+        const __VLS_114 = __VLS_113({}, ...__VLS_functionalComponentArgsRest(__VLS_113));
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "px-4 py-6" },
         });
         /** @type {[typeof Setting, ]} */ ;
         // @ts-ignore
-        const __VLS_115 = __VLS_asFunctionalComponent(Setting, new Setting({}));
-        const __VLS_116 = __VLS_115({}, ...__VLS_functionalComponentArgsRest(__VLS_115));
+        const __VLS_117 = __VLS_asFunctionalComponent(Setting, new Setting({}));
+        const __VLS_118 = __VLS_117({}, ...__VLS_functionalComponentArgsRest(__VLS_117));
     }
-    var __VLS_106;
+    var __VLS_108;
 }
 /** @type {__VLS_StyleScopedClasses['go-chat-main']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-full']} */ ;
@@ -732,7 +743,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-6']} */ ;
 // @ts-ignore
-var __VLS_16 = __VLS_15, __VLS_29 = __VLS_28, __VLS_38 = __VLS_37, __VLS_44 = __VLS_43, __VLS_65 = __VLS_64, __VLS_78 = __VLS_77, __VLS_84 = __VLS_83, __VLS_102 = __VLS_101, __VLS_108 = __VLS_107;
+var __VLS_16 = __VLS_15, __VLS_29 = __VLS_28, __VLS_39 = __VLS_38, __VLS_45 = __VLS_44, __VLS_66 = __VLS_65, __VLS_80 = __VLS_79, __VLS_86 = __VLS_85, __VLS_104 = __VLS_103, __VLS_110 = __VLS_109;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

package/dist/test/chat/page/customer-appointment/CustomerAppointment.vue.js

@@ -105,7 +105,7 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
                 ...{ class: "translate-y-[-4px]" },
             });
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-                ...{ class: "w-max rounded-[6px] text-14px px-[10px] py-[5px] mt-2" },
+                ...{ class: "w-max rounded-[6px] text-14px px-2 py-1 mt-2" },
                 ...{ style: (__VLS_ctx.statusColor(item.status)) },
             });
             // @ts-ignore
@@ -188,8 +188,8 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
 /** @type {__VLS_StyleScopedClasses['w-max']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-[6px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-14px']} */ ;
-/** @type {__VLS_StyleScopedClasses['px-[10px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-[5px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-between']} */ ;