@databiosphere/findable-ui 18.0.0 → 20.0.0

package/src/providers/exploreState/actions/updateGrouping/utils.ts

@@ -0,0 +1,33 @@
+import { GroupingState, Updater } from "@tanstack/react-table";
+import { resolveUpdater } from "../../../../components/Table/options/updater";
+import { ExploreState } from "../../../exploreState";
+
+/**
+ * Builds the next grouping state for the current entity type.
+ * Uses TanStack updater to update the grouping state.
+ * @param state - Explore state.
+ * @param updaterOrValue - Updater or value to update the grouping state.
+ * @returns grouping state.
+ */
+export function buildNextGrouping(
+  state: ExploreState,
+  updaterOrValue: Updater<GroupingState>
+): GroupingState {
+  const grouping = resolveUpdater(updaterOrValue, getOldGrouping(state));
+  if (grouping.length > 1) {
+    // Explore state only supports single-column grouping.
+    return grouping.slice(-1);
+  }
+  return grouping;
+}
+
+/**
+ * Retrieves the current "old" grouping state from the explore state, for the current entity type.
+ * @param state - Explore state.
+ * @returns old grouping state.
+ */
+function getOldGrouping(state: ExploreState): GroupingState {
+  const { entityPageState, tabValue } = state;
+  const { grouping = [] } = entityPageState[tabValue];
+  return grouping;
+}

package/src/providers/exploreState/entities.ts

@@ -1,5 +1,6 @@
 import {
   ColumnSort,
+  GroupingState,
   RowSelectionState,
   VisibilityState,
 } from "@tanstack/react-table";
