@sitecore-jss/sitecore-jss-react 23.0.0-canary.2 → 23.0.0-canary.21

package/dist/cjs/components/FEaaSComponent.js

@@ -1,151 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.composeComponentEndpoint = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.FEAAS_COMPONENT_RENDERING_NAME = void 0;
-const react_1 = __importDefault(require("react"));
-const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
-const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
-const utils_1 = require("../utils");
-exports.FEAAS_COMPONENT_RENDERING_NAME = 'FEaaSComponent';
-/**
- * @param {FEaaSComponentProps} props component props
- */
-const FEaaSComponent = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const computedRevision = ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentRevision) || props.revisionFallback;
-    if (!props.template &&
-        (!props.params ||
-            !props.params.LibraryId ||
-            !props.params.ComponentId ||
-            !props.params.ComponentVersion ||
-            !props.params.ComponentHostName ||
-            !computedRevision)) {
-        // Missing FEaaS component required props
-        return null;
-    }
-    // combine fetchedData from server with datasource data (if present)
-    const data = Object.assign(Object.assign({}, props.fetchedData), { _: (0, utils_1.getDataFromFields)((_b = props.fields) !== null && _b !== void 0 ? _b : {}) });
-    // FEaaS control would still be hydrated by client
-    // we pass all the props as a workaround to avoid hydration error, until we convert all JSS components to server side
-    // this also allows component to fall back to full client-side rendering when template or src is empty
-    // FEAAS should not fetch anything, since JSS does the fetching - so we pass empty array into fetch param
-    return (react_1.default.createElement(FEAAS.Component, { data: data, template: props.template, cdn: (_c = props.params) === null || _c === void 0 ? void 0 : _c.ComponentHostName, library: (_d = props.params) === null || _d === void 0 ? void 0 : _d.LibraryId, version: (_e = props.params) === null || _e === void 0 ? void 0 : _e.ComponentVersion, component: (_f = props.params) === null || _f === void 0 ? void 0 : _f.ComponentId, instance: (_g = props.params) === null || _g === void 0 ? void 0 : _g.ComponentInstanceId, revision: computedRevision, fetch: [] }));
-};
-exports.FEaaSComponent = FEaaSComponent;
-/**
- * Fetches server component props required for server rendering, based on rendering params.
- * Component endpoint will either be retrieved from params or from endpointOverride
- * @param {FEaaSComponentParams} params component params
- * @param {LayoutServicePageState} [pageState] page state to determine which component variant to use
- * @param {string} [endpointOverride] optional override for component endpoint
- */
-function fetchFEaaSComponentServerProps(params, pageState, endpointOverride) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const revisionFallback = pageState && pageState !== layout_1.LayoutServicePageState.Normal ? 'staged' : 'published';
-        const src = endpointOverride || (0, exports.composeComponentEndpoint)(params, revisionFallback);
-        let template = '';
-        let fetchedData = {};
-        const fetchDataOptions = params.ComponentDataOverride
-            ? JSON.parse(params.ComponentDataOverride)
-            : {};
-        try {
-            template = yield fetchComponentTemplate(src, params, revisionFallback);
-            fetchedData = yield fetchData(fetchDataOptions);
-        }
-        catch (e) {
-            console.error(e);
-        }
-        return {
-            fetchedData,
-            revisionFallback,
-            template,
-        };
-    });
-}
-exports.fetchFEaaSComponentServerProps = fetchFEaaSComponentServerProps;
-/**
- * @param {string} src component endpoint
- * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
- * @param {RevisionType} revisionFallback fallback revision to fetch if revision is absent in params
- */
-function fetchComponentTemplate(src, params, revisionFallback) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const { template } = yield FEAAS.fetchComponent(src);
-            return template;
-        }
-        catch (error) {
-            console.error(`Fetch FEAAS component from ${src} failed. Ensure the component revision "${params.ComponentRevision ||
-                revisionFallback}" is present`);
-            throw error;
-        }
-    });
-}
-/**
- * Fetches component data based on the provided data options.
- * This function asynchronously fetches data using the FEAAS.DataSettings.fetch method.
- * @param {FEAAS.DataOptions} dataOptions - Options to customize data fetching.
- * @returns {Promise<FEAAS.DataScopes>} A promise that resolves with the fetched data,
- * or rejects with an error if data fetching encounters an issue.
- * @throws {Error} If an error occurs during data fetching, it is propagated as an error.
- */
-function fetchData(dataOptions) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const fetchedData = yield FEAAS.DataSettings.fetch(dataOptions || {});
-            return fetchedData;
-        }
-        catch (error) {
-            console.error('Fetch FEAAS component data settings failed');
-            throw error;
-        }
-    });
-}
-/**
- * Build component endpoint URL from component's params
- * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
- * @param {RevisionType} revisionFallback fallback revision to fetch if revision is absent in params
- * @returns component endpoint URL
- */
-const composeComponentEndpoint = (params, revisionFallback) => {
-    const revision = params.ComponentRevision || revisionFallback;
-    const hostname = params.ComponentHostName.startsWith('https://')
-        ? params.ComponentHostName
-        : `https://${params.ComponentHostName}`;
-    return `${hostname}/components/${params.LibraryId}/${params.ComponentId}/${params.ComponentVersion}/${revision}`;
-};
-exports.composeComponentEndpoint = composeComponentEndpoint;

