@wix/site-service-interactions 1.0.5

package/README.md

@@ -0,0 +1 @@
+> ⚠️ **No API stability guarantee.** This package is published to support Wix products and is provided as-is. Its API may change or be removed at any time without notice, and it does not follow semver compatibility guarantees. Use at your own risk.

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

@@ -0,0 +1,12 @@
+import type { StaticServiceDefinition } from '@wix/static-service';
+import type { InteractConfig } from '@wix/interact';
+export type IInteractionsServiceConfig = InteractConfig;
+export interface IInteractionsService {
+    hasInteractions: (path: string) => boolean;
+}
+export type IInteractionsDefinition = StaticServiceDefinition<IInteractionsService, IInteractionsServiceConfig>;
+export declare const InteractionsDefinition: string & {
+    __api: IInteractionsService;
+    __config: InteractConfig;
+    isServiceDefinition?: boolean;
+} & IInteractionsService;

package/cjs/build/definition/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionsDefinition = void 0;
+const static_service_1 = require("@wix/static-service");
+exports.InteractionsDefinition = (0, static_service_1.defineStaticService)('@wix/site-service-interactions');
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

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

package/cjs/build/implementations/InteractionsScriptElement.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInteractionsScriptElement = void 0;
+const react_1 = __importDefault(require("react"));
+const interactionsScriptContent_1 = require("./interactionsScriptContent");
+const createInteractionsScriptElement = (config, isReducedMotion, pageId) => () => {
+    const configId = `interactions-config-${pageId}`;
+    const interactionsScriptContent = (0, interactionsScriptContent_1.getInteractionsScriptContent)(configId, isReducedMotion);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("script", { type: "application/json", id: configId }, encodeURIComponent(JSON.stringify(config))),
+        react_1.default.createElement("script", { type: "module", id: `interactions-loader-${pageId}` }, interactionsScriptContent)));
+};
+exports.createInteractionsScriptElement = createInteractionsScriptElement;
+//# sourceMappingURL=InteractionsScriptElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionsScriptElement.js","sourceRoot":"","sources":["../../../src/implementations/InteractionsScriptElement.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAGzB,2EAA0E;AAEnE,MAAM,+BAA+B,GACxC,CAAC,MAAsB,EAAE,eAAwB,EAAE,MAAc,EAAqB,EAAE,CACxF,GAAG,EAAE;IACD,MAAM,QAAQ,GAAG,uBAAuB,MAAM,EAAE,CAAA;IAChD,MAAM,yBAAyB,GAAG,IAAA,wDAA4B,EAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IAEzF,OAAO,CACH;QACI,0CAAQ,IAAI,EAAC,kBAAkB,EAAC,EAAE,EAAE,QAAQ,IACvC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CACtC;QACT,0CAAQ,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,uBAAuB,MAAM,EAAE,IACpD,yBAAyB,CACrB,CACV,CACN,CAAA;AACL,CAAC,CAAA;AAhBQ,QAAA,+BAA+B,mCAgBvC"}

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

@@ -0,0 +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"]) => {
+    interactiveComps: Set<string>;
+};

package/cjs/build/implementations/coreInteractions.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.coreInteractions = void 0;
+const interact_1 = require("@wix/interact");
+const definition_1 = require("@wix/site-service-device-info/definition");
+const definition_2 = require("@wix/site-service-experiments/definition");
+const definition_3 = require("@wix/site-service-rendering-context/definition");
+const definition_4 = require("@wix/site-service-pages/definition");
+const provide_component_1 = require("@wix/services-manager-react/core-services/provide-component");
+const InteractionsScriptElement_1 = require("./InteractionsScriptElement");
+const initInteract = (config, isReducedMotion) => {
+    interact_1.Interact.forceReducedMotion = isReducedMotion;
+    interact_1.Interact.setup({
+        scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
+        allowA11yTriggers: true,
+    });
+    interact_1.Interact.create(config);
+};
+const tryInitInteractInSsr = (config, isReducedMotion, getService) => {
+    const hasInteractions = config.interactions?.length > 0;
+    if (!hasInteractions) {
+        return false;
+    }
+    const { currentPage } = getService(definition_4.PagesDefinition);
+    const pageId = currentPage?.id;
+    if (!pageId) {
+        return false;
+    }
+    const { addTopComponent } = getService(provide_component_1.ProvideComponentServiceDefinition);
+    const ssrScriptElement = (0, InteractionsScriptElement_1.createInteractionsScriptElement)(config, isReducedMotion, pageId);
+    addTopComponent(ssrScriptElement);
+    return true;
+};
+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);
+    const { SSR } = getService(definition_3.RenderingContextDefinition);
+    const isSSRExperimentOpen = isOpen('specs.thunderbolt.interactionsInSsr');
+    if (isSSRExperimentOpen) {
+        let didInitInteractInSsr = false;
+        try {
+            didInitInteractInSsr = tryInitInteractInSsr(config, isReducedMotion, getService);
+        }
+        catch (error) {
+            console.warn('failed initializing Interact in SSR, falling back to client init:', error);
+        }
+        if (!didInitInteractInSsr && !SSR) {
+            initInteract(config, isReducedMotion);
+        }
+    }
+    else {
+        initInteract(config, isReducedMotion);
+    }
+    return {
+        interactiveComps: getInteractiveComps(config.interactions),
+    };
+};
+exports.coreInteractions = coreInteractions;
+//# sourceMappingURL=coreInteractions.js.map

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

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

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

