@quiltt/react 3.6.8 → 3.6.10

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @quiltt/react
 
+## 3.6.10
+
+### Patch Changes
+
+- [#268](https://github.com/quiltt/quiltt-js/pull/268) [`8a82094`](https://github.com/quiltt/quiltt-js/commit/8a82094a709d0d7e1478ec32142be33825323708) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Migrate linter to Biome
+
+- Updated dependencies [[`8a82094`](https://github.com/quiltt/quiltt-js/commit/8a82094a709d0d7e1478ec32142be33825323708)]:
+  - @quiltt/core@3.6.10
+
+## 3.6.9
+
+### Patch Changes
+
+- [#260](https://github.com/quiltt/quiltt-js/pull/260) [`6e80930`](https://github.com/quiltt/quiltt-js/commit/6e80930f84013f483e2c75fcb37a28dc4996dadc) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Refactor QuilttConnector to remove URL allow list
+
+- Updated dependencies [[`6e80930`](https://github.com/quiltt/quiltt-js/commit/6e80930f84013f483e2c75fcb37a28dc4996dadc)]:
+  - @quiltt/core@3.6.9
+
 ## 3.6.8
 
 ### Patch Changes

package/dist/{QuilttAuthProvider-client-DzZJ_7r3.js → QuilttAuthProvider-client-CU3f0mM4.js}

@@ -2,10 +2,10 @@
 'use client';
 import require$$0, { useCallback, useEffect } from 'react';
 import { JsonWebTokenParse, QuilttClient, InMemoryCache as InMemoryCache$1 } from '@quiltt/core';
-import './useSession-client-Cew1m26_.js';
+import './useSession-client-CG5lGS9F.js';
 import './useQuilttSettings-client-DU_Qfc8X.js';
 import { jsx } from 'react/jsx-runtime';
-import { u as useQuilttSession } from './useQuilttSession-client-C2Wc0RQE.js';
+import { u as useQuilttSession } from './useQuilttSession-client-Btezo4Pr.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -12971,14 +12971,14 @@ const GraphQLClient = new QuilttClient({
     // Import passed in token
     useEffect(()=>{
         if (token) importSession(token);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
-        token
+        token,
+        importSession
     ]);
     // Reset Client Store when logging in or out
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We should reset the store whenever the session changes
     useEffect(()=>{
         GraphQLClient.resetStore();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         session
     ]);

package/dist/{QuilttSettingsProvider-client-BOiVpLF3.js → QuilttSettingsProvider-client-DkJG70n_.js}

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import '@quiltt/core';
-import './useSession-client-Cew1m26_.js';
+import './useSession-client-CG5lGS9F.js';
 import { Q as QuilttSettings } from './useQuilttSettings-client-DU_Qfc8X.js';
 
 const QuilttSettingsProvider = ({ clientId, children })=>{

package/dist/index.js

@@ -1,16 +1,16 @@
 export * from '@quiltt/core';
-export { u as useEventListener } from './useEventListener-client-CTa_g_PX.js';
+export { u as useEventListener } from './useEventListener-client-DVM5xwKY.js';
 export { u as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-client-DeTHOKz1.js';
-import { Q as QuilttAuthProvider } from './QuilttAuthProvider-client-DzZJ_7r3.js';
-export { c as useAuthenticateSession, b as useIdentifySession, a as useImportSession, d as useRevokeSession } from './QuilttAuthProvider-client-DzZJ_7r3.js';
-export { u as useQuilttClient } from './useQuilttClient-client-4g4cdtMX.js';
-import { u as useQuilttConnector } from './useQuilttConnector-client-C9h3wqtR.js';
-export { u as useQuilttSession } from './useQuilttSession-client-C2Wc0RQE.js';
+import { Q as QuilttAuthProvider } from './QuilttAuthProvider-client-CU3f0mM4.js';
+export { c as useAuthenticateSession, b as useIdentifySession, a as useImportSession, d as useRevokeSession } from './QuilttAuthProvider-client-CU3f0mM4.js';
+export { u as useQuilttClient } from './useQuilttClient-client-zSMGqVAq.js';
+import { u as useQuilttConnector } from './useQuilttConnector-client-DGOhCF0v.js';
+export { u as useQuilttSession } from './useQuilttSession-client-Btezo4Pr.js';
 export { Q as QuilttSettings, u as useQuilttSettings } from './useQuilttSettings-client-DU_Qfc8X.js';
-export { u as useSession } from './useSession-client-Cew1m26_.js';
-export { u as useStorage } from './useStorage-client-C91C8oXS.js';
+export { u as useSession } from './useSession-client-CG5lGS9F.js';
+export { u as useStorage } from './useStorage-client-B3keU-oI.js';
 import { jsx } from 'react/jsx-runtime';
-import { Q as QuilttSettingsProvider } from './QuilttSettingsProvider-client-BOiVpLF3.js';
+import { Q as QuilttSettingsProvider } from './QuilttSettingsProvider-client-DkJG70n_.js';
 
 const QuilttProvider = ({ clientId, token, children })=>{
     return /*#__PURE__*/ jsx(QuilttSettingsProvider, {

package/dist/{useEventListener-client-CTa_g_PX.js → useEventListener-client-DVM5xwKY.js}

@@ -16,7 +16,7 @@ import { u as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-clie
     useEffect(()=>{
         // Define the listening target
         const targetElement = element?.current ?? window;
-        if (!(targetElement && targetElement.addEventListener)) return;
+        if (!targetElement?.addEventListener) return;
         // Create event listener that calls handler function stored in ref
         const listener = (event)=>savedHandler.current(event);
         targetElement.addEventListener(eventName, listener, options);

package/dist/{useQuilttClient-client-4g4cdtMX.js → useQuilttClient-client-zSMGqVAq.js}

@@ -1,5 +1,5 @@
 'use client';
-import { u as useApolloClient } from './QuilttAuthProvider-client-DzZJ_7r3.js';
+import { u as useApolloClient } from './QuilttAuthProvider-client-CU3f0mM4.js';
 
 const useQuilttClient = useApolloClient;
 

package/dist/{useQuilttConnector-client-C9h3wqtR.js → useQuilttConnector-client-DGOhCF0v.js}

@@ -1,11 +1,11 @@
 'use client';
 import { useState, useEffect, useCallback } from 'react';
-import { u as useQuilttSession } from './useQuilttSession-client-C2Wc0RQE.js';
-import { u as useScript } from './useScript-client-Cx5nb9RW.js';
 import { cdnBase } from '@quiltt/core';
+import { u as useQuilttSession } from './useQuilttSession-client-Btezo4Pr.js';
+import { u as useScript } from './useScript-client-Cx5nb9RW.js';
 
 // Generated by genversion.
-const version = '3.6.8';
+const version = '3.6.10';
 
 const useQuilttConnector = (connectorId, options)=>{
     const status = useScript(`${cdnBase}/v1/connector.js?agent=react-${version}`);
@@ -13,14 +13,16 @@ const useQuilttConnector = (connectorId, options)=>{
     const [connector, setConnector] = useState();
     const [isOpening, setIsOpening] = useState(false);
     // Set Session
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We also need to update on status change
     useEffect(()=>{
         if (typeof Quiltt === 'undefined') return;
         Quiltt.authenticate(session?.token);
     }, [
         status,
-        session
+        session?.token
     ]);
     // Set Connector
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We also need to update on status change
     useEffect(()=>{
         if (typeof Quiltt === 'undefined' || !connectorId) return;
         if (options?.connectionId) {
@@ -110,8 +112,7 @@ const useQuilttConnector = (connectorId, options)=>{
             throw new Error('Must provide `connectorId` to `open` Quiltt Connector with Method Call');
         }
     }, [
-        connectorId,
-        setIsOpening
+        connectorId
     ]);
     return {
         open

package/dist/{useQuilttSession-client-C2Wc0RQE.js → useQuilttSession-client-Btezo4Pr.js}

@@ -1,8 +1,8 @@
 'use client';
 import { useCallback } from 'react';
-import { u as useSession } from './useSession-client-Cew1m26_.js';
 import { AuthAPI } from '@quiltt/core';
-import { a as useImportSession, b as useIdentifySession, c as useAuthenticateSession, d as useRevokeSession } from './QuilttAuthProvider-client-DzZJ_7r3.js';
+import { u as useSession } from './useSession-client-CG5lGS9F.js';
+import { a as useImportSession, b as useIdentifySession, c as useAuthenticateSession, d as useRevokeSession } from './QuilttAuthProvider-client-CU3f0mM4.js';
 import { u as useQuilttSettings } from './useQuilttSettings-client-DU_Qfc8X.js';
 
 const useQuilttSession = (environmentId)=>{

package/dist/{useSession-client-Cew1m26_.js → useSession-client-CG5lGS9F.js}

@@ -1,7 +1,7 @@
 'use client';
 import { useMemo, useEffect, useCallback } from 'react';
 import { Timeoutable, JsonWebTokenParse } from '@quiltt/core';
-import { u as useStorage } from './useStorage-client-C91C8oXS.js';
+import { u as useStorage } from './useStorage-client-B3keU-oI.js';
 
 const parse = JsonWebTokenParse;
 /**

package/dist/{useStorage-client-C91C8oXS.js → useStorage-client-B3keU-oI.js}

@@ -22,6 +22,7 @@ import { GlobalStorage } from '@quiltt/core';
  */ const useStorage = (key, initialState)=>{
     const getStorage = useCallback(()=>{
         let state;
+        // biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
         if ((state = GlobalStorage.get(key)) !== undefined) {
             return state;
         }
@@ -46,11 +47,11 @@ import { GlobalStorage } from '@quiltt/core';
    * props or state variables that could change during the component's lifetime.
    *
    * Use an empty dependency array to avoid unnecessary re-renders.
-   */ useEffect(()=>{
+   */ // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+    useEffect(()=>{
         GlobalStorage.subscribe(key, setHookState);
         setHookState(getStorage());
         return ()=>GlobalStorage.unsubscribe(key, setHookState);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return [
         hookState,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quiltt/react",
-  "version": "3.6.8",
+  "version": "3.6.10",
   "description": "React components and hooks for Quiltt Connector",
   "keywords": [
     "quiltt",
@@ -37,24 +37,15 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@quiltt/core": "3.6.8"
+    "@quiltt/core": "3.6.10"
   },
   "devDependencies": {
     "@apollo/client": "3.9.9",
-    "@trivago/prettier-plugin-sort-imports": "4.1.1",
-    "@types/node": "20.12.7",
+    "@biomejs/biome": "1.8.1",
+    "@types/node": "20.14.5",
     "@types/react": "18.2.73",
     "@types/react-dom": "18.2.6",
-    "@typescript-eslint/eslint-plugin": "5.60.1",
-    "@typescript-eslint/parser": "5.60.1",
     "bunchee": "4.4.8",
-    "eslint": "8.43.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "prettier": "2.8.8",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rimraf": "5.0.5",
@@ -72,7 +63,7 @@
     "build": "pnpm run addVersion && bunchee",
     "clean": "rimraf .turbo dist",
     "dev": "bunchee --watch",
-    "lint": "TIMING=1 eslint --ext .js,.jsx,.ts,.tsx src/ --fix",
+    "lint": "TIMING=1 biome check src/ --fix",
     "typecheck": "tsc --project tsconfig.json --noEmit"
   }
 }

package/src/components/QuilttButton.tsx

@@ -1,9 +1,9 @@
-import { PropsWithChildren } from 'react'
+import type { PropsWithChildren } from 'react'
 
-import { ConnectorSDKCallbacks } from '@quiltt/core'
+import type { ConnectorSDKCallbacks } from '@quiltt/core'
 
 import { useQuilttConnector } from '../hooks/useQuilttConnector'
-import { AnyTag, PropsOf } from '../types'
+import type { AnyTag, PropsOf } from '../types'
 
 type QuilttButtonProps<T extends AnyTag> = PropsWithChildren<
   {

package/src/components/QuilttContainer.tsx

@@ -1,9 +1,9 @@
-import { PropsWithChildren } from 'react'
+import type { PropsWithChildren } from 'react'
 
-import { ConnectorSDKCallbacks } from '@quiltt/core'
+import type { ConnectorSDKCallbacks } from '@quiltt/core'
 
 import { useQuilttConnector } from '../hooks/useQuilttConnector'
-import { AnyTag, PropsOf } from '../types'
+import type { AnyTag, PropsOf } from '../types'
 
 type QuilttContainerProps<T extends AnyTag> = PropsWithChildren<
   {

package/src/hooks/helpers/useEventListener.ts

@@ -1,6 +1,7 @@
 'use client'
 
-import { RefObject, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
+import type { RefObject } from 'react'
 
 import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect'
 
@@ -23,7 +24,7 @@ export function useEventListener<K extends keyof WindowEventMap>(
 // Element Event based useEventListener interface
 export function useEventListener<
   K extends keyof HTMLElementEventMap,
-  T extends HTMLElement = HTMLDivElement
+  T extends HTMLElement = HTMLDivElement,
 >(
   eventName: K,
   handler: (event: HTMLElementEventMap[K]) => void,
@@ -47,7 +48,8 @@ export function useEventListener<
   KW extends keyof WindowEventMap,
   KH extends keyof HTMLElementEventMap,
   KM extends keyof MediaQueryListEventMap,
-  T extends HTMLElement | MediaQueryList | void = void
+  // biome-ignore lint/suspicious/noConfusingVoidType: <explanation>
+  T extends HTMLElement | MediaQueryList | void = void,
 >(
   eventName: KW | KH | KM,
   handler: (
@@ -67,7 +69,7 @@ export function useEventListener<
     // Define the listening target
     const targetElement: T | Window = element?.current ?? window
 
-    if (!(targetElement && targetElement.addEventListener)) return
+    if (!targetElement?.addEventListener) return
 
     // Create event listener that calls handler function stored in ref
     const listener: typeof handler = (event) => savedHandler.current(event)

package/src/hooks/session/useImportSession.ts

@@ -1,7 +1,8 @@
 import { useCallback } from 'react'
 
 import type { AuthAPI, Maybe, QuilttJWT } from '@quiltt/core'
-import { JsonWebTokenParse, PrivateClaims } from '@quiltt/core'
+import { JsonWebTokenParse } from '@quiltt/core'
+import type { PrivateClaims } from '@quiltt/core'
 
 import type { SetSession } from '../useSession'
 
@@ -40,11 +41,9 @@ export const useImportSession: UseImportSession = (auth, session, setSession, en
         case 200:
           setSession(token)
           return true
-          break
 
         case 401:
           return false
-          break
 
         default:
           throw new Error(`AuthAPI.ping: Unexpected response status ${response.status}`)

package/src/hooks/useQuilttConnector.ts

@@ -1,15 +1,17 @@
 'use client'
 
 import { useCallback, useEffect, useState } from 'react'
-import { useQuilttSession } from './useQuilttSession'
-import { useScript } from './useScript'
+
 import {
+  type ConnectorSDK,
+  type ConnectorSDKConnector,
+  type ConnectorSDKConnectorOptions,
   cdnBase,
-  ConnectorSDK,
-  ConnectorSDKConnector,
-  ConnectorSDKConnectorOptions,
 } from '@quiltt/core'
+
 import { version } from '../version'
+import { useQuilttSession } from './useQuilttSession'
+import { useScript } from './useScript'
 
 declare const Quiltt: ConnectorSDK
 
@@ -23,13 +25,15 @@ export const useQuilttConnector = (
   const [isOpening, setIsOpening] = useState<boolean>(false)
 
   // Set Session
+  // biome-ignore lint/correctness/useExhaustiveDependencies: We also need to update on status change
   useEffect(() => {
     if (typeof Quiltt === 'undefined') return
 
     Quiltt.authenticate(session?.token)
-  }, [status, session])
+  }, [status, session?.token])
 
   // Set Connector
+  // biome-ignore lint/correctness/useExhaustiveDependencies: We also need to update on status change
   useEffect(() => {
     if (typeof Quiltt === 'undefined' || !connectorId) return
 
@@ -103,7 +107,7 @@ export const useQuilttConnector = (
     } else {
       throw new Error('Must provide `connectorId` to `open` Quiltt Connector with Method Call')
     }
-  }, [connectorId, setIsOpening])
+  }, [connectorId])
 
   return { open }
 }

package/src/hooks/useQuilttSession.ts

@@ -2,20 +2,17 @@
 
 import { useCallback } from 'react'
 
-import { useSession } from './useSession'
-
-import { AuthAPI, Maybe, QuilttJWT } from '@quiltt/core'
+import { AuthAPI } from '@quiltt/core'
+import type { Maybe, QuilttJWT } from '@quiltt/core'
 
+import { useSession } from './useSession'
 import {
-  AuthenticateSession,
-  IdentifySession,
-  ImportSession,
-  RevokeSession,
   useAuthenticateSession,
   useIdentifySession,
   useImportSession,
   useRevokeSession,
 } from './session'
+import type { AuthenticateSession, IdentifySession, ImportSession, RevokeSession } from './session'
 import { useQuilttSettings } from './useQuilttSettings'
 
 export type UseQuilttSession = (environmentId?: string) => {

package/src/hooks/useSession.ts

@@ -1,7 +1,7 @@
 'use client'
 
-import { Dispatch, SetStateAction, useMemo } from 'react'
-import { useEffect, useCallback } from 'react'
+import { useCallback, useEffect, useMemo } from 'react'
+import type { Dispatch, SetStateAction } from 'react'
 
 import type { Maybe, PrivateClaims, QuilttJWT } from '@quiltt/core'
 import { JsonWebTokenParse, Timeoutable } from '@quiltt/core'

package/src/hooks/useStorage.ts

@@ -29,8 +29,9 @@ export const useStorage = <T>(
   initialState?: Maybe<T>
 ): [Maybe<T> | undefined, Dispatch<SetStateAction<Maybe<T> | undefined>>] => {
   const getStorage = useCallback(() => {
-    let state
+    let state: Maybe<T>
 
+    // biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
     if ((state = GlobalStorage.get(key)) !== undefined) {
       return state
     }
@@ -58,13 +59,13 @@ export const useStorage = <T>(
    *
    * Use an empty dependency array to avoid unnecessary re-renders.
    */
+  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
   useEffect(() => {
     GlobalStorage.subscribe(key, setHookState)
 
     setHookState(getStorage())
 
     return () => GlobalStorage.unsubscribe(key, setHookState)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   return [hookState, setStorage]

package/src/providers/QuilttAuthProvider.tsx

@@ -28,13 +28,12 @@ export const QuilttAuthProvider: FC<QuilttAuthProviderProps> = ({ token, childre
   // Import passed in token
   useEffect(() => {
     if (token) importSession(token)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [token])
+  }, [token, importSession])
 
   // Reset Client Store when logging in or out
+  // biome-ignore lint/correctness/useExhaustiveDependencies: We should reset the store whenever the session changes
   useEffect(() => {
     GraphQLClient.resetStore()
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [session])
 
   return <ApolloProvider client={GraphQLClient}>{children}</ApolloProvider>

package/src/types.ts

@@ -1,9 +1,9 @@
-import { Component, ComponentType, FC } from 'react'
+import type { Component, ComponentType, FC } from 'react'
 
 export type AnyTag = string | FC<any> | (new (props: any) => Component)
 
 export type PropsOf<Tag> = Tag extends keyof JSX.IntrinsicElements
   ? JSX.IntrinsicElements[Tag]
   : Tag extends ComponentType<infer Props>
-  ? Props & JSX.IntrinsicAttributes
-  : never
+    ? Props & JSX.IntrinsicAttributes
+    : never

package/src/version.ts

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '3.6.8'
+export const version = '3.6.10'