@axa-fr/react-oidc 7.22.18 → 7.22.19

package/src/core/default-component/SilentLogin.component.tsx

@@ -2,30 +2,30 @@ import { getParseQueryStringFromLocation, OidcClient } from '@axa-fr/oidc-client
 import { ComponentType, useEffect } from 'react';
 
 const SilentLogin: ComponentType<any> = ({ configurationName }) => {
-    const queryParams = getParseQueryStringFromLocation(window.location.href);
+  const queryParams = getParseQueryStringFromLocation(window.location.href);
 
-    const getOidc = OidcClient.get;
-    const oidc = getOidc(configurationName);
+  const getOidc = OidcClient.get;
+  const oidc = getOidc(configurationName);
 
-    let extras = null;
+  let extras = null;
 
-    for (const [key, value] of Object.entries(queryParams)) {
-        if (key === 'state' || key === 'scope') {
-            continue;
-        }
-        if (extras === null) {
-            extras = {};
-        }
-        extras[key] = value;
+  for (const [key, value] of Object.entries(queryParams)) {
+    if (key === 'state' || key === 'scope') {
+      continue;
     }
+    if (extras === null) {
+      extras = {};
+    }
+    extras[key] = value;
+  }
 
-    useEffect(() => {
-        if (!oidc.tokens) {
-            oidc.loginAsync(null, extras, true, queryParams.scope);
-        }
-    }, []);
+  useEffect(() => {
+    if (!oidc.tokens) {
+      oidc.loginAsync(null, extras, true, queryParams.scope);
+    }
+  }, []);
 
-    return <></>;
+  return <></>;
 };
 
 export default SilentLogin;

package/src/core/routes/OidcRoutes.spec.tsx

@@ -1,6 +1,6 @@
-import { render } from "@testing-library/react";
+import { render } from '@testing-library/react';
 import React from 'react';
-import { describe, expect,it } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
 import OidcRoutes from './OidcRoutes';
 

package/src/core/routes/OidcRoutes.tsx

@@ -1,4 +1,4 @@
-import {getPath, ILOidcLocation} from '@axa-fr/oidc-client';
+import { getPath, ILOidcLocation } from '@axa-fr/oidc-client';
 import React, { ComponentType, FC, PropsWithChildren, useEffect, useState } from 'react';
 
 import CallbackComponent from '../default-component/Callback.component.js';
@@ -24,9 +24,9 @@ const OidcRoutes: FC<PropsWithChildren<OidcRoutesProps>> = ({
   redirect_uri,
   silent_redirect_uri,
   silent_login_uri,
-  children, configurationName,
-  withCustomHistory = null, 
-  location,
+  children,
+  configurationName,
+  withCustomHistory = null,
 }) => {
   // This exist because in next.js window outside useEffect is null
   const pathname = window ? getPath(window.location.href) : '';
@@ -56,7 +56,14 @@ const OidcRoutes: FC<PropsWithChildren<OidcRoutesProps>> = ({
 
   switch (path) {
     case callbackPath:
-      return <CallbackComponent callBackError={callbackErrorComponent} callBackSuccess={callbackSuccessComponent} configurationName={configurationName} withCustomHistory={withCustomHistory} />;
+      return (
+        <CallbackComponent
+          callBackError={callbackErrorComponent}
+          callBackSuccess={callbackSuccessComponent}
+          configurationName={configurationName}
+          withCustomHistory={withCustomHistory}
+        />
+      );
     default:
       return <>{children}</>;
   }

package/src/core/routes/withRouter.spec.tsx

@@ -1,10 +1,10 @@
-import { beforeEach,describe, expect, it, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { CreateEvent, WindowInternal } from './withRouter';
 
 describe('WithRouter test Suite', () => {
   const paramsMock = { bubbles: false, cancelable: false, detail: 'detail' };
-  beforeEach(() => { });
+  beforeEach(() => {});
   it('should CreateEvent return correct Event if not on IE', () => {
     const windowMock = {
       CustomEvent: vi.fn().mockImplementation((event, params) => {
@@ -12,7 +12,7 @@ describe('WithRouter test Suite', () => {
       }),
     };
     const documentMock = {} as Document;
-    const res = CreateEvent((windowMock as unknown) as WindowInternal, documentMock)(
+    const res = CreateEvent(windowMock as unknown as WindowInternal, documentMock)(
       'event test',
       paramsMock,
     );
@@ -34,8 +34,8 @@ describe('WithRouter test Suite', () => {
     const documentMock = {
       createEvent: vi.fn(() => evtMock),
     };
-    const typedDocumentMock = (documentMock as unknown) as Document;
-    const res = CreateEvent((windowMock as unknown) as WindowInternal, typedDocumentMock)(
+    const typedDocumentMock = documentMock as unknown as Document;
+    const res = CreateEvent(windowMock as unknown as WindowInternal, typedDocumentMock)(
       'event test',
       paramsMock,
     );
@@ -43,5 +43,4 @@ describe('WithRouter test Suite', () => {
     expect(documentMock.createEvent).toHaveBeenCalledWith('CustomEvent');
     expect(evtMock.initCustomEvent).toHaveBeenCalledWith('event test', false, false, 'detail');
   });
-
 });

package/src/core/routes/withRouter.tsx

@@ -1,7 +1,4 @@
-const generateKey = () =>
-  Math.random()
-    .toString(36)
-    .substr(2, 6);
+const generateKey = () => Math.random().toString(36).slice(2, 8);
 
 // Exported only for test
 export type WindowInternal = Window & {
@@ -20,19 +17,23 @@ type InitCustomEventParams<T = any> = {
 };
 
 // IE Polyfill for CustomEvent
-export const CreateEvent = (windowInternal: WindowInternal, documentInternal: Document) => (
-  event: string,
-  params: InitCustomEventParams,
-): CustomEvent => {
-  if (typeof windowInternal.CustomEvent === 'function') {
-    return new windowInternal.CustomEvent(event, params);
-  }
-  const paramsToFunction = params || { bubbles: false, cancelable: false, detail: undefined };
-  const evt: CustomEvent = documentInternal.createEvent('CustomEvent');
-  evt.initCustomEvent(event, paramsToFunction.bubbles, paramsToFunction.cancelable, paramsToFunction.detail);
-  (evt as CustomEvent & IPrototype).prototype = windowInternal.Event.prototype;
-  return evt;
-};
+export const CreateEvent =
+  (windowInternal: WindowInternal, documentInternal: Document) =>
+  (event: string, params: InitCustomEventParams): CustomEvent => {
+    if (typeof windowInternal.CustomEvent === 'function') {
+      return new windowInternal.CustomEvent(event, params);
+    }
+    const paramsToFunction = params || { bubbles: false, cancelable: false, detail: undefined };
+    const evt: CustomEvent = documentInternal.createEvent('CustomEvent');
+    evt.initCustomEvent(
+      event,
+      paramsToFunction.bubbles,
+      paramsToFunction.cancelable,
+      paramsToFunction.detail,
+    );
+    (evt as CustomEvent & IPrototype).prototype = windowInternal.Event.prototype;
+    return evt;
+  };
 
 type WindowHistoryState = typeof window.history.state;
 
@@ -42,7 +43,7 @@ export interface ReactOidcHistory {
 
 export type CustomHistory = {
   replaceState(url?: string | null, stateHistory?: WindowHistoryState): void;
-}
+};
 
 const getHistory = (
   windowInternal: WindowInternal,
@@ -59,4 +60,5 @@ const getHistory = (
   };
 };
 
-export const getCustomHistory = () => getHistory(window, CreateEvent(window, document), generateKey);
+export const getCustomHistory = () =>
+  getHistory(window, CreateEvent(window, document), generateKey);

package/src/index.ts

@@ -6,9 +6,14 @@ export { OidcUserStatus, useOidcUser } from './User.js';
 export type {
   AuthorityConfiguration,
   Fetch,
+  ILOidcLocation,
   OidcConfiguration,
   StringMap,
-  ILOidcLocation
 } from '@axa-fr/oidc-client';
-export { TokenRenewMode, OidcClient, TokenAutomaticRenewMode, OidcLocation } from '@axa-fr/oidc-client';
-export type {  OidcUserInfo } from '@axa-fr/oidc-client';
+export type { OidcUserInfo } from '@axa-fr/oidc-client';
+export {
+  OidcClient,
+  OidcLocation,
+  TokenAutomaticRenewMode,
+  TokenRenewMode,
+} from '@axa-fr/oidc-client';