@shopgate/engage/checkout/components/Checkout/Checkout.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{useRoute}from'@shopgate/engage/core';import{ResponsiveContainer}from'@shopgate/engage/components';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{CHECKOUT_PATTERN}from"../../constants/routes";import ProfileProvider from"../../../account/components/Profile/Profile.provider";import CheckoutProvider from"../../providers/CheckoutProvider";import PaymentMethodProvider from"../../paymentMethods";import{ADDRESS_TYPE_BILLING,ADDRESS_TYPE_SHIPPING}from"../../constants";import{ShippingMethods}from"../ShippingMethods";import PickupContactForm from"./CheckoutPickupContactForm";import Address from"./CheckoutAddress";import Summary from"./CheckoutSummary";import Actions from"./CheckoutActions";import Header from"./CheckoutHeader";var styles={root:css({display:'flex',flexDirection:'row'}),main:css(_defineProperty({flex:1,paddingTop:16},responsiveMediaQuery('>=md',{webOnly:true}),{paddingRight:16})),side:css(_defineProperty({},responsiveMediaQuery('>=md',{webOnly:true}),{marginTop:16,flex:0.6}))};/**
 * The Cart component.
 * @returns {JSX}
 */var Checkout=function Checkout(){var _useRoute=useRoute(),id=_useRoute.id;return React.createElement(CheckoutProvider,{pathPattern:CHECKOUT_PATTERN,routeId:id},React.createElement(Header,null),React.createElement("div",{className:styles.root},React.createElement("div",{className:styles.main},React.createElement(ProfileProvider,{isCheckout:true},React.createElement(Address,{type:ADDRESS_TYPE_BILLING}),React.createElement(Address,{type:ADDRESS_TYPE_SHIPPING})),React.createElement(PickupContactForm,null),React.createElement(ShippingMethods,null),React.createElement(PaymentMethodProvider,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 Checkout;