@tap-payments/auth-jsconnect 2.0.45-test → 2.0.45

package/build/features/tax/screens/Verify/Verify.js

@@ -9,9 +9,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAppDispatch } from '../../../../hooks';
+import { useAppDispatch, useSetFromDefaultValues } from '../../../../hooks';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
@@ -50,14 +61,16 @@ var VerifyNumber = function (_a) {
     var _b, _c, _d;
     var dispatch = useAppDispatch();
     var _e = useAppSelector(taxSelector), data = _e.data, loading = _e.loading, error = _e.error;
+    var _f = data.otpData, responseBody = _f.responseBody, defaultValues = __rest(_f, ["responseBody"]);
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
-        defaultValues: data.otpData,
+        defaultValues: defaultValues,
         mode: 'onChange'
     });
+    useSetFromDefaultValues(methods, defaultValues);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _f = React.useState(false), resendLoading = _f[0], setResendLoading = _f[1];
+    var _g = React.useState(false), resendLoading = _g[0], setResendLoading = _g[1];
     var phone = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user.contact) === null || _c === void 0 ? void 0 : _c.phone) === null || _d === void 0 ? void 0 : _d.number;
     React.useEffect(function () {
         if (error && methods.formState.isValid && phone)

package/build/hooks/index.d.ts

@@ -10,3 +10,8 @@ export * from './useAppConfig';
 export * from './useErrorListener';
 export * from './useWindowSize';
 export * from './useStepStartedListener';
+export * from './useScreen';
+export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountry';
+export * from './useVerifyToken';

package/build/hooks/index.js

@@ -10,3 +10,8 @@ export * from './useAppConfig';
 export * from './useErrorListener';
 export * from './useWindowSize';
 export * from './useStepStartedListener';
+export * from './useScreen';
+export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountry';
+export * from './useVerifyToken';

package/build/hooks/useAppConfig.d.ts

@@ -1,6 +1,10 @@
 import { LibConfig, ScreenStepNavigation } from '../@types';
 interface AppConfigProps extends LibConfig {
     navigation: ScreenStepNavigation[];
+    disableCountries?: boolean;
+    disableLocale?: boolean;
+    disableSettingFetching?: boolean;
+    maturity?: 'full' | 'express';
 }
-export declare const useAppConfig: ({ appInfo, navigation, publicKey, ...rest }: AppConfigProps) => void;
+export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, ...rest }: AppConfigProps) => void;
 export {};

package/build/hooks/useAppConfig.js

@@ -27,7 +27,7 @@ import { axiosInstance } from '../api';
 import { isTapDomain, removeRequestHeaders } from '../utils';
 import { ENDPOINT_PATHS } from '../constants';
 export var useAppConfig = function (_a) {
-    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, rest = __rest(_a, ["appInfo", "navigation", "publicKey"]);
+    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity"]);
     var dispatch = useAppDispatch();
     var setBaseUrl = function () {
         var isProd = publicKey.includes('pk_live');
@@ -35,7 +35,7 @@ export var useAppConfig = function (_a) {
             axiosInstance.defaults.baseURL = ENDPOINT_PATHS.PRODUCTION_BASE_URL;
             return;
         }
-        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
     };
     var setAppConfig = function () {
         dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey }, rest)));
@@ -51,11 +51,13 @@ export var useAppConfig = function (_a) {
     useEffect(function () {
         if (rest.open === false)
             return;
-        removeRequestHeaders();
+        if (!disableSettingFetching)
+            removeRequestHeaders();
         checkDomain();
         setBaseUrl();
         setAppConfig();
         dispatch(handleLanguage(rest.language));
-        dispatch(fetchAppSettingsSync());
+        if (!disableSettingFetching)
+            dispatch(fetchAppSettingsSync({ disableCountries: disableCountries, disableLocale: disableLocale, mdn: rest.merchantDomain, maturity: maturity }));
     }, []);
 };

package/build/hooks/useAppDispatch.d.ts

@@ -8,6 +8,6 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
-    otp: import("../features/app/otp/otpStore").OtpState;
-    auth: import("../features/app/auth/authStore").AuthState;
+    brand: import("../features/app/brand/brandStore").BrandState;
+    connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/hooks/useCountUp.d.ts

