@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/timeline/TimelineWidget.tsx"],"sourcesContent":["/**\n * TimelineWidget Component\n *\n * Simple timeline/gantt view showing project tasks and milestones.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TimelineWidgetProps {\n  widget: Widget;\n  data?: TimelineData;\n  onClick?: (task: TimelineTask) => void;\n}\n\nexport interface TimelineTask {\n  id: string;\n  name: string;\n  start: string;\n  end: string;\n  progress?: number;\n  color?: string;\n  duration?: number;\n  dependencies?: string[];\n}\n\nexport interface TimelineMilestone {\n  id: string;\n  name: string;\n  date: string;\n  color?: string;\n}\n\nexport interface TimelineData {\n  tasks?: TimelineTask[];\n  milestones?: TimelineMilestone[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(progress: number): string {\n  if (progress >= 100) return 'bg-state-success';\n  if (progress >= 50) return 'bg-action-primary-bg';\n  if (progress > 0) return 'bg-state-warning';\n  return 'bg-bg-muted';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TimelineWidget: FC<TimelineWidgetProps> = memo(function TimelineWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const tasks = useMemo(() => data?.tasks || [], [data?.tasks]);\n  const milestones = data?.milestones || [];\n\n  // Calculate date range\n  const { minDate, maxDate, totalDays } = useMemo(() => {\n    if (!tasks.length) {\n      return { minDate: new Date(), maxDate: new Date(), totalDays: 1 };\n    }\n\n    const dates = tasks.flatMap((t) => [new Date(t.start), new Date(t.end)]);\n    const min = new Date(Math.min(...dates.map((d) => d.getTime())));\n    const max = new Date(Math.max(...dates.map((d) => d.getTime())));\n    const days = Math.ceil((max.getTime() - min.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n\n    return { minDate: min, maxDate: max, totalDays: days };\n  }, [tasks]);\n\n  if (!tasks.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n            />\n          </svg>\n          <p>No timeline data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header with date range */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Project Timeline</h3>\n        <span className=\"text-xs text-text-secondary\">\n          {minDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} -{' '}\n          {maxDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n        </span>\n      </div>\n\n      {/* Timeline content */}\n      <div className=\"flex-1 space-y-3 overflow-auto\">\n        {tasks.map((task) => {\n          const startDate = new Date(task.start);\n          const endDate = new Date(task.end);\n          const taskDays = Math.ceil((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n          const startOffset = Math.ceil((startDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24));\n          const progress = task.progress ?? 0;\n\n          // Calculate bar position and width as percentages\n          const leftPercent = (startOffset / totalDays) * 100;\n          const widthPercent = (taskDays / totalDays) * 100;\n\n          return (\n            <div\n              key={task.id}\n              className={`\n                  ${onClick ? 'cursor-pointer' : ''}\n                `}\n              onClick={() => onClick?.(task)}\n            >\n              {/* Task name and progress */}\n              <div className=\"flex items-center justify-between mb-1\">\n                <span className=\"text-xs font-medium text-text-primary truncate max-w-[60%]\">{task.name}</span>\n                <span className=\"text-[10px] text-text-secondary\">{progress}%</span>\n              </div>\n\n              {/* Timeline bar */}\n              <div className=\"relative h-6 bg-bg-muted rounded overflow-hidden\">\n                {/* Task bar */}\n                <div\n                  className=\"absolute top-1 bottom-1 rounded\"\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max(widthPercent, 5)}%`,\n                    backgroundColor: task.color || '#3b82f6',\n                    opacity: 0.3,\n                  }}\n                />\n\n                {/* Progress fill */}\n                <div\n                  className={`absolute top-1 bottom-1 rounded ${getProgressColor(progress)}`}\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max((widthPercent * progress) / 100, 2)}%`,\n                  }}\n                />\n\n                {/* Date labels */}\n                <div\n                  className=\"absolute top-1/2 -translate-y-1/2 text-[9px] text-text-tertiary\"\n                  style={{ left: `${leftPercent + 1}%` }}\n                >\n                  {startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Milestones */}\n      {milestones.length > 0 && (\n        <div className=\"mt-4 pt-3 border-t border-border-default\">\n          <p className=\"text-xs font-medium text-text-secondary mb-2\">Milestones</p>\n          <div className=\"flex flex-wrap gap-2\">\n            {milestones.map((milestone) => (\n              <div key={milestone.id} className=\"flex items-center gap-1.5 px-2 py-1 rounded bg-bg-muted\">\n                <div className=\"w-2 h-2 rounded-full\" style={{ backgroundColor: milestone.color || '#ef4444' }} />\n                <span className=\"text-[10px] text-text-primary\">{milestone.name}</span>\n                <span className=\"text-[10px] text-text-tertiary\">\n                  {new Date(milestone.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default TimelineWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/timeline/index.d.ts

