@phonghq/go-chat 1.0.0 → 1.0.2

package/dist/components/ui/slider/Slider.vue.js

@@ -0,0 +1,155 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from '@vueuse/core';
+import { SliderRange, SliderRoot, SliderThumb, SliderTrack, useForwardPropsEmits } from 'reka-ui';
+import { cn } from '../../../lib/utils';
+const props = defineProps();
+const emits = defineEmits();
+const delegatedProps = reactiveOmit(props, 'class');
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const handlePointerup = (e) => {
+    if (e.currentTarget.hasPointerCapture(e.pointerId)) {
+        ;
+        e.currentTarget.releasePointerCapture(e.pointerId);
+    }
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.SliderRoot;
+/** @type {[typeof __VLS_components.SliderRoot, typeof __VLS_components.SliderRoot, ]} */ ;
+// @ts-ignore
+SliderRoot;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ 'onPointerdown': {} },
+    ...{ 'onMousedown': {} },
+    ...{ 'onPointerup': {} },
+    ...{ class: (__VLS_ctx.cn('relative flex w-full touch-none select-none items-center data-[orientation=vertical]:flex-col data-[orientation=vertical]:w-2 data-[orientation=vertical]:h-full', props.class)) },
+    ...(__VLS_ctx.forwarded),
+}));
+const __VLS_2 = __VLS_1({
+    ...{ 'onPointerdown': {} },
+    ...{ 'onMousedown': {} },
+    ...{ 'onPointerup': {} },
+    ...{ class: (__VLS_ctx.cn('relative flex w-full touch-none select-none items-center data-[orientation=vertical]:flex-col data-[orientation=vertical]:w-2 data-[orientation=vertical]:h-full', props.class)) },
+    ...(__VLS_ctx.forwarded),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+let __VLS_4;
+let __VLS_5;
+const __VLS_6 = ({ pointerdown: {} },
+    { onPointerdown: ((e) => {
+            e?.stopPropagation();
+            e?.target.setPointerCapture?.(e.pointerId);
+            console.log(e);
+        }) });
+const __VLS_7 = ({ mousedown: {} },
+    { onMousedown: ((e) => e.stopPropagation()) });
+const __VLS_8 = ({ pointerup: {} },
+    { onPointerup: (__VLS_ctx.handlePointerup) });
+var __VLS_9 = {};
+const { default: __VLS_10 } = __VLS_3.slots;
+// @ts-ignore
+[cn, forwarded, handlePointerup,];
+const __VLS_11 = {}.SliderTrack;
+/** @type {[typeof __VLS_components.SliderTrack, typeof __VLS_components.SliderTrack, ]} */ ;
+// @ts-ignore
+SliderTrack;
+// @ts-ignore
+const __VLS_12 = __VLS_asFunctionalComponent(__VLS_11, new __VLS_11({
+    ...{ class: "relative h-2 w-full data-[orientation=vertical]:w-2 grow overflow-hidden rounded-full bg-white" },
+}));
+const __VLS_13 = __VLS_12({
+    ...{ class: "relative h-2 w-full data-[orientation=vertical]:w-2 grow overflow-hidden rounded-full bg-white" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_12));
+const { default: __VLS_15 } = __VLS_14.slots;
+const __VLS_16 = {}.SliderRange;
+/** @type {[typeof __VLS_components.SliderRange, ]} */ ;
+// @ts-ignore
+SliderRange;
+// @ts-ignore
+const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({
+    ...{ class: "absolute h-full data-[orientation=vertical]:w-full bg-primary" },
+}));
+const __VLS_18 = __VLS_17({
+    ...{ class: "absolute h-full data-[orientation=vertical]:w-full bg-primary" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+var __VLS_14;
+for (const [value, key] of __VLS_getVForSourceType((__VLS_ctx.modelValue))) {
+    // @ts-ignore
+    [modelValue,];
+    const __VLS_21 = {}.SliderThumb;
+    /** @type {[typeof __VLS_components.SliderThumb, typeof __VLS_components.SliderThumb, ]} */ ;
+    // @ts-ignore
+    SliderThumb;
+    // @ts-ignore
+    const __VLS_22 = __VLS_asFunctionalComponent(__VLS_21, new __VLS_21({
+        key: (key),
+        ...{ class: "block h-5 w-5 rounded-full border-2 border-primary bg-white ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" },
+    }));
+    const __VLS_23 = __VLS_22({
+        key: (key),
+        ...{ class: "block h-5 w-5 rounded-full border-2 border-primary bg-white ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_22));
+    const { default: __VLS_25 } = __VLS_24.slots;
+    const __VLS_26 = {}.ATooltip;
+    /** @type {[typeof __VLS_components.ATooltip, typeof __VLS_components.aTooltip, typeof __VLS_components.ATooltip, typeof __VLS_components.aTooltip, ]} */ ;
+    // @ts-ignore
+    ATooltip;
+    // @ts-ignore
+    const __VLS_27 = __VLS_asFunctionalComponent(__VLS_26, new __VLS_26({}));
+    const __VLS_28 = __VLS_27({}, ...__VLS_functionalComponentArgsRest(__VLS_27));
+    const { default: __VLS_30 } = __VLS_29.slots;
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "h-5 w-5 opacity-0" },
+    });
+    {
+        const { title: __VLS_31 } = __VLS_29.slots;
+        (value);
+    }
+    var __VLS_29;
+    var __VLS_24;
+}
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[orientation=vertical]:w-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[orientation=vertical]:w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['block']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['ring-offset-background']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition-colors']} */ ;
+/** @type {__VLS_StyleScopedClasses['focus-visible:outline-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['focus-visible:ring-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['focus-visible:ring-ring']} */ ;
+/** @type {__VLS_StyleScopedClasses['focus-visible:ring-offset-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['disabled:pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['disabled:opacity-50']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+export default {};

package/dist/components/ui/slider/index.d.ts

@@ -0,0 +1 @@
+export { default as CSlider } from "./Slider.vue";

package/dist/components/ui/slider/index.js

@@ -0,0 +1 @@
+export { default as CSlider } from "./Slider.vue";

package/dist/components/ui/switch/Switch.vue.d.ts

@@ -0,0 +1,18 @@
+import type { SwitchRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = SwitchRootProps & {
+    class?: HTMLAttributes['class'];
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    thumb?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/switch/Switch.vue.js

@@ -0,0 +1,61 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from '@vueuse/core';
+import { SwitchRoot, SwitchThumb, useForwardPropsEmits } from 'reka-ui';
+import { cn } from '../../../lib/utils';
+const props = defineProps();
+const emits = defineEmits();
+const delegatedProps = reactiveOmit(props, 'class');
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.SwitchRoot;
+/** @type {[typeof __VLS_components.SwitchRoot, typeof __VLS_components.SwitchRoot, ]} */ ;
+// @ts-ignore
+SwitchRoot;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(__VLS_ctx.forwarded),
+    ...{ class: (__VLS_ctx.cn('peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-[#D1D1D1]', props.class)) },
+}));
+const __VLS_2 = __VLS_1({
+    ...(__VLS_ctx.forwarded),
+    ...{ class: (__VLS_ctx.cn('peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-[#D1D1D1]', props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[forwarded, cn,];
+const __VLS_6 = {}.SwitchThumb;
+/** @type {[typeof __VLS_components.SwitchThumb, typeof __VLS_components.SwitchThumb, ]} */ ;
+// @ts-ignore
+SwitchThumb;
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({
+    ...{ class: (__VLS_ctx.cn('pointer-events-none block h-5 w-5 rounded-full bg-white shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-1')) },
+}));
+const __VLS_8 = __VLS_7({
+    ...{ class: (__VLS_ctx.cn('pointer-events-none block h-5 w-5 rounded-full bg-white shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-1')) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+const { default: __VLS_10 } = __VLS_9.slots;
+// @ts-ignore
+[cn,];
+var __VLS_11 = {};
+var __VLS_9;
+var __VLS_3;
+// @ts-ignore
+var __VLS_12 = __VLS_11;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/ui/switch/index.d.ts

@@ -0,0 +1 @@
+export { default as CSwitch } from "./Switch.vue";

package/dist/components/ui/switch/index.js

@@ -0,0 +1 @@
+export { default as CSwitch } from "./Switch.vue";

package/dist/composable/useCallHelper.d.ts

@@ -0,0 +1,23 @@
+import type { IResUser } from '../types/message';
+type Offer = {
+    link: string;
+    offer: any;
+    user: any;
+    server: any;
+};
+export declare function useCallHelper(): {
+    call: (user: IResUser) => Promise<void>;
+    end: (link: any) => void;
+    endPc: (link: any) => void;
+    handleOfferResponse: (data: {
+        link: string;
+        answer: any;
+    }) => Promise<void>;
+    handleOffer: (data: Offer) => Promise<boolean>;
+    addIceCandidate: (data: {
+        link: string;
+        candidate: any;
+    }) => Promise<void>;
+    sendOfferOk: () => Promise<boolean | undefined>;
+};
+export {};

package/dist/composable/useCallHelper.js

@@ -0,0 +1,170 @@
+import { publishMessage } from '../plugins/mqtt';
+import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
+import { getIceService } from '../utils/chat/call';
+import { dataProfile } from '../utils/chat/auth';
+import { ref } from 'vue';
+export function useCallHelper() {
+    let pc;
+    let iceStunServiceLink = '';
+    let iceServer = null;
+    let answer;
+    let offer = null;
+    const remoteAudio = () => {
+        return document.getElementById('go-chat-remote-audio');
+    };
+    const localAudio = () => {
+        return document.getElementById('go-chat-local-audio');
+    };
+    const userRemoter = ref(null);
+    const call = async (user) => {
+        userRemoter.value = user;
+        await getIceServiceLink();
+        startPeerConnection();
+        const offer = await pc?.createOffer();
+        await pc?.setLocalDescription(offer);
+        publishMessage(TOPIC_DETAIL_CALL + (userRemoter.value?.id ?? ''), {
+            type: 'offer',
+            offer,
+            link: iceStunServiceLink,
+            server: iceServer,
+            user: dataProfile.value
+        });
+    };
+    const end = (link) => {
+        endPc(link);
+        publishMessage(TOPIC_DETAIL_CALL + (userRemoter.value?.id ?? ''), {
+            type: 'end-call',
+            link: iceStunServiceLink
+        });
+        iceStunServiceLink = '';
+    };
+    const endPc = (link) => {
+        if (!link || link === iceStunServiceLink) {
+            if (pc) {
+                pc?.close();
+                pc = null;
+            }
+            const remote = remoteAudio();
+            const local = localAudio();
+            if (remote)
+                remote.srcObject = null;
+            if (local)
+                local.srcObject = null;
+        }
+    };
+    const test = async (data) => {
+        const pcs = new RTCPeerConnection({
+            iceServers: data
+        });
+        console.log('www', data);
+        pcs.onicecandidate = (e) => console.log('Candidate:', e.candidate);
+        pcs.onicegatheringstatechange = () => console.log('Gathering:', pc.iceGatheringState);
+        const offer = await pcs.createOffer();
+        await pcs.setLocalDescription(offer);
+    };
+    const startPeerConnection = async () => {
+        // iceServer[1].credentialType = 'oauth'
+        // test(iceServer)
+        const data = { 'iceServers': [{ 'urls': 'stun:stun.cloudflare.com:3478' }] };
+        pc = new RTCPeerConnection(data);
+        // console.log(pc)
+        // pc = new RTCPeerConnection({ iceServers: data })
+        // console.log( "hung" , pc)
+        pc.onicegatheringstatechange = () => {
+            console.log('ICE gathering state:', pc.iceGatheringState);
+        };
+        pc.oniceconnectionstatechange = () => {
+            console.log('ICE connection state:', pc.iceConnectionState);
+        };
+        pc.addEventListener('icecandidate', (event) => {
+            console.log('iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii');
+            if (event.candidate) {
+                console.log("New ICE candidate:", event.candidate);
+            }
+        });
+        pc.onicecandidate = (event) => {
+            console.log('iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii');
+            if (event.candidate) {
+                publishMessage(TOPIC_DETAIL_CALL + (userRemoter.value?.id ?? ''), {
+                    type: 'candidate',
+                    candidate: event.candidate,
+                    link: iceStunServiceLink
+                });
+            }
+        };
+        pc.ontrack = (event) => {
+            console.log('aaaaaaa');
+            const remote = remoteAudio();
+            if (remote)
+                remote.srcObject = event.streams[0];
+        };
+        navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
+            const local = localAudio();
+            if (local)
+                local.srcObject = stream;
+            stream.getTracks().forEach((track) => pc?.addTrack(track, stream));
+        });
+    };
+    const getIceServiceLink = async () => {
+        const res = await getIceService();
+        console.log(res);
+        iceStunServiceLink = res[0]?.urls[0] ?? '';
+        iceServer = res;
+    };
+    const handleOffer = async (data) => {
+        if (pc)
+            return false;
+        if (!data.link || !data.offer || !data.user || !data.server)
+            return false;
+        offer = data;
+        return true;
+    };
+    const sendOfferOk = async () => {
+        if (!offer)
+            return;
+        try {
+            iceStunServiceLink = offer.link;
+            iceServer = offer.server;
+            userRemoter.value = offer.user;
+            startPeerConnection();
+            console.log(pc, 'aaaaaaa');
+            await pc.setRemoteDescription(new RTCSessionDescription(offer.offer));
+            answer = await pc?.createAnswer();
+            await pc?.setLocalDescription(answer);
+            publishMessage(TOPIC_DETAIL_CALL + (userRemoter.value?.id ?? ''), {
+                type: 'offer-response',
+                answer,
+                link: iceStunServiceLink
+            });
+            return true;
+        }
+        catch (e) {
+            console.log(e);
+            return false;
+        }
+    };
+    const handleOfferResponse = async (data) => {
+        if (!data.link || !data.answer || data.link != iceStunServiceLink)
+            return;
+        await pc?.setRemoteDescription(new RTCSessionDescription(data.answer));
+    };
+    const addIceCandidate = async (data) => {
+        try {
+            if (data.candidate && data.link == iceStunServiceLink) {
+                await pc.addIceCandidate(data.candidate);
+            }
+        }
+        catch (e) {
+            console.error('Error adding received ICE candidate', e);
+        }
+    };
+    return {
+        call,
+        end,
+        endPc,
+        handleOfferResponse,
+        handleOffer,
+        addIceCandidate,
+        sendOfferOk
+    };
+}

package/dist/composable/useInitData.d.ts

@@ -0,0 +1,11 @@
+import type { PAGE_RESPONSE } from '../types/chat/global';
+export declare const isRouterReady: import("vue").Ref<boolean, boolean>;
+export declare function useInitData(): {
+    NOTIFY_ID_APPOINTMENT_NAME: string;
+    initPage: (data: {
+        id?: string;
+        token?: string;
+        domain?: string;
+        response: PAGE_RESPONSE;
+    }) => Promise<void>;
+};

package/dist/composable/useInitData.js

@@ -0,0 +1,84 @@
+import { ref } from 'vue';
+import { sdkInit } from '../plugins/sdk';
+import { dataProfile, getProfile, loginLink } from '../utils/chat/auth';
+import { routerPush } from '../utils/chat/chat-router';
+import { PAGE } from '../constant/general';
+import { subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
+import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
+import { getWebSocket } from '../plugins/websocket';
+//PINIA
+export const isRouterReady = ref(false);
+export function useInitData() {
+    const NOTIFY_ID_APPOINTMENT_NAME = 'notifyIdAppointment';
+    const initPage = async (data) => {
+        try {
+            isRouterReady.value = false;
+            const sdk_res = await sdkInit({ id: data.id, token: data.token, domain: data.domain });
+            if (sdk_res.tenant_error) {
+                const api_link_res = await loginApiLink();
+                // if (api_link_res.client_error) {
+                //   routerPush(PAGE.TENANT_ERROR)
+                //   return
+                // }
+            }
+            // connectMqtt()
+            await initData();
+            if (data.response == 'mobile') {
+                routerPush(PAGE.CHAT_LIST);
+            }
+            else {
+                routerPush(PAGE.HOME);
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        finally {
+            isRouterReady.value = true;
+        }
+    };
+    const initData = async () => {
+        await getProfile();
+        getWebSocket();
+        unsubscribeFromTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
+        subscribeToTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
+    };
+    const loginApiLink = async () => {
+        try {
+            const queryString = window.location.search;
+            const urlParams = new URLSearchParams(queryString);
+            const tenant_id = urlParams.get('tenant_id') || '';
+            const phone = urlParams.get('phone') || '';
+            const message = urlParams.get('message') || '';
+            const customer_name = urlParams.get('customer_name') || '';
+            const business_name = urlParams.get('business_name') || '';
+            if (!tenant_id || !phone || !message || !customer_name || !business_name)
+                return { client_error: true };
+            const param = {
+                tenant_id,
+                phone,
+                message,
+                customer_name,
+                business_name
+            };
+            await loginLink(param);
+            clearApiParams();
+            return {};
+        }
+        catch (error) {
+            console.log(error);
+            return { client_error: true };
+        }
+        finally {
+        }
+    };
+    const clearApiParams = () => {
+        const url = new URL(window.location.href);
+        url.search = "";
+        window.history.replaceState({}, document.title, url);
+    };
+    return {
+        NOTIFY_ID_APPOINTMENT_NAME,
+        initPage
+    };
+}

package/dist/composable/useModalConfirm.d.ts

@@ -0,0 +1,5 @@
+import type { ConfirmPayloadPromise, ConfirmPayload } from '../types/chat/promise';
+export declare function useModalConfirm(): {
+    setHandleConfirm: (callback: (data: ConfirmPayloadPromise) => void) => void;
+    modalConfirm: (data: ConfirmPayload) => Promise<any>;
+};

package/dist/composable/useModalConfirm.js

@@ -0,0 +1,39 @@
+import { ref } from 'vue';
+// export type ConfirmPayload = {
+//   headerTitle?: string
+//   bodyTitle?: string
+//   bodyImage?: string
+//   bodyMessage?: string
+//   confirmButtonText?: string
+//   cancelButtonText?: string
+//   timeOut?: number //seconds
+//   type?: 'confirm' | 'information'
+// }
+//
+// export type ConfirmPayloadPromise = AddPromise<ConfirmPayload>
+const handleConfirm = ref(null);
+function setHandleConfirm(callback) {
+    handleConfirm.value = callback;
+}
+export function useModalConfirm() {
+    function setHandleConfirm(callback) {
+        handleConfirm.value = callback;
+    }
+    function modalConfirm(data) {
+        return new Promise((resolve, reject) => {
+            if (handleConfirm.value == null) {
+                reject('Modal is not already active');
+                return;
+            }
+            handleConfirm.value({
+                ...data,
+                resolve,
+                reject
+            });
+        });
+    }
+    return {
+        setHandleConfirm,
+        modalConfirm
+    };
+}

package/dist/constant/color.d.ts

@@ -0,0 +1,22 @@
+export declare const enum Status_Color {
+    Orange = "#F2994A",
+    Blue_Teal = "#F2994A"
+}
+declare const enum Color {
+    Primary = "#0051E6",
+    Primary_Hover = "#699FF5",
+    Primary_RGB = "41, 121, 255",
+    Error = "#ff3b3b",
+    Error_Hover = "#FF8A75",
+    Success = "#1DA91D",
+    Success_Hover = "#5FD9A0",
+    Success_Bg = "#E9FFE4",
+    Warning = "#f3a22c",
+    Text = "#333333",
+    Link = "#1890ff",
+    Default_Appointment = "#rgb(244, 185, 124)",
+    Done_Appointment = "#00d652",
+    Cancel_Appointment = "#ff0000"
+}
+export default Color;
+export declare function defineRootColor(): void;

package/dist/constant/color.js

@@ -0,0 +1,43 @@
+export var Status_Color;
+(function (Status_Color) {
+    Status_Color["Orange"] = "#F2994A";
+    Status_Color["Blue_Teal"] = "#F2994A";
+})(Status_Color || (Status_Color = {}));
+var Color;
+(function (Color) {
+    Color["Primary"] = "#0051E6";
+    Color["Primary_Hover"] = "#699FF5";
+    Color["Primary_RGB"] = "41, 121, 255";
+    Color["Error"] = "#ff3b3b";
+    Color["Error_Hover"] = "#FF8A75";
+    Color["Success"] = "#1DA91D";
+    Color["Success_Hover"] = "#5FD9A0";
+    Color["Success_Bg"] = "#E9FFE4";
+    Color["Warning"] = "#f3a22c";
+    Color["Text"] = "#333333";
+    Color["Link"] = "#1890ff";
+    Color["Default_Appointment"] = "#rgb(244, 185, 124)";
+    Color["Done_Appointment"] = "#00d652";
+    Color["Cancel_Appointment"] = "#ff0000";
+})(Color || (Color = {}));
+export default Color;
+export function defineRootColor() {
+    const root = document.querySelector(':root');
+    if (root) {
+        root.style?.setProperty('--chat-color-primary', Color.Primary);
+        // root.style?.setProperty('--chat-color-primary_hover', Color.Primary_Hover)
+        // root.style?.setProperty('--chat-color-primary_rgb', Color.Primary_RGB)
+        // root.style?.setProperty('--chat-color-error', Color.Error)
+        // root.style?.setProperty('--chat-color-error_hover', Color.Error_Hover)
+        root.style?.setProperty('--chat-color-success', Color.Success);
+        // root.style?.setProperty('--chat-color-success-bg', Color.Success_Bg)
+        // root.style?.setProperty('--chat-color-success_hover', Color.Success_Hover)
+        // root.style?.setProperty('--chat-color-second-success', Color.Success)
+        // root.style?.setProperty('--chat-color-warning', Color.Warning)
+        // root.style?.setProperty('--chat-color-text', Color.Text)
+        // root.style?.setProperty('--chat-color-link', Color.Link)
+        // root.style?.setProperty('--chat-color-default_appointment', Color.Default_Appointment)
+        // root.style?.setProperty('--chat-color-done_appointment', Color.Done_Appointment)
+        // root.style?.setProperty('--chat-color-cancel_appointment', Color.Cancel_Appointment)
+    }
+}

package/dist/constant/datetime.d.ts

@@ -0,0 +1,5 @@
+export declare const DATE_FORMATS: {
+    readonly DATE_FORMAT: "YYYY-MM-DD";
+    readonly DATE_FORMAT_FULL: "YYYY-MM-DD HH:mm:ss";
+    readonly TIME_12_FORMAT: "hh:mm A";
+};

package/dist/constant/datetime.js

@@ -0,0 +1,5 @@
+export const DATE_FORMATS = {
+    DATE_FORMAT: 'YYYY-MM-DD',
+    DATE_FORMAT_FULL: 'YYYY-MM-DD HH:mm:ss',
+    TIME_12_FORMAT: 'hh:mm A'
+};