gotrip-fx-transaction-form 1.0.235-dev → 1.0.236-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gotrip-fx-transaction-form",
-  "version": "1.0.235-dev",
+  "version": "1.0.236-dev",
   "description": "FX Transaction Form ES6 module",
   "main": "index.js",
   "types": "types/index.d.ts",

package/types/components/Insurance/InsuranceDatePicker.d.ts

@@ -0,0 +1,9 @@
+import { default as DatePicker } from 'react-datepicker';
+export interface DatePickerInputProps {
+    value?: string;
+    onClick?: () => void;
+    placeholder?: string;
+}
+/** Shared date picker input with calendar icon. Use as customInput for react-datepicker. */
+export declare const DatePickerInput: import('react').ForwardRefExoticComponent<DatePickerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { DatePicker };

package/types/components/Insurance/{FormElements.d.ts → shared/FormElements.d.ts}

@@ -1,6 +1,6 @@
 import { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { EDocumentType, DocumentScanResult } from '../../hooks/useDocumentScan';
+import { EDocumentType, DocumentScanResult } from '../../../hooks/useDocumentScan';
 export declare const FieldLabel: ({ label, tooltip }: {
     label: string;
     tooltip?: string;
@@ -49,6 +49,16 @@ interface FormInputFieldProps<T extends FieldValues> {
     disabled?: boolean;
 }
 export declare function FormInputField<T extends FieldValues>({ name, control, label, required, placeholder, type, rules, leftIcon, rightIcon, showScanButton, documentType, onScanClick, onScanComplete, showValidationState, isValid, disabled, }: FormInputFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+interface FormTextareaFieldProps<T extends FieldValues> {
+    name: FieldPath<T>;
+    control: Control<T>;
+    label: string;
+    required?: boolean;
+    placeholder?: string;
+    rules?: RegisterOptions<T>;
+    rows?: number;
+}
+export declare function FormTextareaField<T extends FieldValues>({ name, control, label, required, placeholder, rules, rows, }: FormTextareaFieldProps<T>): import("react/jsx-runtime").JSX.Element;
 interface CountryComboboxProps {
     options: {
         value: string;

package/types/components/Insurance/shared/InfoBlockCard.d.ts

@@ -0,0 +1,10 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { ReactNode } from 'react';
+interface InfoBlockCardProps {
+    title: string;
+    icon?: IconDefinition;
+    onEdit?: () => void;
+    children: ReactNode;
+}
+export declare function InfoBlockCard({ title, icon, onEdit, children }: InfoBlockCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/shared/InsuranceRadioGroup.d.ts

@@ -0,0 +1,14 @@
+interface InsuranceRadioGroupOption<T extends string> {
+    value: T;
+    label: string;
+}
+interface InsuranceRadioGroupProps<T extends string> {
+    value: T;
+    onValueChange: (value: T) => void;
+    options: InsuranceRadioGroupOption<T>[];
+    direction?: 'row' | 'column';
+    gap?: number;
+    disabled?: boolean;
+}
+export declare function InsuranceRadioGroup<T extends string>({ value, onValueChange, options, direction, gap, disabled, }: InsuranceRadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/shared/PaymentMethodSelector.d.ts

@@ -0,0 +1,8 @@
+import { EPaymentMethod } from '../../../types/enum';
+interface PaymentMethodSelectorProps {
+    value: EPaymentMethod;
+    onChange: (value: EPaymentMethod) => void;
+    showTopupBalance?: boolean;
+}
+export declare function PaymentMethodSelector({ value, onChange, showTopupBalance, }: PaymentMethodSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/shared/SimpleSelect.d.ts

@@ -0,0 +1,14 @@
+interface SimpleSelectOption<T> {
+    value: T;
+    label: string;
+}
+interface SimpleSelectProps<T> {
+    value: T;
+    onChange: (value: T) => void;
+    options: SimpleSelectOption<T>[];
+    placeholder?: string;
+    size?: 'sm' | 'md';
+    minWidth?: number;
+}
+export declare function SimpleSelect<T extends string | number>({ value, onChange, options, placeholder, size, minWidth, }: SimpleSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/shared/StepFooter.d.ts

@@ -0,0 +1,8 @@
+interface StepFooterProps {
+    onBack: () => void;
+    onNext?: () => void;
+    nextLabel?: string;
+    nextDisabled?: boolean;
+}
+export declare function StepFooter({ onBack, onNext, nextLabel, nextDisabled, }: StepFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/shared/index.d.ts

@@ -0,0 +1,6 @@
+export { InsuranceRadioGroup } from './InsuranceRadioGroup';
+export { PaymentMethodSelector } from './PaymentMethodSelector';
+export { InfoBlockCard } from './InfoBlockCard';
+export { StepFooter } from './StepFooter';
+export { SimpleSelect } from './SimpleSelect';
+export { FieldLabel, InfoBanner, OptionCard, DateInput, InputType, FormInputField, FormTextareaField, CountryCombobox, ProvinceCombobox, WardCombobox, } from './FormElements';

package/types/components/Modal/MotorInsurancePaymentModal.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface MotorInsurancePaymentModalProps {
+    open: boolean;
+    onClose: () => void;
+    qrCodeUrl: string;
+    transactionPublicId?: string;
+    amount: number;
+    onSuccess?: () => void;
+}
+declare const MotorInsurancePaymentModal: React.FC<MotorInsurancePaymentModalProps>;
+export default MotorInsurancePaymentModal;

package/types/components/MotorInsurance/Bike/BikePremiumSummary.d.ts

@@ -0,0 +1,7 @@
+import { MotorPremiumSummary as MotorPremiumSummaryType } from '../motor-insurance.types';
+interface BikePremiumSummaryProps {
+    summary?: MotorPremiumSummaryType | null;
+    isLoading?: boolean;
+}
+export declare const BikePremiumSummary: ({ summary, isLoading }: BikePremiumSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/MotorInsurance/Bike/BikeStepOneForm.d.ts

@@ -0,0 +1,10 @@
+import { MotorPlanFormValues, MotorPremiumSummary as MotorPremiumSummaryType } from '../motor-insurance.types';
+import { Control, UseFormSetValue } from 'react-hook-form';
+type BikeStepOneFormProps = {
+    control: Control<MotorPlanFormValues>;
+    setValue: UseFormSetValue<MotorPlanFormValues>;
+    premiumSummary?: MotorPremiumSummaryType | null;
+    isLoadingQuote?: boolean;
+};
+export declare const BikeStepOneForm: ({ control, setValue, premiumSummary, isLoadingQuote, }: BikeStepOneFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/MotorInsurance/Bike/BikeStepThreePayment.d.ts

@@ -0,0 +1,17 @@
+import { EPaymentMethod } from '../../../types/enum';
+import { MotorPlanFormValues, MotorPremiumSummary, VehicleInfoFormValues } from '../motor-insurance.types';
+export interface BikeStepThreePaymentProps {
+    planValues: MotorPlanFormValues;
+    premiumSummary: MotorPremiumSummary | null;
+    vehicleInfo: VehicleInfoFormValues | null;
+    isLoading: boolean;
+    paymentMode: EPaymentMethod;
+    onPaymentModeChange: (mode: EPaymentMethod) => void;
+    isTermsAgreed: boolean;
+    onTermsAgreedChange: (agreed: boolean) => void;
+    onPayment: () => void;
+    isProcessing: boolean;
+    isGuest: boolean;
+    onBack: () => void;
+}
+export declare const BikeStepThreePayment: ({ planValues, premiumSummary, vehicleInfo, isLoading, paymentMode, onPaymentModeChange, isTermsAgreed, onTermsAgreedChange, onPayment, isProcessing, isGuest, onBack, }: BikeStepThreePaymentProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/MotorInsurance/Bike/BikeStepTwoVehicleInfo.d.ts

@@ -0,0 +1,11 @@
+import { VehicleInfoFormValues, MotorPremiumSummary as MotorPremiumSummaryType } from '../motor-insurance.types';
+interface BikeStepTwoVehicleInfoProps {
+    initialValues?: Partial<VehicleInfoFormValues>;
+    premiumSummary?: MotorPremiumSummaryType | null;
+    isLoadingQuote?: boolean;
+    onSubmit: (values: VehicleInfoFormValues) => void;
+    onBack: () => void;
+    formRef?: (form: HTMLFormElement | null) => void;
+}
+export declare const BikeStepTwoVehicleInfo: ({ initialValues, premiumSummary, isLoadingQuote, onSubmit, formRef, }: BikeStepTwoVehicleInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/MotorInsurance/Bike/CreateBikeInsuranceForm.d.ts

@@ -0,0 +1,7 @@
+export interface CreateBikeInsuranceFormProps {
+    storageKey: string;
+    title?: string;
+    onBack?: () => void;
+    onSuccess?: (transactionData: unknown) => void;
+}
+export declare const CreateBikeInsuranceForm: ({ storageKey, title, onBack, onSuccess, }: CreateBikeInsuranceFormProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/MotorInsurance/Bike/index.d.ts

@@ -0,0 +1,5 @@
+export { BikePremiumSummary } from './BikePremiumSummary';
+export { BikeStepOneForm } from './BikeStepOneForm';
+export { BikeStepTwoVehicleInfo } from './BikeStepTwoVehicleInfo';
+export { BikeStepThreePayment } from './BikeStepThreePayment';
+export { CreateBikeInsuranceForm } from './CreateBikeInsuranceForm';

package/types/components/MotorInsurance/Car/CarPremiumSummary.d.ts

@@ -0,0 +1,7 @@
+import { MotorPremiumSummary as MotorPremiumSummaryType } from '../motor-insurance.types';
+interface CarPremiumSummaryProps {
+    summary: MotorPremiumSummaryType;
+}
+/** Temporary placeholder for car insurance premium summary. */
+export declare const CarPremiumSummary: ({ summary }: CarPremiumSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/MotorInsurance/Car/CarStepOneForm.d.ts

@@ -0,0 +1,9 @@
+import { Control } from 'react-hook-form';
+import { MotorPlanFormValues } from '../motor-insurance.types';
+interface CarStepOneFormProps {
+    control: Control<MotorPlanFormValues>;
+    setValue: (name: keyof MotorPlanFormValues, value: unknown) => void;
+}
+/** Temporary placeholder for car insurance step one form. */
+export declare const CarStepOneForm: (_props: CarStepOneFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/MotorInsurance/Car/CarStepTwoVehicleInfo.d.ts

@@ -0,0 +1,11 @@
+import { VehicleInfoFormValues, MotorPremiumSummary as MotorPremiumSummaryType } from '../motor-insurance.types';
+interface CarStepTwoVehicleInfoProps {
+    initialValues?: Partial<VehicleInfoFormValues>;
+    premiumSummary: MotorPremiumSummaryType;
+    onSubmit: (values: VehicleInfoFormValues) => void;
+    onBack: () => void;
+    formRef?: (form: HTMLFormElement | null) => void;
+}
+/** Temporary placeholder for car insurance vehicle info form. */
+export declare const CarStepTwoVehicleInfo: (_props: CarStepTwoVehicleInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/MotorInsurance/Car/CreateCarInsuranceForm.d.ts

@@ -0,0 +1,8 @@
+export interface CreateCarInsuranceFormProps {
+    storageKey: string;
+    title?: string;
+    onBack?: () => void;
+    onSuccess?: (transactionData: unknown) => void;
+}
+/** Temporary placeholder for car insurance transaction form. */
+export declare const CreateCarInsuranceForm: ({ title, }: CreateCarInsuranceFormProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/MotorInsurance/Car/index.d.ts

@@ -0,0 +1,4 @@
+export { CarPremiumSummary } from './CarPremiumSummary';
+export { CarStepOneForm } from './CarStepOneForm';
+export { CarStepTwoVehicleInfo } from './CarStepTwoVehicleInfo';
+export { CreateCarInsuranceForm } from './CreateCarInsuranceForm';

package/types/components/MotorInsurance/CreateMotorInsuranceTransactionForm.d.ts

@@ -0,0 +1,9 @@
+import { MotorVehicleType } from './motor-insurance.types';
+export interface CreateMotorInsuranceTransactionFormProps {
+    vehicleType: MotorVehicleType;
+    storageKey: string;
+    title?: string;
+    onBack?: () => void;
+    onSuccess?: (transactionData: unknown) => void;
+}
+export declare const CreateMotorInsuranceTransactionForm: ({ vehicleType, storageKey, title, onBack, onSuccess, }: CreateMotorInsuranceTransactionFormProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/MotorInsurance/index.d.ts

@@ -0,0 +1,4 @@
+export { BikePremiumSummary, BikeStepOneForm, BikeStepTwoVehicleInfo, CreateBikeInsuranceForm } from './Bike';
+export { CarPremiumSummary, CarStepOneForm, CarStepTwoVehicleInfo, CreateCarInsuranceForm } from './Car';
+export { CreateMotorInsuranceTransactionForm } from './CreateMotorInsuranceTransactionForm';
+export * from './motor-insurance.types';

package/types/components/MotorInsurance/motor-insurance.types.d.ts

@@ -0,0 +1,57 @@
+import { Control, UseFormSetValue } from 'react-hook-form';
+export type MotorVehicleType = 'bike' | 'car';
+export type EMotorVehicleType = 'under_50cc' | 'over_50cc' | 'three_wheel';
+export declare enum EBikeEngineCategory {
+    BELOW_50CC = "BL50",
+    ABOVE_50CC = "AB50",
+    ELECTRIC = "ELEC",
+    THREE_WHEEL = "3WHL",
+    SIMILAR_MOTOR = "SIM"
+}
+export type EMotorProvider = 'PVI' | 'DBV' | 'BAO_MINH';
+export type MotorPlanFormValues = {
+    vehicleType: EMotorVehicleType;
+    durationYears: 1 | 2 | 3;
+    startDate: Date | null;
+    endDate: Date | null;
+    provider: EMotorProvider;
+    passengerAccidentEnabled: boolean;
+    passengerAccidentLevel: number;
+    passengerAccidentCount: number;
+};
+export type VehicleInfoFormValues = {
+    ownerFullName: string;
+    ownerAddress: string;
+    ownerIdNumber: string;
+    hasLicensePlate: boolean;
+    licensePlate: string;
+    chassisNumber: string;
+    engineNumber: string;
+    certificatePhone: string;
+    certificateEmail: string;
+};
+export type MotorPremiumSummary = {
+    tndsPremium: number;
+    tndsPersonCompensation: number;
+    tndsPropertyCompensation: number;
+    passengerAccidentPremium: number;
+    passengerAccidentLevel: number;
+    passengerAccidentPeopleCount: number;
+    totalPremium: number;
+};
+export declare const VEHICLE_TYPE_LABELS: Record<EMotorVehicleType, string>;
+export declare const BIKE_VEHICLE_TYPE_CODE_LABELS: Record<string, string>;
+export declare const getBikeVehicleTypeCodeLabel: (code?: string | null) => string;
+export declare const DURATION_LABELS: Record<1 | 2 | 3, string>;
+export declare const PASSENGER_ACCIDENT_LEVELS: {
+    value: number;
+    label: string;
+}[];
+export type MotorStepOneFormProps = {
+    control: Control<MotorPlanFormValues>;
+    setValue: UseFormSetValue<MotorPlanFormValues>;
+    premiumSummary?: MotorPremiumSummary;
+    onNext: () => void;
+    onBack?: () => void;
+    isStepReady: boolean;
+};

package/types/constants/api-urls.d.ts

@@ -223,6 +223,14 @@ export declare const ApiUrls: {
             streets: string;
         };
     };
+    motorInsurance: {
+        motorInsuranceSettings: string;
+        providers: string;
+        createBikeQuote: (provider: string) => string;
+        createBikeTransaction: (provider: string) => string;
+        transactionList: string;
+        transactionDetail: (publicId: string) => string;
+    };
     insuranceHandlers: {
         providers: string;
         coveragePlans: (provider: string) => string;

package/types/constants/regex.d.ts

@@ -2,3 +2,5 @@ export declare const vietnamPhoneRegex: RegExp;
 export declare const vietnamLocalPhoneRegex: RegExp;
 export declare const vietnamInternationalPhoneRegex: RegExp;
 export declare const idNumberRegex: RegExp;
+/** Vietnamese license plate: XXXX-XXX.XX | XXXX-XXXXX | XXXXXXXX | XXXXXXXXX */
+export declare const licensePlateRegex: RegExp;

package/types/hooks/useMotorInsurance.d.ts

@@ -0,0 +1,62 @@
+import { EBikeEngineCategory } from '../components/MotorInsurance/motor-insurance.types';
+import { EPaymentMethod, TransactionStatus } from '../types/enum';
+/** Bike quote request - matches API CreateQuoteRequestBikeDto */
+export interface BikeQuoteRequest {
+    startDate: string;
+    endDate: string;
+    vehicleTypeCode: EBikeEngineCategory;
+    occupantAccidentSumInsured?: number;
+    insuredOccupantCount?: number;
+}
+/** Bike quote response from provider */
+export interface BikeQuoteResponse {
+    success: boolean;
+    totalPremium?: number;
+    mandatoryPremium?: number;
+    occupantAccidentPremium?: number;
+    error?: string;
+}
+/** Bike policy request - matches API CreatePolicyRequestBikeDto */
+export interface BikePolicyRequest {
+    startDate: string;
+    endDate: string;
+    ownerName: string;
+    ownerAddress: string;
+    customerEmail: string;
+    phoneNumber?: string;
+    licensePlate: string;
+    engineNumber: string;
+    chassisNumber: string;
+    vehicleTypeCode: EBikeEngineCategory;
+    brand?: string;
+    manufacturingYear?: string;
+    occupantAccidentSumInsured?: number;
+    insuredOccupantCount?: number;
+    occupantAccidentPremium?: number;
+    totalPremium?: number;
+    paymentMode?: EPaymentMethod;
+}
+/** Bike policy response - includes transactionPublicId, qrCodeUrl for bank_transfer */
+export interface BikePolicyResponse {
+    policyId?: number | string;
+    policyNumber?: string;
+    transactionPublicId?: string;
+    orderId?: number;
+    qrCodeUrl?: string;
+    totalAmount?: number;
+    status?: TransactionStatus;
+    error?: string;
+}
+export declare const useMotorInsurance: () => {
+    createQuoteBike: (provider: string, body: BikeQuoteRequest) => Promise<BikeQuoteResponse | null>;
+    createPolicyBike: (provider: string, body: BikePolicyRequest) => Promise<BikePolicyResponse | null>;
+    isCreatingQuote: boolean;
+    isCreatingPolicy: boolean;
+    providers: string[];
+    loadingProviders: boolean;
+    motorInsuranceSettings: Record<string, any>;
+    loadingMotorInsuranceSettings: boolean;
+    refetchMotorInsuranceSettings: () => Promise<void>;
+    getMotorProviderLogoUrl: (providerCode?: string | null) => string | undefined;
+    getMotorProviderTermsAgreeHtml: (providerCode?: string | null) => string | undefined;
+};

package/types/hooks/useMotorInsuranceTransaction.d.ts

@@ -0,0 +1,94 @@
+import { TransactionStatus } from '../types/enum';
+export interface MotorInsuranceTransactionDetail {
+    id: number;
+    transactionPublicId: string;
+    status: string;
+    totalAmount: number;
+    providerPolicyId?: string | number;
+    providerPolicyNumber?: string;
+    errorMessage?: string;
+    vehicleType?: string;
+    ownerName?: string;
+    licensePlate?: string;
+    startDate?: string;
+    endDate?: string;
+    provider: string;
+    chassisNumber?: string;
+    engineNumber?: string;
+    metadata?: Record<string, unknown>;
+    transaction?: {
+        status: string;
+        publicId: string;
+    };
+}
+export interface MotorInsuranceTransactionListItem {
+    id: number;
+    orderId: number;
+    transactionPublicId: string;
+    status: TransactionStatus;
+    totalAmount: number;
+    providerPolicyId?: string | number;
+    providerPolicyNumber?: string;
+    error?: string;
+    createdAt?: string;
+    vehicleType?: string;
+    ownerName?: string;
+    licensePlate?: string;
+    provider: string;
+    transaction?: {
+        status: string;
+        publicId: string;
+    };
+}
+export interface GetMotorInsuranceTransactionListReqDto {
+    page?: number;
+    limit?: number;
+    minValue?: number;
+    maxValue?: number;
+    startDate?: string;
+    endDate?: string;
+    sortField?: 'date' | 'value';
+    sortDirection?: 'asc' | 'desc';
+    status?: TransactionStatus;
+    publicId?: string;
+    ownerName?: string;
+    vehicleType?: string;
+}
+export interface GetMotorInsuranceTransactionListRespDto {
+    transactions: MotorInsuranceTransactionListItem[];
+    total: number;
+    page: number;
+    limit: number;
+}
+export declare const useMotorInsuranceTransactionDetail: (publicId: string | undefined) => {
+    transaction: MotorInsuranceTransactionDetail | null;
+    loading: boolean;
+    error: string | null;
+    refetch: () => Promise<void>;
+};
+export declare const useMotorInsuranceTransaction: (options?: {
+    defaultLimit?: number;
+    publicId?: string;
+}) => {
+    list: {
+        transactions: MotorInsuranceTransactionListItem[];
+        total: number;
+        loading: boolean;
+        page: number;
+        limit: number;
+        filters: Omit<GetMotorInsuranceTransactionListReqDto, "page" | "limit">;
+        refetchData: () => void;
+        setPage: import('react').Dispatch<import('react').SetStateAction<number>>;
+        setLimit: (nextLimit: number) => void;
+        updateFilters: (newFilters: Partial<Omit<GetMotorInsuranceTransactionListReqDto, "page" | "limit">>, options?: {
+            replace?: boolean;
+        }) => void;
+    };
+    detail: {
+        transaction: MotorInsuranceTransactionDetail | null;
+        loading: boolean;
+        error: string | null;
+        refetch: () => Promise<void>;
+    };
+    checkTransactionStatus: (publicId: string) => Promise<MotorInsuranceTransactionDetail | null>;
+};

package/types/pages/agency/insurance/motor-transaction-create/CreateMotorInsuranceTransactionPage.d.ts

@@ -0,0 +1 @@
+export declare const CreateMotorInsuranceTransactionPage: () => import("react/jsx-runtime").JSX.Element;

package/types/pages/agency/insurance/motor-transaction-detail/MotorInsuranceTransactionDetailPage.d.ts

@@ -0,0 +1 @@
+export declare const MotorInsuranceTransactionDetailPage: () => import("react/jsx-runtime").JSX.Element;

package/types/pages/agency/insurance/motor-transaction-list/MotorInsuranceTransactionListPage.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    defaultLimit?: number;
+};
+export declare const MotorInsuranceTransactionListContent: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const MotorInsuranceTransactionListPage: () => import("react/jsx-runtime").JSX.Element;
+export {};