Select an expense report to inspect it.
) + } else if (selectedReportId.length === 0) { + return ( +| Property | +Value | +
|---|
Redirecting...
) +} \ No newline at end of file diff --git a/sample-application/baselayer/src/app/oauth2/login/page.js b/sample-application/baselayer/src/app/oauth2/login/page.js new file mode 100644 index 0000000..88fb4a6 --- /dev/null +++ b/sample-application/baselayer/src/app/oauth2/login/page.js @@ -0,0 +1,43 @@ +// Copyright 2023 Visier Solutions Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +"use client" +import { redirect } from 'next/navigation'; +import React, { useEffect, useState } from 'react'; + +export default function Login() { + const [url, setUrl] = useState(""); + + useEffect(() => { + async function callAuthorize() { + const response = await fetch("/oauth2/authorize") + if (response.ok) { + const result = await response.json(); + const url = result.url; + setUrl(url) + } + } + + callAuthorize(); + return () => { + setUrl(""); + } + }, [url]); + + if (url !== "") { + redirect(url); + } else { + return (Preparing to authenticate.
) + } +} \ No newline at end of file diff --git a/sample-application/baselayer/src/app/oauth2/token/route.js b/sample-application/baselayer/src/app/oauth2/token/route.js new file mode 100644 index 0000000..105a4b9 --- /dev/null +++ b/sample-application/baselayer/src/app/oauth2/token/route.js @@ -0,0 +1,67 @@ +// Copyright 2023 Visier Solutions Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +import axios from 'axios'; +import { NextResponse } from 'next/server'; + +const clientId = process.env.VISIER_CLIENT_ID +const clientSecret = process.env.VISIER_CLIENT_SECRET +const host = process.env.VISIER_HOST +const apiKey = process.env.VISIER_APIKEY + +export async function GET(request) { + const isDefined = id => id !== undefined && id !== "" + + if (isDefined(clientSecret)) { + const code = request.nextUrl.searchParams.get("code"); + if (!isDefined(code)) { + return new Response({ message: "Missing OAuth 2.0 authorization code" }, { status: 401 }); + } + + const body = { + grant_type: "authorization_code", + client_id: clientId, + scope: "read", + code + } + + const instance = axios.create({ + baseURL: host, + headers: { + "Content-Type": "application/x-www-form-urlencoded", + apikey: apiKey + }, + auth: { + username: clientId, + password: encodeURI(clientSecret) + } + }); + + const tokenResponse = await instance.post("/v1/auth/oauth2/token", body); + // Build a response that the client can use to initialize axios base config as well + // as request interceptors. + const response = { + config: { + baseURL: host, + headers: { + apikey: apiKey + } + }, + jwt: tokenResponse.data + } + return NextResponse.json(response) + } + console.error("Missing Client Secret"); + return new Response({ message: "Missing OAuth 2.0 credentials" }, { status: 401 }); +} \ No newline at end of file diff --git a/sample-application/baselayer/src/app/page.js b/sample-application/baselayer/src/app/page.js new file mode 100644 index 0000000..7d5e622 --- /dev/null +++ b/sample-application/baselayer/src/app/page.js @@ -0,0 +1,99 @@ +// Copyright 2023 Visier Solutions Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +"use client" +import ExpenseReport from './data-query-objects/page'; +import DataIntake from './data-intake/page'; +import DataQuery from './data-query-metrics/page'; +import DataModel from './data-model/page'; + +import Button from 'react-bootstrap/Button'; +import Card from 'react-bootstrap/Card'; +import { useRouter } from 'next/navigation'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import useCredsStore from '@/store/credsStore'; +import { Alert } from 'react-bootstrap'; +import React from 'react'; +import Container from 'react-bootstrap/Container'; +import Row from 'react-bootstrap/Row'; +import Col from 'react-bootstrap/Col'; + +export default function Home() { + const router = useRouter() + const isAuthenticated = useCredsStore(s => s.isAuthenticated); + + return ( + <> + {isAuthenticated() ? ( ++ This is a sample Next.js application that shows calls to Visier's Data Model, Data Query, and Direct Data Intake APIs. It utilizes Visier's OAuth 2.0 authentication flow. + For more information about configuring Visier access with OAuth 2.0, see the README.md. +
+ ++ Before calling this application's APIs, you need: +