"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

const CancellationReturnForm_1 = require("../../../presets/OrderHistory/CancellationReturnForm");

const styled_1 = require("../styled");

const styled_2 = require("./styled");

function defaultRenderProductDetails() {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_2.StyledImagePlaceholder, {
    width: 160,
    height: 125
  }), react_1.default.createElement(styled_2.ProductDetailsWrapper, null, react_1.default.createElement(styled_2.ItemPlaceholder, {
    width: 120,
    height: 18
  }), react_1.default.createElement(styled_2.StyledDetailedList, null, react_1.default.createElement(styled_2.ItemPlaceholder, {
    width: 60,
    height: 18
  }), react_1.default.createElement(styled_2.ItemPlaceholder, {
    width: 200,
    height: 18
  })), react_1.default.createElement(styled_2.ItemPlaceholder, {
    width: 100,
    height: 18
  }), react_1.default.createElement(styled_2.ItemPlaceholder, {
    width: 80,
    height: 18
  })));
}

exports.defaultRenderProductDetails = defaultRenderProductDetails;

function defaultRenderShippingAddress() {
  return react_1.default.createElement(styled_2.StyledAddress, null);
}

exports.defaultRenderShippingAddress = defaultRenderShippingAddress;

function defaultRenderShippingMethod() {
  return react_1.default.createElement(styled_1.FlexColumn, null, react_1.default.createElement(styled_2.StyledHeading, {
    width: 200,
    height: 18
  }), react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, {
    widthList: [90, 40],
    rows: 2,
    lineSpacing: 8,
    itemHeight: 14
  }));
}

exports.defaultRenderShippingMethod = defaultRenderShippingMethod;

function defaultRenderStatus() {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_2.StyledValue, {
    width: 100,
    height: 18
  }), react_1.default.createElement(styled_2.StyledValue, {
    width: 80,
    height: 18
  }));
}

exports.defaultRenderStatus = defaultRenderStatus;

function defaultRenderActionButtons() {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_2.StyledActionButton, {
    width: 200,
    height: 44
  }), react_1.default.createElement(styled_2.StyledActionButton, {
    width: 200,
    height: 44
  }), react_1.default.createElement(styled_2.StyledActionButton, {
    width: 200,
    height: 44
  }));
}

exports.defaultRenderActionButtons = defaultRenderActionButtons;

function defaultRenderBox(props, state) {
  const {
    item,
    onSubmit,
    renderProductDetails,
    renderShippingAddress,
    renderShippingMethod,
    renderStatus,
    renderActionButtons
  } = props,
        remainingProps = tslib_1.__rest(props, ["item", "onSubmit", "renderProductDetails", "renderShippingAddress", "renderShippingMethod", "renderStatus", "renderActionButtons"]);

  return react_1.default.createElement(react_1.default.Fragment, null, !state.isVisible && react_1.default.createElement(styled_2.ItemContainer, null, react_1.default.createElement(styled_2.ProductItemWrapper, null, renderProductDetails(item)), react_1.default.createElement(styled_2.ShippingWrapper, {
    isVisible: state.isVisible
  }, react_1.default.createElement(styled_2.StatusWrapper, null, renderStatus(item)), renderShippingAddress(item), renderShippingMethod(item)), react_1.default.createElement(styled_2.ActionButtonWrapper, null, renderActionButtons(Object.assign({
    item
  }, remainingProps), state))), state.isVisible && react_1.default.createElement(CancellationReturnForm_1.CancellationReturnForm, {
    stateProps: state,
    cancelAndReturnConfig: item.cancelAndReturnConfig,
    item: item,
    onSubmit: onSubmit
  }));
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  const view = react_1.default.createElement(styled_2.OrderItemWrapper, {
    className: className
  }, children);
  return view;
}

exports.defaultRenderWrapper = defaultRenderWrapper;