{"version":3,"file":"static/js/9568.c7e9ba09.chunk.js","mappings":"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","sources":["constants/emits.js","helpers/emitter.js","shared/message-tile/message-tile.jsx","shared/message-tile/message-tile-module.js","shared/utils/js/utils.js"],"sourcesContent":["export const CART_UPDATED = \"CART_UPDATED\"\nexport const REQUEST_ERROR_MODAL_OPEN = \"REQUEST_ERROR_MODAL_OPEN\"\nexport const REQUEST_MAP_MODAL_OPEN = \"REQUEST_MAP_MODAL_OPEN\"\nexport const REQUEST_CONTENT_MODAL_OPEN = \"REQUEST_CONTENT_MODAL_OPEN\"\nexport const REQUEST_DESTINATION_MODAL_OPEN = \"REQUEST_DESTINATION_MODAL_OPEN\"\nexport const REQUEST_QA_MODAL_OPEN = \"REQUEST_QA_MODAL_OPEN\"\nexport const SEARCH_FACETS_UPDATED = \"SEARCH_FACETS_UPDATED\"\nexport const SEARCH_FILTER_ACTIVATED = \"SEARCH_FILTER_ACTIVATED\"\nexport const SEARCH_FILTER_DEACTIVATED = \"SEARCH_FILTER_DEACTIVATED\"\nexport const SEARCH_ACTIVATED = \"SEARCH_ACTIVATED\"\nexport const DESTINATION_UPDATED = \"DESTINATION_UPDATED\"\nexport const COUPON_UPDATED = \"COUPON_UPDATED\"\nexport const REQUEST_MERCHANT_CONTACT_MODAL = \"REQUEST_MERCHANT_CONTACT_MODAL\"\nexport const REQUEST_ITINERARY_SIGNUP_MODAL = \"REQUEST_ITINERARY_SIGNUP_MODAL\"\nexport const REQUEST_FOLLOW_FLIGHT_COMPONENT = \"REQUEST_FOLLOW_FLIGHT_COMPONENT\"\nexport const REQUEST_FLIGHT_SIGNUP_MODAL = \"REQUEST_FLIGHT_SIGNUP_MODAL\"\n","import mitt from \"mitt\"\n\nexport let Emitter = mitt()\n\nexport default Emitter\n","import React, { Component } from \"react\"\nimport { getCustomColors } from \"../utils/js/utils\"\nimport Svg from \"../_svgs/svg\"\n// eslint-disable-line no-unused-vars\nimport Emitter from \"../../helpers/emitter\"\nimport * as emits from \"../../constants/emits\"\n\nimport \"./_message-tile.scss\"\n\nimport \"lazysizes\"\nimport \"lazysizes/plugins/attrchange/ls.attrchange\"\n\nclass MessageTile extends Component {\n  static defaultProps = {\n    cover: false,\n    modifier: \"\",\n    themeClass: \"\",\n    imageUrl: \"\",\n    imageAltText: \"\",\n    title: \"\",\n    bodyText: \"\",\n    link: \"\",\n    linkText: \"\",\n    iconName: \"\",\n    backgroundColor: \"\",\n    backgroundHoverColor: \"\",\n    textColor: \"\",\n    textHoverColor: \"\",\n    modal: {},\n  }\n\n  handleClickLink(e) {\n    if (this.props.clickHandler) {\n      this.props.clickHandler()\n    }\n    if (this.props.modal && Object.keys(this.props.modal).length > 0) {\n      e.preventDefault()\n      Emitter.emit(\"*\", {\n        type: emits.REQUEST_CONTENT_MODAL_OPEN,\n        modalJson: this.props.modal,\n      })\n    }\n  }\n\n  render() {\n    const messageIconSnippet = (\n      <div className=\"message-tile__icon\">\n        {\" \"}\n        <Svg {...this.props} />{\" \"}\n      </div>\n    )\n    const linkTextSnippet = <div className=\"shop-link\">{this.props.linkText}</div>\n    const imageSnippet = (\n      <div className=\"message-tile__image\" data-epi-property-name=\"Image\">\n        <img src={this.props.imageUrl} alt={this.props.imageAltText} />\n      </div>\n    )\n\n    const style = getCustomColors(this.props)\n\n    return (\n      <a\n        href={this.props.link}\n        className={`message-tile ${this.props.cover ? \"message-tile--cover\" : this.props.modifier} ${this.props.themeClass}`}\n        style={style}\n        onClick={(e) => this.handleClickLink(e)}\n      >\n        {this.props.imageUrl && imageSnippet}\n        {!this.props.cover && (\n          <div className=\"message-tile__inner\">\n            {this.props.iconName && this.props.iconName !== \"None\" && messageIconSnippet}\n            <h4 className=\"message-tile__headline\" data-epi-property-name=\"Title\">\n              {this.props.title}\n            </h4>\n            <p className=\"message-tile__body\" data-epi-property-name=\"BodyText\">\n              {this.props.bodyText}\n            </p>\n            {this.props.linkText && linkTextSnippet}\n          </div>\n        )}\n      </a>\n    )\n  }\n}\n\nexport default MessageTile\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport MessageTile from \"./message-tile\"\n\nexport default class MessageTileModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.data = JSON.parse(elem.dataset.model)\n    this.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.render(<MessageTile {...self.data} />, self.elem)\n  }\n}\n","export function getCASCColors() {\n  return [\"mandarin\", \"carnation\", \"seablue\", \"platinum\", \"lagoon\", \"buttercup\", \"lillac\", \"forgetmenot\"]\n}\n\nexport function getCASCThemes() {\n  return [\n    \"theme-mandarin\",\n    \"theme-carnation\",\n    \"theme-seablue\",\n    \"theme-platinum\",\n    \"theme-lagoon\",\n    \"theme-buttercup\",\n    \"theme-lillac\",\n    \"theme-forgetmenot\",\n  ]\n}\n\nexport function getCASCThemesInverted() {\n  return [\n    \"theme-mandarin-inverted\",\n    \"theme-carnation-inverted\",\n    \"theme-seablue-inverted\",\n    \"theme-platinum-inverted\",\n    \"theme-lagoon-inverted\",\n    \"theme-buttercup-inverted\",\n    \"theme-lillac-inverted\",\n    \"theme-forgetmenot-inverted\",\n  ]\n}\n\nexport function getCASCAllThemes() {\n  return [\"\", \"theme-taxfree\", ...getCASCThemes(), \"theme-taxfree-inverted\", ...getCASCThemesInverted()]\n}\n\nexport function getCustomColors(props) {\n  const style = {}\n\n  if (props.backgroundColor && props.backgroundColor !== \"\") {\n    style[\"--bg\"] = props.backgroundColor\n  }\n  if (props.backgroundHoverColor && props.backgroundHoverColor !== \"\") {\n    style[\"--bgh\"] = props.backgroundHoverColor\n  }\n  if (props.textColor && props.textColor !== \"\") {\n    style[\"--c\"] = props.textColor\n  }\n  if (props.textHoverColor && props.textHoverColor !== \"\") {\n    style[\"--ch\"] = props.textHoverColor\n  }\n\n  return style\n}\n\nexport default { getCustomColors, getCASCColors, getCASCThemes, getCASCThemesInverted, getCASCAllThemes }\n"],"names":["REQUEST_ERROR_MODAL_OPEN","REQUEST_MAP_MODAL_OPEN","REQUEST_CONTENT_MODAL_OPEN","REQUEST_QA_MODAL_OPEN","SEARCH_FACETS_UPDATED","SEARCH_FILTER_ACTIVATED","SEARCH_FILTER_DEACTIVATED","REQUEST_MERCHANT_CONTACT_MODAL","REQUEST_FOLLOW_FLIGHT_COMPONENT","Emitter","mitt","MessageTile","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","e","this","props","clickHandler","modal","Object","keys","length","preventDefault","emit","type","emits","modalJson","_this","messageIconSnippet","_jsxs","className","children","_jsx","Svg","_objectSpread","linkTextSnippet","linkText","imageSnippet","src","imageUrl","alt","imageAltText","style","getCustomColors","href","link","concat","cover","modifier","themeClass","onClick","handleClickLink","iconName","title","bodyText","Component","defaultProps","backgroundColor","backgroundHoverColor","textColor","textHoverColor","MessageTileModule","elem","self","data","JSON","parse","dataset","model","init","ReactDOM"],"sourceRoot":""}