@os1-platform/console-ui-react 0.1.1 → 0.1.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/aaa/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AAA, ConsoleUiInit, HttpClient } 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';\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.devOrgName,\n        props.authurl,\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 getTenantId = (devOrgNameArg: string | null = null): string => {\n  let devOrgName = devOrgNameArg;\n  //if (!devOrgNameArg) devOrgName = getAuthConfig().devOrgName;\n\n  const hostname = window.location.hostname || null;\n\n  return hostname\n    ? (hostname.split('.')[0] == 'developer' ||\n        hostname.split('.')[0] == 'developer2' ||\n        hostname.split('.')[0].includes('-cdev')) &&\n      devOrgName\n      ? devOrgName\n      : hostname.split('.')[0]\n    : '';\n};\n\nconst getKeyCloakAuthority = async (domain: string, devOrgName: string) => {\n  let orgName: string = '';\n  let baseDomainName: string = '';\n\n  if (devOrgName != undefined) {\n    orgName = devOrgName;\n    baseDomainName = domain.substring(domain.indexOf('.'));\n  } else {\n    const { orgShortName, baseDomain } = getCleanedDomain(domain);\n\n    orgName = orgShortName;\n    baseDomainName = baseDomain;\n  }\n\n  if (baseDomainName.includes('os1')) {\n    const tenant = await getTenantFromDevPortal(orgName);\n\n    return `${tenant.stackAuthUrl}/auth/realms/${tenant.tenantId}`;\n  }\n\n  const tenantId = getTenantId(orgName);\n  //console.log(tenantId);\n  return `https://keycloak${baseDomainName}/auth/realms/${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.devOrgName\n      );\n      setAuthUrl(authUrls);\n    })();\n  }, []);\n\n  return (\n    <OS1Provider2\n      clientId={props.clientId}\n      loginRedirectPath={props.loginRedirectPath}\n      logoutRedirectPath={props.logoutRedirectPath}\n      devOrgName={props.devOrgName}\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.devOrgName,\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        window.console.log('Error: ', error);\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  const consoleInstance = React.useContext(ConsoleUIContext);\n  const [authUrl, setAuthUrl] = useState('');\n\n  useEffect(() => {\n    if (consoleInstance) {\n      setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);\n    }\n    const console = ConsoleUiInit.getInstance(\n      props.clientId,\n      props.loginRedirectPath,\n      props.logoutRedirectPath,\n      props.devOrgName,\n      authUrl,\n      props.appId\n    );\n    console.renderToast(props.elementId, props.toastConfig);\n  }, []);\n\n  return <div id={props.elementId}></div>;\n};\n\nconst OS1Modal = (props: ModalProps) => {\n  const consoleInstance = React.useContext(ConsoleUIContext);\n  const [authUrl, setAuthUrl] = useState('');\n\n  useEffect(() => {\n    if (consoleInstance) {\n      setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);\n    }\n    const console = ConsoleUiInit.getInstance(\n      props.clientId,\n      props.loginRedirectPath,\n      props.logoutRedirectPath,\n      props.devOrgName,\n      authUrl,\n      props.appId\n    );\n    console.renderModal('modal-ele', props.modalConfig);\n  }, []);\n\n  return <div id=\"modal-ele\"></div>;\n};\n\nexport { OS1Provider, OS1Toast, OS1Modal, HttpClient as OS1HttpClient };\n"]}

package/{src/components/modal/index.tsx → dist/commonjs/components/modal/index.js}

@@ -1,7 +1,7 @@
+"use strict";
 // import { ConsoleUiInit } from '@foxtrotplatform/console-ui-sdk';
 // import { useEffect } from 'react';
 // import { ModalProps } from './interface';
-
 // export const OS1Modal = (props: ModalProps) => {
 //   // const console = ConsoleUiInit.getInstance(
 //   //   props.clientId,
@@ -9,10 +9,9 @@
 //   //   props.logoutRedirectPath,
 //   //   props.devOrgName
 //   // );
-
 //   // useEffect(() => {
 //   //   console.renderModal('modal-ele', props.modalConfig);
 //   // }, []);
