@clickview/curator 1.100.0-rc.1 → 1.100.0

package/dist/Assets/js/dist/scripts/{DFwtjofq2.chunk.js.map → DSj7VCEo2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DFwtjofq2.chunk.js","names":[],"sources":["../../../../../src/apps/interactives/views/preview-interactive/PreviewInteractiveView.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert, Spinner } from 'react-bootstrap';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/react/index';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VisibleOnSvg } from 'libs/shared/images/svg/actions/VisibleOnSvg';\nimport { CuratorUser, CurrentUser, InteractiveMetadata, PlayerViewKey } from 'libs/shared/interfaces';\n\nimport { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';\nimport { ClickViewInteractivePlayer } from 'projects/player/react/InteractivePlayer';\n\nimport { ObjectHeader } from 'shared/components';\nimport { Actions, AppChannels } from 'shared/constants';\n\nimport { EditInteractivesNav } from 'apps/interactives/components/edit-interactives-nav/EditInteractivesNav';\nimport { InteractiveRequests } from 'apps/interactives/flight-requests/CuratorInteractiveRequests';\n\ninterface PreviewInteractiveViewProps {\n  id: string;\n}\n\nexport function PreviewInteractiveView(props: PreviewInteractiveViewProps): JSX.Element {\n  const [ ready, setReady ] = React.useState(false);\n\n  const currentUser = Flight.useBasicFetch<CuratorUser>(UserRequests.currentUser());\n  const token = Flight.useBasicFetch<string>(UserRequests.token());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.id)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    interactiveMetadata.data &&\n    PlayerRequests.createViewKey(interactiveMetadata.data.id, MediaIdType.MasterObject)\n  );\n\n  const questionListPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n\n  React.useEffect(() => {\n    if (!interactiveMetadata.hasCompleted || interactiveMetadata.data.status !== CurationStatus.Draft)\n      return;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.INTERACTIVES,\n      action: Actions.Interactives.EDIT_INTERACTIVE,\n      args: [props.id]\n    }, { replace: true });\n  }, [interactiveMetadata.hasCompleted]);\n\n  function getActions(): ActionOptions[] {\n    const actions: ActionOptions[] = [{\n      label: 'Open in ClickView',\n      href: UrlHelper.safeUrlConcat(\n        ClickView.Config.Urls.LiteUrl,\n        `interactive/${props.id}/${TextHelper.slugify(interactiveMetadata.data.name)}`\n      ),\n      openInNewTab: true,\n      className: 'btn btn-outline-dark me-2',\n      svg: VisibleOnSvg,\n      button: true\n    }, {\n      label: 'Edit details',\n      appLink: {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.EDIT_INTERACTIVE_DETAILS,\n        args: [interactiveMetadata.data.id]\n      },\n      button: false\n    }, {\n      label: 'Copy interactive',\n      appLink: {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.COPY_INTERACTIVE,\n        args: [interactiveMetadata.data.id]\n      },\n      button: false\n    }];\n\n    if (interactiveMetadata.data._parentClip?.id) {\n      actions.push({\n        label: 'Open parent clip',\n        appLink: {\n          application: AppChannels.CLIPS,\n          action: Actions.Clips.EDIT_CLIP_INTERACTIVES,\n          args: [interactiveMetadata.data._parentClip.id]\n        },\n        button: false\n      });\n    } else if (interactiveMetadata.data._parentVideo?.id) {\n      actions.push({\n        label: 'Open parent video',\n        appLink: {\n          application: AppChannels.VIDEOS,\n          action: Actions.Videos.EDIT_VIDEO,\n          args: [interactiveMetadata.data._parentVideo.id]\n        },\n        button: false\n      });\n    }\n    \n    if (interactiveMetadata.data.status === CurationStatus.Published) {\n      actions.push({\n        label: 'Archive interactive',\n        appLink: {\n          application: AppChannels.INTERACTIVES,\n          action: Actions.Interactives.ARCHIVE_INTERACTIVE,\n          args: [props.id]\n        },\n        className: 'text-danger',\n        button: false\n      });\n    } else {\n      actions.push({\n        label: 'Publish interactive',\n        appLink: {\n          application: AppChannels.INTERACTIVES,\n          action: Actions.Interactives.PUBLISH_INTERACTIVE,\n          args: [props.id]\n        },\n        button: false\n      });\n    }\n\n    return actions;\n  }\n\n  if (!viewKey.data || !interactiveMetadata.data || !token.data) {\n    return (\n      <div className='text-center py-5'>\n        <Spinner as='div' animation='border' />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <EditInteractivesNav\n        interactive={interactiveMetadata.data}\n        activeAction={Actions.Interactives.PREVIEW_INTERACTIVE}\n        currentUser={currentUser.data}\n      />\n\n      {interactiveMetadata.data.status === CurationStatus.Published && (\n        <Alert variant='info' className='mt-3 mb-1'>\n          This interactive is <strong>published</strong> and cannot be edited or deleted.\n          You may archive it if you believe it should no longer be in use.\n        </Alert>\n      )}\n\n      {interactiveMetadata.data.status === CurationStatus.Archived && (\n        <Alert variant='info' className='mt-3 mb-1'>\n          This interactive is <strong>archived</strong>. You may publish it again\n          from the options menu.\n        </Alert>\n      )}\n\n      <div className={`${ready ? '' : 'd-none'}`}>\n        <ObjectHeader\n          object={{ name: interactiveMetadata.data.name, status: interactiveMetadata.data.status }}\n          actions={getActions()}\n          actionsDropdownClassName='btn btn-outline-dark'\n          showStatus\n        />\n        <ClickViewInteractivePlayer\n          viewKey={viewKey.data.viewKey}\n          imageApi={new URL(ClickView.Config.Urls.ImageAPI)}\n          playerApi={new URL(ClickView.Config.Urls.PlayerApi)}\n          hotkeyElQuerySelector='body'\n          onReady={() => setReady(true)}\n          currentUser={currentUser.data as unknown as CurrentUser}\n          mode={InteractiveMode.View}\n          questionListPortalNode={questionListPortalNode}\n          eventLogging={false}\n        />\n        <OutPortal node={questionListPortalNode} />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DSj7VCEo2.chunk.js","names":[],"sources":["../../../../../src/apps/interactives/views/preview-interactive/PreviewInteractiveView.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert, Spinner } from 'react-bootstrap';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/react/index';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VisibleOnSvg } from 'libs/shared/images/svg/actions/VisibleOnSvg';\nimport { CuratorUser, CurrentUser, InteractiveMetadata, PlayerViewKey } from 'libs/shared/interfaces';\n\nimport { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';\nimport { ClickViewInteractivePlayer } from 'projects/player/react/InteractivePlayer';\n\nimport { ObjectHeader } from 'shared/components';\nimport { Actions, AppChannels } from 'shared/constants';\n\nimport { EditInteractivesNav } from 'apps/interactives/components/edit-interactives-nav/EditInteractivesNav';\nimport { InteractiveRequests } from 'apps/interactives/flight-requests/CuratorInteractiveRequests';\n\ninterface PreviewInteractiveViewProps {\n  id: string;\n}\n\nexport function PreviewInteractiveView(props: PreviewInteractiveViewProps): JSX.Element {\n  const [ ready, setReady ] = React.useState(false);\n\n  const currentUser = Flight.useBasicFetch<CuratorUser>(UserRequests.currentUser());\n  const token = Flight.useBasicFetch<string>(UserRequests.token());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.id)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    interactiveMetadata.data &&\n    PlayerRequests.createViewKey(interactiveMetadata.data.id, MediaIdType.MasterObject)\n  );\n\n  const questionListPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n\n  React.useEffect(() => {\n    if (!interactiveMetadata.hasCompleted || interactiveMetadata.data.status !== CurationStatus.Draft)\n      return;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.INTERACTIVES,\n      action: Actions.Interactives.EDIT_INTERACTIVE,\n      args: [props.id]\n    }, { replace: true });\n  }, [interactiveMetadata.hasCompleted]);\n\n  function getActions(): ActionOptions[] {\n    const actions: ActionOptions[] = [{\n      label: 'Open in ClickView',\n      href: UrlHelper.safeUrlConcat(\n        ClickView.Config.Urls.LiteUrl,\n        `interactive/${props.id}/${TextHelper.slugify(interactiveMetadata.data.name)}`\n      ),\n      openInNewTab: true,\n      className: 'btn btn-outline-dark me-2',\n      svg: VisibleOnSvg,\n      button: true\n    }, {\n      label: 'Edit details',\n      appLink: {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.EDIT_INTERACTIVE_DETAILS,\n        args: [interactiveMetadata.data.id]\n      },\n      button: false\n    }, {\n      label: 'Copy interactive',\n      appLink: {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.COPY_INTERACTIVE,\n        args: [interactiveMetadata.data.id]\n      },\n      button: false\n    }];\n\n    if (interactiveMetadata.data._parentClip?.id) {\n      actions.push({\n        label: 'Open parent clip',\n        appLink: {\n          application: AppChannels.CLIPS,\n          action: Actions.Clips.EDIT_CLIP_INTERACTIVES,\n          args: [interactiveMetadata.data._parentClip.id]\n        },\n        button: false\n      });\n    } else if (interactiveMetadata.data._parentVideo?.id) {\n      actions.push({\n        label: 'Open parent video',\n        appLink: {\n          application: AppChannels.VIDEOS,\n          action: Actions.Videos.EDIT_VIDEO,\n          args: [interactiveMetadata.data._parentVideo.id]\n        },\n        button: false\n      });\n    }\n    \n    if (interactiveMetadata.data.status === CurationStatus.Published) {\n      actions.push({\n        label: 'Archive interactive',\n        appLink: {\n          application: AppChannels.INTERACTIVES,\n          action: Actions.Interactives.ARCHIVE_INTERACTIVE,\n          args: [props.id]\n        },\n        className: 'text-danger',\n        button: false\n      });\n    } else {\n      actions.push({\n        label: 'Publish interactive',\n        appLink: {\n          application: AppChannels.INTERACTIVES,\n          action: Actions.Interactives.PUBLISH_INTERACTIVE,\n          args: [props.id]\n        },\n        button: false\n      });\n    }\n\n    return actions;\n  }\n\n  if (!viewKey.data || !interactiveMetadata.data || !token.data) {\n    return (\n      <div className='text-center py-5'>\n        <Spinner as='div' animation='border' />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <EditInteractivesNav\n        interactive={interactiveMetadata.data}\n        activeAction={Actions.Interactives.PREVIEW_INTERACTIVE}\n        currentUser={currentUser.data}\n      />\n\n      {interactiveMetadata.data.status === CurationStatus.Published && (\n        <Alert variant='info' className='mt-3 mb-1'>\n          This interactive is <strong>published</strong> and cannot be edited or deleted.\n          You may archive it if you believe it should no longer be in use.\n        </Alert>\n      )}\n\n      {interactiveMetadata.data.status === CurationStatus.Archived && (\n        <Alert variant='info' className='mt-3 mb-1'>\n          This interactive is <strong>archived</strong>. You may publish it again\n          from the options menu.\n        </Alert>\n      )}\n\n      <div className={`${ready ? '' : 'd-none'}`}>\n        <ObjectHeader\n          object={{ name: interactiveMetadata.data.name, status: interactiveMetadata.data.status }}\n          actions={getActions()}\n          actionsDropdownClassName='btn btn-outline-dark'\n          showStatus\n        />\n        <ClickViewInteractivePlayer\n          viewKey={viewKey.data.viewKey}\n          imageApi={new URL(ClickView.Config.Urls.ImageAPI)}\n          playerApi={new URL(ClickView.Config.Urls.PlayerApi)}\n          hotkeyElQuerySelector='body'\n          onReady={() => setReady(true)}\n          currentUser={currentUser.data as unknown as CurrentUser}\n          mode={InteractiveMode.View}\n          questionListPortalNode={questionListPortalNode}\n          eventLogging={false}\n        />\n        <OutPortal node={questionListPortalNode} />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/Assets/js/dist/scripts/{BSYuzR8N2.chunk.js → DSvehN9D2.chunk.js}

@@ -1,2 +1,2 @@
-import{a as e,i as t,ln as n}from"./rp704-Pm.chunk.js";import{t as r}from"./Di_u2uix.chunk.js";import{t as i}from"./BvMTtGLi.chunk.js";import"./CfCYHRuo.chunk.js";import{I as a,R as o,T as s,t as c,tt as l}from"./C7Gmh7eY.chunk.js";import{t as u}from"./D-JsEiDq2.chunk.js";import{t as d}from"./a7DJumk6.chunk.js";import{t as f}from"./B30PmHCG2.chunk.js";import{t as p}from"./Lh2c_aQx2.chunk.js";import{c as m}from"./BA6RWJvc.chunk.js";var h=n(e()),g=t();function _(e){let[t,n]=h.useState(e.initialField),[_,v]=h.useState(!0),y=a(e.id),b=p(d.ALERT),x=s();h.useEffect(()=>(x?.setVideoId(e.id),()=>{x?.setVideoId(null)}),[e.id]);let S=c[e.stage].forms;function C(){let e=y.data?.masterType===`Clip`?`clip`:`video`,n=S[t].next;for(;n&&!S[n].supportedTypes.includes(e);)n=S[n].next;return n}function w(){if(_)return e.closePopup();b.createAlert({type:f.Warning,heading:`Are you sure?`,message:`Click close again to close the popup.`}),v(!0)}let{formComponent:T,popupSize:E=[`review_thumbnail`,`review_video`,`published_video`].includes(e.stage)?`lg`:`md`}=S[t],D=C();return(0,g.jsx)(l,{subStage:e.stage,pipelineId:e.pipelineId,children:(0,g.jsx)(o.Provider,{value:!!D,children:(0,g.jsx)(u,{title:y.data?.name,closePopup:w,size:E,backdrop:`static`,showLoadingSpinner:!y.hasCompleted,headerButtons:[{appLink:{application:i.ASSEMBLY_LINE,action:r.AssemblyLine.PICTURE_IN_PICTURE,args:[y.data?.id]},svg:m,className:`text-secondary`}],children:(0,g.jsx)(T,{id:e.id,onNext:()=>n(D),closePopup:e.closePopup,stage:e.stage,setCanClosePopup:v,view:e.view})})})})}export{_ as EditVideoContainerView};
-//# sourceMappingURL=BSYuzR8N2.chunk.js.map
+import{a as e,i as t,ln as n}from"./rp704-Pm.chunk.js";import{t as r}from"./Di_u2uix.chunk.js";import{t as i}from"./BvMTtGLi.chunk.js";import"./CfCYHRuo.chunk.js";import{I as a,R as o,T as s,t as c,tt as l}from"./DWHKdmdQ.chunk.js";import{t as u}from"./D-JsEiDq2.chunk.js";import{t as d}from"./a7DJumk6.chunk.js";import{t as f}from"./B30PmHCG2.chunk.js";import{t as p}from"./Lh2c_aQx2.chunk.js";import{c as m}from"./BA6RWJvc.chunk.js";var h=n(e()),g=t();function _(e){let[t,n]=h.useState(e.initialField),[_,v]=h.useState(!0),y=a(e.id),b=p(d.ALERT),x=s();h.useEffect(()=>(x?.setVideoId(e.id),()=>{x?.setVideoId(null)}),[e.id]);let S=c[e.stage].forms;function C(){let e=y.data?.masterType===`Clip`?`clip`:`video`,n=S[t].next;for(;n&&!S[n].supportedTypes.includes(e);)n=S[n].next;return n}function w(){if(_)return e.closePopup();b.createAlert({type:f.Warning,heading:`Are you sure?`,message:`Click close again to close the popup.`}),v(!0)}let{formComponent:T,popupSize:E=[`review_thumbnail`,`review_video`,`published_video`].includes(e.stage)?`lg`:`md`}=S[t],D=C();return(0,g.jsx)(l,{subStage:e.stage,pipelineId:e.pipelineId,children:(0,g.jsx)(o.Provider,{value:!!D,children:(0,g.jsx)(u,{title:y.data?.name,closePopup:w,size:E,backdrop:`static`,showLoadingSpinner:!y.hasCompleted,headerButtons:[{appLink:{application:i.ASSEMBLY_LINE,action:r.AssemblyLine.PICTURE_IN_PICTURE,args:[y.data?.id]},svg:m,className:`text-secondary`}],children:(0,g.jsx)(T,{id:e.id,onNext:()=>n(D),closePopup:e.closePopup,stage:e.stage,setCanClosePopup:v,view:e.view})})})})}export{_ as EditVideoContainerView};
+//# sourceMappingURL=DSvehN9D2.chunk.js.map

package/dist/Assets/js/dist/scripts/{BSYuzR8N2.chunk.js.map → DSvehN9D2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BSYuzR8N2.chunk.js","names":[],"sources":["../../../../../src/apps/assembly-line/views/edit-video/EditVideoContainerView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\nimport { AlertType, BaseAlertService } from 'libs/common/backbone/services/BaseAlertService';\nimport { useService } from 'libs/common/react/hooks/UseService';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PlayCircleSvg } from 'libs/shared/images/svg/actions/PlayCircleSvg';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nimport { Actions, AppChannels } from 'shared/constants';\nimport { useCuratorPlayer } from 'shared/context/CuratorPlayerContext';\n\nimport { AssemblyLineStageConfig } from 'apps/assembly-line/constants/AssemblyLineStageConfig';\nimport { AssemblyLineNextFormContext } from 'apps/assembly-line/contexts/AssemblyLineNextFormContext';\nimport { AssemblyLineStageContext } from 'apps/assembly-line/contexts/AssemblyLineStageContext';\nimport { useFetchAssemblyLineMedia } from 'apps/assembly-line/hooks/useFetchAssemblyLineMedia';\nimport { AssemblyLineStage } from 'apps/assembly-line/interfaces/AssemblyLineStage';\nimport { AssemblyLineVideoField } from 'apps/assembly-line/interfaces/AssemblyLineVideo';\nimport { AssemblyLineView } from 'apps/assembly-line/interfaces/AssemblyLineView';\nimport { ContentPipelineId } from 'apps/assembly-line/interfaces/ContentPipelineId';\n\ninterface EditVideoContainerViewProps extends PopupViewProps {\n  id: string;\n  stage: AssemblyLineStage;\n  initialField: AssemblyLineVideoField;\n  pipelineId: ContentPipelineId;\n  view: AssemblyLineView;\n}\n\nexport function EditVideoContainerView(props: EditVideoContainerViewProps): JSX.Element {\n  const [ currentField, setCurrentField ] = React.useState<string>(props.initialField);\n  const [ canClosePopup, setCanClosePopup ] = React.useState(true);\n\n  const video = useFetchAssemblyLineMedia(props.id);\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\n  const curatorPlayer = useCuratorPlayer();\n\n  // Set videoId in context when popup opens\n  React.useEffect(() => {\n    curatorPlayer?.setVideoId(props.id);\n    return () => {\n      curatorPlayer?.setVideoId(null);\n    };\n  }, [props.id]);\n\n  const formConfig = AssemblyLineStageConfig[props.stage].forms;\n\n  function getNext(): string {\n    const type = video.data?.masterType === 'Clip' ? 'clip' : 'video';\n\n    const current = formConfig[currentField];\n    let next = current.next;\n\n    // Skip forms that are unsupported for the current object type\n    while (next && !formConfig[next].supportedTypes.includes(type)) {\n      next = formConfig[next].next;\n    }\n\n    return next;\n  }\n\n  function onClickClose() {\n    if (canClosePopup)\n      return props.closePopup();\n\n    // Using alert service for this as I don't want to update useAlerts for a one-off in curator - Josh\n    alertService.createAlert({\n      type: AlertType.Warning,\n      heading: 'Are you sure?',\n      message: 'Click close again to close the popup.'\n    });\n    setCanClosePopup(true);\n  }\n\n  const {\n    formComponent: FormComponent,\n    popupSize = ![ 'review_thumbnail', 'review_video', 'published_video' ].includes(props.stage) ?\n      'md' :\n      'lg'\n  } = formConfig[currentField];\n\n  const nextForm = getNext();\n\n  return (\n    <AssemblyLineStageContext subStage={props.stage} pipelineId={props.pipelineId}>\n      <AssemblyLineNextFormContext.Provider value={!!nextForm}>\n        <Popup\n          title={video.data?.name}\n          closePopup={onClickClose}\n          size={popupSize}\n          backdrop='static'\n          showLoadingSpinner={!video.hasCompleted}\n          headerButtons={[{\n            appLink: {\n              application: AppChannels.ASSEMBLY_LINE,\n              action: Actions.AssemblyLine.PICTURE_IN_PICTURE,\n              args: [video.data?.id]\n            },\n            svg: PlayCircleSvg,\n            className: 'text-secondary'\n          }]}\n        >\n          <FormComponent\n            id={props.id}\n            onNext={() => setCurrentField(nextForm)}\n            closePopup={props.closePopup}\n            stage={props.stage}\n            setCanClosePopup={setCanClosePopup}\n            view={props.view}\n          />\n        </Popup>\n      </AssemblyLineNextFormContext.Provider>\n    </AssemblyLineStageContext>\n  );\n}\n"],"mappings":"scA8BA,SAAgB,EAAuB,EAAiD,CACtF,GAAM,CAAE,EAAc,GAAA,EAA0B,SAAiB,EAAM,YAAY,EAC7E,CAAE,EAAe,GAAA,EAA2B,SAAS,EAAI,EAEzD,EAAQ,EAA0B,EAAM,EAAE,EAC1C,EAAe,EAA6B,EAAe,KAAK,EAChE,EAAgB,EAAiB,EAGvC,EAAM,eACJ,GAAe,WAAW,EAAM,EAAE,MACrB,CACX,GAAe,WAAW,IAAI,CAChC,GACC,CAAC,EAAM,EAAE,CAAC,EAEb,IAAM,EAAa,EAAwB,EAAM,MAAM,CAAC,MAExD,SAAS,GAAkB,CACzB,IAAM,EAAO,EAAM,MAAM,aAAe,OAAS,OAAS,QAGtD,EADY,EAAW,EAChB,CAAQ,KAGnB,KAAO,GAAQ,CAAC,EAAW,EAAK,CAAC,eAAe,SAAS,CAAI,GAC3D,EAAO,EAAW,EAAK,CAAC,KAG1B,OAAO,CACT,CAEA,SAAS,GAAe,CACtB,GAAI,EACF,OAAO,EAAM,WAAW,EAG1B,EAAa,YAAY,CACvB,KAAM,EAAU,QAChB,QAAS,gBACT,QAAS,uCACX,CAAC,EACD,EAAiB,EAAI,CACvB,CAEA,GAAM,CACJ,cAAe,EACf,YAAa,CAAE,mBAAoB,eAAgB,iBAAkB,CAAC,CAAC,SAAS,EAAM,KAAK,EAEzF,KADA,MAEA,EAAW,GAET,EAAW,EAAQ,EAEzB,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAA0B,SAAU,EAAM,MAAO,WAAY,EAAM,qBACjE,EAAA,EAAA,IAAA,CAAC,EAA4B,SAA7B,CAAsC,MAAO,CAAC,CAAC,YAC7C,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,MAAO,EAAM,MAAM,KACnB,WAAY,EACZ,KAAM,EACN,SAAS,SACT,mBAAoB,CAAC,EAAM,aAC3B,cAAe,CAAC,CACd,QAAS,CACP,YAAa,EAAY,cACzB,OAAQ,EAAQ,aAAa,mBAC7B,KAAM,CAAC,EAAM,MAAM,EAAE,CACvB,EACA,IAAK,EACL,UAAW,gBACb,CAAC,YAED,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,GAAI,EAAM,GACV,WAAc,EAAgB,CAAQ,EACtC,WAAY,EAAM,WAClB,MAAO,EAAM,MACK,mBAClB,KAAM,EAAM,IACb,CAAA,CACI,CAAA,CAC6B,CAAA,CACd,CAAA,CAE9B"}
+{"version":3,"file":"DSvehN9D2.chunk.js","names":[],"sources":["../../../../../src/apps/assembly-line/views/edit-video/EditVideoContainerView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\nimport { AlertType, BaseAlertService } from 'libs/common/backbone/services/BaseAlertService';\nimport { useService } from 'libs/common/react/hooks/UseService';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PlayCircleSvg } from 'libs/shared/images/svg/actions/PlayCircleSvg';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nimport { Actions, AppChannels } from 'shared/constants';\nimport { useCuratorPlayer } from 'shared/context/CuratorPlayerContext';\n\nimport { AssemblyLineStageConfig } from 'apps/assembly-line/constants/AssemblyLineStageConfig';\nimport { AssemblyLineNextFormContext } from 'apps/assembly-line/contexts/AssemblyLineNextFormContext';\nimport { AssemblyLineStageContext } from 'apps/assembly-line/contexts/AssemblyLineStageContext';\nimport { useFetchAssemblyLineMedia } from 'apps/assembly-line/hooks/useFetchAssemblyLineMedia';\nimport { AssemblyLineStage } from 'apps/assembly-line/interfaces/AssemblyLineStage';\nimport { AssemblyLineVideoField } from 'apps/assembly-line/interfaces/AssemblyLineVideo';\nimport { AssemblyLineView } from 'apps/assembly-line/interfaces/AssemblyLineView';\nimport { ContentPipelineId } from 'apps/assembly-line/interfaces/ContentPipelineId';\n\ninterface EditVideoContainerViewProps extends PopupViewProps {\n  id: string;\n  stage: AssemblyLineStage;\n  initialField: AssemblyLineVideoField;\n  pipelineId: ContentPipelineId;\n  view: AssemblyLineView;\n}\n\nexport function EditVideoContainerView(props: EditVideoContainerViewProps): JSX.Element {\n  const [ currentField, setCurrentField ] = React.useState<string>(props.initialField);\n  const [ canClosePopup, setCanClosePopup ] = React.useState(true);\n\n  const video = useFetchAssemblyLineMedia(props.id);\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\n  const curatorPlayer = useCuratorPlayer();\n\n  // Set videoId in context when popup opens\n  React.useEffect(() => {\n    curatorPlayer?.setVideoId(props.id);\n    return () => {\n      curatorPlayer?.setVideoId(null);\n    };\n  }, [props.id]);\n\n  const formConfig = AssemblyLineStageConfig[props.stage].forms;\n\n  function getNext(): string {\n    const type = video.data?.masterType === 'Clip' ? 'clip' : 'video';\n\n    const current = formConfig[currentField];\n    let next = current.next;\n\n    // Skip forms that are unsupported for the current object type\n    while (next && !formConfig[next].supportedTypes.includes(type)) {\n      next = formConfig[next].next;\n    }\n\n    return next;\n  }\n\n  function onClickClose() {\n    if (canClosePopup)\n      return props.closePopup();\n\n    // Using alert service for this as I don't want to update useAlerts for a one-off in curator - Josh\n    alertService.createAlert({\n      type: AlertType.Warning,\n      heading: 'Are you sure?',\n      message: 'Click close again to close the popup.'\n    });\n    setCanClosePopup(true);\n  }\n\n  const {\n    formComponent: FormComponent,\n    popupSize = ![ 'review_thumbnail', 'review_video', 'published_video' ].includes(props.stage) ?\n      'md' :\n      'lg'\n  } = formConfig[currentField];\n\n  const nextForm = getNext();\n\n  return (\n    <AssemblyLineStageContext subStage={props.stage} pipelineId={props.pipelineId}>\n      <AssemblyLineNextFormContext.Provider value={!!nextForm}>\n        <Popup\n          title={video.data?.name}\n          closePopup={onClickClose}\n          size={popupSize}\n          backdrop='static'\n          showLoadingSpinner={!video.hasCompleted}\n          headerButtons={[{\n            appLink: {\n              application: AppChannels.ASSEMBLY_LINE,\n              action: Actions.AssemblyLine.PICTURE_IN_PICTURE,\n              args: [video.data?.id]\n            },\n            svg: PlayCircleSvg,\n            className: 'text-secondary'\n          }]}\n        >\n          <FormComponent\n            id={props.id}\n            onNext={() => setCurrentField(nextForm)}\n            closePopup={props.closePopup}\n            stage={props.stage}\n            setCanClosePopup={setCanClosePopup}\n            view={props.view}\n          />\n        </Popup>\n      </AssemblyLineNextFormContext.Provider>\n    </AssemblyLineStageContext>\n  );\n}\n"],"mappings":"scA8BA,SAAgB,EAAuB,EAAiD,CACtF,GAAM,CAAE,EAAc,GAAA,EAA0B,SAAiB,EAAM,YAAY,EAC7E,CAAE,EAAe,GAAA,EAA2B,SAAS,EAAI,EAEzD,EAAQ,EAA0B,EAAM,EAAE,EAC1C,EAAe,EAA6B,EAAe,KAAK,EAChE,EAAgB,EAAiB,EAGvC,EAAM,eACJ,GAAe,WAAW,EAAM,EAAE,MACrB,CACX,GAAe,WAAW,IAAI,CAChC,GACC,CAAC,EAAM,EAAE,CAAC,EAEb,IAAM,EAAa,EAAwB,EAAM,MAAM,CAAC,MAExD,SAAS,GAAkB,CACzB,IAAM,EAAO,EAAM,MAAM,aAAe,OAAS,OAAS,QAGtD,EADY,EAAW,EAChB,CAAQ,KAGnB,KAAO,GAAQ,CAAC,EAAW,EAAK,CAAC,eAAe,SAAS,CAAI,GAC3D,EAAO,EAAW,EAAK,CAAC,KAG1B,OAAO,CACT,CAEA,SAAS,GAAe,CACtB,GAAI,EACF,OAAO,EAAM,WAAW,EAG1B,EAAa,YAAY,CACvB,KAAM,EAAU,QAChB,QAAS,gBACT,QAAS,uCACX,CAAC,EACD,EAAiB,EAAI,CACvB,CAEA,GAAM,CACJ,cAAe,EACf,YAAa,CAAE,mBAAoB,eAAgB,iBAAkB,CAAC,CAAC,SAAS,EAAM,KAAK,EAEzF,KADA,MAEA,EAAW,GAET,EAAW,EAAQ,EAEzB,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAA0B,SAAU,EAAM,MAAO,WAAY,EAAM,qBACjE,EAAA,EAAA,IAAA,CAAC,EAA4B,SAA7B,CAAsC,MAAO,CAAC,CAAC,YAC7C,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,MAAO,EAAM,MAAM,KACnB,WAAY,EACZ,KAAM,EACN,SAAS,SACT,mBAAoB,CAAC,EAAM,aAC3B,cAAe,CAAC,CACd,QAAS,CACP,YAAa,EAAY,cACzB,OAAQ,EAAQ,aAAa,mBAC7B,KAAM,CAAC,EAAM,MAAM,EAAE,CACvB,EACA,IAAK,EACL,UAAW,gBACb,CAAC,YAED,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,GAAI,EAAM,GACV,WAAc,EAAgB,CAAQ,EACtC,WAAY,EAAM,WAClB,MAAO,EAAM,MACK,mBAClB,KAAM,EAAM,IACb,CAAA,CACI,CAAA,CAC6B,CAAA,CACd,CAAA,CAE9B"}

package/dist/Assets/js/dist/scripts/{FS74_jrx.chunk.js → DTvCgZ4c.chunk.js}

@@ -1,2 +1,2 @@
-import{a as e,i as t,ln as n,sn as r}from"./rp704-Pm.chunk.js";import{t as i}from"./Di_u2uix.chunk.js";import"./CfCYHRuo.chunk.js";import{t as a}from"./UCDGupVs.chunk.js";import{G as o}from"./C7Gmh7eY.chunk.js";import{y as s}from"./BhKv6dKl2.chunk.js";import{n as c}from"./CbiGs3Tn.chunk.js";import{t as l}from"./BT15PHGF.chunk.js";import{s as u,u as d}from"./Dgk5cBBe.chunk.js";import{t as f}from"./DpqbC5uX.chunk.js";import"./Oh4_zGIH.chunk.js";import{t as p}from"./Bwpvc7Th2.chunk.js";import{t as m}from"./C2TF0X_R2.chunk.js";import{t as h}from"./CuXQXmu-2.chunk.js";import{t as g}from"./BivItbGo.chunk.js";import{t as _}from"./JmL1DHFu.chunk.js";import{t as v}from"./MQQrRn3J.chunk.js";import{n as y,t as b}from"./ClpIRgLR.chunk.js";import{t as x}from"./BwToh2X9.chunk.js";import{t as S}from"./mStmtFRo.chunk.js";import"./DrBVabtm.chunk.js";var C=r({EditVideoTagsView:()=>k}),w=n(e()),T=t(),E=`videos.editVideoTags`,D=l.encloseNamespace(E);function O(e,t){return w.useMemo(()=>h.getTagsByType(e,t),[e?.length])}function k(e){let t=d(),n=p(),r=u(a.currentUser()),C=u(_.video(e.videoId)),w=u(o.getAssemblyLineVideo(e.videoId)),k=u(_.videoTagsByType(e.videoId,[m.Normal,m.Pedagogy,m.Hidden,m.Skill])),A=O(k.data?.data,m.Normal),j=O(k.data?.data,m.Pedagogy),M=O(k.data?.data,m.Skill),N=O(k.data?.data,m.Hidden),P=f.toObject(A,`id`),F=u(g.pedagogyTags()),I=u(g.skillTags());function L(e){return e.results?.filter(e=>!P[e.id])}function R(e,t){n.error(l.getPhrase(E,e,t))}function z(e,t){n.success(l.getPhrase(E,e,t))}async function B(n,r){await t(_.updateContentPipelineVideo(e.videoId,{hasPedagogyTags:n.hasTagType})),await t(_.addContentPipelineVideoComment(e.videoId,`bypassPedagogyTags`,n.bypassCategory,n.bypassReason)),r()}async function V(n,r){await t(_.updateContentPipelineVideo(e.videoId,{hasSkillTags:n.hasTagType})),await t(_.addContentPipelineVideoComment(e.videoId,`bypassSkillTags`,n.bypassCategory,n.bypassReason)),r()}function H(n,r){if(n=n.trim(),n.length){if(!h.isValidTagSearch(n)){R(`notValid`,{query:n});return}if(!h.isValidTagLength(n)){R(`invalidTagLength`,{length:30});return}if(r===m.Normal){if(h.getTagByName(A,n)){R(`alreadyExists`,{query:n});return}if(!h.canAddNormalTag(A)){R(`maxKeywordTags`,{maxKeywordTags:10});return}}t(_.createTag(e.videoId,n,r,()=>z(`created`,{query:n}),()=>R(`failedCreate`,{query:n})))}}function U(n){if(n.tagType===m.Normal&&!h.canAddNormalTag(A)){R(`maxKeywordTags`,{maxKeywordTags:10});return}t(_.associateTag(e.videoId,n,()=>z(`added`,{query:n.name}),()=>R(`failedAdd`,{query:n.name})))}function W(n){t(_.dissociateTag(e.videoId,n,()=>z(`removed`,{query:n.name}),()=>R(`failedRemove`,{query:n.name})))}function G(e){if(h.getTagById(j,e.id)){W(e);return}U(e)}function K(e){if(h.getTagById(M,e.id)){W(e);return}U(e)}function q(e,t){let n=e.trim();return h.isValidTagSearch(n)?v.searchTags(n,t):null}let J=F.hasCompleted&&I.hasCompleted&&C.hasCompleted&&w.hasCompleted;return(0,T.jsxs)(T.Fragment,{children:[!!r.data&&(0,T.jsx)(T.Fragment,{children:e.context===`live`?(0,T.jsx)(x,{videoId:e.videoId,activeAction:i.CvLive.EDIT_VIDEO_TAGS}):(0,T.jsx)(S,{videoId:e.videoId,activeAction:i.Videos.EDIT_VIDEO_TAGS,currentUser:r.data})}),(0,T.jsx)(s,{object:C.data}),J?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(b,{type:m.Pedagogy,onSubmit:B,allTags:F.data,tags:j,onToggleTag:G,heading:D(`pedagogyTags`),description:D(`pedagogyDescription`),contentPipelineVideo:w.data}),(0,T.jsx)(b,{type:m.Skill,onSubmit:V,allTags:I.data,tags:M,onToggleTag:K,heading:D(`skillTags`),description:D(`skillDescription`),contentPipelineVideo:w.data}),(0,T.jsxs)(`div`,{className:`row`,children:[(0,T.jsx)(`div`,{className:`col-lg-6`,children:(0,T.jsx)(y,{title:D(`keywordTags`),placeholder:D(`addTagPlaceholder`),onRemove:W,tagList:A,onSuggestionDependencies:[A],onSuggestionSelected:U,getRemoteUrl:e=>q(e,m.Normal),formatRemoteSuggestions:e=>L(e),onSubmit:e=>H(e,m.Normal)})}),(0,T.jsx)(`div`,{className:`col-lg-6`,children:(0,T.jsx)(y,{title:D(`hiddenTags`),placeholder:D(`addHiddenTagPlaceholder`),onRemove:W,tagList:N,onSuggestionDependencies:[N],onSuggestionSelected:U,getRemoteUrl:e=>q(e,m.Hidden),formatRemoteSuggestions:e=>L(e),onSubmit:e=>H(e,m.Hidden)})})]})]}):(0,T.jsx)(`div`,{className:`text-center p-5`,children:(0,T.jsx)(c,{as:`div`,animation:`border`,role:`status`})})]})}export{C as n,k as t};
-//# sourceMappingURL=FS74_jrx.chunk.js.map
+import{a as e,i as t,ln as n,sn as r}from"./rp704-Pm.chunk.js";import{t as i}from"./Di_u2uix.chunk.js";import"./CfCYHRuo.chunk.js";import{t as a}from"./UCDGupVs.chunk.js";import{G as o}from"./DWHKdmdQ.chunk.js";import{y as s}from"./GpDEun8c2.chunk.js";import{n as c}from"./CbiGs3Tn.chunk.js";import{t as l}from"./BT15PHGF.chunk.js";import{s as u,u as d}from"./Dgk5cBBe.chunk.js";import{t as f}from"./DpqbC5uX.chunk.js";import"./Oh4_zGIH.chunk.js";import{t as p}from"./Bwpvc7Th2.chunk.js";import{t as m}from"./C2TF0X_R2.chunk.js";import{t as h}from"./CuXQXmu-2.chunk.js";import{t as g}from"./BivItbGo.chunk.js";import{t as _}from"./JmL1DHFu.chunk.js";import{t as v}from"./MQQrRn3J.chunk.js";import{n as y,t as b}from"./B6NMAAhW.chunk.js";import{t as x}from"./DjnvbVQs.chunk.js";import{t as S}from"./BT-jeT7C.chunk.js";import"./B1pBJzjh.chunk.js";var C=r({EditVideoTagsView:()=>k}),w=n(e()),T=t(),E=`videos.editVideoTags`,D=l.encloseNamespace(E);function O(e,t){return w.useMemo(()=>h.getTagsByType(e,t),[e?.length])}function k(e){let t=d(),n=p(),r=u(a.currentUser()),C=u(_.video(e.videoId)),w=u(o.getAssemblyLineVideo(e.videoId)),k=u(_.videoTagsByType(e.videoId,[m.Normal,m.Pedagogy,m.Hidden,m.Skill])),A=O(k.data?.data,m.Normal),j=O(k.data?.data,m.Pedagogy),M=O(k.data?.data,m.Skill),N=O(k.data?.data,m.Hidden),P=f.toObject(A,`id`),F=u(g.pedagogyTags()),I=u(g.skillTags());function L(e){return e.results?.filter(e=>!P[e.id])}function R(e,t){n.error(l.getPhrase(E,e,t))}function z(e,t){n.success(l.getPhrase(E,e,t))}async function B(n,r){await t(_.updateContentPipelineVideo(e.videoId,{hasPedagogyTags:n.hasTagType})),await t(_.addContentPipelineVideoComment(e.videoId,`bypassPedagogyTags`,n.bypassCategory,n.bypassReason)),r()}async function V(n,r){await t(_.updateContentPipelineVideo(e.videoId,{hasSkillTags:n.hasTagType})),await t(_.addContentPipelineVideoComment(e.videoId,`bypassSkillTags`,n.bypassCategory,n.bypassReason)),r()}function H(n,r){if(n=n.trim(),n.length){if(!h.isValidTagSearch(n)){R(`notValid`,{query:n});return}if(!h.isValidTagLength(n)){R(`invalidTagLength`,{length:30});return}if(r===m.Normal){if(h.getTagByName(A,n)){R(`alreadyExists`,{query:n});return}if(!h.canAddNormalTag(A)){R(`maxKeywordTags`,{maxKeywordTags:10});return}}t(_.createTag(e.videoId,n,r,()=>z(`created`,{query:n}),()=>R(`failedCreate`,{query:n})))}}function U(n){if(n.tagType===m.Normal&&!h.canAddNormalTag(A)){R(`maxKeywordTags`,{maxKeywordTags:10});return}t(_.associateTag(e.videoId,n,()=>z(`added`,{query:n.name}),()=>R(`failedAdd`,{query:n.name})))}function W(n){t(_.dissociateTag(e.videoId,n,()=>z(`removed`,{query:n.name}),()=>R(`failedRemove`,{query:n.name})))}function G(e){if(h.getTagById(j,e.id)){W(e);return}U(e)}function K(e){if(h.getTagById(M,e.id)){W(e);return}U(e)}function q(e,t){let n=e.trim();return h.isValidTagSearch(n)?v.searchTags(n,t):null}let J=F.hasCompleted&&I.hasCompleted&&C.hasCompleted&&w.hasCompleted;return(0,T.jsxs)(T.Fragment,{children:[!!r.data&&(0,T.jsx)(T.Fragment,{children:e.context===`live`?(0,T.jsx)(x,{videoId:e.videoId,activeAction:i.CvLive.EDIT_VIDEO_TAGS}):(0,T.jsx)(S,{videoId:e.videoId,activeAction:i.Videos.EDIT_VIDEO_TAGS,currentUser:r.data})}),(0,T.jsx)(s,{object:C.data}),J?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(b,{type:m.Pedagogy,onSubmit:B,allTags:F.data,tags:j,onToggleTag:G,heading:D(`pedagogyTags`),description:D(`pedagogyDescription`),contentPipelineVideo:w.data}),(0,T.jsx)(b,{type:m.Skill,onSubmit:V,allTags:I.data,tags:M,onToggleTag:K,heading:D(`skillTags`),description:D(`skillDescription`),contentPipelineVideo:w.data}),(0,T.jsxs)(`div`,{className:`row`,children:[(0,T.jsx)(`div`,{className:`col-lg-6`,children:(0,T.jsx)(y,{title:D(`keywordTags`),placeholder:D(`addTagPlaceholder`),onRemove:W,tagList:A,onSuggestionDependencies:[A],onSuggestionSelected:U,getRemoteUrl:e=>q(e,m.Normal),formatRemoteSuggestions:e=>L(e),onSubmit:e=>H(e,m.Normal)})}),(0,T.jsx)(`div`,{className:`col-lg-6`,children:(0,T.jsx)(y,{title:D(`hiddenTags`),placeholder:D(`addHiddenTagPlaceholder`),onRemove:W,tagList:N,onSuggestionDependencies:[N],onSuggestionSelected:U,getRemoteUrl:e=>q(e,m.Hidden),formatRemoteSuggestions:e=>L(e),onSubmit:e=>H(e,m.Hidden)})})]})]}):(0,T.jsx)(`div`,{className:`text-center p-5`,children:(0,T.jsx)(c,{as:`div`,animation:`border`,role:`status`})})]})}export{C as n,k as t};
+//# sourceMappingURL=DTvCgZ4c.chunk.js.map

