pat-shared-components 0.9.0-beta.3 → 1.0.0-beta-2

package/dist/types/{src/components/Public/TestResultViewer/Templates/Shared/CategoryItem/CategoryItem.vue.d.ts → components/TestResult/TestResultHistoryDetailModal/TestResultHistoryDetailModal.vue.d.ts}

@@ -1,13 +1,14 @@
-import type { TestResultCategory } from '@/types';
+import type { TestResultHistory } from '@/types';
 /**
  * Props
  */
 export interface Props {
-    item: TestResultCategory;
-    expanded: boolean;
+    modelValue: boolean;
+    historyData: TestResultHistory;
+    loading: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:expanded"[], "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
-    "onUpdate:expanded"?: (...args: any[]) => any;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {}>;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/components/TestResult/index.d.ts

@@ -0,0 +1,15 @@
+export { default as CallUsFilledButton } from './CallUsFilledButton.vue';
+export { default as PatientFullInfo } from './PatientFullInfo.vue';
+export { default as RejectedResult } from './RejectedResult.vue';
+export { default as TestResultHistoryDetail } from './TestResultHistoryDetailModal/TestResultHistoryDetail.vue';
+export { default as TestResultHistoryDetailModal } from './TestResultHistoryDetailModal/TestResultHistoryDetailModal.vue';
+export { default as BookAppointment } from './BookAppointmentModal/BookAppointment/BookAppointment.vue';
+export { default as BookAppointmentModal } from './BookAppointmentModal/BookAppointmentModal.vue';
+export { default as BookingList } from './Mobile/BookingTab/BookingList.vue';
+export { default as BookingListItem } from './Mobile/BookingTab/BookingListItem.vue';
+export { default as TestResultDetail } from './Mobile/ResultTab/TestResultDetail/TestResultDetail.vue';
+export { default as TestResultList } from './Mobile/ResultTab/TestResultList.vue';
+export { default as TestResultListItem } from './Mobile/ResultTab/TestResultListItem.vue';
+export { default as MyProfile } from './Mobile/MyProfile.vue';
+export { default as CallUsTextButton } from './Desktop/CallUsTextButton.vue';
+export { default as ResultReady } from './Desktop/ResultReady.vue';

package/dist/types/composables/Booking.d.ts

@@ -0,0 +1,5 @@
+import { BookingStatus, PaymentStatus } from '@/constants/Enums';
+export declare function useBooking(): {
+    getBookingStatusText: (bookingStatus?: `${BookingStatus}`) => string;
+    getPaymentStatusText: (paymentStatus?: `${PaymentStatus}`) => string;
+};

package/dist/types/composables/BookingDetail.d.ts

@@ -0,0 +1,6 @@
+import type { Booking, BookingBasicInfoDoctor, BookingBasicInfoPatient } from '@/types';
+import { type Ref } from 'vue';
+export declare function useBookingDetail(booking: Ref<Booking>): {
+    patient: import("vue").ComputedRef<BookingBasicInfoPatient>;
+    doctor: import("vue").ComputedRef<BookingBasicInfoDoctor>;
+};

package/dist/types/composables/Patient.d.ts

@@ -0,0 +1,5 @@
+import { Gender, DocumentType } from '@/constants/Enums';
+export declare function usePatient(): {
+    getGenderText: (gender?: Gender) => string;
+    getDocumentType: (documentType?: DocumentType) => string;
+};

package/dist/types/constants/Common.d.ts

@@ -0,0 +1,15 @@
+export declare const SupportPhone = "19001717";
+export declare const SupportEmail = "customersupport@diag.vn";
+export declare enum LsKey {
+    Locale = "DiagPatientPortalLocale"
+}
+export declare const EventBusName: {
+    Container: string;
+    MicroTestResult: string;
+};
+export declare const EventType: {
+    ChangeRoute: string;
+};
+export declare const CookieName: {
+    AccessToken: string;
+};

package/dist/types/constants/Enums.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Booking
+ */
+export declare enum BookingStatus {
+    Created = "created",
+    InProgress = "in-progress",
+    Completed = "completed",
+    Canceled = "canceled"
+}
+export declare enum PaymentStatus {
+    RefundInProgress = "refund_in_progress",
+    Refunded = "refunded",
+    PayLater = "pay-later",
+    PaidOnline = "paid-online",
+    Paid = "paid",
+    Canceled = "cancelled"
+}
+export declare enum ServiceType {
+    Group = "GRP",
+    Package = "PKG",
+    Investigation = "INV",
+    ImagingService = "IMG"
+}
+/**
+ * Test Result
+ */
+export declare enum TestResultStatus {
+    Ordered = "ordered",
+    Ready = "ready",
+    PartiallyComplete = "partial",
+    InProgress = "in-progress",
+    Canceled = "canceled",
+    Rejected = "rejected"
+}
+export declare enum TestResultTemplate {
+    Default = "default",
+    GXNT1 = "GXNT1",
+    HPV = "HPV",
+    STD = "STD"
+}
+export declare enum TestResultConclusion {
+    Abnormal = "A",
+    LowerAbnormal = "L",
+    Panic = "P",
+    Normal = "N"
+}
+export declare enum TestStatus {
+    SampleCollected = "SampleCollected",
+    SampleReceived = "SampleReceived",
+    YetToTransfer = "Yet to Transfer",
+    Completed = "Completed",
+    Cancel = "Cancel",
+    Approve = "Approve"
+}
+export declare enum ResultType {
+    Numberic = "numeric",
+    Text = "text",
+    XML = "XML"
+}
+export declare enum ResultSegmentNormalType {
+    Normal = "normal",
+    Attention = "attention",
+    Critical = "critical"
+}
+export declare enum ResultSegmentValueOPR {
+    GreaterThan = ">",
+    GreaterThanOrEqualTo = "\u2265",
+    LessThan = "<",
+    LessThanOrEqualTo = "\u2264",
+    BTW = "btw",
+    Txt = "txt"
+}
+/**
+ * Patient
+ */
+export declare enum DocumentType {
+    IDCard = "ID Card",
+    Passport = "Passport",
+    PassportNo = "Passport No",
+    Unknown = "Unknown"
+}
+export declare enum Gender {
+    Male = "Male",
+    Female = "Female"
+}
+/**
+ * Others
+ */
+export declare enum DayPartType {
+    Morning = "morning",
+    Afternoon = "afternoon",
+    Evening = "evening"
+}
+export declare enum AccountSegment {
+    HomeKit = "homekit",
+    Walkin = "walkin",
+    Doctor = "doctor",
+    Corporate = "corporate"
+}
+export declare enum BottomCursedType {
+    Medium = "md",
+    Large = "lg"
+}

package/dist/types/helpers/ComponentHelper.d.ts

@@ -0,0 +1,2 @@
+export declare const call: () => void;
+export declare const phoneNumberFormat: (phoneNumber: string) => string;

package/dist/types/helpers/DateHelper.d.ts

@@ -0,0 +1 @@
+export declare const formatDateTimeShort: (date?: string | Date) => string | Date;

package/dist/types/{src/index.d.ts → index.d.ts}

@@ -1,6 +1,8 @@
-import './assets/scss/main.scss';
-export { TestResultViewer } from '@/components/Public';
+import './assets/styles/main.scss';
 export * from './types';
+export * from './components/BookingDetail';
+export * from './components/Shared';
+export * from './components/TestResult';
 export * from './constants/Common';
 export * from './constants/Enums';
 /**

package/dist/types/types/Appointment.d.ts

@@ -0,0 +1,14 @@
+import type { DayPartType } from '@/constants/Enums';
+export interface ApptDateOption {
+    value: any;
+    disabled: boolean;
+    dayParts: ApptDayPart[];
+}
+export interface ApptDayPart {
+    text: string;
+    value: DayPartType;
+    start: string;
+    end: string;
+    timeSlots: Date[];
+    disabled: boolean;
+}

package/dist/types/types/Booking.d.ts

@@ -0,0 +1,98 @@
+import type { AccountSegment, BookingStatus, DocumentType, Gender, PaymentStatus, TestResultStatus, ServiceType } from '@/constants/Enums';
+export interface BookingCompact {
+    booking_code: string;
+    booking_status: BookingStatus;
+    created_at: string;
+    date_of_birth: string;
+    document_number: string;
+    document_type: DocumentType;
+    email: string;
+    first_name: string;
+    gender: Gender;
+    is_pay_online: boolean;
+    key: string;
+    note: string;
+    payment_status: PaymentStatus;
+    phone_number: string;
+    total_amount: number;
+    transaction: any;
+}
+export interface Booking {
+    booking_code: string;
+    booking_status: BookingStatus;
+    result_status: TestResultStatus;
+    created_at: string;
+    date_of_birth: string;
+    document_number: string;
+    document_type: DocumentType;
+    address?: string;
+    email?: string;
+    first_name: string;
+    note?: string;
+    gender: Gender;
+    is_pay_online: boolean;
+    key: string;
+    payment_status: PaymentStatus;
+    phone_number: string;
+    transaction?: {
+        transaction_id: string;
+        transaction_time: string;
+        transaction_status: string;
+        booking_id: number;
+        order_cash: string;
+        order_status: number;
+        payment_method: number;
+        bank_name: string;
+    };
+    account: BookingAccount;
+    services: Array<BookingService>;
+    total_amount: number;
+    test_result_key?: string;
+    data?: {
+        is_hbc: boolean;
+        planned_test_date?: string;
+        supportingInformation?: {
+            appointmentSampleCollectionPlace: string;
+        };
+    };
+}
+export interface BookingAccount {
+    account_code: string;
+    name: string;
+    phone_number?: string;
+    account_segment: AccountSegment;
+}
+export interface BookingService {
+    service: BookingServiceDetail;
+}
+export interface BookingServiceDetail {
+    test_code: string;
+    group: string;
+    test_name_en: string;
+    test_name_vi: string;
+    simple_name_en: string | null;
+    simple_name_vi: string | null;
+    walkin_price: number;
+    simple_cate_en: string;
+    simple_cate_vi: string;
+    service_type: ServiceType;
+}
+export interface BookingBasicInfoPatient {
+    first_name: string;
+    date_of_birth: string;
+    gender: Gender;
+    phone_number: string;
+    document_type: DocumentType;
+    document_number: string;
+    address?: string;
+    email?: string;
+}
+export interface BookingBasicInfoDoctor {
+    account_code: string;
+    name: string;
+    phone_number?: string;
+}
+export interface BookingBasicInfoSectionItem {
+    icon: string;
+    text?: string;
+}

package/dist/types/types/Common.d.ts

@@ -0,0 +1,5 @@
+export interface DisplayItem {
+    text: any;
+    value: any;
+    cssClass?: string;
+}

package/dist/types/{src/types → types}/TestResult.d.ts

@@ -1,33 +1,10 @@
-import type { TestResultConclusion, TestResultStatus, TestResultTemplate, HPVTestResultType, HPVRiskCategory, HPVRecommendationType, ResultType, ResultSegmentValueOPR, TestStatus, Gender, TestServiceType } from '@/constants/Enums';
-export interface TableTestItem {
-    name: string;
-    header: string[];
-    content: string[];
-}
-export interface TestResultBase {
-    can_booking: boolean;
-    date_of_birth: string;
-    doctor_name?: string;
-    doctor_note?: string;
-    first_name: string;
-    gender: Gender;
+import type { Gender, ResultSegmentNormalType, ResultSegmentValueOPR, ResultType, TestResultConclusion, TestResultStatus, TestResultTemplate, TestStatus } from '@/constants/Enums';
+export interface TestResultCompact {
     order_id: string;
-    ordered_at: string;
-    pdf: string;
-    phone_number: string;
-    result_at?: string;
+    first_name: string;
     result_status: TestResultStatus;
-    sample_collected_at?: string;
-    status: string;
-    template_type: `${TestResultTemplate}`;
-    overview: TestResultOverview[];
-    is_free_consultant: boolean;
-    consult_time?: string;
-}
-export interface TestResultOverview {
-    count: number;
-    name: string;
-    percent: number;
+    visit_date: string;
+    key: string;
 }
 export interface TestResult extends TestResultBase {
     categories: TestResultCategory[];
@@ -53,62 +30,40 @@ export interface TestResultItem {
     test_value_type: ResultType;
     uom_code: string;
     delta_value?: any;
-    service_type: TestServiceType;
 }
 export interface TestResultRange {
     result_type: `${ResultType}`;
     value_txt: string;
+    status: `${ResultSegmentNormalType}`;
     result_label: string;
     color: string;
     is_active: boolean;
     value_min: number;
     value_max: number;
     value_opr?: `${ResultSegmentValueOPR}`;
-    result_explanation?: string;
-}
-export interface TestRange {
-    min: number;
-    max: number;
-    minLabel: string;
-    maxLabel: string;
-    color: string;
-    showMin: boolean;
-    showMax: boolean;
-    active: boolean;
-    resultLabel: string;
-    showResultLabel: boolean;
-    compact: boolean;
 }
-export interface TestResultImagingPdf {
-    test_code: string;
-    pdf?: string;
-}
-export interface TestResultSTD extends TestResultBase {
-    categories: TestResultCategory[];
-    faqs: Faq[];
-}
-export interface TestResultHPV extends TestResultBase {
-    categories: HPVData;
-}
-export interface HPVData {
-    results_overview: `${HPVTestResultType}`;
-    risks: Risk[];
-    mog_guideline: `${HPVRecommendationType}`;
-    cta: boolean;
-    faqs: Faq[];
-}
-export interface Risk {
-    results_overview: `${HPVTestResultType}`;
-    name: `${HPVRiskCategory}`;
-    tests: RiskTest[];
-}
-export interface RiskTest {
-    secondary_test_name: string;
-    test_code: string;
-    test_name: string;
-    test_value: HPVTestResultType;
+export interface TestResultBase {
+    can_booking: boolean;
+    date_of_birth: string;
+    doctor_name?: string;
+    doctor_note?: string;
+    first_name: string;
+    gender: Gender;
+    order_id: string;
+    ordered_at: string;
+    pdf: string;
+    phone_number: string;
+    result_at?: string;
+    result_status: TestResultStatus;
+    sample_collected_at?: string;
+    status: string;
+    template_type: `${TestResultTemplate}`;
+    overview: TestResultOverview[];
+    is_free_consultant: boolean;
+    consult_time?: string;
 }
-export interface Faq {
-    question: string;
-    answers: string;
+export interface TestResultOverview {
+    count: number;
+    name: string;
+    percent: number;
 }

package/dist/types/types/TestResultHistory.d.ts

@@ -0,0 +1,23 @@
+import type { TestResultConclusion } from '@/constants/Enums';
+export interface TestResultHistoryCompact {
+    test_code: string;
+    min_test_value: number;
+    max_test_value: number;
+    uom_code: string;
+    test_name: string;
+    latest_test_value: number;
+}
+export interface TestResultHistory {
+    test_code: string;
+    test_name: string;
+    uom_code: string;
+    purpose: string;
+    charts: HistoryChartDataItem[] | Record<number, HistoryChartDataItem>;
+}
+export interface HistoryChartDataItem {
+    value: number;
+    original_test_value: string;
+    order_date: string;
+    is_abnormal: TestResultConclusion;
+    reference_range: string;
+}

package/dist/types/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Common';
+export * from './TestResult';
+export * from './TestResultHistory';
+export * from './Booking';
+export * from './Appointment';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pat-shared-components",
-  "version": "0.9.0-beta.3",
+  "version": "1.0.0-beta-2",
   "files": [
     "dist/**/*"
   ],
