@betterinternship/components 1.5.9 → 1.5.11

package/dist/hooks/useClientProcess.d.ts

@@ -1,15 +1,27 @@
-import { Query } from '@tanstack/react-query';
+import { UseQueryResult } from '@tanstack/react-query';
+interface ClientProcess<T> {
+    id: string;
+    name: string;
+    result?: T;
+    metadata?: ClientProcessMetadata;
+    success?: boolean;
+    pending?: boolean;
+    error?: string;
+}
 export interface ProcessCallbackDto {
     processId: string;
     processName: string;
     processCallbackUrl: string;
 }
 export interface ClientProcessOptions {
-    filter?: string;
     onLoading?: (processId: string, processName: string) => void;
     onSuccess?: <R>(processId: string, processName: string, result: R) => void;
     onFailure?: (processId: string, processName: string, error?: string) => void;
 }
+export interface ClientProcessMetadata {
+    filterKey: string;
+    metadata?: Record<string, string>;
+}
 export interface ProcessResponse {
     processId: string;
     processName: string;
@@ -22,7 +34,7 @@ export interface ProcessResponse {
  *
  * @context
  */
-export declare const ClientProcessesProvider: ({ children, }: {
+export declare const ClientProcessesProvider: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
@@ -38,22 +50,13 @@ export declare function useClientProcess<T>({ caller, filterKey, onLoading, onSu
     onSuccess?: <R>(processId: string, processName: string, result: R) => void;
     onFailure?: (processId: string, processName: string, error?: string) => void;
 }): {
-    run: (inputs: T) => Promise<{
+    run: (inputs: T, metadata?: Record<string, string>) => Promise<{
         id: string;
         success: boolean;
         message: string | undefined;
     }>;
-    get: (id: string) => {
-        id: string;
-        name: string;
-        result?: unknown;
-        success: boolean;
-    } | null;
-    getAll: () => {
-        id: string;
-        name: string;
-        result?: unknown;
-        success: boolean;
-    }[];
-    cp: Query<unknown, Error, unknown, readonly unknown[]>[];
+    get: (id: string) => ClientProcess<unknown> | null;
+    getAll: () => ClientProcess<unknown>[];
+    cp: UseQueryResult[];
 };
+export {};

package/dist/hooks/useClientProcess.js

@@ -1,6 +1,6 @@
 "use client";
 import { j as jsxRuntimeExports } from '../_virtual/jsx-runtime.js';
-import { createContext, useState, useRef, useContext } from 'react';
+import { createContext, useRef, useState, useContext } from 'react';
 import { useQueries } from '@tanstack/react-query';
 import { config } from '../config.js';
 
@@ -42,9 +42,9 @@ const clientProcessesContext = createContext({});
  *
  * @context
  */
-const ClientProcessesProvider = ({ children, }) => {
-    const [clientProcessDtos, setClientProcessDtos] = useState({});
+const ClientProcessesProvider = ({ children }) => {
     const clientProcessAttempts = useRef({});
+    const [clientProcessDtos, setClientProcessDtos] = useState({});
     const clientProcesses = useQueries({
         queries: Object.entries(clientProcessDtos).map(([processId, { dto, options }]) => ({
             queryKey: ['.__process', processId],
@@ -69,19 +69,19 @@ const ClientProcessesProvider = ({ children, }) => {
                 if (process.status === 'pending') {
                     console.log(`Running process ${process.name} (${process.id})...`);
                     options?.onLoading?.(process.id, process.name);
-                    return null;
+                    return { id: process.id, name: process.name, pending: true };
                 }
                 else if (process.status === 'failed') {
                     console.error(`Failed ${process.name} (${process.id}) - ${process.error}.`);
                     return { id: process.id, name: process.name, success: false };
                 }
                 // Return null since no response
-                return null;
+                return { id: process.id, name: process.name, pending: true };
             },
             // Returns the next interval length to use to wait for fetch
             refetchInterval: (query) => {
                 const data = query.state.data;
-                if (data !== null)
+                if (!data.pending)
                     return false;
                 // If not defined, init to 0
                 if (!clientProcessAttempts.current[processId])
@@ -99,10 +99,10 @@ const ClientProcessesProvider = ({ children, }) => {
      * @param processCallbackDto
      * @param options
      */
-    const registerProcess = (processId, processCallbackDto, options) => {
+    const registerProcess = (processId, processCallbackDto, metadata, options) => {
         setClientProcessDtos({
             ...clientProcessDtos,
-            [processId]: { dto: processCallbackDto, options },
+            [processId]: { dto: processCallbackDto, metadata, options },
         });
     };
     /**
@@ -112,19 +112,26 @@ const ClientProcessesProvider = ({ children, }) => {
      * @returns
      */
     const getProcess = (processId) => {
-        return (clientProcesses.find((clientProcess) => clientProcess.data?.id === processId)?.data ?? null);
+        const clientProcess = clientProcesses.find((clientProcess) => clientProcess.data?.id === processId)?.data ?? null;
+        return (clientProcess &&
+            {
+                ...clientProcess,
+                metadata: clientProcessDtos[clientProcess.id].metadata,
+            });
     };
     /**
      * Filters processes by the provided attribute.
      *
-     * @param filter
+     * @param filterKey
      */
-    const filterProcesses = (filter) => {
+    const filterProcesses = (filterKey) => {
         return clientProcesses
-            .filter((clientProcess) => clientProcess.data?.id &&
-            clientProcessDtos[clientProcess.data.id].options?.filter === filter)
-            .map((clientProcess) => clientProcess.data)
-            .filter((clientProcessData) => !!clientProcessData);
+            .filter((clientProcess) => !!clientProcess.data && !!clientProcess.data.id)
+            .map((clientProcess) => ({
+            ...clientProcess.data,
+            metadata: clientProcessDtos[clientProcess.data.id].metadata,
+        }))
+            .filter((clientProcessData) => clientProcessData.metadata.filterKey === filterKey);
     };
     return (jsxRuntimeExports.jsx(clientProcessesContext.Provider, { value: {
             registerProcess,
@@ -144,10 +151,9 @@ function useClientProcess({ caller, filterKey, onLoading, onSuccess, onFailure,
     // Note that the exposed function doesn't return process ids
     // Client should be oblivious to those
     // Abstraction BABY!
-    const wrappedCaller = async (inputs) => {
+    const wrappedCaller = async (inputs, metadata) => {
         const response = await caller(inputs);
-        clientProcessesApi.registerProcess(response.processId, response, {
-            filter: filterKey,
+        clientProcessesApi.registerProcess(response.processId, response, { filterKey, metadata }, {
             onLoading,
             onSuccess,
             onFailure,

package/dist/hooks/useClientProcess.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClientProcess.js","sources":["../../src/hooks/useClientProcess.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useRef, createContext, useContext } from 'react';\r\nimport { Query, useQueries } from '@tanstack/react-query';\r\nimport { config } from '../config';\r\n\r\ntype ProcessStatus = 'pending' | 'handled' | 'failed';\r\n\r\ninterface Process<T> {\r\n  id: string;\r\n  name: string;\r\n  status: ProcessStatus;\r\n  result?: T;\r\n  error?: string;\r\n  timestamp: string;\r\n}\r\n\r\nexport interface ProcessCallbackDto {\r\n  processId: string;\r\n  processName: string;\r\n  processCallbackUrl: string;\r\n}\r\n\r\nexport interface ClientProcessOptions {\r\n  filter?: string;\r\n  onLoading?: (processId: string, processName: string) => void;\r\n  onSuccess?: <R>(processId: string, processName: string, result: R) => void;\r\n  onFailure?: (processId: string, processName: string, error?: string) => void;\r\n}\r\n\r\nexport interface ProcessResponse {\r\n  processId: string;\r\n  processName: string;\r\n  processCallbackUrl: string;\r\n  success: boolean;\r\n  message?: string;\r\n}\r\n\r\n/**\r\n * The orchestrator service to get the process from.\r\n *\r\n * @param processId\r\n * @returns\r\n */\r\nconst processStatusChecker = <T,>(processId: string) =>\r\n  fetch(`${config.orchestratorApi}/${encodeURIComponent(processId)}`, {\r\n    method: 'GET',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n    },\r\n  }).then((response) => response.json()) as unknown as Promise<{\r\n    process: Omit<Process<T>, 'result'>;\r\n  }>;\r\n\r\n/**\r\n * This fetches from the callback endpoint.\r\n *\r\n * @param processId\r\n * @returns\r\n */\r\nconst processCallbackResultFetcher = <T,>(\r\n  processId: string,\r\n  processName: string,\r\n  processCallbackUrl?: string,\r\n) =>\r\n  fetch(`${processCallbackUrl}`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n    },\r\n    body: JSON.stringify({\r\n      processId,\r\n      processName,\r\n    }),\r\n  }).then((response) => response.json()) as unknown as Promise<T>;\r\n\r\ninterface ClientProcesses {\r\n  registerProcess: (\r\n    processId: string,\r\n    dto: ProcessCallbackDto,\r\n    options?: ClientProcessOptions,\r\n  ) => void;\r\n  getProcess: (\r\n    processId: string,\r\n  ) => { id: string; name: string; result?: unknown; success: boolean } | null;\r\n  filterProcesses: (\r\n    filter: string,\r\n  ) => { id: string; name: string; result?: unknown; success: boolean }[];\r\n  cp: Query[];\r\n}\r\n\r\n/**\r\n * We need a context to keep track of all client processes.\r\n * This helps us manage the state of the toasts as well.\r\n */\r\nconst clientProcessesContext = createContext<ClientProcesses>(\r\n  {} as ClientProcesses,\r\n);\r\n\r\n/**\r\n * This should be at the root layout.\r\n *\r\n * @context\r\n */\r\nexport const ClientProcessesProvider = ({\r\n  children,\r\n}: {\r\n  children: React.ReactNode;\r\n}) => {\r\n  const [clientProcessDtos, setClientProcessDtos] = useState<\r\n    Record<string, { dto: ProcessCallbackDto; options?: ClientProcessOptions }>\r\n  >({});\r\n  const clientProcessAttempts = useRef<Record<string, number>>({});\r\n  const clientProcesses = useQueries({\r\n    queries: Object.entries(clientProcessDtos).map(\r\n      ([processId, { dto, options }]) => ({\r\n        queryKey: ['.__process', processId],\r\n        queryFn: async () => {\r\n          if (!processId) throw new Error('No processId');\r\n          const { process } = await processStatusChecker(processId);\r\n\r\n          // Handled! Return the proper response too\r\n          if (process.status === 'handled') {\r\n            const result = await processCallbackResultFetcher(\r\n              process.id,\r\n              process.name,\r\n              dto.processCallbackUrl,\r\n            );\r\n\r\n            // Log and call runner\r\n            console.warn(`Handled ${process.name} (${process.id})!`);\r\n            options?.onSuccess?.(process.id, process.name, result);\r\n\r\n            return {\r\n              id: process.id,\r\n              name: process.name,\r\n              success: true,\r\n              result,\r\n            };\r\n          }\r\n\r\n          // Pending or failed\r\n          if (process.status === 'pending') {\r\n            console.log(`Running process ${process.name} (${process.id})...`);\r\n            options?.onLoading?.(process.id, process.name);\r\n            return null;\r\n          } else if (process.status === 'failed') {\r\n            console.error(\r\n              `Failed ${process.name} (${process.id}) - ${process.error}.`,\r\n            );\r\n            return { id: process.id, name: process.name, success: false };\r\n          }\r\n\r\n          // Return null since no response\r\n          return null;\r\n        },\r\n\r\n        // Returns the next interval length to use to wait for fetch\r\n        refetchInterval: (query: Query) => {\r\n          const data = query.state.data;\r\n          if (data !== null) return false;\r\n\r\n          // If not defined, init to 0\r\n          if (!clientProcessAttempts.current[processId])\r\n            clientProcessAttempts.current[processId] = 0;\r\n\r\n          const interval = Math.min(\r\n            500 * 2 ** clientProcessAttempts.current[processId],\r\n            10000,\r\n          );\r\n\r\n          clientProcessAttempts.current[processId] += 1;\r\n          return interval;\r\n        },\r\n      }),\r\n    ),\r\n  });\r\n\r\n  /**\r\n   * Registers a new process to handle\r\n   *\r\n   * @param processId\r\n   * @param processCallbackDto\r\n   * @param options\r\n   */\r\n  const registerProcess = (\r\n    processId: string,\r\n    processCallbackDto: ProcessCallbackDto,\r\n    options?: ClientProcessOptions,\r\n  ) => {\r\n    setClientProcessDtos({\r\n      ...clientProcessDtos,\r\n      [processId]: { dto: processCallbackDto, options },\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Retrieves a process\r\n   *\r\n   * @param processId\r\n   * @returns\r\n   */\r\n  const getProcess = (processId: string) => {\r\n    return (\r\n      clientProcesses.find(\r\n        (clientProcess) => clientProcess.data?.id === processId,\r\n      )?.data ?? null\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Filters processes by the provided attribute.\r\n   *\r\n   * @param filter\r\n   */\r\n  const filterProcesses = (filter: string) => {\r\n    return clientProcesses\r\n      .filter(\r\n        (clientProcess) =>\r\n          clientProcess.data?.id &&\r\n          clientProcessDtos[clientProcess.data.id].options?.filter === filter,\r\n      )\r\n      .map((clientProcess) => clientProcess.data)\r\n      .filter((clientProcessData) => !!clientProcessData);\r\n  };\r\n\r\n  return (\r\n    <clientProcessesContext.Provider\r\n      value={{\r\n        registerProcess,\r\n        getProcess,\r\n        filterProcesses,\r\n        cp: clientProcesses,\r\n      }}\r\n    >\r\n      {children}\r\n    </clientProcessesContext.Provider>\r\n  );\r\n};\r\n\r\n/**\r\n * A simpler version, where u just pass the async function that returns process data.\r\n *\r\n * @param caller\r\n * @returns\r\n */\r\nexport function useClientProcess<T>({\r\n  caller,\r\n  filterKey,\r\n  onLoading,\r\n  onSuccess,\r\n  onFailure,\r\n}: {\r\n  caller: (inputs: T) => Promise<ProcessResponse>;\r\n  filterKey: string;\r\n  onLoading?: (processId: string, processName: string) => void;\r\n  onSuccess?: <R>(processId: string, processName: string, result: R) => void;\r\n  onFailure?: (processId: string, processName: string, error?: string) => void;\r\n}) {\r\n  const clientProcessesApi = useContext(clientProcessesContext);\r\n\r\n  // Note that the exposed function doesn't return process ids\r\n  // Client should be oblivious to those\r\n  // Abstraction BABY!\r\n  const wrappedCaller = async (inputs: T) => {\r\n    const response = await caller(inputs);\r\n    clientProcessesApi.registerProcess(response.processId, response, {\r\n      filter: filterKey,\r\n      onLoading,\r\n      onSuccess,\r\n      onFailure,\r\n    });\r\n\r\n    return {\r\n      id: response.processId,\r\n      success: response.success,\r\n      message: response.message,\r\n    };\r\n  };\r\n\r\n  return {\r\n    run: wrappedCaller,\r\n    get: (id: string) => clientProcessesApi.getProcess(id),\r\n    getAll: () => clientProcessesApi.filterProcesses(filterKey),\r\n    cp: clientProcessesApi.cp,\r\n  };\r\n}"],"names":[],"mappings":";;;;;;AAsCA;;;;;AAKG;AACH;AAEI;AACA;AACE;AACD;AACF;AAIH;;;;;AAKG;AACH;AAMI;AACA;AACE;AACD;AACD;;;;AAID;AAiBH;;;AAGG;AACH;AAIA;;;;AAIG;;;AASD;;;AAIM;;AAEE;AAAgB;;;AAIhB;AACE;;AAOA;AACA;;;;AAKE;;;;;AAMJ;AACE;AACA;AACA;;AACK;AACL;AAGA;;;AAIF;;;AAIF;AACE;;AACmB;;AAGnB;AACE;AAEF;AAKA;AACA;;AAEH;AAEJ;AAED;;;;;;AAMG;;AAMD;AACE;;AAED;AACH;AAEA;;;;;AAKG;AACH;;AAMA;AAEA;;;;AAIG;AACH;AACE;;AAIM;;;AAIR;AAEA;;;;AAMM;;AAMR;AAEA;;;;;AAKG;AACG;AAaJ;;;;AAKA;AACE;;AAEE;;;;AAID;;;;;;AAOH;;AAGE;;;;;AAKJ;;"}
+{"version":3,"file":"useClientProcess.js","sources":["../../src/hooks/useClientProcess.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useRef, createContext, useContext } from 'react';\r\nimport { Query, useQueries, UseQueryResult } from '@tanstack/react-query';\r\nimport { config } from '../config';\r\n\r\ntype ProcessStatus = 'pending' | 'handled' | 'failed';\r\n\r\ninterface Process<T> {\r\n  id: string;\r\n  name: string;\r\n  status: ProcessStatus;\r\n  result?: T;\r\n  error?: string;\r\n  timestamp: string;\r\n}\r\n\r\ninterface ClientProcess<T> {\r\n  id: string;\r\n  name: string;\r\n  result?: T;\r\n  metadata?: ClientProcessMetadata;\r\n  success?: boolean;\r\n  pending?: boolean;\r\n  error?: string;\r\n}\r\n\r\nexport interface ProcessCallbackDto {\r\n  processId: string;\r\n  processName: string;\r\n  processCallbackUrl: string;\r\n}\r\n\r\nexport interface ClientProcessOptions {\r\n  onLoading?: (processId: string, processName: string) => void;\r\n  onSuccess?: <R>(processId: string, processName: string, result: R) => void;\r\n  onFailure?: (processId: string, processName: string, error?: string) => void;\r\n}\r\n\r\nexport interface ClientProcessMetadata {\r\n  filterKey: string;\r\n  metadata?: Record<string, string>;\r\n}\r\n\r\nexport interface ProcessResponse {\r\n  processId: string;\r\n  processName: string;\r\n  processCallbackUrl: string;\r\n  success: boolean;\r\n  message?: string;\r\n}\r\n\r\n/**\r\n * The orchestrator service to get the process from.\r\n *\r\n * @param processId\r\n * @returns\r\n */\r\nconst processStatusChecker = <T,>(processId: string) =>\r\n  fetch(`${config.orchestratorApi}/${encodeURIComponent(processId)}`, {\r\n    method: 'GET',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n    },\r\n  }).then((response) => response.json()) as unknown as Promise<{\r\n    process: Omit<Process<T>, 'result'>;\r\n  }>;\r\n\r\n/**\r\n * This fetches from the callback endpoint.\r\n *\r\n * @param processId\r\n * @returns\r\n */\r\nconst processCallbackResultFetcher = <T,>(\r\n  processId: string,\r\n  processName: string,\r\n  processCallbackUrl?: string,\r\n) =>\r\n  fetch(`${processCallbackUrl}`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n    },\r\n    body: JSON.stringify({\r\n      processId,\r\n      processName,\r\n    }),\r\n  }).then((response) => response.json()) as unknown as Promise<T>;\r\n\r\ninterface ClientProcesses {\r\n  registerProcess: (\r\n    processId: string,\r\n    dto: ProcessCallbackDto,\r\n    metadata: ClientProcessMetadata,\r\n    options?: ClientProcessOptions,\r\n  ) => void;\r\n  getProcess: <T>(processId: string) => ClientProcess<T> | null;\r\n  filterProcesses: <T>(filter: string) => ClientProcess<T>[];\r\n  cp: UseQueryResult[];\r\n}\r\n\r\n/**\r\n * We need a context to keep track of all client processes.\r\n * This helps us manage the state of the toasts as well.\r\n */\r\nconst clientProcessesContext = createContext<ClientProcesses>(\r\n  {} as ClientProcesses,\r\n);\r\n\r\n/**\r\n * This should be at the root layout.\r\n *\r\n * @context\r\n */\r\nexport const ClientProcessesProvider = ({ children }: { children: React.ReactNode }) => {\r\n  const clientProcessAttempts = useRef<Record<string, number>>({});\r\n  const [clientProcessDtos, setClientProcessDtos] = useState<\r\n    Record<\r\n      string,\r\n      {\r\n        dto: ProcessCallbackDto;\r\n        metadata: ClientProcessMetadata;\r\n        options?: ClientProcessOptions;\r\n      }\r\n    >\r\n  >({});\r\n\r\n  const clientProcesses = useQueries({\r\n    queries: Object.entries(clientProcessDtos).map(\r\n      ([processId, { dto, options }]) => ({\r\n        queryKey: ['.__process', processId],\r\n        queryFn: async () => {\r\n          if (!processId) throw new Error('No processId');\r\n          const { process } = await processStatusChecker(processId);\r\n\r\n          // Handled! Return the proper response too\r\n          if (process.status === 'handled') {\r\n            const result = await processCallbackResultFetcher(\r\n              process.id,\r\n              process.name,\r\n              dto.processCallbackUrl,\r\n            );\r\n\r\n            // Log and call runner\r\n            console.warn(`Handled ${process.name} (${process.id})!`);\r\n            options?.onSuccess?.(process.id, process.name, result);\r\n\r\n            return {\r\n              id: process.id,\r\n              name: process.name,\r\n              success: true,\r\n              result,\r\n            };\r\n          }\r\n\r\n          // Pending or failed\r\n          if (process.status === 'pending') {\r\n            console.log(`Running process ${process.name} (${process.id})...`);\r\n            options?.onLoading?.(process.id, process.name);\r\n            return { id: process.id, name: process.name, pending: true };\r\n          } else if (process.status === 'failed') {\r\n            console.error(\r\n              `Failed ${process.name} (${process.id}) - ${process.error}.`,\r\n            );\r\n            return { id: process.id, name: process.name, success: false };\r\n          }\r\n\r\n          // Return null since no response\r\n          return { id: process.id, name: process.name, pending: true };\r\n        },\r\n\r\n        // Returns the next interval length to use to wait for fetch\r\n        refetchInterval: <T,>(query: Query) => {\r\n          const data = query.state.data as ClientProcess<T>;\r\n          if (!data.pending) return false;\r\n\r\n          // If not defined, init to 0\r\n          if (!clientProcessAttempts.current[processId])\r\n            clientProcessAttempts.current[processId] = 0;\r\n\r\n          const interval = Math.min(\r\n            500 * 2 ** clientProcessAttempts.current[processId],\r\n            10000,\r\n          );\r\n\r\n          clientProcessAttempts.current[processId] += 1;\r\n          return interval;\r\n        },\r\n      }),\r\n    ),\r\n  });\r\n\r\n  /**\r\n   * Registers a new process to handle\r\n   *\r\n   * @param processId\r\n   * @param processCallbackDto\r\n   * @param options\r\n   */\r\n  const registerProcess = (\r\n    processId: string,\r\n    processCallbackDto: ProcessCallbackDto,\r\n    metadata: ClientProcessMetadata,\r\n    options?: ClientProcessOptions,\r\n  ) => {\r\n    setClientProcessDtos({\r\n      ...clientProcessDtos,\r\n      [processId]: { dto: processCallbackDto, metadata, options },\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Retrieves a process\r\n   *\r\n   * @param processId\r\n   * @returns\r\n   */\r\n  const getProcess = <T,>(processId: string) => {\r\n    const clientProcess =\r\n      clientProcesses.find(\r\n        (clientProcess) => clientProcess.data?.id === processId,\r\n      )?.data ?? null;\r\n\r\n    return (\r\n      clientProcess &&\r\n      ({\r\n        ...clientProcess,\r\n        metadata: clientProcessDtos[clientProcess.id].metadata,\r\n      } as ClientProcess<T>)\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Filters processes by the provided attribute.\r\n   *\r\n   * @param filterKey\r\n   */\r\n  const filterProcesses = <T,>(filterKey: string) => {\r\n    return clientProcesses\r\n      .filter(\r\n        (clientProcess) => !!clientProcess.data && !!clientProcess.data.id,\r\n      )\r\n      .map((clientProcess) => ({\r\n        ...clientProcess.data!,\r\n        metadata: clientProcessDtos[clientProcess.data!.id].metadata,\r\n      }))\r\n      .filter(\r\n        (clientProcessData) =>\r\n          clientProcessData.metadata.filterKey === filterKey,\r\n      ) as ClientProcess<T>[];\r\n  };\r\n\r\n  return (\r\n    <clientProcessesContext.Provider\r\n      value={{\r\n        registerProcess,\r\n        getProcess,\r\n        filterProcesses,\r\n        cp: clientProcesses,\r\n      }}\r\n    >\r\n      {children}\r\n    </clientProcessesContext.Provider>\r\n  );\r\n};;;;\r\n\r\n/**\r\n * A simpler version, where u just pass the async function that returns process data.\r\n *\r\n * @param caller\r\n * @returns\r\n */\r\nexport function useClientProcess<T>({\r\n  caller,\r\n  filterKey,\r\n  onLoading,\r\n  onSuccess,\r\n  onFailure,\r\n}: {\r\n  caller: (inputs: T) => Promise<ProcessResponse>;\r\n  filterKey: string;\r\n  onLoading?: (processId: string, processName: string) => void;\r\n  onSuccess?: <R>(processId: string, processName: string, result: R) => void;\r\n  onFailure?: (processId: string, processName: string, error?: string) => void;\r\n}) {\r\n  const clientProcessesApi = useContext(clientProcessesContext);\r\n\r\n  // Note that the exposed function doesn't return process ids\r\n  // Client should be oblivious to those\r\n  // Abstraction BABY!\r\n  const wrappedCaller = async (\r\n    inputs: T,\r\n    metadata?: Record<string, string>,\r\n  ) => {\r\n    const response = await caller(inputs);\r\n    clientProcessesApi.registerProcess(\r\n      response.processId,\r\n      response,\r\n      { filterKey, metadata },\r\n      {\r\n        onLoading,\r\n        onSuccess,\r\n        onFailure,\r\n      },\r\n    );\r\n\r\n    return {\r\n      id: response.processId,\r\n      success: response.success,\r\n      message: response.message,\r\n    };\r\n  };\r\n\r\n  return {\r\n    run: wrappedCaller,\r\n    get: (id: string) => clientProcessesApi.getProcess(id),\r\n    getAll: () => clientProcessesApi.filterProcesses(filterKey),\r\n    cp: clientProcessesApi.cp,\r\n  };\r\n}"],"names":[],"mappings":";;;;;;AAoDA;;;;;AAKG;AACH;AAEI;AACA;AACE;AACD;AACF;AAIH;;;;;AAKG;AACH;AAMI;AACA;AACE;AACD;AACD;;;;AAID;AAcH;;;AAGG;AACH;AAIA;;;;AAIG;;AAED;;;;AAeM;;AAEE;AAAgB;;;AAIhB;AACE;;AAOA;AACA;;;;AAKE;;;;;AAMJ;AACE;AACA;AACA;;AACK;AACL;AAGA;;;AAIF;;;AAIF;AACE;;AACmB;;AAGnB;AACE;AAEF;AAKA;AACA;;AAEH;AAEJ;AAED;;;;;;AAMG;;AAOD;AACE;;AAED;AACH;AAEA;;;;;AAKG;AACH;;AAME;AAEG;AACC;;AAEoB;AAE1B;AAEA;;;;AAIG;AACH;AACE;AACG;AAGA;;;AAGA;AACA;AAIL;AAEA;;;;AAMM;;AAMR;AAEA;;;;;AAKG;AACG;AAaJ;;;;;AASE;AACA;;;;AAQG;;;;;;AAQL;;AAGE;;;;;AAKJ;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterinternship/components",
-  "version": "1.5.9",
+  "version": "1.5.11",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",