@clickview/lite 0.52.1 → 0.52.2-dev.0

package/dist/scripts/6470-1012a7889c-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6470],{49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>p});var a=n(32735),r=n(36848),c=n(86764),l=n(3747),i=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,c=t.appLink,l=t.active,i=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?a.createElement("strong",null,n):a.createElement(r.F,{appLink:c},i&&a.createElement(s.x,{svgName:o.vn.ChevronLeft,size:s.S.Small}),a.createElement("span",{className:i?"ms-2":""},n)))},d=function(e){var t,n,r=e.breadcrumbs,i=(0,l.a)(c.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,c,l,i=[],o=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=c.call(n)).done)&&(i.push(a.value),i.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return i}}(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||i&&o<2)return a.createElement(a.Fragment,null);if(i)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]}),y=o>2?a.createElement(m,{breadcrumb:r[o-2]}):a.createElement(a.Fragment,null),f=a.createElement(m,{breadcrumb:r[o-1]}),g=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)}},"...")):g.map((function(e,t){return a.createElement(m,{key:t,breadcrumb:e})})),y,f))},p=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(c.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"},i.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),c=n(36848),l=n(18559),i=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(l.C,{type:l.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(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(s.Z.tabLink,"\n                  ")},a.createElement(u,{tab:e})):a.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(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"}},31647:(e,t,n)=>{n.d(t,{E:()=>i});var a=n(32735),r=n(23481),c=n(38502),l="rostering.settingHeader";function i(e){var t,n,i=[{name:r.T.getPhrase(l,"syncJobs"),appLink:null===(t=e.appLinks)||void 0===t?void 0:t.syncJobs,active:"syncJobs"===e.active},{name:r.T.getPhrase(l,"settings"),appLink:null===(n=e.appLinks)||void 0===n?void 0:n.settings,active:"settings"===e.active}];return a.createElement("div",null,a.createElement(c.r,{tabs:i}))}},65654:(e,t,n)=>{n.d(t,{G:()=>o});var a=n(32735),r=n(23481),c=n(76177);const l={rightButton:"GcqRT"};var i=r.T.encloseNamespace("rostering.syncActionButtonGroup");function o(e){return a.createElement("div",{className:"btn-group px-2",role:"group"},a.createElement(c.u,{title:i("syncNowTooltip"),spanHack:!0,placement:"left",spanHackClassName:l.buttonBorder},a.createElement("button",{type:"button",className:"btn btn-outline-dark ".concat(l.leftButton),onClick:null==e?void 0:e.onSyncNow},i("syncNow"))))}},62394:(e,t,n)=>{n.d(t,{y:()=>l});var a=n(75896),r=n(110),c=new Date,l={parseUTCToLocal:function(e){var t=e.utcHour,n=e.utcWeekdays,c=e.utcMinute,l=void 0===c?0:c,i=n.map((function(e){return r.O.buildLocalDateFromUTC(e,t,l)})),o=i.map((function(e){return e.getDay()}));return{hour:+r.O.format(a.m.first(i),"HH"),daysOfWeek:o,minute:l}},getScheduledJobBySetting:function(e){var t;if(!e||!e.fullSyncSchedule||!e.fullSyncSchedule.enabled)return null;var n=l.parseUTCToLocal({utcHour:e.fullSyncSchedule.hour,utcWeekdays:e.fullSyncSchedule.daysOfWeek,utcMinute:e.fullSyncSchedule.minute}),a=new Date,r=c.getDay(),i=n.daysOfWeek.sort((function(e,t){return e-t})),o=n.daysOfWeek.includes(r),s=n.hour,u=null!==(t=null==n?void 0:n.minute)&&void 0!==t?t:0;if(o&&(a.setHours(s,u,0,0),c<a))return a;var m=new Date,d=i.find((function(e){return e>r}));d||(d=i[0]);var p=Math.abs(d-r);return m.setDate(c.getDate()+p),m.setHours(s,0,0,0),m}}},44538:(e,t,n)=>{n.d(t,{K:()=>i});var a=n(99940),r=n(97395),c=n(58739),l=n(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 n=[];e.jobStatus.includes("completed")&&n.push.apply(n,[c.K.Completed,c.K.CompletedWithError]),e.jobStatus.includes("failed")&&n.push(c.K.Failed),e.jobStatus.includes("inProgress")&&n.push.apply(n,[c.K.Submitted,c.K.Queued,c.K.Pending,c.K.InProgress]),t.status=n}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,n){return{url:"{gateway}/v1/batch/jobs",key:"rostering:sync",type:a.k.POST,invalidationKeys:["rostering:sync"],data:e,success:t,error:n}},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,n,r,c){return{type:a.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:n,error:r,always:c}}}},81803:(e,t,n)=>{n.d(t,{d:()=>b});var a=n(32735),r=n(81886),c=n(23481),l=n(49935),i=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,i.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 i,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(l.Oo,{breadcrumbs:[{name:c.T.getPhrase(d,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:o.e.Settings.HOME}}].concat((i=u,function(e){if(Array.isArray(e))return m(e)}(i)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||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}}(i)||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)}},52834:(e,t,n)=>{n.d(t,{y:()=>u});var a=n(32735),r=n(23232),c=n(98461),l=n(83345),i=n(12778),o=n(99742),s="rostering.requiresSetUp";function u(){return a.createElement(r.u,null,a.createElement(r.u.Image,{src:o.W.EmptyStates.Rostering.REQUIRES_SET_UP}),a.createElement(r.u.Heading,null,a.createElement(l.x,{namespace:s,phrase:"emptyHeading"})),a.createElement(r.u.Info,{className:"w-50 mb-3"},a.createElement(l.x,{namespace:s,phrase:"emptyInfo"})),a.createElement(c.d,{className:"btn btn-dark",href:i.o.getSupportRequestUrl(),newTab:!0},a.createElement(l.x,{namespace:s,phrase:"button"})))}},56736:(e,t,n)=>{n.d(t,{B:()=>p});var a=n(60139),r=n(23481),c=n(20354),l=n(67651),i=n(72081),o=n(38389),s=n(4594),u=n(44538),m=n(69883),d=r.T.encloseNamespace("rostering.syncUtils"),p=function(e){var t=c.a.useGetFetchAsync(),n=(0,m.Z)();return e?{fullSync:function(){},syncNow:function(){var r={type:a.NK.Success,heading:d("startSyncAlertHeading"),message:d("startSyncAlertBody"),appLinkText:d("startSyncAlertAppLinkText"),appLinkClassName:"info-link"},c={name:i.g.Rostering,type:o.m.Rostering,metadata:{targetMasterId:e.customerId,targetMasterType:s.E.Customer},customerId:e.customerId,dataType:l.B.Learner};t(u.K.createJob(c,(function(){n.success(r)}),(function(){n.error(d("error"))})))}}:{syncNow:function(){},fullSync:function(){}}}},87432:(e,t,n)=>{n.d(t,{Z:()=>a});const a={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}}}]);
+//# sourceMappingURL=6470-1012a7889c-lite.chunk.js.map

