@tap-payments/os-micro-frontend-shared 0.0.183 → 0.0.184

package/build/utils/freshdesk.js

@@ -0,0 +1,54 @@
+import { getMerchantIds } from './merchant';
+import { getNameText, getUsername } from './language';
+const prepareFreshDeskData = ({ individualDetails, activeSegment, language, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const merchantMids = getMerchantIds(activeSegment);
+    const brands = (_c = (_b = (_a = individualDetails === null || individualDetails === void 0 ? void 0 : individualDetails.segment) === null || _a === void 0 ? void 0 : _a.brands) === null || _b === void 0 ? void 0 : _b.filter((brand) => !!brand.name)) === null || _c === void 0 ? void 0 : _c.map((brand) => getNameText(brand.name, language) || '');
+    const userName = getUsername((_d = individualDetails === null || individualDetails === void 0 ? void 0 : individualDetails.individual) === null || _d === void 0 ? void 0 : _d.name, language);
+    return {
+        email: (_f = (_e = individualDetails === null || individualDetails === void 0 ? void 0 : individualDetails.individual) === null || _e === void 0 ? void 0 : _e.contact) === null || _f === void 0 ? void 0 : _f.email,
+        phone: (_j = (_h = (_g = individualDetails === null || individualDetails === void 0 ? void 0 : individualDetails.individual) === null || _g === void 0 ? void 0 : _g.contact) === null || _h === void 0 ? void 0 : _h.phone) === null || _j === void 0 ? void 0 : _j.number,
+        phoneCountry: (_m = (_l = (_k = individualDetails === null || individualDetails === void 0 ? void 0 : individualDetails.individual) === null || _k === void 0 ? void 0 : _k.contact) === null || _l === void 0 ? void 0 : _l.phone) === null || _m === void 0 ? void 0 : _m.country_code,
+        lastName: userName === null || userName === void 0 ? void 0 : userName.last,
+        firstName: userName === null || userName === void 0 ? void 0 : userName.first,
+        merchants: merchantMids,
+        brands,
+        segmentId: activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.id,
+    };
+};
+export const setFreshDeskProperties = ({ individualDetails, activeSegment, language, }) => {
+    const fcWidgetObj = window.fcWidget;
+    if (!fcWidgetObj) {
+        return;
+    }
+    const data = prepareFreshDeskData({
+        individualDetails,
+        activeSegment,
+        language,
+    });
+    if (data) {
+        fcWidgetObj.user.setProperties({
+            firstName: data === null || data === void 0 ? void 0 : data.firstName,
+            lastName: data === null || data === void 0 ? void 0 : data.lastName,
+            email: data === null || data === void 0 ? void 0 : data.email,
+            phone: data === null || data === void 0 ? void 0 : data.phone,
+            phoneCountry: data === null || data === void 0 ? void 0 : data.phoneCountry,
+        });
+    }
+    const merchants = data === null || data === void 0 ? void 0 : data.merchants;
+    const brands = data === null || data === void 0 ? void 0 : data.brands;
+    const segmentId = data === null || data === void 0 ? void 0 : data.segmentId;
+    fcWidgetObj.conversation.setConversationProperties({
+        cf_phone_number: data === null || data === void 0 ? void 0 : data.phone,
+        cf_mid: (merchants || []).join(' '),
+        cf_brand: (brands || []).join(' '),
+        cf_segment: segmentId,
+    });
+};
+export const openFreshDeskChat = () => {
+    const fcWidgetObj = window.fcWidget;
+    if (!fcWidgetObj) {
+        return;
+    }
+    fcWidgetObj.open();
+};

package/build/utils/geography.d.ts

@@ -0,0 +1,11 @@
+import { Palette } from '@mui/material/styles';
+export declare const getGeographyBoxColor: (palette: Palette) => {
+    Local: string;
+    Regional: string;
+    Global: string;
+};
+export declare const geographyMap: {
+    G: string;
+    R: string;
+    L: string;
+};

package/build/utils/geography.js

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

package/build/utils/index.d.ts

@@ -0,0 +1,41 @@
+export * from './array';
+export * from './date';
+export * from './api';
+export * from './browser';
+export * from './number';
+export * from './color';
+export * from './currency';
+export * from './conversion';
+export * from './country';
+export * from './payout';
+export * from './table';
+export * from './string';
+export * from './api';
+export * from './card';
+export * from './localStorage';
+export * from './chargeError';
+export * from './object';
+export * from './app';
+export * from './validation';
+export * from './extractIdsFromRowData';
+export * from './columns';
+export * from './phone';
+export * from './download';
+export * from './error';
+export * from './date';
+export * from './navigation';
+export * from './freshdesk';
+export * from './user';
+export * from './file';
+export * from './entity';
+export * from './merchant';
+export * from './reports';
+export * from './segment';
+export * from './url';
+export * from './language';
+export * from './source';
+export * from './geography';
+export * from './billing';
+export * from './toggleOptions';
+export * from './flag';
+export * from './encrypt';

package/build/utils/index.js

@@ -0,0 +1,41 @@
+export * from './array';
+export * from './date';
+export * from './api';
+export * from './browser';
+export * from './number';
+export * from './color';
+export * from './currency';
+export * from './conversion';
+export * from './country';
+export * from './payout';
+export * from './table';
+export * from './string';
+export * from './api';
+export * from './card';
+export * from './localStorage';
+export * from './chargeError';
+export * from './object';
+export * from './app';
+export * from './validation';
+export * from './extractIdsFromRowData';
+export * from './columns';
+export * from './phone';
+export * from './download';
+export * from './error';
+export * from './date';
+export * from './navigation';
+export * from './freshdesk';
+export * from './user';
+export * from './file';
+export * from './entity';
+export * from './merchant';
+export * from './reports';
+export * from './segment';
+export * from './url';
+export * from './language';
+export * from './source';
+export * from './geography';
+export * from './billing';
+export * from './toggleOptions';
+export * from './flag';
+export * from './encrypt';

package/build/utils/language.d.ts

@@ -0,0 +1,34 @@
+import { TextAndLang } from '../types/index.js';
+export declare const isArabic: (text?: string) => boolean;
+export declare function getTextByLang(name?: Array<{
+    text: string;
+    lang?: string;
+    locale?: string;
+}>, lang?: string): {
+    text: string;
+    lang?: string | undefined;
+    locale?: string | undefined;
+} | undefined;
+export declare const getNameText: (names: TextAndLang[], language?: string) => string | undefined;
+export declare const getUsername: (names?: Array<{
+    lang: string;
+    first: string;
+    last: string;
+}>, language?: string) => {
+    lang: string;
+    first: string;
+    last: string;
+} | undefined;
+export declare function getCustomerNameByLang(name?: Array<{
+    first: string;
+    middle?: string;
+    last: string;
+    lang?: string;
+    locale?: string;
+}>, lang?: string): {
+    first: string;
+    middle?: string | undefined;
+    last: string;
+    lang?: string | undefined;
+    locale?: string | undefined;
+} | undefined;

package/build/utils/language.js

@@ -0,0 +1,14 @@
+export const isArabic = (text) => {
+    if (!text)
+        return false;
+    const arabicRegex = /[\u0600-\u06FF]/g;
+    return arabicRegex.test(text);
+};
+export function getTextByLang(name, lang = 'en') {
+    return (name || []).find((item) => ((item === null || item === void 0 ? void 0 : item.lang) || (item === null || item === void 0 ? void 0 : item.locale)) === lang) || (name === null || name === void 0 ? void 0 : name[0]);
+}
+export const getNameText = (names, language = 'en') => { var _a; return (_a = (names || []).find((name) => (name === null || name === void 0 ? void 0 : name.lang) === language)) === null || _a === void 0 ? void 0 : _a.text; };
+export const getUsername = (names, language = 'en') => (names || []).find((name) => (name === null || name === void 0 ? void 0 : name.lang) === language);
+export function getCustomerNameByLang(name, lang = 'en') {
+    return (name || []).find((item) => ((item === null || item === void 0 ? void 0 : item.lang) || (item === null || item === void 0 ? void 0 : item.locale)) === lang) || (name === null || name === void 0 ? void 0 : name[0]);
+}

package/build/utils/localStorage.d.ts

@@ -0,0 +1,29 @@
+import { AppDetails, Segment, Timezone } from '../types/index.js';
+export declare function setSecretKey(): void;
+export declare function getSecretKey(): string | null;
+export declare function removeSecretKey(): void;
+export declare function removeConnectMetaData(): void;
+export declare function setNavigationData(data: any): void;
+export declare function getNavigationData(): Record<string, AppDetails[]> | null;
+export declare function removeNavigationData(): void;
+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 getLoggedInUserSegment: () => Segment | null;
+export declare const getLoggedInUserActiveSegment: () => Segment | null;
+export declare const isJwtTokenExpired: () => boolean;
+export declare const isUserLoggedInAndJwtTokenExistsAndNotExpired: () => boolean;
+export declare const setReportRecord: (key: string, reportId: string) => void;
+export declare const getReportRecord: (key: string) => string | null;
+export declare const removeReportRecord: (key: string) => void;
+export declare const removeAppVersion: () => void;
+export declare const setCalenderTimezone: (timezone: Timezone) => void;
+export declare const setCalenderTimezoneHistory: (timezone: Timezone) => void;
+export declare const getCalenderTimezone: () => Timezone | null;
+export declare const getCalenderTimezoneHistory: () => Timezone | null;
+export declare const removeCalenderTimezone: () => void;
+export declare const removeCalenderTimezoneHistory: () => void;
+export declare const clearTapOsLocalStorage: () => void;

package/build/utils/localStorage.js

@@ -0,0 +1,162 @@
+import forOwn from 'lodash/forOwn';
+import { TEST_SECRET_KEY } from '../constants/index.js';
+import { getSegmentData } from './segment';
+const SECRET_KEY_LOCAL_STORAGE = 'Test_Fixed_Secret_Key';
+const CONNECT_META_DATA = 'tap-dashboard-connect-meta-data';
+const NAVIGATION_DATA = 'tap-dashboard-navigation-data';
+const USER_DATA_KEY = 'tap-dashboard-user-data';
+const USER_JWT_KEY = 'tap-dashboard-user-jwt';
+const REPORT_PREFIX = 'tap-dashboard-report';
+const APP_VERSION = 'tap-dashboard-app-version';
+const CALENDER_TIMEZONE = 'tap-dashboard-calender-timezone';
+const CALENDER_TIMEZONE_HISTORY = 'tap-dashboard-calender-timezone-history';
+export function setSecretKey() {
+    localStorage.setItem(SECRET_KEY_LOCAL_STORAGE, TEST_SECRET_KEY);
+}
+export function getSecretKey() {
+    return localStorage.getItem(SECRET_KEY_LOCAL_STORAGE);
+}
+export function removeSecretKey() {
+    localStorage.removeItem(SECRET_KEY_LOCAL_STORAGE);
+}
+export function removeConnectMetaData() {
+    localStorage.removeItem(CONNECT_META_DATA);
+}
+export function setNavigationData(data) {
+    localStorage.setItem(NAVIGATION_DATA, JSON.stringify(data));
+}
+export function getNavigationData() {
+    try {
+        const data = localStorage.getItem(NAVIGATION_DATA);
+        if (!data)
+            return null;
+        const savedNavigationData = JSON.parse(data);
+        return forOwn(savedNavigationData, (apps) => {
+            apps === null || apps === void 0 ? void 0 : apps.forEach((app) => {
+                if (app.payload && app.payload.dateRange) {
+                    app.payload.dateRange = app.payload.dateRange.map((date) => new Date(date));
+                }
+            });
+        });
+    }
+    catch (error) {
+        return null;
+    }
+}
+export function removeNavigationData() {
+    localStorage.removeItem(NAVIGATION_DATA);
+}
+export const setLoggedInUserJwtToken = (token) => {
+    localStorage.setItem(USER_JWT_KEY, token);
+};
+export const getLoggedInUserJwtToken = () => {
+    return localStorage.getItem(USER_JWT_KEY);
+};
+export const removeLoggedInUserJwtToken = () => {
+    localStorage.removeItem(USER_JWT_KEY);
+};
+export const removeLoggedInUserData = () => {
+    localStorage.removeItem(USER_DATA_KEY);
+};
+export const setLoggedInUserData = (data) => {
+    localStorage.setItem(USER_DATA_KEY, JSON.stringify(data));
+};
+export const getLoggedInUserData = () => {
+    const data = localStorage.getItem(USER_DATA_KEY);
+    if (!data)
+        return null;
+    try {
+        return JSON.parse(data);
+    }
+    catch (error) {
+        return null;
+    }
+};
+export const getLoggedInUserSegment = () => {
+    const userData = getLoggedInUserData();
+    if (!userData)
+        return null;
+    return getSegmentData(userData === null || userData === void 0 ? void 0 : userData.segments, userData === null || userData === void 0 ? void 0 : userData.active_segment_id);
+};
+export const getLoggedInUserActiveSegment = () => {
+    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);
+};
+export const isJwtTokenExpired = () => {
+    const token = getLoggedInUserJwtToken();
+    if (!token)
+        return true;
+    const { exp } = JSON.parse(atob(token.split('.')[1]));
+    return Date.now() >= exp * 1000;
+};
+export const isUserLoggedInAndJwtTokenExistsAndNotExpired = () => {
+    return !!getLoggedInUserJwtToken() && !isJwtTokenExpired() && !!getLoggedInUserData();
+};
+export const setReportRecord = (key, reportId) => {
+    localStorage.setItem(`${REPORT_PREFIX}-${key}`, reportId);
+};
+export const getReportRecord = (key) => {
+    return localStorage.getItem(`${REPORT_PREFIX}-${key}`);
+};
+export const removeReportRecord = (key) => {
+    localStorage.removeItem(`${REPORT_PREFIX}-${key}`);
+};
+const removeAllReports = () => {
+    for (let i = 0; i < localStorage.length; i++) {
+        const key = localStorage.key(i);
+        if (key && key.startsWith(REPORT_PREFIX)) {
+            localStorage.removeItem(key);
+            i--;
+        }
+    }
+};
+export const removeAppVersion = () => {
+    localStorage.removeItem(APP_VERSION);
+};
+export const setCalenderTimezone = (timezone) => {
+    localStorage.setItem(CALENDER_TIMEZONE, JSON.stringify(timezone));
+};
+export const setCalenderTimezoneHistory = (timezone) => {
+    localStorage.setItem(CALENDER_TIMEZONE_HISTORY, JSON.stringify(timezone));
+};
+export const getCalenderTimezone = () => {
+    try {
+        const data = localStorage.getItem(CALENDER_TIMEZONE);
+        if (!data)
+            return null;
+        return JSON.parse(data);
+    }
+    catch (error) {
+        return null;
+    }
+};
+export const getCalenderTimezoneHistory = () => {
+    try {
+        const data = localStorage.getItem(CALENDER_TIMEZONE_HISTORY);
+        if (!data)
+            return null;
+        return JSON.parse(data);
+    }
+    catch (error) {
+        return null;
+    }
+};
+export const removeCalenderTimezone = () => {
+    localStorage.removeItem(CALENDER_TIMEZONE);
+};
+export const removeCalenderTimezoneHistory = () => {
+    localStorage.removeItem(CALENDER_TIMEZONE_HISTORY);
+};
+export const clearTapOsLocalStorage = () => {
+    removeSecretKey();
+    removeConnectMetaData();
+    removeNavigationData();
+    removeLoggedInUserJwtToken();
+    removeLoggedInUserData();
+    removeAllReports();
+    removeAppVersion();
+    removeCalenderTimezone();
+    removeCalenderTimezoneHistory();
+};

