@phonghq/go-chat 1.0.72 → 1.0.74

package/dist/components/common/drawer/DrawerBase.vue.d.ts

@@ -0,0 +1,39 @@
+import type { DrawerRootProps } from 'vaul-vue';
+type Props = {
+    title?: string;
+    placement?: DrawerRootProps['direction'];
+    width?: string | number;
+    showButtonClose?: boolean;
+    showTitle?: boolean;
+    disableClose?: boolean;
+};
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_PublicProps, {
+    show: () => void;
+    hide: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean | undefined) => any;
+} & {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    width: string | number;
+    showTitle: boolean;
+    placement: import("vaul-vue").DrawerDirection;
+    showButtonClose: boolean;
+    disableClose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    content?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/common/drawer/DrawerBase.vue.js

@@ -0,0 +1,126 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+// COMPONENT
+import { Drawer, DrawerContent, DrawerHeader } from '../../../components/ui/drawer';
+const props = withDefaults(defineProps(), {
+    title: 'This is title',
+    placement: 'right',
+    width: 250,
+    showButtonClose: true,
+    showTitle: true,
+    // open: false,
+    disableClose: false
+});
+const open = defineModel('open');
+const emit = defineEmits();
+const show = () => {
+    emit('update:open', true);
+};
+const hide = () => {
+    emit('update:open', false);
+};
+const handleDrawerChange = (val) => {
+    if (!val && props.disableClose)
+        open.value = true;
+    else
+        open.value = val;
+};
+const __VLS_exposed = {
+    show,
+    hide
+};
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_defaults = {
+    title: 'This is title',
+    placement: 'right',
+    width: 250,
+    showButtonClose: true,
+    showTitle: true,
+    // open: false,
+    disableClose: false
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.Drawer;
+/** @type {[typeof __VLS_components.Drawer, typeof __VLS_components.Drawer, ]} */ ;
+// @ts-ignore
+Drawer;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ 'onUpdate:open': {} },
+    direction: (__VLS_ctx.placement),
+    open: (__VLS_ctx.open),
+    scrollLockTimeout: (100),
+    handleOnly: (__VLS_ctx.disableClose),
+}));
+const __VLS_2 = __VLS_1({
+    ...{ 'onUpdate:open': {} },
+    direction: (__VLS_ctx.placement),
+    open: (__VLS_ctx.open),
+    scrollLockTimeout: (100),
+    handleOnly: (__VLS_ctx.disableClose),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+let __VLS_4;
+let __VLS_5;
+const __VLS_6 = ({ 'update:open': {} },
+    { 'onUpdate:open': (__VLS_ctx.handleDrawerChange) });
+var __VLS_7 = {};
+const { default: __VLS_8 } = __VLS_3.slots;
+// @ts-ignore
+[placement, open, disableClose, handleDrawerChange,];
+const __VLS_9 = {}.DrawerContent;
+/** @type {[typeof __VLS_components.DrawerContent, typeof __VLS_components.DrawerContent, ]} */ ;
+// @ts-ignore
+DrawerContent;
+// @ts-ignore
+const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({
+    ...{ 'onCloseDrawer': {} },
+    width: (__VLS_ctx.width),
+    direction: (__VLS_ctx.placement),
+    ...{ class: "!touch-none" },
+}));
+const __VLS_11 = __VLS_10({
+    ...{ 'onCloseDrawer': {} },
+    width: (__VLS_ctx.width),
+    direction: (__VLS_ctx.placement),
+    ...{ class: "!touch-none" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_10));
+let __VLS_13;
+let __VLS_14;
+const __VLS_15 = ({ closeDrawer: {} },
+    { onCloseDrawer: (...[$event]) => {
+            __VLS_ctx.emit('update:open', false);
+            // @ts-ignore
+            [placement, width, emit,];
+        } });
+const { default: __VLS_16 } = __VLS_12.slots;
+const __VLS_17 = {}.DrawerHeader;
+/** @type {[typeof __VLS_components.DrawerHeader, typeof __VLS_components.DrawerHeader, ]} */ ;
+// @ts-ignore
+DrawerHeader;
+// @ts-ignore
+const __VLS_18 = __VLS_asFunctionalComponent(__VLS_17, new __VLS_17({}));
+const __VLS_19 = __VLS_18({}, ...__VLS_functionalComponentArgsRest(__VLS_18));
+var __VLS_22 = {};
+var __VLS_12;
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['!touch-none']} */ ;
+// @ts-ignore
+var __VLS_23 = __VLS_22;
+const __VLS_base = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/common/drawer/DrawerBaseCustom.vue.d.ts

@@ -0,0 +1,33 @@
+import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+type __VLS_Props = {
+    showTitle?: boolean;
+    position?: string;
+    width?: number;
+    responsive?: PAGE_RESPONSIVE;
+    disabledClose?: boolean;
+    absolute?: boolean;
+    index?: number;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_Props, {
+    close: () => Promise<void>;
+    open: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (newService: any) => any;
+    afterClose: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((newService: any) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    width: number;
+    position: string;
+    index: number;
+    showTitle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    content?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/common/drawer/DrawerBaseCustom.vue.js

@@ -0,0 +1,135 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { computed, ref } from 'vue';
+const props = withDefaults(defineProps(), {
+    position: 'right',
+    showTitle: true,
+    width: 550,
+    index: 1500
+});
+const emits = defineEmits();
+const show = ref(false);
+const boxStyles = computed(() => {
+    let transform = '';
+    if (show.value) {
+        transform = 'translateX(0)';
+    }
+    else if (props.position === 'right') {
+        transform = 'translateX(100%)';
+    }
+    else if (props.position === 'left') {
+        transform = 'translateX(-100%)';
+    }
+    return {
+        width: props.responsive == 'mobile' ? '100%' : props.width + 'px',
+        [props.position]: '0',
+        transform
+    };
+});
+// CREATE FUNCTION
+const open = () => {
+    show.value = true;
+};
+const close = async () => {
+    await emits('afterClose');
+    show.value = false;
+};
+const __VLS_exposed = { close, open };
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    position: 'right',
+    showTitle: true,
+    width: 550,
+    index: 1500
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['drawer-box']} */ ;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "top-0 bottom-0 right-0 left-0 drawer" },
+    ...{ class: ({ 'opacity-1': __VLS_ctx.show, 'pointer-events-none opacity-0 delay-300': !__VLS_ctx.show, 'absolute': __VLS_ctx.absolute, 'fixed': !__VLS_ctx.absolute }) },
+    ...{ style: ({ zIndex: __VLS_ctx.index }) },
+});
+// @ts-ignore
+[show, show, absolute, absolute, index,];
+if (!__VLS_ctx.disabledClose) {
+    // @ts-ignore
+    [disabledClose,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ onClick: (__VLS_ctx.close) },
+        ...{ onTouchstart: (__VLS_ctx.close) },
+        ...{ class: "absolute w-full h-full z-[1500]" },
+    });
+    // @ts-ignore
+    [close, close,];
+}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative w-full h-full" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "duration-300 ease-out absolute top-0 bg-white flex flex-col drawer-box" },
+    ...{ style: (__VLS_ctx.boxStyles) },
+});
+// @ts-ignore
+[boxStyles,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "edit-scrollbar grow overflow-auto w-full min-w-full drawer-content" },
+});
+var __VLS_0 = {};
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex p-4 content" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
+/** @type {__VLS_StyleScopedClasses['top-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['bottom-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['drawer']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['delay-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['z-[1500]']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['duration-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['ease-out']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['top-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['drawer-box']} */ ;
+/** @type {__VLS_StyleScopedClasses['edit-scrollbar']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['drawer-content']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['content']} */ ;
+// @ts-ignore
+var __VLS_1 = __VLS_0;
+const __VLS_base = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/common/dropdown/DropdownBase.vue.d.ts

