{"version":3,"file":"902.bundle.js","mappings":"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","sources":["webpack:///../node_modules/@paypalcorp/pp-react-segmented-controller/dist/@paypalcorp/pp-react-segmented-controller.esm.js","webpack:///./components/call-us/dialing-info.js","webpack:///./components/call-us/tabs.js","webpack:///./pages/call-us/index.js"],"sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React, { useMemo, useRef, useLayoutEffect } from 'react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport { devWarning, utilStyles, throttle, KeyboardCode } from '@paypalcorp/pp-react-utils';\nimport { textStyles } from '@paypalcorp/pp-react-text';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;\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 sysBorderRadiusInteractive = tokens.sysBorderRadiusInteractive,\n      sysColorBackgroundAlt = tokens.sysColorBackgroundAlt,\n      sysColorBackgroundMediumContrast = tokens.sysColorBackgroundMediumContrast,\n      sysColorPrimaryContrast = tokens.sysColorPrimaryContrast,\n      sysColorPrimaryMain = tokens.sysColorPrimaryMain,\n      sysColorStructureFocus = tokens.sysColorStructureFocus,\n      sysMotionDurationMoveSmall = tokens.sysMotionDurationMoveSmall,\n      sysBorderThicknessNormal = tokens.sysBorderThicknessNormal,\n      sysSpaceSm = tokens.sysSpaceSm;\n\n  var _utilStyles = utilStyles(tokens),\n      focusStyles = _utilStyles.focusStyles,\n      variables = _utilStyles.variables;\n\n  var ppuiEaseMoveSmall = variables.ppuiEaseMoveSmall;\n\n  var _textStyles = textStyles(tokens),\n      textCaption = _textStyles.caption;\n  /* istanbul ignore next */\n\n\n  var borderRadius = sysBorderRadiusInteractive === '50%' ? '64rem' : sysBorderRadiusInteractive;\n  var webkitSize = '0.0421875rem';\n  var segmentedControllerSpace = '0.1875rem'; // 3px\n\n  var tabWrapBaseStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: segmented_controller_tab_wrap_base;\\n    background-color: \", \";\\n    border-radius: \", \";\\n    display: flex;\\n    align-items: stretch;\\n    justify-content: flex-start;\\n    position: relative;\\n    padding: \", \";\\n    gap: \", \";\\n  \"])), sysColorBackgroundAlt, borderRadius, segmentedControllerSpace, segmentedControllerSpace);\n  var tabStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: segmented_controller_tab;\\n    border-radius: inherit;\\n    position: relative;\\n    background-color: transparent;\\n    width: 100%;\\n    border: 0;\\n    min-width: 0;\\n    padding: 0;\\n    cursor: pointer;\\n    \", \"\\n    z-index: 1;\\n\\n    &:focus {\\n      \", \";\\n    }\\n\\n    @media (hover: hover) {\\n      &:hover {\\n        &:not(:focus) {\\n          span {\\n            border-color: \", \";\\n            transition: border-color \", \"\\n              \", \";\\n          }\\n        }\\n      }\\n    }\\n\\n    &[aria-selected='true'] {\\n      label: tab_aria_selected;\\n      \", \"\\n      -webkit-text-stroke-width: \", \";\\n\\n      span {\\n        color: \", \";\\n      }\\n    }\\n  \"])), textCaption(), focusStyles.focusOffsetElement, sysColorStructureFocus, sysMotionDurationMoveSmall, ppuiEaseMoveSmall, textCaption(), webkitSize, sysColorPrimaryMain);\n  var tabSlider = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n    label: slider;\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 0;\\n    height: 0;\\n    background: \", \";\\n    border-radius: \", \";\\n    -webkit-text-stroke-width: \", \";\\n    transition: all \", \" \", \";\\n  \"])), sysColorPrimaryContrast, borderRadius, webkitSize, sysMotionDurationMoveSmall, variables.ppuiEaseMoveSmall);\n  var tabTitleStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n    label: tab_title_base;\\n    display: flex;\\n    flex-wrap: wrap;\\n    justify-content: center;\\n    align-items: center;\\n    height: 100%;\\n    word-break: break-word;\\n    border: \", \" solid transparent;\\n    padding: \", \";\\n    border-radius: inherit;\\n    color: \", \";\\n    pointer-events: none;\\n  \"])), sysBorderThicknessNormal, sysSpaceSm, sysColorBackgroundMediumContrast);\n  var tabContentStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n    label: tab_content;\\n\\n    &[aria-hidden='true'] {\\n      display: none;\\n    }\\n  \"])));\n  var tabContentVisible = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n    label: tab_content_visible;\\n    display: block;\\n  \"])));\n  var tabContentHidden = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n    label: tab_content_hidden;\\n    display: none;\\n  \"])));\n  return {\n    tabWrapBaseStyles: tabWrapBaseStyles,\n    tabStyles: tabStyles,\n    tabSlider: tabSlider,\n    tabTitleStyles: tabTitleStyles,\n    tabContentStyles: tabContentStyles,\n    tabContentVisible: tabContentVisible,\n    tabContentHidden: tabContentHidden\n  };\n}\n\nvar _excluded = [\"id\", \"tabIdx\", \"label\", \"segmentedControllerId\", \"panelId\", \"selected\", \"onClick\", \"className\"];\nvar SegmentedControllerTab = React.forwardRef(function (_ref, ref) {\n  var id = _ref.id,\n      tabIdx = _ref.tabIdx,\n      label = _ref.label,\n      segmentedControllerId = _ref.segmentedControllerId,\n      panelId = _ref.panelId,\n      selected = _ref.selected,\n      onClick = _ref.onClick,\n      className = _ref.className,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var focusable = selected ? 0 : -1;\n  var tabId = id || \"\".concat(segmentedControllerId, \"-tab\").concat(parseInt(tabIdx, 10) + 1);\n  var tabStyles = [_styles.tabStyles];\n  return jsx(\"button\", _extends({\n    \"data-tab-index\": tabIdx,\n    id: tabId,\n    css: tabStyles,\n    className: className,\n    \"aria-controls\": panelId,\n    \"aria-selected\": selected,\n    tabIndex: focusable,\n    type: \"button\",\n    role: \"tab\",\n    ref: ref\n  }, rest, {\n    onClick: onClick,\n    \"data-ppui\": \"true\"\n  }), jsx(\"span\", {\n    css: _styles.tabTitleStyles,\n    \"data-ppui\": \"true\"\n  }, label));\n});\n\nvar _excluded$1 = [\"id\", \"panelId\", \"label\"];\n\nvar getRefCurrent = function (myRef) {\n  return (\n    /* istanbul ignore next */\n    myRef && myRef.current ? myRef.current : null\n  );\n};\n\nvar SegmentedControllerTabs = function (_ref) {\n  var _ref$name = _ref.name,\n      name = _ref$name === void 0 ? 'segmentedController' : _ref$name,\n      selectedTabIdx = _ref.selectedTabIdx,\n      _ref$tabs = _ref.tabs,\n      tabs = _ref$tabs === void 0 ? [] : _ref$tabs,\n      onClick = _ref.onClick,\n      className = _ref.className,\n      tabClassName = _ref.tabClassName,\n      tabsWrapperClassName = _ref.tabsWrapperClassName,\n      keepAlive = _ref.keepAlive,\n      lazyLoad = _ref.lazyLoad,\n      children = _ref.children;\n\n  /* istanbul ignore next */\n  if (!onClick) {\n    devWarning('Required prop `onClick` is missing');\n  }\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var containerEleRef = useRef();\n  var prevSelectedTabIdxRef = useRef(0);\n  var isTabsFocusedRef = useRef(false);\n  var focusedIdxRef = useRef();\n  var sliderRef = useRef();\n  var tabRef = useRef([]);\n\n  var getSelectedTabIdx = function () {\n    var index = Math.floor(selectedTabIdx);\n\n    if (!selectedTabIdx || !index || index >= tabs.length || index < 0) {\n      return 0;\n    }\n\n    return index;\n  };\n\n  var getWrapperCurrent = function (w) {\n    return (\n      /* istanbul ignore next */\n      w && w.current ? w.current : null\n    );\n  }; // apply styles to the slider element based on the\n  // dimention of the tab\n\n\n  var applySliderStyles = function (element) {\n    var _element$offsetParent;\n\n    var slider = getWrapperCurrent(sliderRef);\n    slider.style.left = \"\".concat((element === null || element === void 0 ? void 0 : element.getBoundingClientRect().left) - (element === null || element === void 0 ? void 0 : (_element$offsetParent = element.offsetParent) === null || _element$offsetParent === void 0 ? void 0 : _element$offsetParent.getBoundingClientRect().left), \"px\");\n    slider.style.width = \"\".concat(element === null || element === void 0 ? void 0 : element.getBoundingClientRect().width, \"px\");\n    slider.style.top = \"\".concat(element === null || element === void 0 ? void 0 : element.offsetTop, \"px\");\n    slider.style.height = \"\".concat(element === null || element === void 0 ? void 0 : element.offsetHeight, \"px\");\n  };\n\n  var offsetFocus = function (offset) {\n    var container = getRefCurrent(containerEleRef);\n    var tabDomItems = container.querySelectorAll('[role=\"tab\"]');\n    var nextIndex = focusedIdxRef.current + offset;\n    var index;\n    /* istanbul ignore next */\n\n    if (nextIndex === tabs.length) {\n      index = 0;\n    } else if (nextIndex === -1) {\n      index = tabs.length - 1;\n    } else {\n      index = nextIndex;\n    }\n\n    tabDomItems[index].focus();\n    focusedIdxRef.current = index;\n  };\n\n  var keyHandler = function (event) {\n    if (!isTabsFocusedRef.current) {\n      return;\n    }\n\n    var selectedIndex = getSelectedTabIdx();\n    /* istanbul ignore next */\n\n    var KeyCode = new KeyboardCode(event.key || event.keyCode);\n\n    if (KeyCode.IS_ARROW_LEFT) {\n      offsetFocus(-1);\n    } else if (KeyCode.IS_ARROW_RIGHT) {\n      offsetFocus(1);\n    } else if (KeyCode.IS_ENTER || KeyCode.IS_SPACEBAR) {\n      /* istanbul ignore next */\n      if (selectedIndex !== focusedIdxRef.current) {\n        onClick(event, focusedIdxRef.current);\n      }\n    }\n  };\n\n  useLayoutEffect(function () {\n    prevSelectedTabIdxRef.current = getSelectedTabIdx();\n  }, [tabs, selectedTabIdx, onClick]);\n  useLayoutEffect(function () {\n    // For the first time during initialisation\n    focusedIdxRef.current = getSelectedTabIdx();\n    /* istanbul ignore next */\n\n    var resizeObserver = window.ResizeObserver ? new ResizeObserver(throttle(function () {\n      applySliderStyles(tabRef.current[focusedIdxRef.current]);\n    }, 100)) : null;\n    /* istanbul ignore next */\n\n    if (window.ResizeObserver) {\n      resizeObserver.observe(containerEleRef.current);\n    }\n\n    return function () {\n      /* istanbul ignore next */\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n      }\n    };\n  }, []);\n\n  var handleClick = function (event) {\n    var tabIdxClicked = parseInt(event.currentTarget.getAttribute('data-tab-index'), 10);\n    event.currentTarget.focus(); // This is tested, but coverage not registering it\n\n    /* istanbul ignore next */\n\n    if (!isNaN(tabIdxClicked)) {\n      focusedIdxRef.current = tabIdxClicked;\n    }\n\n    applySliderStyles(event.target);\n    onClick(event, tabIdxClicked);\n  };\n\n  var selectedIndex = getSelectedTabIdx();\n  var selectedId;\n  var tabItems = tabs.map(function (tabProps, index) {\n    var id = tabProps.id,\n        panelId = tabProps.panelId,\n        label = tabProps.label,\n        rest = _objectWithoutProperties(tabProps, _excluded$1);\n\n    var keyIdentifier = \"\".concat(name, \"-tab\").concat(index + 1); // update animation (only on the selected tab)\n\n    if (index === selectedIndex) {\n      selectedId = id || keyIdentifier;\n    }\n\n    return jsx(SegmentedControllerTab, _extends({\n      key: keyIdentifier,\n      id: id,\n      tabIdx: index.toString(),\n      label: label,\n      ref: function ref(el) {\n        return tabRef.current[index] = el;\n      },\n      segmentedControllerId: name,\n      panelId: panelId,\n      selected: index === selectedIndex,\n      onClick: handleClick,\n      className: tabClassName\n    }, rest, {\n      \"data-ppui\": \"true\"\n    }));\n  });\n  var tabContent = null;\n\n  if (keepAlive || lazyLoad) {\n    tabContent = React.Children.toArray(children).map(function (_panel, index) {\n      var isSelected = selectedIndex === index;\n      return React.cloneElement(_panel, {\n        hidden: !isSelected,\n        tabId: isSelected ? selectedId : undefined,\n        visible: keepAlive ? true : isSelected\n      });\n    });\n  } else {\n    var tabPanel = React.Children.toArray(children).filter(function (_panel, index) {\n      return selectedIndex === index;\n    })[0];\n    tabContent = React.cloneElement(tabPanel, {\n      tabId: selectedId,\n      hidden: false\n    });\n  }\n\n  return jsx(\"div\", {\n    ref: containerEleRef,\n    id: name,\n    className: className,\n    \"data-ppui-info\": \"segmented-controller_2.0.2-ql\"\n  }, jsx(\"div\", {\n    id: \"\".concat(name, \"-tabs\"),\n    css: _styles.tabWrapBaseStyles,\n    className: tabsWrapperClassName,\n    role: \"tablist\",\n    onFocus: function handleFocus() {\n      isTabsFocusedRef.current = true;\n    },\n    onBlur: function handleFocusOut() {\n      isTabsFocusedRef.current = false;\n    },\n    onKeyDown: function onKeyDown(evt) {\n      return keyHandler(evt);\n    },\n    \"data-ppui\": \"true\"\n  }, tabItems, jsx(\"div\", {\n    css: _styles.tabSlider,\n    ref: sliderRef,\n    \"data-ppui\": \"true\"\n  })), tabContent);\n};\n\nvar _excluded$2 = [\"id\", \"tabId\", \"className\", \"hidden\", \"children\", \"visible\"];\n\nvar SegmentedControllerPanel = function (_ref) {\n  var id = _ref.id,\n      tabId = _ref.tabId,\n      className = _ref.className,\n      hidden = _ref.hidden,\n      children = _ref.children,\n      _ref$visible = _ref.visible,\n      visible = _ref$visible === void 0 ? true : _ref$visible,\n      rest = _objectWithoutProperties(_ref, _excluded$2);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]); // MutableRefObject<boolean> variable to determine whether to render the component or not.\n\n\n  var hasRendered = useRef(visible);\n  /* istanbul ignore next */\n\n  if (visible && !hasRendered.current) {\n    hasRendered.current = true;\n  }\n  /* istanbul ignore next */\n\n\n  if (!hasRendered.current) {\n    // Do not re-render the Panel when its already present in the DOM.\n    return null;\n  }\n\n  var panelContentStyles = [_styles.tabContentStyles,\n  /* istanbul ignore next */\n  visible ? _styles.tabContentVisible : _styles.tabContentHidden];\n  return jsx(\"div\", _extends({\n    id: id,\n    css: panelContentStyles,\n    className: className,\n    \"aria-labelledby\": tabId,\n    \"aria-hidden\": hidden,\n    tabIndex: 0,\n    role: \"tabpanel\"\n  }, rest, {\n    \"data-ppui\": \"true\"\n  }), children);\n};\n\nexport { SegmentedControllerTabs as SegmentedController, SegmentedControllerPanel, SegmentedControllerTab, styles as segmentedControllerStyles };\n","import { Button, Link, HeadingText, BodyText, Card, Phone2Icon } from '@paypalcorp/pp-react'\nimport React, { useEffect } from 'react'\nimport { useAppContext } from '../../contexts/app-context'\nimport useTracking from '../../hooks/useTracking'\nimport { Message } from '@paypalcorp/worldready-react'\nimport { CALL_US_TABS, deviceTypes } from '../../constants'\nimport _isEmpty from 'lodash/isEmpty'\nimport './dialing-info.less'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\nimport { navigateToCallUsWithAppCtx, setHtmlAttribute } from '../../utils/helper'\n\nexport default function DialingInfo({ tab = '' }) {\n  const { trackClick, trackActivity } = useTracking()\n  const appCtx = useAppContext()\n  const { pageProps, reqContextData } = appCtx\n  const { apiData, configs } = pageProps\n  const { setNoSnippetTag } = configs\n  const { callUsData = {} } = apiData\n  const { data } = callUsData\n  const { isLoggedIn, device_type } = reqContextData\n\n  const isPayPalCreditTab = tab === CALL_US_TABS.PAYPAL_CREDIT\n  const isAcmFlag = !_isEmpty(data?.account_manager_details)\n  const isMobile = device_type === deviceTypes.mobile.toUpperCase()\n  const webpin = data?.web_pin\n  \n  useEffect(() => {\n    if(isLoggedIn && webpin) {\n      trackActivity({\n        name: componentNames.CALL_US,\n        type: fptiTypes.SUCCESS,\n        event_name: 'webpin_displayed_in_call_us_page',\n      })\n    }\n  }, [webpin])\n\n  useEffect(() => {\n    if(setNoSnippetTag) {\n      setHtmlAttribute('hc-dialing-info-container', 'data-nosnippet', 'true')\n    }\n  }, [])\n\n  const getNumber = (contactDetails) => {\n    let numberStr = contactDetails?.national_number\n    if(numberStr?.length && numberStr.length === 10) {\n      numberStr = `${numberStr.slice(0,3)}-${numberStr.slice(3,6)}-${numberStr.slice(6,10)}`\n    }\n    return `${contactDetails?.country_code}-${numberStr}`\n  }\n\n  const getContactNumber = () => {\n    let contactDetails = data?.primary_contact_phone_number\n    if(isPayPalCreditTab) {\n      const ppCreditInfo = data?.card_contact_numbers?.filter((x) => x.phone_type === 'PP_CREDIT')\n      if(ppCreditInfo?.length) {\n        contactDetails = ppCreditInfo[0].phone_number\n      }\n    }\n    return getNumber(contactDetails)\n  }\n\n  const getNumberDial = (number, dialClickAction = () => {}) => {\n    if(isMobile) {\n      return (\n        <Button\n          data-testid=\"hc-call-us-dialing-number-button\"\n          className=\"hc_call-us__dialing-call-us-btn\"\n          secondary\n          iconComponent={Phone2Icon}\n          onClick={(e) => {\n            e.stopPropagation()\n            dialClickAction()\n            window.open(`tel:${number}`, '_self')\n          }}\n        >\n          <Message id=\"app.contact.option.phone.title\" />\n        </Button>\n      )\n    }\n    return (\n      <Link\n        data-testid=\"hc-call-us-dialing-number-link\"\n        className=\"hc_call-us__dialing-info-number-link\"\n        href={`tel:${number}`}\n        onClick={dialClickAction}\n      >\n        {number}\n      </Link>\n    )\n  }\n\n  const renderLoginInstructions = () => {\n    return (\n      <>\n        <BodyText \n            data-testid=\"hc-call-us-dialing-login-instr\" \n            className=\"hc_call-us__dialing-login-instr\"\n        >\n            <Message\n                id={isPayPalCreditTab? 'callUs.dialing.loginInstAlt.label' : 'callUs.dialing.loginInst.label'}\n                link={(innerMessage) => \n                    <Link\n                      strong=\"true\"\n                      data-testid=\"hc-call-us-login-instr-link\"\n                      className=\"hc_call-us__login-instr-link\"\n                      onClick={(e) => {\n                        e.stopPropagation()\n                        trackClick({\n                          name: componentNames.CALL_US,\n                          type: fptiTypes.ON_CLICK,\n                          link: 'login-link|clicked',\n                        })\n                        navigateToCallUsWithAppCtx({ appCtx, isLoginRedirect: true })\n                      }}\n                    >\n                    {innerMessage}\n                    </Link>\n                }\n            />\n        </BodyText>\n        <BodyText \n            data-testid=\"hc-call-us-dialing-sub-instr\" \n            className=\"hc_call-us__dialing-sub-instr\"\n        >\n            <Message id={isPayPalCreditTab? 'callUs.dialing.paypalCreditInst.label' : 'callUs.dialing.subInst.label'} />\n        </BodyText>\n      </>\n    )\n  }\n\n  const renderWebpinInstructions = () => {\n    return (\n      <>\n        <HeadingText\n            size=\"sm\"\n            data-testid=\"hc-call-us-dialing-webpin-instr-title\"\n            className=\"hc_call-us__dialing-webpin-instr-title\"\n        >\n            <Message id={isMobile ? 'callUs.dialing.mobileCallInstr.title' : 'callUs.dialing.webPinInst.title'} />\n        </HeadingText>\n        {!isMobile && \n          <BodyText \n              data-testid=\"hc-call-us-dialing-webpin-sub-instr\" \n              className=\"hc_call-us__dialing-webpin-sub-instr\"\n          >\n              <Message id=\"callUs.dialing.webPinSubInst.label\" />\n          </BodyText>\n        }\n        <Card size=\"xs\" className=\"hc_call-us__webpin-card\">\n          <BodyText \n              data-testid=\"hc-call-us-dialing-webpin-header\" \n              className=\"hc_call-us__webpin-header\"\n          >\n              <Message id=\"callUs.dialing.webPinHeader.title\" />\n          </BodyText>\n          <HeadingText size=\"sm\" className=\"hc_call-us__webpin-number\">\n            {webpin}\n          </HeadingText>\n        </Card>\n        <BodyText \n            data-testid=\"hc-call-us-dialing-webpin-expiry\" \n            className=\"hc_call-us__dialing-webpin-expiry\"\n        >\n            <Message id=\"callUs.dialing.webPinExpiry.label\" />\n        </BodyText>\n      </>\n    )\n  }\n\n  const renderACMInfo = () => {\n    const acmContact = data?.account_manager_details?.phone_number\n    const acmNumber = getNumber(acmContact)\n    const acmFlagName = data?.account_manager_details?.flag_name\n    const acmEmail = data?.account_manager_details?.email\n\n    return (\n      <>\n        <BodyText \n          data-testid=\"hc-call-us-dialing-acm-title\"\n          className=\"hc_call-us__dialing-acm-title\"\n        >\n            <Message id=\"callUs.dialing.accountManagerFlag.title\" flagName={acmFlagName} />\n        </BodyText>\n        {getNumberDial(acmNumber, \n          () => {\n            trackClick({\n              name: componentNames.CALL_US,\n              type: fptiTypes.ON_CLICK,\n              link: 'acm-support-number|clicked',\n            })\n          })}\n        <BodyText \n          data-testid=\"hc-call-us-dialing-acm-email\"\n          className=\"hc_call-us__dialing-acm-email\"\n        >\n            {acmEmail}\n        </BodyText>\n      </>\n    )\n  }\n\n  const renderPolicy = () => {\n    return (\n      <>\n        <BodyText \n          data-testid=\"hc-call-us-dialing-account-info-instr\"\n          className=\"hc_call-us__dialing-account-info-instr\"\n        >\n            <Message id=\"callUs.dialing.accountInfoInst.label\" />\n        </BodyText>\n        <BodyText data-testid=\"hc-call-us-dialing-ada-spl-instr\">\n            <Message id=\"callUs.dialing.adaSplInstruction.label\" />\n        </BodyText>\n      </>\n    )\n  }\n\n  const renderDialingInfo = () => {\n    const contactNumber = getContactNumber()\n    return (\n      <div \n        data-testid=\"hc-call-us-dialing-info\"\n        className=\"hc_call-us__dialing-info\"\n        id=\"hc-dialing-info-container\"\n      >\n        {!isLoggedIn && renderLoginInstructions()}\n        {isLoggedIn && renderWebpinInstructions()}\n        {!isAcmFlag && \n          getNumberDial(contactNumber, \n            () => {\n              const numClicked = isPayPalCreditTab ? 'paypal-credit' : 'paypal'\n              trackClick({\n                name: componentNames.CALL_US,\n                type: fptiTypes.ON_CLICK,\n                link: `${numClicked}-support-number|clicked`,\n              })\n            })}\n        {isAcmFlag && renderACMInfo()}\n        <HeadingText\n            size=\"sm\"\n            data-testid=\"hc-call-us-dialing-service-hours-header\"\n            className=\"hc_call-us__dialing-service-hours-header\"\n        >\n            <Message id=\"callUs.dialing.serviceHours.title\" />\n        </HeadingText>\n        <BodyText data-testid=\"hc-call-us-dialing-service-hours-body\">\n            {data?.hours_of_operation}\n        </BodyText>\n        {!isPayPalCreditTab && !isAcmFlag && \n          <div \n            className=\"hc_call-us__dialing-special-instr\" \n            data-testid=\"hc-call-us-dialing-special-instr\"\n            dangerouslySetInnerHTML={{ __html: data?.special_instructions }} \n          />}\n        {!isAcmFlag && renderPolicy()}\n      </div>\n    )\n  }\n  \n  return renderDialingInfo()\n}\n","import { SegmentedController, SegmentedControllerPanel } from '@paypalcorp/pp-react'\nimport React, { useState } from 'react'\nimport { Message } from '@paypalcorp/worldready-react'\nimport useTracking from '../../hooks/useTracking'\nimport DialingInfo from './dialing-info'\nimport './tabs.less'\nimport { CALL_US_TABS } from '../../constants'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\n\nexport default function CallUsTabs() {\n  const { trackClick } = useTracking()\n  const [selectedIndex, setSelectedIndex] = useState(0)\n\n  const renderCallUsTabs = () => {\n    const tabs = [\n        {\n            label: <Message id=\"callUs.tabs.paypal.label\" />, \n            id: 'call-us-paypal-tab', \n            panelId: 'call-us-paypal-panel'\n        },\n        {\n            label: <Message id=\"callUs.tabs.paypalCredit.label\" />, \n            id: 'call-us-paypalCredit-tab', \n            panelId: 'call-us-paypalCredit-panel'\n        },\n    ]\n    const clickHandler = (_evt, tabIdx) => {\n        trackClick({\n            name: componentNames.CALL_US,\n            type: fptiTypes.ON_CLICK,\n            link: `${tabs[tabIdx].id}|clicked`,\n          })\n        setSelectedIndex(tabIdx)\n    }\n    return (\n        <SegmentedController\n            name=\"CallUsTabsGroup\"\n            tabs={tabs}\n            selectedTabIdx={selectedIndex}\n            onClick={clickHandler}\n            tabsWrapperClassName=\"hc_call-us-page-tabs\"\n        >\n            <SegmentedControllerPanel\n                id=\"call-us-paypal-panel\"\n                tabId=\"call-us-paypal-tab\"\n            >\n                <div \n                    className=\"hc_call-us-page-paypal-logo\"\n                    data-testid=\"hc-call-us-page-paypal-logo\" \n                />\n                <DialingInfo tab={CALL_US_TABS.PAYPAL}/>\n            </SegmentedControllerPanel>\n            <SegmentedControllerPanel\n                id=\"call-us-paypalCredit-panel\"\n                tabId=\"call-us-paypalCredit-tab\"\n            >\n                <div \n                    className=\"hc_call-us-page-ppcredit-logo\" \n                    data-testid=\"hc-call-us-page-ppcredit-logo\" \n                />\n                <DialingInfo tab={CALL_US_TABS.PAYPAL_CREDIT}/>\n            </SegmentedControllerPanel>\n        </SegmentedController>\n    )\n  }\n  \n  return renderCallUsTabs()\n}\n","import { Container, HeadingText, Link } from '@paypalcorp/pp-react'\nimport React, { useEffect } from 'react'\nimport { useAppContext } from '../../contexts/app-context'\nimport useTracking from '../../hooks/useTracking'\nimport { Message } from '@paypalcorp/worldready-react'\nimport CallUsTabs from '../../components/call-us/tabs'\nimport { pageNames, urlConstants } from '../../constants'\nimport DialingInfo from '../../components/call-us/dialing-info'\nimport { componentNames, fptiTypes } from '../../utils/analytics/fpti-constants'\nimport _isEmpty from 'lodash/isEmpty'\nimport ErrorFallback from '../../shared/ErrorFallback'\n\nexport default function CallUs() {\n  const { fptiTypeByStatusCode, trackActivity, trackClick } = useTracking()\n  const { pageProps } = useAppContext()\n  const { apiData, entryPoint, topicId } = pageProps\n  const { callUsData = {} } = apiData\n  const { data, isError, statusCode } = callUsData\n\n  const isAcmFlag = !_isEmpty(data?.account_manager_details)\n  const ppCreditTabEnable = !isAcmFlag && data?.card_contact_numbers?.filter((x) => x?.phone_type === 'PP_CREDIT')?.length\n\n  // On component mount: call us component shown fpti\n  useEffect(() => {\n    const type = fptiTypeByStatusCode(statusCode)\n    let entryPointDetails = { entryPoint }\n    if(topicId) {\n      entryPointDetails = {\n        entryPoint,\n        topicId\n      }\n    }\n    trackActivity({\n      name: componentNames.CALL_US,\n      type,\n      event_name: 'call_us_component_shown_in_call_us_page',\n      hc_event_info: JSON.stringify(entryPointDetails)\n    })\n  }, [trackActivity])\n\n  const onBackButtonClick = (e) => {\n    e.stopPropagation()\n    trackClick({\n      name: componentNames.CALL_US,\n      type: fptiTypes.ON_CLICK,\n      link: `${componentNames.CALL_US}|back-button|clicked`,\n    })\n    let destinationUrl = urlConstants.CSHELP_CONTACT_US\n    if(entryPoint === pageNames.TOPIC_DETAILS && topicId) {\n      destinationUrl = `${urlConstants.CSHELP_TOPIC_DETAILS}/${topicId}`\n    }\n    window.location=destinationUrl\n  }\n\n  const renderCallUs = () => {\n    //TODO: Call us > replace Back link with Contact-Us standard back button component when its ready\n    return (\n      <div data-testid=\"hc-call-us-page\" className=\"hc_call-us-page\">\n        <Container>\n          <div style={{ marginTop: '2rem', marginBottom: '2rem' }}>\n            <Link\n              data-testid=\"hc-call-us-page-back-link\"\n              onClick={(e) => onBackButtonClick(e)}\n            >\n              {'Back'}\n            </Link>\n          </div>\n          {isError ? (\n            <ErrorFallback />\n          ) : (\n            <>\n              <HeadingText\n                  size=\"lg\"\n                  data-testid=\"hc-call-us-page-header\"\n                  className=\"hc_call-us__page-header\"\n              >\n                  <Message id=\"callUs.dialing.header.title\" />\n              </HeadingText>\n              {ppCreditTabEnable? \n                <CallUsTabs /> : \n                <DialingInfo />}\n            </>\n          )}\n        </Container>\n      </div>\n    )\n  }\n  \n  return renderCallUs()\n}\n"],"names":["_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","tokens","Object","keys","length","sysBorderRadiusInteractive","sysColorBackgroundAlt","sysColorBackgroundMediumContrast","sysColorPrimaryContrast","sysColorPrimaryMain","sysColorStructureFocus","sysMotionDurationMoveSmall","sysBorderThicknessNormal","sysSpaceSm","_utilStyles","focusStyles","variables","ppuiEaseMoveSmall","textCaption","caption","borderRadius","webkitSize","segmentedControllerSpace","tabWrapBaseStyles","css","tabStyles","focusOffsetElement","tabSlider","tabTitleStyles","tabContentStyles","tabContentVisible","tabContentHidden","_excluded","SegmentedControllerTab","_ref","ref","id","tabIdx","label","segmentedControllerId","panelId","selected","onClick","className","rest","u","_styles","useMemo","focusable","tabId","concat","parseInt","jsx","tabIndex","type","role","_excluded$1","SegmentedControllerTabs","_ref$name","name","selectedTabIdx","_ref$tabs","tabs","tabClassName","tabsWrapperClassName","keepAlive","lazyLoad","children","containerEleRef","useRef","prevSelectedTabIdxRef","isTabsFocusedRef","focusedIdxRef","sliderRef","tabRef","getSelectedTabIdx","index","Math","floor","applySliderStyles","element","_element$offsetParent","w","slider","current","style","left","getBoundingClientRect","offsetParent","width","top","offsetTop","height","offsetHeight","offsetFocus","offset","myRef","tabDomItems","querySelectorAll","nextIndex","focus","useLayoutEffect","resizeObserver","window","ResizeObserver","observe","disconnect","selectedId","handleClick","event","tabIdxClicked","currentTarget","getAttribute","isNaN","target","selectedIndex","tabItems","map","tabProps","keyIdentifier","key","toString","el","tabContent","toArray","_panel","isSelected","hidden","undefined","visible","tabPanel","filter","onFocus","onBlur","onKeyDown","evt","KeyCode","keyCode","IS_ARROW_LEFT","IS_ARROW_RIGHT","IS_ENTER","IS_SPACEBAR","keyHandler","_excluded$2","SegmentedControllerPanel","_ref$visible","hasRendered","panelContentStyles","DialingInfo","tab","useTracking","trackClick","trackActivity","appCtx","useAppContext","pageProps","reqContextData","apiData","setNoSnippetTag","configs","callUsData","data","isLoggedIn","device_type","isPayPalCreditTab","CALL_US_TABS","PAYPAL_CREDIT","isAcmFlag","_isEmpty","account_manager_details","isMobile","deviceTypes","mobile","toUpperCase","webpin","web_pin","useEffect","componentNames","CALL_US","fptiTypes","SUCCESS","event_name","setHtmlAttribute","acmContact","acmNumber","acmFlagName","acmEmail","contactNumber","getNumber","contactDetails","numberStr","national_number","slice","country_code","getNumberDial","number","dialClickAction","secondary","iconComponent","e","stopPropagation","open","Message","href","primary_contact_phone_number","ppCreditInfo","card_contact_numbers","x","phone_type","phone_number","getContactNumber","link","innerMessage","strong","ON_CLICK","navigateToCallUsWithAppCtx","isLoginRedirect","size","numClicked","flag_name","email","flagName","hours_of_operation","dangerouslySetInnerHTML","__html","special_instructions","CallUsTabs","useState","setSelectedIndex","_evt","PAYPAL","CallUs","fptiTypeByStatusCode","entryPoint","topicId","isError","statusCode","ppCreditTabEnable","entryPointDetails","hc_event_info","JSON","stringify","marginTop","marginBottom","destinationUrl","urlConstants","CSHELP_CONTACT_US","pageNames","TOPIC_DETAILS","CSHELP_TOPIC_DETAILS","location","onBackButtonClick","ErrorFallback"],"sourceRoot":""}