@tap-payments/os-micro-frontend-shared 0.0.34 → 0.0.36

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Tap Payments
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Tap Payments
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,12 +1,12 @@
-# os-micro-frontend-shared
-
-## Publishing Workflow
-
-1. Update version in package.json
-2. Commit changes
-3. Create and push a tag:
-
-```bash
-npm version patch  # or minor, major
-git push origin main --tags
-```
+# os-micro-frontend-shared
+
+## Publishing Workflow
+
+1. Update version in package.json
+2. Commit changes
+3. Create and push a tag:
+
+```bash
+npm version patch  # or minor, major
+git push origin main --tags
+```

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

@@ -15,7 +15,7 @@ export declare const Charge: import("@emotion/styled").StyledComponent<import("@
 export declare const DropDownChargeGapColumn: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledAmount: import("@emotion/styled").StyledComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "width" | "height" | "hidden" | "type" | "style" | "color" | "content" | "translate" | "children" | "ref" | "form" | "slot" | "title" | "pattern" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "value" | "name" | "src" | "alt" | "size" | "multiple" | "accept" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "min" | "minLength" | "readOnly" | "required"> & {
+}, "width" | "height" | "hidden" | "type" | "style" | "color" | "content" | "translate" | "children" | "ref" | "form" | "slot" | "title" | "pattern" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "value" | "src" | "alt" | "size" | "multiple" | "accept" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "min" | "minLength" | "name" | "readOnly" | "required"> & {
     allowDecimals?: boolean | undefined;
     allowNegativeValue?: boolean | undefined;
     id?: string | undefined;

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/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/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/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/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/SearchButton/styles.d.ts

@@ -269,7 +269,6 @@ export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     placeholder?: string | undefined;
     list?: string | undefined;
     value?: string | number | readonly string[] | undefined;
-    name?: string | undefined;
     src?: string | undefined;
     alt?: string | undefined;
     size?: number | undefined;
@@ -287,6 +286,7 @@ export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     maxLength?: number | undefined;
     min?: string | number | undefined;
     minLength?: number | undefined;
+    name?: string | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     step?: string | number | undefined;

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/TableHeader_V2/components/StatusButtons/StatusButton.js

@@ -15,7 +15,7 @@ import { useTranslation } from 'react-i18next';
 import StyledBadge, { BadgeVariants } from '../../../CountBadge';
 import { convertToNumber, formatNumber } from '../../../../utils/index.js';
 import { ChevronIcon } from './ChevronIcon';
-import { ChevronContainer, Label, LabelWrapper, StyledStatusIcon, StyledDropdown, statusButtonVariants } from './style';
+import { ChevronContainer, Label, LabelWrapper, StatusIcon, StyledDropdown, statusButtonVariants } from './style';
 import { statusButtonIcons } from './constant';
 export const StatusButton = memo((props) => {
     var _a, _b;
@@ -30,7 +30,7 @@ export const StatusButton = memo((props) => {
     };
     const Button = statusButtonVariants[variant];
     const hasDropdown = dropdownOptions && dropdownOptions.length > 0;
-    const statusIcon = icon ? _jsx(StyledStatusIcon, { icon: icon, variant: variant, src: statusButtonIcons[icon], alt: `${icon}-icon` }) : null;
+    const statusIcon = icon ? _jsx(StatusIcon, { icon: icon, variant: variant, src: statusButtonIcons[icon], alt: `${icon}-icon` }) : null;
     const statusBadge = badgeCount && !Number.isNaN(convertToNumber(badgeCount)) ? (_jsx(StyledBadge, Object.assign({ variant: variant === 'active' ? BadgeVariants.ACTIVE : BadgeVariants.INACTIVE }, { children: formatNumber(Number(badgeCount)) }))) : null;
     const dropdownIcon = hasDropdown ? _jsx(ChevronIcon, { isActive: variant === 'active' }) : null;
     return (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ "data-testid": "StatusButton" }, restProps, { ref: buttonRef, onClick: (e) => {

package/build/components/TableHeader_V2/components/StatusButtons/style.d.ts

@@ -18,7 +18,7 @@ export declare const CountBadge: import("@emotion/styled").StyledComponent<impor
 }, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
 }, {}, {}>;
-export declare const StyledStatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
+export declare const StatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
     icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "view" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | "textView" | "trashBin" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/components/TableHeader_V2/components/StatusButtons/style.js

@@ -26,7 +26,7 @@ export const CountBadge = styled(Box)(({ theme, variant }) => ({
     fontWeight: 700,
     lineHeight: '10px',
 }));
-export const StyledStatusIcon = styled('img')(({ theme, variant, icon }) => {
+export const StatusIcon = styled('img')(({ theme, variant, icon }) => {
     var _a;
     return (Object.assign(Object.assign({ fill: variant === 'active' ? theme.palette.common.white : theme.palette.text.primary, color: variant === 'active' ? theme.palette.common.white : theme.palette.text.primary }, (!(((_a = ['openFlag', 'closedFlag']) === null || _a === void 0 ? void 0 : _a.includes(icon !== null && icon !== void 0 ? icon : '')) && variant === 'inActive') &&
         icon !== 'captured' && {

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

@@ -1,4 +1,5 @@
-export { default as TableHeader } from './TableHeader';
+import TableHeader from './TableHeader';
+export default TableHeader;
 export * from './style';
 export { FiltersRow } from './FiltersRow';
 export * from './components';

package/build/components/TableHeader_V2/index.js

@@ -1,4 +1,5 @@
-export { default as TableHeader } from './TableHeader';
+import TableHeader from './TableHeader';
+export default TableHeader;
 export * from './style';
 export { FiltersRow } from './FiltersRow';
 export * from './components';

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/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';
@@ -84,5 +84,3 @@ export { default as OTPInput } from './OTPInput';
 export { default as FlagDetails } from './FlagDetails';
 export { default as TapLoader } from './Loaders';
 export { default as Error } from './Error';
-export * from './Chip';
-export * from './TableHeader_V2';

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';
@@ -84,5 +84,3 @@ export { default as OTPInput } from './OTPInput';
 export { default as FlagDetails } from './FlagDetails';
 export { default as TapLoader } from './Loaders';
 export { default as Error } from './Error';
-export * from './Chip';
-export * from './TableHeader_V2';

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/build/utils/index.d.ts

@@ -38,4 +38,3 @@ export * from './geography';
 export * from './billing';
 export * from './toggleOptions';
 export * from './flag';
-export * from './encrypt';

package/build/utils/index.js

@@ -38,4 +38,3 @@ export * from './geography';
 export * from './billing';
 export * from './toggleOptions';
 export * from './flag';
-export * from './encrypt';

package/package.json

@@ -1,130 +1,130 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.34",
-  "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./build/index.js",
-      "require": "./build/index.js",
-      "types": "./build/index.d.ts"
-    },
-    "./constants": {
-      "import": "./build/constants/index.js",
-      "require": "./build/constants/index.js",
-      "types": "./build/constants/index.d.ts"
-    },
-    "./components": {
-      "import": "./build/components/index.js",
-      "require": "./build/components/index.js",
-      "types": "./build/components/index.d.ts"
-    },
-    "./components/*": {
-      "import": "./build/components/*/index.js",
-      "require": "./build/components/*/index.js",
-      "types": "./build/components/*/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./build/hooks/index.js",
-      "require": "./build/hooks/index.js",
-      "types": "./build/hooks/index.d.ts"
-    },
-    "./utils": {
-      "import": "./build/utils/index.js",
-      "require": "./build/utils/index.js",
-      "types": "./build/utils/index.d.ts"
-    },
-    "./theme": {
-      "import": "./build/theme/index.js",
-      "require": "./build/theme/index.js",
-      "types": "./build/theme/index.d.ts"
-    },
-    "./types": {
-      "import": "./build/types/index.js",
-      "require": "./build/types/index.js",
-      "types": "./build/types/index.d.ts"
-    }
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Ahmed Sharkawy",
-    "email": "a.elsharkawy@tap.company"
-  },
-  "files": [
-    "build",
-    "readme.md"
-  ],
-  "scripts": {
-    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
-    "push": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
-    "dev": "vite",
-    "build": "tsc -b && vite build ",
-    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
-    "lint": "eslint . --color",
-    "lint:fix": "eslint src --fix --color",
-    "preview": "vite preview",
-    "prepare": "husky"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@hookform/resolvers": "^3.3.1",
-    "@mui/material": "^5.12.3",
-    "@uiw/react-json-view": "^2.0.0-alpha.16",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.8",
-    "framer-motion": "10.11.0",
-    "i18next": "^22.4.15",
-    "memoize-one": "^6.0.0",
-    "re-resizable": "^6.9.9",
-    "react": "^18.2.0",
-    "react-currency-input-field": "^3.6.11",
-    "react-dom": "^18.2.0",
-    "react-draggable": "^4.4.6",
-    "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.45.4",
-    "react-hot-toast": "^2.4.1",
-    "react-i18next": "^12.2.2",
-    "react-multi-date-picker": "^4.1.2",
-    "react-router-dom": "^6.14.2",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "react-window": "^1.8.9",
-    "react-window-infinite-loader": "^1.0.9",
-    "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@types/lodash": "^4.17.15",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-virtualized-auto-sizer": "^1.0.8",
-    "@types/react-window": "^1.8.5",
-    "@types/react-window-infinite-loader": "^1.0.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.14.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "tsc-alias": "^1.8.16",
-    "typescript": "5.0.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "6.0.5",
-    "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^4.2.0"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,json,js,jsx}": [
-      "yarn run prettier:fix",
-      "yarn run lint"
-    ]
-  }
-}
+{
+  "name": "@tap-payments/os-micro-frontend-shared",
+  "description": "Shared components and utilities for Tap Payments micro frontends",
+  "version": "0.0.36",
+  "type": "module",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./build/index.js",
+      "require": "./build/index.js",
+      "types": "./build/index.d.ts"
+    },
+    "./constants": {
+      "import": "./build/constants/index.js",
+      "require": "./build/constants/index.js",
+      "types": "./build/constants/index.d.ts"
+    },
+    "./components": {
+      "import": "./build/components/index.js",
+      "require": "./build/components/index.js",
+      "types": "./build/components/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js",
+      "types": "./build/components/*/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./build/hooks/index.js",
+      "require": "./build/hooks/index.js",
+      "types": "./build/hooks/index.d.ts"
+    },
+    "./utils": {
+      "import": "./build/utils/index.js",
+      "require": "./build/utils/index.js",
+      "types": "./build/utils/index.d.ts"
+    },
+    "./theme": {
+      "import": "./build/theme/index.js",
+      "require": "./build/theme/index.js",
+      "types": "./build/theme/index.d.ts"
+    },
+    "./types": {
+      "import": "./build/types/index.js",
+      "require": "./build/types/index.js",
+      "types": "./build/types/index.d.ts"
+    }
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Ahmed Sharkawy",
+    "email": "a.elsharkawy@tap.company"
+  },
+  "files": [
+    "build",
+    "readme.md"
+  ],
+  "scripts": {
+    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
+    "push": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
+    "dev": "vite",
+    "build": "tsc -b && vite build ",
+    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
+    "lint": "eslint . --color",
+    "lint:fix": "eslint src --fix --color",
+    "preview": "vite preview",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.3.1",
+    "@mui/material": "^5.12.3",
+    "@uiw/react-json-view": "^2.0.0-alpha.16",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.8",
+    "framer-motion": "10.11.0",
+    "i18next": "^22.4.15",
+    "memoize-one": "^6.0.0",
+    "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-currency-input-field": "^3.6.11",
+    "react-dom": "^18.2.0",
+    "react-draggable": "^4.4.6",
+    "react-dropzone": "^14.2.3",
+    "react-hook-form": "^7.45.4",
+    "react-hot-toast": "^2.4.1",
+    "react-i18next": "^12.2.2",
+    "react-multi-date-picker": "^4.1.2",
+    "react-router-dom": "^6.14.2",
+    "react-virtualized-auto-sizer": "^1.0.20",
+    "react-window": "^1.8.9",
+    "react-window-infinite-loader": "^1.0.9",
+    "react18-input-otp": "^1.1.4",
+    "recharts": "^2.15.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@types/lodash": "^4.17.15",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-virtualized-auto-sizer": "^1.0.8",
+    "@types/react-window": "^1.8.5",
+    "@types/react-window-infinite-loader": "^1.0.6",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "globals": "^15.14.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.8.8",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5.0.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "6.0.5",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^4.2.0"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,json,js,jsx}": [
+      "yarn run prettier:fix",
+      "yarn run lint"
+    ]
+  }
+}

package/build/utils/encrypt.d.ts

@@ -1 +0,0 @@
-export declare function encryptDataWithPublicKey(publicKeyPem: string, data: string): Promise<string>;

package/build/utils/encrypt.js

@@ -1,44 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-function encryptWithPublicKey(publicKeyPem, text) {
-    return __awaiter(this, void 0, void 0, function* () {
-        function importPublicKey(pem) {
-            return __awaiter(this, void 0, void 0, function* () {
-                const pemHeader = '-----BEGIN PUBLIC KEY-----';
-                const pemFooter = '-----END PUBLIC KEY-----';
-                const pemContents = pem.replace(pemHeader, '').replace(pemFooter, '').trim();
-                const binaryDerString = atob(pemContents);
-                const binaryDer = Uint8Array.from(binaryDerString, (c) => c.charCodeAt(0));
-                return yield window.crypto.subtle.importKey('spki', binaryDer.buffer, {
-                    name: 'RSA-OAEP',
-                    hash: 'SHA-1',
-                }, true, ['encrypt']);
-            });
-        }
-        const encoder = new TextEncoder();
-        const key = yield importPublicKey(publicKeyPem);
-        const encryptedBuffer = yield window.crypto.subtle.encrypt({
-            name: 'RSA-OAEP',
-        }, key, encoder.encode(text));
-        const bytes = new Uint8Array(encryptedBuffer);
-        let binary = '';
-        for (let i = 0; i < bytes.byteLength; i++) {
-            binary += String.fromCharCode(bytes[i]);
-        }
-        return btoa(binary);
-    });
-}
-export function encryptDataWithPublicKey(publicKeyPem, data) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (typeof data !== 'string')
-            throw new Error('data should be from type string');
-        return yield encryptWithPublicKey(publicKeyPem, data);
-    });
-}