@inspirer-dev/crm-dashboard 1.0.90 → 1.0.92

package/admin/src/hooks/api/index.ts

@@ -11,3 +11,20 @@ export { useCohortData } from './use-cohort-data';
 export { useSegmentStats } from './use-segment-stats';
 export { useSendTimeData } from './use-send-times';
 export { useABTestData } from './use-ab-tests';
+export {
+  useManualPushTemplates,
+  useManualPushHistory,
+  useManualPushStats,
+  useDispatchManualPush,
+  useDispatchTestManualPush,
+} from './use-manual-pushes';
+export type {
+  ManualPushTemplate,
+  ManualPushHistoryItem,
+  ManualPushStats,
+  ManualPushCounts,
+  ManualPushSegmentSnapshot,
+  DispatchPayload,
+  DispatchTestPayload,
+  DispatchResult,
+} from './use-manual-pushes';

package/admin/src/hooks/api/use-manual-pushes.ts

@@ -0,0 +1,177 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useFetchClient } from '@strapi/strapi/admin';
+import { crmKeys } from '../../lib/react-query';
+
+const PLUGIN_BASE = '/crm-dashboard';
+
+export interface ManualPushImage {
+  url: string;
+  alternativeText?: string | null;
+  width?: number;
+  height?: number;
+}
+
+export interface ManualPushTemplate {
+  documentId: string;
+  name: string;
+  body: string;
+  bodyEn: string | null;
+  image: ManualPushImage | null;
+  buttonLabel: string | null;
+  buttonUrl: string | null;
+  buttonLabelEn: string | null;
+  buttonUrlEn: string | null;
+  testUserIds: number[];
+  locales: string[];
+  updatedAt: string;
+  createdAt: string;
+}
+
+export interface ManualPushCounts {
+  planned: number;
+  sent: number;
+  failed: number;
+  cancelled: number;
+}
+
+export interface ManualPushSegmentSnapshot {
+  userIds?: number[];
+  languages?: ('ru' | 'en')[];
+  lastActiveAfter?: string;
+  balanceMin?: number;
+  balanceMax?: number;
+  registeredAfter?: string;
+  registeredBefore?: string;
+  excludeOptedOut?: boolean;
+}
+
+export interface ManualPushHistoryItem {
+  manualPushId: string;
+  strapiDocumentId: string;
+  dispatchedAt: string;
+  dispatchedBy: string | null;
+  totalQueued: number;
+  counts: ManualPushCounts;
+  segmentSnapshot: ManualPushSegmentSnapshot;
+}
+
+export interface ManualPushFailure {
+  logId: number;
+  userId: number;
+  errorReason: string | null;
+  updatedAt: string;
+}
+
+export interface ManualPushStats {
+  manualPushId: string;
+  strapiDocumentId: string;
+  dispatchedAt: string;
+  dispatchedBy: string | null;
+  totalQueued: number;
+  counts: ManualPushCounts;
+  recentFailures: ManualPushFailure[];
+  segmentSnapshot: ManualPushSegmentSnapshot;
+}
+
+export interface DispatchResult {
+  manualPushId: string | null;
+  totalQueued: number;
+  dryRun: boolean;
+  approximateCount: boolean;
+}
+
+export interface DispatchPayload {
+  strapiDocumentId: string;
+  segment: ManualPushSegmentSnapshot;
+  scheduledAt?: string;
+  dryRun?: boolean;
+  dispatchedBy?: string;
+}
+
+export interface DispatchTestPayload {
+  strapiDocumentId: string;
+  dispatchedBy?: string;
+}
+
+const extractBackendError = (data: any): string => {
+  if (!data) return 'Unknown error';
+  if (data.backend?.message) return data.backend.message;
+  if (typeof data.backend === 'string') return data.backend;
+  if (data.error) return data.error;
+  return JSON.stringify(data);
+};
+
+export const useManualPushTemplates = () => {
+  const { get } = useFetchClient();
+  return useQuery({
+    queryKey: crmKeys.manualPushTemplates(),
+    queryFn: async (): Promise<ManualPushTemplate[]> => {
+      const { data } = await get(`${PLUGIN_BASE}/manual-pushes/templates`);
+      if (data?.error) throw new Error(data.error);
+      return data?.data ?? [];
+    },
+    staleTime: 60 * 1000,
+  });
+};
+
+export const useManualPushHistory = () => {
+  const { get } = useFetchClient();
+  return useQuery({
+    queryKey: crmKeys.manualPushHistory(),
+    queryFn: async (): Promise<ManualPushHistoryItem[]> => {
+      const { data } = await get(`${PLUGIN_BASE}/manual-pushes/history`, {
+        params: { limit: 50 },
+      });
+      if (Array.isArray(data)) return data;
+      if (data?.data && Array.isArray(data.data)) return data.data;
+      return [];
+    },
+    staleTime: 15 * 1000,
+    refetchInterval: 10 * 1000,
+  });
+};
+
+export const useManualPushStats = (manualPushId: string | null) => {
+  const { get } = useFetchClient();
+  return useQuery({
+    queryKey: crmKeys.manualPushStats(manualPushId ?? ''),
+    queryFn: async (): Promise<ManualPushStats> => {
+      const { data } = await get(`${PLUGIN_BASE}/manual-pushes/${manualPushId}/stats`);
+      return data;
+    },
+    enabled: Boolean(manualPushId),
+    refetchInterval: 5 * 1000,
+  });
+};
+
+export const useDispatchManualPush = () => {
+  const { post } = useFetchClient();
+  const queryClient = useQueryClient();
+  return useMutation<DispatchResult, Error, DispatchPayload>({
+    mutationFn: async (payload) => {
+      const { data } = await post(`${PLUGIN_BASE}/manual-pushes/dispatch`, payload);
+      if (data?.error) throw new Error(extractBackendError(data));
+      return data;
+    },
+    onSuccess: (_data, variables) => {
+      if (!variables.dryRun) {
+        queryClient.invalidateQueries({ queryKey: crmKeys.manualPushHistory() });
+      }
+    },
+  });
+};
+
+export const useDispatchTestManualPush = () => {
+  const { post } = useFetchClient();
+  const queryClient = useQueryClient();
+  return useMutation<DispatchResult, Error, DispatchTestPayload>({
+    mutationFn: async (payload) => {
+      const { data } = await post(`${PLUGIN_BASE}/manual-pushes/dispatch-test`, payload);
+      if (data?.error) throw new Error(extractBackendError(data));
+      return data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: crmKeys.manualPushHistory() });
+    },
+  });
+};