@@ -0,0 +1 @@
+export { InteractionsService, InteractionsServiceExternal } from './interactionsService';

package/cjs/build/implementations/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionsServiceExternal = exports.InteractionsService = void 0;
+var interactionsService_1 = require("./interactionsService");
+Object.defineProperty(exports, "InteractionsService", { enumerable: true, get: function () { return interactionsService_1.InteractionsService; } });
+Object.defineProperty(exports, "InteractionsServiceExternal", { enumerable: true, get: function () { return interactionsService_1.InteractionsServiceExternal; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/implementations/index.ts"],"names":[],"mappings":";;;AAAA,6DAAwF;AAA/E,0HAAA,mBAAmB,OAAA;AAAE,kIAAA,2BAA2B,OAAA"}

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

@@ -0,0 +1,3 @@
+import type { ServicesManager } from '@wix/services-manager/types';
+import type { IInteractionsService, IInteractionsServiceConfig } from '../definition';
+export declare const createInteractions: (config: IInteractionsServiceConfig, getService: ServicesManager["getService"]) => IInteractionsService;

package/cjs/build/implementations/interactions.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInteractions = void 0;
+const coreInteractions_1 = require("./coreInteractions");
+const createInteractions = (config, getService) => {
+    const { interactiveComps } = (0, coreInteractions_1.coreInteractions)(config, getService);
+    const getConfigPath = (path) => path.replace(/\[[^\]]+]/g, '[]');
+    const hasInteractions = path => interactiveComps.has(getConfigPath(path));
+    return {
+        hasInteractions,
+    };
+};
+exports.createInteractions = createInteractions;
+//# sourceMappingURL=interactions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.js","sourceRoot":"","sources":["../../../src/implementations/interactions.ts"],"names":[],"mappings":";;;AAEA,yDAAqD;AAE9C,MAAM,kBAAkB,GAAG,CAC9B,MAAkC,EAClC,UAAyC,EACrB,EAAE;IACtB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,mCAAgB,EAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAEjE,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;IAExE,MAAM,eAAe,GAA4C,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;IAElH,OAAO;QACH,eAAe;KAClB,CAAA;AACL,CAAC,CAAA;AAbY,QAAA,kBAAkB,sBAa9B"}

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

@@ -0,0 +1,3 @@
+import type { ServicesManager } from '@wix/services-manager/types';
+import type { IInteractionsService, IInteractionsServiceConfig } from '../definition';
+export declare const createInteractionsExternal: (config: IInteractionsServiceConfig, getService: ServicesManager["getService"]) => IInteractionsService;

package/cjs/build/implementations/interactionsExternal.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInteractionsExternal = void 0;
+const definition_1 = require("@wix/site-service-provide-css/definition");
+const coreInteractions_1 = require("./coreInteractions");
+const stylesToAdd_1 = require("./stylesToAdd");
+const createInteractionsExternal = (config, getService) => {
+    const provideCssService = getService(definition_1.ProvideCssDefinition);
+    const styles = [stylesToAdd_1.wixInteractElementCss, stylesToAdd_1.hasClickTriggerCss];
+    const cssToAdd = styles.join('\n');
+    provideCssService.addStyle(cssToAdd);
+    const { interactiveComps } = (0, coreInteractions_1.coreInteractions)(config, getService);
+    const hasInteractions = path => interactiveComps.has(path);
+    return {
+        hasInteractions,
+    };
+};
+exports.createInteractionsExternal = createInteractionsExternal;
+//# sourceMappingURL=interactionsExternal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsExternal.js","sourceRoot":"","sources":["../../../src/implementations/interactionsExternal.ts"],"names":[],"mappings":";;;AAAA,yEAA+E;AAG/E,yDAAqD;AACrD,+CAAyE;AAElE,MAAM,0BAA0B,GAAG,CACtC,MAAkC,EAClC,UAAyC,EACrB,EAAE;IACtB,MAAM,iBAAiB,GAAG,UAAU,CAAC,iCAAoB,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,CAAC,mCAAqB,EAAE,gCAAkB,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAElC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAEpC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,mCAAgB,EAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAEjE,MAAM,eAAe,GAA4C,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAEnG,OAAO;QACH,eAAe;KAClB,CAAA;AACL,CAAC,CAAA;AAlBY,QAAA,0BAA0B,8BAkBtC"}

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

@@ -0,0 +1 @@
+export declare const getInteractionsScriptContent: (configId: string, isReducedMotion: boolean) => string;

package/cjs/build/implementations/interactionsScriptContent.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInteractionsScriptContent = void 0;
+const getInteractionsScriptContent = (configId, isReducedMotion) => `
+    await import(\`https://static.parastorage.com/services/interact/dist/interact.umd.min.js\`);
+
+    const configElement = document.getElementById(\`${configId}\`);
+    if (configElement) {
+        const Interact = window.interact?.Interact;
+        if (!Interact) {
+            console.error(\`Interact library is not loaded\`);
+        } else {
+            const config = JSON.parse(decodeURIComponent(configElement.textContent));
+
+            Interact.forceReducedMotion = ${isReducedMotion};
+            Interact.setup({
+                scrollOptionsGetter: function(){ return document.getElementById(\`site-root\`) },
+                allowA11yTriggers: true,
+            });
+
+            Interact.create(config);
+        }
+    }
+`;
+exports.getInteractionsScriptContent = getInteractionsScriptContent;
+//# sourceMappingURL=interactionsScriptContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsScriptContent.js","sourceRoot":"","sources":["../../../src/implementations/interactionsScriptContent.ts"],"names":[],"mappings":";;;AAAO,MAAM,4BAA4B,GAAG,CAAC,QAAgB,EAAE,eAAwB,EAAE,EAAE,CAAC;;;sDAGtC,QAAQ;;;;;;;;4CAQlB,eAAe;;;;;;;;;CAS1D,CAAA;AApBY,QAAA,4BAA4B,gCAoBxC"}

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

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

package/cjs/build/implementations/interactionsService.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionsServiceExternal = exports.InteractionsService = void 0;
+const static_service_1 = require("@wix/static-service");
+const definition_1 = require("../definition");
+const interactions_1 = require("./interactions");
+const interactionsExternal_1 = require("./interactionsExternal");
+exports.InteractionsService = (0, static_service_1.implementStaticService)(definition_1.InteractionsDefinition, ({ config, getService }) => {
+    return (0, interactions_1.createInteractions)(config, getService);
+});
+exports.InteractionsServiceExternal = (0, static_service_1.implementStaticService)(definition_1.InteractionsDefinition, ({ config, getService }) => {
+    return (0, interactionsExternal_1.createInteractionsExternal)(config, getService);
+});
+//# sourceMappingURL=interactionsService.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsService.js","sourceRoot":"","sources":["../../../src/implementations/interactionsService.ts"],"names":[],"mappings":";;;AAAA,wDAA4D;AAG5D,8CAAsD;AACtD,iDAAmD;AACnD,iEAAmE;AAEtD,QAAA,mBAAmB,GAAG,IAAA,uCAAsB,EACrD,mCAAsB,EACtB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAwD,EAAE,EAAE;IAC7E,OAAO,IAAA,iCAAkB,EAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC,CACJ,CAAA;AAEY,QAAA,2BAA2B,GAAG,IAAA,uCAAsB,EAC7D,mCAAsB,EACtB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAwD,EAAE,EAAE;IAC7E,OAAO,IAAA,iDAA0B,EAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AACzD,CAAC,CACJ,CAAA"}

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

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

package/cjs/build/implementations/stylesToAdd.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasClickTriggerCss = exports.wixInteractElementCss = void 0;
+exports.wixInteractElementCss = `
+    wix-interact-element {
+        display: contents;
+    }
+    `;
+exports.hasClickTriggerCss = `
+    .has-click-trigger {
+        cursor: pointer;
+    }
+    `;
+//# sourceMappingURL=stylesToAdd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stylesToAdd.js","sourceRoot":"","sources":["../../../src/implementations/stylesToAdd.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG;;;;KAIhC,CAAA;AAEQ,QAAA,kBAAkB,GAAG;;;;KAI7B,CAAA"}

package/cjs/build/index.d.ts

@@ -0,0 +1,2 @@
+export * from './definition';
+export * from './implementations';

package/cjs/build/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./definition"), exports);
+__exportStar(require("./implementations"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,oDAAiC"}

package/cjs/build/service.d.ts

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

package/cjs/build/service.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.definition = void 0;
+const definition_1 = require("./definition");
+const interactionsService_1 = require("./implementations/interactionsService");
+exports.definition = definition_1.InteractionsDefinition;
+exports.default = interactionsService_1.InteractionsService;
+//# sourceMappingURL=service.js.map

package/cjs/build/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../../src/service.ts"],"names":[],"mappings":";;;AAAA,6CAAqD;AACrD,+EAA2E;AAE9D,QAAA,UAAU,GAAG,mCAAsB,CAAA;AAChD,kBAAe,yCAAmB,CAAA"}

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

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

package/cjs/build/types/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":""}

package/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/definition/package.json

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

package/dist/definition/index.d.ts

@@ -0,0 +1,12 @@
+import type { StaticServiceDefinition } from '@wix/static-service';
+import type { InteractConfig } from '@wix/interact';
+export type IInteractionsServiceConfig = InteractConfig;
+export interface IInteractionsService {
+    hasInteractions: (path: string) => boolean;
+}
+export type IInteractionsDefinition = StaticServiceDefinition<IInteractionsService, IInteractionsServiceConfig>;
+export declare const InteractionsDefinition: string & {
+    __api: IInteractionsService;
+    __config: InteractConfig;
+    isServiceDefinition?: boolean;
+} & IInteractionsService;

package/dist/definition/index.js

@@ -0,0 +1,3 @@
+import { defineStaticService } from '@wix/static-service';
+export const InteractionsDefinition = defineStaticService('@wix/site-service-interactions');
+//# sourceMappingURL=index.js.map

package/dist/definition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/definition/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAYzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACrD,gCAAgC,CACnC,CAAA"}

package/dist/implementations/InteractionsScriptElement.d.ts

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

package/dist/implementations/InteractionsScriptElement.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { getInteractionsScriptContent } from './interactionsScriptContent';
+export const createInteractionsScriptElement = (config, isReducedMotion, pageId) => () => {
+    const configId = `interactions-config-${pageId}`;
+    const interactionsScriptContent = getInteractionsScriptContent(configId, isReducedMotion);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("script", { type: "application/json", id: configId }, encodeURIComponent(JSON.stringify(config))),
+        React.createElement("script", { type: "module", id: `interactions-loader-${pageId}` }, interactionsScriptContent)));
+};
+//# sourceMappingURL=InteractionsScriptElement.js.map

package/dist/implementations/InteractionsScriptElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionsScriptElement.js","sourceRoot":"","sources":["../../src/implementations/InteractionsScriptElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE1E,MAAM,CAAC,MAAM,+BAA+B,GACxC,CAAC,MAAsB,EAAE,eAAwB,EAAE,MAAc,EAAqB,EAAE,CACxF,GAAG,EAAE;IACD,MAAM,QAAQ,GAAG,uBAAuB,MAAM,EAAE,CAAA;IAChD,MAAM,yBAAyB,GAAG,4BAA4B,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IAEzF,OAAO,CACH;QACI,gCAAQ,IAAI,EAAC,kBAAkB,EAAC,EAAE,EAAE,QAAQ,IACvC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CACtC;QACT,gCAAQ,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,uBAAuB,MAAM,EAAE,IACpD,yBAAyB,CACrB,CACV,CACN,CAAA;AACL,CAAC,CAAA"}

package/dist/implementations/coreInteractions.d.ts

@@ -0,0 +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"]) => {
+    interactiveComps: Set<string>;
+};

package/dist/implementations/coreInteractions.js

@@ -0,0 +1,63 @@
+import { Interact } from '@wix/interact';
+import { DeviceInfoDefinition } from '@wix/site-service-device-info/definition';
+import { ExperimentsDefinition } from '@wix/site-service-experiments/definition';
+import { RenderingContextDefinition } from '@wix/site-service-rendering-context/definition';
+import { PagesDefinition } from '@wix/site-service-pages/definition';
+import { ProvideComponentServiceDefinition } from '@wix/services-manager-react/core-services/provide-component';
+import { createInteractionsScriptElement } from './InteractionsScriptElement';
+const initInteract = (config, isReducedMotion) => {
+    Interact.forceReducedMotion = isReducedMotion;
+    Interact.setup({
+        scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
+        allowA11yTriggers: true,
+    });
+    Interact.create(config);
+};
+const tryInitInteractInSsr = (config, isReducedMotion, getService) => {
+    const hasInteractions = config.interactions?.length > 0;
+    if (!hasInteractions) {
+        return false;
+    }
+    const { currentPage } = getService(PagesDefinition);
+    const pageId = currentPage?.id;
+    if (!pageId) {
+        return false;
+    }
+    const { addTopComponent } = getService(ProvideComponentServiceDefinition);
+    const ssrScriptElement = createInteractionsScriptElement(config, isReducedMotion, pageId);
+    addTopComponent(ssrScriptElement);
+    return true;
+};
+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());
+export const coreInteractions = (config, getService) => {
+    const { reducedMotion: isReducedMotion } = getService(DeviceInfoDefinition);
+    const { isOpen } = getService(ExperimentsDefinition);
+    const { SSR } = getService(RenderingContextDefinition);
+    const isSSRExperimentOpen = isOpen('specs.thunderbolt.interactionsInSsr');
+    if (isSSRExperimentOpen) {
+        let didInitInteractInSsr = false;
+        try {
+            didInitInteractInSsr = tryInitInteractInSsr(config, isReducedMotion, getService);
+        }
+        catch (error) {
+            console.warn('failed initializing Interact in SSR, falling back to client init:', error);
+        }
+        if (!didInitInteractInSsr && !SSR) {
+            initInteract(config, isReducedMotion);
+        }
+    }
+    else {
+        initInteract(config, isReducedMotion);
+    }
+    return {
+        interactiveComps: getInteractiveComps(config.interactions),
+    };
+};
+//# sourceMappingURL=coreInteractions.js.map