package/dist/scripts/6470-1012a7889c-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6470-1012a7889c-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/rostering/rostering-header/RosteringSettingHeader.tsx","file:///app/packages/libs/shared/src/components/rostering/sync-action-button-group/sync-action-button-group.scss","file:///app/packages/libs/shared/src/components/rostering/sync-action-button-group/SyncActionButtonGroup.tsx","file:///app/packages/libs/shared/src/components/rostering/utils/RosteringHelper.ts","file:///app/packages/libs/shared/src/flight-requests/RosteringRequests.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/views/rostering/rostering-sync-list/requires-set-up-empty-state/RequiresSetUpEmptyState.tsx","file:///app/packages/projects/lite/src/apps/settings/views/rostering/utils/useSyncRostering.ts","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","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\n\nconst namespace = 'rostering.settingHeader';\n\nexport interface RosteringSettingHeaderAppLinks {\n  syncJobs: Core.AppLink;\n  settings: Core.AppLink;\n}\n\ninterface RosteringSettingHeaderProps {\n  appLinks?: RosteringSettingHeaderAppLinks;\n  active: keyof RosteringSettingHeaderAppLinks;\n}\n\nexport function RosteringSettingHeader(props: RosteringSettingHeaderProps): JSX.Element {\n  const tabs = [{\n    name: LanguageService.getPhrase(namespace, 'syncJobs'),\n    appLink: props.appLinks?.syncJobs,\n    active: props.active === 'syncJobs'\n   \n  }, {\n    name: LanguageService.getPhrase(namespace, 'settings'),\n    appLink: props.appLinks?.settings,\n    active: props.active === 'settings'\n    \n  }];\n\n  return (\n    <div>\n      <PillTabSelector tabs={tabs} />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"rightButton\":\"GcqRT\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\n\nimport styles from './sync-action-button-group.scss';\n\nconst namespace = 'rostering.syncActionButtonGroup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SyncActionButtonGroupProps {\n  onSyncNow?: () => void;\n  onFullSync?: () => void;\n}\n\nexport function SyncActionButtonGroup(props: SyncActionButtonGroupProps): JSX.Element {\n  return (\n    <div className='btn-group px-2' role='group'>\n      <Tooltip title={getPhrase('syncNowTooltip')} spanHack placement='left' spanHackClassName={styles.buttonBorder}>\n        <button type='button' className={`btn btn-outline-dark ${styles.leftButton}`} onClick={props?.onSyncNow}>{getPhrase('syncNow')}</button>\n      </Tooltip>\n      {/* todo hide the dropdown for v1 */}\n      {/* <button type='button' className={`btn  dropdown-toggle btn-outline-dark ${styles.rightButton}`} data-bs-toggle='dropdown'>\n      </button>\n      <div className='dropdown-menu'>\n        <Tooltip title={getPhrase('fullSyncTooltip')} spanHack placement='left' >\n          <div className='dropdown-item cursor-pointer' onClick={props?.onFullSync}>{getPhrase('fullSync')}</div>\n        </Tooltip>\n      </div> */}\n    </div>\n  );\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { ScheduleSettingResponse } from 'libs/shared/interfaces';\n\nconst now = new Date();\n\nexport const RosteringHelper = {\n  parseUTCToLocal(\n    {\n      utcHour,\n      utcWeekdays,\n      utcMinute = 0\n    }: {\n    utcHour: number,\n    utcWeekdays: number[],\n    utcMinute: number\n  }\n  ) {\n    const local = utcWeekdays.map(weekday => DateHelper.buildLocalDateFromUTC(weekday, utcHour, utcMinute));\n\n    const localWeekdays = local.map(w => w.getDay());\n    const localHour = DateHelper.format(ArrayHelper.first(local), 'HH');\n    return { hour: +localHour, daysOfWeek: localWeekdays, minute: utcMinute };\n  },\n\n  // calculating next scheduled job by schedule setting\n  getScheduledJobBySetting (setting: ScheduleSettingResponse): Date | null {\n    if (!setting || !setting.fullSyncSchedule || !setting.fullSyncSchedule.enabled)\n      return null;\n\n    const schedule = RosteringHelper.parseUTCToLocal({\n      utcHour: setting.fullSyncSchedule.hour,\n      utcWeekdays: setting.fullSyncSchedule.daysOfWeek,\n      utcMinute: setting.fullSyncSchedule.minute\n    });\n    const scheduledDate = new Date();\n    const weekdayOfToday = now.getDay();\n\n    const scheduledWeekday = schedule.daysOfWeek.sort((a, b) => a - b);\n    const scheduledToday = schedule.daysOfWeek.includes(weekdayOfToday);\n    const hour = schedule.hour;\n    const minute = schedule?.minute ?? 0;\n\n    if (scheduledToday) {\n      scheduledDate.setHours(hour, minute, 0, 0);\n      if (now < scheduledDate) {\n        return scheduledDate;\n      }\n    }\n\n    const nextScheduledDate = new Date();\n    let nextScheduledWeekday = scheduledWeekday.find(d => d > weekdayOfToday);\n    if (!nextScheduledWeekday) {\n      // cannot find next scheduled date in the current week, must be next week\n      nextScheduledWeekday = scheduledWeekday[0];\n    }\n    // use absolute value of gap to make sure next scheduled date is in the futrue\n    const gap = Math.abs(nextScheduledWeekday - weekdayOfToday);\n    nextScheduledDate.setDate(now.getDate() + gap);\n    nextScheduledDate.setHours(hour, 0, 0, 0);\n    return nextScheduledDate;\n  }\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};","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 { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { ExternalLink } from 'libs/shared/components/external-link/ExternalLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'rostering.requiresSetUp';\n\nexport function RequiresSetUpEmptyState(): JSX.Element {\n  return (\n    <EmptyState>\n      <EmptyState.Image src={ImageUrls.EmptyStates.Rostering.REQUIRES_SET_UP} />\n      <EmptyState.Heading><Text namespace={namespace} phrase='emptyHeading' /></EmptyState.Heading>\n      <EmptyState.Info className='w-50 mb-3'><Text namespace={namespace} phrase='emptyInfo' /></EmptyState.Info>\n      \n      {/* <EmptyState.Cta\n        href={href}\n        text={getPhrase('emptyCta')}\n        className='btn btn-link info-link'\n        openInNewTab\n      /> */}\n  \n      <ExternalLink\n        className='btn btn-dark'\n        href={ArticleHelper.getSupportRequestUrl()}\n        newTab\n      >\n        <Text namespace={namespace} phrase='button'/>\n      </ExternalLink>\n      \n    </EmptyState>\n  );\n}","import { AlertType, BaseAlert } from 'libs/common/backbone/services/BaseAlertService';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { BatchDataType } from 'libs/shared/enums/BatchDataType';\nimport { BatchJobName } from 'libs/shared/enums/BatchJobName';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { RosteringRequests } from 'libs/shared/flight-requests/RosteringRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nconst namespace = 'rostering.syncUtils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const useSyncRostering = (currentUser: CurrentUser) => {\n  const fetchAsync = Flight.useGetFetchAsync();\n\n  const alerts = useAlerts();\n\n  if (!currentUser) {\n    return { syncNow: () => {}, fullSync: () => {} };\n  }\n\n  function syncNow() {\n    const alert: BaseAlert = {\n      type: AlertType.Success,\n      heading: getPhrase('startSyncAlertHeading'),\n      message: getPhrase('startSyncAlertBody'),\n      appLinkText: getPhrase('startSyncAlertAppLinkText'),\n      appLinkClassName: 'info-link'\n    };\n\n    const data = {\n      name: BatchJobName.Rostering,\n      type: BatchJobType.Rostering,\n      metadata: {\n        targetMasterId: currentUser.customerId,\n        targetMasterType: MasterType.Customer\n      },\n      customerId: currentUser.customerId,\n      dataType: BatchDataType.Learner\n    };\n    fetchAsync(RosteringRequests.createJob(\n      data,\n      () => {\n        alerts.success(alert);\n      },\n      () => {\n        alerts.error(getPhrase('error'));\n      }\n    ));\n  }\n\n  function fullSync() {\n    // todo\n  }\n  return { fullSync, syncNow };\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","namespace","RosteringSettingHeader","appLinks","syncJobs","settings","getPhrase","LanguageService","SyncActionButtonGroup","role","Tooltip","title","spanHack","placement","spanHackClassName","onSyncNow","now","Date","RosteringHelper","parseUTCToLocal","utcHour","utcWeekdays","utcMinute","local","weekday","localWeekdays","w","getDay","hour","daysOfWeek","minute","getScheduledJobBySetting","setting","fullSyncSchedule","enabled","schedule","scheduledDate","weekdayOfToday","scheduledWeekday","sort","a","b","scheduledToday","includes","setHours","nextScheduledDate","nextScheduledWeekday","find","d","gap","Math","abs","setDate","getDate","RosteringRequests","getRostering","url","getSyncList","queryParams","params","cursor","order","jobStatus","statuses","push","status","createJob","success","error","invalidationKeys","getJobSummary","id","getSyncScheduleSettings","integrationId","updateScheduleSetting","always","customerId","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","i","heading","headingButton","description","children","RequiresSetUpEmptyState","src","phrase","href","newTab","useSyncRostering","currentUser","fetchAsync","alerts","fullSync","syncNow","alert","message","appLinkText","appLinkClassName","metadata","targetMasterId","targetMasterType","dataType","B"],"sourceRoot":""}

package/dist/scripts/6481-39b72a58ef-lite.chunk.js

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

