@wix/editor-react-components 1.2543.0 → 1.2545.0

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.2543.0",
+  "version": "1.2545.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -81,8 +81,10 @@
     "@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.232.0",
+    "@wix/site-ui": "1.233.0",
     "@wix/video": "^1.106.0",
     "@wix/viewer-service-consent-policy": "^1.0.101",
     "@wix/web-bi-logger": "^2.1.29",
@@ -197,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "7009c122f0793c644f79519ef3a53988cf65ef331328b1f026f8571a"
+  "falconPackageHash": "8e1e8d1a81f78bba8682d8c59d3e9f9c9a49c9c4f3879b2d850347d8"
 }