@quiltt/react 3.9.2 → 3.9.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @quiltt/react
 
+## 3.9.4
+
+### Patch Changes
+
+- [#321](https://github.com/quiltt/quiltt-js/pull/321) [`642ec0f`](https://github.com/quiltt/quiltt-js/commit/642ec0f34f2506672993b82785b5b5ddb5c69069) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Bugfix: iOS WebView header drag behavior and scrolling
+
+- Updated dependencies [[`642ec0f`](https://github.com/quiltt/quiltt-js/commit/642ec0f34f2506672993b82785b5b5ddb5c69069)]:
+  - @quiltt/core@3.9.4
+
+## 3.9.3
+
+### Patch Changes
+
+- [#319](https://github.com/quiltt/quiltt-js/pull/319) [`b97a814`](https://github.com/quiltt/quiltt-js/commit/b97a814b87b8bfec9f8b4bb155e1140724e441eb) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Improve typings for query client and react components
+
+- Updated dependencies [[`b97a814`](https://github.com/quiltt/quiltt-js/commit/b97a814b87b8bfec9f8b4bb155e1140724e441eb)]:
+  - @quiltt/core@3.9.3
+
 ## 3.9.2
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Maybe, QuilttJWT, UsernamePayload, UnprocessableData, AuthAPI, PasscodePayload, ConnectorSDKConnectorOptions, ConnectorSDKCallbacks } from '@quiltt/core';
 export * from '@quiltt/core';
 import * as react from 'react';
-import { RefObject, useLayoutEffect, Dispatch, SetStateAction, FC, PropsWithChildren, Component, ComponentType, MouseEvent } from 'react';
+import { RefObject, useLayoutEffect, Dispatch, SetStateAction, FC, PropsWithChildren, JSX, ComponentType, ElementType, MouseEvent } from 'react';
 import { useApolloClient } from '@apollo/client/react/hooks/useApolloClient.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -132,10 +132,9 @@ type QuilttSettingsProviderProps = PropsWithChildren & {
 };
 declare const QuilttSettingsProvider: FC<QuilttSettingsProviderProps>;
 
-type AnyTag = string | FC<any> | (new (props: any) => Component);
 type PropsOf<Tag> = Tag extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Tag] : Tag extends ComponentType<infer Props> ? Props & JSX.IntrinsicAttributes : never;
 
-type BaseQuilttButtonProps<T extends AnyTag> = {
+type BaseQuilttButtonProps<T extends ElementType> = {
     as?: T;
     connectorId: string;
     connectionId?: string;
@@ -146,10 +145,10 @@ type QuilttCallbackProps = Omit<ConnectorSDKCallbacks, 'onLoad'> & {
     onLoad?: ConnectorSDKCallbacks['onLoad'];
     onHtmlLoad?: React.ReactEventHandler<HTMLElement>;
 };
-type QuilttButtonProps<T extends AnyTag> = PropsWithChildren<BaseQuilttButtonProps<T> & QuilttCallbackProps>;
-declare const QuilttButton: <T extends AnyTag = "button">({ as, connectorId, connectionId, institution, onEvent, onOpen, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, onClick, onHtmlLoad, children, ...props }: QuilttButtonProps<T> & PropsOf<T>) => react_jsx_runtime.JSX.Element;
+type QuilttButtonProps<T extends ElementType> = PropsWithChildren<BaseQuilttButtonProps<T> & QuilttCallbackProps>;
+declare const QuilttButton: <T extends ElementType = "button">({ as, connectorId, connectionId, institution, onEvent, onOpen, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, onClick, onHtmlLoad, children, ...props }: QuilttButtonProps<T> & PropsOf<T>) => react_jsx_runtime.JSX.Element;
 
-type QuilttContainerProps<T extends AnyTag> = PropsWithChildren<{
+type QuilttContainerProps<T extends ElementType> = PropsWithChildren<{
     as?: T;
     connectorId: string;
     connectionId?: string;
@@ -158,6 +157,6 @@ type QuilttContainerProps<T extends AnyTag> = PropsWithChildren<{
  * QuilttContainer uses globally shared callbacks. It's recommended you only use
  * one Container at a time.
  */
-declare const QuilttContainer: <T extends AnyTag = "div">({ as, connectorId, connectionId, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props }: QuilttContainerProps<T> & PropsOf<T>) => react_jsx_runtime.JSX.Element;
+declare const QuilttContainer: <T extends ElementType = "div">({ as, connectorId, connectionId, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props }: QuilttContainerProps<T> & PropsOf<T>) => react_jsx_runtime.JSX.Element;
 
 export { type AuthenticateSession, type IdentifySession, type ImportSession, QuilttAuthProvider, QuilttButton, QuilttContainer, QuilttProvider, QuilttSettings, QuilttSettingsProvider, type RevokeSession, type SetSession, type UseQuilttSession, useAuthenticateSession, useEventListener, useIdentifySession, useImportSession, useIsomorphicLayoutEffect, useQuilttClient, useQuilttConnector, useQuilttSession, useQuilttSettings, useRevokeSession, useSession, useStorage };

package/dist/index.js

@@ -4,7 +4,7 @@ export { u as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-clie
 import { Q as QuilttAuthProvider } from './QuilttAuthProvider-client-D6Iok6TS.js';
 export { b as useAuthenticateSession, a as useIdentifySession, u as useImportSession, c as useRevokeSession } from './QuilttAuthProvider-client-D6Iok6TS.js';
 export { u as useQuilttClient } from './useQuilttClient-client-CAAUait1.js';
-import { u as useQuilttConnector } from './useQuilttConnector-client-BPcRwcNX.js';
+import { u as useQuilttConnector } from './useQuilttConnector-client-CDNsqITk.js';
 export { u as useQuilttSession } from './useQuilttSession-client-KZRjdl5I.js';
 export { Q as QuilttSettings, u as useQuilttSettings } from './useQuilttSettings-client-DU_Qfc8X.js';
 export { u as useSession } from './useSession-client-CG5lGS9F.js';

package/dist/{useQuilttConnector-client-BPcRwcNX.js → useQuilttConnector-client-CDNsqITk.js}

@@ -2,9 +2,9 @@
 import { useState, useEffect, useCallback } from 'react';
 import { cdnBase } from '@quiltt/core';
 import { u as useQuilttSession } from './useQuilttSession-client-KZRjdl5I.js';
-import { u as useScript } from './useScript-client-Cx5nb9RW.js';
+import { u as useScript } from './useScript-client-CWRBlZBC.js';
 
-var version = "3.9.2";
+var version = "3.9.4";
 
 const useQuilttConnector = (connectorId, options)=>{
     const status = useScript(`${cdnBase}/v1/connector.js?agent=react-${version}`);

package/dist/{useScript-client-Cx5nb9RW.js → useScript-client-CWRBlZBC.js}

@@ -73,9 +73,6 @@ function useScript(src, options) {
                 scriptNode.removeEventListener('load', setStateFromEvent);
                 scriptNode.removeEventListener('error', setStateFromEvent);
             }
-            if (scriptNode && options?.removeOnUnmount) {
-                scriptNode.remove();
-            }
         };
     }, [
         src,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quiltt/react",
-  "version": "3.9.2",
+  "version": "3.9.4",
   "description": "React Components and Hooks for Quiltt Connector",
   "keywords": [
     "quiltt",
@@ -34,19 +34,19 @@
   ],
   "main": "dist/index.js",
   "dependencies": {
-    "@apollo/client": "^3.11.8",
-    "@quiltt/core": "3.9.2"
+    "@apollo/client": "^3.12.4",
+    "@quiltt/core": "3.9.4"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@types/node": "22.10.2",
+    "@types/node": "22.10.5",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
-    "bunchee": "5.6.1",
+    "bunchee": "6.2.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "typescript": "5.7.2"
+    "typescript": "5.7.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",

package/src/components/QuilttButton.tsx

@@ -1,12 +1,12 @@
-import type { MouseEvent, PropsWithChildren } from 'react'
+import type { ElementType, MouseEvent, PropsWithChildren } from 'react'
 
 import type { ConnectorSDKCallbacks } from '@quiltt/core'
 
 import { useQuilttConnector } from '../hooks/useQuilttConnector'
-import type { AnyTag, PropsOf } from '../types'
+import type { PropsOf } from '../types'
 
 // Base button props without callback-specific properties
-type BaseQuilttButtonProps<T extends AnyTag> = {
+type BaseQuilttButtonProps<T extends ElementType> = {
   as?: T
   connectorId: string
   connectionId?: string // For Reconnect Mode
@@ -23,11 +23,11 @@ type QuilttCallbackProps = Omit<ConnectorSDKCallbacks, 'onLoad'> & {
 }
 
 // Combined type for the full component
-type QuilttButtonProps<T extends AnyTag> = PropsWithChildren<
+type QuilttButtonProps<T extends ElementType> = PropsWithChildren<
   BaseQuilttButtonProps<T> & QuilttCallbackProps
 >
 
-export const QuilttButton = <T extends AnyTag = 'button'>({
+export const QuilttButton = <T extends ElementType = 'button'>({
   as,
   connectorId,
   connectionId,

package/src/components/QuilttContainer.tsx

@@ -1,11 +1,11 @@
-import type { PropsWithChildren } from 'react'
+import type { ElementType, PropsWithChildren } from 'react'
 
 import type { ConnectorSDKCallbacks } from '@quiltt/core'
 
 import { useQuilttConnector } from '../hooks/useQuilttConnector'
-import type { AnyTag, PropsOf } from '../types'
+import type { PropsOf } from '../types'
 
-type QuilttContainerProps<T extends AnyTag> = PropsWithChildren<
+type QuilttContainerProps<T extends ElementType> = PropsWithChildren<
   {
     as?: T
     connectorId: string
@@ -17,7 +17,7 @@ type QuilttContainerProps<T extends AnyTag> = PropsWithChildren<
  * QuilttContainer uses globally shared callbacks. It's recommended you only use
  * one Container at a time.
  */
-export const QuilttContainer = <T extends AnyTag = 'div'>({
+export const QuilttContainer = <T extends ElementType = 'div'>({
   as,
   connectorId,
   connectionId,

package/src/types.ts

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