-
 //   return <div id="modal-ele"></div>;
 // };
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modal/index.tsx"],"names":[],"mappings":";AAAA,mEAAmE;AACnE,qCAAqC;AACrC,4CAA4C;AAE5C,mDAAmD;AACnD,kDAAkD;AAClD,yBAAyB;AACzB,kCAAkC;AAClC,mCAAmC;AACnC,0BAA0B;AAC1B,UAAU;AAEV,yBAAyB;AACzB,8DAA8D;AAC9D,eAAe;AAEf,uCAAuC;AACvC,KAAK","sourcesContent":["// import { ConsoleUiInit } from '@foxtrotplatform/console-ui-sdk';\n// import { useEffect } from 'react';\n// import { ModalProps } from './interface';\n\n// export const OS1Modal = (props: ModalProps) => {\n//   // const console = ConsoleUiInit.getInstance(\n//   //   props.clientId,\n//   //   props.loginRedirectPath,\n//   //   props.logoutRedirectPath,\n//   //   props.devOrgName\n//   // );\n\n//   // useEffect(() => {\n//   //   console.renderModal('modal-ele', props.modalConfig);\n//   // }, []);\n\n//   return <div id=\"modal-ele\"></div>;\n// };\n"]}

package/dist/commonjs/components/modal/interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interface.js.map

package/dist/commonjs/components/modal/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../src/components/modal/interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface ModalConfig {\n    bgColor: string,\n    title: string,\n    message: string,\n    icon: string,\n    buttons: Button[]\n    id?: string,\n}\n\nexport interface Button {\n    id: string,\n    backgroundColor: string,\n    text: string,\n    event: string,\n}\n\nexport interface ModalProps {\n    clientId: string,\n    loginRedirectPath: string,\n    logoutRedirectPath: string,\n    devOrgName: string,\n    appId: string,\n    elementId: string,\n    modalConfig: ModalConfig;\n}\n\nexport interface RouterProps {\n    component: string,\n    path: string,\n    exact: boolean,\n    props?: {} | undefined\n}"]}

package/{src/components/toast/index.tsx → dist/commonjs/components/toast/index.js}

@@ -1,7 +1,7 @@
+"use strict";
 // import { ConsoleUiInit } from '@foxtrotplatform/console-ui-sdk';
 // import { useEffect } from 'react';
 // import { ToastProps, ToastConfig } from './interface';
-
 // export const OS1Toast = (props: ToastProps) => {
 //   // const console = ConsoleUiInit.getInstance(
 //   //   props.clientId,
@@ -9,11 +9,10 @@
 //   //   props.logoutRedirectPath,
 //   //   props.devOrgName
 //   // );
-
 //   // useEffect(() => {
 //   //   console.renderToast(props.elementId, props.toastConfig);
 //   //   // console.renderHeaderAndSidebar(document.getElementById('headerAndSidebar'));
 //   // }, []);
-
 //   return <div id={props.elementId}></div>;
 // };
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toast/index.tsx"],"names":[],"mappings":";AAAA,mEAAmE;AACnE,qCAAqC;AACrC,yDAAyD;AAEzD,mDAAmD;AACnD,kDAAkD;AAClD,yBAAyB;AACzB,kCAAkC;AAClC,mCAAmC;AACnC,0BAA0B;AAC1B,UAAU;AAEV,yBAAyB;AACzB,kEAAkE;AAClE,yFAAyF;AACzF,eAAe;AAEf,6CAA6C;AAC7C,KAAK","sourcesContent":["// import { ConsoleUiInit } from '@foxtrotplatform/console-ui-sdk';\n// import { useEffect } from 'react';\n// import { ToastProps, ToastConfig } from './interface';\n\n// export const OS1Toast = (props: ToastProps) => {\n//   // const console = ConsoleUiInit.getInstance(\n//   //   props.clientId,\n//   //   props.loginRedirectPath,\n//   //   props.logoutRedirectPath,\n//   //   props.devOrgName\n//   // );\n\n//   // useEffect(() => {\n//   //   console.renderToast(props.elementId, props.toastConfig);\n//   //   // console.renderHeaderAndSidebar(document.getElementById('headerAndSidebar'));\n//   // }, []);\n\n//   return <div id={props.elementId}></div>;\n// };\n"]}

package/dist/commonjs/components/toast/interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interface.js.map

package/dist/commonjs/components/toast/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../src/components/toast/interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface ToastConfig {\n    bgColor: string,\n    message: string,\n    timeout?: number,\n    icon: string,\n    closeButton: boolean,\n    id?: string,\n}\n\nexport interface ToastProps {\n    clientId: string,\n    loginRedirectPath: string,\n    logoutRedirectPath: string,\n    devOrgName: string,\n    authurl: string,\n    appId: string,\n    userManager: string,\n    elementId: string,\n    toastConfig: ToastConfig;\n}"]}

