@tap-payments/os-micro-frontend-shared 0.1.96-test.16 → 0.1.96-test.17

package/build/constants/apps.js

@@ -14,6 +14,20 @@ export const SERVICE_COMMON_FUNCTIONS = {
         code: 'REPORTS',
     },
 };
+export const BUSINESS_FUNCTIONS = {
+    updateEntity: {
+        code: 'UPDATE ENTITY',
+    },
+    updateBrand: {
+        code: 'UPDATE BRAND',
+    },
+    updateUsers: {
+        code: 'UPDATE USERS',
+    },
+    createUsers: {
+        code: 'CREATE USERS',
+    },
+};
 export const APP_CODES = {
     tokens: {
         code: 'TOKEN',
@@ -40,11 +54,11 @@ export const APP_CODES = {
         services: {
             merchant: {
                 code: 'MERCHANT',
-                functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
+                functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), BUSINESS_FUNCTIONS),
             },
             retailer: {
                 code: 'RETAILER',
-                functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
+                functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), BUSINESS_FUNCTIONS),
             },
         },
     },

package/build/constants/chips/index.d.ts

@@ -0,0 +1 @@
+export * from './statusChips';

package/build/constants/chips/index.js

@@ -0,0 +1 @@
+export * from './statusChips';

package/build/{components/StatusChip/constants.d.ts → constants/chips/statusChips.d.ts}

