'use strict';

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

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var styleInject_es = require('../style-inject.es-dcee06b6.js');
var defineProperty = require('../defineProperty-ba7cd53d.js');
var index = require('../index-4c407188.js');
var utils = require('../utils-b800dc99.js');

var img = "data:image/png;base64,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";

var img$1 = "data:image/png;base64,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";

var img$2 = "data:image/png;base64,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";

var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAM1BMVEVHcEwArfAAq/AArvQAq+4Aqu8Aqu8Ar/QAqu8Aq+8Aqu8ArPAAsf8Aq/AAqu8Aq/AAqu6gIIw3AAAAEHRSTlMAKoAZ9JXXD7o86WoHSaldjgJo7wAAAgBJREFUWMPtmNmShCAMRSHsIMj/f+1oCy4YsB2oeZr7SHWdJsklEgj5iDkteXwlLrVj5JCCl4AdBCozqIy/lqSJYWOH7IeiZOySXCOC2ClY6sJ7IZwRF7vliO6HaNJOq5+2ArZTS5op4dlJ7aSQ2A+J/5A/gcyq0N5xCukWhHypFgRMobyRcl3+l/gtJIizEoRdFu0jxDyWV8UBEP8M0VVBgoiXiS368SbbA0kHycQOiK5G8wKSDudknyFWCwAQQZe/tdvHg8xPZpNAj0oyD5pfvrgfyTZEztPNE9SFDcRVzSQXSFC4tya/+ry1kQOSf6UYZbcdUWCNjeyQ8AG4YFN6wavntlhArFqP6vW7rO85Ms1WsJjA3A3ARXkcfeBViF32gV//tC8bwawrEEHqlx3pyqgYSAziWw2Q03uC6YWzQZpXN4/758Qh6ZTDYxtBOfo7iNvv7oA5R81CJgit5iQzmFwrzvDOTbJN0OrwnI90d+eBophseswneYQ43/+1r0GW8twdy2E6xdIyDjnOHwtXy+8JuOEtMAyyJXAvvQ3zUQrUQsEgEJ4XmfHm/D+sdh7OjXDfPmqqqTUdHlHFRn9U8DTZpajOubwEOuG9A42qWBLOG2r8LPTXE5kVpHt6W+9Tsh8ix4xvQwbJISPtkOF6zJg/5MFhzNPHmEeY7uegH1eE2uqiaqwMAAAAAElFTkSuQmCC";

var img$4 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA+CAMAAAChgZ0aAAAAM1BMVEVHcEwJvAcNvwoKvQgcxxwKvAgJvAcJvAcKvAgMwQsKvAcJvAcJvAgLvQkJvAgJvAcJuwemYXQzAAAAEHRSTlMA4SZICXfR91wV7YrANpyxIG3ToQAAAgRJREFUWMOlWFmigyAMJKwB2e5/2qdWXys7mE+1Y8hMxqSEVEMz4a0Eo5QBab1glMwGRw8xC/CoZzCCirWwyIdA9GZiM8ymB0BU7IbqAaGJQ6FEKxUfh0O6GgqDOBOVhLY4Gb7AGQ9xOmRWaW5jfI+zksuJ8zyXX0OJwH5RxBqIxUcuTq2AhEQ5XM5jqO22Dc2XjwTipoiLuy+0maXnWxLcha/0inrDlxz3Edt2pjWTjPI0b2RzVAdXSnJU9Pv645BhvCQ/kmW/7Nr9TIlmUKheSQihybs5Yckr92dksyT7mzOjZZloaM6dEbpjtCIrjT+ZhEpJ9lslyQeSXv2ISd/olo24tSRQsdgj9WdJTuVXlECyG+Y6A2cs8TasWr4h+TUsOz5t2KwippDh9CfMEBhKR7QbD0ghVZt9B3u+Zotm/nRH2u86X2zw0FR+LJXBlS7TAZKT56GYZEP5schtyUOvjhj9CB4uWjxVaCi/UoOiOiGMDzsfgbD4Mi4TsO9QbrW6dzB0eVxLaVqfBUoNSM0qinn44ypbKplx8BXX73AUK8zo05ObKc77DiY5qmx7eob3xg5DJwa3xuLJx1NpbYqDzdVb7oYmWyl6q+a/Y4CtsCY311+cL+UAnsv8Zh9KUtLj0ELPrpN/y6cdQxRCILrxPf60nTD/F0JeGsnI6xAg+OJP/wCiDbP03htrDwAAAABJRU5ErkJggg==";

