@wix/site-service-interactions 1.0.12 → 1.0.13

package/cjs/build/definition/index.d.ts

@@ -1,12 +1,28 @@
 import type { StaticServiceDefinition } from '@wix/static-service';
-import type { InteractConfig } from '@wix/interact';
-export type IInteractionsServiceConfig = InteractConfig;
+import type { InteractConfig } from '@wix/interact-v2';
+export type { InteractConfig };
+export type InteractStyleRule = {
+    key?: string;
+    selector?: string;
+    '@media'?: string;
+    '@container'?: string;
+    '@supports'?: string;
+    properties: Record<string, string>;
+};
+export type InteractConfigEntry = {
+    namespace?: string;
+    interact: InteractConfig;
+    styles?: InteractStyleRule[];
+};
+export type IInteractionsServiceConfig = InteractConfig | {
+    entries: InteractConfigEntry[];
+};
 export interface IInteractionsService {
     hasInteractions: (path: string) => boolean;
 }
 export type IInteractionsDefinition = StaticServiceDefinition<IInteractionsService, IInteractionsServiceConfig>;
 export declare const InteractionsDefinition: string & {
     __api: IInteractionsService;
-    __config: InteractConfig;
+    __config: IInteractionsServiceConfig;
     isServiceDefinition?: boolean;
 } & IInteractionsService;

package/cjs/build/definition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/definition/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyD;AAY5C,QAAA,sBAAsB,GAAG,IAAA,oCAAmB,EACrD,gCAAgC,CACnC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/definition/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyD;AA6B5C,QAAA,sBAAsB,GAAG,IAAA,oCAAmB,EACrD,gCAAgC,CACnC,CAAA"}

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

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

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

@@ -0,0 +1,13 @@
+import type { InteractConfigEntry, IInteractionsServiceConfig } from '../definition';
+export declare const REACTIONS_NAMESPACE = "reactions";
+export declare const getInteractConfigEntries: (config: IInteractionsServiceConfig) => InteractConfigEntry[];
+export declare const getResolvedConfigEntries: (config: IInteractionsServiceConfig) => InteractConfigEntry[];
+export declare const getInteractiveKeys: ({ interact }: InteractConfigEntry) => Set<string>;
+/**
+ * Interact resolves a custom-element key to the first instance containing that key, so a key shared
+ * by two entries would silently drop one of them. Experience entries own the keys they declare:
+ * whatever they claim is stripped from the reactions entry by dropping whole interactions whose
+ * resolved keys overlap. Top-level effect and sequence libraries are left intact. A collision between two
+ * experience entries stays an error, since neither of them is authoritative.
+ */
+export declare const resolveInteractKeyConflicts: (entries: InteractConfigEntry[]) => InteractConfigEntry[];

