idm test

idm.js

import React, {useState} from "react";
import {Context, CurrentUserDetails} from "@cisco-sbgidm/ui-components";


// https://security-ci.myverysecuresignon.name/.well-known/openid-configuration

/*



*/

const testToken = "eyJraWQiOiJKdGhCRkhRUEtwLUdRSTlBSDJobThlcVdPcGlIaDFyMVdmdEl5RVlPbTBVIiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwMHVwa3FtZjFqTnZYOVFKUzBoNyIsInZlciI6MSwiaXNzIjoiaHR0cHM6Ly9zZWN1cml0eS1jaS5teXZlcnlzZWN1cmVzaWdub24ubmFtZSIsImF1ZCI6IjBvYXBmd2lndzNmT296U2hNMGg3IiwiaWF0IjoxNTgwOTA1NDI0LCJleHAiOjE1ODA5MDkwMjQsImp0aSI6IklELjBFdzlFbDd4bjdhMnlqcDE5MGNOd2xiOEhrSFBMZjNBR2pYX1lFWFQ4a2MiLCJhbXIiOlsib3RwIiwibWZhIiwicHdkIl0sImlkcCI6IjAwb290cjM0YmQ1cXBaSFZKMGg3Iiwibm9uY2UiOiJ0YWNvc2hhY2siLCJhdXRoX3RpbWUiOjE1ODA5MDU0MDh9.etZKt2Y8EqgUmBuJyi25s5CzgQxeOpRMmPJgQKfmZ9kuyhfLREEyh1ig5V7k3z6NKVHrq7jlO-0FJKUlmVmgkrU9rscRaBTPYk1HeiNFwz2mwEMwdu4oYR44cpyS8JSo_YO-v5HcntT5_gYtq8CWgBtnpCQHhuwzGwEEIhzi8pXZAyRhEy4rHbYJTrTTYFgKRWV6YZWt-QsN74OcTeuXwUuGZXqleuKrxMjsCxf-LbajWF8e_0aLpyY-LODMMNzGnorEQJflZdhOKVsQibXPV6LxF8DqNaFX2ssgXyYVuh7epzYje_NQFWBe0bm5yGYGdVHHDHjAWmWoWL18C_gTow";

