@os1-platform/console-ui-react 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/commonjs/aaa/index.js +2 -49
  2. package/dist/commonjs/aaa/index.js.map +1 -1
  3. package/dist/commonjs/components/modal/interface.js.map +1 -1
  4. package/dist/commonjs/types/aaa/index.d.ts +1 -11
  5. package/package.json +3 -5
  6. package/readme.md +17 -27
package/dist/commonjs/aaa/index.js CHANGED
@@ -76,9 +76,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
76
76
  exports.OS1HttpClient = exports.OS1Modal = exports.OS1Toast = exports.OS1Provider = exports.ConsoleUIContext = exports.AuthContext = void 0;
77
77
  var jsx_runtime_1 = require("react/jsx-runtime");
78
78
  var console_ui_js_1 = require("@os1-platform/console-ui-js");
79
+ Object.defineProperty(exports, "OS1HttpClient", { enumerable: true, get: function () { return console_ui_js_1.OS1HttpClient; } });
79
80
  var react_1 = __importStar(require("react"));
80
81
  var axios_1 = __importDefault(require("axios"));
81
- var uuid_1 = require("uuid");
82
82
  exports.AuthContext = react_1.default.createContext(undefined);
83
83
  exports.ConsoleUIContext = react_1.default.createContext(undefined);
84
84
  var HeaderAndSideBar = function (props) {
@@ -261,6 +261,7 @@ var OS1Provider2 = function (props) {
261
261
  isMountedRef.current = false;
262
262
  };
263
263
  }, [window.location, userManager]);
264
+ console.log(props);
264
265
  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 })) })));
265
266
  };
