@tap-payments/os-micro-frontend-shared 0.1.183 → 0.1.185-test.1

package/build/components/Chip/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { GetSourceAnimationFunction } from './type';
 export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: import("./type").ChipVariant | undefined;

package/build/components/CountBadge/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AgreementImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/Dialog/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DialogWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/FlippingCard/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/ImageWrapper/ImageWrapper.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/JSONViewer/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const FOOTER_HEIGHT = 37;
 export declare const TITLE_BAR_HEIGHT = "32px";
 export declare const VIEWER_HEIGHT = 545;

package/build/components/LeftPeekRightExpandingChip/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const DEFAULT_CHIP_MIN_WIDTH = 24;

package/build/components/RangeCalender/RangeCalender.d.ts

@@ -1,8 +1,8 @@
 import { MouseEvent } from 'react';
 import { PopperProps } from '@mui/material/Popper';
-import type { CalenderMode, Timezone } from '../../types/index.js';
 import { SxProps } from '@mui/system';
-import { RangeDatepickerProps } from './components/RangeDatepicker/RangeDatepicker';
+import type { CalenderMode, Timezone } from '../../types/index.js';
+import { RangeDatepickerProps } from './components/RangeDatepicker';
 interface RangeCalendarProps {
     defaultDate: [Date, Date];
     onDateChange: (date: [Date, Date], timezoneOffset?: number) => void;

package/build/components/RangeCalender/RangeCalender.js

@@ -13,8 +13,10 @@ import QuickFilters from './components/QuickFilters';
 import RangeDatePicker from './components/RangeDatepicker';
 import CustomTimezone from './components/Timezone';
 import { ButtonsWrapper, CalenderWrapper, CancelButton, FiltersArea, Footer, Main, OkayButton, SelectedDate, TimeZone, Settings } from './style';
+import CustomTimePicker from './components/CustomTimepicker';
+import { getDateRange, getEndOfDate, getStartOfDate } from './utils';
 function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalendarModeSwitch, numberOfMonths, noTimezone, noQuickFilter, maxDateRange, onCalendarGroupChange, groupBy, timezone, onChangeTimezoneHistory, onChangeTimezone, defaultTimezone, browserTimezone, renderCalendarButton, mainSx, popperProps, rangeDatePickerProps, }) {
-    const [dates, setDates] = useState([new DateObject(defaultDate[0]), new DateObject(defaultDate[1])]);
+    const [dates, setDates] = useState(getDateRange(defaultDate));
     const [values, setValues] = useState(dates);
     const [selectedTimezone, setSelectedTimezone] = useState(timezone);
     const [selectedGroupBy, setSelectedGroupBy] = useState(groupBy || 'day');
@@ -35,7 +37,7 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
         if (!open) {
             if (numberOfMonths === 1)
                 return;
-            setValues([new DateObject(defaultDate[0]), new DateObject(defaultDate[1])]);
+            setValues(getDateRange(defaultDate));
         }
     }, [open]);
     useEffect(() => {
@@ -45,13 +47,20 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
         onChangeTimezone === null || onChangeTimezone === void 0 ? void 0 : onChangeTimezone(newTimezone);
         onChangeTimezoneHistory === null || onChangeTimezoneHistory === void 0 ? void 0 : onChangeTimezoneHistory(newTimezone);
     };
-    const formatDate = (date) => new Date(date.setHour(new Date().getHours()).setMinute(new Date().getMinutes()).setSecond(new Date().getSeconds()).toDate().toLocaleString('en-us', {
+    const formatDate = (date) => new Date(date.toDate().toLocaleString('en-us', {
         timeZone: selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone,
     }));
     const submitDate = () => {
         setDates(values);
         onCloseCalender();
-        onDateChange([formatDate(values[0]), formatDate(values[1] || values[0])], timezone === null || timezone === void 0 ? void 0 : timezone.offset);
+        let newDates;
+        if (values[0].dayOfYear === values[1].dayOfYear) {
+            newDates = [formatDate(values[0]), formatDate(values[1])];
+        }
+        else {
+            newDates = [formatDate(getStartOfDate(values[0])), formatDate(getEndOfDate(values[1]))];
+        }
+        onDateChange([newDates[0], newDates[1]], timezone === null || timezone === void 0 ? void 0 : timezone.offset);
         onCalendarGroupChange === null || onCalendarGroupChange === void 0 ? void 0 : onCalendarGroupChange(selectedGroupBy || 'day');
         updateTimezone(selectedTimezone);
     };
@@ -65,8 +74,8 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
             setValues(newDate);
             return;
         }
-        const startDate = newDate[0].toDate();
-        const endDate = newDate[1].toDate();
+        const startDate = getStartOfDate(newDate[0]).toDate();
+        const endDate = getEndOfDate(newDate[1]).toDate();
         const numberOfDays = dayjs(endDate).diff(startDate, 'day');
         if (numberOfDays <= maxDateRange) {
             setValues(newDate);
@@ -79,7 +88,7 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
         }, 3000);
     };
     const onChangeQuickFilter = (newValues) => {
-        setValues(newValues);
+        setValues([getStartOfDate(newValues[0]), getEndOfDate(newValues[1])]);
         if (calendarRef.current)
             calendarRef.current.set({ date: newValues[0] });
     };
@@ -88,6 +97,6 @@ function RangeCalender({ defaultDate, onDateChange, mode = 'gregorian', onCalend
                     onCloseCalender();
                 } })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-end" }, popperProps, { children: _jsxs(CalenderWrapper, { children: [!noQuickFilter && (_jsxs(FiltersArea, { children: [_jsx(QuickFilters, { onChange: onChangeQuickFilter, isHijri: isHijri }), _jsxs(Settings, { children: [groupBy && (_jsx(GroupBy, { groupBy: selectedGroupBy, isCalenderOpen: open, onUpdate: (group) => {
                                                 setSelectedGroupBy(group);
