{"version":3,"file":"MediaHero-Chunk-7a6248c54222d8d0660d.js","mappings":"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","sources":["webpack://react-app/./components/Shared/src/components/atoms/Button/Button.tsx","webpack://react-app/./components/Shared/src/components/organisms/MediaHero/MediaHero.tsx","webpack://react-app/./components/organisms/MediaHero/MediaHeroWrapper.tsx","webpack://react-app/./node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","webpack://react-app/./node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","webpack://react-app/./components/Shared/src/models/enums/VariantTypeEnum.ts","webpack://react-app/./components/Shared/src/components/atoms/Cta/Cta.tsx"],"sourcesContent":["import Icon from '@atoms/Icon/Icon';\nimport { ButtonOrLinkProps } from '@models/IButton';\nimport SiteEnum from '@models/enums/SiteEnum';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport classNames from 'classnames';\nimport { forwardRef, type ForwardedRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst baseClasses = `tw-text-sm tw-flex tw-items-center tw-rounded tw-relative after:tw-content-[''] after:tw-box-content focus-visible:after:tw-rounded focus-visible:tw-outline-none tw-transition-colors focus-visible:after:tw-absolute focus-visible:after:tw-inset-[2px] focus-visible:after:tw-border-2 focus-visible:after:tw-block tw-px-4`;\n\nexport type ButtonVariant = VariantProps<typeof variants>;\n\nexport const variants = cva(baseClasses, {\n  variants: {\n    variant: {\n      yellow:\n        'tw-text-black hover:tw-bg-yellow-hover focus-visible:tw-bg-yellow focus-visible:tw-ring-yellow focus-visible:tw-ring-offset-grey-100 active:tw-bg-yellow-active disabled:tw-pointer-events-none disabled:tw-border-yellow-disabled disabled:tw-text-grey-60 disabled:tw-bg-yellow-disabled focus-visible:after:tw-border-black',\n      grey30:\n        'focus-visible:tw-bg-grey-30 focus-visible:tw-ring-grey-30 focus-visible:tw-ring-offset-grey-100 disabled:tw-pointer-events-none disabled:tw-border-grey-30 disabled:tw-text-grey-30 focus-visible:after:tw-border-black',\n      grey80:\n        'focus-visible:tw-bg-grey-80 focus-visible:tw-text-white focus-visible:tw-ring-grey-80 focus-visible:tw-ring-offset-white disabled:tw-pointer-events-none disabled:tw-border-grey-30 disabled:tw-text-grey-30 disabled:tw-text-grey-60 disabled:tw-bg-grey-30 dark:focus-visible:tw-bg-white dark:focus-visible:tw-text-grey-100 dark:focus-visible:tw-ring-white dark:focus-visible:tw-ring-offset-grey-100 dark:disabled:tw-border-grey-80 dark:disabled:tw-bg-grey-80 dark:disabled:tw-text-white focus-visible:after:tw-border-white dark:focus-visible:after:tw-border-black',\n      white:\n        'focus-visible:tw-bg-white focus-visible:tw-text-grey-100 focus-visible:tw-ring-white focus-visible:tw-ring-offset-grey-100 disabled:tw-pointer-events-none disabled:tw-border-grey-80 disabled:tw-bg-grey-80 disabled:tw-text-white focus-visible:after:tw-border-black dark:tw-border dark:tw-border-grey-30',\n      destructive:\n        'tw-bg-red tw-text-white hover:tw-bg-red-hover focus-visible:tw-ring-red focus-visible:tw-ring-offset-white active:tw-bg-red-active disabled:tw-pointer-events-none disabled:tw-bg-red-disabled disabled:tw-text-grey-60 focus-visible:after:tw-border-white',\n      link: 'tw-text-black hover:tw-text-grey-70 tw-underline hover:tw-no-underline tw-underline-offset-2 active:tw-text-grey-80 dark:tw-text-white',\n    },\n    modifier: {\n      fill: '',\n      outline: 'tw-bg-transparent tw-border tw-border-current',\n    },\n    icon: {\n      true: 'tw-rounded-full focus-visible:after:tw-rounded-full tw-py-4',\n      false: 'tw-py-3.5',\n    },\n  },\n  compoundVariants: [\n    // Yellow Variants\n    {\n      variant: 'yellow',\n      modifier: 'fill',\n      className: 'tw-bg-yellow',\n    },\n    {\n      variant: 'yellow',\n      modifier: 'outline',\n      className: 'tw-border-yellow',\n    },\n    // Grey30 Variants\n    {\n      variant: 'grey30',\n      modifier: 'fill',\n      className:\n        'tw-border-grey-30 tw-bg-grey-30 tw-text-black hover:tw-bg-grey-40 active:tw-bg-grey-50',\n    },\n    {\n      variant: 'grey30',\n      modifier: 'outline',\n      className:\n        'tw-text-black tw-border-grey-30 hover:tw-bg-grey-40 active:tw-bg-grey-50',\n    },\n    // Grey80 Variants - becomes white variant by wrapping in an element with class 'dark'\n    {\n      variant: 'grey80',\n      modifier: 'fill',\n      className:\n        'tw-bg-grey-80 tw-text-white hover:tw-bg-grey-90 active:tw-bg-grey-100 dark:tw-bg-white dark:tw-text-grey-100 dark:hover:tw-bg-grey-10 dark:active:tw-bg-grey-20',\n    },\n    {\n      variant: 'grey80',\n      modifier: 'outline',\n      className:\n        'tw-border-grey-80 tw-text-black hover:tw-bg-grey-90 hover:tw-text-white active:tw-bg-grey-100 dark:tw-text-white dark:hover:tw-bg-grey-10 dark:hover:tw-text-grey-100 dark:active:tw-bg-grey-20',\n    },\n    // White Variants\n    {\n      variant: 'white',\n      modifier: 'fill',\n      className:\n        'tw-bg-white tw-text-grey-100 hover:tw-bg-grey-10 active:tw-bg-grey-20',\n    },\n    {\n      variant: 'white',\n      modifier: 'outline',\n      className:\n        'tw-bg-transparent tw-text-white hover:tw-bg-grey-10 hover:tw-text-grey-100 active:tw-bg-grey-20 hover:tw-border-grey-10 active:tw-border-grey-20',\n    },\n  ],\n  defaultVariants: {\n    variant: 'yellow',\n    icon: false,\n  },\n});\n\nconst Button = forwardRef<\n  HTMLAnchorElement | HTMLButtonElement,\n  ButtonOrLinkProps\n>(\n  (\n    {\n      as = 'button',\n      buttonClasses,\n      dataTestId,\n      disabled,\n      iconClasses,\n      iconName,\n      iconSize,\n      label,\n      modifier = 'fill',\n      site,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    const siteStyles = {\n      [SiteEnum.B2B]: 'yellow',\n      [SiteEnum.Deco]: 'grey80',\n    };\n\n    const style =\n      variant ??\n      (site && (siteStyles[site] as keyof ButtonVariant['variant'])) ??\n      undefined;\n\n    const iconOnly = !!iconName && !label;\n\n    const classes = twMerge(\n      variants({ variant: style, modifier, icon: iconOnly }),\n      buttonClasses\n    );\n\n    const Content = (\n      <div\n        className={classNames(\n          'tw-flex tw-w-full tw-items-center tw-justify-center tw-gap-2.5'\n        )}\n      >\n        {label && <span>{label}</span>}\n        {iconName && (\n          <Icon name={iconName} className={iconClasses} size={iconSize} />\n        )}\n      </div>\n    );\n\n    if (as === 'link') {\n      const anchorProps =\n        props as React.AnchorHTMLAttributes<HTMLAnchorElement>;\n      const { href } = anchorProps;\n\n      return (\n        <a\n          className={classes}\n          href={href}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n          {...anchorProps}\n          data-testid={dataTestId}\n        >\n          {Content}\n        </a>\n      );\n    } else {\n      return (\n        <button\n          className={classes}\n          data-testid={dataTestId}\n          disabled={!!disabled}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          {...(props as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        >\n          {Content}\n        </button>\n      );\n    }\n  }\n);\n\nButton.displayName = 'Button';\nexport default Button;\n","import Button from '@atoms/Button/Button';\nimport Cta from '@atoms/Cta/Cta';\nimport Image from '@atoms/Image/Image';\nimport Text from '@atoms/Text/Text';\nimport ThemeEnum from '@models/enums/ThemeEnum';\nimport VariantTypeEnum from '@models/enums/VariantTypeEnum';\nimport { HeroVariantEnum, IMediaHero } from '@models/IHero';\nimport { ILink } from '@models/ILink';\nimport { HeroMedia } from '@molecules/HeroMedia/HeroMedia';\nimport { VideoButton } from '@molecules/VideoButton/VideoButton';\nimport backgroundColours from '@utility/config/backgroundColours';\nimport classNames from 'classnames';\n\nconst MediaHero = (props: IMediaHero) => {\n  const {\n    backgroundColour,\n    ctaOne,\n    ctaStyle,\n    ctaTwo,\n    fontColour = ThemeEnum.Light,\n    hasPlayButton,\n    image,\n    site,\n    subText,\n    title,\n    trumpetImage,\n    trumpetText,\n    variant,\n    video,\n  } = props;\n  const bgHexCode = backgroundColour?.startsWith('#')\n    ? backgroundColour\n    : backgroundColour && backgroundColours?.[backgroundColour];\n  if (!title && !video && !image) return null;\n\n  const HeroButton = ({\n    link,\n    secondary,\n  }: {\n    link: ILink;\n    secondary?: boolean;\n  }) => {\n    const { text, url, target } = link;\n    switch (ctaStyle) {\n      case VariantTypeEnum.Cta:\n        return <Cta site={site} {...link} />;\n      default:\n        return (\n          <Button\n            site={site}\n            as=\"link\"\n            key={text}\n            href={url}\n            target={target}\n            label={text}\n            modifier={secondary ? 'outline' : 'fill'}\n            buttonClasses={secondary ? 'tw-text-white' : ''}\n          />\n        );\n    }\n  };\n\n  const qbrickButton =\n    hasPlayButton && video ? (\n      <VideoButton\n        darkFont={fontColour === ThemeEnum.Dark}\n        videoSource={video.videoSource}\n        {...props}\n      />\n    ) : null;\n\n  return (\n    <section\n      className=\"media-hero\"\n      style={{ backgroundColor: bgHexCode ?? '' }}\n    >\n      <div\n        className={classNames('tw-relative tw-flex', {\n          'tw-min-h-[480px] md:tw-min-h-[608px] xl:tw-min-h-[75vh]':\n            variant === HeroVariantEnum.Full ||\n            variant === HeroVariantEnum.FullLarge,\n          'tw-flex-col xl:tw-flex-row-reverse':\n            variant === HeroVariantEnum.Split,\n          'tw-flex-col xl:tw-flex-row':\n            variant === HeroVariantEnum.SplitReverse,\n          'tw-flex-col': variant === HeroVariantEnum.Stacked,\n        })}\n      >\n        {image || video ? (\n          <HeroMedia\n            className={classNames(\n              (variant === HeroVariantEnum.Full ||\n                variant === HeroVariantEnum.FullLarge) &&\n                'after:tw-content-[\" \"] tw-absolute tw-inset-0 after:tw-absolute after:tw-inset-0 after:tw-bg-black after:tw-opacity-50',\n              (variant === HeroVariantEnum.Split ||\n                variant === HeroVariantEnum.SplitReverse) &&\n                'tw-relative  tw-h-[468px] xl:tw-h-[75vh] xl:tw-basis-1/2',\n              variant === HeroVariantEnum.Stacked &&\n                'tw-relative tw-h-[468px] md:tw-h-[608px] xl:tw-h-[75vh]'\n            )}\n            darkFont={fontColour === ThemeEnum.Dark}\n            isSplit={\n              variant === HeroVariantEnum.Split ||\n              variant === HeroVariantEnum.SplitReverse\n            }\n            {...props}\n            hasPlayButton={hasPlayButton && variant !== HeroVariantEnum.Full}\n          />\n        ) : null}\n        <div\n          className={classNames(\n            'tw-container tw-relative tw-z-[1] tw-flex tw-py-10 md:tw-py-16',\n            {\n              'xl:tw-basis-1/2':\n                variant === HeroVariantEnum.Split ||\n                variant === HeroVariantEnum.SplitReverse,\n            }\n          )}\n        >\n          <div\n            className={classNames(\n              'tw-m-auto tw-text-center',\n              variant === HeroVariantEnum.FullLarge\n                ? 'tw-max-w-[924px]'\n                : 'tw-max-w-[640px]',\n              fontColour === ThemeEnum.Dark\n                ? 'tw-text-grey-100'\n                : 'tw-text-white'\n            )}\n          >\n            {trumpetText ? (\n              <Text variant=\"body\" className=\"tw-mb-2 tw-uppercase md:tw-mb-4\">\n                {trumpetText}\n              </Text>\n            ) : null}\n            {trumpetImage ? (\n              <div className=\"tw-mb-2 tw-min-h-7 md:tw-mb-4\">\n                <Image\n                  image={trumpetImage}\n                  imageClasses={classNames(\n                    'tw-mx-auto',\n                    // if aspect ratio is greater than or equal to 6 the remove width limitations on image\n                    trumpetImage.originalWidth / trumpetImage.originalHeight >=\n                      6\n                      ? 'tw-max-h-7 md:tw-max-h-9'\n                      : 'tw-max-h-12 tw-max-w-32 md:tw-max-h-16 md:tw-max-w-44'\n                  )}\n                />\n              </div>\n            ) : null}\n            <div\n              className={classNames(\n                variant === HeroVariantEnum.FullLarge ? 'xl:tw-gap-2xl' : '',\n                'tw-flex tw-flex-col tw-gap-xxs md:tw-gap-lg'\n              )}\n            >\n              {title ? (\n                <Text\n                  variant={\n                    variant === HeroVariantEnum.FullLarge\n                      ? 'hero-headline-large'\n                      : 'hero-headline'\n                  }\n                  as=\"h1\"\n                >\n                  {title}\n                </Text>\n              ) : null}\n              {subText ? (\n                <>\n                  <Text\n                    variant=\"body\"\n                    className={\n                      variant === HeroVariantEnum.Full ||\n                      variant === HeroVariantEnum.FullLarge\n                        ? 'md:tw-hidden'\n                        : ''\n                    }\n                  >\n                    {subText}\n                  </Text>\n                  {variant === HeroVariantEnum.Full ||\n                  variant === HeroVariantEnum.FullLarge ? (\n                    <Text variant=\"body-18\" className=\"max-md:tw-hidden\">\n                      {subText}\n                    </Text>\n                  ) : null}\n                </>\n              ) : null}\n              {(ctaOne || ctaTwo) && (\n                <div\n                  className={classNames(\n                    'tw-flex tw-justify-center',\n                    ctaStyle === VariantTypeEnum.Cta ? 'tw-gap-8' : 'tw-gap-4',\n                    fontColour === ThemeEnum.Light && 'tw-dark'\n                  )}\n                >\n                  {ctaOne ? <HeroButton link={ctaOne} /> : null}\n                  {ctaTwo ? <HeroButton link={ctaTwo} secondary /> : null}\n                </div>\n              )}\n              {qbrickButton && variant === HeroVariantEnum.Full\n                ? qbrickButton\n                : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default MediaHero;\n","import SiteEnum from '@models/enums/SiteEnum';\nimport { IMediaHero } from '@models/IHero';\nimport SharedMediaHero from '@organisms/MediaHero/MediaHero';\n\nconst MediaHero = (props: IMediaHero) => (\n  <SharedMediaHero {...props} site={SiteEnum.B2B} />\n);\n\nexport default MediaHero;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n","const enum VariantTypeEnum {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Cta = 'cta',\n  Deco = 'deco',\n}\n\nexport default VariantTypeEnum;\n","import Icon from '@atoms/Icon/Icon';\nimport { ILink } from '@models/ILink';\nimport SiteEnum from '@models/enums/SiteEnum';\nimport { cva } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\ntype styles = 'yellow' | 'grey';\n\ntype Props = ComponentPropsWithoutRef<'a'> &\n  ILink & {\n    readonly variant?: styles;\n    readonly site?: SiteEnum;\n    readonly enableDarkMode?: boolean;\n  };\n\nconst baseClasses =\n  'tw-inline-block tw-rounded tw-px-3xs tw-py-3xs tw-text-center tw-text-xs rtl:tw-rotate-180';\n\nexport const variants = cva(baseClasses, {\n  variants: {\n    style: {\n      yellow:\n        'tw-bg-yellow group-hover:tw-bg-yellow-hover group-active:tw-bg-yellow-active tw-text-black',\n      grey: 'tw-bg-grey-80 dark:tw-bg-white dark:group-hover:tw-bg-grey-10 group-hover:tw-bg-grey-90 group-active:tw-bg-grey-100 dark:group-active:tw-bg-grey-20 tw-fill-white dark:tw-fill-black',\n    },\n  },\n  defaultVariants: {\n    style: 'yellow',\n  },\n});\n\nconst Cta = ({\n  site,\n  className,\n  linkIcon,\n  target,\n  text,\n  url,\n  variant, // variant prop can be passed in to override the site specific styles\n  enableDarkMode = true,\n  ...props\n}: Props) => {\n  const siteStyles = {\n    [SiteEnum.B2B]: 'yellow',\n    [SiteEnum.Deco]: 'grey',\n  };\n\n  // style is overriden if a variant is passed in, but otherwise takes on the site style\n  const style = variant ?? (site && (siteStyles[site] as styles)) ?? undefined;\n\n  const classes = twMerge(variants({ style: style }), className);\n\n  if (!text || !url) return;\n\n  const iconName =\n    linkIcon ?? (target === '_blank' ? 'external-link' : 'arrow-right');\n  return (\n    <a\n      href={url}\n      target={target}\n      className={twMerge(\n        'tw-group tw-inline-flex tw-items-center tw-gap-xxs tw-text-sm tw-text-black tw-outline-black hover:tw-text-grey-70 active:tw-text-grey-80 rtl:tw-flex-row-reverse',\n        enableDarkMode &&\n          'dark:active:tw-text-grey-30\" dark:tw-text-white dark:hover:tw-text-grey-20'\n      )}\n      {...props}\n    >\n      <Icon name={iconName} className={classes} size=\"1.25rem\" />\n\n      {text}\n    </a>\n  );\n};\n\nexport default Cta;\n"],"names":["variants","cva","variant","yellow","grey30","grey80","white","destructive","link","modifier","fill","outline","icon","true","false","compoundVariants","className","defaultVariants","Button","forwardRef","_ref","ref","as","buttonClasses","dataTestId","disabled","iconClasses","iconName","iconSize","label","site","props","siteStyles","SiteEnum","B2B","Deco","style","undefined","iconOnly","classes","twMerge","Content","React","createElement","classNames","Icon","name","size","anchorProps","href","_extends","displayName","backgroundColour","ctaOne","ctaStyle","ctaTwo","fontColour","ThemeEnum","Light","hasPlayButton","image","subText","title","trumpetImage","trumpetText","video","bgHexCode","startsWith","backgroundColours","HeroButton","secondary","text","url","target","VariantTypeEnum","Cta","key","qbrickButton","VideoButton","darkFont","Dark","videoSource","backgroundColor","HeroVariantEnum","Full","FullLarge","Split","SplitReverse","Stacked","HeroMedia","isSplit","Text","Image","imageClasses","originalWidth","originalHeight","Fragment","SharedMediaHero","r","e","t","f","n","Array","isArray","o","length","clsx","arguments","falsyToString","value","cx","base","config","_config_compoundVariants","class","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","every","includes","grey","linkIcon","enableDarkMode"],"sourceRoot":""}