@tap-payments/auth-jsconnect 2.1.63-test → 2.1.65-test

package/build/features/signIn/SignIn.js

@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
+import { createRoot } from 'react-dom/client';
 import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
 import { settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { reactElement } from '../../utils';
+import { createElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { SigIn_SCREENS_NAVIGATION } from '../../constants';
 import { signInFeatureScreens } from '../featuresScreens';
@@ -38,11 +39,13 @@ var SignIn = memo(function (props) {
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
                     }) }) })) })) })));
 });
-export function SignInLib(props) {
+export function SignInElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(SignIn, __assign({}, props)) })));
 }
 export function renderSignInLib(config, elementId) {
-    var _a = reactElement(elementId), render = _a.render, unmount = _a.unmount;
-    render(_jsx(SignInLib, __assign({}, config)));
+    var element = createElementAndInject(elementId);
+    var root = createRoot(element);
+    root.render(_jsx(SignInElement, __assign({}, config)));
+    var unmount = function () { return root.unmount(); };
     return { unmount: unmount };
 }

package/build/features/tax/Tax.d.ts

@@ -3,7 +3,7 @@ import { LibConfig } from '../../@types';
 export interface TaxLibProps extends LibConfig {
     verifyToken?: string;
 }
-export declare function TaxLib(props: TaxLibProps): JSX.Element;
+export declare function TaxElement(props: TaxLibProps): JSX.Element;
 export declare function renderTaxLib(config: TaxLibProps, elementId: string): {
     unmount: () => void;
 };

package/build/features/tax/Tax.js

@@ -22,13 +22,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
+import { createRoot } from 'react-dom/client';
 import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useVerifyToken } from '../../hooks';
 import { settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { reactElement } from '../../utils';
+import { createElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { TAX_SCREENS_NAVIGATION } from '../../constants';
 import { taxFeatureScreens } from '../featuresScreens';
@@ -59,11 +60,13 @@ var Tax = memo(function (_a) {
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
                     }) }) })) })) })));
 });
-export function TaxLib(props) {
+export function TaxElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Tax, __assign({}, props)) })));
 }
 export function renderTaxLib(config, elementId) {
-    var _a = reactElement(elementId), render = _a.render, unmount = _a.unmount;
-    render(_jsx(TaxLib, __assign({}, config)));
+    var element = createElementAndInject(elementId);
+    var root = createRoot(element);
+    root.render(_jsx(TaxElement, __assign({}, config)));
+    var unmount = function () { return root.unmount(); };
     return { unmount: unmount };
 }

package/build/hooks/useAppDispatch.d.ts

@@ -8,7 +8,6 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
-    auth: import("../features/app/auth/authStore").AuthState;
     brand: import("../features/app/brand/brandStore").BrandState;
     connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/index.d.ts

@@ -1,15 +1,14 @@
 import './index.css';
 import './i18n';
-import { ConnectLib, renderConnectLib, ConnectLibProps } from './features/connect';
-import { ConnectExpressLib, renderConnectExpressLib, ConnectExpressLibProps } from './features/connectExpress';
-import { BusinessLib, renderBusinessLib, BusinessLibProps } from './features/business';
-import { PasswordLib, renderPasswordLib, PasswordLibProps } from './features/password';
-import { IndividualLib, renderIndividualLib, IndividualLibProps } from './features/individual';
-import { BankLib, renderBankLib, BankLibProps } from './features/bank';
-import { TaxLib, renderTaxLib, TaxLibProps } from './features/tax';
-import { SignInLib, renderSignInLib, SignInLibProps } from './features/signIn';
-import { EntityLib, EntityLibProps, renderEntityLib } from './features/entity';
-import { BrandLib, BrandLibProps, renderBrandLib } from './features/brand';
-import { AuthLib, AuthLibProps, renderAuthLib } from './features/auth';
-export type { ConnectLibProps, ConnectExpressLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, AuthLibProps, SignInLibProps };
-export { ConnectLib, renderConnectLib, ConnectExpressLib, renderConnectExpressLib, BusinessLib, renderBusinessLib, PasswordLib, renderPasswordLib, IndividualLib, renderIndividualLib, BankLib, renderBankLib, TaxLib, renderTaxLib, EntityLib, renderEntityLib, BrandLib, renderBrandLib, SignInLib, renderSignInLib, AuthLib, renderAuthLib };
+import { ConnectElement, ConnectLibProps } from './features/connect';
+import { ConnectExpressElement, renderConnectExpressLib, ConnectExpressLibProps } from './features/connectExpress';
+import { BusinessElement, BusinessLibProps } from './features/business';
+import { PasswordElement, PasswordLibProps } from './features/password';
+import { IndividualElement, IndividualLibProps } from './features/individual';
+import { BankElement, BankLibProps } from './features/bank';
+import { TaxElement, TaxLibProps } from './features/tax';
+import { SignInElement, SignInLibProps } from './features/signIn';
+import { EntityElement, EntityLibProps } from './features/entity';
+import { BrandElement, BrandLibProps } from './features/brand';
+export type { ConnectLibProps, ConnectExpressLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps };
+export { ConnectElement, ConnectExpressElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, renderConnectExpressLib };

