{"version":3,"file":"936.bundle.js","mappings":"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","sources":["webpack:///./components/Logo/index.js","webpack:///./components/common/HeaderSection/__utils__.js","webpack:///./components/common/HeaderSection/index.js","webpack:///./components/Logo/index.css","webpack:///./components/common/HeaderSection/index.css","webpack:///./components/Logo/index.css?0369","webpack:///./components/common/HeaderSection/index.css?4386"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport './index.css'\n\nexport default function Logo({ text, className, url, ...rest }) {\n const classes = `pypl-logo ${className}`\n\n return (\n \n {text}\n \n )\n}\n\nLogo.propTypes = {\n text: PropTypes.string,\n className: PropTypes.string,\n url: PropTypes.string,\n}\n","import { getLocalizedText } from '../../../utils/locale-helper'\nimport serverData from '../../../utils/server-data'\n\nexport const generateProps = (worldReady) => {\n const {\n context: { resourceBaseUrl },\n } = serverData\n\n const logo = {\n text: getLocalizedText(worldReady, 'header.logoText'),\n href: getLocalizedText(worldReady, 'header.logoHref'),\n imageUrl: `${resourceBaseUrl}/images/lbaps-rgb.png`,\n }\n\n const headerPrimaryLink = {\n text: getLocalizedText(worldReady, 'header.primaryText'),\n url: getLocalizedText(worldReady, 'header.primaryLink'),\n }\n const loginInfo = {\n text: getLocalizedText(worldReady, 'header.loginInfo'),\n button: {\n text: getLocalizedText(worldReady, 'header.login.text'),\n url: getLocalizedText(worldReady, 'header.login.url'),\n },\n }\n const loginButton = {\n button: [\n {\n text: getLocalizedText(worldReady, 'header.login.text'),\n url: getLocalizedText(worldReady, 'header.login.url'),\n target: '_self',\n type: 'Primary',\n clickEventName: 'Button_CTA',\n buttonStyle: 'ppreact',\n },\n ],\n }\n\n return {\n logo,\n headerPrimaryLink,\n loginInfo,\n loginButton,\n }\n}\n","import React, { useContext } from 'react'\nimport { Context as WorldReadyContext } from '@paypalcorp/worldready-react'\nimport { Button } from '@paypalcorp/pp-react'\nimport Proptypes from 'prop-types'\nimport { trackClick } from 'ppbl/utils/fpti-helper'\n\nimport Logo from '../../Logo'\nimport { generateProps } from './__utils__'\nimport './index.css'\n\nexport const fptiClick = (e, text, page) => {\n const fptiData = {\n page,\n component: 'HeaderSection',\n link: `HeaderSection_${e.text ? e.text : text}_button`,\n }\n\n trackClick(fptiData)\n}\nexport default function HeaderSection({ page }) {\n const worldReady = useContext(WorldReadyContext)\n const { logo, headerPrimaryLink, loginInfo } = generateProps(worldReady)\n const renderOnlyLogo = page === 'privacyPage' ? true : false\n\n const renderMainLogo = (logoImage) => {\n if (logoImage) {\n const {\n text = 'PayPal',\n href = '/merchant-lending/loanbuilder',\n imageUrl = logoImage.imageUrl,\n } = logoImage\n return (\n fptiClick(e, text, page)}\n />\n )\n }\n return null\n }\n\n return (\n // Add actual loan builder logo once CDN is updated.\n <>\n
\n \n
\n
\n
\n
\n {renderMainLogo(logo)}\n
\n {renderOnlyLogo ? (\n <>\n ) : (\n
\n \n fptiClick(e, headerPrimaryLink.text, page)\n }\n className=\"header-primary-link\"\n href={headerPrimaryLink.url}\n >\n {headerPrimaryLink.text}\n \n
\n )}\n
\n {renderOnlyLogo ? (\n <>\n ) : (\n
\n
{loginInfo.text}
\n
\n fptiClick(e, loginInfo.button.text, page)}\n as=\"a\"\n href={loginInfo.button.url}\n role=\"button\"\n >\n {loginInfo.button.text}\n \n
\n
\n )}\n
\n
\n \n
\n \n )\n}\n\nHeaderSection.propTypes = {\n page: Proptypes.string,\n}\n","// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(true);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".pypl-logo {\\n width: 136px;\\n height: 43px;\\n display: inline-block;\\n padding: 0;\\n background: transparent\\n url(https://www.paypalobjects.com/digitalassets/c/website/logo/full-text/pp_fc_hl.svg)\\n center center no-repeat;\\n background-clip: border-box;\\n background-origin: padding-box;\\n background-position: 0 50%;\\n background-size: contain;\\n overflow: hidden;\\n text-indent: -999em;\\n}\\n\\n@media (max-width: 1151px) {\\n .pypl-logo {\\n width: 26px;\\n height: 30px;\\n background-size: cover;\\n background-position: left;\\n background-clip: content-box;\\n background-origin: content-box;\\n }\\n}\\n\\n.pypl-logo:focus {\\n outline: none;\\n box-shadow: 0 0 1px 1px #ccc;\\n border-radius: 5px;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://components/Logo/index.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,YAAY;EACZ,YAAY;EACZ,qBAAqB;EACrB,UAAU;EACV;;2BAEyB;EACzB,2BAA2B;EAC3B,8BAA8B;EAC9B,0BAA0B;EAC1B,wBAAwB;EACxB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE;IACE,WAAW;IACX,YAAY;IACZ,sBAAsB;IACtB,yBAAyB;IACzB,4BAA4B;IAC5B,8BAA8B;EAChC;AACF;;AAEA;EACE,aAAa;EACb,4BAA4B;EAC5B,kBAAkB;AACpB\",\"sourcesContent\":[\".pypl-logo {\\n width: 136px;\\n height: 43px;\\n display: inline-block;\\n padding: 0;\\n background: transparent\\n url(https://www.paypalobjects.com/digitalassets/c/website/logo/full-text/pp_fc_hl.svg)\\n center center no-repeat;\\n background-clip: border-box;\\n background-origin: padding-box;\\n background-position: 0 50%;\\n background-size: contain;\\n overflow: hidden;\\n text-indent: -999em;\\n}\\n\\n@media (max-width: 1151px) {\\n .pypl-logo {\\n width: 26px;\\n height: 30px;\\n background-size: cover;\\n background-position: left;\\n background-clip: content-box;\\n background-origin: content-box;\\n }\\n}\\n\\n.pypl-logo:focus {\\n outline: none;\\n box-shadow: 0 0 1px 1px #ccc;\\n border-radius: 5px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(true);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".loanbldr-logo-rebrand {\\n width: 10.656rem;\\n height: 2.313rem;\\n}\\n.loanbldr-logo {\\n padding-right: 30px;\\n}\\n.common-header {\\n box-sizing: border-box;\\n padding: 2rem 0 1.25rem 0;\\n border-bottom: 1px solid var(--Neutrals-Neutral-300, #e6e0d9);\\n background: var(--Greys-White, #fff);\\n}\\n.header-container {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n float: none;\\n flex-wrap: wrap;\\n text-align: left;\\n padding: 0;\\n margin: 0;\\n}\\n.header-primary-link {\\n color: #001c64;\\n font-size: 1.125rem;\\n}\\n\\na:visited {\\n color: #001c64;\\n}\\n.common-sub-header {\\n display: flex;\\n align-items: center;\\n}\\n.header-login {\\n margin-right: 20px;\\n font-size: 1.125rem;\\n color: #001c64;\\n}\\n\\n/* Media query for phones */\\n@media only screen and (max-width: 1130px) {\\n .common-sub-header {\\n display: block;\\n }\\n .header-primary-link {\\n font-size: 13px;\\n }\\n .header-login {\\n display: none;\\n }\\n .login-button {\\n size: 'sm';\\n }\\n /* Add additional styles for smaller screens */\\n}\\n\\n@media only screen and (max-width: 1151px) {\\n .loanbldr-logo-rebrand {\\n width: 10.656rem;\\n height: 2.313rem;\\n display: inline-block;\\n padding: 0;\\n background-clip: border-box;\\n background-origin: padding-box;\\n background-position: 0 50%;\\n background-size: contain;\\n overflow: hidden;\\n text-indent: -999em;\\n }\\n @media only screen and (max-width: 375px) {\\n .header-container {\\n flex-wrap: nowrap;\\n }\\n .css-1m0ekac-button_base-text_button_lg-btn_full_width {\\n min-width: 4.5em;\\n padding: 0.25em !important;\\n margin-left: 0.1em;\\n margin-right: 0.1em;\\n }\\n }\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://components/common/HeaderSection/index.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,gBAAgB;EAChB,gBAAgB;AAClB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,sBAAsB;EACtB,yBAAyB;EACzB,6DAA6D;EAC7D,oCAAoC;AACtC;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,WAAW;EACX,eAAe;EACf,gBAAgB;EAChB,UAAU;EACV,SAAS;AACX;AACA;EACE,cAAc;EACd,mBAAmB;AACrB;;AAEA;EACE,cAAc;AAChB;AACA;EACE,aAAa;EACb,mBAAmB;AACrB;AACA;EACE,kBAAkB;EAClB,mBAAmB;EACnB,cAAc;AAChB;;AAEA,2BAA2B;AAC3B;EACE;IACE,cAAc;EAChB;EACA;IACE,eAAe;EACjB;EACA;IACE,aAAa;EACf;EACA;IACE,UAAU;EACZ;EACA,8CAA8C;AAChD;;AAEA;EACE;IACE,gBAAgB;IAChB,gBAAgB;IAChB,qBAAqB;IACrB,UAAU;IACV,2BAA2B;IAC3B,8BAA8B;IAC9B,0BAA0B;IAC1B,wBAAwB;IACxB,gBAAgB;IAChB,mBAAmB;EACrB;EACA;IACE;MACE,iBAAiB;IACnB;IACA;MACE,gBAAgB;MAChB,0BAA0B;MAC1B,kBAAkB;MAClB,mBAAmB;IACrB;EACF;AACF\",\"sourcesContent\":[\".loanbldr-logo-rebrand {\\n width: 10.656rem;\\n height: 2.313rem;\\n}\\n.loanbldr-logo {\\n padding-right: 30px;\\n}\\n.common-header {\\n box-sizing: border-box;\\n padding: 2rem 0 1.25rem 0;\\n border-bottom: 1px solid var(--Neutrals-Neutral-300, #e6e0d9);\\n background: var(--Greys-White, #fff);\\n}\\n.header-container {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n float: none;\\n flex-wrap: wrap;\\n text-align: left;\\n padding: 0;\\n margin: 0;\\n}\\n.header-primary-link {\\n color: #001c64;\\n font-size: 1.125rem;\\n}\\n\\na:visited {\\n color: #001c64;\\n}\\n.common-sub-header {\\n display: flex;\\n align-items: center;\\n}\\n.header-login {\\n margin-right: 20px;\\n font-size: 1.125rem;\\n color: #001c64;\\n}\\n\\n/* Media query for phones */\\n@media only screen and (max-width: 1130px) {\\n .common-sub-header {\\n display: block;\\n }\\n .header-primary-link {\\n font-size: 13px;\\n }\\n .header-login {\\n display: none;\\n }\\n .login-button {\\n size: 'sm';\\n }\\n /* Add additional styles for smaller screens */\\n}\\n\\n@media only screen and (max-width: 1151px) {\\n .loanbldr-logo-rebrand {\\n width: 10.656rem;\\n height: 2.313rem;\\n display: inline-block;\\n padding: 0;\\n background-clip: border-box;\\n background-origin: padding-box;\\n background-position: 0 50%;\\n background-size: contain;\\n overflow: hidden;\\n text-indent: -999em;\\n }\\n @media only screen and (max-width: 375px) {\\n .header-container {\\n flex-wrap: nowrap;\\n }\\n .css-1m0ekac-button_base-text_button_lg-btn_full_width {\\n min-width: 4.5em;\\n padding: 0.25em !important;\\n margin-left: 0.1em;\\n margin-right: 0.1em;\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","var api = require(\"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n var content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/postcss-loader/src/index.js??ruleSet[1].rules[0].oneOf[0].use[2]!./index.css\");\n\n content = content.__esModule ? content.default : content;\n\n if (typeof content === 'string') {\n content = [[module.id, content, '']];\n }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","var api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n var content = require(\"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/postcss-loader/src/index.js??ruleSet[1].rules[0].oneOf[0].use[2]!./index.css\");\n\n content = content.__esModule ? content.default : content;\n\n if (typeof content === 'string') {\n content = [[module.id, content, '']];\n }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};"],"names":["Logo","text","className","url","rest","classes","style","backgroundImage","propTypes","PropTypes","generateProps","worldReady","resourceBaseUrl","serverData","context","logo","getLocalizedText","href","imageUrl","headerPrimaryLink","loginInfo","button","loginButton","target","type","clickEventName","buttonStyle","fptiClick","e","page","fptiData","component","link","trackClick","HeaderSection","useContext","WorldReadyContext","renderOnlyLogo","id","translate","logoImage","onClick","as","role","Proptypes","___CSS_LOADER_EXPORT___","push","module","api","content","__esModule","default","options","exports","locals"],"sourceRoot":""}