@startsimpli/funnels 0.4.6 → 0.4.8

package/src/components/FunnelCard/FunnelCard.stories.tsx

@@ -36,88 +36,88 @@ const baseFunnel: Funnel = {
   name: 'Series A Investor Qualification',
   description: 'Identifies qualified Series A investors based on stage focus, check size, and geography.',
   status: 'active',
-  input_type: 'contacts',
+  inputType: 'contacts',
   stages: [
     {
       id: 'stage-1',
       order: 0,
       name: 'Stage Filter',
-      filter_logic: 'AND',
+      filterLogic: 'AND',
       rules: [
-        { field_path: 'firm.stage', operator: 'in', value: ['Series A', 'Multi-Stage'] },
+        { fieldPath: 'firm.stage', operator: 'in', value: ['Series A', 'Multi-Stage'] },
       ],
-      match_action: 'tag_continue',
-      no_match_action: 'exclude',
-      match_tags: ['qualified_stage'],
+      matchAction: 'tag_continue',
+      noMatchAction: 'exclude',
+      matchTags: ['qualified_stage'],
     },
     {
       id: 'stage-2',
       order: 1,
       name: 'Check Size Filter',
-      filter_logic: 'AND',
+      filterLogic: 'AND',
       rules: [
-        { field_path: 'firm.check_size_min', operator: 'lte', value: 5000000 },
-        { field_path: 'firm.check_size_max', operator: 'gte', value: 3000000 },
-        { field_path: 'firm.active', operator: 'is_true', value: null },
+        { fieldPath: 'firm.check_size_min', operator: 'lte', value: 5000000 },
+        { fieldPath: 'firm.check_size_max', operator: 'gte', value: 3000000 },
+        { fieldPath: 'firm.active', operator: 'is_true', value: null },
       ],
-      match_action: 'tag_continue',
-      no_match_action: 'tag_exclude',
-      match_tags: ['qualified_check_size'],
-      no_match_tags: ['excluded_check_size'],
+      matchAction: 'tag_continue',
+      noMatchAction: 'tag_exclude',
+      matchTags: ['qualified_check_size'],
+      noMatchTags: ['excluded_check_size'],
     },
     {
       id: 'stage-3',
       order: 2,
       name: 'Geography Filter',
-      filter_logic: 'OR',
+      filterLogic: 'OR',
       rules: [
-        { field_path: 'firm.geography', operator: 'has_any', value: ['US', 'North America'] },
+        { fieldPath: 'firm.geography', operator: 'has_any', value: ['US', 'North America'] },
       ],
-      match_action: 'tag_continue',
-      no_match_action: 'exclude',
-      match_tags: ['qualified_geography'],
+      matchAction: 'tag_continue',
+      noMatchAction: 'exclude',
+      matchTags: ['qualified_geography'],
     },
     {
       id: 'stage-4',
       order: 3,
       name: 'Industry Filter',
-      filter_logic: 'OR',
+      filterLogic: 'OR',
       rules: [
-        { field_path: 'firm.industries', operator: 'has_any', value: ['SaaS', 'Enterprise'] },
+        { fieldPath: 'firm.industries', operator: 'has_any', value: ['SaaS', 'Enterprise'] },
       ],
-      match_action: 'tag_continue',
-      no_match_action: 'exclude',
-      match_tags: ['qualified_industry'],
+      matchAction: 'tag_continue',
+      noMatchAction: 'exclude',
+      matchTags: ['qualified_industry'],
     },
     {
       id: 'stage-5',
       order: 4,
       name: 'Final Qualification',
-      filter_logic: 'AND',
+      filterLogic: 'AND',
       rules: [
-        { field_path: 'tags', operator: 'has_all', value: ['qualified_stage', 'qualified_check_size', 'qualified_geography'] },
+        { fieldPath: 'tags', operator: 'has_all', value: ['qualified_stage', 'qualified_check_size', 'qualified_geography'] },
       ],
-      match_action: 'output',
-      no_match_action: 'exclude',
+      matchAction: 'output',
+      noMatchAction: 'exclude',
     },
   ],
-  created_at: '2024-01-01T00:00:00Z',
-  updated_at: '2024-01-15T10:30:00Z',
+  createdAt: '2024-01-01T00:00:00Z',
+  updatedAt: '2024-01-15T10:30:00Z',
 };
 
 const completedRun: FunnelRun = {
   id: 'run-1',
-  funnel_id: 'funnel-1',
+  funnelId: 'funnel-1',
   status: 'completed',
-  trigger_type: 'manual',
-  started_at: '2024-01-15T10:00:00Z',
-  completed_at: '2024-01-15T10:05:00Z',
-  duration_ms: 300000,
-  total_input: 83061,
-  total_matched: 235,
-  total_excluded: 82826,
-  total_tagged: 235,
-  stage_stats: {},
+  triggerType: 'manual',
+  startedAt: '2024-01-15T10:00:00Z',
+  completedAt: '2024-01-15T10:05:00Z',
+  durationMs: 300000,
+  totalInput: 83061,
+  totalMatched: 235,
+  totalExcluded: 82826,
+  totalTagged: 235,
+  stageStats: {},
 };
 
 // Stories