package/dist/cjs/components/FEaaSWrapper.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FEaaSWrapper = exports.FEAAS_WRAPPER_RENDERING_NAME = void 0;
-const FEaaSComponent_1 = require("./FEaaSComponent");
-const react_1 = __importDefault(require("react"));
-exports.FEAAS_WRAPPER_RENDERING_NAME = 'FEaaSWrapper';
-const FEaaSWrapper = (props) => {
-    var _a, _b;
-    const styles = `component feaas ${(_a = props.params) === null || _a === void 0 ? void 0 : _a.styles}`.trimEnd();
-    const id = (_b = props.params) === null || _b === void 0 ? void 0 : _b.RenderingIdentifier;
-    return (react_1.default.createElement("div", { className: styles, id: id ? id : undefined },
-        react_1.default.createElement("div", { className: "component-content" },
-            react_1.default.createElement(FEaaSComponent_1.FEaaSComponent, Object.assign({}, props)))));
-};
-exports.FEaaSWrapper = FEaaSWrapper;

package/dist/cjs/components/FieldMetadata.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldMetadata = void 0;
-const react_1 = __importDefault(require("react"));
-const editing_1 = require("@sitecore-jss/sitecore-jss/editing");
-/**
- * The component which renders field metadata markup
- * @param {FieldMetadataProps} props the props of the component
- * @returns metadata markup wrapped around children
- */
-const FieldMetadata = (props) => {
-    const data = JSON.stringify(props.metadata);
-    const attributes = {
-        type: 'text/sitecore',
-        chrometype: 'field',
-        className: 'scpm',
-    };
-    const codeOpenAttributes = Object.assign(Object.assign({}, attributes), { kind: editing_1.MetadataKind.Open });
-    const codeCloseAttributes = Object.assign(Object.assign({}, attributes), { kind: editing_1.MetadataKind.Close });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("code", Object.assign({}, codeOpenAttributes), data),
-        props.children,
-        react_1.default.createElement("code", Object.assign({}, codeCloseAttributes))));
-};
-exports.FieldMetadata = FieldMetadata;
-exports.FieldMetadata.displayName = 'FieldMetadata';

package/dist/cjs/components/Form.js

