@wix/site-service-interactions 1.0.9 → 1.0.11

package/cjs/build/implementations/coreInteractions.js

@@ -4,11 +4,21 @@ exports.coreInteractions = void 0;
 const interact_1 = require("@wix/interact");
 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");
+// Deliberately the deprecated pages service. Thunderbolt registers the site-service-pages page
+// config only for sites that list it in `requiredServicesMap`, which ordinary sites do not, so
+// `currentPage` falls back to EMPTY_PAGE and the id is ''. The legacy pages feature carries an
+// explicit `interactionsFeature` escape hatch, so its config is populated for us.
+const definition_3 = require("@wix/viewer-service-pages/definition");
+const definition_4 = require("@wix/site-service-head-appender/definition");
+const types_1 = require("@wix/site-service-head-appender/types");
 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 initInteract = (config, isReducedMotion) => {
+    // Bundled runtime is v1. v2 on the client is the CDN loader.
     interact_1.Interact.forceReducedMotion = isReducedMotion;
     interact_1.Interact.setup({
         scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
@@ -19,45 +29,50 @@ const initInteract = (config, isReducedMotion) => {
     });
     interact_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).currentPageId();
     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;
+    const interactionsScript = useV2
+        ? (0, InteractionsScriptElement_2.createV2InteractionsScriptElement)(config, isReducedMotion, pageId)
+        : (0, InteractionsScriptElement_1.createInteractionsScriptElement)(config, isReducedMotion, pageId);
+    addTopComponent(interactionsScript);
 };
 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.vsm_interactions_v2')) {
