@clickview/lite 0.52.3-dev.1 → 0.52.3-dev.2

package/dist/scripts/9173-f9708ec0de-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9173-f9708ec0de-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/utils/LinkifyHelper.ts","file:///app/packages/libs/shared/src/apps/calendar/components/special-event-list-item/special-event-list-item.scss","file:///app/packages/libs/shared/src/apps/calendar/components/special-event-list-item/SpecialEventListItem.tsx","file:///app/packages/libs/shared/src/apps/calendar/flight-request/CalendarRequests.ts","file:///app/packages/libs/shared/src/apps/discover/components/header/discover-header.scss","file:///app/packages/libs/shared/src/apps/discover/components/header/DiscoverHeader.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","file:///app/packages/libs/shared/src/enums/ClassificationStatus.ts","file:///app/packages/libs/shared/src/apps/calendar/components/calendar-cell/calendar-cell.scss","file:///app/packages/libs/shared/src/apps/calendar/components/calendar-cell/CalendarCell.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/empty-state/SpecialEventEmptyState.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/special-event-list/special-event-list.scss","file:///app/packages/libs/shared/src/apps/calendar/components/special-event-list/SpecialEventList.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/calendar-body/calendar-body.scss","file:///app/packages/libs/shared/src/apps/calendar/components/calendar-body/CalendarBody.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/calendar-nav/calendar-nav.scss","file:///app/packages/libs/shared/src/apps/calendar/components/calendar-nav/CalendarNav.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/error-state/SpecialEventErrorState.tsx","file:///app/packages/libs/shared/src/apps/calendar/hooks/useCalendarWeeksTable.ts","file:///app/packages/projects/lite/src/apps/calendar/views/calendar-view/CalendarViewUtils.ts","file:///app/packages/projects/lite/src/apps/calendar/views/calendar-view/CalendarView.tsx","file:///app/packages/libs/shared/src/apps/calendar/hooks/useCalendarEventsData.ts","file:///app/packages/projects/lite/src/apps/dashboard/views/dashboard/DiscoverViewUtils.ts","file:///app/packages/projects/lite/src/shared/hooks/useShowCalendar.ts","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss"],"sourcesContent":["import { ObjectHash } from 'backbone';\nimport linkifyStr from 'linkifyjs/string';\nimport * as _ from 'underscore';\n\nconst BaseLinkifyOptions = {\n  className: 'info-link',\n  defaultProtocol: 'https'\n};\n\nexport const LinkifyHelper = {\n  /**\n   * The underlying linkifyStr interface escapes text within the input string\n   */\n  linkifyText(text: string, options?: ObjectHash): string {\n    if (!text) return;\n    const ops = options ? _.extend({}, BaseLinkifyOptions, options) : BaseLinkifyOptions;\n    return linkifyStr(text, ops);\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"modalWidth\":\"SgHYb\",\"banner\":\"PLw1p\",\"pill\":\"UNBr0\",\"logo\":\"xv_tc\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { LinkifyHelper } from 'libs/common/react/utils/LinkifyHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { ComingSoonTag } from 'libs/shared/apps/calendar/components/coming-soon-tag/ComingSoonTag';\nimport { SpecialEventHelper } from 'libs/shared/apps/calendar/utils/SpecialEventHelper';\nimport { ActionButton } from 'libs/shared/components/actions/ActionButton';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ClassificationStatus } from 'libs/shared/enums/ClassificationStatus';\nimport { CalendarEvent, CalendarEventContent } from 'libs/shared/interfaces';\n\nimport styles from './special-event-list-item.scss';\n\ninterface SpecialEventListItemProps {\n  getAppLink: (content: CalendarEventContent, name: string) => Core.AppLink;\n  event: CalendarEvent<CalendarEventContent>;\n  onClick?: () => void;\n  inPopup?: boolean;\n  presentationId: string;\n  headingClassName?: string;\n  getIconUrl?: (content: CalendarEventContent) => string;\n  getBackgroundColor?: (content: CalendarEventContent) => string;\n  getBannerUrl?: (content: CalendarEventContent) => string;\n  getActionLabel?: () => string;\n  getStartTime?: (content: CalendarEventContent) => string;\n  isPastEvent?: (content: CalendarEventContent) => boolean;\n}\n\nexport function SpecialEventListItem(props: SpecialEventListItemProps): JSX.Element {\n  const appLink = props.getAppLink(props.event.content, TextHelper.slugify(props.event.name));\n\n  const backgroundColor = props.getBackgroundColor?.(props.event.content);\n  const iconUrl = props.getIconUrl?.(props.event.content);\n  const bannerUrl = props.getBannerUrl?.(props.event.content);\n  const multiDayEvent = !!props.event.endDate;\n  const isComingSoon = props.event.content.status === ClassificationStatus.ComingSoon;\n  const startTime = props.getStartTime?.(props.event.content);\n  const actionLabel = props.getActionLabel?.();\n\n  const analyticsOptions: AnalyticsOptions = {\n    actionType: UserAction.Click,\n    entity: EntityType.SpecialEvent,\n    location: props.inPopup ? LocationContext.CalendarPopup : LocationContext.CalendarDay\n  };\n  const analyticsData = {\n    topicId: props.event.content.id,\n    eventId: props.event.specialEventId,\n    presentationId: props.presentationId,\n    date: DateHelper.format(new Date(props.event.startDate), 'YYYY-MM-DD'),\n    status: props.event.content.status\n  };\n\n  return (\n    <div>\n      {startTime && (\n        <h6>{startTime}</h6>\n      )}\n\n      <div onClick={() => {\n        if (isComingSoon)\n          AnalyticsHelper.logUserAction(analyticsData, analyticsOptions);\n      }}>\n        <AppLink\n          appLink={!isComingSoon && appLink}\n          className={`${!isComingSoon ? 'cursor-pointer' : ''} text-decoration-none`}\n          onClick={props.onClick}\n          analyticsOptions={analyticsOptions}\n          analyticsData={analyticsData}\n        >\n          <div\n            className={`banner rounded-3 position-relative ${styles.banner}`}\n            style={{ backgroundColor, backgroundImage: `url('${bannerUrl}')` }}\n          >\n            <div className={`d-flex justify-content-between align-items-center w-100 h-100 px-3`}>\n              <div className='d-flex align-items-center'>\n                {iconUrl && (\n                  <div className={`${styles.logo} rounded-circle flex-shrink-0 overflow-hidden me-2`}>\n                    <BaseImage data={iconUrl} />\n                  </div>\n                )}\n                <div className='text-white'>\n                  {isComingSoon && <ComingSoonTag className={`pe-2 fw-semibold mb-1 rounded-pill justify-content-start ${styles.pill}`}/>}\n      \n                  {multiDayEvent && (\n                    <div className='mb-1'>{SpecialEventHelper.getDisplayDate(props.event.startDate, props.event.endDate)}</div>\n                  )}\n                  <h2 className={`h4 text-white text-shadow ${props.event.description ? 'clamp-2' : 'clamp-1'}`} title={props.event.name}>{props.event.name}</h2>\n      \n                </div>\n              </div>\n\n              <div className='d-none d-sm-block flex-shrink-0'>\n                {!isComingSoon && (\n                  <ActionButton className='btn btn-outline-dark fw-semibold'>\n                    {actionLabel}\n                  </ActionButton>\n                )}\n              </div>\n            </div>\n          </div>\n        </AppLink>\n        <div className='mt-2 mb-3 pre-wrap text-break' dangerouslySetInnerHTML={{ __html: LinkifyHelper.linkifyText(props.event.description || props.event.content.description) }}/>\n      </div>\n    </div>\n  );\n}\n","import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { CalendarEvent, CalendarEventContentType } from 'libs/shared/interfaces';\n\nexport const CalendarRequests = {\n  calendarEvents(\n    from: string,\n    to: string,\n    presentationId: string\n  ): Flight.PublicRequest {\n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/discover/special-events/content', { from, to, presentationId }),\n      publicUrl: UrlHelper.urlBuilder(`/api/discover/special-events/content`, { from, to, presentationId }),\n      key: `presentation:${presentationId}:events:from:${from}:to${to}`\n    };\n  },\n\n  nextTopicSpecialEvent(\n    classificationId: string,\n    presentationId: string\n  ): Flight.PublicRequest {\n    const params = {\n      presentationId,\n      limit: 1,\n      from: DateHelper.format(new Date(), 'YYYY-MM-DD'),\n      objectType: CalendarEventContentType.Classification\n    };\n\n    return {\n      url: UrlHelper.urlBuilder(`{gateway}/v1/discover/special-events/object/${classificationId}/next-events`, params),\n      publicUrl: UrlHelper.urlBuilder(`/api/discover/special-events/object/${classificationId}/next-events`, params),\n      key: `presentation:${presentationId}:events:classification:${classificationId}`,\n      formatData: (events: CalendarEvent[]) => ArrayHelper.first(events)\n    };\n  }\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"pillTab\":\"bMJM0\"};","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { DashboardUserType } from 'libs/shared/interfaces';\n\nimport styles from './discover-header.scss';\n\nconst namespace = 'discover.header';\n\nexport interface DiscoverHeaderAppLinks {\n  forYou: Core.AppLink;\n  whatsNew: Core.AppLink;\n  calendar: Core.AppLink;\n}\n\ninterface DiscoverHeaderProps {\n  type: DashboardUserType;\n  hasStudentExperience?: boolean;\n  appLinks?: DiscoverHeaderAppLinks;\n  showCalendar: boolean;\n  active: keyof DiscoverHeaderAppLinks;\n}\n\nexport function DiscoverHeader(props: DiscoverHeaderProps): JSX.Element {\n  if (!props.type)\n    return <></>;\n\n  if (props.type === DashboardUserType.Learner || props.hasStudentExperience) {\n    return (\n      <div className='py-3'>\n        <h1 className='h2 mb-0'>\n          <Text namespace={namespace} phrase='heading' />\n        </h1>\n      </div>\n    );\n  }\n\n  const tabs = [{\n    name: LanguageService.getPhrase(namespace, 'forYou'),\n    appLink: props.appLinks?.forYou,\n    active: props.active === 'forYou',\n    analyticsData: {\n      name: LanguageService.getPhrase(namespace, 'forYou'),\n      url: AppLinkHelper.getHref(props.appLinks?.forYou)\n    },\n    analyticsOptions: {\n      actionType: UserAction.Click,\n      entity: EntityType.Url,\n      location: LocationContext.MagicTabs\n    }\n  }, {\n    name: LanguageService.getPhrase(namespace, 'whatsNew'),\n    appLink: props.appLinks?.whatsNew,\n    active: props.active === 'whatsNew',\n    analyticsData: {\n      name: LanguageService.getPhrase(namespace, 'whatsNew'),\n      url: AppLinkHelper.getHref(props.appLinks?.whatsNew)\n    },\n    analyticsOptions: {\n      actionType: UserAction.Click,\n      entity: EntityType.Url,\n      location: LocationContext.MagicTabs\n    }\n  }];\n\n  if (props.showCalendar) {\n    tabs.push({\n      name: LanguageService.getPhrase(namespace, 'calendar'),\n      appLink: props.appLinks?.calendar,\n      active: props.active === 'calendar',\n      analyticsData: {\n        name: LanguageService.getPhrase(namespace, 'calendar'),\n        url: AppLinkHelper.getHref(props.appLinks?.calendar)\n      },\n      analyticsOptions: {\n        actionType: UserAction.Click,\n        entity: EntityType.Url,\n        location: LocationContext.MagicTabs\n      }\n    });\n  }\n\n  return (\n    <div className='py-3 text-center'>\n      <PillTabSelector\n        tabs={tabs}\n        className={styles.pillTab}\n      />\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.scss';\n\ninterface TabContentsProps {\n  tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svgName && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svgName={props.tab.svgName} />\n        </div>\n      )}\n\n      {props.tab.name}\n\n      {typeof (props.tab.count) === 'number' && (\n        <div className='ps-2'>\n          <Badge type={BadgeType.Count} data={props.tab.count} />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svgName?: string;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  containerRef?: (el: HTMLElement) => void;\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n  borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n\n  return (\n    <nav className={props.className ?? ''} ref={props.containerRef}>\n      <ul className={`\n        list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n        ${props.borderRadius ? styles.radiusSmall : ''}\n        ${props.listClassName}\n      `}>\n        {props.tabs.map((tab, index) => {\n          return (\n            <li\n              className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n              key={index}\n            >\n              {tab.appLink ? (\n                <AppLink\n                  appLink={tab.appLink}\n                  analyticsData={tab.analyticsData}\n                  analyticsOptions={tab.analyticsOptions}\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                >\n                  <TabContents tab={tab} />\n                </AppLink>\n              ) : (\n                <DivButton\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ${styles.tabLink}\n                  `}\n                  onClick={() => onSelectTab(tab)}\n                >\n                  <TabContents tab={tab} />\n                </DivButton>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n","// Maps to enum in SubjectApi but uses the\n// key rather than the value as SubjectsApi returns the key.\nexport enum ClassificationStatus {\n  Draft = 'Draft',\n  ComingSoon = 'ComingSoon',\n  Published = 'Published'\n}","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"WRLhh\",\"weekend\":\"mF0ka\"};","import React from 'react';\n\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { CalendarDay } from 'libs/shared/apps/calendar/components/calendar-day/CalendarDay';\nimport { CalendarCellProps } from 'libs/shared/apps/calendar/interfaces/CalendarCellProps';\nimport { HoverToPortalContainer } from 'libs/shared/components/hover-to-portal-container/HoverToPortalContainer';\n\nimport styles from './calendar-cell.scss';\n\nfunction getIsWeekend(date: Date): boolean {\n  return DateHelper.getWeekday(date) === 0 || DateHelper.getWeekday(date) === 6;\n}\n\nexport function CalendarCell(props: CalendarCellProps): JSX.Element {\n  const { date, notCurrentMonth } = props;\n  const [ sliderStep, setSliderStep ] = React.useState<number>(0);\n\n  let wrapperClassname = `position-relative border ${props.theme.border} ${styles.wrapper}`;\n  if (getIsWeekend(date)) wrapperClassname += ` ${styles.weekend}`;\n  if (notCurrentMonth) wrapperClassname += `opacity-50`;\n\n  const eventsOnDay = props.events?.filter(e => DateHelper.isSame(props.date, e.startDate)) || [];\n  const updatedProps = { ...props, eventsOnDay, sliderStep, setSliderStep };\n\n  return (\n    <td className={wrapperClassname}>\n      {eventsOnDay?.length > 0 ? (\n        <HoverToPortalContainer<CalendarCellProps>\n          hoverableComponent={CalendarDay}\n          componentProps={updatedProps}\n          hoverScale={1.35}\n        />\n      ) : <CalendarDay {...updatedProps} isHovering={false} />}\n    </td>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'specialEvent.eventsEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SpecialEventEmptyStateProps {\n  appLink: Core.AppLink;\n  imageUrl: string;\n  heading?: string;\n}\n\nexport function SpecialEventEmptyState(props: SpecialEventEmptyStateProps): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={props.imageUrl} altText={getPhrase('info')} />\n        <EmptyState.Heading>{props.heading || <Text phrase='heading' />}</EmptyState.Heading>\n        {props.appLink &&\n        <EmptyState.Info>\n          <>\n            <Text namespace={namespace} phrase='info' />\n            <AppLink appLink={props.appLink}>\n              <span className='text-info'>{getPhrase('link')}</span>\n            </AppLink>\n          </>\n        </EmptyState.Info>\n        }\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"date\":\"k2lLG\",\"first\":\"E18Bv\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { SpecialEventListItem } from 'libs/shared/apps/calendar/components/special-event-list-item/SpecialEventListItem';\nimport { SpecialEventHelper } from 'libs/shared/apps/calendar/utils/SpecialEventHelper';\nimport { CalendarEvent, CalendarEventContent } from 'libs/shared/interfaces';\n\nimport styles from './special-event-list.scss';\n\ninterface SpecialEventListProps {\n  events: CalendarEvent[];\n  presentationId: string;\n  appLink: (content: CalendarEventContent, slug?: string) => Core.AppLink;\n  getIconUrl?: (content: CalendarEventContent) => string;\n  getBannerUrl?: (content: CalendarEventContent) => string;\n  getBackgroundColor?: (content: CalendarEventContent) => string;\n  getActionLabel?: (content?: CalendarEventContent) => string;\n  getStartTime?: (content: CalendarEventContent) => string;\n  isPastEvent?: (content: CalendarEventContent) => boolean;\n}\n\nexport function SpecialEventList(props: SpecialEventListProps): JSX.Element {\n  const eventsInMonth: Record<string, CalendarEvent<CalendarEventContent>[]> = {};\n\n  props.events.forEach(e => {\n    const startDate = e.startDate;\n    if (eventsInMonth[startDate]) {\n      eventsInMonth[startDate].push(e);\n    } else {\n      eventsInMonth[startDate] = [e];\n    }\n  });\n\n  const keys = Object.keys(eventsInMonth);\n  keys.sort((a, b) => DateHelper.isBefore(a, b) ? -1 : 0);\n\n  return (\n    <div className='py-1'>\n      {keys.map((k, idx) => {\n        let prevTime = '';\n        let currentTime = '';\n        return (\n          <div key={k}>\n            <div className={`h4 mt-4 ${styles.date} ${idx === 0 ? styles.first : ''}`}>{SpecialEventHelper.getOrdinalDate(k)}</div>\n            {eventsInMonth[k].map(e => {\n              prevTime = currentTime;\n              currentTime = props.getStartTime?.(e.content);\n\n              return (\n                <SpecialEventListItem\n                  key={e.content.id}\n                  getAppLink={(id, name) => {\n                    return props.appLink(id, TextHelper.slugify(name));\n                  }}\n                  event={e}\n                  presentationId={props.presentationId}\n                  getIconUrl={props.getIconUrl}\n                  getBannerUrl={props.getBannerUrl}\n                  getBackgroundColor={props.getBackgroundColor}\n                  getActionLabel={() => props.getActionLabel(e.content)}\n                  getStartTime={props.getStartTime && prevTime !== currentTime\n                    ? props.getStartTime\n                    : null\n                  }\n                  isPastEvent={props.isPastEvent}\n                />\n              );\n            })}\n          </div>\n        );\n      })}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"header\":\"sTIcQ\",\"thead\":\"ekxZd\"};","import React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { CalendarCell } from 'libs/shared/apps/calendar/components/calendar-cell/CalendarCell';\nimport { CalendarAppLinks } from 'libs/shared/apps/calendar/interfaces/CalendarAppLinks';\nimport { CalendarImageUrls } from 'libs/shared/apps/calendar/interfaces/CalendarImageUrls';\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { MonthQuery } from 'libs/shared/apps/calendar/interfaces/MonthQuery';\nimport { PatchedDate } from 'libs/shared/apps/calendar/utils/CalendarHelper';\nimport { SpecialEventHelper } from 'libs/shared/apps/calendar/utils/SpecialEventHelper';\nimport { Timezone } from 'libs/shared/apps/streamable-learning/constants/Timezones';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { CalendarEvent, CalendarEventContent } from 'libs/shared/interfaces';\n\nimport { SpecialEventEmptyState } from '../empty-state/SpecialEventEmptyState';\nimport { SpecialEventList } from '../special-event-list/SpecialEventList';\n\nimport styles from './calendar-body.scss';\n\nCalendarBody.defaultProps = {\n  theme: {\n    border: 'border-light-blue',\n    background: 'bg-light-blue'\n  }\n};\n\ninterface CalendarBodyProps {\n  weekDays: PatchedDate[][];\n  weekDaysHeader: string[];\n  events?: CalendarEvent[];\n  monthQuery: MonthQuery;\n  viewingMonth: Date;\n  eventsLoaded: boolean;\n  presentationId: string;\n  appLinks: CalendarAppLinks;\n  imageUrls: CalendarImageUrls;\n  viewMode?: string;\n  theme?: CalendarTheme;\n  emptyStateHeading?: string;\n  fadePastEvents?: boolean;\n  timezone?: Timezone;\n  getIconUrl?: (content: CalendarEventContent) => string;\n  getBackgroundColor?: (content: CalendarEventContent) => string;\n  getBannerUrl?: (content: CalendarEventContent) => string;\n  getCoverUrl?: (content: CalendarEventContent) => string;\n  getActionLabel?: (content?: CalendarEventContent) => string;\n  getStartTime?: (content: CalendarEventContent) => string;\n  getHardCodedEvent?: (content: CalendarEventContent) => HashObject;\n  isPastEvent?: (content: CalendarEventContent) => boolean;\n}\n\nexport function CalendarBody(props: CalendarBodyProps): JSX.Element {\n  const { appLinks, imageUrls } = props;\n\n  const breakpoints = useBreakpoints();\n\n  const eventsInMonth = SpecialEventHelper.getEventsInMonth(props.events || [], props.viewingMonth);\n\n  const [ hasInitialized, setHasInitialized ] = React.useState(false);\n  const [ hoveredEvent, setHoveredEvent ] = React.useState<CalendarEvent<CalendarEventContent>>(null);\n\n  if (props.eventsLoaded && !eventsInMonth?.length) {\n    return (\n      <SpecialEventEmptyState\n        imageUrl={imageUrls.emptyState}\n        appLink={appLinks.emptyStateRedirect?.()}\n        heading={props.emptyStateHeading}\n      />\n    );\n  }\n\n  if (props.viewMode === 'list' || breakpoints.xs || breakpoints.sm || breakpoints.md) {\n    if (!props.eventsLoaded) {\n      return (\n        <div className='d-flex justify-content-center align-items-center mb-4'>\n          <Spinner as='div' animation='border' role='status' />\n        </div>\n      );\n    }\n\n    return (\n      <SpecialEventList\n        events={eventsInMonth}\n        presentationId={props.presentationId}\n        appLink={props.appLinks.event}\n        getIconUrl={props.getIconUrl}\n        getBannerUrl={props.getBannerUrl}\n        getBackgroundColor={props.getBackgroundColor}\n        getActionLabel={props.getActionLabel}\n        getStartTime={props.getStartTime}\n        isPastEvent={props.isPastEvent}\n      />\n    );\n  }\n\n  return (\n    <table className='user-select-none w-100 mt-3 overflow-hidden rounded-top-lg'>\n      <thead className={`border ${props.theme.border} ${styles.thead}`}>\n        <tr className={`fw-semibold ${props.theme.background} ${styles.header}`}>\n          {props.weekDaysHeader.map(w => <th key={w} className='px-2 h4' scope='col'>{w}</th>)}\n        </tr>\n      </thead>\n\n      <tbody>\n        {props.weekDays.map(w => (\n          <tr key={w[0].toString()}>\n            {w.map(d => {\n              return (\n                <CalendarCell\n                  key={d.toString()}\n                  date={d}\n                  notCurrentMonth={!!d.notCurrentMonth}\n                  events={props.events}\n                  monthQuery={props.monthQuery}\n                  hasInitialized={hasInitialized}\n                  setHasInitialized={setHasInitialized}\n                  presentationId={props.presentationId}\n                  hoveredEvent={hoveredEvent}\n                  theme={props.theme}\n                  setHoveredEvent={setHoveredEvent}\n                  getEventsListAppLink={() => props.appLinks.eventList(props.monthQuery, d, props.presentationId)}\n                  getTopicAppLink={(calendarEventContent, slug) =>\n                    props.appLinks.event(calendarEventContent, slug)}\n                  getIconUrl={props.getIconUrl}\n                  getBackgroundColor={props.getBackgroundColor}\n                  getCoverUrl={props.getCoverUrl}\n                  getHardCodedEvent={props.getHardCodedEvent}\n                  fadePastEvents={props.fadePastEvents}\n                  timezone={props.timezone}\n                />\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"chevron\":\"U_GAM\",\"left\":\"t_wDz\",\"right\":\"KgpGw\",\"viewModeContainer\":\"csNfk\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { AnalyticsOptions, CalendarDisplayModeDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { CalendarAppLinks } from 'libs/shared/apps/calendar/interfaces/CalendarAppLinks';\nimport { CalendarViewMode } from 'libs/shared/apps/calendar/interfaces/CalendarViewMode';\nimport { canNavToOtherMonths } from 'libs/shared/apps/calendar/utils/CalendarHelper';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './calendar-nav.scss';\n\nconst namespace = 'specialEventCalendar.calendarNav';\n\ninterface CalendarNavProps extends React.PropsWithChildren {\n  monthDate: Date;\n  appLinks: CalendarAppLinks;\n  viewMode?: CalendarViewMode;\n  queryParams?: HashObject;\n  setViewingMonthDate: (date?: Date) => void;\n  setViewMode?: (viewMode: CalendarViewMode) => void;\n}\n\ninterface ViewModeSwitcherProps {\n  viewMode: CalendarViewMode;\n  setViewMode?: (viewMode: CalendarViewMode) => void;\n}\n\nfunction ViewModeSwitcher(props: ViewModeSwitcherProps): JSX.Element {\n  return (\n    <div className={`${styles.viewModeContainer} d-none d-lg-block`}>\n      <IconButton\n        svgName={cvSvgLibrary.Calendar}\n        className={`${props.viewMode === 'calendar' ? 'bg-dark text-white' : ''} btn btn-outline-dark rounded-start rounded-end-0 border-end-0 px-3 h-100`}\n        onClick={() => props.setViewMode('calendar')}\n        analyticsData={{}}\n        analyticsOptions={{\n          entity: EntityType.AppLink,\n          actionType: UserAction.Click,\n          descriptor: CalendarDisplayModeDescriptor.Calendar,\n          location: LocationContext.CalendarNav\n        }}\n      />\n      <IconButton\n        svgName={cvSvgLibrary.TableOfContents}\n        className={`${props.viewMode === 'list' ? 'bg-dark text-white' : ''} btn btn-outline-dark rounded-end rounded-start-0 border-start-0 px-3 h-100`}\n        onClick={() => props.setViewMode('list')}\n        analyticsData={{}}\n        analyticsOptions={{\n          entity: EntityType.AppLink,\n          actionType: UserAction.Click,\n          descriptor: CalendarDisplayModeDescriptor.List,\n          location: LocationContext.CalendarNav\n        }}\n      />\n    </div>\n  );\n}\n\ninterface NavigateButtonProps {\n  action: 'next' | 'previous';\n  appLink?: Core.AppLink;\n  analyticsOptions?: AnalyticsOptions;\n  analyticsData?: HashObject;\n  onClick: () => void;\n}\n\nfunction NavigateButton(props: NavigateButtonProps): JSX.Element {\n  const arrowSvg = props.action === 'previous' ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\n  const className = props.action === 'previous' ? styles.left : styles.right;\n\n  function onClick() {\n    Core.AppLinkHelper.trigger(props.appLink);\n\n    props.onClick();\n  }\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n      className={`${styles.chevron} ${className} border border-dark rounded-circle bg-white d-flex align-items-center justify-content-center`}\n      onClick={onClick}\n    >\n      <SvgContainer\n        svgName={arrowSvg}\n        size={SvgContainerSize.Medium}\n        className={`svg-container d-inline-block ${styles.svg}`}\n      />\n    </AppLink>\n  );\n}\n\nconst CUR_DATE = new Date();\n\nexport function CalendarNav(props: CalendarNavProps): JSX.Element {\n  const { appLinks } = props;\n\n  const breakpoints = useBreakpoints();\n  \n  function getAppLink(monthDate?: Date): Core.AppLink {\n    const month = DateHelper.format(monthDate, 'MMMM').toLocaleLowerCase();\n\n    const appLink: Core.AppLink = appLinks.month(month);\n\n    const params: HashObject = {};\n\n    if (monthDate) {\n      const currentYear = new Date().getFullYear();\n      const year = monthDate.getFullYear();\n      \n      if (currentYear !== year)\n        params.year = year;\n    }\n\n    if (props.queryParams?.classification)\n      params.classification = props.queryParams.classification;\n\n    if (props.queryParams?.yearGroup)\n      params.yearGroup = props.queryParams.yearGroup;\n\n    appLink.params = params;\n\n    return appLink;\n  }\n\n  function onClickNext () {\n    const nextMonth = DateHelper.add(props.monthDate, 1, 'month');\n    props.setViewingMonthDate(nextMonth);\n  }\n\n  function onClickPrevious() {\n    const prevMonth = DateHelper.subtract(props.monthDate, 1, 'month');\n    props.setViewingMonthDate(prevMonth);\n  }\n\n  function onClickToday() {\n    if (DateHelper.format(CUR_DATE, 'M YY') === DateHelper.format(props.monthDate, 'M YY')) return;\n    \n    props.setViewingMonthDate();\n  }\n  \n  const { showPrev, showNext } = canNavToOtherMonths(props.monthDate);\n\n  const analyticsOptions: AnalyticsOptions = {\n    actionType: UserAction.Click,\n    entity: EntityType.SpecialEvent,\n    location: LocationContext.CalendarNav\n  };\n\n  function formatAnalyticDataDate(date: Date) {\n    return DateHelper.format(date, 'YYYY-MM-DD');\n  }\n  return (\n    <div className='d-flex flex-wrap gap-3 justify-content-end align-items-center'>\n      <h1 className='mb-0 h2 me-auto'>{DateHelper.format(props.monthDate, breakpoints.xs ? 'MMM YYYY' : 'MMMM YYYY')}</h1>\n\n      {props.children}\n\n      {props.setViewMode && (\n        <ViewModeSwitcher viewMode={props.viewMode} setViewMode={props.setViewMode} />\n      )}\n      <div className='d-flex gap-3'>\n        {showPrev && (\n          <NavigateButton\n            appLink={getAppLink(DateHelper.startOf(DateHelper.subtract(props.monthDate, 1, 'month'), 'month'))}\n            action='previous'\n            onClick={onClickPrevious}\n            analyticsOptions={analyticsOptions}\n            analyticsData={{ action: 'previous', date: formatAnalyticDataDate(DateHelper.startOf(DateHelper.add(props.monthDate, 1, 'month'), 'month')) }}\n          />\n        )}\n        <AppLink\n          appLink={getAppLink()}className={`${styles.todayWrapper} btn btn-outline-dark fw-semibold`}\n          onClick={onClickToday}\n          analyticsOptions={analyticsOptions}\n          analyticsData={{ action: 'today', date: formatAnalyticDataDate(DateHelper.startOf(CUR_DATE, 'month')) }}\n        >\n          {LanguageService.getPhrase(namespace, 'today')}\n        </AppLink>\n        {showNext && (\n          <NavigateButton\n            appLink={getAppLink(DateHelper.startOf(DateHelper.add(props.monthDate, 1, 'month'), 'month'))}\n            analyticsOptions={analyticsOptions}\n            analyticsData={{ action: 'next', date: formatAnalyticDataDate(DateHelper.startOf(DateHelper.add(props.monthDate, 1, 'month'), 'month')) }}\n            action='next'\n            onClick={onClickNext}\n          />\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'specialEvent.eventsErrorState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SpecialEventErrorStateProps {\n  imageUrl: string;\n  appLink: Core.AppLink;\n}\n\nexport function SpecialEventErrorState(props: SpecialEventErrorStateProps): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={props.imageUrl} />\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n        <EmptyState.Info>\n          <Text namespace={namespace} phrase='info' />\n          <br/>\n          <AppLink appLink={props.appLink}>\n            <span className='text-info'>{getPhrase('link')}</span>\n          </AppLink>\n        </EmptyState.Info>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { CalendarAppLinks } from 'libs/shared/apps/calendar/interfaces/CalendarAppLinks';\n\nimport { buildWeeksTable, DatePositionMap, initWeekDays, PatchedDate, WeeksTable } from '../utils/CalendarHelper';\n\ntype Cache = Record<string, {\n    datePositionMap: DatePositionMap,\n    weeksTable: WeeksTable\n  }>\n\nconst TODAY_DATE = new Date();\n\nexport function useCalendarWeeksTable(date: Date = TODAY_DATE, appLinks: CalendarAppLinks, startAtMon: boolean = true) {\n  const weekDaysHeader = initWeekDays(startAtMon);\n\n  const cacheRef = React.useRef<Cache>({});\n\n  const [ weekDays, setWeekDays ] = React.useState<PatchedDate[][]>([]);\n  const monthDateString = DateHelper.format(date, 'YYYY-MM');\n  React.useEffect(() => {\n    const cached = cacheRef.current[monthDateString];\n    if (!cached) {\n      const { weeksTable, datePositionMap } = buildWeeksTable(date, startAtMon);\n     \n      cacheRef.current[monthDateString] = { weeksTable, datePositionMap };\n\n      setWeekDays(weeksTable);\n    } else {\n      setWeekDays(cached.weeksTable);\n    }\n  }, [DateHelper.format(date, 'YYYY-MM')]);\n\n  function setViewingMonthDate(nextMonthDate?: Date) {\n    if (!nextMonthDate) {\n      Core.AppLinkHelper.trigger(appLinks.calendar());\n\n      return;\n    }\n\n    if (monthDateString !== DateHelper.format(nextMonthDate, 'YYYY-MM')) {\n      const month = DateHelper.format(nextMonthDate, 'MMMM').toLocaleLowerCase();\n\n      const currentYear = new Date().getFullYear();\n      const year = date.getFullYear();\n\n      const appLink: Core.AppLink = appLinks.month(month);\n\n      if (currentYear !== year)\n        appLink.params = { year };\n\n      Core.AppLinkHelper.trigger(appLink);\n    }\n  }\n\n  const startDate = ArrayHelper.first(ArrayHelper.first(weekDays));\n  const endDate = ArrayHelper.last(ArrayHelper.last(weekDays));\n\n  return { weekDaysHeader, weekDays, monthDate: date, setMonthDate: setViewingMonthDate, startDate, endDate };\n}","import { CalendarAppLinks } from 'libs/shared/apps/calendar/interfaces/CalendarAppLinks';\nimport { CalendarImageUrls } from 'libs/shared/apps/calendar/interfaces/CalendarImageUrls';\nimport { MonthQuery } from 'libs/shared/apps/calendar/interfaces/MonthQuery';\nimport { PatchedDate } from 'libs/shared/apps/calendar/utils/CalendarHelper';\nimport { CountryCode } from 'libs/shared/enums/CountryCode';\nimport { Classification } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { ClassificationAppLinkHelper } from 'shared/utils/ClassificationAppLinkHelper';\n\nexport function getCalendarImageUrls(countryCode?: CountryCode): CalendarImageUrls {\n  switch (countryCode?.toLocaleLowerCase()) {\n    case CountryCode.AU:\n      return {\n        emptyState: ImageUrls.EmptyStates.CALENDAR.NO_EVENTS_AU,\n        errorState: ImageUrls.EmptyStates.CALENDAR.INVALID_DATE\n      };\n\n    case CountryCode.US:\n      return {\n        emptyState: ImageUrls.EmptyStates.CALENDAR.NO_EVENTS_US,\n        errorState: ImageUrls.EmptyStates.CALENDAR.INVALID_DATE\n      };\n\n    case CountryCode.UK:\n      return {\n        emptyState: ImageUrls.EmptyStates.CALENDAR.NO_EVENTS_UK,\n        errorState: ImageUrls.EmptyStates.CALENDAR.INVALID_DATE\n      };\n\n    default:\n      return {\n        emptyState: ImageUrls.EmptyStates.CALENDAR.NO_EVENTS,\n        errorState: ImageUrls.EmptyStates.CALENDAR.INVALID_DATE\n      };\n  }\n}\n\nexport function getCalendarAppLinks(): CalendarAppLinks {\n  return {\n    calendar: () => ({ application: AppChannels.CALENDAR, action: Actions.Calendar.CALENDAR }),\n    month: (month: string) => ({\n      application: AppChannels.CALENDAR,\n      action: Actions.Calendar.CALENDAR_MONTH,\n      args: [month]\n    }),\n    event: (classification: Classification, slug: string) => {\n      return ClassificationAppLinkHelper.getAppLink({ ...classification, name: slug || classification.name });\n    },\n    eventList: (monthQuery: MonthQuery, date: PatchedDate, presentationId: string) => ({\n      application: AppChannels.CALENDAR,\n      action: Actions.Calendar.SPECIAL_EVENT_LIST,\n      params: {\n        ...monthQuery,\n        date: date.toString(),\n        presentationId: presentationId\n      }\n    }),\n    emptyStateRedirect: () => ({\n      application: AppChannels.CONTENT_UPDATES,\n      action: Actions.ContentUpdates.CONTENT_UPDATES\n    })\n  };\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/react/index';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { CalendarBody } from 'libs/shared/apps/calendar/components/calendar-body/CalendarBody';\nimport { CalendarNav } from 'libs/shared/apps/calendar/components/calendar-nav/CalendarNav';\nimport { SpecialEventErrorState } from 'libs/shared/apps/calendar/components/error-state/SpecialEventErrorState';\nimport { useCalendarEventsData } from 'libs/shared/apps/calendar/hooks/useCalendarEventsData';\nimport { useCalendarWeeksTable } from 'libs/shared/apps/calendar/hooks/useCalendarWeeksTable';\nimport { CalendarQueryParams } from 'libs/shared/apps/calendar/interfaces/CalendarQueryParams';\nimport { getIsValidMonth, parseMonthString } from 'libs/shared/apps/calendar/utils/CalendarHelper';\nimport { DiscoverHeader } from 'libs/shared/apps/discover/components/header/DiscoverHeader';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, CurrentUser, DashboardUserType } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\nimport { useShowCalendar } from 'shared/hooks/useShowCalendar';\nimport { REGIONAL_CALENDAR_INDEXABILITY } from 'shared/utils/LiteRegionHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\n\nimport { getCalendarAppLinks, getCalendarImageUrls } from 'apps/calendar/views/calendar-view/CalendarViewUtils';\nimport { getDiscoverHeaderAppLinks } from 'apps/dashboard/views/dashboard/DiscoverViewUtils';\n\nconst namespace = 'specialEventCalendar.calendarView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface CalendarViewProps {\n  month?: string\n  presentationSlug?: string;\n}\n\nexport function CalendarView(props: CalendarViewProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n  const { activePresentation } = usePresentation({ redirectOnError: true });\n  const { showCalendar, isLoading } = useShowCalendar();\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const isValidMonth = getIsValidMonth(props.month);\n\n  React.useEffect(() => {\n    if (!isLoading && !showCalendar)\n      Core.AppLinkHelper.trigger(getDiscoverHeaderAppLinks().forYou, { replace: true });\n  }, [ showCalendar, isLoading ]);\n\n  const viewingMonth = parseMonthString(props.month);\n  \n  const {\n    monthDate,\n    setMonthDate,\n    weekDays,\n    weekDaysHeader,\n    startDate, endDate\n  } = useCalendarWeeksTable(viewingMonth, getCalendarAppLinks());\n\n  const { events, loaded } = useCalendarEventsData(viewingMonth, activePresentation.id);\n\n  const currentMonthYear = DateHelper.format(monthDate, 'MMMM YYYY');\n\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: currentMonthYear,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink<keyof CalendarQueryParams>({ allowedParams: ['year']}),\n    allowIndexing: SeoHelper.allowIndexing(),\n    hrefLang: SeoHelper.getStaticRouteHrefLang(\n      activePresentation?.learningLevel,\n      getCalendarAppLinks().calendar,\n      REGIONAL_CALENDAR_INDEXABILITY\n    )\n  }));\n\n  if (props.month !== null && !isValidMonth) {\n    return (\n      <SpecialEventErrorState\n        imageUrl={getCalendarImageUrls().errorState}\n        appLink={getCalendarAppLinks().calendar()}\n      />\n    );\n  }\n\n  function getIconUrl(classification: Classification, hardCodedEvent?: HashObject): string {\n    return hardCodedEvent\n    // in calendar we use hardcoded icon for hardcoded event\n      ? ImageHelper.createUrl((hardCodedEvent.iconUrl), { size: ImageSize.Medium })\n      : ImageHelper.createUrl(classification.icon?.url, { size: ImageSize.Small });\n  }\n\n  function getCoverUrl(classification: Classification): string {\n    return ImageHelper.createUrl(classification.cover?.url, { size: ImageSize.Small });\n  }\n\n  function getActionLabel(): string {\n    return !breakpoints.xs ? getPhrase('buttonLabel') : getPhrase('mobileButtonLabel');\n  }\n\n  function getHardCodedEvent(classification: Classification): HashObject {\n    return HardCoded.SpecialEvents[classification.id as keyof typeof HardCoded.SpecialEvents];\n  }\n\n  if (isLoading || !activePresentation?.id || !currentUser.data.countryCode)\n    return <></>;\n\n  return (\n    <div className='bg-white px-3'>\n      <DiscoverHeader\n        type={DashboardUserType.Staff}\n        appLinks={getDiscoverHeaderAppLinks()}\n        showCalendar={showCalendar}\n        active='calendar'\n      />\n      <CalendarNav monthDate={monthDate} setViewingMonthDate={setMonthDate} appLinks={getCalendarAppLinks()} />\n      <CalendarBody\n        weekDays={weekDays}\n        weekDaysHeader={weekDaysHeader}\n        events={events}\n        monthQuery={{ from: startDate?.toString(), to: endDate?.toString() }}\n        viewingMonth={viewingMonth}\n        eventsLoaded={loaded}\n        presentationId={activePresentation.id}\n        appLinks={getCalendarAppLinks()}\n        imageUrls={getCalendarImageUrls(currentUser.data.countryCode)}\n        getIconUrl={(classification: Classification) => getIconUrl(classification, getHardCodedEvent(classification))}\n        getCoverUrl={getCoverUrl}\n        getBackgroundColor={(classification: Classification) => classification.metadata?.backgroundColor}\n        getBannerUrl={(classification: Classification) => classification.banner?.url}\n        getActionLabel={getActionLabel}\n        getHardCodedEvent={getHardCodedEvent}\n      />\n    </div>\n  );\n}","import { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { CalendarEvent } from 'libs/shared/interfaces';\n\nimport { CalendarRequests } from '../flight-request/CalendarRequests';\nimport { getCalendarRange } from '../utils/CalendarHelper';\n\nexport function useCalendarEventsData(viewMonth: Date, presentationId: string) {\n  const pid = presentationId;\n  const [ startDate, endDate ] = getCalendarRange(viewMonth);\n\n  const nextMonth = DateHelper.add(viewMonth, 1, 'month');\n  const [ nextStartDate, nextEndDate ] = getCalendarRange(nextMonth);\n\n  const prevMonth = DateHelper.subtract(viewMonth, 1, 'month');\n  const [ prevStartDate, prevEndDate ] = getCalendarRange(prevMonth);\n\n  const events = Flight.useBasicFetch<CalendarEvent[]>((startDate && endDate && pid)\n    && CalendarRequests.calendarEvents(DateHelper.format(startDate, 'YYYY-MM-DD'), DateHelper.format(endDate, 'YYYY-MM-DD'), pid));\n  const nextEvents = Flight.useBasicFetch<CalendarEvent[]>((nextStartDate && nextEndDate && pid)\n    && CalendarRequests.calendarEvents(DateHelper.format(nextStartDate, 'YYYY-MM-DD'), DateHelper.format(nextEndDate, 'YYYY-MM-DD'), pid));\n  const prevEvents = Flight.useBasicFetch<CalendarEvent[]>((prevStartDate && prevEndDate && pid)\n    && CalendarRequests.calendarEvents(DateHelper.format(prevStartDate, 'YYYY-MM-DD'), DateHelper.format(prevEndDate, 'YYYY-MM-DD'), pid));\n\n  const uniqueEventList = ArrayHelper.uniq(\n    [ ...prevEvents.data || [], ...events.data || [], ...nextEvents.data || [] ],\n    e => e.specialEventPolicyId\n  );\n\n  return { events: uniqueEventList, loaded: events.hasCompleted };\n}","import { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { DiscoverHeaderAppLinks } from 'libs/shared/apps/discover/components/header/DiscoverHeader';\nimport { OnboardingScreenId } from 'libs/shared/apps/onboarding/interfaces/OnboardingScreenId';\nimport { RatingFilterHelper } from 'libs/shared/apps/search/utils/RatingFilterHelper';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { Classification, Company, Playlist, Rating, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { ClassificationAppLinkHelper } from 'shared/utils/ClassificationAppLinkHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst CLASSIFICATION_LATEST_RELEASES = 'classification-latest-releases';\n\nexport function getDiscoverWidgetAppLinks(\n  params: HashObject\n): WidgetAppLinks {\n  return {\n    classification: (classification?: Classification) =>\n      ClassificationAppLinkHelper.getAppLink(classification, params || {}),\n\n    videoType: (video: VideoTypes, opts: GetVideoAppLinkOptions) => (\n      VideoAppLinkHelper.getAppLink(video, {\n        ...opts,\n        context: RelatedVideosContext.Widget\n      })\n    ),\n\n    series: SeriesAppLinkHelper.getSeriesAppLink,\n\n    subText: (video: Video) => SeriesAppLinkHelper.getSeriesAppLink(video.series),\n\n    playlist: (playlist: Playlist) => ({\n      application: AppChannels.PLAYLISTS,\n      action: Actions.Playlists.PLAYLIST,\n      args: [ playlist.id, TextHelper.slugify(playlist.name) ]\n    }),\n    \n    latestReleases: () => ({\n      application: AppChannels.CONTENT_UPDATES,\n      action: Actions.ContentUpdates.CONTENT_UPDATES\n    }),\n\n    allTopics: () => ({\n      application: AppChannels.SUBJECT,\n      action: Actions.Subjects.CLASSIFICATION_ALL\n    }),\n\n    classificationLatestReleases: (classification: Classification) => {\n      if (classification.id === CLASSIFICATION_LATEST_RELEASES)\n        return {\n          application: AppChannels.CONTENT_UPDATES,\n          action: Actions.ContentUpdates.CONTENT_UPDATES\n        };\n\n      return {\n        application: AppChannels.CONTENT_UPDATES,\n        action: Actions.ContentUpdates.CLASSIFICATION_UPDATE,\n        args: [ classification.id, TextHelper.slugify(classification.name) ]\n      };\n    },\n\n    widgetVideoList: (widgetId: string, widgetName: string) => ({\n      application: AppChannels.DASHBOARD,\n      action: Actions.Dashboard.DASHBOARD,\n      args: [ widgetId, TextHelper.slugify(widgetName) ]\n    }),\n\n    watchHistory: () => ({\n      application: AppChannels.WATCH_HISTORY,\n      action: Actions.WatchHistory.HOME\n    }),\n\n    rating: (rating: Rating, ratings: Rating[]) => ({\n      application: AppChannels.SEARCH,\n      action: Actions.Search.HOME,\n      params: {\n        moviesAndTv: true,\n        rating: RatingFilterHelper.getFrontendParamValue([ ArrayHelper.first(ratings), rating ])\n      }\n    }),\n\n    company: (company: Company) => ({\n      application: AppChannels.MOVIES_AND_TV,\n      action: Actions.MoviesAndTv.COMPANY_DASHBOARD,\n      args: [ company.id, TextHelper.slugify(company.name) ]\n    }),\n\n    discover: () => ({\n      application: AppChannels.DASHBOARD,\n      action: Actions.Dashboard.HOME\n    }),\n\n    calendar: () => ({\n      application: AppChannels.CALENDAR,\n      action: Actions.Calendar.CALENDAR\n    }),\n\n    calendarMonth: (month: string, year?: string) => {\n      const appLink: Core.AppLink = {\n        application: AppChannels.CALENDAR,\n        action: Actions.Calendar.CALENDAR_MONTH,\n        args: [month.toLowerCase()]\n      };\n\n      if (year)\n        appLink.params = { year };\n\n      return appLink;\n    },\n\n    onboardingStep: (step: OnboardingScreenId) => {\n      const appLinks = getOnboardingAppLinks();\n      return appLinks[step];\n    },\n\n    onboardingAppLinks: () => {\n      return getOnboardingAppLinks();\n    },\n\n    classroomGuide: VideoAppLinkHelper.getClassroomGuideAppLink,\n    interactiveGuidance: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n    resourceGuidance: VideoAppLinkHelper.getResourceGuidanceAppLink\n  };\n}\n\nexport function getDiscoverHeaderAppLinks(): DiscoverHeaderAppLinks {\n  return {\n    forYou: {\n      application: AppChannels.DASHBOARD,\n      action: Actions.Dashboard.HOME\n    },\n    whatsNew: {\n      application: AppChannels.CONTENT_UPDATES,\n      action: Actions.ContentUpdates.CONTENT_UPDATES\n    },\n    calendar: {\n      application: AppChannels.CALENDAR,\n      action: Actions.Calendar.CALENDAR\n    }\n  };\n}","import React from 'react';\n\nimport { EnvironmentVariables } from 'libs/common/backbone/services/EnvironmentVariables';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ContentRegion } from 'libs/shared/enums/ContentRegion';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { CurrentUser } from 'libs/shared/interfaces';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nconst ALLOWED_LEARNING_LEVELS_BY_REGION: Record<ContentRegion, PresentationLearningLevel[]> = {\n  [ContentRegion.AU]: [\n    // AU Primary Calendar\n    PresentationLearningLevel.Level_1\n  ],\n  [ContentRegion.US]: [\n    // US Elementary Calendar\n    PresentationLearningLevel.Level_1\n  ],\n  [ContentRegion.UK]: [\n    // UK Primary Calendar\n    PresentationLearningLevel.Level_1\n  ],\n  [ContentRegion.SCOT]: [\n    // Scotland Primary Calendar\n    PresentationLearningLevel.Level_1\n  ],\n  [ContentRegion.NZ]: [],\n  [ContentRegion.GLOBAL]: []\n};\n\nexport function useShowCalendar() {\n  const { hasSpecialEventCalendar, isLoadingSettings } = useSettings(null);\n\n  const {\n    activePresentation\n  } = usePresentation({ redirectOnError: true });\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const allowedLearningLevels = ALLOWED_LEARNING_LEVELS_BY_REGION[currentUser.data?.contentRegion];\n  const learningLevel = TopicsHelper.getMappedPresentationLevel(activePresentation?.learningLevel);\n  const learningLevelCantAccess = !allowedLearningLevels?.find(l => {\n    return l.toString() === (learningLevel as PresentationLearningLevel)?.toString();\n  });\n\n  const noSetting = !isLoadingSettings && !hasSpecialEventCalendar;\n\n  const [ showCalendar, setShowCalendar ] = React.useState<boolean>(!noSetting && !learningLevelCantAccess);\n\n  const [ isLoading, setIsLoading ] = React.useState(isLoadingSettings || !activePresentation?.id);\n\n  React.useEffect(() => {\n    if (noSetting || learningLevelCantAccess) {\n      setShowCalendar(false);\n    } else if (!isLoading) {\n      setShowCalendar(true);\n    }\n    setIsLoading(isLoadingSettings || !activePresentation?.id);\n  }, [ hasSpecialEventCalendar, activePresentation?.id, isLoading ]);\n\n  if (EnvironmentVariables.isDevelopment)\n    return { showCalendar: true, isLoading: false };\n\n  return { showCalendar, isLoading };\n}","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};"],"names":["BaseLinkifyOptions","className","defaultProtocol","LinkifyHelper","linkifyText","text","options","ops","SpecialEventListItem","props","appLink","getAppLink","event","content","TextHelper","name","backgroundColor","getBackgroundColor","iconUrl","getIconUrl","bannerUrl","getBannerUrl","multiDayEvent","endDate","isComingSoon","status","ClassificationStatus","startTime","getStartTime","actionLabel","getActionLabel","analyticsOptions","actionType","entity","location","inPopup","analyticsData","topicId","id","eventId","specialEventId","presentationId","date","DateHelper","Date","startDate","onClick","AnalyticsHelper","AppLink","style","backgroundImage","BaseImage","data","ComingSoonTag","SpecialEventHelper","description","title","ActionButton","dangerouslySetInnerHTML","__html","CalendarRequests","calendarEvents","from","to","url","publicUrl","key","nextTopicSpecialEvent","classificationId","params","limit","objectType","formatData","events","namespace","DiscoverHeader","type","hasStudentExperience","Text","phrase","tabs","LanguageService","appLinks","forYou","active","whatsNew","showCalendar","push","calendar","PillTabSelector","TabContents","tab","svgName","count","ref","containerRef","borderRadius","listClassName","map","index","onSelect","onSelectTab","defaultProps","CalendarCell","notCurrentMonth","sliderStep","setSliderStep","wrapperClassname","theme","border","getIsWeekend","eventsOnDay","filter","e","updatedProps","length","HoverToPortalContainer","hoverableComponent","CalendarDay","componentProps","hoverScale","isHovering","getPhrase","SpecialEventEmptyState","value","EmptyState","src","imageUrl","altText","heading","SpecialEventList","eventsInMonth","forEach","keys","Object","sort","a","b","k","idx","prevTime","currentTime","isPastEvent","CalendarBody","imageUrls","breakpoints","useBreakpoints","viewingMonth","hasInitialized","setHasInitialized","hoveredEvent","setHoveredEvent","eventsLoaded","emptyState","emptyStateRedirect","emptyStateHeading","viewMode","xs","sm","md","Spinner","as","animation","role","background","weekDaysHeader","w","scope","weekDays","toString","d","monthQuery","getEventsListAppLink","eventList","getTopicAppLink","calendarEventContent","slug","getCoverUrl","getHardCodedEvent","fadePastEvents","timezone","ViewModeSwitcher","IconButton","setViewMode","descriptor","Calendar","NavigateButton","arrowSvg","action","SvgContainer","size","S","CUR_DATE","CalendarNav","monthDate","month","toLocaleLowerCase","currentYear","getFullYear","year","queryParams","classification","yearGroup","showPrev","showNext","formatAnalyticDataDate","children","prevMonth","setViewingMonthDate","nextMonth","SpecialEventErrorState","TODAY_DATE","getCalendarImageUrls","countryCode","CountryCode","C","ImageUrls","errorState","getCalendarAppLinks","application","args","ClassificationAppLinkHelper","CalendarView","activePresentation","usePresentation","redirectOnError","useShowCalendar","isLoading","currentUser","UserRequests","isValidMonth","replace","startAtMon","cacheRef","setWeekDays","monthDateString","cached","current","weeksTable","datePositionMap","ArrayHelper","setMonthDate","nextMonthDate","useCalendarWeeksTable","viewMonth","pid","nextStartDate","nextEndDate","prevStartDate","prevEndDate","nextEvents","prevEvents","specialEventPolicyId","loaded","hasCompleted","useCalendarEventsData","currentMonthYear","useSetPageMetadata","PageMetadataHelper","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","allowedParams","allowIndexing","hrefLang","learningLevel","HardCoded","hardCodedEvent","ImageHelper","icon","cover","metadata","banner","CLASSIFICATION_LATEST_RELEASES","getDiscoverWidgetAppLinks","videoType","video","opts","context","series","subText","playlist","latestReleases","allTopics","classificationLatestReleases","widgetVideoList","widgetId","widgetName","watchHistory","rating","ratings","moviesAndTv","company","discover","calendarMonth","toLowerCase","onboardingStep","step","onboardingAppLinks","classroomGuide","interactiveGuidance","resourceGuidance","getDiscoverHeaderAppLinks","ALLOWED_LEARNING_LEVELS_BY_REGION","hasSpecialEventCalendar","isLoadingSettings","allowedLearningLevels","contentRegion","learningLevelCantAccess","find","l","noSetting","setShowCalendar","setIsLoading"],"sourceRoot":""}

