npm - @tap-payments/auth-jsconnect - Versions diffs - 1.0.90-test → 1.0.94-test - Mend

@tap-payments/auth-jsconnect 1.0.90-test → 1.0.94-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (224) hide show

package/README.md CHANGED Viewed

@@ -59,9 +59,6 @@ const App = () => {
 			onStepCompleted={(name, data) => {
 				console.log(name, data)
 			}}
-			onStepError={(name, error) => {
-				console.log(name, error)
-			}}
 			onStepStarted={(name) => {
 				console.log(name)
 			}}
@@ -86,42 +83,51 @@ const App = () => {
   <body>
     <div id="root"></div>
     <script>
-      const { renderConnectLib } = window.TapAuth
-      renderConnectLib(
-        {
-          open: true,
-          merchantDomain: window.location.origin,
-          publicKey: "pk_test_lat64TEDSvHrUOYAxVRe28PQ",
-          appInfo: {
-            identifier: "tap_connect_demo",
-            name: "Tap Connect Demo",
-            version: "V2.0.0"
-          },
-          businessCountryCode: "SA",
-          language: "en",
-          onError: (error) => {
-            alert(JSON.stringify({ error }))
-          },
-          onFlowCompleted: (data) => {
-            console.log(data)
-          },
-          onReady: () => {
-            console.log("ready!")
-          },
-          onStepCompleted: (name, data) => {
-            console.log(name, data)
+      const { renderConnectLib, unmountConnectLib } = window.TapAuth
+      const startConnect = () => {
+        renderConnectLib(
+          {
+            open: true,
+            merchantDomain: window.location.origin,
+            publicKey: "pk_test_lat64TEDSvHrUOYAxVRe28PQ",
+            appInfo: {
+              identifier: "tap_connect_demo",
+              name: "Tap Connect Demo",
+              version: "V2.0.0"
+            },
+            businessCountryCode: "SA",
+            language: "en",
+            onError: (error) => {
+              alert(JSON.stringify({ error }))
+            },
+            onFlowCompleted: (data) => {
+              console.log(data)
+            },
+            onReady: () => {
+              console.log("ready!")
+            },
+            onStepCompleted: (name, data) => {
+              console.log(name, data)
+            },
+            onStepError: (name, error) => {
+              console.log(name, error)
+            },
+            onStepStarted: (name) => {
+              console.log(name)
+            },
+            scope: []
           },
-          onStepError: (name, error) => {
-            console.log(name, error)
-          },
-          onStepStarted: (name) => {
-            console.log(name)
-          },
-          scope: []
-        },
-        "root"
-      )
+          "root"
+        )
+      }
+      const stopConnect = () => {
+        unmountConnectLib("root")
+      }
     </script>
+    <button onclick="startConnect()">Start</button>
+    <button onclick="stopConnect()">Stop</button>
   </body>
 </html>
 ```
@@ -129,6 +135,7 @@ const App = () => {
 ```
 ## Connect
+- Help our merchants to create a account with Tap Payments
 ## Business
@@ -144,18 +151,17 @@ const App = () => {
 ## Properties
-| name                           | functionality               |
-| ------------------------------ | --------------------------- |
-| open `required`                | BadRequest                  |
-| merchantDomain `required`      | Unauthorized                |
-| publicKey `required`           | PaymentRequired             |
-| appInfo `required`             | Forbidden                   |
-| businessCountryCode `required` | NotFound                    |
-| language `required`            | MethodNotAllowed            |
-| onError `required`             | NotAcceptable               |
-| onFlowCompleted `required`     | ProxyAuthenticationRequired |
-| onReady `required`             | RequestTimeout              |
-| onStepCompleted `required`     | Conflict                    |
-| onStepError `required`         | Gone                        |
-| onStepStarted `required`       | LengthRequired              |
-| scope `required`               | UnsupportedMediaType        |
+| name                                      | description                                                             |
+| ----------------------------------------- | ----------------------------------------------------------------------- |
+| open `required` - `boolean`               | open/close the library                                                  |
+| merchantDomain `required` - `string`      | domain name `https://expamle.com`                                       |
+| publicKey `required` - `string`           | merchant public key                                                     |
+| appInfo `required`                        | it's an object from type `AppInfo`                                      |
+| businessCountryCode `required` - `string` | merchant country code and it should be the ISO2 of the country          |
+| language `required` - `string`            | it can be `en`or `ar`                                                   |
+| onError `required` - `function`           | callback function will call in case of any error happened               |
+| onFlowCompleted `required` - `function`   | callback function will called after completing the flow                 |
+| onReady `required` - `function`           | callback function will call after loading library configuration         |
+| onStepError `required` - `function`       | callback function will call in case if any error happened in the screen |
+| onStepStarted `required` - `function`     | callback function will call in the begging of each step                 |
+| scope `required` - `array`                | it's an array include merchant scope                                    |

package/build/@types/app.d.ts CHANGED Viewed

@@ -102,6 +102,7 @@ interface LibCallbacks {
     onError: (err: any) => void;
     onStepCompleted?: (name: string, info: any) => void;
     onReady?: () => void;
+    onStepStarted?: (name: string) => void;
 }
 export interface LibConfig extends LibCallbacks {
     publicKey: string;
@@ -174,4 +175,12 @@ export declare type BrandInfo = {
     website: string;
     social: Array<string>;
 };
+export declare enum FlowsTypes {
+    CONNECT = "connect",
+    BANK = "bank",
+    BUSINESS = "business",
+    INDIVIDUAL = "individual",
+    PASSWORD = "password",
+    TAX = "tax"
+}
 export {};

package/build/@types/app.js CHANGED Viewed

@@ -9,3 +9,12 @@ export var BusinessType;
     BusinessType["CR"] = "company";
     BusinessType["FL"] = "freelancer";
 })(BusinessType || (BusinessType = {}));
+export var FlowsTypes;
+(function (FlowsTypes) {
+    FlowsTypes["CONNECT"] = "connect";
+    FlowsTypes["BANK"] = "bank";
+    FlowsTypes["BUSINESS"] = "business";
+    FlowsTypes["INDIVIDUAL"] = "individual";
+    FlowsTypes["PASSWORD"] = "password";
+    FlowsTypes["TAX"] = "tax";
+})(FlowsTypes || (FlowsTypes = {}));

package/build/@types/form.d.ts CHANGED Viewed

@@ -49,9 +49,11 @@ export declare type BankFormValues = {
     iban: string;
     beneficiaryName: string;
     bankName: string;
+    confirmPolicy: boolean;
 };
 export declare type TaxFormValues = {
     vatId: string;
+    confirmPolicy: false;
 };
 export declare type IndividualExtraFormValues = {
     sourceIncome: SourceOfIncome | undefined;

package/build/api/account.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import instance from './axios';
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 var createAccount = function (data, config) {
     return instance.post("".concat(ENDPOINT_PATHS.CREATE_ACCOUNT, "/").concat(data.lead_id), data, config);
 };

package/build/api/auth.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import instance from './axios';
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 var createAuth = function (data, config) {
     return instance.post("".concat(ENDPOINT_PATHS.AUTH), data, config);
 };

package/build/api/availabilityServices.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import instance from './axios';
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 var checkEmail = function (data, config) {
     return instance.post("".concat(ENDPOINT_PATHS.CHECK_EMAIL), data, config);
 };

package/build/api/axios.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
+import { CancelTokenSource } from 'axios';
 declare const instance: import("axios").AxiosInstance;
 export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
 export declare const removeAxiosGlobalHeaders: (arr: Array<string>) => void;
+export type { CancelTokenSource };
 export default instance;

package/build/api/axios.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import { get, set } from 'lodash-es';
-import { ENCRYPTION_FLAG } from '@constants';
-import { encryptString } from '@utils';
+import { ENCRYPTION_FLAG } from '../constants';
+import { encryptString } from '../utils';
 var instance = axios.create({
     headers: {
         'Content-Type': 'application/json',
@@ -33,11 +33,13 @@ var encryptionContractTransformer = function (config) {
 export var setAxiosGlobalHeaders = function (headers) {
     Object.keys(headers).forEach(function (key) {
         instance.defaults.headers.common[key] = headers[key];
+        axios.defaults.headers.common[key] = headers[key];
     });
 };
 export var removeAxiosGlobalHeaders = function (arr) {
     arr.forEach(function (key) {
         delete instance.defaults.headers.common[key];
+        delete axios.defaults.headers.common[key];
     });
 };
 export default instance;

package/build/api/country.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 var getBusinessCountries = function () {
     return axios.get(ENDPOINT_PATHS.BUSINESS_COUNTRIES);
 };

package/build/api/data.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import instance from './axios';
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 var getChannelsOfServices = function () {
     return instance.get("".concat(ENDPOINT_PATHS.CHANNEL));
 };

package/build/api/entity.js CHANGED Viewed

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 import instance from './axios';
 var retrieveEntityInfo = function (entity_id, config) {
     return instance.get("".concat(ENDPOINT_PATHS.ENTITY, "/").concat(entity_id), config);

package/build/api/firebase.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 var getLocale = function () {
     return axios.get(ENDPOINT_PATHS.FIREBASE_URL);
 };

package/build/api/individual.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 import instance from './axios';
 var getBrandList = function (data, config) {
     return instance.post("".concat(ENDPOINT_PATHS.BRAND_LIST), data, config);

package/build/api/ip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 import instance from './axios';
 var getIP = function () {
     return instance.get(ENDPOINT_PATHS.IP);

package/build/api/lead.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import instance from './axios';
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 var createLead = function (data, config) {
     return instance.post("".concat(ENDPOINT_PATHS.LEAD), data, config);
 };

package/build/api/operator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ENDPOINT_PATHS } from '@constants';
+import { ENDPOINT_PATHS } from '../constants';
 import instance from './axios';
 var validateOperator = function (body) {
     return instance.post(ENDPOINT_PATHS.OPERATOR, body);

package/build/app/rootReducer.d.ts CHANGED Viewed

@@ -1,11 +1,10 @@
 declare const rootReducer: {
     settings: import("redux").Reducer<import("./settings").SettingsState, import("redux").AnyAction>;
-    connect: import("redux").Reducer<import("@features/app/connect/connectStore").ConnectState, import("redux").AnyAction>;
-    business: import("redux").Reducer<import("@features/app/business/businessStore").BusinessState, import("redux").AnyAction>;
-    bank: import("redux").Reducer<import("@features/app/bank/bankStore").BankState, import("redux").AnyAction>;
-    tax: import("redux").Reducer<import("@features/app/tax/taxStore").TaxState, import("redux").AnyAction>;
-    individual: import("redux").Reducer<import("@features/app/individual/individualStore").IndividualState, import("redux").AnyAction>;
-    password: import("redux").Reducer<import("@features/app/password/passwordStore").PasswordState, import("redux").AnyAction>;
-    landing: import("redux").Reducer<import("@features/app/landing/landingStore").LandingState, import("redux").AnyAction>;
+    connect: import("redux").Reducer<import("../features/app/connect/connectStore").ConnectState, import("redux").AnyAction>;
+    business: import("redux").Reducer<import("../features/app/business/businessStore").BusinessState, import("redux").AnyAction>;
+    bank: import("redux").Reducer<import("../features/app/bank/bankStore").BankState, import("redux").AnyAction>;
+    tax: import("redux").Reducer<import("../features/app/tax/taxStore").TaxState, import("redux").AnyAction>;
+    individual: import("redux").Reducer<import("../features/app/individual/individualStore").IndividualState, import("redux").AnyAction>;
+    password: import("redux").Reducer<import("../features/app/password/passwordStore").PasswordState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js CHANGED Viewed

@@ -1,11 +1,10 @@
 import settings from './settings';
-import connect from '@features/app/connect/connectStore';
-import business from '@features/app/business/businessStore';
-import bank from '@features/app/bank/bankStore';
-import tax from '@features/app/tax/taxStore';
-import individual from '@features/app/individual/individualStore';
-import password from '@features/app/password/passwordStore';
-import landing from '@features/app/landing/landingStore';
+import connect from '../features/app/connect/connectStore';
+import business from '../features/app/business/businessStore';
+import bank from '../features/app/bank/bankStore';
+import tax from '../features/app/tax/taxStore';
+import individual from '../features/app/individual/individualStore';
+import password from '../features/app/password/passwordStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
@@ -13,7 +12,6 @@ var rootReducer = {
     bank: bank,
     tax: tax,
     individual: individual,
-    password: password,
-    landing: landing
+    password: password
 };
 export default rootReducer;

package/build/app/settings.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
-import { RootState } from '@app/store';
-import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, AppInfo, LibConfig } from '@types';
-import { ValidateOperatorBody } from '@api';
+import { RootState } from './store';
+import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, AppInfo, LibConfig, CountryCode } from '../@types';
+import { ValidateOperatorBody } from '../api';
+export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
+    businessCountry: any;
+    countries: any;
+}, void, {}>;
 export declare const getClientIp: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 export declare const getBrowserFingerPrint: import("@reduxjs/toolkit").AsyncThunk<{
     fingerPrint: import("@fingerprintjs/fingerprintjs").GetResult;
@@ -20,6 +24,8 @@ export interface SettingsData {
     appConfig: LibConfig;
     open: boolean;
     isTapOrigin: boolean;
+    businessCountry: CountryCode;
+    countries: Array<CountryCode>;
 }
 export interface SettingsState extends SharedState<SettingsData> {
 }

package/build/app/settings.js CHANGED Viewed

@@ -36,11 +36,30 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint } from '@utils';
-import { DefaultDeviceInfo, LOCAL_STORAGE_KEYS } from '@constants';
-import i18n from '@src/i18n';
-import { updateLocale } from '@utils/locale';
-import API from '@api';
+import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint } from '../utils';
+import { defaultCountry, DefaultDeviceInfo, LOCAL_STORAGE_KEYS } from '../constants';
+import i18n from '../i18n';
+import { updateLocale } from '../utils/locale';
+import API from '../api';
+export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings, countriesBody, countries, businessCountry;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                return [4, API.countryService.getAllCountries()];
+            case 1:
+                countriesBody = (_a.sent()).data;
+                countries = ((countriesBody === null || countriesBody === void 0 ? void 0 : countriesBody.list) || [])
+                    .slice()
+                    .sort(function (cOne, cTwo) { return cOne.name.english.localeCompare(cTwo.name.english); });
+                businessCountry = countries.find(function (country) {
+                    return [country.iso2, country.iso3].includes(settings.data.appConfig.businessCountryCode.toUpperCase());
+                });
+                return [2, { businessCountry: businessCountry, countries: countries }];
+        }
+    });
+}); });
 export var getClientIp = createAsyncThunk('getClientIp', function () { return __awaiter(void 0, void 0, void 0, function () {
     var data;
     return __generator(this, function (_a) {
@@ -98,7 +117,9 @@ var initialState = {
         featureScreensNavigation: [],
         activeScreen: {},
         deviceInfo: DefaultDeviceInfo,
-        appConfig: {}
+        appConfig: {},
+        businessCountry: defaultCountry,
+        countries: []
     }
 };
 export var settingsSlice = createSlice({
@@ -187,6 +208,21 @@ export var settingsSlice = createSlice({
     },
     extraReducers: function (builder) {
         builder
+            .addCase(getCountries.fulfilled, function (state, action) {
+            state.error = null;
+            state.loading = false;
+            var _a = action.payload, countries = _a.countries, businessCountry = _a.businessCountry;
+            state.data.countries = countries;
+            state.data.businessCountry = businessCountry || defaultCountry;
+        })
+            .addCase(getCountries.pending, function (state) {
+            state.error = null;
+            state.loading = true;
+        })
+            .addCase(getCountries.rejected, function (state, action) {
+            state.error = action.error.message;
+            state.loading = false;
+        })
             .addCase(getClientIp.pending, function (state) {
             state.error = null;
             state.loading = true;

package/build/app/store.d.ts CHANGED Viewed

@@ -7,7 +7,6 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     tax: import("../features/app/tax/taxStore").TaxState;
     individual: import("../features/app/individual/individualStore").IndividualState;
     password: import("../features/app/password/passwordStore").PasswordState;
-    landing: import("../features/app/landing/landingStore").LandingState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -16,7 +15,6 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     tax: import("../features/app/tax/taxStore").TaxState;
     individual: import("../features/app/individual/individualStore").IndividualState;
     password: import("../features/app/password/passwordStore").PasswordState;
-    landing: import("../features/app/landing/landingStore").LandingState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/components/AnimationFlow/BottomSheet.js CHANGED Viewed

@@ -62,7 +62,7 @@ var BottomSheetComponent = function (_a) {
     var open = _a.open, children = _a.children, rest = __rest(_a, ["open", "children"]);
     var getMinHeight = function (maxHeight) {
         var element = document.getElementById('main-feature-container');
-        var height = element ? element.clientHeight + 40 : 0;
+        var height = element ? element.clientHeight : 0;
         return height || maxHeight * 0.7;
     };
     return (_jsx(BottomSheetStyled, __assign({ open: open, snapPoints: function (_a) {

package/build/components/AnimationFlow/Dialog.js CHANGED Viewed

@@ -27,8 +27,8 @@ import DialogContent from '@mui/material/DialogContent';
 import Paper from '@mui/material/Paper';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-import { ICONS_NAMES } from '@constants';
-import { useLanguage } from '@hooks';
+import { ICONS_NAMES } from '../../constants';
+import { useLanguage } from '../../hooks';
 import Slide from '../Slide';
 import LogoBadge from '../LogoBadge';
 import Icon from '../Icon';

package/build/components/AnimationFlow/Loader.js CHANGED Viewed

@@ -12,5 +12,5 @@ var BoxStyled = styled(Box)(function () { return ({
     zIndex: 2
 }); });
 export default function FlowLoading() {
-    return (_jsx(BoxStyled, { children: _jsx(Loader, { svgStyle: { width: 60, height: 60 }, innerColor: 'white', outerColor: 'white', toggleAnimation: true }) }));
+    return (_jsx(BoxStyled, { children: _jsx(Loader, { style: { width: 60, height: 60 }, svgStyle: { width: 60, height: 60 }, innerColor: 'white', outerColor: 'white', toggleAnimation: true }) }));
 }

package/build/components/DatePicker/DatePicker.js CHANGED Viewed

@@ -27,10 +27,10 @@ import 'react-calendar/dist/Calendar.css';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import Divider from '@mui/material/Divider';
-import Collapse from '@components/Collapse';
-import ExpandIcon from '@components/ExpandIcon';
+import Collapse from '../Collapse';
+import ExpandIcon from '../ExpandIcon';
 import CalendarTodayOutlined from '@mui/icons-material/CalendarTodayOutlined';
-import { scrollDown, scrollUp } from '@utils';
+import { scrollDown, scrollUp } from '../../utils';
 import Input from '../Input';
 import Text from '../Text';
 import './customStyle.css';

package/build/components/DatePicker/customStyle.css ADDED Viewed

@@ -0,0 +1,86 @@
+.date_picker_input {
+	cursor: pointer;
+}
+.react-calendar {
+	width: 100%;
+	border: none;
+	padding: 15px 0px 15px 0px;
+}
+.react-calendar__navigation {
+	display: flex;
+	position: relative;
+}
+.react-calendar__navigation__label__labelText {
+	font-family: 'Lato', 'Roboto';
+}
+.react-calendar__navigation button:enabled:hover,
+.react-calendar__navigation button:enabled:focus {
+	background-color: #ffffff;
+}
+.react-calendar__navigation__prev-button {
+	top: 20px;
+	left: 86px;
+}
+.react-calendar__navigation__next-button {
+	top: 0px;
+	left: 86px;
+}
+.react-calendar__navigation__prev2-button {
+	top: 20px;
+	right: 13px;
+}
+.react-calendar__navigation__next2-button {
+	top: 0px;
+	right: 13px;
+}
+.react-calendar__navigation__arrow {
+	background-color: transparent !important;
+}
+abbr[title] {
+	text-decoration: none;
+	font-weight: 400;
+	color: #abaeb6;
+}
+.react-calendar__tile {
+	transition: all 0.5s ease;
+}
+.react-calendar__tile:enabled:hover,
+.react-calendar__tile:enabled:focus {
+	background-color: transparent;
+}
+.react-calendar__tile:enabled:hover {
+	background: radial-gradient(circle closest-side, #fafafa 0%, #fafafa 98%, rgba(0, 0, 0, 0) 100%);
+}
+.react-calendar__month-view__days__day--weekend,
+.react-calendar__tile {
+	color: #3a4154;
+}
+.react-calendar__tile--hasActive {
+	background: radial-gradient(circle closest-side, #fafafa 0%, #fafafa 98%, rgba(0, 0, 0, 0) 100%);
+}
+.react-calendar__tile--active,
+.react-calendar__tile--active:enabled:hover,
+.react-calendar__tile--active:enabled:focus {
+	background-color: transparent;
+	background: radial-gradient(circle closest-side, #3a4154 0%, #3a4154 98%, rgba(0, 0, 0, 0) 100%);
+	color: #ffffff;
+}
+.react-calendar__tile--now {
+	background-color: transparent;
+}
+.react-calendar__navigation button:disabled {
+	background-color: #ffffff;
+	color: #3a4154;
+}

package/build/components/Footer/Footer.d.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
 export interface FooterProps extends BoxProps {
     onSwitchLanguage: () => void;
-    followUsTitle?: string;
     language?: string;
     countryName: string;
     countryFlag: string;
@@ -10,7 +9,6 @@ export interface FooterProps extends BoxProps {
 declare const _default: React.MemoExoticComponent<{
     ({ language, countryName, countryFlag, onSwitchLanguage, ...rest }: FooterProps): JSX.Element;
     defaultProps: {
-        followUsTitle: string;
         language: string;
     };
 }>;

package/build/components/Footer/Footer.js CHANGED Viewed

@@ -23,10 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import Text from '@components/Text';
+import Text from '../Text';
 import Box from '@mui/material/Box';
-import Icon from '@components/Icon';
-import { useLanguage } from '@hooks';
+import Icon from '../Icon';
+import { useLanguage } from '../../hooks';
 var FooterStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({ direction: theme.direction, display: 'flex', margin: theme.spacing(1.5), color: theme.palette.background.paper }, theme.typography.caption), { alignItems: 'center', justifyContent: 'center', position: 'relative', bottom: 0, marginBottom: theme.spacing(-3.75) }));
@@ -57,7 +57,6 @@ var FooterComponent = function (_a) {
     return (_jsxs(FooterStyled, __assign({}, rest, { children: [_jsx(IconStyled, { src: countryFlag }), _jsxs(TextStyled, { children: [" ", countryName, " "] }), _jsx(TextStyled, { children: " | " }), _jsx(LanguageTextStyled, __assign({ isAr: isAr, onClick: onSwitchLanguage }, { children: language }))] })));
 };
 FooterComponent.defaultProps = {
-    followUsTitle: 'follow_us',
     language: 'language'
 };
 export default React.memo(FooterComponent);