@tap-payments/os-micro-frontend-shared 0.1.494 → 0.1.495

package/build/types/refund.d.ts

@@ -0,0 +1,445 @@
+import { AuthenticationStatus } from './index.js';
+export type RefundOptions = Array<{
+    name: string;
+    value?: number;
+    currency?: string;
+}>;
+export interface Refund {
+    id: string;
+    object: string;
+    live_mode: boolean;
+    customer_initiated: boolean;
+    api_version: string;
+    method: string;
+    created: number;
+    date: number;
+    status: 'REFUNDED' | 'PENDING' | 'IN_PROGRESS' | 'CANCELLED' | 'FAILED' | 'DECLINED' | 'RESTRICTED' | 'TIMEDOUT' | 'UNKNOWN' | 'ACCEPTED';
+    amount: number;
+    currency: string;
+    threeDSecure: boolean;
+    card_threeDSecure: boolean;
+    save_card: boolean;
+    merchant_id: string;
+    product: string;
+    statement_descriptor: string;
+    description: string;
+    metadata: Record<string, string>;
+    transaction: {
+        authorization_id: string;
+        timezone: string;
+        date: {
+            created: number;
+            completed: number;
+        };
+    };
+    reference: {
+        id: string;
+        track: string;
+        payment: string;
+        gateway: string;
+        acquirer: string;
+        transaction: string;
+        order: string;
+        invoice?: string;
+        trace_id?: string;
+    };
+    response: {
+        code: string;
+        message: string;
+    };
+    receipt: {
+        id: string;
+        email: boolean;
+        sms: boolean;
+    };
+    acquirer: {
+        id: string;
+        response: {
+            code: string;
+            message: string;
+        };
+        name: string;
+        mid: string;
+    };
+    gateway: {
+        id: string;
+        name: string;
+        response: {
+            code: string;
+            message: string;
+        };
+    };
+    redirect: {
+        status: string;
+        url: string;
+    };
+    post: {
+        status: string;
+    };
+    payouts: {
+        amount: number;
+        currency: string;
+        count: number;
+        payout: Array<{
+            date: number;
+            by: string;
+            reference_id: string;
+            id: string;
+            amount: number;
+            created: number;
+        }>;
+    };
+    net: {
+        transaction_currency: string;
+        transaction_amount: number;
+        currency: string;
+        currency_rate: number;
+        fee: number;
+        amount: number;
+    };
+    fees: {
+        amount: number;
+        currency: string;
+        count: number;
+        fee: Array<{
+            id: string;
+            type: string;
+            by: string;
+            on: string;
+            amount: number;
+            currency: string;
+        }>;
+    };
+    auto_reversed: boolean;
+    security: {
+        threeDSecure: {
+            id: string;
+            status: string;
+        };
+    };
+    destinations: {
+        reverse_destinations: boolean;
+        amount: number;
+        currency: string;
+        count: number;
+        destination: Array<{
+            id: string;
+            amount: number;
+            currency: string;
+            reverse_transfer: {
+                id: string;
+                amount: number;
+                currency: string;
+            };
+        }>;
+    };
+    refunds: {
+        refund: Array<{
+            id: string;
+            amount: number;
+            currency: string;
+            created: number;
+            date: number;
+            status: 'REFUNDED' | 'PENDING';
+        }>;
+    };
+    topup: {
+        id: string;
+        amount: number;
+        currency: string;
+    };
+    authenticate: {
+        id: string;
+        object: string;
+        type: string;
+        value: string;
+        by: string;
+        status: string;
+        created: string;
+        authenticated: string;
+        count: number;
+        retry_attempt: number;
+        message: string;
+    };
+    summary?: {
+        charge_amount: number;
+        refund_amount: number;
+        refunded_count: number;
+        remaing_amount: number;
+        remaing_percentage: number;
+    };
+    balance: {
+        status?: 'PAID_OUT' | 'SETTLED' | 'PENDING';
+        payout: {
+            id: string;
+            scheduled: number;
+            activities: [
+                {
+                    object: string;
+                    status: 'PAID_OUT' | 'PENDING';
+                    date: number;
+                }
+            ];
+        };
+        settlement: {
+            id: string;
+            scheduled: number;
+            activities: [
+                {
+                    object: string;
+                    status: 'SETTLED' | 'PENDING';
+                    date: number;
+                }
+            ];
+        };
+    };
+    charge: {
+        id: string;
+        refunds: {
+            refund: Array<{
+                id: string;
+                amount: number;
+                currency: string;
+                created: number;
+                date: number;
+                status: 'REFUNDED' | 'PENDING';
+            }>;
+        };
+        authentication: {
+            acsEci: string;
+            status: AuthenticationStatus;
+            data: {
+                asc_eci: string;
+                type: string;
+            };
+        };
+        metadata: Record<string, string>;
+        receipt: {
+            id: string;
+        };
+        merchant: {
+            id: string;
+            legacy_id: string;
+            country: string;
+            name: string;
+        };
+        reference: {
+            id: string;
+            track: string;
+            payment: string;
+            gateway: string;
+            acquirer: string;
+            transaction: string;
+            order: string;
+            invoice?: string;
+            trace_id?: string;
+        };
+        flags: {
+            flag: Array<{
+                id: string;
+                status: 'OPEN' | 'CLEARED';
+                amount: number;
+                created: number;
+                note: string;
+                ishold: boolean;
+            }>;
+        };
+        amount: number;
+        currency: string;
+        customer_initiated: boolean;
+        source: {
+            object: string;
+            type: string;
+            payment_type: string;
+            payment_method: 'MASTERCARD' | 'VISA' | 'APPLE_PAY';
+            channel: string;
+            id: string;
+            region: 'Local' | 'Global' | 'Regional';
+        };
+        issuer?: {
+            id: string;
+            name: string;
+            country: string;
+            region: 'G' | 'L' | 'R';
+            issuer_region: {
+                code: string;
+                name: string;
+            };
+        };
+        device?: {
+            type: 'DESKTOP' | 'PHONE' | 'TABLET';
+            id: string;
+            timezone: string;
+            location: {
+                ip: string;
+                country: string;
+                region: {
+                    code: 'G' | 'L' | 'R';
+                    name: 'Global' | 'Local' | 'Regional';
+                };
+            };
+        };
+        exchange?: {
+            capture?: {
+                amount: number;
+                currency: string;
+            };
+            settlement?: {
+                amount: number;
+                currency: string;
+                rate: number;
+            };
+        };
+        balance: {
+            status?: 'PAID_OUT' | 'SETTLED' | 'PENDING';
+            payout: {
+                id: string;
+                scheduled: number;
+                activities: [
+                    {
+                        object: string;
+                        status: 'PAID_OUT' | 'PENDING';
+                        date: number;
+                    }
+                ];
+            };
+            settlement: {
+                id: string;
+                scheduled: number;
+                activities: [
+                    {
+                        object: string;
+                        status: 'SETTLED' | 'PENDING';
+                        date: number;
+                    }
+                ];
+            };
+        };
+        order: {
+            id: string;
+            currency: string;
+            amount: number;
+            items_count?: number;
+            items?: object[];
+        };
+        customer: {
+            country: {
+                code: string;
+                name: string;
+            };
+            id: string;
+            first_name: string;
+            last_name: string;
+            email: string;
+            phone: {
+                country_code: string;
+                number: string;
+            };
+            region: {
+                name: 'Local' | 'Global' | 'Regional';
+                code: 'R' | 'G' | 'L';
+            };
+            timezone: string;
+        };
+        payment_agreement?: {
+            id: string;
+            type: 'UNSCHEDULED' | 'SCHEDULED_INSTALLMENT' | 'SCHEDULED_SUBSCRIPTION' | 'SCHEDULED_BILLING';
+            contract?: {
+                id: string;
+                type: 'ORDER' | 'SAVED_CARD' | 'SUBSCRIPTION' | 'INSTALLMENT';
+                period: {
+                    start_date: number;
+                    end_date: number;
+                    auto_renewal: boolean;
+                };
+            };
+            variable_amount?: {
+                id: string;
+                maximum_amount: number;
+            };
+            scheduled_payments?: {
+                id: string;
+                count: number;
+                frequency: {
+                    period: 'MINUTES' | 'HOURS' | 'DAYS' | 'MONTHS';
+                    count: number;
+                };
+            };
+            total_payments_count?: number;
+        };
+        payment: {
+            type: string;
+            account: string;
+            method: string;
+            scheme: string;
+            authentication?: '3DS' | 'Non-3DS';
+            card: string;
+            wallet: string;
+        };
+        card: {
+            object: string;
+            first_six: string;
+            first_eight: string;
+            scheme: string;
+            brand: string;
+            last_four: string;
+            name: string;
+            expiry: {
+                month: string;
+                year: string;
+            };
+            registered: boolean;
+        };
+        transaction: {
+            authorization_id: string;
+            timezone: string;
+            created: string | number;
+            expiry: {
+                period: number;
+                type: string;
+            };
+            asynchronous: boolean;
+            amount: number;
+            currency: string;
+            order: {
+                reference: string;
+                store_url: string;
+            };
+        };
+    };
+    merchant: {
+        id: string;
+        legacy_id: string;
+        retailer: {
+            id: string;
+        };
+    };
+    reason: string;
+    device?: {
+        type: 'DESKTOP' | 'PHONE' | 'TABLET';
+        id: string;
+        timezone: string;
+        location: {
+            ip: string;
+            country: string;
+            region: {
+                code: 'G' | 'L' | 'R';
+                name: 'Global' | 'Local' | 'Regional';
+            };
+        };
+    };
+    card: {
+        object: string;
+        first_six: string;
+        first_eight: string;
+        scheme: string;
+        brand: string;
+        last_four: string;
+    };
+    request_body?: Record<string, unknown>;
+    user?: {
+        id: string;
+        name: string;
+        channel: string;
+    };
+}

