@tap-payments/auth-jsconnect 1.0.13 → 1.0.20

package/build/utils/validation.js

@@ -1,39 +1,42 @@
-export var isNumber = function (value) {
-    return value.match(/^[0-9]+$/g) !== null;
-};
-export var removeAllCharsFromNumber = function (str) {
-    return str.replace(/[^0-9]/g, '');
-};
-export var removeOnlyNumbers = function (str) {
-    return str.replace(/[^\D]/g, '');
-};
-export var removeAllOtherThanAlphabet = function (str) {
-    return str.replace(/[^[A-Za-z]/g, '');
-};
-export var removeAllNumberFromChars = function (str) {
-    return str.replace(/[^a-zA-Z]/g, '');
-};
-export var keepEmailCharacters = function (str) {
-    return str.replace(/[^a-zA-Z@.]/g, '');
-};
-export var removeAllOtherThanCharsAndNumber = function (str) {
-    return str.replace(/[^A-Za-z0-9]/g, '');
-};
-export var removeAllOtherThanCharsNumbersAndSpace = function (str) {
-    return str.replace(/[^A-Za-z0-9 ]/g, '');
-};
-export function PasswordMatchLength(password) {
-    return password.length > 7;
-}
-export function isPasswordHasUpperLetter(password) {
-    return /[A-Z]/.test(password);
-}
-export function isPasswordHasLowerLetter(password) {
-    return /[a-z]/.test(password);
-}
-export function isPasswordHasSpecialLetter(password) {
-    return /[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/.test(password);
-}
-export var keepLettersAndSpace = function (str) {
-    return str.replace(/[^a-zA-Z] /g, '');
-};
+export var isNumber = function (value) {
+    return value.match(/^[0-9]+$/g) !== null;
+};
+export var removeAllCharsFromNumber = function (str) {
+    return str.replace(/[^0-9]/g, '');
+};
+export var removeOnlyNumbers = function (str) {
+    return str.replace(/[^\D]/g, '');
+};
+export var removeAllOtherThanAlphabet = function (str) {
+    return str.replace(/[^[A-Za-z]/g, '');
+};
+export var removeAllOtherThanAlphabetAndSpace = function (str) {
+    return str.replace(/[^[A-Za-z ]/g, '');
+};
+export var removeAllNumberFromChars = function (str) {
+    return str.replace(/[^a-zA-Z]/g, '');
+};
+export var keepEmailCharacters = function (str) {
+    return str.replace(/[^a-zA-Z@.]/g, '');
+};
+export var removeAllOtherThanCharsAndNumber = function (str) {
+    return str.replace(/[^A-Za-z0-9]/g, '');
+};
+export var removeAllOtherThanCharsNumbersAndSpace = function (str) {
+    return str.replace(/[^A-Za-z0-9 ]/g, '');
+};
+export function PasswordMatchLength(password) {
+    return password.length > 7;
+}
+export function isPasswordHasUpperLetter(password) {
+    return /[A-Z]/.test(password);
+}
+export function isPasswordHasLowerLetter(password) {
+    return /[a-z]/.test(password);
+}
+export function isPasswordHasSpecialLetter(password) {
+    return /[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/.test(password);
+}
+export var keepLettersAndSpace = function (str) {
+    return str.replace(/[^a-zA-Z] /g, '');
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.13",
+	"version": "1.0.20",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -76,10 +76,13 @@
 	"dependencies": {
 		"@emotion/react": "^11.9.3",
 		"@emotion/styled": "^11.9.3",
+		"@fingerprintjs/fingerprintjs": "~3.3.4",
 		"@hookform/resolvers": "^2.9.6",
 		"@mui/icons-material": "^5.8.4",
 		"@mui/material": "^5.8.7",
 		"@reduxjs/toolkit": "^1.8.3",
+		"axios": "^0.27.2",
+		"device-detector-js": "^3.0.3",
 		"i18next": "^21.8.14",
 		"i18next-browser-languagedetector": "^6.1.4",
 		"i18next-http-backend": "^1.4.1",

package/build/features/app/connect/midStore.d.ts

@@ -1,10 +0,0 @@
-import { RootState } from '../../../app/store';
-import { SharedState } from '../../../@types';
-export interface MIDData {
-}
-export interface MIDState extends SharedState<MIDData> {
-}
-export declare const midSlice: import("@reduxjs/toolkit").Slice<MIDState, {}, "connect/mid">;
-declare const _default: import("redux").Reducer<MIDState, import("redux").AnyAction>;
-export default _default;
-export declare const midSelector: (state: RootState) => MIDState;

package/build/features/app/connect/midStore.js

@@ -1,18 +0,0 @@
-var _a;
-import { createSlice } from '@reduxjs/toolkit';
-var initialState = {
-    error: null,
-    loading: false,
-    data: {}
-};
-export var midSlice = createSlice({
-    name: 'connect/mid',
-    initialState: initialState,
-    reducers: {},
-    extraReducers: function (builder) {
-        console.log(builder);
-    }
-});
-export var _b = _a = midSlice.actions;
-export default midSlice.reducer;
-export var midSelector = function (state) { return state.mid; };

package/build/features/business/screens/OTP/OTPTimer.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export interface TimerProps {
-}
-declare const _default: React.MemoExoticComponent<({}: TimerProps) => JSX.Element>;
-export default _default;

package/build/features/business/screens/OTP/OTPTimer.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import OTPTimer from '../../../../components/OTPTimer';
-import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        padding: theme.spacing(2.5, 0, 6.5, 0)
-    });
-});
-var Timer = function (_a) {
-    var t = useTranslation().t;
-    return (_jsx(BoxStyled, { children: _jsx(OTPTimer, { timeEndLabel: t('resend_otp'), timeInSeconds: DEFAULT_TIMER_VALUE, onResetClick: function () { } }) }));
-};
-export default React.memo(Timer);

package/build/features/business/screens/VerifyNumber/OTPTimer.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export interface TimerProps {
-}
-declare const _default: React.MemoExoticComponent<({}: TimerProps) => JSX.Element>;
-export default _default;

package/build/features/business/screens/VerifyNumber/OTPTimer.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import OTPTimer from '../../../../components/OTPTimer';
-import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        padding: theme.spacing(2.5, 0, 3.75, 0)
-    });
-});
-var Timer = function (_a) {
-    var t = useTranslation().t;
-    return (_jsx(BoxStyled, { children: _jsx(OTPTimer, { timeEndLabel: t('resend_otp'), timeInSeconds: DEFAULT_TIMER_VALUE, onResetClick: function () { } }) }));
-};
-export default React.memo(Timer);

