@clickview/exchange 0.50.0-rc.2 → 0.50.0

package/dist/scripts/{CmcCT6Mq.chunk.js → Ch4JUcCU.chunk.js}

@@ -1,2 +1,2 @@
-import{U as j,ao as y,ad as L,ae as S,j as a,ap as v,aq as w,R as C,ar as _,w as m,B as u,as as p,r as N}from"./app-Det8y4U1.js";import{C as A}from"./BopIehJE.chunk.js";import{A as T}from"./B93FMGSP.chunk.js";import{D as E}from"./CDVd8Gzo.chunk.js";import{B as D}from"./DzbCvkXx.chunk.js";import{I as B,a as H,u as I}from"./CidPoXbD.chunk.js";const $="_actions_1psxq_1",q="_actionsContainer_1psxq_14",z="_ownerLogo_1psxq_24",P="_dropStyle_1psxq_33",O="_dragStyle_1psxq_38",d={actions:$,actionsContainer:q,ownerLogo:z,dropStyle:P,dragStyle:O};function U(e){var i,r,f,h,b,F;const s=e.folder.thumbnail?j.urlBuilder(e.folder.thumbnail.url,{size:y.Small}):null,t=(h=(f=(r=(i=e.folder)==null?void 0:i.libraries)==null?void 0:r.data)==null?void 0:f[0])==null?void 0:h.owner,n=e.showOwnerLogo&&((b=t==null?void 0:t.logo)!=null&&b.url)?j.urlBuilder(t.logo.url,{size:y.Small}):null,l=(F=e.getFolderActions)==null?void 0:F.call(e,e.folder),o=e.analyticsData?{id:e.folder.id.toString(),name:e.folder.name,...e.analyticsData}:void 0,c=e.analyticsOptions?{actionType:S.Click,entity:L.Folder,...e.analyticsOptions}:void 0;return a.jsx(E,{draggable:e.drag&&{id:e.folder.id,data:e.folder},droppable:e.drop&&{id:e.folder.id,data:e.folder},dropStye:d.dropStyle,dragStyle:d.dragStyle,children:a.jsxs("div",{className:"position-relative",children:[a.jsxs(v,{className:"rounded-3 d-block text-decoration-none",appLink:e.getAppLink(e.folder),title:e.folder.name,analyticsData:o,analyticsOptions:c,children:[a.jsx(D,{data:s,imageType:w.Thumbnails,imageClassName:"rounded-top-lg",children:a.jsx(B,{name:e.folder.name,type:H.Folder,extraClasses:"rounded-top-lg"})}),a.jsx("h3",{className:"bg-white border-start border-end border-bottom rounded-bottom-lg font-size-normal fw-semibold mb-0 p-2",children:a.jsx("span",{className:"text-truncate d-block",children:e.folder.name})})]}),(l==null?void 0:l.length)&&a.jsx(T,{actions:l,className:d.actionsContainer,actionsDropdownClassName:d.actions,dropdownToggleSvgSize:null}),!!n&&a.jsx("img",{src:n,className:`rounded-circle ${d.ownerLogo}`,alt:`${t==null?void 0:t.name} logo`,title:(t==null?void 0:t.name)||""})]})})}const g="libraries.folderList",k="has:expanded:library:folders";function R(){const e=p();return e.xxl||e.xl||e.lg?6:e.md?4:3}G.defaultProps={showHeading:!0};function G(e){const[s,t]=C.useState(_.get(k)||!1),n=e.expandFolders||s,l=R();function o(){t(!n),_.set(k,!n)}const c=n?e.folders:e.folders.slice(0,l),i=e.folders.length>l&&!e.expandFolders;return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"d-flex justify-content-between align-items-center",children:[e.showHeading&&a.jsxs(m,{className:`d-inline-flex align-items-center mb-2 px-2 ${i?"":"cursor-default"}`,onClick:o,children:[i&&a.jsx(A,{direction:n?"down":"right"}),a.jsx("h2",{className:"h4 mb-0",children:a.jsx(u,{namespace:g,phrase:"folders",options:{count:e.folders.length}})})]}),!!(!n&&i)&&a.jsx("div",{className:"d-flex justify-content-end justify-self-end px-2",children:a.jsx(m,{onClick:o,className:"text-dark hover-text-underline d-inline-block",children:a.jsx(u,{namespace:g,phrase:"seeAll",options:{count:e.folders.length}})})}),!!(n&&i)&&a.jsx("div",{className:"d-flex justify-content-end justify-self-end px-2",children:a.jsx(m,{onClick:o,className:"text-dark hover-text-underline d-inline-block",children:a.jsx(u,{namespace:g,phrase:"seeLess"})})}),e.extraButtons?e.extraButtons:a.jsx(a.Fragment,{})]}),a.jsx("div",{className:"row mx-1",children:c.map(r=>a.jsx("div",{className:"col-4 col-md-3 col-lg-2 px-1 pb-3",children:a.jsx(U,{folder:r,getAppLink:e.getAppLink,getFolderActions:e.getFolderActions,drag:e.drag,drop:e.drop})},r.id))})]})}const K="_partialFolderHeading_1surw_1",M="_partialFolderThumbnail_1surw_4",V="_partialFolderName_1surw_7",x={partialFolderHeading:K,partialFolderThumbnail:M,partialFolderName:V},W=()=>a.jsxs("div",{className:"col-4 col-md-3 col-lg-2 px-1 pb-3",children:[a.jsx("div",{className:`${x.partialFolderThumbnail} partial-loading-background rounded-top-lg`}),a.jsx("div",{className:`${x.partialFolderName} partial-loading-background border-bottom rounded-bottom-lg font-size-normal mb-0 p-2`,children:" "})]});function ae({count:e=3}){return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:`${x.partialFolderHeading} h4 mb-2 partial-loading-background`,children:" "}),a.jsx("div",{className:"row mx-n1",children:Array(e).fill(null).map((s,t)=>a.jsx(W,{},t))})]})}function le(e,s){const t=e,n=s,l=I(e&&(o=>t(o).key));return N.useEffect(()=>{l&&l.shouldInitialFetch&&s&&n()},[l==null?void 0:l.shouldInitialFetch,s]),N.useEffect(()=>{!l||!l.nextCursor||l.isFetching||!s||n(l.nextCursor)},[l==null?void 0:l.nextCursor,l==null?void 0:l.isFetching,s]),l}export{G as F,ae as P,le as u};
-//# sourceMappingURL=CmcCT6Mq.chunk.js.map
+import{U as j,ao as y,ad as L,ae as S,j as a,ap as v,aq as w,R as C,ar as _,w as m,B as u,as as p,r as N}from"./app-C2md4v6O.js";import{C as A}from"./CLn62x3p.chunk.js";import{A as T}from"./BX6q5kK6.chunk.js";import{D as E}from"./CbbLJMD7.chunk.js";import{B as D}from"./ccYLdwq0.chunk.js";import{I as B,a as H,u as I}from"./B0940TpS.chunk.js";const $="_actions_1psxq_1",q="_actionsContainer_1psxq_14",z="_ownerLogo_1psxq_24",P="_dropStyle_1psxq_33",O="_dragStyle_1psxq_38",d={actions:$,actionsContainer:q,ownerLogo:z,dropStyle:P,dragStyle:O};function U(e){var i,r,f,h,b,F;const s=e.folder.thumbnail?j.urlBuilder(e.folder.thumbnail.url,{size:y.Small}):null,t=(h=(f=(r=(i=e.folder)==null?void 0:i.libraries)==null?void 0:r.data)==null?void 0:f[0])==null?void 0:h.owner,n=e.showOwnerLogo&&((b=t==null?void 0:t.logo)!=null&&b.url)?j.urlBuilder(t.logo.url,{size:y.Small}):null,l=(F=e.getFolderActions)==null?void 0:F.call(e,e.folder),o=e.analyticsData?{id:e.folder.id.toString(),name:e.folder.name,...e.analyticsData}:void 0,c=e.analyticsOptions?{actionType:S.Click,entity:L.Folder,...e.analyticsOptions}:void 0;return a.jsx(E,{draggable:e.drag&&{id:e.folder.id,data:e.folder},droppable:e.drop&&{id:e.folder.id,data:e.folder},dropStye:d.dropStyle,dragStyle:d.dragStyle,children:a.jsxs("div",{className:"position-relative",children:[a.jsxs(v,{className:"rounded-3 d-block text-decoration-none",appLink:e.getAppLink(e.folder),title:e.folder.name,analyticsData:o,analyticsOptions:c,children:[a.jsx(D,{data:s,imageType:w.Thumbnails,imageClassName:"rounded-top-lg",children:a.jsx(B,{name:e.folder.name,type:H.Folder,extraClasses:"rounded-top-lg"})}),a.jsx("h3",{className:"bg-white border-start border-end border-bottom rounded-bottom-lg font-size-normal fw-semibold mb-0 p-2",children:a.jsx("span",{className:"text-truncate d-block",children:e.folder.name})})]}),(l==null?void 0:l.length)&&a.jsx(T,{actions:l,className:d.actionsContainer,actionsDropdownClassName:d.actions,dropdownToggleSvgSize:null}),!!n&&a.jsx("img",{src:n,className:`rounded-circle ${d.ownerLogo}`,alt:`${t==null?void 0:t.name} logo`,title:(t==null?void 0:t.name)||""})]})})}const g="libraries.folderList",k="has:expanded:library:folders";function R(){const e=p();return e.xxl||e.xl||e.lg?6:e.md?4:3}G.defaultProps={showHeading:!0};function G(e){const[s,t]=C.useState(_.get(k)||!1),n=e.expandFolders||s,l=R();function o(){t(!n),_.set(k,!n)}const c=n?e.folders:e.folders.slice(0,l),i=e.folders.length>l&&!e.expandFolders;return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"d-flex justify-content-between align-items-center",children:[e.showHeading&&a.jsxs(m,{className:`d-inline-flex align-items-center mb-2 px-2 ${i?"":"cursor-default"}`,onClick:o,children:[i&&a.jsx(A,{direction:n?"down":"right"}),a.jsx("h2",{className:"h4 mb-0",children:a.jsx(u,{namespace:g,phrase:"folders",options:{count:e.folders.length}})})]}),!!(!n&&i)&&a.jsx("div",{className:"d-flex justify-content-end justify-self-end px-2",children:a.jsx(m,{onClick:o,className:"text-dark hover-text-underline d-inline-block",children:a.jsx(u,{namespace:g,phrase:"seeAll",options:{count:e.folders.length}})})}),!!(n&&i)&&a.jsx("div",{className:"d-flex justify-content-end justify-self-end px-2",children:a.jsx(m,{onClick:o,className:"text-dark hover-text-underline d-inline-block",children:a.jsx(u,{namespace:g,phrase:"seeLess"})})}),e.extraButtons?e.extraButtons:a.jsx(a.Fragment,{})]}),a.jsx("div",{className:"row mx-1",children:c.map(r=>a.jsx("div",{className:"col-4 col-md-3 col-lg-2 px-1 pb-3",children:a.jsx(U,{folder:r,getAppLink:e.getAppLink,getFolderActions:e.getFolderActions,drag:e.drag,drop:e.drop})},r.id))})]})}const K="_partialFolderHeading_1surw_1",M="_partialFolderThumbnail_1surw_4",V="_partialFolderName_1surw_7",x={partialFolderHeading:K,partialFolderThumbnail:M,partialFolderName:V},W=()=>a.jsxs("div",{className:"col-4 col-md-3 col-lg-2 px-1 pb-3",children:[a.jsx("div",{className:`${x.partialFolderThumbnail} partial-loading-background rounded-top-lg`}),a.jsx("div",{className:`${x.partialFolderName} partial-loading-background border-bottom rounded-bottom-lg font-size-normal mb-0 p-2`,children:" "})]});function ae({count:e=3}){return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:`${x.partialFolderHeading} h4 mb-2 partial-loading-background`,children:" "}),a.jsx("div",{className:"row mx-n1",children:Array(e).fill(null).map((s,t)=>a.jsx(W,{},t))})]})}function le(e,s){const t=e,n=s,l=I(e&&(o=>t(o).key));return N.useEffect(()=>{l&&l.shouldInitialFetch&&s&&n()},[l==null?void 0:l.shouldInitialFetch,s]),N.useEffect(()=>{!l||!l.nextCursor||l.isFetching||!s||n(l.nextCursor)},[l==null?void 0:l.nextCursor,l==null?void 0:l.isFetching,s]),l}export{G as F,ae as P,le as u};
+//# sourceMappingURL=Ch4JUcCU.chunk.js.map

