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

@tap-payments/auth-jsconnect 1.0.89 → 1.0.90-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 (200) hide show

package/README.md CHANGED Viewed

@@ -71,146 +71,91 @@ const App = () => {
 }
 ```
-## ErrorObject
+### Vanilla JS
-- `statusCode`: the status code of the error. `required`
-- `message`: the error message. `required`
-- `description`: the error description. `optional`
-- `help`: the error url that can help the client to fix the api issue e.g
-  (<https://your-domain.example/integration/fixes/auth-api>) `optional`
-- `invalidParams`: the errors of request in case you need to validate the
-  request data. `optional`
-  - `message`: the error message. `required`
-  - `param`: the error parameter name e.g (email, password, name, etc). `optional`
-  - `location`: the location of parameter key. `required`
-- `errorKey`: the error key and the main purpose we can use it for localization part
-  and in this case we will have a generic errors we can catch any error message
-  by key `for example:` we can store local.en.json and local.en.json includes
-  ```json
-  { "bad_request": "invalid user request data" }
-  ```
-  and local.ar.json includes
-  ```json
-  { "bad_request": "بايانات غير صحيحة" }
-  ```
-  and the both files located in the
-  frontend so by using the response `errorKey` we can localize the error message
-  easily. `optional`
-## HttpError
+```js
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no" />
+    <title>Auth-JsConnect</title>
+    <script src="https://auth-jsconnect.b-cdn.net/build-1.0.90-test/main.js"></script>
+    <link href="https://auth-jsconnect.b-cdn.net/build-1.0.90-test/main.css" rel="stylesheet" />
+  </head>
+  <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)
+          },
+          onStepError: (name, error) => {
+            console.log(name, error)
+          },
+          onStepStarted: (name) => {
+            console.log(name)
+          },
+          scope: []
+        },
+        "root"
+      )
+    </script>
+  </body>
+</html>
+```
-### Initializer
+```
-it's a middleware should be used in the top of your app or at lest before your
-routes that include `HttpError`
+## Connect
-```js
-// in the beginning of your app (important)
-app.use(HttpError.initializer)
-// OR
-app.use((req, res, next) => {
-	HttpError.initializer(req, res, next)
-})
-```
+## Business
-### Handler
+## Password
-it's a middleware and it will handle all the errors returned by
-`HttpError` functions and it will send it back to the client but if the error
-not belong ot the lib it will pass it using next fun
+## Individual
-```js
-// in the end of your app (important)
-app.use(HttpError.handler)
-// OR
-app.use((err, req, res, next) => {
-	HttpError.handler(err, req, res, next)
-})
-```
+## Bank
-### customError
-it's a helper function can help you to create your custom error.
-### HttpError.{{ any function from the next list }}
-- they are helper functions allow you to send sepecific error to the client
-- `attrs` error object to customize your error response `optional`
-  - `message`: the error message. `required`
-  - `errorKey`: the error key. `optional`
-  - `help`: the error help location/url. `optional`
-  - `description`: the error description `optional`
-  - `invalidParams`: the request parameters errors `optional`
-| status code | function name                 |
-| ----------- | ----------------------------- |
-| 400         | BadRequest                    |
-| 401         | Unauthorized                  |
-| 402         | PaymentRequired               |
-| 403         | Forbidden                     |
-| 404         | NotFound                      |
-| 405         | MethodNotAllowed              |
-| 406         | NotAcceptable                 |
-| 407         | ProxyAuthenticationRequired   |
-| 408         | RequestTimeout                |
-| 409         | Conflict                      |
-| 410         | Gone                          |
-| 411         | LengthRequired                |
-| 412         | PreconditionFailed            |
-| 413         | PayloadTooLarge               |
-| 414         | URITooLong                    |
-| 415         | UnsupportedMediaType          |
-| 416         | RangeNotSatisfiable           |
-| 417         | ExpectationFailed             |
-| 418         | ImATeapot                     |
-| 421         | MisdirectedRequest            |
-| 422         | UnprocessableEntity           |
-| 423         | Locked                        |
-| 424         | FailedDependency              |
-| 425         | TooEarly                      |
-| 426         | UpgradeRequired               |
-| 428         | PreconditionRequired          |
-| 429         | TooManyRequests               |
-| 431         | RequestHeaderFieldsTooLarge   |
-| 451         | UnavailableForLegalReasons    |
-| 500         | InternalServerError           |
-| 501         | NotImplemented                |
-| 502         | BadGateway                    |
-| 503         | ServiceUnavailable            |
-| 504         | GatewayTimeout                |
-| 505         | HTTPVersionNotSupported       |
-| 506         | VariantAlsoNegotiates         |
-| 507         | InsufficientStorage           |
-| 508         | LoopDetected                  |
-| 509         | BandwidthLimitExceeded        |
-| 510         | NotExtended                   |
-| 511         | NetworkAuthenticationRequired |
----
-## RequestValidator
-it's a middleware should be used after validating the request
-body/parameter/query using `express-validator` library
+## Tax
-```js
-import { body } from 'express-validator'
-import { RequestValidator } from 'http-error-handling'
-import express, { NextFunction, Request, Response } from 'express'
-let app = express()
-//sample API
-app.get('/validate', body('email').isEmail(), RequestValidator, (req: Request, res: Response, next: NextFunction) => {
-	return res.send(req.body)
-})
 ```
