"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 words_1 = require("@skava/ui/dist/words");

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

const SubscriptionOrderInformation_1 = require("../SubscriptionOrderInformation");

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

var orderStatus;

(function (orderStatus) {
  orderStatus["active"] = "#0c8b44";
  orderStatus["paused"] = "#f79127";
  orderStatus["skipped"] = "#f79127";
  orderStatus["canceled"] = "#0c8b44";
})(orderStatus || (orderStatus = {}));

function defaultRenderDefaultView(props) {
  const {
    onBuyNow
  } = props;

  const handleBuyNowClick = event => {
    if (exotic_1.isFunction(onBuyNow)) {
      onBuyNow(event);
    }
  };

  return react_1.default.createElement(styled_1.StyledPrimaryButton, {
    text: words_1.wording.buyButtonLabel,
    onClick: handleBuyNowClick
  });
}

exports.defaultRenderDefaultView = defaultRenderDefaultView;

function defaultRenderExpandedView(props) {
  const {
    onBuyNow,
    onSkip,
    onPause,
    onCancel
  } = props;

  const handleBuyNow = event => {
    if (exotic_1.isFunction(onBuyNow)) {
      onBuyNow(event);
    }
  };

  const handleSkip = event => {
    if (exotic_1.isFunction(onSkip)) {
      onSkip(event);
    }
  };

  const handlePause = event => {
    if (exotic_1.isFunction(onPause)) {
      onPause(event);
    }
  };

  const handleCancel = event => {
    if (exotic_1.isFunction(onCancel)) {
      onCancel(event);
    }
  };

  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledPrimaryButton, {
    text: words_1.wording.buyButtonLabel,
    onClick: handleBuyNow
  }), react_1.default.createElement(styled_1.StyledSkipButton, {
    text: words_1.wording.skipOneTimeLabel,
    onClick: handleSkip
  }), react_1.default.createElement(styled_1.StyledPauseButton, {
    text: ' ',
    onClick: handlePause
  }), react_1.default.createElement(styled_1.StyledCancelButton, {
    text: ' ',
    onClick: handleCancel
  }));
}

exports.defaultRenderExpandedView = defaultRenderExpandedView;

function defaultRenderToggleButton(props, state) {
  const iconDirection = state.isExpanded ? words_1.wording.up : words_1.wording.down;
  return react_1.default.createElement(styled_1.StyledToggleButton, {
    text: words_1.wording.manageSubscription,
    onClick: state.handleToggle,
    breedType: "icon-with-text",
    iconAlignType: 'suffix',
    iconType: 'arrow',
    direction: iconDirection
  });
}

exports.defaultRenderToggleButton = defaultRenderToggleButton;

function defaultRenderProductItem(props) {
  const {
    item
  } = props;
  return react_1.default.createElement(ProductItem_1.ProductItem, {
    item: item.productItemInformation
  });
}

exports.defaultRenderProductItem = defaultRenderProductItem;

function defaultRenderOrderDetails(props) {
  const {
    item
  } = props;
  return react_1.default.createElement(SubscriptionOrderInformation_1.SubscriptionOrderInformation, {
    "data-qa": 'qa-subscription-current-status',
    item: item.subscriptionInformation
  });
}

exports.defaultRenderOrderDetails = defaultRenderOrderDetails;

function defaultRenderOrderStatus(props) {
  const {
    item
  } = props;
  const orderStatusLabel = exotic_1.isObj(item) && exotic_1.isSafe(item.orderStatus) ? item.orderStatus.toLowerCase() : '';
  return exotic_1.isSafe(orderStatusLabel) && react_1.default.createElement(styled_1.StyledStatus, {
    color: orderStatus[orderStatusLabel]
  }, orderStatusLabel);
}

exports.defaultRenderOrderStatus = defaultRenderOrderStatus;