https://golektruk.com/_next/static/chunks/pages/gokil/history/quota/[quotaType]-0c363babee485af1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3856],{58033:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/gokil/history/quota/[quotaType]",function(){return r(68793)}])},62729:function(e,t,r){"use strict";var o=r(85893),n=r(41015),a=r(43903),l=r(67294),u=r(8193),s=r(53854),c=r(5434),i=r(54270),d=r(94184),p=r.n(d);t.Z=(0,l.memo)(function(e){let{value:t,name:r,onChange:d,options:x,placeholder:f,onCloseBackDrop:h,color:y="default",isLoading:v=!1,helperText:b,disabled:m=!1,clearAble:g=!0,append:w=(0,o.jsx)(s.kzR,{}),prepend:k,label:j,innerRef:T,id:N,disableOpenOnFocus:q=!1,isTruncate:Z=!0,optionsContainerClassNames:_}=e,[E,H]=(0,l.useState)(!1),R=(0,l.useRef)(null),[D,P]=(0,l.useState)(-1),[S,C]=(0,l.useState)(!1),[U,z]=(0,l.useState)(!1),F=(0,l.useRef)(null),I=(0,a.Z)();(0,l.useEffect)(()=>{let e=x.findIndex(e=>e.value===t);P(e)},[x,t]);let A=()=>{switch(y){case"success":return"text-neutral-1000";case"danger":return"text-danger";default:return"text-neutral-700"}},M=()=>{if(!E)return;C(!1),H(!1);let e=x.findIndex(e=>e.value===t);P(e),h&&h()},O=(0,n.Z)(()=>M());return(0,o.jsx)("div",{ref:T,children:(0,o.jsxs)("div",{className:"relative",ref:O,children:[j&&(0,o.jsx)("p",{className:"mb-[4px] text-[14px] font-medium text-neutral-1000",children:j}),(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)(i.Z,{id:N,type:"text",disabled:m,readOnly:!0,className:"".concat((()=>{switch(y){case"success":return"".concat(m?" border border-neutral-500 bg-neutral-300 text-neutral-600":"border border-primary text-neutral-1000 focus:border-primary");case"danger":return"".concat(m?" border border-neutral-500 bg-neutral-300 text-neutral-600":"border border-danger text-neutral-1000 focus:border-danger");default:return"".concat(m?" border border-neutral-500 bg-neutral-300 text-neutral-600":"border border-neutral-500 text-neutral-700 focus:border-primary")}})()," ").concat(k?"pl-[33px]":"pl-[13px]"," ").concat(w?"pr-[33px]":"pr-[13px]"," text-sm w-full rounded-[8px] py-[10px] ").concat(v?"cursor-wait":m?"cursor-auto":"cursor-pointer"," outline-none"),placeholder:v?"Loading...":f,value:t?(()=>{if(t&&0===x.length||v)return"Loading...";if(t){let e=x.filter(e=>e.value===t);return 0===e.length?"Invalid":e[0].label}})():"",onClick:()=>{if(U){z(!1);return}if(E)return H(!1);!v&&x.length>0&&H(!0)},onFocus:()=>{!v&&x.length>0&&q&&(z(!0),H(!0))},ref:F,onKeyDown:e=>{if(("ArrowUp"===e.key||"ArrowDown"===e.key||"Up"===e.key||"Down"===e.key)&&(e.preventDefault(),e.stopPropagation()),"Tab"===e.key)M();else if("Enter"===e.key){if(!x[D])return;d(x[D].value),H(!1)}else("ArrowUp"===e.key||"Up"===e.key)&&D>0&&!S?(e.preventDefault(),P(e=>{var t,r;let o=null===(t=R.current)||void 0===t?void 0:t.childNodes.item(e-1);return R.current&&(null==o?void 0:o.offsetTop)<(null===(r=R.current)||void 0===r?void 0:r.scrollTop)&&R.current.scrollTo({top:null==o?void 0:o.offsetTop,behavior:"auto"}),e-1})):"ArrowDown"!==e.key&&"Down"!==e.key||D===x.length-1||S||(E||H(!0),P(e=>{var t,r;let o=null===(t=R.current)||void 0===t?void 0:t.childNodes.item(e+1);return R.current&&R.current.clientHeight-20+(null===(r=R.current)||void 0===r?void 0:r.scrollTop)<(null==o?void 0:o.offsetTop)&&R.current.scrollTo({top:(null==o?void 0:o.offsetTop)+(null==o?void 0:o.clientHeight)-R.current.clientHeight,behavior:"auto"}),e+1}))},addClassName:"".concat(k&&"pl-[33px]"," ").concat(w&&"pr-[33px]"),isError:"danger"===y}

