https://web.bilas.id/_next/static/chunks/1287-65b479449dfc6159.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1287],{2342:function(e,a,l){var r=l(57437),t=l(5405),i=l(53951),n=l(71096),d=l.n(n),o=l(2265),s=l(50614);l(91453),l(42487);var c=l(81375),u=l(44641),g=l(11201);a.Z=e=>{let{value:a,onChange:l,placeholder:n="Pilih Tanggal",buttonContent:m,buttonClassName:h="",errorMsg:b,disabled:v=!1,label:p=null,minDate:x=null,maxDate:f=null}=e,[j,k]=(0,o.useState)(!1),Z=(null==a?void 0:a._seconds)?1e3*a._seconds:a,y=d()(Z).isValid()?d()(Z):d()(),w=()=>{k(!1)};return(0,r.jsxs)("div",{children:[p&&(0,r.jsx)(u.Z,{className:"mb-1",children:p}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("button",{type:"button",onClick:()=>{v||k(!0)},disabled:v,className:"\n            relative border w-full text-left custom-transition hover:bg-disable-soft hover:dark:bg-disable-dark hover:dark:bg-opacity-30\n            ".concat(b?"border border-danger-light":"custom-border","\n            ").concat(v?"opacity-50 cursor-not-allowed":"cursor-pointer","\n            ").concat(h,"\n          "),children:m?m(a):(0,r.jsx)("span",{className:"block px-4 py-1",children:a?d()(a).format("DD/MM/YYYY"):n})}),b&&(0,r.jsx)("div",{className:"absolute right-3 top-1/2 -translate-y-1/2",children:(0,r.jsx)(g.Z,{button:(0,r.jsx)(t.Z,{className:"text-danger-light",size:14}),children:(0,r.jsx)(u.Z,{children:b})})})]}),(0,r.jsx)(c.Z,{isOpen:j,onClose:w,title:"Pilih Tanggal",className:"w-fit max-w-4xl h-[420px] mx-h-[420px]",children:(0,r.jsx)(s.f,{onChange:e=>{let r=d()(e),t=d()((null==a?void 0:a._seconds)?1e3*a._seconds:a),i=t.isValid()?t:d()();l(r.hour(i.hour()).minute(i.minute()).second(i.second()).millisecond(i.millisecond()).toDate()),w()},locale:i.id,date:y.toDate(),showMonthArrow:!0,showDateDisplay:!1,minDate:x?d()(x).toDate():void 0,maxDate:f?d()(f).toDate():d()().add(100,"year").toDate()})})]})}},64216:function(e,a,l){l.d(a,{Z:function(){return u}});var r=l(57437),t=l(44641),i=l(11201),n=l(5405),d=l(36760),o=l.n(d),s=l(2265),c=l(5488);function u(e){let{id:a,name:l,label:d,type:u="text",placeholder:g,register:m,errorMsg:h,errorMessage:b,isError:v,required:p=!1,isDisabled:x=!1,disabled:f=!1,defaultValue:j,setValue:k,className:Z="",maxLength:y=null,value:w,onChange:N=null,onValueChange:C=null,rows:P=4}=e,[D,_]=(0,s.useState)(""),S=h||b,V=!!(v||S),E=e=>{let a=e.target.value;"email"===u&&(a=a.replace(/[^a-zA-Z0-9@._+-]/g,"")),y&&a.length>y&&(a=a.slice(0,y)),_(a),N&&N(e),C&&C(a),k&&k(l,a)};return(0,s.useEffect)(()=>{void 0!==w?_(w):_("")},[w]),(0,r.jsxs)("div",{className:"flex flex-col gap-1 w-full",children:[d&&(0,r.jsx)(c.Z,{htmlFor:a,required:p,children:d}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("textarea",{id:a,name:l,placeholder:g,rows:P,defaultValue:j,value:null!=w?w:D,maxLength:y,disabled:x||f,onInput:E,onChange:E,...m?m(l):{},className:o()("border w-full text-sm md:text-base transition-colors duration-200 focus:outline-none focus:ring-0 disabled:bg-disable-light dark:disabled:bg-disable-dark disabled:cursor-not-allowed disabled:text-white dark:bg-background-dark dark:text-secondary-dark px-3 py-2 rounded-lg resize-none",{"border-danger-light":V,"custom-border":!V},Z)}),V&&S&&(0,r.jsx)("div",{className:"absolute right-3 top-3 flex items-center",children:(0,r.jsx)(i.Z,{button:(0,r.jsx)(n.Z,{className:"text-danger-light",size:14}),children:(0,r.jsx)(t.Z,{children:S})})})]})]})}},36962:function(e,a,l){var r=l(57437),t=l(2265),i=l(36760),n=l.n(i),d=l(16393);let o=(0,t.forwardRef)((e,a)=>{let{className:l="",checked:i,defaultChecked:o=!1,onCheckedChange:s,onChange:c,disabled:u=!1,required:g=!1,name:m,value:h,id:b,...v}=e,p=void 0!==i,[x,f]=(0,t.useState)(p?!!i:!!o),j=p?!!i:x;(0,t.useEffect)(()=>{p&&f(!!i)},[i,p]);let k=e=>{if(u)return;let a=!j;if(p||f(a),null==s||s(a),c){let l=Object.create(e);l.target={...e.target,name:m,value:h,checked:a},c(l)}};return(0,r.jsxs)(r.Fragment,{children:[m&&(0,r.jsx)("input",{type:"checkbox",name:m,value:h,checked:j,onChange:()=>{},tabIndex:-1,"aria-hidden":"true",className:"sr-only",disabled:u,required:g}),(0,r.jsx)("button",{type:"button",role:"checkbox",id:b,ref:a,"aria-checked":j,"aria-required":g,"aria-disabled":u,"data-state":j?"checked":"unchecked","data-disabled":u?"":void 0,disabled:u,onClick:k,onKeyDown:e=>

