@burdenoff/microfe-channel 2026.513.1 → 2026.514.1

package/dist/channel/modules/channels/pages/ConnectionsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionsListPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/ConnectionsListPage.tsx"],"sourcesContent":["/**\n * Connections List Page\n *\n * Displays all connections across channels with their status.\n */\n\nimport { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  ArrowLeft,\n  Plus,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  RefreshCw,\n  Settings,\n  Link,\n} from 'lucide-react';\nimport { useChannels } from '../../../hooks/useChannels';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport {\n  CONNECTION_STATUS_CHANGED_SUBSCRIPTION,\n  useChannelSubscription,\n} from '../../../hooks/useChannelSubscription';\n\nconst HEALTH_CONFIG: Record<string, { icon: typeof CheckCircle2; color: string; label: string }> = {\n  true: { icon: CheckCircle2, color: 'text-green-500', label: 'Healthy' },\n  false: { icon: XCircle, color: 'text-red-500', label: 'Unhealthy' },\n};\n\nexport function ConnectionsListPage() {\n  const navigate = useNavigate();\n  const { channels, isLoading, error, refetch } = useChannels();\n  const { organizationId } = useChannelContext();\n\n  // Real-time connection status. Subscribes to `connectionStatusChanged`\n  // when the gateway exposes it; otherwise polls every 60s as a\n  // conservative fallback when subs are unavailable.\n  useChannelSubscription({\n    query: CONNECTION_STATUS_CHANGED_SUBSCRIPTION,\n    variables: { organizationId },\n    operationName: 'ConnectionStatusChanged',\n    enabled: Boolean(organizationId),\n    onData: () => void refetch(),\n    pollFn: refetch,\n    pollIntervalMs: 60_000,\n  });\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  // Filter state\n  const [healthFilter, setHealthFilter] = useState<string>('all');\n  const [platformFilter, setPlatformFilter] = useState<string>('all');\n\n  // Get all connections from channels\n  const connections = channels\n    .filter((ch) => ch.connection)\n    .map((ch) => ({\n      channelId: ch.id,\n      channelName: ch.name,\n      platform: ch.platform,\n      adapterType: ch.adapterType,\n      channelStatus: ch.status,\n      connectionId: ch.connection!.id,\n      isActive: ch.connection!.isActive,\n      isHealthy: ch.connection!.isHealthy,\n      needsTokenRefresh: ch.connection!.needsTokenRefresh,\n      lastTestedAt: ch.connection!.lastTestedAt,\n      authType: ch.connection!.authType,\n      tagAssignments: ch.connection!.tagAssignments ?? [],\n    }));\n\n  // Get unique platforms\n  const platforms = [...new Set(connections.map((c) => c.platform))];\n\n  // Apply filters\n  const filteredConnections = connections.filter((conn) => {\n    if (healthFilter === 'healthy' && !conn.isHealthy) return false;\n    if (healthFilter === 'unhealthy' && conn.isHealthy) return false;\n    if (platformFilter !== 'all' && conn.platform !== platformFilter) return false;\n    return true;\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 className=\"w-8 h-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex flex-col items-center justify-center min-h-screen gap-4\">\n        <AlertCircle className=\"w-12 h-12 text-destructive\" />\n        <h1 className=\"text-xl font-semibold\">\n          {tr('channel.loadConnectionsFailed', 'Failed to load connections')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">{error}</p>\n        <button\n          onClick={() => refetch()}\n          className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90\"\n        >\n          {tr('channel.retry', 'Retry')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_CONNECTION_READ}>\n      <div className=\"min-h-screen bg-background\">\n        {/* Header */}\n        <div className=\"border-b bg-card\">\n          <div className=\"container mx-auto px-6 py-4\">\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-4\">\n                <button\n                  onClick={() => navigate('./list')}\n                  className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n                >\n                  <ArrowLeft className=\"w-5 h-5\" />\n                </button>\n                <div>\n                  <h1 className=\"text-2xl font-bold\">{tr('channel.connections', 'Connections')}</h1>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {filteredConnections.length} connection\n                    {filteredConnections.length !== 1 ? 's' : ''}\n                  </p>\n                </div>\n              </div>\n              <button\n                onClick={() => navigate('./create')}\n                className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center gap-2\"\n              >\n                <Plus className=\"w-4 h-4\" />\n                {tr('channel.newChannel', 'New Channel')}\n              </button>\n            </div>\n          </div>\n        </div>\n\n        {/* Filters */}\n        <div className=\"container mx-auto px-6 py-4\">\n          <div className=\"flex items-center gap-4\">\n            <select\n              value={platformFilter}\n              onChange={(e) => setPlatformFilter(e.target.value)}\n              className=\"px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"all\">{tr('channel.allPlatforms', 'All Platforms')}</option>\n              {platforms.map((p) => (\n                <option key={p} value={p}>\n                  {p}\n                </option>\n              ))}\n            </select>\n\n            <select\n              value={healthFilter}\n              onChange={(e) => setHealthFilter(e.target.value)}\n              className=\"px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"all\">{tr('channel.allStatus', 'All Status')}</option>\n              <option value=\"healthy\">{tr('channel.healthy', 'Healthy')}</option>\n              <option value=\"unhealthy\">{tr('channel.unhealthy', 'Unhealthy')}</option>\n            </select>\n\n            <button\n              onClick={() => refetch()}\n              className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n              title={tr('channel.refresh', 'Refresh')}\n            >\n              <RefreshCw className=\"w-5 h-5\" />\n            </button>\n          </div>\n        </div>\n\n        {/* Connections List */}\n        <div className=\"container mx-auto px-6 pb-8\">\n          {filteredConnections.length === 0 ? (\n            <div className=\"text-center py-12\">\n              <Link className=\"w-12 h-12 mx-auto text-muted-foreground mb-4\" />\n              <h2 className=\"text-lg font-semibold mb-2\">\n                {tr('channel.noConnectionsFound', 'No connections found')}\n              </h2>\n              <p className=\"text-sm text-muted-foreground mb-4\">\n                {channels.length === 0\n                  ? tr('channel.createChannelFirst', 'Create a channel first to add connections')\n                  : tr('channel.noConnectionsMatchFilter', 'No connections match your filters')}\n              </p>\n              {channels.length === 0 ? (\n                <button\n                  onClick={() => navigate('./create')}\n                  className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90\"\n                >\n                  {tr('channel.createChannel', 'Create Channel')}\n                </button>\n              ) : (\n                <button\n                  onClick={() => {\n                    setHealthFilter('all');\n                    setPlatformFilter('all');\n                  }}\n                  className=\"px-4 py-2 rounded-lg border hover:bg-muted\"\n                >\n                  {tr('channel.clearFilters', 'Clear Filters')}\n                </button>\n              )}\n            </div>\n          ) : (\n            <div className=\"border rounded-lg divide-y\">\n              {filteredConnections.map((conn) => {\n                const health = HEALTH_CONFIG[String(conn.isHealthy)] || HEALTH_CONFIG.false;\n                const HealthIcon = health.icon;\n\n                return (\n                  <div\n                    key={conn.connectionId}\n                    className=\"p-4 hover:bg-muted/50 transition-colors cursor-pointer\"\n                    onClick={() => navigate(`./${conn.channelId}`)}\n                  >\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center gap-4\">\n                        <div className={health.color}>\n                          <HealthIcon className=\"w-5 h-5\" />\n                        </div>\n                        <div>\n                          <p className=\"font-medium\">{conn.channelName}</p>\n                          <p className=\"text-sm text-muted-foreground\">\n                            {conn.platform} • {conn.adapterType} • {conn.authType}\n                          </p>\n                        </div>\n                      </div>\n\n                      <div className=\"flex items-center gap-4\">\n                        <div className=\"text-right\">\n                          <p className=\"text-sm\">\n                            {conn.channelStatus === 'ACTIVE' ? (\n                              <span className=\"text-green-500\">\n                                {tr('channel.activeStatus', 'Active')}\n                              </span>\n                            ) : conn.channelStatus === 'INACTIVE' ? (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.inactiveStatus', 'Inactive')}\n                              </span>\n                            ) : conn.channelStatus === 'ERROR' ? (\n                              <span className=\"text-red-500\">\n                                {tr('channel.errorStatus', 'Error')}\n                              </span>\n                            ) : conn.channelStatus === 'SUSPENDED' ? (\n                              <span className=\"text-yellow-500\">\n                                {tr('channel.suspendedStatus', 'Suspended')}\n                              </span>\n                            ) : conn.channelStatus === 'ARCHIVED' ? (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.archivedStatus', 'Archived')}\n                              </span>\n                            ) : (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.inactiveStatus', 'Inactive')}\n                              </span>\n                            )}\n                          </p>\n                          {conn.lastTestedAt && (\n                            <p className=\"text-xs text-muted-foreground\">\n                              Last tested: {new Date(conn.lastTestedAt).toLocaleDateString()}\n                            </p>\n                          )}\n                        </div>\n\n                        {conn.needsTokenRefresh && (\n                          <span className=\"px-2 py-1 text-xs bg-yellow-500/10 text-yellow-500 rounded\">\n                            Token Expires\n                          </span>\n                        )}\n\n                        {conn.tagAssignments.length > 0 && (\n                          <div className=\"flex flex-wrap gap-1\" aria-label=\"Connection tags\">\n                            {conn.tagAssignments.slice(0, 3).map((a) => (\n                              <TagBadge key={a.id} id={a.tagId} label={a.tagId} size=\"sm\" />\n                            ))}\n                            {conn.tagAssignments.length > 3 && (\n                              <span className=\"text-xs text-muted-foreground\">\n                                +{conn.tagAssignments.length - 3}\n                              </span>\n                            )}\n                          </div>\n                        )}\n\n                        <button\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            navigate(`/channels/${conn.channelId}`);\n                          }}\n                          className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n                        >\n                          <Settings className=\"w-4 h-4\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ConnectionsListPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/ConnectionsListPage.tsx"],"sourcesContent":["/**\n * Connections List Page\n *\n * Displays all connections across channels with their status.\n */\n\nimport { useState, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  ArrowLeft,\n  Plus,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  RefreshCw,\n  Settings,\n  Link,\n} from 'lucide-react';\nimport { useChannels } from '../../../hooks/useChannels';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\n\nconst HEALTH_CONFIG: Record<string, { icon: typeof CheckCircle2; color: string; label: string }> = {\n  true: { icon: CheckCircle2, color: 'text-success-500', label: 'Healthy' },\n  false: { icon: XCircle, color: 'text-error-500', label: 'Unhealthy' },\n};\n\nexport function ConnectionsListPage() {\n  const navigate = useNavigate();\n  const { channels, isLoading, error, refetch } = useChannels();\n\n  // Poll for connection status updates every 60 s.\n  // connectionStatusChanged subscription is scoped to a single channelId;\n  // this page shows all connections, so polling is used instead.\n  useEffect(() => {\n    const timer = setInterval(() => {\n      void refetch();\n    }, 60_000);\n    return () => clearInterval(timer);\n  }, [refetch]);\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  // Filter state\n  const [healthFilter, setHealthFilter] = useState<string>('all');\n  const [platformFilter, setPlatformFilter] = useState<string>('all');\n\n  // Get all connections from channels\n  const connections = channels\n    .filter((ch) => ch.connection)\n    .map((ch) => ({\n      channelId: ch.id,\n      channelName: ch.name,\n      platform: ch.platform,\n      adapterType: ch.adapterType,\n      channelStatus: ch.status,\n      connectionId: ch.connection!.id,\n      isActive: ch.connection!.isActive,\n      isHealthy: ch.connection!.isHealthy,\n      needsTokenRefresh: ch.connection!.needsTokenRefresh,\n      lastTestedAt: ch.connection!.lastTestedAt,\n      authType: ch.connection!.authType,\n      tagAssignments: ch.connection!.tagAssignments ?? [],\n    }));\n\n  // Get unique platforms\n  const platforms = [...new Set(connections.map((c) => c.platform))];\n\n  // Apply filters\n  const filteredConnections = connections.filter((conn) => {\n    if (healthFilter === 'healthy' && !conn.isHealthy) return false;\n    if (healthFilter === 'unhealthy' && conn.isHealthy) return false;\n    if (platformFilter !== 'all' && conn.platform !== platformFilter) return false;\n    return true;\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 className=\"w-8 h-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex flex-col items-center justify-center min-h-screen gap-4\">\n        <AlertCircle className=\"w-12 h-12 text-destructive\" />\n        <h1 className=\"text-xl font-semibold\">\n          {tr('channel.loadConnectionsFailed', 'Failed to load connections')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">{error}</p>\n        <button\n          onClick={() => refetch()}\n          className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90\"\n        >\n          {tr('channel.retry', 'Retry')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_CONNECTION_READ}>\n      <div className=\"min-h-screen bg-background\">\n        {/* Header */}\n        <div className=\"border-b bg-card\">\n          <div className=\"container mx-auto px-6 py-4\">\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-4\">\n                <button\n                  onClick={() => navigate('./list')}\n                  aria-label={tr('channel.backToChannels', 'Back to channels')}\n                  className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n                >\n                  <ArrowLeft className=\"w-5 h-5\" />\n                </button>\n                <div>\n                  <h1 className=\"text-2xl font-bold\">{tr('channel.connections', 'Connections')}</h1>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {filteredConnections.length} connection\n                    {filteredConnections.length !== 1 ? 's' : ''}\n                  </p>\n                </div>\n              </div>\n              <button\n                onClick={() => navigate('./create')}\n                className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center gap-2\"\n              >\n                <Plus className=\"w-4 h-4\" />\n                {tr('channel.newChannel', 'New Channel')}\n              </button>\n            </div>\n          </div>\n        </div>\n\n        {/* Filters */}\n        <div className=\"container mx-auto px-6 py-4\">\n          <div className=\"flex items-center gap-4\">\n            <select\n              value={platformFilter}\n              onChange={(e) => setPlatformFilter(e.target.value)}\n              className=\"px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"all\">{tr('channel.allPlatforms', 'All Platforms')}</option>\n              {platforms.map((p) => (\n                <option key={p} value={p}>\n                  {p}\n                </option>\n              ))}\n            </select>\n\n            <select\n              value={healthFilter}\n              onChange={(e) => setHealthFilter(e.target.value)}\n              className=\"px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"all\">{tr('channel.allStatus', 'All Status')}</option>\n              <option value=\"healthy\">{tr('channel.healthy', 'Healthy')}</option>\n              <option value=\"unhealthy\">{tr('channel.unhealthy', 'Unhealthy')}</option>\n            </select>\n\n            <button\n              onClick={() => refetch()}\n              aria-label={tr('channel.refresh', 'Refresh')}\n              className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n            >\n              <RefreshCw className=\"w-5 h-5\" aria-hidden=\"true\" />\n            </button>\n          </div>\n        </div>\n\n        {/* Connections List */}\n        <div className=\"container mx-auto px-6 pb-8\">\n          {filteredConnections.length === 0 ? (\n            <div className=\"text-center py-12\">\n              <Link className=\"w-12 h-12 mx-auto text-muted-foreground mb-4\" />\n              <h2 className=\"text-lg font-semibold mb-2\">\n                {tr('channel.noConnectionsFound', 'No connections found')}\n              </h2>\n              <p className=\"text-sm text-muted-foreground mb-4\">\n                {channels.length === 0\n                  ? tr('channel.createChannelFirst', 'Create a channel first to add connections')\n                  : tr('channel.noConnectionsMatchFilter', 'No connections match your filters')}\n              </p>\n              {channels.length === 0 ? (\n                <button\n                  onClick={() => navigate('./create')}\n                  className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90\"\n                >\n                  {tr('channel.createChannel', 'Create Channel')}\n                </button>\n              ) : (\n                <button\n                  onClick={() => {\n                    setHealthFilter('all');\n                    setPlatformFilter('all');\n                  }}\n                  className=\"px-4 py-2 rounded-lg border hover:bg-muted\"\n                >\n                  {tr('channel.clearFilters', 'Clear Filters')}\n                </button>\n              )}\n            </div>\n          ) : (\n            <div className=\"border rounded-lg divide-y\">\n              {filteredConnections.map((conn) => {\n                const health = HEALTH_CONFIG[String(conn.isHealthy)] || HEALTH_CONFIG.false;\n                const HealthIcon = health.icon;\n\n                return (\n                  <div\n                    key={conn.connectionId}\n                    className=\"p-4 hover:bg-muted/50 transition-colors cursor-pointer\"\n                    onClick={() => navigate(`./${conn.channelId}`)}\n                  >\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center gap-4\">\n                        <div className={health.color} aria-label={health.label}>\n                          <HealthIcon className=\"w-5 h-5\" aria-hidden=\"true\" />\n                        </div>\n                        <div>\n                          <p className=\"font-medium\">{conn.channelName}</p>\n                          <p className=\"text-sm text-muted-foreground\">\n                            {conn.platform} • {conn.adapterType} • {conn.authType}\n                          </p>\n                        </div>\n                      </div>\n\n                      <div className=\"flex items-center gap-4\">\n                        <div className=\"text-right\">\n                          <p className=\"text-sm\">\n                            {conn.channelStatus === 'ACTIVE' ? (\n                              <span className=\"text-success-500\">\n                                {tr('channel.activeStatus', 'Active')}\n                              </span>\n                            ) : conn.channelStatus === 'INACTIVE' ? (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.inactiveStatus', 'Inactive')}\n                              </span>\n                            ) : conn.channelStatus === 'ERROR' ? (\n                              <span className=\"text-error-500\">\n                                {tr('channel.errorStatus', 'Error')}\n                              </span>\n                            ) : conn.channelStatus === 'SUSPENDED' ? (\n                              <span className=\"text-warning-500\">\n                                {tr('channel.suspendedStatus', 'Suspended')}\n                              </span>\n                            ) : conn.channelStatus === 'ARCHIVED' ? (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.archivedStatus', 'Archived')}\n                              </span>\n                            ) : (\n                              <span className=\"text-muted-foreground\">\n                                {tr('channel.inactiveStatus', 'Inactive')}\n                              </span>\n                            )}\n                          </p>\n                          {conn.lastTestedAt && (\n                            <p className=\"text-xs text-muted-foreground\">\n                              Last tested: {new Date(conn.lastTestedAt).toLocaleDateString()}\n                            </p>\n                          )}\n                        </div>\n\n                        {conn.needsTokenRefresh && (\n                          <span className=\"px-2 py-1 text-xs bg-warning-500/10 text-warning-500 rounded\">\n                            Token Expires\n                          </span>\n                        )}\n\n                        {conn.tagAssignments.length > 0 && (\n                          <div className=\"flex flex-wrap gap-1\" aria-label=\"Connection tags\">\n                            {conn.tagAssignments.slice(0, 3).map((a) => (\n                              <TagBadge key={a.id} id={a.tagId} label={a.tagId} size=\"sm\" />\n                            ))}\n                            {conn.tagAssignments.length > 3 && (\n                              <span className=\"text-xs text-muted-foreground\">\n                                +{conn.tagAssignments.length - 3}\n                              </span>\n                            )}\n                          </div>\n                        )}\n\n                        <button\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            navigate(`/channels/${conn.channelId}`);\n                          }}\n                          aria-label={tr('channel.viewChannelSettings', 'View channel settings')}\n                          className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n                        >\n                          <Settings className=\"w-4 h-4\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/channel/modules/channels/pages/DeliveryHistoryPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeliveryHistoryPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/DeliveryHistoryPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAiDH,wBAAgB,mBAAmB,4CA6SlC"}
+{"version":3,"file":"DeliveryHistoryPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/DeliveryHistoryPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AA6CH,wBAAgB,mBAAmB,4CAiTlC"}

package/dist/channel/modules/channels/pages/DeliveryHistoryPage.js

@@ -1,360 +1,364 @@
 import { useChannel as e } from "../../../providers/ChannelProvider.js";
-import { DELIVERY_UPDATED_SUBSCRIPTION as t, useChannelSubscription as n } from "../../../hooks/useChannelSubscription.js";
-import { useChannel as r } from "../../../hooks/useChannels.js";
-import { PermissionGuard as i } from "../../../components/PermissionGuard.js";
-import { CHANNEL_PERMISSIONS as a } from "../../../constants/permissions.js";
-import { useExportDeliveryAttempts as o } from "../hooks/useExport.js";
-import { useCallback as s, useEffect as c, useState as l } from "react";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as d, ArrowLeft as f, CheckCircle2 as p, Clock as m, Download as h, Loader2 as g, RefreshCw as _, RotateCcw as v, Send as y, XCircle as b } from "lucide-react";
-import { useNavigate as x, useParams as S } from "react-router-dom";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useChannel as t } from "../../../hooks/useChannels.js";
+import { PermissionGuard as n } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as r } from "../../../constants/permissions.js";
+import { useExportDeliveryAttempts as i } from "../hooks/useExport.js";
+import { useCallback as a, useEffect as o, useState as s } from "react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as l, ArrowLeft as u, CheckCircle2 as d, Clock as f, Download as p, Loader2 as m, RefreshCw as h, RotateCcw as g, Send as _, XCircle as v } from "lucide-react";
+import { useNavigate as y, useParams as b } from "react-router-dom";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/channel/modules/channels/pages/DeliveryHistoryPage.tsx
-var T = {
+var C = {
 	PENDING: {
 		label: "Pending",
 		color: "text-muted-foreground bg-muted",
-		icon: m
+		icon: f
 	},
 	QUEUED: {
 		label: "Queued",
 		color: "text-info-500 bg-info-100",
-		icon: m
+		icon: f
 	},
 	SENDING: {
 		label: "Sending",
 		color: "text-accent-primary bg-accent-primary/10",
-		icon: y
+		icon: _
 	},
 	SENT: {
 		label: "Sent",
 		color: "text-success-500 bg-success-100",
-		icon: p
+		icon: d
 	},
 	DELIVERED: {
 		label: "Delivered",
 		color: "text-success-500 bg-success-100",
-		icon: p
+		icon: d
 	},
 	FAILED: {
 		label: "Failed",
 		color: "text-error-500 bg-error-100",
-		icon: b
+		icon: v
 	},
 	BOUNCED: {
 		label: "Bounced",
 		color: "text-warning-500 bg-warning-100",
-		icon: d
+		icon: l
 	},
 	REJECTED: {
 		label: "Rejected",
 		color: "text-error-500 bg-error-100",
-		icon: b
+		icon: v
 	},
 	RATE_LIMITED: {
 		label: "Rate Limited",
 		color: "text-warning-500 bg-warning-100",
-		icon: m
+		icon: f
 	},
 	RETRYING: {
 		label: "Retrying",
 		color: "text-accent-primary bg-accent-primary/10",
-		icon: _
+		icon: h
 	},
 	OPENED: {
 		label: "Opened",
 		color: "text-success-500 bg-success-100",
-		icon: p
+		icon: d
 	},
 	CLICKED: {
 		label: "Clicked",
 		color: "text-success-500 bg-success-100",
-		icon: p
+		icon: d
 	}
 };
-function E() {
-	let { channelId: p } = S(), m = x(), { t: b } = u(), E = (e, t) => {
-		let n = b(e);
+function w() {
+	let { channelId: d } = b(), f = y(), { t: v } = c(), w = (e, t) => {
+		let n = v(e);
 		return n === e ? t : n;
-	}, { organizationId: D } = e(), { triggerExport: O, isExporting: k, exportError: A } = o(D ?? void 0, p), [j, M] = l(!0), [N, P] = l([]), [F, I] = l(null), [L, R] = l(null), [z, B] = l(25), { channel: V, isLoading: H, error: U, fetchDeliveryAttempts: W, retryDelivery: G } = r(p), K = s(async () => {
-		if (p) {
-			M(!0), R(null);
+	}, { organizationId: T } = e(), { triggerExport: E, isExporting: D, exportError: O } = i(T ?? void 0, d), [k, A] = s(!0), [j, M] = s([]), [N, P] = s(null), [F, I] = s(null), [L, R] = s(25), { channel: z, isLoading: B, error: V, fetchDeliveryAttempts: H, retryDelivery: U } = t(d), W = a(async () => {
+		if (d) {
+			A(!0), I(null);
 			try {
-				P(await W(z));
+				M(await H(L));
 			} finally {
-				M(!1);
+				A(!1);
 			}
 		}
 	}, [
-		p,
-		W,
-		z
+		d,
+		H,
+		L
 	]);
-	c(() => {
-		Promise.resolve().then(() => K());
-	}, [K]), n({
-		query: t,
-		variables: { channelId: p },
-		operationName: "DeliveryUpdated",
-		enabled: !!p,
-		onData: () => void K(),
-		pollFn: K,
-		pollIntervalMs: 6e4
-	});
-	let q = async (e) => {
-		I(e), R(null);
+	o(() => {
+		Promise.resolve().then(() => W());
+	}, [W]), o(() => {
+		if (!d) return;
+		let e = setInterval(() => {
+			W();
+		}, 6e4);
+		return () => clearInterval(e);
+	}, [d, W]);
+	let G = async (e) => {
+		P(e), I(null);
 		try {
-			let t = await G(e);
-			t.success || R(t.error || "Retry failed");
+			let t = await U(e);
+			t.success || I(t.error || "Retry failed");
 		} finally {
-			I(null);
+			P(null);
 		}
-	}, J = (e) => T[e] || T.PENDING;
-	return H ? /* @__PURE__ */ C("div", {
+	}, K = (e) => C[e] || C.PENDING;
+	return B ? /* @__PURE__ */ x("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ C(g, {
+		role: "status",
+		"aria-label": w("channel.loading", "Loading"),
+		children: /* @__PURE__ */ x(m, {
 			size: 32,
-			className: "animate-spin text-accent-primary"
+			className: "animate-spin text-accent-primary",
+			"aria-hidden": "true"
 		})
-	}) : U || !V ? /* @__PURE__ */ C("div", {
+	}) : V || !z ? /* @__PURE__ */ x("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-3 p-4 bg-error-100 border border-error-500 rounded-lg",
 			children: [
-				/* @__PURE__ */ C(d, {
+				/* @__PURE__ */ x(l, {
 					size: 20,
 					className: "text-error-500"
 				}),
-				/* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("p", {
+				/* @__PURE__ */ x("div", { children: /* @__PURE__ */ x("p", {
 					className: "text-sm font-medium text-error-700",
-					children: U || "Channel not found"
+					children: V || "Channel not found"
 				}) }),
-				/* @__PURE__ */ C("button", {
-					onClick: () => m(`/channels/${p}`),
+				/* @__PURE__ */ x("button", {
+					onClick: () => f(`/channels/${d}`),
 					className: "ml-auto px-3 py-1 text-sm text-error-700 hover:bg-error-200 rounded transition-colors",
 					children: "Go Back"
 				})
 			]
 		})
-	}) : /* @__PURE__ */ C(i, {
-		permission: a.CHANNEL_DELIVERY_READ,
-		children: /* @__PURE__ */ w("div", {
+	}) : /* @__PURE__ */ x(n, {
+		permission: r.CHANNEL_DELIVERY_READ,
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("button", {
-							onClick: () => m(`/channels/${p}`),
+						children: [/* @__PURE__ */ x("button", {
+							onClick: () => f(`/channels/${d}`),
+							"aria-label": w("channel.backToChannel", "Back to channel"),
 							className: "p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
-							children: /* @__PURE__ */ C(f, { size: 20 })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h1", {
+							children: /* @__PURE__ */ x(u, {
+								size: 20,
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
 							className: "text-xl sm:text-2xl font-bold text-foreground",
-							children: E("channel.deliveryHistory", "Delivery History")
-						}), /* @__PURE__ */ w("p", {
+							children: w("channel.deliveryHistory", "Delivery History")
+						}), /* @__PURE__ */ S("p", {
 							className: "text-sm text-muted-foreground mt-1",
-							children: [V.name, " - Message deliveries"]
+							children: [z.name, " - Message deliveries"]
 						})] })]
-					}), /* @__PURE__ */ w("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ w("select", {
-								value: z,
-								onChange: (e) => B(Number(e.target.value)),
+							/* @__PURE__ */ S("select", {
+								value: L,
+								onChange: (e) => R(Number(e.target.value)),
 								className: "px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-foreground",
 								children: [
-									/* @__PURE__ */ C("option", {
+									/* @__PURE__ */ x("option", {
 										value: 10,
 										children: "10 results"
 									}),
-									/* @__PURE__ */ C("option", {
+									/* @__PURE__ */ x("option", {
 										value: 25,
 										children: "25 results"
 									}),
-									/* @__PURE__ */ C("option", {
+									/* @__PURE__ */ x("option", {
 										value: 50,
 										children: "50 results"
 									}),
-									/* @__PURE__ */ C("option", {
+									/* @__PURE__ */ x("option", {
 										value: 100,
 										children: "100 results"
 									})
 								]
 							}),
-							/* @__PURE__ */ w("button", {
-								onClick: K,
-								disabled: j,
+							/* @__PURE__ */ S("button", {
+								onClick: W,
+								disabled: k,
 								className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50",
-								children: [/* @__PURE__ */ C(_, {
+								children: [/* @__PURE__ */ x(h, {
 									size: 16,
-									className: j ? "animate-spin" : ""
-								}), E("channel.refresh", "Refresh")]
+									className: k ? "animate-spin" : ""
+								}), w("channel.refresh", "Refresh")]
 							}),
-							/* @__PURE__ */ C(i, {
-								permission: a.CHANNEL_ADMIN,
-								children: /* @__PURE__ */ w("button", {
-									onClick: () => void O(),
-									disabled: k,
+							/* @__PURE__ */ x(n, {
+								permission: r.CHANNEL_ADMIN,
+								children: /* @__PURE__ */ S("button", {
+									onClick: () => void E(),
+									disabled: D,
 									className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-fg border border-border hover:bg-bg-elevated rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									title: E("channel.exportCSV", "Export to CSV"),
-									children: [k ? /* @__PURE__ */ C(g, {
+									title: w("channel.exportCSV", "Export to CSV"),
+									children: [D ? /* @__PURE__ */ x(m, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ C(h, { size: 16 }), E("channel.export", "Export")]
+									}) : /* @__PURE__ */ x(p, { size: 16 }), w("channel.export", "Export")]
 								})
 							})
 						]
 					})]
 				}),
-				A && /* @__PURE__ */ w("div", {
+				O && /* @__PURE__ */ S("div", {
 					className: "p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3",
-					children: [/* @__PURE__ */ C(d, {
+					children: [/* @__PURE__ */ x(l, {
 						size: 20,
 						className: "text-error-500"
-					}), /* @__PURE__ */ C("p", {
+					}), /* @__PURE__ */ x("p", {
 						className: "text-sm text-error-700 flex-1",
-						children: A
+						children: O
 					})]
 				}),
-				L && /* @__PURE__ */ w("div", {
+				F && /* @__PURE__ */ S("div", {
 					className: "p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ C(d, {
+						/* @__PURE__ */ x(l, {
 							size: 20,
 							className: "text-error-500"
 						}),
-						/* @__PURE__ */ C("p", {
+						/* @__PURE__ */ x("p", {
 							className: "text-sm text-error-700 flex-1",
-							children: L
+							children: F
 						}),
-						/* @__PURE__ */ C("button", {
-							onClick: () => R(null),
+						/* @__PURE__ */ x("button", {
+							onClick: () => I(null),
 							className: "text-error-500 hover:text-error-700",
-							children: E("channel.dismiss", "Dismiss")
+							children: w("channel.dismiss", "Dismiss")
 						})
 					]
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ x("div", {
 					className: "p-4 bg-surface border border-border rounded-lg",
-					children: /* @__PURE__ */ C("p", {
+					children: /* @__PURE__ */ x("p", {
 						className: "text-sm text-muted-foreground",
 						children: "Delivery history shows all message attempts sent through this channel. Data is retained for 7 days. Click retry on a failed delivery to attempt sending again."
 					})
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ x("div", {
 					className: "bg-surface border border-border rounded-lg overflow-hidden",
-					children: /* @__PURE__ */ C("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "overflow-x-auto min-w-full",
-						children: /* @__PURE__ */ w("table", {
+						children: /* @__PURE__ */ S("table", {
 							className: "w-full min-w-[700px]",
-							children: [/* @__PURE__ */ C("thead", {
+							children: [/* @__PURE__ */ x("thead", {
 								className: "bg-muted/50 border-b border-border",
-								children: /* @__PURE__ */ w("tr", { children: [
-									/* @__PURE__ */ C("th", {
+								children: /* @__PURE__ */ S("tr", { children: [
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: E("channel.status", "Status")
+										children: w("channel.status", "Status")
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: E("channel.content", "Content")
+										children: w("channel.content", "Content")
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: E("channel.sentAt", "Sent At")
+										children: w("channel.sentAt", "Sent At")
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: E("channel.retries", "Retries")
+										children: w("channel.retries", "Retries")
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: E("channel.error", "Error")
+										children: w("channel.error", "Error")
 									}),
-									/* @__PURE__ */ C("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: E("channel.actions", "Actions")
+										children: w("channel.actions", "Actions")
 									})
 								] })
-							}), /* @__PURE__ */ C("tbody", {
+							}), /* @__PURE__ */ x("tbody", {
 								className: "divide-y divide-border",
-								children: j ? /* @__PURE__ */ C("tr", { children: /* @__PURE__ */ w("td", {
+								children: k ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ S("td", {
 									colSpan: 6,
 									className: "px-4 py-12 text-center",
-									children: [/* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ x(m, {
 										size: 24,
 										className: "animate-spin text-accent-primary mx-auto"
-									}), /* @__PURE__ */ C("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-sm text-muted-foreground mt-2",
 										children: "Loading delivery attempts..."
 									})]
-								}) }) : N.length === 0 ? /* @__PURE__ */ C("tr", { children: /* @__PURE__ */ C("td", {
+								}) }) : j.length === 0 ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
 									colSpan: 6,
 									className: "px-4 py-12 text-center",
-									children: /* @__PURE__ */ w("div", {
+									children: /* @__PURE__ */ S("div", {
 										className: "flex flex-col items-center gap-2",
 										children: [
-											/* @__PURE__ */ C(y, {
+											/* @__PURE__ */ x(_, {
 												size: 32,
 												className: "text-muted-foreground"
 											}),
-											/* @__PURE__ */ C("p", {
+											/* @__PURE__ */ x("p", {
 												className: "text-sm font-medium text-foreground",
-												children: E("channel.noDeliveryAttempts", "No delivery attempts yet")
+												children: w("channel.noDeliveryAttempts", "No delivery attempts yet")
 											}),
-											/* @__PURE__ */ C("p", {
+											/* @__PURE__ */ x("p", {
 												className: "text-xs text-muted-foreground",
-												children: E("channel.sendMessageToSeeHistory", "Send a message through this channel to see delivery history")
+												children: w("channel.sendMessageToSeeHistory", "Send a message through this channel to see delivery history")
 											})
 										]
 									})
-								}) }) : N.map((e) => {
-									let t = J(e.status), n = t.icon, r = e.status === "FAILED" || e.status === "BOUNCED" || e.status === "REJECTED";
-									return /* @__PURE__ */ w("tr", {
+								}) }) : j.map((e) => {
+									let t = K(e.status), i = t.icon, a = e.status === "FAILED" || e.status === "BOUNCED" || e.status === "REJECTED";
+									return /* @__PURE__ */ S("tr", {
 										className: "hover:bg-muted/30 transition-colors",
 										children: [
-											/* @__PURE__ */ C("td", {
+											/* @__PURE__ */ x("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ w("div", {
+												children: /* @__PURE__ */ S("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ C(n, {
+													children: [/* @__PURE__ */ x(i, {
 														size: 14,
 														className: t.color.split(" ")[0]
-													}), /* @__PURE__ */ C("span", {
+													}), /* @__PURE__ */ x("span", {
 														className: `text-sm font-medium ${t.color}`,
 														children: t.label
 													})]
 												})
 											}),
-											/* @__PURE__ */ C("td", {
+											/* @__PURE__ */ x("td", {
 												className: "px-4 py-3 text-sm text-foreground truncate max-w-xs",
 												children: e.content
 											}),
-											/* @__PURE__ */ C("td", {
+											/* @__PURE__ */ x("td", {
 												className: "px-4 py-3 text-sm text-muted-foreground",
 												children: e.sentAt ? new Date(e.sentAt).toLocaleString() : "-"
 											}),
-											/* @__PURE__ */ C("td", {
+											/* @__PURE__ */ x("td", {
 												className: "px-4 py-3 text-sm text-muted-foreground",
 												children: e.retryCount
 											}),
-											/* @__PURE__ */ C("td", {
+											/* @__PURE__ */ x("td", {
 												className: "px-4 py-3 text-sm text-error-500 max-w-xs truncate",
 												children: e.errorMessage || "-"
 											}),
-											/* @__PURE__ */ C("td", {
+											/* @__PURE__ */ x("td", {
 												className: "px-4 py-3",
-												children: r && /* @__PURE__ */ C(i, {
-													permission: a.CHANNEL_DELIVERY_EXECUTE,
-													children: /* @__PURE__ */ w("button", {
-														onClick: () => q(e.id),
-														disabled: F === e.id,
+												children: a && /* @__PURE__ */ x(n, {
+													permission: r.CHANNEL_DELIVERY_EXECUTE,
+													children: /* @__PURE__ */ S("button", {
+														onClick: () => G(e.id),
+														disabled: N === e.id,
 														className: "flex items-center gap-1 px-2 py-1 text-xs font-medium text-accent-primary hover:bg-accent-primary/10 rounded transition-colors disabled:opacity-50",
-														title: E("channel.retryDelivery", "Retry this delivery"),
-														children: [/* @__PURE__ */ C(v, {
+														title: w("channel.retryDelivery", "Retry this delivery"),
+														children: [/* @__PURE__ */ x(g, {
 															size: 12,
-															className: F === e.id ? "animate-spin" : ""
-														}), F === e.id ? E("channel.retrying", "Retrying...") : E("channel.retry", "Retry")]
+															className: N === e.id ? "animate-spin" : ""
+														}), N === e.id ? w("channel.retrying", "Retrying...") : w("channel.retry", "Retry")]
 													})
 												})
 											})
@@ -370,6 +374,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as DeliveryHistoryPage };
+export { w as DeliveryHistoryPage };
 
 //# sourceMappingURL=DeliveryHistoryPage.js.map