@@ -0,0 +1,9 @@
+interface CountUpOptions {
+    end: number;
+    start?: number;
+    sleepMS?: number;
+}
+export declare const useCountUp: ({ end, start, sleepMS }: CountUpOptions) => {
+    count: number;
+};
+export {};

package/build/hooks/useCountUp.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+export var useCountUp = function (_a) {
+    var end = _a.end, _b = _a.start, start = _b === void 0 ? 0 : _b, _c = _a.sleepMS, sleepMS = _c === void 0 ? 0 : _c;
+    var _d = useState(start), count = _d[0], setCount = _d[1];
+    var increment = function () {
+        setCount(count + 1);
+    };
+    useEffect(function () {
+        if (count >= end)
+            return;
+        var timer = setTimeout(function () {
+            increment();
+        }, sleepMS);
+        return function () { return clearTimeout(timer); };
+    }, [count]);
+    return { count: count };
+};

package/build/hooks/useCountry.d.ts

@@ -0,0 +1,4 @@
+export declare const useCountry: (code: string) => {
+    isKuwait: boolean;
+    isSaudi: boolean;
+};

package/build/hooks/useCountry.js

@@ -0,0 +1,7 @@
+import { isKW } from '../utils';
+import { useMemo } from 'react';
+export var useCountry = function (code) {
+    var isKuwait = useMemo(function () { return isKW(code); }, [code]);
+    var isSaudi = useMemo(function () { return isKW(code); }, [code]);
+    return { isKuwait: isKuwait, isSaudi: isSaudi };
+};

package/build/hooks/useErrorListener.js

@@ -9,10 +9,4 @@ export var useErrorListener = function (error) {
             (_b = (_a = settings.data.appConfig) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, error);
         }
     }, [error]);
-    useEffect(function () {
-        var _a, _b;
-        if (!settings.error && !settings.loading) {
-            (_b = (_a = settings.data.appConfig).onReady) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-    }, [settings.error, settings.loading]);
 };

package/build/hooks/useScreen.d.ts

@@ -0,0 +1,3 @@
+export declare const useScreen: (breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => {
+    small: boolean;
+};

package/build/hooks/useScreen.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { useWindowSize } from '.';
+import { useTheme } from '@mui/material/styles';
+export var useScreen = function (breakpoint) {
+    if (breakpoint === void 0) { breakpoint = 'sm'; }
+    var _a = useState(false), small = _a[0], setSmall = _a[1];
+    var width = useWindowSize().width;
+    var theme = useTheme();
+    useEffect(function () {
+        var target = theme.breakpoints.values[breakpoint || 'sm'];
+        setSmall(width < target);
+    }, [width]);
+    return { small: small };
+};

package/build/hooks/useSetFromDefaultValues.d.ts

@@ -0,0 +1,2 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;

package/build/hooks/useSetFromDefaultValues.js

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+var isValidValue = function (value) {
+    if (Array.isArray(value))
+        return value.length > 0;
+    if (typeof value === 'object' && !!value)
+        return (Object === null || Object === void 0 ? void 0 : Object.keys(value).length) > 0;
+    return value !== undefined && value !== null && value !== '';
+};
+export var useSetFromDefaultValues = function (method, defaultValues, shouldValidate) {
+    if (shouldValidate === void 0) { shouldValidate = false; }
+    var setFromDefaultValues = function () {
+        for (var key in defaultValues) {
+            if (Object.prototype.hasOwnProperty.call(defaultValues, key)) {
+                if (key === 'responseBody')
+                    continue;
+                var value = defaultValues[key];
+                if (!isValidValue(method.getValues(key)) && isValidValue(value)) {
+                    method.setValue(key, value, { shouldValidate: shouldValidate });
+                }
+            }
+        }
+    };
+    useEffect(function () {
+        setFromDefaultValues();
+    }, [defaultValues]);
+};

package/build/hooks/useVerifyToken.d.ts

@@ -0,0 +1,15 @@
+import { ScreenStepNavigation } from '../@types';
+interface VerifyLeadTokenProps {
+    token: string;
+    isInternally?: boolean;
+}
+interface IVerifyToken {
+    verify: (props: VerifyLeadTokenProps) => any;
+    internalToken?: string;
+    open: boolean;
+    settingLoading: boolean;
+    navigation: ScreenStepNavigation[];
+    loadingScreenName: string;
+}
+export declare const useVerifyToken: ({ verify, internalToken, navigation, open, settingLoading, loadingScreenName }: IVerifyToken) => void;
+export {};

package/build/hooks/useVerifyToken.js

@@ -0,0 +1,25 @@
+import { handleCurrentActiveScreen, handleLanguage } from '../app/settings';
+import { getParameterByName } from '../utils';
+import { useAppDispatch } from './useAppDispatch';
+import { useEffect } from 'react';
+export var useVerifyToken = function (_a) {
+    var verify = _a.verify, internalToken = _a.internalToken, navigation = _a.navigation, open = _a.open, settingLoading = _a.settingLoading, loadingScreenName = _a.loadingScreenName;
+    var dispatch = useAppDispatch();
+    var verifyTokenFun = function () {
+        var token = getParameterByName('token') || internalToken;
+        var lang = getParameterByName('lang');
+        if (lang)
+            dispatch(handleLanguage(lang));
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verify({ token: token, isInternally: !!internalToken }));
+    };
+    useEffect(function () {
+        if (!settingLoading && open)
+            verifyTokenFun();
+    }, [settingLoading, open]);
+    useEffect(function () {
+        if (internalToken && open)
+            dispatch(handleCurrentActiveScreen(loadingScreenName));
+    }, [navigation]);
+};