package/build/utils/merchant.d.ts

@@ -0,0 +1,3 @@
+import { Currency, Segment, SegmentCountry } from '../types/index.js';
+export declare const getMerchantIds: (activeSegment?: Segment | null) => any[] | undefined;
+export declare const getMerchantCurrencies: (currencies: Currency[], activeSegmentCountries: SegmentCountry[]) => Currency[];

package/build/utils/merchant.js

@@ -0,0 +1,21 @@
+export const getMerchantIds = (activeSegment) => {
+    var _a;
+    return (_a = activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.countries) === null || _a === void 0 ? void 0 : _a.reduce((acc, country) => {
+        const { entities } = country;
+        const ids = entities.reduce((entitiesAcc, entity) => {
+            const { merchants } = entity;
+            const entitiesAccIds = (merchants || []).map((merchant) => merchant.legacy_id);
+            return [...entitiesAcc, ...entitiesAccIds];
+        }, []);
+        return [...acc, ...ids];
+    }, []);
+};
+export const getMerchantCurrencies = (currencies, activeSegmentCountries) => {
+    return activeSegmentCountries.reduce((accumulator, country) => {
+        const selectedCurrency = currencies.find((currency) => currency.country.toLowerCase() === country.code.toLowerCase());
+        if (selectedCurrency) {
+            accumulator.push(selectedCurrency);
+        }
+        return accumulator;
+    }, []);
+};

