@clickview/exchange 0.49.0 → 0.50.0-rc.2

package/dist/scripts/7fC_wUI0.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7fC_wUI0.chunk.js","sources":["../../../../libs/shared/src/components/choices-popup/components/choices/Choices.tsx","../../src/apps/tv/hooks/useTvAddRequests.ts","../../src/apps/tv/views/tv-add/TvAddView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport styles from './choices.module.scss';\n\nexport interface ChoicePopupOption {\n  id: string;\n  title?: string;\n  description?: string;\n  imageUrl?: string;\n  disabled?: boolean;\n  imageClassName?: string;\n}\n\n\ninterface ChoiceProps {\n  option?: ChoicePopupOption;\n  selected: boolean | ((selectedChoice: boolean) => boolean);\n  onSelect: (option: ChoicePopupOption) => void;\n}\n\nexport function Choice(props: React.PropsWithChildren<ChoiceProps>): React.ReactElement {\n  function onSelect(): void {\n    if (props.option?.disabled)\n      return;\n\n    props.onSelect(props.option);\n  }\n\n  let className = 'text-center cursor-pointer p-3 border rounded-3 mx-2 user-select-none w-50';\n\n  if (props.selected)\n    className += ` border-info ${styles.selected}`;\n\n  if (props.option?.disabled)\n    className += ` ${styles.disabled}`;\n\n  return (\n    <DivButton onClick={onSelect} className={className}>\n      {props.option?.imageUrl && <img src={props.option.imageUrl} className={`img-fluid my-3 ${props.option.imageClassName ?? ''}`} draggable={false} />}\n      {props.option?.title && <h2 className='h3'>{props.option.title}</h2>}\n      {props.option?.description && <p className='mb-0' dangerouslySetInnerHTML={{ __html: props.option.description }}></p>}\n      {props.children}\n    </DivButton>\n  );\n}\n\ninterface ChoicesProps {\n  options: [ChoicePopupOption, ChoicePopupOption];\n  selection: ChoicePopupOption | null;\n  selectOption: (option: ChoicePopupOption) => void;\n}\n\nexport function Choices(props: ChoicesProps): React.ReactElement {\n  return (\n    <div className='d-flex mb-3 mx-n2'>\n      {props.options.map(o => (\n        <Choice\n          key={o.id}\n          option={o}\n          selected={props.selection?.id === o.id}\n          onSelect={props.selectOption}\n        />\n      ))}\n    </div>\n  );\n}","import { Core } from 'libs/common/backbone/index';\nimport { AlertType } from 'libs/common/backbone/services/BaseAlertService';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, TvDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser, Library } from 'libs/shared/interfaces';\n\nimport { DefaultAlertHeading } from 'shared/constants/DefaultAlertHeading';\nimport { Actions } from 'shared/constants/ExchangeActions';\nimport { AppChannels } from 'shared/constants/ExchangeRadioChannels';\n\nimport { TvRequests } from 'apps/tv/flight-requests/TvRequests';\nimport { TvProgram } from 'apps/tv/interfaces/models/TvProgram';\nimport { TvRegion } from 'apps/tv/interfaces/models/TvRegion';\nimport { TvWorkspaceVideoResponse } from 'apps/tv/interfaces/responses/TvWorkspaceVideoResponse';\n\nconst namespace = 'tv.addRequests';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function useTvAddRequests(programId: string, regionCode: string) {\n  const fetchAsync = Flight.useGetFetchAsync();\n  const alerts = useAlerts();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const workspace = Flight.useBasicFetch<Library>(UserRequests.workspace());\n\n  const program = Flight.useBasicFetch<TvProgram>(TvRequests.program(programId));\n  const region = Flight.useBasicFetch<TvRegion>(TvRequests.region(regionCode));\n  const workspaceVideo = Flight.useBasicFetch<TvWorkspaceVideoResponse>(\n    program.data && currentUser.data &&\n    TvRequests.workspaceVideo(\n      program.data.id,\n      currentUser.data.id,\n      currentUser.data.customerId\n    )\n  );\n  \n  async function requestAdFreeVideo(): Promise<void> {\n    try {\n      await fetchAsync(TvRequests.createAdFreeRequest({\n        programId: program.data.id,\n        regionCode: region.data.code,\n        userId: currentUser.data.id,\n        customerId: currentUser.data.customerId\n      }));\n\n      alerts.success({\n        heading: DefaultAlertHeading.Success,\n        message: getPhrase('requestAdFreeSuccess', { video: program.data.title }),\n        type: AlertType.Success\n      });\n\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.TV,\n        action: Actions.Tv.AD_FREE_REQUEST,\n        args: [ region.data.code, program.data.id ]\n      });\n\n      AnalyticsHelper.logUserAction(\n        { id: program.data.id, name: program.data.title },\n        {\n          actionType: UserAction.Submit,\n          entity: EntityType.Video,\n          descriptor: TvDescriptor.AdFreeRequest,\n          location: LocationContext.Popup,\n          workflowPhase: WorkflowPhase.Complete\n        }\n      );\n    } catch (error) {\n      const errorMessage = error.responseJSON?.message;\n      if (errorMessage) {\n        const parsedErrorMessage = JSON.parse(errorMessage);\n        alerts.error(getPhrase(parsedErrorMessage.Type, { video: program.data.title }));\n      } else {\n        alerts.error(getPhrase('error'));\n      }\n    }\n  }\n\n  async function addAdFreeVideo() {\n    if (workspaceVideo.data.exists && workspaceVideo.data.hasAdFree) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.TV,\n        action: Actions.Tv.ALREADY_ADDED,\n        params: { alreadyAdded: true }\n      });\n      return;\n    }\n\n    try {\n      const data = {\n        id: program.data.id,\n        userId: currentUser.data.id,\n        customerId: currentUser.data.customerId\n      };\n      await fetchAsync(TvRequests.addAdFreeVideo(data, program.data.id));\n\n      alerts.success({\n        heading: DefaultAlertHeading.Success,\n        message: getPhrase('addAdFreeSuccess', { video: program.data.title }),\n        type: AlertType.Success\n      });\n\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.TV,\n        action: Actions.Tv.ALREADY_ADDED,\n        args: [ region.data.code, program.data.id ]\n      });\n\n      AnalyticsHelper.logUserAction(\n        { id: program.data.id, name: program.data.title },\n        {\n          actionType: UserAction.Submit,\n          entity: EntityType.Video,\n          descriptor: TvDescriptor.AddAdFreeVideo,\n          location: LocationContext.Popup,\n          workflowPhase: WorkflowPhase.Complete\n        }\n      );\n    } catch {\n      alerts.error(getPhrase('error'));\n    }\n  }\n\n  async function addFullVideo() {\n    if (workspaceVideo.data.exists) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.TV,\n        action: Actions.Tv.ALREADY_ADDED,\n        params: { alreadyAdded: true }\n      });\n      return;\n    }\n\n    try {\n      const data = {\n        userId: currentUser.data.id,\n        customerId: currentUser.data.customerId,\n        globalId: program.data.globalId,\n        libraryId: workspace.data.id\n      };\n      await fetchAsync(TvRequests.addFullVideo(data, program.data.id));\n\n      alerts.success({\n        heading: DefaultAlertHeading.Success,\n        message: getPhrase('addFullSuccess', { video: program.data.title }),\n        type: AlertType.Success\n      });\n\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.TV,\n        action: Actions.Tv.ALREADY_ADDED,\n        args: [ region.data.code, program.data.id ]\n      });\n\n      AnalyticsHelper.logUserAction(\n        { id: program.data.id, name: program.data.title },\n        {\n          actionType: UserAction.Submit,\n          entity: EntityType.Video,\n          descriptor: TvDescriptor.AddFullVideo,\n          location: LocationContext.Popup,\n          workflowPhase: WorkflowPhase.Complete\n        }\n      );\n    } catch {\n      alerts.error(getPhrase('error'));\n    }\n  }\n\n  return { requestAdFreeVideo, addAdFreeVideo, addFullVideo };\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/flight';\n\nimport { Choice, ChoicePopupOption } from 'libs/shared/components/choices-popup/components/choices/Choices';\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 { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleDialogError } from 'libs/shared/hooks/UseHandleDialogError';\nimport { CurrentUser, PopupViewProps } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/ExchangeActions';\nimport { AppChannels } from 'shared/constants/ExchangeRadioChannels';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { TvRequests } from 'apps/tv/flight-requests/TvRequests';\nimport { useTvAddRequests } from 'apps/tv/hooks/useTvAddRequests';\nimport { AdFreeCredits } from 'apps/tv/interfaces/models/AdFreeCredits';\nimport { TvProgram } from 'apps/tv/interfaces/models/TvProgram';\nimport { TvUtils } from 'apps/tv/utils/TvUtils';\n\nimport styles from './tv-add.module.scss';\n\nconst namespace = 'tv.add';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst AD_FREE = {\n  id: 'ad-free',\n  title: 'adFreeTitle',\n  description: 'adFreeDescription',\n  imageUrl: ImageUrls.General.MOUNTAINS_FRAMED\n};\n\nconst REQUEST_AD_FREE = {\n  id: 'request-ad-free',\n  title: 'adFreeTitle',\n  imageUrl: ImageUrls.General.MOUNTAINS_FRAMED\n};\n\nconst FULL_VIDEO = {\n  id: 'full-video',\n  title: 'fullVideoTitle',\n  description: 'fullVideoDescription',\n  imageUrl: ImageUrls.General.ANNOUNCEMENT_FRAMED\n};\n\ninterface TvAddViewProps extends PopupViewProps {\n  id: string;\n  region: string;\n  currentTime: number;\n}\n\nexport function TvAddView(props: TvAddViewProps): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const program = Flight.useBasicFetch<TvProgram>(TvRequests.program(props.id));\n  const adFreeCredits = Flight.useBasicFetch<AdFreeCredits>(\n    currentUser.data &&\n    TvRequests.adFreeCredits(\n      currentUser.data.id,\n      currentUser.data.customerId,\n      props.region\n    )\n  );\n\n  const { requestAdFreeVideo, addAdFreeVideo, addFullVideo } = useTvAddRequests(props.id, props.region);\n\n  useHandleDialogError(program.statusCode);\n\n  const [ selectedChoice, setSelectedChoice ] = React.useState<ChoicePopupOption>(null);\n\n  const isFromPreview = !Number.isNaN(props.currentTime);\n\n  function onClickContinue(): void {\n    if (!selectedChoice)\n      return;\n\n    if (selectedChoice.id === FULL_VIDEO.id) {\n      addFullVideo();\n    }\n    \n    if (selectedChoice.id === AD_FREE.id) {\n      addAdFreeVideo();\n    }\n\n    if (selectedChoice.id === REQUEST_AD_FREE.id) {\n      requestAdFreeVideo();\n    }\n  }\n\n  function onClickBack(): void {\n    if (!isFromPreview) {\n      props.closePopup();\n      return;\n    }\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.TV,\n      action: Actions.Tv.PREVIEW,\n      args: [ props.region, program.data.id ],\n      params: {\n        currentTime: props.currentTime\n      }\n    });\n  }\n\n  const hasEnoughCredits = adFreeCredits.data &&\n    (adFreeCredits.data.userRequests < adFreeCredits.data.maxAvailableCredit);\n  const requestsRemaining = adFreeCredits.data &&\n  (adFreeCredits.data.maxAvailableCredit - adFreeCredits.data.userRequests);\n\n  React.useEffect(() => {\n    if (!adFreeCredits.hasCompleted)\n      return;\n  \n    if (hasEnoughCredits)\n      return;\n\n    setSelectedChoice(FULL_VIDEO);\n  }, [ adFreeCredits, hasEnoughCredits ]);\n\n  const hasLoaded = (\n    currentUser.hasCompleted &&\n    program.hasCompleted &&\n    adFreeCredits.hasCompleted\n  );\n\n  const showAdFreeAlert = selectedChoice?.id === REQUEST_AD_FREE.id && TvUtils.isHolidayPeriod();\n\n  return (\n    <Popup\n      size='lg'\n      title={getPhrase('title')}\n      showLoadingSpinner={!hasLoaded}\n      closePopup={props.closePopup}\n    >\n      {hasLoaded &&\n        <>\n          <div className='d-flex mb-3 mx-n2'>\n            {program.data.hasAdsFree &&\n              <Choice\n                option={{ id: AD_FREE.id }}\n                onSelect={setSelectedChoice}\n                selected={selectedChoice?.id === AD_FREE.id}\n              >\n                <img src={AD_FREE.imageUrl} className='img-fluid' draggable={false} />\n                <h2 className='h4 mb-1'><Text namespace={namespace} phrase={AD_FREE.title} /></h2>\n                <p className='mb-2'><Text namespace={namespace} phrase={AD_FREE.description} /></p>\n              </Choice>\n            }\n    \n            {!program.data.hasAdsFree &&\n              <Choice\n                option={{ id: REQUEST_AD_FREE.id, disabled: !hasEnoughCredits }}\n                onSelect={setSelectedChoice}\n                selected={selectedChoice?.id === REQUEST_AD_FREE.id}\n              >\n                <img src={REQUEST_AD_FREE.imageUrl} className='img-fluid' draggable={false} />\n                <div className='d-flex justify-content-center align-items-center mb-1'>\n                  <h2 className='h4 mb-1'><Text namespace={namespace} phrase={REQUEST_AD_FREE.title} /></h2>\n                  <span className={`badge bg-dark rounded-circle ms-2 ${styles.circle}`}>{requestsRemaining}</span>\n                </div>\n                <p className='mb-2'><Text namespace={namespace} phrase={hasEnoughCredits ? 'requestAdFreeDescription' : 'noRequestsDescription'} /></p>\n              </Choice>\n            }\n\n            <Choice\n              option={{ id: FULL_VIDEO.id }}\n              onSelect={setSelectedChoice}\n              selected={selectedChoice?.id === FULL_VIDEO.id}\n            >\n              <img src={FULL_VIDEO.imageUrl} className='img-fluid' draggable={false} />\n              <h2 className='h4 mb-1'><Text namespace={namespace} phrase={FULL_VIDEO.title} /></h2>\n              <p className='mb-2'><Text namespace={namespace} phrase={FULL_VIDEO.description} /></p>\n            </Choice>\n          </div>\n\n          {showAdFreeAlert &&\n            <div className='alert alert-warning' role='alert'>\n              <h3 className='h5'>\n                <Text namespace={namespace} phrase='adFreeAlertHeading' />\n              </h3>\n              <p className='m-0'>\n                <Text namespace={namespace} phrase='adFreeAlertBody' />\n              </p>\n            </div>\n          }\n        </>\n      }\n    \n      <PopupButtons>\n        <PopupButtons.Cancel\n          text={getPhrase(isFromPreview ? 'back' : 'close')}\n          onClick={onClickBack}\n          variant='link'\n        />\n        <PopupButtons.Submit\n          text={getPhrase('continue')}\n          onClick={onClickContinue}\n          variant='dark'\n          disabled={!selectedChoice}\n        />\n      </PopupButtons>\n    </Popup>\n  );\n}"],"names":["Choice","props","onSelect","_a","className","styles","jsxs","DivButton","_b","jsx","_c","_d","namespace","getPhrase","LanguageService","useTvAddRequests","programId","regionCode","fetchAsync","Flight.useGetFetchAsync","alerts","useAlerts","currentUser","Flight.useBasicFetch","UserRequests","workspace","program","TvRequests","region","workspaceVideo","requestAdFreeVideo","DefaultAlertHeading","AlertType","Core.AppLinkHelper","AppChannels","Actions","AnalyticsHelper","UserAction","EntityType","TvDescriptor","LocationContext","WorkflowPhase","error","errorMessage","parsedErrorMessage","addAdFreeVideo","data","addFullVideo","AD_FREE","ImageUrls","REQUEST_AD_FREE","FULL_VIDEO","TvAddView","adFreeCredits","useHandleDialogError","selectedChoice","setSelectedChoice","React","isFromPreview","onClickContinue","onClickBack","hasEnoughCredits","requestsRemaining","hasLoaded","showAdFreeAlert","TvUtils","Popup","Fragment","Text","PopupButtons"],"mappings":"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"}

package/dist/scripts/B1QnQX6X.chunk.js

@@ -0,0 +1,2 @@
+import{j as e,ap as k,a as f,b as j,a2 as m,R as T,aS as E,aA as P,aT as S,l as H,aC as I}from"./app-Det8y4U1.js";import{h as M}from"./BOzZT1qL.chunk.js";import{u as _}from"./CfRzFJ31.chunk.js";import{P as N,A as b,a as B}from"./BHy7EHYB.chunk.js";import{L as U}from"./C8geGHZf.chunk.js";import{T as V}from"./Bz18U45-.chunk.js";import{T as D}from"./OpOTepmF.chunk.js";import{T as F,a as O}from"./DRxJfu3A.chunk.js";import{T as $,a as q}from"./BBhJOnJs.chunk.js";import{T as u}from"./BuawzJwd.chunk.js";import{u as W}from"./D1fkcw30.chunk.js";import{u as z}from"./DuHiL0j5.chunk.js";import{t as G}from"./DWmgmt8-.chunk.js";import"./BopIehJE.chunk.js";import"./5EeDosB6.chunk.js";import"./DwMcJ3Ip.chunk.js";import"./BlDVEZsX.chunk.js";import"./Cyhg-nBj.chunk.js";import"./CX6fV4JE.chunk.js";import"./C99JIGI3.chunk.js";import"./CBlUYGqN.chunk.js";const Z="_itemContainer_84hxn_1",J="_thumbnail_84hxn_12",C={itemContainer:Z,thumbnail:J};function K(a){function d(i,l){switch(i.programType){case N.Video:return{application:j.TV,action:f.Tv.PREVIEW,args:[l,i.id]};case N.Audio:return{application:j.TV,action:f.Tv.RADIO_DOWNLOAD,args:[l,i.id]}}}function t(i){const l=i.globalId.split("-").join("");return`${a.previewUrl}/thumbnail/${l}.jpg`}return e.jsx("div",{className:`${C.itemContainer} rounded mx-4 px-2`,children:e.jsxs(k,{appLink:d(a.program,a.region),className:"d-flex align-items-center justify-content-between py-2 px-3 text-decoration-none",children:[e.jsxs("div",{className:"w-50 d-flex align-items-center",children:[e.jsx("div",{className:`${C.thumbnail} flex-shrink-0 me-3 partial-loading-background rounded`,children:e.jsx(U,{src:t(a.program),alt:a.program.title,extraClasses:"w-100 rounded"})}),e.jsxs("div",{className:"d-flex align-items-center",children:[e.jsx("span",{className:"me-1",children:a.name}),a.program.hasAdsFree&&e.jsx(V,{small:!0})]})]}),e.jsx(D,{program:a.program,className:"pointer-events-none",showEndTime:!0})]},a.program.id)})}function Q(a){const{channel:d}=a;return e.jsxs("div",{className:"d-flex mb-3",children:[e.jsx("div",{className:"d-flex align-items-center me-3",style:{maxWidth:"7.5rem"},children:e.jsx("img",{className:"w-100",src:d.logoUrl})}),e.jsxs("div",{children:[e.jsx("h1",{className:"h3",children:d.displayName}),e.jsx("p",{className:"mb-0",children:d.description})]})]})}function X(){return e.jsxs("div",{className:"d-flex mb-3",children:[e.jsx("div",{className:"partial-loading-background d-flex align-items-center me-3",children:e.jsx("div",{style:{width:"7.5rem"}})}),e.jsxs("div",{className:"w-100",children:[e.jsx("div",{className:"partial-loading-background w-25 h3",children:" "}),e.jsx("p",{className:"partial-loading-background w-100 mb-0",children:" "})]})]})}function Te(a){const d=m(I.config()),t=m(u.region(a.region)),i=m(u.regions()),l=m(u.dateRange(a.region)),g=m(t.data&&u.channels(t.data.code)),s=T.useMemo(()=>{var n;return(n=g.data)==null?void 0:n.find(c=>c.id.toString()===a.channelId.toString())},[g.data]),{setRegion:R}=z(),{showTvGuide:w}=E(),h=m(t.data&&s&&u.programsByChannel(t.data.code,s.name,s.startTime,s.stopTime)),A=T.useMemo(()=>{var p;if(!((p=h.data)!=null&&p.length))return[];const n={};return[...h.data].reverse().forEach(r=>{const o=P.format(G(r.startTime,r.timeZone),"dddd Do MMMM");n[o]||(n[o]=[]),n[o].push(r)}),Object.entries(n).map(([r,o])=>[r,o.reverse()])},[h]);g.hasCompleted&&!s&&M(S.BadRequest),W(t),_([i,g,h]),H({title:s==null?void 0:s.displayName});const L=t.hasCompleted&&i.hasCompleted&&g.hasCompleted&&s&&h.hasCompleted;function y(){var n;return a.selectedRegion?(n=i.data)==null?void 0:n.find(c=>c.code===a.selectedRegion):t.data}const x=y();return e.jsxs(e.Fragment,{children:[e.jsx($,{region:x}),e.jsxs("div",{className:"d-flex justify-content-between",children:[e.jsx(F,{active:"channels",currentRegion:x,showTvGuide:w}),e.jsx(q,{currentRegion:x,regions:i.data,appLink:{application:j.TV,action:f.Tv.CHANNELS},onClick:R})]}),e.jsx(O,{dateRange:l.data,region:t.data}),s?e.jsx(Q,{channel:s}):e.jsx(X,{}),L?e.jsx(e.Fragment,{children:e.jsx(b,{children:A.map(([n,c],p)=>e.jsx(b.Header,{title:n,children:e.jsx("div",{className:"mt-2 pb-2",children:c&&c.map(r=>{var o,v;return e.jsx(K,{name:r.title,program:r,region:t.data.code,previewUrl:(v=d.data)==null?void 0:v.tvPreviewUrls[(o=t.data)==null?void 0:o.code]},r.id)})})},p))})}):e.jsx(B,{})]})}export{Te as TvChannelView};
+//# sourceMappingURL=B1QnQX6X.chunk.js.map

