@tap-payments/auth-jsconnect 1.0.11 → 1.0.16

package/build/features/password/screens/CreatePassword/validation.js

@@ -1,8 +1,8 @@
 import * as yup from 'yup';
 export var PasswordValidation = yup.object().shape({
-    password: yup.string().required('Password is required'),
+    password: yup.string().required('password_required'),
     confirmPassword: yup
         .string()
-        .oneOf([yup.ref('password'), 'Passwords are not the same'])
-        .required('Password confirmation is required')
+        .oneOf([yup.ref('password'), 'confirmPassword'], 'password_not_match')
+        .required('password_not_match')
 });

package/build/features/password/screens/Success/Success.d.ts

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

package/build/features/password/screens/Success/Success.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import SuccessScreen from '../../../shared/SuccessScreen';
+var Success = function (_a) {
+    var t = useTranslation().t;
+    var onSuccess = function () {
+        console.log('success');
+        alert('Account created successfully, please check your email');
+        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+    };
+    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
+};
+export default React.memo(Success);

package/build/features/password/screens/Success/index.d.ts

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

package/build/features/password/screens/Success/index.js

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

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

@@ -41,7 +41,13 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
         margin: theme.spacing(0, 2.5, 2.5, 2.5)
     });
 });
+var ButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        paddingInlineStart: theme.spacing(0.75)
+    });
+});
 export default function CustomButton(_a) {
     var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, props = __rest(_a, ["children", "disabled", "isAr", "loading"]);
-    return (_jsx(ButtonBoxStyled, { children: _jsx(Button, __assign({ disabled: disabled, type: 'submit', startIcon: _jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 30, toggleAnimation: !!loading }), endIcon: _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props, { children: children })) }));
+    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ disabled: disabled, type: 'submit', startIcon: _jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 30, toggleAnimation: !!loading }), endIcon: _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props, { children: children })) }));
 }

package/build/features/shared/Footer/Footer.js

@@ -12,5 +12,5 @@ export default function CustomFooter() {
         var language = isEn ? LanguageMode.AR : LanguageMode.EN;
         dispatch(handleLanguage(language));
     };
-    return (_jsx(Footer, { onSwitchLanguage: handleChangeLanguage, followUsTitle: t('follow_us'), language: t('switch_language_label') }));
+    return _jsx(Footer, { onSwitchLanguage: handleChangeLanguage, followUsTitle: t('follow_us'), language: t('language') });
 }

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -35,6 +35,7 @@ var TextContainerStyled = styled(Box)(function (_a) {
     return (_b = {
             background: theme.palette.common.white,
             border: '1px solid',
+            width: '100%',
             borderColor: theme.palette.divider,
             borderRadius: theme.spacing(0, 0, 1.25, 1.25)
         },
@@ -47,8 +48,16 @@ var TitleStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ fontWeight: theme.typography.fontWeightRegular, color: theme.palette.text.primary, marginBlock: theme.spacing(1.75), lineHeight: 1.75, padding: '0px 20px' }, theme.typography.subtitle2));
 });
+var ContainerStyled = styled(Container)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        justifyContent: 'space-between',
+        minHeight: theme.spacing(30),
+        alignItems: 'center'
+    });
+});
 var ThankYou = function (_a) {
     var onSuccess = _a.onSuccess, title = _a.title;
-    return (_jsxs(Container, __assign({ sx: { alignItems: 'center' } }, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(ButtonStyled, __assign({ onClick: onSuccess }, { children: _jsx("img", { src: ICONS_NAMES.SUCCESS, alt: 'success Icon' }) }))] })));
+    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(ButtonStyled, __assign({ onClick: onSuccess }, { children: _jsx("img", { src: ICONS_NAMES.SUCCESS, alt: 'success Icon' }) }))] }));
 };
 export default React.memo(ThankYou);

package/build/features/tax/screens/Success/Success.d.ts

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

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import SuccessScreen from '../../../shared/SuccessScreen';
+var Success = function (_a) {
+    var t = useTranslation().t;
+    var onSuccess = function () {
+        console.log('success');
+        alert('Account created successfully, please check your email');
+        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+    };
+    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
+};
+export default React.memo(Success);

package/build/features/tax/screens/Success/index.d.ts

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

package/build/features/tax/screens/Success/index.js

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

package/build/features/tax/screens/TaxDetails/VATId.js

