Account v3 extension more complex React component

gdelbos commented 3 months ago

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 commented 3 months ago

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

Benal78 commented 3 months ago

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

antoine-roux commented 1 month ago

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>
  )

keycloak / keycloak-quickstarts