package/build/features/connect/screens/MID/MID.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export interface MIDProps {
-}
-declare const _default: React.MemoExoticComponent<({}: MIDProps) => JSX.Element>;
-export default _default;

package/build/features/connect/screens/MID/MID.js

@@ -1,81 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { useTranslation } from 'react-i18next';
-import { styled } from '@mui/material/styles';
-import Collapse from '../../../../components/Collapse';
-import Form from '../../../../components/Form';
-import Button from '../../../../features/shared/Button';
-import { useAppDispatch } from '../../../../hooks';
-import { handleNextScreenStep } from '../../../../app/settings';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { useLanguage } from '../../../../hooks';
-import MIDTitle from './MIDTitle';
-import MobileNumber from './MobileNumber';
-import IDNumber from './IDNumber';
-import BusinessCountry from './BusinessCountry';
-import { NIDValidationSchema, PhoneValidationSchema } from './validation';
-import { countriesCode, defaultCountry, businessCountries } from '../../../../constants/dummy';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var InputsContainerStyled = styled(Box)(function (_a) {
-    var _b;
-    var theme = _a.theme, listActive = _a.listActive;
-    return (_b = {
-            paddingBottom: theme.spacing(listActive ? 0 : 5)
-        },
-        _b[theme.transitions.create(['padding-bottom'])] = {
-            duration: theme.transitions.duration.standard
-        },
-        _b);
-});
-var ListType;
-(function (ListType) {
-    ListType["BusinessList"] = "BusinessList";
-    ListType["CountryCodeList"] = "CountryCodeList";
-})(ListType || (ListType = {}));
-var MID = function (_a) {
-    var _b = React.useState(false), isNID = _b[0], setIsNID = _b[1];
-    var _c = React.useState(), listType = _c[0], setListType = _c[1];
-    var dispatch = useAppDispatch();
-    var methods = useForm({
-        resolver: yupResolver(isNID ? NIDValidationSchema : PhoneValidationSchema(10)),
-        defaultValues: {
-            countryCode: defaultCountry,
-            businessCountry: defaultCountry,
-            nid: '',
-            dob: '',
-            mobile: ''
-        },
-        mode: 'onChange'
-    });
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var handleMenuListClick = function (flag) {
-        setListType(flag);
-    };
-    var onSubmit = function (data) {
-        console.log('data', data);
-        dispatch(handleNextScreenStep());
-    };
-    var isBusinessListActive = listType === ListType.BusinessList;
-    var isCountryListActive = listType === ListType.CountryCodeList;
-    var listActive = isBusinessListActive || isCountryListActive;
-    return (_jsxs(ScreenContainer, { children: [_jsx(MIDTitle, { show: !listActive, title: t('mobile_id_title'), description: t('mobile_id_description') }), _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(InputsContainerStyled, __assign({ listActive: listActive }, { children: [_jsx(BusinessCountry, { show: !isCountryListActive, countries: businessCountries, onListOpen: function () { return handleMenuListClick(ListType.BusinessList); }, onListClose: function () { return handleMenuListClick(); } }), _jsx(Collapse, __assign({ in: !isNID }, { children: _jsx(MobileNumber, { show: !isBusinessListActive, countries: countriesCode, onSwitchToIdNumber: function () { return setIsNID(true); }, onListOpen: function () { return handleMenuListClick(ListType.CountryCodeList); }, onListClose: function () { return handleMenuListClick(); } }) })), _jsx(Collapse, __assign({ in: isNID }, { children: _jsx(IDNumber, { show: !listActive, onSwitchToMobileNumber: function () { return setIsNID(false); } }) }))] })), _jsx(Collapse, __assign({ in: !listActive }, { children: _jsx(Button, __assign({ isAr: isAr, disabled: !methods.formState.isValid, loading: false }, { children: t('next') })) }))] })) }))] }));
-};
-export default React.memo(MID);

