{"version":3,"file":"18.bundle.js","mappings":"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","sources":["webpack:///../node_modules/@paypalcorp/pp-react-accordion/dist/@paypalcorp/pp-react-accordion.esm.js","webpack:///./components/topic-accordions/topic-accordion-list.js","webpack:///./components/topic-accordions/index.js","webpack:///./components/error-views/general-content-error-view.js","webpack:///./pages/topic/index.js","webpack:///../node_modules/classnames/index.js","webpack:///../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///../node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"],"sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React, { useMemo, useState, useEffect } from 'react';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { math } from 'polished';\nimport { textStyles, BodyText } from '@paypalcorp/pp-react-text';\nimport { devWarning, utilStyles } from '@paypalcorp/pp-react-utils';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport { ChevronDownIcon } from '@paypalcorp/pp-react-icons';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;\nfunction styles(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    devWarning('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var sysSpaceXs = tokens.sysSpaceXs,\n      sysSpaceLg = tokens.sysSpaceLg,\n      sysColorBackgroundMediumContrast = tokens.sysColorBackgroundMediumContrast,\n      sysColorBackgroundHighContrast = tokens.sysColorBackgroundHighContrast,\n      sysMotionDurationMoveSmall = tokens.sysMotionDurationMoveSmall;\n\n  var _utilStyles = utilStyles(tokens),\n      focusStyles = _utilStyles.focusStyles,\n      variables = _utilStyles.variables;\n\n  var _textStyles = textStyles(tokens),\n      textBody = _textStyles.body,\n      bodyStrong = _textStyles.bodyStrong,\n      title = _textStyles.title,\n      textCaption = _textStyles.caption;\n\n  var ppuiEaseMoveSmall = variables.ppuiEaseMoveSmall;\n  var headerPaddingRight = math(\"\".concat(sysSpaceLg, \" * 3.25\"));\n  // 64px\n  var base = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: accordion_base;\\n    width: 100%;\\n    border-collapse: collapse;\\n  \"])));\n  var row = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: row;\\n    border: none;\\n  \"])));\n  var body = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n    label: body;\\n    text-align: left;\\n    max-height: 0;\\n    overflow-y: hidden;\\n    transition: max-height \", \" \", \";\\n\\n    \", \";\\n    p {\\n      margin: 0;\\n    }\\n\\n    [dir='rtl'] & {\\n      text-align: right;\\n    }\\n  \"])), sysMotionDurationMoveSmall, ppuiEaseMoveSmall, textBody({\n    color: sysColorBackgroundHighContrast\n  }));\n  var caption = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n    \", \";\\n  \"])), textCaption({\n    color: sysColorBackgroundHighContrast\n  }));\n  var bodyOpen = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n    label: body_open;\\n    max-height: 125rem;\\n  \"])));\n  var innerBody = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n    padding: 0 \", \" \", \";\\n    padding-top: \", \";\\n  \"])), sysSpaceLg, sysSpaceLg, sysSpaceXs);\n\n  var getHeaderFont = function (size) {\n    if (size === 'small') return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n        \", \"\\n      \"])), bodyStrong({\n      color: sysColorBackgroundHighContrast\n    }));\n    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"\\n      \", \"\\n    \"])), title({\n      color: sysColorBackgroundHighContrast\n    }));\n  };\n\n  var header = function (size) {\n    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"\\n    label: header;\\n    cursor: pointer;\\n    word-break: break-word;\\n    min-height: \", \";\\n    padding: \", \" \", \" \", \" \", \";\\n    position: relative;\\n    background: none;\\n    border: none;\\n    width: 100%;\\n    display: flex;\\n    justify-content: center;\\n    flex-direction: column;\\n    text-align: start;\\n    \", \";\\n\\n    &:focus {\\n      \", \"\\n    }\\n\\n    &[aria-expanded='true'] {\\n      &:before {\\n        transform: rotateX(180deg);\\n      }\\n    }\\n\\n    [dir='rtl'] & {\\n      padding: \", \" \", \" \", \" \", \";\\n      text-align: right;\\n    }\\n  \"])), '4rem', sysSpaceLg, headerPaddingRight, sysSpaceLg, sysSpaceLg, getHeaderFont(size), focusStyles.focusInlineElement, sysSpaceLg, sysSpaceLg, sysSpaceLg, headerPaddingRight);\n  };\n\n  var subHeading = function () {\n    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"\\n    color: \", \";\\n    padding-top: \", \";\\n  \"])), sysColorBackgroundMediumContrast, sysSpaceXs);\n  };\n\n  var svgIcon = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"\\n    label: svg_icon;\\n    color: \", \";\\n    position: absolute;\\n    right: \", \";\\n    transition: transform \", \" \", \";\\n    [dir='rtl'] & {\\n      left: \", \";\\n      right: auto;\\n    }\\n  \"])), sysColorBackgroundMediumContrast, sysSpaceLg, sysMotionDurationMoveSmall, ppuiEaseMoveSmall, sysSpaceLg);\n  var iconRotate = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"\\n    label: icon_rotate;\\n    transform: rotate(180deg);\\n  \"])));\n  return {\n    base: base,\n    row: row,\n    body: body,\n    caption: caption,\n    innerBody: innerBody,\n    subHeading: subHeading,\n    header: header,\n    svgIcon: svgIcon,\n    iconRotate: iconRotate,\n    bodyOpen: bodyOpen\n  };\n}\n\nvar _excluded = [\"name\", \"className\", \"children\", \"headerSize\"];\n\nvar Accordion = function (_ref) {\n  var _ref$name = _ref.name,\n      name = _ref$name === void 0 ? 'Accordion' : _ref$name,\n      className = _ref.className,\n      children = _ref.children,\n      headerSize = _ref.headerSize,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var accordionRows = React.Children.map(children, function (child, index) {\n    return React.cloneElement(child, {\n      accordionName: name,\n      rowNumber: index + 1,\n      headerSize: headerSize\n    });\n  });\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  return jsx(\"div\", _extends({\n    css: _styles.base,\n    className: className,\n    \"data-ppui-info\": \"accordion_3.0.2-ql\"\n  }, rest), accordionRows);\n};\n\nvar _excluded$1 = [\"accordionName\", \"heading\", \"subHeading\", \"rowNumber\", \"className\", \"headerClassName\", \"contentClassName\", \"iconClassName\", \"isOpen\", \"onClick\", \"children\", \"headerSize\"];\n\nvar AccordionRow = function (_ref) {\n  var accordionName = _ref.accordionName,\n      _ref$heading = _ref.heading,\n      heading = _ref$heading === void 0 ? 'Heading' : _ref$heading,\n      subHeading = _ref.subHeading,\n      rowNumber = _ref.rowNumber,\n      className = _ref.className,\n      headerClassName = _ref.headerClassName,\n      contentClassName = _ref.contentClassName,\n      iconClassName = _ref.iconClassName,\n      _ref$isOpen = _ref.isOpen,\n      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,\n      onClick = _ref.onClick,\n      children = _ref.children,\n      _ref$headerSize = _ref.headerSize,\n      headerSize = _ref$headerSize === void 0 ? 'large' : _ref$headerSize,\n      rest = _objectWithoutProperties(_ref, _excluded$1);\n\n  var _useState = useState(isOpen),\n      _useState2 = _slicedToArray(_useState, 2),\n      show = _useState2[0],\n      setShowState = _useState2[1];\n\n  var handleClick = function (event) {\n    if (onClick) {\n      onClick(event, parseInt(rowNumber, 10), !show);\n    }\n\n    setShowState(!show);\n  };\n\n  useEffect(function () {\n    setShowState(isOpen);\n  }, [isOpen]); // If theme is not directly provided, get from themeContext\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var stylesBody = [_styles.body, show && _styles.bodyOpen, headerSize === 'small' && _styles.caption];\n  var stylesSvgIcon = [_styles.svgIcon, show && _styles.iconRotate];\n  var rowId = \"\".concat(accordionName, \"-row\").concat(rowNumber);\n  var contentId = \"\".concat(accordionName, \"-content\").concat(rowNumber);\n  return jsx(\"div\", {\n    css: _styles.row,\n    className: className,\n    \"data-ppui\": \"true\"\n  }, jsx(\"button\", _extends({\n    type: \"button\",\n    id: rowId,\n    css: _styles.header(headerSize),\n    className: headerClassName,\n    \"data-row\": rowNumber,\n    \"aria-expanded\": show,\n    \"aria-controls\": contentId,\n    onClick: function (e) {\n      return handleClick(e);\n    }\n  }, rest, {\n    \"data-ppui\": \"true\"\n  }), heading, subHeading && jsx(BodyText, {\n    as: \"span\",\n    css: _styles.subHeading,\n    \"data-ppui\": \"true\"\n  }, subHeading), jsx(ChevronDownIcon, {\n    size: \"sm\",\n    css: stylesSvgIcon,\n    className: iconClassName,\n    \"aria-hidden\": \"true\",\n    \"data-ppui\": \"true\"\n  })), jsx(\"div\", {\n    id: contentId,\n    css: stylesBody,\n    \"aria-labelledby\": rowId,\n    role: \"region\",\n    className: contentClassName,\n    \"data-ppui\": \"true\"\n  }, jsx(\"div\", {\n    css: _styles.innerBody,\n    \"data-ppui\": \"true\"\n  }, children)));\n};\n\nexport { Accordion, AccordionRow, styles as accordionStyles };\n","import React, { useEffect, useState } from 'react'\n\n// helper\nimport { useHelper } from '../../hooks/useHelper'\nimport _isEmpty from 'lodash/isEmpty'\nimport { getTitleForArticleUrl } from '../../utils/helper'\nimport { Message } from '@paypalcorp/worldready-react'\nimport useTracking from '../../hooks/useTracking'\n\n// pp-react\nimport { Accordion, AccordionRow, BodyText, Link } from '@paypalcorp/pp-react'\n\n// style\nimport './topic-page.less'\n\n// constants\nimport { pageNames } from '../../constants'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\n\nconst TopicAccordionList = ({\n  subTopicTreeData,\n  l1Topic,\n  l2Topic,\n  open,\n  pageLevel,\n}) => {\n  const [topics, setTopics] = useState([])\n\n  const { generateLinkWithCoBrand } = useHelper()\n  const { trackClick } = useTracking()\n\n  useEffect(() => {\n    // /topic/topicId (l2 page)\n    let topicsList = subTopicTreeData || []\n\n    // /topic/topicId/subTopicId (l3 page)\n    if (l2Topic && l2Topic.topicId) {\n      topicsList = l2Topic.subTopics || []\n    }\n\n    // topic {subTopicId, subTopicName, articles?, subTopics, showMore}\n    // >= 10 items showMore\n    setTopics(\n      topicsList.map((topic) => {\n        const list = topic.articles || topic.subTopics || []\n\n        return {\n          ...topic,\n          showMore: list.length > 10,\n        }\n      }),\n    )\n  }, [subTopicTreeData, l2Topic])\n\n  const renderSubTopicDescription = (topicName) => {\n    return (\n      <>\n        <BodyText>\n          <Message id=\"app.topic.subtopic.description\" topic={topicName} />\n        </BodyText>\n      </>\n    )\n  }\n\n  const handleShowMoreClick = (e, topicId) => {\n    e.preventDefault()\n\n    trackClick({\n      name: componentNames.TOPIC_ACCORDIONS,\n      type: fptiTypes.ON_CLICK,\n      link: `${componentNames.TOPIC_ACCORDIONS}|${topicId}|show-more-link`,\n    })\n\n    // turn off current topic showMore when clicking on the showMore Link\n    setTopics((currentTopics) => {\n      const newTopics = currentTopics.map((topic) => {\n        if (topic.subTopicId === topicId) {\n          return {\n            ...topic,\n            showMore: false,\n          }\n        }\n\n        return topic\n      })\n\n      return newTopics\n    })\n  }\n\n  const renderShowMoreLink = (topicId) => {\n    return (\n      <li key=\"show-more-link\">\n        <Link\n          className=\"hc_topic-accordion_row__show_more_link\"\n          data-testid=\"hc-topic-accordion-row-show-more-link\"\n          onClick={(e) => handleShowMoreClick(e, topicId)}\n        >\n          <Message id=\"app.helpcenter.showMore\" />\n        </Link>\n      </li>\n    )\n  }\n\n  const handleLinkClick = ({\n    articleTitle = '',\n    articleId = '',\n    topicId = '',\n  }) => {\n    if (articleId) {\n      trackClick({\n        name: componentNames.TOPIC_ACCORDIONS,\n        type: fptiTypes.ON_CLICK,\n        link: `${componentNames.TOPIC_ACCORDIONS}|${pageLevel}|${topicId}|${articleId}|${articleTitle}|link-clicked`,\n      })\n    } else if (topicId) {\n      trackClick({\n        name: componentNames.TOPIC_ACCORDIONS,\n        type: fptiTypes.ON_CLICK,\n        link: `${componentNames.TOPIC_ACCORDIONS}|${pageLevel}|${topicId}|link-clicked`,\n      })\n    }\n  }\n\n  const renderSubTopicContent = (l3Topic, l2TopicId) => {\n    const url = generateLinkWithCoBrand(\n      `/cshelp/topic/${l1Topic.topicId}/${l2TopicId}?open=${l3Topic.subTopicId}`,\n    )\n    return (\n      <li\n        key={l3Topic.subTopicId}\n        className=\"hc_topic-accordion_row__sub_topic_list_item\"\n      >\n        <Link\n          data-testid={`hc-topic-accordion-row-sub-topic-link-${l3Topic.subTopicId}`}\n          href={url}\n          key={l3Topic.subTopicId}\n          onClick={() => handleLinkClick({ topicId: l3Topic.subTopicId })}\n        >\n          {l3Topic.subTopicName}\n        </Link>\n      </li>\n    )\n  }\n\n  const handleTopicsOrArticles = ({\n    list,\n    subTopicId,\n    showMore,\n    renderItem,\n  }) => {\n    // if current topic showMore: true -> list has >= 10 items\n    if (showMore) {\n      return [\n        ...list.slice(0, 10).map((item) => renderItem(item)),\n        renderShowMoreLink(subTopicId),\n      ]\n    }\n\n    return list.map((item) => renderItem(item))\n  }\n\n  const renderSubTopicsContent = ({\n    subTopics,\n    subTopicId,\n    subTopicName,\n    showMore,\n  }) => {\n    return (\n      <ul className=\"hc_topic-accordion_row__sub_topic_list\">\n        {renderSubTopicDescription(subTopicName)}\n        {handleTopicsOrArticles({\n          list: subTopics,\n          subTopicId,\n          showMore,\n          renderItem: (item) => renderSubTopicContent(item, subTopicId),\n        })}\n      </ul>\n    )\n  }\n\n  const renderArticleContent = (article, subTopicId) => {\n    const formattedTitle = () =>\n      getTitleForArticleUrl(article.articleTitle, article.articleId)\n    const url =\n      article.link ||\n      generateLinkWithCoBrand(`/cshelp/article/${formattedTitle()}`)\n\n    return (\n      <li\n        key={article.articleId}\n        className=\"hc_topic-accordion_row__article_list_item\"\n      >\n        <Link\n          data-testid=\"hc-topic-accordion-row-article-link\"\n          href={url}\n          onClick={() =>\n            handleLinkClick({\n              articleTitle: article.articleTitle,\n              articleId: article.articleId,\n              topicId: subTopicId,\n            })\n          }\n        >\n          {article.articleTitle}\n        </Link>\n      </li>\n    )\n  }\n  const renderArticleListContent = ({ articles, subTopicId, showMore }) => {\n    return (\n      <ul className=\"hc_topic-accordion_row__article_list\">\n        {handleTopicsOrArticles({\n          list: articles,\n          subTopicId,\n          showMore,\n          renderItem: (item) => renderArticleContent(item, subTopicId),\n        })}\n      </ul>\n    )\n  }\n\n  const renderTopicAccordionRowContent = ({\n    articles = [],\n    subTopics = [],\n    subTopicId,\n    subTopicName,\n    showMore,\n  }) => {\n    if (!_isEmpty(articles)) {\n      return renderArticleListContent({\n        articles,\n        subTopicId,\n        showMore,\n      })\n    } else if (!_isEmpty(subTopics)) {\n      return renderSubTopicsContent({\n        subTopics,\n        subTopicId,\n        subTopicName,\n        showMore,\n      })\n    }\n\n    return null\n  }\n\n  const handleRowToggle = ({ topicId, isExpand }) => {\n    trackClick({\n      name: componentNames.TOPIC_ACCORDIONS,\n      type: fptiTypes.ON_CLICK,\n      link: `${componentNames.TOPIC_ACCORDIONS}|${pageLevel}|${topicId}|expand|${isExpand}`,\n    })\n  }\n\n  const renderTopicAccordionRow = (topic) => {\n    const { subTopicName, subTopicId } = topic\n\n    return (\n      <AccordionRow\n        isOpen={open?.toUpperCase() === subTopicId?.toUpperCase()}\n        key={subTopicId}\n        heading={subTopicName}\n        accordionName={subTopicName}\n        className=\"hc_topic-accordion_row\"\n        headerClassName=\"hc_topic-accordion_row__header\"\n        contentClassName=\"hc_topic-accordion_row__content\"\n        data-testid={`hc-topic-accordion-list-row-${subTopicId}`}\n        onClick={(e, rowNumber, isExpand) =>\n          handleRowToggle({ topicId: subTopicId, isExpand })\n        }\n      >\n        {renderTopicAccordionRowContent(topic)}\n      </AccordionRow>\n    )\n  }\n\n  const renderTopicAccordionsList = () => {\n    return (\n      <Accordion\n        name={`${pageNames.TOPIC}-accordion`}\n        className=\"hc_topic-accordion_list\"\n        data-testid=\"hc-topic-accordion-list\"\n      >\n        {topics.map((topic) => {\n          return renderTopicAccordionRow(topic)\n        })}\n      </Accordion>\n    )\n  }\n\n  return <>{renderTopicAccordionsList()}</>\n}\n\nexport default TopicAccordionList\n","import React, { useEffect } from 'react'\n\n// pp-react\nimport { HeadingText } from '@paypalcorp/pp-react'\n\n// style\nimport './topic-page.less'\n\n// component\nimport Breadcrumbs from '../breadcrumbs'\nimport TopicAccordionList from './topic-accordion-list'\n\n// constant\nimport { pageNames } from '../../constants'\nimport {\n  componentNames,\n  fptiTypes,\n  TOPIC_PAGE_LEVEL,\n} from '../../utils/analytics/fpti-constants'\nimport useTracking from '../../hooks/useTracking'\nimport _isEmpty from 'lodash/isEmpty'\nimport _get from 'lodash/get'\n\nfunction TopicAccordions({ subTopicTreeData, selectedTopicTree = {}, open }) {\n  const { l1Topic, l2Topic } = selectedTopicTree\n\n  const { trackActivity } = useTracking()\n\n  const isL1OrL2TopicSelected = () =>\n    (l1Topic && l1Topic.topicId) || (l2Topic && l2Topic.topicId)\n\n  useEffect(() => {\n    if (!_isEmpty(subTopicTreeData) && isL1OrL2TopicSelected()) {\n      const l1TopicId = _get(l1Topic, 'topicId', '')\n      const l2TopicId = _get(l2Topic, 'topicId', '')\n\n      trackActivity({\n        name: componentNames.TOPIC_ACCORDIONS,\n        type: fptiTypes.SUCCESS,\n        link: `${pageNames.TOPIC}|${l1TopicId}|${l2TopicId}`,\n      })\n    }\n  }, [])\n\n  const renderBreadCrumbPath = () => {\n    return (\n      <>\n        <Breadcrumbs\n          breadCrumbPath={l1Topic.topicId}\n          breadCrumbTitle={l1Topic.topicName}\n          pageName={pageNames.TOPIC}\n        />\n      </>\n    )\n  }\n\n  const renderTopicName = () => {\n    return (\n      <>\n        <HeadingText\n          level={2}\n          className=\"hc_topic-header\"\n          data-testid=\"hc-topic-header\"\n        >\n          {l2Topic.topicName || l1Topic.topicName}\n        </HeadingText>\n      </>\n    )\n  }\n\n  const renderTopicAccordions = () => {\n    let pageLevel = ''\n    if (l2Topic && l2Topic.topicId) {\n      pageLevel = TOPIC_PAGE_LEVEL.L3\n    } else if (l1Topic && l1Topic.topicId) {\n      pageLevel = TOPIC_PAGE_LEVEL.L2\n    }\n\n    return (\n      <TopicAccordionList\n        subTopicTreeData={subTopicTreeData}\n        l1Topic={l1Topic}\n        l2Topic={l2Topic}\n        open={open}\n        pageLevel={pageLevel}\n      />\n    )\n  }\n\n  return (\n    <>\n      {renderBreadCrumbPath()}\n      {renderTopicName()}\n      {renderTopicAccordions()}\n    </>\n  )\n}\n\nexport default TopicAccordions\n","import React, { useEffect } from 'react'\n// pp-react\nimport { Container, HeadingText, Link } from '@paypalcorp/pp-react'\n\n// helper\nimport { Message } from '@paypalcorp/worldready-react'\nimport useTracking from '../../hooks/useTracking'\n\n// constants\nimport { fptiTypes } from '../../utils/analytics/fpti-constants'\n\n// style\nimport './error-views.less'\n\nfunction GeneralContentErrorView({ pageName }) {\n  const { trackClick, trackActivity } = useTracking()\n\n  useEffect(() => {\n    trackActivity({\n      name: pageName,\n      type: fptiTypes.SUCCESS,\n      event_name: `${pageName}_content_error_view`,\n    })\n  }, [])\n\n  const onClickHandler = () => {\n    trackClick({\n      name: pageName,\n      type: fptiTypes.ON_CLICK,\n      link: `${pageName}|generic-error-component|home-link|clicked`,\n    })\n  }\n\n  return (\n    <Container>\n      <div>\n        <HeadingText\n          data-testid=\"hc-content-error-heading\"\n          size=\"lg\"\n          className=\"hc_content-error__label\"\n        >\n          <Message id=\"app.helpcenter.error.label\" />\n        </HeadingText>\n      </div>\n      <div>\n        <HeadingText\n          data-testid=\"hc-content-error-desc\"\n          size=\"sm\"\n          className=\"hc_content-error__label\"\n        >\n          <Message\n            id=\"app.helpcenter.error.subLabel\"\n            link={(innerMessage) => (\n              <Link href=\"/cshelp/home\" onClick={onClickHandler}>\n                {innerMessage}\n              </Link>\n            )}\n          />\n        </HeadingText>\n      </div>\n    </Container>\n  )\n}\n\nexport default GeneralContentErrorView\n","import { useAppContext } from '../../contexts/app-context'\nimport React, { Suspense } from 'react'\nimport useTracking from '../../hooks/useTracking'\nimport _get from 'lodash/get'\nimport ShimmerLoader from '../../components/loaders/shimmerLoader'\nimport HeroModule from '../../components/hero-module'\nimport MoreWaysOfHelp from '../../components/more-ways-of-help'\nimport TopicTree from '../../components/topic-tree'\nimport TopicAccordions from '../../components/topic-accordions'\nimport GeneralContentErrorView from '../../components/error-views/general-content-error-view'\nimport { componentNames } from '../../utils/analytics/fpti-constants'\nimport { Col, Container, Row } from '@paypalcorp/pp-react'\n// style\nimport '../../styles/pages/topic.less'\n\nconst Alerts = React.lazy(() =>\n  import('../../components/alerts' /* webpackPrefetch: true */),\n)\nconst Survey = React.lazy(() =>\n  import('../../components/survey' /* webpackPrefetch: true */),\n)\n\nexport default function Topic() {\n  const appCtx = useAppContext()\n  const { trackErrorFPTI } = useTracking()\n  const { pageProps } = appCtx\n  const { apiData, pageName, topicParams } = pageProps\n  const { helpChannels, topicTree, subTopicTree, selectedTopicTree } = apiData\n\n  const l1TopicId = _get(selectedTopicTree, 'data.l1Topic.topicId', '')\n  const l2TopicId = _get(selectedTopicTree, 'data.l2Topic.topicId', '')\n\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 renderTopicTree = () => {\n    if (l2TopicId) {\n      const { isError, data } = subTopicTree\n\n      if (isError) {\n        // FPTI Tracking\n        trackErrorFPTI(subTopicTree, componentNames.TOPIC_TREE)\n        return null\n      }\n\n      return (\n        <TopicTree\n          topicTreeData={data}\n          l1TopicId={l1TopicId}\n          l2TopicId={l2TopicId}\n        />\n      )\n    }\n\n    const { isError, data } = topicTree\n\n    if (isError) {\n      // FPTI Tracking\n      trackErrorFPTI(topicTree, componentNames.TOPIC_TREE)\n      return null\n    }\n\n    return <TopicTree topicTreeData={data} l1TopicId={l1TopicId} />\n  }\n\n  const renderTopicAccordions = () => {\n    // subTopicTree contains all the l2 topics and their sub topics\n    const { isError, data } = subTopicTree\n    // selectedTopicTree contains selected l2 topic and its sub topics\n    const { isError: selectedTopicTreeError, data: selectedTopicData } =\n      selectedTopicTree\n\n    if (isError || selectedTopicTreeError) {\n      // FPTI Tracking\n      if (isError) {\n        trackErrorFPTI(subTopicTree, componentNames.TOPIC_ACCORDIONS)\n      }\n      if (selectedTopicTreeError) {\n        trackErrorFPTI(selectedTopicTree, componentNames.TOPIC_ACCORDIONS)\n      }\n      return <GeneralContentErrorView pageName={pageName} />\n    }\n\n    const { open } = topicParams\n    return (\n      <TopicAccordions\n        subTopicTreeData={data}\n        selectedTopicTree={selectedTopicData}\n        open={open}\n      />\n    )\n  }\n\n  const renderTopicPageView = () => {\n    return (\n      <div className=\"hc_topic_page\">\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        {/* <-------------- Topic content SECTION - Topic tree and Topic accordions -------> */}\n        <Container xxl={true}>\n          <Row className=\"hc_topic-content__section\">\n            <Col\n              xs={{ span: 12, order: 2 }}\n              sm={{ span: 12, order: 2 }}\n              md={{ span: 4, order: 1 }}\n              lg={{ span: 3, order: 1 }}\n              xl={{ span: 3, order: 1 }}\n              xxl={{ span: 3, order: 1 }}\n            >\n              {renderTopicTree()}\n            </Col>\n            <Col\n              xs={{ span: 12, order: 1 }}\n              sm={{ span: 12, order: 1 }}\n              md={{ span: 8, order: 2 }}\n              lg={{ span: 9, order: 2 }}\n              xl={{ span: 9, order: 2 }}\n              xxl={{ span: 9, order: 2 }}\n            >\n              {renderTopicAccordions()}\n            </Col>\n          </Row>\n        </Container>\n        {/* <------------------- END OF Topic SECTION -----------------> */}\n\n        {/* BOTTOM SECTION - Common components for all the experiences */}\n        <Container xxl={true}>\n          <Row>{renderMoreWaysOfHelp()}</Row>\n          <Row>\n            <Suspense fallback={<ShimmerLoader />}>\n              <Survey />\n            </Suspense>\n          </Row>\n        </Container>\n        {/* <------------------- END OF BOTTOM SECTION -----------------> */}\n      </div>\n    )\n  }\n\n  return renderTopicPageView()\n}\n","/*!\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\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) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\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 arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}"],"names":["_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","styles","tokens","Object","keys","length","sysSpaceXs","sysSpaceLg","sysColorBackgroundMediumContrast","sysColorBackgroundHighContrast","sysMotionDurationMoveSmall","_utilStyles","focusStyles","variables","_textStyles","textBody","body","bodyStrong","title","textCaption","caption","ppuiEaseMoveSmall","headerPaddingRight","concat","base","css","row","color","bodyOpen","innerBody","subHeading","header","size","getHeaderFont","focusInlineElement","svgIcon","iconRotate","_excluded","Accordion","_ref","_ref$name","name","className","children","headerSize","rest","accordionRows","map","child","index","accordionName","rowNumber","u","_styles","useMemo","jsx","_excluded$1","AccordionRow","_ref$heading","heading","headerClassName","contentClassName","iconClassName","_ref$isOpen","isOpen","onClick","_ref$headerSize","_useState","useState","_useState2","show","setShowState","useEffect","stylesBody","stylesSvgIcon","rowId","contentId","type","id","e","parseInt","as","role","subTopicTreeData","l1Topic","l2Topic","open","pageLevel","topics","setTopics","generateLinkWithCoBrand","useHelper","trackClick","useTracking","topicsList","topicId","subTopics","topic","list","articles","showMore","handleLinkClick","articleTitle","articleId","componentNames","TOPIC_ACCORDIONS","fptiTypes","ON_CLICK","link","handleTopicsOrArticles","subTopicId","renderItem","slice","item","key","preventDefault","currentTopics","handleShowMoreClick","Message","renderTopicAccordionRow","subTopicName","toUpperCase","isExpand","handleRowToggle","_isEmpty","topicName","l3Topic","l2TopicId","url","href","renderSubTopicsContent","article","getTitleForArticleUrl","renderArticleContent","renderArticleListContent","renderTopicAccordionRowContent","pageNames","TOPIC","selectedTopicTree","trackActivity","l1TopicId","_get","SUCCESS","breadCrumbPath","breadCrumbTitle","pageName","level","TOPIC_PAGE_LEVEL","L3","L2","event_name","onClickHandler","innerMessage","Alerts","React","Survey","Topic","data","appCtx","useAppContext","trackErrorFPTI","pageProps","apiData","topicParams","helpChannels","topicTree","subTopicTree","Suspense","fallback","xxl","xs","span","order","sm","md","lg","xl","isError","TOPIC_TREE","topicTreeData","renderTopicTree","selectedTopicTreeError","selectedTopicData","renderTopicAccordions","Array","isArray","MORE_WAYS_OF_HELP","hasOwn","hasOwnProperty","classNames","classes","i","arguments","arg","appendClass","parseValue","apply","toString","prototype","includes","call","value","newClass","module","exports","default","_toConsumableArray","arr","arrayLikeToArray","iter","Symbol","iterator","from","unsupportedIterableToArray","TypeError"],"sourceRoot":""}