@integration-app/react 0.3.8 → 0.3.9

package/src/external-events/useExternalEventSubscription.ts

@@ -0,0 +1,60 @@
+import {
+  ExternalEventSubscription,
+  ExternalEventSubscriptionAccessor,
+} from '@integration-app/sdk'
+import { useElement } from '../hooks/useElement'
+
+export function useExternalEventSubscription(id: string | undefined) {
+  const {
+    item: externalEventSubscription,
+    accessor,
+    refresh,
+    ...rest
+  } = useElement<
+    ExternalEventSubscription,
+    undefined,
+    undefined,
+    ExternalEventSubscriptionAccessor
+  >(id, (integrationApp) =>
+    id ? integrationApp.externalEventSubscription(id) : undefined,
+  )
+
+  async function setup() {
+    await accessor?.setup()
+    await refresh()
+  }
+
+  async function subscribe() {
+    await accessor?.subscribe()
+    await refresh()
+  }
+
+  async function resubscribe() {
+    await accessor?.resubscribe()
+    await refresh()
+  }
+
+  async function unsubscribe() {
+    await accessor?.unsubscribe()
+    await refresh()
+  }
+
+  async function pullEvents() {
+    await accessor?.pullEvents()
+    await refresh()
+  }
+
+  return {
+    externalEventSubscription,
+    accessor,
+    refresh,
+
+    setup,
+    subscribe,
+    resubscribe,
+    unsubscribe,
+    pullEvents,
+
+    ...rest,
+  }
+}

package/src/external-events/useExternalEventSubscriptions.ts

@@ -0,0 +1,19 @@
+import {
+  FindExternalEventSubscriptionsQuery,
+  DataSourceInstance,
+} from '@integration-app/sdk'
+import { useElements } from '../hooks/useElements'
+
+export function useExternalEventSubscriptions(
+  query?: FindExternalEventSubscriptionsQuery,
+) {
+  const { ...rest } = useElements<DataSourceInstance>(
+    'external-event-subscriptions',
+    query,
+  )
+
+  return {
+    externalEventSubscriptions: rest.items,
+    ...rest,
+  }
+}

package/src/field-mappings/useFieldMapping.ts

@@ -27,9 +27,7 @@ export function useFieldMapping(
   async function apply(integrationKeys: string[]): Promise<FieldMapping[]> {
     const result = await accessor?.apply(integrationKeys)
     await refresh()
-    /* FIXME: strictNullCheck temporary fix */
-    // @ts-expect-error TS(2322): Type 'FieldMapping[] | undefined' is not assignabl... Remove this comment to see the full error message
-    return result
+    return result ?? []
   }
 
   async function reset() {

package/src/hooks/useElement.tsx

@@ -43,7 +43,7 @@ export function useElement<
   // To make sure all instances of useElement with the same IntegrationAppClient and selector
   // are synchronized, we cache them using selector and token as a key
   const elementKeyData: any = {
-    token: integrationApp.token,
+    token: integrationApp?.token,
     selector,
   }
   const elementKey = JSON.stringify(elementKeyData)

package/src/index.tsx

@@ -14,7 +14,6 @@ export { useFieldMappingInstances } from './field-mappings/useFieldMappingInstan
 export { useFieldMappings } from './field-mappings/useFieldMappings.js'
 
 export { useDataSource } from './data-sources/useDataSource.js'
-export { useDataSourceEvents } from './data-sources/useDataSourceEvents.js'
 export { useDataSourceInstance } from './data-sources/useDataSourceInstance.js'
 export { useDataSourceInstanceCollection } from './data-sources/useDataSourceInstanceCollection.js'
 export { useDataSourceInstances } from './data-sources/useDataSourceInstances.js'
@@ -60,4 +59,7 @@ export { useScenarios } from './scenarios/useScenarios.js'
 
 export { useDataCollectionSpec } from './data-collections/useDataCollectionSpec.js'
 
+export { useExternalEventSubscriptions } from './external-events/useExternalEventSubscriptions.js'
+export { useExternalEventSubscription } from './external-events/useExternalEventSubscription.js'
+
 export { DataForm } from '@integration-app/sdk'

package/src/integrations/useConnection.ts

@@ -6,13 +6,13 @@ import {
 } from '@integration-app/sdk'
 import { useElement } from '../hooks/useElement'
 
-export function useConnection(id: string) {
+export function useConnection(id?: string | undefined) {
   const { item: connection, ...rest } = useElement<
     Connection,
     UpdateConnectionRequest,
     CreateConnectionRequest,
     ConnectionAccessor
-  >(id, (integrationApp) => integrationApp.connection(id))
+  >(id, (integrationApp) => (id ? integrationApp.connection(id) : undefined))
 
   return {
     connection,

package/src/data-sources/useDataSourceEvents.ts

@@ -1,14 +0,0 @@
-import {
-  DataSourceEvent,
-  FindDataSourceEventsQuery,
-} from '@integration-app/sdk'
-import { useElements } from '../hooks/useElements'
-
-export function useDataSourceEvents(query?: FindDataSourceEventsQuery) {
-  const { ...rest } = useElements<DataSourceEvent>('data-source-events', query)
-
-  return {
-    dataSourceEvents: rest,
-    ...rest,
-  }
-}