1{(" "===e.key||"Enter"===e.key)&&(e.preventDefault(),k(e))},className:n()("peer h-5 w-5 shrink-0 rounded-md border border-slate-300 dark:border-disable-dark ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-orange-light focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-orange-light data-[state=checked]:border-orange-light data-[state=checked]:text-white flex items-center justify-center",l),...v,children:j&&(0,r.jsx)("span",{"data-state":j?"checked":"unchecked",className:"flex items-center justify-center text-white",children:(0,r.jsx)(d.Z,{className:"h-3.5 w-3.5 stroke-[3]"})})})]})});o.displayName="Checkbox",a.Z=o},51287:function(e,a,l){l.d(a,{Z:function(){return M}});var r=l(57437),t=l(36962),i=l(5488),n=l(2342),d=l(45021),o=l(84822),s=l(64216),c=l(92283),u=l(14622),g=l(1014),m=l(44641),h=l(64953),b=l(1372),v=l(78893),p=l(60862),x=l(8491);let f=x.ZPm.object({id:x.ZPm.string().optional(),id_outlet:x.ZPm.str

1ing().optional(),data:x.ZPm.object({hp:x.ZPm.string().optional().default("+62800000000000"),gender:x.ZPm.string().optional().default(""),uid:x.ZPm.string().optional().default(""),email:x.ZPm.string().optional().default(""),alamat:x.ZPm.string().optional().default(""),latitude:x.ZPm.string().optional().default(""),langitude:x.ZPm.string().optional().default(""),url_image:x.ZPm.string().optional().default(""),ttl:x.ZPm.date().optional(),nama:x.ZPm.string().min(1,"Nama pelanggan wajib diisi"),grup:x.ZPm.array(x.ZPm.object({color:x.ZPm.string().min(1,"Warna grup wajib dipilih"),id:x.ZPm.string().min(1,"Id grup wajib dipilih"),nama:x.ZPm.string().min(1,"Nama grup wajib dipilih")})).default([])})});var j=l(91793),k=l(50616),Z=l(50558),y=l(4929),w=l(21533),N=l(36760),C=l.n(N),P=l(71096),D=l.n(P),_=l(30166),S=l(99376),V=l(2265),E=l(29501);let F=(0,_.default)(()=>Promise.all([l.e(5641),l.e(4212),l.e(7845),l.e(7904)]).then(l.bind(l,57845)),{loadableGenerated:{webpack:()=>[57845]},ssr:!1});var M=e=>{var a,l,x,N,P,_;let{mutate:M=null}=e,z=(0,S.useRouter)(),{activeOutlet:A}=(0,j.Z)(),{openModal:T,handleOpenModal:Y,handleCloseModal:Q,genderList:B,isOpenPopup:L,setIsOpenPopup:q,setIsUsingPhoneNumber:I,isUsingPhoneNumber:O}=(0,k.Z)(),{data:G,isLoading:K}=(0,b.LE)(),{revalidate:R}=(0,b.rx)({sortBy:"nama_asc"}),J=(0,v.Z)({apiFn:p.Z.updateCustomer,schema:f,options:{extraSubmitValues:{id_outlet:null==A?void 0:A.id,id:(null==G?void 0:G.id)||""},defaultValues:{id:(null==G?void 0:G.id)||"",data:{alamat:(null==G?void 0:G.alamat)||"",email:(null==G?void 0:G.email)||"",uid:(null==G?void 0:G.uid)||"",hp:(null==G?void 0:G.hp)||"",ttl:(null==G?void 0:null===(a=G.ttl)||void 0===a?void 0:a._seconds)?new Date(1e3*G.ttl._seconds):(null==G?void 0:G.ttl)||void 0,gender:(null==G?void 0:G.gender)||void 0,nama:(null==G?void 0:G.nama)||"",latitude:(null==G?void 0:G.latitude)||"",langitude:(null==G?void 0:G.langitude)||"",url_image:(null==G?void 0:G.url_image)||"",grup:(null==G?void 0:G.grup)||[]}},onCloseAction:e=>{let a=e.result;R(),M&&M(a)}}}),H=J.watch(),W=A&&A.grup_pelanggan,{append:U,remove:X}=(0,E.Dq)({control:J.control,name:"data.grup"}),$=e=>{var a,l;(null===(l=H.data)||void 0===l?void 0:null===(a=l.grup)||void 0===a?void 0:a.some(a=>a.id===e.id))||U({id:e.id,nama:e.nama,color:e.color})},ee=e=>{var a,l;let r=null===(l=H.data)||void 0===l?void 0:null===(a=l.grup)||void 0===a?void 0:a.findIndex(a=>a.id===e);-1!==r&&X(r)};return(0,V.useEffect)(()=>{if(G){var e;J.setValue("data",{...G,ttl:(null===(e=G.ttl)||void 0===e?void 0:e._seconds)?new Date(1e3*G.ttl._seconds):G.ttl})}},[G]),(0,r.jsxs)(E.RV,{...J,children:[(0,r.jsxs)("form",{onSubmit:J.handleSubmitForm,className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{className:"w-full h-full grid grid-cols-2 gap-3 md:gap-5",children:[(0,r.jsxs)("div",{className:"col-span-2 space-y-3 md:col-span-1",children:[(0,r.jsx)(E.Qr,{name:"data.nama",control:J.control,render:e=>{var a,l;let{field:t}=e;return(0,r.jsxs)("div",{className:"flex flex-col gap-1 w-full",children:[(0,r.jsx)(i.Z,{htmlFor:"data.nama",required:!0,children:"Nama Pelanggan"}),(0,r.jsx)(d.Z,{id:"data.nama",name:"data.nama",errorMsg:null===(l=J.formState.errors.data)||void 0===l?void 0:null===(a=l.nama)||void 0===a?void 0:a.message,value:H.data.nama||t.value||"",onChange:e=>J.setValue("data.nama",e.target.value)})]})}}),(0,r.jsxs)("div",{className:"w-full space-y-1",children:[!O&&(0,r.jsx)(E.Qr,{name:"data.hp",control:J.control,render:e=>{var a,l,t;let{field:n}=e;return(0,r.jsxs)("div",{className:"flex flex-col gap-1 w-full",children:[(0,r.jsx)(i.Z,{htmlFor:"data.hp",children:"Nomor HP"}),(0,r.jsx)(d.Z,{id:"data.hp",name:"data.hp",inputMode:"tel",placeholder:"Masukkan nomor telepon",errorMsg:null===(l=J.formState.errors.data)||void 0===l?void 0:null===(a=l.hp)||void 0===a?void 0:a.message,value:(null===(t=H.data)||void 0===t?void 0:t.hp)||n.value||"",onChange:e=>{n.onChange(e.target.value),J.setValue("data.hp",e.target.value)}})]})}}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(t.Z,{id:"tanpa-telepon",checked:O,onCheckedChange:e=>I(e)}),(0,r.jsx)(i.Z,{htmlFor:"tanpa-telepon",children:"Tanpa Nomor Telepon"})]})]}),(0,r.jsxs)("div",{className:"col-span-12 space-y-2",children:[(0,r.jsx)("div",{className:"w-full",children:(0,r.jsx)(E.Qr,{name:"data.alamat",control:J.control,render:e=>{var a,l,t,i,n;let{field:d}=e;return(0,r.jsx)(s.Z,{id:"data.alamat",name:"data.alamat",label:"Alamat",defaultValue:(null==H?void 0:null===(a=H.data)||void 0===a?void 0:a.alamat)||"",value:(null==H?void 0:null===(l=H.data)||void 0===l?void 0:l.alamat)||"",placeholder:"Alamat...",rows:5,register:J.register,errorMsg:null===(n=J.formState.errors)||void 0===n?void 0:null===(i=n.data)||void 0===i?void 0:null===(t=i.alamat)||void 0===t?void 0:t.message,onValueChange:e=>d.onChange(e)}

1)}})}),(0,r.jsx)(c.Z,{variant:"outline",onClick:()=>Y("map",{onLocationChange:e=>{J.setValue("data.alamat",e.display_name),J.setValue("data.latitude",String(e.lat)),J.setValue("data.langitude",String(e.lng))},onClose:Q("map")}),children:(0,r.jsx)(m.Z,{icon:(0,r.jsx)(Z.Z,{size:16}),color:"blue",iconPosition:"left",children:"Peta"})})]})]}),(0,r.jsxs)("div",{className:"col-span-2 space-y-3 md:col-span-1",children:[(0,r.jsx)(E.Qr,{name:"data.email",control:J.control,render:e=>{var a,l;let{field:t}=e;return(0,r.jsxs)("div",{className:"flex flex-col gap-1 w-full",children:[(0,r.jsx)(i.Z,{htmlFor:"data.email",children:"Email Pelanggan"}),(0,r.jsx)(d.Z,{id:"data.email",name:"data.email",errorMsg:null===(l=J.formState.errors.data)||void 0===l?void 0:null===(a=l.email)||void 0===a?void 0:a.message,value:t.value||"",onChange:e=>J.setValue("data.email",e.target.value)})]})}}),(0,r.jsx)(E.Qr,{control:J.control,name:"data.ttl",render:e=>{let{field:a,fieldState:{error:l}}=e;return(0,r.jsx)(n.Z,{value:a.value,onChange:a.onChange,label:"Tanggal Lahir Pelanggan",placeholder:"Pilih Tanggal Lahir Pelanggan",errorMsg:null==l?void 0:l.message,buttonClassName:"py-1 px-3 rounded-lg hover:bg-gray-50",buttonContent:e=>(0,r.jsx)(m.Z,{icon:(0,r.jsx)(y.Z,{size:16}),children:e?D()(e).format("DD/MM/YYYY"):"Pilih Tanggal Lahir Pelanggan"})})}}),(0,r.jsx)(E.Qr,{name:"data.gender",control:J.control,render:e=>{var a,l,t,n,d;let{field:s}=e;return(0,r.jsxs)("div",{className:"space-y-1",children:[(0,r.jsx)(i.Z,{children:"Jenis Kelamin"}),(0,r.jsxs)(o.Ph,{value:s.value,onValueChange:e=>{J.setValue("data.gender",e)},children:[(0,r.jsx)(o.i4,{className:(null===(l=J.formState.errors)||void 0===l?void 0:null===(a=l.data)||void 0===a?void 0:a.gender)?"border-danger-light":"",children:(0,r.jsx)(o.ki,{placeholder:"Pilih jenis Kelamin",children:null==B?void 0:null===(t=B.find(e=>e.name===s.value))||void 0===t?void 0:t.name})}),(0,r.jsx)(o.Bw,{children:null==B?void 0:B.map((e,a)=>(0,r.jsx)(o.Ql,{value:e.name,children:e.name},a))})]}),(null===(d=J.formState.errors)||void 0===d?void 0:null===(n=d.data)||void 0===n?void 0:n.gender)&&(0,r.jsx)("p",{className:"text-xs text-danger-light",children:J.formState.errors.data.gender.message})]})}}),(0,r.jsxs)("div",{className:"mt-4 relative",children:[(0,r.jsx)(m.Z,{children:"Grup"}),(0,r.jsxs)(u.J2,{open:L,onOpenChange:q,children:[(0,r.jsx)(u.xo,{asChild:!0,children:(0,r.jsxs)("button",{type:"button",className:"border my-1 w-full px-2 py-1 flex items-center justify-between rounded-lg text-secondary-light custom-border hover:bg-disable-soft hover:dark:bg-disable-dark hover:dark:bg-opacity-30",children:[(0,r.jsxs)(m.Z,{children:[null===(l=H.grup)||void 0===l?void 0:l.length," Grup dipilih"]}),(0,r.jsx)(w.Z,{size:19,className:C()("w-5 h-5 text-secondary-light transform dark:text-secondary-dark custom-transition")})]})}),(0,r.jsx)(u.yk,{className:"w-[250px]",side:"bottom",children:(0,r.jsx)("div",{className:"bg-white rounded-lg p-1.5 dark:bg-background-dark",children:W&&W.filter(e=>{var a;return!(null==H?void 0:null===(a=H.grup)||void 0===a?void 0:a.some(a=>a.id===e.id))}).map((e,a)=>(0,r.jsx)(V.Fragment,{children:(0,r.jsx)("button",{onClick:a=>{a.preventDefault(),q(!1),$(e)},className:"w-full p-2 hover:bg-gray-100 dark:hover:bg-subbackground-dark custom-transition cursor-pointer",children:(0,r.jsx)(m.Z,{children:e.nama})})},a))})})]}),(0,r.jsx)("div",{className:"w-full flex gap-2 flex-wrap mt-2",children:(null===(N=H.data)||void 0===N?void 0:null===(x=N.grup)||void 0===x?void 0:x.length)>0&&(null===(_=H.data)||void 0===_?void 0:null===(P=_.grup)||void 0===P?void 0:P.map((e,a)=>(0,r.jsx)(h.Z,{text:e.nama,variant:"blue-outline",isCircle:!1,textSize:"small",textColor:"blue",className:"rounded-md",padding:"px-2 py-1 md:px-4 md:py-1.5",onClick:a=>{a.preventDefault(),ee(e.id)}},a)))})]})]})]}),(0,r.jsxs)("div",{className:"w-full flex items-center justify-end gap-x-3",children:[(0,r.jsx)(c.Z,{variant:"flat",onClick:()=>z.back(),type:"button",disabled:J.isPending,children:(0,r.jsx)(m.Z,{color:J.isPending&&"white",children:"Batal"})}),(0,r.jsx)(c.Z,{variant:"primary",type:"submit",disabled:J.isPending,children:J.isPending?(0,r.jsx)(g.Z,{loadingText:"Memproses..."}):(0,r.jsx)(m.Z,{color:"white",children:"Simpan"})})]})]}),T.map.isOpen&&(0,r.jsx)(F,{...T.map})]})}},64953:function(e,a,l){var r=l(57437),t=l(37062),i=l(91443),n=l(44641);a.Z=e=>{let{text:a,textColor:l="",customTextColor:d="",variant:o="",onClick:s,className:c="",textSize:u="",padding:g="px-4 py-1",customSize:m="",upperCase:h=!1,capitalize:b=!1,lowerCase:v=!1,isTextBold:p=!1,isTextSemibold:x=!1,isTextThin:f=!1,isCircle:j=!0}=e;return(0,r.jsxs)("div",{className:(0,t.cn)("text-white capitalize flex items-center dark:text-secondary-light",{"rounded-full":j,"justify-between gap-x-4":s,"justify-center":!s},g,{primary:"bg-primary-light dark:bg-primary-dark",success:"bg-success-light dark:bg-success-dark",danger:"bg-danger-light dark:bg-danger-dark",warning:"bg-warning-light dark:bg-warning-dark",disable:"bg-disable-light dark:bg-disable-dark",orange:"bg-orange-light dark:bg-orange-dark",outline:"border border-primary dark:border-disable-light","orange-outline":"border bg-orange-soft bg-opacity-10 border-orange-soft dark:border-orange-dark","danger-outline":"border bg-danger-soft bg-opacity-10 border-danger-soft dark:border-danger-light","blue-outline":"border bg-primary-soft bg-opacity-10 border-primary-soft dark:border-primary-dark","warning-outline":"border bg-warning-soft bg-opacity-10 border-warning-soft dark:border-warning-dark","success-outline":"border bg-success-soft bg-opacity-10 border-success-soft dark:border-success-dark","disable-outline":"border bg-disable-soft border-disable-light dark:border-disable-dark dark:bg-disable-soft",starter:"bg-gradient-to-b from-[#74EBD5] to-[#9FACE6]",pos:"bg-gradient-to-b from-[#FAB624] to-[#EF8522]",reg:"bg-gradient-to-b from-[#62AADD] to-[#4279BD]",bisnis:"bg-gradient-to-b from-[#E6007E] to-[#FE0003]",trial:"bg-disable-light dark:bg-disable-dark"}[o]||"",c),children:[(0,r.jsx)(n.Z,{size:u,customSize:m,color:l,customColor:d,bold:p,semibold:x,thin:f,upperCase:h,capitalize:b,lowerCase:v,children:a}),s&&(0,r.jsx)("button",{className:"text-disable-dark hover:text-gray-800 dark:text-disable-light dark:hover:text-disable-soft",onClick:s,"aria-label":"Close dialog",children:(0,r.jsx)(i.Z,{className:"w-4 h-4 text-primary-light"})})]})}}}]);