@wix/editor-react-components 1.2832.0 → 1.2834.0

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

@@ -5,10 +5,12 @@ import React__default, { useRef, useCallback, useEffect, useMemo } from "react";
 import { u as useConsentPolicyProps, C as ConsentPolicyWrapper } from "../chunks/useConsentPolicyProps.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { useService } from "@wix/services-manager-react";
-import { d as defineStaticService } from "../chunks/staticService.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { R as RenderingContextDefinition } from "../chunks/index3.js";
+import { E as ExperimentsDefinition } from "../chunks/index7.js";
+import { C as ConfigurationDefinition } from "../chunks/index15.js";
+import { d as defineService } from "../chunks/index11.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
-import { A as ALLOWED_PROTOCOLS, S as SANDBOX, C as COMPONENT_TYPE, H as HTML_COMPONENT_TITLE_KEY, a as ARIA_LABEL_NAMESPACE, L as LEGACY_HTML_COMPONENT_TITLE_KEY, b as HTML_COMPONENT_TITLE_DEFAULT, D as DEFAULT_CONSENT_POLICY, c as ConsentTranslations } from "../chunks/constants35.js";
+import { A as ALLOWED_PROTOCOLS, C as COMPONENT_TYPE, H as HTML_COMPONENT_TITLE_KEY, a as ARIA_LABEL_NAMESPACE, L as LEGACY_HTML_COMPONENT_TITLE_KEY, b as HTML_COMPONENT_TITLE_DEFAULT, D as DEFAULT_CONSENT_POLICY, S as SANDBOX, c as ConsentTranslations } from "../chunks/constants35.js";
 const isBrowser = () => typeof window !== "undefined";
 function useIFrame({
   reducer = () => ({}),
@@ -163,7 +165,7 @@ const HTMLComponent$1 = React.forwardRef((props, forwardRef) => {
     }
   ) }) });
 });
