{"version":3,"sources":["webpack:///./presentation/components/ribbons/pillars-recumbent/Pillar.tsx","webpack:///./presentation/components/ribbons/pillars-recumbent/Pillar.stylesheet.ts","webpack:///./presentation/components/ribbons/pillars-recumbent/PillarsRecumbent.tsx","webpack:///./presentation/components/ribbons/pillars-recumbent/PillarsRecumbent.stylesheet.ts","webpack:///./presentation/components/ribbons/pillars-recumbent/index.ts","webpack:///./presentation/hocs/withLanguage.tsx"],"names":["PurePillar","hBaseline","illustration","imageUrl","imagesWithAspectRatios","title","body","colorway","currentLanguage","ctas","ribbonId","theme","useTheme","breakpoints","useBreakpoints","isMinSm","styles","spacing","isMinLg","hasMultipleCtas","length","useStyles","default","root","display","content","marginLeft","gu2px","flex","flexBasis","overflow","wordWrap","color","getTitleColor","width","imageContainer","image","height","position","left","transform","getBodyColor","marginTop","cta","spaceCtas","marginRight","useStylesheet","activeImage","getActiveImageWithAspectRatios","hasTitle","isNilOrEmpty","hasBody","style","showIllustration","size","icon","url","showImage","loading","src","urlLanguageParse","alt","createImageAlt","depth","Shortcode","code","against","map","i","CallToAction","getAgainst","block","Size","SM","index","concat","String","displayName","withLanguage","PurePillarsRecumbent","id","layout","pillars","name","isMinMd","grid","columnGap","rowGap","gridTemplateColumns","Ribbon","type","Type","PILLARS_RECUMBENT","Pillar","pillar","visibilitySet","errorBoundary","PillarsRecumbent","Component","props","useCurrentLanguage"],"mappings":"qRAmCO,MAAMA,EAAa,IAWR,IAXS,UACzBC,EADyB,aAEzBC,EAFyB,SAGzBC,EAHyB,uBAIzBC,EAJyB,MAKzBC,EALyB,KAMzBC,EANyB,SAOzBC,EAPyB,gBAQzBC,EARyB,KASzBC,EATyB,SAUzBC,GACgB,EAChB,MAAM,MAAEC,GAAUC,cACZC,EAAcC,eACd,QAAEC,GAAYF,GACd,OAAEG,GC5CK,KAST,IATU,MACdL,EACAA,OAAO,QAAEM,GAFK,SAGdV,EAHc,KAIdE,GAKI,EACJ,MAAM,QAAEM,EAAF,QAAWG,GAAYJ,cACvBK,GAAkB,MAACV,IAAQ,IAAIW,OAAS,EAE9C,OAAOC,YACL,CACEC,QAAS,CACPC,KAAM,CACJC,QAAS,QAEXC,QAAS,CACPC,WAAYC,YAAM,EAAGV,GACrBW,KAAM,EACNC,UAAW,OACXC,SAAU,SACVC,SAAU,cAEZ1B,MAAO,CACL2B,MAAOC,YAActB,EAAOJ,IAE9BL,aAAc,CACZgC,MAAOP,YAAM,GAAIV,IAEnBkB,eAAgB,CACdD,MAAOP,YAAM,GAAIV,GACjBa,SAAU,UAEZM,MAAO,CACLC,OAAQV,YAAM,GAAIV,GAClBqB,SAAU,WACVC,KAAM,MACNC,UAAW,oBAEblC,KAAM,CACJ0B,MAAOS,YAAa9B,EAAOJ,IAE7BE,KAAM,CACJqB,SAAU,SACVY,UAAWf,YAAM,EAAGV,IAEtB0B,IAAK,CACHD,UAAWf,YAAM,EAAGV,KAIxBF,QAAS,CACPb,aAAc,CACZgC,MAAOP,YAAM,GAAIV,IAEnBkB,eAAgB,CACdD,MAAOP,YAAM,GAAIV,GACjBa,SAAU,UAEZM,MAAO,CACLC,OAAQV,YAAM,GAAIV,KAItBC,QAAS,CACPhB,aAAc,CACZgC,MAAOP,YAAM,GAAIV,IAEnBkB,eAAgB,CACdD,MAAOP,YAAM,GAAIV,GACjBa,SAAU,UAEZM,MAAO,CACLC,OAAQV,YAAM,GAAIV,IAEpBQ,QAAS,CACPC,WAAYC,YAAM,EAAGV,KAGzB2B,UAAW,CACTD,IAAK,CACHE,YAAalB,YAAM,EAAGV,GACtBO,QAAS,kBAIf,CACET,UACAG,UACA0B,UAAW7B,GAAWI,KDhDP2B,CAAc,CAC/BnC,QACAJ,WACAE,SAEIsC,EAAcC,YAClBnC,EACA,CACEV,YAEFC,GAMI6C,GAAYC,YAAa7C,GACzB8C,GAAWD,YAAa5C,GAE9B,OACE,eAAC,IAAD,CAAY8C,MAAOpC,EAAOO,KAA1B,UACE,gCANsBrB,KAA8DgD,YAAahD,GAO9FmD,CAAiBnD,GAChB,cAAC,IAAD,CAEES,MAAOA,EACP2C,KAAMtC,EAAOd,aAAagC,MAC1BqB,KAAMrD,IAEN,KAjBSsD,IACVN,YAAahD,KAAkBgD,YAAaM,GAiB9CC,CAAUV,EAAYS,KACrB,qBAAKJ,MAAOpC,EAAOmB,eAAnB,SACE,qBACEuB,QAAQ,OACRC,IAAKC,YAAiBb,EAAYS,IAAKhD,GACvCqD,IAAKC,YAAe,CAAE3D,SAAU4C,EAAYS,MAC5CJ,MAAOpC,EAAOoB,UAGhB,QAEN,sBAAKgB,MAAOpC,EAAOS,QAAnB,UACiBwB,EACb,cAAC,IAAD,CAAWG,MAAOpC,EAAOX,MAAO0D,MAAO9D,EAAvC,SACE,cAAC+D,EAAA,EAAD,CAAWC,KAAM5D,EAAO6D,QAAS3D,MAHvC,KAMiB4C,EACb,cAAC,IAAD,CAAYC,MAAOpC,EAAOV,KAA1B,SACE,cAAC0D,EAAA,EAAD,CAAWC,KAAM3D,EAAM4D,QAAS3D,MARtC,KAWW,MAARE,EAAe,KACd,qBAAK2C,MAAOpC,EAAOP,KAAnB,SACGA,EAAK0D,IAAI,CAACxB,EAAKyB,IACd,qBAAKhB,MAAOpC,EAAO2B,IAAnB,SACE,cAAC0B,EAAA,EAAD,CACEH,QAASI,YAAW/D,GACpBgE,OAAQxD,EACRL,SAAUA,EACV4C,KAAMkB,IAAKC,GACXC,MAAON,KACHzB,MAPqB,MAACjC,IAAY,IAAIiE,OAAOC,OAAOR,eAkB1EpE,EAAW6E,YAAc,SAEVC,kBAAa9E,GE9FrB,MAAM+E,EAAuB,IAAiF,IAAhF,GAAEC,EAAF,UAAM/E,EAAY,EAAlB,OAAqBgF,EAArB,QAA6BC,EAA7B,SAAsC3E,EAAtC,QAAgDmD,EAAhD,KAAyDyB,GAAuB,EACnH,MAAM,MAAExE,GAAUC,eACZ,OAAEI,GC9BK,KAA8C,IAA3CL,OAAO,QAAEM,IAAkC,EAC3D,MAAM,QAAEF,EAAF,QAAWqE,GAAYtE,cAC7B,OAAOO,YACL,CACEC,QAAS,CACP+D,KAAM,CACJ7D,QAAS,OACT8D,UAAW3D,YAAM,EAAGV,GACpBsE,OAAQ5D,YAAM,EAAGV,KAIrBF,QAAS,CACPsE,KAAM,CACJE,OAAQ5D,YAAM,EAAGV,KAIrBmE,QAAS,CACPC,KAAM,CACJG,oBAAqB,oBAI3B,CACEzE,UACAqE,aDIetC,CAAc,CAAEnC,UACnC,OACE,cAAC8E,EAAA,EAAD,CAAQN,KAAMA,EAAM5E,SAAUA,EAAU0E,OAAQA,EAAQvB,QAASA,EAASsB,GAAIA,EAAIU,KAAMC,IAAKC,kBAA7F,SACE,cAAC,IAAD,UACE,qBAAKxC,MAAOpC,EAAOqE,KAAnB,SACyBH,EADzB,0BAEI,cAACW,EAAD,CAAgB5F,UAAWA,EAAWM,SAAUA,EAAUG,SAAUsE,KAAQc,GAA/D1B,UAFjB,UAURW,EAAqBF,YAAc,mBAEpBkB,kBAAcC,YAAcjB,IE/C5BkB,a,oBCFf,wBAGgBC,OACP,SAA2BC,GAChC,MAAM3F,EAAkB4F,cACxB,OAAO,cAACF,EAAD,IAAeC,EAAO3F,gBAAiBA","file":"pex-static/90/50.a1d3805d48c10547ddba.chunk.js","sourcesContent":["import React, { ComponentType } from 'react';\nimport { Heading04, BodyCopy01 } from '@ux/typography';\nimport PaddingBox from '@ux/padding-box';\nimport Illustration from '@ux/illustrations';\nimport { useBreakpoints } from '@ux/responsive';\nimport { useTheme, Colorway } from '@ux/theme-utils';\nimport { Size } from '@ux/button';\nimport { CTA } from 'core/ribbons/cta';\nimport { ImagesWithAspectRatios } from 'core/ribbons/primitives';\nimport createImageAlt from 'presentation/utils/createImageAlt';\nimport urlLanguageParse from 'presentation/utils/urlLanguageParse';\nimport withLanguage from 'presentation/hocs/withLanguage';\nimport { isNilOrEmpty } from 'presentation/utils/generalUtils';\nimport { getAgainst } from 'presentation/utils/colorway';\nimport getActiveImageWithAspectRatios from 'presentation/utils/getActiveImageWithAspectRatios';\nimport Shortcode, { ShortcodeProps } from 'components/Shortcode';\nimport CallToAction from 'presentation/components/common/CallToAction';\n\nimport useStylesheet from './Pillar.stylesheet';\n\nexport interface OuterProps {\n hBaseline: number;\n illustration?: string;\n imageUrl?: string;\n imagesWithAspectRatios?: ImagesWithAspectRatios;\n title?: ShortcodeProps;\n body?: ShortcodeProps;\n colorway: Colorway;\n ctas?: Array;\n ribbonId?: string;\n}\nexport interface InnerProps extends OuterProps {\n currentLanguage: string;\n}\n\nexport const PurePillar = ({\n hBaseline,\n illustration,\n imageUrl,\n imagesWithAspectRatios,\n title,\n body,\n colorway,\n currentLanguage,\n ctas,\n ribbonId,\n}: InnerProps) => {\n const { theme } = useTheme();\n const breakpoints = useBreakpoints();\n const { isMinSm } = breakpoints;\n const { styles } = useStylesheet({\n theme,\n colorway,\n ctas,\n });\n const activeImage = getActiveImageWithAspectRatios(\n breakpoints,\n {\n imageUrl,\n },\n imagesWithAspectRatios,\n );\n const showImage = (url: string | undefined): url is string => {\n return isNilOrEmpty(illustration) && !isNilOrEmpty(url);\n };\n const showIllustration = (illustration: string | undefined): illustration is string => !isNilOrEmpty(illustration);\n const hasTitle = !isNilOrEmpty(title);\n const hasBody = !isNilOrEmpty(body);\n\n return (\n \n
\n {showIllustration(illustration) ? (\n \n ) : null}\n {showImage(activeImage.url) ? (\n
\n \n
\n ) : null}\n
\n
\n \n \n \n \n \n \n \n \n \n \n {ctas == null ? null : (\n
\n {ctas.map((cta, i) => (\n
\n \n
\n ))}\n
\n )}\n
\n \n );\n};\n\nPurePillar.displayName = 'Pillar';\n\nexport default withLanguage(PurePillar) as ComponentType;\n","import { useStyles } from '@team-griffin/stylr';\nimport { gu2px, Theme, Colorway } from '@ux/theme-utils';\nimport { getTitleColor, getBodyColor } from 'presentation/utils/colorway';\nimport { useBreakpoints } from '@ux/responsive';\nimport { CTA } from 'core/ribbons/cta';\n\nexport default ({\n theme,\n theme: { spacing },\n colorway,\n ctas,\n}: {\n theme: Theme;\n colorway: Colorway;\n ctas?: Array;\n}) => {\n const { isMinSm, isMinLg } = useBreakpoints();\n const hasMultipleCtas = (ctas ?? []).length > 1;\n\n return useStyles(\n {\n default: {\n root: {\n display: 'flex',\n },\n content: {\n marginLeft: gu2px(3, spacing),\n flex: 1,\n flexBasis: 'auto',\n overflow: 'hidden',\n wordWrap: 'break-word',\n },\n title: {\n color: getTitleColor(theme, colorway),\n },\n illustration: {\n width: gu2px(10, spacing),\n },\n imageContainer: {\n width: gu2px(10, spacing),\n overflow: 'hidden',\n },\n image: {\n height: gu2px(10, spacing),\n position: 'relative',\n left: '50%',\n transform: 'translateX(-50%)',\n },\n body: {\n color: getBodyColor(theme, colorway),\n },\n ctas: {\n overflow: 'hidden',\n marginTop: gu2px(2, spacing),\n },\n cta: {\n marginTop: gu2px(1, spacing),\n },\n },\n\n isMinSm: {\n illustration: {\n width: gu2px(14, spacing),\n },\n imageContainer: {\n width: gu2px(14, spacing),\n overflow: 'hidden',\n },\n image: {\n height: gu2px(14, spacing),\n },\n },\n\n isMinLg: {\n illustration: {\n width: gu2px(16, spacing),\n },\n imageContainer: {\n width: gu2px(16, spacing),\n overflow: 'hidden',\n },\n image: {\n height: gu2px(16, spacing),\n },\n content: {\n marginLeft: gu2px(4, spacing),\n },\n },\n spaceCtas: {\n cta: {\n marginRight: gu2px(1, spacing),\n display: 'inline-block',\n },\n },\n },\n {\n isMinSm,\n isMinLg,\n spaceCtas: isMinSm && hasMultipleCtas,\n },\n );\n};\n","import React, { ComponentType } from 'react';\nimport { Container } from '@ux/grid';\nimport { useTheme } from '@ux/theme-utils';\nimport { CTA } from 'core/ribbons/cta';\nimport { ImagesWithAspectRatios } from 'core/ribbons/primitives';\nimport { RibbonProps, Type } from 'domain/constants/ribbons';\nimport visibilitySet from 'presentation/hocs/visibilitySet';\nimport errorBoundary from 'presentation/hocs/errorBoundary';\nimport Ribbon from 'components/ribbons/Ribbon';\nimport { ShortcodeProps } from 'presentation/components/Shortcode';\n\nimport Pillar from './Pillar';\nimport useStylesheet from './PillarsRecumbent.stylesheet';\n\ntype PillarProps = {\n illustration?: string;\n imageUrl?: string;\n preserveDimension?: string;\n imagesWithAspectRatios?: ImagesWithAspectRatios;\n title?: ShortcodeProps;\n body?: ShortcodeProps;\n ctas?: Array;\n};\n\ninterface OuterProps extends RibbonProps {\n pillars: Array;\n}\n\ndeclare const i: number;\ndeclare const pillar: PillarProps;\n\nexport const PurePillarsRecumbent = ({ id, hBaseline = 3, layout, pillars, colorway, loading, name }: OuterProps) => {\n const { theme } = useTheme();\n const { styles } = useStylesheet({ theme });\n return (\n \n \n
\n \n \n \n
\n \n \n );\n};\n\nPurePillarsRecumbent.displayName = 'PillarsRecumbent';\n\nexport default visibilitySet(errorBoundary(PurePillarsRecumbent)) as ComponentType;\n","import { useStyles } from '@team-griffin/stylr';\nimport { useBreakpoints } from '@ux/responsive';\nimport { gu2px, Theme } from '@ux/theme-utils';\nexport default ({ theme: { spacing } }: { theme: Theme }) => {\n const { isMinSm, isMinMd } = useBreakpoints();\n return useStyles(\n {\n default: {\n grid: {\n display: 'grid',\n columnGap: gu2px(2, spacing),\n rowGap: gu2px(1, spacing),\n },\n },\n\n isMinSm: {\n grid: {\n rowGap: gu2px(2, spacing),\n },\n },\n\n isMinMd: {\n grid: {\n gridTemplateColumns: 'repeat(2, 1fr)',\n },\n },\n },\n {\n isMinSm,\n isMinMd,\n },\n );\n};\n","import PillarsRecumbent from './PillarsRecumbent';\n\nexport default PillarsRecumbent;\n","import React from 'react';\nimport { useCurrentLanguage } from 'domain/selectors/page';\n\nexport default (Component: any) => {\n return function EnhancedComponent(props: any) {\n const currentLanguage = useCurrentLanguage();\n return ;\n };\n};\n"],"sourceRoot":""}