{"version":3,"file":"postNavigationBanner-CG8I2qY4.js","sources":["../../../client/app/bundles/Shared/components/shared/postNavigationBanner.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface BannerProps {\n  tagText?: string,\n  primaryHeaderText: string,\n  secondaryHeaderText?: string,\n  bodyText: string|JSX.Element,\n  closeAria?: string,\n  closeIconSrc?: string,\n  handleCloseCard?: () => void,\n  icon?: {\n    alt: string,\n    src: string\n  },\n  buttons: {\n    className?: string\n    onClick?: () => void,\n    href?: string,\n    text: string,\n    target?: string\n  }[],\n  bannerStyle?: string,\n  bannerColor?: string,\n  rightSide?: JSX.Element\n}\n\nexport const PostNavigationBanner = ({ tagText, primaryHeaderText, secondaryHeaderText, bodyText, icon, buttons, bannerStyle, bannerColor, closeIconSrc, handleCloseCard, closeAria, rightSide }: BannerProps) => {\n  const color = bannerColor ? bannerColor : 'green'\n  const isPremium = bannerStyle && bannerStyle.includes('premium')\n  const focusClass = bannerStyle && bannerStyle.includes('dark-mode') ? 'focus-on-dark' : 'focus-on-light'\n\n  if(bannerStyle && bannerStyle.includes('minimal')) {\n    return(\n      <div className={`banner-container ${bannerStyle} ${color}`}>\n        <div className=\"left-side-container\">\n          {tagText && <p className=\"tag\">{tagText}</p>}\n          <p className=\"primary-header\">{primaryHeaderText}</p>\n          <p className=\"body\">{bodyText}</p>\n        </div>\n        <div className=\"buttons-container\">\n          {buttons.map((button, i) => {\n            const { className, onClick, href, text, target } = button\n            let buttonClass = `quill-button ${isPremium ? '' : color} `\n            if(className) {\n              buttonClass += className\n            } else {\n              buttonClass += \"small contained\"\n            }\n            if(button.onClick) {\n              return <button className={`${buttonClass} ${focusClass}`} key={`button-${i}`} onClick={onClick}>{text}</button>\n            } else {\n              return <a className={`${buttonClass} ${focusClass}`} href={href} key={`button-${i}`} rel=\"noopener noreferrer\" target={target}>{text}</a>\n            }\n          })}\n        </div>\n      </div>\n    )\n  }\n  return(\n    <div className={`banner-container ${bannerStyle} ${color}`}>\n      <div className=\"left-side-container\">\n        {(tagText || secondaryHeaderText) && <div className=\"upper-section\">\n          {tagText && <p className=\"tag\">{tagText}</p>}\n          {secondaryHeaderText && <p className=\"secondary-header\">{secondaryHeaderText}</p>}\n        </div>}\n        <p className=\"primary-header\">{primaryHeaderText}</p>\n        <p className=\"body\">{bodyText}</p>\n        <div className=\"buttons-container\">\n          {buttons.map((button, i) => {\n            const { className, onClick, href, text, target } = button\n            let buttonClass = `quill-button ${isPremium ? '' : color} `\n            if (className) {\n              buttonClass += className\n            } else {\n              buttonClass += \"small contained\"\n            }\n            if(button.onClick) {\n              return <button className={`${buttonClass} ${focusClass}`} key={`button-${i}`} onClick={onClick}>{text}</button>\n            } else {\n              return <a className={`${buttonClass} ${focusClass}`} href={href} key={`button-${i}`} rel=\"noopener noreferrer\" target={target}>{text}</a>\n            }\n          })}\n        </div>\n      </div>\n      {icon && <img alt={icon.alt} className=\"banner-icon\" src={icon.src} />}\n      {rightSide}\n      {handleCloseCard && <button aria-label={closeAria} className={`interactive-wrapper close-button ${focusClass}`} onClick={handleCloseCard} type=\"button\"><img alt=\"\" src={closeIconSrc} /></button>}\n    </div>\n  )\n}\n\nexport default PostNavigationBanner\n"],"names":["PostNavigationBanner","tagText","primaryHeaderText","secondaryHeaderText","bodyText","icon","buttons","bannerStyle","bannerColor","closeIconSrc","handleCloseCard","closeAria","rightSide","color","isPremium","focusClass","React.createElement","button","i","className","onClick","href","text","target","buttonClass"],"mappings":"iDA0BO,MAAMA,EAAuB,CAAC,CAAE,QAAAC,EAAS,kBAAAC,EAAmB,oBAAAC,EAAqB,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,YAAAC,EAAa,YAAAC,EAAa,aAAAC,EAAc,gBAAAC,EAAiB,UAAAC,EAAW,UAAAC,KAA6B,CAC1M,MAAAC,EAAQL,GAA4B,QACpCM,EAAYP,GAAeA,EAAY,SAAS,SAAS,EACzDQ,EAAaR,GAAeA,EAAY,SAAS,WAAW,EAAI,gBAAkB,iBAExF,OAAGA,GAAeA,EAAY,SAAS,SAAS,kBAE3C,MAAI,CAAA,UAAW,oBAAoBA,CAAW,IAAIM,CAAK,IACtDG,EAAAA,cAAC,MAAI,CAAA,UAAU,uBACZf,GAAWe,EAAAA,cAAC,KAAE,UAAU,KAAA,EAAOf,CAAQ,EACxCe,EAAA,cAAC,IAAE,CAAA,UAAU,kBAAkBd,CAAkB,kBAChD,IAAE,CAAA,UAAU,QAAQE,CAAS,CAChC,EACAY,EAAA,cAAC,OAAI,UAAU,qBACZV,EAAQ,IAAI,CAACW,EAAQC,IAAM,CAC1B,KAAM,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAM,OAAAC,CAAW,EAAAN,EACnD,IAAIO,EAAc,gBAAgBV,EAAY,GAAKD,CAAK,IAMxD,OALGM,EACcK,GAAAL,EAEAK,GAAA,kBAEdP,EAAO,QACAD,EAAAA,cAAA,SAAA,CAAO,UAAW,GAAGQ,CAAW,IAAIT,CAAU,GAAI,IAAK,UAAUG,CAAC,GAAI,QAAAE,GAAmBE,CAAK,kBAE9F,IAAE,CAAA,UAAW,GAAGE,CAAW,IAAIT,CAAU,GAAI,KAAAM,EAAY,IAAK,UAAUH,CAAC,GAAI,IAAI,sBAAsB,OAAAK,GAAiBD,CAAK,CAExI,CAAA,CACH,CACF,EAIFN,EAAA,cAAC,MAAI,CAAA,UAAW,oBAAoBT,CAAW,IAAIM,CAAK,EAAA,EACrDG,EAAAA,cAAA,MAAA,CAAI,UAAU,qBAAA,GACXf,GAAWE,IAAwBa,EAAAA,cAAC,MAAI,CAAA,UAAU,eACjD,EAAAf,mBAAY,IAAE,CAAA,UAAU,KAAO,EAAAA,CAAQ,EACvCE,mBAAwB,IAAE,CAAA,UAAU,kBAAoB,EAAAA,CAAoB,CAC/E,kBACC,IAAE,CAAA,UAAU,gBAAkB,EAAAD,CAAkB,EACjDc,EAAA,cAAC,KAAE,UAAU,MAAA,EAAQZ,CAAS,EAC7BY,EAAA,cAAA,MAAA,CAAI,UAAU,mBAAA,EACZV,EAAQ,IAAI,CAACW,EAAQC,IAAM,CAC1B,KAAM,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAM,OAAAC,CAAW,EAAAN,EACnD,IAAIO,EAAc,gBAAgBV,EAAY,GAAKD,CAAK,IAMxD,OALIM,EACaK,GAAAL,EAEAK,GAAA,kBAEdP,EAAO,QACAD,EAAAA,cAAA,SAAA,CAAO,UAAW,GAAGQ,CAAW,IAAIT,CAAU,GAAI,IAAK,UAAUG,CAAC,GAAI,QAAAE,GAAmBE,CAAK,kBAE9F,IAAE,CAAA,UAAW,GAAGE,CAAW,IAAIT,CAAU,GAAI,KAAAM,EAAY,IAAK,UAAUH,CAAC,GAAI,IAAI,sBAAsB,OAAAK,GAAiBD,CAAK,CACvI,CACD,CACH,CACF,EACCjB,mBAAS,MAAI,CAAA,IAAKA,EAAK,IAAK,UAAU,cAAc,IAAKA,EAAK,GAAK,CAAA,EACnEO,EACAF,GAAoBM,EAAA,cAAA,SAAA,CAAO,aAAYL,EAAW,UAAW,oCAAoCI,CAAU,GAAI,QAASL,EAAiB,KAAK,QAAA,kBAAU,MAAI,CAAA,IAAI,GAAG,IAAKD,CAAA,CAAc,CAAE,CAC3L,CAEJ"}