{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Generic/H4.tsx","webpack:///./Avensia.Common/Features/CustomerService/QuestionsBlock.tsx","webpack:///./Avensia.Common/Features/CustomerService/components/FaqMobileLinkBlock.tsx","webpack:///./Avensia.Common/Features/CustomerService/CustomerServiceFaqPage.tsx","webpack:///./Avensia.Common/Features/Shared/Breadcrumbs/index.tsx","webpack:///./Avensia.Common/Features/Shared/Fields/Select.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/Add.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/ic_add_24px.svg","webpack:///./Avensia.Common/Features/CustomerService/components/LinkBlockContentArea.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/mail.svg","webpack:///./Avensia.Common/Features/Shared/Icon/mail.tsx","webpack:///./Avensia.Common/Features/CustomerService/components/ContactUs.tsx"],"names":["h4","fontSize","fontWeight","lineHeight","letterSpacing","props","toggleAccordion","groupIndex","List","state","openGroupIndexList","includes","index","indexOf","splice","push","setState","openGroupIndex","renderAccordionHeader","heading","AccordionHeader","Heading","css","ToggleIcon","transform","render","isMobile","questions","Title","map","idx","header","text","CustomAccordion","body","AccordionBody","for","key","onToggle","isOpen","Fragment","H4","Component","div","alignItems","display","justifyContent","Accordion","backgroundColor","theme","cardBackgroundColor","marginBottom","h3","margin","y","h5","textAlign","marginLeft","Add","flexShrink","marginRight","property","duration","willChange","timingFunction","options","selectedValue","UNSAFE_componentWillMount","this","items","length","forEach","item","value","url","pathname","SelectContent","variant","Medium","onChangeOption","appearance","Bare","Full","Select","width","border","xy","style","color","MainContent","connect","currentBreakpoint","leftAreaQuestionBlock","rightAreaQuestionBlock","breadCrumbs","page","mainPage","contactUsHeader","contactUsText","contactUsEmail","Narrow","PaddedContentWrapper","BreadCrumbsWrapper","breadcrumbs","FaqMobileLinkBlock","linkBlockHolderBlockArea","LinkBlockContentArea","title","QuestionsBlock","layout","OneToOne","ContactUs","email","paddingBottom","maxWidth","h2","padding","x","Li","li","content","PathLink","textDecoration","CurrentLink","placeholderBreadcrum","isVariationPage","currentPage","dispatch","navigateMainMenu","Div","compose","row","slice","isSliced","breadcrumb","Item","itemProp","to","onClick","e","charAt","toUpperCase","substr","toLowerCase","String","flexFlow","Appearance","Options","position","top","right","left","transformOrigin","listStyleType","OptionLi","borderBottom","borderBottomStyle","Option","height","OptionContent","minWidth","Content","IconDown","IconUp","toggle","open","componentDidUpdate","prevProps","prevState","unsubscribeBodyClose","componentWillUnmount","getContentWidth","count","option","selectOption","selected","find","o","substring","lastIndexOf","contentWidth","divStyle","textTransform","zIndex","role","None","noRippleEffect","React","IcAdd24px","createElement","defaultProps","module","exports","default","component","innerProps","LinkBlockHolder","children","Array","fill","elem","Placeholder","LinkBlockItem","flexBasis","marginTop","Mail","ContactUsContent","Header","Text","EmailWrapper","Email","section","maxHeight","span","paddingLeft"],"mappings":"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","file":"assets/16.chunk.19b7a82c3cf48a4650a9.js","sourcesContent":["import { styled } from '@glitz/react';\r\nimport * as style from '../Style';\r\n\r\nexport default styled.h4({\r\n  fontSize: style.delta,\r\n  fontWeight: 'bold',\r\n  lineHeight: 'normal',\r\n  letterSpacing: '2px',\r\n});\r\n","/**\r\n * @ComponentFor QuestionsBlock\r\n */\r\n\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { epiPropertyValue, EpiProperty } from '@avensia/scope-episerver';\r\nimport QuestionsBlockType from './QuestionsBlock.type';\r\nimport H4 from 'Shared/Generic/H4';\r\nimport Add from 'Shared/Icon/Add';\r\nimport Accordion from 'Shared/Accordion';\r\nimport { pixelsToUnit, transition, minMediumMediaQuery } from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  blockID?: number;\r\n  isMobile: boolean;\r\n  questions: QuestionsBlockType[];\r\n  heading?: string;\r\n};\r\n\r\ntype StateType = {\r\n  openGroupIndex?: number;\r\n  openGroupIndexList?: number[];\r\n};\r\n\r\nclass QuestionsBlock extends React.Component<PropType, StateType> {\r\n  constructor(props: PropType) {\r\n    super(props);\r\n    this.state = {\r\n      openGroupIndex: null,\r\n      openGroupIndexList: [],\r\n    };\r\n  }\r\n\r\n  toggleAccordion = (groupIndex: number) => {\r\n    let List = [...this.state.openGroupIndexList];\r\n    if (!List.includes(groupIndex)) {\r\n      List.push(groupIndex);\r\n    } else {\r\n      const index = List.indexOf(groupIndex);\r\n      List.splice(index, 1);\r\n    }\r\n    this.setState({\r\n      openGroupIndex: this.state.openGroupIndex !== groupIndex ? groupIndex : null,\r\n      openGroupIndexList: List,\r\n    });\r\n  };\r\n\r\n  renderAccordionHeader = (heading: string, groupIndex: number) => {\r\n    return (\r\n      <AccordionHeader>\r\n        <Heading css={{ fontWeight: this.state.openGroupIndex === groupIndex ? 'bold' : 'normal' }}>{heading}</Heading>\r\n        <ToggleIcon css={{ transform: this.state.openGroupIndex === groupIndex ? 'rotate(135deg)' : 'rotate(0)' }} />\r\n      </AccordionHeader>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { isMobile, questions, heading } = this.props;\r\n\r\n    return (\r\n      <div>\r\n        <Title>{heading}</Title>\r\n        {isMobile\r\n          ? !!questions &&\r\n            questions.map(({ header, text }, idx) => (\r\n              <CustomAccordion\r\n                body={\r\n                  <AccordionBody>\r\n                    <EpiProperty for={text} />\r\n                  </AccordionBody>\r\n                }\r\n                key={idx}\r\n                header={this.renderAccordionHeader(epiPropertyValue(header), idx)}\r\n                // tslint:disable-next-line:jsx-no-lambda\r\n                onToggle={() => this.toggleAccordion(idx)}\r\n                isOpen={this.state.openGroupIndexList.includes(idx)}\r\n              />\r\n            ))\r\n          : !!questions &&\r\n            questions.map(({ header, text }, idx) => (\r\n              <React.Fragment key={idx}>\r\n                <H4>{epiPropertyValue(header)}</H4>\r\n                <EpiProperty for={text} />\r\n              </React.Fragment>\r\n            ))}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default QuestionsBlock;\r\n\r\nconst AccordionHeader = styled.div({\r\n  alignItems: 'center',\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n});\r\n\r\nconst CustomAccordion = styled(Accordion, {\r\n  backgroundColor: theme => theme.cardBackgroundColor,\r\n  marginBottom: pixelsToUnit(10),\r\n});\r\n\r\nconst Title = styled.h3({\r\n  margin: {\r\n    y: pixelsToUnit(17),\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    margin: {\r\n      y: pixelsToUnit(20),\r\n    },\r\n  },\r\n});\r\n\r\nconst Heading = styled.h5({\r\n  textAlign: 'left',\r\n  lineHeight: '3rem',\r\n  marginLeft: pixelsToUnit(10),\r\n});\r\n\r\nconst ToggleIcon = styled(Add, {\r\n  flexShrink: 0,\r\n  marginRight: pixelsToUnit(10),\r\n  ...transition({\r\n    property: 'all',\r\n    duration: '.2s',\r\n    willChange: true,\r\n    timingFunction: 'ease',\r\n  }),\r\n});\r\n\r\nconst AccordionBody = styled.div({\r\n  marginLeft: pixelsToUnit(10),\r\n});\r\n","import React from 'react';\r\nimport { currentUrl } from '@avensia/scope';\r\nimport { replaceState } from '@avensia/scope';\r\nimport Select, { Variant } from 'Shared/Fields/Select';\r\nimport { Appearance } from 'Shared/Button';\r\nimport LinkIconTextBlockViewModel from 'CustomerService/LinkIconTextBlockViewModel.type';\r\nimport { styled } from '@glitz/react';\r\nimport { thin, alto } from 'Shared/Style';\r\nimport { pixelsToUnit } from 'Shared/Style/unit';\r\n\r\ntype OptionType = {\r\n  text: string;\r\n  value: string;\r\n};\r\n\r\ntype ItemType = Scope.ContentAreaItem & LinkIconTextBlockViewModel;\r\n\r\ntype PropType = {\r\n  items: Scope.ContentAreaItem[];\r\n};\r\n\r\ntype StateType = {\r\n  options: OptionType[];\r\n  selectedValue: string;\r\n};\r\n\r\nclass FaqPageSelect extends React.Component<PropType, StateType> {\r\n  constructor(props: PropType) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      options: [],\r\n      selectedValue: '',\r\n    };\r\n  }\r\n\r\n  UNSAFE_componentWillMount() {\r\n    if (this.props.items.length > 0) {\r\n      this.props.items.forEach((item: ItemType, index: number) => {\r\n        const { options } = this.state;\r\n        const text = item.text;\r\n        const value = item.url;\r\n        options.push({ text, value });\r\n        this.setState({ options });\r\n        if (currentUrl().pathname === item.url) {\r\n          this.setState({ selectedValue: item.url });\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <SelectContent\r\n        options={this.state.options}\r\n        value={this.state.selectedValue}\r\n        variant={Variant.Medium}\r\n        onChangeOption={replaceState}\r\n        appearance={[Appearance.Bare, Appearance.Full]}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nexport default FaqPageSelect;\r\n\r\nconst SelectContent = styled(Select, {\r\n  margin: {\r\n    y: pixelsToUnit(20),\r\n  },\r\n  width: '100%',\r\n  border: {\r\n    xy: {\r\n      width: thin,\r\n      style: 'solid',\r\n      color: alto,\r\n    },\r\n  },\r\n});\r\n","/**\r\n * @ComponentFor CustomerServiceFaqPageViewModel\r\n */\r\n\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport { Main, Basic, Appearance, Layout } from 'Shared/PageLayout/index';\r\nimport CustomerServiceFaqPageViewModelType from './CustomerServiceFaqPageViewModel.type';\r\nimport QuestionsBlock from './QuestionsBlock';\r\nimport { alpha, pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\nimport { epiPropertyValue } from '@avensia/scope-episerver';\r\nimport LinkBlockContentArea from 'CustomerService/components/LinkBlockContentArea';\r\nimport BreadCrumbs from 'Shared/Breadcrumbs';\r\nimport ContactUs from 'CustomerService/components/ContactUs';\r\nimport FaqMobileLinkBlock from 'CustomerService/components/FaqMobileLinkBlock';\r\n\r\ntype ConnectStateType = { currentBreakpoint: number };\r\n\r\ntype PropType = CustomerServiceFaqPageViewModelType & ConnectStateType;\r\n\r\nconst CustomerServiceFaqPage = (props: PropType) => {\r\n  const {\r\n    leftAreaQuestionBlock,\r\n    rightAreaQuestionBlock,\r\n    currentBreakpoint,\r\n    breadCrumbs,\r\n    heading,\r\n    page,\r\n    mainPage,\r\n    contactUsHeader,\r\n    contactUsText,\r\n    contactUsEmail,\r\n  } = props;\r\n  const isMobile = currentBreakpoint < 4;\r\n\r\n  return (\r\n    <MainContent appearance={Appearance.Narrow}>\r\n      <PaddedContentWrapper>\r\n        <BreadCrumbsWrapper>\r\n          <BreadCrumbs breadcrumbs={breadCrumbs} />\r\n        </BreadCrumbsWrapper>\r\n        <Heading>{heading}</Heading>\r\n      </PaddedContentWrapper>\r\n      {isMobile ? (\r\n        <PaddedContentWrapper>\r\n          <FaqMobileLinkBlock\r\n            items={\r\n              (epiPropertyValue(page.linkBlockHolderBlockArea) &&\r\n                epiPropertyValue(page.linkBlockHolderBlockArea).items) ||\r\n              (epiPropertyValue(mainPage.linkBlockHolderBlockArea) &&\r\n                epiPropertyValue(mainPage.linkBlockHolderBlockArea).items) ||\r\n              []\r\n            }\r\n          />\r\n        </PaddedContentWrapper>\r\n      ) : (\r\n          <Basic>\r\n            <LinkBlockContentArea\r\n              items={\r\n                epiPropertyValue(page.linkBlockHolderBlockArea)\r\n                  ? page.linkBlockHolderBlockArea\r\n                  : mainPage.linkBlockHolderBlockArea\r\n              }\r\n            />\r\n          </Basic>\r\n        )}\r\n      <PaddedContentWrapper>\r\n        {isMobile ? (\r\n          <React.Fragment>\r\n            {leftAreaQuestionBlock.length > 0 &&\r\n              leftAreaQuestionBlock.map(({ title, questions }) => (\r\n                <QuestionsBlock key={title + questions} heading={title} questions={questions} isMobile={isMobile} />\r\n              ))}\r\n\r\n            {rightAreaQuestionBlock.length > 0 &&\r\n              rightAreaQuestionBlock.map(({ title, questions }) => (\r\n                <QuestionsBlock key={title + questions} heading={title} questions={questions} isMobile={isMobile} />\r\n              ))}\r\n          </React.Fragment>\r\n        ) : (\r\n            <Basic layout={Layout.OneToOne}>\r\n              {leftAreaQuestionBlock.length > 0 &&\r\n                leftAreaQuestionBlock.map(({ title, questions }) => (\r\n                  <QuestionsBlock key={title + questions} heading={title} questions={questions} isMobile={isMobile} />\r\n                ))}\r\n\r\n              {rightAreaQuestionBlock.length > 0 &&\r\n                rightAreaQuestionBlock.map(({ title, questions }) => (\r\n                  <QuestionsBlock key={title + questions} heading={title} questions={questions} isMobile={isMobile} />\r\n                ))}\r\n            </Basic>\r\n          )}\r\n        <ContactUs header={contactUsHeader} text={contactUsText} email={contactUsEmail} />\r\n      </PaddedContentWrapper>\r\n    </MainContent>\r\n  );\r\n};\r\n\r\nexport default connect(\r\n  (state): ConnectStateType => ({\r\n    currentBreakpoint: state.currentBreakpoint,\r\n  }),\r\n)(CustomerServiceFaqPage);\r\n\r\nconst MainContent = styled(Main, {\r\n  paddingBottom: pixelsToUnit(100),\r\n  maxWidth: pixelsToUnit(1400),\r\n});\r\n\r\nconst BreadCrumbsWrapper = styled.div({\r\n  textAlign: 'center',\r\n  [minMediumMediaQuery]: {\r\n    textAlign: 'left',\r\n  },\r\n});\r\n\r\nconst Heading = styled.h2({\r\n  fontWeight: 'normal',\r\n  textAlign: 'center',\r\n  [minMediumMediaQuery]: {\r\n    fontSize: alpha,\r\n    textAlign: 'left',\r\n  },\r\n});\r\n\r\nconst PaddedContentWrapper = styled.div({\r\n  padding: { x: pixelsToUnit(5) },\r\n  [minMediumMediaQuery]: {\r\n    padding: { x: pixelsToUnit(10) },\r\n  },\r\n});\r\n","import React from 'react';\r\nimport { translate } from '@avensia/scope';\r\nimport Link from 'Shared/Link';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { pseudo } from '@glitz/core';\r\nimport BreadcrumbsViewModel from './BreadcrumbsViewModel.type';\r\nimport Ul from '../Generic/Ul';\r\nimport { scorpion, minMediumMediaQuery, pixelsToUnit } from 'Shared/Style';\r\nimport connect from 'Shared/connect';\r\nimport isVariationPage from 'Product/current-page-is-variation';\r\nimport { ItemKeyType } from 'SiteLayout/MainMenu/item';\r\nimport { navigateMainMenu } from 'SiteLayout/MainMenu/action-creators';\r\n\r\ntype RequiredPropType = {\r\n  breadcrumbs: BreadcrumbsViewModel[];\r\n  isSliced?: boolean;\r\n};\r\n\r\ntype ConnectStateType = {\r\n  isVariationPage: boolean;\r\n};\r\n\r\ntype ConnectDispatchType = {\r\n  navigateMainMenu: (key: ItemKeyType) => void;\r\n};\r\n\r\ntype PropType = RequiredPropType & ConnectStateType & StyledProps & ConnectDispatchType;\r\n\r\nconst Li = styled.li({\r\n  marginLeft: pixelsToUnit(5),\r\n  ...pseudo(':not(:last-child):after', {\r\n    content: '\"/\"',\r\n    marginLeft: pixelsToUnit(5),\r\n  }),\r\n});\r\n\r\nconst PathLink = styled(Link, {\r\n  color: scorpion,\r\n  ':hover': {\r\n    textDecoration: 'underline',\r\n  },\r\n  ':focus': {\r\n    textDecoration: 'none',\r\n  },\r\n});\r\n\r\nconst CurrentLink = styled(PathLink, {\r\n  fontWeight: 'bold',\r\n});\r\n\r\nconst placeholderBreadcrum = [\r\n  {\r\n    text: '',\r\n    url: '/',\r\n  },\r\n] as BreadcrumbsViewModel[];\r\n\r\nexport default styled(\r\n  connect(\r\n    (state): ConnectStateType => ({\r\n      isVariationPage: isVariationPage(state.currentPage),\r\n    }),\r\n\r\n    (dispatch): ConnectDispatchType => ({\r\n      navigateMainMenu(key: ItemKeyType) {\r\n        dispatch(navigateMainMenu(key));\r\n      },\r\n    }),\r\n  )((props: PropType) => (\r\n    <styled.Div css={props.compose()}>\r\n      <Ul\r\n        css={{\r\n          color: scorpion,\r\n          display: 'inline-flex',\r\n          flexFlow: 'row wrap',\r\n          justifyContent: 'center',\r\n          lineHeight: 'normal',\r\n          [minMediumMediaQuery]: {\r\n            justifyContent: 'flex-start',\r\n          },\r\n        }}\r\n        row\r\n      >\r\n        {(props.breadcrumbs || placeholderBreadcrum)\r\n          .slice(props.isSliced ? -1 : 0)\r\n          .map((breadcrumb, index, { length }) => {\r\n            const Item = props.isVariationPage && index === length - 1 && !props.isSliced ? CurrentLink : PathLink;\r\n\r\n            return (\r\n              <Li key={breadcrumb.url + index} itemProp=\"itemListElement\">\r\n                <Item to={breadcrumb.url} itemProp=\"item\" onClick={(e) => props.navigateMainMenu(breadcrumb.url)}>\r\n                  {index === 0 && !props.isSliced\r\n                    ? translate('/Shared/Breadcrumbs/Start')\r\n                    : breadcrumb.text.charAt(0).toUpperCase() + breadcrumb.text.substr(1).toLowerCase()}\r\n                </Item>\r\n                <meta itemProp=\"position\" content={String(index + 1)} />\r\n              </Li>\r\n            );\r\n          })}\r\n      </Ul>\r\n    </styled.Div>\r\n  )),\r\n);\r\n","import React from 'react';\r\nimport { Style } from '@glitz/type';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { pseudo } from '@glitz/core';\r\nimport { on } from '@avensia/scope';\r\nimport appearanceFunc, { AppearanceType } from '../appearance';\r\nimport Button, { Appearance as ButtonAppearance, Variant as ButtonVariant } from '../Button';\r\nimport Ul from '../Generic/Ul';\r\nimport { Down } from '../Icon/Arrow';\r\nimport SelectType from './Select.type';\r\nimport { pixelsToUnit, concrete, white, transition, depth, sigma, small, General } from '../Style';\r\n\r\nexport { General as Variant } from '../Style';\r\nexport enum Appearance {\r\n  Bare,\r\n  Full,\r\n}\r\n\r\nconst PLACEHOLDER = '-';\r\nconst Options = styled(Ul, {\r\n  fontWeight: 'normal',\r\n  position: 'absolute',\r\n  top: '100%',\r\n  right: 0,\r\n  left: 0,\r\n  transform: 'scaleY(0)',\r\n  transformOrigin: 'center top',\r\n  backgroundColor: white,\r\n  listStyleType: 'none',\r\n  ...transition({ property: 'transform' }),\r\n  ...depth(),\r\n});\r\n\r\nconst OptionLi = styled.li({\r\n  position: 'relative',\r\n  borderBottom: {\r\n    width: pixelsToUnit(1),\r\n    style: 'solid',\r\n    color: '#e4d9eb',\r\n  },\r\n  padding: {\r\n    y: pixelsToUnit(1.5),\r\n  },\r\n  ...pseudo(':last-child', {\r\n    borderBottomStyle: 'none',\r\n  }),\r\n  ':hover': {\r\n    backgroundColor: concrete,\r\n  },\r\n});\r\n\r\nconst Option = styled(Button, {\r\n  fontSize: sigma,\r\n  letterSpacing: pixelsToUnit(1.3),\r\n  height: pixelsToUnit(40),\r\n});\r\n\r\nconst OptionContent = styled.div({\r\n  marginLeft: small,\r\n  minWidth: '100%',\r\n  textAlign: 'left',\r\n});\r\n\r\nconst Content = styled.div({\r\n  alignItems: 'center',\r\n  display: 'flex',\r\n  fontWeight: 'bold',\r\n  justifyContent: 'space-between',\r\n  padding: { y: 0, x: pixelsToUnit(20) },\r\n});\r\n\r\nconst IconDown = styled(Down, {\r\n  width: pixelsToUnit(21),\r\n  height: pixelsToUnit(12),\r\n});\r\n\r\nconst IconUp = styled(IconDown, {\r\n  transform: 'rotate(180deg)',\r\n});\r\n\r\ntype PropType = StyledProps &\r\n  Pick<\r\n    React.HTMLAttributes<HTMLInputElement>,\r\n    Exclude<keyof React.HTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'className' | 'style'>\r\n  > &\r\n  SelectType & {\r\n    variant?: General;\r\n    appearance?: AppearanceType<Appearance | ButtonAppearance>;\r\n    onChangeOption?: (value: string) => any;\r\n  };\r\n\r\ntype StateType = {\r\n  open?: boolean;\r\n};\r\n\r\nexport default styled(\r\n  class Select extends React.Component<PropType, StateType> {\r\n    unsubscribeBodyClose: () => any;\r\n    constructor(props: PropType) {\r\n      super(props);\r\n      this.state = {\r\n        open: false,\r\n      };\r\n    }\r\n    componentDidUpdate(prevProps: PropType, prevState: StateType) {\r\n      const { open } = this.state;\r\n      if (open !== prevState.open) {\r\n        if (open) {\r\n          this.unsubscribeBodyClose = on('click', () => this.setState({ open: false }));\r\n        } else if (this.unsubscribeBodyClose) {\r\n          this.unsubscribeBodyClose();\r\n          delete this.unsubscribeBodyClose;\r\n        }\r\n      }\r\n    }\r\n\r\n    componentWillUnmount() {\r\n      if (this.unsubscribeBodyClose) {\r\n        this.unsubscribeBodyClose();\r\n        delete this.unsubscribeBodyClose;\r\n      }\r\n    }\r\n\r\n    toggle = () => this.setState({ open: !this.state.open });\r\n\r\n    getContentWidth() {\r\n      let count = 0;\r\n      this.props.options.forEach((option) => {\r\n        count = option.text.length > count ? option.text.length : count;\r\n      });\r\n      return `calc(${count} * (${sigma} / 2))`;\r\n    }\r\n\r\n    selectOption(value: string) {\r\n      if (this.props.onChangeOption) {\r\n        this.props.onChangeOption(value);\r\n      }\r\n      this.setState({ open: false });\r\n    }\r\n\r\n    render() {\r\n      const selected =\r\n        this.props.options.find((o) => o.value === this.props.value) ||\r\n        this.props.options.find(\r\n          (o) =>\r\n            o.value.substring(o.value.lastIndexOf('/')) ===\r\n            this.props.value.substring(this.props.value.lastIndexOf('/')),\r\n        );\r\n\r\n      const { compose, appearance = ButtonAppearance.Bare, variant, options } = this.props;\r\n      const contentWidth = this.getContentWidth();\r\n      const divStyle: Style = {\r\n        alignItems: 'center',\r\n        display: 'inline-flex',\r\n        position: 'relative',\r\n        maxWidth: '100%',\r\n        textTransform: 'uppercase',\r\n        zIndex: 1,\r\n        ...(!appearanceFunc(appearance)(Appearance.Bare) && {\r\n          backgroundColor: white,\r\n        }),\r\n        ...(appearanceFunc(appearance)(Appearance.Full) && {\r\n          display: 'block',\r\n        }),\r\n      };\r\n\r\n      return (\r\n        <styled.Div css={compose(divStyle)} role=\"listbox\">\r\n          <Button appearance={appearance} variant={variant} onClick={this.toggle}>\r\n            <Content css={{ minWidth: contentWidth }}>\r\n              {selected ? selected.text : PLACEHOLDER}\r\n              {this.state.open ? <IconUp /> : <IconDown />}\r\n            </Content>\r\n          </Button>\r\n          <Options css={this.state.open && { transform: 'scaleY(1)' }}>\r\n            {options.map((option) => (\r\n              <OptionLi key={option.value}>\r\n                <Option\r\n                  variant={ButtonVariant.None}\r\n                  appearance={[ButtonAppearance.Bare, ButtonAppearance.Full]}\r\n                  onClick={() => this.selectOption(option.value)}\r\n                  noRippleEffect\r\n                >\r\n                  <OptionContent>{option.text}</OptionContent>\r\n                </Option>\r\n              </OptionLi>\r\n            ))}\r\n          </Options>\r\n        </styled.Div>\r\n      );\r\n    }\r\n  },\r\n);\r\n","import factory from './icon';\r\nimport Svg from './glyphs/ic_add_24px.svg';\r\n\r\nexport default factory(Svg);\r\n","var React = require('react');\n\nfunction IcAdd24px (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M0 0h24v24H0z\",\"fill\":\"none\",\"key\":1})]);\n}\n\nIcAdd24px.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = IcAdd24px;\n\nIcAdd24px.default = IcAdd24px;\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { EpiProperty } from '@avensia/scope-episerver';\r\nimport { minMediumMediaQuery, small, pixelsToUnit } from 'Shared/Style';\r\nimport { pseudo } from '@glitz/core';\r\n\r\ntype PropType = {\r\n  items: Scope.Property<Scope.ContentArea>;\r\n};\r\n\r\nexport default (props: PropType) => {\r\n  const BlockHolder = (items: React.ReactNode | any) => {\r\n    return (\r\n      !!items && (\r\n        <LinkBlockHolder {...items}>\r\n          {items.children}\r\n          {new Array(4).fill(0).map((elem, index) => (\r\n            <Placeholder key={index} />\r\n          ))}\r\n        </LinkBlockHolder>\r\n      )\r\n    );\r\n  };\r\n  return <EpiProperty for={props.items} component={innerProps => BlockHolder(innerProps)} />;\r\n};\r\n\r\nconst LinkBlockItem = {\r\n  flexBasis: '33.33%',\r\n  maxWidth: '33.33%',\r\n  width: '100%',\r\n  padding: {\r\n    xy: pixelsToUnit(5),\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    flexBasis: '25%',\r\n    maxWidth: '25%',\r\n    padding: {\r\n      x: pixelsToUnit(10),\r\n      y: small,\r\n    },\r\n  },\r\n};\r\n\r\nconst LinkBlockHolder = styled.div({\r\n  display: 'flex',\r\n  flexFlow: 'row wrap',\r\n  justifyContent: 'center',\r\n  marginTop: small,\r\n  [minMediumMediaQuery]: {\r\n    justifyContent: 'space-around',\r\n  },\r\n\r\n  ...pseudo(':first-child > div', { ...LinkBlockItem }),\r\n});\r\n\r\nconst Placeholder = styled.div({\r\n  ...LinkBlockItem,\r\n  margin: {\r\n    xy: 0,\r\n  },\r\n  padding: {\r\n    xy: 0,\r\n  },\r\n});\r\n","var React = require('react');\n\nfunction Mail (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"mail\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\"},React.createElement(\"path\",{\"d\":\"M1.802 2.646L11 9.085l9.198-6.44A1.258 1.258 0 0019 1.75H3c-.563 0-1.044.38-1.198.896zM1.75 4.44V15c0 .686.564 1.25 1.25 1.25h16c.686 0 1.25-.564 1.25-1.25V4.44l-8.82 6.174a.75.75 0 01-.86 0L1.75 4.44zm20-1.452V15A2.756 2.756 0 0119 17.75H3A2.756 2.756 0 01.25 15V2.988A2.756 2.756 0 013 .25h16a2.756 2.756 0 012.75 2.738z\",\"transform\":\"translate(1 3)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"id\":\"Combined-Shape\"})));\n}\n\nMail.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = Mail;\n\nMail.default = Mail;\n","import factory from './icon';\r\nimport mail from './glyphs/mail.svg';\r\n\r\nexport default factory(mail);\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport MailIcon from 'Shared/Icon/mail';\r\nimport { pixelsToUnit, iota, delta, minMediumMediaQuery, epsilon } from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  header: string;\r\n  text: string;\r\n  email: string;\r\n};\r\n\r\nexport default (props: PropType) => (\r\n  <ContactUsContent>\r\n    <Header>{props.header}</Header>\r\n    <Text>{props.text}</Text>\r\n    <EmailWrapper>\r\n      <MailIcon />\r\n      <Email>{props.email}</Email>\r\n    </EmailWrapper>\r\n  </ContactUsContent>\r\n);\r\n\r\nconst ContactUsContent = styled.section({\r\n  width: '100%',\r\n  height: '100%',\r\n  marginTop: pixelsToUnit(50),\r\n  maxWidth: '100%',\r\n  padding: { xy: pixelsToUnit(17) },\r\n  [minMediumMediaQuery]: {\r\n    maxWidth: '50%',\r\n    padding: { xy: pixelsToUnit(23) },\r\n  },\r\n  maxHeight: pixelsToUnit(168),\r\n  backgroundColor: '#F1F1F1',\r\n});\r\n\r\nconst Header = styled.span({\r\n  display: 'block',\r\n  fontSize: delta,\r\n  marginBottom: pixelsToUnit(20),\r\n  fontWeight: 'bold',\r\n  letterSpacing: pixelsToUnit(2),\r\n  [minMediumMediaQuery]: {\r\n    letterSpacing: pixelsToUnit(2.4),\r\n    fontSize: iota,\r\n  },\r\n});\r\nconst Text = styled.div({\r\n  fontSize: epsilon,\r\n  marginBottom: pixelsToUnit(15),\r\n  [minMediumMediaQuery]: {\r\n    fontSize: delta,\r\n    marginBottom: pixelsToUnit(20),\r\n  },\r\n\r\n  fontWeight: 'bold',\r\n});\r\n\r\nconst EmailWrapper = styled.div({\r\n  display: 'flex',\r\n});\r\nconst Email = styled.span({\r\n  paddingLeft: pixelsToUnit(8),\r\n});\r\n"],"sourceRoot":""}