Account v3 extension more complex React component

[gdelbos]

Description

Currently, the proposed extension example does only present two things:

• Simple React component with no compilation
• Simple React component with compilation

In both case only basic HTML tag are used. However, there is no example on how we could use the component existing in the account-ui project (Page, etc.).

Discussion

No response

Motivation

Being able to extends the current theme (adding new pages, etc.) using the component defined in the Keycloak.V3 theme.

Details

Some exemple of expected implementation:

• Use Page in the *KeycloakManLovesJsx" component
• Display a button for initiated action (UPDATE_EMAIL for instance)

[yodeyer]

It would also be great to be able to import js/apps/account-ui/src/api/methods.ts.

[Benal78]

Would be great also to have sample of working i18n in new pages. Example

[antoine-roux]

In addition, we need a way to access the parent's KeycloakContext like it was in the v2 theme. I need to use the console accessToken.

If I use KeycloakProvider from @keycloak/keycloak-ui-shared, I'm falling into a redirection loop

  const environment = getInjectedEnvironment()
  return (
    <KeycloakProvider environment={environment}>
      <... />
    </KeycloakProvider>
  )