@os1-platform/console-ui-react 0.8.1 → 0.8.3

package/dist/commonjs/aaa/index.js

@@ -82,14 +82,21 @@ exports.AuthContext = react_1.default.createContext(undefined);
 exports.ConsoleUIContext = react_1.default.createContext(undefined);
 var HeaderAndSideBar = function (props) {
     var _a = (0, react_1.useState)(null), consoleInstance = _a[0], setConsoleInstance = _a[1];
+    var _b = (0, react_1.useState)(true), load = _b[0], setLoad = _b[1];
     (0, react_1.useEffect)(function () {
         if (!props.isLoading) {
             var console_1 = console_ui_js_1.ConsoleUiInit.getInstance(props.clientId, props.loginRedirectPath, props.logoutRedirectPath, props.authurl, props.orgShortName, props.devTenantId, props.appId, props.userManager);
             setConsoleInstance(console_1);
-            console_1.renderHeaderAndSidebar('headerAndSidebar', props.controls);
+            console_1.getSubscription();
         }
     }, [props.isLoading]);
-    if (props.isLoading) {
+    document === null || document === void 0 ? void 0 : document.addEventListener("OS1-SubscriptionRequestCompleted", function (e) {
+        setLoad(false);
+    });
+    (0, react_1.useEffect)(function () {
+        consoleInstance === null || consoleInstance === void 0 ? void 0 : consoleInstance.renderHeaderAndSidebar('headerAndSidebar', props.controls);
+    }, [load]);
+    if (props.isLoading || load) {
         if (props.loader) {
             return props.loader;
         }

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, AuthHelper, OS1DropDownDefaultValue} from '@os1-platform/console-ui-js';\nimport React, { useEffect, useMemo, 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.orgShortName,\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 [orgShortName, setOrgShortName] = useState('');\n  // const [tenantDns, setTenantDns] = useState('');\n  let [isMountedRef, setisMountedRef] = useState<boolean>(false);\n  \n  const  authHelper = new AuthHelper();\n  let authUrls:{tenantUrl: string, orgName:string };\n  useEffect(() => {\n    (async function () {\n      authUrls = await authHelper.getKeyCloakAuthority(\n        window.location.hostname,\n        props.devTenantId\n      );\n      setAuthUrl(authUrls.tenantUrl);\n      setOrgShortName(authUrls.orgName)\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      orgShortName= {orgShortName}\n      props={...props}\n    />:<></>\n  );\n};\nconst OS1Provider2 = (props: any) => {\n  //console.log(props);\n  const userManager = useMemo(()=>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        devTenantId={props.devTenantId}\n        controls={props.controls}\n        appId={props.appId}\n        authUrl={props.authUrl}\n        orgShortName= {props.orgShortName}\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  OS1DropDownDefaultValue\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, OS1DropDownDefaultValue} from '@os1-platform/console-ui-js';\nimport React, { useEffect, useMemo, 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  const [load, setLoad] = useState<boolean>(true);\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.orgShortName,\n        props.devTenantId,\n        props.appId,\n        props.userManager\n      );\n\n      setConsoleInstance(console);\n      console.getSubscription()\n    }\n  }, [props.isLoading]);\n\ndocument?.addEventListener(\"OS1-SubscriptionRequestCompleted\", (e: Event) => {\n  setLoad(false)\n } )\n\n useEffect(()=>{\n  consoleInstance?.renderHeaderAndSidebar('headerAndSidebar', props.controls);\n }, [load])\n\n  if (props.isLoading || load) {\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 [orgShortName, setOrgShortName] = useState('');\n  // const [tenantDns, setTenantDns] = useState('');\n  let [isMountedRef, setisMountedRef] = useState<boolean>(false);\n  \n  const  authHelper = new AuthHelper();\n  let authUrls:{tenantUrl: string, orgName:string };\n  useEffect(() => {\n    (async function () {\n      authUrls = await authHelper.getKeyCloakAuthority(\n        window.location.hostname,\n        props.devTenantId\n      );\n      setAuthUrl(authUrls.tenantUrl);\n      setOrgShortName(authUrls.orgName)\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      orgShortName= {orgShortName}\n      props={...props}\n    />:<></>\n  );\n};\nconst OS1Provider2 = (props: any) => {\n  //console.log(props);\n  const userManager = useMemo(()=>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\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\n  return (\n    <AuthContext.Provider value={value}>\n      <HeaderAndSideBar\n        userManager={userManager}\n        isLoading={isLoading}\n        loader={props.loader}\n        devTenantId={props.devTenantId}\n        controls={props.controls}\n        appId={props.appId}\n        authUrl={props.authUrl}\n        orgShortName= {props.orgShortName}\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  OS1DropDownDefaultValue\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os1-platform/console-ui-react",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "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.8.1",
+    "@os1-platform/console-ui-js": "^0.8.3",
     "@react-native-community/eslint-config": "^2.0.0",
     "@types/react": "^17.0.37",
     "axios": "^0.21.4",