@wix/editor-react-components 1.2153.0

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

@@ -0,0 +1,6 @@
+'use client';
+
+import HTMLComponent from './component.js';
+
+export { HTMLComponent };
+export default HTMLComponent;

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

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

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

@@ -0,0 +1,217 @@
+var _a, _b;
+import { D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+const DisplayNames = {
+  root: {
+    elementDisplayName: "HTML Element",
+    actions: {
+      settings: "Settings"
+    },
+    data: {
+      sourceType: {
+        displayName: "Choose what to embed",
+        options: {
+          external: "Link",
+          nonexternal: "Code"
+        }
+      },
+      url: "Link",
+      scrolling: {
+        displayName: "Scrolling",
+        options: {
+          yes: "Yes",
+          no: "No",
+          auto: "Auto"
+        }
+      },
+      allowFullScreen: "Allow full screen",
+      componentConsentPolicy: {
+        displayName: "Cookies or similar technologies set by your code",
+        options: {
+          essential: "Essential",
+          functional: "Functional",
+          analytics: "Analytics",
+          advertising: "Advertising",
+          dataToThirdParty: "Third-party data"
+        }
+      }
+    }
+  }
+};
+typeof window !== "undefined" && ((_a = window == null ? void 0 : window.serviceTopology) == null ? void 0 : _a.editorServerRoot) || "https://editor.wix.com/html/editor/web";
+typeof window !== "undefined" && ((_b = window == null ? void 0 : window.serviceTopology) == null ? void 0 : _b.staticHTMLComponentUrl) || "https://static.filesuser.com/";
+const manifest = {
+  id: "e81a1c4b-8b8c-4a7e-9f2d-1a3b4c5d6e7f",
+  type: "wixEditorElements.HTMLComponent",
+  description: "HTMLComponent",
+  installation: {
+    initialSize: {
+      width: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 600
+      },
+      height: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 300
+      }
+    }
+  },
+  editorElement: {
+    selector: ".html-component",
+    displayName: DisplayNames.root.elementDisplayName,
+    archetype: Archetype.Frame,
+    layout: {
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontalAndVertical,
+      contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.none,
+      disableStretching: false,
+      disablePositioning: false,
+      disableRotation: true
+    },
+    actions: {
+      settings: {
+        displayName: DisplayNames.root.actions.settings,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.panel,
+          panel: {
+            panelType: ACTIONS.PANEL_TYPE.panelId,
+            panelId: "6992d0aa-0dbb-4053-985b-6f243d931e0d"
+          }
+        }
+      }
+    },
+    data: {
+      sourceType: {
+        dataType: DATA.DATA_TYPE.textEnum,
+        displayName: DisplayNames.root.data.sourceType.displayName,
+        defaultValue: "external",
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            {
+              value: "external",
+              displayName: DisplayNames.root.data.sourceType.options.external
+            },
+            {
+              value: "nonexternal",
+              displayName: DisplayNames.root.data.sourceType.options.nonexternal
+            }
+          ]
+        }
+      },
+      url: {
+        dataType: DATA.DATA_TYPE.webUrl,
+        displayName: DisplayNames.root.data.url
+      },
+      scrolling: {
+        dataType: DATA.DATA_TYPE.textEnum,
+        displayName: DisplayNames.root.data.scrolling.displayName,
+        defaultValue: "auto",
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            {
+              value: "yes",
+              displayName: DisplayNames.root.data.scrolling.options.yes
+            },
+            {
+              value: "no",
+              displayName: DisplayNames.root.data.scrolling.options.no
+            },
+            {
+              value: "auto",
+              displayName: DisplayNames.root.data.scrolling.options.auto
+            }
+          ]
+        }
+      },
+      allowFullScreen: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.allowFullScreen,
+        defaultValue: false
+      },
+      componentConsentPolicy: {
+        dataType: DATA.DATA_TYPE.textEnum,
+        displayName: DisplayNames.root.data.componentConsentPolicy.displayName,
+        defaultValue: "essential",
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            {
+              value: "essential",
+              displayName: DisplayNames.root.data.componentConsentPolicy.options.essential
+            },
+            {
+              value: "functional",
+              displayName: DisplayNames.root.data.componentConsentPolicy.options.functional
+            },
+            {
+              value: "analytics",
+              displayName: DisplayNames.root.data.componentConsentPolicy.options.analytics
+            },
+            {
+              value: "advertising",
+              displayName: DisplayNames.root.data.componentConsentPolicy.options.advertising
+            },
+            {
+              value: "dataToThirdParty",
+              displayName: DisplayNames.root.data.componentConsentPolicy.options.dataToThirdParty
+            }
+          ]
+        }
+      },
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [
+            DATA.A11Y_ATTRIBUTES.ariaLabel,
+            DATA.A11Y_ATTRIBUTES.tabIndex
+          ]
+        }
+      },
+      ...manifestMouseHover()
+    },
+    helpArticle: {
+      kbId: "95d435ac-fb94-41b1-97e4-3cd727d922b8"
+    }
+  },
+  resources: {
+    editor: {
+      componentUrl: "./site/components/HTMLComponent/component.preview.tsx",
+      serviceDependencies: [
+        "@wix/viewer-service-consent-policy",
+        "@wix/viewer-service-environment",
+        "@wix/viewer-service-topology",
+        "@wix/viewer-service-translations"
+      ],
+      dependencies: {
+        serviceDependencies: [
+          "@wix/viewer-service-consent-policy",
+          "@wix/viewer-service-environment",
+          "@wix/viewer-service-topology",
+          "@wix/viewer-service-translations"
+        ]
+      }
+    },
+    client: {
+      componentUrl: "./site/components/HTMLComponent/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/HTMLComponent",
+      serviceDependencies: [
+        "@wix/viewer-service-consent-policy",
+        "@wix/viewer-service-environment",
+        "@wix/viewer-service-topology",
+        "@wix/viewer-service-translations"
+      ],
+      dependencies: {
+        serviceDependencies: [
+          "@wix/viewer-service-consent-policy",
+          "@wix/viewer-service-environment",
+          "@wix/viewer-service-topology",
+          "@wix/viewer-service-translations"
+        ]
+      }
+    },
+    sdk: {
+      url: "./site/components/HTMLComponent/sdk.ts"
+    }
+  }
+};
+export {
+  manifest as default
+};

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

