{"version":3,"sources":["webpack:///./transfer/components/homepage/more-funnel/funnel-props.js","webpack:///./react-components/responsive-component.js","webpack:///./transfer/containers/flexible-funnel/funnel-page.js","webpack:///./transfer/components/homepage/more-funnel/link-card.js","webpack:///./react-components/conditional-component.js","webpack:///./transfer/containers/flexible-funnel/funnel-link-group.js","webpack:///./transfer/components/homepage/more-funnel/index.js"],"names":["analytics","xbLinks","props","options","override","_objectSpread","buttonKey","baseProps","bankDeposit","cashPickup","splitLink","titleKey","descriptionKey","icon","invoiceLink","makePixLink","poolsLink","descriptionHTMLKey","ppmeLink","ppMeProfile","profile","slug","addFunnelRedirectUrl","isPSAEnabled","href","massPaymentLink","mgmLink","ResponsiveComponent","_ref","mobile","MobileComponent","desktop","DesktopComponent","React","createElement","Media","query","concat","screenSizes","phoneLandscapeMax","matches","MobileFunnelPageNav","glamorous","div","display","justifyContent","width","backgroundColor","height","alignItems","padding","spaceChildrenHorizontally","MobileSection","a","flex","color","fontSize","position","lineHeight","whiteSpace","textDecoration","fontWeight","active","content","left","bottom","background","backgroundImage","MobileLinksContainer","MobileFunnelPage","Component","constructor","arguments","_defineProperty","activeIndex","render","children","this","state","Array","isArray","sectionNames","reduce","names","child","childProps","internationalizeProps","title","shouldRender","push","map","name","index","key","onClick","e","preventDefault","setState","aria-expanded","role","DesktopFunnelPage","margin","maxWidth","FunnelPage","phoneLandscapeMin","mediaQueries","sysColorPrimaryMain","_PAYPAL_THEME","LinkCard","BaseLinkCard","_extends","showButton","stackedMobile","getIconProps","isMobile","svgSize","size","circle","isFunnel","style","marginLeft","styleOverrides","container","border","borderRadius","minHeight","marginRight","link","paddingTop","pointerEvents","paddingBottom","flexDirection","textAlign","marginTop","marginBottom","inlineContent","termsLink","badge","button","ConditionalComponent","condition","component","ComponentToRender","elseComponent","ElseComponent","MobileLinkGroup","spaceChildrenVertically","DesktopLinks","flexWrap","_ref2","maxLinks","verticalWrappableSpace","_ref3","maxLinksPerRow","DesktopLinkGroup","_ref4","className","Div","H1","ResponsiveFunnelLinkGroup","FunnelLinkGroup","rest","_objectWithoutProperties","_excluded","MiscellaneousFunnel","useEffect","funnel","FUNNEL","MORE","dispatch","UnifiedActions","funnelPropsList","funnelProps","from","hasMgmSideBarEntryPointTreatment","hasMgmSideBarEntryPointTreatment2","linksProps","propsReducer","length","linkProps","thin","withFunnelProps"],"mappings":"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","file":"more-funnel.esm.js","sourcesContent":["import * as baseProps from '../../feature-link/feature-props'\n\nconst analytics = {\n  'data-pagename': 'main:p2p:tab-more',\n  'data-pagename2': 'main:p2p:tab-more:node::',\n}\n\nexport const xbLinks = {\n  bankDeposit: function(props, options) {\n    const override = {\n      buttonKey: 'more.xb.button',\n      ...analytics,\n    }\n    return { ...baseProps.xbLinks.bankDeposit(props, options), ...override }\n  },\n  cashPickup: function(props, options) {\n    const override = {\n      buttonKey: 'more.xb.button',\n      ...analytics,\n    }\n    return { ...baseProps.xbLinks.cashPickup(props, options), ...override }\n  },\n}\n\nexport function splitLink(props) {\n  const override = {\n    titleKey: 'more.split.title',\n    descriptionKey: 'more.split.description',\n    buttonKey: 'more.split.button',\n    icon: 'split-bill',\n    ...analytics,\n  }\n\n  return { ...baseProps.splitLink(props), ...override }\n}\n\nexport function invoiceLink(props) {\n  const override = {\n    titleKey: 'more.invoice.title',\n    descriptionKey: 'more.invoice.description',\n    buttonKey: 'more.invoice.button',\n    icon: 'invoice',\n    ...analytics,\n  }\n  return { ...baseProps.invoiceLink(props), ...override }\n}\n\nexport function makePixLink(props) {\n  const override = {\n    buttonKey: 'more.pix.button',\n    ...analytics,\n  }\n  return { ...baseProps.makePixLink(props), ...override }\n}\n\nexport function poolsLink(props) {\n  const override = {\n    titleKey: 'more.pools.title_1',\n    descriptionHTMLKey: 'more.pools.description_1',\n    buttonKey: 'more.pools.buttonWithPools_1',\n    ...analytics,\n  }\n\n  return { ...baseProps.poolsLink(props), ...override }\n}\n\nexport function ppmeLink(props) {\n  const {\n    ppMeProfile: { profile: { slug } = {} },\n    addFunnelRedirectUrl,\n    isPSAEnabled,\n  } = props\n  const override = {\n    titleKey: 'more.ppme.title',\n    descriptionKey: isPSAEnabled\n      ? 'more.ppme.descriptionPSA'\n      : 'more.ppme.description',\n    buttonKey: 'more.ppme.button',\n    icon: 'share',\n    ...analytics,\n    ...(addFunnelRedirectUrl && { href: addFunnelRedirectUrl }),\n  }\n  if (slug) {\n    override.titleKey = 'more.ppme.titleWithPpme'\n    override.buttonKey = 'more.ppme.buttonWithPpme'\n  }\n  return { ...baseProps.ppmeLink(props), ...override }\n}\n\nexport function massPaymentLink(props) {\n  const override = {\n    buttonKey: 'more.massPayment.button',\n  }\n  return { ...baseProps.massPaymentLink(props), ...override }\n}\n\nexport function mgmLink(props, options) {\n  const override = {\n    buttonKey: 'more.invoice.button',\n    ...analytics,\n  }\n  return { ...baseProps.mgmLink(props, options), ...override }\n}\n","/*\n * This component gives us a declarative way to say which\n * components should be rendered based on a media query.\n * The media query we're using is `phoneLandscapeMax`. If\n * that matches then we render the `mobile` version with\n * the given `props`, otherwise we render the `desktop` version\n * with the given `props`.\n */\nimport React from 'react'\nimport Media from 'react-media'\nimport { screenSizes } from 'transfer/styles/index'\n\nexport default ResponsiveComponent\n\ntype Props = {\n  mobile: any,\n  desktop: any,\n  props: {},\n}\nfunction ResponsiveComponent({\n  mobile: MobileComponent,\n  desktop: DesktopComponent,\n  props,\n}: Props) {\n  return (\n    <Media query={`(max-width: ${screenSizes.phoneLandscapeMax}px)`}>\n      {matches =>\n        matches ? (\n          <MobileComponent {...props} />\n        ) : (\n          <DesktopComponent {...props} />\n        )\n      }\n    </Media>\n  )\n}\n","/*\n * This is the whole funnel page. It should contain\n * <FunnelLinkGroup /> children. It is responsive.\n * On desktop, it simply renders things as they appear\n * with a little padding, for mobile, it will render\n * a nav-bar-like experience for each FunnelLinkGroup\n * which manages its own state for which group to show.\n */\nimport PropTypes from 'prop-types'\n\nimport React, { Component } from 'react'\nimport glamorous from 'glamorous'\nimport internationalizeProps from '../../components/feature-link/utils/internationalize-props'\nimport { spaceChildrenHorizontally } from '../../components/feature-link/utils/cssUtils'\nimport ResponsiveComponent from '../../../react-components/responsive-component'\n\nconst onAttention = '&:hover, &:focus, &:active'\n\nconst navBarHeight = 44\n\nconst MobileFunnelPageNav = glamorous.div(\n  {\n    display: 'flex',\n    justifyContent: 'flex-start',\n    width: '100%',\n    backgroundColor: 'white',\n    height: navBarHeight,\n    alignItems: 'center',\n    padding: '0 36px',\n  },\n  spaceChildrenHorizontally(30)\n)\n\nconst MobileSection = glamorous.a(\n  {\n    flex: '0 1 auto',\n    display: 'block',\n    color: '#6c7378',\n    fontSize: 13,\n    position: 'relative',\n    lineHeight: `${navBarHeight}px`,\n    whiteSpace: 'nowrap',\n    textDecoration: 'none',\n    fontWeight: 'inherit',\n    [onAttention]: {\n      textDecoration: 'none',\n      color: '#6c7378',\n    },\n  },\n  ({ active }) =>\n    active\n      ? {\n          fontWeight: 'bold',\n          '::after': {\n            content: '\"\"',\n            width: '100%',\n            position: 'absolute',\n            left: 0,\n            bottom: 0,\n            height: 3,\n            background: '#333',\n            backgroundImage: 'linear-gradient(to right, #009cde, #04cdd2)',\n          },\n        }\n      : null\n)\n\nconst MobileLinksContainer = glamorous.div({\n  padding: '26px 12px',\n})\n\nconst funnelLinkGroupShape = PropTypes.shape({\n  props: PropTypes.shape({\n    title: PropTypes.string,\n  }),\n})\n\nclass MobileFunnelPage extends Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([\n      funnelLinkGroupShape,\n      PropTypes.arrayOf(funnelLinkGroupShape),\n    ]),\n  }\n  state = { activeIndex: 0 }\n  render() {\n    const { children } = this.props\n    const { activeIndex } = this.state\n    if (!Array.isArray(children)) {\n      return <MobileLinksContainer>{children}</MobileLinksContainer>\n    }\n    const sectionNames = children.reduce((names, child) => {\n      const childProps = internationalizeProps(child.props)\n      let { title = '', shouldRender = true } = childProps\n      if (typeof shouldRender === 'function') {\n        shouldRender = shouldRender()\n      }\n      if (shouldRender) {\n        names.push(title)\n      }\n      return names\n    }, [])\n    return (\n      <div>\n        <MobileFunnelPageNav>\n          {sectionNames.map((name, index) => (\n            <MobileSection\n              key={index}\n              active={activeIndex === index}\n              onClick={e => {\n                e.preventDefault()\n                this.setState({ activeIndex: index })\n              }}\n              href=\"#\"\n              aria-expanded={activeIndex === index}\n              role=\"tab\"\n            >\n              {name}\n            </MobileSection>\n          ))}\n        </MobileFunnelPageNav>\n        <MobileLinksContainer>{children[activeIndex]}</MobileLinksContainer>\n      </div>\n    )\n  }\n}\n\nconst DesktopFunnelPage = glamorous.div({\n  margin: '30px auto',\n  padding: '0 1em',\n  maxWidth: 1024,\n})\n\nfunction FunnelPage(props) {\n  return (\n    <ResponsiveComponent\n      mobile={MobileFunnelPage}\n      desktop={DesktopFunnelPage}\n      props={props}\n    />\n  )\n}\n\nexport default FunnelPage\n","// @flow\nimport React from 'react'\nimport BaseLinkCard from '../../feature-link/link-card'\nimport { mediaQueries } from '../../../styles'\nimport { PAYPAL_THEME } from '@paypalcorp/pp-react'\n\nconst { phoneLandscapeMin: desktop, phoneLandscapeMax: mobile } = mediaQueries\nconst { sysColorPrimaryMain } = PAYPAL_THEME\n\nconst LinkCard = (props: InternationalizedFeatureLinkProps) => (\n  <BaseLinkCard\n    showButton={true}\n    stackedMobile={false}\n    getIconProps={isMobile => ({\n      // base link sets mobile size to half of `size`\n      // so we have to manually double the size here\n      svgSize: isMobile ? 80 : 60,\n      size: isMobile ? 'md' : 'lg', // pp-react icon size\n      circle: false,\n      isFunnel: true,\n      style: {\n        marginLeft: isMobile ? 3 : 0,\n        backgroundColor: sysColorPrimaryMain,\n      },\n    })}\n    styleOverrides={{\n      container: {\n        border: 'solid 1px #e1e7eb',\n        borderRadius: '8px',\n        [desktop]: {\n          minHeight: 240,\n          width: 276,\n        },\n        [mobile]: {\n          marginLeft: '36px',\n          marginRight: '36px',\n          width: 'auto',\n        },\n      },\n      link: {\n        display: 'inline-block',\n        [desktop]: {\n          paddingTop: 24,\n          pointerEvents: 'none',\n        },\n        [mobile]: {\n          paddingTop: 22,\n          paddingBottom: 20,\n          ['> div']: {\n            display: 'flex',\n            flexDirection: 'row',\n            textDecoration: 'none',\n            alignItems: 'center',\n          },\n        },\n      },\n      title: {\n        [desktop]: {\n          textAlign: 'center',\n          marginTop: 22,\n          marginBottom: 14,\n        },\n        [mobile]: {\n          marginBottom: 4,\n        },\n      },\n      inlineContent: {\n        [desktop]: {\n          textAlign: 'center',\n          fontSize: 15,\n          marginTop: 0,\n        },\n        [mobile]: {\n          fontSize: 13,\n          lineHeight: '16px',\n          marginTop: 4,\n          marginBottom: 0,\n        },\n      },\n      termsLink: {\n        pointerEvents: 'auto',\n        [desktop]: {\n          textAlign: 'center',\n          fontSize: 15,\n          marginTop: 0,\n        },\n        [mobile]: {\n          fontSize: 13,\n          lineHeight: '16px',\n          marginTop: 4,\n          marginBottom: 0,\n        },\n      },\n      badge: {\n        display: 'none',\n      },\n      button: {\n        fontWeight: 500,\n        fontSize: 15,\n        lineHeight: '20px',\n        width: '197px',\n        [mobile]: {\n          display: 'none',\n        },\n      },\n    }}\n    {...props}\n  />\n)\n\nexport default LinkCard\n","// @flow\n/*\n * This allows you to declaritvely render a component\n * based on a `condition` prop. If the `condition` value\n * is falsy, then the component will not be rendered (and\n * `null` will be rendered instead). If it is truthy, then\n * the given `component` will be rendered with the given\n * `props`. If that condition prop is a function, it will\n * be invoked with the props and the result of that\n * invocation will be used to determine whether to render\n * the component.\n */\nimport React from 'react'\n\nexport default ConditionalComponent\n\ntype Props = {\n  condition: boolean | (({}) => boolean),\n  component: any,\n  elseComponent?: any,\n  props: Object,\n}\nfunction ConditionalComponent({\n  condition,\n  component: ComponentToRender,\n  elseComponent: ElseComponent,\n  props = {},\n}: Props) {\n  const shouldRender =\n    typeof condition === 'function' ? condition(props) : condition\n  if (!shouldRender) {\n    return ElseComponent ? <ElseComponent {...props} /> : null\n  }\n  return <ComponentToRender {...props} />\n}\n","// @flow\n/*\n * This is the FunnelLinkGroup which normally contains a bunch of\n * <FunnelLink /> components. It is responsive by itself and will\n * render the links vertically for mobile and horizontally for\n * desktop. It is also conditionally rendered based on a shouldRender\n * prop (which defaults to `true`).\n */\nimport React from 'react'\nimport glamorous from 'glamorous'\nimport internationalizeProps from '../../components/feature-link/utils/internationalize-props'\nimport { spaceChildrenVertically } from '../../components/feature-link/utils/cssUtils'\nimport ResponsiveComponent from '../../../react-components/responsive-component'\nimport ConditionalComponent from '../../../react-components/conditional-component'\n\nfunction FunnelLinkGroup({ shouldRender = true, ...rest }: any) {\n  const props = internationalizeProps(rest)\n\n  return (\n    <ConditionalComponent\n      condition={shouldRender}\n      component={ResponsiveFunnelLinkGroup}\n      props={props}\n    />\n  )\n}\n\nconst MobileLinkGroup = glamorous.div(\n  {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  spaceChildrenVertically(12)\n)\n\nconst horizontalWrappableSpace = 60\nconst DesktopLinks = glamorous.div(\n  {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    textAlign: 'center',\n  },\n  ({ maxLinks }) => {\n    const verticalWrappableSpace = maxLinks < 4 ? 24 : 12\n    return {\n      margin: `${-verticalWrappableSpace}px ${-horizontalWrappableSpace}px`,\n      '& > *': {\n        margin: verticalWrappableSpace,\n        flex: '0 1 auto',\n      },\n    }\n  },\n  ({ maxLinksPerRow }) => {\n    if (maxLinksPerRow < 3) {\n      // make the width of a row small enough to force wrap the card\n      return {\n        marginLeft: horizontalWrappableSpace,\n        marginRight: horizontalWrappableSpace,\n      }\n    }\n  }\n)\n\ntype DesktopLinkGroupProps = {\n  title: string,\n  children: any,\n  className: string,\n  maxLinks: number,\n  maxLinksPerRow: number,\n}\nfunction DesktopLinkGroup({\n  title,\n  children,\n  className,\n  maxLinks,\n  maxLinksPerRow,\n}: DesktopLinkGroupProps) {\n  return (\n    <glamorous.Div\n      padding=\"12px 0px\"\n      width=\"100%\"\n      borderRadius={5}\n      marginBottom={24}\n      className={className}\n    >\n      <glamorous.H1\n        fontSize={24}\n        fontWeight={300}\n        marginBottom={18}\n        marginTop={0}\n      >\n        {title}\n      </glamorous.H1>\n      <DesktopLinks maxLinks={maxLinks} maxLinksPerRow={maxLinksPerRow}>\n        {children}\n      </DesktopLinks>\n    </glamorous.Div>\n  )\n}\n\nfunction ResponsiveFunnelLinkGroup(props) {\n  return (\n    <ResponsiveComponent\n      mobile={MobileLinkGroup}\n      desktop={DesktopLinkGroup}\n      props={props}\n    />\n  )\n}\n\nexport default FunnelLinkGroup\n","// @flow\nimport React, { useEffect } from 'react'\nimport * as funnelProps from './funnel-props'\nimport FunnelPage from '../../../containers/flexible-funnel/funnel-page'\nimport LinkCard from './link-card'\nimport FunnelLinkGroup from '../../../containers/flexible-funnel/funnel-link-group'\nimport { propsReducer } from 'transfer/components/feature-link/feature-props/utils'\nimport withFunnelProps from '../../feature-link/utils/with-feature-props'\nimport {\n  hasMgmSideBarEntryPointTreatment,\n  hasMgmSideBarEntryPointTreatment2,\n} from 'experiments/mgm'\nimport { FUNNEL } from '../../../../../../lib/constants'\nimport * as UnifiedActions from 'transfer/actions/unified-actions'\n\nexport function MiscellaneousFunnel(props: FeatureProps) {\n  useEffect(() => {\n    if (props.funnel !== FUNNEL.MORE) {\n      // $FlowFixMe\n      props.dispatch(UnifiedActions.funnelStarted({ funnel: FUNNEL.MORE }))\n    }\n  })\n  // TODO: hard code link order now. Maybe add sorting in the future?\n  let funnelPropsList = [\n    funnelProps.xbLinks.bankDeposit(props, { from: 'more' }),\n    funnelProps.xbLinks.cashPickup(props, { from: 'more' }),\n    funnelProps.invoiceLink(props),\n    funnelProps.poolsLink(props),\n    funnelProps.ppmeLink(props),\n    funnelProps.splitLink(props),\n    funnelProps.massPaymentLink(props),\n    funnelProps.makePixLink(props),\n  ]\n  if (\n    hasMgmSideBarEntryPointTreatment() ||\n    hasMgmSideBarEntryPointTreatment2()\n  ) {\n    funnelPropsList = [\n      funnelProps.xbLinks.bankDeposit(props, { from: 'more' }),\n      funnelProps.xbLinks.cashPickup(props, { from: 'more' }),\n      funnelProps.invoiceLink(props),\n      funnelProps.mgmLink(props, { from: 'more' }),\n      funnelProps.ppmeLink(props),\n      funnelProps.splitLink(props),\n      funnelProps.massPaymentLink(props),\n      funnelProps.makePixLink(props),\n    ]\n  }\n\n  const linksProps = funnelPropsList.reduce(propsReducer, [])\n\n  return (\n    <FunnelPage>\n      {/* when there are 4 cards, we want 2 cards in a row */}\n      <FunnelLinkGroup maxLinksPerRow={linksProps.length === 4 ? 2 : 3}>\n        {linksProps.map((linkProps, index) => (\n          <LinkCard key={index} {...linkProps} thin />\n        ))}\n      </FunnelLinkGroup>\n    </FunnelPage>\n  )\n}\n\nexport default withFunnelProps(MiscellaneousFunnel)\n"],"sourceRoot":""}