@@ -0,0 +1,3 @@
+export { TimelineWidget, type TimelineWidgetProps, type TimelineData, type TimelineTask, type TimelineMilestone, } from './TimelineWidget';
+export { default } from './TimelineWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/timeline/index.js

@@ -0,0 +1,2 @@
+import e from "./TimelineWidget.js";
+export { e as TimelineWidget, e as default };

package/dist/bigconsole/components/widgets/utils/inferFields.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Return the full row array from `data`, unwrapping common envelopes
+ * (`{data: [...]}`, `{items: [...]}`, `{rows: [...]}`) so callers can scan
+ * every row — not just the first. Widgets use this to honor a configured
+ * `valueField` authoritatively on sparse/heterogeneous payloads where the
+ * first row happens not to carry the field.
+ */
+export declare function unwrapRows(data: unknown): unknown[] | null;
+/**
+ * Return the first object-shaped row of `data`, unwrapping common envelopes
+ * (`{data: [...]}`, `{items: [...]}`, `{rows: [...]}`) so parsers that emit
+ * either a bare array or a wrapped one both work.
+ */
+export declare function firstObjectRow(data: unknown): Record<string, unknown> | null;
+/**
+ * First numeric-like key of the first row, or null. "Numeric-like" includes
+ * numeric primitives and strings that parse to finite numbers, so parsers
+ * that serialize metrics as strings (`{ value: "42" }`) are still matched.
+ *
+ * Accepts either a dataset (array or envelope) OR an already-unwrapped row.
+ * When the input is a non-array object, the row interpretation is tried
+ * first — otherwise a row that happens to contain a nested `data`/`items`/
+ * `rows` array would be re-unwrapped, and the inferred key would come from
+ * the nested object rather than the caller's actual row.
+ */
+export declare function inferValueField(data: unknown): string | null;
+/**
+ * First string key of the first row whose value is a non-numeric string.
+ * Skips numeric-looking strings so they remain available for
+ * `inferValueField` and don't accidentally become labels.
+ *
+ * Same row-first / unwrap-fallback ordering as `inferValueField` for
+ * consistency with already-unwrapped row inputs.
+ */
+export declare function inferLabelField(data: unknown): string | null;
+/**
+ * For a dataset with more than one row, pick the max numeric value of
+ * `field` (defaulting to `inferValueField`). `field` may be a dotted path
+ * and is resolved per-row; row values may be numbers or numeric strings
+ * (parsed via `toFiniteNumber`). For single-row or non-array data, returns
+ * null so callers fall back to their own defaults — avoids the degenerate
+ * case where `max === value` renders progress as 100%.
+ */
+export declare function inferMaxValue(data: unknown, field?: string | null): number | null;
+//# sourceMappingURL=inferFields.d.ts.map

package/dist/bigconsole/components/widgets/utils/inferFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inferFields.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/utils/inferFields.ts"],"names":[],"mappings":"AAoBA;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,CAc1D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAK5E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAa5D;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAe5D;AAeD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAcjF"}

package/dist/bigconsole/components/widgets/utils/inferFields.js

