@tap-payments/os-micro-frontend-shared 0.0.35 → 0.0.38

package/build/components/ActivityAreaChart/ActivityAreaChart.d.ts

@@ -1,3 +1,3 @@
 import { ActivityAreaChartProps } from './types';
-declare const ActivityAreaChart: ({ data, dataKey, isLoading, offset, dateRange, selectedCurrency }: ActivityAreaChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActivityAreaChart: ({ data, dataKey, isLoading, dateRange, selectedCurrency }: ActivityAreaChartProps) => import("react/jsx-runtime").JSX.Element;
 export default ActivityAreaChart;

package/build/components/ActivityAreaChart/ActivityAreaChart.js

@@ -3,7 +3,7 @@ import { useMemo, useState } from 'react';
 import { Tooltip, ResponsiveContainer, Area, AreaChart } from 'recharts';
 import { useTheme } from '@mui/material/styles';
 import { ChartTooltip, LoadingChart } from './components';
-const ActivityAreaChart = ({ data, dataKey, isLoading, offset, dateRange, selectedCurrency }) => {
+const ActivityAreaChart = ({ data, dataKey, isLoading, dateRange, selectedCurrency }) => {
     const theme = useTheme();
     const [chartHovered, setChartHovered] = useState(false);
     const [cursorPosition, setCursorPosition] = useState({ x: 0, y: 0 });
@@ -14,7 +14,7 @@ const ActivityAreaChart = ({ data, dataKey, isLoading, offset, dateRange, select
         }
     };
     const MemoizedChartTooltip = useMemo(() => {
-        return _jsx(ChartTooltip, { position: cursorPosition, offset: offset, dateRange: dateRange, selectedCurrency: selectedCurrency });
+        return _jsx(ChartTooltip, { position: cursorPosition, dateRange: dateRange, selectedCurrency: selectedCurrency });
     }, [cursorPosition]);
     if (isLoading || isEmpty) {
         return _jsx(LoadingChart, {});

package/build/components/ActivityAreaChart/components/ChartTooltip.d.ts

@@ -1,3 +1,3 @@
 import { ChartTooltipProps } from '../types';
-declare const ChartTooltip: ({ active, payload, offset, dateRange, selectedCurrency }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: ({ active, payload, dateRange, selectedCurrency }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ChartTooltip;

package/build/components/ActivityAreaChart/components/ChartTooltip.js

@@ -5,8 +5,8 @@ import { getCurrencyCodeFlag, getLocalizedUnitLabel } from '../../../utils/index
 import { DATA_KEY } from '../../../constants/index.js';
 import { TooltipContainer, TimeTypography, ValueTypography, CurrencyBox, CurrencyText, CurrencyIcon } from '../styles';
 import { getTooltipFormattedValue, getFormattedDateWithTimezone } from '../utils';
-const ChartTooltip = ({ active, payload, offset, dateRange, selectedCurrency }) => {
-    var _a, _b, _c;
+const ChartTooltip = ({ active, payload, dateRange, selectedCurrency }) => {
+    var _a, _b, _c, _d;
     const { t } = useTranslation();
     const dateRangeFrom = dayjs(dateRange === null || dateRange === void 0 ? void 0 : dateRange[0]);
     const dateRangeTo = dayjs(dateRange === null || dateRange === void 0 ? void 0 : dateRange[1]);
@@ -14,8 +14,8 @@ const ChartTooltip = ({ active, payload, offset, dateRange, selectedCurrency })
     if (active && (payload === null || payload === void 0 ? void 0 : payload.length)) {
         const point = payload[0];
         const localizedUnitLabel = getLocalizedUnitLabel(point === null || point === void 0 ? void 0 : point.dataKey, point === null || point === void 0 ? void 0 : point.value);
-        const formattedDate = ((_a = point === null || point === void 0 ? void 0 : point.payload) === null || _a === void 0 ? void 0 : _a.date) && getFormattedDateWithTimezone((_b = point === null || point === void 0 ? void 0 : point.payload) === null || _b === void 0 ? void 0 : _b.date, offset, isSingleDay);
-        return (_jsxs(TooltipContainer, Object.assign({ className: "chart-tooltip" }, { children: [_jsx(TimeTypography, { children: formattedDate !== null && formattedDate !== void 0 ? formattedDate : (_c = point === null || point === void 0 ? void 0 : point.payload) === null || _c === void 0 ? void 0 : _c.date }), _jsxs(ValueTypography, { children: [`${getTooltipFormattedValue(point, t(localizedUnitLabel), selectedCurrency)}`, (point === null || point === void 0 ? void 0 : point.dataKey) === DATA_KEY.AMOUNT && (_jsxs(CurrencyBox, { children: [_jsx(CurrencyIcon, { src: getCurrencyCodeFlag(selectedCurrency), alt: `${selectedCurrency} flag` }), _jsx(CurrencyText, { children: selectedCurrency })] }))] })] })));
+        const formattedDate = ((_a = point === null || point === void 0 ? void 0 : point.payload) === null || _a === void 0 ? void 0 : _a.date) && getFormattedDateWithTimezone((_b = point === null || point === void 0 ? void 0 : point.payload) === null || _b === void 0 ? void 0 : _b.date, isSingleDay, (_c = point === null || point === void 0 ? void 0 : point.payload) === null || _c === void 0 ? void 0 : _c.hour);
+        return (_jsxs(TooltipContainer, Object.assign({ className: "chart-tooltip" }, { children: [_jsx(TimeTypography, { children: formattedDate !== null && formattedDate !== void 0 ? formattedDate : (_d = point === null || point === void 0 ? void 0 : point.payload) === null || _d === void 0 ? void 0 : _d.date }), _jsxs(ValueTypography, { children: [(point === null || point === void 0 ? void 0 : point.dataKey) === DATA_KEY.AMOUNT && (_jsxs(CurrencyBox, { children: [_jsx(CurrencyIcon, { src: getCurrencyCodeFlag(selectedCurrency), alt: `${selectedCurrency} flag` }), _jsx(CurrencyText, { children: selectedCurrency })] })), `${getTooltipFormattedValue(point, t(localizedUnitLabel), selectedCurrency)}`] })] })));
     }
     return null;
 };

package/build/components/ActivityAreaChart/types.d.ts

@@ -2,7 +2,6 @@ export interface ActivityAreaChartProps {
     data: ChartDataPoint[];
     dataKey: string;
     isLoading?: boolean;
-    offset: string | number | undefined;
     dateRange: [Date, Date];
     selectedCurrency: string;
 }
@@ -15,13 +14,13 @@ export interface ChartTooltipProps {
             date?: string;
             count?: number;
             amount?: number;
+            hour?: number;
         };
     }>;
     position?: {
         x: number;
         y: number;
     };
-    offset: string | number | undefined;
     dateRange: [Date, Date];
     selectedCurrency: string;
 }

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

@@ -1,3 +1,3 @@
 import { PayloadItem } from './types';
 export declare const getTooltipFormattedValue: (point: PayloadItem | undefined, unitLabel: string, currency: string) => string;
-export declare const getFormattedDateWithTimezone: (date: string | number | Date, offset: string | number | undefined, isSingleDay: boolean) => string;
+export declare const getFormattedDateWithTimezone: (date: string | number | Date, isSingleDay: boolean, hour?: number) => string;

package/build/components/ActivityAreaChart/utils.js

@@ -1,6 +1,6 @@
 import dayjs from 'dayjs';
-import { DATA_KEY, TIMEZONES } from '../../constants/index.js';
-import { changeDateTimezone, formatAmountWithCurrency, formatCellDate } from '../../utils/index.js';
+import { DATA_KEY } from '../../constants/index.js';
+import { formatAmountWithCurrency, formatCellDate } from '../../utils/index.js';
 export const getTooltipFormattedValue = (point, unitLabel, currency) => {
     if ((point === null || point === void 0 ? void 0 : point.value) === undefined || (point === null || point === void 0 ? void 0 : point.value) === null) {
         return '';
@@ -8,16 +8,13 @@ export const getTooltipFormattedValue = (point, unitLabel, currency) => {
     if ((point === null || point === void 0 ? void 0 : point.dataKey) === DATA_KEY.AMOUNT) {
         return `${formatAmountWithCurrency(point.value, currency).fullAmount}`.trim();
     }
-    return `${point.value} ${unitLabel}`.trim();
+    return `${point.value.toLocaleString()} ${unitLabel}`.trim();
 };
-export const getFormattedDateWithTimezone = (date, offset, isSingleDay) => {
-    const timezoneDate = changeDateTimezone(date !== null && date !== void 0 ? date : '', {
-        currentTimezone: TIMEZONES.UTC,
-        targetTimezone: offset,
-    });
+export const getFormattedDateWithTimezone = (date, isSingleDay, hour = 0) => {
+    const dayjsDate = dayjs(date).add(hour, 'hour').format();
     const todayDate = new Date();
-    const isCurrentYear = dayjs(timezoneDate).isSame(todayDate, 'year');
-    return formatCellDate(timezoneDate, isSingleDay
+    const isCurrentYear = dayjs(dayjsDate).isSame(todayDate, 'year');
+    return formatCellDate(dayjsDate, isSingleDay
         ? undefined
         : {
             sameDay: `[Today] ${isCurrentYear ? '' : 'YYYY'}`,
@@ -26,5 +23,5 @@ export const getFormattedDateWithTimezone = (date, offset, isSingleDay) => {
             sameElse: `MMM DD ${isCurrentYear ? '' : ', YYYY'}`,
             lastWeek: `MMM DD ${isCurrentYear ? '' : ', YYYY'}`,
             nextWeek: `MMM DD ${isCurrentYear ? '' : ', YYYY'}`,
-        });
+        }, undefined, undefined, !!hour);
 };

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

@@ -1,5 +1,5 @@
 import AppWindowWrapper from './AppWindowWrapper';
-export { default as AppWindow, type WindowProps, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
+export { default as AppWindow, type WindowProps, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, FOOTER_HEIGHT, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
 export * from './context';
 export type { AppWindowProps } from './type';

package/build/components/AppWindowWrapper/index.js

@@ -1,5 +1,5 @@
 import AppWindowWrapper from './AppWindowWrapper';
-export { default as AppWindow, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
+export { default as AppWindow, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, FOOTER_HEIGHT, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
 export * from './context';
 export default AppWindowWrapper;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 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;
     icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactDOM | null | undefined;

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

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

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

@@ -1,2 +1,3 @@
 import DeviceIcon from './DeviceIcon';
+export { isDeviceIconShown } from './utils';
 export default DeviceIcon;

package/build/components/DeviceIcon/index.js

@@ -1,2 +1,3 @@
 import DeviceIcon from './DeviceIcon';
+export { isDeviceIconShown } from './utils';
 export default DeviceIcon;

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

@@ -1,3 +1,4 @@
 import Dialog from './Dialog';
 export { default as DialogToolbar } from './components/DialogToolbar';
+export { DialogContent, DialogHeader, DialogFooter } from './style';
 export default Dialog;

package/build/components/Dialog/index.js

@@ -1,3 +1,4 @@
 import Dialog from './Dialog';
 export { default as DialogToolbar } from './components/DialogToolbar';
+export { DialogContent, DialogHeader, DialogFooter } from './style';
 export default Dialog;

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

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

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

@@ -1,3 +1,4 @@
 import DropdownMenu from './DropdownMenu';
 export type { IProps, MenuItemI } from './type';
+export { StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent } from './styles';
 export default DropdownMenu;

package/build/components/DropdownMenu/index.js

@@ -1,2 +1,3 @@
 import DropdownMenu from './DropdownMenu';
+export { StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent } from './styles';
 export default DropdownMenu;

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

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

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

@@ -1,3 +1,4 @@
 import HeatMap from './HeatMap';
 export type { HeatMapProps, Data } from './type';
+export { getColorOpacityDegree } from './utils';
 export default HeatMap;

package/build/components/HeatMap/index.js

@@ -1,2 +1,3 @@
 import HeatMap from './HeatMap';
+export { getColorOpacityDegree } from './utils';
 export default HeatMap;

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

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

package/build/components/Inputs/CountriesDropDown/index.d.ts

@@ -1,2 +1,3 @@
 import CountriesDropdown from './CountriesDropdown';
+export { InputNumberStyled, MobileWrapper } from './style';
 export default CountriesDropdown;

package/build/components/Inputs/CountriesDropDown/index.js

@@ -1,2 +1,3 @@
 import CountriesDropdown from './CountriesDropdown';
+export { InputNumberStyled, MobileWrapper } from './style';
 export default CountriesDropdown;

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

@@ -1,5 +1,5 @@
 export { default as FileInput } from './FileInput';
-export { default as CountriesDropdown } from './CountriesDropDown';
+export { default as CountriesDropdown, InputNumberStyled, MobileWrapper } from './CountriesDropDown';
 export { default as SearchInput } from './SearchInput';
 export { default as Input } from './Input';
 export { default as Select } from './Select';

package/build/components/Inputs/index.js

@@ -1,5 +1,5 @@
 export { default as FileInput } from './FileInput';
-export { default as CountriesDropdown } from './CountriesDropDown';
+export { default as CountriesDropdown, InputNumberStyled, MobileWrapper } from './CountriesDropDown';
 export { default as SearchInput } from './SearchInput';
 export { default as Input } from './Input';
 export { default as Select } from './Select';

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

@@ -1,4 +1,5 @@
 /// <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/OTPInput/OTPInput.d.ts

@@ -5,6 +5,6 @@ interface OTPInputProps extends Omit<OtpInputProps, 'numInputs' | 'onChange'> {
     onChange?: (otp: string) => void;
     onSubmitOtp?: (otp: string) => void;
 }
-declare function OTPInput({ numInputs, separateAfter, isInputSecure, isInputNum, onSubmitOtp, onChange, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
+declare function OTPInput({ numInputs, separateAfter, isInputSecure, isInputNum, onSubmitOtp, onChange, inputProps, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof OTPInput>;
 export default _default;

package/build/components/OTPInput/OTPInput.js

@@ -12,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, memo } from 'react';
 import Box from '@mui/material/Box';
-import Input from 'react18-input-otp';
+import OtpInput from 'react18-input-otp';
 import { inputFocusStyle, inputStyle, inputErrorStyle, Separator } from './style';
 function OTPInput(_a) {
-    var { numInputs = 6, separateAfter = 3, isInputSecure = true, isInputNum = true, onSubmitOtp, onChange } = _a, props = __rest(_a, ["numInputs", "separateAfter", "isInputSecure", "isInputNum", "onSubmitOtp", "onChange"]);
+    var { numInputs = 6, separateAfter = 3, isInputSecure = true, isInputNum = true, onSubmitOtp, onChange, inputProps } = _a, props = __rest(_a, ["numInputs", "separateAfter", "isInputSecure", "isInputNum", "onSubmitOtp", "onChange", "inputProps"]);
     const [otp, setOtp] = useState('');
     const handleChange = (enteredOtp) => {
         setOtp(enteredOtp);
@@ -28,6 +28,9 @@ function OTPInput(_a) {
             '::selection': {
                 background: 'transparent',
             },
-        } }, { children: _jsx(Input, Object.assign({ inputStyle: Object.assign(Object.assign({}, inputStyle), props.inputProps), focusStyle: inputFocusStyle, errorStyle: inputErrorStyle, value: otp, separator: _jsx(Separator, { children: "-" }), isInputNum: isInputNum, isInputSecure: isInputSecure, numInputs: numInputs, separateAfter: separateAfter, shouldAutoFocus: true, onChange: handleChange }, props)) })));
+        } }, { children: _jsx(OtpInput, Object.assign({ inputStyle: Object.assign(Object.assign({}, inputStyle), inputProps), focusStyle: inputFocusStyle, errorStyle: inputErrorStyle, containerStyle: {
+                gap: '7px',
+                justifyContent: 'space-between',
+            }, value: otp, separator: _jsx(Separator, { children: "-" }), isInputNum: isInputNum, isInputSecure: isInputSecure, numInputs: numInputs, separateAfter: separateAfter, shouldAutoFocus: true, onChange: handleChange, autoComplete: "new-password", "aria-autocomplete": "none", inputProps: Object.assign({ autoComplete: 'new-password', 'aria-autocomplete': 'none', pattern: '[0-9]*' }, inputProps) }, props)) })));
 }
 export default memo(OTPInput);

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

@@ -7,7 +7,6 @@ export declare const inputStyle: {
     border: string;
     caretColor: string;
     outline: string;
-    margin: string;
     userSelect: string;
     color: string;
 };

package/build/components/OTPInput/style.js

@@ -7,7 +7,6 @@ export const inputStyle = {
     border: `1px solid #f2f2f2`,
     caretColor: 'transparent',
     outline: 'none',
-    margin: '0 4px',
     userSelect: 'none !important',
     color: '#20232B',
 };

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

@@ -1,4 +1,5 @@
 /// <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/StatusIcons/AuthIcons/style.d.ts

@@ -1,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const ActionsIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     selected: boolean;

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

@@ -1,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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/DestinationCell/DestinationCell.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Tooltip from '../../../Tooltip';
-import { reversedIcon } from '../../../../constants/index.js';
+import { destinationSolidIcon } from '../../../../constants/index.js';
 import { formatAmount } from '../../../../utils/index.js';
 import { DestinationCellContainer, DestinationCount, StyledDestinationCell, StyledDestinationIcon } from './styled';
 import TableCell from '../../TableCell';
@@ -33,6 +33,6 @@ function DestinationCell(_a) {
     return (_jsx(TableCell, Object.assign({ sx: {
             width: 'fit-content',
             overflow: 'visible',
-        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: !isTextShown ? (_jsxs(StyledDestinationCell, { children: [_jsx(StyledDestinationIcon, { src: reversedIcon, pointLeft: iconDirection === 'left' }), destinationsCount > 1 && (_jsx(DestinationCellContainer, Object.assign({ destinationsCount: 1 }, { children: _jsx(DestinationCount, { children: destinationsCount }) })))] })) : (textView) })) })));
+        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: !isTextShown ? (_jsxs(StyledDestinationCell, { children: [_jsx(StyledDestinationIcon, { src: destinationSolidIcon, pointLeft: iconDirection === 'left' }), destinationsCount > 1 && (_jsx(DestinationCellContainer, Object.assign({ destinationsCount: 1 }, { children: _jsx(DestinationCount, { children: destinationsCount }) })))] })) : (textView) })) })));
 }
 export default DestinationCell;