package/dist/commonjs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConsoleUIContext = exports.OS1Provider = void 0;
+//import { AAAInstantiate, HeaderAndSideBar } from "./init";
+var aaa_1 = require("./aaa");
+Object.defineProperty(exports, "OS1Provider", { enumerable: true, get: function () { return aaa_1.OS1Provider; } });
+Object.defineProperty(exports, "ConsoleUIContext", { enumerable: true, get: function () { return aaa_1.ConsoleUIContext; } });
+//# sourceMappingURL=index.js.map

package/dist/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,4DAA4D;AAC5D,6BAAsD;AAI7C,4FAJA,iBAAW,OAIA;AAAE,iGAJA,sBAAgB,OAIA","sourcesContent":["//import { AAAInstantiate, HeaderAndSideBar } from \"./init\";\nimport { OS1Provider, ConsoleUIContext } from './aaa';\n// import { OS1Toast } from './components/toast';\n// import { OS1Modal } from './components/modal';\n\nexport { OS1Provider, ConsoleUIContext };\n"]}

package/{src/init/index.tsx → dist/commonjs/init/index.js}

@@ -1,3 +1,4 @@
+"use strict";
 // import {
 //   AAA,
 //   ConsoleUiInit,
@@ -7,7 +8,6 @@
 // import * as React from 'react';
 // import { useEffect, useLayoutEffect, useState } from 'react';
 // import { AAAElements } from './interface';
-
 // // export class ReactConsoleUiInit {
 // //     public authInitializer: any;
 // //     public console: any;
@@ -16,34 +16,27 @@
 // //         loginRedirectPath: string,
 // //         logoutRedirectPath: string,
 // //         devOrgName: string = '') {
-
 // //         this.console = new ConsoleUiInit(
 // //             clientId,
 // //             loginRedirectPath,
 // //             logoutRedirectPath,
 // //             devOrgName,
-
 // //         );
-
 // //         this.tenantId = devOrgName;
 // //     }
-
 // //     HeaderAndSideBar = () => {
-
 // //         return (
 // //             <div id='app'>
 // //                 Hello
 // //             </div>
 // //         )
 // //     }
-
 // //     // headerAndSideBar() {
 // //     //     const headerAndSideBar = new SideNav(this.tenantId, this.authInitializer);
 // //     //     return headerAndSideBar.render();
 // //     // }
 // // }
 // let count: number = 0;
-
 // export const AAAInstantiate = (aaaElements: AAAElements) => {
 //   const aaa: any = new AAA(
 //     aaaElements.clientId,
@@ -53,11 +46,9 @@
 //   );
 //   return aaa;
 // };
-
 // export const HeaderAndSideBar = (props: any) => {
 //   count++;
 //   window.console.log('Count: ', count);
-
 //   // const [aaaInstance, setAaaInstance] = useState<any>(null);
 //   const [consoleInstance, setConsoleInstance] = useState<any>(null);
 //   // const [userSignedIn, setUserSignedInstance] = useState<boolean>(true);
@@ -80,7 +71,6 @@
 //       //     props.logoutRedirectPath,
 //       //     props.devOrgName,
 //       // );
-
 //       (async () => {
 //         await props.aaaInstance.login();
 //         // setAaaInstance(aaa);
@@ -88,7 +78,6 @@
 //       })();
 //     }
 //   }, []);
-
 //   // useEffect(() => {
 //   //     window.console.log("AAAINSTANCE: ", props.aaaInstance);
 //   //     const console: any = new ConsoleUiInit(
@@ -99,9 +88,7 @@
 //   //         props.aaaInstance,
 //   //     );
 //   //     setConsoleInstance(console);
-
 //   // }, [props.aaaInstance]);
-
 //   // useEffect(() => {
 //   //     window.console.log("Initialization called: ", consoleInstance);
 //   //     if (consoleInstance && props.aaaInstance) {
@@ -121,18 +108,14 @@
 //   //             // }
 //   //             // aaaInstance.loginOnload();
 //   //         })()
-
 //   //     }
 //   // }, [consoleInstance]);
-
 //   // (async () => {
 //   //     const token = await aaaInstance.getToken();
 //   //     window.console.log("Token: ", token);
 //   // })()
-
 //   return <div id="headerAndSidebar"></div>;
 // };
-
 // const hasCodeInUrl = (location: Location): boolean => {
 //   const searchParams = new URLSearchParams(location.search);
 //   const hashParams = new URLSearchParams(location.hash.replace('#', '?'));