package/dist/scripts/{CmcCT6Mq.chunk.js.map → Ch4JUcCU.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CmcCT6Mq.chunk.js","sources":["../../../../libs/shared/src/components/library-folder/LibraryFolder.tsx","../../../../libs/shared/src/components/folder-list/FolderList.tsx","../../../../libs/shared/src/components/folder-list/partial-loading/PartialFolderList.tsx","../../../../libs/shared/src/hooks/UseFetchAll.ts"],"sourcesContent":["import React from 'react';\n\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, EntityType, HashObject, UserAction } from 'libs/analytics/interfaces';\n\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { DragDropMoveWrapper } from 'libs/shared/components/drag-drop-move/DragDropMoveWrapper';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { Folder } from 'libs/shared/interfaces';\n\nimport styles from './library-folder.module.scss';\n\ninterface LibraryFolderProps {\n  folder: Folder;\n  showOwnerLogo?: boolean;\n  drag?: boolean;\n  drop?: boolean;\n  getAppLink: (f: Folder) => Core.AppLink;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n  analyticsOptions?: AnalyticsOptions;\n  analyticsData?: HashObject;\n}\n\nexport function LibraryFolder(props: LibraryFolderProps): JSX.Element {\n  const thumbnailUrl = props.folder.thumbnail\n    ? UrlHelper.urlBuilder(props.folder.thumbnail.url, { size: ImageSize.Small })\n    : null;\n\n  const owner = props.folder?.libraries?.data?.[0]?.owner;\n  const ownerLogoUrl = props.showOwnerLogo && !!owner?.logo?.url\n    ? UrlHelper.urlBuilder(owner.logo.url, { size: ImageSize.Small })\n    : null;\n\n  const actions = props.getFolderActions?.(props.folder);\n\n  const analyticsData = props.analyticsData ? {\n    id: props.folder.id.toString(),\n    name: props.folder.name,\n    ...props.analyticsData\n  } : undefined;\n\n  const analyticsOptions = props.analyticsOptions ? {\n    actionType: UserAction.Click,\n    entity: EntityType.Folder,\n\n    ...props.analyticsOptions\n  } : undefined;\n\n  return (\n    <DragDropMoveWrapper\n      draggable={props.drag && { id: props.folder.id, data: props.folder }}\n      droppable={props.drop && { id: props.folder.id, data: props.folder }}\n      dropStye={styles.dropStyle}\n      dragStyle={styles.dragStyle}\n    >\n      <div className='position-relative'>\n        <AppLink\n          className='rounded-3 d-block text-decoration-none'\n          appLink={props.getAppLink(props.folder)}\n          title={props.folder.name}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        >\n          <BaseImage\n            data={thumbnailUrl}\n            imageType={ImageType.Thumbnails}\n            imageClassName='rounded-top-lg'\n          >\n            <ImageFallback\n              name={props.folder.name}\n              type={ImageFallbackType.Folder}\n              extraClasses='rounded-top-lg'\n            />\n          </BaseImage>\n          <h3 className='bg-white border-start border-end border-bottom rounded-bottom-lg font-size-normal fw-semibold mb-0 p-2'>\n            <span className='text-truncate d-block'>{props.folder.name}</span>\n          </h3>\n        </AppLink>\n        {actions?.length &&\n          <Actions\n            actions={actions}\n            className={styles.actionsContainer}\n            actionsDropdownClassName={styles.actions}\n            // Intentionally setting to the default SVG size\n            dropdownToggleSvgSize={null}\n          />\n        }\n        {!!ownerLogoUrl &&\n          <img src={ownerLogoUrl} className={`rounded-circle ${styles.ownerLogo}`} alt={`${owner?.name} logo`} title={owner?.name || ''} />\n        }\n      </div>\n    </DragDropMoveWrapper>\n  );\n}","import React from 'react';\n\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Caret } from 'libs/shared/components/caret/Caret';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { LibraryFolder } from 'libs/shared/components/library-folder/LibraryFolder';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Folder } from 'libs/shared/interfaces';\n\nconst namespace = 'libraries.folderList';\n\nconst EXPANDED_FOLDERS_KEY = 'has:expanded:library:folders';\n\nfunction useGetFolderLimit(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl || breakpoints.xl || breakpoints.lg)\n    return 6;\n\n  if (breakpoints.md)\n    return 4;\n\n  return 3;\n}\n\ninterface FolderListProps {\n  folders: Folder[];\n  getAppLink: (folder: Folder) => Core.AppLink;\n  expandFolders?: boolean;\n  showHeading?: boolean;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n  drag?: boolean;\n  drop?: boolean;\n  extraButtons?: JSX.Element;\n}\n\nFolderList.defaultProps = {\n  showHeading: true\n};\n\nexport function FolderList(props: FolderListProps): JSX.Element {\n  const [ _hasExpandedFolders, setHasExpandedFolders ] = React.useState(\n    LocalStorageHelper.get(EXPANDED_FOLDERS_KEY) || false\n  );\n\n  const hasExpandedFolders = props.expandFolders || _hasExpandedFolders;\n\n  const folderLimit = useGetFolderLimit();\n\n  function onToggleFolder(): void {\n    setHasExpandedFolders(!hasExpandedFolders);\n    LocalStorageHelper.set(EXPANDED_FOLDERS_KEY, !hasExpandedFolders);\n  }\n\n  const displayableFolders = hasExpandedFolders ? props.folders : props.folders.slice(0, folderLimit);\n\n  const canToggleCollapsedView = props.folders.length > folderLimit && !props.expandFolders;\n\n  return (\n    <>\n      <div className='d-flex justify-content-between align-items-center'>\n        {props.showHeading &&\n          <DivButton\n            className={`d-inline-flex align-items-center mb-2 px-2 ${!canToggleCollapsedView ? 'cursor-default' : ''}`}\n            onClick={onToggleFolder}\n          >\n            {canToggleCollapsedView && (\n              <Caret direction={hasExpandedFolders ? 'down' : 'right'} />\n            )}\n            <h2 className='h4 mb-0'>\n              <Text namespace={namespace} phrase='folders' options={{ count: props.folders.length }} />\n            </h2>\n          </DivButton>\n        }\n\n        {!!(!hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolder} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeAll' options={{ count: props.folders.length }} />\n            </DivButton>\n          </div>\n        )}\n        {!!(hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolder} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeLess' />\n            </DivButton>\n          </div>\n        )}\n\n        {props.extraButtons ? props.extraButtons : <></>}\n      </div>\n\n      <div className='row mx-1'>\n        {displayableFolders.map(f => (\n          <div key={f.id} className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n            <LibraryFolder\n              folder={f}\n              getAppLink={props.getAppLink}\n              getFolderActions={props.getFolderActions}\n              drag={props.drag}\n              drop={props.drop}\n            />\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}","import React from 'react';\n\nimport styles from './partial-folder-list.module.scss';\n\nconst PartialFolder = () => (\n  <div className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n    <div className={`${styles.partialFolderThumbnail} partial-loading-background rounded-top-lg`} />\n    <div className={`${styles.partialFolderName} partial-loading-background border-bottom rounded-bottom-lg font-size-normal mb-0 p-2`}>\n      &nbsp;\n    </div>\n  </div>\n);\n\nexport function PartialFolderList({ count = 3 }: { count?: number; }): JSX.Element {\n  return (\n    <>\n      <div className={`${styles.partialFolderHeading} h4 mb-2 partial-loading-background`}>&nbsp;</div>\n      <div className='row mx-n1'>\n        {Array(count).fill(null).map((_, i) => <PartialFolder key={i} />)}\n      </div>\n    </>\n  );\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { SelectAllPagesResult, useSelectAllPages } from './UseSelectAllPages';\n\n/**\n * Hook to fetch all pages of a collection.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useFetchAll<T = BaseObject>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false\n): SelectAllPagesResult<T> {\n  const getRequestFn = getRequest as (cursor?: string) => Flight.Request;\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  const response = useSelectAllPages<T>(getRequest && ((cursor?: string) => getRequestFn(cursor).key));\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext)\n      fetchNextFn();\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response || !response.nextCursor || response.isFetching || !fetchNext)\n      return;\n\n    fetchNextFn(response.nextCursor);\n  }, [ response?.nextCursor, response?.isFetching, fetchNext ]);\n\n  return response;\n}"],"names":["LibraryFolder","props","thumbnailUrl","UrlHelper","ImageSize","owner","_d","_c","_b","_a","ownerLogoUrl","_e","actions","_f","analyticsData","analyticsOptions","UserAction","EntityType","jsx","DragDropMoveWrapper","styles","jsxs","AppLink","BaseImage","ImageType","ImageFallback","ImageFallbackType","Actions","namespace","EXPANDED_FOLDERS_KEY","useGetFolderLimit","breakpoints","useBreakpoints","FolderList","_hasExpandedFolders","setHasExpandedFolders","React","LocalStorageHelper","hasExpandedFolders","folderLimit","onToggleFolder","displayableFolders","canToggleCollapsedView","Fragment","DivButton","Caret","Text","f","PartialFolder","PartialFolderList","count","_","i","useFetchAll","getRequest","fetchNext","getRequestFn","fetchNextFn","response","useSelectAllPages","cursor","useEffect"],"mappings":"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"}
+{"version":3,"file":"Ch4JUcCU.chunk.js","sources":["../../../../libs/shared/src/components/library-folder/LibraryFolder.tsx","../../../../libs/shared/src/components/folder-list/FolderList.tsx","../../../../libs/shared/src/components/folder-list/partial-loading/PartialFolderList.tsx","../../../../libs/shared/src/hooks/UseFetchAll.ts"],"sourcesContent":["import React from 'react';\n\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, EntityType, HashObject, UserAction } from 'libs/analytics/interfaces';\n\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { DragDropMoveWrapper } from 'libs/shared/components/drag-drop-move/DragDropMoveWrapper';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { Folder } from 'libs/shared/interfaces';\n\nimport styles from './library-folder.module.scss';\n\ninterface LibraryFolderProps {\n  folder: Folder;\n  showOwnerLogo?: boolean;\n  drag?: boolean;\n  drop?: boolean;\n  getAppLink: (f: Folder) => Core.AppLink;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n  analyticsOptions?: AnalyticsOptions;\n  analyticsData?: HashObject;\n}\n\nexport function LibraryFolder(props: LibraryFolderProps): JSX.Element {\n  const thumbnailUrl = props.folder.thumbnail\n    ? UrlHelper.urlBuilder(props.folder.thumbnail.url, { size: ImageSize.Small })\n    : null;\n\n  const owner = props.folder?.libraries?.data?.[0]?.owner;\n  const ownerLogoUrl = props.showOwnerLogo && !!owner?.logo?.url\n    ? UrlHelper.urlBuilder(owner.logo.url, { size: ImageSize.Small })\n    : null;\n\n  const actions = props.getFolderActions?.(props.folder);\n\n  const analyticsData = props.analyticsData ? {\n    id: props.folder.id.toString(),\n    name: props.folder.name,\n    ...props.analyticsData\n  } : undefined;\n\n  const analyticsOptions = props.analyticsOptions ? {\n    actionType: UserAction.Click,\n    entity: EntityType.Folder,\n\n    ...props.analyticsOptions\n  } : undefined;\n\n  return (\n    <DragDropMoveWrapper\n      draggable={props.drag && { id: props.folder.id, data: props.folder }}\n      droppable={props.drop && { id: props.folder.id, data: props.folder }}\n      dropStye={styles.dropStyle}\n      dragStyle={styles.dragStyle}\n    >\n      <div className='position-relative'>\n        <AppLink\n          className='rounded-3 d-block text-decoration-none'\n          appLink={props.getAppLink(props.folder)}\n          title={props.folder.name}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        >\n          <BaseImage\n            data={thumbnailUrl}\n            imageType={ImageType.Thumbnails}\n            imageClassName='rounded-top-lg'\n          >\n            <ImageFallback\n              name={props.folder.name}\n              type={ImageFallbackType.Folder}\n              extraClasses='rounded-top-lg'\n            />\n          </BaseImage>\n          <h3 className='bg-white border-start border-end border-bottom rounded-bottom-lg font-size-normal fw-semibold mb-0 p-2'>\n            <span className='text-truncate d-block'>{props.folder.name}</span>\n          </h3>\n        </AppLink>\n        {actions?.length &&\n          <Actions\n            actions={actions}\n            className={styles.actionsContainer}\n            actionsDropdownClassName={styles.actions}\n            // Intentionally setting to the default SVG size\n            dropdownToggleSvgSize={null}\n          />\n        }\n        {!!ownerLogoUrl &&\n          <img src={ownerLogoUrl} className={`rounded-circle ${styles.ownerLogo}`} alt={`${owner?.name} logo`} title={owner?.name || ''} />\n        }\n      </div>\n    </DragDropMoveWrapper>\n  );\n}","import React from 'react';\n\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Caret } from 'libs/shared/components/caret/Caret';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { LibraryFolder } from 'libs/shared/components/library-folder/LibraryFolder';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Folder } from 'libs/shared/interfaces';\n\nconst namespace = 'libraries.folderList';\n\nconst EXPANDED_FOLDERS_KEY = 'has:expanded:library:folders';\n\nfunction useGetFolderLimit(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl || breakpoints.xl || breakpoints.lg)\n    return 6;\n\n  if (breakpoints.md)\n    return 4;\n\n  return 3;\n}\n\ninterface FolderListProps {\n  folders: Folder[];\n  getAppLink: (folder: Folder) => Core.AppLink;\n  expandFolders?: boolean;\n  showHeading?: boolean;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n  drag?: boolean;\n  drop?: boolean;\n  extraButtons?: JSX.Element;\n}\n\nFolderList.defaultProps = {\n  showHeading: true\n};\n\nexport function FolderList(props: FolderListProps): JSX.Element {\n  const [ _hasExpandedFolders, setHasExpandedFolders ] = React.useState(\n    LocalStorageHelper.get(EXPANDED_FOLDERS_KEY) || false\n  );\n\n  const hasExpandedFolders = props.expandFolders || _hasExpandedFolders;\n\n  const folderLimit = useGetFolderLimit();\n\n  function onToggleFolder(): void {\n    setHasExpandedFolders(!hasExpandedFolders);\n    LocalStorageHelper.set(EXPANDED_FOLDERS_KEY, !hasExpandedFolders);\n  }\n\n  const displayableFolders = hasExpandedFolders ? props.folders : props.folders.slice(0, folderLimit);\n\n  const canToggleCollapsedView = props.folders.length > folderLimit && !props.expandFolders;\n\n  return (\n    <>\n      <div className='d-flex justify-content-between align-items-center'>\n        {props.showHeading &&\n          <DivButton\n            className={`d-inline-flex align-items-center mb-2 px-2 ${!canToggleCollapsedView ? 'cursor-default' : ''}`}\n            onClick={onToggleFolder}\n          >\n            {canToggleCollapsedView && (\n              <Caret direction={hasExpandedFolders ? 'down' : 'right'} />\n            )}\n            <h2 className='h4 mb-0'>\n              <Text namespace={namespace} phrase='folders' options={{ count: props.folders.length }} />\n            </h2>\n          </DivButton>\n        }\n\n        {!!(!hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolder} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeAll' options={{ count: props.folders.length }} />\n            </DivButton>\n          </div>\n        )}\n        {!!(hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolder} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeLess' />\n            </DivButton>\n          </div>\n        )}\n\n        {props.extraButtons ? props.extraButtons : <></>}\n      </div>\n\n      <div className='row mx-1'>\n        {displayableFolders.map(f => (\n          <div key={f.id} className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n            <LibraryFolder\n              folder={f}\n              getAppLink={props.getAppLink}\n              getFolderActions={props.getFolderActions}\n              drag={props.drag}\n              drop={props.drop}\n            />\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}","import React from 'react';\n\nimport styles from './partial-folder-list.module.scss';\n\nconst PartialFolder = () => (\n  <div className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n    <div className={`${styles.partialFolderThumbnail} partial-loading-background rounded-top-lg`} />\n    <div className={`${styles.partialFolderName} partial-loading-background border-bottom rounded-bottom-lg font-size-normal mb-0 p-2`}>\n      &nbsp;\n    </div>\n  </div>\n);\n\nexport function PartialFolderList({ count = 3 }: { count?: number; }): JSX.Element {\n  return (\n    <>\n      <div className={`${styles.partialFolderHeading} h4 mb-2 partial-loading-background`}>&nbsp;</div>\n      <div className='row mx-n1'>\n        {Array(count).fill(null).map((_, i) => <PartialFolder key={i} />)}\n      </div>\n    </>\n  );\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { SelectAllPagesResult, useSelectAllPages } from './UseSelectAllPages';\n\n/**\n * Hook to fetch all pages of a collection.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useFetchAll<T = BaseObject>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false\n): SelectAllPagesResult<T> {\n  const getRequestFn = getRequest as (cursor?: string) => Flight.Request;\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  const response = useSelectAllPages<T>(getRequest && ((cursor?: string) => getRequestFn(cursor).key));\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext)\n      fetchNextFn();\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response || !response.nextCursor || response.isFetching || !fetchNext)\n      return;\n\n    fetchNextFn(response.nextCursor);\n  }, [ response?.nextCursor, response?.isFetching, fetchNext ]);\n\n  return response;\n}"],"names":["LibraryFolder","props","thumbnailUrl","UrlHelper","ImageSize","owner","_d","_c","_b","_a","ownerLogoUrl","_e","actions","_f","analyticsData","analyticsOptions","UserAction","EntityType","jsx","DragDropMoveWrapper","styles","jsxs","AppLink","BaseImage","ImageType","ImageFallback","ImageFallbackType","Actions","namespace","EXPANDED_FOLDERS_KEY","useGetFolderLimit","breakpoints","useBreakpoints","FolderList","_hasExpandedFolders","setHasExpandedFolders","React","LocalStorageHelper","hasExpandedFolders","folderLimit","onToggleFolder","displayableFolders","canToggleCollapsedView","Fragment","DivButton","Caret","Text","f","PartialFolder","PartialFolderList","count","_","i","useFetchAll","getRequest","fetchNext","getRequestFn","fetchNextFn","response","useSelectAllPages","cursor","useEffect"],"mappings":"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"}

package/dist/scripts/{CrAxON7A.chunk.js → Co1fFZfW.chunk.js}

@@ -1,2 +1,2 @@
-import{r as u,d as _,a$ as $,b0 as E,j as n,f as M,F as w,b1 as k,K as D,G as H,Q as y,as as P,aw as N,$ as h}from"./app-Det8y4U1.js";import{u as X}from"./CidPoXbD.chunk.js";import{a as T}from"./C8geGHZf.chunk.js";import{C as z}from"./C99JIGI3.chunk.js";import{M as l}from"./_sYSSSUN.chunk.js";const j=u.forwardRef(({bsPrefix:e,className:s,as:a="div",...i},o)=>{const m=_(e,"row"),c=$(),g=E(),x=`${m}-cols`,C=[];return c.forEach(t=>{const f=i[t];delete i[t];let r;f!=null&&typeof f=="object"?{cols:r}=f:r=f;const d=t!==g?`-${t}`:"";r!=null&&C.push(`${x}${d}-${r}`)}),n.jsx(a,{ref:o,...i,className:M(s,m,...C)})});j.displayName="Row";const L=400;function B(e){const s=()=>{if(!e.isFetching){if(e.scrollContainer){const{scrollContainer:a}=e,i=a.getBoundingClientRect().height+a.scrollTop,o=a.scrollHeight-L;if(i<o)return}else{const a=window.innerHeight+document.documentElement.scrollTop,i=document.documentElement.scrollHeight-L;if(a<i)return}e.fetchNextPage()}};u.useEffect(()=>{const a=w.throttle(s,200),i=e.scrollContainer||window;return e.hasMore&&i.addEventListener("scroll",a),()=>i.removeEventListener("scroll",a)},[e.hasMore,e.fetchNextPage,e.scrollContainer])}function ee(e,s,a,i,o,m){const[c,g]=u.useState(0),x=s;function C(r){if(!e)return null;const d=e(r);return d?d.key:null}const t=X(C,i,o);function f(){if(!(!s||!e||!t))return g(r=>r+1),x(t.nextCursor)}return B({fetchNextPage:f,hasMore:!!(t!=null&&t.nextCursor),isFetching:t==null?void 0:t.isFetching,scrollContainer:m}),u.useEffect(()=>{t&&t.shouldInitialFetch&&s&&(x(),g(r=>r+1))},[t==null?void 0:t.shouldInitialFetch,s]),u.useEffect(()=>{var d,v;if(!(t!=null&&t.statusCode)||!w.isFunction(a))return;const r=+((v=(d=t.statusCode)==null?void 0:d.toString())==null?void 0:v.substr(0,1));r!==k.ClientError&&r!==k.ServerError||a(c,t.statusCode)},[t==null?void 0:t.statusCode]),{items:t==null?void 0:t.items,hasMore:!!(t!=null&&t.nextCursor),nextCursor:t==null?void 0:t.nextCursor,isFetching:t==null?void 0:t.isFetching,totalItems:t==null?void 0:t.totalItems,hasFirstPageCompleted:t==null?void 0:t.hasFirstPageCompleted}}const I="_container_1kfhe_1",V="_spinner_1kfhe_4",F={container:I,spinner:V};G.defaultProps={fetchOnScroll:!1};function G(e){const[s,a]=T();return u.useEffect(()=>{var i;e.fetchOnScroll&&(!a||e.isFetching||(i=e.fetchNext)==null||i.call(e,e.nextCursor))},[a,e.isFetching]),n.jsx("div",{className:`p-3 text-center ${F.container}`,children:e.isFetching?n.jsx(D,{as:"span",animation:"border",role:"status",className:F.spinner}):n.jsx("div",{ref:s,children:n.jsx(H,{svg:z,className:"svg-container cursor-pointer",size:y.Large,onClick:()=>{var i;return(i=e.fetchNext)==null?void 0:i.call(e,e.nextCursor)}})})})}const S={getThumbnailColumns(){return{xs:12,sm:5,lg:3}},getDetailsColumns(){return{xs:12,sm:7,lg:9}},getSize(e,s){return e.sm?"sm":s||"md"},getThumbnailColSize(e){return e?10:12}},R="_partialName_157xw_4",A="_partialDescription_157xw_8",O="_partialThumbnail_157xw_12",Q="_partialDragHandle_157xw_15",b={partialName:R,partialDescription:A,partialThumbnail:O,partialDragHandle:Q};K.defaultProps={numVideos:15};function K(e){return n.jsx(n.Fragment,{children:Array(e.numVideos).fill(null).map((s,a)=>n.jsxs("div",{className:"d-flex",children:[e.allowBulkActions&&n.jsx("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.jsx(J,{...e})]},a))})}function J(e){const s=P(),i=S.getSize(s,"md")==="sm",o=e.withReordering&&!s.xs;return n.jsxs(j,{className:`${i?"":"py-2"} flex-grow-1`,children:[n.jsx(N,{...S.getThumbnailColumns(),className:`flex-column align-items-flex-start ${i?"pb-2 pe-1":"mb-1 pe-3 pe-md-2"}`,children:n.jsxs(j,{children:[!!o&&n.jsx("div",{className:"d-flex align-items-center justify-content-center col-2",children:n.jsx("div",{className:`partial-loading-background ${b.partialDragHandle}`})}),n.jsx(N,{xs:S.getThumbnailColSize(o),children:n.jsx("div",{className:`partial-loading-background ${i?"rounded":"rounded-3"} ${b.partialThumbnail}`})})]})}),n.jsxs(N,{...S.getDetailsColumns(),className:i?"pb-2":"px-2",children:[n.jsx("div",{className:`partial-loading-background mb-1 ${b.partialName}`}),n.jsx("div",{className:`partial-loading-background ${b.partialDescription}`})]})]})}U.defaultProps={checked:!1,label:"",className:""};function U(e){const{isLabelEllipsis:s}=e,a=u.useRef(null);return u.useEffect(()=>{if(a.current){if(e.checked){a.current.indeterminate&&(a.current.indeterminate=!1);return}if(e.indeterminate&&!a.current.indeterminate){a.current.indeterminate=!0;return}!e.indeterminate&&a.current.indeterminate&&(a.current.indeterminate=!1)}},[a.current,e.indeterminate,e.checked]),n.jsxs("div",{className:`form-check pe-2 ${e.className}`,children:[n.jsx("input",{ref:a,type:"checkbox",className:`${e.inputClassName} form-check-input`,id:e.id,name:e.name,checked:e.checked,onChange:e.onChange,disabled:e.disabled,"aria-checked":e.checked,"aria-label":e.ariaLabel}),e.label&&n.jsx("label",{className:"form-check-label cursor-pointer align-top",htmlFor:e.id,children:n.jsx("span",{className:`${s?"clamp-1":""}`,children:e.label})})]})}function te(e){return n.jsx("svg",{...e,children:n.jsx("path",{fill:"currentColor",d:"M16.863 20c-.662 0-1.21-.567-1.21-1.252s.548-1.252 1.21-1.252c.663 0 1.21.567 1.21 1.252S17.527 20 16.864 20m0-1.441a.183.183 0 0 0-.182.189c0 .118.068.189.182.189.115 0 .183-.071.183-.19a.183.183 0 0 0-.183-.188m0-.118a.516.516 0 0 1-.502-.52v-6.19L11.75 9.158a.53.53 0 0 1-.205-.71c.137-.26.456-.354.685-.212l4.886 2.717a.57.57 0 0 1 .274.473v6.496a.52.52 0 0 1-.526.52m-4.908-4.205a.8.8 0 0 1-.229-.048L2.296 9.51A.55.55 0 0 1 2 9.014c0-.212.114-.401.297-.472l9.52-4.489a.47.47 0 0 1 .434 0l9.452 4.489a.55.55 0 0 1 .297.472.49.49 0 0 1-.297.473l-9.52 4.701a.8.8 0 0 1-.228.048m-8.22-5.198 8.22 4.087 8.288-4.087-8.22-3.898zm8.151 8.41c-4.749 0-6.644-2.905-6.712-3.047a.7.7 0 0 1-.092-.284V10.81c0-.283.229-.52.503-.52s.502.237.502.52v3.142c.388.496 2.077 2.434 5.776 2.434 3.653 0 5.548-1.938 6.005-2.457v-2.93c0-.284.228-.52.502-.52s.502.236.502.52v3.118a.6.6 0 0 1-.091.307c-.046.142-2.192 3.024-6.895 3.024"})})}function ae(){const e=h(l.XS),s=h(l.SM),a=h(l.MD),i=h(l.LG),o=h(l.XL),m=h(l.XXL);let c=l.LG;return e&&(c=l.XS),s&&(c=l.SM),a&&(c=l.MD),i&&(c=l.LG),o&&(c=l.XL),m&&(c=l.XXL),c}export{U as C,te as G,G as I,K as P,j as R,S as V,ae as a,ee as u};
-//# sourceMappingURL=CrAxON7A.chunk.js.map
+import{r as u,d as _,a$ as $,b0 as E,j as n,f as M,F as w,b1 as k,K as D,G as H,Q as y,as as P,aw as N,$ as h}from"./app-C2md4v6O.js";import{u as X}from"./B0940TpS.chunk.js";import{a as T}from"./B_Fzcc5G.chunk.js";import{C as z}from"./Blfyr1LY.chunk.js";import{M as l}from"./_sYSSSUN.chunk.js";const j=u.forwardRef(({bsPrefix:e,className:s,as:a="div",...i},o)=>{const m=_(e,"row"),c=$(),g=E(),x=`${m}-cols`,C=[];return c.forEach(t=>{const f=i[t];delete i[t];let r;f!=null&&typeof f=="object"?{cols:r}=f:r=f;const d=t!==g?`-${t}`:"";r!=null&&C.push(`${x}${d}-${r}`)}),n.jsx(a,{ref:o,...i,className:M(s,m,...C)})});j.displayName="Row";const L=400;function B(e){const s=()=>{if(!e.isFetching){if(e.scrollContainer){const{scrollContainer:a}=e,i=a.getBoundingClientRect().height+a.scrollTop,o=a.scrollHeight-L;if(i<o)return}else{const a=window.innerHeight+document.documentElement.scrollTop,i=document.documentElement.scrollHeight-L;if(a<i)return}e.fetchNextPage()}};u.useEffect(()=>{const a=w.throttle(s,200),i=e.scrollContainer||window;return e.hasMore&&i.addEventListener("scroll",a),()=>i.removeEventListener("scroll",a)},[e.hasMore,e.fetchNextPage,e.scrollContainer])}function ee(e,s,a,i,o,m){const[c,g]=u.useState(0),x=s;function C(r){if(!e)return null;const d=e(r);return d?d.key:null}const t=X(C,i,o);function f(){if(!(!s||!e||!t))return g(r=>r+1),x(t.nextCursor)}return B({fetchNextPage:f,hasMore:!!(t!=null&&t.nextCursor),isFetching:t==null?void 0:t.isFetching,scrollContainer:m}),u.useEffect(()=>{t&&t.shouldInitialFetch&&s&&(x(),g(r=>r+1))},[t==null?void 0:t.shouldInitialFetch,s]),u.useEffect(()=>{var d,v;if(!(t!=null&&t.statusCode)||!w.isFunction(a))return;const r=+((v=(d=t.statusCode)==null?void 0:d.toString())==null?void 0:v.substr(0,1));r!==k.ClientError&&r!==k.ServerError||a(c,t.statusCode)},[t==null?void 0:t.statusCode]),{items:t==null?void 0:t.items,hasMore:!!(t!=null&&t.nextCursor),nextCursor:t==null?void 0:t.nextCursor,isFetching:t==null?void 0:t.isFetching,totalItems:t==null?void 0:t.totalItems,hasFirstPageCompleted:t==null?void 0:t.hasFirstPageCompleted}}const I="_container_1kfhe_1",V="_spinner_1kfhe_4",F={container:I,spinner:V};G.defaultProps={fetchOnScroll:!1};function G(e){const[s,a]=T();return u.useEffect(()=>{var i;e.fetchOnScroll&&(!a||e.isFetching||(i=e.fetchNext)==null||i.call(e,e.nextCursor))},[a,e.isFetching]),n.jsx("div",{className:`p-3 text-center ${F.container}`,children:e.isFetching?n.jsx(D,{as:"span",animation:"border",role:"status",className:F.spinner}):n.jsx("div",{ref:s,children:n.jsx(H,{svg:z,className:"svg-container cursor-pointer",size:y.Large,onClick:()=>{var i;return(i=e.fetchNext)==null?void 0:i.call(e,e.nextCursor)}})})})}const S={getThumbnailColumns(){return{xs:12,sm:5,lg:3}},getDetailsColumns(){return{xs:12,sm:7,lg:9}},getSize(e,s){return e.sm?"sm":s||"md"},getThumbnailColSize(e){return e?10:12}},R="_partialName_157xw_4",A="_partialDescription_157xw_8",O="_partialThumbnail_157xw_12",Q="_partialDragHandle_157xw_15",b={partialName:R,partialDescription:A,partialThumbnail:O,partialDragHandle:Q};K.defaultProps={numVideos:15};function K(e){return n.jsx(n.Fragment,{children:Array(e.numVideos).fill(null).map((s,a)=>n.jsxs("div",{className:"d-flex",children:[e.allowBulkActions&&n.jsx("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.jsx(J,{...e})]},a))})}function J(e){const s=P(),i=S.getSize(s,"md")==="sm",o=e.withReordering&&!s.xs;return n.jsxs(j,{className:`${i?"":"py-2"} flex-grow-1`,children:[n.jsx(N,{...S.getThumbnailColumns(),className:`flex-column align-items-flex-start ${i?"pb-2 pe-1":"mb-1 pe-3 pe-md-2"}`,children:n.jsxs(j,{children:[!!o&&n.jsx("div",{className:"d-flex align-items-center justify-content-center col-2",children:n.jsx("div",{className:`partial-loading-background ${b.partialDragHandle}`})}),n.jsx(N,{xs:S.getThumbnailColSize(o),children:n.jsx("div",{className:`partial-loading-background ${i?"rounded":"rounded-3"} ${b.partialThumbnail}`})})]})}),n.jsxs(N,{...S.getDetailsColumns(),className:i?"pb-2":"px-2",children:[n.jsx("div",{className:`partial-loading-background mb-1 ${b.partialName}`}),n.jsx("div",{className:`partial-loading-background ${b.partialDescription}`})]})]})}U.defaultProps={checked:!1,label:"",className:""};function U(e){const{isLabelEllipsis:s}=e,a=u.useRef(null);return u.useEffect(()=>{if(a.current){if(e.checked){a.current.indeterminate&&(a.current.indeterminate=!1);return}if(e.indeterminate&&!a.current.indeterminate){a.current.indeterminate=!0;return}!e.indeterminate&&a.current.indeterminate&&(a.current.indeterminate=!1)}},[a.current,e.indeterminate,e.checked]),n.jsxs("div",{className:`form-check pe-2 ${e.className}`,children:[n.jsx("input",{ref:a,type:"checkbox",className:`${e.inputClassName} form-check-input`,id:e.id,name:e.name,checked:e.checked,onChange:e.onChange,disabled:e.disabled,"aria-checked":e.checked,"aria-label":e.ariaLabel}),e.label&&n.jsx("label",{className:"form-check-label cursor-pointer align-top",htmlFor:e.id,children:n.jsx("span",{className:`${s?"clamp-1":""}`,children:e.label})})]})}function te(e){return n.jsx("svg",{...e,children:n.jsx("path",{fill:"currentColor",d:"M16.863 20c-.662 0-1.21-.567-1.21-1.252s.548-1.252 1.21-1.252c.663 0 1.21.567 1.21 1.252S17.527 20 16.864 20m0-1.441a.183.183 0 0 0-.182.189c0 .118.068.189.182.189.115 0 .183-.071.183-.19a.183.183 0 0 0-.183-.188m0-.118a.516.516 0 0 1-.502-.52v-6.19L11.75 9.158a.53.53 0 0 1-.205-.71c.137-.26.456-.354.685-.212l4.886 2.717a.57.57 0 0 1 .274.473v6.496a.52.52 0 0 1-.526.52m-4.908-4.205a.8.8 0 0 1-.229-.048L2.296 9.51A.55.55 0 0 1 2 9.014c0-.212.114-.401.297-.472l9.52-4.489a.47.47 0 0 1 .434 0l9.452 4.489a.55.55 0 0 1 .297.472.49.49 0 0 1-.297.473l-9.52 4.701a.8.8 0 0 1-.228.048m-8.22-5.198 8.22 4.087 8.288-4.087-8.22-3.898zm8.151 8.41c-4.749 0-6.644-2.905-6.712-3.047a.7.7 0 0 1-.092-.284V10.81c0-.283.229-.52.503-.52s.502.237.502.52v3.142c.388.496 2.077 2.434 5.776 2.434 3.653 0 5.548-1.938 6.005-2.457v-2.93c0-.284.228-.52.502-.52s.502.236.502.52v3.118a.6.6 0 0 1-.091.307c-.046.142-2.192 3.024-6.895 3.024"})})}function ae(){const e=h(l.XS),s=h(l.SM),a=h(l.MD),i=h(l.LG),o=h(l.XL),m=h(l.XXL);let c=l.LG;return e&&(c=l.XS),s&&(c=l.SM),a&&(c=l.MD),i&&(c=l.LG),o&&(c=l.XL),m&&(c=l.XXL),c}export{U as C,te as G,G as I,K as P,j as R,S as V,ae as a,ee as u};
+//# sourceMappingURL=Co1fFZfW.chunk.js.map

package/dist/scripts/{CrAxON7A.chunk.js.map → Co1fFZfW.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CrAxON7A.chunk.js","sources":["../../../../../node_modules/react-bootstrap/esm/Row.js","../../../../libs/shared/src/hooks/UseInfiniteScroll.ts","../../../../libs/shared/src/hooks/UseInfiniteList.ts","../../../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","../../../../libs/shared/src/components/video-list/VideoListHelper.tsx","../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","../../../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx","../../../../libs/shared/src/images/svg/objects/GraduationCapSvg.tsx","../../../../libs/shared/src/hooks/UseGetMediaQueryString.ts"],"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;","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n  fetchNextPage: () => void;\n  hasMore: boolean;\n  isFetching: boolean;\n  scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n  const handleScroll = (): void => {\n    if (options.isFetching)\n      return;\n\n    if (!options.scrollContainer) {\n      const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n  \n      const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    } else {\n      const { scrollContainer } = options;\n      const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n  \n      const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    }\n\n    options.fetchNextPage();\n  };\n\n  useEffect(() => {\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n    const scrollContainer = options.scrollContainer || window;\n\n    if (options.hasMore)\n      scrollContainer.addEventListener('scroll', onScroll);\n\n    return () => scrollContainer.removeEventListener('scroll', onScroll);\n  }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n  items: T[];\n  hasMore: boolean;\n  isFetching: boolean;\n  nextCursor: string;\n  totalItems?: number;\n  hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false,\n  onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n  getItems?: (responseData: TResponse) => TObject[],\n  getCursor?: (responseData: TResponse) => string,\n  scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n  const [ pagesFetched, setPagesFetched ] = useState(0);\n\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  function getKey(cursor?: string): string {\n    if (!getRequest)\n      return null;\n\n    const request = getRequest(cursor);\n\n    if (!request)\n      return null;\n\n    return request.key;\n  }\n\n  const response = useSelectAllPages<TObject, TResponse>(\n    getKey,\n    getItems,\n    getCursor\n  );\n\n  function fetchNextPage(): void {\n    if (!fetchNext || !getRequest || !response)\n      return;\n\n    setPagesFetched(currentVal => currentVal + 1);\n    return fetchNextFn(response.nextCursor);\n  }\n\n  useInfiniteScroll({\n    fetchNextPage,\n    hasMore: !!response?.nextCursor,\n    isFetching: response?.isFetching,\n    scrollContainer\n  });\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext) {\n      fetchNextFn();\n      setPagesFetched(currentVal => currentVal + 1);\n    }\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n      return;\n\n    const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n    if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n      return;\n\n    onError(pagesFetched, response.statusCode);\n  }, [response?.statusCode]);\n\n  return {\n    items: response?.items,\n    hasMore: !!response?.nextCursor,\n    nextCursor: response?.nextCursor,\n    isFetching: response?.isFetching,\n    totalItems: response?.totalItems,\n    hasFirstPageCompleted: response?.hasFirstPageCompleted\n  };\n}","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ChevronDownSvg } from 'libs/shared/images/svg/arrows/ChevronDownSvg';\n\nimport styles from './infinite-scroll-footer.module.scss';\n\ninterface InfiniteScrollFooterProps {\n  isFetching: boolean;\n  fetchNext?: (nextCursor: string) => void;\n  nextCursor?: string;\n  fetchOnScroll?: boolean;\n}\n\nInfiniteScrollFooter.defaultProps = {\n  fetchOnScroll: false\n};\n\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\n  const [ ref, inView ] = useInView();\n\n  React.useEffect(() => {\n    if (!props.fetchOnScroll)\n      return;\n\n    if (!inView || props.isFetching)\n      return;\n\n    props.fetchNext?.(props.nextCursor);\n  }, [ inView, props.isFetching ]);\n\n  return (\n    <div className={`p-3 text-center ${styles.container}`}>\n      {props.isFetching\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\n        : (\n          <div ref={ref}>\n            <SvgContainer\n              svg={ChevronDownSvg}\n              className='svg-container cursor-pointer'\n              size={SvgContainerSize.Large}\n              onClick={() => props.fetchNext?.(props.nextCursor)}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}","import { ColProps } from 'react-bootstrap';\n\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nexport const VideoListHelper = {\n  getThumbnailColumns(): ColProps {\n    return {\n      xs: 12,\n      sm: 5,\n      lg: 3\n    };\n  },\n\n  getDetailsColumns(): ColProps {\n    return {\n      xs: 12,\n      sm: 7,\n      lg: 9\n    };\n  },\n\n  getSize(breakpoints: Breakpoints, size: VideoItemSize): VideoItemSize {\n    if (breakpoints.sm)\n      return 'sm';\n  \n    return size || 'md';\n  },\n\n  getThumbnailColSize(hasDragHandle: boolean): number {\n    return hasDragHandle ? 10 : 12;\n  }\n};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.module.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import * as React from 'react';\n\ninterface CheckboxProps {\n  id: string;\n  checked: boolean;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  label?: string;\n  ariaLabel?: string;\n  name?: string;\n  className?: string;\n  inputClassName?: string;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  isLabelEllipsis?: boolean;\n}\n\nCheckbox.defaultProps = {\n  checked: false,\n  label: '',\n  className: ''\n};\n\n/**\n * Use this checkbox outside of Formik contexts\n */\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const { isLabelEllipsis } = props;\n  const ref = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (!ref.current)\n      return;\n\n    if (props.checked) {\n      if (ref.current.indeterminate)\n        ref.current.indeterminate = false;\n\n      return;\n    }\n\n    if (props.indeterminate && !ref.current.indeterminate) {\n      ref.current.indeterminate = true;\n      return;\n    }\n\n    if (!props.indeterminate && ref.current.indeterminate)\n      ref.current.indeterminate = false;\n  }, [ ref.current, props.indeterminate, props.checked ]);\n\n  return (\n    <div className={`form-check pe-2 ${props.className}`}>\n      <input\n        ref={ref}\n        type='checkbox'\n        className={`${props.inputClassName} form-check-input`}\n        id={props.id}\n        name={props.name}\n        checked={props.checked}\n        onChange={props.onChange}\n        disabled={props.disabled}\n        aria-checked={props.checked}\n        aria-label={props.ariaLabel}\n      />\n      {props.label && (\n        <label className='form-check-label cursor-pointer align-top' htmlFor={props.id}>\n          <span className={`${isLabelEllipsis ? 'clamp-1' : ''}`}>{props.label}</span>\n        </label>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\n\nexport function GraduationCapSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        d='M16.863 20c-.662 0-1.21-.567-1.21-1.252s.548-1.252 1.21-1.252c.663 0 1.21.567 1.21 1.252S17.527 20 16.864 20m0-1.441a.183.183 0 0 0-.182.189c0 .118.068.189.182.189.115 0 .183-.071.183-.19a.183.183 0 0 0-.183-.188m0-.118a.516.516 0 0 1-.502-.52v-6.19L11.75 9.158a.53.53 0 0 1-.205-.71c.137-.26.456-.354.685-.212l4.886 2.717a.57.57 0 0 1 .274.473v6.496a.52.52 0 0 1-.526.52m-4.908-4.205a.8.8 0 0 1-.229-.048L2.296 9.51A.55.55 0 0 1 2 9.014c0-.212.114-.401.297-.472l9.52-4.489a.47.47 0 0 1 .434 0l9.452 4.489a.55.55 0 0 1 .297.472.49.49 0 0 1-.297.473l-9.52 4.701a.8.8 0 0 1-.228.048m-8.22-5.198 8.22 4.087 8.288-4.087-8.22-3.898zm8.151 8.41c-4.749 0-6.644-2.905-6.712-3.047a.7.7 0 0 1-.092-.284V10.81c0-.283.229-.52.503-.52s.502.237.502.52v3.142c.388.496 2.077 2.434 5.776 2.434 3.653 0 5.548-1.938 6.005-2.457v-2.93c0-.284.228-.52.502-.52s.502.236.502.52v3.118a.6.6 0 0 1-.091.307c-.046.142-2.192 3.024-6.895 3.024'\n      />\n    </svg>\n  );\n}\n","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/**\n * @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n  const isXS = useMediaQuery(MediaQueryStrings.XS);\n  const isSM = useMediaQuery(MediaQueryStrings.SM);\n  const isMD = useMediaQuery(MediaQueryStrings.MD);\n  const isLG = useMediaQuery(MediaQueryStrings.LG);\n  const isXL = useMediaQuery(MediaQueryStrings.XL);\n  const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n  let currentString = MediaQueryStrings.LG; // default\n  if (isXS) currentString = MediaQueryStrings.XS;\n  if (isSM) currentString = MediaQueryStrings.SM;\n  if (isMD) currentString = MediaQueryStrings.MD;\n  if (isLG) currentString = MediaQueryStrings.LG;\n  if (isXL) currentString = MediaQueryStrings.XL;\n  if (isXXL) currentString = MediaQueryStrings.XXL;\n\n  return currentString;\n}"],"names":["Row","React.forwardRef","bsPrefix","className","Component","props","ref","decoratedBsPrefix","useBootstrapPrefix","breakpoints","useBootstrapBreakpoints","minBreakpoint","useBootstrapMinBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","_jsx","classNames","SCROLL_TOLERANCE","useInfiniteScroll","options","handleScroll","scrollContainer","currentScrollHeight","totalHeight","useEffect","onScroll","FunctionHelper","useInfiniteList","getRequest","fetchNext","onError","getItems","getCursor","pagesFetched","setPagesFetched","useState","fetchNextFn","getKey","cursor","request","response","useSelectAllPages","fetchNextPage","currentVal","httpStatusClass","_b","_a","HttpStatusClass","InfiniteScrollFooter","inView","useInView","React.useEffect","jsx","styles","Spinner","SvgContainer","ChevronDownSvg","SvgContainerSize","VideoListHelper","size","hasDragHandle","PartialVideoList","Fragment","_","i","jsxs","PartialVideoItem","useBreakpoints","isSmall","withDragHandle","Col","Checkbox","isLabelEllipsis","React.useRef","GraduationCapSvg","useGetMediaQueryString","isXS","useMediaQuery","MediaQueryStrings","isSM","isMD","isLG","isXL","isXXL","currentString"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Co1fFZfW.chunk.js","sources":["../../../../../node_modules/react-bootstrap/esm/Row.js","../../../../libs/shared/src/hooks/UseInfiniteScroll.ts","../../../../libs/shared/src/hooks/UseInfiniteList.ts","../../../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","../../../../libs/shared/src/components/video-list/VideoListHelper.tsx","../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","../../../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx","../../../../libs/shared/src/images/svg/objects/GraduationCapSvg.tsx","../../../../libs/shared/src/hooks/UseGetMediaQueryString.ts"],"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;","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n  fetchNextPage: () => void;\n  hasMore: boolean;\n  isFetching: boolean;\n  scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n  const handleScroll = (): void => {\n    if (options.isFetching)\n      return;\n\n    if (!options.scrollContainer) {\n      const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n  \n      const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    } else {\n      const { scrollContainer } = options;\n      const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n  \n      const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    }\n\n    options.fetchNextPage();\n  };\n\n  useEffect(() => {\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n    const scrollContainer = options.scrollContainer || window;\n\n    if (options.hasMore)\n      scrollContainer.addEventListener('scroll', onScroll);\n\n    return () => scrollContainer.removeEventListener('scroll', onScroll);\n  }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n  items: T[];\n  hasMore: boolean;\n  isFetching: boolean;\n  nextCursor: string;\n  totalItems?: number;\n  hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false,\n  onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n  getItems?: (responseData: TResponse) => TObject[],\n  getCursor?: (responseData: TResponse) => string,\n  scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n  const [ pagesFetched, setPagesFetched ] = useState(0);\n\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  function getKey(cursor?: string): string {\n    if (!getRequest)\n      return null;\n\n    const request = getRequest(cursor);\n\n    if (!request)\n      return null;\n\n    return request.key;\n  }\n\n  const response = useSelectAllPages<TObject, TResponse>(\n    getKey,\n    getItems,\n    getCursor\n  );\n\n  function fetchNextPage(): void {\n    if (!fetchNext || !getRequest || !response)\n      return;\n\n    setPagesFetched(currentVal => currentVal + 1);\n    return fetchNextFn(response.nextCursor);\n  }\n\n  useInfiniteScroll({\n    fetchNextPage,\n    hasMore: !!response?.nextCursor,\n    isFetching: response?.isFetching,\n    scrollContainer\n  });\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext) {\n      fetchNextFn();\n      setPagesFetched(currentVal => currentVal + 1);\n    }\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n      return;\n\n    const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n    if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n      return;\n\n    onError(pagesFetched, response.statusCode);\n  }, [response?.statusCode]);\n\n  return {\n    items: response?.items,\n    hasMore: !!response?.nextCursor,\n    nextCursor: response?.nextCursor,\n    isFetching: response?.isFetching,\n    totalItems: response?.totalItems,\n    hasFirstPageCompleted: response?.hasFirstPageCompleted\n  };\n}","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ChevronDownSvg } from 'libs/shared/images/svg/arrows/ChevronDownSvg';\n\nimport styles from './infinite-scroll-footer.module.scss';\n\ninterface InfiniteScrollFooterProps {\n  isFetching: boolean;\n  fetchNext?: (nextCursor: string) => void;\n  nextCursor?: string;\n  fetchOnScroll?: boolean;\n}\n\nInfiniteScrollFooter.defaultProps = {\n  fetchOnScroll: false\n};\n\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\n  const [ ref, inView ] = useInView();\n\n  React.useEffect(() => {\n    if (!props.fetchOnScroll)\n      return;\n\n    if (!inView || props.isFetching)\n      return;\n\n    props.fetchNext?.(props.nextCursor);\n  }, [ inView, props.isFetching ]);\n\n  return (\n    <div className={`p-3 text-center ${styles.container}`}>\n      {props.isFetching\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\n        : (\n          <div ref={ref}>\n            <SvgContainer\n              svg={ChevronDownSvg}\n              className='svg-container cursor-pointer'\n              size={SvgContainerSize.Large}\n              onClick={() => props.fetchNext?.(props.nextCursor)}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}","import { ColProps } from 'react-bootstrap';\n\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nexport const VideoListHelper = {\n  getThumbnailColumns(): ColProps {\n    return {\n      xs: 12,\n      sm: 5,\n      lg: 3\n    };\n  },\n\n  getDetailsColumns(): ColProps {\n    return {\n      xs: 12,\n      sm: 7,\n      lg: 9\n    };\n  },\n\n  getSize(breakpoints: Breakpoints, size: VideoItemSize): VideoItemSize {\n    if (breakpoints.sm)\n      return 'sm';\n  \n    return size || 'md';\n  },\n\n  getThumbnailColSize(hasDragHandle: boolean): number {\n    return hasDragHandle ? 10 : 12;\n  }\n};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.module.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import * as React from 'react';\n\ninterface CheckboxProps {\n  id: string;\n  checked: boolean;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  label?: string;\n  ariaLabel?: string;\n  name?: string;\n  className?: string;\n  inputClassName?: string;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  isLabelEllipsis?: boolean;\n}\n\nCheckbox.defaultProps = {\n  checked: false,\n  label: '',\n  className: ''\n};\n\n/**\n * Use this checkbox outside of Formik contexts\n */\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const { isLabelEllipsis } = props;\n  const ref = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (!ref.current)\n      return;\n\n    if (props.checked) {\n      if (ref.current.indeterminate)\n        ref.current.indeterminate = false;\n\n      return;\n    }\n\n    if (props.indeterminate && !ref.current.indeterminate) {\n      ref.current.indeterminate = true;\n      return;\n    }\n\n    if (!props.indeterminate && ref.current.indeterminate)\n      ref.current.indeterminate = false;\n  }, [ ref.current, props.indeterminate, props.checked ]);\n\n  return (\n    <div className={`form-check pe-2 ${props.className}`}>\n      <input\n        ref={ref}\n        type='checkbox'\n        className={`${props.inputClassName} form-check-input`}\n        id={props.id}\n        name={props.name}\n        checked={props.checked}\n        onChange={props.onChange}\n        disabled={props.disabled}\n        aria-checked={props.checked}\n        aria-label={props.ariaLabel}\n      />\n      {props.label && (\n        <label className='form-check-label cursor-pointer align-top' htmlFor={props.id}>\n          <span className={`${isLabelEllipsis ? 'clamp-1' : ''}`}>{props.label}</span>\n        </label>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\n\nexport function GraduationCapSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        d='M16.863 20c-.662 0-1.21-.567-1.21-1.252s.548-1.252 1.21-1.252c.663 0 1.21.567 1.21 1.252S17.527 20 16.864 20m0-1.441a.183.183 0 0 0-.182.189c0 .118.068.189.182.189.115 0 .183-.071.183-.19a.183.183 0 0 0-.183-.188m0-.118a.516.516 0 0 1-.502-.52v-6.19L11.75 9.158a.53.53 0 0 1-.205-.71c.137-.26.456-.354.685-.212l4.886 2.717a.57.57 0 0 1 .274.473v6.496a.52.52 0 0 1-.526.52m-4.908-4.205a.8.8 0 0 1-.229-.048L2.296 9.51A.55.55 0 0 1 2 9.014c0-.212.114-.401.297-.472l9.52-4.489a.47.47 0 0 1 .434 0l9.452 4.489a.55.55 0 0 1 .297.472.49.49 0 0 1-.297.473l-9.52 4.701a.8.8 0 0 1-.228.048m-8.22-5.198 8.22 4.087 8.288-4.087-8.22-3.898zm8.151 8.41c-4.749 0-6.644-2.905-6.712-3.047a.7.7 0 0 1-.092-.284V10.81c0-.283.229-.52.503-.52s.502.237.502.52v3.142c.388.496 2.077 2.434 5.776 2.434 3.653 0 5.548-1.938 6.005-2.457v-2.93c0-.284.228-.52.502-.52s.502.236.502.52v3.118a.6.6 0 0 1-.091.307c-.046.142-2.192 3.024-6.895 3.024'\n      />\n    </svg>\n  );\n}\n","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/**\n * @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n  const isXS = useMediaQuery(MediaQueryStrings.XS);\n  const isSM = useMediaQuery(MediaQueryStrings.SM);\n  const isMD = useMediaQuery(MediaQueryStrings.MD);\n  const isLG = useMediaQuery(MediaQueryStrings.LG);\n  const isXL = useMediaQuery(MediaQueryStrings.XL);\n  const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n  let currentString = MediaQueryStrings.LG; // default\n  if (isXS) currentString = MediaQueryStrings.XS;\n  if (isSM) currentString = MediaQueryStrings.SM;\n  if (isMD) currentString = MediaQueryStrings.MD;\n  if (isLG) currentString = MediaQueryStrings.LG;\n  if (isXL) currentString = MediaQueryStrings.XL;\n  if (isXXL) currentString = MediaQueryStrings.XXL;\n\n  return currentString;\n}"],"names":["Row","React.forwardRef","bsPrefix","className","Component","props","ref","decoratedBsPrefix","useBootstrapPrefix","breakpoints","useBootstrapBreakpoints","minBreakpoint","useBootstrapMinBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","_jsx","classNames","SCROLL_TOLERANCE","useInfiniteScroll","options","handleScroll","scrollContainer","currentScrollHeight","totalHeight","useEffect","onScroll","FunctionHelper","useInfiniteList","getRequest","fetchNext","onError","getItems","getCursor","pagesFetched","setPagesFetched","useState","fetchNextFn","getKey","cursor","request","response","useSelectAllPages","fetchNextPage","currentVal","httpStatusClass","_b","_a","HttpStatusClass","InfiniteScrollFooter","inView","useInView","React.useEffect","jsx","styles","Spinner","SvgContainer","ChevronDownSvg","SvgContainerSize","VideoListHelper","size","hasDragHandle","PartialVideoList","Fragment","_","i","jsxs","PartialVideoItem","useBreakpoints","isSmall","withDragHandle","Col","Checkbox","isLabelEllipsis","React.useRef","GraduationCapSvg","useGetMediaQueryString","isXS","useMediaQuery","MediaQueryStrings","isSM","isMD","isLG","isXL","isXXL","currentString"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/scripts/{-rDA7laA.chunk.js → Cr24Qwk-.chunk.js}

@@ -1,2 +1,2 @@
-import{j as e,al as i,B as d,x as n,L as l,G as o,aJ as r,a2 as m,P as x,aC as u}from"./app-Det8y4U1.js";const h="_myVideosButton_5ybcl_1",y={myVideosButton:h},a="shared.alreadyAdded",j=l.encloseNamespace(a);function g(s){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mx-auto w-75 mt-1 mb-2",children:e.jsx("img",{src:i.General.CONFETTI,className:"img-fluid",draggable:!1})}),e.jsxs("div",{className:"text-center pb-3",children:[e.jsx("h4",{children:s.alreadyAdded?e.jsx(d,{namespace:a,phrase:"alreadyAdded"}):e.jsx(d,{namespace:a,phrase:"successfullyAdded"})}),!s.alreadyAdded&&e.jsx("p",{children:e.jsx(d,{namespace:a,phrase:"successfullyAddedDescription"})})]}),e.jsxs(n,{children:[e.jsx(n.Cancel,{text:j(s.alreadyAdded?"addAnyway":"close"),onClick:s.onClickClose,variant:"link"}),e.jsxs("a",{href:`${s.liteUrl}${s.videoId?"/videos/"+s.videoId:"/my-videos"}`,className:`${y.myVideosButton} btn btn-dark d-flex align-items-center`,children:[e.jsx("span",{className:"me-1",children:e.jsx(d,{namespace:a,phrase:s.videoId?"watchVideo":"myVideos"})}),e.jsx(o,{svg:r})]})]})]})}const A="shared.alreadyAdded",v=l.encloseNamespace(A);function p(s){const{alreadyAdded:c}=s.params,t=m(u.config());return e.jsx(x,{title:v("title"),closePopup:s.closePopup,children:e.jsx(g,{liteUrl:t.data.liteUrl,alreadyAdded:c,onClickClose:s.closePopup})})}export{p as TvAlreadyAddedView};
-//# sourceMappingURL=-rDA7laA.chunk.js.map
+import{j as e,al as i,B as d,x as n,L as l,G as o,aJ as r,a2 as m,P as x,aC as u}from"./app-C2md4v6O.js";const h="_myVideosButton_5ybcl_1",y={myVideosButton:h},a="shared.alreadyAdded",j=l.encloseNamespace(a);function g(s){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mx-auto w-75 mt-1 mb-2",children:e.jsx("img",{src:i.General.CONFETTI,className:"img-fluid",draggable:!1})}),e.jsxs("div",{className:"text-center pb-3",children:[e.jsx("h4",{children:s.alreadyAdded?e.jsx(d,{namespace:a,phrase:"alreadyAdded"}):e.jsx(d,{namespace:a,phrase:"successfullyAdded"})}),!s.alreadyAdded&&e.jsx("p",{children:e.jsx(d,{namespace:a,phrase:"successfullyAddedDescription"})})]}),e.jsxs(n,{children:[e.jsx(n.Cancel,{text:j(s.alreadyAdded?"addAnyway":"close"),onClick:s.onClickClose,variant:"link"}),e.jsxs("a",{href:`${s.liteUrl}${s.videoId?"/videos/"+s.videoId:"/my-videos"}`,className:`${y.myVideosButton} btn btn-dark d-flex align-items-center`,children:[e.jsx("span",{className:"me-1",children:e.jsx(d,{namespace:a,phrase:s.videoId?"watchVideo":"myVideos"})}),e.jsx(o,{svg:r})]})]})]})}const A="shared.alreadyAdded",v=l.encloseNamespace(A);function p(s){const{alreadyAdded:c}=s.params,t=m(u.config());return e.jsx(x,{title:v("title"),closePopup:s.closePopup,children:e.jsx(g,{liteUrl:t.data.liteUrl,alreadyAdded:c,onClickClose:s.closePopup})})}export{p as TvAlreadyAddedView};
+//# sourceMappingURL=Cr24Qwk-.chunk.js.map

package/dist/scripts/{-rDA7laA.chunk.js.map → Cr24Qwk-.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"-rDA7laA.chunk.js","sources":["../../src/shared/components/already-added/AlreadyAdded.tsx","../../src/apps/tv/views/tv-already-added/TvAlreadyAddedView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './already-added.module.scss';\n\nconst namespace = 'shared.alreadyAdded';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface AlreadyAddedProps {\n  liteUrl: string;\n  videoId?: string;\n  alreadyAdded?: boolean;\n  onClickClose: () => void;\n}\n\nexport function AlreadyAdded(props: AlreadyAddedProps) {\n  return (\n    <>\n      <div className='mx-auto w-75 mt-1 mb-2'>\n        <img src={ImageUrls.General.CONFETTI} className='img-fluid' draggable={false} />\n      </div>\n\n      <div className='text-center pb-3'>\n        <h4>\n          {props.alreadyAdded\n            ? <Text namespace={namespace} phrase={'alreadyAdded'} />\n            : <Text namespace={namespace} phrase={'successfullyAdded'} />\n          }\n        </h4>\n        {!props.alreadyAdded && <p><Text namespace={namespace} phrase='successfullyAddedDescription' /></p>}\n      </div>\n\n      <PopupButtons>\n        <PopupButtons.Cancel\n          text={getPhrase(props.alreadyAdded ? 'addAnyway' : 'close')}\n          onClick={props.onClickClose}\n          variant='link'\n        />\n        <a\n          href={`${props.liteUrl}${props.videoId ? '/videos/' + props.videoId : '/my-videos'}`}\n          className={`${styles.myVideosButton} btn btn-dark d-flex align-items-center`}\n        >\n          <span className='me-1'>\n            <Text namespace={namespace} phrase={props.videoId ? 'watchVideo' : 'myVideos'} />\n          </span>\n          <SvgContainer svg={NewWindowSvg} />\n        </a>\n      </PopupButtons>\n    </>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { Config, PopupViewProps } from 'libs/shared/interfaces';\n\nimport { AlreadyAdded } from 'shared/components/already-added/AlreadyAdded';\n\nconst namespace = 'shared.alreadyAdded';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TvAlreadyAddedViewProps extends PopupViewProps {\n  params: HashObject;\n}\n\nexport function TvAlreadyAddedView(props: TvAlreadyAddedViewProps): JSX.Element {\n  const { alreadyAdded } = props.params;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  return (\n    <Popup\n      title={getPhrase('title')}\n      closePopup={props.closePopup}\n    >\n      <AlreadyAdded\n        liteUrl={config.data.liteUrl}\n        alreadyAdded={alreadyAdded}\n        onClickClose={props.closePopup}\n      />\n    </Popup>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","AlreadyAdded","props","jsxs","Fragment","jsx","ImageUrls","Text","PopupButtons","styles","SvgContainer","NewWindowSvg","TvAlreadyAddedView","alreadyAdded","config","Flight.useBasicFetch","ConfigRequests","Popup"],"mappings":"gKAaMA,EAAY,sBACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EASrD,SAASG,EAAaC,EAA0B,CACrD,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,yBACb,SAAAA,EAAAA,IAAC,MAAA,CAAI,IAAKC,EAAU,QAAQ,SAAU,UAAU,YAAY,UAAW,GAAO,EAChF,EAEAH,EAAAA,KAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAE,MAAC,KAAA,CACE,SAAAH,EAAM,aACHG,EAAAA,IAACE,aAAKT,EAAsB,OAAQ,cAAA,CAAgB,EACpDO,EAAAA,IAACE,EAAA,CAAA,UAAKT,EAAsB,OAAQ,oBAAqB,EAE/D,EACC,CAACI,EAAM,cAAgBG,MAAC,IAAA,CAAE,eAACE,EAAA,CAAA,UAAKT,EAAsB,OAAO,8BAAA,CAA+B,CAAA,CAAE,CAAA,EACjG,SAECU,EAAA,CACC,SAAA,CAAAH,EAAAA,IAACG,EAAa,OAAb,CACC,KAAMT,EAAUG,EAAM,aAAe,YAAc,OAAO,EAC1D,QAASA,EAAM,aACf,QAAQ,MAAA,CAAA,EAEVC,EAAAA,KAAC,IAAA,CACC,KAAM,GAAGD,EAAM,OAAO,GAAGA,EAAM,QAAU,WAAaA,EAAM,QAAU,YAAY,GAClF,UAAW,GAAGO,EAAO,cAAc,0CAEnC,SAAA,CAAAJ,EAAAA,IAAC,OAAA,CAAK,UAAU,OACd,SAAAA,EAAAA,IAACE,EAAA,CAAA,UAAKT,EAAsB,OAAQI,EAAM,QAAU,aAAe,UAAA,CAAY,EACjF,EACAG,EAAAA,IAACK,EAAA,CAAa,IAAKC,CAAA,CAAc,CAAA,CAAA,CAAA,CACnC,CAAA,CACF,CAAA,EACF,CAEJ,CC9CA,MAAMb,EAAY,sBACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAMrD,SAASc,EAAmBV,EAA6C,CAC9E,KAAM,CAAE,aAAAW,GAAiBX,EAAM,OAEzBY,EAASC,EAA6BC,EAAe,QAAQ,EAEnE,OACEX,EAAAA,IAACY,EAAA,CACC,MAAOlB,EAAU,OAAO,EACxB,WAAYG,EAAM,WAElB,SAAAG,EAAAA,IAACJ,EAAA,CACC,QAASa,EAAO,KAAK,QACrB,aAAAD,EACA,aAAcX,EAAM,UAAA,CAAA,CACtB,CAAA,CAGN"}
+{"version":3,"file":"Cr24Qwk-.chunk.js","sources":["../../src/shared/components/already-added/AlreadyAdded.tsx","../../src/apps/tv/views/tv-already-added/TvAlreadyAddedView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './already-added.module.scss';\n\nconst namespace = 'shared.alreadyAdded';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface AlreadyAddedProps {\n  liteUrl: string;\n  videoId?: string;\n  alreadyAdded?: boolean;\n  onClickClose: () => void;\n}\n\nexport function AlreadyAdded(props: AlreadyAddedProps) {\n  return (\n    <>\n      <div className='mx-auto w-75 mt-1 mb-2'>\n        <img src={ImageUrls.General.CONFETTI} className='img-fluid' draggable={false} />\n      </div>\n\n      <div className='text-center pb-3'>\n        <h4>\n          {props.alreadyAdded\n            ? <Text namespace={namespace} phrase={'alreadyAdded'} />\n            : <Text namespace={namespace} phrase={'successfullyAdded'} />\n          }\n        </h4>\n        {!props.alreadyAdded && <p><Text namespace={namespace} phrase='successfullyAddedDescription' /></p>}\n      </div>\n\n      <PopupButtons>\n        <PopupButtons.Cancel\n          text={getPhrase(props.alreadyAdded ? 'addAnyway' : 'close')}\n          onClick={props.onClickClose}\n          variant='link'\n        />\n        <a\n          href={`${props.liteUrl}${props.videoId ? '/videos/' + props.videoId : '/my-videos'}`}\n          className={`${styles.myVideosButton} btn btn-dark d-flex align-items-center`}\n        >\n          <span className='me-1'>\n            <Text namespace={namespace} phrase={props.videoId ? 'watchVideo' : 'myVideos'} />\n          </span>\n          <SvgContainer svg={NewWindowSvg} />\n        </a>\n      </PopupButtons>\n    </>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { Config, PopupViewProps } from 'libs/shared/interfaces';\n\nimport { AlreadyAdded } from 'shared/components/already-added/AlreadyAdded';\n\nconst namespace = 'shared.alreadyAdded';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TvAlreadyAddedViewProps extends PopupViewProps {\n  params: HashObject;\n}\n\nexport function TvAlreadyAddedView(props: TvAlreadyAddedViewProps): JSX.Element {\n  const { alreadyAdded } = props.params;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  return (\n    <Popup\n      title={getPhrase('title')}\n      closePopup={props.closePopup}\n    >\n      <AlreadyAdded\n        liteUrl={config.data.liteUrl}\n        alreadyAdded={alreadyAdded}\n        onClickClose={props.closePopup}\n      />\n    </Popup>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","AlreadyAdded","props","jsxs","Fragment","jsx","ImageUrls","Text","PopupButtons","styles","SvgContainer","NewWindowSvg","TvAlreadyAddedView","alreadyAdded","config","Flight.useBasicFetch","ConfigRequests","Popup"],"mappings":"gKAaMA,EAAY,sBACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EASrD,SAASG,EAAaC,EAA0B,CACrD,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,yBACb,SAAAA,EAAAA,IAAC,MAAA,CAAI,IAAKC,EAAU,QAAQ,SAAU,UAAU,YAAY,UAAW,GAAO,EAChF,EAEAH,EAAAA,KAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAE,MAAC,KAAA,CACE,SAAAH,EAAM,aACHG,EAAAA,IAACE,aAAKT,EAAsB,OAAQ,cAAA,CAAgB,EACpDO,EAAAA,IAACE,EAAA,CAAA,UAAKT,EAAsB,OAAQ,oBAAqB,EAE/D,EACC,CAACI,EAAM,cAAgBG,MAAC,IAAA,CAAE,eAACE,EAAA,CAAA,UAAKT,EAAsB,OAAO,8BAAA,CAA+B,CAAA,CAAE,CAAA,EACjG,SAECU,EAAA,CACC,SAAA,CAAAH,EAAAA,IAACG,EAAa,OAAb,CACC,KAAMT,EAAUG,EAAM,aAAe,YAAc,OAAO,EAC1D,QAASA,EAAM,aACf,QAAQ,MAAA,CAAA,EAEVC,EAAAA,KAAC,IAAA,CACC,KAAM,GAAGD,EAAM,OAAO,GAAGA,EAAM,QAAU,WAAaA,EAAM,QAAU,YAAY,GAClF,UAAW,GAAGO,EAAO,cAAc,0CAEnC,SAAA,CAAAJ,EAAAA,IAAC,OAAA,CAAK,UAAU,OACd,SAAAA,EAAAA,IAACE,EAAA,CAAA,UAAKT,EAAsB,OAAQI,EAAM,QAAU,aAAe,UAAA,CAAY,EACjF,EACAG,EAAAA,IAACK,EAAA,CAAa,IAAKC,CAAA,CAAc,CAAA,CAAA,CAAA,CACnC,CAAA,CACF,CAAA,EACF,CAEJ,CC9CA,MAAMb,EAAY,sBACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAMrD,SAASc,EAAmBV,EAA6C,CAC9E,KAAM,CAAE,aAAAW,GAAiBX,EAAM,OAEzBY,EAASC,EAA6BC,EAAe,QAAQ,EAEnE,OACEX,EAAAA,IAACY,EAAA,CACC,MAAOlB,EAAU,OAAO,EACxB,WAAYG,EAAM,WAElB,SAAAG,EAAAA,IAACJ,EAAA,CACC,QAASa,EAAO,KAAK,QACrB,aAAAD,EACA,aAAcX,EAAM,UAAA,CAAA,CACtB,CAAA,CAGN"}

package/dist/scripts/{mALBAvSP.chunk.js → CtWcMjF1.chunk.js}

@@ -1,3 +1,3 @@
-import{j as t,ap as v,at as he,ao as R,au as Ne,Q as Ie,V as pe,B as y,av as C,ad as L,ae as P,ac as k,aw as b,A as Ve,ax as Te,aa as $e,R as z,ay as Oe,O as De,I as we,az as Re,L as ge,aA as Fe,as as F,aq as xe,r as Ee,a as D,b as w,c as qe,T as re,aj as He,ak as q,al as Ue,a2 as $,a4 as Me,ai as Ge,aB as Be,S as J,U as H,H as U,l as ze}from"./app-Det8y4U1.js";import{V as p}from"./d_OewpIc.chunk.js";import{I as We,C as Xe}from"./Bsw4ZO9U.chunk.js";import{g as ye,B as fe,I as W,a as E}from"./CidPoXbD.chunk.js";import{M as Qe}from"./BeyY1CwV.chunk.js";import{S as Ye,T as Ze,a as Je}from"./W8wegH66.chunk.js";import{b as X,c as ne,d as Ke,T as et,e as tt,f as at,A as Q,g as it,M as st,h as je,C as nt,I as ct,u as lt,a as rt}from"./CRomQTdh.chunk.js";import{B as N,a as I}from"./DwMcJ3Ip.chunk.js";import{B as ve}from"./DgWxzhMg.chunk.js";import{V as ot,S as ce,a as dt}from"./DHjeFsuP.chunk.js";import{R as Y,V as K,u as mt,I as ut,P as ht}from"./CrAxON7A.chunk.js";import{B as le}from"./DzbCvkXx.chunk.js";import{a as gt}from"./CHa6bZJR.chunk.js";import{A as xt}from"./B93FMGSP.chunk.js";import{F as _,a as oe,b as O,S as yt}from"./BNoyVB0N.chunk.js";import{E as ft}from"./U4HYh7oC.chunk.js";import{a as jt}from"./Bq1eQRV_.chunk.js";import{R as vt}from"./QfCSKVqV.chunk.js";import{E as ae}from"./CxB8O87g.chunk.js";import{h as Lt}from"./BOzZT1qL.chunk.js";import{u as Ct}from"./C36BgTJV.chunk.js";import{S as kt}from"./DYjoaCnl.chunk.js";import"./BlDVEZsX.chunk.js";import"./Cyhg-nBj.chunk.js";import"./pkzD5BEm.chunk.js";import"./CdGLJKZk.chunk.js";import"./CX6fV4JE.chunk.js";import"./Kj832An8.chunk.js";import"./CJ3oIQlG.chunk.js";import"./DXRtwYU8.chunk.js";import"./h68xZO90.chunk.js";import"./CDVd8Gzo.chunk.js";import"./CYuY28rl.chunk.js";import"./cw1CbjiZ.chunk.js";import"./_sYSSSUN.chunk.js";import"./C8geGHZf.chunk.js";import"./C99JIGI3.chunk.js";import"./x8TB7tv6.chunk.js";import"./C5r1_Fc_.chunk.js";import"./C97fjHLE.chunk.js";import"./CBlUYGqN.chunk.js";const At="_appLink_1diix_1",bt="_name_1diix_4",Pt="_selectedMask_1diix_7",St="_widgetItem_1diix_15",_t="_hasThemeColor_1diix_19",Nt="_text_1diix_26",It="_imagePanel_1diix_29",pt="_selected_1diix_7",Vt="_image_1diix_29",Tt="_large_1diix_59",$t="_comingSoonPanel_1diix_69",Ot="_newVideos_1diix_75",j={appLink:At,name:bt,selectedMask:Pt,widgetItem:St,hasThemeColor:_t,text:Nt,imagePanel:It,selected:pt,image:Vt,large:Tt,comingSoonPanel:$t,newVideos:Ot},Le="shared.subjectWidgetItem",Dt=({name:e,multiline:a,noUnderLine:i})=>{let s=`${j.comingSoonPanel} 
+import{j as t,ap as v,at as he,ao as R,au as Ne,Q as Ie,V as pe,B as y,av as C,ad as L,ae as P,ac as k,aw as b,A as Ve,ax as Te,aa as $e,R as z,ay as Oe,O as De,I as we,az as Re,L as ge,aA as Fe,as as F,aq as xe,r as Ee,a as D,b as w,c as qe,T as re,aj as He,ak as q,al as Ue,a2 as $,a4 as Me,ai as Ge,aB as Be,S as J,U as H,H as U,l as ze}from"./app-C2md4v6O.js";import{V as p}from"./UXYD7sDO.chunk.js";import{I as We,C as Xe}from"./e36s_itU.chunk.js";import{g as ye,B as fe,I as W,a as E}from"./B0940TpS.chunk.js";import{M as Qe}from"./Dgk7nYlV.chunk.js";import{S as Ye,T as Ze,a as Je}from"./QpdkfjyT.chunk.js";import{b as X,c as ne,d as Ke,T as et,e as tt,f as at,A as Q,g as it,M as st,h as je,C as nt,I as ct,u as lt,a as rt}from"./BKRUQoRy.chunk.js";import{B as N,a as I}from"./DdcBDgpq.chunk.js";import{B as ve}from"./_mZm6AP_.chunk.js";import{V as ot,S as ce,a as dt}from"./DDceUbL5.chunk.js";import{R as Y,V as K,u as mt,I as ut,P as ht}from"./Co1fFZfW.chunk.js";import{B as le}from"./ccYLdwq0.chunk.js";import{a as gt}from"./DE4Juqeg.chunk.js";import{A as xt}from"./BX6q5kK6.chunk.js";import{F as _,a as oe,b as O,S as yt}from"./C9hXChxH.chunk.js";import{E as ft}from"./DwIQTRkx.chunk.js";import{a as jt}from"./BbKbh5tw.chunk.js";import{R as vt}from"./QfCSKVqV.chunk.js";import{E as ae}from"./CGuGkRe6.chunk.js";import{h as Lt}from"./Cz5ywK2M.chunk.js";import{u as Ct}from"./5Bk7WUgq.chunk.js";import{S as kt}from"./BoHka3Ec.chunk.js";import"./BlDVEZsX.chunk.js";import"./B3i6vWFI.chunk.js";import"./pkzD5BEm.chunk.js";import"./jCscKGvY.chunk.js";import"./BrRctFvx.chunk.js";import"./Kj832An8.chunk.js";import"./CJ3oIQlG.chunk.js";import"./DlvwqUyz.chunk.js";import"./DWDiqXD7.chunk.js";import"./CbbLJMD7.chunk.js";import"./DLCJG-Fm.chunk.js";import"./DORu23Pq.chunk.js";import"./_sYSSSUN.chunk.js";import"./B_Fzcc5G.chunk.js";import"./Blfyr1LY.chunk.js";import"./B6WUgONl.chunk.js";import"./BKyPrPT1.chunk.js";import"./8KUv63J7.chunk.js";import"./lqnuKFoF.chunk.js";const At="_appLink_1diix_1",bt="_name_1diix_4",Pt="_selectedMask_1diix_7",St="_widgetItem_1diix_15",_t="_hasThemeColor_1diix_19",Nt="_text_1diix_26",It="_imagePanel_1diix_29",pt="_selected_1diix_7",Vt="_image_1diix_29",Tt="_large_1diix_59",$t="_comingSoonPanel_1diix_69",Ot="_newVideos_1diix_75",j={appLink:At,name:bt,selectedMask:Pt,widgetItem:St,hasThemeColor:_t,text:Nt,imagePanel:It,selected:pt,image:Vt,large:Tt,comingSoonPanel:$t,newVideos:Ot},Le="shared.subjectWidgetItem",Dt=({name:e,multiline:a,noUnderLine:i})=>{let s=`${j.comingSoonPanel} 
     d-flex flex-column align-items-center justify-content-center px-3 text-center`,n="";return a?n+=` ${j.clamped} clamp-2`:(s+=" text-nowrap",n+=" text-truncate"),t.jsxs("div",{className:s,children:[t.jsx("small",{className:"text-secondary",children:t.jsx(y,{namespace:Le,phrase:"comingSoon"})}),t.jsx("p",{className:`${i?"":j.name} h6`,children:t.jsx("span",{className:n,children:e})})]})},wt=({name:e,multiline:a,subtitle:i,noUnderLine:s,newVideosCount:n})=>{let c="px-3 d-flex flex-column justify-content-center",l=`${s?"":j.name} h6`;return a?l+=` ${n?"clamp-2":"clamp-3"} text-start`:(c+=" text-nowrap text-truncate",l+=" text-truncate mb-0"),t.jsxs("div",{className:c,children:[i&&t.jsx("div",{className:`text-secondary clamp-1 ${j.text}`,children:i}),t.jsx("div",{className:l,title:e,children:e}),!!n&&t.jsx("div",{className:`fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${j.newVideos}`,children:t.jsx(y,{namespace:Le,phrase:"newVideos",options:{smartCount:n}})})]})};ie.defaultProps={showFallbackBackgroundColour:!0};function ie(e){var l;const a=he.createUrl(e.coverUrl,{size:e.isLarge?R.Medium:R.Small});let i;Qe.isClassification(e.data)&&(i=e.data);const s={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle,noUnderLine:e.highlightOnHover,newVideosCount:e.showNewVideosCount?(l=i==null?void 0:i.externalMetadata)==null?void 0:l.childDashboardNewVideoCount:0},n={backgroundImage:a?`url('${a}')`:null,backgroundColor:e.coverBgColor},c=ye(e.data.name,fe);return t.jsxs("div",{className:`${e.themeColor?j.hasThemeColor:"border"} d-flex position-relative ${e.className} ${j.widgetItem} ${e.isSelected?"border-success border-2":""} ${e.highlightOnHover&&!e.themeColor?"bg-light-blue-hover":""}`,style:e.themeColor?{"--themeColor":e.themeColor}:{},id:`${e.data.id}-${Ne.getRandomInt()}`,onClick:e.onClick,children:[e.isSelected&&t.jsx("div",{className:`${j.selectedMask} border-2`}),t.jsxs("div",{className:`${j.imagePanel} ${e.isLarge?j.large:""}`,children:[e.isSelected&&!e.hideCheckmark&&t.jsx("div",{className:j.selected,children:t.jsx(We,{svg:Xe,svgSize:Ie.Large,textVariant:"white",variant:"green"})}),a&&t.jsx("div",{className:pe(j.image,e.imageClassName,!e.coverBgColor&&e.showFallbackBackgroundColour&&c),style:n}),!e.hideFallback&&t.jsx(W,{type:E.Subject,extraClasses:e.isLarge?j.large:""})]}),e.isComingSoon?t.jsx(Dt,{...s}):t.jsx(wt,{...s})]})}function Ce(e){var i;const a=e.getChildAppLink?e.getChildAppLink(e.data):null;return t.jsx(t.Fragment,{children:a?t.jsx(v,{className:j.appLink,appLink:a,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:(i=e.getChildAppLinkOptions)==null?void 0:i.call(e),children:t.jsx(ie,{...e})}):t.jsx(ie,{...e})})}function Rt(e){var s,n,c,l;const a={...e.analyticsData,id:(s=e.data)==null?void 0:s.id,name:(n=e.data)==null?void 0:n.name},i={location:k.ClassificationListItem,...e.analyticsOptions,actionType:P.Click,entity:L.Company,descriptor:C.Cover};return t.jsx(Ce,{...e,analyticsData:a,analyticsOptions:i,coverUrl:(c=e.data.logo)==null?void 0:c.url,coverBgColor:(l=e.data.metadata)==null?void 0:l.colour})}function Ft(e){return t.jsx(b,{as:"li",sm:6,md:e.useLargeStyle?6:4,lg:e.useLargeStyle?4:3,children:t.jsx("div",{className:"position-relative px-1 mb-2",children:t.jsx(Rt,{data:e.item,getChildAppLink:e.appLinks.getCompanyAppLink,getChildAppLinkOptions:()=>{var a,i;return(i=(a=e.appLinks).getCompanyAppLinkOptions)==null?void 0:i.call(a,e.item)},analyticsData:{itemIndex:e.itemIndex,search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:0},isLarge:e.useLargeStyle})})})}const Et="_videoList_14pgo_1",Z={videoList:Et},M="search.exchangeVideoGroup",de=3;function qt(e){const a=e.item.showCount>=de?de:e.item.showCount;function i(){return e.pagePositionIndex===0?"border-bottom pb-1 mb-3":"border-top border-bottom pt-3 mt-2 pb-1 mb-3"}const s=Ve.getCurrentAppLink(),n=s.params??{};let c=(n==null?void 0:n.source)??[];c&&!Array.isArray(c)&&(c=[c]);const l={...s,params:{...n,source:[...c,Ye.ExchangeArchive]}},r={query:e.queryParams.query,itemIndex:e.itemIndex,pagePositionIndex:e.pagePositionIndex},o={entity:L.SearchResults,location:k.ExchangeSearchGroupItem,actionType:P.Click,descriptor:Te.ExchangeArchive};return t.jsxs("div",{className:i(),children:[t.jsx(v,{appLink:l,analyticsData:r,analyticsOptions:o,children:t.jsx("h2",{className:"h4",children:t.jsx(y,{namespace:M,phrase:"heading"})})}),t.jsxs("p",{children:[t.jsx(y,{namespace:M,phrase:"message"})," ",t.jsx(v,{appLink:e.appLinks.searchSettings,className:"text-info",analyticsData:r,analyticsOptions:{...o,descriptor:C.Settings},children:t.jsx(y,{namespace:M,phrase:"searchSettings"})}),"."]}),t.jsx("div",{className:`position-relative ${Z.videoList}`,children:e.item.videos.slice(0,a).map((h,u)=>t.jsx(X,{video:h,getVideoAppLink:e.appLinks.getVideoAppLink,presentationAudiences:e.audiences,analyticsData:{search:{query:e.queryParams.query,score:h._score,maxScore:h._maxScore,featured:h._featured},pagePositionIndex:e.pagePositionIndex},hasPermissions:e.hasPermissions,commonVideoProps:e.commonVideoProps},u))}),t.jsx("div",{className:"text-center py-2",children:t.jsx(v,{className:"text-secondary",appLink:l,analyticsData:r,analyticsOptions:o,children:t.jsx(y,{namespace:M,phrase:"seeMore"})})})]})}const Ht="_guidance_pydn0_30",Ut="_responsiveGuidance_pydn0_41",Mt="_description_pydn0_56",Gt="_details_pydn0_82",G={guidance:Ht,responsiveGuidance:Ut,description:Mt,details:Gt};ke.defaultProps={newDurationStyle:!0,badgePosition:"thumbnail"};function ke(e){var c,l,r,o,h,u;const a=(l=(c=e.video)==null?void 0:c.subjectPresentationAudiences)==null?void 0:l.data,i=ne(a,e.presentationAudiences),s=$e.mergeOptions(e.analyticsOptions,{location:k.ClassificationHero,entity:p.getAnalyticsEntity(e.video)}),n=z.useRef(null);return e.video?t.jsxs(Y,{children:[t.jsx(b,{xs:12,md:6,children:t.jsx("div",{ref:n,children:t.jsx(Ke,{analyticsOptions:s,video:e.video,appLink:(r=e.getVideoAppLink)==null?void 0:r.call(e,e.video,{}),imageOptions:{size:R.Medium},textPosition:et.Independent,type:"static",audience:e.badgePosition==="thumbnail"?i:null,hideRating:e.badgePosition==="thumbnail"?!!i:!0,commonVideoProps:e.commonVideoProps})})}),t.jsxs(b,{xs:12,md:6,className:`${G.details} position-relative`,children:[t.jsxs("div",{className:"d-flex justify-content-between",children:[t.jsxs("div",{className:"overflow-hidden",children:[t.jsx(ot,{type:e.commonVideoProps.subTextType,appLink:(h=(o=e.commonVideoProps).getSubTextAppLink)==null?void 0:h.call(o,e.video),analyticsData:e.analyticsData,analyticsOptions:s,video:e.video,className:"text-reset clamp-1"}),t.jsx(tt,{yearGroups:e.commonVideoProps.yearGroups,video:e.video,analyticsData:e.analyticsData,analyticsOptions:s,appLink:(u=e.getVideoAppLink)==null?void 0:u.call(e,e.video,{}),titleSize:"h4",showNewVideoIndicator:e.showNewVideoIndicator,showPadlock:!e.commonVideoProps.hasStudentExperience&&!e.commonVideoProps.hasGuestExperience,titleClassName:e.titleClassName,clampLevel:2})]}),t.jsx(at,{analyticsData:e.analyticsData,analyticsOptions:s,video:e.video})]}),e.badgePosition==="info-panel"&&t.jsxs(ve,{className:"pb-1",children:[!e.hideInteractiveBadge&&t.jsx(N,{type:I.Interactive,data:e.video.interactives}),t.jsx(N,{type:I.Rating,data:p.getRating(e.video)}),t.jsx(N,{type:I.ProductionYear,data:e.video.productionYear})]}),t.jsx("p",{className:"mb-1",children:t.jsx("span",{className:G.description,children:e.video.description})}),e.badgePosition==="info-panel"&&t.jsx(Q,{audience:i,className:"mt-1",border:"dark"}),e.showVideoGuidance&&t.jsx(it,{video:e.video,analyticsData:e.analyticsData,analyticsOptions:s,containerClassName:`d-flex ${G.guidance}`,responsiveClassName:G.responsiveGuidance,commonVideoProps:e.commonVideoProps})]})]}):t.jsx(t.Fragment,{})}function Bt(e){return t.jsx("div",{className:"pb-3",children:t.jsx(ke,{video:e.item,presentationAudiences:e.audiences,getVideoAppLink:(a,i)=>e.appLinks.getVideoAppLink(a,i),analyticsData:{search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:e.pagePositionIndex},hideInteractiveBadge:!0,showVideoGuidance:p.showVideoGuidance(e.hasPermissions),commonVideoProps:e.commonVideoProps})})}const zt="_playlistItem_euqll_1",Wt="_playlistItemGradient_euqll_4",Xt="_playlistMetadata_euqll_13",Qt="_ownerAvatarContainer_euqll_24",T={playlistItem:zt,playlistItemGradient:Wt,playlistMetadata:Xt,ownerAvatarContainer:Qt};var Yt=["second","minute","hour","day","week","month","year"];function Zt(e,a){if(a===0)return["just now","right now"];var i=Yt[Math.floor(a/2)];return e>1&&(i+="s"),[e+" "+i+" ago","in "+e+" "+i]}var Jt=["秒","分钟","小时","天","周","个月","年"];function Kt(e,a){if(a===0)return["刚刚","片刻后"];var i=Jt[~~(a/2)];return[e+" "+i+"前",e+" "+i+"后"]}var se={},Ae=function(e,a){se[e]=a},ea=function(e){return se[e]||se.en_US},ee=[60,60,24,7,365/7/12,12];function ta(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}function aa(e,a){var i=e<0?1:0;e=Math.abs(e);for(var s=e,n=0;e>=ee[n]&&n<ee.length;n++)e/=ee[n];return e=Math.floor(e),n*=2,e>(n===0?9:1)&&(n+=1),a(e,n,s)[i].replace("%s",e.toString())}function ia(e,a){var i=new Date;return(+i-+ta(e))/1e3}var sa=function(e,a,i){var s=ia(e);return aa(s,ea(a))};Ae("en_US",Zt);Ae("zh_CN",Kt);const na="playlists.playlistCount";function ca(e){var n,c,l;if(!e)return!1;const a=((n=e.videos)==null?void 0:n.count)??0,i=((c=e.interactives)==null?void 0:c.count)??0,s=((l=e.clips)==null?void 0:l.count)??0;return a+i+s}function la(e){const a=ca(e.playlist);return a===!1||Number.isNaN(a)?t.jsx(t.Fragment,{}):t.jsx("span",{className:"text-shadow font-size-sm",children:t.jsx(y,{namespace:na,phrase:"count",options:{smartCount:a}})})}const ra="_avatar_obb0e_1",oa={avatar:ra};function da(){return t.jsx("div",{className:oa.avatar,children:t.jsx(Oe,{})})}function ma(e){var n,c,l;const{_liteOwner:a}=e.playlist;if((n=e.playlist._isClickViewCurated)!=null&&n.value)return t.jsx(da,{});if(!(a!=null&&a.id)||!((c=e.currentUser)!=null&&c.id))return t.jsx(t.Fragment,{});if(a.id.toString()===e.currentUser.id.toString())return t.jsx(t.Fragment,{});const s=typeof a.avatar=="string"?a.avatar:(l=a.avatar)==null?void 0:l.url;return t.jsx(De,{imageUrl:s,imageCdnUrl:e.imageCdnUrl,initials:we.getInitials(a.name,a.surname)})}const ua="playlists.playlistList";be.defaultProps={itemStyle:"square"};function be(e){var h,u;const a=he.createUrl(e.data.cover&&e.data.cover.url,{size:R.Medium,resizeType:Re.Cover}),i=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,s=ne(i,e.presentationAudiences);let n=T.playlistItem;const c=!!a||!!e.showFallbackImage;c&&(n+=` ${T.playlistItemGradient}`),!c&&e.bgColourClassNames&&(n+=` ${T.playlistItem} ${ye(e.data.name,e.bgColourClassNames)}`),e.itemStyle==="round"&&(n+=" rounded-3 overflow-hidden"),e.itemStyle==="round-left"&&(n+=" rounded-start-lg overflow-hidden");const l={...e.analyticsData,id:(h=e.data)==null?void 0:h.id,name:(u=e.data)==null?void 0:u.name},r={...e.analyticsOptions,entity:L.Playlist},o=()=>{var m;return!e.data.contentModifiedDate||(m=e.data._isClickViewCurated)!=null&&m.value?"":ge.getPhrase(ua,"lastUpdated",{timeago:sa(Fe.convertUTCToLocal(e.data.contentModifiedDate))})};return t.jsx(v,{appLink:e.appLink,analyticsData:l,analyticsOptions:r,title:o(),children:t.jsxs(le,{data:a,alt:e.data.name,className:n,children:[!!e.showFallbackImage&&t.jsx(W,{type:E.Playlist}),t.jsxs("div",{className:`text-white ${T.playlistMetadata}`,children:[!!e.showCount&&t.jsx(la,{playlist:e.data}),t.jsx("h5",{className:`mb-0 ${e.titleClassName||""}`,children:t.jsx("span",{className:"text-shadow clamp-2",children:e.data.name})}),!!i&&!!i.length&&!!s&&t.jsx(Q,{className:`${e.audienceLabelClass?e.audienceLabelClass:""} mt-1`,audience:s,border:"white"})]}),!!e.showOwner&&!!e.imageCdnUrl&&t.jsx("div",{className:T.ownerAvatarContainer,children:t.jsx(ma,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})})]})})}P.Click,L.Playlist,k.PlaylistListItem,C.Cover;const ha="_videoList_182nk_1",ga={videoList:ha},xa="search.playlistWithVideos";function ya(){const e=F();return e.xl||e.xxl?3:2}function fa(e){const a=ya(),i=e.playlist.videos.data.slice(0,a),s={actionType:P.Click,entity:L.Playlist,location:k.PlaylistWithVideos},n={...e.analyticsData,id:e.playlist.id,name:e.playlist.name};return t.jsx("div",{className:"ps-2 py-2",children:t.jsxs(Y,{className:"g-0 border rounded-3",children:[t.jsx(b,{xs:4,lg:3,className:"pe-3",children:t.jsx(be,{appLink:e.playlistAppLink,analyticsData:e.analyticsData,analyticsOptions:{...s,descriptor:C.Cover},data:e.playlist,presentationAudiences:e.presentationAudiences,bgColourClassNames:fe,itemStyle:"round-left",imageCdnUrl:e.commonVideoProps.imageCdnUrl,currentUser:e.currentUser,showCount:!1,showOwner:!0})}),t.jsx(b,{xs:8,lg:9,children:t.jsxs("div",{className:"d-flex justify-content-between",children:[t.jsx("div",{className:`pt-3 mb-n2 ${ga.videoList}`,children:i==null?void 0:i.map(c=>{const l={...n,videoId:c.id,videoName:c.name};return t.jsx("div",{className:"mb-2",children:t.jsx(X,{video:c,getVideoAppLink:e.getVideoAppLink,analyticsData:l,analyticsOptions:{entity:L.Video,location:k.PlaylistWithVideos},size:"sm",hasPermissions:e.hasPermissions,hideVideoGuidance:!0,commonVideoProps:e.commonVideoProps})},c.id)})}),t.jsx("div",{className:"text-end pt-3 pe-3",children:t.jsx(v,{className:"info-link fw-semibold",appLink:e.playlistAppLink,analyticsData:n,analyticsOptions:{...s,descriptor:C.Link},children:t.jsx(y,{namespace:xa,phrase:"seeAllVideos"})})})]})})]})})}function ja(e){return t.jsx("div",{className:"mx-n2",children:t.jsx(fa,{playlist:e.item,playlistAppLink:e.appLinks.getPlaylistAppLink(e.item),presentationAudiences:e.audiences,analyticsData:{search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:e.pagePositionIndex},currentUser:e.currentUser,preloadImage:!0,getVideoAppLink:e.appLinks.getVideoAppLink,hasPermissions:e.hasPermissions,commonVideoProps:e.commonVideoProps})})}const va="_labelContainer_1rf8p_1",La="_labelContainerOverlay_1rf8p_15",Ca="_hoverActive_1rf8p_23",ka="_mask_1rf8p_37",Aa="_largeHoverTitle_1rf8p_50",ba="_smallHoverTitle_1rf8p_69",Pa="_largeHoverDescription_1rf8p_99",Sa="_hasTableOfContents_1rf8p_141",_a="_smallHoverDescription_1rf8p_194",A={labelContainer:va,labelContainerOverlay:La,hoverActive:Ca,mask:ka,largeHoverTitle:Aa,smallHoverTitle:ba,largeHoverDescription:Pa,hasTableOfContents:Sa,smallHoverDescription:_a};function Na(e){return t.jsxs("div",{className:`py-3 mx-2 px-2 rounded bg-white text-center ${A.mask} d-flex flex-column align-items-center`,children:[t.jsx("h3",{className:`fw-semibold mb-0 ${A.hoverTitle} ${e.isSmall?A.smallHoverTitle:A.largeHoverTitle}`,children:t.jsx("span",{className:"clamp-3",children:e.series.name})}),!!e.series.description&&t.jsx("p",{className:`${e.hasTableOfContents?A.hasTableOfContents:""} ${A.hoverDescription} ${e.isSmall?A.smallHoverDescription:A.largeHoverDescription} mb-0`,children:e.series.description}),t.jsx("div",{className:`${A.labelContainerOverlay}`,children:e.mergedAudience?t.jsx(Q,{audience:e.mergedAudience,border:"dark",className:"mt-2 w-fit"}):t.jsx(N,{type:I.Rating,data:ce.getRating(e.series),className:"mt-2"})})]})}function Ia(e){const[a,i]=gt({className:A.hoverActive}),s=e.series&&e.series.subjectPresentationAudiences&&e.series.subjectPresentationAudiences.data||[],n=ne(s,e.presentationAudiences),c=!!(s&&s.length&&n);return t.jsx("div",{ref:a,children:t.jsxs(le,{data:e.series.tallPoster,alt:e.series.name,imageType:xe.TallPosters,preload:e.preloadImage,imageOptions:{size:R.Large},imageClassName:e.imageClass?e.imageClass:"rounded-3",children:[i&&t.jsx(Na,{isSmall:e.isSmall,series:e.series,mergedAudience:s&&s.length?n:null,hasTableOfContents:e.hasTableOfContents}),t.jsx(W,{type:E.Series}),t.jsx("div",{className:`position-absolute text-white text-shadow ${A.labelContainer}`,children:c?t.jsx(Q,{audience:n,border:"white"}):t.jsx(N,{type:I.Rating,data:ce.getRating(e.series)})})]})})}const pa="_videoList_182nk_1",Va={videoList:pa},Ta="search.seriesWithVideos";function $a(){const e=F();return e.xl||e.xxl?5:e.lg||e.md?4:3}function Oa(e){const a=$a(),i=e.series.videos.data.slice(0,a),s={actionType:P.Click,entity:L.Series,location:k.SeriesWithVideos},n={...e.analyticsData,id:e.series.id,name:e.series.name};return t.jsx("div",{className:"ps-2 py-2",children:t.jsxs(Y,{className:"g-0 border rounded-3",children:[t.jsx(b,{xs:4,lg:3,className:"pe-3",children:t.jsx(v,{appLink:e.seriesAppLink,className:"position-relative",analyticsData:n,analyticsOptions:{...s,descriptor:C.TallPoster},children:t.jsx(Ia,{series:e.series,presentationAudiences:e.presentationAudiences,preloadImage:e.preloadImage,imageClass:"rounded-start-lg"})})}),t.jsx(b,{xs:8,lg:9,children:t.jsxs("div",{className:"d-flex justify-content-between",children:[t.jsx("div",{className:`pt-3 mb-n2 ${Va.videoList}`,children:i==null?void 0:i.map(c=>{const l={...n,videoId:c.id,videoName:c.name};return c={...c,series:e.series},t.jsx("div",{className:"mb-2",children:t.jsx(X,{video:c,getVideoAppLink:e.getVideoAppLink,analyticsData:l,analyticsOptions:{entity:L.Video,location:k.SeriesWithVideos},size:"sm",hasPermissions:e.hasPermissions,hideVideoGuidance:!0,commonVideoProps:e.commonVideoProps})},c.id)})}),t.jsx("div",{className:"text-end pt-3 pe-3",children:t.jsx(v,{className:"info-link fw-semibold",appLink:e.seriesAppLink,analyticsData:n,analyticsOptions:{...s,descriptor:C.Link},children:t.jsx(y,{namespace:Ta,phrase:"seeAllVideos"})})})]})})]})})}function Da(e){return t.jsx("div",{className:"mx-n2",children:t.jsx(Oa,{presentationAudiences:e.audiences,series:e.item,seriesAppLink:e.appLinks.getSeriesAppLink(e.item),getVideoAppLink:e.appLinks.getVideoAppLink,analyticsData:{search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:e.pagePositionIndex},preloadImage:!0,hasPermissions:e.hasPermissions,commonVideoProps:e.commonVideoProps})})}const wa="search.collectionVideoList";function Ra(){const e=F();return e.xs?2:e.sm?1:3}function Fa(e){const a=Ra(),i={analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions};return t.jsxs(t.Fragment,{children:[t.jsx("ul",{className:"list-unstyled my-1",children:e.videos.slice(0,a).map(s=>{var c;const n=!!s.episodeNumber&&!!((c=s.season)!=null&&c.id);return t.jsx("li",{className:"d-flex align-items-center",children:t.jsxs(v,{...i,className:"clamp-1",appLink:e.getVideoAppLink(s),children:[n&&t.jsxs(t.Fragment,{children:[t.jsx(dt,{video:s})," "]}),s.name]})},`${e.collectionId}:${s.id}`)})}),t.jsx(v,{...i,className:"info-link",appLink:e.appLink,children:t.jsx(y,{namespace:wa,phrase:"seeAll"})})]})}const Ea="_overlay_1tsto_1",qa={overlay:Ea},Ha="search.collectionThumbnail";function Pe(e){var h,u,m;const a=F(),s=K.getSize(a,"md")==="sm",n=!!((u=(h=e.collection.videos)==null?void 0:h.data)!=null&&u.length),c=n&&e.collection.videos.data.find(d=>{var x;return!!((x=d.thumbnail)!=null&&x.url)});function l(){const d={...e.analyticsData,id:e.collection.id,name:e.collection.name};return c&&(d.videoId=c.id,d.videoName=c.name),d}const r=l(),o=e.collectionType==="series";return t.jsxs("div",{className:`row g-0 ${s?"":"py-2"}`,children:[t.jsx(b,{...K.getThumbnailColumns(),className:`flex-column align-items-flex-start ${s?"pb-2 pe-2":"mb-1 px-2"}`,children:t.jsx("div",{className:`position-relative overflow-hidden ${s?"rounded":"rounded-3"}`,children:t.jsxs(le,{data:c==null?void 0:c.thumbnail,appLink:e.appLink,imageType:xe.Thumbnails,analyticsData:r,analyticsOptions:{...e.analyticsOptions,descriptor:C.Thumbnail},children:[t.jsx(st,{type:e.maskType}),t.jsx(W,{type:e.imageFallbackType}),t.jsx("div",{className:`d-flex flex-column align-items-center justify-content-center text-white h-100 ${qa.overlay}`,children:t.jsx(y,{namespace:Ha,phrase:"seeAll"})})]})})}),t.jsxs(b,{...K.getDetailsColumns(),className:s?"pb-2":"px-2",children:[!e.isPlugin&&t.jsx(xt,{actions:e.getCollectionActions(e.collection,e.showActions,e.collectionType,e.analyticsOptions),className:"float-end mt-n1",actionsDropdownClassName:"btn btn-link ms-1"}),t.jsx(v,{appLink:e.appLink,analyticsData:r,analyticsOptions:{...e.analyticsOptions,descriptor:C.Title},children:t.jsx("h5",{className:"m-0 mb-1",children:t.jsx("span",{className:"clamp-1",children:e.collection.name})})}),o&&!e.hideBadges&&t.jsxs(ve,{children:[t.jsx(N,{type:I.Rating,data:ce.getRating(e.collection)}),t.jsx(N,{type:I.ProductionYear,data:(m=e.collection.metadata)==null?void 0:m.year})]}),n&&t.jsx(Fa,{collectionId:e.collection.id,videos:e.collection.videos.data,appLink:e.appLink,analyticsData:r,analyticsOptions:{...e.analyticsOptions,descriptor:C.Link},getVideoAppLink:e.getVideoAppLink})]})]})}function Ua(e){return t.jsx("div",{className:`position-relative ${Z.videoList}`,children:t.jsx(Pe,{analyticsData:{search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:e.pagePositionIndex},analyticsOptions:{entity:L.Playlist,actionType:P.Click,location:k.PlaylistListItem},appLink:e.appLinks.getPlaylistAppLink(e.item),showActions:e.showActions,collection:e.item,collectionType:"playlist",maskType:je.Playlist,imageFallbackType:E.PlaylistThumbnail,isPlugin:e.commonVideoProps.isPlugin,getVideoAppLink:e.appLinks.getVideoAppLink,getCollectionActions:e.appLinks.getCollectionActions})})}function Ma(e){return t.jsx("div",{className:`position-relative ${Z.videoList}`,children:t.jsx(Pe,{analyticsData:{search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:e.pagePositionIndex},analyticsOptions:{entity:L.Series,actionType:P.Click,location:k.SeriesListItem},appLink:e.appLinks.getSeriesAppLink(e.item),collectionType:"series",collection:e.item,showActions:e.showActions,maskType:je.Series,imageFallbackType:E.SeriesThumbnail,hideBadges:!0,isPlugin:e.commonVideoProps.isPlugin,getVideoAppLink:e.appLinks.getVideoAppLink,getCollectionActions:e.appLinks.getCollectionActions})})}var Se=(e=>(e.Draft="Draft",e.ComingSoon="ComingSoon",e.Published="Published",e))(Se||{});function Ga(e,a){var s;if((a==null?void 0:a.length)>=Ze.MULTI_PRESENTATION_THRESHOLD)return(s=a==null?void 0:a.find(n=>n.id===e))==null?void 0:s.name}function Ba(e){var c,l,r,o,h,u,m,d,x,g,f,V;const a=((c=e.data)==null?void 0:c.status)===Se.ComingSoon,i=Ga(e.data.presentationId,e==null?void 0:e.availablePresentations),s={...e.analyticsData,id:((l=e.analyticsData)==null?void 0:l.id)||((r=e.data)==null?void 0:r.id),name:(o=e.data)==null?void 0:o.name,presentationId:((h=e.analyticsData)==null?void 0:h.presentationId)||e.data.presentationId,comingSoon:!!a},n={location:k.ClassificationListItem,entity:L.Classification,...e.analyticsOptions,actionType:P.Click,descriptor:C.Cover};return t.jsx(Ce,{...e,analyticsData:s,analyticsOptions:n,coverUrl:(u=e.data.cover)==null?void 0:u.url,coverBgColor:(d=(m=e.data)==null?void 0:m.metadata)==null?void 0:d.backgroundColor,subtitle:((x=e.getSubtitle)==null?void 0:x.call(e,e.data))||i,isComingSoon:a,themeColor:(g=e.shouldHighlight)!=null&&g.call(e,e.data)?((V=(f=e.data)==null?void 0:f.metadata)==null?void 0:V.backgroundColor)??"":""})}const za=Ee.memo(Ba);P.Click,L.UserSetting,C.Tile;P.Click,L.Url,C.Tile;function Wa(e){return t.jsx(b,{as:"li",sm:6,md:e.useLargeStyle?6:4,lg:e.useLargeStyle?4:3,children:t.jsx("div",{className:"position-relative px-1 mb-2",children:t.jsx(za,{data:e.item,getChildAppLink:e.appLinks.getClassificationAppLink,getChildAppLinkOptions:()=>{var a,i;return(i=(a=e.appLinks).getClassificationAppLinkOptions)==null?void 0:i.call(a,e.item)},availablePresentations:e.availablePresentations,analyticsData:{itemIndex:e.itemIndex,search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:0},isLarge:e.useLargeStyle,highlightOnHover:e.commonVideoProps.showNewVideoIndicator})})})}function Xa(e){function a(s){return p.isClip(s)?nt:p.isInteractive(s)?ct:X}const i=a(e.item);return t.jsx("div",{className:`position-relative ${Z.videoList}`,children:t.jsx(i,{video:e.item,getVideoAppLink:e.appLinks.getVideoAppLink,getPreviewQuestionsAppLink:e.appLinks.getPreviewQuestionsAppLink,presentationAudiences:e.audiences,analyticsData:{search:{query:e.queryParams.query,score:e.item._score,maxScore:e.item._maxScore,featured:e.item._featured},pagePositionIndex:e.pagePositionIndex},hasPermissions:e.hasPermissions,commonVideoProps:e.commonVideoProps})})}const Qa="shared.mixedSearchResults",Ya=8,Za=z.memo(function(e){var c,l,r,o,h,u;const a=F(),i=a.xs||a.sm;if(!((c=e.results)!=null&&c.length)&&!((l=e.topics)!=null&&l.totalResults)&&!((r=e.companies)!=null&&r.totalResults))return t.jsx(t.Fragment,{});const s=[...((o=e.companies)==null?void 0:o.results)??[],...((h=e.topics)==null?void 0:h.results)??[]],n={useLargeStyle:s.length<4,...e};return t.jsxs("div",{className:"position-relative",children:[t.jsx("p",{role:"status",className:"visually-hidden",children:t.jsx(y,{namespace:Qa,phrase:"ariaSearch"})}),!!s.length&&t.jsx(Y,{as:"ul",className:"list-unstyled g-0 pb-3 mx-n1",children:s.slice(0,Ya).map((m,d)=>{switch(m.type.toLowerCase()){case"company":return t.jsx(Ft,{item:m,itemIndex:d,...n},d);case"subject":return t.jsx(Wa,{item:m,itemIndex:d,...n},d)}})}),(u=e.results)==null?void 0:u.map((m,d)=>{var g,f;const x=s.length?d+1:d;if("isExchangeVideoGroup"in m&&m.isExchangeVideoGroup)return t.jsx(qt,{item:m,pagePositionIndex:x,...n},d);switch((g=m.type)==null?void 0:g.toLowerCase()){case"interactive":case"clip":case"video":return d===0&&m._featured&&p.isVideo(m)?t.jsx(Bt,{item:m,pagePositionIndex:x,...n},d):t.jsx(Xa,{item:m,pagePositionIndex:x,...n},d);case"playlist":return i?t.jsx(Ua,{item:m,pagePositionIndex:x,...n},d):t.jsx(ja,{item:m,pagePositionIndex:x,...n},d);case"series":return i||!((f=m.tallPoster)!=null&&f.id)?t.jsx(Ma,{item:m,pagePositionIndex:x,...n},d):t.jsx(Da,{item:m,pagePositionIndex:x,...n},d)}})]})}),te="search.searchSubstitute";function Ja(e){return e.substitute?t.jsxs("div",{className:"pb-3",children:[t.jsxs("p",{className:"mb-1 h6",children:[t.jsx(y,{namespace:te,phrase:"showingFor"})," ",t.jsx(v,{className:"info-link",appLink:e.getAppLink(e.substitute,e.queryParams),appLinkOptions:{replace:!0},children:e.substitute})]}),t.jsxs("p",{className:"mb-0 h6 fw-normal",children:[t.jsx(y,{namespace:te,phrase:"searchInsteadFor"}),t.jsx(v,{className:"info-link",appLink:e.getAppLink(e.queryParams.query,{...e.queryParams,allowSubstitute:"false"}),children:e.queryParams.query}),t.jsx(y,{namespace:te,phrase:"endOriginal"})]})]}):t.jsx(t.Fragment,{})}const Ka="search.searchSuggestions";_e.defaultProps={suggestions:[],queryParams:{}};function _e(e){var a;return(a=e.suggestions)!=null&&a.length?t.jsxs("div",{className:"d-flex align-items-center mb-3",children:[t.jsx(y,{namespace:Ka,phrase:"didYouMean"})," ",e.suggestions.map((i,s)=>t.jsxs(z.Fragment,{children:[s!==0&&t.jsx("span",{className:"mx-1",children:"•"}),t.jsx(v,{className:"info-link",appLink:e.getAppLink(i,e.queryParams),appLinkOptions:{replace:!0},children:i})]},`${i}:${s}`))]}):t.jsx(t.Fragment,{})}const S={useOnFilterChange(e,a){const i={...a};delete i.query;const s=Object.keys(i).map(n=>i[n]).sort((n,c)=>n-c);z.useEffect(()=>{e()},[s.join(":")])},getCollectionActions(e,a,i,s){return a?[]:[]},getSeriesAppLink(e){return e!=null&&e.id?{application:w.EXCHANGE,action:D.Exchange.SERIES,args:[e.id,re.slugify(e.name)]}:null},getVideoAppLink(e){return e!=null&&e.id?{application:w.EXCHANGE,action:D.Exchange.PREVIEW,args:[e.id,re.slugify(e.name)]}:null},getAppliedIndices(e={}){const{type:a}=e;if(a){if(!Array.isArray(a))return[a];if(a.length)return a}return["video"]},getNestedCategoryIds(e,a){const i=n=>{const c=[],l=a.find(o=>+o.data.id==+n);if(!(l!=null&&l.children.length))return[n];const r=o=>{o&&(o.data&&c.push(o.data.id),o.children.length&&o.children.forEach(h=>{r(h)}))};return r(l),c};if(!Array.isArray(e))return i(e);const s=[...e].map(n=>i(n));return qe.flatten(s)},buildBackendFilterParams(e,a,i=[],s){const n=a==null?void 0:a.categoryId,c=n&&this.getNestedCategoryIds(n,s),l=oe.buildBackendFilterParams({...a,categoryId:c},i,null,!1,[]);return l[`${O.FILTER_PARAM_PREFIX}library`]=e,l},getBackendFilters(e){if(!e.hasDataLoaded)return null;const{queryParams:a,ratings:i,exchange:s,categories:n}=e,c=S.buildBackendFilterParams(s.data.id,a,i.data,n.data),l=S.getAppliedIndices(a);return{queryParams:a,backendFilters:c,appliedIndices:l}},getFilters(e,a){if(!e.hasDataLoaded||!a.hasCompleted)return null;const{categories:i,ratings:s}=e,n=[_.Categories(i.data),_.Rating(s.data,null),_.HasResources(),_.HasSubtitles(),_.TagOrClassification(a.data)],c=oe.getMoreFilters([_.ProductionYear(),_.IsHD(),_.Duration()]);return{mainFilters:n,moreFilters:c}},getAppLink(e,a){return{application:w.EXCHANGE,action:D.Exchange.SEARCH,params:{...a,query:e}}}},ei="exchange.searchResultsEmptyState";function ti(e){return t.jsx(He.Provider,{value:ei,children:t.jsxs(q,{children:[t.jsx(q.Image,{src:Ue.EmptyStates.SEARCH}),t.jsx(q.Heading,{children:e.query?t.jsx(y,{phrase:"headingWithQuery",options:{query:e.query}}):t.jsx(y,{phrase:"headingWithoutQuery"})}),t.jsxs(q.Info,{children:[t.jsx(y,{phrase:"info"}),t.jsx(v,{className:"info-link",appLink:{application:w.EXCHANGE,action:D.Exchange.INDEX},children:t.jsx(y,{phrase:"topicsAppLink"})})]})]})})}function ai(e){const a=$(Me.currentUser()),i=$(ae.exchange()),s=$(vt.ratings()),n=$(ae.categories()),c=a.hasCompleted&&i.hasCompleted&&s.hasCompleted&&n.hasCompleted;return{queryParams:e,currentUser:a,exchange:i,ratings:s,categories:n,hasDataLoaded:c}}const ii="exchange.searchResultsView2";function si(e){var m,d,x;const{queryParams:a,appliedIndices:i,backendFilters:s}=e,n=Ct(),c=Ge(),l=Be((m=r())==null?void 0:m.key);function r(g){return e.hasDataLoaded&&ae.search(a.query,i,s,g)}function o(g){c(r(g))}function h(g,f){if(g===1)return Lt(f);n.error(ge.getPhrase(ii,"error"))}return{...mt(r,o,h,g=>g.results),fetchNext:o,substituteQuery:(d=l.data)==null?void 0:d.substituteQuery,suggestions:(x=l.data)==null?void 0:x.suggestions}}const me={video:J.VIDEO_COLLECTION,series:"rating,tallPoster",playlist:"videos[count(),thumbnail]{limit:1},interactives[count(),_thumbnail]{limit:1},clips[count(),_thumbnail]{limit:1}",classification:`cover,thumbnail,tags{tagtype:${Je.Curation}}`,clip:J.CLIP_COLLECTION,interactive:J.INTERACTIVE_COLLECTION,company:"logo",category:"libraries[_logo],thumbnail"};function ue(e){var n,c;let a=e.totalResults;const i=((n=e==null?void 0:e.results)==null?void 0:n.filter(l=>{var r,o,h,u,m,d,x,g;if(l._index!=="series"&&l._index!=="playlist")return!0;if(l._index==="playlist"){const f=l;return(o=(r=f.clips)==null?void 0:r.data)!=null&&o.length||(u=(h=f.interactives)==null?void 0:h.data)!=null&&u.length||(d=(m=f.videos)==null?void 0:m.data)!=null&&d.length?!0:(a--,!1)}return((g=(x=l.videos)==null?void 0:x.data)==null?void 0:g.length)===0?(a--,!1):!0}))??[];e.results=i,e.totalResults=a;const s=(c=i[0])==null?void 0:c._score;return{...e,results:kt.mapMaxScoreToSearchResults(i,s)}}function B(e){return Object.entries(e).reduce((a,[,i])=>{let s=i;return typeof i=="object"?s=B(i):["number","boolean","string"].includes(typeof i)&&(s=i.toString()),a.length?`${a},${s}`:s},"")}const ni={searchDashboard(e,a,i=[]){const s=i.sort((u,m)=>u.id.localeCompare(m.id)).map(u=>[u.id,u==null?void 0:u.cursor]),n=B(a),c=`search:v5:dashboard:${e}:${s}:${n}`,{[`${O.FILTER_PARAM_PREFIX}indicesFilters`]:l,isLearner:r,...o}=a,h={widgets:i,indices:l,filters:Object.entries(o).reduce((u,[m,d])=>({...u,[m.replace("filters.","")]:d}),{}),query:e,includeAllIndices:!1,isLearner:!!r};return{url:"{gateway}/v5/search/widgets",publicUrl:"/api/search/v5/widgets",type:U.POST,data:h,key:c}},searchDashboardWidget(e,a,i,s=[]){const n=s.sort((d,x)=>d.id.localeCompare(x.id)).map(d=>[d.id,d==null?void 0:d.cursor]),c=B(i),l=`search:v5:dashboard:${e}:widget:${a}:${n}:${c}`,{[`${O.FILTER_PARAM_PREFIX}indicesFilters`]:r,isLearner:o,excludeVideoIds:h,...u}=i,m={widgets:s,indices:r,filters:Object.entries(u).reduce((d,[x,g])=>({...d,[x.replace("filters.","")]:g}),{}),query:a,includeAllIndices:!1,isLearner:!!o,ogql:me,excludeVideoIds:h};return{url:`{gateway}/v5/search/widgets/${e}`,publicUrl:`/api/search/v5/widgets/${e}`,type:U.POST,data:m,key:l}},searchV5(e,a,i=[]){const s=i.sort((u,m)=>u.id.localeCompare(m.id)).map(u=>[u.id,u==null?void 0:u.cursor]),n=B(a),c=`search:v5:${e}:${s}:${n}`,{[`${O.FILTER_PARAM_PREFIX}indicesFilters`]:l,isLearner:r,...o}=a,h={widgets:i,indices:l,filters:Object.entries(o).reduce((u,[m,d])=>({...u,[m.replace("filters.","")]:d}),{}),query:e,includeAllIndices:!1,isLearner:!!r,ogql:me};return{url:"{gateway}/v5/search",publicUrl:"/api/search/v5",type:U.POST,data:h,key:c}},searchV4(e){const{query:a,indices:i,filters:s={},sorts:n={},allowSubstitute:c=!0,cursor:l,limit:r}=e;let o=`search:v4:${a}:${c}:${i}:${l}`;o+=Object.keys(s).map(g=>{const f=s[g];return Array.isArray(f)?f.join(";"):f}).join(";");const{[`${O.FILTER_PARAM_PREFIX}excludeLibraryExclusive`]:h,isLearner:u,...m}=s,x={searchType:"content",indices:i.map(g=>g!=="video"||!h?{index:g}:{index:g,filters:{excludeLibraryExclusive:h}}),filters:Object.entries(m).reduce((g,[f,V])=>({...g,[f.replace("filters.","")]:V}),{}),sorts:n,query:a,allowSubstitute:c,cursor:l??void 0,isLearner:!!u,limit:r};return{url:"{gateway}/v4/search",publicUrl:"/api/search/v4",type:U.POST,data:x,key:o,formatData:ue}},search(e){const{query:a,indices:i,filters:s,allowSubstitute:n,cursor:c,limit:l,success:r,error:o}=e;let h=`search:${a}:${n}:${i}:${c}`;h+=Object.keys(s).map(m=>{const d=s[m];return Array.isArray(d)?d.join(";"):d}).join(";");const u=Object.assign({},{index:i,cursor:c??void 0,query:a,allowSubstitute:n,limit:l,...s});return{url:H.urlBuilder("{gateway}/v3/search",u),publicUrl:H.urlBuilder("/api/search",u),key:h,formatData:ue,success:r,error:o}},tagsAndClassifications(e,a,i={},s,n,c){const l={index:a,cursor:s,query:e,...i};let r=`filter:options:${e}:${a.join(":")}:${s}`;return r+=Object.keys(i).map(o=>{const h=i[o];return Array.isArray(h)?h.join(";"):h}).join(";"),{url:H.urlBuilder("{gateway}/v3/search/tags-and-classifications",l),publicUrl:H.urlBuilder("/api/search/tags-and-classifications",l),key:r,success:n,error:c,normalize:!1}}};function ci(e){return $(e&&ni.tagsAndClassifications(e.queryParams.query,e.appliedIndices,e.backendFilters))}function Xi(e){var d;const{queryParams:a={}}=e,i=jt("video-list"),s=ai(a),{commonVideoProps:n}=lt(),c=S.getBackendFilters(s),l=ci(c),r=si({...c,...s}),o=S.getFilters(s,l);ze({title:a.query??""});const h=s.hasDataLoaded&&o,u=r.hasFirstPageCompleted&&l.hasCompleted&&!!o,m=(d=r.items)==null?void 0:d.length;return h?t.jsxs(t.Fragment,{children:[t.jsx(ft,{query:a.query}),t.jsx(Ja,{substitute:r.substituteQuery,queryParams:a,getAppLink:S.getAppLink}),!r.substituteQuery&&t.jsx(_e,{suggestions:r==null?void 0:r.suggestions,queryParams:a,getAppLink:S.getAppLink}),t.jsx(yt,{queryParams:a,mainFilters:o==null?void 0:o.mainFilters,moreFilters:o==null?void 0:o.moreFilters,analyticsOptions:{entity:L.SearchResults,location:k.SearchFilters},appLink:{application:w.EXCHANGE,action:D.Exchange.SEARCH},isFetchingOptions:l.isFetching}),u?t.jsxs("section",{children:[m?t.jsx(rt.Provider,{value:i,children:t.jsx(Za,{queryParams:a.query,results:r.items,audiences:null,currentUser:s.currentUser.data,availablePresentations:null,showActions:!0,companies:null,hasPermissions:()=>!1,appLinks:{getCollectionActions:S.getCollectionActions,getSeriesAppLink:S.getSeriesAppLink,getVideoAppLink:S.getVideoAppLink,getClassificationAppLink:()=>null,getClassificationAppLinkOptions:()=>null,getPlaylistAppLink:()=>null,getCompanyAppLink:()=>null,getPreviewQuestionsAppLink:()=>null},commonVideoProps:n})}):t.jsx(ti,{query:a.query}),r.hasMore&&t.jsx(ut,{isFetching:r.isFetching,fetchNext:r.fetchNext,nextCursor:r.nextCursor})]}):t.jsx("div",{className:"mx-n2",children:t.jsx(ht,{})})]}):t.jsx(t.Fragment,{})}export{Xi as ExchangeSearchResultsView};
-//# sourceMappingURL=mALBAvSP.chunk.js.map
+//# sourceMappingURL=CtWcMjF1.chunk.js.map