@wix/site-service-interactions 1.0.9 → 1.0.10

package/cjs/build/implementations/coreInteractions.js

@@ -1,63 +1,71 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.coreInteractions = void 0;
-const interact_1 = require("@wix/interact");
+const web_1 = require("@wix/interact/web");
 const definition_1 = require("@wix/site-service-device-info/definition");
 const definition_2 = require("@wix/site-service-experiments/definition");
-const definition_3 = require("@wix/site-service-rendering-context/definition");
-const definition_4 = require("@wix/site-service-pages/definition");
+const definition_3 = require("@wix/site-service-pages/definition");
+const definition_4 = require("@wix/site-service-head-appender/definition");
 const provide_component_1 = require("@wix/services-manager-react/core-services/provide-component");
 const InteractionsScriptElement_1 = require("./InteractionsScriptElement");
+const InteractionsScriptElement_2 = require("./v2/InteractionsScriptElement");
+const configCss_1 = require("./v2/configCss");
+const configStyleHeadContent_1 = require("./v2/configStyleHeadContent");
+const interactionsScriptContent_1 = require("./v2/interactionsScriptContent");
+const registerConfigEffects_1 = require("./v2/registerConfigEffects");
 const initInteract = (config, isReducedMotion) => {
-    interact_1.Interact.forceReducedMotion = isReducedMotion;
-    interact_1.Interact.setup({
+    // The bundled runtime is v2, where named effects come from a separate package the loader
+    // script imports on the SSR path. Here they have to be registered before create().
+    (0, registerConfigEffects_1.registerConfigEffects)(config);
+    web_1.Interact.forceReducedMotion = isReducedMotion;
+    web_1.Interact.setup({
         scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
         allowA11yTriggers: true,
         viewEnter: {
             useSafeViewEnter: true,
         },
     });
-    interact_1.Interact.create(config);
+    web_1.Interact.create(config);
 };
-const tryInitInteractInSsr = (config, isReducedMotion, getService) => {
-    const hasInteractions = config.interactions?.length > 0;
-    if (!hasInteractions) {
-        return false;
+const initRuntime = (config, isReducedMotion, getService, useV2) => {
+    if (!config.interactions?.length) {
+        return;
     }
-    const { currentPage } = getService(definition_4.PagesDefinition);
-    const pageId = currentPage?.id;
+    const pageId = getService(definition_3.PagesDefinition).currentPage?.id;
     if (!pageId) {
-        return false;
+        return;
     }
     const { addTopComponent } = getService(provide_component_1.ProvideComponentServiceDefinition);
-    const ssrScriptElement = (0, InteractionsScriptElement_1.createInteractionsScriptElement)(config, isReducedMotion, pageId);
-    addTopComponent(ssrScriptElement);
-    return true;
+    if (!useV2) {
+        addTopComponent((0, InteractionsScriptElement_1.createInteractionsScriptElement)(config, isReducedMotion, pageId));
+        return;
+    }
+    // Both belong in the head: the preload links only help while the document is still parsing,
+    // and the generated CSS hides elements before their entrance effect, so it has to apply
+    // before the body renders.
+    const css = (0, configCss_1.getV2ConfigCss)(config).trim();
+    getService(definition_4.HeadAppenderDefinition).setHead((0, interactionsScriptContent_1.getV2ModulePreloadHeadContent)(config) + (css ? (0, configStyleHeadContent_1.getV2ConfigStyleHeadContent)(css) : ''));
+    addTopComponent((0, InteractionsScriptElement_2.createV2InteractionsScriptElement)(config, isReducedMotion, pageId));
 };
 const getInteractiveComps = (interactions) => interactions.reduce((acc, { key, effects }) => {
     // add trigger comp
     acc.add(key);
     // add reaction comps
     // there must be a key
-    effects.forEach(({ key }) => acc.add(key));
+    effects?.forEach(({ key }) => acc.add(key));
     return acc;
 }, new Set());
 const coreInteractions = (config, getService) => {
     const { reducedMotion: isReducedMotion } = getService(definition_1.DeviceInfoDefinition);
     const { isOpen } = getService(definition_2.ExperimentsDefinition);
-    const { SSR } = getService(definition_3.RenderingContextDefinition);
-    const isSSRExperimentOpen = isOpen('specs.thunderbolt.interactionsInSsr');
-    if (isSSRExperimentOpen) {
+    if (isOpen('specs.thunderbolt.interactionsInSsr')) {
         // Emits the config and loader scripts. Works in both environments: SSR serves markup the
         // parser executes, and on the client the loader's ref revives it into a script that runs —
         // which is what pages rendered only on the client (password-protected / members-only,
         // client-side navigation) need, since they never get a server-rendered document.
-        const didInitInteractInSsr = tryInitInteractInSsr(config, isReducedMotion, getService);
-        // Fall back to direct init on the client if the script element could not be set up
-        // (e.g. no pageId or no interactions).
-        if (!didInitInteractInSsr && !SSR) {
-            initInteract(config, isReducedMotion);
-        }
+        // v2 is only reachable from here: it ships as a loader script plus generated CSS, both of
+        // which exist only on this path.
+        initRuntime(config, isReducedMotion, getService, isOpen('specs.thunderbolt.vsm_interactions_v2'));
     }
     else {
         initInteract(config, isReducedMotion);

package/cjs/build/implementations/coreInteractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"coreInteractions.js","sourceRoot":"","sources":["../../../src/implementations/coreInteractions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"coreInteractions.js","sourceRoot":"","sources":["../../../src/implementations/coreInteractions.ts"],"names":[],"mappings":"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"}

package/cjs/build/implementations/stylesToAdd.d.ts

@@ -1,2 +1,2 @@
-export declare const wixInteractElementCss = "\n    wix-interact-element {\n        display: contents;\n    }\n    ";
+export declare const wixInteractElementCss = "\n    interact-element {\n        display: contents;\n    }\n    ";
 export declare const hasClickTriggerCss = "\n    .has-click-trigger {\n        cursor: pointer;\n    }\n    ";

package/cjs/build/implementations/stylesToAdd.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasClickTriggerCss = exports.wixInteractElementCss = void 0;
 exports.wixInteractElementCss = `
-    wix-interact-element {
+    interact-element {
         display: contents;
     }
     `;

package/cjs/build/implementations/v2/InteractionsScriptElement.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+import type { InteractConfig } from '@wix/interact';
+export declare const createV2InteractionsScriptElement: (config: InteractConfig, isReducedMotion: boolean, pageId: string) => FunctionComponent;

package/cjs/build/implementations/v2/InteractionsScriptElement.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createV2InteractionsScriptElement = void 0;
+const react_1 = __importDefault(require("react"));
+const reviveScriptElement_1 = require("../reviveScriptElement");
+const interactionsScriptContent_1 = require("./interactionsScriptContent");
+const DANGEROUSLY_SET_INNER_HTML = ['dangerously', 'Set', 'Inner', 'HTML'];
+/**
+ * The config is written as raw markup, so a `</script` inside any string value would close the
+ * element early. `\u003c` is valid JSON that `JSON.parse` reads back as `<`.
+ */
+const serializeConfigForScriptElement = (config) => JSON.stringify(config).replace(/</g, '\\u003c');
+const createV2InteractionsScriptElement = (config, isReducedMotion, pageId) => () => {
+    // This ID is also interpolated into raw module-script text. Percent-encoding removes
+    // script delimiters and template-literal syntax while keeping the ID deterministic.
+    const safePageId = encodeURIComponent(pageId);
+    const configId = `interactions-config-${safePageId}`;
+    const interactionsScriptContent = (0, interactionsScriptContent_1.getV2InteractionsScriptContent)(config, configId, isReducedMotion);
+    const configProps = {
+        [DANGEROUSLY_SET_INNER_HTML.join('')]: { __html: serializeConfigForScriptElement(config) },
+    };
+    const loaderProps = {
+        [DANGEROUSLY_SET_INNER_HTML.join('')]: { __html: interactionsScriptContent },
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("script", { type: "application/json", id: configId, ...configProps }),
+        react_1.default.createElement("script", { type: "module", id: `interactions-loader-${safePageId}`, ref: reviveScriptElement_1.reviveScriptElement, ...loaderProps })));
+};
+exports.createV2InteractionsScriptElement = createV2InteractionsScriptElement;
+//# sourceMappingURL=InteractionsScriptElement.js.map

package/cjs/build/implementations/v2/InteractionsScriptElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionsScriptElement.js","sourceRoot":"","sources":["../../../../src/implementations/v2/InteractionsScriptElement.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAGzB,gEAA4D;AAC5D,2EAA4E;AAE5E,MAAM,0BAA0B,GAAG,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;AAE1E;;;GAGG;AACH,MAAM,+BAA+B,GAAG,CAAC,MAAsB,EAAU,EAAE,CACvE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;AAE5C,MAAM,iCAAiC,GAC1C,CAAC,MAAsB,EAAE,eAAwB,EAAE,MAAc,EAAqB,EAAE,CACxF,GAAG,EAAE;IACD,qFAAqF;IACrF,oFAAoF;IACpF,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAC7C,MAAM,QAAQ,GAAG,uBAAuB,UAAU,EAAE,CAAA;IACpD,MAAM,yBAAyB,GAAG,IAAA,0DAA8B,EAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAA;IACnG,MAAM,WAAW,GAAG;QAChB,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAC,EAAE;KAC7F,CAAA;IACD,MAAM,WAAW,GAAG;QAChB,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,yBAAyB,EAAE;KAC/E,CAAA;IAED,OAAO,CACH;QACI,0CAAQ,IAAI,EAAC,kBAAkB,EAAC,EAAE,EAAE,QAAQ,KAAM,WAAW,GAAI;QACjE,0CACI,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,uBAAuB,UAAU,EAAE,EACvC,GAAG,EAAE,yCAAmB,KACpB,WAAW,GACjB,CACH,CACN,CAAA;AACL,CAAC,CAAA;AA1BQ,QAAA,iCAAiC,qCA0BzC"}

package/cjs/build/implementations/v2/cdnUrls.d.ts

@@ -0,0 +1,2 @@
+export declare const INTERACT_V2_IMPORT_URL = "https://cdn.jsdelivr.net/npm/@wix/interact@2/dist/es/web.min.js";
+export declare const WIX_MOTION_PRESETS_IMPORT_URL = "https://static.parastorage.com/services/wix-motion-presets/dist/wix-motion-presets.esm.min.js";

package/cjs/build/implementations/v2/cdnUrls.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WIX_MOTION_PRESETS_IMPORT_URL = exports.INTERACT_V2_IMPORT_URL = void 0;
+exports.INTERACT_V2_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/interact@2/dist/es/web.min.js';
+exports.WIX_MOTION_PRESETS_IMPORT_URL = 'https://static.parastorage.com/services/wix-motion-presets/dist/wix-motion-presets.esm.min.js';
+//# sourceMappingURL=cdnUrls.js.map

package/cjs/build/implementations/v2/cdnUrls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdnUrls.js","sourceRoot":"","sources":["../../../../src/implementations/v2/cdnUrls.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG,iEAAiE,CAAA;AAE1F,QAAA,6BAA6B,GACtC,+FAA+F,CAAA"}

package/cjs/build/implementations/v2/clickTriggerCss.d.ts

@@ -0,0 +1,3 @@
+import type { InteractConfig } from '@wix/interact';
+/** Emits `cursor: pointer` for click interaction triggers (`'activate' || 'click'`), one rule per unique source selector. */
+export declare const getClickTriggerCss: (config: InteractConfig) => string;

package/cjs/build/implementations/v2/clickTriggerCss.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getClickTriggerCss = void 0;
+const escapeCssAttr = (value) => value.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+/**
+ * Mirrors `@wix/interact` `getSelector(interaction, { asCombinator: true, useFirstChild: true })`
+ * plus the `[data-interact-key="…"]` prefix from `CSSRuleToString`.
+ */
+const getInteractionSourceSelector = (interaction) => {
+    const { key, selector, listContainer, listItemSelector } = interaction;
+    const attrSelector = `[data-interact-key="${escapeCssAttr(key)}"]`;
+    if (listContainer) {
+        const itemFilter = listItemSelector ? ` > ${listItemSelector}` : '';
+        const inner = selector ? `${listContainer}${itemFilter} ${selector}` : `${listContainer}${itemFilter || ' > *'}`;
+        return `${attrSelector} ${inner}`;
+    }
+    if (selector) {
+        return `${attrSelector} ${selector}`;
+    }
+    return `${attrSelector} > :first-child`;
+};
+/** Emits `cursor: pointer` for click interaction triggers (`'activate' || 'click'`), one rule per unique source selector. */
+const getClickTriggerCss = (config) => {
+    const selectors = [
+        ...new Set(config.interactions
+            .filter(({ trigger }) => trigger === 'activate' || trigger === 'click')
+            .map(getInteractionSourceSelector)),
+    ];
+    if (!selectors.length) {
+        return '';
+    }
+    return selectors.map(selector => `${selector} {\ncursor: pointer;\n}`).join('\n');
+};
+exports.getClickTriggerCss = getClickTriggerCss;
+//# sourceMappingURL=clickTriggerCss.js.map

package/cjs/build/implementations/v2/clickTriggerCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickTriggerCss.js","sourceRoot":"","sources":["../../../../src/implementations/v2/clickTriggerCss.ts"],"names":[],"mappings":";;;AAEA,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAElG;;;GAGG;AACH,MAAM,4BAA4B,GAAG,CACjC,WAAyF,EACnF,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAA;IACtE,MAAM,YAAY,GAAG,uBAAuB,aAAa,CAAC,GAAG,CAAC,IAAI,CAAA;IAElE,IAAI,aAAa,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,MAAM,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QACnE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,UAAU,IAAI,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,UAAU,IAAI,MAAM,EAAE,CAAA;QAEhH,OAAO,GAAG,YAAY,IAAI,KAAK,EAAE,CAAA;IACrC,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,GAAG,YAAY,IAAI,QAAQ,EAAE,CAAA;IACxC,CAAC;IAED,OAAO,GAAG,YAAY,iBAAiB,CAAA;AAC3C,CAAC,CAAA;AAED,6HAA6H;AACtH,MAAM,kBAAkB,GAAG,CAAC,MAAsB,EAAU,EAAE;IACjE,MAAM,SAAS,GAAG;QACd,GAAG,IAAI,GAAG,CACN,MAAM,CAAC,YAAY;aACd,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,OAAO,CAAC;aACtE,GAAG,CAAC,4BAA4B,CAAC,CACzC;KACJ,CAAA;IAED,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACb,CAAC;IAED,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,QAAQ,yBAAyB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACrF,CAAC,CAAA;AAdY,QAAA,kBAAkB,sBAc9B"}

package/cjs/build/implementations/v2/configCss.d.ts

@@ -0,0 +1,3 @@
+import type { InteractConfig } from '@wix/interact';
+/** Register config-used presets, then emit animation FOUC CSS and click-trigger cursor rules. */
+export declare const getV2ConfigCss: (config: InteractConfig) => string;

package/cjs/build/implementations/v2/configCss.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getV2ConfigCss = void 0;
+const interact_1 = require("@wix/interact");
+const clickTriggerCss_1 = require("./clickTriggerCss");
+const registerConfigEffects_1 = require("./registerConfigEffects");
+/** Register config-used presets, then emit animation FOUC CSS and click-trigger cursor rules. */
+const getV2ConfigCss = (config) => {
+    (0, registerConfigEffects_1.registerConfigEffects)(config);
+    const animationCss = (0, interact_1.generate)(config, true).trim();
+    const clickCss = (0, clickTriggerCss_1.getClickTriggerCss)(config).trim();
+    return [animationCss, clickCss].filter(Boolean).join('\n');
+};
+exports.getV2ConfigCss = getV2ConfigCss;
+//# sourceMappingURL=configCss.js.map

package/cjs/build/implementations/v2/configCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configCss.js","sourceRoot":"","sources":["../../../../src/implementations/v2/configCss.ts"],"names":[],"mappings":";;;AAAA,4CAAwC;AAExC,uDAAsD;AACtD,mEAA+D;AAE/D,iGAAiG;AAC1F,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAU,EAAE;IAC7D,IAAA,6CAAqB,EAAC,MAAM,CAAC,CAAA;IAC7B,MAAM,YAAY,GAAG,IAAA,mBAAQ,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IAClD,MAAM,QAAQ,GAAG,IAAA,oCAAkB,EAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAA;IAElD,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAC9D,CAAC,CAAA;AANY,QAAA,cAAc,kBAM1B"}

package/cjs/build/implementations/v2/configStyleHeadContent.d.ts

@@ -0,0 +1 @@
+export declare const getV2ConfigStyleHeadContent: (css: string) => string;

package/cjs/build/implementations/v2/configStyleHeadContent.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getV2ConfigStyleHeadContent = void 0;
+/**
+ * Head content is a raw HTML string, so anything tag-like in the generated CSS either closes the
+ * style element early or trips the head appender's script-tag guard, which throws. Nothing in CSS
+ * opens a tag: `<` appears only in media range queries, followed by a space or a digit. Cutting
+ * from the first `<` that could start a tag leaves valid CSS untouched.
+ */
+const sanitizeCssForStyleElement = (css) => {
+    const tagIndex = css.search(/<[a-zA-Z/]/);
+    return tagIndex === -1 ? css : css.slice(0, tagIndex);
+};
+const getV2ConfigStyleHeadContent = (css) => `<style>${sanitizeCssForStyleElement(css)}</style>`;
+exports.getV2ConfigStyleHeadContent = getV2ConfigStyleHeadContent;
+//# sourceMappingURL=configStyleHeadContent.js.map

package/cjs/build/implementations/v2/configStyleHeadContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configStyleHeadContent.js","sourceRoot":"","sources":["../../../../src/implementations/v2/configStyleHeadContent.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,MAAM,0BAA0B,GAAG,CAAC,GAAW,EAAU,EAAE;IACvD,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IACzC,OAAO,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;AACzD,CAAC,CAAA;AAEM,MAAM,2BAA2B,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,0BAA0B,CAAC,GAAG,CAAC,UAAU,CAAA;AAA1G,QAAA,2BAA2B,+BAA+E"}

package/cjs/build/implementations/v2/interactionsScriptContent.d.ts

@@ -0,0 +1,9 @@
+import type { InteractConfig } from '@wix/interact';
+/**
+ * The loader reaches these modules through dynamic `import()`, which the preload scanner cannot
+ * see, so without the links the fetches only start once the loader runs. No `crossorigin`: a bare
+ * `modulepreload` fetches with the same credentials mode as a bare `import()`, and a mismatch
+ * would download each module twice.
+ */
+export declare const getV2ModulePreloadHeadContent: (config: InteractConfig) => string;
+export declare const getV2InteractionsScriptContent: (config: InteractConfig, configId: string, isReducedMotion: boolean) => string;

package/cjs/build/implementations/v2/interactionsScriptContent.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getV2InteractionsScriptContent = exports.getV2ModulePreloadHeadContent = void 0;
+const cdnUrls_1 = require("./cdnUrls");
+const namedEffectTypes_1 = require("./namedEffectTypes");
+const motionPresets_1 = require("./motionPresets");
+const getPresetTypes = (config) => (0, motionPresets_1.filterKnownPresetTypes)((0, namedEffectTypes_1.collectNamedEffectTypes)(config));
+const getModuleUrls = (presetTypes) => presetTypes.length > 0 ? [cdnUrls_1.INTERACT_V2_IMPORT_URL, cdnUrls_1.WIX_MOTION_PRESETS_IMPORT_URL] : [cdnUrls_1.INTERACT_V2_IMPORT_URL];
+/**
+ * The loader reaches these modules through dynamic `import()`, which the preload scanner cannot
+ * see, so without the links the fetches only start once the loader runs. No `crossorigin`: a bare
+ * `modulepreload` fetches with the same credentials mode as a bare `import()`, and a mismatch
+ * would download each module twice.
+ */
+const getV2ModulePreloadHeadContent = (config) => getModuleUrls(getPresetTypes(config))
+    .map(url => `<link rel="modulepreload" href="${url}">`)
+    .join('');
+exports.getV2ModulePreloadHeadContent = getV2ModulePreloadHeadContent;
+const getV2InteractionsScriptContent = (config, configId, isReducedMotion) => {
+    const presetTypes = getPresetTypes(config);
+    const bindings = ['{ Interact }'];
+    const imports = getModuleUrls(presetTypes).map(url => `import(\`${url}\`)`);
+    if (presetTypes.length > 0) {
+        bindings.push(`{ ${presetTypes.join(', ')} }`);
+    }
+    const registerEffects = presetTypes.length > 0 ? `  Interact.registerEffects({ ${presetTypes.join(', ')} })` : undefined;
+    return [
+        `const configElement = document.getElementById(\`${configId}\`)`,
+        'if (configElement) {',
+        '  const config = JSON.parse(configElement.textContent)',
+        `  const [${bindings.join(', ')}] = await Promise.all([`,
+        ...imports.map(importCall => `    ${importCall},`),
+        '  ])',
+        registerEffects,
+        `  Interact.forceReducedMotion = ${isReducedMotion}`,
+        '  Interact.setup({',
+        '    scrollOptionsGetter: function () {',
+        '      return document.getElementById(`site-root`)',
+        '    },',
+        '    allowA11yTriggers: true,',
+        '    viewEnter: {',
+        '      useSafeViewEnter: true,',
+        '    },',
+        '  })',
+        '  Interact.create(config)',
+        '}',
+    ]
+        .filter((line) => line !== undefined)
+        .join('\n');
+};
+exports.getV2InteractionsScriptContent = getV2InteractionsScriptContent;
+//# sourceMappingURL=interactionsScriptContent.js.map

package/cjs/build/implementations/v2/interactionsScriptContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsScriptContent.js","sourceRoot":"","sources":["../../../../src/implementations/v2/interactionsScriptContent.ts"],"names":[],"mappings":";;;AACA,uCAAiF;AACjF,yDAA4D;AAC5D,mDAAwD;AAExD,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAY,EAAE,CAAC,IAAA,sCAAsB,EAAC,IAAA,0CAAuB,EAAC,MAAM,CAAC,CAAC,CAAA;AAEpH,MAAM,aAAa,GAAG,CAAC,WAAqB,EAAY,EAAE,CACtD,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAsB,EAAE,uCAA6B,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAsB,CAAC,CAAA;AAE/G;;;;;GAKG;AACI,MAAM,6BAA6B,GAAG,CAAC,MAAsB,EAAU,EAAE,CAC5E,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;KAChC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,mCAAmC,GAAG,IAAI,CAAC;KACtD,IAAI,CAAC,EAAE,CAAC,CAAA;AAHJ,QAAA,6BAA6B,iCAGzB;AAEV,MAAM,8BAA8B,GAAG,CAC1C,MAAsB,EACtB,QAAgB,EAChB,eAAwB,EAClB,EAAE;IACR,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,QAAQ,GAAG,CAAC,cAAc,CAAC,CAAA;IACjC,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,GAAG,KAAK,CAAC,CAAA;IAE3E,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACzB,QAAQ,CAAC,IAAI,CAAC,KAAK,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAClD,CAAC;IAED,MAAM,eAAe,GACjB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,gCAAgC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpG,OAAO;QACH,mDAAmD,QAAQ,KAAK;QAChE,sBAAsB;QACtB,wDAAwD;QACxD,YAAY,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAyB;QACxD,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,UAAU,GAAG,CAAC;QAClD,MAAM;QACN,eAAe;QACf,mCAAmC,eAAe,EAAE;QACpD,oBAAoB;QACpB,wCAAwC;QACxC,mDAAmD;QACnD,QAAQ;QACR,8BAA8B;QAC9B,kBAAkB;QAClB,+BAA+B;QAC/B,QAAQ;QACR,MAAM;QACN,2BAA2B;QAC3B,GAAG;KACN;SACI,MAAM,CAAC,CAAC,IAAI,EAAkB,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC;SACpD,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,CAAC,CAAA;AAvCY,QAAA,8BAA8B,kCAuC1C"}

package/cjs/build/implementations/v2/motionPresets.d.ts

@@ -0,0 +1,13 @@
+type EffectModule = {
+    web: unknown;
+    style?: unknown;
+    getNames: unknown;
+};
+export declare const motionPresets: Record<string, EffectModule>;
+export declare const isKnownPresetType: (type: string) => boolean;
+/**
+ * Preset names become bare JavaScript identifiers in the client loader. Filtering against the
+ * installed package prevents unknown names from creating invalid source or a failed import.
+ */
+export declare const filterKnownPresetTypes: (types: string[]) => string[];
+export {};

package/cjs/build/implementations/v2/motionPresets.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterKnownPresetTypes = exports.isKnownPresetType = exports.motionPresets = void 0;
+const allPresets = __importStar(require("@wix/wix-motion-presets"));
+exports.motionPresets = allPresets;
+const knownPresetTypes = new Set(Object.keys(exports.motionPresets));
+const isKnownPresetType = (type) => knownPresetTypes.has(type);
+exports.isKnownPresetType = isKnownPresetType;
+/**
+ * Preset names become bare JavaScript identifiers in the client loader. Filtering against the
+ * installed package prevents unknown names from creating invalid source or a failed import.
+ */
+const filterKnownPresetTypes = (types) => {
+    const unknown = types.filter(type => !(0, exports.isKnownPresetType)(type));
+    if (unknown.length > 0) {
+        console.warn(`Interactions: skipping unknown Wix motion preset type(s): ${unknown.join(', ')}`);
+    }
+    return types.filter(exports.isKnownPresetType);
+};
+exports.filterKnownPresetTypes = filterKnownPresetTypes;
+//# sourceMappingURL=motionPresets.js.map

package/cjs/build/implementations/v2/motionPresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motionPresets.js","sourceRoot":"","sources":["../../../../src/implementations/v2/motionPresets.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAqD;AAQxC,QAAA,aAAa,GAAiC,UAAqD,CAAA;AAEhH,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAa,CAAC,CAAC,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAW,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAAzE,QAAA,iBAAiB,qBAAwD;AAEtF;;;GAGG;AACI,MAAM,sBAAsB,GAAG,CAAC,KAAe,EAAY,EAAE;IAChE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAC,CAAA;IAC9D,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,CAAC,6DAA6D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACnG,CAAC;IAED,OAAO,KAAK,CAAC,MAAM,CAAC,yBAAiB,CAAC,CAAA;AAC1C,CAAC,CAAA;AAPY,QAAA,sBAAsB,0BAOlC"}

package/cjs/build/implementations/v2/namedEffectTypes.d.ts

@@ -0,0 +1,2 @@
+import type { InteractConfig } from '@wix/interact';
+export declare const collectNamedEffectTypes: (config: InteractConfig) => string[];

package/cjs/build/implementations/v2/namedEffectTypes.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.collectNamedEffectTypes = void 0;
+/** Prefer the effects map; fall back to an inline named effect when an effect id misses. */
+const resolveEffect = (config, effect) => {
+    if (!effect.effectId) {
+        return effect;
+    }
+    return config.effects?.[effect.effectId] ?? effect;
+};
+const readNamedEffectType = (effect) => {
+    if (!('namedEffect' in effect) || !effect.namedEffect) {
+        return undefined;
+    }
+    const { type } = effect.namedEffect;
+    return typeof type === 'string' ? type : undefined;
+};
+const collectNamedEffectTypes = (config) => {
+    const types = new Set();
+    const collectFromEffects = (effects) => {
+        for (const effect of effects) {
+            const type = readNamedEffectType(resolveEffect(config, effect));
+            if (type) {
+                types.add(type);
+            }
+        }
+    };
+    for (const interaction of config.interactions) {
+        collectFromEffects(interaction.effects ?? []);
+        for (const sequence of interaction.sequences ?? []) {
+            if ('effects' in sequence) {
+                collectFromEffects(sequence.effects);
+                continue;
+            }
+            const referencedSequence = config.sequences?.[sequence.sequenceId];
+            collectFromEffects(referencedSequence?.effects ?? []);
+        }
+    }
+    return [...types].sort();
+};
+exports.collectNamedEffectTypes = collectNamedEffectTypes;
+//# sourceMappingURL=namedEffectTypes.js.map

package/cjs/build/implementations/v2/namedEffectTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"namedEffectTypes.js","sourceRoot":"","sources":["../../../../src/implementations/v2/namedEffectTypes.ts"],"names":[],"mappings":";;;AAMA,4FAA4F;AAC5F,MAAM,aAAa,GAAG,CAAC,MAAsB,EAAE,MAAoB,EAAsB,EAAE;IACvF,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,MAAM,CAAA;IACjB,CAAC;IAED,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,MAA0B,EAAsB,EAAE;IAC3E,IAAI,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACpD,OAAO,SAAS,CAAA;IACpB,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,WAAW,CAAA;IACnC,OAAO,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;AACtD,CAAC,CAAA;AAEM,MAAM,uBAAuB,GAAG,CAAC,MAAsB,EAAY,EAAE;IACxE,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAA;IAE/B,MAAM,kBAAkB,GAAG,CAAC,OAAuB,EAAE,EAAE;QACnD,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,mBAAmB,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;YAC/D,IAAI,IAAI,EAAE,CAAC;gBACP,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YACnB,CAAC;QACL,CAAC;IACL,CAAC,CAAA;IAED,KAAK,MAAM,WAAW,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;QAC5C,kBAAkB,CAAC,WAAW,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;QAE7C,KAAK,MAAM,QAAQ,IAAI,WAAW,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC;YACjD,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;gBACxB,kBAAkB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;gBACpC,SAAQ;YACZ,CAAC;YAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;YAClE,kBAAkB,CAAC,kBAAkB,EAAE,OAAO,IAAI,EAAE,CAAC,CAAA;QACzD,CAAC;IACL,CAAC;IAED,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,EAAE,CAAA;AAC5B,CAAC,CAAA;AA3BY,QAAA,uBAAuB,2BA2BnC"}

package/cjs/build/implementations/v2/registerConfigEffects.d.ts

@@ -0,0 +1,6 @@
+import type { InteractConfig } from '@wix/interact';
+/**
+ * A named effect only runs once its preset is registered, so every path that reaches
+ * `Interact.create` or `generate` has to register the config's presets first.
+ */
+export declare const registerConfigEffects: (config: InteractConfig) => void;

package/cjs/build/implementations/v2/registerConfigEffects.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerConfigEffects = void 0;
+const interact_1 = require("@wix/interact");
+const namedEffectTypes_1 = require("./namedEffectTypes");
+const motionPresets_1 = require("./motionPresets");
+// Interact's effect registry is process-global, so mirror it across repeated SSR renders.
+const registeredTypes = new Set();
+/**
+ * A named effect only runs once its preset is registered, so every path that reaches
+ * `Interact.create` or `generate` has to register the config's presets first.
+ */
+const registerConfigEffects = (config) => {
+    const presetsToRegister = {};
+    for (const type of (0, motionPresets_1.filterKnownPresetTypes)((0, namedEffectTypes_1.collectNamedEffectTypes)(config))) {
+        if (registeredTypes.has(type)) {
+            continue;
+        }
+        presetsToRegister[type] = motionPresets_1.motionPresets[type];
+    }
+    if (Object.keys(presetsToRegister).length > 0) {
+        interact_1.Interact.registerEffects(presetsToRegister);
+        Object.keys(presetsToRegister).forEach(type => registeredTypes.add(type));
+    }
+};
+exports.registerConfigEffects = registerConfigEffects;
+//# sourceMappingURL=registerConfigEffects.js.map

package/cjs/build/implementations/v2/registerConfigEffects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerConfigEffects.js","sourceRoot":"","sources":["../../../../src/implementations/v2/registerConfigEffects.ts"],"names":[],"mappings":";;;AAAA,4CAAwC;AAExC,yDAA4D;AAC5D,mDAAuE;AAKvE,0FAA0F;AAC1F,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU,CAAA;AAEzC;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CAAC,MAAsB,EAAE,EAAE;IAC5D,MAAM,iBAAiB,GAAmB,EAAE,CAAA;IAE5C,KAAK,MAAM,IAAI,IAAI,IAAA,sCAAsB,EAAC,IAAA,0CAAuB,EAAC,MAAM,CAAC,CAAC,EAAE,CAAC;QACzE,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,SAAQ;QACZ,CAAC;QAED,iBAAiB,CAAC,IAAI,CAAC,GAAG,6BAAa,CAAC,IAAI,CAAiB,CAAA;IACjE,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5C,mBAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAA;QAC3C,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;IAC7E,CAAC;AACL,CAAC,CAAA;AAfY,QAAA,qBAAqB,yBAejC"}

package/dist/implementations/coreInteractions.js

@@ -1,11 +1,19 @@
-import { Interact } from '@wix/interact';
+import { Interact } from '@wix/interact/web';
 import { DeviceInfoDefinition } from '@wix/site-service-device-info/definition';
 import { ExperimentsDefinition } from '@wix/site-service-experiments/definition';
-import { RenderingContextDefinition } from '@wix/site-service-rendering-context/definition';
 import { PagesDefinition } from '@wix/site-service-pages/definition';
+import { HeadAppenderDefinition } from '@wix/site-service-head-appender/definition';
 import { ProvideComponentServiceDefinition } from '@wix/services-manager-react/core-services/provide-component';
 import { createInteractionsScriptElement } from './InteractionsScriptElement';
+import { createV2InteractionsScriptElement } from './v2/InteractionsScriptElement';
+import { getV2ConfigCss } from './v2/configCss';
+import { getV2ConfigStyleHeadContent } from './v2/configStyleHeadContent';
+import { getV2ModulePreloadHeadContent } from './v2/interactionsScriptContent';
+import { registerConfigEffects } from './v2/registerConfigEffects';
 const initInteract = (config, isReducedMotion) => {
+    // The bundled runtime is v2, where named effects come from a separate package the loader
+    // script imports on the SSR path. Here they have to be registered before create().
+    registerConfigEffects(config);
     Interact.forceReducedMotion = isReducedMotion;
     Interact.setup({
         scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
@@ -16,45 +24,45 @@ const initInteract = (config, isReducedMotion) => {
     });
     Interact.create(config);
 };
-const tryInitInteractInSsr = (config, isReducedMotion, getService) => {
-    const hasInteractions = config.interactions?.length > 0;
-    if (!hasInteractions) {
-        return false;
+const initRuntime = (config, isReducedMotion, getService, useV2) => {
+    if (!config.interactions?.length) {
+        return;
     }
-    const { currentPage } = getService(PagesDefinition);
-    const pageId = currentPage?.id;
+    const pageId = getService(PagesDefinition).currentPage?.id;
     if (!pageId) {
-        return false;
+        return;
     }
     const { addTopComponent } = getService(ProvideComponentServiceDefinition);
-    const ssrScriptElement = createInteractionsScriptElement(config, isReducedMotion, pageId);
-    addTopComponent(ssrScriptElement);
-    return true;
+    if (!useV2) {
+        addTopComponent(createInteractionsScriptElement(config, isReducedMotion, pageId));
+        return;
+    }
+    // Both belong in the head: the preload links only help while the document is still parsing,
+    // and the generated CSS hides elements before their entrance effect, so it has to apply
+    // before the body renders.
+    const css = getV2ConfigCss(config).trim();
+    getService(HeadAppenderDefinition).setHead(getV2ModulePreloadHeadContent(config) + (css ? getV2ConfigStyleHeadContent(css) : ''));
+    addTopComponent(createV2InteractionsScriptElement(config, isReducedMotion, pageId));
 };
 const getInteractiveComps = (interactions) => interactions.reduce((acc, { key, effects }) => {
     // add trigger comp
     acc.add(key);
     // add reaction comps
     // there must be a key
-    effects.forEach(({ key }) => acc.add(key));
+    effects?.forEach(({ key }) => acc.add(key));
     return acc;
 }, new Set());
 export const coreInteractions = (config, getService) => {
     const { reducedMotion: isReducedMotion } = getService(DeviceInfoDefinition);
     const { isOpen } = getService(ExperimentsDefinition);
-    const { SSR } = getService(RenderingContextDefinition);
-    const isSSRExperimentOpen = isOpen('specs.thunderbolt.interactionsInSsr');
-    if (isSSRExperimentOpen) {
+    if (isOpen('specs.thunderbolt.interactionsInSsr')) {
         // Emits the config and loader scripts. Works in both environments: SSR serves markup the
         // parser executes, and on the client the loader's ref revives it into a script that runs —
         // which is what pages rendered only on the client (password-protected / members-only,
         // client-side navigation) need, since they never get a server-rendered document.
-        const didInitInteractInSsr = tryInitInteractInSsr(config, isReducedMotion, getService);
-        // Fall back to direct init on the client if the script element could not be set up
-        // (e.g. no pageId or no interactions).
-        if (!didInitInteractInSsr && !SSR) {
-            initInteract(config, isReducedMotion);
-        }
+        // v2 is only reachable from here: it ships as a loader script plus generated CSS, both of
+        // which exist only on this path.
+        initRuntime(config, isReducedMotion, getService, isOpen('specs.thunderbolt.vsm_interactions_v2'));
     }
     else {
         initInteract(config, isReducedMotion);