@shipfox/client-integrations 0.2.0

package/dist/components/webhook/webhook-modals.stories.js

@@ -0,0 +1,222 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WEBHOOK_RECEIVED_EVENT } from '@shipfox/api-integration-webhook-dto';
+import { configureApiClient } from '@shipfox/client-api';
+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 { useMemo } from 'react';
+import { IntegrationDeleteConfirmModal } from '../integration-delete-confirm-modal.js';
+import { IntegrationUsageModal } from '../integration-usage-modal.js';
+import { CopyableValue } from './copyable-value.js';
+import { WebhookCreateModal } from './webhook-create-modal.js';
+import { WebhookPublicEndpointAlert } from './webhook-public-endpoint-alert.js';
+import { WebhookUsageDetails } from './webhook-usage-details.js';
+const WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';
+const CONNECTION_ID = '77777777-7777-4777-8777-777777777777';
+const activeConnection = {
+    id: CONNECTION_ID,
+    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'
+};
+const disabledConnection = {
+    ...activeConnection,
+    lifecycle_status: 'disabled'
+};
+const activeIntegrationConnection = {
+    id: CONNECTION_ID,
+    workspace_id: WORKSPACE_ID,
+    provider: 'webhook',
+    external_account_id: activeConnection.slug,
+    slug: activeConnection.slug,
+    display_name: activeConnection.name,
+    lifecycle_status: activeConnection.lifecycle_status,
+    capabilities: [],
+    created_at: activeConnection.created_at,
+    updated_at: activeConnection.updated_at
+};
+const disabledIntegrationConnection = {
+    ...activeIntegrationConnection,
+    lifecycle_status: 'disabled'
+};
+function WebhookModalStory({ scenario }) {
+    const connection = scenario === 'usage-disabled' ? disabledConnection : activeConnection;
+    configureApiClient({
+        baseUrl: 'https://api.example.test',
+        fetchImpl: fetchForConnection(connection)
+    });
+    const queryClient = useMemo(()=>new QueryClient({
+            defaultOptions: {
+                queries: {
+                    retry: false
+                }
+            }
+        }), []);
+    const router = useMemo(()=>createStoryRouter(scenario), [
+        scenario
+    ]);
+    return /*#__PURE__*/ _jsxs(QueryClientProvider, {
+        client: queryClient,
+        children: [
+            /*#__PURE__*/ _jsx(RouterProvider, {
+                router: router
+            }),
+            /*#__PURE__*/ _jsx(Toaster, {})
+        ]
+    });
+}
+const meta = {
+    title: 'Integrations/WebhookModals',
+    component: WebhookModalStory,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    args: {
+        scenario: 'create-form'
+    }
+};
+export default meta;
+export const Playground = {};
+export const CreateSuccess = {
+    args: {
+        scenario: 'create-success'
+    }
+};
+export const UsageActive = {
+    args: {
+        scenario: 'usage-active'
+    }
+};
+export const UsageDisabled = {
+    args: {
+        scenario: 'usage-disabled'
+    }
+};
+export const DeleteConfirm = {
+    args: {
+        scenario: 'delete-confirm'
+    }
+};
+export const CopyableValueState = {
+    args: {
+        scenario: 'copyable-value'
+    }
+};
+function StorySurface({ scenario }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "min-h-screen bg-background-neutral-background p-24",
+        children: [
+            scenario === 'create-form' ? /*#__PURE__*/ _jsx(WebhookCreateModal, {
+                workspaceId: WORKSPACE_ID,
+                open: true,
+                onOpenChange: ()=>undefined,
+                onCreated: ()=>undefined
+            }) : null,
+            scenario === 'create-success' || scenario === 'usage-active' || scenario === 'usage-disabled' ? /*#__PURE__*/ _jsx(IntegrationUsageModal, {
+                connection: scenario === 'usage-disabled' ? disabledIntegrationConnection : activeIntegrationConnection,
+                events: [
+                    {
+                        value: WEBHOOK_RECEIVED_EVENT,
+                        label: WEBHOOK_RECEIVED_EVENT
+                    }
+                ],
+                open: true,
+                onOpenChange: ()=>undefined,
+                children: /*#__PURE__*/ _jsx(WebhookUsageDetails, {
+                    workspaceId: WORKSPACE_ID,
+                    connectionId: CONNECTION_ID
+                })
+            }) : null,
+            scenario === 'delete-confirm' ? /*#__PURE__*/ _jsx(IntegrationDeleteConfirmModal, {
+                connectionName: activeConnection.name,
+                open: true,
+                isPending: false,
+                onOpenChange: ()=>undefined,
+                onConfirm: ()=>undefined
+            }) : null,
+            scenario === 'copyable-value' ? /*#__PURE__*/ _jsx("div", {
+                className: "mx-auto max-w-[560px] rounded-8 border border-border-neutral-base bg-background-neutral-base p-24",
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-col gap-12",
+                    children: [
+                        /*#__PURE__*/ _jsx(CopyableValue, {
+                            label: "inbound URL",
+                            value: activeConnection.inbound_url
+                        }),
+                        /*#__PURE__*/ _jsx(WebhookPublicEndpointAlert, {})
+                    ]
+                })
+            }) : null
+        ]
+    });
+}
+function createStoryRouter(scenario) {
+    const rootRoute = createRootRoute({
+        component: Outlet
+    });
+    const workspaceRoute = createRoute({
+        getParentRoute: ()=>rootRoute,
+        path: '/workspaces/$wid',
+        component: Outlet
+    });
+    const integrationsRoute = createRoute({
+        getParentRoute: ()=>workspaceRoute,
+        path: 'settings/integrations',
+        component: ()=>/*#__PURE__*/ _jsx(StorySurface, {
+                scenario: scenario
+            })
+    });
+    const eventsRoute = createRoute({
+        getParentRoute: ()=>workspaceRoute,
+        path: 'settings/events',
+        component: ()=>/*#__PURE__*/ _jsx("div", {})
+    });
+    return createRouter({
+        history: createMemoryHistory({
+            initialEntries: [
+                `/workspaces/${WORKSPACE_ID}/settings/integrations`
+            ]
+        }),
+        routeTree: rootRoute.addChildren([
+            workspaceRoute.addChildren([
+                integrationsRoute,
+                eventsRoute
+            ])
+        ])
+    });
+}
+function fetchForConnection(connection) {
+    return (input)=>{
+        const url = requestUrl(input);
+        if (url.pathname === '/integrations/webhook/connections') {
+            return Promise.resolve(jsonResponse({
+                connections: [
+                    connection
+                ]
+            }));
+        }
+        return Promise.resolve(jsonResponse({}, {
+            status: 404
+        }));
+    };
+}
+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
+    });
+}
+
+//# sourceMappingURL=webhook-modals.stories.js.map

