gotrip-fx-transaction-form 1.0.254-dev → 1.0.256-dev

package/package.json

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

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

@@ -1,6 +1,6 @@
 import { TravelPlanFormValues, CoveragePlanPremium, BuyerFormValues, InsuredPerson } from './types';
 import { ETravelScope } from '../../types/insurance';
-import { EPaymentMethod } from '../../types/enum';
+import { EOrderPaymentType, EPaymentMethod } from '../../types/enum';
 export interface StepFourPaymentProps {
     travelScope: ETravelScope;
     travelPlan: TravelPlanFormValues;
@@ -8,7 +8,10 @@ export interface StepFourPaymentProps {
     buyerInfo: BuyerFormValues | null;
     insuredPeople: InsuredPerson[];
     onBack?: () => void;
-    onPayment?: (paymentMode: EPaymentMethod) => void;
+    onPayment?: (args: {
+        paymentMode?: EPaymentMethod;
+        paymentType: EOrderPaymentType;
+    }) => void;
     isProcessing?: boolean;
     onPremiumUpdate?: (premium: CoveragePlanPremium['premium'] | null) => void;
     onCouponChange?: (coupon: {
@@ -17,5 +20,6 @@ export interface StepFourPaymentProps {
         finalAmount: number;
         description?: string | null;
     } | null) => void;
+    paymentType?: EOrderPaymentType;
 }
-export declare const StepFourPayment: ({ travelScope, travelPlan, selectedPlan, buyerInfo, insuredPeople, onBack, onPayment, isProcessing, onPremiumUpdate, onCouponChange, }: StepFourPaymentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepFourPayment: ({ travelScope, travelPlan, selectedPlan, buyerInfo, insuredPeople, onBack, onPayment, isProcessing, onPremiumUpdate, onCouponChange, paymentType: paymentTypeProp, }: StepFourPaymentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,6 +8,7 @@ type Props = {
 export declare enum CancelReason {
     CUSTOMER_CANCEL = "CUSTOMER_CANCEL",
     BAD_DATA = "BAD_DATA",
+    DUPLICATED = "DUPLICATED",
     OTHER = "OTHER"
 }
 export declare const CancelTransactionModal: ({ isOpen, onClose, transaction, onSuccess }: Props) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,11 +1,30 @@
 import { EMotorProvider, MotorPlanFormValues, MotorPremiumSummary as MotorPremiumSummaryType } from '../motor-insurance.types';
 import { Control, UseFormSetValue } from 'react-hook-form';
+import { BikeRegistrationOcrData } from '../../../hooks/useVehicleRegistrationScan';
 type BikeStepOneFormProps = {
     control: Control<MotorPlanFormValues>;
     setValue: UseFormSetValue<MotorPlanFormValues>;
     premiumSummary?: MotorPremiumSummaryType | null;
     isLoadingQuote?: boolean;
     providers?: EMotorProvider[];
+    onOcrComplete?: (data: BikeRegistrationOcrData) => void;
+    onOcrReset?: () => void;
+    onIdCardComplete?: (data: {
+        ownerName: string;
+        ownerIdNumber: string;
+    }) => void;
+    onIdCardReset?: () => void;
+    vehicleRegImageUrl?: string | null;
+    idCardImageUrl?: string | null;
+    onVehicleRegImageCapture?: (imageData: {
+        dataUrl: string;
+        gcsUrl?: string;
+    }) => void;
+    onIdCardImageCapture?: (imageData: {
+        dataUrl: string;
+        gcsUrl?: string;
+    }) => void;
+    onScanningChange?: (scanning: boolean) => void;
 };
-export declare const BikeStepOneForm: ({ control, setValue, premiumSummary, isLoadingQuote, providers, }: BikeStepOneFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BikeStepOneForm: ({ control, setValue, premiumSummary, isLoadingQuote, providers, onOcrComplete, onOcrReset, onIdCardComplete, onIdCardReset, vehicleRegImageUrl, idCardImageUrl, onVehicleRegImageCapture, onIdCardImageCapture, onScanningChange, }: BikeStepOneFormProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { EPaymentMethod } from '../../../types/enum';
+import { EOrderPaymentType, EPaymentMethod } from '../../../types/enum';
 import { MotorPlanFormValues, MotorPremiumSummary, VehicleInfoFormValues } from '../motor-insurance.types';
 export interface BikeStepThreePaymentProps {
     planValues: MotorPlanFormValues;
@@ -15,5 +15,6 @@ export interface BikeStepThreePaymentProps {
     isProcessing: boolean;
     isGuest: boolean;
     onBack: () => void;
+    paymentType?: EOrderPaymentType;
 }
-export declare const BikeStepThreePayment: ({ planValues, premiumSummary, vehicleInfo, isLoading, paymentMode, onPaymentModeChange, isTermsAgreed, onTermsAgreedChange, isPersonalDataConsentAgreed, onPersonalDataConsentChange, onPayment, isProcessing, isGuest, onBack, }: BikeStepThreePaymentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BikeStepThreePayment: ({ planValues, premiumSummary, vehicleInfo, isLoading, paymentMode, onPaymentModeChange, isTermsAgreed, onTermsAgreedChange, isPersonalDataConsentAgreed, onPersonalDataConsentChange, onPayment, isProcessing, isGuest, onBack, paymentType, }: BikeStepThreePaymentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { EPaymentMethod } from '../../../types/enum';
+import { EOrderPaymentType, EPaymentMethod } from '../../../types/enum';
 import { CarPlanFormValues, CarPremiumSummary, CarVehicleInfoFormValues } from '../motor-insurance.types';
 interface CarStepFourPaymentProps {
     planValues: CarPlanFormValues;
@@ -18,6 +18,7 @@ interface CarStepFourPaymentProps {
     onBack: () => void;
     getProviderLogoUrl: (providerCode?: string | null) => string | undefined;
     getTermsAgreeHtml: (providerCode?: string | null) => string | undefined;
+    paymentType?: EOrderPaymentType;
 }
-export declare const CarStepFourPayment: ({ planValues, premiumSummary, vehicleInfo, buyerCertificateInfo, isLoading, paymentMode, onPaymentModeChange, isTermsAgreed, onTermsAgreedChange, isPersonalDataConsentAgreed, onPersonalDataConsentChange, onPayment, isProcessing, isGuest, onBack, getProviderLogoUrl, getTermsAgreeHtml, }: CarStepFourPaymentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarStepFourPayment: ({ planValues, premiumSummary, vehicleInfo, buyerCertificateInfo, isLoading, paymentMode, onPaymentModeChange, isTermsAgreed, onTermsAgreedChange, isPersonalDataConsentAgreed, onPersonalDataConsentChange, onPayment, isProcessing, isGuest, onBack, getProviderLogoUrl, getTermsAgreeHtml, paymentType, }: CarStepFourPaymentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,27 @@
 import { Control, UseFormSetValue } from 'react-hook-form';
 import { CarPlanFormValues } from '../motor-insurance.types';
+import { CarRegistrationOcrData } from '../../../hooks/useVehicleRegistrationScan';
 interface CarStepOneFormProps {
     control: Control<CarPlanFormValues>;
     setValue: UseFormSetValue<CarPlanFormValues>;
+    onOcrComplete?: (data: CarRegistrationOcrData) => void;
+    onOcrReset?: () => void;
+    onIdCardComplete?: (data: {
+        ownerName: string;
+        ownerIdNumber: string;
+    }) => void;
+    onIdCardReset?: () => void;
+    vehicleRegImageUrl?: string | null;
+    idCardImageUrl?: string | null;
+    onVehicleRegImageCapture?: (imageData: {
+        dataUrl: string;
+        gcsUrl?: string;
+    }) => void;
+    onIdCardImageCapture?: (imageData: {
+        dataUrl: string;
+        gcsUrl?: string;
+    }) => void;
+    onScanningChange?: (scanning: boolean) => void;
 }
-export declare const CarStepOneForm: ({ control, setValue }: CarStepOneFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarStepOneForm: ({ control, setValue, onOcrComplete, onOcrReset, onIdCardComplete, onIdCardReset, vehicleRegImageUrl, idCardImageUrl, onVehicleRegImageCapture, onIdCardImageCapture, onScanningChange, }: CarStepOneFormProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,14 @@
+export interface DocumentUploadPreviewProps {
+    label: string;
+    scanningLabel?: string;
+    icon: React.ElementType;
+    isScanning: boolean;
+    file: File | null;
+    /** Data URL restored from storage when no File object is available (e.g. after page reload) */
+    persistedPreviewUrl?: string | null;
+    scanError?: string | null;
+    accept?: string;
+    onFileSelect: (file: File) => void;
+    onRemove: () => void;
+}
+export declare const DocumentUploadPreview: ({ label, scanningLabel, icon, isScanning, file, persistedPreviewUrl, scanError, accept, onFileSelect, onRemove, }: DocumentUploadPreviewProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/MotorInsurance/image-storage.utils.d.ts

@@ -0,0 +1,18 @@
+export type StoredImageData = {
+    dataUrl?: string | null;
+    gcsUrl?: string | null;
+};
+export type ImageCaptureData = {
+    dataUrl: string;
+    gcsUrl?: string;
+};
+export declare const normalizeStoredImageData: (value: unknown) => {
+    previewUrl: string | null;
+    gcsUrl: string | null;
+};
+export declare const buildStoredImageData: (imageData: ImageCaptureData) => StoredImageData;
+export declare const buildPreviewDataUrlForStorage: (file: File, options?: {
+    maxDimension?: number;
+    jpegQuality?: number;
+}) => Promise<string>;
+export declare const resolveImageUrlForPayload: (gcsUrl: string | null, previewUrl: string | null) => string | undefined;

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

@@ -1,5 +1,5 @@
 import { Control, UseFormSetValue } from 'react-hook-form';
-import { EPaymentMethod } from '../../types/enum';
+import { EPaymentMethod, EOrderPaymentType } from '../../types/enum';
 import { EInsuranceProviderType } from '../../types/insurance';
 export declare enum EMotorVehicleType {
     BIKE = "bike",
@@ -104,7 +104,10 @@ export interface BikePolicyRequestDto {
     occupantAccidentPremium?: number;
     totalPremium?: number;
     tax?: number;
-    paymentMode: EPaymentMethod;
+    paymentType: EOrderPaymentType;
+    paymentMode?: EPaymentMethod;
+    vehicleRegImageUrl?: string;
+    idCardImageUrl?: string;
 }
 /**
  * DTO for bike policy response (BikePolicyResponse).
@@ -283,7 +286,10 @@ export interface CarPolicyRequestDto {
     model?: string;
     hideLicensePlate?: boolean;
     hidePremium?: boolean;
-    paymentMode: EPaymentMethod;
+    paymentType: EOrderPaymentType;
+    paymentMode?: EPaymentMethod;
+    vehicleRegImageUrl?: string;
+    idCardImageUrl?: string;
 }
 /**
  * DTO for car policy response (MotorCreatePolicyResponse).

package/types/components/OrderPaymentTypeBadge.d.ts

@@ -0,0 +1,4 @@
+import { EOrderPaymentType } from '../types/enum';
+export declare function OrderPaymentTypeBadge({ paymentTypeApplied, }: {
+    paymentTypeApplied?: EOrderPaymentType;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -70,6 +70,10 @@ export declare const ApiUrls: {
         uploadIdentityDocuments: string;
         saveReaderHistory: string;
         getReaderHistories: string;
+        extractCarRegistration: string;
+        extractCarRegistrationFromBase64: string;
+        extractBikeRegistration: string;
+        extractBikeRegistrationFromBase64: string;
     };
     bid: {
         list: string;

package/types/hooks/useBankOutsideWorkingHoursNotice.d.ts

@@ -0,0 +1,5 @@
+export type BankOutsideWorkingHoursNotice = {
+    show: boolean;
+    detail?: string;
+};
+export declare const useBankOutsideWorkingHoursNotice: (bankCode: string | undefined, enabled: boolean) => BankOutsideWorkingHoursNotice;

package/types/hooks/useInsuranceTransaction.d.ts

@@ -1,5 +1,5 @@
 import { InsuranceTransaction } from '../types/insurance-transaction.dto';
-import { EPaymentMethod, TransactionStatus } from '../types/enum';
+import { EPaymentMethod, EOrderPaymentType, TransactionStatus } from '../types/enum';
 import { ETravelScope } from '../types/insurance';
 export interface GetInsuranceTransactionListReqDto {
     page?: number;
@@ -54,6 +54,7 @@ export interface CreateTransactionPayload {
     }>;
     providerSpecific?: Record<string, any>;
     buyerInfo?: Record<string, any>;
+    paymentType?: EOrderPaymentType;
     paymentMode?: EPaymentMethod;
     premium?: {
         totalPremium: number;

package/types/hooks/useMotorInsuranceTransaction.d.ts

@@ -1,4 +1,4 @@
-import { TransactionStatus } from '../types/enum';
+import { EOrderPaymentType, TransactionStatus } from '../types/enum';
 import { EMotorProvider } from '../components/MotorInsurance/motor-insurance.types';
 export interface MotorInsuranceTransactionDetail {
     id: number;
@@ -22,6 +22,10 @@ export interface MotorInsuranceTransactionDetail {
         status: string;
         publicId: string;
     };
+    paymentTypeApplied?: EOrderPaymentType;
+    paidAmount?: number;
+    unpaidAmount?: number;
+    isBypassed?: boolean;
 }
 export interface MotorInsuranceTransactionListItem {
     id: number;
@@ -43,6 +47,10 @@ export interface MotorInsuranceTransactionListItem {
         status: string;
         publicId: string;
     };
+    paymentTypeApplied?: EOrderPaymentType;
+    paidAmount?: number;
+    unpaidAmount?: number;
+    isBypassed?: boolean;
 }
 export interface GetMotorInsuranceTransactionListReqDto {
     page?: number;

package/types/hooks/useMotorQuote.d.ts

@@ -0,0 +1,15 @@
+import { CarPlanFormValues, CarPremiumSummary, MotorPlanFormValues, MotorPremiumSummary, EMotorProvider } from '../components/MotorInsurance/motor-insurance.types';
+interface UseCarQuoteResult {
+    quoteResult: CarPremiumSummary | null;
+    quoteResultRef: React.MutableRefObject<CarPremiumSummary | null>;
+    calculateQuote: (planValues: CarPlanFormValues, createQuoteCar: (provider: EMotorProvider, payload: any) => Promise<any>) => void;
+    resetQuote: () => void;
+}
+export declare const useCarQuote: () => UseCarQuoteResult;
+interface UseBikeQuoteResult {
+    quoteResult: MotorPremiumSummary | null;
+    calculateQuote: (planValues: MotorPlanFormValues, createQuoteBike: (provider: EMotorProvider, payload: any) => Promise<any>) => void;
+    resetQuote: () => void;
+}
+export declare const useBikeQuote: () => UseBikeQuoteResult;
+export {};

package/types/hooks/useVehicleRegistrationScan.d.ts

@@ -0,0 +1,39 @@
+export interface CarRegistrationOcrData {
+    licensePlate: string;
+    chassisNumber: string;
+    engineNumber: string;
+    manufacturingYear: number | null;
+    seatCount: number | null;
+    ownerName: string;
+    brand: string;
+    model: string;
+    color: string;
+    registrationDate: string;
+    isCommercialTransport: boolean;
+    gcsUrl?: string;
+    filePath?: string;
+}
+export interface BikeRegistrationOcrData {
+    licensePlate: string;
+    chassisNumber: string;
+    engineNumber: string;
+    ownerName: string;
+    address: string;
+    brand: string;
+    model: string;
+    color: string;
+    engineCapacity: number | null;
+    registrationDate: string;
+    gcsUrl?: string;
+    filePath?: string;
+}
+export declare const useCarRegistrationScan: () => {
+    scanCarRegistration: (file: File) => Promise<CarRegistrationOcrData | null>;
+    isScanning: boolean;
+    scanError: string | null;
+};
+export declare const useBikeRegistrationScan: () => {
+    scanBikeRegistration: (file: File) => Promise<BikeRegistrationOcrData | null>;
+    isScanning: boolean;
+    scanError: string | null;
+};

package/types/types/enum.d.ts

@@ -95,6 +95,10 @@ export declare enum EPaymentMethod {
     TOPUP_BALANCE = "topup_balance",
     BANK_TRANSFER = "bank_transfer"
 }
+export declare enum EOrderPaymentType {
+    UP_FRONT = "up_front",
+    DEFERRED = "deferred"
+}
 export declare enum EInsuranceTransactionStatus {
     PENDING = "pending",
     PAID = "paid",

package/types/types/insurance-transaction.dto.d.ts

@@ -1,4 +1,5 @@
 import { EGender, EIdType, EInsuranceType, EPersonType, EPolicyStatus, EPolicyType, EQuoteStatus, ERelationToPrimary, ETravelScope, ETravelType } from './insurance';
+import { EOrderPaymentType } from './enum';
 import { ITransaction } from './response.dto';
 export interface InsuranceQuoteInsured {
     id: number;
@@ -101,6 +102,10 @@ export interface InsuranceTransaction {
     documents?: InsurancePolicyDocument[];
     userId?: number;
     tenantId?: number;
+    paymentTypeApplied?: EOrderPaymentType;
+    paidAmount?: number;
+    unpaidAmount?: number;
+    isBypassed?: boolean;
     createdAt: string;
     updatedAt: string;
     quote?: InsuranceQuote;

package/types/types/response.dto.d.ts

@@ -1,4 +1,4 @@
-import { ECommissionPolicyType, ESimDomesticServices, EsimTransactionStatus, ETenantType, EUseCaseses, TransactionStatus } from './enum';
+import { ECommissionPolicyType, EOrderPaymentType, ESimDomesticServices, EsimTransactionStatus, ETenantType, EUseCaseses, TransactionStatus } from './enum';
 import { EPolicyActionType } from '../constants/policy-enums';
 import { EPermissionKey, EUserRole, EUserStatus } from './user';
 export type LoginRespDto = {
@@ -106,6 +106,20 @@ export type ITransaction = {
     fileUrls?: IFileUrls;
     cancelledAt?: string;
     cancelledResponse?: Record<string, any>;
+    cancelledBy?: string;
+    cancelledUser?: {
+        id: number;
+        email?: string;
+        firstName?: string;
+        lastName?: string;
+    };
+    approvedBy?: string;
+    approvedUser?: {
+        id: number;
+        email?: string;
+        firstName?: string;
+        lastName?: string;
+    };
     assignedUserId?: number;
     assignedUser?: {
         id: number;
@@ -243,6 +257,7 @@ export interface ITravelAgencyTenantSettings {
     motorInsurance: {
         providers: string[];
     };
+    paymentType?: EOrderPaymentType;
 }
 export interface IBankTenantSettings {
     availableCurrencies: string[];

package/types/util/order-payment-display.d.ts

@@ -0,0 +1,13 @@
+import { EOrderPaymentType } from '../types/enum';
+export declare function getOrderPaymentStatusShortLabel(params: {
+    paymentTypeApplied?: EOrderPaymentType;
+    paidAmount?: number;
+    unpaidAmount?: number;
+    isBypassed?: boolean;
+}): string;
+export declare function getOrderPaymentStatusDetailLabel(params: {
+    paymentTypeApplied?: EOrderPaymentType;
+    paidAmount?: number;
+    unpaidAmount?: number;
+    isBypassed?: boolean;
+}): string;