@tap-payments/auth-jsconnect 2.3.4-test → 2.3.5-test

package/build/utils/validation.js

@@ -1,54 +1,54 @@
-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, '');
-};
-export var isTapDomain = function (domain) {
-    return domain.includes('tap.company');
-};
-export var removeArabicWords = function (str) {
-    return str.replace(/[\u0600-\u06FF]/g, '').trim();
-};
-export var removeAllOtherThanArabicWords = function (str) {
-    return str.replace(/[^ء-ي]/g, '');
-};
-export var isValidEmail = function (email) {
-    return /.+@.+\..+/.test(email);
-};
+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, '');
+};
+export var isTapDomain = function (domain) {
+    return domain.includes('tap.company');
+};
+export var removeArabicWords = function (str) {
+    return str.replace(/[\u0600-\u06FF]/g, '').trim();
+};
+export var removeAllOtherThanArabicWords = function (str) {
+    return str.replace(/[^ء-ي]/g, '');
+};
+export var isValidEmail = function (email) {
+    return /.+@.+\..+/.test(email);
+};

package/package.json

@@ -1,129 +1,129 @@
-{
-	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.3.4-test",
-	"description": "connect library, auth",
-	"private": false,
-	"main": "build/index.js",
-	"module": "build/index.js",
-	"types": "build/index.d.ts",
-	"files": [
-		"build",
-		"README.md"
-	],
-	"scripts": {
-		"husky:setup": "npx husky install",
-		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
-		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
-		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
-		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
-		"start": "cross-env NODE_ENV=development webpack serve",
-		"build": "rm -rf build && cross-env NODE_ENV=production webpack",
-		"copy:files": "copyfiles -u 1 src/**/*.css build/",
-		"tsc:alias": "tsc-alias -p tsconfig.json",
-		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
-		"push": "npm publish --access public"
-	},
-	"keywords": [],
-	"author": {
-		"name": "Ahmed Elsharkawy",
-		"email": "a.elsharkawy@tap.company"
-	},
-	"license": "ISC",
-	"devDependencies": {
-		"@babel/core": "^7.18.6",
-		"@babel/preset-env": "^7.18.6",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/lodash-es": "^4.17.6",
-		"@types/react": "^18.0.15",
-		"@types/react-calendar": "~3.5.1",
-		"@types/react-dom": "^18.0.6",
-		"@typescript-eslint/eslint-plugin": "^5.30.5",
-		"@typescript-eslint/parser": "^5.30.5",
-		"babel-loader": "^8.2.5",
-		"copyfiles": "^2.4.1",
-		"cross-env": "^7.0.3",
-		"css-loader": "^6.7.1",
-		"css-minimizer-webpack-plugin": "^4.0.0",
-		"eslint": "^8.19.0",
-		"eslint-config-airbnb": "^19.0.4",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-import": "^2.26.0",
-		"eslint-plugin-jsx-a11y": "^6.6.0",
-		"eslint-plugin-node": "^11.1.0",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-react": "^7.30.1",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"file-loader": "^6.2.0",
-		"fork-ts-checker-webpack-plugin": "^7.2.12",
-		"html-loader": "^3.1.2",
-		"html-webpack-plugin": "^5.5.0",
-		"husky": "^8.0.1",
-		"lint-staged": "^13.0.3",
-		"mini-css-extract-plugin": "^2.6.1",
-		"prettier": "^2.7.1",
-		"sass": "^1.53.0",
-		"sass-loader": "^13.0.2",
-		"style-loader": "^3.3.1",
-		"terser-webpack-plugin": "^5.3.3",
-		"tsc-alias": "^1.6.11",
-		"typescript": "^4.7.4",
-		"webpack": "^5.73.0",
-		"webpack-cli": "^4.10.0",
-		"webpack-dev-server": "^4.9.3",
-		"webpack-merge": "^5.8.0"
-	},
-	"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",
-		"jsencrypt": "^2.3.1",
-		"lodash-es": "^4.17.21",
-		"lottie-web": "^5.9.6",
-		"moment": "^2.29.4",
-		"react": "^18.2.0",
-		"react-calendar": "~3.7.0",
-		"react-device-detect": "^2.2.2",
-		"react-dom": "^18.2.0",
-		"react-dropzone": "^14.2.2",
-		"react-hook-form": "^7.33.1",
-		"react-i18next": "^11.18.1",
-		"react-multi-date-picker": "^3.3.4",
-		"react-otp-input": "^2.4.0",
-		"react-redux": "^8.0.2",
-		"react-spring-bottom-sheet": "^3.4.1",
-		"yup": "^0.32.11"
-	},
-	"peerDependencies": {
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
-	},
-	"lint-staged": {
-		"src/**/*.{ts,tsx,json,js,jsx}": [
-			"yarn run prettier:fix",
-			"yarn run lint",
-			"git add ."
-		]
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	}
-}
+{
+	"name": "@tap-payments/auth-jsconnect",
+	"version": "2.3.5-test",
+	"description": "connect library, auth",
+	"private": false,
+	"main": "build/index.js",
+	"module": "build/index.js",
+	"types": "build/index.d.ts",
+	"files": [
+		"build",
+		"README.md"
+	],
+	"scripts": {
+		"husky:setup": "npx husky install",
+		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
+		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
+		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
+		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+		"start": "cross-env NODE_ENV=development webpack serve",
+		"build": "rm -rf build && cross-env NODE_ENV=production webpack",
+		"copy:files": "copyfiles -u 1 src/**/*.css build/",
+		"tsc:alias": "tsc-alias -p tsconfig.json",
+		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
+		"push": "npm publish --access public"
+	},
+	"keywords": [],
+	"author": {
+		"name": "Ahmed Elsharkawy",
+		"email": "a.elsharkawy@tap.company"
+	},
+	"license": "ISC",
+	"devDependencies": {
+		"@babel/core": "^7.18.6",
+		"@babel/preset-env": "^7.18.6",
+		"@babel/preset-react": "^7.18.6",
+		"@babel/preset-typescript": "^7.18.6",
+		"@types/lodash-es": "^4.17.6",
+		"@types/react": "^18.0.15",
+		"@types/react-calendar": "~3.5.1",
+		"@types/react-dom": "^18.0.6",
+		"@typescript-eslint/eslint-plugin": "^5.30.5",
+		"@typescript-eslint/parser": "^5.30.5",
+		"babel-loader": "^8.2.5",
+		"copyfiles": "^2.4.1",
+		"cross-env": "^7.0.3",
+		"css-loader": "^6.7.1",
+		"css-minimizer-webpack-plugin": "^4.0.0",
+		"eslint": "^8.19.0",
+		"eslint-config-airbnb": "^19.0.4",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-import": "^2.26.0",
+		"eslint-plugin-jsx-a11y": "^6.6.0",
+		"eslint-plugin-node": "^11.1.0",
+		"eslint-plugin-prettier": "^4.2.1",
+		"eslint-plugin-react": "^7.30.1",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"file-loader": "^6.2.0",
+		"fork-ts-checker-webpack-plugin": "^7.2.12",
+		"html-loader": "^3.1.2",
+		"html-webpack-plugin": "^5.5.0",
+		"husky": "^8.0.1",
+		"lint-staged": "^13.0.3",
+		"mini-css-extract-plugin": "^2.6.1",
+		"prettier": "^2.7.1",
+		"sass": "^1.53.0",
+		"sass-loader": "^13.0.2",
+		"style-loader": "^3.3.1",
+		"terser-webpack-plugin": "^5.3.3",
+		"tsc-alias": "^1.6.11",
+		"typescript": "^4.7.4",
+		"webpack": "^5.73.0",
+		"webpack-cli": "^4.10.0",
+		"webpack-dev-server": "^4.9.3",
+		"webpack-merge": "^5.8.0"
+	},
+	"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",
+		"jsencrypt": "^2.3.1",
+		"lodash-es": "^4.17.21",
+		"lottie-web": "^5.9.6",
+		"moment": "^2.29.4",
+		"react": "^18.2.0",
+		"react-calendar": "~3.7.0",
+		"react-device-detect": "^2.2.2",
+		"react-dom": "^18.2.0",
+		"react-dropzone": "^14.2.2",
+		"react-hook-form": "^7.33.1",
+		"react-i18next": "^11.18.1",
+		"react-multi-date-picker": "^3.3.4",
+		"react-otp-input": "^2.4.0",
+		"react-redux": "^8.0.2",
+		"react-spring-bottom-sheet": "^3.4.1",
+		"yup": "^0.32.11"
+	},
+	"peerDependencies": {
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
+	},
+	"lint-staged": {
+		"src/**/*.{ts,tsx,json,js,jsx}": [
+			"yarn run prettier:fix",
+			"yarn run lint",
+			"git add ."
+		]
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	}
+}

