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

Shopgate's ENGAGE library.

function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import React,{useMemo,useCallback}from'react';import{css}from'glamor';import{FormBuilder}from'@shopgate/engage/components';import{StylePresets}from'@shopgate/engage/components/Form';import generateFormConfig from"./GuestCheckoutPickupNotes.config";import Section from"../Checkout/CheckoutSection";import{useCheckoutContext}from"../../hooks/common";var styles={root:css({padding:'16px 16px 0',paddingTop:0,display:'flex',flex:'0 0 auto',flexDirection:'column'}).toString(),form:css(_extends({' .textField':{marginBottom:'16px !important'}},StylePresets.OUTLINED_FORM_FIELDS)).toString()};/**
 * GuestCheckoutPickupNotes
 * @returns {JSX}
 */var GuestCheckoutPickupNotes=function GuestCheckoutPickupNotes(){var _useCheckoutContext=useCheckoutContext(),defaultPickupPersonState=_useCheckoutContext.defaultPickupPersonState,formValidationErrors=_useCheckoutContext.formValidationErrors,formSetValues=_useCheckoutContext.formSetValues,isPickupContactSelectionEnabled=_useCheckoutContext.isPickupContactSelectionEnabled;var formConfig=useMemo(function(){return generateFormConfig();},[]);var handleUpdate=useCallback(function(values){formSetValues(values);},[formSetValues]);if(!isPickupContactSelectionEnabled){return null;}return React.createElement("div",{className:styles.root},React.createElement(Section,{title:"",hasForm:true},React.createElement(FormBuilder,{className:styles.form,name:"PickupNotesForm",config:formConfig,defaults:defaultPickupPersonState,validationErrors:formValidationErrors,handleUpdate:handleUpdate})));};export default GuestCheckoutPickupNotes;