"use strict";

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

const tslib_1 = require("tslib");

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

const exotic_1 = require("exotic");

const MaterialIcon_1 = require("@skava/ui/dist/components/atoms/MaterialIcon");

const state_1 = require("@skava/state");

const words_1 = require("../../../words");

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

function defaultRenderOrderStatus(props) {
  const {
    orderStatusConfig
  } = props;
  return react_1.default.createElement(styled_1.StyledDetailedList, {
    list: orderStatusConfig
  });
}

exports.defaultRenderOrderStatus = defaultRenderOrderStatus;

function defaultRenderPrintIcon(props) {
  return react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
    type: 'print_icon',
    "data-qa": 'qa-order-history-print'
  });
}

exports.defaultRenderPrintIcon = defaultRenderPrintIcon;

function defaultRenderOrderDetails(props) {
  const {
    state,
    onOrderDetailsClick
  } = props;
  const iconType = exotic_1.isObj(state) && state.isExpanded ? words_1.wording.up : words_1.wording.down;

  const handleClick = event => {
    if (exotic_1.isFunction(onOrderDetailsClick) && state.isExpanded === false) {
      onOrderDetailsClick(props.orderStatusConfig);
    }

    exotic_1.isObj(state) === true ? state.handleToggle() : false;
  };

  const text = state_1.application.isDesktop ? 'Order details' : 'details';
  return react_1.default.createElement(styled_1.StyledButtonWithIcon, {
    iconAlignType: 'suffix',
    text: text,
    iconType: iconType,
    onClick: handleClick
  });
}

exports.defaultRenderOrderDetails = defaultRenderOrderDetails;