-                                            } })), _jsx(Hijri, { isHijri: isHijri, onCalendarModeSwitch: onCalendarModeSwitch })] })] })), _jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } }, { children: [_jsx(RangeDatePicker, Object.assign({ values: values, onChange: onChange, isHijri: isHijri, ref: calendarRef, numberOfMonths: numberOfMonths }, rangeDatePickerProps)), _jsx(Collapse, Object.assign({ in: isError && Boolean(maxDateRange) }, { children: _jsx(Error, { error: t('dateRangeError', { number: maxDateRange }), sx: { marginInline: '16px', marginBottom: '16px' } }) })), _jsxs(Footer, Object.assign({ sx: { borderBottomLeftRadius: '8px' } }, { children: [!noTimezone ? (_jsx(TimeZone, { children: _jsx(CustomTimezone, { onChange: setSelectedTimezone, selectedTimezone: selectedTimezone, defaultTimezone: defaultTimezone, browserTimezone: browserTimezone }, String(open)) })) : (_jsx("div", {})), _jsxs(ButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: onCloseCalender }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: submitDate }, { children: t('okay') }))] })] }))] }))] }) }))] })));
+                                            } })), _jsx(Hijri, { isHijri: isHijri, onCalendarModeSwitch: onCalendarModeSwitch })] })] })), _jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } }, { children: [_jsx(RangeDatePicker, Object.assign({ values: values, onChange: onChange, isHijri: isHijri, ref: calendarRef, numberOfMonths: numberOfMonths }, rangeDatePickerProps)), _jsx(Collapse, Object.assign({ in: isError && Boolean(maxDateRange) }, { children: _jsx(Error, { error: t('dateRangeError', { number: maxDateRange }), sx: { marginInline: '16px', marginBottom: '16px' } }) })), _jsxs(Footer, Object.assign({ sx: { borderBottomLeftRadius: '8px' } }, { children: [!noTimezone ? (_jsx(TimeZone, { children: _jsx(CustomTimezone, { onChange: setSelectedTimezone, selectedTimezone: selectedTimezone, defaultTimezone: defaultTimezone, browserTimezone: browserTimezone }, String(open)) })) : (_jsx("div", {})), new DateObject(values[0]).dayOfYear === new DateObject(values[1]).dayOfYear && (_jsx(CustomTimePicker, { values: values, setValues: setValues })), _jsxs(ButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: onCloseCalender }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: submitDate }, { children: t('okay') }))] })] }))] }))] }) }))] })));
 }
 export default RangeCalender;

