@wix/editor-react-components 1.2153.0

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

@@ -0,0 +1,95 @@
+import { m as $c7eafbbe1ea5834e$export$535bd6ca7f90a273 } from "./filterDOMProps.js";
+import React__default, { useState, useEffect, useContext } from "react";
+const $d805ff57cab8bee2$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
+  "Arab",
+  "Syrc",
+  "Samr",
+  "Mand",
+  "Thaa",
+  "Mend",
+  "Nkoo",
+  "Adlm",
+  "Rohg",
+  "Hebr"
+]);
+const $d805ff57cab8bee2$var$RTL_LANGS = /* @__PURE__ */ new Set([
+  "ae",
+  "ar",
+  "arc",
+  "bcc",
+  "bqi",
+  "ckb",
+  "dv",
+  "fa",
+  "glk",
+  "he",
+  "ku",
+  "mzn",
+  "nqo",
+  "pnb",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
+  if (Intl.Locale) {
+    let locale = new Intl.Locale(localeString).maximize();
+    let textInfo = typeof locale.getTextInfo === "function" ? locale.getTextInfo() : locale.textInfo;
+    if (textInfo) return textInfo.direction === "rtl";
+    if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
+  }
+  let lang = localeString.split("-")[0];
+  return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
+}
+const $520a025cdb0d710d$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
+function $520a025cdb0d710d$export$f09106e7c6677ec5() {
+  let locale = typeof window !== "undefined" && window[$520a025cdb0d710d$var$localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
+  try {
+    Intl.DateTimeFormat.supportedLocalesOf([
+      locale
+    ]);
+  } catch {
+    locale = "en-US";
+  }
+  return {
+    locale,
+    direction: $d805ff57cab8bee2$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
+  };
+}
+let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
+let $520a025cdb0d710d$var$listeners = /* @__PURE__ */ new Set();
+function $520a025cdb0d710d$var$updateLocale() {
+  $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
+  for (let listener of $520a025cdb0d710d$var$listeners) listener($520a025cdb0d710d$var$currentLocale);
+}
+function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
+  let isSSR = $c7eafbbe1ea5834e$export$535bd6ca7f90a273();
+  let [defaultLocale, setDefaultLocale] = useState($520a025cdb0d710d$var$currentLocale);
+  useEffect(() => {
+    if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener("languagechange", $520a025cdb0d710d$var$updateLocale);
+    $520a025cdb0d710d$var$listeners.add(setDefaultLocale);
+    return () => {
+      $520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
+      if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener("languagechange", $520a025cdb0d710d$var$updateLocale);
+    };
+  }, []);
+  if (isSSR) {
+    let locale = typeof window !== "undefined" && window[$520a025cdb0d710d$var$localeSymbol];
+    return {
+      locale: locale || "en-US",
+      direction: "ltr"
+    };
+  }
+  return defaultLocale;
+}
+const $2eb8e6d23f3d0cb0$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);
+function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
+  let defaultLocale = $520a025cdb0d710d$export$188ec29ebc2bdc3a();
+  let context = useContext($2eb8e6d23f3d0cb0$var$I18nContext);
+  return context || defaultLocale;
+}
+export {
+  $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 as $
+};

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

