{"version":3,"file":"dist/build-client/static/js/Organisms-Blocks-FeatureArrangemenetBlock.b0dc0ed9.chunk.js","mappings":"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","sources":["Atoms/Buttons/BaseButtonStyle.ts","Atoms/Buttons/Button.tsx","Atoms/Grids/GridItem.tsx","Atoms/Loaders/LoadingCircle.tsx","Organisms/Blocks/FeatureBlock.tsx","Organisms/Blocks/FeatureArrangemenetBlock.tsx"],"sourcesContent":["import { styled } from 'stitches.config';\r\nimport { timings, animation } from 'Theme/Settings/animation';\r\n\r\nconst hoverCondition = '&:hover:not([disabled])';\r\n\r\nexport const ButtonVariants = {\r\n variants: {\r\n color: {\r\n primary: {\r\n backgroundColor: '$buttonPrimary',\r\n color: '$textSecondary',\r\n [hoverCondition]: {\r\n backgroundColor: '$JE68GreenHover',\r\n },\r\n },\r\n primary2: {\r\n backgroundColor: '$buttonPrimary2',\r\n color: '$textPrimary',\r\n [hoverCondition]: {\r\n backgroundColor: '$buttonPrimary2',\r\n },\r\n },\r\n secondary: {\r\n backgroundColor: '$buttonSecondary',\r\n color: '$textSecondary',\r\n [hoverCondition]: {\r\n backgroundColor: '$primaryLight1',\r\n },\r\n },\r\n secondaryDark: {\r\n backgroundColor: '$buttonSecondaryDark',\r\n color: '$textPrimary',\r\n [hoverCondition]: {\r\n backgroundColor: '$primary4',\r\n },\r\n },\r\n tertiary: {\r\n backgroundColor: 'transparent',\r\n color: '$textPrimary',\r\n // using box shadow to create a border - this way hover doesn't affect layout\r\n boxShadow: '0 0 0 1px $colors$borderPrimary',\r\n [hoverCondition]: {\r\n boxShadow: '0 0 0 2px $colors$borderPrimary',\r\n },\r\n },\r\n quaternary: {\r\n backgroundColor: '$primary2',\r\n color: '$textPrimary',\r\n [hoverCondition]: {\r\n backgroundColor: '$primary1',\r\n },\r\n },\r\n outlined: {\r\n backgroundColor: 'transparent',\r\n border: '1px solid $secondary2',\r\n [hoverCondition]: {\r\n backgroundColor: '$primary2',\r\n },\r\n },\r\n },\r\n size: {\r\n s: {\r\n py: 3,\r\n px: 6,\r\n fs: 6,\r\n h: 10,\r\n lineHeight: '$lh133',\r\n },\r\n l: {\r\n py: 3.5,\r\n px: 6,\r\n fs: 8,\r\n h: 12,\r\n lineHeight: '$lh125',\r\n },\r\n },\r\n fullWidth: {\r\n true: {\r\n width: '100%',\r\n },\r\n },\r\n loading: {\r\n true: {\r\n opacity: 0.7,\r\n fs: 7,\r\n },\r\n },\r\n },\r\n defaultVariants: {\r\n color: 'primary',\r\n size: 'l',\r\n },\r\n};\r\n\r\nexport const ButtonBase = {\r\n borderColor: 'transparent',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n wordSpacing: '$wordSpacings$fontPrimary',\r\n whiteSpace: 'nowrap',\r\n fontFamily: 'fontPrimary500',\r\n ls: '$ls1',\r\n bw: 0.25,\r\n transition: `all ${timings.oneFifth} ${animation.timingFn}`,\r\n textAlign: 'center',\r\n textTransform: 'uppercase',\r\n '&:active': {\r\n outlineWidth: 0,\r\n },\r\n '&:focus': {},\r\n '&:disabled': {\r\n cursor: 'not-allowed',\r\n opacity: 0.5,\r\n },\r\n};\r\n\r\nconst BaseButtonStyled = styled('button', {\r\n ...ButtonBase,\r\n ...ButtonVariants,\r\n});\r\n\r\nexport default BaseButtonStyled;\r\n","import LoadingCircle from 'Atoms/Loaders/LoadingCircle';\r\nimport KexIconLoader from 'Kex/KexIconLoader';\r\nimport { styled } from 'stitches.config';\r\nimport BaseButtonStyled from './BaseButtonStyle';\r\nimport BaseButtonType from './BaseButtonType';\r\n\r\nfunction Button({\r\n onClick,\r\n children,\r\n icon,\r\n disabled,\r\n type,\r\n size,\r\n css,\r\n isLoading,\r\n fullWidth,\r\n}: BaseButtonType) {\r\n const Icon = icon && styled(KexIconLoader(icon.type));\r\n return (\r\n \r\n \r\n {Icon && (\r\n \r\n {' '}\r\n \r\n )}\r\n {children}\r\n \r\n\r\n {isLoading && (\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nconst IconContainer = styled('div', {\r\n position: 'absolute',\r\n left: 24,\r\n});\r\n\r\nconst StyledLoadingCircle = styled('div', {\r\n position: 'absolute',\r\n});\r\n\r\nconst StyledButtonText = styled('div', {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n variants: {\r\n isLoading: {\r\n true: {\r\n opacity: 0,\r\n },\r\n false: {\r\n opacity: 1,\r\n },\r\n },\r\n },\r\n});\r\n\r\nconst StyledButton = styled(BaseButtonStyled, {\r\n position: 'relative',\r\n overflow: 'hidden',\r\n});\r\n\r\nexport default Button;\r\n","import { CSS } from '@stitches/react';\r\nimport { ReactNode } from 'react';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype PropType = {\r\n layout?: string;\r\n children: ReactNode;\r\n css?: CSS;\r\n};\r\n\r\nfunction GridItem({ layout = '1/1', children, css }: PropType) {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nconst GridItemContainer = styled('div', {\r\n w: '100%',\r\n h: '100%',\r\n mx: 'auto',\r\n gridColumnStart: 'auto',\r\n gridColumnEnd: 'span 12',\r\n '@mediaMinMedium': {\r\n '&:nth-child(n)[data-gridsize=\"1/2\"], &:nth-child(n)[data-gridsize=\"1/3\"], &:nth-child(n)[data-gridsize=\"1/4\"]':\r\n {\r\n gridColumnEnd: 'span 6',\r\n },\r\n },\r\n '@mediaMinLarge': {\r\n '&:nth-child(n)[data-gridsize=\"1/3\"]': {\r\n gridColumnEnd: 'span 4',\r\n },\r\n '&:nth-child(n)[data-gridsize=\"1/4\"]': {\r\n gridColumnEnd: 'span 3',\r\n },\r\n mx: 0,\r\n },\r\n '&:nth-child(n)[data-gridsize=\"FullWidth\"]': {\r\n ml: -4,\r\n w: '100vw',\r\n '@mediaMinLarge': {\r\n px: 0,\r\n left: '50%',\r\n right: '50%',\r\n maxWidth: '100vw',\r\n position: 'relative',\r\n marginLeft: `-50vw`,\r\n marginRight: '-50vw',\r\n },\r\n },\r\n});\r\n\r\nexport default GridItem;\r\n","import IconBaseType from 'Atoms/Icons/IconBaseType';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype LoadingCircleType = Omit & {\r\n isLoading?: boolean;\r\n size?: 's' | 'l' | 'xl';\r\n};\r\n\r\nfunction LoadingCircle({ size, isLoading }: LoadingCircleType) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst LoadingSvgStyles = styled('svg', {\r\n stroke: '$JE68GreenPrimary',\r\n overflow: 'visible',\r\n variants: {\r\n isLoading: {\r\n true: {\r\n display: 'initial',\r\n },\r\n false: {\r\n display: 'none',\r\n },\r\n },\r\n size: {\r\n s: {\r\n w: 6,\r\n h: 6,\r\n },\r\n l: {\r\n h: 12,\r\n w: 12,\r\n },\r\n xl: {\r\n h: 16,\r\n w: 16,\r\n },\r\n },\r\n },\r\n defaultVariants: {\r\n size: 's',\r\n },\r\n});\r\n\r\nconst LoadingCircleStyles = styled('circle', {\r\n stroke: '$JE68GreenBackground',\r\n});\r\n\r\nexport default LoadingCircle;\r\n","import { H3 } from '../../Atoms/Typography/Headings/Heading';\r\nimport { useKexNavigate } from '../../Kex/KexRouter/KexRouter';\r\nimport FeatureBlockModel from '../../Models/Blocks/FeatureBlock/FeatureBlockModel.interface';\r\nimport Button from '../../Atoms/Buttons/Button';\r\nimport { CSS } from '@stitches/react';\r\nimport { styled } from '../../stitches.config';\r\ntype LayoutProps = {\r\n big: boolean;\r\n};\r\n\r\nexport function FeatureBlockComponent({\r\n preHeader,\r\n header,\r\n body,\r\n links,\r\n image,\r\n big,\r\n}: LayoutProps & FeatureBlockModel) {\r\n const navigate = useKexNavigate();\r\n\r\n if (big) {\r\n return (\r\n \r\n {preHeader}\r\n

\r\n {header}\r\n

\r\n {body}\r\n \r\n {links.map((link) => (\r\n link.href && navigate(link.href)}\r\n type=\"outlined\"\r\n >\r\n {link.text}\r\n \r\n ))}\r\n \r\n \r\n \r\n );\r\n } else {\r\n const href = links.filter((l) => !!l.href)[0]?.href;\r\n\r\n return (\r\n \r\n
\r\n {preHeader}\r\n

{header}

\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst bigHeader: CSS = {\r\n margin: '0px',\r\n pr: 8,\r\n pl: 8,\r\n fontSize: '24px',\r\n '@mediaMaxLarge': {\r\n pl: 4,\r\n pr: 4,\r\n },\r\n};\r\n\r\nconst smallHeader: CSS = {\r\n margin: '0px',\r\n pr: 8,\r\n pl: 8,\r\n fontSize: '24px',\r\n pb: 8,\r\n '@mediaMaxLarge': {\r\n pl: 4,\r\n pr: 4,\r\n pb: 4,\r\n },\r\n};\r\n\r\nconst container = {\r\n background: '$primary4',\r\n placeSelf: 'stretch stretch',\r\n display: 'grid',\r\n gridTemplateRows: 'min-content auto',\r\n gridAutoFlow: 'column',\r\n color: '$secondary1',\r\n};\r\n\r\nconst SmallContainer = styled('a', {\r\n ...container,\r\n transition: 'all 0.2s ease-in-out',\r\n '&:hover': {\r\n cursor: 'pointer',\r\n backgroundColor: '$primary3',\r\n '& img': {\r\n opacity: '0.9',\r\n },\r\n },\r\n '&:focus': {\r\n outlineOffset: 8,\r\n },\r\n});\r\n\r\nconst BigContainer = styled('div', {\r\n ...container,\r\n gridRow: '1 / 3',\r\n display: 'grid',\r\n gridTemplateRows: 'min-content min-content 1fr min-content',\r\n gridAutoFlow: 'column',\r\n '@mediaMaxLarge': {\r\n gridTemplateColumns: '100%',\r\n gridAutoFlow: 'row',\r\n gridTemplateRows: '140px min-content 1fr min-content',\r\n },\r\n});\r\n\r\nconst StyledImage = styled('img', {\r\n flexGrow: 0,\r\n placeSelf: 'stretch stretch',\r\n gridRow: '1 / 5',\r\n objectFit: 'cover',\r\n '@mediaMaxLarge': {\r\n gridRow: '1',\r\n placeSelf: 'stretch',\r\n },\r\n});\r\n\r\nconst StyledImageSmall = styled('img', {\r\n transition: 'all 0.2s ease-in-out',\r\n flexGrow: 0,\r\n placeSelf: 'stretch end',\r\n gridRow: '1 / 3',\r\n objectFit: 'cover',\r\n});\r\n\r\nconst StyledParagraph = styled('p', {\r\n textOverflow: 'ellipsis',\r\n pt: 2,\r\n lh: '$lh155',\r\n pr: 8,\r\n pl: 8,\r\n '@mediaMaxLarge': {\r\n pt: 2,\r\n px: 4,\r\n },\r\n});\r\n\r\nconst ButtonContainer = styled('div', {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifySelf: 'end',\r\n justifyContent: 'flex-start',\r\n width: '100%',\r\n py: 8,\r\n px: 4,\r\n '@mediaMinLarge': {\r\n flexDirection: 'row',\r\n px: 8,\r\n },\r\n});\r\n\r\nconst SmallTag = styled('p', {\r\n fs: 6,\r\n color: '$primaryLight3',\r\n pb: 2,\r\n pt: 8,\r\n pr: 8,\r\n pl: 8,\r\n textTransform: 'uppercase',\r\n '@mediaMaxLarge': {\r\n pt: 4,\r\n px: 4,\r\n },\r\n});\r\n\r\nconst BigTag = styled('p', {\r\n fs: 6,\r\n color: '$primaryLight3',\r\n pb: 2,\r\n pt: 8,\r\n px: 8,\r\n textTransform: 'uppercase',\r\n '@mediaMaxLarge': {\r\n px: 4,\r\n pt: 4,\r\n },\r\n});\r\n","import GridItem from 'Atoms/Grids/GridItem';\r\nimport FeatureBlockModel from '../../Models/Blocks/FeatureBlock/FeatureBlockModel.interface';\r\nimport { styled } from '../../stitches.config';\r\nimport { FeatureBlockComponent } from './FeatureBlock';\r\n\r\ntype FeatureBlock = {\r\n blockType: 'FeatureBlock';\r\n content: FeatureBlockModel;\r\n};\r\n\r\ntype LayoutKey = '2+1' | '1+2';\r\n\r\ntype Model = {\r\n inEditMode: boolean;\r\n layout: string;\r\n blocks: FeatureBlock[];\r\n};\r\n\r\ntype PropType = {\r\n content: Model;\r\n};\r\n\r\nconst checkNever = (_: never) => {};\r\n\r\nconst toLayoutKey = (key: string): LayoutKey => {\r\n const typedKey = key as LayoutKey;\r\n\r\n if (typedKey === '2+1') return '2+1';\r\n if (typedKey === '1+2') return '1+2';\r\n\r\n // if we add an option to LayoutKey, this line will complain\r\n checkNever(typedKey);\r\n\r\n console.error(`Unknown layout key ${typedKey}, defaulting to 1+2`);\r\n return '1+2';\r\n};\r\n\r\nfunction FeatureArrangementBlock({ content: { layout, blocks } }: PropType) {\r\n if (blocks.length !== 3) {\r\n throw Error('Feature arrangement currently supports only 3 block');\r\n }\r\n\r\n const layoutKey = toLayoutKey(layout);\r\n\r\n const [first, second, third] = blocks;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst FeatureArrangementRoot = styled('div', {\r\n pxy: 0,\r\n display: 'grid',\r\n gridTemplateRows: 'min-content min-content',\r\n gridTemplateColumns: '2.1fr 1fr',\r\n gridGap: '32px',\r\n gridAutoFlow: 'column',\r\n mb: 16,\r\n '@mediaMaxLarge': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ml: 0,\r\n mr: 0,\r\n gridGap: '24px',\r\n mb: 12,\r\n },\r\n});\r\n\r\nexport default FeatureArrangementBlock;\r\n"],"names":["hoverCondition","ButtonVariants","variants","color","primary","backgroundColor","primary2","secondary","secondaryDark","tertiary","boxShadow","quaternary","outlined","border","size","s","py","px","fs","h","lineHeight","l","fullWidth","true","width","loading","opacity","defaultVariants","ButtonBase","borderColor","cursor","display","alignItems","justifyContent","wordSpacing","whiteSpace","fontFamily","ls","bw","transition","timings","animation","textAlign","textTransform","outlineWidth","BaseButtonStyled","styled","IconContainer","position","left","StyledLoadingCircle","StyledButtonText","flexDirection","isLoading","false","StyledButton","overflow","onClick","children","icon","disabled","type","css","Icon","KexIconLoader","toString","onBackground","GridItemContainer","w","mx","gridColumnStart","gridColumnEnd","ml","right","maxWidth","marginLeft","marginRight","layout","LoadingSvgStyles","stroke","xl","LoadingCircleStyles","viewBox","xmlns","fill","fillRule","transform","strokeWidth","strokeOpacity","cx","cy","r","d","attributeName","from","to","dur","repeatCount","FeatureBlockComponent","preHeader","header","body","links","image","big","navigate","useKexNavigate","BigContainer","BigTag","H3","noMargin","bigHeader","StyledParagraph","ButtonContainer","map","link","Button","href","text","StyledImage","src","alt","title","filter","SmallContainer","SmallTag","smallHeader","StyledImageSmall","margin","pr","pl","fontSize","pb","container","background","placeSelf","gridTemplateRows","gridAutoFlow","outlineOffset","gridRow","gridTemplateColumns","flexGrow","objectFit","textOverflow","pt","lh","justifySelf","FeatureArrangementRoot","pxy","gridGap","mb","mr","content","blocks","length","Error","layoutKey","key","typedKey","console","error","toLayoutKey","first","second","third","GridItem"],"sourceRoot":""}