https://phuclong.com.vn/_next/static/chunks/5756.41bd0ffd4cbe9d54.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5756],{66301:function(e,t,r){r.r(t);var o=r(50029),n=r(87794),a=r.n(n),i=r(67294),c=r(79847),l=r(9187),s=r(85893);t.default=function(e){var t,r=e.loading,n=void 0===r?function(){}:r,p=e.addressList,u=void 0===p?function(){}:p,d=(0,i.useState)(""),h=d[0],f=d[1],b=(0,i.useRef)(null),g=(0,i.useState)(!1),y=g[0],m=g[1],x=(t=(0,o.Z)(a().mark(function _callee(e){var t,r;return a().wrap(function(o){for(;;)switch(o.prev=o.next){case 0:return n(!0),o.next=3,(0,l.hx)({query:e});case 3:r=o.sent,n(!1),u((null==r?void 0:null===(t=r.data)||void 0===t?void 0:t.data)||[]);case 7:case"end":return o.stop()}},_callee)})),function(e){return t.apply(this,arguments)});return(0,i.useEffect)(function(){setTimeout(function(){m(!0)},1e3)},[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(c.R,{onClick:function(){},onEnter:function(e){e.preventDefault(),clearTimeout(b.current),h&&h.length>=3&&(b.current=setTimeout(function(){return x(h)},500))},onChange:function(e){var t=e.target.value;f(t),t||u([])},clearKeyword:function(){f(""),u([])},value:h,name:"search",placeholder:"Vui l\xf2ng nhập địa chỉ",categoryType:"",buttonText:"",autoFocus:y})})}},79847:function(e,t,r){r.d(t,{R:function(){return SearchBox}});var o=r(59499),n=r(4730);r(67294);var a=r(50066),i=r(37947),c=a.ZP.form.withConfig({displayName:"search-boxstyle__StyledForm",componentId:"sc-1qp53tw-0"})(function(e){return(0,i.ZP)({display:"flex",alignItems:"center",borderRadius:"20px",padding:"0px 10px",overflow:"hidden",width:"100%",color:"text.regular",backgroundColor:e.minimal?"gray.200":"white",borderWidth:e.minimal?"1px":"0",borderStyle:"solid",borderColor:e.minimal?"gray.500":"white",".iconSearch":{cursor:"pointer",".icon":{top:"2px",position:"relative",fontSize:"20px",opacity:"0.5"}},".iconClear":{cursor:"pointer",color:"#006F3C",".icon":{top:"2px",position:"relative",fontSize:"20px",opacity:"0.5"}}})}),l=a.ZP.input.withConfig({displayName:"search-boxstyle__StyledInput",componentId:"sc-1qp53tw-1"})((0,i.ZP)({flexGrow:1,pl:15,height:39,color:"text.regular",backgroundColor:"transparent",appearance:"none",wordSpacing:"-1px"}),{border:0,"&:focus":{outline:0},"&::-webkit-input-placeholder, &::-moz-placeholder, &::-moz-placeholder, &::-ms-input-placeholder":{color:"text.regular",whiteSpace:"nowrap",textOverflow:"ellipsis"}}),s=a.ZP.span.withConfig({displayName:"search-boxstyle__StyledCategoryName",componentId:"sc-1qp53tw-2"})((0,i.ZP)({fontSize:14,fontWeight:"bold",lineHeight:"38px",px:15,color:"primary.regular",backgroundColor:"gray.200",borderRadius:"base"}),{margin:"5px",whiteSpace:"nowrap",textTransform:"capitalize"}),p=a.ZP.button.withConfig({displayName:"search-boxstyle__StyledSearchButton",componentId:"sc-1qp53tw-3"})((0,i.ZP)({backgroundColor:"primary.regular",color:"white",fontSize:"base",fontWeight:"bold"}),{display:"flex",height:48,alignItems:"center",border:0,outline:0,paddingLeft:30,paddingRight:30,cursor:"pointer",flexShrink:0}),u=r(85893),d=["color","width","height"];function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var SearchIcon=function(e){var t=e.color,r=e.width,o=e.height,a=(0,n.Z)(e,d);return(0,u.jsx)("svg",_objectSpread(_objectSpread({xmlns:"http://www.w3.org/2000/svg",width:void 0===r?"22px":r,height:void 0===o?"22px":o,viewBox:"0 0 14 14"},a),{},{children:(0,u.jsx)("path",{d:"M14.771,12.752,11.32,9.286a5.519,5.519,0,0,0,1.374-3.634A5.763,5.763,0,0,0,6.839,0,5.763,5.763,0,0,0,.984,5.652,5.763,5.763,0,0,0,6.839,11.3a5.936,5.936,0,0,0,3.354-1.023l3.477,3.492a.783.783,0,0,0,1.08.02A.72.72,0,0,0,14.771,12.752ZM6.839,1.475a4.259,4.259,0,0,1,4.327,4.178A4.259,4.259,0,0,1,6.839,9.83,4.259,4.259,0,0,1,2.511,5.652,4.259,4.259,0,0,1,6.839,1.475Z",transform:"translate(-0.984)",fill:void 0===t?"#006F3C":t})}))},h=["onEnter","onChange","clearKeyword","value","name","minimal","categoryType","buttonText","className","showButtonText","shadow"];function search_box_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function search_box_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?search_box_ownKeys(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):search_box_ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var SearchBox=function(e){var t=e.onEnter,r=e.onChange,o=e.clearKeyword,a=e.value,i=e.name,d=e.minimal,f=void 0===d||d,b=e.categoryType,g=e.buttonText,y=e.className,m=e.showButtonText,x=e.shadow,w=(0,n.Z)(e,h);return(0,u.jsx)(c,{onSubmit:t,className:y,boxShadow:x,minimal:f,children:f?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("span",{onClick:t,className:"iconSearch",children:(0,u.jsx)("i",{className:"icon vns-SEARCH"})}),(0,u.jsx)(l,search_box_objectSpread({onChange:r,autoComplete:"off",value:a,name:i},w)),a&&(0,u.jsx)("i",{className:"iconClear icon vns-Delete-GREY",onClick:o})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(s,{children:b}),(0,u.jsx)(l,search_box_objectSpread({autoComplete:"off",onChange:r,value:a,name:i},w)),(0,u.jsxs)(p,{children:[(0,u.jsx)(SearchIcon,{onClick:t,style:{marginRight:10,cursor:"pointer"}}),(void 0===m||m)&&g]})]})})}}}]);