@tap-payments/auth-jsconnect 2.0.25 → 2.0.26

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

@@ -63,7 +63,7 @@ import { FlowsTypes, AuthForType } from '../../../@types';
 import API from '../../../api';
 import { CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_BRAND } from '../../../constants';
 import { defaultCountry } from '../../../constants';
-import { getIndividualName, capitalizeTheFirstLetterOfEachWord, getEighteenYearsAgo, sleep, findCountryByIddPrefix, concatenateObjectValues } from '../../../utils';
+import { getIndividualName, capitalizeTheFirstLetterOfEachWord, getEighteenYearsAgo, sleep, findCountryByIddPrefix, concatenateObjectValues, isTwitter, isWebsite } from '../../../utils';
 export var createMobileAuth = createAsyncThunk('createMobileAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, requestBody, data;
     var _a, _b;
@@ -425,7 +425,7 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
     });
 }); });
 export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, responseBody, isNewBrand, brandName, salesChannels, selectedBrandItem, isTwitterChannel, isWebsiteChannel, getAddress, channel_services, brandReqBody_1, brand_1, brandNameBody, payload, lead, brandReqBody, brand;
+    var _a, settings, connect, responseBody, isNewBrand, brandName, salesChannels, selectedBrandItem, getAddress, channel_services, brandReqBody_1, brand_1, brandNameBody, payload, lead, brandReqBody, brand;
     var _b, _c, _d, _e, _f;
     return __generator(this, function (_g) {
         switch (_g.label) {
@@ -433,8 +433,6 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
                 responseBody = connect.data.otpData.responseBody;
                 isNewBrand = params.isNewBrand, brandName = params.brandName, salesChannels = params.salesChannels, selectedBrandItem = params.selectedBrandItem;
-                isTwitterChannel = function (value) { return value === 'twitter'; };
-                isWebsiteChannel = function (value) { return value === 'website'; };
                 getAddress = function (value, isTwitter, isWeb) {
                     if (isTwitter)
                         return '@' + value;
@@ -444,15 +442,11 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                 };
                 channel_services = salesChannels.map(function (channel) {
                     var _a;
-                    var isTwitter = isTwitterChannel(channel.code);
-                    var isWebsite = isWebsiteChannel(channel.code);
                     return {
                         id: channel.id,
-                        address: getAddress(channel.address || '', isTwitter, isWebsite),
+                        address: getAddress(channel.address || '', isTwitter(channel.code), isWebsite(channel.code)),
                         sub: (_a = channel.sub) === null || _a === void 0 ? void 0 : _a.map(function (sub) {
-                            var isSubTwitter = isTwitterChannel(sub.code);
-                            var isSubWebsite = isWebsiteChannel(sub.code);
-                            return { id: sub.id, address: getAddress(sub.address || '', isSubTwitter, isSubWebsite) };
+                            return { id: sub.id, address: getAddress(sub.address || '', isTwitter(sub.code), isWebsite(sub.code)) };
                         })
                     };
                 });

package/build/features/connect/screens/Merchant/BrandList.js

@@ -34,6 +34,7 @@ import SimpleList from '../../../../components/SimpleList';
 import Text from '../../../../components/Text';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Collapse from '../../../../components/Collapse';
+import { mapSalesChannel } from '../../../../utils';
 var InputStyled = styled(Input)(function () { return ({
     '& .MuiInputBase-input': {
         cursor: 'pointer'
@@ -76,8 +77,9 @@ var BrandList = function (_a) {
     };
     var onSelectItem = function (brand) {
         selectedBrandControl.field.onChange(brand);
-        if (!isOtherBrand(brand))
-            setValue('salesChannels', brand.channel_services || [], { shouldValidate: true });
+        if (!isOtherBrand(brand)) {
+            setValue('salesChannels', mapSalesChannel(brand.channel_services || []), { shouldValidate: true });
+        }
         if (isOtherBrand(brand)) {
             setValue('salesChannels', [], { shouldValidate: true });
             setValue('brandName', '');

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

@@ -23,7 +23,7 @@ import Button from '../../../shared/Button';
 import { clearError, connectSelector, updateLeadBrand } from '../../../app/connect/connectStore';
 import { useLanguage } from '../../../../hooks';
 import { AuthForType } from '../../../../@types';
-import { isKW } from '../../../../utils';
+import { isKW, mapSalesChannel } from '../../../../utils';
 import { MerchantValidationSchema } from './validation';
 import BrandName from './BrandName';
 import SocialMedia from './SocialMedia';
@@ -79,12 +79,15 @@ var Merchant = function (_a) {
     React.useEffect(function () {
         if (selectedBrandItem.id) {
             methods.setValue('selectedBrandItem', selectedBrandItem);
-            methods.setValue('salesChannels', selectedBrandItem.channel_services || [], { shouldValidate: true });
+            var sales = mapSalesChannel(selectedBrandItem.channel_services || []);
+            methods.setValue('salesChannels', sales, { shouldValidate: true });
         }
     }, [selectedBrandItem]);
     React.useEffect(function () {
-        if (salesChannels.length > 0)
-            methods.setValue('salesChannels', salesChannels, { shouldValidate: true });
+        if (salesChannels.length > 0) {
+            var sales = mapSalesChannel(salesChannels);
+            methods.setValue('salesChannels', sales, { shouldValidate: true });
+        }
     }, [salesChannels]);
     React.useEffect(function () {
         if (termAndConditionChecked === true)

package/build/features/connect/screens/Merchant/SocialMedia.js

@@ -32,6 +32,7 @@ import SocialMediaGroup from '../../../../components/SocialMediaGroup';
 import ToggleButton from '../../../../components/ToggleButton';
 import Icon from '../../../../components/Icon';
 import { useLanguage } from '../../../../hooks';
+import { isWebsite, isTwitter } from '../../../../utils';
 var SocialMediaGroupStyled = styled(SocialMediaGroup)(function (_a) {
     var theme = _a.theme, defaultValue = _a.defaultValue;
     return ({
@@ -168,18 +169,14 @@ var SocialMedia = function (_a) {
                         }) })), selectedChannels.map(function (channel, index) {
                         var _a;
                         var isActive = activeSocialId === channel.id;
-                        var isWebSite = channel.code === 'website';
-                        var isTwitter = channel.code === 'twitter';
                         return ((_a = channel.sub) === null || _a === void 0 ? void 0 : _a.length) ? (channel.sub.map(function (sub, subIndex) {
                             var isSubActive = activeSocialId === sub.id;
-                            var isSubWebSite = sub.code === 'website';
-                            var isSubTwitter = sub.code === 'twitter';
                             return (_jsx(Collapse, __assign({ in: isSubActive, timeout: 300 }, { children: _jsx(InputStyled, { onChange: function (e) {
                                         onChangeInput(e.target.value, sub.id);
-                                    }, value: sub.address || '', startAdornment: _jsx(TextStyled, __assign({ sx: __assign({}, (isSubTwitter && { fontSize: '20px' })) }, { children: isSubWebSite ? "https://" : isSubTwitter ? "@" : '' })), placeholder: t(getPlaceHolder(sub)) }) }), "sub_".concat(subIndex)));
+                                    }, value: sub.address || '', startAdornment: _jsx(TextStyled, __assign({ sx: __assign({}, (isTwitter(sub.code) && { fontSize: '20px' })) }, { children: isWebsite(sub.code) ? "https://" : isTwitter(sub.code) ? "@" : '' })), placeholder: t(getPlaceHolder(sub)) }) }), "sub_".concat(subIndex)));
                         })) : (_jsx(Collapse, __assign({ in: isActive, timeout: 300 }, { children: _jsx(InputStyled, { onChange: function (e) {
                                     onChangeInput(e.target.value, channel.id);
-                                }, value: channel.address || '', startAdornment: _jsx(TextStyled, __assign({ sx: __assign({}, (isTwitter && { fontSize: '20px' })) }, { children: isWebSite ? "https://" : isTwitter ? "@" : '' })), placeholder: t(getPlaceHolder(channel)) }) }), index));
+                                }, value: channel.address || '', startAdornment: _jsx(TextStyled, __assign({ sx: __assign({}, (isTwitter(channel.code) && { fontSize: '20px' })) }, { children: isWebsite(channel.code) ? "https://" : isTwitter(channel.code) ? "@" : '' })), placeholder: t(getPlaceHolder(channel)) }) }), index));
                     }), _jsx(Collapse, __assign({ in: !!hasError }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(linksErrorMsg) })) }))] })) })) }));
 };
 export default React.memo(SocialMedia);

