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

@tap-payments/auth-jsconnect 1.0.88 → 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 (202) hide show

package/README.md CHANGED Viewed

@@ -0,0 +1,161 @@
+# Auth-JsConnect
+Handling user authentication and identification
+## Install
+This is a [React](https://reactjs.org/) module available through the
+[npm registry](https://www.npmjs.com/). Installation is done using the
+[`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally):
+```console
+npm install @tap-payments/auth-jsconnect
+```
+---------------------------- OR -------------------------
+```console
+yarn add @tap-payments/auth-jsconnect
+```
+## Features
+- [Connect](#Connect)
+- [Business](#Business)
+- [Password](#Password)
+- [Individual](#Individual)
+- [Bank](#Bank)
+- [Tax](#Tax)
+## Examples
+### ES6
+```js
+import { ConnectLib } from '@tap-payments/auth-jsconnect'
+const App = () => {
+	return (
+		<ConnectLib
+			open={true}
+			merchantDomain={'https://www.example.com'}
+			publicKey={'pk_test_xxxxxx'}
+			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={[]}
+		/>
+	)
+}
+```
+### Vanilla JS
+```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>
+```
+```
+## Connect
+## Business
+## Password
+## Individual
+## Bank
+## Tax
+```
+## 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;

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

@@ -27,7 +27,7 @@ import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import { styled } from '@mui/material/styles';
 import get from 'lodash-es/get';
-import { useEventListener } from '../../hooks';
+import { useEventListener } from '@hooks';
 var ListStyled = styled(List)(function (_a) {
     var _b;
     var theme = _a.theme;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SocialMediaTypes } from '../../@types';
+import { SocialMediaTypes } from '@types';
 import { ToggleButtonGroupProps } from '../ToggleButtonGroup';
 import { ToggleButtonProps } from '../ToggleButton';
 export interface SocialMediaGroupProps extends ToggleButtonGroupProps {

package/build/components/SocialMediaGroup/SocialMediaGroup.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 * as React from 'react';
 import { styled } from '@mui/material/styles';
-import { ICONS_NAMES } from '../../constants';
-import { SocialMediaTypes } from '../../@types';
+import { ICONS_NAMES } from '@constants';
+import { SocialMediaTypes } from '@types';
 import ToggleButtonGroup from '../ToggleButtonGroup';
 import ToggleButton from '../ToggleButton';
 import Icon from '../Icon';

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

@@ -1,5 +1,7 @@
 export declare const ENDPOINT_PATHS: {
-    BASE_URL: string;
+    SANDBOX_BASE_URL: string;
+    PRODUCTION_BASE_URL: string;
+    DEV_BASE_URL: string;
     BUSINESS_COUNTRIES: string;
     COUNTRIES: string;
     IP: string;

package/build/constants/api.js CHANGED Viewed

@@ -1,4 +1,6 @@
-var API_BASE_URL = 'https://connect-mw.sandbox.tap.company/middleware';
+var SANDBOX_BASE_URL = 'https://connect-mw.sandbox.tap.company/middleware';
+var PRODUCTION_BASE_URL = 'https://connect-mw.tap.company/middleware';
+var DEV_BASE_URL = 'https://connect-mw.dev.tap.company/middleware';
 var API_BUSINESS_COUNTRIES = 'https://godata.sandbox.tap.company/api/v1/business/country/list';
 var API_COUNTRIES = 'https://utilities.tap.company/api/v1/country/list';
 var IP_PATH = '/ip';
@@ -24,7 +26,9 @@ var MONTHLY_INCOME_PATH = '/v2/monthlyIncome';
 var BRAND_LIST_PATH = '/brand/list';
 var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/locale.json';
 export var ENDPOINT_PATHS = {
-    BASE_URL: API_BASE_URL,
+    SANDBOX_BASE_URL: SANDBOX_BASE_URL,
+    PRODUCTION_BASE_URL: PRODUCTION_BASE_URL,
+    DEV_BASE_URL: DEV_BASE_URL,
     BUSINESS_COUNTRIES: API_BUSINESS_COUNTRIES,
     COUNTRIES: API_COUNTRIES,
     IP: IP_PATH,