@clickview/lite 0.0.25-rc.0 → 0.0.25

package/dist/scripts/6-6ac39034e0.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[6],{1072:function(t,n,e){"use strict";e.d(n,"a",(function(){return o}));var a=e(0),r=e(35);function o(t,n,e){var o=function(){e||(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||t())};Object(a.useEffect)((function(){var t=r.a.throttle(o,200);return n&&window.addEventListener("scroll",t),function(){return window.removeEventListener("scroll",t)}}),[n])}},1073:function(t,n,e){"use strict";e.d(n,"a",(function(){return r}));var a=e(0);function r(t){var n=t.imageUrl,e=t.heading,r=t.description;return a.createElement("div",{className:"empty-state-container"},a.createElement("div",{className:"content-container"},n&&a.createElement("img",{src:n}),a.createElement("h1",null,e),r&&a.createElement("p",{dangerouslySetInnerHTML:{__html:r}})))}},1074:function(t,n,e){"use strict";e.d(n,"a",(function(){return l}));var a=e(0),r=e(33),o=e(55),i=e(13),c=e(1251),s=e.n(c);function l(t){return a.createElement("div",{className:"p-3 text-center ".concat(s.a.container)},t.isFetching?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:s.a.spinner}):a.createElement(o.a,{svgName:i.b.ChevronDown,className:"svg-container cursor-pointer",size:o.b.Large,onClick:t.onClick}))}},1251:function(t,n,e){t.exports={container:"_1_KC6",spinner:"VXlcl"}},827:function(t,n,e){t.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},828:function(t,n,e){"use strict";var a=e(0),r=e(33),o=e(240),i=e(40),c=e(55),s=e(51),l=e(13),u=e(827),p=e.n(u),f=e(35);function y(t){var n="dropdown-item";return t&&(n+=" ".concat(t)),n}function d(t){if(t.action.appLink)return a.createElement(s.a,{appLink:t.action.appLink,onClick:t.action.onClick,className:y(t.action.className),analyticsData:t.action.analyticsData,analyticsOptions:t.action.analyticsOptions},t.action.label);return a.createElement("span",{className:"cursor-pointer ".concat(y(t.action.className)),onClick:function(n){t.action.analyticsData&&t.action.analyticsOptions&&i.a.logUserAction(t.action.analyticsData,t.action.analyticsOptions),f.a.isFunction(t.action.onClick)&&t.action.onClick(n)}},t.action.label)}function m(t){if(!t.actions||!t.actions.length)return a.createElement(a.Fragment,null);var n="actions-dropdown-".concat(o.a.getRandomInt()),e="px-0 ".concat(p.a.dropdownToggle);return t.dropdownToggleClassName&&(e+=" ".concat(t.dropdownToggleClassName)),a.createElement(r.Dropdown,{className:t.className?t.className:"",alignRight:!0},a.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:n,className:e},a.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),a.createElement(r.Dropdown.Menu,null,t.actions.map((function(t,n){return a.createElement(d,{key:n,action:t})}))))}m.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=e(235),g=e(156);function b(t){var n="ml-2";t.className&&(n+=" ".concat(t.className));var e=t.showSpinner?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):t.children;if(t.tooltip)return a.createElement(g.a,{title:t.tooltip},a.createElement(v.a,{appLink:t.appLink,svgName:t.svgName,onClick:t.onClick,className:n,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions},e));if(t.svgName)return a.createElement(v.a,{onClick:t.onClick,appLink:t.appLink,svgName:t.svgName,className:n,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions},e);if(t.appLink)return a.createElement(s.a,{onClick:t.onClick,appLink:t.appLink,className:n,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions},e);return a.createElement("button",{onClick:function(n){t.analyticsData&&t.analyticsOptions&&i.a.logUserAction(t.analyticsData,t.analyticsOptions),f.a.isFunction(t.onClick)&&t.onClick(n)},className:n},e)}function h(t){var n=[],e=[];t.actions.forEach((function(t){t.button?n.push(t):e.push(t)}));var r="d-flex";return t.className&&(r+=" ".concat(t.className)),a.createElement("div",{className:r},a.createElement(a.Fragment,null,!!n.length&&a.createElement("span",{className:p.a.buttonList},n.map((function(t,n){return a.createElement(a.Fragment,{key:n},t.label?a.createElement(b,{appLink:t.appLink,onClick:t.onClick,svgName:t.svgName,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions},t.label):a.createElement(v.a,{appLink:t.appLink,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions}))}))),t.sortComponent?t.sortComponent:"",!!e.length&&a.createElement(m,{actions:e,className:!!n.length&&"ml-2",dropdownToggleClassName:t.actionsDropdownClassName})))}e.d(n,"a",(function(){return h}))},838:function(t,n,e){"use strict";e.d(n,"a",(function(){return y}));var a=e(244),r=e(85),o=e(865);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function s(t,n){for(var e=0;e<n.length;e++){var a=n[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function l(t,n){return(l=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function u(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,a=f(t);if(n){var r=f(this).constructor;e=Reflect.construct(a,arguments,r)}else e=a.apply(this,arguments);return p(this,e)}}function p(t,n){return!n||"object"!==i(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var y=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&l(t,n)}(p,t);var n,e,a,i=u(p);function p(){var t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.a.Newest,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o.a.OwnedByMe;return c(this,p),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:e,sort:n})).type=a,t}return n=p,(e=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&s(n.prototype,e),a&&s(n,a),p}(a.a)},861:function(t,n,e){"use strict";var a=e(21),r=e(46),o=e(864);e(838);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function s(t,n){return(s=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function l(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,a=p(t);if(n){var r=p(this).constructor;e=Reflect.construct(a,arguments,r)}else e=a.apply(this,arguments);return u(this,e)}}function u(t,n){return!n||"object"!==i(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function p(t){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f,y=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&s(t,n)}(e,t);var n=l(e);function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this,e),n.call(this,{collectionPrefix:"playlist:videos",id:t,cursor:a})}return e}(e(244).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(f||(f={}));var d=function(t,n){return function(e){var a=Object.assign({},e);return a.hasOwnProperty(t)&&(a[t]=Object.assign(Object.assign({},a[t]),n)),a}},m=function(t){return function(n){var e=Object.assign({},n);return e.hasOwnProperty(t)&&delete e[t],e}},v=function(t,n){return function(e){var a=Object.assign({},e);return a.hasOwnProperty(t)?(a[t].videos||(a[t].videos={}),a[t].videos.count=a[t].videos.count?a[t].videos.count+n:n,a):e}};e.d(n,"a",(function(){return w}));var g=function(t){return t?"&cursor=".concat(t):""},b=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},h=function(t,n){return"".concat(t).concat(n?":".concat(n):"")},w={getPlaylist:function(t,n,e){return{url:"/api/domain/v2/objects/".concat(t,"?query=").concat(r.a.PLAYLIST),key:"playlist:".concat(t),success:n,error:e}},getSharedPlaylist:function(t,n,e,a){var o="/api/domain/v2/share/".concat(t);return{url:"".concat(o,"?query=").concat(r.a.PLAYLIST).concat(b(n)),key:"shared:playlist:".concat(t),success:e,error:a}},getUserPlaylists:function(t){var n=t.sort,e=t.type;return{url:"/api/domain/v2/me/playlists/".concat(e,"?sort=").concat(n,"&query={limit:100}")+"".concat(r.a.PLAYLIST_COLLECTION).concat(g(t.cursor)),key:t.toString()}},getPlaylistVideos:function(t,n,e){var a="orderBy:orderindex,limit:100";return Number.isInteger(n)&&(a+=",rating.value:0...".concat(n)),{url:"/api/domain/v2/objects/".concat(t,"/videos?query={").concat(a,"}")+"".concat(r.a.VIDEO_COLLECTION).concat(g(e)),key:h("playlist:".concat(t,":videos"),e)}},getSharedPlaylistVideos:function(t,n,e){return{url:"/api/domain/v2/share/".concat(t,"/videos?query={orderBy:orderindex,limit:100}")+"".concat(r.a.SHARED_PLAYLIST_VIDEO_COLLECTION)+"".concat(g(e)).concat(b(n)),key:h("shared:playlist:".concat(t,":videos"),e)}},getVideoPlaylists:function(t,n,e){return{url:"/api/domain/v2/objects/".concat(t,"/playlists?query={limit:100,owner.id:[").concat(n,"]}"),key:h("video:playlists:".concat(t),e)}},createPlaylist:function(t,n,e,r){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:n,type:a.a.POST,success:e,error:r,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,n,e,r){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:n,type:a.a.PUT,success:e,error:r,updateState:{keys:"playlist:".concat(t),updateData:d("playlist:".concat(t),n)}}},deletePlaylist:function(t,n,e){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:a.a.DELETE,success:n,error:e,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t))}}},addToPlaylist:function(t,n,e,r){var o=["user:playlists",new y(t).toString()];return n.forEach((function(t){o.push("video:playlists:".concat(t))})),{key:"add:to:playlist",url:"/api/domain/v2/objects/".concat(t,"/associate"),data:n,type:a.a.POST,success:e,error:r,invalidationKeys:o,updateState:{keys:"playlist:".concat(t),updateData:v("playlist:".concat(t),n.length)}}},reorderVideos:function(t,n,e,r){return{key:"reorder:playlist",url:"/api/domain/v2/objects/".concat(t,"/videos/reorder"),data:n,type:a.a.PUT,success:e,error:r,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t,":videos"),updateData:function(e){return o.a.updateState("playlist:".concat(t,":videos"),n,e)}}}},removePlaylistVideo:function(t,n,e,r){return{key:"remove:playlist:video",url:"/api/domain/v2/objects/".concat(t,"/dissociate?memberId=").concat(n),type:a.a.DELETE,success:e,error:r,invalidationKeys:["user:playlists","playlist:".concat(t,":videos")]}},getIsFollowingPlaylist:function(t,n){return{url:"/api/domain/v2/objects/".concat(n,"/followedPlaylists?query={id:").concat(t,"}"),key:"playlist:".concat(t,":following:").concat(n),formatData:function(n){var e,a;return{objectId:t,isFollowing:!!(null===(a=null===(e=n)||void 0===e?void 0:e.data)||void 0===a?void 0:a.length)}},normalize:!1}},followPlaylist:function(t,n,e,r,o){return{url:"/api/domain/v2/objects/".concat(n),key:"follow:playlist:".concat(t),data:{followedPlaylists:t},type:a.a.PUT,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(n)],success:e,error:r,always:o}},unfollowPlaylist:function(t,n,e,r,o){return{url:"/api/domain/v2/objects/".concat(n,"/followedplaylists/").concat(t),key:"unfollow:playlist:".concat(t),type:a.a.DELETE,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(n)],success:e,error:r,always:o}},getPlaylistPrivacy:function(t){return{key:"playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),formatData:function(n){return{id:t,privacy:n}}}},updatePlaylistPrivacy:function(t,n,e,r,o){return{key:"update:playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),type:a.a.PUT,data:{privacy:n},formatData:function(){return{id:t,privacy:n}},success:e,error:r,always:o}},getMigrationTask:function(t,n){return{url:"/api/playlist-app/migration-task",key:"migration:task",formatData:function(t){return t||{status:f.Processed}},success:t,error:n}}}},864:function(t,n,e){"use strict";e.d(n,"a",(function(){return c}));var a=e(127),r=e(57);function o(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,n){if(!t)return;if("string"==typeof t)return i(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);"Object"===e&&t.constructor&&(e=t.constructor.name);if("Map"===e||"Set"===e)return Array.from(t);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return i(t,n)}(t)||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 i(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,a=new Array(n);e<n;e++)a[e]=t[e];return a}var c={reorder:function(t,n,e){if(n===e)return{reorderedItems:t,reorderRequest:null};var r=a.a.moveItem(t,n,e),o=e<t.length-1?r[e+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[e].id,destinationMemberId:o}}},updateState:function(t,n,e){for(var i=[],c=r.a.deepClone(e),s=[t],l=e[t],u=!!l&&!!l.data&&l.data.length;l&&Array.isArray(l.data);){i.push.apply(i,o(l.data));var p=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,f=!!p&&"".concat(t,":").concat(p);(l=p&&e[f])&&s.push(f)}if(!i.length)return e;var y=a.a.findIndex(i,(function(t){return t.id===n.sourceMemberId})),d=[].concat(i),m=d.splice(y,1),v=n.destinationMemberId?a.a.findIndex(d,(function(t){return t.id===n.destinationMemberId})):d.length;return d.splice(v,0,m[0]),s.forEach((function(t){var n=d.splice(0,u);c[t].data=n})),c}}},865:function(t,n,e){"use strict";var a;e.d(n,"a",(function(){return a})),function(t){t.OwnedByMe="owned_by_me",t.Followed="followed",t.All="all"}(a||(a={}))},933:function(t,n,e){"use strict";e.d(n,"a",(function(){return u}));var a=e(0),r=e(61),o=e(14),i=e(35);function c(t){return function(t){if(Array.isArray(t))return s(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,n){if(!t)return;if("string"==typeof t)return s(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);"Object"===e&&t.constructor&&(e=t.constructor.name);if("Map"===e||"Set"===e)return Array.from(t);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return s(t,n)}(t)||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 s(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,a=new Array(n);e<n;e++)a[e]=t[e];return a}var l=function(t){return t&&t.data&&t.data.pagination&&t.data.pagination.cursors&&t.data.pagination.cursors.next};function u(t){return Object(r.useSelector)(Object(a.useMemo)((function(){return function(n){for(var e=t,a=i.a.isFunction(t)&&o.a.getResponse(n,e()),r=a&&a.isFetching,s=a&&a.shouldFetch,u=a&&a.data&&a.data.data,p=l(a);p&&(r=(a=o.a.getResponse(n,e(p))).isFetching,!a.shouldFetch);){var f=a.data&&a.data.data;f&&u.push.apply(u,c(f)),p=l(a)}return{shouldInitialFetch:s,items:u,nextCursor:p,isFetching:r}}}),[t]))}}}]);

