{"version":3,"file":"572.bundle.js","mappings":"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","sources":["webpack:///../node_modules/classnames/index.js","webpack:///./components/hero-module/index.js","webpack:///./components/survey/index.js","webpack:///./components/error-views/technical-exp-error-view.js","webpack:///./pages/home/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { Col, HeadingText, Link, Row, BodyText } from '@paypalcorp/pp-react'\nimport { Message } from '@paypalcorp/worldready-react'\nimport classNames from 'classnames'\nimport React, { Suspense, useEffect, useState, useMemo } from 'react'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\nimport { HERO_MODULE_DATA } from '../../utils/prop-type-shape'\nimport ShimmerLoader from '../loaders/shimmerLoader'\nimport { PERSONAL, BUSINESS, TECHNICAL } from '../../constants'\n\n// Hooks\nimport { useHelper } from '../../hooks/useHelper'\nimport useTracking from '../../hooks/useTracking'\nimport { useMessage } from '../../hooks/useMessage'\n\n// styles\nimport './hero-module.less'\n\nconst searchBar = () => import('../search-bar' /* webpackPrefetch: true */)\n\nconst SearchBarComponent = React.lazy(searchBar)\n\n// Hero Module Component - The top section with search component\nfunction HeroModule() {\n  const {\n    isLoggedIn,\n    getDisplayName,\n    generateLinkWithCoBrand,\n    getPageName,\n    getUserUiExp,\n    getHomePathByExperience,\n  } = useHelper()\n  const { trackActivity } = useTracking()\n  const { getMessage } = useMessage()\n  const [isSearchReady, setIsSearchReady] = useState(false)\n\n  const HERO_MODULE_VERSIONS = {\n    V1: 'v1', // Blue hero module version - home page exp version\n    V2: 'v2', // Gray hero module version - Default version\n  }\n\n  useEffect(() => {\n    ;(async () => {\n      await searchBar()\n      setIsSearchReady(true)\n    })()\n  }, [])\n\n  useEffect(() => {\n    trackActivity({\n      name: componentNames.HERO_MODULE,\n      type: fptiTypes.SUCCESS,\n    })\n  }, [trackActivity])\n\n  const getUserExperienceLabel = () => {\n    const mapping = {\n      [PERSONAL]: 'app.helpcenter.experience.personalLabel',\n      [BUSINESS]: 'app.helpcenter.experience.businessLabel',\n      [TECHNICAL]: 'app.helpcenter.experience.technicalLabel',\n    }\n\n    return getMessage(mapping[getUserUiExp()])\n  }\n  const userExperienceLabel = useMemo(() => getUserExperienceLabel(), [])\n\n  const experiencePath = getHomePathByExperience()\n\n  const isHomeGreetingStyle = [PERSONAL, BUSINESS, TECHNICAL].includes(\n    getPageName(),\n  )\n\n  // Const to set design version based in the pages/exp\n  const DESIGN_VERSION = isHomeGreetingStyle\n    ? HERO_MODULE_VERSIONS.V1\n    : HERO_MODULE_VERSIONS.V2\n\n  const renderSearchBar = () => {\n    if (isSearchReady) {\n      return (\n        <Suspense fallback={<ShimmerLoader />}>\n          <SearchBarComponent />\n        </Suspense>\n      )\n    }\n    return <ShimmerLoader />\n  }\n\n  const renderUserGreering = () => {\n    if (DESIGN_VERSION === HERO_MODULE_VERSIONS.V1) {\n      const greeting = isLoggedIn() ? (\n        <Message id=\"app.help.user.greeting\" name={getDisplayName()} />\n      ) : (\n        <Message id=\"app.help.user.defaultGreeting\" />\n      )\n\n      return (\n        <HeadingText\n          data-testid=\"hc-hero-module-user-greeting\"\n          as=\"h2\"\n          size=\"lg\"\n          className=\"hc_hero-module__greeting--label hc_hero-module__inverse-text\"\n        >\n          {greeting}\n        </HeadingText>\n      )\n    }\n    return <div />\n  }\n\n  const getExperienceLabel = () => {\n    if (DESIGN_VERSION === HERO_MODULE_VERSIONS.V2) {\n      return (\n        <Link\n          className=\"hc_hero-module__link--label\"\n          href={generateLinkWithCoBrand(experiencePath)}\n          data-testid=\"hc-hero-module-helpcenter-link\"\n        >\n          {userExperienceLabel}\n        </Link>\n      )\n    }\n\n    return (\n      <BodyText\n        strong\n        as=\"h1\"\n        data-testid=\"hc-hero-module-helpcenter-label\"\n        className=\"hc_hero-module__link--label\"\n      >\n        {userExperienceLabel}\n      </BodyText>\n    )\n  }\n\n  return (\n    <Row\n      className={classNames('hc_hero-module', {\n        'hc_hero-module--default': DESIGN_VERSION === HERO_MODULE_VERSIONS.V2,\n        'hc_hero-module--home-page': DESIGN_VERSION === HERO_MODULE_VERSIONS.V1,\n      })}\n      data-testid=\"hc-hero-module-section\"\n    >\n      <Col md={9} lg={7} xxl={6}>\n        <Row className=\"hc_hero-module__link--row\">{getExperienceLabel()}</Row>\n\n        {renderUserGreering()}\n        {renderSearchBar()}\n      </Col>\n    </Row>\n  )\n}\n\nHeroModule.propTypes = HERO_MODULE_DATA\n\nexport default HeroModule\n","import React, { useEffect } from 'react'\nimport { Message } from '@paypalcorp/worldready-react'\nimport { HeadingText, Card, Link } from '@paypalcorp/pp-react'\nimport useTracking from '../../hooks/useTracking'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\n\nimport './survey.less'\n\nconst QUALTRICS_SURVEY_ID = 'helpcenternodeweb-feedbacklink-nov2022'\n\nfunction Survey() {\n  const { trackClick, trackActivity } = useTracking()\n\n  // On component mount: qualtrics feedback survey link shown fpti\n  useEffect(() => {\n    trackActivity({\n      name: componentNames.QUALTRICS_SURVEY,\n      type: fptiTypes.SUCCESS,\n    })\n  }, [trackActivity])\n\n  // survey link onclick handler\n  const surveyLinkOnClickHandler = (event) => {\n    event.preventDefault()\n\n    // FPTI:- qualtrics feedback survey link clicked\n    const fptiOptions = {\n      name: componentNames.QUALTRICS_SURVEY,\n      type: fptiTypes.ON_CLICK,\n      link: 'qualtrics-survey-link|clicked',\n    }\n    trackClick(fptiOptions)\n\n    // Open the survey prompt\n    try {\n      // eslint-disable-next-line no-undef\n      if (typeof PAYPAL === 'object' && PAYPAL.analytics) {\n        // eslint-disable-next-line no-undef\n        PAYPAL.analytics.reloadQualtrics(QUALTRICS_SURVEY_ID)\n      }\n    } catch (err) {\n      // Error FPTI:- if there is any error on survey link click\n      trackActivity({\n        name: componentNames.QUALTRICS_SURVEY,\n        type: fptiTypes.ERROR,\n      })\n    }\n  }\n\n  const renderQualtricsSurvey = () => {\n    return (\n      <div\n        data-testid=\"hc-qualtrics-survey-container\"\n        className=\"hc_survey__container\"\n      >\n        <Card className=\"hc_survey__container-card\">\n          <div className=\"hc_survey__container-body\">\n            <HeadingText\n              size=\"sm\"\n              className=\"hc_survey__container-body-label\"\n              data-testid=\"hc-survey-label\"\n            >\n              <Message id=\"app.helpcenter.survey.greeting\" />\n            </HeadingText>\n            <Link\n              href=\"#\"\n              onClick={(e) => surveyLinkOnClickHandler(e)}\n              className=\"hc_survey__container-body-action__label\"\n              data-testid=\"hc-survey-anchor-el\"\n            >\n              <Message id=\"app.helpcenter.survey.actionLabel\" />\n            </Link>\n          </div>\n        </Card>\n      </div>\n    )\n  }\n\n  return renderQualtricsSurvey()\n}\n\nexport default Survey\n","import React from 'react'\nimport { HeadingText, Row, Container } from '@paypalcorp/pp-react'\nimport { Message } from '@paypalcorp/worldready-react'\n\nimport './error-views.less'\n\nfunction TechnicalExpErrorView() {\n  return (\n    <Container className=\"hc_error-view__default-section\">\n      <Row>\n        <HeadingText\n          data-testid=\"hc-error-view-technical-exp-label\"\n          size=\"lg\"\n          className=\"hc_error-view__label\"\n        >\n          <Message id=\"app.helpcenter.experience.technicalNotEnabledLabel\" />\n        </HeadingText>\n      </Row>\n      <Row>\n        <HeadingText\n          data-testid=\"hc-error-view-technical-exp-sub-label\"\n          size=\"sm\"\n        >\n          <Message\n            id=\"app.helpcenter.experience.technicalNotEnabledSubLabel\"\n            personalHelpLink={(innerMessage) => (\n              <a href=\"/cshelp/personal\">{innerMessage}</a>\n            )}\n            businessHelpLink={(innerMessage) => (\n              <a href=\"/cshelp/business\">{innerMessage}</a>\n            )}\n          />\n        </HeadingText>\n      </Row>\n    </Container>\n  )\n}\n\nexport default TechnicalExpErrorView\n","import {\n  BodyText,\n  Col,\n  Container,\n  HeadingText,\n  LoadingSpinner,\n  Row,\n} from '@paypalcorp/pp-react'\nimport { Message } from '@paypalcorp/worldready-react'\nimport React, { Suspense } from 'react'\nimport { pageNames, POSITIONS } from '../../constants/index'\nimport { useAppContext } from '../../contexts/app-context'\nimport useTracking from '../../hooks/useTracking'\nimport {\n  AW_POSITION_EVENTS,\n  componentNames,\n  fptiTypes,\n} from '../../utils/analytics/fpti-constants'\n\n// Components\nimport TechnicalExpErrorView from '../../components/error-views/technical-exp-error-view'\nimport HeroModule from '../../components/hero-module'\nimport ShimmerLoader from '../../components/loaders/shimmerLoader'\nimport MoreWaysOfHelp from '../../components/more-ways-of-help'\nimport Survey from '../../components/survey'\n\n// styles\nimport '../../styles/pages/home.less'\n\n// Experience Pages\nconst PersonalExp = React.lazy(() =>\n  import('../experiences/personal' /* webpackPrefetch: true */),\n)\nconst BusinessExp = React.lazy(() =>\n  import('../experiences/business' /* webpackPrefetch: true */),\n)\nconst TechnicalExp = React.lazy(() =>\n  import('../experiences/technical' /* webpackPrefetch: true */),\n)\nconst Alerts = React.lazy(() =>\n  import('../../components/alerts' /* webpackPrefetch: true */),\n)\nconst DisputeTracker = React.lazy(() =>\n  import('../../components/dispute-tracker' /* webpackPrefetch: true */),\n)\n\nconst RefundTracker = React.lazy(() =>\n  import('../../components/refund-tracker' /* webpackPrefetch: true */),\n)\n\nconst expToComponentLayoutMapping = {\n  [pageNames.PERSONAL]: PersonalExp,\n  [pageNames.BUSINESS]: BusinessExp,\n  [pageNames.TECHNICAL]: TechnicalExp,\n}\n\n// Home page - This is the page/container for home view which will have the layout and components placement\nfunction Home() {\n  const appCtx = useAppContext()\n  const { trackErrorFPTI, trackActivity } = useTracking()\n  const { pageProps, reqContextData } = appCtx\n  const { apiData, pageName, configs } = pageProps\n  const { helpChannels, activityWidget } = apiData\n  const { userUiExp, isLoggedIn } = reqContextData\n  const { isRefundTrackerEnabled, isDisputeTrackerEnabled } = configs\n  const { awPosition } = activityWidget || {}\n\n  // MORE WAYS OF HELP SECTION\n  const renderMoreWaysOfHelp = () => {\n    const { data, isError } = helpChannels\n    if (!isError && Array.isArray(data) && data.length) {\n      return <MoreWaysOfHelp helpChannels={data} />\n    }\n\n    trackErrorFPTI(helpChannels, componentNames.MORE_WAYS_OF_HELP)\n    return null\n  }\n\n  const renderDisputeTracker = () => {\n    if (!isDisputeTrackerEnabled) return null\n\n    return (\n      <>\n        <Suspense fallback={<ShimmerLoader />}>\n          <DisputeTracker pageName={pageName} />\n        </Suspense>\n      </>\n    )\n  }\n\n  const renderRefundTracker = () => {\n    if (!isRefundTrackerEnabled) return null\n\n    return (\n      <>\n        <Suspense fallback={<ShimmerLoader />}>\n          <RefundTracker\n            pageName={pageName}\n            isTrackerEnabled={isRefundTrackerEnabled}\n          />\n        </Suspense>\n      </>\n    )\n  }\n\n  // render activity widget\n  const renderActivityWidget = (position) => {\n    if (!isLoggedIn || position !== awPosition) {\n      return null\n    }\n    const { widgetHtml, isError } = activityWidget || {}\n\n    if (!isError && widgetHtml) {\n      // track activity widget to identify placement\n      trackActivity({\n        name: componentNames.ACTIVITY_WIDGET,\n        type: fptiTypes.SUCCESS,\n        event_name: AW_POSITION_EVENTS[position],\n      })\n      return (\n        <Suspense fallback={<ShimmerLoader />}>\n          <Row className=\"hc_aw_container\">\n            <Col>\n              <HeadingText size=\"sm\">\n                <Message id=\"app.activities.rescenter.header.title\" />\n              </HeadingText>\n              <BodyText>\n                <Message id=\"app.activities.rescenter.header.description\" />\n              </BodyText>\n            </Col>\n          </Row>\n          <div dangerouslySetInnerHTML={{ __html: widgetHtml }} />\n        </Suspense>\n      )\n    }\n    if (isError) {\n      trackErrorFPTI(activityWidget, componentNames.ACTIVITY_WIDGET)\n    }\n    return null\n  }\n\n  const renderWidgetsInExpLayout = () => {\n    return renderActivityWidget(POSITIONS.BOTTOM)\n  }\n\n  // Common components/layout for all the experiences will be handled here.\n  const renderExperienceView = () => {\n    // The page/exp is technical. check if the exp is available for the selected language.\n    // If not available show error view, if not move forward with exp view.\n    if (pageName === pageNames.TECHNICAL) {\n      if (!pageProps.configs.isTechnicalExpAvailable) {\n        // Tracking of error for this has already been implemented in layout/fptiSetup.js\n        return <TechnicalExpErrorView />\n      }\n    }\n\n    // Experience component mapping\n    const ExperienceLayout = expToComponentLayoutMapping[userUiExp]\n\n    return (\n      <>\n        {/* <-------------- TOP SECTION - Common components for all the experiences will go here -------> */}\n        <Container>\n          <Row>\n            <Suspense fallback={<ShimmerLoader />}>\n              <Alerts pageName={pageName} />\n            </Suspense>\n          </Row>\n        </Container>\n        <HeroModule />\n        {/* <------------------- END OF TOP SECTION -----------------> */}\n\n        {/* <--------- TRACKER SECTION - all the trackers (refund, dispute) or external components goes here ------------>*/}\n        <Container\n          className=\"hc_tracker_container hc_home_container--xs\"\n          xxl={true}\n        >\n          {renderDisputeTracker()}\n          {renderRefundTracker()}\n          <Col>{renderActivityWidget(POSITIONS.TOP)}</Col>\n        </Container>\n        {/* <------------------- END OF TRACKER SECTION -----------------> */}\n\n        {/* <--------- MIDDLE SECTION - Custom layout based on the experience goes here ------------>*/}\n        <React.Suspense\n          fallback={<LoadingSpinner screenReaderText=\"loading\" size=\"xl\" />}\n        >\n          <ExperienceLayout renderWidgets={renderWidgetsInExpLayout} />\n        </React.Suspense>\n        {/* <------------------- END OF MIDDLE/ EXPERIENCE SECTION -----------------> */}\n\n        {/* BOTTOM SECTION - Common components for all the experiences */}\n        <Container xxl={true} className=\"hc_home_container--xs\">\n          <Row noGutters={true}>{renderMoreWaysOfHelp()}</Row>\n          <Row className=\"hc_survey\" noGutters={true}>\n            <Survey />\n          </Row>\n        </Container>\n        {/* <------------------- END OF BOTTOM SECTION -----------------> */}\n      </>\n    )\n  }\n\n  return renderExperienceView()\n}\n\nexport default Home\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","key","call","join","module","exports","default","searchBar","SearchBarComponent","React","HeroModule","useHelper","isLoggedIn","getDisplayName","generateLinkWithCoBrand","getPageName","getUserUiExp","getHomePathByExperience","trackActivity","useTracking","getMessage","useMessage","useState","isSearchReady","setIsSearchReady","HERO_MODULE_VERSIONS","useEffect","name","componentNames","type","fptiTypes","userExperienceLabel","useMemo","PERSONAL","BUSINESS","TECHNICAL","experiencePath","DESIGN_VERSION","className","md","lg","xxl","href","strong","as","greeting","id","size","Suspense","fallback","propTypes","HERO_MODULE_DATA","trackClick","onClick","e","event","preventDefault","fptiOptions","link","PAYPAL","analytics","reloadQualtrics","err","surveyLinkOnClickHandler","personalHelpLink","innerMessage","businessHelpLink","PersonalExp","BusinessExp","TechnicalExp","Alerts","DisputeTracker","RefundTracker","expToComponentLayoutMapping","pageNames","appCtx","useAppContext","trackErrorFPTI","pageProps","reqContextData","apiData","pageName","configs","helpChannels","activityWidget","userUiExp","isRefundTrackerEnabled","isDisputeTrackerEnabled","awPosition","renderActivityWidget","position","widgetHtml","isError","event_name","AW_POSITION_EVENTS","dangerouslySetInnerHTML","__html","renderWidgetsInExpLayout","POSITIONS","isTechnicalExpAvailable","data","ExperienceLayout","isTrackerEnabled","screenReaderText","renderWidgets","noGutters"],"sourceRoot":""}