@@ -147,3 +130,4 @@
 //       hashParams.get('state')
 //   );
 // };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/init/index.tsx"],"names":[],"mappings":";AAAA,WAAW;AACX,SAAS;AACT,mBAAmB;AACnB,0BAA0B;AAC1B,4CAA4C;AAC5C,uDAAuD;AACvD,kCAAkC;AAClC,gEAAgE;AAChE,6CAA6C;AAE7C,uCAAuC;AACvC,sCAAsC;AACtC,8BAA8B;AAC9B,kCAAkC;AAClC,uCAAuC;AACvC,wCAAwC;AACxC,yCAAyC;AACzC,wCAAwC;AAExC,+CAA+C;AAC/C,2BAA2B;AAC3B,oCAAoC;AACpC,qCAAqC;AACrC,6BAA6B;AAE7B,gBAAgB;AAEhB,yCAAyC;AACzC,WAAW;AAEX,oCAAoC;AAEpC,sBAAsB;AACtB,gCAAgC;AAChC,2BAA2B;AAC3B,wBAAwB;AACxB,eAAe;AACf,WAAW;AAEX,iCAAiC;AACjC,2FAA2F;AAC3F,kDAAkD;AAClD,cAAc;AACd,OAAO;AACP,yBAAyB;AAEzB,gEAAgE;AAChE,8BAA8B;AAC9B,4BAA4B;AAC5B,qCAAqC;AACrC,sCAAsC;AACtC,6BAA6B;AAC7B,OAAO;AACP,gBAAgB;AAChB,KAAK;AAEL,oDAAoD;AACpD,aAAa;AACb,0CAA0C;AAE1C,kEAAkE;AAClE,uEAAuE;AACvE,8EAA8E;AAC9E,iCAAiC;AACjC,2BAA2B;AAC3B,oCAAoC;AACpC,qCAAqC;AACrC,6BAA6B;AAC7B,UAAU;AACV,4BAA4B;AAC5B,sBAAsB;AACtB,4EAA4E;AAC5E,2CAA2C;AAC3C,gBAAgB;AAChB,QAAQ;AACR,sCAAsC;AACtC,qCAAqC;AACrC,+BAA+B;AAC/B,wCAAwC;AACxC,yCAAyC;AACzC,iCAAiC;AACjC,cAAc;AAEd,uBAAuB;AACvB,2CAA2C;AAC3C,kCAAkC;AAClC,2CAA2C;AAC3C,cAAc;AACd,QAAQ;AACR,YAAY;AAEZ,yBAAyB;AACzB,mEAAmE;AACnE,mDAAmD;AACnD,+BAA+B;AAC/B,wCAAwC;AACxC,yCAAyC;AACzC,iCAAiC;AACjC,kCAAkC;AAClC,cAAc;AACd,wCAAwC;AAExC,gCAAgC;AAEhC,yBAAyB;AACzB,2EAA2E;AAC3E,uDAAuD;AACvD,sDAAsD;AACtD,8BAA8B;AAC9B,uFAAuF;AACvF,iEAAiE;AACjE,yGAAyG;AACzG,uEAAuE;AACvE,iIAAiI;AACjI,+BAA+B;AAC/B,0FAA0F;AAC1F,2DAA2D;AAC3D,qEAAqE;AACrE,yDAAyD;AACzD,4BAA4B;AAC5B,wBAAwB;AACxB,iDAAiD;AACjD,oBAAoB;AAEpB,aAAa;AACb,8BAA8B;AAE9B,sBAAsB;AACtB,uDAAuD;AACvD,iDAAiD;AACjD,YAAY;AAEZ,8CAA8C;AAC9C,KAAK;AAEL,0DAA0D;AAC1D,+DAA+D;AAC/D,6EAA6E;AAC7E,oBAAoB;AACpB,kCAAkC;AAClC,wCAAwC;AACxC,6CAA6C;AAC7C,qCAAqC;AACrC,kCAAkC;AAClC,sCAAsC;AACtC,2CAA2C;AAC3C,gCAAgC;AAChC,OAAO;AACP,KAAK","sourcesContent":["// import {\n//   AAA,\n//   ConsoleUiInit,\n//   HttpClient as client,\n// } from '@foxtrotplatform/console-ui-sdk';\n// // import { SideNav } from '../components/side-nav';\n// import * as React from 'react';\n// import { useEffect, useLayoutEffect, useState } from 'react';\n// import { AAAElements } from './interface';\n\n// // export class ReactConsoleUiInit {\n// //     public authInitializer: any;\n// //     public console: any;\n// //     public tenantId: string;\n// //     constructor(clientId: string,\n// //         loginRedirectPath: string,\n// //         logoutRedirectPath: string,\n// //         devOrgName: string = '') {\n\n// //         this.console = new ConsoleUiInit(\n// //             clientId,\n// //             loginRedirectPath,\n// //             logoutRedirectPath,\n// //             devOrgName,\n\n// //         );\n\n// //         this.tenantId = devOrgName;\n// //     }\n\n// //     HeaderAndSideBar = () => {\n\n// //         return (\n// //             <div id='app'>\n// //                 Hello\n// //             </div>\n// //         )\n// //     }\n\n// //     // headerAndSideBar() {\n// //     //     const headerAndSideBar = new SideNav(this.tenantId, this.authInitializer);\n// //     //     return headerAndSideBar.render();\n// //     // }\n// // }\n// let count: number = 0;\n\n// export const AAAInstantiate = (aaaElements: AAAElements) => {\n//   const aaa: any = new AAA(\n//     aaaElements.clientId,\n//     aaaElements.loginRedirectPath,\n//     aaaElements.logoutRedirectPath,\n//     aaaElements.devOrgName\n//   );\n//   return aaa;\n// };\n\n// export const HeaderAndSideBar = (props: any) => {\n//   count++;\n//   window.console.log('Count: ', count);\n\n//   // const [aaaInstance, setAaaInstance] = useState<any>(null);\n//   const [consoleInstance, setConsoleInstance] = useState<any>(null);\n//   // const [userSignedIn, setUserSignedInstance] = useState<boolean>(true);\n//   // const aaa: any = new AAA(\n//   //     props.clientId,\n//   //     props.loginRedirectPath,\n//   //     props.logoutRedirectPath,\n//   //     props.devOrgName,\n//   // );\n//   // setAaaInstance(aaa);\n//   useEffect(() => {\n//     window.console.log('aaaInstance.client: ', props.aaaInstance.client);\n//     if (hasCodeInUrl(window.location)) {\n//       return;\n//     }\n//     if (props.aaaInstance.client) {\n//       // const aaa: any = new AAA(\n//       //     props.clientId,\n//       //     props.loginRedirectPath,\n//       //     props.logoutRedirectPath,\n//       //     props.devOrgName,\n//       // );\n\n//       (async () => {\n//         await props.aaaInstance.login();\n//         // setAaaInstance(aaa);\n//         // setUserSignedInstance(false);\n//       })();\n//     }\n//   }, []);\n\n//   // useEffect(() => {\n//   //     window.console.log(\"AAAINSTANCE: \", props.aaaInstance);\n//   //     const console: any = new ConsoleUiInit(\n//   //         props.clientId,\n//   //         props.loginRedirectPath,\n//   //         props.logoutRedirectPath,\n//   //         props.devOrgName,\n//   //         props.aaaInstance,\n//   //     );\n//   //     setConsoleInstance(console);\n\n//   // }, [props.aaaInstance]);\n\n//   // useEffect(() => {\n//   //     window.console.log(\"Initialization called: \", consoleInstance);\n//   //     if (consoleInstance && props.aaaInstance) {\n//   //         window.console.log(\"ConsoleInstance\");\n//   //         (async () => {\n//   //             // window.console.log(\"Get TOken: \", await aaaInstance.getToken());\n//   //             // if (await aaaInstance.isAuthenticated()) {\n//   //             //     window.console.log(\"IsUserLoaded[authenticated]: \", aaaInstance.isUserLoaded);\n//   //             //     window.console.log(\"Is Authenticated true\");\n//   //             //     consoleInstance.renderHeaderAndSidebar(document.getElementById('headerAndSidebar') as HTMLDivElement);\n//   //             // } else {\n//   //             //     window.console.log(\"IsUserLoaded: \", aaaInstance.isUserLoaded);\n//   //             //     if (!aaaInstance.isUserLoaded) {\n//   //             //         window.console.log(\"Login fn called\");\n//   //             //         await aaaInstance.login();\n//   //             //     }\n//   //             // }\n//   //             // aaaInstance.loginOnload();\n//   //         })()\n\n//   //     }\n//   // }, [consoleInstance]);\n\n//   // (async () => {\n//   //     const token = await aaaInstance.getToken();\n//   //     window.console.log(\"Token: \", token);\n//   // })()\n\n//   return <div id=\"headerAndSidebar\"></div>;\n// };\n\n// const 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"]}

