@clickview/lite 0.104.0-rc.3 → 0.104.0-rc.5

package/dist/scripts/{C_tdgSWS2.chunk.js.map → Bzk4AwVx2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"C_tdgSWS2.chunk.js","names":[],"sources":["../../src/shared/errors/interactives/cannot-edit-published-interactive/CannotEditPublishInteractiveError.ts","../../src/shared/errors/interactives/cannot-edit/CannotEditError.ts","../../src/apps/interactives/views/edit-interactive/useEnsureOriginal.ts","../../src/apps/interactives/views/edit-interactive/EditInteractiveView.tsx"],"sourcesContent":["import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ErrorPageError } from 'libs/shared/errors/primitives/ErrorPageError';\n\nconst namespace = 'shared.cannotEditPublishedInteractive';\n\nexport class CannotEditPublishInteractiveError extends ErrorPageError {\n  constructor() {\n    super(LanguageService.getPhrase(namespace, 'title'));\n  }\n\n  // @ts-ignore\n  public get name(): string {\n    return 'CannotEditPublishedInteractiveError';\n  }\n\n  // @ts-ignore\n  public get heading(): string {\n    return LanguageService.getPhrase(namespace, 'heading');\n  }\n\n  // @ts-ignore\n  public get description(): string {\n    return LanguageService.getPhrase(namespace, 'description');\n  }\n}\n","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ErrorPageError } from 'libs/shared/errors/primitives/ErrorPageError';\n\nconst namespace = 'shared.cannotEditInteractive';\n\nexport class CannotEditInteractiveError extends ErrorPageError {\n  constructor() {\n    super(LanguageService.getPhrase(namespace, 'title'));\n  }\n\n  // @ts-ignore\n  public get name(): string {\n    return 'CannnotEditInteractiveError';\n  }\n\n  // @ts-ignore\n  public get heading(): string {\n    return LanguageService.getPhrase(namespace, 'heading');\n  }\n\n  // @ts-ignore\n  public get description(): string {\n    return LanguageService.getPhrase(namespace, 'description');\n  }\n}\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { InteractiveOriginType } from 'libs/shared/enums/InteractiveOriginType';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { EditInteractiveMetadataOriginRequest, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\n\nimport { CannotEditInteractiveError } from 'shared/errors/interactives/cannot-edit/CannotEditError';\n\nexport const useEnsureOriginal = (\n  interactiveMetadata: InteractiveMetadata\n) => {\n  const dispatch = useDispatch();\n\n  /* Used to ensure only one request */\n  const [ requested, setRequest ] = React.useState(false);\n  const [ ready, setReady ] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!interactiveMetadata || ready || requested)\n      return;\n\n    if (interactiveMetadata.originType === InteractiveOriginType.Original) {\n      setReady(true);\n      return;\n    }\n\n    const error = () => {\n      Core.ErrorHelper.throw(new CannotEditInteractiveError());\n    };\n\n    const success = (resp: Interactive) => {\n      const data: EditInteractiveMetadataOriginRequest = {\n        originType: InteractiveOriginType.Original,\n        interactiveId: resp.id\n      };\n\n      Flight.fetch(\n        dispatch,\n        InteractiveRequests.updateInteractiveMetadata(\n          interactiveMetadata.id,\n          data,\n          () => setReady(true),\n          error\n        )\n      );\n    };\n\n    setRequest(true);\n    Flight.fetch(dispatch, InteractiveRequests.copyInteractive(\n      interactiveMetadata.interactiveId,\n      success,\n      error\n    ));\n  }, [interactiveMetadata]);\n\n  return ready;\n};\n","import React from 'react';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { VideoNotFoundError } from 'libs/shared/errors/videos/video-not-found/VideoNotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, InteractiveMetadata, PlayerViewKey } from 'libs/shared/interfaces';\nimport { PlayerAnalyticsTracker } from 'libs/shared/utils/PlayerAnalyticsTracker';\n\nimport { InteractivePlayer } from 'projects/player/players/interactive-player';\nimport { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';\nimport { ClickViewInteractivePlayer } from 'projects/player/react/InteractivePlayer';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { CannotEditPublishInteractiveError } from 'shared/errors/interactives/cannot-edit-published-interactive/CannotEditPublishInteractiveError';\n\nimport { InteractivePartialLoading } from 'apps/interactives/components/interactive-partial-loading/InteractivePartialLoading';\nimport { getInteractiveAnalyticsData } from 'apps/interactives/utils/getInteractiveAnalyticsData';\n\nimport { useEnsureOriginal } from './useEnsureOriginal';\n\nconst namespace = 'interactives.editInteractiveView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst EDIT_APPLINK = {\n  application: AppChannels.INTERACTIVES,\n  action: Actions.Interactives.EDIT_INTERACTIVE_DETAILS\n};\n\nconst videoErrors = {\n  notFound: VideoNotFoundError,\n  forbidden: {\n    privacy: VideoPrivateError\n  }\n};\n\ninterface EditInteractiveProps {\n  id: string;\n}\n\nexport function EditInteractiveView(props: EditInteractiveProps): React.ReactElement {\n  const [ ready, setReady ] = React.useState(false);\n\n  const [ hasCheckedStatus, setHasCheckedStatus ] = React.useState(false);\n  const playerRef = React.useRef<InteractivePlayer>(null);\n\n  const { experimentalInteractiveQuestions } = useSettings(null);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(!!currentUser.data &&\n    InteractiveRequests.interactiveMetadata(props.id));\n\n  useSetPageMetadata({\n    title: interactiveMetadata.data ? getPhrase('pageTitle', { name: interactiveMetadata.data.name }) : null\n  });\n\n  /**\n   * This will check if the interactive is a copy or not\n   * and update it to original if it is a copy.\n   */\n  const isOriginal = useEnsureOriginal(interactiveMetadata.data);\n\n  /**\n   * We don't fetch our view key until we know our interactive has been upgraded\n   * to an original\n   */\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(isOriginal ?\n    PlayerRequests.createViewKey(interactiveMetadata.data.id, MediaIdType.MasterObject) : null);\n\n  const token = Flight.useBasicFetch<HashObject>(UserRequests.token());\n\n  const actionsPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n  const questionListPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n\n  const analyticsTracker = React.useRef<PlayerAnalyticsTracker>(null);\n\n  useHandleObjectError(interactiveMetadata, videoErrors);\n\n  function onReady(player: InteractivePlayer): void {\n    playerRef.current = player;\n\n    setReady(true);\n\n    analyticsTracker.current = new PlayerAnalyticsTracker({\n      player,\n      video: interactiveMetadata.data,\n      analyticsLocation: LocationContext.EditInteractive\n    });\n  }\n\n  if (!viewKey.data || !config.data || !interactiveMetadata.data || !token.data)\n    return <InteractivePartialLoading />;\n\n  /**\n   * We do this because when the publish popup publishes\n   * the flight state updates and this briefly re-renders\n   * with data.status being published\n   */\n  if (!hasCheckedStatus) {\n    setHasCheckedStatus(true);\n    if (interactiveMetadata.data.status !== CurationStatus.Draft) {\n      Core.ErrorHelper.throw(new CannotEditPublishInteractiveError());\n      return null;\n    }\n  }\n\n  const analyticsData = getInteractiveAnalyticsData(interactiveMetadata.data);\n\n  const baseAnalyticsOptions = {\n    entity: EntityType.Interactive,\n    location: LocationContext.EditInteractive,\n    workflowPhase: WorkflowPhase.Start\n  };\n\n  function onClickEditDetails(): void {\n    AnalyticsHelper.logUserAction(analyticsData, {\n      actionType: UserAction.Edit,\n      ...baseAnalyticsOptions\n    });\n\n    Core.AppLinkHelper.trigger({\n      ...EDIT_APPLINK,\n      args: [props.id]\n    });\n  }\n\n  function onClickPublish(): void {\n    AnalyticsHelper.logUserAction(analyticsData, {\n      actionType: UserAction.Publish,\n      ...baseAnalyticsOptions\n    });\n\n    Core.AppLinkHelper.trigger({\n      ...EDIT_APPLINK,\n      args: [props.id],\n      params: { publish: true }\n    });\n  }\n\n  return (\n    <>\n      {!ready && <InteractivePartialLoading />}\n      <div className={`px-3 ${ready ? '' : 'd-none'}`}>\n        <div className='d-flex justify-content-between align-items-center mb-3'>\n          <h1 className='h3 text-truncate mb-0 pb-1'>{interactiveMetadata.data.name}</h1>\n          <div className='flex-shrink-0'>\n            <OutPortal node={actionsPortalNode} />\n          </div>\n        </div>\n        <ClickViewInteractivePlayer\n          viewKey={viewKey.data.viewKey}\n          imageApi={new URL(config.data.imageCdnUrl)}\n          playerApi={new URL(config.data.playerApiUrl)}\n          hotkeyElQuerySelector='body'\n          autoplay\n          onReady={onReady}\n          currentUser={currentUser.data}\n          mode={InteractiveMode.Create}\n          actionsPortalNode={actionsPortalNode}\n          questionListPortalNode={questionListPortalNode}\n          authToken={token.data.value}\n          onClickEditDetails={onClickEditDetails}\n          onClickPublish={onClickPublish}\n          enableImmersiveReader\n          experimentalInteractiveQuestions={experimentalInteractiveQuestions}\n          // todo use real customer setting when we start to implement lite\n          hasAiInteractives={false}\n        />\n        <OutPortal node={questionListPortalNode} />\n      </div>\n    </>\n  );\n}\n"],"mappings":"gsCAIM,EAAY,wCAEL,EAAb,cAAuD,CAAe,CACpE,aAAc,CACZ,MAAM,EAAgB,UAAU,EAAW,OAAO,CAAC,CACrD,CAGA,IAAW,MAAe,CACxB,MAAO,qCACT,CAGA,IAAW,SAAkB,CAC3B,OAAO,EAAgB,UAAU,EAAW,SAAS,CACvD,CAGA,IAAW,aAAsB,CAC/B,OAAO,EAAgB,UAAU,EAAW,aAAa,CAC3D,CACF,ECrBM,EAAY,+BAEL,EAAb,cAAgD,CAAe,CAC7D,aAAc,CACZ,MAAM,EAAgB,UAAU,EAAW,OAAO,CAAC,CACrD,CAGA,IAAW,MAAe,CACxB,MAAO,6BACT,CAGA,IAAW,SAAkB,CAC3B,OAAO,EAAgB,UAAU,EAAW,SAAS,CACvD,CAGA,IAAW,aAAsB,CAC/B,OAAO,EAAgB,UAAU,EAAW,aAAa,CAC3D,CACF,ECba,EACX,GACG,CACH,IAAM,EAAW,EAAY,EAGvB,CAAE,EAAW,GAAA,EAAqB,SAAS,EAAK,EAChD,CAAE,EAAO,GAAA,EAAmB,SAAS,EAAK,EAwChD,OAtCA,EAAM,cAAgB,CACpB,GAAI,CAAC,GAAuB,GAAS,EACnC,OAEF,GAAI,EAAoB,aAAe,EAAsB,SAAU,CACrE,EAAS,EAAI,EACb,MACF,CAEA,IAAM,MAAc,CAClB,EAAiB,MAAM,IAAI,CAA4B,CACzD,EAmBA,EAAW,EAAI,EACf,EAAa,EAAU,EAAoB,gBACzC,EAAoB,cAnBL,GAAsB,CACrC,IAAM,EAA6C,CACjD,WAAY,EAAsB,SAClC,cAAe,EAAK,EACtB,EAEA,EACE,EACA,EAAoB,0BAClB,EAAoB,GACpB,MACM,EAAS,EAAI,EACnB,CACF,CACF,CACF,EAME,CACF,CAAC,CACH,EAAG,CAAC,CAAmB,CAAC,EAEjB,CACT,QCrBM,EAAY,EAAgB,iBAAiB,kCAAS,EAEtD,EAAe,CACnB,YAAa,EAAY,aACzB,OAAQ,EAAQ,aAAa,wBAC/B,EAEM,EAAc,CAClB,SAAU,EACV,UAAW,CACT,QAAS,CACX,CACF,EAMA,SAAgB,EAAoB,EAAiD,CACnF,GAAM,CAAE,EAAO,GAAA,EAAmB,SAAS,EAAK,EAE1C,CAAE,EAAkB,GAAA,EAA8B,SAAS,EAAK,EAChE,EAAA,EAAkB,OAA0B,IAAI,EAEhD,CAAE,oCAAqC,EAAY,IAAI,EAEvD,EAAS,EAA6B,EAAe,OAAO,CAAC,EAC7D,EAAc,EAAkC,EAAa,YAAY,CAAC,EAE1E,EAAsB,EAA0C,CAAC,CAAC,EAAY,MAClF,EAAoB,oBAAoB,EAAM,EAAE,CAAC,EAEnD,EAAmB,CACjB,MAAO,EAAoB,KAAO,EAAU,YAAa,CAAE,KAAM,EAAoB,KAAK,IAAK,CAAC,EAAI,IACtG,CAAC,EAYD,IAAM,EAAU,EANG,EAAkB,EAAoB,IAML,EAClD,EAAe,cAAc,EAAoB,KAAK,GAAI,EAAY,YAAY,EAAI,IAAI,EAEtF,EAAQ,EAAiC,EAAa,MAAM,CAAC,EAE7D,EAAA,EAA0B,YAAc,EAAqB,EAAG,CAAC,CAAC,EAClE,EAAA,EAA+B,YAAc,EAAqB,EAAG,CAAC,CAAC,EAEvE,EAAA,EAAyB,OAA+B,IAAI,EAElE,EAAqB,EAAqB,CAAW,EAErD,SAAS,EAAQ,EAAiC,CAChD,EAAU,QAAU,EAEpB,EAAS,EAAI,EAEb,EAAiB,QAAU,IAAI,EAAuB,CACpD,SACA,MAAO,EAAoB,KAC3B,kBAAmB,EAAgB,eACrC,CAAC,CACH,CAEA,GAAI,CAAC,EAAQ,MAAQ,CAAC,EAAO,MAAQ,CAAC,EAAoB,MAAQ,CAAC,EAAM,KACvE,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAA4B,CAAA,EAOrC,GAAI,CAAC,IACH,EAAoB,EAAI,EACpB,EAAoB,KAAK,SAAW,EAAe,OAErD,OADA,EAAiB,MAAM,IAAI,CAAmC,EACvD,KAIX,IAAM,EAAgB,EAA4B,EAAoB,IAAI,EAEpE,EAAuB,CAC3B,OAAQ,EAAW,YACnB,SAAU,EAAgB,gBAC1B,cAAe,EAAc,KAC/B,EAEA,SAAS,GAA2B,CAClC,EAAgB,cAAc,EAAe,CAC3C,WAAY,EAAW,KACvB,GAAG,CACL,CAAC,EAED,EAAmB,QAAQ,CACzB,GAAG,EACH,KAAM,CAAC,EAAM,EAAE,CACjB,CAAC,CACH,CAEA,SAAS,GAAuB,CAC9B,EAAgB,cAAc,EAAe,CAC3C,WAAY,EAAW,QACvB,GAAG,CACL,CAAC,EAED,EAAmB,QAAQ,CACzB,GAAG,EACH,KAAM,CAAC,EAAM,EAAE,EACf,OAAQ,CAAE,QAAS,EAAK,CAC1B,CAAC,CACH,CAEA,OACE,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACG,CAAC,IAAS,EAAA,EAAA,IAAA,CAAC,EAAD,CAA4B,CAAA,GACvC,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,QAAQ,EAAQ,GAAK,oBAArC,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,kEAAf,EACE,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,sCAA8B,EAAoB,KAAK,IAAS,CAAA,GAC9E,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,0BACb,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,KAAM,CAAoB,CAAA,CAClC,CAAA,CACF,KACL,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,QAAS,EAAQ,KAAK,QACtB,SAAU,IAAI,IAAI,EAAO,KAAK,WAAW,EACzC,UAAW,IAAI,IAAI,EAAO,KAAK,YAAY,EAC3C,sBAAsB,OACtB,SAAA,GACS,UACT,YAAa,EAAY,KACzB,KAAM,EAAgB,OACH,oBACK,yBACxB,UAAW,EAAM,KAAK,MACF,qBACJ,iBAChB,sBAAA,GACkC,mCAElC,kBAAmB,EACpB,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,KAAM,CAAyB,CAAA,CACvC,GACL,CAAA,CAAA,CAEN"}
+{"version":3,"file":"Bzk4AwVx2.chunk.js","names":[],"sources":["../../src/shared/errors/interactives/cannot-edit-published-interactive/CannotEditPublishInteractiveError.ts","../../src/shared/errors/interactives/cannot-edit/CannotEditError.ts","../../src/apps/interactives/views/edit-interactive/useEnsureOriginal.ts","../../src/apps/interactives/views/edit-interactive/EditInteractiveView.tsx"],"sourcesContent":["import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ErrorPageError } from 'libs/shared/errors/primitives/ErrorPageError';\n\nconst namespace = 'shared.cannotEditPublishedInteractive';\n\nexport class CannotEditPublishInteractiveError extends ErrorPageError {\n  constructor() {\n    super(LanguageService.getPhrase(namespace, 'title'));\n  }\n\n  // @ts-ignore\n  public get name(): string {\n    return 'CannotEditPublishedInteractiveError';\n  }\n\n  // @ts-ignore\n  public get heading(): string {\n    return LanguageService.getPhrase(namespace, 'heading');\n  }\n\n  // @ts-ignore\n  public get description(): string {\n    return LanguageService.getPhrase(namespace, 'description');\n  }\n}\n","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ErrorPageError } from 'libs/shared/errors/primitives/ErrorPageError';\n\nconst namespace = 'shared.cannotEditInteractive';\n\nexport class CannotEditInteractiveError extends ErrorPageError {\n  constructor() {\n    super(LanguageService.getPhrase(namespace, 'title'));\n  }\n\n  // @ts-ignore\n  public get name(): string {\n    return 'CannnotEditInteractiveError';\n  }\n\n  // @ts-ignore\n  public get heading(): string {\n    return LanguageService.getPhrase(namespace, 'heading');\n  }\n\n  // @ts-ignore\n  public get description(): string {\n    return LanguageService.getPhrase(namespace, 'description');\n  }\n}\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { InteractiveOriginType } from 'libs/shared/enums/InteractiveOriginType';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { EditInteractiveMetadataOriginRequest, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\n\nimport { CannotEditInteractiveError } from 'shared/errors/interactives/cannot-edit/CannotEditError';\n\nexport const useEnsureOriginal = (\n  interactiveMetadata: InteractiveMetadata\n) => {\n  const dispatch = useDispatch();\n\n  /* Used to ensure only one request */\n  const [ requested, setRequest ] = React.useState(false);\n  const [ ready, setReady ] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!interactiveMetadata || ready || requested)\n      return;\n\n    if (interactiveMetadata.originType === InteractiveOriginType.Original) {\n      setReady(true);\n      return;\n    }\n\n    const error = () => {\n      Core.ErrorHelper.throw(new CannotEditInteractiveError());\n    };\n\n    const success = (resp: Interactive) => {\n      const data: EditInteractiveMetadataOriginRequest = {\n        originType: InteractiveOriginType.Original,\n        interactiveId: resp.id\n      };\n\n      Flight.fetch(\n        dispatch,\n        InteractiveRequests.updateInteractiveMetadata(\n          interactiveMetadata.id,\n          data,\n          () => setReady(true),\n          error\n        )\n      );\n    };\n\n    setRequest(true);\n    Flight.fetch(dispatch, InteractiveRequests.copyInteractive(\n      interactiveMetadata.interactiveId,\n      success,\n      error\n    ));\n  }, [interactiveMetadata]);\n\n  return ready;\n};\n","import React from 'react';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { VideoNotFoundError } from 'libs/shared/errors/videos/video-not-found/VideoNotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, InteractiveMetadata, PlayerViewKey } from 'libs/shared/interfaces';\nimport { PlayerAnalyticsTracker } from 'libs/shared/utils/PlayerAnalyticsTracker';\n\nimport { InteractivePlayer } from 'projects/player/players/interactive-player';\nimport { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';\nimport { ClickViewInteractivePlayer } from 'projects/player/react/InteractivePlayer';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { CannotEditPublishInteractiveError } from 'shared/errors/interactives/cannot-edit-published-interactive/CannotEditPublishInteractiveError';\n\nimport { InteractivePartialLoading } from 'apps/interactives/components/interactive-partial-loading/InteractivePartialLoading';\nimport { getInteractiveAnalyticsData } from 'apps/interactives/utils/getInteractiveAnalyticsData';\n\nimport { useEnsureOriginal } from './useEnsureOriginal';\n\nconst namespace = 'interactives.editInteractiveView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst EDIT_APPLINK = {\n  application: AppChannels.INTERACTIVES,\n  action: Actions.Interactives.EDIT_INTERACTIVE_DETAILS\n};\n\nconst videoErrors = {\n  notFound: VideoNotFoundError,\n  forbidden: {\n    privacy: VideoPrivateError\n  }\n};\n\ninterface EditInteractiveProps {\n  id: string;\n}\n\nexport function EditInteractiveView(props: EditInteractiveProps): React.ReactElement {\n  const [ ready, setReady ] = React.useState(false);\n\n  const [ hasCheckedStatus, setHasCheckedStatus ] = React.useState(false);\n  const playerRef = React.useRef<InteractivePlayer>(null);\n\n  const { experimentalInteractiveQuestions } = useSettings(null);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(!!currentUser.data &&\n    InteractiveRequests.interactiveMetadata(props.id));\n\n  useSetPageMetadata({\n    title: interactiveMetadata.data ? getPhrase('pageTitle', { name: interactiveMetadata.data.name }) : null\n  });\n\n  /**\n   * This will check if the interactive is a copy or not\n   * and update it to original if it is a copy.\n   */\n  const isOriginal = useEnsureOriginal(interactiveMetadata.data);\n\n  /**\n   * We don't fetch our view key until we know our interactive has been upgraded\n   * to an original\n   */\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(isOriginal ?\n    PlayerRequests.createViewKey(interactiveMetadata.data.id, MediaIdType.MasterObject) : null);\n\n  const token = Flight.useBasicFetch<HashObject>(UserRequests.token());\n\n  const actionsPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n  const questionListPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n\n  const analyticsTracker = React.useRef<PlayerAnalyticsTracker>(null);\n\n  useHandleObjectError(interactiveMetadata, videoErrors);\n\n  function onReady(player: InteractivePlayer): void {\n    playerRef.current = player;\n\n    setReady(true);\n\n    analyticsTracker.current = new PlayerAnalyticsTracker({\n      player,\n      video: interactiveMetadata.data,\n      analyticsLocation: LocationContext.EditInteractive\n    });\n  }\n\n  if (!viewKey.data || !config.data || !interactiveMetadata.data || !token.data)\n    return <InteractivePartialLoading />;\n\n  /**\n   * We do this because when the publish popup publishes\n   * the flight state updates and this briefly re-renders\n   * with data.status being published\n   */\n  if (!hasCheckedStatus) {\n    setHasCheckedStatus(true);\n    if (interactiveMetadata.data.status !== CurationStatus.Draft) {\n      Core.ErrorHelper.throw(new CannotEditPublishInteractiveError());\n      return null;\n    }\n  }\n\n  const analyticsData = getInteractiveAnalyticsData(interactiveMetadata.data);\n\n  const baseAnalyticsOptions = {\n    entity: EntityType.Interactive,\n    location: LocationContext.EditInteractive,\n    workflowPhase: WorkflowPhase.Start\n  };\n\n  function onClickEditDetails(): void {\n    AnalyticsHelper.logUserAction(analyticsData, {\n      actionType: UserAction.Edit,\n      ...baseAnalyticsOptions\n    });\n\n    Core.AppLinkHelper.trigger({\n      ...EDIT_APPLINK,\n      args: [props.id]\n    });\n  }\n\n  function onClickPublish(): void {\n    AnalyticsHelper.logUserAction(analyticsData, {\n      actionType: UserAction.Publish,\n      ...baseAnalyticsOptions\n    });\n\n    Core.AppLinkHelper.trigger({\n      ...EDIT_APPLINK,\n      args: [props.id],\n      params: { publish: true }\n    });\n  }\n\n  return (\n    <>\n      {!ready && <InteractivePartialLoading />}\n      <div className={`px-3 ${ready ? '' : 'd-none'}`}>\n        <div className='d-flex justify-content-between align-items-center mb-3'>\n          <h1 className='h3 text-truncate mb-0 pb-1'>{interactiveMetadata.data.name}</h1>\n          <div className='flex-shrink-0'>\n            <OutPortal node={actionsPortalNode} />\n          </div>\n        </div>\n        <ClickViewInteractivePlayer\n          viewKey={viewKey.data.viewKey}\n          imageApi={new URL(config.data.imageCdnUrl)}\n          playerApi={new URL(config.data.playerApiUrl)}\n          hotkeyElQuerySelector='body'\n          autoplay\n          onReady={onReady}\n          currentUser={currentUser.data}\n          mode={InteractiveMode.Create}\n          actionsPortalNode={actionsPortalNode}\n          questionListPortalNode={questionListPortalNode}\n          authToken={token.data.value}\n          onClickEditDetails={onClickEditDetails}\n          onClickPublish={onClickPublish}\n          enableImmersiveReader\n          experimentalInteractiveQuestions={experimentalInteractiveQuestions}\n          // todo use real customer setting when we start to implement lite\n          hasAiInteractives={false}\n        />\n        <OutPortal node={questionListPortalNode} />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}