package/dist/scripts/B1QnQX6X.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"B1QnQX6X.chunk.js","sources":["../../src/apps/tv/components/tv-accordion-list-item/TvAccordionListItem.tsx","../../src/apps/tv/views/tv-channel/components/tv-channel-header/TvChannelHeader.tsx","../../src/apps/tv/views/tv-channel/partial-loading/PartialTvChannelPrograms.tsx","../../src/apps/tv/views/tv-channel/TvChannelView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\n\nimport { Actions } from 'shared/constants/ExchangeActions';\nimport { AppChannels } from 'shared/constants/ExchangeRadioChannels';\n\nimport { TvAdFreeBadge } from 'apps/tv/components/tv-ad-free-badge/TvAdFreeBadge';\nimport { TvProgramTimeBadge } from 'apps/tv/components/tv-program-time-badge/TvProgramTimeBadge';\nimport { ProgramType } from 'apps/tv/interfaces/enums/ProgramType';\nimport { TvProgram } from 'apps/tv/interfaces/models/TvProgram';\n\nimport styles from './tv-accordion-list-item.module.scss';\n\ninterface TvAccordionListItemProps {\n  name: string;\n  program: TvProgram;\n  region: string;\n  showDate?: boolean;\n  previewUrl: string;\n}\n\nexport function TvAccordionListItem(props: TvAccordionListItemProps) {\n  function getProgramAppLink(program: TvProgram, region: string) {\n    switch (program.programType) {\n      case ProgramType.Video:\n        return {\n          application: AppChannels.TV,\n          action: Actions.Tv.PREVIEW,\n          args: [ region, program.id ]\n        };\n      case ProgramType.Audio:\n        return {\n          application: AppChannels.TV,\n          action: Actions.Tv.RADIO_DOWNLOAD,\n          args: [ region, program.id ]\n        };\n    }\n  }\n  \n  function getThumbnailUrl(program: TvProgram) {\n    const globalId = program.globalId.split('-').join('');\n    return `${props.previewUrl}/thumbnail/${globalId}.jpg`;\n  }\n\n  return (\n    <div className={`${styles.itemContainer} rounded mx-4 px-2`}>\n      <AppLink\n        key={props.program.id}\n        appLink={getProgramAppLink(props.program, props.region)}\n        className='d-flex align-items-center justify-content-between py-2 px-3 text-decoration-none'\n      >\n        <div className='w-50 d-flex align-items-center'>\n          <div className={`${styles.thumbnail} flex-shrink-0 me-3 partial-loading-background rounded`}>\n            <LazyImage\n              src={getThumbnailUrl(props.program)}\n              alt={props.program.title}\n              extraClasses='w-100 rounded'\n            />\n          </div>\n          <div className='d-flex align-items-center'>\n            <span className='me-1'>{props.name}</span>\n            {props.program.hasAdsFree && <TvAdFreeBadge small />}\n          </div>\n        </div>\n        <TvProgramTimeBadge program={props.program} className='pointer-events-none' showEndTime />\n      </AppLink>\n    </div>\n  );\n}","import React from 'react';\n\nimport { TvChannel } from 'apps/tv/interfaces/models/TvChannel';\n\ninterface TvChannelHeaderProps {\n  channel: TvChannel;\n}\n\nexport function TvChannelHeader(props: TvChannelHeaderProps): JSX.Element {\n  const { channel } = props;\n\n  return (\n    <div className='d-flex mb-3'>\n      <div\n        className='d-flex align-items-center me-3'\n        style={{ maxWidth: '7.5rem' }}>\n        <img\n          className='w-100'\n          src={channel.logoUrl}\n        />\n      </div>\n      <div>\n        <h1 className='h3'>{channel.displayName}</h1>\n        <p className='mb-0'>{channel.description}</p>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nexport function PartialTvChannel() {\n  return (\n    <div className='d-flex mb-3'>\n      <div className='partial-loading-background d-flex align-items-center me-3'>\n        <div style={{ width: '7.5rem' }}/>\n      </div>\n      <div className='w-100'>\n        <div className='partial-loading-background w-25 h3'>&nbsp;</div>\n        <p className='partial-loading-background w-100 mb-0'>&nbsp;</p>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { handleHttpError } from 'libs/shared/errors/handlers/HttpErrorHandlers';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLiteUpgrade } from 'libs/shared/hooks/UseLiteUpgrade';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config } from 'libs/shared/interfaces';\n\nimport { AccordionList } from 'shared/components/accordion-list/AccordionList';\nimport { PartialAccordionList } from 'shared/components/accordion-list/partial-loading/PartialAccordionList';\nimport { Actions } from 'shared/constants/ExchangeActions';\nimport { AppChannels } from 'shared/constants/ExchangeRadioChannels';\n\nimport { TvAccordionListItem } from 'apps/tv/components/tv-accordion-list-item/TvAccordionListItem';\nimport { TvInfoAlert } from 'apps/tv/components/tv-info-alert/TvInfoAlert';\nimport { TvRegionSelect } from 'apps/tv/components/tv-region-select/TvRegionSelect';\nimport { TvSearchBar } from 'apps/tv/components/tv-search-bar/TvSearchBar';\nimport { TvTabs } from 'apps/tv/components/tv-tabs/TvTabs';\nimport { TvRequests } from 'apps/tv/flight-requests/TvRequests';\nimport { useHandleRegionError } from 'apps/tv/hooks/useHandleRegionError';\nimport { useSelectedRegion } from 'apps/tv/hooks/useSelectedRegion';\nimport { TvChannel } from 'apps/tv/interfaces/models/TvChannel';\nimport { TvProgram } from 'apps/tv/interfaces/models/TvProgram';\nimport { TvDateRange, TvRegion } from 'apps/tv/interfaces/models/TvRegion';\nimport { toLocalTime } from 'apps/tv/utils/toLocalTime';\n\nimport { TvChannelHeader } from './components/tv-channel-header/TvChannelHeader';\nimport { PartialTvChannel } from './partial-loading/PartialTvChannelPrograms';\n\ninterface TvChannelViewProps {\n  region: string;\n  channelId: string;\n  selectedRegion?: string;\n}\n\nexport function TvChannelView(props: TvChannelViewProps): JSX.Element {\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const region = Flight.useBasicFetch<TvRegion>(TvRequests.region(props.region));\n  const regions = Flight.useBasicFetch<TvRegion[]>(TvRequests.regions());\n  const dateRange = Flight.useBasicFetch<TvDateRange>(TvRequests.dateRange(props.region));\n  const channels = Flight.useBasicFetch<TvChannel[]>(\n    region.data && TvRequests.channels(region.data.code)\n  );\n  const channel = React.useMemo(() => {\n    return channels.data?.find(c => c.id.toString() === props.channelId.toString());\n  }, [channels.data]);\n\n  const { setRegion } = useSelectedRegion();\n  const { showTvGuide } = useLiteUpgrade();\n\n  const programs = Flight.useBasicFetch<TvProgram[]>(\n    region.data &&\n    channel &&\n    TvRequests.programsByChannel(\n      region.data.code,\n      channel.name,\n      channel.startTime,\n      channel.stopTime\n    )\n  );\n\n  const grouped = React.useMemo(() => {\n    if (!programs.data?.length)\n      return [];\n\n    const groups: HashObject<TvProgram[]> = {};\n\n    [...programs.data].reverse().forEach(program => {\n      const startTime = DateHelper.format(toLocalTime(program.startTime, program.timeZone), 'dddd Do MMMM');\n\n      if (!groups[startTime])\n        groups[startTime] = [];\n\n      groups[startTime].push(program);\n    });\n    const grouped = Object.entries(groups);\n    return grouped.map(([ date, program ]) => [ date, program.reverse() ]);\n  }, [programs]);\n\n  if ((channels.hasCompleted && !channel)) {\n    handleHttpError(HttpStatus.BadRequest);\n  }\n\n  useHandleRegionError(region);\n  useHandleObjectError([ regions, channels, programs ]);\n\n  useSetPageMetadata({ title: channel?.displayName });\n\n  const dataLoaded =\n    region.hasCompleted && regions.hasCompleted && channels.hasCompleted && channel && programs.hasCompleted;\n\n  function getCurrentRegion(): TvRegion {\n    if (!props.selectedRegion) return region.data;\n\n    return regions.data?.find(region => region.code === props.selectedRegion);\n  }\n\n  const currentRegion = getCurrentRegion();\n\n  return (\n    <>\n      <TvSearchBar region={currentRegion} />\n\n      <div className='d-flex justify-content-between'>\n        <TvTabs\n          active='channels'\n          currentRegion={currentRegion}\n          showTvGuide={showTvGuide}\n        />\n        <TvRegionSelect\n          currentRegion={currentRegion}\n          regions={regions.data}\n          appLink={{\n            application: AppChannels.TV,\n            action: Actions.Tv.CHANNELS\n          }}\n          onClick={setRegion}\n        />\n      </div>\n      \n      <TvInfoAlert dateRange={dateRange.data} region={region.data} />\n\n      {channel ? <TvChannelHeader channel={channel} /> : <PartialTvChannel />}\n\n      {dataLoaded ? (\n        <>\n          <AccordionList>\n            {grouped.map(([ date, programs ]: [string, TvProgram[]], index) => (\n              <AccordionList.Header\n                key={index}\n                title={date}\n              >\n                <div className='mt-2 pb-2'>\n                  {programs && programs.map(program => (\n                    <TvAccordionListItem\n                      key={program.id}\n                      name={program.title}\n                      program={program}\n                      region={region.data.code}\n                      previewUrl={config.data?.tvPreviewUrls[region.data?.code]}\n                    />\n                  ))}\n                </div>\n              </AccordionList.Header>\n            ))}\n          </AccordionList>\n        </>\n      ) : (\n        <PartialAccordionList />\n      )}\n    </>\n  );\n}"],"names":["TvAccordionListItem","props","getProgramAppLink","program","region","ProgramType","AppChannels","Actions","getThumbnailUrl","globalId","styles","jsxs","AppLink","jsx","LazyImage","TvAdFreeBadge","TvProgramTimeBadge","TvChannelHeader","channel","PartialTvChannel","TvChannelView","config","Flight.useBasicFetch","ConfigRequests","TvRequests","regions","dateRange","channels","React","_a","setRegion","useSelectedRegion","showTvGuide","useLiteUpgrade","programs","grouped","groups","startTime","DateHelper","toLocalTime","date","handleHttpError","HttpStatus","useHandleRegionError","useHandleObjectError","useSetPageMetadata","dataLoaded","getCurrentRegion","currentRegion","Fragment","TvSearchBar","TvTabs","TvRegionSelect","TvInfoAlert","AccordionList","index","_b","PartialAccordionList"],"mappings":"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"}

package/dist/scripts/B5a9j4D_.chunk.js

@@ -0,0 +1,2 @@
+import{a2 as r,aS as l,l as m,L as h,j as e,a as x,b as u,B as s,bz as j,aJ as v,aC as T}from"./app-Det8y4U1.js";import{a as f,T as R}from"./DRxJfu3A.chunk.js";import{T as N,a as S}from"./BBhJOnJs.chunk.js";import{T as i}from"./BuawzJwd.chunk.js";import{u as b}from"./DuHiL0j5.chunk.js";import"./DWmgmt8-.chunk.js";import"./5EeDosB6.chunk.js";import"./DwMcJ3Ip.chunk.js";import"./BlDVEZsX.chunk.js";import"./Cyhg-nBj.chunk.js";import"./CX6fV4JE.chunk.js";import"./C99JIGI3.chunk.js";import"./CBlUYGqN.chunk.js";import"./CfRzFJ31.chunk.js";import"./BOzZT1qL.chunk.js";const a="tv.tvGuide",w=h.encloseNamespace(a);function H(n){const o=r(T.config()),t=r(i.region(n.region)),c=r(i.dateRange(n.region)),p=r(i.regions()),{setRegion:d}=b(),{showTvGuide:g}=l();return m({title:w("title")}),e.jsxs(e.Fragment,{children:[e.jsx(N,{region:t.data}),e.jsx(f,{dateRange:c.data,region:t.data}),e.jsxs("div",{className:"d-flex justify-content-between",children:[e.jsx(R,{active:"tv-guide",currentRegion:t.data,showTvGuide:g}),e.jsx(S,{currentRegion:t.data,regions:p.data,appLink:{application:u.TV,action:x.Tv.CHANNELS},onClick:d})]}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-6",children:[e.jsx("h1",{className:"h4",children:e.jsx(s,{namespace:a,phrase:"title"})}),e.jsx("p",{children:e.jsx(s,{namespace:a,phrase:"paragraph1"})}),e.jsx("p",{children:e.jsx(s,{namespace:a,phrase:"paragraph2"})}),e.jsx("p",{children:e.jsx(s,{namespace:a,phrase:"paragraph3"})}),o.data&&e.jsx(j,{href:`${o.data.onlineUrl}/login?returnUrl=/tv/guide`,openInNewTab:!0,svg:v,className:"btn btn-dark",children:e.jsx(s,{namespace:a,phrase:"cta"})})]})})]})}export{H as TvGuideView};
+//# sourceMappingURL=B5a9j4D_.chunk.js.map

package/dist/scripts/B5a9j4D_.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"B5a9j4D_.chunk.js","sources":["../../src/apps/tv/views/tv-guide/TvGuideView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { useLiteUpgrade } from 'libs/shared/hooks/UseLiteUpgrade';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\nimport { Config } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/ExchangeActions';\nimport { AppChannels } from 'shared/constants/ExchangeRadioChannels';\n\nimport { TvInfoAlert } from 'apps/tv/components/tv-info-alert/TvInfoAlert';\nimport { TvRegionSelect } from 'apps/tv/components/tv-region-select/TvRegionSelect';\nimport { TvSearchBar } from 'apps/tv/components/tv-search-bar/TvSearchBar';\nimport { TvTabs } from 'apps/tv/components/tv-tabs/TvTabs';\nimport { TvRequests } from 'apps/tv/flight-requests/TvRequests';\nimport { useSelectedRegion } from 'apps/tv/hooks/useSelectedRegion';\nimport { TvDateRange, TvRegion } from 'apps/tv/interfaces/models/TvRegion';\n\nconst namespace = 'tv.tvGuide';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TvGuideViewProps {\n  region: string;\n}\n\nexport function TvGuideView(props: TvGuideViewProps): JSX.Element {\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const region = Flight.useBasicFetch<TvRegion>(TvRequests.region(props.region));\n  const dateRange = Flight.useBasicFetch<TvDateRange>(TvRequests.dateRange(props.region));\n  const regions = Flight.useBasicFetch<TvRegion[]>(TvRequests.regions());\n\n  const { setRegion } = useSelectedRegion();\n  const { showTvGuide } = useLiteUpgrade();\n\n  useSetPageMetadata({ title: getPhrase('title') });\n\n  return (\n    <>\n      <TvSearchBar region={region.data} />\n\n      <TvInfoAlert dateRange={dateRange.data} region={region.data} />\n\n      <div className='d-flex justify-content-between'>\n        <TvTabs\n          active='tv-guide'\n          currentRegion={region.data}\n          showTvGuide={showTvGuide}\n        />\n\n        <TvRegionSelect\n          currentRegion={region.data}\n          regions={regions.data}\n          appLink={{\n            application: AppChannels.TV,\n            action: Actions.Tv.CHANNELS\n          }}\n          onClick={setRegion}\n        />\n      </div>\n\n      <div className='row'>\n        <div className='col-6'>\n          <h1 className='h4'>\n            <Text namespace={namespace} phrase='title' />\n          </h1>\n          <p>\n            <Text namespace={namespace} phrase='paragraph1' />\n          </p>\n          <p>\n            <Text namespace={namespace} phrase='paragraph2' />\n          </p>\n          <p>\n            <Text namespace={namespace} phrase='paragraph3' />\n          </p>\n          {config.data &&\n            <IconButton\n              href={`${config.data.onlineUrl}/login?returnUrl=/tv/guide`}\n              openInNewTab\n              svg={NewWindowSvg}\n              className='btn btn-dark'\n            >\n              <Text namespace={namespace} phrase='cta' />\n            </IconButton>\n          }\n        </div>\n      </div>\n    </>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","TvGuideView","props","config","Flight.useBasicFetch","ConfigRequests","region","TvRequests","dateRange","regions","setRegion","useSelectedRegion","showTvGuide","useLiteUpgrade","useSetPageMetadata","jsxs","Fragment","jsx","TvSearchBar","TvInfoAlert","TvTabs","TvRegionSelect","AppChannels","Actions","Text","IconButton","NewWindowSvg"],"mappings":"ujBAwBA,MAAMA,EAAY,aACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAMrD,SAASG,EAAYC,EAAsC,CAChE,MAAMC,EAASC,EAA6BC,EAAe,QAAQ,EAC7DC,EAASF,EAA+BG,EAAW,OAAOL,EAAM,MAAM,CAAC,EACvEM,EAAYJ,EAAkCG,EAAW,UAAUL,EAAM,MAAM,CAAC,EAChFO,EAAUL,EAAiCG,EAAW,SAAS,EAE/D,CAAE,UAAAG,CAAA,EAAcC,EAAA,EAChB,CAAE,YAAAC,CAAA,EAAgBC,EAAA,EAExB,OAAAC,EAAmB,CAAE,MAAOf,EAAU,OAAO,EAAG,EAG9CgB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAY,OAAQZ,EAAO,IAAA,CAAM,QAEjCa,EAAA,CAAY,UAAWX,EAAU,KAAM,OAAQF,EAAO,KAAM,EAE7DS,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAE,EAAAA,IAACG,EAAA,CACC,OAAO,WACP,cAAed,EAAO,KACtB,YAAAM,CAAA,CAAA,EAGFK,EAAAA,IAACI,EAAA,CACC,cAAef,EAAO,KACtB,QAASG,EAAQ,KACjB,QAAS,CACP,YAAaa,EAAY,GACzB,OAAQC,EAAQ,GAAG,QAAA,EAErB,QAASb,CAAA,CAAA,CACX,EACF,QAEC,MAAA,CAAI,UAAU,MACb,SAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,QACb,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,KACZ,SAAAA,EAAAA,IAACO,GAAK,UAAA1B,EAAsB,OAAO,QAAQ,CAAA,CAC7C,QACC,IAAA,CACC,SAAAmB,MAACO,GAAK,UAAA1B,EAAsB,OAAO,aAAa,EAClD,QACC,IAAA,CACC,SAAAmB,MAACO,GAAK,UAAA1B,EAAsB,OAAO,aAAa,EAClD,QACC,IAAA,CACC,SAAAmB,MAACO,GAAK,UAAA1B,EAAsB,OAAO,aAAa,EAClD,EACCK,EAAO,MACNc,EAAAA,IAACQ,EAAA,CACC,KAAM,GAAGtB,EAAO,KAAK,SAAS,6BAC9B,aAAY,GACZ,IAAKuB,EACL,UAAU,eAEV,SAAAT,EAAAA,IAACO,EAAA,CAAK,UAAA1B,EAAsB,OAAO,KAAA,CAAM,CAAA,CAAA,CAC3C,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/scripts/B668bf5B.chunk.js

@@ -0,0 +1,2 @@
+const r={isNumber(e){return r.isType(e,"number")},isString(e){return r.isType(e,"string")},isType(e,s){return typeof e===s}};export{r as T};
+//# sourceMappingURL=B668bf5B.chunk.js.map

package/dist/scripts/B668bf5B.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"B668bf5B.chunk.js","sources":["../../../../libs/common/src/react/utils/TypeHelper.ts"],"sourcesContent":["export const TypeHelper = {\n  isNumber(obj: any): boolean {\n    return TypeHelper.isType(obj, 'number');\n  },\n\n  isString(obj: any): boolean {\n    return TypeHelper.isType(obj, 'string');\n  },\n\n  isType(obj: any, type: string): boolean {\n    return typeof obj === type;\n  }\n};"],"names":["TypeHelper","obj","type"],"mappings":"AAAO,MAAMA,EAAa,CACxB,SAASC,EAAmB,CAC1B,OAAOD,EAAW,OAAOC,EAAK,QAAQ,CACxC,EAEA,SAASA,EAAmB,CAC1B,OAAOD,EAAW,OAAOC,EAAK,QAAQ,CACxC,EAEA,OAAOA,EAAUC,EAAuB,CACtC,OAAO,OAAOD,IAAQC,CACxB,CACF"}

package/dist/scripts/B93FMGSP.chunk.js

@@ -0,0 +1,2 @@
+import{j as e,au as x,G as d,J as j,F as g,ap as b,aa as N,af as f,Q as v,r as h,bH as y,bz as k}from"./app-Det8y4U1.js";function T(n){return e.jsx("svg",{...n,children:e.jsx("path",{d:"M12 13.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0 5.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0-11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3",fill:"currentColor"})})}const C="_dropdownToggle_1jkd1_1",S={dropdownToggle:C};function p(){return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{padding:"0.53125rem 1rem"},children:e.jsx("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})}),e.jsx("div",{style:{padding:"0.53125rem 1rem"},children:e.jsx("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})}),e.jsx("div",{style:{padding:"0.53125rem 1rem"},children:e.jsx("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})}),e.jsx("div",{style:{padding:"0.53125rem 1rem"},children:e.jsx("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})})]})}function r(n){let o="dropdown-item";return n&&(o+=` ${n}`),o}function u(n){const o=g.isFunction(n.action.label)?n.action.label():e.jsx(e.Fragment,{children:n.action.label});if(n.action.appLink)return e.jsxs(b,{appLink:n.action.appLink,onClick:n.action.onClick,className:r(n.action.className),analyticsData:n.action.analyticsData,analyticsOptions:n.action.analyticsOptions,openInNewTab:n.action.openInNewTab,disabled:n.action.disabled,children:[n.action.svg&&e.jsx(d,{svg:n.action.svg,className:"d-inline-block svg-container me-2 align-middle"}),e.jsx("span",{className:"align-middle",children:o})]});function l(i){i.preventDefault(),n.action.analyticsData&&n.action.analyticsOptions&&N.logUserAction(n.action.analyticsData,n.action.analyticsOptions),g.isFunction(n.action.onClick)&&n.action.onClick(),n.action.href&&f.PageLoad(n.action.href,n.action.openInNewTab)}return n.action.href?e.jsxs("a",{className:r(n.action.className),onClick:l,href:n.action.href,children:[n.action.svg&&e.jsx(d,{svg:n.action.svg,className:"d-inline-block svg-container me-2 align-middle"}),e.jsx("span",{className:"align-middle",children:o})]}):e.jsxs("span",{className:`cursor-pointer ${r(n.action.className)}`,onClick:l,role:"button",tabIndex:0,onKeyDown:i=>i.key==="Enter"&&l(i),children:[n.action.svg&&e.jsx(d,{svg:n.action.svg,className:"d-inline-block svg-container me-2"}),o]})}w.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:v.Small};function w(n){if(!n.actions||!n.actions.length)return e.jsx(e.Fragment,{});const o=n.actions.some(t=>t.lazyPlaceholder);let l="dropdown";n.className&&(l+=` ${n.className}`);const i=`actions-dropdown-${x.getRandomInt()}`;let s=`dropdown-toggle px-0 ${S.dropdownToggle}`;n.dropdownToggleClassName&&(s+=` ${n.dropdownToggleClassName}`);let a;return e.jsxs("div",{className:l,children:[e.jsx("button",{className:s,type:"button",id:i,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false","aria-label":"More actions dropdown",onClick:o?n.fetchMore:null,children:e.jsx(d,{svg:T,size:n.dropdownToggleSvgSize})}),e.jsx("ul",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal","aria-labelledby":i,children:o?e.jsx(p,{}):n.actions.map((t,c)=>{const m=a!==void 0&&a!==t.group;return a=t.group,t.tooltip?e.jsxs("li",{children:[m&&e.jsx("hr",{className:"dropdown-divider",role:"separator"}),e.jsx(j,{title:t.tooltip,spanHack:!0,children:e.jsx(u,{action:t})})]},c):e.jsxs("li",{children:[m&&e.jsx("hr",{className:"dropdown-divider",role:"separator"}),e.jsx(u,{action:t})]},c)})})]})}function z(n){const o=h.useMemo(()=>n.actions.sort((a,t)=>a.order-t.order),[n.actions]),l=[],i=[];o.forEach(a=>{a.button?l.push(a):i.push(a)});let s="d-flex";return n.className&&(s+=` ${n.className}`),!l.length&&!i.length?e.jsx(e.Fragment,{}):e.jsxs("div",{className:s,children:[l.length?l.map((a,t)=>e.jsx(h.Fragment,{children:(()=>{if(a.label){const c=g.isFunction(a.label)?a.label():e.jsx(e.Fragment,{children:a.label});return e.jsx(y,{appLink:a.appLink,href:a.href,onClick:a.onClick,svg:a.svg,svgSize:n.dropdownToggleSvgSize,className:a.className,tooltip:a.tooltip,showSpinner:a.showSpinner,analyticsData:a.analyticsData,analyticsOptions:a.analyticsOptions,openInNewTab:a.openInNewTab,disabled:a.disabled,children:c})}return e.jsx(k,{appLink:a.appLink,href:a.href,onClick:a.onClick,svg:a.svg,className:a.className,analyticsData:a.analyticsData,analyticsOptions:a.analyticsOptions,openInNewTab:a.openInNewTab,disabled:a.disabled,showBorder:a.showBorder,customSize:n.customSize,ariaLabel:a.tooltip,tooltip:a.tooltip})})()},t)):e.jsx(e.Fragment,{}),n.sortComponent&&n.sortComponent,i.length?e.jsx(w,{actions:i,dropdownToggleClassName:n.actionsDropdownClassName,dropdownToggleSvgSize:n.dropdownToggleSvgSize,fetchMore:n.fetchMore}):e.jsx(e.Fragment,{})]})}export{z as A};
+//# sourceMappingURL=B93FMGSP.chunk.js.map

