@clickview/lite 0.17.2-dev.1 → 0.18.0-rc.0

package/dist/scripts/7307-ddf40c08db-lite.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7307],{83657:(e,t,n)=>{n.d(t,{e:()=>c});var a=n(1024),r=n(79014),o=n(10874),i=n(36532),l=n(86509),s=n(42735);function c(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],c=[];t.forEach((function(e){e.button?n.push(e):c.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),n.length||c.length?a.createElement("div",{className:u},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=r.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(s.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(o.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?a.createElement(i.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,c.length?a.createElement(l.m,{actions:c,dropdownToggleClassName:e.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>y});var a=n(1024),r=n(81886),o=n(45157),i=n(79014),l=n(49985),s=n(83914),c=n(8493),u=n(36532),d=n(58130);const m={dropdownToggle:"UCAnJ"};function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){var t=i.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(c.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},t());function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&l.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),i.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&r.Q.LocationUtils.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:p(e.action.className),onClick:n,href:e.action.href},t()):a.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},t())}function y(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var n="actions-dropdown-".concat(o.Y.getRandomInt()),r="dropdown-toggle px-0 ".concat(m.dropdownToggle);return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:t},a.createElement("button",{className:r,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},a.createElement(s.x,{svgName:d.vn.More,size:s.S.Small})),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},e.actions.map((function(e,t){return e.tooltip?a.createElement(u.u,{key:t,title:e.tooltip,spanHack:!0},a.createElement(f,{action:e})):a.createElement(f,{key:t,action:e})}))))}y.defaultProps={dropdownToggleClassName:"btn btn-light"}},40955:(e,t,n)=>{n.d(t,{P:()=>r});var a=n(1024);function r(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 text-nowrap \n      ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}},71020:(e,t,n)=>{n.d(t,{_:()=>u});var a=n(1024),r=n(99910),o=n(64038),i=n(83914),l=n(58130);const s={container:"VwD1b",spinner:"eJ85e"};function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){var t,n,u=(t=o.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=u[0],m=u[1];return a.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(s.container),ref:d},e.isFetching?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:s.spinner}):a.createElement(i.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:i.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(81886),r=n(50242),o=n(67058),i=n(49075),l=n(14553),s=n(49267),c={notFound:o.d,forbidden:{rating:l.q,yearLevel:l.q,region:s.a,privacy:l.q},badRequest:i._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var o;o="number"==typeof e?e:e.status;var i=Object.assign(Object.assign({},c),t);o&&a.Q.ErrorHelper.isStatusCodeError(o)&&(o!==r.o.NotFound?o!==r.o.Forbidden?n.badRequest||a.Q.ErrorHelper.throw(new i.badRequest):n.forbidden||a.Q.ErrorHelper.throw(new i.forbidden.privacy):n.notFound||a.Q.ErrorHelper.throw(new i.notFound))}}},63936:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(1024),r=n(50242),o=n(79014),i=n(45719),l=n(8843);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t,n,c,u,d){var m,p,f=(m=(0,a.useState)(0),p=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(m,p)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(m,p)||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.")}()),y=f[0],h=f[1],v=t,g=(0,i.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),c,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&g)return h((function(e){return e+1})),v(g.nextCursor)},hasMore:!!(null==g?void 0:g.nextCursor),isFetching:null==g?void 0:g.isFetching,scrollContainer:d}),(0,a.useEffect)((function(){g&&g.shouldInitialFetch&&t&&(v(),h((function(e){return e+1})))}),[null==g?void 0:g.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==g?void 0:g.statusCode)&&o.q.isFunction(n)){var a=+(null===(t=null===(e=g.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(y,g.statusCode)}}),[null==g?void 0:g.statusCode]),{items:null==g?void 0:g.items,hasMore:!!(null==g?void 0:g.nextCursor),nextCursor:null==g?void 0:g.nextCursor,isFetching:null==g?void 0:g.isFetching,totalItems:null==g?void 0:g.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>i});var a=n(1024),r=n(79014),o=400;function i(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;e.fetchNextPage()}};(0,a.useEffect)((function(){var n=r.q.throttle(t,200),a=e.scrollContainer||window;return e.hasMore&&a.addEventListener("scroll",n),function(){return a.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},45719:(e,t,n)=>{n.d(t,{F:()=>s,P:()=>c});var a=n(1024),r=n(58566),o=n(20354),i=n(79014);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s={items:[],shouldInitialFetch:!1,nextCursor:null,isFetching:!1,statusCode:n(50242).o.Ok,hasCompleted:!0,totalItems:0};function c(e,t,n){function s(e){if(e)return i.q.isFunction(t)?t(e):e.data}function c(e){var t,a;if(e)return n?n(e):null===(a=null===(t=e.pagination)||void 0===t?void 0:t.cursors)||void 0===a?void 0:a.next}return(0,r.useSelector)((0,a.useMemo)((function(){return function(t){if(i.q.isFunction(e)){for(var n=e,a=i.q.isFunction(e)&&n(),r=a&&o.a.getResponse(t,a),u=r&&r.isFetching,d=r&&r.statusCode,m=r&&r.hasCompleted,p=r&&r.shouldFetch,f=s(r&&r.data),y=c(r&&r.data),h=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(r&&r.data);y&&(r=o.a.getResponse(t,n(y)),u=u||r.isFetching,d=r.statusCode,m=r.hasCompleted,!r.shouldFetch);){var v=s(r.data);v&&f.push.apply(f,function(e){if(Array.isArray(e))return l(e)}(E=v)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(E)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(E)||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.")}());var g=c(r.data);y=g===y?null:g}var b={shouldInitialFetch:p,items:f,nextCursor:y,isFetching:u,statusCode:d,hasCompleted:m};return"number"==typeof h&&(b.totalItems=h),b}var E}}),[e]))}},91453:(e,t,n)=>{n.r(t),n.d(t,{PlaylistsView:()=>Z});var a=n(1024),r=n.n(a),o=n(58566),i=n(75896),l=n(23481),s=n(20354),c=n(23049),u=n(59991),d=n(89454),m=n(39151),p=n(31949),f=n(31273),y=n(91200),h=n(71020),v=n(70006),g=n(23257),b=n(83345),E=n(79014),w=n(65858),C=n(76611),N=n(8493);function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function P(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!==S(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===S(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k="playlists.playlistSortSelect",F=E.q.memoize((function(){var e;return P(e={},C.o.RecentlyUpdated,{name:l.T.getPhrase(k,"recentlyUpdated")}),P(e,C.o.AtoZ,{name:l.T.getPhrase(k,"atoz")}),P(e,C.o.ZtoA,{name:l.T.getPhrase(k,"ztoa")}),P(e,C.o.Newest,{name:l.T.getPhrase(k,"newest")}),P(e,C.o.Oldest,{name:l.T.getPhrase(k,"oldest")}),e}));function L(e){var t=e.type,n=e.getSortAppLink,r=e.variant,o=F();return a.createElement("div",{className:"dropdown"},a.createElement("a",{className:"btn btn-".concat(r," ml-2 dropdown-toggle"),type:"button",id:"sort-select","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},o[t].name),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":"sort-select"},Object.values(C.o).map((function(e){var r="dropdown-item";return e===t&&(r+=" active"),a.createElement(N.F,{key:e,className:r,appLink:n(e),analyticsData:{sort:o[e].name},analyticsOptions:{location:w.LocationContext.PlaylistListHeader,entity:w.EntityType.Playlists,actionType:w.UserAction.Sort,workflowPhase:w.WorkflowPhase.Complete}},o[e].name)}))))}L.defaultProps={variant:"light"};var T=n(58130),A=n(83657),x=n(71521),I=n(94644),O=n(63936),U=n(69883),j=n(7733),D=n(22902),q=n(16714),M=n(25925),H=n(86698),_=n(97291),R=n(14070),Y=n(23232),W=n(99742),B="playlists.playlistsEmptyState";function z(){return r().createElement(b.D.Provider,{value:B},r().createElement(Y.u,null,r().createElement(Y.u.Image,{src:W.W.EmptyStates.Playlists.PLAYLISTS}),r().createElement(Y.u.Heading,null,r().createElement(b.x,{phrase:"heading"})),r().createElement(Y.u.Info,null,r().createElement(b.x,{phrase:"info"})),r().createElement(Y.u.Cta,{text:l.T.getPhrase(B,"cta"),icon:T.vn.Plus,appLink:{application:_.O.PLAYLISTS,action:R.e.Playlists.NEW_PLAYLIST}})))}function Q(){return r().createElement(b.D.Provider,{value:B},r().createElement(Y.u,null,r().createElement(Y.u.Image,{src:W.W.EmptyStates.Playlists.PLAYLISTS_PUBLIC}),r().createElement(Y.u.Heading,null,r().createElement(b.x,{phrase:"heading"})),r().createElement(Y.u.Info,null,r().createElement(b.x,{phrase:"info"})),r().createElement(Y.u.Cta,{text:l.T.getPhrase(B,"publicCta"),appLink:{application:_.O.SIGN_UP,action:R.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:w.UserAction.Click,location:w.LocationContext.PlaylistsLanding,entity:w.EntityType.AppLink,workflowPhase:w.WorkflowPhase.Start,descriptor:w.SignUpDescriptors.SignUp}})))}var V="playlists.playlists";function K(e){return{application:_.O.PLAYLISTS,action:R.e.Playlists.HOME,params:{sort:e}}}function Z(e){var t=(0,o.useDispatch)(),n=(0,U.Z)(),r=(0,D.T)().hasLocalPermissions,E=s.a.useBasicFetch(m.L.config()),C=s.a.useBasicFetch(p.N.currentUser()),N=(0,H.y)(M.R.Subject),S=N.presentation,P=N.hasLoaded,k=s.a.useBasicFetch(P&&d.O.presentationAudiences(null==S?void 0:S.id)),F=!!C.data&&x.A.getOrSetSortType(C.data.id,e.sort),Y=!!F&&function(e){return u.C.getUserPlaylists(new v.l(F,e,g.e.All))},W=!!Y&&function(e){s.a.getFetch(t)(Y(e))};(0,c.o)(l.T.getPhrase(V,"title"));var B=!r(q.E.ViewPlaylistsLanding)&&F,Z=(0,O.K)(!!B&&Y,W,(function(e,t){if(1===e)return(0,I.r)(t);n.error(l.T.getPhrase(V,"error"))})),$=Z.items,G=Z.hasMore,J=Z.isFetching,X=[{label:l.T.getPhrase(V,"createPlaylist"),appLink:{application:_.O.PLAYLISTS,action:R.e.Playlists.NEW_PLAYLIST},svgName:T.vn.Plus,className:"btn btn-outline-dark",button:!0,analyticsData:{},analyticsOptions:{location:w.LocationContext.Banner,entity:w.EntityType.Playlist,workflowPhase:w.WorkflowPhase.Start,actionType:w.UserAction.Create}}],ee=!!$&&!!C.data&&!!E.data&&(!!k.data||k.hasError);return r(q.E.ViewPlaylistsLanding)?a.createElement(Q,null):i.m.isEmpty($)?a.createElement(z,null):a.createElement("div",{className:"bg-white px-3"},a.createElement("div",{className:"d-flex justify-content-between align-items-end pb-3"},a.createElement("h1",{className:"h2 mb-0"},a.createElement(b.x,{namespace:V,phrase:"title"})),!!F&&a.createElement(A.e,{actions:X,sortComponent:a.createElement(L,{variant:"outline-dark",type:F,getSortAppLink:K})})),ee?a.createElement(f.P,{playlists:$,getPlaylistAppLink:e.getPlaylistAppLink,imageCdnUrl:E.data.imageCdnUrl,currentUser:C.data,presentationAudiences:k.data||[],bgColourClassNames:j.o,itemContainerClassName:"columns-of-five",itemStyle:"round",showCount:!0,showOwner:!0}):a.createElement(y.Y,{itemClassName:"columns-of-five"}),(G||J)&&a.createElement(h._,{isFetching:J,fetchNext:W}))}}}]);