@xo-union/tk-component-header-nav/lib/components/HeaderNav/TopLevelMessageBar/index.cjs.js

"use strict";

var _WeakMap = require("@babel/runtime-corejs3/core-js/weak-map");
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
_Object$defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _tkComponentAnalytics = require("@xo-union/tk-component-analytics");
var _reactCssModules = require("@xo-union/react-css-modules");
var _orionWebDsAction = require("@tkww/orion-web-ds-action");
var _orionWebDsMessageBar = require("@tkww/orion-web-ds-message-bar");
var _componentBlankButton = _interopRequireDefault(require("@xo-union/component-blank-button"));
var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
var _ContextCjs = require("../Context.cjs.js");
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
// eslint-disable-next-line react/prop-types
const TopLevelMessageBar = _ref => {
  let {
    isEnabled
  } = _ref;
  const [isVisible, setIsVisible] = (0, _react.useState)(true);
  const {
    links
  } = (0, _ContextCjs.useHeaderNavContext)();
  const handleCloseBarClick = () => {
    sessionStorage.setItem('tk-header-rewards-bar-dismissed', 'true');
    setIsVisible(false);
  };
  const handleAnalyticsClick = (0, _tkComponentAnalytics.useClickTracker)({
    eventName: 'CTA Clicked',
    product: 'global banner',
    eventData: {
      product_area: 'Rewards Promo banner'
    }
  });
  return /*#__PURE__*/_react.default.createElement(_orionWebDsMessageBar.MessageBar, {
    onClick: handleAnalyticsClick,
    onCloseButtonClick: handleCloseBarClick,
    classes: (0, _reactCssModules.compose)({
      container: _stylesModule.default.container,
      'is-hidden': _stylesModule.default['is-hidden'],
      content: _stylesModule.default.content
    }),
    slots: {
      closeButton: {
        'data-trackable-selection': 'X',
        // Cast it as BlankButton because of the resets from MessageBar are not loading
        as: _componentBlankButton.default,
        treatAs: 'button'
      }
    },
    visible: isVisible && isEnabled
  }, "Earn cash as you plan. Get a $20 gift card for every 200 points with", ' ', /*#__PURE__*/_react.default.createElement(_orionWebDsAction.Link, {
    href: links.DASHBOARD_REWARDS,
    target: "_blank"
  }, "The Knot Rewards"));
};
var _default = TopLevelMessageBar;
exports.default = _default;