@shopgate/engage/registration/components/Registration/RegistrationFormBase.js

Shopgate's ENGAGE library.

import React,{useMemo,useCallback}from'react';import{FormBuilder}from'@shopgate/engage/components';import{useRegistration}from"../../hooks";import Section from"../../../checkout/components/Checkout/CheckoutSection";import generateFormConfig from"./RegistrationFormBase.config";import{form,section}from"./RegistrationContent.style";/**
 * The RegistrationFormBase component.
 * @returns {JSX}
 */var RegistrationFormBase=function RegistrationFormBase(){var _useRegistration=useRegistration(),defaultBaseFormState=_useRegistration.defaultBaseFormState,baseFormValidationErrors=_useRegistration.baseFormValidationErrors,updateBaseForm=_useRegistration.updateBaseForm,registrationMode=_useRegistration.registrationMode;var formConfig=useMemo(function(){return generateFormConfig({registrationMode:registrationMode});},[registrationMode]);var handleUpdate=useCallback(function(values){updateBaseForm(values);},[updateBaseForm]);return React.createElement(Section,{title:"registration.headlines.create_new_account",className:section,hasForm:true},React.createElement(FormBuilder,{className:form,name:"RegistrationBase",config:formConfig,defaults:defaultBaseFormState,validationErrors:baseFormValidationErrors,handleUpdate:handleUpdate}));};export default RegistrationFormBase;