package/build/index.js

@@ -1,17 +1,16 @@
 import './index.css';
 import './i18n';
-import { ConnectLib, renderConnectLib } from './features/connect';
-import { ConnectExpressLib, renderConnectExpressLib } from './features/connectExpress';
-import { BusinessLib, renderBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib } from './features/individual';
-import { BankLib, renderBankLib } from './features/bank';
-import { TaxLib, renderTaxLib } from './features/tax';
-import { SignInLib, renderSignInLib } from './features/signIn';
-import { EntityLib, renderEntityLib } from './features/entity';
-import { BrandLib, renderBrandLib } from './features/brand';
-import { AuthLib, renderAuthLib } from './features/auth';
-export { ConnectLib, renderConnectLib, ConnectExpressLib, renderConnectExpressLib, BusinessLib, renderBusinessLib, PasswordLib, renderPasswordLib, IndividualLib, renderIndividualLib, BankLib, renderBankLib, TaxLib, renderTaxLib, EntityLib, renderEntityLib, BrandLib, renderBrandLib, SignInLib, renderSignInLib, AuthLib, renderAuthLib };
+import { ConnectElement, renderConnectLib } from './features/connect';
+import { ConnectExpressElement, renderConnectExpressLib } from './features/connectExpress';
+import { BusinessElement, renderBusinessLib } from './features/business';
+import { PasswordElement, renderPasswordLib } from './features/password';
+import { IndividualElement, renderIndividualLib } from './features/individual';
+import { BankElement, renderBankLib } from './features/bank';
+import { TaxElement, renderTaxLib } from './features/tax';
+import { SignInElement } from './features/signIn';
+import { EntityElement, renderEntityLib } from './features/entity';
+import { BrandElement, renderBrandLib } from './features/brand';
+export { ConnectElement, ConnectExpressElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, renderConnectExpressLib };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     renderConnectExpressLib: renderConnectExpressLib,
@@ -21,8 +20,6 @@ window['TapAuth'] = {
     renderBankLib: renderBankLib,
     renderTaxLib: renderTaxLib,
     renderEntityLib: renderEntityLib,
-    renderBrandLib: renderBrandLib,
-    renderSignInLib: renderSignInLib,
-    renderAuthLib: renderAuthLib
+    renderBrandLib: renderBrandLib
 };
 console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/utils/html.d.ts

@@ -1,5 +1,4 @@
 export declare const createElementAndInject: (id: string) => HTMLDivElement;
-export declare const reactElement: (elementId: string) => import("react-dom/client").Root;
 export declare const scrollUp: (elementId: string, top?: number) => void;
 export declare const scrollDown: (elementId: string) => void;
 export declare const removeElement: (elementId: string) => void;

package/build/utils/html.js

@@ -1,17 +1,9 @@
-import { createRoot } from 'react-dom/client';
 export var createElementAndInject = function (id) {
     var element = document.createElement('div');
-    element.setAttribute('id', id);
-    document.body.appendChild(element);
+    element.setAttribute('id', id || 'tap-connect-sdk-element');
+    document.body.prepend(element);
     return element;
 };
