@wix/site-service-interactions 1.0.12 → 1.0.14

package/dist/implementations/v2/authoredStyles.js

@@ -0,0 +1,86 @@
+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');
+};
+export const getAuthoredStylesCss = (entries) => entries.map(getEntryStylesCss).filter(Boolean).join('\n\n');
+//# sourceMappingURL=authoredStyles.js.map

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

@@ -1,3 +1,4 @@
 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';
+export const LEGACY_WIX_MOTION_PRESETS_IMPORT_URL = 'https://cdn.jsdelivr.net/npm/@wix/wix-motion-presets@1.2.0/+esm';
+export const 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/dist/implementations/v2/cdnUrls.js.map

@@ -1 +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"}
+{"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,oCAAoC,GAAG,iEAAiE,CAAA;AAErH,MAAM,CAAC,MAAM,yBAAyB,GACrC,2FAA2F,CAAA"}

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

@@ -26,6 +26,6 @@ export const getClickTriggerCss = (config) => {
     if (!selectors.length) {
         return '';
     }
-    return selectors.map(selector => `${selector} {\ncursor: pointer;\n}`).join('\n');
+    return selectors.map((selector) => `${selector} {\ncursor: pointer;\n}`).join('\n');
 };
 //# sourceMappingURL=clickTriggerCss.js.map

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

@@ -1 +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"}
+{"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,CACpC,WAAyF,EAChF,EAAE;IACX,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;QACnB,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;IAClC,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,OAAO,GAAG,YAAY,IAAI,QAAQ,EAAE,CAAA;IACrC,CAAC;IAED,OAAO,GAAG,YAAY,iBAAiB,CAAA;AACxC,CAAC,CAAA;AAED,6HAA6H;AAC7H,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAsB,EAAU,EAAE;IACpE,MAAM,SAAS,GAAG;QACjB,GAAG,IAAI,GAAG,CACT,MAAM,CAAC,YAAY;aACjB,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,OAAO,CAAC;aACtE,GAAG,CAAC,4BAA4B,CAAC,CACnC;KACD,CAAA;IAED,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,EAAE,CAAA;IACV,CAAC;IAED,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,yBAAyB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACpF,CAAC,CAAA"}

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

@@ -1,8 +1,8 @@
 import { generate, Interact } from '@wix/interact-v2';
-import * as motionPresets from '@wix/wix-motion-presets';
 import { getClickTriggerCss } from './clickTriggerCss';
