ui-syncup 0.3.13 → 0.4.0-beta.2

package/src/mocks/project-activity.fixtures.ts

@@ -0,0 +1,69 @@
+// ============================================================================
+// PROJECT ACTIVITY MOCK FIXTURES
+// ============================================================================
+
+export type ActivityType =
+  | 'member_added'
+  | 'member_removed'
+  | 'member_role_changed'
+  | 'project_updated'
+  | 'visibility_changed'
+  | 'project_archived'
+  | 'project_deleted'
+
+export interface ActivityItem {
+  id: string
+  type: ActivityType
+  actor: {
+    id: string
+    name: string
+    avatar?: string
+  }
+  target?: {
+    id: string
+    name: string
+  }
+  metadata?: Record<string, any>
+  timestamp: string
+}
+
+export const MOCK_PROJECT_ACTIVITIES: ActivityItem[] = [
+  {
+    id: 'act_1',
+    type: 'member_added',
+    actor: { id: 'user_1', name: 'Sarah Johnson' },
+    target: { id: 'user_5', name: 'Jessica Williams' },
+    metadata: { role: 'member' },
+    timestamp: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(), // 2 hours ago
+  },
+  {
+    id: 'act_2',
+    type: 'project_updated',
+    actor: { id: 'user_2', name: 'Michael Chen' },
+    metadata: { changes: ['description'] },
+    timestamp: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString(), // 5 hours ago
+  },
+  {
+    id: 'act_3',
+    type: 'member_role_changed',
+    actor: { id: 'user_1', name: 'Sarah Johnson' },
+    target: { id: 'user_2', name: 'Michael Chen' },
+    metadata: { oldRole: 'member', newRole: 'editor' },
+    timestamp: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(), // 1 day ago
+  },
+  {
+    id: 'act_4',
+    type: 'visibility_changed',
+    actor: { id: 'user_1', name: 'Sarah Johnson' },
+    metadata: { visibility: 'private' },
+    timestamp: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toISOString(), // 3 days ago
+  },
+  {
+    id: 'act_5',
+    type: 'member_added',
+    actor: { id: 'user_1', name: 'Sarah Johnson' },
+    target: { id: 'user_4', name: 'David Kim' },
+    metadata: { role: 'viewer' },
+    timestamp: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(), // 7 days ago
+  },
+]

package/src/mocks/project-invitation.fixtures.ts

@@ -0,0 +1,95 @@
+// ============================================================================
+// PROJECT INVITATION MOCK FIXTURES
+// ============================================================================
+
+import type { ProjectRole } from '@/features/projects/types'
+
+export type InvitationStatus = 'pending' | 'accepted' | 'declined' | 'expired'
+
+export interface ProjectInvitation {
+  id: string
+  projectId: string
+  invitedUserId: string
+  role: Exclude<ProjectRole, 'owner'>
+  status: InvitationStatus
+  createdAt: Date
+  expiresAt: Date
+  invitedUser: {
+    id: string
+    name: string
+    email: string
+    image?: string | null
+  }
+  invitedByUser: {
+    id: string
+    name: string
+    email: string
+    image?: string | null
+  }
+}
+
+export const MOCK_PROJECT_INVITATIONS: ProjectInvitation[] = [
+  {
+    id: 'inv_1',
+    projectId: 'proj_1',
+    invitedUserId: 'user_6',
+    role: 'editor',
+    status: 'pending',
+    createdAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000), // 2 days ago
+    expiresAt: new Date(Date.now() + 5 * 24 * 60 * 60 * 1000), // 5 days from now
+    invitedUser: {
+      id: 'user_6',
+      name: 'Alex Thompson',
+      email: 'alex.thompson@example.com',
+      image: null,
+    },
+    invitedByUser: {
+      id: 'user_1',
+      name: 'Sarah Johnson',
+      email: 'sarah.johnson@example.com',
+      image: null,
+    },
+  },
+  {
+    id: 'inv_2',
+    projectId: 'proj_1',
+    invitedUserId: 'user_7',
+    role: 'member',
+    status: 'pending',
+    createdAt: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000), // 1 day ago
+    expiresAt: new Date(Date.now() + 6 * 24 * 60 * 60 * 1000), // 6 days from now
+    invitedUser: {
+      id: 'user_7',
+      name: 'Rachel Lee',
+      email: 'rachel.lee@example.com',
+      image: null,
+    },
+    invitedByUser: {
+      id: 'user_2',
+      name: 'Michael Chen',
+      email: 'michael.chen@example.com',
+      image: null,
+    },
+  },
+  {
+    id: 'inv_3',
+    projectId: 'proj_1',
+    invitedUserId: 'user_8',
+    role: 'viewer',
+    status: 'declined',
+    createdAt: new Date(Date.now() - 10 * 24 * 60 * 60 * 1000), // 10 days ago
+    expiresAt: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000), // 3 days ago
+    invitedUser: {
+      id: 'user_8',
+      name: 'Tom Anderson',
+      email: 'tom.anderson@example.com',
+      image: null,
+    },
+    invitedByUser: {
+      id: 'user_1',
+      name: 'Sarah Johnson',
+      email: 'sarah.johnson@example.com',
+      image: null,
+    },
+  },
+]

