@tap-payments/os-micro-frontend-shared 0.1.96-test.23 → 0.1.96-test.25

package/build/components/index.js

@@ -12,7 +12,8 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
+export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, // To not to be confused/conflicted with the other seperated `components/TableHeader`
+TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
 export { default as SheetViewVirtualTable } from './VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
@@ -108,9 +109,13 @@ export { default as LazyImage } from './LazyImage';
 export { default as AmountStatusChip } from './AmountStatusChip';
 export { default as AuthenticationTypeChip } from './AuthenticationTypeChip';
 export * from './LazyImage';
-export { default as ListLayout } from './ListLayout';
-export * from './ListLayout';
-export { default as ToggleView } from './ToggleView';
-export * from './ToggleView';
+export { default as SearchListInput } from './SearchListInput';
+export { default as ErrorToast } from './ErrorToast';
+export { default as ToggleView, ToggleViews } from './ToggleView';
+export { default as LanguageDropdown } from './LanguageDropdown';
+export { default as DisplayAmount } from './DisplayAmount';
+export { default as AmountInput } from './AmountInput';
 export { default as AppServicesBar } from './AppServicesBar';
 export * from './AppServicesBar';
+export { default as ListLayout } from './ListLayout';
+export * from './ListLayout';

package/build/constants/assets.d.ts

@@ -547,3 +547,5 @@ export declare const sortAscArrowIcon: string;
 export declare const closedOutlinedYellowCircle: string;
 export declare const deactivatedOrangeCircle: string;
 export declare const exclamationOutlinedOrangeCircle: string;
+export declare const activeGreenIcon: string;
+export declare const inActiveGreyIcon: string;

package/build/constants/assets.js

@@ -2,6 +2,7 @@ const cdnUrl = 'https://cdn.tap.company/tap-assets';
 export const lightUrl = `${cdnUrl}/icons/dashboard/light`;
 export const appBaseUrl = `${lightUrl}/other`;
 export const functionBaseUrl = `${lightUrl}/function`;
+// Icons getters
 export const getLightUrlIcon = (source) => `${lightUrl}/${source}.svg`;
 export const getPaymentMethodsIcon = (source) => `${lightUrl}/payment-method/v2/${source}.svg`;
 export const getPaymentIssuersIcon = (source) => `${lightUrl}/payment-issuer/${source}.svg`;
@@ -297,6 +298,7 @@ export const braveIcon = `${appBaseUrl}/braveBrowser.svg`;
 export const arcIcon = `${appBaseUrl}/arcBrowser.svg`;
 export const chromiumIcon = `${appBaseUrl}/chromiumBrowser.svg`;
 export const userIcon = `${appBaseUrl}/userIcon.svg`;
+// table status icons
 export const abandonedTableIcon = `${lightUrl}/status/table/abandoned.svg`;
 export const cancelledTableIcon = `${lightUrl}/status/table/cancelled.svg`;
 export const capturedTableIcon = `${lightUrl}/status/table/captured.svg`;
@@ -397,6 +399,7 @@ export const windowEntityIcon = `${lightUrl}/window/entity.svg`;
 export const windowBankIcon = `${lightUrl}/window/bank.svg`;
 export const windowIndividualIcon = `${lightUrl}/window/individual.svg`;
 export const windowPasswordIcon = `${lightUrl}/window/password.svg`;
+// New Invoice Icons
 export const actionsIcon = `${lightUrl}/actionsIcon.svg`;
 export const addItem = `${lightUrl}/addItem.svg`;
 export const attachIcon = `${lightUrl}/attachIcon.svg`;
@@ -494,6 +497,7 @@ export const rightLightArrowIcon = `${appBaseUrl}/rightLightArrow.svg`;
 export const segmentInstitutionIcon = `${appBaseUrl}/segmentInstitution.svg`;
 export const segmentTechnologyIcon = `${appBaseUrl}/segmentTechnology.svg`;
 export const segmentDevelopmentHouseIcon = `${appBaseUrl}/segmentDevelopmentHouse.svg`;
