@os1-platform/console-ui-react 0.2.3 → 0.2.5

package/dist/commonjs/aaa/index.js

@@ -69,9 +69,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.functionBoundAutoCompleteOption = exports.functionBoundOption = exports.OS1HttpClient = exports.OS1Modal = exports.OS1Toast = exports.OS1Provider = exports.ConsoleUIContext = exports.AuthContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -80,7 +77,6 @@ Object.defineProperty(exports, "OS1HttpClient", { enumerable: true, get: functio
 Object.defineProperty(exports, "functionBoundOption", { enumerable: true, get: function () { return console_ui_js_1.functionBoundOption; } });
 Object.defineProperty(exports, "functionBoundAutoCompleteOption", { enumerable: true, get: function () { return console_ui_js_1.functionBoundAutoCompleteOption; } });
 var react_1 = __importStar(require("react"));
-var axios_1 = __importDefault(require("axios"));
 exports.AuthContext = react_1.default.createContext(undefined);
 exports.ConsoleUIContext = react_1.default.createContext(undefined);
 var HeaderAndSideBar = function (props) {
@@ -126,86 +122,30 @@ var HeaderAndSideBar = function (props) {
     //console.log(consoleInstance, props);
     return ((0, jsx_runtime_1.jsx)(exports.ConsoleUIContext.Provider, __assign({ value: consoleInstance }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ id: "headerAndSidebar" }, { children: props.children })) })));
 };
-var getCleanedDomain = function (domain) {
-    var cleanedDomain = String(domain);
-    var splitHost = cleanedDomain.split('.');
-    var org = splitHost[0] || '';
-    var cleanedOrg = org.replace('-cdev', '');
-    var base = splitHost.join('.');
-    return { orgShortName: cleanedOrg, baseDomain: base };
-};
-var getTenantFromDevPortal = function (orgShortName) { return __awaiter(void 0, void 0, void 0, function () {
-    var url, response;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                url = "https://api.getos1.com/app/core-api/tenant?orgShortName=".concat(orgShortName);
-                return [4 /*yield*/, axios_1.default.get(url)];
-            case 1:
-                response = _a.sent();
-                return [2 /*return*/, response.data.data];
-        }
-    });
-}); };
-var getTenantUrlFromDevPortal = function (tenantId) { return __awaiter(void 0, void 0, void 0, function () {
-    var url, response;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                url = "https://api.getos1.com/app/core-api/tenant?tenantId=".concat(tenantId);
-                return [4 /*yield*/, axios_1.default.get(url)];
-            case 1:
-                response = _a.sent();
-                return [2 /*return*/, response.data.data];
-        }
-    });
-}); };
-var getKeyCloakAuthority = function (domain, devTenantId) { return __awaiter(void 0, void 0, void 0, function () {
-    var orgName, baseDomainName, tenant_1, _a, orgShortName, baseDomain, tenant;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                orgName = '';
-                baseDomainName = '';
-                if (!(devTenantId != undefined)) return [3 /*break*/, 2];
-                baseDomainName = domain.substring(domain.indexOf('.'));
-                return [4 /*yield*/, getTenantUrlFromDevPortal(devTenantId)];
-            case 1:
-                tenant_1 = _b.sent();
-                return [2 /*return*/, "".concat(tenant_1.stackAuthUrl, "/auth/realms/").concat(devTenantId)];
-            case 2:
-                _a = getCleanedDomain(domain), orgShortName = _a.orgShortName, baseDomain = _a.baseDomain;
-                orgName = orgShortName;
-                baseDomainName = baseDomain;
-                _b.label = 3;
-            case 3: return [4 /*yield*/, getTenantFromDevPortal(orgName)];
-            case 4:
-                tenant = _b.sent();
-                return [2 /*return*/, "".concat(tenant.stackAuthUrl, "/auth/realms/").concat(tenant.tenantId)];
-        }
-    });
-}); };
 var OS1Provider = function (props) {
     var _a = (0, react_1.useState)(''), authUrl = _a[0], setAuthUrl = _a[1];
     // const [tenantDns, setTenantDns] = useState('');
-    // let isMountedRef = useRef<boolean>(false);
+    var _b = (0, react_1.useState)(false), isMountedRef = _b[0], setisMountedRef = _b[1];
+    var authHelper = new console_ui_js_1.AuthHelper();
     var authUrls = '';
     (0, react_1.useEffect)(function () {
         (function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, getKeyCloakAuthority(window.location.hostname, props.devTenantId)];
+                        case 0: return [4 /*yield*/, authHelper.getKeyCloakAuthority(window.location.hostname, props.devTenantId)];
                         case 1:
                             authUrls = _a.sent();
                             setAuthUrl(authUrls);
+                            setisMountedRef(true);
                             return [2 /*return*/];
                     }
                 });
             });
         })();
     }, []);