package/dist/implementations/coreInteractions.js.map

@@ -0,0 +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;KAC1B,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,IAAI,oBAAoB,GAAG,KAAK,CAAA;QAEhC,IAAI,CAAC;YACD,oBAAoB,GAAG,oBAAoB,CAAC,MAAM,EAAE,eAAe,EAAE,UAAU,CAAC,CAAA;QACpF,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,mEAAmE,EAAE,KAAK,CAAC,CAAA;QAC5F,CAAC;QAED,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"}

package/dist/implementations/index.d.ts

@@ -0,0 +1 @@
+export { InteractionsService, InteractionsServiceExternal } from './interactionsService';

package/dist/implementations/index.js

@@ -0,0 +1,2 @@
+export { InteractionsService, InteractionsServiceExternal } from './interactionsService';
+//# sourceMappingURL=index.js.map

package/dist/implementations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/implementations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/implementations/interactions.d.ts

@@ -0,0 +1,3 @@
+import type { ServicesManager } from '@wix/services-manager/types';
+import type { IInteractionsService, IInteractionsServiceConfig } from '../definition';
+export declare const createInteractions: (config: IInteractionsServiceConfig, getService: ServicesManager["getService"]) => IInteractionsService;

package/dist/implementations/interactions.js

@@ -0,0 +1,10 @@
+import { coreInteractions } from './coreInteractions';
+export const createInteractions = (config, getService) => {
+    const { interactiveComps } = coreInteractions(config, getService);
+    const getConfigPath = (path) => path.replace(/\[[^\]]+]/g, '[]');
+    const hasInteractions = path => interactiveComps.has(getConfigPath(path));
+    return {
+        hasInteractions,
+    };
+};
+//# sourceMappingURL=interactions.js.map

