@freighttech/shipment-tracking 0.6.0

package/dist/modules/shipment_tracking/components/WebhookDrawer.js

@@ -0,0 +1,332 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { Webhook, Link2, Bell, Shield } from "lucide-react";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetDescription
+} from "@freighttech/ui/primitives/sheet";
+import { Button } from "@freighttech/ui/primitives/button";
+import { Input } from "@freighttech/ui/primitives/input";
+import { Label } from "@freighttech/ui/primitives/label";
+import { Switch } from "@freighttech/ui/primitives/switch";
+import { Spinner } from "@freighttech/ui/primitives/spinner";
+import { Checkbox } from "@freighttech/ui/primitives/checkbox";
+import { apiCall } from "@freighttech/ui/backend/utils/apiCall";
+import { flash } from "@freighttech/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const WEBHOOK_EVENTS = [
+  // Shipment CRUD
+  { id: "shipment_tracking.shipment.created", label: "Shipment Created", category: "Shipment" },
+  { id: "shipment_tracking.shipment.updated", label: "Shipment Updated", category: "Shipment" },
+  { id: "shipment_tracking.shipment.deleted", label: "Shipment Deleted", category: "Shipment" },
+  // Shipment Lifecycle
+  { id: "shipment_tracking.shipment.status_changed", label: "Status Changed", category: "Shipment" },
+  { id: "shipment_tracking.shipment.booked", label: "Booked", category: "Shipment" },
+  { id: "shipment_tracking.shipment.delivered", label: "Delivered", category: "Shipment" },
+  // Transport (DCSA)
+  { id: "shipment_tracking.transport.departed", label: "Departed", category: "Transport" },
+  { id: "shipment_tracking.transport.arrived", label: "Arrived", category: "Transport" },
+  { id: "shipment_tracking.transport.eta_updated", label: "ETA Updated", category: "Transport" },
+  { id: "shipment_tracking.transport.etd_updated", label: "ETD Updated", category: "Transport" },
+  { id: "shipment_tracking.transport.omitted", label: "Port Omitted", category: "Transport" },
+  // Equipment (DCSA)
+  { id: "shipment_tracking.equipment.loaded", label: "Loaded", category: "Equipment" },
+  { id: "shipment_tracking.equipment.discharged", label: "Discharged", category: "Equipment" },
+  { id: "shipment_tracking.equipment.gate_in", label: "Gate In", category: "Equipment" },
+  { id: "shipment_tracking.equipment.gate_out", label: "Gate Out", category: "Equipment" },
+  { id: "shipment_tracking.equipment.available_pickup", label: "Available for Pickup", category: "Equipment" },
+  { id: "shipment_tracking.equipment.customs_released", label: "Customs Released", category: "Equipment" },
+  { id: "shipment_tracking.equipment.inspected", label: "Inspected", category: "Equipment" },
+  // Tracking Events
+  { id: "shipment_tracking.tracking_event.created", label: "Event Created", category: "Tracking" },
+  // Tracking Jobs
+  { id: "shipment_tracking.tracking_job.created", label: "Job Created", category: "Jobs" },
+  { id: "shipment_tracking.tracking_job.updated", label: "Job Updated", category: "Jobs" },
+  { id: "shipment_tracking.tracking_job.failed", label: "Job Failed", category: "Jobs" },
+  { id: "shipment_tracking.tracking_job.completed", label: "Job Completed", category: "Jobs" }
+];
+const initialFormData = {
+  url: "",
+  eventsSubscribed: [],
+  hmacSecret: "",
+  isActive: true
+};
+function WebhookDrawer({
+  open,
+  onOpenChange,
+  mode,
+  webhookId,
+  onSaved
+}) {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formData, setFormData] = useState(initialFormData);
+  const [isLoadingWebhook, setIsLoadingWebhook] = useState(mode === "edit" && !!webhookId);
+  useEffect(() => {
+    if (!open) return;
+    if (mode === "create") {
+      setFormData(initialFormData);
+      setIsLoadingWebhook(false);
+      return;
+    }
+    if (mode === "edit" && webhookId) {
+      setIsLoadingWebhook(true);
+      apiCall(`/api/shipment_tracking/webhooks?id=${webhookId}`).then((response) => {
+        if (response.ok && response.result?.items?.[0]) {
+          const data = response.result.items[0];
+          setFormData({
+            url: data.url || "",
+            eventsSubscribed: data.eventsSubscribed || [],
+            hmacSecret: data.hmacSecret || "",
+            isActive: data.isActive ?? true
+          });
+        }
+      }).catch(() => {
+      }).finally(() => {
+        setIsLoadingWebhook(false);
+      });
+    }
+  }, [open, mode, webhookId]);
+  const handleEventChange = useCallback((eventId, checked) => {
+    setFormData((prev) => ({
+      ...prev,
+      eventsSubscribed: checked ? [...prev.eventsSubscribed, eventId] : prev.eventsSubscribed.filter((e) => e !== eventId)
+    }));
+  }, []);
+  const handleCategoryToggle = useCallback((category) => {
+    const categoryEvents = WEBHOOK_EVENTS.filter((e) => e.category === category).map((e) => e.id);
+    const allSelected = categoryEvents.every((e) => formData.eventsSubscribed.includes(e));
+    setFormData((prev) => ({
+      ...prev,
+      eventsSubscribed: allSelected ? prev.eventsSubscribed.filter((e) => !categoryEvents.includes(e)) : [.../* @__PURE__ */ new Set([...prev.eventsSubscribed, ...categoryEvents])]
+    }));
+  }, [formData.eventsSubscribed]);
+  const handleSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      setIsSubmitting(true);
+      try {
+        if (!formData.url.trim()) {
+          flash(t("shipment_tracking.webhooks.validation.urlRequired", "URL is required"), "error");
+          setIsSubmitting(false);
+          return;
+        }
+        if (formData.eventsSubscribed.length === 0) {
+          flash(t("shipment_tracking.webhooks.validation.eventsRequired", "At least one event must be selected"), "error");
+          setIsSubmitting(false);
+          return;
+        }
+        const payload = {
+          url: formData.url.trim(),
+          eventsSubscribed: formData.eventsSubscribed,
+          hmacSecret: formData.hmacSecret.trim() || void 0,
+          isActive: formData.isActive
+        };
+        let response;
+        if (mode === "edit" && webhookId) {
+          response = await apiCall(
+            `/api/shipment_tracking/webhooks`,
+            {
+              method: "PUT",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ id: webhookId, ...payload })
+            }
+          );
+        } else {
+          response = await apiCall(
+            "/api/shipment_tracking/webhooks",
+            {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(payload)
+            }
+          );
+        }
+        if (response.ok && response.result?.id) {
+          flash(
+            mode === "edit" ? t("shipment_tracking.webhooks.flash.updated", "Webhook updated successfully") : t("shipment_tracking.webhooks.flash.created", "Webhook created successfully"),
+            "success"
+          );
+          queryClient.invalidateQueries({ queryKey: ["shipment_tracking_webhooks"] });
+          queryClient.invalidateQueries({ queryKey: ["shipment_tracking_webhook", webhookId] });
+          onSaved?.({ id: response.result.id });
+          onOpenChange(false);
+        } else {
+          flash(response.result?.error || t("shipment_tracking.webhooks.flash.saveFailed", "Failed to save webhook"), "error");
+        }
+      } catch (error) {
+        flash(error instanceof Error ? error.message : t("shipment_tracking.webhooks.flash.saveFailed", "Failed to save webhook"), "error");
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [formData, mode, webhookId, queryClient, onSaved, onOpenChange, t]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        handleSubmit(e);
+      }
+      if (e.key === "Escape") {
+        onOpenChange(false);
+      }
+    },
+    [handleSubmit, onOpenChange]
+  );
+  const title = mode === "edit" ? t("shipment_tracking.webhooks.edit", "Edit Webhook") : t("shipment_tracking.webhooks.create", "Create Webhook");
+  const eventsByCategory = WEBHOOK_EVENTS.reduce((acc, event) => {
+    if (!acc[event.category]) acc[event.category] = [];
+    acc[event.category].push(event);
+    return acc;
+  }, {});
+  if (mode === "edit" && isLoadingWebhook) {
+    return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsx(
+      SheetContent,
+      {
+        className: "flex flex-col p-0",
+        style: { width: "500px", maxWidth: "500px" },
+        overlayClassName: "backdrop-blur-none",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-48 gap-2", children: [
+          /* @__PURE__ */ jsx(Spinner, { className: "h-6 w-6" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: t("shipment_tracking.webhooks.loading", "Loading webhook...") })
+        ] })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      className: "flex flex-col p-0",
+      style: { width: "500px", maxWidth: "500px" },
+      overlayClassName: "backdrop-blur-none",
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-6 pb-4 border-b", children: /* @__PURE__ */ jsxs(SheetHeader, { children: [
+          /* @__PURE__ */ jsxs(SheetTitle, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Webhook, { className: "h-5 w-5" }),
+            title
+          ] }),
+          /* @__PURE__ */ jsx(SheetDescription, { children: t("shipment_tracking.webhooks.drawer.description", "Configure a webhook endpoint to receive shipment tracking events.") })
+        ] }) }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col flex-1 min-h-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto p-6 space-y-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                /* @__PURE__ */ jsx(Link2, { className: "h-4 w-4" }),
+                t("shipment_tracking.webhooks.drawer.endpoint", "Endpoint")
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsxs(Label, { htmlFor: "url", children: [
+                  t("shipment_tracking.webhooks.fields.url", "URL"),
+                  " *"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "url",
+                    type: "url",
+                    placeholder: "https://example.com/webhooks/shipment-tracking",
+                    value: formData.url,
+                    onChange: (e) => setFormData({ ...formData, url: e.target.value }),
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("shipment_tracking.webhooks.drawer.urlHint", "The URL where webhook payloads will be sent via HTTP POST.") })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }),
+                t("shipment_tracking.webhooks.drawer.events", "Events to Subscribe")
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("shipment_tracking.webhooks.drawer.eventsHint", "Select which events should trigger this webhook.") }),
+              /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Object.entries(eventsByCategory).map(([category, events]) => {
+                const categoryEvents = events.map((e) => e.id);
+                const allSelected = categoryEvents.every((e) => formData.eventsSubscribed.includes(e));
+                const someSelected = categoryEvents.some((e) => formData.eventsSubscribed.includes(e));
+                return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-3 space-y-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: category }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => handleCategoryToggle(category),
+                        className: "text-xs text-primary hover:underline",
+                        children: allSelected ? t("common.deselectAll", "Deselect all") : t("common.selectAll", "Select all")
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "space-y-2", children: events.map((event) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        id: event.id,
+                        checked: formData.eventsSubscribed.includes(event.id),
+                        onCheckedChange: (checked) => handleEventChange(event.id, checked === true)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Label, { htmlFor: event.id, className: "text-sm font-normal cursor-pointer", children: event.label })
+                  ] }, event.id)) })
+                ] }, category);
+              }) }),
+              formData.eventsSubscribed.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("shipment_tracking.webhooks.drawer.selectedCount", "{{count}} event(s) selected", { count: formData.eventsSubscribed.length }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4" }),
+                t("shipment_tracking.webhooks.drawer.security", "Security")
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "hmacSecret", children: t("shipment_tracking.webhooks.fields.hmacSecret", "HMAC Secret") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "hmacSecret",
+                    type: "password",
+                    placeholder: t("shipment_tracking.webhooks.drawer.hmacPlaceholder", "Optional signing secret"),
+                    value: formData.hmacSecret,
+                    onChange: (e) => setFormData({ ...formData, hmacSecret: e.target.value })
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("shipment_tracking.webhooks.drawer.hmacHint", "If provided, webhook payloads will be signed with this secret using HMAC-SHA256.") })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "isActive", children: t("shipment_tracking.webhooks.fields.isActive", "Active") }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("shipment_tracking.webhooks.drawer.activeHint", "Inactive webhooks will not receive events.") })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  id: "isActive",
+                  checked: formData.isActive,
+                  onCheckedChange: (checked) => setFormData({ ...formData, isActive: checked })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 border-t bg-background p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-3", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: t("common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }),
+              t("common.saving", "Saving...")
+            ] }) : mode === "edit" ? t("common.saveChanges", "Save Changes") : t("shipment_tracking.webhooks.create", "Create Webhook") })
+          ] }) })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  WebhookDrawer
+};
+//# sourceMappingURL=WebhookDrawer.js.map

