@wix/editor-react-components 1.2485.0 → 1.2487.0

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

@@ -43,6 +43,8 @@ const manifest = {
             DATA.A11Y_ATTRIBUTES.ariaLive,
             DATA.A11Y_ATTRIBUTES.ariaRoledescription,
             DATA.A11Y_ATTRIBUTES.ariaLevel,
+            // Existing sites persist this value, so it must remain schema-valid.
+            DATA.A11Y_ATTRIBUTES.ariaHidden,
             DATA.A11Y_ATTRIBUTES.ariaAtomic,
             DATA.A11Y_ATTRIBUTES.ariaCurrent,
             DATA.A11Y_ATTRIBUTES.ariaRelevant

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

@@ -7,7 +7,7 @@ import { T as TranslationsDefinition } from "../chunks/index6.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, e as ARIA_LABEL_NAMESPACE, t as translationsKeys } from "../chunks/constants27.js";
 import React__default, { createContext, useContext, useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from "react";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
-import { g as getItemDepthSelector, r as rootItemDepthLevel, s as subItemDepthLevel, a as subSubItemDepthLevel } from "../chunks/utils2.js";
+import { g as getItemDepthSelector, r as rootItemDepthLevel, s as subItemDepthLevel, a as subSubItemDepthLevel } from "../chunks/utils3.js";
 import { d as debounce } from "../chunks/performanceUtils.js";
 import { L as Link } from "../chunks/Link.js";
 import { i as isEmptyObject, a as getDataAttributes } from "../chunks/dataUtils.js";

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

@@ -2,7 +2,7 @@ import { c as createA11ySdk } from "../chunks/a11ySdk.js";
 import { i as isNil, h as isDate, l as isObject, k as isArray } from "../chunks/assert.js";
 import { b as registerCorvidMouseEvent } from "../chunks/corvidEvents.js";
 import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
-import { v as validateMenuItems, c as createMenuDataItem } from "../chunks/utils2.js";
+import { v as validateMenuItems, c as createMenuDataItem } from "../chunks/utils3.js";
 import { L as LinkUtilsDefinition } from "../chunks/index.js";
 const sanitizeItem = (item) => Object.entries(item).reduce((acc, [key, value]) => {
   if (isNil(value)) {

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

@@ -4,7 +4,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { g as getAccessibilityAttributesSpread, r as removeAriaPrefix } from "../chunks/a11y.js";
 import { F as FULL_PROGRESS, N as NO_PROGRESS, T as TestIDs } from "../chunks/constants25.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { g as getProgressValue } from "../chunks/utils.js";
+import { g as getProgressValue } from "../chunks/utils2.js";
 const progressbar = "progressbar__A8aSK";
 const barContainer = "barContainer__oNMgY";
 const label = "label__tasBy";

package/dist/site/components/ProgressBar/sdk.js

@@ -1,7 +1,7 @@
 import { c as createA11ySdk } from "../chunks/a11ySdk.js";
 import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
 import { F as FULL_PROGRESS, N as NO_PROGRESS } from "../chunks/constants25.js";
-import { g as getProgressValue } from "../chunks/utils.js";
+import { g as getProgressValue } from "../chunks/utils2.js";
 const PROGRESS_BAR_SDK_TYPE = "$w.ProgressBar";
 const createProgressBarSdk = (api) => {
   const { props, setProps } = api;

package/dist/site/components/SocialPlayerFacebook/SocialPlayerFacebook.types.d.ts

@@ -1,3 +1,3 @@
 import { SocialPlayerSharedData, SocialPlayerSharedProps } from '../SocialPlayerShared/SocialPlayersShared.types';
-export type SocialPlayerFacebookData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'autoPlay' | 'enabledCaptions'>;
+export type SocialPlayerFacebookData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'a11y' | 'autoPlay' | 'enabledCaptions'>;
 export type SocialPlayerFacebookProps = SocialPlayerSharedProps & SocialPlayerFacebookData;

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

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { g as getAriaLabelAttribute } from "../chunks/utils.js";
+import { c as clsx } from "../chunks/clsx.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
-import { c as clsx } from "../chunks/clsx.js";
 const semanticClassNames = {
   root: "social-player-facebook",
   iFrame: "social-player-facebook__iframe"
@@ -26,7 +27,7 @@ const SocialPlayerFacebook = (props) => {
     className,
     customClassNames = [],
     url,
-    description,
+    a11y,
     autoPlay = false,
     enabledCaptions = false,
     onMouseEnter,
@@ -51,7 +52,7 @@ const SocialPlayerFacebook = (props) => {
             classes.iFrame,
             formatClassNames(semanticClassNames.iFrame)
           ),
-          title: description,
+          ...getAriaLabelAttribute(a11y),
           src: toEmbedUrl(url, { autoPlay, enabledCaptions }),
           allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",
           allowFullScreen: true,

package/dist/site/components/SocialPlayerInstagram/SocialPlayerInstagram.types.d.ts

@@ -1,3 +1,3 @@
 import { SocialPlayerSharedData, SocialPlayerSharedProps } from '../SocialPlayerShared/SocialPlayersShared.types';
-export type SocialPlayerInstagramData = Pick<SocialPlayerSharedData, 'url' | 'description'>;
+export type SocialPlayerInstagramData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'a11y'>;
 export type SocialPlayerInstagramProps = SocialPlayerSharedProps & SocialPlayerInstagramData;

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

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { g as getAriaLabelAttribute } from "../chunks/utils.js";
+import { c as clsx } from "../chunks/clsx.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
-import { c as clsx } from "../chunks/clsx.js";
 const semanticClassNames = {
   root: "social-player-instagram",
   iFrame: "social-player-instagram__iframe"
@@ -25,7 +26,7 @@ const SocialPlayerInstagram = (props) => {
     className,
     customClassNames = [],
     url,
-    description,
+    a11y,
     onMouseEnter,
     onMouseLeave
   } = props;
@@ -48,7 +49,7 @@ const SocialPlayerInstagram = (props) => {
             classes.iFrame,
             formatClassNames(semanticClassNames.iFrame)
           ),
-          title: description,
+          ...getAriaLabelAttribute(a11y),
           src: toEmbedUrl(url),
           allow: "autoplay",
           allowFullScreen: true,

package/dist/site/components/SocialPlayerShared/SocialPlayersShared.types.d.ts

@@ -1,7 +1,10 @@
+import { A11y } from '@wix/editor-react-types';
 import { MouseEventHandler } from 'react';
+export type SocialPlayerSharedA11y = Pick<A11y, 'ariaLabel'>;
 export type SocialPlayerSharedData = {
     url?: string;
     description?: string;
+    a11y?: SocialPlayerSharedA11y;
     autoPlay?: boolean;
     loop?: boolean;
     mute?: boolean;

package/dist/site/components/SocialPlayerShared/utils.d.ts

@@ -1,2 +1,8 @@
+import { SocialPlayerSharedA11y } from './SocialPlayersShared.types';
 export { formatClassNames } from '../../../utils/classNames';
 export { getDataAttributes } from '../../../utils/dataUtils';
+export declare const getAriaLabelAttribute: (a11y?: SocialPlayerSharedA11y | null) => {
+    'aria-label': string;
+} | {
+    'aria-label'?: undefined;
+};

package/dist/site/components/SocialPlayerSnapchat/SocialPlayerSnapchat.types.d.ts

@@ -1,3 +1,3 @@
 import { SocialPlayerSharedData, SocialPlayerSharedProps } from '../SocialPlayerShared/SocialPlayersShared.types';
-export type SocialPlayerSnapchatData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'autoPlay'>;
+export type SocialPlayerSnapchatData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'a11y' | 'autoPlay'>;
 export type SocialPlayerSnapchatProps = SocialPlayerSharedProps & SocialPlayerSnapchatData;

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

@@ -1,8 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import { f as formatClassNames } from "../chunks/classNames.js";
-import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { jsx, Fragment } from "react/jsx-runtime";
+import { g as getAriaLabelAttribute } from "../chunks/utils.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { useMemo } from "react";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { f as formatClassNames } from "../chunks/classNames.js";
 const semanticClassNames = {
   root: "social-player-snapchat"
 };
@@ -39,7 +40,7 @@ const SocialPlayerSnapchat = (props) => {
     url,
     onMouseEnter,
     onMouseLeave,
-    description,
+    a11y,
     autoPlay
   } = props;
   const embedUrl = useMemo(() => {
@@ -58,10 +59,10 @@ const SocialPlayerSnapchat = (props) => {
       onMouseEnter,
       onMouseLeave,
       ...getDataAttributes(props),
-      children: !embedUrl ? null : /* @__PURE__ */ jsx("div", { className: classes.alignmentWrapper, children: autoPlay ? /* @__PURE__ */ jsx(
+      children: !embedUrl ? null : /* @__PURE__ */ jsx("div", { className: classes.alignmentWrapper, children: autoPlay ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
         "iframe",
         {
-          title: description,
+          ...getAriaLabelAttribute(a11y),
           src: embedUrl,
           allow: "autoplay; camera; microphone; clipboard-write;",
           width: "100%",
@@ -70,7 +71,7 @@ const SocialPlayerSnapchat = (props) => {
           allowFullScreen: true,
           allowTransparency: true
         }
-      ) : /* @__PURE__ */ jsx(
+      ) }) : /* @__PURE__ */ jsx(
         "div",
         {
           style: {

package/dist/site/components/SocialPlayerTikTok/SocialPlayerTikTok.types.d.ts

@@ -1,3 +1,3 @@
 import { SocialPlayerSharedData, SocialPlayerSharedProps } from '../SocialPlayerShared/SocialPlayersShared.types';
-export type SocialPlayerTikTokData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'autoPlay' | 'enabledControls' | 'enabledTitle' | 'loop' | 'mute' | 'startTime' | 'endTime'>;
+export type SocialPlayerTikTokData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'a11y' | 'autoPlay' | 'enabledControls' | 'enabledTitle' | 'loop' | 'mute' | 'startTime' | 'endTime'>;
 export type ISocialPlayerTikTokProps = SocialPlayerSharedProps & SocialPlayerTikTokData;

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

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import React__default from "react";
 import { c as clsx } from "../chunks/clsx.js";
+import { g as getAriaLabelAttribute } from "../chunks/utils.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 const isTikTokMessage = (message) => typeof message.data === "object" && Boolean(message.data["x-tiktok-player"]);
@@ -134,7 +135,7 @@ const SocialPlayerTikTok = ({
   className,
   customClassNames = [],
   url,
-  description,
+  a11y,
   autoPlay = true,
   loop = false,
   mute = true,
@@ -175,9 +176,9 @@ const SocialPlayerTikTok = ({
         "iframe",
         {
           "data-testid": TestIds.viewer.iframe,
+          ...getAriaLabelAttribute(a11y),
           loading: "lazy",
           ref: setPlayerRef,
-          title: description,
           width: "100%",
           height: "100%",
           src: generateVideoUrl({

package/dist/site/components/SocialPlayerVimeo/SocialPlayerVimeo.types.d.ts

@@ -1,3 +1,3 @@
 import { SocialPlayerSharedData, SocialPlayerSharedProps } from '../SocialPlayerShared/SocialPlayersShared.types';
-export type SocialPlayerVimeoData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'autoPlay' | 'enabledTitle' | 'loop' | 'mute' | 'startTime' | 'endTime'>;
+export type SocialPlayerVimeoData = Pick<SocialPlayerSharedData, 'url' | 'description' | 'a11y' | 'autoPlay' | 'enabledTitle' | 'loop' | 'mute' | 'startTime' | 'endTime'>;
 export type ISocialPlayerVimeoProps = SocialPlayerSharedProps & SocialPlayerVimeoData;

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

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { f as formatClassNames } from "../chunks/classNames.js";
-import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { g as getAriaLabelAttribute } from "../chunks/utils.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { useCallback, useEffect, useRef } from "react";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { f as formatClassNames } from "../chunks/classNames.js";
 const semanticClassNames = {
   root: "social-player-vimeo"
 };
@@ -3165,7 +3166,7 @@ const SocialPlayerVimeo = ({
   className,
   customClassNames = [],
   url,
-  description,
+  a11y,
   autoPlay = false,
   loop = false,
   mute = false,
@@ -3196,11 +3197,10 @@ const SocialPlayerVimeo = ({
         className,
         formatClassNames(semanticClassNames.root, ...customClassNames)
       ),
-      "aria-label": description,
       onMouseEnter,
       onMouseLeave,
       ...getDataAttributes(props),
-      children: /* @__PURE__ */ jsx("div", { className: styles.playerWrapper, children: /* @__PURE__ */ jsx("div", { ref, className: styles.alignmentWrapper }) })
+      children: /* @__PURE__ */ jsx("div", { className: styles.playerWrapper, ...getAriaLabelAttribute(a11y), children: /* @__PURE__ */ jsx("div", { ref, className: styles.alignmentWrapper }) })
     }
   );
 };

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

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { f as formatClassNames } from "../chunks/classNames.js";
-import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { g as getAriaLabelAttribute } from "../chunks/utils.js";
 import { c as clsx } from "../chunks/clsx.js";
 import * as React from "react";
 import { useMemo } from "react";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { f as formatClassNames } from "../chunks/classNames.js";
 const semanticClassNames = {
   root: "social-player-youtube"
 };
@@ -146,7 +147,7 @@ const SocialPlayerYoutube = (props) => {
     id,
     className,
     customClassNames = [],
-    description,
+    a11y,
     url,
     mute = false,
     autoPlay = false,
@@ -181,7 +182,7 @@ const SocialPlayerYoutube = (props) => {
         "iframe",
         {
           "data-testid": TestIds.viewer.iframe,
-          title: description,
+          ...getAriaLabelAttribute(a11y),
           style: aspectRatioStyles,
           src: iframeUrl,
           ref: playerElement,

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

@@ -1,11 +1,6 @@
-import { N as NO_PROGRESS, F as FULL_PROGRESS } from "./constants25.js";
-function getProgressValue(value = NO_PROGRESS, targetValue = FULL_PROGRESS) {
-  if (targetValue === 0) {
-    return NO_PROGRESS;
-  }
-  const relativeValue = Math.min(value / targetValue * 100, FULL_PROGRESS);
-  return +relativeValue.toFixed(2);
-}
+const getAriaLabelAttribute = (a11y) => {
+  return (a11y == null ? void 0 : a11y.ariaLabel) ? { "aria-label": a11y.ariaLabel } : {};
+};
 export {
-  getProgressValue as g
+  getAriaLabelAttribute as g
 };

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

@@ -1,302 +1,11 @@
-import { r as reportError } from "./reporters.js";
-import { f as isString, i as isNil, k as isArray } from "./assert.js";
-import { d as unsupportedLinkType, n as nilAssignmentMessage, t as templates } from "./messages.js";
-class NilAssignmentError extends Error {
-  constructor(params) {
-    const message = nilAssignmentMessage(params);
-    super(message);
-    this.name = "NilAssignmentError";
-    this.message = message;
+import { N as NO_PROGRESS, F as FULL_PROGRESS } from "./constants25.js";
+function getProgressValue(value = NO_PROGRESS, targetValue = FULL_PROGRESS) {
+  if (targetValue === 0) {
+    return NO_PROGRESS;
   }
+  const relativeValue = Math.min(value / targetValue * 100, FULL_PROGRESS);
+  return +relativeValue.toFixed(2);
 }
-class UnsupportedLinkTypeError extends Error {
-  constructor(params) {
-    const message = unsupportedLinkType(params);
-    super(message);
-    this.name = "UnsupportedLinkTypeError";
-    this.message = message;
-  }
-}
-class InvalidLabelError extends NilAssignmentError {
-  constructor(index) {
-    super({
-      functionName: "menuItems",
-      propertyName: "label",
-      index
-    });
-    this.name = "InvalidLabelError";
-  }
-}
-class InvalidIdPatternError extends Error {
-  constructor({
-    index,
-    label,
-    id
-  }) {
-    super(
-      templates.error_menu_items_id_pattern({
-        index,
-        label,
-        id
-      })
-    );
-    this.name = "InvalidIdPatternError";
-  }
-}
-class NonUniqueIdError extends Error {
-  constructor({ id }) {
-    super(templates.error_menu_items_id_uniqueness({ id }));
-    this.name = "NonUniqueIdError";
-  }
-}
-class InvalidTargetError extends Error {
-  constructor({
-    index,
-    label,
-    target
-  }) {
-    super(
-      templates.error_menu_items_target({
-        index,
-        label,
-        target
-      })
-    );
-    this.name = "InvalidTargetError";
-  }
-}
-class InvalidMenuDepthError extends Error {
-  constructor(maxLevels, labelValue) {
-    super(
-      templates.error_menu_items_depth({
-        labelValue,
-        maxLevels
-      })
-    );
-    this.name = "InvalidMenuDepth";
-  }
-}
-class LinkTypeError extends UnsupportedLinkTypeError {
-  constructor(wrongValue, index) {
-    super({
-      functionName: "menuItems",
-      propertyName: "link",
-      wrongValue,
-      index
-    });
-  }
-}
-const idPattern = /^[a-zA-Z\d-]*$/;
-const validateIdPattern = (items, parentIndex) => {
-  items == null ? void 0 : items.every(({ id, link = "", label = link, menuItems }, index) => {
-    if (id && !idPattern.test(id)) {
-      throw new InvalidIdPatternError({
-        index: parentIndex === void 0 ? index : parentIndex,
-        label,
-        id
-      });
-    }
-    return validateIdPattern(menuItems, index);
-  });
-};
-const validateIdUniqueness = (items) => {
-  const ids = getItemIds(items || []);
-  const duplicatedId = findDuplicate(ids);
-  if (duplicatedId !== void 0) {
-    throw new NonUniqueIdError({ id: duplicatedId });
-  }
-};
-const getItemIds = (menuItems) => {
-  return menuItems.reduce(
-    (agg, curr) => {
-      return [
-        ...agg,
-        ...isString(curr.id) ? [curr.id] : [],
-        ...curr.menuItems ? getItemIds(curr.menuItems) : []
-      ];
-    },
-    []
-  );
-};
-const findDuplicate = (arr) => {
-  return arr.find((value, idx) => {
-    return idx !== arr.lastIndexOf(value);
-  });
-};
-const validateMenuItemsId = (menuItems) => {
-  try {
-    validateIdUniqueness(menuItems);
-    validateIdPattern(menuItems);
-  } catch (error) {
-    reportError(error.message);
-    return false;
-  }
-  return true;
-};
-const validateMenuItemsTarget = (value) => {
-  if (!value) {
-    return true;
-  }
-  const checkMenuItemsTarget = (items, parentIndex) => (items == null ? void 0 : items.every(({ target, link = "", label = link, menuItems }, index) => {
-    if (target != null && target !== "_blank" && target !== "_self") {
-      throw new InvalidTargetError({
-        index: parentIndex === void 0 ? index : parentIndex,
-        label,
-        target
-      });
-    }
-    return checkMenuItemsTarget(menuItems, index);
-  })) ?? true;
-  try {
-    return checkMenuItemsTarget(value);
-  } catch (error) {
-    reportError(error.message);
-    return false;
-  }
-};
-const validateMenuItemsDepth = (maxLevels) => (value) => {
-  if (!value) {
-    return true;
-  }
-  const checkMenuItemsLevel = ({
-    currentLevel,
-    items
-  }) => {
-    if (!items) {
-      return true;
-    }
-    if (items.length === 0) {
-      return true;
-    } else if (currentLevel < 0) {
-      return false;
-    }
-    return items.every(({ menuItems, label, link }) => {
-      const hasMenuItems = typeof menuItems !== "undefined";
-      if (!hasMenuItems) {
-        return true;
-      }
-      const isValidMenuItems = checkMenuItemsLevel({
-        items: menuItems,
-        currentLevel: currentLevel - 1
-      });
-      if (!isValidMenuItems) {
-        throw new InvalidMenuDepthError(maxLevels + 1, label || link || "");
-      }
-      return isValidMenuItems;
-    });
-  };
-  return value.every(({ menuItems, label, link }) => {
-    try {
-      const result = checkMenuItemsLevel({
-        items: menuItems,
-        currentLevel: maxLevels - 1
-      });
-      if (result === false) {
-        throw new InvalidMenuDepthError(maxLevels + 1, label || link || "");
-      }
-    } catch (error) {
-      reportError(error.message);
-      return false;
-    }
-    return true;
-  });
-};
-const pageUrlRegex = /^\/([^ ?#]*)[?]?(.*)/;
-const isPageUrl = (url) => pageUrlRegex.test(url);
-const getLink = ({
-  link,
-  target,
-  linkUtils
-}) => {
-  if (!isNil(link)) {
-    const passedTarget = target;
-    return linkUtils.getLinkProps(link, passedTarget);
-  }
-  return {};
-};
-const getPageTitleFromUrl = (url, pageList) => {
-  var _a;
-  const key = url.slice(1);
-  if (pageList.hasOwnProperty(key)) {
-    return (_a = pageList[key]) == null ? void 0 : _a.title;
-  }
-  return void 0;
-};
-const getLabel = ({
-  link,
-  label,
-  pageList
-}) => {
-  if (!isNil(label)) {
-    return label;
-  }
-  if (!isNil(link) && isPageUrl(link)) {
-    return getPageTitleFromUrl(link, pageList);
-  }
-  return void 0;
-};
-const validators = [
-  validateMenuItemsDepth(1),
-  validateMenuItemsTarget,
-  validateMenuItemsId
-];
-const validateMenuItems = (menuItems) => {
-  let isValid = true;
-  isValid = validators.every((validator) => validator(menuItems));
-  return isValid;
-};
-const getMenuItems = (linkUtils, pageList, items) => {
-  if (isArray(items)) {
-    return items.map(
-      (menuItem, i) => createMenuDataItem(menuItem, i, linkUtils, pageList)
-    );
-  }
-  return [];
-};
-const createMenuDataItem = (menuDataItem, index, linkUtils, pageList) => {
-  const menuSdkItem = {};
-  try {
-    const linkData = getLink({
-      linkUtils,
-      link: menuDataItem.link,
-      target: menuDataItem.target || "_self"
-    });
-    if (linkData.href) {
-      menuSdkItem.link = linkData.href;
-      menuSdkItem.target = linkData.target || "_self";
-    }
-  } catch (error) {
-    throw new LinkTypeError(menuDataItem.link || "", index);
-  }
-  const label = getLabel({
-    label: menuDataItem.label,
-    link: menuDataItem.link,
-    pageList
-  });
-  if (isNil(label)) {
-    throw new InvalidLabelError(index);
-  }
-  if (!isNil(menuDataItem.id)) {
-    menuSdkItem.id = menuDataItem.id;
-  }
-  menuSdkItem.label = label;
-  if (!isNil(menuDataItem.selected)) {
-    menuSdkItem.selected = menuDataItem.selected;
-  }
-  return {
-    ...menuSdkItem,
-    menuItems: getMenuItems(linkUtils, pageList, menuDataItem.menuItems)
-  };
-};
-const rootItemDepthLevel = 0;
-const subItemDepthLevel = 1;
-const subSubItemDepthLevel = 2;
-const getItemDepthSelector = (depth) => `[data-item-depth="${depth}"]`;
 export {
-  subSubItemDepthLevel as a,
-  createMenuDataItem as c,
-  getItemDepthSelector as g,
-  rootItemDepthLevel as r,
-  subItemDepthLevel as s,
-  validateMenuItems as v
+  getProgressValue as g
 };

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

@@ -0,0 +1,302 @@
+import { r as reportError } from "./reporters.js";
+import { f as isString, i as isNil, k as isArray } from "./assert.js";
+import { d as unsupportedLinkType, n as nilAssignmentMessage, t as templates } from "./messages.js";
+class NilAssignmentError extends Error {
+  constructor(params) {
+    const message = nilAssignmentMessage(params);
+    super(message);
+    this.name = "NilAssignmentError";
+    this.message = message;
+  }
+}
+class UnsupportedLinkTypeError extends Error {
+  constructor(params) {
+    const message = unsupportedLinkType(params);
+    super(message);
+    this.name = "UnsupportedLinkTypeError";
+    this.message = message;
+  }
+}
+class InvalidLabelError extends NilAssignmentError {
+  constructor(index) {
+    super({
+      functionName: "menuItems",
+      propertyName: "label",
+      index
+    });
+    this.name = "InvalidLabelError";
+  }
+}
+class InvalidIdPatternError extends Error {
+  constructor({
+    index,
+    label,
+    id
+  }) {
+    super(
+      templates.error_menu_items_id_pattern({
+        index,
+        label,
+        id
+      })
+    );
+    this.name = "InvalidIdPatternError";
+  }
+}
+class NonUniqueIdError extends Error {
+  constructor({ id }) {
+    super(templates.error_menu_items_id_uniqueness({ id }));
+    this.name = "NonUniqueIdError";
+  }
+}
+class InvalidTargetError extends Error {
+  constructor({
+    index,
+    label,
+    target
+  }) {
+    super(
+      templates.error_menu_items_target({
+        index,
+        label,
+        target
+      })
+    );
+    this.name = "InvalidTargetError";
+  }
+}
+class InvalidMenuDepthError extends Error {
+  constructor(maxLevels, labelValue) {
+    super(
+      templates.error_menu_items_depth({
+        labelValue,
+        maxLevels
+      })
+    );
+    this.name = "InvalidMenuDepth";
+  }
+}
+class LinkTypeError extends UnsupportedLinkTypeError {
+  constructor(wrongValue, index) {
+    super({
+      functionName: "menuItems",
+      propertyName: "link",
+      wrongValue,
+      index
+    });
+  }
+}
+const idPattern = /^[a-zA-Z\d-]*$/;
+const validateIdPattern = (items, parentIndex) => {
+  items == null ? void 0 : items.every(({ id, link = "", label = link, menuItems }, index) => {
+    if (id && !idPattern.test(id)) {
+      throw new InvalidIdPatternError({
+        index: parentIndex === void 0 ? index : parentIndex,
+        label,
+        id
+      });
+    }
+    return validateIdPattern(menuItems, index);
+  });
+};
+const validateIdUniqueness = (items) => {
+  const ids = getItemIds(items || []);
+  const duplicatedId = findDuplicate(ids);
+  if (duplicatedId !== void 0) {
+    throw new NonUniqueIdError({ id: duplicatedId });
+  }
+};
+const getItemIds = (menuItems) => {
+  return menuItems.reduce(
+    (agg, curr) => {
+      return [
+        ...agg,
+        ...isString(curr.id) ? [curr.id] : [],
+        ...curr.menuItems ? getItemIds(curr.menuItems) : []
+      ];
+    },
+    []
+  );
+};
+const findDuplicate = (arr) => {
+  return arr.find((value, idx) => {
+    return idx !== arr.lastIndexOf(value);
+  });
+};
+const validateMenuItemsId = (menuItems) => {
+  try {
+    validateIdUniqueness(menuItems);
+    validateIdPattern(menuItems);
+  } catch (error) {
+    reportError(error.message);
+    return false;
+  }
+  return true;
+};
+const validateMenuItemsTarget = (value) => {
+  if (!value) {
+    return true;
+  }
+  const checkMenuItemsTarget = (items, parentIndex) => (items == null ? void 0 : items.every(({ target, link = "", label = link, menuItems }, index) => {
+    if (target != null && target !== "_blank" && target !== "_self") {
+      throw new InvalidTargetError({
+        index: parentIndex === void 0 ? index : parentIndex,
+        label,
+        target
+      });
+    }
+    return checkMenuItemsTarget(menuItems, index);
+  })) ?? true;
+  try {
+    return checkMenuItemsTarget(value);
+  } catch (error) {
+    reportError(error.message);
+    return false;
+  }
+};
+const validateMenuItemsDepth = (maxLevels) => (value) => {
+  if (!value) {
+    return true;
+  }
+  const checkMenuItemsLevel = ({
+    currentLevel,
+    items
+  }) => {
+    if (!items) {
+      return true;
+    }
+    if (items.length === 0) {
+      return true;
+    } else if (currentLevel < 0) {
+      return false;
+    }
+    return items.every(({ menuItems, label, link }) => {
+      const hasMenuItems = typeof menuItems !== "undefined";
+      if (!hasMenuItems) {
+        return true;
+      }
+      const isValidMenuItems = checkMenuItemsLevel({
+        items: menuItems,
+        currentLevel: currentLevel - 1
+      });
+      if (!isValidMenuItems) {
+        throw new InvalidMenuDepthError(maxLevels + 1, label || link || "");
+      }
+      return isValidMenuItems;
+    });
+  };
+  return value.every(({ menuItems, label, link }) => {
+    try {
+      const result = checkMenuItemsLevel({
+        items: menuItems,
+        currentLevel: maxLevels - 1
+      });
+      if (result === false) {
+        throw new InvalidMenuDepthError(maxLevels + 1, label || link || "");
+      }
+    } catch (error) {
+      reportError(error.message);
+      return false;
+    }
+    return true;
+  });
+};
+const pageUrlRegex = /^\/([^ ?#]*)[?]?(.*)/;
+const isPageUrl = (url) => pageUrlRegex.test(url);
+const getLink = ({
+  link,
+  target,
+  linkUtils
+}) => {
+  if (!isNil(link)) {
+    const passedTarget = target;
+    return linkUtils.getLinkProps(link, passedTarget);
+  }
+  return {};
+};
+const getPageTitleFromUrl = (url, pageList) => {
+  var _a;
+  const key = url.slice(1);
+  if (pageList.hasOwnProperty(key)) {
+    return (_a = pageList[key]) == null ? void 0 : _a.title;
+  }
+  return void 0;
+};
+const getLabel = ({
+  link,
+  label,
+  pageList
+}) => {
+  if (!isNil(label)) {
+    return label;
+  }
+  if (!isNil(link) && isPageUrl(link)) {
+    return getPageTitleFromUrl(link, pageList);
+  }
+  return void 0;
+};
+const validators = [
+  validateMenuItemsDepth(1),
+  validateMenuItemsTarget,
+  validateMenuItemsId
+];
+const validateMenuItems = (menuItems) => {
+  let isValid = true;
+  isValid = validators.every((validator) => validator(menuItems));
+  return isValid;
+};
+const getMenuItems = (linkUtils, pageList, items) => {
+  if (isArray(items)) {
+    return items.map(
+      (menuItem, i) => createMenuDataItem(menuItem, i, linkUtils, pageList)
+    );
+  }
+  return [];
+};
+const createMenuDataItem = (menuDataItem, index, linkUtils, pageList) => {
+  const menuSdkItem = {};
+  try {
+    const linkData = getLink({
+      linkUtils,
+      link: menuDataItem.link,
+      target: menuDataItem.target || "_self"
+    });
+    if (linkData.href) {
+      menuSdkItem.link = linkData.href;
+      menuSdkItem.target = linkData.target || "_self";
+    }
+  } catch (error) {
+    throw new LinkTypeError(menuDataItem.link || "", index);
+  }
+  const label = getLabel({
+    label: menuDataItem.label,
+    link: menuDataItem.link,
+    pageList
+  });
+  if (isNil(label)) {
+    throw new InvalidLabelError(index);
+  }
+  if (!isNil(menuDataItem.id)) {
+    menuSdkItem.id = menuDataItem.id;
+  }
+  menuSdkItem.label = label;
+  if (!isNil(menuDataItem.selected)) {
+    menuSdkItem.selected = menuDataItem.selected;
+  }
+  return {
+    ...menuSdkItem,
+    menuItems: getMenuItems(linkUtils, pageList, menuDataItem.menuItems)
+  };
+};
+const rootItemDepthLevel = 0;
+const subItemDepthLevel = 1;
+const subSubItemDepthLevel = 2;
+const getItemDepthSelector = (depth) => `[data-item-depth="${depth}"]`;
+export {
+  subSubItemDepthLevel as a,
+  createMenuDataItem as c,
+  getItemDepthSelector as g,
+  rootItemDepthLevel as r,
+  subItemDepthLevel as s,
+  validateMenuItems as v
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2485.0",
+  "version": "1.2487.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -82,7 +82,7 @@
     "@wix/sdk": "^1.21.14",
     "@wix/services-manager-react": "^0.1.27",
     "@wix/site-service-rendering-context": "^1.0.1",
-    "@wix/site-ui": "1.214.0",
+    "@wix/site-ui": "1.215.0",
     "@wix/video": "^1.85.0",
     "@wix/viewer-service-consent-policy": "^1.0.101",
     "@wix/web-bi-logger": "^2.1.29",
@@ -197,5 +197,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "9be35a26c8ff9d0359109ccfb4a14c6675ce7d5f98e6a6c991fa062b"
+  "falconPackageHash": "5a699110253634320fa858383a7288b23e44a7cde57f3cb6a53ee227"
 }