package/dist/implementations/interactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.js","sourceRoot":"","sources":["../../src/implementations/interactions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAC9B,MAAkC,EAClC,UAAyC,EACrB,EAAE;IACtB,MAAM,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAEjE,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;IAExE,MAAM,eAAe,GAA4C,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;IAElH,OAAO;QACH,eAAe;KAClB,CAAA;AACL,CAAC,CAAA"}

package/dist/implementations/interactionsExternal.d.ts

@@ -0,0 +1,3 @@
+import type { ServicesManager } from '@wix/services-manager/types';
+import type { IInteractionsService, IInteractionsServiceConfig } from '../definition';
+export declare const createInteractionsExternal: (config: IInteractionsServiceConfig, getService: ServicesManager["getService"]) => IInteractionsService;

package/dist/implementations/interactionsExternal.js

@@ -0,0 +1,15 @@
+import { ProvideCssDefinition } from '@wix/site-service-provide-css/definition';
+import { coreInteractions } from './coreInteractions';
+import { hasClickTriggerCss, wixInteractElementCss } from './stylesToAdd';
+export const createInteractionsExternal = (config, getService) => {
+    const provideCssService = getService(ProvideCssDefinition);
+    const styles = [wixInteractElementCss, hasClickTriggerCss];
+    const cssToAdd = styles.join('\n');
+    provideCssService.addStyle(cssToAdd);
+    const { interactiveComps } = coreInteractions(config, getService);
+    const hasInteractions = path => interactiveComps.has(path);
+    return {
+        hasInteractions,
+    };
+};
+//# sourceMappingURL=interactionsExternal.js.map