package/build/types/table.d.ts

@@ -0,0 +1,170 @@
+/// <reference types="react" />
+import { SxProps } from '@mui/material/styles';
+import { BoxProps } from '@mui/material/Box';
+import { TableHeadProps } from '@mui/material/TableHead';
+import { TableRowProps } from '@mui/material/TableRow';
+import { DragControls } from 'framer-motion';
+import { CustomColumnFilterProps } from '../components/VirtualTables';
+import { ActionCellProps } from '../components/index.js';
+import { Country } from './appConfig';
+import { SortingOrder } from './sort';
+export interface TableFilters<T> {
+    order: string;
+    dateRange: [Date, Date];
+    defaultStatus: T;
+    filterStatus: T;
+    orderBy: string;
+    includeIds: boolean;
+}
+export interface TableStatus<T> {
+    filterStatus: T;
+    totalCount?: number;
+}
+export type TableHeaderStatus = 'all' | 'initiated' | 'captured' | 'unCaptured' | 'inProgress' | 'abandoned' | 'cancelled' | 'reversed' | 'unsettled' | 'unauthorized' | 'completed' | 'authorized' | 'refunded' | 'paidOut' | 'pending' | 'cleared' | 'open' | 'revered' | 'unauthenticated' | 'authenticated' | 'issued' | 'drafted' | 'scheduled' | 'paid' | 'outstanding' | 'draft' | 'expired' | 'transacted' | 'settled' | 'unSettled' | 'summary' | 'chargeSettlements' | 'refundSettlements' | 'destinationSettlements' | 'chargebackSettlements' | 'used' | 'active' | 'expired' | 'consumed' | 'notActive' | 'signedUp' | 'checked' | 'outstanding' | (string & {}) | undefined;
+export interface IColumnProps<R = any> {
+    header?: string | (() => React.ReactNode);
+    render?: (props: IRenderAttr<R, IColumnProps<R>>) => React.ReactNode;
+    id: keyof R | string;
+    tableViewId?: string;
+    width?: React.CSSProperties['width'];
+    format?: (props: IFormatAttr<R>) => string;
+    selector?: (props: ISelectorAttr<R>) => string | Record<string, any> | number;
+    align?: React.CSSProperties['textAlign'];
+    sortable?: boolean;
+    hidden?: boolean;
+    order?: number;
+    pinned?: 'start' | 'end';
+    pinnable?: boolean;
+    cellStyle?: SxProps;
+    headerStyle?: React.CSSProperties;
+    filter?: IColumnFilter;
+    isDefaultPinned?: boolean;
+}
+export interface TableFooterProps extends BoxProps {
+    totalCount?: number;
+    showBackDrop?: boolean;
+    showSeparator?: boolean;
+    sandboxMode?: boolean;
+    maximized?: boolean;
+    selectedCount?: number;
+}
+export interface TableChipProps {
+    onChipClick?: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
+}
+export interface SelectionProps {
+    onClick?: (event: React.MouseEvent, index: number) => void;
+    colIndex?: number;
+    rowIndex?: number;
+    selectedId?: string | null;
+}
+export interface IRenderAttr<R, C> {
+    row: R;
+    column: C;
+    index: number;
+    value: any;
+    selectionProps?: SelectionProps;
+}
+export interface IFormatAttr<R> {
+    value: string | Record<string, any> | number;
+    row: R;
+    index: number;
+}
+export interface ISelectorAttr<R> {
+    row: R;
+    index: number;
+    value: string | Record<string, any> | number;
+}
+export interface IColumnFilterOption {
+    placeholder?: string;
+    apiKey: string;
+    defaultValue?: string;
+    icon?: React.ReactNode;
+    isSelected?: boolean;
+    options?: IColumnFilterOption[];
+    isDisabled?: boolean;
+    filterGroup?: string;
+    render?: () => React.ReactNode;
+}
+export type IColumnListFilterOption = Omit<IColumnFilterOption, 'apiKey' | 'options'> & {
+    value: string;
+    options?: IColumnListFilterOption[];
+};
+export interface IColumnFilterList {
+    type: 'list';
+    apiKey: string;
+    options?: IColumnListFilterOption[];
+}
+export interface IColumnFilterInputs {
+    type: 'inputs';
+    options?: IColumnFilterOption[];
+    countries?: Country[];
+    isCountriesLoading?: boolean;
+}
+export interface IColumnFilterCustom {
+    type: 'custom';
+    options: Array<Record<string, string>>;
+    render: (props: CustomColumnFilterProps) => JSX.Element;
+}
+export type AnimationType = false | 'pulse' | 'wave' | undefined;
+export type TableMode = 'sheet' | 'text' | 'default';
+export type TablePosition = 'pinnedStart' | 'pinnedEnd' | 'scrollable';
+export interface BulkSelectionProps<R = unknown, K extends keyof R = keyof R> {
+    selector: K;
+    ids: R[K][];
+    setIds: (ids: R[K][]) => void;
+    isDisabled?: (row: R) => boolean;
+}
+export interface IVirtualTable<R = any> {
+    rows: R[];
+    columns: Array<IColumnProps<R>>;
+    selection?: BulkSelectionProps<R>;
+    rowHeight?: number;
+    threshold?: number;
+    showHeader?: boolean;
+    headerProps?: TableHeadProps;
+    isLoading?: boolean;
+    isFetchingNextPage?: boolean;
+    defaultSkeleton?: boolean;
+    rowProps?: TableRowProps & {
+        onRowClick?: (row: R, index: number) => void;
+    };
+    footerProps?: TableFooterProps;
+    showFooter?: boolean;
+    error: Error | null;
+    columnsSorting?: Record<keyof R, 'asc' | 'desc'>;
+    onColumnSort?: (columnsSorting: Record<string, SortingOrder>) => void;
+    loadMoreItems?: () => Promise<unknown>;
+    triggerDataRefetch: () => Promise<unknown>;
+    scrollToIndex?: number;
+    areAllRowsLoaded?: boolean;
+    tableBodyStyles?: React.CSSProperties;
+    isTextShown?: boolean;
+    tableMode?: TableMode;
+    tableTitle?: string;
+    dimensions?: {
+        height: string | number;
+        width: string | number;
+    };
+    onStartDrag?: DragControls['start'];
+    isSheetView?: boolean;
+    isMinimized?: boolean;
+    footerComponent?: React.ReactNode;
+    customNoDataComponent?: React.ReactNode;
+}
+export type ColumnFilterValues = Record<string, any>;
+export type IColumnFilter = ({
+    onConfirm?: (filterValues: ColumnFilterValues) => void;
+    onClear: (apiKeys: string[]) => void;
+    onClearFilterFields?: () => void;
+    data?: ColumnFilterValues;
+    isOnlyOneFilter?: boolean;
+    wrapperSx?: SxProps;
+} & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom));
+type ActionCellActionProps = Exclude<ActionCellProps['actions'], undefined>[number];
+export interface TableNavigation {
+    label: string;
+    onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    onRightClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    icon?: ActionCellActionProps['icon'];
+}
+export {};

