https://onesme.vn/_next/static/chunks/commons-d6c7293e-0cb57f708c8af0da.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9151],{225687:(e,i,s)=>{s.d(i,{A:()=>v,N:()=>u});var l=s(695155),c=s(135695),r=s(128939),t=s(16176),a=s(972563),n=s(1503),d=s(478563);s(802252),s(756970);var o=s(144801),p=s(484404),h=s(359950);let u={slidesPerView:4,spaceBetween:16,pagination:{clickable:!0},breakpoints:{320:{slidesPerView:1.2,spaceBetween:8},768:{slidesPerView:3,spaceBetween:12},1232:{slidesPerView:4,spaceBetween:16}},modules:[t.dK]},v=e=>{var i;let{name:s,filePath:t,sizeService:v,listService:m,categoryId:x,isCombo:j=!1,serviceProductType:y,headingLevelTitle:g}=e,f=j?m.map(e=>{var i,s;return{...(0,o.O7)(e),pricingList:null!=(i=null==e?void 0:e.comboPricing)?i:[],deviceList:null!=(s=null==e?void 0:e.comboDevice)?s:[],defaultPricingPaymentCycle:null==e?void 0:e.defaultPricingPaymentCycle,defaultNumberOfCycle:null==e?void 0:e.defaultNumberOfCycle}}):m.map(o.O7),C=4-f.length,N=y||(null==f||null==(i=f[0])?void 0:i.productType),b=(0,c.useRouter)(),P=(0,c.usePathname)(),S=p.A.getPortalTypeByPath(P).path,E=e=>{switch(null==e?void 0:e.productType){case"DEVICE":return(0,l.jsx)("div",{onClick:()=>b.push("".concat(S,"/service/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(a.ID,{headingLevel:g&&g+1,typeCard:"device",specifications:e.specifications,...e},e.id)});case"COMBO":return(0,l.jsx)("div",{onClick:()=>b.push("".concat(S,"/combo/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(a.yW,{headingLevel:g&&g+1,typeCard:"combo",...e},e.id)});case"SERVICE_GROUP":return(0,l.jsx)("div",{onClick:()=>b.push("".concat(S,"/service-group/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(a.yW,{headingLevel:g&&g+1,typeCard:"combo",...e},e.id)});default:return(0,l.jsx)("div",{onClick:()=>b.push("".concat(S,"/service/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(a.fV,{typeCard:"service",headingLevel:g&&g+1,...e},e.id)})}},A=()=>{switch(N){case"DEVICE":default:return(0,l.jsx)(h.A,{height:"562px"});case"COMBO":case"SERVICE_GROUP":return(0,l.jsx)(h.A,{height:"497px"})}};return(0,l.jsxs)("div",{children:[(0,l.jsx)(n.A,{name:s,filePath:t,sizeService:v,categoryId:x,isCombo:j,serviceProductType:y,headingLevelTitle:g}),(0,l.jsxs)(d.$z,{...u,className:"pb-10 pt-[70px] sm:pb-6 sm:pt-7",children:[f.map(e=>(0,l.jsx)(r.qr,{children:E(e)},e.id)),f.length<4&&[...Array(C)].map((e,i)=>(0,l.jsx)(r.qr,{children:A()},-i-1))]})]})}},596851:(e,i,s)=>{s.d(i,{default:()=>S});var l=s(695155),c=s(872107),r=s(658137),t=s(267660),a=s(212115),n=s(135695),d=s(843038),o=s(272070),p=s(128939),h=s(875935),u=s(252133),v=s(478563),m=s(126221),x=s(993575),j=s(225687),y=s(972563),g=s(221577),f=s(484404),C=s(48321);let N=e=>{var i;let{serviceProductType:s,customerType:r,headingLevelTitle:t=3,headingLevel:N}=e,b=(0,n.useRouter)(),{isMobile:P,isDesktop:S}=(0,c.Qs)(),[E,A]=(0,a.useState)(!1),[L,T]=(0,a.useState)(""),k=(0,m.Q)(L,300),[O,I]=(0,a.useState)([]),w=(0,n.usePathname)(),V=f.A.getPortalTypeByPath(w).path,[R,z]=(0,a.useState)({order:void 0,categoryIds:[]}),B=[{index:+!S,value:"categoryIds",label:"Danh mục",options:O,type:"select"},{index:+!!S,value:"order",label:"Sắp xếp theo",options:v.$_,type:"singleSelect"}],D=!R.order&&!R.categoryIds.length&&!k,{productLstWithCategory:F,isLoading:_}=(0,g.TC)(s,R,k,r,e=>{(null==O?void 0:O.length)||I(e.map(e=>({label:"".concat(e.name," (").concat(e.sizeService,")"),key:e.id})))}),{lstServiceRecommend:q}=(0,g.C1)(r);return(0,l.jsxs)(d.A,{spinning:_,children:[(0,l.jsxs)("div",{className:"my-4 flex gap-3 sm:my-2 sm:px-4",children:[(0,l.jsx)(o.A,{onChange:e=>T(e.target.value),className:"h-10 flex-1 rounded-xl px-3 py-[10px] text-gray-6",prefix:(0,l.jsx)("i",{className:"onedx-search size-5 text-gray-6"}),placeholder:"T\xecm kiếm sản phẩm",allowClear:!0}),P?(0,l.jsx)("button",{type:"button",onClick:()=>A(!0),className:"flex cursor-pointer items-center justify-center rounded-xl border border-solid border-[#d9d9d9] bg-inherit p-[10px]",children:(0,l.jsx)("i",{className:"onedx-filter size-5 text-gray-6"})}):(0,l.jsx)(l.Fragment,{children:B.sort((e,i)=>e.index-i.index).map(e=>(0,l.jsx)(h.A,{field:e.value,placeholder:e.label,checkBoxOptions:e.options,filterParams:R,setFilterParams:z,isSingleSelect:"singleSelect"===e.type},e.value))})]}),D&&(null==q?void 0:q.length)&&(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)(C.A,{level:t,className:"text-title-24 font-semibold",children:"Sản phẩm b\xe1n chạy"}),(0,l.jsx)("div",{className:"mt-10 sm:mt-10",children:(0,l.jsx)(v.$z,{...j.N,className:"pb-10 pt-[42px] sm:pb-6",children:q.map(e=>(0,l.jsx)(p.qr,{children:(0,l.jsx)("div",{onClick:()=>b.push("".concat(V,"/service/").concat(e.id)),children:(null==e?void 0:e.productType)==="DEVICE"?(0,l.jsx)(y.ID,{typeCard:"device",specifications:e.specifications,headingLevel:N,...e},e.id):(0,l.jsx)(y.fV,{typeCard:"service",...e,headingLevel:N},e.id)})},e.id))})})]}),!(null==F?void 0:F.length)&&(0,l.jsxs)("div",{className:"mb-24 flex flex-col items-center justify-center p-10",children:[(0,l.jsx)("i",{className:"onedx-empty size-30"}),(null==k?void 0:k.length)>0?(0,l.jsx)("div",{className:"mt-1 whitespace-normal font-normal",children:"Kh\xf4ng c\xf3 kết quả với từ kho\xe1 “".concat(k,"”")}):(0,l.jsx)("div",{className:"mt-1 whitespace-normal font-normal",children:"Hiện tại chưa c\xf3 sản phẩm n\xe0o"})]}),(0,l.jsxs)("div",{className:"flex flex-col",children:[!!(null==F?void 0:F.length)&&F.slice(0,3).map(e=>{var i;return(0,l.jsx)(j.A,{name:e.name,filePath:e.filePath,sizeService:e.sizeService,listService:"PERSONAL"===r?null==(i=e.listService)?void 0:i.filter(e=>"DEVICE"!==e.productType):e.listService,categoryId:e.id,serviceProductType:s,headingLevelTitle:t},e.id)}),S&&(0,l.jsx)(x.A,{})]}),(0,l.jsx)("div",{className:"flex flex-col py-5",children:!!(null==F||null==(i=F.slice(3))?void 0:i.length)&&F.slice(3).map(e=>{var i;return(0,l.jsx)(j.A,{name:e.name,filePath:e.filePath,sizeService:e.sizeService,listService:"PERSONAL"===r?null==(i=e.listService)?void 0:i.filter(e=>"DEVICE"!==e.productType):e.listService,categoryId:e.id,serviceProductType:s,headingLevelTitle:t},e.id)})}),P&&(0,l.jsx)(u.A,{openFilter:E,setOpenFilter:A,filterList:B,filterParams:R,setFilterParams:z})]})},b=e=>{let{customerType:i}=e,s="PERSONAL"===i;return(0,l.jsx)("div",{className:"custom-tabs mt-5 w-full",children:(0,l.jsx)(N,{customerType:i,headingLevelTitle:s?2:3,headingLevel:s?3:void 0})})};var P=s(933434);let S=e=>{let{customerType:i,isCombo:s}=e,{isDesktop:a}=(0,c.Qs)();return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"container mx-auto",children:[a&&(0,l.jsx)(r.A,{children:"PERSONAL"===i?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{children:"Trọn bộ sản phẩm dịch vụ số"}),(0,l.jsx)("div",{children:"với oneSME"})]}):void 0}),s?(0,l.jsx)(P.A,{customerType:i}):(0,l.jsx)(b,{customerType:i})]}),a&&(0,l.jsx)("div",{className:"my-[42px]",children:(0,l.jsx)(t.A,{})})]})}},692524:(e,i,s)=>{s.d(i,{A:()=>o});var l=s(695155),c=s(135695),r=s(128939),t=s(972563),a=s(478563),n=s(225687);s(802252),s(756970);var d=s(484404);let o=e=>{let{serviceCardList:i,headingLevel:s}=e,o=(0,c.useRouter)(),p=(0,c.usePathname)(),h=d.A.getPortalTypeByPath(p).path,u=null==i?void 0:i.reduce((e,s,l)=>{if(l<4){let c=l+4,r=c<(null==i?void 0:i.length)?[s,i[c]]:[s];e.push(r)}return e},[]),v=e=>{switch(null==e?void 0:e.productType){case"DEVICE":return(0,l.jsx)("div",{onClick:()=>o.push("".concat(h,"/service/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(t.ID,{headingLevel:s,typeCard:"device",specifications:e.specifications,...e},e.id)});case"COMBO":return(0,l.jsx)("div",{onClick:()=>o.push("".concat(h,"/combo/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(t.yW,{headingLevel:s,typeCard:"combo",...e},e.id)});case"SERVICE_GROUP":return(0,l.jsx)("div",{onClick:()=>o.push("".concat(h,"/service-group/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(t.yW,{headingLevel:s,typeCard:"combo",...e},e.id)});default:return(0,l.jsx)("div",{onClick:()=>o.push("".concat(h,"/service/").concat(e.id)),className:"cursor-pointer",children:(0,l.jsx)(t.fV,{headingLevel:s,typeCard:"service",...e},e.id)})}};return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{className:"mb-7 mt-12",children:(0,l.jsx)(a.$z,{...n.N,className:"pb-10 pt-[42px] sm:pb-6",children:u.map((e,i)=>(0,l.jsx)(r.qr,{children:(0,l.jsx)("div",{className:"flex flex-col gap-12",children:e.map(e=>v(e))})},i))})})})}}}]);