@quiltt/react 3.6.14 → 3.7.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @quiltt/react
 
+## 3.7.0
+
+### Minor Changes
+
+- [#281](https://github.com/quiltt/quiltt-js/pull/281) [`0c5fd75`](https://github.com/quiltt/quiltt-js/commit/0c5fd757fa1f688f205431c21c98bb54ea6ea72a) Thanks [@sirwolfgang](https://github.com/sirwolfgang)! - Add bindings for a new onOpen callback event for Connector Modals
+
+### Patch Changes
+
+- Updated dependencies [[`0c5fd75`](https://github.com/quiltt/quiltt-js/commit/0c5fd757fa1f688f205431c21c98bb54ea6ea72a)]:
+  - @quiltt/core@3.7.0
+
 ## 3.6.14
 
 ### Patch Changes

package/dist/index.d.ts

@@ -138,7 +138,7 @@ type QuilttButtonProps<T extends AnyTag> = PropsWithChildren<{
     connectionId?: string;
     institution?: string;
 } & ConnectorSDKCallbacks>;
-declare const QuilttButton: <T extends AnyTag = "button">({ as, connectorId, connectionId, institution, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props }: QuilttButtonProps<T> & PropsOf<T>) => react_jsx_runtime.JSX.Element;
+declare const QuilttButton: <T extends AnyTag = "button">({ as, connectorId, connectionId, institution, onEvent, onOpen, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props }: QuilttButtonProps<T> & PropsOf<T>) => react_jsx_runtime.JSX.Element;
 
 type QuilttContainerProps<T extends AnyTag> = PropsWithChildren<{
     as?: T;

package/dist/index.js

@@ -4,7 +4,7 @@ export { u as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-clie
 import { Q as QuilttAuthProvider } from './QuilttAuthProvider-client-uO21FlYI.js';
 export { c as useAuthenticateSession, b as useIdentifySession, a as useImportSession, d as useRevokeSession } from './QuilttAuthProvider-client-uO21FlYI.js';
 export { u as useQuilttClient } from './useQuilttClient-client-4no_TYct.js';
-import { u as useQuilttConnector } from './useQuilttConnector-client-BJ1M8rJl.js';
+import { u as useQuilttConnector } from './useQuilttConnector-client-BdT-D-U5.js';
 export { u as useQuilttSession } from './useQuilttSession-client-D2WZ1XHW.js';
 export { Q as QuilttSettings, u as useQuilttSettings } from './useQuilttSettings-client-DU_Qfc8X.js';
 export { u as useSession } from './useSession-client-CG5lGS9F.js';
@@ -22,11 +22,12 @@ const QuilttProvider = ({ clientId, token, children })=>{
     });
 };
 
-const QuilttButton = ({ as, connectorId, connectionId, institution, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props })=>{
+const QuilttButton = ({ as, connectorId, connectionId, institution, onEvent, onOpen, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props })=>{
     const { open } = useQuilttConnector(connectorId, {
         connectionId,
         institution,
         onEvent,
+        onOpen,
         onLoad,
         onExit,
         onExitSuccess,

package/dist/{useQuilttConnector-client-BJ1M8rJl.js → useQuilttConnector-client-BdT-D-U5.js}

@@ -5,7 +5,7 @@ import { u as useQuilttSession } from './useQuilttSession-client-D2WZ1XHW.js';
 import { u as useScript } from './useScript-client-Cx5nb9RW.js';
 
 // Generated by genversion.
-const version = '3.6.14';
+const version = '3.7.0';
 
 const useQuilttConnector = (connectorId, options)=>{
     const status = useScript(`${cdnBase}/v1/connector.js?agent=react-${version}`);
@@ -49,6 +49,15 @@ const useQuilttConnector = (connectorId, options)=>{
         connector,
         options?.onEvent
     ]);
+    // onOpen
+    useEffect(()=>{
+        if (!connector || !options?.onOpen) return;
+        connector.onOpen(options.onOpen);
+        return ()=>connector.offOpen(options.onOpen);
+    }, [
+        connector,
+        options?.onOpen
+    ]);
     // onLoad
     useEffect(()=>{
         if (!connector || !options?.onLoad) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quiltt/react",
-  "version": "3.6.14",
+  "version": "3.7.0",
   "description": "React components and hooks for Quiltt Connector",
   "keywords": [
     "quiltt",
@@ -37,7 +37,7 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@quiltt/core": "3.6.14"
+    "@quiltt/core": "3.7.0"
   },
   "devDependencies": {
     "@apollo/client": "3.9.9",

package/src/components/QuilttButton.tsx

@@ -20,6 +20,7 @@ export const QuilttButton = <T extends AnyTag = 'button'>({
   connectionId,
   institution,
   onEvent,
+  onOpen,
   onLoad,
   onExit,
   onExitSuccess,
@@ -32,6 +33,7 @@ export const QuilttButton = <T extends AnyTag = 'button'>({
     connectionId,
     institution,
     onEvent,
+    onOpen,
     onLoad,
     onExit,
     onExitSuccess,

package/src/hooks/useQuilttConnector.ts

@@ -52,6 +52,15 @@ export const useQuilttConnector = (
     return () => connector.offEvent(options.onEvent as any)
   }, [connector, options?.onEvent])
 
+  // onOpen
+  useEffect(() => {
+    if (!connector || !options?.onOpen) return
+
+    connector.onOpen(options.onOpen)
+    return () => connector.offOpen(options.onOpen as any)
+  }, [connector, options?.onOpen])
+
+
   // onLoad
   useEffect(() => {
     if (!connector || !options?.onLoad) return

package/src/version.ts

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