@@ -178,7 +178,7 @@ export const Running: Story = {
     latestRun: {
       ...completedRun,
       status: 'running',
-      completed_at: undefined,
+      completedAt: undefined,
     },
   },
 };
@@ -214,9 +214,9 @@ export const OneStage: Story = {
     },
     latestRun: {
       ...completedRun,
-      total_input: 1000,
-      total_matched: 450,
-      total_excluded: 550,
+      totalInput: 1000,
+      totalMatched: 450,
+      totalExcluded: 550,
     },
   },
 };
@@ -229,12 +229,12 @@ export const TenStages: Story = {
         id: `stage-${i}`,
         order: i,
         name: `Stage ${i + 1}: Filter ${i + 1}`,
-        filter_logic: 'AND' as const,
+        filterLogic: 'AND' as const,
         rules: [
-          { field_path: `field${i}`, operator: 'eq' as const, value: i },
+          { fieldPath: `field${i}`, operator: 'eq' as const, value: i },
         ],
-        match_action: 'continue' as const,
-        no_match_action: 'exclude' as const,
+        matchAction: 'continue' as const,
+        noMatchAction: 'exclude' as const,
       })),
       name: 'Complex Multi-Stage Funnel',
       description: 'Demonstrates card with many stages.',
@@ -248,9 +248,9 @@ export const HighMatchRate: Story = {
     funnel: baseFunnel,
     latestRun: {
       ...completedRun,
-      total_input: 1000,
-      total_matched: 950,
-      total_excluded: 50,
+      totalInput: 1000,
+      totalMatched: 950,
+      totalExcluded: 50,
     },
   },
 };
@@ -260,9 +260,9 @@ export const LowMatchRate: Story = {
     funnel: baseFunnel,
     latestRun: {
       ...completedRun,
-      total_input: 100000,
-      total_matched: 12,
-      total_excluded: 99988,
+      totalInput: 100000,
+      totalMatched: 12,
+      totalExcluded: 99988,
     },
   },
 };
@@ -272,8 +272,8 @@ export const ZeroMatches: Story = {
     funnel: baseFunnel,
     latestRun: {
       ...completedRun,
-      total_matched: 0,
-      total_excluded: 83061,
+      totalMatched: 0,
+      totalExcluded: 83061,
     },
   },
 };
@@ -317,52 +317,52 @@ export const RecipeFunnel: Story = {
       name: 'Quick Easy Dinner Recommendations',
       description: 'Filters recipes for vegetarian, gluten-free, quick prep, easy difficulty.',
       status: 'active',
-      input_type: 'any',
+      inputType: 'any',
       stages: [
         {
           id: 'stage-1',
           order: 0,
           name: 'Dietary Restrictions',
-          filter_logic: 'AND',
+          filterLogic: 'AND',
           rules: [
-            { field_path: 'dietary_restrictions', operator: 'has_all', value: ['vegetarian', 'gluten-free'] },
+            { fieldPath: 'dietary_restrictions', operator: 'has_all', value: ['vegetarian', 'gluten-free'] },
           ],
-          match_action: 'tag_continue',
-          no_match_action: 'exclude',
-          match_tags: ['meets_dietary_needs'],
+          matchAction: 'tag_continue',
+          noMatchAction: 'exclude',
+          matchTags: ['meets_dietary_needs'],
         },
         {
           id: 'stage-2',
           order: 1,
           name: 'Time Constraint',
-          filter_logic: 'AND',
+          filterLogic: 'AND',
           rules: [
-            { field_path: 'prep_time_minutes', operator: 'lte', value: 30 },
+            { fieldPath: 'prep_time_minutes', operator: 'lte', value: 30 },
           ],
-          match_action: 'tag_continue',
-          no_match_action: 'exclude',
-          match_tags: ['quick_prep'],
+          matchAction: 'tag_continue',
+          noMatchAction: 'exclude',
+          matchTags: ['quick_prep'],
         },
         {
           id: 'stage-3',
           order: 2,
           name: 'Difficulty Level',
-          filter_logic: 'OR',
+          filterLogic: 'OR',
           rules: [
-            { field_path: 'difficulty', operator: 'in', value: ['easy', 'medium'] },
+            { fieldPath: 'difficulty', operator: 'in', value: ['easy', 'medium'] },
           ],
-          match_action: 'output',
-          no_match_action: 'exclude',
+          matchAction: 'output',
+          noMatchAction: 'exclude',
         },
       ],
-      created_at: '2024-01-01T00:00:00Z',
-      updated_at: '2024-01-15T10:30:00Z',
+      createdAt: '2024-01-01T00:00:00Z',
+      updatedAt: '2024-01-15T10:30:00Z',
     },
     latestRun: {
       ...completedRun,
-      total_input: 5420,
-      total_matched: 87,
-      total_excluded: 5333,
+      totalInput: 5420,
+      totalMatched: 87,
+      totalExcluded: 5333,
     },
   },
 };