+        // 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.
+        if (!process.env.browser) {
+            const css = (0, configCss_1.getV2ConfigCss)(config).trim();
+            // GENERAL rather than setHead's AFTER_SECURITY default: thunderbolt only reads the
+            // after-security bucket on its SEO path, so the default drops this on every normal
+            // request. GENERAL reaches the document as raw markup before `</head>`.
+            getService(definition_4.HeadAppenderDefinition).setHead((0, interactionsScriptContent_1.getV2ModulePreloadHeadContent)() + (css ? (0, configStyleHeadContent_1.getV2ConfigStyleHeadContent)(css) : ''), types_1.HeadContentType.GENERAL);
+        }
+        initRuntime(config, isReducedMotion, getService, true);
+    }
+    else 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);
-        }
+        initRuntime(config, isReducedMotion, getService, false);
     }
     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)(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,QAAQ,EAAE,eAAe,CAAC,CAAA;IAC3F,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.5.14/dist/es/web.min.js";
+export declare const WIX_MOTION_PRESETS_IMPORT_URL = "https://cdn.jsdelivr.net/npm/@wix/wix-motion-presets@1.0.0/+esm";

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.5.14/dist/es/web.min.js';
+exports.WIX_MOTION_PRESETS_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/wix-motion-presets@1.0.0/+esm';
+//# 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,sEAAsE,CAAA;AAE/F,QAAA,6BAA6B,GAAG,iEAAiE,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';
+/** 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,50 @@
+"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.getV2ConfigCss = void 0;
+const interact_v2_1 = require("@wix/interact-v2");
+const motionPresets = __importStar(require("@wix/wix-motion-presets"));
+const clickTriggerCss_1 = require("./clickTriggerCss");
+// Interact's registry is process-global. This module is only pulled into the server bundle
+// (`process.env.browser` DCE), so the namespace is registered once per Node process.
+interact_v2_1.Interact.registerEffects(motionPresets);
+/** Emit animation FOUC CSS and click-trigger cursor rules. */
+const getV2ConfigCss = (config) => {
+    const animationCss = (0, interact_v2_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,kDAAqD;AAGrD,uEAAwD;AACxD,uDAAsD;AAItD,2FAA2F;AAC3F,qFAAqF;AACrF,sBAAQ,CAAC,eAAe,CAAC,aAA0C,CAAC,CAAA;AAEpE,8DAA8D;AACvD,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAU,EAAE;IAC7D,MAAM,YAAY,GAAG,IAAA,sBAAQ,EAAC,MAA0B,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IACtE,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;AALY,QAAA,cAAc,kBAK1B"}

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,8 @@
+/**
+ * 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: () => string;
+export declare const getV2InteractionsScriptContent: (configId: string, isReducedMotion: boolean) => string;

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getV2InteractionsScriptContent = exports.getV2ModulePreloadHeadContent = void 0;
+const cdnUrls_1 = require("./cdnUrls");
+/**
+ * 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 = () => `<link rel="modulepreload" href="${cdnUrls_1.INTERACT_V2_IMPORT_URL}"><link rel="modulepreload" href="${cdnUrls_1.WIX_MOTION_PRESETS_IMPORT_URL}">`;
+exports.getV2ModulePreloadHeadContent = getV2ModulePreloadHeadContent;
+const getV2InteractionsScriptContent = (configId, isReducedMotion) => [
+    `const configElement = document.getElementById(\`${configId}\`)`,
+    'if (configElement) {',
+    '  const config = JSON.parse(configElement.textContent)',
+    '  const [{ Interact }, presets] = await Promise.all([',
+    `    import(\`${cdnUrls_1.INTERACT_V2_IMPORT_URL}\`),`,
+    `    import(\`${cdnUrls_1.WIX_MOTION_PRESETS_IMPORT_URL}\`),`,
+    '  ])',
+    '  Interact.registerEffects(presets)',
+    `  Interact.forceReducedMotion = ${isReducedMotion}`,
+    '  Interact.setup({',
+    '    scrollOptionsGetter: function () {',
+    '      return document.getElementById(`site-root`)',
+    '    },',
+    '    allowA11yTriggers: true,',
+    '    viewEnter: {',
+    '      useSafeViewEnter: true,',
+    '    },',
+    '  })',
+    '  Interact.create(config)',
+    '}',
+].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":";;;AAAA,uCAAiF;AAEjF;;;;;GAKG;AACI,MAAM,6BAA6B,GAAG,GAAW,EAAE,CACtD,mCAAmC,gCAAsB,qCAAqC,uCAA6B,IAAI,CAAA;AADtH,QAAA,6BAA6B,iCACyF;AAE5H,MAAM,8BAA8B,GAAG,CAAC,QAAgB,EAAE,eAAwB,EAAU,EAAE,CACjG;IACI,mDAAmD,QAAQ,KAAK;IAChE,sBAAsB;IACtB,wDAAwD;IACxD,uDAAuD;IACvD,gBAAgB,gCAAsB,MAAM;IAC5C,gBAAgB,uCAA6B,MAAM;IACnD,MAAM;IACN,qCAAqC;IACrC,mCAAmC,eAAe,EAAE;IACpD,oBAAoB;IACpB,wCAAwC;IACxC,mDAAmD;IACnD,QAAQ;IACR,8BAA8B;IAC9B,kBAAkB;IAClB,+BAA+B;IAC/B,QAAQ;IACR,MAAM;IACN,2BAA2B;IAC3B,GAAG;CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAtBH,QAAA,8BAA8B,kCAsB3B"}

package/dist/implementations/coreInteractions.js

@@ -1,11 +1,21 @@
 import { Interact } from '@wix/interact';
 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';
+// Deliberately the deprecated pages service. Thunderbolt registers the site-service-pages page
+// config only for sites that list it in `requiredServicesMap`, which ordinary sites do not, so
+// `currentPage` falls back to EMPTY_PAGE and the id is ''. The legacy pages feature carries an
+// explicit `interactionsFeature` escape hatch, so its config is populated for us.
+import { PagesDefinition } from '@wix/viewer-service-pages/definition';
+import { HeadAppenderDefinition } from '@wix/site-service-head-appender/definition';
+import { HeadContentType } from '@wix/site-service-head-appender/types';
 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';
 const initInteract = (config, isReducedMotion) => {
+    // Bundled runtime is v1. v2 on the client is the CDN loader.
     Interact.forceReducedMotion = isReducedMotion;
     Interact.setup({
         scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
@@ -16,45 +26,50 @@ 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).currentPageId();
     if (!pageId) {
-        return false;
+        return;
     }
     const { addTopComponent } = getService(ProvideComponentServiceDefinition);
-    const ssrScriptElement = createInteractionsScriptElement(config, isReducedMotion, pageId);
-    addTopComponent(ssrScriptElement);
-    return true;
+    const interactionsScript = useV2
+        ? createV2InteractionsScriptElement(config, isReducedMotion, pageId)
+        : createInteractionsScriptElement(config, isReducedMotion, pageId);
+    addTopComponent(interactionsScript);
 };
 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.vsm_interactions_v2')) {
+        // 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.
+        if (!process.env.browser) {
+            const css = getV2ConfigCss(config).trim();
+            // GENERAL rather than setHead's AFTER_SECURITY default: thunderbolt only reads the
+            // after-security bucket on its SEO path, so the default drops this on every normal
+            // request. GENERAL reaches the document as raw markup before `</head>`.
+            getService(HeadAppenderDefinition).setHead(getV2ModulePreloadHeadContent() + (css ? getV2ConfigStyleHeadContent(css) : ''), HeadContentType.GENERAL);
+        }
+        initRuntime(config, isReducedMotion, getService, true);
+    }
+    else 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);
-        }
+        initRuntime(config, isReducedMotion, getService, false);
     }
     else {
         initInteract(config, isReducedMotion);

package/dist/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/dist/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/dist/implementations/stylesToAdd.js

@@ -1,5 +1,5 @@
 export const wixInteractElementCss = `
-    wix-interact-element {
+    interact-element {
         display: contents;
     }
     `;

package/dist/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/dist/implementations/v2/InteractionsScriptElement.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { reviveScriptElement } from '../reviveScriptElement';
+import { getV2InteractionsScriptContent } from './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');
+export 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 = getV2InteractionsScriptContent(configId, isReducedMotion);
+    const configProps = {
+        [DANGEROUSLY_SET_INNER_HTML.join('')]: { __html: serializeConfigForScriptElement(config) },
+    };
+    const loaderProps = {
+        [DANGEROUSLY_SET_INNER_HTML.join('')]: { __html: interactionsScriptContent },
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("script", { type: "application/json", id: configId, ...configProps }),
+        React.createElement("script", { type: "module", id: `interactions-loader-${safePageId}`, ref: reviveScriptElement, ...loaderProps })));
+};
+//# sourceMappingURL=InteractionsScriptElement.js.map

package/dist/implementations/v2/InteractionsScriptElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionsScriptElement.js","sourceRoot":"","sources":["../../../src/implementations/v2/InteractionsScriptElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;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;AAEnD,MAAM,CAAC,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,8BAA8B,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IAC3F,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,gCAAQ,IAAI,EAAC,kBAAkB,EAAC,EAAE,EAAE,QAAQ,KAAM,WAAW,GAAI;QACjE,gCACI,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,uBAAuB,UAAU,EAAE,EACvC,GAAG,EAAE,mBAAmB,KACpB,WAAW,GACjB,CACH,CACN,CAAA;AACL,CAAC,CAAA"}

package/dist/implementations/v2/cdnUrls.d.ts

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

package/dist/implementations/v2/cdnUrls.js

@@ -0,0 +1,3 @@
+export const INTERACT_V2_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/interact@2.5.14/dist/es/web.min.js';
+export const WIX_MOTION_PRESETS_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/wix-motion-presets@1.0.0/+esm';
+//# sourceMappingURL=cdnUrls.js.map

package/dist/implementations/v2/cdnUrls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdnUrls.js","sourceRoot":"","sources":["../../../src/implementations/v2/cdnUrls.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,sEAAsE,CAAA;AAE5G,MAAM,CAAC,MAAM,6BAA6B,GAAG,iEAAiE,CAAA"}

package/dist/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/dist/implementations/v2/clickTriggerCss.js

@@ -0,0 +1,31 @@
+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. */
+export 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');
+};
+//# sourceMappingURL=clickTriggerCss.js.map

package/dist/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;AAC7H,MAAM,CAAC,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"}

package/dist/implementations/v2/configCss.d.ts

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

package/dist/implementations/v2/configCss.js

@@ -0,0 +1,13 @@
+import { generate, Interact } from '@wix/interact-v2';
+import * as motionPresets from '@wix/wix-motion-presets';
+import { getClickTriggerCss } from './clickTriggerCss';
+// Interact's registry is process-global. This module is only pulled into the server bundle
+// (`process.env.browser` DCE), so the namespace is registered once per Node process.
+Interact.registerEffects(motionPresets);
+/** Emit animation FOUC CSS and click-trigger cursor rules. */
+export const getV2ConfigCss = (config) => {
+    const animationCss = generate(config, true).trim();
+    const clickCss = getClickTriggerCss(config).trim();
+    return [animationCss, clickCss].filter(Boolean).join('\n');
+};
+//# sourceMappingURL=configCss.js.map

package/dist/implementations/v2/configCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configCss.js","sourceRoot":"","sources":["../../../src/implementations/v2/configCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGrD,OAAO,KAAK,aAAa,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,2FAA2F;AAC3F,qFAAqF;AACrF,QAAQ,CAAC,eAAe,CAAC,aAA0C,CAAC,CAAA;AAEpE,8DAA8D;AAC9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAU,EAAE;IAC7D,MAAM,YAAY,GAAG,QAAQ,CAAC,MAA0B,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IACtE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,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"}

package/dist/implementations/v2/configStyleHeadContent.d.ts

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

package/dist/implementations/v2/configStyleHeadContent.js

@@ -0,0 +1,12 @@
+/**
+ * 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);
+};
+export const getV2ConfigStyleHeadContent = (css) => `<style>${sanitizeCssForStyleElement(css)}</style>`;
+//# sourceMappingURL=configStyleHeadContent.js.map

package/dist/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;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,0BAA0B,CAAC,GAAG,CAAC,UAAU,CAAA"}

package/dist/implementations/v2/interactionsScriptContent.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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: () => string;
+export declare const getV2InteractionsScriptContent: (configId: string, isReducedMotion: boolean) => string;

package/dist/implementations/v2/interactionsScriptContent.js

@@ -0,0 +1,31 @@
+import { INTERACT_V2_IMPORT_URL, WIX_MOTION_PRESETS_IMPORT_URL } from './cdnUrls';
+/**
+ * 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 const getV2ModulePreloadHeadContent = () => `<link rel="modulepreload" href="${INTERACT_V2_IMPORT_URL}"><link rel="modulepreload" href="${WIX_MOTION_PRESETS_IMPORT_URL}">`;
+export const getV2InteractionsScriptContent = (configId, isReducedMotion) => [
+    `const configElement = document.getElementById(\`${configId}\`)`,
+    'if (configElement) {',
+    '  const config = JSON.parse(configElement.textContent)',
+    '  const [{ Interact }, presets] = await Promise.all([',
+    `    import(\`${INTERACT_V2_IMPORT_URL}\`),`,
+    `    import(\`${WIX_MOTION_PRESETS_IMPORT_URL}\`),`,
+    '  ])',
+    '  Interact.registerEffects(presets)',
+    `  Interact.forceReducedMotion = ${isReducedMotion}`,
+    '  Interact.setup({',
+    '    scrollOptionsGetter: function () {',
+    '      return document.getElementById(`site-root`)',
+    '    },',
+    '    allowA11yTriggers: true,',
+    '    viewEnter: {',
+    '      useSafeViewEnter: true,',
+    '    },',
+    '  })',
+    '  Interact.create(config)',
+    '}',
+].join('\n');
+//# sourceMappingURL=interactionsScriptContent.js.map

package/dist/implementations/v2/interactionsScriptContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsScriptContent.js","sourceRoot":"","sources":["../../../src/implementations/v2/interactionsScriptContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;AAEjF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAW,EAAE,CACtD,mCAAmC,sBAAsB,qCAAqC,6BAA6B,IAAI,CAAA;AAEnI,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,QAAgB,EAAE,eAAwB,EAAU,EAAE,CACjG;IACI,mDAAmD,QAAQ,KAAK;IAChE,sBAAsB;IACtB,wDAAwD;IACxD,uDAAuD;IACvD,gBAAgB,sBAAsB,MAAM;IAC5C,gBAAgB,6BAA6B,MAAM;IACnD,MAAM;IACN,qCAAqC;IACrC,mCAAmC,eAAe,EAAE;IACpD,oBAAoB;IACpB,wCAAwC;IACxC,mDAAmD;IACnD,QAAQ;IACR,8BAA8B;IAC9B,kBAAkB;IAClB,+BAA+B;IAC/B,QAAQ;IACR,MAAM;IACN,2BAA2B;IAC3B,GAAG;CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-service-interactions",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "main": "cjs/build/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -44,18 +44,22 @@
   },
   "dependencies": {
     "@wix/interact": "^1.103.0",
+    "@wix/interact-v2": "npm:@wix/interact@^2.5.14",
     "@wix/services-manager": "^0.2.20",
     "@wix/services-manager-react": "^0.1.26",
     "@wix/site-service-device-info": "1.0.2",
     "@wix/site-service-experiments": "1.0.3",
-    "@wix/site-service-pages": "1.1.0",
+    "@wix/site-service-head-appender": "1.0.1",
     "@wix/site-service-provide-css": "1.0.1",
-    "@wix/site-service-rendering-context": "1.0.1",
-    "@wix/static-service": "1.0.19"
+    "@wix/static-service": "1.0.19",
+    "@wix/viewer-service-pages": "1.0.11",
+    "@wix/wix-motion-presets": "^1.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
     "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "typescript": "^5.3.3",
     "vitest": "4.1.0"
   },
@@ -90,5 +94,5 @@
       ]
     }
   },
-  "falconPackageHash": "629f3f89a2fc1e079366d274ab06644e0a74eba7c695c37d6f234e61"
+  "falconPackageHash": "734ab56bc526bfeff605dd11b9244ff0ef20ff101b76e970334c2137"
 }

package/src/implementations/coreInteractions.ts

@@ -2,13 +2,23 @@ import { Interact } from '@wix/interact'
 import type { InteractConfig } from '@wix/interact'
 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'
+// Deliberately the deprecated pages service. Thunderbolt registers the site-service-pages page
+// config only for sites that list it in `requiredServicesMap`, which ordinary sites do not, so
+// `currentPage` falls back to EMPTY_PAGE and the id is ''. The legacy pages feature carries an
+// explicit `interactionsFeature` escape hatch, so its config is populated for us.
+import { PagesDefinition } from '@wix/viewer-service-pages/definition'
+import { HeadAppenderDefinition } from '@wix/site-service-head-appender/definition'
+import { HeadContentType } from '@wix/site-service-head-appender/types'
 import { ProvideComponentServiceDefinition } from '@wix/services-manager-react/core-services/provide-component'
 import type { ServicesManager } from '@wix/services-manager/types'
 import { createInteractionsScriptElement } from './InteractionsScriptElement'
+import { createV2InteractionsScriptElement } from './v2/InteractionsScriptElement'
+import { getV2ConfigCss } from './v2/configCss'
+import { getV2ConfigStyleHeadContent } from './v2/configStyleHeadContent'
+import { getV2ModulePreloadHeadContent } from './v2/interactionsScriptContent'
 
 const initInteract = (config: InteractConfig, isReducedMotion: boolean) => {
+    // Bundled runtime is v1. v2 on the client is the CDN loader.
     Interact.forceReducedMotion = isReducedMotion
     Interact.setup({
         scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
@@ -20,28 +30,28 @@ const initInteract = (config: InteractConfig, isReducedMotion: boolean) => {
     Interact.create(config)
 }
 
-const tryInitInteractInSsr = (
+const initRuntime = (
     config: InteractConfig,
     isReducedMotion: boolean,
-    getService: ServicesManager['getService']
+    getService: ServicesManager['getService'],
+    useV2: boolean
 ) => {
-    const hasInteractions = config.interactions?.length > 0
-    if (!hasInteractions) {
-        return false
+    if (!config.interactions?.length) {
+        return
     }
 
-    const { currentPage } = getService(PagesDefinition)
-    const pageId = currentPage?.id
-
+    const pageId = getService(PagesDefinition).currentPageId()
     if (!pageId) {
-        return false
+        return
     }
 
     const { addTopComponent } = getService(ProvideComponentServiceDefinition)
-    const ssrScriptElement = createInteractionsScriptElement(config, isReducedMotion, pageId)
-    addTopComponent(ssrScriptElement)
 
-    return true
+    const interactionsScript = useV2
+        ? createV2InteractionsScriptElement(config, isReducedMotion, pageId)
+        : createInteractionsScriptElement(config, isReducedMotion, pageId)
+
+    addTopComponent(interactionsScript)
 }
 
 const getInteractiveComps = (interactions: InteractConfig['interactions']) =>
@@ -50,7 +60,7 @@ const getInteractiveComps = (interactions: InteractConfig['interactions']) =>
         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<string>())
@@ -58,21 +68,29 @@ const getInteractiveComps = (interactions: InteractConfig['interactions']) =>
 export const coreInteractions = (config: InteractConfig, getService: ServicesManager['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.vsm_interactions_v2')) {
+        // 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.
+        if (!process.env.browser) {
+            const css = getV2ConfigCss(config).trim()
+            // GENERAL rather than setHead's AFTER_SECURITY default: thunderbolt only reads the
+            // after-security bucket on its SEO path, so the default drops this on every normal
+            // request. GENERAL reaches the document as raw markup before `</head>`.
+            getService(HeadAppenderDefinition).setHead(
+                getV2ModulePreloadHeadContent() + (css ? getV2ConfigStyleHeadContent(css) : ''),
+                HeadContentType.GENERAL
+            )
+        }
+
+        initRuntime(config, isReducedMotion, getService, true)
+    } else 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)
-        }
+        initRuntime(config, isReducedMotion, getService, false)
     } else {
         initInteract(config, isReducedMotion)
     }

package/src/implementations/stylesToAdd.ts

@@ -1,5 +1,5 @@
 export const wixInteractElementCss = `
-    wix-interact-element {
+    interact-element {
         display: contents;
     }
     `

package/src/implementations/v2/InteractionsScriptElement.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+import type { FunctionComponent } from 'react'
+import type { InteractConfig } from '@wix/interact'
+import { reviveScriptElement } from '../reviveScriptElement'
+import { getV2InteractionsScriptContent } from './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: InteractConfig): string =>
+    JSON.stringify(config).replace(/</g, '\\u003c')
+
+export const createV2InteractionsScriptElement =
+    (config: InteractConfig, isReducedMotion: boolean, pageId: string): FunctionComponent =>
+    () => {
+        // 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 = getV2InteractionsScriptContent(configId, isReducedMotion)
+        const configProps = {
+            [DANGEROUSLY_SET_INNER_HTML.join('')]: { __html: serializeConfigForScriptElement(config) },
+        }
+        const loaderProps = {
+            [DANGEROUSLY_SET_INNER_HTML.join('')]: { __html: interactionsScriptContent },
+        }
+
+        return (
+            <>
+                <script type="application/json" id={configId} {...configProps} />
+                <script
+                    type="module"
+                    id={`interactions-loader-${safePageId}`}
+                    ref={reviveScriptElement}
+                    {...loaderProps}
+                />
+            </>
+        )
+    }

package/src/implementations/v2/cdnUrls.ts

@@ -0,0 +1,3 @@
+export const INTERACT_V2_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/interact@2.5.14/dist/es/web.min.js'
+
+export const WIX_MOTION_PRESETS_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/wix-motion-presets@1.0.0/+esm'

package/src/implementations/v2/clickTriggerCss.ts

@@ -0,0 +1,44 @@
+import type { InteractConfig, Interaction } from '@wix/interact'
+
+const escapeCssAttr = (value: string): string => 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: Pick<Interaction, 'key' | 'selector' | 'listContainer' | 'listItemSelector'>
+): string => {
+    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. */
+export const getClickTriggerCss = (config: InteractConfig): string => {
+    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')
+}

package/src/implementations/v2/configCss.ts

@@ -0,0 +1,19 @@
+import { generate, Interact } from '@wix/interact-v2'
+import type { InteractConfig } from '@wix/interact'
+import type { InteractConfig as InteractV2Config } from '@wix/interact-v2'
+import * as motionPresets from '@wix/wix-motion-presets'
+import { getClickTriggerCss } from './clickTriggerCss'
+
+type PresetRegistry = Parameters<typeof Interact.registerEffects>[0]
+
+// Interact's registry is process-global. This module is only pulled into the server bundle
+// (`process.env.browser` DCE), so the namespace is registered once per Node process.
+Interact.registerEffects(motionPresets as unknown as PresetRegistry)
+
+/** Emit animation FOUC CSS and click-trigger cursor rules. */
+export const getV2ConfigCss = (config: InteractConfig): string => {
+    const animationCss = generate(config as InteractV2Config, true).trim()
+    const clickCss = getClickTriggerCss(config).trim()
+
+    return [animationCss, clickCss].filter(Boolean).join('\n')
+}

package/src/implementations/v2/configStyleHeadContent.ts

@@ -0,0 +1,12 @@
+/**
+ * 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: string): string => {
+    const tagIndex = css.search(/<[a-zA-Z/]/)
+    return tagIndex === -1 ? css : css.slice(0, tagIndex)
+}
+
+export const getV2ConfigStyleHeadContent = (css: string): string => `<style>${sanitizeCssForStyleElement(css)}</style>`

package/src/implementations/v2/interactionsScriptContent.ts

@@ -0,0 +1,34 @@
+import { INTERACT_V2_IMPORT_URL, WIX_MOTION_PRESETS_IMPORT_URL } from './cdnUrls'
+
+/**
+ * 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 const getV2ModulePreloadHeadContent = (): string =>
+    `<link rel="modulepreload" href="${INTERACT_V2_IMPORT_URL}"><link rel="modulepreload" href="${WIX_MOTION_PRESETS_IMPORT_URL}">`
+
+export const getV2InteractionsScriptContent = (configId: string, isReducedMotion: boolean): string =>
+    [
+        `const configElement = document.getElementById(\`${configId}\`)`,
+        'if (configElement) {',
+        '  const config = JSON.parse(configElement.textContent)',
+        '  const [{ Interact }, presets] = await Promise.all([',
+        `    import(\`${INTERACT_V2_IMPORT_URL}\`),`,
+        `    import(\`${WIX_MOTION_PRESETS_IMPORT_URL}\`),`,
+        '  ])',
+        '  Interact.registerEffects(presets)',
+        `  Interact.forceReducedMotion = ${isReducedMotion}`,
+        '  Interact.setup({',
+        '    scrollOptionsGetter: function () {',
+        '      return document.getElementById(`site-root`)',
+        '    },',
+        '    allowA11yTriggers: true,',
+        '    viewEnter: {',
+        '      useSafeViewEnter: true,',
+        '    },',
+        '  })',
+        '  Interact.create(config)',
+        '}',
+    ].join('\n')