1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1830],{71830:function(n,e,i){i.r(e);var t=i(14924),o=i(7297),r=i(85893),l=i(41609),s=i.n(l),d=i(67294),u=i(35651),a=i(5434),c=i(81043),v=i(51649),p=i(18981),f=i(61357);function m(){var n=(0,o.Z)(["\n position: relative;\n display: block;\n width: 100%;\n padding: 15px;\n margin-bottom: 30px;\n .input-form {\n display: flex;\n align-items: center;\n\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: transparent;\n border-radius: 10px;\n border: 1px solid rgb(0, 0, 0, 0.3);\n box-sizing: border-box;\n padding: 10px;\n outline: none;\n font-family: 'Prompt', sans-serif;\n color: black;\n font-size: 16px;\n padding-left: 30px;\n\n &:hover {\n border: 1px solid var(--primary-color);\n }\n }\n .label-icon {\n position: absolute;\n top: 50%;\n left: 0px;\n color: rgb(0, 0, 0, 0.3);\n transform: translate(10px, 0px);\n }\n .arrow-icon {\n position: absolute;\n top: 50%;\n right: 10px;\n color: rgb(0, 0, 0, 0.3);\n }\n span {\n position: absolute;\n top: 0px;\n left: 30px;\n line-height: 2;\n padding: 10px;\n font-size: 16px;\n font-family: 'Prompt', sans-serif;\n pointer-events: none;\n color: rgb(0, 0, 0, 0.3);\n transition: all ease-in-out 0.2s;\n }\n .input-form:focus ~ span,\n .input-form:not(:placeholder-shown) ~ span {\n transform: translateX(-30px) translateY(-35px);\n font-size: 12px;\n }\n ul.list-wrapper {\n width: 100%;\n flex-direction: column;\n list-style-type: none;\n background-color: #fff;\n border-radius: 0 0 5px 5px;\n border: 1px solid #add8e6;\n border-top: none;\n max-height: 150px;\n margin: 0;\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 0;\n position: absolute;\n top: 43px;\n right: 0px;\n z-index: 5;\n display: none;\n li {\n width: 100%;\n padding: 7px 9px;\n border-bottom: 1px solid #e1e1e1;\n cursor: pointer;\n color: black;\n font-family: 'Prompt', sans-serif;\n font-size: 16px;\n &:hover {\n background-color: #c0bcbc;\n }\n }\n }\n .active {\n background-color: #1e90ff;\n color: white !important;\n &:hover {\n background-color: #0578eb !important;\n color: #fff;\n }\n }\n"]);return m=function(){return n},n}function x(){var n=(0,o.Z)(["\n border-bottom: 1px solid rgb(0, 0, 0, 0.3);\n padding: 15px 0 45px;\n position: relative;\n height: auto;\n width: 100%;\n gap: 15px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n"]);return x=function(){return n},n}var b=[{nameTH:"\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14",nameEN:"Province"},{nameTH:"\u0e40\u0e02\u0e15/\u0e2d\u0e33\u0e40\u0e20\u0e2d",nameEN:"District"},{nameTH:"\u0e41\u0e02\u0e27\u0e07/\u0e15\u0e33\u0e1a\u0e25",nameEN:"Subdistrict"},{nameTH:"\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c",nameEN:"PostCode"},{nameTH:"\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48",nameEN:"Address"}];var h=u.ZP.div.withConfig({componentId:"sc-15dc2d9a-0"})(m()),g=u.ZP.div.withConfig({componentId:"sc-15dc2d9a-1"})(x());e.default=function(n){var e,i,o,l,u,m,x=n.defaultValue,j=n.lang,y=n.selectLang,w=n.addressData,N=function(n,e,i,t,o){en(0),e((0,f.Ie)(t,n.target.value,k)[0]);var r=n.target.value;if(""===r){var l;i(t),null===(l=document.querySelector(".".concat(o,"-input")))||void 0===l||l.setAttribute("style","border: 2px solid rgb(0, 0, 0, 0.3)")}else{var d,u=t.filter((function(n){if(null===n||void 0===n?void 0:n[k].toUpperCase().match(r.toUpperCase()))return n}));null===(d=document.querySelector(".".concat(o,"-input")))||void 0===d||d.setAttribute("style","border: 2px solid ".concat(s()(u)?"red":"rgb(0, 0, 0, 0.3)")),i(u)}},S=(0,c.I0)(),k=j,E={jsonProvince:null===w||void 0===w?void 0:w.jsonProvince,jsonDistrict:null===w||void 0===w?void 0:w.jsonDistrict,jsonSubdistrict:null===w||void 0===w?void 0:w.jsonSubdistrict},z=(0,d.useRef)(!0),T=(0,d.useRef)(!0),A=(0,d.useState)((0,f.Ie)(null===E||void 0===E?void 0:E.jsonProvince,null===x||void 0===x||null===(e=x.province)||void 0===e||null===(i=e.id)||void 0===i?void 0:i.toString(),"id")[0]),I=A[0],C=A[1],_=(0,d.useState)((0,f.Ie)(null===E||void 0===E?void 0:E.jsonDistrict,null===x||void 0===x||null===(o=x.district)||void 0===o||null===(l=o.id)||void 0===l?void 0:l.toString(),"id")[0]),H=_[0],P=_[1],q=(0,d.useState)((0,f.Ie)(null===E||void 0===E?void 0:E.jsonSubdistrict,null===x||void 0===x||null===(u=x.subdistrict)||void 0===u||null===(m=u.id)||void 0===m?void 0:m.toString(),"id")[0]),L=q[0],D=q[1],Z=(0,d.useState)([]),M=Z[0],O
1=Z[1],B=(0,d.useState)([]),F=B[0],R=B[1],U=(0,d.useState)([]),V=U[0],X=U[1],Y=(0,d.useState)(),G=Y[0],J=Y[1],K=(0,d.useState)(),Q=K[0],W=K[1],$=(0,d.useState)(0),nn=$[0],en=$[1],tn=function(n){"object"!==typeof n&&(n=document.getElementById(n));var e=null===n||void 0===n?void 0:n.parentNode;if(e){var i=e.scrollTop+(e.offsetHeight-0)-2*n.offsetHeight,t=e.scrollTop+0;n.offsetTop-e.offsetTop<=t?e.scrollTop=n.offsetTop-(e.offsetHeight-0-n.offsetHeight):n.offsetTop>=i&&(e.scrollTop=n.offsetTop-(e.offsetHeight-0-n.offsetHeight)+40)}};return(0,d.useEffect)((function(){var n=function(n){var e=n.keyCode;40===e&&M.length-1>nn&&en(nn+1),38===e&&nn>=1&&en(nn-1),13!==e||s()(M)||(n.preventDefault(),C(M[nn]),O([])),tn("li".concat(nn))};return window.addEventListener("keydown",n),function(){return window.removeEventListener("keydown",n)}}),[M,nn]),(0,d.useEffect)((function(){var n=function(n){var e=n.keyCode;40===e&&void 0!==F&&F.length-1>nn&&en(nn+1),38===e&&nn>=1&&en(nn-1),13!==e||s()(F)||(n.preventDefault(),void 0!==F&&P(F[nn]),R([])),tn("li".concat(nn))};return window.addEventListener("keydown",n),function(){return window.removeEventListener("keydown",n)}}),[F,nn]),(0,d.useEffect)((function(){var n=function(n){var e=n.keyCode;40===e&&void 0!==V&&V.length-1>nn&&en(nn+1),38===e&&nn>=1&&en(nn-1),13!==e||s()(V)||(n.preventDefault(),void 0!==V&&D(V[nn]),X([])),tn("li".concat(nn))};return window.addEventListener("keydown",n),function(){return window.removeEventListener("keydown",n)}}),[V,nn]),(0,d.useEffect)((function(){var n;!s()(null===E||void 0===E?void 0:E.jsonDistrict)&&J((0,f.Ie)(null===E||void 0===E?void 0:E.jsonDistrict,null===I||void 0===I||null===(n=I.id)||void 0===n?void 0:n.toString(),"province_id")),S((0,p.cu)({id:null===I||void 0===I?void 0:I.id,nameTH:null===I||void 0===I?void 0:I.name_th})),z.current?z.current=!1:P((0,t.Z)({},k,""))}),[I]),(0,d.useEffect)((function(){var n,e;(!s()(null===E||void 0===E?void 0:E.jsonSubdistrict)&&W((0,f.Ie)(null===E||void 0===E?void 0:E.jsonSubdistrict,null===H||void 0===H||null===(n=H.id)||void 0===n?void 0:n.toString(),"district_id")),S((0,p.rc)({id:null===H||void 0===H?void 0:H.id,nameTH:null===H||void 0===H?void 0:H.name_th})),T.current)?T.current=!1:D((e={},(0,t.Z)(e,k,""),(0,t.Z)(e,"zip_code",""),e))}),[H]),(0,d.useEffect)((function(){S((0,p.I0)({id:null===L||void 0===L?void 0:L.id,nameTH:null===L||void 0===L?void 0:L.name_th}))}),[L]),(0,d.useEffect)((function(){var n,e;s()(M)?null===(n=document.querySelector(".ul-province"))||void 0===n||n.setAttribute("style","display:none;"):null===(e=document.querySelector(".ul-province"))||void 0===e||e.setAttribute("style","display:flex;")}),[M]),(0,d.useEffect)((function(){var n,e;s()(F)?null===(n=document.querySelector(".ul-district"))||void 0===n||n.setAttribute("style","display:none;"):null===(e=document.querySelector(".ul-district"))||void 0===e||e.setAttribute("style","display:flex;")}),[F]),(0,d.useEffect)((function(){var n,e;s()(V)?null===(n=document.querySelector(".ul-subdistrict"))||void 0===n||n.setAttribute("style","display:none;"):null===(e=document.querySelector(".ul-subdistrict"))||void 0===e||e.setAttribute("style","display:flex;")}),[V]),(0,r.jsxs)(g,{className:"address-wrapper",children:[(0,r.jsxs)(h,{className:"address-item detail",children:[(0,r.jsx)("input",{defaultValue:null===x||void 0===x?void 0:x.address,className:"input-form",type:"text",name:"address",id:"address",placeholder:" ",required:!0}),(0,r.jsx)(a.MdAddLocationAlt,{size:20,className:"label-icon"}),(0,r.jsx)("span",{children:b[4][y]})]}),(0,r.jsxs)(h,{className:"address-item",children:[(0,r.jsx)("input",{value:null===I||void 0===I?void 0:I[k],type:"text",name:"province",id:"province",placeholder:" ",className:"input-form province-input",onBlur:function(){return setTimeout((function(){return O([])}),300)},onFocus:function(n){return!s()(null===E||void 0===E?void 0:E.jsonProvince)&&N(n,C,O,null===E||void 0===E?void 0:E.jsonProvince,"province")},onChange:function(n){return!s()(null===E||void 0===E?void 0:E.jsonProvince)&&N(n,C,O,null===E||void 0===E?void 0:E.jsonProvince,"province")},required:!0}),(0,r.jsx)(a.MdAddLocationAlt,{size:20,className:"label-icon"}),(0,r.jsx)(v.OId,{size:18,className:"arrow-icon"}),(0,r.jsx)("span",{children:b[0][y]}),(0,r.jsx)("ul",{className:"list-wrapper ul-province",children:M.map((function(n,e){return(0,r.jsx)("li",{onClick:function(){C(n),O([])},id:"li".concat(e),className:nn===e?"active":"",children:n[k]},e)}))})]}),(0,r.jsxs)(h,{className:"address-item",children:[(0,r.jsx)("input",{value:null===H||void 0===H?void 0:H[k],type:"text",name:"district",id:"district",placeholder:" ",className:"input-form district-input",onBlur:function(){return setTimeout((function(){return R([])}),300)},onFocus:function(n){return!s()(G)&&N(n,P,R,G,"district")},onChange:function(n){return s()(G)?P((0,f.Ie)(null===w||void 0===w?void 0:w.jsonDistrict,n.target.value,k)[0]):N(n,P,R,G,"district")},required:!0}),(0,r.jsx)(a.MdAddLocationAlt,{size:20,className:"label-icon"}),(0,r.jsx)(v.OId,{size:18,className:"arrow-icon"}),(0,r.jsx)("span",{children:b[1][y]}),(0,r.jsx)("ul",{className:"list-wrapper ul-district",children:F&&F.map((function(n,e){return(0,r.jsx)("li",{id:"li".concat(e),onClick:function(){P(n),R([])},className:nn===e?"active":"",children:n[k]},e)}))})]}),(0,r.jsxs)(h,{className:"address-item",children:[(0,r.jsx)("input",{value:null===L||void 0===L?void 0:L[k],type:"text",placeholder:" ",name:"subdistrict",id:"subdistrict",onBlur:function(){return setTimeout((function(){return X([])}),300)},onFocus:function(n){return!s()(Q)&&N(n,D,X,Q,"subdistrict")},onChange:function(n){return s()(Q)?D((0,f.Ie)(null===w||void 0===w?void 0:w.jsonSubdistrict,n.target.value,k)[0]):N(n,D,X,Q,"subdistrict")},className:"input-form subdistrict-input",required:!0}),(0,r.jsx)(a.MdAddLocationAlt,{size:20,className:"label-icon"}),(0,r.jsx)(v.OId,{size:18,className:"arrow-icon"}),(0,r.jsx)("span",{children:b[2][y]}),(0,r.jsx)("ul",{className:"list-wrapper ul-subdistrict",children:V&&V.map((function(n,e){return(0,r.jsx)("li",{id:"li".concat(e),onClick:function(){D(n),X([])},className:nn===e?"active":"",children:null===n||void 0===n?void 0:n[k]},e)}))})]}),(0,r.jsxs)(h,{className:"address-item",children:[(0,r.jsx)("input",{value:null===L||void 0===L?void 0:L.zip_code,className:"input-form",type:"text",name:"zip_code",id:"zip_code",placeholder:" ",readOnly:!s()(null===L||void 0===L?void 0:L.zip_code),required:!0}),(0,r.jsx)(a.MdAddLocationAlt,{size:20,className:"label-icon"}),s()(null===L||void 0===L?void 0:L.zip_code)&&!s()(null===L||void 0===L?void 0:L[k])&&(0,r.jsx)(v.OId,{size:18,className:"arrow-icon"}),(0,r.jsx)("span",{children:b[3][y]})]})]})}}}]);
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.