@@ -1,80 +0,0 @@
-"use strict";
-/* eslint-disable prefer-const */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.mockFormModule = void 0;
-const react_1 = __importStar(require("react"));
-const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
-const withSitecoreContext_1 = require("../enhancers/withSitecoreContext");
-let { executeScriptElements, loadForm, subscribeToFormSubmitEvent } = sitecore_jss_1.form;
-/**
- * Mock function to replace the form module functions for `testing` purposes.
- * @param {any} formModule - The form module to mock
- */
-const mockFormModule = (formModule) => {
-    executeScriptElements = formModule.executeScriptElements;
-    loadForm = formModule.loadForm;
-    subscribeToFormSubmitEvent = formModule.subscribeToFormSubmitEvent;
-};
-exports.mockFormModule = mockFormModule;
-const Form = ({ params, rendering }) => {
-    var _a, _b, _c, _d, _e;
-    const id = params === null || params === void 0 ? void 0 : params.RenderingIdentifier;
-    const [error, setError] = (0, react_1.useState)(false);
-    const [content, setContent] = (0, react_1.useState)('');
-    const context = (0, withSitecoreContext_1.useSitecoreContext)();
-    const formRef = (0, react_1.useRef)(null);
-    const isEditing = context.sitecoreContext.pageEditing;
-    (0, react_1.useEffect)(() => {
-        var _a, _b, _c, _d;
-        if (!content) {
-            loadForm((_b = (_a = context.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId, params.FormId, (_d = (_c = context.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.edgeUrl)
-                .then(setContent)
-                .catch(() => {
-                if (isEditing) {
-                    console.error(`Failed to load form with id ${params.FormId}. Check debug logs for sitecore-jss:form for more details.`);
-                }
-                setError(true);
-            });
-        }
-    }, [content, params.FormId, (_b = (_a = context.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId, (_d = (_c = context.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.edgeUrl, isEditing]);
-    (0, react_1.useEffect)(() => {
-        if (!content || !formRef.current)
-            return;
-        formRef.current.innerHTML = content;
-        executeScriptElements(formRef.current);
-        // If we are in editing mode, we don't want to send any events
-        if (!isEditing) {
-            subscribeToFormSubmitEvent(formRef.current, rendering.uid);
-        }
-    }, [content, isEditing, rendering.uid]);
-    if (isEditing) {
-        if (error) {
-            return (react_1.default.createElement("div", { className: "sc-jss-placeholder-error" }, "There was a problem loading this section"));
-        }
-    }
-    return react_1.default.createElement("div", { ref: formRef, className: (_e = params.styles) === null || _e === void 0 ? void 0 : _e.trimEnd(), id: id ? id : undefined });
-};
-exports.Form = Form;

package/dist/cjs/components/PlaceholderMetadata.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaceholderMetadata = void 0;
-const react_1 = __importDefault(require("react"));
-const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
-const editing_1 = require("@sitecore-jss/sitecore-jss/editing");
-/**
- * A React component to generate metadata blocks for a placeholder or rendering.
- * It utilizes dynamic attributes based on whether the component acts as a placeholder
- * or as a rendering to properly render the surrounding code blocks.
- * @param {object} props The properties passed to the component.
- * @param {ComponentRendering} props.rendering The rendering data.
- * @param {string} [props.placeholderName] The name of the placeholder.
- * @param {JSX.Element} props.children The child components or elements to be wrapped by the metadata code blocks.
- * @returns {JSX.Element} A React fragment containing open and close code blocks surrounding the children elements.
- */
-const PlaceholderMetadata = ({ rendering, placeholderName, children, }) => {
-    const getCodeBlockAttributes = (kind, id, placeholderName) => {
-        const chrometype = placeholderName ? 'placeholder' : 'rendering';
-        const attributes = {
-            type: 'text/sitecore',
-            chrometype: chrometype,
-            className: 'scpm',
-            kind: kind,
-        };
-        if (kind === editing_1.MetadataKind.Open) {
-            if (chrometype === 'placeholder' && placeholderName) {
-                let phId = '';
-                for (const placeholder of Object.keys(rendering.placeholders)) {
-                    if (placeholderName === placeholder) {
-                        phId = id
-                            ? `${placeholderName}_${id}`
-                            : `${placeholderName}_${editing_1.DEFAULT_PLACEHOLDER_UID}`;
-                        break;
-                    }
-                    // Check if the placeholder is a dynamic placeholder
-                    if ((0, layout_1.isDynamicPlaceholder)(placeholder)) {
-                        const pattern = (0, layout_1.getDynamicPlaceholderPattern)(placeholder);
-                        // Check if the placeholder matches the dynamic placeholder pattern
-                        if (pattern.test(placeholderName)) {
-                            phId = id ? `${placeholder}_${id}` : `${placeholder}_${editing_1.DEFAULT_PLACEHOLDER_UID}`;
-                            break;
-                        }
-                    }
-                }
-                attributes.id = phId;
-            }
-            else {
-                attributes.id = id;
-            }
-        }
-        return attributes;
-    };
-    const renderComponent = (uid, placeholderName) => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("code", Object.assign({}, getCodeBlockAttributes(editing_1.MetadataKind.Open, uid, placeholderName))),
-        children,
-        react_1.default.createElement("code", Object.assign({}, getCodeBlockAttributes(editing_1.MetadataKind.Close, uid, placeholderName)))));
-    return react_1.default.createElement(react_1.default.Fragment, null, renderComponent(rendering.uid, placeholderName));
-};
-exports.PlaceholderMetadata = PlaceholderMetadata;

package/dist/cjs/enhancers/withEmptyFieldEditingComponent.js

@@ -1,63 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withEmptyFieldEditingComponent = void 0;
-const react_1 = __importStar(require("react"));
-const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
-/**
- * Returns the passed field component or default component in case field value is empty and edit mode is 'metadata'
- * @param {ComponentType<FieldComponentProps>} FieldComponent the field component
- * @param {WithEmptyFieldEditingComponentProps} options the options of the HOC;
- */
-function withEmptyFieldEditingComponent(FieldComponent, options) {
-    const getEmptyFieldEditingComponent = (props) => {
-        var _a;
-        const { editable = true } = props;
-        if (((_a = props.field) === null || _a === void 0 ? void 0 : _a.metadata) && editable && (0, layout_1.isFieldValueEmpty)(props.field)) {
-            const Component = props.emptyFieldEditingComponent || options.defaultEmptyFieldEditingComponent;
-            let resolvedProps = props;
-            // If no custom empty field editing component is provided, we can omit unnecessary props
-            // to do not insert them to html
-            if (!props.emptyFieldEditingComponent) {
-                resolvedProps = Object.assign(Object.assign({}, props), { editable: undefined, field: undefined });
-            }
-            return react_1.default.createElement(Component, Object.assign({}, resolvedProps));
-        }
-        return null;
-    };
-    if (options.isForwardRef) {
-        // eslint-disable-next-line react/display-name
-        return (0, react_1.forwardRef)((props, ref) => {
-            const emptyFieldEditingComponent = getEmptyFieldEditingComponent(props);
-            return (emptyFieldEditingComponent || (react_1.default.createElement(FieldComponent, Object.assign({}, props, { ref: ref }))));
-        });
-    }
-    // eslint-disable-next-line react/display-name
-    return (props) => {
-        const emptyFieldEditingComponent = getEmptyFieldEditingComponent(props);
-        return emptyFieldEditingComponent || react_1.default.createElement(FieldComponent, Object.assign({}, props));
-    };
-}
-exports.withEmptyFieldEditingComponent = withEmptyFieldEditingComponent;

package/dist/cjs/enhancers/withFieldMetadata.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withFieldMetadata = void 0;
-const react_1 = __importStar(require("react"));
-const FieldMetadata_1 = require("../components/FieldMetadata");
-/**
- * Wraps the field component with metadata markup intended to be used for chromes hydration in Pages
- * @param {ComponentType<FieldComponentProps>} FieldComponent the field component
- * @param {boolean} isForwardRef set to 'true' if forward reference is needed
- */
-function withFieldMetadata(FieldComponent, isForwardRef = false) {
-    if (isForwardRef) {
-        // eslint-disable-next-line react/display-name
-        return (0, react_1.forwardRef)((props, ref) => {
-            var _a;
-            const { editable = true } = props;
-            const metadata = (_a = props.field) === null || _a === void 0 ? void 0 : _a.metadata;
-            if (!metadata || !editable) {
-                return react_1.default.createElement(FieldComponent, Object.assign({}, props, { ref: ref }));
-            }
-            return (react_1.default.createElement(FieldMetadata_1.FieldMetadata, { metadata: metadata },
-                react_1.default.createElement(FieldComponent, Object.assign({}, props, { ref: ref }))));
-        });
-    }
-    // eslint-disable-next-line react/display-name
-    return (props) => {
-        var _a;
-        const { editable = true } = props;
-        const metadata = (_a = props.field) === null || _a === void 0 ? void 0 : _a.metadata;
-        if (!metadata || !editable) {
-            return react_1.default.createElement(FieldComponent, Object.assign({}, props));
-        }
-        return (react_1.default.createElement(FieldMetadata_1.FieldMetadata, { metadata: metadata },
-            react_1.default.createElement(FieldComponent, Object.assign({}, props))));
-    };
-}
-exports.withFieldMetadata = withFieldMetadata;

package/dist/esm/components/BYOCComponent.js

@@ -1,91 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { getDataFromFields } from '../utils';
-import { MissingComponent } from './MissingComponent';
-import * as FEAAS from '@sitecore-feaas/clientside/react';
-export const BYOC_COMPONENT_RENDERING_NAME = 'BYOCComponent';
-const DefaultErrorComponent = (props) => {
-    var _a;
-    return (React.createElement("div", null,
-        "A rendering error occurred: ", (_a = props.error) === null || _a === void 0 ? void 0 :
-        _a.message,
-        "."));
-};
-/**
- * BYOCComponent facilitate the rendering of external components. It manages potential errors,
- * missing components, and customization of error messages or alternative rendering components.
- * @param {ByocComponentProps} props component props
- * @returns dynamicly rendered component or Missing Component error frame
- */
-export class BYOCComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    static getDerivedStateFromError(error) {
-        // Update state so the next render will show the fallback UI.
-        return { error: error };
-    }
-    componentDidCatch(error) {
-        this.setState({ error });
-    }
-    render() {
-        var _a, _b, _c;
-        const props = this.props;
-        if (this.state.error) {
-            return this.props.errorComponent ? (React.createElement(this.props.errorComponent, { error: this.state.error })) : (React.createElement(DefaultErrorComponent, { error: this.state.error }));
-        }
-        const { ComponentName: componentName } = props.params || {};
-        if (!componentName) {
-            const noNameProps = {
-                errorOverride: 'BYOC: The ComponentName for this rendering is missing',
-            };
-            return props.missingComponentComponent ? (React.createElement(this.props.missingComponentComponent, Object.assign({}, noNameProps))) : (React.createElement(MissingComponent, Object.assign({}, noNameProps)));
-        }
-        const unRegisteredComponentProps = {
-            rendering: {
-                componentName: componentName,
-            },
-            errorOverride: 'BYOC: This component was not registered.',
-        };
-        const fallbackComponent = this.props.missingComponentComponent ? (React.createElement(this.props.missingComponentComponent, Object.assign({}, unRegisteredComponentProps))) : (React.createElement(MissingComponent, Object.assign({}, unRegisteredComponentProps)));
-        const ErrorComponent = this.props.errorComponent;
-        let componentProps = {};
-        if ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentProps) {
-            try {
-                componentProps = (_b = JSON.parse(props.params.ComponentProps)) !== null && _b !== void 0 ? _b : {};
-            }
-            catch (e) {
-                console.error(`Parsing props for ${componentName} component from rendering params failed. Error: ${e}`);
-                return ErrorComponent ? (React.createElement(ErrorComponent, { error: e })) : (React.createElement(DefaultErrorComponent, { error: e }));
-            }
-        }
-        // apply props from item datasource
-        const dataSourcesData = Object.assign(Object.assign({}, props.fetchedData), { _: getDataFromFields((_c = props.fields) !== null && _c !== void 0 ? _c : {}) });
-        // we render fallback on client to avoid problems with client-only components
-        return (React.createElement(FEAAS.ExternalComponent, Object.assign({}, props.rendering, { componentName: componentName, clientFallback: fallbackComponent, datasources: dataSourcesData }, componentProps)));
-    }
-}
-/**
- * Fetches server component props required for server rendering, based on rendering params.
- * @param {BYOCComponentParams} params component params
- */
-export function fetchBYOCComponentServerProps(params) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const fetchDataOptions = params.ComponentDataOverride
-            ? JSON.parse(params.ComponentDataOverride)
-            : {};
-        const fetchedData = yield FEAAS.DataSettings.fetch(fetchDataOptions || {});
-        return {
-            fetchedData,
-        };
-    });
-}

package/dist/esm/components/BYOCWrapper.js

@@ -1,11 +0,0 @@
-import { BYOCComponent } from './BYOCComponent';
-import React from 'react';
-export const BYOC_WRAPPER_RENDERING_NAME = 'BYOCWrapper';
-export const BYOCWrapper = (props) => {
-    var _a, _b, _c;
-    const styles = (_b = (_a = props.params) === null || _a === void 0 ? void 0 : _a.styles) === null || _b === void 0 ? void 0 : _b.trimEnd();
-    const id = (_c = props.params) === null || _c === void 0 ? void 0 : _c.RenderingIdentifier;
-    return (React.createElement("div", { className: styles ? styles : undefined, id: id ? id : undefined },
-        React.createElement("div", { className: "component-content" },
-            React.createElement(BYOCComponent, Object.assign({}, props)))));
-};

package/dist/esm/components/DefaultEmptyFieldEditingComponents.js

@@ -1,14 +0,0 @@
-import React from 'react';
-export const DefaultEmptyFieldEditingComponentText = (props) => {
-    return React.createElement(props.tag || 'span', props, '[No text in field]');
-};
-export const DefaultEmptyFieldEditingComponentImage = (props) => {
-    const inlineStyles = {
-        minWidth: '48px',
-        minHeight: '48px',
-        maxWidth: '400px',
-        maxHeight: '400px',
-        cursor: 'pointer',
-    };
-    return (React.createElement("img", Object.assign({}, props, { alt: "", src: 'data:image/svg+xml,%3Csvg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240" style="enable-background:new 0 0 240 240;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23969696;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.75;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Crect class="st0" width="240" height="240"/%3E%3Cg%3E%3Cg%3E%3Crect x="20" y="20" class="st1" width="200" height="200"/%3E%3C/g%3E%3Cg%3E%3Ccircle class="st2" cx="174" cy="67" r="14"/%3E%3Cpath class="st2" d="M174,54c7.17,0,13,5.83,13,13s-5.83,13-13,13s-13-5.83-13-13S166.83,54,174,54 M174,52 c-8.28,0-15,6.72-15,15s6.72,15,15,15s15-6.72,15-15S182.28,52,174,52L174,52z"/%3E%3C/g%3E%3Cpolyline class="st3" points="29.5,179.25 81.32,122.25 95.41,137.75 137.23,91.75 209.5,179.75 "/%3E%3C/g%3E%3C/g%3E%3C/svg%3E', style: inlineStyles, className: `scEmptyImage ${props.className || ''}` })));
-};

package/dist/esm/components/DesignLibrary.js

@@ -1,45 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Placeholder } from './Placeholder';
-import { EDITING_COMPONENT_ID, EDITING_COMPONENT_PLACEHOLDER, RenderingType, } from '@sitecore-jss/sitecore-jss/layout';
-import { DesignLibraryStatus, getDesignLibraryStatusEvent, addComponentUpdateHandler, } from '@sitecore-jss/sitecore-jss/editing';
-export const DesignLibrary = (layoutData) => {
-    const { route } = layoutData.sitecore;
-    const isDesignLibrary = layoutData.sitecore.context.renderingType === RenderingType.Component;
-    if (!isDesignLibrary) {
-        return React.createElement(React.Fragment, null);
-    }
-    const [renderKey, setRenderKey] = useState(0);
-    const [rootUpdate, setRootUpdate] = useState(null);
-    const rootComponent = route === null || route === void 0 ? void 0 : route.placeholders[EDITING_COMPONENT_PLACEHOLDER][0];
-    // useEffect may execute multiple times on single render (i.e. in dev) - but we only want to fire ready event once
-    let componentReady = false;
-    // have an up-to-date layout state between re-renders (SSR re-render excluded)
-    const persistedRoot = useMemo(() => (Object.assign(Object.assign({}, (rootComponent || {})), rootUpdate)), [
-        rootComponent,
-        rootUpdate,
-    ]);
-    route.placeholders[EDITING_COMPONENT_PLACEHOLDER][0] = persistedRoot;
-    useEffect(() => {
-        // useEffect will fire when components are ready - and we inform the whole wide world of it too
-        if (!componentReady) {
-            componentReady = true;
-            window.top.postMessage(getDesignLibraryStatusEvent(DesignLibraryStatus.READY, rootComponent.uid), '*');
-        }
-        const unsubscribe = addComponentUpdateHandler(persistedRoot, (updatedRoot) => {
-            setRootUpdate(Object.assign({}, updatedRoot));
-            setRenderKey((key) => key + 1);
-        });
-        // useEffect will cleanup event handler on re-render
-        return unsubscribe;
-    }, []);
-    useEffect(() => {
-        // Send a rendered event only as effect of a component update command
-        if (renderKey === 0) {
-            return;
-        }
-        window.top.postMessage(getDesignLibraryStatusEvent(DesignLibraryStatus.RENDERED, rootComponent.uid), '*');
-    }, [renderKey, rootComponent.uid]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("main", null,
-            React.createElement("div", { id: EDITING_COMPONENT_ID }, route && (React.createElement(Placeholder, { name: EDITING_COMPONENT_PLACEHOLDER, rendering: route, key: renderKey }))))));
-};