@@ -32,18 +32,21 @@
     "format": "prettier .  --write"
   },
   "dependencies": {
-    "diag-ds": "0.1.5",
+    "@juggle/resize-observer": "^3.4.0",
+    "chart.js": "^3.9.1",
+    "imask": "^6.4.3",
     "lodash": "^4.17.21",
     "moment-mini": "^2.29.4",
+    "pat-design-system": "0.3.0-beta.50",
     "uuid": "^8.3.2",
     "vue": "^3.2.37",
-    "vue-i18n": "^9.2.2",
-    "vue3-popper": "^1.5.0"
+    "vue-i18n": "^9.2.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
     "@intlify/eslint-plugin-vue-i18n": "^2.0.0",
     "@rushstack/eslint-patch": "^1.1.4",
+    "@tailwindcss/line-clamp": "^0.4.2",
     "@types/jsdom": "^20.0.0",
     "@types/lodash": "^4.14.188",
     "@types/uuid": "^8.3.4",
@@ -64,7 +67,7 @@
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.2.5",
     "sass": "^1.56.0",
-    "tailwindcss": "^3.3.1",
+    "tailwindcss": "^3.2.2",
     "typescript": "~4.7.4",
     "vite": "^3.1.8",
     "vitest": "^0.24.3",

package/dist/types/src/components/Public/TestResultViewer/Shared/TestExpansion.vue.d.ts

@@ -1,80 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    headerClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    headerIconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    bodyClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    hideBottomCollapseBtn: {
-        type: BooleanConstructor;
-    };
-    defaultSlot: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    headerClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    headerIconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    bodyClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    hideBottomCollapseBtn: {
-        type: BooleanConstructor;
-    };
-    defaultSlot: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
-    autoFocus: boolean;
-    modelValue: boolean;
-    headerClass: string;
-    headerIconClass: string;
-    bodyClass: string;
-    hideBottomCollapseBtn: boolean;
-    defaultSlot: boolean;
-}>, {
-    header: (_: {
-        isExpanded: boolean;
-    }) => any;
-    default: (_: {
-        isExpanded: boolean;
-    }) => any;
-}>;
-export default _default;
-declare type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/types/src/components/Public/TestResultViewer/Templates/HPV/components/TestTooltipIcon.vue.d.ts

@@ -1,14 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    secondaryTestName: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    secondaryTestName: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    secondaryTestName: string;
-}>;
-export default _default;

package/dist/types/src/components/Public/TestResultViewer/Templates/STD/STD.vue.d.ts

@@ -1,23 +0,0 @@
-import type { TestResultSTD } from '@/types';
-/**
- * Props
- */
-export interface Props {
-    testResult: TestResultSTD;
-}
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>>, {}>;
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/dist/types/src/components/Public/TestResultViewer/Templates/Shared/CategoryItem/TestHeader/TestHeader.vue.d.ts

@@ -1,30 +0,0 @@
-import type { TestResultItem } from '@/types';
-export interface HeaderIcon {
-    icon: string;
-    iconColor: string;
-}
-/**
- * Props
- */
-export interface Props {
-    test: TestResultItem;
-    hideIcon?: boolean;
-    hideValue?: boolean;
-    hideUnit?: boolean;
-}
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>>, {}>;
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};