package/build/features/shared/Button/ListButton.js

@@ -1,125 +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 { useTranslation } from 'react-i18next';
-import { styled, useTheme } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import { ICONS_NAMES } from '../../../constants';
-import Loader from '../../../components/Loader';
-import Button from '../../../components/Button';
-import Icon from '../../../components/Icon';
-import CheckIcon from '../CheckIcon';
-import Collapse from '../../../components/Collapse';
-var ArrowIconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
-    var theme = _a.theme, isAr = _a.isAr;
-    return ({
-        width: theme.spacing(2),
-        height: theme.spacing(2),
-        transform: isAr ? 'scaleX(-1)' : 'scaleX(1)',
-        marginInlineEnd: theme.spacing(-0.375),
-        verticalAlign: 'middle'
-    });
-});
-var CheckIconStyled = styled(CheckIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2),
-        height: theme.spacing(2),
-        verticalAlign: 'middle'
-    });
-});
-var ButtonBoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(0, 2.5, 2.5, 2.5),
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexDirection: 'column'
-    });
-});
-var ButtonStyled = styled(Button, {
-    shouldForwardProp: function (prop) { return prop !== 'isLoading'; }
-})(function (_a) {
-    var theme = _a.theme, isLoading = _a.isLoading;
-    return (__assign({ paddingLeft: isLoading ? 0 : 'auto', paddingRight: isLoading ? 0 : 'auto', textTransform: 'none', transition: theme.transitions.create(['width', 'padding'], {
-            easing: theme.transitions.easing.easeInOut,
-            duration: theme.transitions.duration.complex * 2
-        }) }, (isLoading && {
-        minWidth: 0,
-        width: theme.spacing(6),
-        borderRadius: 30
-    })));
-});
-var Image = styled('img')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        fontSize: theme.spacing(3),
-        marginInlineStart: theme.spacing(1),
-        verticalAlign: 'middle'
-    });
-});
-var TextStyled = styled('span')(function () { return ({
-    whiteSpace: 'pre',
-    overflow: 'auto'
-}); });
-export default function ListButton(_a) {
-    var isAr = _a.isAr, requestEmail = _a.requestEmail, addDetails = _a.addDetails;
-    var t = useTranslation().t;
-    var theme = useTheme();
-    var requestEmailLoaderColor = requestEmail.isRequested && !requestEmail.loading ? theme.palette.success.main : theme.palette.primary.main;
-    return (_jsxs(ButtonBoxStyled, { children: [addDetails.children, _jsxs(ButtonStyled, __assign({ isLoading: addDetails.loading, sx: { mb: 1.5 }, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(Loader, { style: {
-                                width: theme.spacing(3.75),
-                                height: theme.spacing(3.75)
-                            }, innerColor: theme.palette.primary.main, outerColor: theme.palette.primary.main, size: 15, toggleAnimation: addDetails.loading }) })), _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(TextStyled, { children: t(addDetails.title) }) }))] })), requestEmail.children, _jsxs(ButtonStyled, __assign({ isLoading: requestEmail.loading, variant: 'outlined', type: 'button', sx: requestEmail.isRequested && !requestEmail.loading
-                    ? {
-                        '&.MuiButton-outlined': {
-                            backgroundColor: theme.palette.common.white,
-                            border: "1px solid ".concat(theme.palette.success.main),
-                            color: theme.palette.success.main,
-                            '&:hover': {
-                                cursor: 'pointer',
-                                backgroundColor: theme.palette.success.main,
-                                color: theme.palette.common.white,
-                                img: {
-                                    filter: 'brightness(0) invert(1)'
-                                },
-                                svg: {
-                                    filter: 'brightness(0) invert(1)'
-                                }
-                            }
-                        }
-                    }
-                    : {
-                        opacity: requestEmail.disabled ? 0.5 : 1,
-                        '&.MuiButton-outlined': requestEmail.disabled
-                            ? {
-                                '&:hover': {
-                                    cursor: 'default',
-                                    backgroundColor: theme.palette.common.white,
-                                    color: theme.palette.primary.main,
-                                    img: {
-                                        filter: 'none'
-                                    },
-                                    svg: {
-                                        filter: 'none'
-                                    }
-                                }
-                            }
-                            : {}
-                    }, onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: requestEmail.isRequested && !requestEmail.loading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: requestEmail.isRequested && !requestEmail.loading ? _jsx(CheckIconStyled, {}) : _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(Loader, { style: {
-                                width: theme.spacing(3.75),
-                                height: theme.spacing(3.75)
-                            }, innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] }))] }));
-}