@shopgate/engage
Version:
Shopgate's ENGAGE library.
5 lines • 1.25 kB
JavaScript
import React,{useMemo}from'react';import PropTypes from'prop-types';import{i18n}from'@shopgate/engage/core';import{RippleButton}from'@shopgate/engage/components';import{useRegistration}from"../../hooks";import{submitButton,submitButtonContainer}from"./RegistrationContent.style";/**
* PickupContactForm
* @param {Object} props The component props
* @returns {JSX}
*/var RegisterFormActions=function RegisterFormActions(_ref){var isGuest=_ref.isGuest;var _useRegistration=useRegistration(isGuest),handleSubmit=_useRegistration.handleSubmit,isLocked=_useRegistration.isLocked,guestRegistrationEditMode=_useRegistration.guestRegistrationEditMode,orderNeedsPayment=_useRegistration.orderNeedsPayment;var label=useMemo(function(){if(isGuest){if(guestRegistrationEditMode){return'checkout.billing.save';}return orderNeedsPayment?'checkout.continue_payment':'checkout.continue';}return'registration.create_account';},[guestRegistrationEditMode,isGuest,orderNeedsPayment]);return React.createElement("div",{className:submitButtonContainer},React.createElement(RippleButton,{type:"secondary",onClick:handleSubmit,disabled:isLocked,className:submitButton},i18n.text(label)));};RegisterFormActions.defaultProps={isGuest:false};export default RegisterFormActions;