{"version":3,"sources":["webpack:///./src/mobile/containers/Home/style.less","webpack:///./src/commons/components/ImageLazyLoad/ImageLazyLoad.tsx","webpack:///./src/commons/components/ImageLazyLoad/index.ts","webpack:///./src/commons/components/CoverImage/CoverImage.tsx","webpack:///./src/commons/components/CoverImage/index.ts","webpack:///../shared/assets/img/web_app.png","webpack:///./src/desktop/containers/Home/components/BriefIntro/style.less","webpack:///./src/desktop/containers/Home/components/TryItNow/style.less","webpack:///../shared/assets/img/google_play.png","webpack:///./src/desktop/containers/Home/components/BriefIntro/BriefIntro.tsx","webpack:///./src/desktop/containers/Home/components/BriefIntro/index.ts","webpack:///./src/desktop/containers/Home/components/DetailIntro/DetailIntro.tsx","webpack:///./src/desktop/containers/Home/components/DetailIntro/index.ts","webpack:///./src/desktop/containers/Home/Home.tsx","webpack:///./src/desktop/containers/Home/components/DetailIntro/style.less","webpack:///../shared/assets/img/detail_intro_cover1.gif","webpack:///../shared/assets/img/detail_intro_hover2.webp","webpack:///../shared/assets/img/mobile_app.png","webpack:///../shared/assets/img/detail_intro_cover3.gif","webpack:///../shared/assets/img/apple.png","webpack:///./src/mobile/containers/Home/components/BriefIntro/style.less","webpack:///../shared/assets/img/detail_intro_cover2.gif","webpack:///../shared/assets/img/detail_intro_cover1.webp","webpack:///../shared/assets/img/detail_intro_cover2.webp","webpack:///./src/mobile/containers/Home/components/MindMapIntro/style.less","webpack:///./src/mobile/components/Footer/style.less","webpack:///../shared/assets/img/detail_intro_hover1.webp","webpack:///./src/mobile/containers/Home/components/DetailIntro/style.less","webpack:///../shared/assets/img/detail_intro_hover3.webp","webpack:///../shared/assets/img/detail_intro_hover2.gif","webpack:///./src/desktop/containers/Home/components/SignUpSection/style.less","webpack:///./src/mobile/components/Footer/Footer.tsx","webpack:///./src/mobile/components/Footer/index.ts","webpack:///./src/mobile/containers/Home/components/MindMapIntro/MindMapIntro.tsx","webpack:///./src/mobile/containers/Home/components/MindMapIntro/index.ts","webpack:///./src/mobile/containers/Home/components/BriefIntro/BriefIntro.tsx","webpack:///./src/mobile/containers/Home/components/BriefIntro/index.ts","webpack:///./src/mobile/containers/Home/components/DetailIntro/DetailIntro.tsx","webpack:///./src/mobile/containers/Home/components/DetailIntro/index.ts","webpack:///./src/mobile/containers/Home/components/TryItNow/TryItNow.tsx","webpack:///./src/mobile/containers/Home/components/TryItNow/index.ts","webpack:///./src/mobile/containers/Home/Home.tsx","webpack:///../shared/assets/img/detail_intro_hover1.gif","webpack:///./src/desktop/containers/Home/style.less","webpack:///./src/mobile/containers/Home/components/TryItNow/style.less","webpack:///../shared/assets/img/detail_intro_hover3.gif","webpack:///../shared/assets/img/brief_intro_mindmap.png","webpack:///../shared/assets/img/detail_intro_cover3.webp","webpack:///../shared/assets/img/brief_intro_outline.png"],"names":["module","exports","isSupportWebp","checkIsSupportWebp","ImageLazyLoad","props","img","webp","once","lazyHeight","offset","resize","scroll","throttle","debounce","placeholder","scrollContainer","unmountIfInvisible","preventLoading","rest","safetyImg","useMemo","height","src","CoverImage","coverImg","coverWebp","hoverImg","hoverWebp","onMouseEnter","onMouseOut","useState","isHover","setIsHover","handleMouseEnter","useCallback","handleMouseOut","computedImg","computedWebp","bindMouseEvents","defaultProps","BriefIntro","t","useTranslate","breathe","setBreathe","showOutline","setShowOutline","signupVisible","setSignupVisible","email","undefined","timerId","setTimerId","startChangeTimer","currentTimer","setTimeout","location","pathname","Path","Home","clearChangeTimer","clearTimeout","useEffect","localStorage","getItem","StorageKey","SHOWED_BREATHE","Button","block","size","onClick","Log","eventAction","eventCategory","eventLabel","Tea","goThirdPartyLogin","theme","require","onMouseLeave","briefIntroMindmap","classnames","show","briefIntroOutline","shape","switch_to","setItem","LoginModal","type","LoginModalType","SignIn","visible","onClose","DetailIntro","datas","title","description","cover1","webpCover1","hover1","webpHover1","key","reverse","cover2","webpCover2","hover2","webpHover2","cover3","webpCover3","hover3","webpHover3","map","item","des","index","feature_name","Helmet","Header","Container","Footer","infos","links","label","href","target","window","scrollTo","MobileDownLoad","useHash","Terms","PrivacyPolicy","linkItem","Link","transport","to","MindMapIntro","TryItNow","id","TryItNowRefId","mobileImg","CLIENT_CONFIG","appStoreUrl","googlePlayUrl","isMubu","useContext","AppContext","NotFound"],"mappings":"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","file":"Home-fb0c171b42bcc5112599.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"home\":\"style__home___EzEyvTTO\"};","import React, { useMemo } from 'react';\nimport OrignLazyLoad, { LazyLoadProps } from 'react-lazyload';\n\nimport { checkIsSupportWebp } from '$helpers/index';\n\nconst isSupportWebp = checkIsSupportWebp();\n\ninterface ImageLazyLoadProps extends LazyLoadProps {\n  img: string;\n  webp?: string;\n  lazyHeight?: string | number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\n/**\n *\n * @param props\n * img: 默认使用图片\n * webp: 可选的webp图片，会在浏览器支持情况下使用\n * lazyHeight: 懒加载的占位高度\n */\nfunction ImageLazyLoad(props: ImageLazyLoadProps) {\n  const {\n    img,\n    webp,\n    once,\n    lazyHeight,\n    offset,\n    resize,\n    scroll,\n    throttle,\n    debounce,\n    placeholder,\n    scrollContainer,\n    unmountIfInvisible,\n    preventLoading,\n    ...rest\n  } = props;\n\n  const safetyImg = useMemo(() => {\n    if (isSupportWebp && webp) return webp;\n    return img;\n  }, [img, webp]);\n\n  return (\n    <OrignLazyLoad\n      once={once}\n      height={lazyHeight}\n      offset={offset}\n      resize={resize}\n      scroll={scroll}\n      throttle={throttle}\n      debounce={debounce}\n      placeholder={placeholder}\n      scrollContainer={scrollContainer}\n      unmountIfInvisible={unmountIfInvisible}\n      preventLoading={preventLoading}>\n      <img src={safetyImg} {...rest} />\n    </OrignLazyLoad>\n  );\n}\n\nexport default ImageLazyLoad;\n","import ImageLazyLoad from './ImageLazyLoad';\n\nexport default ImageLazyLoad;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { LazyLoadProps } from 'react-lazyload';\n\nimport ImageLazyLoad from '$commons/components/ImageLazyLoad';\n\ninterface CoverImageProps extends LazyLoadProps {\n  coverImg: string;\n  coverWebp?: string;\n  hoverImg: string;\n  hoverWebp?: string;\n  lazyHeight: string | number;\n  onMouseEnter: () => void;\n  onMouseOut: () => void;\n}\n\nCoverImage.defaultProps = {\n  onMouseEnter: () => {},\n  onMouseOut: () => {},\n};\n\n/**\n *\n * @param props\n *  cover: 封面图\n *  coverWebp: 可选webp封面图，在支持的情况下会启用\n *  hoverImg: hover上去显示的图片/gif\n *  hoverWebp: hover上去显示可选的webp图片，在支持的情况下会选用\n *  lazyHeight： 懒加载的占位高度\n */\nfunction CoverImage(props: CoverImageProps) {\n  const {\n    coverImg,\n    coverWebp,\n    hoverImg,\n    hoverWebp,\n    onMouseEnter,\n    onMouseOut,\n    ...rest\n  } = props;\n  const [isHover, setIsHover] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    onMouseEnter();\n    setIsHover(true);\n  }, [onMouseEnter]);\n\n  const handleMouseOut = useCallback(() => {\n    onMouseOut();\n    setIsHover(false);\n  }, [onMouseOut]);\n\n  const computedImg = useMemo(() => {\n    if (isHover) return hoverImg;\n    return coverImg;\n  }, [isHover, coverImg, hoverImg]);\n\n  const computedWebp = useMemo(() => {\n    if (isHover) return hoverWebp;\n    return coverWebp;\n  }, [isHover, hoverWebp, coverWebp]);\n\n  const bindMouseEvents = useMemo(\n    () => ({\n      onMouseEnter: handleMouseEnter,\n      onMouseOut: handleMouseOut,\n    }),\n    [handleMouseEnter, handleMouseOut]\n  );\n\n  return (\n    <ImageLazyLoad\n      img={computedImg}\n      webp={computedWebp}\n      {...rest}\n      {...bindMouseEvents}\n    />\n  );\n}\n\nexport default CoverImage;\n","import CoverImage from './CoverImage';\n\nexport default CoverImage;\n","module.exports = __webpack_public_path__ + \"d675161559598c3259eebca3d148c33d.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"brief\":\"style__brief___-FS5_XGM\",\"left-content-wrap\":\"style__left-content-wrap___3dDIZtjY\",\"btn-wrap\":\"style__btn-wrap___1A8Q3Uc_\",\"google-btn\":\"style__google-btn___1WPVvOKr\",\"google-icon\":\"style__google-icon___3ONJ1ZtY\",\"title\":\"style__title___1-HTLgDp\",\"img-wrap\":\"style__img-wrap___3H4mCLmA\",\"editor-img\":\"style__editor-img___1ZZYmTxf\",\"show\":\"style__show___1po9h_Y9\",\"mindmap-btn\":\"style__mindmap-btn___2HIWo8MB\",\"outline-icon\":\"style__outline-icon___3k_s5rDk\",\"mindmap-icon\":\"style__mindmap-icon___1vmypd9k\",\"breathe-effect\":\"style__breathe-effect___-JyV3WCd\",\"breathe\":\"style__breathe___2JghxBET\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"try-it\":\"style__try-it___1Yqgn4Y_\",\"position-flag\":\"style__position-flag___DP2GEUFS\",\"app-wrap\":\"style__app-wrap___10fDcRE7\",\"app\":\"style__app___D5JIN6yq\",\"img\":\"style__img___2cFzmz7i\",\"app-img\":\"style__app-img___ul8M_6GD\",\"web-img\":\"style__web-img___2QsUwf2z\",\"mobile-img\":\"style__mobile-img___fC1wk01D\",\"sign-up-wrap\":\"style__sign-up-wrap___1LjTkQqD\",\"sign-up-btn\":\"style__sign-up-btn___3Mcc8-XJ\",\"btn-group\":\"style__btn-group___HKZj9iI7\",\"btn\":\"style__btn___1X83htol\",\"apple-btn-wrap\":\"style__apple-btn-wrap___2R6Q9STl\",\"icon\":\"style__icon___AsyvGWI9\",\"qr-container\":\"style__qr-container___uamFqWLJ\"};","module.exports = __webpack_public_path__ + \"1fbd9495cda341aafd3ff36953fe64ef.png\";","import classnames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport LazyLoad from 'react-lazyload';\n\nimport { goThirdPartyLogin } from '$helpers';\nimport Log from '$helpers/log';\nimport LoginModal, { LoginModalType } from '$components/LoginModal';\nimport { StorageKey } from '$constants';\nimport { Path } from '$constants/page';\nimport Tea from '$helpers/tea';\nimport briefIntroMindmap from '$img/brief_intro_mindmap.png';\nimport briefIntroOutline from '$img/brief_intro_outline.png';\nimport Button from '$mubu-ui/Button';\nimport Input from '$mubu-ui/Input';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction BriefIntro() {\n  const t = useTranslate();\n  const [breathe, setBreathe] = useState(false);\n  const [showOutline, setShowOutline] = useState(true);\n  const [signupVisible, setSignupVisible] = useState(false);\n  const [email, setEmail] = useState('');\n  const [timerId, setTimerId] = useState<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n\n  /**\n   * 判断要不要呼吸\n   */\n  useEffect(() => {\n    const showedBreatheStr = localStorage.getItem(StorageKey.SHOWED_BREATHE);\n    if (!showedBreatheStr) {\n      setBreathe(true);\n    }\n  }, []);\n\n  /**\n   * 大纲视图和 mindmap 视图的轮播\n   */\n  useEffect(() => {\n    startChangeTimer();\n    return clearChangeTimer;\n  }, [showOutline]);\n\n  /**\n   * 开始变换图片的倒计时\n   */\n  function startChangeTimer() {\n    const currentTimer = setTimeout(() => {\n      if (location.pathname === Path.Home) {\n        setShowOutline(!showOutline);\n      }\n    }, 5000);\n    setTimerId(currentTimer);\n  }\n\n  /**\n   * 关闭变换图片的倒计时\n   */\n  function clearChangeTimer() {\n    if (timerId) {\n      clearTimeout(timerId);\n    }\n  }\n\n  function getStart() {\n    Log({\n      eventLabel: 'get started',\n      eventAction: 'click',\n      eventCategory: 'home_brief',\n    });\n    Tea('web_click_land_get_start');\n    setSignupVisible(true);\n  }\n\n  function closeModal() {\n    setSignupVisible(false);\n  }\n\n  function changeImg() {\n    Log({\n      eventCategory: 'home_brief',\n      eventAction: 'click',\n      eventLabel: 'change img',\n    });\n    Tea('web_click_land_switch', {\n      switch_to: showOutline ? 'outline' : 'mindmap',\n    });\n    // 点击过以后, 就不会呼吸了\n    if (breathe) {\n      localStorage.setItem(StorageKey.SHOWED_BREATHE, 'yes');\n      setBreathe(false);\n    }\n\n    setShowOutline(!showOutline);\n  }\n\n  function onEmailChange(e: React.FormEvent<HTMLInputElement>) {\n    setEmail(e.currentTarget.value);\n  }\n\n  function onGoogleLoginBtnClick() {\n    Log({\n      eventAction: 'click',\n      eventCategory: 'home_brief',\n      eventLabel: 'continue with google',\n    });\n    Tea('web_click_land_google');\n    goThirdPartyLogin();\n  }\n\n  function handleEmailFocus() {\n    Tea('web_input_land_email');\n  }\n\n  return (\n    <div styleName=\"brief\">\n      {/* 页面左侧内容 */}\n      <div styleName=\"left-content-wrap\">\n        <div styleName=\"title\">\n          {/* 主标题 */}\n          <h2>{t('TransnoWeb_Home_S1Title')}</h2>\n          <h3>{t('TransnoWeb_Home_S1Des')}</h3>\n        </div>\n\n        <div styleName=\"btn-wrap\">\n          {/* 输入邮箱 */}\n          {false && (\n            <Input\n              placeholder=\"Enter your email\"\n              size=\"large\"\n              type=\"email\"\n              value={email}\n              onFocus={handleEmailFocus}\n              onChange={onEmailChange}\n              suffix={\n                <Button size=\"large\" onClick={getStart}>\n                  {t('TransnoWeb_Form_BtnStart')}\n                </Button>\n              }\n            />\n          )}\n          {/* 谷歌登录  */}\n          <Button\n            block\n            size=\"large\"\n            styleName=\"google-btn\"\n            onClick={onGoogleLoginBtnClick}\n            theme=\"light\">\n            <img src={require('$img/google.png')} styleName=\"google-icon\" />\n            {t('TransnoWeb_Home_BtnContinueGoogle')}\n          </Button>\n        </div>\n      </div>\n\n      {/* 右侧大纲和脑图的展示, 点击按钮可切换 */}\n      <figure styleName=\"img-wrap\">\n        <LazyLoad height={628}>\n          {/* 将鼠标事件写在每个图片是为了避免 button 的影响 */}\n          <img\n            onMouseEnter={clearChangeTimer}\n            onMouseLeave={startChangeTimer}\n            src={briefIntroMindmap}\n            styleName={classnames('editor-img', { show: !showOutline })}\n          />\n          <img\n            onMouseEnter={clearChangeTimer}\n            onMouseLeave={startChangeTimer}\n            src={briefIntroOutline}\n            styleName={classnames('editor-img', { show: showOutline })}\n          />\n        </LazyLoad>\n        <div styleName=\"mindmap-btn\">\n          <Button\n            shape=\"circle\"\n            size=\"small\"\n            styleName={classnames({\n              'breathe-effect': breathe,\n              'outline-icon': !showOutline,\n              'mindmap-icon': showOutline,\n            })}\n            onClick={changeImg}>\n            <span>click</span>\n          </Button>\n        </div>\n      </figure>\n\n      <LoginModal\n        email={email}\n        type={LoginModalType.SignIn}\n        visible={signupVisible}\n        onClose={closeModal}\n      />\n    </div>\n  );\n}\n\nexport default BriefIntro;\n","/**\n * 首页的 Minimalist Outline Notes 模块\n */\n\nimport BriefIntro from './BriefIntro';\n\nexport default BriefIntro;\n","import classnames from 'classnames';\nimport React from 'react';\n\nimport CoverImage from '$commons/components/CoverImage';\nimport Tea from '$helpers/tea';\nimport cover1 from '$img/detail_intro_cover1.gif';\nimport webpCover1 from '$img/detail_intro_cover1.webp';\nimport cover2 from '$img/detail_intro_cover2.gif';\nimport webpCover2 from '$img/detail_intro_cover2.webp';\nimport cover3 from '$img/detail_intro_cover3.gif';\nimport webpCover3 from '$img/detail_intro_cover3.webp';\nimport hover1 from '$img/detail_intro_hover1.gif';\nimport webpHover1 from '$img/detail_intro_hover1.webp';\nimport hover2 from '$img/detail_intro_hover2.gif';\nimport webpHover2 from '$img/detail_intro_hover2.webp';\nimport hover3 from '$img/detail_intro_hover3.gif';\nimport webpHover3 from '$img/detail_intro_hover3.webp';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction DetailIntro() {\n  const t = useTranslate();\n  const datas = [\n    {\n      title: t('TransnoWeb_Home_S2S1Title'),\n      description: [\n        t('TransnoWeb_Home_S2S1Des1'),\n        t('TransnoWeb_Home_S2S1Des2'),\n      ],\n      coverImg: cover1,\n      coverWebp: webpCover1,\n      hoverImg: hover1,\n      hoverWebp: webpHover1,\n      key: 'structure_note',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S2Title'),\n      description: [\n        t('TransnoWeb_Home_S2S2Des1'),\n        t('TransnoWeb_Home_S2S2Des2'),\n      ],\n      reverse: true,\n      coverImg: cover2,\n      coverWebp: webpCover2,\n      hoverImg: hover2,\n      hoverWebp: webpHover2,\n      key: 'one_tap_to',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S3Title'),\n      description: [\n        t('TransnoWeb_Home_S2S3Des1'),\n        t('TransnoWeb_Home_S2S3Des2'),\n      ],\n      coverImg: cover3,\n      coverWebp: webpCover3,\n      hoverImg: hover3,\n      hoverWebp: webpHover3,\n      key: 'cloud_colla',\n    },\n  ];\n\n  function handleMouseEnter(key: string) {\n    Tea('web_hover_feat_gif', {\n      feature_name: key,\n    });\n  }\n\n  return (\n    <div styleName=\"detail\">\n      <h2>{t('TransnoWeb_Home_S2Title')}</h2>\n      {datas.map((item) => (\n        <div\n          styleName={classnames('intro-wrap', { reverse: item.reverse })}\n          key={item.key}>\n          <div styleName=\"text-wrap\">\n            <h3>{item.title}</h3>\n            {item.description.map((des, index) => (\n              <p key={index}>{des}</p>\n            ))}\n          </div>\n          <figure styleName=\"img-wrap\">\n            <CoverImage\n              lazyHeight={320}\n              coverImg={item.coverImg}\n              coverWebp={item.coverWebp}\n              hoverImg={item.hoverImg}\n              hoverWebp={item.hoverWebp}\n              onMouseEnter={() => handleMouseEnter(item.key)}\n            />\n          </figure>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport default DetailIntro;\n","/**\n * 首页 Simple and clear structured record 模块\n */\nimport DetailIntro from './DetailIntro';\n\nexport default DetailIntro;\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport Container from '$components/Container';\nimport Footer from '$components/Footer';\nimport Header from '$components/Header';\nimport BriefIntro from '$containers/Home/components/BriefIntro';\nimport DetailIntro from '$containers/Home/components/DetailIntro';\nimport TryItNow from '$containers/Home/components/TryItNow';\nimport useTranslate from '$translate';\n\nimport SignUpSection from './components/SignUpSection';\n\nimport './style.less';\n\nfunction Home(): React.ReactElement {\n  const t = useTranslate();\n  return (\n    <div styleName=\"home\">\n      <Helmet>\n        <title>{t('TransnoWeb_Meta_HomeTitle')}</title>\n      </Helmet>\n      <Header />\n\n      <section>\n        <Container>\n          <BriefIntro />\n        </Container>\n      </section>\n\n      <div styleName=\"white-bg\">\n        <Container>\n          <DetailIntro />\n          {false && <TryItNow />}\n          {false && <SignUpSection />}\n        </Container>\n      </div>\n\n      <Footer />\n    </div>\n  );\n}\n\nexport default Home;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detail\":\"style__detail___flgSyC14\",\"intro-wrap\":\"style__intro-wrap___38UvNHIg\",\"text-wrap\":\"style__text-wrap___27VoZZE7\",\"img-wrap\":\"style__img-wrap___kNg3ADiT\",\"reverse\":\"style__reverse___2FjQpES1\"};","module.exports = __webpack_public_path__ + \"bdcf81d695f5c6f35f93abddbf544dd9.gif\";","module.exports = __webpack_public_path__ + \"795f7ec3131b8f8952758c31ea13eed0.webp\";","module.exports = __webpack_public_path__ + \"0abe4a30e4d7da935dc8bdcb894185cb.png\";","module.exports = __webpack_public_path__ + \"02ce265cdb06a87fd57f7c3da7a5bf20.gif\";","module.exports = __webpack_public_path__ + \"32dda727cdcafcf9d8c8ad55bb5f08d3.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"brief-title\":\"style__brief-title___3bE5Kc3U\",\"main-title\":\"style__main-title___2o7WFxsI\",\"side-title\":\"style__side-title___1Jd7OEKc\"};","module.exports = __webpack_public_path__ + \"3c13b60ac97bf92d6e903fb22a69e6ef.gif\";","module.exports = __webpack_public_path__ + \"c684fc0aaee5d48c21415ddcf35bb126.webp\";","module.exports = __webpack_public_path__ + \"070141d8acac57d4194d2121c5a77788.webp\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"img-wrap\":\"style__img-wrap___FfcQJd_X\",\"editor-img\":\"style__editor-img___16LBMcew\",\"outline-img\":\"style__outline-img___1lTkdIg8\",\"show\":\"style__show___1U8WfLOM\",\"mindmap-btn\":\"style__mindmap-btn___1UQYqbzT\",\"outline-icon\":\"style__outline-icon___EL5bO3V0\",\"mindmap-icon\":\"style__mindmap-icon___XSMWpeI9\",\"breathe-effect\":\"style__breathe-effect___opwQkwhw\",\"breathe\":\"style__breathe___2uAzrxjy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer\":\"style__footer___KwjIL-J_\",\"info-wrap\":\"style__info-wrap___1tgiu6uX\",\"info-block\":\"style__info-block___BkQX5lyh\",\"title\":\"style__title___2VFbWY3M\",\"link\":\"style__link___2CYOYnRU\"};","module.exports = __webpack_public_path__ + \"19fb70feab92486d30c51f25d01870f2.webp\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detail\":\"style__detail___yxyq0QNG\",\"intro-wrap\":\"style__intro-wrap___3g7ROuDh\",\"text-wrap\":\"style__text-wrap___3iFLgSjn\",\"img-wrap\":\"style__img-wrap___2fNOXriW\"};","module.exports = __webpack_public_path__ + \"c7c6617e1e18a59220ba4fcae1be8f2f.webp\";","module.exports = __webpack_public_path__ + \"4b00c5dbf3fcb12d8164a0867f46710c.gif\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sign-up\":\"style__sign-up___evm6pUyg\",\"des\":\"style__des___345MeFgT\",\"btn-group\":\"style__btn-group___39efzhhU\",\"btn-wrap\":\"style__btn-wrap___nXTqA13q\",\"icon\":\"style__icon___O1e8klhp\",\"go-sign-up\":\"style__go-sign-up___sUj4RHXH\"};","import React from 'react';\n\nimport Log from '$helpers/log';\nimport Link from '$components/Link';\nimport { Path } from '$constants/page';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\ninterface Link {\n  label: string;\n  href: string;\n  target: string;\n  onClick?: () => void;\n  useHash?: boolean;\n}\n\ninterface Infos {\n  title: string;\n  links: Link[];\n}\n\nfunction Footer() {\n  const t = useTranslate();\n  const infos: Infos[] = [\n    {\n      title: t('TransnoWeb_Footer_Product'),\n      links: [\n        {\n          label: t('TransnoWeb_Footer_ProductHome'),\n          href: Path.Home,\n          target: '_self',\n          onClick: () => {\n            window.scrollTo(0, 0);\n          },\n        },\n        {\n          label: t('TransnoWeb_Footer_ProductDownload'),\n          href: Path.MobileDownLoad,\n          useHash: true,\n          target: '_self',\n        },\n      ],\n    },\n    {\n      title: t('TransnoWeb_Footer_Company'),\n      links: [\n        {\n          label: t('TransnoWeb_Footer_CompanyTermsOfService'),\n          href: Path.Terms,\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_PrivacyPolicy'),\n          href: Path.PrivacyPolicy,\n          target: '_blank',\n        },\n      ],\n    },\n    {\n      title: t('TransnoWeb_Footer_Contact'),\n      links: [\n        {\n          label: t('TransnoWeb_Footer_ContactGmail'),\n          href: 'mailto:transnohelp@gmail.com',\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_ContactTelegram'),\n          href: 'https://t.me/transnousergroup',\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_ContactTwitter'),\n          href: 'https://twitter.com/TransnoApp',\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_ContactFacebook'),\n          href: 'https://www.facebook.com/Transno-102100077860320/',\n          target: '_blank',\n        },\n      ],\n    },\n  ];\n  function onNavClick(label: string) {\n    Log({\n      eventCategory: 'footer_nav',\n      eventAction: 'click',\n      eventLabel: label,\n      transport: 'beacon',\n    });\n  }\n\n  return (\n    <footer styleName=\"footer\">\n      <div styleName=\"info-wrap\">\n        {infos.map((item) => (\n          <div styleName=\"info-block\" key={item.title}>\n            <p styleName=\"title\">{item.title}</p>\n            {item.links &&\n              item.links.map((linkItem) => (\n                <Link\n                  useHash={linkItem.useHash}\n                  onClick={() => {\n                    onNavClick(linkItem.label);\n                    linkItem.onClick && linkItem.onClick();\n                  }}\n                  target={linkItem.target}\n                  styleName=\"link\"\n                  key={linkItem.label}\n                  to={linkItem.href}>\n                  {linkItem.label}\n                </Link>\n              ))}\n          </div>\n        ))}\n      </div>\n    </footer>\n  );\n}\n\nexport default Footer;\n","import Footer from './Footer';\n\nexport default Footer;\n","import React, { useState, useEffect } from 'react';\nimport LazyLoad from 'react-lazyload';\nimport classnames from 'classnames';\nimport Button from '$mubu-ui/Button';\nimport { StorageKey } from '$constants';\nimport Log from '$helpers/log';\nimport briefIntroOutline from '$img/brief_intro_outline.png';\nimport briefIntroMindmap from '$img/brief_intro_mindmap.png';\n\nimport './style.less';\n\nfunction MindMapIntro(): React.ReactElement {\n  const [breathe, setBreathe] = useState(false);\n  const [showOutline, setShowOutline] = useState(true);\n  const [timerId, setTimerId] = useState<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n  /**\n   * 判断要不要呼吸\n   */\n  useEffect(() => {\n    const showedBreatheStr = localStorage.getItem(StorageKey.SHOWED_BREATHE);\n    if (!showedBreatheStr) {\n      setBreathe(true);\n    }\n  }, []);\n\n  /**\n   * 大纲视图和 mindmap 视图的轮播\n   */\n  useEffect(() => {\n    startChangeTimer();\n    return clearChangeTimer;\n  }, [showOutline]);\n\n  /**\n   * 开始变换图片的倒计时\n   */\n  function startChangeTimer() {\n    const currentTimer = setTimeout(() => {\n      setShowOutline(!showOutline);\n    }, 5000);\n    setTimerId(currentTimer);\n  }\n\n  /**\n   * 关闭变换图片的倒计时\n   */\n  function clearChangeTimer() {\n    if (timerId) {\n      clearTimeout(timerId);\n    }\n  }\n\n  function changeImg() {\n    Log({\n      eventCategory: 'home_brief',\n      eventAction: 'click',\n      eventLabel: 'change img',\n    });\n\n    // 点击过以后, 就不会呼吸了\n    if (breathe) {\n      localStorage.setItem(StorageKey.SHOWED_BREATHE, 'yes');\n      setBreathe(false);\n    }\n\n    setShowOutline(!showOutline);\n  }\n\n  return (\n    <div styleName=\"img-wrap\">\n      <LazyLoad height={230}>\n        {/* 将鼠标事件写在每个图片是为了避免 button 的影响 */}\n        <img\n          onMouseEnter={clearChangeTimer}\n          onMouseLeave={startChangeTimer}\n          src={briefIntroMindmap}\n          styleName={classnames('editor-img', {\n            show: !showOutline,\n          })}\n        />\n        <img\n          onMouseEnter={clearChangeTimer}\n          onMouseLeave={startChangeTimer}\n          src={briefIntroOutline}\n          styleName={classnames('editor-img', 'outline-img', {\n            show: showOutline,\n          })}\n        />\n      </LazyLoad>\n      <div styleName=\"mindmap-btn\">\n        <Button\n          shape=\"circle\"\n          size=\"small\"\n          styleName={classnames({\n            'breathe-effect': breathe,\n            'outline-icon': !showOutline,\n            'mindmap-icon': showOutline,\n          })}\n          onClick={changeImg}>\n          <span>click</span>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport default MindMapIntro;\n","import MindMapIntro from './MindMapIntro';\n\nexport default MindMapIntro;\n","import React from 'react';\nimport MindMapBrief from '../MindMapIntro';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction BriefIntro(): React.ReactElement {\n  const t = useTranslate();\n  return (\n    <div>\n      <div styleName=\"brief-title\">\n        <h2 styleName=\"main-title\">{t('TransnoWeb_Home_S1Title')}</h2>\n        <h3 styleName=\"side-title\">{t('TransnoWeb_Home_S1Des')}</h3>\n      </div>\n      <MindMapBrief />\n    </div>\n  );\n}\n\nexport default BriefIntro;\n","import BriefIntro from './BriefIntro';\n\nexport default BriefIntro;\n","import React from 'react';\n\nimport CoverImage from '$commons/components/CoverImage';\nimport cover1 from '$img/detail_intro_cover1.gif';\nimport webpCover1 from '$img/detail_intro_cover1.webp';\nimport cover2 from '$img/detail_intro_cover2.gif';\nimport webpCover2 from '$img/detail_intro_cover2.webp';\nimport cover3 from '$img/detail_intro_cover3.gif';\nimport webpCover3 from '$img/detail_intro_cover3.webp';\nimport hover1 from '$img/detail_intro_hover1.gif';\nimport webpHover1 from '$img/detail_intro_hover1.webp';\nimport hover2 from '$img/detail_intro_hover2.gif';\nimport webpHover2 from '$img/detail_intro_hover2.webp';\nimport hover3 from '$img/detail_intro_hover3.gif';\nimport webpHover3 from '$img/detail_intro_hover3.webp';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction DetailIntro() {\n  const t = useTranslate();\n\n  const datas = [\n    {\n      title: t('TransnoWeb_Home_S2S1Title'),\n      description: [\n        t('TransnoWeb_Home_S2S1Des1'),\n        t('TransnoWeb_Home_S2S1Des2'),\n      ],\n      coverImg: cover1,\n      coverWebp: webpCover1,\n      hoverImg: hover1,\n      hoverWebp: webpHover1,\n      key: 'structure_note',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S2Title'),\n      description: [\n        t('TransnoWeb_Home_S2S2Des1'),\n        t('TransnoWeb_Home_S2S2Des2'),\n      ],\n      reverse: true,\n      coverImg: cover2,\n      coverWebp: webpCover2,\n      hoverImg: hover2,\n      hoverWebp: webpHover2,\n      key: 'one_tap_to',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S3Title'),\n      description: [\n        t('TransnoWeb_Home_S2S3Des1'),\n        t('TransnoWeb_Home_S2S3Des2'),\n      ],\n      coverImg: cover3,\n      coverWebp: webpCover3,\n      hoverImg: hover3,\n      hoverWebp: webpHover3,\n      key: 'cloud_colla',\n    },\n  ];\n\n  return (\n    <div styleName=\"detail\">\n      <h2>{t('TransnoWeb_Home_S2Title')}</h2>\n      {datas.map((item) => (\n        <div styleName=\"intro-wrap\" key={item.title}>\n          <div styleName=\"text-wrap\">\n            <h3>{item.title}</h3>\n            {item.description.map((des, index) => (\n              <p key={index}>{des}</p>\n            ))}\n          </div>\n          <figure styleName=\"img-wrap\">\n            <CoverImage\n              lazyHeight={280}\n              coverImg={item.coverImg}\n              coverWebp={item.coverWebp}\n              hoverImg={item.hoverImg}\n              hoverWebp={item.hoverWebp}\n            />\n          </figure>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport default DetailIntro;\n","/**\n * 首页 Simple and clear structured record 模块\n */\nimport DetailIntro from './DetailIntro';\n\nexport default DetailIntro;\n","import React from 'react';\nimport LazyLoad from 'react-lazyload';\n\nimport { TryItNowRefId } from '$constants/page';\nimport Log from '$helpers/log';\nimport mobileImg from '$img/mobile_app.png';\nimport Button from '$mubu-ui/Button';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction TryItNow() {\n  const t = useTranslate();\n  function onAppStoreClick() {\n    Log({\n      eventLabel: 'app store',\n      eventCategory: 'home_try_it',\n      eventAction: 'click',\n    });\n  }\n\n  function onGooglePlayClick() {\n    Log({\n      eventLabel: 'google play',\n      eventCategory: 'home_try_it',\n      eventAction: 'click',\n    });\n  }\n\n  return (\n    <div styleName=\"try-it\">\n      {/* 用于滚动定位页面 */}\n      <div styleName=\"position-flag\" id={TryItNowRefId} />\n\n      <h2>{t('TransnoWeb_Home_S3Title')}</h2>\n\n      {/* Mobile App */}\n      <div styleName=\"app\">\n        {/* 标题 */}\n        <h3>{t('TransnoWeb_Home_S3MobileApp')}</h3>\n\n        {/* 图片 */}\n        <LazyLoad height={240}>\n          <img styleName=\"app-img mobile-img\" src={mobileImg} />\n        </LazyLoad>\n\n        {/* 按钮组 */}\n        <div styleName=\"btn-group\">\n          {/* 跳转到 App Store */}\n          <Button\n            onClick={onAppStoreClick}\n            styleName=\"btn apple-btn\"\n            theme=\"light\"\n            size=\"large\"\n            target=\"_blank\"\n            to={CLIENT_CONFIG.appStoreUrl}>\n            <img src={require('$img/apple.png')} styleName=\"icon\" />\n            <span>App Store</span>\n          </Button>\n\n          {/* 跳转到 Google Play */}\n          <Button\n            onClick={onGooglePlayClick}\n            styleName=\"btn\"\n            theme=\"light\"\n            size=\"large\"\n            target=\"_blank\"\n            to={CLIENT_CONFIG.googlePlayUrl}>\n            <img src={require('$img/google_play.png')} styleName=\"icon\" />\n            <span>Google Play</span>\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TryItNow;\n","import TryItNow from './TryItNow';\n\nexport default TryItNow;\n","import React, { useContext } from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport AppContext from '$contexts/AppContext';\nimport Footer from '$m_components/Footer';\nimport Header from '$m_components/Header';\nimport BriefIntro from '$m_containers/Home/components/BriefIntro';\nimport DetailIntro from '$m_containers/Home/components/DetailIntro';\nimport TryItNow from '$m_containers/Home/components/TryItNow';\nimport NotFound from '$m_containers/NotFound';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\n// Todo: 新版本幕布h5还没有首页，打开 /mobile/路径会导致访问到transno的官网，因此判断是幕布先用404代替\nfunction Home(): React.ReactElement {\n  const { isMubu } = useContext(AppContext);\n  const t = useTranslate();\n  return isMubu ? (\n    <NotFound />\n  ) : (\n    <div styleName=\"home\">\n      <Helmet>\n        <title>{t('TransnoWeb_Meta_HomeTitle')}</title>\n      </Helmet>\n      <Header />\n      <BriefIntro />\n      <DetailIntro />\n      <TryItNow />\n      <Footer />\n    </div>\n  );\n}\n\nexport default Home;\n","module.exports = __webpack_public_path__ + \"95cd795869fa35d356c4fb853356fbf1.gif\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"home\":\"style__home___2v9n2z5q\",\"white-bg\":\"style__white-bg___2UF25hgg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"try-it\":\"style__try-it___2-xtU92B\",\"position-flag\":\"style__position-flag___fQR3_NWG\",\"app\":\"style__app___aehrJlnN\",\"app-img\":\"style__app-img___MYI9eUvl\",\"mobile-img\":\"style__mobile-img___1h-9TFV5\",\"sign-up-wrap\":\"style__sign-up-wrap___2vVkA-Iu\",\"sign-up-btn\":\"style__sign-up-btn___1sdGWjV4\",\"btn-group\":\"style__btn-group___31Csdh2D\",\"btn\":\"style__btn___1VJMv_no\",\"apple-btn\":\"style__apple-btn___aOi6DnU6\",\"icon\":\"style__icon___2KCJ5OEo\"};","module.exports = __webpack_public_path__ + \"028dbfd2cc0345fd8cf6c594edb71ac5.gif\";","module.exports = __webpack_public_path__ + \"78147ef02e3a1a8f67a031c6dea7c818.png\";","module.exports = __webpack_public_path__ + \"acb32961286f6595c872b9de385e7aa4.webp\";","module.exports = __webpack_public_path__ + \"9740bb8e92041b056c3e7a0d6e143a71.png\";"],"sourceRoot":""}