"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 utils_1 = require("@skava/utils");

const Empty_1 = tslib_1.__importDefault(require("@skava/ui/dist/components/atoms/Empty"));

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

const defaultRenderText = props => {
  const {
    foregroundText
  } = props;
  const validForegroundText = exotic_1.fromIshToString(foregroundText);
  return react_1.default.createElement(styled_1.StyledLabel, {
    content: validForegroundText
  });
};

exports.defaultRenderText = defaultRenderText;

const defaultRenderImage = props => {
  const {
    foregroundImage
  } = props;
  const validForegroundImage = utils_1.toUrlWithProtocol(foregroundImage);

  if (validForegroundImage !== '') {
    return react_1.default.createElement(styled_1.StyledImage, {
      src: validForegroundImage,
      alt: 'foreground image'
    });
  }

  return react_1.default.createElement(Empty_1.default, null);
};

exports.defaultRenderImage = defaultRenderImage;

const defaultRenderVideoPlayer = props => {
  const {
    src
  } = props;
  const videoSrc = exotic_1.fromIshToString(src);

  if (videoSrc !== '') {
    const validVideoSrc = utils_1.toUrlWithProtocol(videoSrc);
    return react_1.default.createElement(styled_1.StyledVideoPlayer, {
      src: [validVideoSrc],
      shouldAutoPlay: true,
      shouldLoop: true,
      muted: true,
      preload: 'auto',
      hasNativeControls: false,
      hasPlayButton: false,
      shouldShowVideoInformation: false
    });
  } else {
    return react_1.default.createElement(styled_1.StyledImage, {
      src: 'https://raderain.sirv.com/placholders/play_icon.png',
      alt: 'placeholder image'
    });
  }
};

exports.defaultRenderVideoPlayer = defaultRenderVideoPlayer;

function defaultRenderBox(props) {
  const {
    renderVideoPlayer,
    renderImage,
    renderText
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderVideoPlayer", "renderImage", "renderText"]);

  const labelView = renderText(remainingProps);
  const imageView = renderImage(remainingProps);
  const videoPlayerView = renderVideoPlayer(remainingProps);
  return react_1.default.createElement(react_1.default.Fragment, null, videoPlayerView, react_1.default.createElement(styled_1.StyledForegroundWrapper, null, imageView, labelView));
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    className,
    children,
    dataQa
  } = props;
  return react_1.default.createElement(styled_1.StyledWrapper, {
    className: className,
    "data-qa": dataQa
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;