@syntrologie/runtime-sdk 0.2.21 → 1.0.0
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.
- package/CAPABILITIES.md +944 -440
- package/README.md +395 -66
- package/dist/RuntimeProvider.d.ts +51 -0
- package/dist/RuntimeProvider.js +113 -0
- package/dist/RuntimeProvider.js.map +1 -0
- package/dist/SmartCanvasApp.d.ts +16 -10
- package/dist/SmartCanvasApp.js +47 -51
- package/dist/SmartCanvasApp.js.map +1 -1
- package/dist/SmartCanvasElement.d.ts +5 -5
- package/dist/SmartCanvasElement.js +24 -14
- package/dist/SmartCanvasElement.js.map +1 -1
- package/dist/SmartCanvasPortal.d.ts +2 -2
- package/dist/SmartCanvasPortal.js +2 -2
- package/dist/SmartCanvasPortal.js.map +1 -1
- package/dist/actions/ActionEngine.d.ts +11 -0
- package/dist/actions/ActionEngine.js +272 -0
- package/dist/actions/ActionEngine.js.map +1 -0
- package/dist/actions/executors/index.d.ts +116 -0
- package/dist/actions/executors/index.js +240 -0
- package/dist/actions/executors/index.js.map +1 -0
- package/dist/actions/executors/tour.d.ts +18 -0
- package/dist/actions/executors/tour.js +332 -0
- package/dist/actions/executors/tour.js.map +1 -0
- package/dist/actions/index.d.ts +10 -0
- package/dist/actions/index.js +12 -0
- package/dist/actions/index.js.map +1 -0
- package/dist/actions/types.d.ts +399 -0
- package/dist/actions/types.js +8 -0
- package/dist/actions/types.js.map +1 -0
- package/dist/actions/validation.d.ts +14 -0
- package/dist/actions/validation.js +577 -0
- package/dist/actions/validation.js.map +1 -0
- package/dist/adaptives/adaptive-chatbot/index.js +9 -0
- package/dist/adaptives/adaptive-chatbot/index.js.map +7 -0
- package/dist/adaptives/adaptive-content/index.js +2 -0
- package/dist/adaptives/adaptive-content/index.js.map +7 -0
- package/dist/adaptives/adaptive-faq/index.js +11 -0
- package/dist/adaptives/adaptive-faq/index.js.map +7 -0
- package/dist/adaptives/adaptive-gamification/index.js +2 -0
- package/dist/adaptives/adaptive-gamification/index.js.map +7 -0
- package/dist/adaptives/adaptive-nav/index.js +11 -0
- package/dist/adaptives/adaptive-nav/index.js.map +7 -0
- package/dist/adaptives/adaptive-overlays/index.js +91 -0
- package/dist/adaptives/adaptive-overlays/index.js.map +7 -0
- package/dist/antiFlicker.js +1 -1
- package/dist/api.d.ts +40 -26
- package/dist/api.js +87 -60
- package/dist/api.js.map +1 -1
- package/dist/apps/AppContext.d.ts +31 -0
- package/dist/apps/AppContext.js +91 -0
- package/dist/apps/AppContext.js.map +1 -0
- package/dist/apps/AppLoader.d.ts +85 -0
- package/dist/apps/AppLoader.js +282 -0
- package/dist/apps/AppLoader.js.map +1 -0
- package/dist/apps/AppRegistry.d.ts +102 -0
- package/dist/apps/AppRegistry.js +317 -0
- package/dist/apps/AppRegistry.js.map +1 -0
- package/dist/apps/examples/gamification-app.example.d.ts +305 -0
- package/dist/apps/examples/gamification-app.example.js +329 -0
- package/dist/apps/examples/gamification-app.example.js.map +1 -0
- package/dist/apps/index.d.ts +14 -0
- package/dist/apps/index.js +16 -0
- package/dist/apps/index.js.map +1 -0
- package/dist/apps/types.d.ts +231 -0
- package/dist/apps/types.js +8 -0
- package/dist/apps/types.js.map +1 -0
- package/dist/blocks/data/ComparisonBlock.d.ts +1 -1
- package/dist/blocks/data/ComparisonBlock.js +40 -40
- package/dist/blocks/data/ComparisonBlock.js.map +1 -1
- package/dist/blocks/data/StatsBlock.d.ts +1 -1
- package/dist/blocks/data/StatsBlock.js +42 -44
- package/dist/blocks/data/StatsBlock.js.map +1 -1
- package/dist/blocks/data/index.d.ts +2 -2
- package/dist/blocks/data/index.js +2 -2
- package/dist/blocks/index.d.ts +5 -5
- package/dist/blocks/index.js +29 -30
- package/dist/blocks/index.js.map +1 -1
- package/dist/blocks/interactive/ChecklistBlock.d.ts +1 -1
- package/dist/blocks/interactive/ChecklistBlock.js +60 -60
- package/dist/blocks/interactive/ChecklistBlock.js.map +1 -1
- package/dist/blocks/interactive/RatingBlock.d.ts +1 -1
- package/dist/blocks/interactive/RatingBlock.js +73 -65
- package/dist/blocks/interactive/RatingBlock.js.map +1 -1
- package/dist/blocks/interactive/index.d.ts +2 -2
- package/dist/blocks/interactive/index.js +2 -2
- package/dist/blocks/notification/NotificationBlock.d.ts +2 -2
- package/dist/blocks/notification/NotificationBlock.js +68 -64
- package/dist/blocks/notification/NotificationBlock.js.map +1 -1
- package/dist/blocks/notification/index.d.ts +1 -1
- package/dist/blocks/notification/index.js +1 -1
- package/dist/bootstrap.d.ts +32 -8
- package/dist/bootstrap.js +218 -102
- package/dist/bootstrap.js.map +1 -1
- package/dist/components/ShadowCanvasOverlay.d.ts +6 -6
- package/dist/components/ShadowCanvasOverlay.js +156 -118
- package/dist/components/ShadowCanvasOverlay.js.map +1 -1
- package/dist/components/TileCard.d.ts +5 -5
- package/dist/components/TileCard.js +205 -154
- package/dist/components/TileCard.js.map +1 -1
- package/dist/components/TileWheel.d.ts +3 -3
- package/dist/components/TileWheel.js +29 -7
- package/dist/components/TileWheel.js.map +1 -1
- package/dist/config-validator.d.ts +49 -0
- package/dist/config-validator.js +173 -0
- package/dist/config-validator.js.map +1 -0
- package/dist/configFetcher.d.ts +7 -3
- package/dist/configFetcher.js +70 -29
- package/dist/configFetcher.js.map +1 -1
- package/dist/context/ContextManager.d.ts +3 -3
- package/dist/context/ContextManager.js +19 -18
- package/dist/context/ContextManager.js.map +1 -1
- package/dist/context/index.d.ts +4 -4
- package/dist/context/index.js +3 -3
- package/dist/context/schema.d.ts +9 -9
- package/dist/context/schema.js +2 -2
- package/dist/context/schema.js.map +1 -1
- package/dist/decisions/engine.d.ts +5 -5
- package/dist/decisions/engine.js +13 -13
- package/dist/decisions/engine.js.map +1 -1
- package/dist/decisions/index.d.ts +6 -6
- package/dist/decisions/index.js +5 -5
- package/dist/decisions/schema.d.ts +131 -131
- package/dist/decisions/schema.js +21 -21
- package/dist/decisions/schema.js.map +1 -1
- package/dist/decisions/strategies/rules.d.ts +1 -1
- package/dist/decisions/strategies/rules.js +24 -24
- package/dist/decisions/strategies/rules.js.map +1 -1
- package/dist/decisions/strategies/score.d.ts +1 -1
- package/dist/decisions/strategies/score.js +3 -3
- package/dist/decisions/types.d.ts +19 -19
- package/dist/earlyPatcher.d.ts +8 -20
- package/dist/earlyPatcher.js +13 -62
- package/dist/earlyPatcher.js.map +1 -1
- package/dist/editorLoader.d.ts +19 -7
- package/dist/editorLoader.js +154 -97
- package/dist/editorLoader.js.map +1 -1
- package/dist/events/EventBus.d.ts +3 -3
- package/dist/events/EventBus.js +5 -7
- package/dist/events/EventBus.js.map +1 -1
- package/dist/events/index.d.ts +6 -6
- package/dist/events/index.js +5 -5
- package/dist/events/normalizers/canvas.d.ts +2 -2
- package/dist/events/normalizers/canvas.js +3 -3
- package/dist/events/normalizers/canvas.js.map +1 -1
- package/dist/events/normalizers/posthog.d.ts +25 -1
- package/dist/events/normalizers/posthog.js +35 -27
- package/dist/events/normalizers/posthog.js.map +1 -1
- package/dist/events/schema.d.ts +13 -13
- package/dist/events/schema.js +3 -3
- package/dist/events/schema.js.map +1 -1
- package/dist/events/types.d.ts +7 -1
- package/dist/events/types.js +29 -21
- package/dist/events/types.js.map +1 -1
- package/dist/experiments/adapters/growthbook.d.ts +5 -4
- package/dist/experiments/adapters/growthbook.js +14 -6
- package/dist/experiments/adapters/growthbook.js.map +1 -1
- package/dist/experiments/index.d.ts +3 -3
- package/dist/experiments/index.js +1 -1
- package/dist/experiments/registry.d.ts +2 -2
- package/dist/experiments/registry.js +2 -2
- package/dist/experiments/types.d.ts +10 -1
- package/dist/fetchers/cdnFetcher.d.ts +1 -1
- package/dist/fetchers/cdnFetcher.js +4 -8
- package/dist/fetchers/cdnFetcher.js.map +1 -1
- package/dist/fetchers/experimentsFetcher.d.ts +25 -3
- package/dist/fetchers/experimentsFetcher.js +55 -8
- package/dist/fetchers/experimentsFetcher.js.map +1 -1
- package/dist/fetchers/index.d.ts +3 -3
- package/dist/fetchers/index.js +2 -2
- package/dist/fetchers/index.js.map +1 -1
- package/dist/fetchers/mergeConfigs.d.ts +29 -0
- package/dist/fetchers/mergeConfigs.js +38 -0
- package/dist/fetchers/mergeConfigs.js.map +1 -0
- package/dist/fetchers/registry.d.ts +1 -1
- package/dist/fetchers/registry.js +4 -4
- package/dist/fetchers/types.d.ts +1 -1
- package/dist/hooks/useCanvasOverlays.d.ts +8 -5
- package/dist/hooks/useCanvasOverlays.js +66 -17
- package/dist/hooks/useCanvasOverlays.js.map +1 -1
- package/dist/hooks/useHostPatches.d.ts +2 -2
- package/dist/hooks/useHostPatches.js +8 -8
- package/dist/hooks/useHostPatches.js.map +1 -1
- package/dist/hooks/useShadowCanvasConfig.d.ts +5 -9
- package/dist/hooks/useShadowCanvasConfig.js +7 -5
- package/dist/hooks/useShadowCanvasConfig.js.map +1 -1
- package/dist/hostPatcher/core/patcher.d.ts +1 -1
- package/dist/hostPatcher/core/patcher.js +18 -9
- package/dist/hostPatcher/core/patcher.js.map +1 -1
- package/dist/hostPatcher/core/sanitizer.js +24 -3
- package/dist/hostPatcher/core/sanitizer.js.map +1 -1
- package/dist/hostPatcher/policy/defaultPolicy.js +15 -5
- package/dist/hostPatcher/policy/defaultPolicy.js.map +1 -1
- package/dist/hostPatcher/utils/anchors.js +4 -6
- package/dist/hostPatcher/utils/anchors.js.map +1 -1
- package/dist/index.d.ts +34 -27
- package/dist/index.js +51 -24
- package/dist/index.js.map +1 -1
- package/dist/logger.d.ts +29 -0
- package/dist/logger.js +81 -0
- package/dist/logger.js.map +1 -0
- package/dist/metrics/index.d.ts +1 -1
- package/dist/metrics/index.js +1 -1
- package/dist/metrics/sessionMetrics.d.ts +1 -1
- package/dist/metrics/sessionMetrics.js +6 -6
- package/dist/overlays/fetcher.d.ts +2 -2
- package/dist/overlays/fetcher.js +13 -15
- package/dist/overlays/fetcher.js.map +1 -1
- package/dist/overlays/recipeRegistry.js +2 -2
- package/dist/overlays/recipeRegistry.js.map +1 -1
- package/dist/overlays/runtime/anchor/resolve.js +1 -1
- package/dist/overlays/runtime/anchor/resolve.js.map +1 -1
- package/dist/overlays/runtime/index.d.ts +7 -7
- package/dist/overlays/runtime/index.js +7 -7
- package/dist/overlays/runtime/overlay/highlight.js +39 -39
- package/dist/overlays/runtime/overlay/highlight.js.map +1 -1
- package/dist/overlays/runtime/overlay/modal.js +5 -5
- package/dist/overlays/runtime/overlay/modal.js.map +1 -1
- package/dist/overlays/runtime/overlay/root.js +1 -1
- package/dist/overlays/runtime/overlay/runner.js +88 -28
- package/dist/overlays/runtime/overlay/runner.js.map +1 -1
- package/dist/overlays/runtime/overlay/tooltip.d.ts +1 -1
- package/dist/overlays/runtime/overlay/tooltip.js +13 -15
- package/dist/overlays/runtime/overlay/tooltip.js.map +1 -1
- package/dist/overlays/runtime/utils/dom.js +4 -1
- package/dist/overlays/runtime/utils/dom.js.map +1 -1
- package/dist/overlays/schema.d.ts +146 -146
- package/dist/overlays/schema.js +12 -8
- package/dist/overlays/schema.js.map +1 -1
- package/dist/react.d.ts +7 -7
- package/dist/react.js +4 -4
- package/dist/react.js.map +1 -1
- package/dist/render/RenderContext.d.ts +2 -2
- package/dist/render/RenderContext.js +5 -5
- package/dist/render/RenderContext.js.map +1 -1
- package/dist/render/index.d.ts +3 -3
- package/dist/render/index.js +1 -1
- package/dist/render/types.d.ts +4 -4
- package/dist/runtime.d.ts +32 -8
- package/dist/runtime.js +109 -13
- package/dist/runtime.js.map +1 -1
- package/dist/smart-canvas.esm.js +144 -55
- package/dist/smart-canvas.esm.js.map +4 -4
- package/dist/smart-canvas.js +14688 -11455
- package/dist/smart-canvas.js.map +4 -4
- package/dist/smart-canvas.min.js +145 -55
- package/dist/smart-canvas.min.js.map +4 -4
- package/dist/state/StateStore.d.ts +1 -7
- package/dist/state/StateStore.js +15 -9
- package/dist/state/StateStore.js.map +1 -1
- package/dist/state/helpers/cooldowns.d.ts +1 -1
- package/dist/state/helpers/cooldowns.js +1 -1
- package/dist/state/helpers/dismissals.d.ts +1 -1
- package/dist/state/helpers/dismissals.js +1 -1
- package/dist/state/helpers/frequency.d.ts +1 -1
- package/dist/state/helpers/frequency.js +1 -1
- package/dist/state/index.d.ts +4 -4
- package/dist/state/index.js +3 -3
- package/dist/state/schema.d.ts +1 -1
- package/dist/state/schema.js +1 -1
- package/dist/store/example.d.ts +1 -0
- package/dist/store/example.js +43 -0
- package/dist/store/example.js.map +1 -0
- package/dist/store/mini-effector.d.ts +46 -0
- package/dist/store/mini-effector.js +88 -0
- package/dist/store/mini-effector.js.map +1 -0
- package/dist/surfaces/Surfaces.d.ts +11 -0
- package/dist/surfaces/Surfaces.js +361 -0
- package/dist/surfaces/Surfaces.js.map +1 -0
- package/dist/surfaces/index.d.ts +9 -0
- package/dist/surfaces/index.js +12 -0
- package/dist/surfaces/index.js.map +1 -0
- package/dist/surfaces/positioning.d.ts +50 -0
- package/dist/surfaces/positioning.js +228 -0
- package/dist/surfaces/positioning.js.map +1 -0
- package/dist/surfaces/types.d.ts +167 -0
- package/dist/surfaces/types.js +23 -0
- package/dist/surfaces/types.js.map +1 -0
- package/dist/telemetry/adapters/noop.d.ts +12 -0
- package/dist/telemetry/adapters/noop.js +42 -0
- package/dist/telemetry/adapters/noop.js.map +1 -0
- package/dist/telemetry/adapters/posthog.d.ts +8 -2
- package/dist/telemetry/adapters/posthog.js +36 -14
- package/dist/telemetry/adapters/posthog.js.map +1 -1
- package/dist/telemetry/index.d.ts +4 -3
- package/dist/telemetry/index.js +3 -2
- package/dist/telemetry/index.js.map +1 -1
- package/dist/telemetry/registry.d.ts +2 -9
- package/dist/telemetry/registry.js +4 -2
- package/dist/telemetry/registry.js.map +1 -1
- package/dist/telemetry/types.d.ts +1 -1
- package/dist/theme/ThemeProvider.d.ts +2 -2
- package/dist/theme/ThemeProvider.js +21 -21
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/defaultTheme.d.ts +4 -5
- package/dist/theme/defaultTheme.js +127 -118
- package/dist/theme/defaultTheme.js.map +1 -1
- package/dist/theme/extractHostTheme.d.ts +1 -1
- package/dist/theme/extractHostTheme.js +43 -45
- package/dist/theme/extractHostTheme.js.map +1 -1
- package/dist/theme/index.d.ts +5 -5
- package/dist/theme/index.js +3 -3
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/types.d.ts +2 -2
- package/dist/token.d.ts +2 -0
- package/dist/token.js +3 -6
- package/dist/token.js.map +1 -1
- package/dist/types-only.d.ts +32 -0
- package/dist/types-only.js +11 -0
- package/dist/types-only.js.map +1 -0
- package/dist/types.d.ts +89 -56
- package/dist/types.js +14 -2
- package/dist/types.js.map +1 -1
- package/dist/version.d.ts +13 -0
- package/dist/version.js +14 -0
- package/dist/version.js.map +1 -0
- package/dist/widgets/WidgetRegistry.d.ts +145 -0
- package/dist/widgets/WidgetRegistry.js +191 -0
- package/dist/widgets/WidgetRegistry.js.map +1 -0
- package/dist/widgets/index.d.ts +7 -0
- package/dist/widgets/index.js +7 -0
- package/dist/widgets/index.js.map +1 -0
- package/package.json +35 -15
- package/schema/canvas-config.schema.json +488 -254
- package/schema/runtime-context.schema.json +1 -5
package/dist/overlays/fetcher.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
export const createOverlayRecipeFetcher = ({ configUri, experiments, featureKey =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return CanvasRecipeZ.parse(json);
|
|
15
|
-
};
|
|
1
|
+
import { resolveConfigUri } from '../configFetcher';
|
|
2
|
+
import { CanvasRecipeZ } from './schema';
|
|
3
|
+
export const createOverlayRecipeFetcher = ({ configUri, experiments, featureKey = 'smart-canvas-overlay-uri', credentials = 'include', } = {}) => async () => {
|
|
4
|
+
const uri = resolveConfigUri({ configUri, experiments, featureKey });
|
|
5
|
+
if (!uri) {
|
|
6
|
+
throw new Error('SmartCanvas overlays: recipe URI missing (env + feature unset).');
|
|
7
|
+
}
|
|
8
|
+
const response = await fetch(uri, { credentials });
|
|
9
|
+
if (!response.ok) {
|
|
10
|
+
throw new Error(`SmartCanvas overlays: failed to fetch recipe (${response.status})`);
|
|
11
|
+
}
|
|
12
|
+
const json = await response.json();
|
|
13
|
+
return CanvasRecipeZ.parse(json);
|
|
16
14
|
};
|
|
17
15
|
//# sourceMappingURL=fetcher.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fetcher.js","sourceRoot":"","sources":["../../src/overlays/fetcher.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fetcher.js","sourceRoot":"","sources":["../../src/overlays/fetcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA6B,MAAM,kBAAkB,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAKzC,MAAM,CAAC,MAAM,0BAA0B,GACrC,CAAC,EACC,SAAS,EACT,WAAW,EACX,UAAU,GAAG,0BAA0B,EACvC,WAAW,GAAG,SAAS,MACC,EAAE,EAAwB,EAAE,CACtD,KAAK,IAAI,EAAE;IACT,MAAM,GAAG,GAAG,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;IACrE,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC,CAAC;IACrF,CAAC;IACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,iDAAiD,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACvF,CAAC;IACD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACnC,OAAO,aAAa,CAAC,KAAK,CAAC,IAAI,CAAiB,CAAC;AACnD,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ export function registerRecipes(recipes) {
|
|
|
10
10
|
}
|
|
11
11
|
/** Get a recipe by ID */
|
|
12
12
|
export function getRecipeById(id) {
|
|
13
|
-
return registeredRecipes.find(r => r.id === id);
|
|
13
|
+
return registeredRecipes.find((r) => r.id === id);
|
|
14
14
|
}
|
|
15
15
|
/** Get the first step's route for a recipe */
|
|
16
16
|
export function getRecipeStartRoute(recipeId) {
|
|
@@ -22,7 +22,7 @@ export function getRecipeStartRoute(recipeId) {
|
|
|
22
22
|
const startStepId = recipe.startStep || ((_a = recipe.steps[0]) === null || _a === void 0 ? void 0 : _a.id);
|
|
23
23
|
if (!startStepId)
|
|
24
24
|
return undefined;
|
|
25
|
-
const startStep = recipe.steps.find(s => s.id === startStepId);
|
|
25
|
+
const startStep = recipe.steps.find((s) => s.id === startStepId);
|
|
26
26
|
return startStep === null || startStep === void 0 ? void 0 : startStep.route;
|
|
27
27
|
}
|
|
28
28
|
/** Clear the registry */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"recipeRegistry.js","sourceRoot":"","sources":["../../src/overlays/recipeRegistry.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,IAAI,iBAAiB,GAAmB,EAAE,CAAC;AAE3C,yDAAyD;AACzD,MAAM,UAAU,eAAe,CAAC,OAAuB;IACrD,iBAAiB,GAAG,OAAO,CAAC;AAC9B,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,aAAa,CAAC,EAAU;IACtC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"recipeRegistry.js","sourceRoot":"","sources":["../../src/overlays/recipeRegistry.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,IAAI,iBAAiB,GAAmB,EAAE,CAAC;AAE3C,yDAAyD;AACzD,MAAM,UAAU,eAAe,CAAC,OAAuB;IACrD,iBAAiB,GAAG,OAAO,CAAC;AAC9B,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,aAAa,CAAC,EAAU;IACtC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AACpD,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,mBAAmB,CAAC,QAAgB;;IAClD,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAE9B,sBAAsB;IACtB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,KAAI,MAAA,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,0CAAE,EAAE,CAAA,CAAC;IAC5D,IAAI,CAAC,WAAW;QAAE,OAAO,SAAS,CAAC;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;IACjE,OAAQ,SAAiB,aAAjB,SAAS,uBAAT,SAAS,CAAU,KAAK,CAAC;AACnC,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,YAAY;IAC1B,iBAAiB,GAAG,EAAE,CAAC;AACzB,CAAC"}
|
|
@@ -16,7 +16,7 @@ function validateSelector(selector) {
|
|
|
16
16
|
console.warn('[SmartCanvas] Selector too long or empty:', selector === null || selector === void 0 ? void 0 : selector.slice(0, 50));
|
|
17
17
|
return false;
|
|
18
18
|
}
|
|
19
|
-
if (DANGEROUS_SELECTOR_PATTERNS.some(p => p.test(selector))) {
|
|
19
|
+
if (DANGEROUS_SELECTOR_PATTERNS.some((p) => p.test(selector))) {
|
|
20
20
|
console.warn('[SmartCanvas] Dangerous selector pattern blocked:', selector);
|
|
21
21
|
return false;
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolve.js","sourceRoot":"","sources":["../../../../src/overlays/runtime/anchor/resolve.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,2BAA2B,GAAG;IAClC,MAAM,
|
|
1
|
+
{"version":3,"file":"resolve.js","sourceRoot":"","sources":["../../../../src/overlays/runtime/anchor/resolve.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { ensureOverlayRoot, injectBaseStyles } from
|
|
2
|
-
export { showTooltip } from
|
|
3
|
-
export { showHighlight } from
|
|
4
|
-
export { showModal } from
|
|
5
|
-
export { runOverlays } from
|
|
6
|
-
export { createAnchorResolver } from
|
|
7
|
-
export { isVisible, scrollIntoViewIfNeeded } from
|
|
1
|
+
export { ensureOverlayRoot, injectBaseStyles } from './overlay/root';
|
|
2
|
+
export { showTooltip } from './overlay/tooltip';
|
|
3
|
+
export { showHighlight } from './overlay/highlight';
|
|
4
|
+
export { showModal } from './overlay/modal';
|
|
5
|
+
export { runOverlays } from './overlay/runner';
|
|
6
|
+
export { createAnchorResolver } from './anchor/resolve';
|
|
7
|
+
export { isVisible, scrollIntoViewIfNeeded } from './utils/dom';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { ensureOverlayRoot, injectBaseStyles } from
|
|
2
|
-
export { showTooltip } from
|
|
3
|
-
export { showHighlight } from
|
|
4
|
-
export { showModal } from
|
|
5
|
-
export { runOverlays } from
|
|
6
|
-
export { createAnchorResolver } from
|
|
7
|
-
export { isVisible, scrollIntoViewIfNeeded } from
|
|
1
|
+
export { ensureOverlayRoot, injectBaseStyles } from './overlay/root';
|
|
2
|
+
export { showTooltip } from './overlay/tooltip';
|
|
3
|
+
export { showHighlight } from './overlay/highlight';
|
|
4
|
+
export { showModal } from './overlay/modal';
|
|
5
|
+
export { runOverlays } from './overlay/runner';
|
|
6
|
+
export { createAnchorResolver } from './anchor/resolve';
|
|
7
|
+
export { isVisible, scrollIntoViewIfNeeded } from './utils/dom';
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
var _a;
|
|
2
|
-
const supportsPathClip = typeof CSS !==
|
|
2
|
+
const supportsPathClip = typeof CSS !== 'undefined' && ((_a = CSS.supports) === null || _a === void 0 ? void 0 : _a.call(CSS, 'clip-path', "path('M0 0 H1 V1 Z')"));
|
|
3
3
|
export function showHighlight(anchorEl, overlayRoot, opts) {
|
|
4
4
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
5
5
|
const padding = (_a = opts === null || opts === void 0 ? void 0 : opts.paddingPx) !== null && _a !== void 0 ? _a : 12;
|
|
6
6
|
const radius = (_b = opts === null || opts === void 0 ? void 0 : opts.radiusPx) !== null && _b !== void 0 ? _b : 12;
|
|
7
7
|
const opacity = Math.min(Math.max((_c = opts === null || opts === void 0 ? void 0 : opts.scrimOpacity) !== null && _c !== void 0 ? _c : 0.55, 0), 1);
|
|
8
|
-
const ringColor = (_d = opts === null || opts === void 0 ? void 0 : opts.ringColor) !== null && _d !== void 0 ? _d :
|
|
8
|
+
const ringColor = (_d = opts === null || opts === void 0 ? void 0 : opts.ringColor) !== null && _d !== void 0 ? _d : 'var(--syntro-ring, #5b8cff)';
|
|
9
9
|
const blocking = (_e = opts === null || opts === void 0 ? void 0 : opts.blocking) !== null && _e !== void 0 ? _e : false;
|
|
10
10
|
const onClickOutside = (_f = opts === null || opts === void 0 ? void 0 : opts.onClickOutside) !== null && _f !== void 0 ? _f : true; // Default to true for backwards compat
|
|
11
11
|
const onEsc = (_g = opts === null || opts === void 0 ? void 0 : opts.onEsc) !== null && _g !== void 0 ? _g : true; // Default to true for backwards compat
|
|
12
12
|
const rootStyles = getComputedStyle(document.documentElement);
|
|
13
|
-
const tokenScrim = rootStyles.getPropertyValue(
|
|
14
|
-
const tokenRing = rootStyles.getPropertyValue(
|
|
15
|
-
const scrim = document.createElement(
|
|
16
|
-
scrim.className =
|
|
13
|
+
const tokenScrim = rootStyles.getPropertyValue('--syntro-spotlight-backdrop').trim();
|
|
14
|
+
const tokenRing = rootStyles.getPropertyValue('--syntro-ring').trim();
|
|
15
|
+
const scrim = document.createElement('div');
|
|
16
|
+
scrim.className = 'syntro-spotlight-scrim';
|
|
17
17
|
// Enable pointer events if blocking OR if we want to dismiss on click outside
|
|
18
18
|
const needsPointerEvents = blocking || onClickOutside;
|
|
19
19
|
Object.assign(scrim.style, {
|
|
20
|
-
position:
|
|
21
|
-
inset:
|
|
22
|
-
zIndex:
|
|
23
|
-
pointerEvents: needsPointerEvents ?
|
|
20
|
+
position: 'fixed',
|
|
21
|
+
inset: '0',
|
|
22
|
+
zIndex: '2147483646',
|
|
23
|
+
pointerEvents: needsPointerEvents ? 'auto' : 'none',
|
|
24
24
|
background: tokenScrim || `rgba(2, 6, 23, ${opacity})`,
|
|
25
|
-
transition:
|
|
26
|
-
opacity:
|
|
25
|
+
transition: 'opacity 220ms ease',
|
|
26
|
+
opacity: '0',
|
|
27
27
|
});
|
|
28
28
|
overlayRoot.appendChild(scrim);
|
|
29
|
-
requestAnimationFrame(() => (scrim.style.opacity =
|
|
30
|
-
const ring = document.createElement(
|
|
31
|
-
ring.className =
|
|
29
|
+
requestAnimationFrame(() => (scrim.style.opacity = '1'));
|
|
30
|
+
const ring = document.createElement('div');
|
|
31
|
+
ring.className = 'syntro-spotlight-ring';
|
|
32
32
|
Object.assign(ring.style, {
|
|
33
|
-
position:
|
|
34
|
-
pointerEvents:
|
|
33
|
+
position: 'fixed',
|
|
34
|
+
pointerEvents: 'none',
|
|
35
35
|
borderRadius: `${radius}px`,
|
|
36
|
-
border: `2px solid ${ringColor || tokenRing ||
|
|
36
|
+
border: `2px solid ${ringColor || tokenRing || '#5b8cff'}`,
|
|
37
37
|
boxShadow: `0 0 0 4px rgba(255,255,255,0.35)`,
|
|
38
|
-
zIndex:
|
|
39
|
-
transition:
|
|
38
|
+
zIndex: '2147483647',
|
|
39
|
+
transition: 'all 220ms cubic-bezier(0.16,1,0.3,1)',
|
|
40
40
|
});
|
|
41
41
|
overlayRoot.appendChild(ring);
|
|
42
42
|
const fallbackSlices = [];
|
|
43
43
|
if (!supportsPathClip) {
|
|
44
44
|
for (let i = 0; i < 4; i++) {
|
|
45
|
-
const slice = document.createElement(
|
|
46
|
-
slice.style.position =
|
|
47
|
-
slice.style.background =
|
|
45
|
+
const slice = document.createElement('div');
|
|
46
|
+
slice.style.position = 'fixed';
|
|
47
|
+
slice.style.background = 'inherit';
|
|
48
48
|
fallbackSlices.push(slice);
|
|
49
49
|
scrim.appendChild(slice);
|
|
50
50
|
}
|
|
@@ -90,19 +90,19 @@ export function showHighlight(anchorEl, overlayRoot, opts) {
|
|
|
90
90
|
else {
|
|
91
91
|
const [top, right, bottom, left] = fallbackSlices;
|
|
92
92
|
Object.assign(top.style, {
|
|
93
|
-
left:
|
|
94
|
-
top:
|
|
95
|
-
width:
|
|
93
|
+
left: '0px',
|
|
94
|
+
top: '0px',
|
|
95
|
+
width: '100vw',
|
|
96
96
|
height: `${y}px`,
|
|
97
97
|
});
|
|
98
98
|
Object.assign(bottom.style, {
|
|
99
|
-
left:
|
|
99
|
+
left: '0px',
|
|
100
100
|
top: `${y + h}px`,
|
|
101
|
-
width:
|
|
101
|
+
width: '100vw',
|
|
102
102
|
height: `${Math.max(0, window.innerHeight - (y + h))}px`,
|
|
103
103
|
});
|
|
104
104
|
Object.assign(left.style, {
|
|
105
|
-
left:
|
|
105
|
+
left: '0px',
|
|
106
106
|
top: `${y}px`,
|
|
107
107
|
width: `${x}px`,
|
|
108
108
|
height: `${h}px`,
|
|
@@ -119,14 +119,14 @@ export function showHighlight(anchorEl, overlayRoot, opts) {
|
|
|
119
119
|
ro.observe(anchorEl);
|
|
120
120
|
const onScroll = () => requestAnimationFrame(update);
|
|
121
121
|
const onResize = () => requestAnimationFrame(update);
|
|
122
|
-
window.addEventListener(
|
|
123
|
-
window.addEventListener(
|
|
122
|
+
window.addEventListener('scroll', onScroll, true);
|
|
123
|
+
window.addEventListener('resize', onResize);
|
|
124
124
|
const onKey = (e) => {
|
|
125
|
-
if (e.key ===
|
|
125
|
+
if (e.key === 'Escape' && onEsc)
|
|
126
126
|
handle.destroy();
|
|
127
127
|
};
|
|
128
128
|
if (onEsc) {
|
|
129
|
-
window.addEventListener(
|
|
129
|
+
window.addEventListener('keydown', onKey);
|
|
130
130
|
}
|
|
131
131
|
const onClick = (event) => {
|
|
132
132
|
if (blocking) {
|
|
@@ -137,17 +137,17 @@ export function showHighlight(anchorEl, overlayRoot, opts) {
|
|
|
137
137
|
handle.destroy();
|
|
138
138
|
}
|
|
139
139
|
};
|
|
140
|
-
scrim.addEventListener(
|
|
140
|
+
scrim.addEventListener('click', onClick);
|
|
141
141
|
const handle = {
|
|
142
142
|
destroy() {
|
|
143
143
|
ro.disconnect();
|
|
144
|
-
window.removeEventListener(
|
|
145
|
-
window.removeEventListener(
|
|
144
|
+
window.removeEventListener('scroll', onScroll, true);
|
|
145
|
+
window.removeEventListener('resize', onResize);
|
|
146
146
|
if (onEsc) {
|
|
147
|
-
window.removeEventListener(
|
|
147
|
+
window.removeEventListener('keydown', onKey);
|
|
148
148
|
}
|
|
149
|
-
scrim.removeEventListener(
|
|
150
|
-
scrim.style.opacity =
|
|
149
|
+
scrim.removeEventListener('click', onClick);
|
|
150
|
+
scrim.style.opacity = '0';
|
|
151
151
|
setTimeout(() => {
|
|
152
152
|
scrim.remove();
|
|
153
153
|
ring.remove();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"highlight.js","sourceRoot":"","sources":["../../../../src/overlays/runtime/overlay/highlight.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"highlight.js","sourceRoot":"","sources":["../../../../src/overlays/runtime/overlay/highlight.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ export function showModal(overlayRoot, opts) {
|
|
|
23
23
|
opts.onAction(actionId);
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
actionBtns.forEach(btn => btn.addEventListener('click', actionHandler));
|
|
26
|
+
actionBtns.forEach((btn) => btn.addEventListener('click', actionHandler));
|
|
27
27
|
// Handle escape key
|
|
28
28
|
const onKey = (e) => {
|
|
29
29
|
if (e.key === 'Escape')
|
|
@@ -34,7 +34,7 @@ export function showModal(overlayRoot, opts) {
|
|
|
34
34
|
const onScrimClick = () => handle.destroy();
|
|
35
35
|
scrim.addEventListener('click', onScrimClick);
|
|
36
36
|
// Blocking mode - make siblings inert
|
|
37
|
-
|
|
37
|
+
const originalInert = [];
|
|
38
38
|
if (opts.blocking) {
|
|
39
39
|
Array.from(document.body.children).forEach((el) => {
|
|
40
40
|
if (el !== overlayRoot && el.getAttribute('inert') === null) {
|
|
@@ -60,9 +60,9 @@ export function showModal(overlayRoot, opts) {
|
|
|
60
60
|
destroy() {
|
|
61
61
|
window.removeEventListener('keydown', onKey);
|
|
62
62
|
scrim.removeEventListener('click', onScrimClick);
|
|
63
|
-
actionBtns.forEach(btn => btn.removeEventListener('click', actionHandler));
|
|
63
|
+
actionBtns.forEach((btn) => btn.removeEventListener('click', actionHandler));
|
|
64
64
|
// Restore inert state
|
|
65
|
-
originalInert.forEach(el => el.removeAttribute('inert'));
|
|
65
|
+
originalInert.forEach((el) => el.removeAttribute('inert'));
|
|
66
66
|
// Fade out then remove
|
|
67
67
|
modal.style.opacity = '0';
|
|
68
68
|
modal.style.transform = 'translate(-50%, -50%) scale(0.95)';
|
|
@@ -71,7 +71,7 @@ export function showModal(overlayRoot, opts) {
|
|
|
71
71
|
modal.remove();
|
|
72
72
|
scrim.remove();
|
|
73
73
|
}, 200);
|
|
74
|
-
}
|
|
74
|
+
},
|
|
75
75
|
};
|
|
76
76
|
return handle;
|
|
77
77
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/overlays/runtime/overlay/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAI3E,MAAM,UAAU,SAAS,
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/overlays/runtime/overlay/modal.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { showTooltip } from './tooltip';
|
|
2
1
|
import { showHighlight } from './highlight';
|
|
3
2
|
import { showModal } from './modal';
|
|
3
|
+
import { showTooltip } from './tooltip';
|
|
4
4
|
// Storage keys for cross-page tour state
|
|
5
5
|
const ACTIVE_TOUR_KEY = 'syntro_active_tour';
|
|
6
6
|
// Tour state expires after 5 minutes of inactivity
|
|
@@ -31,7 +31,7 @@ function setActiveTourState(state) {
|
|
|
31
31
|
if (state) {
|
|
32
32
|
const stateWithTimestamp = {
|
|
33
33
|
...state,
|
|
34
|
-
timestamp: Date.now()
|
|
34
|
+
timestamp: Date.now(),
|
|
35
35
|
};
|
|
36
36
|
localStorage.setItem(ACTIVE_TOUR_KEY, JSON.stringify(stateWithTimestamp));
|
|
37
37
|
}
|
|
@@ -39,7 +39,9 @@ function setActiveTourState(state) {
|
|
|
39
39
|
localStorage.removeItem(ACTIVE_TOUR_KEY);
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
catch {
|
|
42
|
+
catch {
|
|
43
|
+
// localStorage may not be available
|
|
44
|
+
}
|
|
43
45
|
}
|
|
44
46
|
/** Check if a step's route matches the current page */
|
|
45
47
|
function stepRouteMatches(step, path) {
|
|
@@ -51,7 +53,7 @@ function stepRouteMatches(step, path) {
|
|
|
51
53
|
return true;
|
|
52
54
|
// Match with trailing path segments (e.g., /dashboard matches /dashboard/settings)
|
|
53
55
|
// But /dashboard should NOT match /dashboard-other or /login
|
|
54
|
-
if (path.startsWith(stepRoute
|
|
56
|
+
if (path.startsWith(`${stepRoute}/`))
|
|
55
57
|
return true;
|
|
56
58
|
return false;
|
|
57
59
|
}
|
|
@@ -79,11 +81,11 @@ function watchRouteChanges(callback) {
|
|
|
79
81
|
const originalReplaceState = history.replaceState.bind(history);
|
|
80
82
|
history.pushState = function (...args) {
|
|
81
83
|
originalPushState(...args);
|
|
82
|
-
checkAndNotify
|
|
84
|
+
queueMicrotask(checkAndNotify);
|
|
83
85
|
};
|
|
84
86
|
history.replaceState = function (...args) {
|
|
85
87
|
originalReplaceState(...args);
|
|
86
|
-
checkAndNotify
|
|
88
|
+
queueMicrotask(checkAndNotify);
|
|
87
89
|
};
|
|
88
90
|
return () => {
|
|
89
91
|
window.removeEventListener('popstate', onPopState);
|
|
@@ -124,7 +126,9 @@ export async function runOverlays(recipe, ctx) {
|
|
|
124
126
|
try {
|
|
125
127
|
fn();
|
|
126
128
|
}
|
|
127
|
-
catch {
|
|
129
|
+
catch {
|
|
130
|
+
// Ignore cleanup errors
|
|
131
|
+
}
|
|
128
132
|
});
|
|
129
133
|
};
|
|
130
134
|
}
|
|
@@ -138,7 +142,9 @@ async function runSequentialOverlays(recipe, ctx) {
|
|
|
138
142
|
return () => { }; // Tour already completed, don't show again
|
|
139
143
|
}
|
|
140
144
|
}
|
|
141
|
-
catch {
|
|
145
|
+
catch {
|
|
146
|
+
// localStorage may not be available
|
|
147
|
+
}
|
|
142
148
|
// Check for active cross-page tour state
|
|
143
149
|
const activeState = getActiveTourState();
|
|
144
150
|
const isResumingTour = (activeState === null || activeState === void 0 ? void 0 : activeState.tourId) === recipe.id;
|
|
@@ -186,13 +192,20 @@ async function runSequentialOverlays(recipe, ctx) {
|
|
|
186
192
|
const onStepAction = (actionId) => {
|
|
187
193
|
var _a, _b, _c, _d, _e;
|
|
188
194
|
const nextStepId = (_a = step.onAction) === null || _a === void 0 ? void 0 : _a[actionId];
|
|
189
|
-
(_b = ctx.onEvent) === null || _b === void 0 ? void 0 : _b.call(ctx, 'syntro_tour_action', {
|
|
195
|
+
(_b = ctx.onEvent) === null || _b === void 0 ? void 0 : _b.call(ctx, 'syntro_tour_action', {
|
|
196
|
+
recipeId: recipe.id,
|
|
197
|
+
stepId: step.id,
|
|
198
|
+
actionId,
|
|
199
|
+
nextStepId,
|
|
200
|
+
});
|
|
190
201
|
if (!nextStepId || nextStepId === 'end') {
|
|
191
202
|
// Tour ends - mark as done
|
|
192
203
|
try {
|
|
193
204
|
localStorage.setItem(storageKey, 'done');
|
|
194
205
|
}
|
|
195
|
-
catch {
|
|
206
|
+
catch {
|
|
207
|
+
// localStorage may not be available
|
|
208
|
+
}
|
|
196
209
|
(_d = (_c = ctx.telemetry) === null || _c === void 0 ? void 0 : _c.setPersonPropertiesOnce) === null || _d === void 0 ? void 0 : _d.call(_c, { [storageKey]: 'done' });
|
|
197
210
|
setActiveTourState(null);
|
|
198
211
|
if (currentCleanup) {
|
|
@@ -216,7 +229,20 @@ async function runSequentialOverlays(recipe, ctx) {
|
|
|
216
229
|
currentCleanup();
|
|
217
230
|
currentCleanup = null;
|
|
218
231
|
}
|
|
219
|
-
|
|
232
|
+
// SEC-032: Validate redirect URL is same-origin to prevent open redirect
|
|
233
|
+
try {
|
|
234
|
+
const redirectUrl = new URL(nextStepRoute, window.location.origin);
|
|
235
|
+
if (redirectUrl.origin === window.location.origin) {
|
|
236
|
+
window.location.href = redirectUrl.toString();
|
|
237
|
+
}
|
|
238
|
+
else {
|
|
239
|
+
console.warn('[SmartCanvas] Blocked cross-origin redirect:', nextStepRoute);
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
catch {
|
|
243
|
+
// Relative path — safe to navigate
|
|
244
|
+
window.location.href = nextStepRoute;
|
|
245
|
+
}
|
|
220
246
|
}
|
|
221
247
|
else {
|
|
222
248
|
// Same page - just run the step
|
|
@@ -327,11 +353,13 @@ export function startTour(tourId) {
|
|
|
327
353
|
setActiveTourState({ tourId, stepId: '' }); // Will use startStep
|
|
328
354
|
window.location.reload();
|
|
329
355
|
}
|
|
330
|
-
catch {
|
|
356
|
+
catch {
|
|
357
|
+
// localStorage may not be available
|
|
358
|
+
}
|
|
331
359
|
}
|
|
332
360
|
function routeMatches(routes, path) {
|
|
333
361
|
// simple contains/prefix; replace with real matcher as needed
|
|
334
|
-
return routes.some(r => r === path || path.startsWith(r));
|
|
362
|
+
return routes.some((r) => r === path || path.startsWith(r));
|
|
335
363
|
}
|
|
336
364
|
function runModal(step, ctx) {
|
|
337
365
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -345,9 +373,13 @@ function runModal(step, ctx) {
|
|
|
345
373
|
var _a;
|
|
346
374
|
(_a = ctx.onEvent) === null || _a === void 0 ? void 0 : _a.call(ctx, 'syntro_overlay_action', { stepId: step.id, actionId });
|
|
347
375
|
handle.destroy();
|
|
348
|
-
}
|
|
376
|
+
},
|
|
377
|
+
});
|
|
378
|
+
(_e = ctx.onEvent) === null || _e === void 0 ? void 0 : _e.call(ctx, 'syntro_overlay_exposed', {
|
|
379
|
+
kind: 'modal',
|
|
380
|
+
stepId: step.id,
|
|
381
|
+
recipeId: ctx.recipeId,
|
|
349
382
|
});
|
|
350
|
-
(_e = ctx.onEvent) === null || _e === void 0 ? void 0 : _e.call(ctx, 'syntro_overlay_exposed', { kind: 'modal', stepId: step.id, recipeId: ctx.recipeId });
|
|
351
383
|
const timers = [];
|
|
352
384
|
if ((_f = step.dismiss) === null || _f === void 0 ? void 0 : _f.timeoutMs) {
|
|
353
385
|
const id = window.setTimeout(() => {
|
|
@@ -372,12 +404,18 @@ function runModal(step, ctx) {
|
|
|
372
404
|
}
|
|
373
405
|
function modalHtml(step) {
|
|
374
406
|
var _a, _b, _c;
|
|
375
|
-
const title = step.content.title
|
|
407
|
+
const title = step.content.title
|
|
408
|
+
? `<div class="syntro-modal-title">${escapeHtml(step.content.title)}</div>`
|
|
409
|
+
: '';
|
|
376
410
|
const body = `<div class="syntro-modal-body">${escapeHtml(step.content.body)}</div>`;
|
|
377
|
-
const close = ((_b = (_a = step.dismiss) === null || _a === void 0 ? void 0 : _a.closeButton) !== null && _b !== void 0 ? _b : true)
|
|
411
|
+
const close = ((_b = (_a = step.dismiss) === null || _a === void 0 ? void 0 : _a.closeButton) !== null && _b !== void 0 ? _b : true)
|
|
412
|
+
? `<button data-syntro-role="close" class="syntro-modal-close" aria-label="Close">×</button>`
|
|
413
|
+
: '';
|
|
378
414
|
let actions = '';
|
|
379
415
|
if ((_c = step.ctaButtons) === null || _c === void 0 ? void 0 : _c.length) {
|
|
380
|
-
const btns = step.ctaButtons
|
|
416
|
+
const btns = step.ctaButtons
|
|
417
|
+
.map((btn) => `<button class="syntro-modal-btn${btn.primary ? ' syntro-modal-btn-primary' : ''}" data-syntro-action="${escapeHtml(btn.actionId)}">${escapeHtml(btn.label)}</button>`)
|
|
418
|
+
.join('');
|
|
381
419
|
actions = `<div class="syntro-modal-actions">${btns}</div>`;
|
|
382
420
|
}
|
|
383
421
|
return `${close}${title}${body}${actions}`;
|
|
@@ -392,7 +430,11 @@ function runTooltip(step, anchorEl, ctx) {
|
|
|
392
430
|
blocking: !!step.blocking,
|
|
393
431
|
trigger: step.trigger,
|
|
394
432
|
});
|
|
395
|
-
(_c = ctx.onEvent) === null || _c === void 0 ? void 0 : _c.call(ctx, 'syntro_overlay_exposed', {
|
|
433
|
+
(_c = ctx.onEvent) === null || _c === void 0 ? void 0 : _c.call(ctx, 'syntro_overlay_exposed', {
|
|
434
|
+
kind: 'tooltip',
|
|
435
|
+
stepId: step.id,
|
|
436
|
+
recipeId: ctx.recipeId,
|
|
437
|
+
});
|
|
396
438
|
const timers = [];
|
|
397
439
|
if ((_d = step.dismiss) === null || _d === void 0 ? void 0 : _d.timeoutMs) {
|
|
398
440
|
const id = window.setTimeout(() => {
|
|
@@ -426,7 +468,11 @@ function runHighlight(step, anchorEl, ctx) {
|
|
|
426
468
|
onClickOutside: (_e = (_d = step.dismiss) === null || _d === void 0 ? void 0 : _d.onClickOutside) !== null && _e !== void 0 ? _e : true,
|
|
427
469
|
onEsc: (_g = (_f = step.dismiss) === null || _f === void 0 ? void 0 : _f.onEsc) !== null && _g !== void 0 ? _g : true,
|
|
428
470
|
});
|
|
429
|
-
(_h = ctx.onEvent) === null || _h === void 0 ? void 0 : _h.call(ctx, 'syntro_overlay_exposed', {
|
|
471
|
+
(_h = ctx.onEvent) === null || _h === void 0 ? void 0 : _h.call(ctx, 'syntro_overlay_exposed', {
|
|
472
|
+
kind: 'highlight',
|
|
473
|
+
stepId: step.id,
|
|
474
|
+
recipeId: ctx.recipeId,
|
|
475
|
+
});
|
|
430
476
|
const timers = [];
|
|
431
477
|
if ((_j = step.dismiss) === null || _j === void 0 ? void 0 : _j.timeoutMs) {
|
|
432
478
|
const id = window.setTimeout(() => {
|
|
@@ -443,18 +489,24 @@ function runHighlight(step, anchorEl, ctx) {
|
|
|
443
489
|
}
|
|
444
490
|
function tooltipHtml(step) {
|
|
445
491
|
var _a, _b, _c;
|
|
446
|
-
const title = step.content.title
|
|
492
|
+
const title = step.content.title
|
|
493
|
+
? `<div class="syntro-tt-title">${escapeHtml(step.content.title)}</div>`
|
|
494
|
+
: '';
|
|
447
495
|
const body = `<div class="syntro-tt-body">${escapeHtml(step.content.body)}</div>`;
|
|
448
|
-
const close = ((_b = (_a = step.dismiss) === null || _a === void 0 ? void 0 : _a.closeButton) !== null && _b !== void 0 ? _b : true)
|
|
496
|
+
const close = ((_b = (_a = step.dismiss) === null || _a === void 0 ? void 0 : _a.closeButton) !== null && _b !== void 0 ? _b : true)
|
|
497
|
+
? `<button data-syntro-role="close" class="syntro-tt-close" aria-label="Close">×</button>`
|
|
498
|
+
: '';
|
|
449
499
|
let actions = '';
|
|
450
500
|
if ((_c = step.ctaButtons) === null || _c === void 0 ? void 0 : _c.length) {
|
|
451
|
-
const btns = step.ctaButtons
|
|
501
|
+
const btns = step.ctaButtons
|
|
502
|
+
.map((btn) => `<button class="syntro-tt-btn${btn.primary ? ' syntro-tt-btn-primary' : ''}" data-syntro-action="${escapeHtml(btn.actionId)}">${escapeHtml(btn.label)}</button>`)
|
|
503
|
+
.join('');
|
|
452
504
|
actions = `<div class="syntro-tt-actions">${btns}</div>`;
|
|
453
505
|
}
|
|
454
506
|
return `<div class="syntro-tt">${close}${title}${body}${actions}</div>`;
|
|
455
507
|
}
|
|
456
508
|
function escapeHtml(s) {
|
|
457
|
-
return s.replace(/[&<>"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c])
|
|
509
|
+
return s.replace(/[&<>"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' })[c]);
|
|
458
510
|
}
|
|
459
511
|
/** Modal runner for sequential tours with external action callback */
|
|
460
512
|
function runModalWithCallback(step, ctx, onAction) {
|
|
@@ -470,9 +522,13 @@ function runModalWithCallback(step, ctx, onAction) {
|
|
|
470
522
|
(_a = ctx.onEvent) === null || _a === void 0 ? void 0 : _a.call(ctx, 'syntro_overlay_action', { stepId: step.id, actionId });
|
|
471
523
|
handle.destroy();
|
|
472
524
|
onAction(actionId);
|
|
473
|
-
}
|
|
525
|
+
},
|
|
526
|
+
});
|
|
527
|
+
(_e = ctx.onEvent) === null || _e === void 0 ? void 0 : _e.call(ctx, 'syntro_overlay_exposed', {
|
|
528
|
+
kind: 'modal',
|
|
529
|
+
stepId: step.id,
|
|
530
|
+
recipeId: ctx.recipeId,
|
|
474
531
|
});
|
|
475
|
-
(_e = ctx.onEvent) === null || _e === void 0 ? void 0 : _e.call(ctx, 'syntro_overlay_exposed', { kind: 'modal', stepId: step.id, recipeId: ctx.recipeId });
|
|
476
532
|
const timers = [];
|
|
477
533
|
if ((_f = step.dismiss) === null || _f === void 0 ? void 0 : _f.timeoutMs) {
|
|
478
534
|
const id = window.setTimeout(() => {
|
|
@@ -512,9 +568,13 @@ function runTooltipWithCallback(step, anchorEl, ctx, onAction) {
|
|
|
512
568
|
(_a = ctx.onEvent) === null || _a === void 0 ? void 0 : _a.call(ctx, 'syntro_overlay_action', { stepId: step.id, actionId });
|
|
513
569
|
handle.destroy();
|
|
514
570
|
onAction(actionId);
|
|
515
|
-
}
|
|
571
|
+
},
|
|
572
|
+
});
|
|
573
|
+
(_c = ctx.onEvent) === null || _c === void 0 ? void 0 : _c.call(ctx, 'syntro_overlay_exposed', {
|
|
574
|
+
kind: 'tooltip',
|
|
575
|
+
stepId: step.id,
|
|
576
|
+
recipeId: ctx.recipeId,
|
|
516
577
|
});
|
|
517
|
-
(_c = ctx.onEvent) === null || _c === void 0 ? void 0 : _c.call(ctx, 'syntro_overlay_exposed', { kind: 'tooltip', stepId: step.id, recipeId: ctx.recipeId });
|
|
518
578
|
const timers = [];
|
|
519
579
|
if ((_d = step.dismiss) === null || _d === void 0 ? void 0 : _d.timeoutMs) {
|
|
520
580
|
const id = window.setTimeout(() => {
|