@sberdevices/plasma-temple/dist/components/Cart/EmptyCart/EmptyCart@common.js

SberDevices CanvasApp Templates.

"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); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.defaultButtonText = exports.EmptyCartCommon = void 0;

var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));

var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));

var _plasmaUi = /*#__PURE__*/require("@sberdevices/plasma-ui");

var _utils = /*#__PURE__*/require("@sberdevices/plasma-ui/utils");

var _deviceFamily = /*#__PURE__*/require("../../../utils/deviceFamily");

var _withProps = /*#__PURE__*/require("../../../components/hocs/withProps");

var _useFocusOnMount = /*#__PURE__*/require("../../../hooks/useFocusOnMount");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 }; }

var defaultButtonText = 'Вернуться в каталог';
exports.defaultButtonText = defaultButtonText;
var mapDeviceToTitle = {
  sberBox: _plasmaUi.Headline1,
  sberPortal: _plasmaUi.Headline2,
  mobile: _plasmaUi.Headline2
};
var StyledTitle = /*#__PURE__*/(0, _styledComponents["default"])(mapDeviceToTitle[_deviceFamily.deviceFamily]).withConfig({
  componentId: "plasma-temple__sc-17y7kge-0"
})(["margin-bottom:2.5rem;", ""], /*#__PURE__*/(0, _utils.mediaQuery)('M', 2)( /*#__PURE__*/(0, _styledComponents.css)(["margin-bottom:1.75rem;"])));
var ButtonSberPortal = /*#__PURE__*/(0, _withProps.withProps)({
  size: 's'
})(_plasmaUi.Button);
var ButtonSberBox = /*#__PURE__*/(0, _withProps.withProps)({
  size: 'm'
})(_plasmaUi.Button);
var mapDeviceButton = {
  sberBox: ButtonSberBox,
  sberPortal: ButtonSberPortal,
  mobile: ButtonSberPortal
};
var StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(mapDeviceButton[_deviceFamily.deviceFamily]).withConfig({
  componentId: "plasma-temple__sc-17y7kge-1"
})(["margin-right:auto;"]);

var StyledImageContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  componentId: "plasma-temple__sc-17y7kge-2"
})(["margin-left:auto;width:630px;", ""], /*#__PURE__*/(0, _utils.mediaQuery)('M', 2)( /*#__PURE__*/(0, _styledComponents.css)(["width:483.46px;"])));

var StyledCol = /*#__PURE__*/(0, _styledComponents["default"])(_plasmaUi.Col).withConfig({
  componentId: "plasma-temple__sc-17y7kge-3"
})(["display:flex;flex-direction:column;justify-content:center;"]);

var EmptyCartCommon = function EmptyCartCommon(_ref) {
  var _ref$imageSrc = _ref.imageSrc,
      imageSrc = _ref$imageSrc === void 0 ? '' : _ref$imageSrc,
      _ref$buttonText = _ref.buttonText,
      buttonText = _ref$buttonText === void 0 ? defaultButtonText : _ref$buttonText,
      className = _ref.className,
      onGoToCatalog = _ref.onGoToCatalog;

  var buttonRef = _react["default"].useRef(null);

  (0, _useFocusOnMount.useFocusOnMount)(buttonRef, {
    prevent: !(0, _deviceFamily.isSberBoxLike)()
  });
  return /*#__PURE__*/_react["default"].createElement(_plasmaUi.Row, {
    className: className
  }, /*#__PURE__*/_react["default"].createElement(StyledCol, {
    sizeXL: 5,
    sizeM: 3
  }, /*#__PURE__*/_react["default"].createElement(StyledTitle, null, "\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0435 \u043F\u0443\u0441\u0442\u043E"), onGoToCatalog && /*#__PURE__*/_react["default"].createElement(StyledButton, {
    ref: buttonRef,
    view: "primary",
    onClick: onGoToCatalog,
    "data-cy": "EmptyCart-button"
  }, buttonText)), /*#__PURE__*/_react["default"].createElement(StyledCol, {
    sizeXL: 6,
    offsetXL: 1,
    sizeM: 3
  }, /*#__PURE__*/_react["default"].createElement(StyledImageContainer, null, /*#__PURE__*/_react["default"].createElement(_plasmaUi.Image, {
    base: "div",
    src: imageSrc,
    ratio: "1 / 1",
    "data-cy": "EmptyCart-image"
  }))));
};

exports.EmptyCartCommon = EmptyCartCommon;
//# sourceMappingURL=EmptyCart@common.js.map