@wix/editor-react-components 1.2832.0 → 1.2833.0

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

@@ -23,7 +23,7 @@ const manifest = {
     editor: {
       componentUrl: "./site/components/SocialPlayerVimeo/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-editor-context"]
       }
     },
     sdk: {

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

@@ -23,7 +23,7 @@ const manifest = {
     editor: {
       componentUrl: "./site/components/SocialPlayerYoutube/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-editor-context"]
       }
     },
     sdk: {

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

@@ -4,7 +4,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { O as OVERFLOW_BEHAVIOR, c as classes, D as DesignStates } from "../chunks/constants20.js";
 import { d as debounce } from "../chunks/performanceUtils.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { L as LocaleDefinition } from "../chunks/index12.js";
 import { H as HAS_CUSTOM_FOCUS_CLASSNAME } from "../chunks/a11y.js";
 const tabs = "tabs__xLDfA";
 const tabMenu = "tab-menu__LMnG9";
@@ -273,8 +273,7 @@ const useTabsTransition = ({
   };
 };
 const useResolvedDirection = (direction) => {
-  const environmentService = useService(EnvironmentDefinition);
-  const siteDirection = environmentService.getLanguageDirection();
+  const { direction: siteDirection } = useService(LocaleDefinition);
   return direction || siteDirection;
 };
 const root = "root__GdmsB";

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

@@ -759,12 +759,12 @@ const manifest = {
     client: {
       componentUrl: "./site/components/Tabs/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/Tabs",
-      serviceDependencies: ["@wix/viewer-service-environment"]
+      serviceDependencies: ["@wix/site-service-locale"]
     },
     editor: {
       componentUrl: "./site/components/Tabs/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-locale"]
       }
     }
   },

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

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { F as Field, T as Tooltip, I as Input_Input_Input } from "../chunks/index11.js";
-import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { F as Field, T as Tooltip, I as Input_Input_Input } from "../chunks/index13.js";
+import { u as useCurrentLanguage } from "../chunks/useCurrentLanguage.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator, I as InfoCircleSmall_default } from "../chunks/useValidatedField.js";
@@ -35,7 +34,7 @@ const noop = () => {
 };
 function TextBoxComponent(props) {
   var _a, _b, _c;
-  const environmentService = useService(EnvironmentDefinition);
+  const { language } = useCurrentLanguage();
   const {
     id,
     className = "",
@@ -124,7 +123,7 @@ function TextBoxComponent(props) {
       ...getDataAttributes(props),
       className: rootClassName,
       dir: direction,
-      lang: environmentService.language,
+      lang: language,
       "data-testid": TestIds.root,
       children: /* @__PURE__ */ jsxs(
         Field.Root,

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

@@ -265,13 +265,19 @@ const manifest = {
     client: {
       componentUrl: "./site/components/TextBox/component.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: [
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
+        ]
       }
     },
     editor: {
       componentUrl: "./site/components/TextBox/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: [
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
+        ]
       }
     }
   },

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants17.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__kUr-I";
 const block = "block__EMDF3";
 const styles = {

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants16.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__s2rZR";
 const text = "text__rwjDQ";
 const block = "block__Aq5E2";

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

@@ -4,7 +4,7 @@ import { b as blurConfig, T as TestIds } from "../chunks/constants15.js";
 import { c as createSvgManager, r as range, u as useUniqueSvg } from "../chunks/useUniqueSvg.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const root = "root__8KuQx";
 const container = "container__GR3va";
 const text = "text__0R7qz";

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants14.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__dZGrq";
 const text = "text__9Z9q2";
 const block = "block__-p5LG";

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants13.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__XB6yU";
 const text = "text__ptbeV";
 const block = "block__cm29d";

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants12.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__ejDm-";
 const text = "text__-Pijk";
 const block = "block__IP1-y";

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants11.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const block = "block__SOi-3";
 const text = "text__yytMu";
 const styles = {

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { n as noiseIntensityConfig, T as TestIds } from "../chunks/constants10.js";
 import { c as createSvgManager, r as range, u as useUniqueSvg } from "../chunks/useUniqueSvg.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__Bn5tU";
 const styles = {
   container

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

@@ -5,7 +5,7 @@ import { b as blendModes } from "../chunks/constants9.js";
 import { r as range, u as useUniqueSvg, c as createSvgManager } from "../chunks/useUniqueSvg.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__85vF6";
 const text = "text__ldqqQ";
 const block = "block__4VcAn";

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

@@ -4,7 +4,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants7.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const wrapper = "wrapper__pObMN";
 const colorAnimation5 = "colorAnimation5__FQZvI";
 const changeColors5 = "change-colors-5__CCuro";

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants6.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__TF63u";
 const unit = "unit__7VYSr";
 const text = "text__Z9BAg";

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

@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants5.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const wrapper = "wrapper__53uzs";
 const text = "text__BuBsw";
 const block = "block__qu3zK";

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
 import { T as TestIds } from "../chunks/constants4.js";
 import { c as clsx } from "../chunks/clsx.js";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 const container = "container__tWYVk";
 const block = "block__wsDEG";
 const text = "text__Mcnok";

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

@@ -2,13 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { createContext, useState, useRef, useCallback } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { u as useCurrentLanguage } from "../chunks/useCurrentLanguage.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { a as accessibilityStyles } from "../chunks/accessibility.module.js";
 import { c as componentClassNames, D as DesignStates, E as ERROR_MESSAGE_PREVIEW_TEXT } from "../chunks/constants3.js";
-import { useService } from "@wix/services-manager-react";
 import { b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, d as $860f7da480e22816$export$b8473d3665f3a75a, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, f as $3985021b0ad6602f$export$37fb8590cf2c088c, g as $514c0188e459b4c0$export$9afb8bc826b033ea, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, i as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../chunks/Input.js";
 import { b as $3e6197669829fe11$export$40bfa8c7b0832715, c as $3274bf1495747a7b$export$5add1d006293d136, d as $bbaa08b3cd72f041$export$9d1611c77c2fe928, e as $23f2114a1b82827e$export$e58f029f0fbfdb29, f as $01b77f81d0f07f68$export$75b6ee27786ba447, g as $a049562f99e7db0e$export$f9c6924e160136d1, a as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
 import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$fabf2dc03a41866e, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, e as $64fa3d84918910a7$export$ef03459518577ad4, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
@@ -222,7 +221,7 @@ const TextInput = (props) => {
     elementProps,
     wix
   } = props;
-  const { language } = useService(EnvironmentDefinition);
+  const { language } = useCurrentLanguage();
   const value = props.value ?? "";
   const inputRef = React.useRef(null);
   const handleValueChange = (newValue) => {

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

@@ -27,13 +27,19 @@ const manifest = {
     client: {
       componentUrl: "./site/components/TextInput/component.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: [
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
+        ]
       }
     },
     editor: {
       componentUrl: "./site/components/TextInput/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: [
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
+        ]
       }
     }
   },

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as ExperimentsDefinition } from "../chunks/index7.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { L as Link } from "../chunks/Link.js";
@@ -394,10 +394,9 @@ const SPEED_PANEL_RANGE = [0, 100];
 const panelToDataSpeed = (speed) => SPEED_DATA_RANGE[0] + (speed - SPEED_PANEL_RANGE[0]) * (SPEED_DATA_RANGE[1] - SPEED_DATA_RANGE[0]) / (SPEED_PANEL_RANGE[1] - SPEED_PANEL_RANGE[0]);
 const TextMarquee = React__default.forwardRef(
   (props, ref) => {
-    var _a;
     const DEFAULT_SPEED = 9;
-    const env = useService(EnvironmentDefinition);
-    const useNewA11y = ((_a = env == null ? void 0 : env.isExperimentOpen) == null ? void 0 : _a.call(env, PLAY_PAUSE_A11Y_EXPERIMENT)) ?? false;
+    const { isOpen } = useService(ExperimentsDefinition);
+    const useNewA11y = isOpen(PLAY_PAUSE_A11Y_EXPERIMENT);
     const { translate } = useService(TranslationsDefinition);
     const translations = useMemo(() => {
       if (!useNewA11y) {
@@ -415,7 +414,7 @@ const TextMarquee = React__default.forwardRef(
       };
     }, [useNewA11y, translate]);
     const memoizedProps = useMemo(() => {
-      var _a2, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e;
       const shouldAllowColorOverride = (svg) => {
         if ((svg == null ? void 0 : svg.contentType) !== "color") {
           return true;
@@ -437,7 +436,7 @@ const TextMarquee = React__default.forwardRef(
           text: props.text || "Text Marquee",
           resolvedLink: props.link
         },
-        tagName: ((_a2 = props.a11y) == null ? void 0 : _a2.tag) || "p",
+        tagName: ((_a = props.a11y) == null ? void 0 : _a.tag) || "p",
         useNewA11y,
         translations,
         className: `${props.className || ""} text-marquee`,

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

@@ -171,7 +171,7 @@ const manifest = {
       moduleSpecifier: "@wix/editor-react-components/TextMarquee",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-environment",
+          "@wix/site-service-experiments",
           "@wix/site-service-translations"
         ]
       }
@@ -180,7 +180,8 @@ const manifest = {
       componentUrl: "./site/components/TextMarquee/component.preview.tsx",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-environment",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-experiments",
           "@wix/site-service-translations"
         ]
       }

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

@@ -5,12 +5,12 @@ import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6, a as $ee014567cb39d3f0$
 import { $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, a as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
 import { $ as $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 } from "../chunks/I18nProvider.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { u as useCurrentLanguage } from "../chunks/useCurrentLanguage.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
-import { s as selectors, T as TestIds, D as DesignStates, a as DEFAULT_LOCALE, C as COMPONENT_TYPE, A as AriaLabels } from "../chunks/constants2.js";
+import { s as selectors, T as TestIds, D as DesignStates, C as COMPONENT_TYPE, A as AriaLabels, a as DEFAULT_LOCALE } from "../chunks/constants2.js";
 const root = "root__dzkbY";
 const timePicker = "timePicker__j78My";
 const label = "label__THO5j";
@@ -104,9 +104,9 @@ const noop = () => {
 };
 function TimePicker(props) {
   var _a, _b, _c;
-  const environmentService = useService(EnvironmentDefinition);
+  const { language, regionalFormat } = useCurrentLanguage();
   const { translate } = useService(TranslationsDefinition);
-  const locale = environmentService.language || DEFAULT_LOCALE;
+  const locale = regionalFormat || DEFAULT_LOCALE;
   const {
     id,
     className = "",
@@ -153,7 +153,7 @@ function TimePicker(props) {
             !direction && directionStyles.fallbackDirection
           ),
           dir: direction || void 0,
-          lang: environmentService.language,
+          lang: language,
           "data-testid": TestIds.root,
           children: /* @__PURE__ */ jsx($2eb8e6d23f3d0cb0$export$a54013f0d02a8f82, { locale, children: /* @__PURE__ */ jsxs(
             $40825cdb76e74f70$export$5eaee2322dd727eb,

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

@@ -349,7 +349,8 @@ const manifest = {
       componentUrl: "./site/components/TimePicker/component.tsx",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-environment",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual",
           "@wix/site-service-translations"
         ]
       }
@@ -358,7 +359,8 @@ const manifest = {
       componentUrl: "./site/components/TimePicker/component.preview.tsx",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-environment",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual",
           "@wix/site-service-translations"
         ]
       }

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

@@ -198,7 +198,7 @@ const manifest = {
     editor: {
       componentUrl: "./site/components/TransparentVideo/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-editor-context"]
       }
     }
   },

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

@@ -6,7 +6,7 @@ import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { V as Video } from "../chunks/Video.js";
 import { S as STICKY_TOP, a as ScrollSpeed, b as SCROLL_VH_PER_SECOND, c as START_LINE, M as MAX_SCROLL_VH, d as MIN_SCROLL_VH, e as assertDuration, i as isDuration, T as TIMEFRAME_CONTENT_CLASS, C as COMPONENT_TYPE, f as TIMEFRAMES_ARIA_LABEL_KEY, A as ARIA_LABEL_NAMESPACE, L as LEGACY_TIMEFRAMES_ARIA_LABEL_KEY, g as TIMEFRAMES_ARIA_LABEL_DEFAULT, D as DEFAULT_VIDEO_RATIO, h as TIMEFRAMES_LAYER_CLASS, R as ROOT_CLASS, j as ScrubStart } from "../chunks/types.js";
 import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { D as DeviceInfoDefinition } from "../chunks/index2.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
 const getScrollLengthVh = (duration, speed = ScrollSpeed.normal) => clamp(
@@ -54,9 +54,9 @@ const useScrubGate = ({
   scrubAllowed,
   duration
 }) => {
-  const environment = useService(EnvironmentDefinition);
+  const { reducedMotion } = useService(DeviceInfoDefinition);
   const layout = scrubAllowed && duration > 0;
-  const seek = layout && !(environment == null ? void 0 : environment.reducedMotion);
+  const seek = layout && !reducedMotion;
   return { layout, seek };
 };
 const SEEK_EPSILON = 1 / 60;

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

@@ -381,7 +381,7 @@ const manifest = {
       componentUrl: "./site/components/VideoScrub/component.tsx",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-environment",
+          "@wix/site-service-device-info",
           "@wix/site-service-translations"
         ]
       }
@@ -390,7 +390,7 @@ const manifest = {
       componentUrl: "./site/components/VideoScrub/component.preview.tsx",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-environment",
+          "@wix/site-service-device-info",
           "@wix/site-service-translations",
           "@wix/site-service-editor-context"
         ]

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

@@ -4,7 +4,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { V as Video } from "../chunks/Video.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { D as DeviceInfoDefinition } from "../chunks/index2.js";
 import { R as RenderingContextDefinition } from "../chunks/index3.js";
 const semanticClassNames = {
   root: "video-upload",
@@ -2263,9 +2263,8 @@ const VideoUpload = ({
 };
 function component(props) {
   const video = props.video ?? defaultVideo;
-  const environment = useService(EnvironmentDefinition);
+  const { reducedMotion } = useService(DeviceInfoDefinition);
   const renderingContext = useService(RenderingContextDefinition);
-  const reducedMotion = (environment == null ? void 0 : environment.reducedMotion) ?? false;
   const autoplay = !reducedMotion && props.autoplay;
   const videoWithSeoPoster = renderingContext.SEO && video.poster ? {
     ...video,

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

@@ -23,7 +23,7 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/site-service-rendering-context",
-          "@wix/viewer-service-environment"
+          "@wix/site-service-device-info"
         ]
       }
     },
@@ -32,7 +32,8 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/site-service-rendering-context",
-          "@wix/viewer-service-environment"
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context"
         ]
       }
     },

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useCallback, useMemo } from "react";
 import { p as parseSvg } from "./parseSvg.js";
 import { A as AnimatedSvgIds, a as AnimatedDataAttributes, b as AnimationDirection, T as TestIds, D as DEFAULT_ANIMATION_DURATION } from "./constants19.js";
-import { c as cn } from "./index7.js";
+import { c as cn } from "./index8.js";
 const AnimatedSvg = forwardRef(
   ({ svgContent, reducedMotion = false, duration }, ref) => {
     const svgContainerRef = useRef(null);

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

@@ -11,8 +11,9 @@ import { T as TRANSITION_DURATION, D as DesignStates, S as SEMANTIC_CLASS_NAMES,
 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 "./index10.js";
-import { E as EnvironmentDefinition } from "./index2.js";
+import { C as ConfigurationDefinition } from "./index15.js";
+import { u as useCurrentLanguage } from "./useCurrentLanguage.js";
+import { E as EditorContextDefinition } from "./index14.js";
 import { useService } from "@wix/services-manager-react";
 const root = "root__IB9QF";
 const active = "active__lpoVO";
@@ -216,7 +217,6 @@ 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";
@@ -245,17 +245,16 @@ const buildClickAnalyticsEvent = ({
   details: details ? JSON.stringify(details) : void 0
 });
 const useClickAnalyticsReporter = (params) => {
-  var _a;
   const businessLogger = useService(
     BusinessLoggerDefinition
   );
-  const environment = useService(EnvironmentDefinition);
+  const { language: currentLanguage } = useCurrentLanguage();
+  const { previewMode: isPreview } = useService(EditorContextDefinition);
   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 language = params.language ?? currentLanguage;
   const trackClicksAnalytics = configuration == null ? void 0 : configuration.trackClicksAnalytics;
   const isEnabled = !isPreview && trackClicksAnalytics && typeof reportBi === "function";
   const paramsRef = useRef(params);