{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Fields/Select.tsx","webpack:///./Avensia.Common/Features/CustomerService/components/FaqMobileLinkBlock.tsx","webpack:///./Avensia.Common/Features/CustomerService/CustomerServiceFaqPage.tsx"],"names":["Appearance","Options","fontWeight","position","top","right","left","transform","transformOrigin","backgroundColor","listStyleType","property","OptionLi","li","borderBottom","width","style","color","padding","y","borderBottomStyle","Option","fontSize","letterSpacing","height","OptionContent","div","marginLeft","minWidth","textAlign","Content","alignItems","display","justifyContent","x","IconDown","IconUp","props","toggle","setState","open","state","componentDidUpdate","prevProps","prevState","this","unsubscribeBodyClose","componentWillUnmount","getContentWidth","count","options","forEach","option","text","length","selectOption","value","onChangeOption","render","selected","find","o","substring","lastIndexOf","compose","appearance","variant","contentWidth","divStyle","maxWidth","textTransform","zIndex","Bare","Full","Div","css","role","onClick","map","key","None","noRippleEffect","Component","selectedValue","UNSAFE_componentWillMount","items","item","index","url","push","pathname","SelectContent","Medium","Select","margin","border","xy","MainContent","connect","currentBreakpoint","leftAreaQuestionBlock","rightAreaQuestionBlock","breadCrumbs","heading","page","mainPage","contactUsHeader","contactUsText","contactUsEmail","isMobile","Narrow","PaddedContentWrapper","BreadCrumbsWrapper","breadcrumbs","Heading","FaqMobileLinkBlock","linkBlockHolderBlockArea","LinkBlockContentArea","Fragment","title","questions","QuestionsBlock","layout","OneToOne","ContactUs","header","email","paddingBottom","h2"],"mappings":"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","file":"assets/33.chunk.2364c44e3ba51e8838bd.js","sourcesContent":["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 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"],"sourceRoot":""}