@clickview/lite 0.75.0-rc.0 → 0.75.0-rc.1
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.
- package/dist/bundles.json +1 -1
- package/dist/scripts/{1199-56e647318b-lite.chunk.js → 1199-a2ac2338d0-lite.chunk.js} +2 -2
- package/dist/scripts/1199-a2ac2338d0-lite.chunk.js.map +1 -0
- package/dist/scripts/4050-dd1d1b7824-lite.chunk.js +3 -0
- package/dist/scripts/4050-dd1d1b7824-lite.chunk.js.map +1 -0
- package/dist/scripts/5241-163f5ac64c-lite.chunk.js +3 -0
- package/dist/scripts/5241-163f5ac64c-lite.chunk.js.map +1 -0
- package/dist/scripts/{7252-7d8cfa863b-lite.chunk.js → 7252-367b621695-lite.chunk.js} +3 -3
- package/dist/scripts/{7252-7d8cfa863b-lite.chunk.js.map → 7252-367b621695-lite.chunk.js.map} +1 -1
- package/dist/scripts/8723-0e2d0ac241-lite.chunk.js +3 -0
- package/dist/scripts/8723-0e2d0ac241-lite.chunk.js.map +1 -0
- package/dist/scripts/bundle-95a6fc2722.min.js +3 -0
- package/dist/scripts/{bundle-ab6b7dc985.min.js.map → bundle-95a6fc2722.min.js.map} +1 -1
- package/package.json +1 -1
- package/dist/scripts/1199-56e647318b-lite.chunk.js.map +0 -1
- package/dist/scripts/4050-7bda75f544-lite.chunk.js +0 -3
- package/dist/scripts/4050-7bda75f544-lite.chunk.js.map +0 -1
- package/dist/scripts/5241-ec9b0f642f-lite.chunk.js +0 -3
- package/dist/scripts/5241-ec9b0f642f-lite.chunk.js.map +0 -1
- package/dist/scripts/8723-7802a8728e-lite.chunk.js +0 -3
- package/dist/scripts/8723-7802a8728e-lite.chunk.js.map +0 -1
- package/dist/scripts/bundle-ab6b7dc985.min.js +0 -3
- /package/dist/scripts/{4050-7bda75f544-lite.chunk.js.LICENSE.txt → 4050-dd1d1b7824-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{5241-ec9b0f642f-lite.chunk.js.LICENSE.txt → 5241-163f5ac64c-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{7252-7d8cfa863b-lite.chunk.js.LICENSE.txt → 7252-367b621695-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{8723-7802a8728e-lite.chunk.js.LICENSE.txt → 8723-0e2d0ac241-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{bundle-ab6b7dc985.min.js.LICENSE.txt → bundle-95a6fc2722.min.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! For license information please see 8723-0e2d0ac241-lite.chunk.js.LICENSE.txt */
|
|
2
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8723],{66122:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(32735);function a(e){return r.createElement("span",{id:"".concat(e.name,"Error"),className:"".concat(e.className," invalid-feedback d-block"),role:"status"},e.children)}},93681:(e,t,n)=>{n.d(t,{o:()=>d});var r=n(32735),a=n(31453),o=n(2786),c=n(4594);const l="s6wnJ",i="UFQ2T",u="Tp9_3";function s(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 r,a,o,c,l=[],i=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.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)?m(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 m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function f(e){switch(e){case c.E.Video:case c.E.Interactive:case c.E.Clip:return"y0V3Z";case c.E.Subject:case c.E.Playlist:return"x3h8F";case c.E.Series:return"Wrg5x";default:return""}}function d(e){return r.createElement("div",{className:"d-flex"},e.children)}var h={cover:u,full:"AlF2T"},p={base:"uQ2rm",full:""};d.NarrowContent=function(e){return r.createElement("div",{className:"".concat("INvJ0"," mx-auto w-100 ").concat(e.className?e.className:"")},e.children)},d.Left=function(e){return r.createElement("div",{className:"".concat(l," ").concat(e.className?e.className:"")},e.children)},d.LeftImage=function(e){var t=s(r.useState(!1),2),n=t[0],a=t[1],o=s(r.useState(""),2),c=o[0],m=o[1];return r.useEffect((function(){if(e.imageUrl){var t=new Image;return t.onload=function(){return a(!0)},t.src=e.imageUrl,function(){return t.onload=null}}var n=e.fallbackImages[Math.floor(Math.random()*e.fallbackImages.length)];m(n.bgUrl)}),[e.imageUrl]),r.createElement("div",{className:"".concat(l," ").concat(i," ").concat(u," bg-light"),style:{backgroundImage:c?"url('".concat(c,"')"):""}},n&&r.createElement(r.Fragment,null,r.createElement("div",{className:"Mtlg9",style:{backgroundImage:"url('".concat(e.imageUrl,"')")}}),r.createElement("div",{className:"".concat("NxEjh"," ").concat(f(e.objectType))},r.createElement("div",{className:"NN9cV"},r.createElement("img",{className:"PkJ8J",src:e.imageUrl,alt:e.title})))))},d.LeftImageWithBackground=function(e){var t={backgroundImage:e.imageUrl?'url("'.concat(e.imageUrl,'")'):""};return e.backgroundColor&&(t.backgroundColor=e.backgroundColor),r.createElement("div",{className:"".concat(l," ").concat(i," ").concat(h[e.imageSize||"cover"]," d-flex align-items-center"),style:t,title:e.title})},d.Right=function(e){return r.createElement("div",{className:"".concat("eoZzJ"," ").concat(e.className?e.className:"")},e.children)},d.Header=function(e){var t,n=(null==e?void 0:e.logoComponent)||o.$S;return r.createElement("div",{className:"position-relative"},!!e.bannerComponent&&e.bannerComponent,r.createElement("div",{className:(0,a.A)("YHNgA","position-absolute",null===(t=e.className)||void 0===t?void 0:t.logoContainer)},r.createElement(n,null)),e.children)},d.Content=function(e){return r.createElement("div",{className:(0,a.A)("RVyLM","d-flex flex-column justify-content-center h-100",null==e?void 0:e.className)},e.children)},d.ContentBody=function(e){var t=p[e.width||"base"];return r.createElement("div",{className:(0,a.A)("aLd5V",t,"m-auto p-3",e.className)},e.children)},d.Buttons=function(e){return r.createElement("div",{className:(0,a.A)("position-fixed bg-white d-flex align-items-center","ZW85Q",null==e?void 0:e.className)},e.children)}},78723:(e,t,n)=>{n.r(t),n.d(t,{SelectAnonUserView:()=>G});var r=n(32735),a=n(81886),o=n(23481),c=n(20354),l=n(75896),i=n(2208),u=n(30439),s=n(64249),m=n(11607),f=n(66122),d=n(7432),h=n(93681),p=n(83345),v=n(54610),g=n(31949),b=n(67453),y=n(31908),E=n(97027),N=n(13746),w=n(71214),x=n(75608);const C={aviBackground:"oHeDN",aviContainer:"J3O78",aviIcon:"vNvft"};var k=["🐵","🐒","🦍","🦧","🐶","🐕","🦮","🐕🦺","🐩","🐺","🦊","🦝","🐱","🐈","🐈⬛","🦁","🐯","🐅","🐆","🐴","🐎","🦄","🦓","🦌","🐮","🐂","🐃","🐄","🐷","🐖","🐗","🐽","🐏","🐑","🐐","🦙","🦒","🐘","🦣","🦏","🦛","🦘","🦥","🦦","🦨","🦡","🐇","🐁","🐀","🦔","🐿️","🦇","🐉","🦎","🐍","🐢","🐊","🦖","🦕","🐙","🦑","🦐","🦞","🦀","🦪","🐡","🐠","🐟","🐬","🐳","🐋","🦈","🦭","🐾"],I=["bg-orange","bg-indigo","bg-teal","bg-cyan","bg-purple","bg-pink","bg-red","bg-yellow","bg-green","bg-blue"];function S(e,t){for(var n,r=0,a=0;null!==(n=a<(null==e?void 0:e.length))&&void 0!==n&&n;a++)r+=e.charCodeAt(a);return t[r%t.length]}function L(e){return r.createElement("span",{className:"h1 d-block mb-0 position-relative ".concat(C.aviContainer)},r.createElement("span",{className:"\n ".concat(S(e.recipient.publicName,I),"\n rounded-circle\n position-absolute\n top-0\n start-0\n bottom-0\n end-0\n ").concat(C.aviBackground,"\n ")}),r.createElement("span",{className:"\n ".concat(C.aviIcon,"\n position-absolute\n top-50\n start-50\n ")},S(e.recipient.publicName,k)))}const U={confirmationContainer:"TIEUw"};function j(e){return j="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},j(e)}function A(){A=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},c=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",i=o.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,n){return e[t]=n}}function s(e,t,n,r){var o=t&&t.prototype instanceof g?t:g,c=Object.create(o.prototype),l=new P(r||[]);return a(c,"_invoke",{value:I(e,n,l)}),c}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=s;var f="suspendedStart",d="suspendedYield",h="executing",p="completed",v={};function g(){}function b(){}function y(){}var E={};u(E,c,(function(){return this}));var N=Object.getPrototypeOf,w=N&&N(N(_([])));w&&w!==n&&r.call(w,c)&&(E=w);var x=y.prototype=g.prototype=Object.create(E);function C(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function k(e,t){function n(a,o,c,l){var i=m(e[a],e,o);if("throw"!==i.type){var u=i.arg,s=u.value;return s&&"object"==j(s)&&r.call(s,"__await")?t.resolve(s.__await).then((function(e){n("next",e,c,l)}),(function(e){n("throw",e,c,l)})):t.resolve(s).then((function(e){u.value=e,c(u)}),(function(e){return n("throw",e,c,l)}))}l(i.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function I(t,n,r){var a=f;return function(o,c){if(a===h)throw Error("Generator is already running");if(a===p){if("throw"===o)throw c;return{value:e,done:!0}}for(r.method=o,r.arg=c;;){var l=r.delegate;if(l){var i=S(l,r);if(i){if(i===v)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===f)throw a=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=h;var u=m(t,n,r);if("normal"===u.type){if(a=r.done?p:d,u.arg===v)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(a=p,r.method="throw",r.arg=u.arg)}}}function S(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,S(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;var o=m(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var c=o.arg;return c?c.done?(n[t.resultName]=c.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):c:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function L(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function U(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,this),this.reset(!0)}function _(t){if(t||""===t){var n=t[c];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return o.next=o}}throw new TypeError(j(t)+" is not iterable")}return b.prototype=y,a(x,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=u(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,u(e,i,"GeneratorFunction")),e.prototype=Object.create(x),e},t.awrap=function(e){return{__await:e}},C(k.prototype),u(k.prototype,l,(function(){return this})),t.AsyncIterator=k,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var c=new k(s(e,n,r,a),o);return t.isGeneratorFunction(n)?c:c.next().then((function(e){return e.done?e.value:c.next()}))},C(x),u(x,i,"Generator"),u(x,c,(function(){return this})),u(x,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=_,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(U),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var c=this.tryEntries[o],l=c.completion;if("root"===c.tryLoc)return a("end");if(c.tryLoc<=this.prev){var i=r.call(c,"catchLoc"),u=r.call(c,"finallyLoc");if(i&&u){if(this.prev<c.catchLoc)return a(c.catchLoc,!0);if(this.prev<c.finallyLoc)return a(c.finallyLoc)}else if(i){if(this.prev<c.catchLoc)return a(c.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<c.finallyLoc)return a(c.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var c=o?o.completion:{};return c.type=e,c.arg=t,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(c)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),U(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;U(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:_(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),v}},t}function P(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 r,a,o,c,l=[],i=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return _(e,t);var n={}.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)?_(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 _(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var O=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function c(e){try{i(r.next(e))}catch(e){o(e)}}function l(e){try{i(r.throw(e))}catch(e){o(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,l)}i((r=r.apply(e,t||[])).next())}))},T="launchpad.selectAnonUser",B=o.T.encloseNamespace(T);function G(e){var t,n=c.a.useGetFetchAsync(),o=P(r.useState(w.h.getAnonUser(e.shareId)||""),2),C=o[0],k=o[1],I=P(r.useState(!!w.h.getAnonUser(e.shareId)),2),S=I[0],j=I[1],_=P(r.useState(""),2),G=_[0],F=_[1],R=P(r.useState("enter-name"),2),W=R[0],D=R[1],M=P(r.useState(null),2),V=M[0],J=M[1],Y=P(r.useState(null),2),z=Y[0],H=Y[1],Q=c.a.useBasicFetch(g.N.currentUser()),Z=(0,x.a)(e.shareId),$=c.a.useBasicFetch(u.o.getShareRecipients(e.shareId));function q(e){e.preventDefault(),(null==C?void 0:C.trim())?(V||J("enter-name"),D("confirm")):F("Please provide a name")}if(r.useLayoutEffect((function(){N.R.remove()}),[]),r.useEffect((function(){var t,n;if($.hasCompleted)return w.h.getAnonUser(e.shareId)?(D("confirm"),void J((null===(t=$.data)||void 0===t?void 0:t.length)?"select-user":"enter-name")):void((null===(n=$.data)||void 0===n?void 0:n.length)&&D("select-user"))}),[$.hasCompleted]),!Z||!$.hasCompleted)return r.createElement(r.Fragment,null);var K=b.j.createUrl(s.I.getImageUrl(Z),{size:v.h2.Large});return r.createElement(h.o,null,r.createElement(h.o.LeftImage,{title:Z.name,imageUrl:K,objectType:Z.typeId,fallbackImages:E.Hq}),r.createElement(h.o.Right,null,r.createElement(h.o.Header,null),r.createElement(h.o.Content,null,r.createElement("div",{className:"mb-auto text-center"},y.M.isInteractive(Z)&&r.createElement("div",{className:"mb-3 d-lg-none d-block w-75 mx-auto"},r.createElement(d.Z,{data:y.M.getThumbnail(Z),imageType:v.__.Thumbnails,className:"rounded-3 overflow-hidden"})),r.createElement("h1",{className:"h2"},Z.name)),"enter-name"===W&&r.createElement(r.Fragment,null,r.createElement(h.o.NarrowContent,{className:"mb-auto"},r.createElement("form",{onSubmit:q},r.createElement("div",{className:"form-group"},r.createElement("label",{className:"h2",htmlFor:"name"},r.createElement(p.x,{namespace:T,phrase:"label"})),r.createElement("input",{className:"form-control form-control-lg ".concat(G?"is-invalid":""),type:"text","aria-label":B("placeholder"),placeholder:B("placeholder"),autoFocus:!0,value:C,onChange:function(e){k(e.target.value),F("")},autoComplete:"off",autoCorrect:"off",autoCapitalize:"none",spellCheck:"false",name:"name",id:"name"}),!!G&&r.createElement(f.A,{name:"name"},G)))),r.createElement(h.o.Buttons,null,!!(null===(t=$.data)||void 0===t?void 0:t.length)&&r.createElement("button",{className:"btn btn-link btn-lg",onClick:function(){return D("select-user")}},r.createElement(p.x,{namespace:T,phrase:"back"})),r.createElement("div",{className:"d-flex justify-content-end w-100"},r.createElement("button",{className:"btn btn-lg btn-dark",onClick:q},r.createElement(p.x,{namespace:T,phrase:"continue"}))))),"select-user"===W&&r.createElement(r.Fragment,null,r.createElement(h.o.NarrowContent,{className:"mb-auto"},r.createElement("h2",null,r.createElement(p.x,{namespace:T,phrase:"selectName"})),r.createElement("ul",{className:"list-unstyled row"},l.m.sortBy($.data,(function(e){return e.publicName})).map((function(e,t){return r.createElement("li",{key:t,className:"col-3 p-2"},r.createElement(m.L,{className:"text-center rounded border py-2 ".concat((null==z?void 0:z.id)===e.id?"border-info bg-light-blue":""),onClick:function(){return function(e){H(e)}(e)}},r.createElement("div",{className:"px-3"},r.createElement(L,{recipient:e})),r.createElement("p",{className:"mb-0 mt-2 fw-semibold text-truncate"},e.publicName)))})))),r.createElement(h.o.Buttons,null,r.createElement("div",{className:"d-flex justify-content-between w-100"},r.createElement("button",{className:"btn btn-lg btn-link",onClick:function(){H(null),D("enter-name"),J("select-user")}},r.createElement(p.x,{namespace:T,phrase:"cantFindName"})),r.createElement("button",{className:"btn btn-lg btn-dark",onClick:function(){z&&(J("select-user"),D("confirm"))},disabled:!z},r.createElement(p.x,{namespace:T,phrase:"continue"}))))),"confirm"===W&&r.createElement(h.o.NarrowContent,{className:"mb-auto text-center"},z&&r.createElement("div",{className:"".concat(U.confirmationContainer," mx-auto")},r.createElement(L,{recipient:z})),r.createElement("p",{className:"h2"},r.createElement(p.x,{namespace:T,phrase:S?"welcome":"hi",options:{name:(null==z?void 0:z.publicName)||C}})),r.createElement("p",{className:"h2 mb-4"},r.createElement(p.x,{namespace:T,phrase:"ready"})),r.createElement("button",{className:"btn btn-lg btn-dark w-100 mb-3",onClick:function(){var t;return O(this,void 0,void 0,A().mark((function r(){var o;return A().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return w.h.setAnonUser(e.shareId,(null==z?void 0:z.publicName)||C.trim()),r.prev=1,o=u.o.createAnonSession(e.shareId,i.Y.getClientSessionData(null===(t=Q.data)||void 0===t?void 0:t.id).windowId,(null==z?void 0:z.publicName)||C.trim()),r.next=5,n(o);case 5:return r.prev=5,a.Q.Ab.Reload(),r.finish(5);case 8:case"end":return r.stop()}}),r,null,[[1,,5,8]])})))}},r.createElement(p.x,{namespace:T,phrase:"start"})),r.createElement("button",{className:"btn btn-lg btn-link w-100",onClick:function(){var e;k(""),D(V),j(!1),i.Y.resetClientSession(null===(e=Q.data)||void 0===e?void 0:e.id)}},r.createElement(p.x,{namespace:T,phrase:"notMyName"}))))))}},75608:(e,t,n)=>{n.d(t,{a:()=>d});var r=n(20354),a=n(30439),o=n(4594),c=n(21750),l=n(43012),i=n(20768),u=n(5112),s=n(60011),m=n(31949),f=n(1575);function d(e){var t=r.a.useBasicFetch(m.N.currentUser()),n=r.a.useBasicFetch(a.o.getShareObject(e)),d=function(){if(!n.data||!t.data)return null;switch(n.data.objectTypeId){case o.E.Video:return f.R.publicVideo(n.data.objectId,e);case o.E.Clip:return l.e.publicClip(n.data.objectId,e);case o.E.Interactive:return i.b.publicInteractiveMetadata(n.data.objectId,e);case o.E.Playlist:return u.C.getSharedPlaylist(n.data.objectId,e);case o.E.Subject:return c.x.classification(n.data.objectId,t.data.id);case o.E.Series:return s.J.sharedSeries(n.data.objectId,e)}}();return r.a.useBasicFetch(d).data}},97027:(e,t,n)=>{n.d(t,{Hq:()=>m,Zf:()=>h});var r=n(32735),a=n(54610),o=n(4594),c=n(67453),l=n(99742);const i={left:"vIypY",leftTextImage:"YViNj",right:"MkD4u",blur:"X6mCh",imageContainer:"bc7kz",imagePosition:"JOhEj",image:"Ef2QR",thumbnail:"Gdurb",tallposter:"fjVNK",cover:"o3j31",linksContainer:"AT9Dk"};function u(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 r,a,o,c,l=[],i=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n={}.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}}(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 s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=[{bgUrl:l.W.LaunchPad.BG_1},{bgUrl:l.W.LaunchPad.BG_2},{bgUrl:l.W.LaunchPad.BG_3},{bgUrl:l.W.LaunchPad.BG_4},{bgUrl:l.W.LaunchPad.BG_5}],f=[{bgUrl:l.W.LaunchPad.PRODUCT.BG_1},{bgUrl:l.W.LaunchPad.PRODUCT.BG_2},{bgUrl:l.W.LaunchPad.PRODUCT.BG_3},{bgUrl:l.W.LaunchPad.PRODUCT.BG_4},{bgUrl:l.W.LaunchPad.PRODUCT.BG_5},{bgUrl:l.W.LaunchPad.PRODUCT.BG_6},{bgUrl:l.W.LaunchPad.PRODUCT.BG_7},{bgUrl:l.W.LaunchPad.PRODUCT.BG_8},{bgUrl:l.W.LaunchPad.PRODUCT.BG_9}];function d(e){switch(e){case o.E.Video:case o.E.Interactive:case o.E.Clip:return i.thumbnail;case o.E.Subject:case o.E.Playlist:return i.cover;case o.E.Series:return i.tallposter;default:return""}}function h(e){var t,n=u(r.useState(!1),2),o=n[0],l=n[1],s=u(r.useState(""),2),m=s[0],h=s[1],p=c.j.createUrl(e.imageUrl,{size:a.h2.Large}),v=f;return r.useEffect((function(){if(!p&&v&&0!==v.length){var e,t=(e=v)[Math.floor(Math.random()*e.length)];t.bgUrl&&h(t.bgUrl)}}),[]),r.useEffect((function(){if(p){var e=new Image;return e.onload=function(){return l(!0)},e.src=p,function(){return e.onload=null}}}),[]),r.createElement("div",{className:"d-flex"},e.leftComponent?e.leftComponent():r.createElement("div",{className:"".concat(i.left," ").concat(m?"bg-blue d-flex align-items-center":"bg-light")},m?r.createElement("img",{className:"img-fluid",src:m,draggable:!1}):o&&r.createElement(r.Fragment,null,r.createElement("div",{className:i.blur,style:{backgroundImage:"url('".concat(p,"')")}}),r.createElement("div",{className:"".concat(i.imageContainer," ").concat(d(e.objectType))},r.createElement("div",{className:i.imagePosition},r.createElement("img",{className:i.image,src:p,alt:e.title}))))),r.createElement("div",{className:"".concat(i.right," bg-white d-flex flex-column")},r.createElement("div",{className:"position-absolute d-flex align-items-center ".concat(i.linksContainer)},null===(t=e.links)||void 0===t?void 0:t.map((function(e,t){return e.hide?r.createElement(r.Fragment,{key:t}):r.createElement("a",{key:t,href:e.url,className:"info-link fw-semibold",onClick:e.onClick},e.text)}))),e.children))}}}]);
|
|
3
|
+
//# sourceMappingURL=8723-0e2d0ac241-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/8723-0e2d0ac241-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/forms/form-feedback/FormFeedback.tsx","file:///app/packages/libs/shared/src/components/launchpad/v2/launchpad-v2.scss","file:///app/packages/libs/shared/src/components/launchpad/v2/LaunchpadV2.tsx","file:///app/packages/projects/lite/src/apps/launchpad/views/select-anon-user/components/emoji-avi.scss","file:///app/packages/projects/lite/src/apps/launchpad/views/select-anon-user/components/EmojiAvi.tsx","file:///app/packages/projects/lite/src/apps/launchpad/views/select-anon-user/select-anon-user.scss","file:///app/packages/projects/lite/src/apps/launchpad/views/select-anon-user/SelectAnonUserView.tsx","file:///app/packages/projects/lite/src/apps/share/hooks/useFetchSharedResource.ts","file:///app/packages/projects/lite/src/shared/components/launchpad/launchpad.scss","file:///app/packages/projects/lite/src/shared/components/launchpad/Launchpad.tsx"],"sourcesContent":["import React from 'react';\n\ninterface FormFeedbackProps extends React.PropsWithChildren {\n name: string;\n className?: string;\n}\n\nexport function FormFeedback(props: FormFeedbackProps) {\n return (\n <span id={`${props.name}Error`} className={`${props.className} invalid-feedback d-block`} role='status'>{props.children}</span>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"s6wnJ\",\"leftWithImage\":\"UFQ2T\",\"bgCover\":\"Tp9_3\",\"bgFull\":\"AlF2T\",\"right\":\"eoZzJ\",\"rightContent\":\"RVyLM\",\"narrowContent\":\"INvJ0\",\"logo\":\"YHNgA\",\"buttonContainer\":\"ZW85Q\",\"blur\":\"Mtlg9\",\"imageContainer\":\"NxEjh\",\"imagePosition\":\"NN9cV\",\"image\":\"PkJ8J\",\"thumbnail\":\"y0V3Z\",\"tallposter\":\"Wrg5x\",\"cover\":\"x3h8F\",\"contentBody\":\"aLd5V\",\"contentBodyBase\":\"uQ2rm\"};","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { MasterType } from 'libs/shared/enums/MasterType';\n\nimport styles from './launchpad-v2.scss';\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n switch (objectType) {\n case MasterType.Video:\n case MasterType.Interactive:\n case MasterType.Clip:\n return styles.thumbnail;\n\n case MasterType.Subject:\n case MasterType.Playlist:\n return styles.cover;\n\n case MasterType.Series:\n return styles.tallposter;\n\n default:\n return '';\n }\n}\n\ninterface LaunchpadV2Props {\n}\n\nexport function LaunchpadV2(props: React.PropsWithChildren<LaunchpadV2Props>): JSX.Element {\n return (\n <div className='d-flex'>\n {props.children}\n </div>\n );\n}\n\ninterface LeftPanelProps {\n className?: string;\n}\n\n\nfunction LeftPanel(props: React.PropsWithChildren<LeftPanelProps>): JSX.Element {\n return (\n <div className={`${styles.left} ${props.className ? props.className : ''}`}>\n {props.children}\n </div>\n );\n}\n\ninterface LeftImageProps {\n objectType?: MasterType;\n title?: string;\n imageUrl?: string;\n fallbackImages: LaunchImage[];\n}\n\ninterface LaunchImage {\n bgUrl: string;\n}\n\nfunction LeftImage(props: LeftImageProps): JSX.Element {\n const [ showImage, setShowImage ] = React.useState(false);\n const [ image, setImage ] = React.useState<string>('');\n\n React.useEffect(() => {\n if (!props.imageUrl) {\n const image = props.fallbackImages[Math.floor(Math.random() * props.fallbackImages.length)];\n setImage(image.bgUrl);\n return;\n }\n\n const img = new Image();\n img.onload = () => setShowImage(true);\n img.src = props.imageUrl;\n return () => img.onload = null;\n }, [props.imageUrl]);\n\n return (\n <div\n className={`${styles.left} ${styles.leftWithImage} ${styles.bgCover} bg-light`}\n style={{ backgroundImage: image ? `url('${image}')` : '' }}\n >\n {showImage &&\n <>\n <div className={styles.blur} style={{ backgroundImage: `url('${props.imageUrl}')` }} />\n <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n <div className={styles.imagePosition}>\n <img className={styles.image} src={props.imageUrl} alt={props.title} />\n </div>\n </div>\n </>\n }\n </div>\n );\n}\n\ntype ImageSizeType = 'cover' | 'full';\n\ninterface LeftImageWithBackgroundProps {\n imageUrl: string;\n imageSize?: ImageSizeType;\n backgroundColor?: string;\n title?: string;\n}\n\nconst imageSizeMap: {[key in ImageSizeType]: string} = {\n cover: styles.bgCover,\n full: styles.bgFull\n};\n\nfunction LeftImageWithBackground(props: LeftImageWithBackgroundProps): JSX.Element {\n const bgStyles: React.CSSProperties = {\n backgroundImage: props.imageUrl ? `url(\"${props.imageUrl}\")` : ''\n };\n\n if (props.backgroundColor)\n bgStyles.backgroundColor = props.backgroundColor;\n \n return (\n <div\n className={`${styles.left} ${styles.leftWithImage} ${imageSizeMap[props.imageSize || 'cover']} d-flex align-items-center`}\n style={bgStyles}\n title={props.title}\n />\n );\n}\n\ninterface RightPanelProps {\n className?: string;\n}\n\nexport function RightPanel(props: React.PropsWithChildren<RightPanelProps>): JSX.Element {\n return (\n <div className={`${styles.right} ${props.className ? props.className : ''}`}>\n {props.children}\n </div>\n );\n}\n\ninterface HeaderProps {\n bannerComponent?: JSX.Element;\n logoComponent?: () => JSX.Element;\n className?: {\n logoContainer?: string;\n }\n}\n\n\nfunction Header(props: React.PropsWithChildren<HeaderProps>): JSX.Element {\n const LogoComponent = props?.logoComponent || ClickViewLogo;\n \n return (\n <div className='position-relative'>\n {!!props.bannerComponent &&\n props.bannerComponent\n }\n <div className={classNames(styles.logo, 'position-absolute', props.className?.logoContainer)}>\n <LogoComponent />\n </div>\n {props.children}\n </div>\n );\n}\n\ninterface ContentProps {\n className?: string;\n}\n\nfunction Content(props: React.PropsWithChildren<ContentProps>): JSX.Element {\n return (\n <div className={classNames(styles.rightContent, 'd-flex flex-column justify-content-center h-100', props?.className)}>\n {props.children}\n </div>\n );\n}\n\ninterface ContentBodyProps {\n className?: string;\n width?: 'base' | 'full';\n}\n\nconst widthClassNameMap: {[key in ContentBodyProps['width']]: string} = {\n base: styles.contentBodyBase,\n full: ''\n};\n\nfunction ContentBody(props: React.PropsWithChildren<ContentBodyProps>): JSX.Element {\n const widthClassName = widthClassNameMap[props.width || 'base'];\n return (\n <div className={classNames(styles.contentBody, widthClassName, 'm-auto p-3', props.className)}>\n {props.children}\n </div>\n );\n}\n\ninterface NarrowContentProps {\n className?: string;\n}\n\nLaunchpadV2.NarrowContent = NarrowContent;\nfunction NarrowContent(props: React.PropsWithChildren<NarrowContentProps>): JSX.Element {\n return (\n <div className={`${styles.narrowContent} mx-auto w-100 ${props.className ? props.className : ''}`}>\n {props.children}\n </div>\n );\n}\n\ninterface ButtonsProps {\n className?: string;\n}\n\nfunction Buttons(props: React.PropsWithChildren<ButtonsProps>): JSX.Element {\n return (\n <div className={classNames('position-fixed bg-white d-flex align-items-center', styles.buttonContainer, props?.className)}>\n {props.children}\n </div>\n );\n}\n\n/**\n * Intended ussage below:\n * \n * <LaunchpadV2>\n * <LaunchpadV2.Left>\n * // Your LHS content here\n * </LaunchpadV2.Left>\n * <LaunchpadV2.Right>\n * <LaunchpadV2.Header />\n * <LaunchpadV2.Content>\n * // Can omit this if it needs to be full width\n * <LaunchpadV2.ContentBody width=\"...\">\n * // Your main content here\n * </LaunchpadV2.ContentBody>\n * </LaunchpadV2.Content>\n * \n * // Omit this and put your buttons in content\n * // if you want your buttons immediately under your content rather \n * // than at the bottom of the screen\n * <LaunchpadV2.Buttons />\n * \n * </LaunchpadV2.Right>\n * </LaunchpadV2>\n * \n * - Sha\n */\n\nLaunchpadV2.Left = LeftPanel;\nLaunchpadV2.LeftImage = LeftImage;\nLaunchpadV2.LeftImageWithBackground = LeftImageWithBackground;\nLaunchpadV2.Right = RightPanel;\nLaunchpadV2.Header = Header;\nLaunchpadV2.Content = Content;\nLaunchpadV2.ContentBody = ContentBody;\nLaunchpadV2.Buttons = Buttons;\n","// extracted by mini-css-extract-plugin\nexport default {\"aviBackground\":\"oHeDN\",\"aviContainer\":\"J3O78\",\"aviIcon\":\"vNvft\"};","import React from 'react';\n\nimport { AnonymisedUser } from 'libs/shared/apps/share/interfaces/AnonymisedUser';\n\nimport styles from './emoji-avi.scss';\n\nconst AVIS = [\n '🐵', '🐒', '🦍', '🦧', '🐶', '🐕', '🦮', '🐕🦺', '🐩', '🐺',\n '🦊', '🦝', '🐱', '🐈', '🐈⬛', '🦁', '🐯', '🐅', '🐆', '🐴',\n '🐎', '🦄', '🦓', '🦌', '🐮', '🐂', '🐃', '🐄', '🐷', '🐖',\n '🐗', '🐽', '🐏', '🐑', '🐐', '🦙', '🦒', '🐘', '🦣', '🦏',\n '🦛', '🦘', '🦥', '🦦', '🦨', '🦡', '🐇', '🐁', '🐀', '🦔',\n '🐿️', '🦇', '🐉', '🦎', '🐍', '🐢', '🐊', '🦖', '🦕', '🐙',\n '🦑', '🦐', '🦞', '🦀', '🦪', '🐡', '🐠', '🐟', '🐬', '🐳',\n '🐋', '🦈', '🦭', '🐾'\n];\n\nconst BACKGROUNDS = [\n 'bg-orange',\n 'bg-indigo',\n 'bg-teal',\n 'bg-cyan',\n 'bg-purple',\n 'bg-pink',\n 'bg-red',\n 'bg-yellow',\n 'bg-green',\n 'bg-blue'\n];\n\nfunction getRandom(name: string, collection: string[]): string {\n let charCode = 0;\n\n for (let i = 0; i < name?.length ?? 0; i++) {\n charCode += name.charCodeAt(i);\n }\n \n return collection[charCode % collection.length];\n}\n\ninterface EmojiAviProps {\n recipient: AnonymisedUser;\n}\n\nexport function EmojiAvi(props: EmojiAviProps): JSX.Element {\n return (\n <span className={`h1 d-block mb-0 position-relative ${styles.aviContainer}`}>\n <span\n className={`\n ${getRandom(props.recipient.publicName, BACKGROUNDS)}\n rounded-circle\n position-absolute\n top-0\n start-0\n bottom-0\n end-0\n ${styles.aviBackground}\n `}\n ></span>\n <span\n className={`\n ${styles.aviIcon}\n position-absolute\n top-50\n start-50\n `}\n >\n {getRandom(props.recipient.publicName, AVIS)}\n </span>\n </span>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"confirmationContainer\":\"TIEUw\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { SessionHelper } from 'libs/analytics/utils/SessionHelper';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { AnonymisedUser } from 'libs/shared/apps/share/interfaces/AnonymisedUser';\nimport { SharableEntity, ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { FormFeedback } from 'libs/shared/components/forms/form-feedback/FormFeedback';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { LaunchpadV2 } from 'libs/shared/components/launchpad/v2/LaunchpadV2';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { LAUNCHPAD_FALLBACK_IMAGES } from 'shared/components/launchpad/Launchpad';\n\nimport { EmbedPlaceHolderHelper } from 'apps/embed/utils/EmbedPlaceholderHelper';\nimport { ShareLinkFilterHelpers } from 'apps/share/filters/share-link-filter/ShareLinkFilterHelpers';\nimport { useFetchSharedResource } from 'apps/share/hooks/useFetchSharedResource';\n\nimport { EmojiAvi } from './components/EmojiAvi';\n\nimport styles from './select-anon-user.scss';\n\nconst namespace = 'launchpad.selectAnonUser';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ntype Step = 'enter-name' | 'select-user' | 'confirm';\n\ninterface SelectAnonUserViewProps {\n shareId: string;\n appLink: Core.AppLink;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function SelectAnonUserView(props: SelectAnonUserViewProps): JSX.Element {\n const fetchAsync = Flight.useGetFetchAsync();\n\n const [ name, setName ] = React.useState(ShareLinkFilterHelpers.getAnonUser(props.shareId) || '');\n const [ isReturning, setIsReturning ] = React.useState(!!ShareLinkFilterHelpers.getAnonUser(props.shareId));\n const [ error, setError ] = React.useState('');\n const [ step, setStep ] = React.useState<Step>('enter-name');\n const [ backStep, setBackStep ] = React.useState<Step>(null);\n const [ selectedUser, setSelectedUser ] = React.useState<AnonymisedUser>(null);\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n \n const sharedResource = useFetchSharedResource<SharableEntity>(props.shareId);\n const shareRecipients = Flight.useBasicFetch<AnonymisedUser[]>(ShareRequests.getShareRecipients(props.shareId));\n\n function onSetName(e: React.ChangeEvent<HTMLInputElement>): void {\n setName(e.target.value);\n setError('');\n }\n\n React.useLayoutEffect(() => {\n EmbedPlaceHolderHelper.remove();\n }, []);\n \n React.useEffect(() => {\n if (!shareRecipients.hasCompleted)\n return;\n\n if (ShareLinkFilterHelpers.getAnonUser(props.shareId)) {\n setStep('confirm');\n setBackStep(shareRecipients.data?.length ? 'select-user' : 'enter-name');\n return;\n }\n\n if (shareRecipients.data?.length)\n setStep('select-user');\n }, [shareRecipients.hasCompleted]);\n\n async function onClickGoToQuiz(): Promise<void> {\n ShareLinkFilterHelpers.setAnonUser(props.shareId, selectedUser?.publicName || name.trim());\n try {\n const request = ShareRequests.createAnonSession(\n props.shareId,\n SessionHelper.getClientSessionData(currentUser.data?.id).windowId,\n selectedUser?.publicName || name.trim()\n );\n await fetchAsync(request);\n } finally {\n Core.LocationUtils.Reload();\n }\n }\n\n function onSubmit(e: React.FormEvent): void {\n e.preventDefault();\n\n if (!name?.trim()) {\n setError('Please provide a name');\n return;\n }\n\n if (!backStep)\n setBackStep('enter-name');\n setStep('confirm');\n }\n\n function onContinueAvi(): void {\n if (!selectedUser) return;\n\n setBackStep('select-user');\n setStep('confirm');\n }\n\n function onClickRecipient(recipient: AnonymisedUser): void {\n setSelectedUser(recipient);\n }\n\n function onClickNotMyName(): void {\n setName('');\n setStep(backStep);\n setIsReturning(false);\n SessionHelper.resetClientSession(currentUser.data?.id);\n }\n\n const hasCompleted = (\n sharedResource &&\n shareRecipients.hasCompleted\n );\n\n if (!hasCompleted)\n return <></>;\n\n const leftImageUrl = ImageHelper.createUrl(ShareViewHelper.getImageUrl(sharedResource), { size: ImageSize.Large });\n\n return (\n <LaunchpadV2>\n <LaunchpadV2.LeftImage\n title={sharedResource.name}\n imageUrl={leftImageUrl}\n objectType={sharedResource.typeId}\n fallbackImages={LAUNCHPAD_FALLBACK_IMAGES}\n />\n <LaunchpadV2.Right>\n <LaunchpadV2.Header />\n <LaunchpadV2.Content>\n <div className='mb-auto text-center'>\n {VideoHelper.isInteractive(sharedResource) && (\n <div className='mb-3 d-lg-none d-block w-75 mx-auto'>\n <BaseImage\n data={VideoHelper.getThumbnail(sharedResource)}\n imageType={ImageType.Thumbnails}\n className='rounded-3 overflow-hidden'\n />\n </div>\n )}\n \n <h1 className='h2'>\n {sharedResource.name}\n </h1>\n </div>\n\n {step === 'enter-name' && (\n <>\n <LaunchpadV2.NarrowContent className='mb-auto'>\n <form onSubmit={onSubmit}>\n <div className='form-group'>\n <label className='h2' htmlFor='name'>\n <Text namespace={namespace} phrase='label' />\n </label>\n <input\n className={`form-control form-control-lg ${error ? 'is-invalid' : ''}`}\n type='text'\n aria-label={getPhrase('placeholder')}\n placeholder={getPhrase('placeholder')}\n autoFocus\n value={name}\n onChange={onSetName}\n autoComplete='off'\n autoCorrect='off'\n autoCapitalize='none'\n spellCheck='false'\n name={'name'}\n id='name'\n />\n {!!error && <FormFeedback name='name'>{error}</FormFeedback>}\n </div>\n </form>\n </LaunchpadV2.NarrowContent>\n <LaunchpadV2.Buttons>\n {!!shareRecipients.data?.length &&\n <button\n className='btn btn-link btn-lg'\n onClick={() => setStep('select-user')}\n >\n <Text namespace={namespace} phrase='back' />\n </button>\n }\n <div className='d-flex justify-content-end w-100'>\n <button\n className='btn btn-lg btn-dark'\n onClick={onSubmit}\n >\n <Text namespace={namespace} phrase='continue' />\n </button>\n </div>\n </LaunchpadV2.Buttons>\n </>\n )}\n\n {step === 'select-user' && (\n <>\n <LaunchpadV2.NarrowContent className='mb-auto'>\n <h2><Text namespace={namespace} phrase='selectName' /></h2>\n <ul className='list-unstyled row'>\n {ArrayHelper.sortBy(shareRecipients.data, a => a.publicName).map((recipient, index) => {\n return (\n <li key={index} className='col-3 p-2'>\n <DivButton\n className={`text-center rounded border py-2 ${selectedUser?.id === recipient.id ? 'border-info bg-light-blue' : ''}`}\n onClick={() => onClickRecipient(recipient)}\n >\n <div className='px-3'>\n <EmojiAvi recipient={recipient} />\n </div>\n \n <p className='mb-0 mt-2 fw-semibold text-truncate'>{recipient.publicName}</p>\n </DivButton>\n </li>\n );\n })}\n </ul>\n </LaunchpadV2.NarrowContent>\n <LaunchpadV2.Buttons>\n <div className='d-flex justify-content-between w-100'>\n <button\n className='btn btn-lg btn-link'\n onClick={() => {\n setSelectedUser(null);\n setStep('enter-name');\n setBackStep('select-user');\n }}\n >\n <Text namespace={namespace} phrase='cantFindName' />\n </button>\n <button\n className='btn btn-lg btn-dark'\n onClick={onContinueAvi}\n disabled={!selectedUser}\n >\n <Text namespace={namespace} phrase='continue' />\n </button>\n </div>\n </LaunchpadV2.Buttons>\n </>\n )}\n\n {step === 'confirm' && (\n <LaunchpadV2.NarrowContent className='mb-auto text-center'>\n {selectedUser &&\n <div className={`${styles.confirmationContainer} mx-auto`}>\n <EmojiAvi recipient={selectedUser} />\n </div>\n }\n <p className='h2'>\n <Text\n namespace={namespace}\n phrase={isReturning ? 'welcome' : 'hi'}\n options={{ name: selectedUser?.publicName || name }}\n />\n </p>\n \n <p className='h2 mb-4'><Text namespace={namespace} phrase='ready' /></p>\n <button\n className='btn btn-lg btn-dark w-100 mb-3'\n onClick={onClickGoToQuiz}\n >\n <Text namespace={namespace} phrase='start' />\n </button>\n <button\n className='btn btn-lg btn-link w-100'\n onClick={onClickNotMyName}\n >\n <Text namespace={namespace} phrase='notMyName' />\n </button>\n </LaunchpadV2.NarrowContent>\n )}\n </LaunchpadV2.Content>\n </LaunchpadV2.Right>\n </LaunchpadV2>\n );\n}\n\n","import { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { SeriesRequests } from 'libs/shared/flight-requests/SeriesRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, ShareLink } from 'libs/shared/interfaces';\n\nexport function useFetchSharedResource<T>(shareId: string): T {\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const shareLink = Flight.useBasicFetch<ShareLink>(ShareRequests.getShareObject(shareId));\n\n function getResourceRequest(): Flight.Request {\n if (!shareLink.data || !currentUser.data)\n return null;\n\n switch (shareLink.data.objectTypeId) {\n case MasterType.Video:\n return VideoRequests.publicVideo(shareLink.data.objectId, shareId);\n case MasterType.Clip:\n return ClipRequests.publicClip(shareLink.data.objectId, shareId);\n case MasterType.Interactive:\n return InteractiveRequests.publicInteractiveMetadata(shareLink.data.objectId, shareId);\n case MasterType.Playlist:\n return PlaylistRequests.getSharedPlaylist(shareLink.data.objectId, shareId);\n case MasterType.Subject:\n return ClassificationRequests.classification(shareLink.data.objectId, currentUser.data.id);\n case MasterType.Series:\n return SeriesRequests.sharedSeries(shareLink.data.objectId, shareId);\n }\n }\n\n const resourceRequest = getResourceRequest();\n const resource = Flight.useBasicFetch<T>(resourceRequest);\n\n return resource.data;\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"vIypY\",\"leftTextImage\":\"YViNj\",\"right\":\"MkD4u\",\"blur\":\"X6mCh\",\"imageContainer\":\"bc7kz\",\"imagePosition\":\"JOhEj\",\"image\":\"Ef2QR\",\"thumbnail\":\"Gdurb\",\"tallposter\":\"fjVNK\",\"cover\":\"o3j31\",\"linksContainer\":\"AT9Dk\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './launchpad.scss';\n\nexport const LAUNCHPAD_FALLBACK_IMAGES = [\n { bgUrl: ImageUrls.LaunchPad.BG_1 },\n { bgUrl: ImageUrls.LaunchPad.BG_2 },\n { bgUrl: ImageUrls.LaunchPad.BG_3 },\n { bgUrl: ImageUrls.LaunchPad.BG_4 },\n { bgUrl: ImageUrls.LaunchPad.BG_5 }\n];\n\nexport const LAUNCHPAD_PRODUCT_FALLBACK_IMAGES = [\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_1 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_2 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_3 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_4 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_5 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_6 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_7 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_8 },\n { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_9 }\n];\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst XMAS_URLS: LaunchImage[] = [\n { bgUrl: '/images/launchpad/xmas/2024-promo1-bg.png' },\n { bgUrl: '/images/launchpad/xmas/2024-promo2-bg.png' },\n { bgUrl: '/images/launchpad/xmas/2024-promo3-bg.png' },\n { bgUrl: '/images/launchpad/xmas/2024-promo4-bg.png' },\n { bgUrl: '/images/launchpad/xmas/2024-promo5-bg.png' }\n];\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n switch (objectType) {\n case MasterType.Video:\n case MasterType.Interactive:\n case MasterType.Clip:\n return styles.thumbnail;\n\n case MasterType.Subject:\n case MasterType.Playlist:\n return styles.cover;\n\n case MasterType.Series:\n return styles.tallposter;\n\n default:\n return '';\n }\n}\n\ninterface LaunchpadLink {\n url: string;\n text: string;\n onClick?: () => void;\n hide?: boolean;\n}\n\ninterface LaunchpadProps {\n objectType?: MasterType;\n title?: string;\n imageUrl?: string;\n links?: LaunchpadLink[];\n leftComponent?: () => JSX.Element;\n}\n\ninterface LaunchImage {\n bgUrl: string;\n}\n\nfunction getRandomImage(urlLists: LaunchImage[]): LaunchImage {\n return urlLists[Math.floor(Math.random() * urlLists.length)];\n}\n\nexport function Launchpad(props: React.PropsWithChildren<LaunchpadProps>): JSX.Element {\n const [ showImage, setShowImage ] = React.useState(false);\n const [ image, setImage ] = React.useState<string>('');\n\n const imageUrl = ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Large });\n const IMAGE_URLS = LAUNCHPAD_PRODUCT_FALLBACK_IMAGES;\n\n React.useEffect(() => {\n if (imageUrl || !IMAGE_URLS || IMAGE_URLS.length === 0)\n return;\n\n const image = getRandomImage(IMAGE_URLS);\n\n if (image.bgUrl) {\n setImage(image.bgUrl);\n }\n }, []);\n\n React.useEffect(() => {\n if (!imageUrl)\n return;\n\n const img = new Image();\n img.onload = () => setShowImage(true);\n img.src = imageUrl;\n return () => img.onload = null;\n }, []);\n\n return (\n <div className='d-flex'>\n { props.leftComponent ?\n props.leftComponent()\n :\n <div\n className={`${styles.left} ${image ? 'bg-blue d-flex align-items-center' : 'bg-light'}`}\n >\n {image ?\n <img className='img-fluid' src={image} draggable={false} /> :\n (showImage &&\n <>\n <div className={styles.blur} style={{ backgroundImage: `url('${imageUrl}')` }} />\n <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n <div className={styles.imagePosition}>\n <img className={styles.image} src={imageUrl} alt={props.title} />\n </div>\n </div>\n </>\n )\n }\n </div>\n }\n <div className={`${styles.right} bg-white d-flex flex-column`}>\n <div className={`position-absolute d-flex align-items-center ${styles.linksContainer}`}>\n {props.links?.map((link, key) => {\n if (link.hide)\n return <React.Fragment key={key}></React.Fragment>;\n\n return (\n <a key={key} href={link.url} className='info-link fw-semibold' onClick={link.onClick}>\n {link.text}\n </a>\n );\n })}\n </div>\n\n {props.children}\n </div>\n </div>\n );\n}"],"names":["FormFeedback","props","id","name","className","role","children","mapObjectTypeToImageClass","objectType","MasterType","LaunchpadV2","imageSizeMap","cover","full","widthClassNameMap","base","NarrowContent","Left","LeftImage","showImage","setShowImage","image","setImage","imageUrl","img","Image","onload","src","fallbackImages","Math","floor","random","length","bgUrl","style","backgroundImage","alt","title","LeftImageWithBackground","bgStyles","backgroundColor","imageSize","Right","Header","LogoComponent","logoComponent","ClickViewLogo","bannerComponent","logoContainer","Content","ContentBody","widthClassName","width","Buttons","AVIS","BACKGROUNDS","getRandom","collection","charCode","i","charCodeAt","EmojiAvi","recipient","publicName","namespace","getPhrase","LanguageService","SelectAnonUserView","fetchAsync","ShareLinkFilterHelpers","shareId","setName","isReturning","setIsReturning","error","setError","step","setStep","backStep","setBackStep","selectedUser","setSelectedUser","currentUser","UserRequests","sharedResource","useFetchSharedResource","shareRecipients","ShareRequests","onSubmit","e","preventDefault","trim","hasCompleted","data","leftImageUrl","ImageHelper","ShareViewHelper","size","typeId","VideoHelper","BaseImage","imageType","htmlFor","Text","phrase","type","placeholder","autoFocus","value","onChange","target","autoComplete","autoCorrect","autoCapitalize","spellCheck","onClick","ArrayHelper","a","map","index","key","DivButton","onClickRecipient","disabled","options","request","SessionHelper","windowId","shareLink","resourceRequest","objectTypeId","objectId","getResourceRequest","LAUNCHPAD_FALLBACK_IMAGES","ImageUrls","LAUNCHPAD_PRODUCT_FALLBACK_IMAGES","Launchpad","IMAGE_URLS","urlLists","leftComponent","draggable","links","link","hide","href","url","text"],"sourceRoot":""}
|