var img$5 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABGCAMAAACnmwfnAAAAb1BMVEVHcEwSOoYNeb4ROoUAnuMAneIAnuMROoUAneMSU5wUO4gROoUROoYROYUROYUAoOUAnuMSOoYRO4YAnuMROoUAoOUNUpwEh88Ja7QAnuQAnuQROYQAneIXLHAUM3sVL3USNn8NWqEIdLsRRYwEh8yuGf8EAAAAG3RSTlMAVQvuy+eo5PkXKW/Rr4goeETDiZ43us7AS166//BKAAAB4UlEQVRYw6WW25qCMAyEEVoOAitycBdboYrv/4yru4oS0pDK3P9f0gkZ4nmjNmWEK8vK+ivd+55dG7WkLE1scKQYqnF8q1gKNhi8V0ylCJxyYYXUrtlwsJ3BJRtW+QwO+LCCpRMHVtWfmn1X9LHZSN9fTjCYVr4GjlbAvloBz9bCdKiMMXPD4DJ3J7v6TiWk2SdSfVwldrMNDSutZfOCM37XN5211nE7wsoJvtxgLROL2T39ZP2n0LIWNDz8w3GCrwWj65sKNIMMp+ux79LFr/MTFmgGdazCWqIZ1LMKP2AXs40GsIPZ/fUFC2wtDGNM9zmHjmvxevA454hr9oTVLZZBNr/6y4TVO4e1UNcpK9AMwkcEyj6fvJxB/TBDH10jZvejOqOG81UjEmgGmUFz1KIZFLBYgWfQDwtu8Az65rAF/msOYgYbWu6gjPNg33IHHRh1fdsddGC/F8mgJbPDHXEHkWbLCTrPIDkj4rukFGHVwNMPrEUEySN14YO1KAFceZQi2uwdxfq02ZIsvKXNFiQMMshMzY5DEl4wuyDhnF6LloSzFWaDtTDA7NhzgN3MBobl0pIYtq8keZPv9HECNQA+usBHPGB5qgDsu8Chy1pAiemUxQrYzWyviN8l6I/T+wU2HDmgaaHs/gAAAABJRU5ErkJggg==";