package/dist/implementations/interactionsExternal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsExternal.js","sourceRoot":"","sources":["../../src/implementations/interactionsExternal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAG/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAEzE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACtC,MAAkC,EAClC,UAAyC,EACrB,EAAE;IACtB,MAAM,iBAAiB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAElC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAEpC,MAAM,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAEjE,MAAM,eAAe,GAA4C,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAEnG,OAAO;QACH,eAAe;KAClB,CAAA;AACL,CAAC,CAAA"}

package/dist/implementations/interactionsScriptContent.d.ts

@@ -0,0 +1 @@
+export declare const getInteractionsScriptContent: (configId: string, isReducedMotion: boolean) => string;

package/dist/implementations/interactionsScriptContent.js

@@ -0,0 +1,22 @@
+export const getInteractionsScriptContent = (configId, isReducedMotion) => `
+    await import(\`https://static.parastorage.com/services/interact/dist/interact.umd.min.js\`);
+
+    const configElement = document.getElementById(\`${configId}\`);
+    if (configElement) {
+        const Interact = window.interact?.Interact;
+        if (!Interact) {
+            console.error(\`Interact library is not loaded\`);
+        } else {
+            const config = JSON.parse(decodeURIComponent(configElement.textContent));
+
+            Interact.forceReducedMotion = ${isReducedMotion};
+            Interact.setup({
+                scrollOptionsGetter: function(){ return document.getElementById(\`site-root\`) },
+                allowA11yTriggers: true,
+            });
+
+            Interact.create(config);
+        }
+    }
+`;
+//# sourceMappingURL=interactionsScriptContent.js.map

