@shipfox/client-integrations 0.2.0

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

@@ -0,0 +1,184 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { CodeBlock, CodeBlockBody, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockFiles, CodeBlockHeader, CodeBlockItem } from '@shipfox/react-ui/code-block';
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalTitle } from '@shipfox/react-ui/modal';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@shipfox/react-ui/select';
+import { Text } from '@shipfox/react-ui/typography';
+import { useEffect, useMemo, useState } from 'react';
+import { ConnectionStatusBadge } from '#connection-status-badge.js';
+const WORKFLOW_FILENAME = '.shipfox/workflows/integration.yml';
+export function IntegrationUsageModal({ connection, events, open, onOpenChange, children }) {
+    const [selectedEvent, setSelectedEvent] = useState('');
+    const eventValuesKey = events.map((event)=>event.value).join('\u0000');
+    useEffect(()=>{
+        const eventValues = eventValuesKey ? eventValuesKey.split('\u0000') : [];
+        setSelectedEvent((current)=>eventValues.includes(current) ? current : eventValues[0] ?? '');
+    }, [
+        eventValuesKey
+    ]);
+    const workflowExample = connection ? buildWorkflowExample({
+        source: connection.slug,
+        event: selectedEvent
+    }) : '';
+    const data = useMemo(()=>[
+            {
+                language: 'yaml',
+                filename: WORKFLOW_FILENAME,
+                code: workflowExample
+            }
+        ], [
+        workflowExample
+    ]);
+    const title = connection ? `Use ${connection.display_name}` : 'Use integration';
+    return /*#__PURE__*/ _jsx(Modal, {
+        open: open && connection !== null,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ _jsxs(ModalContent, {
+            "aria-describedby": undefined,
+            className: "max-h-[calc(100vh-32px)] max-w-[640px]",
+            children: [
+                /*#__PURE__*/ _jsx(ModalTitle, {
+                    className: "sr-only",
+                    children: title
+                }),
+                /*#__PURE__*/ _jsx(ModalHeader, {
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-col gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex min-w-0 items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Text, {
+                                        size: "lg",
+                                        "aria-hidden": "true",
+                                        className: "truncate",
+                                        children: title
+                                    }),
+                                    connection ? /*#__PURE__*/ _jsx(ConnectionStatusBadge, {
+                                        status: connection.lifecycle_status,
+                                        className: "shrink-0"
+                                    }) : null
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                className: "text-foreground-neutral-muted",
+                                children: "Reference this connection from a workflow trigger."
+                            })
+                        ]
+                    })
+                }),
+                connection ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxs(ModalBody, {
+                            className: "min-h-0 flex-1 gap-24 overflow-y-auto overflow-x-clip scrollbar",
+                            children: [
+                                /*#__PURE__*/ _jsxs("section", {
+                                    className: "flex w-full flex-col gap-12",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "md",
+                                            bold: true,
+                                            children: "Usage"
+                                        }),
+                                        events.length > 1 ? /*#__PURE__*/ _jsxs("div", {
+                                            className: "flex flex-col gap-6",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("label", {
+                                                    htmlFor: "integration-usage-event",
+                                                    className: "font-display text-sm font-medium text-foreground-neutral-base",
+                                                    children: "Event"
+                                                }),
+                                                /*#__PURE__*/ _jsxs(Select, {
+                                                    value: selectedEvent,
+                                                    onValueChange: setSelectedEvent,
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                                                            id: "integration-usage-event",
+                                                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                                                placeholder: "Select event"
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(SelectContent, {
+                                                            children: events.map((event)=>/*#__PURE__*/ _jsx(SelectItem, {
+                                                                    value: event.value,
+                                                                    children: event.label
+                                                                }, event.value))
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }) : null,
+                                        /*#__PURE__*/ _jsxs(CodeBlock, {
+                                            data: data,
+                                            className: "h-auto min-h-0 rounded-8",
+                                            children: [
+                                                /*#__PURE__*/ _jsxs(CodeBlockHeader, {
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(CodeBlockFiles, {
+                                                            children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
+                                                                    value: item.filename,
+                                                                    children: item.filename
+                                                                })
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(CodeBlockCopyButton, {})
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsx(CodeBlockBody, {
+                                                    children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
+                                                            value: item.filename,
+                                                            children: /*#__PURE__*/ _jsx(CodeBlockContent, {
+                                                                language: "yaml",
+                                                                syntaxHighlighting: true,
+                                                                highlightedLineRange: {
+                                                                    startLine: 3,
+                                                                    endLine: 4
+                                                                },
+                                                                children: item.code
+                                                            })
+                                                        })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                children ? /*#__PURE__*/ _jsxs("section", {
+                                    className: "flex w-full flex-col gap-12",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "md",
+                                            bold: true,
+                                            children: "Details"
+                                        }),
+                                        children
+                                    ]
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(ModalFooter, {
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                type: "button",
+                                onClick: ()=>onOpenChange(false),
+                                children: "Done"
+                            })
+                        })
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+function buildWorkflowExample({ source, event }) {
+    return [
+        'triggers:',
+        '  integration:',
+        `    source: ${source}`,
+        `    event: ${event}`,
+        'jobs:',
+        '  handle-event:',
+        '    steps:',
+        '      - run: echo "Received event"'
+    ].join('\n');
+}
+
+//# sourceMappingURL=integration-usage-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/integration-usage-modal.tsx"],"sourcesContent":["import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockFiles,\n  CodeBlockHeader,\n  CodeBlockItem,\n} from '@shipfox/react-ui/code-block';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@shipfox/react-ui/select';\nimport {Text} from '@shipfox/react-ui/typography';\nimport type {ReactNode} from 'react';\nimport {useEffect, useMemo, useState} from 'react';\nimport {ConnectionStatusBadge} from '#connection-status-badge.js';\n\nexport interface IntegrationUsageEvent {\n  value: string;\n  label: string;\n}\n\ninterface IntegrationUsageModalProps {\n  connection: IntegrationConnectionDto | null;\n  events: IntegrationUsageEvent[];\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  children?: ReactNode;\n}\n\nconst WORKFLOW_FILENAME = '.shipfox/workflows/integration.yml';\n\nexport function IntegrationUsageModal({\n  connection,\n  events,\n  open,\n  onOpenChange,\n  children,\n}: IntegrationUsageModalProps) {\n  const [selectedEvent, setSelectedEvent] = useState('');\n  const eventValuesKey = events.map((event) => event.value).join('\\u0000');\n\n  useEffect(() => {\n    const eventValues = eventValuesKey ? eventValuesKey.split('\\u0000') : [];\n    setSelectedEvent((current) =>\n      eventValues.includes(current) ? current : (eventValues[0] ?? ''),\n    );\n  }, [eventValuesKey]);\n\n  const workflowExample = connection\n    ? buildWorkflowExample({source: connection.slug, event: selectedEvent})\n    : '';\n  const data = useMemo(\n    () => [{language: 'yaml', filename: WORKFLOW_FILENAME, code: workflowExample}],\n    [workflowExample],\n  );\n  const title = connection ? `Use ${connection.display_name}` : 'Use integration';\n\n  return (\n    <Modal open={open && connection !== null} onOpenChange={onOpenChange}>\n      <ModalContent aria-describedby={undefined} className=\"max-h-[calc(100vh-32px)] max-w-[640px]\">\n        <ModalTitle className=\"sr-only\">{title}</ModalTitle>\n        <ModalHeader>\n          <div className=\"flex min-w-0 flex-col gap-2\">\n            <div className=\"flex min-w-0 items-center gap-8\">\n              <Text size=\"lg\" aria-hidden=\"true\" className=\"truncate\">\n                {title}\n              </Text>\n              {connection ? (\n                <ConnectionStatusBadge status={connection.lifecycle_status} className=\"shrink-0\" />\n              ) : null}\n            </div>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Reference this connection from a workflow trigger.\n            </Text>\n          </div>\n        </ModalHeader>\n        {connection ? (\n          <>\n            <ModalBody className=\"min-h-0 flex-1 gap-24 overflow-y-auto overflow-x-clip scrollbar\">\n              <section className=\"flex w-full flex-col gap-12\">\n                <Text size=\"md\" bold>\n                  Usage\n                </Text>\n                {events.length > 1 ? (\n                  <div className=\"flex flex-col gap-6\">\n                    <label\n                      htmlFor=\"integration-usage-event\"\n                      className=\"font-display text-sm font-medium text-foreground-neutral-base\"\n                    >\n                      Event\n                    </label>\n                    <Select value={selectedEvent} onValueChange={setSelectedEvent}>\n                      <SelectTrigger id=\"integration-usage-event\">\n                        <SelectValue placeholder=\"Select event\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {events.map((event) => (\n                          <SelectItem key={event.value} value={event.value}>\n                            {event.label}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  </div>\n                ) : null}\n                <CodeBlock data={data} className=\"h-auto min-h-0 rounded-8\">\n                  <CodeBlockHeader>\n                    <CodeBlockFiles>\n                      {(item) => (\n                        <CodeBlockFilename value={item.filename}>{item.filename}</CodeBlockFilename>\n                      )}\n                    </CodeBlockFiles>\n                    <CodeBlockCopyButton />\n                  </CodeBlockHeader>\n                  <CodeBlockBody>\n                    {(item) => (\n                      <CodeBlockItem value={item.filename}>\n                        <CodeBlockContent\n                          language=\"yaml\"\n                          syntaxHighlighting\n                          highlightedLineRange={{startLine: 3, endLine: 4}}\n                        >\n                          {item.code}\n                        </CodeBlockContent>\n                      </CodeBlockItem>\n                    )}\n                  </CodeBlockBody>\n                </CodeBlock>\n              </section>\n              {children ? (\n                <section className=\"flex w-full flex-col gap-12\">\n                  <Text size=\"md\" bold>\n                    Details\n                  </Text>\n                  {children}\n                </section>\n              ) : null}\n            </ModalBody>\n            <ModalFooter>\n              <Button type=\"button\" onClick={() => onOpenChange(false)}>\n                Done\n              </Button>\n            </ModalFooter>\n          </>\n        ) : null}\n      </ModalContent>\n    </Modal>\n  );\n}\n\nfunction buildWorkflowExample({source, event}: {source: string; event: string}) {\n  return [\n    'triggers:',\n    '  integration:',\n    `    source: ${source}`,\n    `    event: ${event}`,\n    'jobs:',\n    '  handle-event:',\n    '    steps:',\n    '      - run: echo \"Received event\"',\n  ].join('\\n');\n}\n"],"names":["Button","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockHeader","CodeBlockItem","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","Text","useEffect","useMemo","useState","ConnectionStatusBadge","WORKFLOW_FILENAME","IntegrationUsageModal","connection","events","open","onOpenChange","children","selectedEvent","setSelectedEvent","eventValuesKey","map","event","value","join","eventValues","split","current","includes","workflowExample","buildWorkflowExample","source","slug","data","language","filename","code","title","display_name","aria-describedby","undefined","className","div","size","aria-hidden","status","lifecycle_status","section","bold","length","label","htmlFor","onValueChange","id","placeholder","item","syntaxHighlighting","highlightedLineRange","startLine","endLine","type","onClick"],"mappings":"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"}

package/dist/components/provider-grid.d.ts

@@ -0,0 +1,14 @@
+import type { ListIntegrationProvidersResponseDto } from '@shipfox/api-integration-core-dto';
+import type { UseQueryResult } from '@tanstack/react-query';
+export interface ProviderGridProps {
+    providersQuery: UseQueryResult<ListIntegrationProvidersResponseDto, Error>;
+    workspaceId: string;
+    emptyMessage: string;
+    loadingLabel?: string;
+    errorSubject?: string;
+    onOpenProvider?: ((provider: string) => void) | undefined;
+}
+export declare const PROVIDER_GRID_CLASS = "grid grid-cols-2 gap-12 max-[760px]:grid-cols-1";
+export declare const PROVIDER_SURFACE_CLASS = "overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base";
+export declare function ProviderGrid({ providersQuery, workspaceId, emptyMessage, loadingLabel, errorSubject, onOpenProvider, }: ProviderGridProps): import("react").JSX.Element;
+//# sourceMappingURL=provider-grid.d.ts.map

package/dist/components/provider-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-grid.d.ts","sourceRoot":"","sources":["../../src/components/provider-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,mCAAmC,EACpC,MAAM,mCAAmC,CAAC;AAQ3C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAK1D,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,cAAc,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,mBAAmB,oDAAoD,CAAC;AAErF,eAAO,MAAM,sBAAsB,2FACuD,CAAC;AAE3F,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAkC,EAClC,YAAuC,EACvC,cAAc,GACf,EAAE,iBAAiB,+BAuCnB"}

package/dist/components/provider-grid.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { QueryLoadError } from '@shipfox/client-ui';
+import { Card } from '@shipfox/react-ui/card';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { Link } from '@tanstack/react-router';
+import { IntegrationIcon } from '#integration-icon.js';
+import { PROVIDER_CATALOG } from '#provider-catalog.js';
+export const PROVIDER_GRID_CLASS = 'grid grid-cols-2 gap-12 max-[760px]:grid-cols-1';
+export const PROVIDER_SURFACE_CLASS = 'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
+export function ProviderGrid({ providersQuery, workspaceId, emptyMessage, loadingLabel = 'Loading providers', errorSubject = 'available integrations', onOpenProvider }) {
+    const providers = providersQuery.data?.providers ?? [];
+    const installableProviders = providers.filter((provider)=>PROVIDER_CATALOG[provider.provider]);
+    if (providersQuery.isPending) return /*#__PURE__*/ _jsx(ProviderGridSkeleton, {
+        label: loadingLabel
+    });
+    if (providersQuery.isError && providersQuery.data === undefined) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: cn(PROVIDER_SURFACE_CLASS, 'px-16'),
+            children: /*#__PURE__*/ _jsx(QueryLoadError, {
+                query: providersQuery,
+                subject: errorSubject
+            })
+        });
+    }
+    if (providersQuery.data !== undefined && installableProviders.length === 0) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: cn(PROVIDER_SURFACE_CLASS, 'px-16'),
+            children: /*#__PURE__*/ _jsx(EmptyState, {
+                icon: "componentLine",
+                title: "No integrations available",
+                description: emptyMessage
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx("ul", {
+        className: PROVIDER_GRID_CLASS,
+        children: installableProviders.map((provider)=>/*#__PURE__*/ _jsx("li", {
+                children: /*#__PURE__*/ _jsx(ProviderCard, {
+                    provider: provider,
+                    workspaceId: workspaceId,
+                    onOpenProvider: onOpenProvider
+                })
+            }, provider.provider))
+    });
+}
+function ProviderCard({ provider, workspaceId, onOpenProvider }) {
+    const catalog = PROVIDER_CATALOG[provider.provider];
+    if (!catalog) return null;
+    if (catalog.kind === 'modal-connect') {
+        return /*#__PURE__*/ _jsx("button", {
+            type: "button",
+            "aria-label": `Add ${provider.display_name}`,
+            onClick: ()=>onOpenProvider?.(provider.provider),
+            className: "group flex h-full w-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none",
+            children: /*#__PURE__*/ _jsx(ProviderCardContent, {
+                provider: provider,
+                action: "Add"
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx(Link, {
+        to: catalog.setupPath,
+        params: {
+            wid: workspaceId
+        },
+        "aria-label": `Install ${provider.display_name}`,
+        className: "group flex h-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none",
+        children: /*#__PURE__*/ _jsx(ProviderCardContent, {
+            provider: provider,
+            action: "Install"
+        })
+    });
+}
+function ProviderCardContent({ provider, action }) {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("span", {
+                className: "flex min-w-0 items-center gap-12",
+                children: [
+                    /*#__PURE__*/ _jsx(IntegrationIcon, {
+                        source: provider.provider,
+                        "aria-hidden": true,
+                        className: "size-24 shrink-0 text-foreground-neutral-base"
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        as: "span",
+                        size: "md",
+                        bold: true,
+                        className: "truncate",
+                        children: provider.display_name
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("span", {
+                className: "flex shrink-0 items-center gap-4 text-foreground-neutral-muted transition-colors group-hover:text-foreground-highlight-interactive",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        as: "span",
+                        size: "sm",
+                        children: action
+                    }),
+                    /*#__PURE__*/ _jsx(Icon, {
+                        name: "chevronRight",
+                        className: "size-16"
+                    })
+                ]
+            })
+        ]
+    });
+}
+function ProviderGridSkeleton({ label }) {
+    return /*#__PURE__*/ _jsx("ul", {
+        role: "status",
+        "aria-label": label,
+        className: PROVIDER_GRID_CLASS,
+        children: [
+            0,
+            1,
+            2,
+            3
+        ].map((tile)=>/*#__PURE__*/ _jsx("li", {
+                children: /*#__PURE__*/ _jsx(Card, {
+                    className: "h-full p-16",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center justify-between gap-12",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex min-w-0 items-center gap-12",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Skeleton, {
+                                        className: "size-24 shrink-0"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Skeleton, {
+                                        className: "h-16 w-100"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-16 w-64 shrink-0"
+                            })
+                        ]
+                    })
+                })
+            }, tile))
+    });
+}
+
+//# sourceMappingURL=provider-grid.js.map

package/dist/components/provider-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/provider-grid.tsx"],"sourcesContent":["import type {\n  IntegrationProviderDto,\n  ListIntegrationProvidersResponseDto,\n} from '@shipfox/api-integration-core-dto';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Card} from '@shipfox/react-ui/card';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport type {UseQueryResult} from '@tanstack/react-query';\nimport {Link} from '@tanstack/react-router';\nimport {IntegrationIcon} from '#integration-icon.js';\nimport {PROVIDER_CATALOG} from '#provider-catalog.js';\n\nexport interface ProviderGridProps {\n  providersQuery: UseQueryResult<ListIntegrationProvidersResponseDto, Error>;\n  workspaceId: string;\n  emptyMessage: string;\n  loadingLabel?: string;\n  errorSubject?: string;\n  onOpenProvider?: ((provider: string) => void) | undefined;\n}\n\nexport const PROVIDER_GRID_CLASS = 'grid grid-cols-2 gap-12 max-[760px]:grid-cols-1';\n\nexport const PROVIDER_SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function ProviderGrid({\n  providersQuery,\n  workspaceId,\n  emptyMessage,\n  loadingLabel = 'Loading providers',\n  errorSubject = 'available integrations',\n  onOpenProvider,\n}: ProviderGridProps) {\n  const providers = providersQuery.data?.providers ?? [];\n  const installableProviders = providers.filter((provider) => PROVIDER_CATALOG[provider.provider]);\n\n  if (providersQuery.isPending) return <ProviderGridSkeleton label={loadingLabel} />;\n\n  if (providersQuery.isError && providersQuery.data === undefined) {\n    return (\n      <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>\n        <QueryLoadError query={providersQuery} subject={errorSubject} />\n      </div>\n    );\n  }\n\n  if (providersQuery.data !== undefined && installableProviders.length === 0) {\n    return (\n      <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>\n        <EmptyState\n          icon=\"componentLine\"\n          title=\"No integrations available\"\n          description={emptyMessage}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <ul className={PROVIDER_GRID_CLASS}>\n      {installableProviders.map((provider) => (\n        <li key={provider.provider}>\n          <ProviderCard\n            provider={provider}\n            workspaceId={workspaceId}\n            onOpenProvider={onOpenProvider}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ProviderCard({\n  provider,\n  workspaceId,\n  onOpenProvider,\n}: {\n  provider: IntegrationProviderDto;\n  workspaceId: string;\n  onOpenProvider?: ((provider: string) => void) | undefined;\n}) {\n  const catalog = PROVIDER_CATALOG[provider.provider];\n  if (!catalog) return null;\n\n  if (catalog.kind === 'modal-connect') {\n    return (\n      <button\n        type=\"button\"\n        aria-label={`Add ${provider.display_name}`}\n        onClick={() => onOpenProvider?.(provider.provider)}\n        className=\"group flex h-full w-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none\"\n      >\n        <ProviderCardContent provider={provider} action=\"Add\" />\n      </button>\n    );\n  }\n\n  return (\n    <Link\n      to={catalog.setupPath}\n      params={{wid: workspaceId}}\n      aria-label={`Install ${provider.display_name}`}\n      className=\"group flex h-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none\"\n    >\n      <ProviderCardContent provider={provider} action=\"Install\" />\n    </Link>\n  );\n}\n\nfunction ProviderCardContent({\n  provider,\n  action,\n}: {\n  provider: IntegrationProviderDto;\n  action: 'Add' | 'Install';\n}) {\n  return (\n    <>\n      <span className=\"flex min-w-0 items-center gap-12\">\n        <IntegrationIcon\n          source={provider.provider}\n          aria-hidden\n          className=\"size-24 shrink-0 text-foreground-neutral-base\"\n        />\n        <Text as=\"span\" size=\"md\" bold className=\"truncate\">\n          {provider.display_name}\n        </Text>\n      </span>\n      <span className=\"flex shrink-0 items-center gap-4 text-foreground-neutral-muted transition-colors group-hover:text-foreground-highlight-interactive\">\n        <Text as=\"span\" size=\"sm\">\n          {action}\n        </Text>\n        <Icon name=\"chevronRight\" className=\"size-16\" />\n      </span>\n    </>\n  );\n}\n\nfunction ProviderGridSkeleton({label}: {label: string}) {\n  return (\n    <ul role=\"status\" aria-label={label} className={PROVIDER_GRID_CLASS}>\n      {[0, 1, 2, 3].map((tile) => (\n        <li key={tile}>\n          <Card className=\"h-full p-16\">\n            <div className=\"flex items-center justify-between gap-12\">\n              <div className=\"flex min-w-0 items-center gap-12\">\n                <Skeleton className=\"size-24 shrink-0\" />\n                <Skeleton className=\"h-16 w-100\" />\n              </div>\n              <Skeleton className=\"h-16 w-64 shrink-0\" />\n            </div>\n          </Card>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["QueryLoadError","Card","EmptyState","Icon","Skeleton","Text","cn","Link","IntegrationIcon","PROVIDER_CATALOG","PROVIDER_GRID_CLASS","PROVIDER_SURFACE_CLASS","ProviderGrid","providersQuery","workspaceId","emptyMessage","loadingLabel","errorSubject","onOpenProvider","providers","data","installableProviders","filter","provider","isPending","ProviderGridSkeleton","label","isError","undefined","div","className","query","subject","length","icon","title","description","ul","map","li","ProviderCard","catalog","kind","button","type","aria-label","display_name","onClick","ProviderCardContent","action","to","setupPath","params","wid","span","source","aria-hidden","as","size","bold","name","role","tile"],"mappings":"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"}

package/dist/components/redirect-install-page.d.ts

@@ -0,0 +1,19 @@
+interface RedirectInstallPageProps {
+    installRequest: (body: {
+        workspace_id: string;
+    }) => Promise<{
+        install_url: string;
+    }>;
+    errorFallbackMessage: string;
+    /**
+     * Runs before leaving the app (e.g. to persist the workspace id for a
+     * state-less provider callback). Must not throw — a failed side effect
+     * should never block the redirect.
+     */
+    beforeRedirect?: (workspaceId: string) => void;
+    /** Injectable for tests: jsdom's window.location cannot be stubbed. */
+    assignLocation?: (url: string) => void;
+}
+export declare function RedirectInstallPage({ installRequest, errorFallbackMessage, beforeRedirect, assignLocation, }: RedirectInstallPageProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=redirect-install-page.d.ts.map

package/dist/components/redirect-install-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect-install-page.d.ts","sourceRoot":"","sources":["../../src/components/redirect-install-page.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IACjF,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,cAAqD,GACtD,EAAE,wBAAwB,+BAwC1B"}

package/dist/components/redirect-install-page.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ApiError } from '@shipfox/client-api';
+import { useActiveWorkspace } from '@shipfox/client-auth';
+import { ButtonLink } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { FullPageLoader } from '@shipfox/react-ui/loader';
+import { Text } from '@shipfox/react-ui/typography';
+import { Link } from '@tanstack/react-router';
+import { useEffect, useRef, useState } from 'react';
+export function RedirectInstallPage({ installRequest, errorFallbackMessage, beforeRedirect, assignLocation = (url)=>window.location.assign(url) }) {
+    const workspace = useActiveWorkspace();
+    const startedRef = useRef(false);
+    const [errorMessage, setErrorMessage] = useState();
+    useEffect(()=>{
+        if (startedRef.current) return;
+        startedRef.current = true;
+        // The side effect is best-effort persistence; a throw here must never
+        // block the install redirect, so swallow it and continue.
+        try {
+            beforeRedirect?.(workspace.id);
+        } catch  {
+        // ignore
+        }
+        installRequest({
+            workspace_id: workspace.id
+        }).then((response)=>{
+            assignLocation(response.install_url);
+        }).catch((error)=>{
+            setErrorMessage(error instanceof ApiError ? error.message : errorFallbackMessage);
+        });
+    }, [
+        workspace,
+        installRequest,
+        beforeRedirect,
+        errorFallbackMessage,
+        assignLocation
+    ]);
+    if (errorMessage) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "mx-auto flex w-full max-w-[480px] flex-col gap-16",
+            children: [
+                /*#__PURE__*/ _jsx(Callout, {
+                    role: "alert",
+                    type: "error",
+                    children: /*#__PURE__*/ _jsx(Text, {
+                        size: "sm",
+                        children: errorMessage
+                    })
+                }),
+                /*#__PURE__*/ _jsx(ButtonLink, {
+                    asChild: true,
+                    variant: "muted",
+                    className: "w-fit",
+                    children: /*#__PURE__*/ _jsx(Link, {
+                        to: "/workspaces/$wid/integrations",
+                        params: {
+                            wid: workspace.id
+                        },
+                        children: "Back to integrations"
+                    })
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx(FullPageLoader, {});
+}
+
+//# sourceMappingURL=redirect-install-page.js.map

package/dist/components/redirect-install-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/redirect-install-page.tsx"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\nimport {useActiveWorkspace} from '@shipfox/client-auth';\nimport {ButtonLink} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {Link} from '@tanstack/react-router';\nimport {useEffect, useRef, useState} from 'react';\n\ninterface RedirectInstallPageProps {\n  installRequest: (body: {workspace_id: string}) => Promise<{install_url: string}>;\n  errorFallbackMessage: string;\n  /**\n   * Runs before leaving the app (e.g. to persist the workspace id for a\n   * state-less provider callback). Must not throw — a failed side effect\n   * should never block the redirect.\n   */\n  beforeRedirect?: (workspaceId: string) => void;\n  /** Injectable for tests: jsdom's window.location cannot be stubbed. */\n  assignLocation?: (url: string) => void;\n}\n\nexport function RedirectInstallPage({\n  installRequest,\n  errorFallbackMessage,\n  beforeRedirect,\n  assignLocation = (url) => window.location.assign(url),\n}: RedirectInstallPageProps) {\n  const workspace = useActiveWorkspace();\n  const startedRef = useRef(false);\n  const [errorMessage, setErrorMessage] = useState<string | undefined>();\n\n  useEffect(() => {\n    if (startedRef.current) return;\n    startedRef.current = true;\n    // The side effect is best-effort persistence; a throw here must never\n    // block the install redirect, so swallow it and continue.\n    try {\n      beforeRedirect?.(workspace.id);\n    } catch {\n      // ignore\n    }\n    installRequest({workspace_id: workspace.id})\n      .then((response) => {\n        assignLocation(response.install_url);\n      })\n      .catch((error: unknown) => {\n        setErrorMessage(error instanceof ApiError ? error.message : errorFallbackMessage);\n      });\n  }, [workspace, installRequest, beforeRedirect, errorFallbackMessage, assignLocation]);\n\n  if (errorMessage) {\n    return (\n      <div className=\"mx-auto flex w-full max-w-[480px] flex-col gap-16\">\n        <Callout role=\"alert\" type=\"error\">\n          <Text size=\"sm\">{errorMessage}</Text>\n        </Callout>\n        <ButtonLink asChild variant=\"muted\" className=\"w-fit\">\n          <Link to=\"/workspaces/$wid/integrations\" params={{wid: workspace.id}}>\n            Back to integrations\n          </Link>\n        </ButtonLink>\n      </div>\n    );\n  }\n\n  return <FullPageLoader />;\n}\n"],"names":["ApiError","useActiveWorkspace","ButtonLink","Callout","FullPageLoader","Text","Link","useEffect","useRef","useState","RedirectInstallPage","installRequest","errorFallbackMessage","beforeRedirect","assignLocation","url","window","location","assign","workspace","startedRef","errorMessage","setErrorMessage","current","id","workspace_id","then","response","install_url","catch","error","message","div","className","role","type","size","asChild","variant","to","params","wid"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,kBAAkB,QAAO,uBAAuB;AACxD,SAAQC,UAAU,QAAO,2BAA2B;AACpD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,cAAc,QAAO,2BAA2B;AACxD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAelD,OAAO,SAASC,oBAAoB,EAClCC,cAAc,EACdC,oBAAoB,EACpBC,cAAc,EACdC,iBAAiB,CAACC,MAAQC,OAAOC,QAAQ,CAACC,MAAM,CAACH,IAAI,EAC5B;IACzB,MAAMI,YAAYlB;IAClB,MAAMmB,aAAaZ,OAAO;IAC1B,MAAM,CAACa,cAAcC,gBAAgB,GAAGb;IAExCF,UAAU;QACR,IAAIa,WAAWG,OAAO,EAAE;QACxBH,WAAWG,OAAO,GAAG;QACrB,sEAAsE;QACtE,0DAA0D;QAC1D,IAAI;YACFV,iBAAiBM,UAAUK,EAAE;QAC/B,EAAE,OAAM;QACN,SAAS;QACX;QACAb,eAAe;YAACc,cAAcN,UAAUK,EAAE;QAAA,GACvCE,IAAI,CAAC,CAACC;YACLb,eAAea,SAASC,WAAW;QACrC,GACCC,KAAK,CAAC,CAACC;YACNR,gBAAgBQ,iBAAiB9B,WAAW8B,MAAMC,OAAO,GAAGnB;QAC9D;IACJ,GAAG;QAACO;QAAWR;QAAgBE;QAAgBD;QAAsBE;KAAe;IAEpF,IAAIO,cAAc;QAChB,qBACE,MAACW;YAAIC,WAAU;;8BACb,KAAC9B;oBAAQ+B,MAAK;oBAAQC,MAAK;8BACzB,cAAA,KAAC9B;wBAAK+B,MAAK;kCAAMf;;;8BAEnB,KAACnB;oBAAWmC,OAAO;oBAACC,SAAQ;oBAAQL,WAAU;8BAC5C,cAAA,KAAC3B;wBAAKiC,IAAG;wBAAgCC,QAAQ;4BAACC,KAAKtB,UAAUK,EAAE;wBAAA;kCAAG;;;;;IAM9E;IAEA,qBAAO,KAACpB;AACV"}

package/dist/components/repository-picker.d.ts

@@ -0,0 +1,15 @@
+import type { RepositoryDto } from '@shipfox/api-integration-core-dto';
+export declare function RepositoryPicker({ repositories, selectedRepositoryId, onSelect, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, emptyMessage, searchValue, onSearchChange, searchDisabled, }: {
+    repositories: RepositoryDto[];
+    selectedRepositoryId: string | undefined;
+    onSelect: (repositoryId: string) => void;
+    isLoading: boolean;
+    isFetchingNextPage?: boolean;
+    hasNextPage?: boolean;
+    onLoadMore?: () => void;
+    emptyMessage?: string;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchDisabled?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=repository-picker.d.ts.map

package/dist/components/repository-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repository-picker.d.ts","sourceRoot":"","sources":["../../src/components/repository-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AASrE,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAuC,EACvC,WAAW,EACX,cAAc,EACd,cAAc,GACf,EAAE;IACD,YAAY,EAAE,aAAa,EAAE,CAAC;IAC9B,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,+BAoEA"}

package/dist/components/repository-picker.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Input } from '@shipfox/react-ui/input';
+import { Label } from '@shipfox/react-ui/label';
+import { RadioGroup, RadioGroupItem } from '@shipfox/react-ui/radio-group';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Text } from '@shipfox/react-ui/typography';
+import { useId } from 'react';
+export function RepositoryPicker({ repositories, selectedRepositoryId, onSelect, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, emptyMessage = 'No repositories found.', searchValue, onSearchChange, searchDisabled }) {
+    const labelId = useId();
+    const showSearch = onSearchChange !== undefined;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-10",
+        children: [
+            /*#__PURE__*/ _jsx(Label, {
+                id: labelId,
+                className: "sr-only",
+                children: "Repository"
+            }),
+            showSearch ? /*#__PURE__*/ _jsx(Input, {
+                type: "search",
+                placeholder: "Search repositories…",
+                "aria-label": "Search repositories",
+                value: searchValue ?? '',
+                onChange: (event)=>onSearchChange?.(event.target.value),
+                disabled: searchDisabled
+            }) : null,
+            isLoading ? /*#__PURE__*/ _jsx(Skeleton, {
+                className: "h-58 w-full"
+            }) : null,
+            !isLoading && repositories.length === 0 ? /*#__PURE__*/ _jsx("div", {
+                className: "rounded-8 border border-border-neutral-base bg-background-subtle-base p-14",
+                children: /*#__PURE__*/ _jsx(Text, {
+                    size: "sm",
+                    children: emptyMessage
+                })
+            }) : null,
+            repositories.length > 0 ? /*#__PURE__*/ _jsx(RadioGroup, {
+                "aria-labelledby": labelId,
+                value: selectedRepositoryId ?? '',
+                onValueChange: onSelect,
+                className: "grid grid-cols-2 gap-8 min-[1200px]:grid-cols-3 max-[760px]:grid-cols-1",
+                children: repositories.map((repository)=>/*#__PURE__*/ _jsx(RadioGroupItem, {
+                        value: repository.external_repository_id,
+                        className: "p-12",
+                        children: /*#__PURE__*/ _jsxs("span", {
+                            className: "flex min-w-0 items-center justify-between gap-10",
+                            children: [
+                                /*#__PURE__*/ _jsx(Text, {
+                                    as: "span",
+                                    size: "sm",
+                                    bold: true,
+                                    className: "truncate",
+                                    children: repository.full_name
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    as: "span",
+                                    size: "xs",
+                                    className: "shrink-0 text-foreground-neutral-muted",
+                                    children: repository.default_branch
+                                })
+                            ]
+                        })
+                    }, repository.external_repository_id))
+            }) : null,
+            hasNextPage && onLoadMore ? /*#__PURE__*/ _jsx(Button, {
+                type: "button",
+                variant: "secondary",
+                size: "sm",
+                isLoading: isFetchingNextPage ?? false,
+                onClick: onLoadMore,
+                children: "Load more"
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=repository-picker.js.map

package/dist/components/repository-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/repository-picker.tsx"],"sourcesContent":["import type {RepositoryDto} from '@shipfox/api-integration-core-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Input} from '@shipfox/react-ui/input';\nimport {Label} from '@shipfox/react-ui/label';\nimport {RadioGroup, RadioGroupItem} from '@shipfox/react-ui/radio-group';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useId} from 'react';\n\nexport function RepositoryPicker({\n  repositories,\n  selectedRepositoryId,\n  onSelect,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  emptyMessage = 'No repositories found.',\n  searchValue,\n  onSearchChange,\n  searchDisabled,\n}: {\n  repositories: RepositoryDto[];\n  selectedRepositoryId: string | undefined;\n  onSelect: (repositoryId: string) => void;\n  isLoading: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void;\n  emptyMessage?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchDisabled?: boolean;\n}) {\n  const labelId = useId();\n  const showSearch = onSearchChange !== undefined;\n\n  return (\n    <div className=\"flex flex-col gap-10\">\n      <Label id={labelId} className=\"sr-only\">\n        Repository\n      </Label>\n\n      {showSearch ? (\n        <Input\n          type=\"search\"\n          placeholder=\"Search repositories…\"\n          aria-label=\"Search repositories\"\n          value={searchValue ?? ''}\n          onChange={(event) => onSearchChange?.(event.target.value)}\n          disabled={searchDisabled}\n        />\n      ) : null}\n\n      {isLoading ? <Skeleton className=\"h-58 w-full\" /> : null}\n\n      {!isLoading && repositories.length === 0 ? (\n        <div className=\"rounded-8 border border-border-neutral-base bg-background-subtle-base p-14\">\n          <Text size=\"sm\">{emptyMessage}</Text>\n        </div>\n      ) : null}\n\n      {repositories.length > 0 ? (\n        <RadioGroup\n          aria-labelledby={labelId}\n          value={selectedRepositoryId ?? ''}\n          onValueChange={onSelect}\n          className=\"grid grid-cols-2 gap-8 min-[1200px]:grid-cols-3 max-[760px]:grid-cols-1\"\n        >\n          {repositories.map((repository) => (\n            <RadioGroupItem\n              key={repository.external_repository_id}\n              value={repository.external_repository_id}\n              className=\"p-12\"\n            >\n              <span className=\"flex min-w-0 items-center justify-between gap-10\">\n                <Text as=\"span\" size=\"sm\" bold className=\"truncate\">\n                  {repository.full_name}\n                </Text>\n                <Text as=\"span\" size=\"xs\" className=\"shrink-0 text-foreground-neutral-muted\">\n                  {repository.default_branch}\n                </Text>\n              </span>\n            </RadioGroupItem>\n          ))}\n        </RadioGroup>\n      ) : null}\n\n      {hasNextPage && onLoadMore ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          isLoading={isFetchingNextPage ?? false}\n          onClick={onLoadMore}\n        >\n          Load more\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["Button","Input","Label","RadioGroup","RadioGroupItem","Skeleton","Text","useId","RepositoryPicker","repositories","selectedRepositoryId","onSelect","isLoading","isFetchingNextPage","hasNextPage","onLoadMore","emptyMessage","searchValue","onSearchChange","searchDisabled","labelId","showSearch","undefined","div","className","id","type","placeholder","aria-label","value","onChange","event","target","disabled","length","size","aria-labelledby","onValueChange","map","repository","external_repository_id","span","as","bold","full_name","default_branch","variant","onClick"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,UAAU,EAAEC,cAAc,QAAO,gCAAgC;AACzE,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,KAAK,QAAO,QAAQ;AAE5B,OAAO,SAASC,iBAAiB,EAC/BC,YAAY,EACZC,oBAAoB,EACpBC,QAAQ,EACRC,SAAS,EACTC,kBAAkB,EAClBC,WAAW,EACXC,UAAU,EACVC,eAAe,wBAAwB,EACvCC,WAAW,EACXC,cAAc,EACdC,cAAc,EAaf;IACC,MAAMC,UAAUb;IAChB,MAAMc,aAAaH,mBAAmBI;IAEtC,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACtB;gBAAMuB,IAAIL;gBAASI,WAAU;0BAAU;;YAIvCH,2BACC,KAACpB;gBACCyB,MAAK;gBACLC,aAAY;gBACZC,cAAW;gBACXC,OAAOZ,eAAe;gBACtBa,UAAU,CAACC,QAAUb,iBAAiBa,MAAMC,MAAM,CAACH,KAAK;gBACxDI,UAAUd;iBAEV;YAEHP,0BAAY,KAACP;gBAASmB,WAAU;iBAAmB;YAEnD,CAACZ,aAAaH,aAAayB,MAAM,KAAK,kBACrC,KAACX;gBAAIC,WAAU;0BACb,cAAA,KAAClB;oBAAK6B,MAAK;8BAAMnB;;iBAEjB;YAEHP,aAAayB,MAAM,GAAG,kBACrB,KAAC/B;gBACCiC,mBAAiBhB;gBACjBS,OAAOnB,wBAAwB;gBAC/B2B,eAAe1B;gBACfa,WAAU;0BAETf,aAAa6B,GAAG,CAAC,CAACC,2BACjB,KAACnC;wBAECyB,OAAOU,WAAWC,sBAAsB;wBACxChB,WAAU;kCAEV,cAAA,MAACiB;4BAAKjB,WAAU;;8CACd,KAAClB;oCAAKoC,IAAG;oCAAOP,MAAK;oCAAKQ,IAAI;oCAACnB,WAAU;8CACtCe,WAAWK,SAAS;;8CAEvB,KAACtC;oCAAKoC,IAAG;oCAAOP,MAAK;oCAAKX,WAAU;8CACjCe,WAAWM,cAAc;;;;uBATzBN,WAAWC,sBAAsB;iBAe1C;YAEH1B,eAAeC,2BACd,KAACf;gBACC0B,MAAK;gBACLoB,SAAQ;gBACRX,MAAK;gBACLvB,WAAWC,sBAAsB;gBACjCkC,SAAShC;0BACV;iBAGC;;;AAGV"}

package/dist/components/webhook/copyable-value.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+interface CopyableValueProps {
+    label: string;
+    value: string;
+    note?: ReactNode;
+    className?: string;
+}
+export declare function CopyableValue({ label, value, note, className }: CopyableValueProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=copyable-value.d.ts.map