@shipfox/client-integrations 0.2.0

package/dist/components/integration-gallery.stories.js

@@ -0,0 +1,335 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { configureApiClient } from '@shipfox/client-api';
+import { authStateAtom } from '@shipfox/client-auth';
+import { Toaster } from '@shipfox/react-ui/toast';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { createMemoryHistory, createRootRoute, createRoute, createRouter, Outlet, RouterProvider } from '@tanstack/react-router';
+import { createStore, Provider as JotaiProvider } from 'jotai';
+import { useMemo } from 'react';
+import { IntegrationGallery } from './integration-gallery.js';
+const WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';
+const WORKSPACE_PATH = `/workspaces/${WORKSPACE_ID}/settings/integrations`;
+const SETUP_PATHS = [
+    '/workspaces/$wid/integrations/github',
+    '/workspaces/$wid/integrations/sentry',
+    '/workspaces/$wid/integrations/linear',
+    '/workspaces/$wid/integrations/gitea',
+    '/workspaces/$wid/settings/events'
+];
+const PROVIDERS = [
+    {
+        provider: 'github',
+        display_name: 'GitHub',
+        capabilities: [
+            'source_control'
+        ]
+    },
+    {
+        provider: 'sentry',
+        display_name: 'Sentry',
+        capabilities: []
+    },
+    {
+        provider: 'linear',
+        display_name: 'Linear',
+        capabilities: [
+            'agent_tools'
+        ]
+    },
+    {
+        provider: 'gitea',
+        display_name: 'Gitea',
+        capabilities: [
+            'source_control'
+        ]
+    },
+    {
+        provider: 'webhook',
+        display_name: 'Webhook',
+        capabilities: []
+    }
+];
+function IntegrationGalleryStory({ scenario }) {
+    configureApiClient({
+        baseUrl: 'https://api.example.test',
+        fetchImpl: fetchForScenario(scenario)
+    });
+    const queryClient = useMemo(()=>new QueryClient({
+            defaultOptions: {
+                queries: {
+                    retry: false
+                }
+            }
+        }), []);
+    const store = useMemo(()=>{
+        const nextStore = createStore();
+        nextStore.set(authStateAtom, {
+            status: 'authenticated',
+            workspaces: [
+                {
+                    id: WORKSPACE_ID,
+                    name: 'Acme',
+                    membershipId: 'membership-1'
+                }
+            ]
+        });
+        return nextStore;
+    }, []);
+    const router = useMemo(()=>{
+        const rootRoute = createRootRoute({
+            component: Outlet
+        });
+        const workspaceRoute = createRoute({
+            getParentRoute: ()=>rootRoute,
+            path: '/workspaces/$wid',
+            component: Outlet
+        });
+        const galleryRoute = createRoute({
+            getParentRoute: ()=>workspaceRoute,
+            path: 'settings/integrations',
+            component: ()=>/*#__PURE__*/ _jsx("div", {
+                    className: "mx-auto w-full max-w-[760px] bg-background-neutral-background p-24",
+                    children: /*#__PURE__*/ _jsx(IntegrationGallery, {
+                        workspaceId: WORKSPACE_ID
+                    })
+                })
+        });
+        const setupRoutes = SETUP_PATHS.map((path)=>createRoute({
+                getParentRoute: ()=>workspaceRoute,
+                path: path.replace('/workspaces/$wid/', ''),
+                component: ()=>/*#__PURE__*/ _jsx("div", {})
+            }));
+        return createRouter({
+            history: createMemoryHistory({
+                initialEntries: [
+                    WORKSPACE_PATH
+                ]
+            }),
+            routeTree: rootRoute.addChildren([
+                workspaceRoute.addChildren([
+                    galleryRoute,
+                    ...setupRoutes
+                ])
+            ])
+        });
+    }, []);
+    return /*#__PURE__*/ _jsx(QueryClientProvider, {
+        client: queryClient,
+        children: /*#__PURE__*/ _jsxs(JotaiProvider, {
+            store: store,
+            children: [
+                /*#__PURE__*/ _jsx(RouterProvider, {
+                    router: router
+                }),
+                /*#__PURE__*/ _jsx(Toaster, {})
+            ]
+        })
+    });
+}
+const meta = {
+    title: 'Integrations/Gallery',
+    component: IntegrationGalleryStory,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    args: {
+        scenario: 'mixed'
+    }
+};
+export default meta;
+export const Playground = {};
+export const EmptyConnections = {
+    args: {
+        scenario: 'empty-connections'
+    }
+};
+export const Loading = {
+    args: {
+        scenario: 'loading'
+    }
+};
+export const ConnectionsError = {
+    args: {
+        scenario: 'connections-error'
+    }
+};
+export const ProvidersError = {
+    args: {
+        scenario: 'providers-error'
+    }
+};
+export const NoProvidersAvailable = {
+    args: {
+        scenario: 'no-providers'
+    }
+};
+export const LongNames = {
+    args: {
+        scenario: 'long-names'
+    }
+};
+function fetchForScenario(scenario) {
+    return (input, init)=>{
+        const url = requestUrl(input);
+        const method = init?.method ?? 'GET';
+        if (scenario === 'loading') return new Promise(()=>undefined);
+        if (url.pathname === '/integration-providers') {
+            if (scenario === 'providers-error') return Promise.resolve(errorResponse());
+            return Promise.resolve(jsonResponse({
+                providers: scenario === 'no-providers' ? [] : PROVIDERS
+            }));
+        }
+        if (url.pathname.startsWith('/integration-connections/') && method === 'PATCH') {
+            return Promise.resolve(jsonResponse({
+                ...connection(),
+                id: url.pathname.split('/').at(-1),
+                lifecycle_status: 'disabled'
+            }));
+        }
+        if (url.pathname.startsWith('/integration-connections/') && method === 'DELETE') {
+            return Promise.resolve(jsonResponse(undefined, {
+                status: 204
+            }));
+        }
+        if (url.pathname.startsWith('/integrations/webhook/connections/') && method === 'PATCH') {
+            return Promise.resolve(jsonResponse({
+                id: url.pathname.split('/').at(-1),
+                workspace_id: WORKSPACE_ID,
+                name: 'Stripe production',
+                slug: 'stripe-prod',
+                lifecycle_status: 'disabled',
+                inbound_url: 'https://api.example.test/webhook/77777777-7777-4777-8777-777777777777',
+                created_at: '2026-04-12T00:00:00.000Z',
+                updated_at: '2026-04-12T00:00:00.000Z'
+            }));
+        }
+        if (url.pathname.startsWith('/integrations/webhook/connections/') && method === 'DELETE') {
+            return Promise.resolve(jsonResponse(undefined, {
+                status: 204
+            }));
+        }
+        if (url.pathname === '/integration-connections') {
+            if (scenario === 'connections-error') return Promise.resolve(errorResponse());
+            return Promise.resolve(jsonResponse({
+                connections: connectionsForScenario(scenario)
+            }));
+        }
+        if (url.pathname === '/integrations/webhook/connections') {
+            return Promise.resolve(jsonResponse({
+                connections: [
+                    {
+                        id: '77777777-7777-4777-8777-777777777777',
+                        workspace_id: WORKSPACE_ID,
+                        name: 'Stripe production',
+                        slug: 'stripe-prod',
+                        lifecycle_status: 'active',
+                        inbound_url: 'https://api.example.test/webhook/77777777-7777-4777-8777-777777777777',
+                        created_at: '2026-04-12T00:00:00.000Z',
+                        updated_at: '2026-04-12T00:00:00.000Z'
+                    }
+                ]
+            }));
+        }
+        return Promise.resolve(jsonResponse({}, {
+            status: 404
+        }));
+    };
+}
+function connectionsForScenario(scenario) {
+    if (scenario === 'empty-connections' || scenario === 'no-providers') return [];
+    if (scenario === 'long-names') {
+        return [
+            connection({
+                display_name: 'acme-production-observability-and-source-control-organization',
+                lifecycle_status: 'active'
+            }),
+            connection({
+                id: '55555555-5555-4555-8555-555555555555',
+                provider: 'sentry',
+                display_name: 'sentry-team-with-a-very-long-connected-account-name',
+                lifecycle_status: 'error'
+            })
+        ];
+    }
+    return [
+        connection({
+            display_name: 'acme-corp',
+            lifecycle_status: 'active'
+        }),
+        connection({
+            id: '88888888-8888-4888-8888-888888888888',
+            provider: 'linear',
+            display_name: 'linear-acme',
+            lifecycle_status: 'active',
+            external_url: 'https://linear.app/acme/settings'
+        }),
+        connection({
+            id: '55555555-5555-4555-8555-555555555555',
+            provider: 'linear',
+            display_name: 'linear-disabled',
+            lifecycle_status: 'disabled',
+            external_url: undefined
+        }),
+        connection({
+            id: '66666666-6666-4666-8666-666666666666',
+            provider: 'linear',
+            display_name: 'linear-error',
+            lifecycle_status: 'error',
+            external_url: undefined
+        }),
+        connection({
+            id: '77777777-7777-4777-8777-777777777777',
+            provider: 'webhook',
+            external_account_id: 'stripe-prod',
+            slug: 'stripe-prod',
+            display_name: 'Stripe production',
+            capabilities: [],
+            lifecycle_status: 'active',
+            external_url: undefined,
+            created_at: '2026-04-12T00:00:00.000Z',
+            updated_at: '2026-04-12T00:00:00.000Z'
+        })
+    ];
+}
+function connection(overrides = {}) {
+    return {
+        id: '44444444-4444-4444-8444-444444444444',
+        workspace_id: WORKSPACE_ID,
+        provider: 'github',
+        external_account_id: 'installation-1',
+        slug: 'github_acme_corp',
+        display_name: 'acme-corp',
+        lifecycle_status: 'active',
+        capabilities: [
+            'source_control'
+        ],
+        external_url: 'https://github.com/organizations/acme-corp/settings/installations/1',
+        created_at: '2026-03-12T00:00:00.000Z',
+        updated_at: '2026-03-12T00:00:00.000Z',
+        ...overrides
+    };
+}
+function requestUrl(input) {
+    if (typeof input === 'string') return new URL(input);
+    if (input instanceof URL) return input;
+    return new URL(input.url);
+}
+function jsonResponse(body, init = {}) {
+    return new Response(JSON.stringify(body), {
+        status: 200,
+        headers: {
+            'content-type': 'application/json'
+        },
+        ...init
+    });
+}
+function errorResponse() {
+    return jsonResponse({
+        code: 'server-error'
+    }, {
+        status: 500,
+        statusText: 'Server error'
+    });
+}
+
+//# sourceMappingURL=integration-gallery.stories.js.map

