@wix/editor-react-components 1.2832.0 → 1.2833.0

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

@@ -8,7 +8,7 @@ import { D as DesignStates, a as DEFAULT_PROPS } from "../chunks/constants44.js"
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import { r as require_baseGetTag, d as require_root, b as require_Symbol, c as requireIsArray, a as requireIsObjectLike, e as require_freeGlobal } from "../chunks/isObjectLike.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 { g as getWixBannerHeight } from "../chunks/getWixBannerHeight.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 var isObject_1;
@@ -2697,7 +2697,7 @@ function useScrollToClickedItem(openedItems, onValueChange) {
     /* @__PURE__ */ new Map()
   );
   const clickedItemIdRef = useRef(void 0);
-  const { reducedMotion } = useService(EnvironmentDefinition);
+  const { reducedMotion } = useService(DeviceInfoDefinition);
   useLayoutEffect(() => {
     const clickedItemId = clickedItemIdRef.current;
     clickedItemIdRef.current = void 0;

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

@@ -349,13 +349,13 @@ const manifest = {
       moduleSpecifier: "@wix/editor-react-components/AccordionComponent",
       dependencies: {
         componentDependencies: ["@wix/editor-react-components/AnimatedIcon"],
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-device-info"]
       }
     },
     editor: {
       componentUrl: "./site/components/AccordionComponent/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-device-info"]
       }
     }
   },

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

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { D as DeviceInfoDefinition } from "../chunks/index2.js";
 import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
 const AnimatedIconWithReducedMotion = forwardRef((props, ref) => {
-  const environment = useService(EnvironmentDefinition);
-  const reducedMotion = environment.reducedMotion;
+  const { reducedMotion } = useService(DeviceInfoDefinition);
   return /* @__PURE__ */ jsx(AnimatedIcon, { ...props, ref, reducedMotion });
 });
 export {

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

@@ -152,9 +152,9 @@ const manifest = {
     client: {
       componentUrl: "./site/components/AnimatedIcon/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/AnimatedIcon",
-      serviceDependencies: ["@wix/viewer-service-environment"],
+      serviceDependencies: ["@wix/site-service-device-info"],
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-device-info"]
       }
     }
   },

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import React__default, { useRef, useCallback, useMemo, useEffect, useState, forwardRef, useContext, createContext, useSyncExternalStore } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { R as RenderingContextDefinition } from "../chunks/index3.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/constants43.js";
@@ -3570,7 +3570,7 @@ const VolumeControls = ({
   }
 );
 const AudioPlayer = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const {
     id,
     className,
@@ -3592,8 +3592,7 @@ const AudioPlayer = (props) => {
   const audioUrl = audio == null ? void 0 : audio.url;
   const title = audio == null ? void 0 : audio.title;
   const artist = audio == null ? void 0 : audio.artist;
-  const environment = useService(EnvironmentDefinition);
-  const isSSR = ((_b = environment == null ? void 0 : environment.isSSR) == null ? void 0 : _b.call(environment)) ?? false;
+  const { SSR: isSSR } = useService(RenderingContextDefinition);
   const fallbackInstanceId = useRef(
     `audio-player-${Math.random().toString(36).slice(2)}`
   );
@@ -3640,7 +3639,7 @@ const AudioPlayer = (props) => {
             className: clsx(
               selectors.coverMedia,
               styles.coverMediaWrapper,
-              (_c = elementProps == null ? void 0 : elementProps.coverArt) == null ? void 0 : _c.className
+              (_b = elementProps == null ? void 0 : elementProps.coverArt) == null ? void 0 : _b.className
             ),
             image: coverImage,
             displayMode
@@ -3652,7 +3651,7 @@ const AudioPlayer = (props) => {
             {
               className: clsx(
                 selectors.title,
-                (_d = elementProps == null ? void 0 : elementProps.audioTitle) == null ? void 0 : _d.className
+                (_c = elementProps == null ? void 0 : elementProps.audioTitle) == null ? void 0 : _c.className
               ),
               children: title
             }
@@ -3673,7 +3672,7 @@ const AudioPlayer = (props) => {
               className: clsx(
                 selectors.artistName,
                 styles.artistName,
-                (_e = elementProps == null ? void 0 : elementProps.artistName) == null ? void 0 : _e.className
+                (_d = elementProps == null ? void 0 : elementProps.artistName) == null ? void 0 : _d.className
               ),
               children: artist
             }
@@ -3696,8 +3695,8 @@ const AudioPlayer = (props) => {
               duration,
               hasError,
               onSeek: seekTo,
-              progressBarClassName: (_f = elementProps == null ? void 0 : elementProps.progressBar) == null ? void 0 : _f.className,
-              timeDisplayClassName: (_g = elementProps == null ? void 0 : elementProps.timeDisplay) == null ? void 0 : _g.className,
+              progressBarClassName: (_e = elementProps == null ? void 0 : elementProps.progressBar) == null ? void 0 : _e.className,
+              timeDisplayClassName: (_f = elementProps == null ? void 0 : elementProps.timeDisplay) == null ? void 0 : _f.className,
               controlsClassName
             }
           ),
@@ -3708,7 +3707,7 @@ const AudioPlayer = (props) => {
               isMuted,
               onToggleMute: toggleMute,
               onVolumeChange: setVolume,
-              className: (_h = elementProps == null ? void 0 : elementProps.volumeControls) == null ? void 0 : _h.className,
+              className: (_g = elementProps == null ? void 0 : elementProps.volumeControls) == null ? void 0 : _g.className,
               controlsClassName
             }
           )

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

@@ -292,13 +292,13 @@ const manifest = {
       moduleSpecifier: "@wix/editor-react-components/AudioPlayer",
       dependencies: {
         componentDependencies: ["@wix/editor-react-components/Image3"],
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-rendering-context"]
       }
     },
     editor: {
       componentUrl: "./site/components/AudioPlayer/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-rendering-context"]
       }
     }
   },

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
-import { d as defineService } from "../chunks/index10.js";
+import { E as ExperimentsDefinition } from "../chunks/index7.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { B as BOX_CONTAINER_MIN_HEIGHT_FIX_EXPERIMENT, a as BOX_CONTAINER_MIN_HEIGHT_FIX_VIEWER_EXPERIMENT } from "../chunks/constants42.js";
 import { e as getTabIndexAttribute, c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
@@ -11,7 +11,6 @@ const styles = {
   root,
   minHeightFix
 };
-const ExperimentsDefinition = defineService("@wix/site-service-experiments");
 const SPECIAL_KEYS = /* @__PURE__ */ new Set([
   "role",
   "tabIndex",

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

@@ -10,9 +10,9 @@ import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { s as semanticClassNames, D as DesignStates, c as componentMetadata, t as translationKeys, A as ARIA_LABEL_NAMESPACE, l as legacyTranslationKeys, d as defaultTranslations } from "../chunks/constants41.js";
 import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
-import { d as defineService } from "../chunks/index10.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
-import { U as UrlDefinition } from "../chunks/index12.js";
+import { d as defineService } from "../chunks/index11.js";
+import { E as EditorContextDefinition } from "../chunks/index14.js";
+import { U as UrlDefinition } from "../chunks/index16.js";
 const $b5e257d569688ac6$var$defaultContext = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
@@ -1427,11 +1427,10 @@ function useCollapsedRange(rootRef, totalItems) {
 const SeoServiceDefinition = defineService("seo/seo-service");
 const BREADCRUMBS_SEO_ITEM_TYPE = "BREADCRUMBS_COMPONENT";
 function useSeoService(items = []) {
-  var _a;
   const seoService = useService(SeoServiceDefinition);
-  const environment = useService(EnvironmentDefinition);
+  const { previewMode } = useService(EditorContextDefinition);
   const prevPayloadRef = useRef(null);
-  const shouldSkip = ((_a = environment == null ? void 0 : environment.getPreviewMode) == null ? void 0 : _a.call(environment)) || !(items == null ? void 0 : items.length);
+  const shouldSkip = previewMode || !(items == null ? void 0 : items.length);
   const mappedItems = useMemo(
     () => items.map(({ label: label2, link }, index) => ({
       label: label2,
@@ -1447,18 +1446,18 @@ function useSeoService(items = []) {
       itemType: BREADCRUMBS_SEO_ITEM_TYPE,
       itemData: mappedItems
     }).catch(() => {
-      var _a2;
-      void ((_a2 = seoService.resetSeoEntity) == null ? void 0 : _a2.call(seoService));
+      var _a;
+      void ((_a = seoService.resetSeoEntity) == null ? void 0 : _a.call(seoService));
     });
   }
   useEffect(() => {
     return () => {
-      var _a2;
-      void ((_a2 = seoService == null ? void 0 : seoService.resetSeoEntity) == null ? void 0 : _a2.call(seoService));
+      var _a;
+      void ((_a = seoService == null ? void 0 : seoService.resetSeoEntity) == null ? void 0 : _a.call(seoService));
     };
   }, [seoService]);
 }
-const PagesDefinition = defineService("@wix/viewer-service-pages");
+const PagesDefinition = defineService("@wix/site-service-pages");
 function buildPageUrl(path, externalBaseUrl) {
   const base = externalBaseUrl.replace(/\/$/, "");
   return path ? `${base}/${path}` : base;
@@ -1491,13 +1490,13 @@ function useBreadcrumbItems() {
   if (!pagesService) {
     return [];
   }
-  const pages = pagesService.pages();
+  const pages = pagesService.pages;
   if (!pages || Object.keys(pages).length === 0) {
     return [];
   }
-  const currentPageId = pagesService.currentPageId();
-  const mainPageId = pagesService.mainPageId();
-  const externalBaseUrl = (urlService == null ? void 0 : urlService.getExternalBaseUrl()) ?? "";
+  const currentPageId = pagesService.currentPage.id;
+  const mainPageId = pagesService.mainPage.id;
+  const externalBaseUrl = (urlService == null ? void 0 : urlService.siteUrl) ?? "";
   return buildBreadcrumbTrail(
     pages,
     currentPageId,

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

@@ -379,10 +379,10 @@ const manifest = {
         componentDependencies: ["@wix/editor-react-components/AnimatedIcon"],
         serviceDependencies: [
           "seo/seo-service",
-          "@wix/viewer-service-environment",
-          "@wix/viewer-service-pages",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-pages",
           "@wix/site-service-translations",
-          "@wix/viewer-service-url"
+          "@wix/site-service-url"
         ]
       }
     },
@@ -391,10 +391,10 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "seo/seo-service",
-          "@wix/viewer-service-environment",
-          "@wix/viewer-service-pages",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-pages",
           "@wix/site-service-translations",
-          "@wix/viewer-service-url"
+          "@wix/site-service-url"
         ]
       }
     }

package/dist/site/components/Breadcrumbs/useBreadcrumbItems.d.ts

@@ -1,4 +1,6 @@
-import { Pages } from '@wix/viewer-service-pages/definition';
+import { IPagesService } from '@wix/site-service-pages/definition';
 import { BreadcrumbItem } from './types';
+type Pages = IPagesService['pages'];
 export declare function buildBreadcrumbTrail(pages: Pages, currentPageId: string, mainPageId: string, externalBaseUrl: string): Array<BreadcrumbItem>;
 export declare function useBreadcrumbItems(): Array<BreadcrumbItem>;
+export {};

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

@@ -319,7 +319,10 @@ const manifest = {
         serviceDependencies: [
           "@wix/site-service-business-logger",
           "@wix/site-service-configuration",
-          "@wix/viewer-service-environment"
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
         ]
       }
     },
@@ -329,7 +332,10 @@ const manifest = {
         serviceDependencies: [
           "@wix/site-service-business-logger",
           "@wix/site-service-configuration",
-          "@wix/viewer-service-environment"
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
         ]
       }
     },

package/dist/site/components/Checkbox/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, e as Checkbox, T as Tooltip } from "../chunks/index11.js";
-import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { F as Field, e as Checkbox, T as Tooltip } 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";
@@ -37,7 +36,7 @@ const noop = () => {
 };
 function CheckboxComponent(props) {
   var _a, _b;
-  const environmentService = useService(EnvironmentDefinition);
+  const { language } = useCurrentLanguage();
   const {
     id,
     className = "",
@@ -103,7 +102,7 @@ function CheckboxComponent(props) {
       ...getDataAttributes(props),
       className: rootClassName,
       dir: direction,
-      lang: environmentService.language,
+      lang: language,
       "data-testid": TestIds.root,
       children: /* @__PURE__ */ jsxs(Field.Root, { className: styles.field, invalid: isInvalid, children: [
         /* @__PURE__ */ jsxs(

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

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

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

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { a as Fieldset, T as Tooltip, b as InfoCircle_default, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, e as Checkbox } from "../chunks/index11.js";
-import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { a as Fieldset, T as Tooltip, b as InfoCircle_default, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, e as Checkbox } 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";
@@ -55,7 +54,7 @@ const CheckmarkIcon = () => /* @__PURE__ */ jsx(
 );
 function CheckboxGroupComponent(props) {
   var _a, _b;
-  const environmentService = useService(EnvironmentDefinition);
+  const { language } = useCurrentLanguage();
   const {
     id,
     className = "",
@@ -183,7 +182,7 @@ function CheckboxGroupComponent(props) {
       ...getDataAttributes(props),
       className: rootClassName,
       dir: direction,
-      lang: environmentService.language,
+      lang: language,
       "data-testid": TestIds.root,
       children: /* @__PURE__ */ jsxs(
         Fieldset.Root,

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

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

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

@@ -1,8 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import { c as clsx } from "../chunks/clsx.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 { f as formatClassNames } from "../chunks/classNames.js";
 import { p as parseHtml } from "../chunks/parseHtml.js";
 import { e as getTabIndexAttribute } from "../chunks/a11y.js";
@@ -113,7 +112,7 @@ const noop = () => {
 };
 function CollapsibleText(props) {
   var _a, _b, _c;
-  const environmentService = useService(EnvironmentDefinition);
+  const { language } = useCurrentLanguage();
   const { a11y, id, className, text: text2, expandMode, link, linkText } = props;
   const { readMoreText, readLessText } = props;
   const {
@@ -175,7 +174,7 @@ function CollapsibleText(props) {
       ...getDataAttributes(props),
       ...getTabIndexAttribute(props),
       className: rootClassName,
-      lang: (a11y == null ? void 0 : a11y.lang) ?? environmentService.language,
+      lang: (a11y == null ? void 0 : a11y.lang) ?? language,
       onClick,
       onDoubleClick: onDblClick,
       onMouseEnter: onMouseIn,

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

@@ -240,13 +240,23 @@ const manifest = {
       moduleSpecifier: "@wix/editor-react-components/CollapsibleText",
       dependencies: {
         componentDependencies: ["@wix/editor-react-components/Button"],
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: [
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
+        ]
       }
     },
     editor: {
       componentUrl: "./site/components/CollapsibleText/component.preview.tsx",
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: [
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual"
+        ]
       }
     },
     sdk: {

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

@@ -12,7 +12,7 @@ import { a as $d27d541f9569d26d$export$45712eceda6fad21, b as $24f9a20f226ad820$
 import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, $ as $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 } from "../chunks/I18nProvider.js";
 import __rspack_external_react_dom_7136dc57__default, { flushSync } from "react-dom";
 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";
@@ -4261,7 +4261,7 @@ const noop = () => {
 };
 function DatePicker2(props) {
   var _a, _b, _c;
-  const environmentService = useService(EnvironmentDefinition);
+  const { language, regionalFormat } = useCurrentLanguage();
   const { translate } = useService(TranslationsDefinition);
   const translateOwn = translate(COMPONENT_TYPE);
   const translateLegacy = translate(ARIA_LABEL_NAMESPACE);
@@ -4285,7 +4285,7 @@ function DatePicker2(props) {
   const [portalContainer, setPortalContainer] = useState(
     null
   );
-  const locale = environmentService.language || "en-US";
+  const locale = regionalFormat || "en-US";
   const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || (label2 ? void 0 : t(AriaLabels.root));
   const handleChange = (date) => {
     onValueChange(toLocalDate(date));
@@ -4308,7 +4308,7 @@ function DatePicker2(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(
             $06d5b8ec9ee5d538$export$5109c6dd95d8fb00,

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

@@ -418,7 +418,8 @@ const manifest = {
       componentUrl: "./site/components/DatePicker/component.tsx",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-environment",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual",
           "@wix/site-service-translations"
         ]
       }
@@ -427,7 +428,8 @@ const manifest = {
       componentUrl: "./site/components/DatePicker/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/Dropdown/component.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { F as Field, C as Combobox } from "../chunks/index11.js";
+import { F as Field, C as Combobox } from "../chunks/index13.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";
@@ -74,7 +74,7 @@ function Dropdown({
   };
   const invalid = typeof errorMessage2 !== "undefined" && errorMessage2 !== "";
   const inErrorState = invalid || Boolean(previewError);
-  const { language } = useService(EnvironmentDefinition);
+  const { language } = useCurrentLanguage();
   const { translate } = useService(TranslationsDefinition);
   const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || (label2 ? void 0 : translate(COMPONENT_TYPE)(
     AriaLabels.root.key,

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

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

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

@@ -9,9 +9,10 @@ import { createPortal } from "react-dom";
 import { G as GOOGLE_MAPS_DIRECTIONS_BASE_URL, M as MIN_ZOOM, a as MAX_ZOOM, T as TestIds, I as INFO_WINDOW_PIXEL_OFFSET, D as DEFAULT_ZOOM, b as MAP_IDS, c as MAP_TYPES, d as MAP_MOBILE_CONTROL_SIZE, A as API_KEY, C as COMPONENT_TYPE, e as ConsentTranslations, f as DEFAULT_LOCATION, g as TranslationKeys, L as LegacyTranslationNamespaces, h as LegacyTranslationKeys, i as DefaultTranslations, j as COMPANY_NAME_DEFAULT, k as COMPANY_NAME_KEY, l as COMPONENT_NAME_DEFAULT, m as COMPONENT_NAME_KEY } from "../chunks/consts2.js";
 import { p as parse } from "../chunks/index5.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { R as RenderingContextDefinition } from "../chunks/index3.js";
 import { u as useConsentPolicyProps, C as ConsentPolicyWrapper } from "../chunks/useConsentPolicyProps.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
+import { u as useCurrentLanguage } from "../chunks/useCurrentLanguage.js";
 const mapContainer = "mapContainer__E0LTn";
 const style = {
   mapContainer
@@ -3418,8 +3419,8 @@ const translateKey = (translate, key) => translate(COMPONENT_TYPE)(
 const useGoogleMapProps = (props) => {
   const translationService = useService(TranslationsDefinition);
   const translate = (translationService == null ? void 0 : translationService.translate) ?? noopTranslate;
-  const environment = useService(EnvironmentDefinition);
-  const siteLanguage = (environment == null ? void 0 : environment.language) ?? "en";
+  const { language } = useCurrentLanguage();
+  const siteLanguage = language ?? "en";
   const consentPolicyProps = useConsentPolicyProps({
     namespace: COMPONENT_TYPE,
     translationEntries: ConsentTranslations
@@ -3514,9 +3515,7 @@ const useGoogleMapProps = (props) => {
   return { componentProps, mapData };
 };
 const MapContent = forwardRef((props, forwardedRef) => {
-  var _a;
-  const environment = useService(EnvironmentDefinition);
-  const isSSR = ((_a = environment == null ? void 0 : environment.isSSR) == null ? void 0 : _a.call(environment)) ?? false;
+  const { SSR: isSSR } = useService(RenderingContextDefinition);
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Fragment, {}), children: !isSSR && /* @__PURE__ */ jsx(GoogleMapReactInteractiveMap$1, { ...props, ref: forwardedRef }) });
 });
 function GoogleMapComponent(props) {

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

@@ -223,7 +223,11 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-consent-policy",
-          "@wix/viewer-service-environment",
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual",
+          "@wix/site-service-rendering-context",
           "@wix/site-service-translations"
         ]
       }