266
267
  var hasCodeInUrl = function (location) {
@@ -316,52 +317,4 @@ var OS1Modal = function (props) {
316
317
  return (0, jsx_runtime_1.jsx)("div", { id: "modal-ele" });
317
318
  };
318
319
  exports.OS1Modal = OS1Modal;
319
- var OS1HttpClient = /** @class */ (function () {
320
- function OS1HttpClient(client, url) {
321
- var _this = this;
322
- this.requestIdChecker = function (requestId) {
323
- function generateRequestId() {
324
- var requestId = (0, uuid_1.v4)();
325
- return "OS1-RequestId:-".concat(requestId);
326
- }
327
- var OS1RequestId = requestId !== undefined ? requestId : generateRequestId();
328
- return OS1RequestId;
329
- };
330
- this.get = function (url, requestId, reqHeaders) {
331
- requestId = _this.requestIdChecker(requestId);
332
- return _this.instance.get(url, {
333
- headers: __assign({ 'X-COREOS-REQUEST-ID': requestId }, reqHeaders),
334
- });
335
- };
336
- this.post = function (url, data, requestId, reqHeaders) {
337
- requestId = _this.requestIdChecker(requestId);
338
- return _this.instance.post(url, data, {
339
- headers: __assign({ 'X-COREOS-REQUEST-ID': requestId }, reqHeaders),
340
- });
341
- };
342
- this.put = function (url, data, requestId, reqHeaders) {
343
- requestId = _this.requestIdChecker(requestId);
344
- return _this.instance.put(url, data, {
345
- headers: __assign({ 'X-COREOS-REQUEST-ID': requestId }, reqHeaders),
346
- });
347
- };
348
- this.patch = function (url, data, requestId, reqHeaders) {
349
- requestId = _this.requestIdChecker(requestId);
350
- return _this.instance.patch(url, data, {
351
- headers: __assign({ 'X-COREOS-REQUEST-ID': requestId }, reqHeaders),
352
- });
353
- };
354
- this.delete = function (url, requestId, reqHeaders) {
355
- requestId = _this.requestIdChecker(requestId);
356
- return _this.instance.delete(url, {
357
- headers: __assign({ 'X-COREOS-REQUEST-ID': requestId }, reqHeaders),
358
- });
359
- };
360
- this.instance = console_ui_js_1.HttpClient.createClient({
361
- baseURL: url,
362
- }, client);
363
- }
364
- return OS1HttpClient;
365
- }());
366
- exports.OS1HttpClient = OS1HttpClient;
367
320
  //# sourceMappingURL=index.js.map
package/dist/commonjs/aaa/index.js.map CHANGED
@@ -1 +1 @@
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';\n\nimport axios from 'axios';\nimport { v4 as uuidv4 } from 'uuid';\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.devOrgName,\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 [consoleClient, setConsoleClient] = useState(\n props.consoleInstance.authInitializer?.client?._settings\n );\n\n useEffect(() => {\n // if (consoleInstance) {\n // setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);\n // }\n const console = ConsoleUiInit.getInstance(\n consoleClient._client_id,\n consoleClient._redirect_uri,\n consoleClient._post_logout_redirect_uri,\n consoleClient._authority\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 const [consoleClient, setConsoleClient] = useState(\n props.consoleInstance.authInitializer?.client?._settings\n );\n\n useEffect(() => {\n // if (consoleInstance) {\n // setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);\n // }\n const console = ConsoleUiInit.getInstance(\n consoleClient._client_id,\n consoleClient._redirect_uri,\n consoleClient._post_logout_redirect_uri,\n consoleClient._authority\n );\n console.renderModal('modal-ele', props.modalConfig);\n }, []);\n\n return <div id=\"modal-ele\"></div>;\n};\nclass OS1HttpClient {\n instance;\n constructor(client: AAA, url: any) {\n this.instance = HttpClient.createClient(\n {\n baseURL: url,\n },\n client\n );\n }\n\n requestIdChecker = (requestId: string | undefined) => {\n function generateRequestId() {\n let requestId = uuidv4();\n return `OS1-RequestId:-${requestId}`;\n }\n\n const OS1RequestId =\n requestId !== undefined ? requestId : generateRequestId();\n return OS1RequestId;\n };\n\n get = (url: string, requestId?: string, reqHeaders?: object) => {\n requestId = this.requestIdChecker(requestId);\n\n return this.instance.get(url, {\n headers: {\n 'X-COREOS-REQUEST-ID': requestId,\n ...reqHeaders,\n },\n });\n };\n\n post = (\n url: string,\n data: object,\n requestId?: string,\n reqHeaders?: object\n ) => {\n requestId = this.requestIdChecker(requestId);\n\n return this.instance.post(url, data, {\n headers: {\n 'X-COREOS-REQUEST-ID': requestId,\n ...reqHeaders,\n },\n });\n };\n\n put = (\n url: string,\n data: object,\n requestId?: string,\n reqHeaders?: object\n ) => {\n requestId = this.requestIdChecker(requestId);\n\n return this.instance.put(url, data, {\n headers: {\n 'X-COREOS-REQUEST-ID': requestId,\n ...reqHeaders,\n },\n });\n };\n\n patch = (\n url: string,\n data: object,\n requestId?: string,\n reqHeaders?: object\n ) => {\n requestId = this.requestIdChecker(requestId);\n\n return this.instance.patch(url, data, {\n headers: {\n 'X-COREOS-REQUEST-ID': requestId,\n ...reqHeaders,\n },\n });\n };\n\n delete = (url: string, requestId?: string, reqHeaders?: object) => {\n requestId = this.requestIdChecker(requestId);\n\n return this.instance.delete(url, {\n headers: {\n 'X-COREOS-REQUEST-ID': requestId,\n ...reqHeaders,\n },\n });\n };\n}\n\nexport {\n OS1Provider,\n OS1Toast,\n OS1Modal,\n //HttpClient as OS1HttpClient,\n OS1HttpClient,\n};\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/aaa/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AAA, ConsoleUiInit, OS1HttpClient } 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.devOrgName,\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 console.log(props);\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 [consoleClient, setConsoleClient] = useState(\n props.consoleInstance.authInitializer?.client?._settings\n );\n\n useEffect(() => {\n // if (consoleInstance) {\n // setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);\n // }\n const console = ConsoleUiInit.getInstance(\n consoleClient._client_id,\n consoleClient._redirect_uri,\n consoleClient._post_logout_redirect_uri,\n consoleClient._authority\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 const [consoleClient, setConsoleClient] = useState(\n props.consoleInstance.authInitializer?.client?._settings\n );\n\n useEffect(() => {\n // if (consoleInstance) {\n // setAuthUrl(consoleInstance.authInitializer?.client?._settings._authority);\n // }\n const console = ConsoleUiInit.getInstance(\n consoleClient._client_id,\n consoleClient._redirect_uri,\n consoleClient._post_logout_redirect_uri,\n consoleClient._authority\n );\n console.renderModal('modal-ele', props.modalConfig);\n }, []);\n\n return <div id=\"modal-ele\"></div>;\n};\n\n\nexport {\n OS1Provider,\n OS1Toast,\n OS1Modal,\n OS1HttpClient,\n};\n"]}
package/dist/commonjs/components/modal/interface.js.map CHANGED
@@ -1 +1 @@
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 consoleInstance:any,\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}"]}
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 consoleInstance: any,\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/dist/commonjs/types/aaa/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { AAA } from '@os1-platform/console-ui-js';
1
+ import { OS1HttpClient } from '@os1-platform/console-ui-js';
2
2
  import React from 'react';
