{"version":3,"sources":["components/PayLater/index.js","components/PayLater/query.gql.js","components/PaymentOptions/StackedPaymentOptions.js","components/PaymentOptions/hooks.js","components/PayWith/index.js","components/PaymentOptions/PaymentOptions.css"],"names":["PayLater","lazyComponent","id","loading","PayLaterContainer","props","featureSplitTenderGate","useFeature","data","shipToData","payLaterContext","usePayLaterContext","offers","useCreditOffers","isSplitReady","useQuery","PAY_LATER_QUERY","variables","token","getToken","creditPpcOffersGqlParams","fetchPolicy","hasPayLaterParam","params","payLater","hasCreditParam","credit","useEffect","euat","redirectToLogin","filteredOffers","filter","offer","content","OfferCategory","gplOffer","find","Product","getCountry","toLowerCase","selectGplOfferDe","selectGplOffer","ppcOffer","selectPpcOffer","payLaterState","selectedAddressId","userSelectedAddressId","processGplOffer","processPpcOffer","isLoading","checkoutSession","definitions","names","definition","kind","name","value","FundingOptionFragment","CreditOfferFragment","StackedPaymentOptions","data-testid","className","styles","container","showTitle","PAYMENT_OPTIONS_TABS","PAY_SPLIT","slug","panelId","label","getContent","PAY_NOW","PAY_LATER","QUERY","CREDIT_OFFERS_QUERY","creditPPCOffers","hasGPL","some","usePaymentOptionsTabs","tabs","payContext","usePayContext","useEligibilityContext","hasPayLaterIntent","showGPLOffer","selectedTab","payState","selectedTabIdx","findIndex","tab","fundingOptions","prevFundingOptionsLength","usePrevious","length","creditSelectedFundingOption","fundingOption","allPlans","plan","isSelected","isPayLaterFundingInstrument","fundingInstrument","firstFi","setSelectedTab","useCallback","tabSlug","setPayState","setSelectedFiId","undefined","updateFeature","visible","availableFundingOptions","fundingOptionsToCSV","flags","defaultTab","logger","fpti","TRANSITION_PAYLOAD","from","to","default_tab","available_tabs","map","join","available_funding_options","view_name","document","title","handleChangeTab","event","index","showSplitExperience","selectedSplitFundingInstruments","showSplitContinue","PayWithContainer","Feature","queries","query","PayWithQueryDocument","threeDsExperienceVars","context","planningBatch","subscribeTo","LoadingComponent","Loading","shouldKeepLoadingStateOnError","contingencies","module","exports"],"mappings":"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","file":"js/StackedPaymentOptions~36f0a649.f5fa20f0.js","sourcesContent":["import React, { useEffect } from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport { getToken } from '@paypalcorp/c3-shared-globals';\nimport { lazyComponent } from '@/lib/lazyLoad';\nimport Loading from '@/components/PayWith/Loading';\nimport { PAY_LATER_QUERY } from './query.gql';\nimport { creditPpcOffersGqlParams } from '@/lib/credit';\nimport { useFeature } from '../Feature/hooks';\nimport { params } from '@paypalcorp/c3-util-browser';\nimport { usePayLaterContext } from '@/components/ContextProviders';\nimport { useCreditOffers } from '@/components/PaymentOptions/hooks';\nimport { getCountry } from '@paypalcorp/c3-shared-globals';\nimport { redirectToLogin } from '@/lib/redirects';\n\nconst PayLater = lazyComponent(() => import('./PayLater'), {\n  id: 'PAY_LATER',\n  loading: () => <Loading />,\n});\n\nfunction PayLaterContainer(props) {\n  const featureSplitTenderGate = useFeature('SPLIT_TENDER_GATE');\n  const { data: shipToData = {} } = useFeature('SHIP_TO');\n  const payLaterContext = usePayLaterContext();\n  const { offers } = useCreditOffers();\n  const isSplitReady = featureSplitTenderGate?.data?.isSplitReady;\n  const { loading, data } = useQuery(PAY_LATER_QUERY, {\n    variables: { token: getToken(), ...creditPpcOffersGqlParams() },\n    fetchPolicy: 'cache-only',\n  });\n  const hasPayLaterParam = params().payLater === '1';\n  const hasCreditParam = params().credit === '1';\n\n  useEffect(() => {\n    // Temporary while working creditapplyweb fix.\n    if (params().euat && (hasPayLaterParam || hasCreditParam)) {\n      return redirectToLogin('EUAT_LOGIN');\n    }\n\n    const filteredOffers = offers.filter((offer) => offer?.content?.OfferCategory !== 'REUSE');\n\n    if (hasPayLaterParam) {\n      const gplOffer = filteredOffers.find((offer) => offer?.content?.Product === 'GPL');\n      if (gplOffer) {\n        if (getCountry().toLowerCase() === 'de') {\n          payLaterContext.selectGplOfferDe(gplOffer);\n        } else {\n          payLaterContext.selectGplOffer(gplOffer);\n        }\n      }\n    }\n\n    if (hasCreditParam) {\n      const ppcOffer = filteredOffers.find((offer) => offer?.content?.Product === 'PPC');\n      if (ppcOffer) {\n        payLaterContext.selectPpcOffer(ppcOffer);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    const offer = payLaterContext.payLaterState.offer;\n    if (!offer) {\n      return;\n    }\n\n    if (hasPayLaterParam) {\n      const selectedAddressId = shipToData?.userSelectedAddressId || '';\n      payLaterContext.processGplOffer(selectedAddressId);\n    } else if (hasCreditParam) {\n      payLaterContext.processPpcOffer();\n    }\n  }, [payLaterContext.payLaterState.offer]);\n\n  if (isSplitReady) {\n    return null;\n  }\n\n  return <PayLater {...props} isLoading={loading} checkoutSession={data?.checkoutSession} />;\n}\n\nexport default PayLaterContainer;\n","import { FundingOptionFragment } from '@paypalcorp/c3-graphql-fragments';\nimport gql from 'graphql-tag';\nimport { CreditOfferFragment } from '@/components/CreditOffer';\n\nexport const PAY_LATER_QUERY = gql`\n  ${FundingOptionFragment}\n  ${CreditOfferFragment}\n  query PayLaterQuery($areCookiesDisabled: Boolean, $isIframe: Boolean, $token: String!) {\n    checkoutSession(token: $token) {\n      fundingOptions(returnAllPlans: true, groupSourcesOnType: INCENTIVE) {\n        ...FundingOptionFragment\n      }\n      creditPPCOffers(areCookiesDisabled: $areCookiesDisabled, isIframe: $isIframe) {\n        ...CreditOfferFragment\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PayWith from '@/components/PayWith';\nimport PayLater from '@/components/PayLater';\nimport styles from './PaymentOptions.css';\n\nexport default function StackedPaymentOptions() {\n  return (\n    <div data-testid=\"stacked-payment-options\" className={styles.container}>\n      <PayWith />\n      <PayLater showTitle />\n    </div>\n  );\n}\n","import { useCallback, useEffect } from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport { usePrevious } from 'react-use';\nimport gql from 'graphql-tag';\nimport { logger, TRANSITION_PAYLOAD } from '@paypalcorp/c3-util-logger';\nimport { getToken } from '@paypalcorp/c3-shared-globals';\nimport { updateFeature, isPayLaterFundingInstrument } from '@paypalcorp/c3-util-store';\nimport { FundingOptionFragment } from '@paypalcorp/c3-graphql-fragments';\nimport getContent from '@/lib/content';\nimport { fundingOptionsToCSV } from '@/lib/fpti';\nimport { creditPpcOffersGqlParams } from '@/lib/credit';\nimport { useEligibilityContext, usePayContext } from '@/components/ContextProviders';\nimport { useFeature } from '@/components/Feature/hooks';\nimport { CreditOfferFragment } from '@/components/CreditOffer';\n\nexport const PAYMENT_OPTIONS_TABS = {\n  PAY_SPLIT: {\n    id: 'paywith-tab-split',\n    slug: 'PAY_SPLIT',\n    panelId: 'paywith-panel-split',\n    label: getContent('splitTender.cta.main'),\n  },\n  PAY_NOW: {\n    id: 'paywith-tab-now',\n    slug: 'PAY_NOW',\n    panelId: 'paywith-panel-now',\n    label: getContent('paymentOptions.payNowTitle'),\n  },\n  PAY_LATER: {\n    id: 'paywith-tab-later',\n    slug: 'PAY_LATER',\n    panelId: 'paywith-panel-later',\n    label: getContent('paymentOptions.payLaterTitle'),\n  },\n};\n\nexport const QUERY = gql`\n  ${FundingOptionFragment}\n  query TabbedPaymentOptionsQuery($token: String!) {\n    checkoutSession(token: $token) {\n      fundingOptions(returnAllPlans: true, groupSourcesOnType: INCENTIVE) {\n        ...FundingOptionFragment\n      }\n    }\n  }\n`;\n\nconst CREDIT_OFFERS_QUERY = gql`\n  ${CreditOfferFragment}\n  query CreditOffersQuery($token: String!, $areCookiesDisabled: Boolean, $isIframe: Boolean) {\n    checkoutSession(token: $token) {\n      creditPPCOffers(areCookiesDisabled: $areCookiesDisabled, isIframe: $isIframe) {\n        ...CreditOfferFragment\n      }\n    }\n  }\n`;\n\n/**\n * Gets the available credit offers as well as if there's a GPL offer\n */\nexport function useCreditOffers() {\n  const { data } = useQuery(CREDIT_OFFERS_QUERY, {\n    variables: { token: getToken(), ...creditPpcOffersGqlParams() },\n    fetchPolicy: 'cache-only',\n  });\n  const offers = data?.checkoutSession?.creditPPCOffers || [];\n\n  return {\n    hasGPL: offers.some(({ content }) => content.Product === 'GPL'),\n    offers,\n  };\n}\n\n/**\n * Returns and sets the current payment options tab\n */\nexport function usePaymentOptionsTabs(tabs) {\n  const featureSplitTenderGate = useFeature('SPLIT_TENDER_GATE');\n  const payContext = usePayContext();\n  const { hasPayLaterIntent, showGPLOffer } = useEligibilityContext();\n  const { offers } = useCreditOffers();\n  const { selectedTab } = payContext.payState;\n  const selectedTabIdx = tabs.findIndex((tab) => tab.slug === selectedTab);\n  const { data } = useQuery(QUERY, { variables: { token: getToken() }, fetchPolicy: 'cache-only' });\n  const fundingOptions = data?.checkoutSession?.fundingOptions || [];\n  const prevFundingOptionsLength = usePrevious(fundingOptions.length);\n  const creditSelectedFundingOption = fundingOptions?.find(\n    (fundingOption) =>\n      fundingOption.allPlans?.some((plan) => plan?.isSelected) &&\n      isPayLaterFundingInstrument(fundingOption?.fundingInstrument)\n  );\n  const firstFi = fundingOptions?.find(\n    (fundingOption) => !isPayLaterFundingInstrument(fundingOption?.fundingInstrument)\n  );\n  const setSelectedTab = useCallback(\n    (tabSlug) => {\n      if (selectedTab === tabSlug) {\n        return;\n      }\n\n      if (!tabs.find((tab) => tab.slug === tabSlug)) {\n        return;\n      }\n\n      payContext.setPayState({ selectedTab: tabSlug });\n\n      if (tabSlug === 'PAY_LATER') {\n        if (creditSelectedFundingOption) {\n          payContext.setSelectedFiId(creditSelectedFundingOption?.id);\n        } else {\n          payContext.setSelectedFiId(undefined);\n        }\n      }\n\n      if (tabSlug === 'PAY_NOW') {\n        payContext.setSelectedFiId(firstFi?.id);\n\n        if (fundingOptions.length > 0) {\n          updateFeature('REVIEW_PAGE_ALERT', {\n            visible: false,\n          });\n        }\n      }\n    },\n    [creditSelectedFundingOption, firstFi, fundingOptions.length, payContext, selectedTab, tabs]\n  );\n  const availableFundingOptions = fundingOptionsToCSV({\n    fundingOptions,\n    creditPPCOffers: offers,\n    flags: { showGPLOffer },\n  });\n\n  /**\n   * Set a default selected tab and log when we've rendered the tabs\n   */\n  useEffect(() => {\n    if (prevFundingOptionsLength === fundingOptions.length) {\n      return;\n    }\n\n    const defaultTab =\n      fundingOptions.length < 1 || creditSelectedFundingOption || hasPayLaterIntent\n        ? 'PAY_LATER'\n        : 'PAY_NOW';\n    setSelectedTab(defaultTab);\n\n    logger.fpti(\n      'RENDER_TABS',\n      TRANSITION_PAYLOAD({\n        from: 'REVIEW',\n        to: 'prepare_review_tabs',\n        default_tab: defaultTab.toLowerCase(),\n        available_tabs: tabs.map(({ slug }) => slug.toLowerCase()).join(','),\n        available_funding_options: availableFundingOptions,\n        view_name: 'tab_view',\n      })\n    );\n  }, [\n    availableFundingOptions,\n    creditSelectedFundingOption,\n    fundingOptions.length,\n    hasPayLaterIntent,\n    prevFundingOptionsLength,\n    setSelectedTab,\n    tabs,\n  ]);\n\n  /**\n   * Update the page title based on the selected tab\n   */\n  useEffect(() => {\n    if (document) {\n      document.title = `PayPal Checkout | ${PAYMENT_OPTIONS_TABS[selectedTab].label}`;\n    }\n  }, [selectedTab]);\n\n  /**\n   * Handle changing the selected tab\n   * @param {Event} event change tab event\n   * @param {String} index the tab index to select\n   */\n  function handleChangeTab(event, index) {\n    const slug = tabs[index]?.slug;\n    const showSplitExperience = slug === 'PAY_SPLIT';\n    const isSplitReady =\n      showSplitExperience &&\n      !!featureSplitTenderGate?.data?.selectedSplitFundingInstruments?.length;\n\n    setSelectedTab(slug);\n    updateFeature('SPLIT_TENDER_GATE', {\n      data: {\n        showSplitExperience,\n        isSplitReady,\n        showSplitContinue: isSplitReady,\n      },\n    });\n    const to = `select_${slug.toLowerCase()}`;\n\n    logger.fpti(\n      to,\n      TRANSITION_PAYLOAD({\n        from: 'review',\n        to,\n        available_funding_options: availableFundingOptions,\n        view_name: 'tab_view',\n      })\n    );\n  }\n\n  return {\n    selectedTab,\n    selectedTabIdx,\n    setSelectedTab,\n    handleChangeTab,\n  };\n}\n","import { getToken } from '@paypalcorp/c3-shared-globals';\nimport Feature from '@/components/Feature';\nimport Loading from './Loading';\nimport { PayWithQueryDocument } from '@paypalcorp/c3-graphql-fragments';\nimport { threeDsExperienceVars } from '@paypalcorp/c3-util-threed-ds';\n\nconst PayWithContainer = Feature({\n  id: 'PAY_WITH',\n  queries: [\n    {\n      query: PayWithQueryDocument,\n      variables: threeDsExperienceVars({ token: getToken() }),\n      context: { planningBatch: true },\n    },\n  ],\n  subscribeTo: [\n    'SHOW_MORE_FUNDING_OPTIONS',\n    'CVV_CONFIRMATION',\n    'THREE_DS_CONFIRMATION',\n    'CREDIT_OFFER_AS_FI',\n    'CREDIT_OFFER_AS_FI_DE',\n    'CREDIT_SINGLE_FI_DISPLAY',\n    'SELECT_FI',\n    'INSTALLMENTS_DISPLAY',\n    'SPLIT_TENDER_GATE',\n    'ADD_FI',\n  ],\n  LoadingComponent: Loading,\n  shouldKeepLoadingStateOnError: true,\n  contingencies: [\n    'CC_AUTHORIZATION_DECLINED',\n    'NEED_CREDIT_CARD',\n    'NEED_CREDIT_CARD_OR_BANK_ACCOUNT',\n    'CC_PROCESSOR_DECLINED',\n    'SELL_CRYPTOCURRENCY_ERROR',\n  ],\n})(() => import('./PayWithContainer'));\n\nexport default PayWithContainer;\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"payLaterTabText\":\"PaymentOptions_payLaterTabText_2g9v8\",\"badge\":\"PaymentOptions_badge_13ooX\",\"container\":\"PaymentOptions_container_1ELkE\"};"],"sourceRoot":""}