@@ -0,0 +1,14 @@
+import { CookieConsentType } from '../constants';
+import { Translations } from '../translations/consts';
+import * as React from 'react';
+interface CookieConsentFieldProps {
+    initialCookieConsent?: CookieConsentType;
+    onChange: (cookieConsent: CookieConsentType) => void;
+    dataHook?: string;
+    translations: Translations;
+}
+export declare const dataHooks: {
+    dropdown: string;
+};
+export declare const CookieConsentField: React.FC<CookieConsentFieldProps>;
+export {};

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

@@ -0,0 +1,14 @@
+import { Translations } from '../translations/consts';
+import * as React from 'react';
+interface ExternalUrlContentProps {
+    initialUrl?: string;
+    onChange: (url: string) => void;
+    dataHook?: string;
+    translations: Translations;
+}
+export declare const dataHooks: {
+    input: string;
+    button: string;
+};
+export declare const ExternalUrlContent: React.FC<ExternalUrlContentProps>;
+export {};

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

@@ -0,0 +1,13 @@
+import { Translations } from '../translations/consts';
+import * as React from 'react';
+interface HtmlCodeContentProps {
+    initialCode?: string;
+    onChange: (htmlCode: string) => void;
+    dataHook?: string;
+    translations: Translations;
+}
+export declare const dataHooks: {
+    button: string;
+};
+export declare const HtmlCodeContent: React.FC<HtmlCodeContentProps>;
+export {};

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

