gotrip-fx-transaction-form 1.0.155 → 1.0.156

package/package.json

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

package/types/components/Apps/EmbededIndividualApp.d.ts

@@ -1,8 +1,11 @@
+import { ESdkFormType } from '../../types/sdk';
 export type EmbededIndividualAppProps = {
     apiKey: string;
     externalCssUrl?: string;
     hide?: string[];
     defaultBank?: string;
     displayDefaultBankLogo?: boolean;
+    type?: ESdkFormType;
+    scrollable?: boolean;
 };
-export declare const EmbededIndividualApp: ({ apiKey, externalCssUrl, hide, defaultBank, displayDefaultBankLogo, }: EmbededIndividualAppProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbededIndividualApp: ({ apiKey, externalCssUrl, hide, defaultBank, displayDefaultBankLogo, type, scrollable, }: EmbededIndividualAppProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/Department/DepartmentCard.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { EDepartmentType, IRole } from '../../types/response.dto';
+import { EDepartmentType, IRole, ITenant } from '../../types/response.dto';
 export interface Department {
     id: number;
     name: string;
@@ -11,6 +11,8 @@ export interface Department {
     transferName?: string;
     transferNumber?: string;
     users: DepartmentMember[];
+    tenantId?: number;
+    tenant?: Pick<ITenant, 'id' | 'name' | 'shortName' | 'type'>;
 }
 export interface DepartmentMember {
     id: number;

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

@@ -0,0 +1,23 @@
+interface CountryWithFlagProps {
+    /**
+     * Country name in English or Vietnamese
+     */
+    countryName: string | null | undefined;
+    fallback?: string;
+    flagSize?: {
+        width: string;
+        height: string;
+    };
+    textProps?: {
+        fontWeight?: string;
+        fontSize?: string;
+        color?: string;
+    };
+    gap?: number;
+}
+/**
+ * Reusable component to display country name with flag
+ * Automatically converts country name to Vietnamese and displays flag
+ */
+export declare const CountryWithFlag: ({ countryName, fallback, flagSize, textProps, gap, }: CountryWithFlagProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+export interface CreateInsuranceTransactionFormProps {
+    storageKey: string;
+    title?: string;
+    onBack?: () => void;
+    onSuccess?: (transactionData: any) => void;
+    scrollable?: boolean;
+}
+export declare const CreateInsuranceTransactionForm: ({ storageKey, title, onBack, onSuccess, scrollable, }: CreateInsuranceTransactionFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,6 @@
+import { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { EDocumentType, DocumentScanResult } from '../../hooks/useDocumentScan';
 export declare const FieldLabel: ({ label, tooltip }: {
     label: string;
     tooltip?: string;
@@ -22,6 +25,30 @@ interface DateInputProps {
     placeholder?: string;
 }
 export declare const DateInput: import('react').ForwardRefExoticComponent<DateInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare enum InputType {
+    TEXT = "text",
+    EMAIL = "email",
+    PHONE = "phone"
+}
+interface FormInputFieldProps<T extends FieldValues> {
+    name: FieldPath<T>;
+    control: Control<T>;
+    label: string;
+    required?: boolean;
+    placeholder?: string;
+    type?: InputType;
+    rules?: RegisterOptions<T>;
+    leftIcon?: IconDefinition;
+    rightIcon?: IconDefinition;
+    showScanButton?: boolean;
+    documentType?: EDocumentType;
+    onScanClick?: () => void;
+    onScanComplete?: (data: DocumentScanResult) => void;
+    showValidationState?: boolean;
+    isValid?: (value: any, fieldState: any) => boolean;
+    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 CountryComboboxProps {
     options: {
         value: string;
@@ -31,8 +58,12 @@ interface CountryComboboxProps {
     loading?: boolean;
     onChange: (value: string) => void;
     placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    borderColor?: string;
+    hasError?: boolean;
 }
-export declare const CountryCombobox: ({ options, value, loading, onChange, placeholder, }: CountryComboboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CountryCombobox: ({ options, value, loading, onChange, placeholder, size, disabled, borderColor, hasError, }: CountryComboboxProps) => import("react/jsx-runtime").JSX.Element;
 interface ProvinceComboboxProps {
     options: {
         value: string;
@@ -43,8 +74,9 @@ interface ProvinceComboboxProps {
     onChange: (value: string) => void;
     placeholder?: string;
     disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
 }
-export declare const ProvinceCombobox: ({ options, value, loading, onChange, placeholder, disabled, }: ProvinceComboboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProvinceCombobox: ({ options, value, loading, onChange, placeholder, disabled, size, }: ProvinceComboboxProps) => import("react/jsx-runtime").JSX.Element;
 interface WardComboboxProps {
     options: {
         value: string;
@@ -55,6 +87,7 @@ interface WardComboboxProps {
     onChange: (value: string) => void;
     placeholder?: string;
     disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
 }
-export declare const WardCombobox: ({ options, value, loading, onChange, placeholder, disabled, }: WardComboboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WardCombobox: ({ options, value, loading, onChange, placeholder, disabled, size, }: WardComboboxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Insurance/InsuranceContentRenderer/DynamicRenderer.d.ts

@@ -0,0 +1,6 @@
+import { InsuranceContentBlock } from './types';
+interface DynamicRendererProps {
+    blocks?: InsuranceContentBlock[];
+}
+export declare const DynamicRenderer: ({ blocks }: DynamicRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/types/components/Insurance/InsuranceContentRenderer/blocks/AccordionBlock.d.ts

@@ -0,0 +1,6 @@
+import { AccordionBlock as AccordionBlockType } from '../types';
+interface AccordionBlockProps {
+    block: AccordionBlockType;
+}
+export declare const AccordionBlock: ({ block }: AccordionBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsuranceContentRenderer/blocks/ActionButtonBlock.d.ts

@@ -0,0 +1,6 @@
+import { ActionButtonBlock as ActionButtonBlockType } from '../types';
+interface ActionButtonBlockProps {
+    block: ActionButtonBlockType;
+}
+export declare const ActionButtonBlock: ({ block }: ActionButtonBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsuranceContentRenderer/blocks/ContainerBlock.d.ts

@@ -0,0 +1,6 @@
+import { ContainerBlock as ContainerBlockType } from '../types';
+interface ContainerBlockProps {
+    block: ContainerBlockType;
+}
+export declare const ContainerBlock: ({ block }: ContainerBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsuranceContentRenderer/blocks/DataRowBlock.d.ts

@@ -0,0 +1,6 @@
+import { DataRowBlock as DataRowBlockType } from '../types';
+interface DataRowBlockProps {
+    block: DataRowBlockType;
+}
+export declare const DataRowBlock: ({ block }: DataRowBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsuranceContentRenderer/blocks/DividerBlock.d.ts

@@ -0,0 +1,6 @@
+import { DividerBlock as DividerBlockType } from '../types';
+interface DividerBlockProps {
+    block: DividerBlockType;
+}
+export declare const DividerBlock: ({ block }: DividerBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsuranceContentRenderer/blocks/ListGroupBlock.d.ts

@@ -0,0 +1,6 @@
+import { ListGroupBlock as ListGroupBlockType } from '../types';
+interface ListGroupBlockProps {
+    block: ListGroupBlockType;
+}
+export declare const ListGroupBlock: ({ block }: ListGroupBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsuranceContentRenderer/blocks/TextBlock.d.ts

@@ -0,0 +1,6 @@
+import { TextBlock as TextBlockType } from '../types';
+interface TextBlockProps {
+    block: TextBlockType;
+}
+export declare const TextBlock: ({ block }: TextBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,64 @@
+export type BlockType = 'accordion' | 'data_row' | 'text_block' | 'list_group' | 'divider' | 'action_button' | 'container';
+export interface StyleBlock {
+    margin?: [number, number, number, number];
+    padding?: [number, number, number, number];
+    font_weight?: 'bold' | 'normal' | 'semibold' | 'medium';
+    font_style?: 'italic' | 'normal';
+    text_color?: string;
+    alignment?: 'left' | 'center' | 'right';
+}
+export interface BaseBlock {
+    type: BlockType;
+    styles?: StyleBlock;
+}
+export interface AccordionBlock extends BaseBlock {
+    type: 'accordion';
+    title: string;
+    value?: string;
+    is_expanded?: boolean;
+    children?: InsuranceContentBlock[];
+}
+export interface DataRowBlock extends BaseBlock {
+    type: 'data_row';
+    label: string;
+    value: string;
+    has_info?: boolean;
+    info_content?: string;
+}
+export interface TextBlock extends BaseBlock {
+    type: 'text_block';
+    content: string;
+    text_style?: 'h1' | 'h2' | 'h3' | 'body';
+}
+export interface ListGroupBlock extends BaseBlock {
+    type: 'list_group';
+    marker_type?: 'disc' | 'decimal' | 'roman';
+    items: Array<{
+        content: string;
+    }>;
+}
+export interface DividerBlock extends BaseBlock {
+    type: 'divider';
+    line_style?: 'solid' | 'dashed';
+    thickness?: number;
+}
+export interface ActionButtonBlock extends BaseBlock {
+    type: 'action_button';
+    label: string;
+    icon?: 'pdf_red' | string;
+    action: {
+        type: 'open_url';
+        payload: string;
+    };
+}
+export interface ContainerBlock extends BaseBlock {
+    type: 'container';
+    layout?: 'vertical' | 'horizontal';
+    children: InsuranceContentBlock[];
+}
+export type InsuranceContentBlock = AccordionBlock | DataRowBlock | TextBlock | ListGroupBlock | DividerBlock | ActionButtonBlock | ContainerBlock;
+export interface InsuranceContent {
+    benefits?: InsuranceContentBlock[];
+    conditions?: InsuranceContentBlock[];
+    compensation?: InsuranceContentBlock[];
+}

package/types/components/Insurance/InsuranceContentRenderer/utils/richText.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Converts markdown-like rich text formatting to HTML
+ * Supports:
+ * - **text** -> <strong>text</strong> (bold)
+ * - _text_ -> <em>text</em> (italic)
+ */
+export declare const parseRichText: (content: string) => string;
+/**
+ * Safely renders rich text with React
+ * Returns an object suitable for dangerouslySetInnerHTML
+ */
+export declare const getRichTextHtml: (content: string) => {
+    __html: string;
+};

package/types/components/Insurance/InsuranceContentRenderer/utils/styleMapper.d.ts

@@ -0,0 +1,6 @@
+import { StyleBlock } from '../types';
+import { SystemStyleObject } from '@chakra-ui/react';
+/**
+ * Maps Insurance Content style block to Chakra UI system styles
+ */
+export declare const mapStyles: (styles?: StyleBlock) => SystemStyleObject;

package/types/components/Insurance/InsurancePlans/BenefitDetailsModal.d.ts

@@ -0,0 +1,11 @@
+import { CoveragePlanPremium, TravelPlanFormValues } from '../types';
+interface BenefitDetailsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    plan: CoveragePlanPremium | null;
+    travelInsuranceSettings?: Record<string, any>;
+    onPlanSelect?: (plan: CoveragePlanPremium) => void;
+    travelPlan?: TravelPlanFormValues | null;
+}
+export declare const BenefitDetailsModal: ({ isOpen, onClose, plan, travelInsuranceSettings, onPlanSelect, travelPlan, }: BenefitDetailsModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/types/components/Insurance/InsurancePlans/InsurancePlanCard.d.ts

@@ -0,0 +1,28 @@
+import { TravelPlanFormValues } from '../types';
+export type PriceDisplayType = 'perPerson' | 'total' | 'custom';
+export interface InsurancePlan {
+    id: string | number;
+    provider: string;
+    name: string;
+    description?: string;
+    totalPrice: number;
+    pricePerPerson?: number;
+    priceDisplayType?: PriceDisplayType;
+    priceLabel?: string;
+    originalPrice?: number;
+    discount?: number;
+    providerLogoUrl?: string;
+    metadata?: Record<string, any>;
+}
+interface InsurancePlanCardProps {
+    plan: InsurancePlan;
+    isSelected: boolean;
+    onSelect: (plan: InsurancePlan) => void;
+    variant?: 'default' | 'compact' | 'detailed';
+    showDiscount?: boolean;
+    actionButtonText?: string;
+    travelInsuranceSettings?: Record<string, any>;
+    travelPlan?: TravelPlanFormValues | null;
+}
+export declare const InsurancePlanCard: ({ plan, isSelected, onSelect, showDiscount, actionButtonText, travelInsuranceSettings, travelPlan, }: InsurancePlanCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsurancePlans/InsurancePlanFilter.d.ts

@@ -0,0 +1,12 @@
+import { EInsuranceProviderType } from '../../../types/insurance';
+export type SortOrder = 'asc' | 'desc';
+interface InsurancePlanFilterProps {
+    selectedProviders: EInsuranceProviderType[];
+    onProviderChange: (providers: EInsuranceProviderType[]) => void;
+    sortOrder: SortOrder;
+    onSortChange: (order: SortOrder) => void;
+    allowedProviders?: EInsuranceProviderType[];
+    disabled?: boolean;
+}
+export declare const InsurancePlanFilter: ({ selectedProviders, onProviderChange, sortOrder, onSortChange, allowedProviders, disabled, }: InsurancePlanFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Insurance/InsurancePlans/InsurancePlanList.d.ts

@@ -0,0 +1,21 @@
+import { InsurancePlan } from './InsurancePlanCard';
+import { TravelPlanFormValues } from '../types';
+interface InsurancePlanListProps {
+    plans: InsurancePlan[];
+    loading?: boolean;
+    selectedPlanId?: string | number | null;
+    onPlanSelect: (plan: InsurancePlan) => void;
+    title?: string;
+    columns?: {
+        base?: number;
+        md?: number;
+        lg?: number;
+    };
+    emptyMessage?: string;
+    showDiscount?: boolean;
+    actionButtonText?: string;
+    travelInsuranceSettings?: Record<string, any>;
+    travelPlan?: TravelPlanFormValues | null;
+}
+export declare const InsurancePlanList: ({ plans, loading, selectedPlanId, onPlanSelect, title, columns, emptyMessage, showDiscount, actionButtonText, travelInsuranceSettings, travelPlan, }: InsurancePlanListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+export { InsurancePlanCard, type InsurancePlan, type PriceDisplayType } from './InsurancePlanCard';
+export { InsurancePlanList } from './InsurancePlanList';
+export { InsurancePlanFilter, type SortOrder } from './InsurancePlanFilter';

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

@@ -0,0 +1,22 @@
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { ERelationToPrimary } from '../../types/insurance';
+interface RelationshipSelectProps<T extends FieldValues> {
+    name: Path<T>;
+    control: Control<T>;
+    providerCode?: string | null;
+    required?: boolean;
+    errorMessage?: string;
+    formState?: {
+        isSubmitted?: boolean;
+        submitCount?: number;
+    };
+    disabled?: boolean;
+    disabledOptions?: ERelationToPrimary[];
+    allowedOptions?: ERelationToPrimary[];
+}
+export declare const getRelationshipOptionsByProvider: (providerCode?: string | null) => Array<{
+    label: string;
+    value: ERelationToPrimary;
+}>;
+export declare const RelationshipSelect: <T extends FieldValues>({ name, control, providerCode, required, errorMessage, formState, disabled, disabledOptions, allowedOptions, }: RelationshipSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,6 +1,7 @@
+import { ReactNode } from 'react';
 interface SimpleDetailProps {
     label: string;
-    value?: string | null;
+    value?: string | ReactNode | null;
 }
 export declare const SimpleDetail: ({ label, value }: SimpleDetailProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,14 @@
+import { TravelPlanFormValues, CoveragePlanPremium, BuyerFormValues, InsuredPerson } from './types';
+import { EPaymentMethod } from '../../types/enum';
+interface StepFourPaymentProps {
+    travelPlan: TravelPlanFormValues;
+    selectedPlan: CoveragePlanPremium | null;
+    buyerInfo: BuyerFormValues | null;
+    insuredPeople: InsuredPerson[];
+    onBack?: () => void;
+    onPayment?: (paymentMode: EPaymentMethod) => void;
+    isProcessing?: boolean;
+    onPremiumUpdate?: (premium: CoveragePlanPremium['premium'] | null) => void;
+}
+export declare const StepFourPayment: ({ travelPlan, selectedPlan, buyerInfo, insuredPeople, onBack, onPayment, isProcessing, onPremiumUpdate, }: StepFourPaymentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,19 +1,10 @@
-import { Control, UseFormSetValue } from 'react-hook-form';
-import { InsuranceFormValues } from './types';
-import { EInsuranceType } from '../../types/insurance';
+import { Control } from 'react-hook-form';
+import { TravelPlanFormValues } from './types';
 interface StepOneFormProps {
-    control: Control<InsuranceFormValues>;
-    insuranceTypeValue: EInsuranceType;
-    isTMIVSelected: boolean;
-    isMSIGSelected: boolean;
-    providerValue: string;
-    destinationIdValue: string;
-    updateDestinationId: (value: string | null) => void;
+    control: Control<TravelPlanFormValues>;
     tripStart: Date | null;
     tripEnd: Date | null;
-    setValue: UseFormSetValue<InsuranceFormValues>;
-    onSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
-    formId?: string;
+    setValue: (name: keyof TravelPlanFormValues, value: any) => void;
 }
-export declare const StepOneForm: ({ control, insuranceTypeValue, isTMIVSelected, isMSIGSelected, providerValue, destinationIdValue, updateDestinationId, tripStart, tripEnd, setValue, onSubmit, formId, }: StepOneFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepOneForm: ({ control, tripStart, tripEnd, setValue }: StepOneFormProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+import { BuyerFormValues } from './types';
+interface StepThreeBuyerInfoProps {
+    initialValues?: Partial<BuyerFormValues>;
+    onSubmit: (values: BuyerFormValues) => void;
+    onBack: () => void;
+    onFormRef?: (form: HTMLFormElement | null) => void;
+}
+export declare const StepThreeBuyerInfo: ({ initialValues, onSubmit, onBack: _onBack, onFormRef, }: StepThreeBuyerInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { EInsuranceType } from '../../types/insurance';
+import { InsuredPerson } from './types';
+interface StepThreeInsuredPeopleProps {
+    initialPeople: InsuredPerson[];
+    insuranceType: EInsuranceType;
+    adultsCount: number;
+    childrenCount: number;
+    providerCode?: string | null;
+    buyerInfo?: {
+        isInsuredPerson?: boolean;
+    } | null;
+    onSubmit: (people: InsuredPerson[]) => void;
+    onBack: () => void;
+    onFormRef?: (form: HTMLFormElement | null) => void;
+}
+export declare const StepThreeInsuredPeople: ({ initialPeople, insuranceType, providerCode, buyerInfo, onSubmit, onFormRef, }: StepThreeInsuredPeopleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { SortOrder } from './InsurancePlans';
+import { EInsuranceProviderType } from '../../types/insurance';
+import { CoveragePlanPremium, CalculatePremiumRequest, TravelPlanFormValues } from './types';
+interface StepTwoPlansProps {
+    requestPayload: CalculatePremiumRequest | null;
+    selectedPlanId?: number | null;
+    onPlanSelect: (plan: CoveragePlanPremium) => void;
+    insuranceType?: 'travel' | 'car' | 'motorcycle' | string;
+    travelPlan?: TravelPlanFormValues | null;
+    allowDiscount?: boolean;
+    onScrollToTop?: () => void;
+    selectedProviders: EInsuranceProviderType[];
+    onProviderChange: (providers: EInsuranceProviderType[]) => void;
+    sortOrder: SortOrder;
+    onSortChange: (sortOrder: SortOrder) => void;
+}
+export declare const StepTwoPlans: ({ requestPayload, selectedPlanId, onPlanSelect, insuranceType, travelPlan, allowDiscount, onScrollToTop, selectedProviders, onProviderChange, sortOrder, onSortChange, }: StepTwoPlansProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+export interface CountryInfo {
+    nameVi: string;
+    alpha2: string;
+}
+/**
+ * Get Vietnamese name and alpha2 code from country name
+ * @param countryName - Country name in English or Vietnamese
+ * @returns Country info with Vietnamese name and alpha2 code, or null if not found
+ */
+export declare const getCountryInfo: (countryName: string) => CountryInfo | null;

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

@@ -1,4 +1,4 @@
-import { EDestination, EGender, EIdType, EInsuranceType, EPolicyType, ERelationToPrimary, ETravelType } from '../../types/insurance';
+import { EDestination, EGender, EIdType, EInsuranceType, EPolicyType, ERelationToPrimary, ETravelType, EPersonType, EPersonValidationStatus } from '../../types/insurance';
 export type InsuranceFormValues = {
     provider: string;
     type: EInsuranceType;
@@ -29,7 +29,7 @@ export type InsuredMember = {
     fullName: string;
     dob: string;
     nationality: number | null;
-    passportNumber: string;
+    idNumber: string;
     gender?: EGender;
     relationship?: ERelationToPrimary;
 };
@@ -77,3 +77,72 @@ export type CoveragePlanQuote = {
     currency?: string;
     coverageDetails?: string;
 };
+export type TravelPlanFormValues = {
+    destinationCountryId: number | null;
+    startDate: Date | null;
+    endDate: Date | null;
+    insuranceType: EInsuranceType;
+    adultsCount: number;
+    childrenCount: number;
+};
+export type CalculatePremiumRequest = {
+    destinationCountryId: number;
+    startDate: string;
+    endDate: string;
+    adultsCount: number;
+    childrenCount: number;
+    providers?: string[];
+    sortOrder?: 'asc' | 'desc';
+};
+export type CoveragePlanPremium = {
+    provider: string;
+    coveragePlan: {
+        id: number;
+        planCode: string;
+        planName: string;
+        coverageDetails: string;
+    };
+    premium: {
+        totalPremium: number;
+        premiumPerPerson: number;
+        days: number;
+        region: string;
+    } | null;
+    error: string | null;
+};
+export type CalculatePremiumResponse = {
+    destinationCountryId: number;
+    startDate: string;
+    endDate: string;
+    numberOfPeople: number;
+    plans: CoveragePlanPremium[];
+};
+export type BuyerFormValues = {
+    fullName: string;
+    gender?: EGender;
+    dateOfBirth: string;
+    nationality: number | null;
+    idType: EIdType;
+    idNumber: string;
+    phone: string;
+    email: string;
+    stateId: number | null;
+    wardId: number | null;
+    countryId: number | null;
+    address: string;
+    isInsuredPerson: boolean;
+};
+export type InsuredPersonFormValues = {
+    fullName: string;
+    dateOfBirth: string;
+    gender?: EGender;
+    idType: EIdType;
+    idNumber: string;
+    relationship: ERelationToPrimary;
+    nationality: number | null;
+};
+export type InsuredPerson = InsuredPersonFormValues & {
+    id: string;
+    status?: EPersonValidationStatus;
+    personType: EPersonType;
+};

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

@@ -1,9 +1,9 @@
-import { EPolicyStatus, EQuoteStatus } from '../../types/insurance';
+import { EQuoteStatus } from '../../types/insurance';
 export declare const QUOTE_STATUS_BADGE: Record<EQuoteStatus, {
     label: string;
     color: string;
 }>;
-export declare const POLICY_STATUS_BADGE: Record<EPolicyStatus, {
+export declare const POLICY_STATUS_BADGE: Record<EQuoteStatus, {
     label: string;
     color: string;
 }>;

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

@@ -0,0 +1,4 @@
+import { RegisterOptions, FieldValues, Path } from 'react-hook-form';
+export declare const createEmailRules: <TFieldValues extends FieldValues, TFieldName extends Path<TFieldValues> = Path<TFieldValues>>() => RegisterOptions<TFieldValues, TFieldName>;
+export declare const createPhoneRules: <TFieldValues extends FieldValues, TFieldName extends Path<TFieldValues> = Path<TFieldValues>>() => RegisterOptions<TFieldValues, TFieldName>;
+export declare const createIdNumberRules: <TFieldValues extends FieldValues, TFieldName extends Path<TFieldValues> = Path<TFieldValues>>() => RegisterOptions<TFieldValues, TFieldName>;

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

@@ -0,0 +1,12 @@
+import { EPersonValidationStatus } from '../../types/insurance';
+import { InsuredPersonFormValues } from './types';
+export type PersonValidationStatus = EPersonValidationStatus;
+export declare const validatePerson: (person: InsuredPersonFormValues) => PersonValidationStatus;
+export declare const hasPersonBeenInteracted: (person: InsuredPersonFormValues | undefined, isFormSubmitted: boolean) => boolean;
+export declare const getFieldBorderColor: (fieldState: {
+    error?: {
+        message?: string;
+    };
+    isTouched?: boolean;
+}, value: any, isValid?: boolean, isFormSubmitted?: boolean) => "gray.300" | "red.500" | "green.500";
+export declare const isFieldValid: (fieldName: string, person: InsuredPersonFormValues | undefined, fieldState: any) => boolean;

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

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