package/dist/scripts/B93FMGSP.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"B93FMGSP.chunk.js","sources":["../../../../libs/shared/src/images/svg/actions/MoreSvg.tsx","../../../../libs/shared/src/components/actions/ActionsDropdown.tsx","../../../../libs/shared/src/components/actions/Actions.tsx"],"sourcesContent":["import React from 'react';\n\nexport function MoreSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M12 13.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0 5.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0-11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","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 { MoreSvg } from 'libs/shared/images/svg/actions/MoreSvg';\n\nimport { ActionOptions } from './Actions';\n\nimport styles from './actions.module.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.svg && <SvgContainer svg={props.action.svg} 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.svg && <SvgContainer svg={props.action.svg} 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.svg && <SvgContainer svg={props.action.svg} 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 svg={MoreSvg} 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 { 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 { BaseObject } from 'libs/shared/interfaces';\nimport { SvgIcon } from 'libs/shared/utils/SvgHelper';\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  svg?: SvgIcon;\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: JSX.Element = 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                  svg={a.svg}\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            return (\n              <IconButton\n                appLink={a.appLink}\n                href={a.href}\n                onClick={a.onClick}\n                svg={a.svg}\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                ariaLabel={a.tooltip}\n                tooltip={a.tooltip}\n              />\n            );\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}"],"names":["MoreSvg","props","jsx","LazyDropdownItems","jsxs","Fragment","getDropdownItemClassName","actionClassName","className","ActionsDropdownItem","label","FunctionHelper","AppLink","SvgContainer","onClick","e","AnalyticsHelper","Core.LocationUtils","ActionsDropdown","SvgContainerSize","isLazy","a","dropdownToggleId","RandomHelper","dropdownToggleClassName","styles","currentGroup","idx","showDivider","Tooltip","Actions","orderedActions","React.useMemo","b","buttonActions","moreActions","React.Fragment","ActionButton","IconButton"],"mappings":"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"}

package/dist/scripts/BBhJOnJs.chunk.js

@@ -0,0 +1,2 @@
+import{j as e,G as i,R as c,ap as l,aR as d,ac as p,ad as m,ae as g,A as u,a as x,b as h}from"./app-Det8y4U1.js";import{C as f}from"./C99JIGI3.chunk.js";import{S as v}from"./CBlUYGqN.chunk.js";const j="_regionSelect_9qtm0_1",S={regionSelect:j};function y(){return e.jsx("div",{className:`${S.regionSelect} partial-loading-background d-flex rounded mb-3`,children:e.jsx("div",{className:"svg-container std"})})}const b="_select_dlilk_1",k={select:b};function _(s){const{currentRegion:a,regions:t,appLink:o}=s;return!a||!t?e.jsx(y,{}):t.length<=1?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"d-flex align-items-center mb-3",children:[e.jsx("span",{children:"Region: "}),e.jsxs("div",{className:"dropdown",children:[e.jsxs("a",{className:`${k.select} d-flex align-items-center btn btn-outline-dark ms-3`,id:"region-select",type:"button","data-bs-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false",children:[e.jsx("span",{children:a.stateFull}),e.jsx(i,{svg:f})]}),e.jsx("div",{className:"dropdown-menu dropdown-menu-end","aria-labelledby":"region-select",children:t.map((n,r)=>n.id===a.id?e.jsx(c.Fragment,{},r):e.jsx(l,{className:"dropdown-item",appLink:{...o,args:[n.code]},analyticsData:{region:a.code},analyticsOptions:{actionType:g.Select,entity:m.Region,location:p.Dropdown,descriptor:d.RegionSelect},onClick:()=>s.onClick(n),children:n.stateFull},r))})]})]})}const w="_searchBar_w17nz_1",C={searchBar:w};function A(s){const[a,t]=c.useState(s.query??"");function o(n){var r;n.preventDefault(),a&&u.trigger({application:h.TV,action:x.Tv.SEARCH,args:[(r=s.region)==null?void 0:r.code],params:{query:a}})}return e.jsx("form",{onSubmit:o,children:e.jsxs("div",{className:`${C.searchBar} d-flex border border-dark rounded align-items-center mb-3`,children:[e.jsx(i,{svg:v}),e.jsx("input",{type:"text",className:"form-control h-100 w-100 py-0 border-0 shadow-none",placeholder:"Search for programs on ClickView TV",value:a,onChange:n=>t(n.target.value),autoComplete:"off"})]})})}export{A as T,_ as a};
+//# sourceMappingURL=BBhJOnJs.chunk.js.map