+import { motionPresets } from './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.
+// (`process.env.browser` DCE), so both namespaces are registered once per Node process.
 Interact.registerEffects(motionPresets);
 /** Emit animation FOUC CSS and click-trigger cursor rules. */
 export const getV2ConfigCss = (config) => {

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

@@ -1 +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"}
+{"version":3,"file":"configCss.js","sourceRoot":"","sources":["../../../src/implementations/v2/configCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,2FAA2F;AAC3F,wFAAwF;AACxF,QAAQ,CAAC,eAAe,CAAC,aAA0C,CAAC,CAAA;AAEpE,8DAA8D;AAC9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAU,EAAE;IAChE,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;AAC3D,CAAC,CAAA"}

package/dist/implementations/v2/configStyleHeadContent.js

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

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

@@ -1,20 +1,29 @@
-import { INTERACT_V2_IMPORT_URL, WIX_MOTION_PRESETS_IMPORT_URL } from './cdnUrls';
+import { INTERACT_V2_IMPORT_URL, LEGACY_WIX_MOTION_PRESETS_IMPORT_URL, MOTION_PRESETS_IMPORT_URL } from './cdnUrls';
+import { LEGACY_PREFIX } from './motionPresets';
+/** The loader destructures `Promise.all` in this order. */
+const MODULE_IMPORT_URLS = [INTERACT_V2_IMPORT_URL, LEGACY_WIX_MOTION_PRESETS_IMPORT_URL, 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.
  */
-export const getV2ModulePreloadHeadContent = () => `<link rel="modulepreload" href="${INTERACT_V2_IMPORT_URL}"><link rel="modulepreload" href="${WIX_MOTION_PRESETS_IMPORT_URL}">`;
+export const getV2ModulePreloadHeadContent = () => MODULE_IMPORT_URLS.map((url) => `<link rel="modulepreload" href="${url}">`).join('');
 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}\`),`,
+    '  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[\`${LEGACY_PREFIX}\` + name] = legacyPresets[name]`,
+    '  }',
+    '  Interact.registerEffects({ ...presets, ...aliasedLegacyPresets })',
     `  Interact.forceReducedMotion = ${isReducedMotion}`,
     '  Interact.setup({',
     '    scrollOptionsGetter: function () {',
@@ -25,7 +34,9 @@ export const getV2InteractionsScriptContent = (configId, isReducedMotion) => [
     '      useSafeViewEnter: true,',
     '    },',
     '  })',
-    '  Interact.create(config)',
+    '  for (const config of configs) {',
+    '    Interact.create(config)',
+    '  }',
     '}',
 ].join('\n');
 //# sourceMappingURL=interactionsScriptContent.js.map

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

@@ -1 +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"}
+{"version":3,"file":"interactionsScriptContent.js","sourceRoot":"","sources":["../../../src/implementations/v2/interactionsScriptContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AACnH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,2DAA2D;AAC3D,MAAM,kBAAkB,GAAG,CAAC,sBAAsB,EAAE,oCAAoC,EAAE,yBAAyB,CAAC,CAAA;AAEpH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAW,EAAE,CACzD,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,mCAAmC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErF,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,QAAgB,EAAE,eAAwB,EAAU,EAAE,CACpG;IACC,mDAAmD,QAAQ,KAAK;IAChE,sBAAsB;IACtB,8DAA8D;IAC9D,+EAA+E;IAC/E,sEAAsE;IACtE,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,gBAAgB,GAAG,MAAM,CAAC;IAC7D,MAAM;IACN,0FAA0F;IAC1F,4EAA4E;IAC5E,mCAAmC;IACnC,oDAAoD;IACpD,8BAA8B,aAAa,kCAAkC;IAC7E,KAAK;IACL,qEAAqE;IACrE,mCAAmC,eAAe,EAAE;IACpD,oBAAoB;IACpB,wCAAwC;IACxC,mDAAmD;IACnD,QAAQ;IACR,8BAA8B;IAC9B,kBAAkB;IAClB,+BAA+B;IAC/B,QAAQ;IACR,MAAM;IACN,mCAAmC;IACnC,6BAA6B;IAC7B,KAAK;IACL,GAAG;CACH,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+import type { InteractConfig } from '@wix/interact-v2';
+type EffectModule = {
+    web: unknown;
+    style?: unknown;
+    getNames: unknown;
+};
+export declare const LEGACY_PREFIX = "LEGACY_";
+/**
+ * Both preset packages under one registry, mirroring what the client loader registers. The legacy
+ * names carry the prefix so a preset published by both packages doesn't shadow its counterpart.
+ */
+export declare const motionPresets: Record<string, EffectModule>;
+export declare const aliasLegacyNamedEffects: (interact: InteractConfig) => InteractConfig;
+export {};

package/dist/implementations/v2/motionPresets.js

@@ -0,0 +1,39 @@
+import * as allLegacyPresets from '@wix/wix-motion-presets';
+import * as allPresets from '@wix/motion-presets';
+export const LEGACY_PREFIX = 'LEGACY_';
+const isEffectModule = (value) => typeof value === 'object' && value !== null && 'web' in value && 'getNames' in value;
+const getPresetModules = (namespace, prefix = '') => Object.fromEntries(Object.entries(namespace)
+    .filter(([, value]) => isEffectModule(value))
+    .map(([name, value]) => [`${prefix}${name}`, value]));
+/**
+ * Both preset packages under one registry, mirroring what the client loader registers. The legacy
+ * names carry the prefix so a preset published by both packages doesn't shadow its counterpart.
+ */
+export const motionPresets = {
+    ...getPresetModules(allPresets),
+    ...getPresetModules(allLegacyPresets, LEGACY_PREFIX),
+};
+const aliasEffect = (effect) => {
+    const { namedEffect } = effect;
+    if (!namedEffect?.type) {
+        return effect;
+    }
+    return { ...effect, namedEffect: { ...namedEffect, type: `${LEGACY_PREFIX}${namedEffect.type}` } };
+};
+const aliasSequence = (sequence) => {
+    const { effects } = sequence;
+    return effects ? { ...sequence, effects: effects.map(aliasEffect) } : sequence;
+};
+const mapRecord = (record, map) => Object.fromEntries(Object.entries(record).map(([key, value]) => [key, map(value)]));
+// TODO(ameerf): make this implementation simpler without so many copies of the config object. The current implementation is a direct translation of the v1 code, which was written to avoid mutating the config object.
+export const aliasLegacyNamedEffects = (interact) => ({
+    ...interact,
+    ...(interact.effects && { effects: mapRecord(interact.effects, aliasEffect) }),
+    ...(interact.sequences && { sequences: mapRecord(interact.sequences, aliasSequence) }),
+    interactions: interact.interactions.map((interaction) => ({
+        ...interaction,
+        ...(interaction.effects && { effects: interaction.effects.map(aliasEffect) }),
+        ...(interaction.sequences && { sequences: interaction.sequences.map(aliasSequence) }),
+    })),
+});
+//# 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":"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"}

package/dist/service.d.ts

@@ -1,7 +1,7 @@
 import { InteractionsService } from './implementations/interactionsService';
 export declare const definition: string & {
     __api: import("./definition").IInteractionsService;
-    __config: import("@wix/interact").InteractConfig;
+    __config: import("./definition").IInteractionsServiceConfig;
     isServiceDefinition?: boolean;
 } & import("./definition").IInteractionsService;
 export default InteractionsService;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
 export type { IInteractionsService, IInteractionsServiceConfig, IInteractionsDefinition } from '../definition';
-export type { InteractConfig } from '@wix/interact';
+export type { InteractConfig } from '@wix/interact-v2';

package/implementations/package.json

@@ -1,3 +1,3 @@
 {
-  "main": "../cjs/build/implementations/index.js"
+	"main": "../cjs/build/implementations/index.js"
 }

package/package.json

@@ -1,9 +1,6 @@
 {
   "name": "@wix/site-service-interactions",
-  "version": "1.0.12",
-  "main": "cjs/build/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "version": "1.0.14",
   "license": "UNLICENSED",
   "files": [
     "dist",
@@ -15,6 +12,10 @@
     "!doc.md",
     "!**/*.tsbuildinfo"
   ],
+  "sideEffects": false,
+  "main": "cjs/build/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -42,19 +43,30 @@
       "require": "./cjs/build/service.js"
     }
   },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -b  . --force && tsc --project tsconfig.cjs.json",
+    "lint": "yarn run -T lint:package $npm_package_name",
+    "test": "vitest --run && yarn test-type-check",
+    "test-type-check": "echo 'validating typescript in test files' && tsc --project tsconfig.test.json && echo 'Finished validating typescript in test files successfully'"
+  },
   "dependencies": {
     "@wix/interact": "^1.103.0",
     "@wix/interact-v2": "npm:@wix/interact@2.5.14",
     "@wix/motion": "2.1.14",
+    "@wix/motion-presets": "1.0.7",
     "@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-provide-css": "1.0.1",
-    "@wix/static-service": "1.0.19",
-    "@wix/viewer-service-pages": "1.0.11",
-    "@wix/wix-motion-presets": "1.0.0"
+    "@wix/site-service-device-info": "1.0.3",
+    "@wix/site-service-experiments": "1.0.4",
+    "@wix/site-service-head-appender": "1.0.2",
+    "@wix/site-service-provide-css": "1.0.2",
+    "@wix/static-service": "1.0.20",
+    "@wix/viewer-service-pages": "1.0.12",
+    "@wix/wix-motion-presets": "1.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.1",
@@ -67,18 +79,7 @@
   "peerDependencies": {
     "react": "^18.3.1"
   },
-  "scripts": {
-    "build": "tsc -b  . --force && tsc --project tsconfig.cjs.json",
-    "lint": "yarn run -T lint:package $npm_package_name",
-    "test": "vitest --run && yarn test-type-check",
-    "test-type-check": "echo 'validating typescript in test files' && tsc --project tsconfig.test.json && echo 'Finished validating typescript in test files successfully'"
-  },
   "publishUnscoped": false,
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "sideEffects": false,
   "wix": {
     "artifact": {
       "groupId": "com.wixpress.npm",
@@ -95,5 +96,5 @@
       ]
     }
   },
-  "falconPackageHash": "5d2ddb6f5c28f87858a9ccd9f053a9c022831e4a5d61c58eb1269947"
+  "falconPackageHash": "a8d648625df67e046c3aa93cd0880a79ca1c94237614a1b4bf703080"
 }

package/src/definition/index.ts

@@ -1,15 +1,32 @@
 import { defineStaticService } from '@wix/static-service'
 import type { StaticServiceDefinition } from '@wix/static-service'
-import type { InteractConfig } from '@wix/interact'
+import type { InteractConfig } from '@wix/interact-v2'
 
-export type IInteractionsServiceConfig = InteractConfig
+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
+	hasInteractions: (path: string) => boolean
 }
 
 export type IInteractionsDefinition = StaticServiceDefinition<IInteractionsService, IInteractionsServiceConfig>
 
 export const InteractionsDefinition = defineStaticService<IInteractionsService, IInteractionsServiceConfig>(
-    '@wix/site-service-interactions'
+	'@wix/site-service-interactions'
 )