package/dist/scripts/6-8ada925fb7.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[6],{1296:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),o=a(60),i=a(14),c=a(7),s=a(2),l=a(152),u=a(232),d=a(13),p=a(153),m=a(156),f=a(829),v=a(76),g=a(821),b=a(236),y=a(126),E=a(40),h=a(3),k=a(47),N=a(846),C=a(235),w=a(28),O=a(6),A=a(10),S=a(858);function j(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw o}}return a}(e,t)||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,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 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 x=a(247),D=a(36),P=a(52),I=a(841),T=a(866),F=c.a.encloseNamespace("upload.uploadingItem");function U(e){switch(e){case x.b.Uploading:return"text-success";case x.b.Processing:return"text-info";case x.b.Errored:return"text-danger"}}function V(e){switch(e){case x.b.Uploading:return"success";case x.b.Processing:return"info";case x.b.Errored:return"danger"}}function R(e){var t=e.item,a=t.status,r=t.progress,o=t.name,i=n.useCallback((function(){e.onClickAlternate(e.item)}),[]),c=n.useCallback((function(){e.onClickDelete(e.item)}),[]);return n.createElement(D.Row,{className:"py-2"},n.createElement(D.Col,{lg:4},n.createElement(T.b,{data:"",aspectRatio:T.a.SixteenByNine},n.createElement(I.a,{type:I.b.Video}))),n.createElement(D.Col,{lg:8},n.createElement("h5",{className:"m-0 pb-1"},o),n.createElement("span",{className:U(a)},function(e,t){var a=Math.round(t)||0;switch(e){case x.b.Uploading:return"".concat(F("uploading")," ").concat(a,"%");case x.b.Processing:return 0===a?F("waitingToBeProcessed"):"".concat(F("processing")," ").concat(a,"%");case x.b.Errored:return F("error")}}(a,r)),n.createElement("div",{className:"d-flex"},n.createElement(D.ProgressBar,{className:"flex-grow-1 align-self-center",variant:V(a),now:r}),n.createElement(P.a,{className:"svg-container cursor-pointer ml-2",svgName:a===x.b.Errored?d.b.Bell:d.b.Edit,onClick:i}),n.createElement(P.a,{className:"svg-container cursor-pointer ml-2",svgName:d.b.Delete,onClick:c}))))}function H(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return _(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 _(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 _(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 B(){var e=H(n.useState(!localStorage.getItem("uploadInfoDismissed")),2),t=e[0],a=e[1];return t?n.createElement(D.Alert,{variant:"info",onClose:function(){localStorage.setItem("uploadInfoDismissed","1"),a(!1)},dismissible:!0},n.createElement(v.b,{namespace:"upload.myUploads",phrase:"alertMessage"}),n.createElement("br",null),n.createElement("small",null,n.createElement(v.b,{namespace:"upload.myUploads",phrase:"alertSecondaryMessage"}))):n.createElement(n.Fragment,null)}a.d(t,"MyUploadsView",(function(){return z}));function M(e,t){switch(t){case y.a.Edit:return{application:O.a.DEFAULT,action:A.a.Default.EDIT_VIDEO,args:[e.id]};case y.a.AddToPlaylist:return{application:O.a.PLAYLISTS,action:"add:to:playlist",args:[e.id]};case y.a.Share:return{application:O.a.DEFAULT,action:A.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}var X=function(e){return{application:O.a.DEFAULT,action:A.a.Default.PLAY_VIDEO,args:[e.id,k.a.slugify(e.name)],params:e.lastProgressPoint?{t:Math.floor(e.lastProgressPoint)}:{}}},Y=function(e){return{application:null,action:null,args:[e.id]}};function z(e){var t,a=Object(o.useDispatch)();Object(u.a)(c.a.getPhrase("upload.myUploads","pageTitle"));i.a.useBasicFetch(m.a.config);var d=i.a.useBasicFetch(p.a.workspace),k=i.a.useBasicFetch(p.a.currentUser()),L=d.data&&C.a.workspace(d.data.id,e.cursor),D=i.a.useGetResponse(L&&L.key),P=i.a.useGetFetch(L);Object(S.a)(D.data),n.useEffect((function(){!d.shouldFetch&&d.data&&D.shouldFetch&&P()}),[d.shouldFetch,d.data,D.shouldFetch]);var I,T,F,U,V=Object(l.a)(w.b.CombineUploads),H=(I=function(){P&&P()},T=[!!d.data],F=Object(l.a)("combine:uploads:service"),U=j(r.a.useState(!1),2)[1],r.a.useEffect((function(){var e=F.getCollection();return e.off("add remove change"),e.on("add remove change",(function(){U((function(e){return!e}))})),e.on("remove",I),function(){return e.off("add remove change")}}),T),F.getCollection().toJSON()),_=n.useCallback((function(e){s.a.AppLinkHelper.trigger({application:O.a.UPLOAD,action:A.a.Upload.CANCEL_UPLOAD,args:[e.id],params:{name:e.name,status:e.status}})}),[]),z=n.useCallback((function(e){switch(e.status){case x.b.Errored:return void V.retryItem(e);case x.b.Processing:return void s.a.AppLinkHelper.trigger({application:O.a.DEFAULT,action:A.a.Default.EDIT_VIDEO,args:[e.videoId]});case x.b.Uploading:V.editUpload(e)}}),[]);return n.createElement(b.a.Provider,{value:{videoActions:[y.a.Edit,y.a.AddToPlaylist,y.a.Share],getActionAppLink:M}},n.createElement("h1",null,n.createElement(v.b,{namespace:"upload.myUploads",phrase:"header"})),n.createElement("div",null,n.createElement("p",{className:"h6"},n.createElement(v.b,{namespace:"upload.myUploads",phrase:"description"})),n.createElement(B,null),H.map((function(e){return n.createElement(R,{item:e,onClickAlternate:z,onClickDelete:_,key:e.id})})),(null===(t=D.data)||void 0===t?void 0:t.data)?n.createElement(g.c,{videos:D.data.data,cursors:D.data.pagination.cursors,getVideoAppLink:X,getSeriesAppLink:Y,setFavourite:function(e,t,n){i.a.fetch(a,f.a.updateIsVideoFavourited(e,k.data.id,t,(function(){E.a.logUserAction({id:e},{entity:h.d.Video,actionType:h.n.Favourite,descriptor:t?h.m.On:h.m.Off,location:h.j.VideoThumbnail,workflowPhase:h.o.Complete})}),n))}}):n.createElement(N.a,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),o=a(238),i=a(40),c=a(52),s=a(50),l=a(13),u=a(818),d=a.n(u),p=a(34);function m(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:m(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(m(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&i.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),p.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(o.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(f,{key:t,action:e})}))))}v.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&&i.a.logUserAction(e.analyticsData,e.analyticsOptions),p.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(v,{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),o=a(2),i=a(827),c=a(835),s=n.createContext({isSortable:!1});function l(e){var t=n.useContext(s).isSortable?c.a:c.b,a=o.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(i.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),o=a(50),i=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(i.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(o.a,{appLink:l(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(i.b,{phrase:"previous"})),n.createElement(o.a,{appLink:l(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(i.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(i.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(i.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(i.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),o=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 i(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?i: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=o(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),o=a(809),i=a(859),c=a(241),s=a(52),l=a(834),u=a(851),d=a(150),p=function(e){return!!e&&e.series&&!!e.series.id},m=a(13),f=a(151),v=a(821),g=a(34),b=a(819),y=a(236),E=a(126),h=a(836),k=a.n(h),N=[E.a.AddToPlaylist,E.a.Share];function C(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?N:a,o=t.getActionAppLink,i=Object(f.a)(d.a.XS);if(!g.a.isFunction(o))return n.createElement(n.Fragment,null);var c=[];return r.forEach((function(t){var a=o(e.video,t);a&&c.push(Object.assign({appLink:a,className:"btn btn-link",button:!i},Object(E.b)()[t]))})),n.createElement(b.a,{actions:c,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(k.a.actionsDropdown)})}var w=a(857),O=a(845);function A(e){return n.createElement(w.a,null,n.createElement(O.a,{type:O.b.Rating,data:e.video.rating}),n.createElement(O.a,{type:O.b.ProductionYear,data:e.video.productionYear}),n.createElement(O.a,{type:O.b.Interactive,data:e.video.interactives}))}var S=a(76),j=a(837),L=a.n(j);function x(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return D(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 D(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 D(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 P(e){var t=Object(f.a)(d.a.XS),a=21*(Object(f.a)(d.a.SM)?2:4),r=function(e){var t=x(Object(n.useState)(!1),2),a=t[0],r=t[1],o=x(Object(n.useState)(!1),2),i=o[0],c=o[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:i,toggleTruncation:function(){return c((function(e){return!e}))}}}(a),o=r.ref,i=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:o,className:"m-0"},e.video.description,!!i&&n.createElement("span",{className:"cursor-pointer ".concat(L.a.ellipsis),onClick:s},n.createElement(S.b,{namespace:"shared.videoItemDescription",phrase:c?"showMore":"showLess"}))))}var I=a(50);function T(e){return n.createElement(I.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var F=a(838),U=a.n(F);a.d(t,"b",(function(){return R})),a.d(t,"a",(function(){return H}));var V=Object(o.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(U.a.dragHandleContainer)},n.createElement(s.a,{svgName:m.b.Handle,size:s.b.Small}))}));function R(e){var t,a=Object(f.a)(d.a.XS),o=n.useContext(v.a),s=o.isSortable,m=o.currentSortingIndex,g=s&&!a,b=e.getVideoAppLink(e.video),y=p(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(i.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(C,{video:e.video}),n.createElement(c.a,{video:e.video,appLink:y}),n.createElement(T,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(A,{video:e.video}),n.createElement(P,{video:e.video,forceTruncate:Number.isInteger(m)&&e.idx===m})))}var H=Object(o.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),o=a(36),i=a(151),c=a(150),s=a(847),l=a.n(s);function u(e){var t=Object(i.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(o.Row,{key:n,className:"py-2"},r.a.createElement(o.Col,{xs:t?12:4,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(o.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(o.Col,{xs:a?10:12},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialThumbnail)})))),r.a.createElement(o.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,o){var i="video:history:".concat(e,":").concat(t),c="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return a&&(i+=":".concat(a),c+="?cursor=".concat(a)),{key:i,url:c,success:n,error:r,always:o}},videoHistory:function(e,t,a,n,r,o){var i=a.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(i.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(i.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:o}}}},858:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(14),r=a(153),o=a(829),i=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 p(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=Object.assign(Object.assign({},u),t),l=a.ratings,p=a.favourites,m=a.watchHistory,f=n.a.useBasicFetch(r.a.currentUser()),v=e&&(Array.isArray(e)?e.map((function(e){return e.id})):e.data.map((function(e){return e.id}))),g=f.data,b=[];l&&(b=[].concat(s(b),[v&&i.a.videoRatings(v)])),p&&(b=[].concat(s(b),[v&&g&&o.a.isFavourited(g.id,v)])),m&&(b=[].concat(s(b),[v&&g&&c.a.videoHistory(g.customerId,g.id,v)])),b.forEach((function(t){return d(!!e,t)}))}}}]);

package/dist/scripts/6.chunk.js

@@ -0,0 +1,423 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[6],{
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: PlaylistItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistItem", function() { return PlaylistItem; });
+/* 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 moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "moment");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../components/thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../components/audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _PlaylistOwnerAvatar__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PlaylistOwnerAvatar */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./playlist.scss */ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_playlist_scss__WEBPACK_IMPORTED_MODULE_11__);
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.playlistItem';
+
+function getBgColourClassName(playlist, classNames) {
+  var bgClassName = classNames[playlist.name.charCodeAt(0) % classNames.length];
+  return "".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistItem, " ").concat(bgClassName);
+}
+
+function PlaylistItem(props) {
+  var _a, _b;
+
+  var imageUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createUrl(props.data.cover && props.data.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageSize"].Medium,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_4__["ResizeType"].Cover
+  });
+  var audiences = props.data.subjectPresentationAudiences && props.data.subjectPresentationAudiences.data;
+  var filteredAudiences = audiences && props.presentationAudiences && _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getSortedPresentationAudiences(audiences, props.presentationAudiences);
+  var mergedAudience = filteredAudiences && _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  var count = !!props.showCount && !!props.data.videos && props.data.videos.count;
+  var lastUpdatedDate = !!props.showLastUpdated && props.data.contentModifiedDate && moment__WEBPACK_IMPORTED_MODULE_1__["utc"](props.data.contentModifiedDate);
+  var className = _playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistItem;
+  var showImage = !!imageUrl || !!props.showFallbackImage;
+  if (showImage) className += " ".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistItemGradient);
+  if (!showImage && props.bgColourClassNames) className += " ".concat(getBgColourClassName(props.data, props.bgColourClassNames));
+  var analyticsData = Object.assign(Object.assign({}, props.analyticsData), {
+    id: (_a = props.data) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = props.data) === null || _b === void 0 ? void 0 : _b.name
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__["AppLink"], {
+    appLink: props.appLink,
+    analyticsData: analyticsData,
+    analyticsOptions: props.analyticsOptions
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_7__["BaseThumbnail"], {
+    data: imageUrl,
+    className: className
+  }, !!props.showFallbackImage && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_8__["ThumbnailFallback"], {
+    type: _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_8__["ThumbnailFallbackType"].Playlist
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "text-white ".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistMetadata)
+  }, Number.isInteger(count) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'videos',
+    options: {
+      smartCount: count
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h5", {
+    className: "".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.playlistName, " text-shadow mb-0")
+  }, props.data.name), function () {
+    if (!lastUpdatedDate) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+    if (lastUpdatedDate.isBefore(moment__WEBPACK_IMPORTED_MODULE_1__["utc"]().subtract(1, 'month'))) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+      phrase: 'notUpdatedRecently'
+    });
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+      phrase: 'lastUpdated',
+      options: {
+        timeAgo: lastUpdatedDate.fromNow()
+      }
+    });
+  }(), !!audiences && !!audiences.length && !!mergedAudience && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_9__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'white'
+  })), !!props.showOwner && !!props.imageCdnUrl && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _playlist_scss__WEBPACK_IMPORTED_MODULE_11___default.a.ownerAvatarContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_PlaylistOwnerAvatar__WEBPACK_IMPORTED_MODULE_10__["PlaylistOwnerAvatar"], {
+    playlist: props.data,
+    currentUser: props.currentUser,
+    imageCdnUrl: props.imageCdnUrl
+  })))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx":
+/*!*********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx ***!
+  \*********************************************************************************************************************************/
+/*! exports provided: PlaylistOwnerAvatar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistOwnerAvatar", function() { return PlaylistOwnerAvatar; });
+/* 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 _components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../components/avatar/Avatar */ "../../libs/shared/src/components/avatar/Avatar.tsx");
+/* harmony import */ var _utils_UserHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/UserHelper */ "../../libs/shared/src/utils/UserHelper.ts");
+/* harmony import */ var _components_clickview_avatar_ClickViewAvatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/clickview-avatar/ClickViewAvatar */ "../../libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx");
+
+
+
+
+function PlaylistOwnerAvatar(props) {
+  var _a, _b;
+
+  var owner = props.playlist.owner;
+  if (!owner || !props.currentUser) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var currentUserIsOwner = props.playlist.owner.id === props.currentUser.id; // TODO: Replace this with actual property.
+
+  var isClickViewPlaylist = !!((_a = props.playlist.cover) === null || _a === void 0 ? void 0 : _a.url);
+  if (isClickViewPlaylist) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_clickview_avatar_ClickViewAvatar__WEBPACK_IMPORTED_MODULE_3__["ClickViewAvatar"], null);
+  if (currentUserIsOwner) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var url = typeof owner.avatar === 'string' ? owner.avatar : (_b = owner.avatar) === null || _b === void 0 ? void 0 : _b.url;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__["Avatar"], {
+    imageUrl: url,
+    imageCdnUrl: props.imageCdnUrl,
+    initials: _utils_UserHelper__WEBPACK_IMPORTED_MODULE_2__["UserHelper"].getInitials(owner.name, owner.surname)
+  });
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss ***!
+  \***********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"playlistItem":"cv--playlistItem--6o0Z2","playlistItemGradient":"cv--playlistItemGradient--2JLPt","playlistMetadata":"cv--playlistMetadata--3MCKL","playlistName":"cv--playlistName--1Ukz7","partialHeading":"cv--partialHeading--13tO6","ownerAvatarContainer":"cv--ownerAvatarContainer--CwjTl"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx ***!
+  \*************************************************************************************************************/
+/*! exports provided: AudienceLabel, AudienceLabelList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabel", function() { return AudienceLabel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabelList", function() { return AudienceLabelList; });
+/* 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 _audience_label_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./audience-label.scss */ "../../libs/shared/src/components/audience-label/audience-label.scss");
+/* harmony import */ var _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_audience_label_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function AudienceLabel(props) {
+  if (!props.audience) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "border rounded-pill d-inline-block px-2 mt-1 ".concat('border-' + props.border)
+  }, props.audience.name);
+}
+function AudienceLabelList(props) {
+  if (!props.audiences || !props.audiences.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.audiences.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      key: idx,
+      className: _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default.a.audienceLabelListItem
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](AudienceLabel, {
+      audience: a,
+      border: props.border
+    }));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/audience-label/audience-label.scss":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/audience-label.scss ***!
+  \***************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"audienceLabelListItem":"cv--audienceLabelListItem--2YGVO"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx ***!
+  \*****************************************************************************************************************/
+/*! exports provided: ClickViewAvatar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClickViewAvatar", function() { return ClickViewAvatar; });
+/* 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 _svgs_clickview_logo_ClickViewLogo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../svgs/clickview-logo/ClickViewLogo */ "../../libs/shared/src/components/svgs/clickview-logo/ClickViewLogo.tsx");
+/* harmony import */ var _clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./clickview-avatar.scss */ "../../libs/shared/src/components/clickview-avatar/clickview-avatar.scss");
+/* harmony import */ var _clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function ClickViewAvatar() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _clickview_avatar_scss__WEBPACK_IMPORTED_MODULE_2__["avatar"]
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svgs_clickview_logo_ClickViewLogo__WEBPACK_IMPORTED_MODULE_1__["ClickViewPlayLogo"], null));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/clickview-avatar/clickview-avatar.scss":
+/*!*******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/clickview-avatar/clickview-avatar.scss ***!
+  \*******************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"avatar":"cv--avatar--1IfFN"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/AudienceHelper.ts":
+/*!*****************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/AudienceHelper.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: AudienceHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceHelper", function() { return AudienceHelper; });
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+
+var DIGIT_REGEX = /([0-9]+)/ig;
+var NAME_REGEX = /(^\w+)/ig;
+var COUNT_OFFSET = 1;
+
+function processAudienceRanges(audienceValues) {
+  /**
+   * Lookahead by increments of offset
+   */
+  var offset = COUNT_OFFSET;
+  var initialVal, nextVal;
+  var isContinguous = false;
+  var ranges = []; // Audience values need to be in ascending order
+
+  audienceValues = audienceValues.sort(function (a, b) {
+    return a - b;
+  });
+  var i, j;
+
+  for (i = 0; i < audienceValues.length; i++) {
+    j = i + 1; // Set our lower boundary to compare against
+
+    if (!isContinguous) initialVal = audienceValues[i];
+    nextVal = audienceValues[j];
+    /**
+     * Where the next number is also the next incremental value
+     * we're going to continue iterating until the next value
+     * is no longer contiguos.
+     */
+
+    if (audienceValues[i] + offset === nextVal) {
+      isContinguous = true;
+    } else if (isContinguous) {
+      /**
+       * Where we were tracking a contiguous set, format appropriately
+       * and store the vals
+       */
+      ranges.push("".concat(initialVal, " - ").concat(audienceValues[i]));
+      isContinguous = false;
+    } else {
+      /**
+       * Where the values arent contiguous, just store the current value
+       */
+      ranges.push("".concat(audienceValues[i]));
+      isContinguous = false;
+    }
+  }
+
+  return ranges;
+}
+
+var AudienceHelper = {
+  /**
+   * This is needed to sort an object's audiences, as they are not sorted by the backend.
+   * To do this, we take the presentation audiences (sorted) and filter them by the object's
+   * audiences, leaving behind a sorted array of object audiences.
+   */
+  getSortedPresentationAudiences: function getSortedPresentationAudiences(objectAudiences, presentationAudiences) {
+    var objectAudienceIds = objectAudiences.map(function (audience) {
+      return audience.id.toString();
+    });
+    /**
+     * Remove audiences that aren't relevant for the user's current presentation
+     */
+
+    var filteredAudiences = presentationAudiences.filter(function (presAudience) {
+      return objectAudienceIds.includes(presAudience.masterId.toString());
+    });
+    return filteredAudiences;
+  },
+  getMergedPresentationAudienceString: function getMergedPresentationAudienceString(presentationAudiences) {
+    if (presentationAudiences.length === 1) return presentationAudiences[0];
+    /**
+     * Create a string with all of the audiences
+     */
+
+    var valuesStr = presentationAudiences.map(function (a) {
+      return a.name;
+    }).join(',');
+    /**
+     * Extract all the numbers and  matches from the string
+     * Where there aren't matches, just return the first Audience.
+     */
+
+    var valMatches = valuesStr.match(DIGIT_REGEX);
+    var nameMatches = valuesStr.match(NAME_REGEX);
+    if (!valMatches || !nameMatches) return presentationAudiences[0];
+    var audienceValues = valMatches.map(function (l) {
+      return +l;
+    }) || [];
+    /**
+     * Build set of logical audience ranges
+     */
+
+    var audienceRange = processAudienceRanges(audienceValues);
+    /**
+     * Get matches name
+     */
+
+    var audienceName = nameMatches[0];
+    return {
+      name: "".concat(audienceName, " ").concat(audienceRange.join(' , '))
+    };
+  },
+
+  /**
+   * This function assumes the members array passed in is ordered by `name`.
+   */
+  sortMembersWithDuplicateNamesByAudience: function sortMembersWithDuplicateNamesByAudience(members) {
+    // Returns the lowest level audience out of an array of audience objects by looking at the name
+    var getLowestAudience = function getLowestAudience(audiences) {
+      if (!audiences.length) return null;
+      var lowestAudience;
+      var lowestAudienceDigit;
+      audiences.forEach(function (audience) {
+        var digit = +_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].first(audience.name.match(DIGIT_REGEX));
+
+        if (!lowestAudience) {
+          lowestAudience = audience;
+          lowestAudienceDigit = digit;
+          return;
+        }
+
+        if (digit < lowestAudienceDigit) lowestAudience = audience;
+      });
+      return lowestAudience;
+    }; // This is used to track how many times a member's name appears in the collection
+
+
+    var nameCountMap = {};
+    var sorted = [];
+    members.forEach(function (member) {
+      if (!nameCountMap[member.name]) {
+        nameCountMap[member.name] = 1;
+        sorted.push(member);
+        return;
+      }
+
+      sorted.push(member);
+      nameCountMap[member.name]++; // Take the slice of duplicates that we want to sort by audience
+
+      var slice = sorted.splice(sorted.length - nameCountMap[member.name]); // Sort the slice by lowest audience
+
+      var sortedSlice = slice.sort(function (a, b) {
+        var firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);
+        var secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);
+        if (!firstObjLowestAudience && secondObjLowestAudience) return 1;
+        if (!secondObjLowestAudience) return -1;
+        var comparison = firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);
+        if (comparison === 0) return comparison;
+        return comparison > 0 ? -1 : 1;
+      });
+      sorted = sorted.concat(sortedSlice);
+    });
+    return sorted;
+  }
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=6.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss?dd51","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/audience-label.scss?93bd","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/clickview-avatar/ClickViewAvatar.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/clickview-avatar/clickview-avatar.scss?e4bc","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/AudienceHelper.ts"],"names":[],"mappings":"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","file":"scripts/6.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as moment from 'moment';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { CurrentUser, Playlist, PresentationAudience } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { AudienceHelper } from 'libs/shared/utils/AudienceHelper';\r\nimport { ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { BaseThumbnail } from 'libs/shared/components/thumbnails/base/BaseThumbnail';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\r\n\r\nimport { PlaylistOwnerAvatar } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistOwnerAvatar';\r\n\r\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\r\n\r\nimport styles from './playlist.scss';\r\n\r\nconst namespace = 'playlists.playlistItem';\r\n\r\nfunction getBgColourClassName(playlist: Playlist, classNames: string[]): string {\r\n  const bgClassName = classNames[playlist.name.charCodeAt(0) % classNames.length];\r\n\r\n  return `${styles.playlistItem} ${bgClassName}`;\r\n}\r\n\r\ninterface PlaylistItemProps {\r\n  data: Playlist;\r\n  appLink: Core.AppLink;\r\n  currentUser?: CurrentUser;\r\n  presentationAudiences?: PresentationAudience[];\r\n  bgColourClassNames?: string[];\r\n  imageCdnUrl?: string;\r\n  showCount?: boolean;\r\n  showOwner?: boolean;\r\n  showFallbackImage?: boolean;\r\n  showLastUpdated?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport function PlaylistItem(props: PlaylistItemProps): JSX.Element {\r\n  const imageUrl = ImageHelper.createUrl(props.data.cover && props.data.cover.url, {\r\n    size: ImageSize.Medium,\r\n    resizeType: ResizeType.Cover\r\n  });\r\n\r\n  const audiences = props.data.subjectPresentationAudiences &&\r\n    props.data.subjectPresentationAudiences.data;\r\n\r\n  const filteredAudiences = audiences && props.presentationAudiences &&\r\n    AudienceHelper.getSortedPresentationAudiences(audiences, props.presentationAudiences);\r\n  const mergedAudience = filteredAudiences && AudienceHelper.getMergedPresentationAudienceString(filteredAudiences);\r\n\r\n  const count = !!props.showCount && !!props.data.videos && props.data.videos.count;\r\n\r\n  const lastUpdatedDate = !!props.showLastUpdated && props.data.contentModifiedDate &&\r\n    moment.utc(props.data.contentModifiedDate);\r\n\r\n  let className = styles.playlistItem;\r\n\r\n  const showImage = !!imageUrl || !!props.showFallbackImage;\r\n\r\n  if (showImage)\r\n    className += ` ${styles.playlistItemGradient}`;\r\n\r\n  if (!showImage && props.bgColourClassNames)\r\n    className += ` ${getBgColourClassName(props.data, props.bgColourClassNames)}`;\r\n\r\n  const analyticsData = { ...props.analyticsData,\r\n    id: props.data?.id,\r\n    name: props.data?.name\r\n  };\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <AppLink appLink={props.appLink} analyticsData={analyticsData} analyticsOptions={props.analyticsOptions}>\r\n        <BaseThumbnail data={imageUrl} className={className}>\r\n          {!!props.showFallbackImage && <ThumbnailFallback type={ThumbnailFallbackType.Playlist} />}\r\n          <div className={`text-white ${styles.playlistMetadata}`}>\r\n            {Number.isInteger(count) &&\r\n              <Text phrase='videos' options={{ smartCount: count }} />\r\n            }\r\n            <h5 className={`${styles.playlistName} text-shadow mb-0`}>{props.data.name}</h5>\r\n            {(() => {\r\n              if (!lastUpdatedDate)\r\n                return <></>;\r\n\r\n              if (lastUpdatedDate.isBefore(moment.utc().subtract(1, 'month')))\r\n                return <Text phrase='notUpdatedRecently' />;\r\n\r\n              return <Text phrase='lastUpdated' options={{ timeAgo: lastUpdatedDate.fromNow() }} />;\r\n            })()}\r\n            {!!audiences && !!audiences.length && !!mergedAudience &&\r\n              <AudienceLabel\r\n                audience={mergedAudience}\r\n                border='white'\r\n              />\r\n            }\r\n          </div>\r\n          {!!props.showOwner && !!props.imageCdnUrl &&\r\n            <div className={styles.ownerAvatarContainer}>\r\n              <PlaylistOwnerAvatar\r\n                playlist={props.data}\r\n                currentUser={props.currentUser}\r\n                imageCdnUrl={props.imageCdnUrl}\r\n              />\r\n            </div>\r\n            }\r\n        </BaseThumbnail>\r\n      </AppLink>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Playlist, CurrentUser } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\r\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\r\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\r\n\r\ninterface PlaylistOwnerAvatarProps {\r\n  playlist: Playlist;\r\n  imageCdnUrl: string;\r\n  currentUser?: CurrentUser;\r\n}\r\n\r\nexport function PlaylistOwnerAvatar(props: PlaylistOwnerAvatarProps): JSX.Element {\r\n  const { owner } = props.playlist;\r\n\r\n  if (!owner || !props.currentUser)\r\n    return <></>;\r\n\r\n  const currentUserIsOwner = props.playlist.owner.id === props.currentUser.id;\r\n\r\n  // TODO: Replace this with actual property.\r\n  const isClickViewPlaylist = !!props.playlist.cover?.url;\r\n\r\n  if (isClickViewPlaylist)\r\n    return (\r\n      <ClickViewAvatar />\r\n    );\r\n\r\n  if (currentUserIsOwner)\r\n    return <></>;\r\n\r\n  const url = typeof owner.avatar === 'string' ? owner.avatar : owner.avatar?.url;\r\n\r\n  return (\r\n    <Avatar\r\n      imageUrl={url}\r\n      imageCdnUrl={props.imageCdnUrl}\r\n      initials={UserHelper.getInitials(owner.name, owner.surname)}\r\n    />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"playlistItem\":\"cv--playlistItem--6o0Z2\",\"playlistItemGradient\":\"cv--playlistItemGradient--2JLPt\",\"playlistMetadata\":\"cv--playlistMetadata--3MCKL\",\"playlistName\":\"cv--playlistName--1Ukz7\",\"partialHeading\":\"cv--partialHeading--13tO6\",\"ownerAvatarContainer\":\"cv--ownerAvatarContainer--CwjTl\"};","import * as React from 'react';\r\nimport { Audience } from 'libs/shared/interfaces';\r\n\r\nimport styles from './audience-label.scss';\r\n\r\ntype AudienceBorderColour = 'dark' | 'white';\r\n\r\ninterface AudienceLabelProps {\r\n  audience: Audience;\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabel(props: AudienceLabelProps): JSX.Element {\r\n  if (!props.audience)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className={`border rounded-pill d-inline-block px-2 mt-1 ${'border-' + props.border}`}>\r\n      {props.audience.name}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface AudienceLabelListProps {\r\n  audiences: Audience[];\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabelList(props: AudienceLabelListProps): JSX.Element {\r\n  if (!props.audiences || !props.audiences.length)\r\n    return <></>;\r\n\r\n  return (\r\n    <>\r\n      {props.audiences.map((a, idx) => (\r\n        <span key={idx} className={styles.audienceLabelListItem}>\r\n          <AudienceLabel audience={a} border={props.border} />\r\n        </span>\r\n      ))}\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"audienceLabelListItem\":\"cv--audienceLabelListItem--2YGVO\"};","import * as React from 'react';\r\n\r\nimport { ClickViewPlayLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\r\n\r\nimport * as styles from './clickview-avatar.scss';\r\n\r\nexport function ClickViewAvatar(): JSX.Element {\r\n  return (\r\n    <div className={styles.avatar}>\r\n      <ClickViewPlayLogo />\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"avatar\":\"cv--avatar--1IfFN\"};","import { HashObject } from 'libs/common/react/interfaces';\r\nimport { Audience, PresentationAudience, BaseObject } from 'libs/shared/interfaces';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nconst DIGIT_REGEX = /([0-9]+)/ig;\r\nconst NAME_REGEX = /(^\\w+)/ig;\r\nconst COUNT_OFFSET = 1;\r\n\r\nfunction processAudienceRanges(audienceValues: number[]): string[] {\r\n  /**\r\n   * Lookahead by increments of offset\r\n   */\r\n  let offset = COUNT_OFFSET;\r\n\r\n  let initialVal, nextVal;\r\n  let isContinguous: boolean = false;\r\n\r\n  const ranges: string[] = [];\r\n\r\n  // Audience values need to be in ascending order\r\n  audienceValues = audienceValues.sort((a, b) => a - b);\r\n\r\n  let i, j;\r\n\r\n  for (i = 0; i < audienceValues.length; i++) {\r\n    j = i + 1;\r\n\r\n    // Set our lower boundary to compare against\r\n    if (!isContinguous)\r\n      initialVal = audienceValues[i];\r\n\r\n    nextVal = audienceValues[j];\r\n\r\n    /**\r\n     * Where the next number is also the next incremental value\r\n     * we're going to continue iterating until the next value\r\n     * is no longer contiguos.\r\n     */\r\n    if (audienceValues[i] + offset === nextVal) {\r\n      isContinguous = true;\r\n\r\n    } else if (isContinguous) {\r\n\r\n      /**\r\n       * Where we were tracking a contiguous set, format appropriately \r\n       * and store the vals\r\n       */\r\n\r\n      ranges.push(`${initialVal} - ${audienceValues[i]}`);\r\n      isContinguous = false;\r\n\r\n    } else {\r\n\r\n      /**\r\n       * Where the values arent contiguous, just store the current value\r\n       */\r\n\r\n      ranges.push(`${audienceValues[i]}`);\r\n      isContinguous = false;\r\n    }\r\n\r\n  }\r\n\r\n  return ranges;\r\n}\r\n\r\nexport const AudienceHelper = {\r\n  /**\r\n   * This is needed to sort an object's audiences, as they are not sorted by the backend.\r\n   * To do this, we take the presentation audiences (sorted) and filter them by the object's\r\n   * audiences, leaving behind a sorted array of object audiences.\r\n   */\r\n  getSortedPresentationAudiences(\r\n    objectAudiences: Audience[],\r\n    presentationAudiences: PresentationAudience[]\r\n  ): PresentationAudience[] {\r\n    const objectAudienceIds = objectAudiences.map(audience => audience.id.toString());\r\n\r\n    /**\r\n     * Remove audiences that aren't relevant for the user's current presentation\r\n     */\r\n    const filteredAudiences = presentationAudiences.filter(presAudience => {\r\n      return objectAudienceIds.includes(presAudience.masterId.toString());\r\n    });\r\n\r\n    return filteredAudiences;\r\n  },\r\n\r\n  getMergedPresentationAudienceString(presentationAudiences: PresentationAudience[]): PresentationAudience {\r\n    if (presentationAudiences.length === 1)\r\n      return presentationAudiences[0];\r\n\r\n    /**\r\n     * Create a string with all of the audiences\r\n     */\r\n    const valuesStr = presentationAudiences.map(a => a.name).join(',');\r\n\r\n    /**\r\n     * Extract all the numbers and  matches from the string\r\n     * Where there aren't matches, just return the first Audience.\r\n     */\r\n    const valMatches = valuesStr.match(DIGIT_REGEX);\r\n    const nameMatches = valuesStr.match(NAME_REGEX);\r\n\r\n    if (!valMatches || !nameMatches) return presentationAudiences[0];\r\n\r\n    const audienceValues = valMatches\r\n      .map(l => +l) || [];\r\n\r\n    /**\r\n     * Build set of logical audience ranges\r\n     */\r\n    const audienceRange = processAudienceRanges(audienceValues);\r\n\r\n    /**\r\n     * Get matches name\r\n     */\r\n    const audienceName = nameMatches[0];\r\n\r\n    return {\r\n      name: `${audienceName} ${audienceRange.join(' , ')}`\r\n    } as PresentationAudience;\r\n  },\r\n\r\n  /**\r\n   * This function assumes the members array passed in is ordered by `name`.\r\n   */\r\n  sortMembersWithDuplicateNamesByAudience(members: BaseObject[]): BaseObject[] {\r\n    // Returns the lowest level audience out of an array of audience objects by looking at the name\r\n    const getLowestAudience = (audiences: Audience[]) => {\r\n      if (!audiences.length)\r\n        return null;\r\n\r\n      let lowestAudience: Audience;\r\n      let lowestAudienceDigit: number;\r\n\r\n      audiences.forEach(audience => {\r\n        const digit = +ArrayHelper.first(audience.name.match(DIGIT_REGEX));\r\n\r\n        if (!lowestAudience) {\r\n          lowestAudience = audience;\r\n          lowestAudienceDigit = digit;\r\n          return;\r\n        }\r\n\r\n        if (digit < lowestAudienceDigit)\r\n          lowestAudience = audience;\r\n      });\r\n\r\n      return lowestAudience;\r\n    };\r\n\r\n    // This is used to track how many times a member's name appears in the collection\r\n    const nameCountMap: HashObject<number> = {};\r\n\r\n    let sorted: BaseObject[] = [];\r\n\r\n    members.forEach(member => {\r\n      if (!nameCountMap[member.name]) {\r\n        nameCountMap[member.name] = 1;\r\n        sorted.push(member);\r\n        return;\r\n      }\r\n\r\n      sorted.push(member);\r\n      nameCountMap[member.name]++;\r\n\r\n      // Take the slice of duplicates that we want to sort by audience\r\n      const slice = sorted.splice(sorted.length - nameCountMap[member.name]);\r\n\r\n      // Sort the slice by lowest audience\r\n      const sortedSlice = slice.sort((a: any, b: any) => {\r\n        const firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);\r\n        const secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);\r\n\r\n        if (!firstObjLowestAudience && secondObjLowestAudience)\r\n          return 1;\r\n\r\n        if (!secondObjLowestAudience)\r\n          return -1;\r\n\r\n        const comparison = firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);\r\n\r\n        if (comparison === 0) return comparison;\r\n\r\n        return comparison > 0 ? -1 : 1;\r\n      });\r\n\r\n      sorted = sorted.concat(sortedSlice);\r\n    });\r\n\r\n    return sorted;\r\n  }\r\n};"],"sourceRoot":""}

package/dist/scripts/60-5713de53e2.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[60],{1292:function(e,n,t){"use strict";t.r(n),t.d(n,"CancelUploadView",(function(){return h}));var r=t(0),a=t(9),c=t(153),o=t(7),i=t(48),l=t(17),s=t(238),u=t(243),p=t(824),f=t(44),d=t(73),g=t(28),b=t(5),m=t(252);function y(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,a=!1,c=void 0;try{for(var o,i=e[Symbol.iterator]();!(r=(o=i.next()).done)&&(t.push(o.value),!n||t.length!==n);r=!0);}catch(e){a=!0,c=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw c}}return t}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return v(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var A=o.a.encloseNamespace("upload.cancelUpload");function h(e){var n=e.id,t=e.status,o=e.name,v=y(r.useState(!1),2),h=v[0],w=v[1],P=Object(c.a)(g.b.CombineUploads),U=Object(p.a)(),E=t===m.b.Uploading,S=function(){var n=E?"cancelUploadingAlertHeading":"cancelProcessingAlertHeading",t=E?"cancelUploadingAlertMessage":"cancelProcessingAlertMessage";U.success({type:i.a.Success,heading:A(n),message:A(t,{videoName:o})}),e.closePopup()},O=[{variant:"link",onClick:function(){return e.closePopup()},buttonText:"No"},{variant:"primary",onClick:function(){(w(!0),E)?(P.cancelUpload(n),a.Radio.channel(l.c.VIDEO_UPLOAD).on(f.a.UPLOAD_CANCELLED,(function(){return S()}))):(P.cancelProcessing(n),a.Radio.channel(b.b.COMBINE_UPLOADS).on(f.a.PROCESSING_CANCELLED,(function(){return S()})))},buttonText:"Yes",isSpinnerButton:!0,showSpinner:h}],C=t===m.b.Processing?"cancelProcessingTitle":"cancelUploadingTitle",L=t===m.b.Processing?"cancelProcessingMessage":"cancelUploadingMessage";return r.createElement(s.a,{title:A(C),closePopup:function(){return e.closePopup()}},r.createElement("p",null,r.createElement(d.b,{namespace:"upload.cancelUpload",phrase:L,options:{videoName:o}})),r.createElement(u.a,{buttons:O}))}},824:function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));var r=t(153),a=t(48),c=t(52),o=function(){var e=Object(r.a)(c.a.ALERT);return{success:function(n){e.success(n)()},error:function(n){e.error(n)()},warning:function(n){e.createAlert({type:a.a.Warning,heading:a.c.Warning,message:n})}}}}}]);