package/build/index.d.ts

@@ -1,14 +1,14 @@
 import './index.css';
 import './i18n';
-import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
-import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
-import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
-import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
-import { SignInLib, renderSignInLib, SignInLibProps, unmountSignInLib } from './features/signIn';
-import { EntityLib, EntityLibProps, renderEntityLib, unmountEntityLib } from './features/entity';
-import { OTPLib, OTPLibProps, renderOTPLib, unmountOTPLib } from './features/otp/OTP';
-import { AuthLib, AuthLibProps, renderAuthLib, unmountAuthLib } from './features/auth';
-export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, OTPLibProps, AuthLibProps, SignInLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, OTPLib, renderOTPLib, unmountOTPLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+import { ConnectElement, ConnectLibProps } from './features/connect';
+import { ConnectExpressElement, renderConnectExpressLib, ConnectExpressLibProps } from './features/connectExpress';
+import { BusinessElement, BusinessLibProps } from './features/business';
+import { PasswordElement, PasswordLibProps } from './features/password';
+import { IndividualElement, IndividualLibProps } from './features/individual';
+import { BankElement, BankLibProps } from './features/bank';
+import { TaxElement, TaxLibProps } from './features/tax';
+import { SignInElement, SignInLibProps } from './features/signIn';
+import { EntityElement, EntityLibProps } from './features/entity';
+import { BrandElement, BrandLibProps } from './features/brand';
+export type { ConnectLibProps, ConnectExpressLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps };
+export { ConnectElement, ConnectExpressElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, renderConnectExpressLib };

package/build/index.js

@@ -1,36 +1,25 @@
 import './index.css';
 import './i18n';
-import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
-import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
-import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
-import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
-import { SignInLib, renderSignInLib, unmountSignInLib } from './features/signIn';
-import { EntityLib, renderEntityLib, unmountEntityLib } from './features/entity';
-import { OTPLib, renderOTPLib, unmountOTPLib } from './features/otp/OTP';
-import { AuthLib, renderAuthLib, unmountAuthLib } from './features/auth';
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, OTPLib, renderOTPLib, unmountOTPLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+import { ConnectElement, renderConnectLib } from './features/connect';
+import { ConnectExpressElement, renderConnectExpressLib } from './features/connectExpress';
+import { BusinessElement, renderBusinessLib } from './features/business';
+import { PasswordElement, renderPasswordLib } from './features/password';
+import { IndividualElement, renderIndividualLib } from './features/individual';
+import { BankElement, renderBankLib } from './features/bank';
+import { TaxElement, renderTaxLib } from './features/tax';
+import { SignInElement } from './features/signIn';
+import { EntityElement, renderEntityLib } from './features/entity';
+import { BrandElement, renderBrandLib } from './features/brand';
+export { ConnectElement, ConnectExpressElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, renderConnectExpressLib };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
-    unmountConnectLib: unmountConnectLib,
+    renderConnectExpressLib: renderConnectExpressLib,
     renderBusinessLib: renderBusinessLib,