package/src/implementations/InteractionsScriptElement.tsx

@@ -1,25 +1,25 @@
 import React from 'react'
 import type { FunctionComponent } from 'react'
-import type { InteractConfig } from '@wix/interact'
+import type { InteractConfig } from '@wix/interact-v2'
 import { getInteractionsScriptContent } from './interactionsScriptContent'
 import { reviveScriptElement } from './reviveScriptElement'
 
 export const createInteractionsScriptElement =
-    (config: InteractConfig, isReducedMotion: boolean, pageId: string): FunctionComponent =>
-    () => {
-        const configId = `interactions-config-${pageId}`
-        const interactionsScriptContent = getInteractionsScriptContent(configId, isReducedMotion)
+	(config: InteractConfig, isReducedMotion: boolean, pageId: string): FunctionComponent =>
+	() => {
+		const configId = `interactions-config-${pageId}`
+		const interactionsScriptContent = getInteractionsScriptContent(configId, isReducedMotion)
 
-        return (
-            <>
-                <script type="application/json" id={configId}>
-                    {encodeURIComponent(JSON.stringify(config))}
-                </script>
-                {/* In SSR the parser creates this and runs it. On the client React creates a script
+		return (
+			<>
+				<script type="application/json" id={configId}>
+					{encodeURIComponent(JSON.stringify(config))}
+				</script>
+				{/* In SSR the parser creates this and runs it. On the client React creates a script
                     that can never execute, so the ref swaps in one that can. */}
-                <script type="module" id={`interactions-loader-${pageId}`} ref={reviveScriptElement}>
-                    {interactionsScriptContent}
-                </script>
-            </>
-        )
-    }
+				<script type="module" id={`interactions-loader-${pageId}`} ref={reviveScriptElement}>
+					{interactionsScriptContent}
+				</script>
+			</>
+		)
+	}