3
3
  import { ModalProps } from '../components/modal/interface';
4
4
  import { ToastProps } from '../components/toast/interface';
@@ -7,14 +7,4 @@ export declare const ConsoleUIContext: React.Context<any>;
7
7
  declare const OS1Provider: (props: any) => JSX.Element;
8
8
  declare const OS1Toast: (props: ToastProps) => JSX.Element;
9
9
  declare const OS1Modal: (props: ModalProps) => JSX.Element;
10
- declare class OS1HttpClient {
11
- instance: import("axios").AxiosInstance;
12
- constructor(client: AAA, url: any);
13
- requestIdChecker: (requestId: string | undefined) => string;
14
- get: (url: string, requestId?: string, reqHeaders?: object) => Promise<import("axios").AxiosResponse<any>>;
15
- post: (url: string, data: object, requestId?: string, reqHeaders?: object) => Promise<import("axios").AxiosResponse<any>>;
16
- put: (url: string, data: object, requestId?: string, reqHeaders?: object) => Promise<import("axios").AxiosResponse<any>>;
17
- patch: (url: string, data: object, requestId?: string, reqHeaders?: object) => Promise<import("axios").AxiosResponse<any>>;
18
- delete: (url: string, requestId?: string, reqHeaders?: object) => Promise<import("axios").AxiosResponse<any>>;
19
- }
20
10
  export { OS1Provider, OS1Toast, OS1Modal, OS1HttpClient, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@os1-platform/console-ui-react",
3
- "version": "0.1.7",
3
+ "version": "0.1.9",
4
4
  "description": "React wrapper for console-ui library",
5
5
  "main": "dist/commonjs/aaa/index.js",
6
6
  "types": "dist/commonjs/types/aaa/index.d.ts",
@@ -23,19 +23,17 @@
23
23
  "devDependencies": {
24
24
  "@types/axios": "^0.14.0",
25
25
  "@types/react-router-dom": "^5.3.3",
26
- "@types/uuid": "^9.0.1",
27
26
  "autoprefixer": "^10.4.13"
28
27
  },
29
28
  "dependencies": {
30
29
  "@fullhuman/postcss-purgecss": "^5.0.0",
31
- "@os1-platform/console-ui-js": "^0.1.9",
30
+ "@os1-platform/console-ui-js": "^0.1.10",
32
31
  "@react-native-community/eslint-config": "^2.0.0",
33
32
  "@types/react": "^17.0.37",
34
33
  "axios": "^0.21.4",
35
34
  "cssnano": "^5.1.15",
36
35
  "react": "^18.2.0",
37
- "react-router-dom": "^6.10.0",
38
- "uuid": "^9.0.0"
36
+ "react-router-dom": "^6.10.0"
39
37
  },
40
38
  "eslintConfig": {
41
39
  "root": true,
package/readme.md CHANGED
@@ -73,10 +73,10 @@
73
73
  closeButton: true, // denotes whether the close button will be present on the right of the toast
74
74
  }
75
75
 
76
- <OS1Toast clientId={"sampleClientId"} loginRedirectPath={"/xyz"} logoutRedirectPath={"/"} devOrgName={"orgName"} appId={'sampleAppId'} elementId={"toastElement"} toastConfig={toastConfig} />
76
+ <OS1Toast consoleInstance={consoleInstance} elementId={"toastElement"} toastConfig={toastConfig} />
77
77
  ```
78
78
 
79
- NOTE: Each toast element that is to be rendered on the page should be given a unique elementId.
79
+ NOTE: Each toast element that is to be rendered on the page should be given a unique elementId. Here, consoleInstance has the value of Context of ConsoleUiContext.
80
80
 
81
81
  6. Use the Modal function to render a modal component in your webpage.
82
82
  For example:
@@ -97,17 +97,13 @@
97
97
  ],
98
98
  };
99
99
  <OS1Modal
100
- clientId={'sampleClientId'}
101
- loginRedirectPath={'/abc'}
102
- logoutRedirectPath={'/'}
103
- devOrgName={'orgNme'}
104
- appId={'sampleAppId'}
100
+ consoleInstance={consoleInstance}
105
101
  elementId={'modalElement'}
106
102
  modalConfig={modalConfig}
107
103
  />;
108
104
  ```
109
105
 
110
- Note:- Listen to event when button is clicked, `event.details` will contain the modal element Id.
106
+ Note:- Listen to event when button is clicked, `event.details` will contain the modal element Id. Here, consoleInstance has the value of Context of ConsoleUiContext.
111
107
 
112
108
  7. Use state variable of `ConsoleUIContext` context to listen to events emitted by injectable controls. This instance is usually passed as a prop to apps.
113
109
  For example:
@@ -125,23 +121,17 @@
125
121
 
126
122
  Note:- We are exposing OnChangeEvent, OnBlurEvent, OnScrollEvent, OnClickEvent, OnFocusEvent for injectableId's.
127
123
 
128
- 8. Use `OS1HttpClient` API to create a client for network requests and pass `authInitializer` property of ConsoleUiContext as a constructor parameter.
124
+ 8. Use `OS1HttpClient` API to create a client variable for network requests and pass `authInitializer` property of ConsoleUiContext as a constructor parameter.
129
125
 
130
126
  ```javascript
131
127
  import { OS1HttpClient } from '@os1-platform/console-ui-react';
132
-
133
- class NetworkClient {
134
- public readonly instance: any;
135
-
136
- constructor(`instanceName`) {
137
- this.instance = OS1HttpClient.createClient({
138
- baseURL: `https://abc.domain.com`,
139
- },`instanceName`);
140
- }
141
- }
128
+ if (consoleInstane) {
129
+ var client = new OS1HttpClient(consoleInstane.authInitializer, `https://abc.domain.com`); // Base url is set in OS1HttpClient class.
130
+ }
142
131
  ```
143
132
 
144
- 9. Following headers are automatically configured to requests originating from the `NetworkClient` adding Access token(`x-coreos-access`) or Tenant id(`x-coreos-tid`) or User info(`x-coreos-userinfo`) or Auth token(`x-coreos-auth`) headers to the actual request.
133
+ 9. Use REST api methods, on the instance created for OS1HttpClient.
134
+ Following headers are automatically configured to requests originating from the `NetworkClient` adding Access token(`x-coreos-access`) or Tenant id(`x-coreos-tid`) or User info(`x-coreos-userinfo`) or Auth token(`x-coreos-auth`) headers to the actual request.
145
135
 
146
136
  - `withAccess`
147
137
  - `withTid`
@@ -156,22 +146,22 @@
156
146
  4. `x-coreos-auth` contains the id_token.
157
147
 
158
148
  ```javascript