@@ -0,0 +1,58 @@
+//#region src/bigconsole/components/widgets/utils/inferFields.ts
+function e(e) {
+	if (typeof e == "number") return Number.isFinite(e) ? e : null;
+	if (typeof e == "string" && e.trim() !== "") {
+		let t = Number(e);
+		if (Number.isFinite(t)) return t;
+	}
+	return null;
+}
+function t(e) {
+	if (Array.isArray(e)) return e;
+	if (e && typeof e == "object") {
+		let t = e;
+		for (let e of [
+			"data",
+			"items",
+			"rows"
+		]) {
+			let n = t[e];
+			if (Array.isArray(n)) return n;
+		}
+	}
+	return null;
+}
+function n(e) {
+	let n = t(e);
+	if (!n || n.length === 0) return null;
+	let r = n[0];
+	return r && typeof r == "object" ? r : null;
+}
+function r(t) {
+	if (t && typeof t == "object" && !Array.isArray(t)) {
+		for (let [n, r] of Object.entries(t)) if (e(r) !== null) return n;
+	}
+	let r = n(t);
+	if (!r) return null;
+	for (let [t, n] of Object.entries(r)) if (e(n) !== null) return t;
+	return null;
+}
+function i(e, t) {
+	if (!(!e || typeof e != "object")) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e[t];
+}
+function a(n, a) {
+	let o = t(n);
+	if (!o || o.length < 2) return null;
+	let s = a ?? r(o);
+	if (!s) return null;
+	let c = -Infinity;
+	for (let t of o) {
+		let n = e(i(t, s));
+		n !== null && n > c && (c = n);
+	}
+	return c === -Infinity ? null : c;
+}
+//#endregion
+export { n as firstObjectRow, a as inferMaxValue, r as inferValueField, t as unwrapRows };
+
+//# sourceMappingURL=inferFields.js.map