package/build/components/RangeCalender/components/CustomTimepicker/CustomTimepicker.d.ts

@@ -1,11 +1,7 @@
-import { DateObject } from 'react-multi-date-picker';
 import { Dates } from '../../type';
 interface CustomTimePickerProps {
     values: Dates;
-    startTime: DateObject;
-    endTime: DateObject;
-    onChangeStartTime: (value: DateObject) => void;
-    onChangeEndTime: (value: DateObject) => void;
+    setValues: (values: Dates) => void;
 }
-declare function CustomTimePicker({ values, onChangeStartTime, onChangeEndTime, startTime, endTime }: CustomTimePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function CustomTimePicker({ values, setValues }: CustomTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export default CustomTimePicker;

package/build/components/RangeCalender/components/CustomTimepicker/CustomTimepicker.js

@@ -1,33 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import DatePicker, { DateObject } from 'react-multi-date-picker';
-import TimePicker from 'react-multi-date-picker/plugins/time_picker';
+import { DateObject } from 'react-multi-date-picker';
 import { IOSSwitch } from '../../../index.js';
+import TimePicker, { convertTo12Hour, maxHour } from '../../../Timepicker';
 import { AllDayStyled, TimeArea, TimePickerWrapper, TimeAreaInner } from './style';
-function CustomTimePicker({ values, onChangeStartTime, onChangeEndTime, startTime, endTime }) {
-    const [isAllDay, setIsAllDay] = useState(false);
-    const [lastTime, setLastTime] = useState([startTime, endTime]);
+import { getEndOfDate, getStartOfDate } from '../../utils';
+function CustomTimePicker({ values, setValues }) {
     const { t } = useTranslation();
-    useEffect(() => {
-        if (isAllDay)
-            setIsAllDay(new DateObject(values[0]).dayOfYear === new DateObject(values[1]).dayOfYear);
-    }, [values]);
-    return (_jsx(_Fragment, { children: new DateObject(values[0]).dayOfYear === new DateObject(values[1]).dayOfYear && (_jsx(TimeArea, { children: _jsxs(TimeAreaInner, { children: [_jsxs(AllDayStyled, Object.assign({ isAllDay: isAllDay }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: t('allDay') })), _jsx(IOSSwitch, { checked: isAllDay, onChange: (e) => {
-                                    setIsAllDay(!isAllDay);
-                                    if (e.target.checked) {
-                                        setLastTime([startTime, endTime]);
-                                        onChangeStartTime(new DateObject().setHour(0).setMinute(0));
-                                        onChangeEndTime(new DateObject().setHour(23).setMinute(59));
-                                    }
-                                    else {
-                                        onChangeStartTime(lastTime[0]);
-                                        onChangeEndTime(lastTime[1]);
-                                    }
-                                } })] })), !isAllDay && (_jsxs(TimePickerWrapper, { children: [_jsx(DatePicker, { arrow: false, disableDayPicker: true, hideOnScroll: true, format: "hh:mma", value: startTime, onChange: (time) => {
-                                    onChangeStartTime(time);
-                                }, type: "button", plugins: [_jsx(TimePicker, { position: "top", hideSeconds: true })] }), _jsx(DatePicker, { arrow: false, disableDayPicker: true, hideOnScroll: true, format: "hh:mma", value: endTime, onChange: (time) => {
-                                    onChangeEndTime(time);
-                                }, type: "button", plugins: [_jsx(TimePicker, { position: "top", hideSeconds: true })] })] }))] }) })) }));
+    const startDate = new DateObject(values[0]);
+    const endDate = new DateObject(values[1]);
+    const [isAllDay, setIsAllDay] = useState(startDate.dayOfYear === endDate.dayOfYear && startDate.hour === 0 && startDate.minute === 0 && endDate.hour === 23 && endDate.minute === 59);
+    const formatHour = ({ period, hour }) => period === 'PM' && hour !== 12 ? hour + 12 : period === 'AM' && hour === 12 ? 0 : hour;
+    const onChangeStartTime = ({ hour, minute, period }) => {
+        setValues([startDate.setHour(formatHour({ hour, period })).setMinute(minute).setSecond(0), endDate]);
+    };
+    const onChangeEndTime = ({ hour, minute, period }) => {
+        setValues([startDate, endDate.setHour(formatHour({ hour, period })).setMinute(minute).setSecond(0)]);
+    };
+    return (_jsx(TimeArea, { children: _jsxs(TimeAreaInner, { children: [_jsxs(AllDayStyled, Object.assign({ isAllDay: isAllDay }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: t('allDay') })), _jsx(IOSSwitch, { checked: isAllDay, onChange: (e) => {
+                                setIsAllDay(!isAllDay);
+                                if (e.target.checked) {
+                                    setValues([getStartOfDate(values[0]), getEndOfDate(values[1])]);
+                                }
+                                else {
+                                    setValues(values);
+                                }
+                            } })] })), !isAllDay && (_jsxs(TimePickerWrapper, { children: [_jsx(TimePicker, { defaultTime: {
+                                hour: convertTo12Hour(startDate.hour),
+                                minute: startDate.minute,
+                                period: startDate.hour >= maxHour ? 'PM' : 'AM',
+                            }, size: "small", onChange: onChangeStartTime, enableRealTimeChange: true }, `${values[0].toString()}-start`), _jsx(TimePicker, { defaultTime: {
+                                hour: convertTo12Hour(endDate.hour),
+                                minute: endDate.minute,
+                                period: endDate.hour >= maxHour ? 'PM' : 'AM',
+                            }, size: "small", onChange: onChangeEndTime, enableRealTimeChange: true }, `${values[1].toString()}-end`)] }))] }) }));
 }
 export default CustomTimePicker;