var css = ".PayPlatformOptions_flexContainer__b-T24 {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n.PayPlatformOptions_label__3uVHv {\n  font-size: 14px;\n  font-weight: 400;\n  color: #616A79;\n}\n.PayPlatformOptions_payChannelBox__3_kPR {\n  padding: 20px 10px 10px 10px;\n  text-align: center;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_paymentImage__1Jwya {\n  display: inline-block;\n  margin: 0;\n  width: 60%;\n  vertical-align: middle;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_paymentImage-before__2mPbW {\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border: 1px solid transparent;\n  height: 66px;\n  line-height: 66px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL .PayPlatformOptions_platformName__U1hFh {\n  text-align: center;\n  white-space: nowrap;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_small__rnqDt {\n  width: 88px;\n  height: 36px;\n  line-height: 36px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_small__rnqDt .PayPlatformOptions_paymentImage__1Jwya {\n  margin: 0;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_normal__12jfT {\n  width: 132px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_large__Q_Mjs {\n  width: 162px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_active__3wAdi {\n  border-radius: 5px;\n  border-color: #1790FF;\n  box-shadow: 0px 2px 6px 0px rgba(163, 163, 163, 0.3);\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_en__Ns_g7 {\n  font-size: 12px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag {\n  padding: 8px 10px 10px 8px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag .PayPlatformOptions_payChannelBlock__3YbXL {\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: 78px;\n  height: 80px;\n  line-height: initial;\n  border: 1px solid transparent;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_active__3wAdi {\n  border-radius: 4px;\n  border-color: #1790FF;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag .PayPlatformOptions_payChannelBlock__3YbXL .PayPlatformOptions_paymentImage__1Jwya {\n  display: inline-block;\n  width: 34px;\n  height: 34px;\n}\n@media (max-width: 768px) {\n  .PayPlatformOptions_payChannelBlock__3YbXL {\n    cursor: pointer;\n    border: 1px solid transparent;\n  }\n  .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_active__3wAdi {\n    border-radius: 5px;\n    border-color: #1790FF;\n  }\n}\n";
var styles = {
  "flexContainer": "PayPlatformOptions_flexContainer__b-T24",
  "label": "PayPlatformOptions_label__3uVHv",
  "payChannelBox": "PayPlatformOptions_payChannelBox__3_kPR",
  "paymentImage": "PayPlatformOptions_paymentImage__1Jwya",
  "paymentImage-before": "PayPlatformOptions_paymentImage-before__2mPbW",
  "payChannelBlock": "PayPlatformOptions_payChannelBlock__3YbXL",
  "platformName": "PayPlatformOptions_platformName__U1hFh",
  "small": "PayPlatformOptions_small__rnqDt",
  "normal": "PayPlatformOptions_normal__12jfT",
  "large": "PayPlatformOptions_large__Q_Mjs",
  "active": "PayPlatformOptions_active__3wAdi",
  "en": "PayPlatformOptions_en__Ns_g7",
  "mobile": "PayPlatformOptions_mobile__3Ckag",
  "paymentImageBefore": "PayPlatformOptions_paymentImage-before__2mPbW"
};
styleInject_es.styleInject(css);

function ownKeys(object, enumerableOnly) {
  var keys = Object.keys(object);

  if (Object.getOwnPropertySymbols) {
    var symbols = Object.getOwnPropertySymbols(object);
    if (enumerableOnly) symbols = symbols.filter(function (sym) {
      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
    });
    keys.push.apply(keys, symbols);
  }

  return keys;
}

function _objectSpread(target) {
  for (var i = 1; i < arguments.length; i++) {
    var source = arguments[i] != null ? arguments[i] : {};

    if (i % 2) {
      ownKeys(Object(source), true).forEach(function (key) {
        defineProperty._defineProperty(target, key, source[key]);
      });
    } else if (Object.getOwnPropertyDescriptors) {
      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
    } else {
      ownKeys(Object(source)).forEach(function (key) {
        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
      });
    }
  }

  return target;
}
var PAY_CHANNEL = {
  PAYPAL: "PAYPAL_PAYPAL",
  ALI_WEB: "ALI_WEB",
  ALI_WAP: "ALI_WAP",
  WX_WAP: "WX_WAP",
  WX_NATIVE: "WX_NATIVE"
};
var PAY_CHANNEL_CATEGORY = {
  ALI: "Alipay",
  WX: "Wechat",
  PAYPAL: "Paypal"
};
var PAY_CHANNEL_INSTANCE = [{
  image: {
    desktop: img,
    mobile: img$3
  },
  text: {
    zh: "支付宝",
    en: "Alipay"
  },
  key: PAY_CHANNEL_CATEGORY.ALI
}, {
  image: {
    desktop: img$1,
    mobile: img$4
  },
  text: {
    zh: "微信",
    en: "WeChat"
  },
  key: PAY_CHANNEL_CATEGORY.WX
}, {
  image: {
    desktop: img$2,
    mobile: img$5
  },
  text: {
    zh: "PayPal",
    en: "PayPal"
  },
  key: PAY_CHANNEL_CATEGORY.PAYPAL
}];

