@wix/editor-react-components 1.2806.0 → 1.2807.0

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

@@ -4,7 +4,7 @@ import React__default, { useRef, useEffect, useMemo, useState, useCallback, useL
 import "react-dom";
 import { c as clsx } from "../chunks/clsx.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
-import { D as DesignStates, a as DEFAULT_PROPS } from "../chunks/constants43.js";
+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";

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

@@ -1,5 +1,5 @@
 import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, a as ACTIONS, E as ELEMENTS, N as NativeStateType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants43.js";
+import { D as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants44.js";
 import { m as manifestFocusable, b as manifestMouseHover, c 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";

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

@@ -6,7 +6,7 @@ import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.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/constants42.js";
+import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants43.js";
 import { c as commonjsGlobal } from "../chunks/_commonjsHelpers.js";
 import { a as $240e9101ba2842f5$export$7d15b64cf5a3a4c4, e as $240e9101ba2842f5$export$cb6e0bb50bc19463, $ as $ea3928288112382f$export$439d29a4e110a164, d as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../chunks/Button2.js";
 import { b as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a, c as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../chunks/filterDOMProps.js";

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

@@ -1,6 +1,6 @@
 import { b as DISPLAY_GROUPS, N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { b as manifestMouseHover, e as manifestMediaProgress, d as manifestPlayable } from "../chunks/manifestSdkMixins.js";
-import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants42.js";
+import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants43.js";
 import manifest$1 from "../Image3/manifest.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";

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

@@ -3,7 +3,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
 import { d as defineService } from "../chunks/index10.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, A as ARIA_LABEL_NAMESPACE } from "../chunks/constants35.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";
 const root = "root__eLvEL";
 const minHeightFix = "minHeightFix__syGSC";
@@ -65,7 +65,6 @@ function BoxContainer({
     BOX_CONTAINER_MIN_HEIGHT_FIX_VIEWER_EXPERIMENT
   )) ?? false;
   const isMinHeightFixEnabled = isEditorMinHeightFixEnabled || isViewerMinHeightFixEnabled;
-  translate(ARIA_LABEL_NAMESPACE);
   const a11yAttributes = normalizeBoxContainerA11y(a11y);
   return /* @__PURE__ */ jsx(
     "div",

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

@@ -1,6 +1,14 @@
+export declare const COMPONENT_TYPE = "wixEditorElements.BoxContainer";
 export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
-export declare const ARIA_LABEL_KEY = "interactions_AriaLabel_contentOnHover_message";
-export declare const ARIA_LABEL_DEFAULT = "Interactive element, focus to trigger content change";
+export declare const TranslationKeys: {
+    readonly contentOnHoverAriaLabel: "boxContainer.contentOnHover.ariaLabel";
+};
+export declare const LegacyTranslationKeys: {
+    readonly contentOnHoverAriaLabel: "interactions_AriaLabel_contentOnHover_message";
+};
+export declare const DefaultTranslations: {
+    readonly contentOnHoverAriaLabel: "Interactive element, focus to trigger content change";
+};
 export declare const BOX_CONTAINER_MIN_HEIGHT_FIX_EXPERIMENT = "boxContainerMinHeightFix";
 export declare const BOX_CONTAINER_MIN_HEIGHT_FIX_VIEWER_EXPERIMENT = "boxContainerMinHeightFixViewer";
 export declare const DisplayNames: {

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

@@ -1,8 +1,9 @@
 import { a as ACTIONS, I as INTERACTIONS, D as DATA, c as ContainerType, A as Archetype, L as LAYOUT } from "../chunks/chunk-LDITHLYN.js";
-import { D as DisplayNames } from "../chunks/constants35.js";
+import { g as getTranslationResources } from "../chunks/translationResources.js";
+import { D as DisplayNames, C as COMPONENT_TYPE } from "../chunks/constants42.js";
 const manifest = {
   id: "1f0108be-06bb-4a81-9c55-a1cbd223926c",
-  type: "wixEditorElements.BoxContainer",
+  type: COMPONENT_TYPE,
   description: "A flexible container for grouping and organizing other elements or components on a page",
   installation: {
     initialSize: {
@@ -110,14 +111,14 @@ const manifest = {
     }
   },
   resources: {
+    translations: getTranslationResources("BoxContainer"),
     client: {
       componentUrl: "./site/components/BoxContainer/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/BoxContainer",
-      serviceDependencies: ["@wix/viewer-service-translations"],
       dependencies: {
         serviceDependencies: [
           "@wix/site-service-experiments",
-          "@wix/viewer-service-translations"
+          "@wix/site-service-translations"
         ]
       }
     }

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

@@ -8,7 +8,7 @@ import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { s as semanticClassNames, D as DesignStates, A as ARIA_LABEL_NAMESPACE, t as translationKeys, d as defaultTranslations } from "../chunks/constants41.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";
@@ -1519,12 +1519,13 @@ function Breadcrumbs2({
   const generatedItems = useBreadcrumbItems();
   const items = itemsFromProps ?? generatedItems;
   const collapsedRange = useCollapsedRange(rootRef, items.length);
-  const { translate } = useService(
-    TranslationsDefinition
-  );
-  const listAriaLabel = translate(ARIA_LABEL_NAMESPACE)(
+  const { translate } = useService(TranslationsDefinition);
+  const listAriaLabel = translate(componentMetadata.type)(
     translationKeys.breadcrumbsAriaLabel,
-    defaultTranslations.breadcrumbsAriaLabel
+    translate(ARIA_LABEL_NAMESPACE)(
+      legacyTranslationKeys.breadcrumbsAriaLabel,
+      defaultTranslations.breadcrumbsAriaLabel
+    )
   );
   useSeoService(items);
   return /* @__PURE__ */ jsxs(

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

@@ -95,6 +95,9 @@ export declare const defaultStateValues: {
 };
 export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
 export declare const translationKeys: {
+    readonly breadcrumbsAriaLabel: "breadcrumbs.trail.ariaLabel";
+};
+export declare const legacyTranslationKeys: {
     readonly breadcrumbsAriaLabel: "breadcrumbs_AriaLabel";
 };
 export declare const defaultTranslations: {

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

@@ -1,7 +1,8 @@
 import { L as LAYOUT, a as ACTIONS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, E as ELEMENTS, N as NativeStateType, D as DATA, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
+import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { D as DesignStates, a as DisplayNames, h as homepageModeValues, b as defaultStateValues, c as separatorValues, e as componentMetadata, s as semanticClassNames } from "../chunks/constants41.js";
+import { D as DesignStates, a as DisplayNames, h as homepageModeValues, b as defaultStateValues, e as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants41.js";
 import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: componentMetadata.id,
@@ -370,6 +371,7 @@ const manifest = {
     }
   },
   resources: {
+    translations: getTranslationResources("Breadcrumbs"),
     client: {
       componentUrl: "./site/components/Breadcrumbs/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/Breadcrumbs",
@@ -379,7 +381,7 @@ const manifest = {
           "seo/seo-service",
           "@wix/viewer-service-environment",
           "@wix/viewer-service-pages",
-          "@wix/viewer-service-translations",
+          "@wix/site-service-translations",
           "@wix/viewer-service-url"
         ]
       }
@@ -391,6 +393,7 @@ const manifest = {
           "seo/seo-service",
           "@wix/viewer-service-environment",
           "@wix/viewer-service-pages",
+          "@wix/site-service-translations",
           "@wix/viewer-service-url"
         ]
       }

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

@@ -17,7 +17,7 @@ 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 { T as TestIds, s as selectors, D as DesignStates, A as ARIA_LABEL_NAMESPACE, d as defaultValues, a as AriaLabels } from "../chunks/constants37.js";
+import { T as TestIds, s as selectors, D as DesignStates, C as COMPONENT_TYPE, A as ARIA_LABEL_NAMESPACE, d as defaultValues, a as AriaLabels } from "../chunks/constants37.js";
 createContext(null);
 createContext(null);
 createContext(null);
@@ -4263,11 +4263,9 @@ function DatePicker2(props) {
   var _a, _b, _c;
   const environmentService = useService(EnvironmentDefinition);
   const { translate } = useService(TranslationsDefinition);
-  const translateAria = translate(ARIA_LABEL_NAMESPACE);
-  const t = (entry) => {
-    const translated = translateAria(entry.key);
-    return translated && translated !== entry.key ? translated : entry.default;
-  };
+  const translateOwn = translate(COMPONENT_TYPE);
+  const translateLegacy = translate(ARIA_LABEL_NAMESPACE);
+  const t = (entry) => translateOwn(entry.key, translateLegacy(entry.legacyKey, entry.default));
   const {
     id,
     className = "",

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

@@ -1,3 +1,4 @@
+export declare const COMPONENT_TYPE = "wixEditorElements.DatePicker__DEV__v4";
 export declare const DisplayNames: {
     root: {
         elementDisplayName: string;
@@ -117,16 +118,19 @@ export declare const DesignStates: {
 export declare const PREVIEW_CALENDAR_OPEN = "previewCalendarOpen";
 export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
 /**
- * Viewer-facing aria labels: each entry is a translation `key` plus an English
+ * Viewer-facing aria labels: each entry is a translation `key` in the component's
+ * own namespace, the `legacyKey` in the legacy namespace, plus an English
  * `default` fallback. Referenced from constants (never as inline string keys).
  */
 export declare const AriaLabels: {
     readonly root: {
-        readonly key: "datePicker_aria_label";
+        readonly key: "datePicker.field.ariaLabel";
+        readonly legacyKey: "datePicker_aria_label";
         readonly default: "Date picker";
     };
     readonly openCalendar: {
-        readonly key: "datePicker_open_calendar";
+        readonly key: "datePicker.calendarButton.ariaLabel";
+        readonly legacyKey: "datePicker_open_calendar";
         readonly default: "Open calendar";
     };
 };

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

@@ -1,5 +1,6 @@
 import { C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, P as PREVIEW_CALENDAR_OPEN, d as defaultValues, b as DisplayNames, c as Descriptions, e as PREVIEW_ERROR_MESSAGE, s as selectors } from "../chunks/constants37.js";
+import { g as getTranslationResources } from "../chunks/translationResources.js";
+import { D as DesignStates, P as PREVIEW_CALENDAR_OPEN, d as defaultValues, b as DisplayNames, c as Descriptions, e as PREVIEW_ERROR_MESSAGE, C as COMPONENT_TYPE, s as selectors } from "../chunks/constants37.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const basePresetName = "baseDatePicker";
@@ -81,7 +82,7 @@ const dateInputCssProperties = {
 };
 const manifest = {
   id: "869c68a7-f703-43fa-806f-3ed8936172b5",
-  type: "wixEditorElements.DatePicker__DEV__v4",
+  type: COMPONENT_TYPE,
   description: "A date picker input. Visitors pick a date from a segmented field or a calendar popover. The selected date is a local date and can be connected to a data field.",
   installation: {
     presets: {
@@ -415,12 +416,13 @@ const manifest = {
     }
   },
   resources: {
+    translations: getTranslationResources("DatePicker"),
     client: {
       componentUrl: "./site/components/DatePicker/component.tsx",
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-environment",
-          "@wix/viewer-service-translations"
+          "@wix/site-service-translations"
         ]
       }
     },
@@ -429,7 +431,7 @@ const manifest = {
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-environment",
-          "@wix/viewer-service-translations"
+          "@wix/site-service-translations"
         ]
       }
     }

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

@@ -9,7 +9,7 @@ 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 { a as accessibilityStyles } from "../chunks/accessibility.module.js";
-import { A as AriaLabels, T as TestIds, e as editorElementClassNames, D as DesignStates } from "../chunks/constants36.js";
+import { C as COMPONENT_TYPE, A as AriaLabels, T as TestIds, e as editorElementClassNames, D as DesignStates } from "../chunks/constants36.js";
 const root = "root__WnTks";
 const input = "input__pbp9w";
 const option = "option__QJeiF";
@@ -76,7 +76,13 @@ function Dropdown({
   const inErrorState = invalid || Boolean(previewError);
   const { language } = useService(EnvironmentDefinition);
   const { translate } = useService(TranslationsDefinition);
-  const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || (label2 ? void 0 : translate("ariaLabels")(AriaLabels.root.key) || AriaLabels.root.default);
+  const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || (label2 ? void 0 : translate(COMPONENT_TYPE)(
+    AriaLabels.root.key,
+    translate("ariaLabels")(
+      AriaLabels.root.legacyKey,
+      AriaLabels.root.default
+    )
+  ));
   const comboboxId = `${id}-combobox`;
   const helperTextId = helperText2 ? `${id}-helper-text` : void 0;
   const errorMessageId = inErrorState ? `${id}-error-message` : void 0;

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

@@ -1,3 +1,4 @@
+export declare const COMPONENT_TYPE = "wixEditorElements.Dropdown__DEV__v5";
 export declare const TEXT_PROP_STATIC_VALUE_MAX_LENGTH = 400;
 export declare const DesignStates: {
     readonly input: {
@@ -92,7 +93,8 @@ export declare const editorElementClassNames: {
 };
 export declare const AriaLabels: {
     readonly root: {
-        readonly key: "Dropdown_AriaLabel";
+        readonly key: "dropdown.combobox.ariaLabel";
+        readonly legacyKey: "Dropdown_AriaLabel";
         readonly default: "Dropdown";
     };
 };

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

@@ -1,11 +1,12 @@
 import { b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, a as DisplayNames, b as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, F as FunctionalStateKeys, e as editorElementClassNames } from "../chunks/constants36.js";
+import { g as getTranslationResources } from "../chunks/translationResources.js";
+import { D as DesignStates, a as DisplayNames, b as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, F as FunctionalStateKeys, e as editorElementClassNames, C as COMPONENT_TYPE } from "../chunks/constants36.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const basePresetName = "baseDropdown";
 const manifest = {
   id: "d46302be-0629-45c8-bdf3-cdb14c6457c8",
-  type: "wixEditorElements.Dropdown__DEV__v5",
+  type: COMPONENT_TYPE,
   description: "A single-select dropdown input. Visitors pick a value from a list of options. Options can be set statically or fed dynamically by a connected data source.",
   installation: {
     presets: {
@@ -558,12 +559,13 @@ const manifest = {
     }
   },
   resources: {
+    translations: getTranslationResources("Dropdown"),
     client: {
       componentUrl: "./site/components/Dropdown/component.tsx",
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-environment",
-          "@wix/viewer-service-translations"
+          "@wix/site-service-translations"
         ]
       }
     }

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

@@ -6,13 +6,12 @@ import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 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, e as DEFAULT_LOCATION, f as DefaultTranslations, g as TranslationKeys, h as TRANSLATIONS_NAMESPACES, C as COMPANY_NAME_DEFAULT, i as COMPANY_NAME_KEY, j as COMPONENT_NAME_DEFAULT, k as COMPONENT_NAME_KEY } from "../chunks/consts.js";
+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 { u as useConsentPolicyProps, C as ConsentPolicyWrapper } from "../chunks/useConsentPolicyProps.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
-import { g as getTranslation } from "../chunks/getTranslation.js";
 const mapContainer = "mapContainer__E0LTn";
 const style = {
   mapContainer
@@ -3408,19 +3407,23 @@ const defaultManifestProps = {
   mapStyleKey: "CLASSIC"
 };
 const defaultPinIcon = '<!--?xml version="1.0" encoding="UTF-8"?--><svg data-bbox="1.6 0 20.7 34" viewBox="0 0 24 34" height="34" width="24" xmlns="http://www.w3.org/2000/svg" data-type="color"><g><path d="M11.9 33.4c-.2 0-.5 0-.6-.2l-.2-.2c-.5-.4-.6-.9-.9-2.2-1-4.2-2.1-6.7-3.1-9-.7-1.4-1.4-2.6-2.1-3.7-1.7-2.8-2.8-4.7-2.8-8 0-2.3.9-4.7 2.5-6.5 1.9-1.8 4.6-3 7.2-3h.2c2.7 0 5.4 1.3 7.3 3.3 1.6 1.7 2.6 4.2 2.5 6.5 0 3.3-1.1 5.1-2.8 7.9-.6 1.1-1.3 2.3-2.1 3.8-.9 2.2-2 4.7-3 8.9-.3 1.3-.4 2-1.3 2.3h-.3c-.1.1-.2.2-.3.2Z" fill="#ff4646" data-color="1"></path><path d="M11.9 1.1h.2c2.5 0 5.1 1.2 6.9 3.2 1.5 1.6 2.4 3.9 2.4 6.1 0 3.1-1.1 4.9-2.7 7.7-.6 1.1-1.4 2.3-2.2 3.8-1 2.2-2 4.8-3.1 9-.3 1.2-.4 1.7-1 1.9h-.3c0 .1-.1.1-.2.1s-.2 0-.3-.1l-.2-.2c-.4-.3-.4-.6-.7-1.9-1-4.2-2.1-6.8-3.1-9.1-.8-1.5-1.5-2.7-2.1-3.7-1.6-2.8-2.7-4.6-2.7-7.7 0-2.2.9-4.5 2.4-6.1C7 2.2 9.5 1 12 1m-.1-1C9.1 0 6.3 1.4 4.3 3.5c-1.7 1.8-2.7 4.4-2.7 6.8 0 3.4 1.2 5.4 2.9 8.2.6 1 1.3 2.2 2.1 3.7 1 2.2 2 4.7 3 8.9.3 1.3.4 1.9 1.1 2.4l.2.2q.45.3.9.3h.8c1.1-.5 1.4-1.4 1.7-2.7 1-4.1 2.1-6.6 3-8.8.8-1.5 1.5-2.7 2.1-3.8 1.6-2.8 2.8-4.8 2.9-8.2 0-2.4-1-5-2.7-6.8C17.7 1.5 14.8.1 12 0h-.2Z" fill="#ffffff" data-color="2"></path><path fill="#590000" d="M15.2 10.4a3.2 3.2 0 1 1-6.4 0 3.2 3.2 0 0 1 6.4 0" data-color="3"></path></g></svg>';
-const noopTranslate = () => () => "";
-const translateKey = (translate, key, namespace) => getTranslation(
-  translate(namespace),
-  key,
-  TranslationKeys,
-  DefaultTranslations
+const noopTranslate = () => (_key, fallback) => fallback;
+const translateKey = (translate, key) => translate(COMPONENT_TYPE)(
+  TranslationKeys[key],
+  translate(LegacyTranslationNamespaces[key])(
+    LegacyTranslationKeys[key],
+    DefaultTranslations[key]
+  )
 );
 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 consentPolicyProps = useConsentPolicyProps();
+  const consentPolicyProps = useConsentPolicyProps({
+    namespace: COMPONENT_TYPE,
+    translationEntries: ConsentTranslations
+  });
   const cookieConsent = useCookieConsent({
     config: {
       componentNameKey: COMPONENT_NAME_KEY,
@@ -3443,11 +3446,7 @@ const useGoogleMapProps = (props) => {
       return {
         ...location,
         pinIcon: ((_a = props.pinIcon) == null ? void 0 : _a.svgContent) || defaultPinIcon,
-        directionTitle: translateKey(
-          translate,
-          "directionsLink",
-          TRANSLATIONS_NAMESPACES.googleMaps
-        )
+        directionTitle: translateKey(translate, "directionsLink")
       };
     });
     return {
@@ -3482,16 +3481,8 @@ const useGoogleMapProps = (props) => {
       customClassNames: [],
       a11y: props.a11y,
       translations: {
-        title: translateKey(
-          translate,
-          "mapAriaLabel",
-          TRANSLATIONS_NAMESPACES.componentLabel
-        ),
-        allyTargetBlankDescription: translateKey(
-          translate,
-          "linkOpensNewTab",
-          TRANSLATIONS_NAMESPACES.googleMaps
-        ),
+        title: translateKey(translate, "mapAriaLabel"),
+        allyTargetBlankDescription: translateKey(translate, "linkOpensNewTab"),
         ...cookieConsent.translations
       },
       lang: siteLanguage,

package/dist/site/components/GoogleMap/consts.d.ts

@@ -1,3 +1,4 @@
+export declare const COMPONENT_TYPE = "wixEditorElements.GoogleMap";
 export declare const DEFAULT_ZOOM = 14;
 export declare const MIN_ZOOM = 0;
 export declare const MAX_ZOOM = 20;
@@ -64,10 +65,20 @@ export declare const TRANSLATIONS_NAMESPACES: {
     readonly googleMaps: "GoogleMaps";
 };
 export declare const TranslationKeys: {
+    readonly mapAriaLabel: "googleMap.map.ariaLabel";
+    readonly linkOpensNewTab: "googleMap.link.newTabAriaDescription";
+    readonly directionsLink: "googleMap.directions.link";
+};
+export declare const LegacyTranslationKeys: {
     readonly mapAriaLabel: "COMPONENT_LABEL_googleMapsTitle";
     readonly linkOpensNewTab: "googleMaps_ariaLabel_linkOpensNewTab";
     readonly directionsLink: "GoogleMaps_Directions_Link";
 };
+export declare const LegacyTranslationNamespaces: {
+    readonly mapAriaLabel: "component_label";
+    readonly linkOpensNewTab: "GoogleMaps";
+    readonly directionsLink: "GoogleMaps";
+};
 export declare const DefaultTranslations: {
     readonly mapAriaLabel: "Google Maps";
     readonly linkOpensNewTab: "Opens in a new tab";
@@ -78,6 +89,7 @@ export declare const COMPONENT_NAME_KEY = "CookieConsent_Dataset_Component_Googl
 export declare const COMPONENT_NAME_DEFAULT = "Google Maps";
 export declare const COMPANY_NAME_KEY = "CookieConsent_Dataset_Company_Google";
 export declare const COMPANY_NAME_DEFAULT = "Google";
+export declare const ConsentTranslations: import('../../../common/components/ConsentPolicyWrapper/ConsentPolicyWrapper.types').ConsentTranslationEntries;
 export declare const DisplayNames: {
     root: {
         elementDisplayName: string;

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

@@ -1,9 +1,10 @@
 import { b as DISPLAY_GROUPS, D as DATA, M as MEDIA, a as ACTIONS, I as INTERACTIONS, A as Archetype, L as LAYOUT } from "../chunks/chunk-LDITHLYN.js";
-import { l as DisplayNames, m as MAP_STYLE_KEYS, n as defaultValues, a as MAX_ZOOM, M as MIN_ZOOM } from "../chunks/consts.js";
+import { g as getTranslationResources } from "../chunks/translationResources.js";
+import { n as DisplayNames, o as MAP_STYLE_KEYS, p as defaultValues, a as MAX_ZOOM, M as MIN_ZOOM, C as COMPONENT_TYPE } from "../chunks/consts2.js";
 import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "bf8a38af-5784-47d5-92d3-3627a6a60bc6",
-  type: "wixEditorElements.GoogleMap",
+  type: COMPONENT_TYPE,
   description: "Embeds an interactive Google Map, allowing visitors to view locations",
   installation: {
     initialSize: {
@@ -214,19 +215,15 @@ const manifest = {
     }
   },
   resources: {
+    translations: getTranslationResources("GoogleMap"),
     client: {
       componentUrl: "./site/components/GoogleMap/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/GoogleMap",
-      serviceDependencies: [
-        "@wix/viewer-service-consent-policy",
-        "@wix/viewer-service-environment",
-        "@wix/viewer-service-translations"
-      ],
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-consent-policy",
           "@wix/viewer-service-environment",
-          "@wix/viewer-service-translations"
+          "@wix/site-service-translations"
         ]
       }
     }

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

@@ -8,8 +8,8 @@ import { useService } from "@wix/services-manager-react";
 import { d as defineStaticService } from "../chunks/staticService.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.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 { C as CLASS_NAME_ON_COMPONENT_ROOT_EXPERIMENT, M as MOVE_PREVIEW_IDENTITY_CLASSES_TO_ROOT_EXPERIMENT } from "../chunks/specs.js";
-import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants35.js";
 const isBrowser = () => typeof window !== "undefined";
 function useIFrame({
   reducer = () => ({}),
@@ -165,11 +165,6 @@ const HTMLComponent$1 = React.forwardRef((props, forwardRef) => {
   ) }) });
 });
 const TopologyDefinition = defineStaticService("@wix/viewer-service-topology");
-const HTML_COMPONENT_TITLE_KEY = "HTML_Settings_Aria_Tag";
-const HTML_COMPONENT_TITLE_DEFAULT = "Embedded Content";
-const DEFAULT_CONSENT_POLICY = "essential";
-const SANDBOX = "allow-same-origin allow-forms allow-popups allow-modals allow-scripts allow-pointer-lock";
-const ALLOWED_PROTOCOLS = ["ftp:", "http:", "https:"];
 const setProtocol = (url, staticHTMLComponentUrl) => {
   const topologyProtocol = staticHTMLComponentUrl.startsWith("https") ? "https:" : "http:";
   const protocol = url.startsWith("https") ? "https:" : topologyProtocol;
@@ -186,21 +181,25 @@ const useHTMLComponentProps = ({
   const { topology } = useService(TopologyDefinition);
   const environment = useService(EnvironmentDefinition);
   const { translate } = useService(TranslationsDefinition);
-  const consentPolicyProps = useConsentPolicyProps();
+  const consentPolicyProps = useConsentPolicyProps({
+    namespace: COMPONENT_TYPE,
+    translationEntries: ConsentTranslations
+  });
   const memoizedProps = useMemo(() => {
     var _a2;
     const sandbox = (environment == null ? void 0 : environment.useSandboxInHTMLComp) ? SANDBOX : void 0;
     const allow = props.allowFullScreen ? "fullscreen" : void 0;
-    const tProxy = (namespace, key) => translate(namespace)(key);
     const iframeUrl = setProtocol(
       props.url ?? "",
       (topology == null ? void 0 : topology.staticHTMLComponentUrl) ?? ""
     );
-    const translatedTitle = tProxy(
-      ARIA_LABEL_NAMESPACE,
-      HTML_COMPONENT_TITLE_KEY
+    const title = translate(COMPONENT_TYPE)(
+      HTML_COMPONENT_TITLE_KEY,
+      translate(ARIA_LABEL_NAMESPACE)(
+        LEGACY_HTML_COMPONENT_TITLE_KEY,
+        HTML_COMPONENT_TITLE_DEFAULT
+      )
     );
-    const title = translatedTitle !== HTML_COMPONENT_TITLE_KEY ? translatedTitle : HTML_COMPONENT_TITLE_DEFAULT;
     const previewWrapperProps = {};
     return {
       ...props,

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

@@ -1,6 +1,10 @@
+export declare const COMPONENT_TYPE = "wixEditorElements.HTMLComponent";
 export type ConsentPolicyKey = 'essential' | 'functional' | 'analytics' | 'advertising' | 'dataToThirdParty';
-export declare const HTML_COMPONENT_TITLE_KEY = "HTML_Settings_Aria_Tag";
+export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
+export declare const HTML_COMPONENT_TITLE_KEY = "htmlComponent.iframe.title";
+export declare const LEGACY_HTML_COMPONENT_TITLE_KEY = "HTML_Settings_Aria_Tag";
 export declare const HTML_COMPONENT_TITLE_DEFAULT = "Embedded Content";
+export declare const ConsentTranslations: import('../../../common/components/ConsentPolicyWrapper/ConsentPolicyWrapper.types').ConsentTranslationEntries;
 export declare const DEFAULT_CONSENT_POLICY: ConsentPolicyKey;
 export declare const SANDBOX = "allow-same-origin allow-forms allow-popups allow-modals allow-scripts allow-pointer-lock";
 export declare const ALLOWED_PROTOCOLS: string[];

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

@@ -1,5 +1,7 @@
 var _a, _b;
 import { D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
+import { g as getTranslationResources } from "../chunks/translationResources.js";
+import { C as COMPONENT_TYPE } from "../chunks/constants35.js";
 import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const DisplayNames = {
   root: {
@@ -42,7 +44,7 @@ typeof window !== "undefined" && ((_a = window == null ? void 0 : window.service
 typeof window !== "undefined" && ((_b = window == null ? void 0 : window.serviceTopology) == null ? void 0 : _b.staticHTMLComponentUrl) || "https://static.filesuser.com/";
 const manifest = {
   id: "e81a1c4b-8b8c-4a7e-9f2d-1a3b4c5d6e7f",
-  type: "wixEditorElements.HTMLComponent",
+  type: COMPONENT_TYPE,
   description: "HTMLComponent",
   installation: {
     initialSize: {
@@ -172,38 +174,27 @@ const manifest = {
     }
   },
   resources: {
+    translations: getTranslationResources("HTMLComponent"),
     editor: {
       componentUrl: "./site/components/HTMLComponent/component.preview.tsx",
-      serviceDependencies: [
-        "@wix/viewer-service-consent-policy",
-        "@wix/viewer-service-environment",
-        "@wix/viewer-service-topology",
-        "@wix/viewer-service-translations"
-      ],
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-consent-policy",
           "@wix/viewer-service-environment",
           "@wix/viewer-service-topology",
-          "@wix/viewer-service-translations"
+          "@wix/site-service-translations"
         ]
       }
     },
     client: {
       componentUrl: "./site/components/HTMLComponent/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/HTMLComponent",
-      serviceDependencies: [
-        "@wix/viewer-service-consent-policy",
-        "@wix/viewer-service-environment",
-        "@wix/viewer-service-topology",
-        "@wix/viewer-service-translations"
-      ],
       dependencies: {
         serviceDependencies: [
           "@wix/viewer-service-consent-policy",
           "@wix/viewer-service-environment",
           "@wix/viewer-service-topology",
-          "@wix/viewer-service-translations"
+          "@wix/site-service-translations"
         ]
       }
     },