@wix/site-service-interactions 1.0.9 → 1.0.10

package/dist/implementations/coreInteractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"coreInteractions.js","sourceRoot":"","sources":["../../src/implementations/coreInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,gDAAgD,CAAA;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,iCAAiC,EAAE,MAAM,6DAA6D,CAAA;AAE/G,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAA;AAE7E,MAAM,YAAY,GAAG,CAAC,MAAsB,EAAE,eAAwB,EAAE,EAAE;IACtE,QAAQ,CAAC,kBAAkB,GAAG,eAAe,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC;QACX,mBAAmB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC;QAC1E,iBAAiB,EAAE,IAAI;QACvB,SAAS,EAAE;YACP,gBAAgB,EAAE,IAAI;SACzB;KACJ,CAAC,CAAA;IACF,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC3B,CAAC,CAAA;AAED,MAAM,oBAAoB,GAAG,CACzB,MAAsB,EACtB,eAAwB,EACxB,UAAyC,EAC3C,EAAE;IACA,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAA;IACvD,IAAI,CAAC,eAAe,EAAE,CAAC;QACnB,OAAO,KAAK,CAAA;IAChB,CAAC;IAED,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACnD,MAAM,MAAM,GAAG,WAAW,EAAE,EAAE,CAAA;IAE9B,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,KAAK,CAAA;IAChB,CAAC;IAED,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,iCAAiC,CAAC,CAAA;IACzE,MAAM,gBAAgB,GAAG,+BAA+B,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAA;IACzF,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAEjC,OAAO,IAAI,CAAA;AACf,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,YAA4C,EAAE,EAAE,CACzE,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1C,mBAAmB;IACnB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACZ,qBAAqB;IACrB,sBAAsB;IACtB,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAI,CAAC,CAAC,CAAA;IAE3C,OAAO,GAAG,CAAA;AACd,CAAC,EAAE,IAAI,GAAG,EAAU,CAAC,CAAA;AAEzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAE,UAAyC,EAAE,EAAE;IAClG,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAC3E,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IACpD,MAAM,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAA;IAEtD,MAAM,mBAAmB,GAAG,MAAM,CAAC,qCAAqC,CAAC,CAAA;IACzE,IAAI,mBAAmB,EAAE,CAAC;QACtB,yFAAyF;QACzF,2FAA2F;QAC3F,sFAAsF;QACtF,iFAAiF;QACjF,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,MAAM,EAAE,eAAe,EAAE,UAAU,CAAC,CAAA;QAEtF,mFAAmF;QACnF,uCAAuC;QACvC,IAAI,CAAC,oBAAoB,IAAI,CAAC,GAAG,EAAE,CAAC;YAChC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;QACzC,CAAC;IACL,CAAC;SAAM,CAAC;QACJ,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;IACzC,CAAC;IAED,OAAO;QACH,gBAAgB,EAAE,mBAAmB,CAAC,MAAM,CAAC,YAAY,CAAC;KAC7D,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"coreInteractions.js","sourceRoot":"","sources":["../../src/implementations/coreInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAA;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,6DAA6D,CAAA;AAE/G,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,MAAM,YAAY,GAAG,CAAC,MAAsB,EAAE,eAAwB,EAAE,EAAE;IACtE,yFAAyF;IACzF,mFAAmF;IACnF,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,GAAG,eAAe,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC;QACX,mBAAmB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC;QAC1E,iBAAiB,EAAE,IAAI;QACvB,SAAS,EAAE;YACP,gBAAgB,EAAE,IAAI;SACzB;KACJ,CAAC,CAAA;IACF,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC3B,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAChB,MAAsB,EACtB,eAAwB,EACxB,UAAyC,EACzC,KAAc,EAChB,EAAE;IACA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC;QAC/B,OAAM;IACV,CAAC;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,EAAE,CAAA;IAC1D,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAM;IACV,CAAC;IAED,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,iCAAiC,CAAC,CAAA;IAEzE,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,eAAe,CAAC,+BAA+B,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;QACjF,OAAM;IACV,CAAC;IAED,4FAA4F;IAC5F,wFAAwF;IACxF,2BAA2B;IAC3B,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAA;IACzC,UAAU,CAAC,sBAAsB,CAAC,CAAC,OAAO,CACtC,6BAA6B,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CACxF,CAAA;IAED,eAAe,CAAC,iCAAiC,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;AACvF,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,YAA4C,EAAE,EAAE,CACzE,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1C,mBAAmB;IACnB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACZ,qBAAqB;IACrB,sBAAsB;IACtB,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAI,CAAC,CAAC,CAAA;IAE5C,OAAO,GAAG,CAAA;AACd,CAAC,EAAE,IAAI,GAAG,EAAU,CAAC,CAAA;AAEzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAE,UAAyC,EAAE,EAAE;IAClG,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAC3E,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAEpD,IAAI,MAAM,CAAC,qCAAqC,CAAC,EAAE,CAAC;QAChD,yFAAyF;QACzF,2FAA2F;QAC3F,sFAAsF;QACtF,iFAAiF;QACjF,0FAA0F;QAC1F,iCAAiC;QACjC,WAAW,CAAC,MAAM,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,CAAC,uCAAuC,CAAC,CAAC,CAAA;IACrG,CAAC;SAAM,CAAC;QACJ,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;IACzC,CAAC;IAED,OAAO;QACH,gBAAgB,EAAE,mBAAmB,CAAC,MAAM,CAAC,YAAY,CAAC;KAC7D,CAAA;AACL,CAAC,CAAA"}

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(config, 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,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,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/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/dist/implementations/v2/cdnUrls.js

@@ -0,0 +1,3 @@
+export const INTERACT_V2_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/interact@2/dist/es/web.min.js';
+export const 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/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,iEAAiE,CAAA;AAEvG,MAAM,CAAC,MAAM,6BAA6B,GACtC,+FAA+F,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';
+/** Register config-used presets, then 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,11 @@
+import { generate } from '@wix/interact';
+import { getClickTriggerCss } from './clickTriggerCss';
+import { registerConfigEffects } from './registerConfigEffects';
+/** Register config-used presets, then emit animation FOUC CSS and click-trigger cursor rules. */
+export const getV2ConfigCss = (config) => {
+    registerConfigEffects(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,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,iGAAiG;AACjG,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAU,EAAE;IAC7D,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC7B,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IAClD,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,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/dist/implementations/v2/interactionsScriptContent.js

@@ -0,0 +1,47 @@
+import { INTERACT_V2_IMPORT_URL, WIX_MOTION_PRESETS_IMPORT_URL } from './cdnUrls';
+import { collectNamedEffectTypes } from './namedEffectTypes';
+import { filterKnownPresetTypes } from './motionPresets';
+const getPresetTypes = (config) => filterKnownPresetTypes(collectNamedEffectTypes(config));
+const getModuleUrls = (presetTypes) => presetTypes.length > 0 ? [INTERACT_V2_IMPORT_URL, WIX_MOTION_PRESETS_IMPORT_URL] : [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.
+ */
+export const getV2ModulePreloadHeadContent = (config) => getModuleUrls(getPresetTypes(config))
+    .map(url => `<link rel="modulepreload" href="${url}">`)
+    .join('');
+export 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');
+};
+//# 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":"AACA,OAAO,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAY,EAAE,CAAC,sBAAsB,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAA;AAEpH,MAAM,aAAa,GAAG,CAAC,WAAqB,EAAY,EAAE,CACtD,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAA;AAE/G;;;;;GAKG;AACH,MAAM,CAAC,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;AAEjB,MAAM,CAAC,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"}

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

@@ -0,0 +1,16 @@
+import * as allPresets from '@wix/wix-motion-presets';
+export const motionPresets = allPresets;
+const knownPresetTypes = new Set(Object.keys(motionPresets));
+export const isKnownPresetType = (type) => knownPresetTypes.has(type);
+/**
+ * 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 const filterKnownPresetTypes = (types) => {
+    const unknown = types.filter(type => !isKnownPresetType(type));
+    if (unknown.length > 0) {
+        console.warn(`Interactions: skipping unknown Wix motion preset type(s): ${unknown.join(', ')}`);
+    }
+    return types.filter(isKnownPresetType);
+};
+//# sourceMappingURL=motionPresets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motionPresets.js","sourceRoot":"","sources":["../../../src/implementations/v2/motionPresets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAA;AAQrD,MAAM,CAAC,MAAM,aAAa,GAAiC,UAAqD,CAAA;AAEhH,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAW,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAEtF;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAe,EAAY,EAAE;IAChE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,iBAAiB,CAAC,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,iBAAiB,CAAC,CAAA;AAC1C,CAAC,CAAA"}

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

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

package/dist/implementations/v2/namedEffectTypes.js

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

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

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

@@ -0,0 +1,23 @@
+import { Interact } from '@wix/interact';
+import { collectNamedEffectTypes } from './namedEffectTypes';
+import { filterKnownPresetTypes, motionPresets } from './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.
+ */
+export const registerConfigEffects = (config) => {
+    const presetsToRegister = {};
+    for (const type of filterKnownPresetTypes(collectNamedEffectTypes(config))) {
+        if (registeredTypes.has(type)) {
+            continue;
+        }
+        presetsToRegister[type] = motionPresets[type];
+    }
+    if (Object.keys(presetsToRegister).length > 0) {
+        Interact.registerEffects(presetsToRegister);
+        Object.keys(presetsToRegister).forEach(type => registeredTypes.add(type));
+    }
+};
+//# sourceMappingURL=registerConfigEffects.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registerConfigEffects.js","sourceRoot":"","sources":["../../../src/implementations/v2/registerConfigEffects.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAKvE,0FAA0F;AAC1F,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU,CAAA;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAsB,EAAE,EAAE;IAC5D,MAAM,iBAAiB,GAAmB,EAAE,CAAA;IAE5C,KAAK,MAAM,IAAI,IAAI,sBAAsB,CAAC,uBAAuB,CAAC,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,aAAa,CAAC,IAAI,CAAiB,CAAA;IACjE,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5C,QAAQ,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-service-interactions",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "main": "cjs/build/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -43,19 +43,22 @@
     }
   },
   "dependencies": {
-    "@wix/interact": "^1.103.0",
+    "@wix/interact": "^2.5.8",
     "@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-head-appender": "1.0.1",
     "@wix/site-service-pages": "1.1.0",
     "@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/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 +93,5 @@
       ]
     }
   },