package/dist/components/integration-gallery.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/integration-gallery.stories.tsx"],"sourcesContent":["import type {\n  IntegrationConnectionDto,\n  IntegrationProviderDto,\n} from '@shipfox/api-integration-core-dto';\nimport {configureApiClient} from '@shipfox/client-api';\nimport {authStateAtom} from '@shipfox/client-auth';\nimport {Toaster} from '@shipfox/react-ui/toast';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueryClient, QueryClientProvider} from '@tanstack/react-query';\nimport {\n  createMemoryHistory,\n  createRootRoute,\n  createRoute,\n  createRouter,\n  Outlet,\n  RouterProvider,\n} from '@tanstack/react-router';\nimport {createStore, Provider as JotaiProvider} from 'jotai';\nimport {useMemo} from 'react';\nimport {IntegrationGallery} from './integration-gallery.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst WORKSPACE_PATH = `/workspaces/${WORKSPACE_ID}/settings/integrations`;\nconst SETUP_PATHS = [\n  '/workspaces/$wid/integrations/github',\n  '/workspaces/$wid/integrations/sentry',\n  '/workspaces/$wid/integrations/linear',\n  '/workspaces/$wid/integrations/gitea',\n  '/workspaces/$wid/settings/events',\n] as const;\n\ntype Scenario =\n  | 'mixed'\n  | 'empty-connections'\n  | 'loading'\n  | 'connections-error'\n  | 'providers-error'\n  | 'no-providers'\n  | 'long-names';\n\ninterface IntegrationGalleryStoryProps {\n  scenario: Scenario;\n}\n\nconst PROVIDERS: IntegrationProviderDto[] = [\n  {provider: 'github', display_name: 'GitHub', capabilities: ['source_control']},\n  {provider: 'sentry', display_name: 'Sentry', capabilities: []},\n  {provider: 'linear', display_name: 'Linear', capabilities: ['agent_tools']},\n  {provider: 'gitea', display_name: 'Gitea', capabilities: ['source_control']},\n  {provider: 'webhook', display_name: 'Webhook', capabilities: []},\n];\n\nfunction IntegrationGalleryStory({scenario}: IntegrationGalleryStoryProps) {\n  configureApiClient({\n    baseUrl: 'https://api.example.test',\n    fetchImpl: fetchForScenario(scenario),\n  });\n\n  const queryClient = useMemo(\n    () => new QueryClient({defaultOptions: {queries: {retry: false}}}),\n    [],\n  );\n  const store = useMemo(() => {\n    const nextStore = createStore();\n    nextStore.set(authStateAtom, {\n      status: 'authenticated',\n      workspaces: [{id: WORKSPACE_ID, name: 'Acme', membershipId: 'membership-1'}],\n    });\n    return nextStore;\n  }, []);\n  const router = useMemo(() => {\n    const rootRoute = createRootRoute({component: Outlet});\n    const workspaceRoute = createRoute({\n      getParentRoute: () => rootRoute,\n      path: '/workspaces/$wid',\n      component: Outlet,\n    });\n    const galleryRoute = createRoute({\n      getParentRoute: () => workspaceRoute,\n      path: 'settings/integrations',\n      component: () => (\n        <div className=\"mx-auto w-full max-w-[760px] bg-background-neutral-background p-24\">\n          <IntegrationGallery workspaceId={WORKSPACE_ID} />\n        </div>\n      ),\n    });\n    const setupRoutes = SETUP_PATHS.map((path) =>\n      createRoute({\n        getParentRoute: () => workspaceRoute,\n        path: path.replace('/workspaces/$wid/', ''),\n        component: () => <div />,\n      }),\n    );\n\n    return createRouter({\n      history: createMemoryHistory({initialEntries: [WORKSPACE_PATH]}),\n      routeTree: rootRoute.addChildren([\n        workspaceRoute.addChildren([galleryRoute, ...setupRoutes]),\n      ]),\n    });\n  }, []);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <JotaiProvider store={store}>\n        <RouterProvider router={router} />\n        <Toaster />\n      </JotaiProvider>\n    </QueryClientProvider>\n  );\n}\n\nconst meta = {\n  title: 'Integrations/Gallery',\n  component: IntegrationGalleryStory,\n  parameters: {layout: 'fullscreen'},\n  args: {scenario: 'mixed'},\n} satisfies Meta<typeof IntegrationGalleryStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {};\n\nexport const EmptyConnections: Story = {\n  args: {scenario: 'empty-connections'},\n};\n\nexport const Loading: Story = {\n  args: {scenario: 'loading'},\n};\n\nexport const ConnectionsError: Story = {\n  args: {scenario: 'connections-error'},\n};\n\nexport const ProvidersError: Story = {\n  args: {scenario: 'providers-error'},\n};\n\nexport const NoProvidersAvailable: Story = {\n  args: {scenario: 'no-providers'},\n};\n\nexport const LongNames: Story = {\n  args: {scenario: 'long-names'},\n};\n\nfunction fetchForScenario(scenario: Scenario): typeof fetch {\n  return (input, init) => {\n    const url = requestUrl(input);\n    const method = init?.method ?? 'GET';\n    if (scenario === 'loading') return new Promise<Response>(() => undefined);\n    if (url.pathname === '/integration-providers') {\n      if (scenario === 'providers-error') return Promise.resolve(errorResponse());\n      return Promise.resolve(\n        jsonResponse({providers: scenario === 'no-providers' ? [] : PROVIDERS}),\n      );\n    }\n    if (url.pathname.startsWith('/integration-connections/') && method === 'PATCH') {\n      return Promise.resolve(\n        jsonResponse({\n          ...connection(),\n          id: url.pathname.split('/').at(-1),\n          lifecycle_status: 'disabled',\n        }),\n      );\n    }\n    if (url.pathname.startsWith('/integration-connections/') && method === 'DELETE') {\n      return Promise.resolve(jsonResponse(undefined, {status: 204}));\n    }\n    if (url.pathname.startsWith('/integrations/webhook/connections/') && method === 'PATCH') {\n      return Promise.resolve(\n        jsonResponse({\n          id: url.pathname.split('/').at(-1),\n          workspace_id: WORKSPACE_ID,\n          name: 'Stripe production',\n          slug: 'stripe-prod',\n          lifecycle_status: 'disabled',\n          inbound_url: 'https://api.example.test/webhook/77777777-7777-4777-8777-777777777777',\n          created_at: '2026-04-12T00:00:00.000Z',\n          updated_at: '2026-04-12T00:00:00.000Z',\n        }),\n      );\n    }\n    if (url.pathname.startsWith('/integrations/webhook/connections/') && method === 'DELETE') {\n      return Promise.resolve(jsonResponse(undefined, {status: 204}));\n    }\n    if (url.pathname === '/integration-connections') {\n      if (scenario === 'connections-error') return Promise.resolve(errorResponse());\n      return Promise.resolve(jsonResponse({connections: connectionsForScenario(scenario)}));\n    }\n    if (url.pathname === '/integrations/webhook/connections') {\n      return Promise.resolve(\n        jsonResponse({\n          connections: [\n            {\n              id: '77777777-7777-4777-8777-777777777777',\n              workspace_id: WORKSPACE_ID,\n              name: 'Stripe production',\n              slug: 'stripe-prod',\n              lifecycle_status: 'active',\n              inbound_url: 'https://api.example.test/webhook/77777777-7777-4777-8777-777777777777',\n              created_at: '2026-04-12T00:00:00.000Z',\n              updated_at: '2026-04-12T00:00:00.000Z',\n            },\n          ],\n        }),\n      );\n    }\n    return Promise.resolve(jsonResponse({}, {status: 404}));\n  };\n}\n\nfunction connectionsForScenario(scenario: Scenario): IntegrationConnectionDto[] {\n  if (scenario === 'empty-connections' || scenario === 'no-providers') return [];\n  if (scenario === 'long-names') {\n    return [\n      connection({\n        display_name: 'acme-production-observability-and-source-control-organization',\n        lifecycle_status: 'active',\n      }),\n      connection({\n        id: '55555555-5555-4555-8555-555555555555',\n        provider: 'sentry',\n        display_name: 'sentry-team-with-a-very-long-connected-account-name',\n        lifecycle_status: 'error',\n      }),\n    ];\n  }\n  return [\n    connection({display_name: 'acme-corp', lifecycle_status: 'active'}),\n    connection({\n      id: '88888888-8888-4888-8888-888888888888',\n      provider: 'linear',\n      display_name: 'linear-acme',\n      lifecycle_status: 'active',\n      external_url: 'https://linear.app/acme/settings',\n    }),\n    connection({\n      id: '55555555-5555-4555-8555-555555555555',\n      provider: 'linear',\n      display_name: 'linear-disabled',\n      lifecycle_status: 'disabled',\n      external_url: undefined,\n    }),\n    connection({\n      id: '66666666-6666-4666-8666-666666666666',\n      provider: 'linear',\n      display_name: 'linear-error',\n      lifecycle_status: 'error',\n      external_url: undefined,\n    }),\n    connection({\n      id: '77777777-7777-4777-8777-777777777777',\n      provider: 'webhook',\n      external_account_id: 'stripe-prod',\n      slug: 'stripe-prod',\n      display_name: 'Stripe production',\n      capabilities: [],\n      lifecycle_status: 'active',\n      external_url: undefined,\n      created_at: '2026-04-12T00:00:00.000Z',\n      updated_at: '2026-04-12T00:00:00.000Z',\n    }),\n  ];\n}\n\nfunction connection(overrides: Partial<IntegrationConnectionDto> = {}): IntegrationConnectionDto {\n  return {\n    id: '44444444-4444-4444-8444-444444444444',\n    workspace_id: WORKSPACE_ID,\n    provider: 'github',\n    external_account_id: 'installation-1',\n    slug: 'github_acme_corp',\n    display_name: 'acme-corp',\n    lifecycle_status: 'active',\n    capabilities: ['source_control'],\n    external_url: 'https://github.com/organizations/acme-corp/settings/installations/1',\n    created_at: '2026-03-12T00:00:00.000Z',\n    updated_at: '2026-03-12T00:00:00.000Z',\n    ...overrides,\n  };\n}\n\nfunction requestUrl(input: RequestInfo | URL): URL {\n  if (typeof input === 'string') return new URL(input);\n  if (input instanceof URL) return input;\n  return new URL(input.url);\n}\n\nfunction jsonResponse(body: unknown, init: ResponseInit = {}) {\n  return new Response(JSON.stringify(body), {\n    status: 200,\n    headers: {'content-type': 'application/json'},\n    ...init,\n  });\n}\n\nfunction errorResponse() {\n  return jsonResponse({code: 'server-error'}, {status: 500, statusText: 'Server error'});\n}\n"],"names":["configureApiClient","authStateAtom","Toaster","QueryClient","QueryClientProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","createStore","Provider","JotaiProvider","useMemo","IntegrationGallery","WORKSPACE_ID","WORKSPACE_PATH","SETUP_PATHS","PROVIDERS","provider","display_name","capabilities","IntegrationGalleryStory","scenario","baseUrl","fetchImpl","fetchForScenario","queryClient","defaultOptions","queries","retry","store","nextStore","set","status","workspaces","id","name","membershipId","router","rootRoute","component","workspaceRoute","getParentRoute","path","galleryRoute","div","className","workspaceId","setupRoutes","map","replace","history","initialEntries","routeTree","addChildren","client","meta","title","parameters","layout","args","Playground","EmptyConnections","Loading","ConnectionsError","ProvidersError","NoProvidersAvailable","LongNames","input","init","url","requestUrl","method","Promise","undefined","pathname","resolve","errorResponse","jsonResponse","providers","startsWith","connection","split","at","lifecycle_status","workspace_id","slug","inbound_url","created_at","updated_at","connections","connectionsForScenario","external_url","external_account_id","overrides","URL","body","Response","JSON","stringify","headers","code","statusText"],"mappings":"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"}

