@integration-app/react 0.1.25 → 0.2.0

package/dist/index.umd.js

@@ -0,0 +1,413 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@integration-app/sdk'), require('react')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@integration-app/sdk', 'react'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.integrationAppReact = {}, global.jsxRuntime, global.sdk, global.react));
+})(this, (function (exports, jsxRuntime, sdk, react) { 'use strict';
+
+    const IntegrationAppContext = react.createContext(null);
+    IntegrationAppContext.displayName = 'IntegrationAppClientContext';
+    const IntegrationAppProvider = ({ token, apiUri = null, uiUri = null, children, }) => {
+        const client = react.useMemo(() => new sdk.IntegrationAppClient({
+            token,
+            apiUri,
+            uiUri,
+        }), [token, apiUri, uiUri]);
+        return (jsxRuntime.jsx(IntegrationAppContext.Provider, { value: client, children: children }));
+    };
+    function useIntegrationApp() {
+        return react.useContext(IntegrationAppContext);
+    }
+
+    function useConnectorSpec(integrationKey) {
+        const integrationApp = useIntegrationApp();
+        const [data, setData] = react.useState(null);
+        const [loading, setLoading] = react.useState(true);
+        const [error, setError] = react.useState(null);
+        react.useEffect(() => {
+            if (!integrationApp) {
+                return;
+            }
+            integrationApp
+                .integration(integrationKey)
+                .getConnectorSpec()
+                .then(setData)
+                .catch(setError)
+                .finally(() => setLoading(false));
+        }, [integrationApp, integrationKey]);
+        return { data, loading, error };
+    }
+
+    function useElement(props, accessorGenerator) {
+        const integrationApp = useIntegrationApp();
+        const [data, setData] = react.useState();
+        const [loading, setLoading] = react.useState(true);
+        const [error, setError] = react.useState(null);
+        const [refreshCounter, setRefreshCounter] = react.useState(0);
+        const selector = (props === null || props === void 0 ? void 0 : props.id)
+            ? props.id
+            : props;
+        const accessor = integrationApp
+            ? accessorGenerator(integrationApp)(selector)
+            : null;
+        react.useEffect(() => {
+            setLoading(true);
+            setError(null);
+            if (integrationApp) {
+                accessor
+                    .get()
+                    .then(setData)
+                    .catch(setError)
+                    .finally(() => setLoading(false));
+            }
+            else {
+                setError(new Error('IntegrationApp not found. Was this component wrapped in <IntegrationAppProvider>?'));
+            }
+        }, [integrationApp, JSON.stringify(props), refreshCounter]);
+        async function create(createData) {
+            if (data !== undefined) {
+                setData({
+                    ...data,
+                    ...createData,
+                });
+            }
+            return accessorGenerator(integrationApp)(selector).create(createData);
+        }
+        function refresh() {
+            setRefreshCounter(refreshCounter + 1);
+        }
+        async function patch(patch) {
+            if (typeof patch === 'object') {
+                setData({
+                    ...data,
+                    ...(patch !== null && patch !== void 0 ? patch : {}),
+                });
+                return accessorGenerator(integrationApp)(selector).patch(patch);
+            }
+            else {
+                return data;
+            }
+        }
+        async function put(putData) {
+            if (data !== undefined) {
+                setData({
+                    ...data,
+                    ...putData,
+                });
+            }
+            return accessorGenerator(integrationApp)(selector).put(putData);
+        }
+        async function archive() {
+            setData(null);
+            return accessorGenerator(integrationApp)(selector).archive();
+        }
+        return {
+            data,
+            create,
+            patch,
+            put,
+            archive,
+            refresh,
+            loading,
+            error,
+            accessor,
+        };
+    }
+
+    function useIntegration(idOrKey) {
+        const { data: integration, ...rest } = useElement(idOrKey, (integrationApp) => integrationApp.integration.bind(integrationApp));
+        return { integration, ...rest };
+    }
+
+    function useElements(initialQuery, accessorGenerator) {
+        const integrationApp = useIntegrationApp();
+        const refreshId = react.useRef(0);
+        const [items, setItems] = react.useState([]);
+        const [nextCursor, setNextCursor] = react.useState(undefined);
+        const [loading, setLoading] = react.useState(false);
+        const [error, setError] = react.useState(null);
+        async function loadMore() {
+            const startingRefreshId = refreshId.current;
+            const isFirstPage = !nextCursor;
+            function setStateIfCurrentRefresh(stateSetter, valueGetter) {
+                stateSetter((value) => startingRefreshId === refreshId.current ? valueGetter(value) : value);
+            }
+            setStateIfCurrentRefresh(setError, () => null);
+            setStateIfCurrentRefresh(setLoading, () => true);
+            const queryParams = {
+                ...initialQuery,
+            };
+            if (nextCursor)
+                queryParams.cursor = nextCursor;
+            try {
+                const data = await accessorGenerator(integrationApp).find(queryParams);
+                setStateIfCurrentRefresh(setNextCursor, () => data.cursor);
+                setStateIfCurrentRefresh(setItems, (items) => isFirstPage ? data.items : [...items, ...data.items]);
+            }
+            catch (e) {
+                setStateIfCurrentRefresh(setError, () => e);
+            }
+            finally {
+                setStateIfCurrentRefresh(setLoading, () => false);
+            }
+        }
+        react.useEffect(() => {
+            if (!integrationApp) {
+                setError(new Error('IntegrationApp not found. Was this component wrapped in <IntegrationAppProvider>?'));
+                return;
+            }
+            refresh();
+        }, [integrationApp, JSON.stringify(initialQuery)]);
+        async function refresh() {
+            refreshId.current += 1;
+            setNextCursor(undefined);
+            await loadMore();
+        }
+        return {
+            items,
+            refresh,
+            loadMore,
+            loading,
+            error,
+        };
+    }
+
+    function useIntegrations(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.integrations);
+        return {
+            ...rest,
+        };
+    }
+
+    function useConnection(id) {
+        const { data: connection, ...rest } = useElement(id, (integrationApp) => integrationApp.connection.bind(integrationApp));
+        return { connection, ...rest };
+    }
+
+    function useConnections(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.connections);
+        return {
+            ...rest,
+        };
+    }
+
+    function useFieldMapping(idOrKey) {
+        const { data: fieldMapping, ...rest } = useElement(idOrKey, (integrationApp) => integrationApp.fieldMapping.bind(integrationApp));
+        return { fieldMapping, ...rest };
+    }
+
+    function useFieldMappings(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.fieldMappings);
+        return {
+            ...rest,
+        };
+    }
+
+    function useFieldMappingInstance(selector) {
+        const { data: fieldMappingInstance, ...rest } = useElement(selector, (integrationApp) => integrationApp.fieldMappingInstance.bind(integrationApp));
+        const accessor = rest.accessor;
+        return {
+            fieldMappingInstance,
+            setup: () => accessor.setup(),
+            reset: () => accessor.reset(),
+            openConfiguration: (options) => accessor.openConfiguration(options),
+            ...rest,
+        };
+    }
+
+    function useFieldMappingInstances(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.fieldMappingInstances);
+        return {
+            ...rest,
+        };
+    }
+
+    function useDataSource(idOrKey) {
+        const { data: dataSource, ...rest } = useElement(idOrKey, (integrationApp) => integrationApp.dataSource.bind(integrationApp));
+        return { dataSource, ...rest };
+    }
+
+    function useDataSources(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.dataSources);
+        return {
+            ...rest,
+        };
+    }
+
+    function useDataSourceInstance(selector) {
+        const { data: dataSourceInstance, ...rest } = useElement(selector, (integrationApp) => integrationApp.dataSourceInstance.bind(integrationApp));
+        const accessor = rest.accessor;
+        return {
+            dataSourceInstance,
+            setup: () => accessor.setup(),
+            subscribe: (eventType) => accessor.subscribe(eventType),
+            resubscribe: (eventType) => accessor.resubscribe(eventType),
+            unsubscribe: (eventType) => accessor.unsubscribe(eventType),
+            pullUpdates: () => accessor.pullUpdates(),
+            fullSync: () => accessor.fullSync(),
+            reset: () => accessor.reset(),
+            openConfiguration: (options) => accessor.openConfiguration(options),
+            findRecords: (request) => accessor.findRecords(request),
+            findRecordById: (id) => accessor.findRecordById(id),
+            createRecord: (request) => accessor.createRecord(request),
+            updateRecord: (request) => accessor.updateRecord(request),
+            deleteRecord: (id) => accessor.deleteRecord(id),
+            unifiedFieldsToNative: (unifiedFields) => accessor.unifiedFieldsToNative(unifiedFields),
+            ...rest,
+        };
+    }
+
+    function useGetter(key, getter) {
+        const integrationApp = useIntegrationApp();
+        const [data, setData] = react.useState();
+        const [loading, setLoading] = react.useState(true);
+        const [error, setError] = react.useState(null);
+        const [refreshCounter, setRefreshCounter] = react.useState(0);
+        function refresh() {
+            setRefreshCounter(refreshCounter + 1);
+        }
+        react.useEffect(() => {
+            if (key !== undefined) {
+                setLoading(true);
+                setError(null);
+                if (integrationApp) {
+                    getter()
+                        .then(setData)
+                        .catch(setError)
+                        .finally(() => setLoading(false));
+                }
+                else {
+                    setError(new Error('IntegrationApp not found. Was this component wrapped in <IntegrationAppProvider>?'));
+                }
+            }
+        }, [integrationApp, key, refreshCounter]);
+        return { data, loading, error, refresh };
+    }
+
+    function useDataSourceInstanceCollection(dataSourceInstance) {
+        const integrationApp = useIntegrationApp();
+        const { data: collection, ...rest } = useGetter(dataSourceInstance === null || dataSourceInstance === void 0 ? void 0 : dataSourceInstance.id, () => integrationApp.dataSourceInstance(dataSourceInstance.id).getCollection());
+        return {
+            collection,
+            ...rest,
+        };
+    }
+
+    function useDataSourceInstanceLocations(dataSourceInstance, args) {
+        var _a;
+        const integrationApp = useIntegrationApp();
+        const { data, ...rest } = useGetter(dataSourceInstance
+            ? `${dataSourceInstance.id}/${JSON.stringify(args)}`
+            : undefined, () => integrationApp
+            .dataSourceInstance(dataSourceInstance.id)
+            .getLocations(args));
+        return {
+            locations: (_a = data === null || data === void 0 ? void 0 : data.locations) !== null && _a !== void 0 ? _a : [],
+            ...rest,
+        };
+    }
+
+    function useDataSourceEvents(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.dataSourceEvents);
+        return {
+            ...rest,
+        };
+    }
+
+    function useAppEvents(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.appEvents);
+        return {
+            ...rest,
+        };
+    }
+
+    function useAppEventType(idOrKey) {
+        const { data: appEventType, ...rest } = useElement(idOrKey, (integrationApp) => integrationApp.appEventType.bind(integrationApp));
+        return { appEventType, ...rest };
+    }
+
+    function useAppEventTypes(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.appEventTypes);
+        return {
+            ...rest,
+        };
+    }
+
+    function useAppEventSubscription(selector) {
+        const { data: appEventSubscription, ...rest } = useElement(selector, (integrationApp) => integrationApp.appEventSubscription.bind(integrationApp));
+        return { appEventSubscription, ...rest };
+    }
+
+    function useAppEventSubscriptions(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.appEventSubscriptions);
+        return {
+            ...rest,
+        };
+    }
+
+    function useFlow(idOrKey) {
+        const { data: flow, ...rest } = useElement(idOrKey, (integrationApp) => integrationApp.flow.bind(integrationApp));
+        return { flow, ...rest };
+    }
+
+    function useFlows(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.flows);
+        return { ...rest };
+    }
+
+    function useFlowInstance(props) {
+        const { data: flowInstance, ...rest } = useElement(props, (integrationApp) => integrationApp.flowInstance.bind(integrationApp));
+        return { flowInstance, ...rest };
+    }
+
+    function useFlowInstances(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.flowInstances);
+        return {
+            ...rest,
+        };
+    }
+
+    function useFlowRun(id) {
+        const { data: flowRun, ...rest } = useElement(id, (integrationApp) => integrationApp.flowRun.bind(integrationApp));
+        return { flowRun, ...rest };
+    }
+
+    function useFlowRuns(query) {
+        const { ...rest } = useElements(query, (integrationApp) => integrationApp.flowRuns);
+        return { ...rest };
+    }
+
+    Object.defineProperty(exports, 'DataForm', {
+        enumerable: true,
+        get: function () { return sdk.DataForm; }
+    });
+    exports.IntegrationAppProvider = IntegrationAppProvider;
+    exports.useAppEventSubscription = useAppEventSubscription;
+    exports.useAppEventSubscriptions = useAppEventSubscriptions;
+    exports.useAppEventType = useAppEventType;
+    exports.useAppEventTypes = useAppEventTypes;
+    exports.useAppEvents = useAppEvents;
+    exports.useConnection = useConnection;
+    exports.useConnections = useConnections;
+    exports.useConnectorSpec = useConnectorSpec;
+    exports.useDataSource = useDataSource;
+    exports.useDataSourceCollection = useDataSourceInstanceCollection;
+    exports.useDataSourceEvents = useDataSourceEvents;
+    exports.useDataSourceInstance = useDataSourceInstance;
+    exports.useDataSourceLocations = useDataSourceInstanceLocations;
+    exports.useDataSources = useDataSources;
+    exports.useFieldMapping = useFieldMapping;
+    exports.useFieldMappingInstance = useFieldMappingInstance;
+    exports.useFieldMappingInstances = useFieldMappingInstances;
+    exports.useFieldMappings = useFieldMappings;
+    exports.useFlow = useFlow;
+    exports.useFlowInstance = useFlowInstance;
+    exports.useFlowInstances = useFlowInstances;
+    exports.useFlowRun = useFlowRun;
+    exports.useFlowRuns = useFlowRuns;
+    exports.useFlows = useFlows;
+    exports.useIntegration = useIntegration;
+    exports.useIntegrationApp = useIntegrationApp;
+    exports.useIntegrations = useIntegrations;
+
+}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/contexts/integration-app-context.tsx","../src/integrations/useConnectionSpec.ts","../src/hooks/useElement.tsx","../src/integrations/useIntegration.ts","../src/hooks/useElements.tsx","../src/integrations/useIntegrations.ts","../src/integrations/useConnection.ts","../src/integrations/useConnections.ts","../src/field-mappings/useFieldMapping.ts","../src/field-mappings/useFieldMappings.ts","../src/field-mappings/useFieldMappingInstance.ts","../src/field-mappings/useFieldMappingInstances.ts","../src/data-sources/useDataSource.ts","../src/data-sources/useDataSources.ts","../src/data-sources/useDataSourceInstance.ts","../src/hooks/useGetter.tsx","../src/data-sources/useDataSourceInstanceCollection.ts","../src/data-sources/useDataSourceInstanceLocations.ts","../src/data-sources/useDataSourceEvents.ts","../src/app-events/useAppEvents.ts","../src/app-events/useAppEventType.ts","../src/app-events/useAppEventTypes.ts","../src/app-events/useAppEventSubscription.ts","../src/app-events/useAppEventSubscriptions.ts","../src/flows/useFlow.ts","../src/flows/useFlows.ts","../src/flows/useFlowInstance.ts","../src/flows/useFlowInstances.ts","../src/flows/useFlowRun.ts","../src/flows/useFlowRuns.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["createContext","useMemo","IntegrationAppClient","_jsx","useContext","useState","useEffect","useRef"],"mappings":"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"}

