@clickview/lite 0.0.26-rc.3 → 0.0.26-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[30],{1129:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(212),i=n(62),r=n(73);function s(){const e=Object(a.a)(r.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:i.a.Warning,heading:i.c.Warning,message:t})}}}},1135:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(318),i=n(126),r=n(1150);class s extends a.BaseCollectionIdentifier{constructor(e=i.a.Newest,t="",n=r.a.OwnedByMe){super({collectionPrefix:"user:playlists",cursor:t,sort:e}),this.type=n}toString(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}},1136:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));const a={isNumber:e=>a.isType(e,"number"),isString:e=>a.isType(e,"string"),isType:(e,t)=>typeof e===t}},1138:function(e,t,n){"use strict";var a=n(1139);n.o(a,"PlaylistVideoCollectionIdentifier")&&n.d(t,"PlaylistVideoCollectionIdentifier",(function(){return a.PlaylistVideoCollectionIdentifier}))},1139:function(e,t){},1140:function(e,t,n){"use strict";n(1135);var a=n(318);class i extends a.BaseCollectionIdentifier{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}n.d(t,"a",(function(){return i}))},1149:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(143),i=n(72);const r={reorder(e,t,n){if(t===n)return{reorderedItems:e,reorderRequest:null};const i=a.a.moveItem(e,t,n),r=n<e.length-1?i[n+1].id:null;return{reorderedItems:i,reorderRequest:{sourceMemberId:i[n].id,destinationMemberId:r}}},updateState(e,t,n){const r=[],s=i.a.deepClone(n),o=[e];let l=n[e];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){r.push(...l.data);const t=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,a=!!t&&`${e}:${t}`;l=t&&n[a],l&&o.push(a)}if(!r.length)return n;const u=a.a.findIndex(r,e=>e.id===t.sourceMemberId),d=[...r],y=d.splice(u,1),p=t.destinationMemberId?a.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(p,0,y[0]),o.forEach(e=>{const t=d.splice(0,c);s[e].data=t}),s}}},1150:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.OwnedByMe="owned_by_me",e.Followed="followed",e.All="all"}(a||(a={}))},1156:function(e,t,n){"use strict";var a=n(1138);n.o(a,"PlaylistVideoCollectionIdentifier")&&n.d(t,"PlaylistVideoCollectionIdentifier",(function(){return a.PlaylistVideoCollectionIdentifier}));var i=n(1140);n.d(t,"PlaylistVideoCollectionIdentifier",(function(){return i.a}))},1157:function(e,t,n){"use strict";var a,i=n(27),r=n(49),s=n(1149),o=n(1156);!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(a||(a={}));const l={deletePlaylist:e=>t=>{const n=Object.assign({},t);return n.hasOwnProperty(e)&&delete n[e],n},incrementVideoCount:(e,t)=>n=>{const a=Object.assign({},n);return a.hasOwnProperty(e)?(a[e].videos||(a[e].videos={}),a[e].videos.count=a[e].videos.count?a[e].videos.count+t:t,a):n}};n.d(t,"a",(function(){return p}));const c=e=>e?"&cursor="+e:"",u=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",d=(e,t)=>`${e}${t?":"+t:""}`,y="_liteOwner,_isClickViewPlaylist",p={getPlaylist:(e,t,n)=>({url:`/api/objects/v1/playlists/${e}?query=${r.a.PLAYLIST},${y}`,key:"playlist:"+e,success:t,error:n}),getSharedPlaylist:(e,t,n,a)=>({url:`${"/api/domain/v2/share/"+e}?query=${r.a.PLAYLIST}&virtualAssocs=${y}`+u(t),key:"shared:playlist:"+e,success:n,error:a}),getUserPlaylists(e){const{sort:t,type:n}=e;return{url:`/api/domain/v2/me/playlists/${n}?sort=${t}&query={limit:100}${r.a.PLAYLIST_COLLECTION},${y}${c(e.cursor)}`,key:e.toString()}},getPlaylistVideos(e,t,n){let a="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(a+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${a}}${r.a.VIDEO_COLLECTION}${c(n)}`,key:d(`playlist:${e}:videos`,n)}},getSharedPlaylistVideos:(e,t,n)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}`+r.a.SHARED_PLAYLIST_VIDEO_COLLECTION+`${c(n)}${u(t)}`,key:d(`shared:playlist:${e}:videos`,n)}),getVideoPlaylists:(e,t,n)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:d("video:playlists:"+e,n)}),createPlaylist:(e,t,n,a,r)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:i.a.POST,success:n,error:a,always:r,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,n,a,r)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:i.a.PUT,success:n,error:a,always:r}),deletePlaylist:(e,t,n,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:i.a.DELETE,success:t,error:n,always:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:l.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,n,a){const r=["user:playlists",new o.PlaylistVideoCollectionIdentifier(e).toString()];return t.forEach(e=>{r.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:i.a.POST,success:n,error:a,invalidationKeys:r,updateState:{keys:"playlist:"+e,updateData:l.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,n,a)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:i.a.PUT,success:n,error:a,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:n=>s.a.updateState(`playlist:${e}:videos`,t,n)}}),removePlaylistVideo:(e,t,n,a)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:i.a.DELETE,success:n,error:a,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedPlaylists?query={id:${e}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var n;return{objectId:e,isFollowing:!!(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.length)}},normalize:!1}),followPlaylist:(e,t,n,a,r)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:i.a.PUT,invalidationKeys:["user:playlists","playlist:"+e,"shared:playlist"],success:n,error:a,always:r}),unfollowPlaylist:(e,t,n,a,r)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:i.a.DELETE,invalidationKeys:["user:playlists","playlist:"+e,"shared:playlist"],success:n,error:a,always:r}),getPlaylistPrivacy:e=>({key:"playlist:privacy:"+e,url:`/api/domain/v1/playlists/${e}/privacy`,formatData:t=>({id:e,privacy:t})}),updatePlaylistPrivacy:(e,t,n,a,r)=>({key:"update:playlist:privacy:"+e,url:`/api/domain/v1/playlists/${e}/privacy`,type:i.a.PUT,data:{privacy:t},formatData:()=>({id:e,privacy:t}),success:n,error:a,always:r}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:a.Processed},success:e,error:t})}},1194:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),i=n(80),r=n(19),s=n(46);const o=e=>e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next;function l(e){return Object(i.useSelector)(Object(a.useMemo)(()=>t=>{const n=e;let a=s.a.isFunction(e)&&r.a.getResponse(t,n()),i=a&&a.isFetching;const l=a&&a.shouldFetch,c=a&&a.data&&a.data.data;let u=o(a);for(;u&&(a=r.a.getResponse(t,n(u)),i=a.isFetching,!a.shouldFetch);){const e=a.data&&a.data.data;e&&c.push(...e);const t=o(a);u=t===u?null:t}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:i}},[e]))}},1231:function(e,t,n){e.exports={inputWithoutHighlight:"-L0yF",suggestionsContainerOpen:"ahMdW",sectionContainer:"xstWL",suggestionHighlighted:"_3YTCa",inputContainer:"_1wn3m",clearButton:"_1BwBs",inputWithLeftIcon:"qxZOe",inputWithRightIcon:"_3U4W-",inputWithTwoRightIcons:"_2rgzF",iconContainer:"_1DLw5",leftIconContainer:"AZCtZ",rightIconContainer:"_1R52s"}},1325:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));const a=5,i={getRecentItem(e,t){let n=t.cacheGet(e);return Array.isArray(n)||(n=[]),n},setRecentItem(e,t,n){Array.isArray(t)&&n.cacheSet(e,t)},addRecentItem(e,t,n){const{id:r,limit:s=a}=n;let o=i.getRecentItem(e,t);const l=o.indexOf(r);return l>-1&&o.splice(l,1),o.unshift(r),o.length>s&&(o=o.slice(0,s)),i.setRecentItem(e,o,t),o}}},1336:function(e,t,n){"use strict";var a,i=n(0),r=n(1125),s=n(46),o=n(9),l=n(75),c=n(43),u=n(27),d=n(19),y=n(72),p=n(1136),g=n(1231),m=n.n(g);function f(e,t){return y.a.isObject(e)&&e.hasOwnProperty(t)&&p.a.isString(e[t])}function h(e,t,n){return({value:i})=>{if(i.length||n(),!(i.length<e.activationLength)){if(e.local){const n=s.a.isFunction(e.getLocalSuggestions)?e.getLocalSuggestions(i,e.local):function(e,t,n){const a=e.trim().toLowerCase();return a.length?t.filter(e=>!(!f(e,n)||!p.a.isString(e[n]))&&e[n].trim().toLowerCase().includes(a)):[]}(i,e.local,e.valueKey);t(e=>Object.assign(Object.assign({},e),{[a.Local]:n}))}e.getRemoteUrl&&function(e,t,n,a){const i=s.a.isFunction(e)&&e(t);i&&d.a.ajaxRequest({resource:i,type:u.a.GET,success:n,error:()=>{},headers:a})}(e.getRemoteUrl,i,n=>t(t=>Object.assign(Object.assign({},t),{[a.Remote]:s.a.isFunction(e.formatRemoteSuggestions)?e.formatRemoteSuggestions(n):n})),e.requestHeaders)}}}function v(e,t,n,i,r,o){const l=t=>e[t]||[],c=t?l(a.Recent):[],u=l(a.Local),d=l(a.Remote),y=[];c.length&&y.push({title:n,data:c});let p=[...u,...d];return p.length?(Number.isInteger(o)&&p.length>o&&(p=p.slice(0,o)),s.a.isFunction(r)?y.push(...r(p)):y.push({title:i,data:p}),y):y}function b(e){return e.data}function I(e){if(e.title)return i.createElement("div",{className:"px-2 pb-1"},i.createElement("strong",null,e.title))}!function(e){e.Local="local",e.Recent="recent",e.Remote="remote"}(a||(a={}));const P={container:"position-relative",suggestionsContainerOpen:"bg-white py-1 border rounded "+m.a.suggestionsContainerOpen,suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:m.a.suggestionHighlighted,sectionContainer:"border-bottom py-1 "+m.a.sectionContainer};function S(e={}){return Object.assign(P,e)}var C=n(66),w=n(17),O=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function E(e,t,n,a){let i="form-control";return n||(i+=" "+m.a.inputWithoutHighlight),"left"===e&&(i+=" "+m.a.inputWithLeftIcon),("right"===e&&!t||"left"===e&&t)&&(i+=" "+m.a.inputWithRightIcon),"right"===e&&t&&(i+=" "+m.a.inputWithTwoRightIcons),a&&(i+=""+a),i}function k(e){const t="d-inline-block svg-container";return s.a.isFunction(e)?t+" cursor-pointer":t}function j(e){const{onClickSearchIcon:t,searchIconPlacement:n,showClearInputIcon:a,onClickClearInput:r,highlightOnFocus:s,className:o}=e,l=O(e,["onClickSearchIcon","searchIconPlacement","showClearInputIcon","onClickClearInput","highlightOnFocus","className"]),c=()=>i.createElement("div",{className:"d-inline-block"},i.createElement(C.a,{svgName:w.b.Search,size:C.b.Standard,onClick:t,className:k(t)}));return i.createElement("div",{className:"position-relative "+m.a.inputContainer},"left"===n&&i.createElement("div",{className:`${m.a.iconContainer} ${m.a.leftIconContainer}`},i.createElement(c,null)),i.createElement("input",Object.assign({className:E(n,a,s,o)},l)),("right"===n||!!a)&&i.createElement("div",{className:`${m.a.iconContainer} ${m.a.rightIconContainer}`},!!a&&i.createElement(()=>i.createElement("div",{className:"d-inline-block text-muted "+m.a.clearButton},i.createElement(C.a,{svgName:w.b.Close,size:C.b.Standard,onClick:r,className:k(r)})),null),"right"===n&&i.createElement(c,null)))}n.d(t,"a",(function(){return A}));const L=s.a.isFunction;function $(e){return e.renderAsForm?i.createElement("form",{onSubmit:e.onSubmit},e.children):i.createElement(i.Fragment,null,e.children)}function A(e){const t=(n=e.initialSuggestions,s=e.recentSearches,{[a.Recent]:s,[a.Local]:n,[a.Remote]:[]});var n,s;const[u,d]=i.useState(e.initialQuery||""),[y,p]=i.useState(t),g=Object(l.a)(c.a.XS);i.useEffect(()=>{const t=e.initialQuery||"";u!==t&&d(t)},[e.initialQuery]);const m=()=>{p(t)},P=t=>{t.preventDefault(),L(e.onSubmit)&&e.onSubmit(u)};return i.createElement($,{onSubmit:P,renderAsForm:!!e.renderAsForm},i.createElement(r,Object.assign({suggestions:v(y,!u,e.recentSearchHeading||o.a.getPhrase("shared.searchBar","recentSearchHeading"),e.suggestionsHeading,e.getSections,e.suggestionLimit),onSuggestionsFetchRequested:h(e,p,m),onSuggestionsClearRequested:()=>{e.alwaysRenderSuggestions||m()},onSuggestionSelected:(t,{suggestion:n})=>{e.clearQueryOnSelect&&d(""),e.onSuggestionSelected(n)},getSuggestionValue:t=>e.updateQueryOnSelection?function(e,t){return f(t,e)?t[e]:""}(e.valueKey,t):u,renderSuggestion:t=>L(e.getSuggestionComponent)?e.getSuggestionComponent(t):function(e,t){return f(t,e)?i.createElement(i.Fragment,null,t[e]):i.createElement(i.Fragment,null)}(e.valueKey,t),alwaysRenderSuggestions:e.alwaysRenderSuggestions,focusInputOnSuggestionClick:!g,inputProps:{placeholder:e.placeholder||o.a.getPhrase("shared.searchBar","placeholder"),value:u,onChange:(t,{newValue:n})=>{d(n),L(e.onQueryChange)&&e.onQueryChange(n)},onKeyDown:t=>{8===t.keyCode&&e.onBackspace&&!u&&e.onBackspace()},autoFocus:!!e.autoFocusInput,highlightOnFocus:e.highlightInputOnFocus,onClickSearchIcon:!!e.submitOnClickSearchIcon&&P,searchIconPlacement:e.searchIconPlacement,showClearInputIcon:!!e.showClearInputIcon&&!!u.length,onClickClearInput:()=>{d(""),L(e.onClickClearInput)&&e.onClickClearInput()}},renderInputComponent:j,theme:S(e.theme),multiSection:!0,renderSectionTitle:I,getSectionSuggestions:b},e.alwaysRenderSuggestionsOnInputFocus?{shouldRenderSuggestions:()=>!0}:{})))}A.defaultProps={updateQueryOnSelection:!0,valueKey:"name",activationLength:3,suggestionLimit:5,recentSearches:[],initialSuggestions:[],searchIconPlacement:"right",renderAsForm:!0}},1592:function(e,t,n){e.exports={suggestionContainer:"_2omIR"}},1674:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n(80),r=n(40),s=n(9),o=n(19),l=n(62),c=n(44),u=n(316),d=n(94),y=n(1194);function p(e,t){const n=e,i=t,r=Object(y.a)(e&&(e=>n(e).key));Object(a.useEffect)(()=>{r.shouldInitialFetch&&t&&i()},[r.shouldInitialFetch,t]),Object(a.useEffect)(()=>{r.nextCursor&&!r.isFetching&&t&&i(r.nextCursor)},[r.nextCursor,r.isFetching,t])}var g=n(74),m=n(1157),f=n(58),h=n(1325);const v=e=>"recent:playlists:added:to:"+e,b={getRecentlyAddedTo:e=>h.a.getRecentItem(v(e),f.a),addRecentlyAddedTo:(e,t)=>h.a.addRecentItem(v(e),f.a,t)};var I=n(126),P=n(1135),S=n(1129),C=n(48),w=n(3),O=n(322),E=n(143),k=n(46),j=n(66),L=n(17),$=n(1336),A=n(1592),F=n.n(A);function T(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 n=[],a=!0,i=!1,r=void 0;try{for(var s,o=e[Symbol.iterator]();!(a=(s=o.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return R(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 R(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 x="playlists.selectPlaylist";function N(e){var t=k.a.isFunction(e.isVideoInPlaylist)&&e.isVideoInPlaylist(e.playlist),n=t?"":"cursor-pointer",i=t?L.b.Check:L.b.Plus,r="d-inline-block svg-container";t&&(r+=" text-success");var s=t?"This video is already in this playlist":"";return a.createElement("span",{className:n},a.createElement(j.a,{svgName:i,size:j.b.Small,className:r,title:s}),a.createElement("span",{className:"ml-2 text-break"},e.playlist.name))}function V(e){var t=T(a.useState(""),2),n=t[0],i=t[1],r="";n&&(r+=" border-bottom pb-2");var o=E.a.sortBy(e.playlists,"name"),l=b.getRecentlyAddedTo(e.currentUserId);return l=l.slice(0,3).map((function(t){return e.playlists.find((function(e){return e.id===t}))})),a.createElement(a.Fragment,null,a.createElement($.a,{onQueryChange:function(e){return i(e.trim())},onSuggestionSelected:e.onSelectPlaylist,updateQueryOnSelection:!1,recentSearches:l,recentSearchHeading:s.a.getPhrase(x,"recentPlaylistsHeading"),suggestionsHeading:s.a.getPhrase(x,"suggestionsHeading"),local:o,initialSuggestions:o,activationLength:1,placeholder:s.a.getPhrase(x,"placeholder"),theme:{container:r,suggestionsContainer:"mt-2 ".concat(F.a.suggestionContainer),suggestionsContainerOpen:"",suggestion:"cursor-pointer py-1"},searchIconPlacement:"left",alwaysRenderSuggestions:!0,suggestionLimit:!1,getSuggestionComponent:function(t){return a.createElement(N,{playlist:t,isVideoInPlaylist:e.isVideoInPlaylist})},autoFocusInput:!0}),k.a.isFunction(e.createPlaylist)&&!!n&&a.createElement("div",{className:"pt-2 text-break"},a.createElement("span",{className:"cursor-pointer",onClick:function(){return e.createPlaylist(n)}},a.createElement(j.a,{svgName:L.b.Plus,size:j.b.Small}),a.createElement(d.b,{namespace:x,phrase:"createPlaylist",options:{name:n}}))))}var _=n(190),B=n(7),D=n(13);function U(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 n=[],a=!0,i=!1,r=void 0;try{for(var s,o=e[Symbol.iterator]();!(a=(s=o.next()).done)&&(n.push(s.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return W(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return W(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 W(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}n.d(t,"AddToPlaylistView",(function(){return M}));var q=s.a.encloseNamespace("playlists.addToPlaylist"),H=function(e){return m.a.getUserPlaylists(new P.a(I.a.AtoZ,e))},K=function(e,t){return function(n){return m.a.getVideoPlaylists(e,t,n)}};function M(e){var t=Object(i.useDispatch)(),n=Object(S.a)(),s=U(a.useState(!1),2),f=s[0],h=s[1],v=o.a.useBasicFetch(g.a.currentUser()),I=o.a.useBasicFetch(O.a.video(e.videoId)),P=Object(y.a)((function(e){return H(e).key})),E=Object(y.a)((function(t){return!!v.data&&K(e.videoId,v.data.id)(t).key})),k=!!E.items&&E.items.map((function(e){return e.id}));p(H,(function(e){o.a.getFetch(t,H(e))()})),p(!!v.data&&K(e.videoId,v.data.id),!!v.data&&function(n){o.a.getFetch(t,K(e.videoId,v.data.id)(n))()});var j=function(a,i){h(!0);o.a.fetch(t,m.a.addToPlaylist(a.id,[e.videoId],(function(){n.success({heading:_.a.Success,type:l.a.Success,message:q(i?"successNew":"success",{video:I.data.name,playlist:a.name}),appLink:{application:B.a.PLAYLISTS,action:D.a.Playlists.PLAYLIST,args:[a.id,c.a.slugify(a.name)]},appLinkText:q("goToPlaylist",{playlist:a.name}),appLinkClassName:"info-link"}),C.a.logUserAction({id:I.data.id,playlistId:a.id},{actionType:w.UserAction.Associate,entity:w.EntityType.Video,descriptor:w.AssocDescriptor.Playlist,workflowPhase:w.WorkflowPhase.Complete,location:w.LocationContext.Popup}),e.closePopup(),b.addRecentlyAddedTo(v.data.id,{id:a.id})}),(function(){n.error(q("addError",{video:I.data.name,playlist:a.name}))})))},L=!(!I.data||!P.items||P.nextCursor||!v.data||!E.items||E.nextCursor);return a.createElement(u.a,{title:q("heading"),closePopup:e.closePopup,showLoadingSpinner:!L,size:"lg"},L&&a.createElement(a.Fragment,null,a.createElement("div",{className:"mb-2"},a.createElement(d.b,{namespace:"playlists.addToPlaylist",phrase:"selectPlaylist",options:{video:I.data.name}})),f?a.createElement("div",{className:"text-center"},a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.createElement(V,{playlists:P.items,currentUserId:v.data.id,onSelectPlaylist:function(e){k.includes(e.id)||j(e)},isVideoInPlaylist:function(e){return k.includes(e.id)},createPlaylist:function(a){h(!0),o.a.fetch(t,m.a.createPlaylist(v.data.id,{name:a},(function(e){e&&e.id&&(C.a.logUserAction({id:e.id},{actionType:w.UserAction.Create,entity:w.EntityType.Playlist,workflowPhase:w.WorkflowPhase.Complete,location:w.LocationContext.Popup}),j(e,!0))}),(function(){n.error(q("createError",{video:I.data.name,playlist:a})),e.closePopup()})))}})))}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[9],{1129:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(212),r=n(62),i=n(73);function o(){const e=Object(a.a)(i.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},1136:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));const a={isNumber:e=>a.isType(e,"number"),isString:e=>a.isType(e,"string"),isType:(e,t)=>typeof e===t}},1231:function(e,t,n){e.exports={inputWithoutHighlight:"-L0yF",suggestionsContainerOpen:"ahMdW",sectionContainer:"xstWL",suggestionHighlighted:"_3YTCa",inputContainer:"_1wn3m",clearButton:"_1BwBs",inputWithLeftIcon:"qxZOe",inputWithRightIcon:"_3U4W-",inputWithTwoRightIcons:"_2rgzF",iconContainer:"_1DLw5",leftIconContainer:"AZCtZ",rightIconContainer:"_1R52s"}},1336:function(e,t,n){"use strict";var a,r=n(0),i=n(1125),o=n(46),s=n(9),c=n(75),l=n(43),u=n(27),m=n(19),g=n(72),d=n(1136),p=n(1231),h=n.n(p);function f(e,t){return g.a.isObject(e)&&e.hasOwnProperty(t)&&d.a.isString(e[t])}function C(e,t,n){return({value:r})=>{if(r.length||n(),!(r.length<e.activationLength)){if(e.local){const n=o.a.isFunction(e.getLocalSuggestions)?e.getLocalSuggestions(r,e.local):function(e,t,n){const a=e.trim().toLowerCase();return a.length?t.filter(e=>!(!f(e,n)||!d.a.isString(e[n]))&&e[n].trim().toLowerCase().includes(a)):[]}(r,e.local,e.valueKey);t(e=>Object.assign(Object.assign({},e),{[a.Local]:n}))}e.getRemoteUrl&&function(e,t,n,a){const r=o.a.isFunction(e)&&e(t);r&&m.a.ajaxRequest({resource:r,type:u.a.GET,success:n,error:()=>{},headers:a})}(e.getRemoteUrl,r,n=>t(t=>Object.assign(Object.assign({},t),{[a.Remote]:o.a.isFunction(e.formatRemoteSuggestions)?e.formatRemoteSuggestions(n):n})),e.requestHeaders)}}}function v(e,t,n,r,i,s){const c=t=>e[t]||[],l=t?c(a.Recent):[],u=c(a.Local),m=c(a.Remote),g=[];l.length&&g.push({title:n,data:l});let d=[...u,...m];return d.length?(Number.isInteger(s)&&d.length>s&&(d=d.slice(0,s)),o.a.isFunction(i)?g.push(...i(d)):g.push({title:r,data:d}),g):g}function y(e){return e.data}function S(e){if(e.title)return r.createElement("div",{className:"px-2 pb-1"},r.createElement("strong",null,e.title))}!function(e){e.Local="local",e.Recent="recent",e.Remote="remote"}(a||(a={}));const b={container:"position-relative",suggestionsContainerOpen:"bg-white py-1 border rounded "+h.a.suggestionsContainerOpen,suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:h.a.suggestionHighlighted,sectionContainer:"border-bottom py-1 "+h.a.sectionContainer};function E(e={}){return Object.assign(b,e)}var I=n(66),w=n(17),O=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function N(e,t,n,a){let r="form-control";return n||(r+=" "+h.a.inputWithoutHighlight),"left"===e&&(r+=" "+h.a.inputWithLeftIcon),("right"===e&&!t||"left"===e&&t)&&(r+=" "+h.a.inputWithRightIcon),"right"===e&&t&&(r+=" "+h.a.inputWithTwoRightIcons),a&&(r+=""+a),r}function x(e){const t="d-inline-block svg-container";return o.a.isFunction(e)?t+" cursor-pointer":t}function R(e){const{onClickSearchIcon:t,searchIconPlacement:n,showClearInputIcon:a,onClickClearInput:i,highlightOnFocus:o,className:s}=e,c=O(e,["onClickSearchIcon","searchIconPlacement","showClearInputIcon","onClickClearInput","highlightOnFocus","className"]),l=()=>r.createElement("div",{className:"d-inline-block"},r.createElement(I.a,{svgName:w.b.Search,size:I.b.Standard,onClick:t,className:x(t)}));return r.createElement("div",{className:"position-relative "+h.a.inputContainer},"left"===n&&r.createElement("div",{className:`${h.a.iconContainer} ${h.a.leftIconContainer}`},r.createElement(l,null)),r.createElement("input",Object.assign({className:N(n,a,o,s)},c)),("right"===n||!!a)&&r.createElement("div",{className:`${h.a.iconContainer} ${h.a.rightIconContainer}`},!!a&&r.createElement(()=>r.createElement("div",{className:"d-inline-block text-muted "+h.a.clearButton},r.createElement(I.a,{svgName:w.b.Close,size:I.b.Standard,onClick:i,className:x(i)})),null),"right"===n&&r.createElement(l,null)))}n.d(t,"a",(function(){return j}));const k=o.a.isFunction;function L(e){return e.renderAsForm?r.createElement("form",{onSubmit:e.onSubmit},e.children):r.createElement(r.Fragment,null,e.children)}function j(e){const t=(n=e.initialSuggestions,o=e.recentSearches,{[a.Recent]:o,[a.Local]:n,[a.Remote]:[]});var n,o;const[u,m]=r.useState(e.initialQuery||""),[g,d]=r.useState(t),p=Object(c.a)(l.a.XS);r.useEffect(()=>{const t=e.initialQuery||"";u!==t&&m(t)},[e.initialQuery]);const h=()=>{d(t)},b=t=>{t.preventDefault(),k(e.onSubmit)&&e.onSubmit(u)};return r.createElement(L,{onSubmit:b,renderAsForm:!!e.renderAsForm},r.createElement(i,Object.assign({suggestions:v(g,!u,e.recentSearchHeading||s.a.getPhrase("shared.searchBar","recentSearchHeading"),e.suggestionsHeading,e.getSections,e.suggestionLimit),onSuggestionsFetchRequested:C(e,d,h),onSuggestionsClearRequested:()=>{e.alwaysRenderSuggestions||h()},onSuggestionSelected:(t,{suggestion:n})=>{e.clearQueryOnSelect&&m(""),e.onSuggestionSelected(n)},getSuggestionValue:t=>e.updateQueryOnSelection?function(e,t){return f(t,e)?t[e]:""}(e.valueKey,t):u,renderSuggestion:t=>k(e.getSuggestionComponent)?e.getSuggestionComponent(t):function(e,t){return f(t,e)?r.createElement(r.Fragment,null,t[e]):r.createElement(r.Fragment,null)}(e.valueKey,t),alwaysRenderSuggestions:e.alwaysRenderSuggestions,focusInputOnSuggestionClick:!p,inputProps:{placeholder:e.placeholder||s.a.getPhrase("shared.searchBar","placeholder"),value:u,onChange:(t,{newValue:n})=>{m(n),k(e.onQueryChange)&&e.onQueryChange(n)},onKeyDown:t=>{8===t.keyCode&&e.onBackspace&&!u&&e.onBackspace()},autoFocus:!!e.autoFocusInput,highlightOnFocus:e.highlightInputOnFocus,onClickSearchIcon:!!e.submitOnClickSearchIcon&&b,searchIconPlacement:e.searchIconPlacement,showClearInputIcon:!!e.showClearInputIcon&&!!u.length,onClickClearInput:()=>{m(""),k(e.onClickClearInput)&&e.onClickClearInput()}},renderInputComponent:R,theme:E(e.theme),multiSection:!0,renderSectionTitle:S,getSectionSuggestions:y},e.alwaysRenderSuggestionsOnInputFocus?{shouldRenderSuggestions:()=>!0}:{})))}j.defaultProps={updateQueryOnSelection:!0,valueKey:"name",activationLength:3,suggestionLimit:5,recentSearches:[],initialSuggestions:[],searchIconPlacement:"right",renderAsForm:!0}},1387:function(e,t,n){"use strict";n.d(t,"a",(function(){return C}));var a=n(0),r=n.n(a),i=n(40),o=n(9),s=n(324),c=n(325),l=n(100),u=n(338),m=n(1388),g=n(1549),d=n.n(g);function p(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 n=[],a=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(a=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(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 h(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 f=o.a.encloseNamespace("share.recipientItem");function C(e){var t=p(r.a.useState(!1),2),n=t[0],a=t[1],o=function(e){var t,n,a,r;if(e.typeId===l.a.User){var i=null===(t=e.yearGroups)||void 0===t?void 0:t.data;if(null==i?void 0:i.length)return i.map((function(e){return e.name})).join("•")}if(e.typeId===l.a.Classroom){var o=null===(n=e.users)||void 0===n?void 0:n.count;if(Number.isInteger(o))return f("classroomSubHeading",{smartCount:o})}if(e.typeId===l.a.ClassroomGroup){var s=null===(a=e.users)||void 0===a?void 0:a.count,c=null===(r=e.classroom)||void 0===r?void 0:r.name;if(Number.isInteger(s)&&c)return f("classroomGroupSubHeading",{classroom:c,smartCount:s})}return""}(e.entity),g="".concat(d.a.recipientItem," d-flex");n&&(g+=" ".concat(d.a.showSpinner));var h="".concat(d.a.svgContainer," rounded-circle h-100 w-100"),C="".concat(e.removeRecipient?d.a.recipientDetailsWithRemoveButton:d.a.recipientDetails," d-inline-block ml-2"),v=e.entity.name;return e.entity.typeId===l.a.User&&(v+=" ".concat(e.entity.surname)),r.a.createElement("div",{className:g},r.a.createElement("div",{className:"".concat(d.a.avatarContainer," d-inline-block")},e.entity.typeId===l.a.User&&r.a.createElement(s.a,{imageUrl:"",imageCdnUrl:e.imageCdnUrl,initials:c.a.getInitials(e.entity.name,e.entity.surname)}),e.entity.typeId===l.a.Classroom&&r.a.createElement("div",{className:"".concat(h," bg-east-side")},r.a.createElement(u.a,null)),e.entity.typeId===l.a.ClassroomGroup&&r.a.createElement("div",{className:"".concat(h," bg-portage")},r.a.createElement(m.a,null))),r.a.createElement("div",{className:C},r.a.createElement("h4",{className:"font-size-normal font-weight-normal m-0"},v),!!o&&r.a.createElement("p",{className:"text-muted m-0"},o)),!!e.removeRecipient&&r.a.createElement("div",{className:"".concat(d.a.removeRecipient," d-inline-flex justify-content-center align-items-center")},n?r.a.createElement(i.Spinner,{as:"div",size:"sm",animation:"border",role:"status"}):r.a.createElement("div",{className:"close cursor-pointer",role:"button",onClick:function(){a(!0),e.removeRecipient(e.entity.id,(function(){return a(!1)}))}},"×")))}},1388:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),r=n.n(a);function i(){return r.a.createElement("svg",{viewBox:"0 0 23 12"},r.a.createElement("defs",null,r.a.createElement("filter",{id:"filter-1"},r.a.createElement("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"}))),r.a.createElement("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},r.a.createElement("g",{id:"Entry-/-Groups",transform:"translate(-6.000000, -11.000000)"},r.a.createElement("g",{id:"Icon-/-Group",transform:"translate(5.000000, 5.000000)",filter:"url(#filter-1)"},r.a.createElement("g",{id:"group",transform:"translate(1.041667, 6.000000)",fill:"#000000",fillRule:"nonzero"},r.a.createElement("g",{id:"Group-2",transform:"translate(16.145833, 1.283058)"},r.a.createElement("path",{d:"M2.08333333,4.21694161 C0.9375,4.21694161 0,3.31694161 0,2.21694161 C0,1.11694161 0.9375,0.216941608 2.08333333,0.216941608 C3.22916667,0.216941608 4.16666667,1.11694161 4.16666667,2.21694161 C4.16666667,3.31694161 3.22916667,4.21694161 2.08333333,4.21694161 Z M2.08333333,1.21694161 C1.45833333,1.21694161 1.04166667,1.61694161 1.04166667,2.21694161 C1.04166667,2.81694161 1.45833333,3.21694161 2.08333333,3.21694161 C2.70833333,3.21694161 3.125,2.81694161 3.125,2.21694161 C3.125,1.61694161 2.70833333,1.21694161 2.08333333,1.21694161 Z",id:"Shape"}),r.a.createElement("path",{d:"M5.72916667,8.71694161 C5.41666667,8.71694161 5.20833333,8.51694161 5.20833333,8.21694161 L5.20833333,7.21694161 C5.20833333,6.41694161 4.47916667,5.71694161 3.64583333,5.71694161 L0.520833333,5.71694161 C0.208333333,5.71694161 0,5.51694161 0,5.21694161 C0,4.91694161 0.208333333,4.71694161 0.520833333,4.71694161 L3.64583333,4.71694161 C5.10416667,4.71694161 6.25,5.81694161 6.25,7.21694161 L6.25,8.21694161 C6.25,8.51694161 6.04166667,8.71694161 5.72916667,8.71694161 Z",id:"Path"})),r.a.createElement("g",{id:"Group",transform:"translate(0.520833, 1.283058)"},r.a.createElement("path",{d:"M4.16666667,4.21694161 C3.02083333,4.21694161 2.08333333,3.31694161 2.08333333,2.21694161 C2.08333333,1.11694161 3.02083333,0.216941608 4.16666667,0.216941608 C5.3125,0.216941608 6.25,1.11694161 6.25,2.21694161 C6.25,3.31694161 5.3125,4.21694161 4.16666667,4.21694161 Z M4.16666667,1.21694161 C3.54166667,1.21694161 3.125,1.61694161 3.125,2.21694161 C3.125,2.81694161 3.54166667,3.21694161 4.16666667,3.21694161 C4.79166667,3.21694161 5.20833333,2.81694161 5.20833333,2.21694161 C5.20833333,1.61694161 4.79166667,1.21694161 4.16666667,1.21694161 Z",id:"Shape"}),r.a.createElement("path",{d:"M0.520833333,8.71694161 C0.208333333,8.71694161 0,8.51694161 0,8.21694161 L0,7.21694161 C0,5.81694161 1.14583333,4.71694161 2.60416667,4.71694161 L5.72916667,4.71694161 C6.04166667,4.71694161 6.25,4.91694161 6.25,5.21694161 C6.25,5.51694161 6.04166667,5.71694161 5.72916667,5.71694161 L2.60416667,5.71694161 C1.77083333,5.71694161 1.04166667,6.41694161 1.04166667,7.21694161 L1.04166667,8.21694161 C1.04166667,8.51694161 0.833333333,8.71694161 0.520833333,8.71694161 Z",id:"Path"})),r.a.createElement("path",{d:"M11.4583333,6 C9.6875,6 8.33333333,4.7 8.33333333,3 C8.33333333,1.3 9.6875,0 11.4583333,0 C13.2291667,0 14.5833333,1.3 14.5833333,3 C14.5833333,4.7 13.2291667,6 11.4583333,6 Z M11.4583327,1.1199996 C10.3812495,1.1199996 9.49999958,1.9650996 9.49999958,2.9979996 C9.49999958,4.0308996 10.3812495,4.8759996 11.4583327,4.8759996 C12.5354159,4.8759996 13.4166658,4.0308996 13.4166658,2.9979996 C13.4166658,1.9650996 12.5354159,1.1199996 11.4583327,1.1199996 Z",id:"Shape"}),r.a.createElement("path",{d:"M16.1458333,12 C15.8617424,12 15.625,11.8171429 15.625,11.5428571 L15.625,9.71428571 C15.625,8.98285714 15.0568182,8 14.2992424,8 L8.61742424,8 C7.85984848,8 7.29166667,8.98285714 7.29166667,9.71428571 L7.29166667,11.5428571 C7.29166667,11.8171429 7.05492424,12 6.77083333,12 C6.48674242,12 6.25,11.8171429 6.25,11.5428571 L6.25,9.71428571 C6.25,8.43428571 7.29166667,7 8.61742424,7 L14.2992424,7 C15.625,7 16.6666667,8.43428571 16.6666667,9.71428571 L16.6666667,11.5428571 C16.6666667,11.8171429 16.4299242,12 16.1458333,12 Z",id:"Path"}))))))}},1404:function(e,t,n){"use strict";var a=n(0),r=n.n(a),i=n(143),o=n(9),s=n(1336),c=n(66),l=n(17),u=n(1387),m=n(40),g=n(314),d=n(325),p=n(324),h=n(166),f=n(100),C=n(338),v=n(1388),y=n(1550),S=n.n(y);function b(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 n=[],a=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(a=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return E(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(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 I=o.a.encloseNamespace("shared.inputSelection");function w(e){var t,n=e.selection.typeId===f.a.Classroom,a=e.selection.typeId===f.a.ClassroomGroup,i=n||a,o=0===(null===(t=e.selection.users)||void 0===t?void 0:t.count),s=b(r.a.useState(!1),2),u=s[0],y=s[1],E=b(r.a.useState(i&&!o),2),w=E[0],O=E[1];r.a.useEffect((function(){O(i&&!o)}),[i,o]);var N=function(e){switch(e){case f.a.User:return"bg-pelorous";case f.a.Classroom:return"bg-east-side";case f.a.ClassroomGroup:return"bg-portage"}}(e.selection.typeId);var x=e.selection.name;return e.selection.typeId===f.a.User&&(x+=" ".concat(e.selection.surname)),r.a.createElement("div",{className:"".concat(S.a.selection," ").concat(N," badge-pill text-white d-flex align-items-center mr-1 mt-1")},w&&!u&&r.a.createElement(g.a,{className:"d-flex align-items-center cursor-pointer border rounded-circle",onClick:function(){y(!0),e.onClickExpand(e.selection.id)}},r.a.createElement(c.a,{svgName:l.b.Plus,className:"d-flex align-items-center ".concat(S.a.svgContainer)})),w&&u&&r.a.createElement("div",{className:"d-flex align-items-center text-white border mr-1 ".concat(S.a.spinnerContainer)},r.a.createElement(m.Spinner,{as:"div",size:"sm",animation:"border",role:"status"})),!w&&i&&r.a.createElement(h.a,{title:I(n?"emptyClassroom":"emptyGroup")},r.a.createElement("div",{className:"d-flex align-items-center ".concat(S.a.emptySelectionSvgContainer)},n?r.a.createElement(C.a,null):r.a.createElement(v.a,null))),"user"===e.selection.type&&r.a.createElement("div",{className:S.a.svgContainer},r.a.createElement(p.a,{imageUrl:"",imageCdnUrl:e.imageCdnUrl,initials:d.a.getInitials(e.selection.name,e.selection.surname)})),r.a.createElement("span",{className:"mx-1"},x),r.a.createElement(g.a,{className:"d-flex align-items-center cursor-pointer",onClick:function(){return e.onClickRemove(e.selection.id)}},r.a.createElement(c.a,{svgName:l.b.Close,className:"d-flex align-items-center ".concat(S.a.svgContainer)})))}var O=n(1551),N=n.n(O);n.d(t,"a",(function(){return x}));function x(e){var t;return r.a.createElement("div",{className:"form-control h-auto d-flex align-items-top py-1 px-0 position-relative"},r.a.createElement(c.a,{className:"svg-container mx-1 align-self-start",svgName:l.b.Search}),r.a.createElement("div",{className:"".concat(N.a.selectionContainer," d-flex flex-wrap align-items-center mt-n1")},e.selections.map((function(t){return r.a.createElement(w,{key:t.id,selection:t,onClickRemove:function(t){return e.removeSelection(t)},onClickExpand:e.fetchSelectionMembers,imageCdnUrl:e.imageCdnUrl})})),r.a.createElement(s.a,{getRemoteUrl:e.getRemoteUrl,requestHeaders:e.requestHeaders,formatRemoteSuggestions:e.formatRemoteSuggestions,onSuggestionSelected:function(t){e.updateSelections(t)},onBackspace:function(){return e.selections.length&&e.removeSelection(i.a.last(e.selections).id)},local:e.localSuggestions,recentSearchHeading:e.recentSearchHeading||o.a.getPhrase("shared.tokenizedTypeahead","recentSearchHeading"),recentSearches:e.recentSearches,placeholder:(null===(t=e.selections)||void 0===t?void 0:t.length)?" ":e.placeholder,searchIconPlacement:!1,activationLength:e.activationLength,clearQueryOnSelect:!0,getSuggestionComponent:function(t){return r.a.createElement(u.a,{entity:t,imageCdnUrl:e.imageCdnUrl})},theme:{container:N.a.container,suggestionsContainerOpen:"bg-white py-1 rounded border mt-1 ".concat(N.a.suggestionsContainerOpen),suggestionsList:"list-unstyled m-0",suggestion:"cursor-pointer py-1 px-2",suggestionHighlighted:N.a.suggestionHighlighted},alwaysRenderSuggestionsOnInputFocus:!0})),!!e.sharePermissionsDescription&&r.a.createElement("span",{className:"px-2 text-secondary text-nowrap"},e.sharePermissionsDescription))}},1549:function(e,t,n){e.exports={removeRecipient:"n3Xwz",recipientItem:"_3o7ic",showSpinner:"_1zZJW",avatarContainer:"_3J2yY",recipientDetails:"MJnId",recipientDetailsWithRemoveButton:"_2iCWs",svgContainer:"_21cpJ"}},1550:function(e,t,n){e.exports={selection:"_3kISo",svgContainer:"_2H6mG",emptySelectionSvgContainer:"_3lIc_",spinnerContainer:"C_P0V"}},1551:function(e,t,n){e.exports={container:"_2XeBG",suggestionsContainerOpen:"_2TW1g",selectionContainer:"d4Lu3",suggestionHighlighted:"_2oleb"}}}]);
|