package/dist/scripts/60-81ac7ce262.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[60],{1291:function(e,n,t){"use strict";t.r(n),t.d(n,"CancelUploadView",(function(){return h}));var r=t(0),a=t(9),c=t(153),o=t(7),i=t(48),l=t(17),s=t(238),u=t(243),p=t(823),f=t(44),d=t(73),g=t(28),b=t(5),m=t(251);function y(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,a=!1,c=void 0;try{for(var o,i=e[Symbol.iterator]();!(r=(o=i.next()).done)&&(t.push(o.value),!n||t.length!==n);r=!0);}catch(e){a=!0,c=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw c}}return t}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return v(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var A=o.a.encloseNamespace("upload.cancelUpload");function h(e){var n=e.id,t=e.status,o=e.name,v=y(r.useState(!1),2),h=v[0],w=v[1],P=Object(c.a)(g.b.CombineUploads),U=Object(p.a)(),E=t===m.b.Uploading,S=function(){var n=E?"cancelUploadingAlertHeading":"cancelProcessingAlertHeading",t=E?"cancelUploadingAlertMessage":"cancelProcessingAlertMessage";U.success({type:i.a.Success,heading:A(n),message:A(t,{videoName:o})}),e.closePopup()},O=[{variant:"link",onClick:function(){return e.closePopup()},buttonText:"No"},{variant:"primary",onClick:function(){(w(!0),E)?(P.cancelUpload(n),a.Radio.channel(l.c.VIDEO_UPLOAD).on(f.a.UPLOAD_CANCELLED,(function(){return S()}))):(P.cancelProcessing(n),a.Radio.channel(b.b.COMBINE_UPLOADS).on(f.a.PROCESSING_CANCELLED,(function(){return S()})))},buttonText:"Yes",isSpinnerButton:!0,showSpinner:h}],C=t===m.b.Processing?"cancelProcessingTitle":"cancelUploadingTitle",L=t===m.b.Processing?"cancelProcessingMessage":"cancelUploadingMessage";return r.createElement(s.a,{title:A(C),closePopup:function(){return e.closePopup()}},r.createElement("p",null,r.createElement(d.b,{namespace:"upload.cancelUpload",phrase:L,options:{videoName:o}})),r.createElement(u.a,{buttons:O}))}},823:function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));var r=t(153),a=t(48),c=t(52),o=function(){var e=Object(r.a)(c.a.ALERT);return{success:function(n){e.success(n)()},error:function(n){e.error(n)()},warning:function(n){e.createAlert({type:a.a.Warning,heading:a.c.Warning,message:n})}}}}}]);