+// Terminal App
 export const terminalAppIcon = `${appBaseUrl}/terminal.svg`;
 export const terminalWindowIcon = `${lightUrl}/window/terminal.svg`;
 export const terminalCardPhone = `${lightUrl}/terminalCardPhone.svg`;
@@ -551,3 +555,5 @@ export const sortAscArrowIcon = `${lightUrl}/sortAscArrowIcon.svg`;
 export const closedOutlinedYellowCircle = `${lightUrl}/closedOutlinedYellowCircle.svg`;
 export const deactivatedOrangeCircle = `${lightUrl}/deactivatedOrangeCircle.svg`;
 export const exclamationOutlinedOrangeCircle = `${lightUrl}/exclamationOutlinedOrangeCircle.svg`;
+export const activeGreenIcon = `${lightUrl}/activeGreenIcon.svg`;
+export const inActiveGreyIcon = `${lightUrl}/inActiveGreyIcon.svg`;

package/build/constants/server.js

@@ -1,4 +1,5 @@
 var _a;
+// NOTE: This environment variables should be defined in .env file of the hosting server
 const isSAOCI = import.meta.env.VITE_DEPLOYMENT_REGION === 'sa-oci';
 export const BASE_URL = (_a = (isSAOCI ? 'https://mw-os.tap.com.sa' : import.meta.env.VITE_MW_BASE_URL)) !== null && _a !== void 0 ? _a : import.meta.env.VITE_BASE_URL;
 export const API_URL = `${BASE_URL}/api`;

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

@@ -5,7 +5,7 @@ export declare const authorizationTableCellWidth: {
         readonly sheet: "240px";
     };
     readonly id: {
-        readonly default: "225px";
+        readonly default: "205px";
         readonly text: "225px";
         readonly sheet: "250px";
     };
@@ -25,7 +25,7 @@ export declare const authorizationTableCellWidth: {
         readonly sheet: "85px";
     };
     readonly date: {
-        readonly default: "170px";
+        readonly default: "140px";
         readonly text: "170px";
         readonly sheet: "130px";
     };
@@ -35,7 +35,7 @@ export declare const authorizationTableCellWidth: {
         readonly sheet: "80px";
     };
     readonly customer: {
-        readonly default: "170px";
+        readonly default: "140px";
         readonly text: "180px";
         readonly sheet: "600px";
     };
@@ -65,7 +65,7 @@ export declare const authorizationTableCellWidth: {
         readonly sheet: "180px";
     };
     readonly source: {
-        readonly default: "104px";
+        readonly default: "70px";
         readonly text: "125px";
         readonly sheet: "125px";
     };
@@ -80,7 +80,7 @@ export declare const authorizationTableCellWidth: {
         readonly sheet: "230px";
     };
     readonly amount: {
-        readonly default: "170px";
+        readonly default: "130px";
         readonly text: "195px";
         readonly sheet: "150px";
     };
@@ -95,7 +95,7 @@ export declare const authorizationTableCellWidth: {
         readonly sheet: "95px";
     };
     readonly status: {
-        readonly default: "77px";
+        readonly default: "70px";
         readonly text: "100px";
         readonly sheet: "300px";
     };

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

@@ -5,7 +5,7 @@ export const authorizationTableCellWidth = {
         sheet: '240px',
     },
     id: {
-        default: '225px',
+        default: '205px',
         text: '225px',
         sheet: '250px',
     },
@@ -25,7 +25,7 @@ export const authorizationTableCellWidth = {
         sheet: '85px',
     },
     date: {
-        default: '170px',
+        default: '140px',
         text: '170px',
         sheet: '130px',
     },
@@ -35,7 +35,7 @@ export const authorizationTableCellWidth = {
         sheet: '80px',
     },
     customer: {
-        default: '170px',
+        default: '140px',
         text: '180px',
         sheet: '600px',
     },
