@tap-payments/os-micro-frontend-shared 0.0.1

package/build/utils/billing.d.ts

@@ -0,0 +1,38 @@
+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;
+    };
+    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: number;
+    note: string;
+    frequency: string;
+    documents: File[];
+    country: Country;
+    isDragging: boolean;
+    sendTo: SEND_INVOICE;
+    isItemsNotValid: boolean;
+    isAmountIsMissing: boolean;
+    errors: never[];
+    brand: any;
+};

package/build/utils/billing.js

@@ -0,0 +1,31 @@
+import { DISCOUNT_TYPE, SEND_INVOICE } from '../types/index.js';
+export const getDefaultInvoiceInfo = () => ({
+    items: [],
+    invoiceNumber: '',
+    customer: {
+        firstName: '',
+        lastName: '',
+        email: '',
+        phoneNumber: '',
+    },
+    selectedCurrency: {},
+    isLoading: false,
+    totalGrossAmount: 0,
+    totalNetAmount: 0,
+    totalVat: { percentage: 0, value: 0, isInclusive: false },
+    totalDiscount: { type: DISCOUNT_TYPE.NO_DISCOUNT, value: 0 },
+    isAdvanced: false,
+    dueDate: new Date(new Date().setDate(new Date().getDate() + 30)).getTime(),
+    graceDate: new Date(new Date().setMonth(1)).getTime(),
+    expiryDate: new Date(new Date().setFullYear(new Date().getFullYear() + 1)).getTime(),
+    note: '',
+    frequency: '',
+    documents: [],
+    country: {},
+    isDragging: false,
+    sendTo: SEND_INVOICE.CUSTOMER,
+    isItemsNotValid: false,
+    isAmountIsMissing: false,
+    errors: [],
+    brand: {},
+});

package/build/utils/browser.d.ts

@@ -0,0 +1,2 @@
+export declare function getBrowserName(): string;
+export declare const isSafariBrowser: () => boolean;

package/build/utils/browser.js

@@ -0,0 +1,7 @@
+export function getBrowserName() {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.match(/(edge|chrome|safari|firefox)/)) === null || _c === void 0 ? void 0 : _c[0]) || 'chrome';
+}
+export const isSafariBrowser = () => {
+    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+};

package/build/utils/card.d.ts

@@ -0,0 +1,8 @@
+export declare const getCardNumber: <T extends {
+    last_four: string;
+}>(card: T | undefined, paymentMethod?: string) => string;
+export declare const getPaymentMethodWithId: (paymentMethod?: string, id?: string) => string;
+export declare const getMaskedCard: (card: {
+    first_six?: string;
+    last_four?: string;
+}) => string;

package/build/utils/card.js

@@ -0,0 +1,15 @@
+export const getCardNumber = (card, paymentMethod) => {
+    if (!(card === null || card === void 0 ? void 0 : card.last_four) || !paymentMethod)
+        return '';
+    return `${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.toLowerCase()} - ${card === null || card === void 0 ? void 0 : card.last_four}`;
+};
+export const getPaymentMethodWithId = (paymentMethod, id) => {
+    if (!id || !paymentMethod)
+        return '';
+    return `${(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.toLowerCase()) || 'ID'} • ${id === null || id === void 0 ? void 0 : id.slice(-4)}`;
+};
+export const getMaskedCard = (card) => {
+    if (!(card === null || card === void 0 ? void 0 : card.first_six) || !(card === null || card === void 0 ? void 0 : card.last_four))
+        return '-';
+    return `${card === null || card === void 0 ? void 0 : card.first_six}xxxxxx${card === null || card === void 0 ? void 0 : card.last_four}`;
+};

package/build/utils/chargeError.d.ts

@@ -0,0 +1,12 @@
+export declare function generateChargeErrors({ unCapturedCode, unCapturedMessage, acquirerCode, acquirerMessage, gatewayCode, gatewayMessage, }: {
+    unCapturedCode?: string;
+    unCapturedMessage?: string;
+    acquirerCode?: string;
+    acquirerMessage?: string;
+    gatewayCode?: string;
+    gatewayMessage?: string;
+}): {
+    unCapturedTooltip: string | undefined;
+    acquirerTooltip: string | undefined;
+    gatewayTooltip: string | undefined;
+};

