{"version":3,"file":"static/chunks/7309-8691a0e1e680cdba.js","mappings":"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","sources":["webpack://_N_E/./src/pages/events/index.js","webpack://_N_E/./src/pages/events/index.module.scss"],"sourcesContent":["\n    import __i18nConfig from '@next-translate-root/i18n'\n    import __loadNamespaces from 'next-translate/loadNamespaces'\n    import utilStyles from 'styles/utils.module.scss';\nimport styles from 'pages/events/index.module.scss';\nimport NavigationLayout from \"components/layout/NavigationLayout\";\nimport { useRouter } from \"next/router\";\nimport TitleBar from \"components/layout/TitleBar\";\nimport TopTabBar from \"components/TopTabBar\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Axios } from \"api\";\nimport { captureException, captureMessage } from \"@sentry/nextjs\";\nimport Loading from \"components/Loading\";\nimport classNames from \"classnames\";\nimport { formatDate, getDaysLeft, highlightMatchedText, showRewardToast, showToast } from \"common/utils\";\nimport Link from \"next/link\";\nimport { getEventRoute } from \"common/const\";\nimport InfiniteScroll from \"react-infinite-scroll-component\";\nimport { REWARD_KEY_EVENT_LIST_CHECK } from \"pages/rewards\";\nimport { SubscriptionButton } from \"components/buttons/SubscriptionButton\";\nimport useNotiSubscription from \"hooks/useNotiSubscription\";\nimport parse from \"html-react-parser\";\nimport useTranslation from \"next-translate/useTranslation\";\nimport { getLocalizationInfoInCSR } from \"common/i18n\";\nexport const KEY_TYPE_ALL = 'all';\nexport const KEY_TYPE_PROMOTION = 'promotion';\nexport const KEY_TYPE_GIFT = 'gift';\nexport const KEY_TYPE_REVIEWER = 'reviewer';\nconst OngoingEventListCardContent = ({ event, highlightKeyword }) => {\n    const daysLeft = event.status === '진행중' && event.ends_at ? getDaysLeft(event.ends_at) : 0;\n    const { t } = useTranslation('events-index');\n    const eventName = highlightKeyword ? parse(highlightMatchedText(event.name, highlightKeyword)) : event.name;\n    return (<>\n            <div className={classNames(utilStyles.flexRow, utilStyles.justifyContentSpaceBetween, utilStyles.alignItemsCenter)}>\n                        <span className={classNames(styles.cardStatus, event.status === '진행중' ? styles.cardStatusOpen : undefined)}>\n                            {t(`Events.Status.${event.status}`)}\n                        </span>\n                <div className={styles.tagWrapper}>\n                    {!!event.max_participant_count && event.type === 'gift' &&\n            <div className={styles.cardMaxParticipantCount}>\n                            <div>\n                                {t('Events.recruitment', { count: event.max_participant_count })}\n                            </div>\n                        </div>}\n                    {event.status === '진행중' && event.ends_at &&\n            <div className={styles.cardDaysLeft}>\n                            <div>\n                                {daysLeft === 0 ?\n                    t('Events.daysLeft.today') :\n                    t('Events.daysLeft.days', { count: daysLeft })}\n                            </div>\n                        </div>}\n                </div>\n            </div>\n            <div className={styles.nameAndDateRow}>\n                <span className={classNames(styles.cardName, event.ends_at && styles.cardNameMaxWidth)}>{eventName}</span>\n                {event.ends_at &&\n            <div className={styles.cardEndDateWrapper}>\n                        <span className={styles.cardEndDate}>~ {formatDate(event.ends_at).slice(2)}</span>\n                    </div>}\n            </div>\n        </>);\n};\nconst EVENT_OPEN_NOTI_KEY_PREFIX = 'event_open@';\nconst BeforeOpenEventListCardContent = ({ event, highlightKeyword }) => {\n    const { t } = useTranslation('events-index');\n    const notiKey = `${EVENT_OPEN_NOTI_KEY_PREFIX}${event.id}`;\n    const { countryCode } = getLocalizationInfoInCSR();\n    const handleSubscribe = () => {\n        try {\n            typeof window !== 'undefined' && Boolean(window.karrotPixel) && window.karrotPixel.track('Lead');\n        }\n        catch { }\n        showToast(t('Events.notificationSuccess'), t('Events.notificationSuccessDetail'));\n    };\n    const handleUnsubscribe = () => {\n        showToast(t('Events.notificationCancel'), null);\n    };\n    const { notiTypeAndKeyToIsSubscribedAndPushOn, toggleSubscription, overrideIsSubscribed } = useNotiSubscription({ [notiKey]: event.is_subscribed }, handleSubscribe, handleUnsubscribe);\n    const isSubscribed = notiTypeAndKeyToIsSubscribedAndPushOn[notiKey];\n    console.log('event', event, notiTypeAndKeyToIsSubscribedAndPushOn, isSubscribed);\n    const handleClick = () => {\n        toggleSubscription(notiKey);\n    };\n    const eventName = highlightKeyword ? parse(highlightMatchedText(event.name, highlightKeyword)) : event.name;\n    return (<div className={styles.beforeOpenEventCardContent}>\n            <div className={styles.beforeOpenEventCardContentLeft}>\n                <span className={classNames(styles.cardStatus, styles.cardStatusOpen)}>\n                    {t(`Events.Status.${event.status}`)}\n                </span>\n                <span className={classNames(styles.cardName, event.ends_at && styles.cardNameMaxWidth)}>\n                    {eventName}\n                </span>\n            </div>\n            {!(Boolean(countryCode) && countryCode !== 'KR') &&\n            <SubscriptionButton isSubscribed={isSubscribed} onClick={handleClick}/>}\n        </div>);\n};\nexport const EventListCard = (props) => {\n    const { event, highlightKeyword, marginTop } = props;\n    const daysLeft = event.status === '진행중' && event.ends_at ? getDaysLeft(event.ends_at) : 0;\n    const onClick = () => {\n        if (props.onClick) {\n            props.onClick();\n        }\n        else {\n            typeof mixpanel !== 'undefined' && mixpanel.track('EventListPageEventCardClick', {\n                eventId: event.id,\n                eventName: event.name,\n                eventStatus: event.status,\n                daysLeft: daysLeft,\n                eventType: event.type\n            });\n        }\n    };\n    const isBeforeOpen = event.status === '오픈예정';\n    return (<Link href={event.banner_link || getEventRoute(event.id)}>\n            <a className={styles.cardContainer} onClick={onClick} style={{ marginTop }}>\n                {event.status !== '진행중' && event.status !== '오픈예정' &&\n            <div className={styles.endCardOverLay}/>}\n                <div className={styles.cardImageWrapper}>\n                    <img src={event.banner_image_url} className={styles.cardImage} alt={event.name}/>\n                </div>\n                <div className={classNames(styles.cardInfoSection, isBeforeOpen && styles.beforeOpenCardInfoSection)}>\n                    {isBeforeOpen ?\n            <BeforeOpenEventListCardContent event={event} highlightKeyword={highlightKeyword}/> :\n            <OngoingEventListCardContent event={event} highlightKeyword={highlightKeyword}/>}\n                </div>\n            </a>\n        </Link>);\n};\nconst PAGE_SIZE = 20;\nconst Events = () => {\n    const { t } = useTranslation('events-index');\n    const router = useRouter();\n    const cursorRef = useRef(null);\n    const defaultEventData = {\n        events: []\n    };\n    const [isLoading, setIsLoading] = useState(true);\n    const [eventData, setEventData] = useState(defaultEventData);\n    const [error, setError] = useState(false);\n    useEffect(() => {\n        if (!router.isReady) {\n            return;\n        }\n        if (!router.query.type) {\n            router.replace({ query: Object.assign({}, router.query, { type: KEY_TYPE_ALL }) });\n        }\n    }, [router]);\n    const fetchEvents = async () => {\n        setIsLoading(true);\n        try {\n            const res = await Axios.get('v1/events/', { params: {\n                    type: router.query.type === KEY_TYPE_ALL ? '' : router.query.type,\n                    cursor: cursorRef.current,\n                    size: PAGE_SIZE\n                } });\n            if (res.status < 400) {\n                cursorRef.current = res.data.cursor;\n                setEventData(oldVal => {\n                    const newVal = JSON.parse(JSON.stringify(oldVal));\n                    return {\n                        events: [...newVal.events, ...res.data.event_list]\n                    };\n                });\n            }\n            else {\n                captureMessage(JSON.stringify(res.data));\n                setError(true);\n            }\n        }\n        catch (e) {\n            captureException(e);\n            setError(true);\n        }\n        finally {\n            setIsLoading(false);\n        }\n    };\n    useEffect(async () => {\n        if (!router.query.type)\n            return;\n        window.scrollTo(0, 0);\n        cursorRef.current = null;\n        setEventData(defaultEventData);\n        await fetchEvents();\n    }, [router.query?.type]);\n    const completeReward = async () => {\n        try {\n            const res = await Axios.post(`/v1/rewards/`, {\n                reward_key: REWARD_KEY_EVENT_LIST_CHECK\n            });\n            if (res.status < 400) {\n                showRewardToast(router, res.data.given_reward.key, res.data.given_reward.point);\n            }\n            else {\n                captureMessage(JSON.stringify(res.data));\n            }\n        }\n        catch (e) {\n            captureException(e);\n        }\n    };\n    useEffect(() => {\n        setTimeout(() => {\n            completeReward();\n        }, 2000);\n    }, []);\n    const onRegisterCoupon = () => {\n        typeof mixpanel !== 'undefined' && mixpanel.track('EventListPageRegisterCouponClick');\n    };\n    const onTabClick = (tab, tabIdx) => {\n        typeof mixpanel !== 'undefined' && mixpanel.track('EventListPageTabClick', {\n            tab,\n            tabIdx\n        });\n        router.replace({ query: Object.assign({}, router.query, { type: tab }) });\n    };\n    const onClose = () => {\n        typeof mixpanel !== 'undefined' && mixpanel.track('EventListPageCloseClick');\n        router.back();\n    };\n    return (<div className={utilStyles.pageContainer}>\n            <div className={classNames(utilStyles.sidePadding, utilStyles.topSticky, utilStyles.whiteBackground)}>\n                <TitleBar title={t('Events.title')} isBack close={onClose}/>\n            </div>\n            <div>\n                <TopTabBar height={42} activeRoute={router.query.type} tabs={[\n            {\n                route: KEY_TYPE_ALL, title: t('Events.tabs.all'),\n                onClick: () => {\n                    onTabClick(KEY_TYPE_ALL, 0);\n                }\n            },\n            {\n                route: KEY_TYPE_PROMOTION, title: t('Events.tabs.promotion'),\n                onClick: () => {\n                    onTabClick(KEY_TYPE_PROMOTION, 1);\n                }\n            },\n            {\n                route: KEY_TYPE_REVIEWER, title: t('Events.tabs.reviewer'),\n                onClick: () => {\n                    onTabClick(KEY_TYPE_REVIEWER, 2);\n                }\n            },\n            {\n                route: KEY_TYPE_GIFT, title: t('Events.tabs.gift'),\n                onClick: () => {\n                    onTabClick(KEY_TYPE_GIFT, 3);\n                }\n            },\n        ]}/>\n                <div className={styles.eventListContainer}>\n                    {!isLoading && eventData.events.length === 0 ?\n            (<div className={styles.cardError}>\n                                    {error\n                    ?\n                        t('Events.error')\n                    :\n                        t('Events.noEvents')}\n                                </div>)\n            :\n                (isLoading && eventData.events.length === 0 ?\n                    <Loading style={{ marginTop: 200, marginBottom: 150 }}/>\n                    :\n                        <InfiniteScroll scrollThreshold={'80%'} hasMore={!!cursorRef.current} dataLength={eventData.events.length} next={fetchEvents} endMessage={undefined} loader={<div>\n                                                <Loading style={{ marginTop: 20, marginBottom: 20 }}/>\n                                            </div>} style={{ overflow: 'hidden' }}>\n                                        {eventData.events.map(e => <EventListCard key={e.id} event={e}/>)}\n                                    </InfiniteScroll>)}\n                </div>\n            </div>\n        </div>);\n};\nEvents.getLayout = NavigationLayout;\nexport default Events;\n\n    async function __Next_Translate__getStaticProps__195d139ab98__(ctx) {\n      \n      return {\n        \n        \n        props: {\n          \n          ...(await __loadNamespaces({\n            ...ctx,\n            ...__i18nConfig,\n            pathname: '/events/index',\n            loaderName: 'getStaticProps',\n            loadLocaleFrom: __i18nConfig && __i18nConfig.loadLocaleFrom || ((l, n) => import(`@next-translate-root/locales/${l}/${n}`).then(m => m.default)),\n          }))\n        }\n      }\n    }\n    export { __Next_Translate__getStaticProps__195d139ab98__ as getStaticProps }\n  ","// extracted by mini-css-extract-plugin\nmodule.exports = {\"brand\":\"#ffa0cc\",\"typo1\":\"#9e9e9e\",\"typo3\":\"#424242\",\"breakpointMobile\":\"999999px\",\"breakpointTablet\":\"999999px\",\"breakpointDesktop\":\"999999px\",\"topBarHeight\":\"80px\",\"mobilStoreNavBarHeight\":\"40px\",\"topPadding\":\"40px\",\"topBannerHeight\":\"40px\",\"topTabBarHeight\":\"56px\",\"layoutLeftPaddingNew\":\"16px\",\"layoutRightPaddingNew\":\"16px\",\"heading2Xl\":\"events_heading2Xl__gYLVR\",\"headingXl\":\"events_headingXl__GofI4\",\"headingLg\":\"events_headingLg__pJfH1\",\"headingMd\":\"events_headingMd__fF8eM\",\"borderCircle\":\"events_borderCircle__pUmv7\",\"colorInherit\":\"events_colorInherit__rXlz3\",\"padding1px\":\"events_padding1px__Bg6MC\",\"list\":\"events_list__eoYAe\",\"listItem\":\"events_listItem___CiZW\",\"lightText\":\"events_lightText__MU09Y\",\"testButton\":\"events_testButton__UGIn3\",\"testProduct\":\"events_testProduct__6f2NP\",\"cursorPointer\":\"events_cursorPointer__RYzqV\",\"cardContainer\":\"events_cardContainer__E7ZHg\",\"cursorUnset\":\"events_cursorUnset___REXb\",\"block\":\"events_block__dNGH8\",\"inlineBlock\":\"events_inlineBlock__92jpJ\",\"fullWidth\":\"events_fullWidth__k87eI\",\"fullFlex\":\"events_fullFlex__O0Lmj\",\"verticalMiddle\":\"events_verticalMiddle__IvsvV\",\"justifyContentStart\":\"events_justifyContentStart__yKlyQ\",\"justifyContentCenter\":\"events_justifyContentCenter__CyJO1\",\"justifyContentSpaceBetween\":\"events_justifyContentSpaceBetween__cQRVr\",\"justifyContentEnd\":\"events_justifyContentEnd__eucQ_\",\"alignItemsCenter\":\"events_alignItemsCenter__B_Aua\",\"socialIcon\":\"events_socialIcon__rJ_sv\",\"alignItemsStart\":\"events_alignItemsStart__kRDKE\",\"alignItemsEnd\":\"events_alignItemsEnd__GUTei\",\"rootContainer\":\"events_rootContainer__0yNnS\",\"flexRow\":\"events_flexRow__DMioz\",\"flexCol\":\"events_flexCol__73p4D\",\"flexFit\":\"events_flexFit__E5D0Z\",\"container\":\"events_container__0qQMG\",\"relative\":\"events_relative__TuKLy\",\"absolute\":\"events_absolute__nUgAR\",\"displayNone\":\"events_displayNone__sNZ_4\",\"square\":\"events_square__R5iUY\",\"noBorderRadius\":\"events_noBorderRadius__G_nRu\",\"no-select\":\"events_no-select__2hc4U\",\"borderUnderLine\":\"events_borderUnderLine__oM4nk\",\"borderLine2\":\"events_borderLine2__7KiC2\",\"borderUnderLineThick\":\"events_borderUnderLineThick__F87KO\",\"mobileBorder\":\"events_mobileBorder__hkeQ_\",\"tableBorderUnderLine\":\"events_tableBorderUnderLine__TyA0s\",\"txtTitle\":\"events_txtTitle__fioEw\",\"bold\":\"events_bold__NM145\",\"semiBold\":\"events_semiBold__cTjyH\",\"txtIndent\":\"events_txtIndent__1zWxT\",\"txtSmallTitle\":\"events_txtSmallTitle__Y9Cno\",\"txtSubTitle\":\"events_txtSubTitle___xu_3\",\"txtPlain\":\"events_txtPlain__EojX3\",\"bullet\":\"events_bullet__VjV0Y\",\"invisible\":\"events_invisible__kHJaN\",\"pageTitle\":\"events_pageTitle__2ZEGu\",\"sidePadding\":\"events_sidePadding__hCwMl\",\"newSidePadding\":\"events_newSidePadding__iNxrq\",\"whiteBackground\":\"events_whiteBackground__7WeW8\",\"sideMargin\":\"events_sideMargin___7_WS\",\"fullHeight\":\"events_fullHeight__blkTA\",\"containerElevated\":\"events_containerElevated__PBEI9\",\"noLineHeight\":\"events_noLineHeight__zRGrR\",\"noMargin\":\"events_noMargin__jnZY_\",\"fullLineHeight\":\"events_fullLineHeight__5iwqm\",\"mainTitle\":\"events_mainTitle__VAiGX\",\"hideScrollbar\":\"events_hideScrollbar___xn9w\",\"brandColorText\":\"events_brandColorText__r79He\",\"hide\":\"events_hide__tnY4M\",\"pageContainer\":\"events_pageContainer__544gQ\",\"transparent\":\"events_transparent__CVYp9\",\"textAlignCenter\":\"events_textAlignCenter__EEw3a\",\"topSticky\":\"events_topSticky__CoLpF\",\"topFixed\":\"events_topFixed__lAr5u\",\"stickBottom\":\"events_stickBottom__XVfet\",\"transparentButton\":\"events_transparentButton__8BBPR\",\"transparentChildButton\":\"events_transparentChildButton__o5wO9\",\"medium\":\"events_medium__FZ9Kc\",\"errorText\":\"events_errorText__HvC4S\",\"couponButtonWrapper\":\"events_couponButtonWrapper__qtiq7\",\"eventListContainer\":\"events_eventListContainer__bcVZV\",\"cardImageWrapper\":\"events_cardImageWrapper__nqQui\",\"cardImage\":\"events_cardImage__zzjEi\",\"cardInfoSection\":\"events_cardInfoSection__FC64a\",\"beforeOpenCardInfoSection\":\"events_beforeOpenCardInfoSection__6eth4\",\"cardName\":\"events_cardName__xO7cM\",\"cardNameMaxWidth\":\"events_cardNameMaxWidth__KWdXT\",\"nameAndDateRow\":\"events_nameAndDateRow__L3qIE\",\"cardStatus\":\"events_cardStatus__qMY_6\",\"cardStatusOpen\":\"events_cardStatusOpen__2QWu0\",\"cardEndDateWrapper\":\"events_cardEndDateWrapper__tWC0Q\",\"cardEndDate\":\"events_cardEndDate__UeE52\",\"cardFloatingSection\":\"events_cardFloatingSection__gs5ck\",\"tagWrapper\":\"events_tagWrapper__U6h12\",\"cardMaxParticipantCount\":\"events_cardMaxParticipantCount__v6LZJ\",\"cardDaysLeft\":\"events_cardDaysLeft__0Rx9J\",\"cardError\":\"events_cardError__c7WX9\",\"endCardOverLay\":\"events_endCardOverLay__FXZdo\",\"beforeOpenEventCardContentLeft\":\"events_beforeOpenEventCardContentLeft__mUPpW\",\"beforeOpenEventCardContent\":\"events_beforeOpenEventCardContent__ny_98\"};"],"names":["KEY_TYPE_ALL","KEY_TYPE_PROMOTION","KEY_TYPE_GIFT","KEY_TYPE_REVIEWER","OngoingEventListCardContent","event","highlightKeyword","daysLeft","status","ends_at","getDaysLeft","t","useTranslation","eventName","parse","highlightMatchedText","name","className","classNames","utilStyles","styles","undefined","max_participant_count","type","count","formatDate","slice","BeforeOpenEventListCardContent","notiKey","id","countryCode","getLocalizationInfoInCSR","useNotiSubscription","is_subscribed","Boolean","window","karrotPixel","track","showToast","notiTypeAndKeyToIsSubscribedAndPushOn","toggleSubscription","isSubscribed","overrideIsSubscribed","console","log","onClick","EventListCard","props","marginTop","isBeforeOpen","href","banner_link","getEventRoute","mixpanel","eventId","eventStatus","eventType","style","src","banner_image_url","alt","Events","router","useRouter","cursorRef","useRef","defaultEventData","events","useState","isLoading","setIsLoading","eventData","setEventData","error","setError","useEffect","isReady","query","replace","Object","assign","fetchEvents","Axios","params","cursor","current","size","res","data","oldVal","newVal","JSON","stringify","event_list","captureMessage","captureException","scrollTo","completeReward","reward_key","REWARD_KEY_EVENT_LIST_CHECK","showRewardToast","given_reward","key","point","setTimeout","onTabClick","tab","tabIdx","title","isBack","close","back","height","activeRoute","tabs","route","length","marginBottom","scrollThreshold","hasMore","dataLength","next","endMessage","loader","overflow","map","e","getLayout","NavigationLayout","module","exports"],"sourceRoot":""}