package/build/components/TableCells/CustomCells/DestinationCell/styled.js

@@ -10,19 +10,23 @@ export const DestinationCellContainer = styled('span')(({ theme, destinationsCou
 }));
 export const DestinationCount = styled('span')(({ theme }) => ({
     fontSize: theme.typography.pxToRem(12),
-    fontWeight: 500,
-    color: theme.palette.common.black,
-    backgroundColor: theme.palette.common.white,
+    color: theme.palette.info.dark,
+    fontWeight: 700,
     paddingInline: theme.spacing(1),
     borderRadius: theme.spacing(1),
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: `${theme.palette.info.dark}1A`,
 }));
 export const StyledDestinationCell = styled('span')(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'flex-start',
     gap: theme.spacing(1),
-    backgroundColor: `${theme.palette.info.dark}1A`,
-    paddingInline: theme.spacing(0.71875),
+    backgroundColor: theme.palette.common.white,
+    border: `1px solid ${theme.palette.divider}`,
+    paddingInline: theme.spacing(1),
     borderRadius: '56px',
     height: '24px',
 }));

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

@@ -1,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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/SegmentsCell/style.d.ts

@@ -1,4 +1,5 @@
 /// <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/SourceCell/index.d.ts

@@ -1 +1,2 @@
 export { default as SourceCell } from './SourceCell';
