@clickview/reports 0.90.0-rc.1 → 0.90.0-rc.2

package/dist/scripts/{4QdmE5x_2.chunk.js → CKKR2-wU2.chunk.js}

@@ -1,4 +1,4 @@
-import{Dr as e,M as t,N as n,Qt as r,at as i}from"./CrTgNROp.chunk.js";import{r as a,v as o,y as s}from"./CxNc1BDX.chunk.js";import{t as c}from"./BIVEB8w0.chunk.js";import{Tt as l,V as u,i as d,kt as f,wt as p}from"./app-jxJcaenU.js";import{c as m,s as h}from"./B-DINEq3.chunk.js";var g=e(i()),_={pillTabSelector:`_pillTabSelector_a6f6x_1`,tab:`_tab_a6f6x_4`,minWidth:`_minWidth_a6f6x_21`,radiusSmall:`_radiusSmall_a6f6x_24`,tabLink:`_tabLink_a6f6x_35`},v=n();function y(e){return typeof e.tab.count==`number`?e.badgeType===m.RoundCount?(0,v.jsx)(`div`,{className:`ps-2`,children:(0,v.jsx)(h,{type:e.badgeType,data:e.tab.count,className:e.className})}):(0,v.jsx)(`div`,{className:`ps-2`,children:(0,v.jsx)(h,{type:m.Count,data:e.tab.count,className:e.className})}):(0,v.jsx)(v.Fragment,{})}function b(e){return(0,v.jsxs)(v.Fragment,{children:[!!e.tab.svg&&(0,v.jsx)(`div`,{className:e.tab.name?`pe-1`:``,children:(0,v.jsx)(a,{svg:e.tab.svg,size:e.tab.svgSize})}),e.formatDisplayText?.(e.tab.name)??e.tab.name,(0,v.jsx)(y,{tab:e.tab,badgeType:e.badgeType,className:e.badgeClassName})]})}function x(e){let{borderRadius:n=`lg`}=e,i=u();function a(e){e.analyticsData&&e.analyticsOptions&&t.logUserAction(e.analyticsData,e.analyticsOptions)}function c(e){e.active||!e.onSelect||(e.onSelect(),a(e))}function l(t){let n=t.target.value,i=e.tabs.find(e=>e.name===n);!i||i.active||(a(i),r.trigger(i.appLink))}let d=e.tabs.find(e=>e.active),f=e.forceSmallScreenDropdown||e.enableSmallScreenSupport&&(i.sm||i.xs);return(0,v.jsxs)(`nav`,{className:e.className??``,children:[f&&(0,v.jsx)(`select`,{className:`form-select`,onChange:l,value:d?.name,style:{minWidth:`150px`},children:e.tabs.map((t,n)=>t.hide?(0,v.jsx)(g.Fragment,{},n):(0,v.jsx)(`option`,{value:t.name,children:e.formatDisplayText?.(t.name)??t.name},n))}),!f&&(0,v.jsx)(`ul`,{className:`
+import{Dr as e,M as t,N as n,Qt as r,at as i}from"./CrTgNROp.chunk.js";import{r as a,v as o,y as s}from"./CxNc1BDX.chunk.js";import{t as c}from"./BIVEB8w0.chunk.js";import{Tt as l,V as u,i as d,kt as f,wt as p}from"./app-B1NVV4PT.js";import{c as m,s as h}from"./Ch4Y5yk4.chunk.js";var g=e(i()),_={pillTabSelector:`_pillTabSelector_a6f6x_1`,tab:`_tab_a6f6x_4`,minWidth:`_minWidth_a6f6x_21`,radiusSmall:`_radiusSmall_a6f6x_24`,tabLink:`_tabLink_a6f6x_35`},v=n();function y(e){return typeof e.tab.count==`number`?e.badgeType===m.RoundCount?(0,v.jsx)(`div`,{className:`ps-2`,children:(0,v.jsx)(h,{type:e.badgeType,data:e.tab.count,className:e.className})}):(0,v.jsx)(`div`,{className:`ps-2`,children:(0,v.jsx)(h,{type:m.Count,data:e.tab.count,className:e.className})}):(0,v.jsx)(v.Fragment,{})}function b(e){return(0,v.jsxs)(v.Fragment,{children:[!!e.tab.svg&&(0,v.jsx)(`div`,{className:e.tab.name?`pe-1`:``,children:(0,v.jsx)(a,{svg:e.tab.svg,size:e.tab.svgSize})}),e.formatDisplayText?.(e.tab.name)??e.tab.name,(0,v.jsx)(y,{tab:e.tab,badgeType:e.badgeType,className:e.badgeClassName})]})}function x(e){let{borderRadius:n=`lg`}=e,i=u();function a(e){e.analyticsData&&e.analyticsOptions&&t.logUserAction(e.analyticsData,e.analyticsOptions)}function c(e){e.active||!e.onSelect||(e.onSelect(),a(e))}function l(t){let n=t.target.value,i=e.tabs.find(e=>e.name===n);!i||i.active||(a(i),r.trigger(i.appLink))}let d=e.tabs.find(e=>e.active),f=e.forceSmallScreenDropdown||e.enableSmallScreenSupport&&(i.sm||i.xs);return(0,v.jsxs)(`nav`,{className:e.className??``,children:[f&&(0,v.jsx)(`select`,{className:`form-select`,onChange:l,value:d?.name,style:{minWidth:`150px`},children:e.tabs.map((t,n)=>t.hide?(0,v.jsx)(g.Fragment,{},n):(0,v.jsx)(`option`,{value:t.name,children:e.formatDisplayText?.(t.name)??t.name},n))}),!f&&(0,v.jsx)(`ul`,{className:`
           list-unstyled d-inline-block m-0 ${_.pillTabSelector}
           ${n?_.radiusSmall:``}
           ${e.listClassName}
@@ -12,4 +12,4 @@ import{Dr as e,M as t,N as n,Qt as r,at as i}from"./CrTgNROp.chunk.js";import{r
                     cursor-pointer d-flex align-items-center justify-content-center
                     text-decoration-none text-reset px-2 text-nowrap ${_.tabLink}
                   `,onClick:()=>c(t),children:(0,v.jsx)(b,{tab:t,formatDisplayText:e.formatDisplayText,badgeClassName:e.badgeClassName,badgeType:e.badgeType})})},n))})]})}function S(e){return(0,v.jsx)(x,{className:`pb-3`,tabs:e.items.map(e=>({name:e.label,onSelect:()=>r.trigger(e.appLink),active:e.appLink.action===l.getCurrentRoute()?.appLink?.action}))})}var C=c.encloseNamespace(`reportsVideos.schoolVideosNav`);function w(e){return[{label:C(`overview`),appLink:{application:f.VIDEOS,action:p.Videos.HOME,params:e}},{label:C(`views`),appLink:{application:f.VIDEOS,action:p.Videos.TOP_VIDEOS,params:e}}]}function T(){return(0,v.jsx)(S,{items:w(d())})}export{T as t};
-//# sourceMappingURL=4QdmE5x_2.chunk.js.map
+//# sourceMappingURL=CKKR2-wU2.chunk.js.map

package/dist/scripts/{4QdmE5x_2.chunk.js.map → CKKR2-wU2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"4QdmE5x_2.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/pill-tab-selector/pill-tab-selector.module.scss","../../../../libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","../../src/shared/components/sub-nav/SubNav.tsx","../../src/apps/videos/components/school-videos-nav/SchoolVideosNav.tsx"],"sourcesContent":[":local {\n  $pill-tab-min-width: 7rem;\n\n  .pillTabSelector {\n    border-radius: $border-radius-lg;\n\n    .tab {\n      border-radius: 0;\n\n      &:first-child {\n        border-top-left-radius: $border-radius-lg;\n        border-bottom-left-radius: $border-radius-lg;\n      }\n\n      &:last-child {\n        border-top-right-radius: $border-radius-lg;\n        border-bottom-right-radius: $border-radius-lg;\n      }\n\n      &:not(:first-child) {\n        border-left: none;\n      }\n\n      &:not(:last-child) {\n        border-right: none;\n      }\n\n      &.minWidth {\n        min-width: $pill-tab-min-width;\n      }\n    }\n\n    &.radiusSmall {\n      border-radius: $border-radius;\n\n      li {\n        &:first-child {\n          border-top-left-radius: $border-radius;\n          border-bottom-left-radius: $border-radius;\n        }\n  \n        &:last-child {\n          border-top-right-radius: $border-radius;\n          border-bottom-right-radius: $border-radius;\n        }\n      }\n    }\n\n    .tabLink {\n      padding-top: $input-btn-padding-y;\n      padding-bottom: $input-btn-padding-y;\n    }\n  }\n}","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { SvgIcon } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.module.scss';\n\ninterface TabContentComplicationProps {\n  badgeType?: BadgeType;\n  className?: string;\n  tab: PillTab;\n}\n\nfunction TabContentComplication(props: TabContentComplicationProps) {\n  if (typeof (props.tab.count) !== 'number')\n    return <></>;\n\n  if (props.badgeType === BadgeType.RoundCount) {\n    return (\n      <div className='ps-2'>\n        <Badge type={props.badgeType} data={props.tab.count} className={props.className}/>\n      </div>\n    );\n  }\n\n  return (\n    <div className='ps-2'>\n      <Badge type={BadgeType.Count} data={props.tab.count} className={props.className}/>\n    </div>\n  );\n}\n\ninterface TabContentsProps {\n  tab: PillTab;\n  formatDisplayText?: (name: string) => string;\n  badgeClassName?: string;\n  badgeType?: BadgeType;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svg && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svg={props.tab.svg} size={props.tab.svgSize} />\n        </div>\n      )}\n\n      {props.formatDisplayText?.(props.tab.name) ?? props.tab.name}\n\n      <TabContentComplication\n        tab={props.tab}\n        badgeType={props.badgeType}\n        className={props.badgeClassName}\n      />\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svg?: SvgIcon;\n  svgSize?: SvgContainerSize;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n\n  hide?: boolean;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg';\n  enableSmallScreenSupport?: boolean;\n  formatDisplayText?: (name: string) => string;\n  forceSmallScreenDropdown?: boolean;\n  badgeClassName?: string;\n  badgeType?: BadgeType;\n}\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  const { borderRadius = 'lg' } = props;\n  \n  const breakpoints = useBreakpoints();\n  \n  function logAnalytics(tab: PillTab): void {\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n  \n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    logAnalytics(tab);\n  }\n\n  function onChangeSelect(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const value = event.target.value;\n    const tab = props.tabs.find(tab => tab.name === value);\n    if (!tab || tab.active)\n      return;\n    \n    logAnalytics(tab);\n    AppLinkHelper.trigger(tab.appLink);\n  }\n\n  const selectedTab = props.tabs.find(tab => tab.active);\n  const showSelectDropdown = props.forceSmallScreenDropdown\n    || (props.enableSmallScreenSupport && (breakpoints.sm || breakpoints.xs));\n\n  return (\n    <nav className={props.className ?? ''}>\n      {showSelectDropdown && (\n        <select className='form-select' onChange={onChangeSelect} value={selectedTab?.name} style={{ minWidth: '150px' }}>\n          {props.tabs.map((tab, index) => {\n            if (tab.hide)\n              return <React.Fragment key={index}/>;\n\n            return (\n              <option\n                key={index}\n                value={tab.name}>\n                {props.formatDisplayText?.(tab.name) ?? tab.name}\n              </option>\n            );\n          })}\n        </select>\n      )}\n      \n      {!showSelectDropdown && (\n        <ul className={`\n          list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n          ${borderRadius ? styles.radiusSmall : ''}\n          ${props.listClassName}\n        `}>\n          {props.tabs.map((tab, index) => {\n            if (tab.hide)\n              return <React.Fragment key={index}/>;\n            \n            return (\n              <li\n                className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n                key={index}\n              >\n                {tab.appLink ? (\n                  <AppLink\n                    appLink={tab.appLink}\n                    analyticsData={tab.analyticsData}\n                    analyticsOptions={tab.analyticsOptions}\n                    className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                  >\n                    <TabContents tab={tab} formatDisplayText={props.formatDisplayText} />\n                  </AppLink>\n                ) : (\n                  <DivButton\n                    className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                    onClick={() => onSelectTab(tab)}\n                  >\n                    <TabContents\n                      tab={tab}\n                      formatDisplayText={props.formatDisplayText}\n                      badgeClassName={props.badgeClassName}\n                      badgeType={props.badgeType}\n                    />\n                  </DivButton>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </nav>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { PillTab, PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\nimport { ContextService } from 'libs/shared/services/ContextService';\nexport interface SubNavItem {\n  label: string;\n  appLink: Core.AppLink;\n}\n\ninterface SubNavProps {\n  items: SubNavItem[];\n}\n\nexport function SubNav(props: SubNavProps): JSX.Element {\n  const tabs: PillTab[] = props.items.map(i => ({\n    name: i.label,\n    onSelect: () => Core.AppLinkHelper.trigger(i.appLink),\n    active: i.appLink.action === ContextService.getCurrentRoute()?.appLink?.action\n  }));\n\n  return <PillTabSelector className='pb-3' tabs={tabs} />;\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FilterQueryParams } from 'libs/shared/apps/analytics/interfaces/FilterQueryParams';\n\nimport { SubNav, SubNavItem } from 'shared/components/sub-nav/SubNav';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { useGetAppLinkFilterParams } from 'shared/hooks/UseGetFilterQueryParams';\n\nconst namespace = 'reportsVideos.schoolVideosNav';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getNavItems(params: FilterQueryParams): SubNavItem[] {\n  return [\n    {\n      label: getPhrase('overview'),\n      appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.HOME, params }\n    },\n    {\n      label: getPhrase('views'),\n      appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.TOP_VIDEOS, params }\n    }\n  ];\n}\n\nexport function SchoolVideosNav(): JSX.Element {\n  const filterQueryParams = useGetAppLinkFilterParams();\n\n  const navItems = getNavItems(filterQueryParams);\n\n  return (\n    <SubNav items={navItems} />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CKKR2-wU2.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/pill-tab-selector/pill-tab-selector.module.scss","../../../../libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","../../src/shared/components/sub-nav/SubNav.tsx","../../src/apps/videos/components/school-videos-nav/SchoolVideosNav.tsx"],"sourcesContent":[":local {\n  $pill-tab-min-width: 7rem;\n\n  .pillTabSelector {\n    border-radius: $border-radius-lg;\n\n    .tab {\n      border-radius: 0;\n\n      &:first-child {\n        border-top-left-radius: $border-radius-lg;\n        border-bottom-left-radius: $border-radius-lg;\n      }\n\n      &:last-child {\n        border-top-right-radius: $border-radius-lg;\n        border-bottom-right-radius: $border-radius-lg;\n      }\n\n      &:not(:first-child) {\n        border-left: none;\n      }\n\n      &:not(:last-child) {\n        border-right: none;\n      }\n\n      &.minWidth {\n        min-width: $pill-tab-min-width;\n      }\n    }\n\n    &.radiusSmall {\n      border-radius: $border-radius;\n\n      li {\n        &:first-child {\n          border-top-left-radius: $border-radius;\n          border-bottom-left-radius: $border-radius;\n        }\n  \n        &:last-child {\n          border-top-right-radius: $border-radius;\n          border-bottom-right-radius: $border-radius;\n        }\n      }\n    }\n\n    .tabLink {\n      padding-top: $input-btn-padding-y;\n      padding-bottom: $input-btn-padding-y;\n    }\n  }\n}","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { SvgIcon } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.module.scss';\n\ninterface TabContentComplicationProps {\n  badgeType?: BadgeType;\n  className?: string;\n  tab: PillTab;\n}\n\nfunction TabContentComplication(props: TabContentComplicationProps) {\n  if (typeof (props.tab.count) !== 'number')\n    return <></>;\n\n  if (props.badgeType === BadgeType.RoundCount) {\n    return (\n      <div className='ps-2'>\n        <Badge type={props.badgeType} data={props.tab.count} className={props.className}/>\n      </div>\n    );\n  }\n\n  return (\n    <div className='ps-2'>\n      <Badge type={BadgeType.Count} data={props.tab.count} className={props.className}/>\n    </div>\n  );\n}\n\ninterface TabContentsProps {\n  tab: PillTab;\n  formatDisplayText?: (name: string) => string;\n  badgeClassName?: string;\n  badgeType?: BadgeType;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svg && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svg={props.tab.svg} size={props.tab.svgSize} />\n        </div>\n      )}\n\n      {props.formatDisplayText?.(props.tab.name) ?? props.tab.name}\n\n      <TabContentComplication\n        tab={props.tab}\n        badgeType={props.badgeType}\n        className={props.badgeClassName}\n      />\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svg?: SvgIcon;\n  svgSize?: SvgContainerSize;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n\n  hide?: boolean;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg';\n  enableSmallScreenSupport?: boolean;\n  formatDisplayText?: (name: string) => string;\n  forceSmallScreenDropdown?: boolean;\n  badgeClassName?: string;\n  badgeType?: BadgeType;\n}\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  const { borderRadius = 'lg' } = props;\n  \n  const breakpoints = useBreakpoints();\n  \n  function logAnalytics(tab: PillTab): void {\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n  \n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    logAnalytics(tab);\n  }\n\n  function onChangeSelect(event: React.ChangeEvent<HTMLSelectElement>): void {\n    const value = event.target.value;\n    const tab = props.tabs.find(tab => tab.name === value);\n    if (!tab || tab.active)\n      return;\n    \n    logAnalytics(tab);\n    AppLinkHelper.trigger(tab.appLink);\n  }\n\n  const selectedTab = props.tabs.find(tab => tab.active);\n  const showSelectDropdown = props.forceSmallScreenDropdown\n    || (props.enableSmallScreenSupport && (breakpoints.sm || breakpoints.xs));\n\n  return (\n    <nav className={props.className ?? ''}>\n      {showSelectDropdown && (\n        <select className='form-select' onChange={onChangeSelect} value={selectedTab?.name} style={{ minWidth: '150px' }}>\n          {props.tabs.map((tab, index) => {\n            if (tab.hide)\n              return <React.Fragment key={index}/>;\n\n            return (\n              <option\n                key={index}\n                value={tab.name}>\n                {props.formatDisplayText?.(tab.name) ?? tab.name}\n              </option>\n            );\n          })}\n        </select>\n      )}\n      \n      {!showSelectDropdown && (\n        <ul className={`\n          list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n          ${borderRadius ? styles.radiusSmall : ''}\n          ${props.listClassName}\n        `}>\n          {props.tabs.map((tab, index) => {\n            if (tab.hide)\n              return <React.Fragment key={index}/>;\n            \n            return (\n              <li\n                className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n                key={index}\n              >\n                {tab.appLink ? (\n                  <AppLink\n                    appLink={tab.appLink}\n                    analyticsData={tab.analyticsData}\n                    analyticsOptions={tab.analyticsOptions}\n                    className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                  >\n                    <TabContents tab={tab} formatDisplayText={props.formatDisplayText} />\n                  </AppLink>\n                ) : (\n                  <DivButton\n                    className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                    onClick={() => onSelectTab(tab)}\n                  >\n                    <TabContents\n                      tab={tab}\n                      formatDisplayText={props.formatDisplayText}\n                      badgeClassName={props.badgeClassName}\n                      badgeType={props.badgeType}\n                    />\n                  </DivButton>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </nav>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { PillTab, PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\nimport { ContextService } from 'libs/shared/services/ContextService';\nexport interface SubNavItem {\n  label: string;\n  appLink: Core.AppLink;\n}\n\ninterface SubNavProps {\n  items: SubNavItem[];\n}\n\nexport function SubNav(props: SubNavProps): JSX.Element {\n  const tabs: PillTab[] = props.items.map(i => ({\n    name: i.label,\n    onSelect: () => Core.AppLinkHelper.trigger(i.appLink),\n    active: i.appLink.action === ContextService.getCurrentRoute()?.appLink?.action\n  }));\n\n  return <PillTabSelector className='pb-3' tabs={tabs} />;\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FilterQueryParams } from 'libs/shared/apps/analytics/interfaces/FilterQueryParams';\n\nimport { SubNav, SubNavItem } from 'shared/components/sub-nav/SubNav';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { useGetAppLinkFilterParams } from 'shared/hooks/UseGetFilterQueryParams';\n\nconst namespace = 'reportsVideos.schoolVideosNav';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getNavItems(params: FilterQueryParams): SubNavItem[] {\n  return [\n    {\n      label: getPhrase('overview'),\n      appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.HOME, params }\n    },\n    {\n      label: getPhrase('views'),\n      appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.TOP_VIDEOS, params }\n    }\n  ];\n}\n\nexport function SchoolVideosNav(): JSX.Element {\n  const filterQueryParams = useGetAppLinkFilterParams();\n\n  const navItems = getNavItems(filterQueryParams);\n\n  return (\n    <SubNav items={navItems} />\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{s20CYII_2.chunk.js → CcjJpEaF2.chunk.js}

@@ -1,2 +1,2 @@
-import{Dr as e,E as t,N as n,at as r,b as i,x as a,y as o}from"./CrTgNROp.chunk.js";import{m as s}from"./Dwe-4MVf.chunk.js";import{t as c}from"./BIVEB8w0.chunk.js";import{t as l}from"./C4rkNAyl.chunk.js";import{t as u}from"./CPrWMnN-.chunk.js";import{_ as d,a as f,dt as p,f as m,i as h,n as g,p as _,r as v,xt as y}from"./app-jxJcaenU.js";import{n as b,r as x,t as S}from"./BN2Jc0_B.chunk.js";import{t as C}from"./B3UVC04b.chunk.js";import{n as w}from"./CkUPoXTo.chunk.js";import{r as T,t as E}from"./BabEuLsF2.chunk.js";import{t as D}from"./4QdmE5x_2.chunk.js";var O=e(t()),k=e(r()),A=n(),j=k.forwardRef(({bsPrefix:e,className:t,as:n=`div`,...r},s)=>{let c=a(e,`row`),l=o(),u=i(),d=`${c}-cols`,f=[];return l.forEach(e=>{let t=r[e];delete r[e];let n;typeof t==`object`&&t?{cols:n}=t:n=t;let i=e===u?``:`-${e}`;n!=null&&f.push(`${d}${i}-${n}`)}),(0,A.jsx)(n,{ref:s,...r,className:(0,O.default)(t,c,...f)})});j.displayName=`Row`;var M={videoTable:`_videoTable_14eqw_1`,interactiveTable:`_interactiveTable_14eqw_4`,userTable:`_userTable_14eqw_7`,header:`_header_14eqw_10`,itemHeader:`_itemHeader_14eqw_13`,videoItemContainer:`_videoItemContainer_14eqw_16`,interactiveItemContainer:`_interactiveItemContainer_14eqw_19`,userItemContainer:`_userItemContainer_14eqw_22`,heatMapItemContainer:`_heatMapItemContainer_14eqw_25`,partialAvatar:`_partialAvatar_14eqw_28`,partialNumber:`_partialNumber_14eqw_33`,partialLongText:`_partialLongText_14eqw_37`,partialMediumText:`_partialMediumText_14eqw_41`,partialShortText:`_partialShortText_14eqw_45`,partialThumbnail:`_partialThumbnail_14eqw_49`,partialHeatMap:`_partialHeatMap_14eqw_53`},N=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(p,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(p,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),P=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(p,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),F=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(p,{xs:2,className:`d-flex`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-3 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:6,className:`d-flex justify-content-between`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.heatMapItemContainer} ${M.partialShortText}`})})]});function I(e){switch(e){case`video-views`:return{headerComponent:N,tableStyle:M.videoTable};case`interactives`:return{headerComponent:P,tableStyle:M.interactiveTable};case`engagement-users`:return{headerComponent:F,tableStyle:M.userTable};default:return{headerComponent:(0,A.jsx)(A.Fragment,{}),tableStyle:``}}}function L(e){let{headerComponent:t,tableStyle:n}=I(e.variant);return(0,A.jsxs)(`div`,{className:`bg-white rounded ${n} ${e.className??``}`,children:[(0,A.jsx)(`div`,{className:`border-bottom ${M.header} ${e.headerClassName??``}`,children:t}),e.children]})}function R(){return(0,A.jsxs)(j,{className:`py-1 ${M.videoItemContainer}`,children:[(0,A.jsx)(p,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(p,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialLongText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function z(){return(0,A.jsxs)(j,{className:`py-1 ${M.interactiveItemContainer}`,children:[(0,A.jsx)(p,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialMediumText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialAvatar}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialMediumText}`})}),(0,A.jsx)(p,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function B(){return(0,A.jsxs)(j,{className:`my-2 ${M.userItemContainer}`,children:[(0,A.jsxs)(p,{xs:2,className:`d-flex align-items-center `,children:[(0,A.jsx)(`div`,{className:`partial-loading-background ms-3 ${M.partialAvatar}`}),(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})]}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:6,className:`d-flex justify-content-between align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.heatMapItemContainer} ${M.partialHeatMap}`})})]})}function V(e,t){switch(e){case`video-views`:return(0,A.jsx)(R,{},t);case`interactives`:return(0,A.jsx)(z,{},t);case`engagement-users`:return(0,A.jsx)(B,{},t);default:return(0,A.jsx)(A.Fragment,{})}}H.defaultProps={itemCount:7};function H(e){return(0,A.jsx)(`div`,{className:`my-1`,children:Array(e.itemCount).fill(null).map((t,n)=>V(e.variant,n))})}var U=c.encloseNamespace(`reportsVideos.videoViewsTableEmptyState`);function W(){return(0,A.jsxs)(v,{className:`bg-white rounded justify-content-center py-5`,children:[(0,A.jsx)(v.Image,{src:y.EmptyStates.Shared.ViewCount,className:`w-25 h-auto`}),(0,A.jsx)(v.Heading,{children:U(`heading`)}),(0,A.jsx)(v.Info,{children:U(`description`)})]})}var G={title:`_title_3yzlb_1`,thumbnail:`_thumbnail_3yzlb_2`,seeOverview:`_seeOverview_3yzlb_8`,row:`_row_3yzlb_11`},K=c.encloseNamespace(`reportsVideos.videoViewsTable`),q={table:`bg-white rounded`,header:`border-bottom`,headerCell:`p-3`,row:G.row,cell:`p-3`},J=[{Header:()=>(0,A.jsx)(`div`,{className:`d-flex justify-content-end`,children:`#`}),accessor:`object`,id:`index`,Cell:({row:{index:e}})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center justify-content-end h-100`,children:e+1}),width:5,disableSortBy:!0},{Header:e=>(0,A.jsx)(`div`,{className:G.title,children:(0,A.jsxs)(A.Fragment,{children:[K(`title`),` `,e.renderSortIndicator()]})}),accessor:`object`,id:`image`,Cell:({value:e})=>(0,A.jsx)(S,{video:e,imageOptions:{size:l.Small},textPosition:b.Independent,type:`cosmetic`,hideMask:!0,extraClasses:G.thumbnail,newDurationStyle:!0,size:`sm`}),width:30,hideSortIndicator:!0,sortType:(e,t)=>e.original.object.name?.toLowerCase()>t.original.object.name?.toLowerCase()?1:-1},{accessor:`object`,id:`name`,Cell:({value:e})=>(0,A.jsxs)(`div`,{className:`d-flex flex-column justify-content-center h-100`,children:[_.isVideoType(e)&&(0,A.jsx)(x,{type:`series`,video:e,analyticsOptions:null,className:`d-inline clamp-1`}),(0,A.jsx)(`span`,{className:`text-truncate`,children:e.name})]}),width:60,disableSortBy:!0},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`contentType`)}),accessor:`contentType`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`views`)}),accessor:`combinedCount`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{accessor:`object`,id:`see-overview`,Cell:()=>(0,A.jsx)(`div`,{className:`${G.seeOverview} align-items-center h-100 text-info`,children:K(`seeAnalytics`)}),width:25,disableSortBy:!0}];function Y(e){let t=h();function n(n){return e.getVideoAppLink(n.original.object,t)}return(0,A.jsx)(E,{columns:J,data:e.videos,theme:q,getRowAppLink:n,enableSort:!0})}var X=c.encloseNamespace(`reportsVideos.schoolTopVideosView`),Z=100;function Q(){let e=f(`video-views`),t=s(u.topStreams(Z,e)),n=C(t.data?.map(e=>e.objectId)??[],d.videos);T(t),g({title:X(`videos`)}),w(X(`videos`));let r=t.hasCompleted&&!n.isFetching,i=!!n.itemsArr?.length,a=t.data?.map(e=>{let t=n.items?.[e?.objectId];return t?{count:e.count,object:t,contentType:e.contentType,combinedCount:e.combinedCount}:null}).filter(e=>!!e);return(0,A.jsxs)(`div`,{className:`pb-3`,children:[(0,A.jsx)(D,{}),!r&&(0,A.jsx)(L,{variant:`video-views`,children:(0,A.jsx)(H,{variant:`video-views`})}),r&&i&&(0,A.jsx)(Y,{videos:a,getVideoAppLink:m}),r&&!i&&(0,A.jsx)(W,{})]})}export{Q as SchoolTopVideosView};
-//# sourceMappingURL=s20CYII_2.chunk.js.map
+import{Dr as e,E as t,N as n,at as r,b as i,x as a,y as o}from"./CrTgNROp.chunk.js";import{m as s}from"./Dwe-4MVf.chunk.js";import{t as c}from"./BIVEB8w0.chunk.js";import{t as l}from"./C4rkNAyl.chunk.js";import{t as u}from"./7M6FzdyD.chunk.js";import{_ as d,a as f,dt as p,f as m,i as h,n as g,p as _,r as v,xt as y}from"./app-B1NVV4PT.js";import{n as b,r as x,t as S}from"./BLzRzOyq.chunk.js";import{t as C}from"./TzLygaBE.chunk.js";import{n as w}from"./4gz8eG_F.chunk.js";import{r as T,t as E}from"./DDS7ndOq2.chunk.js";import{t as D}from"./CKKR2-wU2.chunk.js";var O=e(t()),k=e(r()),A=n(),j=k.forwardRef(({bsPrefix:e,className:t,as:n=`div`,...r},s)=>{let c=a(e,`row`),l=o(),u=i(),d=`${c}-cols`,f=[];return l.forEach(e=>{let t=r[e];delete r[e];let n;typeof t==`object`&&t?{cols:n}=t:n=t;let i=e===u?``:`-${e}`;n!=null&&f.push(`${d}${i}-${n}`)}),(0,A.jsx)(n,{ref:s,...r,className:(0,O.default)(t,c,...f)})});j.displayName=`Row`;var M={videoTable:`_videoTable_14eqw_1`,interactiveTable:`_interactiveTable_14eqw_4`,userTable:`_userTable_14eqw_7`,header:`_header_14eqw_10`,itemHeader:`_itemHeader_14eqw_13`,videoItemContainer:`_videoItemContainer_14eqw_16`,interactiveItemContainer:`_interactiveItemContainer_14eqw_19`,userItemContainer:`_userItemContainer_14eqw_22`,heatMapItemContainer:`_heatMapItemContainer_14eqw_25`,partialAvatar:`_partialAvatar_14eqw_28`,partialNumber:`_partialNumber_14eqw_33`,partialLongText:`_partialLongText_14eqw_37`,partialMediumText:`_partialMediumText_14eqw_41`,partialShortText:`_partialShortText_14eqw_45`,partialThumbnail:`_partialThumbnail_14eqw_49`,partialHeatMap:`_partialHeatMap_14eqw_53`},N=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(p,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(p,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),P=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(p,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),F=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(p,{xs:2,className:`d-flex`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-3 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:6,className:`d-flex justify-content-between`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.heatMapItemContainer} ${M.partialShortText}`})})]});function I(e){switch(e){case`video-views`:return{headerComponent:N,tableStyle:M.videoTable};case`interactives`:return{headerComponent:P,tableStyle:M.interactiveTable};case`engagement-users`:return{headerComponent:F,tableStyle:M.userTable};default:return{headerComponent:(0,A.jsx)(A.Fragment,{}),tableStyle:``}}}function L(e){let{headerComponent:t,tableStyle:n}=I(e.variant);return(0,A.jsxs)(`div`,{className:`bg-white rounded ${n} ${e.className??``}`,children:[(0,A.jsx)(`div`,{className:`border-bottom ${M.header} ${e.headerClassName??``}`,children:t}),e.children]})}function R(){return(0,A.jsxs)(j,{className:`py-1 ${M.videoItemContainer}`,children:[(0,A.jsx)(p,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(p,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialLongText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function z(){return(0,A.jsxs)(j,{className:`py-1 ${M.interactiveItemContainer}`,children:[(0,A.jsx)(p,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialMediumText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialAvatar}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialMediumText}`})}),(0,A.jsx)(p,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function B(){return(0,A.jsxs)(j,{className:`my-2 ${M.userItemContainer}`,children:[(0,A.jsxs)(p,{xs:2,className:`d-flex align-items-center `,children:[(0,A.jsx)(`div`,{className:`partial-loading-background ms-3 ${M.partialAvatar}`}),(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})]}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(p,{xs:6,className:`d-flex justify-content-between align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.heatMapItemContainer} ${M.partialHeatMap}`})})]})}function V(e,t){switch(e){case`video-views`:return(0,A.jsx)(R,{},t);case`interactives`:return(0,A.jsx)(z,{},t);case`engagement-users`:return(0,A.jsx)(B,{},t);default:return(0,A.jsx)(A.Fragment,{})}}H.defaultProps={itemCount:7};function H(e){return(0,A.jsx)(`div`,{className:`my-1`,children:Array(e.itemCount).fill(null).map((t,n)=>V(e.variant,n))})}var U=c.encloseNamespace(`reportsVideos.videoViewsTableEmptyState`);function W(){return(0,A.jsxs)(v,{className:`bg-white rounded justify-content-center py-5`,children:[(0,A.jsx)(v.Image,{src:y.EmptyStates.Shared.ViewCount,className:`w-25 h-auto`}),(0,A.jsx)(v.Heading,{children:U(`heading`)}),(0,A.jsx)(v.Info,{children:U(`description`)})]})}var G={title:`_title_3yzlb_1`,thumbnail:`_thumbnail_3yzlb_2`,seeOverview:`_seeOverview_3yzlb_8`,row:`_row_3yzlb_11`},K=c.encloseNamespace(`reportsVideos.videoViewsTable`),q={table:`bg-white rounded`,header:`border-bottom`,headerCell:`p-3`,row:G.row,cell:`p-3`},J=[{Header:()=>(0,A.jsx)(`div`,{className:`d-flex justify-content-end`,children:`#`}),accessor:`object`,id:`index`,Cell:({row:{index:e}})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center justify-content-end h-100`,children:e+1}),width:5,disableSortBy:!0},{Header:e=>(0,A.jsx)(`div`,{className:G.title,children:(0,A.jsxs)(A.Fragment,{children:[K(`title`),` `,e.renderSortIndicator()]})}),accessor:`object`,id:`image`,Cell:({value:e})=>(0,A.jsx)(S,{video:e,imageOptions:{size:l.Small},textPosition:b.Independent,type:`cosmetic`,hideMask:!0,extraClasses:G.thumbnail,newDurationStyle:!0,size:`sm`}),width:30,hideSortIndicator:!0,sortType:(e,t)=>e.original.object.name?.toLowerCase()>t.original.object.name?.toLowerCase()?1:-1},{accessor:`object`,id:`name`,Cell:({value:e})=>(0,A.jsxs)(`div`,{className:`d-flex flex-column justify-content-center h-100`,children:[_.isVideoType(e)&&(0,A.jsx)(x,{type:`series`,video:e,analyticsOptions:null,className:`d-inline clamp-1`}),(0,A.jsx)(`span`,{className:`text-truncate`,children:e.name})]}),width:60,disableSortBy:!0},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`contentType`)}),accessor:`contentType`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`views`)}),accessor:`combinedCount`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{accessor:`object`,id:`see-overview`,Cell:()=>(0,A.jsx)(`div`,{className:`${G.seeOverview} align-items-center h-100 text-info`,children:K(`seeAnalytics`)}),width:25,disableSortBy:!0}];function Y(e){let t=h();function n(n){return e.getVideoAppLink(n.original.object,t)}return(0,A.jsx)(E,{columns:J,data:e.videos,theme:q,getRowAppLink:n,enableSort:!0})}var X=c.encloseNamespace(`reportsVideos.schoolTopVideosView`),Z=100;function Q(){let e=f(`video-views`),t=s(u.topStreams(Z,e)),n=C(t.data?.map(e=>e.objectId)??[],d.videos);T(t),g({title:X(`videos`)}),w(X(`videos`));let r=t.hasCompleted&&!n.isFetching,i=!!n.itemsArr?.length,a=t.data?.map(e=>{let t=n.items?.[e?.objectId];return t?{count:e.count,object:t,contentType:e.contentType,combinedCount:e.combinedCount}:null}).filter(e=>!!e);return(0,A.jsxs)(`div`,{className:`pb-3`,children:[(0,A.jsx)(D,{}),!r&&(0,A.jsx)(L,{variant:`video-views`,children:(0,A.jsx)(H,{variant:`video-views`})}),r&&i&&(0,A.jsx)(Y,{videos:a,getVideoAppLink:m}),r&&!i&&(0,A.jsx)(W,{})]})}export{Q as SchoolTopVideosView};
+//# sourceMappingURL=CcjJpEaF2.chunk.js.map

package/dist/scripts/{s20CYII_2.chunk.js.map → CcjJpEaF2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"s20CYII_2.chunk.js","names":[],"sources":["../../../../../node_modules/react-bootstrap/esm/Row.js","../../src/shared/components/partial-loading/partial-loading.module.scss","../../src/shared/components/partial-loading/PartialTable.tsx","../../src/shared/components/partial-loading/PartialTableContent.tsx","../../src/apps/videos/components/video-views-table/video-views-table-empty-state/VideoViewsTableEmptyState.tsx","../../src/apps/videos/components/video-views-table/video-views-table.module.scss","../../src/apps/videos/components/video-views-table/VideoViewsTable.tsx","../../src/apps/videos/views/school-top-videos/SchoolTopVideosView.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;",":local {\n  // Table styles\n\n  .videoTable {\n    height: 62rem;\n  }\n\n  .interactiveTable {\n    height: 57rem;\n  }\n\n  .userTable {\n    height: 14rem;\n  }\n\n  .header {\n    height: 3.825rem\n  }\n\n  .itemHeader {\n    height: 3.825rem\n  }\n\n  // Item styles\n\n  .videoItemContainer {\n    height: 8.125rem;\n  }\n\n  .interactiveItemContainer {\n    height: 7.375rem;\n  }\n\n  .userItemContainer {\n    height: 2.5625rem;\n  }\n\n  .heatMapItemContainer {\n    margin-left: 6rem;\n  }\n\n  .partialAvatar {\n    width: $avatar-width;\n    height: $avatar-width;\n    border-radius: 50%;\n  }\n\n  .partialNumber {\n    width: 2rem;\n    height: 1.1rem;\n  }\n\n  .partialLongText {\n    width: 16rem;\n    height: 1.1rem;\n  }\n\n  .partialMediumText {\n    width: 10rem;\n    height: 1.1rem;\n  }\n\n  .partialShortText {\n    width: 5rem;\n    height: 1.1rem;\n  }\n\n  .partialThumbnail {\n    width: 10rem;\n    padding-bottom: 56.25%;\n  }\n\n  .partialHeatMap {\n    width: 34rem;\n    height: 1.1rem;\n  }\n}","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport styles from './partial-loading.module.scss';\n\nconst VideoViewsHeader = (\n  <Row className='py-3'>\n    <Col xs={1} className='d-flex align-items-center justify-content-center'>\n      <div className={`partial-loading-background ${styles.partialNumber}`} />\n    </Col>\n    <Col xs={5} className='d-flex align-items-center'>\n      <div className={`partial-loading-background ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center' >\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={4} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nconst InteractivesHeader = (\n  <Row className='py-3'>\n    <Col xs={5} className='d-flex align-items-center'>\n      <div className={`partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center' >\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={3} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nconst EngagementUsersHeader = (\n  <Row className='py-3'>\n    <Col xs={2} className='d-flex'>\n      <div className={`partial-loading-background mx-3 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex justify-content-center'>\n      <div className={`partial-loading-background mx-2 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex justify-content-center'>\n      <div className={`partial-loading-background ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={6} className='d-flex justify-content-between'>\n      <div className={`d-block partial-loading-background ${styles.heatMapItemContainer} ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nfunction getTableVariant(type: TableVariant) {\n  switch (type) {\n    case 'video-views':\n      return {\n        headerComponent: VideoViewsHeader,\n        tableStyle: styles.videoTable\n      };\n\n    case 'interactives':\n      return {\n        headerComponent: InteractivesHeader,\n        tableStyle: styles.interactiveTable\n      };\n\n    case 'engagement-users':\n      return {\n        headerComponent: EngagementUsersHeader,\n        tableStyle: styles.userTable\n      };\n\n    default:\n      return {\n        headerComponent: <></>,\n        tableStyle: ''\n      };\n  }\n}\n\nexport type TableVariant = 'video-views' | 'interactives' | 'engagement-users';\n\ninterface PartialTableProps {\n  variant?: TableVariant;\n  className?: string;\n  headerClassName?: string;\n}\n\nexport function PartialTable(props: React.PropsWithChildren<PartialTableProps>): JSX.Element {\n  const { headerComponent, tableStyle } = getTableVariant(props.variant);\n\n  return (\n    <div className={`bg-white rounded ${tableStyle} ${props.className ?? ''}`}>\n      <div className={`border-bottom ${styles.header} ${props.headerClassName ?? ''}`}>\n        {headerComponent}\n      </div>\n      {props.children}\n    </div>\n  );\n}\n","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { TableVariant } from 'shared/components/partial-loading/PartialTable';\n\nimport styles from './partial-loading.module.scss';\n\nfunction VideoItem(): JSX.Element {\n  return (\n    <Row className={`py-1 ${styles.videoItemContainer}`}>\n      <Col xs={1} className='d-flex align-items-center justify-content-center'>\n        <div className={`partial-loading-background ${styles.partialNumber}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className='d-block'>\n          <div className={`partial-loading-background rounded ${styles.partialThumbnail}`} />\n        </div>\n      </Col>\n      <Col xs={3} className='d-flex align-items-center'>\n        <div className={`partial-loading-background ms-n2 ${styles.partialLongText}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={4} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialNumber}`} />\n      </Col>\n    </Row>\n  );\n}\n\nfunction InteractiveItem(): JSX.Element {\n  return (\n    <Row className={`py-1 ${styles.interactiveItemContainer}`}>\n      <Col xs={1} className='d-flex align-items-center justify-content-center'>\n        <div className={`partial-loading-background ${styles.partialNumber}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className='d-block'>\n          <div className={`partial-loading-background rounded ${styles.partialThumbnail}`} />\n        </div>\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`partial-loading-background ms-n2 ${styles.partialMediumText}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialAvatar}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialMediumText}`} />\n      </Col>\n      <Col xs={3} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialNumber}`} />\n      </Col>\n    </Row>\n  );\n}\n\nfunction EngagementUserItem(): JSX.Element {\n  return (\n    <Row className={`my-2 ${styles.userItemContainer}`}>\n      <Col xs={2} className='d-flex align-items-center '>\n        <div className={`partial-loading-background ms-3 ${styles.partialAvatar}`} />\n        <div className={`partial-loading-background mx-2 ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={2} className='d-flex justify-content-center align-items-center'>\n        <div className={`d-block partial-loading-background ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={2} className='d-flex justify-content-center align-items-center'>\n        <div className={`partial-loading-background ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={6} className='d-flex justify-content-between align-items-center'>\n        <div className={`partial-loading-background ${styles.heatMapItemContainer} ${styles.partialHeatMap}`} />\n      </Col>\n    </Row>\n  );\n}\n\nfunction getPartialItem(type: TableVariant, key: number): JSX.Element {\n  switch (type) {\n    case 'video-views':\n      return <VideoItem key={key} />;\n\n    case 'interactives':\n      return <InteractiveItem key={key} />;\n\n    case 'engagement-users':\n      return <EngagementUserItem key={key} />;\n\n    default:\n      return <></>;\n  }\n}\n\ninterface PartialTableContentProps {\n  variant: TableVariant;\n  itemCount?: number;\n}\n\nPartialTableContent.defaultProps = {\n  itemCount: 7\n};\n\nexport function PartialTableContent(props: PartialTableContentProps): JSX.Element {\n  return (\n    <div className='my-1'>\n      {Array(props.itemCount).fill(null).map((_, i) => getPartialItem(props.variant, i))}\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nconst namespace = 'reportsVideos.videoViewsTableEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function VideoViewsTableEmptyState(): JSX.Element {\n  return (\n    <EmptyState className='bg-white rounded justify-content-center py-5'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.ViewCount}\n        className='w-25 h-auto'\n      />\n      <EmptyState.Heading>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}\n",":local {\n  .title,\n  .thumbnail {\n    min-width: 8rem;\n    max-width: 10rem;\n    margin-left: auto; \n    margin-right: 0;\n  }\n\n  .seeOverview {\n    display: none;\n  }\n\n  .row:hover {\n    background-color: $light-blue;\n    text-decoration: none;\n\n    .seeOverview {\n      display: flex;\n    }\n  }\n}","import React from 'react';\nimport { Row } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { FilterQueryParams } from 'libs/shared/apps/analytics/interfaces/FilterQueryParams';\nimport { Column, HeaderProps, Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useGetAppLinkFilterParams } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TopVideo } from 'shared/interfaces';\n\nimport styles from './video-views-table.module.scss';\n\nconst namespace = 'reportsVideos.videoViewsTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst theme: TableTheme = {\n  table: 'bg-white rounded',\n  header: 'border-bottom',\n  headerCell: 'p-3',\n  row: styles.row,\n  cell: 'p-3'\n};\n\nexport const COLUMNS: Column<TopVideo>[] = [\n  {\n    Header: () => (\n      <div className='d-flex justify-content-end'>\n        #\n      </div>\n    ),\n    accessor: 'object',\n    id: 'index',\n    Cell: ({ row: { index } }) => (\n      <div className='d-flex align-items-center justify-content-end h-100'>\n        {index + 1}\n      </div>\n    ),\n    width: 5,\n    disableSortBy: true\n  },\n  {\n    Header: (props: HeaderProps<TopVideo>) => (\n      <div className={styles.title}>\n        <>{getPhrase('title')} {props.renderSortIndicator()}</>\n      </div>\n    ),\n    accessor: 'object',\n    id: 'image',\n    Cell: ({ value }) => (\n      <VideoThumbnail\n        video={value}\n        imageOptions={{ size: ImageSize.Small }}\n        textPosition={ThumbnailTextPosition.Independent}\n        type='cosmetic'\n        hideMask\n        extraClasses={styles.thumbnail}\n        newDurationStyle\n        size='sm'\n      />\n    ),\n    width: 30,\n    hideSortIndicator: true,\n    sortType: (rowA: Row<TopVideo>, rowB: Row<TopVideo>) => {\n      return rowA.original.object.name?.toLowerCase() > rowB.original.object.name?.toLowerCase() ? 1 : -1;\n    }\n  },\n  {\n    accessor: 'object',\n    id: 'name',\n    Cell: ({ value }) => (\n      <div className='d-flex flex-column justify-content-center h-100'>\n        {VideoHelper.isVideoType(value) && (\n          <VideoSubText\n            type='series'\n            video={value}\n            analyticsOptions={null}\n            className='d-inline clamp-1'\n          />\n        )}\n        <span className='text-truncate'>{value.name}</span>\n      </div>\n    ),\n    width: 60,\n    disableSortBy: true\n  },\n  {\n    Header: () => <>{getPhrase('contentType')}</>,\n    accessor: 'contentType',\n    Cell: ({ value }) => (\n      <div className='d-flex align-items-center h-100'>\n        {value}\n      </div>\n    ),\n    width: 30\n  },\n  {\n    Header: () => <>{getPhrase('views')}</>,\n    accessor: 'combinedCount',\n    Cell: ({ value }) => (\n      <div className='d-flex align-items-center h-100'>\n        {value}\n      </div>\n    ),\n    width: 30\n  },\n  {\n    accessor: 'object',\n    id: 'see-overview',\n    Cell: () => (\n      <div className={`${styles.seeOverview} align-items-center h-100 text-info`}>\n        {getPhrase('seeAnalytics')}\n      </div>\n    ),\n    width: 25,\n    disableSortBy: true\n  }\n];\n\ninterface VideoViewsByVideoTableProps {\n  videos: TopVideo[];\n  getVideoAppLink: (object: VideoTypes, filterQueryParams: FilterQueryParams) => Core.AppLink;\n}\n\nexport function VideoViewsTable(props: VideoViewsByVideoTableProps): JSX.Element {\n  const filterQueryParams = useGetAppLinkFilterParams();\n\n  function getRowAppLink(row: Row<TopVideo>): Core.AppLink {\n    return props.getVideoAppLink(row.original.object, filterQueryParams);\n  }\n\n  return (\n    <Table\n      columns={COLUMNS}\n      data={props.videos}\n      theme={theme}\n      getRowAppLink={getRowAppLink}\n      enableSort\n    />\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nimport { PartialTable } from 'shared/components/partial-loading/PartialTable';\nimport { PartialTableContent } from 'shared/components/partial-loading/PartialTableContent';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { TopVideo, TopVideoV2 } from 'shared/interfaces';\nimport { getSchoolVideoAppLink } from 'shared/utils/ReportsAppLinkUtils';\n\nimport { SchoolVideosNav } from 'apps/videos/components/school-videos-nav/SchoolVideosNav';\nimport { VideoViewsTableEmptyState } from 'apps/videos/components/video-views-table/video-views-table-empty-state/VideoViewsTableEmptyState';\nimport { VideoViewsTable } from 'apps/videos/components/video-views-table/VideoViewsTable';\n\nconst namespace = 'reportsVideos.schoolTopVideosView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst LIMIT = 100;\n\nexport function SchoolTopVideosView(): JSX.Element {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const topStreams = Flight.useBasicFetch<TopVideoV2[]>(VideoViewsV2Requests.topStreams(LIMIT, requestFilter));\n\n  const videos = useBatchFetch<VideoTypes>(\n    topStreams.data?.map(v => v.objectId) ?? [],\n    VideoRequests.videos\n  );\n\n  useHandleObjectError(topStreams);\n\n  useSetPageMetadata({ title: getPhrase('videos') });\n  useSetHeaderTitle(getPhrase('videos'));\n\n  const hasLoaded = (\n    topStreams.hasCompleted &&\n    !videos.isFetching\n  );\n\n  const hasVideoViews = !!videos.itemsArr?.length;\n  \n  const mappedVideos = topStreams.data?.map<TopVideo>(topStream => {\n    const video = videos.items?.[topStream?.objectId];\n\n    if (!video)\n      return null;\n\n    return {\n      count: topStream.count,\n      object: video,\n      contentType: topStream.contentType,\n      combinedCount: topStream.combinedCount\n    };\n  }).filter(v => !!v);\n\n  return (\n    <div className='pb-3'>\n      <SchoolVideosNav />\n      {!hasLoaded &&\n        <PartialTable variant='video-views'>\n          <PartialTableContent variant='video-views' />\n        </PartialTable>\n      }\n      {hasLoaded && hasVideoViews &&\n        <VideoViewsTable videos={mappedVideos} getVideoAppLink={getSchoolVideoAppLink} />\n      }\n      {hasLoaded && !hasVideoViews && <VideoViewsTableEmptyState />}\n    </div>\n  );\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"CcjJpEaF2.chunk.js","names":[],"sources":["../../../../../node_modules/react-bootstrap/esm/Row.js","../../src/shared/components/partial-loading/partial-loading.module.scss","../../src/shared/components/partial-loading/PartialTable.tsx","../../src/shared/components/partial-loading/PartialTableContent.tsx","../../src/apps/videos/components/video-views-table/video-views-table-empty-state/VideoViewsTableEmptyState.tsx","../../src/apps/videos/components/video-views-table/video-views-table.module.scss","../../src/apps/videos/components/video-views-table/VideoViewsTable.tsx","../../src/apps/videos/views/school-top-videos/SchoolTopVideosView.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;",":local {\n  // Table styles\n\n  .videoTable {\n    height: 62rem;\n  }\n\n  .interactiveTable {\n    height: 57rem;\n  }\n\n  .userTable {\n    height: 14rem;\n  }\n\n  .header {\n    height: 3.825rem\n  }\n\n  .itemHeader {\n    height: 3.825rem\n  }\n\n  // Item styles\n\n  .videoItemContainer {\n    height: 8.125rem;\n  }\n\n  .interactiveItemContainer {\n    height: 7.375rem;\n  }\n\n  .userItemContainer {\n    height: 2.5625rem;\n  }\n\n  .heatMapItemContainer {\n    margin-left: 6rem;\n  }\n\n  .partialAvatar {\n    width: $avatar-width;\n    height: $avatar-width;\n    border-radius: 50%;\n  }\n\n  .partialNumber {\n    width: 2rem;\n    height: 1.1rem;\n  }\n\n  .partialLongText {\n    width: 16rem;\n    height: 1.1rem;\n  }\n\n  .partialMediumText {\n    width: 10rem;\n    height: 1.1rem;\n  }\n\n  .partialShortText {\n    width: 5rem;\n    height: 1.1rem;\n  }\n\n  .partialThumbnail {\n    width: 10rem;\n    padding-bottom: 56.25%;\n  }\n\n  .partialHeatMap {\n    width: 34rem;\n    height: 1.1rem;\n  }\n}","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport styles from './partial-loading.module.scss';\n\nconst VideoViewsHeader = (\n  <Row className='py-3'>\n    <Col xs={1} className='d-flex align-items-center justify-content-center'>\n      <div className={`partial-loading-background ${styles.partialNumber}`} />\n    </Col>\n    <Col xs={5} className='d-flex align-items-center'>\n      <div className={`partial-loading-background ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center' >\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={4} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nconst InteractivesHeader = (\n  <Row className='py-3'>\n    <Col xs={5} className='d-flex align-items-center'>\n      <div className={`partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center' >\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={3} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nconst EngagementUsersHeader = (\n  <Row className='py-3'>\n    <Col xs={2} className='d-flex'>\n      <div className={`partial-loading-background mx-3 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex justify-content-center'>\n      <div className={`partial-loading-background mx-2 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex justify-content-center'>\n      <div className={`partial-loading-background ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={6} className='d-flex justify-content-between'>\n      <div className={`d-block partial-loading-background ${styles.heatMapItemContainer} ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nfunction getTableVariant(type: TableVariant) {\n  switch (type) {\n    case 'video-views':\n      return {\n        headerComponent: VideoViewsHeader,\n        tableStyle: styles.videoTable\n      };\n\n    case 'interactives':\n      return {\n        headerComponent: InteractivesHeader,\n        tableStyle: styles.interactiveTable\n      };\n\n    case 'engagement-users':\n      return {\n        headerComponent: EngagementUsersHeader,\n        tableStyle: styles.userTable\n      };\n\n    default:\n      return {\n        headerComponent: <></>,\n        tableStyle: ''\n      };\n  }\n}\n\nexport type TableVariant = 'video-views' | 'interactives' | 'engagement-users';\n\ninterface PartialTableProps {\n  variant?: TableVariant;\n  className?: string;\n  headerClassName?: string;\n}\n\nexport function PartialTable(props: React.PropsWithChildren<PartialTableProps>): JSX.Element {\n  const { headerComponent, tableStyle } = getTableVariant(props.variant);\n\n  return (\n    <div className={`bg-white rounded ${tableStyle} ${props.className ?? ''}`}>\n      <div className={`border-bottom ${styles.header} ${props.headerClassName ?? ''}`}>\n        {headerComponent}\n      </div>\n      {props.children}\n    </div>\n  );\n}\n","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { TableVariant } from 'shared/components/partial-loading/PartialTable';\n\nimport styles from './partial-loading.module.scss';\n\nfunction VideoItem(): JSX.Element {\n  return (\n    <Row className={`py-1 ${styles.videoItemContainer}`}>\n      <Col xs={1} className='d-flex align-items-center justify-content-center'>\n        <div className={`partial-loading-background ${styles.partialNumber}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className='d-block'>\n          <div className={`partial-loading-background rounded ${styles.partialThumbnail}`} />\n        </div>\n      </Col>\n      <Col xs={3} className='d-flex align-items-center'>\n        <div className={`partial-loading-background ms-n2 ${styles.partialLongText}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={4} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialNumber}`} />\n      </Col>\n    </Row>\n  );\n}\n\nfunction InteractiveItem(): JSX.Element {\n  return (\n    <Row className={`py-1 ${styles.interactiveItemContainer}`}>\n      <Col xs={1} className='d-flex align-items-center justify-content-center'>\n        <div className={`partial-loading-background ${styles.partialNumber}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className='d-block'>\n          <div className={`partial-loading-background rounded ${styles.partialThumbnail}`} />\n        </div>\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`partial-loading-background ms-n2 ${styles.partialMediumText}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialAvatar}`} />\n      </Col>\n      <Col xs={2} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialMediumText}`} />\n      </Col>\n      <Col xs={3} className='d-flex align-items-center'>\n        <div className={`d-block partial-loading-background mx-4 ${styles.partialNumber}`} />\n      </Col>\n    </Row>\n  );\n}\n\nfunction EngagementUserItem(): JSX.Element {\n  return (\n    <Row className={`my-2 ${styles.userItemContainer}`}>\n      <Col xs={2} className='d-flex align-items-center '>\n        <div className={`partial-loading-background ms-3 ${styles.partialAvatar}`} />\n        <div className={`partial-loading-background mx-2 ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={2} className='d-flex justify-content-center align-items-center'>\n        <div className={`d-block partial-loading-background ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={2} className='d-flex justify-content-center align-items-center'>\n        <div className={`partial-loading-background ${styles.partialShortText}`} />\n      </Col>\n      <Col xs={6} className='d-flex justify-content-between align-items-center'>\n        <div className={`partial-loading-background ${styles.heatMapItemContainer} ${styles.partialHeatMap}`} />\n      </Col>\n    </Row>\n  );\n}\n\nfunction getPartialItem(type: TableVariant, key: number): JSX.Element {\n  switch (type) {\n    case 'video-views':\n      return <VideoItem key={key} />;\n\n    case 'interactives':\n      return <InteractiveItem key={key} />;\n\n    case 'engagement-users':\n      return <EngagementUserItem key={key} />;\n\n    default:\n      return <></>;\n  }\n}\n\ninterface PartialTableContentProps {\n  variant: TableVariant;\n  itemCount?: number;\n}\n\nPartialTableContent.defaultProps = {\n  itemCount: 7\n};\n\nexport function PartialTableContent(props: PartialTableContentProps): JSX.Element {\n  return (\n    <div className='my-1'>\n      {Array(props.itemCount).fill(null).map((_, i) => getPartialItem(props.variant, i))}\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nconst namespace = 'reportsVideos.videoViewsTableEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function VideoViewsTableEmptyState(): JSX.Element {\n  return (\n    <EmptyState className='bg-white rounded justify-content-center py-5'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.ViewCount}\n        className='w-25 h-auto'\n      />\n      <EmptyState.Heading>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}\n",":local {\n  .title,\n  .thumbnail {\n    min-width: 8rem;\n    max-width: 10rem;\n    margin-left: auto; \n    margin-right: 0;\n  }\n\n  .seeOverview {\n    display: none;\n  }\n\n  .row:hover {\n    background-color: $light-blue;\n    text-decoration: none;\n\n    .seeOverview {\n      display: flex;\n    }\n  }\n}","import React from 'react';\nimport { Row } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { FilterQueryParams } from 'libs/shared/apps/analytics/interfaces/FilterQueryParams';\nimport { Column, HeaderProps, Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useGetAppLinkFilterParams } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TopVideo } from 'shared/interfaces';\n\nimport styles from './video-views-table.module.scss';\n\nconst namespace = 'reportsVideos.videoViewsTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst theme: TableTheme = {\n  table: 'bg-white rounded',\n  header: 'border-bottom',\n  headerCell: 'p-3',\n  row: styles.row,\n  cell: 'p-3'\n};\n\nexport const COLUMNS: Column<TopVideo>[] = [\n  {\n    Header: () => (\n      <div className='d-flex justify-content-end'>\n        #\n      </div>\n    ),\n    accessor: 'object',\n    id: 'index',\n    Cell: ({ row: { index } }) => (\n      <div className='d-flex align-items-center justify-content-end h-100'>\n        {index + 1}\n      </div>\n    ),\n    width: 5,\n    disableSortBy: true\n  },\n  {\n    Header: (props: HeaderProps<TopVideo>) => (\n      <div className={styles.title}>\n        <>{getPhrase('title')} {props.renderSortIndicator()}</>\n      </div>\n    ),\n    accessor: 'object',\n    id: 'image',\n    Cell: ({ value }) => (\n      <VideoThumbnail\n        video={value}\n        imageOptions={{ size: ImageSize.Small }}\n        textPosition={ThumbnailTextPosition.Independent}\n        type='cosmetic'\n        hideMask\n        extraClasses={styles.thumbnail}\n        newDurationStyle\n        size='sm'\n      />\n    ),\n    width: 30,\n    hideSortIndicator: true,\n    sortType: (rowA: Row<TopVideo>, rowB: Row<TopVideo>) => {\n      return rowA.original.object.name?.toLowerCase() > rowB.original.object.name?.toLowerCase() ? 1 : -1;\n    }\n  },\n  {\n    accessor: 'object',\n    id: 'name',\n    Cell: ({ value }) => (\n      <div className='d-flex flex-column justify-content-center h-100'>\n        {VideoHelper.isVideoType(value) && (\n          <VideoSubText\n            type='series'\n            video={value}\n            analyticsOptions={null}\n            className='d-inline clamp-1'\n          />\n        )}\n        <span className='text-truncate'>{value.name}</span>\n      </div>\n    ),\n    width: 60,\n    disableSortBy: true\n  },\n  {\n    Header: () => <>{getPhrase('contentType')}</>,\n    accessor: 'contentType',\n    Cell: ({ value }) => (\n      <div className='d-flex align-items-center h-100'>\n        {value}\n      </div>\n    ),\n    width: 30\n  },\n  {\n    Header: () => <>{getPhrase('views')}</>,\n    accessor: 'combinedCount',\n    Cell: ({ value }) => (\n      <div className='d-flex align-items-center h-100'>\n        {value}\n      </div>\n    ),\n    width: 30\n  },\n  {\n    accessor: 'object',\n    id: 'see-overview',\n    Cell: () => (\n      <div className={`${styles.seeOverview} align-items-center h-100 text-info`}>\n        {getPhrase('seeAnalytics')}\n      </div>\n    ),\n    width: 25,\n    disableSortBy: true\n  }\n];\n\ninterface VideoViewsByVideoTableProps {\n  videos: TopVideo[];\n  getVideoAppLink: (object: VideoTypes, filterQueryParams: FilterQueryParams) => Core.AppLink;\n}\n\nexport function VideoViewsTable(props: VideoViewsByVideoTableProps): JSX.Element {\n  const filterQueryParams = useGetAppLinkFilterParams();\n\n  function getRowAppLink(row: Row<TopVideo>): Core.AppLink {\n    return props.getVideoAppLink(row.original.object, filterQueryParams);\n  }\n\n  return (\n    <Table\n      columns={COLUMNS}\n      data={props.videos}\n      theme={theme}\n      getRowAppLink={getRowAppLink}\n      enableSort\n    />\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nimport { PartialTable } from 'shared/components/partial-loading/PartialTable';\nimport { PartialTableContent } from 'shared/components/partial-loading/PartialTableContent';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { TopVideo, TopVideoV2 } from 'shared/interfaces';\nimport { getSchoolVideoAppLink } from 'shared/utils/ReportsAppLinkUtils';\n\nimport { SchoolVideosNav } from 'apps/videos/components/school-videos-nav/SchoolVideosNav';\nimport { VideoViewsTableEmptyState } from 'apps/videos/components/video-views-table/video-views-table-empty-state/VideoViewsTableEmptyState';\nimport { VideoViewsTable } from 'apps/videos/components/video-views-table/VideoViewsTable';\n\nconst namespace = 'reportsVideos.schoolTopVideosView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst LIMIT = 100;\n\nexport function SchoolTopVideosView(): JSX.Element {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const topStreams = Flight.useBasicFetch<TopVideoV2[]>(VideoViewsV2Requests.topStreams(LIMIT, requestFilter));\n\n  const videos = useBatchFetch<VideoTypes>(\n    topStreams.data?.map(v => v.objectId) ?? [],\n    VideoRequests.videos\n  );\n\n  useHandleObjectError(topStreams);\n\n  useSetPageMetadata({ title: getPhrase('videos') });\n  useSetHeaderTitle(getPhrase('videos'));\n\n  const hasLoaded = (\n    topStreams.hasCompleted &&\n    !videos.isFetching\n  );\n\n  const hasVideoViews = !!videos.itemsArr?.length;\n  \n  const mappedVideos = topStreams.data?.map<TopVideo>(topStream => {\n    const video = videos.items?.[topStream?.objectId];\n\n    if (!video)\n      return null;\n\n    return {\n      count: topStream.count,\n      object: video,\n      contentType: topStream.contentType,\n      combinedCount: topStream.combinedCount\n    };\n  }).filter(v => !!v);\n\n  return (\n    <div className='pb-3'>\n      <SchoolVideosNav />\n      {!hasLoaded &&\n        <PartialTable variant='video-views'>\n          <PartialTableContent variant='video-views' />\n        </PartialTable>\n      }\n      {hasLoaded && hasVideoViews &&\n        <VideoViewsTable videos={mappedVideos} getVideoAppLink={getSchoolVideoAppLink} />\n      }\n      {hasLoaded && !hasVideoViews && <VideoViewsTableEmptyState />}\n    </div>\n  );\n}\n"],"x_google_ignoreList":[0],"mappings":"+kBAMM,EAAmB,EAAM,YAAY,CACzC,WACA,YAEA,GAAI,EAAY,MAChB,GAAG,GACF,IAAQ,CACT,IAAM,EAAoB,EAAmB,EAAU,KAAK,EACtD,EAAc,EAAwB,EACtC,EAAgB,EAA0B,EAC1C,EAAa,GAAG,EAAkB,OAClC,EAAU,CAAC,EAejB,OAdA,EAAY,QAAQ,GAAY,CAC9B,IAAM,EAAY,EAAM,GACxB,OAAO,EAAM,GACb,IAAI,EACqB,OAAO,GAAc,UAA1C,EACD,SAEG,EAEJ,EAAO,EAET,IAAM,EAAQ,IAAa,EAAiC,GAAjB,IAAI,IAC3C,GAAQ,MAAM,EAAQ,KAAK,GAAG,IAAa,EAAM,GAAG,GAAM,CAChE,CAAC,GACmB,EAAA,EAAA,IAAA,CAAK,EAAW,CAC7B,MACL,GAAG,EACH,WAAA,EAAA,EAAA,QAAA,CAAsB,EAAW,EAAmB,GAAG,CAAO,CAChE,CAAC,CACH,CAAC,EACD,EAAI,YAAc,+rBEjCZ,GACJ,EAAA,EAAA,KAAA,CAAC,EAAD,CAAK,UAAU,gBAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,6DACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,8BAA8B,EAAO,eAAkB,CAAA,CACpE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,8BAA8B,EAAO,kBAAqB,CAAA,CACvE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,kBAAqB,CAAA,CACpF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,kBAAqB,CAAA,CACpF,CAAA,CACF,IAGD,GACJ,EAAA,EAAA,KAAA,CAAC,EAAD,CAAK,UAAU,gBAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,mCAAmC,EAAO,kBAAqB,CAAA,CAC5E,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,kBAAqB,CAAA,CACpF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,kBAAqB,CAAA,CACpF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,kBAAqB,CAAA,CACpF,CAAA,CACF,IAGD,GACJ,EAAA,EAAA,KAAA,CAAC,EAAD,CAAK,UAAU,gBAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,mBACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,mCAAmC,EAAO,kBAAqB,CAAA,CAC5E,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,0CACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,mCAAmC,EAAO,kBAAqB,CAAA,CAC5E,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,0CACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,8BAA8B,EAAO,kBAAqB,CAAA,CACvE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,2CACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,sCAAsC,EAAO,qBAAqB,GAAG,EAAO,kBAAqB,CAAA,CAC9G,CAAA,CACF,IAGP,SAAS,EAAgB,EAAoB,CAC3C,OAAQ,EAAR,CACE,IAAK,cACH,MAAO,CACL,gBAAiB,EACjB,WAAY,EAAO,UACrB,EAEF,IAAK,eACH,MAAO,CACL,gBAAiB,EACjB,WAAY,EAAO,gBACrB,EAEF,IAAK,mBACH,MAAO,CACL,gBAAiB,EACjB,WAAY,EAAO,SACrB,EAEF,QACE,MAAO,CACL,iBAAiB,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,EACrB,WAAY,EACd,CACJ,CACF,CAUA,SAAgB,EAAa,EAAgE,CAC3F,GAAM,CAAE,kBAAiB,cAAe,EAAgB,EAAM,OAAO,EAErE,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,oBAAoB,EAAW,GAAG,EAAM,WAAa,cAArE,EACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,iBAAiB,EAAO,OAAO,GAAG,EAAM,iBAAmB,cACxE,CACE,CAAA,EACJ,EAAM,QACJ,GAET,CChGA,SAAS,GAAyB,CAChC,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAK,UAAW,QAAQ,EAAO,8BAA/B,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,6DACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,8BAA8B,EAAO,eAAkB,CAAA,CACpE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oBACb,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,sCAAsC,EAAO,kBAAqB,CAAA,CAC/E,CAAA,CACF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,oCAAoC,EAAO,iBAAoB,CAAA,CAC5E,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,kBAAqB,CAAA,CACpF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,eAAkB,CAAA,CACjF,CAAA,CACF,GAET,CAEA,SAAS,GAA+B,CACtC,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAK,UAAW,QAAQ,EAAO,oCAA/B,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,6DACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,8BAA8B,EAAO,eAAkB,CAAA,CACpE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oBACb,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,sCAAsC,EAAO,kBAAqB,CAAA,CAC/E,CAAA,CACF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,oCAAoC,EAAO,mBAAsB,CAAA,CAC9E,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,eAAkB,CAAA,CACjF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,mBAAsB,CAAA,CACrF,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,2CAA2C,EAAO,eAAkB,CAAA,CACjF,CAAA,CACF,GAET,CAEA,SAAS,GAAkC,CACzC,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAK,UAAW,QAAQ,EAAO,6BAA/B,EACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,sCAAtB,EACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,mCAAmC,EAAO,eAAkB,CAAA,GAC5E,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,mCAAmC,EAAO,kBAAqB,CAAA,CAC5E,KACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,6DACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,sCAAsC,EAAO,kBAAqB,CAAA,CAC/E,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,6DACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,8BAA8B,EAAO,kBAAqB,CAAA,CACvE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAK,GAAI,EAAG,UAAU,8DACpB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,8BAA8B,EAAO,qBAAqB,GAAG,EAAO,gBAAmB,CAAA,CACpG,CAAA,CACF,GAET,CAEA,SAAS,EAAe,EAAoB,EAA0B,CACpE,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAsB,EAAN,CAAM,EAE/B,IAAK,eACH,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAA4B,EAAN,CAAM,EAErC,IAAK,mBACH,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAA+B,EAAN,CAAM,EAExC,QACE,OAAO,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,CACf,CACF,CAOA,EAAoB,aAAe,CACjC,UAAW,CACb,EAEA,SAAgB,EAAoB,EAA8C,CAChF,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,gBACZ,MAAM,EAAM,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,EAAG,IAAM,EAAe,EAAM,QAAS,CAAC,CAAC,CAC9E,CAAA,CAET,CCpGA,IAAM,EAAY,EAAgB,iBAAiB,yCAAS,EAE5D,SAAgB,GAAyC,CACvD,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAY,UAAU,wDAAtB,EACE,EAAA,EAAA,IAAA,CAAC,EAAW,MAAZ,CACE,IAAK,EAAU,YAAY,OAAO,UAClC,UAAU,aACX,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,EAAW,QAAZ,CAAA,SACG,EAAU,SAAS,CACF,CAAA,GACpB,EAAA,EAAA,IAAA,CAAC,EAAW,KAAZ,CAAA,SACG,EAAU,aAAa,CACT,CAAA,CACP,GAEhB,sHELM,EAAY,EAAgB,iBAAiB,+BAAS,EAEtD,EAAoB,CACxB,MAAO,mBACP,OAAQ,gBACR,WAAY,MACZ,IAAK,EAAO,IACZ,KAAM,KACR,EAEa,EAA8B,CACzC,CACE,YACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,sCAA6B,GAEvC,CAAA,EAEP,SAAU,SACV,GAAI,QACJ,MAAO,CAAE,IAAK,CAAE,aACd,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,+DACZ,EAAQ,CACN,CAAA,EAEP,MAAO,EACP,cAAe,EACjB,EACA,CACE,OAAS,IACP,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,gBACrB,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CAAG,EAAU,OAAO,EAAE,IAAE,EAAM,oBAAoB,CAAI,CAAA,CAAA,CACnD,CAAA,EAEP,SAAU,SACV,GAAI,QACJ,MAAO,CAAE,YACP,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,MAAO,EACP,aAAc,CAAE,KAAM,EAAU,KAAM,EACtC,aAAc,EAAsB,YACpC,KAAK,WACL,SAAA,GACA,aAAc,EAAO,UACrB,iBAAA,GACA,KAAK,IACN,CAAA,EAEH,MAAO,GACP,kBAAmB,GACnB,UAAW,EAAqB,IACvB,EAAK,SAAS,OAAO,MAAM,YAAY,EAAI,EAAK,SAAS,OAAO,MAAM,YAAY,EAAI,EAAI,EAErG,EACA,CACE,SAAU,SACV,GAAI,OACJ,MAAO,CAAE,YACP,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,2DAAf,CACG,EAAY,YAAY,CAAK,IAC5B,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,KAAK,SACL,MAAO,EACP,iBAAkB,KAClB,UAAU,kBACX,CAAA,GAEH,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,yBAAiB,EAAM,IAAW,CAAA,CAC/C,IAEP,MAAO,GACP,cAAe,EACjB,EACA,CACE,YAAc,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAA,SAAG,EAAU,aAAa,CAAI,CAAA,EAC5C,SAAU,cACV,MAAO,CAAE,YACP,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,2CACZ,CACE,CAAA,EAEP,MAAO,EACT,EACA,CACE,YAAc,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAA,SAAG,EAAU,OAAO,CAAI,CAAA,EACtC,SAAU,gBACV,MAAO,CAAE,YACP,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,2CACZ,CACE,CAAA,EAEP,MAAO,EACT,EACA,CACE,SAAU,SACV,GAAI,eACJ,UACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,YAAY,8CACnC,EAAU,cAAc,CACtB,CAAA,EAEP,MAAO,GACP,cAAe,EACjB,CACF,EAOA,SAAgB,EAAgB,EAAiD,CAC/E,IAAM,EAAoB,EAA0B,EAEpD,SAAS,EAAc,EAAkC,CACvD,OAAO,EAAM,gBAAgB,EAAI,SAAS,OAAQ,CAAiB,CACrE,CAEA,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,QAAS,EACT,KAAM,EAAM,OACL,QACQ,gBACf,WAAA,EACD,CAAA,CAEL,CC3HA,IAAM,EAAY,EAAgB,iBAAiB,mCAAS,EAEtD,EAAQ,IAEd,SAAgB,GAAmC,CACjD,IAAM,EAAgB,EAAoB,aAAa,EAEjD,EAAa,EAAmC,EAAqB,WAAW,EAAO,CAAa,CAAC,EAErG,EAAS,EACb,EAAW,MAAM,IAAI,GAAK,EAAE,QAAQ,GAAK,CAAC,EAC1C,EAAc,MAChB,EAEA,EAAqB,CAAU,EAE/B,EAAmB,CAAE,MAAO,EAAU,QAAQ,CAAE,CAAC,EACjD,EAAkB,EAAU,QAAQ,CAAC,EAErC,IAAM,EACJ,EAAW,cACX,CAAC,EAAO,WAGJ,EAAgB,CAAC,CAAC,EAAO,UAAU,OAEnC,EAAe,EAAW,MAAM,IAAc,GAAa,CAC/D,IAAM,EAAQ,EAAO,QAAQ,GAAW,UAKxC,OAHK,EAGE,CACL,MAAO,EAAU,MACjB,OAAQ,EACR,YAAa,EAAU,YACvB,cAAe,EAAU,aAC3B,EAPS,IAQX,CAAC,CAAC,CAAC,OAAO,GAAK,CAAC,CAAC,CAAC,EAElB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,gBAAf,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,CAAA,EACjB,CAAC,IACA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,QAAQ,wBACpB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,QAAQ,aAAe,CAAA,CAChC,CAAA,EAEf,GAAa,IACZ,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,OAAQ,EAAc,gBAAiB,CAAwB,CAAA,EAEjF,GAAa,CAAC,IAAiB,EAAA,EAAA,IAAA,CAAC,EAAD,CAA4B,CAAA,CACzD,GAET"}

package/dist/scripts/{B-DINEq3.chunk.js → Ch4Y5yk4.chunk.js}

@@ -1,2 +1,2 @@
-import{Dr as e,N as t,at as n,ot as r}from"./CrTgNROp.chunk.js";import{i,n as a,o,r as s,v as c}from"./CxNc1BDX.chunk.js";import{t as l}from"./BIVEB8w0.chunk.js";import{n as u}from"./C4rkNAyl.chunk.js";import{i as d,n as f,r as p}from"./CPrWMnN-.chunk.js";import{U as m,g as ee,m as h,x as g}from"./app-jxJcaenU.js";import{n as te,t as _}from"./CPUQYzyc.chunk.js";var v=e(n()),y=function(e){return e.Exchange=`exchange`,e.Streamable=`streamable`,e.MoviesAndTv=`movies_and_tv`,e.Twig=`twig`,e.Espresso=`espresso`,e}({}),b=t();function x(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{fill:`currentColor`,fillRule:`evenodd`,d:`M15.333 7.333a.667.667 0 1 0 0 1.334h2.39L13 13.39l-2.862-2.862a.667.667 0 0 0-.943 0l-5 5a.667.667 0 1 0 .943.942l4.529-4.528 2.862 2.862c.26.26.682.26.942 0l5.196-5.196V12A.667.667 0 0 0 20 12V8a.667.667 0 0 0-.667-.666z`,clipRule:`evenodd`})})}function S(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M7.5 5A2.5 2.5 0 0 0 5 7.5v9A2.5 2.5 0 0 0 7.5 19h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 16.5 5zm0-1h9A3.5 3.5 0 0 1 20 7.5v9a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-9A3.5 3.5 0 0 1 7.5 4M11 9a.5.5 0 1 1 0 1H9.5A1.5 1.5 0 0 0 8 11.5v1A1.5 1.5 0 0 0 9.5 14H11a.5.5 0 1 1 0 1H9.5A2.5 2.5 0 0 1 7 12.5v-1A2.5 2.5 0 0 1 9.5 9zm5 0a.5.5 0 1 1 0 1h-1.5a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5H16a.5.5 0 1 1 0 1h-1.5a2.5 2.5 0 0 1-2.5-2.5v-1A2.5 2.5 0 0 1 14.5 9z`,fill:`currentColor`})})}var C=function(e){return e.Folder=`category`,e.CategoryTree=`category_tree`,e.CustomLibrary=`custom_library`,e.HostedLibrary=`hosted_library`,e.Exchange=`exchange`,e.Workspace=`workspace`,e.Video=`video`,e.Clip=`clip`,e.Interactive=`interactive`,e}({}),w=function(e){return e.Pdf=`pdf`,e.Image=`image`,e.PowerPoint=`powerpoint`,e.Document=`document`,e.Excel=`excel`,e.Zip=`archive`,e.File=`text`,e}({});function T(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.09 7-2.3-3.4h1.82l1.4 2.28 1.45-2.28h1.72l-2.29 3.41 2.49 3.73h-1.87l-1.56-2.47-1.59 2.47H8.6z`,fill:`currentColor`})})}function E(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M9.833 15.006c-.328.765-.657 1.316-.997 1.619-.35.312-.762.394-1.138.15a1.4 1.4 0 0 1-.358-.322c-.298-.402-.194-.843.165-1.2.228-.227.563-.433.983-.63.226-.106.466-.204.706-.292q.213-.539.43-1.205a42 42 0 0 0 .866-3.123c-.435-.563-.75-1.057-.924-1.473-.28-.67-.211-1.242.372-1.494.56-.24 1.047-.086 1.307.391.17.312.234.736.231 1.26a8 8 0 0 1-.086 1.088q.238.293.513.606a31 31 0 0 0 1.73 1.81 14 14 0 0 0 .863.761q.697-.106 1.213-.105c.947.002 1.554.319 1.415 1.079-.107.585-.514.888-1.06.834-.365-.036-.781-.224-1.259-.532a9 9 0 0 1-.538-.38 21 21 0 0 0-.944.191q-.586.131-1.22.3a45 45 0 0 0-2.27.667M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm4.43 8.39q-.104.315-.207.606l.055-.016a46 46 0 0 1 1.608-.459 34 34 0 0 1 1.538-.37 16 16 0 0 1-.378-.35 32 32 0 0 1-1.882-1.98l-.083.32a39 39 0 0 1-.652 2.248zm-2.157 2.603q.18-.162.382-.51a2.4 2.4 0 0 0-.553.37c-.092.092-.09.086-.083.096a.5.5 0 0 0 .138.116c.017.01.025.01.116-.072m7.434-2.3q-.07 0-.146.002c.242.132.443.209.585.223.11.011.118.005.146-.145.005-.027-.095-.079-.585-.08m-5.36-5.49q.098.235.283.53v-.05c.003-.393-.044-.696-.128-.85-.046-.086-.063-.091-.23-.02-.04.018-.05.092.075.39`,fill:`currentColor`})})}function ne(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.07 6.96h1.22q.27 0 .52-.04a1.2 1.2 0 0 0 .44-.155.84.84 0 0 0 .305-.325q.115-.21.115-.55t-.115-.55a.84.84 0 0 0-.305-.325 1.2 1.2 0 0 0-.44-.155 3 3 0 0 0-.52-.04h-1.22zM9.5 8.6h3.22q.67 0 1.14.195t.765.515.43.73a2.7 2.7 0 0 1 0 1.695q-.135.415-.43.735a2.1 2.1 0 0 1-.765.515q-.47.195-1.14.195h-1.65v2.56H9.5z`,fill:`currentColor`})})}function re(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h7l6 5v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m6.586 1H6v14h12V9.414zM13 10h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 1 1 1 0z`,fill:`currentColor`})})}function ie(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm8.77 10.74h-1.56L12 10.88h-.02l-1.19 4.86H9.2L7.31 8.6h1.57l1.13 4.86h.02l1.24-4.86h1.47l1.22 4.92h.02l1.17-4.92h1.54z`,fill:`currentColor`})})}function ae(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5 0h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1z`,fill:`currentColor`})})}var D=`shared.shared-utils`,O={mapRatingToClass(e){return e?(e=>{switch(!0){case e<32:return`bg-purple`;case e<48:return`bg-green`;case e<80:return`bg-blue`;case e<96:return`bg-red`;case e<128:return`bg-pink`;case e>=128:return`bg-yellow`;default:return``}})(e):``},mapSourceToDisplayName(e,t){switch(e.type){case C.HostedLibrary:case C.CustomLibrary:return e.name;case C.Exchange:return l.getPhrase(D,`exchange`);case C.Workspace:return l.getPhrase(D,t?`myVideos`:`workspace`);default:return``}},mapSourceToClass(e){switch(e){case C.HostedLibrary:case C.CustomLibrary:return`bg-blue`;case C.Exchange:return`bg-green`;case C.Workspace:default:return`bg-red`}},isInteractive(e){return!!e?.interactives?.data?.length},mapTypeToSvg(e){let t={[w.Pdf]:E,[w.Image]:_,[w.PowerPoint]:ne,[w.Document]:ie,[w.Excel]:T,[w.Zip]:ae,[w.File]:re}[e];return t||=te,t},mapTypeToClass(e){switch(e){case w.Pdf:return`icon-red`;case w.Image:return`icon-purple`;case w.Document:return`icon-blue`;case w.Excel:return`icon-green`;case w.PowerPoint:return`icon-orange`;case w.Zip:return`icon-teal`;case w.File:return`icon-gray`;default:return``}},mapTypeToExtension(e){return e?{pdf:`pdf`,image:`png`,powerpoint:`pptx`}[e.toLowerCase()]:``},mapTypeToName(e){if(!e)return``;switch(e){case w.Pdf:return l.getPhrase(D,`pdf`);case w.Image:return l.getPhrase(D,`image`);case w.Document:return l.getPhrase(D,`document`);case w.Excel:return l.getPhrase(D,`spreadsheet`);case w.PowerPoint:return l.getPhrase(D,`presentation`);case w.Zip:return l.getPhrase(D,`zipArchive`);case w.File:return l.getPhrase(D,`file`);default:return``}}},k=l.encloseNamespace(`shared.badges`),A=function(e){return e.DurationExact=`duration-exact`,e.DurationApproximate=`duration-approximate`,e.Interactive=`interactive`,e.Rating=`rating`,e.ProductionYear=`production-year`,e.Captions=`captions`,e.Status=`status`,e.Trending=`trending`,e.Count=`count`,e.RoundCount=`round-count`,e.Restriction=`restriction`,e.Source=`source`,e}({}),j={xs:i.ExtraSmall,sm:i.Small,std:i.Standard,lg:i.Large},M={xs:`badge-xs`,sm:`badge-sm`,std:`badge-std`,lg:`badge-lg`};function N(e){switch(e){case g.Published:case d.Published:return`bg-success`;case g.Archived:case g.Rejected:case d.Archived:return`bg-danger`;case g.Draft:case d.Draft:return`draft-badge px-2 rounded-pill text-nowrap d-flex align-items-center`;case g.Pending:case g.Processing:return`bg-warning`}}function P(e){return e.includes(y.Streamable)?`px-1 text-nowrap d-flex align-items-center ${ee.streamable}`:e.includes(y.MoviesAndTv)?`bg-indigo text-white px-1 text-nowrap d-flex align-items-center`:e.includes(y.Exchange)?`bg-orange text-white px-1 text-nowrap d-flex align-items-center`:e.includes(y.Twig)?`bg-pink text-white px-1 text-nowrap d-flex align-items-center`:e.includes(y.Espresso)?`bg-navy text-white px-1 text-nowrap d-flex align-items-center`:``}function F(e,t,n){let r=M[n],i=``;return e===`duration-approximate`&&(i=`duration-badge-new px-2 rounded-pill text-nowrap d-flex align-items-center`),e===`duration-exact`&&(i=`duration-badge`),e===`interactive`&&(i=`interactive-badge`),e===`rating`&&(i=`rating-badge text-shadow ${O.mapRatingToClass(t.value)}`),e===`production-year`&&(i=`production-year-badge text-shadow`),e===`captions`?`p-0`:e===`status`?`badge ${N(t)}`:e===`trending`?`trending-badge px-1 d-flex align-items-center ${r}`:(e===`count`&&(i=`count-badge px-1 rounded`),e===`round-count`&&(i=`round-badge rounded-circle`),e===`restriction`?a(`restriction-badge rounded-pill px-2 d-flex align-items-center`,h.mapRestrictionToClass(t.restrictions)):(e===`source`&&(i=P(t)),a(`badge`,i)))}function I(e,t,n){if(e===`interactive`)return k(`interactive`);if(e===`duration-approximate`)return p.ToDisplayDurationNewStyle(t);if(e===`duration-exact`)return p.ToDisplayDuration(t);if(e===`rating`)return t.code;if(e===`production-year`)return t;if(e===`captions`)return(0,b.jsx)(s,{svg:S});if(e===`status`)return typeof t==`number`?g[t]:t;if(e===`trending`)return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{svg:x,size:j[n]}),(0,b.jsx)(`span`,{className:`ps-1`,children:t})]});if(e===`count`||e===`round-count`)return t;if(e===`restriction`)return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{svg:h.mapRestrictionToSvg(t.restrictions)}),(0,b.jsx)(`span`,{children:h.mapRestrictionToText(t.restrictions,t.yearGroups)})]});if(e===`source`){let e=t;return e.includes(y.Streamable)?`streamable`:e.includes(y.MoviesAndTv)?`movies + tv`:e.includes(y.Exchange)?`exchange`:e.includes(y.Twig)?`twig`:e.includes(y.Espresso)?`espresso`:`-`}}function L(e,t){return e===`rating`?{title:t.name,placement:`top`}:null}function R(e,t){return typeof t==`boolean`?!!t:e===`rating`?t&&!!t.value:e===`interactive`||e===`captions`?!!t?.length||!!t?.data?.length:e===`status`?typeof t==`number`||typeof t==`string`:!!t}function z(e){let{type:t,data:n,size:r=`std`}=e;if(!R(t,n))return(0,b.jsx)(b.Fragment,{});let i=F(t,n,r);i=`${i} ${e.inline?`d-inline-block`:`d-flex justify-content-center`} ${e.className||``}`;let a=I(t,n,r),s=L(t,n),c=e.inline&&`d-inline-block`;return s?(0,b.jsx)(`div`,{className:`badge-wrapper d-inline`,children:(0,b.jsx)(o,{...s,spanHack:!0,spanHackClassName:c,children:(0,b.jsx)(`span`,{className:i,children:a})})}):(0,b.jsx)(`span`,{className:`${i} badge-wrapper`,children:a})}function B(e={}){let{prevent:t,rootMargin:n,triggerOnce:r=!0}=e,[i,a,o]=f({triggerOnce:r,rootMargin:n});return(t===!0||window.IntersectionObserver===void 0)&&(a=!0,i=null),{ref:i,inView:a,initialized:!!o}}var V={image:`_image_pp6me_1`},H=`500px`,U=`data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=`,W=v.memo(function(e){let{forceLoad:t,extraClasses:n=``,errorFallbackImageSrc:r,preventLoad:i=!1,errorFallbackImageClassName:a,src:o,alt:s,...c}=e,{ref:l,inView:u}=B({rootMargin:H}),[d,f]=v.useState(!1);v.useEffect(()=>{if(!t&&!u||i)return;let e=new Image;return e.onerror=()=>{f(!0),r&&(e.src=r)},e.src=o,()=>e.onerror=null},[u,i]);function p(){return d&&r?r:e.src}if(d&&!r)return(0,b.jsx)(b.Fragment,{});if(!l)return(0,b.jsx)(`img`,{className:`${V.image} ${n} ${d&&a||``}`,alt:s,src:p(),...c});let m={alt:s,...c,...(u||t)&&!i?{src:p()}:{src:U}};return t||(m.ref=l),(0,b.jsx)(`img`,{className:`${V.image} ${n} ${d&&a||``}`,...m})}),G={image:`_image_1himm_1`,thumbnail:`_thumbnail_1himm_13`,tallPoster:`_tallPoster_1himm_16`,cover:`_cover_1himm_19`,banner:`_banner_1himm_22`,poster:`_poster_1himm_25`,pdf:`_pdf_1himm_28`,link:`_link_1himm_31`};function K(e){let t=G.image,n=``;return e.imageType===u.Thumbnails&&(n=`thumbnail ${G.thumbnail}`),e.imageType===u.TallPosters&&(n=G.tallPoster),e.imageType===u.Covers&&(n=G.cover),e.imageType===u.Banners&&(n=G.banner),e.imageType===u.Posters&&(n=G.poster),e.imageType===u.Pdf&&(n=G.pdf),e.imageType===u.Link&&(n=G.link),n&&(t+=` ${n}`),e.className&&(t+=` ${e.className}`),t}function q(e){let{data:t,imageOptions:n,appLink:i,preload:a,preventLoad:o,analyticsOptions:s,analyticsData:l,imageClassName:u,alt:d}=e,f=``;typeof t==`string`?f=t:r.isObject(t)&&(f=t.url);let p=f&&n?m.createUrl(f,n):f;return(0,b.jsx)(`div`,{className:K(e),style:e.imageStyle,children:(0,b.jsxs)(c,{appLink:i,analyticsData:l,analyticsOptions:s,onClick:e.onClick,preventFocus:e.preventFocus,className:e.appLinkClassName,openInNewTab:e.openInNewTab,forcePageLoad:e.forcePageLoad,children:[e.children,p&&(0,b.jsx)(W,{src:p,alt:d,forceLoad:a,preventLoad:o,extraClasses:u,errorFallbackImageSrc:e.errorFallbackImageSrc,errorFallbackImageClassName:e.errorFallbackImageClassName,onLoad:e.onLoad})]})})}var J=[`bg-pink`,`bg-orange`,`bg-green`,`bg-cyan`,`bg-teal`,`bg-blue`,`bg-indigo`,`bg-purple`];function oe(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{fill:`currentColor`,fillRule:`evenodd`,d:`M7.76 6.078a.5.5 0 0 0-.76.427v11a.5.5 0 0 0 .76.426l9.003-5.5a.5.5 0 0 0 0-.853z`,clipRule:`evenodd`})})}function Y(e){return(0,b.jsx)(`svg`,{...e,viewBox:`0 0 24 21`,children:(0,b.jsx)(`path`,{d:`M22.5 1A1.5 1.5 0 0 1 24 2.5v18a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 20.5v-18A1.5 1.5 0 0 1 1.5 1zm0 1.5h-21v18h21zm-8.21 4.092 5.84 9a.75.75 0 0 1-1.26.816L13.638 8.34l-2.523 3.591a.75.75 0 0 1-1.144.1l-.889-.89L5.1 16.45a.75.75 0 0 1-1.2-.9l4.5-6a.75.75 0 0 1 1.13-.08l.87.869 2.648-3.77a.75.75 0 0 1 1.243.023M6 4.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 1.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5`,fill:`currentColor`})})}function se(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{fill:`currentColor`,d:`M20.283 4C21.229 4 22 4.745 22 5.66v8.74c0 .726-.478 1.338-1.151 1.565l.088-10.22a.657.657 0 0 0-.664-.66H6.351A1.71 1.71 0 0 1 7.951 4zm-2.059 1.933c.947 0 1.718.745 1.718 1.65v8.74c.01.726-.479 1.339-1.142 1.565l.088-10.24a.647.647 0 0 0-.664-.64H4.293a1.7 1.7 0 0 1 1.6-1.075zM16.05 7.95c.946 0 1.707.744 1.707 1.659v8.74c0 .915-.77 1.65-1.707 1.65H3.707C2.761 20 2 19.255 2 18.35V9.61c0-.915.77-1.66 1.707-1.66zm-.01 1.084H3.717a.647.647 0 0 0-.663.64v8.609c0 .358.292.641.663.641H16.03c.371 0 .664-.283.664-.641V9.676c.01-.358-.283-.641-.654-.641M8.546 12.39v3.178c0 .17.205.264.342.17l2.254-1.594c.117-.085.117-.255 0-.33l-2.264-1.593c-.137-.095-.332 0-.332.17`})})}function X(e,t){return t[e.charCodeAt(0)%t.length]}var Z={baseFallbackContainer:`_baseFallbackContainer_14tjv_1`,svgFallbackContainer:`_svgFallbackContainer_14tjv_1`,subjectFallbackContainer:`_subjectFallbackContainer_14tjv_9`,subjectFallbackContainerSmall:`_subjectFallbackContainerSmall_14tjv_18`,subjectFallbackContainerLarge:`_subjectFallbackContainerLarge_14tjv_21`,seriesItemFallback:`_seriesItemFallback_14tjv_24`,playlistItemFallback:`_playlistItemFallback_14tjv_24`,playlistFallback:`_playlistFallback_14tjv_28`,posterFallback:`_posterFallback_14tjv_29`,subjectFallback:`_subjectFallback_14tjv_9`,fallbackThumbnailImage:`_fallbackThumbnailImage_14tjv_47`,videoFallback:`_videoFallback_14tjv_55`,folderFallback:`_folderFallback_14tjv_56`},ce=function(e){return e[e.Playlist=0]=`Playlist`,e[e.PlaylistThumbnail=1]=`PlaylistThumbnail`,e[e.Series=2]=`Series`,e[e.SeriesThumbnail=3]=`SeriesThumbnail`,e[e.Subject=4]=`Subject`,e[e.TallSubject=5]=`TallSubject`,e[e.Video=6]=`Video`,e[e.Folder=7]=`Folder`,e}({});function le(e,t,n){if(t===4){let e=n===0?Z.subjectFallbackContainerLarge:Z.subjectFallbackContainerSmall;return`${Z.subjectFallbackContainer} ${e}`}return e===0?t===3||t===1?`${Z.svgFallbackContainer} rounded-3`:Z.svgFallbackContainer:Z.baseFallbackContainer}function ue(e){return e===3?Z.seriesItemFallback:e===1?Z.playlistItemFallback:e===0?Z.playlistFallback:e===2||e===5?Z.posterFallback:e===4?`${Z.subjectFallback} svg-container d-inline-block`:``}function Q(e){return e===3||e===1?oe:e===0?Y:e===2?se:e===4||e===5?_:null}function de(e){return e===4?i.ExtraLarge:i.Standard}$.defaultProps={mediaType:0,containerClassSize:0};function $(e){let{type:t,mediaType:n,extraClasses:r,containerClassSize:i}=e;if(t===6)return(0,b.jsx)(`div`,{className:`${Z.videoFallback} ${e.extraClasses} bg-light-blue`});if(t===7)return(0,b.jsx)(`div`,{className:`${Z.folderFallback} ${e.extraClasses} ${X(e.name,J)}`});let a=ue(t),o=Q(t),c=de(t),l=`${le(n,t,i)}`;return r&&(l+=` ${e.extraClasses}`),(0,b.jsx)(`div`,{className:l,children:n===0?(0,b.jsx)(s,{svg:o,className:`${a} ${e.svgContainerClassName??``}`,tagName:`div`,size:c}):(0,b.jsx)(`div`,{className:Z.fallbackThumbnailImage,style:{backgroundImage:`url('${o}')`}})})}export{J as a,A as c,S as d,Y as i,E as l,ce as n,q as o,X as r,z as s,$ as t,w as u};
-//# sourceMappingURL=B-DINEq3.chunk.js.map
+import{Dr as e,N as t,at as n,ot as r}from"./CrTgNROp.chunk.js";import{i,n as a,o,r as s,v as c}from"./CxNc1BDX.chunk.js";import{t as l}from"./BIVEB8w0.chunk.js";import{n as u}from"./C4rkNAyl.chunk.js";import{i as d,n as f,r as p}from"./7M6FzdyD.chunk.js";import{U as m,g as ee,m as h,x as g}from"./app-B1NVV4PT.js";import{n as te,t as _}from"./CPUQYzyc.chunk.js";var v=e(n()),y=function(e){return e.Exchange=`exchange`,e.Streamable=`streamable`,e.MoviesAndTv=`movies_and_tv`,e.Twig=`twig`,e.Espresso=`espresso`,e}({}),b=t();function x(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{fill:`currentColor`,fillRule:`evenodd`,d:`M15.333 7.333a.667.667 0 1 0 0 1.334h2.39L13 13.39l-2.862-2.862a.667.667 0 0 0-.943 0l-5 5a.667.667 0 1 0 .943.942l4.529-4.528 2.862 2.862c.26.26.682.26.942 0l5.196-5.196V12A.667.667 0 0 0 20 12V8a.667.667 0 0 0-.667-.666z`,clipRule:`evenodd`})})}function S(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M7.5 5A2.5 2.5 0 0 0 5 7.5v9A2.5 2.5 0 0 0 7.5 19h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 16.5 5zm0-1h9A3.5 3.5 0 0 1 20 7.5v9a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-9A3.5 3.5 0 0 1 7.5 4M11 9a.5.5 0 1 1 0 1H9.5A1.5 1.5 0 0 0 8 11.5v1A1.5 1.5 0 0 0 9.5 14H11a.5.5 0 1 1 0 1H9.5A2.5 2.5 0 0 1 7 12.5v-1A2.5 2.5 0 0 1 9.5 9zm5 0a.5.5 0 1 1 0 1h-1.5a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5H16a.5.5 0 1 1 0 1h-1.5a2.5 2.5 0 0 1-2.5-2.5v-1A2.5 2.5 0 0 1 14.5 9z`,fill:`currentColor`})})}var C=function(e){return e.Folder=`category`,e.CategoryTree=`category_tree`,e.CustomLibrary=`custom_library`,e.HostedLibrary=`hosted_library`,e.Exchange=`exchange`,e.Workspace=`workspace`,e.Video=`video`,e.Clip=`clip`,e.Interactive=`interactive`,e}({}),w=function(e){return e.Pdf=`pdf`,e.Image=`image`,e.PowerPoint=`powerpoint`,e.Document=`document`,e.Excel=`excel`,e.Zip=`archive`,e.File=`text`,e}({});function T(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.09 7-2.3-3.4h1.82l1.4 2.28 1.45-2.28h1.72l-2.29 3.41 2.49 3.73h-1.87l-1.56-2.47-1.59 2.47H8.6z`,fill:`currentColor`})})}function E(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M9.833 15.006c-.328.765-.657 1.316-.997 1.619-.35.312-.762.394-1.138.15a1.4 1.4 0 0 1-.358-.322c-.298-.402-.194-.843.165-1.2.228-.227.563-.433.983-.63.226-.106.466-.204.706-.292q.213-.539.43-1.205a42 42 0 0 0 .866-3.123c-.435-.563-.75-1.057-.924-1.473-.28-.67-.211-1.242.372-1.494.56-.24 1.047-.086 1.307.391.17.312.234.736.231 1.26a8 8 0 0 1-.086 1.088q.238.293.513.606a31 31 0 0 0 1.73 1.81 14 14 0 0 0 .863.761q.697-.106 1.213-.105c.947.002 1.554.319 1.415 1.079-.107.585-.514.888-1.06.834-.365-.036-.781-.224-1.259-.532a9 9 0 0 1-.538-.38 21 21 0 0 0-.944.191q-.586.131-1.22.3a45 45 0 0 0-2.27.667M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm4.43 8.39q-.104.315-.207.606l.055-.016a46 46 0 0 1 1.608-.459 34 34 0 0 1 1.538-.37 16 16 0 0 1-.378-.35 32 32 0 0 1-1.882-1.98l-.083.32a39 39 0 0 1-.652 2.248zm-2.157 2.603q.18-.162.382-.51a2.4 2.4 0 0 0-.553.37c-.092.092-.09.086-.083.096a.5.5 0 0 0 .138.116c.017.01.025.01.116-.072m7.434-2.3q-.07 0-.146.002c.242.132.443.209.585.223.11.011.118.005.146-.145.005-.027-.095-.079-.585-.08m-5.36-5.49q.098.235.283.53v-.05c.003-.393-.044-.696-.128-.85-.046-.086-.063-.091-.23-.02-.04.018-.05.092.075.39`,fill:`currentColor`})})}function ne(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.07 6.96h1.22q.27 0 .52-.04a1.2 1.2 0 0 0 .44-.155.84.84 0 0 0 .305-.325q.115-.21.115-.55t-.115-.55a.84.84 0 0 0-.305-.325 1.2 1.2 0 0 0-.44-.155 3 3 0 0 0-.52-.04h-1.22zM9.5 8.6h3.22q.67 0 1.14.195t.765.515.43.73a2.7 2.7 0 0 1 0 1.695q-.135.415-.43.735a2.1 2.1 0 0 1-.765.515q-.47.195-1.14.195h-1.65v2.56H9.5z`,fill:`currentColor`})})}function re(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h7l6 5v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m6.586 1H6v14h12V9.414zM13 10h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 1 1 1 0z`,fill:`currentColor`})})}function ie(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm8.77 10.74h-1.56L12 10.88h-.02l-1.19 4.86H9.2L7.31 8.6h1.57l1.13 4.86h.02l1.24-4.86h1.47l1.22 4.92h.02l1.17-4.92h1.54z`,fill:`currentColor`})})}function ae(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{d:`M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5 0h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1z`,fill:`currentColor`})})}var D=`shared.shared-utils`,O={mapRatingToClass(e){return e?(e=>{switch(!0){case e<32:return`bg-purple`;case e<48:return`bg-green`;case e<80:return`bg-blue`;case e<96:return`bg-red`;case e<128:return`bg-pink`;case e>=128:return`bg-yellow`;default:return``}})(e):``},mapSourceToDisplayName(e,t){switch(e.type){case C.HostedLibrary:case C.CustomLibrary:return e.name;case C.Exchange:return l.getPhrase(D,`exchange`);case C.Workspace:return l.getPhrase(D,t?`myVideos`:`workspace`);default:return``}},mapSourceToClass(e){switch(e){case C.HostedLibrary:case C.CustomLibrary:return`bg-blue`;case C.Exchange:return`bg-green`;case C.Workspace:default:return`bg-red`}},isInteractive(e){return!!e?.interactives?.data?.length},mapTypeToSvg(e){let t={[w.Pdf]:E,[w.Image]:_,[w.PowerPoint]:ne,[w.Document]:ie,[w.Excel]:T,[w.Zip]:ae,[w.File]:re}[e];return t||=te,t},mapTypeToClass(e){switch(e){case w.Pdf:return`icon-red`;case w.Image:return`icon-purple`;case w.Document:return`icon-blue`;case w.Excel:return`icon-green`;case w.PowerPoint:return`icon-orange`;case w.Zip:return`icon-teal`;case w.File:return`icon-gray`;default:return``}},mapTypeToExtension(e){return e?{pdf:`pdf`,image:`png`,powerpoint:`pptx`}[e.toLowerCase()]:``},mapTypeToName(e){if(!e)return``;switch(e){case w.Pdf:return l.getPhrase(D,`pdf`);case w.Image:return l.getPhrase(D,`image`);case w.Document:return l.getPhrase(D,`document`);case w.Excel:return l.getPhrase(D,`spreadsheet`);case w.PowerPoint:return l.getPhrase(D,`presentation`);case w.Zip:return l.getPhrase(D,`zipArchive`);case w.File:return l.getPhrase(D,`file`);default:return``}}},k=l.encloseNamespace(`shared.badges`),A=function(e){return e.DurationExact=`duration-exact`,e.DurationApproximate=`duration-approximate`,e.Interactive=`interactive`,e.Rating=`rating`,e.ProductionYear=`production-year`,e.Captions=`captions`,e.Status=`status`,e.Trending=`trending`,e.Count=`count`,e.RoundCount=`round-count`,e.Restriction=`restriction`,e.Source=`source`,e}({}),j={xs:i.ExtraSmall,sm:i.Small,std:i.Standard,lg:i.Large},M={xs:`badge-xs`,sm:`badge-sm`,std:`badge-std`,lg:`badge-lg`};function N(e){switch(e){case g.Published:case d.Published:return`bg-success`;case g.Archived:case g.Rejected:case d.Archived:return`bg-danger`;case g.Draft:case d.Draft:return`draft-badge px-2 rounded-pill text-nowrap d-flex align-items-center`;case g.Pending:case g.Processing:return`bg-warning`}}function P(e){return e.includes(y.Streamable)?`px-1 text-nowrap d-flex align-items-center ${ee.streamable}`:e.includes(y.MoviesAndTv)?`bg-indigo text-white px-1 text-nowrap d-flex align-items-center`:e.includes(y.Exchange)?`bg-orange text-white px-1 text-nowrap d-flex align-items-center`:e.includes(y.Twig)?`bg-pink text-white px-1 text-nowrap d-flex align-items-center`:e.includes(y.Espresso)?`bg-navy text-white px-1 text-nowrap d-flex align-items-center`:``}function F(e,t,n){let r=M[n],i=``;return e===`duration-approximate`&&(i=`duration-badge-new px-2 rounded-pill text-nowrap d-flex align-items-center`),e===`duration-exact`&&(i=`duration-badge`),e===`interactive`&&(i=`interactive-badge`),e===`rating`&&(i=`rating-badge text-shadow ${O.mapRatingToClass(t.value)}`),e===`production-year`&&(i=`production-year-badge text-shadow`),e===`captions`?`p-0`:e===`status`?`badge ${N(t)}`:e===`trending`?`trending-badge px-1 d-flex align-items-center ${r}`:(e===`count`&&(i=`count-badge px-1 rounded`),e===`round-count`&&(i=`round-badge rounded-circle`),e===`restriction`?a(`restriction-badge rounded-pill px-2 d-flex align-items-center`,h.mapRestrictionToClass(t.restrictions)):(e===`source`&&(i=P(t)),a(`badge`,i)))}function I(e,t,n){if(e===`interactive`)return k(`interactive`);if(e===`duration-approximate`)return p.ToDisplayDurationNewStyle(t);if(e===`duration-exact`)return p.ToDisplayDuration(t);if(e===`rating`)return t.code;if(e===`production-year`)return t;if(e===`captions`)return(0,b.jsx)(s,{svg:S});if(e===`status`)return typeof t==`number`?g[t]:t;if(e===`trending`)return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{svg:x,size:j[n]}),(0,b.jsx)(`span`,{className:`ps-1`,children:t})]});if(e===`count`||e===`round-count`)return t;if(e===`restriction`)return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{svg:h.mapRestrictionToSvg(t.restrictions)}),(0,b.jsx)(`span`,{children:h.mapRestrictionToText(t.restrictions,t.yearGroups)})]});if(e===`source`){let e=t;return e.includes(y.Streamable)?`streamable`:e.includes(y.MoviesAndTv)?`movies + tv`:e.includes(y.Exchange)?`exchange`:e.includes(y.Twig)?`twig`:e.includes(y.Espresso)?`espresso`:`-`}}function L(e,t){return e===`rating`?{title:t.name,placement:`top`}:null}function R(e,t){return typeof t==`boolean`?!!t:e===`rating`?t&&!!t.value:e===`interactive`||e===`captions`?!!t?.length||!!t?.data?.length:e===`status`?typeof t==`number`||typeof t==`string`:!!t}function z(e){let{type:t,data:n,size:r=`std`}=e;if(!R(t,n))return(0,b.jsx)(b.Fragment,{});let i=F(t,n,r);i=`${i} ${e.inline?`d-inline-block`:`d-flex justify-content-center`} ${e.className||``}`;let a=I(t,n,r),s=L(t,n),c=e.inline&&`d-inline-block`;return s?(0,b.jsx)(`div`,{className:`badge-wrapper d-inline`,children:(0,b.jsx)(o,{...s,spanHack:!0,spanHackClassName:c,children:(0,b.jsx)(`span`,{className:i,children:a})})}):(0,b.jsx)(`span`,{className:`${i} badge-wrapper`,children:a})}function B(e={}){let{prevent:t,rootMargin:n,triggerOnce:r=!0}=e,[i,a,o]=f({triggerOnce:r,rootMargin:n});return(t===!0||window.IntersectionObserver===void 0)&&(a=!0,i=null),{ref:i,inView:a,initialized:!!o}}var V={image:`_image_pp6me_1`},H=`500px`,U=`data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=`,W=v.memo(function(e){let{forceLoad:t,extraClasses:n=``,errorFallbackImageSrc:r,preventLoad:i=!1,errorFallbackImageClassName:a,src:o,alt:s,...c}=e,{ref:l,inView:u}=B({rootMargin:H}),[d,f]=v.useState(!1);v.useEffect(()=>{if(!t&&!u||i)return;let e=new Image;return e.onerror=()=>{f(!0),r&&(e.src=r)},e.src=o,()=>e.onerror=null},[u,i]);function p(){return d&&r?r:e.src}if(d&&!r)return(0,b.jsx)(b.Fragment,{});if(!l)return(0,b.jsx)(`img`,{className:`${V.image} ${n} ${d&&a||``}`,alt:s,src:p(),...c});let m={alt:s,...c,...(u||t)&&!i?{src:p()}:{src:U}};return t||(m.ref=l),(0,b.jsx)(`img`,{className:`${V.image} ${n} ${d&&a||``}`,...m})}),G={image:`_image_1himm_1`,thumbnail:`_thumbnail_1himm_13`,tallPoster:`_tallPoster_1himm_16`,cover:`_cover_1himm_19`,banner:`_banner_1himm_22`,poster:`_poster_1himm_25`,pdf:`_pdf_1himm_28`,link:`_link_1himm_31`};function K(e){let t=G.image,n=``;return e.imageType===u.Thumbnails&&(n=`thumbnail ${G.thumbnail}`),e.imageType===u.TallPosters&&(n=G.tallPoster),e.imageType===u.Covers&&(n=G.cover),e.imageType===u.Banners&&(n=G.banner),e.imageType===u.Posters&&(n=G.poster),e.imageType===u.Pdf&&(n=G.pdf),e.imageType===u.Link&&(n=G.link),n&&(t+=` ${n}`),e.className&&(t+=` ${e.className}`),t}function q(e){let{data:t,imageOptions:n,appLink:i,preload:a,preventLoad:o,analyticsOptions:s,analyticsData:l,imageClassName:u,alt:d}=e,f=``;typeof t==`string`?f=t:r.isObject(t)&&(f=t.url);let p=f&&n?m.createUrl(f,n):f;return(0,b.jsx)(`div`,{className:K(e),style:e.imageStyle,children:(0,b.jsxs)(c,{appLink:i,analyticsData:l,analyticsOptions:s,onClick:e.onClick,preventFocus:e.preventFocus,className:e.appLinkClassName,openInNewTab:e.openInNewTab,forcePageLoad:e.forcePageLoad,children:[e.children,p&&(0,b.jsx)(W,{src:p,alt:d,forceLoad:a,preventLoad:o,extraClasses:u,errorFallbackImageSrc:e.errorFallbackImageSrc,errorFallbackImageClassName:e.errorFallbackImageClassName,onLoad:e.onLoad})]})})}var J=[`bg-pink`,`bg-orange`,`bg-green`,`bg-cyan`,`bg-teal`,`bg-blue`,`bg-indigo`,`bg-purple`];function oe(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{fill:`currentColor`,fillRule:`evenodd`,d:`M7.76 6.078a.5.5 0 0 0-.76.427v11a.5.5 0 0 0 .76.426l9.003-5.5a.5.5 0 0 0 0-.853z`,clipRule:`evenodd`})})}function Y(e){return(0,b.jsx)(`svg`,{...e,viewBox:`0 0 24 21`,children:(0,b.jsx)(`path`,{d:`M22.5 1A1.5 1.5 0 0 1 24 2.5v18a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 20.5v-18A1.5 1.5 0 0 1 1.5 1zm0 1.5h-21v18h21zm-8.21 4.092 5.84 9a.75.75 0 0 1-1.26.816L13.638 8.34l-2.523 3.591a.75.75 0 0 1-1.144.1l-.889-.89L5.1 16.45a.75.75 0 0 1-1.2-.9l4.5-6a.75.75 0 0 1 1.13-.08l.87.869 2.648-3.77a.75.75 0 0 1 1.243.023M6 4.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 1.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5`,fill:`currentColor`})})}function se(e){return(0,b.jsx)(`svg`,{...e,children:(0,b.jsx)(`path`,{fill:`currentColor`,d:`M20.283 4C21.229 4 22 4.745 22 5.66v8.74c0 .726-.478 1.338-1.151 1.565l.088-10.22a.657.657 0 0 0-.664-.66H6.351A1.71 1.71 0 0 1 7.951 4zm-2.059 1.933c.947 0 1.718.745 1.718 1.65v8.74c.01.726-.479 1.339-1.142 1.565l.088-10.24a.647.647 0 0 0-.664-.64H4.293a1.7 1.7 0 0 1 1.6-1.075zM16.05 7.95c.946 0 1.707.744 1.707 1.659v8.74c0 .915-.77 1.65-1.707 1.65H3.707C2.761 20 2 19.255 2 18.35V9.61c0-.915.77-1.66 1.707-1.66zm-.01 1.084H3.717a.647.647 0 0 0-.663.64v8.609c0 .358.292.641.663.641H16.03c.371 0 .664-.283.664-.641V9.676c.01-.358-.283-.641-.654-.641M8.546 12.39v3.178c0 .17.205.264.342.17l2.254-1.594c.117-.085.117-.255 0-.33l-2.264-1.593c-.137-.095-.332 0-.332.17`})})}function X(e,t){return t[e.charCodeAt(0)%t.length]}var Z={baseFallbackContainer:`_baseFallbackContainer_14tjv_1`,svgFallbackContainer:`_svgFallbackContainer_14tjv_1`,subjectFallbackContainer:`_subjectFallbackContainer_14tjv_9`,subjectFallbackContainerSmall:`_subjectFallbackContainerSmall_14tjv_18`,subjectFallbackContainerLarge:`_subjectFallbackContainerLarge_14tjv_21`,seriesItemFallback:`_seriesItemFallback_14tjv_24`,playlistItemFallback:`_playlistItemFallback_14tjv_24`,playlistFallback:`_playlistFallback_14tjv_28`,posterFallback:`_posterFallback_14tjv_29`,subjectFallback:`_subjectFallback_14tjv_9`,fallbackThumbnailImage:`_fallbackThumbnailImage_14tjv_47`,videoFallback:`_videoFallback_14tjv_55`,folderFallback:`_folderFallback_14tjv_56`},ce=function(e){return e[e.Playlist=0]=`Playlist`,e[e.PlaylistThumbnail=1]=`PlaylistThumbnail`,e[e.Series=2]=`Series`,e[e.SeriesThumbnail=3]=`SeriesThumbnail`,e[e.Subject=4]=`Subject`,e[e.TallSubject=5]=`TallSubject`,e[e.Video=6]=`Video`,e[e.Folder=7]=`Folder`,e}({});function le(e,t,n){if(t===4){let e=n===0?Z.subjectFallbackContainerLarge:Z.subjectFallbackContainerSmall;return`${Z.subjectFallbackContainer} ${e}`}return e===0?t===3||t===1?`${Z.svgFallbackContainer} rounded-3`:Z.svgFallbackContainer:Z.baseFallbackContainer}function ue(e){return e===3?Z.seriesItemFallback:e===1?Z.playlistItemFallback:e===0?Z.playlistFallback:e===2||e===5?Z.posterFallback:e===4?`${Z.subjectFallback} svg-container d-inline-block`:``}function Q(e){return e===3||e===1?oe:e===0?Y:e===2?se:e===4||e===5?_:null}function de(e){return e===4?i.ExtraLarge:i.Standard}$.defaultProps={mediaType:0,containerClassSize:0};function $(e){let{type:t,mediaType:n,extraClasses:r,containerClassSize:i}=e;if(t===6)return(0,b.jsx)(`div`,{className:`${Z.videoFallback} ${e.extraClasses} bg-light-blue`});if(t===7)return(0,b.jsx)(`div`,{className:`${Z.folderFallback} ${e.extraClasses} ${X(e.name,J)}`});let a=ue(t),o=Q(t),c=de(t),l=`${le(n,t,i)}`;return r&&(l+=` ${e.extraClasses}`),(0,b.jsx)(`div`,{className:l,children:n===0?(0,b.jsx)(s,{svg:o,className:`${a} ${e.svgContainerClassName??``}`,tagName:`div`,size:c}):(0,b.jsx)(`div`,{className:Z.fallbackThumbnailImage,style:{backgroundImage:`url('${o}')`}})})}export{J as a,A as c,S as d,Y as i,E as l,ce as n,q as o,X as r,z as s,$ as t,w as u};
+//# sourceMappingURL=Ch4Y5yk4.chunk.js.map