package/src/mocks/project-member.fixtures.ts

@@ -0,0 +1,93 @@
+// ============================================================================
+// PROJECT MEMBER MOCK FIXTURES
+// ============================================================================
+
+import type { ProjectRole } from '@/features/projects/types'
+
+export interface ProjectMember {
+  id: string
+  userId: string
+  projectId: string
+  role: ProjectRole
+  invitedBy: string | null
+  joinedAt: Date
+  user: {
+    id: string
+    name: string
+    email: string
+    image?: string | null
+  }
+}
+
+export const MOCK_PROJECT_MEMBERS: ProjectMember[] = [
+  {
+    id: 'pm_1',
+    userId: 'user_1',
+    projectId: 'proj_1',
+    role: 'owner',
+    invitedBy: null,
+    joinedAt: new Date('2024-01-15T10:00:00Z'),
+    user: {
+      id: 'user_1',
+      name: 'Sarah Johnson',
+      email: 'sarah.johnson@example.com',
+      image: null,
+    },
+  },
+  {
+    id: 'pm_2',
+    userId: 'user_2',
+    projectId: 'proj_1',
+    role: 'editor',
+    invitedBy: 'user_1',
+    joinedAt: new Date('2024-01-20T14:30:00Z'),
+    user: {
+      id: 'user_2',
+      name: 'Michael Chen',
+      email: 'michael.chen@example.com',
+      image: null,
+    },
+  },
+  {
+    id: 'pm_3',
+    userId: 'user_3',
+    projectId: 'proj_1',
+    role: 'member',
+    invitedBy: 'user_1',
+    joinedAt: new Date('2024-02-01T09:15:00Z'),
+    user: {
+      id: 'user_3',
+      name: 'Emily Rodriguez',
+      email: 'emily.rodriguez@example.com',
+      image: null,
+    },
+  },
+  {
+    id: 'pm_4',
+    userId: 'user_4',
+    projectId: 'proj_1',
+    role: 'viewer',
+    invitedBy: 'user_2',
+    joinedAt: new Date('2024-02-15T11:00:00Z'),
+    user: {
+      id: 'user_4',
+      name: 'David Kim',
+      email: 'david.kim@example.com',
+      image: null,
+    },
+  },
+  {
+    id: 'pm_5',
+    userId: 'user_5',
+    projectId: 'proj_1',
+    role: 'member',
+    invitedBy: 'user_1',
+    joinedAt: new Date('2024-03-01T13:45:00Z'),
+    user: {
+      id: 'user_5',
+      name: 'Jessica Williams',
+      email: 'jessica.williams@example.com',
+      image: null,
+    },
+  },
+]

package/src/mocks/project.fixtures.ts