package/dist/components/integration-usage-events.d.ts

@@ -0,0 +1,4 @@
+import type { IntegrationConnectionDto } from '@shipfox/api-integration-core-dto';
+import type { IntegrationUsageEvent } from './integration-usage-modal.js';
+export declare function usageEventsForConnection(connection: IntegrationConnectionDto): IntegrationUsageEvent[];
+//# sourceMappingURL=integration-usage-events.d.ts.map

package/dist/components/integration-usage-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-usage-events.d.ts","sourceRoot":"","sources":["../../src/components/integration-usage-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAoB,MAAM,mCAAmC,CAAC;AAInG,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAgFxE,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,wBAAwB,GACnC,qBAAqB,EAAE,CAyBzB"}

package/dist/components/integration-usage-events.js

@@ -0,0 +1,127 @@
+import { SENTRY_ISSUE_ACTIONS } from '@shipfox/api-integration-core-dto';
+import { linearWebhookEventNames } from '@shipfox/api-integration-linear-dto';
+import { WEBHOOK_RECEIVED_EVENT } from '@shipfox/api-integration-webhook-dto';
+const GITHUB_EVENTS = [
+    'push',
+    'branch_protection_configuration',
+    'branch_protection_rule',
+    'check_run',
+    'check_suite',
+    'code_scanning_alert',
+    'commit_comment',
+    'create',
+    'custom_property',
+    'custom_property_values',
+    'delete',
+    'dependabot_alert',
+    'deploy_key',
+    'deployment',
+    'deployment_protection_rule',
+    'deployment_review',
+    'deployment_status',
+    'discussion',
+    'discussion_comment',
+    'fork',
+    'github_app_authorization',
+    'gollum',
+    'installation',
+    'installation_repositories',
+    'installation_target',
+    'issue_comment',
+    'issue_dependencies',
+    'issues',
+    'label',
+    'marketplace_purchase',
+    'member',
+    'membership',
+    'merge_group',
+    'meta',
+    'milestone',
+    'org_block',
+    'organization',
+    'package',
+    'page_build',
+    'personal_access_token_request',
+    'ping',
+    'project',
+    'project_card',
+    'project_column',
+    'projects_v2',
+    'projects_v2_item',
+    'projects_v2_status_update',
+    'public',
+    'pull_request',
+    'pull_request_review',
+    'pull_request_review_comment',
+    'pull_request_review_thread',
+    'registry_package',
+    'release',
+    'repository',
+    'repository_advisory',
+    'repository_dispatch',
+    'repository_import',
+    'repository_ruleset',
+    'repository_vulnerability_alert',
+    'secret_scanning_alert',
+    'secret_scanning_alert_location',
+    'secret_scanning_scan',
+    'security_advisory',
+    'security_and_analysis',
+    'sponsorship',
+    'star',
+    'status',
+    'sub_issues',
+    'team',
+    'team_add',
+    'watch',
+    'workflow_dispatch',
+    'workflow_job',
+    'workflow_run'
+];
+export function usageEventsForConnection(connection) {
+    if (connection.provider === 'webhook') {
+        return [
+            {
+                value: WEBHOOK_RECEIVED_EVENT,
+                label: WEBHOOK_RECEIVED_EVENT
+            }
+        ];
+    }
+    if (connection.provider === 'github') {
+        return GITHUB_EVENTS.map((event)=>({
+                value: event,
+                label: event
+            }));
+    }
+    if (connection.provider === 'sentry') {
+        return SENTRY_ISSUE_ACTIONS.map((action)=>({
+                value: `issue.${action}`,
+                label: sentryIssueEventLabel(action)
+            }));
+    }
+    if (connection.provider === 'linear') {
+        return linearWebhookEventNames.map((event)=>({
+                value: event,
+                label: event
+            }));
+    }
+    if (connection.capabilities.includes('source_control')) {
+        return [
+            {
+                value: 'push',
+                label: 'push'
+            }
+        ];
+    }
+    return [
+        {
+            value: 'received',
+            label: 'received'
+        }
+    ];
+}
+function sentryIssueEventLabel(action) {
+    return `issue.${action}`;
+}
+
+//# sourceMappingURL=integration-usage-events.js.map