-export var reactElement = function (elementId) {
-    var element = document.getElementById(elementId);
-    if (!element) {
-        element = createElementAndInject('tap-payments-sdk-element');
-    }
-    return createRoot(element);
-};
 export var scrollUp = function (elementId, top) {
     var el = document.getElementById(elementId);
     if (!el)

package/package.json

@@ -1,130 +1,129 @@
-{
-	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.1.63-test",
-	"description": "connect library, auth",
-	"private": false,
-	"main": "build/index.js",
-	"module": "build/index.js",
-	"types": "build/index.d.ts",
-	"files": [
-		"build",
-		"README.md"
-	],
-	"scripts": {
-		"husky:setup": "npx husky install",
-		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
-		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
-		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
-		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
-		"start": "cross-env NODE_ENV=development webpack serve",
-		"build": "rm -rf build-production build && cross-env NODE_ENV=production BUILD_ENV=production webpack",
-		"build:development": "rm -rf build-development build && cross-env NODE_ENV=production BUILD_ENV=development webpack",
-		"copy:files": "copyfiles -u 1 src/**/*.css build/",
-		"tsc:alias": "tsc-alias -p tsconfig.json",
-		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
-		"push": "npm publish --access public"
-	},
-	"keywords": [],
-	"author": {
-		"name": "Ahmed Elsharkawy",
-		"email": "a.elsharkawy@tap.company"
-	},
-	"license": "ISC",
-	"devDependencies": {
-		"@babel/core": "^7.18.6",
-		"@babel/preset-env": "^7.18.6",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/lodash-es": "^4.17.6",
-		"@types/react": "^18.0.15",
-		"@types/react-calendar": "~3.5.1",
-		"@types/react-dom": "^18.0.6",
-		"@typescript-eslint/eslint-plugin": "^5.30.5",
-		"@typescript-eslint/parser": "^5.30.5",
-		"babel-loader": "^8.2.5",
-		"copyfiles": "^2.4.1",
-		"cross-env": "^7.0.3",
-		"css-loader": "^6.7.1",
-		"css-minimizer-webpack-plugin": "^4.0.0",
-		"eslint": "^8.19.0",
-		"eslint-config-airbnb": "^19.0.4",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-import": "^2.26.0",
-		"eslint-plugin-jsx-a11y": "^6.6.0",
-		"eslint-plugin-node": "^11.1.0",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-react": "^7.30.1",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"file-loader": "^6.2.0",
-		"fork-ts-checker-webpack-plugin": "^7.2.12",
-		"html-loader": "^3.1.2",
-		"html-webpack-plugin": "^5.5.0",
-		"husky": "^8.0.1",
-		"lint-staged": "^13.0.3",
-		"mini-css-extract-plugin": "^2.6.1",
-		"prettier": "^2.7.1",
-		"sass": "^1.53.0",
-		"sass-loader": "^13.0.2",
-		"style-loader": "^3.3.1",
-		"terser-webpack-plugin": "^5.3.3",
-		"tsc-alias": "^1.6.11",
-		"typescript": "^4.7.4",
-		"webpack": "^5.73.0",
-		"webpack-cli": "^4.10.0",
-		"webpack-dev-server": "^4.9.3",
-		"webpack-merge": "^5.8.0"
-	},
-	"dependencies": {
-		"@emotion/react": "^11.9.3",
-		"@emotion/styled": "^11.9.3",
-		"@fingerprintjs/fingerprintjs": "~3.3.4",
-		"@hookform/resolvers": "^2.9.6",
-		"@mui/icons-material": "^5.8.4",
-		"@mui/material": "^5.8.7",
-		"@reduxjs/toolkit": "^1.8.3",
-		"axios": "^0.27.2",
-		"device-detector-js": "^3.0.3",
-		"i18next": "^21.8.14",
-		"i18next-browser-languagedetector": "^6.1.4",
-		"i18next-http-backend": "^1.4.1",
-		"jsencrypt": "^2.3.1",
-		"lodash-es": "^4.17.21",
-		"lottie-web": "^5.9.6",
-		"moment": "^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-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"
-		]
-	}
-}
+{
+	"name": "@tap-payments/auth-jsconnect",
+	"version": "2.1.65-test",
+	"description": "connect library, auth",
+	"private": false,
+	"main": "build/index.js",
+	"module": "build/index.js",
+	"types": "build/index.d.ts",
+	"files": [
+		"build",
+		"README.md"
+	],
+	"scripts": {
+		"husky:setup": "npx husky install",
+		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
+		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
+		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
+		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+		"start": "cross-env NODE_ENV=development webpack serve",
+		"build": "rm -rf build && cross-env NODE_ENV=production webpack",
+		"copy:files": "copyfiles -u 1 src/**/*.css build/",
+		"tsc:alias": "tsc-alias -p tsconfig.json",
+		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
+		"push": "npm publish --access public"
+	},
+	"keywords": [],
+	"author": {
+		"name": "Ahmed Elsharkawy",
+		"email": "a.elsharkawy@tap.company"
+	},
+	"license": "ISC",
+	"devDependencies": {
+		"@babel/core": "^7.18.6",
+		"@babel/preset-env": "^7.18.6",
+		"@babel/preset-react": "^7.18.6",
+		"@babel/preset-typescript": "^7.18.6",
+		"@types/lodash-es": "^4.17.6",
+		"@types/react": "^18.0.15",
+		"@types/react-calendar": "~3.5.1",
+		"@types/react-dom": "^18.0.6",
+		"@typescript-eslint/eslint-plugin": "^5.30.5",
+		"@typescript-eslint/parser": "^5.30.5",
+		"babel-loader": "^8.2.5",
+		"copyfiles": "^2.4.1",
+		"cross-env": "^7.0.3",
+		"css-loader": "^6.7.1",
+		"css-minimizer-webpack-plugin": "^4.0.0",
+		"eslint": "^8.19.0",
+		"eslint-config-airbnb": "^19.0.4",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-import": "^2.26.0",
+		"eslint-plugin-jsx-a11y": "^6.6.0",
+		"eslint-plugin-node": "^11.1.0",
+		"eslint-plugin-prettier": "^4.2.1",
+		"eslint-plugin-react": "^7.30.1",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"file-loader": "^6.2.0",
+		"fork-ts-checker-webpack-plugin": "^7.2.12",
+		"html-loader": "^3.1.2",
+		"html-webpack-plugin": "^5.5.0",
+		"husky": "^8.0.1",
+		"lint-staged": "^13.0.3",
+		"mini-css-extract-plugin": "^2.6.1",
+		"prettier": "^2.7.1",
+		"sass": "^1.53.0",
+		"sass-loader": "^13.0.2",
+		"style-loader": "^3.3.1",
+		"terser-webpack-plugin": "^5.3.3",
+		"tsc-alias": "^1.6.11",
+		"typescript": "^4.7.4",
+		"webpack": "^5.73.0",
+		"webpack-cli": "^4.10.0",
+		"webpack-dev-server": "^4.9.3",
+		"webpack-merge": "^5.8.0"
+	},
+	"dependencies": {
+		"@emotion/react": "^11.9.3",
+		"@emotion/styled": "^11.9.3",
+		"@fingerprintjs/fingerprintjs": "~3.3.4",
+		"@hookform/resolvers": "^2.9.6",
+		"@mui/icons-material": "^5.8.4",
+		"@mui/material": "^5.8.7",
+		"@reduxjs/toolkit": "^1.8.3",
+		"axios": "^0.27.2",
+		"device-detector-js": "^3.0.3",
+		"i18next": "^21.8.14",
+		"i18next-browser-languagedetector": "^6.1.4",
+		"i18next-http-backend": "^1.4.1",
+		"jsencrypt": "^2.3.1",
+		"lodash-es": "^4.17.21",
+		"lottie-web": "^5.9.6",
+		"moment": "^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-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"
+		]
+	}
+}