package/build/components/RangeCalender/components/CustomTimepicker/style.d.ts

@@ -2,7 +2,7 @@
 export declare const AllDayStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    isAllDay: boolean;
+    isAllDay?: boolean | undefined;
 }, {}, {}>;
 export declare const TimeArea: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/build/components/RangeCalender/components/RangeDatepicker/RangeDatepicker.d.ts

@@ -1,12 +1,4 @@
 import React from 'react';
-import { CalendarProps } from 'react-multi-date-picker';
-import { Dates } from '../../type';
-export interface RangeDatepickerProps extends Omit<CalendarProps, 'onChange'> {
-    isAr?: boolean;
-    isHijri: boolean;
-    values: Dates;
-    onChange: (v: Dates) => void;
-    numberOfMonths?: number;
-}
+import { RangeDatepickerProps } from './type';
 declare const _default: React.ForwardRefExoticComponent<Omit<RangeDatepickerProps, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/build/components/RangeCalender/components/RangeDatepicker/index.d.ts

@@ -1,2 +1,3 @@
 import RangeDatepicker from './RangeDatepicker';
+export * from './type';
 export default RangeDatepicker;

package/build/components/RangeCalender/components/RangeDatepicker/index.js

@@ -1,2 +1,3 @@
 import RangeDatepicker from './RangeDatepicker';
+export * from './type';
 export default RangeDatepicker;

package/build/components/RangeCalender/components/RangeDatepicker/type.d.ts

@@ -0,0 +1,9 @@
+import { CalendarProps } from 'react-multi-date-picker';
+import { Dates } from '../../type';
+export interface RangeDatepickerProps extends Omit<CalendarProps, 'onChange'> {
+    isAr?: boolean;
+    isHijri: boolean;
+    values: Dates;
+    onChange: (v: Dates) => void;
+    numberOfMonths?: number;
+}

package/build/components/RangeCalender/components/RangeDatepicker/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/RangeCalender/utils.d.ts