package/build/types/toggleOptions.d.ts

@@ -0,0 +1,2 @@
+import { DATA_KEY } from '../constants/index.js';
+export type DataKey = (typeof DATA_KEY)[keyof typeof DATA_KEY];

package/build/types/views.d.ts

@@ -0,0 +1,12 @@
+import { Template } from '../components/index.js';
+export interface StoredViewsData {
+    mainDefaultView?: Template;
+    views: Template[];
+}
+export type ViewsStore = {
+    [segmentId: string]: {
+        [appCode: string]: {
+            [serviceCode: string]: StoredViewsData;
+        };
+    };
+};

package/build/utils/billing.d.ts

@@ -0,0 +1,39 @@
+import { Currency, Item, Country, DISCOUNT_TYPE, SEND_INVOICE } from '../types/index.js';
+export declare const getDefaultInvoiceInfo: () => {
+    items: Item[];
+    invoiceNumber: string;
+    customer: {
+        firstName: string;
+        lastName: string;
+        email: string;
+        phoneNumber: string;
+    };
+    langCode: string;
+    selectedCurrency: Currency;
+    isLoading: boolean;
+    totalGrossAmount: number;
+    totalNetAmount: number;
+    totalVat: {
+        percentage: number;
+        value: number;
+        isInclusive: boolean;
+    };
+    totalDiscount: {
+        type: DISCOUNT_TYPE;
+        value: number;
+    };
+    isAdvanced: boolean;
+    dueDate: number;
+    graceDate: number;
+    expiryDate: undefined;
+    note: string;
+    frequency: string;
+    documents: File[];
+    country: Country;
+    isDragging: boolean;
+    sendTo: SEND_INVOICE;
+    isItemsNotValid: boolean;
+    isAmountIsMissing: boolean;
+    errors: never[];
+    brand: any;
+};

