@progress/sitefinity-nextjs-sdk/widgets/content-block/content-block.js

Provides OOB widgets developed using the Next.js framework, which includes an abstraction layer for Sitefinity communication. Additionally, it offers an expanded API, typings, and tools for further development and integration.

import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import React from 'react';
import { StyleGenerator } from '../styling/style-generator.service';
import { htmlAttributes, getCustomAttributes } from '../../editor/widget-framework/attributes';
import { RestClient } from '../../rest-sdk/rest-client';
import { SanitizerService } from '../../services/sanitizer-service';
import { Tracer } from '@progress/sitefinity-nextjs-sdk/diagnostics/empty';
import { ErrorCodeException } from '../../rest-sdk/errors/error-code.exception';
export async function ContentBlock(props) {
    const { span, ctx } = Tracer.traceWidget(props, true);
    let dataAttributes = htmlAttributes(props);
    let content = props.model.Properties.Content;
    if (props.model.Properties?.SharedContentID && props.model.Properties.SharedContentID !== '00000000-0000-0000-0000-000000000000') {
        try {
            const contentItem = await RestClient.getSharedContent({ id: props.model.Properties.SharedContentID, cultureName: props.requestContext.culture, traceContext: ctx });
            content = contentItem.Content;
        }
        catch (error) {
            const errorMessage = error instanceof ErrorCodeException ? error.message : error;
            const attributes = htmlAttributes(props, errorMessage);
            return (props.requestContext.isEdit ? _jsx("div", { ...attributes }) : null);
        }
    }
    const tagName = props.model.Properties.TagName || 'div';
    dataAttributes.dangerouslySetInnerHTML = {
        __html: SanitizerService.getInstance().sanitizeHtml(content || '')
    };
    let cssClasses = [];
    if (props.model.Properties.WrapperCssClass) {
        cssClasses.push(props.model.Properties.WrapperCssClass);
    }
    if (props.model.Properties.Paddings) {
        cssClasses.push(StyleGenerator.getPaddingClasses(props.model.Properties.Paddings));
    }
    if (props.model.Properties.Margins) {
        cssClasses.push(StyleGenerator.getMarginClasses(props.model.Properties.Margins));
    }
    if (cssClasses.filter(x => x).length > 0) {
        dataAttributes['className'] = cssClasses.filter(x => x).join(' ');
    }
    const customAttributes = getCustomAttributes(props.model.Properties.Attributes, 'ContentBlock');
    dataAttributes = Object.assign(dataAttributes, customAttributes);
    return (_jsxs(_Fragment, { children: [React.createElement(tagName, dataAttributes), Tracer.endSpan(span)] }));
}