https://fastlance.vn/_next/static/chunks/6411.186cb725e8271200.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6411],{19391:(e,t,n)=>{n.d(t,{NS:()=>d,St:()=>u,Zm:()=>r,s3:()=>f,zL:()=>o});var l=n(4758),a=n(31753),s=n(88202),i=n(93193),c=n(28341),r=function(e,t){return{id:null==e?void 0:e.id,name:null==e?void 0:e.snapshot.title,category:null==e?void 0:e.snapshot.subcategory.title,category_slug:null==e?void 0:e.snapshot.subcategory.slug,category_group:null==e?void 0:e.snapshot.category.title,category_group_slug:null==e?void 0:e.snapshot.category.slug,price:null==e?void 0:e.snapshot.base_price,brand:null==e?void 0:e.user.username,position:+t.query.position||null,list:"".concat(t.query.source)||null,count_packages:null==e?void 0:e.snapshot.packages.filter(function(e){return e.active}).filter(function(e,t){return t<3}).length,is_filter_used:!!t.query.filter_used,badges:null==e?void 0:e.badges,filter:(0,c.Tw)(t.asPath.split("?")[1]||"")}},o=function(e,t){var n="".concat((0,s.$)().CHAT_DESKTOP_URL,"/message/").concat(e);t&&(n+="?instant_hire=true"),window&&(window.location.href=(0,i.tv)(n))},u=function(e){var t,n=e.pack,s=e.isCorporate,i=e.snapshot,c=s?"\n\n".concat(a.Ru.t("checkout.chat-message.company-hiring")):"",r=n?"".concat(a.Ru.t("checkout.chat-message.text.package.name-label"),": ").concat(n.name,"\n"):"";return"".concat(a.Ru.t("product-detail.first-chat.message.default"),":\n\n").concat(a.Ru.t("checkout.chat-message.text.product"),": ").concat(i.title,"\n\n").concat(r,"\n").concat(a.Ru.t("checkout.chat-message.text.package.price-label"),": ").concat(l.GP.price(null!=(t=null==n?void 0:n.price)?t:i.base_price,{unit:!0})).concat(c)},d=function(e){return decodeURI((0,c.kA)(null==e?void 0:e.asPath.split("?")[0]))},f=function(e,t,n){var l=new IntersectionObserver(function(n){n.forEach(function(n){n.isIntersecting&&n.intersectionRatio>0&&(null==t||t(),l.unobserve(e))})},n);l.observe(e)}},96411:(e,t,n)=>{n.r(t),n.d(t,{default:()=>A});var l=n(67684),a=n(20294),s=n(37876),i=n(4758),c=n(89099),r=n(14232),o=n(10997),u=n(93996),d=n(79514),f=n(98351),g=n(56849),p=n(47932),v=n(88202),m=n(28341),h=n(50075),x=n(66523),_=n(84367),b=n(52015),y=n(61859),j=n(18361),N=n(62157),S=n(59040),k=n(45526),E=n(62701),w=n(85993),C=n(76757),P=n(80481),F=n(79324),I=function(e){var t=e.filter,n=e.scrollSize,i=void 0===n?600:n,o=t.choices,u=t.field,d=t.type,f=t.name,g=(0,a._)((0,r.useState)(0),2),p=g[0],v=g[1],m=(0,a._)((0,r.useState)(0),2),x=m[0],_=m[1],b=(0,c.useRouter)(),y=b.asPath,j=b.query,N=j.tagSEOSlug,S=j.subcategorySlug,I=(0,a._)((0,h.Bd)(P.Cx),1)[0],L=function(){var e,t,n,l,a=null!=(n=null==(e=document.querySelector(".slide-container"))?void 0:e.scrollWidth)?n:0,s=null!=(l=null==(t=document.querySelector(".slide-wrapper"))?void 0:t.clientWidth)?l:0,i=0;if(N){var c=document.getElementById(N);if(c){var r=c.offsetLeft;r+88>s&&(i=r+s+c.offsetWidth)}}var o=a-s;v(-Math.min(i,o)),_(o)},O=function(e){return N===e},q=function(e){var t=[e.value],n=(0,w._)(o.map(function(e){return e.value})),a=C.parseUrl(y,{arrayFormat:"comma"}).query,s="string"==typeof a[u]?[a[u]]:a[u]&&Array.from(a[u]);s&&!s.includes(e.value)&&(n=n.filter(function(t){return t!==e.value}));var i=s?(0,F.yn)((0,F.KC)(s,t),n):t;N&&O(e.tag.slug)&&(i=[]),delete a.page;var c=(0,E._)((0,l._)({},a,i.length&&(0,k._)({},u,i)),{filter_used:!0});0===i.length&&(delete c[u],delete c.filter_used);var r=C.stringify(c,{arrayFormat:"comma"});b.push("/".concat(S,"/").concat(e.tag.slug).concat(r?"?".concat(r):""))},A=function(){var e=C.parseUrl(b.asPath,{arrayFormat:"comma"}).query,t=(0,l._)({},e);delete t[u],delete t.filter_used;var n=C.stringify(t,{arrayFormat:"comma"});b.push("/".concat(S).concat(n?"?".concat(n):""))};return((0,r.useEffect)(function(){return L(),window.addEventListener("resize",L),function(){window.removeEventListener("resize",L)}},[]),(0,r.useEffect)(function(){L()},[t]),o.length)?(0,s.jsx)("div",{className:"section-sub-sub-cat-filter",children:(0,s.jsxs)("div",{className:"slide-wrapper",children:[0!==p&&(0,s.jsx)(R,{onClick:function(){v(function(e){return Math.min(e+i,0)})}}),(0,s.jsxs)("div",{className:"slide-container",style:{transform:"translateX(".concat(p,"px)")},children:[(0,s.jsxs)("div",{className:"tb-toggle-tag",children:[(0,s.jsx)("input",{id:"reset-all",type:"radio",checked:!N,name:u,onChange:function(){return A()}}),(0,s.jsx)("label",{htmlFor:"reset-all",children:(0,s.jsx)("span",{className:"_tal-ct",children:I("filters.all")})})]}),o.map(function(e){var t;return(0,s.jsxs)("div",{className:"tb-toggle-tag",children:[(0,s.jsx)("input",{id:e.label,type:"radio",name:u,value:e.value,"data-selenium":"dynamic-filter.".concat(d,".").concat(f),"data-name":e.label,checked:(null==(t=e.tag)?void 0:t.slug)===N,onClick:function(){O(e.tag.slug)?A():q(e)}}),(0,s.jsx)("label",{htmlFor:e.label,children:(0,s.jsx)("span",{className:"_tal-ct",children:e.label})})]},e.value)})]}),p!==-x&&(0,s.jsx)(T,{onClick:function(){v(function(e){var t=e-i;return t<-x?-x:t})}})]})}):null},R=function(e){var t=e.onClick;return(0,s.jsx)("div",{className:"arrow arrow--left",children:(0,s.jsx)("div",{className:"button-container",children:(0,s.jsx)("div",{className:"arrow-button",onClick:t,children:(0,s.jsx)("i",{className:"fa-light fa-chevron-left _fs-400 _cl-text-default-100"})})})})},T=function(e){var t=e.onClick;return(0,s.jsx)("div",{className:"arrow arrow--right",children:(0,s.jsx)("div",{className:"button-container",children:(0,s.jsx)("div",{className:"arrow-button",onClick:t,children:(0,s.jsx)("i",{className:"fa-light fa-chevron-right _fs-400 _cl-text-default-100"})})})})},L=n(80712),O=n.n(L),q=n(61825);let A=function(e){var t,n,k,E,w,C,P,F,R,T,L=e.subcategory,A=e.tagSEO,M=function(){(0,m.Bk)()&&L&&_.Pw.getInstance().trackSubcategoryDetailsView(L)},B=function(){"search"===V.source&&er&&_.Pw.getInstance().trackSearchResult({search_key:null==L?void 0:L.h1,search_results_count:(null==ei?void 0:ei.totalItem)||0})}

