{"version":3,"sources":["webpack:///./presentation/components/ribbons/ads/AdvertCard.tsx","webpack:///./presentation/components/ribbons/ads/AdvertCard.stylesheet.ts","webpack:///./presentation/components/ribbons/ads/Ads.tsx","webpack:///./presentation/components/ribbons/ads/index.ts","webpack:///./presentation/components/common/Card/CardImage.tsx","webpack:///./presentation/components/common/Card/CardImage.stylesheet.ts","webpack:///./presentation/components/common/Card/ConnectedCardImage.tsx","webpack:///./presentation/components/common/Card/Card.tsx","webpack:///./presentation/components/common/Card/Card.stylesheet.ts","webpack:///./presentation/components/common/Card/index.ts"],"names":["enhance","pureEnhance","defaultProps","hBaseline","withProps","ownerProps","hasBadge","isNotNilOrEmpty","badge","hasPrecursor","precursor","theme","spacing","palette","useStyles","default","category","display","alignItems","color","grey02","title","body","marginTop","gu2px","flexGrow","grey04","styles","colorway","imageUrl","illustration","ctas","ribbonId","Card","image","showDivider","style","component","Shortcode","against","Against","LIGHT","code","kind","BadgeKind","HIGHLIGHT","depth","hocs","errorBoundary","visibilitySet","hooks","ads","id","loading","name","layout","Ribbon","type","AdvertCard","key","i","ad","Ads","hasIllustration","r","withLanguage","assetUrl","createImageUrl","currentLanguage","alt","createImageAlt","outer","position","height","paddingTop","percentage","overflow","inner","top","left","right","bottom","backgroundColor","transform","width","ctaUrl","externalRoutes","Boolean","to","src","mapStateToProps","createStructuredSelector","getExternalRoutes","pipe","withHooks","connect","CardImage","getCtaAgainst","Colorway","NEUTRAL","getCtaUrl","hasImage","withBreakpointsHook","ctaAgainst","hasCtas","panelBorder","PRIMARY","PRIMARY_GRADIENT","DARK","last","isMinSm","hasMultipleCtas","root","getBackgroundAccent","flexDirection","content","cta","marginBottom","spaceCtas","marginRight","children","footer","borderless","CallToAction","block","index"],"mappings":"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","file":"pex-static/11.8ed38e6e8b8197badba9.chunk.js","sourcesContent":["import React from 'react';\nimport {\n  withProps,\n  defaultProps,\n} from '@team-griffin/rehook';\nimport {\n  PreHeading02,\n  Heading04,\n  BodyCopy01,\n} from '@ux/typography';\nimport Badge, {\n  Kind as BadgeKind,\n} from '@ux/badge';\nimport Card from 'components/common/Card';\nimport { Against, Colorway } from 'domain/constants/colorway';\nimport Shortcode, { ShortcodeProps } from 'components/Shortcode';\nimport { isNotNilOrEmpty } from '@team-griffin/capra';\nimport stylesheet, { Styles } from './AdvertCard.stylesheet';\nimport pureEnhance from '@ux/pure-enhance';\nimport { Theme } from '@ux/theme-utils';\nimport { CTA } from 'core/ribbons/cta';\n\nexport interface AdvertCardProps {\n  imageUrl?: string,\n  illustration?: string,\n  precursor: ShortcodeProps,\n  badge: string,\n  title: ShortcodeProps,\n  body: ShortcodeProps,\n  ctas: CTA[],\n}\ninterface OuterProps extends AdvertCardProps {\n  key?: number,\n  theme: Theme,\n  colorway: Colorway,\n  hBaseline?: number,\n  ribbonId: string,\n}\n\ninterface DefaultProps extends OuterProps {\n  hBaseline: number,\n}\nexport interface InnerProps extends DefaultProps {\n  styles: Styles,\n  hasBadge: boolean,\n  hasPrecursor: boolean,\n}\n\nexport const PureAdvert = ({\n  theme,\n  styles,\n  colorway,\n  imageUrl,\n  illustration,\n  precursor,\n  badge,\n  title,\n  body,\n  hBaseline,\n  ctas,\n  ribbonId,\n  hasBadge,\n  hasPrecursor,\n}: InnerProps) => (\n  <Card\n    theme={theme}\n    colorway={colorway}\n    image={{\n      imageUrl,\n      illustration,\n    }}\n    ctas={ctas}\n    ribbonId={ribbonId}\n    showDivider={true}\n  >\n    <div>\n      <If condition={hasPrecursor}>\n        <PreHeading02\n          theme={theme}\n          style={styles.category}\n          component=\"p\"\n        >\n          <Shortcode\n            theme={theme}\n            against={Against.LIGHT}\n            code={precursor}\n          />\n          <If condition={hasBadge}>\n            <Badge\n              theme={theme}\n              kind={BadgeKind.HIGHLIGHT}\n            >\n              {badge}\n            </Badge>\n          </If>\n        </PreHeading02>\n      </If>\n\n      <Heading04\n        theme={theme}\n        depth={hBaseline}\n        style={styles.title}\n      >\n        <Shortcode\n          theme={theme}\n          against={Against.LIGHT}\n          code={title}\n        />\n      </Heading04>\n      <div style={styles.body}>\n        <BodyCopy01 theme={theme}>\n          <Shortcode\n            theme={theme}\n            against={Against.LIGHT}\n            code={body}\n          />\n        </BodyCopy01>\n      </div>\n    </div>\n  </Card>\n);\n\nexport const enhance = pureEnhance<InnerProps, OuterProps>(\n  'Advert', [\n    defaultProps({\n      hBaseline: 1,\n    }),\n    withProps((ownerProps: OuterProps) => ({\n      hasBadge: isNotNilOrEmpty(ownerProps.badge),\n      hasPrecursor: isNotNilOrEmpty(ownerProps.precursor),\n    })),\n    withProps(stylesheet),\n  ],\n);\n\nexport default enhance(PureAdvert);\n","import { gu2px } from '@ux/theme-utils';\nimport { useStyles } from '@team-griffin/stylr';\nimport { InnerProps } from './AdvertCard';\nimport { CSSProperties } from 'react';\n\nexport interface Styles {\n  category: CSSProperties,\n  title: CSSProperties,\n  body: CSSProperties,\n}\nexport default ({\n  theme: {\n    spacing,\n    palette,\n  },\n}: InnerProps) => useStyles({\n  default: {\n    category: {\n      display: 'flex',\n      alignItems: 'center',\n      color: palette.grey02,\n    },\n    title: {\n      color: palette.grey02,\n    },\n    body: {\n      marginTop: gu2px(2, spacing),\n      flexGrow: 1,\n      color: palette.grey04,\n    },\n  },\n});\n","import React from 'react';\nimport {\n  defaultProps,\n} from '@team-griffin/rehook';\nimport Ribbon from '../Ribbon';\nimport Slider from '@ux/slider';\nimport visibilitySet from 'presentation/hocs/visibilitySet';\nimport errorBoundary from 'presentation/hocs/errorBoundary';\nimport AdvertCard, { AdvertCardProps } from './AdvertCard';\nimport { RibbonProps } from 'domain/constants/ribbons';\nimport pureEnhance from '@ux/pure-enhance';\n\ninterface OuterProps extends RibbonProps {\n  ads: AdvertCardProps[],\n}\ninterface InnerProps extends OuterProps {}\n\ndeclare const i: number;\ndeclare const ad: AdvertCardProps;\nexport const PureAds = ({\n  id,\n  theme,\n  colorway,\n  loading,\n  name,\n  hBaseline,\n  ads,\n  layout,\n}: InnerProps) => (\n  <Ribbon\n    id={id}\n    theme={theme}\n    colorway={colorway}\n    loading={loading}\n    layout={layout}\n    name={name}\n    type=\"Ads\"\n  >\n    {/*\n    //@ts-ignore */}\n    <Slider theme={theme}>\n      <For\n        each=\"ad\"\n        of={ads}\n        index=\"i\"\n      >\n        <AdvertCard\n          key={i}\n          theme={theme}\n          colorway={colorway}\n          hBaseline={hBaseline}\n          ribbonId={id}\n          {...ad}\n        />\n      </For>\n    </Slider>\n  </Ribbon>\n);\n\nexport const enhance = pureEnhance<InnerProps, OuterProps>(\n  'Ads', {\n    hocs: [\n      errorBoundary,\n      visibilitySet,\n    ],\n    hooks: [\n      defaultProps({\n        ads: [],\n      }),\n    ],\n  },\n);\n\nexport default enhance(PureAds);\n","import Ads from './Ads';\n\nexport default Ads;\n","import React from 'react';\nimport {\n  withProps,\n} from '@team-griffin/rehook';\nimport pureEnhance from '@ux/pure-enhance';\nimport stylesheet, { Styles } from './CardImage.stylesheet';\nimport createImageUrl from 'presentation/utils/createImageUrl';\nimport createImageAlt from 'presentation/utils/createImageAlt';\nimport { isNotNilOrEmpty } from '@team-griffin/capra';\nimport * as r from 'ramda';\nimport withLanguage from 'presentation/hocs/withLanguage';\nimport { Theme } from '@ux/theme-utils';\nimport { DynamicLink } from '@ux/dynamic-link';\n\nexport interface OuterProps {\n  theme: Theme,\n  imageUrl: string,\n  illustration: string,\n  ctaUrl?: string,\n  externalRoutes: string[],\n}\ninterface MiddleProps extends OuterProps {\n  currentLanguage: string,\n}\nexport interface InnerProps extends MiddleProps {\n  styles: Styles,\n  alt: string,\n  assetUrl: string,\n  hasIllustration: boolean,\n}\n\nexport const PureCardImage = ({\n  styles,\n  assetUrl,\n  ctaUrl,\n  alt,\n  externalRoutes,\n}: InnerProps) => (\n  <div style={styles.outer}>\n    <div style={styles.inner}>\n      <Choose>\n        <When condition={Boolean(ctaUrl)}>\n          <DynamicLink\n            externalRoutes={externalRoutes}\n            to={ctaUrl}\n          >\n            <img\n              loading=\"lazy\"\n              style={styles.image}\n              src={assetUrl}\n              alt={alt}\n            />\n          </DynamicLink>\n        </When>\n        <Otherwise>\n          <img\n            loading=\"lazy\"\n            style={styles.image}\n            src={assetUrl}\n            alt={alt}\n          />\n        </Otherwise>\n      </Choose>\n    </div>\n  </div>\n);\n\nconst hasIllustration = r.propSatisfies(isNotNilOrEmpty, 'illustration');\n\nexport const enhance = pureEnhance<InnerProps, OuterProps>(\n  'CardImage', {\n    hocs: [\n      withLanguage,\n    ],\n    hooks: [\n      withProps((ownerProps: MiddleProps) => ({\n        assetUrl: createImageUrl(\n          {\n            illustration: ownerProps.illustration,\n            imageUrl: ownerProps.imageUrl,\n          },\n          ownerProps.theme,\n          ownerProps.currentLanguage,\n        ),\n        alt: createImageAlt(ownerProps),\n        hasIllustration: hasIllustration(ownerProps),\n      })),\n      withProps(stylesheet),\n    ],\n  }\n);\n\nexport default enhance(PureCardImage);\n","import {\n  percentage,\n} from '@ux/style-utils';\nimport { useStyles } from '@team-griffin/stylr';\nimport { InnerProps } from './CardImage';\nimport { CSSProperties } from 'react';\n\nexport interface Styles {\n  outer: CSSProperties,\n  inner: CSSProperties,\n  image: CSSProperties,\n}\nexport default ({\n  hasIllustration,\n}: InnerProps) => useStyles({\n  default: {\n    outer: {\n      position: 'relative',\n      height: 0,\n      paddingTop: percentage(56.25),\n      overflow: 'hidden',\n    },\n    inner: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      backgroundColor: 'var(--theme-palette-grey09)',\n    },\n    image: {\n      // 16:9 area, full height, crop sides if needed\n      position: 'relative',\n      left: percentage(50),\n      transform: 'translateX(-50%)',\n      height: percentage(100),\n      width: 'auto',\n    },\n  },\n\n  // illustrations should stretch out to fit\n  hasIllustration: {\n    inner: {\n      backgroundColor: 'transparent',\n    },\n    image: {\n      left: 0,\n      top: percentage(50),\n      transform: 'translateY(-50%)',\n      width: percentage(100),\n      height: 'auto',\n    },\n  },\n}, [\n  { hasIllustration },\n]);","\nimport {\n  withProps,\n} from '@team-griffin/rehook';\nimport {\n  connect,\n} from '@ux/fabric';\nimport { createStructuredSelector } from 'reselect';\nimport {\n  getExternalRoutes,\n} from 'domain/selectors/common';\nimport CardImage, { OuterProps as PureProps } from './CardImage';\nimport pureEnhance, { withHooks } from '@ux/pure-enhance';\n\ninterface ConnectedProps {\n  externalRoutes: string[],\n}\n\ninterface InnerProps extends PureProps {}\ninterface OuterProps extends Omit<InnerProps, keyof ConnectedProps> {}\n\n\nconst mapStateToProps = createStructuredSelector({\n  externalRoutes: getExternalRoutes,\n});\n\nconst mapDispatchToProps = {};\n\nconst enhance = pureEnhance<InnerProps, OuterProps>(\n  'ConnectedCardImage',\n  {\n    pipe: [\n      withHooks([\n        withProps(connect(mapStateToProps, mapDispatchToProps)),\n      ]),\n    ],\n  },\n);\n\nexport default enhance(CardImage);\n","import React, { ReactNode } from 'react';\nimport {\n  withProps,\n  defaultProps,\n} from '@team-griffin/rehook';\nimport { BreakpointProps, withBreakpointsHook } from '@ux/responsive';\nimport PaddingBox from '@ux/padding-box';\nimport Panel from '@ux/panel';\nimport * as r from 'ramda';\nimport { isNotNilOrEmpty } from 'crosscutting/ramda';\nimport { Colorway } from 'domain/constants/colorway';\nimport stylesheet, { Styles } from './Card.stylesheet';\nimport CallToAction from 'components/common/CallToAction';\nimport CardImage from './ConnectedCardImage';\nimport { CTA } from 'core/ribbons/cta';\nimport { Against } from '@ux/button';\nimport pureEnhance from '@ux/pure-enhance';\nimport { Theme } from '@ux/theme-utils';\n\nconst getCtaAgainst = r.ifElse(\n  r.propEq('colorway', Colorway.LIGHT),\n  r.always(Colorway.NEUTRAL),\n  r.always(Colorway.LIGHT),\n);\n\ninterface OuterProps {\n  theme: Theme,\n  ctas: CTA[],\n  showDivider?: boolean,\n  last?: boolean,\n  ribbonId: string,\n  colorway: Colorway,\n  image: {\n    imageUrl: string,\n    illustration: string,\n    alt?: string,\n  },\n  footer?: ReactNode,\n  children: ReactNode,\n}\ninterface DefaultProps extends OuterProps {\n  showDivider: boolean,\n}\nexport interface InnerProps extends DefaultProps, BreakpointProps {\n  styles: Styles,\n  ctaAgainst: Against,\n  hasImage: boolean,\n  hasCtas: boolean,\n  panelBorder: boolean,\n  ctaUrl: any,\n}\n\ndeclare const i: number;\ndeclare const cta: CTA;\n\nexport const PureCard = ({\n  theme,\n  styles,\n  image,\n  children,\n  footer,\n  ctas,\n  ctaAgainst,\n  isMinSm,\n  hasCtas,\n  hasImage,\n  panelBorder,\n  ribbonId,\n  ctaUrl,\n}: InnerProps) => (\n  <Panel\n    theme={theme}\n    style={styles.root}\n    borderless={panelBorder}\n  >\n    <If condition={hasImage}>\n      <CardImage\n        theme={theme}\n        ctaUrl={ctaUrl}\n        {...image}\n      />\n    </If>\n\n    <PaddingBox\n      theme={theme}\n      style={styles.content}\n    >\n      <div style={styles.body}>\n        {children}\n      </div>\n      <footer>\n        {footer}\n        <If condition={hasCtas}>\n          <div style={styles.ctas}>\n            <For\n              each=\"cta\"\n              of={ctas}\n              index=\"i\"\n            >\n              <div\n                style={styles.cta}\n                key={i}\n              >\n                <CallToAction\n                  theme={theme}\n                  against={ctaAgainst}\n                  block={!(isMinSm)}\n                  ribbonId={ribbonId}\n                  index={i}\n                  {...cta}\n                />\n              </div>\n            </For>\n          </div>\n        </If>\n      </footer>\n    </PaddingBox>\n  </Panel>\n);\n\nconst getCtaUrl = r.ifElse(\n  r.pathSatisfies(r.equals('navigation'), [ 'ctas', 0, 'behavior', 'type' ]),\n  r.path([ 'ctas', 0, 'behavior', 'goto' ]),\n  r.always(null),\n);\n\nconst hasImage = r.either(\n  r.pathSatisfies(isNotNilOrEmpty, [ 'image', 'imageUrl' ]),\n  r.pathSatisfies(isNotNilOrEmpty, [ 'image', 'illustration' ]),\n);\nexport const enhance = pureEnhance<InnerProps, OuterProps>(\n  'Card', {\n    hooks: [\n      defaultProps({\n        showDivider: false,\n      }),\n      withBreakpointsHook,\n      withProps((ownerProps: OuterProps) => ({\n        ctaAgainst: getCtaAgainst(ownerProps),\n        hasCtas: isNotNilOrEmpty(ownerProps.ctas),\n        hasImage: hasImage(ownerProps),\n        ctaUrl: getCtaUrl(ownerProps),\n        panelBorder: r.anyPass([\n          r.propEq('colorway', Colorway.PRIMARY),\n          r.propEq('colorway', Colorway.PRIMARY_GRADIENT),\n          r.propEq('colorway', Colorway.DARK),\n          r.propEq('colorway', Colorway.HIGHLIGHT),\n        ])(ownerProps),\n      })),\n      withProps(stylesheet),\n    ],\n  }\n);\n\n// eslint-disable-next-line no-underscore-dangle\nexport const __test__ = {\n  getCtaUrl,\n  hasImage,\n};\n\nexport default enhance(PureCard);\n","import {\n  percentage,\n} from '@ux/style-utils';\nimport {\n  gu2px,\n} from '@ux/theme-utils';\nimport {\n  getBackgroundAccent,\n} from 'presentation/utils/colorway';\nimport { useStyles } from '@team-griffin/stylr';\nimport * as r from 'ramda';\nimport { InnerProps } from './Card';\nimport { CSSProperties } from 'react';\n\nexport interface Styles {\n  root: CSSProperties,\n  content: CSSProperties,\n  body: CSSProperties,\n  ctas: CSSProperties,\n  cta: CSSProperties,\n}\nexport default ({\n  theme,\n  colorway,\n  last,\n  showDivider,\n  hasImage,\n  isMinSm,\n  ctas,\n}: InnerProps) => {\n\n  const {\n    spacing,\n  } = theme;\n\n  const hasMultipleCtas = r.pipe(\n    r.defaultTo([]),\n    //@ts-ignore\n    r.length,\n    r.gt(r.__, 1),\n    // @ts-ignore\n  )(ctas);\n\n  return useStyles({\n    default: {\n      root: {\n        overflow: 'hidden',\n        backgroundColor: getBackgroundAccent(theme, colorway),\n        height: percentage(100),\n        display: 'flex',\n        flexDirection: 'column',\n      },\n      content: {\n        flexGrow: 1,\n        display: 'flex',\n        flexDirection: 'column',\n      },\n\n      body: {\n        flexGrow: 1,\n        width: percentage(100),\n        display: 'flex',\n        flexDirection: 'column',\n      },\n\n      ctas: {\n        overflow: 'hidden',\n        marginTop: gu2px(2, spacing),\n      },\n      cta: {\n        marginTop: gu2px(1, spacing),\n      },\n    },\n    last: {\n      root: {\n        marginBottom: 0,\n      },\n    },\n    spaceCtas: {\n      cta: {\n        marginRight: gu2px(1, spacing),\n      },\n    },\n  }, [\n    { colorway },\n    { spaceCtas: r.and(isMinSm, hasMultipleCtas) },\n    { last },\n    { showDivider },\n    { hasImage },\n  ]);\n};\n","import Card from './Card';\n\nexport default Card;"],"sourceRoot":""}