var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import React from 'react';
import PropTypes from 'prop-types';
import './PlayerAppLandingPage.scss';
import { Callout, Hero, KeyHighlights, VideoFeature } from '../index';
import ScrollSvg from '../../Icons/ScrollSvg';
import ThroneSvg from '../../Icons/ThroneSvg';
import SwordsSvg from '../../Icons/SwordsSvg';
import ReleaseType from '../../../Constants/ReleaseType/ReleaseType';
import Button from '../../Button';
import styled from 'styled-components';
var getHeroTitleFollowText = function (releaseType) {
    switch (releaseType) {
        case ReleaseType.ComingSoon:
            return 'The character sheet app is currently in final stages of testing and will be available to the full community very soon. Keep an eyestalk here or on our social media channels for updates!';
        default:
            return 'The D&D Beyond Mobile App is always adding new features--keep your eyestalks on our social channels for updates.';
    }
};
var getTrackProgressHighlightText = function (releaseType) {
    switch (releaseType) {
        case ReleaseType.ComingSoon:
            return 'Once the app is live, you’ll not only be able to view all your character’s stats, equipment, and spells, but also track damage, use spell slots, and more by editing a character sheet directly in-app.';
        default:
            return 'Access your D&D Beyond library on or offline, (including Dark Mode).  Make your game sessions easier, faster, and more fun with filterable lists of monsters, spells, magic items and more.';
    }
};
var getCalloutMainText = function (releaseType) {
    switch (releaseType) {
        case ReleaseType.ComingSoon:
            return 'Available soon in the Apple App Store and Google Play Store for smartphones and tablets!';
        default:
            return 'Available in the Apple App Store and Google Play Store for smartphones and tablets!';
    }
};
var StoreLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: inline-block;\n    width: 120px;\n    height: 40px;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    background-image: url(", ");\n"], ["\n    display: inline-block;\n    width: 120px;\n    height: 40px;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    background-image: url(", ");\n"])), function (props) { return props.backgroundImage; });
var DISABLED = 'DISABLED';
var PlayerAppCta = function (_a) {
    var appleStoreLink = _a.appleStoreLink, googlePlayStoreLink = _a.googlePlayStoreLink, releaseType = _a.releaseType;
    switch (releaseType) {
        case ReleaseType.ComingSoon:
            return (React.createElement(Button, { isDark: true, disabled: true }, "Coming Soon!"));
        default:
            return (React.createElement(React.Fragment, null,
                appleStoreLink && appleStoreLink !== DISABLED && (React.createElement(StoreLink, { className: "palp-app-store-link palp-app-store-link--apple", href: appleStoreLink, backgroundImage: "/content/images/landing-pages/player-app/apple-store-badge.svg" },
                    React.createElement("span", { className: "palp-app-store-link__text" }, "Download now on the Apple App Store!"))),
                googlePlayStoreLink && googlePlayStoreLink !== DISABLED && (React.createElement(StoreLink, { className: "palp-app-store-link palp-app-store-link--google", href: googlePlayStoreLink, backgroundImage: "/content/images/landing-pages/player-app/google-play-badge.png" },
                    React.createElement("span", { className: "palp-app-store-link__text" }, "Download now on Google Play!")))));
    }
};
PlayerAppCta.propTypes = {
    appleStoreLink: PropTypes.string,
    googlePlayStoreLink: PropTypes.string,
    releaseType: PropTypes.string,
};
var PlayerAppLandingPage = function (_a) {
    var appleStoreLink = _a.appleStoreLink, className = _a.className, googlePlayStoreLink = _a.googlePlayStoreLink, releaseType = _a.releaseType;
    return releaseType !== ReleaseType.Disabled && (React.createElement("div", { className: [className, 'palp-page-wrapper']
            .filter(Boolean)
            .join(' ') },
        React.createElement(Hero, { backgroundImage: {
                large: '/content/images/landing-pages/player-app/hero-bg-large.png',
                medium: '/content/images/landing-pages/player-app/hero-bg.png',
            }, fromText: "Roll dice, create & manage characters, and explore your Dungeons & Dragons library from the palm of your hand!", bookTitle: "D&D Beyond Mobile App", titleFollow: getHeroTitleFollowText(releaseType), ctaOverride: React.createElement(PlayerAppCta, { appleStoreLink: appleStoreLink, googlePlayStoreLink: googlePlayStoreLink, releaseType: releaseType }) }),
        React.createElement(VideoFeature, { backgroundImage: {
                large: '/content/images/landing-pages/player-app/video-bg-large.png',
                medium: '/content/images/landing-pages/player-app/video-bg.png',
            }, headerText: "Wherever Adventure Leads, Bring the Power of D&D Beyond With You", videoUrl: "https://www.youtube.com/embed/KQLx2JH2WdM" }),
        React.createElement(KeyHighlights, { backgroundImage: {
                large: '/content/images/landing-pages/player-app/highlight-bg-large.png',
                medium: '/content/images/landing-pages/player-app/highlight-bg.png',
            }, highlights: [
                {
                    icon: React.createElement(ScrollSvg, null),
                    header: 'Ready to Roll',
                    text: 'Cast spells, attack, and perform skill checks wherever you go. Forget your dice? No problem--make rolls with any of your digital dice sets.',
                },
                {
                    icon: React.createElement(ThroneSvg, null),
                    header: 'Take Your Characters Everywhere',
                    text: 'As long as you have your mobile device on you, you’ll have all of your character sheets wrinkle-free in your pocket.',
                },
                {
                    icon: React.createElement(SwordsSvg, null),
                    header: 'Like Upcasting Legend Lore',
                    text: getTrackProgressHighlightText(releaseType),
                },
            ] }),
        React.createElement(Callout, { calmMainText: getCalloutMainText(releaseType), ctaOverride: React.createElement(PlayerAppCta, { appleStoreLink: appleStoreLink, googlePlayStoreLink: googlePlayStoreLink, releaseType: releaseType }), secondaryText: React.createElement("span", null,
                "Eager to get started? You can",
                ' ',
                React.createElement("a", { href: "https://www.dndbeyond.com/characters/builder" }, "build characters now on D&D Beyond"),
                ' ',
                "and have access to them the instant you download the D&D Beyond Mobile App!") })));
};
PlayerAppLandingPage.propTypes = {
    appleStoreLink: PropTypes.string,
    className: PropTypes.string,
    googlePlayStoreLink: PropTypes.string,
    releaseType: PropTypes.string,
};
PlayerAppLandingPage.defaultProps = {
    className: '',
};
export default PlayerAppLandingPage;
var templateObject_1;
//# sourceMappingURL=PlayerAppLandingPage.js.map