package/src/implementations/configEntries.ts

@@ -0,0 +1,103 @@
+import type { InteractConfig, InteractConfigEntry, IInteractionsServiceConfig } from '../definition'
+import { aliasLegacyNamedEffects } from './v2/motionPresets'
+
+export const REACTIONS_NAMESPACE = 'reactions'
+
+type Interaction = InteractConfig['interactions'][number]
+type Sequence = NonNullable<Interaction['sequences']>[number]
+type KeyedEffect = { key?: string; effectId?: string }
+
+export const getInteractConfigEntries = (config: IInteractionsServiceConfig): InteractConfigEntry[] =>
+	'entries' in config ? config.entries : [{ interact: config, namespace: REACTIONS_NAMESPACE }]
+
+export const getResolvedConfigEntries = (config: IInteractionsServiceConfig): InteractConfigEntry[] =>
+	getInteractConfigEntries(config).map((entry) =>
+		entry.namespace === REACTIONS_NAMESPACE ? { ...entry, interact: aliasLegacyNamedEffects(entry.interact) } : entry
+	)
+
+/** An `effectId` points at `interact.effects`, which is where a reactions effect keeps its key. */
+const resolveEffectKey = (interact: InteractConfig, effect: KeyedEffect): string | undefined =>
+	effect.key ?? (effect.effectId ? interact.effects?.[effect.effectId]?.key : undefined)
+
+const addEffectKeys = (keys: Set<string>, interact: InteractConfig, effects: readonly KeyedEffect[] = []) => {
+	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: InteractConfig, sequence: Sequence): readonly KeyedEffect[] =>
+	'effects' in sequence ? sequence.effects : (interact.sequences?.[sequence.sequenceId]?.effects ?? [])
+
+const getInteractionKeys = (interact: InteractConfig, interaction: Interaction): Set<string> => {
+	const keys = new Set<string>([interaction.key])
+	addEffectKeys(keys, interact, interaction.effects)
+	for (const sequence of interaction.sequences ?? []) {
+		addEffectKeys(keys, interact, getSequenceEffects(interact, sequence))
+	}
+	return keys
+}
+
+export const getInteractiveKeys = ({ interact }: InteractConfigEntry): Set<string> => {
+	const keys = new Set<string>()
+
+	for (const interaction of interact.interactions) {
+		getInteractionKeys(interact, interaction).forEach((key) => keys.add(key))
+	}
+
+	return keys
+}
+
+const dropOverriddenKeys = (entry: InteractConfigEntry, overriddenKeys: Set<string>): InteractConfigEntry => {
+	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.
+ */
+export const resolveInteractKeyConflicts = (entries: InteractConfigEntry[]): InteractConfigEntry[] => {
+	const owners = new Map<string, string>()
+
+	entries.forEach((entry, index) => {
+		if (entry.namespace === REACTIONS_NAMESPACE) {
+			return
+		}
+		const owner = entry.namespace ?? `entry-${index}`
+		for (const key of 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 === REACTIONS_NAMESPACE ? dropOverriddenKeys(entry, overriddenKeys) : entry
+	)
+}