{"version":3,"file":"static/js/3713.af947980.chunk.js","mappings":"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","sources":["common/privateConsts.ts","components/shared/CharacterComment/index.tsx","components/shared/FaceBook.tsx","components/shared/GoogleAd.tsx","components/shared/HashScroll/index.tsx","components/shared/SnsShareButton.tsx","components/shared/YouTubeAd/index.tsx","components/zApps/zApps/Stories/StoriesTop/StoriesList.tsx","components/zApps/zApps/Stories/index.tsx"],"sourcesContent":["export const GOOGLE_ANALYTICS = \"UA-122613642-6\";\r\nexport const GOOGLE_ADS_CLIENT = \"ca-pub-8006404698960678\";\r\nexport const GOOGLE_ADS_SLOT = \"2560074548\";\r\nexport const LOG_TOKEN = \"d5(TaY(G*Z*C6T88_bz)9n6rus.vN4H-/gufqntxmg128\";\r\nexport const STRIPE_TEST_PUBLIC_KEY =\r\n    \"pk_test_51LhhV3HweUPlZUIvprAPWnuvtH8SbyRzeIrS7unJzGNPN2ya3zVdrMmiCS0ByNJmFM8zyWdNPmTex0xVU9qnfGNp00HuzjH6Mj\";\r\nexport const STRIPE_PRODUCTION_PUBLIC_KEY =\r\n    \"pk_live_51LhhV3HweUPlZUIvope4FfZ0jeF2hoOzoIkDKBKN7JDFItTSh2MzVkgpcje7MucjuzWAb9W2ToobUp3FW9CoVURg00oQmqnWcW\";\r\n","import { makeStyles, Theme } from \"@material-ui/core/styles\";\r\nimport { BaseCSSProperties } from \"@material-ui/core/styles/withStyles\";\r\nimport * as React from \"react\";\r\nimport * as consts from \"../../../common/consts\";\r\nimport { spaceBetween } from \"../../../common/util/Array/spaceBetween\";\r\nimport \"./CharacterComment.css\";\r\n\r\ntype TProps = {\r\n    imgNumber: number;\r\n    screenWidth: number;\r\n    comment: string | React.ReactNode;\r\n    style?: BaseCSSProperties;\r\n    commentStyle?: BaseCSSProperties;\r\n    imgStyle?: BaseCSSProperties;\r\n    containerRef?: React.RefObject<HTMLDivElement>;\r\n    className?: string;\r\n};\r\nexport default function CharacterComment(props: TProps) {\r\n    const {\r\n        imgNumber,\r\n        screenWidth,\r\n        comment,\r\n        style,\r\n        commentStyle,\r\n        imgStyle,\r\n        containerRef,\r\n        className,\r\n    } = props;\r\n    const c = useStyles({ style, imgStyle, screenWidth, commentStyle });\r\n\r\n    return (\r\n        <div\r\n            ref={containerRef}\r\n            className={spaceBetween(\r\n                \"characterCommentContainer\",\r\n                c.container,\r\n                className\r\n            )}\r\n        >\r\n            <div className=\"ninjaPicContainer\">\r\n                <img\r\n                    src={`${consts.BLOB_URL}/vocabulary-quiz/img/ninja${imgNumber}.png`}\r\n                    alt=\"Japanese ninja\"\r\n                    className={spaceBetween(\"ninjaPic\", c.ninjaPic)}\r\n                />\r\n            </div>\r\n            <div className=\"chatting\">\r\n                <div className={spaceBetween(\"says character-says\", c.comment)}>\r\n                    {comment}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\nconst useStyles = makeStyles<\r\n    Theme,\r\n    {\r\n        style?: BaseCSSProperties;\r\n        imgStyle?: BaseCSSProperties;\r\n        commentStyle?: BaseCSSProperties;\r\n        screenWidth: number;\r\n    }\r\n>({\r\n    container: ({ style }) => ({ ...style }),\r\n    ninjaPic: ({ imgStyle, screenWidth }) => ({\r\n        width: (screenWidth * 2) / 10,\r\n        ...imgStyle,\r\n    }),\r\n    comment: ({ screenWidth, commentStyle }) => ({\r\n        width: screenWidth > 767 ? (screenWidth * 7) / 10 - 15 : \"100%\",\r\n        ...commentStyle,\r\n    }),\r\n});\r\n","import * as React from \"react\";\r\nimport { CSSProperties } from \"react\";\r\n\r\ninterface Props {\r\n    style?: CSSProperties;\r\n}\r\nexport default function FB(props: Props) {\r\n    const { style } = props;\r\n\r\n    const innerWidth = window.innerWidth;\r\n    let width: number;\r\n    if (innerWidth > 350) {\r\n        width = 350;\r\n    } else {\r\n        width = 300;\r\n    }\r\n    const height = 200;\r\n\r\n    return (\r\n        <div className=\"center\" style={style}>\r\n            <iframe\r\n                title=\"fb\"\r\n                src={`https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FLingualNinja%2F&width=${width}&height=${height}&small_header=false&tabs=timeline$adapt_container_width=false&hide_cover=false&show_facepile=true&appId`}\r\n                width={width}\r\n                height={height}\r\n                style={{ border: \"none\", overflow: \"hidden\" }}\r\n                scrolling=\"yes\"\r\n                frameBorder=\"0\"\r\n                allow=\"encrypted-media\"\r\n            />\r\n        </div>\r\n    );\r\n}\r\n","import { makeStyles, Theme } from \"@material-ui/core/styles\";\r\nimport { BaseCSSProperties } from \"@material-ui/core/styles/withStyles\";\r\nimport GoogleAds from \"react-google-ads\";\r\nimport { useAppState } from \"../../common/appState\";\r\nimport { adminUserId } from \"../../common/consts\";\r\nimport { GOOGLE_ADS_CLIENT, GOOGLE_ADS_SLOT } from \"../../common/privateConsts\";\r\nimport { spaceBetween } from \"../../common/util/Array/spaceBetween\";\r\n\r\ninterface Props {\r\n    className?: string;\r\n    style?: BaseCSSProperties;\r\n}\r\n\r\nexport function GoogleAd({ className, style }: Props) {\r\n    return null;\r\n\r\n    const [user] = useAppState(\"user\");\r\n    const c = useStyles(style ?? {});\r\n\r\n    return (\r\n        <aside className={spaceBetween(className, c.aside)}>\r\n            {user?.userId === adminUserId ? (\r\n                <div\r\n                    style={{\r\n                        width: \"100%\",\r\n                        paddingTop: \"100%\",\r\n                        backgroundColor: \"grey\",\r\n                    }}\r\n                />\r\n            ) : (\r\n                <GoogleAds\r\n                    client={GOOGLE_ADS_CLIENT}\r\n                    slot={GOOGLE_ADS_SLOT}\r\n                    className=\"adsbygoogle\"\r\n                    format=\"auto\"\r\n                    style={{ display: \"block\" }}\r\n                />\r\n            )}\r\n        </aside>\r\n    );\r\n}\r\nconst useStyles = makeStyles<Theme, BaseCSSProperties>({\r\n    aside: style => ({ ...style }),\r\n});\r\n","import { Location } from \"history\";\r\nimport { AnchorHTMLAttributes, useEffect } from \"react\";\r\nimport { scrollToElement } from \"../../zApps/Layout/NavMenu\";\r\n\r\n/**\r\n * ページ内遷移を実現する\r\n * @param {boolean} allLoadFinished - スクロールターゲットが画面上に存在していることが保証される時点でtrueにする\r\n * @param {Location} location - 同じターゲットに対して再度遷移する場合にも作動するように、locationオブジェクト自体の変更を検知する\r\n */\r\nexport function HashScroll({\r\n    allLoadFinished,\r\n    location,\r\n}: {\r\n    allLoadFinished: boolean;\r\n    location: Location;\r\n}) {\r\n    useEffect(() => {\r\n        const replacedHash = location.hash.replace(\"#\", \"\");\r\n\r\n        if (allLoadFinished && replacedHash) {\r\n            document.getElementById(replacedHash)?.scrollIntoView(true);\r\n        }\r\n    }, [allLoadFinished, location]);\r\n\r\n    return null;\r\n}\r\n\r\nexport function AnchorLink({\r\n    targetHash,\r\n    isSmooth,\r\n    ...rest\r\n}: {\r\n    targetHash: string;\r\n    isSmooth?: boolean;\r\n} & AnchorHTMLAttributes<HTMLAnchorElement>) {\r\n    const replacedHash = targetHash.replace(\"#\", \"\");\r\n    return (\r\n        <a\r\n            href={targetHash}\r\n            onClick={ev => {\r\n                ev.preventDefault();\r\n\r\n                scrollToElement(\r\n                    document.getElementById(replacedHash),\r\n                    !isSmooth\r\n                );\r\n            }}\r\n            {...rest}\r\n        />\r\n    );\r\n}\r\n","import * as React from \"react\";\r\nimport * as consts from \"../../common/consts\";\r\nimport { sendClientOpeLog } from \"../../common/functions\";\r\nimport { ATargetBlank } from \"./Link/ATargetBlank\";\r\n\r\ntype TFBProps = {\r\n    style: React.CSSProperties;\r\n    urlToShare: string;\r\n};\r\nexport const FBShareBtn = (props: TFBProps) => {\r\n    const { style, urlToShare } = props;\r\n\r\n    return (\r\n        <ATargetBlank\r\n            href={`https://www.facebook.com/share.php?u=${urlToShare}`}\r\n            nofollow\r\n        >\r\n            <img\r\n                src={\r\n                    consts.BLOB_URL + \"/vocabulary-quiz/img/shareOnFacebook.png\"\r\n                }\r\n                alt=\"Share on Facebook\"\r\n                style={style}\r\n                onClick={() => {\r\n                    setTimeout(() => {\r\n                        sendClientOpeLog(\"facebook share button\");\r\n                    }, 1000);\r\n                }}\r\n            />\r\n        </ATargetBlank>\r\n    );\r\n};\r\n\r\ntype TTWProps = {\r\n    style: React.CSSProperties;\r\n    urlToShare: string;\r\n    textToShare: string;\r\n};\r\nexport const TwitterShareBtn = (props: TTWProps) => {\r\n    const { style, urlToShare, textToShare } = props;\r\n\r\n    return (\r\n        <ATargetBlank\r\n            href={`https://twitter.com/share?url=${urlToShare}&text=${textToShare}&hashtags=nihongo,Japanese,LingualNinja`}\r\n            nofollow\r\n        >\r\n            <img\r\n                src={\r\n                    consts.BLOB_URL + \"/vocabulary-quiz/img/shareOnTwitter.png\"\r\n                }\r\n                alt=\"Share on Twitter\"\r\n                style={style}\r\n                onClick={() => {\r\n                    setTimeout(() => {\r\n                        sendClientOpeLog(\"twitter share button\");\r\n                    }, 1000);\r\n                }}\r\n            />\r\n        </ATargetBlank>\r\n    );\r\n};\r\n","import { CSSProperties } from \"react\";\r\nimport { BLOB_URL, youtubeSubscriptionUrl } from \"../../../common/consts\";\r\nimport { sendClientOpeLog } from \"../../../common/functions\";\r\nimport { ATargetBlank } from \"../Link/ATargetBlank\";\r\n\r\nexport const YouTubeAd = ({\r\n    width,\r\n    style,\r\n}: {\r\n    width?: number | string;\r\n    style?: CSSProperties;\r\n}) => (\r\n    <ATargetBlank\r\n        nofollow\r\n        href={youtubeSubscriptionUrl}\r\n        onClick={() => {\r\n            setTimeout(() => {\r\n                sendClientOpeLog(\"click YouTube channel\", \"from popup\");\r\n            }, 1000);\r\n        }}\r\n        style={{ maxWidth: 500, ...style }}\r\n    >\r\n        <img\r\n            src={`${BLOB_URL}/appsPublic/ad/ad1.png`}\r\n            alt=\"Lingual Ninja YouTube Channel\"\r\n            style={{\r\n                width: width || \"100%\",\r\n                height: \"auto\",\r\n                margin: \"7px 0\",\r\n            }}\r\n        />\r\n    </ATargetBlank>\r\n);\r\n","import React from \"react\";\r\nimport { BLOB_URL } from \"../../../../../common/consts\";\r\nimport { StoryDesc } from \"../../../../../types/stories\";\r\nimport { Link } from \"../../../../shared/Link/LinkWithYouTube\";\r\nimport { ScrollBox } from \"../../../../shared/ScrollBox\";\r\n\r\nconst HeadTitle = ({\r\n    children,\r\n    headLevel,\r\n}: {\r\n    children: React.ReactNode;\r\n    headLevel: \"h2\" | \"h3\";\r\n}) =>\r\n    headLevel === \"h3\" ? (\r\n        <h3\r\n            style={{\r\n                marginBottom: \"20px\",\r\n                fontWeight: \"bolder\",\r\n            }}\r\n        >\r\n            {children}\r\n        </h3>\r\n    ) : (\r\n        <h2\r\n            style={{\r\n                marginBottom: \"20px\",\r\n                fontWeight: \"bolder\",\r\n            }}\r\n        >\r\n            {children}\r\n        </h2>\r\n    );\r\n\r\nexport function StoriesList({\r\n    stories,\r\n    screenWidth,\r\n    headLevel,\r\n}: {\r\n    stories: StoryDesc[];\r\n    screenWidth: number;\r\n    headLevel: \"h2\" | \"h3\";\r\n}) {\r\n    const isWide = screenWidth > 500;\r\n\r\n    return (\r\n        <>\r\n            {stories?.map(s => {\r\n                const nameForUrl = s.storyName;\r\n                const nameToShow = s.storyName\r\n                    .split(\"--\")\r\n                    .join(\" - \")\r\n                    .split(\"_\")\r\n                    .join(\" \");\r\n\r\n                return (\r\n                    <section\r\n                        key={s.storyId}\r\n                        style={{\r\n                            marginTop: 45,\r\n                        }}\r\n                    >\r\n                        <ScrollBox hoverScale>\r\n                            <HeadTitle headLevel={headLevel}>\r\n                                <Link\r\n                                    to={`/folktales/${nameForUrl}`}\r\n                                    style={{\r\n                                        color: \"black\",\r\n                                    }}\r\n                                >\r\n                                    {nameToShow}\r\n                                </Link>\r\n                            </HeadTitle>\r\n                            <div\r\n                                style={{\r\n                                    display: \"flex\",\r\n                                    flexDirection: isWide ? \"row\" : \"column\",\r\n                                    fontSize: isWide ? \"large\" : \"medium\",\r\n                                    alignItems: \"center\",\r\n                                }}\r\n                            >\r\n                                <Link\r\n                                    to={`/folktales/${nameForUrl}`}\r\n                                    style={{\r\n                                        flex: 1,\r\n                                        margin: isWide\r\n                                            ? undefined\r\n                                            : \"10px 0 15px\",\r\n                                    }}\r\n                                >\r\n                                    <img\r\n                                        src={`${BLOB_URL}/folktalesImg/${\r\n                                            nameForUrl.split(\"--\")[0]\r\n                                        }.png`}\r\n                                        width={isWide ? \"90%\" : \"100%\"}\r\n                                        alt={nameToShow}\r\n                                        title={nameToShow}\r\n                                    />\r\n                                </Link>\r\n                                <div\r\n                                    style={{\r\n                                        flex: 1,\r\n                                        display: \"flex\",\r\n                                        justifyContent: \"center\",\r\n                                        flexDirection: \"column\",\r\n                                    }}\r\n                                >\r\n                                    <div\r\n                                        style={{\r\n                                            textAlign: \"left\",\r\n                                            margin: isWide ? \"10px\" : \"10px 0\",\r\n                                        }}\r\n                                    >\r\n                                        {s.description\r\n                                            .split(\"\\\\n\")\r\n                                            .map((d, i) => (\r\n                                                <span\r\n                                                    key={i}\r\n                                                    style={{\r\n                                                        color: \"black\",\r\n                                                    }}\r\n                                                >\r\n                                                    {d}\r\n                                                    <br />\r\n                                                </span>\r\n                                            ))}\r\n                                    </div>\r\n                                    <p>\r\n                                        <Link\r\n                                            to={`/folktales/${nameForUrl}`}\r\n                                        >{`Read ${nameToShow} >>`}</Link>\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </ScrollBox>\r\n                    </section>\r\n                );\r\n            })}\r\n        </>\r\n    );\r\n}\r\n","import Collapse from \"@material-ui/core/Collapse/Collapse\";\r\nimport * as React from \"react\";\r\nimport LazyLoad from \"react-lazyload\";\r\nimport { connect } from \"react-redux\";\r\nimport { RouteComponentProps } from \"react-router-dom\";\r\nimport Button from \"reactstrap/lib/Button\";\r\nimport Card from \"reactstrap/lib/Card\";\r\nimport CardText from \"reactstrap/lib/CardText\";\r\nimport CardTitle from \"reactstrap/lib/CardTitle\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n    ARTICLES_URL,\r\n    BLOB_URL,\r\n    Z_APPS_TOP_URL,\r\n} from \"../../../../common/consts\";\r\nimport \"../../../../css/Stories.css\";\r\nimport * as storiesStore from \"../../../../store/StoriesStore\";\r\nimport { ApplicationState } from \"../../../../store/configureStore\";\r\nimport { Sentence, Word } from \"../../../../types/stories\";\r\nimport { SeasonAnimation } from \"../../../shared/Animations/SeasonAnimation\";\r\nimport ShurikenProgress from \"../../../shared/Animations/ShurikenProgress\";\r\nimport { AuthorArea } from \"../../../shared/Author/Author\";\r\nimport CharacterComment from \"../../../shared/CharacterComment\";\r\nimport FB from \"../../../shared/FaceBook\";\r\nimport { GoogleAd } from \"../../../shared/GoogleAd\";\r\nimport { HashScroll } from \"../../../shared/HashScroll\";\r\nimport Head from \"../../../shared/Helmet\";\r\nimport { ATargetBlank } from \"../../../shared/Link/ATargetBlank\";\r\nimport { Link } from \"../../../shared/Link/LinkWithYouTube\";\r\nimport { Markdown } from \"../../../shared/Markdown\";\r\nimport { AudioControl } from \"../../../shared/Markdown/CodeRender/ExampleSentence/AudioControl\";\r\nimport { WordList } from \"../../../shared/Markdown/CodeRender/ExampleSentence/WordList\";\r\nimport { PointBox } from \"../../../shared/Markdown/CodeRender/PointBox\";\r\nimport \"../../../shared/PleaseScrollDown.css\";\r\nimport { ScrollBox } from \"../../../shared/ScrollBox\";\r\nimport { FBShareBtn, TwitterShareBtn } from \"../../../shared/SnsShareButton\";\r\nimport { YouTubeAd } from \"../../../shared/YouTubeAd\";\r\nimport { YouTubeVideo } from \"../../../shared/YouTubeVideo\";\r\nimport { StorageVideo } from \"../../../shared/YouTubeVideo/StorageVideo\";\r\nimport { zIndex } from \"../../Layout/zIndex\";\r\nimport { StoriesList } from \"./StoriesTop/StoriesList\";\r\n\r\ntype BtnType = \"kanji\" | \"hiragana\" | \"romaji\" | \"english\";\r\n\r\ntype Props = storiesStore.StoriesState &\r\n    storiesStore.ActionCreators &\r\n    RouteComponentProps<{ storyName: string }>;\r\ntype State = {\r\n    storyName: string;\r\n    screenWidth: number;\r\n    screenHeight: number;\r\n    pleaseScrollDown: boolean;\r\n    showFooterMenu: boolean;\r\n    kanji?: boolean;\r\n    hiragana?: boolean;\r\n    romaji?: boolean;\r\n    english?: boolean;\r\n    imgNumber: 1 | 2 | 3;\r\n};\r\n\r\nclass Stories extends React.Component<Props, State> {\r\n    refSentences: React.RefObject<HTMLDivElement>;\r\n\r\n    constructor(props: Props) {\r\n        super(props);\r\n\r\n        const { params } = props.match;\r\n        const storyName = params.storyName.toString().split(\"#\")[0];\r\n\r\n        this.state = {\r\n            storyName: storyName,\r\n            screenWidth: window.innerWidth,\r\n            screenHeight: window.innerHeight,\r\n            pleaseScrollDown: false,\r\n            showFooterMenu: false,\r\n            imgNumber: this.getImgNumber(storyName.length),\r\n        };\r\n\r\n        const saveData = localStorage.getItem(\"folktales-languages\");\r\n        const objSaveData = saveData && JSON.parse(saveData);\r\n        if (objSaveData) {\r\n            this.state = {\r\n                ...this.state,\r\n                kanji: objSaveData.kanji == null ? true : objSaveData.kanji,\r\n                hiragana:\r\n                    objSaveData.hiragana == null ? true : objSaveData.hiragana,\r\n                romaji: objSaveData.romaji == null ? false : objSaveData.romaji,\r\n                english:\r\n                    objSaveData.english == null ? true : objSaveData.english,\r\n            };\r\n        } else {\r\n            this.state = {\r\n                ...this.state,\r\n                kanji: true,\r\n                hiragana: true,\r\n                romaji: true,\r\n                english: true,\r\n            };\r\n        }\r\n\r\n        let timer: number;\r\n        window.onresize = () => {\r\n            if (timer > 0) {\r\n                clearTimeout(timer);\r\n            }\r\n\r\n            timer = window.setTimeout(() => {\r\n                this.changeScreenSize();\r\n            }, 100);\r\n        };\r\n\r\n        window.addEventListener(\"scroll\", this.judgeFooter);\r\n        this.refSentences = React.createRef();\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        window.removeEventListener(\"scroll\", this.judgeFooter);\r\n        window.onresize = null;\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.props.loadStory(this.state.storyName);\r\n\r\n        for (let i = 0; i < 5; i++) {\r\n            setTimeout(() => {\r\n                this.changeScreenSize();\r\n                this.judgeFooter();\r\n            }, i * 1000);\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(previousProps: Props) {\r\n        if (previousProps.location.pathname !== this.props.location.pathname) {\r\n            const storyName =\r\n                this.props.location.pathname\r\n                    .split(\"/\")\r\n                    .filter(a => a)\r\n                    .pop() || \"\";\r\n            this.setState({\r\n                storyName,\r\n                imgNumber: this.getImgNumber(storyName.length),\r\n            });\r\n            this.props.loadStory(storyName);\r\n        }\r\n    }\r\n\r\n    changeScreenSize = () => {\r\n        if (\r\n            this.state.screenWidth !== window.innerWidth ||\r\n            this.state.screenHeight !== window.innerHeight\r\n        ) {\r\n            this.setState({\r\n                screenWidth: window.innerWidth,\r\n                screenHeight: window.innerHeight,\r\n            });\r\n        }\r\n    };\r\n\r\n    judgeFooter = () => {\r\n        if (!this.refSentences) return;\r\n\r\n        const divSentences = this.refSentences.current;\r\n        if (!divSentences) return;\r\n\r\n        const { screenHeight } = this.state;\r\n        const offsetY = divSentences.getBoundingClientRect().top;\r\n        const t_height = divSentences.offsetHeight;\r\n        const t_position = offsetY - screenHeight;\r\n\r\n        if (t_position >= 0) {\r\n            // sentencesよりも上側の時\r\n            this.setState({\r\n                pleaseScrollDown: true,\r\n                showFooterMenu: false,\r\n            });\r\n        } else if (-screenHeight > t_position + t_height) {\r\n            // sentencesよりも下側の時\r\n            this.setState({\r\n                pleaseScrollDown: false,\r\n                showFooterMenu: false,\r\n            });\r\n        } else {\r\n            // sentencesが画面内\r\n            this.setState({\r\n                pleaseScrollDown: false,\r\n                showFooterMenu: true,\r\n            });\r\n        }\r\n    };\r\n\r\n    onClickLangBtn = (btnType: BtnType) => {\r\n        let saveData;\r\n        switch (btnType) {\r\n            case \"kanji\":\r\n                saveData = {\r\n                    kanji: !this.state.kanji,\r\n                    hiragana: this.state.hiragana,\r\n                    romaji: this.state.romaji,\r\n                    english: this.state.english,\r\n                };\r\n                this.setState({ kanji: !this.state.kanji });\r\n                break;\r\n\r\n            case \"hiragana\":\r\n                saveData = {\r\n                    kanji: this.state.kanji,\r\n                    hiragana: !this.state.hiragana,\r\n                    romaji: this.state.romaji,\r\n                    english: this.state.english,\r\n                };\r\n                this.setState({ hiragana: !this.state.hiragana });\r\n                break;\r\n\r\n            case \"romaji\":\r\n                saveData = {\r\n                    kanji: this.state.kanji,\r\n                    hiragana: this.state.hiragana,\r\n                    romaji: !this.state.romaji,\r\n                    english: this.state.english,\r\n                };\r\n                this.setState({ romaji: !this.state.romaji });\r\n                break;\r\n\r\n            case \"english\":\r\n                saveData = {\r\n                    kanji: this.state.kanji,\r\n                    hiragana: this.state.hiragana,\r\n                    romaji: this.state.romaji,\r\n                    english: !this.state.english,\r\n                };\r\n                this.setState({ english: !this.state.english });\r\n                break;\r\n\r\n            default:\r\n        }\r\n\r\n        localStorage.setItem(\"folktales-languages\", JSON.stringify(saveData));\r\n    };\r\n\r\n    getImgNumber = (num: number = 0) => {\r\n        const today = new Date();\r\n        const todayNumber = today.getMonth() + today.getDate() + num;\r\n        const mod = todayNumber % 30;\r\n        if (mod > 20) return 2;\r\n        if (mod > 10) return 3;\r\n        return 1;\r\n    };\r\n\r\n    render() {\r\n        const storyName =\r\n            this.props.storyDesc.storyName || this.state.storyName || \"\";\r\n        const title = storyName.split(\"--\").join(\" - \").split(\"_\").join(\" \");\r\n        const titleOfAbout = storyName.split(\"--\")[0].split(\"_\").join(\" \");\r\n\r\n        const {\r\n            screenWidth,\r\n            //pleaseScrollDown,\r\n            showFooterMenu,\r\n            imgNumber,\r\n        } = this.state;\r\n        const {\r\n            storyDesc,\r\n            sentences,\r\n            words,\r\n            articles,\r\n            explanation,\r\n            otherStories,\r\n            allLoadFinished,\r\n            location,\r\n        } = this.props;\r\n\r\n        const isWide = screenWidth > 767;\r\n        const isVeryWide = screenWidth > 991;\r\n\r\n        const styleForStoryTitle: React.CSSProperties = isWide\r\n            ? {\r\n                  fontSize: \"x-large\",\r\n                  fontWeight: \"bold\",\r\n                  marginTop: 45,\r\n              }\r\n            : {\r\n                  fontSize: \"x-large\",\r\n                  fontWeight: \"bold\",\r\n                  marginTop: 30,\r\n              };\r\n        const styleForAboutTitle: React.CSSProperties = {\r\n            fontSize: isWide ? \"x-large\" : \"large\",\r\n            background: \"#fee8b4\",\r\n            boxShadow: \"0px 0px 0px 5px #fee8b4\",\r\n            border: \"dashed 2px white\",\r\n            padding: \"0.2em 0.5em\",\r\n            marginBottom: \"10px\",\r\n            fontWeight: \"bold\",\r\n        };\r\n\r\n        const videoIndex = storyDesc.youtube ? [title + \" Video\"] : [];\r\n\r\n        const articleIndex = explanation\r\n            ? explanation\r\n                  .split(\"\\n\")\r\n                  .filter(c => c.includes(\"##\") && !c.includes(\"###\"))\r\n                  .map(c => c.split(\"#\").join(\"\").trim())\r\n            : [];\r\n\r\n        const indexLi = [\r\n            `About ${titleOfAbout}`,\r\n            ...videoIndex,\r\n            `${title} Story`,\r\n            ...articleIndex,\r\n            \"More folktales\",\r\n        ].map(c => {\r\n            const linkText = c.split(\"#\").join(\"\").trim();\r\n            return (\r\n                <IndexItem\r\n                    key={linkText}\r\n                    allLoadFinished={allLoadFinished}\r\n                    linkText={linkText}\r\n                    hash={location.hash}\r\n                    storyName={storyName}\r\n                />\r\n            );\r\n        });\r\n\r\n        const index = (\r\n            <div\r\n                style={{\r\n                    display: \"flex\",\r\n                    flexDirection: isVeryWide ? \"row\" : \"column\",\r\n                    margin: isVeryWide ? \"40px 0\" : \"20px 0\",\r\n                }}\r\n            >\r\n                <ScrollBox\r\n                    style={{\r\n                        display: \"inline-block\",\r\n                        flex: 1,\r\n                        marginRight: isVeryWide ? 30 : undefined,\r\n                        textAlign: \"left\",\r\n                    }}\r\n                >\r\n                    <div\r\n                        style={{\r\n                            fontSize: \"large\",\r\n                            width: \"100%\",\r\n                            display: \"flex\",\r\n                            flexDirection: \"column\",\r\n                        }}\r\n                    >\r\n                        <span\r\n                            style={{\r\n                                fontWeight: \"bold\",\r\n                                fontSize: \"large\",\r\n                            }}\r\n                        >\r\n                            Index\r\n                        </span>\r\n                        {indexLi && indexLi.length > 0 ? (\r\n                            <ol\r\n                                style={{\r\n                                    display: \"inline-block\",\r\n                                    margin: \"auto\",\r\n                                    paddingRight: 20,\r\n                                }}\r\n                            >\r\n                                {indexLi}\r\n                            </ol>\r\n                        ) : (\r\n                            <ShurikenProgress size=\"20%\" />\r\n                        )}\r\n                    </div>\r\n                </ScrollBox>\r\n                <div\r\n                    style={{\r\n                        flex: 1,\r\n                        display: \"flex\",\r\n                        flexDirection: \"column\",\r\n                        justifyContent: \"center\",\r\n                        alignItems: \"center\",\r\n                    }}\r\n                >\r\n                    <YouTubeAd width={isVeryWide ? \"80%\" : \"90%\"} />\r\n                </div>\r\n            </div>\r\n        );\r\n\r\n        return (\r\n            <div className=\"center\">\r\n                <Head\r\n                    title={title + \" Story | Japanese Folktales\"}\r\n                    desc={\r\n                        storyDesc.description &&\r\n                        storyDesc.description.split(\"\\\\n\").join(\" \")\r\n                    }\r\n                    img={`${BLOB_URL}/folktalesImg/${\r\n                        storyName.split(\"--\")[0]\r\n                    }.png`}\r\n                />\r\n                <main style={{ maxWidth: 1000 }}>\r\n                    <div\r\n                        className=\"breadcrumbs\"\r\n                        itemScope\r\n                        itemType=\"https://schema.org/BreadcrumbList\"\r\n                        style={{ textAlign: \"left\" }}\r\n                    >\r\n                        <span\r\n                            itemProp=\"itemListElement\"\r\n                            itemScope\r\n                            itemType=\"http://schema.org/ListItem\"\r\n                        >\r\n                            <Link\r\n                                to=\"/\"\r\n                                itemProp=\"item\"\r\n                                style={{\r\n                                    marginRight: \"5px\",\r\n                                    marginLeft: \"5px\",\r\n                                }}\r\n                            >\r\n                                <span itemProp=\"name\">{\"Home\"}</span>\r\n                            </Link>\r\n                            <meta itemProp=\"position\" content=\"1\" />\r\n                        </span>\r\n                        {\" > \"}\r\n                        <span\r\n                            itemProp=\"itemListElement\"\r\n                            itemScope\r\n                            itemType=\"http://schema.org/ListItem\"\r\n                        >\r\n                            <Link\r\n                                to=\"/folktales\"\r\n                                itemProp=\"item\"\r\n                                style={{\r\n                                    marginRight: \"5px\",\r\n                                    marginLeft: \"5px\",\r\n                                }}\r\n                            >\r\n                                <span itemProp=\"name\">\r\n                                    {\"Learn Japanese from Folktales\"}\r\n                                </span>\r\n                                <meta itemProp=\"position\" content=\"2\" />\r\n                            </Link>\r\n                        </span>\r\n                        {\" > \"}\r\n                        <span\r\n                            itemProp=\"itemListElement\"\r\n                            itemScope\r\n                            itemType=\"http://schema.org/ListItem\"\r\n                        >\r\n                            <span\r\n                                itemProp=\"name\"\r\n                                style={{\r\n                                    marginRight: \"5px\",\r\n                                    marginLeft: \"5px\",\r\n                                }}\r\n                            >\r\n                                {title}\r\n                            </span>\r\n                            <meta itemProp=\"position\" content=\"3\" />\r\n                        </span>\r\n                    </div>\r\n                    <article style={isWide ? { fontSize: \"large\" } : {}}>\r\n                        <h1\r\n                            style={{\r\n                                margin: \"25px 0\",\r\n                                lineHeight: \"45px\",\r\n                                fontWeight: \"bolder\",\r\n                            }}\r\n                            className=\"whiteShadow\"\r\n                        >\r\n                            {title}\r\n                        </h1>\r\n                        <br />\r\n                        {this.state.storyName ? (\r\n                            <img\r\n                                src={`${BLOB_URL}/folktalesImg/${\r\n                                    storyName.split(\"--\")[0]\r\n                                }.png`}\r\n                                width=\"90%\"\r\n                                alt={title}\r\n                                title={title}\r\n                                style={{ position: \"relative\", zIndex: -120 }}\r\n                            />\r\n                        ) : null}\r\n                        {index}\r\n                        {storyDesc.description ? (\r\n                            <section\r\n                                style={{\r\n                                    padding: \"10px\",\r\n                                    marginBottom: \"10px\",\r\n                                    border: \"5px double #333333\",\r\n                                    backgroundColor: \"white\",\r\n                                }}\r\n                                id=\"aboutFolktale\"\r\n                            >\r\n                                <h2\r\n                                    style={styleForAboutTitle}\r\n                                    id={encodeURIComponent(\r\n                                        `About ${titleOfAbout}`\r\n                                    )}\r\n                                >\r\n                                    About {titleOfAbout}\r\n                                </h2>\r\n                                <div\r\n                                    style={{\r\n                                        textAlign: \"left\",\r\n                                        display: \"inline-block\",\r\n                                        padding: \"0 10px\",\r\n                                    }}\r\n                                >\r\n                                    {storyDesc.description\r\n                                        .split(\"\\\\n\")\r\n                                        .map((d, i) => (\r\n                                            <span key={i}>\r\n                                                {d}\r\n                                                <br />\r\n                                            </span>\r\n                                        ))}\r\n                                </div>\r\n                            </section>\r\n                        ) : null}\r\n                        {storyDesc.youtube && (\r\n                            <section\r\n                                style={{\r\n                                    margin:\r\n                                        screenWidth > 600\r\n                                            ? \"5px 0 35px\"\r\n                                            : \"5px 0 40px\",\r\n                                }}\r\n                            >\r\n                                <h2\r\n                                    style={{\r\n                                        ...styleForStoryTitle,\r\n                                        textAlign: \"left\",\r\n                                    }}\r\n                                    id={encodeURIComponent(`${title} Video`)}\r\n                                >\r\n                                    {`${title} Video`}\r\n                                </h2>\r\n                                {storyDesc.youtube === \"storage\" ? (\r\n                                    <StorageVideo\r\n                                        path={`folktalesVideo/${storyName}.mp4`}\r\n                                        screenWidth={screenWidth}\r\n                                        pageNameForLog={`folktale ${title}`}\r\n                                    />\r\n                                ) : (\r\n                                    <YouTubeVideo\r\n                                        videoId={storyDesc.youtube}\r\n                                        screenWidth={screenWidth}\r\n                                        pageNameForLog={`folktale ${title}`}\r\n                                    />\r\n                                )}\r\n                            </section>\r\n                        )}\r\n                        {storyDesc.storyId ? (\r\n                            <section ref={this.refSentences}>\r\n                                <h2\r\n                                    style={{\r\n                                        ...styleForStoryTitle,\r\n                                        textAlign: \"left\",\r\n                                    }}\r\n                                    id={encodeURIComponent(`${title} Story`)}\r\n                                >\r\n                                    {`${title} Story`}\r\n                                </h2>\r\n                                <br />\r\n                                <Sentences\r\n                                    storyId={storyDesc.storyId}\r\n                                    sentences={sentences}\r\n                                    words={words}\r\n                                    articles={articles}\r\n                                    langState={this.state}\r\n                                    audioFolder={storyName?.split(\"--\")[0]}\r\n                                    isWide={isWide}\r\n                                />\r\n                            </section>\r\n                        ) : (\r\n                            <div className=\"center\">\r\n                                <ShurikenProgress key=\"circle\" size=\"20%\" />\r\n                            </div>\r\n                        )}\r\n                        <FooterMenu\r\n                            onClickLangBtn={this.onClickLangBtn}\r\n                            langState={this.state}\r\n                            screenWidth={screenWidth}\r\n                            showFooterMenu={showFooterMenu}\r\n                        />\r\n                        {explanation && (\r\n                            <Markdown\r\n                                source={explanation}\r\n                                style={{\r\n                                    marginTop: isWide ? 0 : -20,\r\n                                    marginBottom: 40,\r\n                                }}\r\n                                section\r\n                            />\r\n                        )}\r\n                        <div\r\n                            style={{\r\n                                margin: \"20px 0\",\r\n                            }}\r\n                        >\r\n                            <CharacterComment\r\n                                comment={[\r\n                                    <p key=\"commentContent\">\r\n                                        {\r\n                                            \"If you like this story, please share!\"\r\n                                        }\r\n                                    </p>,\r\n                                    <FBShareBtn\r\n                                        key=\"fbShareButton\"\r\n                                        urlToShare={`${Z_APPS_TOP_URL}/folktales/${storyName}`}\r\n                                        style={{\r\n                                            width: \"200px\",\r\n                                            marginTop: \"10px\",\r\n                                        }}\r\n                                    />,\r\n                                    <TwitterShareBtn\r\n                                        key=\"twitterShareButton\"\r\n                                        urlToShare={`${Z_APPS_TOP_URL}/folktales/${storyName}`}\r\n                                        textToShare={title}\r\n                                        style={{\r\n                                            width: \"200px\",\r\n                                            marginTop: \"5px\",\r\n                                        }}\r\n                                    />,\r\n                                ]}\r\n                                imgNumber={imgNumber}\r\n                                screenWidth={screenWidth}\r\n                            />\r\n                        </div>\r\n                        <hr />\r\n                        <section>\r\n                            <h2\r\n                                style={{\r\n                                    ...styleForStoryTitle,\r\n                                    textAlign: \"left\",\r\n                                    marginTop: \"30px\",\r\n                                    marginBottom: \"20px\",\r\n                                }}\r\n                                id={encodeURIComponent(\"More folktales\")}\r\n                            >\r\n                                More folktales\r\n                            </h2>\r\n                            {otherStories?.length > 0 ? (\r\n                                <StoriesList\r\n                                    headLevel=\"h3\"\r\n                                    stories={otherStories}\r\n                                    screenWidth={screenWidth}\r\n                                />\r\n                            ) : (\r\n                                <ShurikenProgress key=\"circle\" size=\"20%\" />\r\n                            )}\r\n                        </section>\r\n                    </article>\r\n                    <Link\r\n                        to=\"/folktales\"\r\n                        style={{\r\n                            fontSize: \"x-large\",\r\n                            fontWeight: \"bold\",\r\n                            marginBottom: 20,\r\n                            display: \"block\",\r\n                        }}\r\n                    >\r\n                        <Button color=\"primary\" size=\"lg\">\r\n                            {\"All folktales >>\"}\r\n                        </Button>\r\n                    </Link>\r\n                    <hr />\r\n                    <Link to=\"/vocabulary-list\">\r\n                        <Card\r\n                            body\r\n                            style={{\r\n                                backgroundColor: \"#333\",\r\n                                borderColor: \"#333\",\r\n                                color: \"white\",\r\n                            }}\r\n                        >\r\n                            <CardTitle>Japanese Vocabulary List</CardTitle>\r\n                            <CardText>\r\n                                Basic Japanese Vocabulary List!\r\n                                <br />\r\n                                Try to memorize all the vocabulary by using the\r\n                                quizzes!\r\n                            </CardText>\r\n                            <Button color=\"secondary\">Try!</Button>\r\n                        </Card>\r\n                    </Link>\r\n                    <hr />\r\n                    <AuthorArea\r\n                        style={{ marginTop: 45 }}\r\n                        screenWidth={screenWidth}\r\n                    />\r\n                    <FB />\r\n                    <GoogleAd />\r\n                </main>\r\n                <SeasonAnimation\r\n                    frequencySec={2}\r\n                    screenWidth={screenWidth}\r\n                    season={storyDesc.season || \"none\"}\r\n                />\r\n                <HashScroll\r\n                    location={location}\r\n                    allLoadFinished={allLoadFinished}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\ntype SentencesProps = {\r\n    storyId: number;\r\n    sentences: Sentence[];\r\n    words: { [key: number]: Word[] };\r\n    articles: { [key: number]: { title: string; url: string }[] };\r\n    langState: State;\r\n    audioFolder: string;\r\n    isWide: boolean;\r\n};\r\nfunction Sentences({\r\n    storyId,\r\n    sentences,\r\n    words,\r\n    articles,\r\n    langState,\r\n    audioFolder,\r\n    isWide,\r\n}: SentencesProps) {\r\n    const isLoading = !sentences || sentences.length <= 0;\r\n    return (\r\n        <div style={{ textAlign: \"left\" }}>\r\n            {isLoading ? (\r\n                <div className=\"center\">\r\n                    <ShurikenProgress key=\"circle\" size=\"20%\" />\r\n                </div>\r\n            ) : (\r\n                sentences &&\r\n                sentences.map((s, i) => {\r\n                    const articlesForSentence =\r\n                        articles && articles[s.lineNumber];\r\n                    return (\r\n                        <div\r\n                            key={s.lineNumber}\r\n                            style={{\r\n                                borderBottom: \"1px solid #dcdcdc\",\r\n                                marginBottom: 10,\r\n                                paddingBottom: isWide ? 25 : 5,\r\n                            }}\r\n                        >\r\n                            <Collapse\r\n                                in={langState.kanji}\r\n                                timeout={1000}\r\n                                style={{\r\n                                    width: \"100%\",\r\n                                    backgroundColor: \"#fff0f2\",\r\n                                }}\r\n                            >\r\n                                <div\r\n                                    style={{\r\n                                        display: \"flex\",\r\n                                        alignItems: \"center\",\r\n                                    }}\r\n                                >\r\n                                    <div\r\n                                        style={{\r\n                                            fontWeight: \"bold\",\r\n                                            marginRight: \"1em\",\r\n                                        }}\r\n                                    >\r\n                                        <abbr title=\"kanji\">Ｋ</abbr>:\r\n                                    </div>\r\n                                    <div style={{ width: \"100%\" }}>\r\n                                        {s.kanji}\r\n                                    </div>\r\n                                </div>\r\n                            </Collapse>\r\n                            <Collapse\r\n                                in={langState.hiragana}\r\n                                timeout={1000}\r\n                                style={{\r\n                                    width: \"100%\",\r\n                                    backgroundColor: \"#ffffe0\",\r\n                                }}\r\n                            >\r\n                                <div\r\n                                    style={{\r\n                                        display: \"flex\",\r\n                                        alignItems: \"center\",\r\n                                    }}\r\n                                >\r\n                                    <div\r\n                                        style={{\r\n                                            fontWeight: \"bold\",\r\n                                            marginRight: \"1em\",\r\n                                        }}\r\n                                    >\r\n                                        <abbr title=\"hiragana\">Ｈ</abbr>:\r\n                                    </div>\r\n                                    <div style={{ width: \"100%\" }}>\r\n                                        {s.hiragana}\r\n                                    </div>\r\n                                </div>\r\n                            </Collapse>\r\n                            <Collapse\r\n                                in={langState.romaji}\r\n                                timeout={1000}\r\n                                style={{\r\n                                    width: \"100%\",\r\n                                    backgroundColor: \"#f0fff2\",\r\n                                }}\r\n                            >\r\n                                <div\r\n                                    style={{\r\n                                        display: \"flex\",\r\n                                        alignItems: \"center\",\r\n                                    }}\r\n                                >\r\n                                    <div\r\n                                        style={{\r\n                                            fontWeight: \"bold\",\r\n                                            marginRight: \"1em\",\r\n                                        }}\r\n                                    >\r\n                                        <abbr title=\"romaji\">Ｒ</abbr>:\r\n                                    </div>\r\n                                    <div style={{ width: \"100%\" }}>\r\n                                        {s.romaji}\r\n                                    </div>\r\n                                </div>\r\n                            </Collapse>\r\n                            <Collapse\r\n                                in={langState.english}\r\n                                timeout={1000}\r\n                                style={{\r\n                                    width: \"100%\",\r\n                                    backgroundColor: \"#f0f8ff\",\r\n                                }}\r\n                            >\r\n                                <div\r\n                                    style={{\r\n                                        display: \"flex\",\r\n                                        alignItems: \"center\",\r\n                                    }}\r\n                                >\r\n                                    <div\r\n                                        style={{\r\n                                            fontWeight: \"bold\",\r\n                                            marginRight: \"1em\",\r\n                                        }}\r\n                                    >\r\n                                        <abbr title=\"english\">Ｅ</abbr>:\r\n                                    </div>\r\n                                    <div style={{ width: \"100%\" }}>\r\n                                        {s.english}\r\n                                    </div>\r\n                                </div>\r\n                            </Collapse>\r\n                            <LazyLoad height={40}>\r\n                                <AudioControl\r\n                                    audioPath={`${BLOB_URL}/folktalesAudio/${audioFolder}/folktale-audio${s.lineNumber}.m4a`}\r\n                                />\r\n                            </LazyLoad>\r\n                            <WordList words={words} s={s} storyId={storyId} />\r\n                            {articlesForSentence && (\r\n                                <Grammar\r\n                                    articlesForSentence={articlesForSentence}\r\n                                    lineNumber={s.lineNumber}\r\n                                />\r\n                            )}\r\n                        </div>\r\n                    );\r\n                })\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\nfunction Grammar({\r\n    articlesForSentence,\r\n    lineNumber,\r\n}: {\r\n    articlesForSentence: { title: string; url: string }[];\r\n    lineNumber: number;\r\n}) {\r\n    return (\r\n        <PointBox language=\"Grammar\" style={{ padding: \"15px 25px 2px 0px\" }}>\r\n            <ul>\r\n                {articlesForSentence.map((a, i) => (\r\n                    <li\r\n                        key={`${lineNumber}-${i}`}\r\n                        style={{\r\n                            marginBottom: 10,\r\n                        }}\r\n                    >\r\n                        <ATargetBlank\r\n                            href={`${ARTICLES_URL}/${a.url}`}\r\n                            style={{ textDecoration: \"underline\" }}\r\n                        >\r\n                            {`${a.title.split(\" - \")[0]} >>`}\r\n                        </ATargetBlank>\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n        </PointBox>\r\n    );\r\n}\r\n\r\ninterface FooterMenuProps {\r\n    onClickLangBtn: (btnType: any) => void;\r\n    langState: Readonly<State>;\r\n    screenWidth: number;\r\n    showFooterMenu: boolean;\r\n}\r\nclass FooterMenu extends React.Component<\r\n    FooterMenuProps,\r\n    {\r\n        showLangMenu: boolean;\r\n    }\r\n> {\r\n    constructor(props: FooterMenuProps) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            showLangMenu: true,\r\n        };\r\n    }\r\n\r\n    showLangMenu = () => {\r\n        this.setState({ showLangMenu: !this.state.showLangMenu });\r\n    };\r\n\r\n    render() {\r\n        const { showLangMenu } = this.state;\r\n        const { screenWidth, langState, showFooterMenu } = this.props;\r\n        const tableWidth = screenWidth;\r\n        const buttonWidth = tableWidth / 4 - 4;\r\n        const tableLeft = 0;\r\n        const tdStyle = { width: `${buttonWidth}px` };\r\n\r\n        return (\r\n            <div\r\n                style={{\r\n                    position: \"fixed\",\r\n                    bottom: showFooterMenu ? 0 : -90,\r\n                    left: 0,\r\n                    zIndex: zIndex.folktaleFooterMenu,\r\n                    width: `${screenWidth}px`,\r\n                    height: showLangMenu ? \"50px\" : undefined,\r\n                    backgroundColor: \"white\",\r\n                    transition: \"all 700ms ease\",\r\n                }}\r\n            >\r\n                <table\r\n                    style={{\r\n                        position: \"fixed\",\r\n                        bottom: showFooterMenu ? (showLangMenu ? 3 : 0) : -90,\r\n                        left: `${tableLeft}px`,\r\n                        width: tableWidth,\r\n                        backgroundColor: \"#e7e9e7\",\r\n                        border: \"1px solid gray\",\r\n                        transition: \"all 700ms ease\",\r\n                    }}\r\n                >\r\n                    <tbody>\r\n                        <tr\r\n                            style={{ width: \"100%\", cursor: \"pointer\" }}\r\n                            onClick={this.showLangMenu}\r\n                        >\r\n                            <td\r\n                                colSpan={4}\r\n                                style={{ padding: showLangMenu ? 3 : 1 }}\r\n                            >\r\n                                {showLangMenu ? (\r\n                                    <div className=\"center\">\r\n                                        ▼ Select the languages to read ▼\r\n                                    </div>\r\n                                ) : (\r\n                                    <div className=\"center\">\r\n                                        ▲ Show language menu ▲\r\n                                    </div>\r\n                                )}\r\n                            </td>\r\n                        </tr>\r\n                        {showLangMenu ? (\r\n                            <tr>\r\n                                <td style={tdStyle}>\r\n                                    <button\r\n                                        className=\"btn btn-danger\"\r\n                                        style={{\r\n                                            width: \"100%\",\r\n                                            fontSize: \"small\",\r\n                                            opacity: !langState.kanji ? 0.3 : 1,\r\n                                        }}\r\n                                        onClick={() =>\r\n                                            this.props.onClickLangBtn(\"kanji\")\r\n                                        }\r\n                                    >\r\n                                        <b style={{ fontSize: \"x-large\" }}>K</b>\r\n                                        anji\r\n                                    </button>\r\n                                </td>\r\n                                <td style={tdStyle}>\r\n                                    <button\r\n                                        className=\"btn btn-warning\"\r\n                                        style={{\r\n                                            width: \"100%\",\r\n                                            fontSize: \"small\",\r\n                                            color: \"white\",\r\n                                            backgroundColor: \"#d9c402\",\r\n                                            opacity: !langState.hiragana\r\n                                                ? 0.3\r\n                                                : 1,\r\n                                        }}\r\n                                        onClick={() =>\r\n                                            this.props.onClickLangBtn(\r\n                                                \"hiragana\"\r\n                                            )\r\n                                        }\r\n                                    >\r\n                                        <b style={{ fontSize: \"x-large\" }}>H</b>\r\n                                        iragana\r\n                                    </button>\r\n                                </td>\r\n                                <td style={tdStyle}>\r\n                                    <button\r\n                                        className=\"btn btn-success\"\r\n                                        style={{\r\n                                            width: \"100%\",\r\n                                            fontSize: \"small\",\r\n                                            opacity: !langState.romaji\r\n                                                ? 0.3\r\n                                                : 1,\r\n                                        }}\r\n                                        onClick={() =>\r\n                                            this.props.onClickLangBtn(\"romaji\")\r\n                                        }\r\n                                    >\r\n                                        <b style={{ fontSize: \"x-large\" }}>R</b>\r\n                                        omaji\r\n                                    </button>\r\n                                </td>\r\n                                <td style={tdStyle}>\r\n                                    <button\r\n                                        className=\"btn btn-primary\"\r\n                                        style={{\r\n                                            width: \"100%\",\r\n                                            fontSize: \"small\",\r\n                                            opacity: !langState.english\r\n                                                ? 0.3\r\n                                                : 1,\r\n                                        }}\r\n                                        onClick={() =>\r\n                                            this.props.onClickLangBtn(\"english\")\r\n                                        }\r\n                                    >\r\n                                        <b style={{ fontSize: \"x-large\" }}>E</b>\r\n                                        nglish\r\n                                    </button>\r\n                                </td>\r\n                            </tr>\r\n                        ) : null}\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nfunction IndexItem({\r\n    linkText,\r\n    storyName,\r\n}: {\r\n    linkText: string;\r\n    hash: string;\r\n    allLoadFinished: boolean;\r\n    storyName: string;\r\n}) {\r\n    const encodedLinkText = encodeURIComponent(linkText);\r\n\r\n    return (\r\n        <li key={linkText} style={{ marginTop: 10, marginBottom: 5 }}>\r\n            <Link to={`/folktales/${storyName}#${encodedLinkText}`}>\r\n                {linkText}\r\n            </Link>\r\n        </li>\r\n    );\r\n}\r\n\r\nexport default connect(\r\n    (state: ApplicationState) => state.stories,\r\n    dispatch => bindActionCreators(storiesStore.actionCreators, dispatch)\r\n)(Stories);\r\n"],"names":["GOOGLE_ADS_CLIENT","GOOGLE_ADS_SLOT","STRIPE_TEST_PUBLIC_KEY","STRIPE_PRODUCTION_PUBLIC_KEY","CharacterComment","props","imgNumber","screenWidth","comment","style","commentStyle","imgStyle","containerRef","className","c","useStyles","_jsxs","ref","spaceBetween","container","children","_jsx","src","concat","consts","alt","ninjaPic","makeStyles","_ref","_objectSpread","_ref2","width","_ref3","FB","window","innerWidth","title","height","border","overflow","scrolling","frameBorder","allow","GoogleAd","aside","HashScroll","allLoadFinished","location","useEffect","_document$getElementB","replacedHash","hash","replace","document","getElementById","scrollIntoView","AnchorLink","targetHash","isSmooth","rest","_objectWithoutProperties","_excluded","href","onClick","ev","preventDefault","scrollToElement","FBShareBtn","urlToShare","ATargetBlank","nofollow","setTimeout","sendClientOpeLog","TwitterShareBtn","textToShare","YouTubeAd","youtubeSubscriptionUrl","maxWidth","BLOB_URL","margin","HeadTitle","headLevel","marginBottom","fontWeight","StoriesList","stories","isWide","_Fragment","map","s","nameForUrl","storyName","nameToShow","split","join","marginTop","ScrollBox","hoverScale","Link","to","color","display","flexDirection","fontSize","alignItems","flex","undefined","justifyContent","textAlign","description","d","i","storyId","Stories","_React$Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","refSentences","changeScreenSize","state","screenHeight","innerHeight","setState","judgeFooter","divSentences","current","offsetY","getBoundingClientRect","top","t_height","offsetHeight","t_position","pleaseScrollDown","showFooterMenu","onClickLangBtn","btnType","saveData","kanji","hiragana","romaji","english","localStorage","setItem","JSON","stringify","getImgNumber","num","arguments","length","today","Date","mod","getMonth","getDate","match","params","toString","timer","getItem","objSaveData","parse","onresize","clearTimeout","addEventListener","React","_createClass","key","value","removeEventListener","this","_this2","loadStory","previousProps","pathname","filter","a","pop","storyDesc","titleOfAbout","_this$state","_this$props","sentences","words","articles","explanation","otherStories","isVeryWide","styleForStoryTitle","styleForAboutTitle","background","boxShadow","padding","videoIndex","youtube","articleIndex","includes","trim","indexLi","_toConsumableArray","linkText","IndexItem","index","marginRight","paddingRight","ShurikenProgress","size","Head","desc","img","itemScope","itemType","itemProp","marginLeft","content","lineHeight","position","zIndex","backgroundColor","id","encodeURIComponent","StorageVideo","path","pageNameForLog","YouTubeVideo","videoId","Sentences","langState","audioFolder","FooterMenu","Markdown","source","section","Z_APPS_TOP_URL","Button","Card","body","borderColor","CardTitle","CardText","AuthorArea","SeasonAnimation","frequencySec","season","isLoading","articlesForSentence","lineNumber","borderBottom","paddingBottom","Collapse","in","timeout","LazyLoad","AudioControl","audioPath","WordList","Grammar","PointBox","language","ARTICLES_URL","url","textDecoration","_React$Component2","_super2","_this3","showLangMenu","_this4","_this$props2","tableWidth","tdStyle","bottom","left","transition","cursor","colSpan","opacity","encodedLinkText","connect","dispatch","bindActionCreators","storiesStore"],"sourceRoot":""}