{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Generic/H4.tsx","webpack:///./Avensia.Common/Features/CustomerService/QuestionsBlock.tsx","webpack:///./Avensia.Common/Features/CustomerService/FaqBlockContainer.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/Add.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/ic_add_24px.svg"],"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","Container","style","flexDirection","faqJsonLd","dangerouslySetInnerHTML","__html","JSON","stringify","type","ContainerHeader","html","QuestionsContainer","faq","x","width","React","IcAdd24px","createElement","defaultProps","module","exports","default"],"mappings":"wJAGe,MAAOA,GAAG,CACvBC,SAAU,IACVC,WAAY,OACZC,WAAY,SACZC,cAAe,Q,kBCkBjB,cACE,WAAYC,GAAZ,MACE,YAAMA,IAAM,K,OAOd,EAAAC,gBAAkB,SAACC,GACjB,IAAIC,EAAO,YAAI,EAAKC,MAAMC,oBAC1B,GAAKF,EAAKG,SAASJ,GAEZ,CACL,IAAMK,EAAQJ,EAAKK,QAAQN,GAC3BC,EAAKM,OAAOF,EAAO,QAHnBJ,EAAKO,KAAKR,GAKZ,EAAKS,SAAS,CACZC,eAAgB,EAAKR,MAAMQ,iBAAmBV,EAAaA,EAAa,KACxEG,mBAAoBF,KAIxB,EAAAU,sBAAwB,SAACC,EAAiBZ,GACxC,OACE,kBAACa,EAAe,KACd,kBAACC,EAAO,CAACC,IAAK,CAAEpB,WAAY,EAAKO,MAAMQ,iBAAmBV,EAAa,OAAS,WAAaY,GAC7F,kBAACI,EAAU,CAACD,IAAK,CAAEE,UAAW,EAAKf,MAAMQ,iBAAmBV,EAAa,iBAAmB,iBAxBhG,EAAKE,MAAQ,CACXQ,eAAgB,KAChBP,mBAAoB,I,EA2D1B,OAhE6B,iBAgC3B,YAAAe,OAAA,sBACQ,aAAEC,EAAA,EAAAA,SAAUC,EAAA,EAAAA,UAAWR,EAAA,EAAAA,QAE7B,OACE,6BACE,kBAACS,EAAK,KAAET,GACPO,IACKC,GACFA,EAAUE,KAAI,SAAC,EAAkBC,G,IAAhBC,EAAA,EAAAA,OAAQC,EAAA,EAAAA,KAAgB,OACvC,kBAACC,EAAe,CACdC,KACE,kBAACC,EAAa,KACZ,kBAAC,IAAW,CAACC,IAAKJ,KAGtBK,IAAKP,EACLC,OAAQ,EAAKb,sBAAsB,YAAiBa,GAASD,GAE7DQ,SAAU,WAAM,SAAKhC,gBAAgBwB,IACrCS,OAAQ,EAAK9B,MAAMC,mBAAmBC,SAASmB,UAGjDH,GACFA,EAAUE,KAAI,SAAC,EAAkBC,G,IAAhBC,EAAA,EAAAA,OAAQC,EAAA,EAAAA,KAAgB,OACvC,kBAAC,IAAMQ,SAAQ,CAACH,IAAKP,GACnB,kBAACW,EAAE,KAAE,YAAiBV,IACtB,kBAAC,IAAW,CAACK,IAAKJ,UAMlC,EAhEA,CAA6B,IAAMU,WAoE7BtB,GAFS,YAES,IAAOuB,IAAI,CACjCC,WAAY,SACZC,QAAS,OACTC,eAAgB,mBAGZb,EAAkB,YAAOc,EAAA,EAAW,CACxCC,gBAAiB,SAAAC,GAAS,OAAAA,EAAMC,qBAChCC,aAAc,aAAa,MAGvBvB,EAAQ,IAAOwB,KAAE,GACrBC,OAAQ,CACNC,EAAG,aAAa,OAEjB,MAAsB,CACrBD,OAAQ,CACNC,EAAG,aAAa,M,IAKhBjC,EAAU,IAAOkC,GAAG,CACxBC,UAAW,OACXrD,WAAY,OACZsD,WAAY,aAAa,MAGrBlC,EAAa,YAAOmC,EAAA,EAAK,aAC7BC,WAAY,EACZC,YAAa,aAAa,KACvB,aAAW,CACZC,SAAU,MACVC,SAAU,MACVC,YAAY,EACZC,eAAgB,WAId7B,EAAgB,IAAOQ,IAAI,CAC/Bc,WAAY,aAAa,O,8FCrGZ,UAnBW,SAACpD,GAAoB,OAC7C,kBAAC4D,EAAS,CAACC,MAAO,CAAErB,QAAS,OAAQC,eAAgB,SAAUqB,cAAe,SAAUvB,WAAY,aAC/FvC,EAAM+D,WACP,4BACEC,wBAAyB,CACvBC,OAAQC,KAAKC,UAAUnE,EAAM+D,YAE/BK,KAAK,wBAGT,kBAACC,EAAe,KAAErE,EAAM0B,QAEvB1B,EAAM2B,MAAQ,kBAAC,UAAI,CAAC2C,KAAMtE,EAAM2B,KAAK2C,OACtC,kBAACC,EAAkB,KACjB,kBAAC,UAAc,CAACjD,UAAWtB,EAAMwE,IAAKnD,UAAU,OAOtD,IAAMuC,EAAY,IAAOtB,IAAI,CAC3BU,OAAQ,CACNyB,EAAG,EACHxB,EAAG,aAAa,OAIdoB,EAAkB,IAAO/B,IAAI,CACjCzC,WAAY,OACZD,SAAU,MAGN2E,EAAqB,IAAOjC,MAAG,GACnCoC,MAAO,SACN,MAAsB,CACrBA,MAAO,O,sCCjDX,8BAGe,gBAAQ,M,oBCHvB,IAAIC,EAAQ,EAAQ,GAEpB,SAASC,EAAW5E,GAChB,OAAO2E,EAAME,cAAc,MAAM7E,EAAM,CAAC2E,EAAME,cAAc,OAAO,CAAC,EAAI,sCAAsC,IAAM,IAAIF,EAAME,cAAc,OAAO,CAAC,EAAI,gBAAgB,KAAO,OAAO,IAAM,MAGhMD,EAAUE,aAAe,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,aAE/DC,EAAOC,QAAUJ,EAEjBA,EAAUK,QAAUL","file":"assets/22.chunk.3ec407e1929851cf785f.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","/**\r\n * @ComponentFor FaqContainerBlockViewModel\r\n */\r\nimport React from 'react';\r\nimport FaqContainerBlockViewModel from './FaqContainerBlockViewModel.type';\r\nimport QuestionsBlockViewModel from './QuestionsBlock.type';\r\nimport Html from 'Shared/Partials/PropertyTypes/Html';\r\nimport QuestionsBlock from './QuestionsBlock';\r\nimport { styled } from '@glitz/react';\r\nimport { beta, minMediumMediaQuery, pixelsToUnit } from 'Shared/Style';\r\n\r\ntype PropType = FaqContainerBlockViewModel & QuestionsBlockViewModel;\r\n\r\nconst FaqContainerBlock = (props: PropType) => (\r\n  <Container style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column', alignItems: 'center' }}>\r\n    {!!props.faqJsonLd && (\r\n      <script\r\n        dangerouslySetInnerHTML={{\r\n          __html: JSON.stringify(props.faqJsonLd),\r\n        }}\r\n        type=\"application/ld+json\"\r\n      />\r\n    )}\r\n    <ContainerHeader>{props.header}</ContainerHeader>\r\n\r\n    {props.text && <Html html={props.text.html} />}\r\n    <QuestionsContainer>\r\n      <QuestionsBlock questions={props.faq} isMobile={true} />\r\n    </QuestionsContainer>\r\n  </Container>\r\n);\r\n\r\nexport default FaqContainerBlock;\r\n\r\nconst Container = styled.div({\r\n  margin: {\r\n    x: 0,\r\n    y: pixelsToUnit(20),\r\n  },\r\n});\r\n\r\nconst ContainerHeader = styled.div({\r\n  fontWeight: 'bold',\r\n  fontSize: beta,\r\n});\r\n\r\nconst QuestionsContainer = styled.div({\r\n  width: '100%',\r\n  [minMediumMediaQuery]: {\r\n    width: '60%',\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"],"sourceRoot":""}