@shipfox/client-triggers 0.2.0

package/dist/index.js

@@ -0,0 +1,6 @@
+export * from './components/trigger-source-icon.js';
+export * from './hooks/api/trigger-events.js';
+export * from './pages/events-page.js';
+export * from './search.js';
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './components/trigger-source-icon.js';\nexport * from './hooks/api/trigger-events.js';\nexport * from './pages/events-page.js';\nexport * from './search.js';\n"],"names":[],"mappings":"AAAA,cAAc,sCAAsC;AACpD,cAAc,gCAAgC;AAC9C,cAAc,yBAAyB;AACvC,cAAc,cAAc"}

package/dist/pages/events-page.d.ts

@@ -0,0 +1,12 @@
+import { type TriggerEventFilters } from '#hooks/api/trigger-events.js';
+export interface EventsPageProps {
+    workspaceId: string;
+    filters: TriggerEventFilters;
+    onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;
+}
+/**
+ * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props
+ * (the settings wrapper binds them to the URL), so a story can drive it with local state.
+ */
+export declare function EventsPage({ workspaceId, filters, onFiltersChange }: EventsPageProps): import("react").JSX.Element;
+//# sourceMappingURL=events-page.d.ts.map

package/dist/pages/events-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-page.d.ts","sourceRoot":"","sources":["../../src/pages/events-page.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,mBAAmB,EAGzB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAC,WAAW,EAAE,OAAO,EAAE,eAAe,EAAC,EAAE,eAAe,+BAuDlF"}