package/build/utils/array.d.ts

@@ -1,4 +1,4 @@
-import { CountryCode } from '../@types';
+import { 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[];
@@ -12,3 +12,14 @@ export declare const allAreTruthy: (items: Array<any>, condition: boolean | stri
 export declare const sortCountries: (countries: Array<CountryCode>) => CountryCode[];
 export declare const findCountryByIso2: (countries: Array<CountryCode>, iso2: string) => CountryCode | undefined;
 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;
+}[];

package/build/utils/array.js

@@ -1,3 +1,14 @@
+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);
+};
 export var isArray = function (value) { return Array.isArray(value); };
 export var joinArray = function (items, joiner) {
     if (joiner === void 0) { joiner = '__'; }
@@ -68,3 +79,13 @@ export var findCountryByIddPrefix = function (countries, 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('@', '') });
+            })
+        }));
+    });
+};

package/build/utils/string.d.ts

@@ -44,3 +44,13 @@ export declare const getScreenNameBasedOnFlow: (flow: string) => "CONNECT_NID_ST
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string) => boolean;
+export declare const isLinkedIn: (flag: string) => boolean;
+export declare const isTwitter: (flag: string) => boolean;
+export declare const isWebsite: (flag: string) => boolean;
+export declare const isIos: (flag: string) => boolean;
+export declare const isAndroid: (flag: string) => boolean;
+export declare const isFacebook: (flag: string) => boolean;
+export declare const isInstagram: (flag: string) => boolean;
+export declare const isPhysicalStore: (flag: string) => boolean;
+export declare const isCallCenter: (flag: string) => boolean;
+export declare const getChannelIcon: (channel: string) => string;

