adserver-dashboard 1.0.0

package/client/src/test/setup.ts

@@ -0,0 +1,261 @@
+import '@testing-library/jest-dom/vitest';
+import { cleanup } from '@testing-library/react';
+import { afterEach, vi } from 'vitest';
+
+afterEach(() => {
+  cleanup();
+});
+
+const designSystemMock = vi.hoisted(() => {
+  const React = require('react');
+  
+  const createMockComponent = (name: string) => {
+    const MockComponent = ({ children, ...props }: any) => {
+      return React.createElement('div', { 'data-testid': name, ...props }, children);
+    };
+    MockComponent.displayName = name;
+    return MockComponent;
+  };
+
+  return {
+    Button: createMockComponent('Button'),
+    Card: createMockComponent('Card'),
+    CardHeader: createMockComponent('CardHeader'),
+    CardTitle: createMockComponent('CardTitle'),
+    CardDescription: createMockComponent('CardDescription'),
+    CardContent: createMockComponent('CardContent'),
+    CardFooter: createMockComponent('CardFooter'),
+    Dialog: createMockComponent('Dialog'),
+    DialogContent: createMockComponent('DialogContent'),
+    DialogHeader: createMockComponent('DialogHeader'),
+    DialogTitle: createMockComponent('DialogTitle'),
+    DialogDescription: createMockComponent('DialogDescription'),
+    DialogFooter: createMockComponent('DialogFooter'),
+    DialogTrigger: createMockComponent('DialogTrigger'),
+    DialogClose: createMockComponent('DialogClose'),
+    Sheet: createMockComponent('Sheet'),
+    SheetContent: createMockComponent('SheetContent'),
+    SheetHeader: createMockComponent('SheetHeader'),
+    SheetTitle: createMockComponent('SheetTitle'),
+    SheetDescription: createMockComponent('SheetDescription'),
+    SheetFooter: createMockComponent('SheetFooter'),
+    SheetTrigger: createMockComponent('SheetTrigger'),
+    SheetClose: createMockComponent('SheetClose'),
+    Input: createMockComponent('Input'),
+    Label: createMockComponent('Label'),
+    Select: createMockComponent('Select'),
+    SelectContent: createMockComponent('SelectContent'),
+    SelectItem: createMockComponent('SelectItem'),
+    SelectTrigger: createMockComponent('SelectTrigger'),
+    SelectValue: createMockComponent('SelectValue'),
+    SelectGroup: createMockComponent('SelectGroup'),
+    SelectLabel: createMockComponent('SelectLabel'),
+    SelectSeparator: createMockComponent('SelectSeparator'),
+    Textarea: createMockComponent('Textarea'),
+    Badge: createMockComponent('Badge'),
+    Tabs: createMockComponent('Tabs'),
+    TabsContent: createMockComponent('TabsContent'),
+    TabsList: createMockComponent('TabsList'),
+    TabsTrigger: createMockComponent('TabsTrigger'),
+    Table: createMockComponent('Table'),
+    TableBody: createMockComponent('TableBody'),
+    TableCell: createMockComponent('TableCell'),
+    TableHead: createMockComponent('TableHead'),
+    TableHeader: createMockComponent('TableHeader'),
+    TableRow: createMockComponent('TableRow'),
+    TableFooter: createMockComponent('TableFooter'),
+    TableCaption: createMockComponent('TableCaption'),
+    ScrollArea: createMockComponent('ScrollArea'),
+    ScrollBar: createMockComponent('ScrollBar'),
+    Separator: createMockComponent('Separator'),
+    Tooltip: createMockComponent('Tooltip'),
+    TooltipContent: createMockComponent('TooltipContent'),
+    TooltipProvider: createMockComponent('TooltipProvider'),
+    TooltipTrigger: createMockComponent('TooltipTrigger'),
+    Avatar: createMockComponent('Avatar'),
+    AvatarFallback: createMockComponent('AvatarFallback'),
+    AvatarImage: createMockComponent('AvatarImage'),
+    DropdownMenu: createMockComponent('DropdownMenu'),
+    DropdownMenuContent: createMockComponent('DropdownMenuContent'),
+    DropdownMenuItem: createMockComponent('DropdownMenuItem'),
+    DropdownMenuTrigger: createMockComponent('DropdownMenuTrigger'),
+    DropdownMenuSeparator: createMockComponent('DropdownMenuSeparator'),
+    DropdownMenuLabel: createMockComponent('DropdownMenuLabel'),
+    DropdownMenuGroup: createMockComponent('DropdownMenuGroup'),
+    DropdownMenuCheckboxItem: createMockComponent('DropdownMenuCheckboxItem'),
+    DropdownMenuRadioGroup: createMockComponent('DropdownMenuRadioGroup'),
+    DropdownMenuRadioItem: createMockComponent('DropdownMenuRadioItem'),
+    DropdownMenuSub: createMockComponent('DropdownMenuSub'),
+    DropdownMenuSubContent: createMockComponent('DropdownMenuSubContent'),
+    DropdownMenuSubTrigger: createMockComponent('DropdownMenuSubTrigger'),
+    Progress: createMockComponent('Progress'),
+    Skeleton: createMockComponent('Skeleton'),
+    Switch: createMockComponent('Switch'),
+    Checkbox: createMockComponent('Checkbox'),
+    RadioGroup: createMockComponent('RadioGroup'),
+    RadioGroupItem: createMockComponent('RadioGroupItem'),
+    Slider: createMockComponent('Slider'),
+    Alert: createMockComponent('Alert'),
+    AlertTitle: createMockComponent('AlertTitle'),
+    AlertDescription: createMockComponent('AlertDescription'),
+    Accordion: createMockComponent('Accordion'),
+    AccordionContent: createMockComponent('AccordionContent'),
+    AccordionItem: createMockComponent('AccordionItem'),
+    AccordionTrigger: createMockComponent('AccordionTrigger'),
+    Popover: createMockComponent('Popover'),
+    PopoverContent: createMockComponent('PopoverContent'),
+    PopoverTrigger: createMockComponent('PopoverTrigger'),
+    PopoverAnchor: createMockComponent('PopoverAnchor'),
+    Command: createMockComponent('Command'),
+    CommandDialog: createMockComponent('CommandDialog'),
+    CommandEmpty: createMockComponent('CommandEmpty'),
+    CommandGroup: createMockComponent('CommandGroup'),
+    CommandInput: createMockComponent('CommandInput'),
+    CommandItem: createMockComponent('CommandItem'),
+    CommandList: createMockComponent('CommandList'),
+    CommandSeparator: createMockComponent('CommandSeparator'),
+    CommandShortcut: createMockComponent('CommandShortcut'),
+    Calendar: createMockComponent('Calendar'),
+    DatePicker: createMockComponent('DatePicker'),
+    Form: createMockComponent('Form'),
+    FormControl: createMockComponent('FormControl'),
+    FormDescription: createMockComponent('FormDescription'),
+    FormField: createMockComponent('FormField'),
+    FormItem: createMockComponent('FormItem'),
+    FormLabel: createMockComponent('FormLabel'),
+    FormMessage: createMockComponent('FormMessage'),
+    Toaster: createMockComponent('Toaster'),
+    PageHeader: createMockComponent('PageHeader'),
+    StatusBadge: createMockComponent('StatusBadge'),
+    InputOTP: createMockComponent('InputOTP'),
+    InputOTPGroup: createMockComponent('InputOTPGroup'),
+    InputOTPSlot: createMockComponent('InputOTPSlot'),
+    InputOTPSeparator: createMockComponent('InputOTPSeparator'),
+    AlertDialog: createMockComponent('AlertDialog'),
+    AlertDialogAction: createMockComponent('AlertDialogAction'),
+    AlertDialogCancel: createMockComponent('AlertDialogCancel'),
+    AlertDialogContent: createMockComponent('AlertDialogContent'),
+    AlertDialogDescription: createMockComponent('AlertDialogDescription'),
+    AlertDialogFooter: createMockComponent('AlertDialogFooter'),
+    AlertDialogHeader: createMockComponent('AlertDialogHeader'),
+    AlertDialogTitle: createMockComponent('AlertDialogTitle'),
+    AlertDialogTrigger: createMockComponent('AlertDialogTrigger'),
+    Collapsible: createMockComponent('Collapsible'),
+    CollapsibleContent: createMockComponent('CollapsibleContent'),
+    CollapsibleTrigger: createMockComponent('CollapsibleTrigger'),
+    ContextMenu: createMockComponent('ContextMenu'),
+    ContextMenuContent: createMockComponent('ContextMenuContent'),
+    ContextMenuItem: createMockComponent('ContextMenuItem'),
+    ContextMenuTrigger: createMockComponent('ContextMenuTrigger'),
+    HoverCard: createMockComponent('HoverCard'),
+    HoverCardContent: createMockComponent('HoverCardContent'),
+    HoverCardTrigger: createMockComponent('HoverCardTrigger'),
+    Menubar: createMockComponent('Menubar'),
+    MenubarContent: createMockComponent('MenubarContent'),
+    MenubarItem: createMockComponent('MenubarItem'),
+    MenubarMenu: createMockComponent('MenubarMenu'),
+    MenubarTrigger: createMockComponent('MenubarTrigger'),
+    NavigationMenu: createMockComponent('NavigationMenu'),
+    NavigationMenuContent: createMockComponent('NavigationMenuContent'),
+    NavigationMenuItem: createMockComponent('NavigationMenuItem'),
+    NavigationMenuLink: createMockComponent('NavigationMenuLink'),
+    NavigationMenuList: createMockComponent('NavigationMenuList'),
+    NavigationMenuTrigger: createMockComponent('NavigationMenuTrigger'),
+    ResizableHandle: createMockComponent('ResizableHandle'),
+    ResizablePanel: createMockComponent('ResizablePanel'),
+    ResizablePanelGroup: createMockComponent('ResizablePanelGroup'),
+    Toggle: createMockComponent('Toggle'),
+    ToggleGroup: createMockComponent('ToggleGroup'),
+    ToggleGroupItem: createMockComponent('ToggleGroupItem'),
+    AspectRatio: createMockComponent('AspectRatio'),
+    Carousel: createMockComponent('Carousel'),
+    CarouselContent: createMockComponent('CarouselContent'),
+    CarouselItem: createMockComponent('CarouselItem'),
+    CarouselNext: createMockComponent('CarouselNext'),
+    CarouselPrevious: createMockComponent('CarouselPrevious'),
+    Drawer: createMockComponent('Drawer'),
+    DrawerClose: createMockComponent('DrawerClose'),
+    DrawerContent: createMockComponent('DrawerContent'),
+    DrawerDescription: createMockComponent('DrawerDescription'),
+    DrawerFooter: createMockComponent('DrawerFooter'),
+    DrawerHeader: createMockComponent('DrawerHeader'),
+    DrawerTitle: createMockComponent('DrawerTitle'),
+    DrawerTrigger: createMockComponent('DrawerTrigger'),
+    useToast: () => ({ toast: () => {} }),
+    toast: () => {},
+    cn: (...args: unknown[]) => args.filter(Boolean).join(' '),
+  };
+});
+
+const wouterMock = vi.hoisted(() => {
+  const React = require('react');
+  
+  const createMockComponent = (name: string) => {
+    const MockComponent = ({ children, ...props }: any) => {
+      return React.createElement('div', { 'data-testid': name, ...props }, children);
+    };
+    MockComponent.displayName = name;
+    return MockComponent;
+  };
+
+  return {
+    useLocation: () => ['/', () => {}],
+    useRoute: () => [false, {}],
+    useParams: () => ({}),
+    Link: createMockComponent('Link'),
+    Route: createMockComponent('Route'),
+    Switch: createMockComponent('Switch'),
+    Redirect: createMockComponent('Redirect'),
+  };
+});
+
+vi.mock('@moving-walls/design-system', () => designSystemMock);
+
+vi.mock('wouter', () => wouterMock);
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+    i18n: {
+      language: 'en',
+      changeLanguage: () => {},
+    },
+  }),
+  Trans: ({ children }: { children: unknown }) => children,
+  initReactI18next: {
+    type: '3rdParty',
+    init: () => {},
+  },
+}));
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: vi.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+  })),
+});
+
+Object.defineProperty(window, 'ResizeObserver', {
+  writable: true,
+  value: vi.fn().mockImplementation(() => ({
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+    disconnect: vi.fn(),
+  })),
+});
+
+Object.defineProperty(window, 'IntersectionObserver', {
+  writable: true,
+  value: vi.fn().mockImplementation(() => ({
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+    disconnect: vi.fn(),
+  })),
+});

