@syntrologie/runtime-sdk 2.4.0-canary.22 → 2.4.0-canary.24

package/dist/decisions/schema.js

@@ -20,12 +20,13 @@ import {
   ScoreStrategyZ,
   SessionMetricConditionZ,
   StateEqualsConditionZ,
+  TriggerWhenZ,
   ViewportConditionZ,
   decisionSchemas,
   validateActivationConfig,
   validateCondition,
   validateStrategy
-} from "../chunk-P5G4KT2U.js";
+} from "../chunk-BU4Z6PD7.js";
 export {
   ActivationConfigZ,
   AnchorVisibleConditionZ,
@@ -48,6 +49,7 @@ export {
   ScoreStrategyZ,
   SessionMetricConditionZ,
   StateEqualsConditionZ,
+  TriggerWhenZ,
   ViewportConditionZ,
   decisionSchemas,
   validateActivationConfig,

package/dist/decisions/types.d.ts

@@ -256,8 +256,8 @@ export interface RouteFilter {
 export interface ActivationConfig {
     /** Route-based filtering */
     routes?: RouteFilter;
-    /** Decision strategy for conditional rendering */
-    strategy?: DecisionStrategy<boolean>;
+    /** When true, tile is hidden if none of its props.actions[] have an active triggerWhen. Default: false. */
+    onlyIfPopulated?: boolean;
 }
 /**
  * Extended context for strategy evaluation.

package/dist/index.js

@@ -100,7 +100,7 @@ import {
   validateAction,
   validateActions,
   widgetRegistry
-} from "./chunk-WCQCVPJ7.js";
+} from "./chunk-LD22WJ44.js";
 import {
   AddClassZ,
   AnchorIdZ,
@@ -134,8 +134,8 @@ import {
   WaitZ,
   WidgetConfigZ,
   coreActionStepSchemas
-} from "./chunk-HF3D7YFQ.js";
-import "./chunk-2UYZ5DWI.js";
+} from "./chunk-NM5Y27GX.js";
+import "./chunk-WILWIL6L.js";
 import {
   ActivationConfigZ,
   AnchorVisibleConditionZ,
@@ -158,12 +158,13 @@ import {
   ScoreStrategyZ,
   SessionMetricConditionZ,
   StateEqualsConditionZ,
+  TriggerWhenZ,
   ViewportConditionZ,
   decisionSchemas,
   validateActivationConfig,
   validateCondition,
   validateStrategy
-} from "./chunk-P5G4KT2U.js";
+} from "./chunk-BU4Z6PD7.js";
 
 // src/index.ts
 import React4 from "react";
@@ -659,12 +660,12 @@ function getFeedbackPrompt(feedbackConfig) {
 }
 var baseStyles = {
   container: {
-    fontFamily: "system-ui, -apple-system, sans-serif",
+    fontFamily: "var(--sc-font-family, system-ui, -apple-system, sans-serif)",
     maxWidth: "800px",
     margin: "0 auto"
   },
   searchWrapper: {
-    marginBottom: "16px"
+    marginBottom: "8px"
   },
   searchInput: {
     width: "100%",
@@ -672,38 +673,41 @@ var baseStyles = {
     borderRadius: "8px",
     fontSize: "14px",
     outline: "none",
-    transition: "border-color 0.15s ease"
+    transition: "border-color 0.15s ease",
+    backgroundColor: "var(--sc-content-search-background)",
+    color: "var(--sc-content-search-color)"
   },
   accordion: {
     display: "flex",
     flexDirection: "column",
-    gap: "8px"
+    gap: "var(--sc-content-item-gap, 6px)"
   },
   item: {
-    borderRadius: "8px",
+    borderRadius: "var(--sc-content-border-radius, 8px)",
     overflow: "hidden",
     transition: "box-shadow 0.15s ease"
   },
   question: {
     width: "100%",
-    padding: "16px 20px",
+    padding: "var(--sc-content-item-padding, 12px 16px)",
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
     border: "none",
     cursor: "pointer",
-    fontSize: "15px",
+    fontSize: "var(--sc-content-item-font-size, 15px)",
     fontWeight: 500,
     textAlign: "left",
     transition: "background-color 0.15s ease"
   },
   chevron: {
-    fontSize: "18px",
-    transition: "transform 0.2s ease"
+    fontSize: "20px",
+    transition: "transform 0.2s ease",
+    color: "var(--sc-content-chevron-color, currentColor)"
   },
   answer: {
-    padding: "0 20px 16px 20px",
-    fontSize: "14px",
+    padding: "var(--sc-content-body-padding, 0 16px 12px 16px)",
+    fontSize: "var(--sc-content-body-font-size, 14px)",
     lineHeight: 1.6,
     overflow: "hidden",
     transition: "max-height 0.2s ease, padding 0.2s ease"
@@ -719,12 +723,12 @@ var baseStyles = {
     marginBottom: "8px"
   },
   categoryHeader: {
-    fontSize: "13px",
+    fontSize: "var(--sc-content-category-font-size, 12px)",
     fontWeight: 700,
     textTransform: "uppercase",
     letterSpacing: "0.05em",
-    padding: "12px 4px 6px 4px",
-    marginTop: "8px"
+    padding: "var(--sc-content-category-padding, 8px 4px 4px 4px)",
+    marginTop: "var(--sc-content-category-gap, 4px)"
   },
   feedback: {
     display: "flex",
@@ -762,30 +766,28 @@ var baseStyles = {
 var themeStyles = {
   light: {
     container: {
-      backgroundColor: base.white,
-      color: slateGrey[1]
+      backgroundColor: "transparent",
+      color: "inherit"
     },
     searchInput: {
-      backgroundColor: slateGrey[12],
-      border: `1px solid ${slateGrey[11]}`,
-      color: slateGrey[1]
+      border: `1px solid ${slateGrey[11]}`
     },
     item: {
-      backgroundColor: slateGrey[12],
-      border: `1px solid ${slateGrey[11]}`
+      backgroundColor: "var(--sc-content-background)",
+      border: "var(--sc-content-border)"
     },
     itemExpanded: {
       boxShadow: "0 4px 12px rgba(0, 0, 0, 0.08)"
     },
     question: {
       backgroundColor: "transparent",
-      color: slateGrey[1]
+      color: "var(--sc-content-text-color)"
     },
     questionHover: {
-      backgroundColor: slateGrey[12]
+      backgroundColor: "var(--sc-content-background-hover)"
     },
     answer: {
-      color: slateGrey[6]
+      color: "var(--sc-content-text-secondary-color)"
     },
     category: {
       backgroundColor: purple[8],
@@ -803,30 +805,28 @@ var themeStyles = {
   },
   dark: {
     container: {
-      backgroundColor: slateGrey[1],
-      color: slateGrey[12]
+      backgroundColor: "transparent",
+      color: "inherit"
     },
     searchInput: {
-      backgroundColor: slateGrey[3],
-      border: `1px solid ${slateGrey[5]}`,
-      color: slateGrey[12]
+      border: `1px solid ${slateGrey[5]}`
     },
     item: {
-      backgroundColor: slateGrey[3],
-      border: `1px solid ${slateGrey[5]}`
+      backgroundColor: "var(--sc-content-background)",
+      border: "var(--sc-content-border)"
     },
     itemExpanded: {
-      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.3)"
+      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)"
     },
     question: {
       backgroundColor: "transparent",
-      color: slateGrey[12]
+      color: "var(--sc-content-text-color)"
     },
     questionHover: {
-      backgroundColor: slateGrey[5]
+      backgroundColor: "var(--sc-content-background-hover)"
     },
     answer: {
-      color: slateGrey[8]
+      color: "var(--sc-content-text-secondary-color)"
     },
     category: {
       backgroundColor: purple[0],
@@ -843,7 +843,7 @@ var themeStyles = {
     }
   }
 };
-function FAQItem({ item, isExpanded, isHighlighted, onToggle, theme, feedbackConfig, feedbackValue, onFeedback }) {
+function FAQItem({ item, isExpanded, isHighlighted, isLast, onToggle, theme, feedbackConfig, feedbackValue, onFeedback }) {
   const [isHovered, setIsHovered] = useState2(false);
   const colors = themeStyles[theme];
   const { question, answer } = item.config;
@@ -854,7 +854,8 @@ function FAQItem({ item, isExpanded, isHighlighted, onToggle, theme, feedbackCon
     ...isHighlighted ? {
       boxShadow: "0 0 0 2px #6366f1, 0 0 12px rgba(99, 102, 241, 0.4)",
       transition: "box-shadow 0.3s ease"
-    } : {}
+    } : {},
+    ...!isLast ? { borderBottom: "var(--sc-content-item-divider, none)" } : {}
   };
   const questionStyle = {
     ...baseStyles.question,
@@ -863,7 +864,7 @@ function FAQItem({ item, isExpanded, isHighlighted, onToggle, theme, feedbackCon
   };
   const chevronStyle = {
     ...baseStyles.chevron,
-    transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)"
+    transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)"
   };
   const answerStyle = {
     ...baseStyles.answer,
@@ -875,7 +876,7 @@ function FAQItem({ item, isExpanded, isHighlighted, onToggle, theme, feedbackCon
     ...baseStyles.feedback,
     ...colors.feedbackPrompt
   };
-  return _jsxs2("div", { style: itemStyle, "data-faq-item-id": item.config.id, children: [_jsxs2("button", { type: "button", style: questionStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [_jsx2("span", { children: question }), _jsx2("span", { style: chevronStyle, children: "\u25BC" })] }), _jsxs2("div", { style: answerStyle, "aria-hidden": !isExpanded, children: [renderAnswer(answer), isExpanded && feedbackConfig && _jsxs2("div", { style: feedbackStyle, children: [_jsx2("span", { children: getFeedbackPrompt(feedbackConfig) }), _jsx2("button", { type: "button", style: {
+  return _jsxs2("div", { style: itemStyle, "data-faq-item-id": item.config.id, children: [_jsxs2("button", { type: "button", style: questionStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [_jsx2("span", { children: question }), _jsx2("span", { style: chevronStyle, children: "\u203A" })] }), _jsxs2("div", { style: answerStyle, "aria-hidden": !isExpanded, children: [renderAnswer(answer), isExpanded && feedbackConfig && _jsxs2("div", { style: feedbackStyle, children: [_jsx2("span", { children: getFeedbackPrompt(feedbackConfig) }), _jsx2("button", { type: "button", style: {
     ...baseStyles.feedbackButton,
     ...feedbackValue === "up" ? baseStyles.feedbackButtonSelected : {}
   }, "aria-label": "Thumbs up", onClick: () => onFeedback(item.config.id, question, "up"), children: "\u{1F44D}" }), _jsx2("button", { type: "button", style: {
@@ -1070,11 +1071,11 @@ function FAQWidget({ config, runtime: runtime7, instanceId }) {
     ...baseStyles.categoryHeader,
     ...themeStyles[resolvedTheme].categoryHeader
   };
-  const renderItems = (items) => items.map((q) => _jsx2(FAQItem, { item: q, isExpanded: expandedIds.has(q.config.id), isHighlighted: highlightId === q.config.id, onToggle: () => handleToggle(q.config.id), theme: resolvedTheme, feedbackConfig, feedbackValue: feedbackState.get(q.config.id), onFeedback: handleFeedback }, q.config.id));
+  const renderItems = (items) => items.map((q, index) => _jsx2(FAQItem, { item: q, isExpanded: expandedIds.has(q.config.id), isHighlighted: highlightId === q.config.id, isLast: index === items.length - 1, onToggle: () => handleToggle(q.config.id), theme: resolvedTheme, feedbackConfig, feedbackValue: feedbackState.get(q.config.id), onFeedback: handleFeedback }, q.config.id));
   if (visibleQuestions.length === 0) {
     return _jsx2("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-faq", children: _jsx2("div", { style: emptyStateStyle, children: "No FAQ questions available." }) });
   }
-  return _jsxs2("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-faq", children: [config.searchable && _jsx2("div", { style: baseStyles.searchWrapper, children: _jsx2("input", { type: "text", placeholder: "Search questions...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: searchInputStyle }) }), _jsx2("div", { style: baseStyles.accordion, children: hasCategories ? Array.from(categoryGroups.entries()).map(([category, items]) => _jsxs2(React2.Fragment, { children: [category && _jsx2("div", { style: categoryHeaderStyle, "data-category-header": category, children: category }), renderItems(items)] }, category != null ? category : "__ungrouped")) : renderItems(filteredQuestions) }), config.searchable && filteredQuestions.length === 0 && searchQuery && _jsxs2("div", { style: { ...baseStyles.noResults, ...themeStyles[resolvedTheme].emptyState }, children: ['No questions found matching "', searchQuery, '"'] })] });
+  return _jsxs2("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-faq", children: [config.searchable && _jsxs2("div", { style: baseStyles.searchWrapper, children: [_jsx2("style", { children: `[data-adaptive-id="${instanceId}"] input::placeholder { color: var(--sc-content-search-color, inherit); opacity: 0.7; }` }), _jsx2("input", { type: "text", placeholder: "Search questions...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: searchInputStyle })] }), _jsx2("div", { style: baseStyles.accordion, children: hasCategories ? Array.from(categoryGroups.entries()).map(([category, items]) => _jsxs2(React2.Fragment, { children: [category && _jsx2("div", { style: categoryHeaderStyle, "data-category-header": category, children: category }), renderItems(items)] }, category != null ? category : "__ungrouped")) : renderItems(filteredQuestions) }), config.searchable && filteredQuestions.length === 0 && searchQuery && _jsxs2("div", { style: { ...baseStyles.noResults, ...themeStyles[resolvedTheme].emptyState }, children: ['No questions found matching "', searchQuery, '"'] })] });
 }
 var FAQMountableWidget = {
   mount(container, config) {
@@ -1132,7 +1133,8 @@ var runtime4 = {
       metadata: {
         name: "FAQ Accordion",
         description: "Collapsible Q&A accordion with search, categories, and feedback",
-        icon: "\u2753"
+        icon: "\u2753",
+        subtitle: "Curated just for you."
       }
     }
   ],
@@ -1212,18 +1214,17 @@ function escapeHtml(str) {
 }
 var baseStyles2 = {
   container: {
-    fontFamily: "system-ui, -apple-system, sans-serif",
-    padding: "8px",
+    fontFamily: "var(--sc-font-family, system-ui, -apple-system, sans-serif)",
     maxWidth: "100%",
     overflow: "hidden"
   },
   accordion: {
     display: "flex",
     flexDirection: "column",
-    gap: "4px"
+    gap: "var(--sc-content-item-gap, 6px)"
   },
   item: {
-    borderRadius: "8px",
+    borderRadius: "var(--sc-content-border-radius, 8px)",
     overflow: "hidden",
     transition: "box-shadow 0.2s ease"
   },
@@ -1232,20 +1233,21 @@ var baseStyles2 = {
     alignItems: "center",
     gap: "8px",
     width: "100%",
-    padding: "12px 16px",
+    padding: "var(--sc-content-item-padding, 12px 16px)",
     border: "none",
     cursor: "pointer",
-    fontSize: "14px",
+    fontSize: "var(--sc-content-item-font-size, 15px)",
     fontWeight: 500,
     fontFamily: "inherit",
     textAlign: "left",
     transition: "background-color 0.15s ease"
   },
   chevron: {
-    fontSize: "10px",
+    fontSize: "20px",
     transition: "transform 0.2s ease",
     marginLeft: "auto",
-    flexShrink: 0
+    flexShrink: 0,
+    color: "var(--sc-content-chevron-color, currentColor)"
   },
   icon: {
     fontSize: "16px",
@@ -1254,10 +1256,10 @@ var baseStyles2 = {
   body: {
     overflow: "hidden",
     transition: "max-height 0.25s ease, padding-bottom 0.25s ease",
-    padding: "0 16px"
+    padding: "var(--sc-content-body-padding, 0 16px 12px 16px)"
   },
   description: {
-    fontSize: "13px",
+    fontSize: "var(--sc-content-body-font-size, 14px)",
     lineHeight: "1.5",
     margin: 0
   },
@@ -1276,11 +1278,11 @@ var baseStyles2 = {
     transition: "background-color 0.15s ease"
   },
   categoryHeader: {
-    fontSize: "11px",
+    fontSize: "var(--sc-content-category-font-size, 12px)",
     fontWeight: 600,
     textTransform: "uppercase",
     letterSpacing: "0.05em",
-    padding: "12px 4px 4px"
+    padding: "var(--sc-content-category-padding, 8px 4px 4px 4px)"
   },
   emptyState: {
     fontSize: "13px",
@@ -1291,29 +1293,29 @@ var baseStyles2 = {
 var themeStyles2 = {
   light: {
     container: {
-      backgroundColor: base.white,
-      color: slateGrey[1]
+      backgroundColor: "transparent",
+      color: "inherit"
     },
     item: {
-      backgroundColor: slateGrey[12],
-      border: `1px solid ${slateGrey[11]}`
+      backgroundColor: "var(--sc-content-background)",
+      border: "var(--sc-content-border)"
     },
     itemExpanded: {
       boxShadow: "0 4px 12px rgba(0, 0, 0, 0.08)"
     },
     header: {
       backgroundColor: "transparent",
-      color: slateGrey[1]
+      color: "var(--sc-content-text-color)"
     },
     headerHover: {
-      backgroundColor: slateGrey[12]
+      backgroundColor: "var(--sc-content-background-hover)"
     },
     body: {
-      color: slateGrey[6]
+      color: "var(--sc-content-text-secondary-color)"
     },
     linkButton: {
-      backgroundColor: purple[8],
-      color: purple[2]
+      backgroundColor: "var(--sc-color-primary, #6366f1)",
+      color: "#ffffff"
     },
     categoryHeader: {
       color: slateGrey[7]
@@ -1324,29 +1326,29 @@ var themeStyles2 = {
   },
   dark: {
     container: {
-      backgroundColor: slateGrey[1],
-      color: slateGrey[12]
+      backgroundColor: "transparent",
+      color: "inherit"
     },
     item: {
-      backgroundColor: slateGrey[3],
-      border: `1px solid ${slateGrey[5]}`
+      backgroundColor: "var(--sc-content-background)",
+      border: "var(--sc-content-border)"
     },
     itemExpanded: {
-      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.3)"
+      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)"
     },
     header: {
       backgroundColor: "transparent",
-      color: slateGrey[12]
+      color: "var(--sc-content-text-color)"
     },
     headerHover: {
-      backgroundColor: slateGrey[5]
+      backgroundColor: "var(--sc-content-background-hover)"
     },
     body: {
-      color: slateGrey[8]
+      color: "var(--sc-content-text-secondary-color)"
     },
     linkButton: {
-      backgroundColor: purple[0],
-      color: purple[6]
+      backgroundColor: "var(--sc-color-primary, #6366f1)",
+      color: "#ffffff"
     },
     categoryHeader: {
       color: slateGrey[8]
@@ -1356,14 +1358,15 @@ var themeStyles2 = {
     }
   }
 };
-function NavTipItem({ item, isExpanded, onToggle, onNavigate, theme }) {
+function NavTipItem({ item, isExpanded, isLast, onToggle, onNavigate, theme }) {
   const [isHovered, setIsHovered] = useState3(false);
   const colors = themeStyles2[theme];
   const { title, description, href, icon, external } = item.config;
   const itemStyle = {
     ...baseStyles2.item,
     ...colors.item,
-    ...isExpanded ? colors.itemExpanded : {}
+    ...isExpanded ? colors.itemExpanded : {},
+    ...!isLast ? { borderBottom: "var(--sc-content-item-divider, none)" } : {}
   };
   const headerStyle = {
     ...baseStyles2.header,
@@ -1372,7 +1375,7 @@ function NavTipItem({ item, isExpanded, onToggle, onNavigate, theme }) {
   };
   const chevronStyle = {
     ...baseStyles2.chevron,
-    transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)"
+    transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)"
   };
   const bodyStyle = {
     ...baseStyles2.body,
@@ -1387,7 +1390,7 @@ function NavTipItem({ item, isExpanded, onToggle, onNavigate, theme }) {
       onNavigate(href, external != null ? external : false);
     }
   };
-  return _jsxs3("div", { style: itemStyle, "data-nav-tip-id": item.config.id, children: [_jsxs3("button", { type: "button", style: headerStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [icon && _jsx3("span", { style: baseStyles2.icon, children: icon }), _jsx3("span", { children: title }), _jsx3("span", { style: chevronStyle, children: "\u25BC" })] }), _jsxs3("div", { style: bodyStyle, "aria-hidden": !isExpanded, children: [_jsx3("p", { style: baseStyles2.description, children: description }), href && _jsxs3("a", { href, onClick: handleLinkClick, style: { ...baseStyles2.linkButton, ...colors.linkButton }, target: external ? "_blank" : void 0, rel: external ? "noopener noreferrer" : void 0, children: ["Go ", external ? "\u2197" : "\u2192"] })] })] });
+  return _jsxs3("div", { style: itemStyle, "data-nav-tip-id": item.config.id, children: [_jsxs3("button", { type: "button", style: headerStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [icon && _jsx3("span", { style: baseStyles2.icon, children: icon }), _jsx3("span", { children: title }), _jsx3("span", { style: chevronStyle, children: "\u203A" })] }), _jsxs3("div", { style: bodyStyle, "aria-hidden": !isExpanded, children: [_jsx3("p", { style: baseStyles2.description, children: description }), href && _jsxs3("a", { href, onClick: handleLinkClick, style: { ...baseStyles2.linkButton, ...colors.linkButton }, target: external ? "_blank" : void 0, rel: external ? "noopener noreferrer" : void 0, children: ["Go ", external ? "\u2197" : "\u2192"] })] })] });
 }
 function NavWidget({ config, runtime: runtime7, instanceId }) {
   const [renderTick, forceUpdate] = useReducer2((x) => x + 1, 0);
@@ -1501,7 +1504,7 @@ function NavWidget({ config, runtime: runtime7, instanceId }) {
     ...baseStyles2.emptyState,
     ...themeStyles2[resolvedTheme].emptyState
   };
-  const renderItems = (items) => items.map((tip) => _jsx3(NavTipItem, { item: tip, isExpanded: expandedIds.has(tip.config.id), onToggle: () => handleToggle(tip.config.id), onNavigate: handleNavigate, theme: resolvedTheme }, tip.config.id));
+  const renderItems = (items) => items.map((tip, index) => _jsx3(NavTipItem, { item: tip, isExpanded: expandedIds.has(tip.config.id), isLast: index === items.length - 1, onToggle: () => handleToggle(tip.config.id), onNavigate: handleNavigate, theme: resolvedTheme }, tip.config.id));
   if (visibleTips.length === 0) {
     return _jsx3("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-nav", children: _jsx3("div", { style: emptyStateStyle, children: "No navigation tips available." }) });
   }
@@ -1830,18 +1833,7 @@ function migrateV1ToV2(config) {
   if (config.tiles && Array.isArray(config.tiles)) {
     migrated.tiles = config.tiles.map((tile) => {
       const migratedTile = { ...tile };
-      if (tile.experiment && !tile.activation) {
-        const exp = tile.experiment;
-        if (exp.featureKey) {
-          migratedTile.activation = {
-            strategy: {
-              type: "external",
-              provider: "growthbook",
-              featureKey: exp.featureKey,
-              fallback: false
-            }
-          };
-        }
+      if (tile.experiment) {
         delete migratedTile.experiment;
       }
       return migratedTile;
@@ -2149,6 +2141,7 @@ export {
   TooltipZ,
   TourStepForSchemaZ,
   TourZ,
+  TriggerWhenZ,
   ViewportConditionZ,
   ViewportContextZ,
   WaitZ,