package/dist/modules/shipment_tracking/components/WebhookDrawer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/shipment_tracking/components/WebhookDrawer.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useState, useCallback, useEffect } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Webhook, Link2, Bell, Shield } from 'lucide-react'\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n} from '@freighttech/ui/primitives/sheet'\nimport { Button } from '@freighttech/ui/primitives/button'\nimport { Input } from '@freighttech/ui/primitives/input'\nimport { Label } from '@freighttech/ui/primitives/label'\nimport { Switch } from '@freighttech/ui/primitives/switch'\nimport { Spinner } from '@freighttech/ui/primitives/spinner'\nimport { Checkbox } from '@freighttech/ui/primitives/checkbox'\nimport { apiCall } from '@freighttech/ui/backend/utils/apiCall'\nimport { flash } from '@freighttech/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\n// Available webhook events for subscription\nconst WEBHOOK_EVENTS = [\n  // Shipment CRUD\n  { id: 'shipment_tracking.shipment.created', label: 'Shipment Created', category: 'Shipment' },\n  { id: 'shipment_tracking.shipment.updated', label: 'Shipment Updated', category: 'Shipment' },\n  { id: 'shipment_tracking.shipment.deleted', label: 'Shipment Deleted', category: 'Shipment' },\n  // Shipment Lifecycle\n  { id: 'shipment_tracking.shipment.status_changed', label: 'Status Changed', category: 'Shipment' },\n  { id: 'shipment_tracking.shipment.booked', label: 'Booked', category: 'Shipment' },\n  { id: 'shipment_tracking.shipment.delivered', label: 'Delivered', category: 'Shipment' },\n  // Transport (DCSA)\n  { id: 'shipment_tracking.transport.departed', label: 'Departed', category: 'Transport' },\n  { id: 'shipment_tracking.transport.arrived', label: 'Arrived', category: 'Transport' },\n  { id: 'shipment_tracking.transport.eta_updated', label: 'ETA Updated', category: 'Transport' },\n  { id: 'shipment_tracking.transport.etd_updated', label: 'ETD Updated', category: 'Transport' },\n  { id: 'shipment_tracking.transport.omitted', label: 'Port Omitted', category: 'Transport' },\n  // Equipment (DCSA)\n  { id: 'shipment_tracking.equipment.loaded', label: 'Loaded', category: 'Equipment' },\n  { id: 'shipment_tracking.equipment.discharged', label: 'Discharged', category: 'Equipment' },\n  { id: 'shipment_tracking.equipment.gate_in', label: 'Gate In', category: 'Equipment' },\n  { id: 'shipment_tracking.equipment.gate_out', label: 'Gate Out', category: 'Equipment' },\n  { id: 'shipment_tracking.equipment.available_pickup', label: 'Available for Pickup', category: 'Equipment' },\n  { id: 'shipment_tracking.equipment.customs_released', label: 'Customs Released', category: 'Equipment' },\n  { id: 'shipment_tracking.equipment.inspected', label: 'Inspected', category: 'Equipment' },\n  // Tracking Events\n  { id: 'shipment_tracking.tracking_event.created', label: 'Event Created', category: 'Tracking' },\n  // Tracking Jobs\n  { id: 'shipment_tracking.tracking_job.created', label: 'Job Created', category: 'Jobs' },\n  { id: 'shipment_tracking.tracking_job.updated', label: 'Job Updated', category: 'Jobs' },\n  { id: 'shipment_tracking.tracking_job.failed', label: 'Job Failed', category: 'Jobs' },\n  { id: 'shipment_tracking.tracking_job.completed', label: 'Job Completed', category: 'Jobs' },\n] as const\n\ninterface WebhookFormData {\n  url: string\n  eventsSubscribed: string[]\n  hmacSecret: string\n  isActive: boolean\n}\n\ninterface WebhookData {\n  id: string\n  url: string\n  eventsSubscribed: string[]\n  hmacSecret?: string | null\n  isActive: boolean\n}\n\ninterface WebhookDrawerProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  mode: 'create' | 'edit'\n  webhookId?: string\n  onSaved?: (webhook: { id: string }) => void\n}\n\nconst initialFormData: WebhookFormData = {\n  url: '',\n  eventsSubscribed: [],\n  hmacSecret: '',\n  isActive: true,\n}\n\nexport function WebhookDrawer({\n  open,\n  onOpenChange,\n  mode,\n  webhookId,\n  onSaved,\n}: WebhookDrawerProps) {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [formData, setFormData] = useState<WebhookFormData>(initialFormData)\n\n  const [isLoadingWebhook, setIsLoadingWebhook] = useState(mode === 'edit' && !!webhookId)\n\n  // Fetch and populate form when opening in edit mode\n  useEffect(() => {\n    if (!open) return\n    \n    if (mode === 'create') {\n      setFormData(initialFormData)\n      setIsLoadingWebhook(false)\n      return\n    }\n    \n    // Edit mode - fetch the webhook data\n    if (mode === 'edit' && webhookId) {\n      setIsLoadingWebhook(true)\n      apiCall<{ items: WebhookData[] }>(`/api/shipment_tracking/webhooks?id=${webhookId}`)\n        .then((response) => {\n          if (response.ok && response.result?.items?.[0]) {\n            const data = response.result.items[0]\n            setFormData({\n              url: data.url || '',\n              eventsSubscribed: data.eventsSubscribed || [],\n              hmacSecret: data.hmacSecret || '',\n              isActive: data.isActive ?? true,\n            })\n          }\n        })\n        .catch(() => {\n          // Silently fail - form will show empty\n        })\n        .finally(() => {\n          setIsLoadingWebhook(false)\n        })\n    }\n  }, [open, mode, webhookId])\n\n  // Handle event checkbox change\n  const handleEventChange = useCallback((eventId: string, checked: boolean) => {\n    setFormData((prev) => ({\n      ...prev,\n      eventsSubscribed: checked\n        ? [...prev.eventsSubscribed, eventId]\n        : prev.eventsSubscribed.filter((e: string) => e !== eventId),\n    }))\n  }, [])\n\n  // Select/deselect all events in a category\n  const handleCategoryToggle = useCallback((category: string) => {\n    const categoryEvents = WEBHOOK_EVENTS.filter((e) => e.category === category).map((e) => e.id as string)\n    const allSelected = categoryEvents.every((e) => formData.eventsSubscribed.includes(e))\n    \n    setFormData((prev) => ({\n      ...prev,\n      eventsSubscribed: allSelected\n        ? prev.eventsSubscribed.filter((e: string) => !categoryEvents.includes(e))\n        : [...new Set([...prev.eventsSubscribed, ...categoryEvents])],\n    }))\n  }, [formData.eventsSubscribed])\n\n  // Handle form submission\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault()\n      setIsSubmitting(true)\n\n      try {\n        // Validate URL\n        if (!formData.url.trim()) {\n          flash(t('shipment_tracking.webhooks.validation.urlRequired', 'URL is required'), 'error')\n          setIsSubmitting(false)\n          return\n        }\n\n        // Validate events\n        if (formData.eventsSubscribed.length === 0) {\n          flash(t('shipment_tracking.webhooks.validation.eventsRequired', 'At least one event must be selected'), 'error')\n          setIsSubmitting(false)\n          return\n        }\n\n        const payload = {\n          url: formData.url.trim(),\n          eventsSubscribed: formData.eventsSubscribed,\n          hmacSecret: formData.hmacSecret.trim() || undefined,\n          isActive: formData.isActive,\n        }\n\n        let response: { ok: boolean; result?: { id: string; error?: string } | null }\n\n        if (mode === 'edit' && webhookId) {\n          response = await apiCall<{ id: string; error?: string }>(\n            `/api/shipment_tracking/webhooks`,\n            {\n              method: 'PUT',\n              headers: { 'Content-Type': 'application/json' },\n              body: JSON.stringify({ id: webhookId, ...payload }),\n            }\n          )\n        } else {\n          response = await apiCall<{ id: string; error?: string }>(\n            '/api/shipment_tracking/webhooks',\n            {\n              method: 'POST',\n              headers: { 'Content-Type': 'application/json' },\n              body: JSON.stringify(payload),\n            }\n          )\n        }\n\n        if (response.ok && response.result?.id) {\n          flash(\n            mode === 'edit'\n              ? t('shipment_tracking.webhooks.flash.updated', 'Webhook updated successfully')\n              : t('shipment_tracking.webhooks.flash.created', 'Webhook created successfully'),\n            'success'\n          )\n          queryClient.invalidateQueries({ queryKey: ['shipment_tracking_webhooks'] })\n          queryClient.invalidateQueries({ queryKey: ['shipment_tracking_webhook', webhookId] })\n          onSaved?.({ id: response.result.id })\n          onOpenChange(false)\n        } else {\n          flash(response.result?.error || t('shipment_tracking.webhooks.flash.saveFailed', 'Failed to save webhook'), 'error')\n        }\n      } catch (error) {\n        flash(error instanceof Error ? error.message : t('shipment_tracking.webhooks.flash.saveFailed', 'Failed to save webhook'), 'error')\n      } finally {\n        setIsSubmitting(false)\n      }\n    },\n    [formData, mode, webhookId, queryClient, onSaved, onOpenChange, t]\n  )\n\n  // Handle keyboard shortcuts\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault()\n        handleSubmit(e as unknown as React.FormEvent)\n      }\n      if (e.key === 'Escape') {\n        onOpenChange(false)\n      }\n    },\n    [handleSubmit, onOpenChange]\n  )\n\n  const title = mode === 'edit'\n    ? t('shipment_tracking.webhooks.edit', 'Edit Webhook')\n    : t('shipment_tracking.webhooks.create', 'Create Webhook')\n\n  // Group events by category\n  const eventsByCategory = WEBHOOK_EVENTS.reduce((acc, event) => {\n    if (!acc[event.category]) acc[event.category] = []\n    acc[event.category].push(event)\n    return acc\n  }, {} as Record<string, typeof WEBHOOK_EVENTS[number][]>)\n\n  if (mode === 'edit' && isLoadingWebhook) {\n    return (\n      <Sheet open={open} onOpenChange={onOpenChange}>\n        <SheetContent\n          className=\"flex flex-col p-0\"\n          style={{ width: '500px', maxWidth: '500px' }}\n          overlayClassName=\"backdrop-blur-none\"\n        >\n          <div className=\"flex flex-col items-center justify-center h-48 gap-2\">\n            <Spinner className=\"h-6 w-6\" />\n            <span className=\"text-sm text-gray-500\">{t('shipment_tracking.webhooks.loading', 'Loading webhook...')}</span>\n          </div>\n        </SheetContent>\n      </Sheet>\n    )\n  }\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent\n        className=\"flex flex-col p-0\"\n        style={{ width: '500px', maxWidth: '500px' }}\n        overlayClassName=\"backdrop-blur-none\"\n        onKeyDown={handleKeyDown}\n      >\n        <div className=\"flex-shrink-0 p-6 pb-4 border-b\">\n          <SheetHeader>\n            <SheetTitle className=\"flex items-center gap-2\">\n              <Webhook className=\"h-5 w-5\" />\n              {title}\n            </SheetTitle>\n            <SheetDescription>\n              {t('shipment_tracking.webhooks.drawer.description', 'Configure a webhook endpoint to receive shipment tracking events.')}\n            </SheetDescription>\n          </SheetHeader>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"flex flex-col flex-1 min-h-0\">\n          <div className=\"flex-1 overflow-y-auto p-6 space-y-6\">\n            {/* Endpoint URL Section */}\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n                <Link2 className=\"h-4 w-4\" />\n                {t('shipment_tracking.webhooks.drawer.endpoint', 'Endpoint')}\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"url\">{t('shipment_tracking.webhooks.fields.url', 'URL')} *</Label>\n                <Input\n                  id=\"url\"\n                  type=\"url\"\n                  placeholder=\"https://example.com/webhooks/shipment-tracking\"\n                  value={formData.url}\n                  onChange={(e) => setFormData({ ...formData, url: e.target.value })}\n                  required\n                />\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('shipment_tracking.webhooks.drawer.urlHint', 'The URL where webhook payloads will be sent via HTTP POST.')}\n                </p>\n              </div>\n            </div>\n\n            {/* Events Section */}\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n                <Bell className=\"h-4 w-4\" />\n                {t('shipment_tracking.webhooks.drawer.events', 'Events to Subscribe')}\n              </div>\n              <p className=\"text-xs text-muted-foreground\">\n                {t('shipment_tracking.webhooks.drawer.eventsHint', 'Select which events should trigger this webhook.')}\n              </p>\n              \n              <div className=\"space-y-4\">\n                {Object.entries(eventsByCategory).map(([category, events]) => {\n                  const categoryEvents = events.map((e) => e.id)\n                  const allSelected = categoryEvents.every((e) => formData.eventsSubscribed.includes(e))\n                  const someSelected = categoryEvents.some((e) => formData.eventsSubscribed.includes(e))\n                  \n                  return (\n                    <div key={category} className=\"rounded-lg border p-3 space-y-2\">\n                      <div className=\"flex items-center justify-between\">\n                        <span className=\"text-sm font-medium\">{category}</span>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleCategoryToggle(category)}\n                          className=\"text-xs text-primary hover:underline\"\n                        >\n                          {allSelected ? t('common.deselectAll', 'Deselect all') : t('common.selectAll', 'Select all')}\n                        </button>\n                      </div>\n                      <div className=\"space-y-2\">\n                        {events.map((event) => (\n                          <div key={event.id} className=\"flex items-center gap-2\">\n                            <Checkbox\n                              id={event.id}\n                              checked={formData.eventsSubscribed.includes(event.id)}\n                              onCheckedChange={(checked) => handleEventChange(event.id, checked === true)}\n                            />\n                            <Label htmlFor={event.id} className=\"text-sm font-normal cursor-pointer\">\n                              {event.label}\n                            </Label>\n                          </div>\n                        ))}\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n\n              {formData.eventsSubscribed.length > 0 && (\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('shipment_tracking.webhooks.drawer.selectedCount', '{{count}} event(s) selected', { count: formData.eventsSubscribed.length })}\n                </p>\n              )}\n            </div>\n\n            {/* Security Section */}\n            <div className=\"space-y-4\">\n              <div className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n                <Shield className=\"h-4 w-4\" />\n                {t('shipment_tracking.webhooks.drawer.security', 'Security')}\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"hmacSecret\">{t('shipment_tracking.webhooks.fields.hmacSecret', 'HMAC Secret')}</Label>\n                <Input\n                  id=\"hmacSecret\"\n                  type=\"password\"\n                  placeholder={t('shipment_tracking.webhooks.drawer.hmacPlaceholder', 'Optional signing secret')}\n                  value={formData.hmacSecret}\n                  onChange={(e) => setFormData({ ...formData, hmacSecret: e.target.value })}\n                />\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('shipment_tracking.webhooks.drawer.hmacHint', 'If provided, webhook payloads will be signed with this secret using HMAC-SHA256.')}\n                </p>\n              </div>\n            </div>\n\n            {/* Status Section */}\n            <div className=\"flex items-center justify-between pt-2\">\n              <div className=\"space-y-1\">\n                <Label htmlFor=\"isActive\">{t('shipment_tracking.webhooks.fields.isActive', 'Active')}</Label>\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('shipment_tracking.webhooks.drawer.activeHint', 'Inactive webhooks will not receive events.')}\n                </p>\n              </div>\n              <Switch\n                id=\"isActive\"\n                checked={formData.isActive}\n                onCheckedChange={(checked) => setFormData({ ...formData, isActive: checked })}\n              />\n            </div>\n          </div>\n\n          {/* Sticky footer */}\n          <div className=\"flex-shrink-0 border-t bg-background p-6\">\n            <div className=\"flex justify-end gap-3\">\n              <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n                {t('common.cancel', 'Cancel')}\n              </Button>\n              <Button type=\"submit\" disabled={isSubmitting}>\n                {isSubmitting ? (\n                  <>\n                    <Spinner className=\"mr-2 h-4 w-4\" />\n                    {t('common.saving', 'Saving...')}\n                  </>\n                ) : mode === 'edit' ? (\n                  t('common.saveChanges', 'Save Changes')\n                ) : (\n                  t('shipment_tracking.webhooks.create', 'Create Webhook')\n                )}\n              </Button>\n            </div>\n          </div>\n        </form>\n      </SheetContent>\n    </Sheet>\n  )\n}\n\nexport type { WebhookDrawerProps, WebhookData }\n"],
+  "mappings": "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",
+  "names": []
+}