https://thehumanunleashed.com/_next/static/chunks/789.7514c2eb87eae394.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[789],{7789:function(e,a,t){t.r(a);var n=t(4051),r=t.n(n),s=t(5893),l=t(6010),o=t(8352),i=t(1911),c=t(7294),d=t(1287),m=t(1664),u=t.n(m),f=t(2132);function x(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function p(e,a,t,n,r,s,l){try{var o=e[s](l),i=o.value}catch(c){return void t(c)}o.done?a(i):Promise.resolve(i).then(n,r)}function h(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,s=[],l=!0,o=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(s.push(n.value),!a||s.length!==a);l=!0);}catch(i){o=!0,r=i}finally{try{l||null==t.return||t.return()}finally{if(o)throw r}}return s}}(e,a)||function(e,a){if(!e)return;if("string"===typeof e)return x(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return x(e,a)}(e,a)||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.")}()}a.default=function(e){var a,t=h(c.useState(""),2),n=t[0],m=t[1],x=h(c.useState(""),2),b=x[0],g=x[1],v=h(c.useState(""),2),y=v[0],w=v[1],j=function(e,a){window.open(a.contactURL)},N=function(){var a,t=(a=r().mark((function a(){var t,n,s;return r().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.prev=0,a.next=3,fetch(e.captchaImageUrl,{headers:{identity:"".concat((new Date).getTime())}});case 3:return t=a.sent,a.next=6,t.blob();case 6:n=a.sent,s=URL.createObjectURL(n),document.getElementById("login_captcha").src=s,document.getElementById("login_captcha").onload=function(){URL.revokeObjectURL(s)},a.next=14;break;case 12:a.prev=12,a.t0=a.catch(0);case 14:case"end":return a.stop()}}),a,null,[[0,12]])})),function(){var e=this,t=arguments;return new Promise((function(n,r){var s=a.apply(e,t);function l(e){p(s,n,r,l,o,"next",e)}function o(e){p(s,n,r,l,o,"throw",e)}l(void 0)}))});return function(){return t.apply(this,arguments)}}();return c.useEffect((function(){void 0!==e.captchaImageUrl&&""!==e.captchaImageUrl&&N()}),[e.captchaImageUrl]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"flex w-full bg-darker justify-between relative z-10 py-2 xl:px-12 md:px-4 lg:px-4 sm:px-4 mx-auto h-[100px]",children:[(0,s.jsxs)("div",{className:"w-full flex flex-col justify-center items-start gap-2 order-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 w-full",children:[(0,s.jsxs)("div",{className:"text-common text-xs font-thin mr-auto",children:[(0,s.jsx)("i",{className:"fas fa-clock"}),e.date&&(0,s.jsx)("span",{className:"ml-1",children:(0,d.d7)(e.date)})]}),(0,s.jsxs)("button",{className:"text-neutral-300 bg-gray-500 hover:bg-gray-600 px-2 py-1 text-xs leading-3 rounded-full shadow-lg",onClick:function(){(0,d.Rk)()},children:[(0,s.jsx)("i",{className:"fas fa-mobile-alt mr-2"}),"Versi Mobile"]}),(0,s.jsxs)("button",{className:"text-slate-900/90 bg-lime-500 hover:bg-lime-700 px-2 py-1 text-xs leading-3 rounded-full shadow-lg",onClick:function(){""!==e.androidLink&&"#"!==e.androidLink?window.open(e.androidLink,"_blank"):(0,f.Am)("Aplikasi android belum tersedia")},children:[(0,s.jsx)("i",{className:"fab fa-android mr-2"}),"Download"]})]}),(0,s.jsx)("hr",{className:"w-full border-neutral-700"}),e.contactData&&e.contactData.contactData.length>3&&(0,s.jsx)(o.tq,{slidesPerView:3,spaceBetween:0,loop:!0,autoplay:{delay:5e3,disableOnInteraction:!1},modules:[i.pt],centeredSlides:!0,className:"grid grid-cols-3 grid-flow-row gap-2 text-common",children:e.contactData.contactData.map((function(e){if(e.metaContact){var a,t,n=e.metaContact[0];return(0,s.jsxs)(o.o5,{className:"flex items-center rounded px-2 shadow-lg transition-all ease-in ease-out delay-50",role:"button",onClick:function(){j(0,n)},children:[(0,s.jsx)("i",{className:"fab mr-2 text-3xl text-highlight ".concat((0,l.Z)("line"===e.name&&"fa-line","whatsapp"===e.name&&"fa-whatsapp","instagram"===e.name&&"fa-instagram","phone"===e.name&&"fa fa-phone-square","facebook"===e.name&&"fa-facebook-square","wechat"===e.name&&"fa-weixin","twitter"===e.name&&"fa-twitter","youtube"===e.name&&"fa-youtube","skype"===e.name&&"fa-skype","telegram"===e.name&&"fa-telegram"))}),(0,s.jsxs)("div",{className:"flex flex-col justify-between mr-1",children:[(0,s.jsx)("span",{className:"text-xs uppercase text-highlight",children:(0,d.v5)(null!==(a=e.name)&&void 0!==a?a:"")}),(0,s.jsx)("span",{className:"text-xs",children:(0,d.v5)(null!==(t=n.contactValue)&&void 0!==t?t:"")})]})]},e.name)}}))}),e.contactData&&e.contactData.contactData.length<=3&&(0,s.jsx)("div",{className:"grid grid-cols-3 grid-flow-row gap-2 text-common",children:null===(a=e.contactData)||void 0===a?void 0:a.contactData.map((function(e){if(e.metaContact){var a,t,n=e.metaContact[0];return(0,s.jsxs)("div",{className:"flex items-center rounded px-2 shadow-lg transition-all ease-in ease-out delay-50",role:"button",onClick:function(){j(0,n)},children:[(0,s.jsx)("i",{className:"fab mr-2 text-3xl text-highlight ".concat((0,l.Z)("line"===e.name&&"fa-line","whatsapp"===e.name&&"fa-whatsapp","instagram"===e.name&&"fa-instagram","phone"===e.name&&"fa fa-phone-square","facebook"===e.name&&"fa-facebook-square","wechat"===e.name&&"fa-weixin","twitter"===e.name&&"fa-twitter","youtube"===e.name&&"fa-youtube","skype"===e.name&&"fa-skype","telegram"===e.name&&"fa-telegram"))}),(0,s.jsxs)("div",{className:"flex flex-col justify-between mr-1",children:[(0,s.jsx)("span",{className:"text-xs uppercase text-highlight",children:(0,d.v5)(null!==(a=e.name)&&void 0!==a?a:"")}),(0,s.jsx)("span",{className:"text-xs",children:(0,d.v5)(null!==(t=n.contactValue)&&void 0!==t?t:"")})]})]},e.name)}}))})]}),(0,s.jsxs)("form",{className:"w-full flex flex-col justify-center items-end text-common order-3 gap-2",method:"POST",onSubmit:function(e){return e.preventDefault()},children:[(0,s.jsxs)("div",{className:"flex flex-row justify-end items-center gap-1",children:[(0,s.jsx)("div",{className:"",children:(0,s.jsxs)("div",{className:"relative rounded-l-md shadow-sm border-secondary",children:[(0,s.jsx)("div",{className:"absolute rounded-l-md inset-y-0 left-0 px-2 bg-secondary text-nav flex items-center pointer-events-none",children:(0,s.jsx)("i",{className:"fas fa-user text-nav"})}),(0,s.jsx)("input",{type:"text",name:"username",id:"price",className:"border border-secondary text-common block w-full bg-dark pl-10 pr-1 py-1 text-sm border-gray-300 rounded-l-md rounded-r-md",placeholder:"Username",value:n,onChange:function(e){return m(e.target.value)},disabled:e.disabledAllForms})]})}),(0,s.jsx)("div",{className:"",children:(0,s.jsxs)("div",{className:"relative rounded-l-md shadow-sm border-secondary",children:[(0,s.jsx)("div",{className:"absolute rounded-l-md inset-y-0 left-0 px-2 bg-secondary text-nav flex items-center pointer-events-none",children:(0,s.jsx)("i",{className:"fas fa-lock text-nav"})}),(0,s.jsx)("input",{type:"password",name:"password",id:"password",className:"border border-secondary text-common block w-full bg-dark pl-10 pr-1 py-1 text-sm border-gray-300 rounded-l-md rounded-r-md",placeholder:"Password",value:b,onChange:function(e){return g(e.target.value)},disabled:e.disabledAllForms})]})}),(0,s.jsx)("div",{className:"",children:(0,s.jsxs)("div",{className:"relative rounded-l-md shadow-sm overflow-hidden",children:[(0,s.jsx)("div",{className:"absolute rounded-l-md inset-y-0 left-0 bg-white text-white flex items-center pointer-events-none",children:(0,s.jsx)("img",{className:"object-contain w-16 h-6",alt:"Captcha here",id:"login_captcha"})}),(0,s.jsx)("input",{type:"text",name:"captcha",id:"captcha",className:"border border-secondary 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:y,onChange:function(e){return w(e.target.value)},disabled:e.disabledAllForms})]})})]}),(0,s.jsx)("div",{className:"flex flex-row justify-end items-center",children:(0,s.jsxs)("div",{className:"flex flex-row justify-end items-center gap-2",children:[(0,s.jsx)("a",{className:"self-end text-sm p-1",role:"button",onClick:function(){return e.onForgotPasswordCl

