{"version":3,"file":"static/chunks/3927-7856be9e0b55a3f0.js","mappings":"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","sources":["webpack://_N_E/./src/components/commons/popup/NoticeWholePurchaseInfoPopup.tsx","webpack://_N_E/./src/components/commons/popup/WholePurchaseInfoPopup.tsx","webpack://_N_E/./src/components/commons/popup/wholePurchasePopup/StoryGamePCPopupContainer.tsx","webpack://_N_E/./src/components/commons/popup/wholePurchasePopup/StoryGameMobilePopupContainer.tsx","webpack://_N_E/./src/components/commons/popup/wholePurchasePopup/StoryGameWholePurchaseInfoPopup.tsx","webpack://_N_E/./src/hooks/useCheckAdByRemoteConfig.ts","webpack://_N_E/./src/lib/firebase.ts","webpack://_N_E/./src/service/chapterListService.ts"],"sourcesContent":["import React from 'react';\nimport { useRouter } from 'next/router';\nimport useTranslation from 'next-translate/useTranslation';\nimport { css } from '@emotion/react';\nimport theme from '@styles/theme';\nimport WarningPopupContainer from '@components/commons/popup/container/WarningPopupContainer';\n\ninterface INoticeWholePurchaseInfoPopup {\n  isShow: boolean;\n  storyId?: number;\n  onClose: () => void;\n}\n\nconst NoticeWholePurchaseInfoPopup = ({\n  isShow,\n  storyId = 0,\n  onClose,\n}: INoticeWholePurchaseInfoPopup) => {\n  const { t } = useTranslation();\n  const router = useRouter();\n\n  const handleContinueInAppButtonClick = async () => {\n    await router.push({\n      pathname: '/auth',\n      query: {\n        url: `/story/${storyId}`,\n      },\n    });\n    onClose();\n  };\n\n  if (!isShow) {\n    return null;\n  }\n\n  return (\n    <WarningPopupContainer title={t('login_screen_label_login')}>\n      <div css={container}>\n        <div className=\"content\"></div>\n        <button className=\"app-button\" onClick={handleContinueInAppButtonClick}>\n          {t('common_screen_title_login')}\n        </button>\n        <button className=\"web-button\" onClick={onClose}>\n          {t('common_popup_button_return_to_details')}\n        </button>\n      </div>\n    </WarningPopupContainer>\n  );\n};\n\nconst container = css`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-family: 'Apple SD Gothic Neo';\n\n  .content {\n    width: 18.75rem;\n  }\n\n  .app-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1.5em;\n    width: 100%;\n    height: 3.25em;\n    cursor: pointer;\n    background-color: ${theme.colors.primary500};\n    color: ${theme.colors.white};\n    font-weight: 700;\n    line-height: 1.375em;\n    border-radius: 0.5em;\n    font-size: 1em;\n  }\n\n  .web-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1em;\n    font-weight: 400;\n    width: 100%;\n    font-size: 0.875em;\n    color: ${theme.colors.primary500};\n    line-height: 1.375em;\n    cursor: pointer;\n  }\n`;\n\nexport default NoticeWholePurchaseInfoPopup;\n","import React, { useEffect, useState } from 'react';\nimport useTranslation from 'next-translate/useTranslation';\nimport { useRouter } from 'next/router';\nimport { useMutation } from '@apollo/client';\n\nimport theme from '@styles/theme';\nimport { css } from '@emotion/react';\nimport {\n  SaleIcon,\n  TimeIcon,\n  AutoRenewIcon,\n  HourGlassIcon,\n  CoinColorIcon,\n} from 'public/assets';\nimport { PURCHASE_STORY } from '@api/story';\nimport FullScreenPopupContainer from './container/FullScreenPopupContainer';\nimport { useGetUserQuery } from '@/operations/queries/user/__generated__/getUser.generated';\n\nimport {\n  payTicketAll,\n  viewPurchaseStoryPopup,\n  touchPurchaseStoryPopup,\n  viewAllChapterPurchasePopup,\n  payTicketForStory,\n} from '@lib/eventManager';\nimport { Story_Play_Type } from '@/baseType';\nimport { useAppDispatch } from '@/store/hooks';\nimport { alertMessage, setToastMessage } from '@/slices/alertSlice';\nimport { SERVER_ERROR_CODE, STORAGE_KEY } from '@/common/values';\n\nimport SPImage from '../image/SPImage';\nimport NoticeWholePurchaseInfoPopup from './NoticeWholePurchaseInfoPopup';\n\ninterface IWholePurchaseInfoPopup {\n  storyName?: string;\n  storyId?: number;\n  chapterIndex?: number;\n  originalCoin?: number;\n  lastPreviewChapterIndex?: number;\n  storyCoin: number;\n  isShow: boolean;\n  onClose: () => void;\n  nextChapterId?: number;\n  storyBundleId?: number;\n  storyLanguage?: string;\n  storyGenre?: string;\n  playType?: Story_Play_Type;\n  coverImage?: string;\n  discountRate: number;\n  hasAdultChapter: boolean;\n}\n\ninterface IBenefitItem {\n  icon: 'sale' | 'time' | 'autoRenew' | 'hourGlass';\n  topText: string;\n  bottomText: string;\n  delay: number;\n}\n\nconst BenefitItem = ({ icon, topText, bottomText, delay }: IBenefitItem) => {\n  return (\n    <div css={benefitItemWrapper({ delay })}>\n      {icon === 'sale' ? (\n        <SaleIcon className=\"icon\" width={31} height={31} />\n      ) : icon === 'time' ? (\n        <TimeIcon className=\"icon\" width={31} height={31} />\n      ) : icon === 'autoRenew' ? (\n        <AutoRenewIcon className=\"icon\" width={31} height={31} />\n      ) : (\n        <HourGlassIcon className=\"icon\" width={31} height={31} />\n      )}\n      <div className=\"benefit-text\">\n        <p className=\"top-text\">{topText}</p>\n        <p className=\"bottom-text\">{bottomText}</p>\n      </div>\n    </div>\n  );\n};\n\nconst WholePurchaseInfoPopup = ({\n  storyName,\n  storyId,\n  storyCoin,\n  chapterIndex,\n  originalCoin,\n  lastPreviewChapterIndex,\n  isShow,\n  onClose,\n  nextChapterId,\n  storyBundleId,\n  storyLanguage,\n  storyGenre,\n  playType,\n  coverImage,\n  discountRate,\n  hasAdultChapter,\n}: IWholePurchaseInfoPopup) => {\n  const { t } = useTranslation();\n  const router = useRouter();\n  const dispatch = useAppDispatch();\n\n  const [\n    showNoticeWholePurchaseInfoPopup,\n    setShowNoticeWholePurchaseInfoPopup,\n  ] = useState<boolean>(false);\n  const { data: userData } = useGetUserQuery();\n\n  const [purchaseStoryMutate] = useMutation<{\n    purchaseStory: { ok: number };\n  }>(PURCHASE_STORY, {\n    onCompleted: (data) => {\n      if (data.purchaseStory.ok === 1) {\n        router.reload();\n        onClose();\n        payTicketAll({\n          storyId: storyId,\n          ticketCount: storyCoin,\n          storyNameAndChapterIndex: `${storyName}_${chapterIndex}`,\n        });\n        payTicketForStory({\n          amount: storyCoin,\n          storyId: storyId || 0,\n          storyBundleId,\n          storyName: storyName || '',\n          storyLanguage,\n          storyGenre,\n          playType:\n            playType === Story_Play_Type.Interactive ? 'interactive' : 'novel',\n        });\n        // nextChapter 아이디 정보가 있으면 다음화로 이동, 없으면 작품상세화면으로 이동.\n        // TODO: 로직 개선 필요\n        if (nextChapterId) {\n          router.replace({\n            pathname: `/chatstory/${nextChapterId}`,\n            query: {\n              prevScreen: 'chat',\n            },\n          });\n        } else {\n          router.replace(`/story/${storyId}`);\n        }\n      } else {\n        onClose();\n        dispatch(\n          alertMessage({\n            message: t('common_popup_description_error_occurred'),\n            type: 'warning',\n          }),\n        );\n      }\n    },\n    onError: (error) => {\n      onClose();\n      if (\n        error.message.includes(SERVER_ERROR_CODE.ADULT_VERIFICATION_REQUIRED)\n      ) {\n        dispatch(\n          setToastMessage(t('payment_toast_all_chapter_19_chapter_included')),\n        );\n\n        const redirectInfo = JSON.stringify({\n          redirectUrl: `/story/${storyId}`,\n          createdAt: new Date(),\n        });\n        localStorage.setItem(STORAGE_KEY.REDIRECT_INFO, redirectInfo);\n\n        router.replace({\n          pathname: `/adult`,\n          query: {\n            url: `/story/${storyId}`,\n            storyId,\n          },\n        });\n        return;\n      }\n      dispatch(setToastMessage(t('common_popup_description_error_occurred')));\n    },\n  });\n\n  useEffect(() => {\n    if (!isShow) return;\n\n    viewPurchaseStoryPopup({\n      storyName,\n      storyId,\n      fullPrice: originalCoin,\n      price: storyCoin,\n      userCoin: userData?.getUser?.currentCoin,\n    });\n\n    viewAllChapterPurchasePopup({\n      storyName,\n      storyId: String(storyId),\n      fullCoin: originalCoin,\n      coin: storyCoin,\n      lastPreviewChapterIndex,\n      purchasedChapter: storyCoin,\n      contentType: 'interactive',\n    });\n  }, [isShow]);\n\n  const onPurchase = async () => {\n    touchPurchaseStoryPopup({\n      storyName,\n      storyId,\n      fullPrice: originalCoin,\n      price: storyCoin,\n      userCoin: userData?.getUser?.currentCoin,\n    });\n\n    if (userData?.getUser?.isAnonymous) {\n      setShowNoticeWholePurchaseInfoPopup(true);\n      return;\n    }\n\n    if (\n      hasAdultChapter &&\n      !userData?.getUser?.certificatedAt &&\n      userData?.getUser?.isExpiredCertification\n    ) {\n      dispatch(\n        setToastMessage(t('payment_toast_all_chapter_19_chapter_included')),\n      );\n      const redirectInfo = JSON.stringify({\n        redirectUrl: `/story/${storyId}`,\n        createdAt: new Date(),\n      });\n      localStorage.setItem(STORAGE_KEY.REDIRECT_INFO, redirectInfo);\n\n      await router.push({\n        pathname: '/adult',\n        query: {\n          url: `/story/${storyId}`,\n          storyId,\n        },\n      });\n      onClose();\n      return;\n    }\n\n    if ((userData?.getUser?.currentCoin || 0) < storyCoin) {\n      const redirectInfo = JSON.stringify({\n        redirectUrl: `/story/${storyId}`,\n        createdAt: new Date(),\n      });\n      localStorage.setItem(STORAGE_KEY.REDIRECT_INFO, redirectInfo);\n\n      await router.push({\n        pathname: '/store',\n        query: {\n          coin: storyCoin,\n          url: `/story/${storyId}`,\n        },\n      });\n      onClose();\n      return;\n    }\n\n    purchaseStoryMutate({\n      variables: {\n        storyId: storyId,\n        price: storyCoin,\n      },\n    });\n  };\n\n  if (!isShow) {\n    return null;\n  }\n\n  return (\n    <FullScreenPopupContainer onClose={onClose}>\n      <div css={container}>\n        <div className=\"cover\">\n          <div className=\"dark-layer top\" />\n          <div className=\"image-wrapper\">\n            {coverImage && (\n              <SPImage src={coverImage} objectFit=\"cover\" layout=\"fill\" />\n            )}\n          </div>\n          <div className=\"dark-layer bottom\">\n            <div className=\"title-wrapper\">\n              <h1 className=\"title\">\n                {t('store_screen_label_benefit_unlimited_pass')}\n              </h1>\n              <p className=\"description\">\n                {t('storydetail_popup_label_purchase_now_benefit', {\n                  storyName,\n                })}\n              </p>\n            </div>\n          </div>\n        </div>\n        <div className=\"benefit-list\">\n          <BenefitItem\n            icon=\"sale\"\n            topText={t('store_screen_description_benefit_one')}\n            bottomText={t('store_screen_title_benefit_one', {\n              value: discountRate,\n            })}\n            delay={0.2}\n          />\n          <BenefitItem\n            icon=\"time\"\n            topText={t('store_screen_description_benefit_two')}\n            bottomText={t('store_screen_title_benefit_two')}\n            delay={0.4}\n          />\n          <BenefitItem\n            icon=\"autoRenew\"\n            topText={t('store_screen_description_benefit_three')}\n            bottomText={t('store_screen_title_benefit_three')}\n            delay={0.6}\n          />\n          <BenefitItem\n            icon=\"hourGlass\"\n            topText={t('store_screen_description_benefit_four')}\n            bottomText={t('store_screen_title_benefit_four')}\n            delay={0.8}\n          />\n        </div>\n        {/* TODO: 공통 Button 컴포넌트 사용하기 */}\n        <div className=\"button-wrapper\">\n          <button className=\"whole-purchase-button\" onClick={onPurchase}>\n            <p className=\"whole-purchase-button-text\">\n              {t('store_popup_button_buy_unlimited_story')}\n              <CoinColorIcon />\n              {storyCoin}\n            </p>\n          </button>\n        </div>\n      </div>\n      <NoticeWholePurchaseInfoPopup\n        isShow={showNoticeWholePurchaseInfoPopup}\n        storyId={storyId}\n        onClose={() => {\n          onClose();\n          setShowNoticeWholePurchaseInfoPopup(false);\n        }}\n      />\n    </FullScreenPopupContainer>\n  );\n};\n\nconst container = css`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  color: ${theme.colors.white};\n  font-family: 'Apple SD Gothic Neo';\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  height: 100%;\n\n  .cover {\n    width: 100%;\n\n    .image-wrapper {\n      position: absolute;\n      top: 0;\n      width: 100%;\n      height: 375px;\n    }\n\n    .dark-layer {\n      position: absolute;\n      width: 800px;\n      z-index: 1;\n\n      @media screen and (max-width: ${theme.devices.mobile}) {\n        width: 100%;\n      }\n    }\n\n    .dark-layer.top {\n      top: 0;\n      height: 124px;\n      background: linear-gradient(\n        180deg,\n        rgba(37, 37, 38, 0.6) 0%,\n        rgba(37, 37, 38, 0) 100%\n      );\n    }\n\n    .dark-layer.bottom {\n      top: 158px;\n      display: flex;\n      justify-content: center;\n      height: 217px;\n      background: linear-gradient(180deg, rgba(36, 37, 38, 0) 0%, #1a1a1a 100%);\n\n      .title-wrapper {\n        position: absolute;\n        bottom: -1.875em;\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: 0.5em;\n\n        .title {\n          font-weight: 700;\n          font-size: 1.5em;\n          line-height: 28px;\n        }\n\n        .description {\n          font-weight: 400;\n          font-size: 0.8125em;\n          line-height: 18px;\n        }\n      }\n    }\n  }\n\n  .benefit-list {\n    flex-direction: column;\n    position: absolute;\n    top: 405px;\n    display: flex;\n    justify-content: center;\n    height: calc(100vh - 421px);\n    min-height: 514px;\n    padding: 0 1em 72px;\n  }\n\n  .button-wrapper {\n    position: fixed;\n    bottom: 0;\n    z-index: 1;\n    display: flex;\n    margin: 1.25em 1em;\n\n    .whole-purchase-button {\n      flex-basis: 100%;\n      width: calc(800px - 2.5em);\n      height: 52px;\n      border-radius: 0.375em;\n      font: ${theme.font.body1Bold};\n      cursor: pointer;\n      background-color: ${theme.colors.primary500};\n      color: ${theme.colors.white};\n      border: 0.0625em solid ${theme.colors.primary500};\n\n      .whole-purchase-button-text {\n        display: flex;\n        justify-content: center;\n        gap: 0.25em;\n      }\n\n      @media screen and (max-width: ${theme.devices.mobile}) {\n        width: calc(100vw - 2em);\n      }\n    }\n  }\n\n  @media screen and (max-width: ${theme.devices.mobile}) {\n    font-size: 16px;\n  }\n`;\n\nconst benefitItemWrapper = ({ delay }: { delay: number }) => css`\n  display: flex;\n  gap: 1em;\n  margin-bottom: 1.25em;\n  animation: up ${delay}s ease-out;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  .icon {\n    flex-shrink: 0;\n  }\n\n  .benefit-text {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5em;\n\n    .top-text {\n      font-weight: 400;\n      font-size: 0.8125em;\n      line-height: 1.125em;\n    }\n\n    .bottom-text {\n      font-weight: 700;\n      font-size: 1em;\n      line-height: 1.375em;\n    }\n  }\n\n  @keyframes up {\n    0% {\n      transform: translateY(200px);\n    }\n\n    100% {\n      transform: translateY(0);\n    }\n  }\n`;\n\nexport default WholePurchaseInfoPopup;\n","import React from 'react';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport theme from '@styles/theme';\nimport { css } from '@emotion/react';\nimport { Coin1Icon, NavCloseBtn } from 'public/assets';\n\nimport { insertCommas } from '@/common/utils';\nimport { CoinProductFragment } from '@/operations/queries/story/__generated__/useGetStoryGameDetail.generated';\nimport SPImage from '../../image/SPImage';\n\nimport {\n  StorygameAutorenewIcon,\n  StorygameHourglassIcon,\n  StorygameSaleIcon,\n  StorygameTimeIcon,\n} from 'public/assets';\n\ninterface IStoryGameBenefitItem {\n  icon: 'sale' | 'time' | 'autoRenew' | 'hourGlass';\n  text: string;\n  delay: number;\n}\n\nconst StoryGameBenefitItem = ({ icon, text, delay }: IStoryGameBenefitItem) => {\n  return (\n    <div css={benefitItemWrapper({ delay })}>\n      <div className=\"icon-wrapper\">\n        {icon === 'sale' ? (\n          <StorygameSaleIcon className=\"icon\" />\n        ) : icon === 'time' ? (\n          <StorygameTimeIcon className=\"icon\" />\n        ) : icon === 'autoRenew' ? (\n          <StorygameAutorenewIcon className=\"icon\" />\n        ) : (\n          <StorygameHourglassIcon className=\"icon\" />\n        )}\n      </div>\n      <div className=\"benefit-text\">\n        <p className=\"bottom-text\">{text}</p>\n      </div>\n    </div>\n  );\n};\n\ninterface IStoryGamePCPopupContainer {\n  storyName?: string;\n  originalCoin?: number;\n  storyCoin: number;\n  onClose: () => void;\n  coverImage?: string;\n  discountRate: number;\n  coinProduct?: CoinProductFragment | null;\n  onPurchase: () => void;\n}\n\nconst StoryGamePCPopupContainer = ({\n  storyName,\n  storyCoin,\n  originalCoin,\n  onClose,\n  coverImage,\n  discountRate,\n  coinProduct,\n  onPurchase,\n}: IStoryGamePCPopupContainer) => {\n  const { t } = useTranslation();\n\n  return (\n    <div css={container}>\n      <div className=\"content-wrapper\">\n        <div className=\"back-icon\">\n          <NavCloseBtn\n            width={22}\n            height={22}\n            fill={theme.colors.white}\n            onClick={onClose}\n          />\n        </div>\n        <div className=\"cover\">\n          <div className=\"image-wrapper\">\n            {coverImage && (\n              <SPImage src={coverImage} objectFit=\"cover\" layout=\"fill\" />\n            )}\n          </div>\n          <div className=\"title-wrapper\">\n            <p className=\"story-name\">{storyName}</p>\n            <h1 className=\"title\">\n              {t('store_screen_label_benefit_unlimited_pass')}\n            </h1>\n            <p className=\"description\">\n              {t('storydetail_popup_label_purchase_now_benefit', {\n                storyName,\n              })}\n            </p>\n          </div>\n        </div>\n        <div className=\"benefit-list\">\n          <div className=\"scroll-area\">\n            <StoryGameBenefitItem\n              icon=\"sale\"\n              text={t('store_screen_title_benefit_one', {\n                value: coinProduct\n                  ? (coinProduct.price /\n                      (coinProduct.originalPrice || coinProduct.price)) *\n                    100\n                  : discountRate,\n              })}\n              delay={0.2}\n            />\n            <StoryGameBenefitItem\n              icon=\"time\"\n              text={t('store_screen_title_benefit_two')}\n              delay={0.4}\n            />\n            <StoryGameBenefitItem\n              icon=\"autoRenew\"\n              text={t('store_screen_title_benefit_three')}\n              delay={0.6}\n            />\n            <StoryGameBenefitItem\n              icon=\"hourGlass\"\n              text={t('store_screen_title_benefit_four')}\n              delay={0.8}\n            />\n          </div>\n          <div className=\"price\">\n            <div>Total</div>\n            <div className=\"price-right-wrapper\">\n              {coinProduct ? (\n                <>\n                  {coinProduct.price /\n                    (coinProduct.originalPrice || coinProduct.price) !==\n                    1 && (\n                    <>\n                      <div className=\"discount-percent\">\n                        -\n                        {(coinProduct.price /\n                          (coinProduct.originalPrice || coinProduct.price)) *\n                          100}\n                        %\n                      </div>\n                      <div className=\"coin-wrapper origin\">\n                        <p className=\"coin-number\">\n                          {insertCommas(coinProduct.originalPrice)}\n                        </p>\n                      </div>\n                    </>\n                  )}\n                  <div className=\"coin-wrapper discount\">\n                    <p className=\"coin-number\">\n                      {t('payment_screen_description_price_monetary_unit', {\n                        value: insertCommas(coinProduct.price),\n                      })}\n                    </p>\n                  </div>\n                </>\n              ) : (\n                <>\n                  {storyCoin / (originalCoin || storyCoin) !== 1 && (\n                    <>\n                      <div className=\"discount-percent\">\n                        -{(storyCoin / (originalCoin || storyCoin)) * 100}%\n                      </div>\n                      <div className=\"coin-wrapper origin\">\n                        <Coin1Icon width={24} height={24} />\n                        <p className=\"coin-number\">{originalCoin}</p>\n                      </div>\n                    </>\n                  )}\n                  <div className=\"coin-wrapper discount\">\n                    <Coin1Icon width={24} height={24} />\n                    <p className=\"coin-number\">{storyCoin}</p>\n                  </div>\n                </>\n              )}\n            </div>\n          </div>\n          <button className=\"whole-purchase-button\" onClick={onPurchase}>\n            <p className=\"whole-purchase-button-text\">\n              {t('store_popup_button_buy_unlimited_story')}\n            </p>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst container = css`\n  width: 26.25rem;\n  display: flex;\n  flex-direction: column;\n  color: ${theme.colors.white};\n  align-items: center;\n  height: 100%;\n  background: black;\n  position: relative;\n\n  .back-icon {\n    position: absolute;\n    bottom: -50px;\n    z-index: 100;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .header {\n    height: 3rem;\n    position: fixed;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #fff;\n    text-align: center;\n    ${theme.fontV3.body.body02Medium}\n  }\n\n  .content-wrapper {\n    background: rgba(255, 255, 255, 0.1);\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    border-bottom-left-radius: 0.5rem;\n    border-bottom-right-radius: 0.5rem;\n  }\n\n  .cover {\n    width: 100%;\n    padding-bottom: 0.75rem;\n\n    .image-wrapper {\n      position: relative;\n      width: 26.25rem;\n      padding-bottom: 70%;\n\n      img {\n        border-top-left-radius: 0.5rem;\n        border-top-right-radius: 0.5rem;\n      }\n    }\n\n    .title-wrapper {\n      margin-top: 1rem;\n      width: 100%;\n      display: flex;\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 0.5em;\n      backdrop-filter: blur(8px);\n      padding: 0 1.5rem;\n\n      .story-name {\n        color: #9457eb;\n        ${theme.fontV3.body.body04Reg}\n      }\n\n      .title {\n        color: #fff;\n        ${theme.fontV3.body.body02Medium}\n      }\n\n      .description {\n        color: rgba(255, 255, 255, 0.5);\n        ${theme.fontV3.body.body06Reg}\n      }\n    }\n  }\n\n  .benefit-list {\n    align-self: flex-start;\n    flex-direction: column;\n    width: 100%;\n    backdrop-filter: blur(8px);\n    padding: 0 1.5rem;\n    border-bottom-left-radius: 0.5rem;\n    border-bottom-right-radius: 0.5rem;\n\n    .scroll-area {\n      overflow-y: scroll;\n      margin-bottom: 1.5rem;\n    }\n\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .dark-layer {\n    position: fixed;\n    bottom: env(safe-area-inset-bottom);\n    width: 100vw;\n    flex-direction: column;\n    align-items: center;\n    background: linear-gradient(0deg, #000 75%, rgba(0, 0, 0, 0) 100%);\n    z-index: 1;\n  }\n\n  .price {\n    display: flex;\n    justify-content: space-between;\n    color: rgba(255, 255, 255, 0.5);\n    margin-bottom: 16px;\n    ${theme.fontV3.body.body04Reg}\n\n    .price-right-wrapper {\n      display: flex;\n      align-items: center;\n\n      .discount-percent {\n        width: 100%;\n        height: 1.0625rem;\n        padding: 0.125rem 0.25rem;\n        border-radius: 0.125rem;\n        background: #ff3a58;\n        color: #fff;\n        text-align: center;\n        ${theme.fontV3.body.caption02Reg}\n      }\n\n      .coin-wrapper {\n        display: flex;\n        justify-content: center;\n        align-center: center;\n        margin-left: 0.375rem;\n\n        .coin-number {\n          padding-top: 2px;\n          color: white;\n        }\n      }\n\n      .coin-wrapper.origin {\n        opacity: 0.5;\n        text-decoration: line-through;\n      }\n\n      .coin-wrapper.discount {\n        flex-shrink: 0;\n      }\n    }\n  }\n\n  .whole-purchase-button {\n    width: 23.25rem;\n    height: 3rem;\n    border-radius: 0.375em;\n    cursor: pointer;\n    background-color: ${theme.colors.primary500};\n    color: ${theme.colors.white};\n    border: 0.0625em solid ${theme.colors.primary500};\n    ${theme.fontV3.body.body03Reg}\n    margin-bottom: 1.5rem;\n\n    .whole-purchase-button-text {\n      display: flex;\n      justify-content: center;\n      gap: 0.25em;\n    }\n  }\n`;\n\nconst benefitItemWrapper = ({ delay }: { delay: number }) => css`\n  display: flex;\n  gap: 1.5rem;\n  padding: 0.75rem 1rem;\n  animation: up ${delay}s ease-out;\n  align-items: center;\n  margin-bottom: 0.375rem;\n  border-radius: 0.375rem;\n  background: rgba(255, 255, 255, 0.05);\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  .icon {\n    flex-shrink: 0;\n  }\n\n  .benefit-text {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5em;\n    color: rgba(255, 255, 255, 0.75);\n    padding-top: 0.0625rem;\n\n    .text {\n      color: rgba(255, 255, 255, 0.75);\n      ${theme.fontV3.body.body04Reg}\n    }\n  }\n\n  @keyframes up {\n    0% {\n      transform: translateY(200px);\n    }\n\n    100% {\n      transform: translateY(0);\n    }\n  }\n`;\n\nexport default StoryGamePCPopupContainer;\n","import React from 'react';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport theme from '@styles/theme';\nimport { css } from '@emotion/react';\nimport {\n  Coin1Icon,\n  StorygameSaleIconMobile,\n  StorygameTimeIconMobile,\n  StorygameAutorenewIconMobile,\n  StorygameHourglassIconMobile,\n  NavCloseBtn,\n} from 'public/assets';\n\nimport { insertCommas } from '@/common/utils';\nimport { CoinProductFragment } from '@/operations/queries/story/__generated__/useGetStoryGameDetail.generated';\nimport SPImage from '../../image/SPImage';\n\ninterface IMobilePopupContainer {\n  storyName?: string;\n  originalCoin?: number;\n  storyCoin: number;\n  onClose: () => void;\n  coverImage?: string;\n  discountRate: number;\n  coinProduct?: CoinProductFragment | null;\n  onPurchase: () => void;\n}\n\ninterface IStoryGameBenefitItem {\n  icon: 'sale' | 'time' | 'autoRenew' | 'hourGlass';\n  text: string;\n  delay: number;\n}\n\nconst StoryGameBenefitItem = ({ icon, text, delay }: IStoryGameBenefitItem) => {\n  return (\n    <div css={benefitItemWrapper({ delay })}>\n      <div className=\"icon-wrapper\">\n        {icon === 'sale' ? (\n          <StorygameSaleIconMobile className=\"icon\" width={16} height={17} />\n        ) : icon === 'time' ? (\n          <StorygameTimeIconMobile className=\"icon\" />\n        ) : icon === 'autoRenew' ? (\n          <StorygameAutorenewIconMobile className=\"icon\" />\n        ) : (\n          <StorygameHourglassIconMobile className=\"icon\" />\n        )}\n      </div>\n      <div className=\"benefit-text\">\n        <p className=\"bottom-text\">{text}</p>\n      </div>\n    </div>\n  );\n};\n\nconst StoryGameMobilePopupContainer = ({\n  storyName,\n  storyCoin,\n  originalCoin,\n  onClose,\n  coverImage,\n  discountRate,\n  coinProduct,\n  onPurchase,\n}: IMobilePopupContainer) => {\n  const { t } = useTranslation();\n\n  return (\n    <div css={mobileContainer}>\n      <header className=\"header\">\n        <NavCloseBtn\n          width={22}\n          height={22}\n          fill={theme.colors.white}\n          className=\"back\"\n          onClick={onClose}\n        />\n      </header>\n      <div className=\"cover\">\n        <div className=\"image-wrapper\">\n          {coverImage && (\n            <SPImage src={coverImage} objectFit=\"cover\" layout=\"fill\" />\n          )}\n        </div>\n        <div className=\"title-wrapper\">\n          <p className=\"story-name\">{storyName}</p>\n          <h1 className=\"title\">\n            {t('store_screen_label_benefit_unlimited_pass')}\n          </h1>\n          <p className=\"description\">\n            {t('storydetail_popup_label_purchase_now_benefit', {\n              storyName,\n            })}\n          </p>\n        </div>\n      </div>\n      <div className=\"benefit-list\">\n        <StoryGameBenefitItem\n          icon=\"sale\"\n          text={t('store_screen_title_benefit_one', {\n            value: coinProduct\n              ? (coinProduct.price /\n                  (coinProduct.originalPrice || coinProduct.price)) *\n                100\n              : discountRate,\n          })}\n          delay={0.2}\n        />\n        <StoryGameBenefitItem\n          icon=\"time\"\n          text={t('store_screen_title_benefit_two')}\n          delay={0.4}\n        />\n        <StoryGameBenefitItem\n          icon=\"autoRenew\"\n          text={t('store_screen_title_benefit_three')}\n          delay={0.6}\n        />\n        <StoryGameBenefitItem\n          icon=\"hourGlass\"\n          text={t('store_screen_title_benefit_four')}\n          delay={0.8}\n        />\n      </div>\n      <div className=\"dark-layer\"></div>\n      <div className=\"button-wrapper\">\n        <div className=\"price\">\n          <div>Total</div>\n          <div className=\"price-right-wrapper\">\n            {coinProduct ? (\n              <>\n                {coinProduct.price /\n                  (coinProduct.originalPrice || coinProduct.price) !==\n                  1 && (\n                  <>\n                    <div className=\"discount-percent\">\n                      -\n                      {(coinProduct.price /\n                        (coinProduct.originalPrice || coinProduct.price)) *\n                        100}\n                      %\n                    </div>\n                    <div className=\"coin-wrapper origin\">\n                      <p className=\"coin-number\">\n                        {insertCommas(coinProduct.originalPrice)}\n                      </p>\n                    </div>\n                  </>\n                )}\n                <div className=\"coin-wrapper discount\">\n                  <p className=\"coin-number\">\n                    {t('payment_screen_description_price_monetary_unit', {\n                      value: insertCommas(coinProduct.price),\n                    })}\n                  </p>\n                </div>\n              </>\n            ) : (\n              <>\n                {storyCoin / (originalCoin || storyCoin) !== 1 && (\n                  <>\n                    <div className=\"discount-percent\">\n                      -{(storyCoin / (originalCoin || storyCoin)) * 100}%\n                    </div>\n                    <div className=\"coin-wrapper origin\">\n                      <Coin1Icon width={24} height={24} />\n                      <p className=\"coin-number\">{originalCoin}</p>\n                    </div>\n                  </>\n                )}\n                <div className=\"coin-wrapper discount\">\n                  <Coin1Icon width={24} height={24} />\n                  <p className=\"coin-number\">{storyCoin}</p>\n                </div>\n              </>\n            )}\n          </div>\n        </div>\n        <button className=\"whole-purchase-button\" onClick={onPurchase}>\n          <p className=\"whole-purchase-button-text\">\n            {t('store_popup_button_buy_unlimited_story')}\n          </p>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nconst mobileContainer = css`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  color: ${theme.colors.white};\n  align-items: center;\n  height: 100%;\n  overflow: hidden;\n  background: black;\n  padding: 0 1.5rem;\n\n  .header {\n    height: 3rem;\n    position: fixed;\n    display: flex;\n    align-items: center;\n    color: #fff;\n  }\n\n  .cover {\n    width: 100%;\n    padding-bottom: 0.75rem;\n    padding-top: 0.625rem;\n\n    .image-wrapper {\n      position: relative;\n      width: 100%;\n      padding-bottom: 70%;\n      border-radius: 0.5rem;\n\n      img {\n        border-radius: 0.5rem;\n      }\n    }\n\n    .title-wrapper {\n      margin-top: 12px;\n      width: 100%;\n      display: flex;\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 0.5em;\n      backdrop-filter: blur(8px);\n\n      .story-name {\n        color: #9457eb;\n        ${theme.fontV3.body.body04Reg}\n      }\n\n      .title {\n        color: #fff;\n        ${theme.fontV3.body.body02Medium}\n      }\n\n      .description {\n        color: rgba(255, 255, 255, 0.5);\n        ${theme.fontV3.body.body06Reg}\n      }\n    }\n  }\n\n  .benefit-list {\n    width: 100%;\n    align-self: flex-start;\n    flex-direction: column;\n    display: flex;\n    padding-bottom: 8.5rem;\n    overflow-y: scroll;\n    backdrop-filter: blur(8px);\n    height: 15.625rem;\n\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .dark-layer {\n    position: fixed;\n    bottom: env(safe-area-inset-bottom);\n    width: 100vw;\n    height: 8.5rem;\n    flex-direction: column;\n    align-items: center;\n    background: linear-gradient(0deg, #000 75%, rgba(0, 0, 0, 0) 100%);\n    z-index: 1;\n  }\n\n  .button-wrapper {\n    width: 100%;\n    padding: 0 1.5rem;\n    position: fixed;\n    bottom: env(safe-area-inset-bottom);\n    z-index: 1;\n    display: flex;\n    margin: 1.25em 1em;\n    flex-direction: column;\n\n    .price {\n      display: flex;\n      justify-content: space-between;\n      color: rgba(255, 255, 255, 0.5);\n      margin-bottom: 16px;\n      ${theme.fontV3.body.body04Reg}\n\n      .price-right-wrapper {\n        display: flex;\n        align-items: center;\n\n        .discount-percent {\n          width: 100%;\n          height: 1.0625rem;\n          padding: 0.125rem 0.25rem;\n          border-radius: 0.125rem;\n          background: #ff3a58;\n          color: #fff;\n          text-align: center;\n          ${theme.fontV3.body.caption02Reg}\n        }\n\n        .coin-wrapper {\n          display: flex;\n          justify-content: center;\n          align-center: center;\n          margin-left: 0.375rem;\n\n          .coin-number {\n            padding-top: 2px;\n            color: white;\n          }\n        }\n\n        .coin-wrapper.origin {\n          opacity: 0.5;\n          text-decoration: line-through;\n        }\n\n        .coin-wrapper.discount {\n          flex-shrink: 0;\n        }\n      }\n    }\n\n    .whole-purchase-button {\n      width: 100%;\n      height: 3rem;\n      border-radius: 0.375em;\n      cursor: pointer;\n      background-color: ${theme.colors.primary500};\n      color: ${theme.colors.white};\n      border: 0.0625em solid ${theme.colors.primary500};\n      ${theme.fontV3.body.body03Reg}\n\n      .whole-purchase-button-text {\n        display: flex;\n        justify-content: center;\n        gap: 0.25em;\n      }\n    }\n  }\n`;\n\nconst benefitItemWrapper = ({ delay }: { delay: number }) => css`\n  display: flex;\n  gap: 1.5rem;\n  padding: 0.75rem 1rem;\n  animation: up ${delay}s ease-out;\n  align-items: center;\n  margin-bottom: 0.375rem;\n  border-radius: 0.375rem;\n  background: rgba(255, 255, 255, 0.05);\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  .icon {\n    flex-shrink: 0;\n  }\n\n  .benefit-text {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5em;\n    color: rgba(255, 255, 255, 0.75);\n    padding-top: 0.0625rem;\n\n    .text {\n      color: rgba(255, 255, 255, 0.75);\n      ${theme.fontV3.body.body04Reg}\n    }\n  }\n\n  @keyframes up {\n    0% {\n      transform: translateY(200px);\n    }\n\n    100% {\n      transform: translateY(0);\n    }\n  }\n`;\n\nexport default StoryGameMobilePopupContainer;\n","import React, { useEffect, useState } from 'react';\nimport useTranslation from 'next-translate/useTranslation';\nimport { useRouter } from 'next/router';\nimport { useMutation } from '@apollo/client';\n\nimport { css } from '@emotion/react';\nimport { PURCHASE_STORY } from '@api/story';\nimport FullScreenPopupContainer from '../container/FullScreenPopupContainer';\nimport { useGetUserQuery } from '@/operations/queries/user/__generated__/getUser.generated';\n\nimport {\n  payTicketAll,\n  viewPurchaseStoryPopup,\n  touchPurchaseStoryPopup,\n  viewAllChapterPurchasePopup,\n  payTicketForStory,\n} from '@lib/eventManager';\nimport { Story_Play_Type } from '@/baseType';\nimport { useAppDispatch } from '@/store/hooks';\nimport { alertMessage, setToastMessage } from '@/slices/alertSlice';\nimport { SERVER_ERROR_CODE, STORAGE_KEY } from '@/common/values';\n\nimport NoticeWholePurchaseInfoPopup from '../NoticeWholePurchaseInfoPopup';\nimport { isMobileDevice } from '@/common/utils';\nimport {\n  updateUserForApp,\n  goAdultCertForApp,\n  goStoreForApp,\n  showToastForApp,\n} from '@/lib/webview';\nimport { CoinProductFragment } from '@/operations/queries/story/__generated__/useGetStoryGameDetail.generated';\nimport StoryGamePCPopupContainer from './StoryGamePCPopupContainer';\nimport StoryGameMobilePopupContainer from './StoryGameMobilePopupContainer';\nimport theme from '@/styles/theme';\nimport Image from 'next/image';\n\ninterface IWholePurchaseInfoPopup {\n  storyName?: string;\n  storyId?: number;\n  chapterIndex?: number;\n  originalCoin?: number;\n  lastPreviewChapterIndex?: number;\n  storyCoin: number;\n  isShow: boolean;\n  onClose: () => void;\n  storyBundleId?: number;\n  storyLanguage?: string;\n  storyGenre?: string;\n  playType?: Story_Play_Type;\n  coverImage?: string;\n  discountRate: number;\n  hasAdultChapter: boolean;\n  coinProduct?: CoinProductFragment | null;\n}\n\nconst StoryGameWholePurchaseInfoPopup = ({\n  storyName,\n  storyId,\n  storyCoin,\n  chapterIndex,\n  originalCoin,\n  lastPreviewChapterIndex,\n  isShow,\n  onClose,\n  storyBundleId,\n  storyLanguage,\n  storyGenre,\n  playType,\n  coverImage,\n  discountRate,\n  hasAdultChapter,\n  coinProduct,\n}: IWholePurchaseInfoPopup) => {\n  const { t } = useTranslation();\n  const router = useRouter();\n  const dispatch = useAppDispatch();\n\n  const [\n    showNoticeWholePurchaseInfoPopup,\n    setShowNoticeWholePurchaseInfoPopup,\n  ] = useState<boolean>(false);\n  const { data: userData } = useGetUserQuery();\n\n  const [purchaseStoryMutate] = useMutation<{\n    purchaseStory: { ok: number };\n  }>(PURCHASE_STORY, {\n    onCompleted: (data) => {\n      if (data.purchaseStory.ok === 1) {\n        router.reload();\n        isMobileDevice() && updateUserForApp();\n        onClose();\n        payTicketAll({\n          storyId: storyId,\n          ticketCount: storyCoin,\n          storyNameAndChapterIndex: `${storyName}_${chapterIndex}`,\n        });\n        payTicketForStory({\n          amount: storyCoin,\n          storyId: storyId || 0,\n          storyBundleId,\n          storyName: storyName || '',\n          storyLanguage,\n          storyGenre,\n          playType: 'storygame',\n        });\n        router.replace(`/story/${storyId}`);\n      } else {\n        onClose();\n        dispatch(\n          alertMessage({\n            message: t('common_popup_description_error_occurred'),\n            type: 'warning',\n          }),\n        );\n      }\n    },\n    onError: (error) => {\n      onClose();\n      if (\n        error.message.includes(SERVER_ERROR_CODE.ADULT_VERIFICATION_REQUIRED)\n      ) {\n        if (isMobileDevice()) {\n          showToastForApp(t('payment_toast_all_chapter_19_chapter_included'));\n          goAdultCertForApp({ callbackScreenType: 'story' });\n        } else {\n          dispatch(\n            setToastMessage(t('payment_toast_all_chapter_19_chapter_included')),\n          );\n\n          const redirectInfo = JSON.stringify({\n            redirectUrl: `/story/${storyId}`,\n            createdAt: new Date(),\n          });\n          localStorage.setItem(STORAGE_KEY.REDIRECT_INFO, redirectInfo);\n\n          router.replace({\n            pathname: `/adult`,\n            query: {\n              url: `/story/${storyId}`,\n              storyId,\n            },\n          });\n        }\n        return;\n      }\n      dispatch(setToastMessage(t('common_popup_description_error_occurred')));\n    },\n  });\n\n  useEffect(() => {\n    if (!isShow) return;\n\n    viewPurchaseStoryPopup({\n      storyName,\n      storyId,\n      fullPrice: originalCoin,\n      price: storyCoin,\n      userCoin: userData?.getUser?.currentCoin,\n    });\n\n    viewAllChapterPurchasePopup({\n      storyName,\n      storyId: String(storyId),\n      fullCoin: originalCoin,\n      coin: storyCoin,\n      lastPreviewChapterIndex,\n      purchasedChapter: storyCoin,\n      contentType: 'interactive',\n    });\n  }, [isShow]);\n\n  const onPurchase = async () => {\n    touchPurchaseStoryPopup({\n      storyName,\n      storyId,\n      fullPrice: originalCoin,\n      price: storyCoin,\n      userCoin: userData?.getUser?.currentCoin,\n    });\n\n    if (userData?.getUser?.isAnonymous && !coinProduct) {\n      setShowNoticeWholePurchaseInfoPopup(true);\n      return;\n    }\n\n    if (\n      hasAdultChapter &&\n      !userData?.getUser?.certificatedAt &&\n      userData?.getUser?.isExpiredCertification\n    ) {\n      if (isMobileDevice()) {\n        showToastForApp(t('payment_toast_all_chapter_19_chapter_included'));\n        goAdultCertForApp({ callbackScreenType: 'story' });\n      } else {\n        dispatch(\n          setToastMessage(t('payment_toast_all_chapter_19_chapter_included')),\n        );\n        const redirectInfo = JSON.stringify({\n          redirectUrl: `/story/${storyId}`,\n          createdAt: new Date(),\n        });\n        localStorage.setItem(STORAGE_KEY.REDIRECT_INFO, redirectInfo);\n\n        await router.push({\n          pathname: '/adult',\n          query: {\n            url: `/story/${storyId}`,\n            storyId,\n          },\n        });\n      }\n      onClose();\n      return;\n    }\n\n    if ((userData?.getUser?.currentCoin || 0) < storyCoin) {\n      const redirectInfo = JSON.stringify({\n        redirectUrl: `/story/${storyId}`,\n        createdAt: new Date(),\n      });\n      if (isMobileDevice()) {\n        goStoreForApp({ callbackScreenType: 'story' });\n      } else {\n        localStorage.setItem(STORAGE_KEY.REDIRECT_INFO, redirectInfo);\n\n        // 통구매 작품 상품 정보가 있으면 payment로 바로 보내기\n        if (coinProduct) {\n          await router.push({\n            pathname: '/payment',\n            query: {\n              inappCoinId: coinProduct.inappCoinId,\n              storyProductId: storyId,\n              url: `/story/${storyId}`,\n            },\n          });\n        } else {\n          await router.push({\n            pathname: '/store',\n            query: {\n              coin: storyCoin,\n              url: `/story/${storyId}`,\n            },\n          });\n        }\n      }\n      onClose();\n      return;\n    }\n\n    purchaseStoryMutate({\n      variables: {\n        storyId: storyId,\n        price: storyCoin,\n      },\n    });\n  };\n\n  if (!isShow) {\n    return null;\n  }\n\n  return (\n    <FullScreenPopupContainer\n      onClose={onClose}\n      customCSS={popupWrapper}\n      hasHeader={false}\n    >\n      <div css={backgroundImage}>\n        <div className=\"background-image-wrapper\">\n          {coverImage && (\n            <Image\n              src={coverImage}\n              layout=\"fill\"\n              objectFit=\"cover\"\n              alt=\"Full chat image\"\n              sizes=\"(max-width: 800px) 50vw, 33vw\"\n            />\n          )}\n          <div className=\"dimmed\"></div>\n        </div>\n      </div>\n      <div css={wrapper}>\n        <div className=\"pc\">\n          <StoryGamePCPopupContainer\n            storyName={storyName}\n            storyCoin={storyCoin}\n            originalCoin={originalCoin}\n            onClose={onClose}\n            coverImage={coverImage}\n            discountRate={discountRate}\n            coinProduct={coinProduct}\n            onPurchase={onPurchase}\n          />\n        </div>\n        <div className=\"mobile\">\n          <StoryGameMobilePopupContainer\n            storyName={storyName}\n            storyCoin={storyCoin}\n            originalCoin={originalCoin}\n            onClose={onClose}\n            coverImage={coverImage}\n            discountRate={discountRate}\n            coinProduct={coinProduct}\n            onPurchase={onPurchase}\n          />\n        </div>\n      </div>\n      <NoticeWholePurchaseInfoPopup\n        isShow={showNoticeWholePurchaseInfoPopup}\n        storyId={storyId}\n        onClose={() => {\n          onClose();\n          setShowNoticeWholePurchaseInfoPopup(false);\n        }}\n      />\n    </FullScreenPopupContainer>\n  );\n};\n\nconst wrapper = css`\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .pc {\n    display: block;\n  }\n  .mobile {\n    display: none;\n    width: 100%;\n  }\n\n  @media screen and (max-width: ${theme.devices.mobile}) {\n    .pc {\n      display: none;\n    }\n    .mobile {\n      display: block;\n    }\n  }\n`;\nconst backgroundImage = css`\n  position: absolute;\n  cursor: pointer;\n  object-fit: fill;\n  width: 100vw;\n  height: 100%;\n  top: 0;\n  background: black;\n\n  .background-image-wrapper {\n    position: absolute;\n    width: 100vw;\n    height: calc(100vw * 9 / 16);\n    opacity: 0.25;\n  }\n\n  .dimmed {\n    position: absolute;\n    top: 0;\n    width: 100vw;\n    height: calc(100vw * 9 / 16);\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 57.01%);\n    backdrop-filter: blur(8px);\n  }\n`;\n\nconst popupWrapper = css`\n  width: 100vw;\n  display: flex;\n  justify-content: center;\n\n  .header {\n    width: 100%;\n    padding: initial;\n    height: 3rem;\n    display: flex;\n    align-items: center;\n    padding: 0.75rem 1.5rem;\n    position: relative;\n\n    .back-icon {\n      position: absolute;\n      left: 1.5rem;\n      top: 0.75rem;\n    }\n  }\n`;\n\nexport default StoryGameWholePurchaseInfoPopup;\n","import { useEffect, useState, useMemo } from 'react';\nimport { checkAdEnabled } from '@service/chapterListService';\nimport { RootState } from '@store/store';\nimport { useAppSelector, useAppDispatch } from '@store/hooks';\nimport { STORAGE_KEY } from '@common/values';\nimport { setAdInfo } from '@/slices/chatChapterSlice';\nimport {\n  useGetAdInfoChapterQuery,\n  useGetAdInfoStoryQuery,\n  useGetAdInfoUserQuery,\n} from '@/operations/queries/novelChapter/__generated__/useGetAdInfo.generated';\nimport { isMobileDevice } from '@/common/utils';\n\ninterface IChapterAd {\n  storyId?: number;\n  chapterId?: number;\n}\n\nconst getWatchedAdChapterId = () => {\n  return (\n    typeof window !== 'undefined' &&\n    sessionStorage.getItem(STORAGE_KEY.WATCHED_AD_CHAPTER_ID)\n  );\n};\n\nconst useCheckAdByRemoteConfig = ({ storyId, chapterId }: IChapterAd) => {\n  const {\n    data: userData,\n    error: userError,\n    loading: userLoading,\n  } = useGetAdInfoUserQuery({\n    fetchPolicy: 'network-only',\n  });\n  const {\n    data: chapterData,\n    error: chapterError,\n    loading: chapterLoading,\n  } = useGetAdInfoChapterQuery({\n    variables: {\n      chapterId: chapterId!,\n    },\n    skip: !chapterId,\n    fetchPolicy: 'no-cache',\n  });\n  const {\n    data: storyData,\n    error: storyError,\n    loading: storyLoading,\n  } = useGetAdInfoStoryQuery({\n    variables: {\n      storyId: storyId!,\n    },\n    skip: !storyId,\n    fetchPolicy: 'network-only',\n  });\n\n  const [isShowAdIcon, setIsShowAdIcon] = useState(false);\n  const [isShowAd, setIsShowAd] = useState<boolean | undefined>();\n  const dispatch = useAppDispatch();\n  const isRestarting = useAppSelector(\n    (state: RootState) => state.chapter.isRestarting,\n  );\n\n  const adInfoStorage = useAppSelector(\n    (state: RootState) => state.chapter.adInfoStorage,\n  );\n\n  const [watchedAdChapterId, setWatchedAdChapterId] = useState(\n    getWatchedAdChapterId(),\n  );\n\n  useEffect(() => {\n    const handleChangeStorage = () => {\n      setWatchedAdChapterId(getWatchedAdChapterId());\n    };\n\n    // sessionStorage 정보가 업데이트되면 리렌더링\n    window.addEventListener('storage', handleChangeStorage);\n    return () => window.removeEventListener('storage', handleChangeStorage);\n  }, []);\n\n  const checkAd = async () => {\n    if (!storyId || !chapterId || !chapterData || !storyData) return;\n\n    // remote-config 설정에 따라 광고를 보여주는 스토리인가?\n    let isAdEnabled = adInfoStorage[storyId];\n\n    if (isAdEnabled === undefined) {\n      isAdEnabled = await checkAdEnabled({ storyId });\n      dispatch(setAdInfo({ storyId, isAdEnabled }));\n    }\n    // 무료인가?\n    const isFree =\n      chapterData?.getChapter.freedAt !== null ||\n      chapterData.getChapter.price === 0 ||\n      (chapterData.getChapter.freeDependencyChapterIndex !== null &&\n        chapterData.getChapter.freeDependencyPeriod !== null &&\n        chapterData.getChapter.remainingTimeToFree === 0 &&\n        chapterData.getChapter.freedAt !== null);\n\n    // 전체구매했는가?\n    const isAllChapterPurchased =\n      chapterData.getChapter.userPurchasedChapter !== null;\n    // 통구매 작품이고 통구매했는가?\n    const isWholePurchase =\n      storyData?.story.purchasable && storyData?.story.purchased;\n\n    // 프리미엄(구독권)유저인가?\n    const isPremium = userData?.getUser?.isPremium;\n    const userPlayedChapters = storyData.story.lastPlay\n      ? storyData.story.lastPlay?.playedChapters\n      : [];\n    // 최종화 엔딩에 도달했나?\n    const hasReachedFinalEnding = userPlayedChapters?.some(\n      (chapter) => chapter.ending?.isFinal === true,\n    );\n    const playingChapterIds = userPlayedChapters?.map(\n      (chapter) => chapter.chapterId,\n    );\n    // 회차를 플레이 중인가?\n    const isPlaying = playingChapterIds.some((id) => id === chapterId);\n    // 유저가 해당 챕터의 광고를 이미 봤나?\n    const isWatchedAdChapter =\n      Number(sessionStorage.getItem(STORAGE_KEY.WATCHED_AD_CHAPTER_ID)) ===\n      chapterId;\n\n    // showAdIcon state 값 정의\n    if (\n      (isAdEnabled &&\n        isFree &&\n        !isAllChapterPurchased &&\n        !isWholePurchase &&\n        !isPremium &&\n        !hasReachedFinalEnding) ||\n      (chapterData.getChapter.adsOn &&\n        isFree &&\n        !isAllChapterPurchased &&\n        !isWholePurchase &&\n        !isPremium &&\n        !hasReachedFinalEnding)\n    ) {\n      setIsShowAdIcon(true);\n    }\n    // showAd state 값 정의\n\n    let showAd;\n\n    if (\n      (isAdEnabled &&\n        isFree &&\n        !isAllChapterPurchased &&\n        !isWatchedAdChapter &&\n        !isWholePurchase &&\n        !isPremium) ||\n      (chapterData.getChapter.adsOn &&\n        isFree &&\n        !isAllChapterPurchased &&\n        !isWatchedAdChapter &&\n        !isWholePurchase &&\n        !isPremium)\n    ) {\n      if (isRestarting) {\n        showAd = true;\n      } else {\n        if (!isPlaying) {\n          showAd = true;\n        }\n      }\n    }\n\n    // 모바일 앱 디바이스에서 웹뷰형태로 실행된 경우 광고를 보여주지 않는다.\n    if (isMobileDevice()) {\n      showAd = false;\n    }\n\n    setIsShowAd(showAd ? true : false);\n  };\n\n  useMemo(() => {\n    checkAd();\n  }, [\n    storyId,\n    chapterId,\n    adInfoStorage,\n    watchedAdChapterId,\n    chapterData,\n    storyData,\n  ]);\n\n  return {\n    isShowAdIcon,\n    isShowAd,\n    setIsShowAd,\n    error: chapterError || storyError || userError,\n    loading: chapterLoading || storyLoading || userLoading,\n  };\n};\n\nexport default useCheckAdByRemoteConfig;\n","import { initializeApp } from 'firebase/app';\n\nconst firebaseConfig = {\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,\n  databaseURL: process.env.NEXT_PUBLIC_FIREBASE_DATABASE_URL,\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,\n};\n\nexport const firebaseApp = initializeApp(firebaseConfig);\n","import { Translate } from 'next-translate';\nimport { ChapterForButton, ChapterState } from '@customTypes/chapter';\nimport { LastPlayedStory } from '@customTypes/story';\nimport { formatWaitingTime, convertCharName } from '@common/utils';\nimport {\n  getRemoteConfig,\n  fetchAndActivate,\n  getBoolean,\n} from 'firebase/remote-config';\nimport { firebaseApp } from '@lib/firebase';\n\nexport interface IViewData {\n  storyId: number;\n  storyName: string;\n  chapterId: number;\n  chapterIndex: number;\n  chapterPrice: number;\n  mainImageUrl?: string;\n  price: number;\n  storyPrice: number;\n  discountRate: number;\n  originalPrice: number;\n  chapterName: string;\n  hasGraphIcon: boolean;\n  hasNewBadge: boolean;\n  hasBGM: boolean;\n  subText: string;\n  endingText: string;\n  subTextColor: string;\n  isLocked: boolean;\n  isGray: boolean;\n  isDisable: boolean;\n  toastMessage: string;\n  showEndingView: boolean;\n  showStat: boolean;\n  showTimeLeap: boolean;\n  thumbnail?: string;\n  endingId?: number;\n  coinForRestart?: number;\n  needWholePurchase: boolean;\n  introImageUrl?: string;\n  freedAt?: string | null;\n  freeDependencyChapterIndex?: number | null;\n  isTimeLeapFree: boolean;\n  purchasable?: boolean;\n  purchased?: boolean;\n  hasAdultChapter?: boolean;\n  showPrice?: boolean;\n  shouldShowTimeLeapOnChapterClick?: boolean;\n}\n\ninterface IGetChapterType {\n  data: ChapterForButton;\n  playingChapterIds: number[];\n  endingChapterIds: number[];\n  isWholePurchase: boolean;\n  isWholePurchased: boolean;\n  lastPreviewIndex?: number | null;\n  finalEndingChapterIndex?: number | null;\n}\n\nexport const checkAdEnabled = ({ storyId }: { storyId: number }) => {\n  const remoteConfig = getRemoteConfig(firebaseApp);\n\n  return fetchAndActivate(remoteConfig)\n    .then(() => {\n      return getBoolean(remoteConfig, `admob_enabled_story_${storyId}`);\n    })\n    .catch(() => {\n      return false;\n    });\n};\n\nexport const getChapterType = ({\n  data,\n  playingChapterIds = [],\n  endingChapterIds = [],\n  finalEndingChapterIndex,\n  isWholePurchase,\n  isWholePurchased,\n  lastPreviewIndex = 0,\n}: IGetChapterType): ChapterState => {\n  const isFree = data?.freedAt !== null || data.price === 0;\n\n  const isWaitingTimeZero =\n    data?.freeDependencyChapterIndex !== null &&\n    data?.freeDependencyPeriod !== null &&\n    data?.remainingTimeToFree === 0 &&\n    isFree;\n  const isEnding = endingChapterIds.find((id) => id === data.chapterId);\n  const isPlaying = playingChapterIds.find((id) => id === data.chapterId);\n  const isAllChapterPurchased = data?.userPurchasedChapter !== null;\n\n  let chapterType: ChapterState = 'NEED_PURCHASE';\n  if (isPlaying) {\n    if (isEnding) {\n      chapterType = 'DONE';\n\n      if (finalEndingChapterIndex) {\n        // 최종화 엔딩 도달, 최종화 엔딩 도달 회차의 이후 회차인 경우 dismiss\n        if (data.chapterIndex > finalEndingChapterIndex) {\n          chapterType = isFree ? 'DISMISS' : 'DISMISS_AND_NEED_PURCHASED';\n        } else {\n          // 최종화 엔딩 도달, 최종화 엔딩 도달 회차의 이전 회차인 경우 done\n          chapterType = 'DONE';\n        }\n      }\n    } else {\n      chapterType = 'READING';\n    }\n  } else {\n    if (\n      isFree ||\n      isWholePurchase ||\n      isWaitingTimeZero ||\n      isAllChapterPurchased\n    ) {\n      chapterType = 'ACTIVE';\n    }\n  }\n\n  // 통구매작품이고, 사용자가 아직 구매 안했고, lastPreviewIndex가 chapterIndex보다 작으면\n  if (\n    isWholePurchase &&\n    !isWholePurchased &&\n    lastPreviewIndex &&\n    lastPreviewIndex < data.chapterIndex\n  ) {\n    chapterType = 'WHOLE_AND_NEED_PURCHASED';\n  }\n\n  if (finalEndingChapterIndex && data.chapterIndex > finalEndingChapterIndex) {\n    chapterType = isFree ? 'DISMISS' : 'DISMISS_AND_NEED_PURCHASED';\n  }\n\n  return chapterType;\n};\n\ninterface IGetChapterViewData {\n  t: Translate;\n  storyId: number;\n  price: number;\n  storyPrice: number;\n  discountRate: number;\n  originalPrice: number;\n  storyName: string;\n  chapters: ChapterForButton[];\n  chapter: ChapterForButton;\n  isWholePurchase: boolean;\n  isWholePurchased: boolean;\n  lastPreviewIndex?: number | null;\n  lastPlay?: LastPlayedStory | null;\n  coinForRestart?: number;\n  thumbnail?: string;\n  introImageUrl?: string;\n  mainImageUrl?: string;\n  purchasable?: boolean;\n  purchased?: boolean;\n  hasAdultChapter?: boolean;\n  isStoryGame?: boolean;\n}\n\nexport const getChapterViewData = ({\n  t,\n  storyId,\n  storyName,\n  price,\n  discountRate,\n  storyPrice,\n  originalPrice,\n  chapters,\n  chapter,\n  lastPlay,\n  coinForRestart,\n  thumbnail,\n  isWholePurchase,\n  isWholePurchased,\n  lastPreviewIndex,\n  introImageUrl,\n  mainImageUrl,\n  purchasable,\n  purchased,\n  hasAdultChapter,\n  isStoryGame,\n}: IGetChapterViewData): IViewData => {\n  const userPlayedChapters = lastPlay ? lastPlay?.playedChapters : [];\n  const endingChapterIds = userPlayedChapters\n    ?.filter((chapter) => chapter.ending)\n    .map((chapter) => chapter.chapterId);\n  const finalEnding = userPlayedChapters?.find(\n    (chapter) => chapter.ending?.isFinal === true,\n  );\n  const finalEndingChapterIndex = chapters.find(\n    (chapter) => chapter.chapterId === finalEnding?.chapterId,\n  )?.chapterIndex;\n  const endingId = endingChapterIds.find((id) => id === chapter.chapterId);\n\n  const playingChapterIds = userPlayedChapters?.map(\n    (chapter) => chapter.chapterId,\n  );\n  const isPlaying = playingChapterIds.find((id) => id === chapter.chapterId);\n  const type = getChapterType({\n    data: chapter,\n    playingChapterIds,\n    endingChapterIds,\n    finalEndingChapterIndex,\n    isWholePurchase,\n    isWholePurchased,\n    lastPreviewIndex,\n  });\n\n  const viewData: IViewData = {\n    thumbnail,\n    introImageUrl,\n    chapterId: chapter?.chapterId,\n    chapterPrice: chapter?.price,\n    chapterIndex: chapter?.chapterIndex,\n    mainImageUrl,\n    storyId,\n    price,\n    storyPrice,\n    originalPrice,\n    discountRate,\n    storyName,\n    chapterName: chapter?.name,\n    hasGraphIcon: false,\n    hasNewBadge: false,\n    hasBGM: false,\n    subText: '',\n    endingText: '',\n    subTextColor: 'gray600',\n    isLocked: false,\n    isGray: false,\n    isDisable: false,\n    toastMessage: '',\n    showEndingView: false,\n    showStat: false,\n    showTimeLeap: false,\n    coinForRestart: coinForRestart,\n    needWholePurchase: false,\n    freedAt: chapter?.freedAt,\n    freeDependencyChapterIndex: chapter?.freeDependencyChapterIndex,\n    isTimeLeapFree: false,\n    purchasable,\n    purchased,\n    hasAdultChapter,\n    showPrice: false,\n    shouldShowTimeLeapOnChapterClick: false,\n  };\n\n  if (chapter?.hasBGM) {\n    viewData.hasBGM = true;\n  }\n\n  if (chapter?.hasGraphIcon) {\n    viewData.hasGraphIcon = true;\n\n    if (endingId) {\n      viewData.showStat = true;\n      viewData.endingId = endingId;\n    }\n  }\n\n  if (chapter?.hasNewBadge) {\n    viewData.hasNewBadge = true;\n  }\n\n  if (chapter?.isTimeLeapFree) {\n    viewData.isTimeLeapFree = true;\n  }\n\n  if (type !== 'READING') {\n    if (chapter?.chapterIndex > 1) {\n      const firstChapter = chapters.find((item) => item.chapterIndex === 1);\n      const currentPlayingChapter = chapters.find(\n        (item) => item.chapterId === lastPlay?.currentPlayingChapter.chapterId,\n      );\n      const isCurrentChapterEnding = !!lastPlay?.currentPlayingChapter.ending;\n      const nextChapter = chapters.find(\n        (item) =>\n          lastPlay &&\n          item.chapterIndex ===\n            lastPlay.currentPlayingChapter.chapter.chapterIndex + 1,\n      );\n\n      if (\n        isCurrentChapterEnding &&\n        chapter.chapterId !== nextChapter?.chapterId\n      ) {\n        viewData.toastMessage = `${t(\n          'storydetail_popup_description_start_with_chapter_name',\n          {\n            value: nextChapter?.name,\n          },\n        )}`;\n      }\n\n      if (\n        !isCurrentChapterEnding &&\n        chapter.chapterId !== firstChapter?.chapterId\n      ) {\n        viewData.toastMessage = `${t(\n          'storydetail_popup_description_start_with_chapter_name',\n          {\n            value: currentPlayingChapter\n              ? currentPlayingChapter.name\n              : firstChapter?.name,\n          },\n        )}`;\n      }\n    }\n  }\n\n  if (type === 'ACTIVE') {\n    // 첫번째 기스무 챕터 인덱스\n    const firstIndexOfWaiting = chapters.find(\n      (chapter) => chapter.freeDependencyChapterIndex,\n    )?.chapterIndex;\n\n    if (\n      firstIndexOfWaiting &&\n      chapter.chapterIndex === firstIndexOfWaiting - 1\n    ) {\n      viewData.subText = t('storydetail_screen_label_free_for_now');\n      viewData.subTextColor = 'primary500';\n    }\n    if (\n      chapter?.freeDependencyPeriod !== null &&\n      chapter?.remainingTimeToFree === 0\n    ) {\n      // 지금 보면 무료 백로그 처리\n      viewData.subText = t('storydetail_screen_label_free_for_now');\n      viewData.subTextColor = 'primary500';\n    }\n  } else if (type === 'READING') {\n    viewData.isGray = true;\n    viewData.showTimeLeap = true;\n  } else if (type === 'DONE') {\n    viewData.showTimeLeap = true;\n    viewData.toastMessage = t('storydetail_popup_description_already_played');\n    viewData.isGray = true;\n\n    const endingChapter = userPlayedChapters?.filter(\n      (data) => data.chapterId === chapter.chapterId,\n    )[0];\n\n    if (lastPlay) {\n      viewData.endingText = convertCharName(\n        endingChapter?.ending?.displayName || endingChapter?.ending?.name || '',\n        lastPlay.firstName || '',\n        lastPlay.lastName || '',\n      );\n    }\n\n    if (finalEndingChapterIndex === chapter.chapterIndex) {\n      viewData.showEndingView = true;\n    }\n  } else if (type === 'NEED_PURCHASE') {\n    viewData.isLocked = true;\n\n    if (chapter.freeDependencyPeriod === null) {\n      // 기스무 아닌 챕터(기간 후 무료 회차)\n      if (chapter.remainingTimeToFree && chapter.remainingTimeToFree > 0) {\n        viewData.subText = formatWaitingTime({\n          seconds: chapter.remainingTimeToFree,\n          t,\n        });\n      }\n    } else {\n      //기스무 챕터\n      if (chapter.remainingTimeToFree && chapter.remainingTimeToFree > 0) {\n        viewData.subText = formatWaitingTime({\n          seconds: chapter.remainingTimeToFree,\n          t,\n        });\n        viewData.subTextColor = 'primary500';\n      } else if (\n        chapter.remainingTimeToFree &&\n        chapter.remainingTimeToFree === 0\n      ) {\n        viewData.subText = t('storydetail_screen_label_free_for_now');\n        viewData.subTextColor = 'primary500';\n      } else {\n        viewData.subText = t(\n          'storydetail_screen_label_description_free_after_day',\n          {\n            value: '?',\n          },\n        );\n      }\n    }\n  } else if (type === 'WHOLE_AND_NEED_PURCHASED') {\n    viewData.isLocked = true;\n    viewData.needWholePurchase = true;\n\n    if (isPlaying) {\n      viewData.isGray = true;\n      viewData.showTimeLeap = true;\n    }\n  } else if (type === 'DISMISS_AND_NEED_PURCHASED') {\n    viewData.isGray = true;\n    viewData.isDisable = true;\n    viewData.isLocked = true;\n    viewData.showTimeLeap = false;\n\n    const endingChapter = userPlayedChapters?.filter(\n      (data) => data.chapterId === chapter.chapterId,\n    )[0];\n\n    if (lastPlay) {\n      viewData.endingText = convertCharName(\n        endingChapter?.ending?.displayName || endingChapter?.ending?.name || '',\n        lastPlay.firstName || '',\n        lastPlay.lastName || '',\n      );\n    }\n\n    if (chapter.remainingTimeToFree && chapter.remainingTimeToFree > 0) {\n      // 조기엔딩일 경우여도 기간무는 n 분후 무료 표시\n      viewData.subText = formatWaitingTime({\n        seconds: chapter.remainingTimeToFree,\n        t,\n      });\n    }\n\n    if (finalEndingChapterIndex === chapter.chapterIndex) {\n      viewData.showEndingView = true;\n    }\n  } else if (type === 'DISMISS') {\n    viewData.isGray = true;\n    viewData.isDisable = true;\n\n    const endingChapter = userPlayedChapters?.filter(\n      (data) => data.chapterId === chapter.chapterId,\n    )[0];\n    if (lastPlay) {\n      viewData.endingText = convertCharName(\n        endingChapter?.ending?.displayName || endingChapter?.ending?.name || '',\n        lastPlay.firstName || '',\n        lastPlay.lastName || '',\n      );\n    }\n\n    if (finalEndingChapterIndex === chapter.chapterIndex) {\n      viewData.showEndingView = true;\n    }\n  }\n\n  // 스토리 게임 작품인 경우 일부 조건이 변경된다. 아래에서 변경된 조건을 재정의한다.\n  if (isStoryGame) {\n    if (type === 'DONE') {\n      viewData.toastMessage = '';\n      viewData.shouldShowTimeLeapOnChapterClick = true;\n    }\n\n    // 회차 완료 후 엔딩명을 노출하지 않는다.\n    viewData.endingText = '';\n  }\n\n  return viewData;\n};\n"],"names":["container","css","theme","isShow","storyId","onClose","t","useTranslation","router","useRouter","handleContinueInAppButtonClick","push","pathname","query","url","title","className","onClick","BenefitItem","icon","topText","bottomText","delay","benefitItemWrapper","width","height","storyName","storyCoin","chapterIndex","originalCoin","lastPreviewChapterIndex","nextChapterId","storyBundleId","storyLanguage","storyGenre","playType","coverImage","discountRate","hasAdultChapter","dispatch","useAppDispatch","useState","showNoticeWholePurchaseInfoPopup","setShowNoticeWholePurchaseInfoPopup","userData","useGetUserQuery","data","useMutation","PURCHASE_STORY","onCompleted","purchaseStory","ok","reload","payTicketAll","ticketCount","storyNameAndChapterIndex","payTicketForStory","amount","Story_Play_Type","replace","prevScreen","alertMessage","message","type","onError","error","includes","SERVER_ERROR_CODE","setToastMessage","redirectInfo","JSON","stringify","redirectUrl","createdAt","Date","localStorage","setItem","STORAGE_KEY","purchaseStoryMutate","useEffect","viewPurchaseStoryPopup","fullPrice","price","userCoin","getUser","currentCoin","viewAllChapterPurchasePopup","String","fullCoin","coin","purchasedChapter","contentType","onPurchase","touchPurchaseStoryPopup","isAnonymous","certificatedAt","isExpiredCertification","variables","src","objectFit","layout","value","StoryGameBenefitItem","text","coinProduct","fill","SPImage","originalPrice","insertCommas","mobileContainer","wrapper","backgroundImage","popupWrapper","isMobileDevice","updateUserForApp","showToastForApp","goAdultCertForApp","callbackScreenType","goStoreForApp","inappCoinId","storyProductId","FullScreenPopupContainer","customCSS","hasHeader","alt","sizes","NoticeWholePurchaseInfoPopup","getWatchedAdChapterId","sessionStorage","getItem","chapterId","useGetAdInfoUserQuery","fetchPolicy","userError","userLoading","loading","useGetAdInfoChapterQuery","skip","chapterData","chapterError","chapterLoading","useGetAdInfoStoryQuery","storyData","storyError","storyLoading","isShowAdIcon","setIsShowAdIcon","isShowAd","setIsShowAd","isRestarting","useAppSelector","state","chapter","adInfoStorage","watchedAdChapterId","setWatchedAdChapterId","handleChangeStorage","window","addEventListener","removeEventListener","checkAd","undefined","isAdEnabled","checkAdEnabled","setAdInfo","isFree","getChapter","freedAt","freeDependencyChapterIndex","freeDependencyPeriod","remainingTimeToFree","isAllChapterPurchased","userPurchasedChapter","isWholePurchase","story","purchasable","purchased","isPremium","userPlayedChapters","lastPlay","playedChapters","hasReachedFinalEnding","some","ending","isFinal","playingChapterIds","map","isPlaying","id","isWatchedAdChapter","Number","adsOn","showAd","useMemo","firebaseApp","initializeApp","apiKey","process","authDomain","databaseURL","projectId","storageBucket","messagingSenderId","appId","measurementId","remoteConfig","getRemoteConfig","fetchAndActivate","then","getBoolean","getChapterType","endingChapterIds","finalEndingChapterIndex","isWholePurchased","lastPreviewIndex","isWaitingTimeZero","isEnding","find","chapterType","getChapterViewData","storyPrice","chapters","coinForRestart","thumbnail","introImageUrl","mainImageUrl","isStoryGame","filter","finalEnding","endingId","viewData","chapterPrice","chapterName","name","hasGraphIcon","hasNewBadge","hasBGM","subText","endingText","subTextColor","isLocked","isGray","isDisable","toastMessage","showEndingView","showStat","showTimeLeap","needWholePurchase","isTimeLeapFree","showPrice","shouldShowTimeLeapOnChapterClick","firstChapter","item","currentPlayingChapter","isCurrentChapterEnding","nextChapter","firstIndexOfWaiting","endingChapter","convertCharName","displayName","firstName","lastName","formatWaitingTime","seconds"],"sourceRoot":""}