@shopgate/engage/checkout/components/Checkout/CheckoutActions.js

Shopgate's ENGAGE library.

import React from'react';import{css}from'glamor';import{i18n}from'@shopgate/engage/core';import{RippleButton,SurroundPortals}from'@shopgate/engage/components';import{useCheckoutContext}from"../../hooks/common";import{SupplementalContent}from"../SupplementalContent";import{CHECKOUT_ACTIONS}from"../../constants";var styles={root:css({padding:16,paddingTop:0,display:'flex',flexDirection:'column',flex:'0 0 auto'}).toString()};/**
 * PickupContactForm
 * @returns {JSX}
 */var Actions=function Actions(){var _useCheckoutContext=useCheckoutContext(),handleSubmitOrder=_useCheckoutContext.handleSubmitOrder,handleValidation=_useCheckoutContext.handleValidation,PaymentButton=_useCheckoutContext.paymentButton,isButtonLocked=_useCheckoutContext.isButtonLocked;var originalButton=React.createElement(RippleButton,{type:"secondary",onClick:handleSubmitOrder,disabled:isButtonLocked},i18n.text('checkout.submit_order'));return React.createElement(SurroundPortals,{portalName:CHECKOUT_ACTIONS},React.createElement("div",{className:styles.root},PaymentButton?React.createElement(PaymentButton,{onSubmit:handleSubmitOrder,onValidate:handleValidation,disabled:isButtonLocked},originalButton):originalButton,React.createElement(SupplementalContent,null)));};export default Actions;