{"version":3,"file":"marty-zappos.components-landing-VipDashboardHeader.31a95321a455f52684cc.js","mappings":"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","sources":["webpack://marty/./src/components/icons/Info.jsx","webpack://marty/./src/components/icons/vipDashboard/PrimeLogo.tsx","webpack://marty/./src/components/icons/vipDashboard/VipLogo.jsx","webpack://marty/./src/styles/components/landing/vipDashboardHeader.scss","webpack://marty/./src/components/landing/VipDashboardHeader.jsx"],"sourcesContent":["import React from 'react';\nimport Icon from 'components/icons/Icon';\n\nconst Search = (props) => (\n \n Info\n \n \n \n);\n\nexport default Search;\n\n","import React, { useMemo } from 'react';\nimport Icon from '../Icon';\nimport { guid } from 'helpers/guid';\n\ninterface Props {\n height?: number;\n width?: number;\n fillColor?: string;\n}\n\nconst PrimeLogo = ({ width = 48, height = 30, fillColor = '#fff' }: Props) => {\n const id = useMemo(() => guid(), []);\n const prefixA = `${id}__a`;\n const prefixB = `${id}__b`;\n\n return (\n \n {'Prime logo'}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport default PrimeLogo;\n","import React from 'react'\nimport Icon from '../Icon';\n\nconst VipLogo = props => (\n \n {'VIP Logo'}\n \n \n \n \n \n);\n\nexport default VipLogo;\n","// extracted by mini-css-extract-plugin\nexport default {\"headerBar\":\"EL-z\",\"pointsSection\":\"FL-z\",\"goToDashboard\":\"GL-z\"};","import { connect } from 'react-redux';\n\nimport useMartyContext from 'hooks/useMartyContext';\nimport { myAccountLinkMap } from 'constants/amethystEnums';\nimport MartyLink from 'components/common/MartyLink';\nimport Info from 'components/icons/Info';\nimport PrimeLogo from 'components/icons/vipDashboard/PrimeLogo';\nimport VipLogo from 'components/icons/vipDashboard/VipLogo';\nimport { toThousandsSeparator, toUSD } from 'helpers/NumberFormats';\n\nimport css from 'styles/components/landing/vipDashboardHeader.scss';\n\nexport const VipDashboardHeader = props => {\n const {\n testId,\n marketplace: {\n dataMaskPiiElements,\n account: { vipDashboardUrl }\n }\n } = useMartyContext();\n\n const { slotDetails, firstName, rewardsInfo, isAccountOverview = false } = props;\n\n if (!(rewardsInfo && slotDetails)) {\n return null;\n }\n\n const { spendPoints, prime, spendPointsDollarValue } = rewardsInfo;\n\n const { greeting, redemptionCopy, dashboardCta, info: { title, link } = {} } = slotDetails;\n\n return (\n
\n
\n \n {!!prime && }\n
\n\n {isAccountOverview ? (\n
\n \n {dashboardCta}\n \n
\n ) : (\n
\n {greeting} {firstName}!\n
\n )}\n\n {!!spendPoints && !!spendPointsDollarValue && (\n
\n
\n {title && link && (\n \n \n \n )}\n {toThousandsSeparator(spendPoints)} VIP Points ({toUSD(spendPointsDollarValue)})\n
\n\n
{redemptionCopy}
\n
\n )}\n
\n );\n};\n\nconst mapStateToProps = ({ holmes, rewards: { rewardsInfo } }) => ({\n firstName: holmes ? holmes.firstName : '',\n rewardsInfo\n});\n\nexport default connect(mapStateToProps)(VipDashboardHeader);\n"],"names":["props","React","Icon","_extends","viewBox","d","fill","_ref","width","height","fillColor","id","useMemo","guid","prefixA","prefixB","title","description","fillRule","transform","xlinkHref","mask","VipDashboardHeader","testId","marketplace","dataMaskPiiElements","account","vipDashboardUrl","useMartyContext","slotDetails","firstName","rewardsInfo","isAccountOverview","spendPoints","prime","spendPointsDollarValue","greeting","redemptionCopy","dashboardCta","info","link","className","css","VipLogo","PrimeLogo","MartyLink","to","myAccountLinkMap","VIEW_VIP_DASHBOARD_CLICK","Info","opacity","toThousandsSeparator","toUSD","connect","holmes","rewards"],"sourceRoot":""}