@@ -1,6 +1,10 @@
-/// <reference types="react-date-object" />
+import DateObject from 'react-date-object';
+import { Dates } from './type';
 export declare const getLocale: ({ isHijri, isAr }: {
     isHijri: boolean;
     isAr?: boolean | undefined;
 }) => import("react-date-object").Locale;
 export declare const getCalender: (isHijri: boolean) => import("react-date-object").Calendar;
+export declare const getStartOfDate: (date: DateObject) => DateObject;
+export declare const getEndOfDate: (date: DateObject) => DateObject;
+export declare const getDateRange: (dates: [Date, Date]) => Dates;

package/build/components/RangeCalender/utils.js

@@ -1,9 +1,11 @@
+import DateObject from 'react-date-object';
 import arabic from 'react-date-object/calendars/arabic';
 import gregorian from 'react-date-object/calendars/gregorian';
 import arabicAr from 'react-date-object/locales/arabic_ar';
 import arabicEn from 'react-date-object/locales/arabic_en';
 import gregorianAr from 'react-date-object/locales/gregorian_ar';
 import gregorianEn from 'react-date-object/locales/gregorian_en';
+import { getDefaultDateRange } from '../../utils/index.js';
 export const getLocale = ({ isHijri, isAr = false }) => {
     if (isHijri) {
         return isAr ? arabicAr : arabicEn;
@@ -13,3 +15,12 @@ export const getLocale = ({ isHijri, isAr = false }) => {
 export const getCalender = (isHijri) => {
     return isHijri ? arabic : gregorian;
 };
+export const getStartOfDate = (date) => date.setHour(0).setMinute(0).setSecond(0);
+export const getEndOfDate = (date) => date.setHour(23).setMinute(59).setSecond(59);
+export const getDateRange = (dates) => {
+    if (!((dates === null || dates === void 0 ? void 0 : dates[0]) instanceof Date) || !((dates === null || dates === void 0 ? void 0 : dates[1]) instanceof Date)) {
+        const [startDate, endDate] = getDefaultDateRange();
+        return [new DateObject(startDate), new DateObject(endDate)];
+    }
+    return [new DateObject(dates === null || dates === void 0 ? void 0 : dates[0]), new DateObject(dates === null || dates === void 0 ? void 0 : dates[1])];
+};

package/build/components/RightLeftExpandingCenterChip/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const CenterIconWrapper: import("@emotion/styled").StyledComponent<{

package/build/components/SearchButton/styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/StatusChip/style.js

@@ -3,7 +3,7 @@ import { styled } from '@mui/material/styles';
 export const ChipStyled = styled(Box, {
     shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'minWidth', 'padding', 'maxWidth', 'isSelected', 'disableAnimation'].includes(prop),
 })(({ theme, isSelected, textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, minWidth, maxWidth, disableAnimation, }) => {
-    return Object.assign(Object.assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 9.5px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: minWidth || '67px', maxWidth: maxWidth || 'none', width: 'fit-content', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && {
+    return Object.assign(Object.assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '4px', height: '18px', padding: padding || '0px 8px', borderRadius: '30px', border: `1px solid ${borderColor}`, backgroundColor: bgColor, color: textColor, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? 0.5 : 1, whiteSpace: 'nowrap', fontSize: '11px', minWidth: minWidth || '67px', maxWidth: maxWidth || 'none', width: 'fit-content', overflow: 'hidden', textOverflow: maxWidth ? 'ellipsis' : 'unset', boxSizing: 'border-box' }, (isSelected && {
         boxShadow: 'white 7px 0px 8px 2px',
     })), (disableAnimation && {
         transition: 'none !important',

package/build/components/StatusIcons/AuthIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ErrorCodeLabel: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/StatusIcons/SourceIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/ActionCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { TableMode } from '../../../../types/index.js';
 export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     tableMode?: TableMode | undefined;

package/build/components/TableCells/CustomCells/ApplicationStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/IDButton/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ProductCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

package/build/components/TableCells/CustomCells/SourceCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/TableCells/CustomCells/StatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/TableCells/CustomCells/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: "Global" | "Regional" | "Local" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/Timepicker/Timepicker.d.ts

@@ -7,6 +7,7 @@ interface TimePickerProps {
     defaultTime?: Time;
     onChange?: (time: Time) => void;
     enableRealTimeChange?: boolean;
+    size?: 'large' | 'small';
 }
-export declare function TimePicker({ onChange, defaultTime, enableRealTimeChange }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ onChange, defaultTime, enableRealTimeChange, size }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/Timepicker/Timepicker.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import ClickAwayListener from '@mui/material/ClickAwayListener';
 import Box from '@mui/material/Box';
 import Menu from '../Menu';
 import Text from '../Text';
 import { greyUpArrowIcon, greyDownArrowIcon } from '../../constants/index.js';
+import { convertToNumber } from '../../utils/index.js';
 import { Arrow, Button, Period, PeriodWrapper, Wrapper, Time, TimeWrapper, Input } from './style';
 import { getDefaultHour, getDefaultMinute } from './utils';
 import { maxHour, maxMinute, periodList } from './constant';
-export function TimePicker({ onChange, defaultTime, enableRealTimeChange }) {
+export function TimePicker({ onChange, defaultTime, enableRealTimeChange, size = 'large' }) {
     var _a, _b, _c;
     const [anchorEl, setAnchorEl] = useState(null);
     const [period, setPeriod] = useState((_a = defaultTime === null || defaultTime === void 0 ? void 0 : defaultTime.period) !== null && _a !== void 0 ? _a : (new Date().getHours() >= maxHour ? 'PM' : 'AM'));
@@ -31,13 +32,14 @@ export function TimePicker({ onChange, defaultTime, enableRealTimeChange }) {
     const onClickPeriod = (selectedPeriod) => {
         setPeriod(selectedPeriod);
     };
+    const formatTime = (time) => (time < 10 ? `0${time}` : time.toString());
     const onChangeHours = (e) => {
-        const value = Number(e.target.value);
+        const value = convertToNumber(formatTime(Number(e.target.value)));
         if (value > maxHour) {
             e.preventDefault();
             return;
         }
-        setHours(Number(e.target.value));
+        setHours(value);
     };
     const onIncreaseHours = () => {
         setHours((prev) => {
@@ -54,7 +56,7 @@ export function TimePicker({ onChange, defaultTime, enableRealTimeChange }) {
         });
     };
     const onChangeMinutes = (e) => {
-        const value = Number(e.target.value);
+        const value = convertToNumber(formatTime(Number(e.target.value)));
         if (value > maxMinute) {
             e.preventDefault();
             return;
@@ -79,8 +81,7 @@ export function TimePicker({ onChange, defaultTime, enableRealTimeChange }) {
             return prev - 1;
         });
     };
-    const formatTime = useCallback((time) => (time < 10 ? `0${time}` : time), []);
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(Box, { children: [_jsx(Button, Object.assign({ open: open, onClick: onOpen }, { children: `${formatTime(hours)}:${formatTime(minutes)}${period.toLowerCase()}` })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, placement: "top-start", sx: { marginTop: '8px', marginBottom: '8px' } }, { children: _jsxs(Wrapper, { children: [_jsxs(TimeWrapper, { children: [_jsxs(Time, { children: [_jsx(Arrow, Object.assign({ onClick: onIncreaseHours }, { children: _jsx("img", { src: greyUpArrowIcon, alt: "arrow" }) })), _jsx(Input, { value: formatTime(hours), onChange: onChangeHours }), _jsx(Arrow, Object.assign({ onClick: onDecreaseHours }, { children: _jsx("img", { src: greyDownArrowIcon, alt: "arrow" }) }))] }), _jsx(Text, { children: ":" }), _jsxs(Time, { children: [_jsx(Arrow, Object.assign({ onClick: onIncreaseMinutes }, { children: _jsx("img", { src: greyUpArrowIcon, alt: "arrow" }) })), _jsx(Input, { value: formatTime(minutes), onChange: onChangeMinutes }), _jsx(Arrow, Object.assign({ onClick: onDecreaseMinutes }, { children: _jsx("img", { src: greyDownArrowIcon, alt: "arrow" }) }))] })] }), _jsx(PeriodWrapper, { children: periodList.map((item) => (_jsx(Period, Object.assign({ onClick: () => {
+    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(Box, { children: [_jsx(Button, Object.assign({ size: size, open: open, onClick: onOpen }, { children: `${formatTime(hours)}:${formatTime(minutes)}${period.toLowerCase()}` })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, placement: "top-start", sx: { marginTop: '8px', marginBottom: '8px' } }, { children: _jsxs(Wrapper, { children: [_jsxs(TimeWrapper, { children: [_jsxs(Time, { children: [_jsx(Arrow, Object.assign({ onClick: onIncreaseHours }, { children: _jsx("img", { src: greyUpArrowIcon, alt: "arrow" }) })), _jsx(Input, { value: formatTime(hours), onChange: onChangeHours }), _jsx(Arrow, Object.assign({ onClick: onDecreaseHours }, { children: _jsx("img", { src: greyDownArrowIcon, alt: "arrow" }) }))] }), _jsx(Text, { children: ":" }), _jsxs(Time, { children: [_jsx(Arrow, Object.assign({ onClick: onIncreaseMinutes }, { children: _jsx("img", { src: greyUpArrowIcon, alt: "arrow" }) })), _jsx(Input, { value: formatTime(minutes), onChange: onChangeMinutes }), _jsx(Arrow, Object.assign({ onClick: onDecreaseMinutes }, { children: _jsx("img", { src: greyDownArrowIcon, alt: "arrow" }) }))] })] }), _jsx(PeriodWrapper, { children: periodList.map((item) => (_jsx(Period, Object.assign({ onClick: () => {
                                         onClickPeriod(item);
                                     }, selected: period === item }, { children: item }), item))) })] }) }))] }) })));
 }

package/build/components/Timepicker/index.d.ts

@@ -1,4 +1,5 @@
 import { TimePicker } from './Timepicker';
 export * from './utils';
 export * from './Timepicker';
+export * from './constant';
 export default TimePicker;

package/build/components/Timepicker/index.js

@@ -1,4 +1,5 @@
 import { TimePicker } from './Timepicker';
 export * from './utils';
 export * from './Timepicker';
+export * from './constant';
 export default TimePicker;

package/build/components/Timepicker/style.d.ts

@@ -8,6 +8,7 @@ export declare const Button: import("@emotion/styled").StyledComponent<import("@
     component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     open: boolean;
+    size: 'large' | 'small';
 }, {}, {}>;
 export declare const Arrow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/build/components/Timepicker/style.js

@@ -10,7 +10,7 @@ export const Wrapper = styled(Box)(() => ({
     justifyContent: 'center',
     gap: '16px',
 }));
-export const Button = styled(Text, { shouldForwardProp: (props) => props !== 'open' })(({ theme, open }) => (Object.assign({ fontSize: '11px', fontWeight: 500, background: theme.palette.common.white, border: `1px solid ${theme.palette.divider}`, borderRadius: '19px', height: 32, width: 74, display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer' }, (open && { boxShadow: '0px 0px 4px 0px #1F88D080', borderColor: theme.palette.info.dark }))));
+export const Button = styled(Text, { shouldForwardProp: (props) => props !== 'open' && props !== 'size' })(({ theme, open, size }) => (Object.assign({ fontSize: '11px', fontWeight: 500, background: theme.palette.common.white, border: `1px solid ${theme.palette.divider}`, borderRadius: '19px', height: size === 'large' ? 32 : 24, width: size === 'large' ? 74 : 58, display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer' }, (open && { boxShadow: '0px 0px 4px 0px #1F88D080', borderColor: theme.palette.info.dark }))));
 export const Arrow = styled(Box)(() => ({
     textAlign: 'center',
     cursor: 'pointer',

package/build/components/VirtualTables/components/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 interface TableWrapperProps {
     showNoDataView?: boolean;
 }

package/build/constants/table/cell/merchantsTableCellWidth.d.ts

@@ -4,10 +4,80 @@ export declare const merchantsTableCellWidth: {
         readonly text: "225px";
         readonly sheet: "225px";
     };
+    readonly lead_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "225px";
+    };
+    readonly merchant_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "260px";
+    };
+    readonly brand_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "225px";
+    };
+    readonly individual_email: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "151px";
+    };
+    readonly personal_id_type: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "126px";
+    };
+    readonly wallet_currency: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "140px";
+    };
+    readonly wallet_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "235px";
+    };
+    readonly business_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "210px";
+    };
+    readonly board_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "230px";
+    };
+    readonly history: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "130px";
+    };
+    readonly bank_account: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "110px";
+    };
+    readonly individual_phone_number: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "175px";
+    };
+    readonly entity_legal_name: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "192px";
+    };
+    readonly entity_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "225px";
+    };
     readonly entity: {
         readonly default: "137px";
         readonly text: "180px";
-        readonly sheet: "235px";
+        readonly sheet: "234px";
     };
     readonly created: {
         readonly default: "144px";
@@ -17,7 +87,7 @@ export declare const merchantsTableCellWidth: {
     readonly brands: {
         readonly default: "131px";
         readonly text: "140px";
-        readonly sheet: "170px";
+        readonly sheet: "185px";
     };
     readonly marketplace: {
         readonly default: "110px";
@@ -27,7 +97,7 @@ export declare const merchantsTableCellWidth: {
     readonly individuals: {
         readonly default: "147px";
         readonly text: "185px";
-        readonly sheet: "200px";
+        readonly sheet: "203px";
     };
     readonly segments: {
         readonly default: "70px";
@@ -67,11 +137,11 @@ export declare const merchantsTableCellWidth: {
     readonly channels: {
         readonly default: "94px";
         readonly text: "120px";
-        readonly sheet: "510px";
+        readonly sheet: "1200px";
     };
     readonly merchant: {
         readonly default: "175px";
         readonly text: "180px";
-        readonly sheet: "235px";
+        readonly sheet: "153px";
     };
 };

package/build/constants/table/cell/merchantsTableCellWidth.js

@@ -4,10 +4,80 @@ export const merchantsTableCellWidth = {
         text: '225px',
         sheet: '225px',
     },
+    lead_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '225px',
+    },
+    merchant_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '260px',
+    },
+    brand_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '225px',
+    },
+    individual_email: {
+        default: '180px',
+        text: '180px',
+        sheet: '151px',
+    },
+    personal_id_type: {
+        default: '180px',
+        text: '180px',
+        sheet: '126px',
+    },
+    wallet_currency: {
+        default: '180px',
+        text: '180px',
+        sheet: '140px',
+    },
+    wallet_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '235px',
+    },
+    business_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '210px',
+    },
+    board_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '230px',
+    },
+    history: {
+        default: '180px',
+        text: '180px',
+        sheet: '130px',
+    },
+    bank_account: {
+        default: '180px',
+        text: '180px',
+        sheet: '110px',
+    },
+    individual_phone_number: {
+        default: '180px',
+        text: '180px',
+        sheet: '175px',
+    },
+    entity_legal_name: {
+        default: '180px',
+        text: '180px',
+        sheet: '192px',
+    },
+    entity_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '225px',
+    },
     entity: {
         default: '137px',
         text: '180px',
-        sheet: '235px',
+        sheet: '234px',
     },
     created: {
         default: '144px',
@@ -17,7 +87,7 @@ export const merchantsTableCellWidth = {
     brands: {
         default: '131px',
         text: '140px',
-        sheet: '170px',
+        sheet: '185px',
     },
     marketplace: {
         default: '110px',
@@ -27,7 +97,7 @@ export const merchantsTableCellWidth = {
     individuals: {
         default: '147px',
         text: '185px',
-        sheet: '200px',
+        sheet: '203px',
     },
     segments: {
         default: '70px',
@@ -67,11 +137,11 @@ export const merchantsTableCellWidth = {
     channels: {
         default: '94px',
         text: '120px',
-        sheet: '510px',
+        sheet: '1200px',
     },
     merchant: {
         default: '175px',
         text: '180px',
-        sheet: '235px',
+        sheet: '153px',
     },
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.183",
-  "testVersion": 0,
+  "version": "0.1.185-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -163,4 +163,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}