-const TopologyDefinition = defineStaticService("@wix/viewer-service-topology");
+const TopologyDefinition = defineService("@wix/site-service-topology");
 const setProtocol = (url, staticHTMLComponentUrl) => {
   const topologyProtocol = staticHTMLComponentUrl.startsWith("https") ? "https:" : "http:";
   const protocol = url.startsWith("https") ? "https:" : topologyProtocol;
@@ -178,17 +180,18 @@ const useHTMLComponentProps = ({
   isPreview,
   shouldUseConsentPolicy
 }) => {
-  var _a, _b, _c;
   const { topology } = useService(TopologyDefinition);
-  const environment = useService(EnvironmentDefinition);
+  const { SSR: isSSR } = useService(RenderingContextDefinition);
+  const { sandboxInHTMLComp } = useService(ConfigurationDefinition);
+  const { isOpen } = useService(ExperimentsDefinition);
   const { translate } = useService(TranslationsDefinition);
   const consentPolicyProps = useConsentPolicyProps({
     namespace: COMPONENT_TYPE,
     translationEntries: ConsentTranslations
   });
   const memoizedProps = useMemo(() => {
-    var _a2;
-    const sandbox = (environment == null ? void 0 : environment.useSandboxInHTMLComp) ? SANDBOX : void 0;
+    var _a;
+    const sandbox = sandboxInHTMLComp ? SANDBOX : void 0;
     const allow = props.allowFullScreen ? "fullscreen" : void 0;
     const iframeUrl = setProtocol(
       props.url ?? "",
@@ -205,7 +208,7 @@ const useHTMLComponentProps = ({
     return {
       ...props,
       url: iframeUrl,
-      title: ((_a2 = props.a11y) == null ? void 0 : _a2.ariaLabel) ?? "",
+      title: ((_a = props.a11y) == null ? void 0 : _a.ariaLabel) ?? "",
       scrolling: props.scrolling ?? "auto",
       sandbox,
       allow,
@@ -226,20 +229,14 @@ const useHTMLComponentProps = ({
     translate,
     isPreview,
     topology == null ? void 0 : topology.staticHTMLComponentUrl,
-    environment == null ? void 0 : environment.useSandboxInHTMLComp,
+    sandboxInHTMLComp,
     consentPolicyProps,
     shouldUseConsentPolicy
   ]);
   return {
     componentProps: memoizedProps,
-    isSSR: ((_a = environment == null ? void 0 : environment.isSSR) == null ? void 0 : _a.call(environment)) ?? false,
-    isClassNameToRootEnabled: (((_b = environment == null ? void 0 : environment.isExperimentOpen) == null ? void 0 : _b.call(
-      environment,
-      CLASS_NAME_ON_COMPONENT_ROOT_EXPERIMENT
-    )) || ((_c = environment == null ? void 0 : environment.isExperimentOpen) == null ? void 0 : _c.call(
-      environment,
-      MOVE_PREVIEW_IDENTITY_CLASSES_TO_ROOT_EXPERIMENT
-    ))) ?? false
+    isSSR,
+    isClassNameToRootEnabled: isOpen(CLASS_NAME_ON_COMPONENT_ROOT_EXPERIMENT) || isOpen(MOVE_PREVIEW_IDENTITY_CLASSES_TO_ROOT_EXPERIMENT)
   };
 };
 const codeBlockIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.02637%2012.7462L10.0254%205L10.9936%205.24987L8.99465%2012.9961L8.02637%2012.7462Z'%20fill='black'%20/%3e%3cpath%20d='M7.41%2010.998L5.42%208.99799L7.41%207.00799L6.71%206.29799L4%208.99799L6.71%2011.708L7.41%2010.998Z'%20fill='black'%20/%3e%3cpath%20d='M14.9901%208.99799L12.2901%2011.708L11.5801%2010.998L13.5801%208.99799L11.5801%207.00799L12.2901%206.29799L14.9901%208.99799Z'%20fill='black'%20/%3e%3cpath%20d='M16.01%206.99769H18.51C19.34%206.99769%2020.01%207.66769%2020.01%208.49769V17.4977C20.01%2018.3277%2019.34%2018.9977%2018.51%2018.9977H7.51001C6.68001%2018.9977%206.01001%2018.3277%206.01001%2017.4977V13.9977H7.01001V17.4977C7.01001%2017.7777%207.23001%2017.9977%207.51001%2017.9977H18.51C18.79%2017.9977%2019.01%2017.7777%2019.01%2017.4977V8.49769C19.01%208.21769%2018.79%207.99769%2018.51%207.99769H16.01V6.99769Z'%20fill='black'%20/%3e%3c/svg%3e";

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

@@ -180,8 +180,12 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-consent-policy",
-          "@wix/viewer-service-environment",
-          "@wix/viewer-service-topology",
+          "@wix/site-service-configuration",
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-experiments",
+          "@wix/site-service-rendering-context",
+          "@wix/site-service-topology",
           "@wix/site-service-translations"
         ]
       }
@@ -192,8 +196,12 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-consent-policy",
-          "@wix/viewer-service-environment",
-          "@wix/viewer-service-topology",
+          "@wix/site-service-configuration",
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-experiments",
+          "@wix/site-service-rendering-context",
+          "@wix/site-service-topology",
           "@wix/site-service-translations"
         ]
       }

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
-import "../chunks/index11.js";
+import "../chunks/index13.js";
 import "react";
-import { T as Typography } from "../chunks/index13.js";
+import { T as Typography } from "../chunks/index17.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as defaultValues, m as manifestClasses } from "../chunks/constants34.js";

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

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
-import { d as defineService } from "../chunks/index10.js";
+import { d as defineService } from "../chunks/index11.js";
 import { C as COMPONENT_TYPE, T as TRANSLATIONS_NAMESPACE, a as TranslationKeys, L as LegacyTranslationKeys, D as DefaultTranslations } from "../chunks/constants33.js";
-const RendererConfigurationDefinition = defineService("@wix/viewer-service-renderer-configuration");
+const RendererConfigurationDefinition = defineService("@wix/site-service-renderer-configuration");
 const hipaaIcon = "hipaaIcon__VA3L3";
 const compliant = "compliant__1NZWT";
 const badge = "badge__zEAc-";

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

@@ -69,7 +69,7 @@ const manifest = {
       moduleSpecifier: "@wix/editor-react-components/HipaaIcon",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-renderer-configuration",
+          "@wix/site-service-renderer-configuration",
           "@wix/site-service-translations"
         ]
       }
@@ -78,8 +78,8 @@ const manifest = {
       componentUrl: "./site/components/HipaaIcon/component.preview.tsx",
       dependencies: {
         serviceDependencies: [
-          "@wix/viewer-service-renderer-configuration",
-          "@wix/viewer-service-environment",
+          "@wix/site-service-renderer-configuration",
+          "@wix/site-service-editor-context",
           "@wix/site-service-translations"
         ]
       }

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

@@ -3,8 +3,8 @@ import { useRef, useState, useEffect } from "react";
 import Image3 from "../Image3/component.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
-import "../chunks/index11.js";
-import { T as Typography } from "../chunks/index13.js";
+import "../chunks/index13.js";
+import { T as Typography } from "../chunks/index17.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { D as DEFAULT_SLIDER_POSITION, A as ARIA_LABELS, m as manifestClasses, C as CHEVRON_PATH, d as defaultValues, S as SLIDER_STEP } from "../chunks/constants32.js";

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { R as ResponsiveContainer } from "../chunks/ResponsiveContainer.js";

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 import * as React from "react";
 import { R as ResponsiveBox$1 } from "../chunks/ResponsiveBox.js";
 import { R as ResponsiveContainer } from "../chunks/ResponsiveContainer.js";

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as cn } from "../chunks/index7.js";
+import { c as cn } from "../chunks/index8.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { f as getAriaAttributes } from "../chunks/a11y.js";
 import { c as clsx } from "../chunks/clsx.js";

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

@@ -5,7 +5,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { e as getTabIndexAttribute, c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { L as LocaleDefinition } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
 const semanticClassNames = {
   root: "line"
@@ -27,10 +27,7 @@ const Line = (props) => {
     direction,
     wix
   } = props;
-  const { getLanguageDirection } = useService(
-    EnvironmentDefinition
-  );
-  const environmentDirection = getLanguageDirection();
+  const { direction: environmentDirection } = useService(LocaleDefinition);
   const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
   const { tabIndex, ariaLabel, ...restA11y } = a11y || {};
   const accessibleName = ariaLabel == null ? void 0 : ariaLabel.trim();

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

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

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

@@ -8,7 +8,8 @@ import { r as rootDataDefaults, s as semanticSelectors, C as COMPONENT_TYPE, A a
 import React__default, { useEffect, useState, useRef, useMemo } from "react";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { R as RenderingContextDefinition } from "../chunks/index3.js";
+import { D as DeviceInfoDefinition } from "../chunks/index2.js";
 import { u as useHasDisplayedElement } from "../chunks/useHasDisplayedElement.js";
 var lottie$2 = { exports: {} };
 var lottie$1 = lottie$2.exports;
@@ -16814,10 +16815,8 @@ function useLottie({
   speed = rootDataDefaults.speed,
   allowClickToStop = rootDataDefaults.allowClickToStop
 }) {
-  var _a;
-  const environment = useService(EnvironmentDefinition);
-  const reducedMotion = (environment == null ? void 0 : environment.reducedMotion) ?? false;
-  const isSSR = ((_a = environment == null ? void 0 : environment.isSSR) == null ? void 0 : _a.call(environment)) ?? false;
+  const { reducedMotion } = useService(DeviceInfoDefinition);
+  const { SSR: isSSR } = useService(RenderingContextDefinition);
   const shouldUseCanvasRenderer = useMemo(
     () => !isSSR && isIOS(window),
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -177,7 +177,11 @@ const manifest = {
       moduleSpecifier: "@wix/editor-react-components/Lottie",
       dependencies: {
         serviceDependencies: [
-          "@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"
         ],
         componentDependencies: [
@@ -190,7 +194,11 @@ const manifest = {
       componentUrl: "./site/components/Lottie/component.preview.tsx",
       dependencies: {
         serviceDependencies: [
-          "@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"
         ]
       }

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

@@ -6,7 +6,7 @@ import { d as directionStyles } from "../chunks/direction.module.js";
 import { C as COMPONENT_TYPE, T as TranslationKeys, a as TRANSLATIONS_NAMESPACE, L as LegacyTranslationKeys, D as DefaultTranslations, m as manifestClasses, d as defaultValues } from "../chunks/constants28.js";
 import "react";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
-import { r as requireCjs } from "../chunks/index9.js";
+import { r as requireCjs } from "../chunks/index10.js";
 function ok$1() {
 }
 function unreachable() {

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

@@ -1,8 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService, useGetService } from "@wix/services-manager-react";
-import { U as UrlDefinition } from "../chunks/index12.js";
-import { d as defineService } from "../chunks/index10.js";
+import { t as toUrlWithoutQuery } from "../chunks/urlUtils.js";
+import { U as UrlDefinition } from "../chunks/index16.js";
+import { d as defineService } from "../chunks/index11.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { M as MenuAnimationName, d as defaultTranslations, a as MenuOrientation, A as AnimationPhase, V as VerticalDropdownDisplay, D as DropdownAnimationName, H as HamburgerMenuAnimationName, b as MenuParts, s as selectors, c as DesignStates, u as useAnimationState, C as COMPONENT_TYPE, e as ARIA_LABEL_NAMESPACE, t as translationsKeys, l as legacyTranslationsKeys } from "../chunks/constants27.js";
 import React__default, { createContext, useContext, useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect, forwardRef } from "react";
@@ -14,8 +15,9 @@ import { i as isEmptyObject, a as getDataAttributes } from "../chunks/dataUtils.
 import { g as getWixBannerHeight } from "../chunks/getWixBannerHeight.js";
 import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { L as LocaleDefinition } from "../chunks/index12.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
+import { D as DeviceInfoDefinition } from "../chunks/index2.js";
 import { B as Button } from "../chunks/Button.js";
 import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 const AnchorsDefinition = defineService("@wix/viewer-service-anchors");
@@ -2103,10 +2105,7 @@ const classes$1 = {
 const DEFAULT_ANIMATED_ICON_DURATION = 0.2;
 const NavbarMenu = (props) => {
   var _a;
-  const { getLanguageDirection } = useService(
-    EnvironmentDefinition
-  );
-  const siteDirection = getLanguageDirection();
+  const { direction: siteDirection } = useService(LocaleDefinition);
   const {
     id,
     className,
@@ -2287,8 +2286,7 @@ const HamburgerMenu = ({
 }) => {
   var _a, _b;
   const { translations, navAriaLabel } = useMenuContext();
-  const environment = useService(EnvironmentDefinition);
-  const reducedMotion = (environment == null ? void 0 : environment.reducedMotion) ?? false;
+  const { reducedMotion } = useService(DeviceInfoDefinition);
   const siteScrollBlocker = useService(SiteScrollBlockerDefinition);
   const [isOpen, setIsOpen] = useState(false);
   useEffect(() => {
@@ -2479,8 +2477,8 @@ const Menu = (props) => {
     onItemMouseIn,
     onItemMouseOut
   } = props;
-  const { getCurrentUrl } = useService(UrlDefinition);
-  const currentUrl = getCurrentUrl();
+  const url = useService(UrlDefinition);
+  const currentUrl = toUrlWithoutQuery(url.currentUrl, url.siteUrl);
   const getService = useGetService();
   let activeAnchor;
   try {

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

@@ -1491,11 +1491,14 @@ const manifest = {
         componentDependencies: ["@wix/editor-react-components/AnimatedIcon"],
         serviceDependencies: [
           "@wix/viewer-service-anchors",
-          "@wix/viewer-service-environment",
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual",
           "@wix/viewer-service-link-utils",
           "@wix/site-service-site-scroll-blocker",
           "@wix/site-service-translations",
-          "@wix/viewer-service-url"
+          "@wix/site-service-url"
         ]
       }
     },
@@ -1504,11 +1507,14 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-anchors",
-          "@wix/viewer-service-environment",
+          "@wix/site-service-device-info",
+          "@wix/site-service-editor-context",
+          "@wix/site-service-locale",
+          "@wix/viewer-service-multilingual",
           "@wix/viewer-service-link-utils",
           "@wix/site-service-site-scroll-blocker",
           "@wix/site-service-translations",
-          "@wix/viewer-service-url"
+          "@wix/site-service-url"
         ]
       }
     },

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

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

package/dist/site/components/RadioButtons/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 { a as Fieldset, T as Tooltip, R as Radio, b as InfoCircle_default, c as RadioGroup_RadioGroup_RadioGroup } 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, R as Radio, b as InfoCircle_default, c as RadioGroup_RadioGroup_RadioGroup } 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";
@@ -41,7 +40,7 @@ const noop = () => {
 };
 function RadioButtonsComponent(props) {
   var _a, _b;
-  const environmentService = useService(EnvironmentDefinition);
+  const { language } = useCurrentLanguage();
   const {
     id,
     className = "",
@@ -120,7 +119,7 @@ function RadioButtonsComponent(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/RadioButtons/manifest.js

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

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

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

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

@@ -2,7 +2,8 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useRef, useMemo, createElement } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
-import { U as UrlDefinition } from "../chunks/index12.js";
+import { t as toUrlWithoutQuery } from "../chunks/urlUtils.js";
+import { U as UrlDefinition } from "../chunks/index16.js";
 import { useService } from "@wix/services-manager-react";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
@@ -382,7 +383,7 @@ const shareButtonsStyles = {
 const ShareButtons = (props) => {
   var _a;
   const { translate } = useService(TranslationsDefinition);
-  const { getCurrentUrl, getExternalBaseUrl } = useService(UrlDefinition);
+  const { currentUrl, siteUrl } = useService(UrlDefinition);
   const memoizedProps = useMemo(() => {
     const translateOwn = translate(COMPONENT_TYPE);
     const translateLegacy = translate("ShareButtons");
@@ -422,8 +423,8 @@ const ShareButtons = (props) => {
       buttonsFromProps.length ? buttonsFromProps : []
     );
     const shareUrlByPage = {
-      [PagesToShare.home]: getExternalBaseUrl(),
-      [PagesToShare.current]: getCurrentUrl()
+      [PagesToShare.home]: siteUrl,
+      [PagesToShare.current]: toUrlWithoutQuery(currentUrl, siteUrl)
     };
     const a11y2 = removeAriaPrefix(props.a11y ?? {});
     return {
@@ -440,7 +441,7 @@ const ShareButtons = (props) => {
         !props.direction && directionStyles.fallbackDirection
       )
     };
-  }, [props, translate, getExternalBaseUrl, getCurrentUrl]);
+  }, [props, translate, siteUrl, currentUrl]);
   const { id, className, buttons, shareUrl, a11y } = memoizedProps;
   if (buttons.length === 0) {
     console.error(noButtonsErrorMessage);

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

@@ -411,7 +411,7 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/site-service-translations",
-          "@wix/viewer-service-url"
+          "@wix/site-service-url"
         ]
       }
     },
@@ -420,7 +420,7 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/site-service-translations",
-          "@wix/viewer-service-url"
+          "@wix/site-service-url"
         ]
       }
     }

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

@@ -7,7 +7,8 @@ import { B as Button } from "../chunks/Button.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as directionStyles } from "../chunks/direction.module.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 { D as DeviceInfoDefinition } from "../chunks/index2.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 const validateActiveSlide = (activeSlide, slidesLength) => {
   if (activeSlide === void 0) {
@@ -578,7 +579,8 @@ const Slideshow = (props) => {
     onMouseIn,
     onMouseOut
   } = props;
-  const environmentService = useService(EnvironmentDefinition);
+  const { direction: siteDirection } = useService(LocaleDefinition);
+  const { reducedMotion } = useService(DeviceInfoDefinition);
   const { translate } = useService(TranslationsDefinition);
   const translateOwn = translate(COMPONENT_TYPE);
   const translateLegacy = translate(ARIA_LABEL_NAMESPACE);
@@ -586,8 +588,6 @@ const Slideshow = (props) => {
     TranslationKeys[key],
     translateLegacy(LegacyTranslationKeys[key], DefaultTranslations[key])
   );
-  const reducedMotion = environmentService.reducedMotion ?? false;
-  const siteDirection = environmentService.getLanguageDirection();
   const presetsWrapperProps = ((_a = props.wix) == null ? void 0 : _a.presetsWrapperProps) || {};
   const visibilityProps = useVisibilityProps({ isHidden, hidden });
   const navigationButtonsProps = elementProps == null ? void 0 : elementProps.navigationButtons;

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

@@ -1100,7 +1100,10 @@ const manifest = {
       moduleSpecifier: "@wix/editor-react-components/Slideshow",
       dependencies: {
         serviceDependencies: [
-          "@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-translations"
         ]
       }
@@ -1109,7 +1112,10 @@ const manifest = {
       componentUrl: "./site/components/Slideshow/component.preview.tsx",
       dependencies: {
         serviceDependencies: [
-          "@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-translations"
         ]
       }

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
+import { E as EditorContextDefinition } from "../chunks/index14.js";
 import { c as clsx } from "../chunks/clsx.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { useService } from "@wix/services-manager-react";
 import * as React from "react";
 const Plugin = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M19.35 9.16a.48.48 0 00-.7 0l-3.16 3.16-3.82-3.82 3.13-3.13a.502.502 0 10-.71-.71L11 7.79 9 5.85l-1 1-1.61 1.64a6.442 6.442 0 009.11 9.11l2.63-2.6-1.94-2 3.16-3.16a.5.5 0 000-.68zM7.09 16.89a5.45 5.45 0 010-7.68l7.7 7.69a5.45 5.45 0 01-7.7-.01zm9.34-1.63l-.94.94-7.7-7.7L9 7.27l7.7 7.7-.27.29z" }));
@@ -13,7 +13,7 @@ const classes = {
 const Wrapper = ({ children, ...props }) => /* @__PURE__ */ jsx("div", { ...props, children });
 const SlotsPlaceholder = (props) => {
   const { id, className, content, a11y } = props;
-  const { getPreviewMode } = useService(EnvironmentDefinition);
+  const { previewMode } = useService(EditorContextDefinition);
   const isEmptySlot = !content;
   const wrapperProps = {
     ...a11y,
@@ -23,7 +23,7 @@ const SlotsPlaceholder = (props) => {
     id
   };
   if (isEmptySlot) {
-    return (getPreviewMode == null ? void 0 : getPreviewMode()) ? /* @__PURE__ */ jsx(Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Plugin_default, { id: "empty-slots-placeholder" }) }) : null;
+    return previewMode ? /* @__PURE__ */ jsx(Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Plugin_default, { id: "empty-slots-placeholder" }) }) : null;
   }
   return /* @__PURE__ */ jsx(Wrapper, { ...wrapperProps, children: content });
 };

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

@@ -52,9 +52,9 @@ const manifest = {
     client: {
       componentUrl: "./site/components/SlotsPlaceholder/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/SlotsPlaceholder",
-      serviceDependencies: ["@wix/viewer-service-environment"],
+      serviceDependencies: ["@wix/site-service-editor-context"],
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: ["@wix/site-service-editor-context"]
       }
     },
     sdk: {

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

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

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

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