package/dist/scripts/9230-ae200d2bd3-lite.chunk.js

@@ -0,0 +1,3 @@
+/*! For license information please see 9230-ae200d2bd3-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9230],{83657:(e,t,n)=>{n.d(t,{e:()=>s});var r=n(32735),a=n(91967),o=n(10874),i=n(76177),c=n(42735),l=n(86509);function s(e){var t=r.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],s=[];t.forEach((function(e){e.button?n.push(e):s.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),n.length||s.length?r.createElement("div",{className:u},n.length?n.map((function(t,n){return r.createElement(r.Fragment,{key:n},function(){if(t.label){var n=a.q.isFunction(t.label)?t.label:function(){return r.createElement(r.Fragment,null,t.label)};return r.createElement(c.K,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,svgSize:e.dropdownToggleSvgSize,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled},n())}var l=r.createElement(o.h,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled,showBorder:t.showBorder,customSize:e.customSize});return t.tooltip?r.createElement(i.u,{title:t.tooltip,spanHack:!0},l):l}())})):r.createElement(r.Fragment,null),e.sortComponent&&e.sortComponent,s.length?r.createElement(l.m,{actions:s,dropdownToggleClassName:e.actionsDropdownClassName,dropdownToggleSvgSize:e.dropdownToggleSvgSize,fetchMore:e.fetchMore}):r.createElement(r.Fragment,null)):r.createElement(r.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>h});var r=n(32735),a=n(91967),o=n(81886),i=n(45157),c=n(49985),l=n(36848),s=n(83914),u=n(76177),m=n(35223);const d={dropdownToggle:"UCAnJ"};function f(){return r.createElement(r.Fragment,null,r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})),r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})),r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})),r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})))}function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){var t=a.q.isFunction(e.action.label)?e.action.label:function(){return r.createElement(r.Fragment,null,e.action.label)};if(e.action.appLink)return r.createElement(l.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},e.action.svgName&&r.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),r.createElement("span",{className:"align-middle"},t()));function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&c.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),a.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&o.Q.Ab.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?r.createElement("a",{className:p(e.action.className),onClick:n,href:e.action.href},e.action.svgName&&r.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),r.createElement("span",{className:"align-middle"},t())):r.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},e.action.svgName&&r.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2"}),t())}function h(e){if(!e.actions||!e.actions.length)return r.createElement(r.Fragment,null);var t=e.actions.some((function(e){return e.lazyPlaceholder})),n="dropdown";e.className&&(n+=" ".concat(e.className));var a,o="actions-dropdown-".concat(i.Y.getRandomInt()),c="dropdown-toggle px-0 ".concat(d.dropdownToggle);return e.dropdownToggleClassName&&(c+=" ".concat(e.dropdownToggleClassName)),r.createElement("div",{className:n},r.createElement("button",{className:c,type:"button",id:o,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false","aria-label":"More actions dropdown",onClick:t?e.fetchMore:null},r.createElement(s.x,{svgName:m.vn.More,size:e.dropdownToggleSvgSize})),r.createElement("ul",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal","aria-labelledby":o},t?r.createElement(f,null):e.actions.map((function(e,t){var n=void 0!==a&&a!==e.group;return a=e.group,e.tooltip?r.createElement("li",{key:t},n&&r.createElement("hr",{className:"dropdown-divider",role:"separator"}),r.createElement(u.u,{title:e.tooltip,spanHack:!0},r.createElement(v,{action:e}))):r.createElement("li",{key:t},n&&r.createElement("hr",{className:"dropdown-divider",role:"separator"}),r.createElement(v,{action:e}))}))))}h.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:s.S.Small}},49935:(e,t,n)=>{n.d(t,{Oo:()=>v,b2:()=>h});var r=n(32735),a=n(23481),o=n(36848),i=n(86764),c=n(3747),l=n(5859),s=n(35223),u=n(83914);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var f=a.T.encloseNamespace("shared.breadcrumbComponent"),p=r.forwardRef((function(e,t){var n=e.breadcrumb,a=n.name,i=n.appLink,c=n.active,l=e.withBackIcon;return r.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?r.createElement("strong",null,a):r.createElement(o.F,{appLink:i,ref:t},l&&r.createElement(u.x,{svgName:s.vn.ChevronLeft,size:u.S.Small}),r.createElement("span",{className:l?"ms-2":""},a)))})),v=function(e){var t=e.breadcrumbs,n=(0,c.a)(i.r.XS),a=(null==t?void 0:t.length)||0,o=m(r.useState(!1),2),l=o[0],s=o[1],u=m(r.useState(!1),2),d=u[0],v=u[1],h=r.useRef();if(r.useEffect((function(){var e,n=null!==(e=null==t?void 0:t.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;a>3&&n>56&&s(!0)}),[null==t?void 0:t.length]),r.useLayoutEffect((function(){var e;d&&(null===(e=h.current)||void 0===e||e.focus())}),[h.current,d]),!a||n&&a<2)return r.createElement(r.Fragment,null);if(n)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(p,{breadcrumb:t[a-2],withBackIcon:!0})));var g=r.createElement(p,{breadcrumb:t[0]}),y=a>2?r.createElement(p,{breadcrumb:t[a-2]}):r.createElement(r.Fragment,null),b=r.createElement(p,{breadcrumb:t[a-1]}),E=t.slice(1,a-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},g,l?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){s(!1),v(!0)},"aria-label":f("expand")},"...")):E.map((function(e,t){return r.createElement(p,{key:t,breadcrumb:e,ref:0===t?h:null})})),y,b))},h=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,c.a)(i.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},l.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},61254:(e,t,n)=>{n.d(t,{s:()=>c});var r=n(32735),a=n(42648);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var c=r.forwardRef((function(e,t){var n=o(r.useState(e.containerHeight||0),2),i=n[0],c=n[1],l=o(r.useState(0),2),s=l[0],u=l[1],m=r.useRef(null);r.useEffect((function(){var t,n;e.containerHeight||c(null!==(n=null===(t=m.current)||void 0===t?void 0:t.clientHeight)&&void 0!==n?n:0)}),[m.current]);var d,f,p,v=e.items.length,h=Math.ceil(i/e.rowHeight),g=e.rowHeight*v,y=Math.max(0,Math.floor(s/e.rowHeight)-h),b=Math.min(v,y+3*h);return r.createElement("div",{style:(p=null!==(f=null===(d=m.current)||void 0===d?void 0:d.getBoundingClientRect().top)&&void 0!==f?f:0,{height:e.containerHeight||"calc(100vh - ".concat(window.pageYOffset+p+30,"px)"),minHeight:"".concat(5*e.rowHeight,"px"),overflow:"auto"}),ref:m},r.createElement(a.$B,{onScroll:function(e){u(e.currentTarget.scrollTop)},autoHeightMin:g,autoHeightMax:g,ref:t},r.createElement("div",{style:{height:g,paddingTop:y*e.rowHeight}},r.createElement("ul",{className:"w-100 position-relative d-table striped-list list-unstyled no-full-width"},!!e.staticComponentAboveRows&&e.staticComponentAboveRows,function(){for(var t=[],n=y;n<b;){var r=e.items[n];r&&t.push(e.getComponent(r,n)),n++}return t}(),!!e.staticComponentBelowRows&&e.staticComponentBelowRows))))}))},99705:(e,t,n)=>{var r,a;n.d(t,{b:()=>a}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(r||(r={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="22110291468057",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097"}(a||(a={}))},5859:(e,t,n)=>{function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,{u:()=>o});var a={numItems:5,minWidth:50,maxWidth:100},o={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},a),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},81803:(e,t,n)=>{n.d(t,{d:()=>p});var r=n(32735),a=n(81886),o=n(23481),i=n(49935),c=n(22902),l=n(14070),s=n(97291),u=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var d="settings.settingsLayout",f=function(e){var t=(0,c.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var r=a.Q.C$.getCurrentAppLink();return r.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===r.action}))}))};function p(e){var t,n=f(e.requiredPermissions);if(r.useEffect((function(){n||a.Q.C$.trigger({application:s.O.SETTINGS,action:l.e.Settings.HOME},{replace:!0})}),[n]),!n)return r.createElement(r.Fragment,null);var c,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:l.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),r.createElement("div",{className:"pb-3"},r.createElement(i.Oo,{breadcrumbs:[{name:o.T.getPhrase(d,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:l.e.Settings.HOME}}].concat((c=u,function(e){if(Array.isArray(e))return m(e)}(c)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(c)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(c)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&r.createElement(r.Fragment,null,r.createElement("p",null,e.description),r.createElement("hr",null)),e.children)}},28611:(e,t,n)=>{n.d(t,{i:()=>o});var r=n(32735);const a={numberContainer:"JBRDi"};function o(e){var t=e.number,n=e.children,o=e.className,i=void 0===o?"":o;return r.createElement("div",{className:"d-flex align-items-center mb-3 ".concat(i)},r.createElement("div",{className:"d-flex align-items-center justify-content-center bg-dark rounded-circle ".concat(a.numberContainer)},r.createElement("span",{className:"text-light"},t)),r.createElement("div",{className:"ms-2"},n))}},65271:(e,t,n)=>{n.r(t),n.d(t,{AppleTvSettingsView:()=>ne});var r=n(32735),a=n(23481),o=n(61254),i=n(16714),c=n(69883),l=n(83657),s=n(86509),u=n(83914),m=n(35223),d=n(12399);const f={indicator:"xidrU"};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var h=a.T.encloseNamespace("settings.deviceListItem");function g(e){var t=e.status,n=e.name,a=e.onUnpair,o=e.onRename;return r.createElement("li",{className:"d-flex align-items-center p-2 justify-content-between"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement(u.x,{svgName:m.vn.AppleTv,className:"svg-container me-2"}),r.createElement("div",null,n)),r.createElement("div",{className:"d-flex align-items-center"},r.createElement(E,{status:t}),o&&r.createElement(l.e,{actions:[{svgName:m.vn.Edit,className:"btn btn-link svg-container",onClick:o,button:!0,disabled:t!==d.L.Available}]}),r.createElement(s.m,{actions:[{label:h("unpairActionButton"),onClick:a}],dropdownToggleClassName:"btn ms-3"})))}var y=v(v(v({},d.L.Available,"bg-success"),d.L.Busy,"bg-warning"),d.L.Offline,"bg-gray-500"),b=v(v(v({},d.L.Available,h("availableStatusLabel")),d.L.Busy,h("busyStatusLabel")),d.L.Offline,h("offlineStatusLabel"));function E(e){var t,n,a=null!==(t=y[e.status])&&void 0!==t?t:"",o=null!==(n=b[e.status])&&void 0!==n?n:"";return r.createElement("div",{className:"d-flex align-items-center me-4"},r.createElement("div",{className:"".concat(f.indicator," ").concat(a," me-2")}),r.createElement("span",null,o))}var w=n(81803),N=n(20354),S=n(1666),x=n(2744),k=n(31949),A=n(86086);function T(e,t){if(e){if("string"==typeof e)return L(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var C=n(89725),I=n(11607),O=n(86794),j=n(83345),P=n(99705),F=n(12778),M=n(99742),_=n(28611);const B={deviceInput:"hkziS",pinInput:"_oWnE",image:"s5WWG",inputWrapper:"BTvzv"};var D="settings.appleTv.pairDeviceView",H=a.T.encloseNamespace(D);function R(e){var t=e.deviceName,n=e.pin,a=e.onDeviceNameChange,o=e.onPinChange,i=e.onActivate;return r.createElement("div",{className:"rounded-3 px-4 py-3 mt-3 bg-light-blue d-flex flex-row justify-content-between"},r.createElement("div",null,r.createElement("p",{className:"fw-bold"},r.createElement(j.x,{namespace:D,phrase:"instructionsHeading"})),r.createElement(_.i,{number:1},r.createElement("div",{className:"d-flex align-items-center flex-wrap"},r.createElement(j.x,{namespace:D,phrase:"instructionsStep1Fragment1"}),r.createElement(O.b,{className:"mx-1",size:u.S.Small},r.createElement(C.F,null)),r.createElement(j.x,{namespace:D,phrase:"instructionsStep1Fragment2"}),r.createElement(u.x,{svgName:m.vn.AppleTv,size:u.S.Small}),r.createElement(j.x,{namespace:D,phrase:"instructionsStep1Fragment3"}))),r.createElement(_.i,{number:2},r.createElement(j.x,{namespace:D,phrase:"instructionsStep2"})),r.createElement("div",{className:"".concat(B.inputWrapper," d-flex align-items-end form-group flex-wrap")},r.createElement("div",{className:"d-flex flex-column me-2 mb-3"},r.createElement("label",{className:"fw-bold mb-1",htmlFor:"create"},r.createElement(j.x,{namespace:D,phrase:"deviceNameInputLabel"})),r.createElement("input",{id:"device",className:"form-control form-control-md ".concat(B.deviceInput),value:t,onChange:function(e){return a(e.target.value)},autoComplete:"off",placeholder:H("deviceNameInputPlaceholder")})),r.createElement("div",{className:"d-flex flex-column me-2 mb-3"},r.createElement("label",{className:"fw-bold mb-1",htmlFor:"create"},r.createElement(j.x,{namespace:D,phrase:"pinInputLabel"})),r.createElement("input",{id:"pin",className:"form-control form-control-md ".concat(B.pinInput),value:n,onChange:function(e){return o(e.target.value)},autoComplete:"off",placeholder:"1234"})),r.createElement(I.L,{onClick:i,className:"btn btn-dark mb-3"},r.createElement(j.x,{namespace:D,phrase:"activateButton"}))),r.createElement(_.i,{number:3},r.createElement(j.x,{namespace:D,phrase:"instructionsStep3Fragment1"}),r.createElement(u.x,{svgName:m.vn.Cast,size:u.S.Small}),r.createElement(j.x,{namespace:D,phrase:"instructionsStep3Fragment2"})),r.createElement("a",{href:F.o.getLiteArticle(P.b.AppleTvIntegration),target:"_blank",className:"text-info mt-2"},r.createElement(j.x,{namespace:D,phrase:"learnMore"}))),r.createElement("div",{className:"ms-2 d-flex align-items-center"},r.createElement("img",{className:B.image,role:"presentation",src:M.W.Devices.APPLE_TV})))}var U=n(9111),z=n(13876);function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var W="settings.appleTvSettings.renameDevicePopup",$=a.T.encloseNamespace(W);function q(e){var t,n,a=(t=r.useState(e.name),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return G(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?G(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=a[0],i=a[1],c=o.trim();return r.createElement(U.G,{title:$("title"),closePopup:e.closePopup},r.createElement("div",{className:"form-group"},r.createElement("label",{className:"fw-bold mb-2",htmlFor:"edit"},r.createElement(j.x,{namespace:W,phrase:"inputLabel"})),r.createElement("input",{value:o,onChange:function(e){return i(e.target.value)},className:"form-control form-control-md mb-4",autoFocus:!0,placeholder:$("inputPlaceholder")})),r.createElement(z.u,null,r.createElement(z.u.Cancel,{onClick:e.closePopup}),r.createElement(z.u.Submit,{disabled:!c,variant:"dark",text:$("saveButton"),onClick:function(){return e.onRename(c)},showSpinner:e.showSpinner})))}var V="settings.appleTvSettings.unpairDevicePopup",Y=a.T.encloseNamespace(V);function Q(e){var t=e.closePopup,n=e.showSpinner,a=e.deviceName,o=e.onUnpair;return r.createElement(U.G,{title:Y("title"),closePopup:t},r.createElement("p",null,r.createElement(j.x,{namespace:V,phrase:"warning",options:{name:a}})),r.createElement("p",null,r.createElement(j.x,{namespace:V,phrase:"subWarning"})),r.createElement(z.u,null,r.createElement(z.u.Cancel,{onClick:t}),r.createElement(z.u.Submit,{variant:"danger",text:Y("unpairButton"),onClick:o,showSpinner:n})))}function J(e){return J="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},J(e)}function K(){K=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",c=o.asyncIterator||"@@asyncIterator",l=o.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof g?t:g,i=Object.create(o.prototype),c=new I(r||[]);return a(i,"_invoke",{value:A(e,n,c)}),i}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",p="executing",v="completed",h={};function g(){}function y(){}function b(){}var E={};s(E,i,(function(){return this}));var w=Object.getPrototypeOf,N=w&&w(w(O([])));N&&N!==n&&r.call(N,i)&&(E=N);var S=b.prototype=g.prototype=Object.create(E);function x(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function k(e,t){function n(a,o,i,c){var l=m(e[a],e,o);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==J(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,i,c)}),(function(e){n("throw",e,i,c)})):t.resolve(u).then((function(e){s.value=e,i(s)}),(function(e){return n("throw",e,i,c)}))}c(l.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function A(t,n,r){var a=d;return function(o,i){if(a===p)throw Error("Generator is already running");if(a===v){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var c=r.delegate;if(c){var l=T(c,r);if(l){if(l===h)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=v,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=p;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?v:f,s.arg===h)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=v,r.method="throw",r.arg=s.arg)}}}function T(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,T(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),h;var o=m(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,h;var i=o.arg;return i?i.done?(n[t.resultName]=i.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,h):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}function L(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function I(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,this),this.reset(!0)}function O(t){if(t||""===t){var n=t[i];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return o.next=o}}throw new TypeError(J(t)+" is not iterable")}return y.prototype=b,a(S,"constructor",{value:b,configurable:!0}),a(b,"constructor",{value:y,configurable:!0}),y.displayName=s(b,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,l,"GeneratorFunction")),e.prototype=Object.create(S),e},t.awrap=function(e){return{__await:e}},x(k.prototype),s(k.prototype,c,(function(){return this})),t.AsyncIterator=k,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var i=new k(u(e,n,r,a),o);return t.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},x(S),s(S,l,"Generator"),s(S,i,(function(){return this})),s(S,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=O,I.prototype={constructor:I,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(C),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return c.type="throw",c.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],c=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),s=r.call(i,"finallyLoc");if(l&&s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;C(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:O(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),h}},t}function X(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Z(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function c(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}l((r=r.apply(e,t||[])).next())}))},te=a.T.encloseNamespace("settings.appleTv");function ne(){var e=function(){var e,t,n,a,o=(n=r.useState([]),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(n,a)||T(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=o[0],c=o[1],l=r.useRef(),s=N.a.useGetFetchAsync(),u=N.a.useBasicFetch(k.N.currentUser()),m=N.a.useBasicFetch((null===(e=u.data)||void 0===e?void 0:e.isAuthenticated)&&S.h.customer(u.data.customerId));return r.useEffect((function(){var e,t,n;if((null===(e=u.data)||void 0===e?void 0:e.isAuthenticated)&&m.hasCompleted)return l.current=new A.w({fetchAccessToken:function(){return s(x.z.getAppleTvAccessToken())},userId:parseInt(null===(t=u.data)||void 0===t?void 0:t.id)}),null===(n=l.current)||void 0===n||n.on("deviceschange",(function(){var e;c(function(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||T(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(null===(e=l.current)||void 0===e?void 0:e.getDevices()))})),function(){var e;return null===(e=l.current)||void 0===e?void 0:e.dispose()}}),[null===(t=u.data)||void 0===t?void 0:t.isAuthenticated,m.hasCompleted]),{devices:i,pair:function(e){var t,n;return null===(t=l.current)||void 0===t?void 0:t.pair(Object.assign(Object.assign({},e),{crmId:parseInt(null===(n=m.data)||void 0===n?void 0:n.crmId)}))},unpair:function(e){var t;return null===(t=l.current)||void 0===t?void 0:t.unpair(e)},rename:function(e){return null==l?void 0:l.current.renameDevice(e)}}}(),t=e.devices,n=e.pair,a=e.unpair,l=e.rename,s=X(r.useState(""),2),u=s[0],m=s[1],d=X(r.useState(""),2),f=d[0],p=d[1],v=X(r.useState(),2),h=v[0],y=v[1],b=X(r.useState(),2),E=b[0],C=b[1],I=X(r.useState(!1),2),O=I[0],j=I[1],P=(0,c.Z)();return r.createElement(w.d,{heading:te("heading"),breadcrumbs:[te("heading")],requiredPermissions:i.C.ManageIntegrations},h&&r.createElement(q,{name:h.name,showSpinner:O,onRename:function(e){return function(e,t){return ee(this,void 0,void 0,K().mark((function n(){return K().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,j(!0),n.next=4,l({deviceId:e,deviceName:t});case 4:y(void 0),P.success(te("deviceRenamingSuccessMessage")),n.next=12;break;case 8:n.prev=8,n.t0=n.catch(0),console.error(n.t0),P.error(te("deviceRenamingErrorMessage"));case 12:return n.prev=12,j(!1),n.finish(12);case 15:case"end":return n.stop()}}),n,null,[[0,8,12,15]])})))}(h.id,e)},closePopup:function(){return y(void 0)}}),E&&r.createElement(Q,{showSpinner:O,deviceName:E.name,onUnpair:function(){return function(e){return ee(this,void 0,void 0,K().mark((function t(){return K().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,j(!0),t.next=4,a(e);case 4:C(void 0),P.success(te("deviceUnpairingSuccessMessage")),t.next=12;break;case 8:t.prev=8,t.t0=t.catch(0),console.error(t.t0),P.error(te("deviceUnpairingErrorMessage"));case 12:return t.prev=12,j(!1),t.finish(12);case 15:case"end":return t.stop()}}),t,null,[[0,8,12,15]])})))}(E.id)},closePopup:function(){return C(void 0)}}),r.createElement(R,{deviceName:u,pin:f,onDeviceNameChange:m,onPinChange:p,onActivate:function(){return ee(this,void 0,void 0,K().mark((function e(){var t,r;return K().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,t=u.trim(),r=f.trim(),t){e.next=5;break}return e.abrupt("return");case 5:if(r){e.next=7;break}return e.abrupt("return");case 7:return e.next=9,n({deviceName:t,pin:r});case 9:m(""),p(""),P.success(te("devicePairingSuccessMessage")),e.next=18;break;case 14:e.prev=14,e.t0=e.catch(0),console.error(e.t0),P.error(te("devicePairingErrorMessage"));case 18:case"end":return e.stop()}}),e,null,[[0,14]])})))}}),t.length?r.createElement("h2",{className:"h5 mt-4"},te("activatedListHeading")):null,r.createElement(o.s,{items:t,rowHeight:55,getComponent:function(e){return r.createElement(g,{key:e.id,name:e.name,status:e.status,onUnpair:function(){return C(e)}})}}))}},95569:(e,t,n)=>{n.d(t,{Ds:()=>a,P2:()=>r});var r=function(e,t){var n=window.performance.now();return function(){var r=window.performance.now();r-n>=t&&(e.apply(void 0,arguments),n=r)}},a=function(e,t,n){var r,a=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:window,i=function(){for(var i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];var s=!1,u=function(){r=null,u=null,e.apply(this,c)};return!r&&n&&(e.apply(a,c),s=!0),o.clearTimeout(r),r=o.setTimeout(u,t),s};return i.cancel=function(){o.clearTimeout(r),r=null},i}}}]);
+//# sourceMappingURL=9230-ae200d2bd3-lite.chunk.js.map

package/dist/scripts/9230-ae200d2bd3-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9230-ae200d2bd3-lite.chunk.js","mappings":";0MAgDM,SAAUA,EAAQC,GACtB,IAAMC,EAAiB,WAAc,kBAAMD,EAAME,QAAQC,MAAK,SAACC,EAAGC,GAAC,OAAKD,EAAEE,MAAQD,EAAEC,KAAK,GAAC,GAAE,CAACN,EAAME,UAE7FK,EAAiC,GACjCC,EAA+B,GAErCP,EAAeQ,SAAQ,SAAAL,GACjBA,EAAEM,OACJH,EAAcI,KAAKP,GAEnBI,EAAYG,KAAKP,EACrB,IAEA,IAAIQ,EAAY,SAKhB,OAHIZ,EAAMY,YACRA,GAAa,IAAJ,OAAQZ,EAAMY,YAEpBL,EAAcM,QAAWL,EAAYK,OAIxC,uBAAKD,UAAWA,GACbL,EAAcM,OAASN,EAAcO,KAAI,SAACV,EAAGW,GAAG,OAC/C,gBAAC,WAAc,CAACC,IAAKD,GACjB,WACA,GAAIX,EAAEa,MAAO,CACX,IAAMA,EAAQ,eAA0Bb,EAAEa,OACtCb,EAAEa,MACF,kBAAM,gCAAGb,EAAEa,MAAS,EAExB,OACE,gBAAC,IAAY,CACXC,QAASd,EAAEc,QACXC,KAAMf,EAAEe,KACRC,QAAShB,EAAEgB,QACXC,QAASjB,EAAEiB,QACXC,QAAStB,EAAMuB,sBACfX,UAAWR,EAAEQ,UACbY,QAASpB,EAAEoB,QACXC,YAAarB,EAAEqB,YACfC,cAAetB,EAAEsB,cACjBC,iBAAkBvB,EAAEuB,iBACpBC,aAAcxB,EAAEwB,aAChBC,SAAUzB,EAAEyB,UAEXZ,IAGN,CAED,IAAMa,EACJ,gBAAC,IAAU,CACTZ,QAASd,EAAEc,QACXC,KAAMf,EAAEe,KACRC,QAAShB,EAAEgB,QACXC,QAASjB,EAAEiB,QACXT,UAAWR,EAAEQ,UACbc,cAAetB,EAAEsB,cACjBC,iBAAkBvB,EAAEuB,iBACpBC,aAAcxB,EAAEwB,aAChBC,SAAUzB,EAAEyB,SACZE,WAAY3B,EAAE2B,WACdC,WAAYhC,EAAMgC,aAItB,OAAO5B,EAAEoB,QACL,gBAAC,IAAO,CAACS,MAAO7B,EAAEoB,QAASU,UAAQ,GAAEJ,GACrCA,CACN,CA7CE,GA8Ca,IACd,iCACJ9B,EAAMmC,eAAiBnC,EAAMmC,cAC7B3B,EAAYK,OACX,gBAAC,IAAe,CACdX,QAASM,EACT4B,wBAAyBpC,EAAMqC,yBAC/Bd,sBAAuBvB,EAAMuB,sBAC7Be,UAAWtC,EAAMsC,YAEjB,kCA9DC,gCAiEX,2ICnIA,SAAgB,eAAiB,SCgBjC,SAASC,IACP,OACE,gCACE,uBAAKC,MAAO,CAAEC,QAAS,oBACrB,uBAAK7B,UAAU,6BAA6B4B,MAAO,CAAEE,OAAQ,YAAaC,MAAO,WAEnF,uBAAKH,MAAO,CAAEC,QAAS,oBACrB,uBAAK7B,UAAU,6BAA6B4B,MAAO,CAAEE,OAAQ,YAAaC,MAAO,YAEnF,uBAAKH,MAAO,CAAEC,QAAS,oBACrB,uBAAK7B,UAAU,6BAA6B4B,MAAO,CAAEE,OAAQ,YAAaC,MAAO,YAEnF,uBAAKH,MAAO,CAAEC,QAAS,oBACrB,uBAAK7B,UAAU,6BAA6B4B,MAAO,CAAEE,OAAQ,YAAaC,MAAO,WAIzF,CAEA,SAASC,EAAyBC,GAChC,IAAIjC,EAAY,gBAKhB,OAHIiC,IACFjC,GAAa,IAAJ,OAAQiC,IAEZjC,CACT,CAQA,SAASkC,EAAoB9C,GAC3B,IAAMiB,EAAQ8B,EAAA,aAA0B/C,EAAMgD,OAAO/B,OACjDjB,EAAMgD,OAAO/B,MACb,kBAAM,gCAAGjB,EAAMgD,OAAO/B,MAAS,EAEnC,GAAIjB,EAAMgD,OAAO9B,QACf,OACE,gBAAC+B,EAAA,EAAO,CACN/B,QAASlB,EAAMgD,OAAO9B,QACtBE,QAASpB,EAAMgD,OAAO5B,QACtBR,UAAWgC,EAAyB5C,EAAMgD,OAAOpC,WACjDc,cAAe1B,EAAMgD,OAAOtB,cAC5BC,iBAAkB3B,EAAMgD,OAAOrB,iBAC/BC,aAAc5B,EAAMgD,OAAOpB,aAC3BC,SAAU7B,EAAMgD,OAAOnB,UAEtB7B,EAAMgD,OAAO3B,SAAW,gBAAC6B,EAAA,EAAY,CAAC7B,QAASrB,EAAMgD,OAAO3B,QAAST,UAAU,mDAChF,wBAAMA,UAAU,gBAAgBK,MAItC,SAASG,EAAQ+B,GACfA,EAAEC,iBAEEpD,EAAMgD,OAAOtB,eAAiB1B,EAAMgD,OAAOrB,kBAC7C0B,EAAA,gBAA8BrD,EAAMgD,OAAOtB,cAAe1B,EAAMgD,OAAOrB,kBAErEoB,EAAA,aAA0B/C,EAAMgD,OAAO5B,UACzCpB,EAAMgD,OAAO5B,UAEXpB,EAAMgD,OAAO7B,MACf,gBAA4BnB,EAAMgD,OAAO7B,KAAMnB,EAAMgD,OAAOpB,aAChE,CAEA,OAAI5B,EAAMgD,OAAO7B,KAEb,qBACEP,UAAWgC,EAAyB5C,EAAMgD,OAAOpC,WACjDQ,QAASA,EACTD,KAAMnB,EAAMgD,OAAO7B,MAElBnB,EAAMgD,OAAO3B,SAAW,gBAAC6B,EAAA,EAAY,CAAC7B,QAASrB,EAAMgD,OAAO3B,QAAST,UAAU,mDAChF,wBAAMA,UAAU,gBAAgBK,MAMpC,wBACEL,UAAS,yBAAoBgC,EAAyB5C,EAAMgD,OAAOpC,YACnEQ,QAASA,EACTkC,KAAK,SACLC,SAAU,EACVC,UAAW,SAACL,GAAsB,MAAe,UAAVA,EAAEnC,KAAmBI,EAAQ+B,EAAE,GAErEnD,EAAMgD,OAAO3B,SAAW,gBAAC6B,EAAA,EAAY,CAAC7B,QAASrB,EAAMgD,OAAO3B,QAAST,UAAU,sCAC/EK,IAGP,CAeM,SAAUwC,EAAgBzD,GAC9B,IAAKA,EAAME,UAAYF,EAAME,QAAQW,OACnC,OAAO,iCAET,IAAM6C,EAAS1D,EAAME,QAAQyD,MAAK,SAAAvD,GAAC,OAAIA,EAAEwD,eAAe,IAEpDhD,EAAY,WAEZZ,EAAMY,YACRA,GAAa,IAAJ,OAAQZ,EAAMY,YAGzB,IAOIiD,EAPEC,EAAmB,oBAAH,OAAuBC,EAAA,kBAEzC3B,EAA0B,wBAAH,OAA2B,kBAOtD,OALIpC,EAAMoC,0BACRA,GAA2B,IAAJ,OAAQpC,EAAMoC,0BAKrC,uBAAKxB,UAAWA,GACd,0BACEA,UAAWwB,EACX4B,KAAK,SACLC,GAAIH,EAAgB,iBACL,WAAU,cACb,WAAU,gBACR,OAAM,gBACN,QAAO,aACT,wBACZ1C,QAASsC,EAAS1D,EAAMsC,UAAY,MAEpC,gBAACY,EAAA,EAAY,CAAC7B,QAAS,UAAmB6C,KAAMlE,EAAMuB,yBAExD,sBAAIX,UAAU,uEAAsE,kBAAkBkD,GACnGJ,EACC,gBAACnB,EAAiB,MAClBvC,EAAME,QAAQY,KAAI,SAACV,EAAGW,GACpB,IAAMoD,OAA+BC,IAAjBP,GAA8BA,IAAiBzD,EAAEiE,MAGrE,OAFAR,EAAezD,EAAEiE,MAEbjE,EAAEoB,QAEF,sBAAIR,IAAKD,GACNoD,GAAe,sBAAIvD,UAAU,mBAAmB0C,KAAK,cACtD,gBAACgB,EAAA,EAAO,CAACrC,MAAO7B,EAAEoB,QAASU,UAAQ,GACjC,gBAACY,EAAmB,CAACE,OAAQ5C,MAQnC,sBAAIY,IAAKD,GACNoD,GAAe,sBAAIvD,UAAU,mBAAmB0C,KAAK,cACtD,gBAACR,EAAmB,CAACE,OAAQ5C,IAGnC,KAKV,CAvEAqD,EAAgBc,aAAe,CAC7BnC,wBAAyB,gBACzBb,sBAAuB2B,EAAAsB,EAAA,6oCC7GzB,IACMC,EAAY,qBADA,8BAgBLC,EAAiB,cAAiB,SAC7C1E,EACA2E,GAEA,MAAgE3E,EAAxD4E,WAAcC,EAAI,EAAJA,KAAM3D,EAAO,EAAPA,QAAS4D,EAAM,EAANA,OAAUC,EAAiB/E,EAAjB+E,aAC/C,OACE,sBAAInE,UAAS,yBAAoBkE,EAAS,UAAY,KACnDA,EACG,8BAASD,GACT,gBAAC,IAAO,CAAC3D,QAASA,EAASyD,IAAKA,GAC/BI,GAAgB,gBAAC,IAAY,CAAC1D,QAAS,iBAA0B6C,KAAM,EAAAM,EAAA,QACxE,wBAAM5D,UAAWmE,EAAe,OAAS,IAAKF,IAKxD,IAMaG,EAAc,SAAH,GAAyC,IAAnCC,EAAW,EAAXA,YACtBC,GAAW,OAAc,QAEzBrE,GAASoE,aAAW,EAAXA,EAAapE,SAAU,EAEiB,IAArB,YAAe,GAAM,GAA/CsE,EAAQ,KAAEC,EAAW,KACgC,IAArB,YAAe,GAAM,GAArDC,EAAW,KAAEC,EAAc,KAC7BC,EAAY,WAsBlB,GApBA,aAAgB,iBACRC,EAAiF,QAA/D,EAAAP,aAAW,EAAXA,EAAaQ,QAAO,SAACC,EAAMC,GAAI,OAAKD,EAAOC,EAAKd,KAAKhE,MAAM,GAAE,UAAE,QAAI,EAEvFA,EAAS,GAAK2E,EA/CW,IAgD3BJ,GAAY,EAChB,GAAG,CAACH,aAAW,EAAXA,EAAapE,SAKjB,mBAAsB,iBAChBwE,IACe,QAAjB,EAAAE,EAAUK,eAAO,SAAEC,QACvB,GAAG,CAAEN,EAAUK,QAASP,KAOnBxE,GAAWqE,GAAYrE,EAAS,EACnC,OAAO,iCAET,GAAIqE,EACF,OACE,oCAAgB,cACd,sBAAItE,UAAU,sBACZ,gBAAC8D,EAAc,CAACE,WAAYK,EAAYpE,EAAS,GAAIkE,cAAY,MAKzE,IAAMe,EAAQ,gBAACpB,EAAc,CAACE,WAAYK,EAAY,KAChDc,EAAalF,EAAS,EAAI,gBAAC6D,EAAc,CAACE,WAAYK,EAAYpE,EAAS,KAAS,iCACpFmF,EAAO,gBAACtB,EAAc,CAACE,WAAYK,EAAYpE,EAAS,KACxDoF,EAAOhB,EAAYiB,MAAM,EAAGrF,EAAS,GAE3C,OACE,oCAAgB,cACd,sBAAID,UAAU,sBACXkF,EACAX,EACC,sBAAIvE,UAAU,mBACZ,0BACEA,UAAU,WACVQ,QA9BZ,WACEgE,GAAY,GACZE,GAAe,EACjB,EA2BkC,aACVb,EAAU,WAAS,QAKnCwB,EAAKnF,KAAI,SAAC8D,EAAY7D,GAAG,OACvB,gBAAC2D,EAAc,CACb1D,IAAKD,EACL6D,WAAYA,EACZD,IAAa,IAAR5D,EAAYwE,EAAY,MAC7B,IAGLQ,EACAC,GAIT,EAEaG,EAAqB,QAAW,YAAiD,QAAtCC,SAAAA,OAAQ,IAAG,IAAC,EAGlE,OAFiB,OAAc,QAI3B,uBAAKxF,UAAU,6BAA6B4B,MAAO,CAAEE,OAAQ,YAAaC,MAAO,UAKnF,oCAAgB,cACd,sBAAI/B,UAAU,sBACX,2BAA4C,CAAEwF,SAAAA,IAAYtF,KAAI,WAAYC,GAAG,IAAZ4B,EAAK,EAALA,MAAK,OACrE,sBAAI3B,IAAKD,EAAKH,UAAU,mBACtB,wBAAMA,UAAU,4CAA4C4B,MAAO,CAAEG,MAAAA,GAAS0D,wBAAyB,CAAEC,OAAQ,WAC9G,KAKf,gkCCrIO,IAAMC,EAAe,cAAiB,SAC3CvG,EACA2E,GAEA,IAAkG,IAAlD,WAAuB3E,EAAMwG,iBAAmB,GAAE,GAA1FC,EAAe,KAAEC,EAAkB,KACkB,IAAzB,WAAuB,GAAE,GAArDC,EAAS,KAAEC,EAAY,KAEzBC,EAAW,SAA6B,MAE9C,aAAgB,mBACV7G,EAAMwG,iBAGVE,EAAiD,QAA9B,EAAgB,QAAhB,EAAAG,EAASjB,eAAO,eAAEkB,oBAAY,QAAI,EACvD,GAAG,CAACD,EAASjB,UAEb,QAmBQmB,EAnBFC,EAAUhH,EAAMiH,MAAMpG,OACtBqG,EAAmBC,KAAKC,KAAKX,EAAkBzG,EAAMqH,WACrDC,EAActH,EAAMqH,UAAYL,EAEhCO,EAAaJ,KAAKK,IACtB,EACAL,KAAKM,MAAMd,EAAY3G,EAAMqH,WAAaH,GAGtCQ,EAAWP,KAAKQ,IACpBX,EACAO,EAAiC,EAAnBL,GAmChB,OACE,uBAAK1E,OA5BCuE,EAA+D,QAA7C,EAAgB,QAAhB,EAAAF,EAASjB,eAAO,eAAEgC,wBAAwBC,WAAG,QAAI,EAIlE,CACLnF,OAHa1C,EAAMwG,iBAAmB,gBAAJ,OAAoBsB,OAAOC,YAAchB,EAAkB,GAAE,OAI/FiB,UAAW,GAAF,OAAuB,EAAlBhI,EAAMqH,UAAa,MACjCY,SAAU,SAqBkBtD,IAAKkC,GACjC,gBAAC,KAAU,CACTqB,SAnCN,SAAuB/E,GACrByD,EAAazD,EAAEgF,cAAcxB,UAC/B,EAkCMyB,cAAed,EACfe,cAAef,EACf3C,IAAKA,GAEL,uBAAKnC,MAAO,CAAEE,OAAQ4E,EAAagB,WAAYf,EAAavH,EAAMqH,YAChE,sBAAIzG,UAAU,8EACTZ,EAAMuI,0BAA4BvI,EAAMuI,yBA1BrD,WAIE,IAHA,IAAMtB,EAAQ,GAEVuB,EAAQjB,EACLiB,EAAQd,GAAU,CACvB,IAAMe,EAAOzI,EAAMiH,MAAMuB,GAErBC,GACFxB,EAAMtG,KAAKX,EAAM0I,aAAaD,EAAMD,IAEtCA,GACD,CAED,OAAOvB,CACT,CAaW0B,KACE3I,EAAM4I,0BAA4B5I,EAAM4I,4BAMvD,qBC3FA,IAAYC,EAcAC,mBAdZ,SAAYD,GACV,+BACA,kCAGA,+BACA,6BACA,+BACA,uCACA,+BACA,8BACA,8BACD,CAZD,CAAYA,IAAAA,EAAoB,KAchC,SAAYC,GACV,+BACA,6BACA,kCACA,kCACA,yCACA,+BACA,uCACA,iCACA,sCACA,kCACA,qCACA,6BACA,mCACA,sCACA,0BACD,CAhBD,CAAYA,IAAAA,EAAkB,4IChB9B,IAAMC,EAAyD,CAC7D3C,SAAU,EACV4C,SAAU,GACVC,SAAU,KAaCC,EAAuB,CAClCC,uBAAsB,WAAoC,MAAnCC,EAAA,uDAAiC,CAAC,EACjDC,EAAO,OAAH,wBACLN,GACAK,GAKL,SAAWE,MAAMD,EAAKjD,8mBAAWtF,KAAI,iBAAO,CAAE6B,MAAO,GAAF,OAFhBwE,KAAKK,IAAIL,KAAKM,MAAMN,KAAKoC,SAAWF,EAAKJ,UAAWI,EAAKL,UAEd,MAAM,GACtF,uOCZF,IAAMQ,EAAY,0BAKLC,EAAuB,SAACC,GACnC,IAAQC,GAAmB,SAAnBA,eACFC,GAAiB,SAOvB,GAAIF,EACF,OAAOC,EAAeD,GAExB,IAAMG,EAAe,2BAOrB,OAAIA,EAAaC,cAAgB,cAG1BF,EAAejG,MAAK,SAAAU,GACzB,OAAOA,EAAM0F,QAAQpG,MAAK,SAAAqG,GACxB,MAAI,YAAaA,GACRA,EAAe9I,QAAQ8B,SAAW6G,EAAa7G,MAI1D,GACF,GACF,EAUM,SAAUiH,EAAejK,SACvBkK,EAAYT,EAAqBzJ,EAAM0J,qBAW7C,GATA,aAAgB,WACTQ,GACH,eAA2B,CACzBJ,YAAa,aACb9G,OAAQ,mBACP,CAAEmH,SAAS,GAElB,GAAG,CAACD,KAECA,EACH,OAAO,iCAET,MAAMjF,EAAcjF,EAAMiF,YAAYnE,KAAI,SAAC+D,EAAMuF,GAAC,MAAM,CACtDvF,KAAAA,EACA3D,QAAS,CACP4I,YAAa,aACb9G,OAAQ,mBAEV8B,OAAQsF,IAAMpK,EAAMiF,YAAYpE,OAAS,EAC1C,IAED,OACE,uBAAKD,UAAU,QACb,uBAAKA,UAAU,qDACb,sBAAIA,UAAU,MAAMZ,EAAMqK,SACN,QAAnB,EAAArK,EAAMsK,qBAAa,wBAEtB,uBAAK1J,UAAU,QACb,gBAAC,KAAW,CACVqE,YAAW,CACT,CACEJ,KAAM,cAA0B2E,EAAW,sBAC3CtI,QAAS,CACP4I,YAAa,aACb9G,OAAQ,qBAEX,UACEiC,0mBAIRjF,EAAMuK,aACL,gCACE,yBAAIvK,EAAMuK,aACV,4BAIHvK,EAAMwK,SAGb,mDCjHA,SAAgB,gBAAkB,SCS5B,SAAUC,EAAwB,GAAkE,IAAhEC,EAAM,EAANA,OAAQF,EAAQ,EAARA,SAAQ,IAAE5J,UAAAA,OAAS,IAAG,KAAE,EACxE,OACE,uBAAKA,UAAS,yCAAoCA,IAChD,uBAAKA,UAAS,kFAA6E,oBACzF,wBAAMA,UAAU,cAAc8J,IAEhC,uBAAK9J,UAAU,QACZ4J,GAIT,gLCpBA,SAAgB,UAAY,8nBCY5B,IACM/F,EAAYkG,EAAA,mBADA,2BAUZ,SAAUC,EAAe5K,GAC7B,IAAQ6K,EAAqC7K,EAArC6K,OAAQhG,EAA6B7E,EAA7B6E,KAAMiG,EAAuB9K,EAAvB8K,SAAUC,EAAa/K,EAAb+K,SAEhC,OACE,sBAAInK,UAAU,yDACZ,uBAAKA,UAAU,6BACb,gBAACsC,EAAA,EAAY,CAAC7B,QAAS,aAAsBT,UAAU,uBACvD,2BAAMiE,IAGR,uBAAKjE,UAAU,6BACb,gBAACoK,EAAqB,CAACH,OAAQA,IAC7BE,GAAY,gBAAChL,EAAA,EAAa,CAC1BG,QAAS,CAAC,CACRmB,QAAS,UACTT,UAAW,6BACXQ,QAAS2J,EACTrK,QAAQ,EACRmB,SAAUgJ,IAAW,kBAGzB,gBAACpH,EAAA,EAAe,CACdvD,QAAS,CAAC,CAAEe,MAAOwD,EAAU,sBAAuBrD,QAAS0J,IAC7D1I,wBAAwB,cAKlC,CAEA,IAAM6I,EAAwB,EAAH,OACxB,cAAyB,cACzB,SAAoB,cACpB,YAAuB,eAGpBC,EAAwB,EAAH,OACxB,cAAyBzG,EAAU,yBACnC,SAAoBA,EAAU,oBAC9B,YAAuBA,EAAU,uBAGpC,SAASuG,EAAsBhL,WACvBmL,EAA2C,QAAnC,EAAAF,EAAsBjL,EAAM6K,eAAO,QAAI,GAC/C5J,EAA2C,QAAnC,EAAAiK,EAAsBlL,EAAM6K,eAAO,QAAI,GAErD,OACE,uBAAKjK,UAAU,kCACb,uBAAKA,UAAS,UAAK,YAAgB,YAAIuK,EAAK,WAC5C,4BAAOlK,GAGb,uhBC1EA,SAAgB,YAAc,QAAQ,SAAW,QAAQ,MAAQ,QAAQ,aAAe,SCkBxF,IAAM,EAAY,kCACZ,EAAY0J,EAAA,mBAAiC,GAU7C,SAAUS,EAAepL,GAC7B,IAAQqL,EAAiErL,EAAjEqL,WAAYC,EAAqDtL,EAArDsL,IAAKC,EAAgDvL,EAAhDuL,mBAAoBC,EAA4BxL,EAA5BwL,YAAaC,EAAezL,EAAfyL,WAE1D,OACE,uBAAK7K,UAAU,kFACb,2BACE,qBAAGA,UAAU,WACX,gBAAC8K,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,yBAGrC,gBAAClB,EAAA,EAAuB,CAACC,OAAQ,GAC/B,uBAAK9J,UAAU,uCACb,gBAAC8K,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,+BACnC,gBAACC,EAAA,EAAa,CAAChL,UAAU,OAAOsD,KAAMhB,EAAAsB,EAAA,OACpC,gBAACqH,EAAA,EAAe,OAElB,gBAACH,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,+BACnC,gBAACzI,EAAA,EAAY,CAAC7B,QAAS,aAAsB6C,KAAMhB,EAAAsB,EAAA,QACnD,gBAACkH,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,iCAIvC,gBAAClB,EAAA,EAAuB,CAACC,OAAQ,GAC/B,gBAACgB,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,uBAGrC,uBAAK/K,UAAS,UAAK,eAAmB,iDACpC,uBAAKA,UAAU,gCACb,yBAAOA,UAAU,eAAekL,QAAQ,UACtC,gBAACJ,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,0BAErC,yBACE1H,GAAG,SACHrD,UAAS,uCAAkC,eAC3CmL,MAAOV,EACPW,SAAU,SAAA7I,GAAC,OAAIoI,EAAmBpI,EAAE8I,OAAOF,MAAM,EACjDG,aAAa,MACbC,YAAa,EAAU,iCAI3B,uBAAKvL,UAAU,gCACb,yBAAOA,UAAU,eAAekL,QAAQ,UACtC,gBAACJ,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,mBAErC,yBACE1H,GAAG,MACHrD,UAAS,uCAAkC,YAC3CmL,MAAOT,EACPU,SAAU,SAAA7I,GAAC,OAAIqI,EAAYrI,EAAE8I,OAAOF,MAAM,EAC1CG,aAAa,MACbC,YAAY,UAIhB,gBAACC,EAAA,EAAS,CAAChL,QAASqK,EAAY7K,UAAU,qBACxC,gBAAC8K,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,qBAIvC,gBAAClB,EAAA,EAAuB,CAACC,OAAQ,GAC/B,gBAACgB,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,+BACnC,gBAACzI,EAAA,EAAY,CAAC7B,QAAS,UAAmB6C,KAAMhB,EAAAsB,EAAA,QAChD,gBAACkH,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,gCAGrC,qBACExK,KAAMkL,EAAA,iBAA6B,wBACnCJ,OAAO,SACPrL,UAAU,kBAEV,gBAAC8K,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,gBAKvC,uBAAK/K,UAAU,kCACb,uBAAKA,UAAW,QAAc0C,KAAK,eAAegJ,IAAKC,EAAA,sBAI/D,gICtGA,IAAM,EAAY,6CACZ,EAAY5B,EAAA,mBAAiC,GAQ7C,SAAU6B,EAAkBxM,GAChC,QAAoD,KAA1B,WAAeA,EAAM6E,QAAK,s4BAA5CA,EAAI,KAAE4H,EAAO,KACfC,EAAc7H,EAAK8H,OAEzB,OACE,gBAACC,EAAA,EAAK,CAAC3K,MAAO,EAAU,SAAU4K,WAAY7M,EAAM6M,YAClD,uBAAKjM,UAAU,cACb,yBAAOA,UAAU,eAAekL,QAAQ,QACtC,gBAACJ,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,gBAErC,yBACEI,MAAOlH,EACPmH,SAAU,SAAA7I,GAAC,OAAIsJ,EAAQtJ,EAAE8I,OAAOF,MAAM,EACtCnL,UAAU,oCACVkM,WAAS,EACTX,YAAa,EAAU,uBAG3B,gBAACY,EAAA,EAAY,KACX,gBAACA,EAAA,SAAmB,CAAC3L,QAASpB,EAAM6M,aACpC,gBAACE,EAAA,SAAmB,CAClBlL,UAAW6K,EACXM,QAAQ,OACRC,KAAM,EAAU,cAChB7L,QAAS,kBAAMpB,EAAM+K,SAAS2B,EAAY,EAC1CjL,YAAazB,EAAMyB,eAK7B,CCvCA,IAAM,EAAY,6CACZ,EAAYkJ,EAAA,mBAAiC,GAQ7C,SAAUuC,EAAkBlN,GAChC,IAAQ6M,EAAkD7M,EAAlD6M,WAAYpL,EAAsCzB,EAAtCyB,YAAa4J,EAAyBrL,EAAzBqL,WAAYP,EAAa9K,EAAb8K,SAE7C,OACE,gBAAC8B,EAAA,EAAK,CAAC3K,MAAO,EAAU,SAAU4K,WAAYA,GAC5C,yBACE,gBAACnB,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,UAAUvC,QAAS,CAAEvE,KAAMwG,MAGhE,yBACE,gBAACK,EAAA,EAAI,CAAClC,UAAW,EAAWmC,OAAO,gBAGrC,gBAACoB,EAAA,EAAY,KACX,gBAACA,EAAA,SAAmB,CAAC3L,QAASyL,IAC9B,gBAACE,EAAA,SAAmB,CAClBC,QAAQ,SACRC,KAAM,EAAU,gBAChB7L,QAAS0J,EACTrJ,YAAaA,KAKvB,g3PCvBM,GAAYkJ,EAAA,mBADA,oBAGZ,SAAUwC,KACd,MCFI,uBACwD,KAA5B,WAAyB,MAAG,ynBAApDC,EAAO,KAAEC,EAAU,KACrBC,EAAS,WACTC,EAAa,uBACbC,EAAc,kBAAkCC,EAAA,iBAChDC,EAAW,mBACC,QAAhB,EAAAF,EAAYG,YAAI,eAAEC,kBAClBC,EAAA,WAA0BL,EAAYG,KAAKG,aA+B7C,OA5BA,aAAgB,qBACd,IAAqB,QAAhB,EAAAN,EAAYG,YAAI,eAAEC,kBAClBF,EAASK,aAWd,OATAT,EAAO1H,QAAU,IAAI,IAAc,CACjCoI,iBAAkB,kBAAMT,EAAWU,EAAA,0BAAmD,EACtFC,OAAQC,SAAyB,QAAhB,EAAAX,EAAYG,YAAI,eAAE1J,MAGvB,QAAd,EAAAqJ,EAAO1H,eAAO,SAAEwI,GAAG,iBAAiB,iBAClCf,2WAAW,CAAkB,QAAd,EAAAC,EAAO1H,eAAO,eAAEyI,cACjC,IAEO,WAAK,MAAC,OAAc,QAAd,EAAAf,EAAO1H,eAAO,eAAE0I,SAAS,CACxC,GAAG,CAAkB,QAAhB,EAAAd,EAAYG,YAAI,eAAEC,gBAAiBF,EAASK,eAc1C,CACLX,QAAAA,EACAmB,KAdF,SAAcC,WACZ,OAAqB,QAAd,EAAAlB,EAAO1H,eAAO,eAAE2I,KAAK,OAAD,wBAAMC,GAAW,CAAEC,MAAON,SAAsB,QAAb,EAAAT,EAASC,YAAI,eAAEc,SAC/E,EAaEC,OAXF,SAAgBzK,SACd,OAAqB,QAAd,EAAAqJ,EAAO1H,eAAO,eAAE8I,OAAOzK,EAChC,EAUE0K,OARF,SAAgBC,GACd,OAAOtB,aAAM,EAANA,EAAQ1H,QAAQiJ,aAAaD,EACtC,EAQF,CD1C4CE,GAAlC1B,EAAO,EAAPA,QAASmB,EAAI,EAAJA,KAAMG,EAAM,EAANA,OAAQC,EAAM,EAANA,OACyB,IAAlB,WAAe,IAAG,GAAhDtD,EAAU,KAAE0D,EAAa,KACS,IAAlB,WAAe,IAAG,GAAlCzD,EAAG,KAAE0D,EAAM,KACmD,IAAxB,aAAwB,GAA9DC,EAAc,KAAEC,EAAiB,KAC6B,IAAxB,aAAwB,GAA9DC,EAAc,KAAEC,EAAiB,KACoB,IAArB,YAAe,GAAM,GAArD3N,EAAW,KAAE4N,EAAc,KAE7BC,GAAS,SAmDf,OACE,gBAACrF,EAAA,EAAc,CACbI,QAAS,GAAU,WACnBpF,YAAa,CAAC,GAAU,YACxByE,oBAAqB6F,EAAA,sBAEnBN,GACA,gBAACzC,EAAiB,CAChB3H,KAAMoK,EAAepK,KACrBpD,YAAaA,EACbsJ,SAAU,SAAAyE,GAAO,OAzBzB,SAA8BC,EAAkBpE,wHAG5C,gBADAgE,GAAe,GAAM,SACfV,EAAO,CAAEc,SAAAA,EAAUpE,WAAAA,IAAa,OACtC6D,OAAkB9K,GAElBkL,EAAOI,QAAQ,GAAU,iCAAiC,gDAE1DC,QAAQC,MAAM,EAAD,IACbN,EAAOM,MAAM,GAAU,+BAA+B,QAEhC,OAFgC,UAEtDP,GAAe,GAAO,2EAEzB,CAY4BQ,CAAeZ,EAAehL,GAAIuL,EAAQ,EAC/D3C,WAAY,kBAAMqC,OAAkB9K,EAAU,IAIhD+K,GACA,gBAACjC,EAAiB,CAChBzL,YAAaA,EACb4J,WAAY8D,EAAetK,KAC3BiG,SAAU,kBAjDlB,SAA8B2E,wHAG1B,gBADAJ,GAAe,GAAM,SACfX,EAAOe,GAAS,OACtBL,OAAkBhL,GAElBkL,EAAOI,QAAQ,GAAU,kCAAkC,gDAE3DC,QAAQC,MAAM,EAAD,IACbN,EAAOM,MAAM,GAAU,gCAAgC,QAEjC,OAFiC,UAEvDP,GAAe,GAAO,2EAEzB,CAoCuBS,CAAeX,EAAelL,GAAG,EACjD4I,WAAY,kBAAMuC,OAAkBhL,EAAU,IAIlD,gBAACgH,EAAc,CACbC,WAAYA,EACZC,IAAKA,EACLC,mBAAoBwD,EACpBvD,YAAawD,EACbvD,WA9EN,wIAGiC,YADvBsE,EAAoB1E,EAAWsB,OAC/BqD,EAAa1E,EAAIqB,OAElBoD,EAAmB,CAAF,mDACjBC,EAAY,CAAF,gDAEf,OAFe,SAETzB,EAAK,CAAElD,WAAY0E,EAAmBzE,IAAK0E,IAAa,OAC9DjB,EAAc,IACdC,EAAO,IAEPM,EAAOI,QAAQ,GAAU,gCAAgC,kDAEzDC,QAAQC,MAAM,EAAD,IACbN,EAAOM,MAAM,GAAU,8BAA8B,yDAExD,IAgEIxC,EAAQvM,OAAS,sBAAID,UAAU,WAAW,GAAU,yBAAgC,KAErF,gBAAC2F,EAAA,EAAY,CACXU,MAAOmG,EACP/F,UAAW,GACXqB,aAAc,SAACuH,GACb,OACE,gBAACrF,EAAc,CACb5J,IAAKiP,EAAOhM,GACZY,KAAMoL,EAAOpL,KACbgG,OAAQoF,EAAOpF,OACfC,SAAU,kBAAMsE,EAAkBa,EAAO,GAM/C,IAIR,8CExHO,IAAMC,EAAW,SAASC,EAASC,GACxC,IAAIpK,EAAO8B,OAAOuI,YAAYC,MAW9B,OATkB,WAChB,IAAMA,EAAMxI,OAAOuI,YAAYC,MAE3BA,EAAMtK,GAAQoK,IAChBD,EAAE,wBACFnK,EAAOsK,EAEX,CAGF,EA4BaC,EAAW,SACtBC,EACAJ,EACAK,GACqB,IAEjBC,EAFiB,OAArBC,EAAA,uDAAe7I,OAUT8I,EAAY,WAAmB,2BAAfC,EAAW,yBAAXA,EAAW,gBAC/B,IAAIC,GAAW,EAEX,EAAQ,WACVJ,EAAU,KACV,EAAQ,KACRF,EAAKO,MAAMC,KAAMH,EACnB,EAUA,OARKH,GAAWD,IACdD,EAAKO,MAAM,EAAMF,GACjBC,GAAW,GAGbH,EAAQM,aAAaP,GACrBA,EAAUC,EAAQO,WAAW,EAAOd,GAE7BU,CACT,EAKA,OAFAF,EAAUO,OA3BK,WACbR,EAAQM,aAAaP,GACrBA,EAAU,IACZ,EA0BOE,CACT","sources":["file:///app/packages/libs/shared/src/components/actions/Actions.tsx","file:///app/packages/libs/shared/src/components/actions/actions.scss","file:///app/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/windowed-list/WindowedList.tsx","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/components/settings-ordered-list-item/settings-ordered-list-item.scss","file:///app/packages/projects/lite/src/apps/settings/components/settings-ordered-list-item/SettingsOrderedListItem.tsx","file:///app/packages/projects/lite/src/apps/settings/components/device-list-item/device-list-item.scss","file:///app/packages/projects/lite/src/apps/settings/components/device-list-item/DeviceListItem.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/pair-device-view/pair-device-view.scss","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/pair-device-view/PairDeviceView.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/rename-device-popup/RenameDevicePopup.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/unpair-device-popup/UnpairDevicePopup.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/AppleTvSettingsView.tsx","file:///app/packages/projects/lite/src/apps/settings/hooks/useAppleTvClient.ts","file:///app/packages/projects/player/src/utils/fn.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { ActionButton } from './ActionButton';\nimport { ActionsDropdown } from './ActionsDropdown';\n\nexport interface ActionOptions {\n  order?: number;\n  label?: string | (() => JSX.Element);\n  appLink?: Core.AppLink;\n  href?: string;\n  onClick?: () => void;\n  svgName?: string;\n  className?: string;\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\n  tooltip?: string;\n  showSpinner?: boolean;\n  showBorder?: boolean; // only works for button without text label\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  disabled?: boolean;\n  openInNewTab?: boolean; // Only used if appLink or href is provided\n  group?: string;\n  lazyPlaceholder?: boolean;\n}\n\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\n\ninterface ActionsProps {\n  actions: ActionOptions[];\n  className?: string;\n  actionsDropdownClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  sortComponent?: JSX.Element;\n  customSize?: boolean;\n  fetchMore?: () => void;\n}\n\nexport function Actions(props: ActionsProps): JSX.Element {\n  const orderedActions = React.useMemo(() => props.actions.sort((a, b) => a.order - b.order), [props.actions]);\n\n  const buttonActions: ActionOptions[] = [];\n  const moreActions: ActionOptions[] = [];\n\n  orderedActions.forEach(a => {\n    if (a.button)\n      buttonActions.push(a);\n    else\n      moreActions.push(a);\n  });\n\n  let className = 'd-flex';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (!buttonActions.length && !moreActions.length)\n    return <></>;\n\n  return (\n    <div className={className}>\n      {buttonActions.length ? buttonActions.map((a, idx) => (\n        <React.Fragment key={idx}>\n          {(() => {\n            if (a.label) {\n              const label = FunctionHelper.isFunction(a.label)\n                ? a.label\n                : () => <>{a.label}</>;\n\n              return (\n                <ActionButton\n                  appLink={a.appLink}\n                  href={a.href}\n                  onClick={a.onClick}\n                  svgName={a.svgName}\n                  svgSize={props.dropdownToggleSvgSize}\n                  className={a.className}\n                  tooltip={a.tooltip}\n                  showSpinner={a.showSpinner}\n                  analyticsData={a.analyticsData}\n                  analyticsOptions={a.analyticsOptions}\n                  openInNewTab={a.openInNewTab}\n                  disabled={a.disabled}\n                >\n                  {label()}\n                </ActionButton>\n              );\n            }\n\n            const iconButton = (\n              <IconButton\n                appLink={a.appLink}\n                href={a.href}\n                onClick={a.onClick}\n                svgName={a.svgName}\n                className={a.className}\n                analyticsData={a.analyticsData}\n                analyticsOptions={a.analyticsOptions}\n                openInNewTab={a.openInNewTab}\n                disabled={a.disabled}\n                showBorder={a.showBorder}\n                customSize={props.customSize}\n              />\n            );\n\n            return a.tooltip\n              ? <Tooltip title={a.tooltip} spanHack>{iconButton}</Tooltip>\n              : iconButton;\n          })()}\n        </React.Fragment>\n      )) : <></>}\n      {props.sortComponent && props.sortComponent}\n      {moreActions.length ? (\n        <ActionsDropdown\n          actions={moreActions}\n          dropdownToggleClassName={props.actionsDropdownClassName}\n          dropdownToggleSvgSize={props.dropdownToggleSvgSize}\n          fetchMore={props.fetchMore}\n        />\n      ) : <></>}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dropdownToggle\":\"UCAnJ\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ActionOptions } from './Actions';\n\nimport styles from './actions.scss';\n\nfunction LazyDropdownItems(): JSX.Element {\n  return (\n    <>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '8rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '12rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '11rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '9rem' }}></div>\n      </div>\n    </>\n  );\n}\n\nfunction getDropdownItemClassName(actionClassName?: string): string {\n  let className = 'dropdown-item';\n\n  if (actionClassName)\n    className += ` ${actionClassName}`;\n\n  return className;\n}\n\nexport type DropdownActionOptions = Omit<ActionOptions, 'button'>;\n\ninterface ActionsDropdownItemProps {\n  action: DropdownActionOptions;\n}\n\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\n  const label = FunctionHelper.isFunction(props.action.label)\n    ? props.action.label\n    : () => <>{props.action.label}</>;\n\n  if (props.action.appLink)\n    return (\n      <AppLink\n        appLink={props.action.appLink}\n        onClick={props.action.onClick}\n        className={getDropdownItemClassName(props.action.className)}\n        analyticsData={props.action.analyticsData}\n        analyticsOptions={props.action.analyticsOptions}\n        openInNewTab={props.action.openInNewTab}\n        disabled={props.action.disabled}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </AppLink>\n    );\n\n  function onClick(e: React.MouseEvent | React.KeyboardEvent): void {\n    e.preventDefault();\n\n    if (props.action.analyticsData && props.action.analyticsOptions)\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\n\n    if (FunctionHelper.isFunction(props.action.onClick))\n      props.action.onClick();\n\n    if (props.action.href)\n      Core.LocationUtils.PageLoad(props.action.href, props.action.openInNewTab);\n  }\n\n  if (props.action.href) {\n    return (\n      <a\n        className={getDropdownItemClassName(props.action.className)}\n        onClick={onClick}\n        href={props.action.href}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </a>\n    );\n  }\n\n  return (\n    <span\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\n      onClick={onClick}\n      role='button'\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && onClick(e)}\n    >\n      {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2' />}\n      {label()}\n    </span>\n  );\n}\n\ninterface ActionsDropdownProps {\n  actions: DropdownActionOptions[];\n  className?: string;\n  dropdownToggleClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  fetchMore?: () => void;\n}\n\nActionsDropdown.defaultProps = {\n  dropdownToggleClassName: 'btn btn-light',\n  dropdownToggleSvgSize: SvgContainerSize.Small\n};\n\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\n  if (!props.actions || !props.actions.length)\n    return <></>;\n\n  const isLazy = props.actions.some(a => a.lazyPlaceholder);\n\n  let className = 'dropdown';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  // Generate unique id to avoid collisions.\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\n\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\n\n  if (props.dropdownToggleClassName)\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\n\n  let currentGroup: string;\n\n  return (\n    <div className={className}>\n      <button\n        className={dropdownToggleClassName}\n        type='button'\n        id={dropdownToggleId}\n        data-bs-toggle='dropdown'\n        data-toggle='dropdown'\n        aria-haspopup='true'\n        aria-expanded='false'\n        aria-label={'More actions dropdown'}\n        onClick={isLazy ? props.fetchMore : null}\n      >\n        <SvgContainer svgName={cvSvgLibrary.More} size={props.dropdownToggleSvgSize} />\n      </button>\n      <ul className='dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal' aria-labelledby={dropdownToggleId}>\n        {isLazy ?\n          <LazyDropdownItems /> :\n          props.actions.map((a, idx) => {\n            const showDivider = currentGroup !== undefined && currentGroup !== a.group;\n            currentGroup = a.group;\n  \n            if (a.tooltip) {\n              return (\n                <li key={idx}>\n                  {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                  <Tooltip title={a.tooltip} spanHack>\n                    <ActionsDropdownItem action={a} />\n                  </Tooltip>\n                  \n                </li>\n              );\n            }\n  \n            return (\n              <li key={idx}>\n                {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                <ActionsDropdownItem action={a} />\n              </li>\n            );\n          })\n        }\n      </ul>\n    </div>\n  );\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst namespace = 'shared.breadcrumbComponent';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = React.forwardRef((\n  props: BreadcrumbItemProps,\n  ref: React.ForwardedRef<HTMLElement>\n) => {\n  const { breadcrumb: { name, appLink, active }, withBackIcon } = props;\n  return (\n    <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n      {active\n        ? <strong>{name}</strong>\n        : <AppLink appLink={appLink} ref={ref}>\n          {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n          <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n        </AppLink>\n      }\n    </li>\n  );\n});\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n  const [ shouldFocus, setShouldFocus ] = React.useState(false);\n  const expandRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  /**\n   * Focus our first expanded item the first time it appears.\n   */\n  React.useLayoutEffect(() => {\n    if (shouldFocus)\n      expandRef.current?.focus();\n  }, [ expandRef.current, shouldFocus ]);\n\n  function onClickExpand() {\n    setCollapse(false);\n    setShouldFocus(true);\n  }\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button\n              className='btn-link'\n              onClick={onClickExpand}\n              aria-label={getPhrase('expand')}\n            >\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => (\n            <BreadcrumbItem\n              key={idx}\n              breadcrumb={breadcrumb}\n              ref={idx === 0 ? expandRef : null}\n            />\n          ))\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\ninterface WindowedListProps<TObject> {\n  items: TObject[];\n  getComponent: (item: TObject, index: number) => JSX.Element;\n  rowHeight: number;\n  containerHeight?: number;\n\n  staticComponentAboveRows?: JSX.Element;\n  staticComponentBelowRows?: JSX.Element;\n}\n\nexport const WindowedList = React.forwardRef((\n  props: WindowedListProps<any>,\n  ref: React.Ref<Scrollbars>\n) => {\n  const [ availableHeight, setAvailableHeight ] = React.useState<number>(props.containerHeight || 0);\n  const [ scrollTop, setScrollTop ] = React.useState<number>(0);\n\n  const tableRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    if (props.containerHeight)\n      return;\n\n    setAvailableHeight(tableRef.current?.clientHeight ?? 0);\n  }, [tableRef.current]);\n\n  const numRows = props.items.length;\n  const totalRowsVisible = Math.ceil(availableHeight / props.rowHeight);\n  const totalHeight = props.rowHeight * numRows;\n\n  const startIndex = Math.max(\n    0,\n    Math.floor(scrollTop / props.rowHeight) - totalRowsVisible\n  );\n\n  const endIndex = Math.min(\n    numRows,\n    startIndex + (totalRowsVisible * 3)\n  );\n\n  function onScrollTable(e: React.UIEvent<HTMLDivElement>): void {\n    setScrollTop(e.currentTarget.scrollTop);\n  }\n\n  function getTableStyles(): React.CSSProperties {\n    const tablePosFromTop = tableRef.current?.getBoundingClientRect().top ?? 0;\n\n    const height = props.containerHeight || `calc(100vh - ${window.pageYOffset + tablePosFromTop + 30}px)`;\n    \n    return {\n      height,\n      minHeight: `${props.rowHeight * 5}px`,\n      overflow: 'auto'\n    };\n  }\n\n  function getRows(): JSX.Element[] {\n    const items = [];\n  \n    let index = startIndex;\n    while (index < endIndex) {\n      const item = props.items[index];\n\n      if (item)\n        items.push(props.getComponent(item, index));\n  \n      index++;\n    }\n\n    return items;\n  }\n\n  return (\n    <div style={getTableStyles()} ref={tableRef}>\n      <Scrollbars\n        onScroll={onScrollTable}\n        autoHeightMin={totalHeight}\n        autoHeightMax={totalHeight}\n        ref={ref}\n      >\n        <div style={{ height: totalHeight, paddingTop: startIndex * props.rowHeight }}>\n          <ul className='w-100 position-relative d-table striped-list list-unstyled no-full-width'>\n            {!!props.staticComponentAboveRows && props.staticComponentAboveRows}\n            {getRows()}\n            {!!props.staticComponentBelowRows && props.staticComponentBelowRows}\n          </ul>\n        </div>\n      </Scrollbars>\n    </div>\n  );\n});","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097'\n}\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"numberContainer\":\"JBRDi\"};","import React from 'react';\n\nimport styles from './settings-ordered-list-item.scss';\n\ninterface SettingsOrderedListItemProps {\n  number: number;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function SettingsOrderedListItem({ number, children, className = '' }: SettingsOrderedListItemProps): JSX.Element {\n  return (\n    <div className={`d-flex align-items-center mb-3 ${className}`}>\n      <div className={`d-flex align-items-center justify-content-center bg-dark rounded-circle ${styles.numberContainer}`}>\n        <span className='text-light'>{number}</span>\n      </div>\n      <div className='ms-2'>\n        {children}\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"indicator\":\"xidrU\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Actions as ActionsButton } from 'libs/shared/components/actions/Actions';\nimport { ActionsDropdown } from 'libs/shared/components/actions/ActionsDropdown';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { DeviceStatus } from 'projects/player/plugins/devices-plugin/clients/client-interfaces';\n\nimport styles from './device-list-item.scss';\n\nconst namespace = 'settings.deviceListItem';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface DeviceListItemProps {\n  name: string;\n  status: DeviceStatus;\n  onUnpair: () => void;\n  onRename?: () => void;\n}\n\nexport function DeviceListItem(props: DeviceListItemProps): React.ReactElement {\n  const { status, name, onUnpair, onRename } = props;\n\n  return (\n    <li className='d-flex align-items-center p-2 justify-content-between'>\n      <div className='d-flex align-items-center'>\n        <SvgContainer svgName={cvSvgLibrary.AppleTv} className='svg-container me-2'/>\n        <div>{name}</div>\n      </div>\n\n      <div className='d-flex align-items-center'>\n        <DeviceStatusIndicator status={status}/>\n        { onRename && <ActionsButton\n          actions={[{\n            svgName: cvSvgLibrary.Edit,\n            className: 'btn btn-link svg-container',\n            onClick: onRename,\n            button: true,\n            disabled: status !== DeviceStatus.Available\n          }]}/>\n        }\n        <ActionsDropdown\n          actions={[{ label: getPhrase('unpairActionButton'), onClick: onUnpair }]}\n          dropdownToggleClassName='btn ms-3'\n        />\n      </div>\n    </li>\n  );\n}\n\nconst statusIndicatorColors = {\n  [DeviceStatus.Available]: 'bg-success',\n  [DeviceStatus.Busy]: 'bg-warning',\n  [DeviceStatus.Offline]: 'bg-gray-500'\n};\n\nconst statusIndicatorLabels = {\n  [DeviceStatus.Available]: getPhrase('availableStatusLabel'),\n  [DeviceStatus.Busy]: getPhrase('busyStatusLabel'),\n  [DeviceStatus.Offline]: getPhrase('offlineStatusLabel')\n};\n\nfunction DeviceStatusIndicator(props: Pick<DeviceListItemProps, 'status'>) {\n  const color = statusIndicatorColors[props.status] ?? '';\n  const label = statusIndicatorLabels[props.status] ?? '';\n\n  return (\n    <div className='d-flex align-items-center me-4'>\n      <div className={`${styles.indicator} ${color} me-2`} />\n      <span>{label}</span>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"deviceInput\":\"hkziS\",\"pinInput\":\"_oWnE\",\"image\":\"s5WWG\",\"inputWrapper\":\"BTvzv\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { SvgContainer2 } from 'libs/shared/components/svg-container/SvgContainer2';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { SettingsOrderedListItem } from 'apps/settings/components/settings-ordered-list-item/SettingsOrderedListItem';\n\nimport styles from './pair-device-view.scss';\n\nconst namespace = 'settings.appleTv.pairDeviceView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PairDeviceViewProps {\n  deviceName: string;\n  pin: string;\n  onDeviceNameChange: (deviceName: string) => void;\n  onPinChange: (pin: string) => void;\n  onActivate: () => void;\n}\n\nexport function PairDeviceView(props: PairDeviceViewProps): JSX.Element {\n  const { deviceName, pin, onDeviceNameChange, onPinChange, onActivate } = props;\n \n  return (\n    <div className='rounded-3 px-4 py-3 mt-3 bg-light-blue d-flex flex-row justify-content-between'>\n      <div>\n        <p className='fw-bold'>\n          <Text namespace={namespace} phrase='instructionsHeading' />\n        </p>\n\n        <SettingsOrderedListItem number={1}>\n          <div className='d-flex align-items-center flex-wrap'>\n            <Text namespace={namespace} phrase='instructionsStep1Fragment1' />\n            <SvgContainer2 className='mx-1' size={SvgContainerSize.Small}>\n              <ClickViewAvatar />\n            </SvgContainer2>\n            <Text namespace={namespace} phrase='instructionsStep1Fragment2' />\n            <SvgContainer svgName={cvSvgLibrary.AppleTv} size={SvgContainerSize.Small} />\n            <Text namespace={namespace} phrase='instructionsStep1Fragment3' />\n          </div>\n        </SettingsOrderedListItem>\n\n        <SettingsOrderedListItem number={2}>\n          <Text namespace={namespace} phrase='instructionsStep2' />\n        </SettingsOrderedListItem>\n\n        <div className={`${styles.inputWrapper} d-flex align-items-end form-group flex-wrap`}>\n          <div className='d-flex flex-column me-2 mb-3'>\n            <label className='fw-bold mb-1' htmlFor='create'>\n              <Text namespace={namespace} phrase='deviceNameInputLabel'/>\n            </label>\n            <input\n              id='device'\n              className={`form-control form-control-md ${styles.deviceInput}`}\n              value={deviceName}\n              onChange={e => onDeviceNameChange(e.target.value)}\n              autoComplete='off'\n              placeholder={getPhrase('deviceNameInputPlaceholder')}\n            />\n          </div>\n\n          <div className='d-flex flex-column me-2 mb-3'>\n            <label className='fw-bold mb-1' htmlFor='create'>\n              <Text namespace={namespace} phrase='pinInputLabel'/>\n            </label>\n            <input\n              id='pin'\n              className={`form-control form-control-md ${styles.pinInput}`}\n              value={pin}\n              onChange={e => onPinChange(e.target.value)}\n              autoComplete='off'\n              placeholder='1234'\n            />\n          </div>\n\n          <DivButton onClick={onActivate} className='btn btn-dark mb-3'>\n            <Text namespace={namespace} phrase='activateButton' />\n          </DivButton>\n        </div>\n\n        <SettingsOrderedListItem number={3}>\n          <Text namespace={namespace} phrase='instructionsStep3Fragment1' />\n          <SvgContainer svgName={cvSvgLibrary.Cast} size={SvgContainerSize.Small} />\n          <Text namespace={namespace} phrase='instructionsStep3Fragment2' />\n        </SettingsOrderedListItem>\n\n        <a\n          href={ArticleHelper.getLiteArticle(LiteSupportArticle.AppleTvIntegration)}\n          target='_blank'\n          className='text-info mt-2'\n        >\n          <Text namespace={namespace} phrase='learnMore' />\n        </a>\n\n      </div>\n\n      <div className='ms-2 d-flex align-items-center'>\n        <img className={styles.image} role='presentation' src={ImageUrls.Devices.APPLE_TV} />\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'settings.appleTvSettings.renameDevicePopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface RenameDevicePopupProps extends PopupViewProps {\n  name: string;\n  showSpinner: boolean;\n  onRename: (newName: string) => void;\n}\n\nexport function RenameDevicePopup(props: RenameDevicePopupProps): JSX.Element {\n  const [ name, setName ] = React.useState(props.name);\n  const trimmedName = name.trim();\n\n  return (\n    <Popup title={getPhrase('title')} closePopup={props.closePopup}>\n      <div className='form-group'>\n        <label className='fw-bold mb-2' htmlFor='edit'>\n          <Text namespace={namespace} phrase='inputLabel' />\n        </label>\n        <input\n          value={name}\n          onChange={e => setName(e.target.value)}\n          className='form-control form-control-md mb-4'\n          autoFocus\n          placeholder={getPhrase('inputPlaceholder')}\n        />\n      </div>\n      <PopupButtons>\n        <PopupButtons.Cancel onClick={props.closePopup} />\n        <PopupButtons.Submit\n          disabled={!trimmedName}\n          variant='dark'\n          text={getPhrase('saveButton')}\n          onClick={() => props.onRename(trimmedName)}\n          showSpinner={props.showSpinner}\n        />\n      </PopupButtons>\n    </Popup>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'settings.appleTvSettings.unpairDevicePopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UnpairDevicePopupProps extends PopupViewProps {\n  showSpinner: boolean;\n  deviceName: string;\n  onUnpair: () => void;\n}\n\nexport function UnpairDevicePopup(props: UnpairDevicePopupProps): JSX.Element {\n  const { closePopup, showSpinner, deviceName, onUnpair } = props;\n  \n  return (\n    <Popup title={getPhrase('title')} closePopup={closePopup}>\n      <p>\n        <Text namespace={namespace} phrase='warning' options={{ name: deviceName }} />\n      </p>\n\n      <p>\n        <Text namespace={namespace} phrase='subWarning' />\n      </p>\n\n      <PopupButtons>\n        <PopupButtons.Cancel onClick={closePopup} />\n        <PopupButtons.Submit\n          variant='danger'\n          text={getPhrase('unpairButton')}\n          onClick={onUnpair}\n          showSpinner={showSpinner}\n        />\n      </PopupButtons>\n    </Popup>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { WindowedList } from 'libs/shared/components/windowed-list/WindowedList';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\n\nimport { Device } from 'projects/player/plugins/devices-plugin/clients/client-interfaces';\n\nimport { DeviceListItem } from 'apps/settings/components/device-list-item/DeviceListItem';\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { useAppleTvClient } from 'apps/settings/hooks/useAppleTvClient';\n\nimport { PairDeviceView } from './pair-device-view/PairDeviceView';\nimport { RenameDevicePopup } from './rename-device-popup/RenameDevicePopup';\nimport { UnpairDevicePopup } from './unpair-device-popup/UnpairDevicePopup';\n\nconst namespace = 'settings.appleTv';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AppleTvSettingsView(): JSX.Element {\n  const { devices, pair, unpair, rename } = useAppleTvClient();\n  const [ deviceName, setDeviceName ] = React.useState('');\n  const [ pin, setPin ] = React.useState('');\n  const [ deviceToRename, setDeviceToRename ] = React.useState<Device>();\n  const [ deviceToUnpair, setDeviceToUnpair ] = React.useState<Device>();\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n\n  const alerts = useAlerts();\n \n  async function onPairDevice() {\n    try {\n      const trimmedDeviceName = deviceName.trim();\n      const trimmedPin = pin.trim();\n\n      if (!trimmedDeviceName) return;\n      if (!trimmedPin) return;\n\n      await pair({ deviceName: trimmedDeviceName, pin: trimmedPin });\n      setDeviceName('');\n      setPin('');\n      \n      alerts.success(getPhrase('devicePairingSuccessMessage'));\n    } catch (e) {\n      console.error(e);\n      alerts.error(getPhrase('devicePairingErrorMessage'));\n    }\n  }\n\n  async function onUnpairDevice(deviceId: string) {\n    try {\n      setShowSpinner(true);\n      await unpair(deviceId);\n      setDeviceToUnpair(undefined);\n      \n      alerts.success(getPhrase('deviceUnpairingSuccessMessage'));\n    } catch (e) {\n      console.error(e);\n      alerts.error(getPhrase('deviceUnpairingErrorMessage'));\n    } finally {\n      setShowSpinner(false);\n    }\n  }\n\n  async function onRenameDevice(deviceId: string, deviceName: string) {\n    try {\n      setShowSpinner(true);\n      await rename({ deviceId, deviceName });\n      setDeviceToRename(undefined);\n      \n      alerts.success(getPhrase('deviceRenamingSuccessMessage'));\n    } catch (e) {\n      console.error(e);\n      alerts.error(getPhrase('deviceRenamingErrorMessage'));\n    } finally {\n      setShowSpinner(false);\n    }\n  }\n\n  return (\n    <SettingsLayout\n      heading={getPhrase('heading')}\n      breadcrumbs={[getPhrase('heading')]}\n      requiredPermissions={PermissionName.ManageIntegrations}\n    >\n      { deviceToRename && (\n        <RenameDevicePopup\n          name={deviceToRename.name}\n          showSpinner={showSpinner}\n          onRename={newName => onRenameDevice(deviceToRename.id, newName)}\n          closePopup={() => setDeviceToRename(undefined)}\n        />\n      )}\n\n      { deviceToUnpair && (\n        <UnpairDevicePopup\n          showSpinner={showSpinner}\n          deviceName={deviceToUnpair.name}\n          onUnpair={() => onUnpairDevice(deviceToUnpair.id)}\n          closePopup={() => setDeviceToUnpair(undefined)}\n        />\n      )}\n\n      <PairDeviceView\n        deviceName={deviceName}\n        pin={pin}\n        onDeviceNameChange={setDeviceName}\n        onPinChange={setPin}\n        onActivate={onPairDevice}\n      />\n\n      {devices.length ? <h2 className='h5 mt-4'>{getPhrase('activatedListHeading')}</h2> : null }\n\n      <WindowedList\n        items={devices}\n        rowHeight={55}\n        getComponent={(device: Device) => {\n          return (\n            <DeviceListItem\n              key={device.id}\n              name={device.name}\n              status={device.status}\n              onUnpair={() => setDeviceToUnpair(device)}\n              // The rename function is a bit janky at the moment, so we'll disable it for now\n              // Note: re-pairing the device with a different name works fine..\n              // onRename={() => setDeviceToRename(device)}\n            />\n          );\n        }}\n      />\n    </SettingsLayout>\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlayerIntegrationsRequests } from 'libs/shared/flight-requests/PlayerIntegrationsRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser, Customer } from 'libs/shared/interfaces';\n\nimport { AppleTvClient } from 'projects/player/plugins/devices-plugin/clients/apple-tv/apple-tv-client';\nimport { AppleTvPairRequest, AppleTvRenameRequest, OnlineApiDevice } from 'projects/player/plugins/devices-plugin/clients/apple-tv/apple-tv-interfaces';\nimport { Device } from 'projects/player/plugins/devices-plugin/clients/client-interfaces';\n\ninterface AppleTvClientApi {\n  devices: Device[];\n  pair: (pairRequest: Omit<AppleTvPairRequest, 'crmId'>) => Promise<OnlineApiDevice>;\n  unpair: (id: string) => Promise<void>;\n  rename: (renameRequest: AppleTvRenameRequest) => Promise<void>;\n}\n\nexport function useAppleTvClient(): AppleTvClientApi {\n  const [ devices, setDevices ] = React.useState<Device[]>([]);\n  const client = React.useRef<AppleTvClient>();\n  const fetchAsync = Flight.useGetFetchAsync();\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const customer = Flight.useBasicFetch<Customer>(\n    currentUser.data?.isAuthenticated &&\n    CustomerRequests.customer(currentUser.data.customerId)\n  );\n\n  React.useEffect(() => {\n    if (!currentUser.data?.isAuthenticated) return;\n    if (!customer.hasCompleted) return;\n\n    client.current = new AppleTvClient({\n      fetchAccessToken: () => fetchAsync(PlayerIntegrationsRequests.getAppleTvAccessToken()),\n      userId: parseInt(currentUser.data?.id)\n    });\n\n    client.current?.on('deviceschange', () => {\n      setDevices([...client.current?.getDevices()]);\n    });\n\n    return () => client.current?.dispose();\n  }, [ currentUser.data?.isAuthenticated, customer.hasCompleted ]);\n\n  function pair(pairRequest: Omit<AppleTvPairRequest, 'crmId'>) {\n    return client.current?.pair({ ...pairRequest, crmId: parseInt(customer.data?.crmId) });\n  }\n\n  function unpair(id: string) {\n    return client.current?.unpair(id);\n  }\n\n  function rename(renameRequest: AppleTvRenameRequest) {\n    return client?.current.renameDevice(renameRequest);\n  }\n\n  return {\n    devices,\n    pair,\n    unpair,\n    rename\n  };\n}","/**\n * Wraps the given function, `fn`, with a new function that only invokes `fn`\n * at most once per every `wait` milliseconds.\n *\n * @function\n * @param    {Function} fn\n *           The function to be throttled.\n *\n * @param    {number}   wait\n *           The number of milliseconds by which to throttle.\n *\n * @return   {Function}\n */\nexport const throttle = function(fn: any, wait: any): any {\n  let last = window.performance.now();\n\n  const throttled = function(...args: any[]): any {\n    const now = window.performance.now();\n\n    if (now - last >= wait) {\n      fn(...args);\n      last = now;\n    }\n  };\n\n  return throttled;\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked.\n *\n * Inspired by lodash and underscore implementations.\n *\n * @function\n * @param    {Function} func\n *           The function to wrap with debounce behavior.\n *\n * @param    {number} wait\n *           The number of milliseconds to wait after the last invocation.\n *\n * @param    {boolean} [leading]\n *           When true will also invoke the function immediately upon creation.\n *\n * @param    {Object} [context=window]\n *           The \"context\" in which the debounced function should debounce. For\n *           example, if this function should be tied to a Video.js player,\n *           the player can be passed here. Alternatively, defaults to the\n *           global `window` object.\n *\n * @return   {Function}\n *           A debounced function that returns true if the wrapped function was executed immediately.\n */\nexport const debounce = function(\n  func: any,\n  wait: any,\n  leading: any,\n  context: any = window\n): (...args: any[]) => boolean {\n  let timeout: any;\n\n  const cancel = () => {\n    context.clearTimeout(timeout);\n    timeout = null;\n  };\n\n  /* eslint-disable consistent-this */\n  const debounced = (...args: any[]) => {\n    let executed = false;\n\n    let later = function() {\n      timeout = null;\n      later = null;\n      func.apply(this, args);\n    };\n\n    if (!timeout && leading) {\n      func.apply(this, args);\n      executed = true;\n    }\n\n    context.clearTimeout(timeout);\n    timeout = context.setTimeout(later, wait);\n\n    return executed;\n  };\n  /* eslint-enable consistent-this */\n\n  debounced.cancel = cancel;\n\n  return debounced;\n};\n\n/**\n * A function that returns undefined.\n *\n * Inspired by lodash implementations.\n */\nexport const noop = function(): undefined {\n  return undefined;\n};\n"],"names":["Actions","props","orderedActions","actions","sort","a","b","order","buttonActions","moreActions","forEach","button","push","className","length","map","idx","key","label","appLink","href","onClick","svgName","svgSize","dropdownToggleSvgSize","tooltip","showSpinner","analyticsData","analyticsOptions","openInNewTab","disabled","iconButton","showBorder","customSize","title","spanHack","sortComponent","dropdownToggleClassName","actionsDropdownClassName","fetchMore","LazyDropdownItems","style","padding","height","width","getDropdownItemClassName","actionClassName","ActionsDropdownItem","FunctionHelper","action","AppLink","SvgContainer","e","preventDefault","AnalyticsHelper","role","tabIndex","onKeyDown","ActionsDropdown","isLazy","some","lazyPlaceholder","currentGroup","dropdownToggleId","RandomHelper","type","id","size","showDivider","undefined","group","Tooltip","defaultProps","S","getPhrase","BreadcrumbItem","ref","breadcrumb","name","active","withBackIcon","Breadcrumbs","breadcrumbs","isMobile","collapse","setCollapse","shouldFocus","setShouldFocus","expandRef","characterLength","reduce","prev","next","current","focus","first","secondLast","last","rest","slice","PartialBreadcrumbs","numItems","dangerouslySetInnerHTML","__html","WindowedList","containerHeight","availableHeight","setAvailableHeight","scrollTop","setScrollTop","tableRef","clientHeight","tablePosFromTop","numRows","items","totalRowsVisible","Math","ceil","rowHeight","totalHeight","startIndex","max","floor","endIndex","min","getBoundingClientRect","top","window","pageYOffset","minHeight","overflow","onScroll","currentTarget","autoHeightMin","autoHeightMax","paddingTop","staticComponentAboveRows","index","item","getComponent","getRows","staticComponentBelowRows","OnlineSupportArticle","LiteSupportArticle","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","random","namespace","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","modules","settingsModule","SettingsLayout","canAccess","replace","i","heading","headingButton","description","children","SettingsOrderedListItem","number","LanguageService","DeviceListItem","status","onUnpair","onRename","DeviceStatusIndicator","statusIndicatorColors","statusIndicatorLabels","color","PairDeviceView","deviceName","pin","onDeviceNameChange","onPinChange","onActivate","Text","phrase","SvgContainer2","ClickViewAvatar","htmlFor","value","onChange","target","autoComplete","placeholder","DivButton","ArticleHelper","src","ImageUrls","RenameDevicePopup","setName","trimmedName","trim","Popup","closePopup","autoFocus","PopupButtons","variant","text","UnpairDevicePopup","AppleTvSettingsView","devices","setDevices","client","fetchAsync","currentUser","UserRequests","customer","data","isAuthenticated","CustomerRequests","customerId","hasCompleted","fetchAccessToken","PlayerIntegrationsRequests","userId","parseInt","on","getDevices","dispose","pair","pairRequest","crmId","unpair","rename","renameRequest","renameDevice","useAppleTvClient","setDeviceName","setPin","deviceToRename","setDeviceToRename","deviceToUnpair","setDeviceToUnpair","setShowSpinner","alerts","PermissionName","newName","deviceId","success","console","error","onRenameDevice","onUnpairDevice","trimmedDeviceName","trimmedPin","device","throttle","fn","wait","performance","now","debounce","func","leading","timeout","context","debounced","args","executed","apply","this","clearTimeout","setTimeout","cancel"],"sourceRoot":""}

package/dist/scripts/9359-1fb4413e0d-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9359],{49935:(e,a,t)=>{t.d(a,{Oo:()=>b,b2:()=>f});var n=t(32735),r=t(23481),i=t(36848),l=t(86764),c=t(3747),o=t(5859),s=t(35223),u=t(83914);function m(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,i,l,c=[],o=!0,s=!1;try{if(i=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;o=!1}else for(;!(o=(n=i.call(t)).done)&&(c.push(n.value),c.length!==a);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(e,a)||function(e,a){if(e){if("string"==typeof e)return d(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?d(e,a):void 0}}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}var p=r.T.encloseNamespace("shared.breadcrumbComponent"),v=n.forwardRef((function(e,a){var t=e.breadcrumb,r=t.name,l=t.appLink,c=t.active,o=e.withBackIcon;return n.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?n.createElement("strong",null,r):n.createElement(i.F,{appLink:l,ref:a},o&&n.createElement(u.x,{svgName:s.vn.ChevronLeft,size:u.S.Small}),n.createElement("span",{className:o?"ms-2":""},r)))})),b=function(e){var a=e.breadcrumbs,t=(0,c.a)(l.r.XS),r=(null==a?void 0:a.length)||0,i=m(n.useState(!1),2),o=i[0],s=i[1],u=m(n.useState(!1),2),d=u[0],b=u[1],f=n.useRef();if(n.useEffect((function(){var e,t=null!==(e=null==a?void 0:a.reduce((function(e,a){return e+a.name.length}),0))&&void 0!==e?e:0;r>3&&t>56&&s(!0)}),[null==a?void 0:a.length]),n.useLayoutEffect((function(){var e;d&&(null===(e=f.current)||void 0===e||e.focus())}),[f.current,d]),!r||t&&r<2)return n.createElement(n.Fragment,null);if(t)return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},n.createElement(v,{breadcrumb:a[r-2],withBackIcon:!0})));var g=n.createElement(v,{breadcrumb:a[0]}),h=r>2?n.createElement(v,{breadcrumb:a[r-2]}):n.createElement(n.Fragment,null),E=n.createElement(v,{breadcrumb:a[r-1]}),y=a.slice(1,r-2);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},g,o?n.createElement("li",{className:"breadcrumb-item"},n.createElement("button",{className:"btn-link",onClick:function(){s(!1),b(!0)},"aria-label":p("expand")},"...")):y.map((function(e,a){return n.createElement(v,{key:a,breadcrumb:e,ref:0===a?f:null})})),h,E))},f=n.memo((function(e){var a=e.numItems,t=void 0===a?3:a;return(0,c.a)(l.r.XS)?n.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},o.u.getPartialLoadingItems({numItems:t}).map((function(e,a){var t=e.width;return n.createElement("li",{key:a,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:t},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},74696:(e,a,t)=>{t.d(a,{S:()=>s});var n=t(32735),r=t(68050),i=t(69111),l=t(9977),c=t(79967);const o={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return n.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(a,t){return n.createElement("div",{className:"d-flex",key:t},e.allowBulkActions&&n.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.createElement(u,Object.assign({},e)))})))}function u(e){var a=(0,c.k)(),t="sm"===l.O.getSize(a,"md"),s=e.withReordering&&!a.xs;return n.createElement(r.Z,{className:"".concat(t?"":"py-2"," flex-grow-1")},n.createElement(i.Z,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(t?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),n.createElement(r.Z,null,!!s&&n.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},n.createElement("div",{className:"partial-loading-background ".concat(o.partialDragHandle)})),n.createElement(i.Z,{xs:l.O.getThumbnailColSize(s)},n.createElement("div",{className:"partial-loading-background ".concat(t?"rounded":"rounded-3"," ").concat(o.partialThumbnail)})))),n.createElement(i.Z,Object.assign({},l.O.getDetailsColumns(),{className:t?"pb-2":"px-2"}),n.createElement("div",{className:"partial-loading-background mb-1 ".concat(o.partialName)}),n.createElement("div",{className:"partial-loading-background ".concat(o.partialDescription)})))}s.defaultProps={numVideos:15}},5859:(e,a,t)=>{function n(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}t.d(a,{u:()=>i});var r={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object.assign(Object.assign({},r),a);return(e=Array(t.numItems),function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,a){if(e){if("string"==typeof e)return n(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?n(e,a):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*t.maxWidth),t.minWidth),"px")}}))}}},44110:(e,a,t)=>{t.d(a,{i:()=>l});var n=t(20354),r=t(89454),i=t(86698),l=function(){var e=(0,i.y)({redirectOnError:!0}),a=e.activePresentation,t=e.getFallbackPresentation,l=a||t();return n.a.useBasicFetch(!!l&&r.O.presentationAudiences(l.id))}},35014:(e,a,t)=>{t.d(a,{I:()=>o});var n=t(16714),r=t(12754),i=t(22902),l=t(15311),c=t(11387);function o(){var e=(0,i.T)(),a=e.hasPermissions,t=e.hasLocalPermissions,o=(0,(0,l.r)().hasProduct)(r.x.Primary);return{canViewGlance:a(n.C.ViewVideoGlance),canViewResources:!0,canViewInteractives:o&&a(n.C.ViewVideoInteractives),canViewClips:o&&a(n.C.ViewVideoClips),canViewCurriculumLinks:a(n.C.ViewCurriculums),canUseActions:t(n.E.UseVideoActions),canViewPublicLayout:!t(n.E.WatchVideos)&&c.C.hasRegionPrefix(),canViewResourceItems:t(n.E.ViewVideoResourceItems),canNavigate:o}}},78630:(e,a,t)=>{t.r(a),t.d(a,{ClipClipsView:()=>x});var n=t(32735),r=t(81886),i=t(23481),l=t(20354),c=t(28400),o=t(65858),s=t(49935),u=t(13231),m=t(51365),d=t(183),p=t(43012),v=t(39151),b=t(1666),f=t(31949),g=t(22902),h=t(14070),E=t(97291),y=t(51855),C=t(10671),k=t(27638),w=t(44110),N=t(35014),I=t(22490),A=t(98620),V=t(82431),L=t(16747),S=i.T.encloseNamespace("shared.videoMedia");function x(e){var a,t,i,x,O,P,j,F=e.clipId,G=(0,k.u)(o.LZ.VideoThumbnail),T=G.setFavourite,R=G.canFavourite,_=(0,y.G)().isPlugin,W=(0,C._)({location:C.i.VideoItem}),B=(0,N.I)(),M=l.a.useBasicFetch(f.N.currentUser()),Z=l.a.useBasicFetch(M.data.isAuthenticated&&b.h.yearGroups(M.data.customerId)),$=l.a.useBasicFetch(p.e.clip(F)),D=null===(t=null===(a=$.data)||void 0===a?void 0:a._parentVideo)||void 0===t?void 0:t.id,U=l.a.useBasicFetch(D&&B.canViewClips&&p.e.videoClips(D)),H=null===(i=null==U?void 0:U.data)||void 0===i?void 0:i.filter((function(e){return e.id.toString()!==F.toString()})),Y=(null==H?void 0:H.length)||0,z=l.a.useBasicFetch(v.L.config()),Q="".concat(S("otherClipsHeading")," (").concat(Y||"",")"),q=(0,w.i)(),X=(0,g.T)().hasPermissions,J=[{name:null===(x=$.data)||void 0===x?void 0:x.name,appLink:Object.assign(Object.assign({},A.Y.playClip),{args:[F,c.m.slugify(null===(O=$.data)||void 0===O?void 0:O.name)]})},{name:Q,appLink:{application:E.O.CLIPS,action:h.e.Clips.CLIP_CLIPS,args:[F,c.m.slugify(null===(P=$.data)||void 0===P?void 0:P.name)]},active:!0}];return n.useEffect((function(){B.canViewClips||function(){var e;r.Q.C$.trigger(Object.assign(Object.assign({},A.Y.playClip),{args:[F,c.m.slugify(null===(e=$.data)||void 0===e?void 0:e.name)]}),{replace:!0})}()}),[B.canViewClips]),$.data&&(null==H?void 0:H.length)&&z.hasCompleted?n.createElement(m.M.Provider,{value:W},n.createElement("div",{className:"px-3"},n.createElement("h1",{className:"h2 mb-2"},Q),n.createElement("div",{className:"mb-2"},n.createElement(s.Oo,{breadcrumbs:J})),n.createElement(u.E4,{videos:H,yearGroups:Z.data,getVideoAppLink:function(a,t){return I.W.getAppLink(a,Object.assign(Object.assign({},t),{context:d.Q.Widget,contextId:e.clipId}))},hasPermissions:X,getSubTextAppLink:function(e){return V.j.getSeriesAppLink(e.series)},setFavourite:T,canFavourite:R,presentationAudiences:q.data,imageCdnUrl:null===(j=z.data)||void 0===j?void 0:j.imageCdnUrl,isPlugin:_,getClassroomGuideAppLink:I.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:I.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:I.W.getResourceGuidanceAppLink}))):n.createElement(L.l,null)}},98620:(e,a,t)=>{t.d(a,{Y:()=>i});var n=t(14070),r=t(97291),i={playVideo:{application:r.O.VIDEOS,action:n.e.Videos.PLAY_VIDEO},playClip:{application:r.O.CLIPS,action:n.e.Clips.PLAY_CLIP}}},16747:(e,a,t)=>{t.d(a,{l:()=>c});var n=t(32735),r=t(49935),i=t(74696);const l={partialHeading:"okxfx"};function c(){return n.createElement("div",{className:"px-3"},n.createElement("div",{className:"partial-loading-background mb-2 ".concat(l.partialHeading)}),n.createElement("div",{className:"mb-2"},n.createElement(r.b2,null)),n.createElement(i.S,null))}},68050:(e,a,t)=>{t.d(a,{Z:()=>s});var n=t(95685),r=t.n(n),i=t(32735),l=t(46304),c=t(74512);const o=i.forwardRef((({bsPrefix:e,className:a,as:t="div",...n},i)=>{const o=(0,l.vE)(e,"row"),s=(0,l.pi)(),u=(0,l.zG)(),m=`${o}-cols`,d=[];return s.forEach((e=>{const a=n[e];let t;delete n[e],null!=a&&"object"==typeof a?({cols:t}=a):t=a;const r=e!==u?`-${e}`:"";null!=t&&d.push(`${m}${r}-${t}`)})),(0,c.jsx)(t,{ref:i,...n,className:r()(a,o,...d)})}));o.displayName="Row";const s=o}}]);
+//# sourceMappingURL=9359-1fb4413e0d-lite.chunk.js.map