@@ -0,0 +1,159 @@
+import * as React from "react";
+import { i as imageKit, g as getPlaceholder } from "./index3.js";
+const image = "image__WopE9";
+const styles = {
+  image
+};
+const { STATIC_MEDIA_URL } = imageKit;
+const fetchLQIP = ({ fittingType, src, target, options }) => {
+  const placeholder = getPlaceholder(fittingType, src, target, {
+    ...options,
+    autoEncode: true
+  });
+  if ((placeholder == null ? void 0 : placeholder.uri) && !/^[a-z]+:/.test(placeholder.uri)) {
+    placeholder.uri = `${STATIC_MEDIA_URL}${placeholder.uri}`;
+  }
+  return placeholder;
+};
+const SCHEME_RE = /^[a-z]+:/;
+const Image = (props) => {
+  var _a, _b;
+  const { id, containerId, uri, alt, name = "", role, width, height, displayMode, devicePixelRatio, quality, alignType, bgEffectName = "", focalPoint, upscaleMethod, className = "", crop, imageStyles = {}, targetWidth, targetHeight, targetScale, onLoad = () => {
+  }, onError = () => {
+  }, shouldUseLQIP, containerWidth, containerHeight, getPlaceholder: getPlaceholder2, isInFirstFold, placeholderTransition, socialAttrs, isSEOBot, skipMeasure, hasAnimation, encoding, isFluidLayout } = props;
+  const imageRef = React.useRef(null);
+  let hasSsrSrc = "";
+  const hasBlurTransition = placeholderTransition === "blur";
+  const ssrImageData = React.useRef(null);
+  if (!ssrImageData.current) {
+    if (getPlaceholder2 || shouldUseLQIP || isInFirstFold || isSEOBot) {
+      const options = {
+        upscaleMethod,
+        ...quality ? quality : {},
+        shouldLoadHQImage: isInFirstFold,
+        isSEOBot,
+        hasAnimation,
+        encoding
+      };
+      ssrImageData.current = (getPlaceholder2 || fetchLQIP)({
+        fittingType: displayMode,
+        src: {
+          id: uri,
+          width,
+          height,
+          crop,
+          name,
+          focalPoint
+        },
+        target: {
+          width: containerWidth,
+          height: containerHeight,
+          alignment: alignType,
+          htmlTag: "img"
+        },
+        options
+      });
+      hasSsrSrc = !ssrImageData.current.transformed || isInFirstFold || isSEOBot ? "" : "true";
+    } else {
+      ssrImageData.current = {
+        uri: void 0,
+        css: { img: {} },
+        attr: { img: {}, container: {} },
+        transformed: false
+      };
+    }
+  }
+  const isLQIP = !isSEOBot && (getPlaceholder2 || shouldUseLQIP) && !isInFirstFold && ssrImageData.current.transformed;
+  const imageInfo = React.useMemo(() => JSON.stringify({
+    containerId,
+    ...containerId && { containerId },
+    ...alignType && { alignType },
+    ...skipMeasure && { skipMeasure: true },
+    displayMode,
+    ...containerWidth && { targetWidth: containerWidth },
+    ...containerHeight && { targetHeight: containerHeight },
+    ...targetWidth && { targetWidth },
+    ...targetHeight && { targetHeight },
+    ...targetScale && { targetScale },
+    isLQIP,
+    isSEOBot,
+    lqipTransition: placeholderTransition,
+    encoding,
+    imageData: {
+      width,
+      height,
+      uri,
+      name,
+      displayMode,
+      hasAnimation,
+      ...quality && { quality },
+      ...devicePixelRatio && { devicePixelRatio },
+      ...focalPoint && { focalPoint },
+      ...crop && { crop },
+      ...upscaleMethod && { upscaleMethod }
+    }
+  }), [
+    containerId,
+    alignType,
+    skipMeasure,
+    displayMode,
+    containerWidth,
+    containerHeight,
+    targetWidth,
+    targetHeight,
+    targetScale,
+    isLQIP,
+    isSEOBot,
+    placeholderTransition,
+    encoding,
+    width,
+    height,
+    uri,
+    name,
+    hasAnimation,
+    quality,
+    devicePixelRatio,
+    focalPoint,
+    crop,
+    upscaleMethod
+  ]);
+  const ssrResult = ssrImageData.current;
+  const src = ssrResult == null ? void 0 : ssrResult.uri;
+  const srcset = ssrResult == null ? void 0 : ssrResult.srcset;
+  const placeholderStyle = (_a = ssrResult.css) == null ? void 0 : _a.img;
+  const classNames = `${styles.image} ${className}`;
+  React.useEffect(() => {
+    const imgElement = imageRef.current;
+    if (onLoad && (imgElement == null ? void 0 : imgElement.currentSrc) && (imgElement == null ? void 0 : imgElement.complete)) {
+      onLoad({
+        target: imgElement
+      });
+    }
+  }, []);
+  const maxWidth = ssrResult && !(ssrResult == null ? void 0 : ssrResult.transformed) ? `max(${width}px, 100%)` : targetWidth ? `${targetWidth}px` : null;
+  return React.createElement(
+    "wow-image",
+    { id, class: classNames, "data-image-info": imageInfo, "data-motion-part": `BG_IMG ${containerId}`, "data-bg-effect-name": bgEffectName, "data-has-ssr-src": hasSsrSrc, "data-animate-blur": !isSEOBot && isLQIP && hasBlurTransition ? "" : void 0, "data-is-responsive": isFluidLayout ? "true" : void 0, style: maxWidth ? { "--wix-img-max-width": maxWidth } : {} },
+    React.createElement("img", {
+      src,
+      ref: imageRef,
+      alt: alt || "",
+      role,
+      style: { ...placeholderStyle, ...imageStyles },
+      onLoad,
+      onError,
+      width: containerWidth ? containerWidth : void 0,
+      height: containerHeight ? containerHeight : void 0,
+      ...socialAttrs,
+      srcSet: isInFirstFold ? (_b = srcset == null ? void 0 : srcset.dpr) == null ? void 0 : _b.map((s) => SCHEME_RE.test(s) ? s : `${STATIC_MEDIA_URL}${s}`).join(", ") : void 0,
+      // @ts-expect-error fetchpriority type should work in react > 18.3 https://github.com/facebook/react/pull/25927
+      fetchpriority: isInFirstFold ? "high" : void 0,
+      loading: isInFirstFold === false ? "lazy" : void 0,
+      // The src attribute triggers a mismatch warning because wow-image updates its src outside of the React lifecycle. This causes React to retain the old value in the virtual DOM, which could potentially lead to a bug where the old value is re-rendered during updates. However, we’re confident that this issue is not reproducing in current (16-18) React versions
+      suppressHydrationWarning: true
+    })
+  );
+};
+export {
+  Image as I
+};

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

