@clickview/lite 0.4.3-dev.1 → 0.4.3-rc.0

package/dist/scripts/{6864-abfc5caeb9-lite.chunk.js → 6864-2ec103cf82-lite.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6864],{49927:(e,t,n)=>{n.d(t,{u:()=>i});var a=n(57900),r=n(70064),o=function(e){return"recent:playlists:added:to:".concat(e)},i={getRecentlyAddedTo:function(e){return r.V.getRecentItem(o(e),a.SG)},addRecentlyAddedTo:function(e,t){return r.V.addRecentItem(o(e),a.SG,t)},removeRecentlyAddedTo:function(e,t){r.V.removeRecentItem(o(e),t,a.SG)}}},2381:(e,t,n)=>{n.d(t,{q:()=>i});var a=n(5173),r=n(23481),o="playlists.validation",i=a.Ry().shape({name:a.Z_().max(250,(function(){return r.T.getPhrase(o,"nameExceeds")})).required((function(){return r.T.getPhrase(o,"nameRequired")})),description:a.Z_().max(16e3,(function(){return r.T.getPhrase(o,"descriptionExceeds")})).nullable()})},23201:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(1024),r=n(92802),o=n(33936),i=n(83345),l=n(2102);function s(e){var t=(0,r.u6)(),n=(0,o.l)(t);return a.createElement(l.m,{variant:e.variant||"primary",type:"submit",disabled:!n,size:e.size,className:e.className?e.className:"",showSpinner:t.isSubmitting},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(i.x,{namespace:"shared.formButtons",phrase:e.isNew?"create":"save"}))}},38365:(e,t,n)=>{n.d(t,{n:()=>g,W:()=>h});var a=n(1024),r=n(92802),o=n(99910),i=n(1048),l=n(79014),s=n(73814);function c(e){var t=e.label,n=e.checkboxLabelClassName,r=e.checkboxLabelFontWeight,i=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}(e,["label","checkboxLabelClassName","checkboxLabelFontWeight"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(g,Object.assign({className:"custom-control-input"},i)),a.createElement(o.Form.Label,{className:"custom-control-label cursor-pointer ".concat("normal"===r?"font-weight-normal":""," \n          ").concat(n),htmlFor:i.id},t)))}var u=n(83914),m=n(61252),d=n(83345);function p(e){var t=(0,r.u6)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}function f(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 y=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 g(e){var t,n,o=e.children,s=y(e,["children"]),c=(t=a.useState(e.type),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=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return f(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)?f(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=c[0],p=c[1],g=l.q.isFunction(o)?function(e){return o(e)}:a.Children.count(o)?o:null;if("password"!==s.type)return a.createElement(r.gN,Object.assign({},i.t.omit(s,["formSize"])),g);var h="position-relative ".concat("d78lK");return s.className&&(h+=" ".concat(s.className)),s.disabled&&(h+=" ".concat("asbVo")),a.createElement("div",{className:h},a.createElement(r.gN,Object.assign({},i.t.omit(s,["formSize","type","className"]),{type:d,className:"".concat("RBJnf"," border-0 w-100 h-100 outline-none rounded")}),g),"password"===s.type&&a.createElement(u.x,{svgName:"password"===d?m.vn.VisibleOn:m.vn.VisibleOff,className:"svg-container cursor-pointer ".concat("jCfI0"),onClick:function(){p("password"===d?"text":"password")}}))}function h(e){var t=e.label,n=e.className,l=e.showCharacterCounter,f=e.showRequiredStar,h=e.infoTooltip,v=e.infoText,b=e.formSize,S=e.showOptionalLabel,E=y(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoText","formSize","showOptionalLabel"]),x=(0,r.u6)(),C=x.errors,P=x.touched,w=function(){};if("checkbox"===E.type){var k=i.t.omit(e,["formSize"]);return e.disabled&&(k.onChange=w),a.createElement(c,Object.assign({},k))}var N=Object.assign(Object.assign({},E),{className:s.w.getCustomFormControlClassName(C,P,E.name,b,n)});return e.disabled&&(N.onChange=w),a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:E.id,className:"d-flex align-items-center"},t,f&&a.createElement("span",{className:"text-danger"},"*"),h&&a.createElement(u.x,{svgName:m.vn.Info,title:h,tooltipPlacement:"top",tooltipSpanHack:!0}),S&&a.createElement("span",{className:"text-muted"}," ",a.createElement(d.x,{namespace:"shared.formField",phrase:"optional"}))),a.createElement(g,Object.assign({},N)),!!l&&!!E.maxLength&&a.createElement(p,{fieldName:E.name,limit:E.maxLength}),!!v&&a.createElement(o.Form.Text,{className:"text-muted"},v),a.createElement(r.Bc,{name:E.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}g.defaultProps={autoComplete:"off"},h.defaultProps={autoComplete:"off"}},82644:(e,t,n)=>{n.d(t,{b:()=>c,n:()=>s});var a=n(1024),r=n(92802),o=n(79014),i=n(1048);function l(e){var t=i.t.deepClone(e);return Object.keys(t).forEach((function(e){t.hasOwnProperty(e)&&(i.t.isObject(t[e])?t[e]=l(t[e]):null===t[e]&&delete t[e])})),t}function s(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,i=e.initialValues,s=e.onSubmit,c=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}(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),u=t&&e.validationSchema?e.validationSchema.cast(l(i)):i,m={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.J9,Object.assign({enableReinitialize:!0},c,{initialValues:u,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,i=n&&e.validationSchema?e.validationSchema.cast(t):t;s(i,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.reset&&o(),r(!1)}))},initialStatus:m}),o.q.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function c(){return(0,r.u6)()}s.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},89589:(e,t,n)=>{n.d(t,{x:()=>l});var a=n(1024),r=n.n(a),o=n(83345),i=n(28329);function l(e){var t=e.query,n=void 0===t?"":t,a=e.imageUrl,l=(0,i.N)(n,300);return r().createElement("div",{className:"d-flex flex-column align-items-center text-center",onClick:function(e){e.stopPropagation()}},r().createElement("img",{alt:"",role:"presentation",src:a,className:"pb-2 ".concat("bKTf0")}),r().createElement("h2",{className:"h6"},r().createElement(o.x,{namespace:"shared.typeaheadEmptyState",phrase:"noResults",options:{query:l,smartCount:l.length}})))}},97481:(e,t,n)=>{n.d(t,{d:()=>s});var a=n(1024),r=n.n(a),o=n(83345),i=n(11607);var l="shared.typeaheadErrorState";function s(e){return r().createElement("div",{className:"d-flex flex-column align-items-center text-center",onClick:function(e){e.stopPropagation()}},r().createElement("img",{alt:"",role:"presentation",src:e.imageUrl,className:"pb-2 ".concat("k5mEG")}),r().createElement("h2",{className:"h6"},r().createElement(o.x,{namespace:l,phrase:"error"})),r().createElement(i.L,{onClick:function(t){t.stopPropagation(),e.onClickTryAgain()},className:"btn btn-link info-link p-0"},r().createElement(o.x,{namespace:l,phrase:"tryAgain"})))}},7733:(e,t,n)=>{n.d(t,{b:()=>a,o:()=>r});var a=["bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"],r=["bg-pink","bg-orange"].concat(a)},33936:(e,t,n)=>{n.d(t,{l:()=>o});var a=n(1024);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}function o(e){var t,n,o,i=(n=a.useState(!1),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(n,o)||function(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}(n,o)||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.")}()),l=i[0],s=i[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?s(!0):s(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&s(!1)}),[e.isSubmitting]),l}},3010:(e,t,n)=>{n.d(t,{i:()=>o});var a=n(1024),r=n(45719);function o(e,t){var n=e,o=t,i=(0,r.P)(e&&function(e){return n(e).key});return(0,a.useEffect)((function(){i&&i.shouldInitialFetch&&t&&o()}),[null==i?void 0:i.shouldInitialFetch,t]),(0,a.useEffect)((function(){i&&i.nextCursor&&!i.isFetching&&t&&o(i.nextCursor)}),[null==i?void 0:i.nextCursor,null==i?void 0:i.isFetching,t]),i}},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,m=r&&r.statusCode,d=r&&r.hasCompleted,p=r&&r.shouldFetch,f=s(r&&r.data),y=c(r&&r.data),g=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(r&&r.data);y&&(u=(r=o.a.getResponse(t,n(y))).isFetching,m=r.statusCode,d=r.hasCompleted,!r.shouldFetch);){var h=s(r.data);h&&f.push.apply(f,function(e){if(Array.isArray(e))return l(e)}(S=h)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(S)||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}}(S)||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 v=c(r.data);y=v===y?null:v}var b={shouldInitialFetch:p,items:f,nextCursor:y,isFetching:u,statusCode:m,hasCompleted:d};return"number"==typeof g&&(b.totalItems=g),b}var S}}),[e]))}},73814:(e,t,n)=>{n.d(t,{w:()=>r});var a=n(92802),r={getCustomFormControlClassName:function(e,t,n,r,o){var i="form-control";return"sm"===r&&(i+=" form-control-sm"),"lg"===r&&(i+=" form-control-lg"),(0,a.u9)(t,n)&&(0,a.u9)(e,n)&&(i+=" is-invalid"),o&&(i+=" ".concat(o)),i}}},9085:(e,t,n)=>{function a(e,t){return t[e.charCodeAt(0)%t.length]}n.d(t,{x:()=>a})},79455:(e,t,n)=>{n.r(t),n.d(t,{AddToPlaylistView:()=>ne});var a=n(1024),r=n.n(a),o=n(58566),i=n(23481),l=n(20354),s=n(60139),c=n(28400),u=n(9111),m=n(83345),d=n(3010),p=n(31949),f=n(49927),y=n(76611),g=n(45719),h=n(70006),v=n(69883),b=n(49985),S=n(65858),E=n(99910),x=n(75896),C=n(79014),P=n(63732),w=n(83914),k=n(61252),N=n(7733),O=n(89589),A=n(97481),T=n(9085),I=n(99742),F=n(92802),j=n(2381),L=n(38365),V=n(82644),R=n(23201),U=n(73814),q="playlists.newPlaylistForm",B=i.T.encloseNamespace(q);function z(){var e=(0,V.b)(),t=(0,F.u6)(),n=t.errors,a=t.touched,o=U.w.getCustomFormControlClassName(n,a,"name");return r().createElement(F.l0,null,r().createElement(E.Form.Label,{htmlFor:"name"},r().createElement(m.x,{namespace:q,phrase:"label"})),r().createElement("div",{className:"input-group"},r().createElement(L.n,{type:"text",name:"name",id:"name",placeholder:B("placeholder"),autoFocus:!0,value:e.values.name,className:o}),r().createElement("div",{className:"input-group-append"},r().createElement(R.A,{isNew:!0,submitText:B("submit"),variant:"outline-dark",className:"border border-secondary"})),r().createElement(F.Bc,{name:"name"},(function(e){return r().createElement(E.Form.Control.Feedback,{type:"invalid"},e)}))))}function H(e){return r().createElement(V.n,{initialValues:{name:""},validationSchema:j.q,onSubmit:e.onSubmit},r().createElement(z,null))}const W={suggestionContainer:"zksPa",colourBox:"vO4kB"};function _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return G(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)?G(e,t):void 0}}(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 G(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 D="playlists.selectPlaylist";function Y(e){var t=C.q.isFunction(e.isVideoInPlaylist)&&e.isVideoInPlaylist(e.playlist),n=_(a.useState(t),2),r=n[0],o=n[1];a.useEffect((function(){r!==t&&o(t)}),[t]);var l=t?W.mask:"cursor-pointer",s=(0,T.x)(e.playlist.name,N.o);return a.createElement("span",{className:"".concat(l," d-flex align-items-center"),onClick:function(){return o(!t)}},a.createElement("div",{className:"".concat(W.colourBox," ").concat(s," d-inline-block rounded flex-shrink-0")},r&&a.createElement(w.x,{svgName:k.vn.Check,size:w.S.Large,title:i.T.getPhrase(D,"checkTooltip"),tooltipSpanHack:!0})),a.createElement("span",{className:"ml-2 text-break"},e.playlist.name))}function M(e){var t=_(a.useState(""),2),n=t[0],r=t[1],o=_(a.useState(!1),2),l=o[0],s=o[1],c="";n&&(c+=" border-bottom pb-2");var u,d,p=x.m.sortBy(e.playlists,"name"),y=f.u.getRecentlyAddedTo(e.currentUserId);return y=y.slice(0,3).map((function(t){return e.playlists.find((function(e){return e.id===t}))})).filter((function(e){return!!e})),a.createElement(a.Fragment,null,a.createElement(P.E,{onQueryChange:function(e){return r(e.trim())},onSuggestionSelected:e.onSelectPlaylist,updateQueryOnSelection:!1,recentSearches:y,recentSearchHeading:i.T.getPhrase(D,"recentPlaylistsHeading"),suggestionsHeading:i.T.getPhrase(D,"suggestionsHeading"),local:p,initialSuggestions:p,activationLength:1,placeholder:i.T.getPhrase(D,"placeholder"),theme:{container:c,suggestionsContainer:"mt-2 ".concat(W.suggestionContainer),suggestionsContainerOpen:""},searchIconPlacement:"left",alwaysRenderSuggestions:!0,suggestionLimit:!1,getEmptyStateComponent:function(e){return a.createElement(O.x,{query:e,imageUrl:I.W.EmptyStates.TYPEAHEAD_RESULTS})},getErrorStateComponent:function(e){return a.createElement(A.d,{onClickTryAgain:e,imageUrl:I.W.TYPEAHEAD_ERROR})},getSuggestionComponent:function(t){return a.createElement(Y,{playlist:t,isVideoInPlaylist:e.isVideoInPlaylist})},autoFocusInput:!0,customScrollbarProps:{style:{height:(u=p.length,d=3,u>3&&(d=u),u>8&&(d=8),36+31*d+"px")}}}),a.createElement("div",{className:"border-top pt-3 px-3 mx-n3"},l?a.createElement(H,{onSubmit:function(t){return e.createPlaylist(t.name)}}):a.createElement(E.Button,{variant:"link",className:"text-info p-0",onClick:function(){return s(!0)}},a.createElement(m.x,{namespace:D,phrase:"createPlaylist"}))))}var K=n(65185),Z=n(59991),$=n(97291),J=n(14070),Q="playlists.addToPlaylist",X=i.T.encloseNamespace(Q),ee=function(e){return Z.C.getUserPlaylists(new h.l(y.o.AtoZ,e))},te=function(e,t){return function(n){return Z.C.getVideoPlaylists(e,t,n)}};function ne(e){var t=(0,o.useDispatch)(),n=(0,v.Z)(),r=l.a.useBasicFetch(p.N.currentUser()),i=l.a.useBasicFetch(Z.C.getVideoCandidate(e.videoId)),y=(0,g.P)((function(e){return ee(e).key})),h=(0,g.P)((function(t){return!!r.data&&te(e.videoId,r.data.id)(t).key})),E=!!h.items&&h.items.map((function(e){return e.id}));(0,d.i)(ee,(function(e){l.a.getFetch(t)(ee(e))})),(0,d.i)(!!r.data&&te(e.videoId,r.data.id),!!r.data&&function(n){l.a.getFetch(t)(te(e.videoId,r.data.id)(n))});var x=function(a,o){l.a.fetch(t,Z.C.addToPlaylist(a.id,[i.data],(function(){n.success({heading:K.R.Success,type:s.NK.Success,message:X(o?"successNew":"success",{video:i.data.name,playlist:a.name,escapeText:!0}),appLink:{application:$.O.PLAYLISTS,action:J.e.Playlists.PLAYLIST,args:[a.id,c.m.slugify(a.name)]},appLinkText:X("goToPlaylist",{playlist:a.name}),appLinkClassName:"info-link"}),b.k.logUserAction({id:i.data.id,playlistId:a.id},{actionType:S.UserAction.Associate,entity:S.EntityType.Video,descriptor:S.AssocDescriptor.Playlist,workflowPhase:S.WorkflowPhase.Complete,location:S.LocationContext.Popup}),f.u.addRecentlyAddedTo(r.data.id,{id:a.id}),o&&e.closePopup()}),(function(){n.error(X("addError",{video:i.data.name,playlist:a.name,escapeText:!0})),e.closePopup()})))},C=!(!i.data||!y.items||y.nextCursor||!r.data||!h.items||h.nextCursor);return a.createElement(u.G,{title:X("heading"),closePopup:e.closePopup,showLoadingSpinner:!C},C&&a.createElement(a.Fragment,null,a.createElement("div",{className:"mb-2"},a.createElement(m.x,{namespace:Q,phrase:"selectPlaylist",options:{video:i.data.name}})),a.createElement(M,{playlists:y.items,currentUserId:r.data.id,onSelectPlaylist:function(a){E.includes(a.id)?function(a){l.a.fetch(t,Z.C.removePlaylistVideo(a.id,i.data,(function(){n.success({heading:K.R.Success,type:s.NK.Success,message:X("successRemove",{video:i.data.name,playlist:a.name,escapeText:!0}),appLink:{application:$.O.PLAYLISTS,action:J.e.Playlists.PLAYLIST,args:[a.id,c.m.slugify(a.name)]},appLinkText:X("goToPlaylist",{playlist:a.name}),appLinkClassName:"info-link"}),b.k.logUserAction({id:i.data.id,playlistId:a.id},{actionType:S.UserAction.Dissociate,entity:S.EntityType.Video,descriptor:S.AssocDescriptor.Playlist,workflowPhase:S.WorkflowPhase.Complete,location:S.LocationContext.Popup})}),(function(){n.error(X("removeError",{video:i.data.name,playlist:a.name,escapeText:!0})),e.closePopup()})))}(a):x(a)},isVideoInPlaylist:function(e){return E.includes(e.id)},createPlaylist:function(a){l.a.fetch(t,Z.C.createPlaylist(r.data.id,{name:a},(function(e){e&&e.id&&(b.k.logUserAction({id:e.id},{actionType:S.UserAction.Create,entity:S.EntityType.Playlist,workflowPhase:S.WorkflowPhase.Complete,location:S.LocationContext.Popup}),x(e,!0))}),(function(){n.error(X("createError",{video:i.data.name,playlist:a,escapeText:!0})),e.closePopup()})))}})))}}}]);
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6864],{49927:(e,t,n)=>{n.d(t,{u:()=>i});var a=n(57900),r=n(70064),o=function(e){return"recent:playlists:added:to:".concat(e)},i={getRecentlyAddedTo:function(e){return r.V.getRecentItem(o(e),a.SG)},addRecentlyAddedTo:function(e,t){return r.V.addRecentItem(o(e),a.SG,t)},removeRecentlyAddedTo:function(e,t){r.V.removeRecentItem(o(e),t,a.SG)}}},2381:(e,t,n)=>{n.d(t,{q:()=>i});var a=n(5173),r=n(23481),o="playlists.validation",i=a.Ry().shape({name:a.Z_().max(250,(function(){return r.T.getPhrase(o,"nameExceeds")})).required((function(){return r.T.getPhrase(o,"nameRequired")})),description:a.Z_().max(16e3,(function(){return r.T.getPhrase(o,"descriptionExceeds")})).nullable()})},23201:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(1024),r=n(92802),o=n(33936),i=n(83345),l=n(2102);function s(e){var t=(0,r.u6)(),n=(0,o.l)(t);return a.createElement(l.m,{variant:e.variant||"primary",type:"submit",disabled:!n,size:e.size,className:e.className?e.className:"",showSpinner:t.isSubmitting},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(i.x,{namespace:"shared.formButtons",phrase:e.isNew?"create":"save"}))}},38365:(e,t,n)=>{n.d(t,{n:()=>g,W:()=>h});var a=n(1024),r=n(92802),o=n(99910),i=n(1048),l=n(79014),s=n(73814);function c(e){var t=e.label,n=e.checkboxLabelClassName,r=e.checkboxLabelFontWeight,i=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}(e,["label","checkboxLabelClassName","checkboxLabelFontWeight"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(g,Object.assign({className:"custom-control-input"},i)),a.createElement(o.Form.Label,{className:"custom-control-label cursor-pointer ".concat("normal"===r?"font-weight-normal":""," \n          ").concat(n),htmlFor:i.id},t)))}var u=n(83914),m=n(61252),d=n(83345);function p(e){var t=(0,r.u6)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}function f(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 y=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 g(e){var t,n,o=e.children,s=y(e,["children"]),c=(t=a.useState(e.type),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=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return f(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)?f(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=c[0],p=c[1],g=l.q.isFunction(o)?function(e){return o(e)}:a.Children.count(o)?o:null;if("password"!==s.type)return a.createElement(r.gN,Object.assign({},i.t.omit(s,["formSize"])),g);var h="position-relative ".concat("d78lK");return s.className&&(h+=" ".concat(s.className)),s.disabled&&(h+=" ".concat("asbVo")),a.createElement("div",{className:h},a.createElement(r.gN,Object.assign({},i.t.omit(s,["formSize","type","className"]),{type:d,className:"".concat("RBJnf"," border-0 w-100 h-100 outline-none rounded")}),g),"password"===s.type&&a.createElement(u.x,{svgName:"password"===d?m.vn.VisibleOn:m.vn.VisibleOff,className:"svg-container cursor-pointer ".concat("jCfI0"),onClick:function(){p("password"===d?"text":"password")}}))}function h(e){var t=e.label,n=e.className,l=e.showCharacterCounter,f=e.showRequiredStar,h=e.infoTooltip,v=e.infoText,b=e.formSize,S=e.showOptionalLabel,E=y(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoText","formSize","showOptionalLabel"]),x=(0,r.u6)(),C=x.errors,P=x.touched,w=function(){};if("checkbox"===E.type){var k=i.t.omit(e,["formSize"]);return e.disabled&&(k.onChange=w),a.createElement(c,Object.assign({},k))}var N=Object.assign(Object.assign({},E),{className:s.w.getCustomFormControlClassName(C,P,E.name,b,n)});return e.disabled&&(N.onChange=w),a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:E.id,className:"d-flex align-items-center"},t,f&&a.createElement("span",{className:"text-danger"},"*"),h&&a.createElement(u.x,{svgName:m.vn.Info,title:h,tooltipPlacement:"top",tooltipSpanHack:!0}),S&&a.createElement("span",{className:"text-muted"}," ",a.createElement(d.x,{namespace:"shared.formField",phrase:"optional"}))),a.createElement(g,Object.assign({},N)),!!l&&!!E.maxLength&&a.createElement(p,{fieldName:E.name,limit:E.maxLength}),!!v&&a.createElement(o.Form.Text,{className:"text-muted"},v),a.createElement(r.Bc,{name:E.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}g.defaultProps={autoComplete:"off"},h.defaultProps={autoComplete:"off"}},82644:(e,t,n)=>{n.d(t,{b:()=>c,n:()=>s});var a=n(1024),r=n(92802),o=n(79014),i=n(1048);function l(e){var t=i.t.deepClone(e);return Object.keys(t).forEach((function(e){t.hasOwnProperty(e)&&(i.t.isObject(t[e])?t[e]=l(t[e]):null===t[e]&&delete t[e])})),t}function s(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,i=e.initialValues,s=e.onSubmit,c=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}(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),u=t&&e.validationSchema?e.validationSchema.cast(l(i)):i,m={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.J9,Object.assign({enableReinitialize:!0},c,{initialValues:u,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,i=n&&e.validationSchema?e.validationSchema.cast(t):t;s(i,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.reset&&o(),r(!1)}))},initialStatus:m}),o.q.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function c(){return(0,r.u6)()}s.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},89589:(e,t,n)=>{n.d(t,{x:()=>l});var a=n(1024),r=n.n(a),o=n(83345),i=n(28329);function l(e){var t=e.query,n=void 0===t?"":t,a=e.imageUrl,l=(0,i.N)(n,300);return r().createElement("div",{className:"d-flex flex-column align-items-center text-center",onClick:function(e){e.stopPropagation()}},r().createElement("img",{alt:"",role:"presentation",src:a,className:"pb-2 ".concat("bKTf0")}),r().createElement("h2",{className:"h6"},r().createElement(o.x,{namespace:"shared.typeaheadEmptyState",phrase:"noResults",options:{query:l,smartCount:l.length}})))}},97481:(e,t,n)=>{n.d(t,{d:()=>s});var a=n(1024),r=n.n(a),o=n(83345),i=n(11607);var l="shared.typeaheadErrorState";function s(e){return r().createElement("div",{className:"d-flex flex-column align-items-center text-center",onClick:function(e){e.stopPropagation()}},r().createElement("img",{alt:"",role:"presentation",src:e.imageUrl,className:"pb-2 ".concat("k5mEG")}),r().createElement("h2",{className:"h6"},r().createElement(o.x,{namespace:l,phrase:"error"})),r().createElement(i.L,{onClick:function(t){t.stopPropagation(),e.onClickTryAgain()},className:"btn btn-link info-link p-0"},r().createElement(o.x,{namespace:l,phrase:"tryAgain"})))}},7733:(e,t,n)=>{n.d(t,{b:()=>a,o:()=>r});var a=["bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"],r=["bg-pink","bg-orange"].concat(a)},33936:(e,t,n)=>{n.d(t,{l:()=>o});var a=n(1024);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}function o(e){var t,n,o,i=(n=a.useState(!1),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(n,o)||function(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}(n,o)||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.")}()),l=i[0],s=i[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?s(!0):s(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&s(!1)}),[e.isSubmitting]),l}},3010:(e,t,n)=>{n.d(t,{i:()=>o});var a=n(1024),r=n(45719);function o(e,t){var n=e,o=t,i=(0,r.P)(e&&function(e){return n(e).key});return(0,a.useEffect)((function(){i&&i.shouldInitialFetch&&t&&o()}),[null==i?void 0:i.shouldInitialFetch,t]),(0,a.useEffect)((function(){i&&i.nextCursor&&!i.isFetching&&t&&o(i.nextCursor)}),[null==i?void 0:i.nextCursor,null==i?void 0:i.isFetching,t]),i}},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,m=r&&r.statusCode,d=r&&r.hasCompleted,p=r&&r.shouldFetch,f=s(r&&r.data),y=c(r&&r.data),g=function(e){var t;if(e)return null===(t=e)||void 0===t?void 0:t.count}(r&&r.data);y&&(u=(r=o.a.getResponse(t,n(y))).isFetching,m=r.statusCode,d=r.hasCompleted,!r.shouldFetch);){var h=s(r.data);h&&f.push.apply(f,function(e){if(Array.isArray(e))return l(e)}(S=h)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(S)||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}}(S)||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 v=c(r.data);y=v===y?null:v}var b={shouldInitialFetch:p,items:f,nextCursor:y,isFetching:u,statusCode:m,hasCompleted:d};return"number"==typeof g&&(b.totalItems=g),b}var S}}),[e]))}},73814:(e,t,n)=>{n.d(t,{w:()=>r});var a=n(92802),r={getCustomFormControlClassName:function(e,t,n,r,o){var i="form-control";return"sm"===r&&(i+=" form-control-sm"),"lg"===r&&(i+=" form-control-lg"),(0,a.u9)(t,n)&&(0,a.u9)(e,n)&&(i+=" is-invalid"),o&&(i+=" ".concat(o)),i}}},9085:(e,t,n)=>{function a(e,t){return t[e.charCodeAt(0)%t.length]}n.d(t,{x:()=>a})},79455:(e,t,n)=>{n.r(t),n.d(t,{AddToPlaylistView:()=>ne});var a=n(1024),r=n.n(a),o=n(58566),i=n(23481),l=n(20354),s=n(60139),c=n(28400),u=n(9111),m=n(83345),d=n(3010),p=n(31949),f=n(49927),y=n(76611),g=n(45719),h=n(70006),v=n(69883),b=n(49985),S=n(65858),E=n(99910),x=n(75896),C=n(79014),P=n(63732),w=n(83914),k=n(61252),N=n(7733),O=n(89589),A=n(97481),T=n(9085),I=n(99742),F=n(92802),j=n(2381),L=n(38365),V=n(82644),R=n(23201),U=n(73814),q="playlists.newPlaylistForm",B=i.T.encloseNamespace(q);function z(){var e=(0,V.b)(),t=(0,F.u6)(),n=t.errors,a=t.touched,o=U.w.getCustomFormControlClassName(n,a,"name");return r().createElement(F.l0,null,r().createElement(E.Form.Label,{htmlFor:"name"},r().createElement(m.x,{namespace:q,phrase:"label"})),r().createElement("div",{className:"input-group"},r().createElement(L.n,{type:"text",name:"name",id:"name",placeholder:B("placeholder"),autoFocus:!0,value:e.values.name,className:o}),r().createElement("div",{className:"input-group-append"},r().createElement(R.A,{isNew:!0,submitText:B("submit"),variant:"outline-dark",className:"border border-secondary"})),r().createElement(F.Bc,{name:"name"},(function(e){return r().createElement(E.Form.Control.Feedback,{type:"invalid"},e)}))))}function H(e){return r().createElement(V.n,{initialValues:{name:""},validationSchema:j.q,onSubmit:e.onSubmit},r().createElement(z,null))}const W={suggestionContainer:"zksPa",colourBox:"vO4kB"};function _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return G(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)?G(e,t):void 0}}(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 G(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 D="playlists.selectPlaylist";function Y(e){var t=C.q.isFunction(e.isVideoInPlaylist)&&e.isVideoInPlaylist(e.playlist),n=_(a.useState(t),2),r=n[0],o=n[1];a.useEffect((function(){r!==t&&o(t)}),[t]);var l=t?W.mask:"cursor-pointer",s=(0,T.x)(e.playlist.name,N.o);return a.createElement("span",{className:"".concat(l," d-flex align-items-center"),onClick:function(){return o(!t)}},a.createElement("div",{className:"".concat(W.colourBox," ").concat(s," d-inline-block rounded flex-shrink-0")},r&&a.createElement(w.x,{svgName:k.vn.Check,size:w.S.Large,title:i.T.getPhrase(D,"checkTooltip"),tooltipSpanHack:!0})),a.createElement("span",{className:"ml-2 text-break"},e.playlist.name))}function M(e){var t=_(a.useState(""),2),n=t[0],r=t[1],o=_(a.useState(!1),2),l=o[0],s=o[1],c="";n&&(c+=" border-bottom pb-2");var u,d,p=x.m.sortBy(e.playlists,"name"),y=f.u.getRecentlyAddedTo(e.currentUserId);return y=y.slice(0,3).map((function(t){return e.playlists.find((function(e){return e.id===t}))})).filter((function(e){return!!e})),a.createElement(a.Fragment,null,a.createElement(P.E,{onQueryChange:function(e){return r(e.trim())},onSuggestionSelected:e.onSelectPlaylist,updateQueryOnSelection:!1,recentSearches:y,recentSearchHeading:i.T.getPhrase(D,"recentPlaylistsHeading"),suggestionsHeading:i.T.getPhrase(D,"suggestionsHeading"),local:p,initialSuggestions:p,activationLength:1,placeholder:i.T.getPhrase(D,"placeholder"),theme:{container:c,suggestionsContainer:"mt-2 ".concat(W.suggestionContainer),suggestionsContainerOpen:""},searchIconPlacement:"left",alwaysRenderSuggestions:!0,suggestionLimit:!1,getEmptyStateComponent:function(e){return a.createElement(O.x,{query:e,imageUrl:I.W.EmptyStates.TYPEAHEAD_RESULTS})},getErrorStateComponent:function(e){return a.createElement(A.d,{onClickTryAgain:e,imageUrl:I.W.TYPEAHEAD_ERROR})},getSuggestionComponent:function(t){return a.createElement(Y,{playlist:t,isVideoInPlaylist:e.isVideoInPlaylist})},autoFocusInput:!0,customScrollbarProps:{style:{height:(u=p.length,d=3,u>3&&(d=u),u>8&&(d=8),36+31*d+"px")}}}),a.createElement("div",{className:"border-top pt-3 px-3 mx-n3"},l?a.createElement(H,{onSubmit:function(t){return e.createPlaylist(t.name)}}):a.createElement(E.Button,{variant:"link",className:"text-info p-0",onClick:function(){return s(!0)}},a.createElement(m.x,{namespace:D,phrase:"createPlaylist"}))))}var K=n(65185),Z=n(59991),$=n(97291),J=n(14070),Q="playlists.addToPlaylist",X=i.T.encloseNamespace(Q),ee=function(e){return Z.C.getUserPlaylists(new h.l(y.o.AtoZ,e))},te=function(e,t){return function(n){return Z.C.getVideoPlaylists(e,t,n)}};function ne(e){var t=(0,o.useDispatch)(),n=(0,v.Z)(),r=l.a.useBasicFetch(p.N.currentUser()),i=l.a.useBasicFetch(Z.C.getVideoCandidate(e.videoId)),y=(0,g.P)((function(e){return ee(e).key})),h=(0,g.P)((function(t){return!!r.data&&te(e.videoId,r.data.id)(t).key})),E=!!h.items&&h.items.map((function(e){return e.id}));(0,d.i)(ee,(function(e){l.a.getFetch(t)(ee(e))})),(0,d.i)(!!r.data&&te(e.videoId,r.data.id),!!r.data&&function(n){l.a.getFetch(t)(te(e.videoId,r.data.id)(n))});var x=function(a,o){l.a.fetch(t,Z.C.addToPlaylist(a.id,[i.data],(function(){n.success({heading:K.R.Success,type:s.NK.Success,message:X(o?"successNew":"success",{video:i.data.name,playlist:a.name,escapeText:!0}),appLink:{application:$.O.PLAYLISTS,action:J.e.Playlists.PLAYLIST,args:[a.id,c.m.slugify(a.name)]},appLinkText:X("goToPlaylist",{playlist:a.name}),appLinkClassName:"info-link"}),b.k.logUserAction({id:i.data.id,playlistId:a.id},{actionType:S.UserAction.Associate,entity:S.EntityType.Video,descriptor:S.AssocDescriptor.Playlist,workflowPhase:S.WorkflowPhase.Complete,location:S.LocationContext.Popup}),f.u.addRecentlyAddedTo(r.data.id,{id:a.id}),o&&e.closePopup()}),(function(){n.error(X("addError",{video:i.data.name,playlist:a.name,escapeText:!0})),e.closePopup()})))},C=!(!i.data||!y.items||y.nextCursor||!r.data||!h.items||h.nextCursor);return a.createElement(u.G,{title:X("heading"),closePopup:e.closePopup,showLoadingSpinner:!C},C&&a.createElement(a.Fragment,null,a.createElement("div",{className:"mb-2"},a.createElement(m.x,{namespace:Q,phrase:"selectPlaylist",options:{video:i.data.name}})),a.createElement(M,{playlists:y.items,currentUserId:r.data.id,onSelectPlaylist:function(a){E.includes(a.id)?function(a){l.a.fetch(t,Z.C.removePlaylistVideo(a.id,i.data.id,i.data.typeId,(function(){n.success({heading:K.R.Success,type:s.NK.Success,message:X("successRemove",{video:i.data.name,playlist:a.name,escapeText:!0}),appLink:{application:$.O.PLAYLISTS,action:J.e.Playlists.PLAYLIST,args:[a.id,c.m.slugify(a.name)]},appLinkText:X("goToPlaylist",{playlist:a.name}),appLinkClassName:"info-link"}),b.k.logUserAction({id:i.data.id,playlistId:a.id},{actionType:S.UserAction.Dissociate,entity:S.EntityType.Video,descriptor:S.AssocDescriptor.Playlist,workflowPhase:S.WorkflowPhase.Complete,location:S.LocationContext.Popup})}),(function(){n.error(X("removeError",{video:i.data.name,playlist:a.name,escapeText:!0})),e.closePopup()})))}(a):x(a)},isVideoInPlaylist:function(e){return E.includes(e.id)},createPlaylist:function(a){l.a.fetch(t,Z.C.createPlaylist(r.data.id,{name:a},(function(e){e&&e.id&&(b.k.logUserAction({id:e.id},{actionType:S.UserAction.Create,entity:S.EntityType.Playlist,workflowPhase:S.WorkflowPhase.Complete,location:S.LocationContext.Popup}),x(e,!0))}),(function(){n.error(X("createError",{video:i.data.name,playlist:a,escapeText:!0})),e.closePopup()})))}})))}}}]);