package/package.json

@@ -1,36 +1,55 @@
 {
   "name": "@integration-app/react",
-  "version": "0.1.25",
-  "description": "React SDK for building native integrations.",
-  "author": "integration.app",
-  "scripts": {
-    "clean": "del dist && del .build && mkdir dist",
-    "build": "npm run build:prep && npm run build:copy && npm run build:ts",
-    "build:prep": "npm run clean",
-    "build:copy": "cp package/package.json dist",
-    "build:ts": "tsc",
-    "publish-dist": "cd ./dist && npm publish --access public"
+  "version": "0.2.0",
+  "description": "",
+  "author": "Integration.app",
+  "source": "src/index.ts",
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "require": "./dist/index.js",
+    "import": "./dist/index.module.mjs"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/integration-app/react.git"
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.module.mjs",
+  "unpkg": "./dist/index.umd.js",
+  "scripts": {
+    "build": "npm run prep:build && rollup -c rollup.config.mjs && npm run clean:postbuild",
+    "build:dev": "npm run prep:dev && rollup -c rollup.config.mjs",
+    "clean": "exec rm -rf ./dist",
+    "clean:postbuild": "exec rm -rf ./dist/dts",
+    "docs": "typedoc --tsconfig tsconfig.json",
+    "docs:dev": "typedoc --tsconfig tsconfig.json --watch",
+    "dev": "npm run prep:dev && rollup -c rollup.config.mjs --watch",
+    "install:publishDeps": "npm i @integration-app/sdk@latest --save",
+    "install:localDeps": "npm i ../sdk --save",
+    "prep:build": "npm run clean && npm run install:publishDeps",
+    "prep:dev": "npm run clean && npm run install:localDeps && npm run removeReactPackages",
+    "publish-dist": "npm publish --access public",
+    "removeReactPackages": "exec rm -rf ./node_modules/react ./node_modules/react-dom",
+    "test:package": "cd test-package && ./test.sh && cd ..",
+    "version": "npm version"
   },
-  "type": "commonjs",
-  "main": "index.js",
-  "types": "index.d.ts",
   "dependencies": {
-    "@integration-app/sdk": "^0.16.47"
-  },
-  "devDependencies": {
-    "copy": "^0.3.2",
-    "del-cli": "^4.0.1",
-    "typescript": "^4.7.4"
+    "@integration-app/sdk": "^0.16.52"
   },
   "peerDependencies": {
-    "react": "17 - 18",
-    "react-dom": "17 - 18"
+    "react": ">17.0.1",
+    "react-dom": ">17.0.1"
   },
-  "files": [
-    "**/*"
-  ]
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-typescript": "^11.1.0",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
+    "rollup": "^3.20.2",
+    "rollup-plugin-dts": "^5.3.0",
+    "typedoc": "^0.23.21",
+    "typedoc-plugin-mark-react-functional-components": "^0.2.2",
+    "typedoc-plugin-missing-exports": "^1.0.0",
+    "typedoc-plugin-rename-defaults": "^0.6.4",
+    "typescript": "~4.8.4"
+  }
 }