@@ -0,0 +1,127 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { a as activateBySpaceOrEnterButton, c as activateBySpaceButton, d as activateByEnterButton } from "./a11y.js";
+import { a as getDataAttributes } from "./dataUtils.js";
+const TestIds = {
+  root: "linkElement"
+};
+const getDefaultActivateByKey = (linkPopupId) => linkPopupId ? "SpaceOrEnter" : "Enter";
+const Link = (props, ref) => {
+  const {
+    href,
+    role,
+    target,
+    rel,
+    className = "",
+    children,
+    linkPopupId,
+    anchorDataId,
+    anchorCompId,
+    tabIndex,
+    dataTestId = TestIds.root,
+    title,
+    onClick,
+    onDoubleClick,
+    onMouseEnter,
+    onMouseLeave,
+    onFocus,
+    onFocusCapture,
+    onBlurCapture,
+    "aria-live": ariaLive,
+    "aria-disabled": ariaDisabled,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-pressed": ariaPressed,
+    "aria-expanded": ariaExpended,
+    "aria-describedby": ariaDescribedBy,
+    "aria-haspopup": ariaHasPopup,
+    "aria-current": ariaCurrent,
+    dataPreview,
+    dataPart
+  } = props;
+  const activateByKey = props.activateByKey !== void 0 ? props.activateByKey : getDefaultActivateByKey(linkPopupId);
+  let onKeyDown;
+  switch (activateByKey) {
+    case "Enter":
+      onKeyDown = activateByEnterButton;
+      break;
+    case "Space":
+      onKeyDown = activateBySpaceButton;
+      break;
+    case "SpaceOrEnter":
+      onKeyDown = activateBySpaceOrEnterButton;
+      break;
+    default:
+      onKeyDown = void 0;
+      break;
+  }
+  return href !== void 0 || linkPopupId ? /* @__PURE__ */ jsx(
+    "a",
+    {
+      ...getDataAttributes(props),
+      "data-testid": dataTestId,
+      "data-popupid": linkPopupId,
+      "data-anchor": anchorDataId,
+      "data-anchor-comp-id": anchorCompId,
+      "data-preview": dataPreview,
+      "data-part": dataPart,
+      href: href || void 0,
+      target,
+      role: linkPopupId ? "button" : role,
+      rel,
+      className,
+      onKeyDown,
+      "aria-live": ariaLive,
+      "aria-disabled": ariaDisabled,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-pressed": ariaPressed,
+      "aria-expanded": ariaExpended,
+      "aria-haspopup": ariaHasPopup,
+      "aria-describedby": ariaDescribedBy,
+      "aria-current": ariaCurrent,
+      title,
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      onDoubleClick,
+      onFocus,
+      onFocusCapture,
+      onBlurCapture,
+      ref,
+      tabIndex: linkPopupId ? 0 : tabIndex,
+      children
+    }
+  ) : /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...getDataAttributes(props),
+      "data-testid": dataTestId,
+      "data-preview": dataPreview,
+      "data-part": dataPart,
+      className,
+      tabIndex,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-haspopup": ariaHasPopup,
+      "aria-disabled": ariaDisabled,
+      "aria-expanded": ariaExpended,
+      title,
+      role,
+      onClick,
+      onDoubleClick,
+      onMouseEnter,
+      onMouseLeave,
+      ref,
+      children
+    }
+  );
+};
+const Link$1 = React.forwardRef(Link);
+const isValidLink = (link) => {
+  return Boolean(link && (link.href || link.linkPopupId));
+};
+export {
+  Link$1 as L,
+  isValidLink as i
+};

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

@@ -0,0 +1,31 @@
+const createLinkSdkFactory = ({ linkProperty }) => ({ props, setProps }) => {
+  return {
+    get link() {
+      var _a;
+      return (_a = props[linkProperty]) == null ? void 0 : _a.href;
+    },
+    set link(value) {
+      const link = props[linkProperty] ?? {};
+      setProps({ [linkProperty]: { ...link, href: value } });
+    },
+    get rel() {
+      var _a;
+      return (_a = props[linkProperty]) == null ? void 0 : _a.rel;
+    },
+    set rel(value) {
+      const link = props[linkProperty] ?? {};
+      setProps({ [linkProperty]: { ...link, rel: value } });
+    },
+    get target() {
+      var _a;
+      return (_a = props[linkProperty]) == null ? void 0 : _a.target;
+    },
+    set target(value) {
+      const link = props[linkProperty] ?? {};
+      setProps({ [linkProperty]: { ...link, target: value } });
+    }
+  };
+};
+export {
+  createLinkSdkFactory as c
+};