package/cjs/build/implementations/configEntries.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveInteractKeyConflicts = exports.getInteractiveKeys = exports.getResolvedConfigEntries = exports.getInteractConfigEntries = exports.REACTIONS_NAMESPACE = void 0;
+const motionPresets_1 = require("./v2/motionPresets");
+exports.REACTIONS_NAMESPACE = 'reactions';
+const getInteractConfigEntries = (config) => 'entries' in config ? config.entries : [{ interact: config, namespace: exports.REACTIONS_NAMESPACE }];
+exports.getInteractConfigEntries = getInteractConfigEntries;
+const getResolvedConfigEntries = (config) => (0, exports.getInteractConfigEntries)(config).map(entry => entry.namespace === exports.REACTIONS_NAMESPACE
+    ? { ...entry, interact: (0, motionPresets_1.aliasLegacyNamedEffects)(entry.interact) }
+    : entry);
+exports.getResolvedConfigEntries = getResolvedConfigEntries;
+/** An `effectId` points at `interact.effects`, which is where a reactions effect keeps its key. */
+const resolveEffectKey = (interact, effect) => effect.key ?? (effect.effectId ? interact.effects?.[effect.effectId]?.key : undefined);
+const addEffectKeys = (keys, interact, effects = []) => {
+    for (const effect of effects) {
+        const key = resolveEffectKey(interact, effect);
+        if (key) {
+            keys.add(key);
+        }
+    }
+};
+/** A `sequenceId` reference has no inline effects; resolve it against `interact.sequences`. */
+const getSequenceEffects = (interact, sequence) => 'effects' in sequence ? sequence.effects : (interact.sequences?.[sequence.sequenceId]?.effects ?? []);
+const getInteractionKeys = (interact, interaction) => {
+    const keys = new Set([interaction.key]);
+    addEffectKeys(keys, interact, interaction.effects);
+    for (const sequence of interaction.sequences ?? []) {
+        addEffectKeys(keys, interact, getSequenceEffects(interact, sequence));
+    }
+    return keys;
+};
+const getInteractiveKeys = ({ interact }) => {
+    const keys = new Set();
+    for (const interaction of interact.interactions) {
+        getInteractionKeys(interact, interaction).forEach(key => keys.add(key));
+    }
+    return keys;
+};
+exports.getInteractiveKeys = getInteractiveKeys;
+const dropOverriddenKeys = (entry, overriddenKeys) => {
+    const { interact } = entry;
+    return {
+        ...entry,
+        interact: {
+            ...interact,
+            interactions: interact.interactions.filter(interaction => ![...getInteractionKeys(interact, interaction)].some(key => overriddenKeys.has(key))),
+        },
+    };
+};
+/**
+ * Interact resolves a custom-element key to the first instance containing that key, so a key shared
+ * by two entries would silently drop one of them. Experience entries own the keys they declare:
+ * whatever they claim is stripped from the reactions entry by dropping whole interactions whose
+ * resolved keys overlap. Top-level effect and sequence libraries are left intact. A collision between two
+ * experience entries stays an error, since neither of them is authoritative.
+ */
+const resolveInteractKeyConflicts = (entries) => {
+    const owners = new Map();
+    entries.forEach((entry, index) => {
+        if (entry.namespace === exports.REACTIONS_NAMESPACE) {
+            return;
+        }
+        const owner = entry.namespace ?? `entry-${index}`;
+        for (const key of (0, exports.getInteractiveKeys)(entry)) {
+            const existingOwner = owners.get(key);
+            if (existingOwner !== undefined) {
+                throw new Error(`Interactions config key "${key}" is shared by "${existingOwner}" and "${owner}". ` +
+                    'Keys must be unique across config entries.');
+            }
+            owners.set(key, owner);
+        }
+    });
+    if (!owners.size) {
+        return entries;
+    }
+    const overriddenKeys = new Set(owners.keys());
+    return entries.map(entry => entry.namespace === exports.REACTIONS_NAMESPACE ? dropOverriddenKeys(entry, overriddenKeys) : entry);
+};
+exports.resolveInteractKeyConflicts = resolveInteractKeyConflicts;
+//# sourceMappingURL=configEntries.js.map

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

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

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

@@ -1,5 +1,5 @@
-import type { InteractConfig } from '@wix/interact';
 import type { ServicesManager } from '@wix/services-manager/types';