package/dist/components/webhook/webhook-modals.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/webhook/webhook-modals.stories.tsx"],"sourcesContent":["import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';\nimport type {WebhookConnectionDto} from '@shipfox/api-integration-webhook-dto';\nimport {WEBHOOK_RECEIVED_EVENT} from '@shipfox/api-integration-webhook-dto';\nimport {configureApiClient} from '@shipfox/client-api';\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 {useMemo} from 'react';\nimport {IntegrationDeleteConfirmModal} from '../integration-delete-confirm-modal.js';\nimport {IntegrationUsageModal} from '../integration-usage-modal.js';\nimport {CopyableValue} from './copyable-value.js';\nimport {WebhookCreateModal} from './webhook-create-modal.js';\nimport {WebhookPublicEndpointAlert} from './webhook-public-endpoint-alert.js';\nimport {WebhookUsageDetails} from './webhook-usage-details.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst CONNECTION_ID = '77777777-7777-4777-8777-777777777777';\n\ntype Scenario =\n  | 'create-form'\n  | 'create-success'\n  | 'usage-active'\n  | 'usage-disabled'\n  | 'delete-confirm'\n  | 'copyable-value';\n\ninterface WebhookModalStoryProps {\n  scenario: Scenario;\n}\n\nconst activeConnection: WebhookConnectionDto = {\n  id: CONNECTION_ID,\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\nconst disabledConnection: WebhookConnectionDto = {\n  ...activeConnection,\n  lifecycle_status: 'disabled',\n};\n\nconst activeIntegrationConnection: IntegrationConnectionDto = {\n  id: CONNECTION_ID,\n  workspace_id: WORKSPACE_ID,\n  provider: 'webhook',\n  external_account_id: activeConnection.slug,\n  slug: activeConnection.slug,\n  display_name: activeConnection.name,\n  lifecycle_status: activeConnection.lifecycle_status,\n  capabilities: [],\n  created_at: activeConnection.created_at,\n  updated_at: activeConnection.updated_at,\n};\n\nconst disabledIntegrationConnection: IntegrationConnectionDto = {\n  ...activeIntegrationConnection,\n  lifecycle_status: 'disabled',\n};\n\nfunction WebhookModalStory({scenario}: WebhookModalStoryProps) {\n  const connection = scenario === 'usage-disabled' ? disabledConnection : activeConnection;\n\n  configureApiClient({\n    baseUrl: 'https://api.example.test',\n    fetchImpl: fetchForConnection(connection),\n  });\n\n  const queryClient = useMemo(\n    () => new QueryClient({defaultOptions: {queries: {retry: false}}}),\n    [],\n  );\n  const router = useMemo(() => createStoryRouter(scenario), [scenario]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <RouterProvider router={router} />\n      <Toaster />\n    </QueryClientProvider>\n  );\n}\n\nconst meta = {\n  title: 'Integrations/WebhookModals',\n  component: WebhookModalStory,\n  parameters: {layout: 'fullscreen'},\n  args: {scenario: 'create-form'},\n} satisfies Meta<typeof WebhookModalStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {};\n\nexport const CreateSuccess: Story = {\n  args: {scenario: 'create-success'},\n};\n\nexport const UsageActive: Story = {\n  args: {scenario: 'usage-active'},\n};\n\nexport const UsageDisabled: Story = {\n  args: {scenario: 'usage-disabled'},\n};\n\nexport const DeleteConfirm: Story = {\n  args: {scenario: 'delete-confirm'},\n};\n\nexport const CopyableValueState: Story = {\n  args: {scenario: 'copyable-value'},\n};\n\nfunction StorySurface({scenario}: {scenario: Scenario}) {\n  return (\n    <div className=\"min-h-screen bg-background-neutral-background p-24\">\n      {scenario === 'create-form' ? (\n        <WebhookCreateModal\n          workspaceId={WORKSPACE_ID}\n          open\n          onOpenChange={() => undefined}\n          onCreated={() => undefined}\n        />\n      ) : null}\n      {scenario === 'create-success' ||\n      scenario === 'usage-active' ||\n      scenario === 'usage-disabled' ? (\n        <IntegrationUsageModal\n          connection={\n            scenario === 'usage-disabled'\n              ? disabledIntegrationConnection\n              : activeIntegrationConnection\n          }\n          events={[{value: WEBHOOK_RECEIVED_EVENT, label: WEBHOOK_RECEIVED_EVENT}]}\n          open\n          onOpenChange={() => undefined}\n        >\n          <WebhookUsageDetails workspaceId={WORKSPACE_ID} connectionId={CONNECTION_ID} />\n        </IntegrationUsageModal>\n      ) : null}\n      {scenario === 'delete-confirm' ? (\n        <IntegrationDeleteConfirmModal\n          connectionName={activeConnection.name}\n          open\n          isPending={false}\n          onOpenChange={() => undefined}\n          onConfirm={() => undefined}\n        />\n      ) : null}\n      {scenario === 'copyable-value' ? (\n        <div className=\"mx-auto max-w-[560px] rounded-8 border border-border-neutral-base bg-background-neutral-base p-24\">\n          <div className=\"flex flex-col gap-12\">\n            <CopyableValue label=\"inbound URL\" value={activeConnection.inbound_url} />\n            <WebhookPublicEndpointAlert />\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction createStoryRouter(scenario: Scenario) {\n  const rootRoute = createRootRoute({component: Outlet});\n  const workspaceRoute = createRoute({\n    getParentRoute: () => rootRoute,\n    path: '/workspaces/$wid',\n    component: Outlet,\n  });\n  const integrationsRoute = createRoute({\n    getParentRoute: () => workspaceRoute,\n    path: 'settings/integrations',\n    component: () => <StorySurface scenario={scenario} />,\n  });\n  const eventsRoute = createRoute({\n    getParentRoute: () => workspaceRoute,\n    path: 'settings/events',\n    component: () => <div />,\n  });\n\n  return createRouter({\n    history: createMemoryHistory({\n      initialEntries: [`/workspaces/${WORKSPACE_ID}/settings/integrations`],\n    }),\n    routeTree: rootRoute.addChildren([\n      workspaceRoute.addChildren([integrationsRoute, eventsRoute]),\n    ]),\n  });\n}\n\nfunction fetchForConnection(connection: WebhookConnectionDto): typeof fetch {\n  return (input) => {\n    const url = requestUrl(input);\n    if (url.pathname === '/integrations/webhook/connections') {\n      return Promise.resolve(jsonResponse({connections: [connection]}));\n    }\n    return Promise.resolve(jsonResponse({}, {status: 404}));\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"],"names":["WEBHOOK_RECEIVED_EVENT","configureApiClient","Toaster","QueryClient","QueryClientProvider","createMemoryHistory","createRootRoute","createRoute","createRouter","Outlet","RouterProvider","useMemo","IntegrationDeleteConfirmModal","IntegrationUsageModal","CopyableValue","WebhookCreateModal","WebhookPublicEndpointAlert","WebhookUsageDetails","WORKSPACE_ID","CONNECTION_ID","activeConnection","id","workspace_id","name","slug","lifecycle_status","inbound_url","created_at","updated_at","disabledConnection","activeIntegrationConnection","provider","external_account_id","display_name","capabilities","disabledIntegrationConnection","WebhookModalStory","scenario","connection","baseUrl","fetchImpl","fetchForConnection","queryClient","defaultOptions","queries","retry","router","createStoryRouter","client","meta","title","component","parameters","layout","args","Playground","CreateSuccess","UsageActive","UsageDisabled","DeleteConfirm","CopyableValueState","StorySurface","div","className","workspaceId","open","onOpenChange","undefined","onCreated","events","value","label","connectionId","connectionName","isPending","onConfirm","rootRoute","workspaceRoute","getParentRoute","path","integrationsRoute","eventsRoute","history","initialEntries","routeTree","addChildren","input","url","requestUrl","pathname","Promise","resolve","jsonResponse","connections","status","URL","body","init","Response","JSON","stringify","headers"],"mappings":"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"}

package/dist/components/webhook/webhook-public-endpoint-alert.d.ts

@@ -0,0 +1,2 @@
+export declare function WebhookPublicEndpointAlert(): import("react").JSX.Element;
+//# sourceMappingURL=webhook-public-endpoint-alert.d.ts.map

package/dist/components/webhook/webhook-public-endpoint-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-public-endpoint-alert.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-public-endpoint-alert.tsx"],"names":[],"mappings":"AAEA,wBAAgB,0BAA0B,gCAYzC"}

package/dist/components/webhook/webhook-public-endpoint-alert.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Callout, CalloutContent, CalloutDescription, CalloutTitle } from '@shipfox/react-ui/callout';
+export function WebhookPublicEndpointAlert() {
+    return /*#__PURE__*/ _jsx(Callout, {
+        role: "alert",
+        type: "default",
+        children: /*#__PURE__*/ _jsxs(CalloutContent, {
+            children: [
+                /*#__PURE__*/ _jsx(CalloutTitle, {
+                    children: "Public webhook endpoint"
+                }),
+                /*#__PURE__*/ _jsx(CalloutDescription, {
+                    children: "Anyone with this URL can send webhook events to this source. You are responsible for verifying the received webhook in your workflow before trusting its payload."
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=webhook-public-endpoint-alert.js.map

package/dist/components/webhook/webhook-public-endpoint-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/webhook/webhook-public-endpoint-alert.tsx"],"sourcesContent":["import {Callout, CalloutContent, CalloutDescription, CalloutTitle} from '@shipfox/react-ui/callout';\n\nexport function WebhookPublicEndpointAlert() {\n  return (\n    <Callout role=\"alert\" type=\"default\">\n      <CalloutContent>\n        <CalloutTitle>Public webhook endpoint</CalloutTitle>\n        <CalloutDescription>\n          Anyone with this URL can send webhook events to this source. You are responsible for\n          verifying the received webhook in your workflow before trusting its payload.\n        </CalloutDescription>\n      </CalloutContent>\n    </Callout>\n  );\n}\n"],"names":["Callout","CalloutContent","CalloutDescription","CalloutTitle","WebhookPublicEndpointAlert","role","type"],"mappings":";AAAA,SAAQA,OAAO,EAAEC,cAAc,EAAEC,kBAAkB,EAAEC,YAAY,QAAO,4BAA4B;AAEpG,OAAO,SAASC;IACd,qBACE,KAACJ;QAAQK,MAAK;QAAQC,MAAK;kBACzB,cAAA,MAACL;;8BACC,KAACE;8BAAa;;8BACd,KAACD;8BAAmB;;;;;AAO5B"}

package/dist/components/webhook/webhook-usage-details.d.ts

@@ -0,0 +1,7 @@
+interface WebhookUsageDetailsProps {
+    workspaceId: string;
+    connectionId: string;
+}
+export declare function WebhookUsageDetails({ workspaceId, connectionId }: WebhookUsageDetailsProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=webhook-usage-details.d.ts.map

package/dist/components/webhook/webhook-usage-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-usage-details.d.ts","sourceRoot":"","sources":["../../../src/components/webhook/webhook-usage-details.tsx"],"names":[],"mappings":"AAOA,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAAC,WAAW,EAAE,YAAY,EAAC,EAAE,wBAAwB,sCA+BxF"}

package/dist/components/webhook/webhook-usage-details.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryLoadError } from '@shipfox/client-ui';
+import { ShipfoxLoader } from '@shipfox/react-ui/loader';
+import { Text } from '@shipfox/react-ui/typography';
+import { useWebhookConnectionsQuery } from '#hooks/api/webhook-connections.js';
+import { CopyableValue } from './copyable-value.js';
+import { WebhookPublicEndpointAlert } from './webhook-public-endpoint-alert.js';
+export function WebhookUsageDetails({ workspaceId, connectionId }) {
+    const connectionsQuery = useWebhookConnectionsQuery(workspaceId);
+    const connection = connectionsQuery.data?.connections.find((candidate)=>candidate.id === connectionId);
+    if (connectionsQuery.isPending) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: "flex min-h-80 items-center justify-center",
+            children: /*#__PURE__*/ _jsx(ShipfoxLoader, {
+                size: 32,
+                animation: "circular",
+                color: "orange",
+                background: "light"
+            })
+        });
+    }
+    if (connectionsQuery.isError && connectionsQuery.data === undefined) {
+        return /*#__PURE__*/ _jsx(QueryLoadError, {
+            query: connectionsQuery,
+            subject: "webhook details"
+        });
+    }
+    if (!connection) return null;
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex w-full flex-col gap-16",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex w-full min-w-0 flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Text, {
+                    size: "sm",
+                    bold: true,
+                    children: "Inbound URL"
+                }),
+                /*#__PURE__*/ _jsx(CopyableValue, {
+                    label: "inbound URL",
+                    value: connection.inbound_url
+                }),
+                /*#__PURE__*/ _jsx(WebhookPublicEndpointAlert, {})
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=webhook-usage-details.js.map

package/dist/components/webhook/webhook-usage-details.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/webhook/webhook-usage-details.tsx"],"sourcesContent":["import {QueryLoadError} from '@shipfox/client-ui';\nimport {ShipfoxLoader} from '@shipfox/react-ui/loader';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useWebhookConnectionsQuery} from '#hooks/api/webhook-connections.js';\nimport {CopyableValue} from './copyable-value.js';\nimport {WebhookPublicEndpointAlert} from './webhook-public-endpoint-alert.js';\n\ninterface WebhookUsageDetailsProps {\n  workspaceId: string;\n  connectionId: string;\n}\n\nexport function WebhookUsageDetails({workspaceId, connectionId}: WebhookUsageDetailsProps) {\n  const connectionsQuery = useWebhookConnectionsQuery(workspaceId);\n  const connection = connectionsQuery.data?.connections.find(\n    (candidate) => candidate.id === connectionId,\n  );\n\n  if (connectionsQuery.isPending) {\n    return (\n      <div className=\"flex min-h-80 items-center justify-center\">\n        <ShipfoxLoader size={32} animation=\"circular\" color=\"orange\" background=\"light\" />\n      </div>\n    );\n  }\n\n  if (connectionsQuery.isError && connectionsQuery.data === undefined) {\n    return <QueryLoadError query={connectionsQuery} subject=\"webhook details\" />;\n  }\n\n  if (!connection) return null;\n\n  return (\n    <div className=\"flex w-full flex-col gap-16\">\n      <div className=\"flex w-full min-w-0 flex-col gap-8\">\n        <Text size=\"sm\" bold>\n          Inbound URL\n        </Text>\n        <CopyableValue label=\"inbound URL\" value={connection.inbound_url} />\n        <WebhookPublicEndpointAlert />\n      </div>\n    </div>\n  );\n}\n"],"names":["QueryLoadError","ShipfoxLoader","Text","useWebhookConnectionsQuery","CopyableValue","WebhookPublicEndpointAlert","WebhookUsageDetails","workspaceId","connectionId","connectionsQuery","connection","data","connections","find","candidate","id","isPending","div","className","size","animation","color","background","isError","undefined","query","subject","bold","label","value","inbound_url"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,aAAa,QAAO,2BAA2B;AACvD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,0BAA0B,QAAO,oCAAoC;AAC7E,SAAQC,aAAa,QAAO,sBAAsB;AAClD,SAAQC,0BAA0B,QAAO,qCAAqC;AAO9E,OAAO,SAASC,oBAAoB,EAACC,WAAW,EAAEC,YAAY,EAA2B;IACvF,MAAMC,mBAAmBN,2BAA2BI;IACpD,MAAMG,aAAaD,iBAAiBE,IAAI,EAAEC,YAAYC,KACpD,CAACC,YAAcA,UAAUC,EAAE,KAAKP;IAGlC,IAAIC,iBAAiBO,SAAS,EAAE;QAC9B,qBACE,KAACC;YAAIC,WAAU;sBACb,cAAA,KAACjB;gBAAckB,MAAM;gBAAIC,WAAU;gBAAWC,OAAM;gBAASC,YAAW;;;IAG9E;IAEA,IAAIb,iBAAiBc,OAAO,IAAId,iBAAiBE,IAAI,KAAKa,WAAW;QACnE,qBAAO,KAACxB;YAAeyB,OAAOhB;YAAkBiB,SAAQ;;IAC1D;IAEA,IAAI,CAAChB,YAAY,OAAO;IAExB,qBACE,KAACO;QAAIC,WAAU;kBACb,cAAA,MAACD;YAAIC,WAAU;;8BACb,KAAChB;oBAAKiB,MAAK;oBAAKQ,IAAI;8BAAC;;8BAGrB,KAACvB;oBAAcwB,OAAM;oBAAcC,OAAOnB,WAAWoB,WAAW;;8BAChE,KAACzB;;;;AAIT"}

package/dist/connection-status-badge.d.ts

@@ -0,0 +1,12 @@
+import type { IntegrationConnectionLifecycleStatusDto } from '@shipfox/api-integration-core-dto';
+export interface ConnectionStatusBadgeProps {
+    status: IntegrationConnectionLifecycleStatusDto;
+    className?: string;
+}
+/**
+ * Single source of truth for a connection's lifecycle pill, shared by the
+ * integration gallery and any surface that reflects source health. Renders
+ * nothing for the expected `active` state.
+ */
+export declare function ConnectionStatusBadge({ status, className }: ConnectionStatusBadgeProps): import("react").JSX.Element | null;
+//# sourceMappingURL=connection-status-badge.d.ts.map

package/dist/connection-status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-status-badge.d.ts","sourceRoot":"","sources":["../src/connection-status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,uCAAuC,EAAC,MAAM,mCAAmC,CAAC;AAc/F,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,uCAAuC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,0BAA0B,sCAapF"}

package/dist/connection-status-badge.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from '@shipfox/react-ui/badge';
+const lifecyclePills = {
+    // `active` is the expected state and carries no badge.
+    active: undefined,
+    disabled: {
+        variant: 'warning',
+        label: 'Disabled',
+        iconLeft: 'errorWarningLine'
+    },
+    error: {
+        variant: 'error',
+        label: 'Error'
+    }
+};
+/**
+ * Single source of truth for a connection's lifecycle pill, shared by the
+ * integration gallery and any surface that reflects source health. Renders
+ * nothing for the expected `active` state.
+ */ export function ConnectionStatusBadge({ status, className }) {
+    const pill = lifecyclePills[status];
+    if (!pill) return null;
+    return /*#__PURE__*/ _jsx(Badge, {
+        variant: pill.variant,
+        radius: "rounded",
+        className: className,
+        ...pill.iconLeft ? {
+            iconLeft: pill.iconLeft
+        } : {},
+        children: pill.label
+    });
+}
+
+//# sourceMappingURL=connection-status-badge.js.map

package/dist/connection-status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connection-status-badge.tsx"],"sourcesContent":["import type {IntegrationConnectionLifecycleStatusDto} from '@shipfox/api-integration-core-dto';\nimport {Badge} from '@shipfox/react-ui/badge';\nimport type {IconName} from '@shipfox/react-ui/icon';\n\nconst lifecyclePills: Record<\n  IntegrationConnectionLifecycleStatusDto,\n  {variant: 'warning' | 'error'; label: string; iconLeft?: IconName} | undefined\n> = {\n  // `active` is the expected state and carries no badge.\n  active: undefined,\n  disabled: {variant: 'warning', label: 'Disabled', iconLeft: 'errorWarningLine'},\n  error: {variant: 'error', label: 'Error'},\n};\n\nexport interface ConnectionStatusBadgeProps {\n  status: IntegrationConnectionLifecycleStatusDto;\n  className?: string;\n}\n\n/**\n * Single source of truth for a connection's lifecycle pill, shared by the\n * integration gallery and any surface that reflects source health. Renders\n * nothing for the expected `active` state.\n */\nexport function ConnectionStatusBadge({status, className}: ConnectionStatusBadgeProps) {\n  const pill = lifecyclePills[status];\n  if (!pill) return null;\n  return (\n    <Badge\n      variant={pill.variant}\n      radius=\"rounded\"\n      className={className}\n      {...(pill.iconLeft ? {iconLeft: pill.iconLeft} : {})}\n    >\n      {pill.label}\n    </Badge>\n  );\n}\n"],"names":["Badge","lifecyclePills","active","undefined","disabled","variant","label","iconLeft","error","ConnectionStatusBadge","status","className","pill","radius"],"mappings":";AACA,SAAQA,KAAK,QAAO,0BAA0B;AAG9C,MAAMC,iBAGF;IACF,uDAAuD;IACvDC,QAAQC;IACRC,UAAU;QAACC,SAAS;QAAWC,OAAO;QAAYC,UAAU;IAAkB;IAC9EC,OAAO;QAACH,SAAS;QAASC,OAAO;IAAO;AAC1C;AAOA;;;;CAIC,GACD,OAAO,SAASG,sBAAsB,EAACC,MAAM,EAAEC,SAAS,EAA6B;IACnF,MAAMC,OAAOX,cAAc,CAACS,OAAO;IACnC,IAAI,CAACE,MAAM,OAAO;IAClB,qBACE,KAACZ;QACCK,SAASO,KAAKP,OAAO;QACrBQ,QAAO;QACPF,WAAWA;QACV,GAAIC,KAAKL,QAAQ,GAAG;YAACA,UAAUK,KAAKL,QAAQ;QAAA,IAAI,CAAC,CAAC;kBAElDK,KAAKN,KAAK;;AAGjB"}

package/dist/feature.d.ts

@@ -0,0 +1,37 @@
+export declare const integrationsFeature: {
+    readonly id: "shipfox.integrations";
+    readonly routes: readonly [{
+        readonly path: "/integrations/github/callback";
+        readonly parent: "root";
+        readonly impl: "@shipfox/client-integrations/routes/github-callback";
+    }, {
+        readonly path: "/integrations/linear/callback";
+        readonly parent: "root";
+        readonly impl: "@shipfox/client-integrations/routes/linear-callback";
+    }, {
+        readonly path: "/integrations/sentry/callback";
+        readonly parent: "root";
+        readonly impl: "@shipfox/client-integrations/routes/sentry-callback";
+    }, {
+        readonly path: "/workspaces/$wid/integrations";
+        readonly parent: "workspaceLayout";
+        readonly impl: "@shipfox/client-integrations/routes/integrations";
+    }, {
+        readonly path: "/workspaces/$wid/integrations/gitea";
+        readonly parent: "workspaceLayout";
+        readonly impl: "@shipfox/client-integrations/routes/gitea";
+    }, {
+        readonly path: "/workspaces/$wid/integrations/github";
+        readonly parent: "workspaceLayout";
+        readonly impl: "@shipfox/client-integrations/routes/github";
+    }, {
+        readonly path: "/workspaces/$wid/integrations/linear";
+        readonly parent: "workspaceLayout";
+        readonly impl: "@shipfox/client-integrations/routes/linear";
+    }, {
+        readonly path: "/workspaces/$wid/integrations/sentry";
+        readonly parent: "workspaceLayout";
+        readonly impl: "@shipfox/client-integrations/routes/sentry";
+    }];
+};
+//# sourceMappingURL=feature.d.ts.map

package/dist/feature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.d.ts","sourceRoot":"","sources":["../src/feature.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4C9B,CAAC"}

package/dist/feature.js

@@ -0,0 +1,48 @@
+import { defineClientFeature } from '@shipfox/client-shell';
+export const integrationsFeature = defineClientFeature({
+    id: 'shipfox.integrations',
+    routes: [
+        {
+            path: '/integrations/github/callback',
+            parent: 'root',
+            impl: '@shipfox/client-integrations/routes/github-callback'
+        },
+        {
+            path: '/integrations/linear/callback',
+            parent: 'root',
+            impl: '@shipfox/client-integrations/routes/linear-callback'
+        },
+        {
+            path: '/integrations/sentry/callback',
+            parent: 'root',
+            impl: '@shipfox/client-integrations/routes/sentry-callback'
+        },
+        {
+            path: '/workspaces/$wid/integrations',
+            parent: 'workspaceLayout',
+            impl: '@shipfox/client-integrations/routes/integrations'
+        },
+        {
+            path: '/workspaces/$wid/integrations/gitea',
+            parent: 'workspaceLayout',
+            impl: '@shipfox/client-integrations/routes/gitea'
+        },
+        {
+            path: '/workspaces/$wid/integrations/github',
+            parent: 'workspaceLayout',
+            impl: '@shipfox/client-integrations/routes/github'
+        },
+        {
+            path: '/workspaces/$wid/integrations/linear',
+            parent: 'workspaceLayout',
+            impl: '@shipfox/client-integrations/routes/linear'
+        },
+        {
+            path: '/workspaces/$wid/integrations/sentry',
+            parent: 'workspaceLayout',
+            impl: '@shipfox/client-integrations/routes/sentry'
+        }
+    ]
+});
+
+//# sourceMappingURL=feature.js.map

package/dist/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/feature.ts"],"sourcesContent":["import {defineClientFeature} from '@shipfox/client-shell';\n\nexport const integrationsFeature = defineClientFeature({\n  id: 'shipfox.integrations',\n  routes: [\n    {\n      path: '/integrations/github/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/github-callback',\n    },\n    {\n      path: '/integrations/linear/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/linear-callback',\n    },\n    {\n      path: '/integrations/sentry/callback',\n      parent: 'root',\n      impl: '@shipfox/client-integrations/routes/sentry-callback',\n    },\n    {\n      path: '/workspaces/$wid/integrations',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/integrations',\n    },\n    {\n      path: '/workspaces/$wid/integrations/gitea',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/gitea',\n    },\n    {\n      path: '/workspaces/$wid/integrations/github',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/github',\n    },\n    {\n      path: '/workspaces/$wid/integrations/linear',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/linear',\n    },\n    {\n      path: '/workspaces/$wid/integrations/sentry',\n      parent: 'workspaceLayout',\n      impl: '@shipfox/client-integrations/routes/sentry',\n    },\n  ],\n});\n"],"names":["defineClientFeature","integrationsFeature","id","routes","path","parent","impl"],"mappings":"AAAA,SAAQA,mBAAmB,QAAO,wBAAwB;AAE1D,OAAO,MAAMC,sBAAsBD,oBAAoB;IACrDE,IAAI;IACJC,QAAQ;QACN;YACEC,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;QACA;YACEF,MAAM;YACNC,QAAQ;YACRC,MAAM;QACR;KACD;AACH,GAAG"}