\n 403 Forbidden \n
\n );\n}\n\nconst style = css`\n color: ${system500.color};\n height: 100%;\n text-align: center;\n > * {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n`;\n","import React, { useEffect } from 'react';\nimport Loading from 'client/components/Loading';\n\nfunction CheckLogout() {\n useEffect(() => {\n window.close();\n }, []);\n return \n \n
\n);\n\nconst containerStyle = css`\n position: fixed;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 88888;\n`;\n\nconst IconStyle = css`\n margin: auto;\n position: fixed;\n height: 106px;\n width: 106px;\n background-image: url(https://assets.fevercdn.com/promotion/img/loading-ellipsis.svg);\n background-repeat: no-repeat;\n z-index: 88888;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n &:before {\n content: '';\n height: 100%;\n width: 100%;\n }\n`;\n","import React from 'react';\nimport { css } from '@emotion/core';\nimport Typography from '@material-ui/core/Typography';\n\nexport default () => (\n \n
\n);\n\nconst containerStyle = css`\n background-color: #fff;\n position: fixed;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n > div {\n text-align: center;\n }\n`;\n","import React, { useEffect } from 'react';\nimport { css } from '@emotion/core';\nimport i18n from 'i18next';\n\nfunction NotFound({ title = i18n.t('label.promo_not_found') }) {\n useEffect(() => {\n document.title = `Status 404`;\n }, []);\n return (\n \n \n Loading...\n \n
\n \n 
\n
\n );\n}\n\nexport default NotFound;\n\nconst wrapperStyle = `\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 10;\n background-color: #fff;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n`;\n\nconst textStyle = `\n font-size: 1.5rem;\n color: #b3b3b3;\n margin-top: 1rem;\n`;\n","import { useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { sentryCaptureException } from 'sentry.js';\nimport * as clientErrTypes from 'config/clientErrorTypes';\nimport tokenManager from 'client/utils/tokenManager';\nimport {\n isFetchNetworkError,\n isOneOfErrors,\n isUnauthorizedToGetAccessToken,\n isFeverApiAccessTokenExpired,\n isGetWinnerDuplicateError,\n isGetWinnerEmptySuspendError,\n isGetWinnerWhenKKboxOrderUnfulfillErr,\n isErrorWhenPromoSuspend,\n isFormApiAccessTokenExpired,\n isFormApiDuplicateSubmitFormError,\n isFormApiSetGameResultWhenSuspendErr,\n isSetGameResultWhenContestModuleRecalculatingRank,\n isTooManyAttemptErr,\n isErrorWhenPromoEnd,\n isErrOfGetEntryWhenPromoInvalid,\n isLineLoginCredentialErr,\n isErrPromoSubmitRecaptchaExpired,\n isRequestAtInvalidPromoTime,\n isErrCreateEntriesTimeOut,\n getGeneralErrCode,\n feverErrCodes,\n isErrOfGetEntryWhenReCaptchaMissing\n} from 'client/utils/errorObjectChecker';\nimport { suspendPromo, endPromo } from 'client/redux/modules/promoState';\nimport {\n showGeneralErrorDialog,\n showPromoNotAvailableErrDialog,\n showDuplicateGetWinnerErrDialog,\n showPromoEndErrDialog,\n showGetPromoDataErrorDialog,\n showUnfufillKKboxOrderDialog,\n showNetworkErrorDialog,\n showUnauthorizedError,\n showContestRecalculatingCacheDialog,\n showTooManyAttemptErrDialog,\n showInvalidTestCodeErrorDialog,\n showRetryRecaptchaDialog,\n showFormSubmitDuplicateErrDialog,\n showGetPromoDataErrorAndNoRefreshBtnDialog,\n showRecaptchaMissingDialog,\n showMergeFrameFailedDialog,\n showWinnerNotFoundDialog,\n showPromoNotFoundDialog,\n showLiffAuthFailDialog,\n showFillFormDuplicateDialog,\n showGetCheckPointCardUnexpectedDialog,\n showOpenTaskUnexpectedDialog,\n showEntryFlowExistsDialog,\n showPointIsLockedErrorDialog,\n showThirdPartyApiTimedOutDialog,\n showTokenErrorDialog\n} from 'client/redux/modules/systemErrorDialog';\n\nexport default function useClientErrorHandler() {\n const dispatch = useDispatch();\n\n return useCallback(\n ({ err = {} } = {}) => {\n errorActionHandler(err, { dispatch });\n },\n [dispatch]\n );\n}\n\nexport function errorActionHandler(errObj, { dispatch }) {\n console.error(errObj);\n const { code: generalErrCode } = getGeneralErrCode(errObj);\n if (generalErrCode) {\n return dispatch(showGetPromoDataErrorDialog(generalErrCode));\n }\n\n if (errObj.extraInfo) console.error(errObj.extraInfo);\n\n const { errSerialNo, errType, errMsgFromLoginServer, isGetAccessTokenFailed } =\n errObj.extraInfo ?? {};\n switch (true) {\n case errType === clientErrTypes.GET_API_ERROR_AND_NO_REFRESH_BTN:\n return dispatch(showGetPromoDataErrorAndNoRefreshBtnDialog());\n case errType === clientErrTypes.GET_API_ERROR:\n return dispatch(showGetPromoDataErrorDialog());\n case errType === clientErrTypes.PROMO_NOT_FOUND:\n return dispatch(showPromoNotFoundDialog());\n case errType === clientErrTypes.INVALID_TEST_CODE:\n return dispatch(showInvalidTestCodeErrorDialog());\n case errType === clientErrTypes.LOGIN_GET_ACCESS_TOKEN_FAILED_REWARD_INIT &&\n errMsgFromLoginServer !== undefined:\n return dispatch(\n showGeneralErrorDialog({\n code: errMsgFromLoginServer\n })\n );\n case isErrCreateEntriesTimeOut(errObj):\n return dispatch(\n showGeneralErrorDialog({\n code: feverErrCodes.ERR_CREATE_ENTRIES_TIMEOUT\n })\n );\n case isFetchNetworkError(errObj):\n return dispatch(showNetworkErrorDialog());\n case isTooManyAttemptErr(errObj):\n return dispatch(showTooManyAttemptErrDialog());\n case isGetWinnerDuplicateError(errObj):\n return dispatch(\n showDuplicateGetWinnerErrDialog({\n serial: errSerialNo,\n code: feverErrCodes.ERR_DUPLICATE_GET_WINNER\n })\n );\n case isRequestAtInvalidPromoTime(errObj):\n return dispatch(showPromoNotAvailableErrDialog());\n case errType === clientErrTypes.PICK_PRIZE_LOTTERY_NO_REMAINDER:\n case isOneOfErrors(\n [\n isGetWinnerEmptySuspendError,\n isErrorWhenPromoSuspend,\n isFormApiSetGameResultWhenSuspendErr,\n isErrOfGetEntryWhenPromoInvalid\n ],\n errObj\n ):\n dispatch(suspendPromo());\n return dispatch(showPromoNotAvailableErrDialog());\n case isErrorWhenPromoEnd(errObj):\n dispatch(endPromo());\n return dispatch(showPromoEndErrDialog());\n case isGetAccessTokenFailed:\n case isOneOfErrors(\n [\n isUnauthorizedToGetAccessToken,\n isFeverApiAccessTokenExpired,\n isFormApiAccessTokenExpired\n ],\n errObj\n ):\n return dispatch(showUnauthorizedError());\n case isFormApiDuplicateSubmitFormError(errObj):\n return dispatch(showFormSubmitDuplicateErrDialog());\n case isGetWinnerWhenKKboxOrderUnfulfillErr(errObj):\n return dispatch(showUnfufillKKboxOrderDialog(errSerialNo));\n case isSetGameResultWhenContestModuleRecalculatingRank(errObj):\n return dispatch(showContestRecalculatingCacheDialog());\n case isErrPromoSubmitRecaptchaExpired(errObj):\n return dispatch(showRetryRecaptchaDialog());\n case isLineLoginCredentialErr(errObj):\n return tokenManager.logout().then(() => window.location.reload());\n case isErrOfGetEntryWhenReCaptchaMissing(errObj):\n return dispatch(showRecaptchaMissingDialog());\n case errType === clientErrTypes.PHOTO_MERGE_FAILED:\n return dispatch(showMergeFrameFailedDialog());\n case errType === clientErrTypes.WINNER_NOT_FOUND:\n return dispatch(showWinnerNotFoundDialog());\n case errType === clientErrTypes.LIFF_INIT_AUTH_FAILED:\n return dispatch(showLiffAuthFailDialog());\n case errType === clientErrTypes.FILL_FORM_DUPLICATE:\n return dispatch(showFillFormDuplicateDialog());\n case errType === clientErrTypes.CHECK_POINT_CARD_FAILED:\n return dispatch(showGetCheckPointCardUnexpectedDialog(errSerialNo));\n case errType === clientErrTypes.TASK_AND_RELATED_PROMO_DISCONNECT:\n return dispatch(showOpenTaskUnexpectedDialog(errSerialNo));\n case errType === clientErrTypes.THIRD_PARTY_API_TIMED_OUT:\n return dispatch(showThirdPartyApiTimedOutDialog());\n case errType === clientErrTypes.TOKEN_ERROR:\n return dispatch(showTokenErrorDialog());\n case errType === clientErrTypes.UGC_GET_MEDIA_COUNTS:\n case errType === clientErrTypes.GET_KKBOX_USER_POINT:\n case errType === clientErrTypes.REDUCE_KKBOX_POINT:\n case errType === clientErrTypes.MGM_LOTTERY_VALIDATION_FAILED.REFERRAL_ENTRY_NOT_FOUND:\n case errType === clientErrTypes.MGM_LOTTERY_VALIDATION_FAILED.EXCEPTION:\n case errType === clientErrTypes.SWITCH_NOTIFY_FAILED:\n case errType === clientErrTypes.LOGIN_USER_INFO_FAILED:\n case errType === clientErrTypes.PSYCHO_QUIZ_RESULT_PAGE_FAILED:\n case errType === clientErrTypes.SUBMIT_TRACKING_FAILED:\n sentryCaptureException(errObj);\n break;\n case errType === clientErrTypes.POINTS_IS_NOT_ENOUGH_BY_PRE_CHECK:\n case errType === clientErrTypes.POINTS_IS_NOT_ENOUGH:\n return dispatch(showPromoNotAvailableErrDialog());\n case errType === clientErrTypes.STORE_GAME_RESULT_ENTRY_FLOW_EXISTS:\n return dispatch(showEntryFlowExistsDialog());\n case errType === clientErrTypes.POINT_IS_LOCKED:\n sentryCaptureException(errObj);\n return dispatch(showPointIsLockedErrorDialog());\n default: {\n const eventId = sentryCaptureException(errObj);\n dispatch(\n showGeneralErrorDialog({\n code: eventId,\n serial: errSerialNo\n })\n );\n }\n }\n}\n\n/**\n * 若指定將 body 送往 sentry，需將以下機敏性資料做轉換\n * @property {string} carrierCode - 載具密碼\n * @property {string} carrierNumber - 手機載具\n */\nconst secretKey = ['carrierCode', 'carrierNumber'];\nconst convertSecretKey = body => {\n const res = {};\n Object.entries(body).forEach(([key, value]) => {\n res[key] = secretKey.includes(key) ? '******' : value;\n });\n return res;\n};\n\nexport function generateApiErrObj(apiErr = {}, type, body) {\n let errObj = new Error(type);\n apiErr.errType = type;\n errObj.extraInfo = apiErr;\n\n if (!Array.isArray(apiErr) && typeof apiErr === 'object' && Boolean(body)) {\n errObj.extraInfo.body = convertSecretKey(body);\n }\n\n return errObj;\n}\n","import { gameRunningStatuses } from 'config/gameRunningStatuses';\n\nconst defaultState = {\n periodPlayMatchedInfo: {\n isPeriodPlayMode: false,\n matchedInfo: {\n match: true,\n periodStartInTZ: '',\n periodEndInTZ: '',\n currentInTZ: ''\n }\n },\n parentUrl: '',\n utmFromParent: {},\n isTestMode: false,\n isPurePrizeGame: false,\n enablePasscodeVerify: false,\n hasUsablePasscode: false,\n passcode: '',\n // passcode 剩餘能使用的次數\n passcodeRemainingCount: 0,\n isfirstPassLoginSever: false,\n gameRunningStatus: '',\n reducePointMode: '',\n referralCode: ''\n};\n\nconst UPDATE_PROMO_STATE = 'promoState/UPDATE_PROMO_STATE';\n\nconst reducer = (state = defaultState, action) => {\n switch (action.type) {\n case UPDATE_PROMO_STATE:\n return { ...state, ...action.payload };\n default:\n return state;\n }\n};\n\nexport default reducer;\n\nexport function suspendPromo() {\n return {\n type: UPDATE_PROMO_STATE,\n payload: { gameRunningStatus: gameRunningStatuses.SUSPEND }\n };\n}\n\nexport function endPromo() {\n return {\n type: UPDATE_PROMO_STATE,\n payload: { gameRunningStatus: gameRunningStatuses.END }\n };\n}\n\nexport function updateShowPasswordQualifyStatus(data) {\n return {\n type: UPDATE_PROMO_STATE,\n payload: data\n };\n}\n\nexport function updateFirstPassLoginSeverStatus() {\n return {\n type: UPDATE_PROMO_STATE,\n payload: { isfirstPassLoginSever: false }\n };\n}\n\nexport function setReferralCodeStatus(data) {\n return {\n type: UPDATE_PROMO_STATE,\n payload: data\n };\n}\n","import i18n from 'i18next';\n\nimport { feverErrCodes, highTrafficErrCodes } from 'client/utils/errorObjectChecker';\n\nexport const handlers = {\n CLOSE: 'close',\n RELOAD: 'reload',\n LOGOUT_RELOAD: 'logoutReload',\n HIDE_BUTTON: 'hideButton',\n TRY_AGAIN: 'tryAgain',\n PASSCODE_UNVERIFIED: 'passcodeUnverified',\n PASSCODE_DENIED: 'passcodeDenied'\n};\n\nconst SHOW_SYSTEM_ERROR = 'systemErrorDialog/show_system_error';\nconst CLOSE_SYSTEM_ERROR = 'systemErrorDialog/close_system_error';\n\nconst defaultState = {\n persist: false,\n show: false,\n title: '',\n desc: '',\n handler: ''\n};\n\nconst reducer = (state = defaultState, action) => {\n switch (action.type) {\n case SHOW_SYSTEM_ERROR:\n return { ...state, show: true, ...(action.payload ?? {}) };\n case CLOSE_SYSTEM_ERROR:\n return state.persist === true\n ? { ...state, show: false }\n : { ...state, ...(action.payload ?? {}) };\n default:\n return state;\n }\n};\n\nexport default reducer;\n\nexport function showErrDialog() {\n return {\n type: SHOW_SYSTEM_ERROR\n };\n}\n\nexport function closeSystemErrorDialog() {\n return {\n type: CLOSE_SYSTEM_ERROR,\n payload: defaultState\n };\n}\n\nexport function showCustomErrDialog({\n title,\n desc,\n handler = handlers.CLOSE,\n persist = false\n} = {}) {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n persist,\n title,\n desc,\n handler\n }\n };\n}\n\nexport function showGeneralErrorDialog({\n title = i18n.t('label.system.error'),\n serial,\n code,\n handler = handlers.RELOAD\n} = {}) {\n const desc = `\n ${Boolean(serial) ? `${i18n.t('label.error_serial_no')}: ${serial}\\n` : ''}${\n Boolean(code) ? `${i18n.t('label.error_code')}: ${code}` : i18n.t('label.try_again_later')\n }\n `.trim();\n\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title,\n desc,\n handler\n }\n };\n}\n\nexport function showGetPromoDataErrorDialog(code) {\n return showGeneralErrorDialog({\n title: highTrafficErrCodes.has(code)\n ? i18n.t('label.system.high_traffic')\n : i18n.t('label.system.busy'),\n code,\n handler: highTrafficErrCodes.has(code) ? handlers.TRY_AGAIN : handlers.RELOAD\n });\n}\n\nexport function showPromoNotFoundDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.promo_not_found'),\n desc: i18n.t('desc.promo_not_found'),\n handler: handlers.HIDE_BUTTON\n }\n };\n}\n\nexport function showGetPromoDataErrorAndNoRefreshBtnDialog(code) {\n return showGeneralErrorDialog({\n title: i18n.t('label.system.busy'),\n code,\n handler: code === handlers.HIDE_BUTTON\n });\n}\n\nexport function showDuplicateGetWinnerErrDialog({ code, serial }) {\n return showGeneralErrorDialog({ title: i18n.t('label.system.busy'), code, serial });\n}\n\nexport function showUnauthorizedError() {\n return showGeneralErrorDialog();\n}\n\nexport function showNetworkErrorDialog() {\n return showGeneralErrorDialog();\n}\n\nexport function showPromoUnavailableCloseDialog() {\n return showGeneralErrorDialog({\n title: i18n.t('label.system.unavailable'),\n handler: handlers.CLOSE\n });\n}\n\nexport function showPromoNotAvailableErrDialog() {\n return showGeneralErrorDialog({\n title: i18n.t('label.system.unavailable'),\n handler: handlers.RELOAD\n });\n}\n\nexport function showPromoEndErrDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.promo_is_end'),\n desc: i18n.t('label.see_you_next_time'),\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showFormSubmitDuplicateErrDialog() {\n return showGeneralErrorDialog({\n title: i18n.t('label.system.unavailable'),\n code: feverErrCodes.ERR_FORM_DUPLICATE,\n handler: handlers.RELOAD\n });\n}\n\nexport function showInvalidTestCodeErrorDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.test_mode'),\n desc: i18n.t('desc.test_code_error'),\n handler: handlers.CLOSE\n }\n };\n}\n\nexport function showUnfufillKKboxOrderDialog(serial) {\n const title = i18n.t('label.system.unavailable');\n const desc = `${i18n.t('label.error_serial_no')}: ${serial}\\n${i18n.t(\n 'desc.purchase_order_unfufill'\n )}`;\n\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title,\n desc,\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showContestRecalculatingCacheDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.contest_ugc.vote_rank_recalculating'),\n desc: i18n.t('label.try_again_later'),\n handler: handlers.CLOSE\n }\n };\n}\n\nexport function showReloginDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n handler: handlers.LOGOUT_RELOAD\n }\n };\n}\n\nexport function showTooManyAttemptErrDialog(handler = handlers.RELOAD) {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.too_many_attempt'),\n desc: i18n.t('label.try_again_later'),\n handler\n }\n };\n}\n\nexport function showRetryRecaptchaDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: i18n.t('label.invalid_recaptcha'),\n handler: handlers.CLOSE\n }\n };\n}\n\nexport function showRecaptchaMissingDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: i18n.t('label.invalid_recaptcha'),\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showMergeFrameFailedDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.upload_failed'),\n desc: i18n.t('label.upload_failed.desc_composite_frame_error'),\n handler: handlers.RELOAD\n }\n };\n}\nexport function showWinnerNotFoundDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: i18n.t('label.error.winner_not_found'),\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showOpenAppAndRedeemPrizeFailDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: i18n.t('label.missing_in_app_event'),\n handler: handlers.CLOSE\n }\n };\n}\n\nexport function showLiffAuthFailDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.liff_permission_denied'),\n desc: i18n.t('desc.liff_permission_denied'),\n handler: handlers.HIDE_BUTTON\n }\n };\n}\n\nexport function showFillFormDuplicateDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.winner_submit_forms_duplicate'),\n desc: i18n.t('desc.winner_submit_forms_duplicate'),\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showGetCheckPointCardUnexpectedDialog(uuid) {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.check_point_card.unexpected'),\n desc: `${i18n.t('label.contact_customer_service')}\\n${i18n.t(\n 'label.check_point_card.code'\n )}: ${uuid}`,\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showOpenTaskUnexpectedDialog(uuid) {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.task.unexpected'),\n desc: `${i18n.t('label.contact_customer_service')}\\n${i18n.t(\n 'label.task.code'\n )}: ${uuid}`,\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showEntryFlowExistsDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: i18n.t('desc.store_game_result.entry_flow_exists'),\n handler: handlers.RELOAD\n }\n };\n}\n\n// 點數鎖上鎖中\nexport function showPointIsLockedErrorDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: i18n.t('desc.point_is_locked'),\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showThirdPartyApiTimedOutDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: `${i18n.t('label.err.action')} (cURL 28)`,\n handler: handlers.RELOAD\n }\n };\n}\n\nexport function showTokenErrorDialog() {\n return {\n type: SHOW_SYSTEM_ERROR,\n payload: {\n title: i18n.t('label.system.error'),\n desc: i18n.t('desc.token_error'),\n handler: handlers.RELOAD\n }\n };\n}\n","import { generateApiErrObj } from 'client/hooks/useClientErrorHandler';\nimport { toLowerCase } from 'utils/manipulateString';\nimport * as clientErrTypes from 'config/clientErrorTypes';\n\nconst errObjTypes = {\n CHUNK_LOAD_ERROR: 'chunkloaderror',\n TYPE_ERROR: 'typeerror',\n ABORT_ERROR: 'aborterror'\n};\n\nexport function isOneOfErrors(checkers = [], errObj) {\n return checkers.some(c => c(errObj));\n}\nexport function isChunkLoadError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errCode = toLowerCase(errObj.code);\n const errMessage = toLowerCase(errObj.message);\n return [\n errName === errObjTypes.CHUNK_LOAD_ERROR,\n errCode === 'css_chunk_load_failed',\n errMessage.includes('loading chunk')\n ].some(e => e);\n}\nexport function isWebKitError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return errName === errObjTypes.TYPE_ERROR && [errMessage.startsWith('webkit')].some(e => e);\n}\nexport function isDNSLookupError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return (\n errName === errObjTypes.TYPE_ERROR &&\n [errMessage.includes('無法找到指定主機名稱的伺服器')].some(e => e)\n );\n}\nexport function isSSLConnectionError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return (\n errName === errObjTypes.TYPE_ERROR &&\n [errMessage.includes('發生ssl錯誤，無法建立與伺服器的安全連線')].some(e => e)\n );\n}\nexport function isFetchNetworkError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return (\n errName === errObjTypes.ABORT_ERROR ||\n (errName === errObjTypes.TYPE_ERROR &&\n [\n errMessage === '已取消',\n errMessage === 'cancelled',\n errMessage === '要求逾時。',\n errMessage === 'the request timed out.',\n errMessage === 'network request failed',\n errMessage === 'the network connection was lost.',\n errMessage === '網路連線中斷。',\n errMessage === 'internet 連線已斷開。',\n errMessage === 'internet連線已斷開。',\n errMessage === '無法完成作業。軟體導致連線失敗',\n errMessage === 'networkerror when attempting to fetch resource.',\n errMessage === '無法連接伺服器。'\n ].some(e => e))\n );\n}\nexport function isFailedToLoadError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return errName === errObjTypes.TYPE_ERROR && errMessage === 'load failed';\n}\nexport function isFailedToFetchError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return errName === errObjTypes.TYPE_ERROR && errMessage === 'failed to fetch';\n}\nexport function isPreFlightError(errObj = {}) {\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return (\n errName === errObjTypes.TYPE_ERROR && errMessage === 'preflight response is not successful'\n );\n}\nexport function isCORSDueToServerNoResponse(errObj = {}) {\n // 當 server 無法回應時，包括無法回出正確 header 時，因為 header 沒有 allow origin 瀏覽器會當作 cors\n const errName = toLowerCase(errObj.name);\n const errMessage = toLowerCase(errObj.message);\n return (\n errName === errObjTypes.TYPE_ERROR &&\n errMessage.includes('is not allowed by access-control-allow-origin')\n );\n}\n// Due to long term expired\nexport function isUnauthorizedToGetAccessToken(errObj = {}) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 401 && message === 'unauthorized.';\n}\nexport function isFeverApiAccessTokenExpired(errObj = {}) {\n const { code } = normalizeApiErrInfo(errObj);\n return code === 'maj-r1-fu1';\n}\nexport function isFormApiDuplicateSubmitFormError(errObj = {}) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 422 && message === '2-1003-0001-21';\n}\nexport function isFormApiAccessTokenExpired(errObj = {}) {\n const { message, code } = normalizeApiErrInfo(errObj);\n return message === '1-3003-1004-22' && code === '401';\n}\nexport function isGetWinnerEmptySuspendError(errObj) {\n const { status, code } = normalizeApiErrInfo(errObj);\n return status === 400 && code === 'pm-v0-f0';\n}\nexport function isGetWinnerDuplicateError(errObj) {\n const { status, code, message } = normalizeApiErrInfo(errObj);\n return status === 400 && code === 'etf-v0-f0' && message === 'entry flow - already exists';\n}\nexport function isGetWinnerEmptyContinueError(errObj) {\n const { status, code } = normalizeApiErrInfo(errObj);\n return status === 226 && code === 'lt-v0-f0';\n}\nexport function isGetWinnerWhenKKboxOrderUnfulfillErr(errObj) {\n const { status, code, message } = normalizeApiErrInfo(errObj);\n return status === 400 && code === 'etf-v0-f0' && message === 'kkpoint order - entry flow';\n}\nexport function isFormApiSetGameResultWhenSuspendErr(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 422 && message === '3-0001-0301-31';\n}\nexport function isRequestAtInvalidPromoTime(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 403 && message === 'it is not time now';\n}\nexport function isErrorWhenPromoSuspend(errObj) {\n const { status, code, message } = normalizeApiErrInfo(errObj);\n return status === 400 && code === 'pm-v0-f0' && message === 'promotion status is pause';\n}\nexport function isErrorWhenPromoEnd(errObj) {\n const { status, message, code } = normalizeApiErrInfo(errObj);\n return status === 400 && code === 'cudf-v0-f0' && message === 'promotion is over';\n}\nexport function isErrOfGetEntryWhenPromoInvalid(errObj = {}) {\n // 非上線狀態、或活動時間未開放\n const { code, message } = normalizeApiErrInfo(errObj);\n return code === 'cudf-au0-f0' && message === 'promotion is invalid.';\n}\n\nexport function isErrOfGetEntryWhenReCaptchaMissing(errObj = {}) {\n // 啟用 reCaptcha 但沒有帶入 reCaptcha token\n const { code, message } = normalizeApiErrInfo(errObj);\n return code === 'cudf-au0-f0' && message === 'recaptcha token authorize failed - empty';\n}\n\nexport function isErrOfCyberbizEcLimit(errObj = {}) {\n const {\n code,\n data: { failed_type },\n message\n } = normalizeApiErrInfo(errObj);\n // 完整 message 為 \"MemberCyberbiz - member accessibility not allowed\"\n return (\n code === 'cudf-v0-f0' &&\n failed_type === 'qualification' &&\n message.includes('membercyberbiz')\n );\n}\n\n// 新會員註冊\nexport function isErrOfNewRegisterMemberLimit(errObj = {}) {\n const {\n code,\n data: { failed_type },\n message\n } = normalizeApiErrInfo(errObj);\n // 完整 message 為 \"RegistrationDate - member accessibility not allowed\"\n return (\n code === 'cudf-v0-f0' &&\n failed_type === 'qualification' &&\n message.includes('registrationdate')\n );\n}\nexport function isErrOfMemberTier(errObj = {}) {\n const {\n code,\n data: { failed_type },\n message\n } = normalizeApiErrInfo(errObj);\n // 完整 message 為 \"MemberTier - member accessibility not allowed\"\n return (\n code === 'cudf-v0-f0' && failed_type === 'qualification' && message.includes('membertier')\n );\n}\nexport function isErrOfApiNameListLimit(errObj = {}) {\n const {\n code,\n data: { failed_type },\n message\n } = normalizeApiErrInfo(errObj);\n // 完整 message 為 \"RestrictedList - member accessibility not allowed\"\n return (\n code === 'cudf-v0-f0' &&\n failed_type === 'qualification' &&\n message.includes('restrictedlist')\n );\n}\nexport function isErrOfMemberOrderLimit(errObj = {}) {\n const {\n code,\n data: { failed_type },\n message\n } = normalizeApiErrInfo(errObj);\n // 完整 message 為 \"OrderList - member accessibility not allowed\"\n return (\n code === 'cudf-v0-f0' && failed_type === 'qualification' && message.includes('orderlist')\n );\n}\nexport function isErrOfEnterpriseBindLine(errObj = {}) {\n const {\n status,\n code,\n data: { failed_type, redirectUrl },\n message\n } = normalizeApiErrInfo(errObj);\n\n const isEnterpriseBindLineError =\n status === 401 &&\n code === 'cudf-v0-f0' &&\n failed_type === 'qualification' &&\n message === 'enterprisebonded - member accessibility not allowed';\n const isLineMemberBindWithinDaysError =\n status === 400 && code === 'malbb-3rd-f0' && message === 'qualification link days failed';\n const isLineMemberNotLinkedError =\n status === 400 &&\n code === 'malbb-3rd-f0' &&\n message === 'member not have link account' &&\n Boolean(redirectUrl);\n\n return (\n isEnterpriseBindLineError || isLineMemberBindWithinDaysError || isLineMemberNotLinkedError\n );\n}\nexport function isEntriesOverdueError(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 403 && message === 'entry overdue';\n}\nexport function isGetEntriesLimitError(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 400 && message === 'entry total limit - validate failed';\n}\n\n// 方案人次已滿 - https://app.clickup.com/t/86eptk8a0\nexport function isCreateEntryTotalMonthlyEntryLimitError(errObj) {\n const { message, code } = normalizeApiErrInfo(errObj);\n return code === 'ent-v0-f0' && message === 'total monthly entry limit - validate failed';\n}\nexport function isGetEntriesPlayTimeLimitErr(errObj) {\n const { status, message, code } = normalizeApiErrInfo(errObj);\n // ent-v0-f0 是 pkg 整合產生出的 code\n return (\n status === 403 &&\n (code === 'et-v0-f0' || code === 'ent-v0-f0') &&\n ['totalplaytimes', 'dailyplaytimes', 'period time data exists'].includes(message)\n );\n}\nexport function isSetGameResultWhenContestModuleRecalculatingRank(errObj) {\n const { status, code, message } = normalizeApiErrInfo(errObj);\n return status === 400 && code === 'vt-c0-f0' && message.startsWith('please wait a moment');\n}\nexport function isUgcVoteDuplicate(errObj) {\n const { status, code, message } = normalizeApiErrInfo(errObj);\n return status === 500 && code === 'vt-c0-f0' && message === 'vote failed';\n}\nexport function isVoteOnNoSignupFormUgc(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 400 && message === 'media library not already';\n}\nexport function isVoteOnNotQualifiedUgc(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 400 && message === 'media library validate failed';\n}\nexport function isVoteLimitError(errObj) {\n const { status, message, code } = normalizeApiErrInfo(errObj);\n // ent-v0-f0 是 pkg 整合產生出的 code\n return (\n status === 403 &&\n (code === 'et-v0-f0' || code === 'ent-v0-f0') &&\n message === 'vote times validate failed'\n );\n}\nexport function isLineLoginCredentialErr(errObj) {\n const { status, code, message } = normalizeApiErrInfo(errObj);\n return (\n status === 400 && code === 'cudf-3rd-f0' && message === 'line friendship status api error'\n );\n}\nexport function isTooManyAttemptErr(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 429 && message === 'too many attempts.';\n}\nexport function isErrPromoSubmitRecaptchaExpired(errObj) {\n const { status, message, code } = normalizeApiErrInfo(errObj);\n return (\n status === 400 && code === 'cudf-au0-f0' && message === 'recaptcha token authorize failed'\n );\n}\nexport function isErrCreateEntriesTimeOut(errObj) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 500 && message.includes('operation timed out');\n}\nexport function isErrMemberPointsNotEnough(errObj) {\n const { status, message, code } = normalizeApiErrInfo(errObj);\n return status === 400 && code === 'psm-v0-f0' && message === 'member points is not enough';\n}\n// export function isErrNotifyEmailInValid(errObj) {\n// const { status, message, code } = normalizeApiErrInfo(errObj);\n// return status === 400 && code === 'mb-v0-f0' && message === 'member email not valid';\n// }\n\nexport function isErrOfTagLimit(errObj = {}) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return (\n status === 400 &&\n (message === 'user have exclude tag' || message === 'user not have group tag')\n );\n}\n\nexport function isPromoRelatedAndCanNotUpdate(errObj = {}) {\n const { status, message } = normalizeApiErrInfo(errObj);\n return status === 400 && message === 'this promotion be related to other promtoion';\n}\n\nexport function normalizeApiErrInfo(errObj = {}) {\n const { method, httpStatus, payload: { code, data, message } = {} } =\n errObj.extraInfo ?? errObj;\n return {\n method,\n status: httpStatus,\n data: data ?? {},\n code: String(code).toLowerCase(),\n message: String(message).toLowerCase()\n };\n}\n\nexport const feverErrCodes = {\n FAILED_TO_FETCH: 'fv-g-ff-001',\n FAILED_TO_LOAD: 'fv-g-fl-001',\n ERR_PREFLIGHT: 'fv-g-pf-001',\n FAILED_RESP_CORS: 'fv-g-sfc-001',\n ERR_DNS_LOOK_UP: 'fv-g-dl-001',\n ERR_SSL_CONNECT: 'fv-g-ssl-001',\n ERR_WEBKIT: 'fv-g-wk-001',\n ERR_DUPLICATE_GET_WINNER: 'fv-p-gw-001',\n ERR_FORM_DUPLICATE: 'fv-f-001',\n ERR_CREATE_ENTRIES_TIMEOUT: 'fv-ce-001'\n};\n\nexport function getGeneralErrCode(errObj) {\n switch (true) {\n case isFailedToFetchError(errObj):\n const failedToFetchError = generateApiErrObj(errObj, clientErrTypes.FAILED_TO_FETCH);\n\n return {\n code: feverErrCodes.FAILED_TO_FETCH,\n error: failedToFetchError\n };\n case isFailedToLoadError(errObj):\n const failedToLoadError = generateApiErrObj(errObj, clientErrTypes.FAILED_TO_LOAD);\n\n return {\n code: feverErrCodes.FAILED_TO_LOAD,\n error: failedToLoadError\n };\n case isPreFlightError(errObj):\n const preflightResponseIsNotSuccessfulError = generateApiErrObj(\n errObj,\n clientErrTypes.PREFLIGHT_RESPONSE_IS_NOT_SUCCESSFUL\n );\n\n return {\n code: feverErrCodes.ERR_PREFLIGHT,\n error: preflightResponseIsNotSuccessfulError\n };\n case isCORSDueToServerNoResponse(errObj):\n const notAllowedByAccessControlAllowOriginError = generateApiErrObj(\n errObj,\n clientErrTypes.NOT_ALLOWED_BY_ACCESS_CONTROL_ALLOW_ORIGIN\n );\n\n return {\n code: feverErrCodes.FAILED_RESP_CORS,\n error: notAllowedByAccessControlAllowOriginError\n };\n case isDNSLookupError(errObj):\n const dnsLookUpFailedError = generateApiErrObj(\n errObj,\n clientErrTypes.DNS_LOOK_UP_FAILED\n );\n\n return {\n code: feverErrCodes.ERR_DNS_LOOK_UP,\n error: dnsLookUpFailedError\n };\n case isSSLConnectionError(errObj):\n const sslConnectionError = generateApiErrObj(\n errObj,\n clientErrTypes.SSL_CONNECTION_ERROR\n );\n\n return {\n code: feverErrCodes.ERR_SSL_CONNECT,\n error: sslConnectionError\n };\n case isWebKitError(errObj):\n const webKitError = generateApiErrObj(errObj, clientErrTypes.WEB_KIT_ERROR);\n\n return {\n code: feverErrCodes.ERR_WEBKIT,\n error: webKitError\n };\n default:\n return {};\n }\n}\n\nexport const highTrafficErrCodes = new Set([\n feverErrCodes.FAILED_TO_FETCH,\n feverErrCodes.FAILED_TO_LOAD,\n feverErrCodes.ERR_PREFLIGHT,\n feverErrCodes.FAILED_RESP_CORS\n]);\n","import dayjs from 'dayjs';\nimport querystring from 'query-string';\n\nimport { CLIENT_API_FEVER_HOST } from 'config/envVariable';\nimport * as clientErrTypes from 'config/clientErrorTypes';\nimport { loginTypesForApi } from 'config/loginTypes';\nimport { normalizeResponse } from 'api/common';\nimport { generateApiErrObj } from 'client/hooks/useClientErrorHandler';\n\nconst TOKEN_EXPIRED_MINUTES = 2;\n// buffer for api call\nconst EXPIRED_BUFFER_MINUTES = 1;\nconst GET_ACCESS_TOKEN_URL = `https://${CLIENT_API_FEVER_HOST}`;\n\nconst tokenManager = () => {\n let accessToken = null;\n let expireTime = null;\n let loginSetting = {};\n\n const init = config => {\n loginSetting = config;\n };\n\n // Create long term login token via API\n const generateLoginToken = async () => {\n const resp = await longTermLogin();\n if (resp.httpStatus !== 200) {\n throw generateApiErrObj(resp, clientErrTypes.LOGIN_LONG_TERM_FAILED);\n }\n return true;\n };\n\n // Remove long term login token via API\n const removeLoginToken = async () => {\n const result = await longTermLogout();\n return result;\n };\n\n // Set internal access token value\n const setPrivateAccessToken = token => {\n accessToken = token;\n expireTime = dayjs().add(TOKEN_EXPIRED_MINUTES - EXPIRED_BUFFER_MINUTES, 'minute');\n };\n\n // Get entry token from instagram private link and query string (just use in instagram module)\n const getEntryToken = () => {\n const qs = querystring.parse(window.location.search);\n return qs['entry-token'];\n };\n\n // Get access token or get with refresh access token\n const getAccessToken = async () => {\n // NOTE: 在參加流程時，若是 IG 模組，不需登入打 API 拿 Token，而是從網址拿 Entry Token，當成 Access Token，去打 API\n if (loginSetting.login_type === loginTypesForApi.INSTAGRAM) {\n let entryToken = getEntryToken();\n // NOTE: 第一次進 ig 活動頁網址會有 entry token，但換頁時，url 會變，所以會遺失 token，前端會存 entry token 到 session storage，若再次點擊卡片進入遊戲至少 session 有保留 token\n if (!Boolean(entryToken)) {\n entryToken = sessionStorage.getItem('entry-token');\n }\n return { token: entryToken, loginType: loginSetting.login_type };\n } else if (dayjs().isBefore(dayjs(expireTime))) {\n return { token: accessToken };\n } else {\n const accessTokenResp = await getAccessTokenAPI(loginSetting);\n if (accessTokenResp.httpStatus === 200) {\n const { token } = accessTokenResp.payload;\n setPrivateAccessToken(token);\n return { token };\n } else {\n accessTokenResp.isGetAccessTokenFailed = true;\n return { errorResp: accessTokenResp };\n }\n }\n };\n\n // Remove both login token and access token\n const logout = async () => {\n const result = await removeLoginToken();\n if (result === 'success') {\n accessToken = null;\n expireTime = null;\n return true;\n }\n return false;\n };\n\n return {\n init,\n generateLoginToken,\n getAccessToken,\n getEntryToken,\n logout\n };\n};\n\nexport default tokenManager();\n\nfunction longTermLogin() {\n return fetch(`${GET_ACCESS_TOKEN_URL}/auth/client/login`, {\n method: 'POST',\n credentials: 'include'\n }).then(normalizeResponse);\n}\n\nasync function longTermLogout() {\n const result = await fetch(`${GET_ACCESS_TOKEN_URL}/auth/client/logout`, {\n method: 'POST',\n credentials: 'include'\n }).then(r => (r.status === 200 ? 'success' : 'fail'));\n return result;\n}\n\nfunction getAccessTokenAPI(loginConfig = {}) {\n const qs = querystring.stringify(loginConfig);\n return fetch(`${GET_ACCESS_TOKEN_URL}/auth/client/token${qs && `?${qs}`}`, {\n credentials: 'include'\n }).then(normalizeResponse);\n}\n\nexport function loginByLiffTokenApi({ accessToken, idToken, sponsorUUID }) {\n return fetch(`${GET_ACCESS_TOKEN_URL}/auth/client/line/liff`, {\n method: 'POST',\n body: JSON.stringify({\n access_token: accessToken,\n id_token: idToken,\n sponsor_uuid: sponsorUUID\n }),\n headers: new Headers({ 'content-type': 'application/json' }),\n credentials: 'include'\n }).then(normalizeResponse);\n}\n\nexport async function getLogInInfoAPI({ loginType, fbAppId }) {\n return await fetch(\n `${GET_ACCESS_TOKEN_URL}/auth/client/userinfo?login_type=${loginType}$&app_id=${fbAppId}`,\n {\n credentials: 'include'\n }\n ).then(r => {\n if (r.status === 200) {\n return r.json();\n }\n return { status: 'fail' };\n });\n}\n","export const basenames = {\n admin: '/admin',\n form: '/form',\n point: '/point',\n promotions: '/promotions',\n ugc: '/ugc'\n};\n\nexport const appBaseName = (() => {\n const [, firstPathName] = window.location.pathname.split('/');\n const baseName = basenames[firstPathName] ?? basenames.promotions;\n return baseName;\n})();\n","export const COMPONENT_CRASH = 'Component-Crash';\nexport const NOT_FOUND = 'Not-Found';\nexport const INVALID_TEST_CODE = 'Invalid-Test-Code';\nexport const GET_API_ERROR = 'Get-Api-Error';\nexport const INIT_REWARD_SPONSOR = 'Init-Reward-Sponsor';\nexport const INIT_REWARD_PROMO = 'Init-Reward-Promo';\nexport const GET_USER_LATEST_ENTRIES = 'Get-User-Latest-Entries';\nexport const CREATE_ENTRIES = 'Create-Entries';\nexport const GET_HAS_GAME_RESULT_RECORDS = 'Get-Has-Game-Result-Records';\nexport const CHECK_REDUCE_POINT_STATUS = 'Check-Reduce-Point-Status';\nexport const CHECK_PASSCODE_STATUS = 'Check-Passcode-Status';\nexport const SUBMIT_PASSCODE = 'Submit-Passcode';\nexport const VERIFY_PASSCODE = 'Verify-Passcode';\nexport const KKBOX_API = 'KKbox-Api';\nexport const GET_KKBOX_USER_POINT = 'Get-KKbox-User-Point';\nexport const REDUCE_KKBOX_POINT = 'Reduce-KKbox-Point';\nexport const GET_WINNER = 'Get-Winner';\nexport const GET_WINNER_TASK = 'Get-Winner-Task';\nexport const GET_WINNER_QUALIFY = 'Get-Winner-Qualify';\nexport const PICK_PRIZE_LOTTERY_NO_REMAINDER = 'Pick-Prize-Lottery-No-Remainder';\nexport const JOIN_GAME = 'Join-Game';\nexport const JOIN_PURE_PRIZE_GAME = 'Join-Pure-Prize-Game';\nexport const INVOICE_VALIDATION = 'Invoice-Validation';\nexport const PURCHASE_REWARD_SUBMIT_DEAD_LOCK = 'Purchase-Reward-Submit-Dead-Lock';\nexport const PURCHASE_REWARD_SUBMIT_FAILED = 'Purchase-Reward-Submit-Failed';\nexport const REDEEM_FORM = 'Redeem-Form';\nexport const SIGNUP_FORM = 'Signup-Form';\nexport const FILL_FORM_DUPLICATE = 'Fill-Form-Duplicate';\nexport const GET_FORM_REDIRECT_URL = 'Get-Form-Redirect-Url';\nexport const RESULT_PAGE = 'Result-Page';\nexport const PRIZE_PAGE_WINNER_INFO = 'Prize-Page-Winner-Info';\nexport const INVALID_PRIZE_PAGE_WINNER_INFO = 'Invalid-Prize-Page-Winner-Info';\nexport const PRIZE_OPEN_WINNER = 'Prize-Open-Winner';\nexport const PRIZE_PAGE_GET_CODE = 'Prize-Page-Get-Code';\nexport const PRIZE_PAGE_STORE_REDEEM = 'Prize-Page-Store-Redeem';\nexport const PLAY_NEW_ENTRIES = 'Play-New-Entries';\nexport const PUSH_REDEEM_PRIZE_URL = 'Push-Redeem-Prize-Url';\nexport const LOGIN_LONG_TERM_FAILED = 'Login-Long-Term-Failed';\nexport const LOGIN_GET_ACCESS_TOKEN_FAILED_REWARD_INIT =\n 'Login-Get-Access-Token-Failed-Reward-Init';\nexport const LIFF_INIT_FAILED = 'Liff-Init-Failed';\nexport const UGC_SUBMIT_VOTE = 'Ugc-Submit-Vote';\nexport const LINE_FRIEND_QUALIFY_VALIDATION_FAILED = 'Line-Friend-Qualify-Validation-Failed';\nexport const MEMORY_MATCH_START_GAME_FAILED = 'Memory-Match-Start-Game-Failed';\nexport const GET_MEMBER_POINT_FAILED = 'Get-Member-Point-Failed';\nexport const GET_POINT_POOL_INFO_FAILED = 'Get-Point-Pool-Info-Failed';\nexport const REDEEM_POINT_FAILED = 'Redeem-Point-Failed';\nexport const TRANSACTION_WITHDRAW_QUANTITY_IS_WRONG = 'Transaction-Withdraw-Quantity-Is-Wrong';\nexport const PHOTO_MERGE_FAILED = 'Photo-Merge-Frame-Failed';\nexport const UPLOAD_FILE_FAILED = 'Upload-File-Failed';\nexport const SUBMIT_REFERRIAL_CODE_FAILED = 'Submit-Referral-Code-Failed';\nexport const MGM_LOTTERY_VALIDATION_FAILED = {\n REFERRAL_ENTRY_NOT_FOUND: 'Mgm-Lottery-Validation-Failed-By-ReferralEntry-Not-Found',\n EXCEPTION: 'Mgm-Lottery-Validation-Failed'\n};\nexport const MGM_CREATE_ENTRY_FAILED = 'Mgm-Create-Entry-Failed';\nexport const GET_API_ERROR_AND_NO_REFRESH_BTN = 'Get-Api-Error-And-No-Refresh-Btn';\nexport const SWITCH_NOTIFY_FAILED = 'Switch-notify-failed';\nexport const SHARE_TARGET_PICKER_OPEN_FAILED = 'Share-target-picker-open-failed';\nexport const SHARE_TARGET_PICKER_INIT_FAILED = 'Share-target-picker-init-failed';\nexport const INFINITE_SCROLL = 'infinite-scroll';\nexport const WINNER_NOT_FOUND = 'Winner-Not-Found';\nexport const POINTS_IS_NOT_ENOUGH_BY_PRE_CHECK =\n 'Promotion status is Pause - points is not enough by pre-check';\nexport const POINTS_IS_NOT_ENOUGH = 'Promotion status is Pause - points is not enough';\nexport const FAILED_TO_FETCH = 'Failed-To-Fetch';\nexport const FAILED_TO_LOAD = 'Failed-To-Load';\nexport const PREFLIGHT_RESPONSE_IS_NOT_SUCCESSFUL = 'Preflight-Response-Is-Not-Successful';\nexport const NOT_ALLOWED_BY_ACCESS_CONTROL_ALLOW_ORIGIN =\n 'Not Allowed By Access Control Allow Origin';\nexport const DNS_LOOK_UP_FAILED = 'DNS-Look-Up-Failed';\nexport const SSL_CONNECTION_ERROR = 'SSL-Connection-Error';\nexport const WEB_KIT_ERROR = 'Web-Kit-Error';\nexport const PROMO_NOT_FOUND = 'Promo-Not-Found';\nexport const LIFF_INIT_AUTH_FAILED = 'Liff-Init-Auth-Failed';\nexport const UGC_GET_MEDIA_COUNTS = 'Ugc-Get-Media-Counts';\nexport const ORDER_REWARD_THIRD_PARTY_API_ERROR = 'Order-Reward-Third-Party-Api-Error';\nexport const CART_REWARD_THIRD_PARTY_API_ERROR = 'Cart-Reward-Third-Party-Api-Error';\nexport const ENTRY_FLOW_HAS_GAME_RESULT = 'Entry-Flow-Has-Game-Result';\nexport const CHECK_POINT_CARD_FAILED = 'Check-Point-Card-Failed';\nexport const CHECK_TASK_COMPLETED_RECORD_FAILED = 'Check-Task-Completed-Record-Failed';\nexport const TASK_AND_RELATED_PROMO_DISCONNECT = 'Task-And-Related-Promo-Disconnect';\nexport const STORE_GAME_RESULT_ENTRY_FLOW_EXISTS = 'Store-Game-Result-Entry-Flow-Exists';\nexport const POINT_IS_LOCKED = 'Point-Is-Locked';\nexport const THIRD_PARTY_API_TIMED_OUT = 'Third-Party-Api-Timed-Out';\nexport const LOGIN_USER_INFO_FAILED = 'Login-User-Info_Failed';\nexport const PSYCHO_QUIZ_RESULT_PAGE_FAILED = 'Psycho-Quiz-Result-Game-Failed';\nexport const SURVEY_RESULT_PAGE_FAILED = 'Survey-Result-Game-Failed';\nexport const QUIZ_RESULT_PAGE_FAILED = 'Quiz-Result-Game-Failed';\nexport const TOKEN_ERROR = 'Token-Error';\nexport const LOGIN_BY_LIFF_TOKEN_ERROR = 'Login-By-Liff-Token-Error';\nexport const SUBMIT_TRACKING_FAILED = 'Submit-Tracking-Failed';\n","import { basenames, appBaseName } from 'config/basenames';\n\nexport const BUILD_ID = process.env.REACT_APP_BUILD_ID || '';\nexport const IFRAME_MODE_MIN_HEIGHT = 400;\nexport const NEW_IFRAME_MODE_MIN_HEIGHT = 600;\nexport const APP_RUNNING_ENV = process.env.REACT_APP_RUNNING_ENV || 'prod';\nexport const IS_LOCAL_DEV = process.env.NODE_ENV === 'development';\nexport const IS_LIVE_PROD = APP_RUNNING_ENV === 'prod' && !IS_LOCAL_DEV;\nexport const IS_DEV = APP_RUNNING_ENV === 'dev';\nexport const IS_IFRAME_MODE = window.self !== window.top;\nexport const IS_EDITOR_MODE = /\\/promotions\\/\\d+\\/\\d+\\/edit(?:\\/)?/i.test(window.location.pathname);\nexport const IS_UGC_FLOW = appBaseName === basenames.ugc;\nexport const IS_POINT_FLOW = appBaseName === basenames.point;\nexport const IS_PROMO_FLOW = appBaseName === basenames.promotions;\nexport const GLOBAL_LIFF_ID = IS_LIVE_PROD ? '1654689974-YnaByKaZ' : '1608309930-D00eq7P7';\nexport const SENTRY_REACT_DSN =\n process.env.REACT_APP_SENTRY_REACT_DSN || 'https://6435505397a300484ccafa330b509f9a@o512271.ingest.sentry.io/5611931';\nexport const SENTRY_TRACES_SAMPLE_RATE =\n process.env.REACT_APP_SENTRY_TRACES_SAMPLE_RATE ||\n '0.00001';\n\nexport const POWER_BY_HEIGHT = 32;\nexport const IMG_UPLOAD_API_PATH = '/services/images';\n\nexport const FROALA_KEY =\n process.env.REACT_APP_FROALA_V2_KEY_GENERAL || 'ZF3G4I3A7aD6C4C3F2G3D2J2C9C3D5tooB-8iJ-7A-21d1sxsC-9B1vyz==';\nexport const RECAPTCHA_SITE_KEY =\n process.env.REACT_APP_RECAPTCHA_SITE_KEY || '6LdbD7kUAAAAAHBmg7tQxM1KyJ20kRhl-cDjWlIW';\nexport const EDITOR_WINDOW_ORIGIN = process.env.REACT_APP_EDITOR_FEVER_HOST\n ? `https://${process.env.REACT_APP_EDITOR_FEVER_HOST}`\n : window.location.origin;\nexport const EDITOR_API_FEVER_HOST =\n process.env.REACT_APP_EDITOR_FEVER_HOST || window.location.host;\nexport const CLIENT_API_FEVER_HOST =\n process.env.REACT_APP_CLIENT_FEVER_HOST || window.location.host;\nexport const INTERCOM_SECRET_KEY =\n process.env.REACT_APP_INTERCOM_SECRET_KEY || 'xdsqVb3gLQtypbClG8EZFFSh4Mx_PRTcHLTQT073';\nexport const MOCK_API_ENDPOINT = 'http://localhost:3002';\n\nexport const {\n FEVER_API_ENDPOINT,\n ZINES_API_ENDPOINT,\n FEVER_LOGIN_API_ENDPOINT,\n SDK_ENV_SUFFIX_BY_ENV,\n IMG_PROXY_PATH,\n THIRD_PARTY_AUTH_ENDPOINT\n} = (runningEnv => {\n switch (runningEnv) {\n case 'prod':\n return {\n FEVER_API_ENDPOINT: 'https://api.feversocial.com',\n ZINES_API_ENDPOINT: 'https://api.feversocial.com/zines',\n FEVER_LOGIN_API_ENDPOINT: 'https://feversocial.com',\n SDK_ENV_SUFFIX_BY_ENV: '',\n IMG_PROXY_PATH: `https://image.fevercdn.com`,\n THIRD_PARTY_AUTH_ENDPOINT: 'https://feversocial.com'\n };\n case 'dev':\n default:\n return {\n FEVER_API_ENDPOINT: 'https://api.dev.feversocial.com',\n ZINES_API_ENDPOINT: 'https://api.dev.feversocial.com/zines',\n FEVER_LOGIN_API_ENDPOINT: 'https://dev.feversocial.com',\n SDK_ENV_SUFFIX_BY_ENV: '-dev',\n IMG_PROXY_PATH: `https://image.fevercdn.com/dev`,\n THIRD_PARTY_AUTH_ENDPOINT: 'https://dev.feversocial.com'\n };\n }\n})(APP_RUNNING_ENV);\n","export const langTypes = {\n ZH_TW: 'zh-TW',\n ZH_CN: 'zh-CN',\n ZH_HK: 'zh-HK',\n EN_US: 'en-US',\n JA_JP: 'ja',\n PT_BR: 'pt-BR',\n ES_419: 'es-419'\n};\n\nexport const facebookCommentSdkLangsMapping = {\n [langTypes.ZH_TW]: 'zh_TW',\n [langTypes.ZH_CN]: 'zh_CN',\n [langTypes.ZH_HK]: 'zh_HK',\n [langTypes.EN_US]: 'en_US',\n [langTypes.JA_JP]: 'ja_JP',\n [langTypes.PT_BR]: 'pt_BR',\n [langTypes.ES_419]: 'es_419'\n};\n\nexport const promoLangOptions = {\n [langTypes.ZH_TW]: 'label.game_lang.zh-TW',\n [langTypes.ZH_CN]: 'label.game_lang.zh-CN',\n [langTypes.EN_US]: 'label.game_lang.en-US',\n [langTypes.JA_JP]: 'label.game_lang.ja',\n [langTypes.PT_BR]: 'label.game_lang.pt-BR',\n [langTypes.ES_419]: 'label.game_lang.es-419'\n};\n","/**\n * NOT_PUBLISH 未發佈\n * BEFORE 未開始\n * RUNNING 運行中\n * SUSPEND 暫停\n * END 結束\n */\n\nexport const gameRunningStatuses = {\n NOT_PUBLISH: 'not-publish',\n BEFORE: 'before',\n RUNNING: 'running',\n SUSPEND: 'suspend',\n END: 'end'\n};\n","import i18next from 'i18next';\nexport const loginTypes = {\n ANONYMOUSLOGIN: 0,\n FACEBOOKLOGIN: 1,\n LINELOGIN: 2,\n ENTERPRISELOGIN: 3,\n DEPRECATED_CODE_VALIDATION_LOGIN: 4,\n INSTAGRAM: 5\n};\n\nexport const loginMethods = {\n FACEBOOK: 'facebook',\n LINE: 'line',\n ENTERPRISE: 'enterprise',\n INSTAGRAM: 'instagram'\n};\n\nexport const loginMethodLabel = {\n [loginTypes.ANONYMOUSLOGIN]: 'label.no_login',\n [loginTypes.FACEBOOKLOGIN]: 'label.signin.facebook',\n [loginTypes.LINELOGIN]: 'label.signin.line',\n [loginTypes.ENTERPRISELOGIN]: 'label.signin.enterprise'\n};\n\nexport const rewardsRoutesParamMappingLoginMethod = {\n line: loginTypes.LINELOGIN,\n facebook: loginTypes.FACEBOOKLOGIN,\n member: loginTypes.ENTERPRISELOGIN\n};\n\nexport const rewardsRoutesParamMappingLoginType = {\n line: loginMethods.LINE,\n facebook: loginMethods.FACEBOOK,\n member: loginMethods.ENTERPRISE\n};\n\nexport const loginTypesForApi = {\n ANONYMOUS: 'anonymous',\n FACEBOOK: 'facebook',\n LINE: 'line',\n ENTERPRISE: 'enterprise',\n INSTAGRAM: 'instagram'\n};\n\nexport const loginTypesForLiff = {\n LIFF_TOKEN: 'liff_token',\n LIFF_TOKEN_ENTERPRISE: 'liff_token_enterprise'\n};\n\n// 點數歷程\nexport const pointRoutesParamMappingLoginMethod = {\n line: loginTypes.LINELOGIN,\n facebook: loginTypes.FACEBOOKLOGIN,\n enterprise: loginTypes.ENTERPRISELOGIN\n};\n\nexport const pointRoutesParamMappingLoginType = {\n line: loginMethods.LINE,\n facebook: loginMethods.FACEBOOK,\n enterprise: loginMethods.ENTERPRISE\n};\n\nexport const loginButtonText = {\n [loginMethods.FACEBOOK]: i18next.t('label.use.facebook.account.login'),\n [loginMethods.LINE]: i18next.t('label.use.line.account.login'),\n [loginMethods.ENTERPRISE]: i18next.t('label.login.enterprise')\n};\n\nexport const loginTypeMappingPointRoutesParam = {\n [loginTypes.FACEBOOKLOGIN]: [loginMethods.FACEBOOK],\n [loginTypes.LINELOGIN]: [loginMethods.LINE],\n [loginTypes.ENTERPRISELOGIN]: [loginMethods.ENTERPRISE]\n};\n\nexport const loginMethodMappingLoginTypeForApi = {\n [loginTypes.ANONYMOUSLOGIN]: loginTypesForApi.ANONYMOUS,\n [loginTypes.FACEBOOKLOGIN]: loginTypesForApi.FACEBOOK,\n [loginTypes.LINELOGIN]: loginTypesForApi.LINE,\n [loginTypes.ENTERPRISELOGIN]: loginTypesForApi.ENTERPRISE\n};\n\nexport const typeError = {\n LOGIN_TYPE_NOT_SET: 'login_type_not_set',\n MEMBER_LEVEL_TYPE_NOT_SET: 'member_level_type_not_set'\n};\n","import React from 'react';\nimport { css, keyframes } from '@emotion/core';\n\nimport { functional } from 'Mui/styles/color';\nimport TrackChangesIcon from '@material-ui/icons/TrackChanges';\n\nexport default function LoadingEditor() {\n return (\n \n {title}
\n \n
\n );\n}\n\nconst loadingBackgroundStyle = `\n background: #fff;\n width: 100%;\n height: 100%;\n position: fixed;\n`;\n\nconst wrapperStyle = `\n position: fixed;\n top: calc(50% - 74px);\n left: 0;\n right: 0;\n bottom: 0;\n`;\n\nconst containerStyle = `\n height: 50px;\n color: #818181;\n font-size: 40px;\n line-height: 50px;\n\n overflow: hidden;\n animation: colorchange 10s;\n`;\n\nconst logoStyle = `\n font-size: 106px;\n width: 100%;\n color: ${functional.color};\n`;\n\nconst cambiarStyle = keyframes`\n 0% { margin-top: 0; }\n 10% { margin-top: 0; }\n 20% { margin-top: -50px; }\n 30% { margin-top: -50px; }\n 40% { margin-top: -100px; }\n 50% { margin-top: -100px; }\n 60% { margin-top: -150px; }\n 70% { margin-top: -150px; }\n 80% { margin-top: -200px; }\n 90% { margin-top: -200px; }\n 100% { margin-top: 0; }\n`;\n\nconst scrollingTextStyle = css`\n padding-left: 10px;\n list-style: none;\n animation: ${cambiarStyle} 5s infinite;\n text-align: center;\n`;\n\nconst capsStyle = `\n color: ${functional.color};\n`;\n","import { langTypes } from 'config/gameLangOptions';\n\nexport const basicFonts = [\n 'Roboto',\n 'PingFang TC',\n 'Helvetica',\n 'Arial',\n 'Lato',\n 'Noto Sans TC',\n 'Noto Sans CJK TC',\n 'Source Han Sans TC',\n 'Microsoft JhengHei',\n '微軟正黑體',\n 'Microsoft YaHei',\n 'Droid Sans',\n 'Hiragino Sans GB',\n 'sans-serif'\n];\n\nexport const generateFontFamily = lang => {\n if (lang === langTypes.JA_JP) {\n const extendedFont = ['Noto Sans JP', ...basicFonts];\n return extendedFont.map(font => `'${font}'`).join(',');\n }\n if ([langTypes.ZH_TW, langTypes.ZH_HK, langTypes.ZH_CN].includes(lang)) {\n const extendedFont = ['Noto Sans TC', 'Noto Sans CJK TC', ...basicFonts];\n return extendedFont.map(font => `'${font}'`).join(',');\n }\n return basicFonts.map(font => `'${font}'`).join(',');\n};\n","import { useState, useEffect, useCallback } from 'react';\nimport i18n from 'i18next';\nimport { generateFontFamily } from 'utils/generateFontFamily';\n\nconst useGetFontFamilyByI18nLang = ({ isClient, language, isGlobal = false }) => {\n const [newLang, setNewLang] = useState(i18n.language);\n const [fontFamily, setFontFamily] = useState('');\n\n const handleLanguageChanged = useCallback(lang => {\n setNewLang(lang);\n }, []);\n\n useEffect(() => {\n if (isClient && isGlobal) {\n i18n.on('languageChanged', handleLanguageChanged);\n return () => {\n i18n.off('languageChanged', handleLanguageChanged);\n };\n }\n }, [handleLanguageChanged, isClient, isGlobal]);\n\n useEffect(() => {\n if (isClient && newLang) {\n const newFontFamily = generateFontFamily(newLang);\n setFontFamily(newFontFamily);\n }\n }, [isClient, newLang]);\n\n if (!isClient) {\n return generateFontFamily(language || i18n.language);\n }\n\n return fontFamily;\n};\n\nexport default useGetFontFamilyByI18nLang;\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\n);\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://goo.gl/SC7cgQ'\n );\n });\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log('No internet connection found. App is running in offline mode.');\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import {\n FEVER_API_ENDPOINT,\n FEVER_LOGIN_API_ENDPOINT,\n IMG_PROXY_PATH,\n THIRD_PARTY_AUTH_ENDPOINT,\n ZINES_API_ENDPOINT\n} from 'config/envVariable';\nimport { getPromoInfoApi } from 'api/client';\nimport { createCSP } from 'utils/createElement';\n\nconst clientFlowRegex = /^\\/promotions\\/([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})\\/\\d+\\/(join|result|form|lottery|prize\\/[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}\\/[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})+/;\n\nconst FEVER_CDN_DOMAIN = [\n 'https://utility.fevercdn.com',\n 'https://widget.fevercdn.com',\n 'https://assets.fevercdn.com'\n];\n\nconst DEFAULT_SCRIPT_SRC = [\n `'self'`,\n `'unsafe-eval'`,\n 'https://www.googleadservices.com', // GTM\n 'https://www.google.com', // GTM\n 'https://googleads.g.doubleclick.net', // GTM\n 'https://googletagmanager.com', // GTM\n 'https://tagmanager.google.com', // GTM\n 'https://*.googletagmanager.com', // GA4\n 'https://cse.google.com', // Google Custom Search Engine (CSE)\n 'https://connect.facebook.net', // Facebook 追蹤碼\n 'https://d.line-scdn.net', // Line 追蹤碼\n ...FEVER_CDN_DOMAIN\n].join(' ');\n\nconst DEFAULT_STYLE_SRC = [\n `'self'`,\n `'unsafe-inline'`,\n 'https://cdnjs.cloudflare.com/', // slick-carousel lib\n 'https://googletagmanager.com', // GTM\n 'https://tagmanager.google.com', // GTM\n 'https://fonts.googleapis.com', // GTM\n 'https://*.googletagmanager.com', // GTM\n 'https://www.google.com', // Google Custom Search Engine (CSE)\n ...FEVER_CDN_DOMAIN\n].join(' ');\n\nconst DEFAULT_CONNECT_SRC = [\n `'self'`,\n 'data:',\n 'https://*.google-analytics.com', // GA4\n 'https://*.analytics.google.com', // GA4\n 'https://*.googletagmanager.com', // GA4\n 'www.googletagmanager.com', // GTM\n 'https://analytics.google.com', // GA4\n 'https://www.google.com.tw', // GA4\n 'https://identitytoolkit.googleapis.com', // Firebase\n 'https://securetoken.googleapis.com', // Firebase\n 'https://o512271.ingest.sentry.io', //Sentry\n FEVER_API_ENDPOINT,\n ZINES_API_ENDPOINT,\n FEVER_LOGIN_API_ENDPOINT,\n IMG_PROXY_PATH,\n THIRD_PARTY_AUTH_ENDPOINT,\n ...FEVER_CDN_DOMAIN\n].join(' ');\n\nexport default async function generateCSP() {\n const pathName = window.location.pathname;\n const match = pathName.match(clientFlowRegex);\n\n if (match && match[1]) {\n const promoUuid = match[1];\n\n try {\n const {\n promotion: {\n sponsorSetting: { cspSrcDomains, enableCSP: sponsorEnableCSP }\n }\n } = await getPromoInfoApi({ promoUUID: promoUuid });\n\n if (Boolean(sponsorEnableCSP)) {\n // 產生 Nonce\n const nonce = generateNonce();\n window.nonceForCSP = nonce;\n const ORIGIN_SCRIPT_SRC = `script-src 'nonce-${nonce}' ${DEFAULT_SCRIPT_SRC} ${cspSrcDomains};`;\n const ORIGIN_STYLE_SRC = `style-src ${DEFAULT_STYLE_SRC} ${cspSrcDomains};`;\n const ORIGIN_CONNECT_SRC = `connect-src ${DEFAULT_CONNECT_SRC} ${cspSrcDomains};`;\n const ORIGIN_WORKER_SRC = `worker-src 'self' blob:;`;\n const ORIGIN_OBJECT_SRC = `object-src none;`;\n const ORIGIN_BASE_URI = `base-uri none;`;\n const [SCRIPT_SRC, STYLE_SRC, CONNECT_SRC, WORKER_SRC, BASE_URI, OBJECT_SRC] = [\n ORIGIN_SCRIPT_SRC,\n ORIGIN_STYLE_SRC,\n ORIGIN_CONNECT_SRC,\n ORIGIN_WORKER_SRC,\n ORIGIN_BASE_URI,\n ORIGIN_OBJECT_SRC\n ].map(config => filterSameDomain(config));\n const cspConfig = `${SCRIPT_SRC} ${STYLE_SRC} ${WORKER_SRC} ${CONNECT_SRC} ${OBJECT_SRC} ${BASE_URI}`;\n\n createCSP(cspConfig);\n return nonce;\n }\n } catch (err) {\n window.location.href = window.location.origin + '/notfound';\n }\n }\n}\n\n/**\n * 產生 Nonce\n */\nconst generateNonce = () => {\n if (typeof window?.crypto?.getRandomValues === 'function') {\n // Method One：crypto.getRandomValues\n const array = new Uint32Array(2);\n window.crypto.getRandomValues(array);\n return array[0].toString(36) + array[0].toString(36);\n } else if (typeof window?.btoa === 'function') {\n // Method Two：Base64\n return window?.btoa(Date.now().toString(36) + Math.random().toString(36).substring(2));\n } else {\n // Method Three：Radom and Date mixed to base36 string\n return Math.random().toString(36).substring(2) + Date.now().toString(36);\n }\n};\n\n/**\n * 過濾相同 Domain\n */\nconst filterSameDomain = (str = '') => {\n const parts = str.split(' ');\n const uniqueParts = [...new Set(parts)];\n return uniqueParts.join(' ');\n};\n\nexport const isClientFlow = (pathName = '') => {\n return Boolean(pathName.match(clientFlowRegex));\n};\n","import 'core-js/actual';\nimport 'react-app-polyfill/ie11';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { unregister } from 'registerServiceWorker';\nimport { IS_LOCAL_DEV } from 'config/envVariable';\nimport dynamicImport from './dynamicImport';\nimport App from './App';\nimport { createScript, createTagManger } from 'utils/createElement';\nimport generateCSP, { isClientFlow } from 'generateCSP';\n\ndynamicImport()\n .then(async () => {\n if (isClientFlow(window.location.pathname)) {\n const nonce = await generateCSP();\n return nonce;\n }\n })\n .then(nonce => {\n const isEdit = window.location.pathname.indexOf('/edit') > 0;\n const feverGTM = isEdit ? 'GTM-WLQ8G7' : 'GTM-NP4F5B';\n createTagManger(feverGTM, nonce);\n createScript('//platform.instagram.com/en_US/embeds.js', nonce);\n })\n .then(() => initApp())\n .catch(() => initApp());\n\nfunction initApp() {\n const renderApp = () => {\n const container = document.getElementById('root');\n const root = createRoot(container);\n return root.render(\n
\n \n
\n - \n
- \n Inspire them.\n \n
- \n Amuse them.\n \n
- \n Quiz them.\n \n
- \n Move them.\n \n
- \n Go Viral.\n \n