gotrip-fx-transaction-form 0.1.0-uat.1

package/package.json

@@ -0,0 +1,14 @@
+{
+    "name": "gotrip-fx-transaction-form",
+    "version": "0.1.0-uat.1",
+    "description": "FX Transaction Form ES6 module",
+    "main": "index.js",
+    "types": "types/index.d.ts",
+    "files": [
+        "*.js",
+        "types/**/*"
+    ],
+    "publishConfig": {
+        "access": "public"
+    }
+}

package/types/components/AddTransaction/BankList.d.ts

@@ -0,0 +1,20 @@
+export type Bank = {
+    name: string;
+    code: string;
+    image: string;
+    isDefault?: boolean;
+    comingSoon?: boolean;
+};
+export declare const banks: Bank[];
+type Props = {
+    selected?: Bank | null;
+    onSelect: (bank: Bank) => void;
+};
+export declare const BankList: ({ selected, onSelect }: Props) => import("react/jsx-runtime").JSX.Element;
+type MultipleBankListProps = {
+    selected?: Bank[];
+    onSelect?: (bank: Bank) => void;
+    onRemove?: (bank: Bank) => void;
+};
+export declare const MultipleBankList: ({ selected, onSelect, onRemove }: MultipleBankListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/AddTransaction/BankSelectionInput.d.ts

@@ -0,0 +1,11 @@
+import { Currency } from '../../types/response.dto';
+type Props = {
+    currencies: Currency[];
+    selectedCurrencyCode: string;
+    onSelectCurrency: (v: {
+        label: string;
+        value: string;
+    }) => void;
+};
+export declare const BankSelectionInput: ({ currencies, selectedCurrencyCode, onSelectCurrency, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/AddTransaction/Business.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    ignoreLayout?: boolean;
+    onFinish?: () => void;
+    onBack?: () => void;
+};
+export declare const Business: ({ ignoreLayout, onFinish, onBack }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/AddTransaction/Education.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    ignoreLayout?: boolean;
+    onFinish?: () => void;
+    onBack?: () => void;
+};
+export declare const Education: ({ ignoreLayout, onFinish }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/AddTransaction/GroupCustomers.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    onFinish: () => void;
+};
+export declare const GroupCustomers: ({ onFinish }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/AddTransaction/SingularCustomer.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    onFinish: () => void;
+    ignoreLayout?: boolean;
+    onBack?: () => void;
+};
+export declare const SingularCustomer: ({ onFinish, ignoreLayout }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/AddTransaction/UseCaseSelection.d.ts

@@ -0,0 +1,21 @@
+export declare enum EUseCaseses {
+    SINGULAR = "SINGULAR",// khách lẻ
+    GROUP = "GROUP",// khách đoàn
+    EDUCATION = "EDUCATION",
+    MEDICAL = "MEDICAL",
+    INHERITANCE = "INHERITANCE",
+    SUBSIDY = "SUBSIDY",
+    IMMIGRATION = "IMMIGRATION",
+    BUSINESS = "BUSINESS"
+}
+type Props = {
+    useCase: EUseCaseses;
+    setUseCase: (useCase: EUseCaseses) => void;
+};
+export declare const UseCaseSelection: ({ useCase, setUseCase }: Props) => import("react/jsx-runtime").JSX.Element;
+type Props2 = {
+    selected: EUseCaseses;
+    setSelected: (selected: EUseCaseses) => void;
+};
+export declare const UseCaseSelectionForGuest: ({ selected, setSelected }: Props2) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/AddUser/AddBookerForm.d.ts

@@ -0,0 +1,6 @@
+type AddBookerFormProps = {
+    onSubmitSuccess: () => void;
+    onClose: () => void;
+};
+export declare const AddBookerForm: ({ onClose, onSubmitSuccess }: AddBookerFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

@@ -0,0 +1,5 @@
+export type EmbededIndividualAppProps = {
+    clientId: string;
+    secret: string;
+};
+export declare const EmbededIndividualApp: () => import("react/jsx-runtime").JSX.Element;

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

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

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

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

package/types/components/CurrencyExchangeRate/CurrencyExchangeRate.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    selectedCurrency: string;
+    selectedBank: string;
+    amount: number;
+    setSelectedCurrency: (currency: string) => void;
+    setSelectedBank: (bank: string) => void;
+    setAmount: (amount: number) => void;
+};
+export declare const CurrencyExchangeRate: ({ selectedCurrency, selectedBank, amount, setSelectedCurrency, setSelectedBank, setAmount, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/CustomerSelection/CustomerSelection.d.ts

@@ -0,0 +1,10 @@
+export type Customer = {
+    name: string;
+    eTicketNumber: string;
+};
+type Props = {
+    customers: Customer[];
+    onSelect: (customer: Customer) => void;
+};
+export declare const CustomerSelection: ({ customers, onSelect }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Dashboard/BookerSelectionInput.d.ts

@@ -0,0 +1,7 @@
+import { IUser } from '../../types/response.dto';
+type Props = {
+    bookers: IUser[];
+    onSelectBooker: (v: string) => void;
+};
+export declare const BookerSelectionInput: ({ bookers, onSelectBooker }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Dashboard/DailyTransactionChart.d.ts

@@ -0,0 +1,8 @@
+type DailyTransactionChartProps = {
+    title: string;
+    fromDate: string;
+    toDate: string;
+    bookerId?: number | null;
+};
+export declare const DailyTransactionChart: ({ fromDate, toDate, title, bookerId, }: DailyTransactionChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Dashboard/TotalCommissionCard.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface TotalCommissionCardProps {
+    label: string;
+    startDate: string;
+    endDate: string;
+    bookerId?: number | null;
+}
+declare const TotalCommissionCard: React.FC<TotalCommissionCardProps>;
+export default TotalCommissionCard;

package/types/components/Dashboard/TotalTransactionCard.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface TotalTransactionCardProps {
+    label: string;
+    startDate: string;
+    endDate: string;
+    bookerId?: number | null;
+}
+declare const TotalTransactionCard: React.FC<TotalTransactionCardProps>;
+export default TotalTransactionCard;

package/types/components/Dashboard/TransactionByStatusChart.d.ts

@@ -0,0 +1,8 @@
+type TransactionByStatusChartProps = {
+    title: string;
+    fromDate: string;
+    toDate: string;
+    bookerId?: number | null;
+};
+export declare const TransactionByStatusChart: ({ fromDate, toDate, title, bookerId, }: TransactionByStatusChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Dashboard/TransactionByTypeChart.d.ts

@@ -0,0 +1,8 @@
+type TransactionByTypeChartProps = {
+    title: string;
+    fromDate: string;
+    toDate: string;
+    bookerId?: number | null;
+};
+export declare const TransactionByTypeChart: ({ fromDate, toDate, title, bookerId, }: TransactionByTypeChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Layout/Layout.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    children: React.ReactNode;
+    showLayout?: boolean;
+};
+export declare const Layout: ({ children, showLayout }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Layout/NavBar/Navbar.d.ts

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

package/types/components/Menu/Menu.d.ts

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

package/types/components/Menu/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+type Props = {
+    label: string;
+    icon: IconDefinition;
+    path: string;
+    active: boolean;
+};
+export declare const MenuItem: ({ label, icon, path, active }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,12 @@
+type Props = {
+    isOpen: boolean;
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    showCloseButton?: boolean;
+    onClose?: () => void;
+};
+export declare const Modal: ({ isOpen, icon, title, content, footer, size, showCloseButton, onClose, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+type Props = {
+    onClose: () => void;
+    isOpen: boolean;
+    onImageCaptured: (imageSrc: string) => void;
+};
+export declare const WebcamModal: ({ onClose, onImageCaptured, isOpen }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Pagination/LimitDropdown.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    limit: number;
+    onLimitChange: (limit: number) => void;
+};
+export declare const LimitDropdown: ({ limit, onLimitChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/TransactionList/BankSelectionInput.d.ts

@@ -0,0 +1,7 @@
+import { IBank } from '../../types/response.dto';
+type Props = {
+    banks: IBank[];
+    onSelectBank: (v: string) => void;
+};
+export declare const BankSelectionInput: ({ banks, onSelectBank }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/TransactionList/CurrencySelectionInput.d.ts

@@ -0,0 +1,7 @@
+import { Currency } from '../../types/response.dto';
+type Props = {
+    currencies: Currency[];
+    onSelectCurrency: (v: string) => void;
+};
+export declare const CurrencySelectionInput: ({ currencies, onSelectCurrency }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/TransactionList/StatusSelectionInput.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    statuses: Array<{
+        status: string;
+        label: string;
+    }>;
+    onSelectStatus: (v: string) => void;
+};
+export declare const StatusSelectionInput: ({ statuses, onSelectStatus }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/TransactionStatusBadge/TransactionStatusBadge.d.ts

@@ -0,0 +1,4 @@
+import { TransactionStatus } from '../../types/enum';
+export declare const TransactionStatusBadge: ({ status }: {
+    status: TransactionStatus;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/UpdateUser/UpdateBookerForm.d.ts

@@ -0,0 +1,7 @@
+type UpdateBookerFormProps = {
+    bookerId: number;
+    onSubmitSuccess: () => void;
+    onClose: () => void;
+};
+export declare const UpdateBookerForm: ({ bookerId, onSubmitSuccess, onClose }: UpdateBookerFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/UpdateUser/UpdateCommissionRateForm.d.ts

@@ -0,0 +1,7 @@
+type UpdateCommissionRateFormProps = {
+    userId: number;
+    onSubmitSuccess: () => void;
+    onClose: () => void;
+};
+export declare const UpdateCommissionRateForm: ({ userId, onSubmitSuccess, onClose, }: UpdateCommissionRateFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/UserProfile/AccountSettingForm.d.ts

@@ -0,0 +1,7 @@
+import { IUser } from '../../types/response.dto';
+type AccountSettingFormProps = {
+    user: IUser | null;
+    updateUserProfile: (data: IUser) => void;
+};
+export declare const AccountSettingForm: ({ user, updateUserProfile }: AccountSettingFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/UserProfile/ChangePasswordForm.d.ts

@@ -0,0 +1,5 @@
+type ChangePasswordFormProps = {
+    changePassword: (oldPassword: string, newPassword: string) => void;
+};
+export declare const ChangePasswordForm: ({ changePassword }: ChangePasswordFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/UserStatusBadge/UserStatusBadge.d.ts

@@ -0,0 +1,4 @@
+import { EUserStatus } from '../../types/user';
+export declare const UserStatusBadge: ({ status }: {
+    status: EUserStatus;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/ui/link-button.d.ts

@@ -0,0 +1,4 @@
+import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
+export interface LinkButtonProps extends HTMLChakraProps<'a', RecipeProps<'button'>> {
+}
+export declare const LinkButton: import('react').ForwardRefExoticComponent<LinkButtonProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/types/components/ui/pagination.d.ts

@@ -0,0 +1,19 @@
+import { ButtonProps, TextProps, Pagination as ChakraPagination } from '@chakra-ui/react';
+import * as React from 'react';
+type PaginationVariant = 'outline' | 'solid' | 'subtle';
+export interface PaginationRootProps extends Omit<ChakraPagination.RootProps, 'type'> {
+    size?: ButtonProps['size'];
+    variant?: PaginationVariant;
+    getHref?: (page: number) => string;
+}
+export declare const PaginationRoot: React.ForwardRefExoticComponent<PaginationRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PaginationEllipsis: React.ForwardRefExoticComponent<ChakraPagination.EllipsisProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PaginationItem: React.ForwardRefExoticComponent<ChakraPagination.ItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationPrevTrigger: React.ForwardRefExoticComponent<ChakraPagination.PrevTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationNextTrigger: React.ForwardRefExoticComponent<ChakraPagination.NextTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationItems: (props: React.HTMLAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+interface PageTextProps extends TextProps {
+    format?: 'short' | 'compact' | 'long';
+}
+export declare const PaginationPageText: React.ForwardRefExoticComponent<PageTextProps & React.RefAttributes<HTMLParagraphElement>>;
+export {};

package/types/constants/airlines.d.ts

@@ -0,0 +1,7 @@
+export declare const AIRLINES: {
+    iata: string;
+    icao: string;
+    airline: string;
+    callSign: string;
+    country: string;
+}[];

package/types/constants/airport-code-country.d.ts

@@ -0,0 +1,5 @@
+export declare const AirportCodeToCountry: {
+    code: string;
+    country: string;
+}[];
+export declare const AIRPORT_CODE_COUNTRY_MAP: Map<string, string>;

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

@@ -0,0 +1,56 @@
+export declare const ApiUrls: {
+    auth: {
+        login: string;
+        register: string;
+        registerSupervisor: string;
+    };
+    transactionHandlers: {
+        list: string;
+        create: string;
+        createMany: string;
+        confirm: string;
+        sendBankTransaction: string;
+        checkTicketStatus: string;
+        getByBankTransactionId: (transactionId: string) => string;
+        guestCreateEducationTransaction: string;
+    };
+    currency: {
+        list: string;
+    };
+    bank: {
+        list: string;
+    };
+    travelport: {
+        getFlightInfo: string;
+    };
+    upload: {
+        signedUrl: string;
+    };
+    image: {
+        extractFlightTicket: string;
+    };
+    bid: {
+        list: string;
+    };
+    userHandlers: {
+        userProfile: string;
+        changePassword: string;
+        list: string;
+        approveUser: string;
+        bookerList: string;
+        createBooker: string;
+        createManyBooker: string;
+        getBooker: string;
+        updateBooker: string;
+        getCommissionRate: string;
+        updateCommissionRate: string;
+        getBookersOfSupervisor: string;
+    };
+    dashboardHandlers: {
+        getTotalCommissionAmount: string;
+        getTotalTransaction: string;
+        getTransactionCountGroupByType: string;
+        getTransactionCountByStatus: string;
+        getTransactionCountByDate: string;
+    };
+};

package/types/constants/countries.d.ts

@@ -0,0 +1,6 @@
+export declare const COUNTRIES: {
+    name: string;
+    nameVi: string;
+    alpha3: string;
+    alpha2: string;
+}[];

package/types/constants/env.d.ts

@@ -0,0 +1,5 @@
+export declare const Env: {
+    API_URL: any;
+    BUILD_FOR: any;
+    BOOKER_URL: any;
+};

package/types/constants/index.d.ts

@@ -0,0 +1,7 @@
+export declare const FILE_TYPES: {
+    IMAGE: string[];
+    PDF: string[];
+};
+export declare const FILE_MAX_SIZE: number;
+export declare const FILE_MAX_FILES = 5;
+export declare const FILE_ACCEPT: string[];

package/types/constants/provinces.d.ts

@@ -0,0 +1,6 @@
+type Province = {
+    id: string;
+    name: string;
+};
+export declare const provinces: Province[];
+export {};

package/types/design-systems/Button/Button.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    children: React.ReactNode;
+    type?: 'button' | 'submit' | 'reset';
+    className?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    title?: string;
+    variant?: 'solid' | 'subtle' | 'surface' | 'outline' | 'ghost' | 'plain';
+    colorPalette?: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'gray';
+}
+export declare const GTButton: ({ children, type, className, onClick, disabled, loading, size, title, variant, colorPalette, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/design-systems/Chart/LineChart.d.ts

@@ -0,0 +1,13 @@
+interface GTLineChartProps {
+    data: Array<{
+        [key: string]: string | number;
+    }>;
+    dataKey: string;
+    lines: Array<{
+        dataKey: string;
+        name: string;
+    }>;
+    loading?: boolean;
+}
+export declare const GTLineChart: ({ data, dataKey, lines, loading }: GTLineChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/design-systems/Chart/PieChart.d.ts

@@ -0,0 +1,9 @@
+interface GTPieChartProps {
+    data: Array<{
+        name: string;
+        value: number;
+    }>;
+    loading: boolean;
+}
+export declare const GTPieChart: (props: GTPieChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/design-systems/Drawer/Drawer.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface GTDrawerProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    trigger?: React.ReactNode;
+    contentWidth?: string;
+}
+declare const GTDrawer: React.FC<GTDrawerProps>;
+export default GTDrawer;

package/types/design-systems/Input/Input.d.ts

@@ -0,0 +1,5 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+export declare const DEFAULT_INPUT_CLASS_NAME = "relative block w-full rounded-md border-0 p-1.5 text-gray-900 ring-1 ring-gray-300 ring-inset placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-blue-600 focus:ring-inset";
+type InputProps = {} & UseFormRegisterReturn<any> & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const GTInput: ({ className, ...otherProps }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/design-systems/Stat/Stat.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface GTStatProps {
+    label: string;
+    children: React.ReactNode;
+    loading?: boolean;
+}
+declare const GTStat: React.FC<GTStatProps>;
+export default GTStat;

package/types/design-systems/Toast/Toast.d.ts

@@ -0,0 +1,7 @@
+interface ToastProps {
+    message: string;
+    type: 'success' | 'error';
+    duration?: number;
+}
+export declare const Toast: ({ message, type, duration }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/embeded-main.d.ts

@@ -0,0 +1,7 @@
+import { EmbededIndividualAppProps } from './components/Apps/EmbededIndividualApp';
+interface FxTransactionFormType {
+    init: (id: string, props: EmbededIndividualAppProps) => void;
+}
+declare const FxTransactionForm: FxTransactionFormType;
+export type { EmbededIndividualAppProps, FxTransactionFormType };
+export default FxTransactionForm;