var PayPlatformBlock = function PayPlatformBlock(_ref) {
  var _ref$isMobile = _ref.isMobile,
      isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
      _ref$isActive = _ref.isActive,
      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
      _ref$size = _ref.size,
      size = _ref$size === void 0 ? "normal" : _ref$size,
      onClick = _ref.onClick,
      text = _ref.text,
      image = _ref.image,
      _ref$locale = _ref.locale,
      locale = _ref$locale === void 0 ? "zh" : _ref$locale;
  var showText = text[locale];

  if (isMobile) {
    return React__default.createElement("div", {
      className: styles.flexItem
    }, React__default.createElement("div", {
      className: index.classnames(styles.payChannelBlock, _objectSpread(defineProperty._defineProperty({}, styles.active, isActive), utils.exportStyleSizeClass(styles, size)), styles[locale]),
      onClick: onClick
    }, React__default.createElement("img", {
      src: image.mobile,
      alt: showText,
      className: styles.paymentImage
    }), React__default.createElement("div", {
      className: styles.platformName
    }, showText)));
  }

  return React__default.createElement("div", {
    className: styles.flexItem
  }, React__default.createElement("div", {
    className: index.classnames(styles.payChannelBlock, _objectSpread(defineProperty._defineProperty({}, styles.active, isActive), utils.exportStyleSizeClass(styles, size)), styles[locale]),
    onClick: onClick
  }, React__default.createElement("span", {
    className: styles["payment-method-before"]
  }), React__default.createElement("img", {
    src: image.desktop,
    alt: showText,
    className: styles.paymentImage
  })));
};

var PayPlatformOptions = function PayPlatformOptions(_ref2) {
  var payChannel = _ref2.payChannel,
      onPayChannelChange = _ref2.onPayChannelChange,
      _ref2$size = _ref2.size,
      size = _ref2$size === void 0 ? "normal" : _ref2$size,
      _ref2$isMobile = _ref2.isMobile,
      isMobile = _ref2$isMobile === void 0 ? false : _ref2$isMobile,
      _ref2$withTitle = _ref2.withTitle,
      withTitle = _ref2$withTitle === void 0 ? true : _ref2$withTitle,
      titleText = _ref2.titleText,
      _ref2$locale = _ref2.locale,
      locale = _ref2$locale === void 0 ? "zh" : _ref2$locale;
  var titleDOM = null;
  var payListDOM = [{
    valueKey: PAY_CHANNEL.ALI_WEB,
    categoryKey: PAY_CHANNEL_CATEGORY.ALI
  }, {
    valueKey: PAY_CHANNEL.WX_NATIVE,
    categoryKey: PAY_CHANNEL_CATEGORY.WX
  }, {
    valueKey: PAY_CHANNEL.PAYPAL,
    categoryKey: PAY_CHANNEL_CATEGORY.PAYPAL
  }].map(function (v) {
    var valueKey = v.valueKey,
        categoryKey = v.categoryKey;
    var targetInstance = PAY_CHANNEL_INSTANCE.find(function (ins) {
      return ins.key === categoryKey;
    });

    if (targetInstance) {
      var text = targetInstance.text,
          image = targetInstance.image;
      return React__default.createElement(PayPlatformBlock, Object.assign({
        key: valueKey
      }, {
        isMobile: isMobile,
        locale: locale,
        size: size
      }, {
        onClick: function onClick() {
          return onPayChannelChange(valueKey);
        },
        isActive: valueKey === payChannel,
        text: text,
        image: image
      }));
    }
  });

  if (withTitle) {
    titleDOM = React__default.createElement("div", {
      className: styles.label
    }, titleText || locale === "zh" ? "支付方式" : "Payment");
  }

  return React__default.createElement("div", null, titleDOM, React__default.createElement("div", {
    className: index.classnames(styles.payChannelBox, defineProperty._defineProperty({}, styles.mobile, isMobile))
  }, React__default.createElement("div", {
    className: styles.flexContainer
  }, payListDOM)));
};

exports.PAY_CHANNEL = PAY_CHANNEL;
exports.PAY_CHANNEL_CATEGORY = PAY_CHANNEL_CATEGORY;
exports.default = PayPlatformOptions;
//# sourceMappingURL=index.js.map