\n {children}\n
\n );\n}\n\nHeaderTypography.propTypes = {\n children: PropTypes.node,\n};\n\nHeaderTypography.defaultProps = {\n children: null,\n};\n\nexport default HeaderTypography;\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Styles from './index.module.css';\n\nfunction ContentTypography({ children, ...props }) {\n return (\n \n {children}\n
\n );\n}\n\nContentTypography.propTypes = {\n children: PropTypes.node,\n};\n\nContentTypography.defaultProps = {\n children: null,\n};\n\nexport default ContentTypography;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styles from './index.module.css';\n\nfunction BlueButton({\n onClick,\n children,\n}) {\n return (\n \n );\n}\n\nBlueButton.propTypes = {\n onClick: PropTypes.func,\n children: PropTypes.node,\n};\n\nBlueButton.defaultProps = {\n onClick: () => {},\n children: null,\n};\n\nexport default BlueButton;\n","var _g;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgFacebook(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 45,\n height: 45,\n viewBox: \"0 0 48 50\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"facebook\",\n transform: \"translate(34.008 35.296)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"facebook-2\",\n \"data-name\": \"facebook\",\n transform: \"translate(-34.361 -35.297)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"facebook-3\",\n \"data-name\": \"facebook\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"Rectangle_52\",\n \"data-name\": \"Rectangle 52\",\n width: 48,\n height: 50,\n transform: \"translate(48.353 50.001) rotate(180)\",\n fill: \"#f0f0f0\",\n opacity: 0\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_5\",\n \"data-name\": \"Path 5\",\n d: \"M28.363,4.023a1.016,1.016,0,0,0-1.016-1.016H22.264A9.7,9.7,0,0,0,12.1,12.155v5.489H7.016A1.016,1.016,0,0,0,6,18.66v5.286a1.016,1.016,0,0,0,1.016,1.016H12.1V38.584A1.016,1.016,0,0,0,13.115,39.6h6.1a1.016,1.016,0,0,0,1.016-1.016V24.962h5.326a1.016,1.016,0,0,0,1-.752l1.464-5.286a1.016,1.016,0,0,0-.976-1.281H20.231V12.155a2.033,2.033,0,0,1,2.033-1.83h5.082a1.016,1.016,0,0,0,1.016-1.016Z\",\n transform: \"translate(6.008 3.73)\",\n fill: \"#f0f0f0\"\n }))))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFacebook);\nexport default __webpack_public_path__ + \"static/media/facebook.1f85b48d.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgGoogle(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 45,\n height: 45,\n viewBox: \"0 0 44.299 44.299\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"google\",\n transform: \"translate(31.851 31.851)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"google-2\",\n \"data-name\": \"google\",\n transform: \"translate(-31.851 -31.851)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"google-3\",\n \"data-name\": \"google\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_1\",\n \"data-name\": \"Path 1\",\n d: \"M0,0H44.3V44.3H0\",\n fill: \"#f0f0f0\",\n opacity: 0\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_2\",\n \"data-name\": \"Path 2\",\n d: \"M29.8,23.527a9.88,9.88,0,0,1-8.069,7.048A11.027,11.027,0,0,1,9.176,20.8,10.759,10.759,0,0,1,19.934,9.181,10.972,10.972,0,0,1,24,9.97a.9.9,0,0,0,1.148-.377l2.582-4.752a.933.933,0,0,0-.412-1.255A17.93,17.93,0,0,0,2,20.461,18.147,18.147,0,0,0,19.163,37.873a17.931,17.931,0,0,0,18.7-17V17.287a.915.915,0,0,0-.9-.9H20.83a.9.9,0,0,0-.9.9v5.38a.9.9,0,0,0,.9.9H29.8\",\n transform: \"translate(2.215 2.209)\",\n fill: \"#f0f0f0\"\n }))))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgGoogle);\nexport default __webpack_public_path__ + \"static/media/google.f09dc197.svg\";\nexport { ForwardRef as ReactComponent };","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4wLWMwMDAgNzkuMTM1N2M5ZSwgMjAyMS8wNy8xNC0wMDozOTo1NiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wNy0yOVQxNzoyMDozNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wNy0yOVQxNzoyMDozNCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDctMjlUMTc6MjA6MzQrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjIwZGZmYjUtOWM0Zi1hYTRhLWFlNDAtNTQ3MzhmNDA0OGVjIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTMyOTVhYzAtZDIxNy02MzQxLWE3ZTIt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\"","/* eslint-disable max-len */\n/* eslint-disable no-else-return */\n/* eslint-disable consistent-return */\n/* eslint-disable no-unused-vars */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ContentTypography from 'components/Common/ContentTypography';\nimport HeaderTypography from 'components/Common/HeaderTypography';\nimport API from 'api';\nimport BlueButton from 'components/Common/BlueButton';\nimport Ad from 'models/business/Ad';\nimport { ReactComponent as Facebook } from 'assets/facebook.svg';\nimport { ReactComponent as Google } from 'assets/google.svg';\nimport GoogleColorfulLogo from 'assets/GoogleAdsLogo_75.png';\nimport facebookColorfulLogo from 'assets/FBLogo_75.png';\n\nimport Styles from './index.module.css';\n\nconst fetchAds = async () => {\n // const result = await API.ad.postAdList();\n const result = await API.ad.postAdList2();\n if (result.error) {\n alert(result.error.errorMsg);\n return [[], result.error];\n }\n return result;\n};\n\nconst subtractDays = (date, days) => {\n const newDate = new Date(date);\n newDate.setDate(newDate.getDate() - days);\n return newDate.toISOString();\n};\n\nfunction InfoBlock({\n ads,\n platform,\n sumCostGoogleEffect,\n sumCostFacebookEffect,\n budgetPerDay,\n remainingBudget,\n}) {\n const [googleActiveAdsSum, setGoogleActiveAdsSum] = useState(0);\n const [facebookActiveAdsSum, facebookGoogleActiveAdsSum] = useState(0);\n const [googleEffectCostSum, setGoogleEffectCostSum] = useState(0);\n const [facebookEffectCostSum, setFacebookEffectCostSum] = useState(0);\n const [googleAmount, setGoogleAmount] = useState(() => {\n const amounts = JSON.parse(localStorage.getItem('amounts'));\n if (amounts) {\n return +amounts.google;\n } else {\n return 0;\n }\n });\n const [facebookAmount, setFacebookAmount] = useState(() => {\n const amounts = JSON.parse(localStorage.getItem('amounts'));\n if (amounts) {\n return +amounts.facebook;\n } else {\n return 0;\n }\n });\n\n useEffect(async () => {\n // Sum of cost of Effect for Google and Facebook startin from 2021.10.01 and always ending by today\n // const resultGoogleEffect = await API.ad.getGooglePerformanceData((new Date('October 1, 2021 08:00:00')).toISOString(), (new Date()).toISOString());\n // const resultFacebookEffect = await API.ad.getFacebookPerformanceData((new Date('October 1, 2021 08:00:00')).toISOString(), (new Date()).toISOString());\n // const sumCostGoogleEffect = resultGoogleEffect.resultData.reduce((accumulator, item) => accumulator + +item.cost, 0);\n // const sumCostFacebookEffect = resultFacebookEffect.resultData.reduce((accumulator, item) => accumulator + +item.cost, 0);\n // Sum of daily cost for inline ads for Google and Facebook\n // const { resultData } = await fetchAds();\n // const filteredData = resultData.filter((item) => item.adStatus === 'Online');\n const { resultData } = ads;\n const filteredData = ads.filter((item) => item.status === 'Online');\n const googleActiveAdsAmount = filteredData.reduce((acc, item) => {\n if (item.platform === 'Google') {\n return acc + +item.dayBudget;\n } else {\n return acc;\n }\n }, 0);\n const facebookActiveAdsAmount = filteredData.reduce((acc, item) => {\n if (item.platform !== 'Google') {\n return acc + +item.dayBudget;\n } else {\n return acc;\n }\n }, 0);\n\n // const userInfo = await API.auth.getUserInfo();\n // if (!userInfo.error) {\n // localStorage.setItem('amounts', JSON.stringify({ google: userInfo.resultData.googleAmount, facebook: userInfo.resultData.facebookAmount }));\n // }\n // const amounts = JSON.parse(localStorage.getItem('amounts'));\n\n setGoogleActiveAdsSum(googleActiveAdsAmount);\n facebookGoogleActiveAdsSum(facebookActiveAdsAmount);\n // setGoogleEffectCostSum(sumCostGoogleEffect);\n // setFacebookEffectCostSum(sumCostFacebookEffect);\n // localStorage.setItem('effectCostSum', JSON.stringify({ google: sumCostGoogleEffect, facebook: sumCostFacebookEffect }));\n });\n\n return (\n \n
\n );\n}\n\nInfoBlock.propTypes = {\n ads: PropTypes.arrayOf(PropTypes.instanceOf(Ad)),\n platform: PropTypes.string,\n sumCostGoogleEffect: PropTypes.number,\n sumCostFacebookEffect: PropTypes.number,\n budgetPerDay: PropTypes.number,\n remainingBudget: PropTypes.number,\n};\n\nInfoBlock.defaultProps = {\n ads: [],\n platform: 'Google',\n sumCostGoogleEffect: 0,\n sumCostFacebookEffect: 0,\n budgetPerDay: 9250,\n remainingBudget: 8900,\n};\n\nexport default function TopUpCard({\n ads,\n sumCostGoogleEffect,\n sumCostFacebookEffect,\n}) {\n const [id, setId] = useState('');\n useEffect(async () => {\n setId(localStorage.getItem('userId'));\n localStorage.setItem('effectCostSum', JSON.stringify({ google: sumCostGoogleEffect, facebook: sumCostFacebookEffect }));\n }, [ads, sumCostGoogleEffect, sumCostFacebookEffect]);\n return (\n <>\n \n
\n \n {platform === 'Google' && 
}\n {platform === 'Facebook' && 
}\n
\n \n
\n \n \n 上線廣告設定預算\n \n \n \n $\n {(platform === 'Google' ? googleActiveAdsSum : facebookActiveAdsSum).toLocaleString()}\n \n {' '}\n / 日\n \n
\n \n \n 剩餘預算\n \n \n \n $\n {(platform === 'Google' ? Math.round(googleAmount - sumCostGoogleEffect) : Math.round(facebookAmount - sumCostFacebookEffect)).toLocaleString()}\n \n \n
\n \n
\n \n
\n \n
\n \n \n 儲值去 \n \n
\n \n
\n \n );\n}\n\nTopUpCard.propTypes = {\n ads: PropTypes.arrayOf(PropTypes.instanceOf(Ad)),\n // userInfo: PropTypes.shape({}),\n sumCostGoogleEffect: PropTypes.number,\n sumCostFacebookEffect: PropTypes.number,\n};\n\nTopUpCard.defaultProps = {\n ads: [],\n // userInfo: {},\n sumCostGoogleEffect: 0,\n sumCostFacebookEffect: 0,\n};\n","export default __webpack_public_path__ + \"static/media/ssc_trend.ba4437ec.png\";","export default __webpack_public_path__ + \"static/media/coupon.a0d17cee.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Box from '@material-ui/core/Box';\n// import LightBlueButton from '../../../../Common/LightBlueButton';\n\nfunction HintCard({ children, src, href }) {\n return (\n // \n
\n \n
\n \n 儲值去 \n
\n \n
\n );\n}\n\nexport default HintDashboard;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Popover from '@material-ui/core/Popover';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(() => ({\n paper: {\n boxShadow: '1px 1px 5px #0000004D',\n borderRadius: '4px',\n opacity: 1,\n },\n}));\n\nfunction ErrorIconPopover({ children }) {\n const classes = useStyles();\n const [anchorEl, setAnchorEl] = useState(null);\n\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const open = Boolean(anchorEl);\n\n return (\n <>\n \n {/* 最新優惠 */}\n 查看最新趨勢 \n
\n \n \n \n {/* */}\n \n
\n );\n}\n\nSettingButton.propTypes = {\n updateOnClick: PropTypes.func,\n deleteOnClick: PropTypes.func,\n};\n\nSettingButton.defaultProps = {\n updateOnClick: () => {},\n deleteOnClick: () => {},\n};\n\nexport default SettingButton;\n","/* eslint-disable jsx-a11y/anchor-has-content */\n/* eslint-disable jsx-a11y/control-has-associated-label */\n/* eslint-disable max-len */\n/* eslint-disable no-unused-vars */\nimport React, { useEffect, useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Market, { Categories as MarketCategories, Statuses as MarketStatuses, ConnectionStatuses } from 'models/business/Market';\nimport ContentTypography from 'components/Common/ContentTypography';\nimport HeaderTypography from 'components/Common/HeaderTypography';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport ErrorIconPopover from 'components/Common/ErrorIconPopover';\nimport pchomeLogo from 'assets/pchome-logo.png';\nimport shopeeLogo from 'assets/shopeeLogo.png';\nimport momoLogo from 'assets/momoLogo.png';\nimport facebookLogo from 'assets/facebookLogo.png';\nimport SettingButton from './SettingButton';\nimport Styles from './index.module.css';\n\nconst fanPageStatusMsg = {\n [MarketStatuses.Confirmed]: '已授權',\n [MarketStatuses.Unconfirmed]: '未授權',\n};\n\nfunction MarketCard({\n market,\n updateOnClick,\n deleteOnClick,\n confirmFanPageOnclick,\n}) {\n const [confirmedTextColor, setConfirmedTextColor] = useState('green');\n const renderConfirmedPopUp = useMemo(() => (\n \n \n 開啟Facebook粉絲團授權\n
\n \n \n \n \n \n 粉絲團狀態:\n \n 
\n
\n \n \n \n 我的賣場\n \n
\n \n\n {renderMarkets}\n \n
\n \n );\n}\n\nMarketDashboard.propTypes = {\n markets: PropTypes.arrayOf(PropTypes.instanceOf(Market)),\n onChangeMarkets: PropTypes.func,\n};\n\nMarketDashboard.defaultProps = {\n markets: [],\n onChangeMarkets: () => {},\n};\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport InfoIcon from '@material-ui/icons/Info';\nimport Styles from './index.module.css';\n\nexport default function FormLabel({\n title,\n description,\n example,\n disabled,\n required,\n htmlFor,\n ...props\n}) {\n return (\n \n {title && (\n \n {title}\n \n )}\n {example && (\n
\n {description && (\n \n \n
\n )}\n \n
\n );\n}\n\nBudgetDisplay.propTypes = {\n ad: PropTypes.instanceOf(Ad),\n disabled: PropTypes.bool,\n onChangeDayBudget: PropTypes.func,\n};\n\nBudgetDisplay.defaultProps = {\n ad: new Ad(),\n disabled: false,\n onChangeDayBudget: () => {},\n};\n","/* eslint import/newline-after-import: \"off\" */\n/* eslint-disable no-unused-vars */\n/* eslint-disable max-len */\nimport React,\n{\n useState,\n useMemo,\n useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Dialog from 'components/Common/Dialog';\n// import DatePicker, { registerLocale } from 'react-datepicker';\nimport DateFnsUtils from '@date-io/date-fns';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport twLocale from 'date-fns/locale/zh-TW'; // the locale you want\nimport Ad from 'models/business/Ad';\nimport classNames from 'classnames';\nimport { formatDate, isWorkingDay, holidays } from 'tools/date';\nimport {\n DatePicker,\n KeyboardDatePicker,\n TimePicker,\n DateTimePicker,\n MuiPickersUtilsProvider,\n} from '@material-ui/pickers';\nimport Styles from './index.module.css';\n// registerLocale('zh-TW', twLocale); // register it with the name you want\n\nexport default function EndDateModal({\n ad,\n onSubmit,\n onCancel,\n}) {\n const localeMap = {\n tw: twLocale,\n };\n const [locale, setLocale] = useState('tw');\n const [workingAd, setWorkingAd] = useState(ad);\n // eslint-disable-next-line no-unused-vars\n const [startDate] = useState(ad.startDate);\n const [endDate] = useState(ad.endDate);\n const [selectedDate, handleDateChange] = useState(new Date());\n\n const dateSelector = useMemo(() => (\n \n 日 預 算 ：\n ref.current.focus()}\n style={{ paddingLeft: 5 }}\n icon={faPencilAlt}\n />\n
\n \n \n
\n
*/}\n \n
\n )}\n onSubmit={() => onSubmit(workingAd)}\n onClose={onCancel}\n onCancel={onCancel}\n hideCancel={false}\n submitText=\"確認上稿\"\n />\n );\n}\n\nEndDateModal.propTypes = {\n ad: PropTypes.instanceOf(Ad),\n onSubmit: PropTypes.func,\n onCancel: PropTypes.func,\n};\n\nEndDateModal.defaultProps = {\n ad: new Ad(),\n onSubmit: () => { },\n onCancel: () => { },\n};\n","/* eslint import/newline-after-import: \"off\" */\n/* eslint-disable no-unused-vars */\nimport React,\n{\n useState,\n useMemo,\n useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Dialog from 'components/Common/Dialog';\n// import DatePicker, { registerLocale } from 'react-datepicker';\nimport DateFnsUtils from '@date-io/date-fns';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport twLocale from 'date-fns/locale/zh-TW'; // the locale you want\nimport Ad from 'models/business/Ad';\nimport classNames from 'classnames';\nimport { formatDate, isWorkingDay, holidays } from 'tools/date';\nimport {\n DatePicker,\n KeyboardDatePicker,\n TimePicker,\n DateTimePicker,\n MuiPickersUtilsProvider,\n} from '@material-ui/pickers';\nimport Styles from './index.module.css';\n// registerLocale('zh-TW', twLocale); // register it with the name you want\n\nexport default function DateModal({\n ad,\n onSubmit,\n onCancel,\n}) {\n const localeMap = {\n tw: twLocale,\n };\n const [locale, setLocale] = useState('tw');\n const [workingAd, setWorkingAd] = useState(ad);\n // eslint-disable-next-line no-unused-vars\n const [startDate] = useState(ad.startDate);\n const [endDate] = useState(ad.endDate);\n const [selectedDate, handleDateChange] = useState(new Date());\n\n const dateSelector = useMemo(() => (\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 // setStartDate(e);\n const newAd = workingAd.clone();\n if (e) {\n if (e !== newAd.startDate) {\n const sDate = new Date(formatDate(e));\n const eDate = (newAd.endDate ? new Date(formatDate(newAd.endDate)) : null);\n if (newAd.endDate && sDate > eDate) {\n alert('廣告走期開始日期不能大於結束日期');\n } else {\n newAd.startDate = new Date(formatDate(e));\n }\n }\n } else {\n newAd.startDate = null;\n }\n setWorkingAd(newAd);\n }}\n />\n
\n {/* \n
*/}\n
\n {\n // setEndDate(e);\n const newAd = workingAd.clone();\n if (e) {\n if (e !== newAd.endDate) {\n const sDate = (newAd.startDate ? new Date(formatDate(newAd.startDate)) : null);\n const eDate = new Date(formatDate(e));\n if (newAd.startDate && sDate > eDate) {\n alert('廣告走期結束日期不能小於開始日期');\n } else {\n newAd.endDate = new Date(formatDate(e));\n }\n }\n } else {\n newAd.endDate = null;\n }\n setWorkingAd(newAd);\n }}\n />\n
\n \n {\n // setStartDate(e);\n const newAd = workingAd.clone();\n if (e) {\n if (e !== newAd.startDate) {\n const sDate = new Date(formatDate(e));\n const eDate = (newAd.endDate ? new Date(formatDate(newAd.endDate)) : null);\n if (newAd.endDate && sDate > eDate) {\n // alert('廣告走期開始日期不能大於結束日期');\n newAd.startDate = new Date(formatDate(e));\n newAd.endDate = new Date(formatDate(e));\n } else {\n newAd.startDate = new Date(formatDate(e));\n }\n }\n } else {\n newAd.startDate = null;\n }\n setWorkingAd(newAd);\n }}\n />\n
\n {/* \n
*/}\n
\n {\n // setEndDate(e);\n const newAd = workingAd.clone();\n if (e) {\n if (e !== newAd.endDate) {\n const sDate = (newAd.startDate ? new Date(formatDate(newAd.startDate)) : null);\n const eDate = new Date(formatDate(e));\n if (newAd.startDate && sDate > eDate) {\n alert('廣告走期結束日期不能小於開始日期');\n } else {\n newAd.endDate = new Date(formatDate(e));\n }\n }\n } else {\n newAd.endDate = null;\n }\n setWorkingAd(newAd);\n }}\n />\n
\n {/* \n
\n \n {/* \n \n setVisibleModal(Modals.Stop)}\n className={Styles.stoppingText}\n >\n {/* 
*/}\n setVisibleModal(Modals.Archive)}\n className={Styles.stoppingText}\n >\n {/* */}\n setVisibleModal(Modals.Undo)}\n className={Styles.stoppingText}\n >\n {/* */}\n
\n \n
\n {/* \n
\n \n \n
\n \n 廣告走期：\n {`${ad.startDate.toLocaleDateString()} - ${(ad.endDate === null ? '未指定' : ad.endDate.toLocaleDateString())}`}\n setVisibleModal(Modals.EndDate)}\n style={{ paddingLeft: 20 }}\n icon={faPencilAlt}\n title=\"修改結束日期\"\n />\n
\n \n \n
*/}\n {/* */}\n \n
\n \n
\n \n {StatusMessages[ad.status] || ''}\n
\n \n \n
\n \n {/* 素材設定 */}\n \n 素材設定\n \n
\n {[Statuses.Online, Statuses.Pending, Statuses.Incomplete, Statuses.Archive].includes(ad.status) && (\n \n )}\n \n {buttonRender}\n
\n {[Statuses.Online, Statuses.Pending].includes(ad.status) && (\n \n \n \n {[Statuses.Online, Statuses.Pending].includes(ad.status) && (\n setVisibleModal(Modals.Stop)}\n className={Styles.stoppingText}\n >\n \n \n )}\n
\n */}\n {visibleModal === Modals.Settings && (\n \n 素材設定 \n
\n \n {buttonRender}\n
\n */}\n \n
*/}\n {/* */}\n \n );\n\n return (\n \n
\n \n {iconRender()}\n
\n \n
\n \n {ad.platform === PlatformCategories.Google && 'PMAX' }\n {ad.platform === PlatformCategories.FacebookCarousel && '輪播' }\n {ad.platform === PlatformCategories.FacebookFeatured && '精選輯' }\n {ad.platform === PlatformCategories.FacebookReferral && '導流' }\n {ad.platform === PlatformCategories.FacebookImpression && '曝光' }\n
\n \n
\n {/* \n {ad.name}\n
\n \n
*/}\n {/* \n 名字\n
\n \n {ad.name}\n
\n \n
\n */}\n \n );\n\n const isNotCollapsedRender = (\n <>\n \n 單元狀態：\n
\n \n {StatusMessages[ad.status] || '未知'}\n
\n \n
\n \n {iconRender()}\n
\n \n {/*
\n \n 名字\n
*/}\n \n {ad.platform === PlatformCategories.Google && 'PMAX' }\n {ad.platform === PlatformCategories.FacebookCarousel && '輪播' }\n {ad.platform === PlatformCategories.FacebookFeatured && '精選輯' }\n {ad.platform === PlatformCategories.FacebookReferral && '導流' }\n {ad.platform === PlatformCategories.FacebookImpression && '曝光' }\n
\n \n
\n \n {ad.name}\n
\n \n
\n {/* \n
\n {/* \n 日 預 算 ：$\n {(+ad.dayBudget).toLocaleString()}\n /日\n
\n \n 廣告走期：\n {`${ad.startDate.toLocaleDateString()} - ${(ad.endDate === null ? '未指定' : ad.endDate.toLocaleDateString())}`}\n
\n \n \n $\n {(+ad.dayBudget).toLocaleString()}\n /\n \n 日\n
*/}\n \n
*/}\n {/* \n 廣告走期\n
\n \n {`${ad.startDate.toLocaleDateString()} - ${(ad.endDate === null ? '未指定' : ad.endDate.toLocaleDateString())}`}\n
\n \n 單元狀態：\n
\n \n {StatusMessages[ad.status] || '未知'}\n
\n \n {isCollapsed ? isCollapsedRender : isNotCollapsedRender}\n
\n );\n}\n\nAdSummary.propTypes = {\n ad: PropTypes.instanceOf(Ad),\n isCollapsed: PropTypes.bool,\n};\n\nAdSummary.defaultProps = {\n ad: new Ad(),\n isCollapsed: false,\n};\n\nexport default AdSummary;\n","import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport useSyncState from 'components/hooks/useSyncState';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport UnfoldMoreIcon from '@material-ui/icons/UnfoldMore';\nimport UnfoldLessIcon from '@material-ui/icons/UnfoldLess';\nimport Ad from 'models/business/Ad';\nimport API from 'api';\nimport classNames from 'classnames';\nimport AdDetails from './AdDetails';\nimport AdSummary from './AdSummary';\nimport Styles from './index.module.css';\n\nconst useStyles = makeStyles({\n root: {\n background: 'transparent linear-gradient(180deg, #3D589B 0%, #273D76 100%) 0% 0% no-repeat padding-box',\n boxShadow: '1px 1px 4px #00000065',\n borderRadius: '8px',\n opacity: 1,\n },\n undone: {\n background: 'transparent linear-gradient(180deg, #75ACDC 0%, #689CC3 100%) 0% 0% no-repeat padding-box',\n boxShadow: '1px 1px 4px #00000065',\n borderRadius: '8px',\n opacity: 1,\n },\n archive: {\n background: 'transparent linear-gradient(180deg, #87898A 0%, #767B7B 100%) 0% 0% no-repeat padding-box',\n boxShadow: '1px 1px 4px #00000065',\n borderRadius: '8px',\n opacity: 1,\n },\n online: {\n background: 'transparent linear-gradient(180deg, #96C278 0%, #86AB6B 100%) 0% 0% no-repeat padding-box',\n boxShadow: '1px 1px 4px #00000065',\n borderRadius: '8px',\n opacity: 1,\n },\n pending: {\n background: 'transparent linear-gradient(180deg, #F6CA54 0%, #D9B350 100%) 0% 0% no-repeat padding-box',\n boxShadow: '1px 1px 4px #00000065',\n borderRadius: '8px',\n opacity: 1,\n },\n stopped: {\n background: 'transparent linear-gradient(180deg, #B0B3BB 0%, #9EA5A1 100%) 0% 0% no-repeat padding-box',\n boxShadow: '1px 1px 4px #00000065',\n borderRadius: '8px',\n opacity: 1,\n },\n});\n\nfunction GeneralAdCard({\n ad,\n amounts,\n onChangeAd,\n}) {\n const [localAd, setLocalAd] = useSyncState(ad);\n const [isCollapsed, setIsCollapsed] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(false);\n const classes = useStyles();\n const [useClasses] = useState(() => {\n switch (ad.status) {\n case 'Undone':\n return classes.undone;\n case 'Archive':\n return classes.archive;\n case 'Online':\n return classes.online;\n case 'Pending':\n return classes.pending;\n case 'Stopped':\n return classes.stopped;\n default:\n return classes.root;\n }\n });\n const collapsedIcon = useMemo(() => {\n if (isCollapsed) return {PresentationFilterTitles.Undone}
\n \n ));\n\n const renderAdOnlineFilter = useMemo(() => (\n {PresentationFilterTitles.Online}
\n \n ));\n\n const renderAdStoppedFilter = useMemo(() => (\n {PresentationFilterTitles.Stopped}
\n \n ));\n\n const renderAdFilter = useMemo(() => (\n \n
\n ));\n\n const renderAdCards = useMemo(() => (\n ads.map((ad) => (\n \n {/* {Object.keys(PresentationFilterTitles).map((format) => (\n onChangePresentationFormat(format)}\n selected={presentationFormat === format}\n className={\n classNames(\n Styles.undoneRadioButton,\n {\n [Styles.undoneRadioButtonSelected]: presentationFormat === 'Undone',\n },\n )\n }\n >\n
\n {PresentationFilterTitles[format]}
\n \n ))} */}\n {renderAdUndoneFilter}\n {renderAdOnlineFilter}\n {renderAdStoppedFilter}\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 history.push('/SelectOptionStep')}\n >\n
\n \n \n 廣告總覽\n \n
\n {/* \n
\n */}\n \n history.push('/SelectOptionStep')}\n >\n \n
\n \n
\n \n \n
\n \n );\n}\n\nexport default memo(MyAds);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\n\nfunction WhiteTextTypography({\n align,\n gutterBottom,\n children,\n fontSize,\n fontWeight,\n}) {\n const useStyles = makeStyles({\n root: {\n color: 'white',\n fontSize,\n lineHeight: 1.0,\n fontWeight,\n fontFamily: 'Noto Sans TC',\n },\n });\n\n const classes = useStyles();\n\n return (\n {`${title}${CategoryStrings[category]}`}
\n {measure}
\n {`${rating === 0 ? '資料不足' : `${rating > 0 ? `+${rating.toFixed(2)}` : rating.toFixed(2)}%`}`}
\n {`${rating === 0 ? '資料不足' : `${rating > 0 ? `+${rating.toFixed(2)}` : rating.toFixed(2)}%`}`}
\n \n
\n );\n}\n\nPerformanceCard.propTypes = {\n currentPerformance: PropTypes.instanceOf(Performance),\n previousPerformance: PropTypes.instanceOf(Performance),\n};\n\nPerformanceCard.defaultProps = {\n currentPerformance: new Performance(),\n previousPerformance: new Performance(),\n};\n","import React from 'react';\n\nimport WhiteTextTypography from 'components/Common/WhiteTextTypography';\n\nimport Styles from './index.module.css';\n\nfunction NoDataDashboard() {\n return (\n \n
\n {currentPerformance.platform === PlatformCategories.Google ? 'PMAX' : 'CPAS'}
\n \n
\n ROAS
\n \n {currentPerformance.returnOnAdSpend === 0 ? '資料不足' : currentPerformance.returnOnAdSpend.toFixed(2)}\n
\n 廣告投資報酬率
\n \n
\n \n \n
\n ));\n\n const renderMobilePage = useMemo(() => (\n // (currentGoogleData.returnOnAdSpend === 0 && currentFacebookData.returnOnAdSpend === 0) ? (\n // \n
\n \n {`${date.getMonth() + 1}/${date.getDate()}成效表現`}
\n \n \n \n 本週\n \n \n {formatWeek(lastWeek(selectedWeek))}\n \n |\n \n 上週\n \n \n {formatWeek(lastLastWeek(selectedWeek))}\n \n \n
\n \n {/* {(currentGoogleData.returnOnAdSpend === 0 && currentFacebookData.returnOnAdSpend === 0) ? (\n
\n \n \n
\n );\n}\n\nexport default memo(FQA);\n","import { useEffect } from 'react';\nimport useRefState from 'components/hooks/useRefState';\n\nexport default function useElementDidResize(ref, cb) {\n const [, setLastSize, lastSizeRef] = useRefState({});\n useEffect(() => {\n if (!ref.current) {\n return undefined;\n }\n const resizeObserver = new ResizeObserver((entries) => {\n if (!entries.length || !ref.current) {\n return;\n }\n const { width, height } = entries[0].contentRect;\n if (lastSizeRef.current.width !== width || lastSizeRef.current.height !== height) {\n cb({ width, height }, entries[0].target);\n setLastSize({ width, height });\n }\n });\n\n resizeObserver.observe(ref.current);\n return () => resizeObserver && resizeObserver.disconnect();\n }, []);\n}\n","import { useState, useRef, useEffect } from 'react';\n\nexport default function useRefState(init, bind) {\n const [state, _setState] = useState(init);\n const stateRef = useRef(state);\n const setState = (value) => {\n stateRef.current = typeof value === 'function' ? value(state) : value;\n _setState(value);\n };\n\n useEffect(() => setState(init), [bind && init]);\n useEffect(() => () => { stateRef.current = undefined; }, []);\n\n return [state, setState, stateRef];\n}\n","/* eslint-disable no-unused-vars */\n/* eslint-disable react/forbid-prop-types */\n/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport useElementDidResize from 'components/hooks/useElementDidResize';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nexport default function HideableContainer({\n hidden,\n children,\n className,\n style,\n ...props\n}) {\n const [height, setHeight] = useState(500);\n const ref = useRef();\n\n useElementDidResize(ref, (_, target) => {\n setHeight(target.height);\n });\n\n return (\n \n 常見問題 \n A \n B \n C \n D \n E \n F \n
\n \n \n
\n {(title || description) && (\n \n
\n )}\n \n )}\n {selectedFilename && (\n {selectedFilename}
\n )}\n \n );\n}\n\nFormFileDrop.propTypes = {\n accept: PropTypes.string,\n onSelectFile: PropTypes.func,\n selectedFilename: PropTypes.string,\n title: PropTypes.string,\n description: PropTypes.string,\n};\n\nFormFileDrop.defaultProps = {\n accept: '',\n onSelectFile: () => {},\n selectedFilename: '',\n title: '',\n description: '',\n};\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport FormLabel from 'components/pages/ResourceSetting/Widgets/FormLabel';\nimport FormFileDrop from 'components/pages/ResourceSetting/Widgets/FormFileDrop';\nimport googleContentFeed from 'assets/ProductFeedExample.xlsx';\nimport Styles from './index.module.css';\n\nexport default function ContentFeedField({\n value,\n onChange,\n link,\n ...props\n}) {\n return (\n \n
\n );\n}\n\nContentFeedField.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n link: PropTypes.string,\n};\n\nContentFeedField.defaultProps = {\n value: '',\n onChange: () => {},\n link: googleContentFeed,\n};\n","/* eslint-disable consistent-return */\n/* eslint-disable no-await-in-loop */\n/* eslint-disable no-unused-vars */\n/* eslint-disable max-len */\n/* eslint-disable no-unreachable */\nimport React, { useState, useEffect } from 'react';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport Market, { Categories as MarketCategories } from 'models/business/Market';\nimport Asset from 'models/business/Asset';\nimport HideableContainer from 'components/Common/HideableContainer';\n// import Grid from '@material-ui/core/Grid';\nimport Box from '@material-ui/core/Box';\n// import OrangeButton from 'components/Common/OrangeButton';\n// import LightBlueButton from 'components/Common/LightBlueButton';\n// import Checkbox from 'components/Common/Checkbox';\nimport ActionButton from 'components/Common/ActionButton';\nimport TitleBar from 'components/Common/TitleBar';\nimport HeaderTypography from 'components/Common/HeaderTypography';\nimport ContentTypography from 'components/Common/ContentTypography';\nimport MarketSeletor from 'components/Common/MarketSeletor';\nimport TextInput from 'components/Common/TextInput';\nimport {\n shopeeUrl,\n shopeeName,\n shopeeId,\n} from 'assets/exports/imageExport';\nimport pchomeContentFeed from 'assets/pchome.xlsx';\nimport googleContentFeed from 'assets/ProductFeedExample.xlsx';\nimport API from 'api';\nimport ContentFeedField from './ContentFeedField';\nimport Styles from './index.module.css';\n\nconst steps = [\n '我的廣告',\n '商城設定',\n];\n\nexport default function MarketSetting() {\n const history = useHistory();\n const location = useLocation();\n const [market, setMarket] = useState(new Market());\n const [marketPopulated, setMarketPopulated] = useState(false);\n // const [isDefault, setIsDefault] = useState(false);\n const [contentFeedFile, setContentFeedFile] = useState();\n const [existingMallFeeds, setExistingMallFeeds] = useState([]);\n\n const handleChangeField = (e, field) => {\n const newMarket = market.clone();\n newMarket[field] = e.target.value;\n setMarket(newMarket);\n };\n\n const checkUrlValid = (e, field) => {\n const regex = /(https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.[^\\s]{2,}|www\\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.[^\\s]{2,}|https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9]+\\.[^\\s]{2,}|www\\.[a-zA-Z0-9]+\\.[^\\s]{2,})/;\n if (!regex.test(market[field])) {\n alert('請提供正確的連結');\n setMarket(new Market());\n } else {\n market.category = MarketCategories.Others;\n const shopeeRegex = new RegExp(/(^https:\\/\\/shopee.tw\\/)/);\n if (shopeeRegex.test(market[field])) {\n market.category = MarketCategories.Shopee;\n }\n const pchomeRegex = new RegExp(/(^https:\\/\\/24h.pchome.com.tw\\/)/);\n if (pchomeRegex.test(market[field])) {\n market.category = MarketCategories.PChome;\n }\n const momoRegex = new RegExp(/(^https:\\/\\/www.momoshop.com.tw\\/)/);\n if (momoRegex.test(market[field])) {\n market.category = MarketCategories.Momo;\n }\n }\n };\n\n const fetchMarketFeeds = async (id) => {\n if (!id) return [];\n const result = await API.mall.getMallAssets(id);\n if (result.error) {\n alert(result.error.errorMsg);\n return [];\n }\n\n const marketFeeds = (result.resultData || []).map((a) => new Asset(a));\n return marketFeeds;\n };\n\n const handleNextStep = () => {\n if (!marketPopulated) {\n setMarketPopulated(true);\n }\n // if (!marketPopulated) {\n // if (ad.market.id) {\n // setMarketPopulated(true);\n // setActiveCard('target');\n // }\n // } else if (!targetPopulated) {\n // setTargetPopulated(true);\n // setActiveCard('setting');\n // }\n };\n\n useEffect(() => {\n const newMarket = new Market(location.state);\n fetchMarketFeeds(newMarket.id).then((feeds) => {\n setExistingMallFeeds(feeds);\n setContentFeedFile(feeds[0]);\n setMarket(new Market(location.state));\n });\n }, [location.state]);\n\n const saveMarketOnClick = async () => {\n let result;\n\n const fetchMarkets = await API.mall.getMallList();\n if (!fetchMarkets.error) {\n // if (market.id) {\n // if (fetchMarkets.resultData.filter((a) => a.id !== market.id && a.name === market.name).length > 0) {\n // alert('您已經設定過相同名稱的賣場了，請輸入其他名稱');\n // return;\n // }\n // } else if (fetchMarkets.resultData.filter((a) => a.name === market.name).length > 0) {\n // alert('您已經設定過相同名稱的賣場了，請輸入其他名稱');\n // return;\n // }\n } else {\n alert(fetchMarkets.error.errorMsg);\n }\n\n if (!market.id) {\n if (market.category === MarketCategories.PChome || market.category === MarketCategories.Momo) {\n if (!contentFeedFile) return alert('您尚未完成所有必填欄位，請先完成欄位後，再按下儲存賣場');\n }\n if (market.category !== MarketCategories.Shopee && market.serial.length === 0) {\n market.serial = '0000';\n }\n if (fetchMarkets.resultData.filter((a) => a.name === market.name).length > 0) {\n alert('您已經設定過相同名稱的賣場了，請輸入其他名稱');\n return;\n }\n result = await API.mall.postNewMall(market.toNewJSON());\n if (!result.error) {\n const newMarket = new Market(result.resultData);\n const file = contentFeedFile || new File([''], 'inventory.csv');\n result = await API.mall.postMallMedia(newMarket.id, file);\n }\n } else {\n if (market.category === MarketCategories.PChome || market.category === MarketCategories.Momo) {\n if (!contentFeedFile) return alert('您尚未完成所有必填欄位，請先完成欄位後，再按下儲存賣場');\n }\n if (fetchMarkets.resultData.filter((a) => a.id !== market.id && a.name === market.name).length > 0) {\n alert('您已經設定過相同名稱的賣場了，請輸入其他名稱');\n return;\n }\n result = await API.mall.postUpdateMall(market.toJSON());\n if (!result.error) {\n if (!contentFeedFile?.id) {\n for (let i = 0; i < existingMallFeeds.length; i += 1) {\n await API.mall.deleteMallAsset(existingMallFeeds[i].id);\n }\n if (contentFeedFile) {\n result = await API.mall.postMallMedia(market.id, contentFeedFile);\n }\n }\n }\n }\n\n if (result.error) {\n alert('您尚未完成所有必填欄位，請先完成欄位後，再按下儲存賣場');\n } else {\n history.push('/MyAds');\n }\n };\n\n return (\n \n \n 下載產品資訊檔案範例\n \n {\n if (files[0]) {\n const name = (files[0].name || '').toLowerCase();\n const allowedExtensions = ['.csv', '.xlsx', '.xls', '.numbers'];\n let allowed = false;\n for (let i = 0; i < allowedExtensions.length && !allowed; i += 1) {\n if (name.endsWith(allowedExtensions[i])) allowed = true;\n }\n if (!allowed) return;\n }\n onChange(files[0]);\n }}\n selectedFilename={value}\n title=\"產品資訊檔案(限為Excel檔)\"\n description=\"請上傳全館商品清單\"\n />\n
\n \n
\n );\n}\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nexport default function NavButton({\n children,\n selected,\n onClick,\n ...props\n}) {\n return (\n \n \n \n
\n\n \n {/* {!market.id && (\n \n \n 賣場 \n handleChangeField({ target: { value } }, 'category')} />\n \n \n )} */}\n \n \n
\n \n \n \n {/* {market.category === MarketCategories.PChome ? '品牌產品頁集合連結' : '賣場連結'} */}\n 賣場連結/品牌產品頁連結\n *\n \n handleChangeField(e, 'url')}\n onBlur={(e) => checkUrlValid(e, 'url')}\n />\n \n 請勿輸入縮短網址\n \n \n {/* \n {market.category === MarketCategories.Shopee && 
}\n */}\n
\n \n 下一步 » \n
\n \n \n \n \n \n \n \n \n Facebook粉絲團連結\n \n checkUrlValid(e, 'url')} onChange={(e) => handleChangeField(e, 'fanPageUrl')} />\n \n {/* \n {market.category === MarketCategories.Shopee && null}\n */}\n \n
\n {/* \n \n \n {market.category === MarketCategories.Shopee ? '賣場名稱' : '品牌名稱'}\n *\n \n handleChangeField(e, 'name')} />\n \n {/* \n {market.category === MarketCategories.Shopee && 
}\n */}\n
\n \n \n \n
\n \n \n \n 賣場編號\n *\n \n {\n handleChangeField({ target: { value: e.target.value.replace(/[^0-9]/g, '') } }, 'serial');\n }}\n preventNumberFormat\n />\n \n {/* \n {market.category === MarketCategories.Shopee && 
}\n */}\n
\n \n \n 儲存賣場\n \n
\n \n
*/}\n \n \n {Object.keys(pages).map((page) => (\n { history.push(`/${page}`); }}\n selected={location.pathname === `/${page}`}\n >\n {pages[page]}\n \n ))}\n { window.open('https://www.hhgalaxy.com.tw/qa', '_blank'); }}\n >\n 常見問題\n \n
\n );\n}\n","/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { useHistory } from 'react-router-dom';\nimport HideableContainer from 'components/Common/HideableContainer';\nimport PowerAIFullLogo from 'assets/PowerAI-270x145-logo.svg';\nimport SignInNavBar from '../SignInNavBar';\nimport Styles from './index.module.css';\n\nexport default function SideBar({ step, onChangeStep, ...props }) {\n const history = useHistory();\n return (\n \n
\n );\n}\n\nSideBar.propTypes = {\n step: PropTypes.string,\n onChangeStep: PropTypes.func,\n};\n\nSideBar.defaultProps = {\n step: '',\n onChangeStep: () => {},\n};\n","/* eslint-disable no-unused-vars */\n/* eslint-disable max-len */\n/* eslint-disable no-bitwise */\n/* eslint-disable jsx-a11y/control-has-associated-label */\n/* eslint-disable jsx-a11y/anchor-has-content */\n/* eslint-disable react/forbid-prop-types */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nconst nearestIndex = (\n currentPosition,\n sectionPositionArray,\n startIndex,\n endIndex,\n) => {\n if (startIndex === endIndex) return startIndex;\n if (startIndex === endIndex - 1) {\n if (\n Math.abs(\n sectionPositionArray[startIndex].headerRef.current?.offsetTop\n - currentPosition,\n )\n < Math.abs(\n sectionPositionArray[endIndex].headerRef.current?.offsetTop\n - currentPosition,\n )\n ) return startIndex;\n return endIndex;\n }\n const nextNearest = ~~((startIndex + endIndex) / 2);\n const a = Math.abs(\n sectionPositionArray[nextNearest].headerRef.current?.offsetTop\n - currentPosition,\n );\n const b = Math.abs(\n sectionPositionArray[nextNearest + 1].headerRef.current?.offsetTop\n - currentPosition,\n );\n if (a < b) {\n return nearestIndex(\n currentPosition,\n sectionPositionArray,\n startIndex,\n nextNearest,\n );\n }\n return nearestIndex(\n currentPosition,\n sectionPositionArray,\n nextNearest,\n endIndex,\n );\n};\n\nexport default function FloatBullets({ sections }) {\n const [activeIndex, setActiveIndex] = useState(0);\n\n useEffect(() => {\n const handleScroll = (e) => {\n const index = nearestIndex(\n window.scrollY,\n sections,\n 0,\n sections.length - 1,\n );\n setActiveIndex(index);\n };\n document.addEventListener('scroll', handleScroll);\n return () => {\n document.removeEventListener('scroll', handleScroll);\n };\n }, []);\n\n return (\n \n );\n}\n\nFloatBullets.propTypes = {\n sections: PropTypes.array,\n};\n\nFloatBullets.defaultProps = {\n sections: [],\n};\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport HideableContainer from 'components/Common/HideableContainer';\nimport { useHistory } from 'react-router-dom';\nimport Styles from './index.module.css';\n\nexport default function LoginNavButtons({\n step, onChangeStep, children, ...props\n}) {\n const history = useHistory();\n\n return (\n history.push('/Home')} className={Styles.logoContainer}>\n ![]()
history.push('/Home')} src={PowerAIFullLogo} alt=\"PowerAIFullLogo\" />\n
\n \n
\n \n
\n \n \n \n
\n \n \n { history.push('/Register'); }}\n className={Styles.link}\n >\n {/* 立即 */}\n 註冊\n \n /\n { history.push('/Register'); }}\n className={Styles.link}\n >\n 登入\n \n {children}\n \n
\n );\n}\n\nLoginNavButtons.propTypes = {\n step: PropTypes.string,\n children: PropTypes.node,\n onChangeStep: () => {},\n};\n\nLoginNavButtons.defaultProps = {\n step: '',\n children: null,\n onChangeStep: () => {},\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styles from './index.module.css';\n\nexport default function Container({ children }) {\n return (\n \n {children}\n
\n );\n}\n\nContainer.propTypes = {\n children: PropTypes.node,\n};\n\nContainer.defaultProps = {\n children: null,\n};\n","/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable react/prop-types */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nexport default function StrictContainer({ children, style, className }) {\n return (\n \n {children}\n
\n );\n}\n\nStrictContainer.propTypes = {\n children: PropTypes.node,\n};\n\nStrictContainer.defaultProps = {\n children: null,\n};\n","export default __webpack_public_path__ + \"static/media/Video_step1.ecd9ca99.mp4\";","export default __webpack_public_path__ + \"static/media/Video_step2.7276ac6b.mp4\";","export default __webpack_public_path__ + \"static/media/Video_step3.5b608349.mp4\";","export default __webpack_public_path__ + \"static/media/Video_step4.f6acb885.mp4\";","/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable no-return-assign */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-len */\n/* eslint-disable react/no-unescaped-entities */\n/* eslint-disable jsx-a11y/media-has-caption */\n/* eslint-disable react/jsx-one-expression-per-line */\n/* eslint-disable no-unused-vars */\nimport React, {\n useState, useRef, useEffect, useLayoutEffect, useMemo,\n} from 'react';\nimport ActionButton from 'components/Common/ActionButton';\nimport SideBar from 'components/pages/Marketing/Assets/SideBar';\nimport FloatBullets from 'components/pages/Marketing/Assets/FloatBullets';\nimport LoginNavButtons from 'components/pages/Marketing/Assets/LoginNavButtons';\nimport Container from 'components/pages/Marketing/Assets/Container';\nimport { useHistory } from 'react-router-dom';\nimport StrictContainer from 'components/pages/Marketing/Assets/StrictContainer';\nimport {\n robot,\n bgImgOne,\n bgImgTwo,\n bgImgThree,\n bgImgFour,\n collaboration,\n couponLong,\n shopeeLogo,\n PhoneIcon2,\n MailIcon2,\n LINEicon2,\n HHGBrandLogo2,\n HGGFullLogo,\n EffectImg,\n industryOne,\n industryTwo,\n industryThree,\n industryFour,\n industryFive,\n industrySix,\n industrySeven,\n industryEight,\n FacebookIcon2,\n GoogleIcon2,\n PChomeIcon2,\n ShopeeIcon2,\n} from 'assets/exports/imageExport';\nimport {\n VideoStep1,\n VideoStep2,\n VideoStep3,\n VideoStep4,\n} from 'assets/exports/videoExport';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nfunction MarketingHome() {\n const history = useHistory();\n // Step block state\n const [slideVideos] = useState([VideoStep1, VideoStep2, VideoStep3, VideoStep4]);\n const [stepFilter] = useState([\n 選擇廣告媒體、調整受眾,\n 上傳廣告素材,\n 完成儲值,\n 設定廣告走期、
廣告等待上線！,\n ]);\n const [activeId, setActiveId] = useState(1);\n\n // Category block state\n const exceptionIndex = [0, 3, 5, 10];\n const [activeIndustryId, setActiveIndustryId] = useState(0);\n const counter = useRef(0);\n const [industries] = useState([\n {\n name: '寵物用品',\n stata: [{ title: '廣告業績', info: '(當週)+320%' }, { title: '其他', info: '客單價提升157%' }],\n description: '大檔期間運用【PowerAI智能廣告管家】投廣，快速完成廣告設定，因應密集檔期自由調整廣告，創造三倍業績成長!',\n img: industryFive,\n },\n {\n name: '家電',\n stata: [{ title: '點擊率', info: '+126%' }, { title: '轉換率', info: '+127%' }, { title: 'ROAS', info: '+200%' }],\n description: '活動大檔前一週運用【PowerAI智能廣告管家】曝光新品，自動篩選最佳受眾組合投廣，吸引更多消費者加入購物車。活動當日拉高預算，廣告投資報酬率提升2倍!',\n img: industrySix,\n },\n {\n name: '美食伴手禮',\n stata: [{ title: '轉換率', info: '+320%' }, { title: 'ROAS', info: '+280%' }, { title: '其他', info: '轉換訂單成本降低74%' }],\n description: '運用【PowerAI智能廣告管家】自主設定廣告內容，活動前一日開啟廣告，提前累積有興趣購買的客戶，用更少的成本獲得更多轉換訂單!',\n img: industryOne,\n },\n {\n name: '男性配件',\n stata: [{ title: '點擊率', info: '+190%' }, { title: 'ROAS', info: '+260%' }, { title: '其他', info: '轉換訂單成本降低80%' }],\n description: '使用【 PowerAI智能廣告管家】，日常輕鬆設定Google PMAX廣告，系統利用機器學習製作不同的素材組合，顯示最相關的廣告，更有效提升廣告點擊率和進站流量!',\n img: industryTwo,\n },\n {\n name: '生活娛樂',\n stata: [{ title: '廣告業績', info: '+102%' }, { title: 'ROAS', info: '(新客)+130%' }, { title: '其他', info: '新客點擊成本降低25%' }],\n description: '使用【PowerAI智能廣告管家】，輕鬆設定Facebook商品輪播廣告，系統智慧篩選消費者感興趣的商品投放，拉高新客點擊廣告意願，提升1.2倍的新客廣告業積!',\n img: industryThree,\n },\n {\n name: '母嬰用品',\n stata: [{ title: '點擊率', info: '+300%' }, { title: '廣告業績', info: '+500%' }, { title: '其他', info: '轉換訂單成本降低53%' }],\n description: '透過【PowerAI智能廣告管家】的視覺化成效報告，賣家即時掌握調整方向進行廣告優化，有效提升三倍的點閱率，收割五倍的廣告業績!',\n img: industryFour,\n },\n {\n name: '女性服飾',\n stata: [{ title: '轉換率', info: '+900%' }, { title: 'ROAS', info: '+300%' }, { title: '其他', info: '轉換訂單成本降低80%' }],\n description: '新品牌運用【PowerAI智能廣告管家】進行日常廣告曝光，智能優化鎖定新客投放累積流量，活動期間加大預算投放，轉換率大幅提升!',\n img: industrySeven,\n },\n {\n name: '3C產品/周邊',\n stata: [{ title: '轉換率', info: '+200%' }, { title: '廣告業績', info: '+1000%' }, { title: 'ROAS', info: '+440%' }],\n description: '運用【PowerAI智能廣告管家】，輕鬆設定Facebook成效型廣告格式，運用「精選集廣告」吸引新客進店，運用「輪播廣告」增加再行銷客群下單，廣告業績提升10倍!',\n img: industryEight,\n },\n ]);\n useEffect(() => {\n counter.current = 0;\n return () => {\n counter.current = 0;\n };\n });\n const squareRefs = industries.map(() => useRef(null));\n\n const transparentNode = () => (\n
\n \n
\n );\n const interactiveNode = (industry, id, arr) => {\n if (counter.current < arr.length - 1) counter.current += 1;\n else counter.current = 0;\n return (\n \n 
\n
\n \n );\n };\n\n // Anchors refs\n const sectionOneRef = useRef();\n const sectionTwoRef = useRef();\n const sectionThreeRef = useRef();\n const sectionFourRef = useRef();\n const sectionFiveRef = useRef();\n const sectionSixRef = useRef();\n const sectionSevenRef = useRef();\n const sectionEightRef = useRef();\n const sectionNineRef = useRef();\n\n const sections = [\n {\n headerRef: sectionOneRef,\n id: 'sectionOne',\n },\n {\n headerRef: sectionTwoRef,\n id: 'sectionTwo',\n },\n {\n headerRef: sectionThreeRef,\n id: 'sectionThree',\n },\n {\n headerRef: sectionFourRef,\n id: 'sectionFour',\n },\n {\n headerRef: sectionFiveRef,\n id: 'sectionFive',\n },\n {\n headerRef: sectionSixRef,\n id: 'sectionSix',\n },\n {\n headerRef: sectionSevenRef,\n id: 'sectionSeven',\n },\n {\n headerRef: sectionEightRef,\n id: 'sectionEight',\n },\n {\n headerRef: sectionNineRef,\n id: 'sectionNine',\n },\n ];\n\n return (\n <>\n \n
\n \n { window.open('https://www.hhgalaxy.com.tw/qa/95#354', '_blank'); }}\n />\n
\n \n
\n \n \n PowerAI智能廣告管家\n
\n
\n \n PowerAI智能廣告管家\n
\n 你的廣告最佳幫手!\n
\n \n
\n 24H系統在線等候 X 超簡易操作 X 即時成效報表
\n\n history.push('/Register')}>開始設定廣告 \n history.push('/Offer')}>了解成效型廣告 \n
\n \n 設定廣告，可以更方便、全面、即時、智慧！
\n 讓【PowerAI智能廣告管家】包辦您廣告的大小事！
\n ✔ 方便：管家 24 小時在線等候，隨時都能上傳廣告需求
\n ✔ 全面：支援Facebook、Google多種格式廣告投放，熱門版位一鍵投放！
\n ✔ 即時：提供【即時線上全通路報表】和客製化建議，隨時掌握廣告狀況
\n ✔ 智慧：智能更新電商高價值受眾，鎖定潛在客群投放，提高下單率！\n
\n 
\n
\n \n
\n \n
\n \n 【PowerAI智能廣告管家 】四大優勢\n \n
\n\n
\n \n 
\n
\n 短短五分鐘，輕鬆完成設定
\n \n\n 超簡易的系統流程，您只需要準備好廣告文案和素材，就能快速讓廣告曝光！\n
\n\n 
\n
\n 投放全版位，電商官網都行
\n \n\n 3大電商 x 自架官網 x 多重媒體渠道，支援各通路串接，實現一站式投放廣告！\n
\n\n
\n \n 
\n
\n 平台受眾包，精準觸及客群
\n \n\n 支援 Momo、蝦皮、PChome站內受眾自動更新，讓您的廣告鎖定平台高度意願轉換客群，提升轉換率\n
\n\n 
\n
\n 成效一把抓，報表即時在線
\n \n\n 24H數據更新零時差！視覺化報表即時反映廣告成效，讓您隨時掌握廣告趨勢！\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 \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 300+個
\n \n\n 知名品牌\n
\n 廣告操作經驗\n
\n
\n 4億元
\n \n\n 2021年\n
\n 媒體操作總預算\n
\n
\n 15,000筆/月
\n \n\n 成效型廣告\n
\n 轉換訂單\n
\n
\n \n
\n 精選客戶案例
\n- \n {industries.map((item, index) => (\n
\n
\n \n {[...Array(12).keys()].map((item, index) => (exceptionIndex.includes(index)\n ? transparentNode()\n : interactiveNode(industries[counter.current], counter.current, industries)))}\n
\n \n
\n \n
\n {industries[activeIndustryId].name}
\n \n{industries[activeIndustryId].description}
\n\n {industries[activeIndustryId].stata.map((item) => (\n
\n \n {item.title}\n {item.info}\n \n
\n ))}\n \n
\n \n
\n \n 除此之外，我們能給您更多\n \n
\n\n
\n \n
\n 視覺化成效
\n \n\n Data Studio圖表\n
\n 清楚呈現廣告數據\n
\n 讀懂報表沒問題\n
\n
\n 隨時解惑
\n \n\n 利用問答集、官方Line\n
\n 隨時為您解答\n
\n 待線等候\n
\n
\n 加值服務
\n \n\n 素材製作、Banner設計\n
\n 提供各種媒體投放服務\n
\n 滿足您的需求\n
\n
\n \n \n 簡單四步驟\n
\n
\n \n 簡單四步驟\n
\n 完成廣告投資設定\n
\n \n {stepFilter.map((str, id) => (\n { setActiveId(id + 1); }}\n >\n
\n \n {`Step ${id + 1}`}\n
\n \n{str}
\n \n ))}\n\n
\n \n
\n \n {slideVideos.map((video, id) => (\n \n Your browser does not support video tag\n
\n \n
\n \n
\n 開始建立您的第一個廣告投資
\n\n history.push('/Calculator')}>試算報酬 \n history.push('/Register')}>開始設定廣告 \n
\n 成效型廣告
\n\n
\n \n \n
\n 成效型廣告
\n\n
\n 為效益而生的新廣告型態
\n\n
\n \n
\n \n 
\n
\n CPAS
\n\n
\n \n \n
\n Real shopper
\n\n \n \n
\n \n
\n \n
\n 過去，你知道的太少
\n只關注CPC，卻不知道廣告實際帶來的訂單和業績
\n\n 
\n
\n \n
\n 現在，使用成效型廣告實際成效你看得見!
\n全新的廣告成績單，給您更確實的廣告價值\n {/*
\n 廣告成績單\n
*/}\n \n \n
\n - \n
- 廣告轉換訂單數 \n
- 廣告轉換業績 \n
- 廣告轉換品項 \n
- \n
- 廣告轉換率 \n
- ROAS投報率 \n
\n 
\n
\n \n
\n 成效型廣告如何運作
\n\n
\n \n 
\n
\n \n
\n 搶佔線上陳列位，媒體版位鋪好撲滿
\n成效型廣告全方位佈局
多元管道不放過任何一個版位
\n {Object.keys(levers).map((lever) => (\n setActiveLever(levers[lever])}\n >\n
\n \n 
\n
\n {levers[lever]}\n \n ))}\n \n \n
\n {content[activeLever]}
\n\n {tabs[activeLever].map((btn, index) => (\n setActiveTab(index)}\n >\n {btn.name.split(' ').length >= 2\n ? btn.name.split(' ').map((word) => <>{word}
)\n : btn.name}\n \n ))}\n
\n )\n : btn.name}\n \n ))}\n
\n
\n \n 
\n
\n \n
\n 廣告投放更精準的消費者名單
\n電商受重受眾名單X數位媒體廣告興趣受眾，鎖定真正有消費潛力的顧客
\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 1
\n商品清單與廣告系統串接
\n\n 
\n
\n \n
\n 2
\n成效型曝光給更精準客群導入
平台賣場購買
\n 
\n
\n \n
\n 3
\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 \n
\n \n \n
\n 成效型廣告合作夥伴\n \n
\n 現在就讓您的廣告投資變現
\n\n { history.push('/Calculator'); }} className={Styles.prefooterButton}>試算報酬 \n { history.push('/Register'); }} className={Styles.prefooterButton}>註冊 \n
\n \n 報酬試算
\n
\n 報酬試算
讓廣告實現您的夢想
\n \n
\n 夢想目標
\n\n {Object.keys(levers).map((name) => (\n {\n setActiveLever(levers[name]);\n setFormIsActive(true);\n !activeStep && setActiveStep(stepNames.Calculator);\n }}\n >\n {levers[name]}\n
\n ))}\n \n 
\n
\n \n
\n \n
\n { activeLever === levers.Performance ? '每月廣告業績目標' : '每月投資金額' }
\n\n numberInputValidation(e, 'investment')}\n value={numberFormat(calculations.investment)}\n type=\"text\"\n className={Styles.calculatorField}\n />\n 元/月\n
\n \n
\n 均客單價
\n\n numberInputValidation(e, 'clientPrice')}\n value={numberFormat(calculations.clientPrice)}\n type=\"text\"\n className={Styles.calculatorField}\n />\n 元\n
\n \n
\n 品牌知名度
\n\n {Object.keys(tabs).map((name) => (\n setActiveTab(tabs[name])}\n >{tabs[name]}\n
\n ))}\n \n
\n \n \n
\n \n
\n { activeLever === levers.Performance ? '每月廣告業績目標' : '每月投資金額' }: ${numberFormat(calculations.investment)}
\n均客單價: ${numberFormat(calculations.clientPrice)}
\n品牌知名度: {activeTab}
\n成效為預估，非保證成效
\n {activeLever === levers.Performance && (\n\n
\n )}\n {activeLever === levers.Traffic && (\n 每月投資金額:
\n {`$${calculatePerformanceAvg(performanceDataSum?.high)} ~ $${calculatePerformanceAvg(performanceDataSum?.low)}`}\n\n
\n )}\n 預估達成業績:
\n {`$${numberFormat(Math.round(trafficDataSum?.low))} ~ $${numberFormat(Math.round(trafficDataSum?.high))}`}\n\n setActiveStep(stepNames.Calculator)}>« 重新計算 \n history.push('/Register')}>開始投資 » \n
\n \n
\n );\n}\n\nexport default memo(PlayGround);\n","/* eslint-disable react/no-typos */\n/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport Styles from './index.module.css';\n\nexport default function AdvertisingMethodButton({\n title,\n subTitle,\n src,\n selected,\n disabled,\n expanded,\n onClick,\n className,\n ...props\n}) {\n return (\n {title}
\n {subTitle}
\n \n \n \n 選擇廣告媒體\n
\n \n onChange(true)}\n className={classNames(\n Styles.basicButton,\n { [Styles.selected]: !!value },\n { [Styles.unSelected]: !value },\n )}\n >\n onChange(false)}\n className={classNames(\n Styles.basicButton,\n { [Styles.selected]: !value },\n { [Styles.unSelected]: !!value },\n )}\n >\n
\n );\n}\n\nButtonSwitch.propTypes = {\n value: PropTypes.bool,\n onChange: PropTypes.func,\n};\n\nButtonSwitch.defaultProps = {\n value: false,\n onChange: () => {},\n};\n\nexport default ButtonSwitch;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styles from './index.module.css';\n\nfunction EmptyBar({ children }) {\n return (\n \n 開啟\n
\n \n \n 關閉\n
\n \n \n {children}\n
\n );\n}\n\nEmptyBar.propTypes = {\n children: PropTypes.node,\n};\n\nEmptyBar.defaultProps = {\n children: null,\n};\n\nexport default EmptyBar;\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { makeStyles } from '@material-ui/core/styles';\n// import ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Styles from './index.module.css';\n\nconst useMenuStyles = makeStyles(() => ({\n paper: {\n backgroundColor: '#EAF0FF',\n paddingTop: 0,\n paddingBottom: 0,\n },\n list: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n}));\n\nconst useSelectStyles = makeStyles(() => ({\n select: {\n color: '#475E95',\n paddingLeft: 10,\n textAlign: 'left',\n '&:focus': {\n background: '#E4EAF9',\n },\n },\n}));\n\nexport default function FormSelect({\n value,\n options,\n onChange,\n ...props\n}) {\n const menuClasses = useMenuStyles();\n const selectClasses = useSelectStyles();\n return (\n \n
\n \n 元\n
\n \n \n );\n}\n\nEndAdornmentInput.propTypes = {\n onChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nEndAdornmentInput.defaultProps = {\n onChange: () => {},\n value: '',\n};\n\nfunction TargetSetting({\n ad,\n onChangeAd,\n active,\n onSetActive,\n disabled,\n}) {\n const handleChangeField = (e, field) => {\n const newAd = ad.clone();\n newAd[field] = e.target.value;\n onChangeAd(newAd);\n };\n // const [price, setPrice] = useState(45);\n // const [productCategory, setProductCategory] = useState('');\n // const [commodityBuyer, setCommodityBuyer] = useState('關閉');\n // const [commodityInCart, setCommodityInCart] = useState('關閉');\n // const [interestingInSameType, setInterestingInSameType] = useState('關閉');\n\n // const handleChangePrice = (e) => {\n // handleChangeField({ target: { value: e.target.value.replace(/[^0-9]/g, '') } },\n // 'averagePricePerCustomer');\n // };\n\n const renderSettingForm = useMemo(() => (\n <>\n \n 請提供您賣場中所有訂單的「平均客單價」\n
\n */}\n \n handleChangeField(e, 'productCategory')}\n />\n
\n \n \n 投放對象\n
\n \n \n {ad.averagePricePerCustomer}\n 元\n
\n */}\n {ad.productCategory}
\n \n 投放對象
\n \n 買過商品的人:
\n {toBooleanString(ad.toBought)}
\n \n 將您的商品加入購物車的人:
\n {toBooleanString(ad.toAddedCart)}
\n \n 對同屬性商品有興趣的人:
\n {toBooleanString(ad.toSameType)}
\n \n \n \n ), [active, ad]);\n\n return (\n \n {} : onSetActive}\n >\n {active && renderSettingForm}\n {!disabled && !active && renderResult}\n \n )}\n
\n );\n}\n\nTargetSetting.propTypes = {\n ad: PropTypes.instanceOf(Ad),\n onChangeAd: PropTypes.func,\n active: PropTypes.bool,\n onSetActive: PropTypes.func,\n disabled: PropTypes.bool,\n};\n\nTargetSetting.defaultProps = {\n ad: new Ad(),\n onChangeAd: () => {},\n active: false,\n onSetActive: () => {},\n disabled: true,\n};\n\nexport default TargetSetting;\n","import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Styles from './index.module.css';\n\nexport default function InputErrorMessage({ visible }) {\n return (\n \n 受眾設定\n
\n {disabled && \n 單日預算不得低於$500，不然將影響成效\n
\n );\n}\n\nInputErrorMessage.propTypes = {\n visible: PropTypes.bool,\n};\n\nInputErrorMessage.defaultProps = {\n visible: false,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styles from './index.module.css';\n\nexport default function InputWrapper({ children }) {\n return (\n { children }
\n );\n}\n\nInputWrapper.propTypes = {\n children: PropTypes.node,\n};\n\nInputWrapper.defaultProps = {\n children: null,\n};\n","import React, { useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Ad from 'models/business/Ad';\nimport TextInput from 'components/Common/TextInput';\nimport EmptyBar from 'components/Common/EmptyBar';\nimport ErrorIconPopover from 'components/Common/ErrorIconPopover';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport InputErrorMessage from 'components/Common/InputErrorMessage';\nimport InputWrapper from 'components/Common/InputWrapper';\n\nimport classNames from 'classnames';\n\nimport Styles from './index.module.css';\n\nexport default function AdCardSetting({\n ad,\n onChangeAd,\n disabled,\n active,\n onSetActive,\n handleValidFromAdSettings,\n}) {\n const [error, setError] = useState(ad.dayBudget < 500);\n\n const handleChangeField = (e, field) => {\n const newAd = ad.clone();\n newAd[field] = e.target.value;\n onChangeAd(newAd);\n };\n\n // const handleInputErrorVisibility = (e) => {\n // if (+e.target.value < 500) {\n // setError(true);\n // } else {\n // setError(false);\n // }\n // };\n\n const handleInputErrorVisibility = (value) => {\n if (+value < 500) {\n setError(true);\n handleValidFromAdSettings(false);\n } else {\n setError(false);\n handleValidFromAdSettings(true);\n }\n };\n\n const handleChangeNum = (e, field) => {\n const newAd = ad.clone();\n newAd[field] = e.target.value.replace(/[A-Za-z._^%$#,!~@-]+/g, '');\n handleInputErrorVisibility(newAd[field]);\n onChangeAd(newAd);\n };\n\n const toLocaleStr = (value) => value.toLocaleString();\n\n const renderSettingForm = useMemo(() => (\n <>\n \n
\n 日預算
\n \n \n \n
\n \n 日預算為初始設定，廣告花費將依照加總後的每日預算，依照結果自動優化分配\n
\n \n 每月預算\n
\n \n
\n 廣告名稱:
\n {ad.name}
\n \n
\n 廣告預算:
\n {`$${30 * ad.dayBudget}`}
\n \n
\n \n ));\n\n return (\n 日預算:
\n \n $\n {ad.dayBudget}\n
\n \n {} : onSetActive}\n >\n {active && renderSettingForm}\n {!disabled && !active && renderResult}\n \n )}\n
\n );\n}\n\nAdCardSetting.propTypes = {\n ad: PropTypes.instanceOf(Ad),\n onChangeAd: PropTypes.func,\n disabled: PropTypes.bool,\n active: PropTypes.bool,\n onSetActive: PropTypes.func,\n handleValidFromAdSettings: PropTypes.func,\n};\n\nAdCardSetting.defaultProps = {\n ad: new Ad(),\n onChangeAd: () => {},\n disabled: true,\n active: false,\n onSetActive: () => {},\n handleValidFromAdSettings: () => {},\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport Styles from './index.module.css';\n// icons\n\nfunction CardBar({\n onClick,\n children,\n bgStyle,\n}) {\n return (\n \n 廣告設定\n
\n {disabled && \n {market.name}\n
\n {/* \n // {\n // markets.map((market) => (\n // \n // \n // \n // \n // {market.name}\n //
\n // \n // \n // \n // ))\n // }\n // \n \n {\n onSetActive();\n }}\n value={ad.marketId}\n style={{ width: '100%', height: '100%' }}\n expanded={active}\n IconComponent={({ style, ...ps }) => (\n \n {market.name}\n \n ))\n }\n \n
\n ));\n\n const renderSelect = useMemo(() => (\n // \n // {\n // markets.map((market) => (\n // {\n // handleChangeMarket(market);\n // onSetActive();\n // }}\n // selected={market.id === ad.market.id}\n // expanded={active}\n // />\n // ))\n // }\n //
\n \n {\n onSetActive();\n }}\n value={ad.marketId}\n style={{ width: '100%', height: '100%' }}\n expanded={active}\n IconComponent={({ style, ...ps }) => (\n \n {market.name}\n \n ))\n }\n \n
\n ));\n\n return (\n \n \n 選擇廣告投放賣場\n
\n {!ad.platform && }\n {!!ad.platform && renderSelect}\n \n );\n}\n\nSelectMarket.propTypes = {\n active: PropTypes.bool,\n ad: PropTypes.instanceOf(Ad),\n onChangeAd: PropTypes.func,\n onSetActive: PropTypes.func,\n};\n\nSelectMarket.defaultProps = {\n ad: new Ad(),\n onChangeAd: () => {},\n onSetActive: () => {},\n active: true,\n};\n\nexport default SelectMarket;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Dialog from 'components/Common/Dialog';\n\nexport default function ProcessionPopup({\n onClose,\n}) {\n return (\n \n \n 儲值餘額：\n \n \n 請在發送上稿需求前完成儲值，廣告才能順利上線\n \n
\n \n \n 賣場狀態：\n \n \n 賣場串接需預留十四個工作天作業\n \n
\n \n )}\n submitText=\"我瞭解了\"\n onSubmit={onClose}\n onClose={onClose}\n />\n );\n}\n\nProcessionPopup.propTypes = {\n onClose: PropTypes.func,\n};\n\nProcessionPopup.defaultProps = {\n onClose: () => {},\n};\n","export default \"data:image/png;base64,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\"","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport IncreaseRev from 'assets/01IncreaseRev.png';\nimport NewProduct from 'assets/03NewProduct.png';\nimport GrowAudience from 'assets/02GrowAudience.png';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport Ad from 'models/business/Ad';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nexport const Categories = {\n IncreaseRevenue: '提升業績',\n DevelopCustomers: '開發新客',\n PromoteNewProduct: '新品曝光',\n};\n\nconst Icons = {\n [Categories.IncreaseRevenue]: IncreaseRev,\n [Categories.DevelopCustomers]: GrowAudience,\n [Categories.PromoteNewProduct]: NewProduct,\n};\n\nexport default function AdvertisingGoal({\n ad,\n onChangeAd,\n}) {\n const handleChangeGoal = (goal) => {\n const newAd = ad.clone();\n newAd.advertisingGoal = goal;\n onChangeAd(newAd);\n };\n\n const renderResult = useMemo(() => (\n Object.values(Categories).map((category) => {\n const selected = category === ad.advertisingGoal;\n const style = selected ? Styles.darkBlue : Styles.lightBlue;\n const textStyle = selected ? Styles.focusWhiteText : Styles.unfocusWhiteText;\n\n return (\n \n {category}\n
\n\n \n );\n })\n ));\n\n const renderButtons = useMemo(() => Object.values(Categories).map((category) => (\n \n {category}\n
\n \n \n 選擇廣告與投放目標\n
\n \n { popupAction(); setPopupAction(); }} />}\n
\n );\n}\n\nexport default AdSetting;\n","/* eslint-disable no-param-reassign */\nimport API from 'api';\nimport Market from 'models/business/Market';\nimport Asset from 'models/business/Asset';\n\nexport default function useModelConvenience() {\n const populateMarket = async (ad) => {\n const result = await API.mall.getMallList();\n if (result.error) {\n alert(result.error.errorMsg);\n return null;\n }\n const markets = (result.resultData || []).map((m) => new Market(m));\n const market = markets.find((m) => m.id === ad.marketId);\n if (!market) return null;\n ad.marketId = market.id;\n ad.injectMarket(market);\n return ad;\n };\n\n const populateMarketContentFeed = async (ad) => {\n const result = await API.mall.getMallAssets(ad.market.id);\n if (result.error) {\n alert(result.error.errorMsg);\n return null;\n }\n\n const marketFeeds = (result.resultData || []).map((a) => new Asset(a));\n if (!marketFeeds.length) return null;\n ad.marketContentFeedId = marketFeeds[0].id;\n return ad;\n };\n\n const fullyPopulateMarket = async (ad) => (\n populateMarket(ad).then((ok) => ok && populateMarketContentFeed(ad))\n );\n\n return {\n populateMarket,\n populateMarketContentFeed,\n fullyPopulateMarket,\n };\n}\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport ContentTypography from 'components/Common/ContentTypography';\nimport ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';\nimport { ReactComponent as Facebook } from 'assets/facebook.svg';\nimport { ReactComponent as Google } from 'assets/google.svg';\nimport Ad from 'models/business/Ad';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport Styles from './index.module.css';\n\nfunction AdCardBar({\n ad,\n onClick,\n}) {\n const renderIcon = useMemo(() => {\n if (ad.isGoogle) return \n \n \n
\n {popupAction && \n \n */}\n \n \n \n \n
\n \n
\n {/* \n
*/}\n \n {\n if (!newAd.market.id) setActiveCard('market');\n setAd(newAd);\n }}\n />\n
\n \n {\n setActiveCard('target');\n setMarketPopulated(true);\n }}\n />\n
\n {/* \n setActiveCard('target')}\n />\n
\n \n 下一步 » \n
\n \n setActiveCard('setting')}\n handleValidFromAdSettings={handleValidFromAdSettings}\n />\n
\n \n \n 建立這個廣告\n \n \n 繼續素材設定\n \n
\n \n \n \n
\n \n
\n );\n}\n\nPhonePreview.propTypes = {\n className: PropTypes.string,\n ad: PropTypes.instanceOf(Ad),\n media: PropTypes.object,\n};\n\nPhonePreview.defaultProps = {\n className: '',\n ad: new Ad(),\n media: { local: null, prepopulated: null },\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n// import Box from '@material-ui/core/Box';\nimport StyledRadioButton from 'components/pages/ResourceSetting/Widgets/StyledRadioButton';\nimport { Categories as PlatformCategories } from 'models/business/Platform';\nimport FormLabel from 'components/pages/ResourceSetting/Widgets/FormLabel';\nimport classNames from 'classnames';\n// import WhiteTypography from '../../../../Common/WhiteTextTypography';\n// import CarouselDoodle from './CarouselDoodle';\n// import FeaturedDoodle from './FeaturedDoodle';\nimport Styles from './index.module.css';\n\nconst PresentationFormatTitles = {\n [PlatformCategories.FacebookCarousel]: '輪播',\n [PlatformCategories.FacebookFeatured]: '精選集',\n [PlatformCategories.FacebookReferral]: '導流',\n [PlatformCategories.FacebookImpression]: '曝光',\n};\n\nexport default function PresentationFormatField({\n presentationFormat,\n onChangePresentationFormat,\n}) {\n // const hasValidSelectedFormat = !!PresentationFormatTitles[presentationFormat];\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 {(showViewMore) && (\n
\n \n {!showExample && ad.mainCopy.substring(0, AdMainCopyLength)}\n {showExample && (`(文案範例預覽)\n歡慶新年🎊New Balance品牌週🎊\n【勁爆下殺全館５折起🔥】\n新年穿新鞋！立刻下單去🛒https://lihi1.com/lxTq9\n\n▼▼熱銷款限時超低價！超多優惠報你知▼▼\n✨百搭復古運動鞋 #M5740TA 限搶價$４２８０\n✨率性戶外慢跑鞋 #MTNTRMB4 下殺 $１９８４\n✨熱銷系列玩轉新色 #ML373CO2 下殺$１６６６\n✨必備經典復古 #ML574NR2 下殺$２１６０\n日常時尚鞋款應有盡有😍一雙NB陪你歡喜迎新年 !\n\n數量有限，售完為止`).substring(0, AdMainCopyLength)}\n ....查看更多\n
\n )}\n {(!showViewMore) && (\n \n {!showExample && ad.mainCopy}\n {showExample && (`(文案範例預覽)\n歡慶新年🎊New Balance品牌週🎊\n【勁爆下殺全館５折起🔥】\n新年穿新鞋！立刻下單去🛒https://lihi1.com/lxTq9\n\n▼▼熱銷款限時超低價！超多優惠報你知▼▼\n✨百搭復古運動鞋 #M5740TA 限搶價$４２８０\n✨率性戶外慢跑鞋 #MTNTRMB4 下殺 $１９８４\n✨熱銷系列玩轉新色 #ML373CO2 下殺$１６６６\n✨必備經典復古 #ML574NR2 下殺$２１６０\n日常時尚鞋款應有盡有😍一雙NB陪你歡喜迎新年 !\n\n數量有限，售完為止`)}\n
\n )}\n \n {imageSource && 
}\n {/* {videoSource && (\n \n )} */}\n {videoSource && (\n
\n {ad.platform === PlatformCategories.FacebookCarousel && (\n <>\n {media.local?.name || media.prepopulated?.name || '影片'}
\n )}\n \n
\n \n \n )}\n {ad.platform === PlatformCategories.FacebookFeatured && (\n <>\n \n
\n 商品名稱
\n NT$399
\n \n {ad.cta}\n
\n \n {!showExample && ad.title}\n {showExample && '歡慶新年🎊NB品牌週全館下殺５折起 !'}\n
\n \n
\n \n )}\n {ad.platform === PlatformCategories.FacebookReferral && (\n <>\n \n 賣場\n
\n 產品圖\n
\n \n 產品圖\n
\n 賣場\n
\n 產品圖\n
\n \n 產品圖\n
更多
\n \n {!showExample && ad.title}\n {showExample && '歡慶新年🎊NB品牌週全館下殺５折起 !'}\n
\n \n \n )}\n {ad.platform === PlatformCategories.FacebookImpression && (\n <>\n \n \n )}\n \n
\n );\n}\n\nPresentationFormatField.propTypes = {\n presentationFormat: PropTypes.string,\n onChangePresentationFormat: PropTypes.func,\n};\n\nPresentationFormatField.defaultProps = {\n presentationFormat: '',\n onChangePresentationFormat: () => {},\n};\n","/* eslint-disable no-unused-vars */\n/* eslint-disable prefer-template */\n/* eslint-disable spaced-comment */\n/* eslint-disable no-console */\n/* eslint-disable no-else-return */\n/* eslint-disable no-useless-return */\n/* eslint-disable consistent-return */\n/* eslint-disable no-plusplus */\nconst basicCJKRegex = new RegExp(/[\\u4E00-\\u9FFF\\u3400-\\u4DBF\\u3000-\\u303F\\u3105-\\u3129\\u02CA\\u02C7\\u02CB\\u02D9\\uFF01-\\uFF5E]/);\nconst hasCJK = (s = '', extended = false) => {\n const extendedRegex = /[\\u4E00-\\u9FCC\\u3400-\\u4DB5\\uFA0E\\uFA0F\\uFA11\\uFA13\\uFA14\\uFA1F\\uFA21\\uFA23\\uFA24\\uFA27-\\uFA29]|[\\ud840-\\ud868][\\udc00-\\udfff]|\\ud869[\\udc00-\\uded6\\udf00-\\udfff]|[\\ud86a-\\ud86c][\\udc00-\\udfff]|\\ud86d[\\udc00-\\udf34\\udf40-\\udfff]|\\ud86e[\\udc00-\\udc1d]/;\n return s.search(extended ? extendedRegex : basicCJKRegex) > -1;\n};\n\nconst halfSpaceLength = (s = '', length) => {\n let runningLength = 0;\n for (let i = 0; i < s.length; i += 1) {\n const c = s[i];\n const cLength = hasCJK(c) ? 2 : 1;\n runningLength += cLength;\n }\n return runningLength;\n};\n\nconst restrictByHalfSpace = (string = '', length, originalString = '') => {\n if (halfSpaceLength(string, length) > length) {\n return originalString;\n } else {\n let newString = '';\n let sentenceLength = 0;\n for (let i = 0; i < string.length; i++) {\n const character = string[i];\n const characterLength = hasCJK(character) ? 2 : 1;\n if (characterLength + sentenceLength > length) {\n break;\n } else {\n newString += character;\n sentenceLength += characterLength;\n }\n }\n return newString;\n }\n};\n\nexport default function useHalfSpace() {\n return {\n restrictByHalfSpace,\n halfSpaceLength,\n };\n}\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nexport default function FormText({\n value,\n onChange,\n disabled,\n singleLine,\n maxLength,\n squat,\n valid,\n ...props\n}) {\n const handleChange = (e) => {\n if (singleLine) {\n e.target.value = e.target.value.replace(/[\\r\\n]+/g, '');\n }\n // if (maxLength > -1) {\n // e.target.value = e.target.value.slice(0, maxLength);\n // }\n onChange(e);\n };\n return (\n \n {Object.keys(PresentationFormatTitles).map((format) => (\n onChangePresentationFormat(format)}\n selected={presentationFormat === format}\n >\n
\n {PresentationFormatTitles[format]}
\n {[PlatformCategories.FacebookCarousel, PlatformCategories.FacebookFeatured]\n .includes(format) && (\n (CPAS)
\n )}\n {[PlatformCategories.FacebookReferral, PlatformCategories.FacebookImpression]\n .includes(format) && (\n (非CPAS)
\n )}\n {/* {!hasValidSelectedFormat && (\n <>\n {format === PlatformCategories.FacebookCarousel && \n
\n );\n}\n\nTextField.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n maxLength: PropTypes.number,\n singleLine: PropTypes.bool,\n squat: PropTypes.bool,\n className: PropTypes.string,\n valid: PropTypes.bool,\n style: PropTypes.object,\n};\n\nTextField.defaultProps = {\n title: '',\n description: '',\n value: '',\n onChange: () => {},\n disabled: false,\n required: false,\n maxLength: -1,\n singleLine: false,\n squat: false,\n className: '',\n valid: true,\n style: {},\n};\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport TextField from 'components/pages/ResourceSetting/Widgets/TextField';\n\nexport default function MainCopyField({\n value,\n onChange,\n disabled,\n required,\n ...props\n}) {\n return (\n \n
\n );\n}\n\nSelectField.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n value: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.string),\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n};\n\nSelectField.defaultProps = {\n title: '',\n description: '',\n value: '',\n options: [],\n onChange: () => {},\n disabled: false,\n required: false,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SelectField from '../SelectField';\n\nconst CtaOptions = [\n '瞭解詳情',\n '來去逛逛',\n];\n\nexport default function CtaField({\n value,\n onChange,\n disabled,\n required,\n}) {\n return (\n \n {\n if (contentFeed.local) {\n const answer = confirm('改為投放全館商品將刪除已上傳的投放部分商品清單?');\n if (answer) {\n setContentFeed();\n onChange(ProductRanges.Total);\n } else return;\n } else {\n onChange(ProductRanges.Total);\n }\n }}\n className={\n classNames(\n Styles.productRangeButton,\n {\n [Styles.productRangeButtonSelected]: value === ProductRanges.Total,\n },\n )\n }\n >\n 全館商品\n \n onChange(ProductRanges.Selected)}\n className={\n classNames(\n Styles.productRangeButton,\n {\n [Styles.productRangeButtonSelected]: value === ProductRanges.Selected,\n },\n )\n }\n >\n
\n );\n}\n\nProductRangeRadio.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n setContentFeed: PropTypes.func,\n contentFeed: PropTypes.object,\n};\n\nProductRangeRadio.defaultProps = {\n value: '',\n onChange: () => {},\n setContentFeed: () => {},\n contentFeed: {},\n};\n","/* eslint-disable react/forbid-prop-types */\n/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport FormLabel from 'components/pages/ResourceSetting/Widgets/FormLabel';\nimport ProductRangeRadio from 'components/pages/ResourceSetting/Widgets/ProductRangeRadio';\nimport Styles from './index.module.css';\n\nexport default function ProductRangeField({\n value,\n onChange,\n contentFeed,\n setContentFeed,\n ...props\n}) {\n return (\n 僅投放部分商品
\n \n (建議投放20品以上)\n
\n \n \n
\n );\n}\n\nProductRangeField.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n setContentFeed: PropTypes.func,\n contentFeed: PropTypes.object,\n};\n\nProductRangeField.defaultProps = {\n value: '',\n onChange: () => {},\n setContentFeed: () => {},\n contentFeed: {},\n};\n","/* eslint-disable react/jsx-boolean-value */\n/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport FormLabel from 'components/pages/ResourceSetting/Widgets/FormLabel';\nimport FormFileDrop from 'components/pages/ResourceSetting/Widgets/FormFileDrop';\nimport Styles from './index.module.css';\n\nexport default function MediaField({\n value,\n onChange,\n ...props\n}) {\n const description = (\n <>\n 圖片像素限制1080x1080~2400x2400，檔案大小限制5MB\n \n 影片尺寸限制16:9或1:1，檔案大小限制100MB\n \n );\n return (\n
\n
\n );\n}\n\nMediaField.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nMediaField.defaultProps = {\n value: '',\n onChange: () => { },\n};\n","/* eslint-disable no-useless-escape */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport TextField from 'components/pages/ResourceSetting/Widgets/TextField';\n\nconst URLRegex = new RegExp(/((([A-Za-z]{3,9}:(?:\\/\\/)?)(?:[-;:&=\\+\\$,\\w]+@)?[A-Za-z0-9.-]+|(?:www\\.|[-;:&=\\+\\$,\\w]+@)[A-Za-z0-9.-]+)((?:\\/[\\+~%\\/.\\w-_]*)?\\??(?:[-\\+=&;%@.\\w_]*)#?(?:[\\w]*))?)/);\n\nexport default function HostingUrlField({\n value,\n onChange,\n disabled,\n required,\n}) {\n return (\n \n onChange(files[0])}\n selectedFilename={value}\n title=\"圖片/影片\"\n description=\"請拖曳檔案或點選上傳框上傳檔案\"\n />\n
\n \r\n \r\n 您已調整廣告單元設定，單元狀態將恢復成未排程廣告。\r\n \r\n
\r\n \r\n )}\r\n submitText=\"確認\"\r\n onSubmit={onClose}\r\n onClose={onClose}\r\n />\r\n );\r\n } else if (status === 2) {\r\n return (\r\n \r\n \r\n 您已調整廣告單元設定，單元狀態將恢復成未排程廣告。\r\n \r\n
\r\n \r\n
\r\n \r\n 您的廣告單元已完成素材設定\r\n \r\n
\r\n \r\n \r\n 請按下「\r\n \r\n \r\n 發送上稿需求\r\n \r\n \r\n 」，設定您的廣告走期。\r\n \r\n
\r\n \r\n \r\n 設定走期後須預留\r\n \r\n \r\n 兩個工作天\r\n \r\n \r\n ，若有問題請洽詢專員。\r\n \r\n
\r\n \r\n )}\r\n submitText=\"確認\"\r\n onSubmit={onClose}\r\n onClose={onClose}\r\n />\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n 您的廣告單元已完成素材設定\r\n \r\n
\r\n \r\n \r\n 請按下「\r\n \r\n \r\n 發送上稿需求\r\n \r\n \r\n 」，設定您的廣告走期。\r\n \r\n
\r\n \r\n \r\n 設定走期後須預留\r\n \r\n \r\n 兩個工作天\r\n \r\n \r\n ，若有問題請洽詢專員。\r\n \r\n
\r\n \r\n )}\r\n submitText=\"確認\"\r\n onSubmit={onClose}\r\n onClose={onClose}\r\n />\r\n );\r\n}\r\n\r\nSaveChangePopup.propTypes = {\r\n status: PropTypes.number,\r\n onClose: PropTypes.func,\r\n};\r\n\r\nSaveChangePopup.defaultProps = {\r\n status: 0,\r\n onClose: () => {},\r\n};\r\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport FormLabel from 'components/pages/ResourceSetting/Widgets/FormLabel';\nimport FormFileDrop from 'components/pages/ResourceSetting/Widgets/FormFileDrop';\nimport googleContentFeed from 'assets/ProductFeedExample.xlsx';\nimport Styles from './index.module.css';\n\nexport default function ContentFeedField({\n value,\n onChange,\n link,\n ...props\n}) {\n return (\n \n
\n );\n}\n\nContentFeedField.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n link: PropTypes.string,\n};\n\nContentFeedField.defaultProps = {\n value: '',\n onChange: () => {},\n link: googleContentFeed,\n};\n","/* eslint-disable react/jsx-boolean-value */\n/* eslint-disable no-param-reassign */\n/* eslint-disable no-plusplus */\n/* eslint-disable max-len */\n/* eslint-disable no-useless-return */\n/* eslint-disable no-else-return */\n/* eslint-disable no-unused-vars */\nimport React, { useState, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Box from '@material-ui/core/Box';\nimport { useHistory } from 'react-router-dom';\nimport useHalfSpace from 'components/hooks/useHalfSpace';\nimport useValidateMedia from 'components/hooks/useValidateMedia';\nimport MainCopyField from 'components/pages/ResourceSetting/Widgets/MainCopyField';\nimport CtaField from 'components/pages/ResourceSetting/Widgets/CtaField';\nimport FormLabel from 'components/pages/ResourceSetting/Widgets/FormLabel';\nimport TitleField from 'components/pages/ResourceSetting/Widgets/TitleField';\nimport ShortTitleField from 'components/pages/ResourceSetting/CPASDashboard/ShortTitleField';\nimport ProductRangeField from 'components/pages/ResourceSetting/Widgets/ProductRangeField';\nimport DescriptionField from 'components/pages/ResourceSetting/Widgets/DescriptionField';\nimport MediaField from 'components/pages/ResourceSetting/Widgets/MediaField';\nimport Ad, { ProductRanges, Statuses as AdStatuses } from 'models/business/Ad';\nimport Asset, { Categories as AssetCategories } from 'models/business/Asset';\nimport { Categories as PlatformCategories } from 'models/business/Platform';\nimport ActionButton from 'components/Common/ActionButton';\nimport HostingUrlField from 'components/pages/ResourceSetting/Widgets/HostingUrlField';\nimport HideableContainer from 'components/Common/HideableContainer';\nimport SaveChangePopup from 'components/pages/CreateAd/AdSetting/SaveChangePopup';\nimport API from 'api';\nimport classNames from 'classnames';\nimport ContentFeedField from '../ContentFeedField';\nimport Styles from './index.module.css';\n\nexport default function MainForm({\n ad,\n onChangeAd,\n // eslint-disable-next-line no-unused-vars\n firstEdit,\n onChangeMedia,\n}) {\n const history = useHistory();\n const [productRange, setProductRange] = useState(ProductRanges.Total);\n const [saveChangePopupStatus, setSaveChangePopupStatus] = useState(0);\n const [popupAction, setPopupAction] = useState();\n const [isAdSaved, setIsAdSaved] = useState(true);\n const [firstLoad, setFirstLoad] = useState(true);\n const { validateImage, validateSquareImageRange, validateVideoRatio } = useValidateMedia();\n const { restrictByHalfSpace, halfSpaceLength } = useHalfSpace();\n const [original, setOriginal] = useState({\n ad: new Ad(),\n media: {},\n });\n const [media, _setMedia] = useState({\n prepopulated: null,\n local: null,\n });\n const [contentFeed, setContentFeed] = useState({\n prepopulated: null,\n local: null,\n });\n const setMedia = useMemo(() => (m) => {\n _setMedia(m);\n onChangeMedia(m);\n }, [_setMedia]);\n\n const hasUnsavedChanges = useMemo(() => (\n !original.ad.equals(ad) || original.media !== media || original.contentFeed !== contentFeed\n ), [ad, original, media, contentFeed]);\n\n const deleteAllMedia = async (categories = [AssetCategories.Media, AssetCategories.ContentFeed]) => {\n const deletionPromises = [];\n ad.assets.forEach((asset) => {\n if (categories.includes(asset.category)) {\n deletionPromises.push(API.ad.deleteAdMedia(asset.id));\n }\n });\n\n return Promise.allSettled(deletionPromises);\n };\n\n // const deleteAllMedia = async () => {\n // const deletionPromises = [];\n // ad.assets.forEach((asset) => {\n // if (asset.category === AssetCategories.Media) {\n // deletionPromises.push(API.ad.deleteAdMedia(asset.id));\n // }\n // });\n\n // return Promise.allSettled(deletionPromises);\n // };\n\n const uploadFile = async (file, category) => API.ad.postAdMedia(ad.id, category, file);\n\n // const handleChangeField = (e, field, length) => {\n // const newAd = ad.clone();\n // const value = length ? restrictByHalfSpace(e.target.value, length, newAd[field]) : e.target.value;\n // // if (field === 'mainCopy') {\n // // const rowLimit = 3;\n // // const lines = value.split(/\\n/);\n // // if (lines.length > rowLimit) {\n // // value = lines.slice(0, rowLimit).join('\\n');\n // // }\n // // }\n // newAd[field] = value;\n // onChangeAd(newAd);\n // };\n\n const handleChangeField = (e, field, length) => {\n const newAd = ad.clone();\n if (halfSpaceLength(e.target.value) > length) {\n alert(`輸入文字超過長度上限(${length})`);\n }\n const value = length ? restrictByHalfSpace(e.target.value, length, newAd[field]) : e.target.value;\n newAd[field] = value;\n onChangeAd(newAd);\n };\n\n const saveAd = async () => {\n if (!hasUnsavedChanges) return true;\n setIsAdSaved(false);\n let newOriginalMedia = original.media;\n let newOriginalContent = original.contentFeed;\n // const clearAdMedia = () => {\n // const newMedia = {\n // prepopulated: null,\n // local: null,\n // };\n // setMedia(newMedia);\n // newOriginalMedia = newMedia;\n // const newAd = ad.clone();\n // newAd.assets = [];\n // onChangeAd(newAd);\n // };\n const clearAdAssets = (categories = []) => {\n if (categories.includes(AssetCategories.Media)) {\n const newMedia = {\n prepopulated: null,\n local: null,\n };\n setMedia(newMedia);\n newOriginalMedia = newMedia;\n }\n if (categories.includes(AssetCategories.ContentFeed)) {\n const newContentFeed = {\n prepopulated: null,\n local: null,\n };\n setContentFeed(newContentFeed);\n newOriginalContent = newContentFeed;\n }\n const newAd = ad.clone();\n newAd.assets = [...newAd.assets].filter((a) => !categories.includes(a));\n onChangeAd(newAd);\n return newAd;\n };\n\n const deletionCategories = [];\n // if (!media.prepopulated) deletionCategories.push(AssetCategories.Media);\n if (!contentFeed.prepopulated || productRange === ProductRanges.Total) deletionCategories.push(AssetCategories.ContentFeed);\n await deleteAllMedia(deletionCategories);\n\n const localDeletionCategories = [];\n if (!media.local && !media.prepopulated) localDeletionCategories.push(AssetCategories.Media);\n if ((!contentFeed.local && !contentFeed.prepopulated)) localDeletionCategories.push(AssetCategories.ContentFeed);\n const newAd = clearAdAssets(localDeletionCategories);\n\n const newAssets = [];\n\n if (ad.platform === PlatformCategories.FacebookCarousel) {\n await deleteAllMedia([AssetCategories.Media]);\n // clearAdMedia();\n clearAdAssets([AssetCategories.Media]);\n }\n\n if (ad.platform === PlatformCategories.FacebookFeatured\n || ad.platform === PlatformCategories.FacebookReferral\n || ad.platform === PlatformCategories.FacebookImpression) {\n if (!media.prepopulated) {\n await deleteAllMedia([AssetCategories.Media]);\n if (!media.local) {\n // clearAdMedia();\n clearAdAssets([AssetCategories.Media]);\n }\n }\n if (media.local) {\n const result = await uploadFile(media.local, AssetCategories.Media);\n if (!result.error) {\n const newMedia = {\n prepopulated: new Asset(result.resultData),\n local: null,\n };\n setMedia(newMedia);\n newOriginalMedia = newMedia;\n // const newAd = ad.clone();\n newAssets.push(new Asset(result.resultData));\n // newAd.injectAssets([new Asset(result.resultData)]);\n // onChangeAd(newAd);\n }\n }\n }\n\n if (contentFeed.local) {\n const result = await uploadFile(contentFeed.local, AssetCategories.ContentFeed);\n if (!result.error) {\n const newContentFeed = {\n prepopulated: new Asset(result.resultData),\n local: null,\n };\n setContentFeed(newContentFeed);\n newOriginalContent = newContentFeed;\n newAssets.push(new Asset(result.resultData));\n }\n } else if (contentFeed.prepopulated && ad.contentFeedCategory !== AssetCategories.MarketContentFeed) {\n newAssets.push(new Asset(contentFeed.prepopulated));\n }\n\n // const newAd = ad.clone();\n const preStatus = newAd.status;\n newAd.status = AdStatuses.Incomplete;\n\n newAd.injectAssets(newAssets);\n onChangeAd(newAd);\n\n // const result = await API.ad.postUpdateAd(newAd.toJSON());\n const result = await API.ad.postUpdateAd2(newAd.toJSON());\n if (result.error) {\n alert(result.error.errorMsg);\n setIsAdSaved(true);\n return null;\n }\n setOriginal({\n ad: newAd,\n media: newOriginalMedia,\n contentFeed: newOriginalContent,\n });\n setIsAdSaved(true);\n if (ad.valid\n && (ad.platform === PlatformCategories.FacebookCarousel\n || (ad.platform === PlatformCategories.FacebookFeatured && (media?.prepopulated || media?.local))\n || (ad.platform === PlatformCategories.FacebookReferral && (media?.prepopulated || media?.local))\n || (ad.platform === PlatformCategories.FacebookImpression && (media?.prepopulated || media?.local)))\n && !(\n (ad.platform === PlatformCategories.FacebookCarousel || ad.platform === PlatformCategories.FacebookFeatured)\n && ad.contentFeedCategory === AssetCategories.ContentFeed\n && !(contentFeed.local || contentFeed.prepopulated)\n )) {\n if (preStatus === AdStatuses.Incomplete) {\n setSaveChangePopupStatus(0);\n }\n if (preStatus === AdStatuses.Pending || preStatus === AdStatuses.Online) {\n setSaveChangePopupStatus(2);\n }\n setPopupAction(true);\n } else if (preStatus === AdStatuses.Pending || preStatus === AdStatuses.Online) {\n setSaveChangePopupStatus(1);\n setPopupAction(true);\n }\n return true;\n };\n\n const submitAd = async () => {\n // setPopupAction(true);\n saveAd().then((ok) => ok && popupAction && history.push('/MyAds'));\n // saveAd().then((ok) => ok && history.push('/MyAds'));\n };\n\n useEffect(() => {\n if (!firstLoad || !ad.id) return;\n setFirstLoad(false);\n const originalAd = ad;\n let originalMedia = media;\n let originalContent = contentFeed;\n const mediaAsset = ad.assets.find((a) => a.category === AssetCategories.Media);\n if (mediaAsset) {\n const newMedia = {\n prepopulated: mediaAsset,\n local: null,\n };\n setMedia(newMedia);\n originalMedia = newMedia;\n }\n const contentAsset = ad.assets.find((a) => a.category === AssetCategories.ContentFeed);\n if (contentAsset) {\n const newContentFeed = {\n prepopulated: contentAsset,\n local: null,\n };\n setContentFeed(newContentFeed);\n originalContent = newContentFeed;\n setProductRange(ProductRanges.Selected);\n }\n setOriginal({\n ad: originalAd,\n media: originalMedia,\n contentFeed: originalContent,\n });\n }, [ad]);\n\n const carouselMode = ad.platform === PlatformCategories.FacebookCarousel;\n const featuredMode = ad.platform === PlatformCategories.FacebookFeatured;\n const referralMode = ad.platform === PlatformCategories.FacebookReferral;\n const impressionMode = ad.platform === PlatformCategories.FacebookImpression;\n\n return (\n \n \n 下載產品資訊檔案範例\n \n {\n if (files[0]) {\n const name = (files[0].name || '').toLowerCase();\n const allowedExtensions = ['.csv', '.xlsx', '.xls', '.numbers'];\n let allowed = false;\n for (let i = 0; i < allowedExtensions.length && !allowed; i += 1) {\n if (name.endsWith(allowedExtensions[i])) allowed = true;\n }\n if (!allowed) return;\n }\n onChange(files[0]);\n }}\n selectedFilename={value}\n title=\"產品資訊檔案(限為Excel檔)\"\n description=\"請上傳特別投放商品的商品清單\"\n />\n
\n \n {`${halfSpaceLength(ad.title)} / 40`}\n
\n \n {`${halfSpaceLength(ad.description)} / 40`}\n
\n \n \n 儲存進度\n \n history.push('/MyAds')}>\n {firstEdit ? '返回我的廣告' : '取消'}\n {/* 取消 */}\n \n \n 完成\n \n {popupAction && { setPopupAction(); submitAd(); }} />}\n
\n \n );\n}\n\nMainForm.propTypes = {\n ad: PropTypes.instanceOf(Ad),\n onChangeAd: PropTypes.func,\n firstEdit: PropTypes.bool,\n onChangeMedia: PropTypes.func,\n};\n\nMainForm.defaultProps = {\n ad: new Ad(),\n onChangeAd: () => { },\n firstEdit: false,\n onChangeMedia: () => { },\n};\n","import React from 'react';\nimport ActionButton from 'components/Common/ActionButton';\nimport Box from '@material-ui/core/Box';\nimport MainCopyField from 'components/pages/ResourceSetting/Widgets/MainCopyField';\n\nexport default function DisabledForm() {\n return (\n \n \n \n \n \n {ad.platform ? (\n
\n );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nexport default function SectionLabel({ children, small }) {\n return (\n \n 
\n
\n )}\n \n );\n}\n\nReferenceCard.propTypes = {\n title: PropTypes.string,\n small: PropTypes.bool,\n src: PropTypes.string,\n};\n\nReferenceCard.defaultProps = {\n title: '',\n small: false,\n src: '',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SearchIcon from 'assets/ssc_search.png';\nimport GDNIcon from 'assets/ssc_gdn.png';\nimport YoutubeIcon from 'assets/ssc_youtube.png';\nimport GmailIcon from 'assets/ssc_gmail.png';\nimport ReferenceCard from './ReferenceCard';\nimport Styles from './index.module.css';\n\nexport default function GoogleDisplayReference({ small }) {\n return (\n \n
\n );\n}\n\nGoogleDisplayReference.propTypes = {\n small: PropTypes.bool,\n};\n\nGoogleDisplayReference.defaultProps = {\n small: false,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport FormText from 'components/pages/ResourceSetting/Widgets/FormText';\n\nexport default function ShortTitleField({\n value,\n onChange,\n disabled,\n required,\n}) {\n return (\n \n {children}\n
\n );\n}\n\nFormBox.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nFormBox.defaultProps = {\n children: null,\n className: '',\n};\n","export default __webpack_public_path__ + \"static/media/google.1674e624.xlsx\";","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport FormFileDrop from 'components/pages/ResourceSetting/Widgets/FormFileDrop';\nimport googleContentFeed from 'assets/google.xlsx';\nimport Styles from './index.module.css';\n\nexport default function SingleFileDrop({\n value,\n onChange,\n link,\n ...props\n}) {\n return (\n \n
\n );\n}\n\nSingleFileDrop.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n link: PropTypes.string,\n};\n\nSingleFileDrop.defaultProps = {\n value: '',\n onChange: () => {},\n link: googleContentFeed,\n};\n","/* eslint-disable no-useless-escape */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport FormText from 'components/pages/ResourceSetting/Widgets/FormText';\n\nconst YoutubeRegex = new RegExp(/^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|v\\/)?)([\\w\\-]+)(\\S+)?$/);\n\nexport default function YoutubeUrlField({\n value,\n onChange,\n disabled,\n required,\n}) {\n return (\n \n {\n // if (files[0]) {\n // const name = (files[0].name || '').toLowerCase();\n // const allowedExtensions = ['.csv', '.xlsx', '.xls', '.numbers'];\n // let allowed = false;\n // for (let i = 0; i < allowedExtensions.length && !allowed; i += 1) {\n // if (name.endsWith(allowedExtensions[i])) allowed = true;\n // }\n // if (!allowed) return;\n // }\n onChange(files[0]);\n }}\n selectedFilename={value}\n title=\"\"\n description=\"\"\n />\n
\n \n
\n );\n}\n\nContentFeedField.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n link: PropTypes.string,\n};\n\nContentFeedField.defaultProps = {\n value: '',\n onChange: () => {},\n link: googleContentFeed,\n};\n","/* eslint-disable react/jsx-boolean-value */\n/* eslint-disable jsx-a11y/label-has-associated-control */\n/* eslint-disable max-len */\n/* eslint-disable no-param-reassign */\n/* eslint-disable no-unused-vars */\n/* eslint-disable prefer-destructuring */\nimport React, { useState, useEffect, useMemo } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Box from '@material-ui/core/Box';\nimport useValidateMedia from 'components/hooks/useValidateMedia';\nimport useHalfSpace from 'components/hooks/useHalfSpace';\nimport Ad, { ProductRanges, Statuses as AdStatuses } from 'models/business/Ad';\nimport Asset, { Categories as AssetCategories } from 'models/business/Asset';\nimport ActionButton from 'components/Common/ActionButton';\nimport SectionLabel from 'components/pages/ResourceSetting/Widgets/SectionLabel';\nimport GoogleDisplayReference from 'components/pages/ResourceSetting/Widgets/GoogleDisplayReference';\n// import PhonePreview from 'components/pages/ResourceSetting/Widgets/PhonePreview';\nimport ProductRangeField from 'components/pages/ResourceSetting/Widgets/ProductRangeField';\nimport HostingUrlField from 'components/pages/ResourceSetting/Widgets/HostingUrlField';\nimport ShortTitleField from 'components/pages/ResourceSetting/SSCDashboard/ShortTitleField';\nimport GoogleDescriptionField from 'components/pages/ResourceSetting/Widgets/GoogleDescriptionField';\nimport SingleImageUploadField from 'components/pages/ResourceSetting/SSCDashboard/SingleImageUploadField';\nimport SingleFileDrop from 'components/pages/ResourceSetting/SSCDashboard/SingleFileDrop';\nimport YoutubeUrlField from 'components/pages/ResourceSetting/SSCDashboard/YoutubeUrlField';\nimport HideableContainer from 'components/Common/HideableContainer';\nimport SaveChangePopup from 'components/pages/CreateAd/AdSetting/SaveChangePopup';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport FormLabel from 'components/pages/ResourceSetting/Widgets/FormLabel';\nimport FormBox from 'components/pages/ResourceSetting/Widgets/FormBox';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport API from 'api';\nimport GoogleUploadSample from 'assets/GoogleUploadSample.png';\nimport GoogleUploadSample2 from 'assets/GoogleUploadSample2.png';\nimport ContentFeedField from '../ContentFeedField';\nimport Styles from './index.module.css';\n\nconst EmojiRegex = new RegExp(/[\\u{1f300}-\\u{1f5ff}\\u{1f900}-\\u{1f9ff}\\u{1f600}-\\u{1f64f}\\u{1f680}-\\u{1f6ff}\\u{2600}-\\u{26ff}\\u{2700}-\\u{27bf}\\u{1f1e6}-\\u{1f1ff}\\u{1f191}-\\u{1f251}\\u{1f004}\\u{1f0cf}\\u{1f170}-\\u{1f171}\\u{1f17e}-\\u{1f17f}\\u{1f18e}\\u{3030}\\u{2b50}\\u{2b55}\\u{2934}-\\u{2935}\\u{2b05}-\\u{2b07}\\u{2b1b}-\\u{2b1c}\\u{3297}\\u{3299}\\u{303d}\\u{00a9}\\u{00ae}\\u{2122}\\u{23f3}\\u{24c2}\\u{23e9}-\\u{23ef}\\u{25b6}\\u{23f8}-\\u{23fa}]/ug);\nconst useStyles = makeStyles({\n root: {\n boxShadow: '1px 1px 4px #00000065',\n borderRadius: '8px',\n opacity: 1,\n },\n});\n\nexport default function MainForm({\n ad,\n onChangeAd,\n // onContinue,\n // eslint-disable-next-line no-unused-vars\n firstEdit,\n}) {\n const [productRange, setProductRange] = useState(ProductRanges.Total);\n const [saveChangePopupStatus, setSaveChangePopupStatus] = useState(0);\n const [firstLoad, setFirstLoad] = useState(true);\n const [isAdSaved, setIsAdSaved] = useState(true);\n const classes = useStyles();\n const { validateImage, validateSquareImageRange, validateImageRatioRange } = useValidateMedia();\n const { restrictByHalfSpace, halfSpaceLength } = useHalfSpace();\n const history = useHistory();\n const [popupAction, setPopupAction] = useState();\n const [original, setOriginal] = useState({\n ad: new Ad(),\n shortTitle: [],\n youtubeUrl: [],\n media: {},\n mediaArr: [],\n local: {},\n });\n const [media, setMedia] = useState({\n prepopulated: null,\n local: null,\n });\n const [mediaLogo, setMediaLogo] = useState([]);\n const [mediaNew, setMediaNew] = useState([]);\n const [mediaSquare, setMediaSquare] = useState([]);\n const [mediaStraight, setMediaStraight] = useState([]);\n const [contentFeed, setContentFeed] = useState({\n prepopulated: null,\n local: null,\n });\n\n const hasUnsavedChanges = useMemo(() => (\n // !original.ad.equals(ad) || original.media !== media || original.contentFeed !== contentFeed || original.mediaArr !== mediaNew;\n !original.ad.equals(ad)\n || !original.shortTitle.every((v, i) => v === ad.shortTitle[i])\n || original.contentFeed !== contentFeed\n || mediaLogo.filter((m) => m?.original !== m?.prepopulated || m?.local).length > 0\n || mediaNew.filter((m) => m?.original !== m?.prepopulated || m?.local).length > 0\n || mediaSquare.filter((m) => m?.original !== m?.prepopulated || m?.local).length > 0\n || mediaStraight.filter((m) => m?.original !== m?.prepopulated || m?.local).length > 0\n || !original.youtubeUrl.every((v, i) => v === ad.youtubeUrl[i])\n ), [ad, original, media, contentFeed, mediaLogo, mediaNew, mediaSquare, mediaStraight]);\n\n const deleteAllMedia = async (categories = [AssetCategories.Media, AssetCategories.ContentFeed]) => {\n const deletionPromises = [];\n ad.assets.forEach((asset) => {\n if (categories.includes(asset.category)) {\n deletionPromises.push(API.ad.deleteAdMedia(asset.id));\n }\n });\n\n return Promise.allSettled(deletionPromises);\n };\n\n const deleteAllMediaLogo = async () => {\n const deletionPromises = [];\n mediaLogo.forEach((object) => {\n if (object.original !== null && object.original !== object.prepopulated) {\n deletionPromises.push(API.ad.deleteAdMedia(object.original.id));\n }\n });\n\n return Promise.allSettled(deletionPromises);\n };\n\n const deleteAllMediaNew = async () => {\n const deletionPromises = [];\n mediaNew.forEach((object) => {\n if (object.original !== null && object.original !== object.prepopulated) {\n deletionPromises.push(API.ad.deleteAdMedia(object.original.id));\n }\n });\n\n return Promise.allSettled(deletionPromises);\n };\n\n const deleteAllMediaSquare = async () => {\n const deletionPromises = [];\n mediaSquare.forEach((object) => {\n if (object.original !== null && object.original !== object.prepopulated) {\n deletionPromises.push(API.ad.deleteAdMedia(object.original.id));\n }\n });\n\n return Promise.allSettled(deletionPromises);\n };\n\n const deleteAllMediaStraight = async () => {\n const deletionPromises = [];\n mediaStraight.forEach((object) => {\n if (object.original !== null && object.original !== object.prepopulated) {\n deletionPromises.push(API.ad.deleteAdMedia(object.original.id));\n }\n });\n\n return Promise.allSettled(deletionPromises);\n };\n\n const uploadFile = async (file, category) => API.ad.postAdMedia(ad.id, category, file);\n\n const filterEgregious = (s) => {\n const ss = s.replace(EmojiRegex, '');\n let newString = '';\n let hasExclamation = false;\n for (let i = 0; i < ss.length; i += 1) {\n const c = ss[i];\n if (c === '!' || c === '！') {\n // eslint-disable-next-line no-continue\n if (hasExclamation) continue;\n hasExclamation = true;\n }\n newString += c;\n }\n return newString;\n };\n\n const handleChangeField = (e, field, length) => {\n const newAd = ad.clone();\n if (halfSpaceLength(e.target.value) > length) {\n alert(`輸入文字超過長度上限(${length})`);\n }\n const value = length ? restrictByHalfSpace(filterEgregious(e.target.value), length, newAd[field]) : e.target.value;\n newAd[field] = value;\n onChangeAd(newAd);\n };\n\n const handleChangeArrayField = (e, field, idx, length) => {\n const newAd = ad.clone();\n if (halfSpaceLength(e.target.value) > length) {\n alert(`輸入文字超過長度上限(${length})`);\n }\n const value = length ? restrictByHalfSpace(filterEgregious(e.target.value), length, newAd[field][idx]) : e.target.value;\n // if (newAd[field].filter((a) => a === value).length) {\n // alert('有重複的廣告標題，請輸入不同的廣告標題');\n // }\n newAd[field][idx] = value;\n onChangeAd(newAd);\n };\n\n const validAllMedia = async () => {\n let valid = true;\n\n if (mediaLogo.length === 0 || mediaNew.length === 0 || mediaSquare.length === 0) {\n valid = false;\n }\n\n return valid;\n };\n\n const saveAd = async () => {\n if (!hasUnsavedChanges) return true;\n setIsAdSaved(false);\n let newOriginalMedia = original.media;\n let newOriginalContent = original.contentFeed;\n const clearAdAssets = (categories = []) => {\n if (categories.includes(AssetCategories.Media)) {\n const newMedia = {\n prepopulated: null,\n local: null,\n };\n setMedia(newMedia);\n newOriginalMedia = newMedia;\n }\n if (categories.includes(AssetCategories.ContentFeed)) {\n const newContentFeed = {\n prepopulated: null,\n local: null,\n };\n setContentFeed(newContentFeed);\n newOriginalContent = newContentFeed;\n }\n const newAd = ad.clone();\n newAd.assets = [...newAd.assets].filter((a) => !categories.includes(a));\n onChangeAd(newAd);\n return newAd;\n };\n\n const deletionCategories = [];\n // if (!media.prepopulated) deletionCategories.push(AssetCategories.Media);\n if (!contentFeed.prepopulated || productRange === ProductRanges.Total) deletionCategories.push(AssetCategories.ContentFeed);\n await deleteAllMedia(deletionCategories);\n await deleteAllMediaLogo();\n await deleteAllMediaNew();\n await deleteAllMediaSquare();\n await deleteAllMediaStraight();\n\n const localDeletionCategories = [];\n // if (!media.local && !media.prepopulated) localDeletionCategories.push(AssetCategories.Media);\n if ((!contentFeed.local && !contentFeed.prepopulated) || ad.contentFeedCategory === AssetCategories.MarketContentFeed) localDeletionCategories.push(AssetCategories.ContentFeed);\n const newAd = clearAdAssets(localDeletionCategories);\n\n const newAssets = [];\n\n // if (media.local) {\n // const result = await uploadFile(media.local, AssetCategories.Media);\n // if (!result.error) {\n // const newMedia = {\n // prepopulated: new Asset(result.resultData),\n // local: null,\n // };\n // setMedia(newMedia);\n // newOriginalMedia = newMedia;\n // newAssets.push(new Asset(result.resultData));\n // }\n // } else if (media.prepopulated) {\n // newAssets.push(new Asset(media.prepopulated));\n // }\n\n mediaLogo.forEach(async (object) => {\n if (object.local) {\n const result = await uploadFile(object.local, AssetCategories.MediaLogo);\n if (!result.error) {\n const data = new Asset(result.resultData);\n object.original = data;\n object.prepopulated = data;\n object.local = null;\n newAssets.push(new Asset(result.resultData));\n }\n } else if (object.prepopulated) {\n newAssets.push(new Asset(object.prepopulated));\n }\n });\n\n mediaNew.forEach(async (object) => {\n if (object.local) {\n const result = await uploadFile(object.local, AssetCategories.Media);\n if (!result.error) {\n const data = new Asset(result.resultData);\n object.original = data;\n object.prepopulated = data;\n object.local = null;\n newAssets.push(new Asset(result.resultData));\n }\n } else if (object.prepopulated) {\n newAssets.push(new Asset(object.prepopulated));\n }\n });\n\n mediaSquare.forEach(async (object) => {\n if (object.local) {\n const result = await uploadFile(object.local, AssetCategories.MediaSquare);\n if (!result.error) {\n const data = new Asset(result.resultData);\n object.original = data;\n object.prepopulated = data;\n object.local = null;\n newAssets.push(new Asset(result.resultData));\n }\n } else if (object.prepopulated) {\n newAssets.push(new Asset(object.prepopulated));\n }\n });\n\n mediaStraight.forEach(async (object) => {\n if (object.local) {\n const result = await uploadFile(object.local, AssetCategories.MediaStraight);\n if (!result.error) {\n const data = new Asset(result.resultData);\n object.original = data;\n object.prepopulated = data;\n object.local = null;\n newAssets.push(new Asset(result.resultData));\n }\n } else if (object.prepopulated) {\n newAssets.push(new Asset(object.prepopulated));\n }\n });\n\n if (contentFeed.local) {\n const result = await uploadFile(contentFeed.local, AssetCategories.ContentFeed);\n if (!result.error) {\n const newContentFeed = {\n prepopulated: new Asset(result.resultData),\n local: null,\n };\n setContentFeed(newContentFeed);\n newOriginalContent = newContentFeed;\n newAssets.push(new Asset(result.resultData));\n }\n } else if (contentFeed.prepopulated && ad.contentFeedCategory !== AssetCategories.MarketContentFeed) {\n newAssets.push(new Asset(contentFeed.prepopulated));\n }\n\n // const newAd = ad.clone();\n const preStatus = newAd.status;\n newAd.status = AdStatuses.Incomplete;\n\n newAd.injectAssets(newAssets);\n onChangeAd(newAd);\n\n // const result = await API.ad.postUpdateAd(newAd.toJSON());\n const result = await API.ad.postUpdateAd2(newAd.toJSON());\n if (result.error) {\n alert(result.error.errorMsg);\n setIsAdSaved(true);\n return null;\n }\n setOriginal({\n ad: newAd,\n shortTitle: newAd.shortTitle,\n youtubeUrl: newAd.youtubeUrl,\n media: newOriginalMedia,\n contentFeed: newOriginalContent,\n });\n setIsAdSaved(true);\n if (ad.valid\n && (mediaLogo.filter((m) => m?.prepopulated || m?.local).length > 0)\n && (mediaNew.filter((m) => m?.prepopulated || m?.local).length > 0)\n && (mediaSquare.filter((m) => m?.prepopulated || m?.local).length > 0)\n && !(ad.contentFeedCategory === AssetCategories.ContentFeed && !(contentFeed.local || contentFeed.prepopulated))\n ) {\n if (preStatus === AdStatuses.Incomplete) {\n setSaveChangePopupStatus(0);\n }\n if (preStatus === AdStatuses.Pending || preStatus === AdStatuses.Online) {\n setSaveChangePopupStatus(2);\n }\n setPopupAction(true);\n } else if (preStatus === AdStatuses.Pending || preStatus === AdStatuses.Online) {\n setSaveChangePopupStatus(1);\n setPopupAction(true);\n }\n return true;\n };\n\n const submitAd = async () => {\n // setPopupAction(true);\n // saveAd().then((ok) => ok && popupAction && history.push('/MyAds'));\n // saveAd().then((ok) => ok && history.push('/MyAds'));\n saveAd().then((ok) => ok);\n };\n\n useEffect(() => {\n if (!firstLoad || !ad.id) return;\n setFirstLoad(false);\n\n for (let i = ad.shortTitle.length; i < 3; i += 1) {\n ad.shortTitle.push('');\n }\n\n for (let i = ad.youtubeUrl.length; i < 5; i += 1) {\n ad.youtubeUrl.push('');\n }\n\n const originalAd = ad;\n let originalMedia = media;\n let originalContent = contentFeed;\n const mediaAsset = ad.assets.find((a) => a.category === AssetCategories.Media);\n const mediaAsset1 = ad.assets.filter((a) => a.category === AssetCategories.Media);\n mediaAsset1.forEach((object) => {\n const newData = {\n original: object,\n prepopulated: object,\n local: null,\n };\n mediaNew.push(newData);\n });\n\n for (let i = mediaAsset1.length; i < 5; i += 1) {\n const newData = {\n original: null,\n prepopulated: null,\n local: null,\n };\n mediaNew.push(newData);\n }\n setMediaNew((result) => [...result]);\n const originalMediaArr = mediaNew;\n\n const mediaAssetLogo = ad.assets.filter((a) => a.category === AssetCategories.MediaLogo);\n mediaAssetLogo.forEach((object) => {\n const newData = {\n original: object,\n prepopulated: object,\n local: null,\n };\n mediaLogo.push(newData);\n });\n for (let i = mediaAssetLogo.length; i < 5; i += 1) {\n const newData = {\n original: null,\n prepopulated: null,\n local: null,\n };\n mediaLogo.push(newData);\n }\n setMediaLogo((result) => [...result]);\n\n const mediaAssetSquare = ad.assets.filter((a) => a.category === AssetCategories.MediaSquare);\n mediaAssetSquare.forEach((object) => {\n const newData = {\n original: object,\n prepopulated: object,\n local: null,\n };\n mediaSquare.push(newData);\n });\n for (let i = mediaAssetSquare.length; i < 5; i += 1) {\n const newData = {\n original: null,\n prepopulated: null,\n local: null,\n };\n mediaSquare.push(newData);\n }\n setMediaSquare((result) => [...result]);\n\n const mediaAssetStraight = ad.assets.filter((a) => a.category === AssetCategories.MediaStraight);\n mediaAssetStraight.forEach((object) => {\n const newData = {\n original: object,\n prepopulated: object,\n local: null,\n };\n mediaStraight.push(newData);\n });\n for (let i = mediaAssetStraight.length; i < 5; i += 1) {\n const newData = {\n original: null,\n prepopulated: null,\n local: null,\n };\n mediaStraight.push(newData);\n }\n setMediaStraight((result) => [...result]);\n\n if (mediaAsset) {\n const newMedia = {\n prepopulated: mediaAsset,\n local: null,\n };\n setMedia(newMedia);\n originalMedia = newMedia;\n }\n const contentAsset = ad.assets.find((a) => a.category === AssetCategories.ContentFeed);\n if (contentAsset) {\n const newContentFeed = {\n prepopulated: contentAsset,\n local: null,\n };\n setContentFeed(newContentFeed);\n originalContent = newContentFeed;\n setProductRange(ProductRanges.Selected);\n }\n setOriginal({\n ad: originalAd,\n shortTitle: originalAd.shortTitle.slice(),\n youtubeUrl: originalAd.youtubeUrl.slice(),\n media: originalMedia,\n mediaArr: originalMediaArr,\n contentFeed: originalContent,\n });\n }, [ad]);\n\n return (\n \n \n 下載產品資訊檔案範例\n \n {\n if (files[0]) {\n const name = (files[0].name || '').toLowerCase();\n const allowedExtensions = ['.csv', '.xlsx', '.xls', '.numbers'];\n let allowed = false;\n for (let i = 0; i < allowedExtensions.length && !allowed; i += 1) {\n if (name.endsWith(allowedExtensions[i])) allowed = true;\n }\n if (!allowed) return;\n }\n onChange(files[0]);\n }}\n selectedFilename={value}\n title=\"產品資訊檔案(限為Excel檔)\"\n description=\"請上傳特別投放商品的商品清單\"\n />\n
\n \n
*/}\n \n
\n \n {`${(ad.shortTitle.filter((a) => a.length > 0 && a === ad.shortTitle[0]).length > 1 ? '廣告標題重複，請輸入不同的廣告標題' : '')}`}\n
\n \n {`${halfSpaceLength(ad.shortTitle[0])} / 30`}\n
\n \n
\n \n {`${(ad.shortTitle.filter((a) => a.length > 0 && a === ad.shortTitle[1]).length > 1 ? '廣告標題重複，請輸入不同的廣告標題' : '')}`}\n
\n \n {`${halfSpaceLength(ad.shortTitle[1])} / 30`}\n
\n \n
\n \n {`${(ad.shortTitle.filter((a) => a.length > 0 && a === ad.shortTitle[2]).length > 1 ? '廣告標題重複，請輸入不同的廣告標題' : '')}`}\n
\n \n {`${halfSpaceLength(ad.shortTitle[2])} / 30`}\n
\n \n {`${halfSpaceLength(ad.googleDescription)} / 90`}\n
\n \n {`${halfSpaceLength(ad.googleNote)} / 60`}\n
\n \n
\n
\n \n \n 
\n
\n {mediaLogo.slice(0, 4).map((object) => (\n \n {/* {\n if (file) {\n const valid = await validateSquareImageRange(file, 128, 1200);\n if (!valid) return;\n }\n object.prepopulated = null;\n object.local = file;\n setMediaLogo((result) => [...result]);\n }}\n />\n
*/}\n {/* {\n if (files[0]) {\n // const name = (files[0].name || '').toLowerCase();\n // const allowedExtensions = ['.csv', '.xlsx', '.xls', '.numbers'];\n // let allowed = false;\n // for (let i = 0; i < allowedExtensions.length && !allowed; i += 1) {\n // if (name.endsWith(allowedExtensions[i])) allowed = true;\n // }\n // if (!allowed) return;\n const valid = await validateSquareImageRange(files[0], 128, 1200);\n if (!valid) return;\n\n object.prepopulated = null;\n object.local = files[0];\n setMediaLogo((result) => [...result]);\n }\n // onChange(files[0]);\n }}\n selectedFilename={(object?.local ?? object?.prepopulated ?? {}).name}\n title=\"\"\n description=\"\"\n /> */}\n {\n if (file) {\n const valid = await validateSquareImageRange(file, 128, 1200, undefined, 5 * 1024 * 1024);\n if (!valid) return;\n }\n object.prepopulated = null;\n object.local = file;\n setMediaLogo((result) => [...result]);\n }}\n />\n
\n ))}\n */}\n {/*
\n 
\n
\n \n \n
\n
\n {mediaNew.map((object) => (\n // <>\n // {\n // if (file) {\n // const valid = await validateImage(file, 1200, 628);\n // if (!valid) return;\n // }\n // object.prepopulated = null;\n // object.local = file;\n // setMediaNew((result) => [...result]);\n // }}\n // />\n //
\n // \n
\n \n // \n
\n {\n if (file) {\n let valid = await validateImage(file, 1200, 628, false, 5 * 1024 * 1024);\n if (!valid) valid = await validateImage(file, 2400, 1256, false, 5 * 1024 * 1024);\n if (!valid) {\n alert('您上傳的檔案不符合比例(1.91:1)，像素限制1200x628、2400x1256格式及檔案大小5MB，請重新上傳');\n return;\n }\n }\n object.prepopulated = null;\n object.local = file;\n setMediaNew((result) => [...result]);\n }}\n />\n
\n ))}\n \n \n
\n
\n {mediaSquare.map((object) => (\n // <>\n // {\n // if (file) {\n // const valid = await validateImage(file, 1200, 1200);\n // if (!valid) return;\n // }\n // object.prepopulated = null;\n // object.local = file;\n // setMediaSquare((result) => [...result]);\n // }}\n // />\n //
\n // \n
\n \n // \n
\n {\n if (file) {\n const valid = await validateSquareImageRange(file, 1080, 2400, undefined, 5 * 1024 * 1024);\n if (!valid) return;\n }\n object.prepopulated = null;\n object.local = file;\n setMediaSquare((result) => [...result]);\n }}\n />\n
\n ))}\n \n \n
\n
\n {mediaStraight.map((object) => (\n
\n \n {\n if (file) {\n const valid = await validateImage(file, 960, 1200, undefined, 5 * 1024 * 1024);\n if (!valid) return;\n }\n object.prepopulated = null;\n object.local = file;\n setMediaStraight((result) => [...result]);\n }}\n />\n
\n ))}\n \n \n ))}\n
\n
\n
\n
\n
\n
\n {\n // e.target.setAttribute('disabled', true);\n saveAd();\n }}\n disabled={!hasUnsavedChanges}\n >\n 儲存進度\n \n history.push('/MyAds')}>\n {firstEdit ? '返回我的廣告' : '取消'}\n {/* 取消 */}\n \n m?.prepopulated || m?.local).length === 0)\n || (mediaNew.filter((m) => m?.prepopulated || m?.local).length === 0)\n || (mediaSquare.filter((m) => m?.prepopulated || m?.local).length === 0)\n || (ad.contentFeedCategory === AssetCategories.ContentFeed && !(contentFeed.local || contentFeed.prepopulated))\n )}\n onClick={submitAd}\n >\n 完成\n \n {/* {popupAction && { setPopupAction(); submitAd(); }} />} */}\n {popupAction && { setPopupAction(); history.push('/MyAds'); }} />}\n
\n \n );\n}\n\nMainForm.propTypes = {\n ad: PropTypes.instanceOf(Ad),\n onChangeAd: PropTypes.func,\n // onContinue: PropTypes.func,\n firstEdit: PropTypes.bool,\n};\n\nMainForm.defaultProps = {\n ad: new Ad(),\n onChangeAd: () => {},\n // onContinue: () => {},\n firstEdit: false,\n};\n","import React, { useState, useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport API from 'api';\nimport Ad from 'models/business/Ad';\nimport MainForm from './MainForm';\n// import ReviewForm from './ReviewForm';\n\n// const Steps = {\n// Main: 'main',\n// Review: 'review',\n// };\n\nexport default function SSCDashboard() {\n const [ad, setAd] = useState(new Ad());\n // const [step, setStep] = useState(Steps.Main);\n const [firstEdit, setFirstEdit] = useState(false);\n const location = useLocation();\n\n const fetchAssets = async (id) => {\n const result = await API.ad.getAdAssets(id);\n if (!result.error) {\n return result;\n }\n return [];\n };\n\n useEffect(() => {\n const newAd = new Ad(location.state?.ad);\n if (newAd.id) {\n fetchAssets(newAd.id).then((assets) => {\n newAd.injectAssets(assets);\n setAd(newAd);\n });\n }\n setFirstEdit(!!location.state?.firstEdit);\n }, [location]);\n\n return (\n \n {/* {step === Steps.Main ? ( */}\n setStep(Steps.Review)}\n firstEdit={firstEdit}\n />\n {/* ) : (\n
\n );\n}\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styles from './index.module.css';\n\nfunction LightBlueButton({\n onClick,\n children,\n}) {\n return (\n \n
\n\n );\n}\n\nexport default HintDashboard;\n","import React, { useMemo } from 'react';\n// import Grid from '@material-ui/core/Grid';\nimport Box from '@material-ui/core/Box';\nimport HeaderTypography from 'components/Common/HeaderTypography';\nimport TitleBar from 'components/Common/TitleBar';\nimport { useLocation } from 'react-router-dom';\nimport classNames from 'classnames';\nimport CPASDashboard from './CPASDashboard';\nimport SSCDashboard from './SSCDashboard';\nimport HintDashboard from './HintDashBoard';\nimport Styles from './index.module.css';\n\nconst steps = [\n '我的廣告',\n '素材設定',\n];\n\nconst SettingTypes = {\n CPAS: 'cpas',\n SSC: 'ssc',\n};\n\nconst SettingTypeRoutes = {\n '/FbResourceSetting': SettingTypes.CPAS,\n '/GoogleResourceSetting': SettingTypes.SSC,\n};\n\nconst SettingTitles = {\n [SettingTypes.CPAS]: 'Facebook CPAS素材設定',\n [SettingTypes.SSC]: 'Google PMAX 素材設定',\n};\n\nfunction ResourceSetting() {\n const location = useLocation();\n const settingType = useMemo(() => SettingTypeRoutes[location.pathname], [location.pathname]);\n\n return (\n \n 沒有靈感? \n
\n \n 素材靈感 \n
\n \n 成功案例 \n
\n \n 加購素材 \n
\n \n
\n );\n}\n\nexport default ResourceSetting;\n","import React from 'react';\n// import Styles from './index.module.css';\n\nexport default function Home() {\n return (\n <>\n );\n}\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Styles from './index.module.css';\n\nexport default function TextField({\n value,\n onChange,\n className,\n ...props\n}) {\n return (\n \n
\n \n {SettingTitles[settingType]} \n
\n \n onChangeStep(Steps.Register)}\n >\n 註冊資料\n \n onChangeStep(Steps.Login)}\n >\n 登入資料\n \n
\n );\n}\n\nLoginRadio.propTypes = {\n step: PropTypes.string,\n onChangeStep: PropTypes.func,\n className: PropTypes.string,\n};\n\nLoginRadio.defaultProps = {\n step: '',\n onChangeStep: () => {},\n className: '',\n};\n","/* eslint-disable react/forbid-prop-types */\n/* eslint-disable react/require-default-props */\n/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentTypography from 'components/Common/ContentTypography';\nimport FormField from 'components/pages/SignIn/Widgets/FormField';\nimport Styles from './index.module.css';\n\nexport default function TextField({\n title,\n value,\n onChange,\n disabled,\n type,\n autoComplete,\n className,\n pattern,\n inputProps,\n name,\n ...props\n}) {\n const id = `registration-${title}`;\n return (\n \n \n
\n );\n}\n\nTextField.propTypes = {\n title: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n type: PropTypes.string,\n inputProps: PropTypes.object,\n autoComplete: PropTypes.string,\n className: PropTypes.string,\n pattern: PropTypes.string,\n name: PropTypes.string,\n};\n\nTextField.defaultProps = {\n title: '',\n value: '',\n onChange: () => {},\n disabled: false,\n type: 'text',\n autoComplete: null,\n inputProps: {},\n className: '',\n pattern: null,\n name: '',\n};\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport TextField from 'components/pages/SignIn/Widgets/TextField';\n\nexport default function EmailField({ value, onChange, autoComplete }) {\n return (\n \n
\n \n
\n );\n}\n\nMainForm.propTypes = {\n step: PropTypes.string,\n onChangeStep: PropTypes.func,\n};\n\nMainForm.defaultProps = {\n step: '',\n onChangeStep: () => { },\n};\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport TextField from 'components/pages/SignIn/Widgets/TextField';\n\nexport default function ConfirmPasswordField({ value, onChange }) {\n return (\n 註冊 / 登入
\n \n \n setEmail(e.target.value)} />\n setCode(e.target.value)} />\n
\n\n );\n}\n\nActivationForm.propTypes = {\n onChangeStep: PropTypes.func,\n};\n\nActivationForm.defaultProps = {\n onChangeStep: () => {},\n};\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport HideableContainer from 'components/Common/HideableContainer';\nimport Steps from '../steps';\nimport Styles from './index.module.css';\n\nexport default function LoginNavButtons({ step, onChangeStep, ...props }) {\n const isNormalNavStep = [\n Steps.ForgotPassword,\n Steps.ResetPassword,\n Steps.ActivateAccount,\n Steps.Home,\n ].includes(step);\n const isFancyNavStep = [Steps.Introduction, Steps.Calculator, Steps.Questions].includes(step);\n const isNavStep = isNormalNavStep || isFancyNavStep;\n return (\n \n 驗證帳號\n
\n \n 請至您註冊的信箱接收驗證碼，再返回此頁面完成驗證\n
\n \n \n 驗證\n \n
\n \n \n onChangeStep(Steps.Register)}\n className={Styles.link}\n >\n {isFancyNavStep ? '立即' : ''}\n 註冊\n \n /\n onChangeStep(Steps.Login)}\n className={Styles.link}\n >\n 登入\n \n \n
\n );\n}\n\nLoginNavButtons.propTypes = {\n step: PropTypes.string,\n onChangeStep: () => {},\n};\n\nLoginNavButtons.defaultProps = {\n step: '',\n onChangeStep: () => {},\n};\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Styles from './index.module.css';\n\nexport default function NavButton({\n children,\n selected,\n onClick,\n ...props\n}) {\n return (\n \n {Object.keys(pages).map((page) => (\n { history.push(`/${page}`); }}\n selected={location.pathname === `/${page}`}\n >\n {pages[page]}\n \n ))}\n { window.open('https://www.hhgalaxy.com.tw/qa', '_blank'); }}\n >\n 常見問題\n \n
\n );\n}\n\n// import React from 'react';\n// import PropTypes from 'prop-types';\n// import NavButton from './NavButton';\n// import Steps from '../steps';\n// import Styles from './index.module.css';\n\n// export default function SignInNavBar({ step, onChangeStep }) {\n// return (\n// \n// onChangeStep(Steps.Introduction)}\n// >\n// 投資介紹\n// \n// onChangeStep(Steps.Calculator)}\n// >\n// 報酬試算\n// \n// onChangeStep(Steps.Questions)}\n// >\n// 常見問題\n// \n//
\n// );\n// }\n\n// SignInNavBar.propTypes = {\n// step: PropTypes.string,\n// onChangeStep: PropTypes.func,\n// };\n\n// SignInNavBar.defaultProps = {\n// step: '',\n// onChangeStep: () => {},\n// };\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport HideableContainer from 'components/Common/HideableContainer';\nimport { useHistory } from 'react-router-dom';\nimport PowerAIFullLogo from 'assets/PowerAI-270x145-logo.svg';\nimport PChomeFullLogo from 'assets/PChomeFullLogo.svg';\nimport SignInNavBar from '../SignInNavBar';\nimport Steps from '../steps';\nimport Styles from './index.module.css';\n\nexport default function SideBar({ step, onChangeStep, ...props }) {\n const fullLogo = (window.location.hostname === 'pchome.powerai.com.tw' ? PChomeFullLogo : PowerAIFullLogo);\n const history = useHistory();\n return (\n \n {/*
\n );\n}\n\nSideBar.propTypes = {\n step: PropTypes.string,\n onChangeStep: PropTypes.func,\n};\n\nSideBar.defaultProps = {\n step: '',\n onChangeStep: () => {},\n};\n","/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable no-unused-vars */\nimport React, { useEffect, useState } from 'react';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport couponLong from 'assets/couponLong.png';\nimport Home from './Home';\nimport MainForm from './MainForm';\nimport ResetPasswordForm from './ResetPasswordForm';\nimport ActivationForm from './ActivationForm';\nimport LoginNavButtons from './LoginNavButtons';\nimport SideBar from './SideBar';\nimport Steps from './steps';\nimport Styles from './index.module.css';\n\nexport default function SignIn() {\n const [step, setStep] = useState(Steps.Login);\n const [resetPasswordEmail, setResetPasswordEmail] = useState('');\n const location = useLocation();\n const history = useHistory();\n\n useEffect(() => {\n if (location.pathname !== '/password-reset') return;\n\n const params = new URLSearchParams(location.search);\n const email = params.get('email');\n if (!email) {\n history.push('/Register');\n return;\n }\n\n setResetPasswordEmail(email);\n setStep(Steps.ResetPassword);\n }, [location.pathname, location.search]);\n\n return (\n \n 
\n
*/}\n history.push('/Home')} className={Styles.logoContainer}>\n ![]()
history.push('/Home')} src={fullLogo} alt=\"fullLogo\" />\n
\n \n
\n \n
\n \n \n \n
\n \n
\n );\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABNCAYAAAA1rDPVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0NUVBRjY1Q0M3RTExRUQ5QkZBRDA1QjI1NjAyMzFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0NUVBRjY2Q0M3RTExRUQ5QkZBRDA1QjI1NjAyMzFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQ1RUFGNjNDQzdFMTFFRDlCRkFEMDVCMjU2MDIzMUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODQ1RUFGNjRDQzdFMTFFRDlCRkFEMDVCMjU2MDIzMUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bctoqAAASjElEQVR42uxd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\"","export default __webpack_public_path__ + \"static/media/PChomeLoginLogo.cb29b9e8.png\";","import React, { memo } from 'react';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport { useHistory } from 'react-router-dom';\nimport Styles from './index.module.css';\nimport powerAILogo from '../../../assets/PowerAI-82x77-logo.png';\nimport pchomeLoginLogo from '../../../assets/PChomeLoginLogo.png';\n\nfunction Logo() {\n const loginLogo = (window.location.hostname === 'pchome.powerai.com.tw' ? pchomeLoginLogo : powerAILogo);\n const history = useHistory();\n const onClick = () => history.push('/MyAds');\n return (\n \n
\n \n
*/}\n \n
\n \n { window.open('https://www.hhgalaxy.com.tw/qa/95#354', '_blank'); }}\n />\n
\n \n
\n \n {[Steps.Register, Steps.Login].includes(step)\n &&
\n \n \n \n
\n );\n}\n\nexport default memo(Logo);\n","import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useLocation } from 'react-router-dom';\nimport Styles from './index.module.css';\n// import classNames from 'classnames';\nfunction NavBarButton({\n text,\n onClick,\n routeKey,\n}) {\n const location = useLocation();\n const buttonClass = `/${routeKey}` === location.pathname ? Styles.orangeButton : Styles.BlueButton;\n return (\n \n {buttonEntities.map(({ pageName, routeKey }, index) => (\n index !== buttonEntities.length - 1 ? (\n
\n );\n}\n\nexport default memo(NavBar);\n","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Logo from 'components/Common/Logo';\nimport ClickableDiv from 'components/Common/ClickableDiv';\nimport NavBar from 'components/Common/NavBar';\n\nimport Styles from './index.module.css';\n\nfunction AppBar() {\n const history = useHistory();\n return (\n \n
\n ) : (\n \n \n \n \n
\n \n \n \n
\n \r\n
\r\n )\r\n );\r\n}\r\n","/* eslint-disable react/jsx-filename-extension */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport Spinner from './components/Common/Spinner';\n\nReactDOM.render(\n \n \n \n
,\n document.getElementById('root'),\n);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"NavButton_mainContainer__2FHOM\",\"mainContainerSelected\":\"NavButton_mainContainerSelected__3u16o\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"error\":\"InputErrorMessage_error__1iMo4\",\"visible\":\"InputErrorMessage_visible__3EfLJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"orangeButton\":\"AdSetting_orangeButton__U4May\",\"lightBlueButton\":\"AdSetting_lightBlueButton__3jgwS\",\"targetSettingContainer\":\"AdSetting_targetSettingContainer__3jcTx\",\"adSettingContainer\":\"AdSetting_adSettingContainer__xeIJv\",\"adSettingForm\":\"AdSetting_adSettingForm__3Zq8B\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"MediaField_mainContainer__3tKf8\",\"fileDropContainer\":\"MediaField_fileDropContainer__1dxoc\",\"fileDropLink\":\"MediaField_fileDropLink__2zFWy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"phonePreviewContainer\":\"CPASDashboard_phonePreviewContainer__2WtHc\",\"phonePreview\":\"CPASDashboard_phonePreview__1at1g\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"SectionLabel_mainContainer__-W7TT\",\"mainContainerSmall\":\"SectionLabel_mainContainerSmall__3jXMc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"innerWrapperResult\":\"TargetSetting_innerWrapperResult__2Zl1n\",\"innerWrapperSetting\":\"TargetSetting_innerWrapperSetting__1s8xX\",\"titleText\":\"TargetSetting_titleText__1KJrO\",\"titleTextInactive\":\"TargetSetting_titleTextInactive__ARrzO\",\"inputEndAdornmentContent\":\"TargetSetting_inputEndAdornmentContent__3ZmzF\",\"inputEndAdornmentText\":\"TargetSetting_inputEndAdornmentText__1Gn9i\",\"inputEndAdornmentTextContainer\":\"TargetSetting_inputEndAdornmentTextContainer__pY7de\",\"textInput\":\"TargetSetting_textInput__2keqB\",\"settingContainer\":\"TargetSetting_settingContainer__1tCae\",\"blockContainer\":\"TargetSetting_blockContainer__12FWO\",\"blockItem\":\"TargetSetting_blockItem__S1tve\",\"title\":\"TargetSetting_title__2qd2e\",\"subTitle1\":\"TargetSetting_subTitle1__26MuU\",\"subTitle2\":\"TargetSetting_subTitle2__rcXPt\",\"resultContainer\":\"TargetSetting_resultContainer__2uRM0\",\"resultTitle\":\"TargetSetting_resultTitle__v2XJU\",\"resultContent\":\"TargetSetting_resultContent__3q_w2\",\"container\":\"TargetSetting_container__9h-4o\",\"containerRavelled\":\"TargetSetting_containerRavelled__3e26b\",\"emptyHeight\":\"TargetSetting_emptyHeight__3XSno\",\"emptyColumn\":\"TargetSetting_emptyColumn__1fvf5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"SingleFileDrop_mainContainer__2cdoB\",\"fileDropContainer\":\"SingleFileDrop_fileDropContainer__1m75m\",\"fileDropLink\":\"SingleFileDrop_fileDropLink__2VFBp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"NavButton_mainContainer__2rUD5\",\"mainContainerSelected\":\"NavButton_mainContainerSelected__24ofM\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"logoContainer\":\"Logo_logoContainer__2gzvt\",\"img\":\"Logo_img__1dtCc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"orangeButton\":\"NavBarButton_orangeButton__1motl\",\"BlueButton\":\"NavBarButton_BlueButton__1jnS5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"PhonePreview_mainContainer__rCOew\",\"upperContainer\":\"PhonePreview_upperContainer__202tJ\",\"microphone\":\"PhonePreview_microphone__6y4Mm\",\"speakerContainer\":\"PhonePreview_speakerContainer__3YX-S\",\"camera\":\"PhonePreview_camera__6t01p\",\"speaker\":\"PhonePreview_speaker__1uB08\",\"contentContainer\":\"PhonePreview_contentContainer__aMEa1\",\"contentBody\":\"PhonePreview_contentBody__3BZmI\",\"contentTopBar\":\"PhonePreview_contentTopBar__2BvD-\",\"contentHeaderBar\":\"PhonePreview_contentHeaderBar__1lR8n\",\"contentHeaderSquare\":\"PhonePreview_contentHeaderSquare__1g4dy\",\"contentHeaderText\":\"PhonePreview_contentHeaderText__1t2tc\",\"contentHeaderTitle\":\"PhonePreview_contentHeaderTitle__1qVNV\",\"contentHeaderSubtitle\":\"PhonePreview_contentHeaderSubtitle__3evrD\",\"contentImageContainer\":\"PhonePreview_contentImageContainer__8tJ0J\",\"contentImage\":\"PhonePreview_contentImage__lxiAm\",\"contentVideo\":\"PhonePreview_contentVideo__Wpb4U\",\"contentCtaContainer\":\"PhonePreview_contentCtaContainer__2vaqC\",\"ctaPrice\":\"PhonePreview_ctaPrice__3K6Fm\",\"cta\":\"PhonePreview_cta__PZV6P\",\"contentFacebookBar\":\"PhonePreview_contentFacebookBar__1hrlu\",\"contentDescription\":\"PhonePreview_contentDescription__2Sbv9\",\"contentButtons\":\"PhonePreview_contentButtons__3lTlN\",\"contentButton\":\"PhonePreview_contentButton__PGuLl\",\"lowerContainer\":\"PhonePreview_lowerContainer__39tVO\",\"contentSubHeaderTitle\":\"PhonePreview_contentSubHeaderTitle__24unx\",\"contentVideoName\":\"PhonePreview_contentVideoName__3IPWp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"ClickableDiv_mainContainer__2zXQH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"HeaderTypography_container__3mVwk\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"ContentTypography_container__1eWR-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"BlueButton_container__28_aq\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"NewMarketCard_container__3Vv11\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"EditableField_mainContainer__3Wqhs\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"RemindDashboard_container__3QQJk\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"NoDataDashboard_container__2odr7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"SignInNavBar_container__1WyJg\",\"buttonBlock\":\"SignInNavBar_buttonBlock__18TAP\",\"buttonItem\":\"SignInNavBar_buttonItem__eF3W5\",\"couponDashboardContainer\":\"SignInNavBar_couponDashboardContainer__3aLWt\",\"couponDashboardCard\":\"SignInNavBar_couponDashboardCard__1gqF7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Container_container__1Ir6o\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"StrictContainer_container__1gA7d\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"textField\":\"TextField_textField__37gQV\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"playGroundContainer\":\"PlayGround_playGroundContainer__3xgrJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"EmptyBar_container__2WNna\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"Select_mainContainer__1WFr5\",\"menuItem\":\"Select_menuItem__2jHJf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"InputWrapper_container__3EwNk\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"CardBar_container__8V0CW\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"TextField_mainContainer__2RsyY\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"SelectField_mainContainer__3SLrQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"ProductRangeField_mainContainer__3LPEm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"GoogleDisplayReference_mainContainer__Y1Aj_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"FormBox_mainContainer__1QvDP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"LightBlueButton_container__13kr8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"textField\":\"FormField_textField__1-2B6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"SignInNavBar_container__2paA2\",\"buttonBlock\":\"SignInNavBar_buttonBlock__2YhCq\",\"buttonItem\":\"SignInNavBar_buttonItem__133bd\",\"couponDashboardContainer\":\"SignInNavBar_couponDashboardContainer__1G9KZ\",\"couponDashboardCard\":\"SignInNavBar_couponDashboardCard__D3uR6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"switchWapper\":\"Routes_switchWapper__1BF1C\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Spinner_container__212ES\",\"spinner\":\"Spinner_spinner__2hA9w\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"formContainer\":\"AdCardSetting_formContainer__2e9re\",\"innerWrapperResult\":\"AdCardSetting_innerWrapperResult__fCzxS\",\"innerWrapperSetting\":\"AdCardSetting_innerWrapperSetting__3fIqx\",\"topTitleText\":\"AdCardSetting_topTitleText__19sy7\",\"topTitleTextInactive\":\"AdCardSetting_topTitleTextInactive__2hY78\",\"container\":\"AdCardSetting_container__2unL9\",\"titleContainer\":\"AdCardSetting_titleContainer__1qJ_d\",\"titleText\":\"AdCardSetting_titleText__38i9q\",\"numberText\":\"AdCardSetting_numberText__36Psy\",\"popoverText\":\"AdCardSetting_popoverText__2MsHW\",\"popoverContainer\":\"AdCardSetting_popoverContainer__1yJKS\",\"focusTitle\":\"AdCardSetting_focusTitle__30c_h\",\"resultTitle\":\"AdCardSetting_resultTitle__3cJMI\",\"resultContentText\":\"AdCardSetting_resultContentText__1a479\",\"resultNumberText\":\"AdCardSetting_resultNumberText__SXU7C\",\"resultBlock\":\"AdCardSetting_resultBlock__2GX2S\",\"resultContainer\":\"AdCardSetting_resultContainer__1wFE6\",\"unfocusTitle\":\"AdCardSetting_unfocusTitle__3bi5x\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"MainForm_mainContainer__1B1Ec\",\"formButtons\":\"MainForm_formButtons__fZ3bu\",\"inputArea\":\"MainForm_inputArea__xApr4\",\"uploadButton\":\"MainForm_uploadButton__1V6X8\",\"title\":\"MainForm_title__2aeJG\",\"description\":\"MainForm_description__3QNtP\",\"required\":\"MainForm_required__32fha\",\"alertTextDuplicate\":\"MainForm_alertTextDuplicate__1yFX9\",\"cntTextLength\":\"MainForm_cntTextLength__1eid9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"infoContainer_wrapped\":\"TopUpCard_infoContainer_wrapped__3VNEy\",\"container\":\"TopUpCard_container__29OQ9\",\"buttonItem\":\"TopUpCard_buttonItem__QJ29x\",\"button\":\"TopUpCard_button__1HS67\",\"item\":\"TopUpCard_item__1Q0F4\",\"infoContainer\":\"TopUpCard_infoContainer__1nst2\",\"infoItem\":\"TopUpCard_infoItem__2OAQh\",\"infoIcon\":\"TopUpCard_infoIcon__1Zep7\",\"infoItemTitle\":\"TopUpCard_infoItemTitle__3xvq2\",\"infoItemText\":\"TopUpCard_infoItemText__2F0Rp\",\"iconContainer\":\"TopUpCard_iconContainer__346Tj\",\"icon\":\"TopUpCard_icon__1W54-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"AdDetails_container__2qx3z\",\"row\":\"AdDetails_row__1FWYM\",\"infoBlock\":\"AdDetails_infoBlock__34vaj\",\"budgetInfoBlock\":\"AdDetails_budgetInfoBlock__3vmEK\",\"messageBlock\":\"AdDetails_messageBlock__1TfZw\",\"buttonBlockVertical\":\"AdDetails_buttonBlockVertical__3NBC5\",\"buttonBlock\":\"AdDetails_buttonBlock__12ILw\",\"greenButton\":\"AdDetails_greenButton__14JSt\",\"expiryDateText\":\"AdDetails_expiryDateText__4LhBa\",\"titleText\":\"AdDetails_titleText__1VBKK\",\"numberText\":\"AdDetails_numberText__d9QsJ\",\"stoppingText\":\"AdDetails_stoppingText__33X-F\",\"pencilIcon\":\"AdDetails_pencilIcon__1gZ6M\",\"row_columned\":\"AdDetails_row_columned__314aD\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"AdSummary_container__2vOQe\",\"headerContainer\":\"AdSummary_headerContainer__19rOG\",\"headerIcon\":\"AdSummary_headerIcon__1HM8B\",\"adType\":\"AdSummary_adType__2Lf98\",\"headerType\":\"AdSummary_headerType__1nJ5j\",\"headerName\":\"AdSummary_headerName__3bkK3\",\"headerDayBudget\":\"AdSummary_headerDayBudget__nSSay\",\"headerStartDay\":\"AdSummary_headerStartDay__-gqwd\",\"headerAdState\":\"AdSummary_headerAdState__3lqI8\",\"headerPadding\":\"AdSummary_headerPadding__2wm7Z\",\"contentIcon\":\"AdSummary_contentIcon__1LhZo\",\"contentName\":\"AdSummary_contentName__3hG8h\",\"contentAdState\":\"AdSummary_contentAdState__B1Zzy\",\"tag\":\"AdSummary_tag__1tcd3\",\"boldText15\":\"AdSummary_boldText15__2rOWq\",\"numberText\":\"AdSummary_numberText__2iT2E\",\"dateCharacter\":\"AdSummary_dateCharacter__2l3rt\",\"adStateText\":\"AdSummary_adStateText__fW0S2\",\"row\":\"AdSummary_row__3zNWD\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonContainer\":\"AdvertisingGoal_buttonContainer__V7gYS\",\"buttonContainerRavelled\":\"AdvertisingGoal_buttonContainerRavelled__1uUSF\",\"imgSize\":\"AdvertisingGoal_imgSize__3j8-O\",\"lightBlue\":\"AdvertisingGoal_lightBlue__SANtt\",\"darkBlue\":\"AdvertisingGoal_darkBlue__1gNDh\",\"card\":\"AdvertisingGoal_card__3Ww_M\",\"cardUnderlay\":\"AdvertisingGoal_cardUnderlay__1OvpT\",\"resultCard\":\"AdvertisingGoal_resultCard__3GZ4X\",\"whiteText\":\"AdvertisingGoal_whiteText__14236\",\"focusWhiteText\":\"AdvertisingGoal_focusWhiteText__1nSpn\",\"unfocusWhiteText\":\"AdvertisingGoal_unfocusWhiteText__1jiS4\",\"resultWhiteText\":\"AdvertisingGoal_resultWhiteText__22aeP\",\"headerTitle\":\"AdvertisingGoal_headerTitle__3ozkA\",\"headerTitleFocused\":\"AdvertisingGoal_headerTitleFocused__25Bdt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"MarketCard_container__1DNAL\",\"titleRow\":\"MarketCard_titleRow__2sqtT\",\"name\":\"MarketCard_name__3HPrc\",\"checkIcon\":\"MarketCard_checkIcon__1Osf1\",\"settingIcon\":\"MarketCard_settingIcon__2h33W\",\"typeRow\":\"MarketCard_typeRow__2Pk4z\",\"id\":\"MarketCard_id__2fAPH\",\"popoverContainer\":\"MarketCard_popoverContainer__1DI-N\",\"popoverTitle\":\"MarketCard_popoverTitle__dG9YF\",\"popoverButtonContainer\":\"MarketCard_popoverButtonContainer__1NdCg\",\"popoverButton\":\"MarketCard_popoverButton__26Ze8\",\"popoverLink\":\"MarketCard_popoverLink__oAiFh\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonPanel\":\"AdDashboard_buttonPanel__3FbqY\",\"formatButton\":\"AdDashboard_formatButton__9ePv6\",\"formatButtonCollapsed\":\"AdDashboard_formatButtonCollapsed__IdqCF\",\"undoneRadioButton\":\"AdDashboard_undoneRadioButton__3rUCG\",\"undoneRadioButtonSelected\":\"AdDashboard_undoneRadioButtonSelected__2w97E\",\"onlineRadioButton\":\"AdDashboard_onlineRadioButton__2mlyK\",\"onlineRadioButtonSelected\":\"AdDashboard_onlineRadioButtonSelected__12uFX\",\"stoppedRadioButton\":\"AdDashboard_stoppedRadioButton__29SvO\",\"stoppedRadioButtonSelected\":\"AdDashboard_stoppedRadioButtonSelected__1z4Im\",\"undoneAdCard\":\"AdDashboard_undoneAdCard__E7AP2\",\"mainContainer\":\"AdDashboard_mainContainer__cxK32\",\"title\":\"AdDashboard_title__3Di4K\",\"description\":\"AdDashboard_description__7I0yn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"TopUp_container__26nkO\",\"leftBoard\":\"TopUp_leftBoard__Bq-iO\",\"midBoard\":\"TopUp_midBoard__14dP-\",\"rightBoard\":\"TopUp_rightBoard__3ExuV\",\"midBoardItem\":\"TopUp_midBoardItem__1a1K2\",\"midBoardButton\":\"TopUp_midBoardButton__2YbwJ\",\"titleText\":\"TopUp_titleText__2iQwb\",\"orangeButton\":\"TopUp_orangeButton__3QYIC\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"RatingCard_mainContainer__29OkX\",\"mainContainerGood\":\"RatingCard_mainContainerGood__5PM0z\",\"mainContainerMediocre\":\"RatingCard_mainContainerMediocre__1yhAQ\",\"mainContainerPoor\":\"RatingCard_mainContainerPoor__umMEz\",\"iconContainer\":\"RatingCard_iconContainer__3FzXj\",\"messageContainer\":\"RatingCard_messageContainer__1_U3-\",\"measureContainer\":\"RatingCard_measureContainer__1dP2e\",\"rateContainer\":\"RatingCard_rateContainer__1diu3\",\"indicatorContainer\":\"RatingCard_indicatorContainer__x8OBw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"MyAdsContainer\":\"MyAds_MyAdsContainer__1s4II\",\"title\":\"MyAds_title__1Sjpc\",\"addAD\":\"MyAds_addAD__wzsSv\",\"addIcon\":\"MyAds_addIcon__5jmMw\",\"addAdCardItem\":\"MyAds_addAdCardItem__3N0Hu\",\"addAdContainer\":\"MyAds_addAdContainer__1joZ3\",\"dashboard\":\"MyAds_dashboard__3XM25\",\"myAdsWrapper\":\"MyAds_myAdsWrapper__1YZLB\",\"myAdsBody\":\"MyAds_myAdsBody__36Nbc\",\"myAdsLeftSide\":\"MyAds_myAdsLeftSide__1ujXx\",\"myAdsSide\":\"MyAds_myAdsSide__5EMnQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"AdvertisingMethodButton_mainContainer__3mG7A\",\"mainContainerDisabled\":\"AdvertisingMethodButton_mainContainerDisabled__DwL_N\",\"mainContainerExpanded\":\"AdvertisingMethodButton_mainContainerExpanded__2O8iP\",\"mainContainerSelected\":\"AdvertisingMethodButton_mainContainerSelected__3LbbI\",\"headerContainer\":\"AdvertisingMethodButton_headerContainer__2F6sA\",\"headerContainerSelected\":\"AdvertisingMethodButton_headerContainerSelected__3DuL8\",\"titleText\":\"AdvertisingMethodButton_titleText__3SRyA\",\"image\":\"AdvertisingMethodButton_image__1Y5w6\",\"imageHidden\":\"AdvertisingMethodButton_imageHidden__201EU\",\"cardUnderlay\":\"AdvertisingMethodButton_cardUnderlay__7y__J\",\"cardUnderlayDisabled\":\"AdvertisingMethodButton_cardUnderlayDisabled__3Ca-x\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"categories__stataGridElem_wrapped\":\"MarketingHome_categories__stataGridElem_wrapped__C_rwQ\",\"categories__stataGridElem\":\"MarketingHome_categories__stataGridElem__3A3wJ\",\"title\":\"MarketingHome_title__3FTMC\",\"investmentSystemTitle_wrapped\":\"MarketingHome_investmentSystemTitle_wrapped__2FD2c\",\"investmentSystemTitle\":\"MarketingHome_investmentSystemTitle__tslKA\",\"couponBlock\":\"MarketingHome_couponBlock__303uc\",\"investmentSystem\":\"MarketingHome_investmentSystem__22Gul\",\"investmentSystem__content\":\"MarketingHome_investmentSystem__content__EVLd4\",\"investmentSystem__tags\":\"MarketingHome_investmentSystem__tags__3ZShw\",\"investmentSystem__buttons_wrapped\":\"MarketingHome_investmentSystem__buttons_wrapped__WdgZA\",\"investmentSystem__text\":\"MarketingHome_investmentSystem__text__2eKTj\",\"investmentSystem__image_wrapped\":\"MarketingHome_investmentSystem__image_wrapped__2zcQA\",\"investmentSystem__image\":\"MarketingHome_investmentSystem__image__2QLpk\",\"coupon__image_wrapped\":\"MarketingHome_coupon__image_wrapped__jR2_H\",\"coupon__image\":\"MarketingHome_coupon__image__1T5e0\",\"advantage\":\"MarketingHome_advantage__xL0B_\",\"advantageTitle_wrapped\":\"MarketingHome_advantageTitle_wrapped__3ht-N\",\"advantageTitle\":\"MarketingHome_advantageTitle__2MhL5\",\"advantageTitleOverlay\":\"MarketingHome_advantageTitleOverlay__3SBYt\",\"advantage__content_wrapped\":\"MarketingHome_advantage__content_wrapped__3B2UU\",\"advantage__content\":\"MarketingHome_advantage__content__1tiMA\",\"advantage__contentTitle\":\"MarketingHome_advantage__contentTitle__3yUTr\",\"advantage__contentOrnament\":\"MarketingHome_advantage__contentOrnament__1GSPf\",\"advantage__contentSubtitle\":\"MarketingHome_advantage__contentSubtitle__q1I7n\",\"advantage__contentBgi\":\"MarketingHome_advantage__contentBgi__3EcNY\",\"effect\":\"MarketingHome_effect__yLj63\",\"effectTitle_wrapped\":\"MarketingHome_effectTitle_wrapped__1IEr4\",\"effectTitle\":\"MarketingHome_effectTitle__l6URH\",\"effect__text_wrapped\":\"MarketingHome_effect__text_wrapped__1FEU3\",\"effect__text\":\"MarketingHome_effect__text__1k8DE\",\"effect__text_mobile\":\"MarketingHome_effect__text_mobile__hNHtf\",\"effect__img_wrapped\":\"MarketingHome_effect__img_wrapped__32U_L\",\"collaboration\":\"MarketingHome_collaboration__14Pua\",\"collaborationTitle_wrapped\":\"MarketingHome_collaborationTitle_wrapped__288vt\",\"collaborationTitleOverlay\":\"MarketingHome_collaborationTitleOverlay__34MSX\",\"collaborationTitle\":\"MarketingHome_collaborationTitle__1XjVe\",\"collaboration__img_wrapped\":\"MarketingHome_collaboration__img_wrapped__2F2b2\",\"collaboration__img\":\"MarketingHome_collaboration__img__1-gx2\",\"collaboration__cards\":\"MarketingHome_collaboration__cards__3kdwh\",\"collaboration__card\":\"MarketingHome_collaboration__card__2nb7A\",\"collaboration__cardIcon_wrapped\":\"MarketingHome_collaboration__cardIcon_wrapped__16d9w\",\"collaboration__cardIcon\":\"MarketingHome_collaboration__cardIcon__reIXI\",\"collaboration__cardText\":\"MarketingHome_collaboration__cardText__6K1eS\",\"score\":\"MarketingHome_score__1ezxw\",\"scoreTitle_wrapped\":\"MarketingHome_scoreTitle_wrapped__THjln\",\"scoreTitle\":\"MarketingHome_scoreTitle__oRVZ3\",\"scoreTitleOverlay\":\"MarketingHome_scoreTitleOverlay__3PE_Q\",\"score__cards\":\"MarketingHome_score__cards__WJ90c\",\"score__card\":\"MarketingHome_score__card__18Pe6\",\"score__cardTitle\":\"MarketingHome_score__cardTitle__3tCpb\",\"score__cardOrnament\":\"MarketingHome_score__cardOrnament__2XRuB\",\"score__cardSubtitle\":\"MarketingHome_score__cardSubtitle__2Q4VB\",\"categories\":\"MarketingHome_categories__1G0ah\",\"categoriesTitle\":\"MarketingHome_categoriesTitle__3Xtsu\",\"categories__list\":\"MarketingHome_categories__list__1R2oc\",\"categories__stata\":\"MarketingHome_categories__stata__3aTTy\",\"categories__stataGrid\":\"MarketingHome_categories__stataGrid__1OF_G\",\"categories__stataGridImg\":\"MarketingHome_categories__stataGridImg__1YwZu\",\"categories__stataGridElem_transparent\":\"MarketingHome_categories__stataGridElem_transparent__2e0i8\",\"categories__stataContent\":\"MarketingHome_categories__stataContent__13z0j\",\"categories__listItem\":\"MarketingHome_categories__listItem__15EYT\",\"categories__listItemActive\":\"MarketingHome_categories__listItemActive__284dr\",\"categories__stataInfo\":\"MarketingHome_categories__stataInfo__PvkKs\",\"categories__stataTitle\":\"MarketingHome_categories__stataTitle__3xG_3\",\"categories__stataOrnament\":\"MarketingHome_categories__stataOrnament__2sTqe\",\"categories__stataSubtitle\":\"MarketingHome_categories__stataSubtitle__T9EJk\",\"categories__stataDetails\":\"MarketingHome_categories__stataDetails__cg44s\",\"categories__stataRoas\":\"MarketingHome_categories__stataRoas__k4j61\",\"categories__stataRoasTitle\":\"MarketingHome_categories__stataRoasTitle__2tEd9\",\"categories__stataRoasSubtitle\":\"MarketingHome_categories__stataRoasSubtitle__3NJ-e\",\"categories__stataRoasSubtitle_small\":\"MarketingHome_categories__stataRoasSubtitle_small__6MDh0\",\"addons\":\"MarketingHome_addons__aq9pH\",\"addonsTitle_wrapped\":\"MarketingHome_addonsTitle_wrapped__g8XXC\",\"addonsTitle\":\"MarketingHome_addonsTitle__3qLV5\",\"addonsTitleOverlay\":\"MarketingHome_addonsTitleOverlay__1rOkX\",\"addons__cards\":\"MarketingHome_addons__cards__zR8Gr\",\"addons__card\":\"MarketingHome_addons__card__2zIKx\",\"addons__cardTitle\":\"MarketingHome_addons__cardTitle__M5ay6\",\"addons__cardOrnament\":\"MarketingHome_addons__cardOrnament__2LZvi\",\"addons__cardSubtitle\":\"MarketingHome_addons__cardSubtitle__mcIC6\",\"steps\":\"MarketingHome_steps__3697t\",\"stepsTitle_wrapped\":\"MarketingHome_stepsTitle_wrapped__tJnld\",\"stepsTitle\":\"MarketingHome_stepsTitle__QtDH9\",\"tabs\":\"MarketingHome_tabs__3Nsd-\",\"tabs__tab\":\"MarketingHome_tabs__tab__2CtNp\",\"tabs__tab_active\":\"MarketingHome_tabs__tab_active__2rQP_\",\"tabs__tabTitle\":\"MarketingHome_tabs__tabTitle__2a8t6\",\"tabs__tabOrnament\":\"MarketingHome_tabs__tabOrnament__fwS25\",\"tabs__tabSubtitle\":\"MarketingHome_tabs__tabSubtitle__Pi_kp\",\"info\":\"MarketingHome_info__Y2HO4\",\"infoSlide\":\"MarketingHome_infoSlide__2Awn5\",\"infoSlideLaptop\":\"MarketingHome_infoSlideLaptop__BV2Qg\",\"infoSlideLaptopBase\":\"MarketingHome_infoSlideLaptopBase__HmKkt\",\"infoSlideVideo\":\"MarketingHome_infoSlideVideo__T4aXG\",\"infoSlideVideo_active\":\"MarketingHome_infoSlideVideo_active__2wQZW\",\"prefooter\":\"MarketingHome_prefooter__2jNTV\",\"prefooterTitle_wrapped\":\"MarketingHome_prefooterTitle_wrapped__lLcoG\",\"prefooterTitle\":\"MarketingHome_prefooterTitle__35LzX\",\"prefooterButtons_wrapped\":\"MarketingHome_prefooterButtons_wrapped__1UWoa\",\"footer\":\"MarketingHome_footer__2MZAV\",\"footerContent\":\"MarketingHome_footerContent__Ywh3W\",\"footerLogo_wrapped\":\"MarketingHome_footerLogo_wrapped__FSpxQ\",\"footerIcon_wrapped\":\"MarketingHome_footerIcon_wrapped__2he4f\",\"footerLogo_wrapped_mobile\":\"MarketingHome_footerLogo_wrapped_mobile__n88pr\",\"categories__stataGridElem_wrapped_transparent\":\"MarketingHome_categories__stataGridElem_wrapped_transparent__2yc_u\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"RatingLabel_mainContainer__2VmOH\",\"mainContainerGood\":\"RatingLabel_mainContainerGood__3viYe\",\"mainContainerMediocre\":\"RatingLabel_mainContainerMediocre__26glK\",\"mainContainerPoor\":\"RatingLabel_mainContainerPoor__1zNgy\",\"iconContainer\":\"RatingLabel_iconContainer__EDGTH\",\"messageContainer\":\"RatingLabel_messageContainer__3BOSw\",\"measureContainer\":\"RatingLabel_measureContainer__3PSaZ\",\"rateContainer\":\"RatingLabel_rateContainer__fm7WN\",\"indicatorContainer\":\"RatingLabel_indicatorContainer__2vCe4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"invContainer\":\"Investment_invContainer__1BMI-\",\"leftContent\":\"Investment_leftContent__2661b\",\"midContent\":\"Investment_midContent__1qJo0\",\"rightContent\":\"Investment_rightContent__kgoOB\",\"title\":\"Investment_title__3BaV8\",\"dateSelection\":\"Investment_dateSelection__KWGCm\",\"dateSelectionWeekLabel\":\"Investment_dateSelectionWeekLabel__5QBSr\",\"dateSelectionDivider\":\"Investment_dateSelectionDivider__1HD1a\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"MarketSettingContainer\":\"MarketSetting_MarketSettingContainer__UgYnD\",\"leftColumn\":\"MarketSetting_leftColumn__3arwu\",\"rightColumn\":\"MarketSetting_rightColumn__10oqj\",\"marketingSettingsConatiner\":\"MarketSetting_marketingSettingsConatiner__2IY3P\",\"marketingSettingsFormWrapper\":\"MarketSetting_marketingSettingsFormWrapper__9io81\",\"marketingSettingsForm\":\"MarketSetting_marketingSettingsForm__YeX7k\",\"marketingSettingsRow\":\"MarketSetting_marketingSettingsRow__3P2V3\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"MainForm_container__3xVnt\",\"title\":\"MainForm_title__38wu9\",\"inputLabel\":\"MainForm_inputLabel__3jkgK\",\"inputField\":\"MainForm_inputField__3Xvp-\",\"orangeButton\":\"MainForm_orangeButton__3z44G\",\"marketingNavBarContainer\":\"MainForm_marketingNavBarContainer__1tAC5\",\"marketingNavBar\":\"MainForm_marketingNavBar__1at1w\",\"checkbox\":\"MainForm_checkbox__IVJw0\",\"credentialOptions\":\"MainForm_credentialOptions__2QsfK\",\"rememberPassword\":\"MainForm_rememberPassword__2LxLI\",\"forgotPassword\":\"MainForm_forgotPassword__X2f5a\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"PerformanceCard_mainContainer__18ku-\",\"platformContainer\":\"PerformanceCard_platformContainer__G3ZUe\",\"roasContainer\":\"PerformanceCard_roasContainer__1GTuT\",\"ratingsContainer\":\"PerformanceCard_ratingsContainer__161UQ\",\"dateRow\":\"PerformanceCard_dateRow__Z0mB7\",\"dataRow\":\"PerformanceCard_dataRow__qsZhS\",\"icon\":\"PerformanceCard_icon__w7kw9\",\"dateRowInfo\":\"PerformanceCard_dateRowInfo__2s6SI\",\"dataRowItem\":\"PerformanceCard_dataRowItem__3aiGp\",\"platformText\":\"PerformanceCard_platformText__2vgl6\",\"dateInfoText\":\"PerformanceCard_dateInfoText__3hf1p\",\"dateInfoDateText\":\"PerformanceCard_dateInfoDateText__21zQg\",\"roasText\":\"PerformanceCard_roasText__3O3RD\",\"roasNumText\":\"PerformanceCard_roasNumText__zYg0l\",\"roasButtomText\":\"PerformanceCard_roasButtomText__3lBEm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"MarketButton_mainContainer__1VQ6w\",\"mainContainerExpanded\":\"MarketButton_mainContainerExpanded__35jGc\",\"mainContainerSelected\":\"MarketButton_mainContainerSelected__3iW1x\",\"label\":\"MarketButton_label__22-bt\",\"icon\":\"MarketButton_icon__AsfwI\",\"iconHidden\":\"MarketButton_iconHidden__uoXy3\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"ButtonSwitch_container__2BfrK\",\"basicButton\":\"ButtonSwitch_basicButton__2BfF-\",\"selected\":\"ButtonSwitch_selected__1eDAV\",\"unSelected\":\"ButtonSwitch_unSelected__2ISJp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonContainer\":\"SelectMarket_buttonContainer__38zeW\",\"buttonItem\":\"SelectMarket_buttonItem__ytAlP\",\"unSelectedNameText\":\"SelectMarket_unSelectedNameText__2IKj6\",\"selectedNameText\":\"SelectMarket_selectedNameText__CwWTM\",\"selectedBg\":\"SelectMarket_selectedBg__3XZ9T\",\"unselectedBg\":\"SelectMarket_unselectedBg__3zhHj\",\"titleText\":\"SelectMarket_titleText__H8Ij4\",\"titleTextExpanded\":\"SelectMarket_titleTextExpanded__2ZyKr\",\"emptyBarText\":\"SelectMarket_emptyBarText__2OjQc\",\"emptyBar\":\"SelectMarket_emptyBar__1cSMc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"FormText_mainContainer__3beZB\",\"mainContainerSingleLine\":\"FormText_mainContainerSingleLine__15uUf\",\"mainContainerSquat\":\"FormText_mainContainerSquat__D7Gh2\",\"mainContainerSingleLineSquat\":\"FormText_mainContainerSingleLineSquat__biQeb\",\"mainContainerDisabled\":\"FormText_mainContainerDisabled__-Zw8J\",\"mainContainerSingleLineDisabled\":\"FormText_mainContainerSingleLineDisabled__HQ1e2\",\"mainContainerInvalid\":\"FormText_mainContainerInvalid__3uBca\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"strictContainer_mobile\":\"MarketingOffer_strictContainer_mobile__1nObh\",\"title\":\"MarketingOffer_title__1-LRg\",\"effect\":\"MarketingOffer_effect__2IIh3\",\"effectBackgroundImage\":\"MarketingOffer_effectBackgroundImage__vGwyr\",\"effect_wrapped\":\"MarketingOffer_effect_wrapped__JmBfi\",\"effectTitle_wrapped\":\"MarketingOffer_effectTitle_wrapped__2OHKZ\",\"effectAir\":\"MarketingOffer_effectAir__sP25D\",\"effectTitle\":\"MarketingOffer_effectTitle__oF6uJ\",\"effectContent_wrapped\":\"MarketingOffer_effectContent_wrapped__1yLjA\",\"effectContentTitle\":\"MarketingOffer_effectContentTitle__1QoBB\",\"effectCards\":\"MarketingOffer_effectCards__3m7Ow\",\"effectCard\":\"MarketingOffer_effectCard__35xCb\",\"effectCardImage_wrapped\":\"MarketingOffer_effectCardImage_wrapped__1waac\",\"effectCardImage\":\"MarketingOffer_effectCardImage__evma9\",\"effectCardTitle\":\"MarketingOffer_effectCardTitle__3-9C6\",\"result\":\"MarketingOffer_result__3avEC\",\"resultContainer\":\"MarketingOffer_resultContainer__1u5Vh\",\"resultPresentationTitle\":\"MarketingOffer_resultPresentationTitle__1BPHa\",\"resultQuestionsTitle\":\"MarketingOffer_resultQuestionsTitle__3J6hx\",\"resultBackground_wrapped\":\"MarketingOffer_resultBackground_wrapped__3m-S_\",\"resultBackground_left\":\"MarketingOffer_resultBackground_left__2WsDV\",\"resultBackground_right\":\"MarketingOffer_resultBackground_right__2WcQl\",\"resultQuestionsSubstitle\":\"MarketingOffer_resultQuestionsSubstitle__3iITH\",\"resultPresentationSubstitle\":\"MarketingOffer_resultPresentationSubstitle__KlSte\",\"resultPresentationText\":\"MarketingOffer_resultPresentationText__UjrV3\",\"resultQuestions\":\"MarketingOffer_resultQuestions__3p9YJ\",\"resultPresentation\":\"MarketingOffer_resultPresentation__3bXVx\",\"resultQuestionsImage_wrapped\":\"MarketingOffer_resultQuestionsImage_wrapped__dXdrF\",\"resultQuestionsImage\":\"MarketingOffer_resultQuestionsImage__2Q9B1\",\"resultPresentationImage_wrapped\":\"MarketingOffer_resultPresentationImage_wrapped__1e7RZ\",\"resultPresentationListContainer\":\"MarketingOffer_resultPresentationListContainer__3C_-h\",\"resultPresentationList_wrapped\":\"MarketingOffer_resultPresentationList_wrapped__1tiP_\",\"resultPresentationList\":\"MarketingOffer_resultPresentationList__1fkEw\",\"media\":\"MarketingOffer_media__37h_g\",\"mediaContentImg_wrapped_mobile\":\"MarketingOffer_mediaContentImg_wrapped_mobile__wmfPL\",\"mediaTitle\":\"MarketingOffer_mediaTitle__2TyVY\",\"mediaContent_wrapped\":\"MarketingOffer_mediaContent_wrapped__FRGpp\",\"mediaContentImg_wrapped\":\"MarketingOffer_mediaContentImg_wrapped__QZYA5\",\"mediaContentImg\":\"MarketingOffer_mediaContentImg__3bs_G\",\"mediaContent\":\"MarketingOffer_mediaContent__d57Vx\",\"mediaContentTabs\":\"MarketingOffer_mediaContentTabs__3sP2h\",\"mediaContentTitle\":\"MarketingOffer_mediaContentTitle__1Oj0y\",\"mediaContentText\":\"MarketingOffer_mediaContentText__lVG1C\",\"mediaContentSubtitle\":\"MarketingOffer_mediaContentSubtitle__2MV9U\",\"mediaContentLevers\":\"MarketingOffer_mediaContentLevers__3KJCc\",\"mediaContentLever\":\"MarketingOffer_mediaContentLever__1jCxa\",\"mediaContentLeverIcon_wrapped\":\"MarketingOffer_mediaContentLeverIcon_wrapped__Q_R5U\",\"mediaContentLeverIcon\":\"MarketingOffer_mediaContentLeverIcon__3fghr\",\"mediaContentLever_active\":\"MarketingOffer_mediaContentLever_active__1_5Bm\",\"mediaContentTab\":\"MarketingOffer_mediaContentTab__22pB6\",\"mediaContentTab_active\":\"MarketingOffer_mediaContentTab_active__349HV\",\"payment\":\"MarketingOffer_payment__3T8bF\",\"paymentImg_wrapped\":\"MarketingOffer_paymentImg_wrapped__3TVPH\",\"paymentImg\":\"MarketingOffer_paymentImg__1-lrw\",\"paymentContent\":\"MarketingOffer_paymentContent__2DJ1N\",\"paymentContentTitle\":\"MarketingOffer_paymentContentTitle__3cPdS\",\"paymentContentText\":\"MarketingOffer_paymentContentText__i3xn3\",\"rate\":\"MarketingOffer_rate__2s6b2\",\"rateImg_wrapped\":\"MarketingOffer_rateImg_wrapped__aSYu5\",\"rateImg\":\"MarketingOffer_rateImg__5x5dl\",\"rateContent_wrapped\":\"MarketingOffer_rateContent_wrapped__1AAyM\",\"rateContent\":\"MarketingOffer_rateContent__EDAvx\",\"rateContentTitle\":\"MarketingOffer_rateContentTitle__3gI-s\",\"rateContentText\":\"MarketingOffer_rateContentText__-_SMA\",\"rateContentSeparator\":\"MarketingOffer_rateContentSeparator__1GNNX\",\"dataStudioImg_wrapped\":\"MarketingOffer_dataStudioImg_wrapped__1AyTX\",\"dataStudioImg\":\"MarketingOffer_dataStudioImg__3j925\",\"dataStudioTitle\":\"MarketingOffer_dataStudioTitle__3PJeT\",\"steps\":\"MarketingOffer_steps__1nTbG\",\"stepsTitle\":\"MarketingOffer_stepsTitle__1SLxM\",\"stepsContainer\":\"MarketingOffer_stepsContainer__1u3EQ\",\"stepsStep\":\"MarketingOffer_stepsStep__1yLye\",\"stepsStepIndex\":\"MarketingOffer_stepsStepIndex__2Q0UC\",\"stepsStepText\":\"MarketingOffer_stepsStepText__3ERb-\",\"stepsStepImg_wrapped\":\"MarketingOffer_stepsStepImg_wrapped__1UOj4\",\"stepsStepImg\":\"MarketingOffer_stepsStepImg__X6ehp\",\"collaboration\":\"MarketingOffer_collaboration__3tVvA\",\"collaborationTitle_wrapped\":\"MarketingOffer_collaborationTitle_wrapped__1lBby\",\"collaborationTitleOverlay\":\"MarketingOffer_collaborationTitleOverlay__2Vvqv\",\"collaborationTitle\":\"MarketingOffer_collaborationTitle__16Dib\",\"collaboration__img_wrapped\":\"MarketingOffer_collaboration__img_wrapped__HJ7UB\",\"collaboration__img\":\"MarketingOffer_collaboration__img__1ivWd\",\"collaboration__cards\":\"MarketingOffer_collaboration__cards__zIQiM\",\"collaboration__card\":\"MarketingOffer_collaboration__card__3YtFd\",\"collaboration__cardIcon_wrapped\":\"MarketingOffer_collaboration__cardIcon_wrapped__3eXOH\",\"collaboration__cardIcon\":\"MarketingOffer_collaboration__cardIcon__2YU1Q\",\"collaboration__cardText\":\"MarketingOffer_collaboration__cardText__16EDj\",\"prefooter\":\"MarketingOffer_prefooter__3TSxZ\",\"prefooterTitle\":\"MarketingOffer_prefooterTitle__1IYar\",\"prefooterButtons\":\"MarketingOffer_prefooterButtons__3bDjb\",\"prefooterButton\":\"MarketingOffer_prefooterButton__32DlE\",\"footer\":\"MarketingOffer_footer__14kZ1\",\"footerContent\":\"MarketingOffer_footerContent__2rZCY\",\"footerLogo_wrapped\":\"MarketingOffer_footerLogo_wrapped__3wVcL\",\"footerIcon_wrapped\":\"MarketingOffer_footerIcon_wrapped__3MKxS\",\"footerLogo_wrapped_mobile\":\"MarketingOffer_footerLogo_wrapped_mobile__1uNYC\",\"effectTitle_mobile\":\"MarketingOffer_effectTitle_mobile__1CmCG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"icon\":\"AdCardBar_icon__1rlZ4\",\"container\":\"AdCardBar_container__2vdHs\",\"iconBlock\":\"AdCardBar_iconBlock__2jwWi\",\"nameBlock\":\"AdCardBar_nameBlock__14gAP\",\"arrowIconBlock\":\"AdCardBar_arrowIconBlock__3N3DH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"SelectOptionStep_container__2Z7Uf\",\"leftCol\":\"SelectOptionStep_leftCol__26PGX\",\"midCol\":\"SelectOptionStep_midCol__3X9m-\",\"rightCol\":\"SelectOptionStep_rightCol__1ERZ6\",\"titleBar\":\"SelectOptionStep_titleBar__5oD37\",\"newAdButton\":\"SelectOptionStep_newAdButton__3naVE\",\"saparateWord\":\"SelectOptionStep_saparateWord__2kVpX\"};"],"sourceRoot":""}