@@ -1,4 +1,4 @@
-export declare const unknownGeographyColors: {
+export declare const emptyStatusChipColors: {
     bgColor: string;
     borderColor: string;
     textColor: string;

package/build/{components/StatusChip/constants.js → constants/chips/statusChips.js}

@@ -1,4 +1,4 @@
-export const unknownGeographyColors = {
+export const emptyStatusChipColors = {
     bgColor: 'white',
     borderColor: '#F2F2F2',
     textColor: '#20232B33',

package/build/constants/index.d.ts

@@ -12,3 +12,4 @@ export * from './table';
 export * from './toggleOptions';
 export * from './payment';
 export * from './segment';
+export * from './chips';

package/build/constants/index.js

@@ -12,3 +12,4 @@ export * from './table';
 export * from './toggleOptions';
 export * from './payment';
 export * from './segment';
+export * from './chips';

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

@@ -37,7 +37,7 @@ export declare const authenticationsTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "250px";
-        readonly sheet: "250px";
+        readonly sheet: "165px";
     };
     readonly amount: {
         readonly default: "195px";

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

@@ -37,7 +37,7 @@ export const authenticationsTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '250px',
-        sheet: '250px',
+        sheet: '165px',
     },
     amount: {
         default: '195px',

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

@@ -57,12 +57,12 @@ export declare const authorizationTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "150px";
-        readonly sheet: "170px";
+        readonly sheet: "230px";
     };
     readonly amount: {
         readonly default: "170px";
         readonly text: "195px";
-        readonly sheet: "195px";
+        readonly sheet: "150px";
     };
     readonly destinations: {
         readonly default: "70px";
@@ -82,7 +82,7 @@ export declare const authorizationTableCellWidth: {
     readonly merchant: {
         readonly default: "110px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly charge: {
         readonly default: "150px";
@@ -207,7 +207,7 @@ export declare const authorizationTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly acquirer_response: {
         readonly default: "70px";

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

@@ -57,12 +57,12 @@ export const authorizationTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '150px',
-        sheet: '170px',
+        sheet: '230px',
     },
     amount: {
         default: '170px',
         text: '195px',
-        sheet: '195px',
+        sheet: '150px',
     },
     destinations: {
         default: '70px',
@@ -82,7 +82,7 @@ export const authorizationTableCellWidth = {
     merchant: {
         default: '110px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     charge: {
         default: '150px',
@@ -207,7 +207,7 @@ export const authorizationTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     acquirer_response: {
         default: '70px',

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

@@ -92,7 +92,7 @@ export declare const chargeTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly amount: {
         readonly default: "170px";
@@ -132,7 +132,7 @@ export declare const chargeTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly charge: {
         readonly default: "150px";
@@ -222,7 +222,7 @@ export declare const chargeTableCellWidth: {
     readonly consolidated_amount: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "150px";
     };
     readonly customer_amount: {
         readonly default: "150px";

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

@@ -92,7 +92,7 @@ export const chargeTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     amount: {
         default: '170px',
@@ -132,7 +132,7 @@ export const chargeTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     charge: {
         default: '150px',
@@ -222,7 +222,7 @@ export const chargeTableCellWidth = {
     consolidated_amount: {
         default: '180px',
         text: '180px',
-        sheet: '180px',
+        sheet: '150px',
     },
     customer_amount: {
         default: '150px',

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

@@ -67,7 +67,7 @@ export declare const destinationsTableCellWidth: {
     readonly amount: {
         readonly default: "195px";
         readonly text: "195px";
-        readonly sheet: "195px";
+        readonly sheet: "150px";
     };
     readonly status: {
         readonly default: "50px";
@@ -82,7 +82,7 @@ export declare const destinationsTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly actions: {
         readonly default: "100px";
@@ -157,7 +157,7 @@ export declare const destinationsTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly payout_status: {
         readonly default: "120px";

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

@@ -67,7 +67,7 @@ export const destinationsTableCellWidth = {
     amount: {
         default: '195px',
         text: '195px',
-        sheet: '195px',
+        sheet: '150px',
     },
     status: {
         default: '50px',
@@ -82,7 +82,7 @@ export const destinationsTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     actions: {
         default: '100px',
@@ -157,7 +157,7 @@ export const destinationsTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     payout_status: {
         default: '120px',

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

@@ -72,6 +72,6 @@ export declare const merchantsTableCellWidth: {
     readonly merchant: {
         readonly default: "175px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "138px";
     };
 };

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

@@ -72,6 +72,6 @@ export const merchantsTableCellWidth = {
     merchant: {
         default: '175px',
         text: '180px',
-        sheet: '180px',
+        sheet: '138px',
     },
 };

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

@@ -87,12 +87,12 @@ export declare const refundTableCellWidth: {
     readonly eci: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "100px";
+        readonly sheet: "72px";
     };
     readonly amount: {
         readonly default: "195px";
         readonly text: "195px";
-        readonly sheet: "180px";
+        readonly sheet: "150px";
     };
     readonly payouts: {
         readonly default: "195px";
@@ -122,7 +122,7 @@ export declare const refundTableCellWidth: {
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "215px";
+        readonly sheet: "138px";
     };
     readonly reference: {
         readonly default: "95px";

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

@@ -87,12 +87,12 @@ export const refundTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     amount: {
         default: '195px',
         text: '195px',
-        sheet: '180px',
+        sheet: '150px',
     },
     payouts: {
         default: '195px',
@@ -122,7 +122,7 @@ export const refundTableCellWidth = {
     merchant: {
         default: '100px',
         text: '150px',
-        sheet: '215px',
+        sheet: '138px',
     },
     reference: {
         default: '95px',

package/build/utils/color.d.ts

@@ -1,2 +1,13 @@
+import { ColorObject } from 'color';
 export declare function getRandomColor(): string;
 export declare function getRandomGradientColor(): string;
+export declare const hexa2Rgba: (value: string) => {
+    value: {
+        r: number;
+        g: number;
+        b: number;
+        alpha: number;
+    };
+    stringified: string;
+};
+export declare const rgba2Hexa: (value: ColorObject) => string;

package/build/utils/color.js

@@ -1,3 +1,4 @@
+import Color from 'color';
 export function getRandomColor() {
     const colors = [
         '#D6D6D6',
@@ -36,3 +37,29 @@ export function getRandomGradientColor() {
     ];
     return colors[Math.trunc(Math.random() * colors.length)];
 }
+const BLACK_RGBA_COLOR = {
+    r: 0,
+    g: 0,
+    b: 0,
+    alpha: 1,
+};
+export const hexa2Rgba = (value) => {
+    try {
+        const colorInstance = Color(value).rgb();
+        const { r, g, b, alpha = 1 } = colorInstance.object();
+        return {
+            value: { r, g, b, alpha },
+            stringified: `rgba(${r},${g},${b},${alpha})`,
+        };
+    }
+    catch (error) {
+        console.error(error);
+        console.warn(`Invalid hex color: "${value}". Falling back to black.`);
+        const { r, g, b, alpha } = BLACK_RGBA_COLOR;
+        return {
+            value: BLACK_RGBA_COLOR,
+            stringified: `rgba(${r},${g},${b},${alpha})`,
+        };
+    }
+};
+export const rgba2Hexa = (value) => Color(value).hexa();

package/build/utils/object.d.ts

@@ -1,6 +1,7 @@
 export declare function removeUndefinedValues(obj: Record<string, unknown>): {
     [k: string]: unknown;
 };
+export declare const isEmptyValue: (value: unknown) => boolean;
 export declare function removeUndefinedArrayValues(obj: Record<string, unknown>): {
     [k: string]: unknown;
 };

package/build/utils/object.js

@@ -1,14 +1,15 @@
 export function removeUndefinedValues(obj) {
     return Object.fromEntries(Object.entries(obj).filter(([, value]) => value !== undefined));
 }
+export const isEmptyValue = (value) => value === undefined || value === null || value === '';
 export function removeUndefinedArrayValues(obj) {
     return Object.fromEntries(Object.entries(obj).filter(([, value]) => {
         if (Array.isArray(value)) {
-            return value.length > 0 && (value === null || value === void 0 ? void 0 : value.some((v) => !!v));
+            return value.length > 0 && (value === null || value === void 0 ? void 0 : value.some((v) => !isEmptyValue(v)));
         }
         if (typeof value === 'object') {
-            return Object.values(value || {}).some((v) => !!v);
+            return Object.values(value || {}).some((v) => !isEmptyValue(v));
         }
-        return !!value;
+        return !isEmptyValue(value);
     }));
 }

package/build/utils/style.js

@@ -31,10 +31,6 @@ export const getSelectionStyles = ({ isSelected, isCellSelected, isColumnSelecte
 const getRowSelectionStyles = () => ({
     backgroundColor: SELECTION_COLORS.background,
     color: SELECTION_COLORS.primary,
-    border: 'none',
-    '&:before': {
-        border: 'none',
-    },
 });
 const getSingleCellSelectionStyles = () => ({
     border: `${BORDER_STYLES.thin} solid ${SELECTION_COLORS.primary}`,

package/build/utils/table.d.ts

@@ -6,4 +6,6 @@ export declare const getColumnWidthPercentage: (widthInPx: number, options?: {
 export declare const getCellWidth: ({ table, cellID, tableMode }: TableCellWidthProps) => string;
 export declare const calculateMaxAllowedRows: (isLoaded: boolean, isLoading: boolean) => number;
 export declare const isHeightNotFullyFilledByRows: (totalRows: number) => boolean;
-export declare const isTableDefaultMode: (tableMode?: TableMode) => boolean;
+export declare const isTableDefaultMode: (tableMode: TableMode) => boolean;
+export declare const isTableSheetMode: (tableMode: TableMode) => boolean;
+export declare const isTableTextMode: (tableMode: TableMode) => boolean;

package/build/utils/table.js

@@ -73,6 +73,12 @@ export const isHeightNotFullyFilledByRows = (totalRows) => {
     const allowedRows = maxRowsThatFit();
     return totalRows < allowedRows + 1;
 };
-export const isTableDefaultMode = (tableMode = 'default') => {
+export const isTableDefaultMode = (tableMode) => {
     return tableMode === 'default';
 };
+export const isTableSheetMode = (tableMode) => {
+    return tableMode === 'sheet';
+};
+export const isTableTextMode = (tableMode) => {
+    return tableMode === 'text';
+};

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.96-test.16",
-  "testVersion": 16,
+  "version": "0.1.96-test.17",
+  "testVersion": 17,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",