-    unmountBusinessLib: unmountBusinessLib,
     renderPasswordLib: renderPasswordLib,
-    unmountPasswordLib: unmountPasswordLib,
     renderIndividualLib: renderIndividualLib,
-    unmountIndividualLib: unmountIndividualLib,
     renderBankLib: renderBankLib,
-    unmountBankLib: unmountBankLib,
     renderTaxLib: renderTaxLib,
-    unmountTaxLib: unmountTaxLib,
     renderEntityLib: renderEntityLib,
-    unmountEntityLib: unmountEntityLib,
-    renderOTPLib: renderOTPLib,
-    unmountOTPLib: unmountOTPLib,
-    renderSignInLib: renderSignInLib,
-    unmountSignInLib: unmountSignInLib,
-    renderAuthLib: renderAuthLib,
-    unmountAuthLib: unmountAuthLib
+    renderBrandLib: renderBrandLib
 };
 console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/theme/typography.js

@@ -27,5 +27,5 @@ export var typography = {
     body2: { fontSize: '0.875rem' },
     button: { fontSize: '0.875rem' },
     caption: { fontSize: '0.75rem' },
-    overline: { fontSize: '0.75rem' }
+    overline: { fontSize: '0.5rem' }
 };

package/build/utils/array.d.ts

@@ -1,4 +1,4 @@
-import { CountryCode } from '../@types';
+import { Activity, CountryCode, SaleChannel } from '../@types';
 export declare const isArray: (value: any) => value is any[];
 export declare const joinArray: (items: Array<any>, joiner?: string) => string;
 export declare const replaceStringArrayItems: (items: Array<string>, include: string, withThis: string) => string[];
@@ -11,3 +11,54 @@ export declare const isExist: (items: Array<any>, id: string) => any;
 export declare const allAreTruthy: (items: Array<any>, condition: boolean | string, key: string, exclude?: string) => boolean;
 export declare const sortCountries: (countries: Array<CountryCode>) => CountryCode[];
 export declare const findCountryByIso2: (countries: Array<CountryCode>, iso2: string) => CountryCode | undefined;
+export declare const findCurrencyByIso2: (code: string) => "" | "SAR" | "KD";
+export declare const findCountryByIddPrefix: (countries: Array<CountryCode>, iddPrefix: string) => CountryCode | undefined;
+export declare const mapSalesChannel: (salesChannel: Array<SaleChannel>) => {
+    sub?: import("../@types").SubSaleChannel[] | undefined;
+    address: string;
+    id: string;
+    code: string;
+    name?: {
+        ar: string;
+        en: string;
+    } | undefined;
+    logo?: string | undefined;
+}[];
+export declare const mapBrandSalesChannel: (salesChannel: Array<SaleChannel>, brandSalesChannel: Array<SaleChannel>) => ({
+    sub: ({
+        id: string;
+        code: string;
+        name?: {
+            ar: string;
+            en: string;
+        } | undefined;
+        address?: string | undefined;
+        logo?: string | undefined;
+    } | undefined)[] | undefined;
+    id: string;
+    code: string;
+    name?: {
+        ar: string;
+        en: string;
+    } | undefined;
+    address?: string | undefined;
+    logo?: string | undefined;
+} | {
+    sub?: import("../@types").SubSaleChannel[] | undefined;
+    id: string;
+    code: string;
+    name?: {
+        ar: string;
+        en: string;
+    } | undefined;
+    address?: string | undefined;
+    logo?: string | undefined;
+} | undefined)[];
+export declare const removeDuplicationById: (items: Array<any>) => any[];
+export declare const fixBrandList: (items: Array<{
+    channel_services: Array<SaleChannel>;
+}>, salesChannel: Array<SaleChannel>) => {
+    channel_services: any[];
+}[];
+export declare const findFirstId: (items: Array<SaleChannel>) => string;
+export declare const sortActivitiesByName: (items: Array<Activity>, path: string) => Activity[];

