@asteby/metacore-webhooks 2.0.0

package/dist/webhooks-manager.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { toast } from 'sonner';
+import { Plus, Shield } from 'lucide-react';
+import { Button } from '@asteby/metacore-ui/primitives';
+import { cn } from '@asteby/metacore-ui/lib';
+import { CreateDialog, DEFAULT_EVENT_PRESETS } from './components/create-dialog';
+import { LogsDialog } from './components/logs-dialog';
+import { StatsBar } from './components/stats-bar';
+import { WebhooksList } from './components/webhooks-list';
+import { useWebhooks } from './hooks';
+import { defaultTranslate } from './i18n';
+/**
+ * Top-level component orchestrating the webhooks UX. Wire it with any
+ * axios-compatible client plus the scope (`device` | `organization`).
+ */
+export function WebhooksManager(props) {
+    const { t = defaultTranslate, className, hideHeader, hidePayloadReference, eventPresets = DEFAULT_EVENT_PRESETS, enableTest = true, enableReplay = false, devices = [], ...rest } = props;
+    const config = {
+        ...rest,
+        eventPresets,
+        enableTest,
+        enableReplay,
+        devices,
+    };
+    const { webhooks, stats, isLoading, create, update, remove, test, basePath, } = useWebhooks(config);
+    const [showCreate, setShowCreate] = useState(false);
+    const [logsTarget, setLogsTarget] = useState(null);
+    const handleDelete = (id) => {
+        if (typeof window !== 'undefined' && !window.confirm(t('webhooks.confirm.delete', '¿Eliminar este webhook?')))
+            return;
+        remove.mutate(id, {
+            onSuccess: () => toast.success(t('webhooks.toast.deleted', 'Webhook eliminado')),
+            onError: () => toast.error(t('webhooks.toast.delete_error', 'Error al eliminar webhook')),
+        });
+    };
+    const handleToggle = (id, nextStatus) => {
+        update.mutate({ id, patch: { status: nextStatus } }, {
+            onSuccess: () => toast.success(nextStatus === 'active'
+                ? t('webhooks.toast.activated', 'Webhook activado')
+                : t('webhooks.toast.paused', 'Webhook pausado')),
+            onError: () => toast.error(t('webhooks.toast.update_error', 'Error al actualizar webhook')),
+        });
+    };
+    const handleTest = (id) => {
+        test.mutate(id, {
+            onSuccess: () => toast.success(t('webhooks.toast.test_sent', 'Evento de prueba enviado')),
+            onError: () => toast.error(t('webhooks.toast.test_error', 'Error al enviar evento de prueba')),
+        });
+    };
+    return (_jsxs("div", { className: cn('space-y-6', className), children: [!hideHeader && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: t('webhooks.header.title', 'Webhooks') }), _jsx("p", { className: "text-sm text-muted-foreground", children: config.scope === 'organization'
+                                    ? t('webhooks.header.subtitle_org', 'Recibe eventos de toda la organización en tiempo real.')
+                                    : t('webhooks.header.subtitle_device', 'Recibe eventos del dispositivo en tiempo real.') })] }), _jsxs(Button, { onClick: () => setShowCreate(true), className: "gap-2 bg-violet-600 hover:bg-violet-700", children: [_jsx(Plus, { className: "h-4 w-4" }), t('webhooks.header.new', 'Nuevo webhook')] })] })), _jsx(StatsBar, { stats: stats, t: t }), _jsx(WebhooksList, { webhooks: webhooks, isLoading: isLoading, onDelete: handleDelete, onToggle: handleToggle, onTest: enableTest ? handleTest : undefined, onViewLogs: (wh) => setLogsTarget(wh), enableTest: enableTest, showDeviceChip: config.scope === 'device', t: t }), !hidePayloadReference && _jsx(PayloadReference, { t: t }), _jsx(CreateDialog, { open: showCreate, onOpenChange: setShowCreate, showDeviceSelector: config.scope === 'device', devices: devices, defaultDeviceId: config.deviceId, eventPresets: eventPresets, t: t, onSubmit: async (payload) => {
+                    const res = await create.mutateAsync(payload);
+                    return { secret: res.data.secret };
+                } }), _jsx(LogsDialog, { open: !!logsTarget, onOpenChange: (open) => {
+                    if (!open)
+                        setLogsTarget(null);
+                }, webhookId: logsTarget?.id ?? null, webhookName: logsTarget?.name ?? '', apiClient: config.apiClient, basePath: basePath, enableReplay: enableReplay, t: t })] }));
+}
+/** Small docs block rendered below the list. */
+function PayloadReference({ t }) {
+    const headers = [
+        { header: 'Content-Type', value: 'application/json' },
+        { header: 'X-Webhook-ID', value: t('webhooks.docs.h_id', 'UUID del webhook') },
+        { header: 'X-Webhook-Event', value: t('webhooks.docs.h_event', 'Tipo de evento') },
+        { header: 'X-Webhook-Timestamp', value: t('webhooks.docs.h_ts', 'Unix timestamp') },
+        { header: 'X-Webhook-Signature', value: t('webhooks.docs.h_sig', 'HMAC-SHA256 signature') },
+        { header: 'X-Webhook-Delivery', value: t('webhooks.docs.h_delivery', 'ID único de entrega') },
+    ];
+    return (_jsxs("div", { className: "rounded-xl border bg-card/40 overflow-hidden", children: [_jsxs("div", { className: "px-4 py-3 border-b bg-muted/20 flex items-center gap-2", children: [_jsx(Shield, { className: "h-4 w-4 text-violet-500" }), _jsx("span", { className: "text-sm font-semibold", children: t('webhooks.docs.title', 'Formato del payload') })] }), _jsxs("div", { className: "p-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-semibold text-muted-foreground mb-2", children: t('webhooks.docs.headers', 'Headers que recibirás:') }), _jsx("div", { className: "space-y-1", children: headers.map((h) => (_jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx("code", { className: "font-mono text-primary font-semibold", children: h.header }), _jsxs("span", { className: "text-muted-foreground", children: ["\u2014 ", h.value] })] }, h.header))) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-xs font-semibold text-muted-foreground mb-2", children: t('webhooks.docs.body', 'Body (JSON):') }), _jsx("pre", { className: "text-[11px] font-mono text-muted-foreground p-3 rounded-lg bg-muted/20 overflow-x-auto", children: `{
+  "id": "uuid-unique-event-id",
+  "type": "message.incoming",
+  "timestamp": "2026-02-10T22:47:42Z",
+  "device_id": "uuid-device-id",
+  "org_id": "uuid-organization-id",
+  "data": {
+    "message_id": "uuid",
+    "conversation_id": "uuid",
+    "content": "Hola!",
+    "content_type": "text",
+    "sender_type": "contact",
+    "contact": {
+      "name": "Juan Pérez",
+      "phone": "+521234567890"
+    }
+  }
+}` })] })] })] }));
+}
+//# sourceMappingURL=webhooks-manager.js.map

package/dist/webhooks-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhooks-manager.js","sourceRoot":"","sources":["../src/webhooks-manager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAA0B,MAAM,QAAQ,CAAA;AAajE;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EACJ,CAAC,GAAG,gBAAgB,EACpB,SAAS,EACT,UAAU,EACV,oBAAoB,EACpB,YAAY,GAAG,qBAAqB,EACpC,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,KAAK,EACpB,OAAO,GAAG,EAAE,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAmB;QAC7B,GAAG,IAAI;QACP,YAAY;QACZ,UAAU;QACV,YAAY;QACZ,OAAO;KACR,CAAA;IAED,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAA;IAElE,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,OAAO,CAClD,CAAC,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACxD;YAAE,OAAM;QAET,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE;YAChB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,CAAC;YAChF,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,6BAA6B,EAAE,2BAA2B,CAAC,CAAC;SAC7E,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,UAA+B,EAAE,EAAE;QACnE,MAAM,CAAC,MAAM,CACX,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EACrC;YACE,SAAS,EAAE,GAAG,EAAE,CACd,KAAK,CAAC,OAAO,CACX,UAAU,KAAK,QAAQ;gBACrB,CAAC,CAAC,CAAC,CAAC,0BAA0B,EAAE,kBAAkB,CAAC;gBACnD,CAAC,CAAC,CAAC,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,CAClD;YACH,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC,KAAK,CACT,CAAC,CAAC,6BAA6B,EAAE,6BAA6B,CAAC,CAChE;SACJ,CACF,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,EAAU,EAAE,EAAE;QAChC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;YACd,SAAS,EAAE,GAAG,EAAE,CACd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,0BAA0B,EAAE,0BAA0B,CAAC,CAAC;YAC1E,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC,KAAK,CACT,CAAC,CAAC,2BAA2B,EAAE,kCAAkC,CAAC,CACnE;SACJ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aACvC,CAAC,UAAU,IAAI,CACd,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,aAAI,SAAS,EAAC,uBAAuB,YAClC,CAAC,CAAC,uBAAuB,EAAE,UAAU,CAAC,GACpC,EACL,YAAG,SAAS,EAAC,+BAA+B,YACzC,MAAM,CAAC,KAAK,KAAK,cAAc;oCAC9B,CAAC,CAAC,CAAC,CACC,8BAA8B,EAC9B,wDAAwD,CACzD;oCACH,CAAC,CAAC,CAAC,CACC,iCAAiC,EACjC,gDAAgD,CACjD,GACH,IACA,EACN,MAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAClC,SAAS,EAAC,yCAAyC,aAEnD,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAC3B,CAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,IACnC,IACL,CACP,EAED,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,GAAI,EAEhC,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC3C,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EACrC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,EACzC,CAAC,EAAE,CAAC,GACJ,EAED,CAAC,oBAAoB,IAAI,KAAC,gBAAgB,IAAC,CAAC,EAAE,CAAC,GAAI,EAEpD,KAAC,YAAY,IACX,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,kBAAkB,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,EAC7C,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,MAAM,CAAC,QAAQ,EAChC,YAAY,EAAE,YAAY,EAC1B,CAAC,EAAE,CAAC,EACJ,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;oBAC1B,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;oBAC7C,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAA;gBACpC,CAAC,GACD,EAEF,KAAC,UAAU,IACT,IAAI,EAAE,CAAC,CAAC,UAAU,EAClB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;oBACrB,IAAI,CAAC,IAAI;wBAAE,aAAa,CAAC,IAAI,CAAC,CAAA;gBAChC,CAAC,EACD,SAAS,EAAE,UAAU,EAAE,EAAE,IAAI,IAAI,EACjC,WAAW,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,EACnC,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,CAAC,EAAE,CAAC,GACJ,IACE,CACP,CAAA;AACH,CAAC;AAED,gDAAgD;AAChD,SAAS,gBAAgB,CAAC,EAAE,CAAC,EAA4B;IACvD,MAAM,OAAO,GAAG;QACd,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE;QACrD,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,EAAE;QAC9E,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,EAAE;QAClF,EAAE,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,EAAE;QACnF,EAAE,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC,qBAAqB,EAAE,uBAAuB,CAAC,EAAE;QAC3F,EAAE,MAAM,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,EAAE;KAC9F,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,eAAK,SAAS,EAAC,wDAAwD,aACrE,KAAC,MAAM,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAC9C,eAAM,SAAS,EAAC,uBAAuB,YACpC,CAAC,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,GAC3C,IACH,EACN,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,aAAI,SAAS,EAAC,kDAAkD,YAC7D,CAAC,CAAC,uBAAuB,EAAE,wBAAwB,CAAC,GAClD,EACL,cAAK,SAAS,EAAC,WAAW,YACvB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,eAAoB,SAAS,EAAC,iCAAiC,aAC7D,eAAM,SAAS,EAAC,sCAAsC,YAAE,CAAC,CAAC,MAAM,GAAQ,EACxE,gBAAM,SAAS,EAAC,uBAAuB,wBAAU,CAAC,CAAC,KAAK,IAAQ,KAFxD,CAAC,CAAC,MAAM,CAGZ,CACP,CAAC,GACE,IACF,EACN,0BACE,aAAI,SAAS,EAAC,kDAAkD,YAC7D,CAAC,CAAC,oBAAoB,EAAE,cAAc,CAAC,GACrC,EACL,cAAK,SAAS,EAAC,wFAAwF,YACpG;;;;;;;;;;;;;;;;;EAiBX,GACc,IACF,IACF,IACF,CACP,CAAA;AACH,CAAC"}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@asteby/metacore-webhooks",
+  "version": "2.0.0",
+  "description": "Metacore webhooks management UI — list, create, logs, test/replay, signing secrets",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/asteby/metacore-sdk",
+    "directory": "packages/webhooks"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "@tanstack/react-query": ">=5",
+    "react-hook-form": ">=7",
+    "react-i18next": ">=13",
+    "sonner": ">=1.7",
+    "date-fns": ">=3",
+    "lucide-react": ">=0.460",
+    "@asteby/metacore-ui": "^0.3.0"
+  },
+  "peerDependenciesMeta": {
+    "react-i18next": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.0",
+    "zod": "^4.3.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.95.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^0.460.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.72.0",
+    "react-i18next": "^15.1.0",
+    "sonner": "^1.7.0",
+    "typescript": "^5.6.0",
+    "@asteby/metacore-ui": "0.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "tsc -w -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "clean": "rm -rf dist"
+  }
+}