1icked()},children:"Lupa password?"}),(0,s.jsxs)("button",{type:"submit",className:"text-white bg-green-600 hover:bg-green-700 px-3 py-1 text-sm rounded-full shadow-lg self-end mt-1",role:"button",onClick:function(){return e.onLoginClicked({username:null!==n&&void 0!==n?n:"",password:null!==b&&void 0!==b?b:"",captcha:null!==y&&void 0!==y?y:""})},disabled:e.disabledAllForms,children:[(0,s.jsx)("i",{className:"fas fa-sign-in-alt mr-2"}),"MASUK"]}),(0,s.jsxs)("button",{type:"button",className:"bg-secondary-gradient hover:bg-secondary-gradient-reverse px-3 py-1 text-sm rounded-full shadow-lg self-end mt-1",role:"button",onClick:function(){return e.onRegisterClicked()},disabled:e.disabledAllForms,children:[(0,s.jsx)("i",{className:"fas fa-user-plus mr-2"}),"DAFTAR"]})]})})]}),(0,s.jsx)("div",{className:"flex items-center bg-darker order-2 py-1 px-2 rounded-b-3xl border-b-4 mx-10 w-auto justify-self-center border-logo-bottom mb-[-30px] mt-[-0.5rem]",children:(0,s.jsx)(u(),{href:"/",role:"button",children:(0,s.jsx)("div",{className:"w-[250px]",children:(0,s.jsx)("img",{loading:"lazy",src:e.webLogo,alt:"brand",className:"logo"})})})})]})})}}}]);