@tap-payments/os-micro-frontend-shared 0.1.354 → 0.1.356-test.1

package/build/components/TableCells/CustomCells/SourceCell/style.js

@@ -1,42 +1,12 @@
-import { styled } from '@mui/material';
-import { motion } from 'framer-motion';
-export const StyledSourceCell = styled('span')(({ theme }) => ({
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const ExpandableCenterRight = styled(Box)(() => ({
+    marginRight: '8px',
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'flex-start',
-    gap: theme.spacing(1),
+    gap: '4px',
 }));
-export const StyledSourceImage = styled('img')(() => ({
-    maxWidth: '36px',
-    maxHeight: '24px',
-}));
-export const PaymentSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    position: 'absolute',
-    minWidth: `${sourcesCount * 6 + 36}px `,
-    minHeight: '24px',
-    cursor: 'pointer',
-    backgroundColor: theme.palette.background.paper,
-    borderRadius: '16px',
-}));
-export const TextLabel = styled('span')(({ theme }) => ({
-    fontSize: '11px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    padding: '2px 0',
-    color: theme.palette.text.primary,
-}));
-export const BadgeTextWrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingInline: '8px',
-    textAlign: 'center',
-    width: '100%',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
+export const ExpandableCenterLeft = styled(Box)(() => ({
+    marginLeft: '8px',
+    width: 20,
 }));

package/build/components/TableCells/CustomCells/SourceCell/type.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { CENTER_ICON_PRIORITY } from './constant';
+export declare enum CENTER_ICON_KEY {
+    PAYMENT_METHOD = "paymentMethod",
+    PAYMENT_TYPE = "paymentType",
+    PAYMENT_SCHEME = "paymentScheme",
+    PAYMENT_CARD_NUMBER = "paymentCardNumber",
+    PAYMENT_ISSUER = "paymentIssuer",
+    PAYMENT_INITIATED = "paymentInitiated",
+    PAYMENT_DEVICE = "paymentDevice",
+    PAYMENT_AUTH = "paymentAuth",
+    PAYMENT_AGREEMENT = "paymentAgreement"
+}
+export type CenterIconPropName = (typeof CENTER_ICON_PRIORITY)[number];
+export type StatusCellProps = {
+    [K in CenterIconPropName]?: React.ReactNode;
+};

package/build/components/TableCells/CustomCells/SourceCell/type.js

@@ -0,0 +1,12 @@
+export var CENTER_ICON_KEY;
+(function (CENTER_ICON_KEY) {
+    CENTER_ICON_KEY["PAYMENT_METHOD"] = "paymentMethod";
+    CENTER_ICON_KEY["PAYMENT_TYPE"] = "paymentType";
+    CENTER_ICON_KEY["PAYMENT_SCHEME"] = "paymentScheme";
+    CENTER_ICON_KEY["PAYMENT_CARD_NUMBER"] = "paymentCardNumber";
+    CENTER_ICON_KEY["PAYMENT_ISSUER"] = "paymentIssuer";
+    CENTER_ICON_KEY["PAYMENT_INITIATED"] = "paymentInitiated";
+    CENTER_ICON_KEY["PAYMENT_DEVICE"] = "paymentDevice";
+    CENTER_ICON_KEY["PAYMENT_AUTH"] = "paymentAuth";
+    CENTER_ICON_KEY["PAYMENT_AGREEMENT"] = "paymentAgreement";
+})(CENTER_ICON_KEY || (CENTER_ICON_KEY = {}));

package/build/components/TableCells/CustomCells/StatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: "Global" | "Regional" | "Local" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/TableReports/components/DownloadButton/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     color?: string | undefined;