package/dist/scripts/60-f95d0a0a90.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[60],{1265:function(t,e,r){"use strict";r.r(e),r.d(e,"PlaySharedView",(function(){return y}));var a=r(0),n=r(14),o=r(87),i=r(829),u=r(232),c=r(1063),l=r(984),d=r(90);function s(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var r=[],a=!0,n=!1,o=void 0;try{for(var i,u=t[Symbol.iterator]();!(a=(i=u.next()).done)&&(r.push(i.value),!e||r.length!==e);a=!0);}catch(t){n=!0,o=t}finally{try{a||null==u.return||u.return()}finally{if(n)throw o}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return f(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return f(t,e)}(t,e)||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 f(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function y(t){var e,r=s(Object(o.a)(d.a.WEB_PLAYER_DATA),2)[1],f=n.a.useBasicFetch(l.a.sharedResource(t.shortCode)),y=n.a.useBasicFetch(i.a.favouriteVideos(null));return Object(u.a)(null===(e=f.data)||void 0===e?void 0:e.name),a.useEffect((function(){f.data&&r("video",f.data)}),[!!f.data]),f.data?a.createElement(c.a,{video:f.data,relatedVideos:y.data?y.data.data:null}):a.createElement(a.Fragment,null)}},984:function(t,e,r){"use strict";r.d(e,"a",(function(){return o}));var a=r(21),n=r(159),o={getShareData:function(t){if(t)return{url:"/api/domain/v1/share",key:"share:".concat(t),type:a.a.POST,data:{id:t,privacy:null}}},sharedResource:function(t){return{url:"/api/domain/v2/share/".concat(t,"?query=").concat(n.a.VIDEO),key:"shared:resource:".concat(t)}}}}}]);