"use strict";

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

const tslib_1 = require("tslib");

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

const styleh_toolset_1 = require("@skava/styleh-toolset");

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

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

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

const Buttons_1 = require("../Buttons");

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

const ProductItemList_1 = tslib_1.__importDefault(require("./ProductItemList"));

const ActionButtonGroup_1 = require("./ActionButtonGroup");

const OrderStatus_1 = tslib_1.__importDefault(require("./OrderStatus"));

const StyledPaymentSummary = styleh_components_1.styled(PaymentSummary_2.PaymentSummary)`${props => props.singleProduct && styleh_components_1.styled.css`${ActionButtonGroup_1.SectionWrapper}{display:none;}${PaymentSummary_1.PaymentSummaryPanel}{flex:0 0 100%;}${PaymentSummary_1.PaymentSummaryPanelSectionLeft}{flex:0 0 33.33%;@media (max-width:767px){flex:0 0 100%;}}${PaymentSummary_1.PaymentSummaryPanelSectionRight}{flex:1;flex-direction:row;justify-content:space-between;@media (max-width:767px){flex:0 0 100%;${PaymentSummary_1.PaymentSummaryInfoPanel}{flex:0 0 100%;}}}`};}`;
exports.StyledPaymentSummary = StyledPaymentSummary;
const StyledOrderStatus = styleh_components_1.styled.withComponent(OrderStatus_1.default)`border-bottom:1px solid #ccc;padding:1rem;@media (max-width:767px){padding:1rem 0.5rem;}${props => props.state.isExpanded && styleh_components_1.styled.css`svg{transform:rotate(180deg);}`}`;
exports.StyledOrderStatus = StyledOrderStatus;
const StyledProductItemList = styleh_components_1.styled.withComponent(ProductItemList_1.default).attrs({
  dataQa: 'qa-ordered-product-item-container'
})`padding-bottom:1rem;flex:0 0 60%;${props => props.isSubscriptionItem && styleh_components_1.styled.css`${ProductItem_1.ProductItemWrapper}{flex:1;}${ProductItem_1.ProductDetails}{flex:1;}${ActionButtonGroup_1.PrintButton},${ActionButtonGroup_1.OrderAgainButton},${ActionButtonGroup_1.ReturnButton}{width:15.625rem;}`} ${props => props.isSubscriptionItem && props.state.isExpanded && styleh_components_1.styled.css`${ActionButtonGroup_1.PrintButton},${ActionButtonGroup_1.OrderAgainButton},${ActionButtonGroup_1.ReturnButton}{width:100%;}`} ${props => props.state.isExpanded && styleh_components_1.styled.css`flex:0 0 100%;`} @media(min-width:768px) and(max-width:1023px){flex:0 0 60%;${props => props.state.isExpanded && styleh_components_1.styled.css`flex:0 0 100%;`}}${props => props.isSubscriptionItem && styleh_components_1.styled.css`@media (max-width:768px){flex:0 0 100%;}`}`;
exports.StyledProductItemList = StyledProductItemList;
const StyledOrder = styleh_components_1.styled.withComponent(Order_1.Order)`${props => props.isSubscriptionItem && styleh_components_1.styled.css`${PaymentSummary_1.PaymentSummaryPanelSectionLeft},${PaymentSummary_1.PaymentSummaryPanelSectionRight}{flex:0 0 100%;}${PaymentSummary_1.PaymentSummaryPanel}{flex:0 0 100%;}${PaymentSummary_1.StyledActionButtonGroup}{display:none;}${PaymentSummary_2.StyledProductOrderSummary}{border-top:solid 1px #ccc;max-width:100%;padding-top:1rem;@media (max-width:768px){width:100%;}}`} ${Order_1.FooterContainer}{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;${styleh_toolset_1.media.phoneOrSmaller`flex-direction:column;align-items:normal;`} ${ActionButtonGroup_1.SectionWrapper}{flex:0 0 40%;flex-direction:column;justify-content:flex-end;@media (max-width:767px){padding-top:1.5rem;}${props => props.isSubscriptionItem && styleh_components_1.styled.css`@media (max-width:768px){flex:0 0 100%;flex-direction:row;justify-content:flex-start;}`}}@media (max-width:767px){${StyledProductItemList},${ActionButtonGroup_1.SectionWrapper}{flex:0 0 100%;}}}${Order_1.PaymentSummaryContainer}{padding:1rem 1rem 0;@media (max-width:767px){padding:1rem 0.5rem 0;}}`;
exports.StyledOrder = StyledOrder;
const StyledPrimaryButton = styleh_components_1.styled.withComponent(ActionButtonGroup_1.PrintButton).attrs({
  dataQa: 'qa-track-package'
})`margin-bottom:1rem;`;
exports.StyledPrimaryButton = StyledPrimaryButton;
const StyledSecondaryButton = styleh_components_1.styled.withComponent(Buttons_1.SecondaryButton)`margin-bottom:1rem;`;
exports.StyledSecondaryButton = StyledSecondaryButton;