@@ -374,55 +374,55 @@ export const LeadScoringFunnel: Story = {
       name: 'Enterprise Lead Scoring',
       description: 'Scores and qualifies enterprise leads based on company size, engagement, and fit.',
       status: 'active',
-      input_type: 'any',
+      inputType: 'any',
       stages: [
         {
           id: 'stage-1',
           order: 0,
           name: 'Company Size',
-          filter_logic: 'AND',
+          filterLogic: 'AND',
           rules: [
-            { field_path: 'company.employee_count', operator: 'gte', value: 100 },
+            { fieldPath: 'company.employee_count', operator: 'gte', value: 100 },
           ],
-          match_action: 'tag_continue',
-          no_match_action: 'tag_continue',
-          match_tags: ['enterprise_size'],
-          no_match_tags: ['smb_size'],
+          matchAction: 'tag_continue',
+          noMatchAction: 'tag_continue',
+          matchTags: ['enterprise_size'],
+          noMatchTags: ['smb_size'],
         },
         {
           id: 'stage-2',
           order: 1,
           name: 'Engagement Score',
-          filter_logic: 'OR',
+          filterLogic: 'OR',
           rules: [
-            { field_path: 'engagement.email_opens', operator: 'gte', value: 5 },
-            { field_path: 'engagement.demo_requested', operator: 'is_true', value: null },
+            { fieldPath: 'engagement.email_opens', operator: 'gte', value: 5 },
+            { fieldPath: 'engagement.demo_requested', operator: 'is_true', value: null },
           ],
-          match_action: 'tag_continue',
-          no_match_action: 'tag_continue',
-          match_tags: ['engaged'],
+          matchAction: 'tag_continue',
+          noMatchAction: 'tag_continue',
+          matchTags: ['engaged'],
         },
         {
           id: 'stage-3',
           order: 2,
           name: 'Final Qualification',
-          filter_logic: 'AND',
+          filterLogic: 'AND',
           rules: [
-            { field_path: 'tags', operator: 'has_all', value: ['enterprise_size', 'engaged'] },
+            { fieldPath: 'tags', operator: 'has_all', value: ['enterprise_size', 'engaged'] },
           ],
-          match_action: 'output',
-          no_match_action: 'continue',
-          match_tags: ['hot_lead'],
+          matchAction: 'output',
+          noMatchAction: 'continue',
+          matchTags: ['hot_lead'],
         },
       ],
-      created_at: '2024-01-01T00:00:00Z',
-      updated_at: '2024-01-15T10:30:00Z',
+      createdAt: '2024-01-01T00:00:00Z',
+      updatedAt: '2024-01-15T10:30:00Z',
     },
     latestRun: {
       ...completedRun,
-      total_input: 12500,
-      total_matched: 342,
-      total_excluded: 12158,
+      totalInput: 12500,
+      totalMatched: 342,
+      totalExcluded: 12158,
     },
   },
 };
