https://flexoffice.com/_next/static/chunks/126.3c1ce94cd04722e7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[126,6972,9983],{126:(e,l,t)=>{t.r(l),t.d(l,{default:()=>x});var a=t(5155),s=t(2544),r=t(8413),i=t(2821),n=t(2115),o=t(7400),c=t(6723),u=t(3491),d=t(6972),h=t(9983);let x=function(e){var l;let{name:t,control:x,fieldData:v,required:f,placeholder:C,choices:p,onChangeOptions:w}=e,{t:g}=(0,c.Bd)(),m={required:{value:f,message:g("pleaseSelect")}},{field:{onChange:b,value:j},fieldState:{error:k}}=(0,s.as)({name:t,control:x,rules:m}),y=(0,n.useRef)(null),[N,B]=(0,n.useState)(!1),[D,L]=(0,n.useState)(""),[E,S]=(0,n.useState)(p||(null==v?void 0:v.choices)||[]),[_,A]=(0,n.useState)(!1),M=(null==(l=E.find(e=>e.value===j))?void 0:l.key)||j,Z=null!=v&&!!v.showBranch&&!!(null==v?void 0:v.showBranch);(0,n.useEffect)(()=>{let e=e=>{y.current&&!y.current.contains(e.target)&&B(!1)};return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[]),(0,n.useEffect)(()=>{p&&S(p)},[JSON.stringify(p)]),(0,n.useEffect)(()=>{(null==v?void 0:v.choices)&&S(null==v?void 0:v.choices)},[JSON.stringify(null==v?void 0:v.choices)]),(0,n.useEffect)(()=>{Z&&G()},[]);let G=async()=>{try{let e=await (0,u.H_)("vi").getBranch({status:"client"});if(e){let l=p||(null==v?void 0:v.choices)||[];S([...l,...e.map(e=>({key:e.tenDiemGiaoDich,value:e.tenDiemGiaoDich}))])}}catch(e){console.log("\uD83D\uDE80 ~ getDataBranch ~ err:",e)}},J=M||C,O=D?E.filter(e=>{var l,t;return(null==e||null==(t=e.key)||null==(l=t.toLowerCase())?void 0:l.search(D.toLowerCase()))!==-1}):E;return(0,a.jsxs)("div",{className:"flex flex-col gap-[10px]",children:[(0,a.jsxs)("div",{id:t,ref:y,className:(0,i.A)("w-full relative",Z?"":"py-4 border-b border-black/50"),onClick:()=>B(!N),children:[Z?(0,a.jsxs)("div",{className:"relative flex flex-col gap-[10px]",children:[(0,a.jsx)("input",{className:(0,i.A)(" text-[15px] text-black/70 border-none font-semibold ring-transparent focus:ring-transparent px-[18px] py-4 w-full pr-12"),type:"text",onChange:e=>L(e.target.value),onFocus:()=>A(!0),onBlur:()=>{A(!1)},value:_?D:J}),(0,a.jsx)("div",{className:"absolute right-5 top-4",children:(0,a.jsx)(d.default,{})})]}):(0,a.jsxs)("div",{className:"flex items-center justify-between cursor-pointer",children:[J?(0,a.jsx)(r.o5,{className:"text-black/70 text-[15px] font-semibold h-[18px] w-max",children:J}):(0,a.jsx)("div",{className:"h-[18px]"}),(0,a.jsx)(h.default,{color:"#00538D"})]}),N?(0,a.jsx)("div",{className:"absolute z-10 rounded-lg top-[110%] bg-white left-0 right-0 shadow-main px-[18px] py-4 flex flex-col gap-1 max-h-[300px] overflow-auto scrollbar-thin scrollbar-thumb-blue-gradient scrollbar-track-slate custom-scrollbar-width overflow-y-auto overflow-x-hidden scrollbar-thin",children:O.map(e=>{let l=j===e.value;return(0,a.jsx)("div",{onClick:()=>{var l,t,a;l=e.value,(null==v?void 0:v.additionalChangeData)&&(null==v||null==(t=v.additionalChangeData)?void 0:t[l])&&w(null==v||null==(a=v.additionalChangeData)?void 0:a[l]),b(l),L("")},children:(0,a.jsx)(r.o5,{className:(0,i.A)("cursor-pointer hover:text-yellowText",l?"text-yellowText":"text-[#00538DB2]"),children:e.key})},e.value)})}):null]}),k&&(null==k?void 0:k.message)&&(0,a.jsx)(o.A,{errorMessage:null==k?void 0:k.message})]})}},6972:(e,l,t)=>{t.r(l),t.d(l,{default:()=>s});var a=t(5155);let s=function(){return(0,a.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M20.8447 19.3848L17.3065 16.014C18.7129 14.2767 19.3989 12.0659 19.2232 9.83754C19.0475 7.60922 18.0234 5.53328 16.3622 4.03778C14.7009 2.54228 12.5291 1.74126 10.2947 1.79988C8.0602 1.8585 5.93341 2.77231 4.35286 4.35286C2.77231 5.93341 1.8585 8.0602 1.79988 10.2947C1.74126 12.5291 2.54228 14.7009 4.03778 16.3622C5.53328 18.0234 7.60922 19.0475 9.83754 19.2232C12.0659 19.3989 14.2767 18.7129 16.014 17.3065L19.5431 20.6865C19.6283 20.7724 19.7297 20.8406 19.8414 20.8871C19.9531 20.9337 20.0729 20.9576 20.1939 20.9576C20.3149 20.9576 20.4347 20.9337 20.5464 20.8871C20.6581 20.8406 20.7595 20.7724 20.8447 20.6865C20.9306 20.6013 20.9988 20.4999 21.0454 20.3882C21.0919 20.2765 21.1159 20.1567 21.1159 20.0356C21.1159 19.9146 21.0919 19.7948 21.0454 19.6831C20.9988 19.5714 20.9306 19.47 20.8447 19.3848ZM3.66655 10.5415C3.66655 9.1818 4.06976 7.85259 4.82519 6.722C5.58063 5.59141 6.65436 4.71023 7.9106 4.18987C9.16684 3.66952 10.5492 3.53337 11.8828 3.79865C13.2164 4.06392 14.4414 4.7187 15.4029 5.68019C16.3644 6.64167 17.0192 7.86668 17.2844 9.2003C17.5497 10.5339 17.4136 11.9163 16.8932 13.1725C16.3729 14.4287 15.4917 15.5025 14.3611 16.2579C13.2305 17.0133 11.9013 17.4165 10.5415 17.4165C8.71818 17.4165 6.9695 16.6922 5.68019 15.4029C4.39087 14.1136 3.66655 12.3649 3.66655 10.5415Z",fill:"#1381BE"})})}},9983:(e,l,t)=>{t.r(l),t.d(l,{default:()=>s});var a=t(5155);

1let s=function(e){let{color:l="black",className:t}=e;return(0,a.jsx)("svg",{className:t,width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M4.29341 5.38652C4.68393 5.7771 5.31714 5.77713 5.70769 5.38658L9.4202 1.67407C9.74537 1.3489 9.74556 0.821748 9.42062 0.496346C9.09527 0.170544 8.56733 0.170443 8.24187 0.496122L5.00052 3.73958L1.75958 0.495826C1.4343 0.170254 0.906632 0.170139 0.581201 0.495569C0.25589 0.820881 0.255868 1.34831 0.581153 1.67365L4.29341 5.38652Z",fill:l})})}}}]);