{"version":3,"file":"871.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-tile/index.js","webpack:///./components/common-issues/index.js","webpack:///./pages/contact-us/index.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 { Link } from '@paypalcorp/pp-react'\nimport React from 'react'\n\nimport './topic-tile.less'\nimport { TOPIC_TILE_DATA } from '../../utils/prop-type-shape'\n\nfunction TopicTile({ topic, onClick, tileId }) {\n  const renderTile = () => {\n    return (\n      <div data-testid={`hc-topic-tile-${tileId}`} className=\"hc_topic_tile\">\n        <Link data-testid={`hc-topic-tile-link-${tileId}`} onClick={onClick}>\n          {topic?.name}\n        </Link>\n      </div>\n    )\n  }\n  return renderTile()\n}\n\nTopicTile.propTypes = TOPIC_TILE_DATA\n\nexport default TopicTile\n","import {\n  Accordion,\n  AccordionRow,\n  HeadingText,\n  Link,\n} from '@paypalcorp/pp-react'\nimport { Message } from '@paypalcorp/worldready-react'\nimport React, { useEffect, useState } from 'react'\nimport useTracking from '../../hooks/useTracking'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\nimport TopicTile from '../topic-tile'\n\nimport './common-issues.less'\nimport { useHelper } from '../../hooks/useHelper'\nimport { getContactUsFinalIntentUrl } from '../../utils/helper'\nimport { NO, YES } from '../../constants'\n\nfunction CommonIssues({ topics }) {\n  const { trackActivity, trackClick } = useTracking()\n  const [navTopics, setNavTopics] = useState([topics || []])\n  const { generateLinkWithCoBrand } = useHelper()\n\n  useEffect(() => {\n    trackActivity({\n      name: componentNames.COMMON_ISSUES,\n      type: fptiTypes.SUCCESS,\n    })\n  }, [trackActivity])\n\n  const onTopicClick = (topic, subTopic) => {\n    trackClick({\n      name: componentNames.COMMON_ISSUES,\n      type: fptiTypes.ON_CLICK,\n      link: `level|${navTopics.length}|topic|${topic.id}|sub-topic|${subTopic.id}|clicked`,\n    })\n    if (Array.isArray(subTopic.sub_topics)) {\n      setNavTopics([...navTopics, [subTopic]])\n    } else if (subTopic?.id) {\n      const finalIntentUrl = getContactUsFinalIntentUrl(subTopic?.id)\n      window.open(generateLinkWithCoBrand(finalIntentUrl), '_self')\n    } else {\n      trackActivity({\n        name: componentNames.COMMON_ISSUES,\n        type: fptiTypes.ERROR,\n        hc_event_info: `invalid-subtopic|topic|${topic.id}`,\n      })\n    }\n  }\n\n  const topicAccordianOnClick = (topic, isOpen) => {\n    trackClick({\n      name: componentNames.COMMON_ISSUES,\n      type: fptiTypes.ON_CLICK,\n      link: `accordian|open|${isOpen ? YES : NO}|topic|${topic.id}|clicked`,\n    })\n  }\n\n  const renderTopicTiles = () => {\n    const currentLevelTopics = navTopics[navTopics.length - 1] || []\n\n    if (Array.isArray(currentLevelTopics) && currentLevelTopics.length) {\n      return (\n        <Accordion\n          data-testid=\"hc-common-issues-accordion\"\n          name=\"hc-common-issues-accordion\"\n        >\n          {currentLevelTopics.map((topic, topicIdx) => {\n            return (\n              <AccordionRow\n                onClick={(...args) => topicAccordianOnClick(topic, args[2])}\n                isOpen={navTopics.length > 1}\n                key={topic.id}\n                heading={topic.name}\n                subHeading={topic?.description || ''}\n                data-testid={`hc-common-issues-accordion-row-${topicIdx + 1}`}\n              >\n                {topic.sub_topics.map((subTopic, subTopicIdx) => {\n                  return (\n                    <TopicTile\n                      key={subTopic.id}\n                      topic={subTopic}\n                      onClick={() => onTopicClick(topic, subTopic)}\n                      tileId={`${topicIdx + 1}-${subTopicIdx + 1}`}\n                    />\n                  )\n                })}\n              </AccordionRow>\n            )\n          })}\n        </Accordion>\n      )\n    }\n\n    return null\n  }\n\n  const renderGoBack = () => {\n    const goBack = () => {\n      trackClick({\n        name: componentNames.COMMON_ISSUES,\n        type: fptiTypes.ON_CLICK,\n        link: `topics|level|${navTopics.length}|go-back|clicked`,\n      })\n      const updatedNavTopics = navTopics.slice(0, navTopics.length - 1)\n      setNavTopics(updatedNavTopics)\n    }\n\n    if (Array.isArray(navTopics) && navTopics.length > 1) {\n      return (\n        <div\n          data-testid=\"hc-common-issues-go-back\"\n          className=\"hc_common_issues__go_back\"\n        >\n          <Link data-testid=\"hc-common-issues-go-back-link\" onClick={goBack}>\n            <Message id=\"app.helpcenter.back.label\" />\n          </Link>\n        </div>\n      )\n    }\n\n    return null\n  }\n\n  const renderHeading = () => {\n    if (Array.isArray(navTopics) && navTopics.length === 1) {\n      return (\n        <HeadingText\n          data-testid=\"hc-common-issues-heading\"\n          className=\"hc_common_issues__heading\"\n          size=\"sm\"\n        >\n          <Message id=\"app.contactUs.commonIssues.title\" />\n        </HeadingText>\n      )\n    }\n\n    return null\n  }\n\n  const renderCommonIssues = () => {\n    if (!Array.isArray(topics) || !topics.length) {\n      return null\n    }\n\n    return (\n      <div data-testid=\"hc-common-issues\" className=\"hc_common_issues\">\n        {renderHeading()}\n        {renderGoBack()}\n        {renderTopicTiles()}\n      </div>\n    )\n  }\n\n  return renderCommonIssues()\n}\n\nexport default CommonIssues\n","import { Container, Row } from '@paypalcorp/pp-react'\nimport React, { Suspense } from 'react'\nimport Alerts from '../../components/alerts'\nimport CommonIssues from '../../components/common-issues'\nimport ContactChannels from '../../components/contact-channels'\nimport HeroModule from '../../components/hero-module'\nimport ShimmerLoader from '../../components/loaders/shimmerLoader'\nimport { CHAT_ENTRY_POINT_NAMES } from '../../constants'\nimport { useAppContext } from '../../contexts/app-context'\nimport useTracking from '../../hooks/useTracking'\nimport { componentNames } from '../../utils/analytics/fpti-constants'\n\nconst DisputeTracker = React.lazy(() =>\n  import('../../components/dispute-tracker' /* webpackPrefetch: true */),\n)\nexport default function ContactUs() {\n  const appCtx = useAppContext()\n  const { fptiTypeByStatusCode, trackActivity } = useTracking()\n  const { pageProps } = appCtx\n\n  const { apiData, pageName, configs = {}} = pageProps\n  const { contactOptions = {} } = apiData\n  const {\n    isDisputesWidgetExpEnabled\n  } = configs\n  const renderCommonIssues = () => {\n    const { data, isError, statusCode } = contactOptions\n    if (!isError) {\n      return <CommonIssues topics={data?.topics} />\n    }\n\n    // FPTI Tracking\n    const type = isError && fptiTypeByStatusCode(statusCode)\n    trackActivity({\n      name: componentNames.COMMON_ISSUES,\n      type,\n    })\n    return null\n  }\n\n  const renderContactChannels = () => {\n    const { data, isError, statusCode } = contactOptions\n    if (!isError) {\n      return (\n        <ContactChannels\n          chatEntryPointName={\n            CHAT_ENTRY_POINT_NAMES.CONTACT_PAGE_HOME_MESSAGE_US\n          }\n          channels={data?.channels}\n          urls={data?.urls}\n        />\n      )\n    }\n\n    // FPTI Tracking\n    const type = isError && fptiTypeByStatusCode(statusCode)\n    trackActivity({\n      name: componentNames.CONTACT_CHANNELS,\n      type,\n    })\n    return null\n  }\n\n  const renderDisputeTracker = () => {\n    if (!isDisputesWidgetExpEnabled) {\n      return null\n    }\n    \n    return (\n      <Container className=\"hc_tracker_container\" xxl={true}>\n        <Row>\n          <Suspense fallback={<ShimmerLoader />}>\n            <DisputeTracker\n              pageName={pageName}\n              isTrackerEnabled={isDisputesWidgetExpEnabled}\n            />\n          </Suspense>\n        </Row>\n      </Container>\n    )\n  }\n  const renderContactUs = () => {\n    return (\n      <div data-testid=\"hc-contact-us-page\">\n        <Container>\n          <Row>\n            <Suspense fallback={<ShimmerLoader />}>\n              <Alerts pageName={pageName} />\n            </Suspense>\n          </Row>\n        </Container>\n        <HeroModule />\n\n        {/* <--------- TRACKER SECTION - all the trackers (dispute) or external components goes here ------------>*/}\n          {renderDisputeTracker()}\n        {/* <------------------- END OF TRACKER SECTION -----------------> */}\n\n        <Container xxl={true}>\n          {renderCommonIssues()}\n          {renderContactChannels()}\n        </Container>\n      </div>\n    )\n  }\n  return renderContactUs()\n}\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","TopicTile","topic","tileId","propTypes","TOPIC_TILE_DATA","topics","useTracking","trackActivity","trackClick","navTopics","setNavTopics","generateLinkWithCoBrand","useHelper","componentNames","COMMON_ISSUES","fptiTypes","SUCCESS","currentLevelTopics","Array","isArray","Message","ON_CLICK","link","updatedNavTopics","slice","topicIdx","YES","NO","topicAccordianOnClick","key","description","sub_topics","subTopic","subTopicIdx","finalIntentUrl","getContactUsFinalIntentUrl","window","open","ERROR","hc_event_info","onTopicClick","DisputeTracker","React","ContactUs","appCtx","useAppContext","fptiTypeByStatusCode","pageProps","apiData","pageName","configs","contactOptions","isDisputesWidgetExpEnabled","Suspense","fallback","xxl","isTrackerEnabled","data","isError","statusCode","renderCommonIssues","chatEntryPointName","CHAT_ENTRY_POINT_NAMES","CONTACT_PAGE_HOME_MESSAGE_US","channels","urls","CONTACT_CHANNELS","renderContactChannels"],"sourceRoot":""}