@shopgate/engage/checkout/components/CheckoutConfirmation/CheckoutConfirmationOrderContact.js

Shopgate's ENGAGE library.

import React,{useMemo}from'react';import PropTypes from'prop-types';import{i18n}from"../../../core/helpers/i18n";import CheckoutConfirmationSection from"./CheckoutConfirmationSection";/**
 * CheckoutConfirmationOrderContact component
 * @returns {JSX}
 */var CheckoutConfirmationOrderContact=function CheckoutConfirmationOrderContact(_ref){var order=_ref.order,className=_ref.className;var content=useMemo(function(){var pickup=order.addressSequences.find(function(address){return address.type==='billing';});var firstName=pickup.firstName,lastName=pickup.lastName,phone=pickup.phone,mobile=pickup.mobile,emailAddress=pickup.emailAddress;var entries=[{label:i18n.text('checkout.success.name'),text:"".concat(firstName," ").concat(lastName)}];if(emailAddress){entries.push({label:i18n.text('checkout.success.email_address'),text:emailAddress});}if(mobile){entries.push({label:i18n.text('checkout.success.phone_number'),text:mobile});}else if(phone){entries.push({label:i18n.text('checkout.success.phone_number'),text:phone});}return entries;},[order]);return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.order_contact",content:content,className:className});};CheckoutConfirmationOrderContact.defaultProps={className:null};export default CheckoutConfirmationOrderContact;