{"version":3,"sources":["webpack:///./scripts/Components/Faq/styles|lazy|/^\\.\\/.*\\.scss$/|groupOptions: {}|namespace object","webpack:///./scripts/Components/Faq/Faq.js","webpack:///./scripts/Components/Faq/FaqContainer.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","Faq","question","answer","icon","items","showMore","defaultExpanded","expanded","setExpanded","useState","answerExpanded","setAnswerExpanded","itemsArr","JSONparse","value","defaultValue","JSON","parse","error","onAnswerExpandClick","React","className","onClick","Icon","iconCode","dangerouslySetInnerHTML","__html","length","item","i","key","translate","window","__litium","themeName","FaqContainer","type","_extends"],"mappings":"wEAAA,IAAIA,EAAM,CACT,aAAc,CACb,MACA,MAED,cAAe,CACd,KACA,MAED,kBAAmB,CAClB,MACA,MAED,iBAAkB,CACjB,MACA,KAED,aAAc,CACb,MACA,OAGF,SAASC,EAAoBC,GAC5B,IAAIC,EAAoBC,EAAEJ,EAAKE,GAC9B,OAAOG,QAAQC,UAAUC,MAAK,KAC7B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBP,EAAM,KAEjD,MADAM,EAAEE,KAAO,mBACHF,CAAC,IAIT,IAAIG,EAAMX,EAAIE,GAAMU,EAAKD,EAAI,GAC7B,OAAOR,EAAoBK,EAAEG,EAAI,IAAIJ,MAAK,IAClCJ,EAAoBS,IAE7B,CACAX,EAAoBY,KAAO,IAAOC,OAAOD,KAAKb,GAC9CC,EAAoBW,GAAK,MACzBG,EAAOC,QAAUf,C,kGClCjB,MAQMgB,EAAMA,EACVC,WACAC,SACAC,OACAC,QACAC,YAAW,EACXC,mBAAkB,MAElB,MAAOC,EAAUC,IAAeC,cAASH,IAClCI,EAAgBC,IAAqBF,eAAUJ,GAChDO,EAlBUC,EAACC,EAAOC,KACxB,IACE,OAAOC,KAAKC,MAAMH,EACpB,CAAE,MAAOI,GACP,OAAOH,CACT,GAaiBF,CAAUT,EAAO,IAM5Be,EAAuB5B,IAC3BoB,GAAmBD,EAAe,EAGpC,OACEU,gBAAA,OACEC,UAAW,oBACTd,EAAW,4BAA8B,KAG3Ca,gBAAA,OACEC,UAAW,wBACTlB,EAAO,gCAAkC,IAE3CmB,QAlBW/B,IACfiB,GAAaD,EAAS,GAmBjBJ,GAAQiB,gBAACG,IAAI,CAACC,SAAUrB,EAAMkB,UAAU,0BACzCD,gBAAA,QAAMC,UAAU,yBAAyBpB,GACzCmB,gBAACG,IAAI,CACHC,SAAUjB,EAAW,cAAgB,cACrCc,UAAU,6BAGdD,gBAAA,OACEC,UAAW,sBACThB,EAAW,mCAAqC,KAGlDe,gBAAA,OACEC,UAAW,6BACTX,EAAiB,qCAAuC,IAE1DY,QAAU/B,GAAMc,IAAaK,GAAkBS,KAE9CjB,GAAUkB,gBAAA,OAAKK,wBAAyB,CAAEC,OAAQxB,KAClDU,GAAYA,EAASe,OAAS,GAC7BP,gBAAA,OAAKC,UAAU,gCACZT,GACCA,EAASe,OAAS,GAClBf,EAAS7B,KAAI,CAAC6C,EAAMC,IAClBT,gBAACpB,EAAG,CACF8B,IAAK,QAAUD,EACf5B,SAAU2B,EAAK3B,SACfC,OAAQ0B,EAAK1B,OACbC,KAAMyB,EAAKzB,MAAQ,GACnBE,SAAUuB,EAAKvB,WAAY,EAC3BC,gBAAiBsB,EAAKtB,kBAAmB,QAMpDD,GACCe,gBAAA,OACEC,UAAU,+BACVC,QAASH,GAERT,GACGqB,OAAU,oBACVA,OAAU,qBAIhB,EAIV,I,wNC7FA,SAAO,KAAYC,OAAOC,SAASC,kBAEnC,MASA,EATqBC,EAAG/B,QAAOgC,OAAO,aAElChB,gBAAA,OAAKC,UAAW,wBAAwBe,KACrChC,EAAMuB,OAAS,GACdvB,EAAMrB,KAAI,CAAC6C,EAAMC,IAAMT,gBAACpB,EAAGqC,EAAA,CAACP,IAAK,WAAaD,GAAOD,M","file":"9968.66206c05fea8fc31cbcd.js","sourcesContent":["var map = {\n\t\"./alf.scss\": [\n\t\t45255,\n\t\t5255\n\t],\n\t\"./main.scss\": [\n\t\t4767,\n\t\t4767\n\t],\n\t\"./oh-poppy.scss\": [\n\t\t73638,\n\t\t3638\n\t],\n\t\"./vincent.scss\": [\n\t\t60207,\n\t\t207\n\t],\n\t\"./wtg.scss\": [\n\t\t13077,\n\t\t3077\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 __webpack_require__.e(ids[1]).then(() => {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = () => (Object.keys(map));\nwebpackAsyncContext.id = 73065;\nmodule.exports = webpackAsyncContext;","import React, { useState } from 'react';\nimport Icon from '../IconBase/Icon';\nimport { translate } from '../../Services/translation';\n\nconst JSONparse = (value, defaultValue) => {\n  try {\n    return JSON.parse(value);\n  } catch (error) {\n    return defaultValue;\n  }\n};\n\nconst Faq = ({\n  question,\n  answer,\n  icon,\n  items,\n  showMore = false,\n  defaultExpanded = false,\n}) => {\n  const [expanded, setExpanded] = useState(defaultExpanded);\n  const [answerExpanded, setAnswerExpanded] = useState(!showMore);\n  const itemsArr = JSONparse(items, []);\n\n  const onClick = (e) => {\n    setExpanded(!expanded);\n  };\n\n  const onAnswerExpandClick = (e) => {\n    setAnswerExpanded(!answerExpanded);\n  };\n\n  return (\n    <div\n      className={`faq-block__item ${\n        expanded ? 'faq-block__item--expanded' : ''\n      }`}\n    >\n      <div\n        className={`faq-block__question ${\n          icon ? 'faq-block__question--has-icon' : ''\n        }`}\n        onClick={onClick}\n      >\n        {icon && <Icon iconCode={icon} className=\"faq-block__item__icon\" />}\n        <span className=\"faq-block__item-title\">{question}</span>\n        <Icon\n          iconCode={expanded ? 'expand_less' : 'expand_more'}\n          className=\"faq-block__item__expand\"\n        />\n      </div>\n      <div\n        className={`faq-block__answer ${\n          showMore ? 'faq-block__answer--has-show-more' : ''\n        }`}\n      >\n        <div\n          className={`faq-block__answer__inner ${\n            answerExpanded ? 'faq-block__answer__inner--expanded' : ''\n          }`}\n          onClick={(e) => showMore && !answerExpanded && onAnswerExpandClick(e)}\n        >\n          {answer && <div dangerouslySetInnerHTML={{ __html: answer }}></div>}\n          {itemsArr && itemsArr.length > 0 && (\n            <div className=\"faq-block faq-block--default\">\n              {itemsArr &&\n                itemsArr.length > 0 &&\n                itemsArr.map((item, i) => (\n                  <Faq\n                    key={'item-' + i}\n                    question={item.question}\n                    answer={item.answer}\n                    icon={item.icon ?? ''}\n                    showMore={item.showMore ?? false}\n                    defaultExpanded={item.defaultExpanded ?? false}\n                  />\n                ))}\n            </div>\n          )}\n        </div>\n        {showMore && (\n          <div\n            className=\"faq-block__answer__show-more\"\n            onClick={onAnswerExpandClick}\n          >\n            {answerExpanded\n              ? translate('toggle.showless')\n              : translate('toggle.showmore')}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Faq;\n","import React, { useState } from 'react';\nimport Faq from './Faq';\nimport(`./styles/${window.__litium.themeName}.scss`);\n\nconst FaqContainer = ({ items, type = 'default' }) => {\n  return (\n    <div className={`faq-block faq-block--${type}`}>\n      {items.length > 0 &&\n        items.map((item, i) => <Faq key={'faqitem-' + i} {...item} />)}\n    </div>\n  );\n};\n\nexport default FaqContainer;\n"],"sourceRoot":""}