{"version":3,"file":"RichContentArea.52f7e4d0f0d909dc09ce.chunk.js","mappings":"yOAMO,MAAMA,GAAUC,EAAAA,EAAAA,IAAOC,EAAAA,IAAoBC,WAAA,CAAAC,YAAA,gBAA3BH,CAA2B,gIAI3BI,EAAAA,EAAAA,ICJVC,IDsBQL,EAAAA,EAAAA,IAAOM,EAAAA,EAAAA,IAAWJ,WAAA,CAAAC,YAAA,gBAAlBH,CAAkB,kJACnCO,EAAAA,GAImBH,EAAAA,EAAAA,ICvBlBI,IAAqB,IAApB,YAAEC,GAAaD,EACnB,OAAKC,EAKHC,EAAAA,cAACC,EAAAA,GAAe,CAACC,GAAG,iBAClBF,EAAAA,cAACX,EAAO,KAAEU,IALL,OCDLI,EACJC,IAEA,IACE,MAAO,CACLC,KAAMD,EAAKE,6BAA6BC,QACxCC,KAAM,IAER,MAAOC,GACP,MAAO,CAAEJ,KAAM,CAAEK,WAAY,IAAMF,KAAM,MAmC7C,EA1ByDV,IAGnD,IAHoD,KACxDU,EAAI,WACJG,GACDb,EACC,MAAM,QAAEc,EAAO,MAAEC,EAAK,KAAET,IAASU,EAAAA,EAAAA,GAAmB,CAAEH,WAAAA,IAEtD,OAAIC,EACKZ,EAAAA,cAACe,EAAAA,EAAe,CAACC,OAAQ,KAG9BH,IAAUT,EAAKE,6BAA6BW,YACvC,KAIPjB,EAAAA,cAACkB,EAAAA,EAAU,CACTd,KAAMD,EAAWC,GACjBe,OAAQC,IAAA,IAAC,YAAErB,EAAac,MAAOQ,GAASD,EAAA,OACrCC,GACCrB,EAAAA,cAACL,EAAoB,CAACI,YAAaA,EAAaS,KAAMA","sources":["webpack://nushopweb/./packages/client/src/containers/ProductDetailContainer/ProductDetail/ProductTabContent/RichContentArea/styled.ts","webpack://nushopweb/./packages/client/src/containers/ProductDetailContainer/ProductDetail/ProductTabContent/RichContentArea/RichContentContainer.tsx","webpack://nushopweb/./packages/client/src/containers/ProductDetailContainer/ProductDetail/ProductTabContent/RichContentArea/index.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { breakpoints, Heading } from '@notino/react-styleguide';\n\nimport { TitleCSS, CommonMarginWrapper } from '../../styled';\n\nexport const Wrapper = styled(CommonMarginWrapper)`\n  max-width: 1005px;\n  width: 100%;\n\n  @media (min-width: ${breakpoints.md}) {\n    margin-bottom: 0.5rem;\n  }\n\n  // reset layout CSS\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n  }\n  p {\n    margin-bottom: 1rem;\n  }\n`;\n\nexport const Title = styled(Heading.H2)`\n  ${TitleCSS};\n  font-size: 1.2rem !important;\n  margin: 0.5rem 0 0;\n\n  @media (min-width: ${breakpoints.md}) {\n    font-size: 1.75rem !important;\n    margin-top: 3rem;\n    margin-bottom: 1.75rem;\n  }\n`;\n","import * as React from 'react';\n\nimport { CommonContainer } from '../../styled';\n\nimport { Wrapper } from './styled';\n\nexport const RichContentContainer: React.FC<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  rcComponent: any;\n  name: string;\n}> = ({ rcComponent }) => {\n  if (!rcComponent) {\n    return null;\n  }\n\n  return (\n    <CommonContainer id=\"pdRichContent\">\n      <Wrapper>{rcComponent}</Wrapper>\n    </CommonContainer>\n  );\n};\n","import * as React from 'react';\n\nimport { RCComposer } from '@notino/react-rich-content';\nimport { IComposerData } from '@notino/react-rich-content/dist/types/components/RCComposer/model';\nimport { SkeletonElement } from '@notino/react-styleguide';\nimport { GetRichContentByCatalogMasterIdQuery } from '@notino/shared/definitions/types';\n\nimport { useRichContentData } from './queries/useRichContentData';\nimport { RichContentContainer } from './RichContentContainer';\n\n// if for ssr errorPolicy on query is to ignored, try parse data safely\nconst tryGetData = (\n  data: GetRichContentByCatalogMasterIdQuery\n): IComposerData => {\n  try {\n    return {\n      rich: data.RichContentByCatalogMasterId.content,\n      name: '',\n    };\n  } catch (e) {\n    return { rich: { components: [] }, name: '' };\n  }\n};\n\ninterface IRichContentAreaProps {\n  name: string;\n  versionKey?: string;\n}\n\nconst RichContentArea: React.FC<IRichContentAreaProps> = ({\n  name,\n  versionKey,\n}) => {\n  const { loading, error, data } = useRichContentData({ versionKey });\n\n  if (loading) {\n    return <SkeletonElement height={15} />;\n  }\n\n  if (error || !data.RichContentByCatalogMasterId.isAvailable) {\n    return null;\n  }\n\n  return (\n    <RCComposer\n      data={tryGetData(data)}\n      render={({ rcComponent, error: rcError }) =>\n        !rcError && (\n          <RichContentContainer rcComponent={rcComponent} name={name} />\n        )\n      }\n    />\n  );\n};\n\nexport default RichContentArea;\n"],"names":["Wrapper","styled","CommonMarginWrapper","withConfig","componentId","breakpoints","RichContentContainer","Heading","TitleCSS","_ref","rcComponent","React","CommonContainer","id","tryGetData","data","rich","RichContentByCatalogMasterId","content","name","e","components","versionKey","loading","error","useRichContentData","SkeletonElement","height","isAvailable","RCComposer","render","_ref2","rcError"],"sourceRoot":""}