package/rollup.config.mjs

@@ -0,0 +1,64 @@
+// Compile TypeScript files
+import typescript from '@rollup/plugin-typescript'
+// Convert CommonJS modules to ES6, so they can be included in a Rollup bundle
+import commonjs from '@rollup/plugin-commonjs'
+// Locate modules using the Node resolution algorithm, for using third party modules in node_modules
+import nodeResolve from '@rollup/plugin-node-resolve'
+// Flat dts files into one
+import dts from 'rollup-plugin-dts'
+// Convert .json files to ES6 modules
+import rollupJson from '@rollup/plugin-json'
+
+const config = [
+  {
+    input: './src/index.tsx',
+    output: [
+      {
+        // CommonJS bundle
+        file: './dist/index.js',
+        format: 'cjs',
+        sourcemap: true,
+      },
+      {
+        // ESM bundle
+        file: './dist/index.module.mjs',
+        format: 'esm',
+        sourcemap: true,
+      },
+      {
+        // Universal Module Definition, works as `amd`, `cjs` and `iife` all in one
+        file: './dist/index.umd.js',
+        format: 'umd',
+        name: 'integrationAppReact',
+        sourcemap: true,
+      },
+    ],
+    external: [/node_modules/, '@integration-app/sdk'],
+    plugins: [
+      typescript({
+        tsconfig: 'tsconfig.json',
+      }),
+      commonjs(),
+      nodeResolve({
+        browser: true,
+      }),
+      rollupJson(),
+    ],
+  },
+  // Generate dts files for each bundle from *.d.ts files
+  {
+    input: './dist/dts/index.d.ts',
+    output: [
+      { file: 'dist/index.d.ts', format: 'commonjs' },
+      { file: 'dist/index.module.d.ts', format: 'es' },
+      {
+        file: 'dist/index.umd.d.ts',
+        format: 'umd',
+        name: 'integrationAppReact',
+      },
+    ],
+    plugins: [dts()],
+  },
+]
+
+export default config

