https://j2proxy.vn/_next/static/chunks/3273.b3cf66e031c73139.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3273],{1046:(e,t,l)=>{l.d(t,{p:()=>s});var r=l(95155);l(12115);var a=l(64269),n=l(12108),i=l(24033);function s(e){let{className:t,type:l,useCustomStepper:s=!1,disabled:o=!1,...c}=e,d="number"===l;return d&&s?(0,r.jsxs)("div",{className:"group relative",children:[(0,r.jsx)("input",{type:l,"data-slot":"input",disabled:o,className:(0,a.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 text-normal flex h-10 w-full min-w-0 bg-transparent shadow-none transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","placeholder:text-icon placeholder:text-sm placeholder:font-normal","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive","border-border-input gap-2 rounded-lg border px-3 py-2.5 shadow-none hover:shadow-none","focus-visible:border-primary hover:border-primary/50 hover:ring-0 focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0","[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",d&&"w-full",t,"!shadow-none hover:!shadow-none focus-visible:!shadow-none"),...c}),d&&!1===o&&(0,r.jsxs)("div",{className:(0,a.cn)("pointer-events-none absolute top-1/2 right-1.5 flex -translate-y-1/2 flex-col items-center justify-center opacity-0 transition-opacity duration-150","group-hover:pointer-events-auto group-hover:opacity-100"),children:[(0,r.jsx)("button",{type:"button",className:"hover:text-icon/110 text-icon h-4 w-4 translate-y-1 transition-colors",onClick:e=>{var t;let l=null==(t=e.currentTarget.parentElement)?void 0:t.previousElementSibling;l.stepUp(),l.dispatchEvent(new Event("change",{bubbles:!0}))},children:(0,r.jsx)(n.A,{className:"h-4 w-4",strokeWidth:3})}),(0,r.jsx)("button",{type:"button",className:"hover:text-icon/110 text-icon h-4 w-4 -translate-y-1 transition-colors",onClick:e=>{var t;let l=null==(t=e.currentTarget.parentElement)?void 0:t.previousElementSibling;l.stepDown(),l.dispatchEvent(new Event("change",{bubbles:!0}))},children:(0,r.jsx)(i.A,{className:"h-4 w-4",strokeWidth:3})})]})]}):(0,r.jsx)("input",{type:l,"data-slot":"input",disabled:o,className:(0,a.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 text-normal flex h-10 w-full min-w-0 bg-transparent shadow-none transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed md:text-sm","placeholder:text-icon placeholder:text-sm placeholder:font-normal","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive","border-border-template-5 gap-2 rounded-lg border px-3 py-2.5 shadow-none hover:shadow-none","focus-visible:border-primary hover:border-primary/50 hover:ring-0 focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0","truncate overflow-hidden text-ellipsis whitespace-nowrap",t,"!shadow-none hover:!shadow-none focus-visible:!shadow-none"),...c})}},3468:(e,t,l)=>{l.d(t,{A:()=>i,q:()=>n});var r=l(12115),a=l(95155);function n(e,t){let l=r.createContext(t),n=e=>{let{children:t,...n}=e,i=r.useMemo(()=>n,Object.values(n));return(0,a.jsx)(l.Provider,{value:i,children:t})};return n.displayName=e+"Provider",[n,function(a){let n=r.useContext(l);if(n)return n;if(void 0!==t)return t;throw Error(`\`${a}\` must be used within \`${e}\``)}]}function i(e,t=[]){let l=[],n=()=>{let t=l.map(e=>r.createContext(e));return function(l){let a=l?.[e]||t;return r.useMemo(()=>({[`__scope${e}`]:{...l,[e]:a}}),[l,a])}};return n.scopeName=e,[function(t,n){let i=r.createContext(n),s=l.length;l=[...l,n];let o=t=>{let{scope:l,children:n,...o}=t,c=l?.[e]?.[s]||i,d=r.useMemo(()=>o,Object.values(o));return(0,a.jsx)(c.Provider,{value:d,children:n})};return o.displayName=t+"Provider",[o,function(l,a){let o=a?.[e]?.[s]||i,c=r.useContext(o);if(c)return c;if(void 0!==n)return n;throw Error(`\`${l}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let l=()=>{let l=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let a=l.reduce((t,{useScope:l,scopeName:r})=>{let a=l(e)[`__scope${r}`];return{...t,...a}},{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:a}

