{"version":3,"file":"931.bundle.js","mappings":";ksBAcA,SAASA,EAAT,GAAyE,IAAlDC,EAAkD,EAAlDA,gBAAiBC,EAAiC,EAAjCA,eAAiC,IAAjBC,SAAAA,OAAiB,MAAN,GAAM,EACvE,GAAoCC,EAAAA,EAAAA,UAAS,MAA7C,eAAOC,EAAP,KAAmBC,EAAnB,KACA,GAAwCF,EAAAA,EAAAA,UAAS,MAAjD,eAAOG,EAAP,KAAqBC,EAArB,KACA,GAAkCJ,EAAAA,EAAAA,UAAS,MAA3C,eAAOK,EAAP,KAAkBC,EAAlB,KACQC,GAAeC,EAAAA,EAAAA,KAAfD,WAGAE,GAA4BC,EAAAA,EAAAA,KAA5BD,yBAERE,EAAAA,EAAAA,YAAU,WACR,GAAId,GAAmBC,EAAgB,CACrC,MACED,EAAgBe,MAAM,KADxB,eAAOC,EAAP,KAA0BC,EAA1B,KAEA,EAA2BhB,EAAec,MAAM,KAAzCG,GAAP,eACAb,EAAcW,GACdT,EAAgBU,GAChBR,EAAaS,EACd,CACF,GAAE,CAAClB,EAAiBC,IAErB,IAAMkB,EAAmB,kBAAMX,GAAaJ,CAAnB,EAEnBgB,EAAiB,SAACC,EAAGC,GACzBD,EAAEE,kBACFb,EAAW,CACTc,KAAMC,EAAAA,GAAeC,WACrBC,KAAMC,EAAAA,GAAUC,SAChBC,KAAM,cAAF,OAAgBR,EAAhB,aAEP,EA8CKS,EACJ7B,IAAa8B,EAAAA,GAAUC,MACnB,iCACA,2BAEN,OACE,cACEC,UAAWH,EACX,cAAY,4BAEZ,YACEI,KAAMvB,EAAwB,gBAC9B,cAAY,4BAEZ,OAAC,EAAAwB,QAAD,CAASC,GAAG,yBAzDZlB,KAEA,wBACE,cACEe,UAAU,gCACVV,KAAK,eACLc,KAAK,QAEP,YACEH,KAAMvB,EAAwB,iBAAD,OAAkBJ,IAC/C,cAAY,2BACZ+B,QAAS,SAAClB,GAAD,OAAOD,EAAeC,EAAGb,EAAzB,GAERJ,IAKF,KAIHe,KAAsBb,GAEtB,wBACE,cACE4B,UAAU,gCACVV,KAAK,eACLc,KAAK,QAEP,YACEH,KAAMvB,EAAwB,oBAAD,OAAqBJ,IAClD,cAAY,6BACZ+B,QAAS,SAAClB,GAAD,OAAOD,EAAeC,EAAGb,EAAzB,GAERF,IAKF,KAuBV,CAEDP,EAAYyC,UAAYC,EAAAA,GAExB,s/BC9EMC,EAAY,kBAAM,4FAAN,EAEZC,EAAqBC,EAAAA,KAAWF,GAGtC,SAASG,EAAWC,GAClB,IAAQC,EAA+BD,EAA/BC,YAAaC,EAAkBF,EAAlBE,cACrB,GAOInC,EAAAA,EAAAA,KANFoC,EADF,EACEA,WACAC,EAFF,EAEEA,eACAtC,EAHF,EAGEA,wBACAuC,EAJF,EAIEA,YACAC,EALF,EAKEA,aACAC,EANF,EAMEA,wBAEMC,GAAkB3C,EAAAA,EAAAA,KAAlB2C,cACAC,GAAeC,EAAAA,EAAAA,KAAfD,WACR,GAA0CpD,EAAAA,EAAAA,WAAS,GAAnD,eAAOsD,EAAP,KAAsBC,EAAtB,KAEMxD,EAAWiD,KAEjBrC,EAAAA,EAAAA,YAAU,YACP,iBAAC,8FACM4B,IADN,OAEAgB,GAAiB,GAFjB,0CAAD,EAIF,GAAE,KAEH5C,EAAAA,EAAAA,YAAU,WACRwC,EAAc,CACZ9B,KAAMC,EAAAA,GAAekC,YACrBhC,KAAMC,EAAAA,GAAUgC,SAEnB,GAAE,CAACN,IAEJ,IAAMO,EAAiBR,IAEjBS,EAAgB,CAACC,EAAAA,GAAUC,EAAAA,GAAUC,EAAAA,IAAWC,SAAShE,GAEzDiE,EAAmB,CACvBnC,EAAAA,GAAUoC,WACVpC,EAAAA,GAAUqC,eACVH,SAAShE,GAELoE,GAAyBC,EAAAA,EAAAA,cAAY,WACzC,GAAIJ,EACF,OAAOZ,EAAW,4CAEpB,IAAMiB,GAAU,0BACbT,EAAAA,GAAW,2CACXC,EAAAA,GAAW,2CACXC,EAAAA,GAAY,4CAGf,OAAOV,EAAWiB,EAAQpB,KAC3B,GAAE,CAACA,EAAcG,EAAYY,IAExBM,GAAsBC,EAAAA,EAAAA,UAC1B,kBAAMJ,GAAN,GACA,CAACA,IA+FH,OAAIpE,IAAa8B,EAAAA,GAAU2C,cAEvB,cACEzC,UAAU,8BACV,cAAY,wCAEZ,aAAW0C,KAAK,IAnClB,cAAK1C,UAAU,gCACb,YAAMC,KAAM0C,EAAAA,GAAaC,cACvB,aAAaxC,KAAK,KAAKJ,UAAU,sCAC/B,OAAC,EAAAE,QAAD,CAASC,GAAG,4BAGhB,aAAaC,KAAK,KAAKJ,UAAU,sCAC/B,OAAC,EAAAE,QAAD,CAASC,GAAG,gCAEd,cAAKH,UAAU,6CACb,YACEA,UAAU,oCACVC,KAAM0C,EAAAA,GAAaE,uBACnBzC,KAAK,OAEL,OAAC,EAAAF,QAAD,CAASC,GAAG,4CAEd,YACEH,UAAU,oCACVC,KAAM0C,EAAAA,GAAaG,SACnB1C,KAAK,OAEL,OAAC,EAAAF,QAAD,CAASC,GAAG,2CAqBpB,cACEH,UAAU,yCACV,cAAY,2BAEZ,kBACE,aAAKA,UAAU,8BACb,iBA3ED4B,GAAkBK,GAarB,aACEc,GAAG,KACHC,QAAM,EACN,cAAY,kCACZhD,UAAU,6BAETuC,IAjBD,YACEvC,UAAU,GACVC,KAAMvB,EAAwBiD,GAC9B,cAAY,kCAEXY,MAsEH,aAAKvC,UAAU,6BACb,iBArGmB,WACzB,GAAI4B,GAAiBK,EAAkB,CACrC,IAAMgB,EAAWlC,KACf,OAAC,EAAAb,QAAD,CAASC,GAAG,yBAAyBb,KAAM0B,OAE3C,OAAC,EAAAd,QAAD,CAASC,GAAG,kCAGd,OACE,aACE,cAAY,+BACZ4C,GAAG,KACH3C,KAAK,KACLJ,UAAU,mCAETiD,EAGN,CACD,OAAO,IACR,CApB0B,MAuGrB,kBACE,iBArHF1B,GAEA,OAAC,EAAA2B,SAAD,CAAUC,UAAU,OAAC,IAAD,QAClB,OAAC1C,EAAD,CACEI,YAAaA,EACbC,cAAeA,MAKhB,OAAC,IAAD,SAgHV,CAEDH,EAAWL,UAAY8C,EAAAA,GAEvB,08BCzNA,IAAMC,EAAgB,SAACzC,GACrB,IAQQ0C,EAEAC,EAVAC,EAA4B5C,EAA5B4C,kBAAmBC,EAAS7C,EAAT6C,KAyB3B,OAjBQH,EAAc,EAAH,KALW,CAC1BI,OAAQ,QACRC,MAAO,OACPC,aAAc,SAEiCJ,GAE3CD,EAAWM,MAAMC,KAAK,CAAEC,OAAQN,IAAQ,SAACO,EAAGC,GAChD,OACE,cACE,mCAA2BA,GAC3BC,IAAG,iBAAYD,GACfE,MAAOb,IAEP,YAAMc,WAAS,IAGpB,KAEM,uBAAGb,EAIb,EAEDF,EAAc/C,UAAY,CACxBkD,kBAAmBa,IAAAA,MAAgB,CAAC,GACpCZ,KAAMY,IAAAA,QAGRhB,EAAciB,aAAe,CAC3Bb,KAAM,GAER,s1BC1BA,SAASc,EAAT,GAAgE,IAA1CC,EAA0C,EAA1CA,SAAUC,EAAgC,EAAhCA,MAAOC,EAAyB,EAAzBA,KAAMC,EAAmB,EAAnBA,OAAQC,EAAW,EAAXA,IAAKzE,EAAM,EAANA,GAChD3B,GAAeC,EAAAA,EAAAA,KAAfD,WAeR,OACE,aACE,cAAY,qBACZqG,GAAI,EACJC,GAAI,EACJ9E,UAAU,wBAEV,YACEK,QAAS,SAAClB,GAAD,OAAqBA,EApB5B4F,iBAGNvG,EAAW,CACTc,KAAMC,EAAAA,GAAeyF,kBACrBvF,KAAMC,EAAAA,GAAUC,SAChBC,KAAM,eAAF,OAAiBO,EAAjB,mBAGN8E,OAAOC,KAAKN,EAAKD,GAAU,SAWd,EACT3E,UAAU,4BACV,cAAY,wBAEZ,cAAKA,UAAU,8BACb,cACEI,KAAK,KACL+E,MAAM,sBACN7F,KAAMkF,EACN,cAAY,0BAGhB,cAAKxE,UAAU,iCACb,YACEoF,WAAS,EACTT,OAAQA,EACR1E,KAAM2E,EACN,uBAAeH,EAAf,cAA0BC,GAC1B,cAAY,sBACZ1E,UAAU,6BAETyE,IAEH,aACE,cAAY,uBAEXC,KAMZ,CAEDH,EAAWjE,UAAY+E,EAAAA,GAEvB,UCpEA,SAASC,EAAT,GAA0C,IAAhBC,EAAgB,EAAhBA,aAChBnE,GAAkB3C,EAAAA,EAAAA,KAAlB2C,cA2CR,OAxCAxC,EAAAA,EAAAA,YAAU,WACRwC,EAAc,CACZ9B,KAAMC,EAAAA,GAAeyF,kBACrBvF,KAAMC,EAAAA,GAAUgC,SAEnB,GAAE,CAACN,KAmCG,uBAhCEyC,MAAM2B,QAAQD,IAAiBA,EAAaxB,SAM/C,cACE,cAAY,uBACZ/D,UAAU,0BAEV,kBACE,kBACE,aACE,cAAY,uBACZA,UAAU,gCACV+C,GAAG,KACH3C,KAAK,OAEL,OAAC,EAAAF,QAAD,CAASC,GAAG,sCAIlB,aAAK,cAAY,6BACdoF,EAAaE,KAAI,SAACC,GAAD,OAChB,OAAC,GAAD,QAAYxB,IAAKwB,EAAYvF,IAAQuF,GADrB,MAU7B,CAEDJ,EAAehF,UAAYqF,EAAAA,GAE3B,mmBC3CA,SAASC,EAAT,GAMG,IALD7H,EAKC,EALDA,eACA8H,EAIC,EAJDA,cAIC,IAHDC,UAAAA,OAGC,MAHW,GAGX,MAFDC,UAAAA,OAEC,MAFW,GAEX,EADD/H,EACC,EADDA,SAEA,GAA0CC,EAAAA,EAAAA,UAAS,IAAnD,eAAO+H,EAAP,KAAsBC,EAAtB,KACA,GAA6DtH,EAAAA,EAAAA,KAArDD,EAAR,EAAQA,wBAAyByC,EAAjC,EAAiCA,wBACjC,GAAsC1C,EAAAA,EAAAA,KAA9B2C,EAAR,EAAQA,cAAe5C,EAAvB,EAAuBA,YAEvBI,EAAAA,EAAAA,YAAU,WACRwC,EAAc,CAAE9B,KAAMC,EAAAA,GAAe2G,WAAYzG,KAAMC,EAAAA,GAAUgC,SAClE,GAAE,CAACN,KAEJxC,EAAAA,EAAAA,YAAU,WACJb,GACFkI,EAAiBlI,EAAec,MAAM,KAAK,IAEzCb,GACFiI,EAAiBnG,EAAAA,GAAUqG,MAEzBL,GACFG,EAAiBH,GAEfC,GACFE,EAAiBF,EAEpB,GAAE,CAAChI,EAAgB+H,EAAWC,EAAW/H,IAG1C,IAAMkB,EAAiB,SAACC,EAAGC,GACzBD,EAAEE,kBACF,IAAIO,EAEEwG,EAAchH,EAAMiH,SAAWjH,EAAMkH,WAGzC1G,EADmB,iBAAVR,GAAgC,SAAVA,EACxB,0BAEA,cAAH,OAAiBgH,EAAjB,YAGN5H,EAAW,CACTc,KAAMC,EAAAA,GAAe2G,WACrBzG,KAAMC,EAAAA,GAAUC,SAChBC,KAAAA,GAEH,EAsED,OACE,wBACE,aAAI,cAAY,qBAAqBI,UAAU,wBAjE/C,aACEA,UAAWuG,IAAW,8CAA+C,CACnE,6BAAgD,SAAlBP,IAEhC3F,QAAS,SAAClB,GAAD,OAAOD,EAAeC,EAAG,OAAzB,EACT+E,IAAI,uBACJ,cAAY,0BAEZ,YACEkB,UAA6B,SAAlBY,EACX/F,KAAMvB,EAAwByC,KAC9B+C,IAAI,kBACJlE,UAAU,2BACV,cAAY,4BAEZ,OAAC,EAAAE,QAAD,CAASC,GAAG,0BAnBlB0D,MAAM2B,QAAQK,IAAkBA,EAAc9B,OAsCrC8B,EAAcJ,KAAI,SAACrG,GACxB,IAdqBiH,EAcfD,EAAchH,EAAMiH,SAAWjH,EAAMkH,WACrCE,EAAgBpH,EAAMqH,WAAarH,EAAMsH,aAE/C,OACE,aACE1G,UAAWuG,IAAW,qBAAsB,CAC1C,6BAA8BH,IAAgBJ,IAEhD3F,QAAS,SAAClB,GAAD,OAAOD,EAAeC,EAAGC,EAAzB,EACT8E,IAAKkC,EACL,cAAY,uBAEZ,YACEhB,UAAWgB,IAAgBJ,EAC3B/F,MA5BeoG,EA4BSD,EAzBzB1H,EADLqH,EAC6B,iBAAD,OACXD,EADW,iBACOO,GAIR,iBAAD,OAAkBA,KAqBtCnC,IAAG,gBAAWkC,GACdpG,UAAU,2BACV,cAAY,2BAEXwG,GAIR,KAEI,yBAWV,CAEDZ,EAAUtF,UAAYqG,EAAAA,GAEtB,oSC9IahI,EAAY,WACvB,OAAsCiI,EAAAA,EAAAA,MAA9BC,EAAR,EAAQA,eAAgBC,EAAxB,EAAwBA,UAElBpI,GAA0B2D,EAAAA,EAAAA,cAC9B,SAACzC,GACC,OAAIiH,EAAeE,QACV,IAAP,OAAWF,EAAeE,SAA1B,OAAoCnH,GAE/BA,CACR,GACD,CAACiH,IAGG9F,GAAasB,EAAAA,EAAAA,cAAY,WAC7B,OAAOwE,EAAe9F,UACvB,GAAE,CAAC8F,IAEE5F,GAAcoB,EAAAA,EAAAA,cAAY,WAC9B,OAAOyE,EAAU9I,QAClB,GAAE,CAAC8I,IA+BJ,MAAO,CACLpI,wBAAAA,EACAqC,WAAAA,EACAC,gBAhCqBqB,EAAAA,EAAAA,cAAY,WACjC,IAAQ2E,EAAkBH,EAAlBG,KAAMC,EAAYJ,EAAZI,QACd,OAAID,GAAwB,YAAhB,OAAOA,GACbC,IAAYC,EAAAA,GACPF,EAAKG,UAAY,GAEnBH,EAAKI,WAAa,GAEpB,EACR,GAAE,CAACP,IAwBF5F,YAAAA,EACAC,cAvBmBmB,EAAAA,EAAAA,cAAY,WAC/B,OAAOwE,EAAeQ,SACvB,GAAE,CAACR,IAsBF1F,yBApB8BkB,EAAAA,EAAAA,cAC9B,SAACiF,GACC,IAAMC,EAAaD,GAAOT,EAAeQ,UAOzC,OAN8B,0BAC3BxF,EAAAA,GAAW,oBACXC,EAAAA,GAAW,oBACXC,EAAAA,GAAY,qBAGcwF,IAAe,cAC7C,GACD,CAACV,IAWJ,gOC1DYvF,EAAa,WACxB,IAAMkG,GAAaC,EAAAA,EAAAA,YAAWC,EAAAA,SAY9B,MAAO,CAAErG,YAVUgB,EAAAA,EAAAA,cACjB,SAACsF,EAAWC,GACV,OAAIA,EACK,IAAIC,EAAAA,EAAcL,EAAY,CAAErH,GAAIwH,IAAaG,OAAOF,GAE1D,IAAIC,EAAAA,EAAcL,EAAY,CAAErH,GAAIwH,IAAaG,QACzD,GACD,CAACN,IAIJ","sources":["webpack:///./components/breadcrumbs/index.js","webpack:///./components/hero-module/index.js","webpack:///./components/loaders/shimmerLoader.js","webpack:///./components/help-option/index.js","webpack:///./components/more-ways-of-help/index.js","webpack:///./components/topic-tree/index.js","webpack:///./hooks/useHelper.js","webpack:///./hooks/useMessage.js"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { Icon, Link } from '@paypalcorp/pp-react'\nimport { Message } from '@paypalcorp/worldready-react'\nimport { BREADCRUMBS_DATA } from '../../utils/prop-type-shape'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\n\n//styles\nimport './breadcrumbs.less'\n\n// Hooks\nimport useTracking from '../../hooks/useTracking'\nimport { useHelper } from '../../hooks/useHelper'\nimport { pageNames } from '../../constants'\n\nfunction Breadcrumbs({ breadCrumbTitle, breadCrumbPath, pageName = '' }) {\n  const [topicTitle, setTopicTitle] = useState(null)\n  const [articleTitle, setArticleTitle] = useState(null)\n  const [topicPath, setTopicPath] = useState(null)\n  const { trackClick } = useTracking()\n\n  //Hooks\n  const { generateLinkWithCoBrand } = useHelper()\n\n  useEffect(() => {\n    if (breadCrumbTitle && breadCrumbPath) {\n      const [currentTopicTitle, currentArticleTitle] =\n        breadCrumbTitle.split('/')\n      const [currentTopicPath] = breadCrumbPath.split('/')\n      setTopicTitle(currentTopicTitle)\n      setArticleTitle(currentArticleTitle)\n      setTopicPath(currentTopicPath)\n    }\n  }, [breadCrumbTitle, breadCrumbPath])\n\n  const isTopicLinkExist = () => topicPath && topicTitle\n\n  const onClickHandler = (e, topic) => {\n    e.stopPropagation()\n    trackClick({\n      name: componentNames.BREADCRUMB,\n      type: fptiTypes.ON_CLICK,\n      link: `breadcrumb|${topic}|clicked`,\n    })\n  }\n\n  const renderTopicLink = () => {\n    if (isTopicLinkExist()) {\n      return (\n        <>\n          <Icon\n            className=\"hc_breadcrumb__link_separator\"\n            name=\"chevron-down\"\n            size=\"xs\"\n          />\n          <Link\n            href={generateLinkWithCoBrand(`/cshelp/topic/${topicPath}`)}\n            data-testid=\"hc-breadcrumb-topic-link\"\n            onClick={(e) => onClickHandler(e, topicPath)}\n          >\n            {topicTitle}\n          </Link>\n        </>\n      )\n    }\n    return null\n  }\n\n  const renderArticleLink = () => {\n    if (isTopicLinkExist() && articleTitle) {\n      return (\n        <>\n          <Icon\n            className=\"hc_breadcrumb__link_separator\"\n            name=\"chevron-down\"\n            size=\"xs\"\n          />\n          <Link\n            href={generateLinkWithCoBrand(`/smarthelp/topic/${topicPath}`)}\n            data-testid=\"hc-breadcrumb-article-link\"\n            onClick={(e) => onClickHandler(e, topicPath)}\n          >\n            {articleTitle}\n          </Link>\n        </>\n      )\n    }\n    return null\n  }\n\n  const breadCrumbContainerClass =\n    pageName === pageNames.TOPIC\n      ? 'hc_breadcrumb_topic__container'\n      : 'hc_breadcrumb__container'\n\n  return (\n    <div\n      className={breadCrumbContainerClass}\n      data-testid=\"hc-breadcrumb-container\"\n    >\n      <Link\n        href={generateLinkWithCoBrand('/cshelp/home')}\n        data-testid=\"hc-breadcrumb-home-link\"\n      >\n        <Message id=\"app.helpcenter.home\" />\n      </Link>\n      {renderTopicLink()}\n      {renderArticleLink()}\n    </div>\n  )\n}\n\nBreadcrumbs.propTypes = BREADCRUMBS_DATA\n\nexport default Breadcrumbs\n","// styles\nimport './hero-module.less'\n\nimport {\n  BodyText,\n  Col,\n  Container,\n  HeadingText,\n  Link,\n  Row,\n} from '@paypalcorp/pp-react'\nimport React, {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  BUSINESS,\n  PERSONAL,\n  TECHNICAL,\n  pageNames,\n  urlConstants,\n} from '../../constants'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\n\nimport { Message } from '@paypalcorp/worldready-react'\nimport { HERO_MODULE_DATA } from '../../utils/prop-type-shape'\nimport ShimmerLoader from '../loaders/shimmerLoader'\n// Hooks\nimport { useHelper } from '../../hooks/useHelper'\nimport { useMessage } from '../../hooks/useMessage'\nimport useTracking from '../../hooks/useTracking'\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(props) {\n  const { searchQuery, appliedFilter } = props\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 pageName = getPageName()\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 experiencePath = getHomePathByExperience()\n\n  const isExpHomePage = [PERSONAL, BUSINESS, TECHNICAL].includes(pageName)\n\n  const isContactUsPages = [\n    pageNames.CONTACT_US,\n    pageNames.TOPIC_DETAILS,\n  ].includes(pageName)\n\n  const getUserExperienceLabel = useCallback(() => {\n    if (isContactUsPages) {\n      return getMessage('app.helpcenter.experience.contactUsLabel')\n    }\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  }, [getUserUiExp, getMessage, isContactUsPages])\n\n  const userExperienceLabel = useMemo(\n    () => getUserExperienceLabel(),\n    [getUserExperienceLabel],\n  )\n\n  const renderSearchBar = () => {\n    if (isSearchReady) {\n      return (\n        <Suspense fallback={<ShimmerLoader />}>\n          <SearchBarComponent\n            searchQuery={searchQuery}\n            appliedFilter={appliedFilter}\n          />\n        </Suspense>\n      )\n    }\n    return <ShimmerLoader />\n  }\n\n  const renderUserGreering = () => {\n    if (isExpHomePage || isContactUsPages) {\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=\"sm\"\n          className=\"hc_hero-module__greeting--label\"\n        >\n          {greeting}\n        </HeadingText>\n      )\n    }\n    return null\n  }\n\n  const getExperienceLabel = () => {\n    if (!isExpHomePage && !isContactUsPages) {\n      return (\n        <Link\n          className=\"\"\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        as=\"h1\"\n        strong\n        data-testid=\"hc-hero-module-helpcenter-label\"\n        className=\"hc_hero-module__exp-label\"\n      >\n        {userExperienceLabel}\n      </BodyText>\n    )\n  }\n\n  const renderHeroSectionInAupViolationPage = () => {\n    return (\n      <div className=\"hc_hero-module_aupviolation\">\n        <Link href={urlConstants.CSHELP_HOME}>\n          <HeadingText size=\"sm\" className=\"hc_hero-module_aupviolation__text\">\n            <Message id=\"app.helpcenter.title\" />\n          </HeadingText>\n        </Link>\n        <HeadingText size=\"sm\" className=\"hc_hero-module_aupviolation__text\">\n          <Message id=\"aupviolation.report.title\" />\n        </HeadingText>\n        <div className=\"hc_hero-module_aupviolation__other_links\">\n          <Link\n            className=\"hc_hero-module_aupviolation__text\"\n            href={urlConstants.DEFAULT_COMMUNITY_LINK}\n            size=\"sm\"\n          >\n            <Message id=\"app.helpchannels.communityForum.title\" />\n          </Link>\n          <Link\n            className=\"hc_hero-module_aupviolation__text\"\n            href={urlConstants.DISPUTES}\n            size=\"sm\"\n          >\n            <Message id=\"app.helpchannels.resCenter.title\" />\n          </Link>\n        </div>\n      </div>\n    )\n  }\n\n  if (pageName === pageNames.AUPVIOLATION) {\n    return (\n      <div\n        className=\"hc_hero-module_aupviolation\"\n        data-testid=\"hc-hero-module-section-aupviolation\"\n      >\n        <Container xxl={true}>\n          {renderHeroSectionInAupViolationPage()}\n        </Container>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className=\"hc_hero-module hc_hero-module--default\"\n      data-testid=\"hc-hero-module-section\"\n    >\n      <Container>\n        <Row className=\"hc_hero-module__link--row\">\n          <Col>{getExperienceLabel()}</Col>\n        </Row>\n        <Row className=\"hc_hero-module__greeting\">\n          <Col>{renderUserGreering()}</Col>\n        </Row>\n        <Row>\n          <Col>{renderSearchBar()}</Col>\n        </Row>\n      </Container>\n    </div>\n  )\n}\n\nHeroModule.propTypes = HERO_MODULE_DATA\n\nexport default HeroModule\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Card } from '@paypalcorp/pp-react'\n\nimport './shimmer-loader.less'\n\n// component to load different shimmers with different sizes based on the props.\nconst ShimmerLoader = (props) => {\n  const { customLoaderStyle, rows } = props\n\n  const getShimmer = () => {\n    const defaultShimmerStyle = {\n      height: '10rem',\n      width: '100%',\n      marginBottom: '1rem',\n    }\n    const customStyle = { ...defaultShimmerStyle, ...customLoaderStyle }\n\n    const shimmers = Array.from({ length: rows }, (_, i) => {\n      return (\n        <div\n          data-testid={`hc-shimmer-${i}`}\n          key={`shimmer${i}`}\n          style={customStyle}\n        >\n          <Card isLoading />\n        </div>\n      )\n    })\n\n    return <>{shimmers}</>\n  }\n\n  return getShimmer()\n}\n\nShimmerLoader.propTypes = {\n  customLoaderStyle: PropTypes.shape({}),\n  rows: PropTypes.number,\n}\n\nShimmerLoader.defaultProps = {\n  rows: 1,\n}\nexport default ShimmerLoader\n","import {\n  CaptionText,\n  Card,\n  Col,\n  Icon,\n  Link,\n} from '@paypalcorp/pp-react'\nimport React from 'react'\nimport { HELP_CHANNEL_DATA } from '../../utils/prop-type-shape'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\n\n// Hooks\nimport useTracking from '../../hooks/useTracking'\n\n// styles\nimport './help-option.less'\n\n// HelpOption Component to render individual help option card\nfunction HelpOption({ iconName, title, desc, target, url, id }) {\n  const { trackClick } = useTracking()\n\n  const handleOnClick = (event) => {\n    event.preventDefault()\n\n    // Track click event through FPTI\n    trackClick({\n      name: componentNames.MORE_WAYS_OF_HELP,\n      type: fptiTypes.ON_CLICK,\n      link: `help-option|${id}|clicked`,\n    })\n\n    window.open(url, target || '_blank')\n  }\n\n  return (\n    <Col\n      data-testid=\"hc-help-option-col\"\n      sm={6}\n      lg={4}\n      className=\"hc_more-help-option\"\n    >\n      <Card\n        onClick={(e) => handleOnClick(e)}\n        className=\"hc_more-help-option__card\"\n        data-testid=\"hc-help-option-card\"\n      >\n        <div className=\"hc_more-help-option__icon\">\n          <Icon\n            size=\"lg\"\n            color=\"sysColorAccent1Main\"\n            name={iconName}\n            data-testid=\"hc-help-option-icon\"\n          />\n        </div>\n        <div className=\"hc_more-help-option__content\">\n          <Link\n            secondary\n            target={target}\n            href={url}\n            aria-label={`${title} - ${desc}`}\n            data-testid=\"hc-help-option-link\"\n            className=\"hc_more-help-option__link\"\n          >\n            {title}\n          </Link>\n          <CaptionText\n            data-testid=\"hc-help-option-desc\"\n          >\n            {desc}\n          </CaptionText>\n        </div>\n      </Card>\n    </Col>\n  )\n}\n\nHelpOption.propTypes = HELP_CHANNEL_DATA\n\nexport default HelpOption\n","import { Col, HeadingText, Row } from '@paypalcorp/pp-react'\nimport { Message } from '@paypalcorp/worldready-react'\nimport React, { useEffect } from 'react'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\nimport { MORE_WAYS_OF_HELP_DATA } from '../../utils/prop-type-shape'\nimport HelpOption from '../help-option'\nimport useTracking from '../../hooks/useTracking'\nimport './more-ways-of-help.less'\n\n// MoreWaysOfHelp Component - To display help contact channels\nfunction MoreWaysOfHelp({ helpChannels }) {\n  const { trackActivity } = useTracking()\n\n  // On component mount\n  useEffect(() => {\n    trackActivity({\n      name: componentNames.MORE_WAYS_OF_HELP,\n      type: fptiTypes.SUCCESS,\n    })\n  }, [trackActivity])\n\n  const isHelpChannelsExist = () => {\n    return Array.isArray(helpChannels) && helpChannels.length\n  }\n\n  const renderHelpOptions = () => {\n    return (\n      isHelpChannelsExist() && (\n        <div\n          data-testid=\"hc-more-ways-section\"\n          className=\"hc_more-ways--section\"\n        >\n          <Row>\n            <Col>\n              <HeadingText\n                data-testid=\"hc-more-ways-heading\"\n                className=\"hc_more-help-options__heading\"\n                as=\"h2\"\n                size=\"sm\"\n              >\n                <Message id=\"app.helpcenter.moreWaysToHelp\" />\n              </HeadingText>\n            </Col>\n          </Row>\n          <Row data-testid=\"hc-more-ways-help-options\">\n            {helpChannels.map((helpChannel) => (\n              <HelpOption key={helpChannel.id} {...helpChannel} />\n            ))}\n          </Row>\n        </div>\n      )\n    )\n  }\n\n  return <>{renderHelpOptions()}</>\n}\n\nMoreWaysOfHelp.propTypes = MORE_WAYS_OF_HELP_DATA\n\nexport default MoreWaysOfHelp\n","import { Link } from '@paypalcorp/pp-react'\nimport classNames from 'classnames'\nimport React, { useEffect, useState } from 'react'\nimport { TOPIC_TREE_COMPLETE_DATA } from '../../utils/prop-type-shape'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\nimport { Message } from '@paypalcorp/worldready-react'\n\n//Hooks\nimport { useHelper } from '../../hooks/useHelper'\nimport useTracking from '../../hooks/useTracking'\n\n// styles\nimport './topic-tree.less'\nimport { pageNames } from '../../constants'\n\n// Topic Tree Component\nfunction TopicTree({\n  breadCrumbPath,\n  topicTreeData,\n  l1TopicId = '',\n  l2TopicId = '',\n  pageName,\n}) {\n  const [selectedTopic, setSelectedTopic] = useState('')\n  const { generateLinkWithCoBrand, getHomePathByExperience } = useHelper()\n  const { trackActivity, trackClick } = useTracking()\n\n  useEffect(() => {\n    trackActivity({ name: componentNames.TOPIC_TREE, type: fptiTypes.SUCCESS })\n  }, [trackActivity])\n\n  useEffect(() => {\n    if (breadCrumbPath) {\n      setSelectedTopic(breadCrumbPath.split('/')[0])\n    }\n    if (pageName) {\n      setSelectedTopic(pageNames.HOME)\n    }\n    if (l1TopicId) {\n      setSelectedTopic(l1TopicId)\n    }\n    if (l2TopicId) {\n      setSelectedTopic(l2TopicId)\n    }\n  }, [breadCrumbPath, l1TopicId, l2TopicId, pageName])\n\n  // on click topic tree item handler\n  const onClickHandler = (e, topic) => {\n    e.stopPropagation()\n    let link = ''\n\n    const topicItemId = topic.topicId || topic.subTopicId\n\n    if (typeof topic === 'string' && topic === 'home') {\n      link = 'topic-tree|home|clicked'\n    } else {\n      link = `topic-tree|${topicItemId}|clicked`\n    }\n    // track topictree item on click\n    trackClick({\n      name: componentNames.TOPIC_TREE,\n      type: fptiTypes.ON_CLICK,\n      link,\n    })\n  }\n\n  const isTopicTreeExist = () =>\n    Array.isArray(topicTreeData) && topicTreeData.length\n\n  const renderHomeLink = () => {\n    return (\n      <li\n        className={classNames('hc_topic-tree-item hc_topic-tree-home--link', {\n          'hc_topic-tree-item--active': selectedTopic === 'home',\n        })}\n        onClick={(e) => onClickHandler(e, 'home')}\n        key=\"topic-tree-home-link\"\n        data-testid=\"hc-topic-tree-home-li\"\n      >\n        <Link\n          secondary={selectedTopic !== 'home'}\n          href={generateLinkWithCoBrand(getHomePathByExperience())}\n          key=\"topic_home_link\"\n          className=\"hc_topic-tree-item__link\"\n          data-testid=\"hc-topic-tree-home-link\"\n        >\n          <Message id=\"app.helpcenter.home\" />\n        </Link>\n      </li>\n    )\n  }\n\n  const generateTopicLink = (topicId) => {\n    // L2 subTopic page -> L1 topic page\n    if (l2TopicId) {\n      return generateLinkWithCoBrand(\n        `/cshelp/topic/${l1TopicId}?open=${topicId}`,\n      )\n    }\n    // go to other L1 topic page\n    return generateLinkWithCoBrand(`/cshelp/topic/${topicId}`)\n  }\n\n  const renderTopicTree = () => {\n    if (isTopicTreeExist()) {\n      return topicTreeData.map((topic) => {\n        const topicItemId = topic.topicId || topic.subTopicId\n        const topicItemName = topic.topicName || topic.subTopicName\n\n        return (\n          <li\n            className={classNames('hc_topic-tree-item', {\n              'hc_topic-tree-item--active': topicItemId === selectedTopic,\n            })}\n            onClick={(e) => onClickHandler(e, topic)}\n            key={topicItemId}\n            data-testid=\"hc-topic-tree-item\"\n          >\n            <Link\n              secondary={topicItemId !== selectedTopic}\n              href={generateTopicLink(topicItemId)}\n              key={`topic_${topicItemId}`}\n              className=\"hc_topic-tree-item__link\"\n              data-testid=\"hc-topic-tree-item-link\"\n            >\n              {topicItemName}\n            </Link>\n          </li>\n        )\n      })\n    }\n    return <></>\n  }\n\n  return (\n    <>\n      <ul data-testid=\"hc-topic-tree-list\" className=\"hc_topic-tree__list\">\n        {renderHomeLink()}\n        {renderTopicTree()}\n      </ul>\n    </>\n  )\n}\n\nTopicTree.propTypes = TOPIC_TREE_COMPLETE_DATA\n\nexport default TopicTree\n","import { useCallback } from 'react'\nimport { JP, PERSONAL, BUSINESS, TECHNICAL } from '../constants'\nimport { useAppContext } from '../contexts/app-context'\n\nexport const useHelper = () => {\n  const { reqContextData, pageProps } = useAppContext()\n\n  const generateLinkWithCoBrand = useCallback(\n    (link) => {\n      if (reqContextData.coBrand) {\n        return `/${reqContextData.coBrand}${link}`\n      }\n      return link\n    },\n    [reqContextData],\n  )\n\n  const isLoggedIn = useCallback(() => {\n    return reqContextData.isLoggedIn\n  }, [reqContextData])\n\n  const getPageName = useCallback(() => {\n    return pageProps.pageName\n  }, [pageProps])\n\n  const getDisplayName = useCallback(() => {\n    const { user, country } = reqContextData\n    if (user && typeof user === 'object') {\n      if (country === JP) {\n        return user.lastName || ''\n      }\n      return user.firstName || ''\n    }\n    return ''\n  }, [reqContextData])\n\n  const getUserUiExp = useCallback(() => {\n    return reqContextData.userUiExp\n  }, [reqContextData])\n\n  const getHomePathByExperience = useCallback(\n    (exp) => {\n      const experience = exp || reqContextData.userUiExp\n      const experiencePathMapping = {\n        [PERSONAL]: '/cshelp/personal',\n        [BUSINESS]: '/cshelp/business',\n        [TECHNICAL]: '/cshelp/technical',\n      }\n\n      return experiencePathMapping[experience] || '/cshelp/home'\n    },\n    [reqContextData],\n  )\n\n  return {\n    generateLinkWithCoBrand,\n    isLoggedIn,\n    getDisplayName,\n    getPageName,\n    getUserUiExp,\n    getHomePathByExperience,\n  }\n}\n","import { MessageFormat } from '@paypalcorp/worldready'\nimport { Context as WorldReadyContext } from '@paypalcorp/worldready-react'\nimport { useContext, useCallback } from 'react'\n\nexport const useMessage = () => {\n  const worldReady = useContext(WorldReadyContext)\n\n  const getMessage = useCallback(\n    (messageId, data) => {\n      if (data) {\n        return new MessageFormat(worldReady, { id: messageId }).format(data)\n      }\n      return new MessageFormat(worldReady, { id: messageId }).format()\n    },\n    [worldReady],\n  )\n\n  return { getMessage }\n}\n"],"names":["Breadcrumbs","breadCrumbTitle","breadCrumbPath","pageName","useState","topicTitle","setTopicTitle","articleTitle","setArticleTitle","topicPath","setTopicPath","trackClick","useTracking","generateLinkWithCoBrand","useHelper","useEffect","split","currentTopicTitle","currentArticleTitle","currentTopicPath","isTopicLinkExist","onClickHandler","e","topic","stopPropagation","name","componentNames","BREADCRUMB","type","fptiTypes","ON_CLICK","link","breadCrumbContainerClass","pageNames","TOPIC","className","href","Message","id","size","onClick","propTypes","BREADCRUMBS_DATA","searchBar","SearchBarComponent","React","HeroModule","props","searchQuery","appliedFilter","isLoggedIn","getDisplayName","getPageName","getUserUiExp","getHomePathByExperience","trackActivity","getMessage","useMessage","isSearchReady","setIsSearchReady","HERO_MODULE","SUCCESS","experiencePath","isExpHomePage","PERSONAL","BUSINESS","TECHNICAL","includes","isContactUsPages","CONTACT_US","TOPIC_DETAILS","getUserExperienceLabel","useCallback","mapping","userExperienceLabel","useMemo","AUPVIOLATION","xxl","urlConstants","CSHELP_HOME","DEFAULT_COMMUNITY_LINK","DISPUTES","as","strong","greeting","Suspense","fallback","HERO_MODULE_DATA","ShimmerLoader","customStyle","shimmers","customLoaderStyle","rows","height","width","marginBottom","Array","from","length","_","i","key","style","isLoading","PropTypes","defaultProps","HelpOption","iconName","title","desc","target","url","sm","lg","preventDefault","MORE_WAYS_OF_HELP","window","open","color","secondary","HELP_CHANNEL_DATA","MoreWaysOfHelp","helpChannels","isArray","map","helpChannel","MORE_WAYS_OF_HELP_DATA","TopicTree","topicTreeData","l1TopicId","l2TopicId","selectedTopic","setSelectedTopic","TOPIC_TREE","HOME","topicItemId","topicId","subTopicId","classNames","topicItemName","topicName","subTopicName","TOPIC_TREE_COMPLETE_DATA","useAppContext","reqContextData","pageProps","coBrand","user","country","JP","lastName","firstName","userUiExp","exp","experience","worldReady","useContext","WorldReadyContext","messageId","data","MessageFormat","format"],"sourceRoot":""}