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

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,18 +5,29 @@ 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;
+    isFirstColumn: boolean;
     isPinnedStart: boolean;
     isPinnedEnd: boolean;
 }
-export declare const getRowSelectionBorderStyles: ({ effectiveFirst, isPinnedStart, isPinnedEnd }: GetRowSelectionBorderStylesParams) => SelectionStyles;
+export declare const getRowSelectionBorderStyles: ({ isFirstColumn, isPinnedStart, isPinnedEnd }: GetRowSelectionBorderStylesParams) => SelectionStyles;
 export {};

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,16 +74,22 @@ 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}`;
 };
-export const getRowSelectionBorderStyles = ({ effectiveFirst, isPinnedStart, isPinnedEnd }) => ({
+export const getRowSelectionBorderStyles = ({ isFirstColumn, isPinnedStart, isPinnedEnd }) => ({
     borderTop: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
     borderBottom: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,
     borderRight: `${BORDER_STYLES.thin} solid ${isPinnedEnd ? SELECTION_COLORS.primary : 'none'}`,
-    borderLeft: `${BORDER_STYLES.thin} solid ${isPinnedStart && effectiveFirst ? SELECTION_COLORS.primary : 'transparent'}`,
+    borderLeft: `${BORDER_STYLES.thin} solid ${isPinnedStart && isFirstColumn ? SELECTION_COLORS.primary : 'transparent'}`,
 });

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-test.2",
+  "testVersion": 2,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -136,4 +136,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}