package/admin/src/lib/react-query/query-keys.ts

@@ -22,4 +22,9 @@ export const crmKeys = {
   campaigns: () => [...crmKeys.all, 'campaigns'] as const,
   segments: () => [...crmKeys.all, 'segments'] as const,
   templates: () => [...crmKeys.all, 'templates'] as const,
+
+  manualPushTemplates: () => [...crmKeys.all, 'manual-pushes', 'templates'] as const,
+  manualPushHistory: () => [...crmKeys.all, 'manual-pushes', 'history'] as const,
+  manualPushStats: (manualPushId: string) =>
+    [...crmKeys.all, 'manual-pushes', 'stats', manualPushId] as const,
 } as const;

package/admin/src/pages/HomePage/HomePage.css

@@ -26,6 +26,7 @@
   --tab-icon-stats-gradient: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
   --tab-icon-logs-gradient: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
   --tab-icon-antispam-gradient: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+  --tab-icon-manual-pushes-gradient: linear-gradient(135deg, #e0e7ff 0%, #b4b1ff 100%);
 
   min-height: 100vh;
   background: var(--crm-bg-secondary);
@@ -59,6 +60,7 @@
   --tab-icon-stats-gradient: linear-gradient(135deg, rgba(123, 121, 255, 0.2) 0%, rgba(99, 102, 241, 0.3) 100%);
   --tab-icon-logs-gradient: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(52, 211, 153, 0.3) 100%);
   --tab-icon-antispam-gradient: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(251, 191, 36, 0.3) 100%);
+  --tab-icon-manual-pushes-gradient: linear-gradient(135deg, rgba(123, 121, 255, 0.2) 0%, rgba(165, 163, 255, 0.3) 100%);
 }
 
 .dashboard-header {
@@ -160,6 +162,11 @@
   color: var(--crm-warning);
 }
 
+.tab-icon.manual-pushes {
+  background: var(--tab-icon-manual-pushes-gradient);
+  color: var(--crm-accent);
+}
+
 .tab-content-wrapper {
   display: flex;
   flex-direction: column;
@@ -213,6 +220,11 @@
   color: var(--crm-warning);
 }
 
+.tab-badge.manual-pushes {
+  background: var(--crm-accent-light);
+  color: var(--crm-accent);
+}
+
 .tab-card.active .tab-badge.stats {
   background: var(--crm-accent);
   color: white;
@@ -228,6 +240,11 @@
   color: white;
 }
 
+.tab-card.active .tab-badge.manual-pushes {
+  background: var(--crm-accent);
+  color: white;
+}
+
 .tab-content {
   margin: 0 24px;
   padding: 24px;