@syntrologie/runtime-sdk 2.1.0 → 2.2.0-canary.1

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 (356) hide show
  1. package/CAPABILITIES.md +50 -43
  2. package/README.md +7 -7
  3. package/dist/RuntimeProvider.d.ts +1 -1
  4. package/dist/ShadowRootContext.d.ts +19 -0
  5. package/dist/SmartCanvasApp.d.ts +3 -3
  6. package/dist/SmartCanvasElement.d.ts +7 -2
  7. package/dist/SmartCanvasPortal.d.ts +1 -1
  8. package/dist/actions/executors/index.d.ts +3 -3
  9. package/dist/actions/executors/tour.d.ts +1 -1
  10. package/dist/actions/index.d.ts +4 -3
  11. package/dist/actions/schema.d.ts +1229 -0
  12. package/dist/actions/schema.js +67 -0
  13. package/dist/actions/schema.js.map +7 -0
  14. package/dist/adaptives/adaptive-chatbot/index.js +4 -4
  15. package/dist/adaptives/adaptive-chatbot/index.js.map +4 -4
  16. package/dist/adaptives/adaptive-content/index.js +2 -2
  17. package/dist/adaptives/adaptive-content/index.js.map +4 -4
  18. package/dist/adaptives/adaptive-faq/index.js +23 -6
  19. package/dist/adaptives/adaptive-faq/index.js.map +4 -4
  20. package/dist/adaptives/adaptive-gamification/index.js.map +1 -1
  21. package/dist/adaptives/adaptive-nav/index.js +22 -7
  22. package/dist/adaptives/adaptive-nav/index.js.map +4 -4
  23. package/dist/adaptives/adaptive-overlays/index.js +13 -13
  24. package/dist/adaptives/adaptive-overlays/index.js.map +4 -4
  25. package/dist/api.d.ts +2 -2
  26. package/dist/apps/examples/gamification-app.example.d.ts +4 -4
  27. package/dist/apps/index.d.ts +7 -7
  28. package/dist/blocks/data/index.d.ts +1 -1
  29. package/dist/blocks/index.d.ts +2 -2
  30. package/dist/blocks/interactive/index.d.ts +1 -1
  31. package/dist/blocks/notification/NotificationBlock.d.ts +1 -1
  32. package/dist/blocks/notification/index.d.ts +1 -1
  33. package/dist/bootstrap.d.ts +4 -4
  34. package/dist/chunk-AYTRRBR5.js +251 -0
  35. package/dist/chunk-AYTRRBR5.js.map +7 -0
  36. package/dist/chunk-HJKAXD5S.js +7921 -0
  37. package/dist/chunk-HJKAXD5S.js.map +7 -0
  38. package/dist/components/ShadowCanvasOverlay.d.ts +2 -2
  39. package/dist/components/TileCard.d.ts +1 -1
  40. package/dist/context/ContextManager.d.ts +1 -1
  41. package/dist/context/index.d.ts +3 -3
  42. package/dist/decisions/engine.d.ts +1 -1
  43. package/dist/decisions/index.d.ts +3 -3
  44. package/dist/decisions/schema.d.ts +24 -24
  45. package/dist/decisions/strategies/rules.d.ts +1 -1
  46. package/dist/decisions/strategies/score.d.ts +1 -1
  47. package/dist/editorLoader.d.ts +4 -4
  48. package/dist/events/EventAccumulator.d.ts +1 -1
  49. package/dist/events/EventBus.d.ts +1 -1
  50. package/dist/events/index.d.ts +7 -6
  51. package/dist/events/registerConfigPredicates.d.ts +19 -0
  52. package/dist/experiments/adapters/growthbook.d.ts +1 -1
  53. package/dist/experiments/index.d.ts +2 -2
  54. package/dist/experiments/registry.d.ts +1 -1
  55. package/dist/fetchers/index.d.ts +2 -2
  56. package/dist/hooks/useShadowCanvasConfig.d.ts +1 -1
  57. package/dist/hostPatcher/index.d.ts +2 -2
  58. package/dist/index.d.ts +24 -21
  59. package/dist/index.js +816 -75
  60. package/dist/index.js.map +7 -1
  61. package/dist/metrics/index.d.ts +1 -1
  62. package/dist/notifications/index.d.ts +6 -6
  63. package/dist/overlays/runtime/index.d.ts +3 -3
  64. package/dist/overlays/runtime/overlay/root.d.ts +17 -1
  65. package/dist/overlays/runtime/overlay/tooltip.d.ts +1 -1
  66. package/dist/react.js +90 -134
  67. package/dist/react.js.map +7 -1
  68. package/dist/render/RenderContext.d.ts +2 -2
  69. package/dist/render/index.d.ts +2 -2
  70. package/dist/render/types.d.ts +2 -2
  71. package/dist/runtime.d.ts +8 -8
  72. package/dist/smart-canvas.esm.js +127 -124
  73. package/dist/smart-canvas.esm.js.map +4 -4
  74. package/dist/smart-canvas.js +17160 -16782
  75. package/dist/smart-canvas.js.map +4 -4
  76. package/dist/smart-canvas.min.js +127 -124
  77. package/dist/smart-canvas.min.js.map +4 -4
  78. package/dist/state/StateStore.d.ts +1 -1
  79. package/dist/state/helpers/cooldowns.d.ts +1 -1
  80. package/dist/state/helpers/dismissals.d.ts +1 -1
  81. package/dist/state/helpers/frequency.d.ts +1 -1
  82. package/dist/state/index.d.ts +3 -3
  83. package/dist/surfaces/index.d.ts +3 -3
  84. package/dist/surfaces/positioning.d.ts +1 -1
  85. package/dist/telemetry/adapters/posthog.d.ts +2 -2
  86. package/dist/telemetry/index.d.ts +3 -3
  87. package/dist/telemetry/registry.d.ts +1 -1
  88. package/dist/theme/ThemeProvider.d.ts +1 -1
  89. package/dist/theme/extractHostTheme.d.ts +1 -1
  90. package/dist/theme/index.d.ts +4 -4
  91. package/dist/types-only.d.ts +1 -1
  92. package/dist/types-only.js +1 -11
  93. package/dist/types-only.js.map +7 -1
  94. package/dist/types.d.ts +1 -1
  95. package/dist/version.d.ts +1 -1
  96. package/dist/widgets/index.d.ts +1 -1
  97. package/package.json +24 -17
  98. package/schema/canvas-config.base.schema.json +351 -0
  99. package/schema/canvas-config.schema.json +3202 -440
  100. package/scripts/validate-config.mjs +54 -58
  101. package/dist/RuntimeProvider.js +0 -113
  102. package/dist/RuntimeProvider.js.map +0 -1
  103. package/dist/SmartCanvasApp.js +0 -143
  104. package/dist/SmartCanvasApp.js.map +0 -1
  105. package/dist/SmartCanvasElement.js +0 -138
  106. package/dist/SmartCanvasElement.js.map +0 -1
  107. package/dist/SmartCanvasPortal.js +0 -17
  108. package/dist/SmartCanvasPortal.js.map +0 -1
  109. package/dist/actions/ActionEngine.js +0 -272
  110. package/dist/actions/ActionEngine.js.map +0 -1
  111. package/dist/actions/executors/index.js +0 -240
  112. package/dist/actions/executors/index.js.map +0 -1
  113. package/dist/actions/executors/tour.js +0 -332
  114. package/dist/actions/executors/tour.js.map +0 -1
  115. package/dist/actions/index.js +0 -12
  116. package/dist/actions/index.js.map +0 -1
  117. package/dist/actions/types.js +0 -8
  118. package/dist/actions/types.js.map +0 -1
  119. package/dist/actions/validation.js +0 -577
  120. package/dist/actions/validation.js.map +0 -1
  121. package/dist/antiFlicker.js +0 -39
  122. package/dist/antiFlicker.js.map +0 -1
  123. package/dist/api.js +0 -205
  124. package/dist/api.js.map +0 -1
  125. package/dist/apps/AppContext.js +0 -91
  126. package/dist/apps/AppContext.js.map +0 -1
  127. package/dist/apps/AppLoader.js +0 -293
  128. package/dist/apps/AppLoader.js.map +0 -1
  129. package/dist/apps/AppRegistry.js +0 -317
  130. package/dist/apps/AppRegistry.js.map +0 -1
  131. package/dist/apps/examples/gamification-app.example.js +0 -329
  132. package/dist/apps/examples/gamification-app.example.js.map +0 -1
  133. package/dist/apps/index.js +0 -16
  134. package/dist/apps/index.js.map +0 -1
  135. package/dist/apps/types.js +0 -8
  136. package/dist/apps/types.js.map +0 -1
  137. package/dist/blocks/data/ComparisonBlock.js +0 -95
  138. package/dist/blocks/data/ComparisonBlock.js.map +0 -1
  139. package/dist/blocks/data/StatsBlock.js +0 -102
  140. package/dist/blocks/data/StatsBlock.js.map +0 -1
  141. package/dist/blocks/data/index.js +0 -3
  142. package/dist/blocks/data/index.js.map +0 -1
  143. package/dist/blocks/index.js +0 -93
  144. package/dist/blocks/index.js.map +0 -1
  145. package/dist/blocks/interactive/ChecklistBlock.js +0 -111
  146. package/dist/blocks/interactive/ChecklistBlock.js.map +0 -1
  147. package/dist/blocks/interactive/RatingBlock.js +0 -147
  148. package/dist/blocks/interactive/RatingBlock.js.map +0 -1
  149. package/dist/blocks/interactive/index.js +0 -3
  150. package/dist/blocks/interactive/index.js.map +0 -1
  151. package/dist/blocks/notification/NotificationBlock.js +0 -171
  152. package/dist/blocks/notification/NotificationBlock.js.map +0 -1
  153. package/dist/blocks/notification/index.js +0 -2
  154. package/dist/blocks/notification/index.js.map +0 -1
  155. package/dist/blocks/theme-tokens.js +0 -25
  156. package/dist/blocks/theme-tokens.js.map +0 -1
  157. package/dist/bootstrap.js +0 -448
  158. package/dist/bootstrap.js.map +0 -1
  159. package/dist/bundle-entry.js +0 -9
  160. package/dist/bundle-entry.js.map +0 -1
  161. package/dist/components/ShadowCanvasOverlay.js +0 -327
  162. package/dist/components/ShadowCanvasOverlay.js.map +0 -1
  163. package/dist/components/TileCard.js +0 -103
  164. package/dist/components/TileCard.js.map +0 -1
  165. package/dist/components/TileWheel.js +0 -50
  166. package/dist/components/TileWheel.js.map +0 -1
  167. package/dist/config-validator.js +0 -173
  168. package/dist/config-validator.js.map +0 -1
  169. package/dist/configFetcher.js +0 -131
  170. package/dist/configFetcher.js.map +0 -1
  171. package/dist/context/ContextManager.js +0 -269
  172. package/dist/context/ContextManager.js.map +0 -1
  173. package/dist/context/index.js +0 -7
  174. package/dist/context/index.js.map +0 -1
  175. package/dist/context/schema.js +0 -50
  176. package/dist/context/schema.js.map +0 -1
  177. package/dist/context/types.js +0 -8
  178. package/dist/context/types.js.map +0 -1
  179. package/dist/controller.js +0 -34
  180. package/dist/controller.js.map +0 -1
  181. package/dist/decisions/engine.js +0 -117
  182. package/dist/decisions/engine.js.map +0 -1
  183. package/dist/decisions/index.js +0 -10
  184. package/dist/decisions/index.js.map +0 -1
  185. package/dist/decisions/schema.js +0 -151
  186. package/dist/decisions/schema.js.map +0 -1
  187. package/dist/decisions/strategies/rules.js +0 -166
  188. package/dist/decisions/strategies/rules.js.map +0 -1
  189. package/dist/decisions/strategies/score.js +0 -29
  190. package/dist/decisions/strategies/score.js.map +0 -1
  191. package/dist/decisions/types.js +0 -2
  192. package/dist/decisions/types.js.map +0 -1
  193. package/dist/earlyPatcher.js +0 -20
  194. package/dist/earlyPatcher.js.map +0 -1
  195. package/dist/editorLoader.js +0 -254
  196. package/dist/editorLoader.js.map +0 -1
  197. package/dist/events/EventAccumulator.js +0 -101
  198. package/dist/events/EventAccumulator.js.map +0 -1
  199. package/dist/events/EventBus.js +0 -152
  200. package/dist/events/EventBus.js.map +0 -1
  201. package/dist/events/index.js +0 -11
  202. package/dist/events/index.js.map +0 -1
  203. package/dist/events/normalizers/canvas.js +0 -116
  204. package/dist/events/normalizers/canvas.js.map +0 -1
  205. package/dist/events/normalizers/posthog.js +0 -171
  206. package/dist/events/normalizers/posthog.js.map +0 -1
  207. package/dist/events/schema.js +0 -30
  208. package/dist/events/schema.js.map +0 -1
  209. package/dist/events/types.js +0 -54
  210. package/dist/events/types.js.map +0 -1
  211. package/dist/experiments/adapters/growthbook.js +0 -81
  212. package/dist/experiments/adapters/growthbook.js.map +0 -1
  213. package/dist/experiments/index.js +0 -4
  214. package/dist/experiments/index.js.map +0 -1
  215. package/dist/experiments/registry.js +0 -30
  216. package/dist/experiments/registry.js.map +0 -1
  217. package/dist/experiments/types.js +0 -2
  218. package/dist/experiments/types.js.map +0 -1
  219. package/dist/fetchers/cdnFetcher.js +0 -96
  220. package/dist/fetchers/cdnFetcher.js.map +0 -1
  221. package/dist/fetchers/experimentsFetcher.js +0 -109
  222. package/dist/fetchers/experimentsFetcher.js.map +0 -1
  223. package/dist/fetchers/index.js +0 -5
  224. package/dist/fetchers/index.js.map +0 -1
  225. package/dist/fetchers/mergeConfigs.js +0 -38
  226. package/dist/fetchers/mergeConfigs.js.map +0 -1
  227. package/dist/fetchers/registry.js +0 -58
  228. package/dist/fetchers/registry.js.map +0 -1
  229. package/dist/fetchers/types.js +0 -2
  230. package/dist/fetchers/types.js.map +0 -1
  231. package/dist/hooks/useCanvasOverlays.js +0 -128
  232. package/dist/hooks/useCanvasOverlays.js.map +0 -1
  233. package/dist/hooks/useHostPatches.js +0 -40
  234. package/dist/hooks/useHostPatches.js.map +0 -1
  235. package/dist/hooks/useShadowCanvasConfig.js +0 -63
  236. package/dist/hooks/useShadowCanvasConfig.js.map +0 -1
  237. package/dist/hostPatcher/core/patcher.js +0 -181
  238. package/dist/hostPatcher/core/patcher.js.map +0 -1
  239. package/dist/hostPatcher/core/sanitizer.js +0 -66
  240. package/dist/hostPatcher/core/sanitizer.js.map +0 -1
  241. package/dist/hostPatcher/core/types.js +0 -2
  242. package/dist/hostPatcher/core/types.js.map +0 -1
  243. package/dist/hostPatcher/index.js +0 -7
  244. package/dist/hostPatcher/index.js.map +0 -1
  245. package/dist/hostPatcher/policy/defaultPolicy.js +0 -23
  246. package/dist/hostPatcher/policy/defaultPolicy.js.map +0 -1
  247. package/dist/hostPatcher/utils/anchors.js +0 -105
  248. package/dist/hostPatcher/utils/anchors.js.map +0 -1
  249. package/dist/hostPatcher/utils/observer.js +0 -11
  250. package/dist/hostPatcher/utils/observer.js.map +0 -1
  251. package/dist/logger.js +0 -81
  252. package/dist/logger.js.map +0 -1
  253. package/dist/metrics/index.js +0 -5
  254. package/dist/metrics/index.js.map +0 -1
  255. package/dist/metrics/sessionMetrics.js +0 -178
  256. package/dist/metrics/sessionMetrics.js.map +0 -1
  257. package/dist/notifications/NotificationToastStack.js +0 -118
  258. package/dist/notifications/NotificationToastStack.js.map +0 -1
  259. package/dist/notifications/index.js +0 -6
  260. package/dist/notifications/index.js.map +0 -1
  261. package/dist/notifications/matcher.js +0 -66
  262. package/dist/notifications/matcher.js.map +0 -1
  263. package/dist/notifications/types.js +0 -13
  264. package/dist/notifications/types.js.map +0 -1
  265. package/dist/notifications/useNotifications.js +0 -104
  266. package/dist/notifications/useNotifications.js.map +0 -1
  267. package/dist/notifications/useNotifyWatcher.js +0 -62
  268. package/dist/notifications/useNotifyWatcher.js.map +0 -1
  269. package/dist/overlays/fetcher.js +0 -15
  270. package/dist/overlays/fetcher.js.map +0 -1
  271. package/dist/overlays/recipeRegistry.js +0 -32
  272. package/dist/overlays/recipeRegistry.js.map +0 -1
  273. package/dist/overlays/runtime/anchor/resolve.js +0 -87
  274. package/dist/overlays/runtime/anchor/resolve.js.map +0 -1
  275. package/dist/overlays/runtime/index.js +0 -8
  276. package/dist/overlays/runtime/index.js.map +0 -1
  277. package/dist/overlays/runtime/overlay/highlight.js +0 -160
  278. package/dist/overlays/runtime/overlay/highlight.js.map +0 -1
  279. package/dist/overlays/runtime/overlay/modal.js +0 -78
  280. package/dist/overlays/runtime/overlay/modal.js.map +0 -1
  281. package/dist/overlays/runtime/overlay/root.js +0 -297
  282. package/dist/overlays/runtime/overlay/root.js.map +0 -1
  283. package/dist/overlays/runtime/overlay/runner.js +0 -602
  284. package/dist/overlays/runtime/overlay/runner.js.map +0 -1
  285. package/dist/overlays/runtime/overlay/tooltip.js +0 -232
  286. package/dist/overlays/runtime/overlay/tooltip.js.map +0 -1
  287. package/dist/overlays/runtime/utils/dom.js +0 -12
  288. package/dist/overlays/runtime/utils/dom.js.map +0 -1
  289. package/dist/overlays/schema.js +0 -52
  290. package/dist/overlays/schema.js.map +0 -1
  291. package/dist/overlays/types.js +0 -2
  292. package/dist/overlays/types.js.map +0 -1
  293. package/dist/render/RenderContext.js +0 -69
  294. package/dist/render/RenderContext.js.map +0 -1
  295. package/dist/render/index.js +0 -3
  296. package/dist/render/index.js.map +0 -1
  297. package/dist/render/types.js +0 -2
  298. package/dist/render/types.js.map +0 -1
  299. package/dist/runtime.js +0 -237
  300. package/dist/runtime.js.map +0 -1
  301. package/dist/state/StateStore.js +0 -176
  302. package/dist/state/StateStore.js.map +0 -1
  303. package/dist/state/helpers/cooldowns.js +0 -31
  304. package/dist/state/helpers/cooldowns.js.map +0 -1
  305. package/dist/state/helpers/dismissals.js +0 -34
  306. package/dist/state/helpers/dismissals.js.map +0 -1
  307. package/dist/state/helpers/frequency.js +0 -43
  308. package/dist/state/helpers/frequency.js.map +0 -1
  309. package/dist/state/index.js +0 -7
  310. package/dist/state/index.js.map +0 -1
  311. package/dist/state/schema.js +0 -25
  312. package/dist/state/schema.js.map +0 -1
  313. package/dist/state/types.js +0 -9
  314. package/dist/state/types.js.map +0 -1
  315. package/dist/store/example.js +0 -43
  316. package/dist/store/example.js.map +0 -1
  317. package/dist/store/mini-effector.js +0 -88
  318. package/dist/store/mini-effector.js.map +0 -1
  319. package/dist/surfaces/Surfaces.js +0 -361
  320. package/dist/surfaces/Surfaces.js.map +0 -1
  321. package/dist/surfaces/index.js +0 -12
  322. package/dist/surfaces/index.js.map +0 -1
  323. package/dist/surfaces/positioning.js +0 -228
  324. package/dist/surfaces/positioning.js.map +0 -1
  325. package/dist/surfaces/types.js +0 -23
  326. package/dist/surfaces/types.js.map +0 -1
  327. package/dist/telemetry/adapters/noop.js +0 -42
  328. package/dist/telemetry/adapters/noop.js.map +0 -1
  329. package/dist/telemetry/adapters/posthog.js +0 -180
  330. package/dist/telemetry/adapters/posthog.js.map +0 -1
  331. package/dist/telemetry/index.js +0 -4
  332. package/dist/telemetry/index.js.map +0 -1
  333. package/dist/telemetry/registry.js +0 -29
  334. package/dist/telemetry/registry.js.map +0 -1
  335. package/dist/telemetry/types.js +0 -2
  336. package/dist/telemetry/types.js.map +0 -1
  337. package/dist/theme/ThemeProvider.js +0 -109
  338. package/dist/theme/ThemeProvider.js.map +0 -1
  339. package/dist/theme/defaultTheme.js +0 -190
  340. package/dist/theme/defaultTheme.js.map +0 -1
  341. package/dist/theme/extractHostTheme.js +0 -259
  342. package/dist/theme/extractHostTheme.js.map +0 -1
  343. package/dist/theme/index.js +0 -7
  344. package/dist/theme/index.js.map +0 -1
  345. package/dist/theme/types.js +0 -6
  346. package/dist/theme/types.js.map +0 -1
  347. package/dist/token.js +0 -44
  348. package/dist/token.js.map +0 -1
  349. package/dist/types.js +0 -17
  350. package/dist/types.js.map +0 -1
  351. package/dist/version.js +0 -14
  352. package/dist/version.js.map +0 -1
  353. package/dist/widgets/WidgetRegistry.js +0 -190
  354. package/dist/widgets/WidgetRegistry.js.map +0 -1
  355. package/dist/widgets/index.js +0 -7
  356. package/dist/widgets/index.js.map +0 -1
