1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1827],{81827:function(e,t,l){"use strict";l.r(t);var s=l(85893),r=l(67294),x=l(53195),a=l(35383),n=l(1485),o=l(66200),p=l(42356),i=l(75502),d=l(62283),c=l(49667),h=l(77029),m=l(60628),f=l(19120),_=l.n(f);let u=e=>{let{type:t,key:l,query:s,defaultValue:r=null}=e;if(l&&s&&s[l])switch(t){case"checkbox":return s[l].split(",");case"rangebar":{let e=s[l].split("-");return{min:e[0],max:e[1]}}default:return s[l]||r}return r};t.default=e=>{let{isOpen:t,filters:l,categoryName:f,subCategoryName:b,overflowClass:y,sortByList:w,selectedSort:F,activeFilters:v={},onApplySort:g,onApplyFilters:j,onResetFilters:k,onResetSort:N,onClose:T,flow:B}=e,[S,C]=(0,r.useState)({queryFilters:{}}),[D,E]=(0,r.useState)("");(0,r.useEffect)(()=>{t&&(C({...v,queryFilters:{}}),E(F))},[t,v,F]);let[Z,q]=(0,r.useState)("sort"),L=e=>{q(e)},A=(e,t)=>{C(l=>({...l,[e.key]:u({type:e.type,key:e.key,query:{[e.key]:t}}),queryFilters:{...l.queryFilters,[e.key]:t}}))};return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(x.u,{appear:!0,show:t,as:r.Fragment,children:(0,s.jsxs)(a.Vq,{as:"div",className:"relative z-10",onClose:T,children:[(0,s.jsx)(x.x,{as:r.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,s.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-25"})}),(0,s.jsx)("div",{className:"fixed inset-0 "+y,children:(0,s.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:(0,s.jsx)(x.x,{as:r.Fragment,enter:"transform transition ease-in-out duration-500",enterFrom:"translate-y-full",enterTo:"translate-y-0",leave:"transform transition ease-in-out duration-500",leaveFrom:"translate-y-0",leaveTo:"translate-y-full",children:(0,s.jsxs)(a.EM,{className:"w-full max-w-md transform overflow-hidden rounded-2xl bg-white text-left align-middle shadow-xl transition-all",children:[(0,s.jsxs)("div",{className:" text-center px-5 py-[30px] sm:p-[30px] pb-0",children:[(0,s.jsxs)("div",{className:"flex gap-4 items-center mb-[20px] pb-5 border-b border-secondary-silver",children:[(0,s.jsx)(n.ZP,{width:24,height:15,layout:"intrinsic",src:"/assets/images/shop-page/Sort-mob.svg"}),(0,s.jsx)("h2",{className:"text-title-s text-left font-Telkom123-Bold text-[#002E4D] ",children:"Sort & filter"})]}),(0,s.jsxs)("p",{className:"text-left text-body-s font-Telkom123-Regular text-[#7D8B94]",children:["Selected :"," ",(0,s.jsx)("span",{className:"font-Telkom123-Bold text-[#002E4D]",children:b})]}),(0,s.jsxs)("div",{className:"flex items-center justify-center gap-[15px] py-[20px] text-center",children:[(0,s.jsx)(o.default,{label:"",link:"",onClick:()=>L("sort"),className:"w-full py-[15px] rounded-[10px] text-body-s font-Telkom123-Bold ".concat("sort"===Z?" border-none text-white bg-[#0099FF] shadow-[-1px_-1px_3px_0px_#ffffff99_inset,_2px_2px_3px_0px_#0065a9b2_inset]":"border-[#0099FF] border-[1px] text-[#0099FF] bg-white hover:shadow-[4px_4px_4px_0px_#002E4D4D,2px_2px_0px_0px_#51647166] hover:bg-[#F3F4F5]"),children:"Sort"}),(0,s.jsx)(o.default,{label:"",link:"",onClick:()=>L("filter"),className:"w-full py-[15px] rounded-[10px] text-body-s font-Telkom123-Bold ".concat("filter"===Z?" border-none text-white bg-[#0099FF] shadow-[-1px_-1px_3px_0px_#ffffff99_inset,_2px_2px_3px_0px_#0065a9b2_inset]":"border-[#0099FF] border-[1px] text-[#0099FF] bg-white hover:shadow-[4px_4px_4px_0px_#002E4D4D,2px_2px_0px_0px_#51647166] hover:bg-[#F3F4F5]"),children:"Filter"})]}),(0,s.jsx)(d.Z,{href:"#",className:"absolute top-[22.2px] right-[22.2px]",onClick:T,children:(0,s.jsx)(n.ZP,{width:11.61,height:11.61,layout:"intrinsic",src:"/assets/images/shop-page/Close.svg"})})]}),"filter"===Z?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mt-2 px-5 sm:px-[30px]",children:[(0,s.jsx)("h3",{className:"border-b text-body-m text-left pb-4 font-Telkom123-Bold text-[#002E4D] ",children:"Filter"}),(null==l?void 0:l.length)>0&&l.map((e,t)=>{var l;return(0,s.jsx)(i.Z,{defaultShow:!0,groupClassName:"py-4 md:py-5 text-[#005288] text-bodyAlt-s font-Telkom123-Bold",onChangeFilter:(t,l)=>A(e,l),value:null!==(l=null==S?void 0:S[e.key])&&void 0!==l?l:null,...e},(0,p.f$)((0,p.f$)(f+b+e.label+t)))})]}),(0,s.jsxs)("div",{className:"flex px-5 sm:px-[30px] mt-2 items-center w-full justify-center gap-[15px] py-5 shadow-[0_-5px_10px_rgba(126,147,156,0.15)] text-center",children:[(0,s.jsx)(o.default,{label:"",link:"",onClick:()=>{k()},className:"md:min-w-[160px] w-full border-[#0099FF] border-[1px] text-[#0099FF] bg-white hover:text-[#005288] hover:border-[#005288] hover:shadow-[4px_4px_4px_0px_#002E4D4D,_2px_2px_0px_0px_#51647166] text-button-s font-Telkom123-Bold py-[14px] rounded-[10px]",children:"Reset"}),(0,s.jsx)(o.default,{label:"",link:"",onClick:()=>{Object.keys(S.queryFilters).length&&j(S.queryFilters),T()}
1,viewType:(0,h.j)(B),className:"md:min-w-[160px] w-full py-[15px] rounded-[10px] shadow-[2px_4px_16px_rgba(8,45,108,0.2)] text-button-s font-Telkom123-Bold",children:"Apply"})]})]}):(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(m.Z,{defaultShow:!0,header:(0,s.jsxs)("div",{className:"flex justify-between items-center pb-2 px-5 sm:px-[30px]",children:[(0,s.jsx)("h3",{className:"text-body-m text-left pb-2 font-Telkom123-Bold text-[#002E4D] ",children:"Sort by"}),(0,s.jsx)("svg",{className:"ml-auto ".concat(_()["collapse-details-indicator"]),width:"14",height:"9",viewBox:"0 0 14 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.00006 5.9394L12.4698 0.469727L13.5304 1.53039L7.00006 8.0607L0.469727 1.53039L1.53039 0.469727L7.00006 5.9394Z",fill:"#005288"})})]}),children:(0,s.jsx)(c.Z,{flow:B,sortedItem:D,sortByList:w,handleApplySorting:()=>{g(D),T()},handelSortedItem:e=>E(e),handelReset:()=>{N()}})})})]})})})})]})})})}},49667:function(e,t,l){"use strict";var s=l(85893),r=l(66200),x=l(67294),a=l(77029),n=l(42356);t.Z=(0,x.memo)(e=>{let{sortByList:t,handelSortedItem:l,sortedItem:x,handelReset:o,flow:p,handleApplySorting:i}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"mt-[10px] text-center px-5 sm:px-[30px] md:px-[40px]",children:(0,s.jsx)("ul",{children:null==t?void 0:t.map(e=>(0,s.jsx)("li",{className:"border ".concat(x===e?" border-none text-white bg-[#0099FF] hover:bg-[#005288] shadow-[-1px_-1px_3px_0px_#ffffff99_inset,_2px_2px_3px_0px_#0065a9b2_inset]":"border-[#0099FF] text-[#0099FF] bg-white hover:shadow-[4px_4px_4px_0px_#002e4d4d]"," rounded-[10px] px-[7.5px] py-2 text-body-xs mb-3 cursor-pointer "),onClick:()=>l(e),children:e},"SortByListItem_"+(0,n.f$)(e)))})}),(0,s.jsx)("div",{className:"pt-4 ",children:(0,s.jsxs)("div",{className:"flex px-5 sm:px-[30px] md:px-[40px] items-center w-full justify-center gap-[15px] py-5 shadow-[0_-5px_10px_rgba(126,147,156,0.15)] text-center",children:[(0,s.jsx)(r.default,{label:"",link:"",onClick:o,className:"md:min-w-[160px] w-full border-[#0099FF] border-[1px] text-[#0099FF] bg-white hover:text-[#005288] hover:border-[#005288] hover:shadow-[4px_4px_4px_0px_#002E4D4D,_2px_2px_0px_0px_#51647166] text-button-s font-Telkom123-Bold py-[14px] rounded-[10px]",children:"Reset"}),(0,s.jsx)(r.default,{label:"",link:"",viewType:(0,a.j)(p),className:"md:min-w-[160px] w-full py-[15px] rounded-[10px] shadow-[2px_4px_16px_rgba(8,45,108,0.2)] text-button-s font-Telkom123-Bold",onClick:i,children:"Apply"})]})})]})})},19120:function(e){e.exports={"collapse-plan-details":"SortAndFilterGroup_collapse-plan-details__O79mI","collapse-details-indicator":"SortAndFilterGroup_collapse-details-indicator__F91ZR"}}}]);
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.