package/dist/bigconsole/components/widgets/utils/inferFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inferFields.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/utils/inferFields.ts"],"sourcesContent":["// Shared helpers for inferring widget field mappings from parser output\n// when the user hasn't set them explicitly (BOFF-2246). The goal is that\n// binding a widget to a valid parser produces something visible by default\n// — not a permanent \"No data\" state until the user opens config.\n\n/**\n * Coerce a value to a finite number. Accepts numeric primitives and\n * numeric-looking non-empty strings (`\"42\"`, `\"3.14\"`). Empty strings,\n * `NaN`, `Infinity`, and non-numeric strings return null. Used so the\n * widget helpers handle parsers that serialize metrics as strings.\n */\nfunction toFiniteNumber(v: unknown): number | null {\n  if (typeof v === 'number') return Number.isFinite(v) ? v : null;\n  if (typeof v === 'string' && v.trim() !== '') {\n    const n = Number(v);\n    if (Number.isFinite(n)) return n;\n  }\n  return null;\n}\n\n/**\n * Return the full row array from `data`, unwrapping common envelopes\n * (`{data: [...]}`, `{items: [...]}`, `{rows: [...]}`) so callers can scan\n * every row — not just the first. Widgets use this to honor a configured\n * `valueField` authoritatively on sparse/heterogeneous payloads where the\n * first row happens not to carry the field.\n */\nexport function unwrapRows(data: unknown): unknown[] | null {\n  if (Array.isArray(data)) return data;\n  if (data && typeof data === 'object') {\n    const obj = data as Record<string, unknown>;\n    // Pick the first envelope key whose value is actually an array. Using\n    // `obj.data ?? obj.items ?? obj.rows` would short-circuit on any non-null\n    // value — including non-array metadata like `data: { page: 1 }` — and\n    // leave a valid row array under `items`/`rows` unreachable.\n    for (const key of ['data', 'items', 'rows'] as const) {\n      const candidate = obj[key];\n      if (Array.isArray(candidate)) return candidate;\n    }\n  }\n  return null;\n}\n\n/**\n * Return the first object-shaped row of `data`, unwrapping common envelopes\n * (`{data: [...]}`, `{items: [...]}`, `{rows: [...]}`) so parsers that emit\n * either a bare array or a wrapped one both work.\n */\nexport function firstObjectRow(data: unknown): Record<string, unknown> | null {\n  const rows = unwrapRows(data);\n  if (!rows || rows.length === 0) return null;\n  const first = rows[0];\n  return first && typeof first === 'object' ? (first as Record<string, unknown>) : null;\n}\n\n/**\n * First numeric-like key of the first row, or null. \"Numeric-like\" includes\n * numeric primitives and strings that parse to finite numbers, so parsers\n * that serialize metrics as strings (`{ value: \"42\" }`) are still matched.\n *\n * Accepts either a dataset (array or envelope) OR an already-unwrapped row.\n * When the input is a non-array object, the row interpretation is tried\n * first — otherwise a row that happens to contain a nested `data`/`items`/\n * `rows` array would be re-unwrapped, and the inferred key would come from\n * the nested object rather than the caller's actual row.\n */\nexport function inferValueField(data: unknown): string | null {\n  if (data && typeof data === 'object' && !Array.isArray(data)) {\n    for (const [k, v] of Object.entries(data as Record<string, unknown>)) {\n      if (toFiniteNumber(v) !== null) return k;\n    }\n    // No numeric at top level — fall through to envelope/array unwrap.\n  }\n  const row = firstObjectRow(data);\n  if (!row) return null;\n  for (const [k, v] of Object.entries(row)) {\n    if (toFiniteNumber(v) !== null) return k;\n  }\n  return null;\n}\n\n/**\n * First string key of the first row whose value is a non-numeric string.\n * Skips numeric-looking strings so they remain available for\n * `inferValueField` and don't accidentally become labels.\n *\n * Same row-first / unwrap-fallback ordering as `inferValueField` for\n * consistency with already-unwrapped row inputs.\n */\nexport function inferLabelField(data: unknown): string | null {\n  const isStringLabel = (v: unknown): boolean =>\n    typeof v === 'string' && v.trim().length > 0 && toFiniteNumber(v) === null;\n\n  if (data && typeof data === 'object' && !Array.isArray(data)) {\n    for (const [k, v] of Object.entries(data as Record<string, unknown>)) {\n      if (isStringLabel(v)) return k;\n    }\n  }\n  const row = firstObjectRow(data);\n  if (!row) return null;\n  for (const [k, v] of Object.entries(row)) {\n    if (isStringLabel(v)) return k;\n  }\n  return null;\n}\n\n/**\n * Resolve a possibly-dotted field path on a row. `inferMaxValue` uses this\n * so dotted `config.valueField` (e.g. `metrics.revenue`) works the same as\n * flat (e.g. `revenue`).\n */\nfunction getFieldValue(row: unknown, field: string): unknown {\n  if (!row || typeof row !== 'object') return undefined;\n  if (!field.includes('.')) return (row as Record<string, unknown>)[field];\n  return field.split('.').reduce<unknown>((current, key) => {\n    return current && typeof current === 'object' ? (current as Record<string, unknown>)[key] : undefined;\n  }, row);\n}\n\n/**\n * For a dataset with more than one row, pick the max numeric value of\n * `field` (defaulting to `inferValueField`). `field` may be a dotted path\n * and is resolved per-row; row values may be numbers or numeric strings\n * (parsed via `toFiniteNumber`). For single-row or non-array data, returns\n * null so callers fall back to their own defaults — avoids the degenerate\n * case where `max === value` renders progress as 100%.\n */\nexport function inferMaxValue(data: unknown, field?: string | null): number | null {\n  const rows = unwrapRows(data);\n  // Need at least 2 rows to infer a meaningful max.\n  if (!rows || rows.length < 2) return null;\n\n  const key = field ?? inferValueField(rows);\n  if (!key) return null;\n\n  let max = -Infinity;\n  for (const row of rows) {\n    const coerced = toFiniteNumber(getFieldValue(row, key));\n    if (coerced !== null && coerced > max) max = coerced;\n  }\n  return max === -Infinity ? null : max;\n}\n"],"mappings":";AAWA,SAAS,EAAe,GAA2B;AACjD,KAAI,OAAO,KAAM,SAAU,QAAO,OAAO,SAAS,EAAE,GAAG,IAAI;AAC3D,KAAI,OAAO,KAAM,YAAY,EAAE,MAAM,KAAK,IAAI;EAC5C,IAAM,IAAI,OAAO,EAAE;AACnB,MAAI,OAAO,SAAS,EAAE,CAAE,QAAO;;AAEjC,QAAO;;AAUT,SAAgB,EAAW,GAAiC;AAC1D,KAAI,MAAM,QAAQ,EAAK,CAAE,QAAO;AAChC,KAAI,KAAQ,OAAO,KAAS,UAAU;EACpC,IAAM,IAAM;AAKZ,OAAK,IAAM,KAAO;GAAC;GAAQ;GAAS;GAAO,EAAW;GACpD,IAAM,IAAY,EAAI;AACtB,OAAI,MAAM,QAAQ,EAAU,CAAE,QAAO;;;AAGzC,QAAO;;AAQT,SAAgB,EAAe,GAA+C;CAC5E,IAAM,IAAO,EAAW,EAAK;AAC7B,KAAI,CAAC,KAAQ,EAAK,WAAW,EAAG,QAAO;CACvC,IAAM,IAAQ,EAAK;AACnB,QAAO,KAAS,OAAO,KAAU,WAAY,IAAoC;;AAcnF,SAAgB,EAAgB,GAA8B;AAC5D,KAAI,KAAQ,OAAO,KAAS,YAAY,CAAC,MAAM,QAAQ,EAAK;OACrD,IAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,EAAgC,CAClE,KAAI,EAAe,EAAE,KAAK,KAAM,QAAO;;CAI3C,IAAM,IAAM,EAAe,EAAK;AAChC,KAAI,CAAC,EAAK,QAAO;AACjB,MAAK,IAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,EAAI,CACtC,KAAI,EAAe,EAAE,KAAK,KAAM,QAAO;AAEzC,QAAO;;AAiCT,SAAS,EAAc,GAAc,GAAwB;AACvD,QAAC,KAAO,OAAO,KAAQ,UAE3B,QADK,EAAM,SAAS,IAAI,GACjB,EAAM,MAAM,IAAI,CAAC,QAAiB,GAAS,MACzC,KAAW,OAAO,KAAY,WAAY,EAAoC,KAAO,KAAA,GAC3F,EAAI,GAH2B,EAAgC;;AAcpE,SAAgB,EAAc,GAAe,GAAsC;CACjF,IAAM,IAAO,EAAW,EAAK;AAE7B,KAAI,CAAC,KAAQ,EAAK,SAAS,EAAG,QAAO;CAErC,IAAM,IAAM,KAAS,EAAgB,EAAK;AAC1C,KAAI,CAAC,EAAK,QAAO;CAEjB,IAAI,IAAM;AACV,MAAK,IAAM,KAAO,GAAM;EACtB,IAAM,IAAU,EAAe,EAAc,GAAK,EAAI,CAAC;AACvD,EAAI,MAAY,QAAQ,IAAU,MAAK,IAAM;;AAE/C,QAAO,MAAQ,YAAY,OAAO"}