@@ -6,22 +6,21 @@ import { useController, useFormContext } from 'react-hook-form';
 import { VAT_ID_LENGTH } from '../../../../constants';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import { removeAllCharsFromNumber } from '../../../../utils';
 var VATId = function () {
     var _a;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var vatControl = useController({ name: 'vatId', control: control });
     var handleOnChange = function (vat) {
-        var value = removeAllOtherThanCharsAndNumber(vat);
+        var value = removeAllCharsFromNumber(vat);
         vatControl.field.onChange(value);
     };
     var vatValue = vatControl.field.value;
     var vatError = (_a = vatControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var hasError = !!vatError;
     var clearValue = function () {
         vatControl.field.onChange('');
     };
-    return (_jsx(FeatureContainer, { children: _jsx(Input, { label: t('vat_id_label'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: '00000000000', warningType: 'alert', warningMessage: vatError, required: true, endAdornment: !hasError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureContainer, { children: _jsx(Input, { label: t('vat_id'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: '00000000000', warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default VATId;

package/build/features/tax/screens/TaxDetails/validation.js

@@ -1,4 +1,4 @@
 import * as yup from 'yup';
 export var Validation = yup.object().shape({
-    vatId: yup.string().min(9).max(15).required('VAT ID is required')
+    vatId: yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat')
 });

package/build/index.css

@@ -1,8 +1,14 @@
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
+
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
 
-/* reset all html elements */
 html,
 body,
 div,
@@ -10,7 +16,6 @@ span,
 applet,
 object,
 iframe,
-form,
 h1,
 h2,
 h3,
@@ -27,7 +32,104 @@ address,
 big,
 cite,
 code,
-body {
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
 	margin: 0;
 	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol,
+ul {
+	list-style: none;
+}
+blockquote,
+q {
+	quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
 }

package/build/index.d.ts

@@ -3,8 +3,8 @@ 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 { OwnerLib, renderOwnerLib, OwnerLibProps, unmountOwnerLib } from './features/owner';
+import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
 import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
 import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
-export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, OwnerLibProps, BankLibProps, TaxLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, OwnerLib, renderOwnerLib, unmountOwnerLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
+export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps };
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };

package/build/index.js

@@ -3,10 +3,10 @@ import './i18n';
 import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
 import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
 import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
-import { OwnerLib, renderOwnerLib, unmountOwnerLib } from './features/owner';
+import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
 import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
 import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, OwnerLib, renderOwnerLib, unmountOwnerLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     unmountConnectLib: unmountConnectLib,
@@ -14,8 +14,8 @@ window['TapAuth'] = {
     unmountBusinessLib: unmountBusinessLib,
     renderPasswordLib: renderPasswordLib,
     unmountPasswordLib: unmountPasswordLib,
-    renderOwnerLib: renderOwnerLib,
-    unmountOwnerLib: unmountOwnerLib,
+    renderIndividualLib: renderIndividualLib,
+    unmountIndividualLib: unmountIndividualLib,
     renderBankLib: renderBankLib,
     unmountBankLib: unmountBankLib,
     renderTaxLib: renderTaxLib,

package/build/theme/typography.js

@@ -1,13 +1,13 @@
 export var typography = {
     htmlFontSize: 16,
-    fontFamily: '"Lato", "Roboto", "Tajawal"',
+    fontFamily: '"Lato", "Tajawal", "Roboto"',
     fontSize: 14,
     fontWeightLight: 300,
     fontWeightRegular: 400,
     fontWeightMedium: 500,
     fontWeightBold: 700,
     allVariants: {
-        fontFamily: '"Lato", "Roboto", "Tajawal"',
+        fontFamily: '"Lato", "Tajawal", "Roboto"',
         fontSize: '0.875rem',
         lineHeight: 'normal',
         fontStyle: 'normal',

package/build/utils/string.js

@@ -1,8 +1,8 @@
 export var string = '';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
-    var first = str.substring(0, 5);
-    var lastTwo = str.substring(11, str.length);
+    var first = str.substring(0, 1);
+    var lastTwo = str.substring(str.length - 2, str.length);
     return first + '••••' + lastTwo;
 };
 export var maskID = function (str) {

package/package.json

@@ -1,120 +1,120 @@
-{
-	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.11",
-	"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": "cross-env NODE_ENV=production webpack",
-		"copy:files": "copyfiles -u 1 src/**/*.css build/",
-		"tsc:alias": "tsc-alias -p tsconfig.json",
-		"ts: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",
-		"@hookform/resolvers": "^2.9.6",
-		"@mui/icons-material": "^5.8.4",
-		"@mui/material": "^5.8.7",
-		"@reduxjs/toolkit": "^1.8.3",
-		"i18next": "^21.8.14",
-		"i18next-browser-languagedetector": "^6.1.4",
-		"i18next-http-backend": "^1.4.1",
-		"lodash-es": "^4.17.21",
-		"react": "^18.2.0",
-		"react-calendar": "~3.7.0",
-		"react-dom": "^18.2.0",
-		"react-hook-form": "^7.33.1",
-		"react-i18next": "^11.18.1",
-		"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": "1.0.16",
+	"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": "cross-env NODE_ENV=production webpack",
+		"copy:files": "copyfiles -u 1 src/**/*.css build/",
+		"tsc:alias": "tsc-alias -p tsconfig.json",
+		"ts: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",
+		"@hookform/resolvers": "^2.9.6",
+		"@mui/icons-material": "^5.8.4",
+		"@mui/material": "^5.8.7",
+		"@reduxjs/toolkit": "^1.8.3",
+		"i18next": "^21.8.14",
+		"i18next-browser-languagedetector": "^6.1.4",
+		"i18next-http-backend": "^1.4.1",
+		"lodash-es": "^4.17.21",
+		"react": "^18.2.0",
+		"react-calendar": "~3.7.0",
+		"react-dom": "^18.2.0",
+		"react-hook-form": "^7.33.1",
+		"react-i18next": "^11.18.1",
+		"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/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;