@@ -22,6 +23,7 @@ export interface EntityPageState {
   categoryGroupConfigKey: CategoryGroupConfigKey;
   columnsVisibility: VisibilityState;
   enableRowSelection: boolean;
+  grouping: GroupingState;
   rowPreview: RowPreviewState;
   rowSelection: RowSelectionState;
   sorting: ColumnSort[];
@@ -48,9 +50,7 @@ export type EntityStateByCategoryGroupConfigKey = Map<
 
 export type CategoryGroupConfigKey = CategoryGroupConfig["key"];
 
-export interface EntityStateSavedFilter extends Omit<SavedFilter, "sort"> {
-  sorting?: ColumnSort[];
-}
+export type EntityStateSavedFilter = SavedFilter;
 
 // eslint-disable-next-line  @typescript-eslint/no-explicit-any -- TODO revisit when adding react query or similar
 export type ListItem = any;

package/src/providers/exploreState/initializer/utils.ts

@@ -1,4 +1,8 @@
-import { VisibilityState } from "@tanstack/react-table";
+import {
+  ColumnSort,
+  GroupingState,
+  VisibilityState,
+} from "@tanstack/react-table";
 import { SelectCategory, SelectedFilter } from "../../../common/entities";
 import { getInitialTableColumnVisibility } from "../../../components/Table/common/utils";
 import { ACCESSOR_KEYS } from "../../../components/TableCreator/common/constants";
@@ -10,7 +14,6 @@ import {
   SavedFilter,
   SiteConfig,
 } from "../../../config/entities";
-import { getDefaultSorting } from "../../../config/utils";
 import { ExploreState } from "../../exploreState";
 import { SELECT_CATEGORY_KEY } from "../constants";
 import {
@@ -73,8 +76,13 @@ function buildSavedFilterByCategoryValueKey(
   if (!savedFilters) return;
   const savedFilterByCategoryValueKey: SavedFilterByCategoryValueKey =
     new Map();
-  for (const { filters, sorting, title } of savedFilters) {
-    savedFilterByCategoryValueKey.set(title, { filters, sorting, title });
+  for (const { filters, grouping, sorting, title } of savedFilters) {
+    savedFilterByCategoryValueKey.set(title, {
+      filters,
+      grouping,
+      sorting,
+      title,
+    });
   }
   return savedFilterByCategoryValueKey;
 }
@@ -145,18 +153,29 @@ function initColumnVisibility(entityConfig: EntityConfig): VisibilityState {
   const {
     list: {
       columns,
-      tableOptions: { initialState: { columnVisibility = {} } = {} } = {},
+      tableOptions: {
+        enableRowSelection,
+        initialState: { columnVisibility = {} } = {},
+      } = {},
     },
-    listView: { enableRowSelection = false } = {},
   } = entityConfig;
   return {
-    [ACCESSOR_KEYS.ROW_POSITION]: false, // Explicitly setting row position to false; required - currently `columnVisibilty` is initialized from columns configuration.
-    [ACCESSOR_KEYS.SELECT]: enableRowSelection,
+    [ACCESSOR_KEYS.ROW_POSITION]: false, // Explicitly setting row position to false; required - currently `columnVisibility` is initialized from columns configuration.
+    [ACCESSOR_KEYS.SELECT]: Boolean(enableRowSelection),
     ...getInitialTableColumnVisibility(columns),
     ...columnVisibility, // `columnVisibility` is managed by ExploreState; use table options to override this setting.
   };
 }
 
+/**
+ * Returns the initial `enableRowSelection` option for the specified entity list configuration.
+ * @param entityConfig - Entity configuration.
+ * @returns initial `enableRowSelection` option.
+ */
+function initEnableRowSelection(entityConfig: EntityConfig): boolean {
+  return Boolean(entityConfig.list.tableOptions?.enableRowSelection);
+}
+
 /**
  * Initializes entity page state.
  * @param config - Site config.
@@ -169,10 +188,11 @@ function initEntityPageState(config: SiteConfig): EntityPageStateMapper {
       [entity.route]: {
         categoryGroupConfigKey: initCategoryGroupConfigKey(config, entity),
         columnsVisibility: initColumnVisibility(entity),
-        enableRowSelection: Boolean(entity.listView?.enableRowSelection),
+        enableRowSelection: initEnableRowSelection(entity),
+        grouping: initGrouping(entity),
         rowPreview: undefined,
         rowSelection: {},
-        sorting: getDefaultSorting(entity),
+        sorting: initSorting(entity),
       },
     };
   }, {} as EntityPageStateMapper);
@@ -230,6 +250,34 @@ function initFilterState(decodedFilterParam: string): SelectedFilter[] {
   return filterState;
 }
 
+/**
+ * Returns the initial table grouping state for the specified entity list configuration.
+ * @param entityConfig - Entity configuration.
+ * @returns initial grouping state.
+ */
+function initGrouping(entityConfig: EntityConfig): GroupingState {
+  const {
+    list: { tableOptions: { initialState: { grouping = [] } = {} } = {} },
+  } = entityConfig;
+  return grouping;
+}
+
+/**
+ * Returns the initial table sorting state for the specified entity list configuration.
+ * @param entityConfig - Entity configuration.
+ * @returns initial sorting state.
+ */
+function initSorting(entityConfig: EntityConfig): ColumnSort[] {
+  const {
+    list: {
+      defaultSort,
+      tableOptions: { initialState: { sorting = [] } = {} } = {},
+    },
+  } = entityConfig;
+  if (defaultSort) return [defaultSort];
+  return sorting;
+}
+
 /**
  * Returns the explore state reducer initial arguments.
  * @param config - Site config.

package/src/providers/exploreState/payloads/entities.ts

@@ -1,5 +1,6 @@
 import {
   ColumnSort,
+  GroupingState,
   RowSelectionState,
   VisibilityState,
 } from "@tanstack/react-table";
@@ -62,6 +63,7 @@ export type UpdateColumnVisibilityPayload = VisibilityState;
 export interface UpdateEntityFiltersPayload {
   entityListType: string;
   filters: SelectedFilter[];
+  grouping?: GroupingState;
   sorting?: ColumnSort[];
 }
 /**

package/src/providers/exploreState/utils.ts

@@ -1,4 +1,3 @@
-import { ColumnSort } from "@tanstack/react-table";
 import {
   CategoryKey,
   CategoryValueKey,
@@ -109,20 +108,24 @@ export function getEntityStateSavedFilter(
 }
 
 /**
- * Returns entity state "saved filter" sorting for the given category value key.
+ * Retrieves a specified property from the "saved filter" for the given category value key.
+ * This function fetches a property (e.g., "sorting" or "grouping") from the saved filter
+ * associated with a given `selectedValue`.
  * @param state - Explore state.
  * @param selectedValue - Key of category value that has been de/selected.
  * @param selected - True if value is selected, false if de-selected.
- * @returns sorting.
+ * @param propertyName - The name of the property to retrieve from the saved filter. Should be one of the predefined keys: "sorting" or "grouping".
+ * @returns value of the specified property from the saved filter, or undefined if `selected` is false.
  */
-export function getEntityStateSavedSorting(
+export function getEntityStateSavedProperty<K extends "sorting" | "grouping">(
   state: ExploreState,
   selectedValue: CategoryValueKey,
-  selected: boolean
-): ColumnSort[] | undefined {
+  selected: boolean,
+  propertyName: K
+): EntityStateSavedFilter[K] | undefined {
   if (!selected) return;
   const savedFilter = getEntityStateSavedFilter(state, selectedValue);
-  return savedFilter?.sorting;
+  return savedFilter?.[propertyName];
 }
 
 /**

package/src/providers/exploreState.tsx

@@ -12,13 +12,15 @@ import { AzulSearchIndex } from "../apis/azul/common/entities";
 import { SelectCategoryView, SelectedFilter } from "../common/entities";
 import { RowPreviewState } from "../components/Table/features/RowPreview/entities";
 import { CategoryGroup, SiteConfig } from "../config/entities";
-import { useAuthentication } from "../hooks/useAuthentication/useAuthentication";
+import { useToken } from "../hooks/authentication/token/useToken";
 import {
   buildCategoryViews,
   buildNextFilterState,
 } from "../hooks/useCategoryFilter";
 import { useConfig } from "../hooks/useConfig";
 import { useURLFilterParams } from "../hooks/useURLFilterParams";
+import { updateGroupingAction } from "./exploreState/actions/updateGrouping/action";
+import { UpdateGroupingAction } from "./exploreState/actions/updateGrouping/types";
 import {
   EntityPageStateMapper,
   EntityStateByCategoryGroupConfigKey,
@@ -49,7 +51,7 @@ import {
   closeRowPreview,
   getEntityCategoryGroupConfigKey,
   getEntityState,
-  getEntityStateSavedSorting,
+  getEntityStateSavedProperty,
   getFilterCount,
   patchEntityListItems,
   resetPage,
@@ -168,7 +170,7 @@ export function ExploreStateProvider({
   const { config, defaultEntityListType } = useConfig();
   const { decodedCatalogParam, decodedFeatureFlagParam, decodedFilterParam } =
     useURLFilterParams();
-  const { isEnabled: isAuthEnabled, token } = useAuthentication();
+  const { token } = useToken();
   const entityList = entityListType || defaultEntityListType;
   const [initializerArg] = useState(() =>
     initReducerArguments(
@@ -196,12 +198,11 @@ export function ExploreStateProvider({
 
   // Reset explore response when token changes.
   useEffect(() => {
-    if (!isAuthEnabled) return;
     exploreDispatch({
       payload: undefined,
       type: ExploreActionKind.ResetExploreResponse,
     });
-  }, [exploreDispatch, isAuthEnabled, token]);
+  }, [exploreDispatch, token]);
 
   return (
     <ExploreStateContext.Provider value={exploreContextValue}>
@@ -226,6 +227,7 @@ export enum ExploreActionKind {
   UpdateEntityFilters = "UPDATE_ENTITY_FILTERS",
   UpdateEntityViewAccess = "UPDATE_ENTITY_VIEW_ACCESS",
   UpdateFilter = "UPDATE_FILTER",
+  UpdateGrouping = "UPDATE_GROUPING",
   UpdateRowPreview = "UPDATE_ROW_PREVIEW",
   UpdateRowSelection = "UPDATE_ROW_SELECTION",
   UpdateSorting = "UPDATE_SORTING",
@@ -247,6 +249,7 @@ export type ExploreAction =
   | UpdateEntityFiltersAction
   | UpdateEntityViewAccessAction
   | UpdateFilterAction
+  | UpdateGroupingAction
   | UpdateRowPreviewAction
   | UpdateRowSelectionAction
   | UpdateSortingAction;
@@ -403,11 +406,19 @@ function exploreReducer(
         payload.selectedValue,
         payload.selected
       );
-      const savedSorting = getEntityStateSavedSorting(
+      const savedGrouping = getEntityStateSavedProperty(
         state,
         payload.selectedValue,
-        payload.selected
+        payload.selected,
+        "grouping"
+      );
+      const savedSorting = getEntityStateSavedProperty(
+        state,
+        payload.selectedValue,
+        payload.selected,
+        "sorting"
       );
+      const grouping = savedGrouping || []; // Reset grouping to default if saved grouping is not available.
       const sorting = savedSorting || []; // Reset sorting to default if saved sorting is not available.
       updateEntityStateByCategoryGroupConfigKey(state, {
         filterState,
@@ -417,7 +428,7 @@ function exploreReducer(
         ...state,
         entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(
           state,
-          { rowPreview, rowSelection, sorting }
+          { grouping, rowPreview, rowSelection, sorting }
         ),
         filterCount: getFilterCount(filterState),
         filterState,
@@ -592,7 +603,12 @@ function exploreReducer(
      * - closes row preview, without updating the entity page state row preview.
      */
     case ExploreActionKind.UpdateEntityFilters: {
-      const { entityListType, filters: filterState, sorting } = payload;
+      const {
+        entityListType,
+        filters: filterState,
+        grouping = [],
+        sorting = [],
+      } = payload;
       const categoryGroupConfigKey = getEntityCategoryGroupConfigKey(
         entityListType,
         state.entityPageState
@@ -614,7 +630,7 @@ function exploreReducer(
         ...state,
         entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(
           state,
-          { rowPreview, rowSelection, sorting },
+          { grouping, rowPreview, rowSelection, sorting },
           categoryGroupConfigKey
         ),
         rowPreview: closeRowPreview(state.rowPreview),
@@ -658,6 +674,12 @@ function exploreReducer(
         rowPreview,
       };
     }
+    /**
+     * Update grouping
+     **/
+    case ExploreActionKind.UpdateGrouping: {
+      return updateGroupingAction(state, payload);
+    }
     /**
      * Update row preview
      */

package/src/providers/googleSignInAuthentication/common/types.ts

@@ -0,0 +1,28 @@
+import { Dispatch } from "react";
+import { AuthAction, AuthContextProps } from "../../authentication/auth/types";
+import {
+  AuthenticationAction,
+  AuthenticationContextProps,
+} from "../../authentication/authentication/types";
+import {
+  CredentialsAction,
+  CredentialsContextProps,
+} from "../../authentication/credentials/types";
+import {
+  TokenAction,
+  TokenContextProps,
+} from "../../authentication/token/types";
+
+export interface SessionReducer {
+  authenticationReducer: AuthenticationContextProps;
+  authReducer: Omit<AuthContextProps, "service">;
+  credentialsReducer: CredentialsContextProps;
+  tokenReducer: TokenContextProps;
+}
+
+export interface SessionDispatch {
+  authDispatch: Dispatch<AuthAction> | null;
+  authenticationDispatch: Dispatch<AuthenticationAction> | null;
+  credentialsDispatch: Dispatch<CredentialsAction> | null;
+  tokenDispatch: Dispatch<TokenAction> | null;
+}

package/src/providers/googleSignInAuthentication/constants.ts

@@ -0,0 +1,17 @@
+import { DEFAULT_AUTH_STATE } from "../authentication/auth/constants";
+import { AUTH_STATUS, AuthState } from "../authentication/auth/types";
+import { DEFAULT_AUTHENTICATION_STATE } from "../authentication/authentication/constants";
+import {
+  AUTHENTICATION_STATUS,
+  AuthenticationState,
+} from "../authentication/authentication/types";
+
+export const AUTH_STATE: AuthState = {
+  ...DEFAULT_AUTH_STATE,
+  status: AUTH_STATUS.SETTLED,
+};
+
+export const AUTHENTICATION_STATE: AuthenticationState = {
+  ...DEFAULT_AUTHENTICATION_STATE,
+  status: AUTHENTICATION_STATUS.SETTLED,
+};

package/src/providers/googleSignInAuthentication/hooks/useGoogleSignInService.ts

@@ -0,0 +1,53 @@
+import { useRouter } from "next/router";
+import { useCallback } from "react";
+import { useProviders } from "../../../hooks/authentication/providers/useProviders";
+import { Service } from "../../authentication/auth/types";
+import { ProviderId } from "../../authentication/common/types";
+import { SessionReducer } from "../common/types";
+import { service } from "../service/service";
+
+export const useGoogleSignInService = (reducer: SessionReducer): Service => {
+  const { findProvider } = useProviders();
+  const { basePath } = useRouter();
+  const {
+    authenticationReducer: { authenticationDispatch },
+    authReducer: { authDispatch },
+    credentialsReducer: { credentialsDispatch },
+    tokenReducer: { tokenDispatch },
+  } = reducer;
+
+  const onLogin = useCallback(
+    (providerId: ProviderId) => {
+      const provider = findProvider(providerId);
+      if (!provider) return;
+      service.login(provider, {
+        authDispatch,
+        authenticationDispatch,
+        tokenDispatch,
+      });
+    },
+    [authDispatch, authenticationDispatch, findProvider, tokenDispatch]
+  );
+
+  const onLogout = useCallback(
+    (options?: { callbackUrl?: string }) => {
+      service.logout({
+        authDispatch,
+        authenticationDispatch,
+        credentialsDispatch,
+        tokenDispatch,
+      });
+      // Request page reload, ensuring that the entity detail page is re-initialized with the correct state and associated data.
+      location.href = options?.callbackUrl || basePath;
+    },
+    [
+      authDispatch,
+      authenticationDispatch,
+      basePath,
+      credentialsDispatch,
+      tokenDispatch,
+    ]
+  );
+
+  return { requestLogin: onLogin, requestLogout: onLogout };
+};

package/src/providers/googleSignInAuthentication/profile/types.ts

@@ -0,0 +1,15 @@
+export interface GoogleProfile {
+  email: string;
+  email_verified: boolean;
+  family_name: string;
+  given_name: string;
+  hd: string;
+  locale: string;
+  name: string;
+  picture: string;
+  sub: string;
+}
+
+export interface TokenSetParameters {
+  access_token: string;
+}

package/src/providers/googleSignInAuthentication/profile/utils.ts

@@ -0,0 +1,29 @@
+import { UserProfile } from "../../authentication/authentication/types";
+import { GOOGLE_SIGN_IN_PROVIDER_ID } from "../service/constants";
+import { GoogleProfile } from "./types";
+
+/**
+ * Returns full name, from given and family name.
+ * @param profile - Google response.
+ * @returns full name.
+ */
+function getFullName(profile: GoogleProfile): string {
+  const { family_name: lastName = "", given_name: firstName = "" } = profile;
+  return `${firstName} ${lastName}`.trim();
+}
+
+/**
+ * Returns user profile from google response.
+ * @param profile - Google response.
+ * @returns user profile.
+ */
+export function mapProfile(profile: GoogleProfile): UserProfile {
+  const { email, picture: image } = profile;
+  const name = getFullName(profile);
+  return {
+    email,
+    id: GOOGLE_SIGN_IN_PROVIDER_ID,
+    image,
+    name,
+  };
+}

package/src/providers/googleSignInAuthentication/provider.tsx

@@ -0,0 +1,53 @@
+import React from "react";
+import { SessionController as DefaultSessionController } from "../../components/Authentication/components/SessionController/components/GoogleSessionController/SessionController";
+import { useAuthReducer } from "../../hooks/authentication/auth/useAuthReducer";
+import { useAuthenticationReducer } from "../../hooks/authentication/authentication/useAuthenticationReducer";
+import { useCredentialsReducer } from "../../hooks/authentication/credentials/useCredentialsReducer";
+import { useSessionActive } from "../../hooks/authentication/session/useSessionActive";
+import { useSessionCallbackUrl } from "../../hooks/authentication/session/useSessionCallbackUrl";
+import { useSessionIdleTimer } from "../../hooks/authentication/session/useSessionIdleTimer";
+import { useTokenReducer } from "../../hooks/authentication/token/useTokenReducer";
+import { AuthContext } from "../authentication/auth/context";
+import { AuthenticationContext } from "../authentication/authentication/context";
+import { CredentialsContext } from "../authentication/credentials/context";
+import { AUTH_STATE, AUTHENTICATION_STATE } from "./constants";
+import { useGoogleSignInService } from "./hooks/useGoogleSignInService";
+import { GoogleSignInAuthenticationProviderProps } from "./types";
+
+export function GoogleSignInAuthenticationProvider({
+  children,
+  SessionController = DefaultSessionController,
+  timeout,
+}: GoogleSignInAuthenticationProviderProps): JSX.Element {
+  const authReducer = useAuthReducer(AUTH_STATE);
+  const authenticationReducer = useAuthenticationReducer(AUTHENTICATION_STATE);
+  const credentialsReducer = useCredentialsReducer();
+  const tokenReducer = useTokenReducer(); // Reducer, local to Google Sign-In process only.
+  const service = useGoogleSignInService({
+    authReducer,
+    authenticationReducer,
+    credentialsReducer,
+    tokenReducer,
+  });
+  const { callbackUrl } = useSessionCallbackUrl();
+  const { authDispatch, authState } = authReducer;
+  const { isAuthenticated } = authState;
+  const { authenticationState } = authenticationReducer;
+  useSessionActive(authState, authenticationState);
+  useSessionIdleTimer({
+    disabled: !isAuthenticated,
+    onIdle: () => service.requestLogout({ callbackUrl }),
+    timeout,
+  });
+  return (
+    <CredentialsContext.Provider value={credentialsReducer}>
+      <AuthenticationContext.Provider value={authenticationReducer}>
+        <AuthContext.Provider value={{ authDispatch, authState, service }}>
+          <SessionController token={tokenReducer.tokenState.token}>
+            {children}
+          </SessionController>
+        </AuthContext.Provider>
+      </AuthenticationContext.Provider>
+    </CredentialsContext.Provider>
+  );
+}

package/src/providers/googleSignInAuthentication/service/constants.ts

@@ -0,0 +1,16 @@
+import { GoogleIcon } from "../../../components/common/CustomIcon/components/GoogleIcon/googleIcon";
+import { OAuthProvider } from "../../../config/entities";
+import { GoogleProfile } from "../profile/types";
+import { mapProfile } from "../profile/utils";
+
+export const GOOGLE_SIGN_IN_PROVIDER_ID = "google";
+
+export const GOOGLE_SIGN_IN_PROVIDER: Pick<
+  OAuthProvider<GoogleProfile>,
+  "icon" | "id" | "name" | "profile"
+> = {
+  icon: GoogleIcon({}),
+  id: GOOGLE_SIGN_IN_PROVIDER_ID,
+  name: "Google",
+  profile: mapProfile,
+};

package/src/providers/googleSignInAuthentication/service/service.ts

@@ -0,0 +1,68 @@
+import { OAuthProvider } from "../../../config/entities";
+import { requestAuth, resetState } from "../../authentication/auth/dispatch";
+import {
+  requestAuthentication,
+  resetState as resetAuthenticationState,
+  updateAuthentication,
+} from "../../authentication/authentication/dispatch";
+import { AUTHENTICATION_STATUS } from "../../authentication/authentication/types";
+import { fetchProfile } from "../../authentication/authentication/utils";
+import { resetState as resetCredentialsState } from "../../authentication/credentials/dispatch";
+import { getAuthenticationRequestOptions } from "../../authentication/terra/hooks/common/utils";
+import {
+  resetState as resetTokenState,
+  updateToken,
+} from "../../authentication/token/dispatch";
+import { SessionDispatch } from "../common/types";
+import { GoogleProfile, TokenSetParameters } from "../profile/types";
+
+// eslint-disable-next-line  @typescript-eslint/no-explicit-any -- TODO see https://github.com/clevercanary/data-browser/issues/544.
+declare const google: any;
+
+export const service = {
+  login: (
+    provider: OAuthProvider,
+    dispatch: Pick<
+      SessionDispatch,
+      "authDispatch" | "authenticationDispatch" | "tokenDispatch"
+    >
+  ): void => {
+    const client = google.accounts.oauth2.initTokenClient({
+      callback: (response: TokenSetParameters) => {
+        const { id, profile, userinfo } = provider;
+        const { access_token: token } = response;
+        dispatch.authDispatch?.(requestAuth());
+        dispatch.authenticationDispatch?.(requestAuthentication());
+        dispatch.tokenDispatch?.(updateToken({ providerId: id, token }));
+        fetchProfile(userinfo, getAuthenticationRequestOptions(token), {
+          onError: () => {
+            dispatch.authDispatch?.(resetState());
+            dispatch.authenticationDispatch?.(
+              updateAuthentication({
+                profile: undefined,
+                status: AUTHENTICATION_STATUS.SETTLED,
+              })
+            );
+            dispatch.tokenDispatch?.(resetTokenState());
+          },
+          onSuccess: (r: GoogleProfile) =>
+            dispatch.authenticationDispatch?.(
+              updateAuthentication({
+                profile: profile(r),
+                status: AUTHENTICATION_STATUS.PENDING, // Authentication is pending until session controller is resolved.
+              })
+            ),
+        });
+      },
+      client_id: provider.clientId,
+      scope: provider.authorization.params.scope,
+    });
+    client.requestAccessToken();
+  },
+  logout: (dispatch: SessionDispatch): void => {
+    dispatch.authDispatch?.(resetState());
+    dispatch.authenticationDispatch?.(resetAuthenticationState());
+    dispatch.credentialsDispatch?.(resetCredentialsState());
+    dispatch.tokenDispatch?.(resetTokenState());
+  },
+};

package/src/providers/googleSignInAuthentication/types.ts

@@ -0,0 +1,7 @@
+import { ElementType, ReactNode } from "react";
+
+export interface GoogleSignInAuthenticationProviderProps {
+  children: ReactNode | ReactNode[];
+  SessionController?: ElementType;
+  timeout?: number;
+}