@shopgate/engage/checkout/components/CheckoutConfirmation/CheckoutConfirmationPickUpContact.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";/**
 * CheckoutConfirmationPickUpContact component
 * @returns {JSX}
 */var CheckoutConfirmationPickUpContact=function CheckoutConfirmationPickUpContact(_ref){var order=_ref.order,className=_ref.className;var content=useMemo(function(){var pickup=order.addressSequences.find(function(address){return address.type==='pickup';});if(!pickup){return null;}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]);if(!content){return null;}return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.pick_up_contact",content:content,className:className});};CheckoutConfirmationPickUpContact.defaultProps={className:null};export default CheckoutConfirmationPickUpContact;