package/dist/commonjs/init/interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interface.js.map

package/dist/commonjs/init/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/init/interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface AAAElements {\n    clientId: string,\n    loginRedirectPath: string,\n    logoutRedirectPath: string,\n    devOrgName: string,\n}"]}

package/dist/commonjs/types/aaa/index.d.ts

@@ -0,0 +1,10 @@
+import { HttpClient } from '@os1-platform/console-ui-js';
+import React from 'react';
+import { ModalProps } from '../components/modal/interface';
+import { ToastProps } from '../components/toast/interface';
+export declare const AuthContext: React.Context<any>;
+export declare const ConsoleUIContext: React.Context<any>;
+declare const OS1Provider: (props: any) => JSX.Element;
+declare const OS1Toast: (props: ToastProps) => JSX.Element;
+declare const OS1Modal: (props: ModalProps) => JSX.Element;
+export { OS1Provider, OS1Toast, OS1Modal, HttpClient as OS1HttpClient };

package/dist/commonjs/types/components/modal/interface.d.ts

@@ -0,0 +1,29 @@
+export interface ModalConfig {
+    bgColor: string;
+    title: string;
+    message: string;
+    icon: string;
+    buttons: Button[];
+    id?: string;
+}
+export interface Button {
+    id: string;
+    backgroundColor: string;
+    text: string;
+    event: string;
+}
+export interface ModalProps {
+    clientId: string;
+    loginRedirectPath: string;
+    logoutRedirectPath: string;
+    devOrgName: string;
+    appId: string;
+    elementId: string;
+    modalConfig: ModalConfig;
+}
+export interface RouterProps {
+    component: string;
+    path: string;
+    exact: boolean;
+    props?: {} | undefined;
+}

