@progress/sitefinity-nextjs-sdk
Version:
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.
79 lines (78 loc) • 4.19 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { StylingConfig } from '../styling/styling-config';
import { PostLoginAction } from './interfaces/post-login-action';
import { getMinimumWidgetContext } from '../../editor/widget-framework/widget-context';
import { RestClient, RestSdkTypes } from '../../rest-sdk/rest-client';
import { RestClientForContext } from '../../services/rest-client-for-context';
import { Tracer } from '@progress/sitefinity-nextjs-sdk/diagnostics/empty';
import { RenderView } from '../common/render-view';
import { LoginFormDefaultView } from './login-form.view';
import { getCustomAttributes, htmlAttributes } from '../../editor/widget-framework/attributes';
import { StyleGenerator } from '../styling/style-generator.service';
import { classNames } from '../../editor/utils/classNames';
export async function LoginForm(props) {
const { span, ctx } = Tracer.traceWidget(props, true);
const entity = props.model.Properties;
const viewProps = populateviewProps(entity, props);
if (entity.ExternalProviders && entity.ExternalProviders.length) {
const externalProviders = await RestClient.getExternalProviders({ traceContext: ctx });
viewProps.externalProviders = externalProviders.filter((p) => entity.ExternalProviders?.indexOf(p.Name) !== -1);
}
try {
if (entity.PostLoginAction === PostLoginAction.RedirectToPage) {
const postLoginRedirectPage = await RestClientForContext.getItem(entity.PostLoginRedirectPage, { type: RestSdkTypes.Pages, culture: props.requestContext.culture, traceContext: ctx });
if (postLoginRedirectPage) {
viewProps.redirectUrl = postLoginRedirectPage.ViewUrl;
}
}
}
catch { /* empty */ }
;
try {
const registrationPage = await RestClientForContext.getItem(entity.RegistrationPage, { type: RestSdkTypes.Pages, culture: props.requestContext.culture, traceContext: ctx });
if (registrationPage) {
viewProps.registrationLink = registrationPage.ViewUrl;
}
}
catch { /* empty */ }
;
try {
const resetPasswordPage = await RestClientForContext.getItem(entity.ResetPasswordPage, { type: RestSdkTypes.Pages, culture: props.requestContext.culture, traceContext: ctx });
if (resetPasswordPage) {
viewProps.forgottenPasswordLink = resetPasswordPage.ViewUrl;
}
}
catch { /* empty */ }
;
return (_jsx(RenderView, { viewName: entity.SfViewName, widgetKey: props.model.Name, traceSpan: span, viewProps: viewProps, children: _jsx(LoginFormDefaultView, { ...viewProps }) }));
}
// TODO: figure out login handler path generation
function populateviewProps(entity, widgetContext) {
const dataAttributes = htmlAttributes(widgetContext);
const marginClass = entity.Margins && StyleGenerator.getMarginClasses(entity.Margins);
dataAttributes['className'] = classNames(entity.CssClass, marginClass);
const customAttributes = getCustomAttributes(entity.Attributes, 'LoginForm');
return {
loginHandlerPath: '/sitefinity/login-handler',
rememberMe: entity.RememberMe,
membershipProviderName: entity.MembershipProviderName,
visibilityClasses: StylingConfig.VisibilityClasses,
invalidClass: StylingConfig.InvalidClass,
labels: {
emailLabel: entity.EmailLabel,
errorMessage: entity.ErrorMessage,
externalProvidersHeader: entity.ExternalProvidersHeader,
forgottenPasswordLinkLabel: entity.ForgottenPasswordLinkLabel,
header: entity.Header,
notRegisteredLabel: entity.NotRegisteredLabel,
passwordLabel: entity.PasswordLabel,
registerLinkText: entity.RegisterLinkText,
rememberMeLabel: entity.RememberMeLabel,
submitButtonLabel: entity.SubmitButtonLabel,
validationInvalidEmailMessage: entity.ValidationInvalidEmailMessage,
validationRequiredMessage: entity.ValidationRequiredMessage
},
attributes: { ...dataAttributes, ...customAttributes },
widgetContext: getMinimumWidgetContext(widgetContext)
};
}