@@ -0,0 +1,249 @@
+// ============================================================================
+// PROJECT MOCK FIXTURES
+// ============================================================================
+
+import type { Project, ProjectWithStats, ProjectSummary } from '@/features/projects/types'
+
+export const MOCK_PROJECTS: Project[] = [
+  {
+    id: 'proj_1',
+    teamId: 'team-123',
+    key: 'MKT',
+    slug: 'marketing-site',
+    name: 'Marketing Site',
+    description: 'Redesign the marketing website with modern UI/UX patterns and improved conversion flows.',
+    icon: 'RiPaintBrushLine',
+    visibility: 'private',
+    status: 'active',
+    createdAt: '2024-01-15T10:00:00Z',
+    updatedAt: '2024-12-08T14:30:00Z',
+  },
+  {
+    id: 'proj_2',
+    teamId: 'team-123',
+    key: 'MOB',
+    slug: 'mobile-app',
+    name: 'Mobile App',
+    description: 'Cross-platform mobile app for iOS and Android with real-time sync capabilities.',
+    icon: 'RiSmartphoneLine',
+    visibility: 'public',
+    status: 'active',
+    createdAt: '2024-02-01T09:00:00Z',
+    updatedAt: '2024-12-09T16:45:00Z',
+  },
+  {
+    id: 'proj_3',
+    teamId: 'team-123',
+    key: 'API',
+    slug: 'api-v2',
+    name: 'API v2.0',
+    description: 'Next-generation REST API with GraphQL support and improved performance.',
+    icon: 'RiCodeLine',
+    visibility: 'private',
+    status: 'active',
+    createdAt: '2024-03-10T11:00:00Z',
+    updatedAt: '2024-12-07T09:20:00Z',
+  },
+  {
+    id: 'proj_4',
+    teamId: 'team-123',
+    key: 'DASH',
+    slug: 'analytics-dashboard',
+    name: 'Analytics Dashboard',
+    description: 'Real-time analytics and reporting dashboard for business intelligence.',
+    icon: 'RiBarChartBoxLine',
+    visibility: 'public',
+    status: 'active',
+    createdAt: '2024-04-05T08:30:00Z',
+    updatedAt: '2024-12-09T11:15:00Z',
+  },
+  {
+    id: 'proj_5',
+    teamId: 'team-123',
+    key: 'DS',
+    slug: 'design-system',
+    name: 'Design System',
+    description: 'Unified component library and design tokens for consistent UI across products.',
+    icon: 'RiPaletteLine',
+    visibility: 'public',
+    status: 'active',
+    createdAt: '2024-05-20T10:15:00Z',
+    updatedAt: '2024-12-09T13:00:00Z',
+  },
+  {
+    id: 'proj_6',
+    teamId: 'team-123',
+    key: 'PAY',
+    slug: 'payment-integration',
+    name: 'Payment Integration',
+    description: 'Integrate multiple payment gateways with secure transaction handling.',
+    icon: 'RiBankCardLine',
+    visibility: 'private',
+    status: 'active',
+    createdAt: '2024-06-12T14:00:00Z',
+    updatedAt: '2024-12-05T17:30:00Z',
+  },
+  {
+    id: 'proj_7',
+    teamId: 'team-123',
+    key: 'OLD',
+    slug: 'legacy-migration',
+    name: 'Legacy Migration',
+    description: 'Archive old system data and migrate to new infrastructure.',
+    icon: 'RiDatabase2Line',
+    visibility: 'private',
+    status: 'archived',
+    createdAt: '2023-11-01T09:00:00Z',
+    updatedAt: '2024-08-15T10:00:00Z',
+  },
+  {
+    id: 'proj_8',
+    teamId: 'team-123',
+    key: 'AI',
+    slug: 'ai-research-lab',
+    name: 'AI Research Lab',
+    description: 'Internal incubator to prototype AI copilots and recommendations across the product suite.',
+    icon: 'RiRobot2Line',
+    visibility: 'private',
+    status: 'active',
+    createdAt: '2024-07-18T12:00:00Z',
+    updatedAt: '2024-12-02T08:45:00Z',
+  },
+  {
+    id: 'proj_9',
+    teamId: 'team-123',
+    key: 'CUS',
+    slug: 'customer-success-portal',
+    name: 'Customer Success Portal',
+    description: 'Self-service portal with guided onboarding, health scores, and escalation workflows.',
+    icon: 'RiCustomerService2Line',
+    visibility: 'public',
+    status: 'active',
+    createdAt: '2024-08-05T09:30:00Z',
+    updatedAt: '2024-11-25T15:10:00Z',
+  },
+]
+
+export const MOCK_PROJECTS_WITH_STATS: ProjectWithStats[] = [
+  {
+    ...MOCK_PROJECTS[0],
+    stats: {
+      totalTickets: 45,
+      completedTickets: 32,
+      progressPercent: 71,
+      memberCount: 8,
+    },
+    userRole: 'owner',
+    canJoin: false,
+  },
+  {
+    ...MOCK_PROJECTS[1],
+    stats: {
+      totalTickets: 62,
+      completedTickets: 48,
+      progressPercent: 77,
+      memberCount: 12,
+    },
+    userRole: 'editor',
+    canJoin: false,
+  },
+  {
+    ...MOCK_PROJECTS[2],
+    stats: {
+      totalTickets: 38,
+      completedTickets: 15,
+      progressPercent: 39,
+      memberCount: 6,
+    },
+    userRole: 'member',
+    canJoin: false,
+  },
+  {
+    ...MOCK_PROJECTS[3],
+    stats: {
+      totalTickets: 28,
+      completedTickets: 24,
+      progressPercent: 86,
+      memberCount: 5,
+    },
+    userRole: null,
+    canJoin: true,
+  },
+  {
+    ...MOCK_PROJECTS[4],
+    stats: {
+      totalTickets: 54,
+      completedTickets: 29,
+      progressPercent: 54,
+      memberCount: 10,
+    },
+    userRole: 'viewer',
+    canJoin: false,
+  },
+  {
+    ...MOCK_PROJECTS[5],
+    stats: {
+      totalTickets: 19,
+      completedTickets: 7,
+      progressPercent: 37,
+      memberCount: 4,
+    },
+    userRole: 'owner',
+    canJoin: false,
+  },
+  {
+    ...MOCK_PROJECTS[6],
+    stats: {
+      totalTickets: 87,
+      completedTickets: 87,
+      progressPercent: 100,
+      memberCount: 3,
+    },
+    userRole: 'member',
+    canJoin: false,
+  },
+  {
+    ...MOCK_PROJECTS[7],
+    stats: {
+      totalTickets: 23,
+      completedTickets: 11,
+      progressPercent: 48,
+      memberCount: 7,
+    },
+    userRole: 'editor',
+    canJoin: false,
+  },
+  {
+    ...MOCK_PROJECTS[8],
+    stats: {
+      totalTickets: 12,
+      completedTickets: 2,
+      progressPercent: 17,
+      memberCount: 4,
+    },
+    userRole: null,
+    canJoin: true,
+  },
+]
+
+export const MOCK_PROJECT_SUMMARIES: ProjectSummary[] = MOCK_PROJECTS_WITH_STATS.map(
+  (project) => ({
+    id: project.id,
+    key: project.key,
+    name: project.name,
+    slug: project.slug,
+    description: project.description,
+    icon: project.icon,
+    visibility: project.visibility,
+    status: project.status,
+    stats: {
+      progressPercent: project.stats.progressPercent,
+      totalTickets: project.stats.totalTickets,
+      completedTickets: project.stats.completedTickets,
+      memberCount: project.stats.memberCount,
+    },
+    userRole: project.userRole,
+    canJoin: project.canJoin,
+    updatedAt: project.updatedAt,
+  })
+)

