@megafon/ui-shared 2.0.0-beta.24 → 2.0.0-beta.240

package/dist/lib/components/ProductTile/ProductTile.js

@@ -1,590 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.array.for-each");
-
-require("core-js/modules/es.array.sort");
-
-require("core-js/modules/es.date.to-string");
-
-require("core-js/modules/es.number.constructor");
-
-require("core-js/modules/es.number.is-integer");
-
-require("core-js/modules/es.object.keys");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
-require("core-js/modules/es.string.link");
-
-require("core-js/modules/web.dom-collections.for-each");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.array.for-each");
-
-require("core-js/modules/es.array.sort");
-
-require("core-js/modules/es.date.to-string");
-
-require("core-js/modules/es.number.constructor");
-
-require("core-js/modules/es.number.is-integer");
-
-require("core-js/modules/es.object.keys");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
-require("core-js/modules/es.string.link");
-
-require("core-js/modules/web.dom-collections.for-each");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-var _uiCore = require("@megafon/ui-core");
-
-var _ProductTileHint = _interopRequireDefault(require("./ProductTileHint"));
-
-var _ProductTileCashback = _interopRequireDefault(require("./ProductTileCashback"));
-
-var _ProductTileStatic = _interopRequireDefault(require("./ProductTileStatic"));
-
-var _ProductTileDynamic = _interopRequireDefault(require("./ProductTileDynamic"));
-
-var _ProductTilePrice = _interopRequireDefault(require("./ProductTilePrice"));
-
-var _ProductTileOptions = _interopRequireDefault(require("./ProductTileOptions"));
-
-var _ProductTileBuy = _interopRequireDefault(require("./ProductTileBuy"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _createSuper(Derived) {
-  return function () {
-    var Super = (0, _getPrototypeOf2["default"])(Derived),
-        result;
-
-    if (_isNativeReflectConstruct()) {
-      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return (0, _possibleConstructorReturn2["default"])(this, result);
-  };
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-var LinkTargetType = PropTypes.oneOf(['_self', '_blank', '_parent', '_top']);
-var cn = (0, _uiCore.cnCreate)('mfui-beta-product-tile');
-
-var ProductTile = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ProductTile, _React$Component);
-
-  var _super = _createSuper(ProductTile);
-
-  function ProductTile(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ProductTile);
-    _this = _super.call(this, props);
-
-    _this.getTariffInfo = function () {
-      var _this$props = _this.props,
-          info = _this$props.info,
-          shopTag = _this$props.shopTag,
-          _this$props$payment = _this$props.payment,
-          unitValue = _this$props$payment.unitValue,
-          unitExtra = _this$props$payment.unitExtra;
-      var _this$state = _this.state,
-          _this$state$currentPa = _this$state.currentPack,
-          calls = _this$state$currentPa.calls,
-          traffic = _this$state$currentPa.traffic,
-          packShopTag = _this$state$currentPa.shopTag,
-          price = _this$state.price,
-          discount = _this$state.discount;
-      var callsValue = calls ? calls.value : 0;
-      var trafficValue = traffic ? traffic.value : 0;
-      var currentShopTag = packShopTag || shopTag || '';
-      var priceValue = discount ? discount : price;
-      return (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, info), {
-        callsValue: callsValue,
-        trafficValue: trafficValue,
-        shopTag: currentShopTag,
-        price: priceValue,
-        unitValue: unitValue,
-        unitExtra: unitExtra
-      }), _this.defaultInfo);
-    };
-
-    _this.handleClickConnect = function (e) {
-      var onClickConnect = _this.props.onClickConnect;
-      onClickConnect && onClickConnect(_this.getTariffInfo(), e);
-    };
-
-    _this.handleClickBuy = function (e) {
-      var onClickBuy = _this.props.onClickBuy;
-      onClickBuy && onClickBuy(_this.getTariffInfo(), e);
-    };
-
-    _this.handleClickMore = function (e) {
-      var onClickMore = _this.props.onClickMore;
-      onClickMore && onClickMore(_this.getTariffInfo(), e);
-    };
-
-    _this.handleClickBubble = function () {
-      var onClickBubble = _this.props.onClickBubble;
-      onClickBubble && onClickBubble(_this.getTariffInfo());
-    };
-
-    _this.handleChangeCalls = function (_e, value, index) {
-      var currentValue = Number(value);
-      var onCallsChange = _this.props.onCallsChange;
-      var trafficValue = _this.state.trafficValue;
-
-      var currentPack = _this.getCurrentPack(currentValue, trafficValue);
-
-      if (Object.keys(currentPack).length === 0) {
-        return false;
-      }
-
-      onCallsChange && onCallsChange(index);
-
-      _this.setState((0, _extends2["default"])((0, _extends2["default"])({}, _this.getRestState(currentPack)), {
-        callsValue: currentValue,
-        callsIndex: index
-      }));
-
-      return true;
-    };
-
-    _this.handleChangeTraffic = function (_e, value, index) {
-      var currentValue = Number(value);
-      var onTrafficChange = _this.props.onTrafficChange;
-      var callsValue = _this.state.callsValue;
-
-      var currentPack = _this.getCurrentPack(callsValue, currentValue);
-
-      if (Object.keys(currentPack).length === 0) {
-        return false;
-      }
-
-      onTrafficChange && onTrafficChange(index);
-
-      _this.setState((0, _extends2["default"])((0, _extends2["default"])({}, _this.getRestState(currentPack)), {
-        trafficValue: currentValue,
-        trafficIndex: index
-      }));
-
-      return true;
-    };
-
-    var usePackBuyLink = props.usePackBuyLink,
-        servicePacks = props.servicePacks,
-        _props$payment = props.payment,
-        value = _props$payment.value,
-        discount = _props$payment.discount,
-        defaultBuyLink = props.buyLink,
-        secondParams = props.secondParams,
-        startCallsIndex = props.startCallsIndex,
-        startTrafficIndex = props.startTrafficIndex,
-        cookieCallsIndex = props.cookieCallsIndex,
-        cookieTrafficIndex = props.cookieTrafficIndex;
-
-    var switcher = _this.getSwitcherValues();
-
-    var defaultCallsValue = Number(switcher.calls[startCallsIndex]);
-    var defaultTrafficValue = Number(switcher.traffic[startTrafficIndex]);
-    var currentCallsIndex = Number.isInteger(cookieCallsIndex) ? cookieCallsIndex : startCallsIndex;
-    var currentCallsValue = Number(switcher.calls[currentCallsIndex]);
-    var currentTrafficIndex = Number.isInteger(cookieTrafficIndex) ? cookieTrafficIndex : startTrafficIndex;
-    var currentTrafficValue = Number(switcher.traffic[currentTrafficIndex]);
-
-    var currentPack = _this.getCurrentPack(currentCallsValue, currentTrafficValue);
-
-    var payment = currentPack.payment,
-        options = currentPack.options,
-        _currentPack$buyLink = currentPack.buyLink,
-        buyLink = _currentPack$buyLink === void 0 ? '' : _currentPack$buyLink,
-        _currentPack$shopTag = currentPack.shopTag,
-        shopTag = _currentPack$shopTag === void 0 ? '' : _currentPack$shopTag;
-    var defaultValues = {
-      defaultCallsValue: defaultCallsValue,
-      defaultTrafficValue: defaultTrafficValue,
-      defaultPayment: payment,
-      defaultBuyLink: buyLink
-    };
-    _this.defaultInfo = !servicePacks || servicePacks.length ? defaultValues : {};
-    _this.state = {
-      switcher: switcher,
-      currentPack: currentPack,
-      callsValue: currentCallsValue,
-      callsIndex: currentCallsIndex,
-      trafficValue: currentTrafficValue,
-      trafficIndex: currentTrafficIndex,
-      price: payment && payment.value || value,
-      discount: payment && payment.discount || discount || '',
-      options: options || secondParams,
-      buyLink: usePackBuyLink && buyLink || _this.formHashLink(defaultBuyLink || '', shopTag) || ''
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ProductTile, [{
-    key: "getRestState",
-    value: function getRestState(currentPack) {
-      var _this$props2 = this.props,
-          _this$props2$buyLink = _this$props2.buyLink,
-          buyLink = _this$props2$buyLink === void 0 ? '' : _this$props2$buyLink,
-          usePackBuyLink = _this$props2.usePackBuyLink;
-      var _currentPack$shopTag2 = currentPack.shopTag,
-          shopTag = _currentPack$shopTag2 === void 0 ? '' : _currentPack$shopTag2;
-      return {
-        currentPack: currentPack,
-        price: currentPack.payment && currentPack.payment.value || '',
-        discount: currentPack.payment && currentPack.payment.discount || '',
-        options: currentPack.options || [],
-        buyLink: usePackBuyLink && currentPack.buyLink || this.formHashLink(buyLink, shopTag) || ''
-      };
-    }
-  }, {
-    key: "getCurrentPack",
-    value: function getCurrentPack(callsValue, trafficValue) {
-      var servicePacks = this.props.servicePacks;
-
-      var _servicePacks$filter = servicePacks.filter(function (pack) {
-        return pack.calls.value === callsValue && pack.traffic.value === trafficValue;
-      }),
-          _servicePacks$filter2 = (0, _slicedToArray2["default"])(_servicePacks$filter, 1),
-          _servicePacks$filter3 = _servicePacks$filter2[0],
-          currentPack = _servicePacks$filter3 === void 0 ? {} : _servicePacks$filter3;
-
-      return currentPack;
-    }
-  }, {
-    key: "getSwitcherValues",
-    value: function getSwitcherValues() {
-      var servicePacks = this.props.servicePacks;
-      var calls = {};
-      var traffic = {};
-      servicePacks.forEach(function (items) {
-        calls[String(items.calls.value)] = true;
-        traffic[String(items.traffic.value)] = true;
-      });
-      return {
-        calls: Object.keys(calls).sort(function (a, b) {
-          return Number(a) - Number(b);
-        }),
-        traffic: Object.keys(traffic).sort(function (a, b) {
-          return Number(a) - Number(b);
-        })
-      };
-    }
-  }, {
-    key: "renderStatic",
-    value: function renderStatic() {
-      var packs = this.props.packs;
-
-      if (!packs) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement(_ProductTileStatic["default"], {
-        packs: packs
-      });
-    }
-  }, {
-    key: "renderDynamic",
-    value: function renderDynamic() {
-      var _this$state2 = this.state,
-          switcher = _this$state2.switcher,
-          currentPack = _this$state2.currentPack,
-          callsIndex = _this$state2.callsIndex,
-          trafficIndex = _this$state2.trafficIndex;
-      return /*#__PURE__*/React.createElement(_ProductTileDynamic["default"], {
-        startCallsIndex: callsIndex,
-        startTrafficIndex: trafficIndex,
-        currentPack: currentPack,
-        switcher: switcher,
-        onChangeCalls: this.handleChangeCalls,
-        onChangeTraffic: this.handleChangeTraffic
-      });
-    }
-  }, {
-    key: "renderTitle",
-    value: function renderTitle() {
-      var _this$props3 = this.props,
-          title = _this$props3.title,
-          link = _this$props3.link,
-          linkTarget = _this$props3.linkTarget;
-      return /*#__PURE__*/React.createElement("h2", {
-        className: cn('title')
-      }, /*#__PURE__*/React.createElement(_uiCore.TextLink, {
-        className: cn('title-link'),
-        href: link,
-        target: linkTarget,
-        underlineStyle: "none",
-        color: "black",
-        onClick: this.handleClickMore
-      }, title));
-    }
-  }, {
-    key: "renderLink",
-    value: function renderLink() {
-      var _this$props4 = this.props,
-          _this$props4$link = _this$props4.link,
-          link = _this$props4$link === void 0 ? '' : _this$props4$link,
-          showMoreLink = _this$props4.showMoreLink,
-          moreLinkText = _this$props4.moreLinkText,
-          linkTarget = _this$props4.linkTarget;
-
-      if (!showMoreLink || !moreLinkText) {
-        return null;
-      }
-
-      var _this$state$currentPa2 = this.state.currentPack.shopTag,
-          shopTag = _this$state$currentPa2 === void 0 ? '' : _this$state$currentPa2;
-      var linkWithHash = this.formHashLink(link, shopTag);
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('link-wrapper')
-      }, /*#__PURE__*/React.createElement(_uiCore.TextLink, {
-        className: cn('detail-link'),
-        href: linkWithHash,
-        target: linkTarget,
-        onClick: this.handleClickMore
-      }, moreLinkText));
-    }
-  }, {
-    key: "formHashLink",
-    value: function formHashLink(link, shopTag) {
-      return !shopTag ? link : "".concat(link, "#").concat(shopTag);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props5 = this.props,
-          servicePacks = _this$props5.servicePacks,
-          cashback = _this$props5.cashback,
-          firstParams = _this$props5.firstParams,
-          className = _this$props5.className,
-          buyButtonText = _this$props5.buyButtonText,
-          connectButtonText = _this$props5.connectButtonText,
-          topBadgeTitle = _this$props5.topBadgeTitle,
-          topBadgeLink = _this$props5.topBadgeLink,
-          secondParamsHead = _this$props5.secondParamsHead,
-          showConnectButton = _this$props5.showConnectButton,
-          showBuyButton = _this$props5.showBuyButton,
-          buttonTheme = _this$props5.buttonTheme,
-          buttonType = _this$props5.buttonType,
-          connectLink = _this$props5.connectLink,
-          topBadgeLinkTarget = _this$props5.topBadgeLinkTarget,
-          buyLinkTarget = _this$props5.buyLinkTarget,
-          connectLinkTarget = _this$props5.connectLinkTarget,
-          isActive = _this$props5.isActive,
-          _this$props5$payment = _this$props5.payment,
-          title = _this$props5$payment.title,
-          unitExtra = _this$props5$payment.unitExtra,
-          unitValue = _this$props5$payment.unitValue;
-      var _this$state3 = this.state,
-          price = _this$state3.price,
-          discount = _this$state3.discount,
-          options = _this$state3.options,
-          buyLink = _this$state3.buyLink;
-      var isServicePacks = !!servicePacks.length;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('', {
-          constructor: isServicePacks,
-          active: isActive
-        }, className)
-      }, isServicePacks && !!topBadgeTitle && /*#__PURE__*/React.createElement(_ProductTileHint["default"], {
-        title: topBadgeTitle,
-        linkHref: topBadgeLink,
-        linkTarget: topBadgeLinkTarget
-      }), /*#__PURE__*/React.createElement("div", {
-        className: cn('content')
-      }, this.renderTitle(), this.renderLink(), /*#__PURE__*/React.createElement(_ProductTileCashback["default"], cashback), /*#__PURE__*/React.createElement(_ProductTilePrice["default"], {
-        title: title,
-        value: price,
-        discount: discount,
-        unitExtra: unitExtra,
-        unitValue: unitValue
-      }), /*#__PURE__*/React.createElement("div", {
-        className: cn('constructor')
-      }, isServicePacks ? this.renderDynamic() : this.renderStatic(), /*#__PURE__*/React.createElement(_ProductTileOptions["default"], {
-        options: firstParams.items
-      })), /*#__PURE__*/React.createElement(_ProductTileOptions["default"], {
-        options: options,
-        head: secondParamsHead,
-        onClickBubble: this.handleClickBubble
-      })), /*#__PURE__*/React.createElement(_ProductTileBuy["default"], {
-        buyLink: buyLink,
-        buyLinkTarget: buyLinkTarget,
-        connectLink: connectLink,
-        connectLinkTarget: connectLinkTarget,
-        buyButtonText: buyButtonText,
-        connectButtonText: connectButtonText,
-        showBuyButton: showBuyButton,
-        showConnectButton: showConnectButton,
-        buttonTheme: buttonTheme,
-        buttonType: buttonType,
-        onClickBuy: this.handleClickBuy,
-        onClickConnect: this.handleClickConnect
-      }));
-    }
-  }]);
-  return ProductTile;
-}(React.Component);
-
-ProductTile.propTypes = {
-  title: PropTypes.string.isRequired,
-  topBadgeTitle: PropTypes.string,
-  topBadgeLink: PropTypes.string,
-  topBadgeLinkTarget: LinkTargetType,
-  secondParamsHead: PropTypes.string,
-  shopTag: PropTypes.string,
-  startCallsIndex: PropTypes.number,
-  startTrafficIndex: PropTypes.number,
-  cookieCallsIndex: PropTypes.number,
-  cookieTrafficIndex: PropTypes.number,
-  link: PropTypes.string,
-  linkTarget: LinkTargetType,
-  moreLinkText: PropTypes.string,
-  showMoreLink: PropTypes.bool,
-  buyLink: PropTypes.string,
-  buyLinkTarget: LinkTargetType,
-  usePackBuyLink: PropTypes.bool,
-  buyButtonText: PropTypes.string,
-  buttonTheme: _ProductTileBuy["default"].propTypes.buttonTheme,
-  buttonType: _ProductTileBuy["default"].propTypes.buttonType,
-  showBuyButton: PropTypes.bool,
-  connectLink: PropTypes.string,
-  connectLinkTarget: LinkTargetType,
-  connectButtonText: PropTypes.string,
-  showConnectButton: PropTypes.bool,
-  payment: PropTypes.shape({
-    title: PropTypes.string,
-    value: PropTypes.string.isRequired,
-    unitExtra: PropTypes.string,
-    unitValue: PropTypes.string,
-    discount: PropTypes.string
-  }).isRequired,
-  packs: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.number,
-    unit: PropTypes.string
-  })),
-  secondParams: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    footnote: PropTypes.string,
-    value: PropTypes.string,
-    unit: PropTypes.string,
-    svgIcon: PropTypes.element
-  })).isRequired,
-  cashback: PropTypes.shape({
-    title: PropTypes.string,
-    value: PropTypes.number,
-    unit: PropTypes.string
-  }).isRequired,
-  firstParams: PropTypes.shape({
-    items: PropTypes.arrayOf(PropTypes.shape({
-      title: PropTypes.string,
-      caption: PropTypes.string,
-      svgIcon: PropTypes.element
-    }))
-  }).isRequired,
-  servicePacks: PropTypes.arrayOf(PropTypes.shape({
-    buyLink: PropTypes.string,
-    calls: PropTypes.shape({
-      value: PropTypes.number,
-      unit: PropTypes.string
-    }),
-    traffic: PropTypes.shape({
-      value: PropTypes.number,
-      unit: PropTypes.string
-    }),
-    options: PropTypes.arrayOf(PropTypes.shape({
-      title: PropTypes.string,
-      caption: PropTypes.string,
-      value: PropTypes.string,
-      unit: PropTypes.string,
-      footnote: PropTypes.string,
-      svgIcon: PropTypes.element
-    })),
-    payment: PropTypes.shape({
-      value: PropTypes.string.isRequired,
-      discount: PropTypes.string
-    })
-  })),
-  info: PropTypes.object,
-  isActive: PropTypes.bool,
-  onClickConnect: PropTypes.func,
-  onClickBuy: PropTypes.func,
-  onClickMore: PropTypes.func,
-  onClickBubble: PropTypes.func,
-  onCallsChange: PropTypes.func,
-  onTrafficChange: PropTypes.func
-};
-ProductTile.defaultProps = {
-  moreLinkText: 'Подробнее',
-  showMoreLink: true,
-  servicePacks: [],
-  info: {},
-  startCallsIndex: 0,
-  startTrafficIndex: 0,
-  usePackBuyLink: true,
-  linkTarget: '_self'
-};
-var _default = ProductTile;
-exports["default"] = _default;