package/dist/scripts/6481-39b72a58ef-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6481-39b72a58ef-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,6FC9GA,SAAgB,eAAiB,QAAQ,YAAc,QAAQ,mBAAqB,QAAQ,iBAAmB,QAAQ,kBAAoB,SCiBrI,SAAUC,EAAiBC,GAC/B,OACE,uBAAK/B,UAAU,QACZgC,MAAMD,EAAME,WAAWC,KAAK,MAAMd,KAAI,SAACe,EAAGC,GAAC,OAC1C,uBAAKpC,UAAU,SAASsB,IAAKc,GAC1BL,EAAMM,kBAAoB,uBAAKrC,UAAU,yCAC1C,gBAACsC,EAAgB,iBAAKP,IAClB,IAId,CAEM,SAAUO,EAAiBP,GAC/B,IAAMQ,GAAc,EAAAC,EAAA,KAGdC,EAAmB,OADZC,EAAA,UAAwBH,EAAa,MAG5CI,EAAiBZ,EAAMa,iBAAmBL,EAAYM,GAE5D,OACE,gBAACC,EAAA,EAAG,CAAC9C,UAAS,UAAKyC,EAAU,GAAK,OAAM,iBACtC,gBAACM,EAAA,EAAG,iBAAKL,EAAA,wBAAqC,CAAE1C,UAAS,6CAAwCyC,EAAU,YAAc,uBACvH,gBAACK,EAAA,EAAG,OACCH,GACD,uBAAK3C,UAAU,0DACb,uBAAKA,UAAS,qCAAgC,wBAGlD,gBAAC+C,EAAA,EAAG,CAACF,GAAIH,EAAA,sBAAoCC,IAC3C,uBAAK3C,UAAS,qCAAgCyC,EAAU,UAAY,YAAW,YAAI,yBAIzF,gBAACM,EAAA,EAAG,iBAAKL,EAAA,sBAAmC,CAAE1C,UAAWyC,EAAU,OAAS,SAC1E,uBAAKzC,UAAS,0CAAqC,iBACnD,uBAAKA,UAAS,qCAAgC,yBAItD,CA7CA8B,EAAiBkB,aAAe,CAC9Bf,UAAW,G,wICfb,IAAMgB,EAAyD,CAC7DzB,SAAU,EACV0B,SAAU,GACVC,SAAU,KAaCC,EAAuB,CAClCC,uBAAsB,WAAoC,I,EAAnCC,EAAA,uDAAiC,CAAC,EACjDC,EAAO,OAAH,wBACLN,GACAK,GAKL,O,EAAWtB,MAAMuB,EAAK/B,U,omBAAWJ,KAAI,iBAAO,CAAEO,MAAO,GAAF,OAFhB6B,KAAKC,IAAID,KAAKE,MAAMF,KAAKG,SAAWJ,EAAKJ,UAAWI,EAAKL,UAEd,MAAM,GACtF,E,wECnBWU,EAA2B,WACtC,OAAwD,OAAgB,CAAEC,iBAAiB,IAAnFC,EAAkB,EAAlBA,mBAAoBC,EAAuB,EAAvBA,wBAEtBC,EAAeF,GAAsBC,IAO3C,OALkB,oBACdC,GACF,0BAAuCA,EAAaC,IAIxD,C,8FCCM,SAAUC,IACd,OAAgD,SAAxCC,EAAc,EAAdA,eAAgBC,EAAmB,EAAnBA,oBAGlBC,GAAQC,GAFS,SAAfA,YAEiB,aAiBzB,MAAO,CACLC,cAAeJ,EAAe,qBAC9BK,kBAAkB,EAClBC,oBAAqBJ,GAASF,EAAe,2BAC7CO,aAAcL,GAASF,EAAe,oBACtCQ,uBAAwBR,EAAe,qBACvCS,cAAeR,EAAoB,qBACnCS,qBAlBIT,EAAoB,kBAQjB,sBAWPU,qBAAsBV,EAAoB,4BAC1CW,YAAaV,EAEjB,C,kXCdMW,EAAY,qBADA,qBAOZ,SAAUC,EAAqBlD,G,YAC3BmD,EAAWnD,EAAXmD,OACR,GAAuC,IAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aACdC,GAAa,SAAbA,SAEFC,GAAe,OAAgB,CAAEC,SAAU,gBAC3CC,GAAgB,SAEhBC,EAAc,kBAAkC,mBAChDC,EAAa,kBACjBD,EAAYE,KAAKC,iBAAmB,eAA4BH,EAAYE,KAAKE,aAG7EC,EAAO,kBAA2BN,EAAcf,cAAgB,SAAkBQ,IAClFc,EAAe,kBACnBP,EAAchB,qBAAuB,sBAAsCS,IAEvEe,EAAUD,aAAY,EAAZA,EAAcJ,KACxBM,GAAQD,aAAO,EAAPA,EAAS1F,SAAU,EAE3B4F,EAAS,kBAA6B,cAEtCC,EAAQ,GAAH,OAAMpB,EAAU,uBAAsB,aAAKkB,GAAS,GAAE,KAE3DG,GAAY,SACVlC,GAAmB,SAAnBA,eAEF9D,EAA4B,CAAC,CACjCT,KAAe,QAAT,EAAAmG,EAAKH,YAAI,eAAEhG,KACjBC,QAAS,OAAF,wBACF,cAA2B,CAC9ByG,KAAM,CAAEpB,EAAQ,YAA4B,QAAT,EAAAa,EAAKH,YAAI,eAAEhG,UAE/C,CACDA,KAAMwG,EACNvG,QAAS,CACP0G,YAAa,UACbC,OAAQ,4BACRF,KAAM,CAAEpB,EAAQ,YAA4B,QAAT,EAAAa,EAAKH,YAAI,eAAEhG,QAEhDE,QAAQ,IAgBV,OANA,aAAgB,WACT2F,EAAchB,qBARrB,W,MACE,eAA2B,OAAD,wBACrB,cAA2B,CAC9B6B,KAAM,CAAEpB,EAAQ,YAA4B,QAAT,EAAAa,EAAKH,YAAI,eAAEhG,SAC7C,CAAE6G,SAAS,GAChB,CAIIC,EAEJ,GAAG,CAACjB,EAAchB,sBAEbsB,EAAKH,OAASK,aAAO,EAAPA,EAAS1F,SAAW4F,EAAOQ,aAI5C,gBAAC,aAA4B,CAACC,MAAOrB,GACnC,uBAAKvF,UAAU,QACb,sBAAIA,UAAU,WAAWoG,GAEzB,uBAAKpG,UAAU,QACb,gBAAC,KAAW,CAACK,YAAaA,KAG5B,gBAAC,KAAS,CACRwG,OAAQZ,EACRN,WAAYA,EAAWC,KACvBkB,gBAAiB,SAACC,EAAOxD,GAAI,OAAK,eAA8BwD,EAAO,OAAF,wBAChExD,GAAI,CACPyD,QAAS,WACTC,UAAWlF,EAAMmD,SACjB,EACFf,eAAgBA,EAChB+C,kBAAmB,SAAAH,GAAK,OAAI,qBAAqCA,EAAMI,OAAO,EAC9E/B,aAAcA,EACdC,aAAcA,EACd+B,sBAAuBf,EAAUT,KACjCyB,2BAA4B,SAAAC,GAAW,OAAI,+BAA8CA,EAAY,EACrGC,YAAwB,QAAX,EAAApB,EAAOP,YAAI,eAAE2B,YAC1BjC,SAAUA,EACVkC,yBAA0B,6BAC1BC,8BAA+B,kCAC/BC,2BAA4B,mCA7B3B,gBAAC,IAAqB,KAkCjC,C,6DClIaC,EAAqB,CAChCC,UAAW,CACTrB,YAAa,WACbC,OAAQ,uBAEVqB,SAAU,CACRtB,YAAa,UACbC,OAAQ,qB,wECVZ,SAAgB,eAAiB,SCM3B,SAAUsB,IACd,OACE,uBAAK9H,UAAU,QACb,uBAAKA,UAAS,0CAAqC,oBACnD,uBAAKA,UAAU,QACb,gBAAC,KAAkB,OAErB,gBAAC8B,EAAA,EAAgB,MAGvB,C,4FCXA,MAAMgB,EAAmB,cAAiB,EACxCiF,WACA/H,YAEAgI,GAAIC,EAAY,SACblG,GACFmG,KACD,MAAMC,GAAoB,QAAmBJ,EAAU,OACjDxF,GAAc,UACd6F,GAAgB,UAChBC,EAAa,GAAGF,SAChBG,EAAU,GAehB,OAdA/F,EAAYgG,SAAQC,IAClB,MAAMC,EAAY1G,EAAMyG,GAExB,IAAIE,SADG3G,EAAMyG,GAEI,MAAbC,GAA0C,iBAAdA,IAE5BC,QACED,GAEJC,EAAOD,EAET,MAAME,EAAQH,IAAaJ,EAAgB,IAAII,IAAa,GAChD,MAARE,GAAcJ,EAAQM,KAAK,GAAGP,IAAaM,KAASD,IAAO,KAE7C,SAAKT,EAAW,CAClCC,IAAKA,KACFnG,EACH/B,UAAW,IAAWA,EAAWmI,KAAsBG,IACvD,IAEJxF,EAAI+F,YAAc,MAClB,S","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.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/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/views/video-media/ClipInteractivesView.tsx","file:///app/packages/projects/lite/src/shared/views/video-media/VideoMediaAppLinks.ts","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/partial-video-media-view.scss","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/PartialVideoMediaView.tsx","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});","// 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","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 { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\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/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { VideoMediaAppLinks } from 'shared/views/video-media/VideoMediaAppLinks';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { PartialVideoMediaView } from './partial-loading/PartialVideoMediaView';\n\nconst namespace = 'shared.videoMedia';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClipInteractivesViewProps {\n  clipId: string;\n}\n\nexport function ClipInteractivesView(props: ClipInteractivesViewProps): JSX.Element {\n  const { clipId } = props;\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const { isPlugin } = usePluginHelper();\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const featureAccess = useVideoFeatureAccess();\n\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\n  const clip = Flight.useBasicFetch<Clip>(featureAccess.canViewClips && ClipRequests.clip(clipId));\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n    featureAccess.canViewInteractives && InteractiveRequests.videoInteractives(clipId)\n  );\n  const content = interactives?.data;\n  const count = content?.length || 0;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const title = `${getPhrase('interactivesHeading')} (${count || ''})`;\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs: Breadcrumb[] = [{\n    name: clip.data?.name,\n    appLink: {\n      ...VideoMediaAppLinks.playClip,\n      args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n    }\n  }, {\n    name: title,\n    appLink: {\n      application: AppChannels.CLIPS,\n      action: Actions.Clips.CLIP_INTERACTIVES,\n      args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n    },\n    active: true\n  }];\n\n  function redirectToPlaypage(): void {\n    Core.AppLinkHelper.trigger({\n      ...VideoMediaAppLinks.playClip,\n      args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n    }, { replace: true });\n  }\n\n  React.useEffect(() => {\n    if (!featureAccess.canViewInteractives) {\n      redirectToPlaypage();\n    }\n  }, [featureAccess.canViewInteractives]);\n\n  if (!clip.data || !content?.length || !config.hasCompleted)\n    return <PartialVideoMediaView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{title}</h1>\n       \n        <div className='mb-2'>\n          <Breadcrumbs breadcrumbs={breadcrumbs}/>\n        </div>\n\n        <VideoList\n          videos={content}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.clipId\n          })}\n          hasPermissions={hasPermissions}\n          getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          presentationAudiences={audiences.data}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          imageCdnUrl={config.data?.imageCdnUrl}\n          isPlugin={isPlugin}\n          getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport const VideoMediaAppLinks = {\n  playVideo: {\n    application: AppChannels.VIDEOS,\n    action: Actions.Videos.PLAY_VIDEO\n  },\n  playClip: {\n    application: AppChannels.CLIPS,\n    action: Actions.Clips.PLAY_CLIP\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"okxfx\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-video-media-view.scss';\n\nexport function PartialVideoMediaView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='mb-2'>\n        <PartialBreadcrumbs/>\n      </div>\n      <PartialVideoList />\n    </div>\n  );\n}","\"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","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoFeatureAccess","hasPermissions","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","getPhrase","ClipInteractivesView","clipId","u","setFavourite","canFavourite","isPlugin","videoActions","location","featureAccess","currentUser","yearGroups","data","isAuthenticated","customerId","clip","interactives","content","count","config","title","audiences","args","application","action","replace","redirectToPlaypage","hasCompleted","value","videos","getVideoAppLink","video","context","contextId","getSubTextAppLink","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","VideoMediaAppLinks","playVideo","playClip","PartialVideoMediaView","bsPrefix","as","Component","ref","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","forEach","brkPoint","propValue","cols","infix","push","displayName"],"sourceRoot":""}

package/dist/scripts/6489-9287613d14-lite.chunk.js