@@ -434,51 +434,51 @@ export const GitHubIssueFunnel: Story = {
       name: 'GitHub Issue Priority Triage',
       description: 'Filters GitHub issues to identify high-priority items requiring immediate attention.',
       status: 'active',
-      input_type: 'any',
+      inputType: 'any',
       stages: [
         {
           id: 'stage-1',
           order: 0,
           name: 'Filter PRs',
-          filter_logic: 'AND',
+          filterLogic: 'AND',
           rules: [
-            { field_path: 'is_pull_request', operator: 'is_false', value: null },
+            { fieldPath: 'is_pull_request', operator: 'is_false', value: null },
           ],
-          match_action: 'continue',
-          no_match_action: 'exclude',
+          matchAction: 'continue',
+          noMatchAction: 'exclude',
         },
         {
           id: 'stage-2',
           order: 1,
           name: 'Priority Labels',
-          filter_logic: 'OR',
+          filterLogic: 'OR',
           rules: [
-            { field_path: 'labels', operator: 'has_any', value: ['bug', 'security'] },
+            { fieldPath: 'labels', operator: 'has_any', value: ['bug', 'security'] },
           ],
-          match_action: 'tag_continue',
-          no_match_action: 'continue',
-          match_tags: ['high_priority'],
+          matchAction: 'tag_continue',
+          noMatchAction: 'continue',
+          matchTags: ['high_priority'],
         },
         {
           id: 'stage-3',
           order: 2,
           name: 'Community Interest',
-          filter_logic: 'AND',
+          filterLogic: 'AND',
           rules: [
-            { field_path: 'comments_count', operator: 'gte', value: 5 },
+            { fieldPath: 'comments_count', operator: 'gte', value: 5 },
           ],
-          match_action: 'output',
-          no_match_action: 'output',
+          matchAction: 'output',
+          noMatchAction: 'output',
         },
       ],
-      created_at: '2024-01-01T00:00:00Z',
-      updated_at: '2024-01-15T10:30:00Z',
+      createdAt: '2024-01-01T00:00:00Z',
+      updatedAt: '2024-01-15T10:30:00Z',
     },
     latestRun: {
       ...completedRun,
-      total_input: 1847,
-      total_matched: 92,
-      total_excluded: 1755,
+      totalInput: 1847,
+      totalMatched: 92,
+      totalExcluded: 1755,
     },
   },
 };

package/src/components/FunnelCard/FunnelCard.test.ts

@@ -23,37 +23,37 @@ function createFunnel(overrides?: Partial<Funnel>): Funnel {
     name: 'Test Funnel',
     description: 'Test funnel description',
     status: 'active',
-    input_type: 'any',
+    inputType: 'any',
     stages: [
       {
         id: 'stage-1',
         order: 0,
         name: 'Stage 1',
         description: 'First stage',
-        filter_logic: 'AND',
+        filterLogic: 'AND',
         rules: [
-          { field_path: 'name', operator: 'eq', value: 'test' }
+          { fieldPath: 'name', operator: 'eq', value: 'test' }
         ],
-        match_action: 'continue',
-        no_match_action: 'exclude',
+        matchAction: 'continue',
+        noMatchAction: 'exclude',
       },
       {
         id: 'stage-2',
         order: 1,
         name: 'Stage 2',
         description: 'Second stage',
-        filter_logic: 'OR',
+        filterLogic: 'OR',
         rules: [
-          { field_path: 'value', operator: 'gt', value: 100 },
-          { field_path: 'type', operator: 'in', value: ['A', 'B'] },
-          { field_path: 'active', operator: 'is_true', value: null },
+          { fieldPath: 'value', operator: 'gt', value: 100 },
+          { fieldPath: 'type', operator: 'in', value: ['A', 'B'] },
+          { fieldPath: 'active', operator: 'is_true', value: null },
         ],
-        match_action: 'output',
-        no_match_action: 'exclude',
+        matchAction: 'output',
+        noMatchAction: 'exclude',
       },
     ],
-    created_at: '2024-01-01T00:00:00Z',
-    updated_at: '2024-01-01T00:00:00Z',
+    createdAt: '2024-01-01T00:00:00Z',
+    updatedAt: '2024-01-01T00:00:00Z',
     ...overrides,
   };
 }
@@ -61,17 +61,17 @@ function createFunnel(overrides?: Partial<Funnel>): Funnel {
 function createFunnelRun(overrides?: Partial<FunnelRun>): FunnelRun {
   return {
     id: 'run-1',
-    funnel_id: 'funnel-1',
+    funnelId: 'funnel-1',
     status: 'completed',
-    trigger_type: 'manual',
-    started_at: '2024-01-01T00:00:00Z',
-    completed_at: '2024-01-01T00:01:00Z',
-    duration_ms: 60000,
-    total_input: 83061,
-    total_matched: 235,
-    total_excluded: 82826,
-    total_tagged: 235,
-    stage_stats: {},
+    triggerType: 'manual',
+    startedAt: '2024-01-01T00:00:00Z',
+    completedAt: '2024-01-01T00:01:00Z',
+    durationMs: 60000,
+    totalInput: 83061,
+    totalMatched: 235,
+    totalExcluded: 82826,
+    totalTagged: 235,
+    stageStats: {},
     ...overrides,
   };
 }
@@ -99,14 +99,14 @@ describe('FunnelCard', () => {
 
       expect(run.id).toBe('run-1');
       expect(run.status).toBe('completed');
-      expect(run.total_input).toBe(83061);
-      expect(run.total_matched).toBe(235);
+      expect(run.totalInput).toBe(83061);
+      expect(run.totalMatched).toBe(235);
     });
 
     it('creates funnel run with overrides', () => {
-      const run = createFunnelRun({ total_matched: 1000 });
+      const run = createFunnelRun({ totalMatched: 1000 });
 
-      expect(run.total_matched).toBe(1000);
+      expect(run.totalMatched).toBe(1000);
     });
   });
 