package/build/utils/navigation.d.ts

@@ -0,0 +1,15 @@
+import { AppDetails, UserApp } from '../types/index.js';
+export declare const getApp: (apps: UserApp[], appCode: string) => UserApp | undefined;
+export declare const getService: (services: UserApp['app_services'], serviceCode: string) => import("../types/index.js").AppService | undefined;
+export declare const openNewAppAttrs: ({ appCode, serviceCode, sandboxMode, payload, segmentId, numberOfOpenedApps, }: Pick<AppDetails, "appCode" | "serviceCode" | "payload"> & {
+    sandboxMode?: boolean | undefined;
+    numberOfOpenedApps: number;
+    segmentId: string;
+}) => {
+    payload?: (Record<string, any> & import("../types/index.js").AppPayload) | undefined;
+    segmentId: string;
+    appCode: string;
+    serviceCode: string;
+    sandboxMode: boolean;
+    order: number;
+};

package/build/utils/navigation.js

@@ -0,0 +1,11 @@
+export const getApp = (apps, appCode) => {
+    return apps.find((app) => app.code === appCode);
+};
+export const getService = (services, serviceCode) => {
+    return services.find((service) => service.code === serviceCode);
+};
+export const openNewAppAttrs = ({ appCode, serviceCode, sandboxMode, payload, segmentId, numberOfOpenedApps, }) => {
+    return Object.assign({ segmentId,
+        appCode,
+        serviceCode, sandboxMode: sandboxMode !== null && sandboxMode !== void 0 ? sandboxMode : false, order: numberOfOpenedApps ? numberOfOpenedApps + 1 : 1 }, (payload && { payload }));
+};