-## License
-[MIT](LICENSE)
+## 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        |

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.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import { AxiosRequestConfig } from 'axios';
 export declare type CheckEmailBody = {
     email: string | null;
+    encryption_contract: Array<string>;
 };
 export declare type CheckBrandBody = {
     profile_name: string;
+    encryption_contract: Array<string>;
 };
 export declare type CheckIBanBody = {
     iban_number: string;

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.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import axios from 'axios';
 import { get, set } from 'lodash-es';
-import { ENCRYPTION_FLAG, ENDPOINT_PATHS } from '../constants';
-import { encryptString } from '../utils';
+import { ENCRYPTION_FLAG } from '@constants';
+import { encryptString } from '@utils';
 var instance = axios.create({
-    baseURL: ENDPOINT_PATHS.BASE_URL,
     headers: {
         'Content-Type': 'application/json',
         'Access-Control-Allow-Headers': true

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/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { setAxiosGlobalHeaders, removeAxiosGlobalHeaders } from './axios';
+import axiosInstance, { setAxiosGlobalHeaders, removeAxiosGlobalHeaders } from './axios';
 import { ValidateOperatorBody } from './operator';
 import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody } from './lead';
@@ -61,5 +61,5 @@ declare const API: {
     };
 };
 export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody };
-export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders };
+export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance };
 export default API;

package/build/api/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { setAxiosGlobalHeaders, removeAxiosGlobalHeaders } from './axios';
+import axiosInstance, { setAxiosGlobalHeaders, removeAxiosGlobalHeaders } from './axios';
 import { ipService } from './ip';
 import { operatorService } from './operator';
 import { countryService } from './country';
@@ -23,5 +23,5 @@ var API = {
     dataService: dataService,
     individualService: individualService
 };
-export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders };
+export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance };
 export default API;

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,11 @@
 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>;
+    landing: import("redux").Reducer<import("@features/app/landing/landingStore").LandingState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js CHANGED Viewed

@@ -1,11 +1,11 @@
 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';