@@ -65,7 +65,7 @@ export const authorizationTableCellWidth = {
         sheet: '180px',
     },
     source: {
-        default: '104px',
+        default: '70px',
         text: '125px',
         sheet: '125px',
     },
@@ -80,7 +80,7 @@ export const authorizationTableCellWidth = {
         sheet: '230px',
     },
     amount: {
-        default: '170px',
+        default: '130px',
         text: '195px',
         sheet: '150px',
     },
@@ -95,7 +95,7 @@ export const authorizationTableCellWidth = {
         sheet: '95px',
     },
     status: {
-        default: '77px',
+        default: '70px',
         text: '100px',
         sheet: '300px',
     },

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

@@ -10,7 +10,7 @@ export declare const chargeTableCellWidth: {
         readonly sheet: "160px";
     };
     readonly id: {
-        readonly default: "225px";
+        readonly default: "205px";
         readonly text: "225px";
         readonly sheet: "250px";
     };
@@ -20,7 +20,7 @@ export declare const chargeTableCellWidth: {
         readonly sheet: "85px";
     };
     readonly date: {
-        readonly default: "170px";
+        readonly default: "140px";
         readonly text: "170px";
         readonly sheet: "130px";
     };
@@ -35,7 +35,7 @@ export declare const chargeTableCellWidth: {
         readonly sheet: "80px";
     };
     readonly customer: {
-        readonly default: "180px";
+        readonly default: "140px";
         readonly text: "180px";
         readonly sheet: "600px";
     };
@@ -60,7 +60,7 @@ export declare const chargeTableCellWidth: {
         readonly sheet: "150px";
     };
     readonly source: {
-        readonly default: "114px";
+        readonly default: "70px";
         readonly text: "125px";
         readonly sheet: "1250px";
     };
@@ -115,7 +115,7 @@ export declare const chargeTableCellWidth: {
         readonly sheet: "72px";
     };
     readonly amount: {
-        readonly default: "170px";
+        readonly default: "130px";
         readonly text: "195px";
         readonly sheet: "550px";
     };
@@ -180,7 +180,7 @@ export declare const chargeTableCellWidth: {
         readonly sheet: "170px";
     };
     readonly metadata: {
-        readonly default: "180px";
+        readonly default: "185px";
         readonly text: "180px";
         readonly sheet: "275px";
     };

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

@@ -10,7 +10,7 @@ export const chargeTableCellWidth = {
         sheet: '160px',
     },
     id: {
-        default: '225px',
+        default: '205px',
         text: '225px',
         sheet: '250px',
     },
@@ -20,7 +20,7 @@ export const chargeTableCellWidth = {
         sheet: '85px',
     },
     date: {
-        default: '170px',
+        default: '140px',
         text: '170px',
         sheet: '130px',
     },
@@ -35,7 +35,7 @@ export const chargeTableCellWidth = {
         sheet: '80px',
     },
     customer: {
-        default: '180px',
+        default: '140px',
         text: '180px',
         sheet: '600px',
     },
@@ -60,7 +60,7 @@ export const chargeTableCellWidth = {
         sheet: '150px',
     },
     source: {
-        default: '114px',
+        default: '70px',
         text: '125px',
         sheet: '1250px',
     },
@@ -115,7 +115,7 @@ export const chargeTableCellWidth = {
         sheet: '72px',
     },
     amount: {
-        default: '170px',
+        default: '130px',
         text: '195px',
         sheet: '550px',
     },
@@ -180,7 +180,7 @@ export const chargeTableCellWidth = {
         sheet: '170px',
     },
     metadata: {
-        default: '180px',
+        default: '185px',
         text: '180px',
         sheet: '275px',
     },

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

