@wix/editor-react-components 1.2153.0

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

@@ -0,0 +1,295 @@
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../chunks/clsx.js";
+import * as React from "react";
+import React__default, { useRef, useCallback, useEffect, useMemo } from "react";
+import { r as requireDist, u as useConsentPolicyProps, C as ConsentPolicyWrapper } from "../chunks/useConsentPolicyProps.js";
+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 definitionExports$1 } from "../chunks/index2.js";
+import { d as definitionExports$2 } from "../chunks/index5.js";
+import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants28.js";
+const isBrowser = () => typeof window !== "undefined";
+function useIFrame({
+  reducer = () => ({}),
+  iframeLoaded
+}) {
+  const prerenderMessages = useRef([]);
+  const iframe2 = useRef(void 0);
+  const loaded = useRef(void 0);
+  const iframeCleanupFunction = useRef(void 0);
+  const sendMessage = useCallback(
+    (message, options) => {
+      var _a;
+      if (iframe2.current && iframeLoaded || (options == null ? void 0 : options.forceSend)) {
+        const iFrameWindow2 = (_a = iframe2.current) == null ? void 0 : _a.contentWindow;
+        iFrameWindow2 == null ? void 0 : iFrameWindow2.postMessage(message, "*");
+        return;
+      }
+      if (!iframe2.current || !loaded.current || iframeLoaded === false) {
+        prerenderMessages.current.push(message);
+        return;
+      }
+      const iFrameWindow = iframe2.current.contentWindow;
+      iFrameWindow == null ? void 0 : iFrameWindow.postMessage(message, "*");
+    },
+    [iframeLoaded]
+  );
+  const sendBufferedMessages = useCallback(() => {
+    if (prerenderMessages.current.length !== 0 && iframeLoaded !== false) {
+      prerenderMessages.current.forEach((message) => sendMessage(message));
+      prerenderMessages.current = [];
+    }
+  }, [sendMessage, iframeLoaded]);
+  const ref = useCallback(
+    (node) => {
+      if (iframeCleanupFunction.current) {
+        iframeCleanupFunction.current();
+        iframeCleanupFunction.current = void 0;
+      }
+      if (!node) {
+        return;
+      }
+      const loadListener = () => {
+        loaded.current = true;
+        sendBufferedMessages();
+        reducer({ type: "load" }, sendMessage);
+      };
+      node.addEventListener("load", loadListener);
+      iframe2.current = node;
+      iframeCleanupFunction.current = () => {
+        node.removeEventListener("load", loadListener);
+      };
+    },
+    [reducer, sendMessage, sendBufferedMessages]
+  );
+  useEffect(() => {
+    if (iframeLoaded) {
+      sendBufferedMessages();
+    }
+  }, [iframeLoaded, sendBufferedMessages]);
+  useEffect(() => {
+    if (!isBrowser()) {
+      return;
+    }
+    const messageListener = (message) => {
+      var _a;
+      if (!message.source || message.source === ((_a = iframe2.current) == null ? void 0 : _a.contentWindow)) {
+        reducer({ type: "message", payload: message.data }, sendMessage);
+      }
+    };
+    window.addEventListener("message", messageListener);
+    return () => {
+      window.removeEventListener("message", messageListener);
+    };
+  }, [reducer, sendMessage]);
+  return [ref, sendMessage];
+}
+const root = "root__7VFLV";
+const iframeHolder = "iframeHolder__7c8Ou";
+const iframe = "iframe__h2h7i";
+const styles = {
+  root,
+  iframeHolder,
+  iframe
+};
+const HTMLComponent$1 = React.forwardRef((props, forwardRef) => {
+  const {
+    id,
+    className,
+    url,
+    allow,
+    scrolling,
+    title,
+    sandbox,
+    onMessage,
+    onMouseEnter,
+    onMouseLeave,
+    translations,
+    isConsentPolicyActive
+  } = props;
+  const [render, setRender] = React.useState(false);
+  React.useEffect(() => setRender(true), []);
+  const onMessageHandler = React.useCallback(
+    (event) => {
+      try {
+        if (event.type === "message") {
+          onMessage == null ? void 0 : onMessage({
+            data: event.payload,
+            type: "message"
+          });
+        }
+      } catch (e) {
+        return;
+      }
+    },
+    [onMessage]
+  );
+  const getIframeTitle = () => title || translations.title;
+  const [ref, sendMessage] = useIFrame({ reducer: onMessageHandler });
+  React.useImperativeHandle(forwardRef, () => ({
+    postMessage(message) {
+      sendMessage(message);
+    }
+  }));
+  const baseComponentProps = isConsentPolicyActive ? {} : {
+    id,
+    className: clsx(styles.root, className),
+    ...getDataAttributes(props),
+    ...getTabIndexAttribute(props.a11y)
+  };
+  return /* @__PURE__ */ jsx("div", { ...baseComponentProps, children: render && /* @__PURE__ */ jsx("wix-iframe", { "data-src": url, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: styles.iframeHolder,
+      onMouseEnter,
+      onMouseLeave,
+      children: /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          ref,
+          sandbox,
+          className: styles.iframe,
+          scrolling,
+          title: getIframeTitle(),
+          name: "htmlComp-iframe",
+          width: "100%",
+          height: "100%",
+          allow,
+          "data-src": url
+        }
+      )
+    }
+  ) }) });
+});
+var definition = {};
+var hasRequiredDefinition;
+function requireDefinition() {
+  if (hasRequiredDefinition) return definition;
+  hasRequiredDefinition = 1;
+  Object.defineProperty(definition, "__esModule", { value: true });
+  definition.TopologyDefinition = void 0;
+  const static_service_1 = /* @__PURE__ */ requireDist();
+  definition.TopologyDefinition = (0, static_service_1.defineStaticService)("viewer-core/viewer-service-topology");
+  return definition;
+}
+var definitionExports = /* @__PURE__ */ requireDefinition();
+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;
+  const alreadySet = !ALLOWED_PROTOCOLS.includes(protocol);
+  const link = url.split("//")[1];
+  return alreadySet ? url : `${protocol}//${link}`;
+};
+const useHTMLComponentProps = ({
+  props,
+  isPreview,
+  shouldUseConsentPolicy
+}) => {
+  var _a;
+  const { topology } = useService(definitionExports.TopologyDefinition);
+  const environment = useService(definitionExports$1.EnvironmentDefinition);
+  const { translate } = useService(definitionExports$2.TranslationsDefinition);
+  const consentPolicyProps = useConsentPolicyProps();
+  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 = translatedTitle !== HTML_COMPONENT_TITLE_KEY ? translatedTitle : HTML_COMPONENT_TITLE_DEFAULT;
+    const previewWrapperProps = {};
+    return {
+      ...props,
+      url: iframeUrl,
+      title: ((_a2 = props.a11y) == null ? void 0 : _a2.ariaLabel) ?? "",
+      scrolling: props.scrolling ?? "auto",
+      sandbox,
+      allow,
+      className: `${props.className || ""} html-component`,
+      componentConsentPolicy: props.componentConsentPolicy ?? DEFAULT_CONSENT_POLICY,
+      ...previewWrapperProps,
+      translations: {
+        ...props.translations,
+        title,
+        ...consentPolicyProps.translations
+      },
+      ...consentPolicyProps,
+      onMouseEnter: props.onMouseIn,
+      onMouseLeave: props.onMouseOut
+    };
+  }, [
+    props,
+    translate,
+    isPreview,
+    topology == null ? void 0 : topology.staticHTMLComponentUrl,
+    environment == null ? void 0 : environment.useSandboxInHTMLComp,
+    consentPolicyProps,
+    shouldUseConsentPolicy
+  ]);
+  return {
+    componentProps: memoizedProps,
+    isSSR: ((_a = environment == null ? void 0 : environment.isSSR) == null ? void 0 : _a.call(environment)) ?? false
+  };
+};
+const codeBlockIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.02637%2012.7462L10.0254%205L10.9936%205.24987L8.99465%2012.9961L8.02637%2012.7462Z'%20fill='black'%20/%3e%3cpath%20d='M7.41%2010.998L5.42%208.99799L7.41%207.00799L6.71%206.29799L4%208.99799L6.71%2011.708L7.41%2010.998Z'%20fill='black'%20/%3e%3cpath%20d='M14.9901%208.99799L12.2901%2011.708L11.5801%2010.998L13.5801%208.99799L11.5801%207.00799L12.2901%206.29799L14.9901%208.99799Z'%20fill='black'%20/%3e%3cpath%20d='M16.01%206.99769H18.51C19.34%206.99769%2020.01%207.66769%2020.01%208.49769V17.4977C20.01%2018.3277%2019.34%2018.9977%2018.51%2018.9977H7.51001C6.68001%2018.9977%206.01001%2018.3277%206.01001%2017.4977V13.9977H7.01001V17.4977C7.01001%2017.7777%207.23001%2017.9977%207.51001%2017.9977H18.51C18.79%2017.9977%2019.01%2017.7777%2019.01%2017.4977V8.49769C19.01%208.21769%2018.79%207.99769%2018.51%207.99769H16.01V6.99769Z'%20fill='black'%20/%3e%3c/svg%3e";
+const EmptyState = (props) => {
+  const { id, className } = props;
+  return /* @__PURE__ */ jsx("div", { id, className, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height: "100%",
+        backgroundColor: "white"
+      },
+      children: /* @__PURE__ */ jsx("img", { src: codeBlockIcon, alt: "Empty state" })
+    }
+  ) });
+};
+const HTMLComponent = React__default.forwardRef((props, forwardRef) => {
+  const { componentProps, isSSR } = useHTMLComponentProps({
+    props,
+    isPreview: false,
+    shouldUseConsentPolicy: true
+  });
+  if (isSSR) {
+    return /* @__PURE__ */ jsx("div", {});
+  }
+  if (!props.url || props.url.trim() === "") {
+    return /* @__PURE__ */ jsx(EmptyState, { ...componentProps });
+  }
+  const { className, componentConsentPolicy, ...restProps } = componentProps;
+  if (componentProps.isConsentPolicyActive) {
+    return /* @__PURE__ */ jsx(
+      ConsentPolicyWrapper,
+      {
+        componentConsentPolicy: {
+          [componentConsentPolicy]: true
+        },
+        rootClassName: clsx(styles.root, className),
+        ...restProps,
+        children: /* @__PURE__ */ jsx(HTMLComponent$1, { ...componentProps, ref: forwardRef })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(HTMLComponent$1, { ...componentProps, ref: forwardRef });
+});
+export {
+  HTMLComponent as default
+};

package/dist/site/components/HTMLComponent/component.preview.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IHtmlComponentImperativeActions } from './HTMLComponent.types';
+import { HtmlComponentProps } from './hooks';
+declare const HTMLComponent: React.ForwardRefExoticComponent<Partial<HtmlComponentProps> & React.RefAttributes<IHtmlComponentImperativeActions>>;
+export default HTMLComponent;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IHtmlComponentProps, HtmlComponentData } from '../HTMLComponent.types';
+export declare const EmptyState: (props: Partial<IHtmlComponentProps & HtmlComponentData>) => React.JSX.Element;

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

@@ -0,0 +1,17 @@
+import { IHtmlComponentImperativeActions } from '../HTMLComponent.types';
+import * as React from 'react';
+declare const HTMLComponent: React.ForwardRefExoticComponent<{
+    id: string;
+    className?: string | undefined;
+    url: string;
+    allow?: string | undefined;
+    scrolling?: "auto" | "no" | "yes" | undefined;
+    title?: string | undefined;
+    sandbox?: string | undefined;
+    isConsentPolicyActive?: boolean | undefined;
+} & Partial<import('../HTMLComponent.types').IHtmlComponentSDKActions> & Partial<import('../HTMLComponent.types').IElementPropsSDKActions> & import('../HTMLComponent.types').A11yInteractions & {
+    translations: {
+        title: string;
+    } & Record<string, string>;
+} & React.RefAttributes<IHtmlComponentImperativeActions>>;
+export default HTMLComponent;

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

@@ -0,0 +1,6 @@
+export type ConsentPolicyKey = 'essential' | 'functional' | 'analytics' | 'advertising' | 'dataToThirdParty';
+export declare const HTML_COMPONENT_TITLE_KEY = "HTML_Settings_Aria_Tag";
+export declare const HTML_COMPONENT_TITLE_DEFAULT = "Embedded Content";
+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/css.css

@@ -0,0 +1,348 @@
+@supports (-webkit-touch-callout: none) {
+  .root__7VFLV {
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+.iframeHolder__7c8Ou {
+  width: 100%;
+  height: 100%;
+}
+
+.iframe__h2h7i {
+  position: absolute;
+}
+.root__CGREm {
+  box-shadow: none !important;
+}
+
+.noConsentBox__mrFy- {
+  text-align: center;
+  container-type: size;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-color: rgb(var(--color_11));
+}
+.noConsentBox__mrFy- * {
+  box-sizing: border-box;
+}
+
+.textBox__VgZcv {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  border: 1px solid rgba(var(--color_15), 0.3);
+  border-radius: 2px;
+  height: 100%;
+  padding: 20px;
+}
+.textBox__VgZcv .cookieIcon__fOOVu {
+  fill: rgb(var(--color_15));
+  margin-bottom: 12px;
+}
+
+.largeTextBox__-nB4W {
+  display: none;
+  flex-direction: column-reverse;
+  justify-content: flex-end;
+}
+
+.mediumTextBox__59Vot {
+  display: none;
+  flex-direction: column-reverse;
+  justify-content: flex-end;
+}
+
+.smallTextBox__8nP4K {
+  display: none;
+  justify-content: flex-start;
+}
+
+.tinyTextBox__arVSF {
+  display: flex;
+  height: 100%;
+  border: 1px solid rgba(var(--color_15), 0.3);
+  border-radius: 2px;
+}
+.tinyTextBox__arVSF button {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tinyTextBox__arVSF .tooltipButton__gSrm2 {
+  position: relative;
+}
+.tinyTextBox__arVSF .tooltipButton__gSrm2 div {
+  display: flex;
+}
+.tinyTextBox__arVSF .tooltipButton__gSrm2:hover .cookieIcon__fOOVu {
+  opacity: 0.7;
+}
+
+@container (width > 300px) and (height > 180px) {
+  .largeTextBox__-nB4W {
+    display: flex;
+  }
+  .mediumTextBox__59Vot {
+    display: none;
+  }
+  .smallTextBox__8nP4K {
+    display: none;
+  }
+  .tinyTextBox__arVSF {
+    display: none;
+  }
+}
+@container (280px < width <= 300px) and (160px <= height) {
+  .largeTextBox__-nB4W {
+    display: none;
+  }
+  .mediumTextBox__59Vot {
+    display: flex;
+  }
+  .smallTextBox__8nP4K {
+    display: none;
+  }
+  .tinyTextBox__arVSF {
+    display: none;
+  }
+}
+@container ((200px <= width <= 280px) and (160px <= height)) or ((150px <= width <= 200px) and (200px <= height)) {
+  .largeTextBox__-nB4W {
+    display: none;
+  }
+  .mediumTextBox__59Vot {
+    display: none;
+  }
+  .smallTextBox__8nP4K {
+    display: flex;
+  }
+  .tinyTextBox__arVSF {
+    display: none;
+  }
+}
+@container (width < 200px) and (height < 200px) {
+  .largeTextBox__-nB4W {
+    display: none;
+  }
+  .mediumTextBox__59Vot {
+    display: none;
+  }
+  .smallTextBox__8nP4K {
+    display: none;
+  }
+  .tinyTextBox__arVSF {
+    display: flex;
+  }
+}.textDiv__CmQKK {
+  align-items: center;
+  display: flex;
+  flex-direction: column-reverse;
+}
+
+.textWithLinkBox__M40jU {
+  display: block;
+  font: var(--font_8);
+  font-size: 16px;
+  color: rgb(var(--color_15));
+}
+
+.tooltipTextBox__3WCSS {
+  box-sizing: border-box;
+  text-align: center;
+  font: var(--font_8);
+  width: 320px;
+  font-size: 16px;
+  padding: 20px;
+  background-color: #ffffff;
+  position: relative;
+  color: #000000;
+}
+
+@media (max-width: 767px) {
+  .tooltipTextBox__3WCSS {
+    width: 280px;
+    padding: 20px;
+  }
+}
+.tooltipButton__UQ8an {
+  position: relative;
+}
+.tooltipButton__UQ8an .cookieIcon__FyZlm {
+  fill: rgb(var(--color_15));
+  margin-bottom: 12px;
+}
+.tooltipButton__UQ8an:hover .cookieIcon__FyZlm {
+  opacity: 0.7;
+}
+.tooltipButton__UQ8an::after {
+  position: absolute;
+  content: "";
+  left: -12px;
+  right: -12px;
+  top: -12px;
+  bottom: -8px;
+}
+
+.textButton__z-AfY {
+  text-decoration: underline;
+  color: rgb(var(--color_18));
+  cursor: pointer;
+  font: var(--font_8);
+  font-size: 16px;
+  touch-action: manipulation;
+}
+.textButton__z-AfY:hover {
+  opacity: 0.7;
+}
+
+.tooltipTextButton__9Fi7o {
+  text-decoration: underline;
+  color: #004fff;
+  cursor: pointer;
+  font: var(--font_8);
+  font-size: 16px;
+  touch-action: manipulation;
+}
+.tooltipTextButton__9Fi7o:hover {
+  opacity: 0.7;
+}
+
+.tooltipIconWrapper__Q5IUf {
+  display: flex;
+}
+
+.tooltip__Ahucg {
+  position: absolute;
+  visibility: hidden;
+  z-index: var(--portals-z-index);
+  opacity: 0.99;
+  transition: opacity 1ms linear, box-shadow 0ms linear 10ms;
+}
+.tooltip__Ahucg:focus {
+  z-index: var(--portals-z-index) !important;
+  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #116dff !important;
+}
+.tooltip__Ahucg:focus-within {
+  opacity: 1;
+}
+
+.showTooltip__qzdh4 {
+  visibility: visible;
+}
+
+.tooltipEntered__B0MHZ {
+  transition: opacity 1ms linear, box-shadow 0ms linear 0ms;
+}
+
+.animationBox__uZDo1 {
+  position: relative;
+  animation-duration: 400ms;
+  animation-timing-function: ease;
+  animation-fill-mode: forwards;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 0px 4px rgba(0, 0, 0, 0.1);
+  font-size: 16px;
+  background-color: #ffffff;
+  border-radius: 2px;
+  display: inline-block;
+}
+
+.arrow__crH5d {
+  visibility: hidden;
+}
+
+.arrow__crH5d,
+.arrow__crH5d::before {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  background: inherit;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 0px 4px rgba(0, 0, 0, 0.1);
+  z-index: -1;
+  background-color: #ffffff;
+}
+
+.arrow__crH5d::before {
+  position: absolute;
+  content: "";
+  transform: rotate(45deg);
+}
+
+.showTooltip__qzdh4 .arrow__crH5d::before {
+  visibility: visible;
+}
+
+.tooltip__Ahucg[data-popper-placement^=top].showTooltip__qzdh4 .arrow__crH5d {
+  bottom: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=top].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideTop__n9GW5;
+}
+
+.tooltip__Ahucg[data-popper-placement^=bottom].showTooltip__qzdh4 .arrow__crH5d {
+  top: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=bottom].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideBottom__l4Nhf;
+}
+
+.tooltip__Ahucg[data-popper-placement^=left].showTooltip__qzdh4 .arrow__crH5d {
+  right: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=left].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideLeft__wUJSn;
+}
+
+.tooltip__Ahucg[data-popper-placement^=right].showTooltip__qzdh4 .arrow__crH5d {
+  left: -6px;
+}
+.tooltip__Ahucg[data-popper-placement^=right].showTooltip__qzdh4 .animationBox__uZDo1 {
+  animation-name: slideRight__Ur0SA;
+}
+
+@keyframes slideTop__n9GW5 {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes slideBottom__l4Nhf {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes slideLeft__wUJSn {
+  from {
+    opacity: 0;
+    transform: translateX(10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes slideRight__Ur0SA {
+  from {
+    opacity: 0;
+    transform: translateX(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}

package/dist/site/components/HTMLComponent/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useHTMLComponentProps } from './useHTMLComponentProps';
+export type { HtmlComponentProps } from './useHTMLComponentProps';

package/dist/site/components/HTMLComponent/hooks/useHTMLComponentProps.d.ts

@@ -0,0 +1,20 @@
+import { HtmlComponentData, IHtmlComponentProps } from '../HTMLComponent.types';
+import { SdkFunctionMouseHoverProps } from '../../../../utils/functions/sdkFunctionCallbackProps';
+export type HtmlComponentProps = IHtmlComponentProps & HtmlComponentData & SdkFunctionMouseHoverProps & {
+    componentConsentPolicy?: Record<string, boolean>;
+    a11y?: {
+        ariaLabel?: string;
+        tabIndex?: number;
+    };
+    allowFullScreen?: boolean;
+};
+interface UseHTMLComponentPropsParams {
+    props: Partial<HtmlComponentProps>;
+    isPreview: boolean;
+    shouldUseConsentPolicy: boolean;
+}
+export declare const useHTMLComponentProps: ({ props, isPreview, shouldUseConsentPolicy, }: UseHTMLComponentPropsParams) => {
+    componentProps: Partial<HtmlComponentProps>;
+    isSSR: boolean;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as HTMLComponent } from './component';