{"version":3,"file":"node_modules_estee_elc-base-theme_src_Breakpoints_ts-node_modules_estee_elc-base-theme_src_Co-356576.dbb321b080f783f044fd.bundle.js","mappings":"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","sources":["webpack://pincer-loyalty/./node_modules/@estee/elc-base-theme/src/Breakpoints.ts","webpack://pincer-loyalty/./node_modules/@estee/elc-base-theme/src/Colors.ts","webpack://pincer-loyalty/./node_modules/@estee/elc-base-theme/src/ContentSpacing.ts","webpack://pincer-loyalty/./node_modules/@estee/elc-base-theme/src/Emphasis.ts","webpack://pincer-loyalty/./node_modules/@estee/elc-icons/src/views/DirectionalArrow.tsx","webpack://pincer-loyalty/./node_modules/@estee/elc-icons/src/views/Icon.tsx","webpack://pincer-loyalty/./src/internal/hooks/WithStyles.tsx","webpack://pincer-loyalty/./src/internal/utils/Classes.ts","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-points-detail/LoyaltyPointsDetail.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-submit-receipt/LoyaltySubmitAReceiptDetail.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-points-history/PointsHistoryDetail.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-benefits/Benefits.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-rewards/Rewards.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-faq/LoyaltyFAQ.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-cta-section/CTASection.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/loyalty-earn-points/LoyaltyEarnPoints.tsx","webpack://pincer-loyalty/./src/internal/views/dashboard/sections.ts","webpack://pincer-loyalty/./src/internal/views/landing-page/loyalty-birthday/Birthday.tsx","webpack://pincer-loyalty/./src/internal/views/landing-page/sections.ts","webpack://pincer-loyalty/./src/service-setup/packageInfo.ts","webpack://pincer-loyalty/./node_modules/classnames/index.js","webpack://pincer-loyalty/./src/styles/ lazy ^\\.\\/.*\\.css$ namespace object"],"sourcesContent":["export interface IBreakpoints {\n [key: string]: number;\n}\n\nexport const layoutPageContentWidth: number = 1260;\n\nexport const Breakpoints: IBreakpoints = {\n desktop: 768,\n largeScreen: 1024,\n extraLargeScreen: 1200\n};\n\nexport const breakpoint = (brp: string) => (\n code: TemplateStringsArray,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ...placeholders: any[]\n) => {\n // interleave the code with the placeholders\n let result = placeholders.reduce((acc, holder, idx) => `${acc}${code[idx]}${holder}`, '');\n\n // add the code literal\n result = `${result}${code[code.length - 1]}`;\n\n return `@media(min-width: ${Breakpoints[brp]}px) {${result}}`;\n};\n","import { Emphasis } from './Emphasis';\n\nexport interface IColors {\n black: string;\n white: string;\n whiteDove: string;\n primary900: string;\n primary800: string;\n primary700: string;\n primary600: string;\n primary500: string;\n primary400: string;\n primary300: string;\n primary200: string;\n primary100: string;\n primary50: string;\n danger: string;\n info: string;\n success: string;\n warning: string;\n unvisitedLink: string;\n visitedLink: string;\n blackHighEmphasis: string;\n blackMediumEmphasis: string;\n blackLightEmphasis: string;\n blackDisabledEmphasis: string;\n whiteHighEmphasis: string;\n whiteMediumEmphasis: string;\n whiteDisabledEmphasis: string;\n redLightEmphasis: string;\n\n [key: string]: string;\n}\n\nexport const Colors: IColors = {\n black: '#000000',\n white: '#FFFFFF',\n whiteDove: '#FBFBFB',\n primary900: '#212121',\n primary800: '#424242',\n primary700: '#616161',\n primary600: '#757575',\n primary500: '#9E9E9E',\n primary400: '#BDBDBD',\n primary300: '#E0E0E0',\n primary200: '#EEEEEE',\n primary100: '#F5F5F5',\n primary50: '#FAFAFA',\n danger: '#B00020',\n info: '#54A6D7',\n success: '#70B000',\n warning: '#EE9F57',\n unvisitedLink: '#0000EE',\n visitedLink: '#551A8B',\n blackHighEmphasis: `rgba(0, 0, 0, ${Emphasis.high.value})`,\n blackMediumEmphasis: `rgba(0, 0, 0, ${Emphasis.medium.value})`,\n blackLightEmphasis: `rgba(0, 0, 0, ${Emphasis.light.value})`,\n blackDisabledEmphasis: `rgba(0, 0, 0, ${Emphasis.disabled.value})`,\n blackPaleEmphasis: `rgba(0, 0, 0, ${Emphasis.pale.value})`,\n whiteHighEmphasis: `rgba(255, 255, 255, ${Emphasis.high.value})`,\n whiteMediumEmphasis: `rgba(255, 255, 255, ${Emphasis.medium.value})`,\n whiteDisabledEmphasis: `rgba(255, 255, 255, ${Emphasis.disabled.value})`,\n redLightEmphasis: `rgba(176, 0, 32, ${Emphasis.pale.value})`,\n successEmphasis: `rgba(112, 176, 0, ${Emphasis.pale.value})`,\n warningEmphasis: `rgba(238, 159, 87, ${Emphasis.pale.value})`,\n successHalfEmphasis: `rgba(112, 176, 0, ${Emphasis.half.value})`,\n warningHalfEmphasis: `rgba(238, 159, 87, ${Emphasis.half.value})`\n};\n","export const ContentSpacing = {\n space2: '2px',\n space4: '4px',\n space6: '6px',\n space8: '8px',\n space10: '10px',\n space12: '12px',\n space16: '16px',\n space20: '20px',\n space24: '24px',\n space28: '28px',\n space32: '32px',\n space36: '36px',\n space40: '40px',\n space44: '44px',\n space48: '48px',\n space60: '60px',\n space80: '80px',\n space100: '100px'\n};\n","export interface IEmphasisProps {\n [key: string]: number | string;\n}\n\nexport interface IEmphasis {\n [key: string]: IEmphasisProps;\n}\n\nexport const Emphasis: IEmphasis = {\n high: { value: 0.88, className: '' }, // No className because it has emphasis High by default\n medium: { value: 0.64, className: 'elc-medium-emphasis' },\n half: { value: 0.5, className: 'elc-half-emphasis' },\n light: { value: 0.12, className: 'elc-light-emphasis' },\n pale: { value: 0.02, className: 'elc-pale-emphasis' },\n disabled: { value: 0.4, className: 'elc-disabled-emphasis' }\n};\n","import * as React from 'react';\nimport * as classNames from 'classnames';\nimport { Icon } from './Icon';\n\nexport const ARROW_DIRECTION = Object.freeze({\n LEFT_DIRECTION: 'left',\n RIGHT_DIRECTION: 'right',\n TOP_DIRECTION: 'top',\n BOTTOM_DIRECTION: 'bottom'\n});\n\nexport interface IDirectionalArrowProps {\n className?: string;\n direction?: string;\n}\n\nconst DirectionalArrow = (props: IDirectionalArrowProps) => {\n const className = classNames('elc-directional-icon', props.className);\n const image = `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' preserveAspectRatio='none' fill='transparent' stroke-width='2px'%0Astroke='%23000000' %3E%3Cpath d='M1,6 L10,15 L19,6' /%3E%3C/svg%3E\")`;\n const transform =\n (props.direction === ARROW_DIRECTION.LEFT_DIRECTION && 'rotate(90deg)') ||\n (props.direction === ARROW_DIRECTION.TOP_DIRECTION && 'rotate(180deg)') ||\n (props.direction === ARROW_DIRECTION.RIGHT_DIRECTION && 'rotate(270deg)') ||\n '';\n\n return ;\n};\n\nexport { DirectionalArrow };\n","import * as React from 'react';\nimport { Colors } from '@estee/elc-base-theme';\nimport styled from 'styled-components';\nimport * as classnames from 'classnames';\n\nexport interface IIconProps {\n className: string;\n size: string;\n width?: number;\n height?: number;\n image?: string;\n color?: string;\n background?: string;\n transform?: string;\n 'aria-label'?: string;\n}\n\ninterface ISizes {\n [key: string]: number;\n}\n\nexport const SIZES: ISizes = {\n xsmall: 10,\n small: 16,\n medium: 20,\n large: 24,\n xlarge: 60,\n xxlarge: 90\n};\n\nconst IconPlaceholder = styled.div`\n cursor: pointer;\n width: ${props =>\n props.theme.size !== 'custom' ? SIZES[props.theme.size] : props.theme.width}px;\n height: ${props =>\n props.theme.size !== 'custom' ? SIZES[props.theme.size] : props.theme.height}px;\n transform: ${props => (props.theme.transform ? props.theme.transform : '')};\n`;\n\nconst MaskIconPlaceholder = styled(IconPlaceholder)`\n background-color: ${props => (props.theme.color ? props.theme.color : Colors.black)};\n mask: ${props => props.theme.image && props.theme.image} no-repeat center;\n`;\n\nconst BackgroundIconPlaceholder = styled(IconPlaceholder)`\n background: ${props => props.theme.background && props.theme.background} no-repeat center;\n`;\n\nconst Icon = (props: IIconProps) => {\n const { className, 'aria-label': ariaLabel, ...theme } = props;\n const genericIconClassname = 'elc-icon js-icon';\n\n return theme.image ? (\n \n ) : (\n \n );\n};\n\nexport { Icon };\n","import React, { ReactNode } from 'react';\nimport { ISiteConfig } from '~domain/entities/ISiteConfig';\n\nfunction WithStyles(props: { children: ReactNode }) {\n const loyaltyConfig = (window?.site as ISiteConfig)?.loyaltyConfig?.loyalty;\n\n import(`../../styles/${loyaltyConfig?.brandName.toLowerCase()}.css`);\n\n return <>{props.children};\n}\n\nexport default WithStyles;","import { IPosition } from '~views/components/interfaces';\n\nconst classNames = require('classnames');\n\nexport const classes = (component: string, ...otherClassNames: (string | undefined)[]) =>\n classNames(`elc-${component}`, `js-${component}`, otherClassNames);\n\nexport const addFullBleed = (position: IPosition['position']) =>\n position?.extend ? 'fullbleed' : '';\n","import * as React from 'react';\n\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nimport { ServiceView } from '@estee/elc-service';\nimport { LOYALTY_POINTS_INFO } from '@estee/elc-service-view-names';\n\nimport { ILink, ILoyaltyTier } from '~views/components/BaseLink';\nimport { IPosition } from '~views/components/interfaces';\nimport { serviceName } from '~setup/packageInfo';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\n\nconst LoyaltyPointsDetailWrapper = styled.div`\n grid-area: ${ds.loyaltyConfig};\n min-width: 0;\n`;\nexport const TEST_ID_LOYALTY_POINTS_DETAIL = 'loyalty-dashboard-loyalty-points-info';\nconst loyaltyPointsDetailClass = classes('loyalty-dashboard-loyalty-points-info');\nconst loyaltyPointsClass = classes('points-section');\nconst tierTickerTapeClass = classes('loyalty-tier-info-ticker-tape');\n\nexport interface ILoyaltyPointsDetail extends IPosition {\n loyaltyConfig: {\n loyaltyPointsDetail: ILink;\n loyaltyTierInfo: ILoyaltyTier;\n };\n}\n\nexport const LoyaltyPointsDetail = observer(function LoyaltyPointsDetail(\n section: ILoyaltyPointsDetail\n) {\n const { position } = section;\n const classNames = `${loyaltyPointsDetailClass} ${loyaltyPointsClass} ${addFullBleed(\n position\n )}`;\n\n return (\n \n \n
\n \n );\n});\n","import * as React from 'react';\n\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nimport { ServiceView } from '@estee/elc-service';\nimport { LOYALTY_SUBMIT_A_RECEIPT } from '@estee/elc-service-view-names';\nimport { ILink } from '~views/components/BaseLink';\nimport { IPosition } from '~views/components/interfaces';\nimport { serviceName } from '~setup/packageInfo';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\n\nconst LoyaltySubmitReceiptWrapper = styled.div`\n grid-area: ${ds.loyaltySubmitAReceipt};\n min-width: 0;\n`;\nexport const TEST_ID_SUBMIT_RECEIPT_DETAIL = 'loyalty-dashboard-submit-receipt';\nconst loyaltySubmitReceiptClass = classes('loyalty-dashboard-submit-receipt-info');\nconst loyaltyPointsClass = classes('points-section');\n\nexport interface ILoyaltySubmitReceiptDetail extends IPosition {\n loyaltySubmitAReceipt: ILink;\n}\n\nexport const LoyaltySubmitAReceiptDetail = observer(function LoyaltySubmitAReceiptDetail(\n section: ILoyaltySubmitReceiptDetail\n) {\n const { position } = section;\n const classNames = `${loyaltySubmitReceiptClass} ${loyaltyPointsClass} ${addFullBleed(\n position\n )}`;\n\n return (\n \n \n \n );\n});\n","import * as React from 'react';\n\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nimport { ServiceView } from '@estee/elc-service';\nimport { LOYALTY_POINTS_HISTORY } from '@estee/elc-service-view-names';\nimport { ILink } from '~views/components/BaseLink';\nimport { IPosition } from '~views/components/interfaces';\nimport { serviceName } from '~setup/packageInfo';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\n\nconst PointsHistoryWrapper = styled.div`\n grid-area: ${ds.pointsHistory};\n min-width: 0;\n`;\nexport const TEST_ID_POINTS_HISTORY_DETAIL = 'loyalty-dashboard-points-history';\nconst pointsHistoryClass = classes('loyalty-dashboard-points-history');\nconst pointsSectionClass = classes('points-section');\n\nexport interface IPointsHistoryDetail extends IPosition {\n loyaltyPointsHistory: ILink;\n}\n\nexport const PointsHistoryDetail = observer(function PointsHistoryDetail(\n section: IPointsHistoryDetail\n) {\n const { position } = section;\n const classNames = `${pointsHistoryClass} ${pointsSectionClass} ${addFullBleed(position)}`;\n\n return (\n \n \n \n );\n});\n","import * as React from 'react';\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nimport { ServiceView } from '@estee/elc-service';\nimport { LOYALTY_BENEFITS } from '@estee/elc-service-view-names';\nimport { IPosition } from '~views/components/interfaces';\n\nimport { serviceName } from '~setup/packageInfo';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\nimport { IBenefitsBackgroundColor } from './ILoyaltyBenefits';\n\nconst BenefitsWrapper = styled.div<{ backgroundColor?: string }>`\n grid-area: ${ds.benefits};\n min-width: 0;\n background-color: ${({ backgroundColor }) => `#${backgroundColor}`};\n`;\n\nexport interface IBenefitsData {\n text: string;\n}\n\nexport interface IBenefitsContent {\n benefitsHeader: IBenefitsData;\n benefitsBackgroundColor?: IBenefitsBackgroundColor;\n benefitsSubHeader: IBenefitsData;\n removeButtonText: IBenefitsData;\n applyButtonText: IBenefitsData;\n cardsCount: IBenefitsData;\n}\n\nexport interface IBenefitsView extends IPosition {\n benefits: IBenefitsContent;\n}\n\nexport const TEST_ID_BENEFITS = 'loyalty-dashboard-benefits';\nconst benefitsClass = classes('loyalty-dashboard-benefits-info');\n\nexport const Benefits = observer(function Benefits(section: IBenefitsView) {\n const { position } = section;\n const classNames = `${benefitsClass} ${addFullBleed(position)}`;\n const benefitsContainerColor = section.benefits.benefitsBackgroundColor?.hex;\n\n return (\n \n \n \n );\n});\n","import * as React from 'react';\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nimport { ServiceView } from '@estee/elc-service';\nimport { LOYALTY_REWARDS } from '@estee/elc-service-view-names';\nimport { IPosition } from '~views/components/interfaces';\n\nimport { serviceName } from '~setup/packageInfo';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\n\nconst RewardsWrapper = styled.div`\n grid-area: ${ds.rewards};\n min-width: 0;\n`;\n\nexport interface IRewardsData {\n text: string;\n}\n\nexport interface IRewardsContent {\n rewardsHeader: IRewardsData;\n rewardsSubHeader: IRewardsData;\n rewardsSubHeaderInsufficientPoints?: IRewardsData;\n removeButtonText: IRewardsData;\n applyButtonText: IRewardsData;\n blockedButtonText: IRewardsData;\n redeemedButtonText: IRewardsData;\n cardsCount: IRewardsData;\n}\n\nexport interface IRewardsView extends IPosition {\n rewards: IRewardsContent;\n}\n\nexport const TEST_ID_REWARDS = 'loyalty-dashboard-rewards';\nconst rewardsClass = classes('loyalty-dashboard-rewards-info');\n\nexport const Rewards = observer(function Rewards(section: IRewardsView) {\n const { position } = section;\n const classNames = `${rewardsClass} ${addFullBleed(position)}`;\n\n return (\n \n \n \n );\n});\n","import * as React from 'react';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { IPosition } from '~views/components/interfaces';\nimport styled from 'styled-components';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\n\nexport interface ILoyaltyFAQContent {\n faqHeader: string;\n faqSubTitle: string;\n faqTitle: string;\n faqUrlText: string;\n faqUrl: string;\n targetUrl: string;\n}\n\nexport interface ILoyaltyFAQView extends IPosition {\n faq: ILoyaltyFAQContent;\n}\n\nexport const TEST_ID_FAQ = 'loyalty-dashboard-loyalty-faq';\n\nconst LoyaltyFaqWrapper = styled.div`\n grid-area: ${ds.faq};\n`;\n\nconst loyaltyFaqWrapperClass = classes('loyalty-faq-wrapper');\nconst loyaltyFaqHeader = classes('loyalty-faq-header');\nconst loyaltyFaqContent = classes('loyalty-faq-content');\nconst loyaltyFaqContentTitle = classes('loyalty-faq-content-title');\nconst loyaltyFaqSubTitle = classes('loyalty-faq-content-subtitle');\n\nexport function LoyaltyFAQ(props: ILoyaltyFAQView) {\n const classNames = `${loyaltyFaqWrapperClass} ${addFullBleed(props.position)}`;\n const { faqHeader, faqTitle, faqSubTitle, faqUrlText, faqUrl, targetUrl } = props.faq;\n\n return (\n \n
\n {faqHeader}\n
\n
\n
\n {faqTitle}\n
\n
\n {faqSubTitle} {faqUrlText}.\n
\n
\n \n );\n}","import * as React from 'react';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { IPosition } from '~views/components/interfaces';\nimport styled from 'styled-components';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\n\nexport interface ILoyaltyCTASection {\n backgroundImageUrl?: string;\n ctaLabel?: string;\n ctaTargetUrl?: string;\n ctaURL?: string;\n subtitle?: string;\n title?: string;\n}\n\nexport interface ILoyaltyCTASectionView extends IPosition {\n ctaSection: ILoyaltyCTASection;\n}\n\nexport const TEST_ID_CTA_SECTION = 'loyalty-dashboard-loyalty-cta-section';\n\nconst CTASectionWrapper = styled.div`\n grid-area: ${ds.ctaSection};\n`;\n\nconst CTASectionBackgroundImage = styled.div<{ backgroundImageUrl: string }>`\n background-image: url('${({ backgroundImageUrl }) => `${backgroundImageUrl}`}');\n`;\n\nconst ctaSectionWrapperClass = classes('loyalty-cta-section');\nconst ctaSectionBackgroundImageClass = classes('loyalty-cta-section-background-image');\nconst ctaSectionTitleClass = classes('loyalty-cta-section-title');\nconst ctaSectionSubTitleClass = classes('loyalty-cta-section-subtitle');\nconst ctaSectionContentClass = classes('loyalty-cta-section-content');\nconst ctaSectionLinkClass = classes(\n 'loyalty-cta-section-link',\n 'elc-button',\n 'elc-button--outlined',\n 'button'\n);\n\nexport function CTASection(props: ILoyaltyCTASectionView) {\n const wrapperClassNames = `${ctaSectionWrapperClass} ${addFullBleed(props.position)}`;\n\n const {\n backgroundImageUrl,\n ctaLabel,\n ctaTargetUrl,\n ctaURL,\n subtitle,\n title\n } = props.ctaSection;\n\n return (\n \n \n
\n {title && (\n \n )}\n\n {subtitle && (\n \n )}\n\n {ctaLabel && ctaTargetUrl && (\n \n {ctaLabel}\n \n )}\n
\n \n \n );\n}\n","import * as React from 'react';\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nimport { ServiceView } from '@estee/elc-service';\nimport { LOYALTY_EARN_POINTS } from '@estee/elc-service-view-names';\nimport { IPosition } from '~views/components/interfaces';\nimport { ILoyaltyEarnPoints } from './ILoyaltyEarnPoints';\nimport { serviceName } from '~setup/packageInfo';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { dashboardSections as ds } from '~views/dashboard/sections';\n\nconst LoyaltyEarnPointsWrapper = styled.div`\n grid-area: ${ds.earnPoints};\n min-width: 0;\n`;\n\nconst LoyaltyEarnPointsInnerWrapper = styled.div``;\n\nexport interface ILoyaltyEarnPointsData {\n text: string;\n}\n\nexport interface ILoyaltyEarnPointsContent {\n earnPointsHeader: ILoyaltyEarnPointsData;\n earnPointsSubHeader: ILoyaltyEarnPointsData;\n earnPointInfo: ILoyaltyEarnPoints[];\n}\n\nexport interface ILoyaltyEarnPointsView extends IPosition {\n earnPoints: ILoyaltyEarnPointsContent;\n}\n\nexport const TEST_ID_EARNPOINTS = 'loyalty-dashboard-earn-points';\nconst earnPointsClass = classes('loyalty-dashboard-earn-points-info');\nconst loyaltyEarnPointsInnerWrapper = classes('loyalty-dashboard-earn-points-info-inner-wrapper');\n\nexport const LoyaltyEarnPoints = observer(function LoyaltyEarnPoints(\n section: ILoyaltyEarnPointsView\n) {\n const { position } = section;\n const classNames = `${earnPointsClass} ${addFullBleed(position)}`;\n\n return (\n \n \n \n \n \n );\n});\n","export const dashboardSections = {\n loyaltyConfig: 'loyaltyConfig',\n loyaltySubmitAReceipt: 'loyaltySubmitAReceipt',\n pointsHistory: 'pointsHistory',\n earnPoints: 'earnPoints',\n benefits: 'benefits',\n rewards: 'rewards',\n faq: 'faq',\n birthday: 'birthday',\n ctaSection: 'ctaSection'\n};\n","import * as React from 'react';\nimport { observer } from 'mobx-react';\nimport styled from 'styled-components';\n\nimport { ServiceView } from '@estee/elc-service';\nimport { LOYALTY_BIRTHDAY } from '@estee/elc-service-view-names';\n\nimport { IPosition } from '~views/components/interfaces';\nimport { serviceName } from '~setup/packageInfo';\nimport { addFullBleed, classes } from '~utils/Classes';\nimport { landingPageSections as lp } from '~views/landing-page/sections';\n\nconst BirthdayWrapper = styled.div`\n grid-area: ${lp.birthday};\n min-width: 0;\n`;\n\nexport const TEST_ID_REWARDS = 'loyalty-landing-birthday';\nconst birthdayClass = classes('loyalty-landing-birthday');\n\nexport const Birthday = observer(function Birthday(section: IPosition) {\n const { position } = section;\n const classNames = `${birthdayClass} ${addFullBleed(position)}`;\n\n return (\n \n \n \n );\n});\n","export const landingPageSections = {\n birthday: 'birthday'\n};\n","const { name } = __serviceInfo__;\nexport { name as serviceName };\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\tvar nativeCodeString = '[native code]';\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) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\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","var map = {\n\t\"./clinique.css\": [\n\t\t\"./src/styles/clinique.css\",\n\t\t\"src_styles_clinique_css\"\n\t],\n\t\"./mac.css\": [\n\t\t\"./src/styles/mac.css\",\n\t\t\"src_styles_mac_css\"\n\t],\n\t\"./tailwind.css\": [\n\t\t\"./src/styles/tailwind.css\"\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(() => {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(1).map(__webpack_require__.e)).then(() => {\n\t\treturn __webpack_require__.t(id, 7 | 16);\n\t});\n}\nwebpackAsyncContext.keys = () => (Object.keys(map));\nwebpackAsyncContext.id = \"./src/styles lazy recursive ^\\\\.\\\\/.*\\\\.css$\";\nmodule.exports = webpackAsyncContext;"],"names":["Breakpoints","desktop","largeScreen","extraLargeScreen","breakpoint","brp","code","placeholders","result","reduce","acc","holder","idx","length","Colors","black","white","whiteDove","primary900","primary800","primary700","primary600","primary500","primary400","primary300","primary200","primary100","primary50","danger","info","success","warning","unvisitedLink","visitedLink","blackHighEmphasis","blackMediumEmphasis","blackLightEmphasis","blackDisabledEmphasis","blackPaleEmphasis","whiteHighEmphasis","whiteMediumEmphasis","whiteDisabledEmphasis","redLightEmphasis","successEmphasis","warningEmphasis","successHalfEmphasis","warningHalfEmphasis","ContentSpacing","space2","space4","space6","space8","space10","space12","space16","space20","space24","space28","space32","space36","space40","space44","space48","space60","space80","space100","Emphasis","high","value","className","medium","half","light","pale","disabled","ARROW_DIRECTION","Object","freeze","LEFT_DIRECTION","RIGHT_DIRECTION","TOP_DIRECTION","BOTTOM_DIRECTION","DirectionalArrow","props","transform","direction","size","image","SIZES","xsmall","small","large","xlarge","xxlarge","IconPlaceholder","theme","width","height","MaskIconPlaceholder","color","BackgroundIconPlaceholder","background","Icon","ariaLabel","loyaltyConfig","window","site","loyalty","brandName","toLowerCase","children","classNames","classes","component","otherClassNames","addFullBleed","position","extend","LoyaltyPointsDetailWrapper","loyaltyPointsDetailClass","loyaltyPointsClass","tierTickerTapeClass","LoyaltyPointsDetail","observer","section","ServiceView","name","serviceName","config","LoyaltySubmitReceiptWrapper","loyaltySubmitReceiptClass","LoyaltySubmitAReceiptDetail","PointsHistoryWrapper","pointsHistoryClass","pointsSectionClass","PointsHistoryDetail","BenefitsWrapper","backgroundColor","benefitsClass","Benefits","benefitsContainerColor","benefits","benefitsBackgroundColor","hex","RewardsWrapper","rewardsClass","Rewards","LoyaltyFaqWrapper","loyaltyFaqWrapperClass","loyaltyFaqHeader","loyaltyFaqContent","loyaltyFaqContentTitle","loyaltyFaqSubTitle","LoyaltyFAQ","faqHeader","faqTitle","faqSubTitle","faqUrlText","faqUrl","targetUrl","faq","href","target","CTASectionWrapper","CTASectionBackgroundImage","backgroundImageUrl","ctaSectionWrapperClass","ctaSectionBackgroundImageClass","ctaSectionTitleClass","ctaSectionSubTitleClass","ctaSectionContentClass","ctaSectionLinkClass","CTASection","wrapperClassNames","ctaLabel","ctaTargetUrl","ctaURL","subtitle","title","ctaSection","dangerouslySetInnerHTML","__html","LoyaltyEarnPointsWrapper","LoyaltyEarnPointsInnerWrapper","earnPointsClass","loyaltyEarnPointsInnerWrapper","LoyaltyEarnPoints","dashboardSections","loyaltySubmitAReceipt","pointsHistory","earnPoints","rewards","birthday","BirthdayWrapper","birthdayClass","Birthday","landingPageSections","hasOwn","hasOwnProperty","i","arguments","arg","argType","push","Array","isArray","inner","apply","toString","prototype","includes","key","call","join","module","exports","default","map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","ids","id","all","slice","t","keys"],"sourceRoot":""}