@syntrologie/adapt-feedback 2.8.0-canary.243 → 2.8.0-canary.245
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackWidget.d.ts","sourceRoot":"","sources":["../src/FeedbackWidget.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FeedbackWidget.d.ts","sourceRoot":"","sources":["../src/FeedbackWidget.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAGrD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAc,MAAM,YAAY,CAAC;AAEpF,qBAAa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,UAAU;;;;;;;;;;;;;;;;MAMxB;IAEF,OAAgB,MAAM,0BAwFpB;IAEF,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC,OAAO,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC3C,MAAM,EAAE,MAAM,CAAqB;IAEnC,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,UAAU,CAAiC;IAE1C,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAUjD,OAAO,CAAC,SAAS,CA4Bf;IAEF,OAAO,CAAC,OAAO,CAQb;IAEF,OAAO,CAAC,gBAAgB;IAgDf,MAAM;CAuDhB;AAiBD,eAAO,MAAM,0BAA0B;qBACpB,WAAW,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAkEpE,CAAC"}
|
package/dist/FeedbackWidget.js
CHANGED
|
@@ -1,3 +1,179 @@
|
|
|
1
|
+
// ../../sdk-contracts/dist/mount-plumbing.js
|
|
2
|
+
var MOUNT_PLUMBING_KEYS = ["instanceId", "runtime", "tileId"];
|
|
3
|
+
function stripMountPlumbing(config) {
|
|
4
|
+
if (!config || typeof config !== "object") {
|
|
5
|
+
return {};
|
|
6
|
+
}
|
|
7
|
+
const out = { ...config };
|
|
8
|
+
for (const key of MOUNT_PLUMBING_KEYS) {
|
|
9
|
+
delete out[key];
|
|
10
|
+
}
|
|
11
|
+
return out;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
// ../../sdk-contracts/dist/schemas.js
|
|
15
|
+
import { z } from "zod";
|
|
16
|
+
var AnchorIdZ = z.object({
|
|
17
|
+
selector: z.string(),
|
|
18
|
+
route: z.union([z.string(), z.array(z.string())])
|
|
19
|
+
}).strict();
|
|
20
|
+
var AuthoringFieldsZ = {
|
|
21
|
+
title: z.string().max(200).optional().describe("Authoring-only: short label shown on the action plan dashboard. Stripped before serving to the runtime SDK."),
|
|
22
|
+
description: z.string().max(1e3).optional().describe("Authoring-only: one-sentence explanation of what this action does and why. Stripped before serving to the runtime SDK."),
|
|
23
|
+
validation: z.array(z.string().max(500)).max(10).optional().describe("Authoring-only: ordered steps a reviewer can follow to trigger this action and visually confirm it works. Each entry is one step. Stripped before serving to the runtime SDK.")
|
|
24
|
+
};
|
|
25
|
+
var COUNTABLE_EVENTS = [
|
|
26
|
+
// User interactions (from PostHog autocapture normalization)
|
|
27
|
+
"ui.click",
|
|
28
|
+
"ui.scroll",
|
|
29
|
+
"ui.input",
|
|
30
|
+
"ui.change",
|
|
31
|
+
"ui.submit",
|
|
32
|
+
// Behavioral detectors (from event-processor)
|
|
33
|
+
"ui.hover",
|
|
34
|
+
"ui.idle",
|
|
35
|
+
"ui.scroll_thrash",
|
|
36
|
+
"ui.focus_bounce",
|
|
37
|
+
// Navigation
|
|
38
|
+
"nav.page_view",
|
|
39
|
+
"nav.page_leave",
|
|
40
|
+
// Derived behavioral signals
|
|
41
|
+
"behavior.rage_click",
|
|
42
|
+
"behavior.hesitation",
|
|
43
|
+
"behavior.confusion"
|
|
44
|
+
];
|
|
45
|
+
var CountableEventZ = z.enum(COUNTABLE_EVENTS).describe("Event name to count. ui.* = user interactions and behavioral detectors, nav.* = page navigation, behavior.* = derived behavioral signals.");
|
|
46
|
+
var SESSION_METRIC_KEYS = ["time_on_page", "page_views", "scroll_depth"];
|
|
47
|
+
var SessionMetricKeyZ = z.enum(SESSION_METRIC_KEYS).describe("Session metric key. time_on_page = seconds on current page, page_views = pages visited this session, scroll_depth = 0-100 percentage.");
|
|
48
|
+
var PageUrlConditionZ = z.object({
|
|
49
|
+
type: z.literal("page_url"),
|
|
50
|
+
url: z.string().describe('URL path to match (e.g. "/pricing", "/dashboard")')
|
|
51
|
+
}).describe('Fires when the current page URL matches. Use for page-specific actions. Example: {"type": "page_url", "url": "/pricing"}');
|
|
52
|
+
var RouteConditionZ = z.object({
|
|
53
|
+
type: z.literal("route"),
|
|
54
|
+
routeId: z.string().describe("Named route ID from the route filter")
|
|
55
|
+
}).describe("Fires when the current route matches a named route ID.");
|
|
56
|
+
var AnchorVisibleConditionZ = z.object({
|
|
57
|
+
type: z.literal("anchor_visible"),
|
|
58
|
+
anchorId: z.string().describe("CSS selector of the anchor element"),
|
|
59
|
+
state: z.enum(["visible", "present", "absent"]).describe('"visible" = in viewport, "present" = in DOM, "absent" = not in DOM')
|
|
60
|
+
}).describe(`Fires based on a DOM element's visibility state. Example: {"type": "anchor_visible", "anchorId": "#cta-button", "state": "visible"}`);
|
|
61
|
+
var EventOccurredConditionZ = z.object({
|
|
62
|
+
type: z.literal("event_occurred"),
|
|
63
|
+
eventName: z.string().describe('Event name (e.g. "ui.click", "$pageview")'),
|
|
64
|
+
withinMs: z.number().optional().describe("Time window in ms. Omit = any time this session.")
|
|
65
|
+
}).describe('Fires when a specific event has occurred during this session. Example: {"type": "event_occurred", "eventName": "ui.click", "withinMs": 5000}');
|
|
66
|
+
var StateEqualsConditionZ = z.object({
|
|
67
|
+
type: z.literal("state_equals"),
|
|
68
|
+
key: z.string().describe("Key in the SDK persistent state store (localStorage). Only valid for keys the host app explicitly sets via syntro.state.set()."),
|
|
69
|
+
value: z.unknown().describe("Expected value to match against")
|
|
70
|
+
}).describe("Checks the SDK persistent state store (localStorage). ONLY for host-app state set via syntro.state.set() \u2014 NOT for user attributes like region, device, or UTM params (those are handled by segment targeting). Do NOT use this for targeting. If you do not know the valid state keys, do not use this condition type.");
|
|
71
|
+
var ViewportConditionZ = z.object({
|
|
72
|
+
type: z.literal("viewport"),
|
|
73
|
+
minWidth: z.number().optional().describe("Minimum viewport width in pixels"),
|
|
74
|
+
maxWidth: z.number().optional().describe("Maximum viewport width in pixels"),
|
|
75
|
+
minHeight: z.number().optional().describe("Minimum viewport height in pixels"),
|
|
76
|
+
maxHeight: z.number().optional().describe("Maximum viewport height in pixels")
|
|
77
|
+
}).describe('Fires based on viewport (screen) size. Use for responsive behavior. Example: {"type": "viewport", "minWidth": 768} \u2014 fires on tablet and larger.');
|
|
78
|
+
var SessionMetricConditionZ = z.object({
|
|
79
|
+
type: z.literal("session_metric"),
|
|
80
|
+
key: SessionMetricKeyZ,
|
|
81
|
+
operator: z.enum(["gte", "lte", "eq", "gt", "lt"]),
|
|
82
|
+
threshold: z.number().describe("Numeric threshold to compare against")
|
|
83
|
+
}).describe('Fires when a session metric crosses a threshold. Valid keys: "time_on_page" (seconds), "page_views" (count), "scroll_depth" (0-100). Example: {"type": "session_metric", "key": "time_on_page", "operator": "gte", "threshold": 30}');
|
|
84
|
+
var DismissedConditionZ = z.object({
|
|
85
|
+
type: z.literal("dismissed"),
|
|
86
|
+
key: z.string().describe("Dismissal key (usually a tile or action ID)"),
|
|
87
|
+
inverted: z.boolean().optional().describe("When true, fires if NOT dismissed (default behavior)")
|
|
88
|
+
}).describe("Checks if an item has been dismissed by the user. Use with inverted: true to show only if not dismissed.");
|
|
89
|
+
var CooldownActiveConditionZ = z.object({
|
|
90
|
+
type: z.literal("cooldown_active"),
|
|
91
|
+
key: z.string().describe("Cooldown key"),
|
|
92
|
+
inverted: z.boolean().optional().describe("When true, fires if cooldown is NOT active")
|
|
93
|
+
}).describe("Checks if a cooldown timer is currently active. Use to prevent showing the same intervention too frequently.");
|
|
94
|
+
var FrequencyLimitConditionZ = z.object({
|
|
95
|
+
type: z.literal("frequency_limit"),
|
|
96
|
+
key: z.string().describe("Frequency counter key"),
|
|
97
|
+
limit: z.number().describe("Maximum allowed count"),
|
|
98
|
+
inverted: z.boolean().optional().describe("When true, fires if limit NOT reached")
|
|
99
|
+
}).describe("Checks if a frequency limit has been reached. Use to cap how many times an action fires per session.");
|
|
100
|
+
var MatchOpZ = z.object({
|
|
101
|
+
equals: z.union([z.string(), z.number(), z.boolean()]).optional(),
|
|
102
|
+
contains: z.string().optional()
|
|
103
|
+
}).describe("Match operator for counter filters. Exactly one of equals or contains must be specified.");
|
|
104
|
+
var CounterDefZ = z.object({
|
|
105
|
+
events: z.array(CountableEventZ).min(1).describe("Event names to count. Use values from the countable events enum."),
|
|
106
|
+
match: z.record(z.string(), MatchOpZ).optional().describe("Property filters. Keys are event prop names or element-chain fields (tag_name, $el_text, attr__*). All entries AND together.")
|
|
107
|
+
}).describe("Defines what events to count. Registered as an accumulator predicate at config-load time.");
|
|
108
|
+
var EventCountConditionZ = z.object({
|
|
109
|
+
type: z.literal("event_count"),
|
|
110
|
+
key: z.string().describe("Unique key for this counter (used for accumulator registration)"),
|
|
111
|
+
operator: z.enum(["gte", "lte", "eq", "gt", "lt"]),
|
|
112
|
+
count: z.number().int().min(0).describe("Target count threshold"),
|
|
113
|
+
withinMs: z.number().positive().optional().describe("Time window in ms. Omit = count across entire session."),
|
|
114
|
+
counter: CounterDefZ.optional().describe("Inline counter definition. Defines what events to count.")
|
|
115
|
+
}).describe('Fires when accumulated event count crosses a threshold. Most powerful trigger type. Example: {"type": "event_count", "key": "pricing-clicks", "operator": "gte", "count": 3, "counter": {"events": ["ui.click"], "match": {"attr__data-cta": {"contains": "pricing"}}}}');
|
|
116
|
+
var ConditionZ = z.discriminatedUnion("type", [
|
|
117
|
+
PageUrlConditionZ,
|
|
118
|
+
RouteConditionZ,
|
|
119
|
+
AnchorVisibleConditionZ,
|
|
120
|
+
EventOccurredConditionZ,
|
|
121
|
+
StateEqualsConditionZ,
|
|
122
|
+
ViewportConditionZ,
|
|
123
|
+
SessionMetricConditionZ,
|
|
124
|
+
DismissedConditionZ,
|
|
125
|
+
CooldownActiveConditionZ,
|
|
126
|
+
FrequencyLimitConditionZ,
|
|
127
|
+
EventCountConditionZ
|
|
128
|
+
]);
|
|
129
|
+
var RuleZ = z.object({
|
|
130
|
+
conditions: z.array(ConditionZ).describe("Array of conditions \u2014 ALL must match (AND logic) for this rule to fire."),
|
|
131
|
+
value: z.unknown().describe("Value returned when all conditions match. For triggerWhen: true = fire the action.")
|
|
132
|
+
}).describe("A single rule. ALL conditions must match (AND logic). Rules in a strategy are evaluated top-to-bottom \u2014 first rule where all conditions match wins and returns its value.");
|
|
133
|
+
var RuleStrategyZ = z.object({
|
|
134
|
+
type: z.literal("rules"),
|
|
135
|
+
rules: z.array(RuleZ).describe("Ordered list of rules. Evaluated top-to-bottom \u2014 first match wins."),
|
|
136
|
+
default: z.unknown().describe("Fallback value when no rule matches. For triggerWhen: false = do not fire by default.")
|
|
137
|
+
}).describe("Rule-based strategy. Evaluates rules top-to-bottom. First rule where ALL conditions match returns its value. If no rule matches, returns default. For triggerWhen: set value=true on matching rules, default=false.");
|
|
138
|
+
var ScoreStrategyZ = z.object({
|
|
139
|
+
type: z.literal("score"),
|
|
140
|
+
field: z.string(),
|
|
141
|
+
threshold: z.number(),
|
|
142
|
+
above: z.unknown(),
|
|
143
|
+
below: z.unknown()
|
|
144
|
+
}).describe("Score-based strategy. Compares a field value against a threshold.");
|
|
145
|
+
var ModelStrategyZ = z.object({
|
|
146
|
+
type: z.literal("model"),
|
|
147
|
+
modelId: z.string(),
|
|
148
|
+
inputs: z.array(z.string()),
|
|
149
|
+
outputMapping: z.record(z.string(), z.unknown()),
|
|
150
|
+
default: z.unknown()
|
|
151
|
+
}).describe("ML model strategy. Sends inputs to a model and maps outputs.");
|
|
152
|
+
var ExternalStrategyZ = z.object({
|
|
153
|
+
type: z.literal("external"),
|
|
154
|
+
endpoint: z.string(),
|
|
155
|
+
method: z.enum(["GET", "POST"]).optional(),
|
|
156
|
+
default: z.unknown(),
|
|
157
|
+
timeoutMs: z.number().optional()
|
|
158
|
+
}).describe("External API strategy. Calls an endpoint to determine the value.");
|
|
159
|
+
var DecisionStrategyZ = z.discriminatedUnion("type", [
|
|
160
|
+
RuleStrategyZ,
|
|
161
|
+
ScoreStrategyZ,
|
|
162
|
+
ModelStrategyZ,
|
|
163
|
+
ExternalStrategyZ
|
|
164
|
+
]);
|
|
165
|
+
var TriggerWhenZ = DecisionStrategyZ.nullable().optional();
|
|
166
|
+
var EventScopeZ = z.object({
|
|
167
|
+
events: z.array(z.string()),
|
|
168
|
+
urlContains: z.string().optional(),
|
|
169
|
+
props: z.record(z.union([z.string(), z.number(), z.boolean()])).optional()
|
|
170
|
+
});
|
|
171
|
+
var NotifyZ = z.object({
|
|
172
|
+
title: z.string().optional(),
|
|
173
|
+
body: z.string().optional(),
|
|
174
|
+
icon: z.string().optional()
|
|
175
|
+
}).nullable().optional();
|
|
176
|
+
|
|
1
177
|
// src/FeedbackWidget.ts
|
|
2
178
|
import { css as css7, html as html7, LitElement as LitElement7, nothing } from "lit";
|
|
3
179
|
|
|
@@ -827,11 +1003,16 @@ SyntroFeedbackElement.styles = css7`
|
|
|
827
1003
|
customElements.define("syntro-feedback", SyntroFeedbackElement);
|
|
828
1004
|
var FeedbackWidgetLitMountable = {
|
|
829
1005
|
mount(container, mountConfig) {
|
|
830
|
-
const incoming = mountConfig ??
|
|
831
|
-
const
|
|
832
|
-
const
|
|
833
|
-
|
|
834
|
-
|
|
1006
|
+
const incoming = mountConfig ?? null;
|
|
1007
|
+
const runtime = incoming?.runtime;
|
|
1008
|
+
const instanceId = incoming?.instanceId;
|
|
1009
|
+
const tileId = incoming?.tileId;
|
|
1010
|
+
const nestedConfig = incoming?.config;
|
|
1011
|
+
const flat = stripMountPlumbing(incoming);
|
|
1012
|
+
if ("config" in flat) {
|
|
1013
|
+
delete flat.config;
|
|
1014
|
+
}
|
|
1015
|
+
const feedbackConfig = nestedConfig ?? { ...flat };
|
|
835
1016
|
const resolvedTileId = tileId ?? instanceId ?? "feedback-widget";
|
|
836
1017
|
if (!feedbackConfig?.steps?.length) {
|
|
837
1018
|
container.innerHTML = '<div style="padding:16px;color:var(--sc-content-text-secondary-color,#87919f)">Feedback widget requires config.</div>';
|
|
@@ -878,4 +1059,4 @@ export {
|
|
|
878
1059
|
SyntroFeedbackElement,
|
|
879
1060
|
FeedbackWidgetLitMountable
|
|
880
1061
|
};
|
|
881
|
-
//# sourceMappingURL=chunk-
|
|
1062
|
+
//# sourceMappingURL=chunk-EQJHBQCS.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../sdk-contracts/dist/mount-plumbing.js", "../../../sdk-contracts/dist/schemas.js", "../src/FeedbackWidget.ts", "../src/engine/FlowEngine.ts", "../src/rendering/ChoiceInput.ts", "../src/rendering/EndScreen.ts", "../src/rendering/NpsInput.ts", "../src/rendering/RatingInput.ts", "../src/rendering/TextInput.ts", "../src/rendering/ThumbsInput.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Mount contract types and helper for adaptive widget mountables.\n *\n * The `WidgetRegistry` in `@syntrologie/runtime-sdk` delivers props to each\n * mountable as `{ ...tile.props, instanceId, runtime, tileId? }` spread flat\n * (see `MountableContract.test.ts` in runtime-sdk for the end-to-end lockdown).\n *\n * Adaptives that strip plumbing manually maintain private blacklists that\n * silently drift when the contract grows (PR #2234 and #2238 documented this).\n * `stripMountPlumbing` centralizes the list so adding a new plumbing key in\n * the future is a one-line change here that every adaptive picks up automatically.\n *\n * Adaptives whose widget schemas use Zod `.strict()` MUST call this before\n * validating, or strict-mode will reject the runtime-injected keys and the\n * widget will silently render its empty/error state.\n */\nexport const MOUNT_PLUMBING_KEYS = ['instanceId', 'runtime', 'tileId'];\nexport function stripMountPlumbing(config) {\n if (!config || typeof config !== 'object') {\n return {};\n }\n const out = { ...config };\n for (const key of MOUNT_PLUMBING_KEYS) {\n delete out[key];\n }\n return out;\n}\n", "/**\n * Shared Zod schemas for decision strategies, conditions, and event scoping.\n *\n * These are the canonical definitions \u2014 runtime-sdk and all adaptive packages\n * should import from here instead of duplicating.\n */\nimport { z } from 'zod';\n// =============================================================================\n// ANCHOR ID SCHEMA\n// =============================================================================\nexport const AnchorIdZ = z\n .object({\n selector: z.string(),\n route: z.union([z.string(), z.array(z.string())]),\n})\n .strict();\n// =============================================================================\n// AUTHORING FIELDS \u2014 title / description / validation\n//\n// These live on every action *during authoring* (LLM produces them; dashboard\n// displays them; reviewers QA-verify with them) but are stripped before the\n// runtime SDK receives the config. Stripping happens server-side in\n// `to_runtime_config` (platform/backend/app/domains/experiments/helpers.py).\n// They appear in the JSON Schema (and therefore in the tactician's prompt)\n// because the LLM needs to know they are valid action properties \u2014 otherwise\n// schema validation would reject what the prompt commands.\n//\n// Each action variant should `.extend(AuthoringFieldsZ)` alongside any\n// triggerWhen/condition extensions. Validation is an ordered list of\n// human-readable step strings \u2014 reviewers scan it as a checklist.\n// =============================================================================\nexport const AuthoringFieldsZ = {\n title: z\n .string()\n .max(200)\n .optional()\n .describe('Authoring-only: short label shown on the action plan dashboard. Stripped before serving to the runtime SDK.'),\n description: z\n .string()\n .max(1000)\n .optional()\n .describe('Authoring-only: one-sentence explanation of what this action does and why. Stripped before serving to the runtime SDK.'),\n validation: z\n .array(z.string().max(500))\n .max(10)\n .optional()\n .describe('Authoring-only: ordered steps a reviewer can follow to trigger this action and visually confirm it works. Each entry is one step. Stripped before serving to the runtime SDK.'),\n};\n// =============================================================================\n// TRIGGER VOCABULARY \u2014 canonical lists of valid event names, metric keys, etc.\n// These flow through to the JSON schema as enums and are used by the LLM prompt.\n// =============================================================================\n/** Events that can be counted in event_count conditions. */\nexport const COUNTABLE_EVENTS = [\n // User interactions (from PostHog autocapture normalization)\n 'ui.click',\n 'ui.scroll',\n 'ui.input',\n 'ui.change',\n 'ui.submit',\n // Behavioral detectors (from event-processor)\n 'ui.hover',\n 'ui.idle',\n 'ui.scroll_thrash',\n 'ui.focus_bounce',\n // Navigation\n 'nav.page_view',\n 'nav.page_leave',\n // Derived behavioral signals\n 'behavior.rage_click',\n 'behavior.hesitation',\n 'behavior.confusion',\n];\nexport const CountableEventZ = z\n .enum(COUNTABLE_EVENTS)\n .describe('Event name to count. ui.* = user interactions and behavioral detectors, nav.* = page navigation, behavior.* = derived behavioral signals.');\n/** Valid session metric keys. */\nexport const SESSION_METRIC_KEYS = ['time_on_page', 'page_views', 'scroll_depth'];\nexport const SessionMetricKeyZ = z\n .enum(SESSION_METRIC_KEYS)\n .describe('Session metric key. time_on_page = seconds on current page, page_views = pages visited this session, scroll_depth = 0-100 percentage.');\n/** Element chain match field prefixes for counter filters. */\nexport const ELEMENT_MATCH_FIELDS = ['tag_name', '$el_text'];\n// Note: attr__* is a dynamic prefix (attr__data-id, attr__class, attr__href, etc.)\n// and cannot be enumerated. The match key is either one of ELEMENT_MATCH_FIELDS\n// or starts with \"attr__\".\n// =============================================================================\n// CONDITION SCHEMAS\n// =============================================================================\nexport const PageUrlConditionZ = z\n .object({\n type: z.literal('page_url'),\n url: z.string().describe('URL path to match (e.g. \"/pricing\", \"/dashboard\")'),\n})\n .describe('Fires when the current page URL matches. Use for page-specific actions. ' +\n 'Example: {\"type\": \"page_url\", \"url\": \"/pricing\"}');\nexport const RouteConditionZ = z\n .object({\n type: z.literal('route'),\n routeId: z.string().describe('Named route ID from the route filter'),\n})\n .describe('Fires when the current route matches a named route ID.');\nexport const AnchorVisibleConditionZ = z\n .object({\n type: z.literal('anchor_visible'),\n anchorId: z.string().describe('CSS selector of the anchor element'),\n state: z\n .enum(['visible', 'present', 'absent'])\n .describe('\"visible\" = in viewport, \"present\" = in DOM, \"absent\" = not in DOM'),\n})\n .describe(\"Fires based on a DOM element's visibility state. \" +\n 'Example: {\"type\": \"anchor_visible\", \"anchorId\": \"#cta-button\", \"state\": \"visible\"}');\nexport const EventOccurredConditionZ = z\n .object({\n type: z.literal('event_occurred'),\n eventName: z.string().describe('Event name (e.g. \"ui.click\", \"$pageview\")'),\n withinMs: z.number().optional().describe('Time window in ms. Omit = any time this session.'),\n})\n .describe('Fires when a specific event has occurred during this session. ' +\n 'Example: {\"type\": \"event_occurred\", \"eventName\": \"ui.click\", \"withinMs\": 5000}');\nexport const StateEqualsConditionZ = z\n .object({\n type: z.literal('state_equals'),\n key: z\n .string()\n .describe('Key in the SDK persistent state store (localStorage). Only valid for keys the host app explicitly sets via syntro.state.set().'),\n value: z.unknown().describe('Expected value to match against'),\n})\n .describe('Checks the SDK persistent state store (localStorage). ONLY for host-app state set via syntro.state.set() \u2014 ' +\n 'NOT for user attributes like region, device, or UTM params (those are handled by segment targeting). ' +\n 'Do NOT use this for targeting. If you do not know the valid state keys, do not use this condition type.');\nexport const ViewportConditionZ = z\n .object({\n type: z.literal('viewport'),\n minWidth: z.number().optional().describe('Minimum viewport width in pixels'),\n maxWidth: z.number().optional().describe('Maximum viewport width in pixels'),\n minHeight: z.number().optional().describe('Minimum viewport height in pixels'),\n maxHeight: z.number().optional().describe('Maximum viewport height in pixels'),\n})\n .describe('Fires based on viewport (screen) size. Use for responsive behavior. ' +\n 'Example: {\"type\": \"viewport\", \"minWidth\": 768} \u2014 fires on tablet and larger.');\nexport const SessionMetricConditionZ = z\n .object({\n type: z.literal('session_metric'),\n key: SessionMetricKeyZ,\n operator: z.enum(['gte', 'lte', 'eq', 'gt', 'lt']),\n threshold: z.number().describe('Numeric threshold to compare against'),\n})\n .describe('Fires when a session metric crosses a threshold. Valid keys: \"time_on_page\" (seconds), ' +\n '\"page_views\" (count), \"scroll_depth\" (0-100). ' +\n 'Example: {\"type\": \"session_metric\", \"key\": \"time_on_page\", \"operator\": \"gte\", \"threshold\": 30}');\nexport const DismissedConditionZ = z\n .object({\n type: z.literal('dismissed'),\n key: z.string().describe('Dismissal key (usually a tile or action ID)'),\n inverted: z\n .boolean()\n .optional()\n .describe('When true, fires if NOT dismissed (default behavior)'),\n})\n .describe('Checks if an item has been dismissed by the user. Use with inverted: true to show only if not dismissed.');\nexport const CooldownActiveConditionZ = z\n .object({\n type: z.literal('cooldown_active'),\n key: z.string().describe('Cooldown key'),\n inverted: z.boolean().optional().describe('When true, fires if cooldown is NOT active'),\n})\n .describe('Checks if a cooldown timer is currently active. Use to prevent showing the same intervention too frequently.');\nexport const FrequencyLimitConditionZ = z\n .object({\n type: z.literal('frequency_limit'),\n key: z.string().describe('Frequency counter key'),\n limit: z.number().describe('Maximum allowed count'),\n inverted: z.boolean().optional().describe('When true, fires if limit NOT reached'),\n})\n .describe('Checks if a frequency limit has been reached. Use to cap how many times an action fires per session.');\nexport const MatchOpZ = z\n .object({\n equals: z.union([z.string(), z.number(), z.boolean()]).optional(),\n contains: z.string().optional(),\n})\n .describe('Match operator for counter filters. Exactly one of equals or contains must be specified.');\nexport const CounterDefZ = z\n .object({\n events: z\n .array(CountableEventZ)\n .min(1)\n .describe('Event names to count. Use values from the countable events enum.'),\n match: z\n .record(z.string(), MatchOpZ)\n .optional()\n .describe('Property filters. Keys are event prop names or element-chain fields ' +\n '(tag_name, $el_text, attr__*). All entries AND together.'),\n})\n .describe('Defines what events to count. Registered as an accumulator predicate at config-load time.');\nexport const EventCountConditionZ = z\n .object({\n type: z.literal('event_count'),\n key: z.string().describe('Unique key for this counter (used for accumulator registration)'),\n operator: z.enum(['gte', 'lte', 'eq', 'gt', 'lt']),\n count: z.number().int().min(0).describe('Target count threshold'),\n withinMs: z\n .number()\n .positive()\n .optional()\n .describe('Time window in ms. Omit = count across entire session.'),\n counter: CounterDefZ.optional().describe('Inline counter definition. Defines what events to count.'),\n})\n .describe('Fires when accumulated event count crosses a threshold. Most powerful trigger type. ' +\n 'Example: {\"type\": \"event_count\", \"key\": \"pricing-clicks\", \"operator\": \"gte\", \"count\": 3, ' +\n '\"counter\": {\"events\": [\"ui.click\"], \"match\": {\"attr__data-cta\": {\"contains\": \"pricing\"}}}}');\nexport const ConditionZ = z.discriminatedUnion('type', [\n PageUrlConditionZ,\n RouteConditionZ,\n AnchorVisibleConditionZ,\n EventOccurredConditionZ,\n StateEqualsConditionZ,\n ViewportConditionZ,\n SessionMetricConditionZ,\n DismissedConditionZ,\n CooldownActiveConditionZ,\n FrequencyLimitConditionZ,\n EventCountConditionZ,\n]);\n// =============================================================================\n// STRATEGY SCHEMAS\n// =============================================================================\nexport const RuleZ = z\n .object({\n conditions: z\n .array(ConditionZ)\n .describe('Array of conditions \u2014 ALL must match (AND logic) for this rule to fire.'),\n value: z\n .unknown()\n .describe('Value returned when all conditions match. For triggerWhen: true = fire the action.'),\n})\n .describe('A single rule. ALL conditions must match (AND logic). Rules in a strategy are evaluated ' +\n 'top-to-bottom \u2014 first rule where all conditions match wins and returns its value.');\nexport const RuleStrategyZ = z\n .object({\n type: z.literal('rules'),\n rules: z\n .array(RuleZ)\n .describe('Ordered list of rules. Evaluated top-to-bottom \u2014 first match wins.'),\n default: z\n .unknown()\n .describe('Fallback value when no rule matches. For triggerWhen: false = do not fire by default.'),\n})\n .describe('Rule-based strategy. Evaluates rules top-to-bottom. First rule where ALL conditions match ' +\n 'returns its value. If no rule matches, returns default. ' +\n 'For triggerWhen: set value=true on matching rules, default=false.');\nexport const ScoreStrategyZ = z\n .object({\n type: z.literal('score'),\n field: z.string(),\n threshold: z.number(),\n above: z.unknown(),\n below: z.unknown(),\n})\n .describe('Score-based strategy. Compares a field value against a threshold.');\nexport const ModelStrategyZ = z\n .object({\n type: z.literal('model'),\n modelId: z.string(),\n inputs: z.array(z.string()),\n outputMapping: z.record(z.string(), z.unknown()),\n default: z.unknown(),\n})\n .describe('ML model strategy. Sends inputs to a model and maps outputs.');\nexport const ExternalStrategyZ = z\n .object({\n type: z.literal('external'),\n endpoint: z.string(),\n method: z.enum(['GET', 'POST']).optional(),\n default: z.unknown(),\n timeoutMs: z.number().optional(),\n})\n .describe('External API strategy. Calls an endpoint to determine the value.');\nexport const DecisionStrategyZ = z.discriminatedUnion('type', [\n RuleStrategyZ,\n ScoreStrategyZ,\n ModelStrategyZ,\n ExternalStrategyZ,\n]);\n/** Canonical Zod schema for the optional triggerWhen field on actions and adaptive items. */\nexport const TriggerWhenZ = DecisionStrategyZ.nullable().optional();\n// =============================================================================\n// TRIGGER DOCUMENTATION \u2014 examples and match field docs\n// Exported as constants so the schema generator can inject them into the\n// JSON schema. The Python prompt builder reads them from the schema.\n// =============================================================================\n/** Complete triggerWhen examples showing the full rules wrapper structure. */\nexport const TRIGGER_EXAMPLES = [\n {\n name: 'Click count on a specific element',\n description: 'Fire when user clicks an element with data-id=\"hero-cta\" 2+ times',\n triggerWhen: {\n type: 'rules',\n rules: [\n {\n conditions: [\n {\n type: 'event_count',\n key: 'cta-clicks',\n operator: 'gte',\n count: 2,\n counter: {\n events: ['ui.click'],\n match: { 'attr__data-id': { equals: 'hero-cta' } },\n },\n },\n ],\n value: true,\n },\n ],\n default: false,\n },\n },\n {\n name: 'Time on page threshold',\n description: 'Fire after user spends 30+ seconds on the page',\n triggerWhen: {\n type: 'rules',\n rules: [\n {\n conditions: [\n {\n type: 'session_metric',\n key: 'time_on_page',\n operator: 'gte',\n threshold: 30,\n },\n ],\n value: true,\n },\n ],\n default: false,\n },\n },\n {\n name: 'Element visible in viewport',\n description: 'Fire when a DOM element becomes visible',\n triggerWhen: {\n type: 'rules',\n rules: [\n {\n conditions: [\n {\n type: 'anchor_visible',\n anchorId: '#pricing-section',\n state: 'visible',\n },\n ],\n value: true,\n },\n ],\n default: false,\n },\n },\n {\n name: 'No trigger (fire immediately)',\n description: 'Action fires as soon as the segment matches \u2014 no in-session condition needed',\n triggerWhen: null,\n },\n];\n/** Documentation for counter.match field keys. */\nexport const MATCH_FIELD_DOCS = {\n tag_name: 'HTML tag name (e.g. \"button\", \"a\", \"input\")',\n $el_text: 'Visible text content of the element',\n 'attr__*': 'HTML attribute prefixed with attr__. Example: attr__data-id matches the data-id attribute, ' +\n 'attr__class matches the class attribute, attr__href matches the href attribute.',\n};\n// =============================================================================\n// EVENT SCOPE SCHEMA\n// =============================================================================\n/** Scopes a widget to specific events/URLs. */\nexport const EventScopeZ = z.object({\n events: z.array(z.string()),\n urlContains: z.string().optional(),\n props: z.record(z.union([z.string(), z.number(), z.boolean()])).optional(),\n});\n// =============================================================================\n// NOTIFY SCHEMA\n// =============================================================================\n/** Toast notification config for triggerWhen transitions. */\nexport const NotifyZ = z\n .object({\n title: z.string().optional(),\n body: z.string().optional(),\n icon: z.string().optional(),\n})\n .nullable()\n .optional();\n", "import { type MountPlumbing, stripMountPlumbing } from '@syntrologie/sdk-contracts';\nimport { css, html, LitElement, nothing } from 'lit';\n\nimport { FlowEngine } from './engine/FlowEngine.js';\nimport './rendering/ChoiceInput.js';\nimport './rendering/EndScreen.js';\nimport './rendering/NpsInput.js';\nimport './rendering/RatingInput.js';\nimport './rendering/TextInput.js';\nimport './rendering/ThumbsInput.js';\nimport type { FeedbackConfig, FeedbackWidgetRuntime, SurveyStep } from './types.js';\n\nexport class SyntroFeedbackElement extends LitElement {\n static override properties = {\n config: { attribute: false },\n runtime: { attribute: false },\n tileId: { type: String },\n _engine: { state: true },\n _direction: { state: true },\n };\n\n static override styles = css`\n :host {\n display: flex;\n flex-direction: column;\n height: 100%;\n font-family: var(--sc-font-family, system-ui, -apple-system, sans-serif);\n color: var(--sc-content-text-color, #111827);\n }\n .header {\n padding: 12px 16px 8px;\n font-size: 15px;\n font-weight: 600;\n color: var(--sc-content-text-color, #111827);\n }\n .progress-bar {\n height: 3px;\n background: var(--sc-content-border-color, #e5e7eb);\n margin: 0 16px;\n border-radius: 2px;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: var(--sc-color-primary, #4f46e5);\n border-radius: 2px;\n transition: width 0.3s ease;\n }\n .step-container {\n flex: 1;\n overflow: hidden;\n position: relative;\n }\n .step-content {\n padding: 16px;\n animation-duration: 0.25s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n }\n .step-content.slide-in-right {\n animation-name: slideInRight;\n }\n .step-content.slide-in-left {\n animation-name: slideInLeft;\n }\n @keyframes slideInRight {\n from { transform: translateX(30px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n @keyframes slideInLeft {\n from { transform: translateX(-30px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n .prompt {\n font-size: 15px;\n font-weight: 500;\n line-height: 1.4;\n margin-bottom: 4px;\n }\n .description {\n font-size: 13px;\n color: var(--sc-content-text-secondary-color, #6b7280);\n margin-bottom: 8px;\n line-height: 1.4;\n }\n .footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px 12px;\n gap: 8px;\n }\n .back-btn {\n padding: 6px 14px;\n border-radius: 6px;\n border: 1px solid var(--sc-content-border-color, #e5e7eb);\n background: transparent;\n color: var(--sc-content-text-secondary-color, #6b7280);\n font-size: 13px;\n cursor: pointer;\n transition: border-color 0.15s;\n }\n .back-btn:hover {\n border-color: var(--sc-content-text-color, #111827);\n }\n .step-count {\n font-size: 12px;\n color: var(--sc-content-text-secondary-color, #9ca3af);\n }\n `;\n\n config: FeedbackConfig | undefined;\n runtime: FeedbackWidgetRuntime | undefined;\n tileId: string = 'feedback-widget';\n\n private _engine: FlowEngine | undefined;\n private _direction: 'forward' | 'back' = 'forward';\n\n override willUpdate(changed: Map<string, unknown>) {\n if (changed.has('config') && this.config?.steps?.length) {\n try {\n this._engine = new FlowEngine(this.config.steps);\n } catch {\n this._engine = undefined;\n }\n }\n }\n\n private _onAnswer = (e: CustomEvent<{ value: string | number }>) => {\n if (!this._engine || !this.config) return;\n const step = this._engine.currentStep;\n const { value } = e.detail;\n\n this.runtime?.events.publish('feedback:response', {\n surveyId: this.tileId,\n stepId: step.id,\n stepType: step.type,\n value,\n stepIndex: this._engine.stepIndex,\n });\n\n this._direction = 'forward';\n this._engine.answer(value);\n const updated: FlowEngine = Object.create(\n Object.getPrototypeOf(this._engine),\n Object.getOwnPropertyDescriptors(this._engine)\n );\n this._engine = updated;\n\n if (updated.isComplete) {\n this.runtime?.events.publish('feedback:completed', {\n surveyId: this.tileId,\n stepsCompleted: updated.stepsCompleted,\n abandoned: false,\n });\n }\n };\n\n private _goBack = () => {\n if (!this._engine) return;\n this._direction = 'back';\n this._engine.goBack();\n this._engine = Object.create(\n Object.getPrototypeOf(this._engine),\n Object.getOwnPropertyDescriptors(this._engine)\n );\n };\n\n private _renderStepInput(step: SurveyStep) {\n const prevAnswer = this._engine?.answers.get(step.id);\n\n switch (step.type) {\n case 'thumbs':\n return html`<sf-thumbs-input\n .value=${prevAnswer as number | undefined}\n @step-answer=${this._onAnswer}\n ></sf-thumbs-input>`;\n\n case 'rating':\n return html`<sf-rating-input\n .max=${step.ratingMax ?? 5}\n .value=${prevAnswer as number | undefined}\n @step-answer=${this._onAnswer}\n ></sf-rating-input>`;\n\n case 'nps':\n return html`<sf-nps-input\n .lowLabel=${step.npsLowLabel ?? 'Not likely'}\n .highLabel=${step.npsHighLabel ?? 'Very likely'}\n .value=${prevAnswer as number | undefined}\n @step-answer=${this._onAnswer}\n ></sf-nps-input>`;\n\n case 'choice':\n return html`<sf-choice-input\n .options=${step.options ?? []}\n .value=${prevAnswer as string | undefined}\n @step-answer=${this._onAnswer}\n ></sf-choice-input>`;\n\n case 'text':\n return html`<sf-text-input\n .placeholder=${step.placeholder ?? ''}\n .value=${(prevAnswer as string) ?? ''}\n .required=${step.required !== false}\n @step-answer=${this._onAnswer}\n ></sf-text-input>`;\n\n case 'end':\n return html`<sf-end-screen .message=${step.prompt}></sf-end-screen>`;\n\n default:\n return nothing;\n }\n }\n\n override render() {\n if (!this._engine || !this.config) {\n return html`<div style=\"padding:16px;color:var(--sc-content-text-secondary-color,#87919f)\">\n Survey widget requires config.\n </div>`;\n }\n\n const step = this._engine.currentStep;\n const showProgress = this.config.showProgress !== false;\n const allowBack = this.config.allowBack === true;\n const canGoBack = allowBack && this._engine.path.length > 1 && step.type !== 'end';\n const totalSteps = this.config.steps.filter((s) => s.type !== 'end').length;\n const progressPct = totalSteps > 0 ? (this._engine.stepsCompleted / totalSteps) * 100 : 0;\n const animClass = this._direction === 'forward' ? 'slide-in-right' : 'slide-in-left';\n\n return html`\n ${this.config.title ? html`<div class=\"header\">${this.config.title}</div>` : nothing}\n ${\n showProgress && step.type !== 'end'\n ? html`<div class=\"progress-bar\">\n <div class=\"progress-fill\" style=\"width:${progressPct}%\"></div>\n </div>`\n : nothing\n }\n <div class=\"step-container\">\n <div class=\"step-content ${animClass}\" key=${step.id}>\n ${\n step.type !== 'end'\n ? html`\n <div class=\"prompt\">${step.prompt}</div>\n ${step.description ? html`<div class=\"description\">${step.description}</div>` : nothing}\n `\n : nothing\n }\n ${this._renderStepInput(step)}\n </div>\n </div>\n ${\n canGoBack || (step.type !== 'end' && showProgress)\n ? html`<div class=\"footer\">\n ${\n canGoBack\n ? html`<button type=\"button\" class=\"back-btn\" @click=${this._goBack}>\u2190 Back</button>`\n : html`<span></span>`\n }\n ${\n step.type !== 'end'\n ? html`<span class=\"step-count\">${this._engine.stepsCompleted + 1} of ${totalSteps}</span>`\n : nothing\n }\n </div>`\n : nothing\n }\n `;\n }\n}\n\ncustomElements.define('syntro-feedback', SyntroFeedbackElement);\n\n// The runtime SDK (SyntroTileCard + WidgetRegistry) delivers tile.props spread\n// flat into mountConfig, alongside `instanceId` and `runtime`. Mountables must\n// destructure flat \u2014 there is no nested `config` field. The legacy `config`\n// and `tileId` keys are accepted for direct callers (e.g. unit tests or\n// imperative mounts that opt into the nested shape).\ntype FlatMountConfig = FeedbackConfig & {\n runtime?: FeedbackWidgetRuntime;\n instanceId?: string;\n tileId?: string;\n /** Legacy nested-config escape hatch for direct callers. */\n config?: FeedbackConfig;\n};\n\nexport const FeedbackWidgetLitMountable = {\n mount(container: HTMLElement, mountConfig?: Record<string, unknown>) {\n const incoming = (mountConfig ?? null) as\n | (Partial<FlatMountConfig> & MountPlumbing & Record<string, unknown>)\n | null;\n const runtime = incoming?.runtime as FeedbackWidgetRuntime | undefined;\n const instanceId = incoming?.instanceId;\n const tileId = incoming?.tileId;\n const nestedConfig = incoming?.config;\n\n // Strip the canonical plumbing keys, then peel off the legacy nested\n // `config` escape hatch to recover the flat FeedbackConfig shape.\n const flat = stripMountPlumbing<Record<string, unknown>>(incoming);\n if ('config' in flat) {\n delete (flat as { config?: unknown }).config;\n }\n\n const feedbackConfig: FeedbackConfig | undefined =\n nestedConfig ?? ({ ...(flat as unknown as FeedbackConfig) } as FeedbackConfig);\n const resolvedTileId = tileId ?? instanceId ?? 'feedback-widget';\n\n if (!feedbackConfig?.steps?.length) {\n container.innerHTML =\n '<div style=\"padding:16px;color:var(--sc-content-text-secondary-color,#87919f)\">Feedback widget requires config.</div>';\n return () => {\n container.innerHTML = '';\n };\n }\n\n let tracker: FlowEngine | undefined;\n try {\n tracker = new FlowEngine(feedbackConfig.steps);\n } catch {\n // invalid config \u2014 element will show its own error\n }\n\n const el = document.createElement('syntro-feedback') as SyntroFeedbackElement;\n el.config = feedbackConfig;\n el.runtime = runtime;\n el.tileId = resolvedTileId;\n el.style.cssText = 'display:flex;flex-direction:column;height:100%;width:100%;';\n\n container.appendChild(el);\n\n let completed = false;\n const onAnswer = (e: Event) => {\n const detail = (e as CustomEvent<{ value: string | number }>).detail;\n if (tracker && !tracker.isComplete) {\n tracker.answer(detail.value);\n if (tracker.isComplete) completed = true;\n }\n };\n el.addEventListener('step-answer', onAnswer);\n\n return () => {\n el.removeEventListener('step-answer', onAnswer);\n if (!completed && runtime && tracker) {\n runtime.events.publish('feedback:abandoned', {\n surveyId: resolvedTileId,\n lastStepId: tracker.currentStep.id,\n stepsCompleted: tracker.stepsCompleted,\n abandoned: true,\n });\n }\n el.remove();\n };\n },\n};\n", "import type { BranchRule, SurveyStep } from '../types';\n\nexport class FlowEngineValidationError extends Error {\n constructor(message: string) {\n super(message);\n this.name = 'FlowEngineValidationError';\n }\n}\n\nexport class FlowEngine {\n private _steps: SurveyStep[];\n private _stepMap: Map<string, SurveyStep>;\n private _answers: Map<string, string | number> = new Map();\n private _path: string[];\n\n constructor(steps: SurveyStep[]) {\n this._validate(steps);\n this._steps = steps;\n this._stepMap = new Map(steps.map((s) => [s.id, s]));\n this._path = [steps[0].id];\n }\n\n get currentStep(): SurveyStep {\n const id = this._path[this._path.length - 1];\n return this._stepMap.get(id)!;\n }\n\n get answers(): ReadonlyMap<string, string | number> {\n return this._answers;\n }\n\n get path(): readonly string[] {\n return this._path;\n }\n\n get isComplete(): boolean {\n return this.currentStep.type === 'end';\n }\n\n get stepsCompleted(): number {\n return this._path.filter((id) => this._answers.has(id)).length;\n }\n\n get stepIndex(): number {\n return this._path.length - 1;\n }\n\n getStep(id: string): SurveyStep | undefined {\n return this._stepMap.get(id);\n }\n\n answer(value: string | number): void {\n const step = this.currentStep;\n if (step.type === 'end') return;\n\n this._answers.set(step.id, value);\n const nextId = this._resolveNext(step, value);\n\n const currentIdx = this._path.length - 1;\n this._path = this._path.slice(0, currentIdx + 1);\n this._path.push(nextId);\n }\n\n goBack(): void {\n if (this._path.length <= 1) return;\n this._path = this._path.slice(0, -1);\n }\n\n private _resolveNext(step: SurveyStep, value: string | number): string {\n if (step.next === undefined) {\n return this._nextInArray(step.id);\n }\n\n if (typeof step.next === 'string') {\n return step.next;\n }\n\n for (const rule of step.next) {\n if (this._evaluateRule(rule, value)) {\n return rule.goto;\n }\n }\n\n return this._nextInArray(step.id);\n }\n\n private _nextInArray(currentId: string): string {\n const idx = this._steps.findIndex((s) => s.id === currentId);\n return this._steps[idx + 1].id;\n }\n\n private _evaluateRule(rule: BranchRule, value: string | number): boolean {\n const { op, value: ruleValue } = rule.if;\n\n switch (op) {\n case 'eq':\n return value === ruleValue;\n case 'neq':\n return value !== ruleValue;\n case 'lt':\n return Number(value) < Number(ruleValue);\n case 'lte':\n return Number(value) <= Number(ruleValue);\n case 'gt':\n return Number(value) > Number(ruleValue);\n case 'gte':\n return Number(value) >= Number(ruleValue);\n case 'in':\n return Array.isArray(ruleValue) && ruleValue.includes(String(value));\n default:\n return false;\n }\n }\n\n private _validate(steps: SurveyStep[]): void {\n if (steps.length === 0) {\n throw new FlowEngineValidationError('Steps array must not be empty');\n }\n\n const ids = new Set<string>();\n for (const step of steps) {\n if (ids.has(step.id)) {\n throw new FlowEngineValidationError(`Duplicate step ID: \"${step.id}\"`);\n }\n ids.add(step.id);\n }\n\n const hasEnd = steps.some((s) => s.type === 'end');\n if (!hasEnd) {\n throw new FlowEngineValidationError('At least one step must have type \"end\"');\n }\n\n for (let i = 0; i < steps.length; i++) {\n const step = steps[i];\n if (typeof step.next === 'string') {\n if (!ids.has(step.next)) {\n throw new FlowEngineValidationError(\n `Step \"${step.id}\" has next target \"${step.next}\" which does not exist`\n );\n }\n } else if (Array.isArray(step.next)) {\n for (const rule of step.next) {\n if (!ids.has(rule.goto)) {\n throw new FlowEngineValidationError(\n `Step \"${step.id}\" has branch rule targeting \"${rule.goto}\" which does not exist`\n );\n }\n }\n }\n\n if (step.type !== 'end' && step.next === undefined && i === steps.length - 1) {\n throw new FlowEngineValidationError(\n `Step \"${step.id}\" is last in the array with no explicit \"next\" and is not an end step`\n );\n }\n }\n }\n}\n", "import { css, html, LitElement } from 'lit';\n\nexport class ChoiceInput extends LitElement {\n static override properties = {\n options: { attribute: false },\n value: { type: String },\n };\n\n static override styles = css`\n :host { display: block; }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px 0;\n }\n button {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 10px 14px;\n border-radius: 8px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-size: 14px;\n text-align: left;\n cursor: pointer;\n transition: border-color 0.15s, background 0.15s;\n }\n button:hover {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"] {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary-light, #eef2ff);\n }\n .radio {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n button[aria-pressed=\"true\"] .radio {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n .radio-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: transparent;\n }\n button[aria-pressed=\"true\"] .radio-dot {\n background: var(--sc-color-primary, #4f46e5);\n }\n `;\n\n options: string[] = [];\n value: string | undefined;\n\n private _select(opt: string) {\n this.value = opt;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: opt },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n return html`\n <div class=\"choices\" role=\"radiogroup\">\n ${(this.options ?? []).map(\n (opt) => html`\n <button\n type=\"button\"\n role=\"radio\"\n aria-pressed=${this.value === opt ? 'true' : 'false'}\n @click=${() => this._select(opt)}\n >\n <span class=\"radio\"><span class=\"radio-dot\"></span></span>\n ${opt}\n </button>\n `\n )}\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-choice-input', ChoiceInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class EndScreen extends LitElement {\n static override properties = {\n message: { type: String },\n };\n\n static override styles = css`\n :host { display: block; }\n .end-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 24px 16px;\n text-align: center;\n gap: 12px;\n }\n .checkmark {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--sc-color-primary-light, #eef2ff);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n }\n .message {\n color: var(--sc-content-text-color, #111827);\n font-size: 16px;\n font-weight: 500;\n line-height: 1.5;\n }\n `;\n\n message: string = 'Thank you!';\n\n override render() {\n return html`\n <div class=\"end-wrap\">\n <div class=\"checkmark\">\u2713</div>\n <div class=\"message\">${this.message}</div>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-end-screen', EndScreen);\n", "import { css, html, LitElement } from 'lit';\n\nexport class NpsInput extends LitElement {\n static override properties = {\n lowLabel: { type: String },\n highLabel: { type: String },\n value: { type: Number },\n };\n\n static override styles = css`\n :host { display: block; }\n .nps-scale {\n display: flex;\n gap: 4px;\n justify-content: center;\n padding: 12px 0 4px;\n }\n button {\n min-width: 32px;\n height: 36px;\n border-radius: 6px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: border-color 0.15s, background 0.15s;\n padding: 0 4px;\n }\n button:hover {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"] {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary, #4f46e5);\n color: #fff;\n }\n .labels {\n display: flex;\n justify-content: space-between;\n padding: 4px 2px 0;\n font-size: 12px;\n color: var(--sc-content-text-secondary-color, #6b7280);\n }\n `;\n\n lowLabel: string = 'Not likely';\n highLabel: string = 'Very likely';\n value: number | undefined;\n\n private _select(val: number) {\n this.value = val;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: val },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n const items = Array.from({ length: 11 }, (_, i) => i);\n return html`\n <div>\n <div class=\"nps-scale\">\n ${items.map(\n (n) => html`\n <button\n type=\"button\"\n aria-label=\"Score ${n}\"\n aria-pressed=${this.value === n ? 'true' : 'false'}\n @click=${() => this._select(n)}\n >${n}</button>\n `\n )}\n </div>\n <div class=\"labels\">\n <span>${this.lowLabel}</span>\n <span>${this.highLabel}</span>\n </div>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-nps-input', NpsInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class RatingInput extends LitElement {\n static override properties = {\n max: { type: Number },\n value: { type: Number },\n };\n\n static override styles = css`\n :host { display: block; }\n .rating-row {\n display: flex;\n gap: 8px;\n justify-content: center;\n padding: 12px 0;\n }\n button {\n width: 40px;\n height: 40px;\n border-radius: 8px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.1s, border-color 0.15s, background 0.15s;\n }\n button:hover {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"],\n button.selected {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary, #4f46e5);\n color: #fff;\n }\n `;\n\n max: number = 5;\n value: number | undefined;\n\n private _select(val: number) {\n this.value = val;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: val },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n const count = this.max || 5;\n const items = Array.from({ length: count }, (_, i) => i + 1);\n return html`\n <div class=\"rating-row\">\n ${items.map(\n (n) => html`\n <button\n type=\"button\"\n aria-label=\"Rate ${n} of ${count}\"\n aria-pressed=${this.value === n ? 'true' : 'false'}\n class=${this.value === n ? 'selected' : ''}\n @click=${() => this._select(n)}\n >${n}</button>\n `\n )}\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-rating-input', RatingInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class TextInput extends LitElement {\n static override properties = {\n placeholder: { type: String },\n value: { type: String },\n required: { type: Boolean },\n };\n\n static override styles = css`\n :host { display: block; }\n .text-wrap {\n padding: 8px 0;\n }\n textarea {\n width: 100%;\n min-height: 80px;\n padding: 10px 12px;\n border-radius: 8px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n box-sizing: border-box;\n transition: border-color 0.15s;\n }\n textarea:focus {\n outline: none;\n border-color: var(--sc-color-primary, #4f46e5);\n }\n textarea::placeholder {\n color: var(--sc-content-text-secondary-color, #9ca3af);\n }\n .submit-row {\n display: flex;\n justify-content: flex-end;\n padding-top: 8px;\n }\n button {\n padding: 8px 20px;\n border-radius: 8px;\n border: none;\n background: var(--sc-color-primary, #4f46e5);\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: opacity 0.15s;\n }\n button:hover { opacity: 0.9; }\n button:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n `;\n\n placeholder: string = '';\n value: string = '';\n required: boolean = true;\n\n private _currentText = '';\n\n private _handleInput = (e: Event) => {\n this._currentText = (e.target as HTMLTextAreaElement).value;\n this.requestUpdate();\n };\n\n private _submit = () => {\n if (this.required && !this._currentText.trim()) return;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: this._currentText },\n bubbles: true,\n composed: true,\n })\n );\n };\n\n override connectedCallback() {\n super.connectedCallback();\n this._currentText = this.value || '';\n }\n\n override render() {\n const canSubmit = !this.required || this._currentText.trim().length > 0;\n return html`\n <div class=\"text-wrap\">\n <textarea\n .value=${this._currentText}\n placeholder=${this.placeholder || 'Type your answer...'}\n @input=${this._handleInput}\n ></textarea>\n <div class=\"submit-row\">\n <button type=\"button\" ?disabled=${!canSubmit} @click=${this._submit}>\n Submit\n </button>\n </div>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-text-input', TextInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class ThumbsInput extends LitElement {\n static override properties = {\n value: { type: Number },\n };\n\n static override styles = css`\n :host { display: block; }\n .thumbs-row {\n display: flex;\n gap: 16px;\n justify-content: center;\n padding: 12px 0;\n }\n button {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n font-size: 28px;\n cursor: pointer;\n transition: transform 0.15s, border-color 0.15s, background 0.15s;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n button:hover {\n transform: scale(1.1);\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"] {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary-light, #eef2ff);\n }\n `;\n\n value: number | undefined;\n\n private _select(val: number) {\n this.value = val;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: val },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n return html`\n <div class=\"thumbs-row\">\n <button\n type=\"button\"\n aria-label=\"Thumbs up\"\n aria-pressed=${this.value === 1 ? 'true' : 'false'}\n @click=${() => this._select(1)}\n >\\u{1F44D}</button>\n <button\n type=\"button\"\n aria-label=\"Thumbs down\"\n aria-pressed=${this.value === 0 ? 'true' : 'false'}\n @click=${() => this._select(0)}\n >\\u{1F44E}</button>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-thumbs-input', ThumbsInput);\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "LitElement", "html", "css"]
|
|
7
|
+
}
|
package/dist/runtime.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@syntrologie/adapt-feedback",
|
|
3
|
-
"version": "2.8.0-canary.
|
|
3
|
+
"version": "2.8.0-canary.245",
|
|
4
4
|
"description": "Adaptive Feedback - Multi-step survey widget with branching logic and PostHog events",
|
|
5
5
|
"license": "Proprietary",
|
|
6
6
|
"private": false,
|
|
@@ -54,6 +54,9 @@
|
|
|
54
54
|
"test": "vitest run",
|
|
55
55
|
"test:watch": "vitest"
|
|
56
56
|
},
|
|
57
|
+
"dependencies": {
|
|
58
|
+
"@syntrologie/sdk-contracts": "*"
|
|
59
|
+
},
|
|
57
60
|
"peerDependencies": {
|
|
58
61
|
"lit": "^3.0.0",
|
|
59
62
|
"zod": "^3.0.0"
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/FeedbackWidget.ts", "../src/engine/FlowEngine.ts", "../src/rendering/ChoiceInput.ts", "../src/rendering/EndScreen.ts", "../src/rendering/NpsInput.ts", "../src/rendering/RatingInput.ts", "../src/rendering/TextInput.ts", "../src/rendering/ThumbsInput.ts"],
|
|
4
|
-
"sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\n\nimport { FlowEngine } from './engine/FlowEngine.js';\nimport './rendering/ChoiceInput.js';\nimport './rendering/EndScreen.js';\nimport './rendering/NpsInput.js';\nimport './rendering/RatingInput.js';\nimport './rendering/TextInput.js';\nimport './rendering/ThumbsInput.js';\nimport type { FeedbackConfig, FeedbackWidgetRuntime, SurveyStep } from './types.js';\n\nexport class SyntroFeedbackElement extends LitElement {\n static override properties = {\n config: { attribute: false },\n runtime: { attribute: false },\n tileId: { type: String },\n _engine: { state: true },\n _direction: { state: true },\n };\n\n static override styles = css`\n :host {\n display: flex;\n flex-direction: column;\n height: 100%;\n font-family: var(--sc-font-family, system-ui, -apple-system, sans-serif);\n color: var(--sc-content-text-color, #111827);\n }\n .header {\n padding: 12px 16px 8px;\n font-size: 15px;\n font-weight: 600;\n color: var(--sc-content-text-color, #111827);\n }\n .progress-bar {\n height: 3px;\n background: var(--sc-content-border-color, #e5e7eb);\n margin: 0 16px;\n border-radius: 2px;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: var(--sc-color-primary, #4f46e5);\n border-radius: 2px;\n transition: width 0.3s ease;\n }\n .step-container {\n flex: 1;\n overflow: hidden;\n position: relative;\n }\n .step-content {\n padding: 16px;\n animation-duration: 0.25s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n }\n .step-content.slide-in-right {\n animation-name: slideInRight;\n }\n .step-content.slide-in-left {\n animation-name: slideInLeft;\n }\n @keyframes slideInRight {\n from { transform: translateX(30px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n @keyframes slideInLeft {\n from { transform: translateX(-30px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n .prompt {\n font-size: 15px;\n font-weight: 500;\n line-height: 1.4;\n margin-bottom: 4px;\n }\n .description {\n font-size: 13px;\n color: var(--sc-content-text-secondary-color, #6b7280);\n margin-bottom: 8px;\n line-height: 1.4;\n }\n .footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px 12px;\n gap: 8px;\n }\n .back-btn {\n padding: 6px 14px;\n border-radius: 6px;\n border: 1px solid var(--sc-content-border-color, #e5e7eb);\n background: transparent;\n color: var(--sc-content-text-secondary-color, #6b7280);\n font-size: 13px;\n cursor: pointer;\n transition: border-color 0.15s;\n }\n .back-btn:hover {\n border-color: var(--sc-content-text-color, #111827);\n }\n .step-count {\n font-size: 12px;\n color: var(--sc-content-text-secondary-color, #9ca3af);\n }\n `;\n\n config: FeedbackConfig | undefined;\n runtime: FeedbackWidgetRuntime | undefined;\n tileId: string = 'feedback-widget';\n\n private _engine: FlowEngine | undefined;\n private _direction: 'forward' | 'back' = 'forward';\n\n override willUpdate(changed: Map<string, unknown>) {\n if (changed.has('config') && this.config?.steps?.length) {\n try {\n this._engine = new FlowEngine(this.config.steps);\n } catch {\n this._engine = undefined;\n }\n }\n }\n\n private _onAnswer = (e: CustomEvent<{ value: string | number }>) => {\n if (!this._engine || !this.config) return;\n const step = this._engine.currentStep;\n const { value } = e.detail;\n\n this.runtime?.events.publish('feedback:response', {\n surveyId: this.tileId,\n stepId: step.id,\n stepType: step.type,\n value,\n stepIndex: this._engine.stepIndex,\n });\n\n this._direction = 'forward';\n this._engine.answer(value);\n const updated: FlowEngine = Object.create(\n Object.getPrototypeOf(this._engine),\n Object.getOwnPropertyDescriptors(this._engine)\n );\n this._engine = updated;\n\n if (updated.isComplete) {\n this.runtime?.events.publish('feedback:completed', {\n surveyId: this.tileId,\n stepsCompleted: updated.stepsCompleted,\n abandoned: false,\n });\n }\n };\n\n private _goBack = () => {\n if (!this._engine) return;\n this._direction = 'back';\n this._engine.goBack();\n this._engine = Object.create(\n Object.getPrototypeOf(this._engine),\n Object.getOwnPropertyDescriptors(this._engine)\n );\n };\n\n private _renderStepInput(step: SurveyStep) {\n const prevAnswer = this._engine?.answers.get(step.id);\n\n switch (step.type) {\n case 'thumbs':\n return html`<sf-thumbs-input\n .value=${prevAnswer as number | undefined}\n @step-answer=${this._onAnswer}\n ></sf-thumbs-input>`;\n\n case 'rating':\n return html`<sf-rating-input\n .max=${step.ratingMax ?? 5}\n .value=${prevAnswer as number | undefined}\n @step-answer=${this._onAnswer}\n ></sf-rating-input>`;\n\n case 'nps':\n return html`<sf-nps-input\n .lowLabel=${step.npsLowLabel ?? 'Not likely'}\n .highLabel=${step.npsHighLabel ?? 'Very likely'}\n .value=${prevAnswer as number | undefined}\n @step-answer=${this._onAnswer}\n ></sf-nps-input>`;\n\n case 'choice':\n return html`<sf-choice-input\n .options=${step.options ?? []}\n .value=${prevAnswer as string | undefined}\n @step-answer=${this._onAnswer}\n ></sf-choice-input>`;\n\n case 'text':\n return html`<sf-text-input\n .placeholder=${step.placeholder ?? ''}\n .value=${(prevAnswer as string) ?? ''}\n .required=${step.required !== false}\n @step-answer=${this._onAnswer}\n ></sf-text-input>`;\n\n case 'end':\n return html`<sf-end-screen .message=${step.prompt}></sf-end-screen>`;\n\n default:\n return nothing;\n }\n }\n\n override render() {\n if (!this._engine || !this.config) {\n return html`<div style=\"padding:16px;color:var(--sc-content-text-secondary-color,#87919f)\">\n Survey widget requires config.\n </div>`;\n }\n\n const step = this._engine.currentStep;\n const showProgress = this.config.showProgress !== false;\n const allowBack = this.config.allowBack === true;\n const canGoBack = allowBack && this._engine.path.length > 1 && step.type !== 'end';\n const totalSteps = this.config.steps.filter((s) => s.type !== 'end').length;\n const progressPct = totalSteps > 0 ? (this._engine.stepsCompleted / totalSteps) * 100 : 0;\n const animClass = this._direction === 'forward' ? 'slide-in-right' : 'slide-in-left';\n\n return html`\n ${this.config.title ? html`<div class=\"header\">${this.config.title}</div>` : nothing}\n ${\n showProgress && step.type !== 'end'\n ? html`<div class=\"progress-bar\">\n <div class=\"progress-fill\" style=\"width:${progressPct}%\"></div>\n </div>`\n : nothing\n }\n <div class=\"step-container\">\n <div class=\"step-content ${animClass}\" key=${step.id}>\n ${\n step.type !== 'end'\n ? html`\n <div class=\"prompt\">${step.prompt}</div>\n ${step.description ? html`<div class=\"description\">${step.description}</div>` : nothing}\n `\n : nothing\n }\n ${this._renderStepInput(step)}\n </div>\n </div>\n ${\n canGoBack || (step.type !== 'end' && showProgress)\n ? html`<div class=\"footer\">\n ${\n canGoBack\n ? html`<button type=\"button\" class=\"back-btn\" @click=${this._goBack}>\u2190 Back</button>`\n : html`<span></span>`\n }\n ${\n step.type !== 'end'\n ? html`<span class=\"step-count\">${this._engine.stepsCompleted + 1} of ${totalSteps}</span>`\n : nothing\n }\n </div>`\n : nothing\n }\n `;\n }\n}\n\ncustomElements.define('syntro-feedback', SyntroFeedbackElement);\n\n// The runtime SDK (SyntroTileCard + WidgetRegistry) delivers tile.props spread\n// flat into mountConfig, alongside `instanceId` and `runtime`. Mountables must\n// destructure flat \u2014 there is no nested `config` field. The legacy `config`\n// and `tileId` keys are accepted for direct callers (e.g. unit tests or\n// imperative mounts that opt into the nested shape).\ntype FlatMountConfig = FeedbackConfig & {\n runtime?: FeedbackWidgetRuntime;\n instanceId?: string;\n tileId?: string;\n /** Legacy nested-config escape hatch for direct callers. */\n config?: FeedbackConfig;\n};\n\nexport const FeedbackWidgetLitMountable = {\n mount(container: HTMLElement, mountConfig?: Record<string, unknown>) {\n const incoming = (mountConfig ?? {}) as Partial<FlatMountConfig>;\n const { runtime, instanceId, tileId, config: nestedConfig, ...flat } = incoming;\n\n const feedbackConfig: FeedbackConfig | undefined = nestedConfig ?? {\n ...(flat as FeedbackConfig),\n };\n const resolvedTileId = tileId ?? instanceId ?? 'feedback-widget';\n\n if (!feedbackConfig?.steps?.length) {\n container.innerHTML =\n '<div style=\"padding:16px;color:var(--sc-content-text-secondary-color,#87919f)\">Feedback widget requires config.</div>';\n return () => {\n container.innerHTML = '';\n };\n }\n\n let tracker: FlowEngine | undefined;\n try {\n tracker = new FlowEngine(feedbackConfig.steps);\n } catch {\n // invalid config \u2014 element will show its own error\n }\n\n const el = document.createElement('syntro-feedback') as SyntroFeedbackElement;\n el.config = feedbackConfig;\n el.runtime = runtime;\n el.tileId = resolvedTileId;\n el.style.cssText = 'display:flex;flex-direction:column;height:100%;width:100%;';\n\n container.appendChild(el);\n\n let completed = false;\n const onAnswer = (e: Event) => {\n const detail = (e as CustomEvent<{ value: string | number }>).detail;\n if (tracker && !tracker.isComplete) {\n tracker.answer(detail.value);\n if (tracker.isComplete) completed = true;\n }\n };\n el.addEventListener('step-answer', onAnswer);\n\n return () => {\n el.removeEventListener('step-answer', onAnswer);\n if (!completed && runtime && tracker) {\n runtime.events.publish('feedback:abandoned', {\n surveyId: resolvedTileId,\n lastStepId: tracker.currentStep.id,\n stepsCompleted: tracker.stepsCompleted,\n abandoned: true,\n });\n }\n el.remove();\n };\n },\n};\n", "import type { BranchRule, SurveyStep } from '../types';\n\nexport class FlowEngineValidationError extends Error {\n constructor(message: string) {\n super(message);\n this.name = 'FlowEngineValidationError';\n }\n}\n\nexport class FlowEngine {\n private _steps: SurveyStep[];\n private _stepMap: Map<string, SurveyStep>;\n private _answers: Map<string, string | number> = new Map();\n private _path: string[];\n\n constructor(steps: SurveyStep[]) {\n this._validate(steps);\n this._steps = steps;\n this._stepMap = new Map(steps.map((s) => [s.id, s]));\n this._path = [steps[0].id];\n }\n\n get currentStep(): SurveyStep {\n const id = this._path[this._path.length - 1];\n return this._stepMap.get(id)!;\n }\n\n get answers(): ReadonlyMap<string, string | number> {\n return this._answers;\n }\n\n get path(): readonly string[] {\n return this._path;\n }\n\n get isComplete(): boolean {\n return this.currentStep.type === 'end';\n }\n\n get stepsCompleted(): number {\n return this._path.filter((id) => this._answers.has(id)).length;\n }\n\n get stepIndex(): number {\n return this._path.length - 1;\n }\n\n getStep(id: string): SurveyStep | undefined {\n return this._stepMap.get(id);\n }\n\n answer(value: string | number): void {\n const step = this.currentStep;\n if (step.type === 'end') return;\n\n this._answers.set(step.id, value);\n const nextId = this._resolveNext(step, value);\n\n const currentIdx = this._path.length - 1;\n this._path = this._path.slice(0, currentIdx + 1);\n this._path.push(nextId);\n }\n\n goBack(): void {\n if (this._path.length <= 1) return;\n this._path = this._path.slice(0, -1);\n }\n\n private _resolveNext(step: SurveyStep, value: string | number): string {\n if (step.next === undefined) {\n return this._nextInArray(step.id);\n }\n\n if (typeof step.next === 'string') {\n return step.next;\n }\n\n for (const rule of step.next) {\n if (this._evaluateRule(rule, value)) {\n return rule.goto;\n }\n }\n\n return this._nextInArray(step.id);\n }\n\n private _nextInArray(currentId: string): string {\n const idx = this._steps.findIndex((s) => s.id === currentId);\n return this._steps[idx + 1].id;\n }\n\n private _evaluateRule(rule: BranchRule, value: string | number): boolean {\n const { op, value: ruleValue } = rule.if;\n\n switch (op) {\n case 'eq':\n return value === ruleValue;\n case 'neq':\n return value !== ruleValue;\n case 'lt':\n return Number(value) < Number(ruleValue);\n case 'lte':\n return Number(value) <= Number(ruleValue);\n case 'gt':\n return Number(value) > Number(ruleValue);\n case 'gte':\n return Number(value) >= Number(ruleValue);\n case 'in':\n return Array.isArray(ruleValue) && ruleValue.includes(String(value));\n default:\n return false;\n }\n }\n\n private _validate(steps: SurveyStep[]): void {\n if (steps.length === 0) {\n throw new FlowEngineValidationError('Steps array must not be empty');\n }\n\n const ids = new Set<string>();\n for (const step of steps) {\n if (ids.has(step.id)) {\n throw new FlowEngineValidationError(`Duplicate step ID: \"${step.id}\"`);\n }\n ids.add(step.id);\n }\n\n const hasEnd = steps.some((s) => s.type === 'end');\n if (!hasEnd) {\n throw new FlowEngineValidationError('At least one step must have type \"end\"');\n }\n\n for (let i = 0; i < steps.length; i++) {\n const step = steps[i];\n if (typeof step.next === 'string') {\n if (!ids.has(step.next)) {\n throw new FlowEngineValidationError(\n `Step \"${step.id}\" has next target \"${step.next}\" which does not exist`\n );\n }\n } else if (Array.isArray(step.next)) {\n for (const rule of step.next) {\n if (!ids.has(rule.goto)) {\n throw new FlowEngineValidationError(\n `Step \"${step.id}\" has branch rule targeting \"${rule.goto}\" which does not exist`\n );\n }\n }\n }\n\n if (step.type !== 'end' && step.next === undefined && i === steps.length - 1) {\n throw new FlowEngineValidationError(\n `Step \"${step.id}\" is last in the array with no explicit \"next\" and is not an end step`\n );\n }\n }\n }\n}\n", "import { css, html, LitElement } from 'lit';\n\nexport class ChoiceInput extends LitElement {\n static override properties = {\n options: { attribute: false },\n value: { type: String },\n };\n\n static override styles = css`\n :host { display: block; }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px 0;\n }\n button {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 10px 14px;\n border-radius: 8px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-size: 14px;\n text-align: left;\n cursor: pointer;\n transition: border-color 0.15s, background 0.15s;\n }\n button:hover {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"] {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary-light, #eef2ff);\n }\n .radio {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n button[aria-pressed=\"true\"] .radio {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n .radio-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: transparent;\n }\n button[aria-pressed=\"true\"] .radio-dot {\n background: var(--sc-color-primary, #4f46e5);\n }\n `;\n\n options: string[] = [];\n value: string | undefined;\n\n private _select(opt: string) {\n this.value = opt;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: opt },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n return html`\n <div class=\"choices\" role=\"radiogroup\">\n ${(this.options ?? []).map(\n (opt) => html`\n <button\n type=\"button\"\n role=\"radio\"\n aria-pressed=${this.value === opt ? 'true' : 'false'}\n @click=${() => this._select(opt)}\n >\n <span class=\"radio\"><span class=\"radio-dot\"></span></span>\n ${opt}\n </button>\n `\n )}\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-choice-input', ChoiceInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class EndScreen extends LitElement {\n static override properties = {\n message: { type: String },\n };\n\n static override styles = css`\n :host { display: block; }\n .end-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 24px 16px;\n text-align: center;\n gap: 12px;\n }\n .checkmark {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--sc-color-primary-light, #eef2ff);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n }\n .message {\n color: var(--sc-content-text-color, #111827);\n font-size: 16px;\n font-weight: 500;\n line-height: 1.5;\n }\n `;\n\n message: string = 'Thank you!';\n\n override render() {\n return html`\n <div class=\"end-wrap\">\n <div class=\"checkmark\">\u2713</div>\n <div class=\"message\">${this.message}</div>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-end-screen', EndScreen);\n", "import { css, html, LitElement } from 'lit';\n\nexport class NpsInput extends LitElement {\n static override properties = {\n lowLabel: { type: String },\n highLabel: { type: String },\n value: { type: Number },\n };\n\n static override styles = css`\n :host { display: block; }\n .nps-scale {\n display: flex;\n gap: 4px;\n justify-content: center;\n padding: 12px 0 4px;\n }\n button {\n min-width: 32px;\n height: 36px;\n border-radius: 6px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: border-color 0.15s, background 0.15s;\n padding: 0 4px;\n }\n button:hover {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"] {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary, #4f46e5);\n color: #fff;\n }\n .labels {\n display: flex;\n justify-content: space-between;\n padding: 4px 2px 0;\n font-size: 12px;\n color: var(--sc-content-text-secondary-color, #6b7280);\n }\n `;\n\n lowLabel: string = 'Not likely';\n highLabel: string = 'Very likely';\n value: number | undefined;\n\n private _select(val: number) {\n this.value = val;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: val },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n const items = Array.from({ length: 11 }, (_, i) => i);\n return html`\n <div>\n <div class=\"nps-scale\">\n ${items.map(\n (n) => html`\n <button\n type=\"button\"\n aria-label=\"Score ${n}\"\n aria-pressed=${this.value === n ? 'true' : 'false'}\n @click=${() => this._select(n)}\n >${n}</button>\n `\n )}\n </div>\n <div class=\"labels\">\n <span>${this.lowLabel}</span>\n <span>${this.highLabel}</span>\n </div>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-nps-input', NpsInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class RatingInput extends LitElement {\n static override properties = {\n max: { type: Number },\n value: { type: Number },\n };\n\n static override styles = css`\n :host { display: block; }\n .rating-row {\n display: flex;\n gap: 8px;\n justify-content: center;\n padding: 12px 0;\n }\n button {\n width: 40px;\n height: 40px;\n border-radius: 8px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.1s, border-color 0.15s, background 0.15s;\n }\n button:hover {\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"],\n button.selected {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary, #4f46e5);\n color: #fff;\n }\n `;\n\n max: number = 5;\n value: number | undefined;\n\n private _select(val: number) {\n this.value = val;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: val },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n const count = this.max || 5;\n const items = Array.from({ length: count }, (_, i) => i + 1);\n return html`\n <div class=\"rating-row\">\n ${items.map(\n (n) => html`\n <button\n type=\"button\"\n aria-label=\"Rate ${n} of ${count}\"\n aria-pressed=${this.value === n ? 'true' : 'false'}\n class=${this.value === n ? 'selected' : ''}\n @click=${() => this._select(n)}\n >${n}</button>\n `\n )}\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-rating-input', RatingInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class TextInput extends LitElement {\n static override properties = {\n placeholder: { type: String },\n value: { type: String },\n required: { type: Boolean },\n };\n\n static override styles = css`\n :host { display: block; }\n .text-wrap {\n padding: 8px 0;\n }\n textarea {\n width: 100%;\n min-height: 80px;\n padding: 10px 12px;\n border-radius: 8px;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n color: var(--sc-content-text-color, #111827);\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n box-sizing: border-box;\n transition: border-color 0.15s;\n }\n textarea:focus {\n outline: none;\n border-color: var(--sc-color-primary, #4f46e5);\n }\n textarea::placeholder {\n color: var(--sc-content-text-secondary-color, #9ca3af);\n }\n .submit-row {\n display: flex;\n justify-content: flex-end;\n padding-top: 8px;\n }\n button {\n padding: 8px 20px;\n border-radius: 8px;\n border: none;\n background: var(--sc-color-primary, #4f46e5);\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: opacity 0.15s;\n }\n button:hover { opacity: 0.9; }\n button:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n `;\n\n placeholder: string = '';\n value: string = '';\n required: boolean = true;\n\n private _currentText = '';\n\n private _handleInput = (e: Event) => {\n this._currentText = (e.target as HTMLTextAreaElement).value;\n this.requestUpdate();\n };\n\n private _submit = () => {\n if (this.required && !this._currentText.trim()) return;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: this._currentText },\n bubbles: true,\n composed: true,\n })\n );\n };\n\n override connectedCallback() {\n super.connectedCallback();\n this._currentText = this.value || '';\n }\n\n override render() {\n const canSubmit = !this.required || this._currentText.trim().length > 0;\n return html`\n <div class=\"text-wrap\">\n <textarea\n .value=${this._currentText}\n placeholder=${this.placeholder || 'Type your answer...'}\n @input=${this._handleInput}\n ></textarea>\n <div class=\"submit-row\">\n <button type=\"button\" ?disabled=${!canSubmit} @click=${this._submit}>\n Submit\n </button>\n </div>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-text-input', TextInput);\n", "import { css, html, LitElement } from 'lit';\n\nexport class ThumbsInput extends LitElement {\n static override properties = {\n value: { type: Number },\n };\n\n static override styles = css`\n :host { display: block; }\n .thumbs-row {\n display: flex;\n gap: 16px;\n justify-content: center;\n padding: 12px 0;\n }\n button {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n border: 2px solid var(--sc-content-border-color, #e5e7eb);\n background: var(--sc-content-bg-color, #fff);\n font-size: 28px;\n cursor: pointer;\n transition: transform 0.15s, border-color 0.15s, background 0.15s;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n button:hover {\n transform: scale(1.1);\n border-color: var(--sc-color-primary, #4f46e5);\n }\n button[aria-pressed=\"true\"] {\n border-color: var(--sc-color-primary, #4f46e5);\n background: var(--sc-color-primary-light, #eef2ff);\n }\n `;\n\n value: number | undefined;\n\n private _select(val: number) {\n this.value = val;\n this.dispatchEvent(\n new CustomEvent('step-answer', {\n detail: { value: val },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override render() {\n return html`\n <div class=\"thumbs-row\">\n <button\n type=\"button\"\n aria-label=\"Thumbs up\"\n aria-pressed=${this.value === 1 ? 'true' : 'false'}\n @click=${() => this._select(1)}\n >\\u{1F44D}</button>\n <button\n type=\"button\"\n aria-label=\"Thumbs down\"\n aria-pressed=${this.value === 0 ? 'true' : 'false'}\n @click=${() => this._select(0)}\n >\\u{1F44E}</button>\n </div>\n `;\n }\n}\n\ncustomElements.define('sf-thumbs-input', ThumbsInput);\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,OAAAA,MAAK,QAAAC,OAAM,cAAAC,aAAY,eAAe;;;ACExC,IAAM,4BAAN,cAAwC,MAAM;AAAA,EACnD,YAAY,SAAiB;AAC3B,UAAM,OAAO;AACb,SAAK,OAAO;AAAA,EACd;AACF;AAEO,IAAM,aAAN,MAAiB;AAAA,EAMtB,YAAY,OAAqB;AAHjC,SAAQ,WAAyC,oBAAI,IAAI;AAIvD,SAAK,UAAU,KAAK;AACpB,SAAK,SAAS;AACd,SAAK,WAAW,IAAI,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AACnD,SAAK,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE;AAAA,EAC3B;AAAA,EAEA,IAAI,cAA0B;AAC5B,UAAM,KAAK,KAAK,MAAM,KAAK,MAAM,SAAS,CAAC;AAC3C,WAAO,KAAK,SAAS,IAAI,EAAE;AAAA,EAC7B;AAAA,EAEA,IAAI,UAAgD;AAClD,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,OAA0B;AAC5B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,aAAsB;AACxB,WAAO,KAAK,YAAY,SAAS;AAAA,EACnC;AAAA,EAEA,IAAI,iBAAyB;AAC3B,WAAO,KAAK,MAAM,OAAO,CAAC,OAAO,KAAK,SAAS,IAAI,EAAE,CAAC,EAAE;AAAA,EAC1D;AAAA,EAEA,IAAI,YAAoB;AACtB,WAAO,KAAK,MAAM,SAAS;AAAA,EAC7B;AAAA,EAEA,QAAQ,IAAoC;AAC1C,WAAO,KAAK,SAAS,IAAI,EAAE;AAAA,EAC7B;AAAA,EAEA,OAAO,OAA8B;AACnC,UAAM,OAAO,KAAK;AAClB,QAAI,KAAK,SAAS,MAAO;AAEzB,SAAK,SAAS,IAAI,KAAK,IAAI,KAAK;AAChC,UAAM,SAAS,KAAK,aAAa,MAAM,KAAK;AAE5C,UAAM,aAAa,KAAK,MAAM,SAAS;AACvC,SAAK,QAAQ,KAAK,MAAM,MAAM,GAAG,aAAa,CAAC;AAC/C,SAAK,MAAM,KAAK,MAAM;AAAA,EACxB;AAAA,EAEA,SAAe;AACb,QAAI,KAAK,MAAM,UAAU,EAAG;AAC5B,SAAK,QAAQ,KAAK,MAAM,MAAM,GAAG,EAAE;AAAA,EACrC;AAAA,EAEQ,aAAa,MAAkB,OAAgC;AACrE,QAAI,KAAK,SAAS,QAAW;AAC3B,aAAO,KAAK,aAAa,KAAK,EAAE;AAAA,IAClC;AAEA,QAAI,OAAO,KAAK,SAAS,UAAU;AACjC,aAAO,KAAK;AAAA,IACd;AAEA,eAAW,QAAQ,KAAK,MAAM;AAC5B,UAAI,KAAK,cAAc,MAAM,KAAK,GAAG;AACnC,eAAO,KAAK;AAAA,MACd;AAAA,IACF;AAEA,WAAO,KAAK,aAAa,KAAK,EAAE;AAAA,EAClC;AAAA,EAEQ,aAAa,WAA2B;AAC9C,UAAM,MAAM,KAAK,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,SAAS;AAC3D,WAAO,KAAK,OAAO,MAAM,CAAC,EAAE;AAAA,EAC9B;AAAA,EAEQ,cAAc,MAAkB,OAAiC;AACvE,UAAM,EAAE,IAAI,OAAO,UAAU,IAAI,KAAK;AAEtC,YAAQ,IAAI;AAAA,MACV,KAAK;AACH,eAAO,UAAU;AAAA,MACnB,KAAK;AACH,eAAO,UAAU;AAAA,MACnB,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,OAAO,SAAS;AAAA,MACzC,KAAK;AACH,eAAO,OAAO,KAAK,KAAK,OAAO,SAAS;AAAA,MAC1C,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,OAAO,SAAS;AAAA,MACzC,KAAK;AACH,eAAO,OAAO,KAAK,KAAK,OAAO,SAAS;AAAA,MAC1C,KAAK;AACH,eAAO,MAAM,QAAQ,SAAS,KAAK,UAAU,SAAS,OAAO,KAAK,CAAC;AAAA,MACrE;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAAA,EAEQ,UAAU,OAA2B;AAC3C,QAAI,MAAM,WAAW,GAAG;AACtB,YAAM,IAAI,0BAA0B,+BAA+B;AAAA,IACrE;AAEA,UAAM,MAAM,oBAAI,IAAY;AAC5B,eAAW,QAAQ,OAAO;AACxB,UAAI,IAAI,IAAI,KAAK,EAAE,GAAG;AACpB,cAAM,IAAI,0BAA0B,uBAAuB,KAAK,EAAE,GAAG;AAAA,MACvE;AACA,UAAI,IAAI,KAAK,EAAE;AAAA,IACjB;AAEA,UAAM,SAAS,MAAM,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK;AACjD,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,0BAA0B,wCAAwC;AAAA,IAC9E;AAEA,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,YAAM,OAAO,MAAM,CAAC;AACpB,UAAI,OAAO,KAAK,SAAS,UAAU;AACjC,YAAI,CAAC,IAAI,IAAI,KAAK,IAAI,GAAG;AACvB,gBAAM,IAAI;AAAA,YACR,SAAS,KAAK,EAAE,sBAAsB,KAAK,IAAI;AAAA,UACjD;AAAA,QACF;AAAA,MACF,WAAW,MAAM,QAAQ,KAAK,IAAI,GAAG;AACnC,mBAAW,QAAQ,KAAK,MAAM;AAC5B,cAAI,CAAC,IAAI,IAAI,KAAK,IAAI,GAAG;AACvB,kBAAM,IAAI;AAAA,cACR,SAAS,KAAK,EAAE,gCAAgC,KAAK,IAAI;AAAA,YAC3D;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,KAAK,SAAS,SAAS,KAAK,SAAS,UAAa,MAAM,MAAM,SAAS,GAAG;AAC5E,cAAM,IAAI;AAAA,UACR,SAAS,KAAK,EAAE;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AC7JA,SAAS,KAAK,MAAM,kBAAkB;AAE/B,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC;AAAA;AA4DL,mBAAoB,CAAC;AAAA;AAAA,EAGb,QAAQ,KAAa;AAC3B,SAAK,QAAQ;AACb,SAAK;AAAA,MACH,IAAI,YAAY,eAAe;AAAA,QAC7B,QAAQ,EAAE,OAAO,IAAI;AAAA,QACrB,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAES,SAAS;AAChB,WAAO;AAAA;AAAA,WAEA,KAAK,WAAW,CAAC,GAAG;AAAA,MACrB,CAAC,QAAQ;AAAA;AAAA;AAAA;AAAA,6BAIU,KAAK,UAAU,MAAM,SAAS,OAAO;AAAA,uBAC3C,MAAM,KAAK,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA,gBAG9B,GAAG;AAAA;AAAA;AAAA,IAGX,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AA7Fa,YACK,aAAa;AAAA,EAC3B,SAAS,EAAE,WAAW,MAAM;AAAA,EAC5B,OAAO,EAAE,MAAM,OAAO;AACxB;AAJW,YAMK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyF3B,eAAe,OAAO,mBAAmB,WAAW;;;ACjGpD,SAAS,OAAAC,MAAK,QAAAC,OAAM,cAAAC,mBAAkB;AAE/B,IAAM,YAAN,cAAwBA,YAAW;AAAA,EAAnC;AAAA;AAkCL,mBAAkB;AAAA;AAAA,EAET,SAAS;AAChB,WAAOD;AAAA;AAAA;AAAA,+BAGoB,KAAK,OAAO;AAAA;AAAA;AAAA,EAGzC;AACF;AA5Ca,UACK,aAAa;AAAA,EAC3B,SAAS,EAAE,MAAM,OAAO;AAC1B;AAHW,UAKK,SAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyC3B,eAAe,OAAO,iBAAiB,SAAS;;;AChDhD,SAAS,OAAAG,MAAK,QAAAC,OAAM,cAAAC,mBAAkB;AAE/B,IAAM,WAAN,cAAuBA,YAAW;AAAA,EAAlC;AAAA;AA6CL,oBAAmB;AACnB,qBAAoB;AAAA;AAAA,EAGZ,QAAQ,KAAa;AAC3B,SAAK,QAAQ;AACb,SAAK;AAAA,MACH,IAAI,YAAY,eAAe;AAAA,QAC7B,QAAQ,EAAE,OAAO,IAAI;AAAA,QACrB,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;AACpD,WAAOD;AAAA;AAAA;AAAA,YAGC,MAAM;AAAA,MACN,CAAC,MAAMA;AAAA;AAAA;AAAA,oCAGiB,CAAC;AAAA,+BACN,KAAK,UAAU,IAAI,SAAS,OAAO;AAAA,yBACzC,MAAM,KAAK,QAAQ,CAAC,CAAC;AAAA,iBAC7B,CAAC;AAAA;AAAA,IAER,CAAC;AAAA;AAAA;AAAA,kBAGO,KAAK,QAAQ;AAAA,kBACb,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA,EAI9B;AACF;AAnFa,SACK,aAAa;AAAA,EAC3B,UAAU,EAAE,MAAM,OAAO;AAAA,EACzB,WAAW,EAAE,MAAM,OAAO;AAAA,EAC1B,OAAO,EAAE,MAAM,OAAO;AACxB;AALW,SAOK,SAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8E3B,eAAe,OAAO,gBAAgB,QAAQ;;;ACvF9C,SAAS,OAAAG,MAAK,QAAAC,OAAM,cAAAC,mBAAkB;AAE/B,IAAM,cAAN,cAA0BA,YAAW;AAAA,EAArC;AAAA;AAqCL,eAAc;AAAA;AAAA,EAGN,QAAQ,KAAa;AAC3B,SAAK,QAAQ;AACb,SAAK;AAAA,MACH,IAAI,YAAY,eAAe;AAAA,QAC7B,QAAQ,EAAE,OAAO,IAAI;AAAA,QACrB,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,OAAO;AAC1B,UAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;AAC3D,WAAOD;AAAA;AAAA,UAED,MAAM;AAAA,MACN,CAAC,MAAMA;AAAA;AAAA;AAAA,iCAGgB,CAAC,OAAO,KAAK;AAAA,6BACjB,KAAK,UAAU,IAAI,SAAS,OAAO;AAAA,sBAC1C,KAAK,UAAU,IAAI,aAAa,EAAE;AAAA,uBACjC,MAAM,KAAK,QAAQ,CAAC,CAAC;AAAA,eAC7B,CAAC;AAAA;AAAA,IAER,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AAtEa,YACK,aAAa;AAAA,EAC3B,KAAK,EAAE,MAAM,OAAO;AAAA,EACpB,OAAO,EAAE,MAAM,OAAO;AACxB;AAJW,YAMK,SAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkE3B,eAAe,OAAO,mBAAmB,WAAW;;;AC1EpD,SAAS,OAAAG,MAAK,QAAAC,OAAM,cAAAC,mBAAkB;AAE/B,IAAM,YAAN,cAAwBA,YAAW;AAAA,EAAnC;AAAA;AAwDL,uBAAsB;AACtB,iBAAgB;AAChB,oBAAoB;AAEpB,SAAQ,eAAe;AAEvB,SAAQ,eAAe,CAAC,MAAa;AACnC,WAAK,eAAgB,EAAE,OAA+B;AACtD,WAAK,cAAc;AAAA,IACrB;AAEA,SAAQ,UAAU,MAAM;AACtB,UAAI,KAAK,YAAY,CAAC,KAAK,aAAa,KAAK,EAAG;AAChD,WAAK;AAAA,QACH,IAAI,YAAY,eAAe;AAAA,UAC7B,QAAQ,EAAE,OAAO,KAAK,aAAa;AAAA,UACnC,SAAS;AAAA,UACT,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA,IACF;AAAA;AAAA,EAES,oBAAoB;AAC3B,UAAM,kBAAkB;AACxB,SAAK,eAAe,KAAK,SAAS;AAAA,EACpC;AAAA,EAES,SAAS;AAChB,UAAM,YAAY,CAAC,KAAK,YAAY,KAAK,aAAa,KAAK,EAAE,SAAS;AACtE,WAAOD;AAAA;AAAA;AAAA,mBAGQ,KAAK,YAAY;AAAA,wBACZ,KAAK,eAAe,qBAAqB;AAAA,mBAC9C,KAAK,YAAY;AAAA;AAAA;AAAA,4CAGQ,CAAC,SAAS,WAAW,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM3E;AACF;AApGa,UACK,aAAa;AAAA,EAC3B,aAAa,EAAE,MAAM,OAAO;AAAA,EAC5B,OAAO,EAAE,MAAM,OAAO;AAAA,EACtB,UAAU,EAAE,MAAM,QAAQ;AAC5B;AALW,UAOK,SAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+F3B,eAAe,OAAO,iBAAiB,SAAS;;;ACxGhD,SAAS,OAAAG,MAAK,QAAAC,OAAM,cAAAC,mBAAkB;AAE/B,IAAM,cAAN,cAA0BA,YAAW;AAAA,EAsClC,QAAQ,KAAa;AAC3B,SAAK,QAAQ;AACb,SAAK;AAAA,MACH,IAAI,YAAY,eAAe;AAAA,QAC7B,QAAQ,EAAE,OAAO,IAAI;AAAA,QACrB,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAES,SAAS;AAChB,WAAOD;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKc,KAAK,UAAU,IAAI,SAAS,OAAO;AAAA,mBACzC,MAAM,KAAK,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKf,KAAK,UAAU,IAAI,SAAS,OAAO;AAAA,mBACzC,MAAM,KAAK,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAItC;AACF;AAnEa,YACK,aAAa;AAAA,EAC3B,OAAO,EAAE,MAAM,OAAO;AACxB;AAHW,YAKK,SAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgE3B,eAAe,OAAO,mBAAmB,WAAW;;;AP5D7C,IAAM,wBAAN,cAAoCG,YAAW;AAAA,EAA/C;AAAA;AAqGL,kBAAiB;AAGjB,SAAQ,aAAiC;AAYzC,SAAQ,YAAY,CAAC,MAA+C;AAClE,UAAI,CAAC,KAAK,WAAW,CAAC,KAAK,OAAQ;AACnC,YAAM,OAAO,KAAK,QAAQ;AAC1B,YAAM,EAAE,MAAM,IAAI,EAAE;AAEpB,WAAK,SAAS,OAAO,QAAQ,qBAAqB;AAAA,QAChD,UAAU,KAAK;AAAA,QACf,QAAQ,KAAK;AAAA,QACb,UAAU,KAAK;AAAA,QACf;AAAA,QACA,WAAW,KAAK,QAAQ;AAAA,MAC1B,CAAC;AAED,WAAK,aAAa;AAClB,WAAK,QAAQ,OAAO,KAAK;AACzB,YAAM,UAAsB,OAAO;AAAA,QACjC,OAAO,eAAe,KAAK,OAAO;AAAA,QAClC,OAAO,0BAA0B,KAAK,OAAO;AAAA,MAC/C;AACA,WAAK,UAAU;AAEf,UAAI,QAAQ,YAAY;AACtB,aAAK,SAAS,OAAO,QAAQ,sBAAsB;AAAA,UACjD,UAAU,KAAK;AAAA,UACf,gBAAgB,QAAQ;AAAA,UACxB,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AAAA,IACF;AAEA,SAAQ,UAAU,MAAM;AACtB,UAAI,CAAC,KAAK,QAAS;AACnB,WAAK,aAAa;AAClB,WAAK,QAAQ,OAAO;AACpB,WAAK,UAAU,OAAO;AAAA,QACpB,OAAO,eAAe,KAAK,OAAO;AAAA,QAClC,OAAO,0BAA0B,KAAK,OAAO;AAAA,MAC/C;AAAA,IACF;AAAA;AAAA,EAhDS,WAAW,SAA+B;AACjD,QAAI,QAAQ,IAAI,QAAQ,KAAK,KAAK,QAAQ,OAAO,QAAQ;AACvD,UAAI;AACF,aAAK,UAAU,IAAI,WAAW,KAAK,OAAO,KAAK;AAAA,MACjD,QAAQ;AACN,aAAK,UAAU;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EA0CQ,iBAAiB,MAAkB;AACzC,UAAM,aAAa,KAAK,SAAS,QAAQ,IAAI,KAAK,EAAE;AAEpD,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AACH,eAAOC;AAAA,mBACI,UAAgC;AAAA,yBAC1B,KAAK,SAAS;AAAA;AAAA,MAGjC,KAAK;AACH,eAAOA;AAAA,iBACE,KAAK,aAAa,CAAC;AAAA,mBACjB,UAAgC;AAAA,yBAC1B,KAAK,SAAS;AAAA;AAAA,MAGjC,KAAK;AACH,eAAOA;AAAA,sBACO,KAAK,eAAe,YAAY;AAAA,uBAC/B,KAAK,gBAAgB,aAAa;AAAA,mBACtC,UAAgC;AAAA,yBAC1B,KAAK,SAAS;AAAA;AAAA,MAGjC,KAAK;AACH,eAAOA;AAAA,qBACM,KAAK,WAAW,CAAC,CAAC;AAAA,mBACpB,UAAgC;AAAA,yBAC1B,KAAK,SAAS;AAAA;AAAA,MAGjC,KAAK;AACH,eAAOA;AAAA,yBACU,KAAK,eAAe,EAAE;AAAA,mBAC3B,cAAyB,EAAE;AAAA,sBACzB,KAAK,aAAa,KAAK;AAAA,yBACpB,KAAK,SAAS;AAAA;AAAA,MAGjC,KAAK;AACH,eAAOA,gCAA+B,KAAK,MAAM;AAAA,MAEnD;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAAA,EAES,SAAS;AAChB,QAAI,CAAC,KAAK,WAAW,CAAC,KAAK,QAAQ;AACjC,aAAOA;AAAA;AAAA;AAAA,IAGT;AAEA,UAAM,OAAO,KAAK,QAAQ;AAC1B,UAAM,eAAe,KAAK,OAAO,iBAAiB;AAClD,UAAM,YAAY,KAAK,OAAO,cAAc;AAC5C,UAAM,YAAY,aAAa,KAAK,QAAQ,KAAK,SAAS,KAAK,KAAK,SAAS;AAC7E,UAAM,aAAa,KAAK,OAAO,MAAM,OAAO,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE;AACrE,UAAM,cAAc,aAAa,IAAK,KAAK,QAAQ,iBAAiB,aAAc,MAAM;AACxF,UAAM,YAAY,KAAK,eAAe,YAAY,mBAAmB;AAErE,WAAOA;AAAA,QACH,KAAK,OAAO,QAAQA,4BAA2B,KAAK,OAAO,KAAK,WAAW,OAAO;AAAA,QAElF,gBAAgB,KAAK,SAAS,QAC1BA;AAAA,sDAC0C,WAAW;AAAA,oBAErD,OACN;AAAA;AAAA,mCAE6B,SAAS,SAAS,KAAK,EAAE;AAAA,YAEhD,KAAK,SAAS,QACVA;AAAA,sCACsB,KAAK,MAAM;AAAA,kBAC/B,KAAK,cAAcA,iCAAgC,KAAK,WAAW,WAAW,OAAO;AAAA,kBAEvF,OACN;AAAA,YACE,KAAK,iBAAiB,IAAI,CAAC;AAAA;AAAA;AAAA,QAI/B,aAAc,KAAK,SAAS,SAAS,eACjCA;AAAA,cAEE,YACIA,sDAAqD,KAAK,OAAO,qBACjEA,oBACN;AAAA,cAEE,KAAK,SAAS,QACVA,iCAAgC,KAAK,QAAQ,iBAAiB,CAAC,OAAO,UAAU,YAChF,OACN;AAAA,oBAEA,OACN;AAAA;AAAA,EAEJ;AACF;AAnQa,sBACK,aAAa;AAAA,EAC3B,QAAQ,EAAE,WAAW,MAAM;AAAA,EAC3B,SAAS,EAAE,WAAW,MAAM;AAAA,EAC5B,QAAQ,EAAE,MAAM,OAAO;AAAA,EACvB,SAAS,EAAE,OAAO,KAAK;AAAA,EACvB,YAAY,EAAE,OAAO,KAAK;AAC5B;AAPW,sBASK,SAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4P3B,eAAe,OAAO,mBAAmB,qBAAqB;AAevD,IAAM,6BAA6B;AAAA,EACxC,MAAM,WAAwB,aAAuC;AACnE,UAAM,WAAY,eAAe,CAAC;AAClC,UAAM,EAAE,SAAS,YAAY,QAAQ,QAAQ,cAAc,GAAG,KAAK,IAAI;AAEvE,UAAM,iBAA6C,gBAAgB;AAAA,MACjE,GAAI;AAAA,IACN;AACA,UAAM,iBAAiB,UAAU,cAAc;AAE/C,QAAI,CAAC,gBAAgB,OAAO,QAAQ;AAClC,gBAAU,YACR;AACF,aAAO,MAAM;AACX,kBAAU,YAAY;AAAA,MACxB;AAAA,IACF;AAEA,QAAI;AACJ,QAAI;AACF,gBAAU,IAAI,WAAW,eAAe,KAAK;AAAA,IAC/C,QAAQ;AAAA,IAER;AAEA,UAAM,KAAK,SAAS,cAAc,iBAAiB;AACnD,OAAG,SAAS;AACZ,OAAG,UAAU;AACb,OAAG,SAAS;AACZ,OAAG,MAAM,UAAU;AAEnB,cAAU,YAAY,EAAE;AAExB,QAAI,YAAY;AAChB,UAAM,WAAW,CAAC,MAAa;AAC7B,YAAM,SAAU,EAA8C;AAC9D,UAAI,WAAW,CAAC,QAAQ,YAAY;AAClC,gBAAQ,OAAO,OAAO,KAAK;AAC3B,YAAI,QAAQ,WAAY,aAAY;AAAA,MACtC;AAAA,IACF;AACA,OAAG,iBAAiB,eAAe,QAAQ;AAE3C,WAAO,MAAM;AACX,SAAG,oBAAoB,eAAe,QAAQ;AAC9C,UAAI,CAAC,aAAa,WAAW,SAAS;AACpC,gBAAQ,OAAO,QAAQ,sBAAsB;AAAA,UAC3C,UAAU;AAAA,UACV,YAAY,QAAQ,YAAY;AAAA,UAChC,gBAAgB,QAAQ;AAAA,UACxB,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AACA,SAAG,OAAO;AAAA,IACZ;AAAA,EACF;AACF;",
|
|
6
|
-
"names": ["css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "css", "html", "LitElement", "LitElement", "html", "css"]
|
|
7
|
-
}
|