@wix/editor-react-components 1.2544.0 → 1.2546.0

package/dist/site/components/AudioPlayer/component.js

@@ -4,7 +4,6 @@ import React__default, { useRef, useCallback, useMemo, useEffect, useState, forw
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
-import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import Image3 from "../Image3/component.js";
 import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants39.js";
@@ -3564,7 +3563,6 @@ const AudioPlayer = (props) => {
     id,
     className,
     direction,
-    a11y,
     audio,
     coverImage,
     displayMode,
@@ -3613,7 +3611,6 @@ const AudioPlayer = (props) => {
     {
       id,
       ...direction && { dir: direction },
-      ...a11y && convertA11yKeysToHtmlFormat(a11y),
       onMouseEnter: onMouseIn,
       onMouseLeave: onMouseOut,
       className: clsx(

package/dist/site/components/AudioPlayer/manifest.js

@@ -238,6 +238,12 @@ const manifest = {
       ...manifestMediaProgress(),
       ...manifestMouseHover()
     },
+    displayFilters: {
+      data: {
+        // a11y is hidden because of ECL-17824. If you need to add a11y in the future, add another dataType.a11y under a different key
+        hide: ["a11y"]
+      }
+    },
     displayGroups: {
       coverArtGroup: {
         displayName: DisplayNames.elements.coverMedia,

package/dist/site/components/AudioPlayer/types.d.ts

@@ -1,4 +1,4 @@
-import { A11y, Audio, Direction, Image } from '@wix/editor-react-types';
+import { Audio, Direction, Image } from '@wix/editor-react-types';
 import { Image3Props } from '../Image3/Image3.types';
 import { SdkFunctionMouseHoverProps } from '../../../utils/functions/sdkFunctionCallbackProps';
 export interface AudioPlayerElementProps {
@@ -28,7 +28,6 @@ export interface AudioPlayerProps extends SdkFunctionMouseHoverProps {
     id?: string;
     className?: string;
     direction?: Direction;
-    a11y?: A11y;
     audio?: Audio;
     coverImage?: Image;
     displayMode?: Image3Props['displayMode'];

package/dist/site/components/Button/constants.d.ts

@@ -1,3 +1,4 @@
+export declare const COMPONENT_TYPE = "wixEditorElements.Button";
 export declare const TestIds: {
     buttonContent: string;
     buttonLabel: string;

package/dist/site/components/Button/manifest.js

@@ -1,5 +1,5 @@
 import { a as ACTIONS, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, I as INTERACTIONS, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-6KMOHX3X.js";
-import { D as DesignStates, b as DisplayNames } from "../chunks/constants21.js";
+import { D as DesignStates, b as DisplayNames, C as COMPONENT_TYPE } from "../chunks/constants21.js";
 import { m as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
@@ -9,7 +9,7 @@ const displayConfig = {
 const basePresetName = "baseButton";
 const manifest = {
   id: "4190f51c-3836-49f6-8114-96219c165b29",
-  type: "wixEditorElements.Button",
+  type: COMPONENT_TYPE,
   description: "Guide visitors through your site and drive important actions using customizable button elements.",
   installation: {
     presets: {
@@ -330,7 +330,12 @@ const manifest = {
       componentUrl: "./site/components/Button/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/Button",
       dependencies: {
-        componentDependencies: ["@wix/editor-react-components/AnimatedIcon"]
+        componentDependencies: ["@wix/editor-react-components/AnimatedIcon"],
+        serviceDependencies: [
+          "@wix/site-service-business-logger",
+          "@wix/site-service-configuration",
+          "@wix/viewer-service-environment"
+        ]
       }
     },
     editor: {

package/dist/site/components/chunks/Button.js

@@ -7,9 +7,13 @@ import { a as getDataAttributes, g as getQaDataAttributes } from "./dataUtils.js
 import { f as formatClassNames } from "./classNames.js";
 import { I as IconAnimationTriggers } from "./Button.types.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
-import { T as TRANSITION_DURATION, S as SEMANTIC_CLASS_NAMES, a as TestIds } from "./constants21.js";
+import { T as TRANSITION_DURATION, S as SEMANTIC_CLASS_NAMES, a as TestIds, C as COMPONENT_TYPE } from "./constants21.js";
 import { d as activateByEnterButton, a as activateBySpaceOrEnterButton, r as removeAriaPrefix, g as getAccessibilityAttributesSpread } from "./a11y.js";
 import { i as isValidLink } from "./Link.js";
+import { d as defineStaticService } from "./staticService.js";
+import { d as defineService } from "./index8.js";
+import { E as EnvironmentDefinition } from "./index2.js";
+import { useService } from "@wix/services-manager-react";
 const root = "root__IB9QF";
 const active = "active__lpoVO";
 const label = "label__EtLji";
@@ -198,6 +202,74 @@ function useButtonA11y({
   );
   return a11yAttr;
 }
+const BusinessLoggerDefinition = defineStaticService("@wix/site-service-business-logger");
+const ConfigurationDefinition = defineService("@wix/site-service-configuration");
+const CLICK_ANALYTICS_SRC = 76;
+const CLICK_ANALYTICS_EVID = 1113;
+const CLICK_ANALYTICS_ENDPOINT = "pa";
+const ClickAnalyticsGroups = {
+  Button: "Button"
+};
+const buildClickAnalyticsEvent = ({
+  link: link2,
+  details,
+  elementId,
+  elementType,
+  elementGroup,
+  elementTitle,
+  language
+}) => ({
+  src: CLICK_ANALYTICS_SRC,
+  evid: CLICK_ANALYTICS_EVID,
+  bl: navigator.language,
+  url: window.location.href,
+  element_id: elementId,
+  elementType,
+  elementGroup,
+  elementTitle,
+  language,
+  value: link2 == null ? void 0 : link2.href,
+  details: details ? JSON.stringify(details) : void 0
+});
+const useClickAnalyticsReporter = (params) => {
+  var _a;
+  const businessLogger = useService(
+    BusinessLoggerDefinition
+  );
+  const environment = useService(EnvironmentDefinition);
+  const configuration = useService(
+    ConfigurationDefinition
+  );
+  const isPreview = (_a = environment == null ? void 0 : environment.getPreviewMode) == null ? void 0 : _a.call(environment);
+  const reportBi = businessLogger == null ? void 0 : businessLogger.reportBi;
+  const language = params.language ?? (environment == null ? void 0 : environment.language);
+  const trackClicksAnalytics = configuration == null ? void 0 : configuration.trackClicksAnalytics;
+  const isEnabled = !isPreview && trackClicksAnalytics && typeof reportBi === "function";
+  const paramsRef = useRef(params);
+  paramsRef.current = params;
+  return useMemo(() => {
+    if (!isEnabled) {
+      return void 0;
+    }
+    return (event) => {
+      const { elementId, ...restParams } = paramsRef.current;
+      try {
+        void Promise.resolve(
+          reportBi(
+            buildClickAnalyticsEvent({
+              ...restParams,
+              language,
+              elementId: elementId || event.currentTarget.id
+            }),
+            { endpoint: CLICK_ANALYTICS_ENDPOINT }
+          )
+        ).catch(() => {
+        });
+      } catch {
+      }
+    };
+  }, [isEnabled, reportBi, language]);
+};
 const Button = (props) => {
   var _a;
   const {
@@ -263,12 +335,20 @@ const Button = (props) => {
     (_a = elementProps == null ? void 0 : elementProps.label) == null ? void 0 : _a.className
   );
   const linkClassName = styles.link;
+  const reportClickAnalytics = useClickAnalyticsReporter({
+    link: link2,
+    elementId: id,
+    elementType: COMPONENT_TYPE,
+    elementGroup: ClickAnalyticsGroups.Button,
+    elementTitle: label2,
+    details: { isDisabled }
+  });
   const { isLink, eventHandlers } = useButtonEventHandlers({
     isDisabled,
     link: link2,
     propsOnClick,
     preventLinkNavigation,
-    reportBiOnClick,
+    reportBiOnClick: reportBiOnClick ?? reportClickAnalytics,
     onMouseEnter,
     onMouseLeave,
     onIconAnimationClick,

package/dist/site/components/chunks/constants21.js

@@ -1,3 +1,4 @@
+const COMPONENT_TYPE = "wixEditorElements.Button";
 const TestIds = {
   buttonContent: "buttonContent",
   buttonLabel: "stylablebutton-label"
@@ -51,6 +52,7 @@ const DisplayNames = {
   }
 };
 export {
+  COMPONENT_TYPE as C,
   DesignStates as D,
   SEMANTIC_CLASS_NAMES as S,
   TRANSITION_DURATION as T,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2544.0",
+  "version": "1.2546.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -81,6 +81,8 @@
     "@wix/design-system-illustrations": "^2.28.5",
     "@wix/sdk": "^1.21.15",
     "@wix/services-manager-react": "^0.1.27",
+    "@wix/site-service-business-logger": "^1.0.0",
+    "@wix/site-service-configuration": "^1.0.1",
     "@wix/site-service-rendering-context": "^1.0.1",
     "@wix/site-ui": "1.233.0",
     "@wix/video": "^1.106.0",
@@ -197,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "92cfb65ceb9ec95231cc0442b9152e0441e0f104b58070f96faf4a69"
+  "falconPackageHash": "6832479dbb355187b2c0df1c8c54e23813710645d19f71fbc0dd9b98"
 }