1),k&&(0,o.jsx)("div",{className:"".concat(A()," z-9 absolute left-[13px] top-[50%] -translate-y-1/2 transform"),children:k}),w&&(0,o.jsx)("div",{className:"".concat(A()," z-9 absolute right-[13px] top-[50%] -translate-y-1/2 transform select-none ").concat(m?"pointer-events-none cursor-auto":"cursor-pointer"),onClick:()=>{if(!m){if(t&&g&&d(""),E)M();else{var e;null===(e=F.current)||void 0===e||e.focus(),H(!0)}}},children:t&&g?(0,o.jsx)(c.FU5,{}):w}),E&&(0,o.jsx)("div",{className:p()("absolute z-10 mt-[4px] w-full overflow-y-auto overflow-x-hidden rounded-[8px] border border-neutral-500 bg-neutral-100",null!=_?_:"max-h-[250px]"),style:{boxShadow:"0px 1px 6px rgba(0, 0, 0, 0.12)"},ref:R,onScroll:e=>e.stopPropagation(),onTouchStart:e=>e.stopPropagation(),onTouchMove:e=>e.stopPropagation(),children:x.map((e,r)=>(0,o.jsxs)("div",{className:"flex cursor-pointer select-none items-center justify-between px-4 py-1 text-14 desktop:hover:bg-primary-focused desktop:hover:text-primary ".concat(t==e.value||D===r?"bg-primary-focused text-primary":"bg-neutral-100 text-neutral-1000"),onClick:()=>{d(e.value),C(!1),P(r),H(!1)},onMouseEnter:()=>{"desktop"===I&&P(r),C(!0)},onMouseLeave:()=>{C(!1)},children:[(0,o.jsx)("p",{className:"".concat(Z&&"w-4/5 truncate"),children:e.label}),t==e.value&&(0,o.jsx)(u.bzc,{})]},r))})]}),b&&(0,o.jsx)(o.Fragment,{children:"string"==typeof b?(0,o.jsx)("p",{className:"".concat(A()," ").concat(E?"ml-[10px]":"ml-0"," mt-[4px] text-[11px]"),children:b}):b})]})})})},61922:function(e,t,r){"use strict";var o=r(85893),n=r(62729),a=r(69227),l=r(82175),u=r(67294);t.Z=function(e){let{name:t,color:r,onValue:s,helperText:c,...i}=e,[,d,p]=(0,l.U$)({name:t}),x=(0,u.useRef)(null);return(0,a.Z)(x,t),(0,o.jsx)(n.Z,{innerRef:x,name:t,value:d.value,onChange:e=>{s&&s(e),p.setValue(e)},helperText:d.touched&&d.error?d.error:c,color:d.touched&&d.error?"danger":r,...i})}},68793:function(e,t,r){"use strict";r.r(t);var o=r(85893),n=r(67294),a=r(11163),l=r(48434),u=r(64035),s=r(82175),c=r(61922),i=r(1280),d=r(43903);let p=()=>{(0,l.Z)();let e=(0,a.useRouter)(),t="desktop"===(0,d.Z)();return(0,n.useEffect)(()=>{t||e.back()},[t]),(0,o.jsx)(u.Z,{isOwner:!0,golekIklanMenu:!0,children:(0,o.jsxs)("main",{className:"space-y-8 rounded-2xl border border-neutral-500 p-8",children:[(0,o.jsxs)("h2",{className:"text-20 font-bold",children:["Riwayat Kuota Iklan ","highlight"===e.query.quotaType&&"Highlight"]}),(0,o.jsx)(s.J9,{initialValues:{quotaHistoryType:""},onSubmit:(t,r)=>{let{setFieldError:o}=r;"purchase"===t.quotaHistoryType&&e.push("/gokil/history/quota/".concat(e.query.quotaType,"/purchase")),"quotaWallet"===t.quotaHistoryType&&e.push("/gokil/history/quota/".concat(e.query.quotaType,"/quota-wallet"))},children:e=>{let{values:t,setFieldValue:r}=e;return(0,o.jsxs)(s.l0,{className:"space-y-4",children:[(0,o.jsx)(c.Z,{name:"quotaHistoryType",options:[{label:"Riwayat Pembelian",value:"purchase"},{label:"Riwayat Dompet Kuota",value:"quotaWallet"}],placeholder:"Pilih riwayat"}),(0,o.jsxs)("div",{className:"flex items-center justify-between space-x-4",children:[(0,o.jsx)(i.Z,{type:"reset",variant:"text",wFull:!0,children:"Batal"}),(0,o.jsx)(i.Z,{type:"submit",wFull:!0,disabled:!t.quotaHistoryType,children:"Beli"})]})]})}})]})})};t.default=p}},function(e){e.O(0,[6556,5675,3613,623,4035,9774,2888,179],function(){return e(e.s=58033)}),_N_E=e.O()}]);