-  "falconPackageHash": "629f3f89a2fc1e079366d274ab06644e0a74eba7c695c37d6f234e61"
+  "falconPackageHash": "6a5a4c22b50ccbb6b82b1bbe1aa5a588d4987df274e1b605bc05d9b6"
 }

package/src/implementations/coreInteractions.ts

@@ -1,14 +1,22 @@
-import { Interact } from '@wix/interact'
+import { Interact } from '@wix/interact/web'
 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'
+import { HeadAppenderDefinition } from '@wix/site-service-head-appender/definition'
 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'
+import { registerConfigEffects } from './v2/registerConfigEffects'
 
 const initInteract = (config: InteractConfig, isReducedMotion: boolean) => {
+    // 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'),
@@ -20,28 +28,37 @@ 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).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: InteractConfig['interactions']) =>
@@ -50,7 +67,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 +75,15 @@ 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.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/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(config, 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,4 @@
+export const INTERACT_V2_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/interact@2/dist/es/web.min.js'
+
+export const WIX_MOTION_PRESETS_IMPORT_URL =
+    'https://static.parastorage.com/services/wix-motion-presets/dist/wix-motion-presets.esm.min.js'

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,13 @@
+import { generate } from '@wix/interact'
+import type { InteractConfig } from '@wix/interact'
+import { getClickTriggerCss } from './clickTriggerCss'
+import { registerConfigEffects } from './registerConfigEffects'
+
+/** Register config-used presets, then emit animation FOUC CSS and click-trigger cursor rules. */
+export const getV2ConfigCss = (config: InteractConfig): string => {
+    registerConfigEffects(config)
+    const animationCss = generate(config, true).trim()
+    const clickCss = getClickTriggerCss(config).trim()
+
+    return [animationCss, clickCss].filter(Boolean).join('\n')
+}