@@ -1,16 +0,0 @@
1
- /**
2
- * Apps Module
3
- *
4
- * SynOS app system for extensible runtime and editor modules.
5
- */
6
- // App Registry
7
- export { AppRegistry, appRegistry } from './AppRegistry';
8
- // App Context
9
- export { createAppContext, cleanupAppContext } from './AppContext';
10
- // App Loader
11
- export { createAppLoader, isCoreActionKind, getAppIdFromActionKind, getAppIdFromWidgetId, } from './AppLoader';
12
- // Core app runtime modules (bundled with runtime SDK)
13
- // These executors are available immediately without CDN loading.
14
- export { runtime as contentRuntime } from '@syntrologie/adapt-content/runtime';
15
- export { runtime as overlaysRuntime } from '@syntrologie/adapt-overlays/runtime';
16
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/apps/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAe;AACf,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGzD,cAAc;AACd,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGnE,aAAa;AACb,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAQrB,sDAAsD;AACtD,iEAAiE;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC"}
@@ -1,8 +0,0 @@
1
- /**
2
- * App Types
3
- *
4
- * Defines the types for the SynOS app system.
5
- * Apps provide runtime extensions (actions, widgets, events) and editor modules.
6
- */
7
- export {};
8
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/apps/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}
@@ -1,95 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { blockTokens } from '../theme-tokens';
3
- /**
4
- * Single comparison item
5
- */
6
- function ComparisonItemCard({ item, accentColor, layout, }) {
7
- const isHighlighted = item.highlight;
8
- const cardStyle = {
9
- display: 'flex',
10
- flexDirection: layout === 'list' ? 'row' : 'column',
11
- alignItems: layout === 'list' ? 'center' : 'flex-start',
12
- gap: layout === 'list' ? 'var(--sc-spacing-md, 0.75rem)' : 'var(--sc-spacing-xs, 0.25rem)',
13
- padding: 'var(--sc-spacing-md, 0.75rem)',
14
- borderRadius: 'var(--sc-border-radius-sm, 6px)',
15
- background: isHighlighted
16
- ? `var(--sc-color-primary-muted, ${blockTokens.primaryMuted})`
17
- : `var(--sc-color-background-subtle, ${blockTokens.backgroundSubtle})`,
18
- border: isHighlighted
19
- ? `1px solid ${accentColor}`
20
- : `1px solid var(--sc-color-border-subtle, ${blockTokens.borderSubtle})`,
21
- transition: 'all 0.15s ease',
22
- };
23
- const iconStyle = {
24
- fontSize: '1.25rem',
25
- marginBottom: layout === 'list' ? 0 : 'var(--sc-spacing-xs, 0.25rem)',
26
- };
27
- const labelStyle = {
28
- fontSize: 'var(--sc-font-size-sm, 0.8rem)',
29
- color: `var(--sc-color-text-secondary, ${blockTokens.colorTextSecondary})`,
30
- flex: layout === 'list' ? 1 : undefined,
31
- };
32
- const valueStyle = {
33
- fontSize: 'var(--sc-font-size-lg, 1rem)',
34
- fontWeight: 'var(--sc-font-weight-semibold, 600)',
35
- color: isHighlighted ? accentColor : `var(--sc-color-text, ${blockTokens.colorText})`,
36
- };
37
- return (_jsxs("div", { style: cardStyle, children: [item.icon && _jsx("span", { style: iconStyle, children: item.icon }), _jsx("span", { style: labelStyle, children: item.label }), _jsx("span", { style: valueStyle, children: item.value })] }));
38
- }
39
- /**
40
- * Comparison block component - displays items in grid/list/table layout
41
- */
42
- export function ComparisonBlock({ content, accentColor }) {
43
- const primaryColor = accentColor || `var(--sc-color-primary, ${blockTokens.colorPrimary})`;
44
- const layout = content.layout || 'grid';
45
- const columns = content.columns || 2;
46
- // Find best item if highlightBest is true
47
- let processedItems = content.items;
48
- if (content.highlightBest && !content.items.some((i) => i.highlight)) {
49
- // Find the item with highest numeric value
50
- const itemsWithNumeric = content.items.map((item) => ({
51
- ...item,
52
- numericValue: typeof item.value === 'number' ? item.value : parseFloat(String(item.value)),
53
- }));
54
- const maxValue = Math.max(...itemsWithNumeric.map((i) => i.numericValue || 0));
55
- processedItems = itemsWithNumeric.map((item) => ({
56
- ...item,
57
- highlight: item.numericValue === maxValue,
58
- }));
59
- }
60
- const containerStyle = {
61
- display: layout === 'table' ? 'block' : layout === 'list' ? 'flex' : 'grid',
62
- flexDirection: layout === 'list' ? 'column' : undefined,
63
- gridTemplateColumns: layout === 'grid' ? `repeat(${columns}, 1fr)` : undefined,
64
- gap: 'var(--sc-spacing-sm, 0.5rem)',
65
- padding: 'var(--sc-spacing-sm, 0.5rem) 0',
66
- };
67
- // Table layout
68
- if (layout === 'table') {
69
- return (_jsx("table", { style: {
70
- width: '100%',
71
- borderCollapse: 'collapse',
72
- fontSize: 'var(--sc-font-size-sm, 0.8rem)',
73
- }, children: _jsx("tbody", { children: processedItems.map((item, idx) => (_jsxs("tr", { style: {
74
- borderBottom: idx < processedItems.length - 1
75
- ? `1px solid var(--sc-color-border-subtle, ${blockTokens.borderSubtle})`
76
- : undefined,
77
- }, children: [_jsxs("td", { style: {
78
- padding: 'var(--sc-spacing-sm, 0.5rem) 0',
79
- color: `var(--sc-color-text-secondary, ${blockTokens.colorTextSecondary})`,
80
- display: 'flex',
81
- alignItems: 'center',
82
- gap: 'var(--sc-spacing-sm, 0.5rem)',
83
- }, children: [item.icon && _jsx("span", { children: item.icon }), item.label] }), _jsx("td", { style: {
84
- padding: 'var(--sc-spacing-sm, 0.5rem) 0',
85
- textAlign: 'right',
86
- fontWeight: 'var(--sc-font-weight-semibold, 600)',
87
- color: item.highlight
88
- ? primaryColor
89
- : `var(--sc-color-text, ${blockTokens.colorText})`,
90
- }, children: item.value })] }, idx))) }) }));
91
- }
92
- // Grid or list layout
93
- return (_jsx("div", { style: containerStyle, children: processedItems.map((item, idx) => (_jsx(ComparisonItemCard, { item: item, accentColor: primaryColor, layout: layout }, idx))) }));
94
- }
95
- //# sourceMappingURL=ComparisonBlock.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ComparisonBlock.js","sourceRoot":"","sources":["../../../src/blocks/data/ComparisonBlock.tsx"],"names":[],"mappings":"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"}
@@ -1,102 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useMemo } from 'react';
3
- import { blockTokens } from '../theme-tokens';
4
- /**
5
- * Trend indicator component
6
- */
7
- function TrendBadge({ trend }) {
8
- const isPositive = trend.direction === 'up';
9
- const isNegative = trend.direction === 'down';
10
- const color = isPositive
11
- ? `var(--sc-color-success, ${blockTokens.colorSuccess})`
12
- : isNegative
13
- ? `var(--sc-color-error, ${blockTokens.colorError})`
14
- : `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`;
15
- const bgColor = isPositive
16
- ? `var(--sc-color-success-muted, ${blockTokens.successMuted})`
17
- : isNegative
18
- ? `var(--sc-color-error-muted, ${blockTokens.errorMuted})`
19
- : blockTokens.textMutedAlpha;
20
- const ArrowIcon = () => (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", style: {
21
- transform: isPositive ? 'rotate(0deg)' : isNegative ? 'rotate(180deg)' : 'rotate(90deg)',
22
- }, children: _jsx("path", { d: "M5 1v8M5 1L2 4M5 1l3 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
23
- return (_jsxs("span", { style: {
24
- display: 'inline-flex',
25
- alignItems: 'center',
26
- gap: '4px',
27
- padding: '2px 8px',
28
- borderRadius: 'var(--sc-border-radius-full, 9999px)',
29
- background: bgColor,
30
- color,
31
- fontSize: 'var(--sc-font-size-xs, 0.7rem)',
32
- fontWeight: 'var(--sc-font-weight-medium, 500)',
33
- }, children: [_jsx(ArrowIcon, {}), trend.value, trend.timeframe && (_jsx("span", { style: { color: `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})` }, children: trend.timeframe }))] }));
34
- }
35
- /**
36
- * Mini sparkline chart using SVG
37
- */
38
- function Sparkline({ data, color }) {
39
- const { path, width, height } = useMemo(() => {
40
- const w = 60;
41
- const h = 24;
42
- const padding = 2;
43
- if (data.length < 2) {
44
- return { path: '', width: w, height: h };
45
- }
46
- const min = Math.min(...data);
47
- const max = Math.max(...data);
48
- const range = max - min || 1;
49
- const points = data.map((value, index) => {
50
- const x = padding + (index / (data.length - 1)) * (w - padding * 2);
51
- const y = h - padding - ((value - min) / range) * (h - padding * 2);
52
- return { x, y };
53
- });
54
- const pathData = points.reduce((acc, point, i) => acc + (i === 0 ? `M ${point.x} ${point.y}` : ` L ${point.x} ${point.y}`), '');
55
- return { path: pathData, width: w, height: h };
56
- }, [data]);
57
- if (!path)
58
- return null;
59
- return (_jsxs("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, style: { overflow: 'visible' }, children: [_jsx("path", { d: path, stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "sparkline-gradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: color, stopOpacity: "0.3" }), _jsx("stop", { offset: "100%", stopColor: color, stopOpacity: "0" })] }) }), _jsx("path", { d: `${path} L ${width - 2} ${height} L 2 ${height} Z`, fill: "url(#sparkline-gradient)" })] }));
60
- }
61
- /**
62
- * Stats block component - displays a metric with trend and sparkline
63
- */
64
- export function StatsBlock({ content, accentColor }) {
65
- const primaryColor = accentColor || `var(--sc-color-primary, ${blockTokens.colorPrimary})`;
66
- const containerStyle = {
67
- display: 'flex',
68
- flexDirection: 'column',
69
- gap: 'var(--sc-spacing-sm, 0.5rem)',
70
- padding: 'var(--sc-spacing-sm, 0.5rem) 0',
71
- };
72
- const valueContainerStyle = {
73
- display: 'flex',
74
- alignItems: 'baseline',
75
- gap: 'var(--sc-spacing-xs, 0.25rem)',
76
- };
77
- const valueStyle = {
78
- fontSize: 'var(--sc-font-size-xxl, 1.5rem)',
79
- fontWeight: 'var(--sc-font-weight-bold, 700)',
80
- color: primaryColor,
81
- letterSpacing: '-0.02em',
82
- lineHeight: 1,
83
- };
84
- const unitStyle = {
85
- fontSize: 'var(--sc-font-size-md, 0.9rem)',
86
- fontWeight: 'var(--sc-font-weight-normal, 400)',
87
- color: `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`,
88
- };
89
- const labelStyle = {
90
- fontSize: 'var(--sc-font-size-sm, 0.8rem)',
91
- color: `var(--sc-color-text-secondary, ${blockTokens.colorTextSecondary})`,
92
- margin: 0,
93
- };
94
- const bottomRowStyle = {
95
- display: 'flex',
96
- alignItems: 'center',
97
- justifyContent: 'space-between',
98
- marginTop: 'var(--sc-spacing-xs, 0.25rem)',
99
- };
100
- return (_jsxs("div", { style: containerStyle, children: [_jsxs("div", { style: valueContainerStyle, children: [content.prefix && _jsx("span", { style: unitStyle, children: content.prefix }), _jsx("span", { style: valueStyle, children: content.value }), content.suffix && _jsx("span", { style: unitStyle, children: content.suffix })] }), _jsx("p", { style: labelStyle, children: content.label }), (content.trend || content.sparkline) && (_jsxs("div", { style: bottomRowStyle, children: [content.trend && _jsx(TrendBadge, { trend: content.trend }), content.sparkline && content.sparkline.length > 1 && (_jsx(Sparkline, { data: content.sparkline, color: primaryColor }))] }))] }));
101
- }
102
- //# sourceMappingURL=StatsBlock.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatsBlock.js","sourceRoot":"","sources":["../../../src/blocks/data/StatsBlock.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- export { StatsBlock } from './StatsBlock';
2
- export { ComparisonBlock } from './ComparisonBlock';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,93 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { StatsBlock, ComparisonBlock } from './data';
3
- import { RatingBlock, ChecklistBlock } from './interactive';
4
- import { NotificationBlock } from './notification';
5
- export * from './notification';
6
- export * from './data';
7
- export * from './interactive';
8
- /**
9
- * Check if content is a notification type
10
- */
11
- function isNotificationContent(content) {
12
- return ['alert', 'success', 'warning', 'info', 'error'].includes(content.type);
13
- }
14
- /**
15
- * Check if content is stats type
16
- */
17
- function isStatsContent(content) {
18
- return content.type === 'stats';
19
- }
20
- /**
21
- * Check if content is comparison type
22
- */
23
- function isComparisonContent(content) {
24
- return content.type === 'comparison';
25
- }
26
- /**
27
- * Check if content is rating type
28
- */
29
- function isRatingContent(content) {
30
- return content.type === 'rating';
31
- }
32
- /**
33
- * Check if content is checklist type
34
- */
35
- function isChecklistContent(content) {
36
- return content.type === 'checklist';
37
- }
38
- /**
39
- * Render a block based on its content type.
40
- * Returns null if the type is not recognized as a new block type.
41
- */
42
- export function renderBlock(content, options = {}) {
43
- // Notification blocks
44
- if (isNotificationContent(content)) {
45
- return (_jsx(NotificationBlock, { content: content, accentColor: options.accentColor, onDismiss: options.onDismiss }));
46
- }
47
- // Data blocks
48
- if (isStatsContent(content)) {
49
- return _jsx(StatsBlock, { content: content, accentColor: options.accentColor });
50
- }
51
- if (isComparisonContent(content)) {
52
- return _jsx(ComparisonBlock, { content: content, accentColor: options.accentColor });
53
- }
54
- // Interactive blocks
55
- if (isRatingContent(content)) {
56
- return (_jsx(RatingBlock, { content: content, accentColor: options.accentColor, onSubmit: options.onRatingSubmit }));
57
- }
58
- if (isChecklistContent(content)) {
59
- return _jsx(ChecklistBlock, { content: content, accentColor: options.accentColor });
60
- }
61
- // Not a new block type, return null to fall back to legacy rendering
62
- return null;
63
- }
64
- /**
65
- * Check if a content type is handled by the new block system
66
- */
67
- export function isNewBlockType(type) {
68
- const newBlockTypes = [
69
- // Notification
70
- 'alert',
71
- 'success',
72
- 'warning',
73
- 'info',
74
- 'error',
75
- // Data
76
- 'stats',
77
- 'comparison',
78
- 'chart',
79
- 'table',
80
- // Interactive
81
- 'form',
82
- 'rating',
83
- 'progress',
84
- 'survey',
85
- 'checklist',
86
- // Media
87
- 'video',
88
- 'gallery',
89
- 'code',
90
- ];
91
- return newBlockTypes.includes(type);
92
- }
93
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/blocks/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAuB9B;;GAEG;AACH,SAAS,qBAAqB,CAAC,OAAyB;IACtD,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AACjF,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,OAAyB;IAC/C,OAAO,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC;AAClC,CAAC;AAED;;GAEG;AACH,SAAS,mBAAmB,CAAC,OAAyB;IACpD,OAAO,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC;AACvC,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,OAAyB;IAChD,OAAO,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,OAAyB;IACnD,OAAO,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC;AACtC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,OAA0B,EAC1B,UAII,EAAE;IAEN,sBAAsB;IACtB,IAAI,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC;QACnC,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACH,CAAC;IACJ,CAAC;IAED,cAAc;IACd,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,GAAI,CAAC;IAC5E,CAAC;IAED,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,OAAO,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,GAAI,CAAC;IACjF,CAAC;IAED,qBAAqB;IACrB,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;QAC7B,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,QAAQ,EAAE,OAAO,CAAC,cAAc,GAChC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;QAChC,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,GAAI,CAAC;IAChF,CAAC;IAED,qEAAqE;IACrE,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,MAAM,aAAa,GAAG;QACpB,eAAe;QACf,OAAO;QACP,SAAS;QACT,SAAS;QACT,MAAM;QACN,OAAO;QACP,OAAO;QACP,OAAO;QACP,YAAY;QACZ,OAAO;QACP,OAAO;QACP,cAAc;QACd,MAAM;QACN,QAAQ;QACR,UAAU;QACV,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,OAAO;QACP,SAAS;QACT,MAAM;KACP,CAAC;IACF,OAAO,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACtC,CAAC"}
@@ -1,111 +0,0 @@
1
- import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
- import { blockTokens } from '../theme-tokens';
3
- /**
4
- * Checklist/Action Center block component
5
- * Displays a list of action items with navigation links
6
- */
7
- export function ChecklistBlock({ content, accentColor }) {
8
- const primaryColor = accentColor || `var(--sc-color-primary, ${blockTokens.colorPrimary})`;
9
- const completedCount = content.items.filter((item) => item.completed).length;
10
- const totalCount = content.items.length;
11
- const containerStyle = {
12
- display: 'flex',
13
- flexDirection: 'column',
14
- gap: 'var(--sc-spacing-sm, 0.5rem)',
15
- };
16
- const progressStyle = {
17
- display: 'flex',
18
- alignItems: 'center',
19
- gap: 'var(--sc-spacing-sm, 0.5rem)',
20
- marginBottom: 'var(--sc-spacing-sm, 0.5rem)',
21
- fontSize: 'var(--sc-font-size-xs, 0.75rem)',
22
- color: `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`,
23
- };
24
- const progressBarContainerStyle = {
25
- flex: 1,
26
- height: '4px',
27
- background: `var(--sc-color-surface, ${blockTokens.surfaceAlpha})`,
28
- borderRadius: '2px',
29
- overflow: 'hidden',
30
- };
31
- const progressBarStyle = {
32
- height: '100%',
33
- width: `${totalCount > 0 ? (completedCount / totalCount) * 100 : 0}%`,
34
- background: primaryColor,
35
- borderRadius: '2px',
36
- transition: 'width 0.3s ease',
37
- };
38
- const itemStyle = (completed) => ({
39
- display: 'flex',
40
- alignItems: 'flex-start',
41
- gap: 'var(--sc-spacing-md, 0.75rem)',
42
- padding: 'var(--sc-spacing-md, 0.75rem)',
43
- background: `var(--sc-color-surface, ${blockTokens.surfaceHalfAlpha})`,
44
- borderRadius: 'var(--sc-border-radius-md, 10px)',
45
- border: `1px solid var(--sc-color-border, ${blockTokens.colorBorder})`,
46
- opacity: completed ? 0.6 : 1,
47
- transition: 'all 0.15s ease',
48
- });
49
- const checkboxStyle = (completed) => ({
50
- width: '20px',
51
- height: '20px',
52
- borderRadius: '50%',
53
- border: completed ? 'none' : `2px solid var(--sc-color-border, ${blockTokens.colorBorder})`,
54
- background: completed ? blockTokens.colorSuccess : 'transparent',
55
- display: 'flex',
56
- alignItems: 'center',
57
- justifyContent: 'center',
58
- flexShrink: 0,
59
- marginTop: '2px',
60
- });
61
- const textContainerStyle = {
62
- flex: 1,
63
- minWidth: 0,
64
- };
65
- const titleStyle = (completed) => ({
66
- fontSize: 'var(--sc-font-size-sm, 0.85rem)',
67
- fontWeight: 'var(--sc-font-weight-semibold, 600)',
68
- color: `var(--sc-color-text, ${blockTokens.colorText})`,
69
- margin: 0,
70
- textDecoration: completed ? 'line-through' : 'none',
71
- });
72
- const descriptionStyle = {
73
- fontSize: 'var(--sc-font-size-xs, 0.75rem)',
74
- color: `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`,
75
- margin: 'var(--sc-spacing-xs, 0.25rem) 0 0',
76
- lineHeight: 1.4,
77
- };
78
- const linkButtonStyle = {
79
- display: 'inline-flex',
80
- alignItems: 'center',
81
- gap: 'var(--sc-spacing-xs, 0.25rem)',
82
- padding: 'var(--sc-spacing-xs, 0.25rem) var(--sc-spacing-sm, 0.5rem)',
83
- borderRadius: 'var(--sc-border-radius-sm, 6px)',
84
- border: `1px solid var(--sc-color-border, ${blockTokens.colorBorder})`,
85
- background: 'transparent',
86
- color: `var(--sc-color-text, ${blockTokens.colorText})`,
87
- fontSize: 'var(--sc-font-size-xs, 0.75rem)',
88
- fontWeight: 'var(--sc-font-weight-medium, 500)',
89
- cursor: 'pointer',
90
- textDecoration: 'none',
91
- transition: 'all 0.15s ease',
92
- flexShrink: 0,
93
- };
94
- const handleItemClick = (href) => {
95
- if (href && typeof window !== 'undefined') {
96
- window.location.href = href;
97
- }
98
- };
99
- return (_jsxs("div", { style: containerStyle, children: [content.showProgress !== false && totalCount > 0 && (_jsxs("div", { style: progressStyle, children: [_jsxs("span", { children: [completedCount, " of ", totalCount] }), _jsx("div", { style: progressBarContainerStyle, children: _jsx("div", { style: progressBarStyle }) })] })), content.items.map((item) => {
100
- var _a, _b, _c;
101
- return (_jsxs("div", { style: itemStyle((_a = item.completed) !== null && _a !== void 0 ? _a : false), children: [_jsx("div", { style: checkboxStyle((_b = item.completed) !== null && _b !== void 0 ? _b : false), children: item.completed && (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M20 6L9 17l-5-5", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), _jsxs("div", { style: textContainerStyle, children: [_jsx("p", { style: titleStyle((_c = item.completed) !== null && _c !== void 0 ? _c : false), children: item.title }), item.description && _jsx("p", { style: descriptionStyle, children: item.description })] }), item.href && !item.completed && (_jsxs("button", { style: linkButtonStyle, onClick: (e) => {
102
- e.stopPropagation();
103
- handleItemClick(item.href);
104
- }, onMouseEnter: (e) => {
105
- e.currentTarget.style.background = `var(--sc-color-surface, ${blockTokens.surfaceAlpha})`;
106
- }, onMouseLeave: (e) => {
107
- e.currentTarget.style.background = 'transparent';
108
- }, children: [item.linkLabel || 'Go', _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M5 12h14M12 5l7 7-7 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] }))] }, item.id));
109
- })] }));
110
- }
111
- //# sourceMappingURL=ChecklistBlock.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChecklistBlock.js","sourceRoot":"","sources":["../../../src/blocks/interactive/ChecklistBlock.tsx"],"names":[],"mappings":"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"}
@@ -1,147 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { blockTokens } from '../theme-tokens';
4
- /**
5
- * Star rating variant
6
- */
7
- function StarRating({ value, maxValue, onChange, color, }) {
8
- const [hovered, setHovered] = useState(null);
9
- return (_jsx("div", { style: { display: 'flex', gap: '4px' }, children: Array.from({ length: maxValue }, (_, i) => {
10
- var _a;
11
- const starValue = i + 1;
12
- const isFilled = ((_a = hovered !== null && hovered !== void 0 ? hovered : value) !== null && _a !== void 0 ? _a : 0) >= starValue;
13
- return (_jsx("button", { onClick: () => onChange(starValue), onMouseEnter: () => setHovered(starValue), onMouseLeave: () => setHovered(null), style: {
14
- width: '28px',
15
- height: '28px',
16
- padding: 0,
17
- border: 'none',
18
- background: 'none',
19
- cursor: 'pointer',
20
- color: isFilled ? color : `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`,
21
- transition: 'color 0.15s ease, transform 0.1s ease',
22
- transform: hovered === starValue ? 'scale(1.15)' : 'scale(1)',
23
- }, "aria-label": `Rate ${starValue} out of ${maxValue}`, children: _jsx("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: isFilled ? 'currentColor' : 'none', children: _jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }) }) }, i));
24
- }) }));
25
- }
26
- /**
27
- * Thumbs up/down variant
28
- */
29
- function ThumbsRating({ value, onChange, color, }) {
30
- const buttonStyle = (isSelected) => ({
31
- width: '48px',
32
- height: '48px',
33
- padding: '8px',
34
- border: 'none',
35
- borderRadius: 'var(--sc-border-radius-md, 10px)',
36
- background: isSelected ? color : `var(--sc-color-surface, ${blockTokens.surfaceAlpha})`,
37
- cursor: 'pointer',
38
- color: isSelected ? 'white' : `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`,
39
- transition: 'all 0.15s ease',
40
- });
41
- return (_jsxs("div", { style: { display: 'flex', gap: '12px' }, children: [_jsx("button", { onClick: () => onChange(1), style: buttonStyle(value === 1), "aria-label": "Thumbs up", children: _jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: value === 1 ? 'currentColor' : 'none' }) }) }), _jsx("button", { onClick: () => onChange(0), style: buttonStyle(value === 0), "aria-label": "Thumbs down", children: _jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", style: { transform: 'rotate(180deg)' }, children: _jsx("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: value === 0 ? 'currentColor' : 'none' }) }) })] }));
42
- }
43
- /**
44
- * NPS (0-10) rating variant
45
- */
46
- function NpsRating({ value, maxValue, onChange, color, }) {
47
- return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--sc-spacing-sm, 0.5rem)' }, children: [_jsx("div", { style: { display: 'flex', gap: '4px', justifyContent: 'center' }, children: Array.from({ length: maxValue + 1 }, (_, i) => {
48
- const isSelected = value === i;
49
- return (_jsx("button", { onClick: () => onChange(i), style: {
50
- width: '28px',
51
- height: '32px',
52
- padding: 0,
53
- border: isSelected
54
- ? `2px solid ${color}`
55
- : `1px solid var(--sc-color-border, ${blockTokens.colorBorder})`,
56
- borderRadius: 'var(--sc-border-radius-sm, 6px)',
57
- background: isSelected
58
- ? color
59
- : `var(--sc-color-surface, ${blockTokens.surfaceAlpha})`,
60
- cursor: 'pointer',
61
- color: isSelected ? 'white' : `var(--sc-color-text, ${blockTokens.colorText})`,
62
- fontSize: 'var(--sc-font-size-sm, 0.8rem)',
63
- fontWeight: 'var(--sc-font-weight-medium, 500)',
64
- transition: 'all 0.15s ease',
65
- }, "aria-label": `Rate ${i}`, children: i }, i));
66
- }) }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', padding: '0 2px' }, children: [_jsx("span", { style: {
67
- fontSize: 'var(--sc-font-size-xs, 0.7rem)',
68
- color: `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`,
69
- }, children: "Not likely" }), _jsx("span", { style: {
70
- fontSize: 'var(--sc-font-size-xs, 0.7rem)',
71
- color: `var(--sc-color-text-muted, ${blockTokens.colorTextMuted})`,
72
- }, children: "Very likely" })] })] }));
73
- }
74
- /**
75
- * Emoji rating variant
76
- */
77
- function EmojiRating({ value, onChange, color, }) {
78
- const emojis = ['😢', '😕', '😐', '🙂', '😄'];
79
- return (_jsx("div", { style: { display: 'flex', gap: '8px', justifyContent: 'center' }, children: emojis.map((emoji, i) => {
80
- const isSelected = value === i;
81
- return (_jsx("button", { onClick: () => onChange(i), style: {
82
- width: '44px',
83
- height: '44px',
84
- padding: 0,
85
- border: isSelected ? `2px solid ${color}` : '1px solid transparent',
86
- borderRadius: 'var(--sc-border-radius-md, 10px)',
87
- background: isSelected
88
- ? `var(--sc-color-primary-muted, ${blockTokens.primaryMuted})`
89
- : 'transparent',
90
- cursor: 'pointer',
91
- fontSize: '1.75rem',
92
- transition: 'all 0.15s ease',
93
- transform: isSelected ? 'scale(1.1)' : 'scale(1)',
94
- }, "aria-label": `Rate ${i + 1} out of 5`, children: emoji }, i));
95
- }) }));
96
- }
97
- /**
98
- * Rating block component
99
- */
100
- export function RatingBlock({ content, onSubmit, accentColor }) {
101
- var _a;
102
- const [value, setValue] = useState(null);
103
- const [submitted, setSubmitted] = useState(false);
104
- const primaryColor = accentColor || `var(--sc-color-primary, ${blockTokens.colorPrimary})`;
105
- const maxValue = (_a = content.maxValue) !== null && _a !== void 0 ? _a : (content.variant === 'nps' ? 10 : 5);
106
- const handleChange = (v) => {
107
- setValue(v);
108
- };
109
- const handleSubmit = () => {
110
- if (value !== null) {
111
- setSubmitted(true);
112
- onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value);
113
- }
114
- };
115
- const containerStyle = {
116
- display: 'flex',
117
- flexDirection: 'column',
118
- gap: 'var(--sc-spacing-md, 0.75rem)',
119
- padding: 'var(--sc-spacing-sm, 0.5rem) 0',
120
- alignItems: 'center',
121
- };
122
- const questionStyle = {
123
- fontSize: 'var(--sc-font-size-md, 0.9rem)',
124
- color: `var(--sc-color-text, ${blockTokens.colorText})`,
125
- textAlign: 'center',
126
- margin: 0,
127
- };
128
- if (submitted) {
129
- return (_jsxs("div", { style: { ...containerStyle, padding: 'var(--sc-spacing-lg, 1rem)' }, children: [_jsx("span", { style: { fontSize: '2rem' }, children: "\u2713" }), _jsx("p", { style: {
130
- ...questionStyle,
131
- color: `var(--sc-color-success, ${blockTokens.colorSuccess})`,
132
- }, children: "Thanks for your feedback!" })] }));
133
- }
134
- return (_jsxs("div", { style: containerStyle, children: [content.question && _jsx("p", { style: questionStyle, children: content.question }), content.variant === 'stars' && (_jsx(StarRating, { value: value, maxValue: maxValue, onChange: handleChange, color: primaryColor })), content.variant === 'thumbs' && (_jsx(ThumbsRating, { value: value, onChange: handleChange, color: primaryColor })), content.variant === 'nps' && (_jsx(NpsRating, { value: value, maxValue: maxValue, onChange: handleChange, color: primaryColor })), content.variant === 'emoji' && (_jsx(EmojiRating, { value: value, onChange: handleChange, color: primaryColor })), value !== null && content.submitActionId && (_jsx("button", { onClick: handleSubmit, style: {
135
- marginTop: 'var(--sc-spacing-sm, 0.5rem)',
136
- padding: 'var(--sc-spacing-sm, 0.5rem) var(--sc-spacing-lg, 1rem)',
137
- borderRadius: 'var(--sc-border-radius-sm, 6px)',
138
- border: 'none',
139
- background: primaryColor,
140
- color: 'white',
141
- fontSize: 'var(--sc-font-size-sm, 0.8rem)',
142
- fontWeight: 'var(--sc-font-weight-semibold, 600)',
143
- cursor: 'pointer',
144
- transition: 'opacity 0.15s ease',
145
- }, children: "Submit" }))] }));
146
- }
147
- //# sourceMappingURL=RatingBlock.js.map