-export declare const coreInteractions: (config: InteractConfig, getService: ServicesManager["getService"]) => {
+import type { IInteractionsServiceConfig } from '../definition';
+export declare const coreInteractions: (config: IInteractionsServiceConfig, getService: ServicesManager["getService"]) => {
     interactiveComps: Set<string>;
 };

package/cjs/build/implementations/coreInteractions.js

@@ -17,7 +17,11 @@ 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) => {
+const authoredStyles_1 = require("./v2/authoredStyles");
+const configEntries_1 = require("./configEntries");
+/** An entry without interactions contributes CSS only; nothing has to load Interact for it. */
+const getRuntimeConfigs = (entries) => entries.map(({ interact }) => interact).filter(({ interactions }) => interactions.length > 0);
+const initInteract = (entries, isReducedMotion) => {
     // Bundled runtime is v1. v2 on the client is the CDN loader.
     interact_1.Interact.forceReducedMotion = isReducedMotion;
     interact_1.Interact.setup({
@@ -27,10 +31,22 @@ const initInteract = (config, isReducedMotion) => {
             useSafeViewEnter: true,
         },
     });
-    interact_1.Interact.create(config);
+    for (const { interact } of entries) {
+        interact_1.Interact.create(interact);
+    }
+};
+const getV2HeadContent = (entries) => {
+    const generatedCss = entries
+        .map(({ interact }) => (0, configCss_1.getV2ConfigCss)(interact).trim())
+        .filter(Boolean)
+        .join('\n');
+    const css = [(0, authoredStyles_1.getAuthoredStylesCss)(entries).trim(), generatedCss].filter(Boolean).join('\n');
+    return ((getRuntimeConfigs(entries).length ? (0, interactionsScriptContent_1.getV2ModulePreloadHeadContent)() : '') +
+        (css ? (0, configStyleHeadContent_1.getV2ConfigStyleHeadContent)(css) : ''));
 };
-const initRuntime = (config, isReducedMotion, getService, useV2) => {
-    if (!config.interactions?.length) {
+const initRuntime = (entries, isReducedMotion, getService, useV2) => {
+    const runtimeConfigs = getRuntimeConfigs(entries);
+    if (!runtimeConfigs.length) {
         return;
     }
     const pageId = getService(definition_3.PagesDefinition).currentPageId();
@@ -38,47 +54,58 @@ const initRuntime = (config, isReducedMotion, getService, useV2) => {
         return;
     }
     const { addTopComponent } = getService(provide_component_1.ProvideComponentServiceDefinition);
-    const interactionsScript = useV2
-        ? (0, InteractionsScriptElement_2.createV2InteractionsScriptElement)(config, isReducedMotion, pageId)
-        : (0, InteractionsScriptElement_1.createInteractionsScriptElement)(config, isReducedMotion, pageId);
-    addTopComponent(interactionsScript);
+    if (!useV2) {
+        // v1 serializes a single config and has no path for authored-style CSS, so anything beyond
+        // that would be silently dropped.
+        if (entries.length > 1 || entries.some(({ styles }) => styles?.length)) {
+            throw new Error('Multiple interactions config entries and authored styles require Interact v2.');
+        }
+        addTopComponent((0, InteractionsScriptElement_1.createInteractionsScriptElement)(runtimeConfigs[0], isReducedMotion, pageId));
+        return;
+    }
+    addTopComponent((0, InteractionsScriptElement_2.createV2InteractionsScriptElement)(runtimeConfigs, isReducedMotion, pageId));
+};
+const getInteractiveComps = (entries) => {
+    const keys = new Set();
+    for (const entry of entries) {
+        (0, configEntries_1.getInteractiveKeys)(entry).forEach(key => keys.add(key));
+    }
+    return keys;
 };
-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));
-    return acc;
-}, new Set());
 const coreInteractions = (config, getService) => {
     const { reducedMotion: isReducedMotion } = getService(definition_1.DeviceInfoDefinition);
     const { isOpen } = getService(definition_2.ExperimentsDefinition);
-    if (isOpen('specs.thunderbolt.vsm_interactions_v2')) {
+    const useV2 = isOpen('specs.thunderbolt.vsm_interactions_v2');
+    // The v1 runtime has no preset registration and doesn't understand LEGACY_* names; skip
+    // aliasing on those paths so named reaction effects remain resolvable.
+    const entries = (0, configEntries_1.resolveInteractKeyConflicts)((useV2 ? configEntries_1.getResolvedConfigEntries : configEntries_1.getInteractConfigEntries)(config));
+    if (useV2) {
         // 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();
+            const headContent = getV2HeadContent(entries);
             // 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);
+            if (headContent) {
+                getService(definition_4.HeadAppenderDefinition).setHead(headContent, types_1.HeadContentType.GENERAL);
+            }
         }
-        initRuntime(config, isReducedMotion, getService, true);
+        initRuntime(entries, 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.
-        initRuntime(config, isReducedMotion, getService, false);
+        initRuntime(entries, isReducedMotion, getService, false);
     }
     else {
-        initInteract(config, isReducedMotion);
+        initInteract(entries, isReducedMotion);
     }
     return {
-        interactiveComps: getInteractiveComps(config.interactions),
+        interactiveComps: getInteractiveComps(entries),
     };
 };
 exports.coreInteractions = coreInteractions;

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/interactionsService.d.ts

@@ -1,10 +1,11 @@
+import type { IInteractionsServiceConfig } from '../definition';
 export declare const InteractionsService: import("@wix/services-definitions").ServiceFactory<string & {
     __api: import("../definition").IInteractionsService;
-    __config: import("@wix/interact").InteractConfig;
+    __config: IInteractionsServiceConfig;
     isServiceDefinition?: boolean;
-} & import("../definition").IInteractionsService, import("@wix/interact").InteractConfig>;
+} & import("../definition").IInteractionsService, IInteractionsServiceConfig>;
 export declare const InteractionsServiceExternal: import("@wix/services-definitions").ServiceFactory<string & {
     __api: import("../definition").IInteractionsService;
-    __config: import("@wix/interact").InteractConfig;
+    __config: IInteractionsServiceConfig;
     isServiceDefinition?: boolean;
-} & import("../definition").IInteractionsService, import("@wix/interact").InteractConfig>;
+} & import("../definition").IInteractionsService, IInteractionsServiceConfig>;

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

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

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

