@planningcenter/topbar 11.1.0-qa-759.0 → 11.1.0-qa-759.2

package/dist/topbar.js

@@ -442,7 +442,8 @@ let StyledAnnouncement$1 = class StyledAnnouncement extends React.Component {
     } = this.props;
     const isPromo = variant === "promo";
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles$b["announcement"], isPromo ? styles$b["announcement--promo"] : styles$b["announcement--platform"])
+      className: classnames(styles$b["announcement"], styles$b[`announcement--${variant !== null && variant !== void 0 ? variant : "platform"}`]),
+      "data-announcement-variant": variant !== null && variant !== void 0 ? variant : "platform"
     }, !isPromo && /*#__PURE__*/React.createElement(AnnouncementIcon, null), /*#__PURE__*/React.createElement("div", {
       className: styles$b["announcement-content"],
       style: style,
@@ -467,9 +468,7 @@ class PlatformAnnouncements extends React.Component {
       initialAnnouncements: this.props.data,
       configuredFetch: this.props.configuredFetch
     }, (data, actions) => {
-      const isNative = typeof document !== "undefined" && document.documentElement.getAttribute("data-app-context") === "native";
-      const visibleAnnouncements = data.announcements.filter(a => !(isNative && a.data.style === "promo"));
-      return visibleAnnouncements.length > 0 ? (/*#__PURE__*/React.createElement("div", null, visibleAnnouncements.map(announcement => this.props.renderItem({
+      return data.announcements.length > 0 ? (/*#__PURE__*/React.createElement("div", null, data.announcements.map(announcement => this.props.renderItem({
         actions,
         announcement
       })))) : null;
@@ -481,7 +480,7 @@ PlatformAnnouncements.defaultProps = {
   renderItem: ({
     announcement,
     actions
-  }) => (/*#__PURE__*/React.createElement(DissmissibleAnnouncement, {
+  }) => (/*#__PURE__*/React.createElement(DismissibleAnnouncement, {
     key: announcement.id,
     html: announcement.data.html,
     variant: announcement.data.style,
@@ -505,7 +504,7 @@ function StyledDismissButton$1({
     }
   }));
 }
-function DissmissibleAnnouncement(props) {
+function DismissibleAnnouncement(props) {
   return /*#__PURE__*/React.createElement(StyledAnnouncement$1, {
     variant: props.variant
   }, /*#__PURE__*/React.createElement("span", {