{props.center.title}
\n{props.center.subTitle}
\n \n{props.center.action}
\n \n {showImg && src && 
setShowImg(false)} />}\n {(alt || 'U').slice(0, 1)}\n\n {/* 协同时的用户颜色 */}\n {color && (\n e.stopPropagation()}\n href={Path.AboutPro}\n rel=\"noopener noreferrer\"\n target=\"_blank\">\n
\n );\n}\n\nexport default memo(Avatar);\n","import Avatar from './Avatar';\n\nexport default Avatar;\n","module.exports = __webpack_public_path__ + \"5895bdccfa33bc46c0e9e40771486807.png\";","module.exports = __webpack_public_path__ + \"75e890d97a9ccfc614dfe862f8a07b17.png\";","import React from 'react';\nimport classnames from 'classnames';\n\nimport './style.less';\n\ninterface WrapProps {\n inModal: boolean;\n children: React.ReactNode;\n}\n\nFormWrap.defaultProps = {\n inModal: true,\n};\n\nfunction FormWrap({ inModal, children }: WrapProps) {\n return (\n \n {children}\n
\n );\n}\n\nexport default FormWrap;\n","/**\n * 登录注册弹窗里面的容器\n * 垂直居中\n */\nimport FormWrap from './FormWrap';\n\nexport default FormWrap;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"avatar\":\"style__avatar___2PKzKsBu\",\"badge\":\"style__badge___3Qb-uka9\",\"badge-color\":\"style__badge-color___3SGIKnrR\",\"badge-vip\":\"style__badge-vip___uhxgq92G\",\"vip-icon\":\"style__vip-icon___Zop7lJZs\",\"small\":\"style__small___H6pWCOq7\",\"middle\":\"style__middle___JRhkWum5\",\"large\":\"style__large___2OyQV_77\",\"xl\":\"style__xl___1mhPWVUi\"};","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { UploadProgress } from 'electron';\nimport { v4 as uuid } from 'uuid';\n\nimport { FetchOptions } from '$interfaces/fetch';\n\nimport { IPCResponse } from './types';\n\nasync function ipcRequest- \n {list.map((item) => (\n
- \n
{item.title}
\n {item.subItems.map((subItem) => (\n\n {subItem.name}\n
\n ))}\n \n ))}\n - \n
联系我们
\n\n \n
\n\n \n 关注微信
\n免费领取高级版
\n\n \n }>\n
\n \n \n
\n ©2017-2020 幕布\n \n 京公网安备 11010802027551号\n \n 京ICP备17006105号-1\n 北京坤豆科技有限公司\n
\n {/* 蒙层 */}\n \n
\n \n );\n\n return available &&\n modalRoot &&\n (visible || hiding || (prevProps && prevProps.visible))\n ? createPortal(modal, modalRoot)\n : null;\n}\n\nexport default memo(Modal);\n","import Modal from './Modal';\n\nexport * from './Modal';\nexport default Modal;\n","module.exports = __webpack_public_path__ + \"c9838b3752522e3c549b294eb4ecdd89.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"package-card\":\"style__package-card___14mZR96D\",\"buy-time\":\"style__buy-time___1u-5L9_x\",\"price\":\"style__price___bt2kt0sy\",\"unit\":\"style__unit___1krz2t-l\",\"original-price\":\"style__original-price___3j1PBLQo\",\"present-time\":\"style__present-time___RgUiYv2f\",\"save-money\":\"style__save-money___1XZun3UP\",\"active\":\"style__active___1I4161Wm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"package-card\":\"style__package-card___2oj3jqLQ\",\"buy-time\":\"style__buy-time___3HAq5VCu\",\"price\":\"style__price___3PWGAiOy\",\"unit\":\"style__unit___nDqCGSxr\",\"original-price\":\"style__original-price___WT4NrUL0\",\"present-time\":\"style__present-time___W8KePkJy\",\"save-money\":\"style__save-money___1HNTxA8X\",\"active\":\"style__active___3rgGDJ89\"};","import React from 'react';\n\nimport { Locale } from '$interfaces';\n\n// import { initialState } from '$commons/reducers';\nconst initialLocale: Locale = {\n language: '',\n country: '',\n languageCode: '',\n};\n\nexport default React.createContext(initialLocale);\n","import loadable from '@loadable/component';\n\nconst ResetEncry = loadable(() => import('./ResetEncry'));\n\nexport default ResetEncry;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"about-pro\":\"style__about-pro___3b8hDtnY\"};","import { useContext } from 'react';\nimport LocaleContext from '$contexts/LocaleContext';\n\nfunction useLocale() {\n const locale = useContext(LocaleContext);\n\n return locale;\n}\n\nexport default useLocale;\n","import loadable from '@loadable/component';\n\nconst SchoolSeasonActivities = loadable(() =>\n import('./SchoolSeasonActivities')\n);\n\nexport default SchoolSeasonActivities;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"separator\":\"style__separator___3RcSea0A\"};","import loadable from '@loadable/component';\n\nconst SignIn = loadable(() => import('./SignIn'));\n\nexport default SignIn;\n","import dayjs from 'dayjs';\nimport 'dayjs/locale/en';\nimport 'dayjs/locale/zh-cn';\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat';\nimport { useCallback } from 'react';\n\nimport useLocale from '$hooks/useLocale';\n\nconst languageMap = {\n 'zh-CN': 'zh-cn',\n 'en-US': 'en',\n};\n\nconst defaultLanguage = 'en-US';\n\ndayjs.extend(LocalizedFormat);\n\nfunction useDayjs() {\n const locale = useLocale();\n const language = languageMap[locale.language] || languageMap[defaultLanguage];\n\n return useCallback(\n (date?: string | number | Date | dayjs.Dayjs | undefined) => {\n return dayjs(date).locale(language);\n },\n [language]\n );\n}\n\nexport default useDayjs;\n","import { pathToRegexp } from 'path-to-regexp';\nimport React, { memo, useContext } from 'react';\nimport { RouteConfig } from 'react-router-config';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { HashLink } from 'react-router-hash-link';\n\nimport AppContext from '$contexts/AppContext';\nimport LocaleContext from '$contexts/LocaleContext';\nimport desktopRoutes from '$routes/desktop';\nimport mobileRoutes from '$routes/mobile';\nimport urlUtils from '$utils/url';\n\nexport interface LinkProps {\n useHash?: boolean;\n to: string;\n children: React.ReactNode;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n [key: string]: any;\n}\n\nfunction Link(props: LinkProps) {\n const { useHash, to, children, ...resProps } = props;\n const { isApp } = useContext(AppContext);\n const locale = useContext(LocaleContext);\n\n // 判断是否是内部路由\n // FIXME:\n // 幕布全部使用a标签，等迁移完后再改回Link\n if (isPathInSpa(to, isApp) && locale.language !== 'zh-CN') {\n if (useHash) {\n return (\n \n \n {header && onClose()}\n />\n )}\n
\n\n {header}
}\n {closeable && (\n \n {children}\n
\n \n {logo}\n
\n );\n}\n\nexport default memo(Logo);\n","import Logo from './Logo';\n\nexport default Logo;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"logo-wrap\":\"style__logo-wrap___3Zgdwhx4\",\"logo\":\"style__logo___2te14K1t\"};","module.exports = __webpack_public_path__ + \"b5c054c40e683ae8ede06850105ad08f.png\";","module.exports = __webpack_public_path__ + \"1875ea32f240f49dcb43f517a790f409.png\";","module.exports = __webpack_public_path__ + \"92cb973f8245e5079c0092340b877a76.png\";","module.exports = __webpack_public_path__ + \"258256f20fe19b0213298acb4eca2e34.png\";","module.exports = __webpack_public_path__ + \"251fab0224db047e79922983019210fc.png\";","import loadable from '@loadable/component';\n\nconst Pro = loadable(() => import('./Pro'));\n\nexport default Pro;\n","module.exports = __webpack_public_path__ + \"a0093b67550607658ed8d6c7e4d80cc9.png\";","import loadable from '@loadable/component';\n\nconst Client = loadable(() => import('./Client'));\n\nexport default Client;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pro-wrap\":\"style__pro-wrap___2e4CG0IH\",\"header\":\"style__header___k6EqEIz_\",\"avatar-wrap\":\"style__avatar-wrap___1WYVu9Jz\",\"avatar\":\"style__avatar___GZTJioDq\",\"circle\":\"style__circle___R0V-luBq\",\"infos-wrap\":\"style__infos-wrap___2YstQLmi\",\"username-wrap\":\"style__username-wrap___1g_AIc5H\",\"user-id-wrap\":\"style__user-id-wrap___1GEH8lqc\",\"account-type-wrap\":\"style__account-type-wrap___1eyIMD71\",\"account-type\":\"style__account-type___1HqvM2t6\",\"pro\":\"style__pro___1zfvQyb5\",\"expiration-time-wrap\":\"style__expiration-time-wrap___24htxMxr\",\"expiration-time\":\"style__expiration-time___WcZ_a-J0\",\"upgrade-wrap\":\"style__upgrade-wrap___2Vf7pq9-\",\"upgrade-title\":\"style__upgrade-title___ip3DbjC4\",\"items-wrap\":\"style__items-wrap___21wSSKmf\",\"upgrade-item\":\"style__upgrade-item___3poAO4pT\",\"icon\":\"style__icon___rwmVfd1P\",\"text\":\"style__text___1-2--lRK\",\"title\":\"style__title___2NAJWouA\",\"tip\":\"style__tip___Cq9bfhWp\",\"button\":\"style__button___BxFRY_9J\",\"done\":\"style__done___3UwbiyVY\",\"disable\":\"style__disable___10kWjS5j\",\"enter-code-wrap\":\"style__enter-code-wrap___2hVBLTO9\",\"enter-code\":\"style__enter-code___1pOW65c4\",\"introduce-wrap\":\"style__introduce-wrap___3e3YQS3I\",\"sub-title\":\"style__sub-title___a_oJo-JM\",\"lists-wrap\":\"style__lists-wrap___TP7GW1aN\",\"list-item\":\"style__list-item___3cwZzxSk\",\"list-item-icon\":\"style__list-item-icon___3aW8sWKN\",\"list-item-title\":\"style__list-item-title___3VMts1kK\",\"list-item-desc\":\"style__list-item-desc___3RXtVXe5\"};","module.exports = __webpack_public_path__ + \"b988d35ef19c03c030241509d9733c67.png\";","module.exports = __webpack_public_path__ + \"0a973ede8a99a7d6ca2d23850440c281.png\";","module.exports = __webpack_public_path__ + \"b72a7eef4a4c500417112355342b1b36.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pro-eatures-intro\":\"style__pro-eatures-intro___1i-O9AUy\",\"item\":\"style__item___2bMF-9Gh\",\"left\":\"style__left___31NEAFst\",\"right\":\"style__right___1pgQhe7Q\"};","import loadable from '@loadable/component';\n\nconst SchoolSeasonActivities = loadable(() =>\n import('./SchoolSeasonActivities')\n);\n\nexport default SchoolSeasonActivities;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"functionality-panel\":\"style__functionality-panel___1GJg1tAL\",\"action\":\"style__action___2W1YDXLE\",\"line\":\"style__line___tpM0b0LQ\",\"line-text-wrap\":\"style__line-text-wrap___2ITDtdyM\",\"text\":\"style__text___oIn50hmf\",\"pro\":\"style__pro___pz7C9kc2\"};","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"web-help-20\"), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h20v20H0z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.02 15.44a1.5 1.5 0 01-1.5-1.5l.07-4.64c0-.83.68-1.5 1.5-1.5h1.38l.92-2.34a2 2 0 011.56-.97h.54c.96 0 1.74.77 1.74 1.73V7.8h2.86a1 1 0 011 .89v.11a1 1 0 01-.02.2l-1.72 5.64a1 1 0 01-.98.8zm4.47-9.95h-.38a1 1 0 00-.86.48L8.3 8.44l-.03 2.33-.03 3.67h5.13L15.1 8.8h-3.36a.5.5 0 01-.5-.5V6.22c0-.4-.33-.73-.74-.73zM7.3 8.8H6.1a.5.5 0 00-.49.41v.1l-.08 4.63c0 .28.22.5.5.5h1.2l.04-2.82.04-2.82z\",\n fill: \"#FFF\"\n}))));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"73\",\n height: \"22\",\n viewBox: \"0 0 73 22\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"\\u5E55\\u5E03logo\"), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#16181A\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.14 16.16h-4.92v4.54c0 .07-.06.13-.13.13h-.78a.13.13 0 01-.13-.13v-4.54h-4.4v4.02c0 .07-.07.13-.14.13h-.77a.13.13 0 01-.13-.13v-4.83c-1.05.62-2.18 1.1-3.38 1.42l-.1.02-.26-1a12.16 12.16 0 005.13-2.74h-3.86a.13.13 0 01-.13-.13v-.77c0-.08.06-.13.13-.13h4.88c.36-.41.7-.84 1-1.3h-4.32a.13.13 0 01-.13-.13V5.15c0-.07.06-.13.13-.13h2.46v-1.3h-4.02a.13.13 0 01-.13-.13v-.78c0-.07.06-.13.13-.13h4.02V1.26c0-.07.06-.13.13-.13h.78c.07 0 .13.06.13.13v1.42h6.74V1.26c0-.07.05-.13.13-.13h.77c.08 0 .13.06.13.13v1.42h4.02c.07 0 .13.06.13.13v.78c0 .07-.06.13-.13.13H46.1v1.3h2.47c.07 0 .13.06.13.13v5.44c0 .07-.06.13-.13.13h-8.2c-.27.45-.56.88-.88 1.3h10.63c.07 0 .13.05.13.13v.77c0 .07-.06.13-.13.13h-3.57a12.23 12.23 0 005.13 2.74l-.26 1-.13-.03c-1.09-.29-2.13-.72-3.11-1.27v1.71c0 1.7-1.37 3.08-3.06 3.11h-.05v-1.04c1.13 0 2.05-.9 2.07-2.03v-1.08zm-2.07-3.1h-2.85v2.07h5.36l-.12-.07a13.28 13.28 0 01-2.39-2zm-3.9 0h-2.56c-.75.78-1.59 1.48-2.5 2.07h5.07v-2.08zm6.49-4.67H35.73v1.3h11.93v-1.3zm0-2.34H35.74v1.3h11.92v-1.3zm-2.6-2.33h-6.73v1.3h6.74v-1.3zM70.47 10.46h-5.19V20.7c0 .07-.05.13-.13.13h-.77a.13.13 0 01-.13-.13V10.46h-5.19v8.17c0 .07-.05.13-.13.13h-.77a.13.13 0 01-.13-.13V9.7a15.81 15.81 0 01-4.1 2.58l-.14.06-.4-.96a14.83 14.83 0 007.28-6.62h-5.62a.13.13 0 01-.13-.13v-.78c0-.07.05-.13.13-.13h6.13c.35-.8.64-1.64.85-2.5l.03-.14 1 .23c-.18.83-.44 1.64-.75 2.41h10.1c.07 0 .13.06.13.13v.78c0 .07-.06.13-.13.13H61.84a15.87 15.87 0 01-3.5 4.67h5.9V6.43c0-.07.07-.13.14-.13h.77c.08 0 .13.06.13.13v2.98h6.1c.07 0 .13.06.13.13v6.35h-.02a3.11 3.11 0 01-3.04 2.85h-.06v-1.03c1.14 0 2.06-.9 2.08-2.03v-5.23z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.14.3a2.82 2.82 0 012.8 2.47c.09.61-.03 1.24-.35 1.8h0l-.67 1.05A8.91 8.91 0 003.3 10.9a9.2 9.2 0 001.65 5.5l.22.35.34.52a2.85 2.85 0 01-2.36 4.42 2.82 2.82 0 01-2.82-2.47c-.08-.61.04-1.24.36-1.8h0l.64-1a8.93 8.93 0 001.66-5.24c0-2.8-.78-4.23-1.65-5.6l-.22-.34-.34-.53A2.85 2.85 0 013.14.3zm16.72 0a2.82 2.82 0 012.82 2.47c.08.61-.04 1.24-.36 1.8h0l-.67 1.05a8.91 8.91 0 00-1.63 5.29 9.07 9.07 0 001.61 5.44l.6.93a2.85 2.85 0 01-2.37 4.42 2.82 2.82 0 01-2.8-2.47c-.09-.61.03-1.24.35-1.8h0l.64-1a8.93 8.93 0 001.65-5.24c0-3.03-.9-4.46-1.86-5.94l-.34-.53A2.85 2.85 0 0119.86.3zM11.5 8.16A2.82 2.82 0 0114.34 11a2.84 2.84 0 11-2.84-2.84z\",\n stroke: \"#16181A\",\n strokeWidth: \".6\"\n}))));","import React from 'react';\n\nimport Logo from '../../assets/logo.svg';\nimport './style.less';\n\nfunction Header(): React.ReactElement {\n return (\n\n \n
\n \n \n );\n}\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.77 2a2.5 2.5 0 11-2.38 3.25H9.75v6h6.63a2.5 2.5 0 012.23-1.75h.16a2.5 2.5 0 11-2.38 3.26H9.75v5.99h6.64a2.5 2.5 0 110 1.5H9.5c-.65 0-1.18-.5-1.24-1.12L8.25 19v-6.24h-1.1a2.5 2.5 0 01-2.22 1.74h-.16a2.5 2.5 0 112.39-3.24h1.09V5c0-.65.5-1.18 1.12-1.24l.13-.01h6.89A2.5 2.5 0 0118.77 2zm0 16.5a1 1 0 100 2 1 1 0 000-2zm-14-7.5a1 1 0 100 2 1 1 0 000-2zm14 0a1 1 0 100 2 1 1 0 000-2zm0-7.5a1 1 0 100 2 1 1 0 000-2z\",\n fill: \"#47494B\",\n fillRule: \"nonzero\"\n})));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\"\n}, props), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#47494B\",\n fillRule: \"nonzero\",\n d: \"M15.23 2.25c.3 0 .6.11.83.31l.09.1 3.52 3.8c.18.2.3.46.32.72l.01.14V19.5c0 1.19-.93 2.17-2.1 2.25H5.75a2.25 2.25 0 01-2.25-2.1V4.5c0-1.19.93-2.17 2.1-2.25h9.63zm-.71 1.5H5.75c-.38 0-.7.28-.74.65L5 4.5v15c0 .38.28.7.65.74l.1.01h12c.38 0 .7-.28.74-.65l.01-.1V8.78h-3.03a.95.95 0 01-.94-.84l-.01-.1V3.74zm-.32 11.37a.75.75 0 010 1.5h-6a.75.75 0 010-1.5h6zm0-3.23a.75.75 0 010 1.5h-6a.75.75 0 110-1.5h6zm-2-3.27a.75.75 0 010 1.5h-4a.75.75 0 010-1.5h4zm3.82-3.9v2.56h2.36l-2.36-2.56z\"\n}))));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21 14.75c.38 0 .7.28.74.65l.01.1V19c0 .65-.5 1.18-1.12 1.24l-.13.01h-17c-.65 0-1.18-.5-1.24-1.12L2.25 19v-3.5a.75.75 0 011.5-.1v3.35h16.5V15.5c0-.38.28-.7.65-.74l.1-.01zm-9.04-11.2c.41 0 .75.34.75.75v9.92l2.25-1.89a.75.75 0 01.96 1.15l-3.44 2.9a.75.75 0 01-.52.17.74.74 0 01-.48-.17.75.75 0 01-.2-.12l-3.45-2.9a.75.75 0 01.96-1.15l2.42 2.03V4.3c0-.41.34-.75.75-.75z\",\n fill: \"#47494B\",\n fillRule: \"evenodd\"\n})));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.9 1.25c4.3 0 7.82 3.43 7.95 7.7v.25h.22c.75 0 1.35.6 1.35 1.35v3.6c0 .75-.6 1.35-1.35 1.35h-.27a7.95 7.95 0 01-7.76 7.05c-.1.02-.22.03-.33.03H9.86c-.75 0-1.35-.6-1.35-1.35v-1.3c0-.75.6-1.35 1.35-1.35h2.3c.74 0 1.35.6 1.35 1.35V20.85a6.46 6.46 0 004.84-6.02V9.2a6.45 6.45 0 00-12.9-.23V14.6c0 .1-.02.2-.06.3v.02a.9.9 0 01-.85.58H3.8c-.74 0-1.35-.6-1.35-1.35v-3.6c0-.75.6-1.35 1.35-1.35h.16a7.95 7.95 0 017.95-7.95z\",\n fill: \"#41464A\",\n fillRule: \"nonzero\"\n})));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\"\n}, props), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.88 1.35l.13.05 8.23 3.84c.11.05.2.12.27.2.26.22.42.55.42.91v10.63c0 .47-.27.89-.7 1.08l-9 4.1c-.33.15-.72.14-1.05-.04l-8.31-4.48c-.38-.2-.62-.6-.62-1.04V6.32c0-.18.04-.36.12-.52l.06-.11c.12-.18.28-.33.46-.42l.08-.04 9.08-3.85c.27-.1.56-.12.83-.03zm7.55 5.49l-7.93 3.54v10l7.93-3.6V6.84zm-16.68 0v9.57L11 20.3v-9.93L3.75 6.83zm8.76-4.02L5.25 5.9l6.5 3.18 7.24-3.24-6.48-3.02z\",\n fill: \"#47494B\",\n fillRule: \"nonzero\"\n}))));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\"\n}, props), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#47494B\",\n fillRule: \"nonzero\",\n d: \"M20.49 5.38a.75.75 0 010 1.5h-1.2v13.53c0 .65-.5 1.18-1.12 1.24H5.54c-.64 0-1.18-.48-1.24-1.11V6.88H2.98a.75.75 0 110-1.5h17.5zm-2.7 1.5h-12v13.28h12V6.88zm-7.98 3.81c.42 0 .75.34.75.75v5a.75.75 0 11-1.5 0v-5c0-.41.34-.75.75-.75zm4.04 0c.41 0 .75.34.75.75v5a.75.75 0 11-1.5 0v-5c0-.41.33-.75.75-.75zm3.1-8.33a.75.75 0 010 1.5H6.45a.75.75 0 010-1.5h10.5z\"\n}))));","import ProFeaturesIntro from './ProFeaturesIntro';\n\nexport default ProFeaturesIntro;\n","import React, { useMemo } from 'react';\n\nimport useTranslate from '$translate';\n\nimport MindmapIcon from '../../assets/mindmap.svg';\nimport OpmlIcon from '../../assets/opml.svg';\nimport RestoreIcon from '../../assets/restore.svg';\nimport ServiceIcon from '../../assets/service.svg';\nimport SpaceIcon from '../../assets/space.svg';\nimport TrashIcon from '../../assets/trash.svg';\nimport './style.less';\n\nexport default function ProFeaturesIntro() {\n const t = useTranslate();\n const features = useMemo(() => {\n return [\n {\n icon: {props.lineText}
\n\n \n
\n 会员特权
\n\n
\n ))}\n {feat.icon}
\n \n {feat.title}
\n{feat.subTitle}
\n \n\n
\n \n {user.login\n ? t('TransnoWeb_Pro_PurchaseRightNow')\n : t('TransnoWeb_Pro_RegisteFree')}\n \n
\n ),\n },\n lineText: '会员特权',\n type: UserLevel.Pro,\n functions: [\n {\n name: t('TransnoWeb_Pro_NotLimitNodeCount'),\n },\n {\n name: t('TransnoWeb_Pro_SupportAll'),\n },\n {\n name: t('TransnoWeb_Pro_TrashRemainForever'),\n },\n {\n name: t('TransnoWeb_Pro_SupportOffline'),\n },\n {\n name: t('TransnoWeb_Pro_ExportOpml'),\n },\n ],\n },\n ];\n }, [\n t,\n handleProButtonClick,\n props.onCodeModalOpen,\n handleBasicButtonClick,\n user.login,\n ]);\n\n const tabList = useMemo(\n () => [\n {\n text: '免费版',\n type: UserLevel.Basic,\n },\n {\n text: '高级版',\n type: UserLevel.Pro,\n },\n ],\n []\n );\n\n const panel = useMemo(() => {\n const target = comparationData.find((item) => item.type === accountType);\n if (!target) return null;\n return \n {user.login ? (\n \n {t('TransnoWeb_Pro_UseUpgradeCode')}\n \n ) : (\n 新用户送15天(自动到账)\n )}\n
\n\n
\n \n {tabList.map((item) => (\n setAccountType(item.type)}>\n {item.text}\n
\n ))}\n {panel}
\n \n {accountType === UserLevel.Pro && \n setCodeModalVisible(true)} />\n setCodeModalVisible(false)}\n />\n
\n );\n}\n\nexport default AboutPro;\n","import MubuAboutPro from './MubuAboutPro';\n\nexport default MubuAboutPro;\n","import React, { memo, useContext } from 'react';\n\nimport AppContext from '$contexts/AppContext';\nimport MubuAboutPro from '$m_containers/MubuAboutPro';\n\nfunction AboutPro() {\n const { isMubu } = useContext(AppContext);\n return isMubu ? \n \n {t('TransnoWeb_Pro_UpgradeCode')} \n \n
\n );\n}\n\nexport default ActivateCode;\n","import ActivateCode from './ActivateCode';\n\nexport default ActivateCode;\n","import React, { memo } from 'react';\n\nimport AlipayResultContainer from '$containers/AlipayResult';\n\nfunction MobileAlipayResult() {\n return {t('TransnoWeb_Pro_UpgradeCodeDesc1')}
\n {t('TransnoWeb_Pro_UpgradeCodeDesc2')}
\n \n \n
\n ) : null;\n}\n\nexport default memo(ActivityRules);\n","import ActivityRules from './ActivityRules';\n\nexport default ActivityRules;\n","import React, { memo } from 'react';\n\nimport { useStopBodyScroll } from '$hooks';\n\nimport './style.less';\n\ntype BirthVIPProps = {\n visible: boolean;\n onClose: () => void;\n};\n\nfunction BirthVIP(props: BirthVIPProps) {\n useStopBodyScroll(props.visible);\n\n return props.visible ? (\n \n })
\n
\n \n \n })
\n
\n \n \n
\n ) : null;\n}\n\nexport default memo(BirthVIP);\n","import BirthVIP from './BirthVIP';\n\nexport default BirthVIP;\n","import classnames from 'classnames';\nimport React, { memo, useState } from 'react';\n\nimport Tea from '$helpers/tea';\nimport toast from '$mubu-ui/Toast';\n\nimport './style.less';\n\nconst MIN_STEP_TIME = 80;\nconst MAX_SETP_TIME = 1000;\nlet circleNum = 1;\nlet currentCircle = 1;\nlet prize: undefined | number = undefined;\nconst prizeIndexMap = {\n 1: 1,\n 2: 6,\n 3: 2,\n 4: 5,\n 5: 4,\n 6: 3,\n};\nlet totalStepNum = 1;\nlet currentStep = 0;\n\nfunction LuckyDraw(props: {\n onFinish: (prize: number | undefined) => void;\n checkLogin: () => boolean;\n checkTime: (num: number) => boolean;\n netGetPrize: Function;\n drawNum: number;\n beforeSun: boolean;\n getBirthData: Function;\n isDebug: boolean;\n}) {\n const [activeIndex, setActiveIndex] = useState(0);\n const [circleIng, setCircleIng] = useState(false);\n\n /**\n * 点击开始转\n */\n function startTurn() {\n Tea('web_click_acti_4st_ann', {\n action: 'draw',\n });\n if (!props.checkLogin()) return;\n if (!props.checkTime(1)) return;\n if (circleIng) return;\n if (props.drawNum <= 0) {\n toast.warn('本次活动抽奖次数已耗完~', { single: true });\n return;\n }\n circleNum = Math.random() > 0.5 ? 2 : 3;\n currentCircle = 1;\n prize = undefined;\n currentStep = 0;\n setCircleIng(true);\n stepOneCircle();\n getResult();\n }\n\n /**\n * 转一圈\n */\n function stepOneCircle() {\n for (let i = 1; i <= 6; i++) {\n setTimeout(\n (i: number) => {\n setActiveIndex(i);\n // 一个循环结束了\n if (i === 6) {\n // 转够了, 后端也返回了\n if (currentCircle >= circleNum && prize) {\n calcStepPlan();\n } else {\n // 没转够圈数, 或者后端还没返回, 就继续转一圈\n currentCircle++;\n stepOneCircle();\n }\n }\n },\n MIN_STEP_TIME * i,\n i\n );\n }\n }\n\n /**\n * 计算走路计划\n */\n function calcStepPlan() {\n if (!prize) return;\n const resultIndex = prizeIndexMap[prize];\n\n totalStepNum = resultIndex + 6;\n setTimeout(() => {\n stepToResult(1);\n }, MIN_STEP_TIME);\n }\n\n /**\n * 走到结果\n * @param index 1 ~ 6 走到对应格子\n */\n function stepToResult(index: number) {\n setActiveIndex(index);\n ++currentStep;\n // 跑完了\n if (currentStep === totalStepNum) {\n setTimeout(() => {\n setCircleIng(false);\n\n props.onFinish(prize);\n }, 1000);\n return;\n }\n const nextIndex = index >= 6 ? 1 : index + 1;\n const delay =\n MIN_STEP_TIME + MAX_SETP_TIME * Math.pow(currentStep / totalStepNum, 2);\n setTimeout(() => {\n stepToResult(nextIndex);\n }, delay);\n }\n\n /**\n * 获取抽奖结果\n */\n async function getResult() {\n if (props.isDebug) {\n const aa = new Promise(function(resolve: (level: number) => void) {\n setTimeout(() => {\n resolve(Math.ceil(Math.random() * 6));\n }, 500);\n });\n aa.then((res: number) => {\n prize = res;\n });\n return;\n }\n\n const res = await props.netGetPrize();\n if (res && res.code === 0 && res.data) {\n prize = res.data.result;\n } else if (res && res.code === 5 && res.msg === 'closed') {\n toast.warn('不在活动时间', { single: true });\n setCircleIng(false);\n } else if (res && res.code === 5 && res.msg === 'no_chance') {\n toast.warn('抽奖次数已用完', { single: true });\n props.getBirthData();\n setCircleIng(false);\n } else {\n toast.error('抽奖失败, 请重试');\n setCircleIng(false);\n }\n }\n\n return (\n \n
\n \n \n })
\n
\n\n \n \n \n })
\n
\n\n \n \n
\n\n })
\n \n \n\n \n \n })
\n
\n \n })
\n \n })
\n \n \n \n );\n}\n\nexport default memo(LuckyDraw);\n","import LuckyDraw from './LuckyDraw';\n\nexport default LuckyDraw;\n","import React, { memo } from 'react';\n\nimport { useStopBodyScroll } from '$hooks';\n\nimport './style.less';\n\nfunction ManualCopy(props: {\n visible: boolean;\n onClose: () => void;\n invId: number;\n}) {\n useStopBodyScroll(props.visible);\n return props.visible ? (\n \n
\n ) : null;\n}\n\nexport default memo(ManualCopy);\n","import ManualCopy from './ManualCopy';\n\nexport default ManualCopy;\n","import React, { memo } from 'react';\n\nimport { useStopBodyScroll } from '$hooks';\n\nimport './style.less';\n\nfunction ManualCopyShare(props: { visible: boolean; onClose: () => void }) {\n useStopBodyScroll(props.visible);\n return props.visible ? (\n \n
\n 已生成您的个人专属链接:
\nhttps://mubu.com/inv/{props.invId}
\n请手动复制发送给好友
\n \n\n
\n ) : null;\n}\n\nexport default memo(ManualCopyShare);\n","import ManualCopyShare from './ManualCopyShare';\n\nexport default ManualCopyShare;\n","import dayjs from 'dayjs';\nimport React, { memo } from 'react';\n\nimport { useStopBodyScroll } from '$hooks';\n\nimport contactWechat from '../../assets/contact2.png';\nimport myPrizeTitle from '../../assets/my-prize.png';\nimport wechatImg from '../../assets/wechat.png';\n\nimport './style.less';\n\nconst prizeMap = {\n 1: {\n name: '一等奖',\n description: 'MacBook Pro, AirPods, 幕布终生会员',\n number: 1,\n requiredWechat: true,\n },\n 2: {\n name: '二等奖',\n description: 'Apple iPad, Apple Pencil, 高级版十年会员',\n number: 1,\n requiredWechat: true,\n },\n 3: {\n name: '三等奖',\n description: 'Kindle paper white, 开言英语365天会员, 幕布高级版3年会员',\n number: 1,\n requiredWechat: true,\n },\n 4: {\n name: '四等奖',\n description: '幕布高级版终生会员',\n requiredWechat: true,\n number: 1,\n },\n 5: {\n name: '五等奖',\n description: '幕布高级版180天会员',\n requiredWechat: false,\n number: 1,\n },\n 6: {\n name: '六等奖',\n description: '幕布高级版30天会员',\n requiredWechat: false,\n number: 1,\n },\n};\n\nexport type Prize = {\n userId: number;\n prizeType: 1 | 2 | 3 | 4 | 5 | 6;\n createTime: number;\n};\n\ntype PrizeProps = {\n visible: boolean;\n onClose: () => void;\n prizes?: Prize[];\n onContaceMM: Function;\n};\n\nfunction MyPrize(props: PrizeProps) {\n useStopBodyScroll(props.visible);\n const { prizes } = props;\n let needContact = false;\n\n const prizeItems =\n prizes && prizes.length > 0 ? (\n prizes.map((record) => {\n const prize = prizeMap[record.prizeType];\n const time = dayjs(record.createTime).format('YYYY/MM/DD HH:mm');\n if ([1, 2, 3, 4].includes(record.prizeType)) {\n needContact = true;\n }\n\n return (\n \n
\n 活动链接如下:
\nhttps://mubu.com/activity/4years
\n请手动复制发送给好友
\n \n\n
\n );\n })\n ) : (\n {prize.name}
\n {prize.description && (\n {prize.description}
\n )}\n \n
\n 数量
\n 1
\n \n
\n 状态
\n \n {prize.requiredWechat ? '联系客服发放' : '24h内自动发放'}\n
\n \n
\n 中奖时间
\n {time}
\n 暂无抽奖记录哦，快去抽奖吧~
\n );\n\n return props.visible ? (\n \n
\n ) : null;\n}\n\nexport default memo(MyPrize);\n","import MyPrize from './MyPrize';\n\nexport * from './MyPrize';\nexport default MyPrize;\n","import classnames from 'classnames';\nimport React, { memo } from 'react';\n\nimport { useStopBodyScroll } from '$hooks';\n\nimport './style.less';\n\nfunction PrizeModal(props: {\n visible: boolean;\n onClose: () => void;\n prize: number | undefined;\n onContaceMM: Function;\n}) {\n const { visible, onClose, prize, onContaceMM } = props;\n\n useStopBodyScroll(visible);\n\n const noContact = [5, 6].includes(prize || 5);\n\n return visible && prize ? (\n \n
\n \n 
\n
\n {prizeItems}
\n {needContact && (\n \n
\n )}\n \n 
\n
\n \n \n
\n ) : null;\n}\n\nexport default memo(PrizeModal);\n","import PrizeModal from './PrizeModal';\n\nexport default PrizeModal;\n","import classnames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { memo, useEffect, useState } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { shallowEqual, useSelector } from 'react-redux';\n\nimport { updateClipboard } from '$commons/utils/clipboard';\nimport { LoadingState } from '$constants/fetch';\nimport Tea from '$helpers/tea';\nimport useFetch from '$hooks/useFetch';\nimport toast from '$mubu-ui/Toast';\nimport { StoreState } from '$redux/models';\nimport { Path } from '$shared/constants/page';\n\nimport ActivityRules from './components/ActivityRules';\nimport BirthVIP from './components/BirthVIP';\nimport LuckyDraw from './components/LuckyDraw';\nimport ManualCopy from './components/ManualCopy';\nimport ManualCopyShare from './components/ManualCopyShare';\nimport MyPrize, { Prize } from './components/MyPrize';\nimport PrizeModal from './components/PrizeModal';\n\nimport './style.less';\n\nlet StartDate = 26; // 活动开始日期\n\n// 兑换人数对应的 type, 用于发送给后端\nconst peopleNumToType = {\n 3: 1,\n 9: 2,\n 19: 3,\n};\n\n// 兑换人数对应的会员时长\nconst dateMap = {\n 3: 90,\n 9: 450,\n 19: 1330,\n};\n\nconst ApiHost = __DEV__ ? 'http://localhost:8080' : '/';\n\nfunction FourYears() {\n const [ruleVisible, setRuleVisible] = useState(false); // 规则弹窗\n const [drawNum, setDrawNum] = useState(0); // 抽奖次数\n const [prize, setPrize] = useState\n
\n \n \n 幕布4岁生日趴 - 幕布 \n \n \n setRuleVisible(false)}\n />\n setPrizeVisible(false)}\n />\n setMyPrizeVisible(false)}\n />\n setBirthVIPVisible(false)}\n />\n\n setManualCopyVisible(false)}\n />\n\n setShareVisibe(false)}\n />\n\n {confirmVisible && (\n
\n );\n}\n\nexport default memo(FourYears);\n","import FourYears from './FourYears';\n\nexport default FourYears;\n","import MubuLogin from './MubuLogin';\n\nexport default MubuLogin;\n","import React from 'react';\n\nimport './style.less';\n\nconst contents = [\n {\n language: 'en-US',\n title: 'Privacy Policy - Transno',\n content: (\n \n })
\n
\n\n \n \n \n })
\n\n
\n\n \n\n \n
\n\n \n \n })
\n\n
\n\n \n\n \n
\n \n {isLogin ? (\n {\n location.href = `${Path.SignIn}?next=${location.pathname}`;\n }}>\n 请先登录\n \n )}\n\n
\n \n 当前抽奖次数 {drawNum} 次\n
\n ) : (\nsetMyPrizeVisible(true)}>\n 查看我的奖品\n
\n\n 活动时间：2020年4月24号-2020年4月26日\n
\n\n 抽奖时间：2020年4月26日 00:00-23:59\n
\n\n
\n 抽奖资格：
\n\n 活动期间, 用户每日首次登录幕布时, 即可获\n
得 1 次抽奖机会\n
\n
\n\n \n \n {received30Vip ? (\n
\n 4月26日（本周日）登录此活动页面
\n\n 即可领取{' '}\n \n 30天\n {' '}\n 幕布会员!\n
\n\n
\n \n
\n 推荐好友使用，即可兑换幕布会员!
\n\n 可兑换邀请人数: \n {exchangeNum} 人\n
\n\n {[3, 9, 19].map((item) => {\n const active = exchangeNum >= item;\n return (\n onExchange(item)}\n styleName={classnames('exchange-btn', {\n 'exchange-active': active,\n })}>\n {active ? '点击兑换' : '兑换'}\n \n );\n })}\n
\n \n \n
\n )}\n\n {/* {CLIENT_CONFIG.fourYearWrong && (\n \n setConfirmVisible(false)}\n />\n
\n 确定要现在兑换吗?
\n\n
\n \n 当前可兑换邀请值：{exchangeNum}{' '}\n 人\n
\n\n 可兑换会员时长：\n {dateMap[exchangIngNum]} 天\n
\n\n
\n \n
\n )} */}\n \n
\n 服务器被挤爆啦😭
\n程序员小哥哥正在紧急修复中💪
\n\n
\n ),\n },\n {\n language: 'zh-CN',\n title: '幕布隐私政策',\n content: (\n \n Privacy Policy\n
\n\n Last updated: February 5, 2020\n
\n\n Welcome to Transno (the “Platform”). The Platform is\n provided or controlled by Funnico Inc. (“we” or\n “us”). We are controller of your personal data in the\n sense of applicable data protection or data privacy laws and as such,\n we are committed to protecting and respecting your privacy.\n
\n\n To provide our services to you, we offer you a website and a free app\n that you can download onto your mobile phone. This policy sets out the\n basis on which any Personal Data from you will be processed,\n collected, used, and disclosed by us when you access or use our\n website, applications, products and content (collectively, the\n “Services”).\n
\n\n Please read the following carefully to understand our views and\n practices regarding your Personal Data and how we will treat it.\n Capitalized terms that are not defined in this policy have the meaning\n given to them in the Terms of Service.\n
\n\n What Information Do We Collect?\n
\n\n We collect and process Personal Data either directly from you (e.g.\n when you provide certain information to us) or indirectly (e.g.\n through our Platform’s technology).\n
\n\n “Personal Data” means any\n information relating to an identified or identifiable natural person (\n “data subject”); an identifiable natural\n person is one who can be identified, directly or indirectly, in\n particular by reference to an identifier such as a name, an\n identification number, location data, an online identifier or to one\n or more factors specific to the physical, physiological, genetic,\n mental, economic, cultural or social identity of that natural person.\n
\n\n Information you give us as a registered user. If\n you register an account with us to use the Platform, you must provide\n us with certain Personal Data, including your unique account name,\n your e-mail address and, if provided, your photograph. You may also be\n able to register using your user credentials to certain social media\n sites, such as Facebook or Google.\n
\n\n How Do We Use Your Personal Data?\n
\nWe will use your Personal Data for the following purposes:
\n\n When you register as user of our services, we obtain personal data to\n create and activate your user account, which is necessary to provide\n you with you the Services.\n
\nWe may further use your Personal Data from your registration to:
\n- \n
- notify you about changes to our Services; \n
- provide you with user support; \n
- enforce our terms, conditions and policies; or \n
- communicate with you. \n
\n How Do We Share Your Personal Data?\n
\n\n We are committed to maintaining your trust, and while we do not sell\n personal data to third parties.\n
\n\n We may share your information with law enforcement agencies, public or\n tax authorities or other organizations if legally required to do so,\n or if we have a good faith belief that such use is reasonably\n necessary to:\n
\n- \n
- \n comply with a legal obligation, process or request (including tax\n and related reporting requirements);\n \n
- \n enforce ourTerms of Service and other agreements, policies, and\n standards, including investigation of any potential violation\n thereof;\n \n
- \n detect, prevent or otherwise address security, fraud or technical\n issues; or\n \n
- \n protect the rights, property or safety of us, our users, a third\n party or the public as required or permitted by law (including\n exchanging information with other companies and organizations for\n the purposes of fraud protection and credit risk reduction).\n \n
\n We may also share information for other purposes pursuant to your\n consent or with your further direction.\n
\n\n Where Is Your Personal Data Stored?\n
\n\n The Personal Data that we collect from you will be transferred to, and\n stored at third party servers in the United States.\n
\n\n What Will We Do to Secure Your Personal Data?\n
\n\n We take steps to ensure that your information is treated securely and\n in accordance with this Privacy Policy. Unfortunately, the\n transmission of information via the internet is not completely secure.\n Although we will do our best to protect your personal data, we cannot\n guarantee the security of your information transmitted through the\n Platform; any transmission is at your own risk.\n
\n\n How Long Is Your Personal Data Stored?\n
\n\n We will retain your information for so long as we are required to\n retain such information under applicable laws.\n
\n\n After you have terminated your use of our services, we may store your\n information in an aggregated and anonymised format. Notwithstanding\n the foregoing, we may also retain any personal information as\n reasonably necessary to comply with our legal obligations, allow us to\n resolve and litigate disputes, and to enforce our agreements.\n
\n\n Will Children’s Personal Data Be Collected?\n
\n\n The Platform is not directed at children under the age of 18. Users\n under the relevant age are not allowed to use the Platform or register\n an account on the Platform without the consent of their parent of\n guardian. If we become aware that Personal Data has been collected\n from a person under such age in the relevant jurisdiction and parental\n or guardian consent has not been provided, we will delete this\n information and terminate the person’s account. If you believe\n that we may have Personal Data about or collected from a child under\n the specified age in the relevant jurisdiction without the consent of\n their parent or guardian, please contact us at \n transnohelp@gmail.com.\n
\n\n What Are Your Rights?\n
\n\n You may have the right to access your Personal Data that we hold about\n you and to correct, update, amend, suppress, delete or otherwise\n modify any Personal Data where it is inaccurate, or has been processed\n in violation of the applicable data protection regulations, unless we\n have to keep the Personal Data for legitimate business or legal\n purposes. Prior to the fulfilment of your request concerning your\n Personal Data, we may ask you to verify your identity before we can\n act upon your request. You may object to the use or processing of your\n Personal Data or withdraw consent to use your Personal Data at any\n time.\n
\n\n You may submit a request to access to or delete the information we\n have collected about you by sending your request to us via email at{' '}\n transnohelp@gmail.com. We\n will respond to your request consistent with applicable law and\n subject to proper verification. And we do not discriminate based on\n the exercise of any privacy rights that you might have.\n
\n\n Changes\n
\n\n We will use commercially reasonable efforts to generally notify all\n users of any material changes to this Policy, such as through a notice\n on our Platform, however, you should look at this Policy regularly to\n check for such changes. We will also update the “Last\n Updated” date at the top of this Policy, which reflects the\n effective date of such Policy. Your continued access to or use of the\n Services after the date of the updated Policy constitutes your\n acceptance of the updated Policy. If you do not agree to the updated\n Policy, you must stop accessing or using the Services.\n
\n\n How Can You Contact Us?\n
\n\n Questions, comments and requests regarding this Policy are welcomed\n and should be addressed to:\n
\n\n Email address: \n transnohelp@gmail.com.\n
\n\n The best way to keep your JS files tidy is using the free online{' '}\n JavaScript formatter{' '}\n program.\n
\n\n \n \n
\n
\n ),\n },\n];\n\nexport default contents;\n","import React, { useContext } from 'react';\n\nimport LocaleContext from '$contexts/LocaleContext';\n\nimport contents from './contents';\n\nimport './style.less';\n\nfunction PrivacyPolicy() {\n const locale = useContext(LocaleContext);\n const { language } = locale;\n const privacyPolicy = contents.find((item) => item.language === language);\n\n if (!privacyPolicy) {\n return null;\n }\n\n return (\n 发布日期：2020年01月08日
\n生效日期：2020年01月15日
\n\n 欢迎使用“幕布”（以下称为“本软件 ”\n ）及相关服务。本软件及相关服务，系指北京坤豆科技有限公司\n （简称“我们”或“坤豆科技”\n ）通过合法拥有并运营的标注名称为“幕布”的客户端应用程序及幕布网（\n https://mubu.com/\n ）的网站，向您提供的产品与服务。本软件是一款以层级折叠文字来整理内容的大纲工具，用更高效的方式和更清晰的结构来记录笔记、管理任务、制定计划等，同时支持一键生成思维导图。\n
\n\n 本隐私政策适用于我们在中华人民共和国境内运营本软件和提供的相关服务。本隐私政策载列了在您访问或使用本软件时，我们处理、收集、使用和披露您的任何个人信息的基准。\n
\n\n 本隐私政策适用于本软件自身的功能及服务（包括以结构化的层级折叠文字来整理内容、记录笔记、管理任务、制定计划、一键生成思维导图、支持插入图片、多种样式文字、全端云同步），不适用于其他通过本软件提供的产品或服务，您在选择使用第三方服务前应充分了解第三方的服务条款和隐私保护政策。\n 请您妥善保护自己的个人信息，仅在必要的情况下向第三方提供。\n
\n\n \n 本软件为向您提供服务，需要您提供某些个人信息。如果您选择不提供本软件或某项功能所需的数据，则无法使用本软件或该功能。同样，如果我们需要依法收集个人信息，但您没有提供数据，那么我们可能必须暂停或取消您的使用权。如果属于上述情况，我们将通知您。在不强制要求提供数据的情况下，如果您选择不共享个人数据，那么您将无法使用需要提供此类数据的功能（如个性化功能）。\n \n
\n\n 相机及存储权限不会默认开启，只有经过您的明示授权才会在为实现特定功能或服务时使用，您也可以在设备操作系统中改变同意范围或撤回授权。撤回授权后我们将不再收集与这些权限相关信息。特别需要指出的是，即使经过您的授权，我们获得了这些敏感权限，也不会在相关功能或服务不需要时而收集您的信息。\n
\n\n 本政策将帮助您了解以下内容，请您仔细阅读。\n \n 其中，有关您个人信息权益的条款重要内容我们已用加粗形式提示，请特别关注。\n \n
\n- \n
- 1. 我们在本软件内收集的个人信息 \n
- 2. 我们如何使用您的个人信息 \n
- 3. 我们如何共享、转让、公开披露您的个人信息 \n
- 4. 我们如何存储您的个人信息 \n
- 5. 我们如何保护您的个人信息安全 \n
- 6. 您的权利 \n
- 7. 未成年人条款 \n
- 8. 投诉与反馈 \n
- 9. 隐私政策的修订和通知 \n
- 10. 其他 \n
1. 我们在本软件内收集的个人信息
\n\n 在您使用本软件及相关服务时，经取得您授权同意后，我们在您使用本软件的过程中会收集和处理您的个人信息。\n
\n\n 1.1 “个人信息”\n 指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息，本隐私政策中包括个人身份信息（姓名）、地址、联系电话、网络身份识别信息（包括账户名、邮箱地址）、个人常用设备信息、地点信息等。\n
\n\n 1.2 您使用本软件时提供的个人信息。\n 在您使用我们的产品或服务时，有可能需要向我们提供您的个人信息：您进行账号注册服务时，我们可能需要您提供手机号码，设置账号、密码、昵称、头像等信息。您进行内容发布时，我们会收集您上传的图文信息。您使用相关特定功能或参加相关活动时，我们可能需要您提供您的手机号码、联系地址、昵称、账号等信息。\n
\n\n 您也可以使用第三方账号登录并使用本软件，您将授权我们获取您在第三方平台注册的公开信息（头像、昵称以及您授权的其他信息），用于与本软件账号绑定，使您可以直接登录并使用本软件及相关服务。\n
\n\n 1.3 我们在您使用本软件的过程中收集的信息。\n 在您使用本软件时，为了保障本软件及相关服务的安全运行，我们会自动收集您的硬件型号、操作系统版本号、唯一设备标识符、网络设备硬件地址、软件版本号。为了预防恶意程序及安全运营所必需，我们会收集安装的应用信息或正在运行的进程信息、应用程序的总体运行、使用情况与频率、应用崩溃情况、总体安装使用情况、性能数据、应用来源。\n
\n\n \n 1.4\n 根据产品特点，我们可能访问您设备上的以下内容：您进行离线编辑时，为保存您的文档，需要读取内部存储。\n \n 您可通过本软件的在线文档协作功能制作文档，并根据在写作时对文档的分级将其转换为思维导图，完成文档后，可以生产链接在微信、QQ等平台分享，也可以选择上传到“幕布精选平台”，我们不会存储、使用您的文档内容，但您已开启分享功能的文档除外。\n
\n\n 1.5 Cookies。\n 当您使用本软件及相关服务时，为使您获得更轻松的访问体验，我们可能会使用Cookies和其它类似技术（例如web\n beacons、Flash cookies等）（简称“Cookies”\n ）向您的设备发送一个或多个 Cookie\n 或匿名标识符，以收集和存储您访问、使用本软件时的信息。这么做是为了了解您的使用习惯，使您省去重复输入信息等步骤，或帮助判断您的账户安全。同时，我们可能会利用Cookies收取您的信息用于了解您的偏好，进行咨询或数据分析，改善产品服务即用户体验，及时发现并防范安全风险，为用户和合作伙伴提供更好的服务。\n 我们不会将Cookies用于本隐私政策所述目的之外的用途。大部分网络浏览器自动接受Cookies，您可以通过改变网络浏览器附加程序的设置拒绝或管理Cookies。但请注意，如果停用Cookies，您有可能无法享受最佳的服务体验，某些服务也可能无法正常使用。\n \n 但即使未征得您的同意，我们也可能存放绝对必要的Cookies即本软件的运行所需要的Cookies，包括让您能够登录本软件安全区域的Cookies。\n \n 我们存放的Cookies将在您终止网站会话或15天后失效。\n \n 前述存放绝对必要的Cookies行为是我们提供核心服务内容的绝对必要条件，如您不同意相关授权，您无法使用本软件的任何服务。\n \n
\n2. 我们如何使用您的个人信息
\n\n 2.1\n 我们会根据本隐私政策的约定并为实现本软件及其相关服务功能对所收集的个人信息进行使用。\n
\n2.2 我们会将您的个人信息用于以下目的：
\n| \n 使用目的\n | \n\n 个人信息\n | \n
|---|---|
| 账户登录，设置账号、密码、昵称、头像等信息 | \n登陆手机号 | \n
| 提供本软件的基本服务，保证本软件的正常运行 | \n\n 硬件型号、操作系统及应用程序功能（如MAC地址）、\n IP\n 地址、服务器日志等信息\n | \n
| 拍照、扫描，上传、存储信息 | \n照片、视频信息、存储的个人文件 | \n
| 遵从相关法律法规、部门规章、政府指令的相关要求 | \n法律、法规、规章规定的个人信息 | \n
\n \n 2.3\n 我们会采取合理可行的措施，尽力避免收集与使用目的无关的个人信息。如果我们使用您的个人信息超出了与使用所声称的目的及具有直接或合理关联的范围，我们将在使用您的个人信息前另外向您告知并征得您的明示同意。\n \n
\n3. 我们如何共享、转让、公开披露您的个人信息
\n3.1 您的个人信息为何会被共享。
\n\n 请您理解，我们的产品和服务并不仅仅只由我们向您提供，在一些场合下，为了给您更好的产品体验，保障运营效率与质量，确保运营安全，经您同意，我们可能会与我们的关联方、第三方进行合作。因此，我们可能会在与我们的关联方、第三方合作联合为您提供服务的过程中共享您的个人信息。\n
\n3.2 共享原则 共享您的个人信息，我们将遵循如下原则：
\n\n 授权同意原则：\n 未经您的同意，我们不会共享您的个人信息，除非共享的个人信息是去标识化处理后的信息，且共享第三方无法重新识别此类信息的自然人主体。如果第三方使用信息的目的超越原授权同意范围，他们需要重新征得您的同意。\n
\n\n 合法正当与最小必要原则：\n 共享的数据必须具有合法正当目的，且共享的数据以达成目的必要为限。\n
\n\n 安全审慎原则：\n 我们将审慎评估第三方使用共享信息的目的，对这些合作方的安全保障能力进行综合评估，并要求其遵循合作法律协议。我们会对合作方获取信息的软件工具开发包（SDK）、应用程序接口（API）进行严格的安全监测，以保护数据安全。\n
\n3.3 共享个人信息的用途及目的
\n\n 为了向您提供更完善、优质的产品和服务，经您的同意，我们的某些功能或服务可能由下列几类主体提供，我们也可能会向他们共享您的个人信息：产品功能、服务的提供者、承包者、代理者等第三方或关联方；与我们联合为您提供服务的软件服务提供商、智能设备提供商、系统服务提供商、广告合作伙伴、应用开发者。\n
\n\n 我们仅会出于合法、正当、必要、特定、明确的目的共享您的个人信息，共享范围将仅限于提供服务所必要的个人信息。同时，我们会与合作伙伴约定严格的保密义务，要求合作伙伴按照我们的说明、本协议以及其他任何相关的保密和安全措施来处理您的个人信息。我们的合作伙伴无权将共享的个人信息用于任何其他用途。\n \n 如果您拒绝我们的合作伙伴在提供服务时收集为提供服务所必需的个人信息，将可能导致您无法使用该第三方服务。\n \n
\n\n 我们可能会在下列情形中与关联方、第三方合作伙伴共享个人信息：\n
\n\n 为了帮助您使用产品的相关功能或服务；实现广告推送与效果验证；我们相关产品的服务运营质量、效率与安全；保障您的合法权利或维护公共利益；遵循法律法规的相关规定；帮助您参加推广活动；您为达成您与第三方的合法协议，授权我们向第三方提供信息；其他隐私政策中列明的目的。\n
\n3.4 合并、收购、资产转让时个人信息的转让
\n我们不会转让您的个人信息给任何其他第三方，除非征得您的明确同意。
\n\n 当发生合并、收购、资产转让等交易导致向第三方分享您的个人信息时，我们会根据法律法规的相关规定，继续妥善保护或要求新的数据接收方继续保护您的个人信息。\n
\n3.5 公开展示个人信息的规则
\n\n \n 3.5.1\n 我们不会公开披露您的信息，除非获得您的同意。但根据法律法规、强制性的行政执法或司法要求，在必须提供您个人信息的情况下，我们可能会依据要求的个人信息类型和披露方式向行政执法或司法机构披露您的个人信息。当我们接到披露请求时，在符合法律法规的前提下，我们要求其必须出具与之相应的法律证明文件，我们仅提供执法部门因特定调查目的且有合法权利获取的数据。在法律法规许可的前提下，我们披露的文件均在加密措施的保护之下。\n \n
\n\n 3.5.2\n 请您理解，在下列情形中，根据法律法规及国家标准，我们共享、转让、公开披露您的个人信息无需征得您的授权同意：\n
\n- \n
- （1）与国家安全、国防安全直接相关的； \n
- （2）与公共安全、公共卫生、重大公共利益直接相关的； \n
- （3）与犯罪侦查、起诉、审判和判决执行等直接相关的； \n
- \n （4）出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；\n \n
- （5）您自行向社会公众公开的个人信息； \n
- \n （6）从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道；\n \n
- （7）法律法规规定的其他情形。 \n
\n \n 3.5.3\n 特别提示您，如信息无法单独或结合其他信息识别到您的个人身份，其不属于法律意义上您的个人信息；当您的信息可以单独或结合其他信息识别到您的个人身份时或我们将无法与任何特定个人信息建立联系的数据与其他您的个人信息结合使用时，则在结合使用期间，这些信息将作为您的个人信息按照本隐私政策处理与保护。根据法律规定，共享、转让经去标识化处理的个人信息，且确保数据接收方无法复原并重新识别个人信息主体的，不属于个人信息的对外共享、转让及公开披露行为，对此类数据的处理将无需另行向您通知并征得您的同意。\n \n
\n4. 我们如何存储您的个人信息
\n4.1 存储地点：
\n\n 我们依照法律法规的规定，将境内收集的您的个人信息存储于中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，我们会遵循相关国家规定或者征求您的同意。\n
\n4.2 存储期限：
\n\n 您在使用本软件期间，我们将持续保存您的个人信息，保存期限将以不超过为您提供本软件及其服务所必须的期间为原则。在您终止使用本软件后，除法律法规对于特定信息保留期限另有规定外，我们会对您的信息进行删除或做匿名化处理。如我们停止运营本软件，我们将在合理期限内依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。\n
\n5. 我们如何保护您的个人信息安全
\n\n 5.1\n 我们非常重视您个人信息的安全。我们努力采取各种合理的物理、技术和管理方面的安全措施来保护您的个人信息，防止您的个人信息遭到未经授权的访问、修改，避免数据的损坏或丢失。我们的网络服务采取了传输层安全协议等加密技术来保护您的数据在网络传输过程的安全。\n
\n\n 5.2\n 我们采用严格的数据处理权限控制，避免数据被违规使用；我们采用打码屏蔽等去标识化技术的多种数据脱敏方式增强个人信息在使用中的安全性；我们采用行业广泛应用的加密技术对您的个人信息进行加密保存，并通过数据隔离技术进行隔离。例如，我们对存储在我们服务器上以及您终端设备上的所有讯息进行加密处理。我们始终落实该等技术措施和组织管理方式，并可能不时加以修订完善以提升系统的整体安全性。\n
\n\n \n 5.3\n 尽管已经采取了上述合理有效措施，并已经遵守了相关法律规定要求的标准，但请您理解，由于技术的限制以及可能存在的各种恶意手段，在互联网行业，即便竭尽所能加强安全措施，也不可能始终保证信息百分之百的安全，我们将尽力确保您提供给我们的个人信息的安全性。请您知悉并理解，您接入我们的服务所用的系统和通讯网络，有可能因我们可控范围外的因素而出现问题。因此，我们强烈建议您采取积极措施保护个人信息的安全，包括但不限于使用复杂密码、定期修改密码、不将自己的账号密码等个人信息透露给他人。\n \n
\n\n 5.4\n 在发生危害网络安全的事件时，我们会按照网络安全事件应急预案，及时采取相应的补救措施。如果我们的物理设施或技术防护措施遭到破坏，导致您的个人信息被泄露、非法提供或滥用，造成您的合法权益受损，我们将严格依照法律的规定承担相应的责任。\n
\n\n \n 5.5\n 在我们获悉发生了您的个人信息不幸被泄露、非法提供或滥用的个人信息安全事件后，我们将按照法律法规的要求在最迟不低于【10】天内及时向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。事件相关情况我们将以推送通知、邮件、信函、短信等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，上报个人信息安全事件的处置情况。\n \n
\n6. 您的权利
\n6.1 如何访问、更正您的个人信息
\n\n 当您完成本软件的登录并进行合理和必要的身份验证后，您可以在“幕布”客户端“我的”中查询、访问您的用户名、头像等基本信息。如您需要更正、删除您的个人信息，请您通过本隐私政策中提供的联系方式联系我们的后台工作人员。在您进行信息更正、修改之前，我们可能会验证您的身份，以保证更正行为所涉及的信息安全。\n
\n6.2 如何注销您的账号
\n\n 您可以在我们的软件产品中通过人工的方式申请注销账户。您可以通过“反馈建议”申请账号注销，并按照客服提供的注销流程进行操作，在您注销账号前，我们将验证您的个人身份、安全状态、设备信息等，关于账号注销流程可查看“幕布”“设置—反馈意见”。您注销账号的行为是不可逆的行为，一旦您注销账号，我们将停止为您提供相关服务，并依照您的要求删除有关您账号的一切信息，但法律法规另有规定的除外。\n
\n6.3 停止运营向您告知权利
\n\n 如我们停止运营，我们将及时停止收集您个人信息的活动，将停止运营的通知以逐一送达或公告的形式通知您，并依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。\n
\n7. 未成年人条款
\n\n 7.1\n 若您是未满18周岁的未成年人，在使用本软件及相关服务前，应在您的父母或其他监护人监护、指导下共同阅读并同意本隐私政策。\n
\n\n 7.2\n 我们根据国家相关法律法规的规定保护未成年人的个人信息，只会在法律允许、父母或其他监护人明确同意或保护未成年人所必要的情况下收集、使用、储存、共享、转让或披露未成年人的个人信息；如果我们发现在未事先获得可证实的父母同意的情况下收集了未成年人的个人信息，则会设法尽快删除相关信息。\n
\n\n 7.3\n 若您是未成年人的监护人，当您对您所监护的未成年人的个人信息有相关疑问时，请通过本隐私政策公示的联系方式与我们联系。\n
\n8. 投诉与反馈
\n\n 如果您希望针对我们处理您个人信息的方式提出异议或作出投诉，或您有与本政策相关的任何疑问、意见或请求，请第一时间联系我们，联系方式为\n 【mubunote@outlook.com】，我们将会在【 15 】日内处理并反馈您的请求。\n
\n9. 隐私政策的修订和通知
\n\n 为了给您提供更好的服务，本软件及相关服务将不时更新与变化，我们会适时对本隐私政策进行修订，该等修订构成本隐私政策的一部分并具有等同于本隐私政策的效力。本隐私政策一旦发生任何重大变更，我们将尽合理努力向所有用户广而告之，例如通过在本软件上发布通知；但您应定期查看本隐私政策，以查看有关变更。您在本隐私政策更新之后继续访问或使用本软件，即视为您接受更新后的隐私政策。如果您不同意更新后的隐私政策，您必须停止访问或使用本软件。\n
\n10. 其他
\n\n 10.1\n 本隐私政策中的标题仅为方便及阅读而设，并不影响本隐私政策中任何规定的含义或解释。\n
\n\n 10.2 本隐私政策下述词语定义.\n 关联公司：是指坤豆科技控制的实体、控制坤豆科技的实体以及与坤豆科技共同受控制于同一实体的实体；此处的“控制”是指某实体支配另一实体主要商业行为或活动的权力，这种权力的形成可以是基于股权、投票权以及其他通常认为有支配力或重大影响力的关系。\n 去标识化：是指通过对个人信息的技术处理，使其在不借助额外信息的情况下，无法识别个人信息主体的过程。\n 匿名化：是指通过对个人信息的技术处理，使得个人信息主体无法被识别，且处理后的信息不能被复原的过程。\n
\n\n 10.3\n 本隐私政策的版权为我们所有，在法律允许的范围内，我们拥有解释和修改的权利。\n
\n\n {language === 'zh-CN' &&
\n );\n}\n\nexport default PrivacyPolicy;\n","import PrivacyPolicy from './PrivacyPolicy';\n\nexport default PrivacyPolicy;\n","const urls = {\n feedback: 'https://transno.com/go/feedback', // 移动端反馈问卷\n chatUs: 'https://transno.com/go/contact-us', // 移动端联系我们\n};\n\nexport default urls;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"84\",\n height: \"84\",\n viewBox: \"0 0 84 84\"\n}, props), /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"a\",\n x1: \"100%\",\n x2: \"0%\",\n y1: \"50%\",\n y2: \"50%\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"0%\",\n stopColor: \"#E2E2E2\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"100%\",\n stopColor: \"#F1F1F1\"\n})), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"b\",\n x1: \"18.86%\",\n x2: \"86.25%\",\n y1: \"14.59%\",\n y2: \"52.38%\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"0%\",\n stopColor: \"#E1E1E1\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"100%\",\n stopColor: \"#FFF\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: \"84\",\n height: \"84\",\n fill: \"#BDBDBD\",\n rx: \"42\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"url(#a)\",\n fillRule: \"nonzero\",\n d: \"M21.5 33H34a4.5 4.5 0 014.5 4.5v7a3.5 3.5 0 007 0v-7A11.5 11.5 0 0034 26H21.5a3.5 3.5 0 000 7z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"url(#b)\",\n d: \"M42.02 33.04H54.5c2.48 0 4.5 2.03 4.5 4.53v9.14a2 2 0 00.7 1.5l1.49 1.3a2 2 0 002.61 0l1.5-1.3a2 2 0 00.7-1.5v-9.14C66 31.17 60.85 26 54.5 26H42.02a3.52 3.52 0 100 7.04z\",\n transform: \"matrix(-1 0 0 1 104.5 0)\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: \"42\",\n cy: \"59.5\",\n r: \"4.5\",\n fill: \"#FFF\"\n}))));","import classnames from 'classnames';\nimport { get } from 'lodash-es';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { OSNames, UserLevel } from '$constants';\nimport Api from '$constants/api';\nimport { LoadingState } from '$constants/fetch';\nimport AppContext from '$contexts/AppContext';\nimport { createRequestActions, useJSbridge } from '$helpers/native';\nimport useDayjs from '$hooks/useDayjs';\nimport useFetch from '$hooks/useFetch';\nimport ChatImg from '$img/pro/chat-us.png';\nimport ContentImg from '$img/pro/content.png';\nimport FeedbackImg from '$img/pro/feedback.png';\nimport InviteImg from '$img/pro/invite-friend.png';\nimport MindImg from '$img/pro/mind.png';\nimport PayImg from '$img/pro/pay-pro.png';\nimport SpaceImg from '$img/pro/space.png';\nimport StorageImg from '$img/pro/storage.png';\nimport SyncImg from '$img/pro/sync.png';\nimport { Response } from '$interfaces';\nimport Link from '$m_components/Link';\nimport Avatar from '$mubu-ui/Avatar';\nimport Spin from '$mubu-ui/Spin';\nimport toast from '$mubu-ui/Toast';\nimport userActions from '$redux/actions/user';\nimport { StoreState } from '$redux/models';\nimport urls from '$shared/constants/urls';\nimport { getImageUrl } from '$shared/utils/api';\nimport { getSaftyHtml } from '$shared/utils/i18n';\nimport useTranslate from '$translate';\n\n// import Tea from 'byted-tea-sdk';\nimport DefaultAvatar from '$img/pro/default-avatar.svg';\nimport './style.less';\n\nenum OptionTypes {\n invite,\n feedback,\n chatUs,\n payPro,\n}\n\ninterface Option {\n icon: string;\n title: string;\n tip: string;\n type: OptionTypes;\n disable?: boolean;\n}\n\nfunction Pro() {\n const dayjs = useDayjs();\n const t = useTranslate();\n const dispatch = useDispatch();\n const jsBridge = useJSbridge();\n\n const [user] = useSelector((state: StoreState) => [state.user], shallowEqual);\n\n const [canGetVip, setCanGetVip] = useState(false);\n\n const appContext = useContext(AppContext);\n\n const { net: netFetchUser, loading: fetchUserLoading } = useFetch({\n url: Api.FetchUser,\n method: 'post',\n });\n const { net: netCheckVip } = useFetch({\n url: Api.CheckFeedbackVip,\n method: 'post',\n });\n const { net: netGetVip } = useFetch({\n url: Api.GetFeedbackVip,\n method: 'post',\n });\n\n const isLoading = fetchUserLoading === LoadingState.LOADING;\n const userData = get(user, 'user', {\n name: '',\n photo: '',\n id: '',\n level: 0,\n vipEndDate: '',\n });\n\n // 点击每个GO触发的行为需要跟native通信需要的数据\n const actionData = {\n invite: createRequestActions({ action: 'inviteFriends' }),\n updateInfo: createRequestActions({\n action: 'userInfoUpdate',\n data: {\n uid: userData.id,\n },\n }),\n // 往客户端上报埋点\n trackEvent: function(event: string, param: Record隐私政策
}\n {privacyPolicy.content}
\n \n \n {t('TransnoWeb_Pro_EnterAcCode')}\n \n
\n );\n\n return (\n \n \n {t('TransnoWeb_Pro_Share')} \n \n\n \n \n\n \n \n {getOptionGoText(item.type)}\n
\n \n ))}\n \n {upgradeCodeEntry}\n \n \n
\n {getAvatar()}
\n \n
\n {userData.name}
\n\n ID: {userData.id}\n
\n\n {t('TransnoWeb_Pro_AccountType')}:{' '}\n {getAccountType(userData.level)}\n
\n {userData.level === UserLevel.Pro && (\n\n {t('TransnoWeb_Pro_ExpirationTime')}:\n \n {dayjs(userData.vipEndDate).format('ll')}\n \n
\n )}\n\n {t('TransnoWeb_Pro_UpgradeOptions')}\n
\n \n {optionLists.map((item) => (\n handleClickGo(item)}>\n 
\n
\n \n
\n {item.title}
\n {t('TransnoWeb_Pro_ProStatus')}
\n {t('TransnoWeb_Pro_Introduce1')}
\n\n {introduceLists.map((list) => (\n
\n \n
\n ))}\n {list.title}
\n {list.desc}
\n \n {headerBackgroundImg && (\n 
\n )}\n \n {closable && 
\n )}\n {props.children}\n
\n \n ) : null;\n}\n\nexport default memo(Modal);\n","import Modal from './Modal';\n\nexport default Modal;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"30\",\n height: \"30\",\n viewBox: \"0 0 30 30\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"pay\"), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30 20.42l-9.65-3.25s.74-1.1 1.53-3.28c.8-2.18.9-3.38.9-3.38l-6.24-.05V8.33l7.57-.06v-1.5h-7.57V3.33h-3.7v3.44H5.78v1.5l7.06-.05v2.3H7.17v1.19h11.66s-.13.97-.58 2.18c-.44 1.2-.9 2.26-.9 2.26s-5.48-1.92-8.36-1.92c-2.88 0-6.39 1.16-6.73 4.52-.34 3.36 1.63 5.18 4.41 5.85 2.78.68 5.34 0 7.58-1.1 2.23-1.09 4.42-3.57 4.42-3.57l11.25 5.46A5.55 5.55 0 0124.44 30H5.56A5.55 5.55 0 010 24.46V5.56A5.55 5.55 0 015.54 0h18.9A5.55 5.55 0 0130 5.54v14.88zm-14.06-1.88s-3.52 4.43-7.65 4.43c-4.14 0-5-2.1-5-3.62 0-1.51.85-3.16 4.37-3.4 3.52-.24 8.28 2.59 8.28 2.59z\",\n fill: \"#00ACED\",\n fillRule: \"nonzero\"\n})));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"38\",\n height: \"16\",\n viewBox: \"0 0 38 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"\\u514D\\u8D39\\u7248\"), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(1 1)\",\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n stroke: \"#959798\",\n width: \"36\",\n height: \"14\",\n rx: \"7\"\n}), /*#__PURE__*/React.createElement(\"text\", {\n fontFamily: \"PingFangSC-Medium, PingFang SC\",\n fontSize: \"8\",\n fontWeight: \"400\",\n fill: \"#959798\"\n}, /*#__PURE__*/React.createElement(\"tspan\", {\n x: \"6\",\n y: \"10\"\n}, \"\\u514D\\u8D39\\u7248\")))));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"138\",\n height: \"138\",\n viewBox: \"0 0 138 138\"\n}, props), /*#__PURE__*/React.createElement(\"image\", {\n width: \"138\",\n height: \"138\",\n href: \"data:image/png;base64,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\"\n})));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"38\",\n height: \"17\",\n viewBox: \"0 0 38 17\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"\\u9AD8\\u7EA7\\u7248\"), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(1 1)\",\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n stroke: \"#916D3C\",\n width: \"36\",\n height: \"14\",\n rx: \"7\"\n}), /*#__PURE__*/React.createElement(\"text\", {\n fontFamily: \"PingFangSC-Medium, PingFang SC\",\n fontSize: \"8\",\n fontWeight: \"400\",\n fill: \"#916D3C\"\n}, /*#__PURE__*/React.createElement(\"tspan\", {\n x: \"6\",\n y: \"10\"\n}, \"\\u9AD8\\u7EA7\\u7248\")))));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"30\",\n height: \"30\",\n viewBox: \"0 0 30 30\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"wechat\"), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n fill: \"#00C800\",\n width: \"30\",\n height: \"30\",\n rx: \"6\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.25 11.05c.27 0 .54.03.81.05-.73-3.49-4.4-6.1-8.57-6.1C6.82 5.02 3 8.27 3 12.4c0 2.37 1.28 4.34 3.4 5.86l-.86 2.6 2.97-1.51c1.07.21 1.92.42 2.97.42.28 0 .54 0 .8-.03-.17-.6-.26-1.2-.26-1.83 0-3.78 3.19-6.86 7.23-6.86zM14.68 8.7c.64 0 1.06.43 1.06 1.09 0 .64-.42 1.09-1.06 1.09-.64 0-1.28-.43-1.28-1.1 0-.65.64-1.08 1.28-1.08zm-5.95 2.18c-.63 0-1.27-.43-1.27-1.1 0-.65.64-1.08 1.27-1.08s1.07.43 1.07 1.09c0 .64-.42 1.09-1.07 1.09zm11.05.64c-4.04 0-7.22 2.83-7.22 6.3 0 3.48 3.18 6.3 7.22 6.3.84 0 1.7-.2 2.55-.42l2.33 1.3-.65-2.17c1.71-1.32 2.99-3.06 2.99-5 0-3.48-3.4-6.31-7.22-6.31zm-2.34 5.21c-.42 0-.86-.43-.86-.87 0-.43.44-.87.86-.87.64 0 1.06.43 1.06.87s-.42.87-1.06.87zm4.67 0c-.42 0-.84-.43-.84-.87 0-.43.42-.87.84-.87.64 0 1.06.43 1.06.87s-.42.87-1.06.87z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n}))));","import classnames from 'classnames';\nimport QRCode from 'qrcode.react';\nimport qs from 'qs';\nimport React, {\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport { Helmet } from 'react-helmet';\nimport { shallowEqual, useSelector } from 'react-redux';\n\nimport { UserLevel } from '$constants';\nimport Api from '$constants/api';\nimport { LoadingState } from '$constants/fetch';\nimport { Path } from '$constants/page';\nimport AppContext from '$contexts/AppContext';\nimport Tea from '$helpers/tea';\nimport { usePropsRef } from '$hooks';\nimport useDayjs from '$hooks/useDayjs';\nimport useFetch from '$hooks/useFetch';\nimport PackageCard from '$m_containers/UpgradePay/components/PackageCard';\nimport Avatar from '$mubu-ui/Avatar';\nimport Spin from '$mubu-ui/Spin';\nimport { StoreState } from '$redux/models';\nimport { StatusCodes } from '$shared/constants/fetch';\nimport { ALIPAY_GATEWAY_NEW, WX_APPID } from '$shared/constants/thirdParty';\nimport { getImageUrl } from '$shared/utils/api';\nimport useTranslate from '$translate';\n\nimport HeaderBgImg from './assets/header-bg-mobile.png';\nimport HeaderCoverImg from './assets/header-cover-mobile.png';\nimport Checkbox from './components/Checkbox';\nimport Modal from './components/Modal';\n\nimport AlipayIcon from './assets/alipay.svg';\nimport BasicIcon from './assets/basic.svg';\nimport DefaultAvatar from './assets/default-avatar.svg';\nimport ProIcon from './assets/pro.svg';\nimport WechatIcon from './assets/wechat.svg';\nimport './style.less';\n\nenum PayMethod {\n WXPAY = 'WXPAY',\n ALIPAY = 'ALIPAY',\n}\n\nconst teaLogPackageTypeParamMap = [\n 'check_30days',\n 'check_365days',\n 'check_3years',\n];\n\nconst teaLogPayMetodParamMap = {\n [PayMethod.WXPAY]: 'pay_wechat',\n [PayMethod.ALIPAY]: 'pay_alipay',\n};\n\nfunction UpgradePay() {\n const { user, loadings } = useSelector(\n (state: StoreState) => ({\n user: state.user,\n loadings: state.loadings,\n }),\n shallowEqual\n );\n\n const { user: userInfo } = user;\n const { isWx } = useContext(AppContext);\n const [wxModalVisible, setWxModalVisible] = useState(false);\n const [wxpaySuccess, setWxpaySuccess] = useState(false);\n const wxModalVisibleRef = usePropsRef(wxModalVisible);\n const [packageType, setPackageType] = useState(3);\n const [payMethod, setPayMethod] = useState(PayMethod.WXPAY);\n const dayjs = useDayjs();\n const t = useTranslate();\n\n const { net: netOrderFetch, res: orderUpgradeRes } = useFetch({\n url: Api.CreateOrder,\n method: 'post',\n });\n\n const { net: orderReresh, res: wxOrderResult } = useFetch({\n url: Api.RefreshOrder,\n method: 'post',\n });\n\n const { net: alipayUpgrade } = useFetch({\n url: Api.AlipayUpgrade,\n method: 'post',\n });\n\n const actuallyAvatar = useMemo(() => {\n if (!userInfo.photo && !userInfo.name) {\n // 如果是网络不好，给占位符\n return \n {t('TransnoWeb_Pro_PurchaseTip2Part1')}\n \n \n {t('TransnoWeb_Pro_PurchaseAgreement')}\n \n \n {t('TransnoWeb_Pro_PurchaseTip2Part2')}\n
\n ),\n },\n {\n id: 1,\n component:{t('TransnoWeb_Pro_PurchaseTip1')}
,\n },\n {\n id: 3,\n component: (\n\n {t('TransnoWeb_Pro_Click')}\n \n \n {t('TransnoWeb_Pro_RequestInvoice')}\n \n \n
\n ),\n },\n ];\n }, [t]);\n\n const refreshOrder = useCallback(\n async (orderId: string) => {\n const res = await orderReresh({\n data: {\n orderId,\n },\n });\n if (res?.data && !res.data.payed) {\n if (wxModalVisibleRef.current) {\n refreshOrder(orderId);\n }\n } else {\n setWxModalVisible(false);\n setWxpaySuccess(true);\n }\n },\n [orderReresh, wxModalVisibleRef]\n );\n\n const checkIsWxEnv = useCallback(() => {\n if (!isWx) return false;\n // scope=snsapi_base 只能获取openId\n const host = 'mubu.com';\n const callback = encodeURIComponent(`https://${host}${Path.WxpayResult}`);\n window.location.href =\n 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' +\n WX_APPID +\n '&redirect_uri=' +\n callback +\n '&response_type=code&scope=snsapi_base&state=' +\n packageType +\n '#wechat_redirect';\n return true;\n }, [packageType, isWx]);\n\n const wxpayMethodClick = useCallback(() => {\n setPayMethod(PayMethod.WXPAY);\n }, []);\n\n const alipayMethodClick = useCallback(() => {\n setPayMethod(PayMethod.ALIPAY);\n }, []);\n\n const requestWxpay = useCallback(async () => {\n if (checkIsWxEnv()) return;\n const res = await netOrderFetch({\n data: {\n type: packageType,\n },\n });\n if (res?.code === StatusCodes.Success) {\n setWxModalVisible(true);\n refreshOrder(res.data.orderId);\n }\n }, [netOrderFetch, packageType, refreshOrder, checkIsWxEnv]);\n\n const requestAlipay = useCallback(async () => {\n const res = await alipayUpgrade({\n data: {\n type: packageType,\n },\n });\n if (!res || res?.code !== StatusCodes.Success || !res.data) return;\n window.location.href = `${ALIPAY_GATEWAY_NEW}${qs.stringify(\n res.data.para || {},\n { addQueryPrefix: true }\n )}`;\n }, [packageType, alipayUpgrade]);\n\n const confirmPay = useCallback(() => {\n Tea('web_pro_click', {\n action: teaLogPayMetodParamMap[payMethod],\n });\n if (payMethod === PayMethod.WXPAY) {\n requestWxpay();\n } else if (payMethod === PayMethod.ALIPAY) {\n requestAlipay();\n }\n }, [payMethod, requestAlipay, requestWxpay]);\n\n const handlePackageTypeClick = useCallback((type) => {\n Tea('web_pro_click', {\n action: teaLogPackageTypeParamMap[type],\n });\n setPackageType(type);\n }, []);\n\n const wxCodeurl = useMemo(() => {\n return orderUpgradeRes?.data?.codeUrl;\n }, [orderUpgradeRes]);\n\n const vipEndDate = useMemo(() => {\n return wxOrderResult?.data?.endDate || user?.user?.vipEndDate;\n }, [wxOrderResult, user]);\n\n const isProUser = useMemo(() => {\n return (\n userInfo.level === UserLevel.Pro || userInfo.level === UserLevel.Forever\n );\n }, [userInfo]);\n\n useEffect(() => {\n Tea('web_pro_show', {\n page_location: 'upgrade',\n });\n });\n\n // 如果进来的时候没有登陆，应该跳去登陆\n useEffect(() => {\n if (loadings[Api.FetchUser] === LoadingState.SUCCESS && !user.login) {\n window.location.href = `/login?next=${Path.UpgradePay}`;\n }\n }, [user.login, loadings]);\n\n return (\n <>\n\n \n \n
\n {/* 微信支付二维码弹窗 */}\n {wxCodeurl && (\n \n
\n {actuallyAvatar}
\n \n
\n \n {userInfo.name}\n {isProUser ?
\n ID: {userInfo.id}\n {isProUser && (\n \n {dayjs(vipEndDate).format('YYYY/MM/DD')}到期\n \n )}\n
\n- \n
- \n {t('TransnoWeb_Pro_PurchaseLabel1')}\n \n {packages.map((item) => (\n\n \n
- \n {t('TransnoWeb_Pro_PurchaseLabel3')}\n \n\n
- \n {introList.map((item) => (\n
- {item.component} \n ))}\n
\n
\n
\n \n \n
\n {!isWx && (\n \n
\n )}\n \n \n
\n 支付成功
\n恭喜您成功购买幕布高级版
\n\n 到期时间:\n \n {dayjs(vipEndDate).format('YYYY/MM/DD')}\n \n
\n订单正在处理中...
}\n {payResult === PayResult.Success && vipEndDate && (\n \n 
\n
\n )}\n {payResult === PayResult.Fail && (\n \n )}\n 支付成功
\n恭喜您，成功购买幕布高级版
\n\n 到期时间：\n \n {dayjs(vipEndDate).format('YYYY/MM/DD')}\n \n
\n \n{children}
;\n}\n","import React from 'react';\n\nexport default function RedirectList() {\n React.useEffect(() => {\n if (location) {\n location.href = location.origin + '/list';\n }\n }, []);\n return <>;\n}\n","export const fetchEvent = 'FetchEvent';\nexport const showDocInfoPersonalInfo = 'ShowDocInfoPersonalInfo';\nexport const showDocInfoFolderSelector = 'ShowDocInfoFolderSelector';\nexport const showDocInfoShare = 'ShowDocInfoShare';\nexport const showTutorialTip = 'showTutorialTip';\n// 移动端微信调起引导\nexport const showWeixinOpenAppGuidance = 'ShowWeixinOpenAppGuidance';\n","import classnames from 'classnames';\nimport React, { memo } from 'react';\n\nimport './style.less';\n\ninterface SpinProps {\n /**\n * 是否加载中\n */\n spinning: boolean;\n\n children: React.ReactNode;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n // [key: string]: any;\n}\n\nfunction Spin(props: SpinProps) {\n const { spinning, children } = props;\n return (\n \n {spinning && (\n
\n );\n}\n\nexport default memo(Spin);\n","/**\n * 用于页面和区块的加载中状态\n */\nimport Spin from './Spin';\n\nexport default Spin;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"four-years\":\"style__four-years___zksHX_Tp\",\"activity-image\":\"style__activity-image___37Cx4IyL\",\"qrcode\":\"style__qrcode___3elheM_i\",\"content\":\"style__content___3Lr9Pxx3\"};","import classnames from 'classnames';\nimport React, { ButtonHTMLAttributes, memo } from 'react';\n\nimport Link from '$components/Link';\n\nimport './style.less';\n\nButton.defaultProps = {\n theme: 'dark',\n shape: 'round',\n size: 'middle',\n};\n\ninterface ButtonProps extends ButtonHTMLAttributes\n
\n )}\n \n \n \n \n \n
\n \n {children}\n
\n \n \n {notice.content.substr(0, 70)}\n \n
\n );\n}\n\nexport default Notice;\n","import Notice from './Notice';\n\nexport default Notice;\n","import classnames from 'classnames';\nimport React, {\n memo,\n useCallback,\n useContext,\n useEffect,\n useState,\n} from 'react';\nimport { useSelector } from 'react-redux';\n\nimport Logo from '$commons/components/Logo';\nimport Container from '$components/Container';\nimport LoginModal, { LoginModalType } from '$components/LoginModal';\nimport Navigation from '$components/Navigation';\nimport Notice from '$components/Notice';\nimport AppContext from '$contexts/AppContext';\nimport Log from '$helpers/log';\nimport Tea from '$helpers/tea';\nimport useLocale from '$hooks/useLocale';\nimport Button from '$mubu-ui/Button';\nimport { StoreState } from '$redux/models';\nimport useTranslate from '$translate';\nimport { markRegistSource } from '$shared/utils/registSourceMarker';\nimport './style.less';\n\nfunction Header(): React.ReactElement {\n const t = useTranslate();\n const { isMubu } = useContext(AppContext);\n\n const [withBorder, setWithBorder] = useState(false);\n const [signInVisible, setSignInVisible] = useState(false);\n const [signUpVisible, setSignUpVisible] = useState(false);\n const login = useSelector((state: StoreState) => state.user.login);\n const { language } = useLocale();\n\n const calcIfWithBorder = useCallback(() => {\n if (window.scrollY > 20 && !withBorder) {\n setWithBorder(true);\n } else if (window.scrollY <= 20 && withBorder) {\n setWithBorder(false);\n }\n }, [withBorder]);\n\n useEffect(() => {\n calcIfWithBorder();\n window.addEventListener('scroll', calcIfWithBorder);\n return () => {\n window.removeEventListener('scroll', calcIfWithBorder);\n };\n }, [calcIfWithBorder]);\n\n function onSignInOpen() {\n Log({\n eventLabel: 'sign in',\n eventCategory: 'header',\n eventAction: 'click',\n });\n Tea('web_click_top_signin');\n if (language === 'zh-CN') {\n location.href = '/login?next=/app';\n } else {\n setSignInVisible(true);\n }\n }\n\n function onSignInClose() {\n setSignInVisible(false);\n }\n\n function onSignUpOpen() {\n Log({\n eventLabel: 'sign up',\n eventCategory: 'header',\n eventAction: 'click',\n });\n Tea('web_click_top_signup');\n\n markRegistSource('pro_page', 'register');\n\n if (language === 'zh-CN') {\n location.href = '/login?next=/app';\n } else {\n setSignUpVisible(true);\n }\n }\n function onSignUpClose() {\n setSignUpVisible(false);\n }\n\n function onEnterList() {\n Log({\n eventAction: 'click',\n eventCategory: 'header',\n eventLabel: 'enter transno',\n transport: 'beacon',\n });\n Tea('web_click_top_enter');\n }\n\n return (\n \n
\n\n \n {/* 导航栏 */}\n \n {/* 否则显示登录注册 */}\n \n {false && (\n \n )}\n \n )}\n
\n \n On March 30, 2024, Transno will shut down the Transno App and all\n user data will be fully deleted on that date.\n
\n\n Please export and save a copy of the content you’ve created before\n the shut down. For questions about your data please refer to our{' '}\n
\n
\n \n ) : null;\n}\n\nexport default TokenExpiredModal;\n","import TokenExpiredModal from './TokenExpiredModal';\n\nexport default TokenExpiredModal;\n","import { Path } from 'shared/constants/page';\n\n/**\n * 提取 URL 中的 doc id\n * @param url url\n */\nexport function getDocIdFromUrl(url: string): null | string {\n const reg = /.*(doc|home\\/)([^?#/]+)/i;\n const res = reg.exec(url);\n return res && res[2];\n}\n\n// 获取页面类型\nexport function getDocPageType(): 'doc' | 'share' | 'explore' | 'other' {\n const exploreReg = /\\/doc\\/explore/i;\n const shareReg = /\\/doc\\//i;\n const docReg = /\\/(doc|edit\\/home\\/)([^?#/]+)/;\n const url = location.href;\n\n if (docReg.test(url)) {\n return 'doc';\n } else if (exploreReg.test(url)) {\n return 'explore';\n } else if (shareReg.test(url)) {\n return 'share';\n } else {\n return 'other';\n }\n}\n\n/**\n * 获取 url 中的 debug 参数\n */\nexport function getDebugParamFromUrl(name: string): string | null {\n if (__IS_SERVER__) {\n return null;\n }\n const reg = new RegExp(`[?&]_debug_${name}_=([^&]*)`, 'i');\n const res = reg.exec(location.search);\n return res && res[1];\n}\n\nexport function redirectToLoginUrl() {\n // 延迟1s，尽量保证埋点上报\n setTimeout(() => {\n if (location.pathname !== Path.SignIn) {\n window.location.href = `${Path.SignIn}?next=${location.pathname}`;\n }\n }, 1000);\n}\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\nimport { renderRoutes, RouteConfig } from 'react-router-config';\n\nimport LoginControl from '$commons/components/LoginControl';\nimport TokenExpiredModal from '$commons/components/TokenExpiredModal';\nimport AppContext from '$contexts/AppContext';\nimport TranslationContext from '$contexts/TranslationContext';\nimport { Browser } from '$interfaces';\n\nimport './style.less';\n\nexport interface AppProps {\n routes: RouteConfig[];\n browser: Browser;\n translations: I18NTranslations;\n isApp: boolean;\n isMubu: boolean;\n isWx: boolean;\n}\n\nfunction App(props: AppProps): React.ReactElement {\n const { browser, translations, isApp, isMubu, isWx } = props;\n\n const context = {\n browser,\n isApp,\n isMubu,\n isWx,\n };\n\n return (\n \n {t('TransnoWeb_Commons_TokenExpiredInfo', {\n id: expiredInfo.userId,\n time: dayjs(expiredInfo.operateTime || Date.now()).format('lll'),\n operate: operationMsg,\n })}\n \n {t('TransnoWeb_Commons_Appeal')}\n \n
\n \n \n
\n \n {errMsg && touched && errMsg}\n
\n );\n}\n\nexport default ErrorMessage;\n","/**\n * 登录注册表单的 错误提示信息\n */\nimport ErrorMessage from './ErrorMessage';\n\nexport default ErrorMessage;\n","import classnames from 'classnames';\nimport { Field, Formik } from 'formik';\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { ErrorMessage } from '$components/Form';\nimport FormWrap from '$components/Form/FormWrap';\nimport SeparatorInForm from '$components/Form/SeparatorInForm';\nimport Link from '$components/Link';\nimport ThirdPartyLoginInModal from '$components/ThirdPartyLoginInModal';\nimport { StorageKey } from '$constants';\nimport Api from '$constants/api';\nimport { PASSWOED_MAX_LENGTH, PASSWOED_MIN_LENGTH } from '$constants/common';\nimport { LoadingState, StatusCodes } from '$constants/fetch';\nimport { Path } from '$constants/page';\nimport { getInfoFromLocalStorage } from '$helpers';\nimport Log from '$helpers/log';\nimport useFetch from '$hooks/useFetch';\nimport Button from '$mubu-ui/Button';\nimport Input from '$mubu-ui/Input';\nimport toast from '$mubu-ui/Toast';\nimport userActions from '$redux/actions/user';\nimport { SignUpValue } from '$redux/models/user';\nimport Tea from '$shared/helpers/tea';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\ninterface Props {\n email: string; // 可传入首页用户输入的邮件地址\n onSuccess: Function;\n inModal: boolean;\n onSignIn?: Function;\n}\n\nSignUpForm.defaultProps = {\n email: '',\n inModal: true,\n};\n\nfunction SignUpForm({ email, onSuccess, inModal, onSignIn }: Props) {\n const t = useTranslate();\n const dispatch = useDispatch();\n\n const { net: netSendCode, loading: sendCodeLoading } = useFetch({\n url: Api.SignUpCode,\n method: 'post',\n });\n const { net: netSignup } = useFetch({\n url: Api.SignUp,\n method: 'post',\n });\n\n const from = inModal ? 'modal' : 'page';\n /**\n * 表单初始值\n */\n const initUser = {\n email,\n code: '',\n password: '',\n confirm: '',\n };\n\n /**\n * formik 传出的变量\n */\n let _setSubmitting: Function;\n let _setFieldError: Function;\n let _setFieldTouched: Function;\n let _values: object;\n let _errors: object;\n\n /**\n * 设置发验证码的倒计时\n */\n const [tick, setTick] = useState(0);\n useEffect(() => {\n const timmer = setTimeout(() => {\n if (tick > 0) {\n setTick(tick - 1);\n }\n }, 1000);\n return () => {\n clearTimeout(timmer);\n };\n }, [tick]);\n\n /**\n * 提交\n */\n async function onSubmit(values: SignUpValue) {\n const params = Object.assign({}, values, {\n /*\n * invite_user_id\n * 如果是被人邀请注册的，需要在注册时加上邀请人的 id\n * 邀请来源有两个，一个是分享文档给别人，另一个是邀请注册\n */\n inviteId: getInfoFromLocalStorage({\n key: StorageKey.INVITE_INFO,\n clean: true,\n }),\n // 记录注册来源\n regSource: getInfoFromLocalStorage({\n key: StorageKey.REG_SOURCE_INFO,\n clean: true,\n }),\n });\n\n const res = await netSignup({ data: params });\n _setSubmitting(false);\n if (res) {\n dispatch(userActions.injectUser(res));\n const { code, msg } = res;\n switch (code) {\n case StatusCodes.Success:\n TeaLogSignUpConfirm('success');\n onSuccess();\n break;\n case StatusCodes.RegEmailExist:\n TeaLogSignUpConfirm('email_exist');\n _setFieldError('email', t('TransnoWeb_Form_EmailExist'));\n break;\n case StatusCodes.CodeVerifyFail:\n TeaLogSignUpConfirm('code_error');\n _setFieldError('code', t('TransnoWeb_Form_CodeIncorrect'));\n break;\n case StatusCodes.CodeVerifyExpire:\n TeaLogSignUpConfirm('code_expire');\n _setFieldError('code', t('TransnoWeb_Form_CodeExpire'));\n break;\n default:\n _setFieldError('email', msg);\n break;\n }\n } else {\n toast.error(t('TransnoWeb_Toast_TryAgain'));\n }\n }\n\n /**\n * 仅做打点用\n */\n function onSubmitBtnClick() {\n Log({\n eventAction: 'click',\n eventCategory: `sign_up_in_${inModal ? 'modal' : 'page'}`,\n eventLabel: 'sign up(提交按钮)',\n });\n }\n\n /**\n * 点击发送验证码\n */\n async function onSendCodeBtnClick() {\n Log({\n eventAction: 'click',\n eventCategory: `sign_up_in_${inModal ? 'modal' : 'page'}`,\n eventLabel: 'send code',\n });\n\n // 发验证码前, 校验邮箱\n _setFieldTouched('email', true, true);\n\n // 下面判断 value, 是因为未输入状态下, 第一次点击发送验证码时\n // _errors 为空, 应该是因为还没走下面 return 的渲染逻辑, 所以 _errors 不是最新的 errors\n if (!_errors['email'] && _values['email']) {\n TeaLogSignUpAll('send_code');\n\n const res = await netSendCode({\n data: {\n email: _values['email'],\n },\n });\n if (res) {\n const { code, msg } = res;\n if (code === 0) {\n toast.success(t('TransnoWeb_Form_SendCodeSuccess'));\n setTick(60);\n } else if (code === StatusCodes.RegEmailExist) {\n _setFieldError('email', t('TransnoWeb_Form_EmailExist'));\n } else {\n _setFieldError('email', msg);\n }\n } else {\n toast.error(t('TransnoWeb_Toast_TryAgain'));\n }\n }\n }\n\n /**\n * 点击 sign in 按钮\n */\n function onSignInClick() {\n Log({\n eventAction: 'click',\n eventCategory: `sign_up_in_${inModal ? 'modal' : 'page'}`,\n eventLabel: 'sign in',\n });\n TeaLogSignUpAll('signin');\n onSignIn && onSignIn();\n }\n\n /**\n * 校验规则\n */\n function validateAll(values: SignUpValue) {\n const errors: SignUpValue = {};\n\n const emailErr = validateEamil(values.email);\n if (emailErr) {\n errors.email = emailErr;\n }\n\n if (!values.code) {\n errors.code = t('TransnoWeb_Form_ErrmsgRequired');\n }\n\n if (!values.password) {\n errors.password = t('TransnoWeb_Form_ErrmsgRequired');\n } else if (\n values.password.length < PASSWOED_MIN_LENGTH ||\n values.password.length > PASSWOED_MAX_LENGTH\n ) {\n errors.password = t('TransnoWeb_Form_ErrmsgPasswordLength');\n }\n\n if (!values.confirm) {\n errors.confirm = t('TransnoWeb_Form_ErrmsgRequired');\n } else if (values.confirm !== values.password) {\n errors.confirm = t('TransnoWeb_Form_ErrmsgPasswordDifferent');\n }\n\n return errors;\n }\n\n function validateEamil(email: string | undefined) {\n if (!email) {\n return t('TransnoWeb_Form_ErrmsgRequired');\n } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,}$/i.test(email)) {\n return t('TransnoWeb_Form_ErrmsgEmailInvalid');\n }\n return '';\n }\n\n function handleFocus(fieldName: string) {\n Tea('web_input_signup', {\n field_name: fieldName,\n from,\n });\n }\n\n function TeaLogSignUpConfirm(response: string) {\n Tea('web_click_signup_confirm', {\n response,\n from,\n });\n }\n function handleBackHomeClick() {\n Tea('web_click_back_home');\n }\n\n function handleGoogleClick() {\n TeaLogSignUpAll('google');\n }\n\n function handleTermsServiceClick() {\n TeaLogSignUpAll('terms_of_service');\n }\n\n function TeaLogSignUpAll(action: string) {\n Tea('web_click_signup_all', {\n button_name: action,\n from,\n });\n }\n\n // Sign In 按钮\n const signInBtn = inModal ? (\n \n {t('TransnoWeb_Form_BtnSignin')}\n \n ) : (\n \n {t('TransnoWeb_Form_BtnSignin')}\n \n );\n\n return (\n\n \n \n \n\n {/* 分割线 */}\n
\n );\n }}\n \n
\n \n {t('TransnoWeb_Form_SignupTerms1')}{' '}\n
{title}
\n )}\n {!!content && !title && (\n {content}
\n )}\n \n );\n }\n\n // 只有mounted为true，挂载节点后才会触发对应的动画，进而触发该函数，会拿到最新的state\n // 只有淡出动画的时候，才进行移除节点\n function onAnimationEnd(e: React.AnimationEvent{children}
;\n}\n\nexport default Container;\n","import Container from './Container';\n\nexport default Container;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"nav\":\"style__nav___3Qlq2V0r\",\"active\":\"style__active___1moZ9o-U\"};","module.exports = __webpack_public_path__ + \"7f0844a745524f66a89b281568e67e8d.png\";","import actionTypes from './actionTypes';\nimport { Action } from '$interfaces';\n\nconst loadingActions = {\n initial: (url: string): Action => ({\n type: actionTypes.LOADING_INITIAL,\n meta: {\n url,\n },\n }),\n\n loading: (url: string): Action => ({\n type: actionTypes.LOADING_LOADING,\n meta: {\n url,\n },\n }),\n\n success: (url: string): Action => ({\n type: actionTypes.LOADING_SUCCESS,\n meta: {\n url,\n },\n }),\n\n failure: (url: string): Action => ({\n type: actionTypes.LOADING_FAILURE,\n meta: {\n url,\n },\n }),\n};\n\nexport default loadingActions;\n","import { RefObject, useCallback, useRef, useState } from 'react';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { LoadingState } from '$constants/fetch';\nimport Tea from '$helpers/tea';\nimport { AxiosConfig, Response } from '$interfaces';\nimport loadingActions from '$redux/actions/loadings';\nimport { StoreState } from '$redux/models';\nimport fetch from '$utils/fetch';\n\ninterface UseFetchReturn\n
\n ));\n\n return (\n {item.name}
\n {item.status}
\n \n \n
\n );\n}\n\nexport default FunctionalityPanel;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#34C724\",\n d: \"M7 8.59L4.29 5.77 2.85 7.16l4.13 4.27 6.74-6.7-1.4-1.41z\"\n})));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#F54A45\",\n d: \"M8 6.57l3.3-3.3 1.41 1.4-3.29 3.31 3.3 3.31-1.41 1.42L8 9.4l-3.3 3.3-1.42-1.4 3.3-3.32-3.3-3.31 1.42-1.41 3.3 3.3z\"\n})));","import React from 'react';\n\nimport useTranslate from '$translate';\n\nimport FunctionalityPanel, { AccountType } from './FunctionalityPanel';\n\nimport AvailableIcon from './assets/available.svg';\nimport NotAvailableIcon from './assets/not-available.svg';\nimport './style.less';\n\nfunction OptionComparation() {\n const t = useTranslate();\n\n const available = {title}
\n{subTitle}
\n \n{functionItems}
\n 4
,\n },\n {\n name: t('TransnoWeb_Pro_WebPresentationMode'),\n status: notAvailable,\n },\n {\n name: t('TransnoWeb_Pro_TextStyle'),\n status: notAvailable,\n },\n {\n name: t('TransnoWeb_Pro_AdvancedExport'),\n status: notAvailable,\n },\n ],\n },\n {\n title: t('TransnoWeb_Pro_TypePro'),\n subTitle: t('TransnoWeb_Pro_TypeProDescription'),\n type: AccountType.pro,\n functions: [\n {\n name: t('TransnoWeb_Pro_NumberOfNodes'),\n status: ∞
,\n },\n {\n name: t('TransnoWeb_Pro_MindMapMode'),\n status: available,\n },\n {\n name: t('TransnoWeb_Pro_InsertPicture'),\n status: available,\n },\n {\n name: t('TransnoWeb_Pro_TextColor'),\n status: available,\n },\n {\n name: t('TransnoWeb_Pro_MobileOfflineEdit'),\n status: available,\n },\n {\n name: t('TransnoWeb_Pro_MindMapStyles'),\n status: t('TransnoWeb_Pro_All'),\n },\n {\n name: t('TransnoWeb_Pro_WebPresentationMode'),\n status: available,\n },\n {\n name: t('TransnoWeb_Pro_TextStyle'),\n status: available,\n },\n {\n name: t('TransnoWeb_Pro_AdvancedExport'),\n status: available,\n },\n ],\n },\n ];\n\n const panel = comparationData.map((item) => (\n \n
\n ));\n\n return (\n \n
\n );\n}\n\nexport default OptionComparation;\n","import OptionComparation from './OptionComparation';\n\nexport default OptionComparation;\n","interface Info {\n eventCategory: string;\n eventAction: string;\n eventLabel: string;\n transport?: 'beacon';\n}\n\nexport default function Log(info: Info) {\n if (typeof ga === 'function') {\n ga('gtm1.send', {\n hitType: 'event',\n ...info,\n });\n }\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"article-container\":\"style__article-container___3PS9bJx7\",\"article-content\":\"style__article-content___25QuNbz6\",\"quote\":\"style__quote___4p6w1X3n\",\"title\":\"style__title___3wxVDo9s\"};","const Api = {\n // 获取用户信息\n FetchUser: '/v3/api/user/current_user',\n // 登录\n SignIn: '/v3/api/user/email_login',\n // 幕布手机账户密码登录\n PhoneLogin: '/v3/api/user/phone_login',\n\n // 注册时的验证码\n SignUpCode: '/v3/api/user/email_reg/captcha',\n // 注册\n SignUp: '/v3/api/user/email_reg/submit',\n\n // 第三方登录\n ThirdPartyLogin: '/v3/api/user/login/app/google_oauth',\n\n // 找回密码\n ResetCode: '/v3/api/user/email_reset_pwd/captcha',\n CheckForgetPwdCode: '/v3/api/user/email_reset_pwd/submit',\n ResetPwd: '/v3/api/user/email_reset_pwd/confirm',\n\n // 找回文档加密密码\n ResetEncry: '/v3/api/user/reset_encrypted_password',\n VerifyEncryption: '/api/list/verify_encryption',\n\n // 获取文档内容\n GetShareId: '/v3/doc/get/shareId',\n FetchDoc: '/v3/api/document/edit/get',\n GetBasicShareDoc: '/v3/doc',\n GetExploreBasicDoc: '/v3/doc/explore',\n GetFaqBasicDoc: '/v3/doc/faq',\n GetDetailShareDoc: '/v3/api/document/view/get',\n VerifyPwd: '/v3/doc/verify-password',\n\n // 获取文档标题\n FetchDocTitle: '/v3/api/document/get_doc_name',\n // 获取 tag 列表\n FetchAtTagList: '/v3/api/document/get_at_tag',\n FetchHashTagList: '/v3/api/document/get_hash_tag',\n FetchAtDocList: '/v3/api/refer/search',\n\n // 清洗文档（避免重复 ID node/image）\n CleanDoc: '/v3/api/document/clean',\n\n // 文件夹相关\n GetFolders: '/v3/api/list/get_folder',\n CopyToFolder: '/v3/api/list/copy_doc_to',\n\n // 邀请协作相关 (协作衔接, 协作人)\n GetCollaUsers: '/v3/api/collaborate/collaborators',\n GetCollaLinks: '/v3/api/collaborate/get_document_links',\n CreateCollaLink: '/v3/api/collaborate/create_link',\n DeleteCollaLink: '/v3/api/collaborate/delete_link',\n EditCollaLink: '/v3/api/collaborate/edit_link',\n EditCollaUser: '/v3/api/collaborate/edit_collaborator',\n DeleteCollaUser: '/v3/api/collaborate/delete_collaborator',\n InitColla: '/v3/colla',\n\n // 举报文档\n Report: '/v3/api/document/complaint/add',\n\n // 点赞\n Like: '/v3/api/community/praise',\n // 收藏\n Collect: '/v3/api/collect/user_collect',\n // 获取评论列表\n GetComments: '/v3/api/community/get_comment',\n AddComment: '/v3/api/community/add_comment',\n ReplyComment: '/v3/api/community/add_reply_comment',\n\n // 获取分享作者信息\n GetAuthorCommunityInfo: '/v3/api/community/get_user_home_page',\n GetAuthorCommunityDocs: '/v3/api/community/get_user_community_document',\n\n // 协同相关\n FetchWSTicket: '/v3/api/colla/register',\n SendWSMessage: '/v3/api/colla/message',\n FetchRoomMembers: '/v3/api/colla/members',\n FetchMissChanges: '/v3/api/changeset/fetch',\n\n // 上传图片\n UploadImage: '/v3/api/document/upload_img_base64',\n // 获取最近上传图片\n GetRecentImgs: '/v3/api/document/user_img',\n\n // 分享相关\n OpenShareLink: '/v3/api/document/create_link',\n RefreshShareLink: '/v3/api/document/refresh_link',\n SetSharePwd: '/v3/api/document/save_doc_password',\n CloseShareLink: '/v3/api/document/close_link',\n\n // 导出文件\n ExportFile: '/v3/api/export/file',\n // 下载文件\n DownloadFile: '/v3/download/',\n // 导出 pdf\n ExportPdf: '/convert/print-pdf',\n Export: '/convert/export',\n\n // 搜索文档\n GetRecent: '/v3/api/document/get_recent_list',\n // 查询文档 level\n GetDocLevel: '/v3/api/user/current_level',\n // 初始化 share 信息\n InitInvite: '/v3/api/document/invite',\n\n // 通过升级码升级高级版\n UpgradeProByCode: '/v3/api/upgrade/submit_code',\n // 检查是否通过feedback得到vip\n CheckFeedbackVip: '/v3/api/user/feedback_check_vip',\n // 通过feedback获得vip\n GetFeedbackVip: '/v3/api/user/feedback_get_vip',\n GetInviteCount: '/v3/api/user/get_invite_count',\n // 获得notice数据\n GetNotice: '/api/event/banner',\n // 获取登陆用户的相关信息\n getUserParams: '/v3/api/user/get_user_params',\n // todos 测试\n Todos: '/api/todos',\n\n SystemConfig: '/v3/api/system/get_activity_config',\n\n // 历史记录\n GetVersions: '/v3/api/history/get_versions',\n RevertToVersion: '/v3/api/history/recover',\n GetVersionDetail: '/v3/api/history/version_detail',\n ImportDoc: '/v3/api/list/import_doc',\n\n /* 幕布精选 */\n // 轮播图\n GetMaterialList: '/v3/api/community/get_material_list',\n\n // 高级版相关\n // 创建订单\n CreateOrder: '/v3/api/upgrade/order',\n // 刷新订单\n RefreshOrder: '/v3/api/upgrade/refresh',\n // alipay获取签名跟创建订单\n AlipayUpgrade: '/v3/upgrade/alipay',\n // wxpay 拿code换签名相关信息\n WxpayUpgrade: '/v3/upgrade/wxpay',\n // alipay回调参数请求open api\n AlipayReturn: '/v3/upgrade/alipay_return',\n // wx 分享签名\n JsApiConfig: '/api/jsApiConfig',\n\n // 根据Jwt-Token更换userId\n exchangeToken: '/v3/api/user/getId',\n\n // 第三方登录\n WXLogin: '/v3/api/user/login/app/wx_oauth',\n QQLogin: '/v3/api/user/login/app/qq_oauth',\n\n CommunityGetByOldExploreId: '/v3/api/community/get_by_old_explore_id',\n CommunityGetByOldItemByDocumentId:\n '/v3/api/collect/get_old_item_by_document_id',\n};\n\nexport default Api;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"about-pro\":\"style__about-pro___2cjBR7IP\",\"header\":\"style__header___3IKopVtN\",\"upgrade-link\":\"style__upgrade-link___2QHxeZ-9\",\"bottom\":\"style__bottom___3GkyO0Pg\",\"descriptions\":\"style__descriptions___2zn7SePM\",\"introduce\":\"style__introduce___C-4aFaJF\",\"wrapper\":\"style__wrapper___1YhLdNW3\",\"lr\":\"style__lr___2AvqY_zI\",\"content\":\"style__content___10pFZp80\",\"rl\":\"style__rl___1FmAcxIV\",\"title\":\"style__title___GwX6Tp9G\",\"description\":\"style__description___nAhy7PzY\"};","import React, { useCallback, useState } from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport Api from '$constants/api';\nimport { LoadingState, StatusCodes } from '$constants/fetch';\nimport HeaderBgImg from '$containers/MubuAboutPro/assets/header-bg-pc.png';\nimport HeaderCoverImg from '$containers/MubuAboutPro/assets/header-cover-pc.png';\nimport useFetch from '$hooks/useFetch';\nimport Button from '$mubu-ui/Button';\nimport Input from '$mubu-ui/Input';\nimport Modal from '$mubu-ui/Modal';\nimport toast from '$mubu-ui/Toast';\nimport userActions from '$redux/actions/user';\nimport useTranslate from '$translate';\n\nimport CustomModal from '../Modal';\n\nimport './style.less';\n\ntype ActivitionCodeModalProps = {\n visible: boolean;\n onClose: () => void;\n};\nconst upgradeSuccessTips = [\n '',\n '1个月',\n '1年',\n '3年',\n '终身',\n '14个月',\n '42个月',\n '3个月',\n];\n// 说明： 这个是幕布使用的新版本的兑换高级版升级码弹窗\nfunction ActivitionCodeModal(props: ActivitionCodeModalProps) {\n const { visible, onClose: handleClose } = props;\n const [useCodeTipShow, setUseCodeTipShow] = useState(false);\n const [upgradeType, setUpgradeType] = useState{panel}
\n {error}
: null;\n\n return (\n <>\n \n \n
\n \n {upgradeType && (\n 升级成功
\n恭喜您，已获得{upgradeSuccessTips[upgradeType]}幕布高级版
\n{t('TransnoWeb_Form_SignUpWith')}
\n\n {/* 谷歌登录 */}\n\n \n
\n\n {/* Facebook 登录 */}\n {/* \n \n 
\n \n
*/}\n \n );\n}\n\nexport default ThirdPartyLoginInModal;\n","/**\n * 就是注册登录弹窗里面的\n * Google 和 Facebook 登录\n */\nimport ThirdPartyLoginInModal from './ThirdPartyLoginInModal';\n\nexport default ThirdPartyLoginInModal;\n","module.exports = __webpack_public_path__ + \"74eab473ad76f80196a2114d7a2eccba.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pro-eatures-intro\":\"style__pro-eatures-intro___2gud1SEx\",\"line-text-wrap\":\"style__line-text-wrap___jH7wxdQQ\",\"line\":\"style__line___2k_gTs5H\",\"text\":\"style__text___2pLy6Dka\",\"item\":\"style__item___2SJ5b5HU\",\"left\":\"style__left___2iu_cQ4l\",\"right\":\"style__right___2pvR2Ub7\"};","import React from 'react';\n\nconst initialState: I18NTranslations = {};\n\nconst TranslationContext = React.createContext(initialState);\n\nexport default TranslationContext;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer\":\"style__footer___VKuYpxFL\",\"info-wrap\":\"style__info-wrap___2WaoiRXi\",\"info-block\":\"style__info-block___1mayi5yw\",\"title\":\"style__title___2mDAgC4-\",\"link\":\"style__link___2lzS4Iwv\"};","import API from '$constants/api';\nimport { FetchError } from '$interfaces';\nimport { SyncError } from '$sync/interfaces/error';\n\nfunction getUrlPathname(url: string) {\n const a = document.createElement('a');\n a.href = url;\n\n return a.pathname;\n}\n\nconst monitoredUrls = {};\nconst docOpenTimer = {\n docId: '',\n start: 0,\n loaded: 0,\n render: 0,\n};\n\nObject.keys(API).forEach((name) => {\n monitoredUrls[API[name]] = name;\n});\n\nexport function getFetchErrorType(url: string) {\n const path = getUrlPathname(url);\n const errorType = monitoredUrls[path];\n\n return {\n type: errorType || 'OtherAPIError',\n path: path,\n };\n}\n\nexport interface SlardarLogParam {\n name: string;\n path: string;\n reason: string;\n url: string;\n status: string;\n code?: string;\n type?: string;\n changeSetLength?: number;\n}\n\nexport function ajaxRequestFailed(error: FetchError) {\n const { config, response } = error.payload;\n if (config.url) {\n const errorType = getFetchErrorType(config.url);\n const error = {\n name: errorType.type,\n path: errorType.path,\n reason: response?.statusText || 'Blocked Or Canceled',\n url: config.url,\n status: response?.status + '' || '-2',\n };\n\n sendSlardarCount(error);\n }\n}\n\nexport function docCrashed(err: SyncError) {\n const param = {\n name: 'DocCrashed',\n path: '',\n code: err.code + '',\n type: err.type,\n reason: err.message,\n url: '',\n status: '-2',\n changeSetLength: err.changeSetLength,\n };\n sendSlardarCount(param);\n}\n\nexport function docOpenPhase(\n type: 'start' | 'loaded' | 'render',\n time: number,\n id: string\n) {\n switch (type) {\n case 'start':\n docOpenTimer.docId = id;\n docOpenTimer.start = time;\n break;\n case 'loaded':\n if (id === docOpenTimer.docId) {\n docOpenTimer.loaded = time;\n }\n break;\n case 'render':\n if (id === docOpenTimer.docId) {\n docOpenTimer.render = time;\n\n reportDocOpenTime();\n }\n break;\n }\n}\n\nexport async function reportDocOpenTime() {\n const docOpenCost = docOpenTimer.render - docOpenTimer.start;\n\n if (docOpenCost <= 0) {\n return;\n }\n\n // 解决服务端不可用的问题\n const { default: slardar } = await import(\n /* webpackPreload: true */ '@slardar/sdk'\n );\n slardar('emit', 'timer', {\n name: 'DocOpened',\n value: docOpenCost,\n tags: {\n id: docOpenTimer.docId,\n },\n });\n}\n\nexport async function sendSlardarCount(param: SlardarLogParam) {\n // 解决服务端不可用的问题\n const { default: slardar } = await import(\n /* webpackPreload: true */ '@slardar/sdk'\n );\n slardar('emit', 'counter', {\n name: param.name,\n value: 1,\n tags: {\n name: param.path,\n reason: param.reason,\n url: param.url,\n code: param?.code,\n type: param?.type,\n changeSetLength:\n (param.changeSetLength ? Math.ceil(param.changeSetLength / 10) : 0) +\n '',\n status: param.status,\n version: '2',\n },\n });\n}\n","import axios, { AxiosResponse } from 'axios';\nimport { Context } from 'byted-gulu';\nimport Cookies from 'js-cookie';\nimport uuid from 'uuid';\n\nimport { StorageKey } from '$constants';\nimport { ajaxRequestFailed } from '$helpers/errorMonitor';\nimport { AxiosConfig, FetchError } from '$interfaces';\n\n// import toast from '$mubu-ui';\n// import { clientTranslate } from '$translate';\nimport { fetchEvent } from '../constants/eventTypes';\nimport { api } from './api';\n\nconst RETRY_DELAY = 1000;\n// 服务器端不需要重试，请求失败立马上报错误并且抛出异常\nconst MAX_RETRY = __IS_SERVER__ ? 0 : 1;\nconst TIME_OUT = 5000;\n\n// 设置 axios 的 baseUrl\naxios.defaults.baseURL = api('');\n\nexport function getCommonHeader(ctx?: Context) {\n let jwtToken = '';\n if (!__IS_SERVER__) {\n jwtToken =\n Cookies.get('Jwt-Token') ||\n localStorage.getItem(StorageKey.JWT_TOKEN) ||\n Cookies.get('token') ||\n '';\n }\n\n let uniqueId = '';\n if (__IS_SERVER__ && ctx) {\n uniqueId = ctx.state.uniqueId;\n } else if (typeof window !== 'undefined') {\n uniqueId = window.uniqueId;\n }\n\n return {\n 'Jwt-Token': jwtToken,\n 'data-unique-id': uniqueId,\n 'x-request-id': uuid(),\n };\n}\n\nexport function serializeOptions(options: AxiosConfig): AxiosConfig {\n const { headers, ctx, timeout } = options;\n\n const commonHeader = getCommonHeader(ctx);\n options.headers = Object.assign(commonHeader, headers);\n\n options.timeout = timeout === undefined ? TIME_OUT : timeout;\n\n return options;\n}\n\nasync function fetch(originOptions: AxiosConfig) {\n const options: AxiosConfig = serializeOptions(originOptions);\n const { retryTime, returnAllData, ...axiosOptions } = options;\n\n let retryNumber = 0;\n let response: AxiosResponse | undefined;\n\n async function makeRequest() {\n try {\n response = await axios(axiosOptions);\n if (!__IS_SERVER__) {\n dispatchEvent(\n new CustomEvent(fetchEvent, {\n detail: response.data,\n })\n );\n }\n } catch (error) {\n const maxRetryTime = retryTime || MAX_RETRY;\n // 超过重试次数\n if (retryNumber >= maxRetryTime) {\n const ajaxFailedError = new Error(\n `retry exhausted ${error}`\n ) as FetchError;\n ajaxFailedError.payload = {\n config: axiosOptions,\n response,\n };\n if (!__IS_SERVER__) {\n ajaxRequestFailed(ajaxFailedError);\n }\n\n throw ajaxFailedError;\n }\n // 重试\n await new Promise((resolve) => {\n // // toast 提示用户重试中\n // if (showRetryTips !== false) {\n // toast.error(clientTranslate('TransnoWeb_Toast_FetchRetry'), {\n // single: true,\n // });\n // }\n setTimeout(() => {\n retryNumber++;\n resolve(makeRequest());\n }, RETRY_DELAY);\n });\n }\n }\n\n await makeRequest();\n\n // 可返回包含返回头的所有信息, 也可只返回后端给的数据\n if (returnAllData) {\n return response;\n } else {\n return response?.data;\n }\n}\n\nexport default fetch;\n","// 支付宝支付跳转地址\nexport const ALIPAY_GATEWAY_NEW = 'https://mapi.alipay.com/gateway.do';\n// MuBu 微信APPID DEV环境是测试号appid\nexport const WX_APPID = __DEV__ ? 'wx8469be2981eef55a' : 'wxee1acd934f6fedf6';\n\nexport enum PayResult {\n Loading = 'Loading',\n Fail = 'Fail',\n Success = 'Success',\n}\n","module.exports = __webpack_public_path__ + \"9c77d7843e5a75418eedf0951cf05a7d.png\";","module.exports = __webpack_public_path__ + \"85ba59726967bb82148917420f3369d1.png\";","module.exports = __webpack_public_path__ + \"6596e818612fcc22f3077630579a71c9.png\";","import assert from 'assert';\nimport LocaleCode from 'locale-code';\n\nimport { Locale } from '../interfaces';\n\nimport { validCountry, validLanguage } from '../config/i18n/i18n.config';\n\nconst languageReg = /^\\/([^/]+).*/;\nconst defaultLanguage = 'en-US';\n/**\n * 从 url 中解析语言\n * 如果有匹配的语言，那么就返回，否则返回默认语言\n * @param url\n */\nexport function parseLanguageFromUrl(url: string) {\n const parts = languageReg.exec(url.replace('/mobile', ''));\n const languageLike = (parts && parts[1]) || '';\n if (LocaleCode.validate(languageLike)) {\n return languageLike;\n }\n return defaultLanguage;\n}\n\n/**\n * 优先读取环境变量中的, 如果没有配置，从 url 解析出 language 对象，如果找不到，就用默认的\n * @method parseLocale\n * @param url [description]\n * @return Language\n */\n\nexport function parseLocale(url: string, languageFromConfig?: string): Locale {\n const language = languageFromConfig || parseLanguageFromUrl(url);\n const country = LocaleCode.getCountryCode(language);\n const languageCode = LocaleCode.getLanguageCode(language);\n\n return {\n language,\n country,\n languageCode,\n };\n}\n\n/**\n * 去掉 url 中的语言信息\n */\nexport function replaceLanguage(url: string, language: string): string {\n assert.ok(\n LocaleCode.validate(language),\n 'Expect language is valid language code'\n );\n\n const result = url.replace(`/${language}`, '');\n if (!result) {\n return '/';\n }\n\n return result;\n}\n\nexport function setDefaultLanguageToUrl(\n url: string,\n defaultLanguage: string\n): string {\n assert.ok(\n LocaleCode.validate(defaultLanguage),\n 'Expect default is a valid language code'\n );\n\n const language = parseLanguageFromUrl(url);\n const pureUrl = replaceLanguage(url, language);\n return `/${defaultLanguage}${pureUrl}`;\n}\n\nexport function isValidLocale(locale: Locale): boolean {\n const { language, country } = locale;\n if (!LocaleCode.validate(language) || !LocaleCode.validate(country)) {\n return false;\n }\n if (!validCountry.has(country) && !validLanguage.has(language)) {\n return false;\n }\n if (LocaleCode.getCountryCode(language) !== country) {\n return false;\n }\n return true;\n}\n\n// 用于dangerouslySetInnerHTML 的过滤\n// @TODO 需要后续补充过滤名单\nexport function getSaftyHtml(str: string) {\n return str;\n}\n","import classnames from 'classnames';\nimport React, {\n InputHTMLAttributes,\n memo,\n ReactNode,\n useEffect,\n useRef,\n} from 'react';\n\nimport './style.less';\n\nInput.defaultProps = {\n size: 'middle',\n shape: 'round',\n error: false,\n};\n\ninterface InputProps\n extends Omit<\n InputHTMLAttributes\n {prefix}\n \n {suffix}\n
\n );\n}\n\nexport default memo(Input);\n","import Input from './Input';\n\nexport default Input;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"style__main___3RLz8MCT\",\"header\":\"style__header___2jW2uGLL\",\"content-wrapper\":\"style__content-wrapper___2OkDyzvE\",\"description\":\"style__description___38RqtvUj\",\"browsers\":\"style__browsers___1FgvH2Pd\",\"logo\":\"style__logo___27-n4QRS\",\"name\":\"style__name___AwTSWIAY\",\"more-options\":\"style__more-options___x1Azy4-j\",\"download-app\":\"style__download-app___96MpmX4n\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"message\":\"style__message___3xvGcomr\",\"infoIcon\":\"style__infoIcon___37onDKYg\",\"closeIcon\":\"style__closeIcon___3B48RPwP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mobile-app\":\"style__mobile-app___2nqPbVBr\"};","module.exports = __webpack_public_path__ + \"e9ebfc7ee0d226d261f151f94ae8edf5.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"upgrade-pay\":\"style__upgrade-pay___3BRiLh9c\",\"header\":\"style__header___2vLiBNGp\",\"avatar-wrap\":\"style__avatar-wrap___327s2tqE\",\"avatar\":\"style__avatar___3sbUNGFX\",\"circle\":\"style__circle___2YMfWjem\",\"infos\":\"style__infos___1UKKI7pX\",\"username-wrap\":\"style__username-wrap___TM0N3oQG\",\"user-id\":\"style__user-id___1dmz0A5K\",\"expiration-time\":\"style__expiration-time___3fcLDvtp\",\"items\":\"style__items___2uUg9p5e\",\"item\":\"style__item___1YI4hsfz\",\"tip\":\"style__tip___hu4MzpBo\",\"content\":\"style__content___3B-Y3pOB\",\"buy-method\":\"style__buy-method___1TSZcA7q\",\"isWx\":\"style__isWx___KXWnKddj\",\"method-item\":\"style__method-item___2WjurxXG\",\"icon\":\"style__icon___3TaHLGUo\",\"checkbox\":\"style__checkbox___3YI1oufA\",\"buy-intro\":\"style__buy-intro___1IDRMsf9\",\"purple\":\"style__purple___3Hmms1qV\",\"confirm-custom-button-wrap\":\"style__confirm-custom-button-wrap___3Z62iKU-\",\"confirm-custom-button\":\"style__confirm-custom-button___UU1vzBbW\",\"wechat-buy-modal\":\"style__wechat-buy-modal___uzdqpzsA\",\"qrcode\":\"style__qrcode___eAofR5pR\",\"wechat-buy-success\":\"style__wechat-buy-success___3JmhUSui\",\"expired-time\":\"style__expired-time___Dooe95lK\",\"wx-custom-button\":\"style__wx-custom-button___1c5jEXuL\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrap\":\"style__wrap___1a5LO6UW\",\"banner-wrap\":\"style__banner-wrap___2gJgTh_a\",\"app-banner\":\"style__app-banner___3uEPdEdK\",\"download\":\"style__download___2jJc3Q4d\",\"main\":\"style__main___HCXT8NYn\",\"rule-btn\":\"style__rule-btn___pUZ-Ebsi\",\"setion1-bg\":\"style__setion1-bg___3gjy0-dk\",\"narrow-main\":\"style__narrow-main___25l5682P\",\"setion-bg\":\"style__setion-bg___-q2yv0rU\",\"setion2\":\"style__setion2___5alTuSsg\",\"draw-bg\":\"style__draw-bg___3qklQCzx\",\"setion-main\":\"style__setion-main___32Kw1Mpf\",\"prize-info\":\"style__prize-info___3LNcxsL2\",\"draw-num\":\"style__draw-num___2Zn7CAIL\",\"setion2-info\":\"style__setion2-info___2DsAPd-I\",\"ggbb\":\"style__ggbb___2dRTxNZ-\",\"setion3\":\"style__setion3___1-mOBbHm\",\"setion3-main\":\"style__setion3-main___2WTmNySE\",\"setion3-30\":\"style__setion3-30___1elD6v2O\",\"day\":\"style__day___PV5ILl8d\",\"get30-btn\":\"style__get30-btn___3NpWZt7L\",\"setion4\":\"style__setion4___2rOpD8Lr\",\"setion4-main\":\"style__setion4-main___UNHvHw7b\",\"invite-title\":\"style__invite-title___2FjsaF9z\",\"invite-count\":\"style__invite-count___kBYPYvLW\",\"num\":\"style__num___1r0Dvt8k\",\"exchange-btn-group\":\"style__exchange-btn-group___3Z18JTUI\",\"exchange-btn\":\"style__exchange-btn___Uq6Fdf9O\",\"exchange-active\":\"style__exchange-active___2ce5pBXK\",\"main-page-btn\":\"style__main-page-btn___2P29rlgP\",\"main-page-btn-bg\":\"style__main-page-btn-bg___3jVYr0k5\",\"main-page-btn-text\":\"style__main-page-btn-text___v4ch0gPj\",\"footer\":\"style__footer___3avoVdEf\",\"footer-bg\":\"style__footer-bg___WqRo5q6G\",\"contact\":\"style__contact___1ZPV7_pI\",\"debug-btns\":\"style__debug-btns___1sVty4A6\",\"debug-btn\":\"style__debug-btn___1_nFz58F\",\"link\":\"style__link___NNMdNAA_\",\"share\":\"style__share___3lA2_Mny\",\"yes-no\":\"style__yes-no___2ZAfUfcA\",\"close\":\"style__close___3GQOHwYC\",\"yes-title\":\"style__yes-title___1grx-VuQ\",\"yes-text-wrap\":\"style__yes-text-wrap___2LkL_6xN\",\"yes-text\":\"style__yes-text___1sOnWz7_\",\"yes-num\":\"style__yes-num___nM1qdSlL\",\"btn-group\":\"style__btn-group___evEJ_k5b\",\"invite-more\":\"style__invite-more___11LRued4\",\"exchange-now\":\"style__exchange-now___1YMPGYXm\",\"backup\":\"style__backup___1xTdgj0l\"};","module.exports = __webpack_public_path__ + \"bb6e5814c4c3057789437ee07e5b4e28.png\";","import React, { useContext } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { Redirect } from 'react-router-dom';\nimport { Page } from '$constants/page';\n\nimport Container from '$components/Container';\nimport LocaleContext from '$contexts/LocaleContext';\n\nimport './style.less';\n\nfunction SDK() {\n const locale = useContext(LocaleContext);\n const { language } = locale;\n\n if (language !== 'zh-CN') {\n return \n \n 幕布App接入第三方SDK目录 - 幕布 \n \n \n \n
\n );\n}\n\nexport default SDK;\n","import SDK from './SDK';\n\nexport default SDK;\n","module.exports = __webpack_public_path__ + \"7fafd94d516c8108fb87bab0b81ed283.png\";","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"web_success_20\"), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.72 5.22a.75.75 0 011.13.98l-.07.08-8 8a.75.75 0 01-1.02.04l-.07-.08-3.5-4a.75.75 0 011.05-1.06l.07.08 2.98 3.4 7.43-7.44z\",\n fill: \"#26282A\",\n fillRule: \"evenodd\"\n})));","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"title\", null, \"web_success_20\"), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.72 5.22a.75.75 0 011.13.98l-.07.08-8 8a.75.75 0 01-1.02.04l-.07-.08-3.5-4a.75.75 0 011.05-1.06l.07.08 2.98 3.4 7.43-7.44z\",\n fill: \"#E2E2E2\",\n fillRule: \"evenodd\"\n})));","import classnames from 'classnames';\nimport React from 'react';\n\nimport AvailableIcon from '../../assets/available.svg';\nimport ProAvailableIcon from '../../assets/pro-available.svg';\nimport './style.less';\n\nexport enum AccountType {\n basic = 'basic',\n pro = 'pro',\n}\n\ninterface FunctionalityPanelProps {\n top: React.ReactNode;\n center: {\n title: React.ReactNode;\n subTitle: React.ReactNode;\n action: React.ReactNode;\n };\n lineText: React.ReactNode;\n functions: { name: string }[];\n type: AccountType;\n}\n\nexport default function FunctionalityPanel(props: FunctionalityPanelProps) {\n return (\n \n \n \n
\n
\n 幕布App接入第三方SDK目录
\n\n 目前幕布app两端的第三方SDK一致，后续如有变化另行调整。\n
\n\n 为保障幕布App相关功能的实现与应用安全稳定的运行，我们可能会接入由第三方提供的软件开发包（SDK）实现相关目的。\n
\n\n 我们会对合作方获取信息的软件工具开发包（SDK）进行严格的安全监测，以保护数据安全。\n
\n我们对接入的相关第三方SDK在目录中列明。
\n| SDK名称 | \n使用目的 | \n隐私政策/官网链接 | \n
|---|---|---|
| QQ分享 | \n帮助用户分享内容至第三方应用 | \n\n https://privacy.qq.com/\n | \n
| 微信分享 | \n帮助用户分享内容至第三方应用 | \n\n \n https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=privacy\n \n | \n
{props.center.title}
\n{props.center.subTitle}
\n \n{props.center.action}
\n \n \n
\n \n \n );\n}\n","import FunctionalityPanel from './FunctionalityPanel';\n\nexport * from './FunctionalityPanel';\n\nexport default FunctionalityPanel;\n","import React, { useCallback, useMemo } from 'react';\nimport { shallowEqual, useSelector } from 'react-redux';\n\nimport { Path } from '$constants/page';\nimport Tea from '$helpers/tea';\nimport { StoreState } from '$redux/models';\nimport useTranslate from '$translate';\n\nimport FunctionalityPanel, { AccountType } from '../FunctionalityPanel';\n\nimport ProIcon from '$containers/MubuAboutPro/assets/vip.svg';\nimport './style.less';\n\ninterface OptionComparationProps {\n onProBuyModalOpen: () => void;\n onCodeModalOpen: () => void;\n}\n\nfunction OptionComparation(props: OptionComparationProps) {\n const t = useTranslate();\n const { user } = useSelector(\n (state: StoreState) => ({\n user: state.user,\n }),\n shallowEqual\n );\n\n const handleBasicButtonClick = useCallback(() => {\n if (!user.login) {\n Tea('web_pro_click', {\n action: 'free_login',\n });\n window.location.href = `/login?next=${Path.AboutPro}`;\n }\n }, [user]);\n\n const handleProButtonClick = useCallback(() => {\n if (user.login) {\n Tea('web_pro_click', {\n action: 'upgrade',\n });\n props.onProBuyModalOpen();\n } else {\n Tea('web_pro_click', {\n action: 'pro_login',\n });\n window.location.href = `/login?next=${Path.AboutPro}`;\n }\n }, [user, props]);\n\n const comparationData = useMemo(() => {\n return [\n {\n top: t('TransnoWeb_Pro_TypeBasic'),\n center: {\n title: t('TransnoWeb_Pro_TypeBasicFee'),\n subTitle: t('TransnoWeb_Pro_TypeBasicDescription'),\n action: (\n {props.lineText}
\n\n
\n \n {user.login\n ? t('TransnoWeb_Pro_PurchaseRightNow')\n : t('TransnoWeb_Pro_RegisteFree')}\n \n
\n ),\n },\n lineText: '会员特权',\n type: AccountType.pro,\n functions: [\n {\n name: t('TransnoWeb_Pro_NotLimitNodeCount'),\n },\n {\n name: t('TransnoWeb_Pro_SupportAll'),\n },\n {\n name: t('TransnoWeb_Pro_TrashRemainForever'),\n },\n {\n name: t('TransnoWeb_Pro_SupportOffline'),\n },\n {\n name: t('TransnoWeb_Pro_ExportOpml'),\n },\n ],\n },\n ];\n }, [\n t,\n handleProButtonClick,\n props.onCodeModalOpen,\n handleBasicButtonClick,\n user.login,\n ]);\n\n const panel = comparationData.map((item) => (\n \n {user.login ? (\n \n {t('TransnoWeb_Pro_UseUpgradeCode')}\n \n ) : (\n 新用户送15天(自动到账)\n )}\n
\n\n
\n ));\n\n return (\n \n
\n );\n}\n\nexport default OptionComparation;\n","import OptionComparation from './OptionComparation';\n\nexport default OptionComparation;\n","import classnames from 'classnames';\nimport React from 'react';\n\nimport LikeIcon from '$containers/MubuAboutPro/assets/like.svg';\nimport './style.less';\n\ninterface PackageCardProps {\n buyTime: string;\n price: number;\n originalPrice?: number;\n active: boolean;\n saveMoney?: number;\n presentTime?: string;\n type: number;\n unit: string;\n onClick: (type: number) => void;\n}\n\nPackageCard.defaultProps = {\n active: false,\n};\n\nexport default function PackageCard(props: PackageCardProps) {\n return (\n {panel}
\n {t('TransnoWeb_Pro_PurchaseTip1')}
,\n },\n {\n id: 2,\n component: (\n\n {t('TransnoWeb_Pro_PurchaseTip2Part1')}\n \n \n {t('TransnoWeb_Pro_PurchaseAgreement')}\n \n \n {t('TransnoWeb_Pro_PurchaseTip2Part2')}\n
\n ),\n },\n {\n id: 3,\n component: (\n\n {t('TransnoWeb_Pro_Click')}\n \n \n {t('TransnoWeb_Pro_RequestInvoice')}\n \n \n
\n ),\n },\n ];\n }, [t]);\n\n const refreshOrder = useCallback(\n async (orderId: string) => {\n const res = await orderReresh({\n data: {\n orderId,\n },\n });\n if (res?.data && !res.data.payed) {\n if (wxModalVisibleRef.current) {\n refreshOrder(orderId);\n }\n } else {\n setWxModalVisible(false);\n setWxpaySuccess(true);\n }\n },\n [orderReresh, wxModalVisibleRef]\n );\n\n const wxPayClick = useCallback(async () => {\n Tea('web_pro_click', {\n action: 'pay_wechat',\n });\n const res = await netOrderFetch({\n data: {\n type: packageType,\n },\n });\n if (res?.code === StatusCodes.Success) {\n setWxModalVisible(true);\n wxModalVisibleRef.current = true;\n onClose();\n refreshOrder(res.data.orderId);\n }\n }, [netOrderFetch, packageType, refreshOrder, onClose, wxModalVisibleRef]);\n\n const alipayClick = useCallback(async () => {\n Tea('web_pro_click', {\n action: 'pay_alipay',\n });\n const res = await alipayUpgrade({\n data: {\n type: packageType,\n },\n });\n if (!res || res?.code !== StatusCodes.Success || !res.data) return;\n window.location.href = `${ALIPAY_GATEWAY_NEW}${qs.stringify(\n res.data.para || {},\n { addQueryPrefix: true }\n )}`;\n }, [packageType, alipayUpgrade]);\n\n const handlePackageTypeClick = useCallback((type) => {\n Tea('web_pro_click', {\n action: teaLogPackageTypeParamMap[type],\n });\n setPackageType(type);\n }, []);\n\n const wxCodeurl = useMemo(() => {\n return orderUpgradeRes?.data?.codeUrl;\n }, [orderUpgradeRes]);\n\n const vipEndDate = useMemo(() => {\n return wxOrderResult?.data?.endDate;\n }, [wxOrderResult]);\n\n return (\n <>\n {/* 高级版购买弹窗 */}\n- \n
- \n {t('TransnoWeb_Pro_PurchaseLabel1')}\n \n {packages.map((item) => (\n\n \n
- \n {t('TransnoWeb_Pro_PurchaseLabel2')}\n \n \n \n\n \n
- \n {t('TransnoWeb_Pro_PurchaseLabel3')}\n \n\n
- \n {introList.map((item) => (\n
- {item.component} \n ))}\n
\n
支付成功
\n恭喜您成功购买幕布高级版
\n\n 到期时间:\n \n {dayjs(vipEndDate).format('YYYY/MM/DD')}\n \n
\n\n
\n ))}\n {feat.icon}
\n \n {feat.title}
\n{feat.subTitle}
\n \n\n 
\n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport Header from '$components/Header';\nimport Footer from '$components/MubuFooter';\nimport Tea from '$helpers/tea';\nimport { useInElectronWhenAtWeb } from '$shared/hooks/browser';\n\nimport ActivitionCodeModal from './components/ActivitionCodeModal';\nimport OptionComparation from './components/OptionComparation';\nimport ProBuyModal from './components/ProBuyModal';\nimport ProFeaturesIntro from './components/ProFeaturesIntro';\nimport ProMask from './components/ProMask';\n\nimport './style.less';\n\nfunction AboutPro() {\n const inElectron = useInElectronWhenAtWeb();\n const [proModalVisible, setProModalVisible] = useState(false);\n const [codeModalVisble, setCodeModalVisible] = useState(false);\n useEffect(() => {\n Tea('web_pro_show', {\n page_location: 'about_pro',\n });\n });\n\n return (\n \n \n 幕布高级版 \n \n {!inElectron && setProModalVisible(true)}\n onCodeModalOpen={() => setCodeModalVisible(true)}\n />\n setProModalVisible(false)}\n />\n setCodeModalVisible(false)}\n />\n {!inElectron && }\n
\n );\n}\n\nexport default AboutPro;\n","import MubuAboutPro from './MubuAboutPro';\n\nexport default MubuAboutPro;\n","import { useLayoutEffect, useState } from 'react';\n\nexport function useInElectronWhenAtWeb() {\n const [inElectron, setInElectron] = useState(false);\n\n useLayoutEffect(() => {\n if (window?.navigator?.userAgent?.includes('幕布')) {\n setInElectron(true);\n }\n }, []);\n\n return inElectron;\n}\n","import classnames from 'classnames';\nimport React from 'react';\nimport LazyLoad from 'react-lazyload';\n\nimport Footer from '$components/Footer';\nimport Header from '$components/Header';\nimport Link from '$components/Link';\nimport OptionComparation from '$components/OptionComparation';\nimport introduceImage1 from '$containers/TransnoAboutPro/assets/1.png';\nimport introduceImage2 from '$containers/TransnoAboutPro/assets/2.png';\nimport introduceImage3 from '$containers/TransnoAboutPro/assets/3.png';\nimport introduceImage4 from '$containers/TransnoAboutPro/assets/4.png';\nimport introduceImage5 from '$containers/TransnoAboutPro/assets/5.png';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction AboutPro() {\n const t = useTranslate();\n const introduce = [\n {\n id: 1,\n img: introduceImage1,\n title: t('TransnoWeb_Pro_AboutProTitle1'),\n content: t('TransnoWeb_Pro_AboutProContent1'),\n layout: 'lr',\n },\n {\n id: 2,\n img: introduceImage2,\n title: t('TransnoWeb_Pro_AboutProTitle2'),\n content: t('TransnoWeb_Pro_AboutProContent2'),\n layout: 'rl',\n },\n {\n id: 3,\n img: introduceImage3,\n title: t('TransnoWeb_Pro_AboutProTitle3'),\n content: t('TransnoWeb_Pro_AboutProContent3'),\n layout: 'lr',\n },\n {\n id: 4,\n img: introduceImage4,\n title: t('TransnoWeb_Pro_AboutProTitle4'),\n content: t('TransnoWeb_Pro_AboutProContent4'),\n layout: 'rl',\n },\n {\n id: 5,\n img: introduceImage5,\n title: t('TransnoWeb_Pro_AboutProTitle5'),\n content: t('TransnoWeb_Pro_AboutProContent5'),\n layout: 'lr',\n },\n ];\n\n const descriptions = introduce.map((item) => (\n \n \n \n 
\n \n \n
\n \n
\n {item.title}
\n{item.content}
\n\n \n \n \n {descriptions} \n
\n );\n}\n\nexport default AboutPro;\n","import TransnoAboutPro from './TransnoAboutPro';\n\nexport default TransnoAboutPro;\n","import React, { memo, useContext } from 'react';\n\nimport MubuAboutPro from '$containers/MubuAboutPro';\nimport TransnoAboutPro from '$containers/TransnoAboutPro';\nimport AppContext from '$contexts/AppContext';\n\nfunction AboutPro() {\n const { isMubu } = useContext(AppContext);\n return isMubu ? {t('TransnoWeb_Pro_ProStatus')}
\n{t('TransnoWeb_Pro_Introduce1')}
\n \n\n {t('TransnoWeb_Pro_UpgradeNow')}\n
\n \n {t('TransnoWeb_Pro_UpgradeNow')}\n
\n \n \n 
\n
\n {item.name}
\n \n \n
\n );\n}\n\nexport default Browser;\n","import React from 'react';\n\nfunction Exception() {\n React.useEffect(() => {\n ga('gtm1.send', 'event', 'Videos', 'play', 'Fall Campaign');\n // setTimeout(() => {\n // throw new Error('Attack!');\n // }, 4000);\n }, []);\n\n return \n
\n \n
\n {t('TransnoWeb_Browsers_UnsupportedTitle')}
\n\n
\n {t('TransnoWeb_Browsers_FastCore')}
\n{t('TransnoWeb_Browsers_UpdateBrowser')}
\n- {browsersList}
\n
*/}\n {t('TransnoWeb_Browsers_DownloadApp')}
\n \nException Page
;\n}\n\nexport default Exception;\n","import Exception from './Exception';\n\nexport default Exception;\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport bg from './assets/banner.png';\nimport qrcode from './assets/qrcode.png';\n\nimport './style.less';\n\nfunction FourYears() {\n return (\n \n \n 幕布4岁生日趴 - 幕布 \n \n \n
\n );\n}\n\nexport default FourYears;\n","import React, { memo, useEffect } from 'react';\n\nimport Link from '$components/Link';\nimport useFetch from '$hooks/useFetch';\nimport { Path } from '$shared/constants/page';\n\nimport './style.less';\n\ninterface DocItem {\n id: string;\n name: string;\n}\n\nfunction List() {\n const { net: netGetList, res: listData } = useFetch({\n url: '/v3/api/list/get',\n method: 'post',\n });\n\n useEffect(() => {\n netGetList({\n data: {\n folderId: 0,\n sort: 'time',\n keywords: '',\n source: '',\n },\n });\n }, [netGetList]);\n\n return (\n \n 
\n
\n \n 
\n
\n 扫描二维码参加活动
\n \n {listData &&\n listData.data.documents.map((item: DocItem) => (\n \n {item.name}\n
\n \n ))}\n
\n );\n}\n\nexport default memo(List);\n","import List from './List';\n\nexport default List;\n","import Cookies from 'js-cookie';\nimport { useEffect } from 'react';\n\nimport { StorageKey } from '$constants';\n\nfunction Logout() {\n useEffect(() => {\n localStorage.removeItem(StorageKey.JWT_TOKEN);\n Cookies.remove(StorageKey.JWT_TOKEN);\n location.pathname = '/';\n }, []);\n return null;\n}\n\nexport default Logout;\n","import Logout from './Logout';\n\nexport default Logout;\n","import ThirdPartyBind from './ThirdPartyBind';\nexport default ThirdPartyBind;\n","import { useCallback, useEffect, useMemo } from 'react';\nimport useFetch from '$hooks/useFetch';\nimport React from 'react';\nimport { useLocation } from 'react-router';\nimport urlUtils from '$shared/utils/url';\n\nexport default function ThirdPartyBind() {\n const { search, hash } = useLocation();\n const [platform, type, token] = useMemo(() => {\n if (!search) return [];\n const queryObj = urlUtils.getQueryObject(search);\n const platform = queryObj.platform;\n const type = queryObj.type;\n const token = queryObj.token;\n return [platform, type, token];\n }, [search]);\n\n const { net: netCreatePlatformState } = useFetch({\n baseURL: 'https://mubu.com',\n url: '/api/login/create_platform_state_v2',\n method: 'post',\n withCredentials: true,\n });\n\n const onBindQQ = useCallback(\n async (type: string) => {\n const formData = new FormData();\n formData.append('type', type);\n formData.append('platform', 'qq');\n const resPromise = netCreatePlatformState({\n data: formData,\n });\n const res = await resPromise;\n if (res?.code === 0) {\n const appId = '101328916';\n const callback = encodeURIComponent(\n 'http://mubu.io/open-login/qq,http://mubu.io/open-login/qq_boe'\n );\n const url =\n 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=' +\n appId +\n '&redirect_uri=' +\n callback +\n '&scope=get_user_info&state=' +\n res.data.state;\n location.href = url;\n }\n },\n [netCreatePlatformState]\n );\n\n const onBindWeChat = useCallback(\n async (type: string) => {\n const formData = new FormData();\n formData.append('type', type);\n formData.append('platform', 'wx');\n const resPromise = netCreatePlatformState({\n data: formData,\n });\n const res = await resPromise;\n if (res?.code === 0) {\n const appId = 'wx1dd686ead0ffc496';\n const callback = encodeURIComponent('http://mubu.io/wxlogin');\n const url =\n 'https://open.weixin.qq.com/connect/qrconnect?appid=' +\n appId +\n '&redirect_uri=' +\n callback +\n '&response_type=code&scope=snsapi_login&state=' +\n res.data.state +\n '#wechat_redirect';\n location.href = url;\n }\n },\n [netCreatePlatformState]\n );\n\n useEffect(() => {\n if (!type || !platform || hash) return;\n if (token) document.cookie = `Jwt-Token=${token}`;\n if (platform === 'wx') {\n onBindWeChat(type as string);\n } else if (platform === 'qq') {\n onBindQQ(type as string);\n }\n }, [onBindQQ, onBindWeChat, platform, type, token, hash]);\n\n useEffect(() => {\n if (!hash) return;\n location.href = '/success' + hash;\n }, [hash]);\n\n return (\n \n \n ))}\n
{children}
;\n}\n","import React from 'react';\n\nimport './style.less';\n\nfunction SeparatorInForm() {\n return ;\n}\n\nexport default SeparatorInForm;\n","import SeparatorInForm from './SeparatorInForm';\n\nexport default SeparatorInForm;\n","module.exports = __webpack_public_path__ + \"be0162151e5c3248fb2955d67ec38667.jpg\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"component-wrap\":\"style__component-wrap___3U6HAK38\",\"transno-popover-hidden-arrow\":\"style__transno-popover-hidden-arrow___2fNFwL8h\",\"popover-arrow\":\"style__popover-arrow___37S4F8AH\",\"transno-popover-title\":\"style__transno-popover-title___3j2bHwXw\",\"transno-popover-content\":\"style__transno-popover-content___2UfzLs8J\",\"transno-popover-show\":\"style__transno-popover-show___qOjwRjF2\",\"transno-popover-position-top\":\"style__transno-popover-position-top___37J9Ips_\",\"transno-popover-position-topRight\":\"style__transno-popover-position-topRight___11070DXS\",\"transno-popover-position-topLeft\":\"style__transno-popover-position-topLeft___1dO1ZC-F\",\"slide-down\":\"style__slide-down___2Khc9B3i\",\"transno-popover-position-right\":\"style__transno-popover-position-right___Mw6skyGQ\",\"transno-popover-position-rightBottom\":\"style__transno-popover-position-rightBottom___2Tan6mm2\",\"transno-popover-position-rightTop\":\"style__transno-popover-position-rightTop___2-e69kdh\",\"slide-right\":\"style__slide-right___3tLsd0XW\",\"transno-popover-position-bottom\":\"style__transno-popover-position-bottom___yeKtSjON\",\"transno-popover-position-bottomRight\":\"style__transno-popover-position-bottomRight___2JsUR0C1\",\"transno-popover-position-bottomLeft\":\"style__transno-popover-position-bottomLeft___2lUaeMhO\",\"slide-up\":\"style__slide-up___2G3LtXLF\",\"transno-popover-position-left\":\"style__transno-popover-position-left___3bi9NXpE\",\"transno-popover-position-leftTop\":\"style__transno-popover-position-leftTop___10DibTHJ\",\"transno-popover-position-leftBottom\":\"style__transno-popover-position-leftBottom___1d3ZZouv\",\"slide-left\":\"style__slide-left___3QJ-XLNy\",\"transno-popover-hide\":\"style__transno-popover-hide___3ThF4OUk\",\"slide-down-out\":\"style__slide-down-out___3vGGmjaH\",\"slide-right-out\":\"style__slide-right-out___1yQIGbn_\",\"slide-up-out\":\"style__slide-up-out___3pBqBDq0\",\"slide-left-out\":\"style__slide-left-out___3X0G4PEX\",\"transno-popover-wrapper\":\"style__transno-popover-wrapper___1ddxBg67\",\"transno-popover-dark\":\"style__transno-popover-dark___3zbcP1Ck\",\"transno-popover-light\":\"style__transno-popover-light___od2d53HJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"upgrade-code-modal\":\"style__upgrade-code-modal___1WklVn5W\",\"enter-upgrade-code\":\"style__enter-upgrade-code___uA5PScNt\",\"error\":\"style__error___1LveUi2D\",\"upgrade-code-description\":\"style__upgrade-code-description___8syi-P3b\",\"use-code-tip\":\"style__use-code-tip___OB9cyaIy\",\"invite-friend\":\"style__invite-friend___h96gc3aN\",\"submit\":\"style__submit___3PQY541i\",\"upgrade-success\":\"style__upgrade-success___BFDJ46Dk\",\"expired-time\":\"style__expired-time___318KpeVv\",\"upgrade-success-custom-button\":\"style__upgrade-success-custom-button___17wLmOsI\"};","import classnames from 'classnames';\nimport React, { memo } from 'react';\n\nimport { useStopBodyScroll } from '$hooks';\n\nimport './style.less';\n\ninterface GlobalLoadingProps {\n loading: boolean;\n\n // 是否显示白色遮罩\n cover?: boolean;\n}\n\nGlobalLoading.defaultProps = {\n cover: false,\n};\n\nfunction GlobalLoading(props: GlobalLoadingProps) {\n const { loading, cover } = props;\n\n useStopBodyScroll(loading);\n\n if (!loading) {\n return null;\n }\n\n return (\n \n \n
\n );\n}\n\nexport default memo(GlobalLoading);\n","/**\n * 全局 loading 组件\n */\nimport GlobalLoading from './GlobalLoading';\n\nexport default GlobalLoading;\n","/**\n * 页面分块\n */\nexport enum Page {\n /**\n * 主页\n */\n Home = 'Home',\n /**\n * 编辑器页面\n */\n Editor = 'Editor',\n}\n\nexport const TryItNowRefId = 'try-it-now';\n\n/**\n * 路由\n */\nexport const Path = {\n Home: '/',\n // FIXME: 这里后面要改回来\n DownLoad:\n typeof CLIENT_CONFIG !== 'undefined' && CLIENT_CONFIG.language === 'zh-CN'\n ? '/apps'\n : `/#${TryItNowRefId}`,\n SignIn:\n typeof CLIENT_CONFIG !== 'undefined' && CLIENT_CONFIG.language === 'zh-CN'\n ? '/login'\n : '/signin',\n SignUp:\n typeof CLIENT_CONFIG !== 'undefined' && CLIENT_CONFIG.language === 'zh-CN'\n ? '/login'\n : '/signup',\n Logout: '/logout',\n ResetPwd: '/reset_pwd',\n ResetEncry: '/reset_encrypt',\n AppContainer: '/app',\n EditDoc: '/app/edit/:tab?/:docId?',\n Doc: '/doc:id',\n Colla: '/colla/:id',\n Share: '/doc/:id',\n ExploreShare: '/doc/explore/:id',\n ExploreShareV2: '/doc/explore_v2/:id',\n FaqDoc: '/doc/faq/:id',\n Explore: '/explore',\n ThirdPartyLogin: '/third_party_login',\n List: '/list',\n Terms: '/terms',\n MobileDownLoad: `#${TryItNowRefId}`,\n ActivateCode: '/activateCode',\n Pro: '/pro',\n Feedback: '/go/feedback',\n ContactUs: '/go/contact-us',\n AboutPro: '/about-pro',\n TransnoAboutPro: '/about-pro',\n MubuAboutPro: '/about/pro',\n PrivacyPolicy: '/privacyPolicy',\n Browser: '/browser',\n FourYears: '/activity/4years',\n Permission: '/permission',\n SDK: '/sdk',\n PurchaseAgreement: '/purchaseAgreement',\n SchoolSeasonActivities: '/schoolSeasonActivities/:teamId?',\n Client: '/client',\n AlipayResult: '/upgrade/alipay-result',\n WxpayResult: '/upgrade/wxpay-result',\n UpgradePay: '/upgrade/pay',\n ThirdPartyBind: '/third-party-bind',\n};\n\n/**\n * 当前 Spa 项目中实现了对应页面的路由\n * 如果是这些路由, 就可以用页面内跳转\n */\nexport const PathInSpa: string[] = [\n Path.Home,\n Path.SignIn,\n Path.SignUp,\n Path.Logout,\n Path.ResetPwd,\n Path.ResetEncry,\n Path.ThirdPartyLogin,\n Path.Terms,\n Path.ActivateCode,\n Path.Pro,\n Path.TransnoAboutPro,\n Path.MubuAboutPro,\n Path.PrivacyPolicy,\n ...(process.env.NODE_ENV === 'development' && process.env.noSSR\n ? Object.values(Path)\n : []),\n];\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"functionality-panel\":\"style__functionality-panel___35c9HfJw\",\"action\":\"style__action___1ke78GhE\",\"line\":\"style__line___G3h3MNnm\",\"line-text-wrap\":\"style__line-text-wrap___1_oy1-C6\",\"text\":\"style__text___3L-el8ud\",\"pro\":\"style__pro___afl5QG5A\"};","import loadable from '@loadable/component';\n\nconst ResetPwd = loadable(() => import('./ResetPwd'));\n\nexport default ResetPwd;\n","import loadable from '@loadable/component';\n\nconst Home = loadable(() => import('./Home'));\n\nexport default Home;\n","module.exports = __webpack_public_path__ + \"84009b2f11d1b51ec533bf97ce53210e.png\";","import loadable from '@loadable/component';\n\nconst Mubu2019 = loadable(() => import('./Mubu2019'));\n\nexport default Mubu2019;\n","import React from 'react';\n\nimport { AppState } from '$interfaces';\n\nconst initialState: AppState = {\n browser: {\n browser: {\n name: '',\n version: '',\n },\n engine: {\n name: '',\n },\n os: {\n name: '',\n version: '',\n versionName: '',\n },\n platform: {\n type: '',\n vendor: '',\n },\n isMac: true,\n isWin: false,\n metaKey: '⌘',\n optionKey: '⌥',\n shiftKey: '⇧',\n },\n isApp: false,\n isMubu: false,\n isWx: false,\n};\n\nconst AppContext = React.createContext(initialState);\nexport default AppContext;\n","module.exports = __webpack_public_path__ + \"27a33e22cae144a22030a4742f85d779.png\";","module.exports = __webpack_public_path__ + \"9d536ab61ebb2e557bfc56188bf92a73.png\";","import React from 'react';\n\nimport Log from '$helpers/log';\nimport Container from '$components/Container';\nimport Link from '$components/Link';\nimport { Path } from '$constants/page';\nimport Tea from '$shared/helpers/tea';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction Footer() {\n const t = useTranslate();\n const 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 name: 'home',\n },\n // {\n // label: t('TransnoWeb_Footer_ProductDownload'),\n // href: Path.DownLoad,\n // useHash: true,\n // target: '_self',\n // name: 'download',\n // },\n // {\n // label: t('TransnoWeb_Footer_ProductPricing'),\n // href: '/',\n // },\n ],\n },\n {\n title: t('TransnoWeb_Footer_Services'),\n links: [\n {\n label: t('TransnoWeb_Footer_ServicesChangelog'),\n href: CLIENT_CONFIG.urls.changlog,\n target: '_blank',\n name: 'changelog',\n },\n {\n label: t('TransnoWeb_Footer_ServicesHelpManual'),\n href: CLIENT_CONFIG.urls.help,\n target: '_blank',\n name: 'help_manual',\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 name: 'terms_of_service',\n },\n {\n label: t('TransnoWeb_Footer_PrivacyPolicy'),\n href: Path.PrivacyPolicy,\n target: '_blank',\n name: 'privacy_policy',\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 name: 'gmail',\n },\n {\n label: t('TransnoWeb_Footer_ContactTelegram'),\n href: 'https://t.me/transnousergroup',\n target: '_blank',\n name: 'telegram',\n },\n // {\n // label: t('TransnoWeb_Footer_ContactSlack'),\n // href: '/',\n // target: '_blank',\n // },\n {\n label: t('TransnoWeb_Footer_ContactTwitter'),\n href: 'https://twitter.com/TransnoApp',\n target: '_blank',\n name: 'twitter',\n },\n {\n label: t('TransnoWeb_Footer_ContactFacebook'),\n href: 'https://www.facebook.com/Transno-102100077860320/',\n target: '_blank',\n name: 'facebook',\n },\n ],\n },\n ];\n\n function onNavClick(name: string) {\n Log({\n eventCategory: 'footer_nav',\n eventAction: 'click',\n eventLabel: name,\n transport: 'beacon',\n });\n Tea('web_click_footer', {\n button_name: name,\n });\n }\n\n return (\n \n );\n}\n\nexport default Footer;\n","import Footer from './Footer';\n\nexport default Footer;\n","import classnames from 'classnames';\nimport React, { memo, useCallback, useRef } from 'react';\n\nimport { useStopBodyScroll } from '$hooks';\n\nimport CloseIcon from '$icons/close.svg';\nimport './style.less';\n\ninterface ModalProps {\n visible: boolean;\n awardImg?: string;\n onClose?: () => void;\n closable?: boolean;\n maskClosable?: boolean;\n children: React.ReactElement;\n headerBackgroundImg?: string;\n headerCoverImg?: string;\n}\n\nfunction Modal(props: ModalProps) {\n const {\n onClose,\n maskClosable,\n headerBackgroundImg,\n closable,\n headerCoverImg,\n } = props;\n const maskRef = useRef\n {headerBackgroundImg && (\n \n )}\n \n {closable &&
\n \n ) : null;\n}\n\nexport default memo(Modal);\n","import Modal from './Modal';\n\nexport default Modal;\n","module.exports = __webpack_public_path__ + \"3131374e72108a25da43d8a2de1cb9f3.png\";","import loadable from '@loadable/component';\n\nconst PrivacyPolicy = loadable(() => import('./PrivacyPolicy'));\n\nexport default PrivacyPolicy;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrap\":\"style__wrap___25NnZ6Ab\",\"title1\":\"style__title1___anIuMDGs\",\"link\":\"style__link___1O-ZybiU\",\"title2\":\"style__title2___sGmFcLvO\"};","import loadable from '@loadable/component';\n\nexport default loadable(() => import('./NotFound'));\n","var map = {\n\t\"./prize-modal-bg-1.png\": \"d7f5adcd9e186cb1ae07\",\n\t\"./prize-modal-bg-2.png\": \"7815daba66433d8d2b90\",\n\t\"./prize-modal-bg-3.png\": \"70887353f832231c39ab\",\n\t\"./prize-modal-bg-4.png\": \"81fd9330b66dd2b32d58\",\n\t\"./prize-modal-bg-5.png\": \"0a567af4447024c31c79\",\n\t\"./prize-modal-bg-6.png\": \"715c861f6b13d31a7169\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"ca4546ead8321e35fdaf\";","module.exports = __webpack_public_path__ + \"1bfc73504e1357c66d10a8ae2ded7897.png\";","import classnames from 'classnames';\nimport qs from 'qs';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport Header from '$components/Header';\nimport Footer from '$components/MubuFooter';\nimport { StatusCodes } from '$constants/fetch';\nimport { Path } from '$constants/page';\nimport { PayResult } from '$constants/thirdParty';\nimport Tea from '$helpers/tea';\nimport useDayjs from '$hooks/useDayjs';\nimport useFetch from '$hooks/useFetch';\nimport HeaderCoverImg from '$m_containers/UpgradePay/assets/header-cover-mobile.png';\nimport Api from '$shared/constants/api';\n\nimport './style.less';\n\ninterface AlipayResultProps {\n mobile: boolean;\n}\n\nAlipayResult.defaultProps = {\n mobile: false,\n};\n\nfunction AlipayResult(props: AlipayResultProps) {\n const { mobile: isMobile } = props;\n const [payResult, setPayResult] = useState(PayResult.Loading);\n const dayjs = useDayjs();\n\n const { net: netAlipayReturn, res: alipayResult } = useFetch({\n url: Api.AlipayReturn,\n method: 'get',\n });\n\n const handleFail = useCallback(() => {\n Tea('web_pro_show', {\n page_location: 'alipay_return_fail',\n });\n setPayResult(PayResult.Fail);\n setTimeout(() => {\n window.location.href = Path.AboutPro;\n }, 3000);\n }, []);\n\n const forwardRequestToOpenApi = useCallback(async () => {\n const params = qs.parse(window.location.search, {\n ignoreQueryPrefix: true,\n });\n const res = await netAlipayReturn({\n params,\n });\n if (!res) return;\n if (res.code === StatusCodes.Success) {\n if (res.data.result === 'success') {\n Tea('web_pro_show', {\n page_location: 'alipay_return_upgrade',\n });\n setPayResult(PayResult.Success);\n } else if (res.data.result === 'fail') {\n handleFail();\n }\n } else {\n handleFail();\n }\n }, [netAlipayReturn, handleFail]);\n\n const vipEndDate = useMemo(() => {\n return alipayResult?.data?.endDate;\n }, [alipayResult]);\n\n const confirmClick = useCallback(() => {\n window.location.href = '/app';\n }, []);\n\n useEffect(() => {\n forwardRequestToOpenApi();\n }, [forwardRequestToOpenApi]);\n\n return (\n 订单正在处理中...
}\n {payResult === PayResult.Success && vipEndDate && (\n \n \n
\n )}\n {payResult === PayResult.Fail && (\n \n )}\n \n {!isMobile && }\n 支付成功
\n恭喜您，成功购买幕布高级版
\n\n 到期时间：\n \n {dayjs(vipEndDate).format('YYYY/MM/DD')}\n \n
\n \n\n
\n ),\n },\n];\n\nexport default contents;\n","import PurchaseProAgreement from './PurchaseProAgreement';\n\nexport default PurchaseProAgreement;\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport Container from '$components/Container';\nimport useLocale from '$hooks/useLocale';\n\nimport contents from './contents';\n\nimport './style.less';\n\n// 高级版购买协议页面\nexport default function PurchaseProAgreement() {\n const locale = useLocale();\n const { language } = locale;\n const agreement = contents.find((item) => item.language === language);\n\n if (!agreement) {\n return null;\n }\n\n return (\n 幕布高级版会员服务协议
\n \n
\n \n \n 为使用幕布高级版会员服务（以下简称“本服务”），您应当阅读并遵守《幕布高级版会员服务协议》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容，特别是免除或限制责任的相应条款。免除或限制责任条款可能以加粗形式提示您注意。\n \n
\n\n \n 除非您已阅读并接受本协议所有条款，否则您无权使用本服务。您对本服务的任何购买或接受赠与等获取行为及登录、查看等任何使用行为即视为您已阅读并同意本协议的约束。\n \n
\n\n \n 如果您未满18周岁，请在法定监护人的陪同下阅读本协议，并特别注意未成年人使用条款。\n \n
\n\n 本协议是您与“幕布”软件及相关服务的运营者北京坤豆科技有限公司（以下简称为\"坤豆科技\"）之间就幕布高级版会员所订立的协议。请您仔细阅读本协议，您点击\"账户升级\"按钮并完成购买后，本协议即构成对双方有约束力的法律文件。\n
\n第1条 关于本服务
\n\n 1.1\n 幕布高级版会员是指按照幕布的指定方式支付一定的服务费用之后，您可以享有由坤豆科技提供的高级版会员服务。\n
\n\n 1.2\n 您通过付费成为高级版会员后，可以使用无限文档存储空间、内容高级样式、文档插入图片、思维导图高级风格、更多导出类型等额外功能，具体内容以“幕布网”\n https://mubu.com/\n 及“幕布APP”上所公布、实际提供的的高级版服务内容为准。\n
\n第2条 权利义务
\n\n 2.1\n 本服务是坤豆科技提供的收费服务，您须在按照本服务的收费标准支付相应费用后，方可使用本服务。\n \n 本服务开通之后，不可进行转让。坤豆科技可能会根据本服务的整体规划，对本服务的收费标准、方式等进行修改和变更，前述修改、变更，坤豆科技将在“幕布网”https://mubu.com/及“幕布APP”相应服务页面进行展示。您若需要获取、使用本服务，请先提前了解清楚当时关于本服务的收费标准、方式等信息。本服务开通之后，不可进行转让。\n \n
\n\n 2.2\n 本服务的服务期限以您自行选择并支付相应服务费用的期限为准，您也可以登陆本服务的相应页面进行查询。\n \n 幕布高级版会员服务开通后，您所支付的高级版会员费用不予退还，法律另有规定的除外。\n \n
\n2.3 您在使用本服务时不得利用本服务从事以下行为，包括但不限于：
\n- \n
- \n （1）发布、传送、传播、储存违反国家法律、危害国家安全统一、社会稳定、公序良俗、社会公德以及侮辱、诽谤、淫秽、暴力的内容；\n \n
- \n （2）发布、传送、传播、储存侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的内容；\n \n
- （3）虚构事实、隐瞒真相以误导、欺骗他人； \n
- （4）发表、传送、传播广告信息及垃圾信息； \n
- \n （5）从事其他违反法律法规、政策及公序良俗、社会公德等的行为。\n \n
\n 2.4 本服务仅供您个人使用，除非经幕布书面许可，您不得进行以下行为：\n
\n- \n
- \n （1）通过任何方式搜集本服务中其他用户的用户名、电子邮件等相关信息，并以发送垃圾邮件、连锁邮件、垃圾短信、即时消息等方式干扰、骚扰其他用户；\n \n
- （2）通过本服务发布包含广告、宣传、促销等内容的信息； \n
- （3）将本服务再次许可他人使用； \n
- （4）其他未经幕布书面许可的行为。 \n
\n 2.5\n 您充分了解并同意，您必须为自己注册帐号下的一切行为负责，包括但不限于您所发表的任何内容以及由此产生的任何后果。您应对本服务中的内容自行加以判断，并承担因使用内容而引起的所有风险，包括因对内容的正确性、完整性或实用性的依赖而产生的风险。\n
\n\n \n 2.6\n 您充分了解并同意，由于互联网服务的特殊性，坤豆科技可能会按照相关法规、双方约定或在其他必要时，中止或终止向您提供本服务，届时，幕布会依法保护您的合法权益。\n \n
\n第3条 违约责任
\n\n 3.1\n 如果坤豆科技发现或收到他人举报您有违反本协议任何行为的，坤豆科技有权依法进行独立判断并采取技术手段予以删除、屏蔽或断开相关的信息。同时，坤豆科技有权视您的行为性质，对您采取包括但不限于暂停或终止部分或全部本服务、追究您法律责任等措施，坤豆科技也无需向您退还任何费用，而由此给您带来的损失（包括但不限于通信中断、相关数据清空、未使用的服务费用作为违约金而归幕布所有等），由您自行承担，造成坤豆科技损失的，您也应予以赔偿。\n
\n\n 3.2\n 您有违反本协议任何行为，导致任何第三方损害的，您应当独立承担责任；坤豆科技因此遭受损失的，您也应当一并赔偿。\n
\n第4条 未成年人使用条款
\n\n 4.1\n 若您是未满18周岁的未成年人，应在监护人监护、指导并获得监护人同意情况下认真阅读本协议后，方可付费成为高级版会员并享有本服务。\n
\n\n 4.2\n 坤豆科技重视对未成年人个人信息的保护，未成年用户在填写个人信息时，请加强个人保护意识并谨慎对待，并在监护人指导时正确使用本服务。\n
\n\n 4.3\n 未成年用户理解如因您违反法律法规、本协议内容，则您及其您的监护人应依照法律规定承担因此而可能引起的全部法律责任。\n
\n4.4 未成年人用户特别提示：
\n\n 4.4.1\n 青少年用户使用本服务应该在其监护人的监督指导下，在合理范围内正确学习使用网络，避免沉迷虚拟的网络空间，养成良好上网习惯。\n
\n4.4.2 青少年用户必须遵守《全国青少年网络文明公约》：
\n- \n
- （1）要善于网上学习，不浏览不良信息； \n
- （2）要诚实友好交流，不侮辱欺诈他人； \n
- （3）要增强自护意识，不随意约会网友； \n
- （4）要维护网络安全，不破坏网络秩序； \n
- （5）要有益身心健康，不沉溺虚拟时空。 \n
\n 4.5\n 为更好的保护未成年人隐私权益，坤豆科技提醒用户慎重发布包含未成年人素材的内容，一经发布，即视为用户同意本服务展示未成年人的信息、肖像、声音等，且允许坤豆科技依据本协议使用、处理该等与未成年人相关的内容。\n
\n第5条 其他
\n\n 5.1\n 本协议的订立、执行和解释及争议的解决均应适用在中华人民共和国大陆地区适用之有效法律（但不包括其冲突法规则）。如发生本协议与适用之法律相抵触时，则这些条款将完全按法律规定重新解释，而其它有效条款继续有效。\n \n 如缔约方就本协议内容或其执行发生任何争议，双方应尽力友好协商解决；协商不成时，任何一方均可向本协议签署地（北京市海淀区）有管辖权的人民法院提起诉讼。\n \n
\n\n 5.2\n 根据互联网的发展和有关法律、法规及规范性文件的变化，或者因业务发展需要，坤豆科技将在必要时对高级版会员及/或相关服务、权益、功能、界面等进行更新、修改或变更，包括开发新功能/权益、删除旧功能/权益等。坤豆科技会尽合理努力向用户发出合理的通知，例如通过在“幕布网”\n https://mubu.com/\n 及“幕布APP”上发布通知，以向您告知本协议的重大变更；您应定期浏览本条款，以查看有关变更。\n \n 如果您继续使用本软件及服务，即视为您已经接受修改后的服务条款；如果您不接受修改后的服务条款，应当停止使用本软件及服务。\n \n
\n\n 5.3\n 您除遵守本协议外，仍应同时遵守《幕布服务条款》及《幕布隐私政策》。\n
\n\n \n {agreement.title} \n \n \n \n
\n );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrap\":\"style__wrap___GuoIMqoU\",\"item\":\"style__item___1jeq9NDg\",\"circleIng\":\"style__circleIng___1JSk-_mT\",\"active\":\"style__active___21PNkZpM\",\"first-prize\":\"style__first-prize___31DP8Muz\",\"row2\":\"style__row2___1emGy-Zg\",\"row3\":\"style__row3___32Age9-L\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header-mask\":\"style__header-mask___1sO6ddp-\"};","/**\n * Copy from https://stackoverflow.com/questions/3653065/get-local-ip-address-in-node-js\n */\n\nimport os from 'os';\n\nexport function getIps(): string[] {\n const iFaces = os.networkInterfaces();\n const ans: string[] = [];\n Object.keys(iFaces).forEach(function(name) {\n let alias = 0;\n iFaces[name]?.forEach(function(iFace) {\n if ('IPv4' !== iFace.family || iFace.internal !== false) {\n // skip over internal (i.e. 127.0.0.1) and non-ipv4 addresses\n return;\n }\n\n if (alias >= 1) {\n // this single interface has multiple ipv4 addresses\n ans.push(iFace.address);\n } else {\n // this interface has only one ipv4 adress\n ans.push(iFace.address);\n }\n ++alias;\n });\n });\n\n return ans;\n}\n","/* eslint-disable no-undef */\n/* eslint-disable @typescript-eslint/camelcase */\nimport { getCDNPath } from '../../helpers/cdn';\n\nconst cdnPath = getCDNPath();\nif (cdnPath) {\n __webpack_public_path__ = cdnPath;\n}\n","import { getIps } from './getIps';\n\n// 组装cdn路径\n// 格式为 {domain}/obj/{bucket}/{key}\n// 客户端用CLIENT_CONFIG, 服务端传入clientConfig\nexport function getCDNPath(\n clientConfig: ClientConfig = CLIENT_CONFIG,\n path = ''\n) {\n if (__IS_ELECTRON__) {\n return './';\n }\n\n const STATIC_HOST = getIps()[0] || '0.0.0.0';\n if (!clientConfig.cdn || __DEV__) {\n const pathname = __IS_SERVER__ ? path : location.pathname;\n if ((pathname || '').includes('/doc')) {\n return `//${STATIC_HOST}:4159/`;\n }\n return `//${STATIC_HOST}:${\n clientConfig['devConfig'] && clientConfig['devConfig']['noSSR']\n ? 4159\n : 1415\n }/`;\n }\n\n const { cdn } = clientConfig;\n const { host, bucket } = cdn;\n\n return `//${host}/obj/${bucket}/`;\n}\n\n// 组装cdnurl\nexport function getStaticURL(filename: string, cdnPath: string) {\n return `${cdnPath}${filename}`;\n}\n\nconst hrefFile = /(href)=\"\\/?(\\S+)\"/g;\nconst srcFile = /(src)=\"\\/?(\\S+)\"/g;\n\nexport function replaceCDN(content: string, cdnPath: string) {\n return content\n .replace(hrefFile, (match, type, filename) => {\n return `${type}=\"${getStaticURL(filename, cdnPath)}\"`;\n })\n .replace(srcFile, (match, type, filename) => {\n return `${type}=\"${getStaticURL(filename, cdnPath)}\"`;\n });\n}\n","module.exports = __webpack_public_path__ + \"d0ebbc5010af3e7554b066cb71567eef.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pro-buy\":\"style__pro-buy___22o8X9wi\",\"items\":\"style__items___2cGW_dnz\",\"item\":\"style__item___16gHOVsJ\",\"tip\":\"style__tip___PtLmywzh\",\"content\":\"style__content___2JIUbPdp\",\"purple\":\"style__purple___3Odi3DP-\",\"buy-intro\":\"style__buy-intro___2ajNriVy\",\"packages\":\"style__packages___1Tcpp2bx\",\"buy-method\":\"style__buy-method___25i76EJ4\",\"custom-button\":\"style__custom-button___1sjVQE0J\",\"icon\":\"style__icon___OposBgkV\",\"wechat\":\"style__wechat___1SMQPg3d\",\"alipay\":\"style__alipay___15XN-32a\",\"wechat-buy-modal\":\"style__wechat-buy-modal___cNOYxGTX\",\"qrcode\":\"style__qrcode___3zIlxWaX\",\"wechat-buy-success\":\"style__wechat-buy-success___23ssGny5\",\"expired-time\":\"style__expired-time___1s8Lnmkb\",\"wx-custom-button\":\"style__wx-custom-button___R97JLO9D\"};","module.exports = __webpack_public_path__ + \"c4defa47d7cf6d78df765afa9be35b7e.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"app\":\"style__app___3-Lxv025\"};","module.exports = __webpack_public_path__ + \"f7fcc8b6e20441156d991a7b30fc07cf.png\";","import classnames from 'classnames';\nimport { Formik } from 'formik';\nimport React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { getInfoFromLocalStorage } from '$helpers';\nimport Log from '$helpers/log';\nimport { ErrorMessage } from '$components/Form';\nimport Link from '$components/Link';\nimport ThirdPartyLoginInModal from '$components/ThirdPartyLoginInModal';\nimport { StorageKey } from '$constants';\nimport Api from '$constants/api';\nimport { StatusCodes } from '$constants/fetch';\nimport useFetch from '$hooks/useFetch';\nimport Button from '$mubu-ui/Button';\nimport Input from '$mubu-ui/Input';\nimport toast from '$mubu-ui/Toast';\nimport userActions from '$redux/actions/user';\nimport { StoreState } from '$redux/models';\nimport { SignInValue } from '$redux/models/user';\nimport Tea from '$shared/helpers/tea';\nimport useTranslate from '$translate';\n\nimport FormWrap from '../FormWrap';\nimport SeparatorInForm from '../SeparatorInForm';\n\nimport './style.less';\n\ninterface SigninFormProps {\n onSuccess: Function;\n inModal: boolean;\n onSignUp?: Function;\n}\n\nSignInForm.defaultProps = {\n inModal: true,\n};\n\nfunction SignInForm(props: SigninFormProps) {\n const { onSuccess, inModal, onSignUp } = props;\n const t = useTranslate();\n const dispatch = useDispatch();\n\n const [user, query] = useSelector((state: StoreState) => [\n state.user,\n state.router.location.query || {},\n ]);\n\n const { net: netSignin } = useFetch({\n url: Api.SignIn,\n method: 'post',\n });\n\n const from = inModal ? 'modal' : 'page';\n\n /**\n * 表单初始值\n */\n const initUser: SignInValue = {\n email: '',\n password: '',\n };\n\n /**\n * formik 传出的变量\n */\n let _setSubmitting: Function;\n let _setFieldError: Function;\n\n /**\n * 提交\n */\n async function onSubmit(values: SignInValue) {\n const params = Object.assign({}, values, {\n // 记录登陆来源\n regSource: getInfoFromLocalStorage({\n key: StorageKey.REG_SOURCE_INFO,\n clean: true,\n }),\n callbackType: user.loginAim,\n });\n const res = await netSignin({ data: params });\n _setSubmitting(false);\n\n if (res) {\n dispatch(userActions.injectUser(res));\n switch (res.code) {\n case StatusCodes.Success:\n TeaLogSignInConfirm('success');\n // 登录成功后, 回调成功\n onSuccess();\n break;\n case StatusCodes.RegEmailNotExist:\n TeaLogSignInConfirm('account_empty');\n _setFieldError('email', t('TransnoWeb_Form_EmailNotExist'));\n break;\n case StatusCodes.LoginIncorrectPassword:\n TeaLogSignInConfirm('pwd_error');\n _setFieldError('password', t('TransnoWeb_Form_PasswordIncorrect'));\n break;\n default:\n _setFieldError('email', res.msg);\n break;\n }\n } else {\n toast.error(t('TransnoWeb_Toast_TryAgain'));\n }\n }\n\n /**\n * 仅做打点用\n */\n function onSubmitBtnClick() {\n Log({\n eventAction: 'click',\n eventCategory: `sign_in_in_${inModal ? 'modal' : 'page'}`,\n eventLabel: 'sign in(提交按钮)',\n });\n }\n\n function TeaLogSignInConfirm(response: string) {\n Tea('web_click_signin_confirm', {\n response,\n from,\n });\n }\n\n /**\n * 点击 sign up 按钮\n */\n function onSignUpClick() {\n Log({\n eventAction: 'click',\n eventCategory: `sign_in_in_${inModal ? 'modal' : 'page'}`,\n eventLabel: 'sign up',\n });\n TeaLogSignInAll('signup');\n onSignUp && onSignUp();\n }\n\n function onForgetPwtClick() {\n Log({\n eventAction: 'click',\n eventCategory: `sign_in_in_${inModal ? 'modal' : 'page'}`,\n eventLabel: 'forget your password?',\n });\n TeaLogSignInAll('forgot_pwd');\n }\n\n function handleBackHomeClick() {\n Tea('web_click_back_home');\n }\n\n function handleGoogleClick() {\n TeaLogSignInAll('google');\n }\n\n function handleFocus(fieldName: string) {\n Tea('web_input_singin', {\n field_name: fieldName,\n from,\n });\n }\n\n function TeaLogSignInAll(action: string) {\n Tea('web_click_signin_all', {\n button_name: action,\n from,\n });\n }\n\n /**\n * 校验规则\n */\n function validateAll(values: SignInValue) {\n const errors: SignInValue = {};\n if (!values.email) {\n errors.email = t('TransnoWeb_Form_ErrmsgRequired');\n } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)) {\n errors.email = t('TransnoWeb_Form_ErrmsgEmailInvalid');\n }\n\n if (!values.password) {\n errors.password = t('TransnoWeb_Form_ErrmsgRequired');\n }\n return errors;\n }\n\n // Sign Up 按钮\n const signUpBtn = inModal ? (\n \n {t('TransnoWeb_Form_BtnSignup')}\n \n ) : (\n {agreement.content}
\n \n \n \n \n\n {/* 分割线 */}\n
\n );\n }}\n