@@ -0,0 +1,18 @@
+import { SourceTypes } from '../constants';
+import { Translations } from '../translations/consts';
+import * as React from 'react';
+interface SourceTypeContentProps {
+    sourceType: SourceTypes;
+    initialUrl?: string;
+    initialCode?: string;
+    onUrlChange: (url: string) => void;
+    onHtmlCodeChange: (htmlCode: string) => void;
+    dataHook?: string;
+    translations: Translations;
+}
+export declare const dataHooks: {
+    externalContent: string;
+    htmlContent: string;
+};
+export declare const SourceTypeContent: React.FC<SourceTypeContentProps>;
+export {};

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

@@ -0,0 +1,14 @@
+import { SourceTypes } from '../constants';
+import { Translations } from '../translations/consts';
+import * as React from 'react';
+interface SourceTypeSelectorProps {
+    sourceType: SourceTypes;
+    onChange: (value: SourceTypes) => void;
+    dataHook?: string;
+    translations: Translations;
+}
+export declare const dataHooks: {
+    dropdown: string;
+};
+export declare const SourceTypeSelector: React.FC<SourceTypeSelectorProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import { SourceTypes } from '../constants';
+import { Translations } from '../translations/consts';
+import * as React from 'react';
+interface TitleFieldProps {
+    initialTitle?: string;
+    onChange: (title: string) => void;
+    dataHook?: string;
+    sourceType: SourceTypes;
+    translations: Translations;
+}
+export declare const dataHooks: {
+    input: string;
+};
+export declare const TitleField: React.FC<TitleFieldProps>;
+export {};

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

@@ -0,0 +1,6 @@
+export { SourceTypeSelector } from './SourceTypeSelector';
+export { ExternalUrlContent } from './ExternalUrlContent';
+export { HtmlCodeContent } from './HtmlCodeContent';
+export { SourceTypeContent } from './SourceTypeContent';
+export { TitleField } from './TitleField';
+export { CookieConsentField } from './CookieConsentField';

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

@@ -0,0 +1,91 @@
+import { DropdownLayoutValueOption } from '@wix/design-system';
+export declare const DisplayNames: {
+    root: {
+        elementDisplayName: string;
+        actions: {
+            settings: string;
+        };
+        data: {
+            sourceType: {
+                displayName: string;
+                options: {
+                    external: string;
+                    nonexternal: string;
+                };
+            };
+            url: string;
+            scrolling: {
+                displayName: string;
+                options: {
+                    yes: string;
+                    no: string;
+                    auto: string;
+                };
+            };
+            allowFullScreen: string;
+            title: string;
+            componentConsentPolicy: {
+                displayName: string;
+                options: {
+                    essential: string;
+                    functional: string;
+                    analytics: string;
+                    advertising: string;
+                    dataToThirdParty: string;
+                };
+            };
+        };
+    };
+    panel: {
+        sourceTypeSelector: string;
+        titleField: {
+            label: string;
+            externalPlaceholder: string;
+            codePlaceholder: string;
+            infoContent: string;
+            error: string;
+        };
+        cookieConsentField: {
+            label: string;
+            infoContent: string;
+            learnAboutCookiesLink: string;
+        };
+        htmlCodeContent: {
+            label: string;
+            infoContent: string;
+            actionButtonLabel: string;
+        };
+        externalUrlContent: {
+            infoPlaceholder: string;
+            actionButtonLabel: string;
+        };
+    };
+};
+export declare enum SourceTypes {
+    External = "external",
+    HtmlEmbedded = "nonexternal"
+}
+export declare enum CookieConsentType {
+    Essential = "essential",
+    Functional = "functional",
+    Analytics = "analytics",
+    Advertising = "advertising",
+    DataToThirdParty = "dataToThirdParty"
+}
+export declare const SERVER_URL: any;
+export declare const STATIC_SERVER_URL: any;
+export declare const SAVE_HTML_TEXT_URL: string;
+export declare const GET_HTML_TEXT_URL: string;
+export declare const dataHooks: {
+    loader: string;
+    content: string;
+    sourceTypeSelector: string;
+    sourceTypeContent: string;
+    titleField: string;
+    cookieConsentField: string;
+};
+export declare const cookieConsentOptions: {
+    id: CookieConsentType;
+    value: string;
+}[];
+export declare const sourceTypeOptions: Array<DropdownLayoutValueOption>;

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    type: string;
+};
+export default _default;

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

