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

Shopgate's ENGAGE library.

function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React from'react';import{css}from'glamor';import{ResponsiveContainer}from'@shopgate/engage/components';import{responsiveMediaQuery}from'@shopgate/engage/styles';import Header from"../Checkout/CheckoutHeader";import{GUEST_CHECKOUT_PAYMENT_PATTERN}from"../../constants/routes";import CheckoutProvider from"../../providers/CheckoutProvider";import PaymentProvider from"../../paymentMethods";import{ADDRESS_TYPE_BILLING,ADDRESS_TYPE_SHIPPING}from"../../constants";import Address from"../Checkout/CheckoutAddress";import Summary from"../Checkout/CheckoutSummary";import Actions from"../Checkout/CheckoutActions";import Pickup from"./GuestCheckoutPickup";import PickupNotes from"./GuestCheckoutPickupNotes";import GuestCheckoutOptIn from"./GuestCheckoutOptIn";import{ShippingMethods}from"../ShippingMethods";var styles={root:css({display:'flex',flexDirection:'row'}),main:css(_defineProperty({flex:1,paddingTop:16},responsiveMediaQuery('>=md',{webOnly:true}),{paddingRight:16,paddingTop:0})),side:css(_defineProperty({},responsiveMediaQuery('>=md',{webOnly:true}),{flex:0.6}))};/**
 * The Cart component.
 * @returns {JSX}
 */var GuestCheckout=function GuestCheckout(){return React.createElement(CheckoutProvider,{pathPattern:GUEST_CHECKOUT_PAYMENT_PATTERN,orderInitialized:true,orderReadOnly:true,isGuestCheckout:true},React.createElement(Header,{stepFrom:2,stepTo:2}),React.createElement("div",{className:styles.root},React.createElement("div",{className:styles.main},React.createElement(Pickup,null),React.createElement(PickupNotes,null),React.createElement(Address,{type:ADDRESS_TYPE_BILLING}),React.createElement(Address,{type:ADDRESS_TYPE_SHIPPING}),React.createElement(GuestCheckoutOptIn,null),React.createElement(ShippingMethods,null),React.createElement(PaymentProvider,null),React.createElement(ResponsiveContainer,{breakpoint:"<md",appAlways:true},React.createElement(Summary,null)),React.createElement(Actions,null)),React.createElement("div",{className:styles.side},React.createElement(ResponsiveContainer,{breakpoint:">=md",webOnly:true},React.createElement(Summary,null)))));};export default GuestCheckout;