{"version":3,"file":"static/chunks/1141.212315b5d9c31e59.js","mappings":"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","sources":["webpack://_N_E/../../libs/mi-merch-components/src/organisms/MerchandisingHeroBanner/MerchandisingHeroBannerAsset/MerchandisingHeroBannerAsset.types.tsx","webpack://_N_E/../../libs/mi-merch-components/src/organisms/MerchandisingHeroBanner/MerchandisingHeroBannerAsset/MerchandisingHeroBannerAsset.styles.tsx","webpack://_N_E/../../libs/mi-merch-components/src/organisms/MerchandisingHeroBanner/MerchandisingHeroBannerAsset/MerchandisingHeroBannerAsset.tsx"],"sourcesContent":["import { Types } from '@marriott/mi-ui-library';\n\ninterface VerticalImageProps {\n  fileReferenceImageVertical?: string;\n  verticalImageAltText?: string;\n}\ninterface AssetImageProps {\n  fileReferenceImage?: string;\n  imgAltText?: string;\n}\ninterface MerchandisingHeroBannerIconProps {\n  fontIcon: string;\n  iconClass?: string;\n  fontIconAltText: string;\n}\ntype FontIconAndImageProps = AssetImageProps & MerchandisingHeroBannerIconProps & VerticalImageProps;\n\nexport interface MerchandisingHeroBannerAssetProps extends FontIconAndImageProps {\n  assetsVariation?: Types.AssetVariation;\n  heroSize?: Types.ImageAspectRatio;\n  cobrandmathhero?: boolean;\n  isCopyBlockWidthWide?: boolean;\n  logoImage?: string;\n}\n\ninterface FontIconSize {\n  mobileSize: number;\n  deskTopSize: number;\n}\n\nexport const FONT_ICON_SIZES: Record<string, FontIconSize> = {\n  RZ: { mobileSize: 57.28, deskTopSize: 71.68 },\n  EB: { mobileSize: 22.08, deskTopSize: 27.52 },\n  JW: { mobileSize: 47.36, deskTopSize: 59.2 },\n  AK: { mobileSize: 49.92, deskTopSize: 62.72 },\n  BR: { mobileSize: 63.04, deskTopSize: 78.56 },\n  GE: { mobileSize: 57.6, deskTopSize: 72.8 },\n  CY: { mobileSize: 18.56, deskTopSize: 23.2 },\n  RI: { mobileSize: 21.6, deskTopSize: 27.04 },\n  SH: { mobileSize: 44.8, deskTopSize: 56.32 },\n  FI: { mobileSize: 33.76, deskTopSize: 42.24 },\n  TS: { mobileSize: 40.32, deskTopSize: 50.24 },\n  PR: { mobileSize: 52.48, deskTopSize: 65.44 },\n  OX: { mobileSize: 40.64, deskTopSize: 50.88 },\n  LC: { mobileSize: 65.6, deskTopSize: 81.92 },\n  WI: { mobileSize: 26.88, deskTopSize: 33.44 },\n  SI: { mobileSize: 56.32, deskTopSize: 70.4 },\n  MD: { mobileSize: 17.6, deskTopSize: 22.08 },\n  TX: { mobileSize: 24.8, deskTopSize: 31.04 },\n  DS: { mobileSize: 12.4, deskTopSize: 15.5 },\n  BG: { mobileSize: 27.76, deskTopSize: 34.72 },\n  AL: { mobileSize: 56, deskTopSize: 70.08 },\n  HV: { mobileSize: 52, deskTopSize: 64.96 },\n  DEFAULT: { mobileSize: 56, deskTopSize: 64 },\n};\n","import styled from 'styled-components';\nimport { baseVariables, toRem, constants } from '@marriott/mi-ui-library';\nimport { FONT_ICON_SIZES } from './MerchandisingHeroBannerAsset.types';\n\nconst logoResize = (fontIcon: string) => {\n  return FONT_ICON_SIZES[fontIcon]?.mobileSize\n    ? `font-size: ${toRem(FONT_ICON_SIZES[fontIcon]?.mobileSize)};\n    line-height: 1.25;\n    @media ${baseVariables.mediaQuery.lg} {\n      font-size: ${toRem(FONT_ICON_SIZES[fontIcon]?.deskTopSize)};\n    }`\n    : '';\n};\n\nexport const StyledVerticalImageContainer = styled.div`\n  .styledverticalImage {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  max-width: ${toRem(132)};\n  max-height: ${toRem(97)};\n  margin-top: ${toRem(5)};\n  margin-right: 0;\n  margin-bottom: ${toRem(20)};\n  align-self: center;\n\n  @media ${baseVariables.mediaQuery.md} {\n    margin-right: 0.5rem;\n    margin-bottom: 0;\n    max-width: ${toRem(162)};\n    max-height: ${toRem(119)};\n    align-self: flex-start;\n  }\n  @media ${baseVariables.mediaQuery.lg} {\n    max-width: ${toRem(270)};\n    max-height: ${toRem(198)};\n  }\n  .hero-3x1 & {\n    margin-bottom: ${toRem(8)};\n    @media ${baseVariables.mediaQuery.sm} {\n      margin-bottom: ${toRem(0)};\n    }\n  }\n`;\n\nexport const StyledLogoImage = styled.div<{ cobrandmathhero: boolean }>`\n  height: ${toRem(60)};\n  margin-bottom: ${toRem(10)};\n  @media ${baseVariables.mediaQuery.md} {\n    margin-bottom: ${({ cobrandmathhero }) => (cobrandmathhero ? toRem(6) : toRem(16))};\n    height: ${toRem(60)};\n  }\n  @media ${baseVariables.mediaQuery.lg} {\n    height: ${toRem(100)};\n    margin-bottom: ${toRem(16)};\n  }\n\n  .hero-2x1 & {\n    height: ${toRem(60)};\n    margin-bottom: ${toRem(10)};\n    @media ${baseVariables.mediaQuery.md} {\n      margin-bottom: ${({ cobrandmathhero }) => (cobrandmathhero ? toRem(6) : toRem(16))};\n    }\n    @media ${baseVariables.mediaQuery.lg} {\n      height: ${toRem(100)};\n      margin-bottom: ${toRem(16)};\n    }\n  }\n\n  .hero-3x1 & {\n    height: ${toRem(60)};\n    margin-bottom: ${toRem(24)};\n    @media ${baseVariables.mediaQuery.md} {\n      margin-bottom: ${toRem(12)};\n    }\n    @media ${baseVariables.mediaQuery.lg} {\n      height: ${toRem(100)};\n      margin-bottom: ${toRem(24)};\n    }\n  }\n  img {\n    height: 100%;\n    padding-left: ${toRem(8)};\n  }\n  &.hb-flex {\n    width: unset;\n  }\n`;\n\nexport const StyledFontIcon = styled.span<{ fontIcon: string }>`\n  &.m-icon {\n    display: inline-block;\n    margin-bottom: 1rem;\n    &:hover {\n      background: transparent;\n    }\n    &::before {\n      ${logoResize(constants.DEFAULT)}\n    }\n    &.brand {\n      &-logo-${props => props.fontIcon}::before {\n        ${props => logoResize(props.fontIcon)}\n      }\n      &-logo-Escape {\n        &::before {\n          font-size: unset;\n          line-height: unset;\n        }\n        font-size: 4.22rem;\n        margin-left: -1.4rem;\n        @media ${baseVariables.mediaQuery.lg} {\n          font-size: 5.275rem;\n          margin-left: -1.5rem;\n        }\n      }\n    }\n  }\n`;\n","import clsx from 'clsx';\nimport { FC } from 'react';\nimport { Image, Types } from '@marriott/mi-ui-library';\nimport { MerchandisingHeroBannerAssetProps } from './MerchandisingHeroBannerAsset.types';\nimport { StyledVerticalImageContainer, StyledFontIcon, StyledLogoImage } from './MerchandisingHeroBannerAsset.styles';\nimport { URL_CONSTANTS } from '@marriott/shared/mi-helper-utils';\nconst { AssetVariation, ImageAspectRatio } = Types;\nconst { FONT_ICON } = AssetVariation;\nconst { SIZE_3x1 } = ImageAspectRatio;\nconst { PLACEHOLDER_IMAGE } = URL_CONSTANTS;\nconst { VERTICAL_IMAGE } = AssetVariation;\nconst MerchandisingHeroBannerAsset: FC<MerchandisingHeroBannerAssetProps> = props => {\n  const {\n    fileReferenceImageVertical,\n    imgAltText,\n    assetsVariation,\n    verticalImageAltText,\n    heroSize,\n    fontIcon,\n    fontIconAltText,\n    logoImage,\n    cobrandmathhero,\n    isCopyBlockWidthWide,\n  } = props;\n  const isVerticalImage = !!(assetsVariation && assetsVariation === VERTICAL_IMAGE && fileReferenceImageVertical);\n  return (\n    <>\n      {isCopyBlockWidthWide && isVerticalImage && fileReferenceImageVertical && (\n        <StyledVerticalImageContainer>\n          <img\n            src={fileReferenceImageVertical}\n            className={`styled${assetsVariation}`}\n            alt={verticalImageAltText}\n            title={verticalImageAltText}\n            data-src={PLACEHOLDER_IMAGE}\n          />\n        </StyledVerticalImageContainer>\n      )}\n      {!isVerticalImage && (\n        <div className=\"row\">\n          {assetsVariation === FONT_ICON && fontIcon ? (\n            <div className=\"col-12 col-md-4 col-lg-6\">\n              <StyledFontIcon\n                fontIcon={fontIcon}\n                className={`m-icon brand-logo-${fontIcon}`}\n                aria-labelledby={fontIconAltText || ''}\n                data-testid={fontIcon}\n              />\n            </div>\n          ) : (\n            logoImage && (\n              <StyledLogoImage\n                className={clsx('credit-card', {\n                  'hb-flex': heroSize === SIZE_3x1,\n                })}\n                cobrandmathhero={cobrandmathhero as boolean}\n              >\n                <Image\n                  title={imgAltText || 'Hero Card Image'}\n                  customClass=\"logo-image\"\n                  loading=\"lazy\"\n                  defaultImageURL={logoImage}\n                  altText={imgAltText}\n                  dynamic={false}\n                ></Image>\n              </StyledLogoImage>\n            )\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default MerchandisingHeroBannerAsset;\n"],"names":["FONT_ICON_SIZES","RZ","mobileSize","deskTopSize","EB","JW","AK","BR","GE","CY","RI","SH","FI","TS","PR","OX","LC","WI","SI","MD","TX","DS","BG","AL","HV","DEFAULT","fontIcon","baseVariables","toRem","mediaQuery","lg","StyledVerticalImageContainer","styled","div","md","sm","cobrandmathhero","span","logoResize","constants","props","AssetVariation","ImageAspectRatio","Types","FONT_ICON","SIZE_3x1","PLACEHOLDER_IMAGE","URL_CONSTANTS","VERTICAL_IMAGE","fileReferenceImageVertical","imgAltText","MerchandisingHeroBannerAsset","assetsVariation","verticalImageAltText","heroSize","fontIconAltText","logoImage","isCopyBlockWidthWide","isVerticalImage","img","src","className","alt","title","data-src","StyledFontIcon","aria-labelledby","data-testid","StyledLogoImage","clsx","Image","customClass","loading","defaultImageURL","altText","dynamic"],"sourceRoot":"","ignoreList":[]}