package/dist/commonjs/types/components/toast/interface.d.ts

@@ -0,0 +1,19 @@
+export interface ToastConfig {
+    bgColor: string;
+    message: string;
+    timeout?: number;
+    icon: string;
+    closeButton: boolean;
+    id?: string;
+}
+export interface ToastProps {
+    clientId: string;
+    loginRedirectPath: string;
+    logoutRedirectPath: string;
+    devOrgName: string;
+    authurl: string;
+    appId: string;
+    userManager: string;
+    elementId: string;
+    toastConfig: ToastConfig;
+}

package/dist/commonjs/types/index.d.ts

@@ -0,0 +1,2 @@
+import { OS1Provider, ConsoleUIContext } from './aaa';
+export { OS1Provider, ConsoleUIContext };

package/dist/commonjs/types/init/interface.d.ts

@@ -0,0 +1,6 @@
+export interface AAAElements {
+    clientId: string;
+    loginRedirectPath: string;
+    logoutRedirectPath: string;
+    devOrgName: string;
+}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@os1-platform/console-ui-react",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "React wrapper for console-ui library",
   "main": "dist/commonjs/aaa/index.js",
   "types": "dist/commonjs/types/aaa/index.d.ts",
   "type": "commonjs",
   "files": [
     "tsconfig.json",
-    "/src/*"
+    "package-lock.json",
+    "dist"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -27,7 +28,7 @@
   },
   "dependencies": {
     "@fullhuman/postcss-purgecss": "^5.0.0",
-    "@os1-platform/console-ui-js": "^0.1.2",
+    "@os1-platform/console-ui-js": "^0.1.3",
     "@react-native-community/eslint-config": "^2.0.0",
     "@types/react": "^17.0.37",
     "axios": "^0.21.4",

package/src/aaa/index.tsx

@@ -1,318 +0,0 @@
-import { AAA, ConsoleUiInit, HttpClient } from '@os1-platform/console-ui-js';
-import React, { useEffect, useRef, useState } from 'react';
-import { ModalProps } from '../components/modal/interface';
-import { ToastProps } from '../components/toast/interface';
-import axios from 'axios';
-
-export const AuthContext = React.createContext<any | undefined>(undefined);
-export const ConsoleUIContext = React.createContext<any>(undefined);
-
-const HeaderAndSideBar = (props: any) => {
-  const [consoleInstance, setConsoleInstance] = useState<any>(null);
-
-  useEffect(() => {
-    if (!props.isLoading) {
-      const console = ConsoleUiInit.getInstance(
-        props.clientId,
-        props.loginRedirectPath,
-        props.logoutRedirectPath,
-        props.devOrgName,
-        props.authurl,
-        props.appId,
-        props.userManager
-      );
-
-      setConsoleInstance(console);
-      console.renderHeaderAndSidebar('headerAndSidebar', props.controls);
-    }
-  }, [props.isLoading]);
-
-  if (props.isLoading) {
-    if (props.loader) {
-      return props.loader;
-    } else {
-      const keyframes = `
-      @-webkit-keyframes spin {
-        0% {
-          -webkit-transform: rotate(0deg);
-        }
-        100% {
-          -webkit-transform: rotate(360deg);
-        }
-      }
-    `;
-      const styleSheets = Array.from(document.styleSheets).filter(
-        (styleSheet) =>
-          !styleSheet.href || styleSheet.href.startsWith(window.location.origin)
-      );
-      for (let style of styleSheets) {
-        if (style instanceof CSSStyleSheet && style.cssRules) {
-          style.insertRule(keyframes, style.cssRules.length);
-        }
-      }
-      const loaderStyle = () => ({
-        marginTop: '50vh',
-        marginLeft: '50vw',
-        border: '12px solid #F3F3F3',
-        borderRadius: '50%',
-        borderTop: '12px solid grey',
-        width: '40px',
-        height: '40px',
-        animationName: 'spin',
-        animationDuration: '2s',
-        animationTimingFunction: 'linear',
-        animationIterationCount: 'infinite',
-      });
-      return <div style={loaderStyle()}></div>;
-    }
-  }
-  //console.log(consoleInstance, props);
-  return (
-    <ConsoleUIContext.Provider value={consoleInstance}>
-      <div id="headerAndSidebar">{props.children}</div>
-    </ConsoleUIContext.Provider>
-  );
-};
-
-interface TenantDTO {
-  tenantId: string;
-  tenantStatus: string;
-  tenantDns: string;
-  stackId: string;
-  stackName: string;
-  organizationShortName: string;
-  organizationBaseDomain: string;
-  stackAuthUrl: string;
-}
-
-const getCleanedDomain = (domain: string) => {
-  const cleanedDomain = String(domain);
-  const splitHost = cleanedDomain.split('.');
-  const org = splitHost[0] || '';
-  const cleanedOrg = org.replace('-cdev', '');
-  const base = splitHost.join('.');
-  return { orgShortName: cleanedOrg, baseDomain: base };
-};
-
-const getTenantFromDevPortal = async (
-  orgShortName: any
-): Promise<TenantDTO> => {
-  const url = `https://api.getos1.com/app/core-api/tenant?orgShortName=${orgShortName}`;
-  const response = await axios.get(url);
-  return response.data.data;
-};
-
-const getTenantId = (devOrgNameArg: string | null = null): string => {
-  let devOrgName = devOrgNameArg;
-  //if (!devOrgNameArg) devOrgName = getAuthConfig().devOrgName;
-
-  const hostname = window.location.hostname || null;
-
-  return hostname
-    ? (hostname.split('.')[0] == 'developer' ||
-        hostname.split('.')[0] == 'developer2' ||
-        hostname.split('.')[0].includes('-cdev')) &&
-      devOrgName
-      ? devOrgName
-      : hostname.split('.')[0]
-    : '';
-};
-
-const getKeyCloakAuthority = async (domain: string, devOrgName: string) => {
-  let orgName: string = '';
-  let baseDomainName: string = '';
-
-  if (devOrgName != undefined) {
-    orgName = devOrgName;
-    baseDomainName = domain.substring(domain.indexOf('.'));
-  } else {
-    const { orgShortName, baseDomain } = getCleanedDomain(domain);
-
-    orgName = orgShortName;
-    baseDomainName = baseDomain;
-  }
-
-  if (baseDomainName.includes('os1')) {
-    const tenant = await getTenantFromDevPortal(orgName);
-
-    return `${tenant.stackAuthUrl}/auth/realms/${tenant.tenantId}`;
-  }
-
-  const tenantId = getTenantId(orgName);
-  //console.log(tenantId);
-  return `https://keycloak${baseDomainName}/auth/realms/${tenantId}`;
-};
-
-const OS1Provider = (props: any) => {
-  const [authUrl, setAuthUrl] = useState('');
-  // const [tenantDns, setTenantDns] = useState('');
-  // let isMountedRef = useRef<boolean>(false);
-
-  let authUrls = '';
-  useEffect(() => {
-    (async function () {
-      authUrls = await getKeyCloakAuthority(
-        window.location.hostname,
-        props.devOrgName
-      );
-      setAuthUrl(authUrls);
-    })();
-  }, []);
-
-  return (
-    <OS1Provider2
-      clientId={props.clientId}
-      loginRedirectPath={props.loginRedirectPath}
-      logoutRedirectPath={props.logoutRedirectPath}
-      devOrgName={props.devOrgName}
-      appId={props.appId}
-      controls={props.controls}
-      authUrl={authUrl}
-      props={...props}
-    />
-  );
-};
-const OS1Provider2 = (props: any) => {
-  //console.log(props);
-  const userManager = new AAA(
-    props.clientId,
-    props.loginRedirectPath,
-    props.logoutRedirectPath,
-    props.devOrgName,
-    props.authUrl
-  );
-  const value = '';
-  //console.log('userManager', userManager);
-  const [isLoading, setIsLoading] = useState(true);
-  let isMountedRef = useRef<boolean>(false);
-
-  useEffect(() => {
-    // Store current isMounted since this could change while awaiting async operations below
-    isMountedRef.current = true;
-    (async () => {
-      let user = undefined;
-      try {
-        user = await userManager!.getUserInfo();
-      } catch (error: any) {
-        window.console.log('Error: ', error);
-      }
-      /**
-       * Check if the user is returning back from OIDC.
-       */
-      if (hasCodeInUrl(window.location)) {
-        await userManager?.logincallback();
-        cleanBrowserUrl();
-        setIsLoading(false);
-        return;
-      }
-
-      if (!(await userManager?.isAuthenticated())) {
-        userManager?.login();
-      } else if (isMountedRef.current) {
-        setIsLoading(false);
-      }
-    })();
-
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, [window.location, userManager]);
-
-  return (
-    <AuthContext.Provider value={value}>
-      <HeaderAndSideBar
-        userManager={userManager}
-        isLoading={isLoading}
-        loader={props.loader}
-        devOrgName={props.devOrgName}
-        controls={props.controls}
-        appId={props.appId}
-        authUrl={props.authUrl}
-      >
-        {props.props.children}
-      </HeaderAndSideBar>
-    </AuthContext.Provider>
-  );
-};
-const hasCodeInUrl = (location: Location): boolean => {
-  const searchParams = new URLSearchParams(location.search);
-  const 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')
-  );
-};
-
-const cleanBrowserUrl = () => {
-  const 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 };
-
-const OS1Toast = (props: ToastProps) => {
-  const consoleInstance = React.useContext(ConsoleUIContext);
-  const [authUrl, setAuthUrl] = useState('');
-
-  useEffect(() => {
-    if (consoleInstance) {
-      setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);
-    }
-    const console = ConsoleUiInit.getInstance(
-      props.clientId,
-      props.loginRedirectPath,
-      props.logoutRedirectPath,
-      props.devOrgName,
-      authUrl,
-      props.appId
-    );
-    console.renderToast(props.elementId, props.toastConfig);
-  }, []);
-
-  return <div id={props.elementId}></div>;
-};
-
-const OS1Modal = (props: ModalProps) => {
-  const consoleInstance = React.useContext(ConsoleUIContext);
-  const [authUrl, setAuthUrl] = useState('');
-
-  useEffect(() => {
-    if (consoleInstance) {
-      setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);
-    }
-    const console = ConsoleUiInit.getInstance(
-      props.clientId,
-      props.loginRedirectPath,
-      props.logoutRedirectPath,
-      props.devOrgName,
-      authUrl,
-      props.appId
-    );
-    console.renderModal('modal-ele', props.modalConfig);
-  }, []);
-
-  return <div id="modal-ele"></div>;
-};
-
-export { OS1Provider, OS1Toast, OS1Modal, HttpClient as OS1HttpClient };