@@ -122,10 +122,10 @@ describe('FunnelCard', () => {
         id: `stage-${i}`,
         order: i,
         name: `Stage ${i + 1}`,
-        filter_logic: 'AND' as const,
-        rules: [{ field_path: 'x', operator: 'eq' as const, value: i }],
-        match_action: 'continue' as const,
-        no_match_action: 'exclude' as const,
+        filterLogic: 'AND' as const,
+        rules: [{ fieldPath: 'x', operator: 'eq' as const, value: i }],
+        matchAction: 'continue' as const,
+        noMatchAction: 'exclude' as const,
       }));
       const funnel = createFunnel({ stages });
 
@@ -147,21 +147,21 @@ describe('FunnelCard', () => {
   describe('Run Stats Calculation', () => {
     it('calculates match percentage correctly', () => {
       const run = createFunnelRun();
-      const percentage = (run.total_matched / run.total_input) * 100;
+      const percentage = (run.totalMatched / run.totalInput) * 100;
 
       expect(percentage).toBeCloseTo(0.28, 2); // 235/83061 ≈ 0.28%
     });
 
     it('handles zero input', () => {
-      const run = createFunnelRun({ total_input: 0, total_matched: 0 });
-      const percentage = run.total_input > 0 ? (run.total_matched / run.total_input) * 100 : 0;
+      const run = createFunnelRun({ totalInput: 0, totalMatched: 0 });
+      const percentage = run.totalInput > 0 ? (run.totalMatched / run.totalInput) * 100 : 0;
 
       expect(percentage).toBe(0);
     });
 
     it('handles 100% match rate', () => {
-      const run = createFunnelRun({ total_input: 1000, total_matched: 1000, total_excluded: 0 });
-      const percentage = (run.total_matched / run.total_input) * 100;
+      const run = createFunnelRun({ totalInput: 1000, totalMatched: 1000, totalExcluded: 0 });
+      const percentage = (run.totalMatched / run.totalInput) * 100;
 
       expect(percentage).toBe(100);
     });
@@ -182,10 +182,10 @@ describe('FunnelCard', () => {
             id: 'stage-1',
             order: 0,
             name: 'Empty Stage',
-            filter_logic: 'AND',
+            filterLogic: 'AND',
             rules: [],
-            match_action: 'continue',
-            no_match_action: 'exclude',
+            matchAction: 'continue',
+            noMatchAction: 'exclude',
           },
         ],
       });
@@ -199,14 +199,14 @@ describe('FunnelCard', () => {
       const run = createFunnelRun({ status: 'completed' });
 
       expect(run.status).toBe('completed');
-      expect(run.completed_at).toBeDefined();
+      expect(run.completedAt).toBeDefined();
     });
 
     it('validates running state', () => {
-      const run = createFunnelRun({ status: 'running', completed_at: undefined });
+      const run = createFunnelRun({ status: 'running', completedAt: undefined });
 
       expect(run.status).toBe('running');
-      expect(run.completed_at).toBeUndefined();
+      expect(run.completedAt).toBeUndefined();
     });
 
     it('validates failed run', () => {
@@ -234,19 +234,19 @@ describe('FunnelCard', () => {
 
     it('handles large numbers in stats', () => {
       const run = createFunnelRun({
-        total_input: 10000000,
-        total_matched: 500000,
-        total_excluded: 9500000,
+        totalInput: 10000000,
+        totalMatched: 500000,
+        totalExcluded: 9500000,
       });
 
-      expect(run.total_input).toBe(10000000);
-      expect(run.total_matched + run.total_excluded).toBe(run.total_input);
+      expect(run.totalInput).toBe(10000000);
+      expect(run.totalMatched + run.totalExcluded).toBe(run.totalInput);
     });
 
     it('validates stats add up correctly', () => {
       const run = createFunnelRun();
 
-      expect(run.total_matched + run.total_excluded).toBe(run.total_input);
+      expect(run.totalMatched + run.totalExcluded).toBe(run.totalInput);
     });
   });
 });