+import landing from '@features/app/landing/landingStore';
 var rootReducer = {
     settings: settings,
     connect: connect,

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

@@ -1,6 +1,6 @@
-import { RootState } from './store';
-import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, AppInfo, LibConfig } from '../@types';
-import { ValidateOperatorBody } from '../api';
+import { RootState } from '@app/store';
+import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, AppInfo, LibConfig } from '@types';
+import { ValidateOperatorBody } from '@api';
 export declare const getClientIp: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 export declare const getBrowserFingerPrint: import("@reduxjs/toolkit").AsyncThunk<{
     fingerPrint: import("@fingerprintjs/fingerprintjs").GetResult;

package/build/app/settings.js CHANGED Viewed

@@ -36,11 +36,11 @@ 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 '../i18n';
-import { updateLocale } from '../utils/locale';
-import API from '../api';
+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';
 export var getClientIp = createAsyncThunk('getClientIp', function () { return __awaiter(void 0, void 0, void 0, function () {
     var data;
     return __generator(this, 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/Button/Button.d.ts CHANGED Viewed

@@ -1,9 +1,14 @@
 import * as React from 'react';
 import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
+export interface ButtonStyledProps {
+    touched?: boolean;
+    outLineColor?: string;
+}
 export interface ButtonProps extends MUIButtonProps {
+    outLineColor?: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ children, startIcon, endIcon, ...rest }: ButtonProps): JSX.Element;
+    ({ children, startIcon, outLineColor, endIcon, ...rest }: ButtonProps): JSX.Element;
     defaultProps: {};
 }>;
 export default _default;

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

@@ -24,11 +24,33 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import Button from '@mui/material/Button';
 import { styled, alpha } from '@mui/material/styles';
-var ButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
+var ButtonStyled = styled(Button, {
+    shouldForwardProp: function (prop) { return !['outLineColor', 'touched'].includes(prop.toString()); }
+})(function (_a) {
+    var _b;
+    var theme = _a.theme, touched = _a.touched, outLineColor = _a.outLineColor;
     return ({
-        color: theme.palette.common.white,
-        backgroundColor: theme.palette.primary.main,
+        '&.MuiButton-contained': {
+            color: theme.palette.common.white,
+            backgroundColor: theme.palette.primary.main,
+            '&:hover': {
+                backgroundColor: theme.palette.primary.main
+            },
+            '&:active': {
+                backgroundColor: theme.palette.primary.main
+            },
+            ':disabled': {
+                backgroundColor: alpha(theme.palette.primary.main, 0.3),
+                borderColor: alpha(theme.palette.primary.main, 0.2),
+                color: theme.palette.common.white
+            },
+            '& .MuiButton-endIcon': {
+                margin: theme.spacing(0)
+            },
+            '& .MuiButton-startIcon': {
+                margin: theme.spacing(0)
+            }
+        },
         minHeight: theme.spacing(5.5),
         maxHeight: theme.spacing(5.5),
         borderRadius: theme.spacing(4.1),
@@ -36,28 +58,44 @@ var ButtonStyled = styled(Button)(function (_a) {
         lineHeight: 1.7,
         display: 'flex',
         justifyContent: 'space-between',
-        '&:hover': {
-            backgroundColor: theme.palette.primary.main
-        },
-        '&:active': {
-            backgroundColor: theme.palette.primary.main
-        },
-        ':disabled': {
-            backgroundColor: alpha(theme.palette.primary.main, 0.3),
-            borderColor: alpha(theme.palette.primary.main, 0.2),
-            color: theme.palette.common.white
-        },
-        '& .MuiButton-endIcon': {
-            margin: theme.spacing(0)
-        },
-        '& .MuiButton-startIcon': {
-            margin: theme.spacing(0)
-        }
+        paddingInlineStart: theme.spacing(0.75),
+        textTransform: 'none',
+        '&.MuiButton-outlined': (_b = {
+                backgroundColor: theme.palette.common.white,
+                border: "1px solid ".concat(!!outLineColor ? outLineColor : theme.palette.primary.main),
+                color: !!outLineColor ? outLineColor : theme.palette.primary.main,
+                '&:hover': {
+                    backgroundColor: !!outLineColor ? outLineColor : theme.palette.primary.main,
+                    color: theme.palette.common.white,
+                    img: {
+                        filter: 'brightness(0) invert(1)'
+                    }
+                }
+            },
+            _b[theme.breakpoints.down('sm')] = {
+                '&:hover': {
+                    backgroundColor: touched
+                        ? !!outLineColor
+                            ? outLineColor
+                            : theme.palette.primary.main
+                        : theme.palette.common.white,
+                    color: touched ? theme.palette.common.white : !!outLineColor ? outLineColor : theme.palette.primary.main,
+                    img: {
+                        filter: touched ? 'brightness(0) invert(1)' : 'none'
+                    }
+                }
+            },
+            _b['&:disabled'] = {
+                backgroundColor: theme.palette.common.white,
+                color: alpha(!!outLineColor ? outLineColor : theme.palette.primary.main, 0.3)
+            },
+            _b)
     });
 });
 var ButtonComponent = function (_a) {
-    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, rest = __rest(_a, ["children", "startIcon", "endIcon"]);
-    return (_jsx(ButtonStyled, __assign({ startIcon: startIcon || _jsx("span", {}), endIcon: endIcon || _jsx("span", {}), disableFocusRipple: true, disableElevation: true, disableRipple: true, disableTouchRipple: true, fullWidth: true }, rest, { children: children })));
+    var children = _a.children, startIcon = _a.startIcon, outLineColor = _a.outLineColor, endIcon = _a.endIcon, rest = __rest(_a, ["children", "startIcon", "outLineColor", "endIcon"]);
+    var _b = React.useState(false), isTouched = _b[0], setIsTouched = _b[1];
+    return (_jsx(ButtonStyled, __assign({ onTouchStart: function () { return setIsTouched(true); }, touched: isTouched, outLineColor: outLineColor, variant: 'contained', startIcon: startIcon || _jsx("span", {}), endIcon: endIcon || _jsx("span", {}), disableFocusRipple: true, disableElevation: true, disableRipple: true, disableTouchRipple: true, fullWidth: true }, rest, { children: children })));
 };
 ButtonComponent.defaultProps = {};
 export default React.memo(ButtonComponent);

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 '../Collapse';
-import ExpandIcon from '../ExpandIcon';
+import Collapse from '@components/Collapse';
+import ExpandIcon from '@components/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/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 '../Text';
+import Text from '@components/Text';
 import Box from '@mui/material/Box';
-import Icon from '../Icon';
-import { useLanguage } from '../../hooks';
+import Icon from '@components/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) }));

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

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { memo } from 'react';
 import Input from '@mui/material/Input';
-import Collapse from '../Collapse';
-import Warning from '../Warning';
+import Collapse from '@components/Collapse';
+import Warning from '@components/Warning';
 import { alpha, styled } from '@mui/material/styles';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import Text from '../Text';
+import Text from '@components/Text';
 import Box from '@mui/material/Box';
 var OTPTimerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;

package/build/components/Providers/ThemeProvider.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemContext } from '../../@types';
+import { ThemContext } from '@types';
 interface ThemeProviderProps {
     children: React.ReactNode;
     theme?: ThemContext;