@@ -0,0 +1,24 @@
+import { SourceTypes, CookieConsentType } from './constants';
+export interface UsePanelDataReturn {
+    sourceType: SourceTypes;
+    currentUrl: string;
+    currentCode: string;
+    htmlTitle: string;
+    cookieConsent: CookieConsentType;
+    isLoading: boolean;
+    isInitialDataLoaded: boolean;
+    setSourceType: (value: SourceTypes) => void;
+    setCurrentUrl: (url: string) => void;
+    setCurrentCode: (code: string) => void;
+    setHtmlTitle: (title: string) => void;
+    setCookieConsent: (consent: CookieConsentType) => void;
+}
+export declare const usePanelData: () => UsePanelDataReturn;
+export declare const useDataPersistence: (isInitialDataLoaded: boolean, sourceType: SourceTypes, currentUrl: string, htmlTitle: string, cookieConsent: CookieConsentType) => void;
+export declare const useEventHandlers: (setSourceType: (value: SourceTypes) => void, setCurrentUrl: (url: string) => void, setCurrentCode: (code: string) => void, setHtmlTitle: (title: string) => void, setCookieConsent: (consent: CookieConsentType) => void) => {
+    handleSourceTypeChange: (value: SourceTypes) => void;
+    handleUrlChange: (url: string) => void;
+    handleHtmlCodeChange: (htmlCode: string) => Promise<void>;
+    handleTitleChange: (title: string) => void;
+    handleCookieConsentChange: (newCookieConsent: CookieConsentType) => void;
+};

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Panel: () => React.JSX.Element;
+export default Panel;

package/dist/site/components/HTMLComponent/panels/test-utils.d.ts

@@ -0,0 +1,18 @@
+import { SourceTypes, CookieConsentType } from './constants';
+import { MockElementConfig, MockHttpClientConfig } from '../../../../test-utils';
+export type PanelData = {
+    url: string;
+    a11y: {
+        ariaLabel: string;
+    };
+    componentConsentPolicy: CookieConsentType;
+    sourceType: SourceTypes;
+};
+export declare const createMockPanelData: (overrides?: Partial<PanelData>) => PanelData;
+export declare const createElementMock: (data: PanelData) => MockElementConfig;
+export declare const createHttpClientMock: (uploadResponse?: {
+    success: boolean;
+    payload: string;
+}, fetchCodeResponse?: {
+    payload: string;
+}) => MockHttpClientConfig;

package/dist/site/components/HTMLComponent/panels/translations/consts.d.ts

@@ -0,0 +1,21 @@
+export declare const TranslationKeys: {
+    readonly contentHelpLink: "custompanel_html_settings_content_help_link";
+    readonly cookiesCategoryLabel: "custompanel_html_settings_cookies_category_label";
+    readonly cookiesSectionTitle: "custompanel_html_settings_cookies_section_title";
+    readonly cookiesTooltipDescription: "custompanel_html_settings_cookies_tooltip_description";
+    readonly accessibleNameFieldLabel: "custompanel_html_settings_embed_accessible_name_field_label";
+    readonly accessibleNameFieldPlaceholder: "custompanel_html_settings_embed_accessible_name_field_placeholder";
+    readonly embedCodeLabel: "custompanel_html_settings_embed_code_label";
+    readonly embedCodeHelperText: "custompanel_html_settings_embed_code_helperText";
+    readonly linkFieldLabel: "custompanel_html_settings_embed_link_field_label";
+    readonly linkFieldPlaceholder: "custompanel_html_settings_embed_link_field_placeholder";
+    readonly embedSectionTitle: "custompanel_html_settings_embed_section_title";
+    readonly footerHelpLink: "custompanel_html_settings_footer_help_link";
+    readonly headerTitle: "custompanel_html_settings_header_title";
+    readonly externalPlaceholder: "custompanel_html_settingsPanel_siteInput_placeholder";
+    readonly applyCta: "custompanel_html_settingsPanel_apply_cta";
+    readonly accessibleNameTooltip: "custompanel_html_settingsPanel_accessibleName_tooltip";
+    readonly urlErrorMessage: "custompanel_html_settingsPanel_linkInput_helperText";
+};
+export type Translations = Record<keyof typeof TranslationKeys, string>;
+export declare const DefaultTranslations: Translations;

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