package/src/app-events/useAppEventSubscription.ts

@@ -0,0 +1,20 @@
+import {
+  AppEventSubscription,
+  AppEventSubscriptionAccessor,
+  AppEventSubscriptionSelector,
+} from '@integration-app/sdk'
+import { useElement } from '../hooks/useElement'
+
+export function useAppEventSubscription(
+  selector: AppEventSubscriptionSelector | { id: string },
+) {
+  const { data: appEventSubscription, ...rest } = useElement<
+    AppEventSubscription,
+    AppEventSubscriptionSelector,
+    AppEventSubscriptionAccessor
+  >(selector, (integrationApp) =>
+    integrationApp.appEventSubscription.bind(integrationApp),
+  )
+
+  return { appEventSubscription, ...rest }
+}

package/src/app-events/useAppEventSubscriptions.ts

@@ -0,0 +1,18 @@
+import {
+  AppEventSubscription,
+  FindAppEventSubscriptionsQuery,
+} from '@integration-app/sdk'
+import { useElements } from '../hooks/useElements'
+
+export function useAppEventSubscriptions(
+  query?: FindAppEventSubscriptionsQuery,
+) {
+  const { ...rest } = useElements<
+    AppEventSubscription,
+    FindAppEventSubscriptionsQuery
+  >(query, (integrationApp) => integrationApp.appEventSubscriptions)
+
+  return {
+    ...rest,
+  }
+}