@@ -0,0 +1,3 @@
+/*! For license information please see 6489-9287613d14-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6489],{2192:(e,t,n)=>{n.d(t,{M:()=>p,Q:()=>g});var r=n(32735),a=n(45157),c=n(36848),o=n(60376),l=n(5465),i=n(83914),s=n(83345),u=n(54610),m=n(67453),d=n(35223),f=n(92038),h=function(e){var t=e.name,n=e.multiline,a=e.noUnderLine,c="".concat(f.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),o="";return n?o+=" ".concat(f.Z.clamped," clamp-2"):(c+=" text-nowrap",o+=" text-truncate"),r.createElement("div",{className:c},r.createElement("small",{className:"text-secondary"},r.createElement(s.x,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),r.createElement("p",{className:"".concat(a?"":f.Z.name," h6")},r.createElement("span",{className:o},t)))},v=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c=e.noUnderLine,o="px-3 d-flex flex-column justify-content-center",l="".concat(c?"":f.Z.name," h6");return n?l+=" clamp-3 text-start":(o+=" text-nowrap text-truncate",l+=" text-truncate mb-0 pb-1"),r.createElement("div",{className:o},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(f.Z.text)},a),r.createElement("div",{className:l,title:t},t))};function p(e){var t=m.j.createUrl(e.coverUrl,{size:e.isLarge?u.h2.Medium:u.h2.Small}),n={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle,noUnderLine:e.highlightOnHover};return r.createElement("div",{className:"border d-flex position-relative ".concat(e.className," ").concat(f.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""," ").concat(e.highlightOnHover?f.Z.enableHighlight:""),id:"".concat(e.data.id,"-").concat(a.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(f.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(f.Z.imagePanel," ").concat(e.isLarge?f.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:f.Z.selected},r.createElement(o.f,{svgName:d.vn.Check,svgSize:i.S.Large,textVariant:"white",variant:"green"})),r.createElement("div",{className:"".concat(f.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(t,"')")}:{}}),!e.hideFallback&&r.createElement(l.oy,{type:l.mS.Subject,extraClasses:e.isLarge?f.Z.large:""})),e.isComingSoon?r.createElement(h,Object.assign({},n)):r.createElement(v,Object.assign({},n)))}function g(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(c.F,{className:f.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(p,Object.assign({},e))):r.createElement(p,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),o=n(2248);const l={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(l.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:l.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(l.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(l.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(o.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(l.magicTab)}),r.createElement("div",{className:"".concat(l.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>v});var r=n(32735),a=n(60376),c=n(83914),o=n(2786),l=n(83345),i=n(72639),s=n(79967),u=n(35223),m=n(87114);const d={dot:"AlRQD",logo:"L42gR",blackBar:"ESCxm",topNav:"a3G_4",leftNav:"YxGVV",belowHeader:"jc_cg",leftNavIcon:"U6i6r",leftNavText:"LnYlW",presentationPlaceholderIcon:"Ljaju",presentationIcon:"QdwPq",presentationPlaceholderText:"af06V",curriculumIcon:"N7T4T",curriculumIconSmall:"_6xrUg",curriculumContainer:"Z65qX",iconPlaceholder:"CKOXL",shadow:"zygeJ",presentationName:"Oj7Dt"};var f="onboarding.mockLayout";function h(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function v(e){var t,n,v=(0,s.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(l.x,{namespace:f,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(l.x,{namespace:f,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle ".concat(d.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},r.createElement("div",{className:"".concat(d.logo," me-4")},v.xs?r.createElement(o.bc,null):r.createElement(o.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:u.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(d.belowHeader)},r.createElement("div",{className:"".concat(d.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(h,null),r.createElement(h,null),r.createElement(h,null),r.createElement(h,null),r.createElement(h,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return d.presentationPlaceholderIcon;switch(m.i.getMappedPresentationLevel(e.presentation.learningLevel)){case i.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case i.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case i.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:u.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},r.createElement(l.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},90987:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSelectCurriculumView:()=>C});var r=n(32735),a=n(20354),c=n(74254),o=n(11607),l=n(83345),i=n(2192),s=n(19808),u=n(31949),m=n(99742),d=n(82817),f=n(86698),h=n(75359),v=n(12058),p=n(40695),g=n(75919),y=n(39375),b=n(73190),E=n(90815);const x={annotation:"JX1ui"};function N(e){return N="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},N(e)}function w(){w=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},c="function"==typeof Symbol?Symbol:{},o=c.iterator||"@@iterator",l=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var c=t&&t.prototype instanceof g?t:g,o=Object.create(c.prototype),l=new _(r||[]);return a(o,"_invoke",{value:j(e,n,l)}),o}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",h="executing",v="completed",p={};function g(){}function y(){}function b(){}var E={};s(E,o,(function(){return this}));var x=Object.getPrototypeOf,L=x&&x(x(T([])));L&&L!==n&&r.call(L,o)&&(E=L);var k=b.prototype=g.prototype=Object.create(E);function S(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function C(e,t){function n(a,c,o,l){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==N(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,o,l)}),(function(e){n("throw",e,o,l)})):t.resolve(u).then((function(e){s.value=e,o(s)}),(function(e){return n("throw",e,o,l)}))}l(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function j(t,n,r){var a=d;return function(c,o){if(a===h)throw Error("Generator is already running");if(a===v){if("throw"===c)throw o;return{value:e,done:!0}}for(r.method=c,r.arg=o;;){var l=r.delegate;if(l){var i=O(l,r);if(i){if(i===p)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=v,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=h;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?v:f,s.arg===p)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=v,r.method="throw",r.arg=s.arg)}}}function O(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,O(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),p;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,p;var o=c.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,p):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function P(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function I(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function _(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(P,this),this.reset(!0)}function T(t){if(t||""===t){var n=t[o];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return c.next=c}}throw new TypeError(N(t)+" is not iterable")}return y.prototype=b,a(k,"constructor",{value:b,configurable:!0}),a(b,"constructor",{value:y,configurable:!0}),y.displayName=s(b,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,i,"GeneratorFunction")),e.prototype=Object.create(k),e},t.awrap=function(e){return{__await:e}},S(C.prototype),s(C.prototype,l,(function(){return this})),t.AsyncIterator=C,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var o=new C(u(e,n,r,a),c);return t.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},S(k),s(k,i,"Generator"),s(k,o,(function(){return this})),s(k,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=T,_.prototype={constructor:_,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(I),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var o=this.tryEntries[c],l=o.completion;if("root"===o.tryLoc)return a("end");if(o.tryLoc<=this.prev){var i=r.call(o,"catchLoc"),s=r.call(o,"finallyLoc");if(i&&s){if(this.prev<o.catchLoc)return a(o.catchLoc,!0);if(this.prev<o.finallyLoc)return a(o.finallyLoc)}else if(i){if(this.prev<o.catchLoc)return a(o.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return a(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var o=c?c.completion:{};return o.type=e,o.arg=t,c?(this.method="next",this.next=c.finallyLoc,p):this.complete(o)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),I(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;I(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:T(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),p}},t}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var k=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function o(e){try{i(r.next(e))}catch(e){c(e)}}function l(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}i((r=r.apply(e,t||[])).next())}))},S="onboarding.selectCurriculum";function C(e){var t,n,N,C=(0,b.Q)(e.redirectUrl),j=C.onClickBack,O=C.exitOnboarding,P=C.completeStepAsync,I=C.onSaveError,_=(0,E.H)().logEvent,T=(0,f.y)().preferredPresentation,U=(0,d.M)(),A=U.hasLoaded,Z=U.preferredCurriculum,F=U.availableCurriculums,z=U.updateCurriculum,G=a.a.useBasicFetch(u.N.currentUser()),H=(n=r.useState(Z),N=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,c,o,l=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(l.push(r.value),l.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(n,N)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(n,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.")}()),B=H[0],V=H[1];return r.useEffect((function(){A&&(null==Z?void 0:Z.id)&&V(Z)}),[A]),r.createElement(p.z,{namespace:S},r.createElement(p.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(g.N,{contentPosition:"right",annotationClassName:x.annotation,annotationUrl:(null===(t=G.data)||void 0===t?void 0:t.instanceRegion)===s.b.US?m.W.OnboardingV2.SelectCurriculum.ANNOTATION_US:m.W.OnboardingV2.SelectCurriculum.ANNOTATION,annotationPosition:"top-left"},r.createElement(y.Y,{presentation:T,curriculum:B,editingCurriculum:!0}))),r.createElement(p.z.Right,{hasCustomButtons:!1,onClickNext:function(){return k(this,void 0,void 0,w().mark((function e(){return w().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return _(c.Vw.Click,c.Ix.Next,{curriculumId:B.id,curriculumName:B.name}),e.prev=1,e.next=4,Promise.all([z(B),P()]);case 4:e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(1),I(),e.abrupt("return",Promise.reject());case 10:case"end":return e.stop()}}),e,null,[[1,6]])})))},onClickBack:j,onClickComeBackLater:O,disableNext:!B},r.createElement(h.W,null,r.createElement(l.x,{phrase:"heading"})),r.createElement(v.X,null,r.createElement(l.x,{phrase:"info"})),r.createElement("ul",{className:"list-unstyled mb-2 row g-2"},null==F?void 0:F.map((function(e){var t;return r.createElement("li",{key:e.id,className:"col-12 col-xl-12 col-lg-12 col-md-6 col-sm-6"},r.createElement(o.L,{onClick:function(){return function(e){_(c.Vw.Select,c.Ix.SelectCurriculum,{curriculumId:e.id,curriculumName:e.name}),V(e)}(e)}},r.createElement(i.M,{data:e,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url,imageClassName:"border-end",isSelected:e.id===(null==B?void 0:B.id),hideCheckmark:!0,multiline:!0,hideFallback:!0})))}))),r.createElement(v.X,null,r.createElement(l.x,{phrase:"dontWorry"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",enableHighlight:"YgkBF",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
+//# sourceMappingURL=6489-9287613d14-lite.chunk.js.map

package/dist/scripts/6489-9287613d14-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6489-9287613d14-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/select-curriculum/select-curriculum.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/select-curriculum/OnboardingSelectCurriculumView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { BaseObject, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\nconst namespace = 'shared.subjectWidgetItem';\n\ninterface NamePanelProps {\n  name: string;\n  multiline?: boolean;\n  subtitle?: string;\n  noUnderLine?: boolean;\n}\n\nconst ComingSoonNamePanel = ({ name, multiline, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = `${styles.comingSoonPanel} \n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\n\n  let textClassName = '';\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap';\n    textClassName += ' text-truncate';\n  } else {\n    textClassName += ` ${styles.clamped} clamp-2`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      <small className='text-secondary'><Text namespace={namespace} phrase='comingSoon' /></small>\n      <p className={`${noUnderLine ? '' : styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${noUnderLine ? '' : styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0 pb-1';\n  } else {\n    textClassName += ' clamp-3 text-start';\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      {subtitle && <div className={`text-secondary clamp-1 ${styles.text}`}>{subtitle}</div>}\n      <div className={textClassName} title={name}>{name}</div>\n    </div>\n  );\n};\n\nexport interface CoverPillWidgetItemProps<T extends BaseObject> {\n  data: T;\n  getChildAppLink?: (data: T) => Core.AppLink;\n  getChildAppLinkOptions?: () => Core.AppLinkOptions;\n  isLarge?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  availablePresentations?: Presentation[];\n  getSubtitle?: (data: T) => string;\n  multiline?: boolean;\n  // set to true it will highlight on hover and also remove the hover text underline\n  highlightOnHover?: boolean;\n}\n\ninterface CoverPillWidgetContentProps<T> extends CoverPillWidgetItemProps<T> {\n  coverUrl?: string;\n  subtitle?: string;\n  isComingSoon?: boolean;\n  className?: string;\n  imageClassName?: string;\n  isSelected?: boolean;\n  hideFallback?: boolean;\n  hideCheckmark?: boolean;\n}\n\nexport function CoverPillWidgetContent(props: CoverPillWidgetContentProps<BaseObject>): JSX.Element {\n  const coverUrl = ImageHelper.createUrl(props.coverUrl, { size: props.isLarge ? ImageSize.Medium : ImageSize.Small });\n\n  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle,\n    noUnderLine: props.highlightOnHover\n  };\n\n  return (\n    <div\n      className={`border d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''} ${props.highlightOnHover ? styles.enableHighlight : ''}`}\n      id={`${props.data.id}-${RandomHelper.getRandomInt()}`}\n    >\n      {props.isSelected && (\n        <div className={`${styles.selectedMask} border-2`} />\n      )}\n\n      <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\n        {props.isSelected && !props.hideCheckmark && (\n          <div className={styles.selected}>\n            <IconCircle svgName={cvSvgLibrary.Check} svgSize={SvgContainerSize.Large} textVariant='white' variant='green' />\n          </div>\n        )}\n\n        <div\n          className={`${styles.image} ${props.imageClassName}`}\n          style={props.coverUrl ? { backgroundImage: `url('${coverUrl}')` } : {}}\n        />\n        {!props.hideFallback && (\n          <ImageFallback\n            type={ImageFallbackType.Subject}\n            extraClasses={props.isLarge ? styles.large : ''}\n          />\n        )}\n      </div>\n\n      {props.isComingSoon\n        ? <ComingSoonNamePanel {...childProps} />\n        : <NormalNamePanel {...childProps} />\n      }\n    </div>\n  );\n}\n\nexport function CoverPillWidgetContentWrapper(props: CoverPillWidgetContentProps<BaseObject>) {\n  const appLink = props.getChildAppLink ? props.getChildAppLink(props.data) : null;\n\n  return (\n    <>\n      {appLink ? (\n        <AppLink\n          className={styles.appLink}\n          appLink={appLink}\n          analyticsData={props.analyticsData}\n          analyticsOptions={props.analyticsOptions}\n          appLinkOptions={props.getChildAppLinkOptions?.()}\n        >\n          <CoverPillWidgetContent {...props} />\n        </AppLink>\n      ) : (<CoverPillWidgetContent {...props} />)\n      }\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\ninterface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n  coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n        {props.coverUrl ? (\n          <div className={styles.placeholderCover}>\n            <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n          </div>\n        ) : (\n          <div className={`${styles.placeholderCover} bg-light-blue`} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n    </li>\n  );\n}\n\ninterface MockDiscoverProps {\n  subjects?: Classification[];\n  presentation?: Presentation;\n  curriculum?: Presentation;\n  editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n  const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n  return (\n    <MockLayout\n      presentation={props.presentation}\n      curriculum={props.curriculum}\n      editingCurriculum={props.editingCurriculum}\n    >\n      <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n        {/* Magic tabs */}\n        <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n          <div className={`bg-light ${styles.magicTab}`} />\n          <div className={`${styles.magicTab}`} />\n        </div>\n\n        {/* Subjects */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n          {props.subjects?.map(subject => {\n            return (\n              <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n            );\n          })}\n          {new Array(placeholderSubjects).fill(0).map((_, index) => {\n            return (\n              <SubjectPlaceholder key={index} />\n            );\n          })}\n        </ul>\n\n        {/* Promoted topics */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n        </ul>\n      </div>\n    </MockLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n      <div className={`${styles.leftNavIcon} rounded-circle`} />\n      <div className={`${styles.leftNavText} rounded-pill`} />\n    </div>\n  );\n}\n\ninterface MockLayoutProps {\n  editingCurriculum?: boolean;\n  curriculum?: Presentation;\n  presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n  const breakpoints = useBreakpoints();\n  \n  function getPresentationClass(): string {\n    if (!props.presentation)\n      return styles.presentationPlaceholderIcon;\n\n    switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n      case PresentationLearningLevel.Level_1:\n        return `bg-indigo ${styles.presentationIcon}`;\n\n      case PresentationLearningLevel.Level_3:\n        return `bg-blue ${styles.presentationIcon}`;\n\n      default:\n      case PresentationLearningLevel.Level_2:\n        return `bg-green ${styles.presentationIcon}`;\n    }\n  }\n\n  return (\n    <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n      {!!props.editingCurriculum && (\n        <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n          <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n            <div className='bg-white rounded-3 border p-3 w-100'>\n              <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n              {props.curriculum ? (\n                <div className='d-flex align-items-center'>\n                  <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n                    <IconCircle imageUrl={props.curriculum.cover?.url} />\n                  </div>\n                  <div className='text-start'>{props.curriculum.name}</div>\n                </div>\n              ) : (\n                <div className='d-flex align-items-center text-secondary'>\n                  <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n                    <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n                  </div>\n                  <Text namespace={namespace} phrase='selectCurriculum' />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Black bar */}\n      <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle ${styles.dot}`} />\n      </div>\n\n      {/* Header */}\n      <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n        <div className={`${styles.logo} me-4`}>\n          {breakpoints.xs ? (\n            <ClickViewPrimaryLogo />\n          ) : (\n            <ClickViewLogo />\n          )}\n        </div>\n        <div className='form-control w-75 d-flex justify-content-start'>\n          <SvgContainer svgName={cvSvgLibrary.Search} />\n        </div>\n        {!!props.curriculum && (\n          <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n            <IconCircle imageUrl={props.curriculum.cover?.url} />\n          </div>\n        )}\n      </div>\n\n      <div className={`d-flex ${styles.belowHeader}`}>\n        {/* Left nav */}\n        <div className={`${styles.leftNav} border-end`}>\n          <div className='d-flex flex-column pt-3 h-100'>\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n\n            {/* Presentation */}\n            <div className='d-flex align-items-end h-100 w-100'>\n              <div className='border-top p-3 w-100'>\n                <div className='d-flex align-items-center'>\n                  <div className={`${getPresentationClass()} text-white rounded`}>\n                    <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n                  </div>\n\n                  {!props.presentation ? (\n                    <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n                      <Text namespace={namespace} phrase='schoolLevel' />\n                    </div>\n                  ) : (\n                    <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Main content */}\n        <div className={`w-100 h-100 overflow-hidden`}>\n          {props.children}\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"JX1ui\"};","import React from 'react';\n\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces/AnalyticsTypes';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverPillWidgetContent } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { InstanceRegion } from 'libs/shared/enums/InstanceRegion';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser, Presentation } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\n\nimport styles from './select-curriculum.scss';\n\nconst namespace = 'onboarding.selectCurriculum';\n\nexport function OnboardingSelectCurriculumView(props: OnboardingViewProps): JSX.Element {\n  const {\n    onClickBack,\n    exitOnboarding,\n    completeStepAsync,\n    onSaveError\n  } = useOnboardingCallbacks(props.redirectUrl);\n  const { logEvent } = useOnboardingEventLogger();\n  const { preferredPresentation } = usePresentation();\n  const {\n    hasLoaded: hasLoadedCurriculums,\n    preferredCurriculum,\n    availableCurriculums,\n    updateCurriculum\n  } = useCurriculums();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>(preferredCurriculum);\n\n  React.useEffect(() => {\n    if (!hasLoadedCurriculums)\n      return;\n\n    if (preferredCurriculum?.id)\n      setSelectedCurriculum(preferredCurriculum);\n  }, [hasLoadedCurriculums]);\n\n  function onSelectCurriculum(curriculum: Presentation): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectCurriculum, {\n      curriculumId: curriculum.id,\n      curriculumName: curriculum.name\n    });\n\n    setSelectedCurriculum(curriculum);\n  }\n\n  async function onClickNext(): Promise<void> {\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      curriculumId: selectedCurriculum.id,\n      curriculumName: selectedCurriculum.name\n    });\n\n    try {\n      await Promise.all([\n        updateCurriculum(selectedCurriculum),\n        completeStepAsync()\n      ]);\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-dark-blue d-flex flex-column align-items-end justify-content-center'>\n        <LeftPanelItem\n          contentPosition='right'\n          annotationClassName={styles.annotation}\n          annotationUrl={currentUser.data?.instanceRegion === InstanceRegion.US\n            ? ImageUrls.OnboardingV2.SelectCurriculum.ANNOTATION_US\n            : ImageUrls.OnboardingV2.SelectCurriculum.ANNOTATION\n          }\n          annotationPosition='top-left'\n        >\n          <MockDiscover\n            presentation={preferredPresentation}\n            curriculum={selectedCurriculum}\n            editingCurriculum\n          />\n        </LeftPanelItem>\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selectedCurriculum}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase='heading' />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase='info' />\n        </OnboardingScreenInfo>\n\n        <ul className={`list-unstyled mb-2 row g-2`}>\n          {availableCurriculums?.map(curriculum => {\n            return (\n              <li key={curriculum.id} className={`col-12 col-xl-12 col-lg-12 col-md-6 col-sm-6`}>\n                <DivButton\n                  onClick={() => onSelectCurriculum(curriculum)}\n                >\n                  <CoverPillWidgetContent\n                    data={curriculum}\n                    coverUrl={curriculum.cover?.url}\n                    imageClassName='border-end'\n                    isSelected={curriculum.id === selectedCurriculum?.id}\n                    hideCheckmark\n                    multiline\n                    hideFallback\n                  />\n                </DivButton>\n              </li>\n            );\n          })}\n        </ul>\n\n        <OnboardingScreenInfo>\n          <Text phrase='dontWorry' />\n        </OnboardingScreenInfo>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"enableHighlight\":\"YgkBF\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};"],"names":["ComingSoonNamePanel","name","multiline","noUnderLine","wrapperClassName","textClassName","className","namespace","phrase","NormalNamePanel","subtitle","title","CoverPillWidgetContent","props","coverUrl","size","isLarge","childProps","data","highlightOnHover","isSelected","id","hideCheckmark","svgName","svgSize","S","textVariant","variant","imageClassName","style","backgroundImage","hideFallback","type","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","appLink","getChildAppLink","analyticsData","analyticsOptions","appLinkOptions","getChildAppLinkOptions","LeftPanelItem","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","ImageHelper","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","subjects","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","cover","url","Array","fill","_","index","LeftNavItem","breakpoints","useBreakpoints","Text","IconCircle","imageUrl","SvgContainer","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","OnboardingSelectCurriculumView","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","completeStepAsync","onSaveError","logEvent","useOnboardingEventLogger","preferredPresentation","usePresentation","useCurriculums","hasLoadedCurriculums","hasLoaded","preferredCurriculum","availableCurriculums","updateCurriculum","currentUser","UserRequests","selectedCurriculum","setSelectedCurriculum","OnboardingLayout","instanceRegion","InstanceRegion","ImageUrls","hasCustomButtons","onClickNext","curriculumId","curriculumName","Promise","all","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","DivButton","onClick","onSelectCurriculum","CoverPill"],"sourceRoot":""}

package/dist/scripts/6532-9edab80cc6-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6532],{56532:(e,t,n)=>{n.d(t,{A:()=>U,$:()=>S});var r=n(32735),a=n(23481),i=n(81886),l=n(36848),s=n(83345),u="userManager.userWizardBackButtons";function c(e){return"status"===e.currentStep?r.createElement(r.Fragment,null):r.createElement(l.F,{className:"btn btn-link me-2",appLink:e.appLinks.userManager},r.createElement(s.x,{namespace:u,phrase:"cancel"}))}var o=n(98269),d=n(24453),m=n(45541),p=n(96728),f="userManager.userWizardHeader";function v(e){var t=(0,m.V)(),n=t.duplicateSets,a=t.hasExistingUsers,i=r.useContext(p.e),u=i.disableNext,c=i.onClickConfirm,v=!!(null==n?void 0:n.length),b=d.O.getCurrentContext().appLink;return b.action===e.appLinks.userUploadStatus.polling.action||b.action===e.appLinks.userUploadStatus.complete.action?r.createElement(r.Fragment,null):function(){switch(b.action){case e.appLinks.userUploadPopup.action:case e.appLinks.userUploadReviewAccounts.action:return!v&&!a;case e.appLinks.userUploadFixDuplicates.action:case e.appLinks.userUploadReviewExistingAccounts.action:return!a;default:return!0}}()?r.createElement(o.Z,{className:u?"disabled":"",variant:"dark",onClick:c,disabled:u},r.createElement(s.x,{namespace:f,phrase:"create"})):r.createElement(l.F,{className:"btn btn-dark ".concat(u?"disabled":""),appLink:function(){switch(b.action){case e.appLinks.userUploadReviewAccounts.action:if(v)return e.appLinks.userUploadFixDuplicates;if(a&&e.canAddExistingUsers)return e.appLinks.userUploadReviewExistingAccounts;case e.appLinks.userUploadFixDuplicates.action:if(a&&e.canAddExistingUsers)return e.appLinks.userUploadReviewExistingAccounts;case e.appLinks.userUploadReviewExistingAccounts.action:if(e.canAddExistingUsers)return e.appLinks.userUploadConfirmation;default:return null}}(),disabled:u},r.createElement(s.x,{namespace:f,phrase:"next"}))}var b=n(19717),g=n(17291),h=n(79352),k=n(76881),E=n(89476);const y={wizardContent:"hHr3C"};var x="userManager.bulkUserUploadWizardLayout",U="bulk:user:upload:nav:lock";function S(e){var t=(0,m.V)(),n=t.users,l=t.setUsers,s=(0,E.f)();return r.useEffect((function(){if(n)return s.lock({id:U,title:a.T.getPhrase(x,"navLockTitle"),text:a.T.getPhrase(x,"navLockBody"),appLinkWhitelist:b.b.getWizardAppLinks(e.appLinks),onConfirmUnlock:function(){l(null)}}),function(){s.unlock(U)};i.Q.C$.trigger(e.appLinks.userManager,{replace:!0})}),[]),r.useEffect((function(){(null==n?void 0:n.length)||(s.unlock(U),i.Q.C$.trigger(e.appLinks.userManager,{replace:!0}))}),[null==n?void 0:n.length]),n?r.createElement(p.D,null,r.createElement("div",{className:"px-3"},r.createElement(g.C,{title:a.T.getPhrase(x,"bulkUpload"),currentStep:e.currentStep,loaded:!0,continueButton:r.createElement(v,{currentStep:e.currentStep,appLinks:e.appLinks,canAddExistingUsers:e.canAddExistingUsers}),backButton:r.createElement(c,{currentStep:e.currentStep,appLinks:e.appLinks}),breadcrumbs:[{name:a.T.getPhrase(x,"settingsBreadcrumb"),appLink:e.appLinks.settings},{name:a.T.getPhrase(x,e.userType===k.Y.Learner?"studentManager":"staffManager"),appLink:e.appLinks.userManager},{name:a.T.getPhrase(x,"bulkUpload"),active:!0}]}),r.createElement("div",{className:"row g-0"},r.createElement("div",{className:"col-2"},r.createElement(h.a,{steps:b.b.getSteps(e.userType,e.canAddExistingUsers),currentStep:e.currentStep})),r.createElement("div",{className:"col-10 ".concat(y.wizardContent)},e.children)))):r.createElement(r.Fragment,null)}},45541:(e,t,n)=>{n.d(t,{V:()=>o});var r=n(2948),a=n(38143),i=n(39739);function l(e){return l="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},l(e)}function s(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==l(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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}function c(e,t){return Object.keys(e||{}).reduce((function(n,r){return t[r]||(n[r]=e[r]),n}),{})}var o=function(){var e,t,n,l=(t=(0,r.D)(a.g.BULK_USER_UPLOAD),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,i,l,s=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return s}}(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.")}()),o=l[0],d=l[1];function m(e){var t=i.P.getNewDuplicates(e);d("duplicateSets",t)}return{users:null==o?void 0:o.users,invalidUsers:null==o?void 0:o.invalidUsers,hasValidatedUsers:!!(null==o?void 0:o.invalidUsers),existingUsersHash:(null==o?void 0:o.existingUsersHash)||{},hasExistingUsers:!!Object.keys((null==o?void 0:o.existingUsersHash)||{}).length,existingUserToAdd:null==o?void 0:o.existingUserToAdd,duplicateSets:null==o?void 0:o.duplicateSets,newUsers:(null===(e=null==o?void 0:o.users)||void 0===e?void 0:e.filter((function(e){var t;return!(null===(t=null==o?void 0:o.existingUsersHash)||void 0===t?void 0:t[e.lookupId])})))||[],setUsers:function(e){d({users:e,invalidUsers:null,existingUsersHash:null}),m(e)},setInvalidUsers:function(e){return d("invalidUsers",e)},setExistingUsers:function(e){return d("existingUsersHash",e)},updateUser:function(e){var t=o.users.map((function(t){return t.lookupId!==e.lookupId?t:e}));d({users:t,invalidUsers:c(null==o?void 0:o.invalidUsers,s({},e.lookupId,!0)),existingUsersHash:null==o?void 0:o.existingUsersHash}),m(t)},deleteUsers:function(e){var t,n=e.reduce((function(e,t){return e[t]=!0,e}),{}),r=o.users.filter((function(e){return!n[e.lookupId]}));d({users:r,invalidUsers:c(null==o?void 0:o.invalidUsers,n),existingUsersHash:c(null==o?void 0:o.existingUsersHash,n),existingUserToAdd:null===(t=null==o?void 0:o.existingUserToAdd)||void 0===t?void 0:t.filter((function(e){return!!(null==o?void 0:o.existingUsersHash[e.lookupId])}))}),m(r)}}}},49935:(e,t,n)=>{n.d(t,{Oo:()=>m,b2:()=>p});var r=n(32735),a=n(36848),i=n(86764),l=n(3747),s=n(5859),u=n(35223),c=n(83914);function o(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=function(e){var t=e.breadcrumb,n=t.name,i=t.appLink,l=t.active,s=e.withBackIcon;return r.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?r.createElement("strong",null,n):r.createElement(a.F,{appLink:i},s&&r.createElement(c.x,{svgName:u.vn.ChevronLeft,size:c.S.Small}),r.createElement("span",{className:s?"ms-2":""},n)))},m=function(e){var t,n,a=e.breadcrumbs,s=(0,l.a)(i.r.XS),u=(null==a?void 0:a.length)||0,c=(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,i,l,s=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return s}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(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)?o(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.")}()),m=c[0],p=c[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;u>3&&t>56&&p(!0)}),[null==a?void 0:a.length]),!u||s&&u<2)return r.createElement(r.Fragment,null);if(s)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(d,{breadcrumb:a[u-2],withBackIcon:!0})));var f=r.createElement(d,{breadcrumb:a[0]}),v=u>2?r.createElement(d,{breadcrumb:a[u-2]}):r.createElement(r.Fragment,null),b=r.createElement(d,{breadcrumb:a[u-1]}),g=a.slice(1,u-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},f,m?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){return p(!1)}},"...")):g.map((function(e,t){return r.createElement(d,{key:t,breadcrumb:e})})),v,b))},p=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(i.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},s.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"}}))}))))}))},17291:(e,t,n)=>{n.d(t,{C:()=>l});var r=n(32735),a=n(49935),i=n(96728);function l(e){var t=r.useContext(i.e).showButtons;return r.createElement("div",{className:"d-flex justify-content-between"},e.hideHeader?r.createElement("div",null):r.createElement("div",null,r.createElement("h1",{className:"h2"},e.title),e.breadcrumbs&&r.createElement("div",{className:"pb-3"},r.createElement(a.Oo,{breadcrumbs:e.breadcrumbs}))),e.loaded&&t&&r.createElement("div",{className:"d-flex align-items-center"},e.backButton,e.continueButton))}},79352:(e,t,n)=>{n.d(t,{a:()=>u});var r=n(32735),a=n(23481),i=n(36848),l=a.T.encloseNamespace("shared.wizardStepList");function s(e){var t=r.createElement(r.Fragment,null,r.createElement("div",{className:"d-flex"},!e.hideStepNumber&&r.createElement("div",{className:"flex-shrink-0 flex-grow-0"},"".concat(e.index+1,".")," "),r.createElement("div",null,e.text)),e.subText&&r.createElement("div",{className:"ms-2 ps-1 pt-1"},e.subText)),n="px-2 py-1 mb-1 rounded d-inline-block";return e.isSelected&&(n+=" bg-light-blue fw-semibold"),!e.isSelected&&e.isCompleted&&(n+=" text-info"),r.createElement("li",null,e.isCompleted&&e.appLink?r.createElement(i.F,{appLink:e.appLink,className:n},t):r.createElement("div",{className:n},t))}function u(e){var t=e.steps.reduce((function(t,n,r){return n.id===e.currentStep&&(t=r+1),t}),1);return r.createElement(r.Fragment,null,r.createElement("h2",{className:"h4"},l("stepNumber",{currentStep:t,totalSteps:e.steps.length})),r.createElement("ol",{className:"list-unstyled"},e.steps.map((function(n,a){var i=n.id===e.currentStep,l=t>a+1;return r.createElement(s,{index:a,key:n.id,text:n.text,subText:n.subText,isSelected:i,isCompleted:l,appLink:!e.disableAppLinks&&n.appLink,disabled:n.disabled})}))))}},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:()=>i});var a={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({},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")}}))}}}}]);
+//# sourceMappingURL=6532-9edab80cc6-lite.chunk.js.map

package/dist/scripts/6532-9edab80cc6-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6532-9edab80cc6-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/user-manager/components/bulk-actions-wizard/header/back-buttons/BulkUserUploadBackButton.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/bulk-actions-wizard/header/continue-buttons/BulkUserUploadContinueButton.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/bulk-upload/layout/bulk-user-upload-wizard-layout.scss","file:///app/packages/libs/shared/src/apps/user-manager/components/bulk-upload/layout/BulkUserUploadWizardLayout.tsx","file:///app/packages/libs/shared/src/apps/user-manager/hooks/useBulkUploadUsers.ts","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/wizard/header/WizardHeader.tsx","file:///app/packages/libs/shared/src/components/wizard/step-list/WizardStepList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts"],"sourcesContent":["import React from 'react';\n\nimport { BulkUserUploadStepId } from 'libs/shared/apps/user-manager/components/bulk-upload/layout/BulkUserUploadWizardLayout';\nimport { UserManagerAppLinks } from 'libs/shared/apps/user-manager/interfaces';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'userManager.userWizardBackButtons';\n\ninterface BulkUserUploadBackButtonProps {\n  currentStep: BulkUserUploadStepId;\n  appLinks: UserManagerAppLinks;\n}\n\nexport function BulkUserUploadBackButton(props: BulkUserUploadBackButtonProps): JSX.Element {\n  if (props.currentStep === 'status')\n    return <></>;\n\n  return (\n    <AppLink\n      className='btn btn-link me-2'\n      appLink={props.appLinks.userManager}\n    >\n      <Text namespace={namespace} phrase='cancel' />\n    </AppLink>\n  );\n}","import React from 'react';\nimport { Button } from 'react-bootstrap';\n\nimport { ContextService } from 'libs/analytics/services/ContextService';\n\nimport { BulkUserUploadStepId } from 'libs/shared/apps/user-manager/components/bulk-upload/layout/BulkUserUploadWizardLayout';\nimport { useBulkUploadUsers } from 'libs/shared/apps/user-manager/hooks/useBulkUploadUsers';\nimport { UserManagerAppLinks } from 'libs/shared/apps/user-manager/interfaces';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { WizardLayoutContext } from 'libs/shared/context/WizardLayoutContext';\n\nconst namespace = 'userManager.userWizardHeader';\n\ninterface BulkUserUploadContinueButtonProps {\n  currentStep: BulkUserUploadStepId;\n  appLinks: UserManagerAppLinks;\n  canAddExistingUsers: boolean;\n}\n\nexport function BulkUserUploadContinueButton(props: BulkUserUploadContinueButtonProps): JSX.Element {\n  const { duplicateSets, hasExistingUsers } = useBulkUploadUsers();\n  const { disableNext, onClickConfirm } = React.useContext(WizardLayoutContext);\n\n  const spreadsheetHasDuplicates = !!duplicateSets?.length;\n\n  const currentAppLink = ContextService.getCurrentContext().appLink;\n\n  if (currentAppLink.action === props.appLinks.userUploadStatus.polling.action)\n    return <></>;\n\n  // we hide the button cuz we have one in the success component\n  if (currentAppLink.action === props.appLinks.userUploadStatus.complete.action)\n    return <></>;\n\n  function willUploadOnNext(): boolean {\n    switch (currentAppLink.action) {\n      case props.appLinks.userUploadPopup.action:\n      case props.appLinks.userUploadReviewAccounts.action:\n        return !spreadsheetHasDuplicates && !hasExistingUsers;\n\n      case props.appLinks.userUploadFixDuplicates.action:\n        return !hasExistingUsers;\n\n      case props.appLinks.userUploadReviewExistingAccounts.action:\n        return !hasExistingUsers;\n\n      default:\n        return true;\n    }\n  }\n\n  if (willUploadOnNext()) {\n    return (\n      <Button\n        className={disableNext ? 'disabled' : ''}\n        variant='dark'\n        onClick={onClickConfirm}\n        disabled={disableNext}\n      >\n        <Text\n          namespace={namespace}\n          phrase='create'\n        />\n      </Button>\n    );\n  }\n\n  function getNextAppLink() {\n    switch (currentAppLink.action) {\n      case props.appLinks.userUploadReviewAccounts.action:\n        if (spreadsheetHasDuplicates)\n          return props.appLinks.userUploadFixDuplicates;\n        if (hasExistingUsers && props.canAddExistingUsers)\n          return props.appLinks.userUploadReviewExistingAccounts;\n\n      case props.appLinks.userUploadFixDuplicates.action:\n        if (hasExistingUsers && props.canAddExistingUsers)\n          return props.appLinks.userUploadReviewExistingAccounts;\n\n      case props.appLinks.userUploadReviewExistingAccounts.action:\n        if (props.canAddExistingUsers)\n          return props.appLinks.userUploadConfirmation;\n\n      default:\n        return null;\n    }\n  }\n\n  return (\n    <AppLink\n      className={`btn btn-dark ${disableNext ? 'disabled' : ''}`}\n      appLink={getNextAppLink()}\n      disabled={disableNext}\n    >\n      <Text\n        namespace={namespace}\n        phrase='next'\n      />\n    </AppLink>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"wizardContent\":\"hHr3C\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { BulkUserUploadBackButton } from 'libs/shared/apps/user-manager/components/bulk-actions-wizard/header/back-buttons/BulkUserUploadBackButton';\nimport { BulkUserUploadContinueButton } from 'libs/shared/apps/user-manager/components/bulk-actions-wizard/header/continue-buttons/BulkUserUploadContinueButton';\nimport { useBulkUploadUsers } from 'libs/shared/apps/user-manager/hooks/useBulkUploadUsers';\nimport { UserManagerAppLinks } from 'libs/shared/apps/user-manager/interfaces';\nimport { BulkUserUploadHelper } from 'libs/shared/apps/user-manager/utils/BulkUserUploadHelper';\nimport { WizardHeader } from 'libs/shared/components/wizard/header/WizardHeader';\nimport { WizardStepList } from 'libs/shared/components/wizard/step-list/WizardStepList';\nimport { WizardLayoutContextProvider } from 'libs/shared/context/WizardLayoutContext';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { useNavLock } from 'libs/shared/hooks/useNavLock';\n\nimport styles from './bulk-user-upload-wizard-layout.scss';\n\nexport type BulkUserUploadStepId = 'review-accounts' | 'fix-duplicates' | 'review-existing-accounts' | 'confirmation' |'status';\n\nconst namespace = 'userManager.bulkUserUploadWizardLayout';\nexport const BULK_USER_UPLOAD_NAV_LOCK_ID = 'bulk:user:upload:nav:lock';\n\ntype BulkUserUploadWizardLayoutProps = React.PropsWithChildren<{\n  appLinks: UserManagerAppLinks;\n  userType: UserGroup;\n  currentStep: BulkUserUploadStepId;\n  canAddExistingUsers?: boolean;\n}>;\n\nexport function BulkUserUploadWizardLayout(props: BulkUserUploadWizardLayoutProps): JSX.Element {\n  const { users, setUsers } = useBulkUploadUsers();\n\n  const navLock = useNavLock();\n\n  React.useEffect(() => {\n    // If there is no view model, redirect away\n    if (!users) {\n      Core.AppLinkHelper.trigger(props.appLinks.userManager, { replace: true });\n      return;\n    }\n\n    navLock.lock({\n      id: BULK_USER_UPLOAD_NAV_LOCK_ID,\n      title: LanguageService.getPhrase(namespace, 'navLockTitle'),\n      text: LanguageService.getPhrase(namespace, 'navLockBody'),\n      appLinkWhitelist: BulkUserUploadHelper.getWizardAppLinks(props.appLinks),\n      onConfirmUnlock: () => {\n        setUsers(null);\n      }\n    });\n\n    return () => {\n      navLock.unlock(BULK_USER_UPLOAD_NAV_LOCK_ID);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (users?.length)\n      return;\n\n    navLock.unlock(BULK_USER_UPLOAD_NAV_LOCK_ID);\n    Core.AppLinkHelper.trigger(props.appLinks.userManager, { replace: true });\n  }, [users?.length]);\n\n  if (!users)\n    return <></>;\n\n  return (\n    <WizardLayoutContextProvider>\n      <div className='px-3'>\n        <WizardHeader<BulkUserUploadStepId>\n          title={LanguageService.getPhrase(namespace, 'bulkUpload')}\n          currentStep={props.currentStep}\n          loaded\n          continueButton={\n            <BulkUserUploadContinueButton\n              currentStep={props.currentStep}\n              appLinks={props.appLinks}\n              canAddExistingUsers={props.canAddExistingUsers}\n            />\n          }\n          backButton={<BulkUserUploadBackButton currentStep={props.currentStep} appLinks={props.appLinks} />}\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: props.appLinks.settings\n            },\n            {\n              name: LanguageService.getPhrase(namespace, props.userType === UserGroup.Learner ? 'studentManager' : 'staffManager'),\n              appLink: props.appLinks.userManager\n            },\n            {\n              name: LanguageService.getPhrase(namespace, 'bulkUpload'),\n              active: true\n            }\n          ]}\n        />\n\n        <div className='row g-0'>\n          <div className='col-2'>\n            <WizardStepList<BulkUserUploadStepId>\n              steps={BulkUserUploadHelper.getSteps(props.userType, props.canAddExistingUsers)}\n              currentStep={props.currentStep}\n            />\n          </div>\n\n          <div className={`col-10 ${styles.wizardContent}`}>\n            {props.children}\n          </div>\n        </div>\n      </div>\n    </WizardLayoutContextProvider>\n  );\n}","import { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\n\nimport { EditUserRequest } from '../interfaces';\nimport { BulkUserUploadViewModel, UserHash } from '../interfaces/viewmodels/BulkUserUploadViewModel';\nimport { UserManagerHelper } from '../utils/UserManagerHelper';\n\nfunction updateUserHash(userHash: UserHash, updatedUserIdsHash: HashObject<boolean>): UserHash {\n  const updatedUsers = Object.keys(userHash || {}).reduce((updatedObj: UserHash, lookupId) => {\n    if (!updatedUserIdsHash[lookupId])\n      updatedObj[lookupId] = userHash[lookupId];\n    return updatedObj;\n  }, {});\n\n  return updatedUsers;\n}\n\nexport const useBulkUploadUsers = () => {\n  const [ viewModel, setViewModel ] = useViewModel<BulkUserUploadViewModel>(SharedViewModelKeys.BULK_USER_UPLOAD);\n\n  function initializeUsers(users?: EditUserRequest[]): void {\n    setViewModel({\n      users,\n      invalidUsers: null,\n      existingUsersHash: null\n    });\n\n    updateDuplicates(users);\n  }\n\n  function updateUser(updatedUser: EditUserRequest): void {\n    const updatedUsers = viewModel.users.map(user => {\n      if (user.lookupId !== updatedUser.lookupId)\n        return user;\n\n      return updatedUser;\n    });\n\n    setViewModel({\n      users: updatedUsers,\n      invalidUsers: updateUserHash(viewModel?.invalidUsers, { [updatedUser.lookupId]: true }),\n      existingUsersHash: viewModel?.existingUsersHash\n    });\n\n    updateDuplicates(updatedUsers);\n  }\n\n  function deleteUsers(deletedUsers: string[]): void {\n    const userIdHash = deletedUsers.reduce((prev: HashObject, curr) => {\n      prev[curr] = true;\n      return prev;\n    }, {});\n\n    const updatedUsers = viewModel.users.filter(user => !userIdHash[user.lookupId]);\n\n    setViewModel({\n      users: updatedUsers,\n      invalidUsers: updateUserHash(viewModel?.invalidUsers, userIdHash),\n      existingUsersHash: updateUserHash(viewModel?.existingUsersHash, userIdHash),\n      existingUserToAdd: viewModel?.existingUserToAdd?.filter(u => !!viewModel?.existingUsersHash[u.lookupId])\n    });\n\n    updateDuplicates(updatedUsers);\n  }\n\n  function updateDuplicates(users?: EditUserRequest[]): void {\n    const duplicateSets = UserManagerHelper.getNewDuplicates(users);\n    setViewModel('duplicateSets', duplicateSets);\n  }\n\n  return {\n    users: viewModel?.users,\n    invalidUsers: viewModel?.invalidUsers,\n    hasValidatedUsers: !!viewModel?.invalidUsers,\n    existingUsersHash: viewModel?.existingUsersHash || {},\n    hasExistingUsers: !!Object.keys(viewModel?.existingUsersHash || {}).length,\n    existingUserToAdd: viewModel?.existingUserToAdd,\n    duplicateSets: viewModel?.duplicateSets,\n    newUsers: viewModel?.users?.filter(u => !viewModel?.existingUsersHash?.[u.lookupId]) || [],\n\n    setUsers: initializeUsers,\n    setInvalidUsers: (invalidUsers: UserHash) => setViewModel('invalidUsers', invalidUsers),\n    setExistingUsers: (existingUsers: UserHash) => setViewModel('existingUsersHash', existingUsers),\n    updateUser,\n    deleteUsers\n  };\n};","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, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { WizardLayoutContext } from 'libs/shared/context/WizardLayoutContext';\n\ninterface WizardHeaderProps<TStepId> {\n  currentStep: TStepId;\n  title: string;\n  continueButton: JSX.Element;\n  backButton: JSX.Element;\n  breadcrumbs?: Breadcrumb[];\n  hideHeader?: boolean;\n  loaded: boolean;\n}\n\nexport function WizardHeader<TStepId>(props: WizardHeaderProps<TStepId>): JSX.Element {\n  const { showButtons } = React.useContext(WizardLayoutContext);\n\n  return (\n    <div className='d-flex justify-content-between'>\n      {!props.hideHeader ? (\n        <div>\n          <h1 className='h2'>{props.title}</h1>\n\n          {props.breadcrumbs &&\n            <div className='pb-3'>\n              <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n            </div>\n          }\n        </div>\n      ) : <div/>}\n\n      {props.loaded && showButtons && (\n        <div className='d-flex align-items-center'>\n          {props.backButton}\n          {props.continueButton}\n        </div>\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nconst namespace = 'shared.wizardStepList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface WizardStep<StepId extends string> {\n  id: StepId;\n  text: string;\n  appLink?: Core.AppLink;\n  subText?: string;\n  disabled?: boolean;\n}\n\ninterface WizardStepListItemProps {\n  appLink: Core.AppLink;\n  isSelected: boolean;\n  isCompleted: boolean;\n  text: string;\n  subText?: string;\n  disabled: boolean;\n  index: number;\n  hideStepNumber?: boolean;\n}\n\nfunction WizardStepListItem(props: WizardStepListItemProps): JSX.Element {\n  const content = (\n    <>\n      <div className='d-flex'>\n        {!props.hideStepNumber && <div className='flex-shrink-0 flex-grow-0'>{`${props.index + 1}.`}&nbsp;</div>}\n        <div>{props.text}</div>\n      </div>\n\n      {props.subText && (\n        <div className='ms-2 ps-1 pt-1'>\n          {props.subText}\n        </div>\n      )}\n    </>\n  );\n\n  \n  let className = 'px-2 py-1 mb-1 rounded d-inline-block';\n\n  if (props.isSelected) {\n    className += ` bg-light-blue fw-semibold`;\n  }\n\n  if ((!props.isSelected && props.isCompleted))\n    className += ` text-info`;\n\n  return (\n    <li>\n      {(props.isCompleted && props.appLink)\n        ? (\n          <AppLink appLink={props.appLink} className={className}>\n            {content}\n          </AppLink>\n        ) : (\n          <div className={className}>\n            {content}\n          </div>\n        )\n      }\n    </li>\n  );\n}\n\ninterface WizardStepListProps<StepId extends string> {\n  currentStep: StepId;\n  steps: WizardStep<StepId>[];\n  disableAppLinks?: boolean;\n}\n\nexport function WizardStepList<StepId extends string>(props: WizardStepListProps<StepId>): JSX.Element {\n  const currentStepNumber = props.steps.reduce((acc, step, i) => {\n    if (step.id === props.currentStep)\n      acc = i + 1;\n\n    return acc;\n  }, 1);\n\n  return (\n    <>\n      <h2 className='h4'>\n        {getPhrase('stepNumber', { currentStep: currentStepNumber, totalSteps: props.steps.length })}\n      </h2>\n\n      <ol className='list-unstyled'>\n        {props.steps.map((step, i) => {\n          const isSelected = step.id === props.currentStep;\n          const isCompleted = currentStepNumber > i + 1;\n\n          return (\n            <WizardStepListItem\n              index={i}\n              key={step.id}\n              text={step.text}\n              subText={step.subText}\n              isSelected={isSelected}\n              isCompleted={isCompleted}\n              appLink={!props.disableAppLinks && step.appLink}\n              disabled={step.disabled}\n            />\n          );\n        })}\n      </ol>\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};"],"names":["namespace","BulkUserUploadBackButton","props","currentStep","AppLink","className","appLink","appLinks","userManager","Text","phrase","BulkUserUploadContinueButton","useBulkUploadUsers","duplicateSets","hasExistingUsers","WizardLayoutContext","disableNext","onClickConfirm","spreadsheetHasDuplicates","length","currentAppLink","ContextService","action","userUploadStatus","polling","complete","userUploadPopup","userUploadReviewAccounts","userUploadFixDuplicates","userUploadReviewExistingAccounts","willUploadOnNext","Button","variant","onClick","disabled","canAddExistingUsers","userUploadConfirmation","getNextAppLink","BULK_USER_UPLOAD_NAV_LOCK_ID","BulkUserUploadWizardLayout","users","setUsers","navLock","useNavLock","lock","id","title","LanguageService","text","appLinkWhitelist","BulkUserUploadHelper","onConfirmUnlock","unlock","replace","WizardHeader","loaded","continueButton","backButton","breadcrumbs","name","settings","userType","UserGroup","active","WizardStepList","steps","children","updateUserHash","userHash","updatedUserIdsHash","Object","keys","reduce","updatedObj","lookupId","viewModel","setViewModel","updateDuplicates","invalidUsers","hasValidatedUsers","existingUsersHash","existingUserToAdd","newUsers","filter","u","setInvalidUsers","setExistingUsers","existingUsers","updateUser","updatedUser","updatedUsers","map","user","deleteUsers","deletedUsers","userIdHash","prev","curr","BreadcrumbItem","breadcrumb","withBackIcon","svgName","size","S","Breadcrumbs","isMobile","collapse","setCollapse","characterLength","next","first","secondLast","last","rest","slice","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","showButtons","hideHeader","getPhrase","WizardStepListItem","content","hideStepNumber","index","subText","isSelected","isCompleted","currentStepNumber","acc","step","i","totalSteps","disableAppLinks","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","Math","max","floor","random"],"sourceRoot":""}

package/dist/scripts/6604-2353daa8c0-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6604],{49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>f});var r=n(32735),a=n(36848),i=n(86764),l=n(3747),o=n(5859),c=n(35223),u=n(83914);function s(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,i=t.appLink,l=t.active,o=e.withBackIcon;return r.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?r.createElement("strong",null,n):r.createElement(a.F,{appLink:i},o&&r.createElement(u.x,{svgName:c.vn.ChevronLeft,size:u.S.Small}),r.createElement("span",{className:o?"ms-2":""},n)))},d=function(e){var t,n,a=e.breadcrumbs,o=(0,l.a)(i.r.XS),c=(null==a?void 0:a.length)||0,u=(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,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(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)?s(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=u[0],f=u[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&&f(!0)}),[null==a?void 0:a.length]),!c||o&&c<2)return r.createElement(r.Fragment,null);if(o)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 p=r.createElement(m,{breadcrumb:a[0]}),b=c>2?r.createElement(m,{breadcrumb:a[c-2]}):r.createElement(r.Fragment,null),y=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"},p,d?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){return f(!1)}},"...")):v.map((function(e,t){return r.createElement(m,{key:t,breadcrumb:e})})),b,y))},f=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(i.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},o.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"}}))}))))}))},94644:(e,t,n)=>{n.d(t,{r:()=>s});var r=n(50242),a=n(81886),i=n(67058),l=n(14553),o=n(49267),c=n(49075),u={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:o.a,privacy:l.q},badRequest:c._};function s(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var l=Object.assign(Object.assign({},u),t);i&&a.Q.Ry.isStatusCodeError(i)&&(i!==r.o.NotFound?i!==r.o.Forbidden?n.badRequest||a.Q.Ry.throw(new l.badRequest):n.forbidden||a.Q.Ry.throw(new l.forbidden.privacy):n.notFound||a.Q.Ry.throw(new l.notFound))}}},91286:(e,t,n)=>{n.d(t,{v:()=>l});var r=n(32735),a=n(94644);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function l(e,t,n){var l=Array.isArray(e)?e:[e];(0,r.useEffect)((function(){l.forEach((function(e){(0,a.r)(e.statusCode,t,n)}))}),[i(l),t,n])}},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:()=>i});var a={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({},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")}}))}}},28496:(e,t,n)=>{n.d(t,{_:()=>a});var r=n(99940),a={getConsumers:function(){return{url:"/api/lti/consumers",key:"lti:consumers",normalize:!1}},getPlatforms:function(){return{url:"/api/lti/platforms",key:"lti:platforms",formatData:function(e){return e.map((function(e){return e.publicJwk=JSON.stringify(e.publicJwk),e}))},normalize:!1}},getConsumer:function(e){return{url:"/api/lti/consumers/".concat(e),key:"lti:consumer:".concat(e),normalize:!1}},getPlatform:function(e){return{url:"/api/lti/platforms/".concat(e),key:"lti:platform:".concat(e),formatData:function(e){return e.publicJwk=JSON.stringify(e.publicJwk),e},normalize:!1}},createConsumer:function(e,t,n){return{url:"/api/lti/consumers",key:"create:consumer",type:r.k.POST,invalidationKeys:["lti:consumers"],data:e,success:t,error:n}},createPlatform:function(e,t,n){return{url:"/api/lti/platforms",key:"create:platform",type:r.k.POST,invalidationKeys:["lti:platforms"],data:e,success:t,error:n}},updateConsumer:function(e,t,n){return{url:"/api/lti/consumers/".concat(e.key),key:"update:consumer",type:r.k.PUT,invalidationKeys:["lti:consumers","lti:consumer:".concat(e.key)],data:e,success:t,error:n}},updatePlatform:function(e,t,n){return{url:"/api/lti/platforms/".concat(e.id),key:"update:platform",type:r.k.PUT,invalidationKeys:["lti:platforms","lti:platform:".concat(e.id)],data:e,success:t,error:n}},deleteConsumer:function(e,t,n){return{url:"/api/lti/consumers/".concat(e),key:"delete:consumer",type:r.k.DELETE,invalidationKeys:"lti:consumers",success:t,error:n}},deletePlatform:function(e,t,n){return{url:"/api/lti/platforms/".concat(e),key:"delete:platform",type:r.k.DELETE,invalidationKeys:"lti:platforms",success:t,error:n}}}},42384:(e,t,n)=>{n.d(t,{P:()=>o});var r=n(32735),a=n(65858),i=n(37802);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var o=function(){var e,t,n=(e=r.useState(void 0),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],c=n[1],u=(0,i.r)(a.LZ.Settings).hasLti;return r.useEffect((function(){u&&!0!==o?c(!0):u||!1===o||c(!1)}),[u]),{canAccess:o}}},36604:(e,t,n)=>{n.r(t),n.d(t,{LtiPlatformsView:()=>_});var r,a=n(32735),i=n(23481),l=n(81886),o=n(20354),c=n(49935),u=n(10874),s=n(83345),m=n(91286),d=n(35223),f=n(14070),p=n(97291),b=n(36848),y=n(11607),v=n(83914),g="settings.ltiPlatformListItem";function E(e){return a.createElement(b.F,{appLink:e.editAppLink,onClick:function(t){t.preventDefault(),l.Q.C$.trigger(e.editAppLink)},className:"border border-secondary rounded px-3 py-2 d-flex justify-content-between align-items-center mb-2"},a.createElement("span",{className:"fw-semibold"},e.name," (",e.version,")",e.incomplete&&a.createElement("span",{className:"text-danger"}," ",a.createElement(s.x,{namespace:g,phrase:"incomplete"}))),a.createElement(y.L,{onClick:function(t){t.stopPropagation(),t.preventDefault(),l.Q.C$.trigger(e.deleteAppLink)}},a.createElement(v.x,{svgName:d.vn.Delete,title:i.T.getPhrase(g,"deleteTooltip")})))}!function(e){e[e.Incomplete=0]="Incomplete",e[e.Complete=1]="Complete"}(r||(r={}));const h={list:"W7bNX"};function k(e){return a.createElement("ul",{className:"list-unstyled ".concat(h.list)},e.platforms.map((function(e){return a.createElement("li",{key:e.id},a.createElement(E,{name:e.name,version:1.3,editAppLink:{application:p.O.SETTINGS,action:f.e.Settings.EDIT_LTI_PLATFORM,args:[e.id]},deleteAppLink:{application:p.O.SETTINGS,action:f.e.Settings.DELETE_LTI_PLATFORM,params:{platformId:e.id}},incomplete:e.status===r.Incomplete}))})),e.consumers.map((function(e){return a.createElement("li",{key:e.key},a.createElement(E,{name:e.name,version:1.1,editAppLink:{application:p.O.SETTINGS,action:f.e.Settings.EDIT_LTI_CONSUMER,args:[e.key]},deleteAppLink:{application:p.O.SETTINGS,action:f.e.Settings.DELETE_LTI_PLATFORM,params:{consumerKey:e.key}}}))})))}var S=n(28496),I=n(42384),T=n(23232),L=n(99742);function N(e){var t=e.createAppLink;return a.createElement(T.u,null,a.createElement(T.u.Image,{src:L.W.EmptyStates.LTI,size:"small"}),a.createElement(T.u.Heading,null,"You have not configured any platforms yet"),a.createElement(T.u.Info,null,"Embed videos directly into your learning tools and see interactive results in your gradebook."),a.createElement(T.u.Cta,{text:"Add platform",appLink:t,icon:d.vn.Plus,className:"btn btn-outline-dark"}))}const A={platformList:"wyIYe",platformItem:"lRt_C"};function w(){return a.createElement("div",{className:A.platformList},a.createElement("div",{className:"".concat(A.platformItem," partial-loading-background mb-2 rounded")}),a.createElement("div",{className:"".concat(A.platformItem," partial-loading-background mb-2 rounded")}),a.createElement("div",{className:"".concat(A.platformItem," partial-loading-background mb-2 rounded")}))}var O="settings.ltiPlatforms",C=i.T.encloseNamespace(O),P={application:p.O.SETTINGS,action:f.e.Settings.CREATE_LTI_PLATFORM};function _(){var e=o.a.useBasicFetch(S._.getConsumers()),t=o.a.useBasicFetch(S._.getPlatforms());(0,m.v)(e),(0,m.v)(t);var n,r,i=(0,I.P)().canAccess;return a.useEffect((function(){!1===i&&l.Q.C$.trigger({application:p.O.SETTINGS,action:f.e.Settings.HOME})}),[i]),!0!==i?a.createElement(a.Fragment,null):a.createElement("div",{className:"px-3"},a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.createElement("h1",{className:"h2"},a.createElement(s.x,{namespace:O,phrase:"heading"})),a.createElement(u.h,{svgName:d.vn.Plus,appLink:P,className:"btn btn-outline-dark"},a.createElement(s.x,{namespace:O,phrase:"addPlatform"}))),a.createElement("div",{className:"pb-3"},a.createElement(c.Oo,{breadcrumbs:[{name:C("settings"),appLink:{application:p.O.SETTINGS,action:f.e.Settings.HOME}},{name:C("ltiPlatforms"),active:!0}]})),t.data&&e.data?(null===(n=t.data)||void 0===n?void 0:n.length)||(null===(r=e.data)||void 0===r?void 0:r.length)?a.createElement(k,{platforms:t.data,consumers:e.data}):a.createElement(N,{createAppLink:P}):a.createElement(w,null))}}}]);
+//# sourceMappingURL=6604-2353daa8c0-lite.chunk.js.map