package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { EventWebhookMapping } from '../../../hooks/useEventWebhooks';
+
+export interface WebhookConfigPanelProps {
+    /** Dashboard ID for webhook scope */
+    dashboardId?: string;
+    /** Widget ID for webhook scope */
+    widgetId?: string;
+    /** Callback when webhook is created */
+    onWebhookCreated?: (webhook: EventWebhookMapping) => void;
+    /** Callback when webhook is deleted */
+    onWebhookDeleted?: (id: string) => void;
+}
+export declare const WebhookConfigPanel: React.FC<WebhookConfigPanelProps>;
+export default WebhookConfigPanel;
+//# sourceMappingURL=WebhookConfigPanel.d.ts.map

package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookConfigPanel.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAGL,KAAK,mBAAmB,EAIzB,MAAM,iCAAiC,CAAC;AAMzC,MAAM,WAAW,uBAAuB;IACtC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC1D,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AA+ZD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyH/D,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.js

@@ -0,0 +1,500 @@
+import e from "../../../hooks/useEventWebhooks.js";
+import { memo as t, useCallback as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.tsx
+var s = {
+	container: {
+		padding: "16px",
+		backgroundColor: "#ffffff",
+		borderRadius: "8px"
+	},
+	header: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		marginBottom: "16px"
+	},
+	title: {
+		fontSize: "16px",
+		fontWeight: 600,
+		color: "#111827",
+		margin: 0
+	},
+	addButton: {
+		padding: "8px 16px",
+		backgroundColor: "#2563eb",
+		color: "#ffffff",
+		border: "none",
+		borderRadius: "6px",
+		fontSize: "14px",
+		fontWeight: 500,
+		cursor: "pointer"
+	},
+	webhookList: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "12px"
+	},
+	webhookCard: {
+		padding: "16px",
+		backgroundColor: "#f9fafb",
+		borderRadius: "8px",
+		border: "1px solid #e5e7eb"
+	},
+	webhookHeader: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "flex-start",
+		marginBottom: "8px"
+	},
+	webhookTitle: {
+		display: "flex",
+		alignItems: "center",
+		gap: "8px"
+	},
+	webhookName: {
+		fontSize: "14px",
+		fontWeight: 600,
+		color: "#111827"
+	},
+	statusBadge: {
+		padding: "2px 8px",
+		borderRadius: "12px",
+		fontSize: "12px",
+		fontWeight: 500
+	},
+	activeBadge: {
+		backgroundColor: "#d1fae5",
+		color: "#065f46"
+	},
+	inactiveBadge: {
+		backgroundColor: "#fef3c7",
+		color: "#92400e"
+	},
+	webhookDetails: {
+		fontSize: "13px",
+		color: "#6b7280",
+		marginBottom: "4px"
+	},
+	webhookUrl: {
+		fontSize: "12px",
+		color: "#9ca3af",
+		fontFamily: "monospace",
+		wordBreak: "break-all"
+	},
+	webhookActions: {
+		display: "flex",
+		gap: "8px",
+		marginTop: "12px"
+	},
+	actionButton: {
+		padding: "6px 12px",
+		fontSize: "12px",
+		fontWeight: 500,
+		borderRadius: "4px",
+		border: "none",
+		cursor: "pointer"
+	},
+	editButton: {
+		backgroundColor: "#e5e7eb",
+		color: "#374151"
+	},
+	testButton: {
+		backgroundColor: "#dbeafe",
+		color: "#1d4ed8"
+	},
+	deleteButton: {
+		backgroundColor: "#fee2e2",
+		color: "#dc2626"
+	},
+	toggleButton: {
+		backgroundColor: "#f3f4f6",
+		color: "#6b7280"
+	},
+	emptyState: {
+		textAlign: "center",
+		padding: "32px",
+		color: "#9ca3af"
+	},
+	form: {
+		padding: "16px",
+		backgroundColor: "#f9fafb",
+		borderRadius: "8px",
+		marginBottom: "16px"
+	},
+	formGroup: { marginBottom: "12px" },
+	label: {
+		display: "block",
+		fontSize: "13px",
+		fontWeight: 500,
+		color: "#374151",
+		marginBottom: "4px"
+	},
+	input: {
+		width: "100%",
+		padding: "8px 12px",
+		fontSize: "14px",
+		border: "1px solid #d1d5db",
+		borderRadius: "6px",
+		boxSizing: "border-box"
+	},
+	select: {
+		width: "100%",
+		padding: "8px 12px",
+		fontSize: "14px",
+		border: "1px solid #d1d5db",
+		borderRadius: "6px",
+		boxSizing: "border-box",
+		backgroundColor: "#ffffff"
+	},
+	textarea: {
+		width: "100%",
+		padding: "8px 12px",
+		fontSize: "14px",
+		border: "1px solid #d1d5db",
+		borderRadius: "6px",
+		boxSizing: "border-box",
+		fontFamily: "monospace",
+		minHeight: "80px",
+		resize: "vertical"
+	},
+	formActions: {
+		display: "flex",
+		gap: "8px",
+		justifyContent: "flex-end",
+		marginTop: "16px"
+	},
+	cancelButton: {
+		padding: "8px 16px",
+		backgroundColor: "#f3f4f6",
+		color: "#374151",
+		border: "none",
+		borderRadius: "6px",
+		fontSize: "14px",
+		cursor: "pointer"
+	},
+	saveButton: {
+		padding: "8px 16px",
+		backgroundColor: "#2563eb",
+		color: "#ffffff",
+		border: "none",
+		borderRadius: "6px",
+		fontSize: "14px",
+		fontWeight: 500,
+		cursor: "pointer"
+	},
+	testResult: {
+		marginTop: "12px",
+		padding: "12px",
+		borderRadius: "6px",
+		fontSize: "13px"
+	},
+	testSuccess: {
+		backgroundColor: "#d1fae5",
+		color: "#065f46"
+	},
+	testFailure: {
+		backgroundColor: "#fee2e2",
+		color: "#991b1b"
+	},
+	helpText: {
+		fontSize: "12px",
+		color: "#9ca3af",
+		marginTop: "4px"
+	}
+}, c = t(function({ webhook: e, dashboardId: t, widgetId: n, onSave: i, onCancel: c, loading: l }) {
+	let [u, d] = r(e?.eventPattern || "widget:*:clicked"), [f, p] = r(e?.webhookUrl || ""), [m, h] = r(e?.method || "POST"), [g, _] = r(e?.headers ? JSON.stringify(e.headers, null, 2) : "");
+	return /* @__PURE__ */ o("form", {
+		style: s.form,
+		onSubmit: async (r) => {
+			r.preventDefault();
+			let a;
+			if (g.trim()) try {
+				a = JSON.parse(g);
+			} catch {
+				alert("Invalid JSON in headers field");
+				return;
+			}
+			e ? await i({
+				id: e.id,
+				eventPattern: u,
+				webhookUrl: f,
+				method: m,
+				headers: a || null
+			}) : await i({
+				dashboardId: t,
+				widgetId: n,
+				eventPattern: u,
+				webhookUrl: f,
+				method: m,
+				headers: a
+			});
+		},
+		children: [
+			/* @__PURE__ */ o("div", {
+				style: s.formGroup,
+				children: [
+					/* @__PURE__ */ a("label", {
+						style: s.label,
+						children: "Event Pattern *"
+					}),
+					/* @__PURE__ */ a("input", {
+						type: "text",
+						value: u,
+						onChange: (e) => d(e.target.value),
+						placeholder: "widget:*:clicked",
+						style: s.input,
+						required: !0
+					}),
+					/* @__PURE__ */ a("p", {
+						style: s.helpText,
+						children: "Use * as wildcard. Examples: widget:*:clicked, *:submit, button:save:*"
+					})
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				style: s.formGroup,
+				children: [/* @__PURE__ */ a("label", {
+					style: s.label,
+					children: "Webhook URL *"
+				}), /* @__PURE__ */ a("input", {
+					type: "url",
+					value: f,
+					onChange: (e) => p(e.target.value),
+					placeholder: "https://your-api.com/webhooks/bigconsole",
+					style: s.input,
+					required: !0
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				style: s.formGroup,
+				children: [/* @__PURE__ */ a("label", {
+					style: s.label,
+					children: "HTTP Method"
+				}), /* @__PURE__ */ o("select", {
+					value: m,
+					onChange: (e) => h(e.target.value),
+					style: s.select,
+					children: [
+						/* @__PURE__ */ a("option", {
+							value: "POST",
+							children: "POST"
+						}),
+						/* @__PURE__ */ a("option", {
+							value: "PUT",
+							children: "PUT"
+						}),
+						/* @__PURE__ */ a("option", {
+							value: "PATCH",
+							children: "PATCH"
+						}),
+						/* @__PURE__ */ a("option", {
+							value: "GET",
+							children: "GET"
+						}),
+						/* @__PURE__ */ a("option", {
+							value: "DELETE",
+							children: "DELETE"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				style: s.formGroup,
+				children: [/* @__PURE__ */ a("label", {
+					style: s.label,
+					children: "Custom Headers (JSON)"
+				}), /* @__PURE__ */ a("textarea", {
+					value: g,
+					onChange: (e) => _(e.target.value),
+					placeholder: "{\n  \"Authorization\": \"Bearer your-token\"\n}",
+					style: s.textarea
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				style: s.formActions,
+				children: [/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: c,
+					style: s.cancelButton,
+					children: "Cancel"
+				}), /* @__PURE__ */ a("button", {
+					type: "submit",
+					disabled: l,
+					style: s.saveButton,
+					children: l ? "Saving..." : e ? "Update Webhook" : "Create Webhook"
+				})]
+			})
+		]
+	});
+}), l = t(function({ webhook: e, onEdit: t, onDelete: n, onToggle: r, onTest: c, testResult: l, testing: u }) {
+	return /* @__PURE__ */ o("div", {
+		style: s.webhookCard,
+		children: [
+			/* @__PURE__ */ a("div", {
+				style: s.webhookHeader,
+				children: /* @__PURE__ */ o("div", {
+					style: s.webhookTitle,
+					children: [
+						/* @__PURE__ */ a("span", {
+							style: { fontSize: "16px" },
+							children: "📡"
+						}),
+						/* @__PURE__ */ a("span", {
+							style: s.webhookName,
+							children: e.eventPattern
+						}),
+						/* @__PURE__ */ a("span", {
+							style: {
+								...s.statusBadge,
+								...e.isActive ? s.activeBadge : s.inactiveBadge
+							},
+							children: e.isActive ? "Active" : "Inactive"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				style: s.webhookDetails,
+				children: ["Method: ", /* @__PURE__ */ a("strong", { children: e.method })]
+			}),
+			/* @__PURE__ */ a("div", {
+				style: s.webhookUrl,
+				children: e.webhookUrl
+			}),
+			l && /* @__PURE__ */ a("div", {
+				style: {
+					...s.testResult,
+					...l.success ? s.testSuccess : s.testFailure
+				},
+				children: l.success ? /* @__PURE__ */ o(i, { children: [
+					"✅ Test successful! Status: ",
+					l.statusCode,
+					", Latency: ",
+					l.latencyMs,
+					"ms"
+				] }) : /* @__PURE__ */ o(i, { children: ["❌ Test failed: ", l.errorMessage || "Unknown error"] })
+			}),
+			/* @__PURE__ */ o("div", {
+				style: s.webhookActions,
+				children: [
+					/* @__PURE__ */ a("button", {
+						onClick: t,
+						style: {
+							...s.actionButton,
+							...s.editButton
+						},
+						children: "Edit"
+					}),
+					/* @__PURE__ */ a("button", {
+						onClick: c,
+						disabled: u,
+						style: {
+							...s.actionButton,
+							...s.testButton
+						},
+						children: u ? "Testing..." : "Test"
+					}),
+					/* @__PURE__ */ a("button", {
+						onClick: r,
+						style: {
+							...s.actionButton,
+							...s.toggleButton
+						},
+						children: e.isActive ? "Disable" : "Enable"
+					}),
+					/* @__PURE__ */ a("button", {
+						onClick: n,
+						style: {
+							...s.actionButton,
+							...s.deleteButton
+						},
+						children: "Delete"
+					})
+				]
+			})
+		]
+	});
+}), u = t(function({ dashboardId: t, widgetId: i, onWebhookCreated: u, onWebhookDeleted: d }) {
+	let [f, p] = r(!1), [m, h] = r(null), [g, _] = r({}), [v, y] = r(null), { webhooks: b, loading: x, createWebhook: S, updateWebhook: C, deleteWebhook: w, toggleWebhook: T, testWebhook: E } = e({
+		dashboardId: t,
+		widgetId: i
+	}), D = n(async (e) => {
+		if ("id" in e) await C(e) && (h(null), p(!1));
+		else {
+			let t = await S(e);
+			t && (p(!1), u?.(t));
+		}
+	}, [
+		S,
+		C,
+		u
+	]), O = n(async (e) => {
+		confirm("Are you sure you want to delete this webhook?") && await w(e) && d?.(e);
+	}, [w, d]), k = n(async (e) => {
+		await T(e.id, !e.isActive);
+	}, [T]), A = n(async (e) => {
+		y(e);
+		let t = await E(e);
+		_((n) => ({
+			...n,
+			[e]: t
+		})), y(null);
+	}, [E]), j = n((e) => {
+		h(e), p(!0);
+	}, []), M = n(() => {
+		p(!1), h(null);
+	}, []);
+	return /* @__PURE__ */ o("div", {
+		style: s.container,
+		children: [
+			/* @__PURE__ */ o("div", {
+				style: s.header,
+				children: [/* @__PURE__ */ a("h3", {
+					style: s.title,
+					children: "Webhook Configuration"
+				}), !f && /* @__PURE__ */ a("button", {
+					onClick: () => p(!0),
+					style: s.addButton,
+					children: "+ Add Webhook"
+				})]
+			}),
+			f && /* @__PURE__ */ a(c, {
+				webhook: m || void 0,
+				dashboardId: t,
+				widgetId: i,
+				onSave: D,
+				onCancel: M,
+				loading: x
+			}),
+			x && b.length === 0 ? /* @__PURE__ */ a("div", {
+				style: s.emptyState,
+				children: "Loading..."
+			}) : b.length === 0 ? /* @__PURE__ */ o("div", {
+				style: s.emptyState,
+				children: [/* @__PURE__ */ a("p", { children: "No webhooks configured" }), /* @__PURE__ */ a("p", {
+					style: {
+						fontSize: "13px",
+						marginTop: "8px"
+					},
+					children: "Add a webhook to receive events when actions are triggered."
+				})]
+			}) : /* @__PURE__ */ a("div", {
+				style: s.webhookList,
+				children: b.map((e) => /* @__PURE__ */ a(l, {
+					webhook: e,
+					onEdit: () => j(e),
+					onDelete: () => O(e.id),
+					onToggle: () => k(e),
+					onTest: () => A(e.id),
+					testResult: g[e.id],
+					testing: v === e.id
+				}, e.id))
+			})
+		]
+	});
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=WebhookConfigPanel.js.map