@clickview/lite 0.0.24-rc.3 → 0.0.24-rc.4

package/dist/scripts/18.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/search/flight-requests/SearchRequests.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/search/flight-requests/index.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/search/views/search-results/PartialSearchResultsView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/search/views/search-results/SearchResultsView.tsx","webpack://@clickview/lite/./src/apps/search/views/search-results/search-results.scss?62c5"],"names":[],"mappings":"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","file":"scripts/18.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\n\r\nimport mockSearchResults from './mocks/search-results.json';\r\n\r\nconst endpoints = {\r\n  search: (query: string) => ``\r\n};\r\n\r\nexport const SearchRequests = {\r\n  search(query: string): Flight.SimulatedRequest {\r\n    return {\r\n      url: endpoints.search(query),\r\n      key: `search:${query}`,\r\n      normalize: false,\r\n      successResponse: () => {\r\n        return Flight.Simulator.getAll(`search:${query}`, [mockSearchResults]);\r\n      },\r\n      formatData: (data: any) => {\r\n        return {\r\n          subjects: data[0].subjects || [],\r\n          videos: data[0].videos || [],\r\n          playlists: data[0].playlists || [],\r\n          series: data[0].series || []\r\n        };\r\n      }\r\n    };\r\n  }\r\n};","export * from './SearchRequests';","import * as React from 'react';\r\n\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\r\nimport { PartialPlaylistList } from 'libs/shared/apps/playlists/components/playlist-list/PartialPlaylistList';\r\nimport { PartialSeriesList } from 'libs/shared/components/widgets/items/series-widget-item/PartialSeriesList';\r\n\r\nimport { PartialSearchFilters } from 'apps/search/components';\r\n\r\nimport styles from './search-results.scss';\r\n\r\nexport function PartialSearchResultsView(): JSX.Element {\r\n  return (\r\n    <div className='px-3'>\r\n      <div className={`${styles.partialHeading} partial-loading-background`} />\r\n\r\n      <div className='mt-3'>\r\n        <PartialSearchFilters />\r\n      </div>\r\n\r\n      <div role='separator' className='border-bottom my-2' />\r\n\r\n      {/* <PartialVideoItem /> */}\r\n\r\n      <PartialPlaylistList />\r\n\r\n      <PartialSeriesList />\r\n\r\n      <PartialVideoList />\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { PresentationAudience, User, Video } from 'libs/shared/interfaces';\r\nimport { DynamicWidget } from 'libs/shared/components/widgets/dynamic-widget/DynamicWidget';\r\nimport { SubjectWidgetItem } from 'libs/shared/components/widgets/items/subject-widget-item/SubjectWidgetItem';\r\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { VideoItem } from 'libs/shared/components/video-list/VideoItem';\r\nimport { EntityType, UserAction, LocationContext, WorkflowPhase, ToggleDescriptor } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { SearchFilters } from 'apps/search/components';\r\nimport { SearchRequests } from 'apps/search/flight-requests';\r\nimport { SearchHelper, FilterHelper, Filters } from 'apps/search/utils';\r\nimport { SearchResults } from 'apps/search/interfaces';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { getVideoActionAppLink } from 'shared/utils/LiteAppLinkUtils';\r\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\r\n\r\nimport { PartialSearchResultsView } from './PartialSearchResultsView';\r\n\r\nconst namespace = 'search.searchResults';\r\n\r\nconst classificationAppLink: Core.AppLink = {\r\n  application: AppChannels.SUBJECT,\r\n  action: Actions.Subjects.CLASSIFICATION\r\n};\r\n\r\ninterface SearchResultsViewProps {\r\n  queryParams: HashObject;\r\n}\r\n\r\nexport function SearchResultsView({ queryParams }: SearchResultsViewProps): JSX.Element {\r\n  useSetPageTitle(queryParams?.query ?? LanguageService.getPhrase(namespace, 'defaultPageTitle'));\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const currentUser = Flight.useBasicFetch<User>(UserRequests.currentUser());\r\n  const results = Flight.useBasicFetch<SearchResults>(SearchRequests.search(queryParams.query));\r\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(AudienceRequests.presentationAudiences());\r\n\r\n  useVideoMixin(results.data?.videos);\r\n\r\n  function setFavourite(video: Video, shouldFavourite: boolean, onError?: () => void): void {\r\n    Flight.fetch(\r\n      dispatch,\r\n      FavouriteVideoRequests.updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, () => {\r\n        AnalyticsHelper.logUserAction({ id: video.id }, {\r\n          entity: EntityType.Video,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: shouldFavourite ? ToggleDescriptor.On : ToggleDescriptor.Off,\r\n          location: LocationContext.VideoThumbnail,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(LanguageService.getPhrase(\r\n          namespace,\r\n          shouldFavourite ? 'favourited' : 'unfavourited',\r\n          { video: video.name }\r\n        ));\r\n      }, onError)\r\n    );\r\n  }\r\n\r\n  if (!results.data || !audiences.data)\r\n    return <PartialSearchResultsView />;\r\n\r\n  const mainResults = SearchHelper.filterMainResults({ ...results.data });\r\n  const otherResults = SearchHelper.structureOtherResults({ ...mainResults.otherResults });\r\n\r\n  const mainFilters = [\r\n    Filters.YearLevel([]), // TODO: fetch or mock year levels\r\n    Filters.ObjectType(FilterHelper.getObjectTypeOptions()),\r\n    Filters.Ratings([]), // TODO: fetch ratings\r\n    Filters.Interactives(),\r\n    Filters.Clips()\r\n  ];\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='px-3'>\r\n        <h1 className='h2'><Text phrase='heading' /></h1>\r\n\r\n        <div className='mt-3'>\r\n          <SearchFilters\r\n            queryParams={queryParams}\r\n            mainFilters={mainFilters}\r\n            moreFilters={FilterHelper.getMoreFilters()}\r\n            analyticsOptions={{\r\n              entity: EntityType.SearchResults,\r\n              location: LocationContext.SearchFilters\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        <hr />\r\n\r\n        <section>\r\n          <VideoActionsContext.Provider value={{ getActionAppLink: getVideoActionAppLink }}>\r\n            {!!mainResults.subjects.length &&\r\n              <DynamicWidget\r\n                collection={mainResults.subjects}\r\n                childAppLink={classificationAppLink}\r\n                childComponent={SubjectWidgetItem}\r\n                headingPhraseKey='topics'\r\n              />\r\n            }\r\n\r\n            {!!mainResults.firstVideo &&\r\n              <div className='pb-2'>\r\n                <VideoItem\r\n                  video={mainResults.firstVideo}\r\n                  getVideoAppLink={SearchHelper.getVideoAppLink}\r\n                  getSeriesAppLink={SearchHelper.getSeriesAppLink}\r\n                  setFavourite={setFavourite}\r\n                />\r\n              </div>\r\n            }\r\n\r\n            {!!mainResults.playlists.length &&\r\n              SearchHelper.getResultSetComponent({\r\n                type: 'playlist',\r\n                data: mainResults.playlists\r\n              }, audiences.data)\r\n            }\r\n\r\n            {!!mainResults.series.length &&\r\n              SearchHelper.getResultSetComponent({\r\n                type: 'series',\r\n                data: mainResults.series\r\n              }, audiences.data)\r\n            }\r\n\r\n            {otherResults.map((resultSet, i) =>\r\n              <React.Fragment key={i}>\r\n                {SearchHelper.getResultSetComponent(resultSet, audiences.data, setFavourite)}\r\n              </React.Fragment>\r\n            )}\r\n          </VideoActionsContext.Provider>\r\n        </section>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialHeading\":\"cv--partialHeading--1c2gx\"};"],"sourceRoot":""}