package/dist/components/integration-usage-events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/integration-usage-events.ts"],"sourcesContent":["import type {IntegrationConnectionDto, SentryIssueAction} from '@shipfox/api-integration-core-dto';\nimport {SENTRY_ISSUE_ACTIONS} from '@shipfox/api-integration-core-dto';\nimport {linearWebhookEventNames} from '@shipfox/api-integration-linear-dto';\nimport {WEBHOOK_RECEIVED_EVENT} from '@shipfox/api-integration-webhook-dto';\nimport type {IntegrationUsageEvent} from './integration-usage-modal.js';\n\nconst GITHUB_EVENTS = [\n  'push',\n  'branch_protection_configuration',\n  'branch_protection_rule',\n  'check_run',\n  'check_suite',\n  'code_scanning_alert',\n  'commit_comment',\n  'create',\n  'custom_property',\n  'custom_property_values',\n  'delete',\n  'dependabot_alert',\n  'deploy_key',\n  'deployment',\n  'deployment_protection_rule',\n  'deployment_review',\n  'deployment_status',\n  'discussion',\n  'discussion_comment',\n  'fork',\n  'github_app_authorization',\n  'gollum',\n  'installation',\n  'installation_repositories',\n  'installation_target',\n  'issue_comment',\n  'issue_dependencies',\n  'issues',\n  'label',\n  'marketplace_purchase',\n  'member',\n  'membership',\n  'merge_group',\n  'meta',\n  'milestone',\n  'org_block',\n  'organization',\n  'package',\n  'page_build',\n  'personal_access_token_request',\n  'ping',\n  'project',\n  'project_card',\n  'project_column',\n  'projects_v2',\n  'projects_v2_item',\n  'projects_v2_status_update',\n  'public',\n  'pull_request',\n  'pull_request_review',\n  'pull_request_review_comment',\n  'pull_request_review_thread',\n  'registry_package',\n  'release',\n  'repository',\n  'repository_advisory',\n  'repository_dispatch',\n  'repository_import',\n  'repository_ruleset',\n  'repository_vulnerability_alert',\n  'secret_scanning_alert',\n  'secret_scanning_alert_location',\n  'secret_scanning_scan',\n  'security_advisory',\n  'security_and_analysis',\n  'sponsorship',\n  'star',\n  'status',\n  'sub_issues',\n  'team',\n  'team_add',\n  'watch',\n  'workflow_dispatch',\n  'workflow_job',\n  'workflow_run',\n] as const;\n\nexport function usageEventsForConnection(\n  connection: IntegrationConnectionDto,\n): IntegrationUsageEvent[] {\n  if (connection.provider === 'webhook') {\n    return [{value: WEBHOOK_RECEIVED_EVENT, label: WEBHOOK_RECEIVED_EVENT}];\n  }\n\n  if (connection.provider === 'github') {\n    return GITHUB_EVENTS.map((event) => ({value: event, label: event}));\n  }\n\n  if (connection.provider === 'sentry') {\n    return SENTRY_ISSUE_ACTIONS.map((action) => ({\n      value: `issue.${action}`,\n      label: sentryIssueEventLabel(action),\n    }));\n  }\n\n  if (connection.provider === 'linear') {\n    return linearWebhookEventNames.map((event) => ({value: event, label: event}));\n  }\n\n  if (connection.capabilities.includes('source_control')) {\n    return [{value: 'push', label: 'push'}];\n  }\n\n  return [{value: 'received', label: 'received'}];\n}\n\nfunction sentryIssueEventLabel(action: SentryIssueAction): string {\n  return `issue.${action}`;\n}\n"],"names":["SENTRY_ISSUE_ACTIONS","linearWebhookEventNames","WEBHOOK_RECEIVED_EVENT","GITHUB_EVENTS","usageEventsForConnection","connection","provider","value","label","map","event","action","sentryIssueEventLabel","capabilities","includes"],"mappings":"AACA,SAAQA,oBAAoB,QAAO,oCAAoC;AACvE,SAAQC,uBAAuB,QAAO,sCAAsC;AAC5E,SAAQC,sBAAsB,QAAO,uCAAuC;AAG5E,MAAMC,gBAAgB;IACpB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,SAASC,yBACdC,UAAoC;IAEpC,IAAIA,WAAWC,QAAQ,KAAK,WAAW;QACrC,OAAO;YAAC;gBAACC,OAAOL;gBAAwBM,OAAON;YAAsB;SAAE;IACzE;IAEA,IAAIG,WAAWC,QAAQ,KAAK,UAAU;QACpC,OAAOH,cAAcM,GAAG,CAAC,CAACC,QAAW,CAAA;gBAACH,OAAOG;gBAAOF,OAAOE;YAAK,CAAA;IAClE;IAEA,IAAIL,WAAWC,QAAQ,KAAK,UAAU;QACpC,OAAON,qBAAqBS,GAAG,CAAC,CAACE,SAAY,CAAA;gBAC3CJ,OAAO,CAAC,MAAM,EAAEI,QAAQ;gBACxBH,OAAOI,sBAAsBD;YAC/B,CAAA;IACF;IAEA,IAAIN,WAAWC,QAAQ,KAAK,UAAU;QACpC,OAAOL,wBAAwBQ,GAAG,CAAC,CAACC,QAAW,CAAA;gBAACH,OAAOG;gBAAOF,OAAOE;YAAK,CAAA;IAC5E;IAEA,IAAIL,WAAWQ,YAAY,CAACC,QAAQ,CAAC,mBAAmB;QACtD,OAAO;YAAC;gBAACP,OAAO;gBAAQC,OAAO;YAAM;SAAE;IACzC;IAEA,OAAO;QAAC;YAACD,OAAO;YAAYC,OAAO;QAAU;KAAE;AACjD;AAEA,SAASI,sBAAsBD,MAAyB;IACtD,OAAO,CAAC,MAAM,EAAEA,QAAQ;AAC1B"}

package/dist/components/integration-usage-modal.d.ts

@@ -0,0 +1,16 @@
+import type { IntegrationConnectionDto } from '@shipfox/api-integration-core-dto';
+import type { ReactNode } from 'react';
+export interface IntegrationUsageEvent {
+    value: string;
+    label: string;
+}
+interface IntegrationUsageModalProps {
+    connection: IntegrationConnectionDto | null;
+    events: IntegrationUsageEvent[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children?: ReactNode;
+}
+export declare function IntegrationUsageModal({ connection, events, open, onOpenChange, children, }: IntegrationUsageModalProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=integration-usage-modal.d.ts.map

package/dist/components/integration-usage-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-usage-modal.d.ts","sourceRoot":"","sources":["../../src/components/integration-usage-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AA4BhF,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA0B;IAClC,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC5C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,0BAA0B,+BA+G5B"}