1,U=function(){var e=(0,m.m1)();return setTimeout(function(){e.init(".section-dynamic-filter-wrapper")},500),function(){e.cleanup()}},G=(0,a._)((0,h.Bd)("common"),1)[0],D=(0,u.u)().user,z=(0,c.useRouter)(),V=z.query,K=z.asPath,W=(0,a._)((0,r.useState)(null),2),$=W[0],H=W[1],J=V.subcategorySlug,Q=J.toString().toLowerCase(),X=(0,q.v)(),Y=(0,y.$S)().data,Z=void 0===Y?[]:Y,ee=(0,j.DS)(),et=ee.data,en=ee.isFetched,el=null!=(T=null==et?void 0:et.dynamicFilter)?T:[],ea=null==et?void 0:et.visualFilter,es=(0,j.nV)((0,l._)({filters:el,enabled:en},(null==V?void 0:V.sort)&&(null==V?void 0:V.sort)!==g.x&&{sort:[null==V?void 0:V.sort]})),ei=es.data,ec=es.isFetching,er=es.isFetched,eo=(0,a._)((0,r.useState)(),2),eu=eo[0],ed=eo[1],ef=(0,a._)((0,r.useMemo)(function(){var e=Z.find(function(e){return e.id===L.category.id});return e?[e]:[null,[]]},[L,Z]),1)[0];return(0,r.useEffect)(function(){ei&&(0,S.ki)(ei,"".concat(V.source))},[ei]),(0,r.useEffect)(function(){ed((0,S.oG)(L,A,ea,K))},[L,A,ea]),(0,r.useEffect)(function(){M()},[L]),(0,r.useEffect)(function(){B()},[V,er]),(0,r.useEffect)(function(){return U()},[]),(0,r.useEffect)(function(){(null==et?void 0:et.dynamicFilter)&&H(et.dynamicFilter.find(function(e){return"VISUAL-IMAGE-SEO"===e.type}))},[et]),(0,s.jsxs)(d.w7,{children:[(0,s.jsx)(N.CY,{subcategory:L,tagSEO:A,path:K}),(0,s.jsx)("script",{id:"structured-data-script_product-listing_desktop",type:"application/ld+json",dangerouslySetInnerHTML:{__html:eu}}),(0,s.jsxs)("div",{className:"product-listing-page",children:[(0,s.jsx)(o.Co,{isMobile:!1,user:D}),(0,s.jsx)(o.Dr.TopPageBanner,{page:"plpTopBanner"}),(0,s.jsxs)("section",{className:"lo-desktop-responsive-container",children:[(0,s.jsx)("div",{className:"_mgt-40px",style:{height:20},children:(0,s.jsx)(N.LJ,{category:ef,subcategory:L,tagSEO:A})}),(0,s.jsx)("h1",{className:"_fs-900 _mgt-16px _mgbt-24px",children:(null==A||null==(t=A.seo)?void 0:t.title)||(null==L?void 0:L.h1)}),(0,s.jsx)(o.xQ,{className:"_mgbt-16px",subcategoryId:null==L?void 0:L.id}),(0,v.$)().FEATURES.VISUAL_FILTER_SECTION&&!!ea&&(0,s.jsx)(p.Eu,{title:ea.name,type:ea.type,field:ea.field,choices:ea.choices})]}),(0,s.jsx)("section",{className:"lo-desktop-responsive-container",children:!!$&&(0,s.jsx)(I,{filter:$})}),(0,s.jsx)("div",{className:"section-dynamic-filter-wrapper",children:(0,s.jsx)("div",{className:"lo-desktop-responsive-container",children:!!el.length&&(0,s.jsx)(N.nq,{slug:Q,filters:el})})}),(0,s.jsx)("div",{className:"product-list-page-card-list _mgt-24px",children:(0,s.jsxs)("div",{className:"lo-desktop-responsive-container",children:[(0,s.jsxs)("div",{className:"u-halign-split _mgbt-12px _fs-300",children:[(0,s.jsxs)("div",{className:"notranslate",children:[G("product-list.text.product-found")," ",i.GP.count(null==ei?void 0:ei.totalItem)," ",G("product-list.text.item",{total_item:i.GP.count((null==ei?void 0:ei.totalItem)||0)})]}),(0,x.uN)({default:(0,s.jsxs)("div",{children:[G("product-list.text.page")," ",V.page||1," ",G("product-list.text.from")," ",null==ei?void 0:ei.totalPage]}),vn:(0,s.jsxs)("div",{children:[G("product-list.text.page")," ",V.page||1,"/",null==ei?void 0:ei.totalPage]})})]}),er&&!(null==ei?void 0:ei.items.length)&&(0,s.jsx)(N.ii,{source:"PLfilter_".concat(Q),dataSelenium:"product-listing-filter.button.job-board"}),(0,s.jsx)(N.JT,{adsSectionType:b.e.subCategory,isLoading:!en||ec,products:null==ei?void 0:ei.items,prefixImageAlt:(null==A||null==(n=A.seo)?void 0:n.title)||L.h1,insertBanner:X}),(0,s.jsx)("div",{className:"u-halign-center _mgt-48px",children:(0,s.jsx)(o.dK,{total:null==ei?void 0:ei.totalPage})}),(0,s.jsx)("div",{className:"_mgt-48px",children:(0,s.jsx)(f.A,{isMobile:!1,subcategorySlug:J.toString(),subcategoryTitle:(null==A||null==(k=A.seo)?void 0:k.title)||(null==L?void 0:L.h1),trackingSource:"product-listing_related-cross-subcategories-section",dataSeleniumPrefix:"relate-cross-sc",trackEvent:function(){},className:O()["related-subcategory"]})})]})}),(0,s.jsx)("hr",{}),(0,s.jsx)("div",{className:"lo-desktop-responsive-container _pdv-48px _bgcl-neutral-100",children:(0,s.jsx)(N.CC,{header:V.tagSEOSlug?(null==A||null==(E=A.seo)?void 0:E.title)||null:(null==A||null==(w=A.seo)?void 0:w.title)||L.h1,description:V.tagSEOSlug?(null==A||null==(C=A.seo)?void 0:C.description)||null:(null==A||null==(P=A.seo)?void 0:P.description)||(null==L?void 0:L.top_page_description),content:V.tagSEOSlug?(null==A||null==(F=A.seo)?void 0:F.footer_description)||null:(null==A||null==(R=A.seo)?void 0:R.footer_description)||(null==L?void 0:L.bottom_page_description)})}),(0,s.jsx)(o.NO,{buttonDataSelenium:"product-listing.button.how-to"})]})]})}},98351:(e,t,n)=>{n.d(t,{A:()=>h});var l=n(67684),a=n(62701),s=n(20294),i=n(37876),c=n(15039),r=n.n(c),o=n(54587),u=n.n(o),d=n(14232),f=n(10997),g=n(80481),p=n(50075),v=n(75786),m=n(19391);let h=function(e){var t=e.isMobile,n=e.subcategorySlug,c=e.subcategoryTitle,o=e.trackingSource,h=e.dataSeleniumPrefix,x=e.trackEvent,_=e.className,b=(0,s._)((0,p.Bd)(g.sQ),1)[0],y=(0,v.X2)(n).data,j=(0,d.useRef)(null),N=(0,d.useRef)(!1),S=(0,d.useMemo)(function(){var e,t;return(null==y||null==(t=y.attributes)||null==(e=t.related_subcats)?void 0:e.slice(0,4))||[]},[y]),k=(0,d.useMemo)(function(){return S.length>=2},[S]);return(0,d.useEffect)(function(){if(k){var e,t,n=j.current,l=N.current,a=null==y||null==(t=y.attributes)||null==(e=t.related_subcats)?void 0:e.map(function(e){return null==e?void 0:e.slug});l||((0,m.s3)(n,function(){return x(a)},{threshold:.95}),N.current=!0)}},[k,j.current]),(0,i.jsx)("div",{className:r()("product-inform-layout",_),children:k&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h2",{className:r()("_mgbt-24px",{"_fs-700 _fw-600 _mgbt-24px":!t,"_fs-600 _mgbt-12px":t}),children:c?b("related-subcat.title-subcategory",{subcategoryTitle:c}):b("related-subcat.title")}),(0,i.jsx)("div",{className:"lo-product-card-container _mgv-12px",style:{"--column":t?2:4},children:null==S?void 0:S.map(function(e,t){return(0,i.jsx)(f.Gr,(0,a._)((0,l._)({href:"/".concat(e.slug,"?source=").concat(o,"_").concat(n),className:"tb-link -primary"},h&&{"data-selenium":"".concat(h,".").concat(null==e?void 0:e.slug,".").concat(t+1)}),{children:(0,i.jsxs)("div",(0,a._)((0,l._)({className:"subcate-card _cs-pt"},0===t&&{ref:j}),{children:[(0,i.jsx)("div",{style:{position:"relative",width:"100%",height:"98px"},children:(0,i.jsx)(u(),{src:e.image,alt:e.title,quality:90,fill:!0,style:{objectFit:"cover"}})}),(0,i.jsx)("p",{className:"title _ffml-secondary _fw-600 _fs-300",children:e.title})]}))}),e.slug)})})]})})}}}]);