{"version":3,"file":"postNavigationBanner-De2jbfGj.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}\n\nexport const PostNavigationBanner = ({ tagText, primaryHeaderText, secondaryHeaderText, bodyText, icon, buttons, bannerStyle, bannerColor, closeIconSrc, handleCloseCard, closeAria }: 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      <img alt={icon.alt} className=\"banner-icon\" src={icon.src} />\n      {handleCloseCard && <button aria-label={closeAria} className=\"interactive-wrapper close-button\" 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","color","isPremium","focusClass","React.createElement","button","i","className","onClick","href","text","target","buttonClass"],"mappings":"4CAyBO,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,KAA6B,CAC/L,MAAAC,EAAQJ,GAA4B,QACpCK,EAAYN,GAAeA,EAAY,SAAS,SAAS,EACzDO,EAAaP,GAAeA,EAAY,SAAS,WAAW,EAAI,gBAAkB,iBAExF,OAAGA,GAAeA,EAAY,SAAS,SAAS,kBAE3C,MAAI,CAAA,UAAW,oBAAoBA,CAAW,IAAIK,CAAK,IACtDG,EAAAA,cAAC,MAAI,CAAA,UAAU,uBACZd,GAAWc,EAAAA,cAAC,KAAE,UAAU,KAAA,EAAOd,CAAQ,EACxCc,EAAA,cAAC,IAAE,CAAA,UAAU,kBAAkBb,CAAkB,kBAChD,IAAE,CAAA,UAAU,QAAQE,CAAS,CAChC,EACAW,EAAA,cAAC,OAAI,UAAU,qBACZT,EAAQ,IAAI,CAACU,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,oBAAoBR,CAAW,IAAIK,CAAK,EAAA,EACrDG,EAAAA,cAAA,MAAA,CAAI,UAAU,qBAAA,GACXd,GAAWE,IAAwBY,EAAAA,cAAC,MAAI,CAAA,UAAU,eACjD,EAAAd,mBAAY,IAAE,CAAA,UAAU,KAAO,EAAAA,CAAQ,EACvCE,mBAAwB,IAAE,CAAA,UAAU,kBAAoB,EAAAA,CAAoB,CAC/E,kBACC,IAAE,CAAA,UAAU,gBAAkB,EAAAD,CAAkB,EACjDa,EAAA,cAAC,KAAE,UAAU,MAAA,EAAQX,CAAS,EAC7BW,EAAA,cAAA,MAAA,CAAI,UAAU,mBAAA,EACZT,EAAQ,IAAI,CAACU,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,kBACC,MAAI,CAAA,IAAKhB,EAAK,IAAK,UAAU,cAAc,IAAKA,EAAK,GAAK,CAAA,EAC1DK,GAAoBK,EAAAA,cAAA,SAAA,CAAO,aAAYJ,EAAW,UAAU,mCAAmC,QAASD,EAAiB,KAAK,QAAS,EAAAK,EAAA,cAAC,OAAI,IAAI,GAAG,IAAKN,CAAA,CAAc,CAAE,CAC3K,CAEJ"}