@@ -0,0 +1,21 @@
+import type { DropdownMenuContentProps } from 'reka-ui';
+declare var __VLS_15: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    content?: (props: typeof __VLS_22) => any;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Pick<DropdownMenuContentProps, "side" | "align">, {
+    close: () => void;
+    openDropdown: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (appointment: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Pick<DropdownMenuContentProps, "side" | "align">> & Readonly<{
+    onChange?: ((appointment: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/common/dropdown/DropdownBase.vue.js

@@ -0,0 +1,93 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '../../../components/ui/dropdown-menu';
+const props = defineProps();
+const emits = defineEmits();
+const handleChange = (value) => {
+    open.value = value;
+    emits('change', value);
+};
+const open = ref(false);
+const close = () => {
+    open.value = false;
+};
+const openDropdown = () => {
+    open.value = true;
+};
+const __VLS_exposed = {
+    close,
+    openDropdown
+};
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.DropdownMenu;
+/** @type {[typeof __VLS_components.DropdownMenu, typeof __VLS_components.DropdownMenu, ]} */ ;
+// @ts-ignore
+DropdownMenu;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ 'onUpdate:open': {} },
+    open: (__VLS_ctx.open),
+}));
+const __VLS_2 = __VLS_1({
+    ...{ 'onUpdate:open': {} },
+    open: (__VLS_ctx.open),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+let __VLS_4;
+let __VLS_5;
+const __VLS_6 = ({ 'update:open': {} },
+    { 'onUpdate:open': ((value) => {
+            __VLS_ctx.handleChange(value);
+        }) });
+var __VLS_7 = {};
+const { default: __VLS_8 } = __VLS_3.slots;
+// @ts-ignore
+[open, handleChange,];
+const __VLS_9 = {}.DropdownMenuTrigger;
+/** @type {[typeof __VLS_components.DropdownMenuTrigger, typeof __VLS_components.DropdownMenuTrigger, ]} */ ;
+// @ts-ignore
+DropdownMenuTrigger;
+// @ts-ignore
+const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({}));
+const __VLS_11 = __VLS_10({}, ...__VLS_functionalComponentArgsRest(__VLS_10));
+const { default: __VLS_13 } = __VLS_12.slots;
+var __VLS_14 = {};
+var __VLS_12;
+const __VLS_16 = {}.DropdownMenuContent;
+/** @type {[typeof __VLS_components.DropdownMenuContent, typeof __VLS_components.DropdownMenuContent, ]} */ ;
+// @ts-ignore
+DropdownMenuContent;
+// @ts-ignore
+const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({
+    side: (__VLS_ctx.side),
+    align: (__VLS_ctx.align),
+}));
+const __VLS_18 = __VLS_17({
+    side: (__VLS_ctx.side),
+    align: (__VLS_ctx.align),
+}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+const { default: __VLS_20 } = __VLS_19.slots;
+// @ts-ignore
+[side, align,];
+var __VLS_21 = {};
+var __VLS_19;
+var __VLS_3;
+// @ts-ignore
+var __VLS_15 = __VLS_14, __VLS_22 = __VLS_21;
+const __VLS_base = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/common/input/CInputSearch.vue.d.ts

@@ -0,0 +1,14 @@
+type Props = {
+    modelValue: string;
+    placeholder?: string;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    search: (val: string) => any;
+    "update:modelValue": (val: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSearch?: ((val: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/common/input/CInputSearch.vue.js

@@ -0,0 +1,62 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { computed } from 'vue';
+import { useDebounce } from '../../../utils/debounce';
+const props = withDefaults(defineProps(), {
+    placeholder: 'Search...'
+});
+const emit = defineEmits();
+const keyword = computed({
+    get: () => props.modelValue,
+    set: (val) => emit('update:modelValue', val)
+});
+const search = useDebounce(() => {
+    emit('search', keyword.value);
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    placeholder: 'Search...'
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative" },
+});
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+    ...{ class: "absolute inset-y-0 left-2 translate-y-1/2 bottom-1/2 flex items-center pointer-events-none text-gray-500" },
+});
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onInput: (__VLS_ctx.search) },
+    ...{ class: "sc-full input-search input  pl-10" },
+    placeholder: (props.placeholder),
+});
+(__VLS_ctx.keyword);
+// @ts-ignore
+[search, keyword,];
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['inset-y-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['translate-y-1/2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bottom-1/2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['sc-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['input-search']} */ ;
+/** @type {__VLS_StyleScopedClasses['input']} */ ;
+/** @type {__VLS_StyleScopedClasses['pl-10']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/components/common/modal/ModalBase.vue.d.ts

@@ -0,0 +1,35 @@
+type Props = {
+    title?: string;
+    width?: string | number;
+    showButtonClose?: boolean;
+    showTitle?: boolean;
+    open: boolean;
+    nonClosable?: boolean;
+    zIndex?: number;
+    class?: string;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+    show: () => void;
+    hide: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:open": (id: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:open"?: ((id: boolean) => any) | undefined;
+}>, {
+    title: string;
+    class: string;
+    width: string | number;
+    open: boolean;
+    zIndex: number;
+    showTitle: boolean;
+    showButtonClose: boolean;
+    nonClosable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};