@shopgate/engage/registration/components/GuestRegistration/GuestRegistrationContent.js

Shopgate's ENGAGE library.

import React,{Fragment,useMemo}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import CheckoutHeader from"../../../checkout/components/Checkout/CheckoutHeader";import RegistrationFormBilling from"../Registration/RegistrationFormBilling";import RegistrationFormShipping from"../Registration/RegistrationFormShipping";import RegistrationFormExtra from"../Registration/RegistrationFormExtra";import RegistrationFormToggle from"../Registration/RegistrationFormToggle";import RegistrationFormActions from"../Registration/RegistrationFormActions";import RegistrationFormPickup from"./GuestRegistrationFormPickup";import{useRegistration}from"../../hooks";var variables=themeConfig.variables;var styles={container:css({padding:"".concat(variables.gap.big,"px ").concat(variables.gap.big,"px 0"),display:'flex',flex:'0 0 auto',flexDirection:'column','@media(min-width: 768px)':{width:'50%',paddingRight:0}})};/**
 * The GuestRegistrationContent component.
 * @returns {JSX}
 */var GuestRegistrationContent=function GuestRegistrationContent(){var _useRegistration=useRegistration(true),orderReserveOnly=_useRegistration.orderReserveOnly,guestRegistrationEditMode=_useRegistration.guestRegistrationEditMode;var headline=useMemo(function(){if(guestRegistrationEditMode){return orderReserveOnly?'checkout.change_contacts':'checkout.change_addresses';}return'titles.checkout';},[guestRegistrationEditMode,orderReserveOnly]);return React.createElement(Fragment,null,React.createElement(CheckoutHeader,{stepFrom:!guestRegistrationEditMode?1:null,stepTo:!guestRegistrationEditMode?2:null,headline:headline}),React.createElement("div",{className:styles.container},React.createElement(RegistrationFormBilling,{isGuest:true}),React.createElement(RegistrationFormToggle,{isGuest:true}),React.createElement(RegistrationFormShipping,{isGuest:true}),React.createElement(RegistrationFormExtra,{isGuest:true}),React.createElement(RegistrationFormPickup,null)),React.createElement(RegistrationFormActions,{isGuest:true}));};export default GuestRegistrationContent;