package/build/utils/array.js

@@ -1,3 +1,15 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import get from 'lodash-es/get';
 export var isArray = function (value) { return Array.isArray(value); };
 export var joinArray = function (items, joiner) {
     if (joiner === void 0) { joiner = '__'; }
@@ -54,12 +66,79 @@ export var allAreTruthy = function (items, condition, key, exclude) {
     });
 };
 export var sortCountries = function (countries) {
-    return (countries || []).sort(function (cOne, cTwo) {
-        return cOne.name.english.localeCompare(cTwo.name.english);
-    });
+    return (countries || []).sort(function (cOne, cTwo) { return cOne.name.english.localeCompare(cTwo.name.english); });
 };
 export var findCountryByIso2 = function (countries, iso2) {
     if (!iso2)
         throw new Error('iso2 is required');
     return countries.find(function (country) { return country.iso2.toLowerCase() === iso2.toLowerCase(); });
 };
+export var findCurrencyByIso2 = function (code) {
+    if (!code)
+        return '';
+    if (code.toLowerCase() === 'sa')
+        return 'SAR';
+    if (code.toLowerCase() === 'kw')
+        return 'KD';
+    return '';
+};
+export var findCountryByIddPrefix = function (countries, iddPrefix) {
+    if (!iddPrefix)
+        throw new Error('idd_prefix is required');
+    return countries.find(function (country) { return country.idd_prefix.toString() === iddPrefix; });
+};
+export var mapSalesChannel = function (salesChannel) {
+    return salesChannel.map(function (item) {
+        var hasSub = item.sub && item.sub.length > 0;
+        return __assign(__assign(__assign({}, item), { address: (item.address || '').replaceAll('https://', '').replaceAll('@', '') }), (hasSub && {
+            sub: item.sub.map(function (subItem) {
+                return __assign(__assign({}, subItem), { address: (subItem.address || '').replaceAll('https://', '').replaceAll('@', '') });
+            })
+        }));
+    });
+};
+export var mapBrandSalesChannel = function (salesChannel, brandSalesChannel) {
+    var findSalesChannel = function (id) { return salesChannel.find(function (item) { return item.id === id; }); };
+    var mapped = brandSalesChannel
+        .map(function (item) {
+        var _a;
+        var originalSalasChannel = findSalesChannel(item.id);
+        if (!originalSalasChannel)
+            return undefined;
+        var hasSub = item.sub && item.sub.length > 0;
+        if (hasSub)
+            return __assign(__assign({}, item), { sub: (_a = originalSalasChannel.sub) === null || _a === void 0 ? void 0 : _a.map(function (subItem) {
+                    var _a;
+                    var brandSubItem = (_a = item.sub) === null || _a === void 0 ? void 0 : _a.find(function (brandSub) { return brandSub.id === subItem.id; });
+                    if (!brandSubItem)
+                        return undefined;
+                    return __assign(__assign({}, subItem), brandSubItem);
+                }).filter(Boolean) });
+        return __assign({}, item);
+    })
+        .filter(Boolean);
+    return mapped;
+};
+export var removeDuplicationById = function (items) {
+    return items.filter(function (item, index) {
+        return items.findIndex(function (i) { return i.id === item.id; }) === index;
+    });
+};
+export var fixBrandList = function (items, salesChannel) {
+    return items.map(function (item) {
+        return __assign(__assign({}, item), { channel_services: removeDuplicationById(mapBrandSalesChannel(salesChannel, item.channel_services || [])) });
+    });
+};
+export var findFirstId = function (items) {
+    var first = items[0];
+    if (!first)
+        return '';
+    if (first.sub && first.sub.length > 0)
+        return first.sub[0].id;
+    return first.id;
+};
+export var sortActivitiesByName = function (items, path) {
+    return (items || []).sort(function (a, b) {
+        return get(a, path).trim().toLowerCase().localeCompare(get(b, path).trim().toLowerCase().trim().toLowerCase());
+    });
+};

package/build/utils/common.d.ts