package/build/utils/columns.d.ts

@@ -0,0 +1,11 @@
+import type { IColumnProps, ColumnViewProps, ColumnsView } from '../types/index.js';
+export declare function filterShownColumns(columns: IColumnProps[], tableViews: ColumnViewProps[], isCustomView?: boolean): IColumnProps<any>[];
+export declare function getColumnOrderFromViews(tableViews: ColumnViewProps[], columnId: string): number;
+export declare function isParameterSelected(columns: ColumnViewProps[], columnId: string, parameter: string): boolean;
+export declare function mapDataToViews(columnData?: ColumnsView[], language?: string): ColumnViewProps[];
+export declare function mapViewsToData(columns: ColumnViewProps[]): ColumnsView[];
+export declare const updateColumnSelection: ({ columnsView, columnsIds, selected, }: {
+    columnsView: ColumnsView[];
+    columnsIds: string[];
+    selected: boolean;
+}) => ColumnsView[];

package/build/utils/conversion.d.ts

@@ -0,0 +1,6 @@
+import { Amounts } from '../types/index.js';
+export declare function getConversion(amounts: Amounts): {
+    type: 'fx' | 'dcc' | undefined;
+    shownAmount: Amounts['merchant'] | Amounts['request'] | undefined;
+};
+export declare const convertToNumber: (value: string | number) => number;