package/dist/pages/events-page.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { useEffect, useMemo, useState } from 'react';
+import { EventsList } from '#components/events-list.js';
+import { TriggerEventDetail } from '#components/trigger-event-detail.js';
+import { useTriggerEventFacetsQuery, useTriggerEventsInfiniteQuery } from '#hooks/api/trigger-events.js';
+/**
+ * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props
+ * (the settings wrapper binds them to the URL), so a story can drive it with local state.
+ */ export function EventsPage({ workspaceId, filters, onFiltersChange }) {
+    const query = useTriggerEventsInfiniteQuery(workspaceId, filters);
+    const facetsQuery = useTriggerEventFacetsQuery(workspaceId);
+    const [selectedEventId, setSelectedEventId] = useState();
+    const events = useMemo(()=>query.data?.pages.flatMap((page)=>page.trigger_events) ?? [], [
+        query.data
+    ]);
+    useEffect(()=>{
+        if (!selectedEventId || query.isPending || query.isFetching || query.isError) return;
+        if (!events.some((event)=>event.id === selectedEventId)) setSelectedEventId(undefined);
+    }, [
+        events,
+        query.isError,
+        query.isFetching,
+        query.isPending,
+        selectedEventId
+    ]);
+    return /*#__PURE__*/ _jsx(RelativeTimeProvider, {
+        children: /*#__PURE__*/ _jsxs("section", {
+            className: "flex min-w-0 flex-col gap-16",
+            "aria-labelledby": "trigger-events-heading",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-col gap-4",
+                    children: [
+                        /*#__PURE__*/ _jsx(Header, {
+                            id: "trigger-events-heading",
+                            variant: "h3",
+                            children: "Events"
+                        }),
+                        /*#__PURE__*/ _jsx(Text, {
+                            size: "sm",
+                            className: "text-foreground-neutral-muted",
+                            children: "A workspace-wide audit log of trigger events received from integrations, schedules, and manual trigger calls."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "grid min-h-0 gap-16 min-[900px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]",
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: cn('min-w-0', selectedEventId && 'max-[899px]:hidden'),
+                            children: /*#__PURE__*/ _jsx(EventsList, {
+                                events: events,
+                                query: query,
+                                facets: facetsQuery.data,
+                                filters: filters,
+                                onFiltersChange: onFiltersChange,
+                                workspaceId: workspaceId,
+                                hasNextPage: query.hasNextPage,
+                                isFetchingNextPage: query.isFetchingNextPage,
+                                onLoadMore: ()=>{
+                                    void query.fetchNextPage();
+                                },
+                                selectedEventId: selectedEventId,
+                                onSelectEvent: setSelectedEventId
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TriggerEventDetail, {
+                            workspaceId: workspaceId,
+                            eventId: selectedEventId,
+                            onBack: ()=>setSelectedEventId(undefined)
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=events-page.js.map

package/dist/pages/events-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import type {TriggerEventListItemDto} from '@shipfox/api-triggers-dto';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useEffect, useMemo, useState} from 'react';\nimport {EventsList} from '#components/events-list.js';\nimport {TriggerEventDetail} from '#components/trigger-event-detail.js';\nimport {\n  type TriggerEventFilters,\n  useTriggerEventFacetsQuery,\n  useTriggerEventsInfiniteQuery,\n} from '#hooks/api/trigger-events.js';\n\nexport interface EventsPageProps {\n  workspaceId: string;\n  filters: TriggerEventFilters;\n  onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n}\n\n/**\n * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props\n * (the settings wrapper binds them to the URL), so a story can drive it with local state.\n */\nexport function EventsPage({workspaceId, filters, onFiltersChange}: EventsPageProps) {\n  const query = useTriggerEventsInfiniteQuery(workspaceId, filters);\n  const facetsQuery = useTriggerEventFacetsQuery(workspaceId);\n  const [selectedEventId, setSelectedEventId] = useState<string | undefined>();\n\n  const events = useMemo<TriggerEventListItemDto[]>(\n    () => query.data?.pages.flatMap((page) => page.trigger_events) ?? [],\n    [query.data],\n  );\n\n  useEffect(() => {\n    if (!selectedEventId || query.isPending || query.isFetching || query.isError) return;\n    if (!events.some((event) => event.id === selectedEventId)) setSelectedEventId(undefined);\n  }, [events, query.isError, query.isFetching, query.isPending, selectedEventId]);\n\n  return (\n    <RelativeTimeProvider>\n      <section className=\"flex min-w-0 flex-col gap-16\" aria-labelledby=\"trigger-events-heading\">\n        <div className=\"flex flex-col gap-4\">\n          <Header id=\"trigger-events-heading\" variant=\"h3\">\n            Events\n          </Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            A workspace-wide audit log of trigger events received from integrations, schedules, and\n            manual trigger calls.\n          </Text>\n        </div>\n\n        <div className=\"grid min-h-0 gap-16 min-[900px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]\">\n          <div className={cn('min-w-0', selectedEventId && 'max-[899px]:hidden')}>\n            <EventsList\n              events={events}\n              query={query}\n              facets={facetsQuery.data}\n              filters={filters}\n              onFiltersChange={onFiltersChange}\n              workspaceId={workspaceId}\n              hasNextPage={query.hasNextPage}\n              isFetchingNextPage={query.isFetchingNextPage}\n              onLoadMore={() => {\n                void query.fetchNextPage();\n              }}\n              selectedEventId={selectedEventId}\n              onSelectEvent={setSelectedEventId}\n            />\n          </div>\n          <TriggerEventDetail\n            workspaceId={workspaceId}\n            eventId={selectedEventId}\n            onBack={() => setSelectedEventId(undefined)}\n          />\n        </div>\n      </section>\n    </RelativeTimeProvider>\n  );\n}\n"],"names":["RelativeTimeProvider","Header","Text","cn","useEffect","useMemo","useState","EventsList","TriggerEventDetail","useTriggerEventFacetsQuery","useTriggerEventsInfiniteQuery","EventsPage","workspaceId","filters","onFiltersChange","query","facetsQuery","selectedEventId","setSelectedEventId","events","data","pages","flatMap","page","trigger_events","isPending","isFetching","isError","some","event","id","undefined","section","className","aria-labelledby","div","variant","size","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AACA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AACnD,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,kBAAkB,QAAO,sCAAsC;AACvE,SAEEC,0BAA0B,EAC1BC,6BAA6B,QACxB,+BAA+B;AAQtC;;;CAGC,GACD,OAAO,SAASC,WAAW,EAACC,WAAW,EAAEC,OAAO,EAAEC,eAAe,EAAkB;IACjF,MAAMC,QAAQL,8BAA8BE,aAAaC;IACzD,MAAMG,cAAcP,2BAA2BG;IAC/C,MAAM,CAACK,iBAAiBC,mBAAmB,GAAGZ;IAE9C,MAAMa,SAASd,QACb,IAAMU,MAAMK,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKC,cAAc,KAAK,EAAE,EACpE;QAACT,MAAMK,IAAI;KAAC;IAGdhB,UAAU;QACR,IAAI,CAACa,mBAAmBF,MAAMU,SAAS,IAAIV,MAAMW,UAAU,IAAIX,MAAMY,OAAO,EAAE;QAC9E,IAAI,CAACR,OAAOS,IAAI,CAAC,CAACC,QAAUA,MAAMC,EAAE,KAAKb,kBAAkBC,mBAAmBa;IAChF,GAAG;QAACZ;QAAQJ,MAAMY,OAAO;QAAEZ,MAAMW,UAAU;QAAEX,MAAMU,SAAS;QAAER;KAAgB;IAE9E,qBACE,KAACjB;kBACC,cAAA,MAACgC;YAAQC,WAAU;YAA+BC,mBAAgB;;8BAChE,MAACC;oBAAIF,WAAU;;sCACb,KAAChC;4BAAO6B,IAAG;4BAAyBM,SAAQ;sCAAK;;sCAGjD,KAAClC;4BAAKmC,MAAK;4BAAKJ,WAAU;sCAAgC;;;;8BAM5D,MAACE;oBAAIF,WAAU;;sCACb,KAACE;4BAAIF,WAAW9B,GAAG,WAAWc,mBAAmB;sCAC/C,cAAA,KAACV;gCACCY,QAAQA;gCACRJ,OAAOA;gCACPuB,QAAQtB,YAAYI,IAAI;gCACxBP,SAASA;gCACTC,iBAAiBA;gCACjBF,aAAaA;gCACb2B,aAAaxB,MAAMwB,WAAW;gCAC9BC,oBAAoBzB,MAAMyB,kBAAkB;gCAC5CC,YAAY;oCACV,KAAK1B,MAAM2B,aAAa;gCAC1B;gCACAzB,iBAAiBA;gCACjB0B,eAAezB;;;sCAGnB,KAACV;4BACCI,aAAaA;4BACbgC,SAAS3B;4BACT4B,QAAQ,IAAM3B,mBAAmBa;;;;;;;AAM7C"}

package/dist/search.d.ts

@@ -0,0 +1,23 @@
+import { z } from 'zod';
+/**
+ * URL search params for the Events page. Reuses the DTO outcome enum so the page and the
+ * read API share one source of truth, and matches the `TriggerEventFilters` shape the data
+ * hook consumes. Every field uses `.catch(undefined)` so a hand-edited or stale URL drops
+ * the bad param rather than throwing inside the router's `validateSearch`.
+ */
+export declare const triggerEventsSearchSchema: z.ZodObject<{
+    source: z.ZodCatch<z.ZodOptional<z.ZodPreprocess<z.ZodArray<z.ZodString>>>>;
+    event: z.ZodCatch<z.ZodOptional<z.ZodPreprocess<z.ZodArray<z.ZodString>>>>;
+    outcome: z.ZodCatch<z.ZodOptional<z.ZodPreprocess<z.ZodArray<z.ZodEnum<{
+        received: "received";
+        routed: "routed";
+        discarded: "discarded";
+        failed: "failed";
+        errored: "errored";
+    }>>>>>;
+    from: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+    to: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+}, z.core.$strip>;
+export type TriggerEventsSearch = z.infer<typeof triggerEventsSearchSchema>;
+export declare function validateTriggerEventsSearch(search: Record<string, unknown>): TriggerEventsSearch;
+//# sourceMappingURL=search.d.ts.map

package/dist/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../src/search.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAetB;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;iBASpC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAE5E,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,mBAAmB,CAEhG"}

package/dist/search.js

@@ -0,0 +1,28 @@
+import { triggerEventOutcomeSchema } from '@shipfox/api-triggers-dto';
+import { z } from 'zod';
+const stringListSearchSchema = z.preprocess((value)=>typeof value === 'string' ? [
+        value
+    ] : value, z.array(z.string())).optional().catch(undefined);
+const outcomeListSearchSchema = z.preprocess((value)=>typeof value === 'string' ? [
+        value
+    ] : value, z.array(triggerEventOutcomeSchema)).optional().catch(undefined);
+/**
+ * URL search params for the Events page. Reuses the DTO outcome enum so the page and the
+ * read API share one source of truth, and matches the `TriggerEventFilters` shape the data
+ * hook consumes. Every field uses `.catch(undefined)` so a hand-edited or stale URL drops
+ * the bad param rather than throwing inside the router's `validateSearch`.
+ */ export const triggerEventsSearchSchema = z.object({
+    source: stringListSearchSchema,
+    event: stringListSearchSchema,
+    outcome: outcomeListSearchSchema,
+    // The read API requires ISO datetimes (`z.string().datetime()`); validate the same here so
+    // a hand-edited or stale URL with a non-ISO date drops the param rather than forwarding it
+    // and turning the first fetch into a full-page load error.
+    from: z.string().datetime().optional().catch(undefined),
+    to: z.string().datetime().optional().catch(undefined)
+});
+export function validateTriggerEventsSearch(search) {
+    return triggerEventsSearchSchema.parse(search);
+}
+
+//# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/search.ts"],"sourcesContent":["import {triggerEventOutcomeSchema} from '@shipfox/api-triggers-dto';\nimport {z} from 'zod';\n\nconst stringListSearchSchema = z\n  .preprocess((value) => (typeof value === 'string' ? [value] : value), z.array(z.string()))\n  .optional()\n  .catch(undefined);\n\nconst outcomeListSearchSchema = z\n  .preprocess(\n    (value) => (typeof value === 'string' ? [value] : value),\n    z.array(triggerEventOutcomeSchema),\n  )\n  .optional()\n  .catch(undefined);\n\n/**\n * URL search params for the Events page. Reuses the DTO outcome enum so the page and the\n * read API share one source of truth, and matches the `TriggerEventFilters` shape the data\n * hook consumes. Every field uses `.catch(undefined)` so a hand-edited or stale URL drops\n * the bad param rather than throwing inside the router's `validateSearch`.\n */\nexport const triggerEventsSearchSchema = z.object({\n  source: stringListSearchSchema,\n  event: stringListSearchSchema,\n  outcome: outcomeListSearchSchema,\n  // The read API requires ISO datetimes (`z.string().datetime()`); validate the same here so\n  // a hand-edited or stale URL with a non-ISO date drops the param rather than forwarding it\n  // and turning the first fetch into a full-page load error.\n  from: z.string().datetime().optional().catch(undefined),\n  to: z.string().datetime().optional().catch(undefined),\n});\n\nexport type TriggerEventsSearch = z.infer<typeof triggerEventsSearchSchema>;\n\nexport function validateTriggerEventsSearch(search: Record<string, unknown>): TriggerEventsSearch {\n  return triggerEventsSearchSchema.parse(search);\n}\n"],"names":["triggerEventOutcomeSchema","z","stringListSearchSchema","preprocess","value","array","string","optional","catch","undefined","outcomeListSearchSchema","triggerEventsSearchSchema","object","source","event","outcome","from","datetime","to","validateTriggerEventsSearch","search","parse"],"mappings":"AAAA,SAAQA,yBAAyB,QAAO,4BAA4B;AACpE,SAAQC,CAAC,QAAO,MAAM;AAEtB,MAAMC,yBAAyBD,EAC5BE,UAAU,CAAC,CAACC,QAAW,OAAOA,UAAU,WAAW;QAACA;KAAM,GAAGA,OAAQH,EAAEI,KAAK,CAACJ,EAAEK,MAAM,KACrFC,QAAQ,GACRC,KAAK,CAACC;AAET,MAAMC,0BAA0BT,EAC7BE,UAAU,CACT,CAACC,QAAW,OAAOA,UAAU,WAAW;QAACA;KAAM,GAAGA,OAClDH,EAAEI,KAAK,CAACL,4BAETO,QAAQ,GACRC,KAAK,CAACC;AAET;;;;;CAKC,GACD,OAAO,MAAME,4BAA4BV,EAAEW,MAAM,CAAC;IAChDC,QAAQX;IACRY,OAAOZ;IACPa,SAASL;IACT,2FAA2F;IAC3F,2FAA2F;IAC3F,2DAA2D;IAC3DM,MAAMf,EAAEK,MAAM,GAAGW,QAAQ,GAAGV,QAAQ,GAAGC,KAAK,CAACC;IAC7CS,IAAIjB,EAAEK,MAAM,GAAGW,QAAQ,GAAGV,QAAQ,GAAGC,KAAK,CAACC;AAC7C,GAAG;AAIH,OAAO,SAASU,4BAA4BC,MAA+B;IACzE,OAAOT,0BAA0BU,KAAK,CAACD;AACzC"}