@tap-payments/os-micro-frontend-shared 0.1.135 → 0.1.136

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.js

@@ -4,6 +4,7 @@ export function getCountryNameByISO(countryCode) {
     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,

package/build/utils/date.d.ts

@@ -2,6 +2,11 @@ export declare function getGreetingMessageId(userTimeHours: number): string;
 export declare function getDatePickerFormat(date: Date | [Date, Date], locale: string): string;
 export declare const getUTCOffset: (offsetStr?: string | number) => number;
 export declare const formatUTCOffset: (offset?: number) => string;
+/**
+ * Get the default date range for the calendar
+ * @param startDay - Number of days to subtract from today, default value is 6 days to get the date range of the last 7 days including today
+ * @returns - Array of two dates [startDate, endDate]
+ */
 export declare const getDefaultDateRange: (startDay?: number) => [Date, Date];
 export declare const getUTCTimestamp: (date: Date | string | number) => number;
 export declare const getTimestampByTimezone: (date: Date | string | number, selectedTimezone?: string) => number;

package/build/utils/date.js

@@ -34,6 +34,7 @@ export function getDatePickerFormat(date, locale) {
             month: locale === 'hijri' ? 'short' : 'short',
             day: 'numeric',
         });
+        // @ts-expect-error formatRange is not defined in the type
         return formatter.formatRange(startDate, endDate).replace('AH', '').trim().replace('–', ' – ');
     }
     const formatter = new Intl.DateTimeFormat(calendarMode, {
@@ -58,25 +59,41 @@ export const formatUTCOffset = (offset = 0) => {
     const paddedOffset = Math.abs(offset).toString().padStart(2, '0');
     return `UTC${sign}${paddedOffset}:00`;
 };
+/**
+ * Get the default date range for the calendar
+ * @param startDay - Number of days to subtract from today, default value is 6 days to get the date range of the last 7 days including today
+ * @returns - Array of two dates [startDate, endDate]
+ */
 export const getDefaultDateRange = (startDay = 6) => {
     const monthDaysMinus = dayjs().subtract(startDay, 'day').hour(0).minute(0).second(0).toDate();
     const today = dayjs(new Date()).hour(23).minute(59).second(59).toDate();
     return [monthDaysMinus, today];
 };
 export const getUTCTimestamp = (date) => {
+    // Create a Date object with the local date string
     const localDate = new Date(date);
+    // Get the local timezone offset in minutes
     const localTimezoneOffset = localDate.getTimezoneOffset();
-    const utcTimestamp = localDate.getTime() - localTimezoneOffset * 60000;
+    // Calculate the UTC timestamp by subtracting the local timezone offset
+    const utcTimestamp = localDate.getTime() - localTimezoneOffset * 60000; // Convert minutes to milliseconds
+    // Create a new Date object with the UTC timestamp
     const utcDate = new Date(utcTimestamp);
+    // Convert the UTC date to a string
     const utcDateString = utcDate.toISOString();
     return dayjs(utcDateString).valueOf();
 };
+/*
+ * Convert local date to the selected timezone
+ * @param date - Date object, date string or timestamp
+ * @param selectedTimezone - Timezone string
+ * @returns - Milliseconds
+ */
 export const getTimestampByTimezone = (date, selectedTimezone = TIMEZONES.KW) => {
     const localDate = new Date(date);
     const localTimezoneOffset = localDate.getTimezoneOffset();
-    const selectedTimezoneOffset = getUTCOffset(selectedTimezone) * 60;
+    const selectedTimezoneOffset = getUTCOffset(selectedTimezone) * 60; // Convert hours to minutes
     const timezoneDiff = selectedTimezoneOffset - localTimezoneOffset;
-    const timezoneTimestamp = localDate.getTime() + timezoneDiff * 60000;
+    const timezoneTimestamp = localDate.getTime() + timezoneDiff * 60000; // Convert minutes to milliseconds
     const timezoneDate = new Date(timezoneTimestamp);
     const timezoneDateString = timezoneDate.toISOString();
     return dayjs(timezoneDateString).valueOf();
@@ -86,12 +103,23 @@ export const convertCalendarDateToUTC = (date, hoursOffset = 0) => {
     const adjustedDate = utcDate.subtract(hoursOffset, 'hour');
     return adjustedDate.valueOf();
 };
+/*
+ * Convert UTC date to local date
+ * @param date - Date object, date string or timestamp
+ * @returns - Date object
+ */
 export const convertUTCtoLocalDate = (date) => {
     const localDate = new Date(date);
     const localTimezoneOffset = localDate.getTimezoneOffset();
     const localTimestamp = localDate.getTime() + localTimezoneOffset * 60000;
     return new Date(localTimestamp);
 };
+/*
+ * Convert Local date to the selected timezone
+ * @param date - Date object, date string or timestamp
+ * @param selectedTimezone - Timezone string
+ * @returns - Date object
+ */
 export const changeDateTimezone = (date, { currentTimezone, targetTimezone }) => {
     if (!date) {
         return '';

package/build/utils/encrypt.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 function encryptWithPublicKey(publicKeyPem, text) {
     return __awaiter(this, void 0, void 0, function* () {
+        // Convert PEM to CryptoKey
         function importPublicKey(pem) {
             return __awaiter(this, void 0, void 0, function* () {
                 const pemHeader = '-----BEGIN PUBLIC KEY-----';
@@ -18,7 +19,7 @@ function encryptWithPublicKey(publicKeyPem, text) {
                 const binaryDer = Uint8Array.from(binaryDerString, (c) => c.charCodeAt(0));
                 return yield window.crypto.subtle.importKey('spki', binaryDer.buffer, {
                     name: 'RSA-OAEP',
-                    hash: 'SHA-1',
+                    hash: 'SHA-1', // <-- Important: match Java's default OAEP hash
                 }, true, ['encrypt']);
             });
         }
@@ -27,6 +28,7 @@ function encryptWithPublicKey(publicKeyPem, text) {
         const encryptedBuffer = yield window.crypto.subtle.encrypt({
             name: 'RSA-OAEP',
         }, key, encoder.encode(text));
+        // Convert to Base64 for safe transport
         const bytes = new Uint8Array(encryptedBuffer);
         let binary = '';
         for (let i = 0; i < bytes.byteLength; i++) {

package/build/utils/error.js

@@ -4,10 +4,12 @@ export const isNetworkError = (error) => {
 export const hasError = (error) => {
     return Boolean(error);
 };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const isTimeoutError = (error) => {
     var _a, _b;
     return (_b = ((error === null || error === void 0 ? void 0 : error.code) === 'ECONNABORTED' || ((_a = error === null || error === void 0 ? void 0 : error.message) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes('timeout')))) !== null && _b !== void 0 ? _b : false;
 };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const isNotFoundError = (error) => {
     var _a, _b, _c, _d, _e, _f;
     if (((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) === 404)

package/build/utils/freshdesk.js

@@ -17,6 +17,7 @@ const prepareFreshDeskData = ({ individualDetails, activeSegment, language, }) =
     };
 };
 export const setFreshDeskProperties = ({ individualDetails, activeSegment, language, }) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const fcWidgetObj = window.fcWidget;
     if (!fcWidgetObj) {
         return;
@@ -46,6 +47,7 @@ export const setFreshDeskProperties = ({ individualDetails, activeSegment, langu
     });
 };
 export const openFreshDeskChat = () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const fcWidgetObj = window.fcWidget;
     if (!fcWidgetObj) {
         return;

package/build/utils/geography.js

@@ -1,7 +1,7 @@
 export const getGeographyBoxColor = (palette) => ({
     Local: palette.success.light,
     Regional: palette.info.light,
-    Global: palette.warning.light,
+    Global: palette.warning.light, // yellow
 });
 export const geographyMap = {
     G: 'Global',

package/build/utils/localStorage.js

@@ -23,6 +23,7 @@ export function removeSecretKey() {
 export function removeConnectMetaData() {
     localStorage.removeItem(CONNECT_META_DATA);
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function setNavigationData(data) {
     localStorage.setItem(NAVIGATION_DATA, JSON.stringify(data));
 }
@@ -39,6 +40,7 @@ export function getNavigationData() {
                 }
             });
         });
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
     }
     catch (error) {
         return null;
@@ -59,15 +61,18 @@ export const removeLoggedInUserJwtToken = () => {
 export const removeLoggedInUserData = () => {
     localStorage.removeItem(USER_DATA_KEY);
 };
+// eslint-disable-next-line
 export const setLoggedInUserData = (data) => {
     localStorage.setItem(USER_DATA_KEY, JSON.stringify(data));
 };
+// eslint-disable-next-line
 export const getLoggedInUserData = () => {
     const data = localStorage.getItem(USER_DATA_KEY);
     if (!data)
         return null;
     try {
         return JSON.parse(data);
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
     }
     catch (error) {
         return null;
@@ -128,6 +133,7 @@ export const getCalenderTimezone = () => {
         if (!data)
             return null;
         return JSON.parse(data);
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
     }
     catch (error) {
         return null;
@@ -139,6 +145,7 @@ export const getCalenderTimezoneHistory = () => {
         if (!data)
             return null;
         return JSON.parse(data);
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
     }
     catch (error) {
         return null;

package/build/utils/merchant.js

@@ -1,9 +1,12 @@
 export const getMerchantIds = (activeSegment) => {
     var _a;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (_a = activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.countries) === null || _a === void 0 ? void 0 : _a.reduce((acc, country) => {
         const { entities } = country;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const ids = entities.reduce((entitiesAcc, entity) => {
             const { merchants } = entity;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const entitiesAccIds = (merchants || []).map((merchant) => merchant.legacy_id);
             return [...entitiesAcc, ...entitiesAccIds];
         }, []);

package/build/utils/number.js

@@ -12,6 +12,7 @@ export const stringToNumber = (value) => {
     try {
         const number = parseFloat(value);
         return isNaN(number) ? 0 : number;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
     }
     catch (e) {
         return 0;

package/build/utils/segment.js

@@ -1,6 +1,7 @@
 import { getDefaultEntityCountry } from './entity';
 export const getSegmentData = (segments, activeSegmentId, activeSegments) => {
     var _a, _b, _c;
+    // debugger
     const newSegment = (_a = segments.find((segment) => segment.id === activeSegmentId)) !== null && _a !== void 0 ? _a : {};
     const activeSegment = (_b = activeSegments.find((segment) => segment.id === activeSegmentId)) !== null && _b !== void 0 ? _b : {};
     const defaultCountry = activeSegment.countries.length === 1

package/build/utils/string.d.ts

@@ -7,4 +7,11 @@ export declare const copyText: (text: string) => void;
 export declare const capitalizeFirstLetter: (text: string) => string;
 export declare const percentageToNumber: (percentageStr: string) => number;
 export declare const maskValue: (value: string) => string;
+/**
+ * Transforms a string by replacing a separator with a replacement character and applying proper case formatting
+ * @param text - The string to transform
+ * @param separator - The separator to replace (defaults to underscore)
+ * @param replacement - The replacement character (defaults to space)
+ * @returns The transformed string with proper case formatting
+ */
 export declare const transformStringToProperCase: (text: string, separator?: string | RegExp, replacement?: string) => string;

package/build/utils/string.js

@@ -34,6 +34,7 @@ export const copyText = (text) => {
     else {
         const textArea = document.createElement('textarea');
         textArea.value = text;
+        // Avoid scrolling to bottom
         textArea.style.top = '0';
         textArea.style.left = '0';
         textArea.style.position = 'fixed';
@@ -53,7 +54,16 @@ export const percentageToNumber = (percentageStr) => {
     return parseFloat(number) || 0;
 };
 export const maskValue = (value) => `••• ${value.slice(-4)}`;
+/**
+ * Transforms a string by replacing a separator with a replacement character and applying proper case formatting
+ * @param text - The string to transform
+ * @param separator - The separator to replace (defaults to underscore)
+ * @param replacement - The replacement character (defaults to space)
+ * @returns The transformed string with proper case formatting
+ */
 export const transformStringToProperCase = (text, separator = /_/g, replacement = ' ') => {
+    // Replace separator with replacement character
     const updatedText = text.replace(separator, replacement);
+    // Apply proper case formatting
     return startCase(updatedText);
 };

package/build/utils/style.d.ts

@@ -5,13 +5,24 @@ export declare const SELECTION_COLORS: {
     readonly transparent: "transparent";
 };
 interface GetSelectionStylesParams {
+    /** Whether the current cell/row is selected */
     isSelected: boolean;
+    /** Whether this is a single cell selection */
     isCellSelected: boolean;
+    /** Whether this is part of a column selection */
     isColumnSelected: boolean;
+    /** Whether this is part of a row selection */
     isRowSelected?: boolean;
+    /** Whether this is the last row in the selection */
     isLastRow: boolean;
 }
 type SelectionStyles = Record<string, string | Record<string, string>>;
+/**
+ * Generates CSS styles for table cell selection states
+ *
+ * @param params - Selection state parameters
+ * @returns CSS-in-JS style object for the selected cell/column
+ */
 export declare const getSelectionStyles: ({ isSelected, isCellSelected, isColumnSelected, isRowSelected, isLastRow, }: GetSelectionStylesParams) => SelectionStyles;
 interface GetRowSelectionBorderStylesParams {
     effectiveFirst: boolean;

package/build/utils/style.js

@@ -1,3 +1,4 @@
+// Selection style constants
 export const SELECTION_COLORS = {
     primary: '#1F88D0',
     background: 'white',
@@ -13,31 +14,52 @@ const CELL_DIMENSIONS = {
     minHeight: '28px',
     fullHeight: '100%',
 };
+/**
+ * Generates CSS styles for table cell selection states
+ *
+ * @param params - Selection state parameters
+ * @returns CSS-in-JS style object for the selected cell/column
+ */
 export const getSelectionStyles = ({ isSelected, isCellSelected, isColumnSelected, isRowSelected, isLastRow, }) => {
+    // Early return for non-selected cells
     if (!isSelected) {
         return {};
     }
+    // Row selection styles
     if (isRowSelected) {
         return getRowSelectionStyles();
     }
+    // Single cell selection styles
     if (isCellSelected && !isColumnSelected) {
         return getSingleCellSelectionStyles();
     }
+    // Column selection styles
     if (isColumnSelected) {
         return getColumnSelectionStyles(isLastRow);
     }
     return {};
 };
+/**
+ * Returns styles for row selection
+ */
 const getRowSelectionStyles = () => ({
     backgroundColor: SELECTION_COLORS.background,
     color: SELECTION_COLORS.primary,
 });
+/**
+ * Returns styles for a single selected cell
+ */
 const getSingleCellSelectionStyles = () => ({
     border: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
     backgroundColor: SELECTION_COLORS.background,
     color: SELECTION_COLORS.primary,
     borderRadius: '2px',
 });
+/**
+ * Returns styles for column selection
+ *
+ * @param isLastRow - Whether this is the last row in the selection
+ */
 const getColumnSelectionStyles = (isLastRow) => {
     const borderWidth = getBorderWidthForColumn();
     const borderBottom = getBorderBottomForColumn(isLastRow);
@@ -52,10 +74,16 @@ const getColumnSelectionStyles = (isLastRow) => {
         alignItems: 'center',
     };
 };
+/**
+ * Calculates border width for column selection
+ */
 const getBorderWidthForColumn = () => {
     const { none, thin } = BORDER_STYLES;
     return `${none} ${thin} ${thin} ${thin}`;
 };
+/**
+ * Calculates border bottom for column selection
+ */
 const getBorderBottomForColumn = (isLastRow) => {
     return isLastRow ? `${BORDER_STYLES.thick} solid ${SELECTION_COLORS.primary}` : `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.border}`;
 };

package/build/utils/table.js

@@ -2,7 +2,7 @@ import { walletDetailsTableCellWidth, authenticationsTableCellWidth, authorizati
 export const getColumnWidthPercentage = (widthInPx, options) => {
     const { isFirst, isLast } = options || {};
     const paddingInPx = isFirst || isLast ? 0 : 0;
-    const widthInPercentage = ((widthInPx + paddingInPx) / 898) * 100;
+    const widthInPercentage = ((widthInPx + paddingInPx) / 898) * 100; // 1128 is the total width of the table
     return `${widthInPercentage}%`;
 };
 export const getCellWidth = ({ table, cellID, tableMode }) => {

package/build/utils/url.js

@@ -9,9 +9,11 @@ export const openNewTab = (url, target = '_blank') => {
 export const openUrl = (url) => {
     const isUrl = /^https?:\/\//i.test(url);
     if (isUrl) {
+        // Open normal URLs directly
         window.open(url, '_blank', 'noopener,noreferrer');
     }
     else {
+        // Show the string in the url bar as a query param
         const newUrl = 'about:blank?' + encodeURIComponent(url);
         window.open(newUrl, '_blank', 'noopener,noreferrer');
     }

package/package.json

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