package/dist/scripts/BBhJOnJs.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBhJOnJs.chunk.js","sources":["../../src/apps/tv/components/tv-region-select/partial-loading/PartialTvRegionSelect.tsx","../../src/apps/tv/components/tv-region-select/TvRegionSelect.tsx","../../src/apps/tv/components/tv-search-bar/TvSearchBar.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './partial-tv-region-select.module.scss';\n\nexport function PartialTvRegionSelect() {\n  return (\n    <div className={`${styles.regionSelect} partial-loading-background d-flex rounded mb-3`}>\n      <div className='svg-container std'></div>\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { EntityType, LocationContext, TvDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ChevronDownSvg } from 'libs/shared/images/svg/arrows/ChevronDownSvg';\n\nimport { PartialTvRegionSelect } from 'apps/tv/components/tv-region-select/partial-loading/PartialTvRegionSelect';\nimport { TvRegion } from 'apps/tv/interfaces/models/TvRegion';\n\nimport styles from './tv-region-select.module.scss';\n\ninterface TvRegionSelectProps {\n  currentRegion: TvRegion;\n  regions: TvRegion[];\n  appLink: Core.AppLink;\n  onClick: (region: TvRegion) => void;\n}\n\nexport function TvRegionSelect(props: TvRegionSelectProps): JSX.Element {\n  const { currentRegion, regions, appLink } = props;\n\n  if (!currentRegion || !regions)\n    return <PartialTvRegionSelect />;\n\n  if (regions.length <= 1)\n    return <></>;\n\n  return (\n    <div className='d-flex align-items-center mb-3'>\n      <span>Region: </span>\n      <div className='dropdown'>\n        <a\n          className={`${styles.select} d-flex align-items-center btn btn-outline-dark ms-3`}\n          id='region-select'\n          type='button'\n          data-bs-toggle='dropdown'\n          aria-haspopup='true'\n          aria-expanded='false'\n        >\n          <span>{currentRegion.stateFull}</span>\n          <SvgContainer svg={ChevronDownSvg} />\n        </a>\n        <div\n          className='dropdown-menu dropdown-menu-end'\n          aria-labelledby='region-select'\n        >\n          {regions.map((region, index) => {\n            if (region.id === currentRegion.id)\n              return <React.Fragment key={index} />;\n\n            return (\n              <AppLink\n                key={index}\n                className='dropdown-item'\n                appLink={{\n                  ...appLink,\n                  args: [region.code]\n                }}\n                analyticsData={{ region: currentRegion.code }}\n                analyticsOptions={{\n                  actionType: UserAction.Select,\n                  entity: EntityType.Region,\n                  location: LocationContext.Dropdown,\n                  descriptor: TvDescriptor.RegionSelect\n                }}\n                onClick={() => props.onClick(region)}\n              >\n                {region.stateFull}\n              </AppLink>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { SearchSvg } from 'libs/shared/images/svg/actions/SearchSvg';\n\nimport { Actions } from 'shared/constants/ExchangeActions';\nimport { AppChannels } from 'shared/constants/ExchangeRadioChannels';\n\nimport { TvRegion } from 'apps/tv/interfaces/models/TvRegion';\n\nimport styles from './tv-search-bar.module.scss';\n\ninterface TvSearchBarProps {\n  region: TvRegion;\n  query?: string;\n}\n\nexport function TvSearchBar(props: TvSearchBarProps): JSX.Element {\n  const [ query, setQuery ] = React.useState(props.query ?? '');\n\n  function onSubmit(event: React.FormEvent): void {\n    event.preventDefault();\n\n    if (!query)\n      return;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.TV,\n      action: Actions.Tv.SEARCH,\n      args: [props.region?.code],\n      params: { query }\n    });\n  }\n\n  return (\n    <form onSubmit={onSubmit}>\n      <div className={`${styles.searchBar} d-flex border border-dark rounded align-items-center mb-3`}>\n        <SvgContainer svg={SearchSvg} />\n        <input\n          type='text'\n          className='form-control h-100 w-100 py-0 border-0 shadow-none'\n          placeholder='Search for programs on ClickView TV'\n          value={query}\n          onChange={e => setQuery(e.target.value)}\n          autoComplete='off'\n        />\n      </div>\n    </form>\n  );\n}"],"names":["PartialTvRegionSelect","jsx","styles","TvRegionSelect","props","currentRegion","regions","appLink","Fragment","jsxs","SvgContainer","ChevronDownSvg","region","index","React","AppLink","UserAction","EntityType","LocationContext","TvDescriptor","TvSearchBar","query","setQuery","onSubmit","event","Core.AppLinkHelper","AppChannels","Actions","_a","SearchSvg","e"],"mappings":"oPAIO,SAASA,GAAwB,CACtC,OACEC,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAO,YAAY,kDACpC,SAAAD,EAAAA,IAAC,MAAA,CAAI,UAAU,mBAAA,CAAoB,EACrC,CAEJ,wCCYO,SAASE,EAAeC,EAAyC,CACtE,KAAM,CAAE,cAAAC,EAAe,QAAAC,EAAS,QAAAC,CAAA,EAAYH,EAE5C,MAAI,CAACC,GAAiB,CAACC,QACbN,EAAA,EAAsB,EAE5BM,EAAQ,QAAU,EACbL,EAAAA,IAAAO,EAAAA,SAAA,EAAE,EAGTC,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAR,EAAAA,IAAC,QAAK,SAAA,UAAA,CAAQ,EACdQ,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CACC,UAAW,GAAGP,EAAO,MAAM,uDAC3B,GAAG,gBACH,KAAK,SACL,iBAAe,WACf,gBAAc,OACd,gBAAc,QAEd,SAAA,CAAAD,EAAAA,IAAC,OAAA,CAAM,WAAc,SAAA,CAAU,EAC/BA,EAAAA,IAACS,EAAA,CAAa,IAAKC,CAAA,CAAgB,CAAA,CAAA,CAAA,EAErCV,EAAAA,IAAC,MAAA,CACC,UAAU,kCACV,kBAAgB,gBAEf,SAAAK,EAAQ,IAAI,CAACM,EAAQC,IAChBD,EAAO,KAAOP,EAAc,GACvBJ,EAAAA,IAACa,EAAM,SAAN,CAAA,EAAoBD,CAAO,EAGnCZ,EAAAA,IAACc,EAAA,CAEC,UAAU,gBACV,QAAS,CACP,GAAGR,EACH,KAAM,CAACK,EAAO,IAAI,CAAA,EAEpB,cAAe,CAAE,OAAQP,EAAc,IAAA,EACvC,iBAAkB,CAChB,WAAYW,EAAW,OACvB,OAAQC,EAAW,OACnB,SAAUC,EAAgB,SAC1B,WAAYC,EAAa,YAAA,EAE3B,QAAS,IAAMf,EAAM,QAAQQ,CAAM,EAElC,SAAAA,EAAO,SAAA,EAfHC,CAAA,CAkBV,CAAA,CAAA,CACH,CAAA,CACF,CAAA,EACF,CAEJ,8CC5DO,SAASO,EAAYhB,EAAsC,CAChE,KAAM,CAAEiB,EAAOC,CAAS,EAAIR,EAAM,SAASV,EAAM,OAAS,EAAE,EAE5D,SAASmB,EAASC,EAA8B,OAC9CA,EAAM,eAAA,EAEDH,GAGLI,EAAmB,QAAQ,CACzB,YAAaC,EAAY,GACzB,OAAQC,EAAQ,GAAG,OACnB,KAAM,EAACC,EAAAxB,EAAM,SAAN,YAAAwB,EAAc,IAAI,EACzB,OAAQ,CAAE,MAAAP,CAAA,CAAM,CACjB,CACH,CAEA,OACEpB,EAAAA,IAAC,QAAK,SAAAsB,EACJ,SAAAd,EAAAA,KAAC,OAAI,UAAW,GAAGP,EAAO,SAAS,6DACjC,SAAA,CAAAD,EAAAA,IAACS,EAAA,CAAa,IAAKmB,CAAA,CAAW,EAC9B5B,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,UAAU,qDACV,YAAY,sCACZ,MAAOoB,EACP,SAAUS,GAAKR,EAASQ,EAAE,OAAO,KAAK,EACtC,aAAa,KAAA,CAAA,CACf,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/scripts/BHy7EHYB.chunk.js

@@ -0,0 +1,2 @@
+import{j as e,R as s}from"./app-Det8y4U1.js";import{C as g}from"./BopIehJE.chunk.js";const p="_accordionHeader_1eoao_1",j={accordionHeader:p};function H(i){return e.jsx("ul",{className:"striped-list list-unstyled no-full-width",children:i.children})}function y(i){const[t,r]=s.useState(!1),[a,n]=s.useState({}),[o,c]=s.useState(0),l=s.useRef(null),d=s.useRef(null),u=s.useRef(null),m=s.useRef(null);function x(){t?(n({maxHeight:0,opacity:1}),c(0),d.current=window.setTimeout(()=>r(!1),400)):(r(!0),u.current=window.setTimeout(()=>{n({maxHeight:"max-content",opacity:0,position:"absolute"})}))}return s.useEffect(()=>{var f;if(!t)return;const w=Math.ceil((f=l.current)==null?void 0:f.getBoundingClientRect().height),h=a.opacity===0;h&&c(w),h&&o&&(n({position:"relative"}),m.current=window.requestAnimationFrame(()=>n({maxHeight:o,opacity:1})))},[t,o,a.maxHeight]),s.useEffect(()=>()=>{window.clearTimeout(d.current),window.clearTimeout(u.current),window.cancelAnimationFrame(m.current)},[]),e.jsxs("li",{className:"position-relative",children:[e.jsxs("div",{className:"cursor-pointer d-flex align-items-center py-2 px-3",onClick:x,children:[e.jsx("div",{className:"ms-1",children:e.jsx(g,{direction:t?"down":"right"})}),e.jsx("span",{className:`${t?"fw-semibold":""} user-select-none ms-2`,children:i.title})]}),t&&e.jsx("div",{className:"bg-white",children:e.jsx("div",{ref:l,className:`${j.accordionHeader}`,style:a,children:i.children})})]})}H.Header=y;function A(){return e.jsx(e.Fragment,{children:e.jsx("ul",{className:"list-unstyled",children:[...Array(20)].map((i,t)=>e.jsxs("li",{className:`${t%2===0?"partial-loading-background":""} d-flex w-100 p-2`,children:[e.jsx("div",{className:"svg-container"}),e.jsx("span",{children:" "})]},t))})})}var R=(i=>(i[i.Video=0]="Video",i[i.Audio=1]="Audio",i))(R||{});export{H as A,R as P,A as a};
+//# sourceMappingURL=BHy7EHYB.chunk.js.map

package/dist/scripts/BHy7EHYB.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BHy7EHYB.chunk.js","sources":["../../src/shared/components/accordion-list/AccordionList.tsx","../../src/shared/components/accordion-list/partial-loading/PartialAccordionList.tsx","../../src/apps/tv/interfaces/enums/ProgramType.ts"],"sourcesContent":["import React from 'react';\n\nimport { Caret } from 'libs/shared/components/caret/Caret';\n\nimport styles from './accordion-list.module.scss';\n\nexport function AccordionList(props: React.PropsWithChildren) {\n  return (\n    <ul className='striped-list list-unstyled no-full-width'>\n      {props.children}\n    </ul>\n  );\n}\n\ninterface AccordionListProps {\n  title?: string;\n}\n\nfunction AccordionListHeader(props: React.PropsWithChildren<AccordionListProps>) {\n  const [ show, setShow ] = React.useState(false);\n  const [ programsStyle, setProgramsStyle ] = React.useState<React.CSSProperties>({});\n  const [ dynamicHeight, setDynamicHeight ] = React.useState(0);\n\n  const accordionBodyRef = React.useRef<HTMLDivElement>(null);\n  const hideProgramsTimeRef = React.useRef<number>(null);\n  const showProgramsTimeRef = React.useRef<number>(null);\n  const animationFrameRef = React.useRef<number>(null);\n\n  function handleSetShow() {\n    if (show) {\n      setProgramsStyle({ maxHeight: 0, opacity: 1 });\n      setDynamicHeight(0);\n      hideProgramsTimeRef.current = window.setTimeout(() => setShow(false), 400);\n    } else {\n      setShow(true);\n      showProgramsTimeRef.current = window.setTimeout(() => {\n        setProgramsStyle({ maxHeight: 'max-content', opacity: 0, position: 'absolute' });\n      });\n    }\n  }\n\n  React.useEffect(() => {\n    if (!show) return;\n\n    const accordionContentHeight = Math.ceil(accordionBodyRef.current?.getBoundingClientRect().height);\n    const isHidden = programsStyle.opacity === 0;\n\n    if (isHidden) {\n      setDynamicHeight(accordionContentHeight);\n    }\n\n    if (isHidden && dynamicHeight) {\n      setProgramsStyle({ position: 'relative' });\n      animationFrameRef.current = window.requestAnimationFrame(\n        () => setProgramsStyle({ maxHeight: dynamicHeight, opacity: 1 })\n      );\n    }\n  }, [ show, dynamicHeight, programsStyle.maxHeight ]);\n\n  React.useEffect(() => {\n    return () => {\n      window.clearTimeout(hideProgramsTimeRef.current);\n      window.clearTimeout(showProgramsTimeRef.current);\n      window.cancelAnimationFrame(animationFrameRef.current);\n    };\n  }, []);\n  \n  return (\n    <li className='position-relative'>\n      <div\n        className={'cursor-pointer d-flex align-items-center py-2 px-3'}\n        onClick={handleSetShow}\n      >\n        <div className='ms-1'>\n          <Caret direction={show ? 'down' : 'right'} />\n        </div>\n        <span className={`${show ? 'fw-semibold' : ''} user-select-none ms-2`}>{props.title}</span>\n      </div>\n      {show && (\n        <div className='bg-white'>\n          <div\n            ref={accordionBodyRef}\n            className={`${styles.accordionHeader}`}\n            style={programsStyle}\n          >\n            {props.children}\n          </div>\n        </div>\n      )}\n    </li>\n  );\n}\n\nAccordionList.Header = AccordionListHeader;","import React from 'react';\n\nexport function PartialAccordionList() {\n  return (\n    <>\n      <ul className='list-unstyled'>\n        {[...Array(20)].map((_, index) => (\n          <li key={index} className={`${index % 2 === 0 ? 'partial-loading-background' : ''} d-flex w-100 p-2`}>\n            <div className='svg-container'></div>\n            <span>&nbsp;</span>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n","export enum ProgramType {\n  Video = 0,\n  Audio = 1\n}"],"names":["AccordionList","props","jsx","AccordionListHeader","show","setShow","React","programsStyle","setProgramsStyle","dynamicHeight","setDynamicHeight","accordionBodyRef","hideProgramsTimeRef","showProgramsTimeRef","animationFrameRef","handleSetShow","accordionContentHeight","_a","isHidden","jsxs","Caret","styles","PartialAccordionList","Fragment","_","index","ProgramType"],"mappings":"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"}

package/dist/scripts/BI7-pkuo.chunk.js

@@ -0,0 +1,2 @@
+import{am as j,U as o,m as L,S as l,j as s,ai as A,a2 as b,l as k,an as N,a as w,b as C,L as I,ab as q,ae as B,ad as O,ac as U,a4 as R}from"./app-Det8y4U1.js";import{P as T,B as W,V as F}from"./CBTOSLnS.chunk.js";import{P as S,u as H,I as G}from"./CrAxON7A.chunk.js";import{u as _,a as D,V as M}from"./CRomQTdh.chunk.js";import{h as X}from"./BOzZT1qL.chunk.js";import{u as Y}from"./C36BgTJV.chunk.js";import{u as Q}from"./CfRzFJ31.chunk.js";import{E as z}from"./CxB8O87g.chunk.js";import{a as J}from"./Bq1eQRV_.chunk.js";import{b as K,a as Z}from"./DXRtwYU8.chunk.js";import"./_sYSSSUN.chunk.js";import"./C97fjHLE.chunk.js";import"./CidPoXbD.chunk.js";import"./CX6fV4JE.chunk.js";import"./C8geGHZf.chunk.js";import"./C99JIGI3.chunk.js";import"./CDVd8Gzo.chunk.js";import"./CYuY28rl.chunk.js";import"./d_OewpIc.chunk.js";import"./BlDVEZsX.chunk.js";import"./Cyhg-nBj.chunk.js";import"./pkzD5BEm.chunk.js";import"./CdGLJKZk.chunk.js";import"./DwMcJ3Ip.chunk.js";import"./DgWxzhMg.chunk.js";import"./DzbCvkXx.chunk.js";import"./DHjeFsuP.chunk.js";import"./CHa6bZJR.chunk.js";import"./cw1CbjiZ.chunk.js";import"./B93FMGSP.chunk.js";import"./Kj832An8.chunk.js";import"./DYjoaCnl.chunk.js";import"./h68xZO90.chunk.js";const f={sharedSeries:(e,t)=>o.urlBuilder(`/api/objects/${e}`,{query:l.SERIES,shareId:t}),seriesWithVideos:(e,t=3)=>`{gateway}/v1/objects/${e}?query=banner,videos[season,thumbnail,_canBeConsumed]{limit:${t}}`},ee={series(e){const t={query:l.SERIES};return{url:o.urlBuilder(`{gateway}/v1/objects/${e}`,t),publicUrl:o.urlBuilder(`/api/objects/${e}`,t),key:`series:${e}`}},sharedSeries(e,t){return{url:f.sharedSeries(e,t),key:`shared:series:${e}:${t}`}},seriesWithVideos(e,t=3){return{url:f.seriesWithVideos(e,t),key:`series:${e}:with:videos:${t}`}},seriesWithThumbnailAndCount(e){return{url:`{gateway}/v1/objects/${e}?query=videos[season,thumbnail,_canBeConsumed,count()]{limit:1}`,key:`series:${e}:thumbnail:count`}},seriesVideos(e,t,n,r){const a=j.getVideoSortParam(n),u=["series",e,"videos",r,n].filter(c=>!!c).join(":");return{url:o.urlBuilder(`{gateway}/v1/collections/${e}/videos`,{query:`{${a}}${l.VIDEO_COLLECTION}`,cursor:r}),publicUrl:o.urlBuilder(`/api/objects/collections/${e}/videos`,{query:`{${a}}${L.VIDEO_COLLECTION}`,cursor:r}),key:u}}};function se(){return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"partial-loading-background pb-4 mb-3 w-50"}),s.jsx("div",{className:"d-flex align-items-center justify-content-between mb-2",children:s.jsx(T,{})}),s.jsx("div",{className:"mx-n2",children:s.jsx(S,{})})]})}const te="exchange.exchangeSeries",g=I.encloseNamespace(te);function Oe(e){var x;const t=A(),n=Y(),r=b(ee.series(e.seriesId)),a=b(R.currentUser());k({title:(x=r.data)==null?void 0:x.name}),Q(r);const{commonVideoProps:u}=_(),c=!!a.data&&j.getOrSetSortType(a.data.id,e.sort,N.ProductionYear,"series"),{items:d,hasMore:y,isFetching:m,nextCursor:v}=H(p,h,V);function p(i){return z.seriesVideos(e.seriesId,c,i)}function h(i){return t(p(i))}function V(i,$){if(i===1)return X($);n.error(g("error"))}const E=J("video-list"),P=r.data?[{name:g("exchangeArchive"),appLink:{application:C.EXCHANGE,action:w.Exchange.INDEX}},{name:r.data.name,active:!0}]:[];return!r.data||m?s.jsx(se,{}):s.jsxs(D.Provider,{value:E,children:[s.jsx("h1",{className:"h2",children:r.data.name}),s.jsxs("div",{className:"d-flex justify-content-between align-items-center",children:[s.jsx(W,{breadcrumbs:P}),s.jsx(F,{variant:"outline-dark",type:c,getSortAppLink:i=>K(r.data,i),analyticsOptions:{location:U.VideoListHeader,entity:O.Video,actionType:B.Sort,workflowPhase:q.Complete},includeProductionYear:!0})]}),s.jsxs("div",{className:"pb-3",children:[d?s.jsx(M,{videos:d,getVideoAppLink:Z,presentationAudiences:null,getPreviewQuestionsAppLink:()=>null,hasPermissions:()=>!1,hideVideoGuidance:!0,commonVideoProps:u}):s.jsx("div",{className:"mx-n2",children:s.jsx(S,{})}),(y||m)&&s.jsx(G,{isFetching:m,fetchNext:h,nextCursor:v})]})]})}export{Oe as ExchangeSeriesView};
+//# sourceMappingURL=BI7-pkuo.chunk.js.map

package/dist/scripts/BI7-pkuo.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BI7-pkuo.chunk.js","sources":["../../../../libs/shared/src/flight-requests/SeriesRequests.ts","../../src/apps/exchange/views/exchange-series/partial-loading/PartialExchangeSeries.tsx","../../src/apps/exchange/views/exchange-series/ExchangeSeriesView.tsx"],"sourcesContent":["import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { PublicWithStatement, SharedWithStatements } from 'libs/shared/constants/WithStatements';\nimport { VideoSortType } from 'libs/shared/enums/VideoSortType';\nimport { VideoSortHelper } from 'libs/shared/utils/VideoSortHelper';\n\nconst endpoints = {\n  sharedSeries: (id: string, shareId: string) => UrlHelper.urlBuilder(`/api/objects/${id}`, {\n    query: SharedWithStatements.SERIES,\n    shareId\n  }),\n  seriesWithVideos: (id: string, videoCount: number = 3) => {\n    return `{gateway}/v1/objects/${id}?query=banner,videos[season,thumbnail,_canBeConsumed]{limit:${videoCount}}`;\n  }\n};\n\nexport const SeriesRequests = {\n  series(id: string): Flight.PublicRequest {\n    const queryStringObj = { query: SharedWithStatements.SERIES };\n\n    return {\n      url: UrlHelper.urlBuilder(`{gateway}/v1/objects/${id}`, queryStringObj),\n      publicUrl: UrlHelper.urlBuilder(`/api/objects/${id}`, queryStringObj),\n      key: `series:${id}`\n    };\n  },\n  sharedSeries(id: string, shareId: string): Flight.Request {\n    return {\n      url: endpoints.sharedSeries(id, shareId),\n      key: `shared:series:${id}:${shareId}`\n    };\n  },\n  seriesWithVideos(id: string, videoCount: number = 3): Flight.Request {\n    return {\n      url: endpoints.seriesWithVideos(id, videoCount),\n      key: `series:${id}:with:videos:${videoCount}`\n    };\n  },\n  seriesWithThumbnailAndCount(id: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/objects/${id}?query=videos[season,thumbnail,_canBeConsumed,count()]{limit:1}`,\n      key: `series:${id}:thumbnail:count`\n    };\n  },\n  seriesVideos(id: string, userId?: string, sort?: VideoSortType, cursor?: string): Flight.PublicRequest {\n    const sortFilter = VideoSortHelper.getVideoSortParam(sort);\n\n    const key = [ 'series', id, 'videos', cursor, sort ].filter(k => !!k).join(':');\n\n    return {\n      url: UrlHelper.urlBuilder(`{gateway}/v1/collections/${id}/videos`, {\n        query: `{${sortFilter}}${SharedWithStatements.VIDEO_COLLECTION}`,\n        cursor\n      }),\n      publicUrl: UrlHelper.urlBuilder(`/api/objects/collections/${id}/videos`, {\n        query: `{${sortFilter}}${PublicWithStatement.VIDEO_COLLECTION}`,\n        cursor\n      }),\n      key\n    };\n  }\n};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nexport function PartialExchangeSeries() {\n  return (\n    <>\n      <div\n        className='partial-loading-background pb-4 mb-3 w-50'\n      ></div>\n\n      <div className='d-flex align-items-center justify-content-between mb-2'>\n        <PartialBreadcrumbs />\n      </div>\n      \n      <div className='mx-n2'>\n        <PartialVideoList />\n      </div>\n    </>\n  );\n}\n","import React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoSortSelect } from 'libs/shared/components/video-sort-select/VideoSortSelect';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { VideoSortType } from 'libs/shared/enums/VideoSortType';\nimport { handleHttpError } from 'libs/shared/errors/handlers/HttpErrorHandlers';\nimport { SeriesRequests } from 'libs/shared/flight-requests/SeriesRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CurrentUser, Series, Video } from 'libs/shared/interfaces';\nimport { VideoSortHelper } from 'libs/shared/utils/VideoSortHelper';\n\nimport { Actions } from 'shared/constants/ExchangeActions';\nimport { AppChannels } from 'shared/constants/ExchangeRadioChannels';\n\nimport { ExchangeRequests } from 'apps/exchange/flight-requests/ExchangeRequests';\nimport { useCommonVideoProps } from 'apps/exchange/hooks/useCommonVideoProps';\nimport { useGetExchangeActions } from 'apps/exchange/hooks/useGetExchangeActions';\nimport { getSeriesAppLink, getVideoAppLink } from 'apps/exchange/utils/ExchangeUtils';\n\nimport { PartialExchangeSeries } from './partial-loading/PartialExchangeSeries';\n\nconst namespace = 'exchange.exchangeSeries';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ExchangeSeriesViewProps {\n  seriesId: string;\n  sort: VideoSortType;\n}\n\nexport function ExchangeSeriesView(props: ExchangeSeriesViewProps): JSX.Element {\n  const fetch = Flight.useGetFetch();\n  const alerts = useAlerts();\n\n  const series = Flight.useBasicFetch<Series>(SeriesRequests.series(props.seriesId));\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  useSetPageMetadata({ title: series.data?.name });\n  useHandleObjectError(series);\n\n  const { commonVideoProps } = useCommonVideoProps();\n\n  // Must be before the video fetching, as the getVideosRequest has a closure over the sort\n  const sort = !!currentUser.data\n    && VideoSortHelper.getOrSetSortType(currentUser.data.id, props.sort, VideoSortType.ProductionYear, 'series');\n\n  const {\n    items: videos,\n    hasMore,\n    isFetching,\n    nextCursor\n  } = useInfiniteList<Video>(getVideosRequest, fetchNextVideos, onError);\n\n  function getVideosRequest(cursor?: string): Flight.Request {\n    return ExchangeRequests.seriesVideos(props.seriesId, sort, cursor);\n  }\n\n  function fetchNextVideos(cursor?: string): void {\n    return fetch(getVideosRequest(cursor));\n  }\n\n  function onError(pageNumber: number, httpStatus: HttpStatus): void {\n    if (pageNumber === 1)\n      return handleHttpError(httpStatus);\n\n    alerts.error(getPhrase('error'));\n  }\n\n  const videoActions = useGetExchangeActions('video-list');\n\n  const breadcrumbs = series.data ? [{\n    name: getPhrase('exchangeArchive'),\n    appLink: {\n      application: AppChannels.EXCHANGE,\n      action: Actions.Exchange.INDEX\n    }\n  }, {\n    name: series.data.name,\n    active: true\n  }] : [];\n\n  if (!series.data || isFetching)\n    return <PartialExchangeSeries />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <h1 className='h2'>{series.data.name}</h1>\n\n      <div className='d-flex justify-content-between align-items-center'>\n        <Breadcrumbs breadcrumbs={breadcrumbs} />\n\n        <VideoSortSelect\n          variant='outline-dark'\n          type={sort}\n          getSortAppLink={sort => getSeriesAppLink(series.data, sort)}\n          analyticsOptions={{\n            location: LocationContext.VideoListHeader,\n            entity: EntityType.Video,\n            actionType: UserAction.Sort,\n            workflowPhase: WorkflowPhase.Complete\n          }}\n          includeProductionYear\n        />\n      </div>\n\n      <div className='pb-3'>\n        {videos ? (\n          <VideoList\n            videos={videos}\n            getVideoAppLink={getVideoAppLink}\n            presentationAudiences={null}\n            getPreviewQuestionsAppLink={() => null}\n            hasPermissions={() => false}\n            hideVideoGuidance\n            commonVideoProps={commonVideoProps}\n          />) : (\n          <div className='mx-n2'>\n            <PartialVideoList />\n          </div>\n        )}\n\n        {(hasMore || isFetching) && (\n          <InfiniteScrollFooter\n            isFetching={isFetching}\n            fetchNext={fetchNextVideos}\n            nextCursor={nextCursor}\n          />\n        )}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}"],"names":["endpoints","id","shareId","UrlHelper","SharedWithStatements","videoCount","SeriesRequests","queryStringObj","userId","sort","cursor","sortFilter","VideoSortHelper","key","k","PublicWithStatement","PartialExchangeSeries","jsxs","Fragment","jsx","PartialBreadcrumbs","PartialVideoList","namespace","getPhrase","LanguageService","ExchangeSeriesView","props","fetch","Flight.useGetFetch","alerts","useAlerts","series","Flight.useBasicFetch","currentUser","UserRequests","useSetPageMetadata","_a","useHandleObjectError","commonVideoProps","useCommonVideoProps","VideoSortType","videos","hasMore","isFetching","nextCursor","useInfiniteList","getVideosRequest","fetchNextVideos","onError","ExchangeRequests","pageNumber","httpStatus","handleHttpError","videoActions","useGetExchangeActions","breadcrumbs","AppChannels","Actions","VideoActionsContext","Breadcrumbs","VideoSortSelect","getSeriesAppLink","LocationContext","EntityType","UserAction","WorkflowPhase","VideoList","getVideoAppLink","InfiniteScrollFooter"],"mappings":"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"}

package/dist/scripts/BNoyVB0N.chunk.js

@@ -0,0 +1,2 @@
+import{j as i,w as he,B as b,r as j,aL as ve,c as D,aU as Ct,aV as ae,R as N,J as Oe,L as E,N as w,I as je,aW as De,G as Ue,v as Ve,O as jt,Z as kt,q as It,aF as Dt,a5 as Ye,aX as wt,M as Tt,aA as Nt,aY as P,aZ as M,a_ as Ft,aa as ke,ae as Ot,ab as _t,Y as de,af as Rt,A as ut,F as xe,aE as Pe,Q as Lt,aN as $t,aj as Et,V as He}from"./app-Det8y4U1.js";import{C as Ie,G as Ut,a as Pt}from"./CrAxON7A.chunk.js";import{u as Mt}from"./CHa6bZJR.chunk.js";import{B as Gt}from"./x8TB7tv6.chunk.js";import{S as J,F as Vt,C as Yt,T as Ht,s as Wt,W as zt,b as we,c as Qt}from"./W8wegH66.chunk.js";import{M as ee}from"./DwMcJ3Ip.chunk.js";import{u as Xt}from"./C36BgTJV.chunk.js";import{D as We,G as Bt,E as ze,C as Kt}from"./C5r1_Fc_.chunk.js";import{F as Zt}from"./CX6fV4JE.chunk.js";import{a as mt}from"./DYjoaCnl.chunk.js";import{C as qt,P as Jt}from"./C97fjHLE.chunk.js";import{u as en}from"./C8geGHZf.chunk.js";import{M as Te}from"./_sYSSSUN.chunk.js";var S=(e=>(e.Holiday="Holiday",e.SportingEvent="SportingEvent",e.Observance="Observance",e.NaturalDisaster="NaturalDisaster",e.HistoricalEvent="HistoricalEvent",e.BreakingNews="BreakingNews",e.Informal="Informal",e.ReligiousEvent="ReligiousEvent",e.Livestream="Livestream",e.Other="Other",e))(S||{});const pe=["video","clip","interactive"],fe=["playlist","series","clip","classification","interactive","video","company","category"],ye=["user"],Qe="search.filterActions";Me.defaultProps={active:!1,className:""};function Me(e){return i.jsxs("div",{className:`d-flex justify-content-between ${e.className}`,children:[e.active?i.jsx(he,{className:"text-secondary hover-text-underline cursor-pointer",onClick:e.onClickReset,children:i.jsx(b,{namespace:Qe,phrase:"reset"})}):i.jsx("div",{className:"invisible"}),i.jsx(he,{className:"info-link",onClick:e.onClickApply,children:i.jsx(b,{namespace:Qe,phrase:"apply"})})]})}const ue=j.createContext(null);function tn(e,t){switch(t.type){case"update":return t.payload;default:return e}}function re(e){return i.jsx("label",{htmlFor:e.id,className:"mb-0",children:i.jsx("h3",{className:"h6 mb-2",children:e.title})})}function ft(e){const t=e.draftState.selection;function n(a,c){if(c){let r=-1;t.find((d,f)=>{r>-1||d.id.toString()===a.id.toString()&&(r=f)});const l=[...t.slice(0,r),...t.slice(r+1)];e.setDraftState({active:!!l.length,selection:l});return}const o=[...t];o.push(a),e.setDraftState({active:!!o.length,selection:o})}const s=e.options.map(a=>{const c=e.filter.disabled||a.disabled,o=!!e.draftState.selection.find(l=>l.id.toString()===a.id.toString()),r=Array.isArray(a.id)?a.id.join("_"):a.id;return i.jsx("li",{className:`my-1 ${e.displayOptionsIn2Columns?"col-md-6 col-12":""}`,children:i.jsx(Ie,{label:a.name,name:r,id:r,onChange:()=>n(a,o),checked:!c&&o,isLabelEllipsis:e.displayOptionsIn2Columns,disabled:c})},r)});return i.jsx("ul",{className:`list-unstyled ${e.displayOptionsIn2Columns?"d-flex flex-wrap":""}`,children:s})}function nn(e){const t=C.displayTwoColumns(e.filter);return i.jsxs(i.Fragment,{children:[i.jsx(re,{title:e.filter.name}),i.jsx(ve,{className:"mb-3",children:i.jsx(ft,{displayOptionsIn2Columns:t,options:e.filter.options,filter:e.filter,draftState:e.draftState,setDraftState:e.setDraftState})})]})}function sn(e){var n;const t=[];for(const s of e.filter.options){const a=e.filter.disabled||s.disabled,c=(n=e.draftState.selection)==null?void 0:n.find(f=>(f==null?void 0:f.id)===s.id),o=s.secondLayerOptions??[],r=an(c,o),l=!r&&!!c;t.push(i.jsx(Ie,{label:s.name,name:s.id,id:s.id,indeterminate:r,onChange:()=>e.onToggleItem(s,l||r),checked:!a&&l,className:"my-1",disabled:a},s.id)),C.hasManyFilterOptions(o)&&t.push(...o.map(f=>{var v;const m=a||f.disabled,h=!!((v=c==null?void 0:c.secondLayerSelection)!=null&&v.find(A=>A.id===f.id));return i.jsx(Ie,{label:f.name,name:f.id,id:f.id,onChange:()=>e.onToggleChildItem(f,h,s),checked:!m&&h,className:"my-1 ms-3",disabled:m},f.id)}))}return i.jsx(i.Fragment,{children:t})}function an(e,t){var a,c;const n=((a=e==null?void 0:e.secondLayerSelection)==null?void 0:a.length)>0,s=((c=e==null?void 0:e.secondLayerSelection)==null?void 0:c.length)===t.length;return n&&!s}function rn(e){var t;for(const n of e.filter.options){const s=e.filter.disabled||n.disabled,a=(t=e.draftState.selection)==null?void 0:t.find(r=>(r==null?void 0:r.id)===n.id),o=(n.secondLayerOptions??[]).map(r=>{var f;const l=s||r.disabled,d=!!((f=a==null?void 0:a.secondLayerSelection)!=null&&f.find(m=>m.id===r.id));return i.jsx(Ie,{label:r.name,name:r.id,id:r.id,onChange:()=>e.onToggleChildItem(r,d,n),checked:!l&&d,className:"my-1",disabled:l},r.id)});return i.jsx(i.Fragment,{children:o})}}function on(e){const t=e.filter.options;function n(a,c){var d;const{selection:o}=e.draftState,r=o.findIndex(f=>f.id===a.id);if(!c){const f=(d=t==null?void 0:t.find(h=>h.id===a.id).secondLayerOptions)==null?void 0:d.filter(h=>!h.disabled),m={...a,secondLayerSelection:f};if(o.length===0||r===-1){const h=[...o,m];e.setDraftState({active:!0,selection:h});return}if(r!==-1){const h=o.map(v=>v.id===a.id?m:v);e.setDraftState({active:!!h.length,selection:h});return}}const l=D.removeItemFromIndex(o,o.findIndex(f=>f.id===a.id));e.setDraftState({active:!!l.length,selection:l})}function s(a,c,o){var f;const{selection:r}=e.draftState,l=r.findIndex(m=>m.id===o.id);if(!c){const m=[...((f=r[l])==null?void 0:f.secondLayerSelection)??[],a];if(r.length===0||l===-1){const h={...o,secondLayerSelection:m},v=[...r,h];e.setDraftState({active:!!v.length,selection:v});return}if(l!==-1){const h=r.map(v=>v.id===o.id?{...v,secondLayerSelection:m}:v);e.setDraftState({active:!!h.length,selection:h});return}}let d=r.map(m=>{if(m.id===o.id){const h=D.removeItem(m.secondLayerSelection,a);return{...o,secondLayerSelection:h}}return m});d[l].secondLayerSelection.length===0&&(d=D.removeItem(d,o)),e.setDraftState({active:!!d.length,selection:d})}return i.jsxs(i.Fragment,{children:[i.jsx(re,{title:e.filter.name}),i.jsx(ve,{className:"mb-3",children:C.hasManyFilterOptions(t)?i.jsx(sn,{onToggleItem:n,onToggleChildItem:s,...e}):i.jsx(rn,{onToggleChildItem:s,...e})})]})}function cn(e){const t=e.draftState.active;function n(){e.setDraftState({active:!t})}return i.jsxs(i.Fragment,{children:[i.jsx(re,{id:e.filter.id,title:e.filter.name}),i.jsxs("div",{className:"d-flex align-items-start justify-content-between",children:[i.jsx("p",{className:"d-inline-block w-75",children:e.filter.description}),i.jsx(Ct,{id:e.filter.id,disabled:e.filter.disabled,onClick:n,on:t})]})]})}function ln(e){function t(n){e.setDraftState({active:!n.default,selection:[n]})}return i.jsx(i.Fragment,{children:e.filter.options.map(n=>i.jsx(ae.Item,{onClick:()=>t(n),disabled:e.filter.disabled||n.disabled,children:n.name},n.id))})}const dn="_radioFilter_fxy7p_1",un={radioFilter:dn};function mn(e){function t(n){e.setDraftState({active:!n.default,selection:[n]})}return i.jsxs(i.Fragment,{children:[i.jsx(re,{title:e.filter.name}),i.jsx(ve,{children:i.jsx("ul",{className:`${e.isOnMoreFilters?"d-flex flex-wrap":""} list-unstyled`,children:e.filter.options.map(n=>{var c;const s=e.filter.disabled||n.disabled,a=((c=D.first(e.draftState.selection))==null?void 0:c.id.toString())===n.id.toString();return i.jsx("li",{className:`${e.isOnMoreFilters?"w-50":""}`,children:i.jsx(ve.Check,{type:"radio",label:n.name,name:n.id,id:n.id,value:n.id,onChange:()=>t(n),checked:!s&&a,className:`${un.radioFilter}`,disabled:s})},n.id)})})})]})}function fn(e){const[t,n]=Mt({delay:1});if(N.useEffect(()=>{e.onHover(n?e.rating:null)},[n]),!e.rating.code)return i.jsx(i.Fragment,{});const s=i.jsx(he,{ref:t,className:e.getButtonClasses(e.rating,e.isActive,n),onClick:e.onClick,disabled:e.disabled,children:e.rating.code});return e.disabled?s:i.jsx(Oe,{title:e.rating.name,spanHack:!0,children:s})}gt.defaultProps={selections:[]};function gt(e){const[t,n]=N.useState([]);function s(r){return e.ratings.filter(l=>l.code&&l.value<=r.value)}function a(r){e.onSelectRange(s(r))}function c(r){if(!r||e.isDisabled(r)){n([]);return}}function o(r){return t.length?!!t.find(l=>l.id===r.id):!!e.selections.find(l=>l.id===r.id)}return i.jsx("div",{children:i.jsx(Gt,{as:"ul",className:"list-unstyled mb-0",children:e.ratings.map(r=>{var l;return i.jsx("li",{children:i.jsx(fn,{rating:r,onClick:()=>a(r),onHover:c,isActive:o(r),disabled:e.disabled||((l=e.isDisabled)==null?void 0:l.call(e,r)),getButtonClasses:e.getButtonClasses})},r.id)})})})}const gn="_firstButton_tcosn_1",hn="_lastButton_tcosn_6",Xe={firstButton:gn,lastButton:hn};function vn(e){const t=e.filter.options;function n(o){e.setDraftState({active:!!o.length,selection:o})}const s=t.filter(o=>o.code),[a]=s,c=s[s.length-1];return i.jsxs(i.Fragment,{children:[i.jsx(re,{title:e.filter.name}),i.jsx("div",{className:"mb-2",children:i.jsx(gt,{ratings:t,selections:e.draftState.selection,onSelectRange:n,disabled:e.filter.disabled,isDisabled:o=>o.disabled,getButtonClasses:(o,r,l)=>{let d="btn border text-nowrap";return r||l?d+=" btn-dark":d+=" btn-outline-dark",l&&(d+=" active"),s.length===1?d+=" rounded":a.id===o.id?d+=" "+Xe.firstButton:c.id===o.id?d+=" "+Xe.lastButton:d+=" rounded-0",d}})})]})}const ne={FILTER_PARAM_PREFIX:"filters.",MAX_CHECKBOXES_PER_COLUMN:10},xn="sharedSearch.utils",be=E.encloseNamespace(xn),ge=`${ne.FILTER_PARAM_PREFIX}library`;function pn(e){return e.reduce((t,n)=>({...t,[n.type]:!0}),{})}const yn={getOptions(e){const{libraries:t,isLearner:n,isGuest:s,hasCustomLibraries:a}=e,c=[],o=pn(t);return o[ee.Workspace]&&!s&&c.push({id:J.MyVideos,name:be("myVideos")}),o[ee.CustomLibrary]&&(!n||a)&&c.push({id:J.School,name:be("schoolVideos")}),o[ee.Exchange]&&c.push({id:J.ExchangeArchive,name:be("exchangeArchiveVideos")}),o[ee.HostedLibrary]&&c.push({id:J.ClickView,name:be("clickViewVideos")}),c},getBackendParamValue(e,t){return(Array.isArray(e)?e:[e]).reduce((s,a)=>t.reduce((c,o)=>{const r=c[ge]||[];return a===J.MyVideos&&o.type===ee.Workspace?{...c,[ge]:[...r,o.id.toString()]}:a===J.School&&o.type===ee.CustomLibrary?{...c,[ge]:[...r,o.id.toString()]}:a===J.ExchangeArchive&&o.type===ee.Exchange?{...c,[ge]:[...r,o.id.toString()]}:a===J.ClickView&&o.type===ee.HostedLibrary?{...c,[ge]:[...r,o.id.toString()]}:c},s),{})}};var ie=(e=>(e[e.Unclassified=0]="Unclassified",e[e.Active=1]="Active",e[e.Prospect=2]="Prospect",e[e.LostCustomer=3]="LostCustomer",e[e.Disabled=4]="Disabled",e[e.Other=5]="Other",e))(ie||{}),se=(e=>(e.Unclassified="Unclassified",e.Active="Active",e.Prospect="Prospect",e.LostCustomer="LostCustomer",e.Disabled="Disabled",e.Other="Other",e))(se||{});const X={[S.BreakingNews]:"Breaking news",[S.HistoricalEvent]:"Historical event",[S.Holiday]:"Holiday",[S.Informal]:"Informal",[S.Livestream]:"Livestream",[S.NaturalDisaster]:"Natural disaster",[S.Observance]:"Observance",[S.ReligiousEvent]:"Religious event",[S.SportingEvent]:"Sporting event",[S.Other]:"Other"};function Z(e){return i.jsx("div",{className:"alert text-dark bg-light-blue px-2 rounded-3",children:e.children})}const Ae="userManager.bulkUserActivationActionInfo";function bn(e){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:Ae,phrase:"deactivate"})}),i.jsx("p",{children:i.jsx(b,{namespace:Ae,phrase:e.userType===w.Learner?"deactivateInfoStudent":"deactivateInfoStaff"})}),i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:Ae,phrase:"reactivate"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:Ae,phrase:e.userType===w.Learner?"reactivateInfoStudent":"reactivateInfoStaff"})})]})}const Be="userManager.bulkUserActivationEmailActionInfo";function An(){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:Be,phrase:"heading"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:Be,phrase:"info"})})]})}const Ke="userManager.addToClassroomActionInfo";function Sn(){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:Ke,phrase:"heading"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:Ke,phrase:"info"})})]})}const Ze="userManager.changeYearGroupActionInfo";function Cn(){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:Ze,phrase:"heading"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:Ze,phrase:"info"})})]})}const qe="userManager.bulkUserDeleteActionInfo";function jn(e){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:qe,phrase:"delete"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:qe,phrase:e.userType===w.Learner?"infoStudent":"infoStaff"})})]})}const Je="userManager.bulkUserRemoveActionInfo";function kn(e){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:Je,phrase:"remove"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:Je,phrase:e.userType===w.Learner?"infoStudent":"infoStaff"})})]})}const et="userManager.bulkUserResetEmailActionInfo";function In(){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:et,phrase:"heading"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:et,phrase:"info"})})]})}const tt="userManager.bulkResetPasswordActionInfo";function Dn(){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:tt,phrase:"heading"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:tt,phrase:"info"})})]})}const nt="userManager.bulkUserYearGroupRolloverActionInfo";function wn(){return i.jsxs(Z,{children:[i.jsx("h4",{className:"h5",children:i.jsx(b,{namespace:nt,phrase:"heading"})}),i.jsx("p",{className:"mb-0",children:i.jsx(b,{namespace:nt,phrase:"info"})})]})}function Tn(e){return i.jsx("svg",{...e,children:i.jsx("path",{fill:"currentColor",d:"M12 3c4.972 0 9 4.028 9 9s-4.028 9-9 9-9-4.028-9-9 4.028-9 9-9m4.244 5.578a.77.77 0 0 0-1.058.068l-4.722 5.18-1.684-1.615a.77.77 0 0 0-1.06 0 .7.7 0 0 0 0 1.018l2.25 2.16a.77.77 0 0 0 1.094-.035l5.25-5.76a.7.7 0 0 0-.07-1.016"})})}const Nn="_badge_1yp84_1",Fn="_pending_1yp84_5",On="_active_1yp84_8",_n="_name_1yp84_11",Rn="_username_1yp84_14",Ln="_avatarContainer_1yp84_26",$n="_verifiedEmail_1yp84_31",z={badge:Nn,pending:Fn,active:On,name:_n,username:Rn,avatarContainer:Ln,verifiedEmail:$n},oe="userManager.userList";function En(e){var t,n,s,a,c;return i.jsxs(i.Fragment,{children:[je.getUserStatusFromValue(((t=e.user)==null?void 0:t.status)??e.status)===De.Disabled&&i.jsx("div",{className:`text-white px-1 ${z.badge} bg-danger ${e.className??""}`,children:i.jsx(b,{namespace:oe,phrase:"deactivated"})}),je.getUserStatusFromValue(((n=e.user)==null?void 0:n.status)??e.status)===De.Inactive&&i.jsx("div",{className:`text-white px-1 ${z.badge} ${z.pending} ${e.className??""}`,children:i.jsx(Oe,{title:E.getPhrase(oe,"pendingTooltip"),spanHack:!0,children:i.jsx(b,{namespace:oe,phrase:"pending"})})}),e.showActiveBadge&&je.getUserStatusFromValue(((s=e.user)==null?void 0:s.status)??e.status)===De.Active&&i.jsx("div",{className:`text-white px-1 ${z.badge} ${z.active} ${e.className??""}`,children:i.jsx(Oe,{title:E.getPhrase(oe,"active"),spanHack:!0,children:i.jsx(b,{namespace:oe,phrase:"active"})})}),((a=e.user)==null?void 0:a.id.toString())===((c=e.currentUser)==null?void 0:c.id.toString())&&i.jsx("div",{className:`text-white px-1 ${z.badge} bg-blue ${e.className??""}`,children:i.jsx(b,{namespace:oe,phrase:"thatsYou"})})]})}const Ne="userManager.userList";function Un(e){var s;const{user:t,currentUser:n}=e;return i.jsxs("div",{className:`d-flex flex-column justify-content-center me-auto w-100 ${e.wrapperClassName}`,children:[i.jsxs("div",{className:"pb-1 d-flex align-items-center",children:[i.jsxs("div",{className:`d-flex ${z.name}`,children:[t.name?i.jsxs("h2",{className:"h5 m-0 me-1 d-inline-block align-middle text-truncate",title:`${t.name} ${t.surname||""}`,children:[t.name," ",t.surname||""]}):i.jsx("span",{className:"fst-italic text-secondary me-2",children:i.jsx(b,{namespace:Ne,phrase:"noName"})}),t.username&&i.jsxs(i.Fragment,{children:["(",i.jsx("p",{title:t.username,className:`m-0 d-inline-block align-middle text-truncate ${z.username}`,children:t.username}),")"]})]}),i.jsx(En,{user:t,currentUser:n,className:"ms-2"})]}),i.jsxs("div",{className:"d-flex",children:[!!((s=t.metadata)!=null&&s.isEmailVerified)&&i.jsx(Ue,{className:`svg-container text-secondary ms-n1 ${z.verifiedEmail}`,svg:Tn,title:E.getPhrase(Ne,"emailVerified"),tooltipSpanHack:!0,tooltipPlacement:"top"}),i.jsx("p",{className:"text-truncate mb-0 overflow-visible",children:t.email?t.email:i.jsx("span",{className:"fst-italic",children:i.jsx(b,{namespace:Ne,phrase:"noEmail"})})})]})]})}const it="userManager.userList";function Pn(e){var t,n,s,a,c,o,r,l,d,f,m;if(e.userType===w.Learner)return(n=(t=e.user)==null?void 0:t.masterYearGroup)!=null&&n.name?(s=e.user)==null?void 0:s.masterYearGroup.name:(o=(c=(a=e.user)==null?void 0:a.yearGroups)==null?void 0:c.data)!=null&&o.length?D.first((r=e.user)==null?void 0:r.yearGroups.data).name:null;if(e.userType===w.Staff)return((d=(l=e.user)==null?void 0:l.userProfile)==null?void 0:d.role)===Ve.Admin?E.getPhrase(it,"admin"):((m=(f=e.user)==null?void 0:f.userProfile)==null?void 0:m.role)===Ve.SuperAdmin?E.getPhrase(it,e.countryCode==="US"?"superAdminUs":"superAdmin"):null}function Mn(e){const t=e.badgeText||Pn(e);return t?i.jsx("div",{className:"rounded-pill border border-dark bg-white px-2 me-3 d-inline-block flex-shrink-0",children:t}):i.jsx(i.Fragment,{})}function Gn(e){var t;return i.jsx("div",{className:`${z.avatarContainer} mx-2`,children:i.jsx(jt,{imageUrl:(t=e.user.avatar)==null?void 0:t.url,imageCdnUrl:e.imageCdnUrl,initials:je.getInitials(e.user.name,e.user.surname)})})}function Vn(e){return i.jsxs("li",{className:"d-flex align-items-center p-2",children:[i.jsx(Gn,{user:e.user,imageCdnUrl:e.imageCdnUrl}),i.jsx(Un,{user:e.user,currentUser:e.currentUser}),i.jsx(Mn,{userType:e.userType,user:e.user}),i.jsx("p",{className:"mb-0 mx-2 text-danger",children:e.errorMessage})]})}var _e=(e=>(e.Online="online",e.Primary="primary",e.Curator="curator",e))(_e||{});const Yn=N.createContext({});var le=(e=>(e[e.Unknown=0]="Unknown",e[e.Staff=1]="Staff",e[e.Learner=2]="Learner",e[e.MasterVideo=3]="MasterVideo",e[e.Rostering=8]="Rostering",e[e.MarketingProfile=16]="MarketingProfile",e))(le||{}),G=(e=>(e.YearGroupRollover="year-group-rollover",e.ChangeYearGroup="change-year-group",e.DeleteUser="delete-user",e.RemoveUser="remove-user",e.DeactivateUser="deactivate-user",e.ActivateUser="activate-user",e.AddToClassroom="add-to-classroom",e.ResetPassword="reset-password",e.SendResetPasswordEmail="send-reset-password-email",e.SendAccountActivationEmail="send-account-activation-email",e.CreateUser="create-user",e.AddToAudience="add-to-audience",e.AddToBackboneClassification="add-to-backbone-classification",e.AddToBackboneAudience="add-to-backbone-audience",e.AddToClassification="add-to-classification",e.AddToSeries="add-to-series",e.AddToDirector="add-to-director",e.AddToDistributor="add-to-distributor",e.AddToProductionCompany="add-to-production-company",e.AddToProducer="add-to-producer",e.SetProductionYear="set-production-year",e.AddToLibrary="add-to-library",e.AddToCurationTag="add-to-curation-tag",e.AddToSkillTag="add-to-skill-tag",e.AddToPedagogyTag="add-to-pedagogy-tag",e.AddToNormalTag="add-to-normal-tag",e.AddToHiddenTag="add-to-hidden-tag",e.AddResourceAndLink="add-resource-and-link",e.Rostering="rostering",e.MarketingProfile="marketing-profile",e))(G||{}),V=(e=>(e[e.NoAction=1]="NoAction",e[e.Succeed=1]="Succeed",e[e.Unknown=10]="Unknown",e[e.CustomerNotFound=100]="CustomerNotFound",e[e.UserNotFound=101]="UserNotFound",e[e.EmailNotVerified=131]="EmailNotVerified",e[e.UserDisabled=133]="UserDisabled",e[e.InvalidYearGroup=200]="InvalidYearGroup",e[e.MissingYearGroup=201]="MissingYearGroup",e[e.NewYearGroupNotSet=202]="NewYearGroupNotSet",e[e.ObjectNotFoundInBackboneClassification=300]="ObjectNotFoundInBackboneClassification",e[e.ObjectNotFoundInBackboneAudience=301]="ObjectNotFoundInBackboneAudience",e))(V||{}),x=(e=>(e[e.RolloverYearGroup=1]="RolloverYearGroup",e[e.DeactivateUser=2]="DeactivateUser",e[e.ChangeYearGroup=3]="ChangeYearGroup",e[e.DeleteUser=4]="DeleteUser",e[e.CreateUser=5]="CreateUser",e[e.ResetPassword=6]="ResetPassword",e[e.AddUsersClassroom=7]="AddUsersClassroom",e[e.SendAccountReminderEmail=8]="SendAccountReminderEmail",e[e.ActivateUser=9]="ActivateUser",e[e.AddToBackboneClassification=10]="AddToBackboneClassification",e[e.AddToClassification=11]="AddToClassification",e[e.AddToBackboneAudience=12]="AddToBackboneAudience",e[e.AddToAudience=13]="AddToAudience",e[e.AddVideosSeries=14]="AddVideosSeries",e[e.AddVideosDistributor=15]="AddVideosDistributor",e[e.AddVideosProductionCompany=16]="AddVideosProductionCompany",e[e.AddVideosProducer=17]="AddVideosProducer",e[e.AddVideosDirector=18]="AddVideosDirector",e[e.AddVideosLibrary=19]="AddVideosLibrary",e[e.AddVideosResourceAndLinks=21]="AddVideosResourceAndLinks",e[e.AddVideosTag=22]="AddVideosTag",e[e.SendAccountActivationEmail=23]="SendAccountActivationEmail",e[e.RemoveUser=24]="RemoveUser",e[e.Rostering=25]="Rostering",e[e.MarketingProfile=26]="MarketingProfile",e[e.SetProductionYear=28]="SetProductionYear",e))(x||{});function Hn(e){return i.jsx("svg",{...e,children:i.jsx("path",{fill:"currentColor",d:"M12.335 4C14.7258 4.00011 16.6631 5.90392 16.6631 8.26074C16.6629 9.95954 15.6586 11.3904 13.877 12.2334L15.2314 13.5742C15.4776 13.8297 15.4899 14.2192 15.2373 14.4619L13.7734 15.8994L14.7773 16.8828C15.0235 17.1318 15.0366 17.5149 14.7842 17.7705L12.7822 19.7441C12.523 19.9933 12.153 19.9618 11.8809 19.7383L10.8252 18.8252C10.6373 18.6591 10.5723 18.4158 10.5723 18.2051V12.1758C8.99791 11.4924 8.00018 9.97233 8 8.26074C8 5.89108 9.9246 4 12.335 4ZM12.335 5.02832C10.5078 5.02832 9.03711 6.47232 9.03711 8.26074C9.03732 9.79975 10.0929 11.096 11.6152 11.4346V18.0264L12.335 18.7285L13.7471 17.3174L12.8271 16.4229V15.3633L14.2012 14.0283L12.9307 12.7695V11.4795C14.5568 11.0963 15.6199 9.78709 15.6201 8.26074C15.6201 6.47238 14.1556 5.02843 12.335 5.02832ZM12.3496 5.875C13.125 5.875 13.7559 6.50584 13.7559 7.28125C13.7559 8.05666 13.125 8.6875 12.3496 8.6875C11.5744 8.68728 10.9434 8.05652 10.9434 7.28125C10.9434 6.50598 11.5744 5.87522 12.3496 5.875ZM12.3496 6.8125C12.0913 6.81272 11.8809 7.02291 11.8809 7.28125C11.8809 7.53959 12.0913 7.74978 12.3496 7.75C12.6081 7.75 12.8184 7.53972 12.8184 7.28125C12.8184 7.02278 12.6081 6.8125 12.3496 6.8125Z"})})}const g=E.encloseNamespace("userManager.utils");x.ActivateUser,x.AddUsersClassroom,x.ChangeYearGroup,x.DeactivateUser,x.DeleteUser,x.ResetPassword,x.RolloverYearGroup,x.SendAccountReminderEmail,x.CreateUser,x.SendAccountActivationEmail,x.RemoveUser;const $={getSteps(e,t,n,s){var o,r;const a=[{id:"select-action",text:g("choose"),appLink:n==null?void 0:n.bulkActionsSelectAction},{id:"action-details",text:g("details"),appLink:(o=n==null?void 0:n.bulkActionsActionDetails)==null?void 0:o[s],disabled:!((r=n==null?void 0:n.bulkActionsActionDetails)!=null&&r[s])},{id:"confirmation",text:g("confirmation")},{id:"status",text:g("status")}],c={id:"review-accounts",text:g(e===w.Learner?"reviewStudents":"reviewStaff"),subText:g(e===w.Learner?"reviewSubTextStudents":"reviewSubTextStaff",{smartCount:t}),appLink:n==null?void 0:n.bulkActionsReviewAccounts};return typeof t!="number"&&delete c.subText,a.unshift(c),a},getActionOptions({userType:e,allowYearGroupRollover:t,countsByStatus:n,client:s,products:a,yearGroups:c,hasClassroomsFeature:o}){const r=[];r.push({order:40,id:"activation",icon:Zt,name:g("deactivateReactivate"),infoComponent:()=>i.jsx(bn,{userType:e})});const l=!(n!=null&&n.Disabled)&&!(n!=null&&n.Inactive);return(s!==_e.Primary||(a==null?void 0:a.includes(Ye.Online)))&&r.push({order:50,id:"delete",icon:We,name:g("delete"),infoComponent:()=>i.jsx(jn,{userType:e}),disabled:l,tooltip:l?g("deleteDisabledTooltip"):""}),s!==_e.Online&&!(a!=null&&a.includes(Ye.Online))&&r.push({order:50,id:"removeFromSchool",icon:We,name:g("removeFromSchool"),infoComponent:()=>i.jsx(kn,{userType:e}),disabled:l,tooltip:l?g("removeFromSchoolDisabledTooltip"):""}),e===w.Learner&&((c==null?void 0:c.length)>1&&r.push({order:20,id:"changeYearGroup",icon:Bt,name:g("changeYearGroup"),infoComponent:()=>i.jsx(Cn,{})}),r.push({order:30,id:"resetPassword",icon:Hn,name:g("resetPassword"),infoComponent:()=>i.jsx(Dn,{})}),r.push({order:35,id:"activationEmail",icon:ze,name:g("activationEmail"),infoComponent:()=>i.jsx(An,{})}),o&&r.push({order:60,id:"addToClassroom",icon:Kt,name:g("addToClassroom"),infoComponent:()=>i.jsx(Sn,{})}),(c==null?void 0:c.length)>1&&r.push({order:70,id:"yearGroupRollover",icon:Ut,name:g("yearGroupRollover"),infoComponent:()=>i.jsx(wn,{}),disabled:!(t!=null&&t.canRollover),tooltip:Xn(t)})),e===w.Staff&&r.push({order:60,id:"resetEmail",icon:ze,name:g("resetEmail"),infoComponent:()=>i.jsx(In,{})}),r.sort((m,h)=>m.order-h.order)},mapSubActionToDisplayName(e){switch(e){case"yearGroupRollover":return g("yearGroupRolloverDisplayName");case"changeYearGroup":return g("changeYearGroupDisplayName");case"deactivate":return g("deactivateDisplayName");case"reactivate":return g("reactivateDisplayName");case"delete":return g("deleteDisplayName");case"addToClassroom":return g("addToClassroomDisplayName");case"resetPassword":return g("resetPasswordDisplayName");case"resetEmail":return g("resetEmailDisplayName");case"activationEmail":return g("activationEmailDisplayName");case"removeFromSchool":return g("removeFromSchoolDisplayName");default:return""}},getWizardAppLinks(e){const t=Object.keys(e.bulkActionsActionDetails).map(a=>e.bulkActionsActionDetails[a]),n=Object.keys(e.bulkActionsConfirmation).map(a=>e.bulkActionsConfirmation[a]),s=Object.keys(e.bulkActionsStatus).map(a=>e.bulkActionsStatus[a]);return[e.bulkActionsReviewAccounts,e.bulkActionsSelectAction,...t,...n,...s]},getErrorListItem(e,t,n){const s=this.getUserErrorMessage(e.errorCode);return i.jsx(Vn,{user:e,userType:e.userType,imageCdnUrl:t,errorMessage:s,currentUser:n})},getUserErrorMessage(e){switch(e){case V.NoAction:case V.Succeed:return"";case V.InvalidYearGroup:return g("invalidYearGroupError");case V.MissingYearGroup:return g("missingYearGroupError");case V.NewYearGroupNotSet:return g("yearGroupUpdateError");case V.EmailNotVerified:return g("emailNotVerifiedError");case V.UserDisabled:return g("userDeactivatedError");case V.Unknown:case V.CustomerNotFound:case V.UserNotFound:default:return g("genericUnexpectedError",{errorCode:e})}},getCreateJobRequestData(e,t,n,s){switch(e.subAction){case"yearGroupRollover":return{name:G.YearGroupRollover,type:x.RolloverYearGroup,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:Wn(e,t)};case"changeYearGroup":return{name:G.ChangeYearGroup,type:x.ChangeYearGroup,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:zn(e)};case"delete":return{name:G.DeleteUser,type:x.DeleteUser,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:B(e)};case"removeFromSchool":return{name:G.RemoveUser,type:x.RemoveUser,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:B(e)};case"deactivate":return{name:G.DeactivateUser,type:x.DeactivateUser,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:Kn(e,s)};case"reactivate":return{name:G.ActivateUser,type:x.ActivateUser,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:B(e)};case"addToClassroom":return{name:G.AddToClassroom,type:x.AddUsersClassroom,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:Bn(e)};case"resetPassword":return{name:G.ResetPassword,type:x.ResetPassword,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:Qn(e)};case"resetEmail":return{name:G.SendResetPasswordEmail,type:x.SendAccountReminderEmail,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:B(e)};case"activationEmail":return{name:G.SendAccountActivationEmail,type:x.SendAccountActivationEmail,dataType:$.mapUserTypeToDataType(n),customerId:t,metadata:B(e)};default:It.throw(new Dt(`No handler for type ${e.subAction} in BulkUserActionsHelper.getCreateJobRequestData`))}return null},useSetWizardConfirmationCallback(e){const{setOnClickConfirm:t}=N.useContext(Yn),[n]=kt(wt.BULK_USER_ACTIONS);N.useEffect(()=>{t(()=>e)},[n==null?void 0:n.subAction])},useCreateJobErrorAlert(){const e=Xt();return()=>{e.error(g("failedToCreateJob"))}},mapDataTypeToUserType(e){switch(e){case le.Staff:return w.Staff;case le.Learner:return w.Learner;default:return w.Unknown}},mapUserTypeToDataType(e){switch(e){case w.Learner:return le.Learner;case w.Staff:return le.Staff;case w.Unknown:return le.Unknown}},getActionTypeFilterOptions(){return[{id:x.ActivateUser,name:g("activate")},{id:x.DeactivateUser,name:g("deactivate")},{id:x.DeleteUser,name:g("deleteUser")},{id:x.RolloverYearGroup,name:g("yearGroupRollover")},{id:x.ChangeYearGroup,name:g("changeYearGroup")},{id:x.CreateUser,name:g("createUser")},{id:x.ResetPassword,name:g("resetPassword")},{id:x.SendAccountReminderEmail,name:g("resetEmail")},{id:x.AddUsersClassroom,name:g("addToClassroom")},{id:x.SendAccountActivationEmail,name:g("activationEmail")},{id:x.RemoveUser,name:g("removeFromSchool")}]},getUserTypeFilterOptions(){return[{id:w.Staff,name:g("staff")},{id:w.Learner,name:g("students")}]},mapSubActionToVerb(e){return e==="delete"?"Delete":e==="removeFromSchool"?"Remove":e==="resetEmail"||e==="activationEmail"?"Email":e==="addToClassroom"?"Add":"Update"},mapJobTypeToName(e){switch(e){case x.ActivateUser:return g("activate");case x.AddUsersClassroom:return g("addToClassroom");case x.ChangeYearGroup:return g("changeYearGroup");case x.DeactivateUser:return g("deactivate");case x.DeleteUser:return g("delete");case x.ResetPassword:return g("resetPassword");case x.RolloverYearGroup:return g("yearGroupRollover");case x.SendAccountReminderEmail:return g("sendAccountReminderEmail");case x.CreateUser:return g("bulkUpload");case x.SendAccountActivationEmail:return g("sendAccountActivationEmail");case x.RemoveUser:return g("removeUser");default:return g("unknown")}},hasFilterOrQuery(e){return!!(e.query||e.isAdmin||e.status||e.yearGroup)}};function B(e){return{batchObjectIds:[...e.userIdMap.keys()],fullBatchObjects:void 0}}function Wn(e,t){return{fullBatchObjects:{source:"UserApi",ownerId:t,objectType:Tt.User,query:`{userType:${w.Learner}}`},finalYearGroupId:e.yearGroup.id}}function zn(e){const t=B(e);return t.newYearGroupId=e.yearGroup.id,t}function Qn(e){const t=B(e);return t.newPassword=e.password,t.changeOnNextLogin=e.changeOnNextLogin,t}function Xn(e){if(e.canRollover)return"";switch(e.reason){case"select-all-students":return g("selectAllStudents");case"cooldown":return g("rolloverCooldown",{date:Nt.format(e.lastRolloverDate,"DD/MM/YYYY")})}}function Bn(e){const t=B(e);return t.classroomIds=[e.classroom.id],t}function Kn(e,t){var s;const n=B(e);return t!=null&&t.id&&(n.batchObjectIds=((s=n.batchObjectIds)==null?void 0:s.filter(a=>a.toString()!==t.id.toString()))??[]),n}const Zn="search.durationFilter";function qn(e){let t="";switch(e.id){case"bite-sized":t="rangeBiteSized";break;case"short":t="rangeShort";break;case"medium":t="rangeMedium";break;case"long":t="rangeLong";break}return E.getPhrase(Zn,t)}function Jn(e){return i.jsxs("li",{className:"d-flex flex-fill flex-column align-items-center mb-2 mb-md-0 mx-1",children:[i.jsx("button",{onClick:()=>e.onClick(e.option),className:`btn w-100 text-center btn-${e.active?"dark":"outline-dark"} mb-1`,disabled:e.disabled,children:e.option.name}),i.jsx("span",{children:qn(e.option)})]})}function ei(e){const t=D.first(e.draftState.selection);function n(s){if((t==null?void 0:t.id)===s.id){e.setDraftState({active:!1,selection:[]});return}e.setDraftState({active:!0,selection:[s]})}return i.jsxs(i.Fragment,{children:[i.jsx(re,{title:e.filter.name}),i.jsx("ul",{className:"d-flex list-unstyled flex-column flex-md-row mx-n1 mb-2",children:e.filter.options.map(s=>i.jsx(Jn,{option:s,onClick:n,active:(t==null?void 0:t.id)===s.id,disabled:e.filter.disabled||s.disabled},s.id))})]})}const ti="_icon_bcwaq_1",ni="_activeIcon_bcwaq_5",ii="_text_bcwaq_11",si="_floatingIcon_bcwaq_14",ai="_active_bcwaq_5",ce={icon:ti,activeIcon:ni,text:ii,floatingIcon:si,default:"_default_bcwaq_18",active:ai},ri="search.moviesAndTvFilter";function oi(e){const t=e.filter,{state:n}=N.useContext(ue),s=n[t.id],a=s==null?void 0:s.active,[c,o]=N.useState(!1),r=N.useRef(c);N.useEffect(()=>{a!==r.current&&(r.current=a),c!==r.current&&o(r.current)},[a]);function l(d){C.applyFilter([t],s,{[e.filter.id]:d},n.appLink)}return i.jsxs(he,{onClick:()=>{o(!a),l({active:!a})},className:`mx-1 btn ${a?"btn-dark":"btn-outline-dark"} position-relative fw-semibold d-flex align-items-center flex-shrink-0`,children:[i.jsx("img",{src:e.iconUrl,className:`${ce.icon} position-absolute ${a?ce.activeIcon:""}`}),i.jsx("div",{className:ce.text,children:i.jsx(b,{namespace:ri,phrase:"title"})}),i.jsx("img",{src:e.extraIconUrl,className:`position-absolute ${ce.floatingIcon} ${c?ce.active:ce.default}`})]})}function ci(e){const t={};for(const n of e.filter.options)n.group&&(t[n.group]||(t[n.group]=[]),t[n.group].push(n));return i.jsx(ve,{className:"mb-3",children:Object.entries(t).map(([n,s])=>i.jsxs("ul",{className:"list-unstyled",children:[i.jsx(re,{title:n}),i.jsx(ft,{filter:e.filter,options:s,draftState:e.draftState,setDraftState:e.setDraftState,displayOptionsIn2Columns:!1})]},n))})}const li={deriveInitialClassificationFilterStateFromQueryParams(e,t){var n;return((n=e==null?void 0:e.options)==null?void 0:n.filter(s=>s.id.split(":").every(c=>t.find(r=>r.toString()===c.toString()))))??[]}},di="sharedSearch.utils",Se=E.encloseNamespace(di),ht={getOptions(){return[{id:"bite-sized",name:Se("durationBiteSized")},{id:"short",name:Se("durationShort")},{id:"medium",name:Se("durationMedium")},{id:"long",name:Se("durationLong")}]},getBackendParamValue(e){switch(e){case"bite-sized":return"...179999";case"short":return"180000...299999";case"medium":return"300000...899999";case"long":return"900000..."}}},ui={deriveInitialPresentationFilterStateFromQueryParams:(e,t,n)=>Le(e,t).map(s=>{const a=n.audience;if(!(a!=null&&a.length))return s;const c=Le(s.secondLayerOptions,a);return{...s,secondLayerSelection:c}}).filter(s=>{var a;return!!((a=s.secondLayerSelection)!=null&&a.length)})},mi="sharedSearch.utils",Ce=E.encloseNamespace(mi),vt={getOptions(){return[{id:"any-year",name:Ce("anyYear"),default:!0},{id:"this-year",name:Ce("thisYear")},{id:"last-3-years",name:Ce("last3Years")},{id:"last-5-years",name:Ce("last5Years")}]},getBackendParamValue(e){const t=new Date().getFullYear();switch(e){case"any-year":return"";case"this-year":return`${t}...`;case"last-3-years":return`${t-3}...`;case"last-5-years":return`${t-5}...`}}},Re={deriveInitialRatingFilterStateFromQueryParams(e,t){if(Array.isArray(e))return e;const n=t.options,s=st(e,n);if(!s.length)return[];const a=D.last(s);return n.filter(c=>c.value>0&&c.value<=a.value)},getFrontendParamValue(e){if(!(e!=null&&e.length))return"";const t=D.first(e),n=D.last(e);return e.length===1?t.code:`${t.code}-to-${n.code}`},getBackendParamValue(e,t){const n=st(e,t);return n.length?n.length===1?`0...${D.first(n).value}`:`0...${D.last(n).value}`:void 0},getStudentMaxRating(e,t){var s;const n=D.findWhere(e,{value:(s=t.masterYearGroup)==null?void 0:s.value});return n==null?void 0:n.rating}};function st(e,t){const s=e.split("-to-").map(a=>t.find(c=>c.code===a));return s.every(a=>!!a)?s:[]}const u=E.encloseNamespace("sharedSearch.utils"),fi={classification:!0,categoryId:!0,channel:!0},at={series:!0,video:!0,playlist:!0,classification:!0,clip:!0,interactive:!0,company:!0,category:!0},Fs={SortBy:(e,t)=>({id:"sort",name:u("newest"),type:"dropdown",options:e,compatibleIndices:[...fe,...ye],labelPrefix:t}),Presentation:(e,t)=>({id:"presentation",secondaryId:"audience",name:u("schoolLevels"),type:"nested-checkbox",options:gi(e),compatibleIndices:t?["playlist","series","clip","interactive","video","company","category"]:fe}),Topics:e=>({compatibleIndices:["playlist","series","clip","classification","interactive","video"],options:e,type:"checkbox",name:u("topicsFilter"),id:"classification"}),Source:e=>({id:"source",type:"checkbox",name:u("sources"),options:e,compatibleIndices:["video","clip","interactive","category"]}),MoviesAndTv:(e,t)=>({id:"moviesAndTv",name:u("moviesAndTv"),type:"button",compatibleIndices:["video","series","clip","interactive","classification","playlist","company"],customComponent:n=>i.jsx(oi,{...n,filter:n.filter,iconUrl:e,extraIconUrl:t})}),YearGroup:e=>({id:"yearGroup",name:u("yearGroup"),type:"checkbox",options:e,compatibleIndices:ye}),ObjectTypes:(e=[],t=!1)=>({id:"type",name:u("types"),type:t?"grouped-checkbox":"checkbox",options:C.getObjectTypeOptions(e,t),disableOptions:C.getIsObjectTypeOptionDisabled,compatibleIndices:fe}),Rating:(e,t)=>({id:"rating",name:u("rating"),type:"rating",options:e&&t?e.filter(n=>n.value<=t.value):e,compatibleIndices:["video","series"]}),Interactives:()=>({id:"interactives",name:u("interactives"),type:"switch",description:u("interactivesDescription"),compatibleIndices:["video","clip"]}),Clips:()=>({id:"clips",name:u("clips"),type:"switch",description:u("clipsDescription"),compatibleIndices:["video"]}),HasResources:()=>({id:"hasResources",name:u("resources"),type:"switch",description:u("resourcesDescription"),compatibleIndices:["video","clip"]}),HasSubtitles:()=>({id:"hasSubtitles",name:u("subtitles"),type:"switch",description:u("subtitlesDescription"),compatibleIndices:pe}),ProductionYear:()=>({id:"productionYear",name:u("productionYear"),type:"radio",options:vt.getOptions(),compatibleIndices:[...pe,"series"]}),IsHD:()=>({id:"isHd",name:u("isHd"),type:"switch",description:u("isHdDescription"),compatibleIndices:pe}),IsClickViewContent:()=>({id:"producedByClickView",name:u("producedByClickView"),type:"switch",description:u("producedByClickViewDescription"),compatibleIndices:fe}),Duration:()=>({id:"duration",name:u("duration"),type:"radio",customComponent:ei,options:ht.getOptions(),compatibleIndices:pe}),TagOrClassification:e=>({id:"tagOrClassification",type:"tag",options:e&&e.map(t=>({id:t,name:t})),compatibleIndices:fe}),Status:e=>({id:"status",name:u("status"),type:"checkbox",compatibleIndices:[...ye,"customer"],options:e||C.getStatusOptions()}),JobStatus:()=>({id:"jobStatus",name:u("status"),type:"checkbox",compatibleIndices:[],options:C.getJobStatusOptions()}),IsAdmin:(e,t)=>{const n=!!(e!=null&&e.organisation),a=u(n?t==="US"?"isAdminDescriptionOrgUs":"isAdminDescriptionOrg":"isAdminDescription");return{id:"isAdmin",name:u("isAdmin"),type:"switch",compatibleIndices:ye,description:a}},BulkActionType:()=>({id:"bulkActionType",name:u("actionType"),type:"checkbox",options:$.getActionTypeFilterOptions(),compatibleIndices:[]}),UserType:()=>({id:"userType",name:u("users"),type:"checkbox",options:$.getUserTypeFilterOptions(),compatibleIndices:[]}),TvFields:()=>({id:"filter",name:u("tvFields"),type:"radio",options:C.getTvFieldsOptions(),compatibleIndices:[]}),TvChannel:e=>({id:"channel",name:u("tvChannel"),type:"checkbox",options:C.getTvChannelOptions(e),compatibleIndices:[]}),TvDateBroadcast:()=>({id:"dateBroadcast",name:u("tvDateBroadcast"),type:"radio",options:C.getTvDateBroadcastOptions(),compatibleIndices:[]}),Categories:e=>({id:"categoryId",name:u("categories"),type:"checkbox",options:C.getCategoriesOptions(e),compatibleIndices:[]}),CustomerStatus:()=>({id:"customerStatus",name:u("customerStatus"),type:"radio",options:C.getCustomerStatusOptions(),compatibleIndices:[]}),SpecialEventTypes:()=>({id:"specialEventType",type:"checkbox",name:"Event Type",compatibleIndices:[],options:C.getSpecialEventTypeOptions()}),CustomerType:()=>({id:"customerType",name:u("customerType"),type:"radio",options:C.getCustomerTypeOptions(),compatibleIndices:[]})};function gi(e){return e?e.map(t=>({...t,id:t.id.toString(),secondLayerOptions:t.audiences.map(n=>({...n,id:n.id.toString()}))})):[]}const C={displayTwoLayers(e){return!(e.type!=="nested-checkbox"||!this.hasManyFilterOptions(e.options)||e.options.every(t=>!this.hasManyFilterOptions(t==null?void 0:t.secondLayerOptions)))},hasManyFilterOptions(e){return e.length>=Ht.MULTI_PRESENTATION_THRESHOLD},displayTwoColumns(e){var t;return fi[e.id]&&((t=e.options)==null?void 0:t.length)>=ne.MAX_CHECKBOXES_PER_COLUMN},showPresentationFilter(e){var t,n;return(t=e.options)!=null&&t.length?e.options.length>1||((n=D.first(e.options).secondLayerOptions)==null?void 0:n.length)>1:!1},getMoreFilters(e){return{id:"moreFilters",name:u("moreFilters"),type:"more-filters",filters:e}},mapTypeToComponent(e){switch(e){case"switch":return t=>i.jsx(cn,{...t},t.id);case"checkbox":return t=>i.jsx(nn,{...t},t.id);case"nested-checkbox":return t=>i.jsx(on,{...t},t.id);case"grouped-checkbox":return t=>i.jsx(ci,{...t},t.id);case"radio":return t=>i.jsx(mn,{...t},t.id);case"rating":return t=>i.jsx(vn,{...t},t.id);case"dropdown":return t=>i.jsx(ln,{...t},t.id);default:return()=>i.jsx(i.Fragment,{})}},deriveInitialStateFromQuery(e={},t=null,n=null,s){var r,l,d,f,m,h,v,A;const a={sort:{active:!!e.sort,selection:I(e,t,"sort")},classification:{active:!!e.classification,selection:I(e,t,"classification")},presentation:{active:!!e.presentation,selection:I(e,t,"presentation")},type:{active:!!e.type,selection:I(e,t,"type")},specialEventType:{active:!!e.specialEventType,selection:I(e,t,"specialEventType")},rating:{active:!!e.rating,selection:I(e,t,"rating")},interactives:{active:((r=e.interactives)==null?void 0:r.toString())==="true"},clips:{active:((l=e.clips)==null?void 0:l.toString())==="true"},yearGroup:{active:!!e.yearGroup,selection:I(e,t,"yearGroup")},moviesAndTv:{active:((d=e.moviesAndTv)==null?void 0:d.toString())==="true"},classroom:{active:!!e.classroom,selection:I(e,t,"classroom")},audience:{active:!!e.audience,selection:I(e,t,"audience")},hasResources:{active:((f=e.hasResources)==null?void 0:f.toString())==="true"},hasSubtitles:{active:((m=e.hasSubtitles)==null?void 0:m.toString())==="true"},productionYear:{active:!!e.productionYear,selection:I(e,n==null?void 0:n.filters,"productionYear")},isHd:{active:((h=e.isHd)==null?void 0:h.toString())==="true"},producedByClickView:{active:((v=e.producedByClickView)==null?void 0:v.toString())==="true"},duration:{active:e.duration,selection:I(e,n==null?void 0:n.filters,"duration")},tagOrClassification:{active:!!e.tagOrClassification,selection:I(e,t,"tagOrClassification")},status:{active:!!e.status,selection:I(e,t,"status")},jobStatus:{active:!!e.jobStatus,selection:I(e,t,"jobStatus")},isAdmin:{active:((A=e.isAdmin)==null?void 0:A.toString())==="true"},bulkActionType:{active:!!e.bulkActionType,selection:I(e,t,"bulkActionType")},userType:{active:!!e.userType,selection:I(e,t,"userType")},filter:{active:!!e.filter,selection:I(e,t,"filter")},channel:{active:!!e.channel,selection:I(e,t,"channel")},dateBroadcast:{active:!!e.dateBroadcast,selection:I(e,t,"dateBroadcast")},categoryId:{active:!!e.categoryId,selection:I(e,t,"categoryId")},hasInteractives:{active:!!e.hasInteractives,selection:I(e,t,"hasInteractives")},source:{active:!!e.source,selection:I(e,t,"source")},customerStatus:{active:!!e.customerStatus,selection:I(e,t,"customerStatus")},customerType:{active:!!e.customerType,selection:I(e,t,"customerType")}},c=(T,U)=>{var y;const p=a[U.id];return p.active&&"selection"in p&&!((y=p.selection)!=null&&y.length)&&(p.active=!1),T[U.id]=a[U.id],T},o=t.reduce(c,{});return n!=null&&n.filters&&(o.moreFilters=n.filters.reduce(c,{})),o.appLink=s,o},hasActiveFilters(e){const t=Object.keys(e);return t.length?!!t.filter(s=>!(s==="query"||s==="cursor"||s==="page"||s===mt||Array.isArray(e[s])&&!e[s].length)).length:!1},getLabel(e,t){var n,s;if(!((n=t==null?void 0:t.selection)!=null&&n.length))return e.name;if(e.type==="dropdown")return D.first(t.selection).name;if(e.type==="radio"){const a=D.first(t.selection);return!a||a.default?e.name:a.name}if(e.type==="nested-checkbox"||e.type==="checkbox"||e.type==="grouped-checkbox"){if(e.options.find(c=>c.default&&t.selection.find(o=>o.id===c.id)))return e.name;if(e.secondaryId){const c=(s=t.selection)==null?void 0:s.reduce((o,r)=>{var f,m;const l=e.options,d=l.findIndex(h=>h.id===r.id);return((f=l[d].secondLayerOptions)==null?void 0:f.length)===0?o+1:o+(((m=r.secondLayerSelection)==null?void 0:m.length)??0)},0);return`${e.name} - ${c}`}return`${e.name} - ${t.selection.length}`}if(e.type==="rating"){if(!t.selection.length)return e.name;const a=D.first(t.selection),c=D.last(t.selection);return t.selection.length===1?`${e.name}: ${a.code}`:`${e.name}: ${a.code} to ${c.code}`}},buildFrontendFilterParams(e,t){const n={...e};return t.forEach(s=>{var l,d;if(!(s!=null&&s.filter))return;const{id:a,type:c}=s.filter,{active:o,selection:r}=s.state;switch(c){case"switch":n[a]=o?"true":"";break;case"radio":case"dropdown":const f=((l=s.state.selection)==null?void 0:l.length)===1&&((d=D.first(s.state.selection))==null?void 0:d.default);n[a]=s.state.selection.length&&!f?D.first(s.state.selection).id:"";break;case"nested-checkbox":n[a]=o?r.map(v=>v.id):null;const{secondaryId:m}=s.filter;m&&(n[m]=[].concat(...r.map(v=>v.secondLayerSelection.map(A=>A.id))));break;case"checkbox":case"grouped-checkbox":if(!o){n[a]=null;break}const h=[];for(const v of r){const A=v.id.toString().split(":");if(A.length>1)for(const T of A)h.push(T);else h.push(v.id)}n[a]=h;break;case"tag":n[a]=o?r.map(v=>v.id):null;break;case"rating":n[a]=o?Re.getFrontendParamValue(r):null;break;case"button":n[a]=o?"true":"";break}n[a]||delete n[a]}),de.omit(n,["cursor"])},buildBackendFilterParams(e,t=[],n,s,a){const c=s?{"filters.presentation":n,isLearner:s}:{};return Object.keys(e).reduce((o,r)=>{const l=e[r];return Array.isArray(l)&&!l.length||!l||!Vt[r]?o:r==="rating"?(o[`${ne.FILTER_PARAM_PREFIX}${r}`]=Re.getBackendParamValue(l,t),o):r==="productionYear"?(o[`${ne.FILTER_PARAM_PREFIX}${r}`]=vt.getBackendParamValue(l),o):r==="duration"?(o[`${ne.FILTER_PARAM_PREFIX}${r}`]=ht.getBackendParamValue(l),o):r==="moviesAndTv"?(o[`${ne.FILTER_PARAM_PREFIX}curationTag`]=Yt.MOVIES_AND_TV,o):r==="source"?{...o,...yn.getBackendParamValue(l,a)}:(o[`${ne.FILTER_PARAM_PREFIX}${r}`]=l,o)},c)},getAppliedIndices(e={},t=!1){const{type:n}=e,s=["category"];function a(o){return(t||!s.includes(o))&&at[o]}if(n){if(!Array.isArray(n))return[n].filter(a);if(n.length)return n.filter(a)}const c=[];return t&&c.push(...s),e.source?["video","clip","interactive",...c]:["series","video","playlist","classification","clip","interactive","company",...c]},applyFilter(e,t,n,s){if(de.isEqual(t,n))return;const c=Object.keys(n).map(r=>{var m,h;const l=e.find(v=>v.id===r),d=n[r],f=((m=d.selection)==null?void 0:m.length)===1&&((h=D.first(d.selection))==null?void 0:h.default);return{filter:l,state:{active:d.active&&!f,selection:d.selection}}}),o=Rt.GetQuery();ut.trigger({...s,params:C.buildFrontendFilterParams(o,c)},{replace:!0})},mixinDisabledFields(e,t,n,s){let a=[...n,...(s==null?void 0:s.filters)??[]];a=hi(e,a,t),a=vi(e,a);const c={mainFilters:a.filter(o=>n.find(r=>r.id===o.id))};return s!=null&&s.filters&&(c.moreFilters={...s,filters:a.filter(o=>s.filters.find(r=>r.id===o.id))}),c},logFilterEvent(e,t,n,s,a){var o;const c=[];e==null||e.forEach(r=>{const l=n[r.id];l.active&&c.push({type:r.id,selection:l.selection})}),(o=t==null?void 0:t.filters)==null||o.forEach(r=>{const l=n.moreFilters[r.id];l.active&&c.push({type:r.id,selection:l.selection})}),c.length||(a.descriptor=Ft.Reset),ke.logUserAction({query:s??"",filters:c},ke.mergeOptions(a,{workflowPhase:_t.Complete,actionType:Ot.Filter}))},getObjectTypeOptions(e=[],t){return t?[{id:"video",name:u("videos"),group:u("videoTypes")},{id:"interactive",name:u("interactives"),group:u("videoTypes")},{id:"clip",name:u("clips"),group:u("videoTypes")},{id:"classification",name:u("topics"),group:u("collections")},{id:"series",name:u("series"),group:u("collections")},{id:"playlist",name:u("playlists"),group:u("collections")},{id:"category",name:u("category"),group:u("collections")}].filter(n=>!e.find(s=>s===n.id)):[{id:"classification",name:u("topics")},{id:"playlist",name:u("playlists")},{id:"series",name:u("series")},{id:"video",name:u("videos")},{id:"clip",name:u("clips")},{id:"interactive",name:u("interactives")}].filter(n=>!e.find(s=>s===n.id))},getIsObjectTypeOptionDisabled(e,t,n){return e.map(s=>{let a=!1;return t.forEach(c=>{var r;if(a)return;const o=n[c.id]||n.moreFilters[c.id];!(o!=null&&o.active)||!((r=c.compatibleIndices)!=null&&r.length)||c.compatibleIndices.find(l=>s.id===l)||(a=!0)}),{...s,disabled:a}})},getNameSortOptions(){return[{id:"newest",name:u("newest")},{id:"oldest",name:u("oldest")},{id:"first-name-atoz",name:u("firstNameAToZ")},{id:"first-name-ztoa",name:u("firstNameZToA")},{id:"surname-atoz",name:u("surnameAToZ")},{id:"surname-ztoa",name:u("surnameZToA")}]},getYearGroupOptions(e){return e!=null&&e.length?e.map(t=>({id:t.value.toString(),name:t.name})):[]},getStatusOptions(){return[{id:"active",name:u("active")},{id:"deactivated",name:u("deactivated")},{id:"pending",name:u("pending")}]},getJobStatusOptions(){return[{id:"completed",name:u("completed")},{id:"failed",name:u("errored")},{id:"inProgress",name:u("inProgress")}]},getTvFieldsOptions(){return[{id:"0",name:u("allFields"),default:!0},{id:"1",name:u("titleDescriptionField")},{id:"2",name:u("captionsField")}]},getTvChannelOptions(e){return e!=null&&e.length?e.map(t=>({id:t.name,name:t.name})):[]},getTvDateBroadcastOptions(){return[{id:"any-time",name:u("anyTime"),default:!0},{id:"yesterday",name:u("yesterday")},{id:"last-week",name:u("lastWeek")},{id:"last-2-weeks",name:u("last2Weeks")}]},getCustomerStatusOptions(){return[{id:ie.Unclassified.toString(),name:se.Unclassified},{id:ie.Active.toString(),name:se.Active},{id:ie.Prospect.toString(),name:se.Prospect},{id:ie.LostCustomer.toString(),name:se.LostCustomer},{id:ie.Disabled.toString(),name:se.Disabled},{id:ie.Other.toString(),name:se.Other}]},getCustomerTypeOptions(){return[{id:M.Unclassified.toString(),name:P.Unclassified},{id:M.Primary.toString(),name:P.Primary},{id:M.Secondary.toString(),name:P.Secondary},{id:M.K12.toString(),name:P.K12},{id:M.Tertiary.toString(),name:P.Tertiary},{id:M.NonEducational.toString(),name:P.NonEducational},{id:M.Partners.toString(),name:P.Partners},{id:M.Internal.toString(),name:P.Internal},{id:M.Other.toString(),name:P.Other},{id:M.ClickView.toString(),name:P.ClickView},{id:M.System.toString(),name:P.System}]},getCategoriesOptions(e){return e!=null&&e.length?e.map(t=>({id:t.data.id,name:t.data.name})):[]},getSpecialEventTypeOptions(){return[{id:S.BreakingNews,name:X[S.BreakingNews]},{id:S.SportingEvent,name:X[S.SportingEvent]},{id:S.Observance,name:X[S.Observance]},{id:S.NaturalDisaster,name:X[S.NaturalDisaster]},{id:S.HistoricalEvent,name:X[S.HistoricalEvent]},{id:S.Holiday,name:X[S.Holiday]},{id:S.Informal,name:X[S.Informal]},{id:S.ReligiousEvent,name:X[S.ReligiousEvent]},{id:S.Other,name:X[S.Other]}]}};function I(e,t=[],n){var c;const s=t.find(o=>o.id===n);if(!s)return[];if(!e[n])return((c=s.options)==null?void 0:c.filter(o=>o.default))??[];if(n==="rating")return Re.deriveInitialRatingFilterStateFromQueryParams(e[n],s);let a=e[n];return Array.isArray(a)||(a=[a]),n==="classification"?li.deriveInitialClassificationFilterStateFromQueryParams(s,a):n==="presentation"?ui.deriveInitialPresentationFilterStateFromQueryParams(s.options,a,e):Le(s.options,a)}function Le(e,t){return Array.isArray(t)||(t=[t]),(e==null?void 0:e.filter(n=>t.find(s=>s.toString()===n.id.toString())))??[]}function hi(e,t,n){const s=n.reduce((a,c)=>(a[c]=!0,a),{});return t.map(a=>{var r;if(!((r=a.compatibleIndices)!=null&&r.length))return a;if(!a.compatibleIndices.find(l=>s[l]))return{...a,disabled:!0};const c=Object.keys(e).filter(l=>{const d=e[l];return"active"in d?d.active:!1});let o=!1;return c.forEach(l=>{var m;if(o)return;const d=t.find(h=>h.id===l);if(!((m=d.compatibleIndices)!=null&&m.length))return;const f=d.compatibleIndices.reduce((h,v)=>(h[v]=!0,h),{});a.compatibleIndices.find(h=>f[h])||(o=!0)}),{...a,disabled:o}})}function vi(e,t){return t.map(n=>{if(!xe.isFunction(n.disableOptions))return n;const s=n.disableOptions(n.options,t,e);return{...n,options:s}})}const xi="_hideCaret_zki3y_1",pi="_filterMenu_zki3y_4",yi="_twoColumnsWidth_zki3y_8",bi="_nestedCheckboxesWidth_zki3y_16",Ai="_switchWidth_zki3y_19",Si="_moreFiltersWidth_zki3y_22",Ci="_svgContainer_zki3y_26",K={hideCaret:xi,filterMenu:pi,twoColumnsWidth:yi,nestedCheckboxesWidth:bi,switchWidth:Ai,moreFiltersWidth:Si,svgContainer:Ci};function ji(e){return C.displayTwoColumns(e)?K.twoColumnsWidth:e.id==="classification"?K.classificationWidth:C.displayTwoLayers(e)?K.nestedCheckboxesWidth:e.type==="switch"?K.switchWidth:""}xt.defaultProps={hideCaret:!0};function xt(e){const{state:t}=j.useContext(ue),n=t[e.filter.id],s=e.filter.type==="dropdown",[a,c]=j.useState(e.filter.name),[o,r]=j.useState(!1),[l,d]=j.useState(n);j.useEffect(()=>{c(C.getLabel(e.filter,n)),d(n)},[e.filter,n==null?void 0:n.selection]);function f(k){d(k),s&&v(k)}function m(){var Y;const k=(Y=e.filter.options)==null?void 0:Y.find(H=>H.default);d({active:!1,selection:k?[k]:[]})}function h(){v(),r(!1)}function v(k=l){C.applyFilter([e.filter],n,{[e.filter.id]:k},t.appLink)}function A(k){r(k),!(k||s)&&v()}const T=j.useMemo(()=>e.filter.customComponent?e.filter.customComponent:C.mapTypeToComponent(e.filter.type),[e.filter.type]),U="fw-semibold mx-1 btn d-flex align-items-center",p=e.hideCaret&&!s?K.hideCaret:"",y=ji(e.filter);return e.filter.type==="button"?i.jsx(T,{filter:e.filter,draftState:l,setDraftState:f}):i.jsxs(ae,{onToggle:A,show:o,children:[i.jsxs(ae.Toggle,{id:`filterButton-${e.filter.id}`,className:`${U} ${p}`,variant:n.active&&!s?"dark":"outline-dark",disabled:e.filter.disabled,children:[!!e.filter.icon&&i.jsx("div",{className:K.svgContainer,children:i.jsx(Ue,{svg:e.filter.icon})}),e.filter.labelPrefix," ",a]}),i.jsx(ae.Menu,{children:i.jsxs("div",{className:`mx-1 ${K.filterMenu} ${y} ${s?"":"px-2 py-1"}`,children:[i.jsx(T,{filter:e.filter,draftState:l,setDraftState:f}),!s&&!e.filter.disabled&&i.jsx(Me,{active:l.active,onClickReset:m,onClickApply:h})]})})]})}const ki={getSetStateByKey(e,t,n){return s=>e(a=>{const c=xe.isFunction(n)?n:xe.useIdentity();return{...a,[t]:c(s,a)}})}};function rt(e){return Object.keys(e).reduce((n,s)=>e[s].active?n+1:n,0)}function Ii(e){const{state:t}=j.useContext(ue),n=t.moreFilters,[s,a]=j.useState(e.filter.name),[c,o]=j.useState(!1),[r,l]=j.useState(n),[d,f]=j.useState(rt(n)),m=Object.keys(n).map(p=>`${p}:${n[p].active}`).join("-");j.useEffect(()=>{l(n),f(rt(n))},[e.filter,m]),j.useEffect(()=>{a(d?`${e.filter.name} - ${d}`:e.filter.name)},[d]);function h(){const y=Object.keys(n).reduce((k,Y)=>{var _;const q=(_=e.filter.filters.find(W=>W.id===Y).options)==null?void 0:_.find(W=>W.default);return k[Y]={active:!1,selection:q?[q]:[]},k},{});l(y)}function v(){T(),o(!1)}function A(p){o(p),!p&&T()}function T(){C.applyFilter(e.filter.filters,n,r,t.appLink)}const U=`fw-semibold ${K.hideCaret} mx-1 btn`;return i.jsxs(ae,{onToggle:A,show:c,children:[i.jsx(ae.Toggle,{id:e.filter.id,className:U,variant:d?"dark":"outline-dark",children:s}),i.jsx(ae.Menu,{onClick:p=>p.stopPropagation(),children:i.jsxs("div",{className:`mx-1 ${K.moreFiltersWidth} ${e.filter.type!=="dropdown"?"px-2 py-1":""}`,children:[e.filter.filters.map(p=>{const y=p.customComponent?p.customComponent:C.mapTypeToComponent(p.type);return i.jsx("fieldset",{children:i.jsx(y,{filter:p,draftState:r[p.id],setDraftState:ki.getSetStateByKey(l,p.id),isOnMoreFilters:!0})},p.id)}),i.jsx(Me,{active:!!Object.keys(r).find(p=>r[p].active),onClickReset:h,onClickApply:v})]})})]})}const ot=N.memo(function({tagClass:e=""}){const t=`partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ${e} ${Wt.partialTag}`;return i.jsx("div",{className:"mt-1",children:i.jsx("span",{className:t,children:" "})})}),Fe=400;function Di(e){const{state:t,containerRef:n,mediaQuery:s}=e,[a,c]=N.useState(!1),[o,r]=N.useState({}),[l,d]=N.useState(null),f=N.useMemo(()=>Pe.isTouchScreen(),[]);N.useEffect(()=>{!n.current||!t.containerLeftPosition||f||setTimeout(()=>m(),Fe+50)},[n.current,s,t.offset,t.containerLeftPosition]);function m(){var k;const p=t;if(!((k=n.current)!=null&&k.children))return;const y=Array.from(n.current.children).reduce((Y,H)=>{const q=H==null?void 0:H.getBoundingClientRect(),_=q.left<p.containerRightPosition&&q.right>p.containerLeftPosition;return{...Y,[H.id]:_?{"aria-hidden":!1}:{"aria-hidden":!0,inert:"true"}}},{});r(y)}function h(p){const y=t;return f||p>=y.offset-y.viewableItems&&p<y.offset?{"aria-hidden":!1}:{inert:"true","aria-hidden":!0}}function v(){setTimeout(()=>{if(!n.current)return;const p=n.current.querySelectorAll("li[aria-hidden]");let y=null;for(let k=l+1;k<p.length&&!y;k++)y=p[k].querySelector('a[tabindex="0"]');y&&y.focus()},Fe+100)}function A(){setTimeout(()=>{if(!n.current)return;const p=n.current.querySelectorAll("li[aria-hidden]");let y=null;for(let k=l-1;k>=0&&!y;k--)y=p[k].querySelector('a[tabindex="0"]');y&&y.focus()},Fe+100)}function T(p){document.querySelector(".user-is-tabbing")&&(c(!0),d(p))}function U(){document.querySelector(".user-is-tabbing")||(c(!1),d(null))}return{isTabbing:a,onFocusWidget:T,onBlurWidget:U,getFixedAttributes:h,dynamicAttributes:o,focusNext:v,focusPrev:A}}var Ge=(e=>(e.Percentage="%",e.Pixels="px",e))(Ge||{});const pt=new Image;pt.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";const wi={hideDragImage(e){!e.dataTransfer.setDragImage||!xe.isFunction(e.dataTransfer.setDragImage)||e.dataTransfer.setDragImage(pt,0,0)}},Ti=Pe.isTouchScreen(),Ni=(e,t,n)=>(t===Ge.Percentage&&n&&(e=e-n),{transform:`translate3d(${e}${t}, 0px, 0px)`,transition:"transform .4s ease-in-out"}),Fi=j.forwardRef((e,t)=>{const{children:n,positionType:s,onDrag:a,onDragEnd:c,onTouchMove:o,onTouchEnd:r,percentageDragged:l,position:d=0}=e;function f(){const m={};return a&&c&&(m.draggable=!0,m.onDragEnd=c,m.onDragStart=wi.hideDragImage,m.onDragOver=a),o&&r&&Ti&&(m.onTouchMoveCapture=o,m.onTouchEndCapture=r),m}return i.jsx("ul",{className:"list-unstyled d-flex flex-nowrap position-relative w-100 mb-0",style:Ni(d,s,l),ref:t,...f(),children:n})});function Oi(e){return i.jsx("svg",{...e,children:i.jsx("path",{d:"M15.695 11.267c.407.41.407 1.056 0 1.466L9.79 18.696a1.046 1.046 0 0 1-1.474 0l-.01-.01a1.034 1.034 0 0 1 0-1.467L13.474 12l-5.17-5.22a1.034 1.034 0 0 1 0-1.465l.012-.011a1.046 1.046 0 0 1 1.474 0z",fill:"currentColor"})})}const _i="_buttonContainer_1pl2q_1",Ri="_left_1pl2q_7",Li="_right_1pl2q_13",$i="_button_1pl2q_1",Ei="_hoverText_1pl2q_35",Ui="_chevron_1pl2q_42",Pi="_extendedClickableArea_1pl2q_42",Mi="_gradientRight_1pl2q_54",Gi="_gradientLeft_1pl2q_54",Vi="_topPos_1pl2q_81",L={buttonContainer:_i,left:Ri,right:Li,button:$i,hoverText:Ei,chevron:Ui,extendedClickableArea:Pi,gradientRight:Mi,gradientLeft:Gi,topPos:Vi},Yi="shared.widgetButton",ct=E.encloseNamespace(Yi);var $e=(e=>(e[e.Left=0]="Left",e[e.Right=1]="Right",e))($e||{});const lt=j.memo(function(e){const t=e.direction===0,n=t?qt:Oi;function s(){let c=L.topPos;return t?c+=` ${L.left} ${e.leftButtonClassName}`:c+=` ${L.right} ${e.rightButtonClassName}`,c}function a(){var c,o;return((c=e.state)==null?void 0:c.contents)==="videos"?{paddingBottom:56.25/((o=e.state)==null?void 0:o.viewableItems)+"%"}:{height:"100%"}}return e.hide?i.jsx(i.Fragment,{}):i.jsxs("div",{className:`${L.buttonContainer} ${e.containerClassName?e.containerClassName:""}`,style:a(),children:[e.useGradientBackdrop&&i.jsx("div",{className:t?`${L.gradientLeft} ${e.leftGradientClassName}`:`${L.gradientRight} ${e.rightGradientClassName}`}),!e.hideExtendedClickableArea&&i.jsx("button",{onClick:e.onClick,className:`${L.extendedClickableArea} ${t?L.left:L.right}`,tabIndex:-1}),i.jsxs("button",{className:`${s()} ${L.button} ${e.className||""}`,onClick:e.onClick,"aria-label":ct(t?"previous":"next"),children:[e.hoverText&&i.jsx("span",{className:`ps-3 pe-2 ${L.hoverText}`,children:e.hoverText}),i.jsx(Ue,{svg:n,size:Lt.Medium,className:`svg-container d-inline-block ${L.chevron}`})]})]})});var O=(e=>(e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index",e))(O||{});function Hi(e,t,n=[]){let s;const a=()=>{e(),window.clearTimeout(s),s=window.setTimeout(t,100)};j.useEffect(()=>(window.addEventListener("resize",t?a:e),()=>window.removeEventListener("resize",t?a:e)),[...n])}const Wi=(e,t,n)=>()=>{e.container.current&&(e.container.current.style.transition=""),t({type:O.Resize,payload:{elementRefs:e,mediaQuery:n}})},zi=e=>()=>{e.current&&(e.current.style.transition="transform .4s ease-in-out")},Qi=(e,t,n,s,a)=>c=>{const o=c.clientX;let r=s;r||(r={...t,initialMouseX:o},a(r),e.current.style.transition=""),n({type:O.Drag,payload:{widgetSnapshot:r,currentMouseX:o}})},Xi=(e,t)=>()=>{e.current.style.transition="transform .4s ease-in-out",t(null)};function yt(e){return e===Te.XS?200:e===Te.SM||e===Te.MD?350:500}const Ee={offset:0,containerLeftPosition:null,containerRightPosition:null,firstElementPosition:null,lastElementPosition:null,hideLeftButton:!0,hideRightButton:!0,maxSlideDistance:0,leftOffsetLimit:null},bt=e=>{const{container:t,lastElement:n}=e.elementRefs;if(!(t!=null&&t.current)||!(n!=null&&n.current))return Ee;const s=t.current.getBoundingClientRect(),a=s.left,c=s.right,o=a,r=n.current.getBoundingClientRect().right,l=c-r;return{...Ee,containerLeftPosition:a,containerRightPosition:c,firstElementPosition:o,lastElementPosition:r,hideRightButton:r<c,leftOffsetLimit:l,maxSlideDistance:yt(e.mediaQuery)}},Bi=e=>({...bt({...e,...e.elementRefs}),maxSlideDistance:yt(e.mediaQuery)}),Ki=e=>{const{firstElementPosition:t,lastElementPosition:n,maxSlideDistance:s,offset:a,containerRightPosition:c}=e,o=n-c>=s?s:n-c;return{firstElementPosition:t-o,lastElementPosition:n-o,offset:a-o,hideRightButton:n-o===c,hideLeftButton:!1}},Zi=e=>{const{containerLeftPosition:t,firstElementPosition:n,lastElementPosition:s,maxSlideDistance:a,offset:c}=e,o=n+a<=t,r=o?a:Math.abs(c);return{firstElementPosition:n+r,lastElementPosition:s+r,offset:c+r,hideLeftButton:!o||n+r===t,hideRightButton:!1}},qi=(e,t)=>{const{widgetSnapshot:n,currentMouseX:s}=t;if(n.hideLeftButton&&n.hideRightButton)return{};const a=n.initialMouseX-s;let c=n.offset-a,o=n.firstElementPosition-a,r=n.lastElementPosition-a,l=!1,d=!1;return o>e.containerLeftPosition&&(c=0,o=e.containerLeftPosition,r=e.lastElementPosition,l=!0),r<=e.containerRightPosition&&(c=e.leftOffsetLimit,o=e.containerLeftPosition-Math.abs(e.leftOffsetLimit),r=n.containerRightPosition,d=!0),{offset:c,firstElementPosition:o,lastElementPosition:r,hideLeftButton:l,hideRightButton:d}};function Ji(e,t){switch(t.type){case O.Init:return{...e,...bt(t.payload)};case O.Resize:return{...e,...Bi(t.payload)};case O.Next:return{...e,...Ki(e)};case O.Previous:return{...e,...Zi(e)};case O.Drag:return{...e,...qi(e,t.payload)};default:return e}}const es="_itemSpacing_1j5ri_1",ts="_header_1j5ri_4",ns="_mobileScroll_1j5ri_8",is="_leftGradient_1j5ri_16",ss="_leftGradientNoPadding_1j5ri_19",as="_leftButton_1j5ri_22",rs="_leftButtonNoPadding_1j5ri_25",os="_rightGradient_1j5ri_28",cs="_rightGradientNoPadding_1j5ri_31",ls="_rightButton_1j5ri_34",ds="_rightButtonNoPadding_1j5ri_37",R={itemSpacing:es,header:ts,mobileScroll:ns,leftGradient:is,leftGradientNoPadding:ss,leftButton:as,leftButtonNoPadding:rs,rightGradient:os,rightGradientNoPadding:cs,rightButton:ls,rightButtonNoPadding:ds};At.defaultProps={heading:"",description:"",childComponentProps:{}};function At(e){const{childComponent:t,staticChildren:n,getWidgetItemAnalyticsData:s=()=>{}}=e,[a,c]=j.useReducer(Ji,Ee),[o,r]=j.useState(null),l={container:j.useRef(null),firstElement:j.useRef(null),lastElement:j.useRef(null)},d=Pt(),f=Pe.isTabletOrMobile(),{dynamicAttributes:m,focusNext:h,focusPrev:v,onFocusWidget:A,onBlurWidget:T}=Di({state:a,containerRef:l.container,mediaQuery:d});Hi(Wi(l,c,d),zi(l.container),[d]);const{ref:U,inView:p}=en({prevent:!e.lazyLoad});let y=e.collection;!e.collection&&xe.isFunction(e.fetch)&&(y=e.fetch(p).data),j.useEffect(()=>{!y||de.isEmpty(y)||c({type:O.Init,payload:{elementRefs:l,mediaQuery:d}})},[y]);function k(){if(!y)return;const _=(n==null?void 0:n.filter(F=>F.position==="start"))??[],W=(n==null?void 0:n.filter(F=>F.position==="end"))??[];let me=y.map((F,Q)=>{let te;F===D.first(y)&&(_!=null&&_.length)&&(te=l.firstElement),F===D.last(y)&&!(W!=null&&W.length)&&(te=l.lastElement);const St=Q+1===y.length;return i.jsx("li",{id:F.id,ref:te,onFocus:()=>A(Q),onBlur:()=>T(),className:`${R.itemSpacing} ${e.childClassName||""} ${St&&f?"pe-4":""}`,...m[F.id],children:i.jsx(t,{getChildAppLink:e.getChildAppLink,data:F,getSubtitle:e.getSubtitle,analyticsData:{itemIndex:Q,...e.analyticsData,...s(F)},analyticsOptions:{...e==null?void 0:e.analyticsOptions,...we.getSliderItemAnalyticsOptions()},...e.childComponentProps})},F.id)});return _.length&&(me=[..._.map((F,Q)=>{const te=F.component;return i.jsx("li",{ref:Q===0?l.firstElement:null,className:`${R.itemSpacing} ${e.childClassName||""}`,children:i.jsx(te,{})},`first-widget-component:${Q}`)}),...me]),W.length&&(me=[...me,...W.map((F,Q)=>{const te=F.component;return i.jsx("li",{ref:Q===W.length-1?l.lastElement:null,className:`${R.itemSpacing} ${e.childClassName||""}`,children:i.jsx(te,{})},`end-widget-component:${Q}`)})]),i.jsx(i.Fragment,{children:me})}const Y=j.useMemo(k,[y,m,a.offset,d,...e.widgetDataDeps||[]]);if(y&&!y.length&&!(n!=null&&n.length))return i.jsx(i.Fragment,{});if(!y||de.isEmpty(y))return i.jsx("div",{ref:U,children:i.jsx(us,{partialLoadingComponent:e.partialLoadingComponent,partialLoadingOptions:e.partialLoadingOptions})});const H=_=>({...e.analyticsData,id:e.id,name:e.heading,direction:_===O.Next?"right":"left"}),q=f||e.hideButtons;return i.jsxs("div",{className:`${e.noNegativePadding?"":"mx-n4"}`,children:[i.jsx("div",{className:`px-4 ${R.header}`,children:i.jsx(zt,{name:e.heading,description:e.description,appLink:e.headingAppLink,showSeeMoreLink:!!e.headingAppLink})}),i.jsx("div",{className:"position-relative",children:i.jsx("div",{className:`${e.noNegativePadding?"":"px-4"} py-3 my-n3 position-relative ${f?R.mobileScroll:"overflow-hidden-x"}`,children:i.jsxs("div",{className:`position-relative ${e.hideButtons?"overflow-hidden-x":""}`,children:[!q&&i.jsx(lt,{direction:$e.Left,onClick:()=>{v(),c({type:O.Previous}),ke.logUserAction(H(O.Previous),we.getSliderAnalyticsOptions())},leftButtonClassName:`${R.leftButton} ${e.noNegativePadding?R.leftButtonNoPadding:""}`,leftGradientClassName:`${R.leftGradient} ${e.noNegativePadding?R.leftGradientNoPadding:""}`,hide:a.hideLeftButton,useGradientBackdrop:!0}),i.jsx(Fi,{position:a.offset,positionType:Ge.Pixels,onDrag:Qi(l.container,a,c,o,r),onDragEnd:Xi(l.container,r),ref:l.container,children:Y}),!q&&i.jsx(lt,{direction:$e.Right,onClick:()=>{h(),c({type:O.Next}),ke.logUserAction(H(O.Next),we.getSliderAnalyticsOptions())},hide:a.hideRightButton,rightButtonClassName:`${R.rightButton} ${e.noNegativePadding?R.rightButtonNoPadding:""}`,rightGradientClassName:`${R.rightGradient} ${e.noNegativePadding?R.rightGradientNoPadding:""}`,useGradientBackdrop:!0})]})})})]})}const us=e=>{const{partialLoadingComponent:t,partialLoadingOptions:n}=e;return i.jsx("div",{className:"d-flex flex-nowrap overflow-hidden",children:Jt.getPartialLoadingItems(n).map((s,a)=>i.jsx(t,{},a))})};function ms(e){const n=e.selectedItems.find(s=>s.id===e.data.id)?"bg-gray-900 text-white":"bg-light";return i.jsx(Qt,{tag:e.data,appLink:e.appLink,tagClass:`no-decoration ${n} lh-1`,onClick:()=>e.onClick(e.data)})}const fs="_tagItem_165ya_1",dt={tagItem:fs};function gs(e){var l,d,f;const{state:t}=N.useContext(ue);if(!((l=e.filter)!=null&&l.id))return i.jsx(i.Fragment,{});const n=t[e.filter.id],{selection:s}=n,a=((f=(d=e.filter)==null?void 0:d.options)==null?void 0:f.filter(m=>!(s!=null&&s.find(h=>h.id===m.id))))??[];function c(m){let h=null,v=-1;if(s.find((A,T)=>{v>-1||A.id.toString()===m.id.toString()&&(v=T)}),v>=0){const A=[...s.slice(0,v),...s.slice(v+1)];h={active:!!A.length,selection:A}}else h={active:!0,selection:s.concat(m)};C.applyFilter([e.filter],n,{[e.filter.id]:h},t.appLink)}function o(){let m="mb-3";return r.length&&e.isFetching?m+=" mt-n1":!r.length&&!e.isFetching&&(m+=" d-none"),m}const r=[...s,...e.isFetching?[]:a];return i.jsx("div",{className:e.isFetching||r.length?"py-2":"",children:i.jsx("div",{className:o(),children:(!!r.length||e.isFetching)&&i.jsx(At,{collection:r,childComponent:m=>i.jsx(ms,{...m,selectedItems:s,onClick:c}),staticChildren:e.isFetching?new Array(3).fill({component:()=>i.jsx(ot,{tagClass:dt.tagItem}),position:"end"}):[],partialLoadingComponent:()=>i.jsx("div",{className:"me-2",children:i.jsx(ot,{tagClass:`${dt.tagItem}`})})})})})}function hs(e){const{state:t}=j.useContext(ue),n=()=>{var c;const s=((c=$t.getCurrentRoute().appLink)==null?void 0:c.params)??{},a=de.pick(s,["query",mt]);ut.trigger({...t.appLink,params:a})};return i.jsx(he,{onClick:n,className:`${e.alignLeft?"order-first":""} hover-text-underline cursor-pointer d-flex align-items-center mx-2`,children:i.jsx(b,{namespace:"search.resetButton",phrase:"reset"})})}const vs="_filtersContainer_1pjxc_9",xs={filtersContainer:vs};function Os(e){const{queryParams:t,appLink:n,hideHeading:s,isFetchingOptions:a,constantIndices:c=[]}=e,o=j.useMemo(()=>C.deriveInitialStateFromQuery(t,e.mainFilters,e.moreFilters,n),[t,a]),[r,l]=j.useReducer(tn,o);j.useEffect(()=>{de.isEqual(o,r)||(l({type:"update",payload:o}),e.analyticsOptions&&C.logFilterEvent(e.mainFilters,e.moreFilters,o,t.query,e.analyticsOptions))},[o]);const d=D.uniq([...C.getAppliedIndices(t,e._hasNewSearch),...c]),{mainFilters:f,moreFilters:m}=C.mixinDisabledFields(r,d,e.mainFilters,e.moreFilters),h=f.filter(A=>A.type!=="tag"),v=f.find(A=>A.type==="tag");return i.jsx(ue.Provider,{value:{state:r,dispatch:l},children:i.jsx(Et.Provider,{value:"search.searchFilters",children:i.jsxs("section",{children:[i.jsxs("div",{className:He("d-flex",!e.hideDivider&&"border-bottom pb-3 mb-3",e._hasNewSearch&&e.hideDivider&&"pb-3",e._hasNewSearch&&!e.hideDivider&&"border-gray-300"),children:[!s&&i.jsx("h2",{className:"h5 mb-0 d-inline-block pe-2 border-end d-flex align-items-center",children:i.jsx(b,{phrase:"heading"})}),i.jsxs("div",{className:He(`d-flex flex-wrap ${xs.filtersContainer}`,!s&&"ms-2"),children:[h.map(A=>i.jsx(xt,{filter:A,hideCaret:e.hideCaret},A.id)),m&&i.jsx(Ii,{filter:m}),C.hasActiveFilters(t)&&!e.hideResetButton&&i.jsx(hs,{mainFilters:e.mainFilters,moreFilters:e.moreFilters,currentQueryParam:t.query,analyticsOptions:e.analyticsOptions,alignLeft:e.alignResetButtonLeft})]})]}),i.jsx(gs,{filter:v,queryParams:t,isFetching:e.isFetchingOptions})]})})})}export{Fs as F,Os as S,C as a,ne as b};
+//# sourceMappingURL=BNoyVB0N.chunk.js.map