@startsimpli/funnels 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/package.json +9 -31
  2. package/src/api/README.md +507 -0
  3. package/src/api/adapter.ts +106 -0
  4. package/src/api/client.test.ts +640 -0
  5. package/src/api/client.ts +385 -0
  6. package/src/api/default-adapter.ts +243 -0
  7. package/src/api/index.ts +24 -0
  8. package/src/components/FilterRuleEditor/ARCHITECTURE.md +354 -0
  9. package/src/components/FilterRuleEditor/FieldSelector.tsx +91 -0
  10. package/src/components/FilterRuleEditor/FilterRuleEditor.stories.tsx +462 -0
  11. package/src/components/FilterRuleEditor/FilterRuleEditor.test.tsx +520 -0
  12. package/src/components/FilterRuleEditor/FilterRuleEditor.tsx +225 -0
  13. package/src/components/FilterRuleEditor/LogicToggle.tsx +64 -0
  14. package/src/components/FilterRuleEditor/OperatorSelector.tsx +75 -0
  15. package/src/components/FilterRuleEditor/README.md +291 -0
  16. package/src/components/FilterRuleEditor/RuleRow.tsx +246 -0
  17. package/src/components/FilterRuleEditor/ValueInputs/BooleanValueInput.tsx +54 -0
  18. package/src/components/FilterRuleEditor/ValueInputs/ChoiceValueInput.tsx +83 -0
  19. package/src/components/FilterRuleEditor/ValueInputs/DateValueInput.tsx +70 -0
  20. package/src/components/FilterRuleEditor/ValueInputs/MultiChoiceValueInput.tsx +132 -0
  21. package/src/components/FilterRuleEditor/ValueInputs/NumberValueInput.tsx +73 -0
  22. package/src/components/FilterRuleEditor/ValueInputs/TextValueInput.tsx +50 -0
  23. package/src/components/FilterRuleEditor/ValueInputs/index.ts +12 -0
  24. package/src/components/FilterRuleEditor/constants.ts +64 -0
  25. package/src/components/FilterRuleEditor/index.ts +14 -0
  26. package/src/components/FunnelCard/DESIGN.md +447 -0
  27. package/src/components/FunnelCard/FunnelCard.stories.tsx +484 -0
  28. package/src/components/FunnelCard/FunnelCard.test.ts +257 -0
  29. package/src/components/FunnelCard/FunnelCard.test.tsx +336 -0
  30. package/src/components/FunnelCard/FunnelCard.tsx +204 -0
  31. package/src/components/FunnelCard/FunnelStats.tsx +68 -0
  32. package/src/components/FunnelCard/IMPLEMENTATION_SUMMARY.md +505 -0
  33. package/src/components/FunnelCard/INSTALLATION.md +304 -0
  34. package/src/components/FunnelCard/MatchBar.tsx +49 -0
  35. package/src/components/FunnelCard/README.md +294 -0
  36. package/src/components/FunnelCard/StageIndicator.tsx +62 -0
  37. package/src/components/FunnelCard/StatusBadge.tsx +52 -0
  38. package/src/components/FunnelCard/index.ts +14 -0
  39. package/src/components/FunnelPreview/EntityCard.tsx +72 -0
  40. package/src/components/FunnelPreview/FunnelPreview.stories.tsx +227 -0
  41. package/src/components/FunnelPreview/FunnelPreview.test.tsx +316 -0
  42. package/src/components/FunnelPreview/FunnelPreview.tsx +249 -0
  43. package/src/components/FunnelPreview/LoadingPreview.tsx +60 -0
  44. package/src/components/FunnelPreview/PreviewStats.tsx +78 -0
  45. package/src/components/FunnelPreview/README.md +337 -0
  46. package/src/components/FunnelPreview/StageBreakdown.tsx +94 -0
  47. package/src/components/FunnelPreview/example.tsx +286 -0
  48. package/src/components/FunnelPreview/index.ts +14 -0
  49. package/src/components/FunnelRunHistory/COMPONENT_SUMMARY.md +246 -0
  50. package/src/components/FunnelRunHistory/FunnelRunHistory.stories.tsx +272 -0
  51. package/src/components/FunnelRunHistory/FunnelRunHistory.test.tsx +323 -0
  52. package/src/components/FunnelRunHistory/FunnelRunHistory.tsx +329 -0
  53. package/src/components/FunnelRunHistory/README.md +325 -0
  54. package/src/components/FunnelRunHistory/RunActions.tsx +168 -0
  55. package/src/components/FunnelRunHistory/RunDetailsModal.tsx +221 -0
  56. package/src/components/FunnelRunHistory/RunFilters.tsx +128 -0
  57. package/src/components/FunnelRunHistory/RunRow.tsx +122 -0
  58. package/src/components/FunnelRunHistory/RunStatusBadge.tsx +75 -0
  59. package/src/components/FunnelRunHistory/StageBreakdownList.tsx +110 -0
  60. package/src/components/FunnelRunHistory/index.ts +51 -0
  61. package/src/components/FunnelRunHistory/types.ts +40 -0
  62. package/src/components/FunnelRunHistory/utils.test.ts +126 -0
  63. package/src/components/FunnelRunHistory/utils.ts +100 -0
  64. package/src/components/FunnelStageBuilder/AddStageButton.tsx +52 -0
  65. package/src/components/FunnelStageBuilder/FunnelStageBuilder.css +413 -0
  66. package/src/components/FunnelStageBuilder/FunnelStageBuilder.stories.tsx +312 -0
  67. package/src/components/FunnelStageBuilder/FunnelStageBuilder.test.tsx +304 -0
  68. package/src/components/FunnelStageBuilder/FunnelStageBuilder.tsx +321 -0
  69. package/src/components/FunnelStageBuilder/README.md +341 -0
  70. package/src/components/FunnelStageBuilder/StageActions.test.tsx +205 -0
  71. package/src/components/FunnelStageBuilder/StageActions.tsx +126 -0
  72. package/src/components/FunnelStageBuilder/StageCard.tsx +202 -0
  73. package/src/components/FunnelStageBuilder/StageForm.tsx +262 -0
  74. package/src/components/FunnelStageBuilder/TagInput.test.tsx +178 -0
  75. package/src/components/FunnelStageBuilder/TagInput.tsx +129 -0
  76. package/src/components/FunnelStageBuilder/index.ts +21 -0
  77. package/src/components/FunnelVisualFlow/FlowLegend.tsx +77 -0
  78. package/{dist/components/index.css → src/components/FunnelVisualFlow/FunnelVisualFlow.css} +89 -13
  79. package/src/components/FunnelVisualFlow/FunnelVisualFlow.stories.tsx +254 -0
  80. package/src/components/FunnelVisualFlow/FunnelVisualFlow.test.tsx +208 -0
  81. package/src/components/FunnelVisualFlow/FunnelVisualFlow.tsx +229 -0
  82. package/src/components/FunnelVisualFlow/README.md +323 -0
  83. package/src/components/FunnelVisualFlow/StageNode.tsx +188 -0
  84. package/src/components/FunnelVisualFlow/example.tsx +227 -0
  85. package/src/components/FunnelVisualFlow/index.ts +10 -0
  86. package/src/components/index.ts +102 -0
  87. package/src/core/README.md +307 -0
  88. package/src/core/engine.test.ts +1087 -0
  89. package/src/core/engine.ts +329 -0
  90. package/src/core/evaluator.example.ts +353 -0
  91. package/src/core/evaluator.test.ts +639 -0
  92. package/src/core/evaluator.ts +261 -0
  93. package/src/core/field-resolver.example.ts +175 -0
  94. package/src/core/field-resolver.test.ts +541 -0
  95. package/src/core/field-resolver.ts +247 -0
  96. package/src/core/index.ts +34 -0
  97. package/src/core/operators.test.ts +539 -0
  98. package/src/core/operators.ts +241 -0
  99. package/src/hooks/index.ts +5 -0
  100. package/src/hooks/useDebouncedValue.ts +28 -0
  101. package/src/index.ts +155 -0
  102. package/src/store/README.md +342 -0
  103. package/src/store/create-funnel-store.test.ts +686 -0
  104. package/src/store/create-funnel-store.ts +538 -0
  105. package/src/store/index.ts +9 -0
  106. package/src/store/types.ts +294 -0
  107. package/src/stories/CrossDomain.stories.tsx +149 -0
  108. package/src/stories/Welcome.stories.tsx +81 -0
  109. package/src/stories/demo-data/index.ts +3 -0
  110. package/src/stories/demo-data/investors.ts +216 -0
  111. package/src/stories/demo-data/leads.ts +223 -0
  112. package/src/stories/demo-data/recipes.ts +217 -0
  113. package/src/test/setup.ts +5 -0
  114. package/src/types/index.ts +843 -0
  115. package/dist/client-3ESO2NHy.d.ts +0 -310
  116. package/dist/client-CZu03ACp.d.cts +0 -310
  117. package/dist/components/index.cjs +0 -3241
  118. package/dist/components/index.cjs.map +0 -1
  119. package/dist/components/index.css.map +0 -1
  120. package/dist/components/index.d.cts +0 -726
  121. package/dist/components/index.d.ts +0 -726
  122. package/dist/components/index.js +0 -3194
  123. package/dist/components/index.js.map +0 -1
  124. package/dist/core/index.cjs +0 -500
  125. package/dist/core/index.cjs.map +0 -1
  126. package/dist/core/index.d.cts +0 -359
  127. package/dist/core/index.d.ts +0 -359
  128. package/dist/core/index.js +0 -486
  129. package/dist/core/index.js.map +0 -1
  130. package/dist/hooks/index.cjs +0 -20
  131. package/dist/hooks/index.cjs.map +0 -1
  132. package/dist/hooks/index.d.cts +0 -11
  133. package/dist/hooks/index.d.ts +0 -11
  134. package/dist/hooks/index.js +0 -18
  135. package/dist/hooks/index.js.map +0 -1
  136. package/dist/index-BGDEXbuz.d.cts +0 -434
  137. package/dist/index-BGDEXbuz.d.ts +0 -434
  138. package/dist/index.cjs +0 -4499
  139. package/dist/index.cjs.map +0 -1
  140. package/dist/index.css +0 -198
  141. package/dist/index.css.map +0 -1
  142. package/dist/index.d.cts +0 -99
  143. package/dist/index.d.ts +0 -99
  144. package/dist/index.js +0 -4421
  145. package/dist/index.js.map +0 -1
  146. package/dist/store/index.cjs +0 -389
  147. package/dist/store/index.cjs.map +0 -1
  148. package/dist/store/index.d.cts +0 -225
  149. package/dist/store/index.d.ts +0 -225
  150. package/dist/store/index.js +0 -386
  151. package/dist/store/index.js.map +0 -1
