1(this["webpackJsonpmy-app"]=this["webpackJsonpmy-app"]||[]).push([[62,18,19],{1005:function(e,n,t){"use strict";var a=t(12);const o=(e,n)=>new Promise(((t,o)=>{a.a.service.get("".concat(e),{params:n}).then((e=>{t(e.data)}),(e=>{console.log(e,"ERRORKAH"),e&&o(e)})).catch((e=>{(e.response||e.request)&&alert("Terjadi Kesalahan, Mohon dicoba lagi!")}))})),r={ListPintu:e=>o("/rest/page/klobmeter/list",e),detailKlobMeter:e=>o("/rest/page/klobmeter/list/detail/".concat(e)),klobMeterInit:e=>o("/rest/masterdata/page/klobmeter/init",e),resultlInterest:async()=>await o("/rest/page/klobmeter/personality/result?testId=int01"),resultPersonality:async()=>await o("/rest/page/klobmeter/personality/result?testId=pers01"),resultValue:async()=>await o("/rest/page/klobmeter/personality/result?testId=val01"),resultGI:async()=>await o("/rest/page/klobmeter/interaction/result"),resultCuriousity:async()=>await o("/rest/page/klobmeter/growth/curiosity/result"),soalInteraction:()=>o("/rest/page/klobmeter/interaction/detail"),soalPersonality:()=>o("/rest/page/klobmeter/personality/detail?testId=pers01"),soalValue:()=>o("/rest/page/klobmeter/personality/detail?testId=val01"),soalInterest:()=>o("/rest/page/klobmeter/personality/detail?testId=int01"),soalCuriousity:()=>o("/rest/page/klobmeter/growth/curiosity/detail"),soalMeanMaking:()=>o("/rest/page/klobmeter/growth/meaning/detail"),soalGrit:()=>o("/rest/page/klobmeter/growth/grit/detail"),soalHumility:()=>o("/rest/page/klobmeter/growth/humility/detail"),soalMindset:()=>o("/rest/page/klobmeter/growth/mindset/detail"),soalCreativity:()=>o("/rest/page/klobmeter/growth/creativity/detail"),resultKeyAmount:async()=>await o("/rest/page/klobmeter/list/keys"),resultMeanMaking:async()=>await o("/rest/page/klobmeter/growth/meaning/result"),resultGrit:async()=>await o("/rest/page/klobmeter/growth/grit/result"),resultHumility:async()=>await o("/rest/page/klobmeter/growth/humility/result"),resultMindset:async()=>await o("/rest/page/klobmeter/growth/mindset/result"),resultCreativity:async()=>await o("/rest/page/klobmeter/growth/creativity/result"),soalPurpose:()=>o("/rest/page/klobmeter/growth/purpose/detail"),resultPurpose:async()=>await o("/rest/page/klobmeter/growth/purpose/result"),soalAkhlak:()=>o("/rest/page/klobmeter/ahlak/detail/question/get"),resultAkhlak:async()=>await o("/rest/page/klobmeter/akhlak/result"),registerEngauge:e=>new Promise(((n,t)=>{a.a.service({method:"post",url:"/rest/page/klobmeter/engauge/post/register",data:e}).then((e=>{200===e.data.status?n(e.data.result):t(e)})).catch((e=>t(e)))})),resultEngauge:async e=>await o("/rest/page/klobmeter/engauge/result",e),othersKlobMeter:async()=>await o("/rest/page/klobmeter/list/other")};n.a=r},1009:function(e,n,t){"use strict";t.d(n,"a",(function(){return x}));t(1);var a,o=t(1101),r=t.n(o),i=t(5),l=t(185),s=t(2),c=t(3),d=t(32),u=t(8);const p=c.c.div(a||(a=Object(s.a)(["\n // https://klobid.atlassian.net/browse/PD2022-2601\n .react-datepicker-popper {\n z-index: 9999;\n }\n // ==========================\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n width: 100%;\n display: block;\n }\n\n &.form-group-line input {\n border-radius: 0.3em;\n border: 1px solid ",";\n padding: 0px 10px;\n }\n\n .form-control {\n @media (max-width: ",") {\n font-size: 11px;\n min-height: 40px;\n }\n }\n\n .is-disabled {\n ::placeholder {\n color: #999;\n }\n }\n\n .invalid-feedback {\n display: block;\n }\n"])),d.a.color.battleshipGrey,u.k);var b=t(1103),h=t(0);const x=e=>{var n,t,a,s,c,d,u;let{...x}=e;const{t:g,i18n:f}=Object(l.a)();return Object(o.registerLocale)("id",b.a),Object(h.jsxs)(p,{className:x.noFormGroup?"form-group-line":"form-group form-group-line",children:[x.label&&Object(h.jsxs)("label",{htmlFor:"completename",className:"d-flex align-items-center",children:[Object(h.jsx)(i.tb,{className:"mb-1",fontWeight:"medium",children:x.label}),x.mandatory&&Object(h.jsx)("span",{style:{color:"red"},children:"*"})]}),Object(h.jsx)(r.a,{...x,locale:f.language,className:x.className?"".concat(x.className," form-control ").concat(null!==(n=x.props)&&void 0!==n&&n.errors[x.name]&&null!==(t=x.props)&&void 0!==t&&t.touched[x.name]?"is-invalid":""):"form-control ".concat(null!==(a=x.props)&&void 0!==a&&a.errors[x.name]&&null!==(s=x.props)&&void 0!==s&&s.touched[x.name]?"is-invalid":""),selected:x.props?x.props.values[x.name]:x.value,onChange:e=>{var n;null!==x&&void 0!==x&&null!==(n=x.props)&&void 0!==n&&n.setFieldValue&&x.props.setFieldValue(x.name,e),x.onChange&&x.onChange(e)},onBlur:()=>x.props?x.props.setFieldTouched(x.name,x.props.value):"",placeholderText:x.placeholder?x.placeholder:null,autoComplete:"off"}),x.props&&Object(h.jsx)("div",{className:"invalid-feedback",children:null!==(c=x.props)&&void 0!==c&&c.errors[x.name]&&null!==(d=x.props)&&void 0!==d&&d.touched[x.name]?Object(h.jsx)(m,{err:g(null===(u=x.props)||void 0===u?void 0:u.errors[x.name])}):null})]})},m=e=>{let{err:n}=e;return Object(h.jsxs)(h.Fragment,{children:[Object(h.jsx)(i.Y,{color:i.qc}),n||"Wajib untuk diisi"]})}},1010:function(e,n,t){var a=t(1182),o=t(1185);e.exports=function(e,n){var t=o(e,n);return a(t)?t:void 0}},1015:function(e,n,t){"use strict";t.d(n,"a",(function(){return b}));t(1);var a=t(19),o=t(1134),r=t(1135),i=t.n(r),l=t(987),s=t(5),c=t(990),d=t(185),u=t(0);const p=e=>a.f.DropdownIndicator&&Object(u.jsx)(a.f.DropdownIndicator,{...e,children:e.isDisabled&&Object(u.jsx)(s.Hb,{color:"#888888"})});function b(e){let{paddingLeftLabel:n,onClick:t,marginBottom:a,labelColor:r,...d}=e;const b=d.props&&d.props.errors[d.name]&&d.props.touched[d.name],x={indicatorSeparator:()=>{},control:e=>({...e,minHeight:"38px",border:"0px",borderRadius:"0px",borderBottom:"1px solid #ced4da",outline:"none",boxShadow:"none !important",cursor:"pointer"}),valueContainer:e=>({...e,paddingLeft:n}),placeholder:(e,n)=>{let{isDisabled:t}=n;return{...e,color:t?"#999":"#d2d4d7"}},dropdownIndicator:e=>({...e,color:b?"red":"#d2d4d7"}),option:e=>({...e,zIndex:1})};return Object(u.jsxs)(c.a,{marginBottom:a,className:"form-group form-group-select",children:[d.label&&Object(u.jsxs)("label",{style:{color:r},className:"d-flex align-items-center mb-0",children:[Object(u.jsxs)(s.tb,{className:"mb-1",fontWeight:"medium",children:[d.label,d.mandatory&&Object(u.jsx)("span",{style:{color:"red"},children:"*"})]}),d.popover&&Object(u.jsx)("div",{className:"ml-2 mb-2",children:Object(u.jsx)(l.a,{placement:"top",content:Object(u.jsx)(s.sb,{children:d.popover}),children:Object(u.jsx)("div",{children:Object(u.jsx)(s.kc,{color:s.M})})})})]}),Object(u.jsx)(o.a,{components:{DropdownIndicator:p},styles:x,autoComplete:"off",isSearchable:!0,className:i()({"is-invalid":b}),value:d.props?d.props.values[d.name]:d.value,...d,onBlur:()=>
1d.props?d.props.setFieldTouched(d.name,d.props.value):"",onChange:d.onChange?d.onChange:function(e){if(console.log("handleOnChange option xxxx",e),d.props)if(e.__isNew__){let n,t=e.value.replace(/[^a-zA-Z0-9\s]/g,"");n=""===t.trim()?[]:{label:""===t.trim()?"":t,value:""===t.trim()?"":t},console.log("masuk if new",n),d.props.setFieldValue(d.name,n)}else console.log("masuk else new"),d.props.setFieldValue(d.name,e)}}),d.props&&Object(u.jsx)("div",{className:"invalid-feedback",children:d.props.errors[d.name]?Object(u.jsx)(h,{name:d.props.errors[d.name]}):null})]})}const h=e=>{let{name:n}=e;const{t:t}=Object(d.a)();return Object(u.jsxs)(u.Fragment,{children:[Object(u.jsx)(s.Y,{color:s.qc}),t(n)," ",t("global:textYupRequired")]})};b.defaultProps={paddingLeftLabel:0,marginBottom:"unset"}},1017:function(e,n,t){"use strict";t(1);var a,o,r,i,l,s,c,d,u,p,b,h=t(65),x=t.n(h),m=t(2),g=t(3);const f=g.c.div(a||(a=Object(m.a)(["\n padding: 2.5vh 6.552vw;\n\n @media (max-width: 768px) {\n padding: 20px 16px;\n }\n\n @media (max-width: 480px) {\n }\n"]))),j=g.c.div(o||(o=Object(m.a)(["\n display: flex;\n justify-content: space-evenly;\n margin-bottom: 20px;\n\n @media (max-width: 768px) {\n display: none;\n }\n"]))),v=g.c.div(r||(r=Object(m.a)(["\n display: none;\n\n @media (max-width: 768px) {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n }\n\n @media (max-width: 480px) {\n }\n"]))),k=g.c.div(i||(i=Object(m.a)([""]))),y=g.c.div(l||(l=Object(m.a)(["\n height: 324px;\n width: 212px;\n\n @media (max-width: 768px) {\n height: 324px;\n width: 212px;\n }\n\n @media (max-width: 480px) {\n }\n"]))),O=g.c.div(s||(s=Object(m.a)(["\n height: 30px;\n width: 212px;\n margin-bottom: 10px;\n\n @media (max-width: 768px) {\n height: 30px;\n width: 212px;\n }\n\n @media (max-width: 480px) {\n }\n"]))),w=g.c.div(c||(c=Object(m.a)(["\n width: 100%;\n margin: 20px auto;\n display: flex;\n justify-content: center;\n flex-direction: column;\n border-radius: 6px;\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);\n min-height: 253px;\n background-color: #ffffff;\n padding: 20px;\n\n @media (max-width: 768px) {\n padding: 0px;\n }\n\n @media (max-width: 480px) {\n }\n"]))),q=g.c.div(d||(d=Object(m.a)(["\n display: none;\n\n @media (max-width: 768px) {\n display: block;\n width: 45%;\n }\n\n @media (max-width: 480px) {\n }\n"]))),E=g.c.div(u||(u=Object(m.a)(["\n width: 90%;\n display: flex;\n\n @media (max-width: 768px) {\n display: none;\n }\n"]))),N=g.c.div(p||(p=Object(m.a)(["\n width: 100%;\n height: 20px;\n align-items: center;\n margin-top: 30px;\n\n @media (max-width: 768px) {\n margin-top: 0px;\n\n width: 100%;\n height: 20px;\n margin-bottom: 10px;\n }\n\n @media (max-width: 480px) {\n }\n"]))),S=g.c.div(b||(b=Object(m.a)(["\n width: 200px;\n height: 200px;\n margin-bottom: 10px;\n margin-right: 20px;\n\n @media (max-width: 768px) {\n margin-left: 15%;\n margin-right: 0px;\n width: 70%;\n height: 100px;\n }\n\n @media (max-width: 480px) {\n }\n"])));var D=t(0);n.a=function(){return Object(D.jsxs)(f,{children:[Object(D.jsxs)(j,{children:[Object(D.jsxs)(k,{children:[Object(D.jsx)(O,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})}),Object(D.jsx)(y,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})})]}),Object(D.jsxs)(k,{children:[Object(D.jsx)(O,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})}),Object(D.jsx)(y,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})})]}),Object(D.jsxs)(k,{children:[Object(D.jsx)(O,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})}),Object(D.jsx)(y,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})})]}),Object(D.jsxs)(k,{children:[Object(D.jsx)(O,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})}),Object(D.jsx)(y,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})})]})]}),Object(D.jsx)(v,{children:Object(D.jsxs)("div",{children:[Object(D.jsx)(O,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})}),Object(D.jsx)(y,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})})]})}),Object(D.jsxs)("div",{style:{textAlign:"center"},children:[Object(D.jsx)(x.a,{width:"60%"}),Object(D.jsx)(x.a,{width:"80%"}),Object(D.jsx)(x.a,{width:"30%"})]}),Object(D.jsxs)(w,{children:[Object(D.jsxs)("div",{style:{display:"flex",justifyContent:"center"},children:[Object(D.jsxs)(E,{children:[Object(D.jsx)(S,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})}),Object(D.jsxs)(N,{children:[Object(D.jsx)("div",{style:{marginBottom:"10px"},children:Object(D.jsx)(x.a,{width:"20%",height:30})}),Object(D.jsx)("div",{style:{marginBottom:"8px"},children:Object(D.jsx)(x.a,{width:"85%",height:20})}),Object(D.jsx)("div",{style:{marginBottom:"8px"},children:Object(D.jsx)(x.a,{width:"85%",height:20})}),Object(D.jsx)("div",{style:{marginBottom:"8px"},children:Object(D.jsx)(x.a,{width:"85%",height:20})}),Object(D.jsx)("div",{style:{marginBottom:"8px"},children:Object(D.jsx)(x.a,{width:"85%",height:20})})]})]}),Object(D.jsxs)(q,{children:[Object(D.jsx)(N,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})}),Object(D.jsx)(S,{children:Object(D.jsx)(x.a,{width:"100%",height:"100%"})})]})]}),Object(D.jsx)("div",{style:{textAlign:"center"},children:Object(D.jsx)(x.a,{count:3,width:"90%"})})]})]})}},1019:function(e,n,t){"use strict";t(1);var a,o,r,i,l,s,c,d,u,p=t(2),b=t(3),h=t(8),x=t(32);
1const m={Wrapper:b.c.div(a||(a=Object(p.a)([""]))),Background:b.c.div(o||(o=Object(p.a)(["\n background: rgba(0, 0, 0, 0.7);\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n z-index: 1001;\n "]))),Modal:b.c.div(r||(r=Object(p.a)(["\n display: flex;\n flex-flow: column nowrap;\n position: fixed;\n background: #fff;\n box-shadow: 0 3px 49px 0 rgba(0, 0, 0, 0.2);\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1001;\n /* width: 40%; */\n border-radius: 0.6em;\n\n @media (max-width: 1680px) {\n width: 50%;\n }\n\n @media (max-width: ",") {\n width: 70%;\n }\n\n @media (max-width: ",") {\n width: 90%;\n }\n "])),h.g,h.h),Header:b.c.div(i||(i=Object(p.a)(["\n padding: 20px 0px 20px 30px;\n border-bottom: 1px solid ",";\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n\n @media (max-width: ",") {\n padding: 10px 0px 10px 15px;\n }\n "])),x.a.color.lightGray,h.k),Content:b.c.div(l||(l=Object(p.a)(["\n padding: 30px;\n max-height: 75vh;\n overflow: auto;\n\n @media (max-width: ",") {\n padding: 15px;\n }\n "])),h.k),Footer:b.c.div(s||(s=Object(p.a)(["\n height: 75px;\n max-height: 75px;\n border-top: 1px solid ",";\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;
1\n align-items: center;\n\n @media (max-width: ",") {\n height: 60px;\n max-height: 60px;\n }\n "])),x.a.color.lightGray,h.k)},g={Left:b.c.div(c||(c=Object(p.a)(['\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .title {\n font-family: "Oswald", sans-serif;\n }\n ']))),Right:b.c.div(d||(d=Object(p.a)(["\n display: flex;\n align-items: center;\n margin: 0px 2%;\n\n .close {\n stroke: ",";\n cursor: pointer;\n }\n "])),x.a.color.battleShipGrey)};b.c.div(u||(u=Object(p.a)(["\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));var f=t(5),j=t(1110),v=t(0);n.a=e=>Object(v.jsxs)(m.Wrapper,{children:[Object(v.jsx)(m.Background,{onClick:()=>{e.onHide&&e.onHide(),e.setInputEmail&&e.setInputEmail(""),e.show(!1)}}),Object(v.jsxs)(m.Modal,{onClick:null,children:[Object(v.jsxs)(m.Header,{children:[Object(v.jsx)(g.Left,{children:Object(v.jsx)(f.rb,{className:"title",children:e.title})}),Object(v.jsx)(g.Right,{children:Object(v.jsx)(j.a,{size:"24",className:"close",onClick:()=>{e.onHide&&e.onHide(),e.setInputEmail&&e.setInputEmail(""),e.show(!1)}})})]}),e.content&&Object(v.jsx)(m.Content,{children:e.content}),e.footer&&Object(v.jsx)(m.Footer,{children:e.footer})]})]})},1021:function(e,n,t){"use strict";var a,o,r,i,l,s,c,d,u=t(1),p=t.n(u),b=t(39),h=t(13),x=t(2),m=t(3),g=t(8);const f=m.c.div(a||(a=Object(x.a)(["\n padding: 2.5vh 6.552vw 0 6.552vw;\n\n .dirSlash {\n display: flex;\n align-items: center;\n text-transform: capitalize;\n font-family: Lato;\n font-size: 15px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.18;\n letter-spacing: normal;\n text-align: left;\n @media (max-width: ",') {\n font-size: 12px;\n }\n }\n .text-mute {\n /* color: #6c757d !important; */\n /* font-weight: bold; */\n /* color: "#27356a" !important; */\n display: flex;\n align-items: center;\n margin-left: 5px;\n }\n\n @media (max-width: ',") {\n padding: 16px 16px 4px 16px;\n }\n"])),g.f,g.f),j=m.c.div(o||(o=Object(x.a)(["\n width: 7px;\n height: 7px;\n background-color: #d85448;\n border-radius: 50%;\n /* display: inline-block; */\n /* position: relative; */\n /* bottom: 2px; */\n margin: 0 6px;\n"]))),v=m.c.div(r||(r=Object(x.a)(["\n font-family: Lato;\n margin: 25px 0px 0px 0px;\n padding: 14px 24px 8px 24px;\n color: #fff;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: ",';\n color: #fff;\n background-clip: border-box;\n border-radius: 6px;\n width: 100%;\n\n .detail-header p {\n @media (max-width: 768px) {\n font-size: 12px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.25;\n letter-spacing: normal;\n text-align: left;\n color: #ffffff;\n /* lineHeight: "normal", */\n }\n\n @media (max-width: 480px) {\n }\n }\n\n @media (max-width: ',") {\n padding: 16px 12px 4px 12px;\n margin: 8px 0px 0px 0px;\n p {\n line-height: 1.25;\n }\n }\n\n .head-title {\n font-size: 2.188vw;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 0.9;\n letter-spacing: normal;\n text-align: left;\n color: #ffffff;\n\n @media (max-width: ",") {\n font-size: 2.7093596059113296vh;\n font-weight: 500;\n line-height: 1.23;\n }\n\n q {\n font-size: 2.188vw;\n font-weight: bold;\n }\n }\n"])),(e=>e.kompas?"#005288":"#27356a"),g.f,g.f),k=m.c.div(i||(i=Object(x.a)(["\n width: 171px;\n height: 52px;\n object-fit: contain;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n\n @media (max-width: 480px) {\n width: 143px;\n height: 44px;\n /* nyanyian code here */\n }\n"]))),y=m.c.div(l||(l=Object(x.a)(["\n @media (max-width: 768px) {\n display: flex;\n justify-content: center;
1\n align-items: center;\n margin-bottom: 12px;\n }\n\n @media (max-width: 480px) {\n /* nyanyian code here */\n }\n"]))),O=m.c.div(s||(s=Object(x.a)(["\n display: flex;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n\n @media (max-width: 480px) {\n /* nyanyian code here */\n }\n"]))),w=m.c.div(c||(c=Object(x.a)(["\n border-left: 1.3px solid #fff;\n height: 45px;\n padding: 7px;\n\n /* Macbook */\n @media (max-width: 1440px) {\n /* nyanyian code here */\n }\n\n /* Laptop / IPAD PRO */\n @media (max-width: 1366px) {\n /* nyanyian code here */\n }\n\n /* IPAD Landscape / IPAD PRO POTRAIT*/\n @media (max-width: 1024px) {\n /* nyanyian code here */\n }\n\n @media (max-width: 768px) {\n display: none;\n }\n\n @media (max-width: 480px) {\n /* nyanyian code here */\n }\n"])));m.c.div(d||(d=Object(x.a)(["\n font-family: Lato;\n font-size: 1.610541727672035vw;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.27;\n letter-spacing: normal;\n text-align: left;\n color: #ffffff;\n /* padding-top: 20px; */\n\n @media (max-width: ",") {\n font-size: 1.7241379310344827vh;\n font-weight: 500;\n line-height: 1.43;\n }\n\n ul {\n list-style: none;\n padding: 30px 20px;\n font-family: Lato;\n font-size: 20px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1;\n letter-spacing: normal;\n text-align: left;\n color: #ffffff;\n }\n\n li {\n padding-top: 20px;\n }\n"])),g.f);var q=t(18),E=t(5),N=t(0);n.a=function(e){const{state:{data:n}}=p.a.useContext(q.a);return Object(N.jsxs)(f,{children:[Object(N.jsxs)("div",{className:"dirSlash",children:[Object(N.jsx)(h.b,{to:"/home/klob-meter",children:"Klob Meter "}),Object(N.jsxs)("div",{className:"text-mute",children:["/",Object(N.jsx)(j,{})," ",Object(N.jsxs)(E.sb,{children:[" ",e.kompas?"Growth Center: "+e.tipeTest:e.tipeTest]})]})]}),Object(N.jsxs)(v,{id:"klob-meter-test-header",kompas:e.kompas,children:[Object(N.jsxs)(O,{children:[e.kompas&&Object(N.jsxs)(N.Fragment,{children:[Object(N.jsx)(y,{children:Object(N.jsx)(k,{children:Object(N.jsx)("img",{width:"100%",src:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/img/landing-klobmeter-doors/kompas-grow-assesment%402x.png",alt:""})})}),Object(N.jsx)("div",{style:{display:"flex",alignItems:"center"},children:Object(N.jsx)(w,{})})]}),Object(N.jsxs)(E.pb,{kompas:e.kompas,style:{color:"#ffffff"},children:['Mengenali "',e.tipeTest,'" ',Object(b.upperFirst)(n.mus01.firstName)]})]}),Object(N.jsx)(E.Ub,{className:"detail-header",style:{marginTop:"8px",color:"white",fontFamily:e.kompas?"NeoSansStd":"Roboto"},tipeTest:e.tipeTest,kompas:e.kompas,dangerouslySetInnerHTML:{__html:e.paragraph}})]})]})}},1022:function(e,n,t){"use strict";var a=Array.prototype.slice,o=t(988),r=Object.keys,i=r?function(e){return r(e)}:t(996),l=Object.keys;i.shim=function(){if(Object.keys){var e=function(){var e=Object.keys(arguments);return e&&e.length===arguments.length}(1,2);e||(Object.keys=function(e){return o(e)?l(a.call(e)):l(e)})}else Object.keys=i;return Object.keys||i},e.exports=i},1028:function(e,n,t){"use strict";t.d(n,"a",(function(){return u}));t(1);var a,o,r=t(2),i=t(3),l=t(13),s=t(8);const c=i.c.button(a||(a=Object(r.a)(["\n text-transform: uppercase;\n display: inline-block;\n width: 252.2px;\n height: 40px;\n border-radius: 38px;\n border: 0;\n background-color: ",";\n text-align: center;\n /* padding: 8px; */\n font-weight: bold;\n color: #ffff;\n cursor: pointer;\n line-height: 1.8;\n letter-spacing: normal;\n font-size: 16px;\n margin: 10px 0;\n font-family: ",";\n\n &.disabled-link {\n pointer-events: none;\n background-color: #f4f4f4;\n color: #b2b2b2;\n }\n\n @media (max-width: ",") {\n width: 20.44334975369458vh;\n height: 2.9556650246305414vh;\n border-radius: 9.852216748768472vh;\n font-size: 1.108374384236453vh;\n /* font-weight: 500; */\n font-weight: bold;\n line-height: 1.16;\n }\n"])),(e=>e.kompas?"#005288":"#dc4c41"),(e=>e.kompas?"NeoSansStd":"Lato"),s.f);Object(i.c)(l.b)(o||(o=Object(r.a)(["\n text-transform: uppercase;\n display: inline-block;\n text-align: center;\n padding: 8px;\n color: #ffff;
1\n cursor: pointer;\n font-weight: bold;\n margin: 10px 0;\n line-height: 1.8;\n letter-spacing: normal;\n font-size: 13px;\n width: 252.2px;\n height: 50px;\n border-radius: 35px;\n background-color: #dc4c41;\n border: 0;\n\n &:hover {\n text-decoration: none;\n color: #fff;\n }\n\n &.disabled-link {\n pointer-events: none;\n background-color: #f4f4f4;\n color: #b2b2b2;\n }\n\n @media (max-width: ",") {\n width: 20.44334975369458vh;\n height: 2.9556650246305414vh;\n border-radius: 9.852216748768472vh;\n font-size: 1.108374384236453vh;\n /* font-weight: 500; */\n font-weight: bold;\n line-height: 1.16;\n }\n"])),s.f);var d=t(0);function u(e){let{children:n,...t}=e;return Object(d.jsx)(c,{...t,children:n})}},1031:function(e,n,t){var a=t(1172),o=t(1173),r=t(1174),i=t(1175),l=t(1176);function s(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var a=e[n];this.set(a[0],a[1])}}s.prototype.clear=a,s.prototype.delete=o,s.prototype.get=r,s.prototype.has=i,s.prototype.set=l,e.exports=s},1032:function(e,n,t){var a=t(1085);e.exports=function(e,n){for(var t=e.length;t--;)if(a(e[t][0],n))return t;return-1}},1033:function(e,n,t){var a=t(1010)(Object,"create");e.exports=a},1034:function(e,n,t){var a=t(1194);e.exports=function(e,n){var t=e.__data__;return a(n)?t["string"==typeof n?"string":"hash"]:t.map}},1035:function(e,n,t){var a=t(1078);e.exports=function(e){if("string"==typeof e||a(e))return e;var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n}},1039:function(e,n,t){"use strict";var a=t(325),o=t(20);n.__esModule=!0,n.default=void 0;var r=o(t(75)),i=o(t(244)),l=o(t(119)),s=o(t(51)),c=a(t(1)),d=t(1007),u=t(1145);function p(e,n,t){var a=(e-n)/(t-n)*100;return Math.round(1e3*a)/1e3}var b=function(e){function n(){return e.apply(this,arguments)||this}(0,l.default)(n,e);var t=n.prototype;return t.renderProgressBar=function(e){var n,t=e.min,a=e.now,o=e.max,l=e.label,d=e.srOnly,u=e.striped,b=e.animated,h=e.className,x=e.style,m=e.variant,g=e.bsPrefix,f=(0,i.default)(e,["min","now","max","label","srOnly","striped","animated","className","style","variant","bsPrefix"]);return c.default.createElement("div",(0,r.default)({},f,{role:"progressbar",className:(0,s.default)(h,g+"-bar",(n={},n["bg-"+m]=m,n[g+"-bar-animated"]=b,n[g+"-bar-striped"]=b||u,n)),style:(0,r.default)({width:p(a,t,o)+"%"},x),"aria-valuenow":a,"aria-valuemin":t,"aria-valuemax":o}),d?c.default.createElement("span",{className:"sr-only"},l):l)},t.render=function(){var e=this.props,n=e.isChild,t=(0,i.default)(e,["isChild"]);if(n)return this.renderProgressBar(t);var a=t.min,o=t.now,l=t.max,d=t.label,p=t.srOnly,b=t.striped,h=t.animated,x=t.bsPrefix,m=t.variant,g=t.className,f=t.children,j=(0,i.default)(t,["min","now","max","label","srOnly","striped","animated","bsPrefix","variant","className","children"]);return c.default.createElement("div",(0,r.default)({},j,{className:(0,s.default)(g,x)}),f?(0,u.map)(f,(function(e){return(0,c.cloneElement)(e,{isChild:!0})})):this.renderProgressBar({min:a,now:o,max:l,label:d,srOnly:p,striped:b,animated:h,bsPrefix:x,variant:m}))},n}(c.default.Component);b.defaultProps={min:0,max:100,animated:!1,isChild:!1,srOnly:!1,striped:!1};var h=(0,d.createBootstrapComponent)(b,"progress"),x=h;n.default=x,e.exports=n.default},1045:function(e,n,t){"use strict";t(1);var a=t(1164),o=t(0);n.a=function(){return Object(o.jsx)(a.a,{className:"d-flex justify-content-center align-items-center",children:Object(o.jsxs)("div",{className:"lds-eclipse",children:[Object(o.jsx)("div",{className:"spinner"}),Object(o.jsx)("img",{src:"https://static.klob.id/img/klob_logo_white.png",alt:"klob"})]})})}},1050:function(e,n,t){"use strict";t.d(n,"c",(function(){return s})),t.d(n,"a",(function(){return c})),t.d(n,"b",(function(){return d})),t.d(n,"d",(function(){return u}));var a=t(12),o=t(8),r=t(1083),i=t(1038),l=t.n(i);const s=async e=>{let{e:n,dref:t,questionSortById:i,setQuestionSortById:l,addPoint:s,addLengthSoal:c,point:d,lengthSoal:u,actionScollActive:p,testId:b,setLoading:h=(()=>{})}=e;const x=n.target.name,m=n.target.id,g=x.split("opsi_"),f=m.split("opsi_"),j=g[1],v=f[1];let k,y=document.getElementById("section_".concat(j)),O=document.getElementsByName("opsi_".concat(j)),w=document.getElementById("error_".concat(j));for(let a=0;a<O.length;a++)O[a].readOnly&&(O[a].checked=!1,w.style.display="block",window.scrollTo({top:t[j].current.offsetTop-200,behavior:"smooth"}));
1i.forEach(((e,n)=>{e.active&&(k=e)})),i.forEach(((e,n)=>{if(e.questionId===j)if(e.active)y&&y.classList.add("disabled"),a.a.service.post("/rest/page/klobmeter/personality/post/answer?testId=".concat(b,"&answerId=").concat(v)).then((e=>{console.log("personality",e);const{status:t}=e.data;if(200!==t)throw new Error;w.style.display="none",s(d+1/i.length*100),c(u+1),p(!1),o.b?(console.log("masuk IS_MOBILE"),y&&y.offsetTop&&(n===i.length-1?(console.log("masuk 3"),window.scrollTo({top:y.offsetTop-180,behavior:"smooth"})):(console.log("masuk 2"),window.scrollTo({top:y.offsetTop-30,behavior:"smooth"})))):(console.log("masuk 1"),y&&y.offsetTop&&window.scrollTo({top:y.offsetTop+10,behavior:"smooth"}));try{let e=[...i];e[n].choosen=!0,e[n].active=!1,e[n].answers&&e[n].answers.forEach(((t,a)=>{t.answerId===v&&(e[n].answers[a].choosen=!0)})),n+1<i.length&&(e[n+1].active=!0),l(e)}catch{return!0}})).catch((e=>{console.log(e,"error log");for(let n=0;n<O.length;n++)O[n].checked=!1;y&&y.classList.remove("disabled"),"Network Error"===e.message?r.a.Error({title:"Koneksi internet kamu terganggu!",message:"Yuk, pastikan internet kamu lancar dengan cek ulang paket data, WiFi, atau jaringan di tempat kamu.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"}):r.a.Error({title:"Maaf",message:"Terjadi suatu kesalahan.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"})})).finally((()=>h(!1)));else{if(console.log("already answered"),k){let e=document.getElementById("error_".concat(k.questionId));e.style.display="block",e.scrollIntoView({behavior:"smooth",block:"center"})}h(!1)}}))},c=e=>{let{e:n,i:t,j:i,practice:s,AllRef:c,dispatch:d,active:u,testId:p,setLoading:b}=e;console.log("masuk OpsiClickLatihan AJAH");const h=n.target.name.split("opsi_")[1];let x=document.getElementsByName("opsi_".concat(h)),m=document.getElementById("error_".concat(h));if(s[t].active)p||(p=s[t].questionId.substr(0,5)),a.a.service({method:"post",url:"/rest/page/klobmeter/personality/post/answer",data:l.a.stringify({testId:p,answerId:s[t].answers[i].answerId})}).then((e=>{if(200!==e.data.status)throw new Error;m.style.display="none",x[t].disabled=!0,s[t].choosen=!0,s[t].answers[i].choosen=!0,s[t].active=!1,t<s.length-1&&(s[t+1].active=!0);const n={practice:[...s],lengthSoal:t+1,point:(t+1)/s.length*100};var a,r,l,u;o.b?(console.log("mobile"),t===s.length-1?(console.log("mobile 1"),window.scrollTo({top:(null===(a=c[t])||void 0===a||null===(r=a.current)||void 0===r?void 0:r.offsetTop)-180,behavior:"smooth"})):(console.log("mobile 2"),window.scrollTo({top:(null===(l=c[t])||void 0===l||null===(u=l.current)||void 0===u?void 0:u.offsetTop)-30,behavior:"smooth"}))):(console.log("mobile 3"),window.scrollTo({top:c[t].current.offsetTop+50,behavior:"smooth"}));d({type:"setData",data:n})})).catch((e=>{console.log(e,"log error"),"Network Error"===e.message?r.a.Error({title:"Koneksi internet kamu terganggu!",message:"Yuk, pastikan internet kamu lancar dengan cek ulang paket data, WiFi, atau jaringan di tempat kamu.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"}):r.a.Error({title:"Maaf",message:"Terjadi suatu kesalahan.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"})})).finally((()=>b(!1)));else{let e=document.getElementById("error_".concat(u.questionId));e.style.display="block",e.scrollIntoView({behavior:"smooth",block:"center"}),b(!1)}},d=e=>{let{e:n,i:t,j:o,practice:i,AllRef:l,dispatch:s,active:c,testId:d,setNextButtonLoading:u,setNextButton:p,activeQuestion:b,setActiveQuestion:h,selesai:x,setLoading:m}=e;console.log("masuk ke OpsiClickLatihanAkhlak selesai",x);const g=n.split("opsi_")[1];let f=document.getElementsByName("opsi_".concat(g));if(i[t].active)console.log("masuk if OpsiClickLatihanAkhlak",i,t),d||(console.log("masuk !testId",!d),d=i[t].questionId.substr(0,6)),a.a.service({method:"post",url:"/rest/page/klobmeter/personality/post/answer?answerId=".concat(i[t].answers[o].answerId,"&testId=").concat(d)}).then((e=>{if(console.log("res OpsiClickLatihanAkhlak ===>",e),200!==e.data.status)throw new Error;
1f[t].disabled=!0,i[t].choosen=!0,i[t].answers[o].choosen=!0,t<i.length-1&&(i[t].active=!1,i[t+1].active=!0);const n={practice:[...i],lengthSoal:t+1,point:(t+1)/i.length*100};u(!1),p(!1),h(b+1),x&&x(),s({type:"setData",data:n})})).catch((e=>{console.log(e,"log error OpsiClickLatihanAkhlak xxxxx"),"Network Error"===e.message?r.a.Error({title:"Koneksi internet kamu terganggu!",message:"Yuk, pastikan internet kamu lancar dengan cek ulang paket data, WiFi, atau jaringan di tempat kamu.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"}):r.a.Error({title:"Maaf",message:"Terjadi suatu kesalahan.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"})})).finally((()=>m(!1)));else{console.log("masuk else OpsiClickLatihanAkhlak",i,t);let e=document.getElementById("error_".concat(c.questionId));e.style.display="block",e.scrollIntoView({behavior:"smooth",block:"center"}),m(!1)}},u=async e=>{let{eTargetName:n,eTargetId:t,questionSortById:o,setQuestionSortById:i,addPoint:l,addLengthSoal:s,point:c,lengthSoal:d,testId:u,setNextButtonLoading:p,setNextButton:b,finish:h,setLoading:x}=e;const m=n.split("opsi_"),g=t.split("opsi_"),f=m[1],j=g[1];let v,k=document.getElementById("section_".concat(f)),y=document.getElementsByName("opsi_".concat(f));for(let a=0;a<y.length;a++)y[a].readOnly&&(console.log("masuk 5"),y[a].checked=!1);o.forEach(((e,n)=>{e.active&&(v=e)})),o.forEach(((e,n)=>{if(e.questionId===f)if(e.active)console.log("HIT API ",j,u),a.a.service.post("/rest/page/klobmeter/personality/post/answer?answerId=".concat(j,"&testId=").concat(u)).then((e=>{if(console.log("respon =======>",h),200!==e.data.status)throw new Error;h&&h(),l(c+1/o.length*100),s(d+1),p(!1),b(!1);try{let e=[...o];e[n].choosen=!0,e[n].active=!1,e[n].answers&&e[n].answers.forEach(((t,a)=>{t.answerId===j&&(e[n].answers[a].choosen=!0)})),n+1<o.length&&(e[n+1].active=!0),i(e)}catch{return!0}})).catch((e=>{console.log(e,"error log");for(let n=0;n<y.length;n++)y[n].checked=!1;k&&k.classList.remove("disabled"),"Network Error"===e.message?r.a.Error({title:"Koneksi internet kamu terganggu!",message:"Yuk, pastikan internet kamu lancar dengan cek ulang paket data, WiFi, atau jaringan di tempat kamu.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"}):r.a.Error({title:"Maaf",message:"Terjadi suatu kesalahan.",imgSrc:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/image_bank/chatting/disconnecting.svg"})})).finally((()=>x(!1)));else{if(console.log("already answered"),v){let e=document.getElementById("error_".concat(v.questionId));e.style.display="block",e.scrollIntoView({behavior:"smooth",block:"center"})}x(!1)}}))}},1052:function(e,n,t){"use strict";t.d(n,"b",(function(){return h})),t.d(n,"c",(function(){return x})),t.d(n,"a",(function(){return m}));t(1);var a,o,r,i,l=t(2),s=t(3),c=t(8);const d=s.c.div(a||(a=Object(l.a)(["\n font-family: ",";\n font-size: 20px;\n font-weight: ",";\n font-stretch: normal;\n font-style: normal;\n line-height: 1;\n letter-spacing: normal;\n text-align: left;\n color: ",";\n margin: 10px auto;\n text-transform: uppercase;\n @media (max-width: ",") {\n font-size: 14px;\n margin: 8px 0;\n }\n"])),(e=>e.kompas?"NeoSansStd":"Lato"),(e=>e.kompas?"normal":"bold"),(e=>e.kompas?"#005288":"#27356a"),c.f),u=s.c.div(o||(o=Object(l.a)(["\n font-family: ",";\n font-size: 18px;\n font-weight: ",";\n font-stretch: normal;\n font-style: normal;\n line-height: 1.11;\n letter-spacing: normal;\n text-align: left;\n color: ",";\n margin: 3px auto;\n @media (max-width: ",") {\n font-size: 12px;\n margin: 8px 0 0 0;\n }\n"])),(e=>e.kompas?"NeoSansStd":"Lato"),(e=>(e.kompas,"normal")),(e=>e.kompas?"#005288":"#27356a"),c.f),p=(s.c.div(r||(r=Object(l.a)(["\n font-family: ",";\n font-size: 18px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.28;\n letter-spacing: normal;\n text-align: left;\n color: ",";\n"])),(e=>e.kompas?"NeoSansStd":"Lato"),(e=>e.kompas?"#005288":"#27356a")),s.c.div(i||(i=Object(l.a)(["\n font-family: ",";\n font-size: 18px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n letter-spacing: normal;\n /* text-align: center; */\n color: ",";\n\n @media (max-width: 1440px) {\n font-size: 15px !important;\n }\n\n /* @media (max-width: 992px) {\n display: none;\n } */\n\n @media (max-width: ",") {\n font-size: 9px !important;\n /* width: 110%; */\n text-align: ",";\n }\n"])),(e=>e.kompas?"NeoSansStd":"Lato"),(e=>e.kompas?"#005288":"#27356a"),c.f,(e=>"Sangat tidak sesuai"===e.children?"right":"left")));var b=t(0);function h(e){return Object(b.jsx)(d,{...e,children:e.children})}function x(e){return Object(b.jsx)(u,{...e,children:e.children})}function m(e){return Object(b.jsx)(p,{...e,children:e.children})}},1061:function(e,n,t){"use strict";t.d(n,"b",(function(){return w})),t.d(n,"c",(function(){return q})),t.d(n,"d",(function(){return E})),t.d(n,"e",(function(){return N})),t.d(n,"a",(function(){return S}));var a,o,r,i,l,s,c,d=t(1),u=t(2),p=t(3),b=t(8);const h=p.c.div(a||(a=Object(u.a)(["\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n position: absolute;\n\n svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50% !important;\n height: 50% !important;\n\n @media (max-width: ",") {\n\n }\n }\n"])),b.f),x=p.c.input(o||(o=Object(u.a)(['\n &[type="radio"] {\n display: none;\n }\n\n &[type="radio"]:checked + label::before {\n content: "" !important;\n text-align: center;\n font-size: 2em;\n color: #fff;\n /* background-color: ',"; */\n background-color: rgba(178,178,178,1);\n width: 100%;\n height: 100%;\n /* display: inline-flex; */\n justify-content: center;\n border-radius: 40%;\n overflow: hidden;
1\n align-items: center;\n /* \n background-color: ",";\n font-size: 2em; */\n }\n"])),(e=>e.kompas?"#6296B7":"#27356a"),(e=>e.kompas?"#6296B7":"#27356a")),m=p.c.label(r||(r=Object(u.a)(["\n margin: 0;\n position: relative;\n\n &:nth-of-type(1) {\n width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: ",";\n }\n }\n\n &:nth-of-type(2) {\n width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: ",";\n }\n }\n\n @media (max-width: ",") {\n &:nth-of-type(1) {\n width: 35px;\n height: 35px;\n flex: 0 0 35px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n padding-top: 0;\n &:hover {\n background-color: ",";\n }\n }\n\n &:nth-of-type(2) {\n width: 35px;\n height: 35px;\n flex: 0 0 35px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n padding-top: 0;\n &:hover {\n background-color: ",";\n }\n }\n }\n"])),(e=>e.kompas?"solid 4px #005288":"solid 3px #27356a"),(e=>e.kompas?"#005288":"#27356a"),(e=>e.kompas?"solid 4px #005288":"solid 3px #27356a"),(e=>e.kompas?"#005288":"#27356a"),b.f,(e=>e.kompas?"solid 1.5px #005288":"solid 1.5px #27356a"),(e=>e.kompas?"#005288":"#27356a"),(e=>e.kompas?"solid 1.5px #005288":"solid 1.5px #27356a"),(e=>e.kompas?"#005288":"#27356a")),g=p.c.label(i||(i=Object(u.a)(["\n margin: 0;\n position: relative;\n\n &:nth-of-type(1) {\n width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: ",";\n }\n }\n\n &:nth-of-type(2) {\n width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n border: ",";\n background-color: ",";\n }\n }\n\n &:nth-of-type(3) {\n width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n border: ",";\n background-color: ",";\n }\n }\n\n &:nth-of-type(4) {\n width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: ",";\n }\n }\n\n @media (max-width: ",") {\n &:nth-of-type(1) {\n width: 35px;\n height: 35px;\n flex: 0 0 35px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n padding-top: 0;\n &:hover {\n background-color: ",";\n }\n }\n\n &:nth-of-type(2) {\n width: 28px;\n height: 28px;\n flex: 0 0 28px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n padding-top: 0;\n &:hover {\n border: solid 0px #505b87;\n background-color: ",";\n }\n }\n\n &:nth-of-type(3) {\n width: 28px;\n height: 28px;\n flex: 0 0 28px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n padding-top: 0;\n &:hover {\n border: solid 0px #505b87;\n background-color: ",";\n }\n }\n\n &:nth-of-type(4) {\n width: 35px;\n height: 35px;\n flex: 0 0 35px;\n border: ",";\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n padding-top: 0;\n &:hover {\n background-color: ",";\n }\n }\n }\n"])),(e=>e.kompas?"solid 4px #005288":"solid 3px #27356a"),(e=>e.kompas?"#005288":"#27356a"),(e=>e.kompas?"solid 4px #6296B7":"solid 3px #505B87"),(e=>e.kompas?"#6296B7":"#505B87"),(e=>e.kompas?"#6296B7":"#505B87"),(e=>e.kompas?"solid 4px #6296B7":"solid 3px #505B87"),(e=>e.kompas?"#6296B7":"#505B87"),(e=>e.kompas?"#6296B7":"#505B87"),(e=>e.kompas?"solid 4px #005288":"solid 3px #27356a"),(e=>e.kompas?"#005288":"#27356a"),b.f,(e=>e.kompas?"solid 1.5px #005288":"solid 1.5px #27356a"),(e=>e.kompas?"#005288":"#27356a"),(e=>e.kompas?"solid 1.5px #6296B7":"solid 1.5px #505B87"),(e=>e.kompas?"#6296B7":"#505B87"),(e=>e.kompas?"solid 1.5px #6296B7":"solid 1.5px #505B87"),(e=>e.kompas?"#6296B7":"#505B87"),(e=>e.kompas?"solid 1.5px #005288":"solid 1.5px #27356a"),(e=>e.kompas?"#005288":"#27356a")),f=p.c.label(l||(l=Object(u.a)(["\n position: relative;\n margin: 0;\n &:nth-of-type(1) {\n width: 80px;\n height: 80px;\n border: solid 4px #27356a;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #27356a;\n }\n }\n\n &:nth-of-type(2) {\n width: 60px;\n height: 60px;\n border: solid 4px #7982a5;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n border: solid 0px #7982a5;\n background-color: #7982a5;\n }\n }\n\n &:nth-of-type(3) {\n width: 40px;\n height: 40px;\n border: solid 4px #b6bcd1;\n border-radius: 50%;\n vertical-align: middle;\n font-size: 11px !important;\n\n cursor: pointer;\n &:hover {\n border: solid 0px #b6bcd1;\n background-color: #b6bcd1;\n }\n\n label {\n }\n }\n\n &:nth-of-type(4) {\n width: 60px;\n height: 60px;\n border: solid 4px #7982a5;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n border: solid 0px #7982a5;\n background-color: #7982a5;\n }\n }\n\n &:nth-of-type(5) {\n width: 80px;\n height: 80px;\n border: solid 4px #27356a;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #27356a;\n }\n }\n\n @media (max-width: 992px) {\n &:nth-of-type(1) {\n max-width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: solid 3px #27356a;\n padding-top: 0;\n }\n\n &:nth-of-type(2) {\n max-width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: solid 3px #7982a5;\n padding-top: 0;\n }\n\n &:nth-of-type(3) {\n max-width: 50px;\n height: 50px;\n flex: 0 0 50px;\n border: solid 3px #b6bcd1;\n padding-top: 0;\n }\n\n &:nth-of-type(4) {\n max-width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: solid 3px #7982a5;\n padding-top: 0;\n }\n\n &:nth-of-type(5) {\n max-width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: solid 3px #27356a;\n padding-top: 0;\n }\n }\n\n @media (max-width: ",") {\n &:nth-of-type(1) {\n max-width: 31px;\n height: 31px;\n flex: 0 0 31px;\n border: solid 1.5px #27356a;\n }\n\n &:nth-of-type(2) {\n max-width: 26px;
1\n height: 26px;\n flex: 0 0 26px;\n border: solid 1.5px #7982a5;\n }\n\n &:nth-of-type(3) {\n max-width: 21px;\n height: 21px;\n flex: 0 0 21px;\n border: solid 1.5px #b6bcd1;\n }\n\n &:nth-of-type(4) {\n max-width: 26px;\n height: 26px;\n flex: 0 0 26px;\n border: solid 1.5px #7982a5;\n }\n\n &:nth-of-type(5) {\n max-width: 31px;\n height: 31px;\n flex: 0 0 31px;\n border: solid 1.5px #27356a;\n }\n }\n"])),b.f),j=p.c.label(s||(s=Object(u.a)(["\n margin: 0;\n position: relative;\n \n &:nth-of-type(1) {\n max-width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: solid 4px #27356a;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #27356a;\n }\n }\n\n &:nth-of-type(2) {\n max-width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: solid 4px #505b87;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #505b87;\n border: solid 0px #505b87;\n }\n }\n\n &:nth-of-type(3) {\n max-width: 45px;\n height: 45px;\n flex: 0 0 45px;\n border: solid 4px #7982a5;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n font-size: 11px !important;\n &:hover {\n border: solid 0px #7982a5;\n background-color: #7982a5;\n }\n }\n\n &:nth-of-type(4) {\n max-width: 35px;\n height: 35px;\n flex: 0 0 35px;\n border: solid 4px #b6bcd1;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n font-size: 9px !important;\n\n &:hover {\n background-color: #b6bcd1;\n border: solid 0px #b6bcd1;\n }\n }\n\n &:nth-of-type(5) {\n max-width: 45px;\n height: 45px;\n flex: 0 0 45px;\n border: solid 4px #7982a5;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n font-size: 11px !important;\n\n &:hover {\n background-color: #7982a5;\n border: solid 0px #7982a5;\n }\n }\n\n &:nth-of-type(6) {\n max-width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: solid 4px #505b87;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #505b87;\n border: solid 0px #505b87;\n }\n }\n\n &:nth-of-type(7) {\n max-width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: solid 4px #27356a;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #27356a;\n }\n }\n\n @media (max-width: ",") {\n &:nth-of-type(1) {\n max-width: 28px;\n height: 28px;\n flex: 0 0 28px;\n border: solid 1.5px #27356a;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(2) {\n max-width: 22px;\n height: 22px;\n flex: 0 0 22px;\n border: solid 1.5px #505b87;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(3) {\n max-width: 18px;\n height: 18px;\n flex: 0 0 18px;\n border: solid 1.5px #7982a5;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(4) {\n max-width: 14px;\n height: 14px;\n flex: 0 0 14px;\n border: solid 1.5px #b6bcd1;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(5) {\n max-width: 18px;\n height: 18px;\n flex: 0 0 18px;\n border: solid 1.5px #7982a5;\n padding-top: 0;\n\n font-size: 5px !important;\n }\n &:nth-of-type(6) {\n max-width: 22px;\n height: 22px;\n flex: 0 0 22px;\n border: solid 1.5px #505b87;\n padding-top: 0;\n\n font-size: 5px !important;\n }\n &:nth-of-type(7) {\n max-width: 28px;\n height: 28px;\n flex: 0 0 28px;\n border: solid 1.5px #27356a;\n padding-top: 0;\n\n font-size: 5px !important;\n }\n }\n"])),b.f),v=p.c.label(c||(c=Object(u.a)(["\n margin: 0;\n position: relative;\n &:nth-of-type(1) {\n max-width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: solid 4px #27356a;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #27356a;\n }\n }\n\n &:nth-of-type(2) {\n max-width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: solid 4px #505b87;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #505b87;\n border: solid 0px #505b87;\n }\n }\n\n &:nth-of-type(3) {\n max-width: 45px;\n height: 45px;\n flex: 0 0 45px;\n border: solid 4px #7982a5;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n font-size: 11px !important;\n &:hover {\n border: solid 0px #7982a5;\n background-color: #7982a5;\n }\n }\n\n &:nth-of-type(4) {\n max-width: 35px;\n height: 35px;\n flex: 0 0 35px;\n border: solid 4px #b6bcd1;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n font-size: 9px !important;\n\n &:hover {\n background-color: #b6bcd1;\n border: solid 0px #b6bcd1;\n }\n }\n\n &:nth-of-type(5) {\n max-width: 35px;\n height: 35px;\n flex: 0 0 35px;\n border: solid 4px #b6bcd1;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n font-size: 9px !important;\n\n &:hover {\n background-color: #b6bcd1;\n border: solid 0px #b6bcd1;\n }\n }\n\n &:nth-of-type(6) {\n max-width: 45px;\n height: 45px;\n flex: 0 0 45px;\n border: solid 4px #7982a5;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n font-size: 11px !important;\n\n &:hover {\n background-color: #7982a5;\n border: solid 0px #7982a5;\n }\n }\n\n &:nth-of-type(7) {\n max-width: 60px;\n height: 60px;\n flex: 0 0 60px;\n border: solid 4px #505b87;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #505b87;\n border: solid 0px #505b87;\n }\n }\n\n &:nth-of-type(8) {\n max-width: 80px;\n height: 80px;\n flex: 0 0 80px;\n border: solid 4px #27356a;\n border-radius: 50%;\n vertical-align: middle;\n cursor: pointer;\n &:hover {\n background-color: #27356a;\n }\n }\n\n @media (max-width: ",") {\n &:nth-of-type(1) {\n max-width: 40px;\n height: 40px;\n flex: 0 0 40px;\n border: solid 1.5px #27356a;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(2) {\n max-width: 30 px;\n height: 30px;\n flex: 0 0 30px;\n border: solid 2px #505b87;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(3) {\n max-width: 25px;\n height: 25px;\n flex: 0 0 30px;\n border: solid 2px #7982a5;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(4) {\n max-width: 22px;\n height: 22px;\n flex: 0 0 22px;\n border: solid 2px #b6bcd1;\n padding-top: 0;\n\n /* font-size: 11px !important; */\n }\n\n &:nth-of-type(5) {\n max-width: 22px;\n height: 22px;\n flex: 0 0 22px;\n border: solid 2px #b6bcd1;\n padding-top: 0;\n\n font-size: 8px !important;\n }\n &:nth-of-type(6) {\n max-width: 25px;\n height: 25px;\n flex: 0 0 25px;\n border: solid 2px #7982a5;\n padding-top: 0;\n\n font-size: 5px !important;\n }\n &:nth-of-type(7) {\n max-width: 30px;\n height: 30px;\n flex: 0 0 30px;\n border: solid 2px #505b87;\n padding-top: 0;\n\n font-size: 5px !important;\n }\n &:nth-of-type(8) {\n max-width: 40px;\n height: 40px;\n flex: 0 0 40px;\n border: solid 2px #27356a;\n padding-top: 0;\n\n font-size: 5px !important;\n }\n }\n"])),b.f);var k=t(5),y=t(0);const O=(e,n)=>{const[t,a]=Object(d.useState)(!1);return Object(d.useEffect)((()=>{a(n)}),[n]),{isChecked:t,handleChange:n=>{a(n.target.checked),e&&e(n)}}},w=e=>{let{onChange:n,...t}=e;const{isChecked:a,handleChange:o}=O(n,t.defaultChecked);return Object(y.jsxs)(d.Fragment,{children:[Object(y.jsx)(x,{kompas:t.kompas,type:"radio",...t,checked:a,onChange:o}
1),Object(y.jsx)(m,{kompas:t.kompas,htmlFor:t.id,children:a?Object(y.jsx)(h,{children:Object(y.jsx)(k.Nc,{color:k.Nb})}):""})]})},q=e=>{let{onChange:n,...t}=e;const{isChecked:a,handleChange:o}=O(n,t.defaultChecked);return Object(y.jsxs)(d.Fragment,{children:[Object(y.jsx)(x,{kompas:t.kompas,type:"radio",...t,checked:a,onChange:o}),Object(y.jsx)(g,{kompas:t.kompas,htmlFor:t.id,children:a?Object(y.jsx)(h,{children:Object(y.jsx)(k.Nc,{color:k.Nb})}):""})]})},E=e=>{let{onChange:n,...t}=e;const{isChecked:a,handleChange:o}=O(n,t.defaultChecked);return Object(y.jsxs)(d.Fragment,{children:[Object(y.jsx)(x,{type:"radio",...t,checked:a,onChange:o}),Object(y.jsx)(f,{htmlFor:t.id,children:a?Object(y.jsx)(h,{children:Object(y.jsx)(k.Nc,{color:k.Nb})}):""})]})},N=e=>{let{onChange:n,...t}=e;const{isChecked:a,handleChange:o}=O(n,t.defaultChecked);return Object(y.jsxs)(d.Fragment,{children:[Object(y.jsx)(x,{type:"radio",...t,checked:a,onChange:o}),Object(y.jsx)(j,{htmlFor:t.id,children:a?Object(y.jsx)(h,{children:Object(y.jsx)(k.Nc,{color:k.Nb})}):""})]})},S=e=>{let{onChange:n,...t}=e;const{isChecked:a,handleChange:o}=O(n,t.defaultChecked);return Object(y.jsxs)(d.Fragment,{children:[Object(y.jsx)(x,{type:"radio",...t,checked:a,onChange:o}),Object(y.jsx)(v,{htmlFor:t.id,children:a?Object(y.jsx)(h,{children:Object(y.jsx)(k.Nc,{color:k.Nb})}):""})]})}},1065:function(e,n,t){var a=t(1010)(t(1002),"Map");e.exports=a},1066:function(e,n){e.exports=function(e){var n=typeof e;return null!=e&&("object"==n||"function"==n)}},1067:function(e,n,t){var a=t(1186),o=t(1193),r=t(1195),i=t(1196),l=t(1197);function s(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var a=e[n];this.set(a[0],a[1])}}s.prototype.clear=a,s.prototype.delete=o,s.prototype.get=r,s.prototype.has=i,s.prototype.set=l,e.exports=s},1068:function(e,n,t){var a=t(1215),o=t(1221),r=t(1070);e.exports=function(e){return r(e)?a(e):o(e)}},1069:function(e,n){e.exports=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}},1070:function(e,n,t){var a=t(1086),o=t(1069);e.exports=function(e){return null!=e&&o(e.length)&&!a(e)}},1071:function(e,n,t){var a=t(1003),o=t(1078),r=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,i=/^\w*$/;e.exports=function(e,n){if(a(e))return!1;var t=typeof e;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=e&&!o(e))||(i.test(e)||!r.test(e)||null!=n&&e in Object(n))}},1083:function(e,n,t){"use strict";var a,o,r=t(2),i=t(1),l=t(43),s=t(190),c=(t(530),t(1126),t(322)),d=t(70),u=t(3),p=t(5),b=t(8),h=t(0);const x={Error:e=>new Promise(((n,t)=>{Object(s.confirmAlert)({customUI:t=>{let{onClose:a}=t;const o={title:"Klob",message:"-"};return"object"===typeof e?(o.title=e.title,o.message=e.message,o.imgSrc=e.imgSrc):o.message=e,Object(h.jsxs)(c.a,{show:!0,centered:!0,keyboard:!1,backdrop:!1,className:"custom-popup",size:"lg",onHide:a,style:{zIndex:1056},children:[Object(h.jsx)(c.a.Header,{closeButton:!0}),Object(h.jsxs)(c.a.Body,{className:"text-center",children:[Object(h.jsxs)(m,{children:[Object(h.jsx)("img",{width:"100%",src:o.imgSrc,alt:""}),Object(h.jsx)(p.rb,{children:o.title}),Object(h.jsx)(p.Ub,{style:{lineHeight:1.25},children:o.message})]}),Object(h.jsx)("div",{style:{display:"flex",justifyContent:"center"},children:Object(h.jsx)(p.q,{size:"small",variant:"secondary",className:"mb-1",onClick:()=>{document.body.removeAttribute("style"),a(),n("yes")},children:"OK"})})]})]})},closeOnEscape:!1,closeOnClickOutside:!1})})),LoaderShow:()=>{Object(s.confirmAlert)({customUI:e=>{let{onClose:n}=e;return Object(h.jsx)(i.Fragment,{children:Object(h.jsx)(d.a,{})})},closeOnEscape:!1,closeOnClickOutside:!1})},LoaderHide:()=>{document.body.classList.remove("react-confirm-alert-body-element");const e=document.getElementById("react-confirm-alert");Object(l.unmountComponentAtNode)(e),e.parentNode.removeChild(e);const n=document.getElementById("react-confirm-alert-firm-svg");n.parentNode.removeChild(n),document.body.children[0].classList.remove("react-confirm-alert-blur")}};n.a=x;u.c.div(a||(a=Object(r.a)(["\n display: flex;\n flex-direction: column;\n"])));const m=u.c.div(o||(o=Object(r.a)(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n /* max-height: calc(100vh - 233px); */\n\n /* height: 31.25vw;\n width: 38.889vw; */\n /* display: flex; */\n /* position: fixed; */\n /* right: 8%;\n bottom: 0px; */\n /* background-color: rgb(255, 255, 255); */\n /* box-shadow: rgb(181, 187, 197) 0px 2px 30px 0px; */\n /* z-index: ","; */\n /* display: ","; */\n /* transform: translateY(-40px);\n opacity: ","; */\n font-family: lato;\n /* border-radius: 12px; */\n /* transition: all 0.2s ease-in-out 0s; */\n padding: 32px;\n padding-bottom: 0;\n padding-top: 0;\n text-align: center;\n align-items: center;\n\n img {\n width: 53.2%;\n margin-bottom: 12px;\n }\n\n p {\n width: 80%;\n }\n\n @media (max-width: ",") {\n \n }\n\n @media (max-width: ",") {\n padding: 0px;\n\n img {\n width: 52.6%;\n margin-bottom: 12px;\n }\n p {\n width: 100%;\n }\n }\n\n @media (max-width: 1440px) {\n /* height: 453px;\n width: 606px; */\n }\n\n @media (max-width: 768px) {\n /* width: 100%;\n height: 80vh;\n right: 0;\n max-height: calc(100vh - 100px);\n bottom: 40px; */\n\n h3 {\n /* font-size: 18px !important; */\n margin-bottom: 8px;\n }\n }\n"])),(e=>e.isOnline?-1:101),(e=>e.isOnline?"none":"block"),(e=>e.isOnline?0:1),b.g,b.h)},1084:function(e,n,t){var a=t(1031),o=t(1177),r=t(1178),i=t(1179),l=t(1180),s=t(1181);function c(e){var n=this.__data__=new a(e);this.size=n.size}c.prototype.clear=o,c.prototype.delete=r,c.prototype.get=i,c.prototype.has=l,c.prototype.set=s,e.exports=c},1085:function(e,n){e.exports=function(e,n){return e===n||e!==e&&n!==n}},1086:function(e,n,t){var a=t(1058),o=t(1066);e.exports=function(e){if(!o(e))return!1;var n=a(e);return"[object Function]"==n||"[object GeneratorFunction]"==n||"[object AsyncFunction]"==n||"[object Proxy]"==n}},1087:function(e,n){var t=Function.prototype.toString;e.exports=function(e){if(null!=e){try{return t.call(e)}catch(n){}try{return e+""}catch(n){}}return""}},1088:function(e,n,t){var a=t(1198),o=t(1059);e.exports=function e(n,t,r,i,l){return n===t||(null==n||null==t||!o(n)&&!o(t)?n!==n&&t!==t:a(n,t,r,i,e,l))}},1089:function(e,n,t){var a=t(1199),o=t(1202),r=t(1203);e.exports=function(e,n,t,i,l,s){var c=1&t,d=e.length,u=n.length;if(d!=u&&!(c&&u>
1d))return!1;var p=s.get(e);if(p&&s.get(n))return p==n;var b=-1,h=!0,x=2&t?new a:void 0;for(s.set(e,n),s.set(n,e);++b<d;){var m=e[b],g=n[b];if(i)var f=c?i(g,m,b,n,e,s):i(m,g,b,e,n,s);if(void 0!==f){if(f)continue;h=!1;break}if(x){if(!o(n,(function(e,n){if(!r(x,n)&&(m===e||l(m,e,t,i,s)))return x.push(n)}))){h=!1;break}}else if(m!==g&&!l(m,g,t,i,s)){h=!1;break}}return s.delete(e),s.delete(n),h}},1090:function(e,n,t){var a=t(1217),o=t(1059),r=Object.prototype,i=r.hasOwnProperty,l=r.propertyIsEnumerable,s=a(function(){return arguments}())?a:function(e){return o(e)&&i.call(e,"callee")&&!l.call(e,"callee")};e.exports=s},1091:function(e,n,t){(function(e){var a=t(1002),o=t(1218),r=n&&!n.nodeType&&n,i=r&&"object"==typeof e&&e&&!e.nodeType&&e,l=i&&i.exports===r?a.Buffer:void 0,s=(l?l.isBuffer:void 0)||o;e.exports=s}).call(this,t(133)(e))},1092:function(e,n){var t=/^(?:0|[1-9]\d*)$/;e.exports=function(e,n){var a=typeof e;return!!(n=null==n?9007199254740991:n)&&("number"==a||"symbol"!=a&&t.test(e))&&e>-1&&e%1==0&&e<n}},1093:function(e,n,t){var a=t(1219),o=t(1094),r=t(1220),i=r&&r.isTypedArray,l=i?o(i):a;e.exports=l},1094:function(e,n){e.exports=function(e){return function(n){return e(n)}}},1095:function(e,n,t){var a=t(1066);e.exports=function(e){return e===e&&!a(e)}},1096:function(e,n){e.exports=function(e,n){return function(t){return null!=t&&(t[e]===n&&(void 0!==n||e in Object(t)))}}},1097:function(e,n,t){var a=t(1098),o=t(1035);e.exports=function(e,n){for(var t=0,r=(n=a(n,e)).length;null!=e&&t<r;)e=e[o(n[t++])];return t&&t==r?e:void 0}},1098:function(e,n,t){var a=t(1003),o=t(1071),r=t(1233),i=t(1366);e.exports=function(e,n){return a(e)?e:o(e,n)?[e]:r(i(e))}},1099:function(e,n){e.exports=function(e){return e}},1110:function(e,n,t){"use strict";var a=t(1),o=t.n(a),r=t(4),i=t.n(r);function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},l.apply(this,arguments)}function s(e,n){if(null==e)return{};var t,a,o=function(e,n){if(null==e)return{};var t,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var c=Object(a.forwardRef)((function(e,n){var t=e.color,a=void 0===t?"currentColor":t,r=e.size,i=void 0===r?24:r,c=s(e,["color","size"]);return o.a.createElement("svg",l({ref:n,xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c),o.a.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.a.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))}));c.propTypes={color:i.a.string,size:i.a.oneOfType([i.a.string,i.a.number])},c.displayName="X",n.a=c},1113:function(e,n,t){var a=t(1168),o=t(1003);e.exports=function(e,n,t,r){return null==e?[]:(o(n)||(n=null==n?[]:[n]),o(t=r?void 0:t)||(t=null==t?[]:[t]),a(e,n,t))}},1114:function(e,n,t){"use strict";t(1);var a,o,r,i,l=t(2),s=t(3),c=t(8);const d=s.c.div(a||(a=Object(l.a)(["\n list-style: none;\n font-family: Lato;\n font-size: 30px;\n padding: 30px 6.552vw;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.37;\n letter-spacing: normal;\n color: #27356a;\n text-align: center;\n display: flex;\n justify-content: center;\n\n /* grid-template-columns: 0.7fr 1fr 0.8fr; */\n\n @media (max-width: ",") {\n /* grid-template-columns: none; */\n flex-direction: column;\n\n padding: 4px 0;\n }\n\n .number {\n width: 59px;\n height: 59px;\n border: ",";\n background-color: #ffffff;\n border-radius: 50%;\n justify-content: center;
1\n align-items: center;\n line-height: 1.47;\n display: inline-block;\n font-size: 15px;\n text-align: center;\n\n .text-1 {\n font-size: 24px;\n font-weight: bold;\n display: inline-block;\n }\n\n @media (max-width: ",") {\n height: 48px;\n width: 48px;\n font-size: 1.8472906403940885vh;\n /* padding-top: 0.5vh; */\n\n border: ",";\n\n .text-1 {\n font-size: 2.463054187192118vh;\n }\n }\n }\n\n img {\n position: relative;\n /* bottom: 1vh; */\n max-height: 59px;\n\n @media (max-width: ",") {\n height: 48px;\n /* height: 6.403940886699506vh; */\n /* width: 6.403940886699506vh; */\n }\n }\n"])),c.f,(e=>e.kompas?"solid 6px #005288":"solid 6px #27356a"),c.f,(e=>e.kompas?"solid 4px #005288":"solid 4px #27356a"),c.f),u=s.c.div(o||(o=Object(l.a)(["\n padding: 20px;\n display: inline-block;\n /* font-size: 20px; */\n /* font-weight: normal; */\n /* font-style: normal; */\n /* font-stretch: normal; */\n /* line-height: 1.37; */\n /* letter-spacing: normal; */\n text-align: left;\n /* color: #27356a; */\n h2 {\n line-height: 30px;\n }\n\n @media (max-width: ",") {\n grid-area: 1;\n justify-items: center;\n padding: 20px 0;\n font-size: 2.0935960591133003vh;\n /* padding-left: 64px; */\n width: 223px;\n\n h2 {\n line-height: 20px;\n }\n }\n"])),c.f),p=s.c.div(r||(r=Object(l.a)(["\n width: 33.3%;\n display: flex;\n justify-content: center;\n align-items: center;\n /* margin: 0 60px; */\n\n @media (max-width: ",") {\n display: grid;\n grid-template-columns: 50% 20%;\n width: 100%;\n /* justify-items: space-between; */\n }\n"])),c.f),b=s.c.div(i||(i=Object(l.a)(["\n display: contents;\n @media (max-width: 990px) {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])));var h=t(5),x=t(185),m=t(0);n.a=e=>{const{t:n}=Object(x.a)();return Object(m.jsxs)(d,{kompas:e.kompas,children:[Object(m.jsxs)(p,{children:[Object(m.jsx)(b,{children:Object(m.jsx)("img",{src:e.kompas?"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/img/landing-klobmeter-doors/ic_Pertanyaan.svg":"https://filesdev.klob.id/public/mig01/jvqerwho/test1.jpg",alt:"",className:"img-fluid"})}),Object(m.jsxs)(u,{children:[Object(m.jsx)(h.qb,{kompas:e.kompas,style:{fontWeight:"bold"},children:e.countQ}),Object(m.jsx)(h.qb,{kompas:e.kompas,style:{fontWeight:"bold"},children:n("klobMeter:questions")})]})]}),Object(m.jsxs)(p,{children:[Object(m.jsx)(b,{children:Object(m.jsx)("img",{src:e.kompas?"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/img/landing-klobmeter-doors/ic_waktu.svg":"https://filesdev.klob.id/public/mig01/jvqes6f7/test2.jpg",alt:"",className:"img-fluid"})}),Object(m.jsxs)(u,{children:[Object(m.jsxs)(h.qb,{kompas:e.kompas,children:[e.countTime," ",n("klobMeter:textMinute")]}),Object(m.jsx)(h.qb,{kompas:e.kompas,children:n("klobMeter:estimatedTime")})]})]}),e.totalStep>1&&Object(m.jsxs)(p,{children:[Object(m.jsxs)(u,{children:[" ",Object(m.jsx)(h.qb,{kompas:e.kompas,style:{fontWeight:"bold"},children:"Tes"}),Object(m.jsx)(h.qb,{kompas:e.kompas,style:{fontWeight:"bold"},children:"Tahap ke"})]}),Object(m.jsx)(b,{children:e.kompas?Object(m.jsxs)("div",{style:{fontFamily:"NeoSansStd",color:"#005288",padding:"5px"},className:"number",children:[Object(m.jsx)("div",{className:"text-1",style:{fontFamily:"NeoSansStd",color:"#005288",fontWeight:"normal",lineHeight:1.65},children:e.countStep}),"/",e.totalStep]}):Object(m.jsxs)("div",{className:"number",style:{padding:"5px"},children:[Object(m.jsxs)("div",{className:"text-1",style:{fontWeight:"normal"},children:[" ",e.countStep]}),"/",e.totalStep]})})]})]})}},1115:function(e,n,t){"use strict";var a,o,r,i,l,s,c,d=t(1),u=t.n(d),p=t(2),b=t(3),h=t(8);const x=b.c.div(a||(a=Object(p.a)(["\n font-family: Lato;\n padding: 22px 60.2px;\n /* margin-bottom: 30px; */\n color: #fff;\n min-width: 0;\n word-wrap: break-word;\n color: #6b727b;\n background-clip: border-box;\n border: solid 1px #e5e5e5;\n background-color: #ffffff;\n border-radius: 6px;\n width: 100%;\n text-align: center;\n /* margin-top: 40px; */\n\n @media (max-width: ",") {\n padding: 16px 12px;\n border-radius: 6px;\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);\n background-color: #ffffff;\n margin-bottom: 24px;\n }\n"])),h.f),m=b.c.div(o||(o=Object(p.a)(["\n padding: 0 6.552vw;\n margin-bottom: 20px;\n\n @media (max-width: ",") {\n padding: 0 16px;\n }\n"])),h.f),g=(b.c.div(r||(r=Object(p.a)(["\n font-family: Lato;\n font-size: 5vw;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.14;\n letter-spacing: normal;\n text-align: center;
1\n color: #27356a;\n"]))),b.c.div(i||(i=Object(p.a)(["\n font-family: Lato;\n font-size: 1.875vw;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.14;\n letter-spacing: normal;\n text-align: center;\n color: #27356a;\n\n @media (max-width: ",") {\n font-size: 1.9704433497536944vh;\n font-weight: 500;\n line-height: 1.19;\n }\n"])),h.f),b.c.div(l||(l=Object(p.a)(["\n margin: 40px 0;\n font-family: Lato;\n font-size: 20px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.27;\n letter-spacing: normal;\n text-align: left;\n color: #6b727b;\n padding-top: 20px;\n"]))),b.c.div(s||(s=Object(p.a)(["\n .list-container {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n gap: 10px;\n margin-block: 16px;\n \n svg {\n width: 30px;\n height: 30px;\n padding: 2px;\n @media (max-width: ",") {\n width: 25px;\n height: 25px;\n }\n }\n }\n ul,\n ol {\n /* margin-top: 10px; */\n list-style: none;\n padding: 5px 0px;\n font-family: ",";\n font-size: 16px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.27;\n letter-spacing: normal;\n text-align: left;\n color: ",";\n\n li {\n //display: flex;\n //align-items: center;\n //justify-content: flex-start;\n //margin-top: 16px;\n //margin-left: 2.188em;\n }\n\n li:first-child {\n margin-top: 0;\n }\n\n @media (max-width: ",") {\n font-size: 12px;\n font-weight: 500;\n line-height: 1.43;\n color: ",";\n }\n }\n"])),h.f,(e=>e.kompas?"NeoSansStd":"Lato"),(e=>e.kompas?"#005288":"#27356a"),h.f,(e=>e.kompas?"#005288":"#27356a"))),f=b.c.div(c||(c=Object(p.a)(["\n text-transform: uppercase;\n display: inline-block;\n /* width: 194px; */\n /* height: 50px; */\n border-radius: 35px;\n background-color: ",";\n text-align: center;\n padding: ",";\n color: #ffff;\n cursor: pointer;\n margin: 20px 0;\n line-height: 2;\n letter-spacing: 0.7px;\n font-size: 16px;\n font-family: ",";\n font-weight: bold;\n /* box-shadow: ","; */\n\n &.disabled-button {\n pointer-events: none;\n background-color: #f4f4f4;\n color: #b2b2b2;\n }\n\n @media (max-width: ",") {\n /* width: 15.02463054187192vh;\n height: 2.9556650246305414vh; */\n padding: 8px 42px;\n border-radius: 9.852216748768472vh;\n font-size: 1.108374384236453vh;\n font-weight: ",";\n line-height: 1.36;\n margin: 0;\n }\n"])),(e=>e.kompas?"#005288":"#dc4c41"),(e=>e.kompas?"6.5px 42px 5px 42px":"5px 42px"),(e=>e.kompas?"NeoSansStd":"Lato"),(e=>e.shadow?"":"3px 4px 6px 0 rgba(39, 53, 106, 0.5)"),h.f,(e=>e.kompas?"Bold":"Normal"));var j=t(185),v=t(5),k=t(0);const y=e=>{const n=document.createElement("div");n.innerHTML=e;const t=Array.from(n.querySelectorAll("li")).map((e=>Object(k.jsxs)("div",{className:"list-container",children:[Object(k.jsx)("div",{children:Object(k.jsx)(v.Gc,{color:v.M})}),Object(k.jsx)("li",{children:u.a.createElement("span",{dangerouslySetInnerHTML:{__html:e.innerHTML}})})]},e.innerHTML)));return Object(k.jsx)("ul",{children:t})};n.a=function(e){const{t:n}=Object(j.a)();return Object(k.jsx)(m,{id:"cara-mengerjakan",children:Object(k.jsxs)(x,{children:[Object(k.jsx)(v.pb,{kompas:e.kompas,children:n("klobMeter:instructions")}),Object(k.jsx)(g,{kompas:e.kompas,children:y(e.longDesc)}),Object(k.jsx)(f,{shadow:e.disabled,kompas:e.kompas,onClick:e.SectionTest,className:e.disabled&&"disabled-button",style:{maxHeight:"40px"},children:Object(k.jsx)("span",{children:e.Text})})]})})}},1126:function(e,n,t){},1129:function(e,n,t){"use strict";t.d(n,"b",(function(){return r})),t.d(n,"c",(function(){return i})),t.d(n,"a",(function(){return l}));var a=t(12),o=t(11);const r=e=>new Promise(((n,t)=>{a.a.service({method:"get",url:"/rest/page/profile/form/education/form",params:e}).then((e=>e.data&&200===e.data.status?n(e.data.result):t(e))).catch((e=>t(e)))})),i=e=>new Promise(((n,t)=>{o.a.LoaderShow(),a.a.service({method:"post",url:"/rest/page/profile/form/education/save",data:e}).then((e=>{o.a.LoaderHide(),200===e.data.status?n(e.data.result):(t(!1),o.a.Alert(e.data.message))})).catch((e=>{t(!1),o.a.LoaderHide(),o.a.Alert(e.message)}))})),l=e=>new Promise(((n,t)=>{a.a.service({method:"get",url:"/rest/masterdata/profile/findByDegree/"+e}).then((e=>e.data&&200===e.data.status?n(e.data.result):t(e))).catch((e=>t(e)))}))},1133:function(e,n,t){"use strict";var a,o,r,i,l,s,c,d,u,p=t(1),b=t.n(p),h=t(12),x=t(1028),m=t(11),g=t(2),f=t(3),j=t(13),v=t(8);const k=f.c.div(a||(a=Object(g.a)(["\n padding: 37px 6.552vw 82px 6.552vw;\n text-align: center;\n p {\n font-family: Lato;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.44;\n letter-spacing: normal;\n color: #6b727b;\n }\n\n .container-progress {\n padding: 2.464vw 10px;\n position: sticky;\n top: 50px;\n background-color: #fff;\n }\n\n .container-progress p {\n margin: 0.5rem auto;\n }\n\n .progress {\n border-radius: 10px;\n }\n .progress-bar {\n border-radius: 10px;\n background-color: #7ac70c !important;\n }\n\n h4 {\n @media (max-width: ",") {\n font-size: 2.7093596059113296vh;\n }\n }\n"])),v.f),y=(f.c.div(o||(o=Object(g.a)(["\n font-family: Lato;\n font-size: 20px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.14;\n letter-spacing: normal;\n text-align: left;
1\n color: #27356a;\n"]))),f.c.input(r||(r=Object(g.a)(["\n width: 100%;\n min-height: 70px;\n border-radius: 60px;\n border: solid 3px #e5e5e5;\n background-color: #ffffff;\n text-align: left;\n margin: 25px 0;\n z-index: 1;\n display: inline-block;\n\n &:hover {\n background-color: #f4f4f4;\n }\n\n &:disabled,\n &[disabled] {\n background-color: #f4f4f4;\n }\n"]))),f.c.label(i||(i=Object(g.a)(['\n text-transform: none;\n width: 100%;\n min-height: 70px;\n border-radius: 60px;\n border: solid 3px #e5e5e5;\n background-color: #fff;\n text-align: left;\n margin: 25px 0;\n z-index: 1;\n display: inline-block;\n cursor: pointer;\n\n &:hover {\n background-color: #f4f4f4;\n }\n\n input[type="checkbox"] {\n display: none;\n }\n']))),f.c.div(l||(l=Object(g.a)(["\n width: 40px;\n height: 40px;\n border: solid 3px #e5e5e5;\n border-radius: 50%;\n display: inline-block;\n text-align: center;\n margin-left: 15px;\n\n // Font\n font-family: Lato;\n font-size: 1.7vw;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.14;\n letter-spacing: normal;\n color: #27356a;\n"]))),f.c.div(s||(s=Object(g.a)(["\n /* width: 965px;\n min-height: 44px; */\n font-family: Lato;\n font-size: 15px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 2.73;\n letter-spacing: normal;\n text-align: left;\n color: #27356a;\n display: inline;\n /* padding: 0 15px; */\n\n @media (max-width: ",") {\n font-size: 1.7241379310344827vh;\n line-height: unset;\n text-align: center;\n padding: 0px 5px;\n }\n"])),v.f)),O=(Object(f.c)(j.b)(c||(c=Object(g.a)(["\n text-transform: uppercase;\n display: inline-block;\n text-align: center;\n padding: 8px;\n color: #ffff;\n cursor: pointer;\n margin: 20px 0;\n line-height: 1.6;\n letter-spacing: 0.7px;\n font-size: 18px;\n width: 229.7px;\n height: 50px;\n border-radius: 38px;\n background-color: #dc4c41;\n margin-top: 69px;\n margin-bottom: 170px;\n border: 0;\n\n &:hover {\n text-decoration: none;\n color: #fff;\n }\n\n &.disabled-link {\n pointer-events: none;\n background-color: #f4f4f4;\n }\n"]))),f.c.div(d||(d=Object(g.a)(['\n & > label {\n text-transform: none;\n width: 100%;\n min-height: 55px;\n border-radius: 60px;\n border: solid 3px #e5e5e5;\n background-color: #fff;\n text-align: left;\n margin: 8px 0;\n z-index: 1;\n display: flex;\n cursor: pointer;
1\n align-items: center;\n padding: 0 25px;\n\n &:hover {\n background-color: #f0f0f0;\n }\n }\n\n & > input[type="checkbox"] {\n display: none;\n }\n\n & > input[type="checkbox"]:checked + label {\n background-color: #f0f0f0;\n\n div {\n color: #b2b2b2;\n }\n }\n\n @media (max-width: ',") {\n label {\n font-size: 1.7241379310344827vh;\n text-align: center;\n display: flex;\n align-items: center;\n padding: unset;\n }\n }\n"])),v.f)),w=f.c.div(u||(u=Object(g.a)(['\n &.disabled-section {\n & > div {\n border-left-style: unset;\n background-color: #fff;\n }\n label:nth-child(n) {\n border: solid 6px #b2b2b2;\n background-color: #fff;\n }\n\n input[type="checkbox"]:checked + label:before {\n text-align: center;\n overflow: hidden;\n background-color: #b2b2b2;\n width: 100%;\n height: 100%;\n display: inline-grid;\n border-radius: 40%;\n align-items: center;\n font-size: 2em;\n }\n\n span {\n color: #b2b2b2;\n }\n\n .center-item {\n border: solid 4px #e5e5e5;\n background-color: #ffff;\n }\n }\n\n span {\n &.error-msg {\n font-family: Lato;\n font-size: 22px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.31;\n letter-spacing: normal;\n text-align: left;\n color: #d85448;\n }\n }\n'])));var q=t(5),E=t(0);const N=e=>{let{dataSoalChooseGroup:n,idTest:t,tipeTest:a}=e;const o=n.questions,r=b.a.createRef();return b.a.useEffect((()=>{}),[]),Object(E.jsxs)(k,{id:"klob-meter-test",ref:r,children:[Object(E.jsxs)(q.rb,{style:{textAlign:"left"},children:["Pilih ",n.numOfNeedToChose," pernyataan yang paling menggambarkan kamu dibawah!"]}),Object(E.jsxs)("form",{onSubmit:function(e){e.preventDefault();const o=[...n.percentilIds],r=localStorage.getItem("applyJvRedirect");if(document.querySelectorAll('input[type="checkbox"]').forEach((e=>{e.checked&&o.push(e.value)})),o.length===n.numOfNeedToChose+n.percentilIds.length)h.a.service.post("/rest/page/klobmeter/personality/post/choosempl01",{percentilIds:o,testId:"".concat(t)}).then((e=>{console.log("masuk choose-groub",a),a?r?(localStorage.removeItem("applyJvRedirect"),window.open("".concat(window.location.origin).concat(r),"_self")):window.open("".concat(window.location.origin,"/home/klob-meter/").concat(a),"_self"):window.open("".concat(window.location.href,"/result"),"_self")}));else{const e="Kamu harus memilih ".concat(n.numOfNeedToChose," dari pilihan tersebut");m.a.Alert(e)}},children:[o.map(((e,n)=>Object(E.jsx)(w,{children:Object(E.jsxs)(O,{children:[Object(E.jsx)("input",{type:"checkbox",id:e.percentilId,value:e.percentilId}),Object(E.jsx)("label",{htmlFor:e.percentilId,children:Object(E.jsx)(y,{children:e.text})})]})},n))),Object(E.jsx)(x.a,{type:"submit",children:"Lanjut"})]})]})};n.a=function(e){let{dataChooseGroup:n,idTest:t,tipeTest:a,linkUrlApp:o,linkUrl:r}=e;return Object(E.jsx)(b.a.Fragment,{children:Object(E.jsx)(N,{dataSoalChooseGroup:n,idTest:t,tipeTest:a})})}},1145:function(e,n,t){"use strict";var a=t(20);n.__esModule=!0,n.map=function(e,n){var t=0;return o.default.Children.map(e,(function(e){return o.default.isValidElement(e)?n(e,t++):e}))}
1,n.forEach=function(e,n){var t=0;o.default.Children.forEach(e,(function(e){o.default.isValidElement(e)&&n(e,t++)}))};var o=a(t(1))},1146:function(e,n,t){"use strict";t.d(n,"a",(function(){return p})),t.d(n,"e",(function(){return b})),t.d(n,"f",(function(){return h})),t.d(n,"d",(function(){return x})),t.d(n,"b",(function(){return m})),t.d(n,"c",(function(){return g}));var a,o,r,i,l,s,c=t(2),d=t(3),u=t(8);const p=d.c.div(a||(a=Object(c.a)(["\n padding: 0px 6.552vw;\n text-align: center;\n\n .box-button-safari button {\n padding-top: 6.5px;\n /* color: red; */\n }\n\n .box-button-not-safari button {\n padding-top: 2px;\n /* color: aqua; */\n }\n\n p {\n font-family: Lato;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.44;\n letter-spacing: normal;\n color: #6b727b;\n }\n\n .container-progress {\n padding: 50px 10px 10px 10px;\n position: sticky;\n z-index: 1;\n top: 45px;\n background-color: #fff;\n\n @media (max-width: ",") {\n top: 60px;\n padding: 2.464vw 0px 10px 0px;\n }\n }\n\n .container-progress p {\n margin: 0.5rem auto;\n }\n\n .progress {\n border-radius: 10px;\n }\n .progress-bar {\n border-radius: 10px;\n background-color: #7ac70c !important;\n }\n\n @media (max-width: ",") {\n padding: 0px 16px 24px 16px;\n\n .box-button-safari button {\n padding-top: 0px;\n /* color: red; */\n }\n\n .box-button-not-safari button {\n padding-top: 1.8px;\n /* color: aqua; */\n }\n }\n"])),u.f,u.f),b=d.c.div(o||(o=Object(c.a)(["\n width: 100%;\n height: 144px;\n /* background-color: #f5f9fd; */\n /* opacity: 0.04; */\n background-color: #f7fdfe;\n display: grid;\n margin: 20px 0;\n justify-content: center;\n align-items: center;\n border-left-style: solid;\n border-left-color: #fec222;\n border-left-width: 12px;\n grid-template-columns: 100%;\n /* padding: 28px 0; */\n\n @media (max-width: ",") {\n margin: 0;\n }\n\n .centerItem {\n margin: 0px 7.321vw;\n @media (max-width: ",') {\n margin: 0px 27px;\n }\n }\n\n &.disabled {\n pointer-events: none;\n background-color: #f0f0f0 !important;\n border: solid 1px #b2b2b2 !important;\n border-radius: 4px;\n opacity: 0.6;\n /* border: solid 1px #b2b2b2; */\n /* background-color: #eaebec; */\n\n .img path {\n fill: #b2b2b2;\n }\n\n label:nth-child(n) {\n border: solid 3px #b2b2b2 !important;\n background-color: #f0f0f0 !important;\n }\n\n label:nth-of-type(1) {\n border: solid 0px rgba(178, 178, 178, 1);\n background-color: rgba(178, 178, 178, 1);\n }\n label:nth-of-type(2) {\n border: solid 0px rgba(178, 178, 178, 0.8);\n background-color: rgba(178, 178, 178, 0.8);\n }\n label:nth-of-type(3) {\n border: solid 0px rgba(178, 178, 178, 0.6);\n background-color: rgba(178, 178, 178, 0.6);\n }\n label:nth-of-type(4) {\n border: solid 0px rgba(178, 178, 178, 0.8);\n background-color: rgba(178, 178, 178, 0.8);\n }\n label:nth-of-type(5) {\n border: solid 0px rgba(178, 178, 178, 1);\n background-color: rgba(178, 178, 178, 1);\n }\n\n input[type="radio"]:checked + label:before {\n text-align: center;\n overflow: hidden;\n width: 100%;\n height: 100%;\n display: inline-grid;\n border-radius: 50%;\n align-items: center;\n font-size: 2em;\n }\n\n input[type="radio"]:checked + label:nth-of-type(1):before {\n background-color: rgba(178, 178, 178, 1);\n @media (max-width: ',') {\n font-size: 1em;\n }\n }\n input[type="radio"]:checked + label:nth-of-type(2):before {\n background-color: rgba(178, 178, 178, 0.8);\n @media (max-width: ',') {\n font-size: 1em;\n }\n }\n input[type="radio"]:checked + label:nth-of-type(3):before {\n background-color: rgba(178, 178, 178, 0.6);\n @media (max-width: ',') {\n font-size: 1em;\n }\n }\n input[type="radio"]:checked + label:nth-of-type(4):before {\n background-color: rgba(178, 178, 178, 0.8);\n @media (max-width: ',') {\n font-size: 1em;\n }\n }\n input[type="radio"]:checked + label:nth-of-type(5):before {\n background-color: rgba(178, 178, 178, 1);\n @media (max-width: ',") {\n font-size: 1em;\n }\n }\n\n span {\n color: #b2b2b2;\n }\n }\n\n .WrapMobileOpsi {\n display: none;\n }\n\n @media (max-width: 992px) {\n height: 181px;\n padding-top: 15px;\n\n .WrapMobileOpsi {\n display: flex;\n justify-content: space-between;\n padding: 0 20px;\n margin-top: 0;\n\n .opsiLeft {\n width: 35vw;\n text-align: left;\n p {\n font-size: 3.1vw;\n }\n @media (max-width: ",") {\n display: none;\n }\n }\n\n .opsiRight {\n width: 32vw;\n text-align: right;\n p {\n font-size: 3.1vw;\n }\n @media (max-width: ",") {\n display: none;\n }\n }\n }\n }\n\n @media (max-width: 646px) {\n /* height: 160px; */\n height: 160px;\n padding-top: 10px;\n margin-top: 8px;\n border-left-width: 3px;\n\n .WrapMobileOpsi {\n display: flex;\n padding: 10px 20px;\n }\n }\n\n @media (max-width: 577px) {\n height: 160px;\n padding-top: 10px;\n\n .WrapMobileOpsi {\n display: flex;\n padding: 10px 20px;\n }\n }\n\n @media (max-width: 530px) {\n height: 110px;\n /* padding-top: 10px; */\n\n .WrapMobileOpsi {\n display: flex;\n padding: 10px 20px;\n }\n }\n\n @media (max-width: 460px) {\n height: 85px;\n /* padding-top: 15px; */\n\n .WrapMobileOpsi {\n /* display: flex; */\n display: none;\n padding: 10px 20px;\n }\n }\n\n @media (max-width: 320px) {\n height: 90px;\n /* padding-top: 15px; */\n\n .WrapMobileOpsi {\n display: flex;\n padding: 0 20px;\n }\n }\n"])),u.f,u.f,u.f,u.f,u.f,u.f,u.f,u.f,u.f),h=d.c.div(r||(r=Object(c.a)(["\n padding: 20px 0px 0px 0px;\n\n @media (max-width: ",") {\n padding: 24px 0px 0px 0px;\n }\n &.disabled-section {\n & > div {\n background-color: #fff;\n border-left-color: #fff;\n /* border: solid 1px #b2b2b2; */\n }\n label:nth-child(n) {\n border: solid 4px #b2b2b2;\n background-color: #fff;\n\n @media (max-width: ",') {\n border: solid 1.5px #b2b2b2;\n }\n }\n\n input[type="radio"]:checked + label:before {\n text-align: center;\n overflow: hidden;\n background-color: #b2b2b2;\n width: 100%;\n height: 100%;\n display: inline-grid;\n border-radius: 40%;\n align-items: center;\n font-size: 2em;\n }\n\n span {\n color: #b2b2b2;\n }\n\n .center-item {\n border: solid 4px #e5e5e5;\n background-color: #ffff;\n }\n }\n\n span {\n &.error-msg {\n font-family: NeoSansStd;\n font-size: 15px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.31;\n letter-spacing: normal;\n text-align: left;\n color: #d85448;\n\n @media (max-width: ',") {\n font-size: 12px;\n }\n }\n }\n"])),u.f,u.f,u.f),x=d.c.div(i||(i=Object(c.a)(["\n font-family: ",";\n font-size: 18px;\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.14;\n letter-spacing: normal;\n text-align: left;
1\n color: ",";\n margin-top: 3px;\n\n @media (max-width: ",") {\n font-size: 12px;\n font-weight: normal;\n line-height: 1.25;\n }\n"])),(e=>e.kompas?"NeoSansStd":"Lato"),(e=>e.kompas?"#005288":"#27356a"),u.f),m=d.c.div(l||(l=Object(c.a)(["\n text-align: center;\n line-height: 2;\n right: 0px;\n width: 12vw;\n /* position: absolute; */\n\n img {\n max-width: 6vw;\n height: auto;\n }\n\n span {\n display: block;\n font-family: Lato;\n /* font-size: 1.3vw; */\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.33;\n letter-spacing: normal;\n text-align: center;\n color: #27356a;\n }\n\n @media (max-width: 992px) {\n /* display: none; */\n width: 50px;\n /* display: flex; */\n /* flex-direction: row; */\n /* flex-wrap: wrap; */\n display: flex;\n justify-content: flex-end;\n flex-direction: column;\n /* margin-right: 2px; */\n text-align: -webkit-right;\n\n img {\n max-width: 10vw;\n display: flex;\n\n justify-content: flex-end;\n\n /* height: 0px; */\n }\n span {\n font-size: 13px;\n text-align: left;\n }\n }\n\n @media (max-width: ",") {\n /* display: none; */\n width: 50px;\n /* height: 10px; */\n /* border: solid 1px red; */\n\n span {\n /* display: none; */\n /* border: solid 1px aqua; */\n }\n img {\n /* width: 33px; */\n }\n }\n"])),u.f),g=d.c.div(s||(s=Object(c.a)(["\n text-align: center;\n line-height: 2;\n right: 0px;\n width: 12vw;\n\n img {\n max-width: 6vw;\n height: auto;\n }\n\n span {\n display: block;\n font-family: Lato;\n /* font-size: 1.3vw; */\n font-weight: normal;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.33;\n letter-spacing: normal;\n text-align: center;\n color: #27356a;\n }\n @media (max-width: 992px) {\n width: 50px;\n /* justify-content: flex-start; */\n display: flex;\n flex-direction: column;\n margin-right: 2px;\n\n img {\n max-width: 10vw;\n }\n span {\n font-size: 13px;\n text-align: right;\n }\n }\n\n @media (max-width: ",") {\n /* border: solid 1px red; */\n\n span {\n /* display: none; */\n }\n }\n"])),u.f)},1168:function(e,n,t){var a=t(1368),o=t(1169),r=t(1242),i=t(1248),l=t(1094),s=t(1249),c=t(1099);e.exports=function(e,n,t){var d=-1;n=a(n.length?n:[c],l(o));var u=r(e,(function(e,t,o){return{criteria:a(n,(function(n){return n(e)})),index:++d,value:e}}));return i(u,(function(e,n){return s(e,n,t)}))}},1169:function(e,n,t){var a=t(1170),o=t(1231),r=t(1099),i=t(1003),l=t(1239);e.exports=function(e){return"function"==typeof e?e:null==e?r:"object"==typeof e?i(e)?o(e[0],e[1]):a(e):l(e)}},1170:function(e,n,t){var a=t(1171),o=t(1230),r=t(1096);e.exports=function(e){var n=o(e);return 1==n.length&&n[0][2]?r(n[0][0],n[0][1]):function(t){return t===e||a(t,e,n)}}},1171:function(e,n,t){var a=t(1084),o=t(1088);e.exports=function(e,n,t,r){var i=t.length,l=i,s=!r;if(null==e)return!l;for(e=Object(e);i--;){var c=t[i];if(s&&c[2]?c[1]!==e[c[0]]:!(c[0]in e))return!1}for(;++i<l;){var d=(c=t[i])[0],u=e[d],p=c[1];if(s&&c[2]){if(void 0===u&&!(d in e))return!1}else{var b=new a;if(r)var h=r(u,p,d,e,n,b);if(!(void 0===h?o(p,u,3,r,b):h))return!1}}return!0}},1172:function(e,n){e.exports=function(){this.__data__=[],this.size=0}},1173:function(e,n,t){var a=t(1032),o=Array.prototype.splice;e.exports=function(e){var n=this.__data__,t=a(n,e);return!(t<0)&&(t==n.length-1?n.pop():o.call(n,t,1),--this.size,!0)}},1174:function(e,n,t){var a=t(1032);e.exports=function(e){var n=this.__data__,t=a(n,e);return t<0?void 0:n[t][1]}},1175:function(e,n,t){var a=t(1032);e.exports=function(e){return a(this.__data__,e)>-1}},1176:function(e,n,t){var a=t(1032);e.exports=function(e,n){var t=this.__data__,o=a(t,e);return o<0?(++this.size,t.push([e,n])):t[o][1]=n,this}},1177:function(e,n,t){var a=t(1031);e.exports=function(){this.__data__=new a,this.size=0}},1178:function(e,n){e.exports=function(e){var n=this.__data__,t=n.delete(e);return this.size=n.size,t}},1179:function(e,n){e.exports=function(e){return this.__data__.get(e)}},1180:function(e,n){e.exports=function(e){return this.__data__.has(e)}},1181:function(e,n,t){var a=t(1031),o=t(1065),r=t(1067);e.exports=function(e,n){var t=this.__data__;if(t instanceof a){var i=t.__data__;if(!o||i.length<199)return i.push([e,n]),this.size=++t.size,this;t=this.__data__=new r(i)}return t.set(e,n),this.size=t.size,this}},1182:function(e,n,t){var a=t(1086),o=t(1183),r=t(1066),i=t(1087),l=/^\[object .+?Constructor\]$/,s=Function.prototype,c=Object.prototype,d=s.toString,u=c.hasOwnProperty,p=RegExp("^"+d.call(u).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=function(e){return!(!r(e)||o(e))&&(a(e)?p:l).test(i(e))}},1183:function(e,n,t){var a=t(1184),o=function(){var e=/[^.]+$/.exec(a&&a.keys&&a.keys.IE_PROTO||"");
vendor: 2,430 bytes, line 1
1return e?"Symbol(src)_1."+e:""}();e.exports=function(e){return!!o&&o in e}},1184:function(e,n,t){var a=t(1002)["__core-js_shared__"];e.exports=a},1185:function(e,n){e.exports=function(e,n){return null==e?void 0:e[n]}},1186:function(e,n,t){var a=t(1187),o=t(1031),r=t(1065);e.exports=function(){this.size=0,this.__data__={hash:new a,map:new(r||o),string:new a}}},1187:function(e,n,t){var a=t(1188),o=t(1189),r=t(1190),i=t(1191),l=t(1192);function s(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var a=e[n];this.set(a[0],a[1])}}s.prototype.clear=a,s.prototype.delete=o,s.prototype.get=r,s.prototype.has=i,s.prototype.set=l,e.exports=s},1188:function(e,n,t){var a=t(1033);e.exports=function(){this.__data__=a?a(null):{},this.size=0}},1189:function(e,n){e.exports=function(e){var n=this.has(e)&&delete this.__data__[e];return this.size-=n?1:0,n}},1190:function(e,n,t){var a=t(1033),o=Object.prototype.hasOwnProperty;e.exports=function(e){var n=this.__data__;if(a){var t=n[e];return"__lodash_hash_undefined__"===t?void 0:t}return o.call(n,e)?n[e]:void 0}},1191:function(e,n,t){var a=t(1033),o=Object.prototype.hasOwnProperty;e.exports=function(e){var n=this.__data__;return a?void 0!==n[e]:o.call(n,e)}},1192:function(e,n,t){var a=t(1033);e.exports=function(e,n){var t=this.__data__;return this.size+=this.has(e)?0:1,t[e]=a&&void 0===n?"__lodash_hash_undefined__":n,this}},1193:function(e,n,t){var a=t(1034);e.exports=function(e){var n=a(this,e).delete(e);return this.size-=n?1:0,n}},1194:function(e,n){e.exports=function(e){var n=typeof e;return"string"==n||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==e:null===e}},1195:function(e,n,t){var a=t(1034);e.exports=function(e){return a(this,e).get(e)}},1196:function(e,n,t){var a=t(1034);e.exports=function(e){return a(this,e).has(e)}},1197:function(e,n,t){var a=t(1034);e.exports=function(e,n){var t=a(this,e),o=t.size;return t.set(e,n),this.size+=t.size==o?0:1,this}},1198:function(e,n,t){var a=t(1084),o=t(1089),r=t(1204),i=t(1208),l=t(1225),s=t(1003),c=t(1091),d=t(1093),u="[object Arguments]",p="[object Array]",b="[object Object]",h=Object.prototype.hasOwnProperty;e.exports=function(e,n,t,x,m,g){var f=s(e),j=s(n),v=f?p:l(e),k=j?p:l(n),y=(v=v==u?b:v)==b,O=(k=k==u?b:k)==b,w=v==k;if(w&&c(e)){if(!c(n))return!1;f=!0,y=!1}if(w&&!y)return g||(g=new a),f||d(e)?o(e,n,t,x,m,g):r(e,n,v,t,x,m,g);if(!(1&t)){var q=y&&h.call(e,"__wrapped__"),E=O&&h.call(n,"__wrapped__");
vendor: 4,752 bytes, line 1
1if(q||E){var N=q?e.value():e,S=E?n.value():n;return g||(g=new a),m(N,S,t,x,g)}}return!!w&&(g||(g=new a),i(e,n,t,x,m,g))}},1199:function(e,n,t){var a=t(1067),o=t(1200),r=t(1201);function i(e){var n=-1,t=null==e?0:e.length;for(this.__data__=new a;++n<t;)this.add(e[n])}i.prototype.add=i.prototype.push=o,i.prototype.has=r,e.exports=i},1200:function(e,n){e.exports=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this}},1201:function(e,n){e.exports=function(e){return this.__data__.has(e)}},1202:function(e,n){e.exports=function(e,n){for(var t=-1,a=null==e?0:e.length;++t<a;)if(n(e[t],t,e))return!0;return!1}},1203:function(e,n){e.exports=function(e,n){return e.has(n)}},1204:function(e,n,t){var a=t(1297),o=t(1205),r=t(1085),i=t(1089),l=t(1206),s=t(1207),c=a?a.prototype:void 0,d=c?c.valueOf:void 0;e.exports=function(e,n,t,a,c,u,p){switch(t){case"[object DataView]":if(e.byteLength!=n.byteLength||e.byteOffset!=n.byteOffset)return!1;e=e.buffer,n=n.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=n.byteLength||!u(new o(e),new o(n)));case"[object Boolean]":case"[object Date]":case"[object Number]":return r(+e,+n);case"[object Error]":return e.name==n.name&&e.message==n.message;case"[object RegExp]":case"[object String]":return e==n+"";case"[object Map]":var b=l;case"[object Set]":var h=1&a;if(b||(b=s),e.size!=n.size&&!h)return!1;var x=p.get(e);if(x)return x==n;a|=2,p.set(e,n);var m=i(b(e),b(n),a,c,u,p);return p.delete(e),m;case"[object Symbol]":if(d)return d.call(e)==d.call(n)}return!1}},1205:function(e,n,t){var a=t(1002).Uint8Array;e.exports=a},1206:function(e,n){e.exports=function(e){var n=-1,t=Array(e.size);return e.forEach((function(e,a){t[++n]=[a,e]})),t}},1207:function(e,n){e.exports=function(e){var n=-1,t=Array(e.size);return e.forEach((function(e){t[++n]=e})),t}},1208:function(e,n,t){var a=t(1209),o=Object.prototype.hasOwnProperty;e.exports=function(e,n,t,r,i,l){var s=1&t,c=a(e),d=c.length;if(d!=a(n).length&&!s)return!1;for(var u=d;u--;){var p=c[u];if(!(s?p in n:o.call(n,p)))return!1}var b=l.get(e);if(b&&l.get(n))return b==n;var h=!0;l.set(e,n),l.set(n,e);for(var x=s;++u<d;){var m=e[p=c[u]],g=n[p];if(r)var f=s?r(g,m,p,n,e,l):r(m,g,p,e,n,l);if(!(void 0===f?m===g||i(m,g,t,r,l):f)){h=!1;break}x||(x="constructor"==p)}if(h&&!x){var j=e.constructor,v=n.constructor;j==v||!("constructor"in e)||!("constructor"in n)||"function"==typeof j&&j instanceof j&&"function"==typeof v&&v instanceof v||(h=!1)}return l.delete(e),l.delete(n),h}},1209:function(e,n,t){var a=t(1210),o=t(1212),r=t(1068);e.exports=function(e){return a(e,r,o)}},1210:function(e,n,t){var a=t(1211),o=t(1003);e.exports=function(e,n,t){var r=n(e);return o(e)?r:a(r,t(e))}},1211:function(e,n){e.exports=function(e,n){for(var t=-1,a=n.length,o=e.length;++t<a;)e[o+t]=n[t];return e}},1212:function(e,n,t){var a=t(1213),o=t(1214),r=Object.prototype.propertyIsEnumerable,i=Object.getOwnPropertySymbols,l=i?function(e){return null==e?[]:(e=Object(e),a(i(e),(function(n){return r.call(e,n)})))}:o;e.exports=l},1213:function(e,n){e.exports=function(e,n){for(var t=-1,a=null==e?0:e.length,o=0,r=[];++t<a;){var i=e[t];n(i,t,e)&&(r[o++]=i)}return r}},1214:function(e,n){e.exports=function(){return[]}},1215:function(e,n,t){var a=t(1216),o=t(1090),r=t(1003),i=t(1091),l=t(1092),s=t(1093),c=Object.prototype.hasOwnProperty;e.exports=function(e,n){var t=r(e),d=!t&&o(e),u=!t&&!d&&i(e),p=!t&&!d&&!u&&s(e),b=t||d||u||p,h=b?a(e.length,String):[],x=h.length;for(var m in e)!n&&!c.call(e,m)||b&&("length"==m||u&&("offset"==m||"parent"==m)||p&&("buffer"==m||"byteLength"==m||"byteOffset"==m)||l(m,x))||h.push(m);return h}},1216:function(e,n){e.exports=function(e,n){for(var t=-1,a=Array(e);++t<e;)a[t]=n(t);return a}},1217:function(e,n,t){var a=t(1058),o=t(1059);e.exports=function(e){return o(e)&&"[object Arguments]"==a(e)}},1218:function(e,n){e.exports=function(){return!1}},1219:function(e,n,t){var a=t(1058),o=t(1069),r=t(1059),i={};i["[object Float32Array]"]=i["[object Float64Array]"]=i["[object Int8Array]"]=i["[object Int16Array]"]=i["[object Int32Array]"]=i["[object Uint8Array]"]=i["[object Uint8ClampedArray]"]=i["[object Uint16Array]"]=i["[object Uint32Array]"]=!0,i["[object Arguments]"]=i["[object Array]"]=i["[object ArrayBuffer]"]=i["[object Boolean]"]=i["[object DataView]"]=i["[object Date]"]=i["[object Error]"]=i["[object Function]"]=i["[object Map]"]=i["[object Number]"]=i["[object Object]"]=i["[object RegExp]"]=i["[object Set]"]=i["[object String]"]=i["[object WeakMap]"]=!1,e.exports=function(e){return r(e)&&o(e.length)&&!!i[a(e)]}},1220:function(e,n,t){(function(e){var a=t(1367),o=n&&!n.nodeType&&n,r=o&&"object"==typeof e&&e&&!e.nodeType&&e,i=r&&r.exports===o&&a.process,l=function(){try{var e=r&&r.require&&r.require("util").t
1ypes;return e||i&&i.binding&&i.binding("util")}catch(n){}}();e.exports=l}).call(this,t(133)(e))},1221:function(e,n,t){var a=t(1222),o=t(1223),r=Object.prototype.hasOwnProperty;e.exports=function(e){if(!a(e))return o(e);var n=[];for(var t in Object(e))r.call(e,t)&&"constructor"!=t&&n.push(t);return n}},1222:function(e,n){var t=Object.prototype;e.exports=function(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||t)}},1223:function(e,n,t){var a=t(1224)(Object.keys,Object);e.exports=a},1224:function(e,n){e.exports=function(e,n){return function(t){return e(n(t))}}},1225:function(e,n,t){var a=t(1226),o=t(1065),r=t(1227),i=t(1228),l=t(1229),s=t(1058),c=t(1087),d="[object Map]",u="[object Promise]",p="[object Set]",b="[object WeakMap]",h="[object DataView]",x=c(a),m=c(o),g=c(r),f=c(i),j=c(l),v=s;(a&&v(new a(new ArrayBuffer(1)))!=h||o&&v(new o)!=d||r&&v(r.resolve())!=u||i&&v(new i)!=p||l&&v(new l)!=b)&&(v=function(e){var n=s(e),t="[object Object]"==n?e.constructor:void 0,a=t?c(t):"";if(a)switch(a){case x:return h;case m:return d;case g:return u;case f:return p;case j:return b}return n}),e.exports=v},1226:function(e,n,t){var a=t(1010)(t(1002),"DataView");e.exports=a},1227:function(e,n,t){var a=t(1010)(t(1002),"Promise");e.exports=a},1228:function(e,n,t){var a=t(1010)(t(1002),"Set");e.exports=a},1229:function(e,n,t){var a=t(1010)(t(1002),"WeakMap");e.exports=a},1230:function(e,n,t){var a=t(1095),o=t(1068);e.exports=function(e){for(var n=o(e),t=n.length;t--;){var r=n[t],i=e[r];n[t]=[r,i,a(i)]}return n}},1231:function(e,n,t){var a=t(1088),o=t(1232),r=t(1236),i=t(1071),l=t(1095),s=t(1096),c=t(1035);e.exports=function(e,n){return i(e)&&l(n)?s(c(e),n):function(t){var i=o(t,e);return void 0===i&&i===n?r(t,e):a(n,i,3)}}},1232:function(e,n,t){var a=t(1097);e.exports=function(e,n,t){var o=null==e?void 0:a(e,n);return void 0===o?t:o}},1233:function(e,n,t){var a=t(1234),o=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,r=/\\(\\)?/g,i=a((function(e){var n=[];return 46===e.charCodeAt(0)&&n.push(""),e.replace(o,(function(e,t,a,o){n.push(a?o.replace(r,"$1"):t||e)})),n}));e.exports=i},1234:function(e,n,t){var a=t(1235);e.exports=function(e){var n=a(e,(function(e){return 500===t.size&&t.clear(),e})),t=n.cache;return n}},1235:function(e,n,t){var a=t(1067);function o(e,n){if("function"!=typeof e||null!=n&&"function"!=typeof n)throw new TypeError("Expected a function");var t=function(){var a=arguments,o=n?n.apply(this,a):a[0],r=t.cache;if(r.has(o))return r.get(o);var i=e.apply(this,a);return t.cache=r.set(o,i)||r,i};return t.cache=new(o.Cache||a),t}o.Cache=a,e.exports=o},1236:function(e,n,t){var a=t(1237),o=t(1238);e.exports=function(e,n){return null!=e&&o(e,n,a)}},1237:function(e,n){e.exports=function(e,n){return null!=e&&n in Object(e)}},1238:function(e,n,t){var a=t(1098),o=t(1090),r=t(1003),i=t(1092),l=t(1069),s=t(1035);e.exports=function(e,n,t){for(var c=-1,d=(n=a(n,e)).length,u=!1;++c<d;){var p=s(n[c]);if(!(u=null!=e&&t(e,p)))break;e=e[p]}return u||++c!=d?u:!!(d=null==e?0:e.length)&&l(d)&&i(p,d)&&(r(e)||o(e))}},1239:function(e,n,t){var a=t(1240),o=t(1241),r=t(1071),i=t(1035);e.exports=function(e){return r(e)?a(i(e)):o(e)}},1240:function(e,n){e.exports=function(e){return function(n){return null==n?void 0:n[e]}}},1241:function(e,n,t){var a=t(1097);e.exports=function(e){return function(n){return a(n,e)}}},1242:function(e,n,t){var a=t(1243),o=t(1070);e.exports=function(e,n){var t=-1,r=o(e)?Array(e.length):[];return a(e,(function(e,a,o){r[++t]=n(e,a,o)})),r}},1243:function(e,n,t){var a=t(1244),o=t(1247)(a);e.exports=o},1244:function(e,n,t){var a=t(1245),o=t(1068);e.exports=function(e,n){return e&&a(e,n,o)}},1245:function(e,n,t){var a=t(1246)();e.exports=a},1246:function(e,n){e.exports=function(e){return function(n,t,a){for(var o=-1,r=Object(n),i=a(n),l=i.length;l--;){var s=i[e?l:++o];if(!1===t(r[s],s,r))break}return n}}},1247:function(e,n,t){var a=t(1070);e.exports=function(e,n){return function(t,o){if(null==t)return t;if(!a(t))return e(t,o);for(var r=t.length,i=n?r:-1,l=Object(t);(n?i--:++i<r)&&!1!==o(l[i],i,l););return t}}},1248:function(e,n){e.exports=function(e,n){var t=e.length;for(e.sort(n);t--;)e[t]=e[t].value;return e}},1249:function(e,n,t){var a=t(1250);e.exports=function(e,n,t){for(var o=-1,r=e.criteria,i=n.criteria,l=r.length,s=t.length;++o<l;){var c=a(r[o],i[o]);if(c)return o>=s?c:c*("desc"==t[o]?-1:1)}return e.index-n.index}},1250:function(e,n,t){var a=t(1078);e.exports=function(e,n){if(e!==n){var t=void 0!==e,o=null===e,r=e===e,i=a(e),l=void 0!==n,s=null===n,c=n===n,d=a(n);if(!s&&!d&&!i&&e>n||i&&l&&c&&!s&&!d||o&&l&&c||!t&&c||!r)return 1;if(!o&&!i&&!d&&e<n||d&&t&&r&&!o&&!i||s&&t&&r||!l&&r||!c)return-1}return 0}},1284:function(e,n,t){"use strict";var a,o,r,i,l=t(1),s=t.n(l),c=t(1019),d=t(2),u=t(3),p=t(8);const b={Wrapper:u.c.div(a||(a=Object(d.a)(["\n display: flex;\n flex-flow: row nowrap;\n background: #fff7e1;\n border-radius: 0.5em;\n padding: 10px 14px;\n "]))),Left:u.c.div(o||(o=Object(d.a)([""]))),Right:u.c.div(r||(r=Object(d.a)(["\n flex: 1;\n text-align: left;\n margin-left: 10px;\n\n .text {\n margin: 0px;\n line-height: 22px;\n font-weight: unset;\n color: #c8a039;\n\n @media (max-width: ",") {\n line-height: 16px;\n }\n }\n "])),p.h)},h=u.c.hr(i||(i=Object(d.a)(["\n /* background: red; */\n"])));var x=t(1376),m=t(5),g=t(0);var f,j,v,k,y,O,w,q,E,N,S,D=()=>Object(g.jsxs)(s.a.Fragment,{children:[Object(g.jsxs)(b.Wrapper,{children:[Object(g.jsx)(b.Left,{children:Object(g.jsx)(x.a,{color:"#c49f44"})}),Object(g.jsx)(b.Right,{children:Object(g.jsx)(m.sb,{className:"text",children:"Silakan isi data demografi di bawah untuk menyelesaikan dan mendapatkan hasil/laporan dari Klob Meter ini."})})]}),Object(g.jsx)(h,{})]}),_=t(32);const I=u.c.div(f||(f=Object(d.a)(["\n .form-check {\n padding: 0px;\n text-align: left;\n\n .text-or {\n margin: 5px 0px;\n\n @media (max-width: ",") {\n margin: 8px 0px;\n }\n }\n\n .form-group-line {\n height: unset;\n min-height: unset;\n margin-bottom: 8px;\n }\n }\n"])),p.k),z=u.c.hr(j||(j=Object(d.a)([""]))),J=u.c.div(v||(v=Object(d.a)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);\n border-radius: 0.5em;\n margin-bottom: 1%;\n background: ",";\n\n @media (max-width: ",") {\n margin-top: 5px;\n padding: 5px 10px;\n }\n\n .fa-check-circle {\n color: ",";\n font-size: 22px;\n\n @media (max-width: ",") {\n font-size: 16px;\n }\n }\n\n .text {\n color: ",";\n margin: 0px;\n line-height: 22px;\n }\n\n label {\n cursor: pointer;\n }\n"])),(e=>e.color&&e.color),p.k,_.a.color.lightGreen,p.k,(e=>e.color===_.a.color.lightGray?_.a.color.battleShipGrey:_.a.color.brand.primaryDarkSlateBlue)),M=u.c.div(k||(k=Object(d.a)(["\n padding: 10px;\n margin-bottom: 1%;\n\n .text {\n color: ",";\n margin: 0px;\n line-height: 22px;\n cursor: pointer;
1\n\n svg {\n width: 20px;\n height: 20px;\n }\n\n :hover {\n color: ",";\n\n svg {\n stroke: ",";\n }\n }\n }\n"])),_.a.color.brand.primaryDarkSlateBlue,_.a.color.brand.primaryIndianRed,_.a.color.brand.primaryIndianRed),C=u.c.div(y||(y=Object(d.a)(["\n text-align: center;\n\n .text {\n margin: 0px;\n line-height: 22px;\n margin: 0px 70px;\n\n @media (max-width: ",") {\n line-height: 16px;\n margin: 0px 30px;\n }\n\n .bold {\n margin: 0px;\n line-height: 22px;\n font-weight: bold;\n color: ",";\n }\n\n .sk {\n display: inline-block;\n font-weight: bold;\n margin: 0px;\n line-height: 22px;\n color: ",";\n\n @media (max-width: ",") {\n line-height: 16px;\n }\n }\n }\n\n button {\n /* margin-top: 10px;\n background: ",";\n border-radius: 2em;\n font-size: 11px;\n text-transform: uppercase;\n color: #fff;\n padding: 4px 20px;\n font-family: Lato;\n box-shadow: 3px 4px 6px 0 rgba(216, 84, 72, 0.5);\n border: unset; */\n\n &.is-disabled {\n background: ",";\n box-shadow: 3px 4px 6px 0 ",";\n color: ",";\n pointer-events: none;\n }\n }\n"])),p.k,_.a.color.brand.primaryDarkSlateBlue,_.a.color.brand.primaryDarkSlateBlue,p.k,_.a.color.brand.primaryIndianRed,_.a.color.gray,_.a.color.gray,_.a.color.battleShipGrey),Y={Wrapper:u.c.div(O||(O=Object(d.a)(["\n background: ",";\n padding: 10px;\n border-radius: 0.5em;\n /* margin-top: 20px; */\n "])),_.a.color.brand.primaryLightSlateBlue),Title:u.c.div(w||(w=Object(d.a)(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 10px;\n\n .text {\n line-height: 22px;\n }\n\n .close {\n cursor: pointer;\n }\n "]))),Body:u.c.div(q||(q=Object(d.a)(["\n label {\n display: none;\n\n &.label-unhide {\n display: inline-block;\n }\n }\n\n /* .input-education-level {\n margin-bottom: 15px;\n } */\n\n /* .input-degree-name {\n margin-bottom: 10px;\n } */\n "])))},T=u.c.div(E||(E=Object(d.a)(["\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-column-gap: 15px;\n"]))),B=u.c.div(N||(N=Object(d.a)(["\n margin-bottom: 15px;\n\n .notes {\n margin: 0px;\n line-height: 22px;\n font-weight: unset;\n\n @media (max-width: ",") {\n line-height: 16px;\n }\n }\n"])),p.h),F=u.c.div(S||(S=Object(d.a)(["\n display: flex;\n align-items: center;\n margin: 5px 0px;\n\n &.is-disabled {\n .custom-checkbox {\n cursor: default;\n }\n\n .custom-checkbox .checkmark {\n background: #e9ecef;\n }\n\n .label-checkbox {\n cursor: default;\n }\n }\n\n .label-checkbox {\n ","\n line-height: 22px;\n margin: 0px;\n cursor: pointer;\n\n @media (max-width: ",") {\n line-height: 16px;\n }\n }\n\n .custom-checkbox {\n display: block;\n position: relative;\n cursor: pointer;\n margin: 0px;\n font-size: 22px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n @media (max-width: ",") {\n margin-right: 5px;\n }\n }\n\n .custom-checkbox input {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n\n /* Create a custom checkbox */\n .checkmark {\n position: relative;\n display: block;\n margin-right: 0.7vw;\n height: 19px;\n width: 19px;\n background: #fff;\n border-radius: 0.2em;\n border: 1.5px solid #27356a;\n\n @media (max-width: ",') {\n border: 1.5px solid #27356a;\n height: 15px;\n width: 15px;\n }\n }\n\n /* On mouse-over, add a grey background color */\n .custom-checkbox:hover input ~ .checkmark {\n /* background: green; */\n }\n\n /* When the checkbox is checked, add a blue background */\n .custom-checkbox input:checked ~ .checkmark {\n background-color: #27356a;\n }\n\n /* Create the checkmark/indicator (hidden when not checked) */\n .checkmark:after {\n content: "";\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .custom-checkbox input:checked ~ .checkmark:after {\n display: block;\n }\n\n /* Style the checkmark/indicator */\n .custom-checkbox .checkmark:after {\n color: green;\n left: 5px;\n top: 2px;\n width: 5px;\n height: 10px;\n border: solid white;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n\n @media (max-width: ',") {\n left: 4px;\n top: 0px;\n }\n }\n"])),(e=>Object(m.Wb)(e).type.componentStyle.rules[0]),p.h,p.h,p.k,p.k);var L=t(323),P=t(1009),R=t(989),A=t(1015),V=t(132),W=t(116),H=t.n(W),K=t(1407),G=t(1110),$=t(1129),U=t(69),Q=t(12),X=t(13);var Z=e=>{let{masterDataEducation:n,masterDataJob:t,dropdownMarital:a,dataFormModal:o,submitTest:r}=e;
1const i=[{value:"M",label:"Pria"},{value:"F",label:"Wanita"}],[l]=s.a.useState({dob:o.form.dob&&new Date(H()((e=>{var n=e.match(/\d+/g),t=n[0].substring(2),a=n[1];return n[2]+"/"+a+"/"+t})(o.form.dob),"DD/MM/YYYY").format("MM/DD/YYYY")),sex:o.form.sex?"M"===o.form.sex?i[0]:i[1]:null,education:o.form.education&&o.form.education.data?o.form.education.data:null,degreeEducation:null,degreeDetailEducation:"",institutionNameEducation:null,locationEducation:null,startDateEducation:null,endDateEducation:null,job:o.form.jobHistory&&o.form.jobHistory.data?o.form.jobHistory.data:null,positionJob:"",institutionNameJob:null,locationJob:null,companySectorJob:null,startDateJob:null,endDateJob:null,marId:o.form.maritalStatus?"d"===o.form.maritalStatus.value?a[0]:"m"===o.form.maritalStatus.value?a[1]:"s"===o.form.maritalStatus.value?a[2]:null:null,workingStatus:o.form.workingStatus?o.form.workingStatus:null}),[c,d]=s.a.useState(!1),[u,p]=s.a.useState(!1),[b,h]=s.a.useState(!0),[x,f]=s.a.useState(!0),[j,v]=s.a.useState(!1),[k,y]=s.a.useState([]);s.a.useEffect((()=>{console.log("cek endDateJobDisabled:",x)}),[x]),s.a.useEffect((()=>{console.log("cek unemployed:",j)}),[j]),s.a.useEffect((()=>{console.log("cek dataFormModal:",o.form),"Sedang Tidak Bekerja"===o.form.workingStatus?v(!0):v(!1)}),[o]);const O=()=>Object(g.jsxs)(g.Fragment,{children:[Object(g.jsx)(m.Y,{color:m.qc}),"Wajib untuk diisi"]}),w=(e,n,t)=>"education"===t?void 0:"checkbox-education"===t?(console.log("checkbox-education worked!"),h(!b),n.setFieldValue("currentEducation",!b),void n.setFieldValue("endDateEducation",null)):"job"===t?(n.setFieldValue("workingStatus",void 0),void n.setFieldValue("job",n.values.job)):"checkbox-job"===t?(f(!x),n.setFieldValue("currentJob",!x),void n.setFieldValue("endDateJob",null)):"checkbox-unemployed"===t?(console.log("checkbox-unemployed invoked!"),console.log("cek unemployed checkbox-unemployed:",j),v(!j),j&&u&&f(!1),void n.setFieldValue("workingStatus",j?"Sedang Bekerja":"Sedang Tidak Bekerja")):"unemployed"===t?(n.setFieldValue("workingStatus","Sedang Tidak Bekerja"),n.setFieldValue("positionJob",void 0),n.setFieldValue("institutionNameJob",void 0),n.setFieldValue("locationJob",void 0),n.setFieldValue("companySectorJob",void 0),n.setFieldValue("startDateJob",null),n.setFieldValue("endDateJob",null),void n.setFieldValue("currentJob",void 0)):void console.log("type is not valid!",t),q=(e,n)=>{if("education"===n)return d(!1),e.setFieldValue("degreeEducation",void 0),e.setFieldValue("degreeDetailEducation",void 0),e.setFieldValue("institutionNameEducation",void 0),e.setFieldValue("locationEducation",void 0),e.setFieldValue("startDateEducation",null),e.setFieldValue("endDateEducation",null),e.setFieldValue("currentEducation",void 0),h(!0),void y([]);if("job"===n)return p(!1),e.setFieldValue("positionJob",void 0),e.setFieldValue("institutionNameJob",void 0),e.setFieldValue("locationJob",void 0),e.setFieldValue("companySectorJob",void 0),e.setFieldValue("startDateJob",null),e.setFieldValue("endDateJob",null),e.setFieldValue("currentJob",void 0),void f(!0);throw console.log("type is not valid!",n),new m.Y},E=(e,n)=>{n.setFieldValue("degreeEducation",e),Object($.a)(e.value).then((e=>{console.log("cek res from findByDegree:",e),y(e.school),h(!1)})).catch((e=>console.log(e)))},N=(e,n)=>{n.setFieldValue("institutionNameJob",e),f(!1)};return Object(g.jsx)(I,{children:Object(g.jsx)(L.d,{initialValues:l,validationSchema:()=>(l.degreeEducation||l.degreeDetailEducation)&&(l.positionJob||l.institutionNameJob||l.locationJob)?j?(console.log("cek data:",l),console.log("cek addEducation && addJob && unemployed"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable()})):l.job?(console.log("cek data:",l),console.log("cek addEducation && addJob && !unemployed && job"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):(console.log("cek data:",l),console.log("cek addEducation && addJob && !unemployed && !job"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):!l.degreeEducation&&!l.degreeDetailEducation||l.positionJob&&l.institutionNameJob&&l.locationJob?l.degreeEducation&&l.degreeDetailEducation||!(l.positionJob||l.institutionNameJob||l.locationJob)?l.degreeEducation&&l.degreeDetailEducation||l.positionJob&&l.institutionNameJob&&l.locationJob?void 0:j?l.education?(console.log("cek data:",l),console.log("cek !addEducation && !addJob && unemployed && education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable()})):(console.log("cek data:",l),console.log("cek !addEducation && !addJob && unemployed && !education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable()})):l.job?l.education?(console.log("cek data:",l),console.log("cek !addEducation && !addJob && !unemployed && job && education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable()})):(console.log("cek data:",l),console.log("cek !addEducation && !addJob && !unemployed && job && !education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable()})):l.education?(console.log("cek data:",l),console.log("cek !addEducation && !addJob && !unemployed && !job && education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):(console.log("cek data:",l),console.log("cek !addEducation && !addJob && !unemployed && !job && !education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):j?l.education?(console.log("cek data:",l),console.log("cek !addEducation && addJob && unemployed && education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable()})):(console.log("cek data:",l),console.log("cek !addEducation && addJob && unemployed && !education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable()})):l.job?l.education?(console.log("cek data:",l),console.log("cek !addEducation && addJob && !unemployed && job && education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):(console.log("cek data:",l),console.log("cek !addEducation && addJob && !unemployed && job && !education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.
1string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):l.education?(console.log("cek data:",l),console.log("cek !addEducation && addJob && !unemployed && !job && education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):(console.log("cek data:",l),console.log("cek !addEducation && addJob && !unemployed && !job && !education"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})):j?(console.log("cek data:",l),console.log("cek addEducation && !addJob && unemployed"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable()})):l.job?(console.log("cek data:",l),console.log("cek addEducation && !addJob && !unemployed && job"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable()})):(console.log("cek data:",l),console.log("cek addEducation && !addJob && !unemployed && !job"),U.object().shape({dob:U.date().required("global:textYupRequired").nullable(),sex:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),marId:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),degreeDetailEducation:U.string().required("global:textYupRequired"),institutionNameEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationEducation:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateEducation:U.date().required("global:textYupRequired").nullable(),positionJob:U.string().required("global:textYupRequired"),institutionNameJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),locationJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),companySectorJob:U.object().shape({label:U.string(),value:U.string().nullable().required(Object(g.jsx)(O,{}))}).required(" ").nullable(),startDateJob:U.date().required("global:textYupRequired").nullable()})),onSubmit:(e,n)=>{((e,n)=>{console.log("cek value on handleSubmit:",e),console.log("cek action on handleSubmit:",n);const t={id:null,degree:e.degreeEducation?e.degreeEducation:null,degreeDetail:e.degreeDetailEducation?e.degreeDetailEducation:"",institutionName:e.institutionNameEducation?e.institutionNameEducation:"",location:e.locationEducation?e.locationEducation:"",startDate:e.startDateEducation?H()(e.startDateEducation).format("DD/MM/YYYY"):null,endD
1ate:e.endDateEducation?H()(e.endDateEducation).format("DD/MM/YYYY"):null,current:!!e.currentEducation&&e.currentEducation},a={id:null,position:e.positionJob?e.positionJob:null,institutionName:e.institutionNameJob?e.institutionNameJob:"",location:e.locationJob?e.locationJob:"",companySector:e.companySectorJob?e.companySectorJob:"",startDate:e.startDateJob?H()(e.startDateJob).format("DD/MM/YYYY"):null,endDate:e.endDateJob?H()(e.endDateJob).format("DD/MM/YYYY"):null,current:!!e.currentJob&&e.currentJob};if((e.degreeEducation||e.degreeDetailEducation)&&(e.positionJob||e.institutionNameJob||e.locationJob)){if(j){const a={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:t||null,job:null,workingStatus:"X"};return console.log("cek tmp:",a),console.log("cek addEducation && addJob && unemployed"),void Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:a}).then((e=>{console.log("cek res:",e),r(),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}{const o={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:t||null,job:a||null};return console.log("cek tmp:",o),console.log("cek addEducation && addJob && !unemployed"),void Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:o}).then((e=>{console.log("cek res:",e),r(),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}}if(!(!e.degreeEducation&&!e.degreeDetailEducation||e.positionJob&&e.institutionNameJob&&e.locationJob)){if(j){const a={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:t||null,job:null,workingStatus:"X"};return console.log("cek tmp:",a),console.log("cek addEducation && !addJob && unemployed"),void Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:a}).then((e=>{console.log("cek res:",e),r(),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}{const a={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:t||null,job:e.job?e.job:null};return console.log("cek tmp:",a),console.log("cek addEducation && !addJob && !unemployed"),void Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:a}).then((e=>{console.log("cek res:",e),r(),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}}if(!(e.degreeEducation&&e.degreeDetailEducation||!(e.positionJob||e.institutionNameJob||e.locationJob))){if(j){const t={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:e.education?e.education:null,job:null,workingStatus:"X"};return console.log("cek tmp:",t),console.log("cek !addEducation && addJob && unemployed"),void Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:t}).then((e=>{console.log("cek res:",e),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}{const t={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:e.education?e.education:null,job:a||null};return console.log("cek tmp:",t),console.log("cek !addEducation && addJob && !unemployed"),void Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:t}).then((e=>{console.log("cek res:",e),r(),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}}if((!e.degreeEducation||!e.degreeDetailEducation)&&(!e.positionJob||!e.institutionNameJob||!e.locationJob)){if(j){const t={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:e.education?e.education:null,job:null,workingStatus:"X"};return console.log("cek tmp:",t),console.log("cek !addEducation && !addJob && unemployed"),void Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:t}).then((e=>{console.log("cek res:",e),r(),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}{const t={dob:e.dob?H()(e.dob).format("YYYY-MM-DD"):null,sex:e.sex.value?e.sex.value:null,marId:e.marId?e.marId.value:null,education:e.education?e.education:null,job:e.job?e.job:null};console.log("cek tmp:",t),console.log("cek !addEducation && !addJob && !unemployed"),Q.a.service({method:"post",url:"/rest/page/payment/klobmeter/post",data:t}).then((e=>{console.log("cek res:",e),r(),n.resetForm()})).catch((e=>{console.log("cek err:",e),alert("Data tidak berhasil diubah!")}))}}})(e,n)},render:e=>(e=>(console.log("cek props on renderProps:",e),Object(g.jsxs)("form",{className:"needs-validation",onSubmit:e.handleSubmit,children:[Object(g.jsxs)("div",{className:"form-check",children:[Object(g.jsx)(P.a,{name:"dob",label:Object(g.jsx)(m.sb,{children:"1. Tanggal Lahir"}),placeholder:"Pilih Tanggal Kelahiran",dateFormat:"dd/MM/yyyy",showMonthDropdown:!0,showYearDropdown:!0,maxDate:new Date(H()().subtract(16,"years")),props:e,className:"input-date-of-birth"}),Object(g.jsx)(z,{}),Object(g.jsx)(R.a,{name:"sex",label:Object(g.jsx)(m.sb,{children:"2. Jenis Kelamin"}),placeholder:"Pilih Jenis Kelamin",options:i,props:e}),Object(g.jsx)(z,{}),Object(g.jsxs)(s.a.Fragment,{children:[Object(g.jsx)(m.sb,{children:"3. Pendidikan Terakhir"}),e.values.education?Object(g.jsxs)(J,{color:"#c2fcc2",children:[Object(g.jsx)(m.Vb,{className:"text",children:"".concat(e.values.education.degree?e.values.education.degree.label:"-",", ").concat(e.values.education.institutionName?e.values.education.institutionName.label:"-","
1(").concat(e.values.education.startYear?e.values.education.startYear:"-"," - ").concat(e.values.education.endYear?e.values.education.endYear:"Sekarang",")")}),Object(g.jsx)(m.Gc,{color:m.M})]}):Object(g.jsxs)(Y.Body,{children:[Object(g.jsx)(R.a,{name:"degreeEducation",placeholder:"Pilih Tingkat Pendidikan",options:n&&n.degree,onChange:n=>E(n,e),props:e,className:"input-education-level"}),Object(g.jsx)(V.a,{type:"text",name:"degreeDetailEducation",placeholder:"Ketik Nama Gelar Pendidikan",props:e,onChange:e.handleChange,className:"input-degree-name"}),Object(g.jsxs)(T,{children:[Object(g.jsx)(A.a,{name:"institutionNameEducation",placeholder:"Ketik Nama Sekolah/Universitas",formatCreateLabel:e=>"Buat ".concat(e),options:k,props:e,isDisabled:!(k.length>0),className:"input-school-name"}),Object(g.jsx)(A.a,{name:"locationEducation",placeholder:"Ketik Lokasi Sekolah/Universitas",formatCreateLabel:e=>"Buat ".concat(e),options:n&&n.locations,props:e,isDisabled:!(k.length>0),className:"input-school-location"})]}),Object(g.jsx)(B,{children:Object(g.jsx)(m.tb,{className:"notes",children:"Pastikan nama institusi pendidikan benar, dan lakukan riset terlebih dahulu agar sesuai dengan nama resminya."})}),Object(g.jsxs)(T,{children:[Object(g.jsx)(P.a,{name:"startDateEducation",className:"".concat(k.length>0?"input-start-education":"input-start-education is-disabled"),placeholder:"Tahun dan Bulan Mulai Pendidikan",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,disabled:!(k.length>0)}),Object(g.jsx)(P.a,{name:"endDateEducation",placeholder:"Tahun dan Bulan Selesai Pendidikan",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,className:"".concat(k.length>0?b?"input-start-education is-disabled":"input-start-education":"input-start-education is-disabled"),disabled:b})]}),Object(g.jsxs)(F,{className:"".concat(k.length>0?"":"is-disabled"),children:[Object(g.jsxs)("label",{className:"custom-checkbox label-unhide",children:[Object(g.jsx)("input",{type:"checkbox",name:"chekbox-name",id:"checkbox-education",onChange:n=>w(0,e,"checkbox-education"),disabled:!(k.length>0)}),Object(g.jsx)("span",{className:"checkmark"})]}),Object(g.jsx)("label",{className:"label-unhide label-checkbox",htmlFor:"checkbox-education",children:"Saya sekarang sedang Bersekolah disini"})]})]}),c&&Object(g.jsxs)(Y.Wrapper,{children:[Object(g.jsxs)(Y.Title,{children:[Object(g.jsx)(m.sb,{className:"text",children:"Menambahkan Riwayat Pendidikan"}),Object(g.jsx)(G.a,{color:_.a.color.battleshipGrey,size:"24",className:"close",onClick:()=>q(e,"education")})]}),Object(g.jsxs)(Y.Body,{children:[Object(g.jsx)(R.a,{name:"degreeEducation",placeholder:"Pilih Tingkat Pendidikan",options:n&&n.degree,props:e,onChange:n=>E(n,e),className:"input-education-level"}),Object(g.jsx)(V.a,{type:"text",name:"degreeDetailEducation",placeholder:"Ketik Nama Gelar Pendidikan",props:e,onChange:e.handleChange,className:"input-degree-name"}),Object(g.jsxs)(T,{children:[Object(g.jsx)(A.a,{name:"institutionNameEducation",placeholder:"Ketik Nama Sekolah/Universitas",formatCreateLabel:e=>"Buat ".concat(e),options:k,props:e,isDisabled:!(k.length>0),className:"input-school-name"}),Object(g.jsx)(A.a,{name:"locationEducation",placeholder:"Ketik Lokasi Sekolah/Universitas",formatCreateLabel:e=>"Buat ".concat(e),options:n&&n.locations,props:e,isDisabled:!(k.length>0),className:"input-school-location"})]}),Object(g.jsx)(B,{children:Object(g.jsx)(m.tb,{className:"notes",children:"Pastikan nama institusi pendidikan benar, dan lakukan riset terlebih dahulu agar sesuai dengan nama resminya."})}),Object(g.jsxs)(T,{children:[Object(g.jsx)(P.a,{name:"startDateEducation",className:"".concat(k.length>0?"input-start-education":"input-start-education is-disabled"),placeholder:"Tahun dan Bulan Mulai Pendidikan",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,disabled:!(k.length>0)}),Object(g.jsx)(P.a,{name:"endDateEducation",placeholder:"Tahun dan Bulan Selesai Pendidikan",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,className:"".concat(k.length>0?b?"input-start-education is-disabled":"input-start-education":"input-start-education is-disabled"),disabled:b})]}),Object(g.jsxs)(F,{className:"".concat(k.length>0?"":"is-disabled"),children:[Object(g.jsxs)("label",{className:"custom-checkbox label-unhide",children:[Object(g.jsx)("input",{type:"checkbox",name:"chekbox-name",id:"checkbox-education",onChange:n=>w(0,e,"checkbox-education"),disabled:!(k.length>0)}),Object(g.jsx)("span",{className:"checkmark"})]}),Object(g.jsx)("label",{className:"label-unhide label-checkbox",htmlFor:"checkbox-education",children:"Saya sekarang sedang Bersekolah disini"})]})]})]}),e.values.education&&!c&&Object(g.jsx)(M,{children:Object(g.jsxs)(m.tb,{className:"text",onClick:()=>d(!0),children:[Object(g.jsx)(K.a,{color:_.a.color.brand.primaryDarkSlateBlue}),"\xa0\xa0 Tambahkan Riwayat Pendidikan"]})})]}),Object(g.jsx)(z,{}),Object(g.jsxs)(s.a.Fragment,{children:[Object(g.jsx)(m.sb,{children:"4. Pekerjaan Sekarang"}),e.values.job&&Object(g.jsxs)(J,{color:j?_.a.color.lightGray:"#c2fcc2",children:[Object(g.jsx)(m.Vb,{className:"text",children:"".concat(e.values.job.position?e.values.job.position:"-",", ").concat(e.values.job.institutionName?e.values.job.institutionName.label:"-","
1(").concat(e.values.job.startYear?e.values.job.startYear:"-"," - ").concat(e.values.job.endYear?e.values.job.endYear:"Sekarang",")")}),!j&&Object(g.jsx)(m.Gc,{color:m.M})]}),!e.values.job&&!j&&Object(g.jsxs)(Y.Body,{style:{marginBottom:"3%"},children:[Object(g.jsx)(V.a,{type:"text",name:"positionJob",placeholder:"Ketik Job Title/Nama Pekerjaan Sekarang",props:e,onChange:e.handleChange,className:"input-job-title"}),Object(g.jsxs)(T,{children:[Object(g.jsx)(A.a,{name:"institutionNameJob",placeholder:"Ketik Nama Perusahaan",formatCreateLabel:e=>"Buat ".concat(e),options:t&&t.logoCompany,onChange:n=>N(n,e),props:e,className:"input-company-name"}),Object(g.jsx)(A.a,{name:"locationJob",placeholder:"Ketik Lokasi Perusahaan",formatCreateLabel:e=>"Buat ".concat(e),options:t&&t.locations,props:e,className:"input-company-location"})]}),Object(g.jsx)(B,{children:Object(g.jsx)(m.tb,{className:"notes",children:"Pastikan nama perusahaan benar, dan lakukan riset terlebih dahulu agar sesuai dengan nama resminya."})}),Object(g.jsx)(R.a,{name:"companySectorJob",placeholder:"Pilih bidang/industri Perusahaan",options:t&&t.companySector,props:e,className:"input-company-field"}),Object(g.jsxs)(T,{children:[Object(g.jsx)(P.a,{name:"startDateJob",placeholder:"Tahun dan Bulan Mulai Bekerja",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,className:"".concat(e.values.institutionNameJob?"input-start-job":"input-start-job is-disabled"),disabled:!e.values.institutionNameJob}),Object(g.jsx)(P.a,{name:"endDateJob",placeholder:"Tahun dan Bulan Selesai Bekerja",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,className:"".concat(e.values.institutionNameJob?x?"input-end-job is-disabled":"input-end-job":"input-end-job is-disabled"),disabled:x})]}),Object(g.jsxs)(F,{className:"".concat(e.values.institutionNameJob?"":"is-disabled"),children:[Object(g.jsxs)("label",{className:"custom-checkbox label-unhide",children:[Object(g.jsx)("input",{type:"checkbox",name:"chekbox-name",id:"checkbox-job",onChange:n=>w(0,e,"checkbox-job"),disabled:!e.values.institutionNameJob}),Object(g.jsx)("span",{className:"checkmark"})]}),Object(g.jsx)("label",{className:"label-unhide label-checkbox",htmlFor:"checkbox-job",children:"Saya sekarang sedang Bekerja disini"})]})]}),e.values.job?Object(g.jsx)(m.tb,{className:"text-or",children:"ATAU"}):j?null:Object(g.jsx)(m.tb,{className:"text-or",children:"ATAU"}),u&&Object(g.jsxs)(Y.Wrapper,{children:[Object(g.jsxs)(Y.Title,{children:[Object(g.jsx)(m.sb,{className:"text",children:"Menambahkan Pengalaman Kerja"}),Object(g.jsx)(G.a,{color:_.a.color.battleshipGrey,size:"24",className:"close",onClick:()=>q(e,"job")})]}),Object(g.jsxs)(Y.Body,{children:[Object(g.jsx)(V.a,{type:"text",name:"positionJob",placeholder:"Ketik Job Title/Nama Pekerjaan Sekarang",props:e,onChange:e.handleChange,className:"input-job-title"}),Object(g.jsxs)(T,{children:[Object(g.jsx)(A.a,{name:"institutionNameJob",placeholder:"Ketik Nama Perusahaan",formatCreateLabel:e=>"Buat ".concat(e),options:t&&t.logoCompany,onChange:n=>N(n,e),props:e,className:"input-company-name"}),Object(g.jsx)(A.a,{name:"locationJob",placeholder:"Ketik Lokasi Perusahaan",formatCreateLabel:e=>"Buat ".concat(e),options:t&&t.locations,props:e,className:"input-company-location"})]}),Object(g.jsx)(B,{children:Object(g.jsx)(m.tb,{className:"notes",children:"Pastikan nama perusahaan benar, dan lakukan riset terlebih dahulu agar sesuai dengan nama resminya."})}),Object(g.jsx)(R.a,{name:"companySectorJob",placeholder:"Pilih bidang/industri Perusahaan",options:t&&t.companySector,props:e,className:"input-company-field"}),Object(g.jsxs)(T,{children:[Object(g.jsx)(P.a,{name:"startDateJob",placeholder:"Tahun dan Bulan Mulai Bekerja",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,className:"".concat(e.values.institutionNameJob?"input-start-job":"input-start-job is-disabled"),disabled:!e.values.institutionNameJob}),Object(g.jsx)(P.a,{name:"endDateJob",placeholder:"Tahun dan Bulan Selesai Bekerja",dateFormat:"MM/yyyy",showMonthYearPicker:!0,maxDate:new Date((new Date).setDate((new Date).getDate()-1)),props:e,className:"".concat(e.values.institutionNameJob?x?"input-end-job is-disabled":"input-end-job":"input-end-job is-disabled"),disabled:x})]}),Object(g.jsxs)(F,{className:"".concat(e.values.institutionNameJob?"":"is-disabled"),children:[Object(g.jsxs)("label",{className:"custom-checkbox label-unhide",children:[Object(g.jsx)("input",{type:"checkbox",name:"chekbox-name",id:"checkbox-job",onChange:n=>w(0,e,"checkbox-job"),disabled:!e.values.institutionNameJob}),Object(g.jsx)("span",{className:"checkmark"})]}),Object(g.jsx)("label",{className:"label-unhide label-checkbox",htmlFor:"checkbox-job",children:"Saya sekarang sedang Bekerja disini"})]})]})]}),!u&&Object(g.jsxs)(J,{color:j?"#c2fcc2":"transparent",children:[Object(g.jsxs)(F,{children:[Object(g.jsxs)("label",{className:"custom-checkbox label-unhide",children:[Object(g.jsx)("input",{type:"checkbox",name:"chekbox-name",id:"checkbox-unemployed",onChange:n=>w(0,e,"checkbox-unemployed"),checked:!0===j}),Object(g.jsx)("span",{className:"checkmark"})]}),Object(g.jsx)("label",{className:"label-unhide label-checkbox",htmlFor:"checkbox-unemployed",children:"Saya sekarang sedang tidak bekerja"})]}),j&&Object(g.jsx)(m.Gc,{color:m.M})]}),e.values.job&&!u&&!j&&Object(g.jsx)(M,{children:Object(g.jsxs)(m.tb,{className:"text",onClick:()=>p(!0),children:[Object(g.jsx)(K.a,{color:_.a.color.brand.primaryDarkSlateBlue}),"\xa0\xa0 Tambahkan Pengalaman Kerja"]})})]}),Object(g.jsx)(z,{}),Object(g.jsx)(s.a.Fragment,{children:Object(g.jsx)(R.a,{label:Object(g.jsx)(m.sb,{children:"5. Status Marital"}),name:"marId",placeholder:"Pilih Status Marital",options:a,props:e})}),Object(g.jsx)(z,{})]}),Object(g.jsxs)(C,{children:[Object(g.jsxs)(m.Vb,{className:"text",children:["Dengan menyelesaikan Klob Meter ini, kamu setuju dengan\xa0",Object(g.jsx)(X.c,{to:"/terms",target:"_blank",rel:"noopener noreferrer",children:Object(g.jsx)(m.sb,{className:"sk",children:"Syarat dan Ketentuan"})}),"\xa0 terkait dengan penanganan data pada Klob."]}),Object(g.jsx)("div",{className:"d-flex justify-content-center mt-3",children:Object(g.jsx)(m.q,{variant:"secondary",type:"submit",children:"Lihat Hasil"})})]})]})))(e),enableReinitialize:!0,validateOnBlur:!1,validateOnChange:!1})})},ee=t(987);n.a=e=>{let{masterDataEducation:n,masterDataJob:t,dropdownMarital:a,dataFormModal:o,setIsModalProfileShow:r,submitTest:i}=e;return Object(g.jsx)(c.a,{title:Object(g.jsx)(ne,{}),show:r,content:Object(g.jsx)(te,{masterDataEducation:n,masterDataJob:t,dropdownMarital:a,dataFormModal:o,submitTest:i})})};const ne=()=>Object(g.jsxs)("div",{className:"d-flex align-items-center",children:["Data Demografi\xa0",Object(g.jsx)(ee.a,{placement:"right",content:Object(g.jsx)(g.Fragment,{children:"Isian pada bagian ini akan digunakan untuk pembaharuan dan validasi berkelanjutan pada Klob Meter ini, serta untuk laporan formal ketika mengirimkan lamaran pekerjaan ke perusahaan pada fitur Klob & Co."}),children:Object(g.jsx)("div",{children:Object(g.jsx)(m.kc,{color:"#27356a"})})})]}),te=e=>{let{masterDataEducation:n,masterDataJob:t,dropdownMarital:a,dataFormModal:o,submitTest:r}=e;return Object(g.jsxs)(s.a.Fragment,{children:[Object(g.jsx)(D,{}),Object(g.jsx)(Z,{masterDataEducation:n,masterDataJob:t,dropdownMarital:a,dataFormModal:o,submitTest:r})]})}},1376:function(e,n,t){"use strict";var a=t(1),o=t.n(a),r=t(4),i=t.n(r);function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},l.apply(this,arguments)}function s(e,n){if(null==e)return{};var t,a,o=function(e,n){if(null==e)return{};var t,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var c=Object(a.forwardRef)((function(e,n){var t=e.color,a=void 0===t?"currentColor":t,r=e.size,i=void 0===r?24:r,c=s(e,["color","size"]);return o.a.createElement("svg",l({ref:n,xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c),o.a.createElement("circle",{cx:"12",cy:"12",r:"10"}),o.a.createElement("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),o.a.createElement("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"}))}));
1c.propTypes={color:i.a.string,size:i.a.oneOfType([i.a.string,i.a.number])},c.displayName="AlertCircle",n.a=c},1407:function(e,n,t){"use strict";var a=t(1),o=t.n(a),r=t(4),i=t.n(r);function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},l.apply(this,arguments)}function s(e,n){if(null==e)return{};var t,a,o=function(e,n){if(null==e)return{};var t,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var c=Object(a.forwardRef)((function(e,n){var t=e.color,a=void 0===t?"currentColor":t,r=e.size,i=void 0===r?24:r,c=s(e,["color","size"]);return o.a.createElement("svg",l({ref:n,xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c),o.a.createElement("circle",{cx:"12",cy:"12",r:"10"}),o.a.createElement("line",{x1:"12",y1:"8",x2:"12",y2:"16"}),o.a.createElement("line",{x1:"8",y1:"12",x2:"16",y2:"12"}))}));c.propTypes={color:i.a.string,size:i.a.oneOfType([i.a.string,i.a.number])},c.displayName="PlusCircle",n.a=c},1520:function(e,n,t){"use strict";t.d(n,"a",(function(){return r})),t.d(n,"b",(function(){return s}));var a=t(1),o=t(0);const r=Object(a.createContext)(),i={data:{}},l=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i,n=arguments.length>1?arguments[1]:void 0;switch(n.type){case"GET_DATA_SOAL":case"GET_DATA_RESULT":return{...e,data:n.data};default:throw new Error}},s=e=>{let{children:n}=e;const[t,s]=Object(a.useReducer)(l,i);return Object(o.jsx)(r.Provider,{value:{state:t,dispatch:s},children:n})}},2206:function(e,n,t){"use strict";t.r(n);var a=t(1),o=t.n(a),r=t(23),i=t(1021),l=t(1114),s=t(1115),c=t(1133),d=t(1113),u=t.n(d),p=t(1039),b=t.n(p),h=t(1061),x=t(1028),m=t(1146),g=t(1052),f=t(1050),j=t(1520),v=t(5),k=t(1045),y=t(120),O=t(0);const w={practice:[],lengthSoal:0,point:0};function q(e,n){if("setData"===n.type)return{...e,...n.data};throw new Error}var E=function(e){const{state:n}=o.a.useContext(j.a),[t,a]=o.a.useReducer(q,w),{practice:r,lengthSoal:i,point:l}=t,[s,c]=o.a.useState(null),[d,p]=o.a.useState(!1),E=o.a.createRef(),N=o.a.useRef([]);if(0===r.length){const e=u()(n.data.practice,["questionId"],["asc"]);var S=e.findIndex((function(e,n){return e.active}));if(c(e.filter((e=>e.active))[0]),S>=0){const n={practice:[...e],lengthSoal:S>0?S:0,point:S>0?S/e.length*100:0};a({type:"setData",data:n})}else{const n={practice:[...e],lengthSoal:e.length,point:e.length/e.length*100};a({type:"setData",data:n})}}return o.a.useEffect((()=>{let e=!1;if(!e){var n=r.findIndex((function(e,n){return e.active}));if(n>=0&&N.current[n]&&N.current[n].current)console.log("masuk sini",n),window.scrollTo(n>0?{top:N.current[n].current.offsetTop-200,behavior:"smooth"}:{top:E.current.offsetTop-50,behavior:"smooth"});else{document.getElementById("btn-finish").scrollIntoView({block:"start",behavior:"smooth"})}}return()=>{e=!0}}),[]),Object(O.jsxs)(m.a,{ref:E,children:[d&&Object(O.jsx)(k.a,{}),Object(O.jsxs)("div",{className:"container-progress text-left",children:[Object(O.jsx)(g.b,{kompas:!0,style:{marginTop:"12px"},children:"LATIHAN SOAL"}),Object(O.jsx)(b.a,{variant:"success",now:l,style:{margin:"12px 0"}}),Object(O.jsxs)(g.c,{kompas:!0,style:{marginBottom:"20px"},children:[i,"/",r.length," Pertanyaan Selesai"]})]}),r.map(((e,n)=>(N.current[n]||(N.current[n]=o.a.createRef()),Object(O.jsxs)(m.f,{className:!e.active&&"disabled-section",children:[Object(O.jsx)(m.d,{kompas:!0,id:e.questionId,ref:N.current[n],readOnly:!e.active&&!0,children:Object(O.jsxs)("span",{children:[n+1,". ",e.questionText]})}),Object(O.jsxs)(m.e,{id:"section_".concat(e.questionId),className:e.choosen&&"disabled",style:e.active?{}:{border:"solid 1px #D8D8D8",borderRadius:"4px"},children:[Object(O.jsxs)("div",{className:"d-flex align-items-center justify-content-between centerItem",children:[Object(O.jsxs)(m.b,{children:[Object(O.jsx)("img",{style:e.active?{}:{filter:"grayscale(90%)"}
1,src:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/img/landing-klobmeter-doors/NO.svg",alt:""}),Object(O.jsx)(g.a,{style:e.active?{}:{color:"#b2b2b2"},kompas:!0,children:"Sangat tidak sesuai"})]}),e.answers.map(((t,o)=>Object(O.jsx)(h.c,{kompas:!0,id:"opsi_".concat(t.answerId),name:"opsi_".concat(e.questionId),checked:!0===t.choosen,onChange:e=>((e,n,t)=>{let o;r[n].active&&(o=r[n].questionId.substr(0,6).replace("-","")),p(!0),Object(f.a)({e:e,i:n,j:t,practice:r,AllRef:N.current,dispatch:a,active:s,testId:o,setLoading:p})})(e,n,o)},o))),Object(O.jsxs)(m.c,{children:[Object(O.jsx)("img",{style:e.active?{}:{filter:"grayscale(90%)"},src:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/img/landing-klobmeter-doors/OK.svg",alt:""}),Object(O.jsx)(g.a,{style:e.active?{}:{color:"#b2b2b2"},kompas:!0,children:"Sangat sesuai"})]})]}),Object(O.jsxs)("div",{className:"WrapMobileOpsi",children:[Object(O.jsx)("div",{className:"opsiLeft",children:Object(O.jsx)(g.a,{style:e.active?{}:{color:"#b2b2b2"},kompas:!0,children:"Sangat tidak sesuai"})}),Object(O.jsx)("div",{className:"opsiRight",children:Object(O.jsx)(g.a,{style:e.active?{}:{color:"#b2b2b2"},kompas:!0,children:"Sangat sesuai"})})]})]}),Object(O.jsxs)("span",{id:"error_".concat(e.questionId),style:{display:"none"},className:"error-msg",children:[Object(O.jsx)(v.ad,{width:"18px"})," Mohon selesaikan soal yang sedang aktif dan kerjakan setiap soal secara berurutan."]})]},n)))),Object(O.jsx)("div",{className:-1!==navigator.userAgent.indexOf("Safari")&&-1===navigator.userAgent.indexOf("Chrome")?"box-button-safari":"box-button-not-safari",children:Object(O.jsx)(x.a,{kompas:!0,id:"btn-finish",className:l<100&&"disabled-link",onClick:()=>{e.selesai(),Object(y.c)("AssessmentInProgress")},children:"Mulai Tes Sebenarnya"})})]})},N=t(1005),S=t(12),D=t(8),_=t(1284);var I=function(){const{state:e,dispatch:n}=o.a.useContext(j.a),[t,r]=Object(a.useState)(0),[i,l]=Object(a.useState)(0),[s,c]=Object(a.useState)(!1),[d,u]=Object(a.useState)({}),[p,w]=Object(a.useState)(null),[q,E]=Object(a.useState)(null),[I,z]=Object(a.useState)(null),[J,M]=Object(a.useState)(!0),[C,Y]=Object(a.useState)(!1),T=e.data.questions,[B,F]=Object(a.useState)(T),L=B.filter((e=>e.choosen)),P=o.a.createRef(),R=o.a.createRef(),A=B.reduce(((e,n)=>(e[n.questionId]=o.a.createRef(),e)),{});o.a.useEffect((()=>{N.a.soalMeanMaking().then((e=>{200===e.status&&n({type:"GET_DATA_SOAL",data:e.result})})).catch((e=>{console.log(e)})),function(){for(let e=0;e<B.length;e++){let n=document.getElementById("section_".concat(B[e].questionId));J&&(r(t+L.length/B.length*100),B[e].active?D.b?window.scrollTo({top:A[B[e].questionId].current.offsetTop-200}):window.scrollTo({top:A[B[e].questionId].current.offsetTop-220}):L.length===B.length&&(D.b?window.scrollTo({top:R.current.offsetTop-200}):window.scrollTo({top:R.current.offsetTop-100}))),B[e].answers.map(((e,t)=>e.choosen&&n.classList.add("disabled")))}}(),l(i+L.length)}),[]);const V=e=>{Y(!0),Object(f.c)({e:e,dref:A,questionSortById:B,setQuestionSortById:F,addPoint:r,addLengthSoal:l,point:t,lengthSoal:i,actionScollActive:M,testId:"mea01",setLoading:Y})};return Object(O.jsxs)(O.Fragment,{children:[s&&p&&Object(O.jsx)(_.a,{masterDataEducation:q,masterDataJob:I,dropdownMarital:p,dataFormModal:d,setIsModalProfileShow:c,submitTest:()=>{S.a.service.post("/rest/page/klobmeter/growth/meaning/post/finish").then((e=>{Object(y.c)("AssessmentCompleted");const n=localStorage.getItem("applyJvRedirect");n?(localStorage.removeItem("applyJvRedirect"),window.open("".concat(window.location.origin).concat(n),"_self")):window.open("".concat(window.location.origin,"/home/klob-meter/meaning making"),"_self")})).catch((e=>{throw new Error}))}}),Object(O.jsxs)(m.a,{ref:P,children:[C&&Object(O.jsx)(k.a,{}),Object(O.jsxs)("div",{className:"container-progress text-left",children:[Object(O.jsx)(g.b,{kompas:!0,style:{marginTop:"12px"},children:"Soal Tes Meaning Making"}),Object(O.jsx)(b.a,{variant:"success",now:t,style:{margin:"12px 0"}}),Object(O.jsxs)(g.c,{kompas:!0,style:{marginBottom:"20px"},children:[i,"/",B.length," Pertanyaan Selesai"]})]}),B.map(((e,n)=>Object(O.jsxs)(m.f,{id:"soal_".concat(e.questionId),className:!e.choosen&&!e.active&&"disabled-section",children:[Object(O.jsx)(m.d,{kompas:!0,ref:A[e.questionId],children:Object(O.jsxs)("span",{children:[++n,". ",Object(O.jsx)("span",{children:e.questionText})]})}),Object(O.jsxs)(m.e,{style:e.active?{}:{border:"solid 1px #D8D8D8",borderRadius:"4px"},id:"section_".concat(e.questionId),children:[Object(O.jsxs)("div",{className:"d-flex align-items-center justify-content-between centerItem",children:[Object(O.jsxs)(m.b,{children:[Object(O.jsx)("img",{style:e.active?{}:{filter:"grayscale(90%)"}
1,src:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/img/landing-klobmeter-doors/NO.svg",alt:""}),Object(O.jsx)(g.a,{kompas:!0,style:e.active?{}:{color:"#b2b2b2"},children:"Sangat tidak sesuai"})]}),e.answers.map(((n,t)=>Object(O.jsx)(h.c,{kompas:!0,id:"opsi_".concat(n.answerId),name:"opsi_".concat(e.questionId),defaultChecked:n.choosen,readOnly:!e.active&&!0,onClick:V},t))),Object(O.jsxs)(m.c,{children:[Object(O.jsx)("img",{style:e.active?{}:{filter:"grayscale(90%)"},src:"https://s3-ap-southeast-1.amazonaws.com/static.klob.id/img/landing-klobmeter-doors/OK.svg",alt:""}),Object(O.jsx)(g.a,{kompas:!0,style:e.active?{}:{color:"#b2b2b2"},children:"Sangat sesuai"})]})]}),Object(O.jsxs)("div",{className:"WrapMobileOpsi",children:[Object(O.jsx)("div",{className:"opsiLeft",children:Object(O.jsx)(g.a,{kompas:!0,style:e.active?{}:{color:"#b2b2b2"},children:"Sangat tidak sesuai"})}),Object(O.jsx)("div",{className:"opsiRight",children:Object(O.jsx)(g.a,{kompas:!0,style:e.active?{}:{color:"#b2b2b2"},children:"Sangat sesuai"})})]})]}),Object(O.jsxs)("span",{id:"error_".concat(e.questionId),style:{display:"none"},className:"error-msg",children:[Object(O.jsx)(v.ad,{width:"18px"})," Mohon selesaikan soal yang sedang aktif dan kerjakan setiap soal secara berurutan."]})]},n))),Object(O.jsx)("div",{ref:R,className:-1!==navigator.userAgent.indexOf("Safari")&&-1===navigator.userAgent.indexOf("Chrome")?"box-button-safari":"box-button-not-safari",children:Object(O.jsx)(x.a,{kompas:!0,className:i!==B.length&&"disabled-link",onClick:()=>{i!==B.length?console.log("Soal Ada yang belum terisi"):(S.a.service({url:"/rest/page/payment/klobmeter/dropdown/marital"}).then((e=>{let{data:n}=e;w(n.result)})),S.a.service({method:"get",url:"/rest/page/profile/form/education/form"}).then((e=>{let{data:n}=e;E(n.result.masterData)})),S.a.service({method:"get",url:"/rest/page/profile/form/job/form"}).then((e=>{let{data:n}=e;z(n.result.masterData)})),S.a.service({url:"/rest/page/payment/klobmeter/form"}).then((e=>{let{data:n}=e;u(n.result),c(!0)})))},children:"Selesai"})})]})]})},z=t(1017),J=t(185);function M(){const[e,n]=o.a.useState(!1),[t,d]=o.a.useState(!1),{state:u,dispatch:p}=o.a.useContext(j.a),{t:b}=Object(J.a)(),h=localStorage.getItem("applyJvRedirect");function x(){n(!0),d(!1)}return o.a.useEffect((()=>{N.a.soalMeanMaking().then((e=>{200===e.status&&p({type:"GET_DATA_SOAL",data:e.result})})).catch((e=>{console.log(e)}))}),[]),Object.keys(u.data).length?"FINISH"===u.data.status?Object(O.jsx)(r.Switch,{children:Object(O.jsx)(r.Redirect,{to:h||"/home/klob-meter/Meaning%20Making"})}):"QUESTIONANSWER"===u.data.status?Object(O.jsxs)(a.Fragment,{children:[Object(O.jsx)(i.a,{kompas:!0,tipeTest:"Meaning Making",paragraph:u.data.description.description}),Object(O.jsx)(l.a,{countQ:u.data.description.questionText,countTime:u.data.description.timeText,countStep:1,totalStep:1,kompas:!0}),Object(O.jsx)(s.a,{kompas:!0,SectionTest:x,Text:b("klobMeter:textButton"),longDesc:u.data.description.how,disabled:!0}),Object(O.jsx)(I,{})]}):"CHOOSEGROUP"===u.data.status?Object(O.jsxs)(a.Fragment,{children:[Object(O.jsx)(i.a,{kompas:!0,tipeTest:"Meaning Making",paragraph:u.data.description.description}),Object(O.jsx)(c.a,{kompas:!0,dataChooseGroup:u.data.choosePercentil,idTest:"mea01"})]}):Object(O.jsxs)(a.Fragment,{children:[Object(O.jsx)(i.a,{kompas:!0,tipeTest:"Meaning Making",paragraph:u.data.description.description}),Object(O.jsx)(l.a,{countQ:u.data.description.questionText,countTime:u.data.description.timeText,countStep:1,totalStep:1,kompas:!0}),Object(O.jsx)(s.a,{kompas:!0,SectionTest:x,Text:b("klobMeter:textButton"),longDesc:u.data.description.how,disabled:!!t}),e&&Object(O.jsx)(E,{selesai:function(){d(!0),n(!1)}}),t&&Object(O.jsx)(I,{})]}):Object(O.jsx)(z.a,{})}n.default=function(){return Object(O.jsx)(a.Fragment,{children:Object(O.jsx)(j.b,{children:Object(O.jsx)(M,{})})})}},987:function(e,n,t){"use strict";var a,o,r,i,l,s=t(1),c=t.n(s),d=t(1056),u=t(1060),p=t(8),b=t(43),h=t.n(b),x=t(2),m=t(3);const g=Object(m.d)(a||(a=Object(x.a)(["\n 0% {\n transform: translateY(100%);\n }\n\n 100% {\n transform: translateY(0%);\n }\n"]))),f=m.c.div(o||(o=Object(x.a)(["\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9999;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n"]))),j=m.c.div(r||(r=Object(x.a)(["\n background: #fff;\n position: absolute;\n width: 100%;\n bottom: 0;\n min-height: calc(100vh - 50%);\n border-top-left-radius: 3%;\n border-top-right-radius: 3%;\n padding: 5px 10px 0 10px;\n animation: "," 0.3s ease-in;\n"])),g),v=m.c.div(i||(i=Object(x.a)(["\n font-size: 20px;\n border-bottom: 1px solid #9e9e9e;\n margin: -3%;\n padding: 10px 0px 2px 10px;\n font-weight: 100;\n"]))),k=m.c.div(l||(l=Object(x.a)(["\n padding-top: 10px;\n overflow: auto;\n"])));var y=t(5),O=t(0);var w=function(e){let{open:n,handleClose:t,children:a}=e;return h.a.createPortal(Object(O.jsx)(f,{onClick:function(e){e.target===e.currentTarget&&t()},children:Object(O.jsxs)(j,{children:[Object(O.jsx)(v,{onClick:t,children:Object(O.jsx)(y.gd,{})}),Object(O.jsx)(k,{children:a})]})}),document.body)};n.a=function(e){let{children:n,content:t,...a}=e;const o=Object(O.jsx)(d.a,{style:{boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.25)",border:"1px solid #E8E9E9",borderRadius:"6px"},bsPrefix:a.bsPrefix&&a.bsPrefix,children:t}),[r,i]=Object(s.useState)(!1),l=()=>i((e=>!e));return p.c||p.b?Object(O.jsxs)(c.a.Fragment,{children:[Object(O.jsx)("span",{onClick:l,children:n}),r&&Object(O.jsx)(w,{handleClose:l,children:t})]}):Object(O.jsx)(u.a,{placement:a&&a.position?a.position:"left",trigger:"hover",overlay:o,...a,children:n})}},988:function(e,n,t){"use strict";var a=Object.prototype.toString;e.exports=function(e){var n=a.call(e),t="[object Arguments]"===n;return t||(t="[object Array]"!==n&&null!==e&&"object"===typeof e&&"number"===typeof e.length&&e.length>=0&&"[object Function]"===a.call(e.callee)),t}},989:function(e,n,t){"use strict";t.d(n,"a",(function(){return b}));t(1);var a=t(19),o=t(186),r=t(987),i=t(185),l=t(5),s=t(71),c=t(990),d=t(994),u=t(0);const p=e=>a.f.DropdownIndicator&&Object(u.jsx)(a.f.DropdownIndicator,{...e,children:e.isDisabled&&Object(u.jsx)(l.Hb,{color:"#888888"})});function b(e){let{paddingLeftLabel:n,onClick:t,marginBottom:a,labelColor:b,...h}=e;const x=h.props&&h.props.errors[h.name]&&h.props.touched[h.name],m={indicatorSeparator:()=>{},control:e=>({...e,minHeight:"38px",border:"0px",borderRadius:"0px",borderBottom:"1px solid #ced4da",outline:"none",boxShadow:"none !important",cursor:"pointer"}),container:e=>({...e}),valueContainer:e=>({...e,paddingLeft:n}),placeholder:(e,n)=>{let{isDisabled:t}=n;return{...e,color:t?"#999":"#d2d4d7",fontSize:"12px"}},dropdownIndicator:e=>({...e,color:x?"red":"#d2d4d7"}),option:e=>({...e,zIndex:1,color:"#28356a"}),singleValue:e=>({...e,color:"#28356a",fontSize:"12px"})};const{t:g}=Object(i.a)();return Object(u.jsxs)(c.a,{marginBottom:a,className:"form-group form-group-select ".concat(h.noFormGroupLine?"":"form-group-line"),height:h.height,children:[h.label&&Object(u.jsxs)("label",{style:{color:b},className:"d-flex align-items-center mb-0",children:[Object(u.jsxs)(l.tb,{className:"mr-1 mb-1",fontWeight:"medium",children:[h.label,h.mandatory&&Object(u.jsx)("span",{style:{color:l.qc},children:"*"})]}),h.popover&&Object(u.jsx)("div",{className:"ml-2 mb-2",children:Object(u.jsx)(r.a,{placement:"top",content:Object(u.jsx)(d.H4Klob,{children:h.popover}),children:Object(u.jsx)("div",{children:Object(u.jsx)(l.kc,{color:l.M})})})})]}),Object(u.jsx)(o.a,{...h,components:{DropdownIndicator:p},styles:m,autoComplete:"off",className:"".concat(h.className?h.className:""," ").concat(x?"is-invalid":""),value:h.props?h.props.values[h.name]:h.value,onBlur:()=>
1h.props?h.props.setFieldTouched(h.name,h.props.value):"",onChange:h.onChange?h.onChange:function(e){h.props&&h.props.setFieldValue(h.name,e)},isMulti:!!h.isMulti}),h.props&&h.props.errors[h.name]&&Object(u.jsx)(s.a,{message:g("global:textYupRequired")})]})}b.defaultProps={paddingLeftLabel:0,marginBottom:"unset"}},990:function(e,n,t){"use strict";t.d(n,"a",(function(){return s}));var a,o=t(2),r=t(3),i=t(32),l=t(8);const s=r.c.div(a||(a=Object(o.a)(["\n height: ",";\n margin-bottom: ",";\n\n @media (max-width: 425px) {\n min-height: ",";\n margin-bottom: ",";\n }\n\n /* .invalid-feedback {\n display: block;\n } */\n\n .css-18xwe18-control {\n border: unset;\n }\n\n .css-of5qow-placeholder {\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .css-duh9zm-placeholder {\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .css-14jk2my-container {\n @media (max-width: ",") {\n font-size: 11px;\n }\n }\n\n .css-2b097c-container {\n background: #fff;\n border-radius: 0.3em;\n border: 1px solid ",";\n padding: 0px 10px;\n cursor: default;\n\n @media (max-width: ",") {\n font-size: 11px;\n }\n\n :hover {\n border-color: unset;\n }\n\n &.is-invalid {\n border-color: #dc3545 !important;\n }\n }\n\n .css-136o2f9-control {\n border-color: unset;\n border: unset;\n\n :hover {\n border-color: unset;\n }\n }\n\n .css-26l3qy-menu {\n margin-left: -10px;\n z-index: 1001;\n }\n\n .css-1ea7dzc-control {\n border-radius: 0.3em;\n border: 1px solid "," !important;\n padding: 0px 10px;\n }\n\n /* .css-4ljt47-MenuList {\n cursor: pointer;\n } */\n &[class*='container'] {\n padding-inline: 0 !important;\n }\n"])),(e=>e.height?e.height:"unset"),(e=>e.marginBottom),(e=>e.minHeight?e.minHeight:"unset"),(e=>e.marginBottom),l.k,i.a.color.battleshipGrey,l.k,i.a.color.battleshipGrey)},994:function(e,n){},996:function(e,n,t){"use strict";var a;if(!Object.keys){var o=Object.prototype.hasOwnProperty,r=Object.prototype.toString,i=t(988),l=Object.prototype.propertyIsEnumerable,s=!l.call({toString:null},"toString"),c=l.call((function(){}),"prototype"),d=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],u=function(e){var n=e.constructor;return n&&n.prototype===e},p={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},b=function(){if("undefined"===typeof window)return!1;for(var e in window)try{if(!p["$"+e]&&o.call(window,e)&&null!==window[e]&&"object"===typeof window[e])try{u(window[e])}catch(n){return!0}}catch(n){return!0}return!1}();a=function(e){var n=null!==e&&"object"===typeof e,t="[object Function]"===r.call(e),a=i(e),l=n&&"[object String]"===r.call(e),p=[];if(!n&&!t&&!a)throw new TypeError("Object.keys called on a non-object");var h=c&&t;if(l&&e.length>0&&!o.call(e,0))for(var x=0;x<e.length;++x)p.push(String(x));if(a&&e.length>0)for(var m=0;m<e.length;++m)p.push(String(m));else for(var g in e)h&&"prototype"===g||!o.call(e,g)||p.push(String(g));if(s)for(var f=function(e){if("undefined"===typeof window||!b)return u(e);try{return u(e)}catch(n){return!1}}(e),j=0;j<d.length;++j)f&&"constructor"===d[j]||!o.call(e,d[j])||p.push(d[j]);return p}}e.exports=a}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.