https://dashboard.majoo.id/assets/3510.59cbc51430c7ba900aad.js

1"use strict";(self.webpackChunkmyklopos=self.webpackChunkmyklopos||[]).push([[3510,3844,50591,89717],{89717(e,t,a){a.r(t),a.d(t,{default:()=>x});var n=a(96540),o=a(5556),i=a.n(o),r=a(15286),l=a.n(r),s=a(52893),c=a(9621),u=a(2923),d=a(64563),m=a(85247),p=a(93223),g=a(18570),f=a(92146),v=a(33156),h=a(22680),E=a(82046),y=a(33989);const b=(0,f.I4)(s.A,{width:"100%",border:"1px solid $gray200",borderRadius:"$md",backgroundColor:"$bgGray",padding:"$spacing-05"}),k=(0,f.I4)(s.A,{padding:"$spacing-05",justifyContent:"center",alignItems:"center"});function A({modalState:e,onOpenChange:t,validateOTP:a,onTimerExpiry:o,onRequestNewCode:i,t:r}){const f=e?.timerDuration??180,A=e?.whatsappMessageTemplate||"{code}",[x,w]=(0,n.useState)("qr"),[_,S]=(0,n.useState)("qr"),[P,C]=(0,n.useState)(f),[T,M]=(0,n.useState)(""),[$,q]=(0,n.useState)(e.error),O=(0,E.U)("(max-width: 768px)"),V=(0,n.useRef)(!1),{addToast:R}=(0,n.useContext)(g.A),D=(0,n.useMemo)(()=>{const t=(e=>{if(!e)return"";let t=e.replace(/\D/g,"");return t.startsWith("0")&&(t="62"+t.substring(1)),t.startsWith("62")||(t="62"+t),t})(e.whatsappNumber),a=`OTP_${e.verificationCode}`,n=A.replace(/{code}/g,a);return`https://wa.me/${t}?text=${encodeURIComponent(n)}`},[e.whatsappNumber,e.verificationCode,A]),I=(0,n.useCallback)(e=>{const t=e%60;return`${Math.floor(e/60).toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`},[]);(0,n.useEffect)(()=>{if(!e.open)return;const t=setInterval(()=>{C(e=>e<=1?(clearInterval(t),V.current||(V.current=!0,o&&o()),0):e-1)},1e3);return()=>clearInterval(t)},[e.open,o]),(0,n.useEffect)(()=>{e.open&&(w("qr"),S("qr"),C(f),M(""),q(void 0),V.current=!1)},[e.open,f]),(0,n.useEffect)(()=>{e.verificationCode&&C(f)},[e.verificationCode,f]),(0,n.useEffect)(()=>{q(e.error)},[e.error]),(0,n.useEffect)(()=>{const e=e=>{"Enter"===e.key&&"input"===x&&(e.preventDefault(),T.length>=4&&!$&&a(T))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[T,$,x,a]);const N=async()=>{try{await navigator.clipboard.writeText(D)}catch{const e=document.createElement("textarea");e.value=D,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}R({title:r("toast.success",{ns:"translation"}),description:r("otpModalV2.copyLinkSuccess","Link berhasil disalin",{ns:"Pengaturan/AkunProfil/acc"}),variant:"success"})},z=()=>{window.open(D,"_blank","noopener,noreferrer")},B=()=>{w(_),q(void 0)},H=()=>{S(x),w("input")};return n.createElement(p.Ay,{open:e.open,isMobile:O,onOpenChange:t,allowPinchZoom:!1,size:"md",onInteractOutside:e=>e.preventDefault(),onPointerDownOutside:e=>e.preventDefault()},n.createElement(p.K2,null,r("otpModalV2.title",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Verifikasi Via WhatsApp"})),n.createElement(p.Vn,{css:{"@sm":{padding:"$spacing-05"},"@md":{padding:"$spacing-06"}}},"qr"===x&&n.createElement(s.A,{direction:"column",align:"center",gap:5},n.createElement(d.A,{color:"primary"},r("otpModalV2.bannerDescription",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Hanya nomor {{phoneNumber}} yang berhak mengirim dan menerima kode OTP ke WhatsApp {{brandName}}.",phoneNumber:e.phoneNumber,brandName:y.vQ.brandName})),n.createElement(b,{direction:"column",align:"center",gap:3},n.createElement(u.A,{variant:"helper",align:"center",css:{color:"$textSecondary"}},r("otpModalV2.qrInstruction",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Scan QR menggunakan kamera ponsel atau aplikasi QR scanner."})),n.createElement(k,null,n.createElement(l(),{size:200,value:D,renderAs:"svg",level:"H"})),n.createElement(s.A,{align:"center",gap:2},P>0?n.createElement(u.A,{variant:"helper",css:{color:"$textSecondary"}},r("otpModalV2.qrTimeLeft",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Kode berlaku selama ({{time}})",time:I(P)})):i&&n.createElement(c.$n,{buttonType:"ghost",size:"sm",onClick:i},r("otpModalV2.refreshQRCode",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Perbarui kode QR"})))),n.createElement(d.A,{color:"primary",align:"center"},r("otpModalV2.qrFallback",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Tidak bisa scan QR?"})),n.createElement(s.A,{align:"center",gap:4,css:{width:"100%"}},n.createElement(c.$n,{leftIcon:n.createElement(v.CopyOutline,{color:h.Tj.iconBrand,size:20}),buttonType:"ghost",size:"md",onClick:N,css:{flex:1}},r("otpModalV2.copyLink",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Salin Link WhatsApp"})),n.createElement(c.$n,{leftIcon:n.createElement(v.WhatsappField,{color:h.Tj.iconBrand,size:20}),buttonType:"secondary",size:"md",onClick:z,css:{flex:1}},r("otpModalV2.openWhatsapp",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Buka WhatsApp"})))),"input"===x&&n.createElement(s.A,{direction:"column",gap:5},n.createElement(s.A,{direction:"column",gap:3},n.createElement(d.A,{color:"primary"},r("otpModalV2.otpInstruction",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Masukkan 4 digit kode verifikasi yang dikirimkan ke"})),n.createElement(u.A,{css:{fontWeight:600,color:"$textPrimary"}},e.phoneNumber)),n.createElement(s.A,{direction:"column",gap:2}

1,n.createElement(m.S,{id:"otp-input",type:"text",inputMode:"numeric",pattern:"[0-9]*",maxLength:4,value:T,onChange:e=>{const t=e.target.value.replace(/\D/g,"");M(t),q(void 0)},placeholder:"Masukkan kode",isInvalid:!!$,css:{fontSize:"16px",letterSpacing:"4px"},autoFocus:!0}),$&&n.createElement(u.A,{variant:"helper",color:"red"},$.includes("no active otp found")?r("otpModalV2.otpError","Kode tidak sesuai",{ns:"Pengaturan/AkunProfil/acc"}):$)))),"input"===x?n.createElement(p.B4,{css:{display:"flex",gap:"$spacing-05"}},n.createElement(c.$n,{buttonType:"ghost",onClick:B,css:{flex:1,"@md":{flex:"initial"}}},r("otpModalV2.backButton",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Kembali"})),n.createElement(c.$n,{disabled:T.length<4||!!$,onClick:()=>a(T),css:{flex:1,"@md":{flex:"initial"}}},r("otpModalV2.verifyButton",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Verifikasi"}))):n.createElement(p.B4,{css:{display:"flex",gap:"$spacing-05"}},n.createElement(c.$n,{buttonType:"ghost",onClick:()=>t(!1),css:{flex:1,"@md":{flex:"initial"}}},r("otpModalV2.cancelButton",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Batal"})),n.createElement(c.$n,{onClick:H,css:{flex:1,"@md":{flex:"initial"}}},r("otpModalV2.enterOTPButton",{ns:"Pengaturan/AkunProfil/acc",defaultValue:"Masukkan OTP"}))))}

1A.propTypes={modalState:i().shape({open:i().bool.isRequired,phoneNumber:i().string.isRequired,verificationCode:i().string.isRequired,whatsappNumber:i().string,error:i().string,timerDuration:i().number,whatsappMessageTemplate:i().string}).isRequired,onOpenChange:i().func.isRequired,validateOTP:i().func.isRequired,onTimerExpiry:i().func,onRequestNewCode:i().func,t:i().func.isRequired},A.defaultProps={onTimerExpiry:void 0};const x=A},3510(e,t,a){a.r(t),a.d(t,{default:()=>Ne});var n=a(38221),o=a.n(n),i=a(96540),r=a(5556),l=a(11057),s=a(87111),c=a(79933),u=a(52893),d=a(71075),m=a(73587),p=a(2339),g=a(27703),f=a(32389),v=a(47767),h=a(83244),E=a(43379),y=a(28459),b=a(9621),k=a(46663),A=a(33156),x=a(95093),w=a.n(x),_=a(29678);const S="berbayar",P="default",C={default:P,paid:S,promo:S},T=(e,t=(e,t)=>t||e)=>{const{onEdit:a,onRevoke:n,onManageQuota:o}=e;return[{Header:t("table.outlet","Nama Outlet"),accessor:"outlet_name"},{Header:t("table.loginTime","Waktu Login"),accessor:"login_at",Cell:({value:e})=>i.createElement(_.e3,{value:e,format:"DD MMMM YYYY; HH:mm"})},{Header:t("table.deviceInfo","Info Perangkat"),accessor:"device_info"},{Header:t("table.alias","Alias"),accessor:"alias"},{Header:t("table.quotaLogin","Kuota Login"),accessor:"quota_type",Cell:({value:e,row:{original:a}})=>{const n=e===P,o=!!a.is_potential_revoke,r=((e=[])=>{const t=e.reduce((e,t)=>{const a=w()(t.exp_date).format("DD/MM/YYYY");return e[a]||(e[a]=[]),e[a].push(t.outlet_name||"-"),e},{});return Object.entries(t).map(([e,t])=>({date:e,names:t}))})(a.potential_revoke_details);return i.createElement(u.A,{align:"center",gap:2},i.createElement(E.$,{type:n?"default":"new",css:{borderRadius:16,textTransform:"capitalize","& > div":{display:"none"}}},n?t("quotaTag.default","Default"):t("quotaTag.paid","Berbayar")),o&&r.length>0&&i.createElement(y.Ay,{label:i.createElement("ul",{style:{margin:0,paddingLeft:16}},r.map(e=>i.createElement("li",{key:e.date},`${e.names.join(" / ")}: ${t("quotaTag.expiredOn","Berakhir pada")} ${e.date}`))),side:"top",align:"start"},i.createElement(u.A,{css:{cursor:"pointer",color:"$btnAccent"}},i.createElement(A.TriangleExclamationFilled,{color:"currentColor"}))))}},{Header:t("table.version","Versi"),accessor:"version"},{Header:t("table.cashierCode","Kode Kasir"),accessor:"kode_kasir"},{id:"revoke",Header:()=>null,unsortable:!0,canSort:!1,Cell:({row:{original:e}})=>i.createElement(b.$n,{size:"sm",buttonType:"negative-secondary",onClick:()=>n(e)},t("button.revoke","Revoke"))},{id:"menu",Header:()=>null,unsortable:!0,canSort:!1,Cell:e=>{const n=[{title:t("button.edit","Ubah"),onClick:({row:{original:e}})=>a({row:{original:e}})},{title:t("button.manageQuota","Kelola Kuota"),onClick:({row:{original:e}})=>o(e)}];return(0,k.A)(n).Cell(e)}}]};var M=a(955);const $="Devices",q="Devices/quota_summary",O="Devices/switch_kuota",V="Devices/revoke",R=e=>(e=>(0,M.Z)($,e))(e),D=e=>(e=>(0,M.Z)(q,e))(e),I=e=>(e=>(0,M.Z)(O,e,"post"))(e),N=e=>(e=>(0,M.Z)(V,e,"post"))(e);var z=a(83109),B=a(2923),H=a(49891),Q=a(90071),K=a(52153),L=a(85247),W=a(15159),Y=a(97286),j=a(46158),F=a(3844),U=a(72972),Z=a(89717),G=a(42021),X=a(82046);const J="confirm",ee="authorize",te="otp",ae=G.sH.AUTHORIZE_REVOKE_DEVICE;function ne({device:e,t,filterBranch:a,showProgress:n,hideProgress:o,addNotification:r,onClose:l,onRevoked:s}){const c=(0,X.U)("(max-width: 767px)"),[u,d]=i.useState(J),[m,p]=i.useState({open:!1,type:G.sH.PHONE,contactValue:"",otpVersion:"v1",verificationCode:"",whatsappNumber:"",otpValue:"",error:void 0}),g=String(e.outlet_id||a||""),f=async(e,a,i,l)=>{n();try{const t=w()().format("YYYYMMDDHHmmss"),n=await j.requestVerificationCode({type:ae,value:t,send_to:a}),o=n?.data?.version||"v1";i&&i(),p({open:!0,type:a,contactValue:e,otpVersion:o,verificationCode:n?.data?.code||"",whatsappNumber:n?.data?.phone_number||"",otpValue:t,error:void 0,whatsappMessageTemplate:n?.data?.template||"",timerDuration:n?.data?.second_remain}),d(te)}catch(e){l&&l(e),r({title:t("toast.error",{ns:"translation"}),message:(0,z.WL)(e),level:"error"})}finally{o()}},v=async(a,i)=>{n();try{await j.verifyCode({type:ae,code:a}),await N({device_id:e.devices_id,id_outlet:g,otp_value:m.otpValue}),r({title:t("toast.success",{ns:"translation"}),message:t("revoke.successToast","Perangkat berhasil di-revoke"),level:"success"}),s(e),l()}catch(e){i&&i(e)}finally{o()}};return i.createElement(i.Fragment,null,i.createElement(W.Lt,{open:u===J,dialogType:"negative",isMobile:c,title:t("revoke.confirmTitle","Revoke Perangkat"),description:t("revoke.confirmDesc"),labelConfirm:t("label.continue",{ns:"translation"}),labelCancel:t("label.cancel",{ns:"translation"}),onCancel:l,onConfirm:()=>d(ee)}),u===ee&&i.createElement(F.default,{title:t("revoke.authorizationTitle","Verifikasi Revoke Perangkat"),isOpen:u===ee,onOpenChange:l,phoneNumber:"",email:"",requestVerification:(e,t)=>f(e,t),isMobile:c,t,toOwner:!0,outletId:g}),u===te&&m.open&&"v1"===m.otpVersion&&i.createElement(U.default,{isMobile:c,isOpen:m.open,onOpenChange:()=>l(),verificationType:m.type,contactValue:m.contactValue,requestVerificationCode:async(e,t,a,n)=>{await f(t,e,a,n)},onSubmit:(e,t,a)=>v(e,a),t}),u===te&&m.open&&"v2"===m.otpVersion&&i.createElement(Z.default,{modalState:{open:m.open,phoneNumber:m.contactValue,verificationCode:m.verificationCode,whatsappNumber:m.whatsappNumber,whatsappMessageTemplate:m?.whatsappMessageTemplate,error:m.error},onOpenChange:()=>l(),validateOTP:e=>{p(e=>({...e,error:void 0})),v(e,e=>{p(t=>({...t,error:(0,z.WL)(e)}))})},onTimerExpiry:()=>{r({title:t("toast.error",{ns:"translation"}),message:t("otpModalV2.timerExpired","Waktu verifikasi telah habis. Silakan perbarui kode verifikasi.",{ns:"Pengaturan/AkunProfil/acc"}),level:"error"})},onRequestNewCode:async()=>{n();try{const e=w()().format("YYYYMMDDHHmmss"),a=await j.requestVerificationCode({type:ae,value:e,send_to:m.type});p(t=>({...t,verificationCode:a?.data?.code||"",whatsappNumber:a?.data?.phone_number||"",whatsappMessageTemplate:a?.data?.template,timerDuration:a?.data?.second_remain,otpValue:e,error:void 0}

1)),r({title:t("toast.success",{ns:"translation"}),message:t("newCodeSuccess","Kode verifikasi baru telah dibuat."),level:"success"})}catch(e){r({title:t("toast.error",{ns:"translation"}),message:(0,z.WL)(e),level:"error"})}finally{o()}},t}))}ne.propTypes={device:r.shape({outlet_id:r.oneOfType([r.string,r.number])}).isRequired,t:r.func,filterBranch:r.string,showProgress:r.func,hideProgress:r.func,addNotification:r.func,onClose:r.func,onRevoked:r.func},ne.defaultProps={t:(e,t)=>t||e,filterBranch:"",showProgress:()=>{},hideProgress:()=>{},addNotification:()=>{},onClose:()=>{},onRevoked:()=>{}};const oe=ne;function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},ie.apply(null,arguments)}function re({isOpen:e,onOpenChange:t,isMobile:a,data:n,addNotification:o,showProgress:r,hideProgress:l,filterBranch:c,onRevoked:m,t:p}){const[g,v]=i.useState(void 0),[h,E]=i.useState(!1),y=i.useRef(),{handleSubmit:k,register:A,reset:x,watch:_}=(0,Y.mN)({}),S=_();i.useEffect(()=>{n&&e&&x({serial_number:n.serial_number,device_id:n.devices_id,device_alias:n.alias||null,id_outlet:n.outlet_id})},[n,e]);const P=n&&n.login_at?w()(n.login_at,"YYYY-MM-DD HH:mm:ss").locale("id").format("DD MMMM YYYY, HH:mm"):"-",C=()=>v({title:p("modal.cancel.title"),description:i.createElement(B.A,null,i.createElement(f.x6,{t:p,i18nKey:"modal.cancel.desc"})),dialogType:"negative",onConfirm:()=>{t(),v(void 0)}});return i.createElement(i.Fragment,null,i.createElement(H.yx,{layer:"$overlay",open:e,defaultOpen:!1,onOpenChange:C,isMobile:a},i.createElement(H.M$,null,p("modal.title")),i.createElement(H.pr,{wrapperSize:"md"},i.createElement(s.tu,{responsive:!0},i.createElement(d.A,{heading:"pageTitle"},p("label.deviceInformation")),i.createElement("form",{id:"formEdit",onSubmit:k(async e=>{try{r();const{serial_number:a,...n}=e,l=await j.updateDevice(n);if(!l.status)throw new Error(l.msg);t(),o({title:p("toast.success",{ns:"translation"}),level:"success",message:i.createElement(B.A,null,i.createElement(f.x6,{t:p,i18nKey:"toast.successEdit",values:{serial:l.data.serial_number}}))}),v(void 0)}catch(e){v(void 0),o({title:p("toast.error",{ns:"translation"}),level:"error",message:(0,z.WL)(e)||p("toast.failEdit")})}finally{l()}})},i.createElement(u.A,{direction:"column",css:{margin:"20px 0",gap:"$cozy"}},i.createElement(Q.A,{css:{display:"flex",alignItems:"center"},responsive:"input"},i.createElement(K.A,{htmlFor:"outlet_name"},p("table.outlet","Nama Outlet")),i.createElement(L.S,{id:"outlet_name",readOnly:!0,value:n&&n.outlet_name||""})),i.createElement(Q.A,{css:{display:"flex",alignItems:"center"},responsive:"input"},i.createElement(K.A,{htmlFor:"device_info"},p("table.deviceInfo","Info Perangkat")),i.createElement(L.S,{id:"device_info",readOnly:!0,value:n&&n.device_info||""})),i.createElement(Q.A,{css:{display:"flex",alignItems:"center"},responsive:"input"},i.createElement(K.A,{htmlFor:"login_time"},p("table.loginTime","Waktu Login")),i.createElement(L.S,{id:"login_time",readOnly:!0,value:P})),i.createElement(Q.A,{css:{display:"flex",alignItems:"center"},responsive:"input"},i.createElement(K.A,{htmlFor:"device_alias"},p("label.alias")),i.createElement(L.S,ie({id:"device_alias"},A("device_alias"),{placeholder:p("label.pDevice")}))),i.createElement(Q.A,{css:{display:"flex",alignItems:"center"},responsive:"input"},i.createElement(K.A,{htmlFor:"revoke_device"},p("label.revokeDevice","Revoke Device?")),i.createElement(b.$n,{id:"revoke_device",type:"button",size:"sm",buttonType:"negative-secondary",onClick:()=>E(!0)},p("button.revoke","Revoke"))),i.createElement(b.$n,{type:"submit",ref:y,css:{display:"none"}}))))),i.createElement(H.r7,{css:{justifyContent:"center"}},i.createElement(u.A,{justify:"end",gap:3,align:"center",css:{width:"100%",maxWidth:"982px"}},i.createElement(b.$n,{buttonType:"ghost",width:a&&"100%",onClick:C},p("label.cancel",{ns:"translation"})),i.createElement(b.$n,{buttonType:"primary",width:a&&"100%",disabled:""===S.device_alias||null===S.device_alias||void 0===S.device_alias,onClick:()=>v({title:p("modal.save.title"),description:p("modal.save.desc"),onConfirm:()=>y.current.click()})},p("save",{ns:"translation"}))))),g&&i.createElement(W.Lt,{open:g,dialogType:g.dialogType,isMobile:a,title:g.title,de

1scription:g.description,labelConfirm:p("label.continue",{ns:"translation"}),labelCancel:p("label.cancel",{ns:"translation"}),onCancel:()=>v(void 0),onConfirm:g.onConfirm}),h&&n&&i.createElement(oe,{device:n,t:p,filterBranch:c,showProgress:r,hideProgress:l,addNotification:o,onClose:()=>E(!1),onRevoked:e=>{E(!1),m(e),t()}}))}re.propTypes={isOpen:r.bool,onOpenChange:r.func,isMobile:r.bool,data:r.shape({}),addNotification:r.func,showProgress:r.func,hideProgress:r.func,filterBranch:r.string,onRevoked:r.func,t:r.func},re.defaultProps={isOpen:!1,onOpenChange:()=>{},isMobile:!1,data:{},addNotification:()=>{},showProgress:()=>{},hideProgress:()=>{},filterBranch:"",onRevoked:()=>{},t:(e,t)=>t||e};const le=re;var se=a(7077);const ce=e=>({value:e?.remaining??0,default:e?.default?.remaining??0,paid:e?.berbayar?.remaining??0}),ue=({label:e,value:t,description:a,color:n})=>i.createElement(se.Zp,{color:n,css:{flexGrow:1,flexShrink:1,flexBasis:0,minWidth:0,width:"100%",padding:"12px 16px"}},i.createElement(B.A,{css:{color:"$textSecondary",fontSize:"12px",lineHeight:1.4}},e),i.createElement(u.A,{align:"baseline",gap:1,wrap:"wrap",css:{mt:"4px"}},i.createElement(B.A,{color:"primary",css:{fontSize:"16px",fontWeight:700}},t),a&&i.createElement(B.A,{color:"secondary",css:{fontSize:"12px",color:"$textDisable"}},a)));function de({filterBranch:e,t}){const[a,n]=i.useState(null);if(i.useEffect(()=>{let t=!0;return(async()=>{try{const i={...!!e&&{id_outlet:e}},{data:r}=await D(i);t&&n((a=r?.kuota_device,{total:(o=a,{value:o?.total??0,default:o?.default?.total??0,paid:o?.berbayar?.total??0}),remaining:ce(a)}))}catch{t&&n(null)}var a,o})(),()=>{t=!1}},[e]),!a)return null;const o=e=>`(${e.default} ${t("quota.default","Default")} ${t("quota.and","dan")} ${e.paid} ${t("quota.paid","Berbayar")})`;return i.createElement(c.A,{css:{width:"100%"}},i.createElement(B.A,{css:{fontSize:"14px",fontWeight:600},color:"primary"},t("quota.quotaLoginTitle","Kuota Login POS")),i.createElement(u.A,{gap:4,wrap:"wrap",css:{mt:"12px","@sm":{flexWrap:"nowrap"}}},i.createElement(ue,{label:t("quota.total","Total Kuota"),value:a.total.value,description:o(a.total),color:"blue"}),i.createElement(ue,{label:t("quota.remaining","Kuota Tersisa"),value:a.remaining.value,description:o(a.remaining),color:"green"})))}ue.propTypes={label:r.node.isRequired,value:r.node.isRequired,description:r.node,color:r.oneOf(["dark","green","orange","blue","purple","yellow","red"])},ue.defaultProps={description:null,color:"blue"},de.propTypes={filterBranch:r.string,t:r.func},de.defaultProps={filterBranch:"",t:(e,t)=>t||e};const me=de;var pe=a(93223),ge=a(28051),fe=a(38505);const ve=e=>{const t=e.exp_date?w()(e.exp_date,"YYYY-MM-DD HH:mm:ss"):null;return{outletId:e.outlet_id,outletName:e.outlet_name,isMain:!!e.is_primary,totalPaid:e.total_kuota,freePromo:!!e.is_promo_gratis,used:e.kuota_used,expiredDate:t?t.locale("id").format("DD MMMM YYYY"):"",expiringSoon:!!t&&t.diff(w()(),"days")<=7,canRenew:!!e.can_renew}};function he({t:e,onRenew:t}){const a=(0,X.U)("(max-width: 767px)"),[n,o]=i.useState(!1),[r,l]=i.useState(""),[s,d]=i.useState([]),[m,p]=i.useState(!1);i.useEffect(()=>{if(!n)return;let e=!0;return p(!0),(async()=>{try{const t=await(0,fe.au)({jenis_kuota:303});e&&d(Array.isArray(t?.data)?t.data.map(ve):[])}catch{e&&d([])}finally{e&&p(!1)}})(),()=>{e=!1}},[n]);const f=i.useMemo(()=>[{name:e("outletSummary.allOutlet","Semua Outlet"),value:""},...[...new Set(s.map(e=>e.outletName))].map(e=>({name:e,value:e}))],[e,s]),v=i.useMemo(()=>s.filter(e=>!r||e.outletName===r),[s,r]),h=e=>{o(!1),t(e)},E=i.useMemo(()=>((e,t)=>[{Header:e("outletSummary.column.outlet","NAMA OUTLET"),accessor:"outletName",Cell:({row:{original:t}})=>i.createElement(u.A,{direction:"column",gap:1},i.createElement(B.A,null,t.outletName),t.isMain&&i.createElement(B.A,{color:"brand",css:{fontSize:"12px"}},e("outletSummary.mainOutlet","Outlet Utama")))},{Header:e("outletSummary.column.quotaType","JENIS KUOTA"),accessor:"quotaType",Cell:()=>e("outletSummary.quotaTypeLabel","Login POS")},{Header:e("outletSummary.column.totalPaid","TOTAL KUOTA BERBAYAR"),accessor:"totalPaid",Cell:({row:{original:t}})=>i.createElement(u.A,{direction:"column",gap:1},i.createElement(B.A,null,t.freePromo?`${t.totalPaid} ${e("outletSummary.freePromo","Kuota Promo Gratis")}`:`${t.totalPaid} ${e("outletSummary.quotaUnit","Kuota")}`),i.createElement(B.A,{color:"secondary",css:{fontSize:"12px"}},`${t.used} ${e("outletSummary.used","Kuota Terpakai")}`))},{Header:e("outletSummary.column.expiry","MASA BERLAKU AKAN HABIS"),accessor:"expiredDate",Cell:({row:{original:e}})=>e.expiredDate?i.createElement(B.A,{color:e.expiringSoon?"red":"primary"},e.expiredDate):i.createElement("span",null,"-")},{Header:e("outletSummary.column.action","AKSI"),accessor:"action",unsortable:!0,Cell:({row:{original:a}})=>

1a.canRenew?i.createElement(b.$n,{size:"sm",onClick:()=>t(a)},e("outletSummary.renew","Perpanjang")):i.createElement("span",null,"-")}])(e,h),[e]);return i.createElement(i.Fragment,null,i.createElement(b.$n,{buttonType:"secondary",size:"sm",onClick:()=>o(!0),css:{flexShrink:0,whiteSpace:"nowrap"}},e("button.outletSummary","Ringkasan Outlet")),i.createElement(pe.Ay,{open:n,isMobile:a,width:a?"100%":"720px",onOpenChange:o,modal:!0},i.createElement(pe.K2,null,e("outletSummary.title","Ringkasan Outlet")),i.createElement(pe.Vn,{css:{maxHeight:"70vh",overflowY:"auto"}},i.createElement(c.A,{css:{width:220,marginBottom:"$spacing-03"}},i.createElement(ge.$k,{size:"sm",option:f,value:f.find(e=>e.value===r),onChange:e=>l(e.value),search:!0})),i.createElement(g.XI,{columns:E,data:v,totalData:v.length,isLoading:m,withoutLimit:!!v.length,hidePagination:!0,hideDataInfo:!0,virtualized:!0,css:{padding:0,maxHeight:"calc(70vh - 100px)"}})),i.createElement(pe.B4,{css:{display:"flex",justifyContent:"flex-end"}},i.createElement(b.$n,{size:"md",buttonType:"ghost",onClick:()=>o(!1)},e("outletSummary.close","Tutup")))))}he.propTypes={t:r.func,onRenew:r.func},he.defaultProps={t:(e,t)=>t||e,onRenew:()=>{}};const Ee=he;var ye=a(49362),be=a(9439),ke=a(18351);const Ae="form",xe="confirm",we="select_quota",_e="swap_quota",Se={display:"flex",flexDirection:"column",gap:"2px"},Pe={minWidth:0,padding:"12px 16px",backgroundColor:"$bgGray"},Ce={...Pe,flex:"none",width:160},Te={...Pe,flex:1},Me=({label:e,value:t,label2:a,value2:n})=>i.createElement(u.A,{css:{gap:"2px"}},i.createElement(c.A,{css:Ce},i.createElement(B.A,{color:"primary",css:{fontWeight:700}},e)),i.createElement(c.A,{css:Te},i.createElement(B.A,{color:"secondary"},t)),null!=a&&i.createElement(i.Fragment,null,i.createElement(c.A,{css:Ce},i.createElement(B.A,{color:"primary",css:{fontWeight:700}},a)),i.createElement(c.A,{css:Te},i.createElement(B.A,{color:"secondary"},n))));Me.propTypes={label:r.node.isRequired,value:r.node,label2:r.node,value2:r.node},Me.defaultProps={value:"-",label2:null,value2:null};const $e=({t:e,value:t})=>{const a=t===S;return i.createElement(B.A,{color:a?"brand":"secondary",css:{fontWeight:600}},a?e("quotaTag.paid","Berbayar"):e("quotaTag.default","Default"))};$e.propTypes={t:r.func.isRequired,value:r.string},$e.defaultProps={value:P};function qe({device:e,t,showProgress:a,hideProgress:n,addNotification:o,onClose:r,onSaved:l}){const s=(0,X.U)("(max-width: 767px)"),[d,p]=i.useState(Ae),[g,f]=i.useState(we),v=i.useMemo(()=>(e=>[{name:e("quotaTag.default","Default"),value:P},{name:e("quotaTag.paid","Berbayar"),value:S}])(t),[t]),[h,E]=i.useState(()=>v.find(t=>t.value===e.quota_type)||v[0]),[y,k]=i.useState(""),[A,x]=i.useState([]),[w,_]=i.useState({});i.useEffect(()=>{let t=!0;return(async()=>{try{const a=await R({id_cabang:e.outlet_id,show_flag_expired:0,page:1,limit:1e3});t&&x(a?.data||[])}catch{t&&x([])}})(),()=>{t=!1}},[e.outlet_id]),i.useEffect(()=>{let t=!0;return(async()=>{try{const a=await(0,fe.au)({jenis_kuota:303,show_kuota_default:1});t&&_(((e=[],t)=>e.filter(e=>String(e.outlet_id)===String(t)).reduce((e,t)=>{const a=C[t.quota_type]||P,n=e[a]||{used:0,total:0};return e[a]={used:n.used+(Number(t.kuota_used)||0),total:n.total+(Number(t.total_kuota)||0)},e},{}))(a?.data,e.outlet_id))}catch{t&&_({})}})(),()=>{t=!1}},[e.outlet_id]);const T=i.useMemo(()=>A.filter(t=>t.serial_number!==e.serial_number).map(e=>({name:e.alias||e.device_info||e.serial_number,value:e.serial_number})),[A,e]),M=i.useMemo(()=>v.map(t=>{const a=w[t.value]||{used:0,total:0},n=t.value===e.quota_type?Math.max(a.used-1,0):a.used,o=Math.max(a.total-n,0);return{...t,isDisabled:o<=0}}),[v,w,e.quota_type]),$=M.some(e=>!e.isDisabled),q=y?A.find(e=>e.serial_number===y):null,O=g===we,V=O?!!h&&!1===M.find(e=>e.value===h.value)?.isDisabled:!!q;return i.createElement(pe.Ay,{open:!0,isMobile:s,width:s?"100%":"600px",onOpenChange:r,modal:!0},i.createElement(pe.K2,null,d===Ae?t("manageQuota.title","Kelola Device"):t("manageQuota.confirmTitle","Konfirmasi Kelola Device")),i.createElement(pe.Vn,{css:{maxHeight:"70vh",overflowY:"auto"}},d===Ae?i.createElement(u.A,{direction:"column",gap:5},i.createElement(c.A,{css:Se},i.createElement(Me,{label:t("manageQuota.outlet","Outlet"),value:e.outlet_name}),i.createElement(Me,{label:t("label.alias","Alias"),value:e.alias}),i.createElement(Me,{label:t("table.deviceInfo","Info Perangkat"),value:e.device_info}),i.createElement(Me,{label:t("manageQuota.currentQuota","Kuota device saat ini"),value:i.createElement($e,{t,value:e.quota_type})})),i.createElement(m.w,null),i.createElement(Q.A,{responsive:"input",css:{gridTemplateColumns:"105px 1fr"}},i.createElement(K.A,null,t("manageQuota.chooseAction","Pilih Tindakan")),i.createElement(ye.Z,{value:g,onValueChange:f,direction:"row",gap:4,outlined:!0},i.createElement(be.U6,{value:we,css:{flex:1},label:i.createElement(u.A,{direction:"column",gap:1},i.createElement(B.A,{css:{fontWeight:600}},t("manageQuota.selectQuota","Pilih Kuota")),i.createElement(B.A,{color:"secondary",css:{fontSize:"12px"}},t("manageQuota.selectQuotaDesc","Pilih dari kuota tersedia")))}),i.createElement(be.U6,{value:_e,css:{flex:1},label:i.createElement(u.A,{direction:"column",gap:1},i.createElement(B.A,{css:{fontWeight:600}},t("manageQuota.swapQuota","Tukar Kuota")),i.createElement(B.A,{color:"secondary",css:{fontSize:"12px"}},t("manageQuota.swapQuotaDesc","Tukar dengan device lain")))}))),O?i.createElement(c.A,null,i.createElement(B.A,{color:"primary",css:{fontWeight:600}},t("manageQuota.chooseQuota","Pilih kuota")),i.createElement(B.A,{color:"secondary",css:{fontSize:"12px",mt:"4px"}},t("manageQuota.chooseQuotaDesc","Pilih kuota yang ingin diaktifkan untuk device ini.")),i.createElement(u.A,{al

1ign:"center",gap:4,css:{mt:"$compact"}},i.createElement(c.A,{css:{width:110,flex:"none"}},i.createElement(B.A,{color:"primary",css:{fontWeight:600}},t("manageQuota.quotaTypeLabel","Login POS"))),i.createElement(c.A,{css:{flex:1,minWidth:0}},i.createElement(ge.$k,{size:"sm",placement:"top",disabled:!$,option:M,value:h,onChange:E,placeholder:t("manageQuota.quotaPlaceholder","Pilih jenis kuota")}),!$&&i.createElement(ke.A,{error:!0,css:{mt:"4px"}},t("manageQuota.quotaEmpty","Kuota tidak tersedia"))))):i.createElement(c.A,null,i.createElement(B.A,{css:{fontWeight:600},color:"primary"},t("manageQuota.swapQuota","Tukar Kuota")),i.createElement(B.A,{color:"secondary",css:{fontSize:"12px",mt:"4px"}},t("manageQuota.swapSelectDesc","Pilih device yang ingin ditukar kuotanya")),i.createElement(Q.A,{responsive:"input",css:{gridTemplateColumns:"105px 1fr",mt:"$compact"}},i.createElement(K.A,null,t("manageQuota.chooseDevice","Pilih Device")),i.createElement(ge.$k,{size:"sm",placement:"top",option:T,value:y?T.find(e=>e.value===y):null,onChange:e=>k(e?.value||""),placeholder:t("manageQuota.devicePlaceholder","Pilih"),search:!0})))):i.createElement(u.A,{direction:"column",gap:5},i.createElement(c.A,{css:Se},i.createElement(Me,{label:t("manageQuota.outlet","Outlet"),value:e.outlet_name}),i.createElement(Me,{label:t("label.alias","Alias"),value:e.alias}),i.createElement(Me,{label:t("table.deviceInfo","Info Perangkat"),value:e.device_info}),i.createElement(Me,{label:t("manageQuota.action","Tindakan"),value:t(O?"manageQuota.selectQuota":"manageQuota.swapQuota",O?"Pilih Kuota":"Tukar Kuota")})),i.createElement(c.A,{css:Se},i.createElement(Me,{label:t("manageQuota.currentQuota","Kuota Device saat ini"),value:i.createElement($e,{t,value:e.quota_type}),label2:t("manageQuota.afterQuota","Kuota Device setelah perubahan"),value2:i.createElement($e,{t,value:O?h?.value:q?.quota_type})})))),i.createElement(pe.B4,{css:{display:"flex",gap:"$compact",justifyContent:"flex-end"}},i.createElement(b.$n,{size:"md",buttonType:"ghost",onClick:()=>d===xe?p(Ae):r()},t("label.cancel",{ns:"translation"})),d===Ae?i.createElement(b.$n,{size:"md",disabled:!V,onClick:()=>p(xe)},t("manageQuota.continue","Ya, Lanjutkan")):i.createElement(b.$n,{size:"md",onClick:async()=>{const t=e.device_id??e.serial_number;a();try{if(O)await I({action_type:"pilih_kuota",device_id:t,id_outlet:e.outlet_id,quota_type:h.value}),l([{serial_number:e.serial_number,quota_type:h.value}]);else if(q){const a=q.device_id??q.serial_number;await I({action_type:"switch_kuota",device_id:t,id_outlet:e.outlet_id,target_device_id:a}),l([{serial_number:e.serial_number,quota_type:q.quota_type},{serial_number:q.serial_number,quota_type:e.quota_type}])}r()}catch(e){o({title:(0,z.WL)(e),level:"error"})}finally{n()}}},t("label.save",{ns:"translation"}))))}qe.propTypes={device:r.shape({serial_number:r.string,outlet_id:r.oneOfType([r.string,r.number]),outlet_name:r.string,alias:r.string,device_info:r.string,quota_type:r.string}).isRequired,t:r.func,showProgress:r.func,hideProgress:r.func,addNotification:r.func,onClose:r.func,onSaved:r.func},qe.defaultProps={t:(e,t)=>t||e,showProgress:()=>{},hideProgress:()=>{},addNotification:()=>{},onClose:()=>{},onSaved:()=>{}};const Oe=qe;var Ve=a(61356);const Re=["Login POS"],De={pageIndex:0,pageSize:10,total:0};function Ie(e){const{showProgress:t,hideProgress:a,addNotification:n,filterBranch:r}=e,{t:h}=(0,f.Bd)(["Pengaturan/device","translation"]),E=(0,v.Zp)(),[y,b]=(0,l.e)(!1),[k,A]=(0,l.e)(!1),[x,w]=i.useState([]),[S,P]=i.useState(De),[C,M]=i.useState(""),[$,q]=i.useState(),[O,V]=i.useState(),[D,I]=i.useState(),[N,B]=i.useState(0),H=async(e={})=>{const o=e.pageIndex??S.pageIndex,i=e.pageSize??S.pageSize;t(),b(!0);try{const e=await R({id_cabang:r,show_flag_expired:1,page:o+1,limit:i,...C&&{search:C}});e.status&&(w(e.data||[]),P({pageIndex:o,pageSize:i,total:null!=e.totalItems?Number(e.totalItems):(e.data||[]).length}))}catch(e){n({title:(0,z.WL)(e),level:"error"})}finally{a(),b(!1)}};i.useEffect(()=>{k||H({pageIndex:0,pageSize:S.pageSize})},[r,k,C]);const Q=e=>{q(e.row.original),A(!0)},K=()=>{H({pageIndex:S.pageIndex,pageSize:S.pageSize}),B(e=>e+1)};return i.createElement(i.Fragment,null,i.createElement(Ve.A,{licenseTypeFilter:Re}),i.createElement(s.tu,{responsive:!0,css:{marginBottom:"$spacing-05"}},i.createElement(c.A,{css:{"@md":{marginBottom:"$spacing-03 !important"}}}

1,i.createElement(u.A,{align:"center",justify:"between",wrap:"wrap",gap:3},i.createElement(_.OA,null,i.createElement(d.A,{as:"h1",heading:"pageTitle"},h("title","Daftar Perangkat")),i.createElement(_.I4,null)),i.createElement(Ee,{t:h,onRenew:e=>E("/support/buy",{state:{licenseRenewOutlet:e.outletId}})})),i.createElement(_.cr,{css:{mb:0}})),i.createElement(m.w,{css:{marginTop:"$spacing-05",marginBottom:"$spacing-05"}}),i.createElement(c.A,{css:{display:"block","@sm":{padding:0,margin:0},"@md":{width:320,padding:"0px $spacing-03"}}},i.createElement(p.A,{onChange:o()(e=>M(e||""),500),placeholder:h("placeholder.search",{ns:"translation"},"Cari ...")})),i.createElement(m.w,{css:{margin:"$spacing-05 0px"}}),i.createElement(me,{key:N,filterBranch:r,t:h}),i.createElement(m.w,{css:{margin:"$spacing-05 0px"}}),i.createElement(g.XI,{columns:T({onEdit:Q,onRevoke:e=>V(e),onManageQuota:e=>I(e)},h),data:x,totalData:S.total,pageIndex:S.pageIndex,fetchData:H,isLoading:y,onRowClick:({original:e})=>Q({row:{original:e}}),searchQuery:C}),k&&i.createElement(le,{t:h,isOpen:k,onOpenChange:()=>A(!1),isMobile:!1,data:$,addNotification:n,showProgress:t,hideProgress:a,filterBranch:r,onRevoked:K}),O&&i.createElement(oe,{device:O,t:h,filterBranch:r,showProgress:t,hideProgress:a,addNotification:n,onClose:()=>V(void 0),onRevoked:K}),D&&i.createElement(Oe,{device:D,t:h,showProgress:t,hideProgress:a,addNotification:n,onClose:()=>I(void 0),onSaved:()=>{H({pageIndex:S.pageIndex,pageSize:S.pageSize}),n({title:h("toast.success",{ns:"translation"}),level:"success",message:h("manageQuota.successToast","Kuota device berhasil diubah")}),B(e=>e+1),I(void 0)}})))}Ie.propTypes={filterBranch:r.string.isRequired,showProgress:r.func,hideProgress:r.func,addNotification:r.func},Ie.defaultProps={showProgress:()=>{},hideProgress:()=>{},addNotification:()=>{}};const Ne=(0,h.A)(Ie)},3844(e,t,a){a.r(t),a.d(t,{default:()=>v});var n=a(96540),o=a(5556),i=a.n(o),r=a(79933),l=a(52893),s=a(9621),c=a(2923),u=a(93223),d=a(33156),m=a(22680),p=a(77663),g=a(42021);const f=({title:e,isOpen:t,onOpenChange:a,phoneNumber:o,email:i,requestVerification:f,isMobile:v,t:h,toOwner:E,outletId:y})=>{const[b,k]=(0,n.useState)({phoneNumber:o,email:i}),A=e=>{f(e===g.sH.PHONE?b.phoneNumber:b.email,e)};return(0,n.useEffect)(()=>{E&&t&&(async()=>{try{const e={outlet_id:y},t=await(0,p.Ov)(e);if(!t.status)throw new Error(t.message);const{phone_number:a,email:n}=t.data;k({phoneNumber:a,email:n})}catch(e){console.error({error:e})}})()},[E,t]),n.createElement(u.Ay,{modal:!0,open:t,onOpenChange:a,isMobile:v},n.createElement(u.K2,{css:{position:"relative"}},e||h("authorization.title","Otorisasi Akun Profile")),n.createElement(u.Vn,null,n.createElement(r.A,{css:{marginBottom:"$spacing-05"}},n.createElement(c.A,{color:"primary",css:{fontSize:"$body-regular",lineHeight:"1.5",textAlign:"left"}},h("authorization.description","Pilih salah satu metode di bawah ini untuk mendapatkan kode verifikasi"))),n.createElement(l.A,{direction:"column",gap:"5"},n.createElement(s.$n,{buttonType:"secondary",leftIcon:n.createElement(d.WhatsappField,{color:m.Tj.iconBrand}),onClick:()=>A(g.sH.PHONE)},h("authorization.whatsapp","Verifikasi Whatsapp")),n.createElement(s.$n,{buttonType:"secondary",leftIcon:n.createElement(d.EnvelopeFilled,{color:m.Tj.iconBrand}),onClick:()=>A(g.sH.EMAIL)},h("authorization.email","Email ke {{email}}",{email:b.email})))))};f.propTypes={title:i().string,isOpen:i().bool.isRequired,onOpenChange:i().func.isRequired,phoneNumber:i().string.isRequired,email:i().string.isRequired,requestVerification:i().func.isRequired,isMobile:i().bool,t:i().func.isRequired,toOwner:i().bool,outletId:i().string},f.defaultProps={title:void 0,isMobile:!1,toOwner:!1,outletId:""};const v=f},72972(e,t,a){a.r(t),a.d(t,{default:()=>A});var n=a(96540),o=a(5556),i=a.n(o),r=a(79933),l=a(52893),s=a(9621),c=a(2923),u=a(64563),d=a(90071),m=a(18351),p=a(85247),g=a(22409),f=a(93223),v=a(92146),h=a(83109),E=a(42021);const y=(0,v.I4)(l.A,{userSelect:"none",variants:{disabled:{true:{cursor:"not-allowed",color:"$textSecondary !important"},false:{cursor:"pointer",color:"$textSecondary !important"}}}}),b=(0,v.I4)(u.A,{fontSize:"14px",fontWeight:"bold"}),k=({isOpen:e,onOpenChange:t,verificationType:a,requestVerificationCode:o,onSubmit:i,isMobile:v,isAuth:k,t:A,contactValue:x,maxLength:w})=>

1{const[_,S]=(0,n.useState)(!0),[P,C]=(0,n.useState)(0),[T,M]=(0,n.useState)(""),[$,q]=(0,n.useState)(0),[O,V]=(0,n.useState)(),R=(0,n.useRef)({}),D=()=>{C(30),R.current=setInterval(()=>{C(e=>e<=1?(clearInterval(R.current),0):e-1)},1e3)};let I;return I=k?a===E.sH.EMAIL?A("verificationModal.title.emailAuth","Verifikasi Via Email"):A("verificationModal.title.phoneAuth","Verifikasi Via Whatsapp"):a===E.sH.EMAIL?A("verificationModal.title.email","Verifikasi Email"):A("verificationModal.title.phone","Verifikasi Telepon"),(0,n.useEffect)(()=>(e&&0===P&&(D(),q(1)),e&&q(1),()=>{R.current&&clearInterval(R.current)}),[e]),n.createElement(f.Ay,{modal:!0,open:e,onOpenChange:t,isMobile:v},n.createElement(f.K2,null,I),n.createElement(f.Vn,null,n.createElement(r.A,{css:{display:"flex",flexDirection:"column",gap:"16px"}},n.createElement(r.A,{css:{display:"flex",flexDirection:"column",gap:"4px"}},n.createElement(c.A,{css:{fontSize:"14px",lineHeight:"1.71",color:"$textPrimary",fontWeight:400}},A("verificationModal.description",{defaultValue:`Masukkan ${w} digit kode verifikasi yang dikirimkan ke`,maxLength:w})),n.createElement(c.A,{css:{fontSize:"14px",lineHeight:"1.43",color:"$textPrimary",fontWeight:600}},x)),n.createElement(r.A,null,n.createElement(d.A,null,n.createElement(p.S,{placeholder:A("verificationModal.placeholder","Masukkan kode"),maxLength:w,isInvalid:!!O,value:T,onChange:e=>{M(e.target.value),""!==e.target.value?S(!1):S(!0)}}),O&&n.createElement(m.A,{error:!0},O))),n.createElement(y,{gap:2,disabled:P>0||$>=3,align:"center"},n.createElement(b,{onClick:()=>0===P&&$<3?void($<3&&(V(""),M(""),o(a,x,()=>{q(e=>e+1),D()},e=>{(0,h.p)(e,"message","").toLowerCase().includes("daily limit exceeded")&&q(3)}))):{},color:0===P&&$<3?"brand":"secondary"},$<3?A("verificationModal.resendButton","Kirim Ulang"):A("verificationModal.resendLimit","Kirim ulang kode bisa dilakukan setelah 24 jam.")),$<3&&n.createElement(u.A,{css:{fontSize:"14px",fontWeight:400,color:"$textTertiary"}},P>0?(N=P,`${Math.floor(N/60)}:${(N%60).toString().padStart(2,"0")}`):"")))),n.createElement(f.B4,null,n.createElement(l.A,{gap:"4",justify:"end",css:{width:"100%"}},n.createElement(g.HM,{asChild:!0},n.createElement(s.$n,{buttonType:"ghost",size:"md",css:{padding:"10px 12px"}},A("verificationModal.cancelButton","Batal"))),n.createElement(s.$n,{disabled:_,size:"md",onClick:()=>{i(T,a,e=>{const a=(0,h.p)(e,"message","").toLowerCase();a.includes("invalid code")&&V(A("verificationModal.errors.invalidCode","Kode tidak sesuai")),a.includes("no active otp found")&&V(A("verificationModal.errors.expiredCode","Kode tidak berlaku. Kirim ulang untuk mendapatkan kode baru.")),a.includes("blocked")&&t(!1)})}},A("verificationModal.verifyButton","Verifikasi")))));var N};k.propTypes={isOpen:i().bool.isRequired,onOpenChange:i().func.isRequired,verificationType:i().string,requestVerificationCode:i().func.isRequired,onSubmit:i().func,isMobile:i().bool,isAuth:i().bool,t:i().func.isRequired,contactValue:i().string,maxLength:i().number},k.defaultProps={verificationType:E.sH.PHONE,onSubmit:()=>{},isMobile:!1,isAuth:!1,contactValue:"",maxLength:4};const A=k}}]);