https://thehumanunleashed.com/_next/static/chunks/293.19b21c47e96516ed.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[293],{3293:function(e,t,a){a.r(t);var r=a(4051),n=a.n(r),l=a(5893),o=a(7294),s=a(2909),i=a(1163);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}function d(e,t,a,r,n,l,o){try{var s=e[l](o),i=s.value}catch(c){return void a(c)}s.done?t(i):Promise.resolve(i).then(r,n)}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var r,n,l=[],o=!0,s=!1;try{for(a=a.call(e);!(o=(r=a.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(i){s=!0,n=i}finally{try{o||null==a.return||a.return()}finally{if(s)throw n}}return l}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}t.default=function(e){var t=u(o.useState(""),2),a=t[0],r=t[1],c=u(o.useState(""),2),m=c[0],f=c[1],h=u(o.useState(""),2),p=h[0],x=h[1],b=(0,i.useRouter)(),g=function(){var t,a=(t=n().mark((function t(){var a,r,l;return n().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,fetch(e.captchaImageUrl,{headers:{identity:"".concat((new Date).getTime())}});case 3:return a=t.sent,t.next=6,a.blob();case 6:r=t.sent,l=URL.createObjectURL(r),document.getElementById("login_captcha_modal").src=l,document.getElementById("login_captcha_modal").onload=function(){URL.revokeObjectURL(l)},t.next=14;break;case 12:t.prev=12,t.t0=t.catch(0);case 14:case"end":return t.stop()}}),t,null,[[0,12]])})),function(){var e=this,a=arguments;return new Promise((function(r,n){var l=t.apply(e,a);function o(e){d(l,r,n,o,s,"next",e)}function s(e){d(l,r,n,o,s,"throw",e)}o(void 0)}))});return function(){return a.apply(this,arguments)}}();return o.useEffect((function(){e.isModalOpen&&e.captchaImageUrl&&""!==e.captchaImageUrl&&g()}),[e.isModalOpen,e.captchaImageUrl]),(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(s.default,{isOpen:e.isModalOpen,onClose:function(){e.disabledAllForms||e.onClose()},children:(0,l.jsx)("div",{className:"inline-block w-full max-w-md overflow-hidden text-left align-middle transition-all transform bg-white shadow-xl rounded-md",children:(0,l.jsxs)("div",{className:"w-full bg-dark flex flex-col justify-center items-center",children:[(0,l.jsx)("div",{className:"w-full text-common p-4 text-center flex flex-col justify-center items-center bg-primary-gradient-card bg-header-modal",children:(0,l.jsx)("div",{className:"flex justify-center items-center",children:(0,l.jsx)("img",{loading:"lazy",src:e.webLogo,alt:"Web Logo",className:"w-1/2"})})}),(0,l.jsxs)("form",{method:"POST",onSubmit:function(e){return e.preventDefault()},className:"w-full flex flex-col p-4 bg-white border-t border-dark text-sm text-common",children:[(0,l.jsxs)("div",{className:"form-group",children:[(0,l.jsx)("label",{htmlFor:"",className:"text-black",children:"Username"}),(0,l.jsx)("input",{type:"text",className:"w-full rounded-md h-8 my-1 px-2 bg-dark border-primary border",placeholder:"Masukkan username anda",value:a,onChange:function(e){return r(e.target.value)},disabled:e.disabledAllForms,autoComplete:"off",autoCorrect:"off"})]}),(0,l.jsxs)("div",{className:"form-group",children:[(0,l.jsx)("label",{htmlFor:"",className:"text-black",children:"Password"}),(0,l.jsx)("input",{type:"password",className:"w-full rounded-md h-8 my-1 px-2 bg-dark border-primary border",placeholder:"Masukkan password anda",value:m,onChange:function(e){return f(e.target.value)},disabled:e.disabledAllForms,autoComplete:"off",autoCorrect:"off"})]}),(0,l.jsxs)("div",{className:"form-group mb-2",children:[(0,l.jsx)("label",{htmlFor:"",className:"text-black",children:"Masukkan Captcha"}),(0,l.jsxs)("div",{className:"relative rounded-l-md shadow-sm my-1",children:[(0,l.jsx)("div",{className:"absolute rounded-l-md inset-y-0 left-0 px-2 bg-white flex items-center pointer-events-none",children:(0,l.jsx)("img",{className:"object-contain w-12 h-6 rounded-l-md",id:"login_captcha_modal",alt:"Captcha image"})}),(0,l.jsx)("input",{type:"text",name:"captcha",id:"captcha",className:"border border-primary text-common block w-full bg-dark pl-20 pr-1 py-1 text-sm border-gray-300 rounded-l-md rounded-r-md",placeholder:"Captcha",value:p,onChange:function(e){return x(e.target.value)},disabled:e.disabledAllForms,autoComplete:"off",autoCorrect:"off"})]})]}),(0,l.jsx)("div",{className:"w-full flex flex-row justify-end items-right",children:(0,l.jsx)("span",{className:"text-right text-info py-2 text-sm font-semi-bold underline",role:"button",onClick:function(){return e.onForgotPasswordCl

1icked()},children:"Lupa Password ?"})}),(0,l.jsxs)("button",{type:"submit",className:"py-2 bg-success rounded-md shadow-md mt-2 font-bold",onClick:function(){return e.onLoginClicked({username:null!==a&&void 0!==a?a:"",password:null!==m&&void 0!==m?m:"",captcha:null!==p&&void 0!==p?p:""})},disabled:e.disabledAllForms,children:[(0,l.jsx)("i",{className:"fas fa-sign-in-alt mr-1"}),"LOGIN"]}),(0,l.jsx)("span",{className:"text-center my-2 text-black",children:"Belum punya akun ?"}),(0,l.jsxs)("button",{type:"button",className:"py-2 bg-secondary-gradient rounded-md shadow-md mt-2 font-bold border border-secondary",onClick:function(){e.onClose(),b.push("/register")},children:[(0,l.jsx)("i",{className:"fas fa-user-plus mr-1"}),"DAFTAR"]})]}),(0,l.jsx)("div",{className:"w-full bg-primary-gradient-card border-t border-dark p-2 text-center text-secondary text-sm text-white",children:(0,l.jsxs)("p",{children:["Dengan menekan tombol login anda telah menyetujui segala bentuk ",(0,l.jsx)("span",{className:"text-warning",children:"Syarat & Ketentuan"})," yang ada."]})})]})})})})}},2909:function(e,t,a){a.r(t);var r=a(5893),n=a(3587),l=a(5211),o=a(7294);t.default=function(e){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(n.u,{appear:!0,show:e.isOpen,as:o.Fragment,children:(0,r.jsx)(l.V,{as:"div",className:"fixed inset-0 z-50 overflow-y-auto px-1",onClose:e.onClose,children:(0,r.jsxs)("div",{className:"min-h-screen px-4 text-center",children:[(0,r.jsx)(n.u.Child,{as:o.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,r.jsx)(l.V.Overlay,{className:"fixed inset-0 bg-black bg-opacity-40 transition-opacity"})}),(0,r.jsx)("span",{className:"inline-block h-screen align-middle","aria-hidden":"true",children:"\u200b"}),(0,r.jsx)(n.u.Child,{as:o.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,r.jsx)("div",{className:"inline-block w-full max-w-md overflow-hidden text-left align-middle transition-all transform bg-dark shadow-xl rounded-md",children:e.children})})]})})})})}}}]);