package/dist/Assets/js/dist/scripts/{FS74_jrx.chunk.js.map → DTvCgZ4c.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FS74_jrx.chunk.js","names":[],"sources":["../../../../../src/apps/videos/views/edit-video-tags/EditVideoTagsView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { SearchResults } from 'libs/shared/apps/search/interfaces';\nimport { TagType } from 'libs/shared/enums/TagType';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CuratorUser, Tag, TagCollection, Video } from 'libs/shared/interfaces';\n\nimport { ObjectHeader } from 'shared/components';\nimport { Actions } from 'shared/constants';\nimport { SearchRequests } from 'shared/flight-requests/SearchRequests';\nimport { TagRequests } from 'shared/flight-requests/TagRequests';\nimport { CuratorProductContext } from 'shared/interfaces/models/CuratorProductContext';\nimport { MAX_KEYWORD_TAGS, MAX_TAG_LENGTH, TagHelper } from 'shared/utils/TagHelper';\n\nimport { AssemblyLineRequests } from 'apps/assembly-line/flight-requests/AssemblyLineRequests';\nimport { CommentFormData } from 'apps/assembly-line/interfaces/primitives/CommentFormData';\nimport { AssemblyLineVideoResponse } from 'apps/assembly-line/interfaces/responses/AssemblyLineVideoResponse';\nimport { CvLiveVideoNav } from 'apps/cv-live/components/video-nav/CvLiveVideoNav';\nimport { EditVideoNav } from 'apps/videos/components/edit-video-nav';\nimport { SearchBarWithTagList } from 'apps/videos/components/edit-video-tags/search-bar';\nimport { TagCloudForm } from 'apps/videos/components/edit-video-tags/tag-cloud-form/TagCloudForm';\nimport { VideoRequests } from 'apps/videos/flight-requests/CuratorVideoRequests';\n\nexport interface ContentPipelineVideoTagsFormData extends CommentFormData {\n  hasTagType: boolean;\n}\n\nconst namespace = 'videos.editVideoTags';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction useFilterTags(tags: Tag[], type: TagType) {\n  return React.useMemo(() => {\n    return TagHelper.getTagsByType(tags, type);\n  }, [tags?.length]);\n}\n\ninterface EditVideoTagsViewProps {\n  videoId: string;\n  context: CuratorProductContext;\n}\n\nexport function EditVideoTagsView(\n  props: EditVideoTagsViewProps\n): React.ReactElement {\n  const fetchAsync = Flight.useGetFetchAsync();\n  const alerts = useAlerts();\n  \n  const currentUser = Flight.useBasicFetch<CuratorUser>(\n    UserRequests.currentUser()\n  );\n\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.videoId));\n  const contentPipelineVideo = Flight.useBasicFetch<AssemblyLineVideoResponse>(\n    AssemblyLineRequests.getAssemblyLineVideo(props.videoId)\n  );\n\n  const allTagsResponse = Flight.useBasicFetch<TagCollection>(\n    VideoRequests.videoTagsByType(props.videoId, [\n      TagType.Normal,\n      TagType.Pedagogy,\n      TagType.Hidden,\n      TagType.Skill\n    ])\n  );\n\n  const normalTags = useFilterTags(allTagsResponse.data?.data, TagType.Normal);\n  const pedagogyTags = useFilterTags(allTagsResponse.data?.data, TagType.Pedagogy);\n  const skillTags = useFilterTags(allTagsResponse.data?.data, TagType.Skill);\n  const hiddenTags = useFilterTags(allTagsResponse.data?.data, TagType.Hidden);\n  const tagLookup = ArrayHelper.toObject(normalTags, 'id');\n\n  const allPedagogyTags = Flight.useBasicFetch<Tag[]>(TagRequests.pedagogyTags());\n  const allSkillTags = Flight.useBasicFetch<Tag[]>(TagRequests.skillTags());\n\n  function removeExistingTags(response: SearchResults<Tag>): Tag[] {\n    return response.results?.filter(tag => !tagLookup[tag.id]);\n  }\n\n  function handleError(phraseKey: string, options: HashObject): void {\n    alerts.error(LanguageService.getPhrase(namespace, phraseKey, options));\n  }\n\n  function handleSuccess(phraseKey: string, options: HashObject): void {\n    alerts.success(LanguageService.getPhrase(namespace, phraseKey, options));\n  }\n\n  async function onTogglePedagogyTagRequirement(\n    formData: ContentPipelineVideoTagsFormData,\n    onDone: () => void\n  ): Promise<void> {\n    await fetchAsync(VideoRequests.updateContentPipelineVideo(\n      props.videoId,\n      { hasPedagogyTags: formData.hasTagType }\n    ));\n\n    await fetchAsync(VideoRequests.addContentPipelineVideoComment(\n      props.videoId,\n      'bypassPedagogyTags',\n      formData.bypassCategory,\n      formData.bypassReason\n    ));\n\n    onDone();\n  }\n\n  async function onToggleSkillTagRequirement(\n    formData: ContentPipelineVideoTagsFormData,\n    onDone: () => void\n  ): Promise<void> {\n    await fetchAsync(VideoRequests.updateContentPipelineVideo(\n      props.videoId,\n      { hasSkillTags: formData.hasTagType }\n    ));\n\n    await fetchAsync(VideoRequests.addContentPipelineVideoComment(\n      props.videoId,\n      'bypassSkillTags',\n      formData.bypassCategory,\n      formData.bypassReason\n    ));\n\n    onDone();\n  }\n\n  function createAndAssociateTag(query: string, tagType: TagType): void {\n    query = query.trim();\n\n    if (!query.length)\n      return;\n\n    if (!TagHelper.isValidTagSearch(query)) {\n      handleError('notValid', { query });\n      return;\n    }\n\n    if (!TagHelper.isValidTagLength(query)) {\n      handleError('invalidTagLength', { length: MAX_TAG_LENGTH });\n      return;\n    }\n\n    if (tagType === TagType.Normal) {\n      if (TagHelper.getTagByName(normalTags, query)) {\n        handleError('alreadyExists', { query });\n        return;\n      }\n  \n      if (!TagHelper.canAddNormalTag(normalTags)) {\n        handleError('maxKeywordTags', { maxKeywordTags: MAX_KEYWORD_TAGS });\n        return;\n      }\n    }\n\n    fetchAsync(VideoRequests.createTag(\n      props.videoId,\n      query,\n      tagType,\n      () => handleSuccess('created', { query }),\n      () => handleError('failedCreate', { query })\n    ));\n  }\n\n  function associateExistingTag(tag: Tag): void {\n    if (tag.tagType === TagType.Normal && !TagHelper.canAddNormalTag(normalTags)) {\n      handleError('maxKeywordTags', { maxKeywordTags: MAX_KEYWORD_TAGS });\n      return;\n    }\n\n    fetchAsync(VideoRequests.associateTag(\n      props.videoId,\n      tag,\n      () => handleSuccess('added', { query: tag.name }),\n      () => handleError('failedAdd', { query: tag.name })\n    ));\n  }\n\n  function dissociateExistingTag(tag: Tag): void {\n    fetchAsync(VideoRequests.dissociateTag(\n      props.videoId,\n      tag,\n      () => handleSuccess('removed', { query: tag.name }),\n      () => handleError('failedRemove', { query: tag.name })\n    ));\n  }\n  \n  function onTogglePedagogyTag(tag: Tag): void {\n    if (TagHelper.getTagById(pedagogyTags, tag.id)) {\n      dissociateExistingTag(tag);\n      return;\n    }\n\n    associateExistingTag(tag);\n  }\n  \n  function onToggleSkillTag(tag: Tag): void {\n    if (TagHelper.getTagById(skillTags, tag.id)) {\n      dissociateExistingTag(tag);\n      return;\n    }\n\n    associateExistingTag(tag);\n  }\n\n  function getRemoteUrl(query: string, tagType: TagType): string {\n    const localQuery = query.trim();\n\n    if (!TagHelper.isValidTagSearch(localQuery))\n      return null;\n      \n    return SearchRequests.searchTags(localQuery, tagType);\n  }\n\n  const dataLoaded =\n    allPedagogyTags.hasCompleted &&\n    allSkillTags.hasCompleted &&\n    video.hasCompleted &&\n    contentPipelineVideo.hasCompleted;\n\n  return (\n    <>\n      {!!currentUser.data && (\n        <>\n          {props.context === 'live' ? (\n            <CvLiveVideoNav\n              videoId={props.videoId}\n              activeAction={Actions.CvLive.EDIT_VIDEO_TAGS}\n            />\n          ) : (\n            <EditVideoNav\n              videoId={props.videoId}\n              activeAction={Actions.Videos.EDIT_VIDEO_TAGS}\n              currentUser={currentUser.data}\n            />\n          )}\n        </>\n      )}\n      <ObjectHeader object={video.data} />\n      {dataLoaded ? (\n        <>\n          <TagCloudForm\n            type={TagType.Pedagogy}\n            onSubmit={onTogglePedagogyTagRequirement}\n            allTags={allPedagogyTags.data}\n            tags={pedagogyTags}\n            onToggleTag={onTogglePedagogyTag}\n            heading={getPhrase('pedagogyTags')}\n            description={getPhrase('pedagogyDescription')}\n            contentPipelineVideo={contentPipelineVideo.data}\n          />\n  \n          <TagCloudForm\n            type={TagType.Skill}\n            onSubmit={onToggleSkillTagRequirement}\n            allTags={allSkillTags.data}\n            tags={skillTags}\n            onToggleTag={onToggleSkillTag}\n            heading={getPhrase('skillTags')}\n            description={getPhrase('skillDescription')}\n            contentPipelineVideo={contentPipelineVideo.data}\n          />\n\n          <div className='row'>\n            <div className='col-lg-6'>\n              <SearchBarWithTagList\n                title={getPhrase('keywordTags')}\n                placeholder={getPhrase('addTagPlaceholder')}\n                onRemove={dissociateExistingTag}\n                tagList={normalTags}\n                onSuggestionDependencies={[normalTags]}\n                onSuggestionSelected={associateExistingTag}\n                getRemoteUrl={(query: string) => getRemoteUrl(query, TagType.Normal)}\n                formatRemoteSuggestions={(response: SearchResults<Tag>) => removeExistingTags(response)}\n                onSubmit={(query: string) => createAndAssociateTag(query, TagType.Normal)}\n              />\n            </div>\n            <div className='col-lg-6'>\n              <SearchBarWithTagList\n                title={getPhrase('hiddenTags')}\n                placeholder={getPhrase('addHiddenTagPlaceholder')}\n                onRemove={dissociateExistingTag}\n                tagList={hiddenTags}\n                onSuggestionDependencies={[hiddenTags]}\n                onSuggestionSelected={associateExistingTag}\n                getRemoteUrl={(query: string) => getRemoteUrl(query, TagType.Hidden)}\n                formatRemoteSuggestions={(response: SearchResults<Tag>) => removeExistingTags(response)}\n                onSubmit={(query: string) => createAndAssociateTag(query, TagType.Hidden)}\n              />\n            </div>\n          </div>\n        </>\n      ) : (\n        <div className='text-center p-5'>\n          <Spinner as='div' animation='border' role='status' />\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DTvCgZ4c.chunk.js","names":[],"sources":["../../../../../src/apps/videos/views/edit-video-tags/EditVideoTagsView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { SearchResults } from 'libs/shared/apps/search/interfaces';\nimport { TagType } from 'libs/shared/enums/TagType';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CuratorUser, Tag, TagCollection, Video } from 'libs/shared/interfaces';\n\nimport { ObjectHeader } from 'shared/components';\nimport { Actions } from 'shared/constants';\nimport { SearchRequests } from 'shared/flight-requests/SearchRequests';\nimport { TagRequests } from 'shared/flight-requests/TagRequests';\nimport { CuratorProductContext } from 'shared/interfaces/models/CuratorProductContext';\nimport { MAX_KEYWORD_TAGS, MAX_TAG_LENGTH, TagHelper } from 'shared/utils/TagHelper';\n\nimport { AssemblyLineRequests } from 'apps/assembly-line/flight-requests/AssemblyLineRequests';\nimport { CommentFormData } from 'apps/assembly-line/interfaces/primitives/CommentFormData';\nimport { AssemblyLineVideoResponse } from 'apps/assembly-line/interfaces/responses/AssemblyLineVideoResponse';\nimport { CvLiveVideoNav } from 'apps/cv-live/components/video-nav/CvLiveVideoNav';\nimport { EditVideoNav } from 'apps/videos/components/edit-video-nav';\nimport { SearchBarWithTagList } from 'apps/videos/components/edit-video-tags/search-bar';\nimport { TagCloudForm } from 'apps/videos/components/edit-video-tags/tag-cloud-form/TagCloudForm';\nimport { VideoRequests } from 'apps/videos/flight-requests/CuratorVideoRequests';\n\nexport interface ContentPipelineVideoTagsFormData extends CommentFormData {\n  hasTagType: boolean;\n}\n\nconst namespace = 'videos.editVideoTags';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction useFilterTags(tags: Tag[], type: TagType) {\n  return React.useMemo(() => {\n    return TagHelper.getTagsByType(tags, type);\n  }, [tags?.length]);\n}\n\ninterface EditVideoTagsViewProps {\n  videoId: string;\n  context: CuratorProductContext;\n}\n\nexport function EditVideoTagsView(\n  props: EditVideoTagsViewProps\n): React.ReactElement {\n  const fetchAsync = Flight.useGetFetchAsync();\n  const alerts = useAlerts();\n  \n  const currentUser = Flight.useBasicFetch<CuratorUser>(\n    UserRequests.currentUser()\n  );\n\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.videoId));\n  const contentPipelineVideo = Flight.useBasicFetch<AssemblyLineVideoResponse>(\n    AssemblyLineRequests.getAssemblyLineVideo(props.videoId)\n  );\n\n  const allTagsResponse = Flight.useBasicFetch<TagCollection>(\n    VideoRequests.videoTagsByType(props.videoId, [\n      TagType.Normal,\n      TagType.Pedagogy,\n      TagType.Hidden,\n      TagType.Skill\n    ])\n  );\n\n  const normalTags = useFilterTags(allTagsResponse.data?.data, TagType.Normal);\n  const pedagogyTags = useFilterTags(allTagsResponse.data?.data, TagType.Pedagogy);\n  const skillTags = useFilterTags(allTagsResponse.data?.data, TagType.Skill);\n  const hiddenTags = useFilterTags(allTagsResponse.data?.data, TagType.Hidden);\n  const tagLookup = ArrayHelper.toObject(normalTags, 'id');\n\n  const allPedagogyTags = Flight.useBasicFetch<Tag[]>(TagRequests.pedagogyTags());\n  const allSkillTags = Flight.useBasicFetch<Tag[]>(TagRequests.skillTags());\n\n  function removeExistingTags(response: SearchResults<Tag>): Tag[] {\n    return response.results?.filter(tag => !tagLookup[tag.id]);\n  }\n\n  function handleError(phraseKey: string, options: HashObject): void {\n    alerts.error(LanguageService.getPhrase(namespace, phraseKey, options));\n  }\n\n  function handleSuccess(phraseKey: string, options: HashObject): void {\n    alerts.success(LanguageService.getPhrase(namespace, phraseKey, options));\n  }\n\n  async function onTogglePedagogyTagRequirement(\n    formData: ContentPipelineVideoTagsFormData,\n    onDone: () => void\n  ): Promise<void> {\n    await fetchAsync(VideoRequests.updateContentPipelineVideo(\n      props.videoId,\n      { hasPedagogyTags: formData.hasTagType }\n    ));\n\n    await fetchAsync(VideoRequests.addContentPipelineVideoComment(\n      props.videoId,\n      'bypassPedagogyTags',\n      formData.bypassCategory,\n      formData.bypassReason\n    ));\n\n    onDone();\n  }\n\n  async function onToggleSkillTagRequirement(\n    formData: ContentPipelineVideoTagsFormData,\n    onDone: () => void\n  ): Promise<void> {\n    await fetchAsync(VideoRequests.updateContentPipelineVideo(\n      props.videoId,\n      { hasSkillTags: formData.hasTagType }\n    ));\n\n    await fetchAsync(VideoRequests.addContentPipelineVideoComment(\n      props.videoId,\n      'bypassSkillTags',\n      formData.bypassCategory,\n      formData.bypassReason\n    ));\n\n    onDone();\n  }\n\n  function createAndAssociateTag(query: string, tagType: TagType): void {\n    query = query.trim();\n\n    if (!query.length)\n      return;\n\n    if (!TagHelper.isValidTagSearch(query)) {\n      handleError('notValid', { query });\n      return;\n    }\n\n    if (!TagHelper.isValidTagLength(query)) {\n      handleError('invalidTagLength', { length: MAX_TAG_LENGTH });\n      return;\n    }\n\n    if (tagType === TagType.Normal) {\n      if (TagHelper.getTagByName(normalTags, query)) {\n        handleError('alreadyExists', { query });\n        return;\n      }\n  \n      if (!TagHelper.canAddNormalTag(normalTags)) {\n        handleError('maxKeywordTags', { maxKeywordTags: MAX_KEYWORD_TAGS });\n        return;\n      }\n    }\n\n    fetchAsync(VideoRequests.createTag(\n      props.videoId,\n      query,\n      tagType,\n      () => handleSuccess('created', { query }),\n      () => handleError('failedCreate', { query })\n    ));\n  }\n\n  function associateExistingTag(tag: Tag): void {\n    if (tag.tagType === TagType.Normal && !TagHelper.canAddNormalTag(normalTags)) {\n      handleError('maxKeywordTags', { maxKeywordTags: MAX_KEYWORD_TAGS });\n      return;\n    }\n\n    fetchAsync(VideoRequests.associateTag(\n      props.videoId,\n      tag,\n      () => handleSuccess('added', { query: tag.name }),\n      () => handleError('failedAdd', { query: tag.name })\n    ));\n  }\n\n  function dissociateExistingTag(tag: Tag): void {\n    fetchAsync(VideoRequests.dissociateTag(\n      props.videoId,\n      tag,\n      () => handleSuccess('removed', { query: tag.name }),\n      () => handleError('failedRemove', { query: tag.name })\n    ));\n  }\n  \n  function onTogglePedagogyTag(tag: Tag): void {\n    if (TagHelper.getTagById(pedagogyTags, tag.id)) {\n      dissociateExistingTag(tag);\n      return;\n    }\n\n    associateExistingTag(tag);\n  }\n  \n  function onToggleSkillTag(tag: Tag): void {\n    if (TagHelper.getTagById(skillTags, tag.id)) {\n      dissociateExistingTag(tag);\n      return;\n    }\n\n    associateExistingTag(tag);\n  }\n\n  function getRemoteUrl(query: string, tagType: TagType): string {\n    const localQuery = query.trim();\n\n    if (!TagHelper.isValidTagSearch(localQuery))\n      return null;\n      \n    return SearchRequests.searchTags(localQuery, tagType);\n  }\n\n  const dataLoaded =\n    allPedagogyTags.hasCompleted &&\n    allSkillTags.hasCompleted &&\n    video.hasCompleted &&\n    contentPipelineVideo.hasCompleted;\n\n  return (\n    <>\n      {!!currentUser.data && (\n        <>\n          {props.context === 'live' ? (\n            <CvLiveVideoNav\n              videoId={props.videoId}\n              activeAction={Actions.CvLive.EDIT_VIDEO_TAGS}\n            />\n          ) : (\n            <EditVideoNav\n              videoId={props.videoId}\n              activeAction={Actions.Videos.EDIT_VIDEO_TAGS}\n              currentUser={currentUser.data}\n            />\n          )}\n        </>\n      )}\n      <ObjectHeader object={video.data} />\n      {dataLoaded ? (\n        <>\n          <TagCloudForm\n            type={TagType.Pedagogy}\n            onSubmit={onTogglePedagogyTagRequirement}\n            allTags={allPedagogyTags.data}\n            tags={pedagogyTags}\n            onToggleTag={onTogglePedagogyTag}\n            heading={getPhrase('pedagogyTags')}\n            description={getPhrase('pedagogyDescription')}\n            contentPipelineVideo={contentPipelineVideo.data}\n          />\n  \n          <TagCloudForm\n            type={TagType.Skill}\n            onSubmit={onToggleSkillTagRequirement}\n            allTags={allSkillTags.data}\n            tags={skillTags}\n            onToggleTag={onToggleSkillTag}\n            heading={getPhrase('skillTags')}\n            description={getPhrase('skillDescription')}\n            contentPipelineVideo={contentPipelineVideo.data}\n          />\n\n          <div className='row'>\n            <div className='col-lg-6'>\n              <SearchBarWithTagList\n                title={getPhrase('keywordTags')}\n                placeholder={getPhrase('addTagPlaceholder')}\n                onRemove={dissociateExistingTag}\n                tagList={normalTags}\n                onSuggestionDependencies={[normalTags]}\n                onSuggestionSelected={associateExistingTag}\n                getRemoteUrl={(query: string) => getRemoteUrl(query, TagType.Normal)}\n                formatRemoteSuggestions={(response: SearchResults<Tag>) => removeExistingTags(response)}\n                onSubmit={(query: string) => createAndAssociateTag(query, TagType.Normal)}\n              />\n            </div>\n            <div className='col-lg-6'>\n              <SearchBarWithTagList\n                title={getPhrase('hiddenTags')}\n                placeholder={getPhrase('addHiddenTagPlaceholder')}\n                onRemove={dissociateExistingTag}\n                tagList={hiddenTags}\n                onSuggestionDependencies={[hiddenTags]}\n                onSuggestionSelected={associateExistingTag}\n                getRemoteUrl={(query: string) => getRemoteUrl(query, TagType.Hidden)}\n                formatRemoteSuggestions={(response: SearchResults<Tag>) => removeExistingTags(response)}\n                onSubmit={(query: string) => createAndAssociateTag(query, TagType.Hidden)}\n              />\n            </div>\n          </div>\n        </>\n      ) : (\n        <div className='text-center p-5'>\n          <Spinner as='div' animation='border' role='status' />\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}