package/dist/implementations/interactionsScriptContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsScriptContent.js","sourceRoot":"","sources":["../../src/implementations/interactionsScriptContent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,QAAgB,EAAE,eAAwB,EAAE,EAAE,CAAC;;;sDAGtC,QAAQ;;;;;;;;4CAQlB,eAAe;;;;;;;;;CAS1D,CAAA"}

package/dist/implementations/interactionsService.d.ts

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

package/dist/implementations/interactionsService.js

@@ -0,0 +1,11 @@
+import { implementStaticService } from '@wix/static-service';
+import { InteractionsDefinition } from '../definition';
+import { createInteractions } from './interactions';
+import { createInteractionsExternal } from './interactionsExternal';
+export const InteractionsService = implementStaticService(InteractionsDefinition, ({ config, getService }) => {
+    return createInteractions(config, getService);
+});
+export const InteractionsServiceExternal = implementStaticService(InteractionsDefinition, ({ config, getService }) => {
+    return createInteractionsExternal(config, getService);
+});
+//# sourceMappingURL=interactionsService.js.map

package/dist/implementations/interactionsService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsService.js","sourceRoot":"","sources":["../../src/implementations/interactionsService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,sBAAsB,CACrD,sBAAsB,EACtB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAwD,EAAE,EAAE;IAC7E,OAAO,kBAAkB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC,CACJ,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,sBAAsB,CAC7D,sBAAsB,EACtB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAwD,EAAE,EAAE;IAC7E,OAAO,0BAA0B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AACzD,CAAC,CACJ,CAAA"}

package/dist/implementations/stylesToAdd.d.ts

@@ -0,0 +1,2 @@
+export declare const wixInteractElementCss = "\n    wix-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

@@ -0,0 +1,11 @@
+export const wixInteractElementCss = `
+    wix-interact-element {
+        display: contents;
+    }
+    `;
+export const hasClickTriggerCss = `
+    .has-click-trigger {
+        cursor: pointer;
+    }
+    `;
+//# sourceMappingURL=stylesToAdd.js.map

package/dist/implementations/stylesToAdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesToAdd.js","sourceRoot":"","sources":["../../src/implementations/stylesToAdd.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;KAIhC,CAAA;AAEL,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;KAI7B,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './definition';
+export * from './implementations';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './definition';
+export * from './implementations';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA"}

package/dist/service.d.ts

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

package/dist/service.js

@@ -0,0 +1,5 @@
+import { InteractionsDefinition } from './definition';
+import { InteractionsService } from './implementations/interactionsService';
+export const definition = InteractionsDefinition;
+export default InteractionsService;
+//# sourceMappingURL=service.js.map

package/dist/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../src/service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAE3E,MAAM,CAAC,MAAM,UAAU,GAAG,sBAAsB,CAAA;AAChD,eAAe,mBAAmB,CAAA"}

package/dist/types/index.d.ts

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

package/dist/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}

