@quiltt/react 3.5.3 → 3.5.5

package/dist/QuilttSettingsProvider-client-BOiVpLF3.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import '@quiltt/core';
+import './useSession-client-Cew1m26_.js';
+import { Q as QuilttSettings } from './useQuilttSettings-client-DU_Qfc8X.js';
+
+const QuilttSettingsProvider = ({ clientId, children })=>{
+    const [_clientId] = useState(clientId);
+    return /*#__PURE__*/ jsx(QuilttSettings.Provider, {
+        value: {
+            clientId: _clientId
+        },
+        children: children
+    });
+};
+
+export { QuilttSettingsProvider as Q };

package/dist/index.d.ts

@@ -1,9 +1,154 @@
+import { Maybe, QuilttJWT, UsernamePayload, UnprocessableData, AuthAPI, PasscodePayload, ConnectorSDKConnectorOptions, ConnectorSDKCallbacks } from '@quiltt/core';
 export * from '@quiltt/core';
-export { u as useEventListener, a as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-206cec40.js';
-export { A as AuthenticateSession, I as IdentifySession, b as ImportSession, R as RevokeSession, S as SetSession, a as useAuthenticateSession, u as useIdentifySession, c as useImportSession, d as useRevokeSession, e as useSession } from './useRevokeSession-1bedf71e.js';
-export { Q as QuilttSettings, U as UseQuilttSession, u as useQuilttClient, a as useQuilttConnector, b as useQuilttSession, c as useQuilttSettings, d as useStorage } from './useStorage-a299f552.js';
-export { Q as QuilttAuthProvider, a as QuilttProvider, b as QuilttSettingsProvider } from './QuilttSettingsProvider-d1d44353.js';
-export { Q as QuilttButton, a as QuilttContainer } from './QuilttContainer-ac11f5d0.js';
-import 'react';
-import '@apollo/client/index.js';
-import 'react/jsx-runtime';
+import * as react from 'react';
+import { RefObject, useLayoutEffect, Dispatch, SetStateAction, FC, PropsWithChildren, Component, ComponentType } from 'react';
+import { useApolloClient } from '@apollo/client/index.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, element: RefObject<MediaQueryList>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
+
+/**
+ * This hook is a browser hook. But React code could be generated from the server without the Window API.
+ * This hook switches between useEffect and useLayoutEffect following the execution environment.
+ */
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+
+type SetSession = Dispatch<SetStateAction<Maybe<string> | undefined>>;
+/**
+ * useSession uses useStorage to support a global singleton style of access. When
+ * updated, all components, and windows should also invalidate.
+ *
+ * TODO: Support Rotation before Expiry
+ *
+ * Dataflow can come from two directions:
+ *  1. Login - Bottom Up
+ *    This happens on login, when a token is passed up through the setSession
+ *    callback. From here it needs to be stored, and shared for usage.
+ *  2. Refresh - Top Down
+ *    This happens when a page is reloaded or a person returns, and everything is
+ *    reinitialized.
+ */
+declare const useSession: (storageKey?: string) => [Maybe<QuilttJWT> | undefined, SetSession];
+
+type IdentifySessionCallbacks = {
+    onSuccess?: () => unknown;
+    onChallenged?: () => unknown;
+    onError?: (errors: UnprocessableData) => unknown;
+};
+type IdentifySession = (payload: UsernamePayload, callbacks: IdentifySessionCallbacks) => Promise<unknown>;
+type UseIdentifySession = (auth: AuthAPI, setSession: SetSession) => IdentifySession;
+declare const useIdentifySession: UseIdentifySession;
+
+type AuthenticateSessionCallbacks = {
+    onSuccess?: () => unknown;
+    onFailure?: () => unknown;
+    onError?: (errors: UnprocessableData) => unknown;
+};
+type AuthenticateSession = (payload: PasscodePayload, callbacks: AuthenticateSessionCallbacks) => Promise<unknown>;
+type UseAuthenticateSession = (auth: AuthAPI, setSession: SetSession) => AuthenticateSession;
+declare const useAuthenticateSession: UseAuthenticateSession;
+
+type ImportSession = (token: string) => Promise<boolean>;
+type UseImportSession = (auth: AuthAPI, session: Maybe<QuilttJWT> | undefined, setSession: SetSession, environmentId?: string) => ImportSession;
+/**
+ * Optionally Accepts environmentId to validate session is from with your desired environment
+ */
+declare const useImportSession: UseImportSession;
+
+type RevokeSession = () => Promise<void>;
+type UseRevokeSession = (auth: AuthAPI, session: Maybe<QuilttJWT> | undefined, setSession: SetSession) => RevokeSession;
+declare const useRevokeSession: UseRevokeSession;
+
+declare const useQuilttClient: typeof useApolloClient;
+
+declare const useQuilttConnector: (connectorId?: string, options?: ConnectorSDKConnectorOptions) => {
+    open: () => void;
+};
+
+type UseQuilttSession = (environmentId?: string) => {
+    session: Maybe<QuilttJWT> | undefined;
+    importSession: ImportSession;
+    identifySession: IdentifySession;
+    authenticateSession: AuthenticateSession;
+    revokeSession: RevokeSession;
+    forgetSession: (token?: string) => Promise<void>;
+};
+declare const useQuilttSession: UseQuilttSession;
+
+type QuilttSettingsContext = {
+    clientId?: string | undefined;
+};
+declare const QuilttSettings: react.Context<QuilttSettingsContext>;
+declare const useQuilttSettings: () => {
+    clientId?: string | undefined;
+};
+
+/**
+ * Attempt to persist state with local storage, so it remains after refresh and
+ * across open documents. Falls back to in memory storage when localStorage is
+ * unavailable.
+ *
+ * This hook is used in the same way as useState except that you must pass the
+ * storage key in the 1st parameter. If the window object is not present (as in SSR),
+ * useStorage() will return the default nextState.
+ *
+ * Expect values to remain in sync
+ *   Across Hooks
+ *   Across Reloads
+ *   Across Windows (Documents)
+ *
+ * @param key
+ * @param initialState
+ * @returns {Array} [storage, setStorage]
+ */
+declare const useStorage: <T>(key: string, initialState?: Maybe<T>) => [Maybe<T> | undefined, Dispatch<SetStateAction<Maybe<T> | undefined>>];
+
+type QuilttAuthProviderProps = PropsWithChildren & {
+    token?: string;
+};
+/**
+ * If a token is provided, will validate the token against the api and then import
+ * it into trusted storage. While this process is happening, the component is put
+ * into a loading state and the children are not rendered to prevent race conditions
+ * from triggering within the transitionary state.
+ *
+ */
+declare const QuilttAuthProvider: FC<QuilttAuthProviderProps>;
+
+type QuilttProviderProps = PropsWithChildren & {
+    clientId?: string;
+    token?: string;
+};
+declare const QuilttProvider: FC<QuilttProviderProps>;
+
+type QuilttSettingsProviderProps = PropsWithChildren & {
+    clientId?: string;
+};
+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 QuilttButtonProps<T extends AnyTag> = PropsWithChildren<{
+    as?: T;
+    connectorId: string;
+    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;
+
+type QuilttContainerProps<T extends AnyTag> = PropsWithChildren<{
+    as?: T;
+    connectorId: string;
+    connectionId?: string;
+} & ConnectorSDKCallbacks>;
+/**
+ * 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;
+
+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

@@ -1,2 +1,66 @@
-var Te=Object.defineProperty,_e=Object.defineProperties;var Ae=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var W=(t,e,r)=>e in t?Te(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,h=(t,e)=>{for(var r in e||(e={}))G.call(e,r)&&W(t,r,e[r]);if(g)for(var r of g(e))q.call(e,r)&&W(t,r,e[r]);return t},E=(t,e)=>_e(t,Ae(e));var T=(t,e)=>{var r={};for(var o in t)G.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&g)for(var o of g(t))e.indexOf(o)<0&&q.call(t,o)&&(r[o]=t[o]);return r};var d=(t,e,r)=>new Promise((o,n)=>{var s=u=>{try{a(r.next(u))}catch(l){n(l)}},i=u=>{try{a(r.throw(u))}catch(l){n(l)}},a=u=>u.done?o(u.value):Promise.resolve(u.value).then(s,i);a((r=r.apply(t,e)).next())});export*from"@quiltt/core";import{useEffect as Oe,useRef as Le}from"react";import{useEffect as we,useLayoutEffect as Ce}from"react";var Pe=typeof window!="undefined"?Ce:we,H=Pe;function Tt(t,e,r,o){let n=Le(e);H(()=>{n.current=e},[e]),Oe(()=>{var a;let s=(a=r==null?void 0:r.current)!=null?a:window;if(!(s&&s.addEventListener))return;let i=u=>n.current(u);return s.addEventListener(t,i,o),()=>{s.removeEventListener(t,i,o)}},[t,r,o])}import{useCallback as Re}from"react";var B=(t,e)=>Re((o,n)=>d(void 0,null,function*(){let s=yield t.identify(o);switch(s.status){case 201:if(e(s.data.token),n.onSuccess)return n.onSuccess();break;case 202:if(n.onChallenged)return n.onChallenged();break;case 422:if(n.onError)return n.onError(s.data);break;default:throw new Error(`AuthAPI.identify: Unexpected response status ${s.status}`)}}),[t,e]);import{useCallback as Ie}from"react";var J=(t,e)=>Ie((o,n)=>d(void 0,null,function*(){let s=yield t.authenticate(o);switch(s.status){case 201:if(e(s.data.token),n.onSuccess)return n.onSuccess();break;case 401:if(n.onFailure)return n.onFailure();break;case 422:if(n.onError)return n.onError(s.data);break;default:throw new Error(`AuthAPI.authenticate: Unexpected response status ${s.status}`)}}),[t,e]);import{useCallback as De}from"react";import{JsonWebTokenParse as Ne}from"@quiltt/core";var $=(t,e,r,o)=>De(s=>d(void 0,null,function*(){if(!s)return!!e;if(e&&e.token==s)return!0;let i=Ne(s);if(!i||o&&i.claims.eid!==o)return!1;let a=yield t.ping(s);switch(a.status){case 200:return r(s),!0;break;case 401:return!1;default:throw new Error(`AuthAPI.ping: Unexpected response status ${a.status}`)}}),[t,e,r,o]);import{useCallback as Qe}from"react";var X=(t,e,r)=>Qe(()=>d(void 0,null,function*(){e&&(yield t.revoke(e.token),r(null))}),[t,e,r]);var Q=function(t,e){return Q=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,o){r.__proto__=o}||function(r,o){for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[n]=o[n])},Q(t,e)};function Y(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");Q(t,e);function r(){this.constructor=t}t.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}var M="Invariant Violation",z=Object.setPrototypeOf,Me=z===void 0?function(t,e){return t.__proto__=e,t}:z,Z=function(t){Y(e,t);function e(r){r===void 0&&(r=M);var o=t.call(this,typeof r=="number"?M+": "+r+" (see https://github.com/apollographql/invariant-packages)":r)||this;return o.framesToPop=1,o.name=M,Me(o,e.prototype),o}return e}(Error);function p(t,e){if(!t)throw new Z(e)}var ee=["debug","log","warn","error","silent"],Ue=ee.indexOf("log");function _(t){return function(){if(ee.indexOf(t)>=Ue){var e=console[t]||console.log;return e.apply(console,arguments)}}}(function(t){t.debug=_("debug"),t.log=_("log"),t.warn=_("warn"),t.error=_("error")})(p||(p={}));function c(t){try{return t()}catch(e){}}var A=c(function(){return globalThis})||c(function(){return window})||c(function(){return self})||c(function(){return global})||c(function(){return c.constructor("return this")()});var te="__",re=[te,te].join("DEV");function je(){try{return!!__DEV__}catch(t){return Object.defineProperty(A,re,{value:c(function(){return process.env.NODE_ENV})!=="production",enumerable:!1,configurable:!0,writable:!0}),A[re]}}var w=je();function y(t){try{return t()}catch(e){}}var U=y(function(){return globalThis})||y(function(){return window})||y(function(){return self})||y(function(){return global})||y(function(){return y.constructor("return this")()}),j=!1;function ke(){U&&!y(function(){return process.env.NODE_ENV})&&!y(function(){return process})&&(Object.defineProperty(U,"process",{value:{env:{NODE_ENV:"production"}},configurable:!0,enumerable:!1,writable:!0}),j=!0)}ke();function k(){j&&(delete U.process,j=!1)}function C(t,e){if(!!!t)throw new Error(e)}function ne(t){return P(t,[])}function P(t,e){switch(typeof t){case"string":return JSON.stringify(t);case"function":return t.name?`[function ${t.name}]`:"[function]";case"object":return Ve(t,e);default:return String(t)}}function Ve(t,e){if(t===null)return"null";if(e.includes(t))return"[Circular]";let r=[...e,t];if(Ke(t)){let o=t.toJSON();if(o!==t)return typeof o=="string"?o:P(o,r)}else if(Array.isArray(t))return We(t,r);return Fe(t,r)}function Ke(t){return typeof t.toJSON=="function"}function Fe(t,e){let r=Object.entries(t);return r.length===0?"{}":e.length>2?"["+Ge(t)+"]":"{ "+r.map(([n,s])=>n+": "+P(s,e)).join(", ")+" }"}function We(t,e){if(t.length===0)return"[]";if(e.length>2)return"[Array]";let r=Math.min(10,t.length),o=t.length-r,n=[];for(let s=0;s<r;++s)n.push(P(t[s],e));return o===1?n.push("... 1 more item"):o>1&&n.push(`... ${o} more items`),"["+n.join(", ")+"]"}function Ge(t){let e=Object.prototype.toString.call(t).replace(/^\[object /,"").replace(/]$/,"");if(e==="Object"&&typeof t.constructor=="function"){let r=t.constructor.name;if(typeof r=="string"&&r!=="")return r}return e}var b=class{constructor(e,r="GraphQL request",o={line:1,column:1}){typeof e=="string"||C(!1,`Body must be a string. Received: ${ne(e)}.`),this.body=e,this.name=r,this.locationOffset=o,this.locationOffset.line>0||C(!1,"line in locationOffset is 1-indexed and must be positive."),this.locationOffset.column>0||C(!1,"column in locationOffset is 1-indexed and must be positive.")}get[Symbol.toStringTag](){return"Source"}};function oe(){return typeof b=="function"?k():k()}function qe(){__DEV__?p(typeof w=="boolean",w):p(typeof w=="boolean",39)}oe();qe();var Gr=typeof WeakMap=="function"&&c(function(){return navigator.product})!=="ReactNative";var ie=typeof Symbol=="function"&&typeof Symbol.for=="function";var qr=typeof c(function(){return window.document.createElement})=="function",Hr=c(function(){return navigator.userAgent.indexOf("jsdom")>=0})||!1;import*as O from"react";var se=ie?Symbol.for("__APOLLO_CONTEXT__"):"__APOLLO_CONTEXT__";function S(){var t=O.createContext[se];return t||(Object.defineProperty(O.createContext,se,{value:t=O.createContext({}),enumerable:!1,writable:!1,configurable:!0}),t.displayName="ApolloContext"),t}import*as V from"react";var L=function(t){var e=t.client,r=t.children,o=S();return V.createElement(o.Consumer,null,function(n){return n===void 0&&(n={}),e&&n.client!==e&&(n=Object.assign({},n,{client:e})),__DEV__?p(n.client,'ApolloProvider was not passed a client instance. Make sure you pass in your client via the "client" prop.'):p(n.client,29),V.createElement(o.Provider,{value:n},r)})};import{useContext as He}from"react";function ae(t){var e=He(S()),r=t||e.client;return __DEV__?p(!!r,'Could not find "client" in the context or passed in as an option. Wrap the root component in an <ApolloProvider>, or pass an ApolloClient instance in via options.'):p(!!r,32),r}var yn=ae;import{useCallback as at,useEffect as m,useState as Se}from"react";import{useCallback as rt}from"react";import{useMemo as $e}from"react";import{useEffect as Xe,useCallback as Ye}from"react";import{JsonWebTokenParse as ze,Timeoutable as Ze}from"@quiltt/core";import{useCallback as ue,useEffect as Be,useState as Je}from"react";import{GlobalStorage as R}from"@quiltt/core";var ce=(t,e)=>{let r=ue(()=>{let i;return(i=R.get(t))!==void 0?i:e},[t,e]),[o,n]=Je(r()),s=ue(i=>{let a=i instanceof Function?i(o):i;o!==a&&R.set(t,a)},[t,o]);return Be(()=>(R.subscribe(t,n),n(r()),()=>R.unsubscribe(t,n)),[]),[o,s]};var le=ze,fe=new Ze,pe=(t="session")=>{let[e,r]=ce(t),o=$e(()=>le(e),[e]);Xe(()=>{if(!o)return;let s=o.claims.exp*1e3,i=()=>r(null);if(Date.now()>=s)i();else return fe.set(i,s-Date.now()),()=>fe.clear(i)},[o,r]);let n=Ye(s=>{let i=s instanceof Function?s(e):s;e!==i&&(!i||le(i))&&r(i)},[e,r]);return[o,n]};import{AuthAPI as nt}from"@quiltt/core";import{createContext as et,useContext as tt}from"react";var K=et({}),de=()=>{let t=tt(K);return h({},t)};var I=t=>{let{clientId:e}=de(),[r,o]=pe(),n=new nt(e),s=$(n,r,o,t),i=B(n,o),a=J(n,o),u=X(n,r,o),l=rt(f=>d(void 0,null,function*(){(!f||r&&f&&f==r.token)&&o(null)}),[r,o]);return{session:r,importSession:s,identifySession:i,authenticateSession:a,revokeSession:u,forgetSession:l}};import{useEffect as ot,useState as it}from"react";var F={};function st(t){let e=document.querySelector(`script[src="${t}"]`),r=e==null?void 0:e.getAttribute("data-status");return{node:e,status:r}}function me(t,e){let[r,o]=it(()=>{var n;return!t||e!=null&&e.shouldPreventLoad?"idle":typeof window=="undefined"?"loading":(n=F[t])!=null?n:"loading"});return ot(()=>{var u,l;if(!t||e!=null&&e.shouldPreventLoad)return;let n=F[t];if(n==="ready"||n==="error"){o(n);return}let s=st(t),i=s.node;if(i)o((l=(u=s.status)!=null?u:n)!=null?l:"loading");else{i=document.createElement("script"),i.src=t,i.async=!0,i.setAttribute("data-status","loading"),document.body.appendChild(i);let f=v=>{let x=v.type==="load"?"ready":"error";i==null||i.setAttribute("data-status",x)};i.addEventListener("load",f),i.addEventListener("error",f)}let a=f=>{let v=f.type==="load"?"ready":"error";o(v),F[t]=v};return i.addEventListener("load",a),i.addEventListener("error",a),()=>{i&&(i.removeEventListener("load",a),i.removeEventListener("error",a)),i&&(e!=null&&e.removeOnUnmount)&&i.remove()}},[t,e==null?void 0:e.shouldPreventLoad,e==null?void 0:e.removeOnUnmount]),r}import{cdnBase as ut}from"@quiltt/core";var ye="3.5.3";var D=(t,e)=>{let r=me(`${ut}/v1/connector.js?agent=react-${ye}`),{session:o}=I(),[n,s]=Se(),[i,a]=Se(!1);return m(()=>{typeof Quiltt!="undefined"&&Quiltt.authenticate(o==null?void 0:o.token)},[r,o]),m(()=>{typeof Quiltt=="undefined"||!t||(e!=null&&e.connectionId?s(Quiltt.reconnect(t,{connectionId:e.connectionId})):s(Quiltt.connect(t,{institution:e==null?void 0:e.institution})))},[r,t,e==null?void 0:e.connectionId,e==null?void 0:e.institution]),m(()=>{if(!(!n||!(e!=null&&e.onEvent)))return n.onEvent(e.onEvent),()=>n.offEvent(e.onEvent)},[n,e==null?void 0:e.onEvent]),m(()=>{if(!(!n||!(e!=null&&e.onLoad)))return n.onLoad(e.onLoad),()=>n.offLoad(e.onLoad)},[n,e==null?void 0:e.onLoad]),m(()=>{if(!(!n||!(e!=null&&e.onExit)))return n.onExit(e.onExit),()=>n.offExit(e.onExit)},[n,e==null?void 0:e.onExit]),m(()=>{if(!(!n||!(e!=null&&e.onExitSuccess)))return n.onExitSuccess(e.onExitSuccess),()=>n.offExitSuccess(e.onExitSuccess)},[n,e==null?void 0:e.onExitSuccess]),m(()=>{if(!(!n||!(e!=null&&e.onExitAbort)))return n.onExitAbort(e.onExitAbort),()=>n.offExitAbort(e.onExitAbort)},[n,e==null?void 0:e.onExitAbort]),m(()=>{if(!(!n||!(e!=null&&e.onExitError)))return n.onExitError(e.onExitError),()=>n.offExitError(e.onExitError)},[n,e==null?void 0:e.onExitError]),m(()=>{n&&i&&(a(!1),n.open())},[n,i]),{open:at(()=>{if(t)a(!0);else throw new Error("Must provide `connectorId` to `open` Quiltt Connector with Method Call")},[t,a])}};import{useEffect as ve}from"react";import{InMemoryCache as ct,QuilttClient as lt}from"@quiltt/core";import{jsx as ft}from"react/jsx-runtime";var he=new lt({cache:new ct}),be=({token:t,children:e})=>{let{session:r,importSession:o}=I();return ve(()=>{t&&o(t)},[t]),ve(()=>{he.resetStore()},[r]),ft(L,{client:he,children:e})};import{useState as pt}from"react";import{jsx as dt}from"react/jsx-runtime";var xe=({clientId:t,children:e})=>{let[r]=pt(t);return dt(K.Provider,{value:{clientId:r},children:e})};import{jsx as ge}from"react/jsx-runtime";var mo=({clientId:t,token:e,children:r})=>ge(xe,{clientId:t,children:ge(be,{token:e,children:r})});import{jsx as mt}from"react/jsx-runtime";var ho=x=>{var N=x,{as:t,connectorId:e,connectionId:r,institution:o,onEvent:n,onLoad:s,onExit:i,onExitSuccess:a,onExitAbort:u,onExitError:l,children:f}=N,v=T(N,["as","connectorId","connectionId","institution","onEvent","onLoad","onExit","onExitSuccess","onExitAbort","onExitError","children"]);let{open:Ee}=D(e,{connectionId:r,institution:o,onEvent:n,onLoad:s,onExit:i,onExitSuccess:a,onExitAbort:u,onExitError:l});return mt(t||"button",E(h({onClick:Ee,"quiltt-connection":r},v),{children:f}))};import{jsx as yt}from"react/jsx-runtime";var To=v=>{var x=v,{as:t,connectorId:e,connectionId:r,onEvent:o,onLoad:n,onExit:s,onExitSuccess:i,onExitAbort:a,onExitError:u,children:l}=x,f=T(x,["as","connectorId","connectionId","onEvent","onLoad","onExit","onExitSuccess","onExitAbort","onExitError","children"]);return D(e,{onEvent:o,onLoad:n,onExit:s,onExitSuccess:i,onExitAbort:a,onExitError:u}),yt(t||"div",E(h({"quiltt-container":e,"quiltt-connection":r},f),{children:l}))};export{be as QuilttAuthProvider,ho as QuilttButton,To as QuilttContainer,mo as QuilttProvider,K as QuilttSettings,xe as QuilttSettingsProvider,J as useAuthenticateSession,Tt as useEventListener,B as useIdentifySession,$ as useImportSession,Pe as useIsomorphicLayoutEffect,yn as useQuilttClient,D as useQuilttConnector,I as useQuilttSession,de as useQuilttSettings,X as useRevokeSession,pe as useSession,ce as useStorage};
-//# sourceMappingURL=index.js.map
+export * from '@quiltt/core';
+export { u as useEventListener } from './useEventListener-client-CTa_g_PX.js';
+export { u as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-client-DeTHOKz1.js';
+import { Q as QuilttAuthProvider } from './QuilttAuthProvider-client-CV5hYba6.js';
+export { c as useAuthenticateSession, b as useIdentifySession, a as useImportSession, d as useRevokeSession } from './QuilttAuthProvider-client-CV5hYba6.js';
+export { u as useQuilttClient } from './useQuilttClient-client-pzCXNLH2.js';
+import { u as useQuilttConnector } from './useQuilttConnector-client-hd0LT34T.js';
+export { u as useQuilttSession } from './useQuilttSession-client-CcRhqoXG.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';
+import { jsx } from 'react/jsx-runtime';
+import { Q as QuilttSettingsProvider } from './QuilttSettingsProvider-client-BOiVpLF3.js';
+
+const QuilttProvider = ({ clientId, token, children })=>{
+    return /*#__PURE__*/ jsx(QuilttSettingsProvider, {
+        clientId: clientId,
+        children: /*#__PURE__*/ jsx(QuilttAuthProvider, {
+            token: token,
+            children: children
+        })
+    });
+};
+
+const QuilttButton = ({ as, connectorId, connectionId, institution, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props })=>{
+    const { open } = useQuilttConnector(connectorId, {
+        connectionId,
+        institution,
+        onEvent,
+        onLoad,
+        onExit,
+        onExitSuccess,
+        onExitAbort,
+        onExitError
+    });
+    const Button = as || 'button';
+    return /*#__PURE__*/ jsx(Button, {
+        onClick: open,
+        "quiltt-connection": connectionId,
+        ...props,
+        children: children
+    });
+};
+
+/**
+ * QuilttContainer uses globally shared callbacks. It's recommended you only use
+ * one Container at a time.
+ */ const QuilttContainer = ({ as, connectorId, connectionId, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, children, ...props })=>{
+    useQuilttConnector(connectorId, {
+        onEvent,
+        onLoad,
+        onExit,
+        onExitSuccess,
+        onExitAbort,
+        onExitError
+    });
+    const Container = as || 'div';
+    return /*#__PURE__*/ jsx(Container, {
+        "quiltt-container": connectorId,
+        "quiltt-connection": connectionId,
+        ...props,
+        children: children
+    });
+};
+
+export { QuilttAuthProvider, QuilttButton, QuilttContainer, QuilttProvider, QuilttSettingsProvider, useQuilttConnector };

package/dist/useEventListener-client-CTa_g_PX.js

@@ -0,0 +1,34 @@
+'use client';
+import { useRef, useEffect } from 'react';
+import { u as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-client-DeTHOKz1.js';
+
+/**
+ * Supports Window, Element and Document and custom events with almost
+ * the same parameters as the native addEventListener options.
+ */ function useEventListener(eventName, handler, element, options) {
+    // Create a ref that stores handler
+    const savedHandler = useRef(handler);
+    useIsomorphicLayoutEffect(()=>{
+        savedHandler.current = handler;
+    }, [
+        handler
+    ]);
+    useEffect(()=>{
+        // Define the listening target
+        const targetElement = element?.current ?? window;
+        if (!(targetElement && targetElement.addEventListener)) return;
+        // Create event listener that calls handler function stored in ref
+        const listener = (event)=>savedHandler.current(event);
+        targetElement.addEventListener(eventName, listener, options);
+        // Remove event listener on cleanup
+        return ()=>{
+            targetElement.removeEventListener(eventName, listener, options);
+        };
+    }, [
+        eventName,
+        element,
+        options
+    ]);
+}
+
+export { useEventListener as u };

package/dist/useIsomorphicLayoutEffect-client-DeTHOKz1.js

@@ -0,0 +1,9 @@
+'use client';
+import { useLayoutEffect, useEffect } from 'react';
+
+/**
+ * This hook is a browser hook. But React code could be generated from the server without the Window API.
+ * This hook switches between useEffect and useLayoutEffect following the execution environment.
+ */ const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useIsomorphicLayoutEffect as u };

package/dist/useQuilttClient-client-pzCXNLH2.js

@@ -0,0 +1,6 @@
+'use client';
+import { u as useApolloClient } from './QuilttAuthProvider-client-CV5hYba6.js';
+
+const useQuilttClient = useApolloClient;
+
+export { useQuilttClient as u };

package/dist/useQuilttConnector-client-hd0LT34T.js

@@ -0,0 +1,121 @@
+'use client';
+import { useState, useEffect, useCallback } from 'react';
+import { u as useQuilttSession } from './useQuilttSession-client-CcRhqoXG.js';
+import { u as useScript } from './useScript-client-Cx5nb9RW.js';
+import { cdnBase } from '@quiltt/core';
+
+// Generated by genversion.
+const version = '3.5.5';
+
+const useQuilttConnector = (connectorId, options)=>{
+    const status = useScript(`${cdnBase}/v1/connector.js?agent=react-${version}`);
+    const { session } = useQuilttSession();
+    const [connector, setConnector] = useState();
+    const [isOpening, setIsOpening] = useState(false);
+    // Set Session
+    useEffect(()=>{
+        if (typeof Quiltt === 'undefined') return;
+        Quiltt.authenticate(session?.token);
+    }, [
+        status,
+        session
+    ]);
+    // Set Connector
+    useEffect(()=>{
+        if (typeof Quiltt === 'undefined' || !connectorId) return;
+        if (options?.connectionId) {
+            setConnector(Quiltt.reconnect(connectorId, {
+                connectionId: options.connectionId
+            }));
+        } else {
+            setConnector(Quiltt.connect(connectorId, {
+                institution: options?.institution
+            }));
+        }
+    }, [
+        status,
+        connectorId,
+        options?.connectionId,
+        options?.institution
+    ]);
+    // onEvent
+    useEffect(()=>{
+        if (!connector || !options?.onEvent) return;
+        connector.onEvent(options.onEvent);
+        return ()=>connector.offEvent(options.onEvent);
+    }, [
+        connector,
+        options?.onEvent
+    ]);
+    // onLoad
+    useEffect(()=>{
+        if (!connector || !options?.onLoad) return;
+        connector.onLoad(options.onLoad);
+        return ()=>connector.offLoad(options.onLoad);
+    }, [
+        connector,
+        options?.onLoad
+    ]);
+    // onExit
+    useEffect(()=>{
+        if (!connector || !options?.onExit) return;
+        connector.onExit(options.onExit);
+        return ()=>connector.offExit(options.onExit);
+    }, [
+        connector,
+        options?.onExit
+    ]);
+    // onExitSuccess
+    useEffect(()=>{
+        if (!connector || !options?.onExitSuccess) return;
+        connector.onExitSuccess(options.onExitSuccess);
+        return ()=>connector.offExitSuccess(options.onExitSuccess);
+    }, [
+        connector,
+        options?.onExitSuccess
+    ]);
+    // onExitAbort
+    useEffect(()=>{
+        if (!connector || !options?.onExitAbort) return;
+        connector.onExitAbort(options.onExitAbort);
+        return ()=>connector.offExitAbort(options.onExitAbort);
+    }, [
+        connector,
+        options?.onExitAbort
+    ]);
+    // onExitError
+    useEffect(()=>{
+        if (!connector || !options?.onExitError) return;
+        connector.onExitError(options.onExitError);
+        return ()=>connector.offExitError(options.onExitError);
+    }, [
+        connector,
+        options?.onExitError
+    ]);
+    // This is used to hide any potential race conditions from usage; allowing
+    // interaction before the script may have loaded.
+    useEffect(()=>{
+        if (connector && isOpening) {
+            setIsOpening(false);
+            connector.open();
+        }
+    }, [
+        connector,
+        isOpening
+    ]);
+    const open = useCallback(()=>{
+        if (connectorId) {
+            setIsOpening(true);
+        } else {
+            throw new Error('Must provide `connectorId` to `open` Quiltt Connector with Method Call');
+        }
+    }, [
+        connectorId,
+        setIsOpening
+    ]);
+    return {
+        open
+    };
+};
+
+export { useQuilttConnector as u };

package/dist/useQuilttSession-client-CcRhqoXG.js

@@ -0,0 +1,37 @@
+'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-CV5hYba6.js';
+import { u as useQuilttSettings } from './useQuilttSettings-client-DU_Qfc8X.js';
+
+const useQuilttSession = (environmentId)=>{
+    const { clientId } = useQuilttSettings();
+    const [session, setSession] = useSession();
+    const auth = new AuthAPI(clientId);
+    const importSession = useImportSession(auth, session, setSession, environmentId);
+    const identifySession = useIdentifySession(auth, setSession);
+    const authenticateSession = useAuthenticateSession(auth, setSession);
+    const revokeSession = useRevokeSession(auth, session, setSession);
+    /**
+   * Forget current session.
+   * @param token specific token to forget, to help guard against async processes clearing the wrong session
+   */ const forgetSession = useCallback(async (token)=>{
+        if (!token || session && token && token === session.token) {
+            setSession(null);
+        }
+    }, [
+        session,
+        setSession
+    ]);
+    return {
+        session,
+        importSession,
+        identifySession,
+        authenticateSession,
+        revokeSession,
+        forgetSession
+    };
+};
+
+export { useQuilttSession as u };

package/dist/useQuilttSettings-client-DU_Qfc8X.js

@@ -0,0 +1,12 @@
+'use client';
+import { createContext, useContext } from 'react';
+
+const QuilttSettings = createContext({});
+const useQuilttSettings = ()=>{
+    const settings = useContext(QuilttSettings);
+    return {
+        ...settings
+    };
+};
+
+export { QuilttSettings as Q, useQuilttSettings as u };

package/dist/useScript-client-Cx5nb9RW.js

@@ -0,0 +1,88 @@
+'use client';
+import { useState, useEffect } from 'react';
+
+// Cached script statuses
+const cachedScriptStatuses = {};
+function getScriptNode(src) {
+    const node = document.querySelector(`script[src="${src}"]`);
+    const status = node?.getAttribute('data-status');
+    return {
+        node,
+        status
+    };
+}
+// @see https://usehooks-ts.com/react-hook/use-script
+function useScript(src, options) {
+    const [status, setStatus] = useState(()=>{
+        if (!src || options?.shouldPreventLoad) {
+            return 'idle';
+        }
+        if (typeof window === 'undefined') {
+            // SSR Handling - always return 'loading'
+            return 'loading';
+        }
+        return cachedScriptStatuses[src] ?? 'loading';
+    });
+    useEffect(()=>{
+        if (!src || options?.shouldPreventLoad) {
+            return;
+        }
+        const cachedScriptStatus = cachedScriptStatuses[src];
+        if (cachedScriptStatus === 'ready' || cachedScriptStatus === 'error') {
+            // If the script is already cached, set its status immediately
+            setStatus(cachedScriptStatus);
+            return;
+        }
+        // Fetch existing script element by src
+        // It may have been added by another instance of this hook
+        const script = getScriptNode(src);
+        let scriptNode = script.node;
+        if (!scriptNode) {
+            // Create script element and add it to document body
+            scriptNode = document.createElement('script');
+            scriptNode.src = src;
+            scriptNode.async = true;
+            scriptNode.setAttribute('data-status', 'loading');
+            document.body.appendChild(scriptNode);
+            // Store status in attribute on script
+            // This can be read by other instances of this hook
+            const setAttributeFromEvent = (event)=>{
+                const scriptStatus = event.type === 'load' ? 'ready' : 'error';
+                scriptNode?.setAttribute('data-status', scriptStatus);
+            };
+            scriptNode.addEventListener('load', setAttributeFromEvent);
+            scriptNode.addEventListener('error', setAttributeFromEvent);
+        } else {
+            // Grab existing script status from attribute and set to state.
+            setStatus(script.status ?? cachedScriptStatus ?? 'loading');
+        }
+        // Script event handler to update status in state
+        // Note: Even if the script already exists we still need to add
+        // event handlers to update the state for *this* hook instance.
+        const setStateFromEvent = (event)=>{
+            const newStatus = event.type === 'load' ? 'ready' : 'error';
+            setStatus(newStatus);
+            cachedScriptStatuses[src] = newStatus;
+        };
+        // Add event listeners
+        scriptNode.addEventListener('load', setStateFromEvent);
+        scriptNode.addEventListener('error', setStateFromEvent);
+        // Remove event listeners on cleanup
+        return ()=>{
+            if (scriptNode) {
+                scriptNode.removeEventListener('load', setStateFromEvent);
+                scriptNode.removeEventListener('error', setStateFromEvent);
+            }
+            if (scriptNode && options?.removeOnUnmount) {
+                scriptNode.remove();
+            }
+        };
+    }, [
+        src,
+        options?.shouldPreventLoad,
+        options?.removeOnUnmount
+    ]);
+    return status;
+}
+
+export { useScript as u };

package/dist/useSession-client-Cew1m26_.js

@@ -0,0 +1,60 @@
+'use client';
+import { useMemo, useEffect, useCallback } from 'react';
+import { Timeoutable, JsonWebTokenParse } from '@quiltt/core';
+import { u as useStorage } from './useStorage-client-C91C8oXS.js';
+
+const parse = JsonWebTokenParse;
+/**
+ * Singleton timeout, allows hooks to come and go, while ensuring that there is
+ * one notification being sent, preventing race conditions.
+ */ const sessionTimer = new Timeoutable();
+/**
+ * useSession uses useStorage to support a global singleton style of access. When
+ * updated, all components, and windows should also invalidate.
+ *
+ * TODO: Support Rotation before Expiry
+ *
+ * Dataflow can come from two directions:
+ *  1. Login - Bottom Up
+ *    This happens on login, when a token is passed up through the setSession
+ *    callback. From here it needs to be stored, and shared for usage.
+ *  2. Refresh - Top Down
+ *    This happens when a page is reloaded or a person returns, and everything is
+ *    reinitialized.
+ */ const useSession = (storageKey = 'session')=>{
+    const [token, setToken] = useStorage(storageKey);
+    const session = useMemo(()=>parse(token), [
+        token
+    ]);
+    // Clear session if/when it expires
+    useEffect(()=>{
+        if (!session) return;
+        const expirationMS = session.claims.exp * 1000;
+        const expire = ()=>setToken(null);
+        if (Date.now() >= expirationMS) {
+            expire();
+        } else {
+            sessionTimer.set(expire, expirationMS - Date.now());
+            return ()=>sessionTimer.clear(expire);
+        }
+    }, [
+        session,
+        setToken
+    ]);
+    // Bubbles up from Login
+    const setSession = useCallback((nextState)=>{
+        const newState = nextState instanceof Function ? nextState(token) : nextState;
+        if (token !== newState && (!newState || parse(newState))) {
+            setToken(newState);
+        }
+    }, [
+        token,
+        setToken
+    ]);
+    return [
+        session,
+        setSession
+    ];
+};
+
+export { useSession as u };