package/build/utils/chargeError.js

@@ -0,0 +1,10 @@
+export function generateChargeErrors({ unCapturedCode, unCapturedMessage, acquirerCode, acquirerMessage, gatewayCode, gatewayMessage, }) {
+    const unCapturedTooltip = unCapturedCode && unCapturedMessage && `${unCapturedCode} - ${unCapturedMessage}`;
+    const acquirerTooltip = acquirerCode && acquirerMessage && `${acquirerCode} - ${acquirerMessage}`;
+    const gatewayTooltip = gatewayCode && gatewayMessage && `${gatewayCode} - ${gatewayMessage}`;
+    return {
+        unCapturedTooltip,
+        acquirerTooltip,
+        gatewayTooltip,
+    };
+}

package/build/utils/color.d.ts

@@ -0,0 +1,2 @@
+export declare function getRandomColor(): string;
+export declare function getRandomGradientColor(): string;

package/build/utils/color.js

@@ -0,0 +1,38 @@
+export function getRandomColor() {
+    const colors = [
+        '#D6D6D6',
+        '#BFF192',
+        '#E4EE92',
+        '#FDFCAB',
+        '#FFE78E',
+        '#FFCE6B',
+        '#FFBC8C',
+        '#FF947C',
+        '#C88FA3',
+        '#B988C9',
+        '#9A8BBB',
+        '#89B6FF',
+        '#ACD4E1',
+        '#ADBABE',
+        '#C0DAAA',
+        '#D5DA91',
+        '#EAE7A2',
+        '#DFCE9C',
+        '#C9A997',
+        '#858585',
+        '#000000',
+    ];
+    return colors[Math.trunc(Math.random() * colors.length)];
+}
+export function getRandomGradientColor() {
+    const colors = [
+        'linear-gradient(135deg, #31D5C8 0%, #1186C5 100%)',
+        'linear-gradient(135deg, #A2E9BD 0%, #44BB74 100%)',
+        'linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(135deg, #6BF6EB 0%, #32D6C9 100%)',
+        'linear-gradient(135deg, #61AFC9 0%, #7FBFD4 100%)',
+        'linear-gradient(135deg, #9DB7A4 0%, #7FBFD4 100%)',
+        'linear-gradient(135deg, #D7B38C 0%, #FFE09F 100%)',
+        'linear-gradient(135deg, #ADD6A2 0%, #FFDDB2 100%)',
+    ];
+    return colors[Math.trunc(Math.random() * colors.length)];
+}

package/build/utils/columns.d.ts

@@ -0,0 +1,9 @@
+import type { IColumnProps, ColumnViewProps, ColumnsView } from '../types/index.js';
+export declare function filterShownColumns<T>(columns: Array<IColumnProps<T & {
+    actions: string;
+}>>, tableViews: ColumnViewProps[]): IColumnProps<T & {
+    actions: string;
+}>[];
+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[];

package/build/utils/columns.js

