{"version":3,"sources":["components/CvvConfirmation/lib/utils.js","components/CancelLink/query.gql.js","components/CartDropdown/index.js","components/CartDropdown/CartDropdown.css","components/Disclaimer/Loading.js","components/Disclaimer/styles.css","components/CvvConfirmation/index.js","components/ThreeDSConfirmation/index.js","shared/components/Loading/Interstitial/styles.css","shared/components/Loading/Interstitial/index.js","App.css"],"names":["getValidationMessage","value","isValid","valueMissing","length","getContent","getCvvMetaData","cardType","cvvLength","getCardTypeInfo","code","size","verificationType","header","GET_CANCEL_LINK_QUERY","CartContainer","Feature","id","queries","query","variables","token","getToken","shouldLoadFeatureComponent","checkoutSession","allQueryData","data","get","animateOptions","animateHeight","animateContainerClass","styles","container","animateOpacity","module","exports","DisclaimerLoading","gradientId","uniqueStr","className","disclaimer","viewBox","style","width","height","marginBottom","x","y","rx","ry","fill","offset","stopColor","attributeName","values","dur","repeatCount","definitions","names","filter","definition","kind","name","FundingOptionFragment","PaymentContingenciesFragment","getFundingInstrument","paymentContingencies","contingency","confirmCreditCardCvvData","fundingOptions","fi","find","item","encryptedId","CvvContainer","interstitial","getIsLinkAndPay","interstitialOptions","type","headerTitleFunc","Boolean","onBeforeCloseFn","updateFeature","status","CHECKOUT_BUTTON_STATES","INITIAL","inContingencyFlow","LoadingComponent","InterstitialLoading","eligible","logger","cal","info","feature","visible","threeDsExperienceVars","fetchPolicy","ThreeDSConfirmation","flags","threeDomainSecure","getIsThreeDSError","fundingInstrument","allPlans","some","plan","isSelected","cardMessage","fiFormatName","lastDigits","message","card","is3DSecureRequired","clipPathId","svg","version","preserveAspectRatio","clipPath"],"mappings":"4FAAA,yFAOaA,EAAuB,SAACC,EAAOC,GAC1C,IAAMC,GAAgBF,EAAMG,OAE5B,OAAIF,EACK,GAGLC,EAEAE,YAAW,uDACXA,YAAW,oBAKbA,YAAW,sDAAwDA,YAAW,oBAIrEC,EAAiB,SAACC,GAC7B,IACMC,EADWC,YAAgBF,GAAUG,KAChBC,KACrBC,EAAgC,SAAbL,EAAsB,MAAQ,MAEvD,MAAO,CACLC,YACAI,mBACAC,OAAQR,YAAW,eAAeO,EAAoB,CAAER,OAAQI,O,kCChCpE,kCAAO,IAAMM,EAAqB,2nE,yIC8F5BC,G,KAAgBC,YAAQ,CAC5BC,GAAI,gBACJC,QAAS,CAAC,CAAEC,MAxFI,2iOAwFUC,UAAW,CAAEC,MAAOC,iBAC9CC,2BAbiC,SAAC,GAM7B,IAHOC,EAGR,EALJC,aAKI,GAHAC,KAAQF,gBAIZ,OAAQG,IAAIH,EAAiB,0BAO7BI,eAAgB,CACdC,eAAe,EACfC,sBAAuBC,IAAOC,UAC9BC,gBAAgB,IAPEjB,EASnB,+EAAM,kCAAN,oEAAa,mBAAb,iFAEYD,Q,qCC1GfmB,EAAOC,QAAU,CAAC,OAAS,4BAA4B,UAAY,+BAA+B,gBAAgB,mCAAmC,aAAe,mCAAmC,MAAQ,2BAA2B,eAAe,kCAAkC,YAAc,kCAAkC,YAAY,+BAA+B,SAAW,+BAA+B,aAAa,gCAAgC,UAAY,gCAAgC,gBAAgB,mCAAmC,YAAc,mCAAmC,IAAM,yBAAyB,MAAQ,6B,kCCDpoB,kFAIe,SAASC,IACtB,IAAMC,EAAaC,cAEnB,OACE,yBAAKC,UAAWR,IAAOS,YACrB,yBAAKC,QAAQ,aAAaC,MAAO,CAAEC,MAAO,IAAKC,OAAQ,GAAIC,aAAc,KACvE,0BACEC,EAAE,IACFC,EAAE,IACFC,GAAG,IACHC,GAAG,IACHN,MAAM,MACNC,OAAO,KACPF,MAAO,CAAEQ,KAAK,QAASb,EAAV,OAEf,8BACE,oCAAgBpB,GAAIoB,GAClB,0BAAMc,OAAO,WAAWC,UAAU,WAChC,6BAASC,cAAc,SAASC,OAAO,QAAQC,IAAI,KAAKC,YAAY,gBAEtE,0BAAML,OAAO,WAAWC,UAAU,WAChC,6BACEC,cAAc,SACdC,OAAO,YACPC,IAAI,KACJC,YAAY,gBAGhB,0BAAML,OAAO,UAAUC,UAAU,WAC/B,6BAASC,cAAc,SAASC,OAAO,QAAQC,IAAI,KAAKC,YAAY,sB,qBChClFtB,EAAOC,QAAU,CAAC,oBAAoB,YAAY,eAAiB,YAAY,sBAAsB,YAAY,iBAAmB,YAAY,WAAa,gC,+JCchJhB,EAAK,6BAdhB,SAACsC,GACC,IAAMC,EAAQ,GACd,OAAOD,EAAYE,QAAO,SAAAC,GACxB,GAAwB,uBAApBA,EAAWC,KACb,OAAO,EAET,IAAMC,EAAOF,EAAWE,KAAK7D,MAC7B,OAAIyD,EAAMI,KAGRJ,EAAMI,IAAQ,GACP,MAGG,iuEACdC,wBADc,YAEdC,+BAFc,uqBA6CZC,EAAuB,SAAC,GAMvB,IAAD,IALJxC,aAKI,GAHAC,KAAQF,uBAGR,MAH0B,GAG1B,EACJ,EAGIA,EAFF0C,qBAAkDC,GADpD,aACoE,GADpE,GAC0BC,yBAD1B,EAGI5C,EADF6C,eAEIC,EAAKH,SAJX,MAEmB,GAFnB,GAIyCI,MAAK,SAACC,GAAD,OAAUA,EAAKvD,KAAOkD,EAAYM,eAEhF,MAAO,CAAEN,cAAaG,OAclBI,EAAe1D,YAAQ,CAC3BC,GAAI,mBACJ0D,cAAeC,cACfC,oBAAqB,CACnBC,KAAM,QACNC,gBA3CmB,SAACrD,GACtB,IAAQyC,EAAgBF,EAAqBvC,GAArCyC,YAER,OAAIa,QAAQb,GACS7D,YAAe6D,EAAYW,MAAtCjE,OAIH,IAoCLoE,gBAAiB,WAGfC,YAAc,kBAAmB,CAC/BxD,KAAM,CACJyD,OAAQC,IAAuBC,QAC/BC,mBAAmB,OAK3BC,iBAAkBC,IAClBjE,2BAjEiC,SAACG,GAAU,IAAD,EAC3C,EAA4BuC,EAAqBvC,GAAzCyC,EAAR,EAAQA,YAAaG,EAArB,EAAqBA,GACfmB,EAAWT,QAAQb,GAAeG,GAIxC,OAFAoB,SAAOC,IAAIC,KAAX,mCAAmDH,EAAnD,oBAAuE/D,QAAvE,IAAuEA,GAAvE,UAAuEA,EAAMmE,eAA7E,aAAuE,EAAeC,UAE/EL,GA4DPvE,QAAS,CACP,CACEC,MAAOA,EACPC,UAAW2E,YAAsB,CAAE1E,MAAOC,gBAE1C0E,YAAa,gBAxBEhF,EA2BlB,kFAAM,sEAAN,oEAAa,sBAAb,mFAEY0D,Q,+KCrGFvD,EAAK,6BAdhB,SAACsC,GACC,IAAMC,EAAQ,GACd,OAAOD,EAAYE,QAAO,SAAAC,GACxB,GAAwB,uBAApBA,EAAWC,KACb,OAAO,EAET,IAAMC,EAAOF,EAAWE,KAAK7D,MAC7B,OAAIyD,EAAMI,KAGRJ,EAAMI,IAAQ,GACP,MAGG,y7EACdC,wBADc,YAEdC,+BAFc,guBAwEZiC,EAAsBjF,YAAQ,CAClCC,GAAI,wBACJ0D,cAAeC,cACfC,oBAAqB,CACnBI,gBAAiB,WAGfC,YAAc,kBAAmB,CAC/BxD,KAAM,CACJyD,OAAQC,IAAuBC,QAC/BC,mBAAmB,OAK3BC,iBAAkBC,IAClBjE,2BA5DiC,SAAC,GAM7B,IAAD,IALJE,aAKI,GAHAC,KAAQF,uBAGR,MAH0B,GAG1B,EAEF0E,EAGE1E,EAHF0E,MADF,EAII1E,EAFF6C,sBAFF,MAEmB,GAFnB,IAII7C,EADF0C,qBAA2CC,GAH7C,aAG6D,GAH7D,GAG0BgC,kBAG1B,GAAIC,cAAqB,CACvB,IAAQC,GACNhC,EAAeE,MAAK,SAACD,GAAD,OAAQA,EAAGgC,SAASC,MAAK,SAACC,GAAD,OAAUA,EAAKC,kBAAgB,IADtEJ,kBAEJK,EAAc,OAEdL,IAEFK,EAAiBC,YAAaN,GAAnB,MAA2CA,EAAkBO,YAG1E1B,YAAc,oBAAqB,CACjCY,SAAS,EACTpE,KAAM,CACJmF,QAASxG,YAAW,kBAAmB,CAAEyG,KAAMJ,IAC/C5B,KAAM,WAKZ,OAAOE,QAAQb,IAAgB+B,EAAMa,oBA6BrC7F,QAAS,CACP,CACEC,MAAOA,EACPC,UAAW2E,YAAsB,CAAE1E,MAAOC,gBAC1C0E,YAAa,gBArBShF,EAwBzB,sFAAM,mCAAN,oEAAa,0BAAb,uFAEYiF,Q,qCChHf/D,EAAOC,QAAU,CAAC,IAAM,2B,mHC2CTqD,EAxCa,WAC1B,IAAMwB,EAAa1E,cACbD,EAAaC,cAEnB,OACE,yBACEC,UAAWR,IAAOkF,IAClBxE,QAAQ,aACRyE,QAAQ,MACRC,oBAAoB,gBACpBxE,MAAM,QAEN,0BACEyE,SAAQ,QAAUJ,EAAV,IACRlE,EAAE,IACFC,EAAE,IACFJ,MAAM,OACNC,OAAO,KACPF,MAAO,CAAEQ,KAAK,QAASb,EAAV,OAEf,8BACE,8BAAUpB,GAAI+F,GACZ,0BAAMlE,EAAE,IAAIC,EAAE,IAAIC,GAAG,IAAIC,GAAG,IAAIN,MAAM,OAAOC,OAAO,QAEtD,oCAAgB3B,GAAIoB,GAClB,0BAAMc,OAAO,OAAOC,UAAU,WAC5B,6BAASC,cAAc,SAASC,OAAO,QAAQC,IAAI,KAAKC,YAAY,gBAEtE,0BAAML,OAAO,OAAOC,UAAU,WAC5B,6BAASC,cAAc,SAASC,OAAO,YAAYC,IAAI,KAAKC,YAAY,gBAE1E,0BAAML,OAAO,OAAOC,UAAU,WAC5B,6BAASC,cAAc,SAASC,OAAO,QAAQC,IAAI,KAAKC,YAAY,qB,oBCnChFtB,EAAOC,QAAU,CAAC,uBAAuB,wBAAwB,kBAAoB,wBAAwB,kBAAkB,UAAU,cAAgB,UAAU,YAAc,wBAAwB,UAAY,sBAAsB,cAAgB,0BAA0B,QAAU","file":"js/experiences/Hermione~experiences/LinkPay~06837ae4.36f8ecdd.js","sourcesContent":["import { getCardTypeInfo } from '@checkout/react-components/components/FormElements/CardFields';\nimport getContent from '@/lib/content';\n\nexport const formatName = (name) => {\n  return getContent(`fsMappings.${name}`) || name.split('_').join(' ');\n};\n\nexport const getValidationMessage = (value, isValid) => {\n  const valueMissing = !value.length;\n\n  if (isValid) {\n    return '';\n  }\n\n  if (valueMissing) {\n    return (\n      getContent(`addCardFIError.CLIENT_VALIDATION_CARD_CVV_REQUIRED`) ||\n      getContent('addCard.required')\n    );\n  }\n\n  return (\n    getContent('addCardFIError.CLIENT_VALIDATION_CARD_CVV_INVALID') || getContent('addCard.invalid')\n  );\n};\n\nexport const getCvvMetaData = (cardType) => {\n  const codeInfo = getCardTypeInfo(cardType).code;\n  const cvvLength = codeInfo.size;\n  const verificationType = cardType === 'AMEX' ? 'csc' : 'cvv';\n\n  return {\n    cvvLength,\n    verificationType,\n    header: getContent(`contingency.${verificationType}`, { length: cvvLength }),\n  };\n};\n","import gql from 'graphql-tag';\n\nexport const GET_CANCEL_LINK_QUERY = gql`\n  query CancelLinkQuery($token: String!) {\n    checkoutSession(token: $token) {\n      merchant {\n        name\n      }\n      cart {\n        cancelUrl {\n          href\n        }\n        amounts {\n          total {\n            currencyCode\n          }\n        }\n        intent\n        paymentId\n        billingToken\n      }\n    }\n  }\n`;\n","import { getToken } from '@paypalcorp/c3-shared-globals';\nimport Feature from '@/components/Feature';\nimport gql from 'graphql-tag';\nimport get from 'dlv';\nimport styles from './CartDropdown.css';\nimport { isViewportSmall, isWebView } from '@paypalcorp/c3-util-browser';\n\n// Disable Auto Display for WebView and small screen\nconst shouldAutoDisplayNotes = () => !isWebView(navigator?.userAgent) && !isViewportSmall();\n\nexport const query = gql`\n  query CartQuery($token: String!) {\n    checkoutSession(token: $token) {\n      merchant {\n        name\n      }\n      flags {\n        hideCart\n        hideCartDetails\n        isWPS\n      }\n      cart {\n        cartId\n        noteToBuyer\n        intent\n        total {\n          currencyCode\n        }\n        amounts {\n          insurance {\n            currencyValue\n            currencyFormat\n          }\n          handlingFee {\n            currencyValue\n            currencyFormat\n          }\n          shipping {\n            currencyValue\n            currencyFormat\n          }\n          shippingDiscount {\n            currencyValue\n            currencyFormat\n          }\n          shippingAndHandling {\n            currencyValue\n            currencyFormat\n          }\n          tax {\n            currencyValue\n            currencyFormat\n          }\n          subtotal {\n            currencyValue\n            currencyFormat\n          }\n          total {\n            currencyValue\n            currencyFormat\n          }\n          discount {\n            currencyValue\n            currencyFormat\n          }\n        }\n        items {\n          name\n          description\n          details\n          number\n          unitPrice {\n            currencyValue\n            currencyFormat\n          }\n          quantity\n          total {\n            currencyValue\n            currencyFormat\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst shouldLoadFeatureComponent = ({\n  allQueryData: [\n    {\n      data: { checkoutSession },\n    },\n  ],\n}) => {\n  return !get(checkoutSession, 'flags.hideCartDetails');\n};\n\nconst CartContainer = Feature({\n  id: 'CART_DROPDOWN',\n  queries: [{ query: query, variables: { token: getToken() } }],\n  shouldLoadFeatureComponent,\n  animateOptions: {\n    animateHeight: true,\n    animateContainerClass: styles.container,\n    animateOpacity: true,\n  },\n})(() => import('./CartDropdown'));\n\nexport default CartContainer;\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"amount\":\"CartDropdown_amount_CJ3Nt\",\"container\":\"CartDropdown_container_2WiSE\",\"currency-code\":\"CartDropdown_currency-code_RHntY\",\"currencyCode\":\"CartDropdown_currency-code_RHntY\",\"group\":\"CartDropdown_group_1S4vn\",\"item-details\":\"CartDropdown_item-details_2EWA2\",\"itemDetails\":\"CartDropdown_item-details_2EWA2\",\"item-name\":\"CartDropdown_item-name_2Gf_B\",\"itemName\":\"CartDropdown_item-name_2Gf_B\",\"line-clamp\":\"CartDropdown_line-clamp_2fdhg\",\"lineClamp\":\"CartDropdown_line-clamp_2fdhg\",\"note-to-buyer\":\"CartDropdown_note-to-buyer_3wxNz\",\"noteToBuyer\":\"CartDropdown_note-to-buyer_3wxNz\",\"row\":\"CartDropdown_row_3RZH8\",\"total\":\"CartDropdown_total_2384q\"};","import React from 'react';\nimport { uniqueStr } from '@checkout/react-components';\nimport styles from './styles.css';\n\nexport default function DisclaimerLoading() {\n  const gradientId = uniqueStr();\n\n  return (\n    <div className={styles.disclaimer}>\n      <svg viewBox=\"0 0 300 10\" style={{ width: 300, height: 10, marginBottom: 10 }}>\n        <rect\n          x=\"0\"\n          y=\"0\"\n          rx=\"2\"\n          ry=\"2\"\n          width=\"300\"\n          height=\"10\"\n          style={{ fill: `url(#${gradientId})` }}\n        />\n        <defs>\n          <linearGradient id={gradientId}>\n            <stop offset=\"0.173983\" stopColor=\"#f3f3f3\">\n              <animate attributeName=\"offset\" values=\"-2; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n            </stop>\n            <stop offset=\"0.673983\" stopColor=\"#ecebeb\">\n              <animate\n                attributeName=\"offset\"\n                values=\"-1.5; 1.5\"\n                dur=\"2s\"\n                repeatCount=\"indefinite\"\n              />\n            </stop>\n            <stop offset=\"1.17398\" stopColor=\"#f3f3f3\">\n              <animate attributeName=\"offset\" values=\"-1; 2\" dur=\"2s\" repeatCount=\"indefinite\" />\n            </stop>\n          </linearGradient>\n        </defs>\n      </svg>\n    </div>\n  );\n}\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"ppui-font-size-xs\":\"0.6875rem\",\"ppuiFontSizeXs\":\"0.6875rem\",\"ppui-line-height-xs\":\"0.9375rem\",\"ppuiLineHeightXs\":\"0.9375rem\",\"disclaimer\":\"Disclaimer_disclaimer_2hOSn\"};","import gql from 'graphql-tag';\nimport Feature from '@/components/Feature';\n\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport { getToken, getIsLinkAndPay } from '@paypalcorp/c3-shared-globals';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport {\n  FundingOptionFragment,\n  PaymentContingenciesFragment,\n} from '@paypalcorp/c3-graphql-fragments';\nimport { InterstitialLoading } from '@/shared/components/Loading';\nimport { CHECKOUT_BUTTON_STATES } from '@/components/CheckoutButton/constants';\nimport { getCvvMetaData } from './lib/utils';\nimport { threeDsExperienceVars } from '@paypalcorp/c3-util-threed-ds';\n\nexport const query = gql`\n  ${FundingOptionFragment}\n  ${PaymentContingenciesFragment}\n  query CVV_CONFIRMATION_QUERY($experiences: [ThreeDSPaymentExperience], $token: String!) {\n    checkoutSession(token: $token) {\n      cart {\n        amounts {\n          total {\n            currencyCode\n          }\n        }\n      }\n      fundingOptions(returnAllPlans: true, groupSourcesOnType: INCENTIVE) {\n        ...FundingOptionFragment\n      }\n      paymentContingencies {\n        ...PaymentContingenciesFragment\n        threeDomainSecure(experiences: $experiences) {\n          ...ThreeDomainSecureFields\n        }\n      }\n    }\n  }\n`;\n\nconst shouldLoadFeatureComponent = (data) => {\n  const { contingency, fi } = getFundingInstrument(data);\n  const eligible = Boolean(contingency && fi);\n\n  logger.cal.info(`CVV_CONTINGENCY_STATUS_eligible_${eligible}_visible_${data?.feature?.visible}`);\n\n  return eligible;\n};\n\nconst getHeaderTitle = (data) => {\n  const { contingency } = getFundingInstrument(data);\n\n  if (Boolean(contingency)) {\n    const { header } = getCvvMetaData(contingency.type);\n    return header;\n  }\n\n  return '';\n};\n\nconst getFundingInstrument = ({\n  allQueryData: [\n    {\n      data: { checkoutSession = {} },\n    },\n  ],\n}) => {\n  const {\n    paymentContingencies: { confirmCreditCardCvvData: contingency } = {},\n    fundingOptions = [],\n  } = checkoutSession;\n  const fi = contingency && fundingOptions.find((item) => item.id === contingency.encryptedId);\n\n  return { contingency, fi };\n};\n\n/**\n *  @description `CvvConfirmation` component resolves the payment contingency through the interstitial page.\n *  It collects the 3 or 4 digit cvv and validates it.\n *\n *  @summary On clicking the continue button in the review page, if the selected FI needs to resolve the\n *  contingency then cvv interstitial will get triggered. As soon as user inputs cvv, it will automatically\n *  resolves the contingency.\n *\n *  Incase of Link and Pay (RT flow) `CvvConfirmation` displays as a page component with all the incentives\n *  available in a user account.\n */\nconst CvvContainer = Feature({\n  id: 'CVV_CONFIRMATION',\n  interstitial: !getIsLinkAndPay(),\n  interstitialOptions: {\n    type: 'modal',\n    headerTitleFunc: getHeaderTitle,\n    onBeforeCloseFn: () => {\n      // Reset `CHECKOUT_BUTTON` to `INITIAL` is needed so any future related payment contingencies\n      // can be captured and react\n      updateFeature('CHECKOUT_BUTTON', {\n        data: {\n          status: CHECKOUT_BUTTON_STATES.INITIAL,\n          inContingencyFlow: false,\n        },\n      });\n    },\n  },\n  LoadingComponent: InterstitialLoading,\n  shouldLoadFeatureComponent,\n  queries: [\n    {\n      query: query,\n      variables: threeDsExperienceVars({ token: getToken() }),\n\n      fetchPolicy: 'cache-only',\n    },\n  ],\n})(() => import('./CvvInterstitial'));\n\nexport default CvvContainer;\n","import gql from 'graphql-tag';\nimport Feature from '@/components/Feature';\n\nimport { getIsLinkAndPay, getIsThreeDSError, getToken } from '@paypalcorp/c3-shared-globals';\nimport getContent from '@/lib/content';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport { InterstitialLoading } from '@/shared/components/Loading';\nimport {\n  FundingOptionFragment,\n  PaymentContingenciesFragment,\n} from '@paypalcorp/c3-graphql-fragments';\nimport { CHECKOUT_BUTTON_STATES } from '@/components/CheckoutButton/constants';\nimport { fiFormatName } from '@/components/FundingInstrument/utilities';\nimport { threeDsExperienceVars } from '@paypalcorp/c3-util-threed-ds';\n\nexport const query = gql`\n  ${FundingOptionFragment}\n  ${PaymentContingenciesFragment}\n  query THREE_DS_CONFIRMATION_QUERY($experiences: [ThreeDSPaymentExperience], $token: String!) {\n    checkoutSession(token: $token) {\n      cart {\n        amounts {\n          total {\n            currencyCode\n          }\n        }\n      }\n      fundingOptions(returnAllPlans: true, groupSourcesOnType: INCENTIVE) {\n        ...FundingOptionFragment\n      }\n      flags {\n        is3DSecureRequired\n      }\n      paymentContingencies {\n        ...PaymentContingenciesFragment\n        threeDomainSecure(experiences: $experiences) {\n          ...ThreeDomainSecureFields\n        }\n      }\n    }\n  }\n`;\n\nconst shouldLoadFeatureComponent = ({\n  allQueryData: [\n    {\n      data: { checkoutSession = {} },\n    },\n  ],\n}) => {\n  const {\n    flags,\n    fundingOptions = [],\n    paymentContingencies: { threeDomainSecure: contingency } = {},\n  } = checkoutSession;\n\n  if (getIsThreeDSError()) {\n    const { fundingInstrument } =\n      fundingOptions.find((fi) => fi.allPlans.some((plan) => plan.isSelected)) || {};\n    let cardMessage = 'card';\n\n    if (fundingInstrument) {\n      // format content to show `CardName x-Last 4 Digits`\n      cardMessage = `${fiFormatName(fundingInstrument)} x-${fundingInstrument.lastDigits}`;\n    }\n\n    updateFeature('REVIEW_PAGE_ALERT', {\n      visible: true,\n      data: {\n        message: getContent('threeDS.decline', { card: cardMessage }),\n        type: 'error',\n      },\n    });\n  }\n\n  return Boolean(contingency) && flags.is3DSecureRequired;\n};\n\n/**\n *  @description `ThreeDSConfirmation` component resolves the payment contingency through the interstitial page.\n *  It renders the 3ds page inside the iframe and collects the security code.\n *\n *  @summary On clicking the continue button in the review page, if the selected FI needs to resolve the\n *  3ds contingency then the interstitial will get triggered. It loads the bank page in the iframe and\n *  resolves the contingency as soon as verification completed by the bank.\n *\n */\nconst ThreeDSConfirmation = Feature({\n  id: 'THREE_DS_CONFIRMATION',\n  interstitial: !getIsLinkAndPay(),\n  interstitialOptions: {\n    onBeforeCloseFn: () => {\n      // Reset `CHECKOUT_BUTTON` to `INITIAL` is needed so any future related payment contingencies\n      // can be captured and react\n      updateFeature('CHECKOUT_BUTTON', {\n        data: {\n          status: CHECKOUT_BUTTON_STATES.INITIAL,\n          inContingencyFlow: false,\n        },\n      });\n    },\n  },\n  LoadingComponent: InterstitialLoading,\n  shouldLoadFeatureComponent,\n  queries: [\n    {\n      query: query,\n      variables: threeDsExperienceVars({ token: getToken() }),\n      fetchPolicy: 'cache-only',\n    },\n  ],\n})(() => import('./ThreeDSInterstitial'));\n\nexport default ThreeDSConfirmation;\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"svg\":\"Interstitial_svg_GcI88\"};","import React from 'react';\nimport { uniqueStr } from '@checkout/react-components';\nimport styles from './styles.css';\n\nconst InterstitialLoading = () => {\n  const clipPathId = uniqueStr();\n  const gradientId = uniqueStr();\n\n  return (\n    <svg\n      className={styles.svg}\n      viewBox=\"0 0 350 40\"\n      version=\"1.1\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      width=\"100%\"\n    >\n      <rect\n        clipPath={`url(#${clipPathId})`}\n        x=\"0\"\n        y=\"0\"\n        width=\"100%\"\n        height=\"40\"\n        style={{ fill: `url(#${gradientId})` }}\n      />\n      <defs>\n        <clipPath id={clipPathId}>\n          <rect x=\"0\" y=\"0\" rx=\"4\" ry=\"4\" width=\"100%\" height=\"40\" />\n        </clipPath>\n        <linearGradient id={gradientId}>\n          <stop offset=\"-1.9\" stopColor=\"#f3f3f3\">\n            <animate attributeName=\"offset\" values=\"-2; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n          </stop>\n          <stop offset=\"-1.4\" stopColor=\"#ecebeb\">\n            <animate attributeName=\"offset\" values=\"-1.5; 1.5\" dur=\"2s\" repeatCount=\"indefinite\" />\n          </stop>\n          <stop offset=\"-0.9\" stopColor=\"#f3f3f3\">\n            <animate attributeName=\"offset\" values=\"-1; 2\" dur=\"2s\" repeatCount=\"indefinite\" />\n          </stop>\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default InterstitialLoading;\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"ppui-font-family-300\":\"'PayPalSansBig-Light'\",\"ppuiFontFamily300\":\"'PayPalSansBig-Light'\",\"ppui-spacing-lg\":\"0.75rem\",\"ppuiSpacingLg\":\"0.75rem\",\"pageWrapper\":\"src_pageWrapper_191D5\",\"container\":\"src_container_1h1fz\",\"notifications\":\"src_notifications_lHUHt\",\"heading\":\"src_heading_1SHop\"};"],"sourceRoot":""}