"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 styled_1 = require("./styled");

function addProtocolsWithURL(url) {
  if (url && url.length > 0) {
    const noProtocolURL = url.replace(/(^\w+:|^)\/\//, '');
    const updatedURL = '//' + noProtocolURL;
    return updatedURL;
  }

  return url;
}

const renderLabel = props => {
  const {
    foregroundText
  } = props;
  const view = exotic_1.isString(foregroundText) && react_1.default.createElement(styled_1.StyledLabel, {
    content: foregroundText
  });
  return view;
};

const renderImage = props => {
  const {
    foregroundImage
  } = props;
  const view = exotic_1.isString(foregroundImage) && react_1.default.createElement(styled_1.StyledImage, {
    src: addProtocolsWithURL(foregroundImage),
    alt: 'foreground image'
  });
  return view;
};

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

  const labelView = renderLabel(remainingProps);
  const imageView = renderImage(remainingProps);
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledVideoPlayer, {
    src: [src],
    shouldAutoPlay: true,
    shouldLoop: true,
    muted: true,
    preload: 'auto',
    hasNativeControls: false,
    hasPlayButton: false,
    shouldShowVideoInformation: false
  }), 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; //# sourceMappingURL=renderProps.js.map