+export { StyledSourceImage } from './style';

package/build/components/TableCells/CustomCells/SourceCell/index.js

@@ -1 +1,2 @@
 export { default as SourceCell } from './SourceCell';
+export { StyledSourceImage } from './style';

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

@@ -1,4 +1,5 @@
 /// <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/SourceMergedCell/style.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export declare const collapsedViewIconVariants: {
     default: {
         duration: number;

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

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

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

@@ -1,4 +1,4 @@
 import Toolbar from './Toolbar';
 export * from './type';
-export { StyledHeaderWrapperStyled } from './style';
+export { StyledHeaderWrapperStyled, StyledHeaderWrapper } from './style';
 export default Toolbar;

package/build/components/Toolbar/index.js

@@ -1,4 +1,4 @@
 import Toolbar from './Toolbar';
 export * from './type';
-export { StyledHeaderWrapperStyled } from './style';
+export { StyledHeaderWrapperStyled, StyledHeaderWrapper } from './style';
 export default Toolbar;

package/build/components/VirtualTable/components/EmptyList/index.d.ts

@@ -1,2 +1,3 @@
 import EmptyList from './EmptyList';
+export { StyledImage } from './styles';
 export default EmptyList;

package/build/components/VirtualTable/components/EmptyList/index.js

@@ -1,2 +1,3 @@
 import EmptyList from './EmptyList';
+export { StyledImage } from './styles';
 export default EmptyList;

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

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

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

@@ -1,3 +1,4 @@
 import WindowSideBar from './WindowSideBar';
 export { TITLE_BAR_HEIGHT } from './constant';
+export { SideBar, Content } from './style';
 export default WindowSideBar;

package/build/components/WindowSideBar/index.js

@@ -1,3 +1,4 @@
 import WindowSideBar from './WindowSideBar';
 export { TITLE_BAR_HEIGHT } from './constant';
+export { SideBar, Content } from './style';
 export default WindowSideBar;

package/build/components/index.d.ts

@@ -19,14 +19,14 @@ export { default as SimpleDialog, type SimpleDialogProps } from './SimpleDialog'
 export { default as SearchButton } from './SearchButton';
 export { default as Loaders } from './Loaders';
 export { default as ExportButton } from './ExportButton';
-export { default as DropdownMenu, type IProps, type MenuItemI } from './DropdownMenu';
+export { default as DropdownMenu, type IProps, type MenuItemI, StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent, } from './DropdownMenu';
 export { default as DockButton, type DockButtonProps, type DockButtonWrapperProps } from './DockButton';
 export { default as DateButton } from './DateButton';
 export { default as WindowSideBar, TITLE_BAR_HEIGHT } from './WindowSideBar';
 export { default as WindowAppIcon } from './WindowAppIcon';
 export { default as Window } from './Window';
 export * from './ToolbarIcon';
-export { default as Toolbar, type ToolbarProps } from './Toolbar';
+export { default as Toolbar, type ToolbarProps, StyledHeaderWrapper, StyledHeaderWrapperStyled } from './Toolbar';
 export { default as ToggleButtons, type ToggleButtonProps, type ToggleButtonsProps, type ToggleOption, type ToggleOptionKey } from './ToggleButtons';
 export { default as Text } from './Text';
 export * from './TableCells';

package/build/components/index.js

@@ -19,14 +19,14 @@ export { default as SimpleDialog } from './SimpleDialog';
 export { default as SearchButton } from './SearchButton';
 export { default as Loaders } from './Loaders';
 export { default as ExportButton } from './ExportButton';
-export { default as DropdownMenu } from './DropdownMenu';
+export { default as DropdownMenu, StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent, } from './DropdownMenu';
 export { default as DockButton } from './DockButton';
 export { default as DateButton } from './DateButton';
 export { default as WindowSideBar, TITLE_BAR_HEIGHT } from './WindowSideBar';
 export { default as WindowAppIcon } from './WindowAppIcon';
 export { default as Window } from './Window';
 export * from './ToolbarIcon';
-export { default as Toolbar } from './Toolbar';
+export { default as Toolbar, StyledHeaderWrapper, StyledHeaderWrapperStyled } from './Toolbar';
 export { default as ToggleButtons } from './ToggleButtons';
 export { default as Text } from './Text';
 export * from './TableCells';

package/build/constants/assets.d.ts

@@ -6,6 +6,7 @@ export declare const abandonedIcon: string;
 export declare const abandonedYellowIcon: string;
 export declare const chevronDownIcon: string;
 export declare const reversedIcon: string;
+export declare const destinationSolidIcon: string;
 export declare const searchIcon: string;
 export declare const unAuthorizedIcon: string;
 export declare const viewIcon: string;

package/build/constants/assets.js

@@ -7,6 +7,7 @@ export const abandonedIcon = `${lightUrl}/abandoned.svg`;
 export const abandonedYellowIcon = `${lightUrl}/abandonedYellow.svg`;
 export const chevronDownIcon = `${lightUrl}/chevron-down.svg`;
 export const reversedIcon = `${lightUrl}/reversed.svg`;
+export const destinationSolidIcon = `${lightUrl}/destinationSolid.svg`;
 export const searchIcon = `${lightUrl}/search.svg`;
 export const unAuthorizedIcon = `${lightUrl}/unauthorized.svg`;
 export const viewIcon = `${lightUrl}/view.svg`;

package/build/utils/billing.d.ts

@@ -8,6 +8,7 @@ export declare const getDefaultInvoiceInfo: () => {
         email: string;
         phoneNumber: string;
     };
+    langCode: string;
     selectedCurrency: Currency;
     isLoading: boolean;
     totalGrossAmount: number;

package/build/utils/billing.js

@@ -8,6 +8,7 @@ export const getDefaultInvoiceInfo = () => ({
         email: '',
         phoneNumber: '',
     },
+    langCode: 'EN',
     selectedCurrency: {},
     isLoading: false,
     totalGrossAmount: 0,

package/build/utils/date.d.ts

@@ -23,7 +23,7 @@ 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 formatCellDate: (dateObj?: Date | string | number, customFormat?: object, currentTimezone?: string | number, expectedTimezone?: string | number, showHours?: boolean) => 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;

package/build/utils/date.js

@@ -121,7 +121,7 @@ export const generateYearList = (length) => Array.from({ length: length !== null
     id: day,
     label: day,
 }));
-export const formatCellDate = (dateObj, customFormat, currentTimezone, expectedTimezone) => {
+export const formatCellDate = (dateObj, customFormat, currentTimezone, expectedTimezone, showHours = true) => {
     if (!dateObj) {
         return '';
     }
@@ -132,21 +132,21 @@ export const formatCellDate = (dateObj, customFormat, currentTimezone, expectedT
     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',
+        sameDay: `[Today]${showHours ? ', h:mma' : ''}`,
+        nextDay: `[Tomorrow]${showHours ? ', h:mma' : ''}`,
+        lastDay: `[Yesterday]${showHours ? ', h:mma' : ''}`,
+        sameElse: `MMM DD, YYYY${showHours ? ', h:mma' : ''}`,
+        lastWeek: `MMM DD, YYYY${showHours ? ', h:mma' : ''}`,
+        nextWeek: `MMM DD, YYYY${showHours ? ', 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',
+            sameDay: `[Today]${showHours ? ', h:mma' : ''}`,
+            nextDay: `[Tomorrow]${showHours ? ', h:mma' : ''}`,
+            lastDay: `[Yesterday]${showHours ? ', h:mma' : ''}`,
+            sameElse: `MMM DD${showHours ? ', h:mma' : ''}`,
+            lastWeek: `MMM DD${showHours ? ', h:mma' : ''}`,
+            nextWeek: `MMM DD${showHours ? ', h:mma' : ''}`,
         };
     }
     if (!currentTimezone && !expectedTimezone) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.35",
+  "version": "0.0.38",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",