package/dist/components/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components/FunnelVisualFlow/FunnelVisualFlow.css"],"sourcesContent":["/**\n * FunnelVisualFlow Styles\n *\n * Design System:\n * - Uses Tailwind-like utility values\n * - Consistent spacing (4px grid)\n * - Clean, minimal aesthetic\n * - Smooth transitions\n */\n\n/* =============================================================================\n * Flow Container\n * ============================================================================= */\n\n.funnel-visual-flow {\n position: relative;\n width: 100%;\n background: #f9fafb; /* gray-50 */\n border-radius: 8px;\n overflow: hidden;\n}\n\n.funnel-visual-flow-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f9fafb;\n border: 2px dashed #d1d5db; /* gray-300 */\n border-radius: 8px;\n}\n\n.empty-state {\n text-align: center;\n padding: 32px;\n}\n\n/* =============================================================================\n * Stage Node\n * ============================================================================= */\n\n.stage-node {\n padding: 16px;\n border-radius: 8px;\n background: white;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-width: 220px;\n max-width: 280px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.stage-node:hover {\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n transform: translateY(-2px);\n}\n\n.stage-node:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);\n}\n\n/* Stage number (circled number) */\n.stage-number {\n font-size: 28px;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 8px;\n}\n\n/* Stage name */\n.stage-name {\n font-size: 16px;\n font-weight: 600;\n color: #111827; /* gray-900 */\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* Rule count */\n.stage-rules {\n font-size: 13px;\n color: #6b7280; /* gray-500 */\n margin-bottom: 6px;\n}\n\n/* Action label */\n.stage-action {\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n}\n\n/* Stats section */\n.stage-stats {\n margin-top: 12px;\n padding-top: 12px;\n border-top: 1px solid #e5e7eb; /* gray-200 */\n}\n\n.stat-row {\n display: flex;\n justify-content: space-between;\n font-size: 13px;\n margin-bottom: 4px;\n}\n\n.stat-label {\n color: #6b7280; /* gray-500 */\n font-weight: 500;\n}\n\n.stat-value {\n font-weight: 600;\n color: #111827; /* gray-900 */\n}\n\n/* Description (if shown) */\n.stage-description {\n margin-top: 8px;\n font-size: 12px;\n color: #9ca3af; /* gray-400 */\n font-style: italic;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* =============================================================================\n * Flow Legend\n * ============================================================================= */\n\n.flow-legend-panel {\n background: transparent;\n border: none;\n}\n\n.flow-legend {\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n padding: 12px;\n min-width: 140px;\n}\n\n.legend-toggle {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n margin-bottom: 8px;\n}\n\n.legend-toggle:hover {\n opacity: 0.8;\n}\n\n.legend-toggle:focus {\n outline: 2px solid #3b82f6;\n outline-offset: 2px;\n border-radius: 4px;\n}\n\n.legend-title {\n font-size: 13px;\n font-weight: 600;\n color: #374151; /* gray-700 */\n}\n\n.legend-chevron {\n transition: transform 0.2s ease;\n color: #6b7280; /* gray-500 */\n}\n\n.legend-chevron.expanded {\n transform: rotate(180deg);\n}\n\n.legend-items {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.legend-item {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.legend-color {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n flex-shrink: 0;\n}\n\n.legend-label {\n font-size: 12px;\n color: #4b5563; /* gray-600 */\n font-weight: 500;\n}\n\n/* =============================================================================\n * React Flow Overrides\n * ============================================================================= */\n\n/* Make edges more visible */\n.react-flow__edge-path {\n stroke-width: 2;\n}\n\n/* Edge labels */\n.react-flow__edge-text {\n font-size: 12px;\n font-weight: 600;\n}\n\n/* Controls */\n.react-flow__controls {\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.react-flow__controls-button {\n border-bottom: 1px solid #e5e7eb;\n}\n\n.react-flow__controls-button:hover {\n background: #f3f4f6;\n}\n\n/* Background */\n.react-flow__background {\n background-color: #f9fafb;\n}\n\n/* Attribution */\n.react-flow__attribution {\n opacity: 0.5;\n font-size: 10px;\n}\n\n/* =============================================================================\n * Responsive Design\n * ============================================================================= */\n\n@media (max-width: 640px) {\n .stage-node {\n min-width: 180px;\n max-width: 220px;\n padding: 12px;\n }\n\n .stage-number {\n font-size: 24px;\n }\n\n .stage-name {\n font-size: 14px;\n }\n\n .flow-legend {\n min-width: 120px;\n padding: 8px;\n }\n}\n"],"mappings":"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","names":[]}