{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/RowLayout/RowLayoutBlock.tsx"],"names":["RowLayoutContentArea","elementProps","componentProps","component","children","map","child","props","item","componentName","find","name","endsWith","Component","RowLayoutContentAreaForCTA","RowLayoutContentAreaDefault","Container","div","flexGrow","borderRadius","overflow","GridWrapper","padding","y","state","currentBreakpoint","className","e","i","a","key","parseInt","elementComponent","render","for","this","block","items"],"mappings":"4KAuBMA,EAAuB,SAAC,G,QAC5BC,EAAA,EAAAA,aACA,IAAAC,eAAkB,IAAAC,UAAA,qBAA8B,6BAGhD,OAEqD,QAFrD,EACgD,QADhD,EACGF,EAAaG,gBAAgC,eAC1CC,KAAI,SAACC,GAAK,eAAsB,QAAtB,EAAgB,QAAhB,EAAKA,EAAMC,aAAK,eAAEC,YAAI,eAAEC,wBAAa,eAC/CC,MAAK,SAACC,GAAS,OAAAA,EAAKC,SAAS,yBAG/B,kBAACC,EAAS,eAAKZ,GACb,kBAACa,EAA0B,KAAEb,EAAaG,WAM9C,kBAACS,EAAS,eAAKZ,GACb,kBAACc,EAA2B,KAAEd,EAAaG,YAK3CY,EAAY,IAAOC,IAAI,CAC3BC,SAAU,EACVC,aAAc,MACdC,SAAU,WAGNC,EAAc,YAAO,MAAQ,GACjCC,QAAS,CAAEC,EAAG,UACb,UAAY,KAAsB,CACjCD,QAAS,CAAEC,EAAG,U,IAIZR,EAA8B,aAAQ,SAACS,GAC3C,MAAO,CACLC,kBAAmBD,EAAMC,qBAFO,EAIjC,SAAClB,G,MACF,OACE,kBAACc,EAAW,CAACK,UAAU,YACN,QADgB,EAC9BnB,EAAMH,gBAAQ,eAAEC,KACf,SAACsB,EAAyEC,EAAcC,GAAsB,OAC5G,kBAACb,EAAS,CAACc,IAAKF,EAAGF,UAAW,YAAkB,GAAI,IACjDC,UAQPb,EAA6B,aAAQ,SAACU,GAC1C,MAAO,CACLC,kBAAmBD,EAAMC,qBAFM,EAIhC,SAAClB,G,MACF,OACE,kBAACc,EAAW,CAACK,UAAU,YACN,QADgB,EAC9BnB,EAAMH,gBAAQ,eAAEC,KACf,SAACsB,EAAyEC,EAAcC,GAAsB,OAC5G,kBAACb,EAAS,CACRU,UAAW,YACT,GACA,GACc,iBAANE,EAAiBG,SAASH,GAAKA,GAAK,EAAI,YAA2B,GAAK,YAA2B,IAE7GE,IAAKF,GAEJD,UAYE,sBAAqB,YAClC,2D,OACE,EAAAK,iBAAgF,SAACzB,GAAU,OACzF,kBAACP,EAAoB,CAACC,aAAcM,EAAOL,eAAgB,EAAKK,S,EAKpE,OAP6B,iBAI3B,YAAA0B,OAAA,WACE,OAAO,kBAAC,IAAW,CAACP,UAAU,kBAAkBQ,IAAKC,KAAK5B,MAAM6B,MAAMC,MAAOlC,UAAWgC,KAAKH,oBAEjG,EARkC,CACL,IAAMnB","file":"assets/62.chunk.853930c4bffcad251bf0.js","sourcesContent":["/**\r\n * @ComponentFor RowLayoutBlockViewModel\r\n */\r\nimport React, { ReactElement } from 'react';\r\nimport { EpiProperty, supportsComponentProp, ComponentType } from '@polarnopyret/scope-episerver';\r\nimport RowLayoutBlockType from './RowLayoutBlockViewModel.type';\r\nimport { styled } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport { RecursivePartial } from 'Shared/utils';\r\nimport CTABlockViewModel from 'Shared/Blocks/CTABlock/CTABlockViewModel.type';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype RowLayoutContentAreaPropType = {\r\n  elementProps: React.HTMLAttributes<HTMLElement> & {\r\n    children?: React.ReactNode;\r\n  };\r\n  componentProps: {\r\n    component?: ComponentType;\r\n  };\r\n};\r\n\r\nconst RowLayoutContentArea = ({\r\n  elementProps,\r\n  componentProps: { component: Component = 'div', ...componentProps },\r\n}: RowLayoutContentAreaPropType) => {\r\n  \r\n  if (\r\n    (elementProps.children as Array<ReactElement>)\r\n      ?.map((child) => child.props?.item?.componentName)\r\n      ?.find((name) => name.endsWith('CTABlockViewModel'))\r\n  ) {\r\n    return (\r\n      <Component {...elementProps}>\r\n        <RowLayoutContentAreaForCTA>{elementProps.children}</RowLayoutContentAreaForCTA>\r\n      </Component>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Component {...elementProps}>\r\n      <RowLayoutContentAreaDefault>{elementProps.children}</RowLayoutContentAreaDefault>\r\n    </Component>\r\n  );\r\n};\r\n\r\nconst Container = styled.div({\r\n  flexGrow: 1,\r\n  borderRadius: '8px',\r\n  overflow: 'hidden',\r\n})\r\n\r\nconst GridWrapper = styled(GridWrap, {\r\n  padding: { y: '80px' },\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    padding: { y: '120px' }\r\n  },\r\n})\r\n\r\nconst RowLayoutContentAreaDefault = connect((state) => {\r\n  return {\r\n    currentBreakpoint: state.currentBreakpoint,\r\n  };\r\n})((props: RecursivePartial<any> & { currentBreakpoint: number; children: any }) => {\r\n  return (\r\n    <GridWrapper className=\"grid wsb\">\r\n      {props.children?.map(\r\n        (e: boolean | React.ReactChild | React.ReactFragment | React.ReactPortal, i: React.Key, a: string | any[]) => (\r\n          <Container key={i} className={createGridClasses(12, 6,)}>\r\n            {e}\r\n          </Container>\r\n        ),\r\n      )}\r\n    </GridWrapper>\r\n  );\r\n});\r\n\r\nconst RowLayoutContentAreaForCTA = connect((state) => {\r\n  return {\r\n    currentBreakpoint: state.currentBreakpoint,\r\n  };\r\n})((props: RecursivePartial<CTABlockViewModel> & { currentBreakpoint: number; children: any }) => {  \r\n  return (\r\n    <GridWrapper className=\"grid wsb\">\r\n      {props.children?.map(\r\n        (e: boolean | React.ReactChild | React.ReactFragment | React.ReactPortal, i: React.Key, a: string | any[]) => (\r\n          <Container\r\n            className={createGridClasses(\r\n              12,\r\n              5,\r\n              (typeof i === 'string' ? parseInt(i) : i) % 2 ? createOffsetGridClassLarge(7) : createOffsetGridClassLarge(2),\r\n            )}\r\n            key={i}\r\n          >\r\n            {e}\r\n          </Container>\r\n        ),\r\n      )}\r\n    </GridWrapper>\r\n  );\r\n});\r\n\r\ntype PropType = RowLayoutBlockType & {\r\n  component?: ComponentType;\r\n};\r\n\r\nexport default supportsComponentProp(\r\n  class RowLayoutBlock extends React.Component<PropType> {\r\n    elementComponent: React.StatelessComponent<React.HTMLAttributes<HTMLElement>> = (props) => (\r\n      <RowLayoutContentArea elementProps={props} componentProps={this.props} />\r\n    );\r\n    render() {\r\n      return <EpiProperty className='block rowlayout' for={this.props.block.items} component={this.elementComponent} />;\r\n    }\r\n  },\r\n);\r\n"],"sourceRoot":""}