https://0w0.se/web/quickConnect.d5ab946189409e40abf9.chunk.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[5190],{13034:function(e,n,t){t.r(n);var r=t(62540),a=t(22696),o=t.n(a),i=t(70893),l=t(63696),c=t(9055),s=t(84849),u=t(65242),d=t(50723),f=t(42301),p=t(67692),v=t(69410),y=t(92058),m=t(5898),b=function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i};n.default=function(){var e,n,t,a=(0,v.gf)(),h=a.api,j=a.user,x=(0,y.kp)(),g=x.data,C=x.isPending,k=b((0,c.ok)(),1)[0],A=null!==(e=k.get("userId"))&&void 0!==e?e:null==j?void 0:j.Id,N=b((0,l.useState)(null!==(n=k.get("code"))&&void 0!==n?n:""),2),O=N[0],P=N[1],S=b((0,l.useState)(),2),I=S[0],w=S[1],F=b((0,l.useState)(!1),2),Q=F[0],L=F[1],T=(0,l.useCallback)((function(e){P(e.currentTarget.value)}),[]),q=(0,l.useCallback)((function(e){var n;e.preventDefault(),w(void 0);var t=e.currentTarget;if(t.checkValidity()){var r=null===(n=t.querySelector("#userId"))||void 0===n?void 0:n.value;if(!h)return console.error("[QuickConnect] cannot authorize, missing api instance"),void w("UnknownError");var a=O.replace(/\s/g,"");console.log("[QuickConnect] authorizing code %s as user %s",a,r),(0,i.p)(h).authorizeQuickConnect({code:a,userId:r}).then((function(){L(!0)})).catch((function(){w("QuickConnectAuthorizeFail")}))}else w("QuickConnectInvalidCode")}),[h,O]);return C?(0,r.jsx)(s.A,{}):(0,r.jsx)(u.A,{id:"quickConnectPreferencesPage",title:m.Ay.translate("QuickConnect"),className:"mainAnimatedPage libraryPage userPreferencesPage noSecondaryNavPage",shouldAutoFocus:!0,children:(0,r.jsx)("div",{className:"padded-left padded-right padded-bottom-page",children:(0,r.jsx)("form",{onSubmit:q,children:(0,r.jsxs)("div",{className:"verticalSection",children:[(0,r.jsx)("h2",{className:"sectionTitle",children:m.Ay.translate("QuickConnect")}),(0,r.jsx)("div",{children:m.Ay.translate("QuickConnectDescription")}),(0,r.jsx)("br",{}),I&&(0,r.jsx)("div",{className:"quickConnectError",children:m.Ay.translate(I)}),Q?(0,r.jsxs)("div",{style:{textAlign:"center"},children:[(0,r.jsx)("p",{children:m.Ay.translate("QuickConnectAuthorizeSuccess")}),(0,r.jsx)(c.N_,{to:"/home",className:"button-link emby-button",children:m.Ay.translate("GoHome")})]}):(0,r.jsxs)(r.Fragment,{children:[(null===(t=null==j?void 0:j.Policy)||void 0===t?void 0:t.IsAdministrator)&&(0,r.jsx)("div",{className:"selectContainer",children:(0,r.jsx)(p.A,{id:"userId",label:"LabelUser",children:null==g?void 0:g.filter((function(e){var n;return!(null===(n=e.Policy)||void 0===n?void 0:n.IsDisabled)})).map((function(e){return"<option value=".concat(e.Id," ").concat(e.Id===A?"selected":"",">")+o()(e.Name)+"</option>"}))})}),(0,r.jsx)("div",{className:"inputContainer",children:(0,r.jsx)(f.A,{value:O,onChange:T,id:"txtQuickConnectCode",label:m.Ay.translate("LabelQuickConnectCode"),type:"text",inputMode:"numeric",pattern:"[0-9\\s]*",minLength:6,required:!0,autoComplete:"off"})}),(0,r.jsx)(d.A,{type:"submit",className:"raised button-submit block",title:m.Ay.translate("Authorize")})]})]})})})})}},67692:function(e,n,t){var r=t(62540),a=(t(63696),t(5898)),o=function(e){var n=e.name,t=e.id,r=e.required,a=e.label,o=e.options;return{__html:'<select\n        is="emby-select"\n        '.concat(n,'\n        id="').concat(t,'"\n        ').concat(r,'\n        label="').concat(a,'"\n    >\n        ').concat(o,"\n    </select>")}};n.A=function(e){var n=e.name,t=e.id,i=e.required,l=e.label,c=e.children;return(0,r.jsx)("div",{dangerouslySetInnerHTML:o({name:n?'name="'.concat(n,'"'):"",id:t,required:i?'required="required"':"",label:a.Ay.translate(l),options:c})})}},50723:function(e,n,t){var r,a=t(62540),o=(t(63696),t(4452)),i=t.n(o),l=t(46782),c=function(){return c=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},c.apply(this,arguments)};!function(e){e.RIGHT="RIGHT",e.LEFT="LEFT"}(r||(r={})),n.A=function(e){var n=e.className,t=e.title,o=e.icon,s=e.iconClassName,u=e.iconPos,d=e.onClick,f=function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t}(e,["className","title","icon","iconClassName","iconPos","onClick"]),p=i()("emby-button",n,{"show-focus":l.A.tv}),v=i()("material-icons",s,o);return(0,a.jsxs)("button",c({className:p,onClick:d},f,{children:[o&&u===r.LEFT&&(0,a.jsx)("span",{className:v,"aria-hidden":"true"}),(0,a.jsx)("span",{children:t}),o&&u===r.RIGHT&&(0,a.jsx)("span",{className:v,"aria-hidden":"true"})]}))}},42301:function(e,n,t){var r=t(62540),a=t(4452),o=t.n(a),i=t(63696),l=function(){return l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},l.apply(this,arguments)},c=(0,i.forwardRef)((function(e,n){var t=e.id,a=e.label,c=e.className,s=e.onBlur,u=e.onFocus,d=function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t}(e,["id","label","className","onBlur","onFocus"]),f=function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,a,o=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=o.next()).done;)i.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i}((0,i.useState)(!1),2),p=f[0],v=f[1],y=(0,i.useCallback)((function(e){v(!1),null==s||s(e)}),[s]),m=(0,i.useCallback)((function(e){v(!0),null==u||u(e)}),[u]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("label",{htmlFor:t,className:o()("inputLabel",{inputLabelUnfocused:!p,inputLabelFocused:p}),children:a}),(0,r.jsx)("input",l({ref:n,id:t,className:o()("emby-input",c),onBlur:y,onFocus:m},d))]})}));c.displayName="Input",n.A=c}}]);