//const testToken = "eyJraWQiOiJHMXU3S2tIamI3aEdjRW5VNGh2NmhrdFJOekdBNWstN1FXYXpTbGFyMmM0IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwMHVwa3FtZjFqTnZYOVFKUzBoNyIsIm5hbWUiOiJOb3JtYW4gUmljaGFyZHMiLCJsb2NhbGUiOiJlbi1VUyIsInZlciI6MSwiaXNzIjoiaHR0cHM6Ly9jaXNjb2IyYi1jaS5va3RhcHJldmlldy5jb20vb2F1dGgyL2RlZmF1bHQiLCJhdWQiOiIwb2FwZndpZ3czZk9velNoTTBoNyIsImlhdCI6MTU4MDkwNDM4MywiZXhwIjoxNTgwOTA3OTgzLCJqdGkiOiJJRC5PeE1oUm5vZFRVNDdrWkxuWFlSSXdOclNQeG9pX0o1NkUtcTNJRGdydzNFIiwiYW1yIjpbIm1mYSIsIm90cCIsInB3ZCJdLCJpZHAiOiIwMG9vdHIzNGJkNXFwWkhWSjBoNyIsIm5vbmNlIjoiVDNvamxCdnhCUVk9IiwicHJlZmVycmVkX3VzZXJuYW1lIjoibm9ybXJpY2hAY2lzY28uY29tIiwiZ2l2ZW5fbmFtZSI6Ik5vcm1hbiIsImZhbWlseV9uYW1lIjoiUmljaGFyZHMiLCJ6b25laW5mbyI6IkFtZXJpY2EvTG9zX0FuZ2VsZXMiLCJ1cGRhdGVkX2F0IjoxNTgwODM3OTEzLCJhdXRoX3RpbWUiOjE1ODA5MDQzNDUsImdyb3VwcyI6WyJFdmVyeW9uZSJdfQ.Ix5x1z6aO1D8ZgldWw7rVdRiWd3NmWJK-fKSw2CM42CvrxqV60uYoi6Q-Nvg1024Cf6uGvjkccz356Brlk60o51NqX63n_4yLeeeUifIZlZCxwWyguRspsl9RGDrX7LapMzGicyH9swr1_xDf1BubNlLU_A_AM0vPUjHMOuZkmoZhNHcscEAUeVrKyYv3oU_DmOj2tiStB7bEJPaK6bLX71_7EEUVYn0YmMSoq-S9Z4_kqm4QvDVR-IGOpkF22gUjQEJdOlhP14BcC_uQfs9MCXDX_KOqztYpeMKrsuN9XUO4ok5SeCdahhKII1liZgCRsqibouM4ptF7Gr9UzgVeg";
//eyJraWQiOiJHMXU3S2tIamI3aEdjRW5VNGh2NmhrdFJOekdBNWstN1FXYXpTbGFyMmM0IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwMHVveHRteHZ3VkU5NDQ4RDBoNyIsIm5hbWUiOiJBbnRvbiBLaGl0cmVub3ZpY2giLCJsb2NhbGUiOiJlbi1VUyIsInZlciI6MSwiaXNzIjoiaHR0cHM6Ly9jaXNjb2IyYi1jaS5va3RhcHJldmlldy5jb20vb2F1dGgyL2RlZmF1bHQiLCJhdWQiOiIwb2FwZndpZ3czZk9velNoTTBoNyIsImlhdCI6MTU4MDg0MjMxMywiZXhwIjoxNTgwODQ1OTEzLCJqdGkiOiJJRC5WWVhTb0pfVzNJbWZCMEtySXlwVjlVWEw2bzBkQXhBUXRVQmNVeFRxYmpVIiwiYW1yIjpbIm90cCIsInB3ZCIsIm1mYSJdLCJpZHAiOiIwb2FveHV0c3R0NkZEanIwTTBoNyIsIm5vbmNlIjoiQS9kZWx0eGFDZXc9IiwicHJlZmVycmVkX3VzZXJuYW1lIjoiYW5raGl0cmVAb3V0bG9vay5jb20iLCJnaXZlbl9uYW1lIjoiQW50b24iLCJmYW1pbHlfbmFtZSI6IktoaXRyZW5vdmljaCIsInpvbmVpbmZvIjoiQW1lcmljYS9Mb3NfQW5nZWxlcyIsInVwZGF0ZWRfYXQiOjE1ODA4NDE5NzksImF1dGhfdGltZSI6MTU4MDg0MjI1OCwiZ3JvdXBzIjpbIkV2ZXJ5b25lIl19.CNOGtwcoVFthsm2r2U5P6cf_vaR9BwfsMcIIvUsrAYVomAVU5y9MlOYzdfKXGWheummky5_CQjwHoLnmEKP4yghsfr-vsvHWIeUFyYfAvV5YZfAh6JflS-JYwk1mPMAmSeiZEbqigO2gttSIhIzeRsZV54Irb0ay9_d4roi7OjIBwKBX7HLKMi3JO-YQCbweJYPu2GvOUkt7uD8iV8s8pdDZzcOQlcmHRwp1A6wyfKPxn1yziM4qkdtcEwGWyWQTf6Y4Pd17WPedRHxkIp4grnfQvKvEJ-7tmxRLA02QxgEjRiGGsBiSPrfXMEXltGG4lCzXZ34cjGtgLC5hJ79eKw


const WrapContext = ({children}) => {
  const [token, setToken] = useState(testToken);
  const env = "https://7ldihtzxszcafju5fxnhjohcyi.appsync-api.us-east-1.amazonaws.com/graphql";

  const startAuth = () => {
    // insecure values just for testing
    document.location.href = "https://security-ci.myverysecuresignon.name/oauth2/v1/authorize?response_type=id_token&scope=openid&redirect_uri=http%3A%2F%2Flocalhost%3A3003%2Foktatest&client_id=0oapfwigw3fOozShM0h7&nonce=tacoshack&state=dogfood";
  };

  if (false && document.location.hash != null) {
    return (
      <div>HASH!!!! {document.location.hash}</div>
    );
  } else if (!token) {
    return (
      <div className="col-md-3" style={{margin: "20px"}}>

        <p>This integration currently needs an okta auth token.</p>

        <button className="btn btn--primary"
                onClick={startAuth}
        >Get OKTA token</button>
      </div>
    );
  }

  return (
    <>
      <Context env={env}
               token={token} />

      <div style={{margin: "20px"}}><h2>Token</h2>
        <pre>{token}</pre>
        <div className="divider"/>
      </div>
      {children}
    </>
  );
};

const UserDetailsPage = () => {
  return (
    <WrapContext>
      <CurrentUserDetails />
    </WrapContext>
  );
};

export default UserDetailsPage;