package/build/utils/number.d.ts

@@ -0,0 +1,6 @@
+export declare function formatOrdinal(num?: number): string;
+export declare function formatNumber(num: number): string;
+export declare const stringToNumber: (value: string) => number;
+export declare const numberToString: (value: number, fixed?: number) => string;
+export declare function pad(num: number, length?: number): string;
+export declare function isNegative(num: number): boolean;

package/build/utils/number.js

@@ -0,0 +1,30 @@
+export function formatOrdinal(num) {
+    if (!num)
+        return '';
+    const lastDigit = num % 10;
+    const lastTwoDigits = num % 100;
+    return `${num}${lastTwoDigits > 9 && lastTwoDigits < 14 ? 'th' : lastDigit === 1 ? 'st' : lastDigit === 2 ? 'nd' : lastDigit === 3 ? 'rd' : 'th'}`;
+}
+export function formatNumber(num) {
+    return Intl.NumberFormat('en-US').format(num);
+}
+export const stringToNumber = (value) => {
+    try {
+        const number = parseFloat(value);
+        return isNaN(number) ? 0 : number;
+    }
+    catch (e) {
+        return 0;
+    }
+};
+export const numberToString = (value, fixed) => {
+    if (!fixed)
+        return value.toString();
+    return value.toFixed(fixed);
+};
+export function pad(num, length = 2) {
+    return num.toString().padStart(length, '0');
+}
+export function isNegative(num) {
+    return Math.sign(num) === -1;
+}