package/build/features/connect/screens/MID/index.d.ts

@@ -1,3 +0,0 @@
-import MID, { MIDProps } from './MID';
-export type { MIDProps };
-export default MID;

package/build/features/connect/screens/MID/index.js

@@ -1,2 +0,0 @@
-import MID from './MID';
-export default MID;

package/build/features/connect/screens/MID/validation.js

@@ -1,10 +0,0 @@
-import * as yup from 'yup';
-export var NIDValidationSchema = yup.object().shape({
-    dob: yup.string().min(5).required('DOB is required'),
-    nid: yup.string().min(8).max(10).required('NID is required')
-});
-export var PhoneValidationSchema = function (min) {
-    return yup.object().shape({
-        mobile: yup.string().min(min).required('mobile_number_error')
-    });
-};

package/build/features/owner/Owner.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface OwnerLibProps {
-}
-export declare function OwnerLib(props: OwnerLibProps): JSX.Element;
-export declare function renderOwnerLib(config: OwnerLibProps, elementId: string): void;
-export declare function unmountOwnerLib(elementId: string): void;

package/build/features/owner/index.d.ts

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

package/build/features/owner/index.js

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

package/build/features/owner/screens/AdditionalOwnerInfo/index.d.ts

@@ -1,3 +0,0 @@
-import AdditionalOwnerInfo, { AdditionalOwnerInfoProps } from './AdditionalOwnerInfo';
-export type { AdditionalOwnerInfoProps };
-export default AdditionalOwnerInfo;

package/build/features/owner/screens/AdditionalOwnerInfo/index.js

@@ -1,2 +0,0 @@
-import AdditionalOwnerInfo from './AdditionalOwnerInfo';
-export default AdditionalOwnerInfo;