1),[a])}};return l.scopeName=t.scopeName,l}(n,...t)]}},3973:(e,t,l)=>{l.r(t),l.d(t,{default:()=>N});var r=l(95155),a=l(12115),n=l(52619),i=l.n(n),s=l(13744),o=l(39180),c=l(15239),d=l(64269);let u="rgb(from var(--primary) calc(r - 30) calc(g - 40) calc(b - 28))",m="text-xs leading-[15px] font-normal text-[rgb(from_var(--primary)_calc(r_-_30)_calc(g_-_40)_calc(b_-_28))]";function p(e){let{children:t}=e;return(0,r.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"shrink-0","aria-hidden":!0,children:t})}function h(e){let{className:t}=e;return(0,r.jsx)("div",{className:(0,d.cn)("flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[rgb(from_var(--primary)_calc(r_-_30)_calc(g_-_40)_calc(b_-_28))]",t),children:(0,r.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M8.17815 1.5752L15.6028 2.63585L16.6634 10.0605L9.76912 16.9547C9.47625 17.2477 9.00142 17.2477 8.70847 16.9547L1.28388 9.53018C0.990981 9.23723 0.990981 8.76241 1.28388 8.46946L8.17815 1.5752ZM10.2995 7.93913C10.8853 8.52496 11.835 8.52496 12.4208 7.93913C13.0066 7.35337 13.0066 6.40362 12.4208 5.81783C11.835 5.23205 10.8853 5.23205 10.2995 5.81783C9.7137 6.40362 9.7137 7.35337 10.2995 7.93913Z",fill:"white"})})})}function x(e){let{src:t,alt:l,className:a,sizes:n}=e;return(0,r.jsx)("div",{className:(0,d.cn)("relative h-[160px] w-full overflow-hidden rounded-lg bg-[#F4F6FB]",a),children:(0,r.jsx)(c.default,{src:t,alt:l,fill:!0,className:"object-cover transition-transform duration-300 group-hover:scale-105",sizes:n,loading:"lazy"})})}let f="border-primary text-primary flex h-[19px] items-center justify-center rounded-full border px-2 py-0.5 text-xs leading-[15px] font-normal";function v(e){var t,l;let{blog:a}=e,n=(0,o.r)(e=>e.config),c=null==n?void 0:n.hostName,d=(null==(l=a.thumbnail)?void 0:l.path)&&c?"https://".concat(c).concat(a.thumbnail.path):"/images/images-template-7/empty-blog.png";return(0,r.jsx)(i(),{href:"/blogs/".concat(a.slug),className:"group block h-full",children:(0,r.jsxs)("article",{className:"flex h-full w-full flex-col gap-4 roun

1ded-2xl bg-white p-4 shadow-[0px_4px_6px_rgba(0,0,0,0.05)]",children:[(0,r.jsxs)("div",{className:"flex w-full items-center justify-between gap-2",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(p,{children:(0,r.jsx)("path",{d:"M13.2133 4.47608L14.3033 3.38604L15.364 4.4467L14.2739 5.53673C15.1976 6.69149 15.75 8.15625 15.75 9.75C15.75 13.478 12.728 16.5 9 16.5C5.27208 16.5 2.25 13.478 2.25 9.75C2.25 6.02208 5.27208 3 9 3C10.5938 3 12.0585 3.55235 13.2133 4.47608ZM8.25 6V10.5H9.75V6H8.25ZM6 0.75H12V2.25H6V0.75Z",fill:u})}),(0,r.jsx)("span",{className:m,children:s.A.formatDate(a.createdAt)})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(p,{children:(0,r.jsx)("path",{d:"M0.88623 9C1.59161 5.15982 4.95609 2.25 9.00023 2.25C13.0443 2.25 16.4088 5.15982 17.1142 9C16.4088 12.8401 13.0443 15.75 9.00023 15.75C4.95609 15.75 1.59161 12.8401 0.88623 9ZM9.00023 12.75C11.0713 12.75 12.7502 11.071 12.7502 9C12.7502 6.92894 11.0713 5.25 9.00023 5.25C6.92913 5.25 5.2502 6.92894 5.2502 9C5.2502 11.071 6.92913 12.75 9.00023 12.75ZM9.00023 11.25C7.75755 11.25 6.7502 10.2427 6.7502 9C6.7502 7.75733 7.75755 6.75 9.00023 6.75C10.2428 6.75 11.2502 7.75733 11.2502 9C11.2502 10.2427 10.2428 11.25 9.00023 11.25Z",fill:u})}),(0,r.jsx)("span",{className:m,children:s.A.formatNum(a.viewCount)})]})]}),(0,r.jsx)(x,{src:d,alt:a.title,sizes:"(max-width: 640px) 100vw, (max-width: 1280px) 50vw, 25vw"}),(0,r.jsxs)("div",{className:"flex flex-1 flex-col gap-1",children:[(0,r.jsx)("h3",{className:"line-clamp-2 text-sm leading-[17px] font-semibold text-black transition-colors group-hover:text-[rgb(from_var(--primary)_calc(r_-_30)_calc(g_-_40)_calc(b_-_28))]",children:a.title}),a.excerpt&&(0,r.jsx)("p",{className:"line-clamp-2 text-xs leading-[15px] font-normal text-[#636364]",children:a.excerpt})]}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsx)(h,{}),(null==(t=a.category)?void 0:t.title)&&(0,r.jsx)("span",{className:f,children:a.category.title}),a.tags.slice(0,3).map(e=>(0,r.jsx)("span",{className:f,children:e},e)),a.tags.length>3&&(0,r.jsxs)("span",{className:f,children:["+",a.tags.length-3]})]})]})})}var g=l(86651),b=l(58734),w=l(1046),j=l(64621);function N(e){let{initialBlogs:t}=e,[l,n]=(0,a.useState)(""),i=(null!=t?t:[]).filter(e=>{if(l){var t,r;let a=l.toLowerCase();return e.title.toLowerCase().includes(a)||(null==(t=e.excerpt)?void 0:t.toLowerCase().includes(a))||(null==(r=e.tags)?void 0:r.some(e=>e.toLowerCase().includes(a)))}return!0});return(0,r.jsx)(j.A,{openMarqueeTop:!0,children:(0,r.jsxs)("div",{className:"flex w-full flex-col gap-6",children:[(0,r.jsx)("h1",{className:"text-[18px] font-bold tracking-tight text-black",children:"Blog"}),(0,r.jsx)("div",{className:"w-full max-w-[610px] rounded-lg border border-[#D7D9DF] bg-white shadow-[0px_4px_6px_rgba(0,0,0,0.05)]",children:(0,r.jsxs)("div",{className:"flex h-10 w-full items-center gap-2 px-4 py-2",children:[(0,r.jsx)(g.A,{className:"h-5 w-5 shrink-0 text-[#9EA1A9]"}),(0,r.jsx)(w.p,{placeholder:"T\xecm kiếm theo t\xean b\xe0i viết",value:l,onChange:e=>n(e.target.value),className:"h-10 border-0 px-0 text-base font-normal text-black shadow-none placeholder:text-[#9EA1A9] focus-visible:ring-0"})]})}),i.length>0?(0,r.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",children:i.map(e=>(0,r.jsx)(v,{blog:e},e.id))}):(0,r.jsxs)("div",{className:"flex w-full flex-col items-center justify-center py-20 text-center",children:[(0,r.jsx)("div",{className:"bg-muted/50 mb-6 rounded-full p-6",children:(0,r.jsx)(b.A,{className:"text-muted-foreground/50 h-16 w-16"})}),(0,r.jsx)("h3",{className:"mb-3 text-xl font-bold",children:"Kh\xf4ng t\xecm thấy b\xe0i viết"}),(0,r.jsx)("p",{className:"text-muted-foreground mb-6 max-w-md text-base",children:l?"Thử t\xecm kiếm với từ kh\xf3a kh\xe1c":"Chưa c\xf3 b\xe0i viết n\xe0o"})]})]})})}},4129:(e,t,l)=>{l.d(t,{N:()=>a});var r=l(12115),a=globalThis?.document?r.useLayoutEffect:()=>{}},6554:(e,t,l)=>{l.d(t,{S:()=>r});let r=(0,l(25959).v)(e=>({pathname:"",isAdminPath:!1,setPathname:t=>e({pathname:t,isAdminPath:t.startsWith("/admin")})}

1))},12108:(e,t,l)=>{l.d(t,{A:()=>r});let r=(0,l(71847).A)("ChevronUp",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]])},24033:(e,t,l)=>{l.d(t,{A:()=>r});let r=(0,l(71847).A)("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},25959:(e,t,l)=>{l.d(t,{v:()=>i});var r=l(12115);let a=e=>{let t,l=new Set,r=(e,r)=>{let a="function"==typeof e?e(t):e;if(!Object.is(a,t)){let e=t;t=(null!=r?r:"object"!=typeof a||null===a)?a:Object.assign({},t,a),l.forEach(l=>l(t,e))}},a=()=>t,n={setState:r,getState:a,getInitialState:()=>i,subscribe:e=>(l.add(e),()=>l.delete(e))},i=t=e(r,a,n);return n},n=e=>{let t=(e=>e?a(e):a)(e),l=e=>(function(e,t=e=>e){let l=r.useSyncExternalStore(e.subscribe,()=>t(e.getState()),()=>t(e.getInitialState()));return r.useDebugValue(l),l})(t,e);return Object.assign(l,t),l},i=e=>e?n(e):n},39180:(e,t,l)=>{l.d(t,{r:()=>a});var r=l(68019);let a=(0,l(25959).v)((e,t)=>({config:null,affiliateProgram:null,setConfig:t=>{var l,a;return e({config:{...t,theme:(null==t?void 0:t.theme)?{...t.theme,textmarquee:null!=(a=null!=(l=t.theme.textmarquee)?l:t.theme.textMarquee)?a:"",...t.theme.logo&&{logo:(0,r.V)(t.theme.logo,t.hostName)},...t.theme["logo-l"]&&{"logo-l":(0,r.V)(t.theme["logo-l"],t.hostName)}}:t.theme}})},setAffiliateProgram:t=>e({affiliateProgram:t}),getRotateUrl:()=>{var e,l;return null==(l=t().config)||null==(e=l.theme)?void 0:e.rotateUrl}}))},58734:(e,t,l)=>{l.d(t,{A:()=>r});let r=(0,l(71847).A)("FolderOpen",[["path",{d:"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",key:"usdka0"}]])},64621:(e,t,l)=>{l.d(t,{A:()=>d});var r=l(95155),a=l(39180),n=l(13744),i=l(64269),s=l(6554),o=l(72557),c=l(12115);function d(e){var t,l;let{children:d,scrollable:u=!0,className:m="",openMarqueeTop:p=!0,openMarqueeBottom:h=!0}=e,x=(0,a.r)(e=>e.config),f=(0,s.S)(e=>e.isAdminPath),[v,g]=(0,c.useState)(""),b=null!=(l=null==x||null==(t=x.theme)?void 0:t.textmarquee)?l:"";(0,c.useEffect)(()=>{(async()=>{if(null==x?void 0:x.merchantId)try{let e=await n.A.fetchApi("/api/v1/products","",{headers:{"x-merchant-id":x.merchantId}}).then(e=>{var t;return null!=(t=null==e?void 0:e.data)?t:[]}).catch(()=>[]);if(e.length>0){let t=e.map(e=>{let t=(()=>{let e=Math.floor(1e5+9e5*Math.random());return"".concat("09").concat(e,"xxxx")})(),l=e.price.toLocaleString("vi-VN");return"KH ".concat(t," vừa mua ").concat(e.name," gi\xe1 ").concat(l,"đ")});g(t.join("          "))}}catch(e){}})()},[null==x?void 0:x.merchantId]);let w=(0,r.jsx)("div",{className:"flex h-[33px] w-full items-center overflow-hidden rounded-xl bg-[#E5D4FF]",children:(0,r.jsx)("div",{className:"[container-type:inline-size] mx-4 flex h-full w-full items-center overflow-hidden",children:(0,r.jsx)("span",{className:"animate-marquee ml-[100%] text-[14px] leading-none font-medium whitespace-nowrap text-[#250057]",children:b})})});return(0,r.jsx)(r.Fragment,{children:u?(0,r.jsx)(o.F,{className:(0,i.cn)("z-0 mx-auto h-[calc(var(--template-5-vh,100dvh)-70px)] w-full bg-[#f5f6fb]","[&_[data-slot=scroll-area-viewport]>div]:!block [&_[data-slot=scroll-area-viewport]>div]:!w-full [&_[data-slot=scroll-area-viewport]>div]:!max-w-full [&_[data-slot=scroll-area-viewport]>div]:!min-w-0"),children:(0,r.jsxs)("div",{className:(0,i.cn)("mx-auto flex w-full max-w-[var(--template-5-content-max-width,100%)] min-w-0 flex-col justify-between gap-3 p-3 sm:gap-4 sm:p-4 md:px-6 md:py-6 2xl:px-10",m),children:[!f&&p&&b&&w,(0,r.jsx)("div",{className:"flex w-full max-w-full min-w-0 flex-1 pb-20 sm:pb-14 md:pb-12",children:d})]})}):(0,r.jsx)("div",{className:"z-0 mx-auto flex min-h-0 w-full flex-1 bg-[#f5f6fb]",children:(0,r.jsxs)("div",{className:(0,i.cn)("mx-auto flex w-full max-w-[var(--template-5-content-max-width,100%)] min-w-0 flex-col justify-between gap-3 p-3 sm:gap-4 sm:p-4 md:px-6 md:py-6 2xl:px-10",m),children:[!f&&p&&b&&w,(0,r.jsx)("div",{className:"flex w-full max-w-full min-w-0 flex-1 pb-20 sm:pb-14 md:pb-12",children:d})]})})})}},68019:(e,t,l)=>{l.d(t,{V:()=>r});let r=(e,t)=>{if(!e||"string"!=typeof e)return"";let l=e.trim();if(l.startsWith("https://")||l.startsWith("http://"))return l.replace("/api/v1","");

1if((e=>e.startsWith("/api/v1/files")||e.startsWith("/files/")||e.includes("/files/"))(l)){let e="https://api.homeproxy.vn".replace(/\/$/,"");if(e){let t=l.startsWith("/")?l:"/".concat(l);return"".concat(e).concat(t).replace("/api/v1","")}}let r=(t||"https://app.homeproxy.vn").trim().replace(/^https?:\/\//,"").replace(/\/$/,"");return r?l.startsWith("/")?"https://".concat(r).concat(l).replace("/api/v1",""):"https://".concat(r,"/").concat(l).replace("/api/v1",""):l}},70222:(e,t,l)=>{l.d(t,{c:()=>a});var r=l(12115);function a(e){let t=r.useRef(e);return r.useEffect(()=>{t.current=e}),r.useMemo(()=>(...e)=>t.current?.(...e),[])}},72557:(e,t,l)=>{l.d(t,{F:()=>s});var r=l(95155),a=l(12115),n=l(83360),i=l(64269);let s=a.forwardRef((e,t)=>{let{className:l,children:a,...s}=e;return(0,r.jsxs)(n.bL,{ref:t,"data-slot":"scroll-area",className:(0,i.cn)("relative overflow-hidden",l),...s,children:[(0,r.jsx)(n.LM,{"data-slot":"scroll-area-viewport",className:(0,i.cn)("h-full w-full rounded-[inherit]",(null==l?void 0:l.includes("!rounded-none"))&&"!rounded-none"),children:a}),(0,r.jsx)(o,{}),(0,r.jsx)(n.OK,{})]})});s.displayName=n.bL.displayName;let o=a.forwardRef((e,t)=>{let{className:l,orientation:a="vertical",...s}=e;return(0,r.jsx)(n.VM,{ref:t,"data-slot":"scroll-area-scrollbar",orientation:a,className:(0,i.cn)("flex touch-none transition-colors select-none","vertical"===a&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===a&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",l),...s,children:(0,r.jsx)(n.lr,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})});o.displayName=n.VM.displayName},86651:(e,t,l)=>{l.d(t,{A:()=>r});let r=(0,l(71847).A)("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])}}]);