@tap-payments/auth-jsconnect 1.0.0-beta

package/build/utils/rsa.d.ts

@@ -0,0 +1,2 @@
+export declare const encryptObject: (data: unknown) => any;
+export declare const encryptString: (string: string) => any;

package/build/utils/rsa.js

@@ -0,0 +1,19 @@
+import { RSA_FRONTEND_MW_PUBLIC_KEY } from '../constants';
+var JSEncrypt = require('jsencrypt').JSEncrypt;
+var rsa = new JSEncrypt();
+rsa.setPublicKey(RSA_FRONTEND_MW_PUBLIC_KEY);
+export var encryptObject = function (data) {
+    if (typeof data !== 'object')
+        throw new Error('data should be from type object');
+    var obj2Str = JSON.stringify(data);
+    var encrypted = rsa.encrypt(obj2Str);
+    return encrypted;
+};
+export var encryptString = function (string) {
+    if (typeof string !== 'string')
+        throw new Error('string should be from type string');
+    var encrypted = rsa.encrypt(string);
+    if (!encrypted)
+        throw new Error('encryption data reached max allowed length');
+    return encrypted;
+};

package/build/utils/storage.d.ts

@@ -0,0 +1,5 @@
+export declare const storeData: (key: string, value: string | number | object) => void;
+export declare const getStoredData: (key: string) => any;
+export declare const removeStoredData: (key: string) => void;
+export declare const clearStoredData: () => void;
+export declare const getStoredDataKeys: () => string[];

package/build/utils/storage.js

@@ -0,0 +1,21 @@
+export var storeData = function (key, value) {
+    localStorage.setItem(key, JSON.stringify(value));
+};
+export var getStoredData = function (key) {
+    try {
+        var value = localStorage.getItem(key);
+        return value ? JSON.parse(value) : null;
+    }
+    catch (error) {
+        throw new Error(error);
+    }
+};
+export var removeStoredData = function (key) {
+    localStorage.removeItem(key);
+};
+export var clearStoredData = function () {
+    localStorage.clear();
+};
+export var getStoredDataKeys = function () {
+    return Object.keys(localStorage);
+};

package/build/utils/string.d.ts