package/build/features/app/auth/authStore.d.ts

@@ -1,46 +0,0 @@
-import { RootState } from '../../../app/store';
-import { ResponseData, OTPFormValues, SharedState, ActionState, NIDFormValues } from '../../../@types';
-export declare const retrieveLead: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
-export declare const verifyAuthOTP: import("@reduxjs/toolkit").AsyncThunk<{
-    response: any;
-    formData: OTPFormValues;
-}, OTPFormValues, {}>;
-export declare const createAuth: import("@reduxjs/toolkit").AsyncThunk<{
-    data: any;
-    formData: NIDFormValues;
-}, NIDFormValues, {}>;
-export declare const resendOTP: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
-export interface AuthData extends ResponseData {
-    verifyToken: string | undefined;
-    leadId: string;
-    postUrl: string;
-    otp: string;
-    nid: string;
-    termAndConditionChecked: boolean;
-    device_token?: string;
-    service_name?: string;
-    dob: string;
-    countryISOCode: string;
-}
-export interface AuthState extends SharedState<AuthData> {
-    customLoading?: boolean;
-}
-export declare const authSlice: import("@reduxjs/toolkit").Slice<AuthState, {
-    clearError: (state: AuthState) => void;
-    stopLoader: (state: AuthState) => void;
-    resetOTPScreen: (state: AuthState) => void;
-    storeLeadId: (state: AuthState, action: ActionState<{
-        leadId: string;
-    }>) => void;
-    storePostUrl: (state: AuthState, action: ActionState<{
-        postUrl: string;
-    }>) => void;
-}, "auth/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, storeLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
-    leadId: string;
-}, string>, storePostUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
-    postUrl: string;
-}, string>;
-declare const _default: import("redux").Reducer<AuthState, import("redux").AnyAction>;
-export default _default;
-export declare const authSelector: (state: RootState) => AuthState;