package/src/components/modal/interface.ts

@@ -1,32 +0,0 @@
-export interface ModalConfig {
-    bgColor: string,
-    title: string,
-    message: string,
-    icon: string,
-    buttons: Button[]
-    id?: string,
-}
-
-export interface Button {
-    id: string,
-    backgroundColor: string,
-    text: string,
-    event: string,
-}
-
-export interface ModalProps {
-    clientId: string,
-    loginRedirectPath: string,
-    logoutRedirectPath: string,
-    devOrgName: string,
-    appId: string,
-    elementId: string,
-    modalConfig: ModalConfig;
-}
-
-export interface RouterProps {
-    component: string,
-    path: string,
-    exact: boolean,
-    props?: {} | undefined
-}

package/src/components/toast/interface.ts

@@ -1,20 +0,0 @@
-export interface ToastConfig {
-    bgColor: string,
-    message: string,
-    timeout?: number,
-    icon: string,
-    closeButton: boolean,
-    id?: string,
-}
-
-export interface ToastProps {
-    clientId: string,
-    loginRedirectPath: string,
-    logoutRedirectPath: string,
-    devOrgName: string,
-    authurl: string,
-    appId: string,
-    userManager: string,
-    elementId: string,
-    toastConfig: ToastConfig;
-}

package/src/index.ts

@@ -1,6 +0,0 @@
-//import { AAAInstantiate, HeaderAndSideBar } from "./init";
-import { OS1Provider, ConsoleUIContext } from './aaa';
-// import { OS1Toast } from './components/toast';
-// import { OS1Modal } from './components/modal';
-
-export { OS1Provider, ConsoleUIContext };

package/src/init/interface.ts

@@ -1,6 +0,0 @@
-export interface AAAElements {
-    clientId: string,
-    loginRedirectPath: string,
-    logoutRedirectPath: string,
-    devOrgName: string,
-}