package/build/utils/object.d.ts

@@ -0,0 +1,6 @@
+export declare function removeUndefinedValues(obj: Record<string, unknown>): {
+    [k: string]: unknown;
+};
+export declare function removeUndefinedArrayValues(obj: Record<string, unknown>): {
+    [k: string]: unknown;
+};

package/build/utils/object.js

@@ -0,0 +1,14 @@
+export function removeUndefinedValues(obj) {
+    return Object.fromEntries(Object.entries(obj).filter(([, value]) => value !== undefined));
+}
+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));
+        }
+        if (typeof value === 'object') {
+            return Object.values(value || {}).some((v) => !!v);
+        }
+        return !!value;
+    }));
+}

package/build/utils/payout.d.ts

@@ -0,0 +1,65 @@
+export declare const formatPayoutDate: (date?: number) => string;
+export declare const formatFlagDate: (date?: number, isSameDay?: boolean) => string;
+export declare const formatRefundPayoutDate: (date?: number) => string;
+export declare const getPayoutDetails: (balance?: {
+    status?: 'PAID_OUT' | 'SETTLED' | 'PENDING';
+    payout?: {
+        id: string;
+        scheduled: number;
+        activities: [
+            {
+                object: string;
+                status: 'PAID_OUT' | 'PENDING';
+                date: number;
+            }
+        ];
+    };
+    settlement?: {
+        id: string;
+        scheduled: number;
+        activities: [
+            {
+                object: string;
+                status: 'SETTLED' | 'PENDING';
+                date: number;
+            }
+        ];
+    };
+}) => {
+    tooltip: Array<{
+        left: string;
+        right: string;
+    }>;
+    status: 'PAID_OUT' | 'PENDING' | 'SETTLED' | undefined;
+} | undefined;
+export declare const getRefundDetails: (balance?: {
+    status?: 'PAID_OUT' | 'SETTLED' | 'PENDING';
+    payout?: {
+        id: string;
+        scheduled: number;
+        activities: [
+            {
+                object: string;
+                status: 'PAID_OUT' | 'PENDING';
+                date: number;
+            }
+        ];
+    };
+    settlement?: {
+        id: string;
+        scheduled: number;
+        activities: [
+            {
+                object: string;
+                status: 'SETTLED' | 'PENDING';
+                date: number;
+            }
+        ];
+    };
+}) => {
+    tooltip: Array<{
+        left: string;
+        right: string;
+    }>;
+    status: 'PAID_OUT' | 'PENDING' | 'SETTLED' | undefined;
+} | undefined;