package/implementations/package.json

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

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@wix/site-service-interactions",
+  "version": "1.0.5",
+  "main": "cjs/build/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "license": "UNLICENSED",
+  "files": [
+    "dist",
+    "src",
+    "cjs",
+    "definition",
+    "implementations",
+    "types",
+    "!doc.md",
+    "!**/*.tsbuildinfo"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./cjs/build/index.js"
+    },
+    "./definition": {
+      "types": "./dist/definition/index.d.ts",
+      "import": "./dist/definition/index.js",
+      "require": "./cjs/build/definition/index.js"
+    },
+    "./implementations": {
+      "types": "./dist/implementations/index.d.ts",
+      "import": "./dist/implementations/index.js",
+      "require": "./cjs/build/implementations/index.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js",
+      "require": "./cjs/build/types/index.js"
+    },
+    "./service": {
+      "types": "./dist/service.d.ts",
+      "import": "./dist/service.js",
+      "require": "./cjs/build/service.js"
+    }
+  },
+  "dependencies": {
+    "@wix/interact": "^1.103.0",
+    "@wix/services-manager": "^0.2.20",
+    "@wix/services-manager-react": "^0.1.26",
+    "@wix/site-service-device-info": "1.0.2",
+    "@wix/site-service-experiments": "1.0.3",
+    "@wix/site-service-pages": "1.0.2",
+    "@wix/site-service-provide-css": "1.0.1",
+    "@wix/site-service-rendering-context": "1.0.1",
+    "@wix/static-service": "1.0.19"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "react": "^18.3.1",
+    "typescript": "^5.3.3",
+    "vitest": "4.1.0"
+  },
+  "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",
+      "artifactId": "site-service-interactions",
+      "targets": {
+        "static": false,
+        "docker": false
+      }
+    },
+    "validations": {
+      "postBuild": [
+        "test",
+        "lint"
+      ]
+    }
+  },
+  "falconPackageHash": "85715af7584a4dbc47ae9ac967a02031c2f86152811a4c1c9155471a"
+}

package/src/definition/index.ts

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

package/src/implementations/InteractionsScriptElement.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import type { FunctionComponent } from 'react'
+import type { InteractConfig } from '@wix/interact'
+import { getInteractionsScriptContent } from './interactionsScriptContent'
+
+export const createInteractionsScriptElement =
+    (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>
+                <script type="module" id={`interactions-loader-${pageId}`}>
+                    {interactionsScriptContent}
+                </script>
+            </>
+        )
+    }

package/src/implementations/coreInteractions.ts

@@ -0,0 +1,80 @@
+import { Interact } from '@wix/interact'
+import type { InteractConfig } from '@wix/interact'
+import { DeviceInfoDefinition } from '@wix/site-service-device-info/definition'
+import { ExperimentsDefinition } from '@wix/site-service-experiments/definition'
+import { RenderingContextDefinition } from '@wix/site-service-rendering-context/definition'
+import { PagesDefinition } from '@wix/site-service-pages/definition'
+import { ProvideComponentServiceDefinition } from '@wix/services-manager-react/core-services/provide-component'
+import type { ServicesManager } from '@wix/services-manager/types'
+import { createInteractionsScriptElement } from './InteractionsScriptElement'
+
+const initInteract = (config: InteractConfig, isReducedMotion: boolean) => {
+    Interact.forceReducedMotion = isReducedMotion
+    Interact.setup({
+        scrollOptionsGetter: () => globalThis.document.getElementById('site-root'),
+        allowA11yTriggers: true,
+    })
+    Interact.create(config)
+}
+
+const tryInitInteractInSsr = (
+    config: InteractConfig,
+    isReducedMotion: boolean,
+    getService: ServicesManager['getService']
+) => {
+    const hasInteractions = config.interactions?.length > 0
+    if (!hasInteractions) {
+        return false
+    }
+
+    const { currentPage } = getService(PagesDefinition)
+    const pageId = currentPage?.id
+
+    if (!pageId) {
+        return false
+    }
+
+    const { addTopComponent } = getService(ProvideComponentServiceDefinition)
+    const ssrScriptElement = createInteractionsScriptElement(config, isReducedMotion, pageId)
+    addTopComponent(ssrScriptElement)
+
+    return true
+}
+
+const getInteractiveComps = (interactions: InteractConfig['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<string>())
+
+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) {
+        let didInitInteractInSsr = false
+
+        try {
+            didInitInteractInSsr = tryInitInteractInSsr(config, isReducedMotion, getService)
+        } catch (error) {
+            console.warn('failed initializing Interact in SSR, falling back to client init:', error)
+        }
+
+        if (!didInitInteractInSsr && !SSR) {
+            initInteract(config, isReducedMotion)
+        }
+    } else {
+        initInteract(config, isReducedMotion)
+    }
+
+    return {
+        interactiveComps: getInteractiveComps(config.interactions),
+    }
+}

