@wix/editor-react-components 1.2639.0 → 1.2641.0

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
 const AnimatedIconWithReducedMotion = forwardRef((props, ref) => {
   const environment = useService(EnvironmentDefinition);

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import React__default, { useRef, useCallback, useMemo, useEffect, useState, forwardRef, useContext, createContext, useSyncExternalStore } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import Image3 from "../Image3/component.js";
 import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants42.js";

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

@@ -10,7 +10,7 @@ import { s as semanticClassNames, D as DesignStates } from "../chunks/constants4
 import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
 import { useService } from "@wix/services-manager-react";
 import { d as defineService } from "../chunks/index8.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { U as UrlDefinition } from "../chunks/index13.js";
 const $b5e257d569688ac6$var$defaultContext = {
   prefix: String(Math.round(Math.random() * 1e10)),

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

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { F as Field, e as Checkbox, T as Tooltip } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";

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

@@ -3,7 +3,7 @@ import { useState, useRef } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { a as Fieldset, T as Tooltip, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, c as InfoCircle_default, e as Checkbox } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { p as parseHtml } from "../chunks/parseHtml.js";
 import { e as getTabIndexAttribute } from "../chunks/a11y.js";

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

@@ -10,7 +10,7 @@ import { $ as $cf2482eff2eeeec2$export$f12b703ca79dfbb1 } from "../chunks/useLoc
 import { $ as $ea3928288112382f$export$439d29a4e110a164, a as $ea3928288112382f$export$a966af930f325cab } from "../chunks/VisuallyHidden.js";
 import __rspack_external_react_dom_7136dc57__default from "react-dom";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { d as directionStyles } from "../chunks/direction.module.js";

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

@@ -4,7 +4,7 @@ import { useState, useCallback, useLayoutEffect, useEffect, useRef } from "react
 import { c as clsx } from "../chunks/clsx.js";
 import { C as Combobox, F as Field, B as Button_Button_Button } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";

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

@@ -8,9 +8,9 @@ import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../
 import { createPortal } from "react-dom";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import { G as GOOGLE_MAPS_DIRECTIONS_BASE_URL, M as MIN_ZOOM, a as MAX_ZOOM, T as TestIds, 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 { p as parse } from "../chunks/index4.js";
+import { p as parse } from "../chunks/index.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { u as useConsentPolicyProps, C as ConsentPolicyWrapper } from "../chunks/useConsentPolicyProps.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { g as getTranslation } from "../chunks/getTranslation.js";

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

@@ -7,7 +7,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { e as getTabIndexAttribute } from "../chunks/a11y.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 { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants35.js";
 const isBrowser = () => typeof window !== "undefined";

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

@@ -7,7 +7,7 @@ import * as React from "react";
 import { a as getData, g as getPlaceholder, S as STATIC_MEDIA_URL$1 } from "../chunks/index5.js";
 import { g as getMediaSizeQueryString, c as camelToKebab, a as getMediaUrlByContext, i as initCustomElement } from "../chunks/customElementInit.js";
 import { useService } from "@wix/services-manager-react";
-import { R as RenderingContextDefinition } from "../chunks/index3.js";
+import { R as RenderingContextDefinition } from "../chunks/index4.js";
 const image = "image__iWj48";
 const styles = {
   image

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

@@ -5,7 +5,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { e as getTabIndexAttribute, f 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 { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { useService } from "@wix/services-manager-react";
 const semanticClassNames = {
   root: "line"

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

@@ -9,7 +9,7 @@ import { r as rootDataDefaults, s as semanticSelectors, A as ARIA_LABEL_NAMESPAC
 import React__default, { useEffect, useState, useRef, useMemo } from "react";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { u as useHasDisplayedElement } from "../chunks/useHasDisplayedElement.js";
 var lottie$2 = { exports: {} };
 var lottie$1 = lottie$2.exports;

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

@@ -13,7 +13,7 @@ import { L as Link } from "../chunks/Link.js";
 import { i as isEmptyObject, a as getDataAttributes } from "../chunks/dataUtils.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 { E as EnvironmentDefinition } from "../chunks/index3.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
 import { B as Button } from "../chunks/Button.js";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";

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

@@ -3,7 +3,7 @@ import { i as isNil, h as isDate, l as isObject, k as isArray } from "../chunks/
 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/utils3.js";
-import { L as LinkUtilsDefinition } from "../chunks/index.js";
+import { L as LinkUtilsDefinition } from "../chunks/index2.js";
 const sanitizeItem = (item) => Object.entries(item).reduce((acc, [key, value]) => {
   if (isNil(value)) {
     return acc;

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

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { a as Fieldset, T as Tooltip, R as RadioGroup_RadioGroup_RadioGroup, b as Radio, c as InfoCircle_default } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";

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

@@ -7,7 +7,7 @@ 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 { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { g as getTranslation } from "../chunks/getTranslation.js";
 const validateActiveSlide = (activeSlide, slidesLength) => {

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.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" }));

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

@@ -4,7 +4,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { O as OVERFLOW_BEHAVIOR, c as classes } from "../chunks/constants20.js";
 import { d as debounce } from "../chunks/performanceUtils.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { H as HAS_CUSTOM_FOCUS_CLASSNAME } from "../chunks/a11y.js";
 const tabs = "tabs__xLDfA";
 const tabMenu = "tab-menu__LMnG9";

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

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { F as Field, T as Tooltip, I as Input_Input_Input } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { createContext, useState, useRef, useCallback, Component, createElement, Suspense, useContext } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { b as getAccessibilityAttributes, H as HAS_CUSTOM_FOCUS_CLASSNAME } from "../chunks/a11y.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { L as Link } from "../chunks/Link.js";

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

@@ -6,7 +6,7 @@ import { $ as $58246871e4652552$export$c9698ec7f05a07e1, a as $40825cdb76e74f70$
 import { $ as $4e3b923658d69c60$export$8c610744efcf8a1d, a as $4e3b923658d69c60$export$28c660c63b792dea, b as $514c0188e459b4c0$export$5f1af8db9871e1d6, c as $ee014567cb39d3f0$export$f551688fc98f2e09 } from "../chunks/Tooltip.js";
 import { $ as $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 } from "../chunks/filterDOMProps.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { g as getTranslation } from "../chunks/getTranslation.js";

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useRef, useState, useEffect, useMemo, useCallback } from "react";
-import { p as parse } from "../chunks/index4.js";
+import { p as parse } from "../chunks/index.js";
 import { F as FilterEffectType, V as VideoStartType, a as VideoEndType, b as VideoPlayingState } from "../chunks/TransparentVideo.types.js";
 import "../chunks/index5.js";
 import { c as clsx } from "../chunks/clsx.js";

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

@@ -4,8 +4,8 @@ import { c as clsx } from "../chunks/clsx.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { V as Video } from "../chunks/Video.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
-import { R as RenderingContextDefinition } from "../chunks/index3.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
+import { R as RenderingContextDefinition } from "../chunks/index4.js";
 const semanticClassNames = {
   root: "video-upload",
   title: "video-upload__title"

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

@@ -3,6 +3,7 @@ import { ScreenReaderSDKProps, AriaAttributesSDKProps, LangSDKProps } from '../.
 import { IElementPropsSDKActions } from '../../../common/sdk/props-factories/elementPropsSDKFactory';
 import { IClickPropsSDKActions } from '../../../common/sdk/props-factories/clickPropsSDKFactory';
 import { default as React } from 'react';
+import { Link } from '@wix/editor-react-types';
 type BooleanString = 'true' | 'false';
 type A11yRole = 'region' | 'group' | 'none' | 'status' | 'alert' | 'nav';
 type AriaLive = 'polite' | 'assertive';
@@ -21,6 +22,7 @@ type WRichTextProps = {
     html: string;
     skin: WRichTextSkin;
     a11y?: StyledTextA11yProps;
+    link?: Link;
 };
 type ListMarkersInRtlExperiment = {
     isListInRtlEnabled: boolean;

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

@@ -6,7 +6,9 @@ import { f as formatClassNames } from "../chunks/classNames.js";
 import { g as getQaDataAttributes, a as getDataAttributes } from "../chunks/dataUtils.js";
 import { a as activateBySpaceOrEnterButton, g as getAccessibilityAttributesSpread } from "../chunks/a11y.js";
 import { p as parseHtml } from "../chunks/parseHtml.js";
+import { i as isValidLink, L as Link } from "../chunks/Link.js";
 import { T as TestIds } from "../chunks/constants.js";
+import { l as libExports } from "../chunks/index.js";
 const semanticClassNames = {
   root: "rich-text"
 };
@@ -24,6 +26,7 @@ const wRichTextClickableSkin = "WRichTextClickableSkin__uOAlS";
 const WRichTextThemeSkin = "WRichTextThemeSkin__MmVol";
 const wRichTextThemeSkin = "WRichTextThemeSkin__MmVol";
 const listDirectionSpec = "list-direction-spec__FK8Gl";
+const componentLink = "componentLink__TMksE";
 const skinsStyle = {
   clickable,
   srOnly,
@@ -39,7 +42,8 @@ const skinsStyle = {
   WRichTextThemeSkin,
   wRichTextThemeSkin,
   "list-direction-spec": "list-direction-spec__FK8Gl",
-  listDirectionSpec
+  listDirectionSpec,
+  componentLink
 };
 function usePopupLinkEvents(htmlWrapperRef, deps = []) {
   const trackedLinkElementsRef = useRef([]);
@@ -64,6 +68,28 @@ function usePopupLinkEvents(htmlWrapperRef, deps = []) {
     return clearPopupLinkListeners;
   }, deps);
 }
+const LINK_BEHAVIOUR_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "href",
+  "target",
+  "rel",
+  "data-popupid",
+  "data-anchor",
+  "data-anchor-comp-id"
+]);
+const demoteInlineAnchors = {
+  replace: (domNode) => {
+    if (domNode.type !== "tag" || domNode.name !== "a") {
+      return void 0;
+    }
+    const anchor = domNode;
+    const keptAttributes = Object.fromEntries(
+      Object.entries(anchor.attribs).filter(
+        ([name]) => !LINK_BEHAVIOUR_ATTRIBUTES.has(name)
+      )
+    );
+    return /* @__PURE__ */ jsx("span", { ...libExports.attributesToProps(keptAttributes, "span"), children: libExports.domToReact(anchor.children, demoteInlineAnchors) });
+  }
+};
 const ScreenReaderAffix = ({
   text,
   testId
@@ -86,12 +112,14 @@ const WRichText$1 = React.forwardRef((props, ref) => {
     isListInRtlEnabled,
     // Should be removed after the specs.thunderbolt.wrichtextListInRtl experiment is open to 100%
     isClassNameToRootEnabled,
-    corvid
+    corvid,
+    link
   } = props;
   const [isInteractive, setIsInteractive] = React.useState(false);
   const { prefix, suffix } = screenReader || {};
   const htmlWrapperRef = React.useRef(null);
-  usePopupLinkEvents(htmlWrapperRef, [html]);
+  const componentLink2 = isValidLink(link) ? link : void 0;
+  usePopupLinkEvents(htmlWrapperRef, [html, Boolean(componentLink2)]);
   const skinsWithContainer = [
     "WRichTextSkin",
     "WRichTextClickableSkin"
@@ -184,7 +212,19 @@ const WRichText$1 = React.forwardRef((props, ref) => {
       testId: TestIds.screenReaderSuffixElement
     }
   );
-  const richTextElement = /* @__PURE__ */ jsx("div", { ...richTextAttributes, children: parseHtml(html) });
+  const parsedHtml = parseHtml(
+    html,
+    componentLink2 ? demoteInlineAnchors : void 0
+  );
+  const richTextElement = /* @__PURE__ */ jsx("div", { ...richTextAttributes, children: componentLink2 ? /* @__PURE__ */ jsx(
+    Link,
+    {
+      ...componentLink2,
+      className: skinsStyle.componentLink,
+      dataTestId: TestIds.componentLink,
+      children: parsedHtml
+    }
+  ) : parsedHtml });
   if (isInContainer) {
     return /* @__PURE__ */ jsxs("div", { ...wrapperAttributes, children: [
       prefixElement,

package/dist/site/components/WRichText/components/demoteInlineAnchors.d.ts

@@ -0,0 +1,2 @@
+import { HTMLReactParserOptions } from 'html-react-parser';
+export declare const demoteInlineAnchors: HTMLReactParserOptions;

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

@@ -8,4 +8,5 @@ export declare const TestIds: {
     readonly containerElement: "containerElement";
     readonly screenReaderPrefixElement: "screenReaderPrefixElement";
     readonly screenReaderSuffixElement: "screenReaderSuffixElement";
+    readonly componentLink: "componentLink";
 };

package/dist/site/components/WRichText/css.css

@@ -357,6 +357,23 @@ div) span[style*=color] {
 .list-direction-spec__FK8Gl li {
   margin-inline-start: 1.3em;
   margin-inline-end: 0;
+}
+
+.componentLink__TMksE {
+  display: block;
+  color: inherit;
+  text-decoration: inherit;
+}
+
+@supports (-webkit-appearance: none) and (stroke-color: transparent) {
+  .supportTableDesign__Lc0ts .componentLink__TMksE > * > :first-child {
+    vertical-align: top;
+  }
+}
+@supports (-webkit-touch-callout: none) {
+  .supportTableDesign__Lc0ts .componentLink__TMksE > * > :first-child {
+    vertical-align: top;
+  }
 }.wrichtext__a-BNA {
   word-wrap: break-word;
   overflow-wrap: break-word;

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

@@ -61,6 +61,24 @@ const manifest = {
         dataType: DATA.DATA_TYPE.richText,
         displayName: "Text"
       },
+      // Whole-component link, rendered around the text. No popup links: the
+      // viewer renders it from the resolved href alone.
+      link: {
+        displayName: "Link",
+        dataType: DATA.DATA_TYPE.link,
+        [DATA.DATA_TYPE.link]: {
+          linkTypes: [
+            DATA.LINK_TYPE.pageLink,
+            DATA.LINK_TYPE.dynamicPageLink,
+            DATA.LINK_TYPE.externalLink,
+            DATA.LINK_TYPE.anchorLink,
+            DATA.LINK_TYPE.edgeAnchorLinks,
+            DATA.LINK_TYPE.documentLink,
+            DATA.LINK_TYPE.emailLink,
+            DATA.LINK_TYPE.phoneLink
+          ]
+        }
+      },
       a11y: {
         dataType: DATA.DATA_TYPE.a11y,
         [DATA.DATA_TYPE.a11y]: {

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

@@ -1,6 +1,6 @@
 import { c as createA11ySdk } from "../chunks/a11ySdk.js";
 import { s as sanitizeHTML } from "../chunks/sanitizeHTML.js";
-import { L as LinkUtilsDefinition } from "../chunks/index.js";
+import { L as LinkUtilsDefinition } from "../chunks/index2.js";
 import { w as wixCodeName, a as wixGuard, e as endBlockTagRegex, b as endTagRegex, s as startTagRegex } from "../chunks/constants.js";
 import { i as isNil } from "../chunks/assert.js";
 import { c as createElementPropsSDKFactory } from "../chunks/elementPropsSDKFactory.js";

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

@@ -12,7 +12,7 @@ import { d as activateByEnterButton, a as activateBySpaceOrEnterButton, r as rem
 import { i as isValidLink } from "./Link.js";
 import { d as defineStaticService } from "./staticService.js";
 import { d as defineService } from "./index8.js";
-import { E as EnvironmentDefinition } from "./index2.js";
+import { E as EnvironmentDefinition } from "./index3.js";
 import { useService } from "@wix/services-manager-react";
 const root = "root__IB9QF";
 const active = "active__lpoVO";

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

@@ -7,7 +7,8 @@ const TestIds = {
   richTextElement: "richTextElement",
   containerElement: "containerElement",
   screenReaderPrefixElement: "screenReaderPrefixElement",
-  screenReaderSuffixElement: "screenReaderSuffixElement"
+  screenReaderSuffixElement: "screenReaderSuffixElement",
+  componentLink: "componentLink"
 };
 export {
   TestIds as T,