@shopgate/engage/checkout/components/GuestCheckout/GuestCheckoutPickup.js

Shopgate's ENGAGE library.

import React,{useMemo}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/engage';import{GUEST_CHECKOUT_PATTERN}from"../../constants/routes";import Section from"../Checkout/CheckoutSection";import{useCheckoutContext}from"../../hooks/common";import{ADDRESS_TYPE_PICKUP}from"../../constants";var variables=themeConfig.variables;var styles={root:css({padding:"0 ".concat(variables.gap.big,"px ").concat(variables.gap.big,"px"),display:'flex',flexDirection:'column',flex:'0 0 auto'}).toString(),card:css({display:'flex',flexDirection:'column',fontSize:15,margin:'8px 0 12px 0'}).toString()};/**
 * GuestCheckoutPickup
 * @returns {JSX}
 */var GuestCheckoutPickup=function GuestCheckoutPickup(){var _pickupAddress$middle;var _useCheckoutContext=useCheckoutContext(),pickupAddress=_useCheckoutContext.pickupAddress,orderReserveOnly=_useCheckoutContext.orderReserveOnly;var headline=useMemo(function(){return orderReserveOnly?'checkout.pickup_contact.headline_reserve':'checkout.pickup_contact.headline';},[orderReserveOnly]);if(!pickupAddress){return null;}return React.createElement("div",{className:styles.root},React.createElement(Section,{className:styles.card,title:headline,editLink:"".concat(GUEST_CHECKOUT_PATTERN,"?edit=").concat(ADDRESS_TYPE_PICKUP)},React.createElement("span",null,((_pickupAddress$middle=pickupAddress.middleName)===null||_pickupAddress$middle===void 0?void 0:_pickupAddress$middle.length)?"".concat(pickupAddress.firstName," ").concat(pickupAddress.middleName," ").concat(pickupAddress.lastName):"".concat(pickupAddress.firstName," ").concat(pickupAddress.lastName)),React.createElement("span",null,pickupAddress.emailAddress),React.createElement("span",null,pickupAddress.mobile)));};export default GuestCheckoutPickup;