-    return ((0, jsx_runtime_1.jsx)(OS1Provider2, { clientId: props.clientId, loginRedirectPath: props.loginRedirectPath, logoutRedirectPath: props.logoutRedirectPath, devTenantId: props.devTenantId, appId: props.appId, controls: props.controls, authUrl: authUrl, props: props }));
+    return (isMountedRef ?
+        (0, jsx_runtime_1.jsx)(OS1Provider2, { clientId: props.clientId, loginRedirectPath: props.loginRedirectPath, logoutRedirectPath: props.logoutRedirectPath, devTenantId: props.devTenantId, appId: props.appId, controls: props.controls, authUrl: authUrl, authHelper: authHelper, props: props }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
 };
 exports.OS1Provider = OS1Provider;
 var OS1Provider2 = function (props) {
@@ -215,11 +155,12 @@ var OS1Provider2 = function (props) {
     //console.log('userManager', userManager);
     var _a = (0, react_1.useState)(true), isLoading = _a[0], setIsLoading = _a[1];
     var isMountedRef = (0, react_1.useRef)(false);
+    var authHelper = props.authHelper;
     (0, react_1.useEffect)(function () {
         // Store current isMounted since this could change while awaiting async operations below
         isMountedRef.current = true;
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var user, error_1;
+            var user, error_1, error_2;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -235,15 +176,33 @@ var OS1Provider2 = function (props) {
                         error_1 = _a.sent();
                         return [3 /*break*/, 4];
                     case 4:
-                        if (!hasCodeInUrl(window.location)) return [3 /*break*/, 6];
-                        return [4 /*yield*/, (userManager === null || userManager === void 0 ? void 0 : userManager.logincallback())];
+                        if (!authHelper.hasErrorInUrl(window.location)) return [3 /*break*/, 6];
+                        return [4 /*yield*/, userManager.logout()];
                     case 5:
                         _a.sent();
-                        cleanBrowserUrl();
-                        setIsLoading(false);
                         return [2 /*return*/];
-                    case 6: return [4 /*yield*/, (userManager === null || userManager === void 0 ? void 0 : userManager.isAuthenticated())];
+                    case 6:
+                        if (!authHelper.hasCodeInUrl(window.location)) return [3 /*break*/, 12];
+                        _a.label = 7;
                     case 7:
+                        _a.trys.push([7, 9, , 11]);
+                        return [4 /*yield*/, (userManager === null || userManager === void 0 ? void 0 : userManager.logincallback())];
+                    case 8:
+                        _a.sent();
+                        return [3 /*break*/, 11];
+                    case 9:
+                        error_2 = _a.sent();
+                        window.console.log('Error: ', error_2);
+                        return [4 /*yield*/, userManager.logout()];
+                    case 10:
+                        _a.sent();
+                        return [3 /*break*/, 11];
+                    case 11:
+                        authHelper.cleanBrowserUrl();
+                        setIsLoading(false);
+                        return [2 /*return*/];
+                    case 12: return [4 /*yield*/, (userManager === null || userManager === void 0 ? void 0 : userManager.isAuthenticated())];
+                    case 13:
                         if (!(_a.sent())) {
                             userManager === null || userManager === void 0 ? void 0 : userManager.login();
                         }
@@ -260,30 +219,6 @@ var OS1Provider2 = function (props) {
     }, [window.location, userManager]);
     return ((0, jsx_runtime_1.jsx)(exports.AuthContext.Provider, __assign({ value: value }, { children: (0, jsx_runtime_1.jsx)(HeaderAndSideBar, __assign({ userManager: userManager, isLoading: isLoading, loader: props.loader, devOrgName: props.devOrgName, controls: props.controls, appId: props.appId, authUrl: props.authUrl }, { children: props.props.children })) })));
 };
-var hasCodeInUrl = function (location) {
-    var searchParams = new URLSearchParams(location.search);
-    var hashParams = new URLSearchParams(location.hash.replace('#', '?'));
-    return Boolean(searchParams.get('code') ||
-        searchParams.get('id_token') ||
-        searchParams.get('session_state') ||
-        searchParams.get('state') ||
-        hashParams.get('code') ||
-        hashParams.get('id_token') ||
-        hashParams.get('session_state') ||
-        hashParams.get('state'));
-};
-var cleanBrowserUrl = function () {
-    var search = window.location.search;
-    if (search &&
-        (search.includes('session_state=') ||
-            search.includes('state=') ||
-            search.includes('code='))) {
-        /*
-         * Use replaceState to redirect the user away and remove the querystring parameters
-         */
-        window.history.replaceState({}, document.title, window.location.href.split('?')[0]);
-    }
-};
 // export { Toast, Modal };
 var OS1Toast = function (props) {
     (0, react_1.useEffect)(function () {

package/dist/commonjs/aaa/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/aaa/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AAA, ConsoleUiInit, OS1HttpClient,  OS1Components, functionBoundOption, functionBoundAutoCompleteOption} from '@os1-platform/console-ui-js';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { ModalProps } from '../components/modal/interface';\nimport { ToastProps } from '../components/toast/interface';\n\nimport axios from 'axios';\n\nexport const AuthContext = React.createContext<any | undefined>(undefined);\nexport const ConsoleUIContext = React.createContext<any>(undefined);\n\nconst HeaderAndSideBar = (props: any) => {\n  const [consoleInstance, setConsoleInstance] = useState<any>(null);\n\n  useEffect(() => {\n    if (!props.isLoading) {\n      const console = ConsoleUiInit.getInstance(\n        props.clientId,\n        props.loginRedirectPath,\n        props.logoutRedirectPath,\n        props.authurl,\n        props.devTenantId,\n        props.appId,\n        props.userManager\n      );\n\n      setConsoleInstance(console);\n      console.renderHeaderAndSidebar('headerAndSidebar', props.controls);\n    }\n  }, [props.isLoading]);\n\n  if (props.isLoading) {\n    if (props.loader) {\n      return props.loader;\n    } else {\n      const keyframes = `\n      @-webkit-keyframes spin {\n        0% {\n          -webkit-transform: rotate(0deg);\n        }\n        100% {\n          -webkit-transform: rotate(360deg);\n        }\n      }\n    `;\n      const styleSheets = Array.from(document.styleSheets).filter(\n        (styleSheet) =>\n          !styleSheet.href || styleSheet.href.startsWith(window.location.origin)\n      );\n      for (let style of styleSheets) {\n        if (style instanceof CSSStyleSheet && style.cssRules) {\n          style.insertRule(keyframes, style.cssRules.length);\n        }\n      }\n      const loaderStyle = () => ({\n        marginTop: '50vh',\n        marginLeft: '50vw',\n        border: '12px solid #F3F3F3',\n        borderRadius: '50%',\n        borderTop: '12px solid grey',\n        width: '40px',\n        height: '40px',\n        animationName: 'spin',\n        animationDuration: '2s',\n        animationTimingFunction: 'linear',\n        animationIterationCount: 'infinite',\n      });\n      return <div style={loaderStyle()}></div>;\n    }\n  }\n  //console.log(consoleInstance, props);\n  return (\n    <ConsoleUIContext.Provider value={consoleInstance}>\n      <div id=\"headerAndSidebar\">{props.children}</div>\n    </ConsoleUIContext.Provider>\n  );\n};\n\ninterface TenantDTO {\n  tenantId: string;\n  tenantStatus: string;\n  tenantDns: string;\n  stackId: string;\n  stackName: string;\n  organizationShortName: string;\n  organizationBaseDomain: string;\n  stackAuthUrl: string;\n}\n\nconst getCleanedDomain = (domain: string) => {\n  const cleanedDomain = String(domain);\n  const splitHost = cleanedDomain.split('.');\n  const org = splitHost[0] || '';\n  const cleanedOrg = org.replace('-cdev', '');\n  const base = splitHost.join('.');\n  return { orgShortName: cleanedOrg, baseDomain: base };\n};\n\nconst getTenantFromDevPortal = async (\n  orgShortName: any\n): Promise<TenantDTO> => {\n  const url = `https://api.getos1.com/app/core-api/tenant?orgShortName=${orgShortName}`;\n  const response = await axios.get(url);\n  return response.data.data;\n};\n\nconst getTenantUrlFromDevPortal = async (\n  tenantId: string\n): Promise<TenantDTO> => {\n  const url = `https://api.getos1.com/app/core-api/tenant?tenantId=${tenantId}`;\n  const response = await axios.get(url);\n  return response.data.data;\n};\n\nconst getKeyCloakAuthority = async (domain: string, devTenantId: string) => {\n  let orgName: string = '';\n  var baseDomainName: string = '';\n\n  if (devTenantId != undefined) {\n    baseDomainName = domain.substring(domain.indexOf('.'));\n\n    const tenant = await getTenantUrlFromDevPortal(devTenantId);\n  \n    return `${tenant.stackAuthUrl}/auth/realms/${devTenantId}`;\n  } else {\n    const { orgShortName, baseDomain } = getCleanedDomain(domain);\n\n    orgName = orgShortName;\n    baseDomainName = baseDomain;\n  }\n    const tenant = await getTenantFromDevPortal(orgName);\n\n    return `${tenant.stackAuthUrl}/auth/realms/${tenant.tenantId}`;\n};\n\nconst OS1Provider = (props: any) => {\n  const [authUrl, setAuthUrl] = useState('');\n  // const [tenantDns, setTenantDns] = useState('');\n  // let isMountedRef = useRef<boolean>(false);\n\n  let authUrls = '';\n  useEffect(() => {\n    (async function () {\n      authUrls = await getKeyCloakAuthority(\n        window.location.hostname,\n        props.devTenantId\n      );\n      setAuthUrl(authUrls);\n    })();\n  }, []);\n\n  return (\n    <OS1Provider2\n      clientId={props.clientId}\n      loginRedirectPath={props.loginRedirectPath}\n      logoutRedirectPath={props.logoutRedirectPath}\n      devTenantId={props.devTenantId}\n      appId={props.appId}\n      controls={props.controls}\n      authUrl={authUrl}\n      props={...props}\n    />\n  );\n};\nconst OS1Provider2 = (props: any) => {\n  //console.log(props);\n  const userManager = new AAA(\n    props.clientId,\n    props.loginRedirectPath,\n    props.logoutRedirectPath,\n    props.devTenantId,\n    props.authUrl\n  );\n  const value = '';\n  //console.log('userManager', userManager);\n  const [isLoading, setIsLoading] = useState(true);\n  let isMountedRef = useRef<boolean>(false);\n\n  useEffect(() => {\n    // Store current isMounted since this could change while awaiting async operations below\n    isMountedRef.current = true;\n    (async () => {\n      let user = undefined;\n      try {\n        user = await userManager!.getUserInfo();\n      } catch (error: any) {\n\n      }\n      /**\n       * Check if the user is returning back from OIDC.\n       */\n      if (hasCodeInUrl(window.location)) {\n        await userManager?.logincallback();\n        cleanBrowserUrl();\n        setIsLoading(false);\n        return;\n      }\n\n      if (!(await userManager?.isAuthenticated())) {\n        userManager?.login();\n      } else if (isMountedRef.current) {\n        setIsLoading(false);\n      }\n    })();\n\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, [window.location, userManager]);\n\n  return (\n    <AuthContext.Provider value={value}>\n      <HeaderAndSideBar\n        userManager={userManager}\n        isLoading={isLoading}\n        loader={props.loader}\n        devOrgName={props.devOrgName}\n        controls={props.controls}\n        appId={props.appId}\n        authUrl={props.authUrl}\n      >\n        {props.props.children}\n      </HeaderAndSideBar>\n    </AuthContext.Provider>\n  );\n};\nconst hasCodeInUrl = (location: Location): boolean => {\n  const searchParams = new URLSearchParams(location.search);\n  const hashParams = new URLSearchParams(location.hash.replace('#', '?'));\n  return Boolean(\n    searchParams.get('code') ||\n      searchParams.get('id_token') ||\n      searchParams.get('session_state') ||\n      searchParams.get('state') ||\n      hashParams.get('code') ||\n      hashParams.get('id_token') ||\n      hashParams.get('session_state') ||\n      hashParams.get('state')\n  );\n};\n\nconst cleanBrowserUrl = () => {\n  const search = window.location.search;\n\n  if (\n    search &&\n    (search.includes('session_state=') ||\n      search.includes('state=') ||\n      search.includes('code='))\n  ) {\n    /*\n     * Use replaceState to redirect the user away and remove the querystring parameters\n     */\n    window.history.replaceState(\n      {},\n      document.title,\n      window.location.href.split('?')[0]\n    );\n  }\n};\n\n// export { Toast, Modal };\n\nconst OS1Toast = (props: ToastProps) => {\n\n  useEffect(() => {\n    const os1Components = new OS1Components()\n    os1Components.renderToast(props.elementId, props.toastConfig);\n  }, []);\n\n  return <div id={props.elementId}></div>;\n};\n\nconst OS1Modal = (props: ModalProps) => {\n\n  useEffect(() => {\n    const os1Components = new OS1Components()\n    os1Components.renderModal(props.elementId, props.modalConfig);\n  }, []);\n\n  return <div id={props.elementId}></div>;\n};\n\n\nexport {\n  OS1Provider,\n  OS1Toast,\n  OS1Modal,\n  OS1HttpClient,\n  functionBoundOption,\n  functionBoundAutoCompleteOption\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/aaa/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AAA, ConsoleUiInit, OS1HttpClient,  OS1Components, functionBoundOption, functionBoundAutoCompleteOption, AuthHelper} from '@os1-platform/console-ui-js';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { ModalProps } from '../components/modal/interface';\nimport { ToastProps } from '../components/toast/interface';\n\nexport const AuthContext = React.createContext<any | undefined>(undefined);\nexport const ConsoleUIContext = React.createContext<any>(undefined);\n\nconst HeaderAndSideBar = (props: any) => {\n  const [consoleInstance, setConsoleInstance] = useState<any>(null);\n\n  useEffect(() => {\n    if (!props.isLoading) {\n      const console = ConsoleUiInit.getInstance(\n        props.clientId,\n        props.loginRedirectPath,\n        props.logoutRedirectPath,\n        props.authurl,\n        props.devTenantId,\n        props.appId,\n        props.userManager\n      );\n\n      setConsoleInstance(console);\n      console.renderHeaderAndSidebar('headerAndSidebar', props.controls);\n    }\n  }, [props.isLoading]);\n\n  if (props.isLoading) {\n    if (props.loader) {\n      return props.loader;\n    } else {\n      const keyframes = `\n      @-webkit-keyframes spin {\n        0% {\n          -webkit-transform: rotate(0deg);\n        }\n        100% {\n          -webkit-transform: rotate(360deg);\n        }\n      }\n    `;\n      const styleSheets = Array.from(document.styleSheets).filter(\n        (styleSheet) =>\n          !styleSheet.href || styleSheet.href.startsWith(window.location.origin)\n      );\n      for (let style of styleSheets) {\n        if (style instanceof CSSStyleSheet && style.cssRules) {\n          style.insertRule(keyframes, style.cssRules.length);\n        }\n      }\n      const loaderStyle = () => ({\n        marginTop: '50vh',\n        marginLeft: '50vw',\n        border: '12px solid #F3F3F3',\n        borderRadius: '50%',\n        borderTop: '12px solid grey',\n        width: '40px',\n        height: '40px',\n        animationName: 'spin',\n        animationDuration: '2s',\n        animationTimingFunction: 'linear',\n        animationIterationCount: 'infinite',\n      });\n      return <div style={loaderStyle()}></div>;\n    }\n  }\n  //console.log(consoleInstance, props);\n  return (\n    <ConsoleUIContext.Provider value={consoleInstance}>\n      <div id=\"headerAndSidebar\">{props.children}</div>\n    </ConsoleUIContext.Provider>\n  );\n};\n\nconst OS1Provider = (props: any) => {\n  const [authUrl, setAuthUrl] = useState('');\n  // const [tenantDns, setTenantDns] = useState('');\n  let [isMountedRef, setisMountedRef] = useState<boolean>(false);\n  \n  const  authHelper = new AuthHelper();\n  let authUrls = '';\n  useEffect(() => {\n    (async function () {\n      authUrls = await authHelper.getKeyCloakAuthority(\n        window.location.hostname,\n        props.devTenantId\n      );\n      setAuthUrl(authUrls);\n      setisMountedRef(true)\n    })();\n  }, []);\n\n  return (\n    isMountedRef?\n    <OS1Provider2\n      clientId={props.clientId}\n      loginRedirectPath={props.loginRedirectPath}\n      logoutRedirectPath={props.logoutRedirectPath}\n      devTenantId={props.devTenantId}\n      appId={props.appId}\n      controls={props.controls}\n      authUrl={authUrl}\n      authHelper = {authHelper}\n      props={...props}\n    />:<></>\n  );\n};\nconst OS1Provider2 = (props: any) => {\n  //console.log(props);\n  const userManager = new AAA(\n    props.clientId,\n    props.loginRedirectPath,\n    props.logoutRedirectPath,\n    props.devTenantId,\n    props.authUrl\n  );\n  const value = '';\n  //console.log('userManager', userManager);\n  const [isLoading, setIsLoading] = useState(true);\n  let isMountedRef = useRef<boolean>(false);\n  const { authHelper } = props;\n  useEffect(() => {\n    // Store current isMounted since this could change while awaiting async operations below\n    isMountedRef.current = true;\n    (async () => {\n      let user = undefined;\n      try {\n        user = await userManager!.getUserInfo();\n      } catch (error: any) {\n\n      }\n      /**\n       * Check if the user is returning back from OIDC and throws error.\n       */\n      if (authHelper.hasErrorInUrl(window.location)){\n        \n        await userManager.logout();\n        return\n      }\n      /**\n       * Check if the user is returning back from OIDC.\n       */\n      if (authHelper.hasCodeInUrl(window.location)) {\n        try{\n          await userManager?.logincallback();\n        }catch (error: any) {\n          window.console.log('Error: ', error);\n          await userManager.logout()\n        }\n        authHelper.cleanBrowserUrl();\n        setIsLoading(false);\n        return;\n      }\n\n      if (!(await userManager?.isAuthenticated())) {\n        userManager?.login();\n      } else if (isMountedRef.current) {\n        setIsLoading(false);\n      }\n    })();\n\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, [window.location, userManager]);\n\n  return (\n    <AuthContext.Provider value={value}>\n      <HeaderAndSideBar\n        userManager={userManager}\n        isLoading={isLoading}\n        loader={props.loader}\n        devOrgName={props.devOrgName}\n        controls={props.controls}\n        appId={props.appId}\n        authUrl={props.authUrl}\n      >\n        {props.props.children}\n      </HeaderAndSideBar>\n    </AuthContext.Provider>\n  );\n};\n\n// export { Toast, Modal };\n\nconst OS1Toast = (props: ToastProps) => {\n\n  useEffect(() => {\n    const os1Components = new OS1Components()\n    os1Components.renderToast(props.elementId, props.toastConfig);\n  }, []);\n\n  return <div id={props.elementId}></div>;\n};\n\nconst OS1Modal = (props: ModalProps) => {\n\n  useEffect(() => {\n    const os1Components = new OS1Components()\n    os1Components.renderModal(props.elementId, props.modalConfig);\n  }, []);\n\n  return <div id={props.elementId}></div>;\n};\n\n\nexport {\n  OS1Provider,\n  OS1Toast,\n  OS1Modal,\n  OS1HttpClient,\n  functionBoundOption,\n  functionBoundAutoCompleteOption\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os1-platform/console-ui-react",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "React wrapper for console-ui library",
   "main": "dist/commonjs/aaa/index.js",
   "types": "dist/commonjs/types/aaa/index.d.ts",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@fullhuman/postcss-purgecss": "^5.0.0",
-    "@os1-platform/console-ui-js": "^0.2.1",
+    "@os1-platform/console-ui-js": "^0.2.3",
     "@react-native-community/eslint-config": "^2.0.0",
     "@types/react": "^17.0.37",
     "axios": "^0.21.4",

package/readme.md

@@ -173,7 +173,7 @@
 
 11. Option to change the timezone of the application. At initital load, time zone will be tenant specific but user can change the time zone according to his choice and it will be stored in his browser's local Storage.
 
-12. Exposed `convertTime` function that converts time of the user's application in their desired format and `currentTimeZone` function that gives user current timezone that is stored in the browser.
+12. Exposed `convertTime` function that converts time of the user's application in their desired format and `currentTimeZone` function that gives user current timezone that is stored in the browser. When TimeZone is updated it emits `UpdateTimeZoneEvent` event.
 
     ```javascript
     const { consoleInstance } = props;
@@ -191,10 +191,10 @@
 
 15. If nothing is selected then, when user clicks on app for the first time, it asks how we want to redirect the app.
 
-16. To get Access Token, use `getAccessToken` method, for userInfo, use `getUser`, and check whether user is authenticated use `isAuthenticated()`. User have to use context of consoleUi and call authInitializer method of it.
+16. To get Access Token, use `getAuthenticationTokens` method, for userInfo, use `getUser`, and check whether user is authenticated use `isAuthenticated()`. User have to use context of consoleUi and call authInitializer method of it.
 ```Javascript
     if (consoleInstance) {
-        const accessToken = consoleInstance.authInitializer.getAccessToken();
+        const accessToken = consoleInstance.authInitializer.getAuthenticationTokens();
         const userInfo = consoleInstance.authInitializer.getUser();
         const isUserAuthenticated = consoleInstance.authInitializer.isAuthenticated();
     }