package/client/src/test/test-utils.tsx

@@ -0,0 +1,40 @@
+import React, { ReactElement, useState } from 'react';
+import { render, RenderOptions } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+const createTestQueryClient = () =>
+  new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+        gcTime: 0,
+        staleTime: 0,
+      },
+    },
+  });
+
+interface WrapperProps {
+  children: React.ReactNode;
+}
+
+function AllTheProviders({ children }: WrapperProps) {
+  const [queryClient] = useState(() => createTestQueryClient());
+  
+  return (
+    <QueryClientProvider client={queryClient}>
+      {children}
+    </QueryClientProvider>
+  );
+}
+
+const customRender = (
+  ui: ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>
+) => {
+  const result = render(ui, { wrapper: AllTheProviders, ...options });
+  return result;
+};
+
+export * from '@testing-library/react';
+export { customRender as render };
+export { createTestQueryClient };

package/client/src/types/approval.ts

@@ -0,0 +1,221 @@
+export interface ApprovalRequestPayload {
+  approvalEmails?: string[];
+  frontendUrl?: string;
+}
+
+export interface ApproverToken {
+  email: string;
+  status: 'PENDING' | 'APPROVED' | 'REJECTED';
+}
+
+export interface ApprovalRequestResponse {
+  success: boolean;
+  dealId: string;
+  status: 'PENDING';
+  approverCount: number;
+  tokens: ApproverToken[];
+}
+
+export interface ApprovalRecord {
+  id: string;
+  approverEmail: string;
+  status: 'PENDING' | 'APPROVED' | 'REJECTED';
+  rejectionReason?: string | null;
+  decidedAt?: string | null;
+  createdAt: string;
+}
+
+export interface ApprovalHistoryResponse {
+  dealId: string;
+  approvalHistory: ApprovalRecord[];
+}
+
+export interface ApproverStatus {
+  email: string;
+  status: 'PENDING' | 'APPROVED' | 'REJECTED';
+  decidedAt?: string;
+}
+
+export interface ApprovalStatus {
+  total: number;
+  approved: number;
+  rejected: number;
+  pending: number;
+  approvers: ApproverStatus[];
+}
+
+export interface ScheduleHour {
+  start: number;
+  end: number;
+}
+
+export interface ScheduleValidity {
+  start_date: string;
+  end_date: string;
+}
+
+export interface ScheduleRule {
+  type?: string;
+  hours?: ScheduleHour[];
+  priority?: number;
+  validity?: ScheduleValidity;
+  days_of_week?: number[];
+}
+
+export interface Pacing {
+  type?: string;
+  daily_cap?: number;
+  hourly_cap?: number;
+}
+
+export interface Creative {
+  creativeId?: string;
+  id?: string;
+  name?: string;
+  creativeUri?: string;
+  url?: string;
+  thumbnailUrl?: string;
+  creativeType?: string;
+  type?: string;
+  mimeType?: string;
+  resolution?: string;
+  duration?: number;
+  status?: string;
+}
+
+export interface PublicLineItem {
+  id: string;
+  externalId: string;
+  name: string;
+  publisher: string;
+  resolutions: string[];
+  duration: number;
+  creativeType: string;
+  schedule: ScheduleRule[];
+  pacing?: Pacing;
+  totalInventories: number;
+  planning: any;
+  creatives: Creative[];
+}
+
+export interface CampaignMarketSelection {
+  region?: string;
+  country?: string;
+  currency?: string;
+}
+
+export interface CampaignBudgetSetup {
+  currency?: string;
+  budget_type?: string;
+  budget_amount?: number;
+}
+
+export interface CampaignGoal {
+  type?: string;
+  target_value?: number;
+}
+
+export interface CampaignFlightDates {
+  startDate?: string;
+  endDate?: string;
+}
+
+export interface CampaignInfo {
+  dealId: string;
+  name: string;
+  brand?: string;
+  mode?: string;
+  status: string;
+  marketSelection?: CampaignMarketSelection;
+  budgetSetup?: CampaignBudgetSetup;
+  campaignGoal?: CampaignGoal;
+  flightDates?: CampaignFlightDates;
+}
+
+export interface PublicCampaignDetails {
+  success: boolean;
+  approverEmail: string;
+  otpVerified: boolean;
+  approvalStatus: ApprovalStatus;
+  campaign?: CampaignInfo;
+  dealId?: string;
+  dealName?: string;
+  brand?: string;
+  advertiser?: string;
+  startDate?: string;
+  endDate?: string;
+  currency?: string;
+  status?: string;
+}
+
+export interface PublicLineItemsResponse {
+  success: boolean;
+  dealId: string;
+  dealName: string;
+  lineItems: PublicLineItem[];
+  pagination: {
+    total: number;
+  };
+}
+
+export interface PublicInventory {
+  id: string;
+  name: string;
+  size: string;
+  venueType: string;
+  address?: string;
+  latitude?: number;
+  longitude?: number;
+}
+
+export interface PublicInventoriesResponse {
+  success: boolean;
+  dealId: string;
+  inventories: PublicInventory[];
+  pagination: {
+    total: number;
+  };
+}
+
+export interface OtpRequestPayload {
+  token: string;
+}
+
+export interface OtpRequestResponse {
+  success: boolean;
+  message: string;
+  cooldownSeconds?: number;
+}
+
+export interface OtpVerifyPayload {
+  token: string;
+  otp: string;
+}
+
+export interface OtpVerifyResponse {
+  success: boolean;
+  verified: boolean;
+  attemptsRemaining?: number;
+  error?: {
+    code: 'INVALID_OTP' | 'OTP_EXPIRED' | 'MAX_ATTEMPTS' | 'NO_OTP';
+    message: string;
+    attemptsRemaining?: number;
+  };
+}
+
+export interface ApprovalDecisionPayload {
+  token: string;
+  decision: 'APPROVED' | 'REJECTED';
+  rejectionReason?: string;
+}
+
+export interface ApprovalDecisionResponse {
+  success: boolean;
+  decision: 'APPROVED' | 'REJECTED';
+  dealStatus: string;
+  message: string;
+  error?: {
+    code: 'OTP_NOT_VERIFIED' | 'ALREADY_DECIDED' | 'INVALID_DECISION' | 'REJECTION_REASON_REQUIRED';
+    message: string;
+  };
+}