{"version":3,"sources":["store/useUser.js","store/useGlobalStates.js","components/Header/assets/logo.svg","components/Header/assets/open.svg","components/Header/assets/close.svg","components/Header/assets/event1.svg","components/Header/assets/event2.svg","components/Header/assets/event3.svg","components/Header/assets/event4.svg","components/Header/assets/results.svg","components/Header/assets/faq.svg","components/Header/assets/angle.svg","components/Header/Header.js","components/Footer/Footer.js","components/FixedLink/assets/link-l.png","components/FixedLink/assets/link-m.png","components/FixedLink/FixedLink.js","components/ScrollDown/assets/arrows.svg","components/ScrollDown/ScrollDown.js","api/index.js","components/Login/assets/logo.svg","components/Login/Login.js","pages/Landing/assets/title.svg","pages/Landing/assets/planet1.png","pages/Landing/assets/planet2.png","pages/Landing/assets/planet3.png","pages/Landing/assets/planet4.png","pages/Landing/assets/event1.svg","pages/Landing/assets/event2.svg","pages/Landing/assets/event3.svg","pages/Landing/assets/event4.svg","pages/Landing/assets/stamp.svg","components/EventFinished/assets/pop-l.svg","components/EventFinished/assets/pop-m.svg","components/EventFinished/EventFinished.js","pages/Landing/Landing.js","components/Notice/Notice.js","pages/Event1/assets/title.svg","pages/Event1/assets/title-sub-l.svg","pages/Event1/assets/title-sub-m.svg","pages/Event1/assets/item1-l.svg","pages/Event1/assets/item1-m.svg","pages/Event1/assets/item2-l.svg","pages/Event1/assets/item2-m.svg","pages/Event1/assets/item3-l.svg","pages/Event1/assets/item3-m.svg","pages/Event1/assets/stamp.svg","pages/Event1/Event1.js","pages/Event2/assets/title.svg","pages/Event2/assets/title-sub-l.svg","pages/Event2/assets/title-sub-m.svg","pages/Event2/assets/item1-l.svg","pages/Event2/assets/item1-m.svg","pages/Event2/assets/item1-m-alt.svg","pages/Event2/assets/item2-l.svg","pages/Event2/assets/item2-m.svg","pages/Event2/assets/facebook-hover.svg","pages/Event2/assets/line-hover.svg","pages/Event2/assets/messenger-hover.svg","pages/Event2/assets/gold1-l.svg","pages/Event2/assets/gold1-m.svg","pages/Event2/assets/gold2-l.svg","pages/Event2/assets/gold2-m.svg","pages/Event2/assets/gold3-l.svg","pages/Event2/assets/gold3-m.svg","pages/Event2/assets/gold4-l.svg","pages/Event2/assets/gold4-m.svg","pages/Event2/assets/gold5-l.svg","pages/Event2/assets/gold5-m.svg","pages/Event2/assets/close.svg","pages/Event2/assets/stamp.svg","pages/Event2/Event2.js","pages/Event3/assets/title.svg","pages/Event3/assets/title-sub-l.svg","pages/Event3/assets/title-sub-m.svg","pages/Event3/assets/link-l.svg","pages/Event3/assets/link-m.svg","pages/Event3/assets/link-hover-l.svg","pages/Event3/assets/link-hover-m.svg","pages/Event3/assets/android-l.svg","pages/Event3/assets/android-m.svg","pages/Event3/assets/android-hover-l.svg","pages/Event3/assets/android-hover-m.svg","pages/Event3/assets/ios-l.svg","pages/Event3/assets/ios-m.svg","pages/Event3/assets/ios-hover-l.svg","pages/Event3/assets/ios-hover-m.svg","pages/Event3/assets/prev.svg","pages/Event3/assets/next.svg","pages/Event3/assets/stamp.svg","pages/Event3/Event3.js","pages/Event4/assets/title.svg","pages/Event4/assets/title-sub-l.svg","pages/Event4/assets/title-sub-m.svg","pages/Event4/assets/title1-l.svg","pages/Event4/assets/title2-l.svg","pages/Event4/assets/title1-m.svg","pages/Event4/assets/title2-m.svg","pages/Event4/assets/title3.svg","pages/Event4/assets/title4.svg","pages/Event4/assets/stamp.svg","pages/Event4/assets/prev.svg","pages/Event4/assets/next.svg","pages/Event4/Event4.js","components/MoreGoodies/assets/title.svg","components/MoreGoodies/assets/result.svg","components/MoreGoodies/assets/button.svg","components/MoreGoodies/assets/link1-l.svg","components/MoreGoodies/assets/link2-l.svg","components/MoreGoodies/assets/link3-l.svg","components/MoreGoodies/assets/link4-l.svg","components/MoreGoodies/assets/link1-m.svg","components/MoreGoodies/assets/link2-m.svg","components/MoreGoodies/assets/link3-m.svg","components/MoreGoodies/assets/link4-m.svg","components/MoreGoodies/assets/link1-finished-l.svg","components/MoreGoodies/assets/link2-finished-l.svg","components/MoreGoodies/assets/link3-finished-l.svg","components/MoreGoodies/assets/link4-finished-l.svg","components/MoreGoodies/assets/link1-finished-m.svg","components/MoreGoodies/assets/link2-finished-m.svg","components/MoreGoodies/assets/link3-finished-m.svg","components/MoreGoodies/assets/link4-finished-m.svg","components/MoreGoodies/assets/result-hover.svg","components/MoreGoodies/MoreGoodies.js","pages/Result1/assets/title1.svg","pages/Result1/assets/title2.svg","pages/Result1/assets/panel1-l.svg","pages/Result1/assets/panel1-m.svg","pages/Result1/assets/panel2-l.svg","pages/Result1/assets/panel2-m.svg","pages/Result1/assets/light-l.svg","pages/Result1/assets/light-m.svg","pages/Result1/assets/button1-l.svg","pages/Result1/assets/button1-l-hover.svg","pages/Result1/assets/button1-m.svg","pages/Result1/assets/button1-m-hover.svg","pages/Result1/assets/button2-l.svg","pages/Result1/assets/button2-l-hover.svg","pages/Result1/assets/button2-m.svg","pages/Result1/assets/button2-m-hover.svg","pages/Result1/assets/finished-l.svg","pages/Result1/assets/finished-m.svg","pages/Result1/Result1.js","pages/Result2/assets/title1.svg","pages/Result2/assets/title2.svg","pages/Result2/assets/panel1-l.svg","pages/Result2/assets/panel1-m.svg","pages/Result2/assets/panel2-l.svg","pages/Result2/assets/panel2-m.svg","pages/Result2/assets/100points.svg","pages/Result2/assets/100pointsRedeemed.svg","pages/Result2/assets/200points.svg","pages/Result2/assets/200pointsRedeemed.svg","pages/Result2/assets/prev.svg","pages/Result2/assets/next.svg","pages/Result2/assets/finished-l.svg","pages/Result2/assets/finished-m.svg","pages/Result2/Result2.js","pages/Result3/assets/title1.svg","pages/Result3/assets/panel1-l.svg","pages/Result3/assets/panel1-m.svg","pages/Result3/assets/panel2-l.svg","pages/Result3/assets/panel2-m.svg","pages/Result3/assets/card-l.svg","pages/Result3/assets/card-m.svg","pages/Result3/assets/card-question.svg","pages/Result3/assets/win.svg","pages/Result3/assets/lose.svg","pages/Result3/assets/finished-l.svg","pages/Result3/assets/finished-m.svg","pages/Result3/Result3.js","pages/Result4/assets/title1.svg","pages/Result4/assets/title2.svg","pages/Result4/assets/heading1-l.svg","pages/Result4/assets/heading1-m.svg","pages/Result4/assets/heading2-l.svg","pages/Result4/assets/heading2-m.svg","pages/Result4/assets/finished-l.svg","pages/Result4/assets/finished-m.svg","pages/Result4/Result4.js","components/Question/Question.js","pages/Faq/assets/title.svg","pages/Faq/assets/event2-q5-2-l-min.png","pages/Faq/assets/event2-q5-3-l-min.png","pages/Faq/assets/event2-q5-4-l-min.png","pages/Faq/assets/event2-q5-5-l-min.png","pages/Faq/assets/event2-q5-1-m-min.png","pages/Faq/assets/event2-q5-2-m-min.png","pages/Faq/assets/event2-q5-3-m-min.png","pages/Faq/assets/event2-q5-4-m-min.png","pages/Faq/assets/event2-q5-5-m-min.png","pages/Faq/Faq.js","pages/Faq/assets/event2-q5-1-l-min.png","Routes.js","index.js"],"names":["useUser","createGlobalState","nid","token","useGlobalStates","loginIsOpen","Header","width","useWindowSize","useState","menuIsOpen","setMenuIsOpen","globalStates","setGlobalStates","user","setUser","pathname","useLocation","isResultPage","useMemo","includes","closeMenu","className","href","target","rel","src","imgLogo","alt","onClick","imgOpen","imgClose","exact","to","imgEvent1","imgEvent2","imgEvent3","imgEvent4","duration","collapsed","expandEvent","collapseEvent","easeCollapse","BezierEasing","easeExpand","render","toggle","setCollapsibleElement","toggleState","imgResults","imgAngle","ref","imgFaq","sessionStorage","removeItem","Footer","FixedLink","id","imgLinkL","imgLinkM","ScrollDown","scrollPosition","setScrollPosition","handleScroll","position","window","pageYOffset","useEffect","addEventListener","removeEventListener","imgArrows","axios","defaults","baseURL","API_DICT","APP_MODE","apiMain","qrCodeApi","apiQrCode","qrCodeApiHasSales","apiQrCodeByMember","gamesApi","apiGames","awardApi","apiAward","defaultData","FunctionID","SessionID","Account","Password","ScreenID","Channel","ClientIP","Login","generateCaptcha","pad","random","captcha","setCaptcha","useForm","mode","reValidateMode","register","handleSubmit","reset","errors","formState","alertMessage","message","dob","alert","onSubmit","data","dotq","push","uetq","_lt","type","gtag","body","id_no","Body","method","apiLogin","bir_date","then","response","ExecStatus","get","StatusCode","status","setItem","catch","placeholder","required","value","pattern","RegExp","EventFinished","open","setOpen","imgPopL","imgPopM","Landing","imgTitle","imgPlanet1","imgStamp","imgPlanet2","imgPlanet3","imgPlanet4","Notice","props","children","inViewOptions","unobserveOnEnter","Event1","animate","setAnimate","useInView","item1","item1Inview","item2","item2Inview","item3","item3Inview","useEffectOnce","setTimeout","imgTitleSubL","imgTitleSubM","imgItem1L","imgItem1M","imgItem2L","imgItem2M","imgItem3L","imgItem3M","Event2","generatedLink","setGeneratedLink","image","setImage","useCopyToClipboard","copyState","copyToClipboard","pop","setPop","watch","hasSales","DepartId","MemberId","orientation","useOrientation","lineShare","useCallback","event","share","preventDefault","imgFacebookHover","imgLineHover","imgMessengerHover","imgItem1MAlt","download","encodeURIComponent","params","btoa","APIKey","process","apiQRCode","rtnCode","rtnObj","shortURL","qrImage","maxLength","disabled","imgGold1L","imgGold1M","imgGold2L","imgGold2M","imgGold3L","imgGold3M","imgGold4L","imgGold4M","imgGold5L","imgGold5M","PrevArrow","imgPrev","NextArrow","imgNext","sliderSettings","arrows","dots","autoplay","slidesToShow","infinite","prevArrow","nextArrow","adaptiveHeight","main","title","videoSrc","videoThumb","items","titleHtml","sub","videoId","link","folder","steps","desktop","heading","content","mobile","androidLink","iosLink","Event3","popup","setPopup","currentItem","setCurrentItem","mainVideo","setMainVideo","deviceType","setDeviceType","slider","useRef","ua","navigator","userAgent","test","frameBorder","allow","allowFullScreen","play","style","backgroundImage","map","item","newItem","current","slickGoTo","chooseItem","dangerouslySetInnerHTML","__html","step","index","imgIosHoverL","imgIosHoverM","imgIosL","imgIosM","imgAndroidHoverL","imgAndroidHoverM","imgAndroidL","imgAndroidM","imgLinkHoverL","imgLinkHoverM","Event4","rotate","setRotate","interval","setInterval","prevValue","clearInterval","transform","imgTitle1L","imgTitle1M","imgTitle2L","imgTitle2M","imgTitle3","imgTitle4","marginTop","links","url","urlResult","imgL","imgLink1FinishedL","imgM","imgLink1FinishedM","imgLink2FinishedL","imgLink2FinishedM","imgLink3FinishedL","imgLink3FinishedM","imgLink4FinishedL","imgLink4FinishedM","centerMode","variableWidth","initialSlide","MoreGoodies","height","titleRef","titleInview","linksRef","linksInview","viewportRatio","linksToShow","linkIndex","imgResult","imgResultHover","Result1","title2Ref","title2Inview","panel2Ref","panel2Inview","listRef","listInview","result","setResult","headers","Authorization","apiMember","statusText","openaccount_award","imgTitle1","imgFinishedL","imgFinishedM","imgPanel1L","imgPanel1M","openaccount_enddate","document","getElementById","scrollIntoView","behavior","imgButton1L","imgButton1LHover","imgButton1M","imgButton1MHover","imgButton2L","imgButton2LHover","imgButton2M","imgButton2MHover","imgLightL","imgLightM","imgTitle2","imgPanel2L","imgPanel2M","Result2","100","200","lineCodes","setLineCodes","currentLineType","setCurrentLineType","referrers","setReferrers","currentReferrerPage","setCurrentReferrerPage","currentTab","setCurrentTab","title1Ref","title1Inview","panel1Ref","panel1Inview","getLineCodes","apiLineCodes","groupedByPoints","groupBy","rows","sortBy","getReferrers","apiReferList","filteredData","length","referee_name","date","count","toString","padStart","chunked7","chunk","sendEvent","pointId","console","log","redeemPoint","apiRedeemPoints","linepoints_number","moment","format","totalPoints","i","linepoint_status","linepoint_type","img100points","img200points","img100pointsRedeemed","img200pointsRedeemed","referee_ID","referee_enddate","totalPages","initialResult","1","name","mission_enddate","2","3","4","5","6","7","8","9","Result3","popupExplain","setPopupExplain","popupWin","setPopupWin","popupLose","setPopupLose","popupSpin","setPopupSpin","winText","setWinText","pages","setPages","currentPage","setCurrentPage","update","setUpdate","drawsLeft","setDrawsLeft","getData","apiTaskList","ticket_last","drawsCount","Number","newResult","prizesWon","row","award_name","award","group","j","error","resultList","entries","Object","resultArray","element","showDrawResult","drawResult","drawPrize","spinStartTime","Date","getTime","apiDrawPrize","diff","card","imgCardL","imgCardM","resultRow","prizeWon","imgCardQ","imgWin","imgLose","Result4","table1Ref","table1Inview","table2Ref","table2Inview","table3Ref","table3Inview","table4Ref","table4Inview","twColumns","setTwColumns","usColumns","setUsColumns","apiPrizeResult","twResult","usResult","ts_status","yearMonth","award_mth","ticketCountText","ts_tickets","ticketCountStatus","prizeStatus","ts_award","us_status","us_tickets","us_award","imgHeading1L","col","imgHeading2L","imgHeading1M","imgHeading2M","Question","num","text","Faq","item4","item4Inview","imgEvent2Q52L","imgEvent2Q53L","imgEvent2Q54L","imgEvent2Q55L","imgEvent2Q51M","imgEvent2Q52M","imgEvent2Q53M","imgEvent2Q54M","imgEvent2Q55M","PublicRoute","Page","page","fixedLink","scrollTo","PrivateRoute","getItem","Routes","path","ReactDOM","StrictMode"],"mappings":"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","file":"static/js/main.cf7b83f4.chunk.js","sourcesContent":["import { createGlobalState } from 'react-use';\n\nconst useUser = createGlobalState({\n\tnid: '',\n\ttoken: '',\n});\n\nexport default useUser;\n","import { createGlobalState } from 'react-use';\n\nconst useGlobalStates = createGlobalState({\n\tloginIsOpen: false,\n});\n\nexport default useGlobalStates;\n","export default __webpack_public_path__ + \"static/media/logo.f8314fac.svg\";","export default __webpack_public_path__ + \"static/media/open.2ebce6c5.svg\";","export default __webpack_public_path__ + \"static/media/close.02874671.svg\";","export default __webpack_public_path__ + \"static/media/event1.77e57d45.svg\";","export default __webpack_public_path__ + \"static/media/event2.b1ffb79e.svg\";","export default __webpack_public_path__ + \"static/media/event3.74b6f1a6.svg\";","export default __webpack_public_path__ + \"static/media/event4.1ece1d9f.svg\";","export default __webpack_public_path__ + \"static/media/results.81fe2282.svg\";","export default __webpack_public_path__ + \"static/media/faq.c4d82c3a.svg\";","export default __webpack_public_path__ + \"static/media/angle.89348345.svg\";","import SlideToggle from 'react-slide-toggle';\nimport BezierEasing from 'bezier-easing';\nimport { useMemo, useState } from 'react';\nimport { NavLink, useLocation } from 'react-router-dom';\nimport { useWindowSize } from 'react-use';\nimport useGlobalStates from '../../store/useGlobalStates';\nimport useUser from '../../store/useUser';\nimport imgLogo from './assets/logo.svg';\nimport imgOpen from './assets/open.svg';\nimport imgClose from './assets/close.svg';\nimport imgEvent1 from './assets/event1.svg';\nimport imgEvent2 from './assets/event2.svg';\nimport imgEvent3 from './assets/event3.svg';\nimport imgEvent4 from './assets/event4.svg';\nimport imgResults from './assets/results.svg';\nimport imgFaq from './assets/faq.svg';\nimport imgAngle from './assets/angle.svg';\n\nconst Header = () => {\n\tconst { width } = useWindowSize();\n\tconst [menuIsOpen, setMenuIsOpen] = useState(false);\n\tconst [globalStates, setGlobalStates] = useGlobalStates();\n\tconst [user, setUser] = useUser();\n\tconst { pathname } = useLocation();\n\n\tconst isResultPage = useMemo(() => {\n\t\treturn pathname.includes('result');\n\t}, [pathname]);\n\n\tconst closeMenu = () => {\n\t\tsetMenuIsOpen(false);\n\t};\n\n\treturn (\n\t\t<header>\n\t\t\t<div className='center-wrap'>\n\t\t\t\t<div className={`shadow ${menuIsOpen ? 'active' : ''}`}></div>\n\n\t\t\t\t<a href='https://www.kgi.com.tw/zh-tw/' target='_blank' rel='noreferrer noopener' className='logo'>\n\t\t\t\t\t<img src={imgLogo} alt='凱基證券 KGI SECURITIES 中華開發金控 CHINA DEVELOPMENT FINANCIAL' />\n\t\t\t\t</a>\n\n\t\t\t\t<div\n\t\t\t\t\tclassName='menu-toggler'\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetMenuIsOpen(!menuIsOpen);\n\t\t\t\t\t}}>\n\t\t\t\t\t<img src={imgOpen} alt='' className={`open ${menuIsOpen ? '' : 'active'}`} />\n\n\t\t\t\t\t<img src={imgClose} alt='' className={`close ${menuIsOpen ? 'active' : ''}`} />\n\t\t\t\t</div>\n\n\t\t\t\t<div className={`navs ${menuIsOpen ? 'active' : ''}`}>\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<NavLink exact to='/' className='nav center' onClick={closeMenu}>\n\t\t\t\t\t\t\t<div className='text'>\n\t\t\t\t\t\t\t\t<span className='mobile'>回</span>首頁\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className='line'></div>\n\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t<NavLink to='/event1' className='nav' onClick={closeMenu}>\n\t\t\t\t\t\t\t<div className='icon'>\n\t\t\t\t\t\t\t\t<img src={imgEvent1} alt='' />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className='text'>新戶拿好禮</div>\n\t\t\t\t\t\t\t<div className='line'></div>\n\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t<NavLink to='/event2' className='nav' onClick={closeMenu}>\n\t\t\t\t\t\t\t<div className='icon'>\n\t\t\t\t\t\t\t\t<img src={imgEvent2} alt='' />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className='text'>揪友享好禮</div>\n\t\t\t\t\t\t\t<div className='line'></div>\n\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t<NavLink to='/event3' className='nav' onClick={closeMenu}>\n\t\t\t\t\t\t\t<div className='icon'>\n\t\t\t\t\t\t\t\t<img src={imgEvent3} alt='' />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className='text'>任務獎不完</div>\n\t\t\t\t\t\t\t<div className='line'></div>\n\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t<NavLink to='/event4' className='nav' onClick={closeMenu}>\n\t\t\t\t\t\t\t<div className='icon'>\n\t\t\t\t\t\t\t\t<img src={imgEvent4} alt='' />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className='text'>交易抽大獎</div>\n\t\t\t\t\t\t\t<div className='line'></div>\n\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t{user.token ? (\n\t\t\t\t\t\t\t<SlideToggle\n\t\t\t\t\t\t\t\tduration={300}\n\t\t\t\t\t\t\t\tcollapsed={width < 1366}\n\t\t\t\t\t\t\t\texpandEvent={width >= 1366}\n\t\t\t\t\t\t\t\tcollapseEvent={width < 1366}\n\t\t\t\t\t\t\t\teaseCollapse={BezierEasing(0.68, 0, 0.265, 1)}\n\t\t\t\t\t\t\t\teaseExpand={BezierEasing(0.68, 0, 0.265, 1)}\n\t\t\t\t\t\t\t\trender={({ toggle, setCollapsibleElement, toggleState }) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div className='toggle-wrap'>\n\t\t\t\t\t\t\t\t\t\t\t<div className={`nav ${isResultPage ? 'active' : ''} ${toggleState}`} onClick={width < 1366 ? toggle : null}>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img src={imgResults} alt='' />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='text'>我的戰績</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className={`arrow ${toggleState}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img src={imgAngle} alt='' />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='line'></div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div className='toggle-target' ref={setCollapsibleElement}>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='toggle-target-wrap'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='sub-navs'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<NavLink to='/result1' className='item' onClick={closeMenu}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t新戶拿好禮\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<NavLink to='/result2' className='item' onClick={closeMenu}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t揪友享好禮\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<NavLink to='/result3' className='item' onClick={closeMenu}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t任務獎不完\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</NavLink>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<NavLink to='/result4' className='item' onClick={closeMenu}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t交易抽大獎\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</NavLink>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t<NavLink to='/faq' className='nav nb' onClick={closeMenu}>\n\t\t\t\t\t\t\t<div className='icon'>\n\t\t\t\t\t\t\t\t<img src={imgFaq} alt='' />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className='text'>常見問題</div>\n\t\t\t\t\t\t\t<div className='line'></div>\n\t\t\t\t\t\t</NavLink>\n\t\t\t\t\t</nav>\n\n\t\t\t\t\t{user.token ? (\n\t\t\t\t\t\t<div className='login-wrap'>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='login'\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsessionStorage.removeItem('token');\n\t\t\t\t\t\t\t\t\tsessionStorage.removeItem('nid');\n\n\t\t\t\t\t\t\t\t\tsetUser({\n\t\t\t\t\t\t\t\t\t\ttoken: '',\n\t\t\t\t\t\t\t\t\t\tnid: '',\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t登出\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className='login-wrap'>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='login'\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetGlobalStates({\n\t\t\t\t\t\t\t\t\t\t...globalStates,\n\t\t\t\t\t\t\t\t\t\tloginIsOpen: true,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t登入\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</header>\n\t);\n};\n\nexport default Header;\n","const Footer = () => {\n\treturn (\n\t\t<footer>\n\t\t\t<div className='row'>\n\t\t\t\t<div className='text'>凱基證券股份有限公司</div>\n\t\t\t\t<div className='separator'>&nbsp;|&nbsp;</div>\n\t\t\t\t<div className='text'>客服專線：(02)2389-0088 / 0800-085-005</div>\n\t\t\t</div>\n\t\t\t<div className='row'>\n\t\t\t\t<div className='text'>地址：台北市明水路700號</div>\n\t\t\t\t<div className='separator'>&nbsp;|&nbsp;</div>\n\t\t\t\t<div className='text'>107年金管證總字第 0026 號</div>\n\t\t\t</div>\n\t\t</footer>\n\t);\n};\n\nexport default Footer;\n","export default __webpack_public_path__ + \"static/media/link-l.154e73b9.png\";","export default __webpack_public_path__ + \"static/media/link-m.f7bf1b8c.png\";","import imgLinkL from './assets/link-l.png';\nimport imgLinkM from './assets/link-m.png';\n\nconst FixedLink = () => {\n\treturn (\n\t\t<a href='https://eoa.kgi.com.tw/OOA/index.aspx?Source=A' target='_blank' rel='noreferrer noopener' id='FixedLink'>\n\t\t\t<img src={imgLinkL} alt='立即開戶' className='linkL' />\n\t\t\t<img src={imgLinkM} alt='立即開戶' className='linkM' />\n\t\t</a>\n\t);\n};\n\nexport default FixedLink;\n","export default __webpack_public_path__ + \"static/media/arrows.1e71a2d6.svg\";","import { useEffect, useState } from 'react';\nimport imgArrows from './assets/arrows.svg';\n\nconst ScrollDown = () => {\n\tconst [scrollPosition, setScrollPosition] = useState(0);\n\n\tconst handleScroll = () => {\n\t\tconst position = window.pageYOffset;\n\t\tsetScrollPosition(position);\n\t};\n\n\tuseEffect(() => {\n\t\twindow.addEventListener('scroll', handleScroll);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener('scroll', handleScroll);\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<div id='ScrollDown' className={scrollPosition ? 'hide' : ''}>\n\t\t\t<img src={imgArrows} alt='' />\n\t\t</div>\n\t);\n};\n\nexport default ScrollDown;\n","import axios from 'axios';\n\naxios.defaults.baseURL = window.API_DICT[window.APP_MODE].apiMain;\nconst qrCodeApi = window.API_DICT[window.APP_MODE].apiQrCode;\nconst qrCodeApiHasSales = window.API_DICT[window.APP_MODE].apiQrCodeByMember;\nconst gamesApi = window.API_DICT[window.APP_MODE].apiGames;\nconst awardApi = window.API_DICT[window.APP_MODE].apiAward;\n\nconst defaultData = {\n\tHeader: {\n\t\tFunctionID: '',\n\t\tSessionID: '',\n\t\tAccount: '',\n\t\tPassword: null,\n\t\tScreenID: '',\n\t\tChannel: '46',\n\t\tClientIP: '',\n\t},\n\tBody: {},\n};\n\nconst apiQRCode = (data) => {\n\tconst key = process.env.REACT_APP_QRCODE_API_KEY;\n\tconst params = {\n\t\tid_no: btoa(data.id_no),\n\t\tChannel: btoa('45'),\n\t\tAPIKey: btoa(key),\n\t};\n\n\tif (data.hasSales && data.DepartId && data.MemberId) {\n\t\tparams.DepartId = btoa(data.DepartId);\n\t\tparams.MemberId = btoa(data.MemberId);\n\t}\n\n\treturn axios({\n\t\tmethod: 'GET',\n\t\tbaseURL: data.hasSales ? qrCodeApiHasSales : qrCodeApi,\n\t\tparams,\n\t});\n};\n\nconst apiLogin = (body) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tAccount: 'I' + body.id_no,\n\t\t\tFunctionID: '26000001',\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\tdata,\n\t});\n};\n\nconst apiMember = (body, token) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tFunctionID: '26000002',\n\t\t\tAccount: 'I' + body.id_no,\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\theaders: {\n\t\t\tAuthorization: `Bearer ${token}`,\n\t\t},\n\t\tdata,\n\t});\n};\n\nconst apiReferList = (body, token) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tFunctionID: '26000003',\n\t\t\tAccount: 'I' + body.id_no,\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\theaders: {\n\t\t\tAuthorization: `Bearer ${token}`,\n\t\t},\n\t\tdata,\n\t});\n};\n\nconst apiLineCodes = (body, token) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tFunctionID: '26000004',\n\t\t\tAccount: 'I' + body.id_no,\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\theaders: {\n\t\t\tAuthorization: `Bearer ${token}`,\n\t\t},\n\t\tdata,\n\t});\n};\n\nconst apiRedeemPoints = (body, token) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tFunctionID: '26000005',\n\t\t\tAccount: 'I' + body.id_no,\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\theaders: {\n\t\t\tAuthorization: `Bearer ${token}`,\n\t\t},\n\t\tdata,\n\t});\n};\n\nconst apiTaskList = (body, token) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tFunctionID: '26000006',\n\t\t\tAccount: 'I' + body.id_no,\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\tbaseURL: gamesApi,\n\t\theaders: {\n\t\t\tAuthorization: `Bearer ${token}`,\n\t\t},\n\t\tdata,\n\t});\n};\n\nconst apiPrizeResult = (body, token) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tFunctionID: '26000009',\n\t\t\tAccount: 'I' + body.id_no,\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\tbaseURL: gamesApi,\n\t\theaders: {\n\t\t\tAuthorization: `Bearer ${token}`,\n\t\t},\n\t\tdata,\n\t});\n};\n\nconst apiDrawPrize = (body, token) => {\n\tconst data = {\n\t\tHeader: {\n\t\t\t...defaultData.Header,\n\t\t\tFunctionID: '26000010',\n\t\t\tAccount: 'I' + body.id_no,\n\t\t},\n\t\tBody: { ...body },\n\t};\n\n\treturn axios({\n\t\tmethod: 'POST',\n\t\tbaseURL: awardApi,\n\t\theaders: {\n\t\t\tAuthorization: `Bearer ${token}`,\n\t\t},\n\t\tdata,\n\t});\n};\n\n\n\nexport { apiLogin, apiQRCode, apiLineCodes, apiReferList, apiMember, apiRedeemPoints, apiTaskList, apiPrizeResult, apiDrawPrize };\n","export default __webpack_public_path__ + \"static/media/logo.7dd6e821.svg\";","import { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { random, pad, get } from 'lodash';\nimport useUser from '../../store/useUser';\nimport { apiLogin } from '../../api';\nimport useGlobalStates from '../../store/useGlobalStates';\nimport imgLogo from './assets/logo.svg';\n\nconst Login = () => {\n\tconst [globalStates, setGlobalStates] = useGlobalStates();\n\tconst setUser = useUser()[1];\n\n\tconst generateCaptcha = () => {\n\t\treturn pad(random(0, 9999), 4, '0');\n\t};\n\n\tconst [captcha, setCaptcha] = useState(generateCaptcha());\n\n\tconst {\n\t\tregister,\n\t\thandleSubmit,\n\t\treset,\n\t\tformState: { errors },\n\t} = useForm({ mode: 'onSubmit', reValidateMode: 'onSubmit' });\n\n\tconst trackLogin = () => {\n\t\t// Yahoo原生追蹤碼\n\t\twindow.dotq = window.dotq || []; window.dotq.push({ 'projectId': '10000', 'properties': { 'pixelId': '10155092', 'qstrings': { 'ec': 'login', 'ea': 'Member login', 'el': 'KGI' } } });\n\n\t\t// Yahoo關鍵字追蹤碼\n\t\twindow.uetq = window.uetq || []; window.uetq.push('event', 'login', { \"event_label\": \"KGI\", \"event_category\": \"Member login\" });\n\n\t\t// LINE TAG\n\t\twindow._lt('send', 'cv', {\n\t\t\ttype: 'login'\n\t\t}, ['ceee695e-b525-48f7-a1b8-949e90a69253']);\n\n\t\t// Google轉換追蹤代碼\n\t\twindow.gtag('event', 'conversion', { 'send_to': 'AW-344251779/xBulCKG1y6cDEIO7k6QB' });\n\t}\n\n\tconst trackCreateAccount = () => {\n\t\t// Yahoo原生追蹤碼\n\t\twindow.dotq = window.dotq || []; window.dotq.push({ 'projectId': '10000', 'properties': { 'pixelId': '10155092', 'qstrings': { 'ec': ' sign', 'ea': ' signup', 'el': 'KGI' } } });\n\n\t\t// Yahoo關鍵字追蹤碼\n\t\twindow.uetq = window.uetq || []; window.uetq.push('event', 'signup', { \"event_label\": \"KGI\", \"event_category\": \"sign\" });\n\n\t\t// LINE TAG\n\t\twindow._lt('send', 'cv', {\n\t\t\ttype: 'register'\n\t\t}, ['ceee695e-b525-48f7-a1b8-949e90a69253']);\n\n\t\t// Google轉換追蹤代碼\n\t\twindow.gtag('event', 'conversion', { 'send_to': 'AW-344251779/JNfMCJ61y6cDEIO7k6QB' });\n\t}\n\n\tconst submitForm = (data) => {\n\t\ttrackLogin();\n\t\tconst bodyData = {\n\t\t\tid_no: data.nid,\n\t\t\tbir_date: data.dob,\n\t\t};\n\n\t\tapiLogin(bodyData)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\t\t\t\tconst status = get(response, 'data.Body.status');\n\n\t\t\t\tif (ExecStatus === 'True' && StatusCode === '0' && status === '1') {\n\t\t\t\t\tconst token = get(response, 'data.Token');\n\n\t\t\t\t\tsessionStorage.setItem('token', token);\n\t\t\t\t\tsessionStorage.setItem('nid', data.nid);\n\n\t\t\t\t\tsetUser({\n\t\t\t\t\t\ttoken,\n\t\t\t\t\t\tnid: data.nid,\n\t\t\t\t\t});\n\n\t\t\t\t\tsetGlobalStates({\n\t\t\t\t\t\t...globalStates,\n\t\t\t\t\t\tloginIsOpen: false,\n\t\t\t\t\t});\n\n\t\t\t\t\treset();\n\t\t\t\t\tsetCaptcha(generateCaptcha());\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tlet alertMessage = '';\n\n\t\tif (errors.nid) alertMessage += errors.nid.message + '\\r\\n';\n\t\tif (errors.dob) alertMessage += errors.dob.message + '\\r\\n';\n\t\tif (errors.captcha) alertMessage += errors.captcha.message + '\\r\\n';\n\n\t\tif (alertMessage) alert(alertMessage);\n\t}, [errors.nid, errors.dob, errors.captcha]);\n\n\treturn (\n\t\t<div id='Login' className={globalStates.loginIsOpen ? 'active' : ''}>\n\t\t\t<div className='center-wrap'>\n\t\t\t\t<div\n\t\t\t\t\tclassName='close'\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetGlobalStates({\n\t\t\t\t\t\t\t...globalStates,\n\t\t\t\t\t\t\tloginIsOpen: false,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}></div>\n\n\t\t\t\t<div className='logo-wrap'>\n\t\t\t\t\t<img src={imgLogo} alt='凱基證券 KGI SECURITIES 中華開發金控 CHINA DEVELOPMENT FINANCIAL' />\n\t\t\t\t</div>\n\n\t\t\t\t<form onSubmit={handleSubmit(submitForm)}>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName={`input icon-input nid ${errors.nid ? 'error' : ''}`}\n\t\t\t\t\t\tplaceholder='請輸入身分證字號'\n\t\t\t\t\t\t// value='A220326884'\n\t\t\t\t\t\t{...register('nid', {\n\t\t\t\t\t\t\trequired: {\n\t\t\t\t\t\t\t\tvalue: true,\n\t\t\t\t\t\t\t\tmessage: '身分證字號為必填欄位',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tpattern: {\n\t\t\t\t\t\t\t\tvalue: /^[A-Z]{1}[1-2]{1}[0-9]{8}$/,\n\t\t\t\t\t\t\t\tmessage: '身分證字號格式錯誤',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName={`input icon-input dob ${errors.dob ? 'error' : ''}`}\n\t\t\t\t\t\tplaceholder='請輸入生日yyyymmdd'\n\t\t\t\t\t\t// value='20130624'\n\t\t\t\t\t\t{...register('dob', {\n\t\t\t\t\t\t\trequired: {\n\t\t\t\t\t\t\t\tvalue: true,\n\t\t\t\t\t\t\t\tmessage: '生日為必填欄位',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tpattern: {\n\t\t\t\t\t\t\t\tvalue: /^[0-9]{8}$/,\n\t\t\t\t\t\t\t\tmessage: '生日格式錯誤',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName={`input ${errors.captcha ? 'error' : ''}`}\n\t\t\t\t\t\tplaceholder='請輸入下方驗證碼'\n\t\t\t\t\t\t// value={captcha}\n\t\t\t\t\t\t{...register('captcha', {\n\t\t\t\t\t\t\trequired: {\n\t\t\t\t\t\t\t\tvalue: true,\n\t\t\t\t\t\t\t\tmessage: '驗證碼為必填欄位',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tpattern: {\n\t\t\t\t\t\t\t\tvalue: new RegExp(`^${captcha}$`),\n\t\t\t\t\t\t\t\tmessage: '驗證碼錯誤',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className='captcha-wrap'>\n\t\t\t\t\t\t<div className='captcha'>{captcha}</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName='captcha-refresh'\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetCaptcha(generateCaptcha());\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t重新產生\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<button type='submit'>登入</button>\n\n\t\t\t\t\t<div className='link-wrap'>\n\t\t\t\t\t\t<a href='https://eoa.kgi.com.tw/OOA/index.aspx?Source=A' target='_blank' rel='noreferrer noopener' onClick={trackCreateAccount}>\n\t\t\t\t\t\t\t前往開戶\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</form>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Login;\n","export default __webpack_public_path__ + \"static/media/title.1345c08b.svg\";","export default __webpack_public_path__ + \"static/media/planet1.9ca40876.png\";","export default __webpack_public_path__ + \"static/media/planet2.11108aca.png\";","export default __webpack_public_path__ + \"static/media/planet3.d5cd98cd.png\";","export default __webpack_public_path__ + \"static/media/planet4.106b5b95.png\";","export default __webpack_public_path__ + \"static/media/event1.a7b8f23d.svg\";","export default __webpack_public_path__ + \"static/media/event2.fee0ded0.svg\";","export default __webpack_public_path__ + \"static/media/event3.884550bc.svg\";","export default __webpack_public_path__ + \"static/media/event4.9f74170a.svg\";","export default __webpack_public_path__ + \"static/media/stamp.acb58a2f.svg\";","export default __webpack_public_path__ + \"static/media/pop-l.011f9ea6.svg\";","export default __webpack_public_path__ + \"static/media/pop-m.634560ef.svg\";","import { useState } from 'react';\nimport imgPopL from './assets/pop-l.svg';\nimport imgPopM from './assets/pop-m.svg';\n\nconst EventFinished = () => {\n\tconst [open, setOpen] = useState(true);\n\n\treturn (\n\t\t<div id='EventFinished' className={open ? '' : 'hide'}>\n\t\t\t<div className='content'>\n\t\t\t\t<img src={imgPopL} alt='活動已截止 可以點右上角「我的戰績」登入進去領獎唷' className='l' />\n\t\t\t\t<img src={imgPopM} alt='活動已截止 可以點右上角「我的戰績」登入進去領獎唷' className='m' />\n\t\t\t\t<div className='close' onClick={() => {\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t}}></div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default EventFinished;\n","import { Link } from 'react-router-dom';\nimport imgTitle from './assets/title.svg';\nimport imgPlanet1 from './assets/planet1.png';\nimport imgPlanet2 from './assets/planet2.png';\nimport imgPlanet3 from './assets/planet3.png';\nimport imgPlanet4 from './assets/planet4.png';\nimport imgEvent1 from './assets/event1.svg';\nimport imgEvent2 from './assets/event2.svg';\nimport imgEvent3 from './assets/event3.svg';\nimport imgEvent4 from './assets/event4.svg';\nimport imgStamp from './assets/stamp.svg';\nimport EventFinished from '../../components/EventFinished/EventFinished';\n\nconst Landing = () => {\n\treturn (\n\t\t<div id='Landing'>\n\t\t\t<div className='bg-wrap'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='text-wrap'>\n\t\t\t\t\t\t<img src={imgTitle} alt='開戶找凱基 投資好星運' className='title' />\n\t\t\t\t\t\t<div className='sub-title'>活動四重奏 好獎拿不完</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Link to='/event1' className='planet event1'>\n\t\t\t\t\t\t<img src={imgPlanet1} alt='新戶拿好禮 開戶現金 100元 *前10,000名' />\n\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t</Link>\n\n\t\t\t\t\t<Link to='/event2' className='planet event2'>\n\t\t\t\t\t\t<img src={imgPlanet2} alt='揪友享好禮 LINE POINTS 百萬大放送' />\n\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t</Link>\n\n\t\t\t\t\t<Link to='/event3' className='planet event3'>\n\t\t\t\t\t\t<img src={imgPlanet3} alt='任務獎不完 多重好禮 瘋狂抽' />\n\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t</Link>\n\n\t\t\t\t\t<Link to='/event4' className='planet event4'>\n\t\t\t\t\t\t<img src={imgPlanet4} alt='交易抽大獎 即有機會獲得 百萬股票兌換金' />\n\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t</Link>\n\n\t\t\t\t\t<div className='aspect-tall links'>\n\t\t\t\t\t\t<Link to='/event1' className='link'>\n\t\t\t\t\t\t\t<img src={imgEvent1} alt='新戶拿好禮 開戶現金 100元' />\n\t\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t\t</Link>\n\n\t\t\t\t\t\t<Link to='/event2' className='link'>\n\t\t\t\t\t\t\t<img src={imgEvent2} alt='百萬LINE POINTS大放送' />\n\t\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t\t</Link>\n\n\t\t\t\t\t\t<Link to='/event3' className='link'>\n\t\t\t\t\t\t\t<img src={imgEvent3} alt='多重好禮 瘋狂抽' />\n\t\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t\t</Link>\n\n\t\t\t\t\t\t<Link to='/event4' className='link'>\n\t\t\t\t\t\t\t<img src={imgEvent4} alt='百萬股票兌換金' />\n\t\t\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<EventFinished />\n\t\t</div>\n\t);\n};\n\nexport default Landing;\n","import SlideToggle from 'react-slide-toggle';\nimport BezierEasing from 'bezier-easing';\n\nconst Notice = (props) => {\n\treturn (\n\t\t<SlideToggle\n\t\t\tduration={300}\n\t\t\tcollapsed={true}\n\t\t\teaseCollapse={BezierEasing(0.68, 0, 0.265, 1)}\n\t\t\teaseExpand={BezierEasing(0.68, 0, 0.265, 1)}\n\t\t\trender={({ toggle, setCollapsibleElement, toggleState }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div id='Notice'>\n\t\t\t\t\t\t<div className='toggler' onClick={toggle}>\n\t\t\t\t\t\t\t<div className='text'>注意事項</div>\n\t\t\t\t\t\t\t<div className={`icon ${toggleState}`}></div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='toggle-target' ref={setCollapsibleElement}>\n\t\t\t\t\t\t\t<div className='content-wrap'>{props.children}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n};\n\nexport default Notice;\n","export default __webpack_public_path__ + \"static/media/title.26b20323.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-l.d8bdc453.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-m.429ace5f.svg\";","export default __webpack_public_path__ + \"static/media/item1-l.524519f4.svg\";","export default __webpack_public_path__ + \"static/media/item1-m.9d90f193.svg\";","export default __webpack_public_path__ + \"static/media/item2-l.b98fbb92.svg\";","export default __webpack_public_path__ + \"static/media/item2-m.f2dbfb37.svg\";","export default __webpack_public_path__ + \"static/media/item3-l.baac0a9c.svg\";","export default __webpack_public_path__ + \"static/media/item3-m.9c457509.svg\";","export default __webpack_public_path__ + \"static/media/stamp.acb58a2f.svg\";","import { useState } from 'react';\nimport { useEffectOnce } from 'react-use';\nimport { useInView } from 'react-hook-inview';\nimport Notice from '../../components/Notice/Notice';\nimport imgTitle from './assets/title.svg';\nimport imgTitleSubL from './assets/title-sub-l.svg';\nimport imgTitleSubM from './assets/title-sub-m.svg';\nimport imgItem1L from './assets/item1-l.svg';\nimport imgItem1M from './assets/item1-m.svg';\nimport imgItem2L from './assets/item2-l.svg';\nimport imgItem2M from './assets/item2-m.svg';\nimport imgItem3L from './assets/item3-l.svg';\nimport imgItem3M from './assets/item3-m.svg';\nimport imgStamp from './assets/stamp.svg';\nimport EventFinished from '../../components/EventFinished/EventFinished';\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst Event1 = () => {\n\tconst [animate, setAnimate] = useState(false);\n\tconst [item1, item1Inview] = useInView(inViewOptions);\n\tconst [item2, item2Inview] = useInView(inViewOptions);\n\tconst [item3, item3Inview] = useInView(inViewOptions);\n\n\tuseEffectOnce(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetAnimate(true);\n\t\t}, 100);\n\t});\n\n\treturn (\n\t\t<div id='Event1'>\n\t\t\t<section className='section1'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<img src={imgTitle} alt='三合一開戶 即享 百元現金' className={`title ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgTitleSubL} alt='活動日期：2022/04/01~ 2022/06/30' className={`title-sub subL ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgTitleSubM} alt='活動日期：2022/04/01~ 2022/06/30' className={`title-sub subM ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section className='section2'>\n\t\t\t\t<div className={`item ${item1Inview ? 'isInview' : ''}`} ref={item1}>\n\t\t\t\t\t<img src={imgItem1L} alt='台股戶' className='border borderL' />\n\t\t\t\t\t<img src={imgItem1M} alt='台股戶' className='border borderM' />\n\t\t\t\t\t<div className='text'>\n\t\t\t\t\t\t開立<span>台股證券戶</span>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t隨時看盤快速下單\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t護國群山輕鬆get!\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className={`item ${item2Inview ? 'isInview' : ''}`} ref={item2}>\n\t\t\t\t\t<img src={imgItem2L} alt='海外交易' className='border borderL' />\n\t\t\t\t\t<img src={imgItem2M} alt='海外交易' className='border borderM' />\n\t\t\t\t\t<div className='text'>\n\t\t\t\t\t\t開立<span>複委託帳戶</span>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t海外投資(美股、港股)\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t交易一次到位!\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className={`item ${item3Inview ? 'isInview' : ''}`} ref={item3}>\n\t\t\t\t\t<img src={imgItem3L} alt='e財庫' className='border borderL' />\n\t\t\t\t\t<img src={imgItem3M} alt='e財庫' className='border borderM' />\n\t\t\t\t\t<div className='text'>\n\t\t\t\t\t\t開戶綁定e財庫，免加開銀行戶\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<span>證券</span>、<span>信託</span>、<span>複委託</span>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t帳務ｅ庫掌握。\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<Notice>\n\t\t\t\t<ul>\n\t\t\t\t\t<li>活動期間2022/04/1至2022/09/30止。</li>\n\t\t\t\t\t<li>透過本公司「快e 開」完成線上三合一開戶＋e財庫綁定，即符合贈獎資格。前10,000名可獲得百元兌換金獎勵，2022/04/01~2022/06/30獎勵金將會在活動結束後（2022/6/30）次月5日進行結算，並於活動結束後（2022/6/30）次月11日入帳至您的e財庫，2022/07/01~2022/09/30獎勵金將會在活動結束後（2022/9/30）次月5日進行結算，並於活動結束後（2022/9/30）次月11日入帳至您的e財庫。</li>\n\t\t\t\t\t<li>完成順序以台股、複委託、e 財庫經本公司審核完成之「開戶完成日」為準排序，非申請資料送出日。</li>\n\t\t\t\t\t<li>活動對象限本國自然人（不含98員工戶）且2022/03/31前未於本公司開立台股、複委託等任一帳戶者，若2021/04/01~2022/03/31期間銷戶者不符活動資格。</li>\n\t\t\t\t\t<li>本活動僅限設籍於本國台灣、澎湖、金門、馬祖地區之一般國內自然人(不含法人/外國人)參加。</li>\n\t\t\t\t\t<li>各獎項得獎者每人限領一次，不得重複領獎，所有贈品皆不得轉讓，亦不能要求更換獎項、折換現金。</li>\n\t\t\t\t\t<li>獎勵結算時必須同時擁有台股、複委託、e 財庫三種有效帳戶。若銷其中一帳戶或解除綁定e 財庫則喪失獲獎資格。</li>\n\t\t\t\t\t<li>得獎者資格不符合、違反本活動規定事項、活動期間內先銷戶再開戶、開戶後又銷戶或違約交割者，本公司保有取消贈獎之權利。</li>\n\t\t\t\t\t<li>參加者應保證參加本活動之資料均屬真實、正確且完整，且未有冒用或盜用任何第三人之資料; 若因此本公司無法通知得獎訊息時，本公司不負任何責任，如本公司或其他第三人因此而受損害，參加者應負一切相關法律責任; 如因參加者提供資料不全、有誤，而導致獎品無法配送，恕不另行補發。</li>\n\t\t\t\t\t<li>參加者之交易若有違反證券交易法、期貨交易法、洗錢防制法及台灣證券交易所股份有限公司、臺灣期貨交易所股份有限公司、中華民國證券商業同業公會、中華民國期貨業商業同業公會、財團法人中華民國證券櫃檯買賣中心等機構之相關規定，本公司有權取消其抽獎或得獎資格，參加者如因違反與本公司之合約或其他法令，致其帳戶遭停權者，亦同。</li>\n\t\t\t\t\t<li>經查證後，若發現參加者透過系統漏洞或非法手段(惡意程式等類似行為)，參與活動，將取消參加資格，本公司並不另行通知，本活動如有任何因電腦、網路、電話、技術或其他不可歸責於本公司之因素，而使本活動參加者所寄出或登錄資料有遲延、遺失、錯誤、無法辨識或損毀情況，本公司不負任何法律責任，本活動參加者或得獎者亦不得因此異議。</li>\n\t\t\t\t\t<li>依中華民國稅法規定，本活動獎項之得獎者如為中華民國境內居住之個人，每人每年度累積取得之獎金或獎品之價值超過新台幣1,000元者，本公司將依規定開立扣繳憑單，列單申報該主管稽徵機關，併入其所得額中計算綜合所得稅。得獎者需提供身分證正反面影本及依規定填寫相關中獎收據，方可領獎。</li>\n\t\t\t\t\t<li>除法律另有規定或契約另有約定外，參加本活動留下個人基本資料者，可就其個人資料依法行使下列權利：查詢或請求閱覽、請求製給複製本、請求補充或更正、請求停止蒐集、處理或利用、請求刪除、請求處理限制、請求資料可攜性、拒絕自動化剖析、拒絕直接行銷目的之個人資料處理。</li>\n\t\t\t\t\t<li>本公司保留隨時變更活動辦法、獎項內容以及暫停、延長、提前終止本活動之權利，本活動辦法若未盡詳細事宜，本公司得隨時修訂公布，修改訊息將於本網站上公布，不另行通知。本公司就活動內容、獎項內容得依實際狀況及較佳效果斟酌調整，並保有對於活動規則之解釋權利。</li>\n\t\t\t\t</ul>\n\t\t\t</Notice>\n\n\t\t\t<EventFinished />\n\t\t</div>\n\t);\n};\n\nexport default Event1;\n","export default __webpack_public_path__ + \"static/media/title.ac708d47.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-l.3c0d6511.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-m.493bed1b.svg\";","export default __webpack_public_path__ + \"static/media/item1-l.9c94fc68.svg\";","export default __webpack_public_path__ + \"static/media/item1-m.75e87def.svg\";","export default __webpack_public_path__ + \"static/media/item1-m-alt.19586405.svg\";","export default __webpack_public_path__ + \"static/media/item2-l.7934049f.svg\";","export default __webpack_public_path__ + \"static/media/item2-m.76f13fe3.svg\";","export default __webpack_public_path__ + \"static/media/facebook-hover.c5cdae30.svg\";","export default __webpack_public_path__ + \"static/media/line-hover.109478d3.svg\";","export default __webpack_public_path__ + \"static/media/messenger-hover.a773fabd.svg\";","export default __webpack_public_path__ + \"static/media/gold1-l.dc1cf7c2.svg\";","export default __webpack_public_path__ + \"static/media/gold1-m.7a5e61bd.svg\";","export default __webpack_public_path__ + \"static/media/gold2-l.84453e49.svg\";","export default __webpack_public_path__ + \"static/media/gold2-m.8463dfc0.svg\";","export default __webpack_public_path__ + \"static/media/gold3-l.6bbbb5af.svg\";","export default __webpack_public_path__ + \"static/media/gold3-m.0331dfcf.svg\";","export default __webpack_public_path__ + \"static/media/gold4-l.f7baa2e8.svg\";","export default __webpack_public_path__ + \"static/media/gold4-m.070654bb.svg\";","export default __webpack_public_path__ + \"static/media/gold5-l.94eee8a8.svg\";","export default __webpack_public_path__ + \"static/media/gold5-m.0579bdb3.svg\";","export default __webpack_public_path__ + \"static/media/close.c093eceb.svg\";","export default __webpack_public_path__ + \"static/media/stamp.acb58a2f.svg\";","import { useState, useEffect, useCallback } from 'react';\nimport { useEffectOnce, useCopyToClipboard, useOrientation } from 'react-use';\nimport { useInView } from 'react-hook-inview';\nimport { useForm } from 'react-hook-form';\nimport { apiQRCode } from '../../api';\nimport Notice from '../../components/Notice/Notice';\nimport imgTitle from './assets/title.svg';\nimport imgTitleSubL from './assets/title-sub-l.svg';\nimport imgTitleSubM from './assets/title-sub-m.svg';\nimport imgItem1L from './assets/item1-l.svg';\nimport imgItem1M from './assets/item1-m.svg';\nimport imgItem1MAlt from './assets/item1-m-alt.svg';\nimport imgItem2L from './assets/item2-l.svg';\nimport imgItem2M from './assets/item2-m.svg';\nimport imgFacebookHover from './assets/facebook-hover.svg';\nimport imgLineHover from './assets/line-hover.svg';\nimport imgMessengerHover from './assets/messenger-hover.svg';\nimport imgGold1L from './assets/gold1-l.svg';\nimport imgGold1M from './assets/gold1-m.svg';\nimport imgGold2L from './assets/gold2-l.svg';\nimport imgGold2M from './assets/gold2-m.svg';\nimport imgGold3L from './assets/gold3-l.svg';\nimport imgGold3M from './assets/gold3-m.svg';\nimport imgGold4L from './assets/gold4-l.svg';\nimport imgGold4M from './assets/gold4-m.svg';\nimport imgGold5L from './assets/gold5-l.svg';\nimport imgGold5M from './assets/gold5-m.svg';\nimport imgClose from './assets/close.svg';\nimport imgStamp from './assets/stamp.svg';\nimport EventFinished from '../../components/EventFinished/EventFinished';\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst Event2 = () => {\n\tconst [animate, setAnimate] = useState(false);\n\tconst [generatedLink, setGeneratedLink] = useState('');\n\t// const [generatedLink, setGeneratedLink] = useState('https://mgm.kgieworld.com.tw/mgm/qr/entry/7nryxdy6');\n\tconst [image, setImage] = useState('');\n\tconst [item1, item1Inview] = useInView(inViewOptions);\n\tconst [item2, item2Inview] = useInView(inViewOptions);\n\tconst [copyState, copyToClipboard] = useCopyToClipboard();\n\tconst [pop, setPop] = useState(false);\n\n\tconst {\n\t\tregister,\n\t\twatch,\n\t\thandleSubmit,\n\t\tformState: { errors },\n\t} = useForm({ mode: 'onSubmit', reValidateMode: 'onSubmit' });\n\n\tconst hasSales = watch('hasSales');\n\n\tuseEffectOnce(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetAnimate(true);\n\t\t}, 100);\n\t});\n\n\tuseEffect(() => {\n\t\tif (errors.id_no) alert(errors.id_no.message || '身分證字號格式錯誤');\n\t}, [errors.id_no]);\n\n\tuseEffect(() => {\n\t\tif (errors.DepartId) alert(errors.DepartId.message || '單位代號格式錯誤');\n\t}, [errors.DepartId]);\n\n\tuseEffect(() => {\n\t\tif (errors.MemberId) alert(errors.MemberId.message || '員工代號格式錯誤');\n\t}, [errors.MemberId]);\n\n\tconst submitForm = (data) => {\n\t\tapiQRCode(data)\n\t\t\t.then((response) => {\n\t\t\t\tif (response.status === 200 && response.data.rtnCode === '000') {\n\t\t\t\t\tsetGeneratedLink(response.data.rtnObj.shortURL);\n\t\t\t\t\tsetImage(response.data.rtnObj.qrImage);\n\t\t\t\t} else {\n\t\t\t\t\tlet message = '';\n\n\t\t\t\t\tswitch (response.data.rtnCode) {\n\t\t\t\t\t\tcase '001':\n\t\t\t\t\t\t\tmessage = '無資料';\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase '002':\n\t\t\t\t\t\t\tmessage = 'APIkey錯誤';\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase '003':\n\t\t\t\t\t\t\tmessage = '身分證驗證邏輯無法通過';\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase '004':\n\t\t\t\t\t\t\tmessage = '單位代號錯誤';\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase '005':\n\t\t\t\t\t\t\tmessage = '員工代號錯誤';\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase '006':\n\t\t\t\t\t\t\tmessage = '單位代號及員工代號不一致';\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase '99':\n\t\t\t\t\t\t\tmessage = 'API權限不足';\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tmessage = '執行失敗';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\t// if (response.data.rtnCode === '003') {\n\t\t\t\t\t// \tmessage = '請輸入正確的身分證號碼';\n\t\t\t\t\t// }\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (copyState.value) setPop(true);\n\t}, [copyState.value]);\n\n\tconst orientation = useOrientation();\n\n\tconst lineShare = useCallback((event) => {\n\t\tevent.preventDefault();\n\n\t\tlet share;\n\n\t\tif (orientation.type === 'portrait-primary') {\n\t\t\tshare = `https://social-plugins.line.me/lineit/share?text=邀請您也成為凱基一份子，百萬點LINEPOINTS大方送，還有多項大獎瘋狂抽!立即開戶GO:${generatedLink}  瞧瞧四重奏活動內容:https://www.kgieworld.com.tw/news/event/2022Q1/index.html#/`;\n\t\t} else {\n\t\t\tshare = `https://social-plugins.line.me/lineit/share?url=${generatedLink}&text=邀請您也成為凱基一份子，百萬點LINEPOINTS大方送，還有多項大獎瘋狂抽!立即開戶GO:${generatedLink}  瞧瞧四重奏活動內容:https://www.kgieworld.com.tw/news/event/2022Q1/index.html#/`;\n\t\t}\n\n\t\twindow.open(share, '_blank');\n\t}, [generatedLink, orientation.type]);\n\n\treturn (\n\t\t<div id='Event2'>\n\t\t\t<div className='preload-images'>\n\t\t\t\t<img src={imgFacebookHover} alt='' />\n\t\t\t\t<img src={imgLineHover} alt='' />\n\t\t\t\t<img src={imgMessengerHover} alt='' />\n\t\t\t</div>\n\n\t\t\t<section className='section1'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<img src={imgTitle} alt='三合一開戶 即享 百元現金' className={`title ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<br />\n\n\t\t\t\t\t<img src={imgTitleSubL} alt='活動日期：2022/04/01~ 2022/06/30' className={`title-sub subL ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgTitleSubM} alt='活動日期：2022/04/01~ 2022/06/30' className={`title-sub subM ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section className='section2'>\n\t\t\t\t<div className={`item ${item1Inview ? 'isInview' : ''}`} ref={item1}>\n\t\t\t\t\t<img src={imgItem1L} alt='取得邀請連結' className='border borderL' />\n\n\t\t\t\t\t{generatedLink ? <img src={imgItem1MAlt} alt='取得邀請連結' className='border borderM alt' /> : <img src={imgItem1M} alt='取得邀請連結' className='border borderM' />}\n\n\t\t\t\t\t<div className='item1-wrap'>\n\t\t\t\t\t\t<div className='top'>\n\t\t\t\t\t\t\t透過專屬連結邀請親友成功開戶，\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t即可獲得line points\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t每人最高可獲得<span className='orange'>2000點</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{generatedLink ? (\n\t\t\t\t\t\t\t<div className='generated'>\n\t\t\t\t\t\t\t\t<div className='text-box'>{generatedLink}</div>\n\n\t\t\t\t\t\t\t\t<div className='buttons'>\n\t\t\t\t\t\t\t\t\t<a href={`data:image/png;base64,${image}`} download='QR Code.png' target='_blank' rel='noreferrer noopener' className='button'>\n\t\t\t\t\t\t\t\t\t\t下載QR Code\n\t\t\t\t\t\t\t\t\t</a>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName='button'\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tcopyToClipboard(generatedLink);\n\t\t\t\t\t\t\t\t\t\t\tif (copyState.value) setPop(true);\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t複製連結\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='links'>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(generatedLink)}&quote=${encodeURIComponent(\n\t\t\t\t\t\t\t\t\t\t\t`邀請您也成為凱基一份子，百萬點LINEPOINTS大方送，還有多項大獎瘋狂抽!立即開戶GO:${generatedLink}  瞧瞧四重奏活動內容:https://www.kgieworld.com.tw/news/event/2022Q1/index.html#/`\n\t\t\t\t\t\t\t\t\t\t)}`}\n\t\t\t\t\t\t\t\t\t\ttarget='_blank'\n\t\t\t\t\t\t\t\t\t\trel='noreferrer noopener'\n\t\t\t\t\t\t\t\t\t\tclassName='facebook'\n\t\t\t\t\t\t\t\t\t\talt='Facebook share'>\n\t\t\t\t\t\t\t\t\t\t<div></div>\n\t\t\t\t\t\t\t\t\t</a>\n\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={`https://social-plugins.line.me/lineit/share?text=${encodeURIComponent(\n\t\t\t\t\t\t\t\t\t\t\t`邀請您也成為凱基一份子，百萬點LINEPOINTS大方送，還有多項大獎瘋狂抽!立即開戶GO:${generatedLink}  瞧瞧四重奏活動內容:https://www.kgieworld.com.tw/news/event/2022Q1/index.html#/`\n\t\t\t\t\t\t\t\t\t\t)}`}\n\t\t\t\t\t\t\t\t\t\tonClick={lineShare}\n\t\t\t\t\t\t\t\t\t\ttarget='_blank'\n\t\t\t\t\t\t\t\t\t\trel='noreferrer noopener'\n\t\t\t\t\t\t\t\t\t\tclassName='line'\n\t\t\t\t\t\t\t\t\t\talt='LINE share'>\n\t\t\t\t\t\t\t\t\t\t<div></div>\n\t\t\t\t\t\t\t\t\t</a>\n\n\t\t\t\t\t\t\t\t\t{/* <a href={`fb-messenger://share?link=${encodeURIComponent(generatedLink)}&app_id=`} target='_blank' rel='noreferrer noopener' className='messenger' alt='Messenger share'>\n\t\t\t\t\t\t\t\t\t\t<div></div>\n\t\t\t\t\t\t\t\t\t</a> */}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className='not-generated'>\n\t\t\t\t\t\t\t\t<form onSubmit={handleSubmit(submitForm)}>\n\t\t\t\t\t\t\t\t\t<div className='info'>輸入身分證字號取得專屬邀請網址</div>\n\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\tclassName='input id_no'\n\t\t\t\t\t\t\t\t\t\tplaceholder='請輸入身分證字號'\n\t\t\t\t\t\t\t\t\t\t{...register('id_no', {\n\t\t\t\t\t\t\t\t\t\t\trequired: {\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: true,\n\t\t\t\t\t\t\t\t\t\t\t\tmessage: '身分證字號為必填欄位',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\tpattern: {\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: /^[A-Z]{1}[1-2]{1}[0-9]{8}$/,\n\t\t\t\t\t\t\t\t\t\t\t\tmessage: '身分證字號格式錯誤',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\tmaxLength: 10,\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t<div className='check-wrap'>\n\t\t\t\t\t\t\t\t\t\t<label className='custom-checkbox'>\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\t\t\t\t\t\t{...register('hasSales')}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<div className='checkbox'></div>\n\t\t\t\t\t\t\t\t\t\t\t<div className='text'>指定營業員</div>\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div className={`flex-inputs ${hasSales ? '' : 'disabled'}`}>\n\t\t\t\t\t\t\t\t\t\t<div className='input-flex'>\n\t\t\t\t\t\t\t\t\t\t\t<div className='label'>單位代號</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\ttype='text'\n\t\t\t\t\t\t\t\t\t\t\t\t{...register('DepartId', {\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled: !hasSales,\n\t\t\t\t\t\t\t\t\t\t\t\t\trequired: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: hasSales,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmessage: '單位代號為必填欄位',\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength: 43,\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div className='input-flex'>\n\t\t\t\t\t\t\t\t\t\t\t<div className='label'>員工代號</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\ttype='text'\n\t\t\t\t\t\t\t\t\t\t\t\t{...register('MemberId', {\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled: !hasSales,\n\t\t\t\t\t\t\t\t\t\t\t\t\trequired: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: hasSales,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmessage: '員工代號為必填欄位',\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\tmaxLength: 7,\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div className='button-wrap'>\n\t\t\t\t\t\t\t\t\t\t<button type='submit'>產生連結</button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className={`item ${item2Inview ? 'isInview' : ''}`} ref={item2}>\n\t\t\t\t\t<img src={imgItem2L} alt='揪友飆點數' className='border borderL' />\n\t\t\t\t\t<img src={imgItem2M} alt='揪友飆點數' className='border borderM' />\n\n\t\t\t\t\t<div className='item2-wrap'>\n\t\t\t\t\t\t<img src={imgGold1L} alt='1200' className={`gold g1 gl ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold1M} alt='1200' className={`gold g1 gm ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold2L} alt='1400' className={`gold g2 gl ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold2M} alt='1400' className={`gold g2 gm ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold3L} alt='1600' className={`gold g3 gl ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold3M} alt='1600' className={`gold g3 gm ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold4L} alt='1800' className={`gold g4 gl ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold4M} alt='1800' className={`gold g4 gm ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold5L} alt='2000' className={`gold g5 gl ${item2Inview ? 'isInview' : ''}`} />\n\t\t\t\t\t\t<img src={imgGold5M} alt='2000' className={`gold g5 gm ${item2Inview ? 'isInview' : ''}`} />\n\n\t\t\t\t\t\t<div className='text'>\n\t\t\t\t\t\t\t推薦<span className='orange'>6位(含)以上</span>點數翻倍賺&nbsp;&nbsp;\n\t\t\t\t\t\t\t<span className='br'>\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t每人最高回饋<span className='orange'>2000點</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<Notice>\n\t\t\t\t<ul>\n\t\t\t\t\t<li>活動期間：2022/04/01至2022/09/30止。</li>\n\t\t\t\t\t<li>活動期間每個ID限被推薦一次，依成功開戶所使用的推薦連結(QRcode)判斷推薦人。</li>\n\t\t\t\t\t<li>被推薦人必須為本公司全新客戶，且一年內(2021/04/01~2022/03/31)銷戶者不符活動被推薦人資格。</li>\n\t\t\t\t\t<li>被推薦人完成開戶後，將於次日結算並配發推薦人Line Points 點數序號。</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t活動期間成功推薦1~5位贈送LINE POINTS 100點，推薦6位（含）以上，可享點數翻倍賺。\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t舉例：\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t推薦共五位，每位100，共獲得500點。\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t推薦達六位，每位200，共獲得1,200點。\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t推薦達八位，每位200，共獲得1,600點。\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t……以此類推，每位推薦人(每ID)最高回饋2,000點。\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>被推薦人資格不符合、違反本活動規定事項、活動期間內先銷戶再開戶、開戶後又銷戶或違約交割者，本公司保有取消贈獎之權利。</li>\n\t\t\t\t\t<li>活動對象限本國自然人（包含98員工戶）。</li>\n\t\t\t\t\t<li>本活動僅限設籍於本國台灣、澎湖、金門、馬祖地區之一般國內自然人(不含法人/外國人)參加。\n\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t<li>活動贈點不得要求退換或兌現。</li>\n\t\t\t\t\t\t\t<li>必須為台灣LINE應用程式使用者：\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>若尚未使用LINE應用程式者，煩請下載安裝LINE應用程式之後進行相關手續。</li>\n\t\t\t\t\t\t\t\t\t<li>需使用LINE登入，並請於LINE設定電子郵件信箱與密碼。</li>\n\t\t\t\t\t\t\t\t\t<li>手機門號、LINE帳號必須為台灣LINE用戶。</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>POINT CODE效期及無法使用狀況：\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>已使用過的POINT CODE無法再行使用。</li>\n\t\t\t\t\t\t\t\t\t<li>POINT CODE具有效期限，一旦過了有效期限即無法使用。點數兌換效期為生效日後729天，而點數使用效期為最後一次獲點後的180天內。</li>\n\t\t\t\t\t\t\t\t\t<li>若因過期失效之事宜，恕本公司不負任何責任，敬請見諒。</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>POINTS使用方法可參考LINE POINTS支援中心 https://help2.line.me/linepoints</li>\n\t\t\t\t\t\t\t<li>POINT CODE問題反應可透過LINE「問題反應表」網頁詢問 https://contact.line.me/</li>\n\t\t\t\t\t\t\t<li>請務必同意以上使用注意事項後再參加本活動。其餘未盡事宜或條件變更請以LINE Point規範為主。</li>\n\t\t\t\t\t\t</ol>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>參加者應保證參加本活動之資料均屬真實、正確且完整，且未有冒用或盜用任何第三人之資料; 若因此本公司無法通知得獎訊息時，本公司不負任何責任，如本公司或其他第三人因此而受損害，參加者應負一切相關法律責任; 如因參加者提供資料不全、有誤，而導致獎品無法配送，恕不另行補發。</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t參加者之交易若有違反證券交易法、期貨交易法、洗錢防制法及台灣證券交易所股份有限公司、臺灣期貨交易所股份有限公司、中華民國證券商業同業公會、中華民國期貨業商業同業公會、財團法人中華民國證券櫃檯買賣中心等機構之相關規定，本公司有權取消其抽獎或得獎資格，參加者如因違反與本公司之合約或其他法令，致其帳戶遭停權者，亦同。\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t經查證後，若發現參加者透過系統漏洞或非法手段(惡意程式等類似行為)，參與活動，將取消參加資格，本公司並不另行通知，本活動如有任何因電腦、網路、電話、、技術或其他不可歸責於本公司之因素，而使本活動參加者所寄出或登錄資料有遲延、遺失、錯誤、無法辨識或損毀情況，本公司不負任何法律責任，本活動參加者或得獎者亦不得因此異議。\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>依中華民國稅法規定，本活動獎項之得獎者如為中華民國境內居住之個人，每人每年度累積取得之獎金或獎品之價值超過新台幣1,000元者，本公司將依規定開立扣繳憑單，列單申報該主管稽徵機關，併入其所得額中計算綜合所得稅。得獎者需提供身分證正反面影本及依規定填寫相關中獎收據，方可領獎。</li>\n\t\t\t\t\t<li>除法律另有規定或契約另有約定外，參加本活動留下個人基本資料者，可就其個人資料依法行使下列權利：查詢或請求閱覽、請求製給複製本、請求補充或更正、請求停止蒐集、處理或利用、請求刪除、請求處理限制、請求資料可攜性、拒絕自動化剖析、拒絕直接行銷目的之個人資料處理。</li>\n\t\t\t\t\t<li>本公司保留隨時變更活動辦法、獎項內容以及暫停、延長、提前終止本活動之權利，本活動辦法若未盡詳細事宜，本公司得隨時修訂公布，修改訊息將於本網站上公布，不另行通知。本公司就活動內容、獎項內容得依實際狀況及較佳效果斟酌調整，並保有對於活動規則之解釋權利。</li>\n\t\t\t\t</ul>\n\t\t\t</Notice>\n\n\t\t\t<div className={`copied-popup ${pop ? 'active' : ''}`}>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName='close'\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetPop(false);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<img src={imgClose} alt='關閉彈跳視窗' />\n\t\t\t\t\t</div>\n\t\t\t\t\t連結複製成功\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<EventFinished />\n\t\t</div>\n\t);\n};\n\nexport default Event2;\n","export default __webpack_public_path__ + \"static/media/title.e99a610e.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-l.31cdcf30.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-m.c46742a6.svg\";","export default __webpack_public_path__ + \"static/media/link-l.4d919d0c.svg\";","export default __webpack_public_path__ + \"static/media/link-m.7c16c76f.svg\";","export default __webpack_public_path__ + \"static/media/link-hover-l.e45ac45e.svg\";","export default __webpack_public_path__ + \"static/media/link-hover-m.38a93edb.svg\";","export default __webpack_public_path__ + \"static/media/android-l.9f76bd82.svg\";","export default __webpack_public_path__ + \"static/media/android-m.2ba1bdd3.svg\";","export default __webpack_public_path__ + \"static/media/android-hover-l.2378cd61.svg\";","export default __webpack_public_path__ + \"static/media/android-hover-m.66c0d67b.svg\";","export default __webpack_public_path__ + \"static/media/ios-l.1ba6f740.svg\";","export default __webpack_public_path__ + \"static/media/ios-m.1ccdef26.svg\";","export default __webpack_public_path__ + \"static/media/ios-hover-l.a777ab05.svg\";","export default __webpack_public_path__ + \"static/media/ios-hover-m.6d26347a.svg\";","export default __webpack_public_path__ + \"static/media/prev.7428b324.svg\";","export default __webpack_public_path__ + \"static/media/next.b0fed518.svg\";","export default __webpack_public_path__ + \"static/media/stamp.acb58a2f.svg\";","import Slider from 'react-slick';\nimport { useState, useRef } from 'react';\nimport { useEffectOnce } from 'react-use';\nimport Notice from '../../components/Notice/Notice';\nimport imgTitle from './assets/title.svg';\nimport imgTitleSubL from './assets/title-sub-l.svg';\nimport imgTitleSubM from './assets/title-sub-m.svg';\nimport imgLinkL from './assets/link-l.svg';\nimport imgLinkM from './assets/link-m.svg';\nimport imgLinkHoverL from './assets/link-hover-l.svg';\nimport imgLinkHoverM from './assets/link-hover-m.svg';\nimport imgAndroidL from './assets/android-l.svg';\nimport imgAndroidM from './assets/android-m.svg';\nimport imgAndroidHoverL from './assets/android-hover-l.svg';\nimport imgAndroidHoverM from './assets/android-hover-m.svg';\nimport imgIosL from './assets/ios-l.svg';\nimport imgIosM from './assets/ios-m.svg';\nimport imgIosHoverL from './assets/ios-hover-l.svg';\nimport imgIosHoverM from './assets/ios-hover-m.svg';\nimport imgPrev from './assets/prev.svg';\nimport imgNext from './assets/next.svg';\nimport imgStamp from './assets/stamp.svg';\nimport EventFinished from '../../components/EventFinished/EventFinished';\n\nconst PrevArrow = (props) => {\n\treturn (\n\t\t<div className={`arrow prev ${props.className}`}>\n\t\t\t<img src={imgPrev} alt='上一張' onClick={props.onClick} />\n\t\t</div>\n\t)\n}\n\nconst NextArrow = (props) => {\n\treturn (\n\t\t<div className={`arrow next ${props.className}`}>\n\t\t\t<img src={imgNext} alt='下一張' onClick={props.onClick} />\n\t\t</div>\n\t)\n}\n\nconst sliderSettings = {\n\tarrows: true,\n\tdots: false,\n\tautoplay: false,\n\tslidesToShow: 1,\n\tinfinite: false,\n\tprevArrow: <PrevArrow />,\n\tnextArrow: <NextArrow />,\n\tadaptiveHeight: true,\n};\n\nconst main = {\n\ttitle: '九大任務關卡介紹',\n\tvideoSrc: 'https://www.youtube.com/embed/V12y-9LuedY',\n\tvideoThumb: 'https://img.youtube.com/vi/V12y-9LuedY/maxresdefault.jpg',\n};\n\nconst items = [\n\t{\n\t\ttitle: '首次密碼變更',\n\t\ttitleHtml: '首次<span class=\"m\"><br /></span>密碼變更',\n\t\tsub: '為確保投資人網路交易安全，完成開戶後必須先進行密碼變更之後才能使用凱基各平台',\n\t\tvideoId: '6R5vYU6QQoY',\n\t\tlink: 'https://www.kgieworld.com.tw/PWDCHG/WFLogin.aspx?Source=A',\n\t\tfolder: '01',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '前往凱基密碼中心',\n\t\t\t\t\tcontent: '登入頁面，輸入身分證字號及密碼'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '進行密碼變更',\n\t\t\t\t\tcontent: '請按照頁面指示做修改，並勾選語音網路密碼同步變更',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '恭喜您完成密碼變更',\n\t\t\t\t\tcontent: '您將會收到密碼變更完成信件',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '前往凱基密碼中心',\n\t\t\t\t\tcontent: '登入頁面，輸入身分證字號及密碼'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '進行密碼變更',\n\t\t\t\t\tcontent: '請按照頁面指示做修改，並勾選語音網路密碼同步變更',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '恭喜您完成密碼變更',\n\t\t\t\t\tcontent: '您將會收到密碼變更完成信件',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '申請電子憑證',\n\t\ttitleHtml: '申請<span class=\"m\"><br /></span>電子憑證',\n\t\tsub: '快e網提供各項帳務下單、查詢、申請等服務，為了證明擁有者的身分並且確保交易內容正確因此使用各項服務實，都需透過電子憑證證明身分。',\n\t\tvideoId: 'D_BVhRYV7kk',\n\t\tlink: 'https://trade.kgieworld.com.tw/RAWEB/index.jsp?Source=A',\n\t\tfolder: '02',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '凱基證券電子交易憑證中心',\n\t\t\t\t\tcontent: '登入電子交易憑證中心，輸入身分證字號及密碼'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '下載Servisign元件及安裝',\n\t\t\t\t\tcontent: '請按照畫面上步驟安裝',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '恭喜安裝完成',\n\t\t\t\t\tcontent: '安裝完成後就可以使用囉！',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '凱基證券行動憑證中心',\n\t\t\t\t\tcontent: '登入電子交易憑證中心，輸入身分證字號及密碼'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '憑證申請及查詢',\n\t\t\t\t\tcontent: '請按申請憑證，並進行手機或mail認證碼雙重驗證。認證成功後等候系統憑證申請',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '認憑證申請結果',\n\t\t\t\t\tcontent: '恭喜憑證申請成功',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '登入隨身e策略',\n\t\ttitleHtml: '登入隨身<span class=\"m\"><br /></span>e策略',\n\t\tsub: '隨身e策略提供證券、期貨、選擇權及海外複委託、海外期貨等商品交易及資訊。並且擁有策略選股及回測等功能。詳細介紹可見<a href=\"https://www.kgieworld.com.tw/service/Service_3_4.aspx?frm=18\" target=\"_blank\" rel=\"noreferrer noopener\">策略選股聰明投資</a>',\n\t\tvideoId: 'LMidts9twDw',\n\t\tandroidLink: 'https://play.google.com/store/apps/details?id=tw.com.kgi.ecapp',\n\t\tiosLink: 'https://apps.apple.com/tw/app/%E9%9A%A8%E8%BA%ABe%E7%AD%96%E7%95%A5/id1473914290',\n\t\tfolder: '03',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '登入隨身e策略',\n\t\t\t\t\tcontent: '桌機請掃QRcode下載並登入<br />手機請於APP Store或Google Play搜尋『隨身e策略」下載後登入'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '登入隨身e策略',\n\t\t\t\t\tcontent: '登入成功即完成任務了唷！',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '登入隨身e策略',\n\t\t\t\t\tcontent: '桌機請掃QRcode下載並登入<br />手機請於APP Store或Google Play搜尋『隨身e策略」下載後登入'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '登入隨身e策略',\n\t\t\t\t\tcontent: '登入成功即完成任務了唷！',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '綁定集保e存摺',\n\t\ttitleHtml: '綁定集保<span class=\"m\"><br /></span>e存摺',\n\t\tsub: '由台灣集中保管結算所推出APP，能夠幫投資人整合銀行、證券、債券、基金、黃金等資產明細，此外每年股東會旺季還可以透過集保 e 手掌握直接進行線上投票。詳細安裝說明可見<a href=\"https://epassbook.tdcc.com.tw/zh/a1.aspx\" target=\"_blank\" rel=\"noreferrer noopener\">集保 e 手掌握</a>',\n\t\tvideoId: 'OULYvdnxVZ8',\n\t\tandroidLink: 'https://play.google.com/store/apps/details?id=tw.com.kgi.ecapp',\n\t\tiosLink: 'https://apps.apple.com/tw/app/%E9%9A%A8%E8%BA%ABe%E7%AD%96%E7%95%A5/id1473914290',\n\t\tfolder: '04',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '請登入隨身e策略APP',\n\t\t\t\t\tcontent: '桌機請掃描右邊圖檔打開APP<br />手機使用者請登入您的隨身e策略'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請登入KGI凱基專區',\n\t\t\t\t\tcontent: '位在於隨身e策略APP的右下角『KGI』',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '點選集保作業',\n\t\t\t\t\tcontent: '登入凱基專區後請看集保作業（橘色）<br />點選白字『集保e存摺申請』',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '集保e存摺申請',\n\t\t\t\t\tcontent: '輸入您個人的資料並勾選同意書及聲明，就可以申請送出了！<br />想知道結果，再登入進來就可以看到申請的狀態！',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '請登入隨身e策略APP',\n\t\t\t\t\tcontent: '桌機請掃描右邊圖檔打開APP<br />手機使用者請登入您的隨身e策略'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請登入KGI凱基專區',\n\t\t\t\t\tcontent: '位在於隨身e策略APP的右下角『KGI』',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '點選集保作業',\n\t\t\t\t\tcontent: '登入凱基專區後請看集保作業（橘色）<br />點選白字『集保e存摺申請』',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '集保e存摺申請',\n\t\t\t\t\tcontent: '輸入您個人的資料並勾選同意書及聲明，就可以申請送出了！<br />想知道結果，再登入進來就可以看到申請的狀態！',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '申請電子對帳單',\n\t\ttitleHtml: '申請電子<span class=\"m\"><br /></span>對帳單',\n\t\tsub: '電子對帳單避免帳單遺失、被誤開及節能減碳等',\n\t\tvideoId: 'FdeGrI1Lij8',\n\t\tlink: 'https://billhunter.kgieworld.com.tw/kgi_order/login.aspx',\n\t\tfolder: '05',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '前往凱基證券訂閱中心',\n\t\t\t\t\tcontent: '至凱基證券訂閱中心，輸入您的身分證字號及密碼'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '勾選訂閱項目',\n\t\t\t\t\tcontent: '訂閱【證券電子對帳單】',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '憑證驗證',\n\t\t\t\t\tcontent: '確定驗證個人憑證',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '設定寄送email',\n\t\t\t\t\tcontent: '確認證券電子對帳單專區之個人資料與選擇帳號',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '前往凱基證券訂閱中心',\n\t\t\t\t\tcontent: '至凱基證券訂閱中心，輸入您的身分證字號及密碼'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '勾選訂閱項目',\n\t\t\t\t\tcontent: '訂閱【證券電子對帳單】',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '憑證驗證',\n\t\t\t\t\tcontent: '確定驗證個人憑證',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '設定寄送email',\n\t\t\t\t\tcontent: '確認證券電子對帳單專區之個人資料與選擇帳號',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '加開ｅ財庫',\n\t\ttitleHtml: '加開<span class=\"m\"><br /></span>ｅ財庫',\n\t\tsub: '透過一個帳戶統一管理證券、財管、複委託等交割帳務。此外，透過分戶帳開戶還可加快開戶速度。',\n\t\tvideoId: '435wj9o-Euc',\n\t\tlink: 'https://eoa.kgi.com.tw/OOA/index.aspx?Source=A',\n\t\tpad: true,\n\t\tfolder: '06',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '凱基快e開首頁',\n\t\t\t\t\tcontent: '若您已有凱基證券帳號<br />請開啟凱基快e開選擇【我是既有戶】'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '快e開-既有戶加開',\n\t\t\t\t\tcontent: '請於加開服務項目，點選證券交割專戶（e財庫）',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '申請證券交割專戶（e財庫）',\n\t\t\t\t\tcontent: '請輸入身分證字號及您在凱基的交易密碼，勾選同意個資使用，並按下身份確認<ul><li>如果遺忘密碼，請按下方的【忘記密碼】</li><li>如果您沒有電子戶，請按下方的【沒有電子戶】，系統將引導為您申請電子密碼</li></ul>',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '設定出入金帳戶',\n\t\t\t\t\tcontent: '請選擇【原交割帳戶】或增加【其他銀行帳號】做為出入金帳戶',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '上傳證件',\n\t\t\t\t\tcontent: '請上傳自設出入金或入金之銀行存摺',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '填寫資料設定電子對帳單',\n\t\t\t\t\tcontent: '輸入兩次電子信箱以確認(無須啟動信箱)',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '簽署契約',\n\t\t\t\t\tcontent: '勾選閱讀契約書並送出申請',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '送出申請',\n\t\t\t\t\tcontent: 'e財庫開戶進度以email 通知',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '凱基快e開首頁',\n\t\t\t\t\tcontent: '若您已有凱基證券帳號<br />請開啟凱基快e開選擇【我是既有戶】'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '快e開-既有戶加開',\n\t\t\t\t\tcontent: '請於加開服務項目，點選證券交割專戶（e財庫）',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '申請證券交割專戶（e財庫）',\n\t\t\t\t\tcontent: '請輸入身分證字號及您在凱基的交易密碼，勾選同意個資使用，並按下身份確認<ul><li>如果遺忘密碼，請按下方的【忘記密碼】</li><li>如果您沒有電子戶，請按下方的【沒有電子戶】，系統將引導為您申請電子密碼</li></ul>',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '設定出入金帳戶',\n\t\t\t\t\tcontent: '請選擇【原交割帳戶】或增加【其他銀行帳號】做為出入金帳戶',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '上傳證件',\n\t\t\t\t\tcontent: '請上傳自設出入金或入金之銀行存摺',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '填寫資料設定電子對帳單',\n\t\t\t\t\tcontent: '輸入兩次電子信箱以確認(無須啟動信箱)',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '簽署契約',\n\t\t\t\t\tcontent: '勾選閱讀契約書並送出申請',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '送出申請',\n\t\t\t\t\tcontent: 'e財庫開戶進度以email 通知',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '加開複委託',\n\t\ttitleHtml: '加開<span class=\"m\"><br /></span>複委託',\n\t\tsub: '透過複委託戶可直接投資海外金融商品 ',\n\t\tvideoId: 'RsXwBDlXSmc',\n\t\tlink: 'https://eoa.kgi.com.tw/OOA/index.aspx?Source=A',\n\t\tpad: true,\n\t\tfolder: '07',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '凱基快e開首頁',\n\t\t\t\t\tcontent: '若您已有凱基證券帳號<br />請開啟凱基快e開選擇【我是既有戶】'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '快e開-既有戶加開',\n\t\t\t\t\tcontent: '請於加開服務項目中，點選【財富管理及複委託】',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '選擇加開項目(三選一)',\n\t\t\t\t\tcontent: '選擇同時加開複委託及財富管理',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請備妥下列文件',\n\t\t\t\t\tcontent: '<ol><li>國民身分證</li><li>健保卡或駕照</li><li>本人銀行帳戶（非證券）</li><li>財力證明/名片/工作證</li></ol>當您準備齊全了，就按下一步吧！'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請填妥畫面上資料',\n\t\t\t\t\tcontent: '請輸入身分證字號及您在凱基的交易密碼，並勾選兩項的隱私權資料，確保您為本人。最後按下身份確認<ul><li>如果遺忘密碼，請按下方的【忘記密碼】</li><li>如果您沒有電子戶，請按下方的【沒有電子戶】，系統將引導為您申請電子密碼</li></ul>',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '進入個人帳戶頁面申請',\n\t\t\t\t\tcontent: '勾選開立複委託海外交易帳戶，並按下一步。',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '設定出入金帳戶',\n\t\t\t\t\tcontent: '選擇您想以【原交割帳戶】或增加【其他銀行帳號】做為出入金帳戶，確認後並前往下一步'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '《e財庫》往來銀行帳戶設定',\n\t\t\t\t\tcontent: '可設定連結銀行帳戶，至少自設1組出入金帳戶或增加約定入金帳戶(總計最多5組入金帳戶)',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '上傳證件',\n\t\t\t\t\tcontent: '請上傳自設出入金之銀行存摺',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '恭喜您完成加開複委託申請',\n\t\t\t\t\tcontent: '',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '凱基快e開首頁',\n\t\t\t\t\tcontent: '若您已有凱基證券帳號<br />請開啟凱基快e開選擇【我是既有戶】'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '快e開-既有戶加開',\n\t\t\t\t\tcontent: '請於加開服務項目中，點選【財富管理及複委託】',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '選擇加開項目(三選一)',\n\t\t\t\t\tcontent: '選擇同時加開複委託及財富管理',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請備妥下列文件',\n\t\t\t\t\tcontent: '<ol><li>國民身分證</li><li>健保卡或駕照</li><li>本人銀行帳戶（非證券）</li><li>財力證明/名片/工作證</li></ol>當您準備齊全了，就按下一步吧！'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請填妥畫面上資料',\n\t\t\t\t\tcontent: '請輸入身分證字號及您在凱基的交易密碼，並勾選兩項的隱私權資料，確保您為本人。最後按下身份確認<ul><li>如果遺忘密碼，請按下方的【忘記密碼】</li><li>如果您沒有電子戶，請按下方的【沒有電子戶】，系統將引導為您申請電子密碼</li></ul>',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '進入個人帳戶頁面申請',\n\t\t\t\t\tcontent: '勾選開立複委託海外交易帳戶，並按下一步。',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '設定出入金帳戶',\n\t\t\t\t\tcontent: '選擇您想以【原交割帳戶】或增加【其他銀行帳號】做為出入金帳戶，確認後並前往下一步'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '《e財庫》往來銀行帳戶設定',\n\t\t\t\t\tcontent: '可設定連結銀行帳戶，至少自設1組出入金帳戶或增加約定入金帳戶(總計最多5組入金帳戶)',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '上傳證件',\n\t\t\t\t\tcontent: '請上傳自設出入金之銀行存摺',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '恭喜您完成加開複委託申請',\n\t\t\t\t\tcontent: '',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '簽署投顧契約',\n\t\ttitleHtml: '簽署<span class=\"m\"><br /></span>投顧契約',\n\t\tsub: '完成投顧簽署後可觀看凱基投顧相關研究報告，詳細說明可見<a href=\"https://mag.kgieworld.com.tw/content/klohaskgisia-55\" target=\"_blank\" rel=\"noreferrer noopener\">凱基樂活投資誌</a>',\n\t\tvideoId: 'tOag3Jw1sP4',\n\t\tandroidLink: 'https://play.google.com/store/apps/details?id=tw.com.kgi.ecapp',\n\t\tiosLink: 'https://apps.apple.com/tw/app/%E9%9A%A8%E8%BA%ABe%E7%AD%96%E7%95%A5/id1473914290',\n\t\tfolder: '08',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '請登入隨身e策略APP',\n\t\t\t\t\tcontent: '桌機請掃描右邊圖檔打開APP<br />手機使用者請登入您的隨身e策略'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請點選KGI',\n\t\t\t\t\tcontent: '點選隨身e策略APP的右下角『KGI』',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '登入文件線上簽署',\n\t\t\t\t\tcontent: '登入凱基專區後請點選文件簽署',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '線上簽署',\n\t\t\t\t\tcontent: '系統會主動帶出您在凱基的資料，再請您根據畫面內容簽署完成',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '個資同意',\n\t\t\t\t\tcontent: '個資同意後即簽署完成囉！<br />您可以開始享用各式各項豐富的投資報告',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '請登入隨身e策略APP',\n\t\t\t\t\tcontent: '桌機請掃描右邊圖檔打開APP<br />手機使用者請登入您的隨身e策略'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '請點選KGI',\n\t\t\t\t\tcontent: '點選隨身e策略APP的右下角『KGI』',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '登入文件線上簽署',\n\t\t\t\t\tcontent: '登入凱基專區後請點選文件簽署',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '線上簽署',\n\t\t\t\t\tcontent: '系統會主動帶出您在凱基的資料，再請您根據畫面內容簽署完成',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '個資同意',\n\t\t\t\t\tcontent: '個資同意後即簽署完成囉！<br />您可以開始享用各式各項豐富的投資報告',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\t{\n\t\ttitle: '綁定LINE官方帳號',\n\t\ttitleHtml: '綁定LINE<span class=\"m\"><br /></span>官方帳號',\n\t\tsub: '凱基樂活投資人 LINE@可以快速查詢庫存狀況、成交回報，每天還提供最新的投資訊息與盤勢分析',\n\t\tvideoId: '20te0rAg0zA',\n\t\tlink: 'https://page.line.me/kgieworld?openQrModal=true?Source=A',\n\t\tfolder: '09',\n\t\tsteps: {\n\t\t\tdesktop: [\n\t\t\t\t{\n\t\t\t\t\theading: '加入LINE OA凱基樂活投資人 ',\n\t\t\t\t\tcontent: '桌機請掃描螢幕上Qrcode加入，手機可直接於LINE上搜尋官方帳號『凱基樂活投資人』，並開始於手機的LINE OA作業'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '打開LINE OA凱基樂活投資人 ',\n\t\t\t\t\tcontent: '點選綁定帳號並許可要求項目資訊後LINE會直接帶入到凱基個人化綁定服務頁面',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '凱基LINE個人化綁定服務',\n\t\t\t\t\tcontent: '總共四步驟，請同意服務使用條款及輸入個人資料、系統會主動帶出您在凱基的資訊。您可選擇想要綁定的服務帳號，最後確認送出即完成綁定完成',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '凱基LINE個人化綁定服務',\n\t\t\t\t\tcontent: '恭喜您綁定完成',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\t{\n\t\t\t\t\theading: '加入LINE OA凱基樂活投資人 ',\n\t\t\t\t\tcontent: '桌機請掃描螢幕上Qrcode加入，手機可直接於LINE上搜尋官方帳號『凱基樂活投資人』，並開始於手機的LINE OA作業'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '打開LINE OA凱基樂活投資人 ',\n\t\t\t\t\tcontent: '點選綁定帳號並許可要求項目資訊後LINE會直接帶入到凱基個人化綁定服務頁面',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '凱基LINE個人化綁定服務',\n\t\t\t\t\tcontent: '總共四步驟，請同意服務使用條款及輸入個人資料、系統會主動帶出您在凱基的資訊。您可選擇想要綁定的服務帳號，最後確認送出即完成綁定完成',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theading: '凱基LINE個人化綁定服務',\n\t\t\t\t\tcontent: '恭喜您綁定完成',\n\t\t\t\t},\n\t\t\t],\n\t\t}\n\t},\n\n];\n\nconst Event3 = () => {\n\tconst [animate, setAnimate] = useState(false);\n\tconst [popup, setPopup] = useState(false);\n\tconst [currentItem, setCurrentItem] = useState({});\n\tconst [mainVideo, setMainVideo] = useState(main);\n\tconst [deviceType, setDeviceType] = useState('desktop');\n\tconst slider = useRef(null);\n\n\tuseEffectOnce(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetAnimate(true);\n\t\t}, 100);\n\n\t\tconst ua = navigator.userAgent;\n\n\t\tif (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {\n\t\t\tsetDeviceType('mobile');\n\t\t} else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua)) {\n\t\t\tsetDeviceType('mobile');\n\t\t} else {\n\t\t\tsetDeviceType('desktop');\n\t\t}\n\t});\n\n\tconst chooseItem = (item) => {\n\t\tconst newItem = {\n\t\t\t...item,\n\t\t\tvideoSrc: `https://www.youtube.com/embed/${item.videoId}`,\n\t\t\tvideoThumb: `https://img.youtube.com/vi/${item.videoId}/maxresdefault.jpg`,\n\t\t};\n\n\t\tsetCurrentItem(newItem);\n\t\tsetPopup(true);\n\n\t\tslider.current.slickGoTo(0);\n\n\t\tsetTimeout(() => {\n\t\t\tslider.current.slickGoTo(0);\n\t\t}, 100);\n\t};\n\n\tconst playVideo = () => {\n\t\tsetCurrentItem({\n\t\t\t...currentItem,\n\t\t\tvideoSrc: currentItem.videoSrc + '?autoplay=1&mute=1',\n\t\t\tplay: true,\n\t\t});\n\t};\n\n\tconst playMainVideo = () => {\n\t\tsetMainVideo({\n\t\t\t...mainVideo,\n\t\t\tvideoSrc: mainVideo.videoSrc + '?autoplay=1&mute=1',\n\t\t\tplay: true,\n\t\t});\n\t};\n\n\treturn (\n\t\t<div id='Event3'>\n\t\t\t<section className='section1'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<img src={imgTitle} alt='解鎖任務抽好禮' className={`title ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgTitleSubL} alt='活動日期：即日起-2022/09/30' className={`title-sub subL ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgTitleSubM} alt='活動日期：即日起-2022/09/30' className={`title-sub subM ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className={`video-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t<iframe src={mainVideo.videoSrc} frameBorder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowFullScreen title={mainVideo.title}></iframe>\n\n\t\t\t\t\t\t<div className={`video-facade ${mainVideo.play ? 'isHidden' : ''}`} onClick={playMainVideo}>\n\t\t\t\t\t\t\t<div className='thumb' style={{ backgroundImage: `url(${mainVideo.videoThumb})` }}></div>\n\t\t\t\t\t\t\t<div className='facade'>\n\t\t\t\t\t\t\t\t<div className='play-icon'></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`panel ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t<div className='flex-items'>\n\t\t\t\t\t\t\t{items.map((item) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={item.title}\n\t\t\t\t\t\t\t\t\t\tclassName='item'\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tchooseItem(item);\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div className='text' dangerouslySetInnerHTML={{ __html: item.titleHtml }}></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className='headsup'>即日起解鎖任務拿好禮，可在『我的戰績』看目前進度唷！</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<Notice>\n\t\t\t\t<ul>\n\t\t\t\t\t<li>活動期間：2022/04/01至2022/09/30止。</li>\n\t\t\t\t\t<li>活動資格：全新戶、既有戶符合任務資格者皆可參加，每完成一項任務就可獲得一次抽獎遊戲，(最高9次抽獎遊戲)。舉例：完成首次密碼變更及申請電子對帳單，即可獲得2次抽獎遊戲。</li>\n\t\t\t\t\t<li>完成任務並滿足抽獎條件，將於隔日提供抽獎遊戲。</li>\n\t\t\t\t\t<li>當月抽中獎項，統一於次月發放。</li>\n\t\t\t\t\t<li>活動期間每ID每項任務限取得一次抽獎遊戲。</li>\n\t\t\t\t\t<li>活動對象限本國自然人（不含98員工戶）。</li>\n\t\t\t\t\t<li>本活動僅限設籍於本國台灣、澎湖、金門、馬祖地區之一般國內自然人(不含法人/外國人)參加。</li>\n\t\t\t\t\t<li>任務中定義之『全新戶顧客』是指過去未曾於本公司開立任一帳戶顧客。</li>\n\t\t\t\t\t<li>得獎者資格不符合、違反本活動規定事項、活動期間內先銷戶再開戶、開戶後又銷戶或違約交割者，本公司保有取消贈獎之權利。</li>\n\t\t\t\t\t<li>參加者應保證參加本活動之資料均屬真實、正確且完整，且未有冒用或盜用任何第三人之資料; 若因此本公司無法通知得獎訊息時，本公司不負任何責任，如本公司或其他第三人因此而受損害，參加者應負一切相關法律責任; 如因參加者提供資料不全、有誤，而導致獎品無法配送，恕不另行補發。</li>\n\t\t\t\t\t<li>參加者之交易若有違反證券交易法、期貨交易法、洗錢防制法及台灣證券交易所股份有限公司、臺灣期貨交易所股份有限公司、中華民國證券商業同業公會、中華民國期貨業商業同業公會、財團法人中華民國證券櫃檯買賣中心等機構之相關規定，本公司有權取消其抽獎或得獎資格，參加者如因違反與本公司之合約或其他法令，致其帳戶遭停權者，亦同。</li>\n\t\t\t\t\t<li>經查證後，若發現參加者透過系統漏洞或非法手段(惡意程式等類似行為)，參與活動，將取消參加資格，本公司並不另行通知，本活動如有任何因電腦、網路、電話、技術或其他不可歸責於本公司之因素，而使本活動參加者所寄出或登錄資料有遲延、遺失、錯誤、無法辨識或損毀等情況，本公司不負任何法律責任，本活動參加者或得獎者亦不得因此異議。</li>\n\t\t\t\t\t<li>依中華民國稅法規定，本活動獎項之得獎者如為中華民國境內居住之個人，每人每年度累積取得之獎金或獎品之價值超過新台幣1,000元者，本公司將依規定開立扣繳憑單，列單申報該主管稽徵機關，併入其所得額中計算綜合所得稅。得獎者需提供身分證正反面影本及依規定填寫相關中獎收據，方可領獎。</li>\n\t\t\t\t\t<li>除法律另有規定或契約另有約定外，參加本活動留下個人基本資料者，可就其個人資料依法行使下列權利：查詢或請求閱覽、請求製給複製本、請求補充或更正、請求停止蒐集、處理或利用、請求刪除、請求處理限制、請求資料可攜性、拒絕自動化剖析、拒絕直接行銷目的之個人資料處理。</li>\n\t\t\t\t\t<li>本公司保留隨時變更活動辦法、獎項內容以及暫停、延長、提前終止本活動之權利，本活動辦法若未盡詳細事宜，本公司得隨時修訂公布，修改訊息將於本網站上公布，不另行通知。本公司就活動內容、獎項內容得依實際狀況及較佳效果斟酌調整，並保有對於活動規則之解釋權利。</li>\n\t\t\t\t</ul>\n\t\t\t</Notice>\n\n\t\t\t<div className={`popup ${popup ? 'active' : ''}`}>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName='close'\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetPopup(false);\n\t\t\t\t\t\t}}></div>\n\n\t\t\t\t\t<div className='title'>{currentItem.title}</div>\n\t\t\t\t\t<div className='sub' dangerouslySetInnerHTML={{ __html: currentItem.sub }}></div>\n\n\t\t\t\t\t<div className='video-wrap'>\n\t\t\t\t\t\t<iframe src={currentItem.videoSrc} frameBorder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowFullScreen title={currentItem.title}></iframe>\n\n\t\t\t\t\t\t<div className={`video-facade ${currentItem.play ? 'isHidden' : ''}`} onClick={playVideo}>\n\t\t\t\t\t\t\t<div className='thumb' style={{ backgroundImage: `url(${currentItem.videoThumb})` }}></div>\n\t\t\t\t\t\t\t<div className='facade'>\n\t\t\t\t\t\t\t\t<div className='play-icon'></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`slider-wrap ${deviceType}`}>\n\t\t\t\t\t\t<Slider ref={slider} {...sliderSettings} className='slider'>\n\t\t\t\t\t\t\t{currentItem.steps?.[deviceType].map((step, index) => {\n\t\t\t\t\t\t\t\tconst { heading, content } = step;\n\t\t\t\t\t\t\t\tconst { videoId, folder } = currentItem;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div key={`${videoId}step${index}`} className='slide'>\n\t\t\t\t\t\t\t\t\t\t<div className='border'>\n\t\t\t\t\t\t\t\t\t\t\t<div className='step-wrap'>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='step'>STEP {index + 1}</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div className='heading'>{heading}</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div className='content' dangerouslySetInnerHTML={{ __html: content }}></div>\n\n\t\t\t\t\t\t\t\t\t\t\t<img src={`./steps/${folder}/${deviceType + (index + 1)}.png`} alt={heading} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</Slider>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{currentItem.androidLink ? (\n\t\t\t\t\t\t<div className='link-wrap'>\n\t\t\t\t\t\t\t<a href={currentItem.iosLink} target='_blank' rel='noreferrer noopener'>\n\t\t\t\t\t\t\t\t<img src={imgIosHoverL} alt='立即前往(IOS版)' className='l' />\n\t\t\t\t\t\t\t\t<img src={imgIosHoverM} alt='立即前往(IOS版)' className='m' />\n\n\t\t\t\t\t\t\t\t<img src={imgIosL} alt='立即前往(IOS版)' className='l top' />\n\t\t\t\t\t\t\t\t<img src={imgIosM} alt='立即前往(IOS版)' className='m top' />\n\t\t\t\t\t\t\t</a>\n\n\t\t\t\t\t\t\t<a href={currentItem.androidLink} target='_blank' rel='noreferrer noopener'>\n\t\t\t\t\t\t\t\t<img src={imgAndroidHoverL} alt='立即前往(Android版)' className='l' />\n\t\t\t\t\t\t\t\t<img src={imgAndroidHoverM} alt='立即前往(Android版)' className='m' />\n\n\t\t\t\t\t\t\t\t<img src={imgAndroidL} alt='立即前往(Android版)' className='l top' />\n\t\t\t\t\t\t\t\t<img src={imgAndroidM} alt='立即前往(Android版)' className='m top' />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className='link-wrap'>\n\t\t\t\t\t\t\t<a href={currentItem.link} target='_blank' rel='noreferrer noopener'>\n\t\t\t\t\t\t\t\t<img src={imgLinkHoverL} alt='立即前往' className='l' />\n\t\t\t\t\t\t\t\t<img src={imgLinkHoverM} alt='立即前往' className='m' />\n\n\t\t\t\t\t\t\t\t<img src={imgLinkL} alt='立即前往' className='l top' />\n\t\t\t\t\t\t\t\t<img src={imgLinkM} alt='立即前往' className='m top' />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className='info'>\n\t\t\t\t\t\t即日起解鎖任務拿好禮，\n\t\t\t\t\t\t<span className='br'>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t解鎖完成登入我的戰績來抽獎喔！\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<EventFinished />\n\t\t</div>\n\t);\n};\n\nexport default Event3;\n","export default __webpack_public_path__ + \"static/media/title.3d54aa68.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-l.0e3e9dc0.svg\";","export default __webpack_public_path__ + \"static/media/title-sub-m.1f1a2b00.svg\";","export default __webpack_public_path__ + \"static/media/title1-l.f8e15d0a.svg\";","export default __webpack_public_path__ + \"static/media/title2-l.534a0956.svg\";","export default __webpack_public_path__ + \"static/media/title1-m.4fc7a610.svg\";","export default __webpack_public_path__ + \"static/media/title2-m.9669c42c.svg\";","export default __webpack_public_path__ + \"static/media/title3.7c16c2df.svg\";","export default __webpack_public_path__ + \"static/media/title4.32500e03.svg\";","export default __webpack_public_path__ + \"static/media/stamp.acb58a2f.svg\";","export default __webpack_public_path__ + \"static/media/prev.eabaa80c.svg\";","export default __webpack_public_path__ + \"static/media/next.22db2e83.svg\";","import { useState } from 'react';\nimport { useEffectOnce } from 'react-use';\nimport { useInView } from 'react-hook-inview';\nimport { random } from 'lodash';\nimport Slider from 'react-slick';\nimport Notice from '../../components/Notice/Notice';\nimport imgTitle from './assets/title.svg';\nimport imgTitleSubL from './assets/title-sub-l.svg';\nimport imgTitleSubM from './assets/title-sub-m.svg';\nimport imgTitle1L from './assets/title1-l.svg';\nimport imgTitle2L from './assets/title2-l.svg';\nimport imgTitle1M from './assets/title1-m.svg';\nimport imgTitle2M from './assets/title2-m.svg';\nimport imgTitle3 from './assets/title3.svg';\nimport imgTitle4 from './assets/title4.svg';\nimport imgPrev from './assets/prev.svg';\nimport imgNext from './assets/next.svg';\nimport imgStamp from './assets/stamp.svg';\nimport EventFinished from '../../components/EventFinished/EventFinished';\n\nconst PrevArrow = (props) => {\n\treturn (\n\t\t<div className={`arrow prev ${props.className}`}>\n\t\t\t<img src={imgPrev} alt='上一張' onClick={props.onClick} />\n\t\t</div>\n\t);\n};\n\nconst NextArrow = (props) => {\n\treturn (\n\t\t<div className={`arrow next ${props.className}`}>\n\t\t\t<img src={imgNext} alt='下一張' onClick={props.onClick} />\n\t\t</div>\n\t);\n};\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst sliderSettings = {\n\tprevArrow: <PrevArrow />,\n\tnextArrow: <NextArrow />,\n};\n\nconst Event4 = () => {\n\tconst [animate, setAnimate] = useState(false);\n\tconst [item1, item1Inview] = useInView(inViewOptions);\n\tconst [item2, item2Inview] = useInView(inViewOptions);\n\tconst [item3, item3Inview] = useInView(inViewOptions);\n\tconst [rotate, setRotate] = useState(0);\n\tconst [mainVideo, setMainVideo] = useState({\n\t\ttitle: '活動說明',\n\t\tvideoSrc: 'https://www.youtube.com/embed/ensatEbtFKM',\n\t\tvideoThumb: 'https://img.youtube.com/vi/ensatEbtFKM/maxresdefault.jpg',\n\t});\n\tconst [videos, setVideos] = useState([\n\t\t{\n\t\t\ttitle: '首次密碼變更',\n\t\t\tvideoId: '6R5vYU6QQoY',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/6R5vYU6QQoY',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/6R5vYU6QQoY/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '申請電子憑證',\n\t\t\tvideoId: 'D_BVhRYV7kk',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/D_BVhRYV7kk',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/D_BVhRYV7kk/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '登入隨身e策略',\n\t\t\tvideoId: 'LMidts9twDw',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/LMidts9twDw',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/LMidts9twDw/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '綁定集保e存摺',\n\t\t\tvideoId: 'OULYvdnxVZ8',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/OULYvdnxVZ8',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/OULYvdnxVZ8/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '申請電子對帳單',\n\t\t\tvideoId: 'FdeGrI1Lij8',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/FdeGrI1Lij8',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/FdeGrI1Lij8/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '加開ｅ財庫',\n\t\t\tvideoId: '435wj9o-Euc',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/435wj9o-Euc',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/435wj9o-Euc/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '加開複委託',\n\t\t\tvideoId: 'RsXwBDlXSmc',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/RsXwBDlXSmc',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/RsXwBDlXSmc/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '簽署投顧契約',\n\t\t\tvideoId: 'tOag3Jw1sP4',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/tOag3Jw1sP4',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/tOag3Jw1sP4/maxresdefault.jpg',\n\t\t},\n\t\t{\n\t\t\ttitle: '綁定LINE官方帳號',\n\t\t\tvideoId: '20te0rAg0zA',\n\t\t\tvideoSrc: 'https://www.youtube.com/embed/20te0rAg0zA',\n\t\t\tvideoThumb: 'https://img.youtube.com/vi/20te0rAg0zA/maxresdefault.jpg',\n\t\t},\n\t]);\n\n\tconst playMainVideo = () => {\n\t\tsetMainVideo({\n\t\t\t...mainVideo,\n\t\t\tvideoSrc: mainVideo.videoSrc + '?autoplay=1&mute=1',\n\t\t\tplay: true,\n\t\t});\n\t};\n\n\tconst playVideo = (videoId) => {\n\n\t\tconst updatedVideos = videos.map((vid) => {\n\t\t\tif (vid.videoId === videoId) {\n\t\t\t\tvid.videoSrc = vid.videoSrc + '?autoplay=1&mute=1';\n\t\t\t\tvid.play = true;\n\t\t\t}\n\n\t\t\treturn vid;\n\t\t});\n\n\t\tsetVideos(updatedVideos);\n\t};\n\n\tuseEffectOnce(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetAnimate(true);\n\t\t\tsetRotate(1080);\n\t\t}, 100);\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetRotate((prevValue) => {\n\t\t\t\tconst randNumber = random(1080, 1440);\n\t\t\t\treturn prevValue + randNumber;\n\t\t\t});\n\t\t}, 7000);\n\n\t\treturn () => {\n\t\t\tclearInterval(interval);\n\t\t};\n\t});\n\n\treturn (\n\t\t<div id='Event4'>\n\t\t\t<div className='main-content'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<img src={imgTitle} alt='星友交易享好康 百萬好禮送給您' className={`title ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgTitleSubL} alt='活動日期：2022/04/01～2022/09/30' className={`title-sub subL ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgTitleSubM} alt='活動日期：2022/04/01～2022/09/30' className={`title-sub subM ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t\t<img src={imgStamp} alt='活動已截止' className='stamp' />\n\n\t\t\t\t\t<div className={`wheel-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t<div className='reel' style={{ transform: `rotate(${rotate}deg)` }}></div>\n\t\t\t\t\t\t<div className='wheel'></div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className='smaller-wrap'>\n\t\t\t\t\t\t<div className='flex-wrap'>\n\t\t\t\t\t\t\t<div className={`flex-item ${item1Inview ? 'isInview' : ''}`} ref={item1}>\n\t\t\t\t\t\t\t\t<div className='item-title'>\n\t\t\t\t\t\t\t\t\t<img src={imgTitle1L} alt='台股月月抽' />\n\t\t\t\t\t\t\t\t\t<img src={imgTitle1M} alt='台股月月抽' className='m' />\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='t1'>\n\t\t\t\t\t\t\t\t\t每月抽出\n\t\t\t\t\t\t\t\t\t<span className='br'>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t台股15萬等值兌換金\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='li'>\n\t\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t\t<div className='text'>單筆委託且成交達10萬元，可獲得1張台股等值兌換金抽獎券</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={`flex-item orange ${item2Inview ? 'isInview' : ''}`} ref={item2}>\n\t\t\t\t\t\t\t\t<div className='item-title'>\n\t\t\t\t\t\t\t\t\t<img src={imgTitle2L} alt='美股季季抽' />\n\t\t\t\t\t\t\t\t\t<img src={imgTitle2M} alt='美股季季抽' className='m' />\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='t1'>\n\t\t\t\t\t\t\t\t\t每季抽出\n\t\t\t\t\t\t\t\t\t<span className='br'>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t美股百萬等值兌換金\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='li'>\n\t\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t\t<div className='text'>不限金額每筆成交獲得10張美股等值兌換金抽獎券</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='li'>\n\t\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t\t<div className='text'>單筆成交每達台幣1萬元加碼1張美股等值兌換金抽獎券</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={`info ${item3Inview ? 'isInview' : ''}`} ref={item3}>\n\t\t\t\t\t\t\t中獎人須於30天內購買指定股票，並透過e財庫扣款，凱基證券將提供等值現金匯入e財庫。台股/美股不合併計算，2022/04/01起可查詢抽獎券累積數量。\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='section'>\n\t\t\t\t\t\t\t<div className='title-flex'>\n\t\t\t\t\t\t\t\t<img src={imgTitle3} alt='活動說明' />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={`video-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t\t\t<iframe src={mainVideo.videoSrc} frameBorder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowFullScreen title={mainVideo.title}></iframe>\n\n\t\t\t\t\t\t\t\t{/* <div className={`video-facade ${mainVideo.play ? 'isHidden' : ''}`} onClick={playMainVideo}>\n\t\t\t\t\t\t\t\t\t<div className='thumb' style={{ backgroundImage: `url(${mainVideo.videoThumb})` }}></div>\n\t\t\t\t\t\t\t\t\t<div className='facade'>\n\t\t\t\t\t\t\t\t\t\t<div className='play-icon'></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div> */}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='section'>\n\t\t\t\t\t\t\t<div className='title-flex'>\n\t\t\t\t\t\t\t\t<img src={imgTitle4} alt='得獎公告' />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* <div className='t1'>4月台股月抽15萬兌換金抽獎紀錄</div> */}\n\n\t\t\t\t\t\t\t{/* <div className='slider-wrap'>\n\t\t\t\t\t\t\t\t<Slider {...sliderSettings} className='slider'>\n\t\t\t\t\t\t\t\t\t{videos.map((video) => {\n\t\t\t\t\t\t\t\t\t\tconst { videoId, videoSrc, title, play, videoThumb } = video;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<div className='slide' key={videoId}>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className={`video-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<iframe src={videoSrc} frameBorder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowFullScreen title={title}></iframe>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={`video-facade ${play ? 'isHidden' : ''}`} onClick={() => { playVideo(videoId) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='thumb' style={{ backgroundImage: `url(${videoThumb})` }}></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='facade'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='play-icon'></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Slider>\n\t\t\t\t\t\t\t</div> */}\n\n\t\t\t\t\t\t\t{/* <div className={`video-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t\t\t<iframe src='https://www.youtube.com/embed/A3aOS5Z9CzE' frameBorder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowFullScreen title='好禮四重奏-4月台股月抽15萬兌換金抽獎紀錄'></iframe>\n\n\t\t\t\t\t\t\t\t<div className={`video-facade`} onClick={() => { playVideo('A3aOS5Z9CzE') }}>\n\t\t\t\t\t\t\t\t\t<div className='thumb' style={{ backgroundImage: `url(https://img.youtube.com/vi/A3aOS5Z9CzE/maxresdefault.jpg)` }}></div>\n\t\t\t\t\t\t\t\t\t<div className='facade'>\n\t\t\t\t\t\t\t\t\t\t<div className='play-icon'></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div> */}\n\n\t\t\t\t\t\t\t<div className='t2' style={{ marginTop: 0 }}>得獎名單</div>\n\n\t\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<th>日期</th>\n\t\t\t\t\t\t\t\t\t\t<th>獎項</th>\n\t\t\t\t\t\t\t\t\t\t<th>得獎者</th>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t</thead>\n\n\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/05/10</td>\n\t\t\t\t\t\t\t\t\t\t<td>4月台股月抽15萬兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>豐中分公司 陳先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/06/10</td>\n\t\t\t\t\t\t\t\t\t\t<td>5月台股月抽15萬兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>豐中分公司 劉先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/07/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>6月台股月抽15萬兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>松山分公司 郭先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/07/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽（4/1-6/30）均分100萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>中山分公司 周小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/07/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽（4/1-6/30）均分100萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>市府分公司 葉小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/07/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽（4/1-6/30）均分100萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>斗六分公司 許小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/07/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽（4/1-6/30）均分100萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>大直分公司 顧小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/07/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽（4/1-6/30）均分100萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>信義分公司 張先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/08/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>7月台股月抽15萬兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>復興分公司 杜先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/09/08</td>\n\t\t\t\t\t\t\t\t\t\t<td>8月台股月抽15萬兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>復興分公司 張小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>9月台股月抽15萬兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>竹科分公司 吳先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽(7/1~9/30)均分200萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>大直分公司 陳先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽(7/1~9/30)均分200萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>大直分公司 陳小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽(7/1~9/30)均分200萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>竹科分公司 呂先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽(7/1~9/30)均分200萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>新豐分公司 鄭先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽(7/1~9/30)均分200萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>高美館分公司 周小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽(7/1~9/30)均分200萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>法人部 劉先生</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>2022/10/11</td>\n\t\t\t\t\t\t\t\t\t\t<td>美股季抽(7/1~9/30)均分200萬等值兌換金</td>\n\t\t\t\t\t\t\t\t\t\t<td>高雄分公司 陳小姐</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<Notice>\n\t\t\t\t<ul>\n\t\t\t\t\t<li>活動期間：2022/04/01至2022/09/30止。</li>\n\t\t\t\t\t<li>活動資格：不限新、舊戶，不限開戶管道。(包含新、舊戶，台股、複委託客戶，排除98員工戶及法人戶。)</li>\n\t\t\t\t\t<li>本活動僅限設籍於本國台灣、澎湖、金門、馬祖地區之一般國內自然人(不含法人/外國人)參加。</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t活動內容：交易台股及複委託商品，不限下單管道、模式與類型，只要達以下門檻均可獲得抽獎券。\n\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t<li>台股：單筆委託且成交達新台幣(以下同)10萬元，可獲得1張台股抽獎券。舉例：委託一筆35萬元，分別成交兩筆5萬元+5萬元(達10萬元門檻)，可獲得一張抽獎券。</li>\n\t\t\t\t\t\t\t<li>海外交易：不限金額每筆成交獲得10張美股抽獎券；單筆成交每達台幣1萬元加碼1張美股抽獎券。舉例：成交一筆5.5萬元，可獲得10張美股抽獎券+ 5張美股抽獎券。</li>\n\t\t\t\t\t\t</ol>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>交易金額門檻判斷皆為不含手續費及交易稅之金額。</li>\n\t\t\t\t\t<li>活動獲得抽獎券僅用於交易累積抽大禮活動。</li>\n\t\t\t\t\t<li>活動獎項將於每月/每季末抽出(每月5號、每季抽)，未被抽出抽獎券，可參與下次抽獎機會。越早交易、交易越多(金額/次數) 中獎機會越大。</li>\n\t\t\t\t\t<li>台股每月抽出一名得獎人，可獲得台幣總金額15萬等值台股兌換金。</li>\n\t\t\t\t\t<li>美股第二季抽出一~五名得獎人，可獲得台幣總金額100萬（7月抽出）、第三季抽出一~十名得獎人，可獲得台幣總金額200萬（10月抽出）等值美股兌換金。</li>\n\t\t\t\t\t<li>中獎人須於30天內購買指定股票，股票標的可能因市場因素及投顧建議調整，並透過e財庫扣款，凱基證券將提供等值兌換金匯入e財庫。台股/美股不合併計算。</li>\n\t\t\t\t\t<li>得獎者，累積至目前的抽獎券失效(歸零)。後續從零重新開始累積抽獎券。</li>\n\t\t\t\t\t<li>得獎者應於中獎公布後30天內，透過本公司交易相關標的，並綁定凱基e財庫交割。</li>\n\t\t\t\t\t<li>得獎者若未滿20歲，視同父母或監護人中獎，由父母或監護人代為領獎，並請附上得獎者及其代領人關係證明影本。</li>\n\t\t\t\t\t<li>參加者應保證參加本活動之資料均屬真實、正確且完整，且未有冒用或盜用任何第三人之資料; 若因此本公司無法通知得獎訊息時，本公司不負任何責任，如本公司或其他第三人因此而受損害，參加者應負一切相關法律責任</li>\n\t\t\t\t\t<li>參加者之交易若有違反證券交易法、期貨交易法、洗錢防制法及台灣證券交易所股份有限公司、臺灣期貨交易所股份有限公司、中華民國證券商業同業公會、中華民國期貨業商業同業公會、財團法人中華民國證券櫃檯買賣中心等機構之相關規定，本公司有權取消其抽獎或得獎資格，參加者如因違反與本公司之合約或其他法令，致其帳戶遭停權者，亦同。</li>\n\t\t\t\t\t<li>經查證後，若發現參加者透過系統漏洞或非法手段(惡意程式等類似行為)，參與活動，將取消參加資格，本公司並不另行通知，本活動如有任何因電腦、網路、電話、技術或其他不可歸責於本公司之因素，而使本活動參加者所寄出或登錄資料有遺失、錯誤、無法辨識或損毀等情況，本公司不負任何法律責任，本活動參加者或得獎者亦不得因此異議。</li>\n\t\t\t\t\t<li>依中華民國稅法規定，本活動獎項之得獎者如為中華民國境內居住之個人，每人每年度累積取得之獎金或獎品之價值超過新台幣1,000元者，本公司將依規定開立扣繳憑單，列單申報該主管稽徵機關，併入其所得額中計算綜合所得稅。得獎者需提供身分證正反面影本及依規定填寫相關中獎收據，方可領獎。</li>\n\t\t\t\t\t<li>除法律另有規定或契約另有約定外，參加本活動留下個人基本資料者，可就其個人資料依法行使下列權利：查詢或請求閱覽、請求製給複製本、請求補充或更正、請求停止蒐集、處理或利用、請求刪除、請求處理限制、請求資料可攜性、拒絕自動化剖析、拒絕直接行銷目的之個人資料處理。</li>\n\t\t\t\t\t<li>本公司保留隨時變更活動辦法、獎項內容以及暫停、延長、提前終止本活動之權利，本活動辦法若未盡詳細事宜，本公司得隨時修訂公布，修改訊息將於本網站上公布，不另行通知。本公司就活動內容、獎項內容得依實際狀況及較佳效果斟酌調整，並保有對於活動規則之解釋權利。</li>\n\t\t\t\t</ul>\n\t\t\t</Notice>\n\n\t\t\t<EventFinished />\n\t\t</div>\n\t);\n};\n\nexport default Event4;\n","export default __webpack_public_path__ + \"static/media/title.40d1dcb0.svg\";","export default __webpack_public_path__ + \"static/media/result.0fd1a1f1.svg\";","export default __webpack_public_path__ + \"static/media/button.83af0177.svg\";","export default __webpack_public_path__ + \"static/media/link1-l.59cadaf8.svg\";","export default __webpack_public_path__ + \"static/media/link2-l.1ac82a21.svg\";","export default __webpack_public_path__ + \"static/media/link3-l.1d4328b9.svg\";","export default __webpack_public_path__ + \"static/media/link4-l.07d16e26.svg\";","export default __webpack_public_path__ + \"static/media/link1-m.b6dace77.svg\";","export default __webpack_public_path__ + \"static/media/link2-m.e8f47faa.svg\";","export default __webpack_public_path__ + \"static/media/link3-m.ecb218b3.svg\";","export default __webpack_public_path__ + \"static/media/link4-m.78819e6e.svg\";","export default __webpack_public_path__ + \"static/media/link1-finished-l.1ddfe36e.svg\";","export default __webpack_public_path__ + \"static/media/link2-finished-l.2602efc0.svg\";","export default __webpack_public_path__ + \"static/media/link3-finished-l.f46df853.svg\";","export default __webpack_public_path__ + \"static/media/link4-finished-l.e3724fde.svg\";","export default __webpack_public_path__ + \"static/media/link1-finished-m.5799dfb9.svg\";","export default __webpack_public_path__ + \"static/media/link2-finished-m.0b79212e.svg\";","export default __webpack_public_path__ + \"static/media/link3-finished-m.97dfbf45.svg\";","export default __webpack_public_path__ + \"static/media/link4-finished-m.22e928aa.svg\";","export default __webpack_public_path__ + \"static/media/result-hover.03aba420.svg\";","import Slider from 'react-slick';\nimport { useMemo } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useLocation, useWindowSize } from 'react-use';\nimport { useInView } from 'react-hook-inview';\nimport imgTitle from './assets/title.svg';\nimport imgButton from './assets/button.svg';\nimport imgLink1L from './assets/link1-l.svg';\nimport imgLink2L from './assets/link2-l.svg';\nimport imgLink3L from './assets/link3-l.svg';\nimport imgLink4L from './assets/link4-l.svg';\nimport imgLink1M from './assets/link1-m.svg';\nimport imgLink2M from './assets/link2-m.svg';\nimport imgLink3M from './assets/link3-m.svg';\nimport imgLink4M from './assets/link4-m.svg';\nimport imgResult from './assets/result.svg';\nimport imgLink1FinishedL from './assets/link1-finished-l.svg';\nimport imgLink2FinishedL from './assets/link2-finished-l.svg';\nimport imgLink3FinishedL from './assets/link3-finished-l.svg';\nimport imgLink4FinishedL from './assets/link4-finished-l.svg';\nimport imgLink1FinishedM from './assets/link1-finished-m.svg';\nimport imgLink2FinishedM from './assets/link2-finished-m.svg';\nimport imgLink3FinishedM from './assets/link3-finished-m.svg';\nimport imgLink4FinishedM from './assets/link4-finished-m.svg';\nimport imgResultHover from './assets/result-hover.svg';\n\nconst links = [\n\t{\n\t\turl: '/event1',\n\t\turlResult: '/result1',\n\t\timgL: imgLink1FinishedL,\n\t\timgM: imgLink1FinishedM,\n\t\talt: '新戶拿好禮',\n\t},\n\t{\n\t\turl: '/event2',\n\t\turlResult: '/result2',\n\t\timgL: imgLink2FinishedL,\n\t\timgM: imgLink2FinishedM,\n\t\talt: '揪友享好禮',\n\t},\n\t{\n\t\turl: '/event3',\n\t\turlResult: '/result3',\n\t\timgL: imgLink3FinishedL,\n\t\timgM: imgLink3FinishedM,\n\t\talt: '任務獎不完',\n\t},\n\t{\n\t\turl: '/event4',\n\t\turlResult: '/result4',\n\t\timgL: imgLink4FinishedL,\n\t\timgM: imgLink4FinishedM,\n\t\talt: '交易抽大獎',\n\t},\n];\n\nconst sliderSettings = {\n\tarrows: false,\n\tdots: false,\n\tautoplay: false,\n\tcenterMode: true,\n\tvariableWidth: true,\n\tslidesToShow: 1,\n\tinfinite: true,\n\tinitialSlide: 1,\n};\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst MoreGoodies = (props) => {\n\tconst { pathname } = useLocation();\n\tconst { width, height } = useWindowSize();\n\tconst [titleRef, titleInview] = useInView(inViewOptions);\n\tconst [linksRef, linksInview] = useInView(inViewOptions);\n\n\tconst viewportRatio = useMemo(() => {\n\t\treturn width / height;\n\t}, [width, height]);\n\n\tconst linksToShow = useMemo(() => {\n\t\treturn props.linksToShow.map((linkIndex) => {\n\t\t\treturn links[linkIndex];\n\t\t});\n\t}, [props.linksToShow]);\n\n\treturn (\n\t\t<div id='MoreGoodies'>\n\t\t\t<div className='title-wrap'>\n\t\t\t\t<img src={imgTitle} alt='更多好康' ref={titleRef} className={titleInview ? 'isInview' : ''} />\n\t\t\t</div>\n\n\t\t\t{viewportRatio > 1 ? (\n\t\t\t\t<div className={`links ${linksInview ? 'isInview' : ''}`} ref={linksRef}>\n\t\t\t\t\t{linksToShow.map((link, index) => {\n\t\t\t\t\t\tconst { url, imgL, alt, urlResult } = link;\n\n\t\t\t\t\t\t// if (url === '/event3' || url === '/event4') {\n\t\t\t\t\t\t// \treturn (\n\t\t\t\t\t\t// \t\t<div key={`${pathname}link${index}`} className='link-item'>\n\t\t\t\t\t\t// \t\t\t<img src={imgL} alt={alt} className='bg' />\n\n\t\t\t\t\t\t// \t\t\t<Link to={url} className='button-more'>\n\t\t\t\t\t\t// \t\t\t\t<img src={imgButton} alt='更多好康' className='button' />\n\t\t\t\t\t\t// \t\t\t</Link>\n\n\t\t\t\t\t\t// \t\t\t<div className='result-button-link'>\n\t\t\t\t\t\t// \t\t\t\t<img src={imgResultDisabled} alt='戰績查詢' className='result-button' />\n\t\t\t\t\t\t// \t\t\t\t<img src={imgStamp} alt='4/1即可查詢' className='stamp' />\n\t\t\t\t\t\t// \t\t\t</div>\n\t\t\t\t\t\t// \t\t</div>\n\t\t\t\t\t\t// \t);\n\t\t\t\t\t\t// }\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={`${pathname}link${index}`} className='link-item'>\n\t\t\t\t\t\t\t\t<img src={imgL} alt={alt} className='bg' />\n\n\t\t\t\t\t\t\t\t{/* <Link to={url} className='button-more'>\n\t\t\t\t\t\t\t\t\t<img src={imgButton} alt='更多好康' className='button' />\n\t\t\t\t\t\t\t\t</Link> */}\n\n\t\t\t\t\t\t\t\t<Link to={urlResult} className='result-button-link'>\n\t\t\t\t\t\t\t\t\t<img src={imgResult} alt='戰績查詢' className='result-button' />\n\t\t\t\t\t\t\t\t\t<img src={imgResultHover} alt='戰績查詢' className='result-button-hover' />\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<Slider {...sliderSettings} className='slider'>\n\t\t\t\t\t{linksToShow.map((link, index) => {\n\t\t\t\t\t\tconst { url, imgM, alt, urlResult } = link;\n\n\t\t\t\t\t\t// if (url === '/event3' || url === '/event4') {\n\t\t\t\t\t\t// \treturn (\n\t\t\t\t\t\t// \t\t<div key={`${pathname}link${index}`} className='link-item'>\n\t\t\t\t\t\t// \t\t\t<img src={imgM} alt={alt} className='bg' />\n\t\t\t\t\t\t// \t\t\t<div className='pad'></div>\n\n\t\t\t\t\t\t// \t\t\t<Link to={url} className='button-more'>\n\t\t\t\t\t\t// \t\t\t\t<img src={imgButton} alt='更多好康' className='button' />\n\t\t\t\t\t\t// \t\t\t</Link>\n\n\t\t\t\t\t\t// \t\t\t<div to={urlResult} className='result-button-link'>\n\t\t\t\t\t\t// \t\t\t\t<img src={imgResultDisabled} alt='戰績查詢' className='result-button' />\n\t\t\t\t\t\t// \t\t\t\t<img src={imgStamp} alt='4/1即可查詢' className='stamp' />\n\t\t\t\t\t\t// \t\t\t</div>\n\t\t\t\t\t\t// \t\t</div>\n\t\t\t\t\t\t// \t);\n\t\t\t\t\t\t// }\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={`${pathname}link${index}`} className='link-item'>\n\t\t\t\t\t\t\t\t<img src={imgM} alt={alt} className='bg' />\n\t\t\t\t\t\t\t\t<div className='pad'></div>\n\n\t\t\t\t\t\t\t\t{/* <Link to={url} className='button-more'>\n\t\t\t\t\t\t\t\t\t<img src={imgButton} alt='更多好康' className='button' />\n\t\t\t\t\t\t\t\t</Link> */}\n\n\t\t\t\t\t\t\t\t<Link to={urlResult} className='result-button-link'>\n\t\t\t\t\t\t\t\t\t<img src={imgResult} alt='戰績查詢' className='result-button' />\n\t\t\t\t\t\t\t\t\t<img src={imgResultHover} alt='戰績查詢' className='result-button-hover' />\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Slider>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default MoreGoodies;\n","export default __webpack_public_path__ + \"static/media/title1.7e0e5312.svg\";","export default __webpack_public_path__ + \"static/media/title2.5b3ef1a4.svg\";","export default __webpack_public_path__ + \"static/media/panel1-l.6442b035.svg\";","export default __webpack_public_path__ + \"static/media/panel1-m.c5d86765.svg\";","export default __webpack_public_path__ + \"static/media/panel2-l.fc1eb0f4.svg\";","export default __webpack_public_path__ + \"static/media/panel2-m.7d12c9a3.svg\";","export default __webpack_public_path__ + \"static/media/light-l.1e8c8470.svg\";","export default __webpack_public_path__ + \"static/media/light-m.b5ed0940.svg\";","export default __webpack_public_path__ + \"static/media/button1-l.b80f3d3b.svg\";","export default __webpack_public_path__ + \"static/media/button1-l-hover.e0b35d22.svg\";","export default __webpack_public_path__ + \"static/media/button1-m.a67075dc.svg\";","export default __webpack_public_path__ + \"static/media/button1-m-hover.23f9e052.svg\";","export default __webpack_public_path__ + \"static/media/button2-l.865c3ca8.svg\";","export default __webpack_public_path__ + \"static/media/button2-l-hover.36c0387b.svg\";","export default __webpack_public_path__ + \"static/media/button2-m.8c365bbb.svg\";","export default __webpack_public_path__ + \"static/media/button2-m-hover.99557a6b.svg\";","export default __webpack_public_path__ + \"static/media/finished-l.fe3bd929.svg\";","export default __webpack_public_path__ + \"static/media/finished-m.14f0c386.svg\";","import { useMemo, useState } from 'react';\nimport { useEffectOnce } from 'react-use';\nimport { useInView } from 'react-hook-inview';\nimport { get } from 'lodash';\nimport { apiMember } from '../../api';\nimport MoreGoodies from '../../components/MoreGoodies/MoreGoodies';\nimport useUser from '../../store/useUser';\nimport imgTitle1 from './assets/title1.svg';\nimport imgTitle2 from './assets/title2.svg';\nimport imgPanel1L from './assets/panel1-l.svg';\nimport imgPanel1M from './assets/panel1-m.svg';\nimport imgPanel2L from './assets/panel2-l.svg';\nimport imgPanel2M from './assets/panel2-m.svg';\nimport imgLightL from './assets/light-l.svg';\nimport imgLightM from './assets/light-m.svg';\nimport imgButton1L from './assets/button1-l.svg';\nimport imgButton1LHover from './assets/button1-l-hover.svg';\nimport imgButton1M from './assets/button1-m.svg';\nimport imgButton1MHover from './assets/button1-m-hover.svg';\nimport imgButton2L from './assets/button2-l.svg';\nimport imgButton2LHover from './assets/button2-l-hover.svg';\nimport imgButton2M from './assets/button2-m.svg';\nimport imgButton2MHover from './assets/button2-m-hover.svg';\nimport imgFinishedL from './assets/finished-l.svg';\nimport imgFinishedM from './assets/finished-m.svg';\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst Result1 = () => {\n\tconst [user] = useUser();\n\tconst [animate, setAnimate] = useState(false);\n\tconst [title2Ref, title2Inview] = useInView(inViewOptions);\n\tconst [panel2Ref, panel2Inview] = useInView(inViewOptions);\n\tconst [listRef, listInview] = useInView(inViewOptions);\n\tconst [result, setResult] = useState({});\n\n\tuseEffectOnce(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetAnimate(true);\n\t\t}, 100);\n\n\t\tapiMember({ id_no: user.nid }, user.token)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\n\t\t\t\tif (ExecStatus === 'True' && StatusCode === '0') {\n\t\t\t\t\tconst data = get(response, 'data.Body');\n\t\t\t\t\tsetResult(data);\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t});\n\n\tconst statusText = useMemo(() => {\n\t\tswitch (result.openaccount_award) {\n\t\t\tcase '1':\n\t\t\t\treturn '比賽進行中，敬請期待';\n\n\t\t\tcase '2':\n\t\t\t\treturn '獲得100元分戶帳禮金';\n\n\t\t\tcase '3':\n\t\t\t\treturn '名額已滿，還可參加抽大獎';\n\n\t\t\tcase '4':\n\t\t\t\treturn '您不符合活動資格';\n\n\t\t\tdefault:\n\t\t\t\treturn '';\n\t\t}\n\t}, [result.openaccount_award]);\n\n\treturn (\n\t\t<div id='Result1'>\n\t\t\t<section className='section1'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='title-wrap'>\n\t\t\t\t\t\t<img src={imgTitle1} alt='我的戰績' className={animate ? 'isInview' : ''} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<img src={imgFinishedL} alt='活動已截止' className='finishedL' />\n\t\t\t\t\t<img src={imgFinishedM} alt='活動已截止' className='finishedM' />\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className={`panel-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t<img src={imgPanel1L} alt='' className='altL' />\n\t\t\t\t\t\t<img src={imgPanel1M} alt='' className='altM' />\n\n\t\t\t\t\t\t<div className={`content-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t\t<div className='top'>\n\t\t\t\t\t\t\t\t開戶任務活動\n\t\t\t\t\t\t\t\t<span className='blue'>\n\t\t\t\t\t\t\t\t\t{/* {!result.openaccount_enddate && result.status !== '8' ? '進行中' : '已截止'} */}\n\t\t\t\t\t\t\t\t\t進行中\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='progress-wrap'>\n\t\t\t\t\t\t\t\t<div className='c-title'>任務進度</div>\n\t\t\t\t\t\t\t\t{result.status === 8 ? (\n\t\t\t\t\t\t\t\t\t<div className='progress-flex'>\n\t\t\t\t\t\t\t\t\t\t<div className='not-eligible'>不符合資格</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className='progress-flex'>\n\t\t\t\t\t\t\t\t\t\t<div className={`progress ${result.status === '4' || result.status === '5' || result.status === '7' || result.status === '9' ? 'active' : ''}`}>複委託戶</div>\n\t\t\t\t\t\t\t\t\t\t<div className={`progress wide ${result.status === '2' || result.status === '5' || result.status === '6' || result.status === '9' ? 'active' : ''}`}>綁定e財庫</div>\n\t\t\t\t\t\t\t\t\t\t<div className={`progress ${result.status === '3' || result.status === '6' || result.status === '7' || result.status === '9' ? 'active' : ''}`}>台股帳戶</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='bot-wrap'>\n\t\t\t\t\t\t\t\t<div className='status-wrap'>\n\t\t\t\t\t\t\t\t\t<div className='c-title'>獲獎狀態</div>\n\t\t\t\t\t\t\t\t\t<div className='c-text'>{statusText}</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='date-wrap'>\n\t\t\t\t\t\t\t\t\t<div className='c-title'>完成日期</div>\n\t\t\t\t\t\t\t\t\t<div className='c-text'>{result.openaccount_enddate}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={`button-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t\t{result.status !== 8 && result.status !== 9 ? (\n\t\t\t\t\t\t\t\t<a href='https://eoa.kgieworld.com.tw/OOA/index.aspx?Source=A' target='_blank' rel='noreferrer noopener' className='button button1' onClick={() => {\n\t\t\t\t\t\t\t\t\tdocument.getElementById('scroll-target').scrollIntoView({ behavior: 'smooth' });\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<img src={imgButton1L} alt='三合一開戶' className='altL' />\n\t\t\t\t\t\t\t\t\t<img src={imgButton1LHover} alt='三合一開戶' className='altL hover' />\n\t\t\t\t\t\t\t\t\t<img src={imgButton1M} alt='三合一開戶' className='altM' />\n\t\t\t\t\t\t\t\t\t<img src={imgButton1MHover} alt='三合一開戶' className='altM hover' />\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName='button button2'\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tdocument.getElementById('scroll-target').scrollIntoView({ behavior: 'smooth' });\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<img src={imgButton2L} alt='參加更多活動 繼續拿好康' className='altL' />\n\t\t\t\t\t\t\t\t\t<img src={imgButton2LHover} alt='參加更多活動 繼續拿好康' className='altL hover' />\n\t\t\t\t\t\t\t\t\t<img src={imgButton2M} alt='參加更多活動 繼續拿好康' className='altM' />\n\t\t\t\t\t\t\t\t\t<img src={imgButton2MHover} alt='參加更多活動 繼續拿好康' className='altM hover' />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`light-wrap ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t\t<img src={imgLightL} alt='' className='altL' />\n\t\t\t\t\t\t<img src={imgLightM} alt='' className='altM' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section className='section2'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='title-wrap'>\n\t\t\t\t\t\t<img src={imgTitle2} alt='開戶任務' ref={title2Ref} className={title2Inview ? 'isInview' : ''} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='flex-wrap'>\n\t\t\t\t\t\t<div className={`panel-wrap ${panel2Inview ? 'isInview' : ''}`} ref={panel2Ref}>\n\t\t\t\t\t\t\t<img src={imgPanel2L} alt='' className='altL' />\n\t\t\t\t\t\t\t<img src={imgPanel2M} alt='' className='altM' />\n\n\t\t\t\t\t\t\t<div className='content-wrap'>\n\t\t\t\t\t\t\t\t<div className='top'>\n\t\t\t\t\t\t\t\t\t準備好下列資料\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t即可完成快速開戶任務\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className='bot'>\n\t\t\t\t\t\t\t\t\t<div className='row'>身分證正本</div>\n\t\t\t\t\t\t\t\t\t<div className='row'>第二證件(護照或健保卡)</div>\n\t\t\t\t\t\t\t\t\t<div className='row'>銀行存摺</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={`list-wrap ${listInview ? 'isInview' : ''}`} ref={listRef}>\n\t\t\t\t\t\t\t<div className='list'>進入快e開網頁</div>\n\t\t\t\t\t\t\t<div className='list'>勾選台股、複委託、e財庫</div>\n\t\t\t\t\t\t\t<div className='list'>上傳證件，填寫資料</div>\n\t\t\t\t\t\t\t<div className='list'>簽署契約</div>\n\t\t\t\t\t\t\t<div className='list'>送出完成申請</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<div id='scroll-target'>\n\t\t\t\t<MoreGoodies linksToShow={[2, 1, 3]} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Result1;\n","export default __webpack_public_path__ + \"static/media/title1.75409179.svg\";","export default __webpack_public_path__ + \"static/media/title2.55cb08d5.svg\";","export default __webpack_public_path__ + \"static/media/panel1-l.21bf89bf.svg\";","export default __webpack_public_path__ + \"static/media/panel1-m.2991ff3d.svg\";","export default __webpack_public_path__ + \"static/media/panel2-l.2e18c928.svg\";","export default __webpack_public_path__ + \"static/media/panel2-m.e78d217d.svg\";","export default __webpack_public_path__ + \"static/media/100points.c8cfe0b1.svg\";","export default __webpack_public_path__ + \"static/media/100pointsRedeemed.64f9fc85.svg\";","export default __webpack_public_path__ + \"static/media/200points.3112d7b4.svg\";","export default __webpack_public_path__ + \"static/media/200pointsRedeemed.088dca84.svg\";","export default __webpack_public_path__ + \"static/media/prev.99b241e2.svg\";","export default __webpack_public_path__ + \"static/media/next.0c0538c8.svg\";","export default __webpack_public_path__ + \"static/media/finished-l.fe3bd929.svg\";","export default __webpack_public_path__ + \"static/media/finished-m.14f0c386.svg\";","import moment from 'moment';\nimport { useState, useEffect, useCallback, useMemo } from 'react';\nimport { useInView } from 'react-hook-inview';\nimport { get, groupBy, sortBy, chunk } from 'lodash';\nimport { apiLineCodes, apiReferList, apiRedeemPoints } from '../../api';\nimport MoreGoodies from '../../components/MoreGoodies/MoreGoodies';\nimport useUser from '../../store/useUser';\nimport imgTitle1 from './assets/title1.svg';\nimport imgTitle2 from './assets/title2.svg';\nimport imgPanel1L from './assets/panel1-l.svg';\nimport imgPanel1M from './assets/panel1-m.svg';\nimport imgPanel2L from './assets/panel2-l.svg';\nimport imgPanel2M from './assets/panel2-m.svg';\nimport img100points from './assets/100points.svg';\nimport img100pointsRedeemed from './assets/100pointsRedeemed.svg';\nimport img200points from './assets/200points.svg';\nimport img200pointsRedeemed from './assets/200pointsRedeemed.svg';\nimport imgPrev from './assets/prev.svg';\nimport imgNext from './assets/next.svg';\nimport imgFinishedL from './assets/finished-l.svg';\nimport imgFinishedM from './assets/finished-m.svg';\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst Result2 = () => {\n\tconst [user] = useUser();\n\tconst [lineCodes, setLineCodes] = useState({\n\t\t100: [],\n\t\t200: [],\n\t});\n\tconst [currentLineType, setCurrentLineType] = useState('100');\n\tconst [referrers, setReferrers] = useState([[]]);\n\tconst [currentReferrerPage, setCurrentReferrerPage] = useState(1);\n\tconst [currentTab, setCurrentTab] = useState('codes'); // invites\n\tconst [popup, setPopup] = useState(false);\n\tconst [title1Ref, title1Inview] = useInView(inViewOptions);\n\tconst [title2Ref, title2Inview] = useInView(inViewOptions);\n\tconst [panel1Ref, panel1Inview] = useInView(inViewOptions);\n\tconst [panel2Ref, panel2Inview] = useInView(inViewOptions);\n\n\tconst getLineCodes = useCallback(() => {\n\t\tapiLineCodes({ id_no: user.nid }, user.token)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\n\t\t\t\tif (ExecStatus === 'True' && StatusCode === '0') {\n\t\t\t\t\tconst data = get(response, 'data.Body');\n\t\t\t\t\tconst groupedByPoints = groupBy(data.rows, 'linepoint_type');\n\n\t\t\t\t\tif (!groupedByPoints['100']) groupedByPoints['100'] = [];\n\t\t\t\t\tif (!groupedByPoints['200']) groupedByPoints['200'] = [];\n\n\t\t\t\t\tgroupedByPoints['100'] = sortBy(groupedByPoints['100'], 'linepoint_status');\n\t\t\t\t\tgroupedByPoints['200'] = sortBy(groupedByPoints['200'], 'linepoint_status');\n\n\t\t\t\t\tsetLineCodes(groupedByPoints);\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t}, [user]);\n\n\tconst getReferrers = useCallback(() => {\n\t\tapiReferList({ id_no: user.nid }, user.token)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\n\t\t\t\tif (ExecStatus === 'True' && StatusCode === '0') {\n\t\t\t\t\tconst data = get(response, 'data.Body.rows');\n\t\t\t\t\tconst filteredData = [];\n\n\t\t\t\t\tfor (let index = 0; index < data.length; index++) {\n\t\t\t\t\t\tconst item = data[index];\n\n\t\t\t\t\t\tif (item.referee_name && item.date) {\n\t\t\t\t\t\t\titem.count = (index + 1).toString().padStart(2, '0');\n\t\t\t\t\t\t\tfilteredData.push(item);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tconst chunked7 = chunk(filteredData, 7);\n\t\t\t\t\tsetReferrers(chunked7);\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t}, [user]);\n\n\tuseEffect(() => {\n\t\tgetReferrers();\n\t\tgetLineCodes();\n\t}, [getReferrers, getLineCodes]);\n\n\tconst sendEvent = (pointId) => {\n\t\tconsole.log('todo');\n\t};\n\n\tconst redeemPoint = (pointId) => {\n\t\tapiRedeemPoints(\n\t\t\t{\n\t\t\t\tid_no: user.nid,\n\t\t\t\tlinepoints_number: pointId,\n\t\t\t\tdate: moment().format('YYYY-MM-DD HH:mm:ss'),\n\t\t\t},\n\t\t\tuser.token\n\t\t)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\n\t\t\t\tif (ExecStatus === 'True' && StatusCode === '0') {\n\t\t\t\t\tgetLineCodes();\n\t\t\t\t\tsendEvent(pointId);\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\t\t\t\t\tconsole.log(message);\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t};\n\n\tconst totalPoints = useMemo(() => {\n\t\treturn lineCodes[100].length * 100 + lineCodes[200].length * 200;\n\t}, [lineCodes]);\n\n\treturn (\n\t\t<div id='Result2'>\n\t\t\t<section className='section1'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='title-wrap'>\n\t\t\t\t\t\t<img src={imgTitle1} alt='我的戰績' ref={title1Ref} className={title1Inview ? 'isInview' : ''} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<img src={imgFinishedL} alt='活動已截止' className='finishedL' />\n\t\t\t\t\t<img src={imgFinishedM} alt='活動已截止' className='finishedM' />\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className={`panel-wrap ${panel1Inview ? 'isInview' : ''}`} ref={panel1Ref}>\n\t\t\t\t\t\t<img src={imgPanel1L} alt='' className='altL' />\n\t\t\t\t\t\t<img src={imgPanel1M} alt='' className='altM' />\n\n\t\t\t\t\t\t<div className='content-wrap'>\n\t\t\t\t\t\t\t<div className='title'>\n\t\t\t\t\t\t\t\t獲得點數總計<span className='yellow'>{totalPoints}</span>點\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='tab-buttons'>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={`button codes ${currentTab === 'codes' ? 'active' : ''}`}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetCurrentTab('codes');\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<div className='text'>點數領取</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={`button invites ${currentTab === 'invites' ? 'active' : ''}`}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetCurrentTab('invites');\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<div className='text'>邀請人數</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='flex-wrap'>\n\t\t\t\t\t\t\t\t<div className={`left ${currentTab === 'codes' ? 'active' : ''}`}>\n\t\t\t\t\t\t\t\t\t<div className='left-title'>點數領取</div>\n\t\t\t\t\t\t\t\t\t<div className='left-explain'>\n\t\t\t\t\t\t\t\t\t\t每次領取100點，\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t超過100點請分次領取\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div className='points-wrap'>\n\t\t\t\t\t\t\t\t\t\t{lineCodes[currentLineType].map((item, i) => {\n\t\t\t\t\t\t\t\t\t\t\tconst { linepoint_status, linepoint_type, linepoints_number } = item;\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='item' key={linepoints_number + i}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{linepoint_status === 0 || linepoint_status === 2 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={`https://points.line.me/pointcode?pincode=${linepoints_number}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget='_blank'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trel='noreferrer noopener'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (linepoint_status === 0) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tredeemPoint(linepoints_number);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetPopup(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src={linepoint_type === '100' ? img100points : img200points} alt={`P ${linepoint_type}`} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={`https://points.line.me/pointcode?pincode=${linepoints_number}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget='_blank'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trel='noreferrer noopener'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsendEvent(linepoints_number);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img src={linepoint_type === '100' ? img100pointsRedeemed : img200pointsRedeemed} alt={`P ${linepoint_type}`} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{lineCodes[100]?.length && lineCodes[200]?.length ? (\n\t\t\t\t\t\t\t\t\t\t<div className='nav'>\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={imgPrev}\n\t\t\t\t\t\t\t\t\t\t\t\talt='上一頁'\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentLineType(currentLineType === '100' ? '200' : '100');\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={imgNext}\n\t\t\t\t\t\t\t\t\t\t\t\talt='下一頁'\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentLineType(currentLineType === '100' ? '200' : '100');\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className={`right ${currentTab === 'invites' ? 'active' : ''}`}>\n\t\t\t\t\t\t\t\t\t<div className='table-wrap'>\n\t\t\t\t\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th>序號</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th>被推薦人</th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th>完成日期</th>\n\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t</thead>\n\n\t\t\t\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t{referrers[currentReferrerPage - 1]?.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst { referee_ID, count, referee_name, referee_enddate } = item;\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst date = moment(referee_enddate).format('YYYY/MM/DD');\n\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={referee_ID + index}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>{count}</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>{referee_name}</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>{date}</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{referrers.length > 1 ? (\n\t\t\t\t\t\t\t\t\t\t<div className='nav'>\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={imgPrev}\n\t\t\t\t\t\t\t\t\t\t\t\talt='上一頁'\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (currentReferrerPage - 1 >= 1) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentReferrerPage(currentReferrerPage - 1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={imgNext}\n\t\t\t\t\t\t\t\t\t\t\t\talt='下一頁'\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst totalPages = referrers.length;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (currentReferrerPage + 1 <= totalPages) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentReferrerPage(currentReferrerPage + 1);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='bot1'>成功邀請6位以上，點數雙倍送！</div>\n\t\t\t\t\t\t\t<div className='bot2'>\n\t\t\t\t\t\t\t\t更新日期：{referrers?.[0]?.[0]?.date ? moment(referrers[0][0].date).format('YYYY/MM/DD') : ''}。\n\t\t\t\t\t\t\t\t<span className='br'>\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t獲贈點數2022/6/30前領取完畢，\n\t\t\t\t\t\t\t\t<span className='br'>\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t逾期視同放棄。\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section className='section2'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='title-wrap'>\n\t\t\t\t\t\t<img src={imgTitle2} alt='賺點秘笈大公開' ref={title2Ref} className={title2Inview ? 'isInview' : ''} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className={`panel-wrap ${panel2Inview ? 'isInview' : ''}`} ref={panel2Ref}>\n\t\t\t\t\t\t<img src={imgPanel2L} alt='' className='altL' />\n\t\t\t\t\t\t<img src={imgPanel2M} alt='' className='altM' />\n\n\t\t\t\t\t\t<div className='content-wrap'>\n\t\t\t\t\t\t\t<div className='top'>\n\t\t\t\t\t\t\t\t分享專屬連結給<span className='yellow'>全新戶親友</span>&nbsp;&nbsp;\n\t\t\t\t\t\t\t\t<span className='br'>\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t並線上開戶成功\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t即送<span className='yellow'>LINE POINTS 100點</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='bot'>每人最高回饋 2000點</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<MoreGoodies linksToShow={[2, 0, 3]} />\n\n\t\t\t<div className={`popup ${popup ? 'active' : ''}`}>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName='close'\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetPopup(false);\n\t\t\t\t\t\t}}></div>\n\n\t\t\t\t\t<div className='text-wrap'>\n\t\t\t\t\t\t對不起～由於活動踴躍百萬點數已送罄，<span>加碼點數採購中！</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Result2;\n","export default __webpack_public_path__ + \"static/media/title1.c97b5f31.svg\";","export default __webpack_public_path__ + \"static/media/panel1-l.dc16dc4b.svg\";","export default __webpack_public_path__ + \"static/media/panel1-m.2b2f7ceb.svg\";","export default __webpack_public_path__ + \"static/media/panel2-l.235934d1.svg\";","export default __webpack_public_path__ + \"static/media/panel2-m.3edb1d99.svg\";","export default __webpack_public_path__ + \"static/media/card-l.2a67462b.svg\";","export default __webpack_public_path__ + \"static/media/card-m.49b05b29.svg\";","export default __webpack_public_path__ + \"static/media/card-question.1499f9de.svg\";","export default __webpack_public_path__ + \"static/media/win.d79080f3.svg\";","export default __webpack_public_path__ + \"static/media/lose.05a13602.svg\";","export default __webpack_public_path__ + \"static/media/finished-l.de6c74c3.svg\";","export default __webpack_public_path__ + \"static/media/finished-m.aa66c3f8.svg\";","import moment from 'moment';\nimport { useState, useEffect, useCallback, useMemo } from 'react';\nimport { useInView } from 'react-hook-inview';\nimport { get } from 'lodash';\nimport { apiTaskList, apiDrawPrize } from '../../api';\nimport MoreGoodies from '../../components/MoreGoodies/MoreGoodies';\nimport useUser from '../../store/useUser';\nimport imgTitle1 from './assets/title1.svg';\nimport imgPanel1L from './assets/panel1-l.svg';\nimport imgPanel1M from './assets/panel1-m.svg';\nimport imgPanel2L from './assets/panel2-l.svg';\nimport imgPanel2M from './assets/panel2-m.svg';\nimport imgCardL from './assets/card-l.svg';\nimport imgCardM from './assets/card-m.svg';\nimport imgCardQ from './assets/card-question.svg';\nimport imgWin from './assets/win.svg';\nimport imgLose from './assets/lose.svg';\nimport imgFinishedL from './assets/finished-l.svg';\nimport imgFinishedM from './assets/finished-m.svg';\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst initialResult = {\n\t1: {\n\t\tname: '加開複委託',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t2: {\n\t\tname: '加開分戶帳',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t3: {\n\t\tname: '完成密碼變更',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t4: {\n\t\tname: '申請電子憑證',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t5: {\n\t\tname: '綁定集保e存摺',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t6: {\n\t\tname: '申請電子對帳單',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t7: {\n\t\tname: '登入隨身e策略',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t8: {\n\t\tname: '簽署投顧契約',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n\t9: {\n\t\tname: '綁定樂活投資人',\n\t\tstatus: 0,\n\t\tmission_enddate: '',\n\t},\n};\n\nconst Result3 = () => {\n\tconst [user] = useUser();\n\tconst [popupExplain, setPopupExplain] = useState(false);\n\tconst [popupWin, setPopupWin] = useState(false);\n\tconst [popupLose, setPopupLose] = useState(false);\n\tconst [popupSpin, setPopupSpin] = useState(false);\n\tconst [winText, setWinText] = useState(false);\n\tconst [currentTab, setCurrentTab] = useState('result'); // prizes\n\tconst [title1Ref, title1Inview] = useInView(inViewOptions);\n\tconst [panel1Ref, panel1Inview] = useInView(inViewOptions);\n\tconst [panel2Ref, panel2Inview] = useInView(inViewOptions);\n\tconst [pages, setPages] = useState([[]]);\n\tconst [currentPage, setCurrentPage] = useState(0);\n\tconst [result, setResult] = useState(initialResult);\n\tconst [update, setUpdate] = useState('');\n\tconst [drawsLeft, setDrawsLeft] = useState(0);\n\n\tconst getData = useCallback(() => {\n\t\tapiTaskList({ id_no: user.nid }, user.token)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\n\t\t\t\tif ((ExecStatus === true || ExecStatus === 'True') && (StatusCode === 0 || StatusCode === '0')) {\n\t\t\t\t\tconst data = get(response, 'data.Body');\n\n\t\t\t\t\tif (data.rows) {\n\t\t\t\t\t\tif (data.rows[0]) {\n\t\t\t\t\t\t\tif (data.rows[0].date) {\n\t\t\t\t\t\t\t\tsetUpdate(moment(data.rows[0].date).format('YYYY/MM/DD'));\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (data.rows[0].ticket_last) {\n\t\t\t\t\t\t\t\tconst drawsCount = Number(data.rows[0].ticket_last);\n\t\t\t\t\t\t\t\tif (drawsCount) {\n\t\t\t\t\t\t\t\t\tsetDrawsLeft(drawsCount || 0);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetDrawsLeft(0);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetDrawsLeft(0);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst newResult = { ...initialResult };\n\t\t\t\t\t\tconst prizesWon = [];\n\t\t\t\t\t\t// const prizesWon = ['e財庫-投資金50元', 'e財庫-投資金100元', 'e財庫-投資金200元', '『中鋼(2002)』8股兌換金', '『聯電(2303)』8股兌換金', '『台塑(1301))』8股兌換金', 'e財庫-投資金50元', 'e財庫-投資金100元', 'e財庫-投資金200元', '『中鋼(2002)』8股兌換金', '『聯電(2303)』8股兌換金', '『台塑(1301))』8股兌換金'];\n\n\t\t\t\t\t\tfor (let index = 0; index < data.rows.length; index++) {\n\t\t\t\t\t\t\tconst row = data.rows[index];\n\n\t\t\t\t\t\t\tif (row.award_name && row.award !== '07') {\n\t\t\t\t\t\t\t\tprizesWon.push(row.award_name);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (row.type) {\n\t\t\t\t\t\t\t\tconsole.log(row.type);\n\t\t\t\t\t\t\t\tnewResult[Number(row.type)].status = Number(row.status);\n\t\t\t\t\t\t\t\tnewResult[Number(row.type)].mission_enddate = row.mission_enddate ? moment(row.mission_enddate).format('YYYY/MM/DD') : '';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetResult(newResult);\n\n\t\t\t\t\t\tlet group = [];\n\n\t\t\t\t\t\tfor (let index = 0, j = 0; index < prizesWon.length; index++) {\n\t\t\t\t\t\t\tif (index >= 9 && index % 9 === 0) j++;\n\t\t\t\t\t\t\tgroup[j] = group[j] || [];\n\t\t\t\t\t\t\tgroup[j].push(prizesWon[index]);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetPages(group);\n\t\t\t\t\t}\n\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.log(error);\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t}, [user.nid, user.token]);\n\n\tuseEffect(() => {\n\t\tgetData();\n\t}, [getData]);\n\n\tconst cards = [1, 2, 3, 4, 5, 6, 7, 8, 9];\n\n\tconst prevPage = () => {\n\t\tif (currentPage === 0) return false;\n\t\treturn setCurrentPage(currentPage - 1);\n\t}\n\n\tconst nextPage = () => {\n\t\tif (currentPage === pages.length - 1) return false;\n\t\treturn setCurrentPage(currentPage + 1);\n\t}\n\n\tconst resultList = useMemo(() => {\n\t\tconst entries = Object.entries(result);\n\t\tconst resultArray = [];\n\n\t\tfor (let index = 0; index < entries.length; index++) {\n\t\t\tconst element = entries[index];\n\t\t\tresultArray.push(element[1])\n\t\t}\n\t\treturn resultArray;\n\t}, [result]);\n\n\tconst showDrawResult = (drawResult) => {\n\t\tsetPopupSpin(false);\n\n\t\tif (drawResult.award === '07') {\n\t\t\tsetPopupLose(true);\n\t\t}\n\n\t\tif (drawResult.award !== '07') {\n\t\t\tsetPopupWin(true);\n\t\t\tsetWinText(drawResult.award_name);\n\t\t}\n\t}\n\n\tconst drawPrize = () => {\n\t\tif (!drawsLeft) return false;\n\n\t\tconst spinStartTime = new Date().getTime();\n\t\tconst spinDuration = 3 * 1000;\n\n\t\tsetPopupSpin(true);\n\n\t\tapiDrawPrize({ id_no: user.nid }, user.token)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\n\t\t\t\tif ((ExecStatus === true || ExecStatus === 'True') && (StatusCode === 0 || StatusCode === '0')) {\n\t\t\t\t\tconst data = get(response, 'data.Body');\n\n\t\t\t\t\tif (data[0] && (data[0].status === '0' || data[0].status === '3' || data[0].status === 0 || data[0].status === 3)) {\n\t\t\t\t\t\talert('資料連線異常，請稍後再試');\n\t\t\t\t\t\treturn setPopupSpin(false);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst now = new Date().getTime();\n\t\t\t\t\tconst diff = now - spinStartTime;\n\n\t\t\t\t\tif (diff < spinDuration) {\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tshowDrawResult(data[0]);\n\t\t\t\t\t\t}, spinDuration - diff);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tshowDrawResult(data[0]);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.log(error);\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t}\n\n\treturn (\n\t\t<div id='Result3'>\n\t\t\t<section className='section1'>\n\t\t\t\t<div className={`center-wrap inview ${title1Inview ? 'isInview' : ''}`} ref={title1Ref}>\n\t\t\t\t\t<div className='title-wrap'>\n\t\t\t\t\t\t<img src={imgTitle1} alt='任務獎不完-戰績' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<img src={imgFinishedL} alt='活動已截止，獎項可領取至10/31' className='finishedL' />\n\t\t\t\t\t<img src={imgFinishedM} alt='活動已截止，獎項可領取至10/31' className='finishedM' />\n\n\t\t\t\t\t<div className='sub-title'>活動期間完成任一任務，<span className='br'><br /></span>「隔日」即可玩一次抽獎遊戲!</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='flex-panels'>\n\t\t\t\t\t\t<div className={`panel-wrap panel1 ${panel1Inview ? 'isInview' : ''}`} ref={panel1Ref}>\n\t\t\t\t\t\t\t<img src={imgPanel1L} alt='' className='altL' />\n\t\t\t\t\t\t\t<img src={imgPanel1M} alt='' className='altM' />\n\n\t\t\t\t\t\t\t<div className='title'>可抽獎{drawsLeft}次</div>\n\n\t\t\t\t\t\t\t<div className={`cards ${drawsLeft ? '' : 'noDraw'}`}>\n\t\t\t\t\t\t\t\t{cards.map((card) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div className='card' key={card} onClick={drawPrize}>\n\t\t\t\t\t\t\t\t\t\t\t<img src={imgCardL} alt='請翻牌' className='altL' />\n\t\t\t\t\t\t\t\t\t\t\t<img src={imgCardM} alt='請翻牌' className='altM' />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={`panel-wrap panel2 ${panel2Inview ? 'isInview' : ''}`} ref={panel2Ref}>\n\t\t\t\t\t\t\t<img src={imgPanel2L} alt='' className='altL' />\n\t\t\t\t\t\t\t<img src={imgPanel2M} alt='' className='altM' />\n\n\t\t\t\t\t\t\t<div className='panel-content'>\n\t\t\t\t\t\t\t\t<div className='tab-buttons'>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={`button result ${currentTab === 'result' ? 'active' : ''}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetCurrentTab('result');\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div className='text'>我的戰績</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={`button prizes ${currentTab === 'prizes' ? 'active' : ''}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetCurrentTab('prizes');\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t<div className='text'>得獎獎品</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className={`tab-content ${currentTab === 'result' ? 'active' : ''}`}>\n\t\t\t\t\t\t\t\t\t{resultList.map((resultRow, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<div className='result-row' key={`resultRow${index}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='heading'>{resultRow.name}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t{(resultRow.status === '2' || resultRow.status === 2) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='result-item'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='text'>不符合資格</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='result-item'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={`icon ${(resultRow.status === '1' || resultRow.status === 1) ? 'done' : ''}`}></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={`text ${(resultRow.status === '1' || resultRow.status === 1) ? 'done' : ''}`}>{resultRow.mission_enddate || '尚未完成'}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t{update ? (\n\t\t\t\t\t\t\t\t\t\t<div className='update'>\n\t\t\t\t\t\t\t\t\t\t\t<div className='text'>更新日期：{update}。</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className={`tab-content ${currentTab === 'prizes' ? 'active' : ''}`}>\n\t\t\t\t\t\t\t\t\t<div className='prizes'>\n\t\t\t\t\t\t\t\t\t\t{pages[currentPage]?.map((prizeWon, index) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='prize-row' key={`prizeWon${index}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon'></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='text'>{prizeWon}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t{pages.length > 1 ? (\n\t\t\t\t\t\t\t\t\t\t\t<div className='nav'>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon prev' onClick={prevPage}></div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon next' onClick={nextPage}></div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div className='update update2'>\n\t\t\t\t\t\t\t\t\t\t{update ? (\n\t\t\t\t\t\t\t\t\t\t\t<div className='text'>更新日期：{update}。</div>\n\t\t\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t\t\t<div className='pop-open' onClick={() => { setPopupExplain(true) }}>\n\t\t\t\t\t\t\t\t\t\t\t<div className='icon'></div>\n\t\t\t\t\t\t\t\t\t\t\t<div className='t'>獎項說明</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div >\n\t\t\t</section >\n\n\t\t\t<MoreGoodies linksToShow={[1, 0, 3]} />\n\n\t\t\t<div className={`popup ${popupExplain ? 'active' : ''}`}>\n\t\t\t\t<div className='scroll-wrap'>\n\t\t\t\t\t<div className='center-wrap popupExplain'>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName='close'\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetPopupExplain(false);\n\t\t\t\t\t\t\t}}></div>\n\n\t\t\t\t\t\t<div className='head'>獎項說明</div>\n\n\t\t\t\t\t\t<div className='title'>獎品項目</div>\n\n\t\t\t\t\t\t<div className='flex-items'>\n\t\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>e財庫-投資金50元</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>e財庫-投資金100元</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>e財庫-投資金200元</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>『中鋼(2002)』8股兌換金</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>『聯電(2303)』8股兌換金</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>『台塑(1301))』8股兌換金</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='title title2'>獎品領取方式</div>\n\n\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t<div className='text'><span>發放時間：</span>獲獎者禮物將統一於次月初發放。</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t<div className='text'><span>E財庫投資金：</span>入金到e財庫中，取消綁定喪失資格。</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='item'>\n\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t<div className='text'><span>股票兌換金：</span>於指定期間購買指定股票，並綁定e財庫為交割帳戶，交易金額(不含手續費及交易稅)將由凱基證券直接匯入e財庫。</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className={`popup ${popupSpin ? 'active' : ''}`}>\n\t\t\t\t<div className='center-wrap popupSpin'>\n\t\t\t\t\t<div className='flip-card'>\n\t\t\t\t\t\t<img src={imgCardQ} alt='?' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className={`popup ${popupWin ? 'active' : ''}`}>\n\t\t\t\t<div className='center-wrap popupWin'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName='close'\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetPopupWin(false);\n\t\t\t\t\t\t\tgetData();\n\t\t\t\t\t\t}}></div>\n\n\t\t\t\t\t<div className='win-lose-content'>\n\t\t\t\t\t\t<div className='img'>\n\t\t\t\t\t\t\t<img src={imgWin} alt='恭喜中獎' />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='t1'>獲得<br />{winText}</div>\n\n\t\t\t\t\t\t<div className='t2'>股票兌換金，需於指定期間內購買指定股票，並且綁定e財庫作為交割帳戶，交易金額(不含手續費及交易稅)將由凱基證券直接匯入中獎者e財庫中。</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className={`popup ${popupLose ? 'active' : ''}`}>\n\t\t\t\t<div className='center-wrap popupLose'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName='close'\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetPopupLose(false);\n\t\t\t\t\t\t\tgetData();\n\t\t\t\t\t\t}}></div>\n\n\t\t\t\t\t<div className='win-lose-content'>\n\t\t\t\t\t\t<div className='img'>\n\t\t\t\t\t\t\t<img src={imgLose} alt='未中獎' />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='t3'>再接再厲，祝您中大獎</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div >\n\t);\n};\n\nexport default Result3;\n","export default __webpack_public_path__ + \"static/media/title1.b77d6282.svg\";","export default __webpack_public_path__ + \"static/media/title2.19a2f653.svg\";","export default __webpack_public_path__ + \"static/media/heading1-l.d220708a.svg\";","export default __webpack_public_path__ + \"static/media/heading1-m.e783f28e.svg\";","export default __webpack_public_path__ + \"static/media/heading2-l.8a51c5bd.svg\";","export default __webpack_public_path__ + \"static/media/heading2-m.0669e99a.svg\";","export default __webpack_public_path__ + \"static/media/finished-l.fe3bd929.svg\";","export default __webpack_public_path__ + \"static/media/finished-m.14f0c386.svg\";","import moment from 'moment';\nimport { useState, useEffect, useCallback } from 'react';\nimport { useInView } from 'react-hook-inview';\nimport { get } from 'lodash';\nimport { apiPrizeResult } from '../../api';\nimport MoreGoodies from '../../components/MoreGoodies/MoreGoodies';\nimport useUser from '../../store/useUser';\nimport imgTitle1 from './assets/title1.svg';\nimport imgTitle2 from './assets/title2.svg';\nimport imgHeading1L from './assets/heading1-l.svg';\nimport imgHeading1M from './assets/heading1-m.svg';\nimport imgHeading2L from './assets/heading2-l.svg';\nimport imgHeading2M from './assets/heading2-m.svg';\nimport imgFinishedL from './assets/finished-l.svg';\nimport imgFinishedM from './assets/finished-m.svg';\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst Result4 = () => {\n\tconst [user] = useUser();\n\tconst [title1Ref, title1Inview] = useInView(inViewOptions);\n\tconst [title2Ref, title2Inview] = useInView(inViewOptions);\n\tconst [table1Ref, table1Inview] = useInView(inViewOptions);\n\tconst [table2Ref, table2Inview] = useInView(inViewOptions);\n\tconst [table3Ref, table3Inview] = useInView(inViewOptions);\n\tconst [table4Ref, table4Inview] = useInView(inViewOptions);\n\tconst [panel1Ref, panel1Inview] = useInView(inViewOptions);\n\tconst [panel2Ref, panel2Inview] = useInView(inViewOptions);\n\tconst [update, setUpdate] = useState('');\n\tconst [twColumns, setTwColumns] = useState([]);\n\tconst [usColumns, setUsColumns] = useState([]);\n\n\tconst getData = useCallback(() => {\n\t\tapiPrizeResult({ id_no: user.nid }, user.token)\n\t\t\t.then((response) => {\n\t\t\t\tconst ExecStatus = get(response, 'data.Header.ExecStatus');\n\t\t\t\tconst StatusCode = get(response, 'data.Header.StatusCode');\n\n\t\t\t\tif ((ExecStatus === true || ExecStatus === 'True') && (StatusCode === 0 || StatusCode === '0')) {\n\t\t\t\t\tconst data = get(response, 'data.Body');\n\n\t\t\t\t\tif (data.rows) {\n\t\t\t\t\t\tif (data.rows[0]) {\n\t\t\t\t\t\t\tif (data.rows[0].date) {\n\t\t\t\t\t\t\t\tsetUpdate(moment(data.rows[0].date).format('YYYY/MM/DD'));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst twResult = [];\n\t\t\t\t\t\tconst usResult = []\n\n\t\t\t\t\t\tfor (let index = 0; index < data.rows.length; index++) {\n\t\t\t\t\t\t\tconst row = data.rows[index];\n\n\t\t\t\t\t\t\tif (row.ts_status) {\n\t\t\t\t\t\t\t\ttwResult.push({\n\t\t\t\t\t\t\t\t\tyearMonth: moment(row.award_mth).format('YYYY/MM'),\n\t\t\t\t\t\t\t\t\tticketCountText: row.ts_status === '1' ? row.ts_tickets : '抽獎卷失效',\n\t\t\t\t\t\t\t\t\tticketCountStatus: row.ts_status === '1',\n\t\t\t\t\t\t\t\t\tprizeStatus: !!row.ts_award,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (row.us_status) {\n\t\t\t\t\t\t\t\tusResult.push({\n\t\t\t\t\t\t\t\t\tyearMonth: moment(row.award_mth).format('YYYY/MM'),\n\t\t\t\t\t\t\t\t\tticketCountText: row.us_status === '1' ? row.us_tickets : '抽獎卷失效',\n\t\t\t\t\t\t\t\t\tticketCountStatus: row.us_status === '1',\n\t\t\t\t\t\t\t\t\tprizeStatus: !!row.us_award,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetTwColumns(twResult);\n\t\t\t\t\t\tsetUsColumns(usResult);\n\t\t\t\t\t}\n\n\t\t\t\t} else {\n\t\t\t\t\tconst message = get(response, 'data.Body.msg');\n\n\t\t\t\t\talert(message || '資料傳輸錯誤');\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\talert('資料傳輸錯誤');\n\t\t\t});\n\t}, [user.nid, user.token]);\n\n\tuseEffect(() => {\n\t\tgetData();\n\t}, [getData]);\n\n\treturn (\n\t\t<div id='Result4'>\n\t\t\t<section className='section1'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='title-wrap'>\n\t\t\t\t\t\t<img src={imgTitle1} alt='交易抽大獎-戰績' ref={title1Ref} className={title1Inview ? 'isInview' : ''} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<img src={imgFinishedL} alt='活動已截止' className='finishedL' />\n\t\t\t\t\t<img src={imgFinishedM} alt='活動已截止' className='finishedM' />\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap desktop'>\n\t\t\t\t\t<div className={`table-wrap fade-up ${table1Inview ? 'isInview' : ''}`} ref={table1Ref}>\n\t\t\t\t\t\t<img src={imgHeading1L} alt='' className='heading altL' />\n\n\t\t\t\t\t\t<table className='tw'>\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<th className='head'>月份</th>\n\n\t\t\t\t\t\t\t\t\t{twColumns.map((col, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<th key={`twth${index}`}>{col.yearMonth}</th>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td className='head'>抽獎券數量</td>\n\n\t\t\t\t\t\t\t\t\t{twColumns.map((col, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`twtd1${index}`} className={col.ticketCountStatus ? 'active' : ''}>{col.ticketCountText}</td>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td className='head'>中獎里程</td>\n\n\t\t\t\t\t\t\t\t\t{twColumns.map((col, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`twtd2${index}`}>{col.prizeStatus ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='win'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon'></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='text'>恭喜中獎</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : '未中獎'}</td>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`table-wrap fade-up ${table2Inview ? 'isInview' : ''}`} ref={table2Ref}>\n\t\t\t\t\t\t<img src={imgHeading2L} alt='' className='heading altL' />\n\n\t\t\t\t\t\t<table className='us'>\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<th className='head'>月份</th>\n\n\t\t\t\t\t\t\t\t\t{usColumns.map((col, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<th key={`usth${index}`}>{col.yearMonth}</th>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td className='head'>抽獎券數量</td>\n\n\t\t\t\t\t\t\t\t\t{usColumns.map((col, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`ustd1${index}`} className={col.ticketCountStatus ? 'active' : ''}>{col.ticketCountText}</td>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td className='head'>中獎里程</td>\n\n\t\t\t\t\t\t\t\t\t{usColumns.map((col, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<td key={`ustd2${index}`}>{col.prizeStatus ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='win'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon'></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='text'>恭喜中獎</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : '未中獎'}</td>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className='explain'>\n\t\t\t\t\t\t中獎後，中獎人須於30天內購買指定股票，並透過e財庫扣款。<br />\n\t\t\t\t\t\t凱基證券將提供等值之現金匯入e財庫中。&nbsp;&nbsp;\n\t\t\t\t\t\t更新日期：{update}。\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap mobile'>\n\t\t\t\t\t<div className={`table-wrap fade-up ${table3Inview ? 'isInview' : ''}`} ref={table3Ref}>\n\t\t\t\t\t\t<img src={imgHeading1M} alt='' className='heading altM' />\n\n\t\t\t\t\t\t<table className='tw'>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td className='head'>月份</td>\n\t\t\t\t\t\t\t\t\t<td className='thead'>抽獎券數量</td>\n\t\t\t\t\t\t\t\t\t<td className='thead'>中獎里程</td>\n\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t{twColumns.map((row, index) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<tr key={`twrow${index}`}>\n\t\t\t\t\t\t\t\t\t\t\t<td className='head'>{row.yearMonth}</td>\n\n\t\t\t\t\t\t\t\t\t\t\t<td className={row.ticketCountStatus ? 'active' : ''}>{row.ticketCountText}</td>\n\n\t\t\t\t\t\t\t\t\t\t\t<td>{row.prizeStatus ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='win'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon'></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='text'>恭喜中獎</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : '未中獎'}</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`table-wrap fade-up ${table4Inview ? 'isInview' : ''}`} ref={table4Ref}>\n\t\t\t\t\t\t<img src={imgHeading2M} alt='' className='heading altM' />\n\n\t\t\t\t\t\t<table className='us'>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td className='head'>月份</td>\n\t\t\t\t\t\t\t\t\t<td className='thead'>抽獎券數量</td>\n\t\t\t\t\t\t\t\t\t<td className='thead'>中獎里程</td>\n\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t{usColumns.map((row, index) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<tr key={`usrow${index}`}>\n\t\t\t\t\t\t\t\t\t\t\t<td className='head'>{row.yearMonth}</td>\n\n\t\t\t\t\t\t\t\t\t\t\t<td className={row.ticketCountStatus ? 'active' : ''}>{row.ticketCountText}</td>\n\n\t\t\t\t\t\t\t\t\t\t\t<td>{row.prizeStatus ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className='win'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='icon'></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className='text'>恭喜中獎</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : '未中獎'}</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section className='section2'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='title-wrap'>\n\t\t\t\t\t\t<img src={imgTitle2} alt='抽獎辦法照過來' ref={title2Ref} className={title2Inview ? 'isInview' : ''} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className='panel-flex'>\n\t\t\t\t\t\t<div className={`panel panel1 ${panel1Inview ? 'isInview' : ''}`} ref={panel1Ref}>\n\t\t\t\t\t\t\t<div className='title'>台股月月抽</div>\n\t\t\t\t\t\t\t<div className='head'>每月抽出<span className='br'><br /></span>台股15萬等值兌換金</div>\n\t\t\t\t\t\t\t<div className='row'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>單筆委託且成交達10萬元，可獲得1張台股等值兌換金抽獎券</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={`panel panel2 ${panel2Inview ? 'isInview' : ''}`} ref={panel2Ref}>\n\t\t\t\t\t\t\t<div className='title'>美股季季抽</div>\n\t\t\t\t\t\t\t<div className='head'>每季抽出<span className='br'><br /></span>美股百萬等值兌換金</div>\n\t\t\t\t\t\t\t<div className='row'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>不限金額每筆成交獲得10張美股等值兌換金抽獎券</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className='row'>\n\t\t\t\t\t\t\t\t<div className='dot'></div>\n\t\t\t\t\t\t\t\t<div className='text'>單筆成交每達台幣1萬元加碼1張美股等值兌換金抽獎券</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className='explain'>中獎人須於30天內購買指定股票，並透過e財庫扣款，凱基證券將提供等值現金匯入e財庫。台股/美股不合併計算，2022/04/01起可查詢抽獎券累積數量。</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<MoreGoodies linksToShow={[1, 0, 2]} />\n\t\t</div>\n\t);\n};\n\nexport default Result4;\n","import SlideToggle from 'react-slide-toggle';\nimport BezierEasing from 'bezier-easing';\n\nconst Question = (props) => {\n\treturn (\n\t\t<SlideToggle\n\t\t\tduration={300}\n\t\t\tcollapsed={true}\n\t\t\teaseCollapse={BezierEasing(0.68, 0, 0.265, 1)}\n\t\t\teaseExpand={BezierEasing(0.68, 0, 0.265, 1)}\n\t\t\trender={({ toggle, setCollapsibleElement, toggleState }) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div className='Question'>\n\t\t\t\t\t\t<div className='toggler' onClick={toggle}>\n\t\t\t\t\t\t\t<div className={`num ${props.num >= 10 ? 'wider' : ''}`}>Q{props.num}.</div>\n\t\t\t\t\t\t\t<div className='text'>{props.text}</div>\n\t\t\t\t\t\t\t<div className={`icon ${toggleState}`}></div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='toggle-target' ref={setCollapsibleElement}>\n\t\t\t\t\t\t\t<div className={`content-wrap ${props.num >= 10 ? 'wider' : ''}`}>{props.children}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n};\n\nexport default Question;\n","export default __webpack_public_path__ + \"static/media/title.68c74deb.svg\";","export default __webpack_public_path__ + \"static/media/event2-q5-2-l-min.4290a7bb.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-3-l-min.d6881511.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-4-l-min.2eb789d6.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-5-l-min.f836fb85.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-1-m-min.bd216eef.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-2-m-min.ab335562.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-3-m-min.52c717d1.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-4-m-min.ccd8edc5.png\";","export default __webpack_public_path__ + \"static/media/event2-q5-5-m-min.0f3a5aa0.png\";","import { useState } from 'react';\nimport { useEffectOnce } from 'react-use';\nimport { useInView } from 'react-hook-inview';\nimport Question from '../../components/Question/Question';\nimport imgTitle from './assets/title.svg';\nimport imgEvent2Q51L from './assets/event2-q5-1-l-min.png';\nimport imgEvent2Q52L from './assets/event2-q5-2-l-min.png';\nimport imgEvent2Q53L from './assets/event2-q5-3-l-min.png';\nimport imgEvent2Q54L from './assets/event2-q5-4-l-min.png';\nimport imgEvent2Q55L from './assets/event2-q5-5-l-min.png';\nimport imgEvent2Q51M from './assets/event2-q5-1-m-min.png';\nimport imgEvent2Q52M from './assets/event2-q5-2-m-min.png';\nimport imgEvent2Q53M from './assets/event2-q5-3-m-min.png';\nimport imgEvent2Q54M from './assets/event2-q5-4-m-min.png';\nimport imgEvent2Q55M from './assets/event2-q5-5-m-min.png';\n\nconst inViewOptions = {\n\tunobserveOnEnter: true,\n};\n\nconst Faq = () => {\n\tconst [animate, setAnimate] = useState(false);\n\tconst [item1, item1Inview] = useInView(inViewOptions);\n\tconst [item2, item2Inview] = useInView(inViewOptions);\n\tconst [item3, item3Inview] = useInView(inViewOptions);\n\tconst [item4, item4Inview] = useInView(inViewOptions);\n\n\tuseEffectOnce(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetAnimate(true);\n\t\t}, 100);\n\t});\n\n\treturn (\n\t\t<div id='Faq'>\n\t\t\t<section className='section1'>\n\t\t\t\t<img src={imgTitle} alt='常見問題' className={`title ${animate ? 'isInview' : ''}`} />\n\n\t\t\t\t<div className={`sub ${animate ? 'isInview' : ''}`}>\n\t\t\t\t\t若「常見問題」無法為您解惑<br />\n\t\t\t\t\t請來電凱基證券客服中心 02-2389-0088<br />\n\t\t\t\t\t將有專屬的服務人員為您查詢\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section className='section2'>\n\t\t\t\t<div className='center-wrap'>\n\t\t\t\t\t<div className={`group ${item1Inview ? 'isInview' : ''}`} ref={item1}>\n\t\t\t\t\t\t<div className='group-title'>\n\t\t\t\t\t\t\t<div className='icon event1'></div>\n\t\t\t\t\t\t\t<div className='text'>新戶拿好禮</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='border'></div>\n\n\t\t\t\t\t\t<Question num={1} text='三合一加分戶帳沒有一次開完可以嗎?'>\n\t\t\t\t\t\t\t只要在活動期間內完成台股、複委託、分戶帳三個帳戶線上開戶，前10,000名客戶可獲得100元兌換金。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={2} text='什麼時候入帳?'>\n\t\t\t\t\t\t\t獎勵金將會在活動結束後（2022/6/30）次月5日進行結算，並於活動結束後（2022/6/30）次月11日入帳至您的e財庫。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={3} text='我有沒有在前10000名?'>\n\t\t\t\t\t\t\t名額額滿時，將統一於活動網站公告，愈早開戶，愈早獲得獎勵。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={4} text='一定要分戶帳嗎？'>\n\t\t\t\t\t\t\t只要在活動期間內完成台股、複委託、分戶帳三個帳戶線上開戶，前10,000名客戶可獲得100元兌換金。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={5} text='不能只開現貨嗎？'>\n\t\t\t\t\t\t\t只要在活動期間內完成台股、複委託、分戶帳三個帳戶線上開戶，前10,000名客戶可獲得100元兌換金。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={6} text='什麼是e財庫?'>\n\t\t\t\t\t\t\t「e財庫」是讓顧客與凱基證券約定，客戶可透過既有的銀行帳戶匯款到e財庫辦理交割，不用另外開證券款項劃撥帳戶。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={7} text='e財庫能入外幣嗎?'>\n\t\t\t\t\t\t\te財庫留存款項以新台幣為限。\n\t\t\t\t\t\t</Question>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`group ${item2Inview ? 'isInview' : ''}`} ref={item2}>\n\t\t\t\t\t\t<div className='group-title'>\n\t\t\t\t\t\t\t<div className='icon event2'></div>\n\t\t\t\t\t\t\t<div className='text'>揪友享好禮</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='border'></div>\n\n\t\t\t\t\t\t<Question num={1} text='只開證券戶算點數嗎?'>\n\t\t\t\t\t\t\t只要被推薦人透過推薦人分享的QR code完成台股開戶，推薦人次日起即可於活動網站領取點數。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={2} text='什麼時候拿到點數?'>\n\t\t\t\t\t\t\t只要被推薦人透過推薦人分享的QR code完成台股開戶，推薦人次日起即可於活動網站領取點數。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={3} text='如何查詢被推薦開戶是否成功?'>\n\t\t\t\t\t\t\t於活動網站登入後，在「我的戰績」中可查詢被推薦人開戶進度。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={4} text='沒開e財庫是否可獲得點數?'>\n\t\t\t\t\t\t\t只要被推薦人透過推薦人分享的QR code完成台股開戶，推薦人次日起即可於活動網站領取點數。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={5} text='如何領取line point?'>\n\t\t\t\t\t\t\t<div className='desktop'>\n\t\t\t\t\t\t\t\t<div className='text'>1. 由活動網站<span className='orange'>右上角</span>登入</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q51L} alt='' className='s1' />\n\n\t\t\t\t\t\t\t\t<div className='text'>2. 我的戰績 - <span className='orange'>揪友享好禮</span>，看到您可以領取多少點數</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q52L} alt='' className='s2' />\n\n\t\t\t\t\t\t\t\t<div className='text'>3. 點擊<span className='orange'>綠色（未領取）的點數</span>後，網頁會自動為您帶入點數代碼</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q53L} alt='' className='s3' />\n\n\t\t\t\t\t\t\t\t<div className='text'>4. <span className='orange'>點擊同意</span>後會自動跳轉頁面到您的LINE POINTS頁面儲値您點取的點數\n\t\t\t\t\t\t\t\t\t金額無誤後，請按下面的<span className='orange'>確認鍵</span>即完成兌換</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q54L} alt='' className='s4' />\n\n\t\t\t\t\t\t\t\t<div className='text'>5. 點數儲值後，您的LINE錢包也會通知您唷！ 當您再次登入我的戰績-揪友享好禮的頁面，您所領取過的點數也會變灰色</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q55L} alt='' className='s5' />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className='mobile'>\n\t\t\t\t\t\t\t\t<div className='text'>1. 由活動網站選單中登入</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q51M} alt='' className='s1' />\n\n\t\t\t\t\t\t\t\t<div className='text'>2. 我的戰績 - <span className='orange'>揪友享好禮</span>，看到您可以領取多少點數</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q52M} alt='' className='s2' />\n\n\t\t\t\t\t\t\t\t<div className='text'>3. 點擊<span className='orange'>綠色（未領取）的點數</span>後，網頁會自動為您帶入點數代碼</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q53M} alt='' className='s3' />\n\n\t\t\t\t\t\t\t\t<div className='text'>4. <span className='orange'>點擊同意</span>後會自動跳轉頁面到您的LINE POINTS頁面儲値您點取的點數\n\t\t\t\t\t\t\t\t\t金額無誤後，請按下面的<span className='orange'>確認鍵</span>即完成兌換</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q54M} alt='' className='s4' />\n\n\t\t\t\t\t\t\t\t<div className='text'>5. 點數儲值後，您的LINE錢包也會通知您唷！ 當您再次登入我的戰績-揪友享好禮的頁面，您所領取過的點數也會變灰色</div>\n\n\t\t\t\t\t\t\t\t<img src={imgEvent2Q55M} alt='' className='s5' />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={6} text='自己沒有開戶能得點嗎?'>\n\t\t\t\t\t\t\t推薦人必須先成為凱基證券客戶才可以領取Line point點數。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={7} text='臨櫃算不算?'>\n\t\t\t\t\t\t\t被推薦人需透過推薦人分享的QR code完成線上開戶，才會計入推薦獎勵。\n\t\t\t\t\t\t</Question>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`group ${item3Inview ? 'isInview' : ''}`} ref={item3}>\n\t\t\t\t\t\t<div className='group-title'>\n\t\t\t\t\t\t\t<div className='icon event3'></div>\n\t\t\t\t\t\t\t<div className='text'>任務獎不完</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='border'></div>\n\n\t\t\t\t\t\t<Question num={1} text='完成任務會有誰提醒我嗎?'>\n\t\t\t\t\t\t\t完成任務次日起，可於活動網站進行翻牌遊戲，多項好禮等您抽。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={2} text='沒開e財庫如果翻到e財庫投資金50元怎麼辦'>\n\t\t\t\t\t\t\t獎勵金將於次月初入到您的e財庫，建議您先開e財庫，方便領取活動獎勵。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t{/* <Question num={3} text='獎項有哪些?'>\n\t\t\t\t\t\t\t活動獎勵包含e財庫50元、100元、200元兌換金，以及『中鋼(2002)』、『聯電(2303)』、『台塑(1301)』8股兌換金等多項好禮，趕快來完成任務抽好禮吧！\n\t\t\t\t\t\t</Question> */}\n\n\t\t\t\t\t\t<Question num={3} text='已經加開過的算嗎?'>\n\t\t\t\t\t\t\t任務於活動期間內首次完成後可取得翻牌機會。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={4} text='一定會中獎嗎 還是有概率翻到銘謝惠顧？只要在期間內完成任務都可以抽獎嗎？'>\n\t\t\t\t\t\t\t完成愈多任務，中獎機會愈高，只要於活動期間內首次完成任務，都可取得翻牌機會。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t{/* <Question num={6} text='抽的零股有哪幾支?'>\n\t\t\t\t\t\t\t台股兌換金包含『中鋼(2002)』、『聯電(2303)』、『台塑(1301)』等優質股票8股兌換金。\n\t\t\t\t\t\t</Question> */}\n\n\t\t\t\t\t\t<Question num={5} text='要上什麼地方看自己完成那些任務?'>\n\t\t\t\t\t\t\t於活動網站登入後，即可查詢您完成的任務並進行翻牌遊戲。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={6} text='部分都呈現不符合資格。'>\n\t\t\t\t\t\t\t活動前已完成任務者，系統會顯示「不符合資格」。\n\t\t\t\t\t\t</Question>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={`group ${item4Inview ? 'isInview' : ''}`} ref={item4}>\n\t\t\t\t\t\t<div className='group-title'>\n\t\t\t\t\t\t\t<div className='icon event4'></div>\n\t\t\t\t\t\t\t<div className='text'>交易抽大獎</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className='border'></div>\n\n\t\t\t\t\t\t<Question num={1} text='中獎營業員會通知我嗎?如何知道中獎了？'>\n\t\t\t\t\t\t\t中獎後，您的營業員會通知您，協助您完成領獎作業。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={2} text='會重複中獎嗎?'>\n\t\t\t\t\t\t\t得獎者累積至目前的抽獎券失效(歸零)。後續從零重新開始累積抽獎券，交易愈多，中獎機會愈高。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t{/* <Question num={3} text='每月每季中獎只會有一位嗎?'>\n\t\t\t\t\t\t\t台股月月抽：每月抽出一位得獎者，可獲得15萬等值台股兌換金。<br />美股季季抽：每季先抽出得獎人數，再抽出得獎者，獎項由得獎者均分。\n\t\t\t\t\t\t</Question> */}\n\n\t\t\t\t\t\t<Question num={3} text='不開分戶帳能領獎嗎?'>\n\t\t\t\t\t\t\t獎勵金將於次月初入到您的e財庫，建議您先開e財庫，方便領取活動獎勵。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={4} text='中獎機率有多少？'>\n\t\t\t\t\t\t\t交易愈多，中獎機會愈高。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={5} text='怎麼查詢可以抽幾次?'>\n\t\t\t\t\t\t\t於活動網頁登入後，即可查詢抽獎券張數。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={6} text='什麼時候抽獎?'>\n\t\t\t\t\t\t\t活動獎項將於每月/每季末抽出(每月5號、每季抽)，未被抽出等值兌換金抽獎券，可參與下次抽獎機會。越早交易、交易越多(金額/次數) 中獎機會越大。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={7} text='我怎麼知道公司有把我所有機會都加入?'>\n\t\t\t\t\t\t\t只要您交易符合條件，即可獲得抽獎券，並可於活動網頁中查詢累計抽獎張數。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={8} text='e財庫複委託不能外幣扣款?'>\n\t\t\t\t\t\t\te財庫留存款項以新台幣為限，如您有交易外幣的需求，仍可綁定外幣交割戶進行交易。\n\t\t\t\t\t\t</Question>\n\n\t\t\t\t\t\t<Question num={9} text='需要上網登錄嗎，融資的交易量算嗎?'>\n\t\t\t\t\t\t\t不需上網登錄，只要於活動期間內完成交易，不限交易方式、管道，均可會得抽獎券。\n\t\t\t\t\t\t</Question>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t</div>\n\t)\n}\n\nexport default Faq;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7IAAABFCAMAAABAISr6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAALlUExURUdwTAEC/wH//Ux7qv//9jNmmVV/qVVVqlWqqkx/pkp4pu3y9kB/n0l5qu/z+YCAgEyArAECAlWIqk18qkCAqu3y+F2LuU1/p1CArwF8gGCZzDlxqlVxqlJ6rVyDv02Arkh0okqAr05+sGCAn1WAqlV3qu7z+AFVoFGBsk52nUCAv06ErU+Lou7y+E6AsE6DsGOC/02DqkyFqkR3qk2DqkqStmaZmVKErUBqpzlxjkd6qkl9qEh8qk97rUN+gEhtq0aKuUCAr02DskuAq0l8tipzqjVagJn//1WOq0l+o0V/sEuHsOvx9kx9rGZmmUZ5nzOZmUyAqk58qkh+p/4C/jRmzE18q0Bwr4CAv/8CAneq/1WIu0x+qkZ8o/T3+vD1+U19rE19pvX4+0d2oe/y+PH1+f////FaIyBPjEBonQA2fN/m77/N3oCavZ+0zmCBre/y9xCO5q/A1hBDhHCOtc/a5qCzzvnBrVB1pfrBrZCnxeTr9jBblfJcIVC4SICavu70+uqijI+nxfBaI/rBrPnBrN7l7+9ZI8/Z5pC8/etXIl+BrX6x/fFSIWGBre1YIjBcledWIgE3ffNmIE90pBFEhOiRcZCnxr7M3tNLKJ60zvV8Hvb29+FKJ+7NwOm2pqfboy05avitkQ9Nf/SDWveJHfzWyPNuPvRxH0eoUB44cff5/fz8/gBKlOFUIep+V+lqPPXh2gB5wABTnQFCjPJjMPm3nuiafvqpE/y+DOju+ABcpgM/if708vTr6QBmr/RyH+9sPezCs+yIZRFDhOFeLuuvme/XzuRoPLDA1tt4VOy5pv7q5PJ4TPiYGOfa3fiZGOajiwI/ifm2n1RIYV+CrephL/GkiPLYzvaYdX+bvf3cp/JlMfvMq1xcbNtlOtluR/7sogGN0l+vkObQz16SheXi6efHwQBCjEuwTOd0SZnC/b7Y/qzN/gGa3V19fW1ri5lve11wd57Mq8urrz5RgUdwTGC5BPkAAAD3dFJOUwABARsBBQYDAxQRjggVrwIoAQ8hDI4LGhACBQkJGQgWCyANCAwPsAMUDQQbC7AaJwIhFQ8nBwUZDAkZGCcTBAcLECEKFQYGCQkWGhGPHAUQBRInIAEFIxAEAQMPKg2qjCsriBKNiv///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAgVN+0AAAhkklEQVR42uxc72sb9xnXXU93kiNzPS0+6c6R7OoH1m6iiGiSQcGSimZwiGNbLCmJPRNWEsmyziejyJ4x6QZZBoFSGKxQyhisrUm6wl5tzZsur/aq0LxZMspGyfu+3V+wz/M9nexkS+J0CVHW7+ek732/z4/P8zyWH92ddLbPx8HB8ZJBYoMkuBOfT/SJIuaST9NcjSZozIr0GjZJ9DG9CBdJZFbaQSqfpDGJ5IphLYJdhFzyCcxO06QHMqAVnETBC+PSUAbEJvk8Hp9wxvPUJIFMfMzEh7nvvBvZc2ZGbCadYbyal6Y3Oe9RsRS8Onj9vP6hqt8nDurxNJIr0QRJA1RBFURRU1VDVFXNMLATIRBF1RA0VRMNUaOlYKiClDOwFCEUVEkUDUMQJDiRtyCiGoE2aGEskFwyyFGDraSqOUFQRRUeGpnAUGKjwH5EGgxUkKiwFozzCEhLCS5whCvlpIIHucIZeWoGtNBRGpCJGu1EygZSsJIvBhTF0jfgeYbsBDiCSMid0QzKRuD18/qHp350JMJ57yv9NwVqa3QxVGoOUJRAIBcITOEZWMYcwDilKIYR6OuWIZoKnFNoSYOyTFJMcgGF3HJKDiaBsgIyI5DLEYFyrs9lKYFlQ3GZaA937I2AS3Uu54WEl4KooFDKAbBgwXgCASPnTpcpHGMiB3AZqgG/qWXKQlHUAONwXRS3jIBrPcU8kSHlSgkNNK4Zr5/XPyz153JGgN6WJB871u4fhSXRyCFUuWxZRcv0mwsLpmzKRRlTs7jgN4v+IuSm6SeYS37/WX8RQj/p/QsQF0lomjLZyaa1ZEFVpKe5sOS3zAUoYSYvkPQsMS4RAfgt/xKxFk0i88tysQi3ookkLKgtGLGwS+SOieyH3DSXFixyYCqkgXSZi182zbP+Jcp3yU22SB6UKHlbFFW2qB7T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\"","import React, { useEffect } from 'react';\nimport { Switch, Route, useLocation, Redirect } from 'react-router';\nimport useUser from './store/useUser';\nimport Header from './components/Header/Header';\nimport Footer from './components/Footer/Footer';\nimport FixedLink from './components/FixedLink/FixedLink';\nimport ScrollDown from './components/ScrollDown/ScrollDown';\nimport Login from './components/Login/Login';\nimport Landing from './pages/Landing/Landing';\nimport Event1 from './pages/Event1/Event1';\nimport Event2 from './pages/Event2/Event2';\nimport Event3 from './pages/Event3/Event3';\nimport Event4 from './pages/Event4/Event4';\nimport Result1 from './pages/Result1/Result1';\nimport Result2 from './pages/Result2/Result2';\nimport Result3 from './pages/Result3/Result3';\nimport Result4 from './pages/Result4/Result4';\nimport Faq from './pages/Faq/Faq';\n\nconst PublicRoute = (props) => {\n\tconst Page = props.page;\n\tconst { fixedLink } = props;\n\tconst { pathname } = useLocation();\n\n\tuseEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [pathname]);\n\n\treturn (\n\t\t<Route\n\t\t\trender={() => {\n\t\t\t\treturn (\n\t\t\t\t\t<div className={`index-page-wrap ${fixedLink ? 'has-fixed-link' : ''}`}>\n\t\t\t\t\t\t<Header />\n\t\t\t\t\t\t<Page />\n\t\t\t\t\t\t<ScrollDown />\n\t\t\t\t\t\t<Footer />\n\t\t\t\t\t\t<Login />\n\t\t\t\t\t\t{fixedLink ? <FixedLink /> : null}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n};\n\nconst PrivateRoute = (props) => {\n\tconst Page = props.page;\n\tconst { pathname } = useLocation();\n\tconst [user] = useUser();\n\tconst token = sessionStorage.getItem('token');\n\n\tuseEffect(() => {\n\t\twindow.scrollTo(0, 0);\n\t}, [pathname]);\n\n\tif (!user.token && token) return null;\n\n\tif (!user.token && !token) return <Redirect to='/' />;\n\n\treturn (\n\t\t<Route\n\t\t\trender={() => {\n\t\t\t\treturn (\n\t\t\t\t\t<div className='index-page-wrap'>\n\t\t\t\t\t\t<Header />\n\t\t\t\t\t\t<Page />\n\t\t\t\t\t\t<ScrollDown />\n\t\t\t\t\t\t<Footer />\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n};\n\nconst Routes = () => {\n\tconst setUser = useUser()[1];\n\n\tuseEffect(() => {\n\t\tconst token = sessionStorage.getItem('token');\n\t\tconst nid = sessionStorage.getItem('nid');\n\n\t\tif (token && nid) {\n\t\t\tsetUser({\n\t\t\t\ttoken,\n\t\t\t\tnid,\n\t\t\t});\n\t\t}\n\t}, [setUser]);\n\n\treturn (\n\t\t<Switch>\n\t\t\t<PublicRoute exact path='/' page={Landing} />\n\t\t\t<PublicRoute exact path='/event1' page={Event1} fixedLink />\n\t\t\t<PublicRoute exact path='/event2' page={Event2} fixedLink />\n\t\t\t<PublicRoute exact path='/event3' page={Event3} fixedLink />\n\t\t\t<PublicRoute exact path='/event4' page={Event4} fixedLink />\n\t\t\t<PublicRoute exact path='/faq' page={Faq} fixedLink />\n\t\t\t<PrivateRoute exact path='/result1' page={Result1} />\n\t\t\t<PrivateRoute exact path='/result2' page={Result2} />\n\t\t\t<PrivateRoute exact path='/result3' page={Result3} />\n\t\t\t<PrivateRoute exact path='/result4' page={Result4} />\n\t\t</Switch>\n\t);\n};\n\nexport default Routes;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { HashRouter } from 'react-router-dom';\nimport Routes from './Routes';\nimport './styles/index.sass';\n\nReactDOM.render(\n\t<React.StrictMode>\n\t\t<HashRouter>\n\t\t\t<Routes />\n\t\t</HashRouter>\n\t</React.StrictMode>,\n\tdocument.getElementById('root')\n);\n"],"sourceRoot":""}