package/build/components/TableReports/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 type ExportButtonProps = {
     notificationState?: {
         success: boolean;

package/build/components/VirtualTables/components/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 interface TableWrapperProps {
     showNoDataView?: boolean;
 }

package/build/constants/apps.js

@@ -488,4 +488,5 @@ export const MF_APPS_MAPPER = new Set([
     APP_CODES.business.code,
     APP_CODES.payouts.code,
     APP_CODES.reports.code,
+    APP_CODES.leads.code,
 ]);

package/build/types/apps.d.ts

@@ -1,5 +1,5 @@
 import { ColumnsView } from './column';
-import { Segment, SegmentCountry, SegmentUser, SelectedBrand, SelectedCountry } from './user';
+import { Segment, SegmentCountry, SegmentUser, SelectedBrand, SelectedCountry, User } from './user';
 import { BusinessMerchant } from './merchant';
 import type { i18n } from 'i18next';
 import { Theme } from '@mui/material';
@@ -101,6 +101,7 @@ export type MFWidgetBaseProps = {
         initialServiceCode?: string;
         initialPayload?: Record<string, any> & AppPayload;
     };
+    user: User;
     segment: {
         code: string;
         type: string;

package/build/types/user.d.ts

@@ -99,18 +99,19 @@ export interface SegmentDetails {
 interface SegmentEntity {
     id: string;
 }
+export interface Contact {
+    email: string;
+    phone: {
+        country_code: string;
+        number: string;
+    };
+}
 export interface SegmentUser {
     id: string;
     created: number;
     individual_id: string;
-    name: Record<string, SegmentUserName>;
-    contact: {
-        email: string;
-        phone: {
-            country_code: string;
-            number: string;
-        };
-    };
+    name: SegmentUserName;
+    contact: Contact;
     birth: {
         date: number;
     };
@@ -124,13 +125,7 @@ export interface SegmentUser {
 export interface IndividualSegmentDetails {
     individual: {
         name: UserName[];
-        contact: {
-            email: string;
-            phone: {
-                country_code: string;
-                number: string;
-            };
-        };
+        contact: Contact;
     };
     segment: Segment;
 }
@@ -211,4 +206,57 @@ export interface UserFormI {
     is_authorized?: boolean;
 }
 export type GeographyVariant = 'G' | 'L' | 'R';
+export interface BrandReference {
+    id: string;
+}
+export interface CountryReference {
+    id: string;
+    entities: EntityReference[];
+}
+export interface EntityReference {
+    id: string;
+}
+export interface UserReference {
+    id: string;
+}
+export interface DeveloperReference {
+    id: string;
+}
+export interface CustomerReference {
+    id: string;
+}
+export interface SelectedSegment {
+    id: string;
+    brands: BrandReference[];
+    countries: CountryReference[];
+    users: UserReference[];
+    developers: DeveloperReference[];
+    customers: CustomerReference[];
+}
+export interface UserNameLocale {
+    lang: string;
+    first: string;
+    last: string;
+}
+export interface Individual {
+    id: string;
+    contact: Contact;
+    name: UserNameLocale[];
+}
+export interface User {
+    individual: Individual;
+    authentication_id: string;
+    individual_id: string;
+    is_active: boolean;
+    bi: string;
+    count: number;
+    has_more: boolean;
+    live_mode: boolean;
+    force_logout: boolean;
+    segments: Segment[];
+    active_segment_id: string;
+    active_segments: SelectedSegment[];
+    created_at: string;
+    updated_at: string;
+}
 export {};

package/build/utils/localStorage.d.ts

@@ -1,4 +1,4 @@
-import { AppDetails, WindowPreview, Segment, TableMode, Timezone } from '../types/index.js';
+import { AppDetails, WindowPreview, Segment, TableMode, Timezone, User, SelectedSegment } from '../types/index.js';
 import { SheetViewColumnsData } from './columnResizeStorage';
 export declare function setSecretKey(): void;
 export declare function getSecretKey(): string | null;
@@ -11,10 +11,10 @@ export declare const setLoggedInUserJwtToken: (token: string) => void;
 export declare const getLoggedInUserJwtToken: () => string | null;
 export declare const removeLoggedInUserJwtToken: () => void;
 export declare const removeLoggedInUserData: () => void;
-export declare const setLoggedInUserData: (data: any) => void;
-export declare const getLoggedInUserData: () => Record<string, any> | null;
+export declare const setLoggedInUserData: (data: User) => void;
+export declare const getLoggedInUserData: () => User | null;
 export declare const getLoggedInUserSegment: () => Segment | null;
-export declare const getLoggedInUserActiveSegment: () => Segment | null;
+export declare const getLoggedInUserActiveSegment: () => SelectedSegment | null;
 export declare const isJwtTokenExpired: () => boolean;
 export declare const isUserLoggedInAndJwtTokenExistsAndNotExpired: () => boolean;
 export declare const setReportRecord: (key: string, reportId: string) => void;

package/build/utils/localStorage.js

@@ -63,11 +63,9 @@ 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)
@@ -87,10 +85,11 @@ export const getLoggedInUserSegment = () => {
     return getSegmentData(userData === null || userData === void 0 ? void 0 : userData.segments, userData === null || userData === void 0 ? void 0 : userData.active_segment_id, userData === null || userData === void 0 ? void 0 : userData.active_segments);
 };
 export const getLoggedInUserActiveSegment = () => {
+    var _a;
     const userData = getLoggedInUserData();
     if (!userData)
         return null;
-    return userData === null || userData === void 0 ? void 0 : userData.active_segments.find((segment) => segment.id === userData.active_segment_id);
+    return (_a = userData === null || userData === void 0 ? void 0 : userData.active_segments.find((segment) => segment.id === userData.active_segment_id)) !== null && _a !== void 0 ? _a : null;
 };
 export const isJwtTokenExpired = () => {
     const token = getLoggedInUserJwtToken();

package/build/utils/segment.d.ts

@@ -1,5 +1,5 @@
-import { Segment, SegmentData } from '../types/index.js';
-export declare const getSegmentData: (segments: Segment[], activeSegmentId: string, activeSegments: Segment[]) => SegmentData;
+import { SelectedSegment, Segment, SegmentData } from '../types/index.js';
+export declare const getSegmentData: (segments: Segment[], activeSegmentId: string, activeSegments: SelectedSegment[]) => SegmentData;
 export declare const getBusinessSegmentConfig: ({ merchantsIds, options }: {
     merchantsIds: string[];
     options?: Record<string, unknown> | undefined;

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.354",
-  "testVersion": 0,
+  "version": "0.1.356-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -164,4 +164,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

package/build/components/TableCells/CustomCells/SourceCell/utils.d.ts

@@ -1 +0,0 @@
-export declare const getPaymentMethodKey: (method?: string) => string | undefined;

package/build/components/TableCells/CustomCells/SourceCell/utils.js

@@ -1,8 +0,0 @@
-const paymentMethodMap = {
-    american_express: 'AMEX',
-    debit: 'card',
-    credit: 'card',
-};
-export const getPaymentMethodKey = (method) => {
-    return paymentMethodMap[(method === null || method === void 0 ? void 0 : method.toLowerCase()) || ''] || method;
-};