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

package/build/components/index.js

@@ -97,10 +97,6 @@ export { default as AppServices } from './AppServices';
 export { default as ScrollLoader } from './ScrollLoader';
 export * from './ScrollLoader';
 export * from './TooltipChip';
-export { default as ListLayout } from './ListLayout';
-export * from './ListLayout';
-export { default as ToggleView } from './ToggleView';
-export * from './ToggleView';
 export * from './RightLeftExpandingCenterChip';
 export { default as StatusChipWithCopy } from './StatusChipWithCopy';
 export * from './RadioButton';
@@ -109,6 +105,12 @@ export * from './LeftPeekRightExpandingChip';
 export { default as ColorPicker } from './ColorPicker';
 export { default as WindowBackdrop } from './WindowBackdrop';
 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 AppServicesBar } from './AppServicesBar';
 export * from './AppServicesBar';

package/build/constants/apps.d.ts

@@ -12,6 +12,20 @@ export declare const SERVICE_COMMON_FUNCTIONS: {
         code: string;
     };
 };
+export declare const BUSINESS_FUNCTIONS: {
+    updateEntity: {
+        code: string;
+    };
+    updateBrand: {
+        code: string;
+    };
+    updateUsers: {
+        code: string;
+    };
+    createUsers: {
+        code: string;
+    };
+};
 export declare const APP_CODES: {
     tokens: {
         code: string;
@@ -84,6 +98,18 @@ export declare const APP_CODES: {
             merchant: {
                 code: string;
                 functions: {
+                    updateEntity: {
+                        code: string;
+                    };
+                    updateBrand: {
+                        code: string;
+                    };
+                    updateUsers: {
+                        code: string;
+                    };
+                    createUsers: {
+                        code: string;
+                    };
                     view: {
                         code: string;
                     };
@@ -101,6 +127,18 @@ export declare const APP_CODES: {
             retailer: {
                 code: string;
                 functions: {
+                    updateEntity: {
+                        code: string;
+                    };
+                    updateBrand: {
+                        code: string;
+                    };
+                    updateUsers: {
+                        code: string;
+                    };
+                    createUsers: {
+                        code: string;
+                    };
                     view: {
                         code: string;
                     };

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

@@ -544,3 +544,6 @@ export declare const deemaWithLabel: string;
 export declare const blackUnLinkIcon: string;
 export declare const sortDescArrowIcon: string;
 export declare const sortAscArrowIcon: string;
+export declare const closedOutlinedYellowCircle: string;
+export declare const deactivatedOrangeCircle: string;
+export declare const exclamationOutlinedOrangeCircle: string;

package/build/constants/assets.js

@@ -548,3 +548,6 @@ export const deemaWithLabel = `${lightUrl}/deemaWithLabel.svg`;
 export const blackUnLinkIcon = `${lightUrl}/blackUnLinkIcon.svg`;
 export const sortDescArrowIcon = `${lightUrl}/sortDescArrowIcon.svg`;
 export const sortAscArrowIcon = `${lightUrl}/sortAscArrowIcon.svg`;
+export const closedOutlinedYellowCircle = `${lightUrl}/closedOutlinedYellowCircle.svg`;
+export const deactivatedOrangeCircle = `${lightUrl}/deactivatedOrangeCircle.svg`;
+export const exclamationOutlinedOrangeCircle = `${lightUrl}/exclamationOutlinedOrangeCircle.svg`;

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

@@ -37,7 +37,7 @@ export declare const authorizationTableCellWidth: {
     readonly customer: {
         readonly default: "170px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "600px";
     };
     readonly reference: {
         readonly default: "95px";
@@ -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";
@@ -172,7 +172,12 @@ export declare const authorizationTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "350px";
+        readonly sheet: "404px";
+    };
+    readonly issuer_response: {
+        readonly default: "70px";
+        readonly text: "70px";
+        readonly sheet: "270px";
     };
     readonly card_number: {
         readonly default: "120px";
@@ -207,7 +212,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

@@ -37,7 +37,7 @@ export const authorizationTableCellWidth = {
     customer: {
         default: '170px',
         text: '180px',
-        sheet: '180px',
+        sheet: '600px',
     },
     reference: {
         default: '95px',
@@ -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',
@@ -172,7 +172,12 @@ export const authorizationTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '350px',
+        sheet: '404px',
+    },
+    issuer_response: {
+        default: '70px',
+        text: '70px',
+        sheet: '270px',
     },
     card_number: {
         default: '120px',
@@ -207,7 +212,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

@@ -37,7 +37,7 @@ export declare const chargeTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "145px";
+        readonly sheet: "600px";
     };
     readonly source: {
         readonly default: "114px";
@@ -62,7 +62,7 @@ export declare const chargeTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "350px";
+        readonly sheet: "404px";
     };
     readonly payment_method: {
         readonly default: "150px";
@@ -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";
@@ -117,7 +117,7 @@ export declare const chargeTableCellWidth: {
     readonly issuer_response: {
         readonly default: "70px";
         readonly text: "70px";
-        readonly sheet: "175px";
+        readonly sheet: "270px";
     };
     readonly acquirer_response: {
         readonly default: "70px";
@@ -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

@@ -37,7 +37,7 @@ export const chargeTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '145px',
+        sheet: '600px',
     },
     source: {
         default: '114px',
@@ -62,7 +62,7 @@ export const chargeTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '350px',
+        sheet: '404px',
     },
     payment_method: {
         default: '150px',
@@ -92,7 +92,7 @@ export const chargeTableCellWidth = {
     eci: {
         default: '150px',
         text: '150px',
-        sheet: '100px',
+        sheet: '72px',
     },
     amount: {
         default: '170px',
@@ -117,7 +117,7 @@ export const chargeTableCellWidth = {
     issuer_response: {
         default: '70px',
         text: '70px',
-        sheet: '175px',
+        sheet: '270px',
     },
     acquirer_response: {
         default: '70px',
@@ -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

@@ -32,7 +32,7 @@ export declare const destinationsTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "600px";
     };
     readonly chargeId: {
         readonly default: "225px";
@@ -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";
@@ -117,7 +117,7 @@ export declare const destinationsTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "350px";
+        readonly sheet: "404px";
     };
     readonly card_number: {
         readonly default: "120px";
@@ -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

@@ -32,7 +32,7 @@ export const destinationsTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '180px',
+        sheet: '600px',
     },
     chargeId: {
         default: '225px',
@@ -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',
@@ -117,7 +117,7 @@ export const destinationsTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '350px',
+        sheet: '404px',
     },
     card_number: {
         default: '120px',
@@ -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

@@ -27,7 +27,7 @@ export declare const refundTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "145px";
+        readonly sheet: "600px";
     };
     readonly device: {
         readonly default: "100px";
@@ -57,7 +57,7 @@ export declare const refundTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "350px";
+        readonly sheet: "404px";
     };
     readonly payment_method: {
         readonly default: "150px";
@@ -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

@@ -27,7 +27,7 @@ export const refundTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '145px',
+        sheet: '600px',
     },
     device: {
         default: '100px',
@@ -57,7 +57,7 @@ export const refundTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '350px',
+        sheet: '404px',
     },
     payment_method: {
         default: '150px',
@@ -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);
     }));
 }