package/src/app-events/useAppEventType.ts

@@ -0,0 +1,15 @@
+import { AppEventType } from '@integration-app/sdk'
+import { AppEventTypeAccessor } from '@integration-app/sdk'
+import { useElement } from '../hooks/useElement'
+
+export function useAppEventType(idOrKey: string) {
+  const { data: appEventType, ...rest } = useElement<
+    AppEventType,
+    string,
+    AppEventTypeAccessor
+  >(idOrKey, (integrationApp) =>
+    integrationApp.appEventType.bind(integrationApp),
+  )
+
+  return { appEventType, ...rest }
+}

package/src/app-events/useAppEventTypes.ts

@@ -0,0 +1,13 @@
+import { AppEventType, FindAppEventTypesQuery } from '@integration-app/sdk'
+import { useElements } from '../hooks/useElements'
+
+export function useAppEventTypes(query?: FindAppEventTypesQuery) {
+  const { ...rest } = useElements<AppEventType, FindAppEventTypesQuery>(
+    query,
+    (integrationApp) => integrationApp.appEventTypes,
+  )
+
+  return {
+    ...rest,
+  }
+}

package/src/app-events/useAppEvents.ts

@@ -0,0 +1,13 @@
+import { AppEvent, FindAppEventsQuery } from '@integration-app/sdk'
+import { useElements } from '../hooks/useElements'
+
+export function useAppEvents(query?: FindAppEventsQuery) {
+  const { ...rest } = useElements<AppEvent, FindAppEventsQuery>(
+    query,
+    (integrationApp) => integrationApp.appEvents,
+  )
+
+  return {
+    ...rest,
+  }
+}