{"version":3,"file":"static/chunks/pages/payment/failed-92e6ebc55174d2cc.js","mappings":"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","sources":["webpack://_N_E/?50e4","webpack://_N_E/./src/components/icons/arrow.tsx","webpack://_N_E/./src/components/web-checkout/payment-failed/payment-failed.styles.tsx","webpack://_N_E/./public/assets/payment-error-failed.png","webpack://_N_E/./src/components/web-checkout/payment-failed/payment-failed.tsx","webpack://_N_E/./src/hooks/pages/use-payment-failed/use-payment-failed.ts","webpack://_N_E/./src/styles/pages/kredivo-payment.styles.tsx","webpack://_N_E/./src/pages/payment/failed.tsx","webpack://_N_E/./src/styles/pages/web-checkout.styles.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/payment/failed\",\n      function () {\n        return require(\"private-next-pages/payment/failed.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/payment/failed\"])\n      });\n    }\n  ","import React from \"react\";\nimport { StyledArrow } from \"./icons.styles\";\nimport { IIcon } from \"./icons.types\";\n\nconst Arrow: React.FC<IIcon> = ({\n  width = 16,\n  height = 16,\n  color = \"currentColor\",\n  direction = \"left\"\n}) => (\n  <StyledArrow\n    direction={direction}\n    width={width}\n    height={height}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M2.31992 9.16013H10.0799C10.1465 9.15973 10.2117 9.1793 10.2671 9.21632C10.3225 9.25333 10.3656 9.3061 10.3907 9.36781C10.4158 9.42951 10.4218 9.49733 10.408 9.56251C10.3942 9.62769 10.3612 9.68723 10.3133 9.73346L8.89992 11.1268C8.80538 11.2193 8.73027 11.3298 8.67899 11.4517C8.6277 11.5736 8.60129 11.7045 8.60129 11.8368C8.60129 11.9691 8.6277 12.1 8.67899 12.2219C8.73027 12.3438 8.80538 12.4543 8.89992 12.5468L9.20658 12.8535C9.39545 13.0356 9.64758 13.1373 9.90992 13.1373C10.1723 13.1373 10.4244 13.0356 10.6133 12.8535L13.8133 9.70013C14.2838 9.24775 14.585 8.64772 14.6666 8.00013C14.5871 7.35664 14.2908 6.75941 13.8266 6.3068L10.6266 3.15346C10.4377 2.97137 10.1856 2.86963 9.92325 2.86963C9.6609 2.86963 9.40878 2.97137 9.21992 3.15346L8.91325 3.45346C8.81851 3.54654 8.74326 3.65756 8.69189 3.78003C8.64053 3.90251 8.61407 4.03399 8.61407 4.1668C8.61407 4.29961 8.64053 4.43109 8.69189 4.55356C8.74326 4.67604 8.81851 4.78705 8.91325 4.88013L10.3266 6.27346C10.3757 6.31871 10.4097 6.37791 10.4242 6.4431C10.4386 6.50828 10.4327 6.57633 10.4073 6.63806C10.3819 6.6998 10.3381 6.75226 10.282 6.78839C10.2258 6.82452 10.16 6.84258 10.0933 6.84013H2.33325C2.06804 6.84013 1.81369 6.94549 1.62615 7.13302C1.43861 7.32056 1.33325 7.57491 1.33325 7.84013V8.16013C1.33323 8.42305 1.43676 8.67541 1.62142 8.86257C1.80608 9.04972 2.05702 9.15662 2.31992 9.16013Z\"\n      fill={color}\n    />\n  </StyledArrow>\n);\n\nexport { Arrow };\n","import { Button } from \"components/atoms/button/button\";\nimport { breakpoints, sizes } from \"styles\";\nimport styled from \"styled-components\";\n\nexport const PaymentFailedContainer = styled.div<{\n  layout: \"normal\" | \"modal\";\n}>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 0px 32px 16px;\n  padding: 32px;\n  background: ${({ theme }) => theme.colors.white};\n  border-radius: 10px;\n  @media ${breakpoints.laptop} {\n    justify-content: center;\n    ${({ layout, theme }) =>\n      layout === \"normal\" &&\n      `width: ${sizes.kredivoPaymentCardWidth.tablet};\n    border: 3px solid ${theme.colors.periwinkle[500]};`}\n  }\n`;\n\nexport const ImageAndDetailsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n`;\n\nexport const ImageContainer = styled.div`\n  height: 220px;\n  width: 220px;\n\n  @media ${breakpoints.laptop} {\n    height: 220px;\n    width: 220px;\n  }\n`;\n\nexport const DetailsContainer = styled.div`\n  margin-top: 4px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n`;\n\nexport const Heading = styled.h1`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: bold;\n  font-size: ${({ theme }) => theme.fontSizes.xl};\n  color: ${({ theme }) => theme.colors.neutral[900]};\n  margin: 24px 0 0 0;\n  @media ${breakpoints.tablet} {\n    margin-top: 36px 0 0 0;\n    font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n  }\n`;\n\nexport const Subheading = styled.p`\n  text-align: center;\n  margin: 8px 0 0 0;\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-style: normal;\n  font-weight: normal;\n  font-size: ${({ theme }) => theme.fontSizes.sm};\n  color: ${({ theme }) => theme.colors.neutral[600]};\n\n  @media ${breakpoints.tablet} {\n    margin: 16px 0 0 0;\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n  }\n`;\n\nexport const CTAContainer = styled.div`\n  width: 100%;\n  margin-top: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  @media ${breakpoints.laptop} {\n    margin-top: 40px;\n    max-width: 240px;\n  }\n`;\n\nexport const StyledButton = styled(Button)`\n  width: 100%;\n  max-width: 280px;\n`;\n\nexport const LaterCTA = styled.button`\n  background-color: ${({ theme }) => theme.colors.white};\n  color: ${({ theme }) => theme.colors.brand[500]};\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: bold;\n  font-size: 16px;\n  margin-top: 20px;\n  border: 0;\n`;\nexport const HelpNeededContainer = styled.div`\n  background: ${({ theme }) => theme.colors.neutral[50]};\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 24px;\n`;\nexport const HelpNeededHeadingContainer = styled.div`\n  display: flex;\n  gap: 6px;\n`;\nexport const HelpNeededHeading = styled.h4`\n  line-height: 28px;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  color: ${({ theme }) => theme.colors.neutral[900]};\n\n  font-style: normal;\n  font-weight: bold;\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.lg};\n`;\n\nexport const HelpNeededSubHeading = styled.p`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  color: ${({ theme }) => theme.colors.neutral[500]};\n\n  font-style: normal;\n  font-size: ${({ theme }) => theme.fontSizes.sm};\n`;\n\nexport const HelpNeededCTA = styled.button`\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  color: ${({ theme }) => theme.colors.brand[500]};\n  cursor: pointer;\n`;\n","export default {\"src\":\"/_next/static/media/payment-error-failed.c9dbaadd.png\",\"height\":220,\"width\":220,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAclBMVEVZ0aP573T/5rNItpP/vLf/7s/1+Nv/+KP9733++tfe6ccul4N53K/q2IbV4LuotagynYaXtdBYwZupvdJdrG9ggtuwxcn/+uhu2qz//97897H55ZhNdtn/ur3l/Mx9l8b29KzO2+CSxYo9cv3/+pEomomj8B1/AAAAGHRSTlNK/gUHdP5LR0o9/kFD/v3+TPz+/kf+/Tnw+ONUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAARklEQVR4nAXBhQGAMBAEsKt+BdcaDvuvSAJujTHactiYGDvjCqliOtqXIDd1leIIlOvxmTNB767pl3tCFUIIw+chAKDz4geLRwPsKzvU+wAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":8};","import {\n  PaymentFailedContainer,\n  ImageContainer,\n  ImageAndDetailsContainer,\n  DetailsContainer,\n  Heading,\n  Subheading,\n  CTAContainer,\n  StyledButton,\n  HelpNeededHeadingContainer,\n  HelpNeededHeading,\n  HelpNeededContainer,\n  HelpNeededSubHeading,\n  HelpNeededCTA\n} from \"./payment-failed.styles\";\nimport Image from \"next/legacy/image\";\nimport PaymentErrorFailedImage from \"public/assets/payment-error-failed.png\";\nimport { IPaymentFailedProps } from \"./payment-failed.types\";\nimport { Callout } from \"components/icons/callout\";\nimport { Arrow } from \"components/icons/arrow\";\nconst PaymentFailed: React.FC<IPaymentFailedProps> = ({\n  subheading = \"CoLearn belum terima danamu. Silakan coba lagi, ya.\",\n  isCTAVisible = false,\n  layout = \"normal\",\n  isHelpNeededSectionVisible,\n  onCTAClickAction,\n  onChatClickAction\n}) => {\n  return (\n    <PaymentFailedContainer layout={layout}>\n      <ImageAndDetailsContainer>\n        <ImageContainer>\n          <Image\n            height=\"220\"\n            width=\"220\"\n            layout=\"responsive\"\n            alt=\"payment-failed\"\n            src={PaymentErrorFailedImage}\n          ></Image>\n        </ImageContainer>\n        <DetailsContainer>\n          <Heading>Pembayaran nggak berhasil</Heading>\n          <Subheading>{subheading}</Subheading>\n        </DetailsContainer>\n      </ImageAndDetailsContainer>\n      {isCTAVisible && (\n        <CTAContainer>\n          <StyledButton onClick={onCTAClickAction} variant=\"primary\">\n            Coba lagi\n          </StyledButton>\n        </CTAContainer>\n      )}\n      {isHelpNeededSectionVisible && (\n        <HelpNeededContainer>\n          <HelpNeededHeadingContainer>\n            <Callout /> <HelpNeededHeading>Butuh Bantuan?</HelpNeededHeading>\n          </HelpNeededHeadingContainer>\n          <HelpNeededSubHeading>\n            Hubungi Academic Counsellor aja.\n          </HelpNeededSubHeading>\n          <HelpNeededCTA onClick={onChatClickAction}>\n            Ngobrol lewat Whatsapp <Arrow />\n          </HelpNeededCTA>\n        </HelpNeededContainer>\n      )}\n    </PaymentFailedContainer>\n  );\n};\n\nexport { PaymentFailed };\n","import { createPayloadForWebCheckoutTrackingEvent } from \"utils/mixpanel/web-checkout/web-checkout-mixpanel-utils\";\nimport { useRouter } from \"next/router\";\nimport { useEffect } from \"react\";\nimport trackEvent from \"services/mixpanel/mixpanel\";\nimport { webCheckoutEventNames } from \"services/mixpanel/web-checkout-events\";\nimport { useAuth } from \"stores/auth/auth-context\";\nimport { IUsePaymentFailed } from \"./use-payment-failed.types\";\n\nconst usePaymentFailed = (): IUsePaymentFailed => {\n  const router = useRouter();\n  const { package: packageId, tenure: tenureId } = router.query;\n  const { user } = useAuth();\n\n  useEffect(() => {\n    const payload = createPayloadForWebCheckoutTrackingEvent({\n      useAuthData: user,\n      Class: true,\n      level: true,\n      packageType: packageId ? packageId : null,\n      tenureValue: tenureId ? tenureId : null,\n      userFlow: true,\n      failureReason: null\n    });\n    trackEvent({\n      eventName: webCheckoutEventNames.paymentFailed,\n      payload\n    });\n  }, []);\n\n  const onClickRetryPayment = (): void => {\n    const payload = createPayloadForWebCheckoutTrackingEvent({\n      useAuthData: user,\n      Class: true,\n      level: true,\n      packageType: packageId ? packageId : null,\n      tenureValue: tenureId ? tenureId : null,\n      userFlow: true,\n      failureReason: null\n    });\n    trackEvent({\n      eventName: webCheckoutEventNames.retryClickedAfterPaymentFailed,\n      payload\n    });\n  };\n\n  const onChatClick = (): void => {\n    const payload = createPayloadForWebCheckoutTrackingEvent({\n      useAuthData: user,\n      Class: true,\n      level: true,\n      packageType: packageId ? packageId : null,\n      tenureValue: tenureId ? tenureId : null,\n      userFlow: true,\n      failureReason: null\n    });\n    trackEvent({\n      eventName: webCheckoutEventNames.chatClickedPaymentPopup,\n      payload\n    });\n  };\n\n  return { onClickRetryPayment, onChatClick };\n};\n\nexport { usePaymentFailed };\n","import styled from \"styled-components\";\nimport { Main } from \"./web-checkout.styles\";\n\nexport const PaymentMain = styled(Main)`\n  align-items: center;\n  justify-content: center;\n`;\n","import { PaymentFailed } from \"components/web-checkout/payment-failed/payment-failed\";\nimport { usePaymentFailed } from \"hooks/pages/use-payment-failed/use-payment-failed\";\nimport { PaymentMain } from \"styles/pages/kredivo-payment.styles\";\n\nconst Failed: React.FC = () => {\n  const { onChatClick, onClickRetryPayment } = usePaymentFailed();\n\n  return (\n    <PaymentMain>\n      <PaymentFailed\n        onCTAClickAction={onClickRetryPayment}\n        onChatClickAction={onChatClick}\n      />\n    </PaymentMain>\n  );\n};\n\nexport default Failed;\n","import styled from \"styled-components\";\nimport Link from \"next/link\";\nimport { breakpoints, sizes, zIndex } from \"styles\";\n\nexport const Main = styled.main`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  flex-grow: 1;\n  overflow-y: hidden;\n\n  @media ${breakpoints.tablet} {\n    flex-direction: row;\n    align-items: start;\n    padding-top: 3%;\n    justify-content: center;\n    gap: 60px;\n  }\n`;\nexport const MobileCTAWrapper = styled.div`\n  display: flex;\n  position: sticky;\n  background: ${({ theme }) => theme.colors.white};\n  left: 0;\n  right: 0;\n  bottom: 0;\n  justify-content: center;\n  padding: 16px;\n  z-index: ${zIndex.stickySelectedPackage};\n  @media ${breakpoints.tablet} {\n    display: none;\n  }\n`;\nexport const CTALink = styled(Link)`\n  width: 100%;\n`;\n\nexport const Card = styled.div`\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  background: ${({ theme }) => theme.colors.white};\n  border-radius: 10px;\n  padding: 24px 16px;\n  position: relative;\n  @media ${breakpoints.tablet} {\n    flex-grow: unset;\n    padding: 32px;\n    width: ${sizes.checkoutCardWidth.tablet};\n    box-shadow: 0 0 30px ${({ theme }) => theme.colors.transparent.white10};\n  }\n`;\n\nexport const CardHeading = styled.h1`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-style: normal;\n  font-weight: bold;\n  font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n  line-height: 40px;\n  color: ${({ theme }) => theme.colors.neutral[900]};\n  margin: 0;\n`;\n\nexport const CardSubHeading = styled.p`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  margin: 4px 0 12px 0;\n  font-weight: normal;\n  line-height: 24px;\n  font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    line-height: 24px;\n  }\n`;\n\nexport const SummaryCardWrapper = styled.div`\n  display: none;\n  @media ${breakpoints.laptop} {\n    display: block;\n  }\n`;\nexport const SummaryPageSummaryCardWrapper = styled.div`\n  @media ${breakpoints.laptop} {\n    display: block;\n  }\n`;\nexport const ButtonContentWithIcon = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n`;\n\nexport const TenurePageWrapper = styled.div`\n  display: flex;\n  flex-direction: column-reverse;\n  gap: 50px;\n  @media ${breakpoints.tablet} {\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    gap: unset;\n  }\n`;\nexport const SummaryPageMain = styled(Main)`\n  flex-direction: column-reverse;\n  @media ${breakpoints.tablet} {\n    flex-direction: row;\n  }\n`;\n\nexport const PaymentBreakdownWrapper = styled.div`\n  @media ${breakpoints.tablet} {\n    display: none;\n  }\n`;\n"],"names":["window","__NEXT_P","push","__webpack_require__","Arrow","width","height","color","direction","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","StyledArrow","viewBox","fill","xmlns","path","d","PaymentFailedContainer","styled","div","withConfig","theme","colors","white","breakpoints","laptop","layout","sizes","kredivoPaymentCardWidth","tablet","concat","periwinkle","ImageAndDetailsContainer","ImageContainer","DetailsContainer","Heading","h1","fonts","primary","fontSizes","xl","neutral","Subheading","p","secondary","sm","CTAContainer","StyledButton","Button","button","brand","HelpNeededContainer","HelpNeededHeadingContainer","HelpNeededHeading","h4","lg","HelpNeededSubHeading","HelpNeededCTA","payment_error_failed","PaymentFailed","subheading","isCTAVisible","isHelpNeededSectionVisible","onCTAClickAction","onChatClickAction","jsx_runtime","jsxs","Image","alt","src","PaymentErrorFailedImage","onClick","variant","Callout","usePaymentFailed","package","packageId","tenure","tenureId","router","useRouter","query","user","useAuth","useEffect","payload","createPayloadForWebCheckoutTrackingEvent","useAuthData","Class","level","packageType","tenureValue","userFlow","failureReason","trackEvent","eventName","webCheckoutEventNames","paymentFailed","onClickRetryPayment","retryClickedAfterPaymentFailed","onChatClick","chatClickedPaymentPopup","PaymentMain","Main","failed","main","zIndex","stickySelectedPackage","Link","Card","checkoutCardWidth","transparent","white10","CardHeading","CardSubHeading","SummaryCardWrapper","SummaryPageSummaryCardWrapper","ButtonContentWithIcon","SummaryPageMain","PaymentBreakdownWrapper"],"sourceRoot":""}