package/dist/scripts/19-f0550464de.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1249:function(e,t,a){e.exports={partialDate:"_2wbjP"}},1303:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(60),o=a(14),c=a(232),s=a(7),l=a(153),u=a(829),d=a(76),m=a(40),p=a(3),v=a(235),f=a(858),g=a(854),b=a(88),y=a(2),E=a(125),k=a(47),h=a(821),N=a(827),w=a(6),O=a(10),C="watchHistory.watchHistoryVideoList",j=function(e){return{application:w.a.DEFAULT,action:O.a.Default.PLAY_VIDEO,args:[e.id,k.a.slugify(e.name)],params:e.lastProgressPoint?{t:Math.floor(e.lastProgressPoint)}:{}}},L=function(e){return{application:null,action:null,args:[e.id]}};function x(e){var t=E.a.groupBy(e.videoHistory.data,"lastDateWatched"),a={},r=Object.keys(t).sort().reverse();r.forEach((function(n){a[n]=t[n].map((function(t){var a=e.videos.find((function(e){return e.id.toString()===t.videoId.toString()}));return a?Object.assign(Object.assign({},a),{lastProgressPoint:t.lastProgressPoint}):null})).filter(Boolean)}));var i=y.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,r.map((function(t){return n.createElement("div",{key:t,className:"pb-3"},n.createElement("h2",{className:"h4"},function(e){var t=b().diff(e,"days");return 0===t?s.a.getPhrase(C,"today"):1===t?s.a.getPhrase(C,"yesterday"):b(e).format("Do MMMM")}(t)),n.createElement(h.c,{videos:a[t],getVideoAppLink:j,getSeriesAppLink:L,setFavourite:e.setFavourite}))})),e.videoHistory.pagination.cursors&&n.createElement(N.b,{appLink:i,cursors:e.videoHistory.pagination.cursors}))}var S=a(846),A=a(1249),P=a.n(A);function D(){return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:3})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(P.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(S.a,{numVideos:5})))}a.d(t,"WatchHistoryView",(function(){return F}));function F(e){var t,a,r;Object(c.a)(s.a.getPhrase("watchHistory.watchHistory","pageTitle"));var b=Object(i.useDispatch)(),y=o.a.useBasicFetch(l.a.currentUser()),E=o.a.useBasicFetch(!!y.data&&g.a.userVideoHistory(y.data.customerId,y.data.id,e.cursor)),k=null===(a=null===(t=E.data)||void 0===t?void 0:t.data)||void 0===a?void 0:a.map((function(e){return e.videoId})),h=o.a.useBasicFetch((null===(r=k)||void 0===r?void 0:r.length)&&v.a.hydratedVideos(k));function N(e,t,a){o.a.fetch(b,u.a.updateIsVideoFavourited(e,y.data.id,t,(function(){m.a.logUserAction({id:e},{entity:p.d.Video,actionType:p.n.Favourite,descriptor:t?p.m.On:p.m.Off,location:p.j.VideoThumbnail,workflowPhase:p.o.Complete})}),a))}return Object(f.a)(h.data,{watchHistory:!1}),n.createElement(d.a.Provider,{value:"watchHistory.watchHistory"},n.createElement("h1",null,n.createElement(d.b,{phrase:"heading"})),function(){var e;return E.data?(null===(e=E.data.data)||void 0===e?void 0:e.length)?h.data?n.createElement(x,{videoHistory:E.data,videos:h.data,setFavourite:N}):n.createElement(D,null):n.createElement(d.b,{phrase:"emptyState"}):n.createElement(D,null)}())}},816:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},818:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},819:function(e,t,a){"use strict";var n=a(0),r=a(36),i=a(238),o=a(40),c=a(52),s=a(50),l=a(13),u=a(818),d=a.n(u),m=a(34);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),m.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(v,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var g=a(234),b=a(155);function y(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(b.a,{title:e.tooltip},n.createElement(g.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(g.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(s.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),m.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function E(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:d.a.buttonList},t.map((function(e,t){return n.createElement(y,{key:t,appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label)}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return E}))},821:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(809),i=a(2),o=a(827),c=a(835),s=n.createContext({isSortable:!1});function l(e){var t=n.useContext(s).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e)))}))},827:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a(816),i=a(50),o=a(76),c=a(40),s=a(3);function l(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:l(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},829:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(21),r=a(45),i=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function o(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function c(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var s={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?o:c)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},835:function(e,t,a){"use strict";var n=a(0),r=a(36),i=a(809),o=a(859),c=a(241),s=a(52),l=a(834),u=a(851),d=a(150),m=function(e){return!!e&&e.series&&!!e.series.id},p=a(13),v=a(151),f=a(821),g=a(34),b=a(819),y=a(236),E=a(126),k=a(836),h=a.n(k),N=[E.a.AddToPlaylist,E.a.Share];function w(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?N:a,i=t.getActionAppLink,o=Object(v.a)(d.a.XS);if(!g.a.isFunction(i))return n.createElement(n.Fragment,null);var c=[];return r.forEach((function(t){var a=i(e.video,t);a&&c.push(Object.assign({appLink:a,className:"btn btn-link",button:!o},Object(E.b)()[t]))})),n.createElement(b.a,{actions:c,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(h.a.actionsDropdown)})}var O=a(857),C=a(845);function j(e){return n.createElement(O.a,null,n.createElement(C.a,{type:C.b.Rating,data:e.video.rating}),n.createElement(C.a,{type:C.b.ProductionYear,data:e.video.productionYear}),n.createElement(C.a,{type:C.b.Interactive,data:e.video.interactives}))}var L=a(76),x=a(837),S=a.n(x);function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return P(e,t)}(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.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function D(e){var t=Object(v.a)(d.a.XS),a=21*(Object(v.a)(d.a.SM)?2:4),r=function(e){var t=A(Object(n.useState)(!1),2),a=t[0],r=t[1],i=A(Object(n.useState)(!1),2),o=i[0],c=i[1],s=Object(n.useRef)();return Object(n.useEffect)((function(){s&&s.current&&(s.current.offsetHeight<=e||(r(!0),c(!0)))}),[s]),{ref:s,isExpandable:a,isTruncated:o,toggleTruncation:function(){return c((function(e){return!e}))}}}(a),i=r.ref,o=r.isExpandable,c=r.isTruncated,s=r.toggleTruncation;if(t)return n.createElement(n.Fragment,null);var l={className:"position-relative overflow-hidden"};return c&&(l.style={maxHeight:"".concat(a,"px")}),e.forceTruncate&&!c&&s(),n.createElement("div",Object.assign({},l),n.createElement("p",{ref:i,className:"m-0"},e.video.description,!!o&&n.createElement("span",{className:"cursor-pointer ".concat(S.a.ellipsis),onClick:s},n.createElement(L.b,{namespace:"shared.videoItemDescription",phrase:c?"showMore":"showLess"}))))}var F=a(50);function H(e){return n.createElement(F.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var T=a(838),I=a.n(T);a.d(t,"b",(function(){return R})),a.d(t,"a",(function(){return _}));var V=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(I.a.dragHandleContainer)},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small}))}));function R(e){var t,a=Object(v.a)(d.a.XS),i=n.useContext(f.a),s=i.isSortable,p=i.currentSortingIndex,g=s&&!a,b=e.getVideoAppLink(e.video),y=m(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:a?12:4,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!g&&n.createElement(V,null),n.createElement(r.Col,{xs:(t=g,t?10:12)},n.createElement(o.a,{video:e.video,appLink:b,seriesAppLink:y,size:g?l.a.Small:l.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),n.createElement(r.Col,{xs:a?12:8},n.createElement(w,{video:e.video}),n.createElement(c.a,{video:e.video,appLink:y}),n.createElement(H,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(j,{video:e.video}),n.createElement(D,{video:e.video,forceTruncate:Number.isInteger(p)&&e.idx===p})))}var _=Object(i.SortableElement)((function(e){return n.createElement(R,Object.assign({},e))}))},836:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},837:function(e,t,a){e.exports={ellipsis:"LJY5U"}},838:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},846:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(36),o=a(151),c=a(150),s=a(847),l=a.n(s);function u(e){var t=Object(o.a)(c.a.XS),a=e.withReordering&&!t;return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,n){return r.a.createElement(i.Row,{key:n,className:"py-2"},r.a.createElement(i.Col,{xs:t?12:4,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!a&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:a?10:12},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:t?12:8},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(l.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialActions)})))})))}u.defaultProps={numVideos:15}},847:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},854:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={userVideoHistory:function(e,t,a,n,r,i){var o="video:history:".concat(e,":").concat(t),c="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return a&&(o+=":".concat(a),c+="?cursor=".concat(a)),{key:o,url:c,success:n,error:r,always:i}},videoHistory:function(e,t,a,n,r,i){var o=a.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(o.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(o.join("&")),formatData:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:i}}}},858:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(14),r=a(153),i=a(829),o=a(235),c=a(854);function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return l(e,t)}(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.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var u={ratings:!0,favourites:!0,watchHistory:!0};function d(e,t){var a=n.a.useGetResponse(t&&t.key),r=n.a.useGetFetch(t);e&&a.shouldFetch&&r()}function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=Object.assign(Object.assign({},u),t),l=a.ratings,m=a.favourites,p=a.watchHistory,v=n.a.useBasicFetch(r.a.currentUser()),f=e&&(Array.isArray(e)?e.map((function(e){return e.id})):e.data.map((function(e){return e.id}))),g=v.data,b=[];l&&(b=[].concat(s(b),[f&&o.a.videoRatings(f)])),m&&(b=[].concat(s(b),[f&&g&&i.a.isFavourited(g.id,f)])),p&&(b=[].concat(s(b),[f&&g&&c.a.videoHistory(g.customerId,g.id,f)])),b.forEach((function(t){return d(!!e,t)}))}}}]);

package/dist/scripts/19.chunk.js

@@ -0,0 +1,502 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[19],{
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos/").concat(videoId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+var FavouriteVideoRequests = {
+  favouriteVideos: function favouriteVideos(userId, cursor) {
+    var query = "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
+    return {
+      url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos?query=").concat(query),
+      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
+    };
+  },
+  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+  isFavourited: function isFavourited(userId, ids) {
+    var sortedIds = ids.slice().sort();
+    var params = sortedIds.map(function (i) {
+      return "id=".concat(i);
+    });
+    if (!params.length) return;
+    return {
+      url: "/api/domain/v2/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(',')),
+      formatData: function formatData(videos) {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        var setIsFavourited = function setIsFavourited(video) {
+          var _a, _b;
+
+          var favouritedBy = video.favouritedBy,
+              v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/ThemeRequests.ts":
+/*!**************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/ThemeRequests.ts ***!
+  \**************************************************************************************************/
+/*! exports provided: ThemeRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThemeRequests", function() { return ThemeRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+
+var ThemeRequests = {
+  theme: function theme(id) {
+    return {
+      url: "/api/domain/v1/themes/".concat(id),
+      key: "themes:".concat(id)
+    };
+  },
+  themes: function themes(type) {
+    var url = '/api/domain/v1/themes';
+    var key = 'themes';
+
+    if (type) {
+      url += "?type=".concat(type);
+      key += ":type:".concat(type);
+    }
+
+    return {
+      url: url,
+      key: key
+    };
+  },
+  createTheme: function createTheme(data, success, error, always) {
+    return {
+      url: '/api/domain/v1/themes',
+      key: 'theme',
+      data: data,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      invalidationKeys: 'themes',
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  updateTheme: function updateTheme(id, data, success, error, always) {
+    return {
+      url: "/api/domain/v1/themes/".concat(id),
+      key: "update:theme:".concat(id),
+      data: data,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  deleteTheme: function deleteTheme(id, success, error, always) {
+    return {
+      url: "/api/domain/v1/themes/".concat(id),
+      key: "delete:theme:".concat(id),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+      invalidationKeys: 'themes',
+      success: success,
+      error: error,
+      always: always
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts":
+/*!************************************************************************!*\
+  !*** ./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts ***!
+  \************************************************************************/
+/*! exports provided: VideoHistoryRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoHistoryRequests", function() { return VideoHistoryRequests; });
+var VideoHistoryRequests = {
+  userVideoHistory: function userVideoHistory(customerId, userId, cursor, success, error, always) {
+    var key = "video:history:".concat(customerId, ":").concat(userId);
+    var url = "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history");
+
+    if (cursor) {
+      key += ":".concat(cursor);
+      url += "?cursor=".concat(cursor);
+    }
+
+    return {
+      key: key,
+      url: url,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  videoHistory: function videoHistory(customerId, userId, ids, success, error, always) {
+    var params = ids.sort().map(function (i) {
+      return "videoId=".concat(i);
+    });
+    return {
+      key: "video:history:".concat(customerId, ":").concat(userId, ":videos:").concat(params.join('&')),
+      url: "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history?").concat(params.join('&')),
+      formatData: function formatData(historyCollection) {
+        var _a;
+
+        if (!((_a = historyCollection) === null || _a === void 0 ? void 0 : _a.length)) return historyCollection;
+        /**
+         * Data is formatted to enable it to be merged with the existing video object in the store
+         * Where we need to merge more history properties with the video object, map them below.
+         */
+
+        return historyCollection.map(function (watchHistory) {
+          return {
+            id: watchHistory.videoId,
+            lastProgressPoint: watchHistory.lastProgressPoint
+          };
+        });
+      },
+      success: success,
+      error: error,
+      always: always
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useHandleObjectError.ts":
+/*!**************************************************!*\
+  !*** ./src/shared/hooks/useHandleObjectError.ts ***!
+  \**************************************************/
+/*! exports provided: useHandleObjectError */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHandleObjectError", function() { return useHandleObjectError; });
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone/enums/HttpStatus */ "../../libs/common/src/backbone/enums/HttpStatus.ts");
+/* harmony import */ var shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/errors/general/not-found/LiteNotFoundError */ "./src/shared/errors/general/not-found/LiteNotFoundError.ts");
+/* harmony import */ var shared_errors_general_unspecified_error_UnspecifiedError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/errors/general/unspecified-error/UnspecifiedError */ "./src/shared/errors/general/unspecified-error/UnspecifiedError.ts");
+/* harmony import */ var shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/errors/general/private-resource/PrivateResourceError */ "./src/shared/errors/general/private-resource/PrivateResourceError.ts");
+/* harmony import */ var shared_errors_general_region_locked_resource_RegionLockedResourceError__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/errors/general/region-locked-resource/RegionLockedResourceError */ "./src/shared/errors/general/region-locked-resource/RegionLockedResourceError.ts");
+
+
+
+
+
+
+var defaultErrors = {
+  notFound: shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_2__["NotFoundError"],
+  forbidden: {
+    rating: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"],
+    yearLevel: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"],
+    region: shared_errors_general_region_locked_resource_RegionLockedResourceError__WEBPACK_IMPORTED_MODULE_5__["RegionLockedResourceError"],
+    privacy: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"]
+  },
+  badRequest: shared_errors_general_unspecified_error_UnspecifiedError__WEBPACK_IMPORTED_MODULE_3__["UnspecifiedError"]
+};
+function useHandleObjectError(object, customErrors, currentUser) {
+  var errors = Object.assign(Object.assign({}, defaultErrors), customErrors);
+  if (!object.statusCode || object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].Ok) return;
+
+  if (object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].NotFound) {
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.notFound());
+    return;
+  }
+
+  if (object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].Forbidden) {
+    /**
+     * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,
+     * ratings, and privacy.
+     */
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.forbidden.privacy());
+    return;
+  }
+
+  _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.badRequest());
+}
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useVideoMixin.ts":
+/*!*******************************************!*\
+  !*** ./src/shared/hooks/useVideoMixin.ts ***!
+  \*******************************************/
+/*! exports provided: useVideoMixin */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/watch-history/flight-requests/VideoHistoryRequests */ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+var defaults = {
+  ratings: true,
+  favourites: true,
+  watchHistory: true
+};
+
+function fetchAttribute(videosFetched, request) {
+  var _a;
+
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse((_a = request) === null || _a === void 0 ? void 0 : _a.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && request && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _a, _b, _c;
+
+  var _Object$assign = Object.assign(Object.assign({}, defaults), options),
+      ratings = _Object$assign.ratings,
+      favourites = _Object$assign.favourites,
+      watchHistory = _Object$assign.watchHistory;
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser());
+  var videoIds = videos && (Array.isArray(videos) ? videos.filter(Boolean).map(function (v) {
+    return v.id;
+  }) : videos.data.filter(Boolean).map(function (v) {
+    return v.id;
+  }));
+  var user = currentUser.data;
+  var requests = [];
+  if (ratings) requests = [].concat(_toConsumableArray(requests), [!!((_a = videoIds) === null || _a === void 0 ? void 0 : _a.length) && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds)]);
+  if (favourites) requests = [].concat(_toConsumableArray(requests), [!!((_b = videoIds) === null || _b === void 0 ? void 0 : _b.length) && user && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(user.id, videoIds)]);
+  if (watchHistory) requests = [].concat(_toConsumableArray(requests), [!!((_c = videoIds) === null || _c === void 0 ? void 0 : _c.length) && user && apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__["VideoHistoryRequests"].videoHistory(user.customerId, user.id, videoIds)]);
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/play/PlayView.tsx":
+/*!********************************************!*\
+  !*** ./src/shared/views/play/PlayView.tsx ***!
+  \********************************************/
+/*! exports provided: PlayView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlayView", function() { return PlayView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/useViewModel */ "../../libs/common/src/react/hooks/useViewModel.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ThemeRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ThemeRequests */ "../../libs/shared/src/flight-requests/ThemeRequests.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var shared_components_play_page_PlayPage__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/components/play-page/PlayPage */ "./src/shared/components/play-page/PlayPage.tsx");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var shared_errors_videos_video_not_found_LiteVideoNotFoundError__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/errors/videos/video-not-found/LiteVideoNotFoundError */ "./src/shared/errors/videos/video-not-found/LiteVideoNotFoundError.ts");
+/* harmony import */ var shared_errors_videos_video_private_VideoPrivateError__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/errors/videos/video-private/VideoPrivateError */ "./src/shared/errors/videos/video-private/VideoPrivateError.ts");
+/* harmony import */ var shared_hooks_useHandleObjectError__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared/hooks/useHandleObjectError */ "./src/shared/hooks/useHandleObjectError.ts");
+/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.play';
+var videoErrors = {
+  notFound: shared_errors_videos_video_not_found_LiteVideoNotFoundError__WEBPACK_IMPORTED_MODULE_15__["VideoNotFoundError"],
+  forbidden: {
+    privacy: shared_errors_videos_video_private_VideoPrivateError__WEBPACK_IMPORTED_MODULE_16__["VideoPrivateError"]
+  }
+};
+function PlayView(props) {
+  var _a, _b, _c;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_10__["useAlerts"])();
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_3__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__["ViewModelKeys"].WEB_PLAYER_DATA),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      currentPlayerData = _useViewModel2[0],
+      setPlayerData = _useViewModel2[1];
+
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_12__["VideoRequests"].video(props.id));
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__["UserRequests"].currentUser()); // const relatedVideos = Flight.useBasicFetch<VideoCollection>(!!currentUser.data &&
+  //   FavouriteVideoRequests.favouriteVideos(currentUser.data.id));
+
+  var glanceTheme = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(((_b = (_a = video.data) === null || _a === void 0 ? void 0 : _a.glance) === null || _b === void 0 ? void 0 : _b.theme) ? _libs_shared_src_flight_requests_ThemeRequests__WEBPACK_IMPORTED_MODULE_6__["ThemeRequests"].theme(video.data.glance.theme) : null);
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_7__["useSetPageTitle"])((_c = video.data) === null || _c === void 0 ? void 0 : _c.name);
+  Object(shared_hooks_useHandleObjectError__WEBPACK_IMPORTED_MODULE_17__["useHandleObjectError"])(video, videoErrors, currentUser.data);
+  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_18__["useVideoMixin"])([video.data]);
+
+  function setFavourite(_video, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_5__["FavouriteVideoRequests"].updateIsVideoFavourited(_video.id, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
+        id: _video.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["LocationContext"].PlayPage,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WorkflowPhase"].Complete
+      });
+      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
+        video: _video.name
+      }));
+    }, onError));
+  }
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var _a;
+
+    if (!video.data) return;
+    setPlayerData('video', video.data);
+    var newVideo = ((_a = currentPlayerData.video) === null || _a === void 0 ? void 0 : _a.id) !== video.data.id;
+    var newStartTime = Number.isInteger(props.startTime) && props.startTime !== currentPlayerData.startTime;
+    /**
+     * Only update start time if the video has changed or if a new startTime has been passed as a prop.
+     *
+     * We must set startTime as something other than undefined (i.e. a number) otherwise the ViewModelReducer
+     * won't recognise that it's a KVP.
+     */
+
+    if (newVideo || newStartTime) setPlayerData('startTime', props.startTime || 0);
+  }, [!!video.data, props.startTime]);
+  if (!video.data || !currentUser.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_play_page_PlayPage__WEBPACK_IMPORTED_MODULE_13__["PlayPage"], {
+    video: video.data,
+    glanceTheme: glanceTheme.data,
+    // relatedVideos={relatedVideos.data ? relatedVideos.data.data : null}
+    setFavourite: setFavourite
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=19.chunk.js.map