@@ -1 +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"}
+{"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,MAAyC,EAAU,EAAE,CAC1F,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;AAE5C,MAAM,iCAAiC,GAC1C,CAAC,MAAyC,EAAE,eAAwB,EAAE,MAAc,EAAqB,EAAE,CAC3G,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/authoredStyles.d.ts

@@ -0,0 +1,2 @@
+import type { InteractConfigEntry } from '../../definition';
+export declare const getAuthoredStylesCss: (entries: InteractConfigEntry[]) => string;

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

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAuthoredStylesCss = void 0;
+const SELECTOR_TOKEN = /"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|[()[\]]|,/g;
+const escapeCssString = (value) => value
+    .replace(/\\/g, '\\\\')
+    .replace(/"/g, '\\"')
+    .replace(/\n/g, '\\a ')
+    .replace(/\r/g, '\\d ')
+    .replace(/\f/g, '\\c ');
+const splitSelectorList = (selector) => {
+    const parts = [];
+    let depth = 0;
+    let start = 0;
+    SELECTOR_TOKEN.lastIndex = 0;
+    for (let match = SELECTOR_TOKEN.exec(selector); match; match = SELECTOR_TOKEN.exec(selector)) {
+        const token = match[0];
+        if (token === '(' || token === '[') {
+            depth++;
+        }
+        else if (token === ')' || token === ']') {
+            depth--;
+        }
+        else if (token === ',' && depth === 0) {
+            parts.push(selector.slice(start, match.index));
+            start = match.index + 1;
+        }
+    }
+    parts.push(selector.slice(start));
+    return parts.map(part => part.trim()).filter(Boolean);
+};
+const indentCssBlock = (css) => css
+    .split('\n')
+    .map(line => (line ? `  ${line}` : line))
+    .join('\n');
+const renderProperties = (properties) => Object.entries(properties)
+    .map(([property, value]) => `  ${property}: ${value};`)
+    .join('\n');
+const wrapWithConditions = (block, rule) => {
+    let result = block;
+    if (rule['@container']) {
+        result = `@container ${rule['@container']} {\n${indentCssBlock(result)}\n}`;
+    }
+    if (rule['@media']) {
+        result = `@media ${rule['@media']} {\n${indentCssBlock(result)}\n}`;
+    }
+    if (rule['@supports']) {
+        result = `@supports ${rule['@supports']} {\n${indentCssBlock(result)}\n}`;
+    }
+    return result;
+};
+const buildRuleSelector = (namespace, rule) => {
+    const scopeWrapper = `[data-interact-key="${escapeCssString(namespace)}"]`;
+    const scopeRoot = `${scopeWrapper} > :first-child`;
+    if (!rule.key) {
+        if (!rule.selector) {
+            return scopeRoot;
+        }
+        return splitSelectorList(rule.selector)
+            .map(selector => `${scopeRoot} ${selector}`)
+            .join(', ');
+    }
+    const escapedKey = escapeCssString(rule.key);
+    const keyWrapper = rule.key === namespace ? scopeWrapper : `${scopeWrapper} [data-interact-key="${escapedKey}"]`;
+    const keyRoot = `${keyWrapper} > :first-child`;
+    if (!rule.selector) {
+        return keyRoot;
+    }
+    const separator = /^\s/.test(rule.selector) ? ' ' : '';
+    return splitSelectorList(rule.selector)
+        .map(selector => `${keyRoot}${separator}${selector}`)
+        .join(', ');
+};
+const getEntryStylesCss = ({ namespace, styles = [] }) => {
+    if (!styles.length) {
+        return '';
+    }
+    if (!namespace) {
+        throw new Error('Interactions config entries with authored styles must define a namespace.');
+    }
+    return styles
+        .map(rule => {
+        const properties = renderProperties(rule.properties);
+        if (!properties) {
+            return '';
+        }
+        const block = `${buildRuleSelector(namespace, rule)} {\n${properties}\n}`;
+        return wrapWithConditions(block, rule);
+    })
+        .filter(Boolean)
+        .join('\n\n');
+};
+const getAuthoredStylesCss = (entries) => entries.map(getEntryStylesCss).filter(Boolean).join('\n\n');
+exports.getAuthoredStylesCss = getAuthoredStylesCss;
+//# sourceMappingURL=authoredStyles.js.map

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

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

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

@@ -1,2 +1,3 @@
 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";
+export declare const LEGACY_WIX_MOTION_PRESETS_IMPORT_URL = "https://cdn.jsdelivr.net/npm/@wix/wix-motion-presets@1.2.0/+esm";
+export declare const MOTION_PRESETS_IMPORT_URL = "https://cdn.jsdelivr.net/npm/@wix/motion-presets@1.0.7/dist/browser/motion-presets.min.js";

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WIX_MOTION_PRESETS_IMPORT_URL = exports.INTERACT_V2_IMPORT_URL = void 0;
+exports.MOTION_PRESETS_IMPORT_URL = exports.LEGACY_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';
+exports.LEGACY_WIX_MOTION_PRESETS_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/wix-motion-presets@1.2.0/+esm';
+exports.MOTION_PRESETS_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/motion-presets@1.0.7/dist/browser/motion-presets.min.js';
 //# sourceMappingURL=cdnUrls.js.map

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

@@ -1 +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"}
+{"version":3,"file":"cdnUrls.js","sourceRoot":"","sources":["../../../../src/implementations/v2/cdnUrls.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG,sEAAsE,CAAA;AAE/F,QAAA,oCAAoC,GAAG,iEAAiE,CAAA;AAExG,QAAA,yBAAyB,GAClC,2FAA2F,CAAA"}

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

@@ -1,3 +1,3 @@
-import type { InteractConfig } from '@wix/interact';
+import type { InteractConfig } from '@wix/interact-v2';
 /** 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/configCss.d.ts

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

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

@@ -1,45 +1,12 @@
 "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");
+const motionPresets_1 = require("./motionPresets");
 // 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);
+// (`process.env.browser` DCE), so both namespaces are registered once per Node process.
+interact_v2_1.Interact.registerEffects(motionPresets_1.motionPresets);
 /** Emit animation FOUC CSS and click-trigger cursor rules. */
 const getV2ConfigCss = (config) => {
     const animationCss = (0, interact_v2_1.generate)(config, true).trim();

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

@@ -1 +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"}
+{"version":3,"file":"configCss.js","sourceRoot":"","sources":["../../../../src/implementations/v2/configCss.ts"],"names":[],"mappings":";;;AAAA,kDAAqD;AAErD,uDAAsD;AACtD,mDAA+C;AAI/C,2FAA2F;AAC3F,wFAAwF;AACxF,sBAAQ,CAAC,eAAe,CAAC,6BAA0C,CAAC,CAAA;AAEpE,8DAA8D;AACvD,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAU,EAAE;IAC7D,MAAM,YAAY,GAAG,IAAA,sBAAQ,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;IAClD,MAAM,QAAQ,GAAG,IAAA,oCAAkB,EAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAA;IAElD,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAC9D,CAAC,CAAA;AALY,QAAA,cAAc,kBAK1B"}

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

@@ -2,14 +2,16 @@
 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.
+ * Head content is a raw HTML string. CSS values may contain tag-like text, but an actual closing
+ * style tag still terminates the raw-text element, and HeadAppender rejects `<script` substrings.
+ * Keep other CSS intact: drop content after a closing style tag and break script-like sequences.
  */
+const STYLE_END_TAG = /<\/style(?=[\t\n\f\r />])/i;
+const SCRIPT_LIKE = /<script/gi;
 const sanitizeCssForStyleElement = (css) => {
-    const tagIndex = css.search(/<[a-zA-Z/]/);
-    return tagIndex === -1 ? css : css.slice(0, tagIndex);
+    const styleEndTagIndex = css.search(STYLE_END_TAG);
+    const withoutStyleBreakout = styleEndTagIndex === -1 ? css : css.slice(0, styleEndTagIndex);
+    return withoutStyleBreakout.replace(SCRIPT_LIKE, '\\3c script');
 };
 const getV2ConfigStyleHeadContent = (css) => `<style>${sanitizeCssForStyleElement(css)}</style>`;
 exports.getV2ConfigStyleHeadContent = getV2ConfigStyleHeadContent;

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

@@ -1 +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"}
+{"version":3,"file":"configStyleHeadContent.js","sourceRoot":"","sources":["../../../../src/implementations/v2/configStyleHeadContent.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,MAAM,aAAa,GAAG,4BAA4B,CAAA;AAClD,MAAM,WAAW,GAAG,WAAW,CAAA;AAE/B,MAAM,0BAA0B,GAAG,CAAC,GAAW,EAAU,EAAE;IACvD,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;IAClD,MAAM,oBAAoB,GAAG,gBAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAA;IAC3F,OAAO,oBAAoB,CAAC,OAAO,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;AACnE,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.js

@@ -2,23 +2,32 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getV2InteractionsScriptContent = exports.getV2ModulePreloadHeadContent = void 0;
 const cdnUrls_1 = require("./cdnUrls");
+const motionPresets_1 = require("./motionPresets");
+/** The loader destructures `Promise.all` in this order. */
+const MODULE_IMPORT_URLS = [cdnUrls_1.INTERACT_V2_IMPORT_URL, cdnUrls_1.LEGACY_WIX_MOTION_PRESETS_IMPORT_URL, cdnUrls_1.MOTION_PRESETS_IMPORT_URL];
 /**
  * The loader reaches these modules through dynamic `import()`, which the preload scanner cannot
  * see, so without the links the fetches only start once the loader runs. No `crossorigin`: a bare
  * `modulepreload` fetches with the same credentials mode as a bare `import()`, and a mismatch
  * would download each module twice.
  */
-const getV2ModulePreloadHeadContent = () => `<link rel="modulepreload" href="${cdnUrls_1.INTERACT_V2_IMPORT_URL}"><link rel="modulepreload" href="${cdnUrls_1.WIX_MOTION_PRESETS_IMPORT_URL}">`;
+const getV2ModulePreloadHeadContent = () => MODULE_IMPORT_URLS.map(url => `<link rel="modulepreload" href="${url}">`).join('');
 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}\`),`,
+    '  const parsedConfig = JSON.parse(configElement.textContent)',
+    '  const configs = Array.isArray(parsedConfig) ? parsedConfig : [parsedConfig]',
+    '  const [{ Interact }, legacyPresets, presets] = await Promise.all([',
+    ...MODULE_IMPORT_URLS.map(url => `    import(\`${url}\`),`),
     '  ])',
-    '  Interact.registerEffects(presets)',
+    // Reactions configs carry the prefix on their named effect types, so the two packages can
+    // both export a preset under the same name without one shadowing the other.
+    '  const aliasedLegacyPresets = {}',
+    '  for (const name of Object.keys(legacyPresets)) {',
+    `    aliasedLegacyPresets[\`${motionPresets_1.LEGACY_PREFIX}\` + name] = legacyPresets[name]`,
+    '  }',
+    '  Interact.registerEffects({ ...presets, ...aliasedLegacyPresets })',
     `  Interact.forceReducedMotion = ${isReducedMotion}`,
     '  Interact.setup({',
     '    scrollOptionsGetter: function () {',
@@ -29,7 +38,9 @@ const getV2InteractionsScriptContent = (configId, isReducedMotion) => [
     '      useSafeViewEnter: true,',
     '    },',
     '  })',
-    '  Interact.create(config)',
+    '  for (const config of configs) {',
+    '    Interact.create(config)',
+    '  }',
     '}',
 ].join('\n');
 exports.getV2InteractionsScriptContent = getV2InteractionsScriptContent;