package/src/implementations/index.ts

@@ -0,0 +1 @@
+export { InteractionsService, InteractionsServiceExternal } from './interactionsService'

package/src/implementations/interactions.ts

@@ -0,0 +1,18 @@
+import type { ServicesManager } from '@wix/services-manager/types'
+import type { IInteractionsService, IInteractionsServiceConfig } from '../definition'
+import { coreInteractions } from './coreInteractions'
+
+export const createInteractions = (
+    config: IInteractionsServiceConfig,
+    getService: ServicesManager['getService']
+): IInteractionsService => {
+    const { interactiveComps } = coreInteractions(config, getService)
+
+    const getConfigPath = (path: string) => path.replace(/\[[^\]]+]/g, '[]')
+
+    const hasInteractions: IInteractionsService['hasInteractions'] = path => interactiveComps.has(getConfigPath(path))
+
+    return {
+        hasInteractions,
+    }
+}

package/src/implementations/interactionsExternal.ts

@@ -0,0 +1,25 @@
+import { ProvideCssDefinition } from '@wix/site-service-provide-css/definition'
+import type { ServicesManager } from '@wix/services-manager/types'
+import type { IInteractionsService, IInteractionsServiceConfig } from '../definition'
+import { coreInteractions } from './coreInteractions'
+import { hasClickTriggerCss, wixInteractElementCss } from './stylesToAdd'
+
+export const createInteractionsExternal = (
+    config: IInteractionsServiceConfig,
+    getService: ServicesManager['getService']
+): IInteractionsService => {
+    const provideCssService = getService(ProvideCssDefinition)
+
+    const styles = [wixInteractElementCss, hasClickTriggerCss]
+    const cssToAdd = styles.join('\n')
+
+    provideCssService.addStyle(cssToAdd)
+
+    const { interactiveComps } = coreInteractions(config, getService)
+
+    const hasInteractions: IInteractionsService['hasInteractions'] = path => interactiveComps.has(path)
+
+    return {
+        hasInteractions,
+    }
+}

package/src/implementations/interactionsScriptContent.ts

@@ -0,0 +1,21 @@
+export const getInteractionsScriptContent = (configId: string, isReducedMotion: boolean) => `
+    await import(\`https://static.parastorage.com/services/interact/dist/interact.umd.min.js\`);
+
+    const configElement = document.getElementById(\`${configId}\`);
+    if (configElement) {
+        const Interact = window.interact?.Interact;
+        if (!Interact) {
+            console.error(\`Interact library is not loaded\`);
+        } else {
+            const config = JSON.parse(decodeURIComponent(configElement.textContent));
+
+            Interact.forceReducedMotion = ${isReducedMotion};
+            Interact.setup({
+                scrollOptionsGetter: function(){ return document.getElementById(\`site-root\`) },
+                allowA11yTriggers: true,
+            });
+
+            Interact.create(config);
+        }
+    }
+`

package/src/implementations/interactionsService.ts

@@ -0,0 +1,20 @@
+import { implementStaticService } from '@wix/static-service'
+import type { StaticServiceFactoryOpts } from '@wix/static-service'
+import type { IInteractionsServiceConfig } from '../definition'
+import { InteractionsDefinition } from '../definition'
+import { createInteractions } from './interactions'
+import { createInteractionsExternal } from './interactionsExternal'
+
+export const InteractionsService = implementStaticService(
+    InteractionsDefinition,
+    ({ config, getService }: StaticServiceFactoryOpts<IInteractionsServiceConfig>) => {
+        return createInteractions(config, getService)
+    }
+)
+
+export const InteractionsServiceExternal = implementStaticService(
+    InteractionsDefinition,
+    ({ config, getService }: StaticServiceFactoryOpts<IInteractionsServiceConfig>) => {
+        return createInteractionsExternal(config, getService)
+    }
+)

package/src/implementations/stylesToAdd.ts

@@ -0,0 +1,11 @@
+export const wixInteractElementCss = `
+    wix-interact-element {
+        display: contents;
+    }
+    `
+
+export const hasClickTriggerCss = `
+    .has-click-trigger {
+        cursor: pointer;
+    }
+    `

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './definition'
+export * from './implementations'

package/src/service.ts

@@ -0,0 +1,5 @@
+import { InteractionsDefinition } from './definition'
+import { InteractionsService } from './implementations/interactionsService'
+
+export const definition = InteractionsDefinition
+export default InteractionsService

package/src/types/index.ts

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

package/types/package.json

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