@@ -0,0 +1 @@
+export declare const sleep: (milliseconds?: number) => Promise<unknown>;

package/build/utils/common.js

@@ -0,0 +1,4 @@
+export var sleep = function (milliseconds) {
+    if (milliseconds === void 0) { milliseconds = 1000; }
+    return new Promise(function (resolve) { return setTimeout(resolve, milliseconds); });
+};

package/build/utils/date.d.ts

@@ -0,0 +1 @@
+export declare const dateFormat: (date: Date, fmt?: string) => string;

package/build/utils/date.js

@@ -0,0 +1,5 @@
+import moment from 'moment';
+export var dateFormat = function (date, fmt) {
+    if (fmt === void 0) { fmt = 'YYYY-MM-DD'; }
+    return moment(date).format('YYYY-MM-DD');
+};

package/build/utils/device.d.ts

@@ -2,3 +2,4 @@ import { DeviceDetectorResult } from 'device-detector-js';
 import { GetResult } from '@fingerprintjs/fingerprintjs';
 export declare const getBrowserInfo: () => DeviceDetectorResult;
 export declare const getFingerPrint: () => Promise<GetResult>;
+export declare const mobileOS: () => 'Windows Phone' | 'Android' | 'iOS' | 'unknown';

package/build/utils/device.js

@@ -11,3 +11,16 @@ export var getFingerPrint = function () {
         });
     });
 };
+export var mobileOS = function () {
+    var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    if (/windows phone/i.test(userAgent)) {
+        return 'Windows Phone';
+    }
+    if (/android/i.test(userAgent)) {
+        return 'Android';
+    }
+    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+        return 'iOS';
+    }
+    return 'unknown';
+};

package/build/utils/html.d.ts

@@ -1,5 +1,4 @@
 export declare const createElementAndInject: (id: string) => HTMLDivElement;
-export declare const reactElement: (elementId: string) => import("react-dom/client").Root;
 export declare const scrollUp: (elementId: string, top?: number) => void;
 export declare const scrollDown: (elementId: string) => void;
 export declare const removeElement: (elementId: string) => void;

package/build/utils/html.js

@@ -1,17 +1,9 @@
-import { createRoot } from 'react-dom/client';
 export var createElementAndInject = function (id) {
     var element = document.createElement('div');
-    element.setAttribute('id', id);
-    document.body.appendChild(element);
+    element.setAttribute('id', id || 'tap-connect-sdk-element');
+    document.body.prepend(element);
     return element;
 };
-export var reactElement = function (elementId) {
-    var element = document.getElementById(elementId);
-    if (!element) {
-        element = createElementAndInject('tap-payments-sdk-element');
-    }
-    return createRoot(element);
-};
 export var scrollUp = function (elementId, top) {
     var el = document.getElementById(elementId);
     if (!el)

package/build/utils/index.d.ts

@@ -7,3 +7,5 @@ export * from './validation';
 export * from './string';
 export * from './device';
 export * from './rsa';
+export * from './common';
+export * from './date';

package/build/utils/index.js

@@ -7,3 +7,5 @@ export * from './validation';
 export * from './string';
 export * from './device';
 export * from './rsa';
+export * from './common';
+export * from './date';

package/build/utils/locale.js

@@ -1,7 +1,7 @@
 import { initReactI18next } from 'react-i18next';
 import i18n from '../i18n';
 export var updateLocale = function (locale, country) {
-    var data = locale[country.toUpperCase()] || locale['default'];
+    var data = locale['SA'] || locale[country.toUpperCase()] || locale['default'];
     if (i18n.isInitialized) {
         i18n.removeResourceBundle('*', 'translation');
         i18n.addResourceBundle('en', 'translation', data.en.translation);

package/build/utils/object.d.ts

@@ -2,3 +2,4 @@ export declare const compareTwoObjects: (obj1: any, obj2: any) => boolean;
 export declare const encodeObjectBase64: (obj: any) => string;
 export declare const decodeObjectBase64: (str: string) => any;
 export declare const hasKey: (obj: any, key: string) => boolean;
+export declare const concatenateObjectValues: (data: Record<string, any>, keys: Array<string>) => string;