@@ -0,0 +1,67 @@
+import startCase from 'lodash/startCase';
+import { getNameText } from './index.js';
+export function filterShownColumns(columns, tableViews) {
+    return columns.filter((column) => {
+        var _a, _b, _c, _d, _e;
+        const selectedColumn = tableViews.find((view) => { var _a; return ((_a = view.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (column === null || column === void 0 ? void 0 : column.id) && view.selected; });
+        const isColumnWithMenuItems = !!column.tableViewId && (((_a = selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.menuItems) === null || _a === void 0 ? void 0 : _a.length) || 0) > 1;
+        const isMenuItemSelected = (_c = (_b = selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.menuItems) === null || _b === void 0 ? void 0 : _b.find((item) => item.name === column.tableViewId)) === null || _c === void 0 ? void 0 : _c.selected;
+        const isColumnSelected = !!selectedColumn && (isMenuItemSelected || !isColumnWithMenuItems);
+        const isBasicColumn = ['actions'].includes((_e = (_d = column.id) === null || _d === void 0 ? void 0 : _d.toString()) === null || _e === void 0 ? void 0 : _e.toLowerCase());
+        if (isColumnSelected || isBasicColumn) {
+            return true;
+        }
+        return false;
+    });
+}
+export function isParameterSelected(columns, columnId, parameter) {
+    var _a, _b, _c;
+    return (((_c = (_b = (_a = columns === null || columns === void 0 ? void 0 : columns.find((view) => { var _a; return ((_a = view.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === columnId.toLowerCase(); })) === null || _a === void 0 ? void 0 : _a.menuItems) === null || _b === void 0 ? void 0 : _b.find((item) => { var _a; return ((_a = item.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === parameter.toLowerCase() && item.selected; })) === null || _c === void 0 ? void 0 : _c.selected) || false);
+}
+export function mapDataToViews(columnData, language) {
+    var _a;
+    return (((_a = columnData === null || columnData === void 0 ? void 0 : columnData.filter((c) => { var _a, _b; return !!((_b = (_a = c.name) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text); })) === null || _a === void 0 ? void 0 : _a.map((column) => {
+        var _a;
+        return ({
+            label: getNameText(column.name, language),
+            name: getNameText(column.name, language) || '',
+            selected: (column === null || column === void 0 ? void 0 : column.selected) !== false,
+            menuItems: (_a = column.fields
+                .map((field) => {
+                var _a, _b;
+                return (_b = (_a = field.parameters) === null || _a === void 0 ? void 0 : _a.filter((p) => !!p.code)) === null || _b === void 0 ? void 0 : _b.map((param) => {
+                    return {
+                        label: startCase(param.code),
+                        name: `${param.code}`,
+                        selected: (column === null || column === void 0 ? void 0 : column.selected) !== false && (param === null || param === void 0 ? void 0 : param.selected) !== false,
+                    };
+                });
+            })
+                .flat()) === null || _a === void 0 ? void 0 : _a.filter((item) => !!item.name),
+        });
+    })) || []);
+}
+export function mapViewsToData(columns) {
+    return columns.map((column) => {
+        var _a;
+        return {
+            name: [{ text: column.name, lang: 'en' }],
+            selected: column.selected,
+            sort_order: 1,
+            sorting: 'descending',
+            fields: ((_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => {
+                return {
+                    code: item.name,
+                    type: 'single',
+                    parameters: [
+                        {
+                            parameter: item.name,
+                            code: item.name,
+                            selected: item.selected,
+                        },
+                    ],
+                };
+            })) || [],
+        };
+    });
+}

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;

package/build/utils/conversion.js

@@ -0,0 +1,27 @@
+export function getConversion(amounts) {
+    const requestCurrency = amounts.request.currency;
+    const selectCurrency = amounts.select.currency;
+    const merchantCurrency = amounts.merchant.currency;
+    const isFX = selectCurrency !== merchantCurrency && selectCurrency === requestCurrency && requestCurrency && merchantCurrency && selectCurrency;
+    const isDCC = selectCurrency !== requestCurrency && requestCurrency && merchantCurrency && selectCurrency;
+    let conversionType = isFX ? 'fx' : undefined;
+    conversionType = isDCC ? 'dcc' : conversionType;
+    let shownAmount = isFX ? amounts.merchant : undefined;
+    shownAmount = isDCC ? amounts.request : shownAmount;
+    return {
+        type: conversionType,
+        shownAmount,
+    };
+}
+export const convertToNumber = (value) => {
+    const isNotAString = typeof value !== 'string';
+    if (isNotAString) {
+        return Number(value);
+    }
+    const hasComma = value.includes(',');
+    if (hasComma) {
+        const valueWithoutComma = value.replace(',', '');
+        return Number(valueWithoutComma);
+    }
+    return Number(value);
+};

package/build/utils/country.d.ts

@@ -0,0 +1 @@
+export declare function getCountryName(countryCode: string): string | undefined;

package/build/utils/country.js

@@ -0,0 +1,11 @@
+import { toast } from 'react-hot-toast';
+export function getCountryName(countryCode) {
+    var _a, _b, _c;
+    try {
+        const regionNames = new Intl.DisplayNames(['en'], { type: 'region' });
+        return regionNames.of(countryCode);
+    }
+    catch (error) {
+        toast.error((_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message);
+    }
+}

package/build/utils/currency.d.ts

@@ -0,0 +1,31 @@
+import { Currency, CurrencyCodes } from '../types/index.js';
+export declare const conversionTypesLabels: {
+    fx: string;
+    dcc: string;
+};
+export declare const currencyConfig: Record<string, number>;
+export declare const intlCurrency: (charge: number, currencyType: CurrencyCodes) => string;
+export declare const getCurrencyCodeFlag: (currency: string) => string;
+export declare const isIntegerAmount: (charge: number) => boolean;
+export declare const isDecimalWithOneDigit: (charge: number) => boolean;
+export declare const hasOnlyOneDigitAfterDecimal: (charge: number) => boolean;
+export declare const formatCurrencyWithInput: (charge: number, selectedCurrency: CurrencyCodes) => string;
+export declare function formatAmount(amount: number, decimalPlaces?: number): {
+    integerAmount: string;
+    decimalAmount: string;
+    fullAmount: string;
+    raw: {
+        integer: number;
+        decimal: number;
+    };
+};
+export declare function formatAmountWithCurrency(amount?: number, currency?: string): {
+    integerAmount: string;
+    decimalAmount: string;
+    fullAmount: string;
+    raw: {
+        integer: number;
+        decimal: number;
+    };
+};
+export declare const getSupportedCurrencies: (currencies: Currency[]) => Currency[];

package/build/utils/currency.js

@@ -0,0 +1,100 @@
+import { toast } from 'react-hot-toast';
+import { getCurrenciesIcon, SUPPORTED_CURRENCY_DETAILS, SUPPORTED_CURRENCY_CODES } from '../constants/index.js';
+import { CurrencyCodes } from '../types/index.js';
+export const conversionTypesLabels = {
+    fx: 'Foreign Exchange',
+    dcc: 'Dynamic Currency Conversion',
+};
+export const currencyConfig = {
+    BHD: 3,
+    KWD: 3,
+    JOD: 3,
+    OMR: 3,
+};
+export const intlCurrency = (charge, currencyType) => {
+    var _a, _b, _c;
+    if (Number.isNaN(charge)) {
+        return '0';
+    }
+    try {
+        const currency = new Intl.NumberFormat('en-US', {
+            currency: currencyType,
+            minimumFractionDigits: currencyConfig[currencyType] ? 3 : 2,
+        }).format(charge);
+        return currency;
+    }
+    catch (error) {
+        toast.error((_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message);
+        return '0';
+    }
+};
+export const getCurrencyCodeFlag = (currency) => {
+    const currencyMap = new Map(SUPPORTED_CURRENCY_CODES.map((selectedCurrency) => [selectedCurrency, getCurrenciesIcon(selectedCurrency)]));
+    return currencyMap.get(currency) || CurrencyCodes.SAR;
+};
+export const isIntegerAmount = (charge) => {
+    return charge % 1 === 0;
+};
+export const isDecimalWithOneDigit = (charge) => {
+    return charge % 0.1 === 0;
+};
+export const hasOnlyOneDigitAfterDecimal = (charge) => {
+    return Math.abs((charge * 10) % 1) === 0.1;
+};
+export const formatCurrencyWithInput = (charge, selectedCurrency) => {
+    const threeDigitCurrency = currencyConfig[selectedCurrency];
+    let chargeString = charge.toString();
+    if (Number.isInteger(charge) && isIntegerAmount(charge)) {
+        chargeString = charge.toFixed(threeDigitCurrency ? 3 : 2);
+    }
+    else if (hasOnlyOneDigitAfterDecimal(charge)) {
+        chargeString = `${chargeString}${threeDigitCurrency ? '00' : '0'}`;
+    }
+    else if (isDecimalWithOneDigit(charge)) {
+        chargeString = `${chargeString}${threeDigitCurrency ? '00' : '0'}`;
+    }
+    return chargeString;
+};
+function buildFormattedAmount(integer, decimal) {
+    return Number(decimal) > 0 ? `${integer}.${decimal}` : integer;
+}
+function getRawAmount(integer, decimalStr, isNegative) {
+    const sign = isNegative ? -1 : 1;
+    const decimal = Number(`0.${decimalStr}`) * sign;
+    return {
+        integer: integer * sign,
+        decimal,
+    };
+}
+export function formatAmount(amount, decimalPlaces = 2) {
+    var _a;
+    const isNegative = amount < 0;
+    amount = Math.abs(amount);
+    const integerAmount = Math.floor(amount);
+    let decimalStr = (amount - integerAmount).toString().split('.')[1] || '0';
+    decimalStr = decimalStr.padEnd(decimalPlaces, '0').slice(0, decimalPlaces);
+    const formattedIntegerAmount = Intl.NumberFormat('en-US').format(integerAmount);
+    const decimalStrWithoutRounding = (_a = amount.toString().split('.')[1]) === null || _a === void 0 ? void 0 : _a.slice(0, decimalPlaces);
+    const fullAmount = buildFormattedAmount(formattedIntegerAmount, decimalStrWithoutRounding);
+    const raw = getRawAmount(integerAmount, decimalStr, isNegative);
+    return {
+        integerAmount: formattedIntegerAmount,
+        decimalAmount: decimalStr,
+        fullAmount,
+        raw,
+    };
+}
+export function formatAmountWithCurrency(amount = 0, currency = '') {
+    var _a, _b;
+    return formatAmount(amount, (_b = (_a = SUPPORTED_CURRENCY_DETAILS[currency]) === null || _a === void 0 ? void 0 : _a.decimals) !== null && _b !== void 0 ? _b : 2);
+}
+export const getSupportedCurrencies = (currencies) => {
+    const supportedCurrencies = ['AED', 'BHD', 'KWD', 'OMR', 'QAR', 'SAR', 'USD', 'EUR', 'GBP', 'EGP'];
+    return supportedCurrencies.reduce((accumulator, supportedCurrency) => {
+        const selectedCurrency = currencies.find((currency) => currency.code.english.toLowerCase() === supportedCurrency.toLowerCase());
+        if (selectedCurrency) {
+            accumulator.push(selectedCurrency);
+        }
+        return accumulator;
+    }, []);
+};

package/build/utils/date.d.ts

@@ -0,0 +1,34 @@
+export declare function getGreetingMessageId(userTimeHours: number): string;
+export declare function getDatePickerFormat(date: Date | [Date, Date], locale: string): string;
+export declare const getUTCOffset: (offsetStr?: string | number) => number;
+export declare const formatUTCOffset: (offset?: number) => string;
+export declare const getDefaultDateRange: (startDay?: number) => [Date, Date];
+export declare const getUTCTimestamp: (date: Date | string | number) => number;
+export declare const getTimestampByTimezone: (date: Date | string | number, selectedTimezone?: string) => number;
+export declare const convertCalendarDateToUTC: (date: Date | string | number, hoursOffset?: number) => number;
+export declare const convertUTCtoLocalDate: (date: number) => Date;
+export declare const changeDateTimezone: (date: Date | string | number, { currentTimezone, targetTimezone }: {
+    currentTimezone?: string | number | undefined;
+    targetTimezone?: string | number | undefined;
+}) => "" | Date;
+export declare const generateDayList: (length?: number) => {
+    id: number;
+    label: number;
+}[];
+export declare const generateMonthList: (length?: number) => {
+    id: number;
+    label: number;
+}[];
+export declare const generateYearList: (length?: number) => {
+    id: number;
+    label: number;
+}[];
+export declare const formatCellDate: (dateObj?: Date | string | number, customFormat?: object, currentTimezone?: string | number, expectedTimezone?: string | number) => string;
+export declare const formatDate: (date: Date | string | number, format?: string) => string;
+export declare const getValueOfStartOfDay: (date?: Date | number) => number;
+export declare const getValueOfEndOfDay: (date?: Date | number) => number;
+export declare const getRelativeTime: (date: Date) => string;
+export declare const generatePastYearList: (length?: number) => {
+    id: number;
+    label: number;
+}[];

package/build/utils/date.js

@@ -0,0 +1,180 @@
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
+import calendar from 'dayjs/plugin/calendar';
+import { TIMEZONES } from '../constants/index.js';
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(relativeTime);
+dayjs.extend(calendar);
+export function getGreetingMessageId(userTimeHours) {
+    let welcomeMessageId = '';
+    if (userTimeHours < 12) {
+        welcomeMessageId = 'goodMorning';
+    }
+    else if (userTimeHours < 18) {
+        welcomeMessageId = 'goodAfternoon';
+    }
+    else {
+        welcomeMessageId = 'goodEvening';
+    }
+    return welcomeMessageId;
+}
+export function getDatePickerFormat(date, locale) {
+    const calendarMode = locale === 'hijri' ? 'en-CA-u-ca-islamic' : 'en-CA';
+    const currentYear = new Date().getFullYear();
+    if (Array.isArray(date)) {
+        const [startDate, endDate] = date;
+        const startDateYear = startDate.getFullYear();
+        const endDateYear = endDate.getFullYear();
+        const formatter = new Intl.DateTimeFormat(calendarMode, {
+            year: startDateYear === currentYear && endDateYear === currentYear ? undefined : 'numeric',
+            month: locale === 'hijri' ? 'short' : 'short',
+            day: 'numeric',
+        });
+        return formatter.formatRange(startDate, endDate).replace('AH', '').trim().replace('–', ' – ');
+    }
+    const formatter = new Intl.DateTimeFormat(calendarMode, {
+        year: date.getFullYear() === currentYear ? undefined : 'numeric',
+        month: locale === 'hijri' ? 'short' : 'short',
+        day: 'numeric',
+    });
+    return formatter.format(date).replace('AH', '').trim();
+}
+export const getUTCOffset = (offsetStr) => {
+    var _a;
+    if (typeof offsetStr === 'number')
+        return offsetStr;
+    let timezoneOffsetNumber = (_a = offsetStr === null || offsetStr === void 0 ? void 0 : offsetStr.split('UTC')[1]) === null || _a === void 0 ? void 0 : _a.split(':')[0];
+    if (!(offsetStr === null || offsetStr === void 0 ? void 0 : offsetStr.includes('UTC'))) {
+        timezoneOffsetNumber = offsetStr === null || offsetStr === void 0 ? void 0 : offsetStr.split(':')[0];
+    }
+    return offsetStr ? Number(timezoneOffsetNumber) : 0;
+};
+export const formatUTCOffset = (offset = 0) => {
+    const sign = offset < 0 ? '-' : '+';
+    const paddedOffset = Math.abs(offset).toString().padStart(2, '0');
+    return `UTC${sign}${paddedOffset}:00`;
+};
+export const getDefaultDateRange = (startDay = 30) => {
+    const monthDaysMinus = dayjs().subtract(startDay, 'day').hour(0).minute(0).second(0).toDate();
+    const today = dayjs(new Date()).hour(23).minute(59).second(59).toDate();
+    return [monthDaysMinus, today];
+};
+export const getUTCTimestamp = (date) => {
+    const localDate = new Date(date);
+    const localTimezoneOffset = localDate.getTimezoneOffset();
+    const utcTimestamp = localDate.getTime() - localTimezoneOffset * 60000;
+    const utcDate = new Date(utcTimestamp);
+    const utcDateString = utcDate.toISOString();
+    return dayjs(utcDateString).valueOf();
+};
+export const getTimestampByTimezone = (date, selectedTimezone = TIMEZONES.KW) => {
+    const localDate = new Date(date);
+    const localTimezoneOffset = localDate.getTimezoneOffset();
+    const selectedTimezoneOffset = getUTCOffset(selectedTimezone) * 60;
+    const timezoneDiff = selectedTimezoneOffset - localTimezoneOffset;
+    const timezoneTimestamp = localDate.getTime() + timezoneDiff * 60000;
+    const timezoneDate = new Date(timezoneTimestamp);
+    const timezoneDateString = timezoneDate.toISOString();
+    return dayjs(timezoneDateString).valueOf();
+};
+export const convertCalendarDateToUTC = (date, hoursOffset = 0) => {
+    const utcDate = dayjs(date).utc(true);
+    const adjustedDate = utcDate.subtract(hoursOffset, 'hour');
+    return adjustedDate.valueOf();
+};
+export const convertUTCtoLocalDate = (date) => {
+    const localDate = new Date(date);
+    const localTimezoneOffset = localDate.getTimezoneOffset();
+    const localTimestamp = localDate.getTime() + localTimezoneOffset * 60000;
+    return new Date(localTimestamp);
+};
+export const changeDateTimezone = (date, { currentTimezone, targetTimezone }) => {
+    if (!date) {
+        return '';
+    }
+    const dateObj = new Date(date);
+    if (Number.isNaN(dateObj.getTime())) {
+        return '';
+    }
+    if (!currentTimezone || !targetTimezone) {
+        return dateObj;
+    }
+    const currentTimezoneOffset = getUTCOffset(currentTimezone);
+    const timezoneOffset = getUTCOffset(targetTimezone);
+    const browserTimezoneOffset = new Date().getTimezoneOffset() / -60;
+    const timeZoneDiff = timezoneOffset - currentTimezoneOffset - browserTimezoneOffset;
+    const timezoneTimestamp = dateObj.getTime() + timeZoneDiff * 60000 * 60;
+    return new Date(timezoneTimestamp);
+};
+export const generateDayList = (length) => Array.from({ length: length !== null && length !== void 0 ? length : 31 }, (_, i) => i + 1).map((day) => ({
+    id: day,
+    label: day,
+}));
+export const generateMonthList = (length) => Array.from({ length: length !== null && length !== void 0 ? length : 12 }, (_, i) => i + 1).map((day) => ({
+    id: day,
+    label: day,
+}));
+export const generateYearList = (length) => Array.from({ length: length !== null && length !== void 0 ? length : 10 }, (_, i) => i + new Date().getFullYear()).map((day) => ({
+    id: day,
+    label: day,
+}));
+export const formatCellDate = (dateObj, customFormat, currentTimezone, expectedTimezone) => {
+    if (!dateObj) {
+        return '';
+    }
+    const date = new Date(dateObj);
+    if (Number.isNaN(date.getTime())) {
+        return '';
+    }
+    const todayDate = new Date();
+    const isCurrentYear = dayjs(dateObj).isSame(todayDate, 'year');
+    let format = {
+        sameDay: '[Today], h:mma',
+        nextDay: '[Tomorrow], h:mma',
+        lastDay: '[Yesterday], h:mma',
+        sameElse: 'MMM DD, YYYY, h:mma',
+        lastWeek: 'MMM DD, YYYY, h:mma',
+        nextWeek: 'MMM DD, YYYY, h:mma',
+    };
+    if (isCurrentYear) {
+        format = {
+            sameDay: '[Today], h:mma',
+            nextDay: '[Tomorrow], h:mma',
+            lastDay: '[Yesterday], h:mma',
+            sameElse: 'MMM DD, h:mma',
+            lastWeek: 'MMM DD, h:mma',
+            nextWeek: 'MMM DD, h:mma',
+        };
+    }
+    if (!currentTimezone && !expectedTimezone) {
+        return dayjs(date).calendar(null, customFormat || format);
+    }
+    const currentTimezoneOffset = getUTCOffset(currentTimezone);
+    const timezoneOffset = getUTCOffset(expectedTimezone);
+    let timeZoneDiff = timezoneOffset - currentTimezoneOffset;
+    if (!expectedTimezone) {
+        timeZoneDiff = Math.abs(timeZoneDiff);
+    }
+    return dayjs(date)
+        .utcOffset(timeZoneDiff)
+        .calendar(null, customFormat || format);
+};
+export const formatDate = (date, format = 'YYYY-MM-DD') => {
+    const dateObj = new Date(date);
+    if (Number.isNaN(dateObj.getTime())) {
+        return '';
+    }
+    return dayjs(date).format(format);
+};
+export const getValueOfStartOfDay = (date) => dayjs(date).startOf('day').toDate().valueOf();
+export const getValueOfEndOfDay = (date) => dayjs(date).endOf('day').toDate().valueOf();
+export const getRelativeTime = (date) => {
+    return dayjs(date).fromNow();
+};
+export const generatePastYearList = (length = 10) => Array.from({ length }, (_, i) => new Date().getFullYear() - i).map((year) => ({
+    id: year,
+    label: year,
+}));

package/build/utils/download.d.ts

@@ -0,0 +1,3 @@
+export declare const handleFileDownload: (fileContent: string, fileName: string) => void;
+export declare const handleURLDownload: (url: string, fileName: string) => void;
+export declare const handleTableRowsDownload: (fileContent: string, tableName: string, dateRange: [Date, Date]) => void;