159
- import NetworkClient from "./networkClient";
160
149
 
161
150
  const handleClick = () => {
162
151
  //here consoleInstance is the state variable of ConsoleUIContext;
163
152
  if (consoleInstance) {
164
- const client1 = new NetworkClient(consoleInstance.authInitializer); //consoleInstance.authInitializer is an instance of AAA class that we get from ConsoleUi Context
153
+ const client = new OS1HttpClient(consoleInstane.authInitializer, `https://abc.domain.com`); //consoleInstance.authInitializer is an instance of AAA class that we get from ConsoleUi Context
165
154
  const reqHeaders: any = {
166
155
  withAccess: false,
167
156
  withTid: false,
168
157
  withUserInfo: false,
169
158
  withAuth: false,
170
159
  };
171
- client1.users.('45', reqHeaders).catch(function (err) {
172
- console.log('errr', err);
173
- console.log('error', JSON.stringify(err));
174
- });
160
+ client.get(`/users`).then(response => {
161
+ console.log("api response", response.data)
162
+ }).catch(function (err) {
163
+ console.error('error', err);
164
+ });
175
165
  };
176
166
  };
177
167
  ```
@@ -202,7 +192,7 @@
202
192
 
203
193
  15. If nothing is selected then, when user clicks on app for the first time, it asks how we want to redirect the app.
204
194
 
205
- 16. Link to acceess [example app](https://github.com/FoxtrotPlatform/console-ui-sdk/tree/development/example)
195
+ 16. Link to acceess [example app](https://github.com/OS1-logistics/vehicle-reference-app/tree/console-v2-integration)
206
196
 
207
197
  ## Configuration for Injectable Controls offered by the Library
208
198