@clickview/lite 0.52.0 → 0.52.2-dev.0

package/dist/scripts/714-67adeb44da-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[714],{49935:(e,t,a)=>{a.d(t,{Oo:()=>d,b2:()=>p});var n=a(32735),r=a(36848),c=a(86764),l=a(3747),i=a(5859),s=a(35223),o=a(83914);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var u=function(e){var t=e.breadcrumb,a=t.name,c=t.appLink,l=t.active,i=e.withBackIcon;return n.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?n.createElement("strong",null,a):n.createElement(r.F,{appLink:c},i&&n.createElement(o.x,{svgName:s.vn.ChevronLeft,size:o.S.Small}),n.createElement("span",{className:i?"ms-2":""},a)))},d=function(e){var t,a,r=e.breadcrumbs,i=(0,l.a)(c.r.XS),s=(null==r?void 0:r.length)||0,o=(t=n.useState(!1),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,c,l,i=[],s=!0,o=!1;try{if(c=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;s=!1}else for(;!(s=(n=c.call(a)).done)&&(i.push(n.value),i.length!==t);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(o)throw r}}return i}}(t,a)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?m(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=o[0],p=o[1];if(n.useEffect((function(){var e,t=null!==(e=null==r?void 0:r.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;s>3&&t>56&&p(!0)}),[null==r?void 0:r.length]),!s||i&&s<2)return n.createElement(n.Fragment,null);if(i)return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},n.createElement(u,{breadcrumb:r[s-2],withBackIcon:!0})));var b=n.createElement(u,{breadcrumb:r[0]}),g=s>2?n.createElement(u,{breadcrumb:r[s-2]}):n.createElement(n.Fragment,null),f=n.createElement(u,{breadcrumb:r[s-1]}),E=r.slice(1,s-2);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},b,d?n.createElement("li",{className:"breadcrumb-item"},n.createElement("button",{className:"btn-link",onClick:function(){return p(!1)}},"...")):E.map((function(e,t){return n.createElement(u,{key:t,breadcrumb:e})})),g,f))},p=n.memo((function(e){var t=e.numItems,a=void 0===t?3:t;return(0,l.a)(c.r.XS)?n.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},i.u.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return n.createElement("li",{key:t,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},38502:(e,t,a)=>{a.d(t,{r:()=>u});var n=a(32735),r=a(49985),c=a(36848),l=a(18559),i=a(11607),s=a(83914),o=a(87432);function m(e){return n.createElement(n.Fragment,null,!!e.tab.svgName&&n.createElement("div",{className:e.tab.name?"pe-1":""},n.createElement(s.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&n.createElement("div",{className:"ps-2"},n.createElement(l.C,{type:l.g.Count,data:e.tab.count})))}function u(e){var t;return n.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},n.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(o.Z.pillTabSelector,"\n        ").concat(e.borderRadius?o.Z.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map((function(e,t){return n.createElement("li",{className:"\n                p-0 ".concat(o.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?o.Z.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?n.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(o.Z.tabLink,"\n                  ")},n.createElement(m,{tab:e})):n.createElement(i.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ".concat(o.Z.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&r.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},n.createElement(m,{tab:e})))}))))}u.defaultProps={borderRadius:"lg"}},58739:(e,t,a)=>{var n;a.d(t,{K:()=>n}),function(e){e[e.Submitted=0]="Submitted",e[e.Queued=1]="Queued",e[e.Pending=2]="Pending",e[e.InProgress=3]="InProgress",e[e.Completed=4]="Completed",e[e.CompletedWithError=5]="CompletedWithError",e[e.Failed=6]="Failed"}(n||(n={}))},44538:(e,t,a)=>{a.d(t,{K:()=>i});var n=a(99940),r=a(97395),c=a(58739),l=a(38389),i={getRostering:function(){return{url:"{gateway}/v1/users/me/rostering",key:"rostering"}},getSyncList:function(e){var t={};if(e.cursor&&(t.cursor=e.cursor),e.sort&&("oldest"===e.sort?t.order="ASC":t.order="DESC"),e.jobStatus){var a=[];e.jobStatus.includes("completed")&&a.push.apply(a,[c.K.Completed,c.K.CompletedWithError]),e.jobStatus.includes("failed")&&a.push(c.K.Failed),e.jobStatus.includes("inProgress")&&a.push.apply(a,[c.K.Submitted,c.K.Queued,c.K.Pending,c.K.InProgress]),t.status=a}return t.type=l.m.Rostering,{url:r._.urlBuilder("{gateway}/v1/batch/jobs",t),key:"rostering:sync:".concat(e.cursor,":").concat(e.sort,":").concat(e.jobStatus)}},createJob:function(e,t,a){return{url:"{gateway}/v1/batch/jobs",key:"rostering:sync",type:n.k.POST,invalidationKeys:["rostering:sync"],data:e,success:t,error:a}},getJobSummary:function(e){return{url:"{gateway}/v1/batch/jobs/".concat(e,"/summary"),key:"job:summary:".concat(e)}},getSyncScheduleSettings:function(e){return{url:"{gateway}/v1/rostering/".concat(e,"/schedule"),key:"sync-settings:".concat(e)}},updateScheduleSetting:function(e,t,a,r,c){return{type:n.k.PUT,url:"{gateway}/v1/rostering/".concat(t,"/schedule"),key:"update:sync-settings:".concat(e.customerId,":").concat(t),invalidationKeys:["sync-settings:".concat(t)],data:e,success:a,error:r,always:c}}}},5859:(e,t,a)=>{function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,{u:()=>c});var r={numItems:5,minWidth:50,maxWidth:100},c={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=Object.assign(Object.assign({},r),t);return(e=Array(a.numItems),function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?n(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*a.maxWidth),a.minWidth),"px")}}))}}},96268:(e,t,a)=>{a.d(t,{W:()=>o});var n=a(32735),r=a(81886),c=a(65858),l=a(37802),i=a(14070),s=a(97291);function o(){var e=(0,l.r)(c.LZ.Settings),t=e.isLoadingSettings,a=e.domainSettings;n.useEffect((function(){t||a||r.Q.C$.trigger({application:s.O.SETTINGS,action:i.e.Settings.HOME},{replace:!0})}),[a,t])}},97990:(e,t,a)=>{a.d(t,{t:()=>p});var n=a(32735),r=a(81886),c=a(23481),l=a(65858),i=a(38502),s=a(14070),o=a(97291),m="settings.staffManagerTabs",u=c.T.encloseNamespace(m),d={staffManager:{application:o.O.USER_MANAGER,action:s.e.UserManager.STAFF},inviteRequests:{application:o.O.USER_MANAGER,action:s.e.UserManager.ACCESS_REQUESTS}};function p(e){var t=e.active;return n.createElement("div",{className:"mb-3"},n.createElement(i.r,{tabs:[{name:u("staffManager"),appLink:d.staffManager,active:"staff-manager"===t,analyticsData:{name:u("staffManager"),url:r.Q.C$.getHref(d.staffManager)},analyticsOptions:{actionType:l.Vw.Click,entity:l.py.Url,location:l.LZ.MagicTabs}},{name:u("inviteRequests"),appLink:d.inviteRequests,active:"invite-requests"===t,analyticsData:{name:c.T.getPhrase(m,"inviteRequests"),url:r.Q.C$.getHref(d.inviteRequests)},analyticsOptions:{actionType:l.Vw.Click,entity:l.py.Url,location:l.LZ.MagicTabs}}]}))}},81422:(e,t,a)=>{var n;a.d(t,{C:()=>n}),function(e){e.Approved="Approved",e.Denied="Denied",e.Pending="Pending"}(n||(n={}))},80714:(e,t,a)=>{a.r(t),a.d(t,{AccessRequestsView:()=>j});var n=a(32735),r=a(81886),c=a(23481),l=a(20354),i=a(36848),s=a(49935),o=a(83345),m=a(39151),u=a(44538),d=a(31949),p=a(14070),b=a(97291),g=a(96268),f=a(110),E=a(20789),v=a(19808),y=a(64818),h=a(23232),S=a(99742),N="userManager.inviteRequestsTableEmptyState",C=c.T.encloseNamespace(N);function k(){return n.createElement(h.u,null,n.createElement(h.u.Image,{src:S.W.EmptyStates.UserManager.STAFF}),n.createElement(h.u.Heading,null,n.createElement(o.x,{namespace:N,phrase:"heading"})),n.createElement(h.u.Info,null,n.createElement(o.x,{namespace:N,phrase:"info"})),n.createElement(h.u.Cta,{text:C("cta"),appLink:{application:b.O.SETTINGS,action:p.e.Settings.REQUESTING_ACCESS},className:"btn btn-dark"}))}var R=a(81422);const T={avatarContainer:"HxoMt",emailText:"ughCx"};var x="userManager.inviteRequestsTable";function A(e){var t=e.joinRequests,a=e.imageCdnUrl,r=e.currentUser,c=e.onResolveRequest;return t.length?n.createElement("table",{className:"w-100 table table-striped table-borderless"},n.createElement("thead",null,n.createElement("tr",null,n.createElement("th",{scope:"col",className:"ps-3"},n.createElement(o.x,{namespace:x,phrase:"nameTableHeading"})),n.createElement("th",{scope:"col"},n.createElement(o.x,{namespace:x,phrase:"dateTableHeading"})),n.createElement("th",null))),n.createElement("tbody",null,t.map((function(e){return n.createElement("tr",{key:e.id},n.createElement("td",{className:"align-middle ps-3"},n.createElement("div",{className:"d-flex align-items-center"},n.createElement("div",{className:"".concat(T.avatarContainer," me-2")},n.createElement(E.q,{imageCdnUrl:a,initials:y.l.getInitialsFromFullName(e.fullName)||e.email.charAt(0)})),n.createElement("div",{className:"d-flex flex-column justify-content-center"},e.fullName&&n.createElement("span",{className:"fw-semibold"},e.fullName),n.createElement("span",{className:"".concat(T.emailText)},e.email)))),n.createElement("td",{className:"align-middle"},f.O.format(e.dateCreated,r.instanceRegion===v.b.US?"MM/DD/YYYY":"DD/MM/YYYY")),n.createElement("td",{className:"text-end pe-3"},n.createElement("button",{className:"btn btn-tertiary me-1",onClick:function(){return c(e,R.C.Denied)}},n.createElement(o.x,{namespace:x,phrase:"rejectButtonLabel"})),n.createElement("button",{className:"btn btn-primary btn-dark",onClick:function(){return c(e,R.C.Approved)}},n.createElement(o.x,{namespace:x,phrase:"approveButtonLabel"}))))})))):n.createElement(k,null)}var M=a(97990),w=a(47288),I="userManager.accessRequests",L=c.T.encloseNamespace(I),O={application:b.O.SETTINGS,action:p.e.Settings.REQUESTING_ACCESS},U={application:b.O.SETTINGS,action:p.e.Settings.HOME};function j(){var e;(0,g.W)();var t=l.a.useBasicFetch(d.N.currentUser()),a=l.a.useBasicFetch(w.N.joinRequests()),c=l.a.useBasicFetch(m.L.config()),f=l.a.useBasicFetch(u.K.getRostering()),E=(null===(e=f.data)||void 0===e?void 0:e.status)&&"None"!==f.data.status;return n.useEffect((function(){if(f.hasCompleted&&E){var e={application:b.O.USER_MANAGER,action:p.e.UserManager.STAFF};r.Q.C$.trigger(e,{replace:!0})}}),[f.hasCompleted,E]),a.hasCompleted&&c.hasCompleted&&t.hasCompleted&&f.hasCompleted&&!E?n.createElement("div",{className:"px-3"},n.createElement("h1",{className:"h2"},n.createElement(o.x,{namespace:I,phrase:"heading"})),n.createElement("div",{className:"pb-3"},n.createElement(s.Oo,{breadcrumbs:[{name:L("settingsBreadcrumb"),appLink:U},{name:L("staffManagerBreadcrumb"),active:!0}]})),n.createElement(M.t,{active:"invite-requests"}),n.createElement("p",{className:"mb-3"},n.createElement(o.x,{namespace:I,phrase:"domainSettingsDescription"}),n.createElement("br",null),n.createElement(i.F,{appLink:O,className:"info-link"},n.createElement(o.x,{namespace:I,phrase:"domainSettingsLink"}))),n.createElement(A,{joinRequests:a.data,imageCdnUrl:c.data.imageCdnUrl,onResolveRequest:function(e,t){r.Q.C$.trigger({application:b.O.USER_MANAGER,action:p.e.UserManager.RESOLVE_ACCESS_REQUEST,args:[e.id],params:{status:t}})},currentUser:t.data})):n.createElement(n.Fragment,null)}},87432:(e,t,a)=>{a.d(t,{Z:()=>n});const n={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}}}]);
+//# sourceMappingURL=714-67adeb44da-lite.chunk.js.map

package/dist/scripts/714-67adeb44da-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/714-67adeb44da-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","file:///app/packages/libs/shared/src/enums/BatchJobStatus.ts","file:///app/packages/libs/shared/src/flight-requests/RosteringRequests.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/hooks/useDomainSettingsSwitch.ts","file:///app/packages/projects/lite/src/apps/user-manager/components/staff-manager-tabs/StaffManagerTabs.tsx","file:///app/packages/projects/lite/src/apps/user-manager/enums/JoinRequestStatus.ts","file:///app/packages/projects/lite/src/apps/user-manager/components/invite-requests-table/empty-state/InviteRequestsTableEmptyState.tsx","file:///app/packages/projects/lite/src/apps/user-manager/components/invite-requests-table/invite-requests-table.scss","file:///app/packages/projects/lite/src/apps/user-manager/components/invite-requests-table/InviteRequestsTable.tsx","file:///app/packages/projects/lite/src/apps/user-manager/views/invite-requests/AccessRequestsView.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button className='btn-link' onClick={() => setCollapse(false)}>\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => <BreadcrumbItem key={idx} breadcrumb={breadcrumb} />)\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.scss';\n\ninterface TabContentsProps {\n  tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svgName && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svgName={props.tab.svgName} />\n        </div>\n      )}\n\n      {props.tab.name}\n\n      {typeof (props.tab.count) === 'number' && (\n        <div className='ps-2'>\n          <Badge type={BadgeType.Count} data={props.tab.count} />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svgName?: string;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  containerRef?: (el: HTMLElement) => void;\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n  borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n\n  return (\n    <nav className={props.className ?? ''} ref={props.containerRef}>\n      <ul className={`\n        list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n        ${props.borderRadius ? styles.radiusSmall : ''}\n        ${props.listClassName}\n      `}>\n        {props.tabs.map((tab, index) => {\n          return (\n            <li\n              className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n              key={index}\n            >\n              {tab.appLink ? (\n                <AppLink\n                  appLink={tab.appLink}\n                  analyticsData={tab.analyticsData}\n                  analyticsOptions={tab.analyticsOptions}\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                >\n                  <TabContents tab={tab} />\n                </AppLink>\n              ) : (\n                <DivButton\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ${styles.tabLink}\n                  `}\n                  onClick={() => onSelectTab(tab)}\n                >\n                  <TabContents tab={tab} />\n                </DivButton>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n","export enum BatchJobStatus {\n  Submitted = 0,\n  Queued = 1,\n  Pending = 2,\n  InProgress = 3,\n  Completed = 4,\n  CompletedWithError = 5,\n  Failed = 6\n}","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkJobsQueryParams } from 'libs/shared/components/bulk-jobs-filters/BulkJobsFilters';\nimport { BatchJobStatus } from 'libs/shared/enums/BatchJobStatus';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { BatchJob, ScheduleSettingRequest } from 'libs/shared/interfaces';\nimport { CreateBatchJobRequest } from 'libs/shared/interfaces';\n\nexport const RosteringRequests = {\n  getRostering(): Flight.Request {\n    return {\n      url: `{gateway}/v1/users/me/rostering`,\n      key: `rostering`\n    };\n  },\n\n  getSyncList(queryParams: BulkJobsQueryParams): Flight.Request {\n    const params: HashObject = {};\n    if (queryParams.cursor)\n      params.cursor = queryParams.cursor;\n\n    if (queryParams.sort) {\n      if (queryParams.sort === 'oldest')\n        params.order = 'ASC';\n      else\n        params.order = 'DESC';\n    }\n\n    if (queryParams.jobStatus) {\n      const statuses = [];\n      if (queryParams.jobStatus.includes('completed')) {\n        statuses.push(...[ BatchJobStatus.Completed, BatchJobStatus.CompletedWithError ]);\n      }\n      if (queryParams.jobStatus.includes('failed')) {\n        statuses.push(BatchJobStatus.Failed);\n      }\n      if (queryParams.jobStatus.includes('inProgress')) {\n        statuses.push(...[\n          BatchJobStatus.Submitted,\n          BatchJobStatus.Queued,\n          BatchJobStatus.Pending,\n          BatchJobStatus.InProgress ]);\n      }\n      params.status = statuses;\n    }\n\n    params.type = BatchJobType.Rostering;\n\n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/batch/jobs', params),\n      key: `rostering:sync:${queryParams.cursor}:${queryParams.sort}:${queryParams.jobStatus}`\n    };\n  },\n\n  createJob(\n    data: CreateBatchJobRequest,\n    success?: (job: BatchJob) => void,\n    error?: () => void\n  ): Flight.Request {\n    return {\n      url: '{gateway}/v1/batch/jobs',\n      key: 'rostering:sync',\n      type: HttpVerbs.POST,\n      invalidationKeys: ['rostering:sync'],\n      data,\n      success,\n      error\n    };\n  },\n\n  getJobSummary(id: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/batch/jobs/${id}/summary`,\n      key: `job:summary:${id}`\n    };\n  },\n\n  getSyncScheduleSettings(integrationId: string): Flight.SimulatedRequest {\n    return {\n      url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n      key: `sync-settings:${integrationId}`\n    };\n  },\n\n  updateScheduleSetting(\n    data: ScheduleSettingRequest,\n    integrationId: string,\n    success?: () => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      type: HttpVerbs.PUT,\n      url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n      key: `update:sync-settings:${data.customerId}:${integrationId}`,\n      invalidationKeys: [`sync-settings:${integrationId}`],\n      data,\n      success,\n      error,\n      always\n    };\n  }\n};","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { useSettings } from 'libs/shared/hooks/useSettings';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function useDomainSettingsSwitch() {\n  const { isLoadingSettings, domainSettings } = useSettings(LocationContext.Settings);\n\n  React.useEffect(() => {\n    if (isLoadingSettings)\n      return;\n\n    if (!domainSettings) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [ domainSettings, isLoadingSettings ]);\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { StaffManagerAppLinks } from 'apps/user-manager/interfaces/StaffManagerAppLinks';\n\nconst namespace = 'settings.staffManagerTabs';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst staffManagerAppLinks: StaffManagerAppLinks = {\n  staffManager: {\n    application: AppChannels.USER_MANAGER,\n    action: Actions.UserManager.STAFF\n  },\n  inviteRequests: {\n    application: AppChannels.USER_MANAGER,\n    action: Actions.UserManager.ACCESS_REQUESTS\n  }\n};\n\ninterface StaffManagerTabsProps {\n  active: 'staff-manager' | 'invite-requests'\n}\n\nexport function StaffManagerTabs(props: StaffManagerTabsProps): JSX.Element {\n  const { active } = props;\n  \n  return (\n    <div className='mb-3'>\n      <PillTabSelector\n        tabs={[{\n          name: getPhrase('staffManager'),\n          appLink: staffManagerAppLinks.staffManager,\n          active: active === 'staff-manager',\n          analyticsData: {\n            name: getPhrase('staffManager'),\n            url: Core.AppLinkHelper.getHref(staffManagerAppLinks.staffManager)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }, {\n          name: getPhrase('inviteRequests'),\n          appLink: staffManagerAppLinks.inviteRequests,\n          active: active === 'invite-requests',\n          analyticsData: {\n            name: LanguageService.getPhrase(namespace, 'inviteRequests'),\n            url: Core.AppLinkHelper.getHref(staffManagerAppLinks.inviteRequests)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }]}\n      />\n    </div>\n  );\n}","export enum JoinRequestStatus {\n  Approved = 'Approved',\n  Denied = 'Denied',\n  Pending = 'Pending'\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'userManager.inviteRequestsTableEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function InviteRequestsTableEmptyState(): JSX.Element {\n  return (\n    <EmptyState>\n      <EmptyState.Image src={ImageUrls.EmptyStates.UserManager.STAFF} />\n\n      <EmptyState.Heading><Text namespace={namespace} phrase='heading' /></EmptyState.Heading>\n\n      <EmptyState.Info><Text namespace={namespace} phrase='info' /></EmptyState.Info>\n      <EmptyState.Cta\n        text={getPhrase('cta')}\n        appLink={{\n          application: AppChannels.SETTINGS,\n          action: Actions.Settings.REQUESTING_ACCESS\n        }}\n        className='btn btn-dark'\n      />\n    </EmptyState>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"avatarContainer\":\"HxoMt\",\"emailText\":\"ughCx\"};","import React from 'react';\n\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { InstanceRegion } from 'libs/shared/enums/InstanceRegion';\nimport { CurrentUser } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport { InviteRequestsTableEmptyState } from 'apps/user-manager/components/invite-requests-table/empty-state/InviteRequestsTableEmptyState';\nimport { JoinRequestStatus } from 'apps/user-manager/enums/JoinRequestStatus';\nimport { JoinRequest } from 'apps/user-manager/interfaces/JoinRequest';\n\nimport styles from './invite-requests-table.scss';\n\nconst namespace = 'userManager.inviteRequestsTable';\n\ninterface InviteRequestsTableProps {\n  joinRequests: JoinRequest[],\n  imageCdnUrl: string,\n  currentUser: CurrentUser;\n  onResolveRequest: (request: JoinRequest, status: JoinRequestStatus) => void\n}\n\nexport function InviteRequestsTable(props: InviteRequestsTableProps) {\n  const { joinRequests, imageCdnUrl, currentUser, onResolveRequest } = props;\n\n  function getDateFormat(): string {\n    if (currentUser.instanceRegion === InstanceRegion.US)\n      return 'MM/DD/YYYY';\n    return 'DD/MM/YYYY';\n  }\n\n  if (!joinRequests.length) {\n    return <InviteRequestsTableEmptyState />;\n  }\n\n  return (\n    <table className='w-100 table table-striped table-borderless'>\n      <thead>\n        <tr>\n          <th scope='col' className='ps-3'><Text namespace={namespace} phrase='nameTableHeading' /></th>\n          <th scope='col'><Text namespace={namespace} phrase='dateTableHeading' /></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        {joinRequests.map(joinRequest => (\n          <tr key={joinRequest.id}>\n            <td className='align-middle ps-3'>\n              <div className='d-flex align-items-center'>\n                <div className={`${styles.avatarContainer} me-2`}>\n                  <Avatar\n                    imageCdnUrl={imageCdnUrl}\n                    initials={\n                      UserHelper.getInitialsFromFullName(joinRequest.fullName) || joinRequest.email.charAt(0)\n                    }\n                  />\n                </div>\n                <div className='d-flex flex-column justify-content-center'>\n                  {joinRequest.fullName && <span className='fw-semibold'>{joinRequest.fullName}</span>}\n                  <span className={`${styles.emailText}`}>{joinRequest.email}</span>\n                </div>\n              </div>\n            </td>\n            <td className='align-middle'>{DateHelper.format(joinRequest.dateCreated, getDateFormat())}</td>\n            <td className='text-end pe-3'>\n              <button\n                className='btn btn-tertiary me-1'\n                onClick={() => onResolveRequest(joinRequest, JoinRequestStatus.Denied)}\n              >\n                <Text namespace={namespace} phrase='rejectButtonLabel' />\n              </button>\n              <button\n                className='btn btn-primary btn-dark'\n                onClick={() => onResolveRequest(joinRequest, JoinRequestStatus.Approved)}\n              >\n                <Text namespace={namespace} phrase='approveButtonLabel' />\n              </button>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { RosteringRequests } from 'libs/shared/flight-requests/RosteringRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { Config, CurrentUser, RosteringResponse } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useDomainSettingsSwitch } from 'apps/settings/hooks/useDomainSettingsSwitch';\nimport { InviteRequestsTable } from 'apps/user-manager/components/invite-requests-table/InviteRequestsTable';\nimport { StaffManagerTabs } from 'apps/user-manager/components/staff-manager-tabs/StaffManagerTabs';\nimport { JoinRequestStatus } from 'apps/user-manager/enums/JoinRequestStatus';\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\nimport { JoinRequest } from 'apps/user-manager/interfaces/JoinRequest';\n\nconst namespace = 'userManager.accessRequests';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst domainSettingsAppLink: Core.AppLink = {\n  application: AppChannels.SETTINGS,\n  action: Actions.Settings.REQUESTING_ACCESS\n};\n\nconst settingsAppLink: Core.AppLink = {\n  application: AppChannels.SETTINGS,\n  action: Actions.Settings.HOME\n};\n\nexport function AccessRequestsView() {\n  useDomainSettingsSwitch();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const joinRequests = Flight.useBasicFetch<JoinRequest[]>(UserManagerRequests.joinRequests());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const rostering = Flight.useBasicFetch<RosteringResponse>(RosteringRequests.getRostering());\n\n  const hasRostering = rostering.data?.status && rostering.data.status !== 'None';\n\n  React.useEffect(() => {\n    // if school has rostering, redirect to staff manager\n    if (rostering.hasCompleted && hasRostering) {\n      const appLink = {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.STAFF\n      };\n      Core.AppLinkHelper.trigger(appLink, { replace: true });\n    }\n  }, [ rostering.hasCompleted, hasRostering ]);\n\n  function onResolveRequest(joinRequest: JoinRequest, status: JoinRequestStatus) {\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.USER_MANAGER,\n      action: Actions.UserManager.RESOLVE_ACCESS_REQUEST,\n      args: [joinRequest.id],\n      params: { status }\n    });\n  }\n\n  const dataLoaded = !joinRequests.hasCompleted\n    || !config.hasCompleted\n    || !currentUser.hasCompleted\n    || !rostering.hasCompleted;\n\n  if (dataLoaded || hasRostering) {\n    return <></>;\n  }\n\n  return (\n    <div className='px-3'>\n      <h1 className='h2'>\n        <Text namespace={namespace} phrase='heading' />\n      </h1>\n\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            { name: getPhrase('settingsBreadcrumb'), appLink: settingsAppLink },\n            { name: getPhrase('staffManagerBreadcrumb'), active: true }\n          ]}\n        />\n      </div>\n\n      <StaffManagerTabs active='invite-requests' />\n\n      <p className='mb-3'>\n        <Text namespace={namespace} phrase='domainSettingsDescription' />\n        <br/>\n        <AppLink appLink={domainSettingsAppLink} className='info-link'>\n          <Text namespace={namespace} phrase={'domainSettingsLink'}/>\n        </AppLink>\n      </p>\n\n      <InviteRequestsTable\n        joinRequests={joinRequests.data}\n        imageCdnUrl={config.data.imageCdnUrl}\n        onResolveRequest={onResolveRequest}\n        currentUser={currentUser.data}\n      />\n    </div>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","characterLength","reduce","prev","next","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","TabContents","props","tab","count","type","data","PillTabSelector","ref","containerRef","borderRadius","listClassName","tabs","index","analyticsData","analyticsOptions","onSelect","onSelectTab","defaultProps","BatchJobStatus","RosteringRequests","getRostering","url","getSyncList","queryParams","params","cursor","sort","order","jobStatus","statuses","includes","push","status","createJob","success","error","invalidationKeys","getJobSummary","id","getSyncScheduleSettings","integrationId","updateScheduleSetting","always","customerId","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","Math","max","floor","random","useDomainSettingsSwitch","isLoadingSettings","domainSettings","application","action","replace","namespace","getPhrase","staffManagerAppLinks","staffManager","inviteRequests","StaffManagerTabs","actionType","entity","location","JoinRequestStatus","LanguageService","InviteRequestsTableEmptyState","EmptyState","src","ImageUrls","Text","phrase","text","InviteRequestsTable","joinRequests","imageCdnUrl","currentUser","onResolveRequest","scope","joinRequest","Avatar","initials","UserHelper","fullName","email","charAt","DateHelper","dateCreated","instanceRegion","InstanceRegion","domainSettingsAppLink","settingsAppLink","AccessRequestsView","UserRequests","UserManagerRequests","config","ConfigRequests","rostering","hasRostering","hasCompleted","AppLink","args"],"sourceRoot":""}

package/dist/scripts/7163-8b5ab059b6-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7163],{49935:(e,t,r)=>{r.d(t,{Oo:()=>m,b2:()=>p});var n=r(32735),a=r(36848),i=r(86764),l=r(3747),o=r(5859),c=r(35223),u=r(83914);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var d=function(e){var t=e.breadcrumb,r=t.name,i=t.appLink,l=t.active,o=e.withBackIcon;return n.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?n.createElement("strong",null,r):n.createElement(a.F,{appLink:i},o&&n.createElement(u.x,{svgName:c.vn.ChevronLeft,size:u.S.Small}),n.createElement("span",{className:o?"ms-2":""},r)))},m=function(e){var t,r,a=e.breadcrumbs,o=(0,l.a)(i.r.XS),c=(null==a?void 0:a.length)||0,u=(t=n.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,r)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],p=u[1];if(n.useEffect((function(){var e,t=null!==(e=null==a?void 0:a.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;c>3&&t>56&&p(!0)}),[null==a?void 0:a.length]),!c||o&&c<2)return n.createElement(n.Fragment,null);if(o)return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},n.createElement(d,{breadcrumb:a[c-2],withBackIcon:!0})));var v=n.createElement(d,{breadcrumb:a[0]}),f=c>2?n.createElement(d,{breadcrumb:a[c-2]}):n.createElement(n.Fragment,null),b=n.createElement(d,{breadcrumb:a[c-1]}),y=a.slice(1,c-2);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},v,m?n.createElement("li",{className:"breadcrumb-item"},n.createElement("button",{className:"btn-link",onClick:function(){return p(!1)}},"...")):y.map((function(e,t){return n.createElement(d,{key:t,breadcrumb:e})})),f,b))},p=n.memo((function(e){var t=e.numItems,r=void 0===t?3:t;return(0,l.a)(i.r.XS)?n.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},o.u.getPartialLoadingItems({numItems:r}).map((function(e,t){var r=e.width;return n.createElement("li",{key:t,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:r},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},63719:(e,t,r)=>{r.d(t,{h:()=>o});var n=r(32735),a=r(77316);function i(e,t){if(e){if("string"==typeof e)return l(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function o(e){var t,r,o=(t=n.useMemo((function(){return a.p.getBuilder()}),[]),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,r)||i(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],u=(0,o[1])(c);return u&&e?[].concat(function(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(u),[Object.assign(Object.assign({},e),{active:!0})]):u}},5859:(e,t,r)=>{function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}r.d(t,{u:()=>i});var a={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=Object.assign(Object.assign({},a),t);return(e=Array(r.numItems),function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*r.maxWidth),r.minWidth),"px")}}))}}},80024:(e,t,r)=>{r.r(t),r.d(t,{MyVideosFolderView:()=>q});var n=r(32735),a=r(81886),i=r(20354),l=r(28400),o=r(65858),c=r(43500),u=r(83657),s=r(49935),d=r(73518),m=r(83834),p=r(65403),v=r(10874),f=r(37395),b=r(4201),y=r(83345),g=r(74696),h=r(30254),E=r(13231),k=r(51365),A=r(1666),S=r(98064),I=r(31949),w=r(63719),L=r(299),O=r(91286),F=r(22902),V=r(37802),M=r(35223),N=r(35949),C=r(14070),x=r(97291),j=r(51855),D=r(27638),B=r(44110),_=r(10741),P=r(22490),G=r(98860),R=r(12617),T=r(45967),W=r(65202),Y=r(74796),H=r(82431),U=r(18097),X=r(14305),$=r(61970);const Q={uploadingList:"BrRqF"};var Z="default.myVideosFolders";function q(e){var t,r,q,z,J,K,ee,te=i.a.useGetFetch(),re=(0,D.u)(o.LZ.VideoThumbnail),ne=re.setFavourite,ae=re.canFavourite,ie=(0,B.i)(),le=(0,T.q)().handleDragEnd,oe=(0,b.of)().focusSearchBar,ce=(0,j.G)().isPlugin,ue=i.a.useBasicFetch(S.D.folder(e.id)),se=(0,G.P)(e.id),de=i.a.useBasicFetch(I.N.currentUser()),me=i.a.useBasicFetch((null===(t=de.data)||void 0===t?void 0:t.isAuthenticated)&&A.h.yearGroups(de.data.customerId)),pe=i.a.useBasicFetch((null===(r=de.data)||void 0===r?void 0:r.isAuthenticated)&&I.N.workspace());(0,O.v)(ue);var ve=(0,w.h)({name:null===(q=ue.data)||void 0===q?void 0:q.name}),fe=(0,Y.f)(),be=(0,V.r)(null),ye=be.myVideosFolders,ge=be.isLoadingSettings;n.useEffect((function(){ge||ye||a.Q.C$.trigger({application:x.O.MY_VIDEOS,action:C.e.MyVideos.MY_VIDEOS},{replace:!0})}),[ye,ge]);var he=(0,$.y)(),Ee=(0,$.W)(null===(z=pe.data)||void 0===z?void 0:z.id,e.id),ke=(0,F.T)().hasPermissions,Ae=function(t,r){return R.E.videos(e.id,t,r)},Se=i.a.useBasicFetch(Ae(e.cursor,e.typeFilter));(0,O.v)(Se);var Ie=(0,W.J)({onRemove:function(e,t){return te(Ae(e,t))},categoryId:+e.id}),we=Ie.uploadingVideos,Le=Ie.onClickAlternate,Oe=Ie.onClickDelete,Fe=Ie.processingIds,Ve=null===(K=null===(J=Se.data)||void 0===J?void 0:J.data)||void 0===K?void 0:K.filter((function(e){return!Fe[e.id]})),Me=(0,L.X)(Ve);return ue.data?n.createElement(k.M.Provider,{value:he},n.createElement("div",{className:"px-3"},n.createElement("div",{className:"d-flex justify-content-between align-items-start"},n.createElement("h1",{className:"h2 mb-0"},ue.data.name),n.createElement("div",{className:"d-sm-flex d-none ms-2"},n.createElement(v.h,{svgName:M.vn.Search,appLink:{application:x.O.SEARCH,action:C.e.Search.HOME,params:{source:c.fi.MyVideos}},className:"btn btn-outline-dark me-2",onClick:oe,analyticsData:{},analyticsOptions:{entity:o.py.SearchResults,location:o.LZ.MyVideos,actionType:o.Vw.Click,descriptor:o.Bk.MyVideos}},n.createElement(y.x,{namespace:Z,phrase:"searchMyVideos"})),n.createElement(u.e,{actions:fe("page",ue.data),actionsDropdownClassName:"btn btn-outline-dark"}))),n.createElement("div",{className:"mt-3"},n.createElement(s.Oo,{breadcrumbs:ve})),n.createElement("hr",null),!(null==se?void 0:se.hasCompleted)&&n.createElement(p.i,null),n.createElement(d.p,{handleDragEnd:le,dragOverlayComponent:N.U,source:ue.data},!!(null===(ee=null==se?void 0:se.items)||void 0===ee?void 0:ee.length)&&n.createElement("div",{className:"mx-n2"},n.createElement(m.$,{folders:se.items,getAppLink:function(e){return{application:x.O.MY_VIDEOS,action:C.e.MyVideos.MY_VIDEOS_FOLDER,args:[e.id,l.m.slugify(e.name)]}},expandFolders:!1,getFolderActions:function(e){return fe("folder",e)},drag:!0,drop:!0})),n.createElement(h.X,{allowBulkAction:!0,allowFilter:!0,isVideosLoading:!Se.data,checkboxHelper:Me,getVideosBulkAction:Ee,locationContext:o.LZ.MyVideos,typeFilter:e.typeFilter,getAppLink:function(){var t;return{application:x.O.MY_VIDEOS,action:C.e.MyVideos.MY_VIDEOS_FOLDER,args:[e.id,l.m.slugify(null===(t=ue.data)||void 0===t?void 0:t.name)]}}}),!!(null==we?void 0:we.length)&&n.createElement("div",{className:"position-relative ".concat(Q.uploadingList)},we.map((function(e){return n.createElement(U.X,{item:e,onClickAlternate:Le,onClickDelete:Oe,key:e.id,allowBulkAction:!0})}))),function(){var t,r,a,i;return Se.data?(null===(r=null===(t=Se.data)||void 0===t?void 0:t.data)||void 0===r?void 0:r.length)?n.createElement(n.Fragment,null,n.createElement(E.E4,{videos:Ve,yearGroups:me.data,getVideoAppLink:P.W.getAppLink,getSubTextAppLink:function(e){return H.j.getSeriesAppLink(e.series)},setFavourite:ne,canFavourite:ae,presentationAudiences:ie.data,canRemovePrivateVideos:!0,allowBulkAction:!0,hasPermissions:ke,getVideosBulkAction:Ee,typeFilter:e.typeFilter,checkboxHelper:Me,drag:!0,getPreviewQuestionsAppLink:function(e){return _.j.getPreviewQuestionsAppLink(e)},isPlugin:ce,getClassroomGuideAppLink:P.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:P.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:P.W.getResourceGuidanceAppLink}),!!(null===(i=null===(a=Se.data)||void 0===a?void 0:a.pagination)||void 0===i?void 0:i.cursors)&&n.createElement(f.t,{appLink:{action:C.e.MyVideos.MY_VIDEOS_FOLDER,application:x.O.MY_VIDEOS,args:[e.id,l.m.slugify(ue.data.name)],params:{cursor:e.cursor,previous:e.previous,type:e.typeFilter}},cursors:{next:Se.data.pagination.cursors.next,previous:e.cursor},buttonVariant:"outline-dark",className:"py-2 float-end",scrollTop:!0,prevHack:!0})):n.createElement(X.K,null):n.createElement(g.S,{allowBulkActions:!0})}()))):n.createElement(n.Fragment,null)}}}]);
+//# sourceMappingURL=7163-8b5ab059b6-lite.chunk.js.map

package/dist/scripts/7163-8b5ab059b6-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/7163-8b5ab059b6-lite.chunk.js","mappings":"mUAYA,IAaaA,EAAiB,SAAH,WAAMC,WAAcC,EAAI,EAAJA,KAAMC,EAAO,EAAPA,QAASC,EAAM,EAANA,OAAUC,EAAY,EAAZA,aAAY,OAClF,sBAAIC,UAAS,yBAAoBF,EAAS,UAAY,KACnDA,EACG,8BAASF,GACT,gBAAC,IAAO,CAACC,QAASA,GACjBE,GAAgB,gBAAC,IAAY,CAACE,QAAS,iBAA0BC,KAAM,EAAAC,EAAA,QACxE,wBAAMH,UAAWD,EAAe,OAAS,IAAKH,IAG/C,EAOMQ,EAAc,SAAH,GAAyC,I,IAAnCC,EAAW,EAAXA,YACtBC,GAAW,OAAc,QAEzBC,GAASF,aAAW,EAAXA,EAAaE,SAAU,EAEiB,G,EAArB,YAAe,G,EAAM,E,o4BAA/CC,EAAQ,KAAEC,EAAW,KAS7B,GAPA,aAAgB,W,MACRC,EAAiF,QAA/D,EAAAL,aAAW,EAAXA,EAAaM,QAAO,SAACC,EAAMC,GAAI,OAAKD,EAAOC,EAAKjB,KAAKW,MAAM,GAAE,UAAE,QAAI,EAEvFA,EAAS,GAAKG,EAvCW,IAwC3BD,GAAY,EAChB,GAAG,CAACJ,aAAW,EAAXA,EAAaE,UAEZA,GAAWD,GAAYC,EAAS,EACnC,OAAO,iCAET,GAAID,EACF,OACE,oCAAgB,cACd,sBAAIN,UAAU,sBACZ,gBAACN,EAAc,CAACC,WAAYU,EAAYE,EAAS,GAAIR,cAAY,MAKzE,IAAMe,EAAQ,gBAACpB,EAAc,CAACC,WAAYU,EAAY,KAChDU,EAAaR,EAAS,EAAI,gBAACb,EAAc,CAACC,WAAYU,EAAYE,EAAS,KAAS,iCACpFS,EAAO,gBAACtB,EAAc,CAACC,WAAYU,EAAYE,EAAS,KACxDU,EAAOZ,EAAYa,MAAM,EAAGX,EAAS,GAE3C,OACE,oCAAgB,cACd,sBAAIP,UAAU,sBACXc,EACAN,EACC,sBAAIR,UAAU,mBACZ,0BAAQA,UAAU,WAAWmB,QAAS,kBAAMV,GAAY,EAAM,WAIhEQ,EAAKG,KAAI,SAACzB,EAAY0B,GAAG,OAAK,gBAAC3B,EAAc,CAAC4B,IAAKD,EAAK1B,WAAYA,GAAc,IAEnFoB,EACAC,GAIT,EAEaO,EAAqB,QAAW,YAAiD,QAAtCC,SAAAA,OAAQ,IAAG,IAAC,EAGlE,OAFiB,OAAc,QAI3B,uBAAKxB,UAAU,6BAA6ByB,MAAO,CAAEC,OAAQ,YAAaC,MAAO,UAKnF,oCAAgB,cACd,sBAAI3B,UAAU,sBACX,2BAA4C,CAAEwB,SAAAA,IAAYJ,KAAI,WAAYC,GAAG,IAAZM,EAAK,EAALA,MAAK,OACrE,sBAAIL,IAAKD,EAAKrB,UAAU,mBACtB,wBAAMA,UAAU,4CAA4CyB,MAAO,CAAEE,MAAAA,GAASC,wBAAyB,CAAEC,OAAQ,WAC9G,KAKf,G,mbC1GM,SAAUC,EAAeC,GAC7B,I,IAAqF,G,EAAvD,WAAc,kBAAM,gBAA8B,GAAE,I,EAAG,E,unBAA7EC,EAAK,KAEP3B,GAAc4B,EAFK,MAEMD,GAE/B,OAAK3B,GAAgB0B,EAGd,GAAP,O,yWAAA,CAAY1B,GAAW,gCAAO0B,GAAO,CAAEjC,QAAQ,MAFtCO,CAGX,C,wICdA,IAAM6B,EAAyD,CAC7DV,SAAU,EACVW,SAAU,GACVC,SAAU,KAaCC,EAAuB,CAClCC,uBAAsB,WAAoC,I,EAAnCC,EAAA,uDAAiC,CAAC,EACjDC,EAAO,OAAH,wBACLN,GACAK,GAKL,O,EAAWE,MAAMD,EAAKhB,U,omBAAWJ,KAAI,iBAAO,CAAEO,MAAO,GAAF,OAFhBe,KAAKC,IAAID,KAAKE,MAAMF,KAAKG,SAAWL,EAAKJ,UAAWI,EAAKL,UAEd,MAAM,GACtF,E,0iBCzBF,SAAgB,cAAgB,SCuDhC,IAAMW,EAAY,0BASZ,SAAUC,EAAmBC,G,mBAC3BC,GAAQ,kBACd,IAAuC,EAAAC,EAAAC,GAAkB,qBAAjDC,GAAY,GAAZA,aAAcC,GAAY,GAAZA,aAChBC,IAAY,EAAAC,EAAA,KACVC,IAAkB,EAAAC,EAAA,KAAlBD,cACAE,IAAmB,UAAnBA,eACAC,IAAa,EAAAC,EAAA,KAAbD,SAEFE,GAAS,kBAA6BC,EAAA,SAAuBd,EAAMe,KACnEC,IAAa,OAAwBhB,EAAMe,IAC3CE,GAAc,kBAAkCC,EAAA,iBAChDC,GAAa,mBACD,QAAhB,EAAAF,GAAYG,YAAI,eAAEC,kBAAmBC,EAAA,aAA4BL,GAAYG,KAAKG,aAE9EC,GAAY,mBACA,QAAhB,EAAAP,GAAYG,YAAI,eAAEC,kBAAmBH,EAAA,gBAIvC,OAAqBL,IAErB,IAAMxD,IAAc,EAAAyB,EAAA,GAAe,CAAElC,KAAiB,QAAX,EAAAiE,GAAOO,YAAI,eAAExE,OAClD,IAAmB,SAGzB,IAA+C,EAAA6E,EAAA,GAAY,MAAnDC,GAAe,GAAfA,gBAAiBC,GAAiB,GAAjBA,kBACzB,aAAgB,WACVA,IAAqBD,IAGzB,eAA2B,CACzBE,YAAa,cACbC,OAAQ,wBACP,CAAEC,SAAS,GAChB,GAAG,CAAEJ,GAAiBC,KAEtB,IAAMI,IAAsB,SACtBC,IAAuB,OAAyC,QAAd,EAAAR,GAAUJ,YAAI,eAAEL,GAAIf,EAAMe,IAC1EkB,IAAmB,EAAAC,EAAA,KAAnBD,eAEFE,GAAqB,SAACC,EAAiBC,GAE3C,OAAOC,EAAA,SAAwBtC,EAAMe,GAAIqB,EAAQC,EACnD,EAMME,GAAS,kBACbJ,GAAmBnC,EAAMoC,OAAQpC,EAAMqC,cAGzC,OAAqBE,IAErB,QAKI,EAAAC,EAAA,GAAe,CAAEC,SAfH,SAACL,EAAiBC,GAClC,OAAOpC,GAAMkC,GAAmBC,EAAQC,GAC1C,EAa0CK,YAAa1C,EAAMe,KAJ3D4B,GAAe,GAAfA,gBACAC,GAAgB,GAAhBA,iBACAC,GAAa,GAAbA,cACAC,GAAa,GAAbA,cAGIC,GAAiC,QAAjB,EAAW,QAAX,EAAAR,GAAOnB,YAAI,eAAEA,YAAI,eAAE4B,QAAO,SAAAC,GAAC,OAAKH,GAAcG,EAAElC,GAAG,IAEnEmC,IAAsC,EAAAC,EAAA,GAAuBJ,IAenE,OAAKlC,GAAOO,KAIV,gBAACgC,EAAA,WAA4B,CAACC,MAAOtB,IACnC,uBAAK/E,UAAU,QACb,uBAAKA,UAAU,oDACb,sBAAIA,UAAU,WAAW6D,GAAOO,KAAKxE,MACrC,uBAAKI,UAAU,yBACb,gBAACsG,EAAA,EAAU,CACTrG,QAAS,YACTJ,QAAS,CACP+E,YAAa,WACbC,OAAQ,gBACR0B,OAAQ,CACNC,OAAQ,gBAGZxG,UAAU,4BACVmB,QAASuC,GACT+C,cAAe,CAAC,EAChBC,iBAAkB,CAChBC,OAAQ,mBACRC,SAAU,cACVC,WAAY,WACZC,WAAY,gBAGd,gBAACC,EAAA,EAAI,CAACjE,UAAWA,EAAWkE,OAAO,oBAErC,gBAACC,EAAA,EAAgB,CACfC,QAAS,GAAiB,OAAQrD,GAAOO,MACzC+C,yBAAyB,2BAI/B,uBAAKnH,UAAU,QACb,gBAACI,EAAA,GAAW,CAACC,YAAaA,MAE5B,6BACE2D,cAAU,EAAVA,GAAYoD,eAAgB,gBAACC,EAAA,EAAiB,MAChD,gBAACC,EAAA,EAAmB,CAClB9D,cAAeA,GACf+D,qBAAsBC,EAAA,EACtBhB,OAAQ3C,GAAOO,SAEK,QAAjB,GAAAJ,cAAU,EAAVA,GAAYyD,aAAK,iBAAElH,SACtB,uBAAKP,UAAU,SACb,gBAAC0H,EAAA,EAAU,CACTC,QAAS3D,GAAWyD,MACpBG,WAAY,SAACC,GAAS,MAAM,CAC1BjD,YAAa,cACbC,OAAQ,8BACRiD,KAAM,CAAED,EAAE9D,GAAIgE,EAAA,UAAmBF,EAAEjI,OACpC,EACDoI,eAAe,EACfC,iBAAkB,SAAAJ,GAAC,OAAI,GAAiB,SAAUA,EAAE,EACpDK,MAAI,EACJC,MAAI,KAIR,gBAACC,EAAA,EAAgB,CACfC,iBAAe,EACfC,aAAW,EACXC,iBAAkBhD,GAAOnB,KACzBoE,eAAgBtC,GAChBuC,oBAAqBzD,GACrB0D,gBAAiB,cACjBrD,WAAYrC,EAAMqC,WAClBuC,WAAY,W,MAAM,MAAC,CACjBhD,YAAa,cACbC,OAAQ,8BACRiD,KAAM,CAAE9E,EAAMe,GAAIgE,EAAA,UAA8B,QAAX,EAAAlE,GAAOO,YAAI,eAAExE,OAClD,OAED+F,cAAe,EAAfA,GAAiBpF,SAClB,uBAAKP,UAAS,4BAAuB,kBAClC2F,GAAgBvE,KAAI,SAAAuH,GAAc,OACjC,gBAACC,EAAA,EAAa,CACZC,KAAMF,EACN/C,iBAAkBA,GAClBC,cAAeA,GACfvE,IAAKqH,EAAe5E,GACpBsE,iBAAe,GACf,KAIN,W,YACA,OAAK9C,GAAOnB,MAGU,QAAjB,EAAW,QAAX,EAAAmB,GAAOnB,YAAI,eAAEA,YAAI,eAAE7D,QAItB,gCACE,gBAACuI,EAAA,GAAS,CACRvD,OAAQQ,GACR5B,WAAYA,GAAWC,KACvB2E,gBAAiBC,EAAA,aACjBC,kBAAmB,SAAAC,GAAK,OAAIC,EAAA,mBAAqCD,EAAME,OAAO,EAC9EhG,aAAcA,GACdC,aAAcA,GACdgG,sBAAuB/F,GAAUc,KACjCkF,wBAAsB,EACtBjB,iBAAe,EACfpD,eAAgBA,GAChBwD,oBAAqBzD,GACrBK,WAAYrC,EAAMqC,WAClBmD,eAAgBtC,GAChBgC,MAAI,EACJqB,2BAA4B,SAAAC,GAAW,OAAIC,EAAA,6BAA8CD,EAAY,EACrG7F,SAAUA,GACV+F,yBAA0BV,EAAA,2BAC1BW,8BAA+BX,EAAA,gCAC/BY,2BAA4BZ,EAAA,kCAEJ,QAAvB,EAAW,QAAX,EAAAzD,GAAOnB,YAAI,eAAEyF,kBAAU,eAAEC,UAC1B,gBAACC,EAAA,EAAU,CACTlK,QArIT,CACLgF,OAAQ,8BACRD,YAAa,cACbkD,KAAM,CAAE9E,EAAMe,GAAIgE,EAAA,UAAmBlE,GAAOO,KAAKxE,OACjD2G,OAAQ,CAAEnB,OAAQpC,EAAMoC,OAAQ4E,SAAUhH,EAAMgH,SAAUC,KAAMjH,EAAMqC,aAkIxDyE,QA7HT,CAAEjJ,KAAM0E,GAAOnB,KAAKyF,WAAWC,QAAQjJ,KAAMmJ,SAAUhH,EAAMoC,QA8HpD8E,cAAc,eACdlK,UAAU,iBACVmK,WAAS,EACTC,UAAQ,KAhCP,gBAACC,EAAA,EAAkB,MAHnB,gBAACC,EAAA,EAAgB,CAACC,kBAAgB,GAwC7C,CA1CE,MAxFD,gCAuIX,C","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/my-videos/views/my-videos-folder/my-videos-folders.scss","file:///app/packages/projects/lite/src/apps/my-videos/views/my-videos-folder/MyVideosFolderView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button className='btn-link' onClick={() => setCollapse(false)}>\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => <BreadcrumbItem key={idx} breadcrumb={breadcrumb} />)\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n  const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n  const breadcrumbs = useBuilder(match);\n\n  if (!breadcrumbs || !current)\n    return breadcrumbs;\n\n  return [ ...breadcrumbs, { ...current, active: true }];\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"uploadingList\":\"BrRqF\"};","import React from 'react';\n\nimport { Cursors } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { EntityType, Folder, LocationContext, SearchSourceDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { SearchIndices, SourceFilterOptions } from 'libs/shared/apps/search/interfaces';\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { DragDropMoveContext } from 'libs/shared/components/drag-drop-move/DragDropMoveContext';\nimport { FolderList } from 'libs/shared/components/folder-list/FolderList';\nimport { PartialFolderList } from 'libs/shared/components/folder-list/partial-loading/PartialFolderList';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\nimport { useFocusSearchBar } from 'libs/shared/components/search-bar/SearchUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoListActions } from 'libs/shared/components/video-list/video-list-actions/VideoListActions';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { BulkCheckboxManager, useBulkCheckboxManager } from 'libs/shared/hooks/useBulkCheckboxManager';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { BasePaginatedCollection, CurrentUser, Library, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { DragDropOverlay } from 'shared/components/drag-drop-overlay/DragDropOverlay';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { useFetchAllChildFolders } from 'apps/libraries/hooks/UseFetchAllChildFolders';\nimport { MyVideosRequests } from 'apps/my-videos/flight-requests/MyVideosRequests';\nimport { useDragDropMove } from 'apps/my-videos/hooks/useDragDropMove';\nimport { useUploadItems } from 'apps/my-videos/hooks/useUploadItems';\nimport { useGetFolderActions } from 'apps/my-videos/utils/getFolderActions';\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\nimport { UploadingItem } from 'apps/upload/components/uploading-item/UploadingItem';\n\nimport { MyVideosEmptyState } from '../my-videos/empty-state/MyVideosEmptyState';\nimport { useMyVideosViewActions, useMyVideosViewBulkActions } from '../my-videos/MyVideosViewUtils';\n\nimport styles from './my-videos-folders.scss';\n\nconst namespace = 'default.myVideosFolders';\n\ninterface MyVideosFolderViewProps {\n  id: string;\n  cursor?: string;\n  previous?: string;\n  typeFilter?: SearchIndices[];\n}\n\nexport function MyVideosFolderView(props: MyVideosFolderViewProps): JSX.Element {\n  const fetch = Flight.useGetFetch();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const audiences = usePresentationAudiences();\n  const { handleDragEnd } = useDragDropMove();\n  const { focusSearchBar } = useFocusSearchBar();\n  const { isPlugin } = usePluginHelper();\n\n  const folder = Flight.useBasicFetch<Folder>(LibraryRequests.folder(props.id));\n  const subfolders = useFetchAllChildFolders(props.id);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n  const workspace = Flight.useBasicFetch<Library>(\n    currentUser.data?.isAuthenticated && UserRequests.workspace()\n  );\n\n\n  useHandleObjectError(folder);\n\n  const breadcrumbs = useBreadcrumbs({ name: folder.data?.name });\n  const getFolderActions = useGetFolderActions();\n\n  // TODO: Remove this redirect when we release my videos with folders.\n  const { myVideosFolders, isLoadingSettings } = useSettings(null);\n  React.useEffect(() => {\n    if (isLoadingSettings || myVideosFolders)\n      return;\n    \n    Core.AppLinkHelper.trigger({\n      application: AppChannels.MY_VIDEOS,\n      action: Actions.MyVideos.MY_VIDEOS\n    }, { replace: true });\n  }, [ myVideosFolders, isLoadingSettings ]);\n\n  const getVideoItemActions = useMyVideosViewActions();\n  const getVideosBulkActions = useMyVideosViewBulkActions(workspace.data?.id, props.id);\n  const { hasPermissions } = usePermissions();\n\n  const getMyVideosRequest = (cursor?: string, typeFilter?: SearchIndices | SearchIndices[]) => {\n    // Delete the above when master supports the new assoc types.\n    return MyVideosRequests.videos(props.id, cursor, typeFilter);\n  };\n\n  const fetchNext = (cursor?: string, typeFilter?: SearchIndices | SearchIndices[]) => {\n    return fetch(getMyVideosRequest(cursor, typeFilter));\n  };\n\n  const videos = Flight.useBasicFetch<BasePaginatedCollection<VideoTypes>>(\n    getMyVideosRequest(props.cursor, props.typeFilter)\n  );\n\n  useHandleObjectError(videos);\n\n  const {\n    uploadingVideos,\n    onClickAlternate,\n    onClickDelete,\n    processingIds\n  } = useUploadItems({ onRemove: fetchNext, categoryId: +props.id });\n\n  const omittedVideos = videos.data?.data?.filter(v => !processingIds[v.id]);\n\n  const CheckboxHelper: BulkCheckboxManager = useBulkCheckboxManager(omittedVideos);\n\n  function getMyVideosAppLink(): Core.AppLink {\n    return {\n      action: Actions.MyVideos.MY_VIDEOS_FOLDER,\n      application: AppChannels.MY_VIDEOS,\n      args: [ props.id, TextHelper.slugify(folder.data.name) ],\n      params: { cursor: props.cursor, previous: props.previous, type: props.typeFilter }\n    };\n  }\n\n  function getCursors(): Cursors {\n    return { next: videos.data.pagination.cursors.next, previous: props.cursor };\n  }\n\n  if (!folder.data)\n    return <></>;\n\n  return (\n    <VideoActionsContext.Provider value={getVideoItemActions}>\n      <div className='px-3'>\n        <div className='d-flex justify-content-between align-items-start'>\n          <h1 className='h2 mb-0'>{folder.data.name}</h1>\n          <div className='d-sm-flex d-none ms-2'>\n            <IconButton\n              svgName={cvSvgLibrary.Search}\n              appLink={{\n                application: AppChannels.SEARCH,\n                action: Actions.Search.HOME,\n                params: {\n                  source: SourceFilterOptions.MyVideos\n                }\n              }}\n              className='btn btn-outline-dark me-2'\n              onClick={focusSearchBar}\n              analyticsData={{}}\n              analyticsOptions={{\n                entity: EntityType.SearchResults,\n                location: LocationContext.MyVideos,\n                actionType: UserAction.Click,\n                descriptor: SearchSourceDescriptor.MyVideos\n              }}\n            >\n              <Text namespace={namespace} phrase='searchMyVideos' />\n            </IconButton>\n            <ActionsComponent\n              actions={getFolderActions('page', folder.data)}\n              actionsDropdownClassName='btn btn-outline-dark'\n            />\n          </div>\n        </div>\n        <div className='mt-3'>\n          <Breadcrumbs breadcrumbs={breadcrumbs} />\n        </div>\n        <hr />\n        {!subfolders?.hasCompleted && <PartialFolderList />}\n        <DragDropMoveContext\n          handleDragEnd={handleDragEnd}\n          dragOverlayComponent={DragDropOverlay}\n          source={folder.data}\n        >\n          {!!subfolders?.items?.length &&\n          <div className='mx-n2'>\n            <FolderList\n              folders={subfolders.items}\n              getAppLink={(f: Folder) => ({\n                application: AppChannels.MY_VIDEOS,\n                action: Actions.MyVideos.MY_VIDEOS_FOLDER,\n                args: [ f.id, TextHelper.slugify(f.name) ]\n              })}\n              expandFolders={false}\n              getFolderActions={f => getFolderActions('folder', f)}\n              drag\n              drop\n            />\n          </div>\n          }\n          <VideoListActions\n            allowBulkAction\n            allowFilter\n            isVideosLoading={!videos.data}\n            checkboxHelper={CheckboxHelper}\n            getVideosBulkAction={getVideosBulkActions}\n            locationContext={LocationContext.MyVideos}\n            typeFilter={props.typeFilter}\n            getAppLink={() => ({\n              application: AppChannels.MY_VIDEOS,\n              action: Actions.MyVideos.MY_VIDEOS_FOLDER,\n              args: [ props.id, TextHelper.slugify(folder.data?.name) ]\n            })}\n          />\n          {!!uploadingVideos?.length && (\n            <div className={`position-relative ${styles.uploadingList}`}>\n              {uploadingVideos.map(uploadingVideo => (\n                <UploadingItem\n                  item={uploadingVideo}\n                  onClickAlternate={onClickAlternate}\n                  onClickDelete={onClickDelete}\n                  key={uploadingVideo.id}\n                  allowBulkAction\n                />\n              ))}\n            </div>\n          )}\n          {(() => {\n            if (!videos.data)\n              return <PartialVideoList allowBulkActions />;\n\n            if (!videos.data?.data?.length)\n              return <MyVideosEmptyState />;\n\n            return (\n              <>\n                <VideoList\n                  videos={omittedVideos}\n                  yearGroups={yearGroups.data}\n                  getVideoAppLink={VideoAppLinkHelper.getAppLink}\n                  getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n                  setFavourite={setFavourite}\n                  canFavourite={canFavourite}\n                  presentationAudiences={audiences.data}\n                  canRemovePrivateVideos\n                  allowBulkAction\n                  hasPermissions={hasPermissions}\n                  getVideosBulkAction={getVideosBulkActions}\n                  typeFilter={props.typeFilter}\n                  checkboxHelper={CheckboxHelper}\n                  drag\n                  getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n                  isPlugin={isPlugin}\n                  getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n                  getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n                  getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n                />\n                {!!videos.data?.pagination?.cursors && (\n                  <Pagination\n                    appLink={getMyVideosAppLink()}\n                    cursors={getCursors()}\n                    buttonVariant='outline-dark'\n                    className='py-2 float-end'\n                    scrollTop\n                    prevHack\n                  />\n                )}\n              </>\n            );\n          })()}\n        </DragDropMoveContext>\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","characterLength","reduce","prev","next","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","useBreadcrumbs","current","match","useBuilder","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","Math","max","floor","random","namespace","MyVideosFolderView","props","fetch","useLiteFavourites","u","setFavourite","canFavourite","audiences","usePresentationAudiences","handleDragEnd","useDragDropMove","focusSearchBar","isPlugin","usePluginHelper","folder","LibraryRequests","id","subfolders","currentUser","UserRequests","yearGroups","data","isAuthenticated","CustomerRequests","customerId","workspace","useSettings","myVideosFolders","isLoadingSettings","application","action","replace","getVideoItemActions","getVideosBulkActions","hasPermissions","usePermissions","getMyVideosRequest","cursor","typeFilter","MyVideosRequests","videos","useUploadItems","onRemove","categoryId","uploadingVideos","onClickAlternate","onClickDelete","processingIds","omittedVideos","filter","v","CheckboxHelper","useBulkCheckboxManager","VideoActionsContext","value","IconButton","params","source","analyticsData","analyticsOptions","entity","location","actionType","descriptor","Text","phrase","Actions","actions","actionsDropdownClassName","hasCompleted","PartialFolderList","DragDropMoveContext","dragOverlayComponent","DragDropOverlay","items","FolderList","folders","getAppLink","f","args","TextHelper","expandFolders","getFolderActions","drag","drop","VideoListActions","allowBulkAction","allowFilter","isVideosLoading","checkboxHelper","getVideosBulkAction","locationContext","uploadingVideo","UploadingItem","item","VideoList","getVideoAppLink","VideoAppLinkHelper","getSubTextAppLink","video","SeriesAppLinkHelper","series","presentationAudiences","canRemovePrivateVideos","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","pagination","cursors","Pagination","previous","type","buttonVariant","scrollTop","prevHack","MyVideosEmptyState","PartialVideoList","allowBulkActions"],"sourceRoot":""}

package/dist/scripts/7178-4b9c33a63e-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7178],{49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>g});var r=n(32735),a=n(36848),o=n(86764),i=n(3747),l=n(5859),c=n(35223),s=n(83914);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=function(e){var t=e.breadcrumb,n=t.name,o=t.appLink,i=t.active,l=e.withBackIcon;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,n):r.createElement(a.F,{appLink:o},l&&r.createElement(s.x,{svgName:c.vn.ChevronLeft,size:s.S.Small}),r.createElement("span",{className:l?"ms-2":""},n)))},d=function(e){var t,n,a=e.breadcrumbs,l=(0,i.a)(o.r.XS),c=(null==a?void 0:a.length)||0,s=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=s[0],g=s[1];if(r.useEffect((function(){var e,t=null!==(e=null==a?void 0:a.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;c>3&&t>56&&g(!0)}),[null==a?void 0:a.length]),!c||l&&c<2)return r.createElement(r.Fragment,null);if(l)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(m,{breadcrumb:a[c-2],withBackIcon:!0})));var f=r.createElement(m,{breadcrumb:a[0]}),p=c>2?r.createElement(m,{breadcrumb:a[c-2]}):r.createElement(r.Fragment,null),b=r.createElement(m,{breadcrumb:a[c-1]}),v=a.slice(1,c-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},f,d?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){return g(!1)}},"...")):v.map((function(e,t){return r.createElement(m,{key:t,breadcrumb:e})})),p,b))},g=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,i.a)(o.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},l.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},41661:(e,t,n)=>{var r;n.d(t,{D:()=>r}),function(e){e.GoogleClassroom="google-classroom",e.MicrosoftTeams="microsoft-teams",e.Vivi="vivi",e.AppleTv="apply-tv"}(r||(r={}))},99705:(e,t,n)=>{var r,a;n.d(t,{b:()=>a}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(r||(r={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="22110291468057",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097"}(a||(a={}))},40841:(e,t,n)=>{n.d(t,{_:()=>l});var r=n(23481),a=n(41661),o=n(65728),i=r.T.encloseNamespace("shared.shared-utils"),l={getShareIntegrations:function(e,t){return[{id:a.D.GoogleClassroom,name:i("googleClassroom"),enabled:e,settingName:o.E.ShareToGoogleClassroom},{id:a.D.MicrosoftTeams,name:i("msftTeams"),enabled:t,settingName:o.E.ShareToMicrosoftTeams}]}}},5859:(e,t,n)=>{function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,{u:()=>o});var a={numItems:5,minWidth:50,maxWidth:100},o={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},a),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},81803:(e,t,n)=>{n.d(t,{d:()=>f});var r=n(32735),a=n(81886),o=n(23481),i=n(49935),l=n(22902),c=n(14070),s=n(97291),u=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var d="settings.settingsLayout",g=function(e){var t=(0,l.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var r=a.Q.C$.getCurrentAppLink();return r.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===r.action}))}))};function f(e){var t,n=g(e.requiredPermissions);if(r.useEffect((function(){n||a.Q.C$.trigger({application:s.O.SETTINGS,action:c.e.Settings.HOME},{replace:!0})}),[n]),!n)return r.createElement(r.Fragment,null);var l,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),r.createElement("div",{className:"pb-3"},r.createElement(i.Oo,{breadcrumbs:[{name:o.T.getPhrase(d,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME}}].concat((l=u,function(e){if(Array.isArray(e))return m(e)}(l)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(l)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(l)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&r.createElement(r.Fragment,null,r.createElement("p",null,e.description),r.createElement("hr",null)),e.children)}},27178:(e,t,n)=>{n.r(t),n.d(t,{IntegrationSettingsView:()=>Z});var r=n(32735),a=n(23481),o=n(20354),i=n(65858),l=n(41661),c=n(33514),s=n(77963),u=n(65728),m=n(39151),d=n(2744),g=n(31949),f=n(69883),p=n(37802),b=n(40841),v=n(14070),y=n(97291),E=n(81886),h=n(11607),S=n(83914),I=n(83523),T=n(99705),C=n(12778),N=n(35223),A=n(99742);const k={integrationIcon:"bqV8U",googleClassroomIconContainer:"Rl7gP",viviIconContainer:"qCgv4",appleTvIconContainer:"ASg8C",headerContainer:"GmPjw",statusIndicator:"_2Tuy",connectedStatusIndicator:"Q9uug",notConnectedStatusIndicator:"kn43h",reconnectStatusIndicator:"Kx6Vr"};function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function L(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=w(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==w(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var O=a.T.encloseNamespace("settings.integrationToggle"),x=L(L(L(L({},l.D.GoogleClassroom,A.W.Integrations.GoogleClassroom),l.D.MicrosoftTeams,A.W.Integrations.MicrosoftTeams),l.D.Vivi,A.W.Integrations.Vivi),l.D.AppleTv,A.W.Integrations.AppleTV),M=L(L(L({},l.D.GoogleClassroom,k.googleClassroomIconContainer),l.D.Vivi,k.viviIconContainer),l.D.AppleTv,k.appleTvIconContainer),P=L(L(L(L({},l.D.GoogleClassroom,T.b.Integrations),l.D.MicrosoftTeams,T.b.Integrations),l.D.Vivi,T.b.ViviIntegration),l.D.AppleTv,T.b.AppleTvIntegration);function V(e){var t,n,a,o=(n=r.useState(e.integration.enabled),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(n,a)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=o[0],l=o[1];r.useEffect((function(){l(e.integration.enabled)}),[e.updateError]);var s=x[e.integration.id],u=null!==(t=M[e.integration.id])&&void 0!==t?t:"",m=e.integration.status,d=m&&m!==c.I.Connected;return r.createElement("div",{className:"border rounded-3"},r.createElement("div",{className:"position-relative d-flex align-items-center justify-content-center py-4 rounded-top ".concat(u)},r.createElement(F,{status:m,configureTooltip:e.integration.configureTooltip,configureAppLink:e.integration.configureAppLink}),r.createElement("img",{src:s,className:k.integrationIcon})),r.createElement("div",{className:"border-top p-2"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("span",{className:"me-2"},e.integration.name),r.createElement(I.Z,{onClick:function(){e.onToggleIntegration(e.integration,!i),l(!i)},on:i,disabled:d})),r.createElement("div",null,r.createElement("a",{href:C.o.getLiteArticle(P[e.integration.id]),target:"_blank",className:"text-info"},O("learnMore")))))}var D=L(L(L({},c.I.Connected,k.connectedStatusIndicator),c.I.NotConnected,k.notConnectedStatusIndicator),c.I.Reconnect,k.reconnectStatusIndicator),G=L(L(L({},c.I.Connected,O("connectedStatusLabel")),c.I.NotConnected,O("notConnectedStatusLabel")),c.I.Reconnect,O("reconnectStatusLabel"));function F(e){var t,n,a=e.status,o=e.configureTooltip,i=e.configureAppLink,l=null!==(t=D[a])&&void 0!==t?t:"",c=null!==(n=G[a])&&void 0!==n?n:"";return r.createElement("div",{className:"d-flex justify-content-between align-items-top position-absolute ps-2 pt-1 pe-1 ".concat(k.headerContainer)},r.createElement("div",{className:"d-flex flex-row align-items-center"},l&&r.createElement("span",{className:"inline-block ".concat(k.statusIndicator," ").concat(l)}),c&&r.createElement("span",{className:"ms-1 text-white"},c)),i&&r.createElement(h.L,{className:"cursor-pointer text-white",onClick:function(e){e.stopPropagation(),e.preventDefault(),E.Q.C$.trigger(i)}},r.createElement(S.x,{size:S.S.Medium,svgName:N.vn.Cog,title:o,tooltipPlacement:"top",tooltipSpanHack:!0})))}var _=n(81803);const R={partialToggle:"p5int"};function U(e){return r.createElement("div",{className:e.className},r.createElement("div",{className:"border rounded-3 partial-loading-background ".concat(R.partialToggle)}," "))}function B(e){return r.createElement(r.Fragment,null,r.createElement(U,{className:e.className}),r.createElement(U,{className:e.className}))}const W={toggleContainer:"roVyL"};function $(e){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$(e)}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function q(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=$(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=$(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==$(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Q=a.T.encloseNamespace("settings.integrationSettings"),z=q(q(q({},c.I.Connected,Q("viviConnectedStatusTooltip")),c.I.NotConnected,Q("viviNotConnectedStatusTooltip")),c.I.Reconnect,Q("viviReconnectStatusTooltip"));function Z(){var e,t,n,a,c=(n=r.useState({}),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(n,a)||function(e,t){if(e){if("string"==typeof e)return H(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?H(e,t):void 0}}(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),E=c[0],h=c[1],S=(0,f.Z)(),I=o.a.useBasicFetch(g.N.currentUser()),T=o.a.useBasicFetch(m.L.config()),C=o.a.useBasicFetch((null===(e=I.data)||void 0===e?void 0:e.isAuthenticated)&&d.z.getViviIntegrationStatus()),N=(0,p.r)(i.LZ.Settings),A=N.shareToGoogleClassroom,k=N.shareToMicrosoftTeams,w=N.hasEnabledAppleTvPlayback,j=N.hasEnabledViviPlayback,L=N.updateSetting,O=N.isLoadingSettings,x=b._.getShareIntegrations(A,k),M=[{id:l.D.AppleTv,name:Q("appleTv"),settingName:u.E.HasEnabledAppleTvPlayback,configureAppLink:{application:y.O.SETTINGS,action:v.e.Settings.APPLE_TV},configureTooltip:Q("appleTvTooltip"),enabled:w},{id:l.D.Vivi,name:Q("vivi"),settingName:u.E.HasEnabledViviPlayback,configureAppLink:{application:y.O.SETTINGS,action:v.e.Settings.VIVI},configureTooltip:null!==(t=z[C.data])&&void 0!==t?t:"",enabled:j,status:C.data}],P=!!I.data&&!!T.data&&C.hasCompleted&&!O,D=M.length>0;function G(e,t){var n=t?"enableIntegrationSuccess":"disableIntegrationSuccess",r=t?"enableIntegrationError":"disableIntegrationError",a={name:e.settingName,value:t,kind:s.g.Temporary};L(I.data.customerId,a,(function(){S.success(Q(n,{integrationName:e.name,escapeText:!0})),h((function(t){return Object.assign(Object.assign({},t),q({},e.name,!1))}))}),(function(){S.error(Q(r,{integrationName:e.name,escapeText:!0})),h((function(t){return Object.assign(Object.assign({},t),q({},e.name,!0))}))}))}return r.createElement(_.d,{heading:Q("integrations"),breadcrumbs:[Q("integrations")]},r.createElement("h2",{className:"h4"},Q("shareIntegrations")),r.createElement("p",{className:"mb-0"},Q("shareIntegrationsDescription")),r.createElement("div",{className:"mx-n2"},P?x.map((function(e,t){var n;return r.createElement("div",{key:t,className:"d-inline-block p-2 ".concat(W.toggleContainer)},r.createElement(V,{integration:e,onToggleIntegration:G,updateError:null!==(n=E[e.name])&&void 0!==n&&n,userCountryCode:I.data.countryCode}))})):r.createElement(B,{className:"d-inline-block p-2 ".concat(W.toggleContainer)})),D&&r.createElement(r.Fragment,null,r.createElement("h2",{className:"h4 mt-3"},Q("playerIntegrations")),r.createElement("p",{className:"mb-0"},Q("playerIntegrationsDescription")),r.createElement("div",{className:"mx-n2"},P?M.map((function(e,t){var n;return r.createElement("div",{key:t,className:"d-inline-block p-2 ".concat(W.toggleContainer)},r.createElement(V,{integration:e,onToggleIntegration:G,updateError:null!==(n=E[e.name])&&void 0!==n&&n,userCountryCode:I.data.countryCode}))})):r.createElement(B,{className:"d-inline-block p-2 ".concat(W.toggleContainer)}))))}}}]);
+//# sourceMappingURL=7178-4b9c33a63e-lite.chunk.js.map

package/dist/scripts/7178-4b9c33a63e-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/7178-4b9c33a63e-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/enums/IntegrationId.ts","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/IntegrationHelper.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/components/integration-toggle/integration-toggle.scss","file:///app/packages/projects/lite/src/apps/settings/components/integration-toggle/IntegrationToggle.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/partial-loading/partial-integration-settings.scss","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/partial-loading/PartialIntegrationSettings.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/integration-settings.scss","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/IntegrationSettingsView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button className='btn-link' onClick={() => setCollapse(false)}>\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => <BreadcrumbItem key={idx} breadcrumb={breadcrumb} />)\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","export enum IntegrationId {\n  GoogleClassroom = 'google-classroom',\n  MicrosoftTeams = 'microsoft-teams',\n  Vivi = 'vivi',\n  AppleTv = 'apply-tv'\n}","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097'\n}\n","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { IntegrationId } from 'libs/shared/enums/IntegrationId';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { Integration } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.shared-utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const IntegrationHelper = {\n  getShareIntegrations(googleClassroomSetting: boolean, msftTeamsSetting: boolean): Integration[] {\n    return [\n      {\n        id: IntegrationId.GoogleClassroom,\n        name: getPhrase('googleClassroom'),\n        enabled: googleClassroomSetting,\n        settingName: SettingName.ShareToGoogleClassroom\n      },\n      {\n        id: IntegrationId.MicrosoftTeams,\n        name: getPhrase('msftTeams'),\n        enabled: msftTeamsSetting,\n        settingName: SettingName.ShareToMicrosoftTeams\n      }\n    ];\n  }\n};\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"integrationIcon\":\"bqV8U\",\"googleClassroomIconContainer\":\"Rl7gP\",\"viviIconContainer\":\"qCgv4\",\"appleTvIconContainer\":\"ASg8C\",\"headerContainer\":\"GmPjw\",\"statusIndicator\":\"_2Tuy\",\"connectedStatusIndicator\":\"Q9uug\",\"notConnectedStatusIndicator\":\"kn43h\",\"reconnectStatusIndicator\":\"Kx6Vr\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { CountryCode } from 'libs/shared/enums/CountryCode';\nimport { IntegrationId } from 'libs/shared/enums/IntegrationId';\nimport { IntegrationStatus } from 'libs/shared/enums/IntegrationStatus';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { Integration } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './integration-toggle.scss';\n\nconst namespace = 'settings.integrationToggle';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ntype IntegrationLookup = {\n  [key in IntegrationId]?: string;\n}\n\nconst IntegrationIconImageUrls: IntegrationLookup = {\n  [IntegrationId.GoogleClassroom]: ImageUrls.Integrations.GoogleClassroom,\n  [IntegrationId.MicrosoftTeams]: ImageUrls.Integrations.MicrosoftTeams,\n  [IntegrationId.Vivi]: ImageUrls.Integrations.Vivi,\n  [IntegrationId.AppleTv]: ImageUrls.Integrations.AppleTV\n};\n\nconst IconContainerClassNames: IntegrationLookup = {\n  [IntegrationId.GoogleClassroom]: styles.googleClassroomIconContainer,\n  [IntegrationId.Vivi]: styles.viviIconContainer,\n  [IntegrationId.AppleTv]: styles.appleTvIconContainer\n};\n\nconst IntregrationArticles = {\n  [IntegrationId.GoogleClassroom]: LiteSupportArticle.Integrations,\n  [IntegrationId.MicrosoftTeams]: LiteSupportArticle.Integrations,\n  [IntegrationId.Vivi]: LiteSupportArticle.ViviIntegration,\n  [IntegrationId.AppleTv]: LiteSupportArticle.AppleTvIntegration\n};\n\ninterface IntegrationToggleProps {\n  integration: Integration;\n  onToggleIntegration: (integration: Integration, enable: boolean) => void;\n  updateError: boolean;\n  userCountryCode: CountryCode;\n}\n\nexport function IntegrationToggle(props: IntegrationToggleProps): JSX.Element {\n  // Store enabled in local state so the toggle updated immediately\n  const [ enabled, setEnabled ] = React.useState(props.integration.enabled);\n\n  /**\n   * Resync enabled with api value if there is an error\n   */\n  React.useEffect(() => {\n    setEnabled(props.integration.enabled);\n  }, [props.updateError]);\n\n  const imageUrl = IntegrationIconImageUrls[props.integration.id];\n  const containerClassName = IconContainerClassNames[props.integration.id] ?? '';\n  const status = props.integration.status;\n  const disabled = status && status !== IntegrationStatus.Connected;\n\n  return (\n    <div className='border rounded-3'>\n      <div className={`position-relative d-flex align-items-center justify-content-center py-4 rounded-top ${containerClassName}`}>\n        <IntegrationToggleHeader\n          status={status}\n          configureTooltip={props.integration.configureTooltip}\n          configureAppLink={props.integration.configureAppLink}\n        />\n        <img src={imageUrl} className={styles.integrationIcon} />\n      </div>\n      <div className='border-top p-2'>\n        <div className='d-flex align-items-center justify-content-between'>\n          <span className='me-2'>\n            {props.integration.name}\n          </span>\n          <ToggleSwitch\n            onClick={() => {\n              props.onToggleIntegration(props.integration, !enabled);\n              setEnabled(!enabled);\n            }}\n            on={enabled}\n            disabled={disabled}\n          />\n        </div>\n        <div>\n          <a\n            href={ArticleHelper.getLiteArticle(IntregrationArticles[props.integration.id])}\n            target='_blank'\n            className='text-info'\n          >\n            {getPhrase('learnMore')}\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n}\n\ntype StatusLookup = {\n  [key in IntegrationStatus]?: string;\n}\n\nconst StatusIndicatorClassNames: StatusLookup = {\n  [IntegrationStatus.Connected]: styles.connectedStatusIndicator,\n  [IntegrationStatus.NotConnected]: styles.notConnectedStatusIndicator,\n  [IntegrationStatus.Reconnect]: styles.reconnectStatusIndicator\n};\n\nconst StatusIndicatorLabels: StatusLookup = {\n  [IntegrationStatus.Connected]: getPhrase('connectedStatusLabel'),\n  [IntegrationStatus.NotConnected]: getPhrase('notConnectedStatusLabel'),\n  [IntegrationStatus.Reconnect]: getPhrase('reconnectStatusLabel')\n};\n\ninterface IntegrationToggleHeaderProps {\n  status?: IntegrationStatus;\n  configureTooltip?: string;\n  configureAppLink?: Core.AppLink;\n}\n\nfunction IntegrationToggleHeader({\n  status,\n  configureTooltip,\n  configureAppLink\n}: IntegrationToggleHeaderProps): JSX.Element {\n  function onClickConfigure(e: React.MouseEvent): void {\n    e.stopPropagation();\n    e.preventDefault();\n\n    Core.AppLinkHelper.trigger(configureAppLink);\n  }\n\n  const statusIndicatorClassName = StatusIndicatorClassNames[status] ?? '';\n  const statusLabel = StatusIndicatorLabels[status] ?? '';\n\n  return (\n    <div className={`d-flex justify-content-between align-items-top position-absolute ps-2 pt-1 pe-1 ${styles.headerContainer}`}>\n      <div className='d-flex flex-row align-items-center'>\n        { statusIndicatorClassName && <span className={`inline-block ${styles.statusIndicator} ${statusIndicatorClassName}`} /> }\n        { statusLabel && <span className={`ms-1 text-white`}>{statusLabel}</span> }\n      </div>\n      { configureAppLink && (\n        <DivButton className={`cursor-pointer text-white`} onClick={onClickConfigure}>\n          <SvgContainer\n            size={SvgContainerSize.Medium}\n            svgName={cvSvgLibrary.Cog}\n            title={configureTooltip}\n            tooltipPlacement='top'\n            tooltipSpanHack\n          />\n        </DivButton>\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialToggle\":\"p5int\"};","import React from 'react';\n\nimport styles from './partial-integration-settings.scss';\n\ninterface PartialIntegrationToggleProps {\n  className: string;\n}\n\nfunction PartialIntegrationToggle(props: PartialIntegrationToggleProps): JSX.Element {\n  return (\n    <div className={props.className}>\n      <div className={`border rounded-3 partial-loading-background ${styles.partialToggle}`}>\n        &nbsp;\n      </div>\n    </div>\n  );\n}\n\ninterface PartialIntegrationSettingsProps {\n  className: string;\n}\n\nexport function PartialIntegrationSettings(props: PartialIntegrationSettingsProps): JSX.Element {\n  return (\n    <>\n      <PartialIntegrationToggle className={props.className} />\n      <PartialIntegrationToggle className={props.className} />\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"toggleContainer\":\"roVyL\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { IntegrationId } from 'libs/shared/enums/IntegrationId';\nimport { IntegrationStatus } from 'libs/shared/enums/IntegrationStatus';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerIntegrationsRequests } from 'libs/shared/flight-requests/PlayerIntegrationsRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, Integration } from 'libs/shared/interfaces';\nimport { IntegrationHelper } from 'libs/shared/utils/IntegrationHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { IntegrationToggle } from 'apps/settings/components/integration-toggle/IntegrationToggle';\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\n\nimport { PartialIntegrationSettings } from './partial-loading/PartialIntegrationSettings';\n\nimport styles from './integration-settings.scss';\n\nconst namespace = 'settings.integrationSettings';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst viviTooltipPhrases = {\n  [IntegrationStatus.Connected]: getPhrase('viviConnectedStatusTooltip'),\n  [IntegrationStatus.NotConnected]: getPhrase('viviNotConnectedStatusTooltip'),\n  [IntegrationStatus.Reconnect]: getPhrase('viviReconnectStatusTooltip')\n};\n\nexport function IntegrationSettingsView(): JSX.Element {\n  /**\n   * IntegrationToggle will blindly update the UI before the api call is returned so we need a way\n   * to let if know if there is an error updating the setting\n   */\n  const [ updateErrors, setUpdateErrors ] = React.useState<{ [integrationName: string ]: boolean}>({});\n\n  const alerts = useAlerts();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const viviStatus = Flight.useBasicFetch<IntegrationStatus>(\n    currentUser.data?.isAuthenticated && PlayerIntegrationsRequests.getViviIntegrationStatus()\n  );\n\n  const {\n    shareToGoogleClassroom,\n    shareToMicrosoftTeams,\n    hasEnabledAppleTvPlayback,\n    hasEnabledViviPlayback,\n    updateSetting,\n    isLoadingSettings\n  } = useSettings(LocationContext.Settings);\n\n  const shareIntegrations = IntegrationHelper.getShareIntegrations(shareToGoogleClassroom, shareToMicrosoftTeams);\n\n  const playerIntegrations = [\n    {\n      id: IntegrationId.AppleTv,\n      name: getPhrase('appleTv'),\n      settingName: SettingName.HasEnabledAppleTvPlayback,\n      configureAppLink: {\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.APPLE_TV\n      },\n      configureTooltip: getPhrase('appleTvTooltip'),\n      enabled: hasEnabledAppleTvPlayback\n    },\n    {\n      id: IntegrationId.Vivi,\n      name: getPhrase('vivi'),\n      settingName: SettingName.HasEnabledViviPlayback,\n      configureAppLink: {\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.VIVI\n      },\n      configureTooltip: viviTooltipPhrases[viviStatus.data] ?? '',\n      enabled: hasEnabledViviPlayback,\n      status: viviStatus.data\n    }\n  ];\n\n  const dataLoaded = !!currentUser.data &&\n    !!config.data &&\n    viviStatus.hasCompleted &&\n    !isLoadingSettings;\n\n  const showPlayerIntegrations = playerIntegrations.length > 0;\n\n  function onToggleIntegration(integration: Integration, enable: boolean): void {\n    const successPhraseKey = enable ? 'enableIntegrationSuccess' : 'disableIntegrationSuccess';\n    const errorPhraseKey = enable ? 'enableIntegrationError' : 'disableIntegrationError';\n\n    function success(): void {\n      alerts.success(getPhrase(successPhraseKey, { integrationName: integration.name, escapeText: true })),\n      setUpdateErrors(errors => ({ ...errors, [integration.name]: false }));\n    }\n\n    function error(): void {\n      alerts.error(getPhrase(errorPhraseKey, { integrationName: integration.name, escapeText: true })),\n      setUpdateErrors(errors => ({ ...errors, [integration.name]: true }));\n    }\n\n    const newSetting = {\n      name: integration.settingName,\n      value: enable,\n      kind: SettingKind.Temporary\n    };\n\n    updateSetting(currentUser.data.customerId, newSetting, success, error);\n  }\n\n  return (\n    <SettingsLayout\n      heading={getPhrase('integrations')}\n      breadcrumbs={[getPhrase('integrations')]}\n    >\n      <h2 className='h4'>{getPhrase('shareIntegrations')}</h2>\n      <p className='mb-0'>{getPhrase('shareIntegrationsDescription')}</p>\n      <div className='mx-n2'>\n        {dataLoaded\n          ? shareIntegrations.map((integration, index) => (\n            <div key={index} className={`d-inline-block p-2 ${styles.toggleContainer}`}>\n              <IntegrationToggle\n                integration={integration}\n                onToggleIntegration={onToggleIntegration}\n                updateError={updateErrors[integration.name] ?? false}\n                userCountryCode={currentUser.data.countryCode}\n              />\n            </div>\n          ))\n          : <PartialIntegrationSettings className={`d-inline-block p-2 ${styles.toggleContainer}`} />\n        }\n      </div>\n\n      {showPlayerIntegrations && (\n        <>\n          <h2 className='h4 mt-3'>{getPhrase('playerIntegrations')}</h2>\n          <p className='mb-0'>{getPhrase('playerIntegrationsDescription')}</p>\n          <div className='mx-n2'>\n            {dataLoaded\n              ? playerIntegrations.map((integration, index) => (\n                <div key={index} className={`d-inline-block p-2 ${styles.toggleContainer}`}>\n                  <IntegrationToggle\n                    integration={integration}\n                    onToggleIntegration={onToggleIntegration}\n                    updateError={updateErrors[integration.name] ?? false}\n                    userCountryCode={currentUser.data.countryCode}\n                  />\n                </div>\n              ))\n              : <PartialIntegrationSettings className={`d-inline-block p-2 ${styles.toggleContainer}`} />\n            }\n          </div>\n        </>\n      )}\n    </SettingsLayout>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","characterLength","reduce","prev","next","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","IntegrationId","OnlineSupportArticle","LiteSupportArticle","getPhrase","IntegrationHelper","getShareIntegrations","googleClassroomSetting","msftTeamsSetting","id","enabled","settingName","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","Math","max","floor","random","namespace","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","props","canAccess","replace","i","heading","headingButton","description","children","LanguageService","IntegrationIconImageUrls","ImageUrls","IconContainerClassNames","IntregrationArticles","IntegrationToggle","integration","setEnabled","updateError","imageUrl","containerClassName","status","disabled","IntegrationStatus","I","IntegrationToggleHeader","configureTooltip","configureAppLink","src","ToggleSwitch","onToggleIntegration","on","href","ArticleHelper","target","StatusIndicatorClassNames","StatusIndicatorLabels","statusIndicatorClassName","statusLabel","DivButton","e","stopPropagation","preventDefault","SvgContainer","title","tooltipPlacement","tooltipSpanHack","PartialIntegrationToggle","PartialIntegrationSettings","viviTooltipPhrases","IntegrationSettingsView","updateErrors","setUpdateErrors","alerts","currentUser","UserRequests","config","ConfigRequests","viviStatus","data","isAuthenticated","PlayerIntegrationsRequests","useSettings","shareToGoogleClassroom","shareToMicrosoftTeams","hasEnabledAppleTvPlayback","hasEnabledViviPlayback","updateSetting","isLoadingSettings","shareIntegrations","playerIntegrations","SettingName","dataLoaded","hasCompleted","showPlayerIntegrations","enable","successPhraseKey","errorPhraseKey","newSetting","value","kind","SettingKind","customerId","success","integrationName","escapeText","errors","error","index","userCountryCode","countryCode"],"sourceRoot":""}

package/dist/scripts/7223-e2f8a43b89-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7223],{49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>p});var a=n(32735),r=n(36848),i=n(86764),c=n(3747),l=n(5859),o=n(35223),s=n(83914);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var m=function(e){var t=e.breadcrumb,n=t.name,i=t.appLink,c=t.active,l=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?a.createElement("strong",null,n):a.createElement(r.F,{appLink:i},l&&a.createElement(s.x,{svgName:o.vn.ChevronLeft,size:s.S.Small}),a.createElement("span",{className:l?"ms-2":""},n)))},d=function(e){var t,n,r=e.breadcrumbs,l=(0,c.a)(i.r.XS),o=(null==r?void 0:r.length)||0,s=(t=a.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,c,l=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=s[0],p=s[1];if(a.useEffect((function(){var e,t=null!==(e=null==r?void 0:r.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;o>3&&t>56&&p(!0)}),[null==r?void 0:r.length]),!o||l&&o<2)return a.createElement(a.Fragment,null);if(l)return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(m,{breadcrumb:r[o-2],withBackIcon:!0})));var b=a.createElement(m,{breadcrumb:r[0]}),v=o>2?a.createElement(m,{breadcrumb:r[o-2]}):a.createElement(a.Fragment,null),g=a.createElement(m,{breadcrumb:r[o-1]}),f=r.slice(1,o-2);return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},b,d?a.createElement("li",{className:"breadcrumb-item"},a.createElement("button",{className:"btn-link",onClick:function(){return p(!1)}},"...")):f.map((function(e,t){return a.createElement(m,{key:t,breadcrumb:e})})),v,g))},p=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,c.a)(i.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},l.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},38502:(e,t,n)=>{n.d(t,{r:()=>m});var a=n(32735),r=n(49985),i=n(36848),c=n(18559),l=n(11607),o=n(83914),s=n(87432);function u(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(c.C,{type:c.g.Count,data:e.tab.count})))}function m(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(s.Z.pillTabSelector,"\n        ").concat(e.borderRadius?s.Z.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map((function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(s.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?s.Z.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(i.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(s.Z.tabLink,"\n                  ")},a.createElement(u,{tab:e})):a.createElement(l.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ".concat(s.Z.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&r.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(u,{tab:e})))}))))}m.defaultProps={borderRadius:"lg"}},74696:(e,t,n)=>{n.d(t,{S:()=>s});var a=n(32735),r=n(68050),i=n(69111),c=n(9977),l=n(79967);const o={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return a.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&a.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),a.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,l.k)(),n="sm"===c.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return a.createElement(r.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},a.createElement(i.Z,Object.assign({},c.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),a.createElement(r.Z,null,!!s&&a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a.createElement("div",{className:"partial-loading-background ".concat(o.partialDragHandle)})),a.createElement(i.Z,{xs:c.O.getThumbnailColSize(s)},a.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(o.partialThumbnail)})))),a.createElement(i.Z,Object.assign({},c.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),a.createElement("div",{className:"partial-loading-background mb-1 ".concat(o.partialName)}),a.createElement("div",{className:"partial-loading-background ".concat(o.partialDescription)})))}s.defaultProps={numVideos:15}},99705:(e,t,n)=>{var a,r;n.d(t,{b:()=>r}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(a||(a={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="22110291468057",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097"}(r||(r={}))},5859:(e,t,n)=>{function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,{u:()=>i});var r={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},r),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},23224:(e,t,n)=>{n.d(t,{j:()=>p});var a=n(32735),r=n(39202),i=n(23481),c=n(65858),l=n(38502),o=n(14070),s=n(97291),u="settings.restrictedVideosTabs",m=i.T.encloseNamespace(u),d={restrictedVideos:{application:s.O.SETTINGS,action:o.e.Settings.VIDEO_RESTRICTIONS},contentReview:{application:s.O.SETTINGS,action:o.e.Settings.CONTENT_REVIEW},contentReviewSettings:{application:s.O.SETTINGS,action:o.e.Settings.CONTENT_REVIEW_SETTINGS}};function p(e){return a.createElement("div",{className:"mb-3"},a.createElement(l.r,{tabs:[{name:m("restrictedVideos"),appLink:d.restrictedVideos,active:"restricted-videos"===e.active,analyticsData:{name:m("restrictedVideos"),url:r.C$.getHref(d.restrictedVideos)},analyticsOptions:{actionType:c.Vw.Click,entity:c.py.Url,location:c.LZ.MagicTabs}},{name:m("contentReview"),appLink:d.contentReview,active:"content-review"===e.active,analyticsData:{name:i.T.getPhrase(u,"contentReview"),url:r.C$.getHref(d.contentReview)},analyticsOptions:{actionType:c.Vw.Click,entity:c.py.Url,location:c.LZ.MagicTabs}},{name:m("contentReviewSettings"),appLink:d.contentReviewSettings,active:"content-review-settings"===e.active,analyticsData:{name:i.T.getPhrase(u,"contentReviewSettings"),url:r.C$.getHref(d.contentReviewSettings)},analyticsOptions:{actionType:c.Vw.Click,entity:c.py.Url,location:c.LZ.MagicTabs}}]}))}},81803:(e,t,n)=>{n.d(t,{d:()=>b});var a=n(32735),r=n(81886),i=n(23481),c=n(49935),l=n(22902),o=n(14070),s=n(97291),u=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var d="settings.settingsLayout",p=function(e){var t=(0,l.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var a=r.Q.C$.getCurrentAppLink();return a.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===a.action}))}))};function b(e){var t,n=p(e.requiredPermissions);if(a.useEffect((function(){n||r.Q.C$.trigger({application:s.O.SETTINGS,action:o.e.Settings.HOME},{replace:!0})}),[n]),!n)return a.createElement(a.Fragment,null);var l,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:o.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return a.createElement("div",{className:"px-3"},a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),a.createElement("div",{className:"pb-3"},a.createElement(c.Oo,{breadcrumbs:[{name:i.T.getPhrase(d,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:o.e.Settings.HOME}}].concat((l=u,function(e){if(Array.isArray(e))return m(e)}(l)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(l)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(l)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&a.createElement(a.Fragment,null,a.createElement("p",null,e.description),a.createElement("hr",null)),e.children)}},97383:(e,t,n)=>{n.r(t),n.d(t,{VideoRestrictionsView:()=>M});var a=n(32735),r=n(23481),i=n(20354),c=n(65858),l=n(36848),o=n(37395),s=n(83345),u=n(74696),m=n(13231),d=n(51365),p=n(16714),b=n(5345),v=n(1666),g=n(31949),f=n(22902),E=n(26361),y=n(14070),S=n(97291),h=n(21491),N=n(51855),k=n(27638),T=n(10741),I=n(22490),O=n(82431),w=n(23224),A=n(81803),L=n(23232),C=n(99705),R=n(12778),x=n(99742),j="settings.videoRestrictions",V=r.T.encloseNamespace(j);function P(){var e=R.o.getLiteArticle(C.b.ContentReview);return a.createElement(L.u,null,a.createElement(L.u.Image,{src:x.W.EmptyStates.ContentReview.RESTRICTED_VIDEOS}),a.createElement(L.u.Heading,null,a.createElement(s.x,{namespace:j,phrase:"emptyHeading"})),a.createElement(L.u.Cta,{href:e,text:V("emptyCta"),className:"btn btn-link info-link"}))}var G="settings.videoRestrictions",D=r.T.encloseNamespace(G),F={application:S.O.SETTINGS,action:y.e.Settings.CONTENT_PERMISSIONS};function M(e){var t,n,r,L,C,R=(0,k.u)(c.LZ.VideoThumbnail),x=R.setFavourite,j=R.canFavourite,V=(0,f.T)().hasPermissions,M=(0,N.G)().isPlugin,_=i.a.useBasicFetch(h.I.getRestrictedObjects([b.c.User],e.cursor)),Z=i.a.useBasicFetch(g.N.currentUser()),W=i.a.useBasicFetch(Z.data&&v.h.yearGroups(Z.data.customerId));return a.createElement(A.d,{heading:D("heading"),breadcrumbs:[D("breadcrumb")],requiredPermissions:p.C.ManageVideoAccess},a.createElement(w.j,{active:"restricted-videos"}),a.createElement("div",{className:"d-flex justify-content-between align-items-center"},a.createElement("p",{className:"mb-0"},a.createElement(s.x,{namespace:G,phrase:"description"})," ",a.createElement(l.F,{appLink:F,className:"info-link"},a.createElement(s.x,{namespace:G,phrase:"contentPermissions"})))),a.createElement("hr",null),!_.hasCompleted&&a.createElement(u.S,null),_.hasCompleted&&!(null===(n=null===(t=_.data)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)&&a.createElement(P,null),!!(null===(L=null===(r=_.data)||void 0===r?void 0:r.data)||void 0===L?void 0:L.length)&&a.createElement(a.Fragment,null,a.createElement(d.M.Provider,{value:{getVideoActions:function(e,t){return[{order:1,label:D("manageVideoAccess"),button:!0,className:"btn btn-outline-dark text-nowrap",appLink:{application:S.O.DEFAULT,action:y.e.Default.MANAGE_ACCCESS,params:{objectId:e.id,objectTypeId:e.typeId}},analyticsOptions:Object.assign(Object.assign({},t.analyticsOptions),{actionType:c.Vw.SetAccess,workflowPhase:c.eu.Start}),analyticsData:t.analyticsData}]}}},a.createElement(m.E4,{videos:_.data.data.filter((function(e){return!!E.l.getRestrictionByType(e,b.c.User)})),yearGroups:W.data,getVideoAppLink:I.W.getAppLink,getSubTextAppLink:function(e){return O.j.getSeriesAppLink(e.series)},setFavourite:x,canFavourite:j,hasPermissions:V,presentationAudiences:[],getPreviewQuestionsAppLink:function(e){return T.j.getPreviewQuestionsAppLink(e)},isPlugin:M,getClassroomGuideAppLink:I.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:I.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:I.W.getResourceGuidanceAppLink})),(null===(C=_.data.pagination)||void 0===C?void 0:C.cursors)&&a.createElement("div",{className:"clearfix"},a.createElement(o.t,{cursors:_.data.pagination.cursors,appLink:{application:S.O.SETTINGS,action:y.e.Settings.VIDEO_RESTRICTIONS},buttonVariant:"outline-dark",className:"py-2 float-end"}))))}},21491:(e,t,n)=>{n.d(t,{I:()=>c});var a=n(99940),r=n(97395),i=n(62803),c={getRestrictions:function(e){return{key:"restrictions:".concat(e),url:r._.urlBuilder("{gateway}/v1/objects/restrictions",{id:e})}},addRestriction:function(e){return{type:a.k.POST,key:"restrictions:".concat(e.objectTypeId,":").concat(e.objectId,":add"),url:"{gateway}/v1/restrictions",data:[e],invalidationKeys:["restrictions"]}},deleteRestrictions:function(e){return{url:r._.urlBuilder("{gateway}/v1/restrictions",{objectId:e}),key:"restrictions:delete",type:a.k.DELETE,invalidationKeys:["restrictions"]}},getRestrictedObjects:function(e,t){var n={type:e,"query.video":i.v.VIDEO_COLLECTION,"query.interactive":i.v.INTERACTIVE_COLLECTION,"query.clip":i.v.CLIP_COLLECTION};return t&&(n.cursor=t),{url:r._.urlBuilder("{gateway}/v1/restrictions/objects",n),key:"restrictions:objects:".concat(e.sort().join(","),":").concat(t)}},approveAll:function(){return{url:"{gateway}/v1/library-reviews/restrictions",key:"restrictions:approve:all",type:a.k.DELETE}}}},87432:(e,t,n)=>{n.d(t,{Z:()=>a});const a={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}},68050:(e,t,n)=>{n.d(t,{Z:()=>s});var a=n(95685),r=n.n(a),i=n(32735),c=n(46304),l=n(74512);const o=i.forwardRef((({bsPrefix:e,className:t,as:n="div",...a},i)=>{const o=(0,c.vE)(e,"row"),s=(0,c.pi)(),u=(0,c.zG)(),m=`${o}-cols`,d=[];return s.forEach((e=>{const t=a[e];let n;delete a[e],null!=t&&"object"==typeof t?({cols:n}=t):n=t;const r=e!==u?`-${e}`:"";null!=n&&d.push(`${m}${r}-${n}`)})),(0,l.jsx)(n,{ref:i,...a,className:r()(t,o,...d)})}));o.displayName="Row";const s=o}}]);
+//# sourceMappingURL=7223-e2f8a43b89-lite.chunk.js.map

package/dist/scripts/7223-e2f8a43b89-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/7223-e2f8a43b89-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/restricted-videos-tabs/RestrictedVideosTabs.tsx","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/views/video-restrictions/VideoRestrictionsEmptyState.tsx","file:///app/packages/projects/lite/src/apps/settings/views/video-restrictions/VideoRestrictionsView.tsx","file:///app/packages/projects/lite/src/shared/flight-requests/RestrictionRequests.ts","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button className='btn-link' onClick={() => setCollapse(false)}>\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => <BreadcrumbItem key={idx} breadcrumb={breadcrumb} />)\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.scss';\n\ninterface TabContentsProps {\n  tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svgName && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svgName={props.tab.svgName} />\n        </div>\n      )}\n\n      {props.tab.name}\n\n      {typeof (props.tab.count) === 'number' && (\n        <div className='ps-2'>\n          <Badge type={BadgeType.Count} data={props.tab.count} />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svgName?: string;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  containerRef?: (el: HTMLElement) => void;\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n  borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n\n  return (\n    <nav className={props.className ?? ''} ref={props.containerRef}>\n      <ul className={`\n        list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n        ${props.borderRadius ? styles.radiusSmall : ''}\n        ${props.listClassName}\n      `}>\n        {props.tabs.map((tab, index) => {\n          return (\n            <li\n              className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n              key={index}\n            >\n              {tab.appLink ? (\n                <AppLink\n                  appLink={tab.appLink}\n                  analyticsData={tab.analyticsData}\n                  analyticsOptions={tab.analyticsOptions}\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                >\n                  <TabContents tab={tab} />\n                </AppLink>\n              ) : (\n                <DivButton\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ${styles.tabLink}\n                  `}\n                  onClick={() => onSelectTab(tab)}\n                >\n                  <TabContents tab={tab} />\n                </DivButton>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","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.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    <div className='mx-2'>\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    </div>\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","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097'\n}\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'settings.restrictedVideosTabs';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst APPLINKS = {\n  restrictedVideos: {\n    application: AppChannels.SETTINGS,\n    action: Actions.Settings.VIDEO_RESTRICTIONS\n  },\n  contentReview: {\n    application: AppChannels.SETTINGS,\n    action: Actions.Settings.CONTENT_REVIEW\n  },\n  contentReviewSettings: {\n    application: AppChannels.SETTINGS,\n    action: Actions.Settings.CONTENT_REVIEW_SETTINGS\n  }\n};\n\ninterface RestrictionTabsProps {\n  active: 'restricted-videos' | 'content-review' | 'content-review-settings'\n}\n\nexport function RestrictionTabs(props: RestrictionTabsProps): JSX.Element {\n  return (\n    <div className='mb-3'>\n      <PillTabSelector\n        tabs={[{\n          name: getPhrase('restrictedVideos'),\n          appLink: APPLINKS.restrictedVideos,\n          active: props.active === 'restricted-videos',\n          analyticsData: {\n            name: getPhrase('restrictedVideos'),\n            url: AppLinkHelper.getHref(APPLINKS.restrictedVideos)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }, {\n          name: getPhrase('contentReview'),\n          appLink: APPLINKS.contentReview,\n          active: props.active === 'content-review',\n          analyticsData: {\n            name: LanguageService.getPhrase(namespace, 'contentReview'),\n            url: AppLinkHelper.getHref(APPLINKS.contentReview)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }, {\n          name: getPhrase('contentReviewSettings'),\n          appLink: APPLINKS.contentReviewSettings,\n          active: props.active === 'content-review-settings',\n          analyticsData: {\n            name: LanguageService.getPhrase(namespace, 'contentReviewSettings'),\n            url: AppLinkHelper.getHref(APPLINKS.contentReviewSettings)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }]}\n      />\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'settings.videoRestrictions';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function VideoRestrictionsEmptyState(): JSX.Element {\n  const href = ArticleHelper.getLiteArticle(LiteSupportArticle.ContentReview);\n\n  return (\n    <EmptyState>\n      <EmptyState.Image src={ImageUrls.EmptyStates.ContentReview.RESTRICTED_VIDEOS} />\n      <EmptyState.Heading><Text namespace={namespace} phrase='emptyHeading' /></EmptyState.Heading>\n      <EmptyState.Cta\n        href={href}\n        text={getPhrase('emptyCta')}\n        className='btn btn-link info-link'\n      />\n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext, VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { RestrictionType } from 'libs/shared/enums/RestrictionType';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CurrentUser, VideoTypes, VideoTypesCollection, YearGroup } from 'libs/shared/interfaces';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { RestrictionRequests } from 'shared/flight-requests/RestrictionRequests';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\nimport { RestrictionTabs } from 'apps/settings/components/restricted-videos-tabs/RestrictedVideosTabs';\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { VideoRestrictionsEmptyState } from 'apps/settings/views/video-restrictions/VideoRestrictionsEmptyState';\n\nconst namespace = 'settings.videoRestrictions';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst ContentPermissionAppLink = {\n  application: AppChannels.SETTINGS,\n  action: Actions.Settings.CONTENT_PERMISSIONS\n};\n\ninterface VideoRestrictionsViewProps {\n  cursor?: string;\n}\n\nexport function VideoRestrictionsView(props: VideoRestrictionsViewProps): JSX.Element {\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const { hasPermissions } = usePermissions();\n  const { isPlugin } = usePluginHelper();\n\n  const videos = Flight.useBasicFetch<VideoTypesCollection>(\n    RestrictionRequests.getRestrictedObjects([RestrictionType.User], props.cursor)\n  );\n  \n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  function getVideoActions(video: VideoTypes, options: VideoActionsOptions): ActionOptions[] {\n    return [{\n      order: 1,\n      label: getPhrase('manageVideoAccess'),\n      button: true,\n      className: 'btn btn-outline-dark text-nowrap',\n      appLink: {\n        application: AppChannels.DEFAULT,\n        action: Actions.Default.MANAGE_ACCCESS,\n        params: {\n          objectId: video.id,\n          objectTypeId: video.typeId\n        }\n      },\n      analyticsOptions: {\n        ...options.analyticsOptions,\n        actionType: UserAction.SetAccess,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData: options.analyticsData\n    }];\n  }\n\n  return (\n    <SettingsLayout\n      heading={getPhrase('heading')}\n      breadcrumbs={[getPhrase('breadcrumb')]}\n      requiredPermissions={PermissionName.ManageVideoAccess}\n    >\n      <RestrictionTabs active='restricted-videos' />\n      <div className='d-flex justify-content-between align-items-center'>\n        <p className='mb-0'>\n          <Text namespace={namespace} phrase='description'/>\n          &nbsp;\n          <AppLink appLink={ContentPermissionAppLink} className='info-link'>\n            <Text namespace={namespace} phrase='contentPermissions'/>\n          </AppLink>\n        </p>\n      </div>\n      <hr />\n      {!videos.hasCompleted &&\n        <PartialVideoList />\n      }\n\n      {videos.hasCompleted && !videos.data?.data?.length &&\n        <VideoRestrictionsEmptyState />\n      }\n\n      {!!videos.data?.data?.length &&\n        <>\n          <VideoActionsContext.Provider value={{ getVideoActions }}>\n            <VideoList\n              videos={videos.data.data.filter(v =>\n                !!RestrictionHelper.getRestrictionByType(v, RestrictionType.User))}\n              yearGroups={yearGroups.data}\n              getVideoAppLink={VideoAppLinkHelper.getAppLink}\n              getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n              setFavourite={setFavourite}\n              canFavourite={canFavourite}\n              hasPermissions={hasPermissions}\n              // we want to show rating badge not year group badge all the time\n              presentationAudiences={[]}\n              getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n              isPlugin={isPlugin}\n              getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n              getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n              getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n            />\n          </VideoActionsContext.Provider>\n          {videos.data.pagination?.cursors &&\n            <div className='clearfix'>\n              <Pagination\n                cursors={videos.data.pagination.cursors}\n                appLink={{\n                  application: AppChannels.SETTINGS,\n                  action: Actions.Settings.VIDEO_RESTRICTIONS\n                }}\n                buttonVariant='outline-dark'\n                className='py-2 float-end'\n              />\n            </div>\n          }\n        </>\n      }\n    </SettingsLayout>\n  );\n}","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\nimport { RestrictionType } from 'libs/shared/enums/RestrictionType';\n\nimport { AddRestrictionRequest } from 'shared/interfaces/requests/AddRestrictionRequest';\n\nexport const RestrictionRequests = {\n  getRestrictions(id: string): Flight.Request {\n    return {\n      key: `restrictions:${id}`,\n      url: UrlHelper.urlBuilder(`{gateway}/v1/objects/restrictions`, { id })\n    };\n  },\n\n  addRestriction(data: AddRestrictionRequest): Flight.Request {\n    return {\n      type: HttpVerbs.POST,\n      key: `restrictions:${data.objectTypeId}:${data.objectId}:add`,\n      url: `{gateway}/v1/restrictions`,\n      data: [data],\n      invalidationKeys: ['restrictions']\n    };\n  },\n\n\n  deleteRestrictions(objectId: string): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/restrictions', { objectId }),\n      key: 'restrictions:delete',\n      type: HttpVerbs.DELETE,\n      invalidationKeys: ['restrictions']\n    };\n  },\n\n\n  getRestrictedObjects(\n    type: RestrictionType[],\n    cursor?: string\n  ): Flight.Request {\n    const params: any = {\n      'type': type,\n      'query.video': SharedWithStatements.VIDEO_COLLECTION,\n      'query.interactive': SharedWithStatements.INTERACTIVE_COLLECTION,\n      'query.clip': SharedWithStatements.CLIP_COLLECTION\n    };\n\n    if (cursor)\n      params.cursor = cursor;\n\n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/restrictions/objects', params),\n      key: `restrictions:objects:${type.sort().join(',')}:${cursor}`\n    };\n  },\n\n  approveAll(): Flight.Request {\n    return {\n      url: '{gateway}/v1/library-reviews/restrictions',\n      key: 'restrictions:approve:all',\n      type: HttpVerbs.DELETE\n    };\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};","\"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;"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","characterLength","reduce","prev","next","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","TabContents","props","tab","count","type","data","PillTabSelector","ref","containerRef","borderRadius","listClassName","tabs","index","analyticsData","analyticsOptions","onSelect","onSelectTab","defaultProps","PartialVideoList","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","OnlineSupportArticle","LiteSupportArticle","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","namespace","getPhrase","APPLINKS","restrictedVideos","application","action","contentReview","contentReviewSettings","RestrictionTabs","url","actionType","entity","location","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","some","group","modules","settingsModule","SettingsLayout","canAccess","replace","heading","headingButton","description","children","LanguageService","VideoRestrictionsEmptyState","href","ArticleHelper","EmptyState","src","ImageUrls","Text","phrase","text","ContentPermissionAppLink","VideoRestrictionsView","useLiteFavourites","u","setFavourite","canFavourite","usePermissions","isPlugin","usePluginHelper","videos","RestrictionRequests","RestrictionType","cursor","currentUser","UserRequests","yearGroups","CustomerRequests","customerId","PermissionName","AppLink","hasCompleted","VideoActionsContext","value","getVideoActions","video","order","label","button","params","objectId","id","objectTypeId","typeId","workflowPhase","VideoList","filter","v","RestrictionHelper","getVideoAppLink","VideoAppLinkHelper","getSubTextAppLink","SeriesAppLinkHelper","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","pagination","cursors","Pagination","buttonVariant","getRestrictions","addRestriction","invalidationKeys","deleteRestrictions","getRestrictedObjects","sort","join","approveAll","bsPrefix","as","Component","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","forEach","brkPoint","propValue","cols","infix","push","displayName"],"sourceRoot":""}

package/dist/scripts/7234-595d44446f-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7234],{56520:(e,a,t)=>{t.d(a,{R0:()=>m,_N:()=>u,eR:()=>p});var n=t(23481),i=t(97395),r=t(20354),s=t(42617),o=t(4594),l=t(39151),c=t(31949),d=n.T.encloseNamespace("shared.hooks");function u(e,a,t,n){var r=i._.safeUrlConcat(e,"manage"),s=i._.safeUrlConcat(e,"exchange"),l=function(e,a,t){return i._.safeUrlConcat(e,"".concat(a,"/").concat(t))};switch(a){case o.E.Subject:return i._.safeUrlConcat(r,"subjects/presentations/".concat(n,"/classifications/").concat(t,"/edit"));case o.E.Video:return l(r,"videos",t);case o.E.Playlist:return l(r,"playlists",t);case o.E.Series:return l(r,"series",t);case o.E.Company:return l(r,"companies",t);case o.E.Interactive:return l(r,"interactives",t);case o.E.Clip:return l(r,"clips",t);case o.E.Category:return l(s,"categories",t)}}function p(){return d("openInCurationStudio")}function m(){var e,a,t=r.a.useBasicFetch(c.N.currentUser()),n=r.a.useBasicFetch((null===(e=t.data)||void 0===e?void 0:e.id)&&c.N.groups(null===(a=t.data)||void 0===a?void 0:a.id)).data,i=r.a.useBasicFetch(l.L.config()),o=[s.j.Curator,s.j.Content,s.j.Developer];return{openInCurationStudioLabel:p(),isUserCurator:o.some((function(e){return null==n?void 0:n.data.find((function(a){return a.name===e}))})),getOpenInCurationStudioLink:function(e,a,t){var n;return u(null===(n=i.data)||void 0===n?void 0:n.curatorUrl,e,a,t)}}}},60008:(e,a,t)=>{t.r(a),t.d(a,{CompanyDashboardView:()=>Z});var n=t(32735),i=t(23481),r=t(81886),s=t(20354),o=t(28400),l=t(65858),c=t(75896),d=t(23232),u=t(83345),p=t(76177),m=t(40424),g=t(35223),v="moviesAndTv.companyDashboardEmptyState",h=i.T.encloseNamespace(v);function b(e){var a,t,r=(null===(a=e.dashboard)||void 0===a?void 0:a.status)===m.GL.Archived;return n.createElement(d.u,null,n.createElement(d.u.Image,{src:e.imageUrl,altText:h("info")}),n.createElement(d.u.Heading,null,n.createElement(u.x,{namespace:v,phrase:"heading"})),n.createElement(d.u.Info,null,n.createElement(u.x,{namespace:v,phrase:"info"})),n.createElement(p.u,{title:r?i.T.getPhrase(v,"archivedCtaTooltip"):"",spanHack:!0},n.createElement(d.u.Cta,{text:i.T.getPhrase(v,"add"),appLink:null===(t=e.addWidgetApplink)||void 0===t?void 0:t.call(e),className:"btn btn-dark",icon:g.vn.Plus,disabled:r})))}var y=t(44522),C=t(49935),f=t(32624),k=t(7733),E=t(77843),L=t(9085);function T(e){var a,t,i,r=c.m.sortBy(null===(a=e.dashboard)||void 0===a?void 0:a.widgets,"index");function s(a,t,n){var i=E.S.getWidgetParams(t,n,E.S.getDashboardTargetType(e.dashboard));return e.getWidgetContentRequest(a,i,n)}var o=e.isReadonly&&!(null==r?void 0:r.length);return n.createElement(n.Fragment,null,!!r.length&&n.createElement(n.Fragment,null,e.company?n.createElement(y.p,{heading:e.company.name,banner:e.company.banner,imageCdnUrl:e.imageCdnUrl,blockColourClass:(0,L.x)(e.company.name,k.o),actions:null===(t=e.getBannerActions)||void 0===t?void 0:t.call(e),actionsDropdownClassName:"btn btn-outline-dark"}):n.createElement(y.v,null),n.createElement("div",{className:"py-3 mb-3 border-bottom"},n.createElement(C.Oo,{breadcrumbs:null===(i=e.getBreadcrumbs)||void 0===i?void 0:i.call(e)})),n.createElement("div",{className:"mt-3"},r.map((function(a){return n.createElement(f.L,{key:a.id,id:a.id,imageCdnUrl:e.imageCdnUrl,getContentRequest:s,audiences:e.audiences,name:a.name,description:a.description,templateId:a.templateId,metadata:a.metadata,presentation:e.presentation,setFavourite:e.setFavourite,canFavourite:e.canFavourite,appLinks:e.widgetAppLinks,isScrollToTargetWidget:(null==e?void 0:e.scrollToWidgetId)===a.id,widgetTypeId:a.widgetId,yearGroups:e.yearGroups,hasPermissions:e.hasPermissions,hasLocalPermissions:e.hasLocalPermissions,isPreviewing:e.isReadonly,companyLogoFallbackUrl:e.companyLogoFallbackUrl,subTextType:e.subTextType,resourceThumbnailFallbackImageUrl:e.resourceThumbnailFallbackImageUrl,preferences:a.preferences,isPlugin:e.isPlugin})})))),o&&n.createElement(b,{dashboard:e.dashboard,isReadonly:e.isReadonly,imageUrl:e.emptyImageUrl,addWidgetApplink:e.widgetAppLinks.widgetWizard}))}var I=t(14875),P=t(183),U=t(67058),A=t(39151),S=t(80889),w=t(63719),F=t(56520),x=t(22902),R=t(79612),W=t(37802),N=t(76753),B=t(99742),D=t(14070),G=t(97291),_=t(68317),O=t(51855),j=t(7179),H=t(27638),q=t(23737),M=t(33192),Q=t(22490),V=t(82431),Y=i.T.encloseNamespace("moviesAndTv.companyDashboard"),z={videoType:function(e,a){return Q.W.getAppLink(e,Object.assign(Object.assign({},a),{moviesAndTv:!0,context:P.Q.Widget}))},series:V.j.getSeriesAppLink,subText:function(e){return V.j.getSeriesAppLink(e.series)},playlist:function(e){return{application:G.O.PLAYLISTS,action:D.e.Playlists.PLAYLIST,args:[e.id,o.m.slugify(e.name)]}},classroomGuide:Q.W.getClassroomGuideAppLink,interactiveGuidance:Q.W.getInteractiveGuidanceAppLink,resourceGuidance:Q.W.getResourceGuidanceAppLink};function Z(e){var a,t,i,o=s.a.useBasicFetch(A.L.config()),c=s.a.useBasicFetch(_.h.company(e.companyId)),d=(0,F.R0)(),u=d.openInCurationStudioLabel,p=d.isUserCurator,g=d.getOpenInCurationStudioLink,v=(0,W.r)(null),h=v.hasNewMoviesAndTv,b=v.isLoadingSettings,y=(0,H.u)(l.LZ.ExpandableVideoThumbnail),C=y.setFavourite,f=y.canFavourite,k=(0,x.T)(),E=k.hasPermissions,L=k.hasLocalPermissions,P=(0,O.G)().isPlugin,Q=(0,q.y)({targetType:m.ku.Company,queryParams:e.queryParams,presentationSlug:e.presentationSlug,companyId:e.companyId}),V=Q.dashboard,Z=Q.presentation,$=Q.isPreviewing;(0,R.M)(N.CG.getDefaultMetadata({title:null===(a=c.data)||void 0===a?void 0:a.name,phraseContext:{phraseHandler:Y,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:M.f.getCanonicalLink({stripPresentationSlug:!0}),allowIndexing:!1})),(0,j.P)({id:e.companyId,app:"studios"}),n.useEffect((function(){!b&&V.hasCompleted&&(h&&V.data||r.Q.C$.trigger({application:G.O.DASHBOARD,action:D.e.Dashboard.HOME},{replace:!0}))}),[h,b,V.data,V.hasCompleted]);var J=(0,w.h)({name:null===(t=c.data)||void 0===t?void 0:t.name});return n.useEffect((function(){V.hasCompleted&&!V.data&&r.Q.Ry.throw(new U.d)}),[V.data,V.hasCompleted]),n.createElement("div",{className:"position-relative px-4"},!(!$||!V.data)&&n.createElement(I.a,{status:V.data.status,type:"company"}),n.createElement(T,{company:c.data,dashboard:V.data,getWidgetContentRequest:S._.dashboardWidgetContent,getBannerActions:function(){var e,a;return p?[{label:u,href:g(null===(e=c.data)||void 0===e?void 0:e.typeId,null===(a=c.data)||void 0===a?void 0:a.id),openInNewTab:!0}]:[]},imageCdnUrl:null===(i=o.data)||void 0===i?void 0:i.imageCdnUrl,resourceThumbnailFallbackImageUrl:B.W.Fallbacks.RESOURCE_THUMBNAIL,presentation:Z,widgetAppLinks:z,setFavourite:C,canFavourite:f,getBreadcrumbs:function(){return c.hasCompleted?J:[]},hasPermissions:E,hasLocalPermissions:L,isPlugin:P}))}}}]);
+//# sourceMappingURL=7234-595d44446f-lite.chunk.js.map