@livetiles/reach-components-react 0.3.93 → 0.3.95

package/ChannelSelectorWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Channel } from '@livetiles/reach/util/common';
+export interface ChannelSelectorWrapperProps {
+    onChannelsChanged: (channels: Channel[]) => void;
+    defaultSelectedChannels?: string[];
+    className?: string;
+}
+export declare const ChannelSelectorWrapper: FC<ChannelSelectorWrapperProps>;

package/de.async.esm.esm.js

@@ -703,6 +703,9 @@ var de = {
   "EditorList.dashboard.reviseItems.news": "{count, plural, one {1 Artikel} other {{count} Artikel}}  zum Überarbeiten",
   "EditorList.dashboard.finishDrafts.news": "{count, plural, one {1 Artikel} other {{count} Artikel}} zur Fertigstellung",
   "EditorList.dashboard.approveItems.news": "{count, plural, one {1 Artikel } other {{count} Artikel}} zur Genehmigung",
+  "EditorList.dashboard.reviseItems.events": "{count, plural, one {1 event} other {{count} events}} to revise",
+  "EditorList.dashboard.finishDrafts.events": "{count, plural, one {1 event} other {{count} events}} to finish",
+  "EditorList.dashboard.approveItems.events": "{count, plural, one {1 event} other {{count} events}} to approve",
   "EditorList.noItems1": "Dies ist die Artikelverwaltung.",
   "EditorList.noItems2": "Sie zeigt eine Liste sämtlicher Artikel, aber im Moment sind keine vorhanden.",
   "EditorList.noItems3": "Sie können einen Artikel erstellen, indem Sie auf den Button \"Newsartikel erstellen\" klicken.",
@@ -1341,10 +1344,14 @@ var de = {
   "PublishingSettings.expiryTimeErrorMessage": "Die Ablaufzeit darf nicht vor der Veröffentlichungszeit liegen.",
   "PublishingSettings.publishingTimeErrorMessage": "Die Veröffentlichungszeit muss vor der Ablaufzeit sein",
   "ImageDialog.fromUnsplash": "Von unsplash.com",
+  "ImageDialog.fromGetty": "From Getty Images",
   "ImageDialog.fromCanva": "Mit Canva gestalten",
   "PhotoLibrary.browseCategory": "Oder wählen Sie eine Kategorie",
   "PhotoLibrary.photoBy": "von ",
   "PhotoLibrary.photosBy": "Fotos von",
+  "PhotoLibrary.source.getty": "Getty Images",
+  "PhotoLibrary.terms.button": "Terms of Use",
+  "PhotoLibrary.terms.back": "Back",
   "ExternalLinkButton.news.navigateTo": "Dies ist ein externer Artikel. Sie werden auf {url} weitergeleitet.",
   "ExternalLinkButton.pages.navigateTo": "Dies ist eine externe Seite. Sie werden auf {url} weitergeleitet.",
   "ExternalLinkButton.pages.noUrl.navigateTo": "Dies ist eine externe Seite.",
@@ -1731,6 +1738,7 @@ var de = {
   "Event.editor.recurrence.editEntireSeries": "Bearbeiten der gesamten Serie",
   "Event.editor.recurrence.editOnlyThisEvent": "Nur diese Veranstaltung bearbeiten",
   "Events.contactsLabel": "{count, plural, one {Veranstaltungskontakt} other {Veranstaltungskontakte}}",
+  "Events.contactLabel": "{count, plural, one {Contact} other {Contacts}}",
   "Events.locationsLabel": "{count, plural, one {Ort} other {Orte}}",
   "Events.authorLabel": "Autor",
   "Events.registration.sectionLabel": "Anmeldung",
@@ -1757,6 +1765,8 @@ var de = {
   "Events.editor.channelSettings.title": "Veranstaltungs-Kanäle",
   "Events.editor.missingChannels": "Es muss mindestens ein Kanal ausgewählt werden",
   "Events.cancel.cancelled": "Veranstaltung abgesagt",
+  "Events.cancel.cancelledIndicator": "Cancelled:",
+  "Events.booked.iconTooltip": "You are registered for this event.",
   "Events.registration.deadline.title": "Anmeldefrist {isPast, select, true {ist} false {läuft}} {deadlineRelative} {isPast, select, true {abgelaufen} false {ab}}",
   "Events.registration.deadline.placeholder": "Keine Anmeldefrist gesetzt. Klicken Sie hier, um eine Frist zu setzen.",
   "Events.registration.registerButtonCaption": "Anmelden",
@@ -1769,6 +1779,7 @@ var de = {
   "Events.registration.onBehalfOfRegistrationSuccess.hiddenMail": "Sie haben erfolgreich einen Benutzer für die Veranstaltung registriert",
   "Events.registration.onBehalfOfDeregistrationSuccess": "Sie haben {mail} erfolgreich von der Veranstaltung abgemeldet",
   "Events.registration.exportResultsAsCsv": "Antworten als CSV Datei herunterladen",
+  "Events.registration.notRequired": "No registration required",
   "Events.registration.locations.questionTitle": "Welchen Veranstaltungsort werden Sie besuchen?",
   "Events.registration.locations.onBehalfOfQuestionTitle": "Welchen Veranstaltungsort wird der Teilnehmer besuchen?",
   "Events.registration.locations.leftSeats": "{available, plural, =0 {<b>0 Plätze</b>} one {<b>1 Platz</b>} other {<b>{available} Plätze</b>}} frei (von insgesamt {total})",
@@ -1960,6 +1971,7 @@ var de = {
   "AriaLabel.editor.insertQuote.customAuthor": "Benutzerdefinierter Autor",
   "AriaLabel.editor.externalUrl.input": "URL",
   "AriaLabel.editor.groupSelector": "Gruppen",
+  "AriaLabel.editor.eventViewSelector": "Event views",
   "AriaLabel.managePagesEditor.title": "Titel",
   "AriaLabel.managePagesEditor.toggleSelection": "Auswahl einschalten",
   "AriaLabel.filter.filterByChannel": "Nach Kanal filtern",

package/en.async.esm.esm.js

@@ -4,6 +4,7 @@ var en = {
   "Generic.Ok": "Ok",
   "Generic.Save": "Save",
   "Generic.Cancel": "Cancel",
+  "Generic.none": "None",
   "Generic.Back": "Go back",
   "Generic.On": "On",
   "Generic.Off": "Off",

package/es.async.esm.esm.js

@@ -703,6 +703,9 @@ var es = {
   "EditorList.dashboard.reviseItems.news": "{count, plural, one {1 article} other {{count} articles}} to revise",
   "EditorList.dashboard.finishDrafts.news": "{count, plural, one {1 article} other {{count} articles}} to finish",
   "EditorList.dashboard.approveItems.news": "{count, plural, one {1 article} other {{count} articles}} to approve",
+  "EditorList.dashboard.reviseItems.events": "{count, plural, one {1 event} other {{count} events}} to revise",
+  "EditorList.dashboard.finishDrafts.events": "{count, plural, one {1 event} other {{count} events}} to finish",
+  "EditorList.dashboard.approveItems.events": "{count, plural, one {1 event} other {{count} events}} to approve",
   "EditorList.noItems1": "Ésta es la vista de gestión de noticias.",
   "EditorList.noItems2": "Muestra una lista de artículos, pero al momento no hay ninguno.",
   "EditorList.noItems3": "Puede crear uno haciendo clic en el botón \"Nuevo artículo\".",
@@ -1341,10 +1344,14 @@ var es = {
   "PublishingSettings.expiryTimeErrorMessage": "La fecha de vencimiento no debe ser anterior o igual a la fecha de publicación",
   "PublishingSettings.publishingTimeErrorMessage": "La fecha de publicación no debe ser después o igual a la fecha de vencimiento",
   "ImageDialog.fromUnsplash": "De unsplash.com",
+  "ImageDialog.fromGetty": "From Getty Images",
   "ImageDialog.fromCanva": "Diseño en Canva",
   "PhotoLibrary.browseCategory": "O escoja una categoría",
   "PhotoLibrary.photoBy": "por",
   "PhotoLibrary.photosBy": "Fotos de",
+  "PhotoLibrary.source.getty": "Getty Images",
+  "PhotoLibrary.terms.button": "Terms of Use",
+  "PhotoLibrary.terms.back": "Back",
   "ExternalLinkButton.news.navigateTo": "This is an external news article. You will be redirected to {url}",
   "ExternalLinkButton.pages.navigateTo": "This is an external page. You will be redirected to {url}",
   "ExternalLinkButton.pages.noUrl.navigateTo": "This is an external page.",
@@ -1731,6 +1738,7 @@ var es = {
   "Event.editor.recurrence.editEntireSeries": "Edita toda la serie",
   "Event.editor.recurrence.editOnlyThisEvent": "Editar solo este evento",
   "Events.contactsLabel": "{conteo, plural, uno {Event contact} otro {Event contacts}}",
+  "Events.contactLabel": "{count, plural, one {Contact} other {Contacts}}",
   "Events.locationsLabel": "{conteo, plural, uno {Location} otro {Locations}}",
   "Events.authorLabel": "Autor del comunicado",
   "Events.registration.sectionLabel": "Registro del evento",
@@ -1757,6 +1765,8 @@ var es = {
   "Events.editor.channelSettings.title": "Canales del evento",
   "Events.editor.missingChannels": "Un evento debe tener al menos un canal seleccionado",
   "Events.cancel.cancelled": "Evento cancelado",
+  "Events.cancel.cancelledIndicator": "Cancelled:",
+  "Events.booked.iconTooltip": "You are registered for this event.",
   "Events.registration.deadline.title": "Registro {isPast, select, true {ended} false {ends}} {deadlineRelative}",
   "Events.registration.deadline.placeholder": "No se ha fijado una fecha límite, haga clic aquí para especificar una",
   "Events.registration.registerButtonCaption": "Registrarse",
@@ -1769,6 +1779,7 @@ var es = {
   "Events.registration.onBehalfOfRegistrationSuccess.hiddenMail": "You successfully registered a user for the event",
   "Events.registration.onBehalfOfDeregistrationSuccess": "Se ha eliminado del registro del evento {mail} con éxito",
   "Events.registration.exportResultsAsCsv": "Descargar las respuestas como archivo CSV",
+  "Events.registration.notRequired": "No registration required",
   "Events.registration.locations.questionTitle": "¿A qué lugar asistirá?",
   "Events.registration.locations.onBehalfOfQuestionTitle": "¿A qué lugar asistirá el usuario?",
   "Events.registration.locations.leftSeats": "{disponible, plural, =0 {No seats} una {1 seat} otras {{available} seats}} quedan (total {total})",
@@ -1960,6 +1971,7 @@ var es = {
   "AriaLabel.editor.insertQuote.customAuthor": "Custom author",
   "AriaLabel.editor.externalUrl.input": "URL",
   "AriaLabel.editor.groupSelector": "Groups",
+  "AriaLabel.editor.eventViewSelector": "Event views",
   "AriaLabel.managePagesEditor.title": "Title",
   "AriaLabel.managePagesEditor.toggleSelection": "Toggle selection",
   "AriaLabel.filter.filterByChannel": "Filtrar por canal",

package/fr.async.esm.esm.js

@@ -703,6 +703,9 @@ var fr = {
   "EditorList.dashboard.reviseItems.news": "{count, plural, one {1 article} other {{count} articles}} to revise",
   "EditorList.dashboard.finishDrafts.news": "{count, plural, one {1 article} other {{count} articles}} to finish",
   "EditorList.dashboard.approveItems.news": "{count, plural, one {1 article} other {{count} articles}} to approve",
+  "EditorList.dashboard.reviseItems.events": "{count, plural, one {1 event} other {{count} events}} to revise",
+  "EditorList.dashboard.finishDrafts.events": "{count, plural, one {1 event} other {{count} events}} to finish",
+  "EditorList.dashboard.approveItems.events": "{count, plural, one {1 event} other {{count} events}} to approve",
   "EditorList.noItems1": "Ceci est la vue de gestion des news.",
   "EditorList.noItems2": "Montre normalement une liste d'articles mais pour le moment, il n'y en a aucun.",
   "EditorList.noItems3": "Vous pouvez en créer un en cliquant sur le bouton \"Nouvel article\".",
@@ -1341,10 +1344,14 @@ var fr = {
   "PublishingSettings.expiryTimeErrorMessage": "La date d'expiration ne doit pas être antérieure ou égale à la date de publication.",
   "PublishingSettings.publishingTimeErrorMessage": "Le délai de publication ne doit pas être postérieur ou égal à la date d'expiration.",
   "ImageDialog.fromUnsplash": "De unsplash.com",
+  "ImageDialog.fromGetty": "From Getty Images",
   "ImageDialog.fromCanva": "Conception sur Canva",
   "PhotoLibrary.browseCategory": "Ou choisissez une catégorie",
   "PhotoLibrary.photoBy": "de",
   "PhotoLibrary.photosBy": "Images de",
+  "PhotoLibrary.source.getty": "Getty Images",
+  "PhotoLibrary.terms.button": "Terms of Use",
+  "PhotoLibrary.terms.back": "Back",
   "ExternalLinkButton.news.navigateTo": "This is an external news article. You will be redirected to {url}",
   "ExternalLinkButton.pages.navigateTo": "This is an external page. You will be redirected to {url}",
   "ExternalLinkButton.pages.noUrl.navigateTo": "This is an external page.",
@@ -1731,6 +1738,7 @@ var fr = {
   "Event.editor.recurrence.editEntireSeries": "Modifier la série entière",
   "Event.editor.recurrence.editOnlyThisEvent": "Modifier la série entière",
   "Events.contactsLabel": "{count, plural, one {Event contact} other {Event contacts}}",
+  "Events.contactLabel": "{count, plural, one {Contact} other {Contacts}}",
   "Events.locationsLabel": "{count, plural, one {Location} other {Locations}}",
   "Events.authorLabel": "Announcement author",
   "Events.registration.sectionLabel": "Event registration",
@@ -1757,6 +1765,8 @@ var fr = {
   "Events.editor.channelSettings.title": "Event channels",
   "Events.editor.missingChannels": "An event must have a least one channel selected",
   "Events.cancel.cancelled": "Event cancelled",
+  "Events.cancel.cancelledIndicator": "Cancelled:",
+  "Events.booked.iconTooltip": "You are registered for this event.",
   "Events.registration.deadline.title": "Registration {isPast, select, true {ended} false {ends}} {deadlineRelative}",
   "Events.registration.deadline.placeholder": "No deadline set, click here to specify one",
   "Events.registration.registerButtonCaption": "Register",
@@ -1769,6 +1779,7 @@ var fr = {
   "Events.registration.onBehalfOfRegistrationSuccess.hiddenMail": "You successfully registered a user for the event",
   "Events.registration.onBehalfOfDeregistrationSuccess": "You successfully deregistered {mail} from the event",
   "Events.registration.exportResultsAsCsv": "Download responses as CSV file",
+  "Events.registration.notRequired": "No registration required",
   "Events.registration.locations.questionTitle": "Which location will you attend?",
   "Events.registration.locations.onBehalfOfQuestionTitle": "Which location will the user attend?",
   "Events.registration.locations.leftSeats": "{available, plural, =0 {No seats} one {1 seat} other {{available} seats}} left (total {total})",
@@ -1960,6 +1971,7 @@ var fr = {
   "AriaLabel.editor.insertQuote.customAuthor": "Custom author",
   "AriaLabel.editor.externalUrl.input": "URL",
   "AriaLabel.editor.groupSelector": "Groups",
+  "AriaLabel.editor.eventViewSelector": "Event views",
   "AriaLabel.managePagesEditor.title": "Title",
   "AriaLabel.managePagesEditor.toggleSelection": "Toggle selection",
   "AriaLabel.filter.filterByChannel": "Filtrer par canal",

package/index.d.ts

@@ -824,6 +824,13 @@ interface ManageChannelsProps {
 }
 declare const ManageChannels: FC<ManageChannelsProps>;
 
+interface ChannelSelectorWrapperProps {
+    onChannelsChanged: (channels: Channel[]) => void;
+    defaultSelectedChannels?: string[];
+    className?: string;
+}
+declare const ChannelSelectorWrapper: FC<ChannelSelectorWrapperProps>;
+
 interface NewsGridProps {
     filter?: LibNewsFilterDefinition;
     searchText?: string;
@@ -978,4 +985,4 @@ declare const ToolbarFilterSearch: styled_components.StyledComponent<FC<{
     className?: string;
 }>, any, {}, never>;
 
-export { AuthorFilter, AuthorToolbarFilter, Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ChannelToolbarFilter, ClearAllFiltersButton, ClearAllFiltersButtonProps, EventDetail, EventDetailProps, EventGridProps, EventView, EventsEditorDashboard, EventsEditorDashboardProps, EventsGrid, EventsList, EventsListProps, FilterProps, FilterSearch, ItemLayoutMode, KeywordsFilter, KeywordsToolbarFilter, LibNewsFilterDefinition, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PublishableItem, PublishingDateFilter, PublishingDateToolbarFilter, ReachContextProps, ReachContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarEventViewSelector, ToolbarEventViewSelectorProps, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, useCurrentUser };
+export { AuthorFilter, AuthorToolbarFilter, Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ChannelSelectorWrapper as ChannelSelector, ChannelSelectorWrapperProps as ChannelSelectorProps, ChannelToolbarFilter, ClearAllFiltersButton, ClearAllFiltersButtonProps, EventDetail, EventDetailProps, EventGridProps, EventView, EventsEditorDashboard, EventsEditorDashboardProps, EventsGrid, EventsList, EventsListProps, FilterProps, FilterSearch, ItemLayoutMode, KeywordsFilter, KeywordsToolbarFilter, LibNewsFilterDefinition, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PublishableItem, PublishingDateFilter, PublishingDateToolbarFilter, ReachContextProps, ReachContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarEventViewSelector, ToolbarEventViewSelectorProps, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, useCurrentUser };

package/index.esm.js

@@ -1,4 +1,4 @@
-export { X as AuthorFilter, W as AuthorToolbarFilter, A as Avatar, H as ChannelFilter, J as ChannelToolbarFilter, O as ClearAllFiltersButton, E as EventDetail, a0 as EventView, p as EventsEditorDashboard, j as EventsGrid, k as EventsList, Y as FilterSearch, I as ItemLayoutMode, Q as KeywordsFilter, S as KeywordsToolbarFilter, M as ManageChannels, N as NewsDetail, B as NewsDetailPreview, o as NewsEditorDashboard, i as NewsGrid, n as NewsHero, x as NewsItemContextProvider, C as NewsItemPreviewContextProvider, h as NewsList, g as PageDetail, L as PublishingDateFilter, K as PublishingDateToolbarFilter, R as ReachContextProvider, q as Toolbar, s as ToolbarChannelSelector, w as ToolbarCloseButton, $ as ToolbarEventViewSelector, F as ToolbarFilterModal, G as ToolbarFilterModalButton, D as ToolbarFilterPanel, Z as ToolbarFilterSearch, r as ToolbarIconButton, z as ToolbarManageNewsItemButton, t as ToolbarMarkAllEventsAsReadButton, v as ToolbarMarkAllNewsAsReadButton, y as ToolbarNewsLanguageSelector, U as UserDetails, V as VerticalFilterPanel, l as useCurrentUser } from './index.esm2.js';
+export { X as AuthorFilter, W as AuthorToolbarFilter, A as Avatar, H as ChannelFilter, a1 as ChannelSelector, J as ChannelToolbarFilter, O as ClearAllFiltersButton, E as EventDetail, a0 as EventView, p as EventsEditorDashboard, j as EventsGrid, k as EventsList, Y as FilterSearch, I as ItemLayoutMode, Q as KeywordsFilter, S as KeywordsToolbarFilter, M as ManageChannels, N as NewsDetail, B as NewsDetailPreview, o as NewsEditorDashboard, i as NewsGrid, n as NewsHero, x as NewsItemContextProvider, C as NewsItemPreviewContextProvider, h as NewsList, g as PageDetail, L as PublishingDateFilter, K as PublishingDateToolbarFilter, R as ReachContextProvider, q as Toolbar, s as ToolbarChannelSelector, w as ToolbarCloseButton, $ as ToolbarEventViewSelector, F as ToolbarFilterModal, G as ToolbarFilterModalButton, D as ToolbarFilterPanel, Z as ToolbarFilterSearch, r as ToolbarIconButton, z as ToolbarManageNewsItemButton, t as ToolbarMarkAllEventsAsReadButton, v as ToolbarMarkAllNewsAsReadButton, y as ToolbarNewsLanguageSelector, U as UserDetails, V as VerticalFilterPanel, l as useCurrentUser } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'events';
 import 'react';

package/index.esm2.js

@@ -2,7 +2,7 @@ import { jsx as jsx$1, Fragment, jsxs } from 'react/jsx-runtime';
 import require$$0$6 from 'events';
 import * as React$d from 'react';
 import React__default, { useContext, createContext, useMemo, useRef as useRef$1, useEffect as useEffect$1, useState as useState$2, useCallback, useReducer, Children, isValidElement, cloneElement, Component, lazy as lazy$1, Suspense, forwardRef, createElement as createElement$a, useLayoutEffect, useImperativeHandle, Fragment as Fragment$1 } from 'react';
-import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, MessageBar, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, TooltipHost as TooltipHost$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize, DialogType, Dialog as Dialog$1, DialogFooter, SelectionMode, NormalPeoplePicker, FocusTrapCallout, SpinnerSize, SearchBox as SearchBox$1, ResponsiveMode, ImageFit, Layer as Layer$1, initializeIcons, Breadcrumb, CommandBarButton, DatePicker, DayOfWeek } from 'office-ui-fabric-react';
+import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, MessageBar, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, TooltipHost as TooltipHost$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize, DialogType, Dialog as Dialog$1, DialogFooter, SelectionMode, NormalPeoplePicker, FocusTrapCallout, SpinnerSize, SearchBox as SearchBox$1, ResponsiveMode, ImageFit, Layer as Layer$1, DropdownMenuItemType, initializeIcons, Breadcrumb, CommandBarButton, DatePicker, DayOfWeek } from 'office-ui-fabric-react';
 import * as ReactRouterDom from 'react-router-dom';
 import { useHistory, useRouteMatch, useLocation as useLocation$1, Link as Link$4, NavLink, MemoryRouter, Switch, Route } from 'react-router-dom';
 import require$$0$7 from 'react-is';
@@ -77710,7 +77710,9 @@ if(allChannels==null&&!isChannel$1(channelOrName)){return channelOrName;}var cha
 // The full width of the container => 100%
 // Minus the indicator width which might not be there in the case we have 3 channels or less
 var Host$e$2=_styled.div(templateObject_1$t$2||(templateObject_1$t$2=__makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n\n  &[data-has-more-indicator='true'] {\n    [data-channels] {\n      width: calc(100% - ","px);\n    }\n  }\n\n  &[data-has-more-indicator='false'] {\n    [data-channels] {\n      width: 100%;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  &[data-has-more-indicator='true'] {\n    [data-channels] {\n      width: calc(100% - ","px);\n    }\n  }\n\n  &[data-has-more-indicator='false'] {\n    [data-channels] {\n      width: 100%;\n    }\n  }\n"])),IndicatorWidth+BubbleGap);var ChannelsHost=_styled.div(templateObject_2$o$1||(templateObject_2$o$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));// Max channel width: Divide the space by the number of bubbles we need to display minus bubble gap - 6px
-var ClickableChannelTitle=_styled(ActionButton)(templateObject_3$g$1||(templateObject_3$g$1=__makeTemplateObject$1(["\n  z-index: 1;\n  height: inherit;\n  padding: 0;\n\n  ","\n  span {\n    width: 100%;\n  }\n"],["\n  z-index: 1;\n  height: inherit;\n  padding: 0;\n\n  ","\n  span {\n    width: 100%;\n  }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled.span(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return css$2(templateObject_7$o||(templateObject_7$o=__makeTemplateObject$1(["\n    ","\n\n    ","\n\n  ","\n  "],["\n    ","\n\n    ","\n\n  ","\n  "])),bubbleCount&&css$2(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n      max-width: calc(100% / "," - ","px);\n    "],["\n      max-width: calc(100% / "," - ","px);\n    "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&css$2(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n      margin-right: ","px;\n    "],["\n      margin-right: ","px;\n    "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled.div(templateObject_8$m||(templateObject_8$m=__makeTemplateObject$1(["\n  z-index: 1;\n  margin-left: ","px;\n\n  ","\n"],["\n  z-index: 1;\n  margin-left: ","px;\n\n  ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled(ActionButton)(templateObject_9$h||(templateObject_9$h=__makeTemplateObject$1(["\n  &&& {\n    height: auto;\n    color: inherit;\n    padding: 0;\n  }\n"],["\n  &&& {\n    height: auto;\n    color: inherit;\n    padding: 0;\n  }\n"])));var StyledCallout$3=_styled(Callout)(templateObject_10$f||(templateObject_10$f=__makeTemplateObject$1(["\n  padding: ","px;\n"],["\n  padding: ","px;\n"])),spacingXs);var CalloutList=_styled.ul(templateObject_11$a||(templateObject_11$a=__makeTemplateObject$1(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"])));var templateObject_1$t$2,templateObject_2$o$1,templateObject_3$g$1,templateObject_4$9$2,templateObject_5$5$2,templateObject_6$2$2,templateObject_7$o,templateObject_8$m,templateObject_9$h,templateObject_10$f,templateObject_11$a;var ClickableChannelTitles=function ClickableChannelTitles(_a){var channels=_a.channels,buildChannelFilterUrl=_a.buildChannelFilterUrl,language=_a.language,channelBackgroundColor=_a.channelBackgroundColor,onClick=_a.onClick,className=_a.className;if(!(channels===null||channels===void 0?void 0:channels.length)){return null;}return jsx$1(Host$d$2,__assign$1({className:className,"data-channels":channels.join(',')},{children:channels.map(function(c){var channelKey=isChannel(c)?c.id:c;var title=jsx$1(ChannelBubble,__assign$1({backgroundColor:channelBackgroundColor},{children:jsx$1(ChannelTitle,{channel:c,language:language},void 0)}),void 0);return jsxs("li",{children:[buildChannelFilterUrl&&jsx$1(ChannelLink,__assign$1({"data-channel":true,to:buildChannelFilterUrl(isChannel(c)?c.name:c),"data-rounded-outline":true},{children:title}),void 0),onClick&&jsx$1(StyledActionButton$1,__assign$1({"data-rounded-outline":true,onClick:function(){return onClick(isChannel(c)?c.name:c);}},{children:title}),void 0),!onClick&&!buildChannelFilterUrl&&jsx$1(ChannelBubbleWrapper,{children:title},void 0)]},channelKey);})}),void 0);};function isChannel(value){return value.id!=null;}var Host$d$2=_styled.ul.withConfig({displayName:"ClickableChannelTitles__Host",componentId:"sc-1a7ny18-0"})(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"])),fontSizeSmall);var ChannelBubble=_styled.div.withConfig({displayName:"ClickableChannelTitles__ChannelBubble",componentId:"sc-1a7ny18-1"})(templateObject_2$n$1||(templateObject_2$n$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return p.backgroundColor?HighlightBubble({backgroundColor:p.backgroundColor}):HighlightBubble();});var ChannelLink=_styled(NavLink).withConfig({displayName:"ClickableChannelTitles__ChannelLink",componentId:"sc-1a7ny18-2"})(templateObject_3$f$2||(templateObject_3$f$2=__makeTemplateObject$1(["\n  position: relative;\n  z-index: 1;\n  color: ",";\n  display: inline-block;\n  margin: 2px ","px 2px 0;\n"],["\n  position: relative;\n  z-index: 1;\n  color: ",";\n  display: inline-block;\n  margin: 2px ","px 2px 0;\n"])),function(p){return p.theme.textColors.default;},spacingXs);var ChannelBubbleWrapper=_styled.span.withConfig({displayName:"ClickableChannelTitles__ChannelBubbleWrapper",componentId:"sc-1a7ny18-3"})(templateObject_4$8$2||(templateObject_4$8$2=__makeTemplateObject$1(["\n  display: block;\n  margin: 2px ","px 2px 0;\n"],["\n  display: block;\n  margin: 2px ","px 2px 0;\n"])),spacingXs);var StyledActionButton$1=_styled(ActionButton).withConfig({displayName:"ClickableChannelTitles__StyledActionButton",componentId:"sc-1a7ny18-4"})(templateObject_5$4$2||(templateObject_5$4$2=__makeTemplateObject$1(["\n  && {\n    height: auto;\n    padding: 0;\n    margin: 2px ","px 2px 0;\n  }\n"],["\n  && {\n    height: auto;\n    padding: 0;\n    margin: 2px ","px 2px 0;\n  }\n"])),spacingXs);var templateObject_1$s$2,templateObject_2$n$1,templateObject_3$f$2,templateObject_4$8$2,templateObject_5$4$2;_styled.div.withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$r$2||(templateObject_1$r$2=__makeTemplateObject$1(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));_styled(ClickableChannelTitles).withConfig({displayName:"ChannelSelector__Channels",componentId:"sc-2h27u4-1"})(templateObject_2$m$1||(templateObject_2$m$1=__makeTemplateObject$1(["\n  &&& li {\n    margin-top: ","px;\n  }\n"],["\n  &&& li {\n    margin-top: ","px;\n  }\n"])),spacingXs);_styled(TooltipHost$1).withConfig({displayName:"ChannelSelector__StyledTooltip",componentId:"sc-2h27u4-2"})(templateObject_3$e$2||(templateObject_3$e$2=__makeTemplateObject$1(["\n  max-width: 300px;\n  padding: 0 ","px ","px;\n"],["\n  max-width: 300px;\n  padding: 0 ","px ","px;\n"])),spacingM,spacingM);_styled(FormattedMessageWithStyle).withConfig({displayName:"ChannelSelector__TooltipTitle",componentId:"sc-2h27u4-3"})(templateObject_4$7$2||(templateObject_4$7$2=__makeTemplateObject$1(["\n  font-size: ","px;\n  // this needs to be 10px but the channels already have margin top of 6px\n  margin-bottom: ","px;\n"],["\n  font-size: ","px;\n  // this needs to be 10px but the channels already have margin top of 6px\n  margin-bottom: ","px;\n"])),fontSizeMedium,spacingS-spacingXs);var templateObject_1$r$2,templateObject_2$m$1,templateObject_3$e$2,templateObject_4$7$2;var ToolbarSearch=function ToolbarSearch(_a){var searchText=_a.searchText,onSearchTextChange=_a.onSearchTextChange,onExecuteSearch=_a.onExecuteSearch,onSearchIconClick=_a.onSearchIconClick,onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged;return jsxs(Fragment,{children:[jsx$1(SearchBoxLargeScreen,{children:jsx$1(SearchBox,{searchText:searchText,onSearchTextChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,onSearchInputFieldVisibilityChanged:onSearchInputFieldVisibilityChanged,isToolbarMode:true},void 0)},void 0),jsx$1(SearchIconSmallScreen,{children:jsx$1(ToolbarIconButton,{iconName:"Search",onClick:onSearchIconClick,tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0)},void 0)]},void 0);};var SearchBoxLargeScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchBoxLargeScreen",componentId:"sc-1f480ry-0"})(templateObject_1$q$2||(templateObject_1$q$2=__makeTemplateObject$1(["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var SearchIconSmallScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchIconSmallScreen",componentId:"sc-1f480ry-1"})(templateObject_2$l$1||(templateObject_2$l$1=__makeTemplateObject$1(["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),minScreenSize.medium);var templateObject_1$q$2,templateObject_2$l$1;var Toolbar$1=function Toolbar(_a){var leftSide=_a.leftSide,hideLeftSide=_a.hideLeftSide,rightSide=_a.rightSide,hideRightSide=_a.hideRightSide,search=_a.search,className=_a.className,children=_a.children;var _b=useState$2(false),isSearchInputFieldVisible=_b[0],setIsSearchInputFieldVisible=_b[1];return jsxs(Host$b$2,__assign$1({className:className,"data-content-toolbar":true},{children:[jsxs(Row,{children:[leftSide&&!hideLeftSide&&jsx$1(LeftSide$1,{children:leftSide},void 0),(rightSide||search)&&!hideRightSide&&jsxs(RightSide$1,{children:[search&&jsx$1(ToolbarSearch,{searchText:search.searchText,onSearchTextChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,onSearchIconClick:handleSearchIconClick,onSearchInputFieldVisibilityChanged:function(isVisible){return setIsSearchInputFieldVisible(isVisible);}},void 0),rightSide]},void 0)]},void 0),children,search&&isSearchInputFieldVisible&&jsx$1(SearchInputRow,{children:jsx$1(Search,{onClear:handleClearSearch,searchText:search.searchText,onChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,useLightTheme:true},void 0)},void 0)]}),void 0);function handleSearchIconClick(){var shouldShowSearch=!isSearchInputFieldVisible;if(shouldShowSearch){setIsSearchInputFieldVisible(true);}else {handleClearSearch();}}function handleClearSearch(){var _a;(_a=search.onSearchTextChange)===null||_a===void 0?void 0:_a.call(search,'');setIsSearchInputFieldVisible(false);}};var Host$b$2=_styled.div.withConfig({displayName:"Toolbar__Host",componentId:"sc-16ftbxt-0"})(templateObject_1$p$2||(templateObject_1$p$2=__makeTemplateObject$1(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ",";\n  box-shadow: 1px 1px 4px grey;\n  padding: ","px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"],["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ",";\n  box-shadow: 1px 1px 4px grey;\n  padding: ","px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"])),function(p){return p.theme.palette.white;},spacingXxs);var LeftSide$1=_styled.div.withConfig({displayName:"Toolbar__LeftSide",componentId:"sc-16ftbxt-1"})(templateObject_2$k$2||(templateObject_2$k$2=__makeTemplateObject$1(["\n  display: flex;\n\n  flex-wrap: nowrap;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"],["\n  display: flex;\n\n  flex-wrap: nowrap;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"])));var RightSide$1=_styled.div.withConfig({displayName:"Toolbar__RightSide",componentId:"sc-16ftbxt-2"})(templateObject_3$d$2||(templateObject_3$d$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n"])));var Row=_styled.div.withConfig({displayName:"Toolbar__Row",componentId:"sc-16ftbxt-3"})(templateObject_4$6$2||(templateObject_4$6$2=__makeTemplateObject$1(["\n  display: flex;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"],["\n  display: flex;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"])));var SearchInputRow=_styled.div.withConfig({displayName:"Toolbar__SearchInputRow",componentId:"sc-16ftbxt-4"})(templateObject_5$3$2||(templateObject_5$3$2=__makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),minScreenSize.medium);var templateObject_1$p$2,templateObject_2$k$2,templateObject_3$d$2,templateObject_4$6$2,templateObject_5$3$2;_styled(Toolbar$1).withConfig({displayName:"ChromelessToolbar__StyledToolbar",componentId:"sc-1vovywb-0"})(templateObject_1$o$2||(templateObject_1$o$2=__makeTemplateObject$1(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);createGlobalStyle(templateObject_2$j$2||(templateObject_2$j$2=__makeTemplateObject$1(["\n  [data-detail-page-container] {\n    [data-content-toolbar] {\n      @media (max-width: ","px) {\n        margin-top: ","px;\n      }\n    }\n  }\n"],["\n  [data-detail-page-container] {\n    [data-content-toolbar] {\n      @media (max-width: ","px) {\n        margin-top: ","px;\n      }\n    }\n  }\n"])),minScreenSize.large,spacingM);var templateObject_1$o$2,templateObject_2$j$2;// todo: Apply this to all pages and make sure it works in IE
+var ClickableChannelTitle=_styled(ActionButton)(templateObject_3$g$1||(templateObject_3$g$1=__makeTemplateObject$1(["\n  z-index: 1;\n  height: inherit;\n  padding: 0;\n\n  ","\n  span {\n    width: 100%;\n  }\n"],["\n  z-index: 1;\n  height: inherit;\n  padding: 0;\n\n  ","\n  span {\n    width: 100%;\n  }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled.span(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return css$2(templateObject_7$o||(templateObject_7$o=__makeTemplateObject$1(["\n    ","\n\n    ","\n\n  ","\n  "],["\n    ","\n\n    ","\n\n  ","\n  "])),bubbleCount&&css$2(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n      max-width: calc(100% / "," - ","px);\n    "],["\n      max-width: calc(100% / "," - ","px);\n    "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&css$2(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n      margin-right: ","px;\n    "],["\n      margin-right: ","px;\n    "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled.div(templateObject_8$m||(templateObject_8$m=__makeTemplateObject$1(["\n  z-index: 1;\n  margin-left: ","px;\n\n  ","\n"],["\n  z-index: 1;\n  margin-left: ","px;\n\n  ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled(ActionButton)(templateObject_9$h||(templateObject_9$h=__makeTemplateObject$1(["\n  &&& {\n    height: auto;\n    color: inherit;\n    padding: 0;\n  }\n"],["\n  &&& {\n    height: auto;\n    color: inherit;\n    padding: 0;\n  }\n"])));var StyledCallout$3=_styled(Callout)(templateObject_10$f||(templateObject_10$f=__makeTemplateObject$1(["\n  padding: ","px;\n"],["\n  padding: ","px;\n"])),spacingXs);var CalloutList=_styled.ul(templateObject_11$a||(templateObject_11$a=__makeTemplateObject$1(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"])));var templateObject_1$t$2,templateObject_2$o$1,templateObject_3$g$1,templateObject_4$9$2,templateObject_5$5$2,templateObject_6$2$2,templateObject_7$o,templateObject_8$m,templateObject_9$h,templateObject_10$f,templateObject_11$a;var ClickableChannelTitles=function ClickableChannelTitles(_a){var channels=_a.channels,buildChannelFilterUrl=_a.buildChannelFilterUrl,language=_a.language,channelBackgroundColor=_a.channelBackgroundColor,onClick=_a.onClick,className=_a.className;if(!(channels===null||channels===void 0?void 0:channels.length)){return null;}return jsx$1(Host$d$2,__assign$1({className:className,"data-channels":channels.join(',')},{children:channels.map(function(c){var channelKey=isChannel(c)?c.id:c;var title=jsx$1(ChannelBubble,__assign$1({backgroundColor:channelBackgroundColor},{children:jsx$1(ChannelTitle,{channel:c,language:language},void 0)}),void 0);return jsxs("li",{children:[buildChannelFilterUrl&&jsx$1(ChannelLink,__assign$1({"data-channel":true,to:buildChannelFilterUrl(isChannel(c)?c.name:c),"data-rounded-outline":true},{children:title}),void 0),onClick&&jsx$1(StyledActionButton$1,__assign$1({"data-rounded-outline":true,onClick:function(){return onClick(isChannel(c)?c.name:c);}},{children:title}),void 0),!onClick&&!buildChannelFilterUrl&&jsx$1(ChannelBubbleWrapper,{children:title},void 0)]},channelKey);})}),void 0);};function isChannel(value){return value.id!=null;}var Host$d$2=_styled.ul.withConfig({displayName:"ClickableChannelTitles__Host",componentId:"sc-1a7ny18-0"})(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"])),fontSizeSmall);var ChannelBubble=_styled.div.withConfig({displayName:"ClickableChannelTitles__ChannelBubble",componentId:"sc-1a7ny18-1"})(templateObject_2$n$1||(templateObject_2$n$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return p.backgroundColor?HighlightBubble({backgroundColor:p.backgroundColor}):HighlightBubble();});var ChannelLink=_styled(NavLink).withConfig({displayName:"ClickableChannelTitles__ChannelLink",componentId:"sc-1a7ny18-2"})(templateObject_3$f$2||(templateObject_3$f$2=__makeTemplateObject$1(["\n  position: relative;\n  z-index: 1;\n  color: ",";\n  display: inline-block;\n  margin: 2px ","px 2px 0;\n"],["\n  position: relative;\n  z-index: 1;\n  color: ",";\n  display: inline-block;\n  margin: 2px ","px 2px 0;\n"])),function(p){return p.theme.textColors.default;},spacingXs);var ChannelBubbleWrapper=_styled.span.withConfig({displayName:"ClickableChannelTitles__ChannelBubbleWrapper",componentId:"sc-1a7ny18-3"})(templateObject_4$8$2||(templateObject_4$8$2=__makeTemplateObject$1(["\n  display: block;\n  margin: 2px ","px 2px 0;\n"],["\n  display: block;\n  margin: 2px ","px 2px 0;\n"])),spacingXs);var StyledActionButton$1=_styled(ActionButton).withConfig({displayName:"ClickableChannelTitles__StyledActionButton",componentId:"sc-1a7ny18-4"})(templateObject_5$4$2||(templateObject_5$4$2=__makeTemplateObject$1(["\n  && {\n    height: auto;\n    padding: 0;\n    margin: 2px ","px 2px 0;\n  }\n"],["\n  && {\n    height: auto;\n    padding: 0;\n    margin: 2px ","px 2px 0;\n  }\n"])),spacingXs);var templateObject_1$s$2,templateObject_2$n$1,templateObject_3$f$2,templateObject_4$8$2,templateObject_5$4$2;var ChannelSelector=function ChannelSelector(_a){var selectedChannelIds=_a.selectedChannelIds,selectedChannelNames=_a.selectedChannelNames,mandatoryChannelIds=_a.mandatoryChannelIds,availableChannels=_a.availableChannels,showOnlyUserChannels=_a.showOnlyUserChannels,onChannelsChanged=_a.onChannelsChanged,className=_a.className,showSelectionToggle=_a.showSelectionToggle,placeholder=_a.placeholder,inlineControls=_a.inlineControls,required=_a.required,id=_a.id;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var options=usePromise$2(function(){return __awaiter$1(void 0,void 0,void 0,function(){return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:return [2/*return*/,_a.sent()];}});});},null,[channels,availableChannels,showOnlyUserChannels])[0];var responsiveMode=(options===null||options===void 0?void 0:options.length)>10&&env.isNativeMobileApp?ResponsiveMode.small:ResponsiveMode.large;if(!channels){return null;}var selectedIds=getSelectedIds()||[];return jsxs(Host$c$1,{children:[showSelectionToggle&&jsx$1(ToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsx$1(StyledTooltip$4,__assign$1({directionalHint:DirectionalHint$1.bottomCenter,tooltipProps:{onRenderContent:function(){return jsxs(Fragment,{children:[jsx$1(TooltipTitle,{id:"Channels.callout.title",tagName:"h3"},void 0),jsx$1(Channels$3,{channels:getSelectedChannelNames()},void 0)]},void 0);}},hidden:selectedIds.length<2},{children:jsx$1(Dropdown,{ariaLabel:formatMessage({id:'AriaLabel.filter.filterByChannel'}),"data-channel-selector":true,placeholder:formatMessage({id:placeholder||'Channels.Placeholder'}),responsiveMode:responsiveMode,className:className,options:options||[],selectedKeys:selectedIds,multiSelect:true,onChange:handleChange,onRenderTitle:renderTitles,onRenderOption:function(option){return option.key==='Controls'?jsx$1(ToggleAllButtons,{toggleAll:handleToggleAll},void 0):jsx$1(ChannelTitle,{channel:option.data,language:user.preferredUiLanguage,role:"option"},option.key);},calloutProps:{className:'channels-dropdown-callout'},"aria-required":required,id:id},void 0)}),void 0)]},void 0);function getSelectedChannelNames(){var _a;return (_a=channels===null||channels===void 0?void 0:channels.filter(function(c){return selectedIds.includes(c.id);}))===null||_a===void 0?void 0:_a.map(function(c){return c.name;});}function renderTitles(value){var selectedOptions=isSingleOption(value)?[value]:value;selectedOptions=selectedOptions.filter(function(option){return option.key!=='Controls';});return jsx$1(ChannelTitles,{channels:selectedOptions.map(function(o){return o.data;}),language:user.preferredUiLanguage},void 0);}function isSingleOption(value){return value.key!=null;}function handleChange(_,option){var changedId=option.key;var currentSelection=selectedIds;var newSelection=currentSelection.indexOf(changedId)>=0?// handle remove
+currentSelection.filter(function(id){return id!==option.key;}):// handle add
+currentSelection.concat([changedId]);onChannelsChanged(newSelection.map(function(id){return channels.find(function(c){return c.id===id;});}).filter(function(ch){return ch!=null;}));}function handleToggleAll(checkAll){return __awaiter$1(this,void 0,void 0,function(){var options;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:options=_a.sent().map(function(option){return channels.find(function(c){return c.id===option.key;});});onChannelsChanged(checkAll?options.filter(function(ch){return ch!=null;}):options.filter(function(ch){return ch!=null&&(mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.includes(ch.id));}));return [2/*return*/];}});});}function getSelectedIds(){if(selectedChannelNames!=null){var ids=selectedChannelNames.map(function(name){return channels.find(function(ch){return ch.name===name;});}).filter(function(ch){return ch!=null;}).map(function(ch){return ch.id;});ids=ids.concat(mandatoryChannelIds||[]);return Array.from(new Set(ids));}return Array.from(new Set((selectedChannelIds||[]).concat(mandatoryChannelIds||[])));}function getOptions(){return __awaiter$1(this,void 0,void 0,function(){var result;return __generator$1(this,function(_a){result=[];if(inlineControls){result.push({key:'Controls',text:'',itemType:DropdownMenuItemType.Header});}if(availableChannels){return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),availableChannels.map(function(c){return getChannelOption(c);}))];}return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),!showOnlyUserChannels?(channels===null||channels===void 0?void 0:channels.map(function(c){return getChannelOption(c);}))||[]:user.channels.map(function(c){return getChannelOption(c);}))];});});}function getChannelOption(channel){return {key:channel.id,text:channel.name,data:channel,disabled:mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.some(function(id){return id===channel.id;})};}};var Host$c$1=_styled.div.withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$r$2||(templateObject_1$r$2=__makeTemplateObject$1(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));var Channels$3=_styled(ClickableChannelTitles).withConfig({displayName:"ChannelSelector__Channels",componentId:"sc-2h27u4-1"})(templateObject_2$m$1||(templateObject_2$m$1=__makeTemplateObject$1(["\n  &&& li {\n    margin-top: ","px;\n  }\n"],["\n  &&& li {\n    margin-top: ","px;\n  }\n"])),spacingXs);var StyledTooltip$4=_styled(TooltipHost$1).withConfig({displayName:"ChannelSelector__StyledTooltip",componentId:"sc-2h27u4-2"})(templateObject_3$e$2||(templateObject_3$e$2=__makeTemplateObject$1(["\n  max-width: 300px;\n  padding: 0 ","px ","px;\n"],["\n  max-width: 300px;\n  padding: 0 ","px ","px;\n"])),spacingM,spacingM);var TooltipTitle=_styled(FormattedMessageWithStyle).withConfig({displayName:"ChannelSelector__TooltipTitle",componentId:"sc-2h27u4-3"})(templateObject_4$7$2||(templateObject_4$7$2=__makeTemplateObject$1(["\n  font-size: ","px;\n  // this needs to be 10px but the channels already have margin top of 6px\n  margin-bottom: ","px;\n"],["\n  font-size: ","px;\n  // this needs to be 10px but the channels already have margin top of 6px\n  margin-bottom: ","px;\n"])),fontSizeMedium,spacingS-spacingXs);var templateObject_1$r$2,templateObject_2$m$1,templateObject_3$e$2,templateObject_4$7$2;var ToolbarSearch=function ToolbarSearch(_a){var searchText=_a.searchText,onSearchTextChange=_a.onSearchTextChange,onExecuteSearch=_a.onExecuteSearch,onSearchIconClick=_a.onSearchIconClick,onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged;return jsxs(Fragment,{children:[jsx$1(SearchBoxLargeScreen,{children:jsx$1(SearchBox,{searchText:searchText,onSearchTextChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,onSearchInputFieldVisibilityChanged:onSearchInputFieldVisibilityChanged,isToolbarMode:true},void 0)},void 0),jsx$1(SearchIconSmallScreen,{children:jsx$1(ToolbarIconButton,{iconName:"Search",onClick:onSearchIconClick,tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0)},void 0)]},void 0);};var SearchBoxLargeScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchBoxLargeScreen",componentId:"sc-1f480ry-0"})(templateObject_1$q$2||(templateObject_1$q$2=__makeTemplateObject$1(["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var SearchIconSmallScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchIconSmallScreen",componentId:"sc-1f480ry-1"})(templateObject_2$l$1||(templateObject_2$l$1=__makeTemplateObject$1(["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),minScreenSize.medium);var templateObject_1$q$2,templateObject_2$l$1;var Toolbar$1=function Toolbar(_a){var leftSide=_a.leftSide,hideLeftSide=_a.hideLeftSide,rightSide=_a.rightSide,hideRightSide=_a.hideRightSide,search=_a.search,className=_a.className,children=_a.children;var _b=useState$2(false),isSearchInputFieldVisible=_b[0],setIsSearchInputFieldVisible=_b[1];return jsxs(Host$b$2,__assign$1({className:className,"data-content-toolbar":true},{children:[jsxs(Row,{children:[leftSide&&!hideLeftSide&&jsx$1(LeftSide$1,{children:leftSide},void 0),(rightSide||search)&&!hideRightSide&&jsxs(RightSide$1,{children:[search&&jsx$1(ToolbarSearch,{searchText:search.searchText,onSearchTextChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,onSearchIconClick:handleSearchIconClick,onSearchInputFieldVisibilityChanged:function(isVisible){return setIsSearchInputFieldVisible(isVisible);}},void 0),rightSide]},void 0)]},void 0),children,search&&isSearchInputFieldVisible&&jsx$1(SearchInputRow,{children:jsx$1(Search,{onClear:handleClearSearch,searchText:search.searchText,onChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,useLightTheme:true},void 0)},void 0)]}),void 0);function handleSearchIconClick(){var shouldShowSearch=!isSearchInputFieldVisible;if(shouldShowSearch){setIsSearchInputFieldVisible(true);}else {handleClearSearch();}}function handleClearSearch(){var _a;(_a=search.onSearchTextChange)===null||_a===void 0?void 0:_a.call(search,'');setIsSearchInputFieldVisible(false);}};var Host$b$2=_styled.div.withConfig({displayName:"Toolbar__Host",componentId:"sc-16ftbxt-0"})(templateObject_1$p$2||(templateObject_1$p$2=__makeTemplateObject$1(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ",";\n  box-shadow: 1px 1px 4px grey;\n  padding: ","px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"],["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ",";\n  box-shadow: 1px 1px 4px grey;\n  padding: ","px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"])),function(p){return p.theme.palette.white;},spacingXxs);var LeftSide$1=_styled.div.withConfig({displayName:"Toolbar__LeftSide",componentId:"sc-16ftbxt-1"})(templateObject_2$k$2||(templateObject_2$k$2=__makeTemplateObject$1(["\n  display: flex;\n\n  flex-wrap: nowrap;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"],["\n  display: flex;\n\n  flex-wrap: nowrap;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"])));var RightSide$1=_styled.div.withConfig({displayName:"Toolbar__RightSide",componentId:"sc-16ftbxt-2"})(templateObject_3$d$2||(templateObject_3$d$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n"])));var Row=_styled.div.withConfig({displayName:"Toolbar__Row",componentId:"sc-16ftbxt-3"})(templateObject_4$6$2||(templateObject_4$6$2=__makeTemplateObject$1(["\n  display: flex;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"],["\n  display: flex;\n  flex: 1 1 auto;\n\n  min-width: 0;\n"])));var SearchInputRow=_styled.div.withConfig({displayName:"Toolbar__SearchInputRow",componentId:"sc-16ftbxt-4"})(templateObject_5$3$2||(templateObject_5$3$2=__makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),minScreenSize.medium);var templateObject_1$p$2,templateObject_2$k$2,templateObject_3$d$2,templateObject_4$6$2,templateObject_5$3$2;_styled(Toolbar$1).withConfig({displayName:"ChromelessToolbar__StyledToolbar",componentId:"sc-1vovywb-0"})(templateObject_1$o$2||(templateObject_1$o$2=__makeTemplateObject$1(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);createGlobalStyle(templateObject_2$j$2||(templateObject_2$j$2=__makeTemplateObject$1(["\n  [data-detail-page-container] {\n    [data-content-toolbar] {\n      @media (max-width: ","px) {\n        margin-top: ","px;\n      }\n    }\n  }\n"],["\n  [data-detail-page-container] {\n    [data-content-toolbar] {\n      @media (max-width: ","px) {\n        margin-top: ","px;\n      }\n    }\n  }\n"])),minScreenSize.large,spacingM);var templateObject_1$o$2,templateObject_2$j$2;// todo: Apply this to all pages and make sure it works in IE
 _styled.p.withConfig({displayName:"PageDescription",componentId:"sc-xcsmz7-0"})(templateObject_1$n$2||(templateObject_1$n$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  line-height: 1.5em;\n  span {\n    flex: 1 1 100%;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  line-height: 1.5em;\n  span {\n    flex: 1 1 100%;\n  }\n"])));var templateObject_1$n$2;_styled.div.withConfig({displayName:"DragSource__Host",componentId:"sc-qzjyds-0"})(templateObject_1$m$2||(templateObject_1$m$2=__makeTemplateObject$1([""],[""])));var templateObject_1$m$2;var EmojiButton=function EmojiButton(_a){var onEmojiSelected=_a.onEmojiSelected,disabled=_a.disabled;var iconButton=useRef$1(null);var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];var formatMessage=useIntl().formatMessage;return jsxs(Fragment,{children:[jsx$1(ButtonWrapper,__assign$1({ref:iconButton},{children:jsx$1(IconButton,{"data-emoji-button":true,iconProps:{iconName:'Emoji2'},onClick:function(){return setShowCallout(true);},disabled:disabled,ariaLabel:formatMessage({id:'AriaLabel.emojiButton'})},void 0)}),void 0),showCallout&&jsx$1(StyledCallout$2,__assign$1({directionalHint:DirectionalHint.topCenter,target:iconButton.current,onDismiss:function(){return setShowCallout(false);},isBeakVisible:false,gapSpace:10,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:jsx$1(EmojiPicker,{onSelect:handleSelect},void 0)}),void 0)]},void 0);function handleSelect(emoji){setShowCallout(false);onEmojiSelected(emoji.native);}};var ButtonWrapper=_styled.div.withConfig({displayName:"EmojiButton__ButtonWrapper",componentId:"sc-1eq2zlz-0"})(templateObject_1$l$2||(templateObject_1$l$2=__makeTemplateObject$1([""],[""])));var StyledCallout$2=_styled(Callout).withConfig({displayName:"EmojiButton__StyledCallout",componentId:"sc-1eq2zlz-1"})(templateObject_2$i$2||(templateObject_2$i$2=__makeTemplateObject$1(["\n  border-radius: 10px;\n  overflow: hidden;\n"],["\n  border-radius: 10px;\n  overflow: hidden;\n"])));var LazyEmojiPicker=/*#__PURE__*/lazy$1(function(){return import('./EmojiPicker.esm.esm.js');});var EmojiPicker=function EmojiPicker(_a){var onSelect=_a.onSelect;var windowSize=useWindowSize$2();return jsx$1(Suspense,__assign$1({fallback:jsx$1(EmojiPickerSuspenseHost,__assign$1({isSmaller:windowSize.width<minScreenSize.small},{children:jsx$1(Spinner,{},void 0)}),void 0)},{children:jsx$1(LazyEmojiPicker,{onSelect:onSelect},void 0)}),void 0);};var EmojiPickerSuspenseHost=_styled.div.withConfig({displayName:"EmojiButton__EmojiPickerSuspenseHost",componentId:"sc-1eq2zlz-2"})(templateObject_3$c$2||(templateObject_3$c$2=__makeTemplateObject$1(["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ","px;\n  height: 400px;\n"],["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ","px;\n  height: 400px;\n"])),function(p){return p.isSmaller?319:400;});var templateObject_1$l$2,templateObject_2$i$2,templateObject_3$c$2;var GiphyAttribution=function GiphyAttribution(){var env=useConfiguration();return jsx$1(AttributionHost,{children:jsx$1("a",__assign$1({href:"https://giphy.com",target:"_blank",rel:"noreferrer"},{children:jsx$1("img",{src:env.webAppUrl+"/assets/giphy/PoweredBy_200px-White_HorizText.png",alt:"Giphy Attribution"},void 0)}),void 0)},void 0);};var AttributionHost=_styled.div(templateObject_1$k$2||(templateObject_1$k$2=__makeTemplateObject$1(["\n  text-align: right;\n  margin-top: ","px;\n"],["\n  text-align: right;\n  margin-top: ","px;\n"])),spacingXs);var templateObject_1$k$2;var GifSelector=function GifSelector(_a){var _b,_c;var onGifClick=_a.onGifClick,className=_a.className;var clientConfig=useClientConfig();var formatMessage=useIntl().formatMessage;var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);var _d=useState$2(null),searchText=_d[0],setSearchText=_d[1];var debouncedSearchText=useDebounce(searchText,500)[0];var windowSize=useWindowSize$2();var _e=usePromise$2(getGifs,null,[debouncedSearchText]),gifs=_e[0],loading=_e[1];var gifSize=windowSize.width<550?80:100;return jsxs(Host$9$2,__assign$1({className:className},{children:[jsx$1(SearchBox$1,{placeholder:formatMessage({id:'Gif.searchPlaceHolder'}),iconProps:{iconName:'Search'},onChange:function(_,v){return setSearchText(v);},autoFocus:true},void 0),jsxs(GifContainer,__assign$1({columnWidth:gifSize},{children:[loading&&jsx$1(Spinner,{delay:300},void 0),((_b=gifs===null||gifs===void 0?void 0:gifs.data)===null||_b===void 0?void 0:_b.length)===0&&jsx$1(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0),(_c=gifs===null||gifs===void 0?void 0:gifs.data)===null||_c===void 0?void 0:_c.map(function(g){return jsx$1(ClickableGif,{gif:g,width:gifSize,height:gifSize,noLink:true,hideAttribution:true,onGifClick:onGifClick},g.id);})]}),void 0)]}),void 0);function getGifs(){if(!debouncedSearchText){return gf.trending({limit:21});}return gf.search(debouncedSearchText,{limit:21});}};var Host$9$2=_styled.div.withConfig({displayName:"GifSelector__Host",componentId:"sc-lame6k-0"})(templateObject_1$j$2||(templateObject_1$j$2=__makeTemplateObject$1(["\n  padding: ","px;\n"],["\n  padding: ","px;\n"])),spacingXs);var GifContainer=_styled.div.withConfig({displayName:"GifSelector__GifContainer",componentId:"sc-lame6k-1"})(templateObject_2$h$2||(templateObject_2$h$2=__makeTemplateObject$1(["\n  margin-top: ","px;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, ","px);\n  grid-gap: ","px;\n  justify-content: space-around;\n"],["\n  margin-top: ","px;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, ","px);\n  grid-gap: ","px;\n  justify-content: space-around;\n"])),spacingS,function(p){return p.columnWidth;},spacingXs);var ClickableGif=_styled(dist$4.Gif).withConfig({displayName:"GifSelector__ClickableGif",componentId:"sc-lame6k-2"})(templateObject_3$b$2||(templateObject_3$b$2=__makeTemplateObject$1(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));var templateObject_1$j$2,templateObject_2$h$2,templateObject_3$b$2;var GifSelectorCallout=function GifSelectorCallout(_a){var target=_a.target,onGifClick=_a.onGifClick,onDismiss=_a.onDismiss;return jsxs(StyledCallout$1$1,__assign$1({directionalHint:DirectionalHint.topCenter,target:target,onDismiss:onDismiss,isBeakVisible:false,gapSpace:10,preventDismissOnResize:true,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:[jsx$1(StyledGifSelector,{onGifClick:onGifClick},void 0),jsx$1(GiphyAttribution,{},void 0)]}),void 0);};var StyledCallout$1$1=_styled(Callout)(templateObject_1$i$2||(templateObject_1$i$2=__makeTemplateObject$1(["\n  border-radius: 10px;\n  overflow: hidden;\n  width: 360px;\n  height: 450px;\n"],["\n  border-radius: 10px;\n  overflow: hidden;\n  width: 360px;\n  height: 450px;\n"])));var StyledGifSelector=_styled(GifSelector)(templateObject_2$g$2||(templateObject_2$g$2=__makeTemplateObject$1(["\n  overflow-y: auto;\n  height: 400px;\n"],["\n  overflow-y: auto;\n  height: 400px;\n"])));var templateObject_1$i$2,templateObject_2$g$2;createGlobalStyle(templateObject_1$h$2||(templateObject_1$h$2=__makeTemplateObject$1(["\n  .lt-reach.dialog-gif-selector {\n    .ms-Dialog-main {\n      width: 400px !important;\n\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n}\n"],["\n  .lt-reach.dialog-gif-selector {\n    .ms-Dialog-main {\n      width: 400px !important;\n\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n}\n"])),maxScreenSize.small);_styled(GifSelector).withConfig({displayName:"GifSelectorDialog__StyledDialogGifSelector",componentId:"sc-t6p48w-0"})(templateObject_2$f$2||(templateObject_2$f$2=__makeTemplateObject$1(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var templateObject_1$h$2,templateObject_2$f$2;var GifButton=function GifButton(_a){var disabled=_a.disabled,onGifClick=_a.onGifClick;var features=useFeatures();var formatMessage=useIntl().formatMessage;var refGifButton=useRef$1();var _b=useState$2(false),showGifSelector=_b[0],setShowGifSelector=_b[1];if(!features.giphy){return null;}return jsxs("div",{children:[jsx$1("div",__assign$1({ref:refGifButton},{children:jsx$1(IconButton,{iconProps:{iconName:'Gif'},onClick:function(){return setShowGifSelector(true);},disabled:disabled,"data-button-type":"gif",ariaLabel:formatMessage({id:'AriaLabel.gifButton'})},void 0)}),void 0),showGifSelector&&jsx$1(Fragment,{children:jsx$1(GifSelectorCallout,{target:refGifButton.current,onGifClick:handleGifClick,onDismiss:function(){return setShowGifSelector(false);}},void 0)},void 0)]},void 0);function handleGifClick(gif){setShowGifSelector(false);onGifClick({id:gif.id.toString(),filename:gif.title,url:gif.embed_url,type:AttachmentType.Giphy});}};var GifView=function GifView(_a){var gifInfo=_a.gifInfo,className=_a.className;var clientConfig=useClientConfig();var _b=useState$2(),gif=_b[0],setGif=_b[1];useEffect$1(function(){var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);gf.gif(gifInfo.id).then(function(r){return setGif(r.data);});},[clientConfig.giphy.apiKey,gifInfo.id]);if(!gif){return null;}return jsx$1(Host$8$1,__assign$1({className:className},{children:jsx$1(StyledGif,{gif:gif,width:300,noLink:true,hideAttribution:true},void 0)}),void 0);};var Host$8$1=_styled.div(templateObject_1$g$2||(templateObject_1$g$2=__makeTemplateObject$1([""],[""])));var StyledGif=_styled(dist$4.Gif)(templateObject_2$e$2||(templateObject_2$e$2=__makeTemplateObject$1(["\n  && {\n    max-width: 100%;\n  }\n\n  @media (max-width: ","px) {\n    /* because the style is inline set we need to overwrite it via !important */\n    width: auto !important;\n    height: auto !important;\n    > div {\n      width: auto !important;\n      height: auto !important;\n\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n  }\n"],["\n  && {\n    max-width: 100%;\n  }\n\n  @media (max-width: ","px) {\n    /* because the style is inline set we need to overwrite it via !important */\n    width: auto !important;\n    height: auto !important;\n    > div {\n      width: auto !important;\n      height: auto !important;\n\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$g$2,templateObject_2$e$2;var GifEditList=function GifEditList(_a){var attachments=_a.attachments,onDeleteClick=_a.onDeleteClick,className=_a.className;var formatMessage=useIntl().formatMessage;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsx$1(Host$7$1,__assign$1({className:className,"data-gif-attachment-list":true},{children:gifs.map(function(gif){return jsx$1(StyledAttachmentHost$1,__assign$1({domIdentifier:"gif",deleteButton:jsx$1(DeleteAttachmentButton,{"data-remove-attachment-button":gif.id,iconProps:{iconName:'ChromeClose'},onClick:function(){return onDeleteClick(gif);},ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:jsx$1(GifView,{gifInfo:gif},void 0)}),gif.id);})}),void 0);};var Host$7$1=_styled.div.withConfig({displayName:"GifEditList__Host",componentId:"sc-95dldh-0"})(templateObject_1$f$2||(templateObject_1$f$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n"])));var StyledAttachmentHost$1=_styled(AttachmentHost).withConfig({displayName:"GifEditList__StyledAttachmentHost",componentId:"sc-95dldh-1"})(templateObject_2$d$2||(templateObject_2$d$2=__makeTemplateObject$1(["\n  width: auto;\n"],["\n  width: auto;\n"])));var templateObject_1$f$2,templateObject_2$d$2;var GifList=function GifList(_a){var attachments=_a.attachments,className=_a.className;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsx$1(Host$6$2,__assign$1({className:className,"data-gif-url-preview":gifs[0].id},{children:jsx$1(StyledAttachmentHost,{children:jsx$1(GifView,{gifInfo:gifs[0]},void 0)},void 0)}),void 0);};var Host$6$2=_styled.div.withConfig({displayName:"GifList__Host",componentId:"sc-8gg7fj-0"})(templateObject_1$e$2||(templateObject_1$e$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n"])));var StyledAttachmentHost=_styled(AttachmentHost).withConfig({displayName:"GifList__StyledAttachmentHost",componentId:"sc-8gg7fj-1"})(templateObject_2$c$2||(templateObject_2$c$2=__makeTemplateObject$1(["\n  width: auto;\n  margin: ","px 0 0 0;\n"],["\n  width: auto;\n  margin: ","px 0 0 0;\n"])),spacingS);var templateObject_1$e$2,templateObject_2$c$2;var PageViewType;(function(PageViewType){PageViewType["PostsGroupView"]="PostsGroupView";})(PageViewType||(PageViewType={}));function usePageViewTracker(basePath,itemId,viewType){var _this=this;var user=useCurrentUser();var sendBeacon=useBeaconHandler();var onRequestToken=useContext(AuthenticationContext).onRequestToken;var performanceTimer=usePerformanceTimer();var viewEndCallback=useRef$1(function(){return null;});useBeforeUnload$2(trackViewEnd);useEffect$1(function(){(function(){return __awaiter$1(_this,void 0,void 0,function(){var currentToken;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!itemId||!user){return [2/*return*/];}return [4/*yield*/,onRequestToken()];case 1:currentToken=_a.sent();viewEndCallback.current=trackPageView(basePath,user.subscription.id,itemId,viewType,currentToken);return [2/*return*/];}});});})();return function(){return trackViewEnd();};// eslint-disable-next-line react-hooks/exhaustive-deps
 },[itemId,basePath,viewType]);function trackViewEnd(){if(viewEndCallback.current){viewEndCallback.current();}}function trackPageView(basePath,subscriptionId,itemId,viewType,accessToken){var sessionId=uuid_1$1.v4().toString();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId,accessToken,subscriptionId,{viewType:viewType});performanceTimer.start();var wasEndSessionExecuted=false;return function(){// only execute it once
 if(wasEndSessionExecuted){return;}wasEndSessionExecuted=true;var duration=performanceTimer.end();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId+"/duration",accessToken,subscriptionId,{duration:duration,viewType:viewType});};}}function useUserPropertyDefinitionsHandler(){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var defaultProperties={displayName:{},mobilePhone:{iconName:'cellPhone'},jobTitle:{iconName:'contactCard'},company:{iconName:'EMI'},address:{iconName:'MapPin'},notes:{iconName:'ContactInfo'}};return {getPropertyLabel:getLabel,getPropertyIcon:getIcon};function getLabel(definition){var language=getPreferredSupportedUiLanguage(user.preferredUiLanguage);var translations=definition.translations||{};var defaultPropertyNames=Object.keys(defaultProperties);return language&&translations[language]||translations[user.subscription.defaultLanguage]||definition.label||defaultPropertyNames.some(function(p){return p===definition.name;})&&formatMessage({id:"Generic."+definition.name})||definition.name;}function getIcon(definition){var _a,_b;return (_b=(_a=defaultProperties[definition.name])===null||_a===void 0?void 0:_a.iconName)!==null&&_b!==void 0?_b:'UserOptional';}}var IconWithCallout=function IconWithCallout(props){var _a;var _b;var iconRef=useRef$1(null);var _c=useState$2(false),showCallout=_c[0],setShowCallout=_c[1];return jsxs(Host$5$1,__assign$1({className:props.className},(_a={},_a[props.dataAttribute]=true,_a),{ref:iconRef},{children:[jsx$1(StyledIconButton$1,{"data-icon-with-callout":true,iconProps:{iconName:props.icon},onClick:handleIconClick,ariaLabel:props.ariaLabel,disabled:props.disabled},void 0),showCallout&&jsx$1(StyledCallout$5,__assign$1({className:"icon-with-callout-content",target:iconRef,directionalHint:// DirectionalHint.topLeftEdge has the value "0". Hence we cannot use the || operator...
@@ -77957,9 +77959,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
   }), void 0);
 };
 
-var version$1 = "0.3.93";
-var buildId = "102898";
-var commitId = "b651e43d45935884e796ec346fe3cbcf0d896374";
+var version$1 = "0.3.95";
+var buildId = "102956";
+var commitId = "3833b87fdef7ff802ea015cdf8a983f61f57efa8";
 var isCustomerBuild = false;
 var buildInfo = {
 	version: version$1,
@@ -124006,6 +124008,29 @@ var StyledIconButton = _styled(IconButton$1).withConfig({
 
 var templateObject_1$n, templateObject_2$f, templateObject_3$b, templateObject_4$a, templateObject_5$8, templateObject_6$8, templateObject_7$6, templateObject_8$5;
 
+var ChannelSelectorWrapper = function ChannelSelectorWrapper(_a) {
+  var onChannelsChanged = _a.onChannelsChanged,
+      defaultSelectedChannels = _a.defaultSelectedChannels,
+      className = _a.className;
+
+  var _b = useState$2(defaultSelectedChannels),
+      channels = _b[0],
+      setChannels = _b[1];
+
+  return jsx$1(ChannelSelector, {
+    inlineControls: true,
+    selectedChannelNames: channels,
+    onChannelsChanged: function (ch) {
+      onChannelsChanged(ch);
+      setChannels(ch.map(function (c) {
+        return c.name;
+      }));
+    },
+    placeholder: "Generic.none",
+    className: className
+  }, void 0);
+};
+
 var NewsGridCard = function NewsGridCard(_a) {
   var _b;
 
@@ -130480,4 +130505,4 @@ var ToolbarFilterSearch = _styled(FilterSearch).withConfig({
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n  max-width: 250px;\n  min-width: 250px;\n  width: 250px;\n"], ["\n  max-width: 250px;\n  min-width: 250px;\n  width: 250px;\n"])));
 var templateObject_1;
 
-export { ToolbarEventViewSelector as $, Avatar as A, NewsDetailPreview as B, NewsItemPreviewContextProvider as C, ToolbarFilterPanel as D, EventDetail as E, ToolbarFilterModal as F, ToolbarFilterModalButton as G, ChannelFilter as H, ItemLayoutMode as I, ChannelToolbarFilter as J, PublishingDateToolbarFilter as K, PublishingDateFilter as L, ManageChannels as M, NewsDetail as N, ClearAllFiltersButton as O, PropTypes$2 as P, KeywordsFilter as Q, ReachContextProvider as R, KeywordsToolbarFilter as S, ThemeContext$1 as T, UserDetails as U, VerticalFilterPanel as V, AuthorToolbarFilter as W, AuthorFilter as X, FilterSearch as Y, ToolbarFilterSearch as Z, _assertThisInitialized$b as _, commonjsGlobal$7 as a, EventView as a0, _setPrototypeOf$6 as b, commonjsRequire as c, _defineProperty$p as d, _extends$9 as e, minScreenSize as f, PageDetail as g, NewsList as h, NewsGrid as i, EventsGrid as j, EventsList as k, useCurrentUser as l, moment$1 as m, NewsHero as n, NewsEditorDashboard as o, EventsEditorDashboard as p, Toolbar$1 as q, ToolbarIconButton as r, ToolbarChannelSelector as s, ToolbarMarkAllEventsAsReadButton as t, useWindowSize$2 as u, ToolbarMarkAllNewsAsReadButton as v, ToolbarCloseButton as w, NewsItemContextProvider as x, ToolbarNewsLanguageSelector as y, ToolbarManageNewsItemButton as z };
+export { ToolbarEventViewSelector as $, Avatar as A, NewsDetailPreview as B, NewsItemPreviewContextProvider as C, ToolbarFilterPanel as D, EventDetail as E, ToolbarFilterModal as F, ToolbarFilterModalButton as G, ChannelFilter as H, ItemLayoutMode as I, ChannelToolbarFilter as J, PublishingDateToolbarFilter as K, PublishingDateFilter as L, ManageChannels as M, NewsDetail as N, ClearAllFiltersButton as O, PropTypes$2 as P, KeywordsFilter as Q, ReachContextProvider as R, KeywordsToolbarFilter as S, ThemeContext$1 as T, UserDetails as U, VerticalFilterPanel as V, AuthorToolbarFilter as W, AuthorFilter as X, FilterSearch as Y, ToolbarFilterSearch as Z, _assertThisInitialized$b as _, commonjsGlobal$7 as a, EventView as a0, ChannelSelectorWrapper as a1, _setPrototypeOf$6 as b, commonjsRequire as c, _defineProperty$p as d, _extends$9 as e, minScreenSize as f, PageDetail as g, NewsList as h, NewsGrid as i, EventsGrid as j, EventsList as k, useCurrentUser as l, moment$1 as m, NewsHero as n, NewsEditorDashboard as o, EventsEditorDashboard as p, Toolbar$1 as q, ToolbarIconButton as r, ToolbarChannelSelector as s, ToolbarMarkAllEventsAsReadButton as t, useWindowSize$2 as u, ToolbarMarkAllNewsAsReadButton as v, ToolbarCloseButton as w, NewsItemContextProvider as x, ToolbarNewsLanguageSelector as y, ToolbarManageNewsItemButton as z };