@@ -0,0 +1,74 @@
+import { DeviceInfo, License, User } from '../@types';
+export declare const maskPhone: (str?: string) => string;
+export declare const shortenString: (str: string, length: number) => string;
+export declare const maskID: (str: string) => string;
+export declare const maskEmail: (str: string) => string;
+export declare const shortenBrand: (str: string) => string;
+export declare const showLastFour: (str: string) => string;
+export declare const maskFileName: (str: string) => string;
+export declare const getIndividualName: (name: string) => {
+    first: string;
+    middle: string;
+    last: string;
+} | undefined;
+export declare const convertNumbers2English: (str: string) => string;
+export declare const getParameterByName: (name: string) => string | null;
+export declare const getClientEmailUrl: () => string;
+export declare const getFlowUrl: (path: string, lang: string) => string;
+export declare const getResetFlowUrl: (path: string, lang: string, operationType: string, id: string, infoId: string) => string;
+export declare const capitalizeTheFirstLetterOfEachWord: (words: string) => string;
+export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
+    al: any;
+    at: any;
+    aid: any;
+    an: any;
+    av: any;
+    acv: any;
+    asv: any;
+    rn: any;
+    rt: any;
+    rb: any;
+    rm: any;
+    ro: any;
+    rov: any;
+    bn: any;
+    bb: any;
+    bv: any;
+    bua: any;
+    bi: string;
+    ci: any;
+    cm: any;
+    l: any;
+};
+export declare const removeRequestHeaders: () => void;
+export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP" | "ENTITY_NAME_STEP" | "BRAND_INFO_STEP";
+export declare const getEighteenYearsAgo: () => string;
+export declare const isKW: (flag: string) => boolean;
+export declare const isSA: (flag: string) => boolean;
+export declare const isOtherThanKWOrSA: (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;
+export declare const getUserName: (user: User, isAr: boolean) => string;
+export declare const getUserNameObject: (name: string) => {
+    first?: undefined;
+    middle?: undefined;
+    third?: undefined;
+    last?: undefined;
+} | {
+    first: string;
+    middle: string;
+    third: string;
+    last: string;
+};
+export declare const getFileType: (type: string) => "" | "image/jpeg" | "image/png" | "image/jpg" | "application/pdf";
+export declare const isStringHasOneAsterisk: (value: string) => boolean;
+export declare const isOtherLicense: (item?: License) => boolean;
+export declare const formatNumberAsCurrency: (number: string) => string;

package/build/utils/string.js

@@ -0,0 +1,305 @@
+import { FlowsTypes } from '../@types';
+import { concatenateObjectValues, encryptString } from '.';
+import { removeAxiosGlobalHeaders } from '../api';
+import { ICONS_FULL_PATH } from '../constants';
+import moment from 'moment';
+export var maskPhone = function (str) {
+    if (str === void 0) { str = ''; }
+    var lastTwo = str.substring(str.length - 2, str.length);
+    return ' ••••' + lastTwo;
+};
+export var shortenString = function (str, length) {
+    if (str)
+        return str.slice(0, length);
+    return '';
+};
+export var maskID = function (str) {
+    var lastTwo = str.substring(str.length - 2, str.length);
+    return ' ••••' + lastTwo;
+};
+export var maskEmail = function (str) {
+    if (str) {
+        var name_1 = str.split('@')[0];
+        var maskedName = name_1[0] + '*' + name_1[name_1.length - 1];
+        var domain = str.split('@')[1].split('.')[0];
+        var maskedDomain = '@' + domain[0] + '*' + domain[domain.length - 1];
+        var TLD = '.' + str.split('@')[1].split('.')[1];
+        return maskedName + maskedDomain + TLD;
+    }
+    return '';
+};
+export var shortenBrand = function (str) {
+    var trimmedStr = str === null || str === void 0 ? void 0 : str.trim();
+    if (!trimmedStr)
+        return '';
+    var name = trimmedStr.split(' ');
+    if (name.length > 1)
+        return name[0][0].toUpperCase() + name[name.length - 1][0].toUpperCase();
+    return name[0][0].toUpperCase();
+};
+export var showLastFour = function (str) {
+    if (str && str.length >= 4) {
+        var lastFour = str.substring(str.length - 4, str.length);
+        return lastFour;
+    }
+    return str;
+};
+export var maskFileName = function (str) {
+    if (str.length < 28)
+        return str;
+    var first = str.substring(0, 28);
+    return first + '....';
+};
+export var getIndividualName = function (name) {
+    var _a;
+    var nameArray = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
+    if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 0)
+        return;
+    var first = '';
+    var middle = '';
+    var last = '';
+    if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 1) {
+        first = nameArray[0];
+        middle = nameArray[0];
+        last = nameArray[0];
+    }
+    else if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 2) {
+        first = nameArray[0];
+        last = nameArray[1];
+    }
+    else if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 3) {
+        first = nameArray[0];
+        middle = nameArray[1];
+        last = nameArray[2];
+    }
+    else {
+        first = nameArray[0];
+        middle = (_a = nameArray.filter(function (value, index) { return index != 0 && index != nameArray.length - 1; })) === null || _a === void 0 ? void 0 : _a.join(' ');
+        last = nameArray[nameArray.length - 1];
+    }
+    return { first: first, middle: middle, last: last };
+};
+export var convertNumbers2English = function (str) {
+    return str.replace(/[٠-٩]/g, function (d) { return '٠١٢٣٤٥٦٧٨٩'.indexOf(d); });
+};
+export var getParameterByName = function (name) {
+    var params = new URLSearchParams(window.location.search);
+    return params.get(name);
+};
+export var getClientEmailUrl = function () {
+    var origin = window.location.origin;
+    return origin + '/?token=';
+};
+export var getFlowUrl = function (path, lang) {
+    var origin = window.location.origin;
+    return origin + path + "?lang=".concat(lang, "&token=");
+};
+export var getResetFlowUrl = function (path, lang, operationType, id, infoId) {
+    var origin = window.location.origin;
+    return origin + path + "?lang=".concat(lang, "&operation_type=").concat(operationType, "&board_id=").concat(id, "&board_info_id=").concat(infoId, "&token=");
+};
+export var capitalizeTheFirstLetterOfEachWord = function (words) {
+    var separateWord = words.toLowerCase().split(' ');
+    for (var i = 0; i < separateWord.length; i++) {
+        separateWord[i] = separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);
+    }
+    return separateWord.join(' ');
+};
+export var getRequestHeaders = function (deviceInfo) {
+    var app = deviceInfo.app, browser = deviceInfo.browser, connection = deviceInfo.connection, device = deviceInfo.device, source = deviceInfo.source;
+    console.log('bi:', browser.browser_id);
+    return {
+        al: encryptString(app.language || ''),
+        at: encryptString(source || ''),
+        aid: encryptString(app.identifier || ''),
+        an: encryptString(app.name || ''),
+        av: encryptString(app.version || '0.0.0'),
+        acv: encryptString(''),
+        asv: encryptString(''),
+        rn: encryptString(device.name || ''),
+        rt: encryptString(device.type || ''),
+        rb: encryptString(device.brand || ''),
+        rm: encryptString(device.model || ''),
+        ro: encryptString(device.os.name || ''),
+        rov: encryptString(device.os.version || ''),
+        bn: encryptString(browser.name || ''),
+        bb: encryptString(''),
+        bv: encryptString(browser.version || ''),
+        bua: encryptString((browser.user_agent || '').substring(0, 80)),
+        bi: browser.browser_id || '',
+        ci: encryptString(connection.ip || ''),
+        cm: encryptString(connection.mac || ''),
+        l: encryptString((connection.latitude || 0).toString() + '-' + (connection.longitude || 0).toString())
+    };
+};
+export var removeRequestHeaders = function () {
+    removeAxiosGlobalHeaders([
+        'al',
+        'at',
+        'aid',
+        'an',
+        'av',
+        'acv',
+        'asv',
+        'rn',
+        'rt',
+        'rb',
+        'rm',
+        'ro',
+        'rov',
+        'bn',
+        'bb',
+        'bv',
+        'bua',
+        'bi',
+        'ci',
+        'cm',
+        'l',
+        'mdn',
+        'authorization'
+    ]);
+};
+export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser) {
+    if (flow === FlowsTypes.BANK) {
+        return 'BANK_BANK_DETAILS_STEP';
+    }
+    if (flow === FlowsTypes.BUSINESS) {
+        return 'BUSINESS_BUSINESS_TYPE_STEP';
+    }
+    if (flow === FlowsTypes.INDIVIDUAL) {
+        return isAuthorizedUser ? 'INDIVIDUAL_LIST_STEP' : 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP';
+    }
+    if (flow === FlowsTypes.CONNECT) {
+        return 'CONNECT_NID_STEP';
+    }
+    if (flow === FlowsTypes.TAX) {
+        return 'TAX_TAX_DETAILS_STEP';
+    }
+    if (flow === FlowsTypes.BRAND) {
+        return 'BRAND_INFO_STEP';
+    }
+    if (flow === FlowsTypes.ENTITY) {
+        return 'ENTITY_NAME_STEP';
+    }
+    return '';
+};
+export var getEighteenYearsAgo = function () {
+    var eighteenYearsAgo = new Date();
+    return moment(eighteenYearsAgo.setFullYear(eighteenYearsAgo.getFullYear() - 18)).format('YYYY-MM-DD');
+};
+export var isKW = function (flag) {
+    return ['kw', 'kwd'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isSA = function (flag) {
+    return ['sa', 'sau'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isOtherThanKWOrSA = function (flag) {
+    return !isKW(flag) && !isSA(flag);
+};
+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 '';
+};
+export var getUserName = function (user, isAr) {
+    var _a, _b;
+    var fullNameEn = concatenateObjectValues((_a = user === null || user === void 0 ? void 0 : user.names) === null || _a === void 0 ? void 0 : _a.en, ['first', 'middle', 'last']);
+    var fullNameAR = concatenateObjectValues((_b = user === null || user === void 0 ? void 0 : user.names) === null || _b === void 0 ? void 0 : _b.ar, ['first', 'middle', 'last']);
+    var nameEN = '';
+    var nameAR = '';
+    if (fullNameEn)
+        nameEN = capitalizeTheFirstLetterOfEachWord(fullNameEn);
+    if (fullNameAR)
+        nameAR = capitalizeTheFirstLetterOfEachWord(fullNameAR);
+    var name = isAr ? nameAR || nameEN : nameEN;
+    return name;
+};
+export var getUserNameObject = function (name) {
+    if (!name)
+        return {};
+    var _a = name.split(' '), first = _a[0], middle = _a[1], third = _a[2], rest = _a.slice(3);
+    var lastName = rest.join(' ') || '';
+    return { first: first, middle: middle || '', third: third || '', last: lastName };
+};
+export var getFileType = function (type) {
+    switch (type) {
+        case 'jpeg':
+            return 'image/jpeg';
+        case 'png':
+            return 'image/png';
+        case 'jpg':
+            return 'image/jpg';
+        case 'pdf':
+            return 'application/pdf';
+        default:
+            return '';
+    }
+};
+export var isStringHasOneAsterisk = function (value) {
+    if (!value)
+        return false;
+    return value.includes('*') ? true : false;
+};
+export var isOtherLicense = function (item) {
+    var _a;
+    var number = (_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number;
+    return number === 'other_fl' || number === 'other_cr' || number === 'other_entity';
+};
+export var formatNumberAsCurrency = function (number) {
+    if (!number)
+        return '';
+    return parseInt(number).toLocaleString();
+};

package/build/utils/style.d.ts

@@ -0,0 +1 @@
+export declare const pxToRem: (px: number) => string;

package/build/utils/style.js

@@ -0,0 +1 @@
+export var pxToRem = function (px) { return "".concat(px / 16, "rem"); };

package/build/utils/validation.d.ts

@@ -0,0 +1,18 @@
+export declare const isNumber: (value: string) => boolean;
+export declare const removeAllCharsFromNumber: (str: string) => string;
+export declare const removeOnlyNumbers: (str: string) => string;
+export declare const removeAllOtherThanAlphabet: (str: string) => string;
+export declare const removeAllOtherThanAlphabetAndSpace: (str: string) => string;
+export declare const removeAllNumberFromChars: (str: string) => string;
+export declare const keepEmailCharacters: (str: string) => string;
+export declare const removeAllOtherThanCharsAndNumber: (str: string) => string;
+export declare const removeAllOtherThanCharsNumbersAndSpace: (str: string) => string;
+export declare function PasswordMatchLength(password: string): boolean;
+export declare function isPasswordHasUpperLetter(password: string): boolean;
+export declare function isPasswordHasLowerLetter(password: string): boolean;
+export declare function isPasswordHasSpecialLetter(password: string): boolean;
+export declare const keepLettersAndSpace: (str: string) => string;
+export declare const isTapDomain: (domain: string) => boolean;
+export declare const removeArabicWords: (str: string) => string;
+export declare const removeAllOtherThanArabicWords: (str: string) => string;
+export declare const isValidEmail: (email: string) => boolean;

package/build/utils/validation.js

@@ -0,0 +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);
+};

package/package.json

@@ -0,0 +1,131 @@
+{
+	"name": "@tap-payments/auth-jsconnect",
+	"version": "1.0.0-beta",
+	"description": "connect library, auth",
+	"private": false,
+	"main": "build/index.js",
+	"module": "build/index.js",
+	"types": "build/index.d.ts",
+	"files": [
+		"build",
+		"README.md"
+	],
+	"scripts": {
+		"prepare": "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 --tag beta"
+	},
+	"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",
+		"@types/react-gtm-module": "~2.0.1",
+		"@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-gtm-module": "^2.0.11",
+		"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"
+		]
+	}
+}