@@ -0,0 +1,7 @@
+export declare const isValidUrl: (url: string) => boolean;
+export declare const validateUrl: (url: string, errorMessage: string) => {
+    isValid: boolean;
+    error: string;
+};
+export declare const saveHtmlCode: (htmlCode: string) => Promise<string>;
+export declare const getHtmlCode: (url: string) => Promise<string>;

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

@@ -0,0 +1,5 @@
+import { HtmlComponentProps } from './HTMLComponent.types';
+import { CorvidSDKFactory } from '../../../types/vendored/editor-elements-types-corvid';
+export declare const createHtmlComponentSdk: CorvidSDKFactory<HtmlComponentProps>;
+declare const _default: CorvidSDKFactory<object, object, object>;
+export default _default;

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

@@ -0,0 +1,69 @@
+import { c as createA11ySdk } from "../chunks/a11ySdk.js";
+import { i as isNil } from "../chunks/assert.js";
+import { r as reportError } from "../chunks/reporters.js";
+import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
+const createHtmlComponentSdk = (api) => {
+  const { props, setProps } = api;
+  return {
+    get scrolling() {
+      return props.scrolling || "auto";
+    },
+    set scrolling(value) {
+      const scrolling = isNil(value) ? "auto" : value.toString();
+      if (!["yes", "no", "auto"].includes(scrolling)) {
+        reportError(
+          `The "scrolling" property cannot be set to "${scrolling}". It must be one of: "yes", "no", "auto".`
+        );
+        return;
+      }
+      setProps({ scrolling });
+    },
+    get src() {
+      return props.url || "";
+    },
+    set src(value) {
+      const src = isNil(value) ? "" : value.toString();
+      setProps({ url: src });
+    },
+    get allow() {
+      return props.allow || "";
+    },
+    set allow(value) {
+      const allow = isNil(value) ? "" : value.toString();
+      setProps({ allow });
+    },
+    allowFullScreen() {
+      const current = props.allow || "";
+      const permissions = current.split(/[;\s]+/).filter(Boolean);
+      if (!permissions.includes("fullscreen")) {
+        setProps({ allow: [...permissions, "fullscreen"].join("; ") });
+      }
+      return this;
+    },
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onMessage(cb) {
+    },
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    postMessage(message) {
+    },
+    get type() {
+      return "$w.HtmlComponent";
+    },
+    toJSON() {
+      return {
+        type: "$w.HtmlComponent",
+        src: props.url || "",
+        scrolling: props.scrolling || "auto",
+        allow: props.allow || ""
+      };
+    }
+  };
+};
+const sdk = composeSDKFactories([
+  createHtmlComponentSdk,
+  createA11ySdk({ a11yProperty: "a11y" })
+]);
+export {
+  createHtmlComponentSdk,
+  sdk as default
+};

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

@@ -0,0 +1 @@
+export declare const setProtocol: (url: string, staticHTMLComponentUrl: string) => string;

package/dist/site/components/HipaaIcon/HipaaBadgeSvg.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const HipaaBadgeSvg: React.FC<React.SVGProps<SVGSVGElement>>;
+export default HipaaBadgeSvg;

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

@@ -0,0 +1,9 @@
+import { A11y } from '@wix/editor-react-types';
+import { TranslationKeys } from './constants';
+export type TranslationKey = keyof typeof TranslationKeys;
+export interface HipaaIconProps {
+    id: string;
+    className?: string;
+    a11y?: A11y;
+    isEditor?: boolean;
+}

package/dist/site/components/HipaaIcon/component.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { HipaaIconProps } from './HipaaIcon.types';
+declare const HipaaIcon: React.FC<HipaaIconProps>;
+export default HipaaIcon;