package/dist/lib/components/ProductTile/ProductTileBuy.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { Button } from '@megafon/ui-core';
-import './style/ProductTileBuy.less';
-import { TLinkTargetType } from './ProductTile';
-declare type IButtonProps = React.ComponentProps<typeof Button>;
-export interface IProductTileBuyProps {
-    /** Class name */
-    className?: string;
-    /** Buy link */
-    buyLink?: string;
-    /** Buy Link target */
-    buyLinkTarget?: TLinkTargetType;
-    /** Buy button text */
-    buyButtonText?: string;
-    /** Show buy button */
-    showBuyButton?: boolean;
-    /** Connect link */
-    connectLink?: string;
-    /** Connect Link target */
-    connectLinkTarget?: TLinkTargetType;
-    /** Connect button text */
-    connectButtonText?: string;
-    /** Show connect button */
-    showConnectButton?: boolean;
-    /** button theme */
-    buttonTheme?: IButtonProps['theme'];
-    /** button type */
-    buttonType?: IButtonProps['type'];
-    /** button background color */
-    onClickConnect?(e: React.SyntheticEvent<EventTarget>): void;
-    /** Buy hander */
-    onClickBuy?(e: React.SyntheticEvent<EventTarget>): void;
-}
-declare class ProductTileBuy extends React.Component<IProductTileBuyProps> {
-    static propTypes: {
-        buyLink: PropTypes.Requireable<string>;
-        buyLinkTarget: PropTypes.Requireable<string>;
-        buyButtonText: PropTypes.Requireable<string>;
-        showBuyButton: PropTypes.Requireable<boolean>;
-        connectLink: PropTypes.Requireable<string>;
-        connectLinkTarget: PropTypes.Requireable<string>;
-        connectButtonText: PropTypes.Requireable<string>;
-        showConnectButton: PropTypes.Requireable<boolean>;
-        buttonTheme: React.Validator<"black" | "green" | "purple" | "white" | null | undefined> | undefined;
-        buttonType: React.Validator<"primary" | "outline" | null | undefined> | undefined;
-        onClickBuy: PropTypes.Requireable<(...args: any[]) => any>;
-        onClickConnect: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: Partial<IProductTileBuyProps>;
-    render(): JSX.Element;
-}
-export default ProductTileBuy;