@@ -1,6 +1,6 @@
 export declare const destinationsTableCellWidth: {
     readonly id: {
-        readonly default: "225px";
+        readonly default: "205px";
         readonly text: "225px";
         readonly sheet: "225px";
     };
@@ -10,7 +10,7 @@ export declare const destinationsTableCellWidth: {
         readonly sheet: "255px";
     };
     readonly created: {
-        readonly default: "170px";
+        readonly default: "140px";
         readonly text: "170px";
         readonly sheet: "130px";
     };
@@ -30,7 +30,7 @@ export declare const destinationsTableCellWidth: {
         readonly sheet: "250px";
     };
     readonly customer: {
-        readonly default: "180px";
+        readonly default: "140px";
         readonly text: "180px";
         readonly sheet: "600px";
     };
@@ -70,7 +70,7 @@ export declare const destinationsTableCellWidth: {
         readonly sheet: "235px";
     };
     readonly source: {
-        readonly default: "114px";
+        readonly default: "70px";
         readonly text: "125px";
         readonly sheet: "125px";
     };
@@ -85,7 +85,7 @@ export declare const destinationsTableCellWidth: {
         readonly sheet: "165px";
     };
     readonly amount: {
-        readonly default: "195px";
+        readonly default: "130px";
         readonly text: "195px";
         readonly sheet: "150px";
     };

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

@@ -1,6 +1,6 @@
 export const destinationsTableCellWidth = {
     id: {
-        default: '225px',
+        default: '205px',
         text: '225px',
         sheet: '225px',
     },
@@ -10,7 +10,7 @@ export const destinationsTableCellWidth = {
         sheet: '255px',
     },
     created: {
-        default: '170px',
+        default: '140px',
         text: '170px',
         sheet: '130px',
     },
@@ -30,7 +30,7 @@ export const destinationsTableCellWidth = {
         sheet: '250px',
     },
     customer: {
-        default: '180px',
+        default: '140px',
         text: '180px',
         sheet: '600px',
     },
@@ -70,7 +70,7 @@ export const destinationsTableCellWidth = {
         sheet: '235px',
     },
     source: {
-        default: '114px',
+        default: '70px',
         text: '125px',
         sheet: '125px',
     },
@@ -85,7 +85,7 @@ export const destinationsTableCellWidth = {
         sheet: '165px',
     },
     amount: {
-        default: '195px',
+        default: '130px',
         text: '195px',
         sheet: '150px',
     },

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

@@ -5,14 +5,14 @@ export declare const refundTableCellWidth: {
         readonly sheet: "240px";
     };
     readonly id: {
-        readonly default: "225px";
+        readonly default: "205px";
         readonly text: "225px";
         readonly sheet: "250px";
     };
     readonly date: {
-        readonly default: "170px";
+        readonly default: "140px";
         readonly text: "170px";
-        readonly sheet: "129px";
+        readonly sheet: "130px";
     };
     readonly order: {
         readonly default: "80px";
@@ -25,7 +25,7 @@ export declare const refundTableCellWidth: {
         readonly sheet: "85px";
     };
     readonly customer: {
-        readonly default: "180px";
+        readonly default: "140px";
         readonly text: "180px";
         readonly sheet: "600px";
     };
@@ -55,7 +55,7 @@ export declare const refundTableCellWidth: {
         readonly sheet: "235px";
     };
     readonly source: {
-        readonly default: "114px";
+        readonly default: "70px";
         readonly text: "125px";
         readonly sheet: "125px";
     };
@@ -110,7 +110,7 @@ export declare const refundTableCellWidth: {
         readonly sheet: "72px";
     };
     readonly amount: {
-        readonly default: "195px";
+        readonly default: "130px";
         readonly text: "195px";
         readonly sheet: "150px";
     };
@@ -155,7 +155,7 @@ export declare const refundTableCellWidth: {
         readonly sheet: "200px";
     };
     readonly metadata: {
-        readonly default: "180px";
+        readonly default: "185px";
         readonly text: "180px";
         readonly sheet: "180px";
     };

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

@@ -5,14 +5,14 @@ export const refundTableCellWidth = {
         sheet: '240px',
     },
     id: {
-        default: '225px',
+        default: '205px',
         text: '225px',
         sheet: '250px',
     },
     date: {
-        default: '170px',
+        default: '140px',
         text: '170px',
-        sheet: '129px',
+        sheet: '130px',
     },
     order: {
         default: '80px',
@@ -25,7 +25,7 @@ export const refundTableCellWidth = {
         sheet: '85px',
     },
     customer: {
-        default: '180px',
+        default: '140px',
         text: '180px',
         sheet: '600px',
     },
@@ -55,7 +55,7 @@ export const refundTableCellWidth = {
         sheet: '235px',
     },
     source: {
-        default: '114px',
+        default: '70px',
         text: '125px',
         sheet: '125px',
     },
@@ -110,7 +110,7 @@ export const refundTableCellWidth = {
         sheet: '72px',
     },
     amount: {
-        default: '195px',
+        default: '130px',
         text: '195px',
         sheet: '150px',
     },
@@ -155,7 +155,7 @@ export const refundTableCellWidth = {
         sheet: '200px',
     },
     metadata: {
-        default: '180px',
+        default: '185px',
         text: '180px',
         sheet: '180px',
     },

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

@@ -20,9 +20,9 @@ export declare const terminalsTableCellWidth: {
         readonly sheet: "80px";
     };
     readonly platform: {
-        readonly default: "80px";
-        readonly text: "80px";
-        readonly sheet: "80px";
+        readonly default: "100px";
+        readonly text: "100px";
+        readonly sheet: "100px";
     };
     readonly branding: {
         readonly default: "80px";

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

@@ -20,9 +20,9 @@ export const terminalsTableCellWidth = {
         sheet: '80px',
     },
     platform: {
-        default: '80px',
-        text: '80px',
-        sheet: '80px',
+        default: '100px',
+        text: '100px',
+        sheet: '100px',
     },
     branding: {
         default: '80px',

package/build/hooks/useCountdown.js

@@ -4,16 +4,19 @@ export function useCountdown() {
     const [timer, setTimer] = useState(0);
     const timerInterval = useRef(null);
     const formattedTime = secondsToTimeString(timer);
+    // Stop the timer
     const stopTimer = () => {
         if (timerInterval.current) {
             clearInterval(timerInterval.current);
             timerInterval.current = null;
         }
     };
+    // Reset the timer
     const resetTimer = () => {
         stopTimer();
         setTimer(0);
     };
+    // Start the timer
     const startTimer = (expiryTime) => {
         if (expiryTime <= 0)
             return;
@@ -31,6 +34,7 @@ export function useCountdown() {
             });
         }, 1000);
     };
+    // Auto-stop and cleanup on unmount
     useEffect(() => {
         return () => {
             stopTimer();

package/build/hooks/useStickyHeaderShadow.js

@@ -1,4 +1,10 @@
 import { useEffect, useState } from 'react';
+/* Usage: you will need to add an empty div before your sticky header and pass it's ref to this hook
+    Example:
+     <Box ref={interceptRef} />
+     <StickyHeader></StickyHeader>
+*/
+// TODO: enhance the hook to take only the ref of the sticky bar and handle adding the interceptRef internally from the hook
 export const useStickyHeaderShadow = (interceptRef) => {
     const [showShadow, setShowShadow] = useState(false);
     useEffect(() => {

package/build/types/entity.d.ts

@@ -1,5 +1,9 @@
 import { Merchant } from './merchant';
 import { TextAndLang } from './user';
+export interface Branch {
+    id: string;
+    name: TextAndLang[];
+}
 export interface Entity {
     id: string;
     legal_name: TextAndLang[];
@@ -7,6 +11,7 @@ export interface Entity {
     created: number;
     country?: string;
     merchants?: Merchant[];
+    branches?: Branch[];
 }
 type DataStatus = 'editable' | 'noneditable';
 export interface EntityDetails {

package/build/utils/api.js

@@ -61,6 +61,7 @@ api.interceptors.request.use((config) => {
         }, 0);
     });
 });
+// create interceptor to add token to all requests
 api.interceptors.request.use((config) => {
     config.headers.Authorization = getLoggedInUserJwtToken();
     const secretKey = getSecretKey();
@@ -81,7 +82,9 @@ export function setApiToken(token) {
         api.defaults.headers.common.Authorization = token;
     });
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function getHeaders(attrs) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const _a = attrs !== null && attrs !== void 0 ? attrs : {}, { sandboxMode, fixedSecretKey, applicationId, serviceId, functionId, userFunctionId, segmentId } = _a, rest = __rest(_a, ["sandboxMode", "fixedSecretKey", "applicationId", "serviceId", "functionId", "userFunctionId", "segmentId"]);
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), { live_mode: sandboxMode ? 'false' : 'true' }), (!!fixedSecretKey && { 'x-test-secret': fixedSecretKey })), (!!applicationId && { application_id: applicationId })), (!!serviceId && { service_id: serviceId })), (!!functionId && { function_id: functionId })), (!!userFunctionId && { user_function_id: userFunctionId }));
 }

package/build/utils/array.js

@@ -1,10 +1,14 @@
 import orderBy from 'lodash/orderBy';
 import get from 'lodash/get';
 export const generateArray = (length) => Array.from({ length }, (_, i) => i);
-export const groupBy = (arr, groupFn) => arr.reduce((grouped, obj) => (Object.assign(Object.assign({}, grouped), { [groupFn(obj)]: [...(grouped[groupFn(obj)] || []), obj] })), {});
+// eslint-disable-next-line
+export const groupBy = (arr, groupFn) => arr.reduce(
+// eslint-disable-next-line
+(grouped, obj) => (Object.assign(Object.assign({}, grouped), { [groupFn(obj)]: [...(grouped[groupFn(obj)] || []), obj] })), {});
 export function sortList({ list, sortBy, orders }) {
     return (sortBy === null || sortBy === void 0 ? void 0 : sortBy.length) && (orders === null || orders === void 0 ? void 0 : orders.length) ? orderBy(list, sortBy, orders) : list;
 }
+// eslint-disable-next-line
 export const sortByString = (list = [], key) => {
     if (!list.length)
         return [];

package/build/utils/billing.js

@@ -28,5 +28,6 @@ export const getDefaultInvoiceInfo = () => ({
     isItemsNotValid: false,
     isAmountIsMissing: false,
     errors: [],
+    // eslint-disable-next-line
     brand: {},
 });

package/build/utils/country.d.ts

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

package/build/utils/country.js

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

package/build/utils/currency.js

@@ -22,6 +22,7 @@ export const intlCurrency = (charge, currencyType) => {
             minimumFractionDigits: currencyConfig[currencyType] ? 3 : 2,
         }).format(charge);
         return currency;
+        // eslint-disable-next-line
     }
     catch (error) {
         toast.error((_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message);
@@ -56,7 +57,9 @@ export const formatCurrencyWithInput = (charge, selectedCurrency) => {
     return chargeString;
 };
 export function formatAmount(amount, decimal = 2) {
+    // Ensure the input is a number
     const num = parseFloat(amount.toString());
+    // Check if it's a valid number
     if (isNaN(num)) {
         const [integerAmount, decimalAmount] = (0).toFixed(decimal).split('.');
         const fullAmount = `${integerAmount}.${decimalAmount}`;
@@ -66,8 +69,11 @@ export function formatAmount(amount, decimal = 2) {
             fullAmount,
         };
     }
+    // Use toFixed(limit) to limit to 2 decimal places
     const fixedNumber = num.toFixed(decimal);
+    // Split integer and decimal parts
     const [integerPart, decimalPart] = fixedNumber.split('.');
+    // Add commas to the integer part
     const formattedInteger = parseInt(integerPart).toLocaleString();
     return {
         integerAmount: formattedInteger,