package/src/mocks/settings.fixtures.ts

@@ -0,0 +1,56 @@
+// ============================================================================
+// SETTINGS MOCK FIXTURES
+// ============================================================================
+
+export interface NotificationPreference {
+  type: string
+  enabled: boolean
+  emailEnabled: boolean
+}
+
+export const NOTIFICATION_TYPES = [
+  'issue_assigned',
+  'issue_commented',
+  'issue_status_changed',
+  'mention',
+  'team_invite',
+  'project_update',
+] as const
+
+export const MOCK_NOTIFICATION_PREFERENCES: NotificationPreference[] = [
+  {
+    type: 'issue_assigned',
+    enabled: true,
+    emailEnabled: true,
+  },
+  {
+    type: 'issue_commented',
+    enabled: true,
+    emailEnabled: false,
+  },
+  {
+    type: 'issue_status_changed',
+    enabled: true,
+    emailEnabled: true,
+  },
+  {
+    type: 'mention',
+    enabled: true,
+    emailEnabled: true,
+  },
+  {
+    type: 'team_invite',
+    enabled: true,
+    emailEnabled: true,
+  },
+  {
+    type: 'project_update',
+    enabled: false,
+    emailEnabled: false,
+  },
+]
+
+export const MOCK_NOTIFICATION_PREFERENCES_RESPONSE = {
+  success: true,
+  preferences: MOCK_NOTIFICATION_PREFERENCES,
+}

package/src/mocks/share.fixtures.ts

@@ -0,0 +1,48 @@
+// ============================================================================
+// ISSUE SHARE LINK MOCKS
+// ============================================================================
+
+import type { IssuePermissions } from '@/features/issues/types';
+
+interface IssueShareLink {
+  token: string;
+  issueId: string;
+  issueKey: string;
+  expiresAt: string;
+  createdByUserId: string;
+  permissions: IssuePermissions;
+  note?: string;
+}
+
+// Ready-to-wire default permissions for a public, read-only share link
+const READ_ONLY_PERMISSIONS: IssuePermissions = {
+  canEdit: false,
+  canDelete: false,
+  canComment: false,
+  canAssign: false,
+  canChangeStatus: false,
+};
+
+export const ISSUE_SHARE_LINKS: IssueShareLink[] = [
+  {
+    token: 'share_issue_1',
+    issueId: 'issue_1',
+    issueKey: 'MKT-101',
+    expiresAt: new Date(Date.now() + 1000 * 60 * 60 * 24).toISOString(), // +24h
+    createdByUserId: 'user_2',
+    permissions: READ_ONLY_PERMISSIONS,
+    note: 'Read-only share link for previewing the issue UI',
+  },
+];
+
+export const DEFAULT_ISSUE_SHARE_SCENARIO = {
+  links: ISSUE_SHARE_LINKS,
+};
+
+export function getIssueShareByToken(token: string): IssueShareLink | null {
+  return ISSUE_SHARE_LINKS.find((link) => link.token === token) ?? null;
+}
+
+export function isIssueShareExpired(link: IssueShareLink): boolean {
+  return new Date(link.expiresAt).getTime() < Date.now();
+}