"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const styles_1 = require("../../../../styles");

const Heading_1 = require("../../../atoms/Text/Heading");

const Order_1 = require("../../Order");

const ProductItem_1 = require("../../../abstractions/Order/ProductItem");

const PaymentSummary_1 = require("../../../abstractions/Order/PaymentSummary");

const PaymentSummary_2 = require("../../Order/PaymentSummary");

const ProductOrderSummary_1 = require("../../ProductPieces/ProductOrderSummary");

const Address_1 = require("../../Address");

const ApprovalStatus_1 = require("./ApprovalStatus");

const UserComment_1 = require("./UserComment");

const StyledApprovalStatus = styleh_components_1.styled.withComponent(ApprovalStatus_1.ApprovalStatus)`${props => props.isExpanded && styleh_components_1.styled.css`&:after{${styles_1.borderLine};}svg{transform:rotate(180deg);}`}`;
exports.StyledApprovalStatus = StyledApprovalStatus;
const StyledPaymentSummary = styleh_components_1.styled.withComponent(Order_1.PaymentSummary)`padding:1rem 1rem 0rem;@media (max-width:767px){padding:1rem 0.5rem 0rem;}&:after{${styles_1.borderLine};}${PaymentSummary_1.PaymentSummaryPanelSectionLeft}{flex:0 0 40%;@media (max-width:767px){flex:0 0 100%;}${PaymentSummary_1.PaymentSummaryInfoPanel}{&:last-child div{margin-bottom:0;}}}${PaymentSummary_1.PaymentSummaryPanelSectionRight}{flex:0 0 calc(60% - 1rem);@media (max-width:1023px){flex-direction:row;}@media (max-width:767px){flex:0 0 100%;}${PaymentSummary_1.PaymentSummaryInfoPanel}{&:first-child{padding:0;margin-bottom:0;flex:0 0 11.25rem;@media (max-width:1023px){flex:0 0 100%;${props => props.isPurchaseOrder && styleh_components_1.styled.css`display:none;`}}${Order_1.PaymentMethodInfoPanel}{padding-right:16px;margin-bottom:1.25rem;${props => props.isPurchaseOrder && styleh_components_1.styled.css`display:none;`}}}&:last-child{flex:1;padding:0;${Order_1.StyledProductOrderSummary}{color:var(--color-black);margin-left:2.5rem;${props => props.isPurchaseOrder && styleh_components_1.styled.css`margin-left:0;`} height:100%;flex-direction:column;display:flex;@media (max-width:1023px){margin-left:0;flex:0 0 100%;}.total-count{align-items:flex-end;flex:1;margin-bottom:0;color:var(--color-black);}}}}${ProductOrderSummary_1.ProductOrderSummaryWrapper}{max-width:none;width:auto;}}${Address_1.StyledTitle},${PaymentSummary_2.InfoHeading}{@media (max-width:1023px){font-size:1.125rem;}@media (max-width:767px){font-size:1rem;}}${Order_1.StyledProductOrderSummary}{${Heading_1.H3},.total-count{@media (max-width:767px){font-size:1rem;}}}`;
exports.StyledPaymentSummary = StyledPaymentSummary;
const StyledProductItemList = styleh_components_1.styled.withComponent(Order_1.ProductItemList)`padding:1.75rem 1rem 0rem;@media (max-width:767px){padding:1.75rem 0.5rem 0rem;}${ProductItem_1.ProductItemWrapper}{padding-bottom:4.25rem;&:last-child{padding-bottom:2rem;}}@media (max-width:1023px){${Order_1.ProductFacets},${Order_1.StyledProductItemId}{font-size:0.6875rem;}}`;
exports.StyledProductItemList = StyledProductItemList;
const StyledUserComment = styleh_components_1.styled.withComponent(UserComment_1.UserComment)``;
exports.StyledUserComment = StyledUserComment; //# sourceMappingURL=styled.js.map