package/build/utils/string.js

@@ -1,7 +1,7 @@
 import { FlowsTypes } from '../@types';
 import { encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
-import { ENDPOINT_PATHS } from '../constants';
+import { ENDPOINT_PATHS, ICONS_FULL_PATH } from '../constants';
 import moment from 'moment';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
@@ -179,3 +179,61 @@ export var isKW = function (flag) {
 export var isSA = function (flag) {
     return ['sa', 'sau'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
 };
+export var isLinkedIn = function (flag) {
+    return 'linkedin' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isTwitter = function (flag) {
+    return 'twitter' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isWebsite = function (flag) {
+    return 'website' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isIos = function (flag) {
+    return 'ios' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isAndroid = function (flag) {
+    return 'android' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isFacebook = function (flag) {
+    return 'facebook' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isInstagram = function (flag) {
+    return 'instagram' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isPhysicalStore = function (flag) {
+    return 'physical_store' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isCallCenter = function (flag) {
+    return 'call_center' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var getChannelIcon = function (channel) {
+    var key = channel === null || channel === void 0 ? void 0 : channel.toLowerCase();
+    if (isWebsite(key)) {
+        return ICONS_FULL_PATH + '/website.svg';
+    }
+    if (isLinkedIn(key)) {
+        return ICONS_FULL_PATH + '/LinkedIn-white.png';
+    }
+    if (isFacebook(key)) {
+        return ICONS_FULL_PATH + '/facebook.svg';
+    }
+    if (isInstagram(key)) {
+        return ICONS_FULL_PATH + '/insta.svg';
+    }
+    if (isTwitter(key)) {
+        return ICONS_FULL_PATH + '/twitter-icon.svg';
+    }
+    if (isPhysicalStore(key)) {
+        return ICONS_FULL_PATH + '/physical-store.svg';
+    }
+    if (isIos(key)) {
+        return ICONS_FULL_PATH + '/apple.svg';
+    }
+    if (isAndroid(key)) {
+        return ICONS_FULL_PATH + '/play-store.svgg';
+    }
+    if (isCallCenter(key)) {
+        return ICONS_FULL_PATH + '/call-center.svg';
+    }
+    return '';
+};

package/package.json

@@ -1,129 +1,129 @@
-{
-	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.0.25",
-	"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/moment-hijri": "^2.1.0",
-		"@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-hijri": "~2.1.2",
-		"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-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.0.26",
+	"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/moment-hijri": "^2.1.0",
+		"@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-hijri": "~2.1.2",
+		"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-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"
+		]
+	}
+}