6 lines
23 KiB
Plaintext
6 lines
23 KiB
Plaintext
"use strict";
|
|
!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e55f2c15-7041-5e1d-bfd0-298fb66d5bc3")}catch(e){}}();
|
|
(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[631],{1112:(e,s,i)=>{i.d(s,{Z:()=>x});var l=i(9),n=i.n(l),t=i(0),r=i(399),a=i(72),c=i(403),o=i(404),d=i(802),u=i(959),m=i(1927),h=i(769),p=i(743),f=i(34),_=i(1);const x=(0,h.p)((function(e){const{meta:{field_name:s},id:i,ui_rules:{icon_path:{web:l}={},label:h,action:x,description:j,readonly:g,cds_text_style:v}}=e.field,b=e=>"condition_tutorial"===e?.type||"tutorial"===e?.type||"tooltip"===e?.type||"deep_link"===e?.type,y=(0,m.j)(),Z=(0,t.useMemo)((()=>"string"==typeof e.value?"true"===e.value:!!e.value),[e.value]),k=n()("D_Oa",e.className),C=(()=>{if(b(x))return"edit_disabled"===x?.trigger})(),N=v?(0,p.Ws)(v):void 0,D=(0,_.jsx)(a.Z,{size:N?.textSize??"l",weight:N?.textWeight??"semibold",children:h}),w=C?(0,_.jsxs)("div",{className:"D_Of",children:[(0,_.jsx)(c.Z,{name:o.T.lock,size:18}),D]}):(0,_.jsx)(d.Z,{className:k,disabled:g,onChange:()=>{e.onChange(!Z),x&&!b(x)&&e.onAction?.(x,{[s]:(!Z).toString()}),y({fieldId:i,fieldName:s,value:!Z})},position:"right",selected:Z,variant:"switch",children:(0,_.jsxs)("div",{className:"D_Oc",children:[l?(0,_.jsx)(r.Z,{className:"D_Ob",src:`${f.$.assetsSmartListingsUrl}/components/${l}`}):null,D]})}),S=j?(0,_.jsxs)("div",{children:[w,(0,_.jsx)(a.Z,{className:"D_Oe",size:"xs",children:j})]}):w;return b(x)?(0,_.jsx)(u.Z,{action:x,children:S}):S}))},2218:(e,s,i)=>{i.d(s,{Z:()=>t});var l=i(2),n=(i(0),i(1));const t=(0,l.ZP)({resolved:{},chunkName:()=>"search-filters-chip-picker-desktop",isReady(e){const s=this.resolve(e);return!0===this.resolved[s]&&!!i.m[s]},importAsync:()=>Promise.all([i.e(978),i.e(632)]).then(i.bind(i,1823)),requireAsync(e){const s=this.resolve(e);return this.resolved[s]=!1,this.importAsync(e).then((e=>(this.resolved[s]=!0,e)))},requireSync(e){const s=this.resolve(e);return i(s)},resolve:()=>1823},{fallback:(0,n.jsx)("div",{})})},1630:(e,s,i)=>{i.r(s),i.d(s,{default:()=>Re});var l=i(9),n=i.n(l),t=i(0),r=i(10),a=i(68),c=i(398),o=i(40),d=i(399),u=i(730),m=i(72),h=i(172),p=i(798),f=i(397),_=i(403),x=i(404),j=i(104),g=i(18),v=i(1054),b=i(930),y=i(1);const Z=(e,s)=>{const{trackClickChip:i}=(0,b.Z)(),{setField:l,values:r}=(0,t.useContext)(j.P_),{id:a="",ui_rules:c,meta:{field_name:o}}=e.field??{},{label:d,visible:u}=c??{},m="string"==typeof r[a]?"true"===r[a]:!!r[a];return u&&d?(0,y.jsx)(p.Z,{content:(0,y.jsx)(f.Z,{id:(0,g.ZP)("All deliveries are now covered by Buyer Protection")}),direction:"bottomCenter",tooltipClassName:"D_bpS",children:(0,y.jsx)(v.Z,{className:e.className,design:"chip",icon:(0,y.jsx)(_.Z,{ariaLabel:d,className:n()("D_bpR",{D_bpT:m,D_bpU:!m}),name:x.T.buyer_protection,size:20}),iconPosition:"left",onClick:()=>{l(a,!m),i({filterName:o,toggled:!m})},selected:m,type:"containedTeal",children:d})}):null},k=t.forwardRef(Z);var C=i(21),N=i(15),D=i(1111),w=i(979),S=i(1201),F=i(439),I=i(723),A=i(51),P=i(1053),R=i(848),O=i(1631),q=i(1597),z=i(1598),T=i(2218),E=i(1599),M=i(99),L=i(729),B=i(1042),H=i(753),G="D_bq_";const $=function(e){const{design:s}=e,i=(0,M._x)(),{trackApplyFilters:l,trackClickChip:n}=(0,b.Z)(),{setField:r,values:a}=(0,t.useContext)(j.P_),{id:c="",ui_rules:o}=e.field,d=a[c]??"",{label:u,true_label:h,false_label:p}=o,[f,_]=(0,t.useState)(!1),x=s=>{const i=s.currentTarget.value;let n;n="all"===d?"true"===i?"false":"true":""===d?i:i===d?"":"all",r(c,n),l([{filter_name:e.field.meta.field_name,filter_value:n}])};return(0,y.jsxs)(B.Z,{className:e.className,chipIcon:(0,y.jsx)(L.Z,{direction:f?"up":"down",size:16,useTransition:!0}),chipIconSecondary:"all"===d?(0,y.jsx)("div",{className:"D_bqz",children:(0,y.jsx)(m.Z,{color:i.white,size:"xxs",children:2})},"count"):null,chipSelected:""!==d,chipContent:"true"===d?h:"false"===d?p:u,design:s,onClickChip:()=>{_(!0),n()},onHidePopover:()=>_(!1),showPopover:f,children:[(0,y.jsx)(H.Z,{checked:"all"===d||"true"===d,className:G,label:h,name:c,onChange:x,singleline:!0,value:"true"}),(0,y.jsx)(H.Z,{checked:"all"===d||"false"===d,className:G,label:p,name:c,onChange:x,singleline:!0,value:"false"})]})},U=function(e){const{design:s}=e,i=(0,M._x)(),{trackApplyFilters:l,trackClickChip:n}=(0,b.Z)(),{setField:r,values:a}=(0,t.useContext)(j.P_),{id:c="",ui_rules:o}=e.field,{is_multi_select:d,label:u,options:h}=o,p=new Map;h.length&&h.forEach((e=>{p.set(e.value,e.display_name)}));const f=a[c],_="string"==typeof f?f.split(","):[],[x,g]=(0,t.useState)(!1),v=s=>i=>{const{currentTarget:{checked:n}}=i;let t;t=d?n?[..._,s.value].join(","):_.filter((e=>e!==s.value)).join(","):s.value,r(c,t),l([{filter_name:e.field.meta.field_name,filter_value:t}])};return(0,y.jsx)(B.Z,{className:e.className,chipIcon:(0,y.jsx)(L.Z,{direction:x?"up":"down",size:16,useTransition:!0}),chipIconSecondary:_.length>1?(0,y.jsx)("div",{className:"D_bqA",children:(0,y.jsx)(m.Z,{color:i.white,size:"xxs",children:_.length})},"count"):null,chipSelected:_.length>0,chipContent:1===_.length&&p.get(_[0])||u,design:s,onClickChip:()=>{g(!0),n()},onHidePopover:()=>g(!1),showPopover:x,children:h.map(((e,s)=>(0,y.jsx)(H.Z,{checked:_.includes(e.value),className:"D_bqB",label:e.display_name,name:c,onChange:v(e),singleline:!0,value:e.value},s)))})};var V=i(778);const Y=function(e){const{design:s}=e,i=(0,M._x)(),{trackApplyFilters:l,trackClickChip:a}=(0,b.Z)(),{id:c,meta:o,ui_rules:u}=e.field,{dependencyData:{[c]:h}={},setField:p,values:{[c]:f}={}}=(0,t.useContext)(j.P_),_=(0,t.useMemo)((()=>Array.isArray(f)?f:[]),[f]),x=(0,t.useMemo)((()=>_.reduce(((e,s)=>(e[s]=!0,e)),{})),[_]),g=(0,r.v9)((s=>{if(h){const e=(0,A.us)(s,{fieldId:h.meta.parent,journey:"search"});if(!e||!Array.isArray(h.data))return[];const i=h.data.reduce(((e,s)=>(e[s]=!0,e)),{}),l=(0,A.D7)(s,{field:e,journey:"search"});return l?l.reduce(((e,s)=>i[s.value]?[...e,...s.children||[]]:e),[]):[]}return(0,A.D7)(s,{field:e.field,journey:"search"})??[]})),[v,Z]=(0,t.useState)(!1);if(!g.length)return null;const k=e=>()=>{const s=x[e.value]?_.filter((s=>s!==e.value)):[..._,e.value];p(c,s),l([{filter_name:o.field_name,filter_value:s.join(",")}])};let C=u.label,N=null,D=!1;return Array.isArray(_)&&_.length>0&&(C=1===_.length?_[0]:u.label,N=_.length>1?(0,y.jsx)("div",{className:"D_bqC",children:(0,y.jsx)(m.Z,{color:i.white,size:"xxs",children:_.length})},"count"):null,D=!0),(0,y.jsx)(B.Z,{className:e.className,chipContent:C,chipIcon:(0,y.jsx)(L.Z,{direction:v?"up":"down",size:16,useTransition:!0}),chipIconSecondary:N,chipSelected:D,design:s,onClickChip:()=>{Z(!0),a()},onHidePopover:()=>Z(!1),showPopover:v,children:(0,y.jsx)("div",{className:"D_bqE",children:g.map(((e,s)=>(0,y.jsxs)("div",{className:n()("D_bqF",{D_bqH:x[e.value]}),onClick:k(e),children:[(0,y.jsx)(m.Z,{className:"D_bqI",singleline:!0,children:e.display_name}),x[e.value]&&(0,y.jsx)(d.Z,{className:"D_bqJ",crossOrigin:!0,src:V})]},s)))})})};var W=i(1600),K=i(1431);const J=(e,s)=>{const{trackApplyFilters:i,trackClickChip:l,trackViewButton:n}=(0,b.Z)(),{setField:r,values:a}=(0,t.useContext)(j.P_),{id:c="",ui_rules:o}=e.field??{},{label:u,visible:m}=o??{},h="string"==typeof a[c]?"true"===a[c]:!!a[c];return(0,t.useEffect)((()=>{"is_mall"===e.field.meta.field_name&&n({filterName:"is_mall"})}),[e.field.meta.field_name,n]),m&&u?(0,y.jsx)(v.Z,{className:e.className,design:"chip",icon:(0,y.jsx)(d.Z,{className:"D_bqK",loadingStyles:{display:"none"},src:h?"https://mweb-cdn.karousell.com/build/mall-listing-reverse-1244b1228e.svg":K}),iconPosition:"left",onClick:()=>{r(c,!h),l({filterName:"is_mall",toggled:!h}),i([{filter_name:e.field.meta.field_name,filter_value:!h}])},selected:h,type:"containedRed",children:u}):null},Q=t.forwardRef(J);var X=i(74),ee=i(2421),se=i(412),ie=i(107),le=i(939),ne=i(962),te=i(940),re=i(1060),ae=i(963),ce=i(889),oe=i(1061),de=i(880),ue=i(747),me=i(769),he=i(173),pe="D_bGC",fe="D_bGE";const _e=({optionGroup:e,field:s,journey:i,onChange:l,value:n})=>{const t=(0,he.Z)(),r=(0,I.c)("bx-6710-new-filter-web"),a=t&&"search"===i&&r,c=a?"l":"s",o=e.options.map(j.D2).map((e=>{const i={field:s,key:e.value,onChange:l,option:e,value:n};return s.ui_rules.is_multi_select?(0,y.jsx)(xe,{...i}):(0,y.jsx)(je,{...i})}));return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(m.Z,{className:pe,size:c,weight:"semibold",children:e.option_group_header}),a?(0,y.jsx)("div",{className:"D_bGF",children:o}):o]})},xe=({field:e,option:s,value:i,onChange:l})=>{let n=[];return Array.isArray(i)?n=i:"string"==typeof i&&(n=i.split(",")),(0,y.jsx)(H.Z,{checked:n.includes(s.value),className:fe,label:s.text,name:e.id,onChange:e=>{const s=e.currentTarget.value;let i;i=n.includes(s)?n.filter((e=>e!==s)):[...n,s],l(i)},singleline:!0,value:s.value})},je=({option:e,value:s,onChange:i})=>(0,y.jsx)(ue.Z,{checked:s===e.value,className:fe,label:e.text,onChange:e=>{const s=e.currentTarget.value;i(s)},value:e.value}),ge=(0,me.p)((({field:e,journey:s,onChange:i,value:l=[]})=>{const n=(0,he.Z)(),t=(0,I.c)("bx-6710-new-filter-web"),{option_groups:r,label:a}=e.ui_rules,c=!(n&&"search"===s&&t);return(0,y.jsxs)(y.Fragment,{children:[c&&(0,y.jsx)(m.Z,{className:pe,children:a}),r.map((n=>(0,y.jsx)(_e,{field:e,journey:s,onChange:i,optionGroup:n,value:l},n.option_group_id)))]})}));var ve=i(1202),be=i(1112),ye=i(720),Ze="D_bqV",ke="D_bqW",Ce="D_bqT";const Ne=function(e){const{journey:s}=e,{trackApplyFilters:i,trackClickChip:l,trackCloseFilters:n}=(0,b.Z)(),a=(0,t.useRef)(null),o=(0,t.useRef)(null),[d,u]=(0,t.useState)(!1);(0,t.useEffect)((()=>{if(u(!0),!e.show){const e=setTimeout((()=>{u(!1)}),200);return()=>{clearTimeout(e)}}}),[e.show]);const h=(0,ie.c0)(e.show||d,"SearchFiltersBarMoreRightPanelDesktop",ie.Fx.Sidebar);(0,se.Z)(e.show,void 0,ie.Fx.Sidebar);const p=(0,r.v9)((e=>(0,A.Y2)(e,{journey:s}))),_=(0,I.c)("bf-10304-buyer-protection-m2");return(0,t.useEffect)((()=>{e.show&&l()}),[e.show,l]),h?(0,X.createPortal)((0,y.jsx)(ee.Z,{classNames:{enter:"D_bqN",enterActive:"D_bqO",exitActive:"D_bqP"},in:e.show,mountOnEnter:!0,timeout:200,unmountOnExit:!0,children:(0,y.jsx)("div",{className:"D_bqL",onClick:s=>{!a.current?.contains(s.target)&&(e.onHide?.(),n())},children:(0,y.jsxs)("div",{className:"D_bqM",ref:a,children:[(0,y.jsxs)("div",{className:"D_bqQ",children:[(0,y.jsx)(m.Z,{size:"l",weight:"semibold",children:(0,y.jsx)(f.Z,{id:(0,g.ZP)("Filters and Sort")})}),(0,y.jsx)(c.Z,{onClick:()=>{e.onHide?.(),n()},type:"icon",children:(0,y.jsx)(ye.Z,{})})]}),(0,y.jsx)("div",{className:"D_bqR",children:(0,y.jsx)(S.Z,{journey:s,onSubmit:s=>{if(_&&delete s.field__delivery,e.onSubmit(s),e.onHide?.(),p){const e=p.fieldIds.reduce(((e,s)=>(e[s]=p.fieldsMap[s].meta.field_name,e)),{}),l=Object.entries(s).filter((([s])=>!!e[s])).map((([s,i])=>Array.isArray(i)&&i.every((e=>"string"==typeof e))?{filter_name:e[s],filter_value:i.join(",")}:{filter_name:e[s],filter_value:i}));i(l)}},renderActions:e=>(0,y.jsxs)("div",{className:"D_bqS",ref:o,children:[(0,y.jsx)(c.Z,{buttonType:"submit",children:(0,y.jsx)(f.Z,{id:(0,g.ZP)("Apply")})}),(0,y.jsx)(c.Z,{onClick:e,type:"outline",children:(0,y.jsx)(f.Z,{id:(0,g.ZP)("Clear")})})]}),renderField:e=>{switch(e.component){case"checkbox":return(0,y.jsx)(le.Z,{field:e});case"switch":return(0,y.jsx)(be.Z,{field:e});case"horizontal_picker":case"selector":return(0,y.jsx)(ae.Z,{field:e,journey:s});case"multi_picker":return(0,y.jsx)(te.Z,{field:e,journey:s});case"picker":return(0,y.jsx)(ge,{field:e,journey:s});case"radio":return(0,y.jsxs)(y.Fragment,{children:["sort_by"===e.meta.field_name&&(0,y.jsx)(m.Z,{className:Ce,size:"l",weight:"semibold",children:(0,y.jsx)(f.Z,{id:(0,g.ZP)("Sort")})}),(0,y.jsx)(re.Z,{field:e,journey:s})]});case"selector_bool":return(0,y.jsx)(ve.Z,{field:e,journey:s});case"single_picker":return(0,y.jsx)(ce.Z,{field:e,journey:s});case"sku_multi_picker":return(0,y.jsx)(oe.Z,{field:e,journey:s});case"date_picker":case"text":case"short_text":{if(!p)return null;const i=p.fieldIds.findIndex((s=>s===e.id))+1;if(i<=0)return null;const l=p.fieldsMap[p.fieldIds[i]];if(!l)return null;const n=e.meta.field_name.split("_").pop(),t=l.meta.field_name.split("_").pop();if("min"===n&&"max"===t||"start"===n&&"end"===t){const i=p.groupsMap[e.parentId];return i.meta.header?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(m.Z,{className:Ce,size:"l",weight:"semibold",children:i.meta.header}),(0,y.jsxs)("div",{className:"D_bqU",children:["date_picker"===e.component?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(ne.Z,{className:ke,field:e}),(0,y.jsx)(m.Z,{className:Ze,children:"-"}),(0,y.jsx)(ne.Z,{className:ke,field:l})]}):null,"text"===e.component||"short_text"===e.component?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(de.Z,{field:e,journey:s}),(0,y.jsx)(m.Z,{className:Ze,children:"-"}),(0,y.jsx)(de.Z,{field:l,journey:s})]}):null]})]}):null}return null}default:return null}},renderGroup:e=>{if(!e?.fieldIds?.length)return null;const i=e.meta.header,l=e.meta.group_name;return(0,y.jsxs)(y.Fragment,{children:["services_group"===l?(0,y.jsx)(m.Z,{className:Ce,size:"l",weight:"semibold",children:i}):null,e.fieldIds.map(((e,i)=>(0,y.jsx)(D.Z,{fieldId:e,journey:s},i)))]})}})})]})})}),h):null};var De=i(797),we=i(981);var Se=i(2424),Fe=i(2155),Ie="D_aRN",Ae="D_aRX",Pe="D_aRO";const Re=function(e){const{firstChipClassName:s,maxChips:i,stickyTopPos:l}=e,p=(0,h.Z)(),_=l||parseInt(o.combinedHeaderDesktopHeight,10),x=function(){const e=(0,r.v9)((e=>(0,A.Y2)(e,{journey:"search"}))),s=(0,r.v9)((e=>(0,A.$z)(e,{journey:"search"})));return e?Object.entries(s).filter((([i,l],n)=>{const t=e.fieldsMap[i];if("sort_by"===t.meta.field_name)return!1;if("_delivery"===t.meta.field_name)return!1;if(!1===l)return!1;const r=i.match(/_[^_]+$/)?.[0];if("_min"===r){const e=i.split(r)[0];return void 0===s[`${e}_max`]}if("_start"===r){const e=i.split(r)[0];return void 0===s[`${e}_end`]}return!0})).length:0}(),b=(0,a.UO)(),{journey:Z="search",onSelectCollection:M,selectedCollection:L,enableTruncateChips:B,desiredLayout:H,chipClassName:G,deriveSearchPath:V}=e,K=(0,r.v9)(C.l$),J=(0,t.useRef)(null),X=(0,t.useRef)(null),ee=(0,t.useRef)(null),se=(0,t.useRef)({}),ie=(0,t.useRef)(),le=(0,t.useRef)(null),ne=(0,I.c)("bx-7675-remall-web-serp"),te=(0,I.c)("bf-10304-buyer-protection-m2"),re=(0,r.v9)((e=>{const s=(0,N.o2)(e);return b?.query||s?.search?(0,we.yx)(e):null}))||[],ae=(0,r.v9)((e=>(0,A.Y2)(e,{journey:Z}))),ce=(0,r.v9)((e=>(0,A.$z)(e,{journey:Z}))),[oe,de]=(0,t.useState)({}),[ue,me]=(0,t.useState)(!1),[he,pe]=(0,t.useState)(!0),fe=(0,r.v9)(De.D7),_e=(0,t.useCallback)((()=>{if(!B)return void pe(!1);const e=J.current?.getBoundingClientRect().width??0,s=X.current?.getBoundingClientRect().width??0,i=ee.current?.getBoundingClientRect().width??0;if(e>0){const l=e-s-i-40;let n=0;if(ae?.fieldIds?.length){const e={};ae.fieldIds.forEach((s=>{n+=se.current[s]||0,e[s]=n>=l})),de(e),pe(!1)}}}),[ae,B]);if(ae&&void 0!==i){let e=!1;const s={};for(let l=0;l<ae.fieldIds.length;l++){const n=ae.fieldIds[l];s[n]=l>=i,!!oe[n]!==s[n]&&(e=!0)}e&&de(s)}(0,t.useEffect)((()=>(ie.current?.disconnect(),ie.current=window.ResizeObserver&&new ResizeObserver(_e),J.current&&ie.current?.observe(J.current),()=>{ie.current?.disconnect()})),[_e]),(0,t.useEffect)((()=>{se.current={},de({}),pe(!0)}),[ae]);const xe=s=>{if(se.current={},de({}),pe(!0),ae){const i={...fe?(0,Se.By)(fe):null,fieldsetParam:(0,j.YP)(ae,s,{keepEmptyStrings:!0,removeFalsy:!0}),filters:(0,F.ge)(ae,s),sort:(0,F.JG)(ae,s)};e.onSubmit(i),le.current&&le.current.getBoundingClientRect().y<_&&window.scrollTo(0,le.current.offsetTop-_)}},je=e=>(0,y.jsx)(y.Fragment,{children:e.groupIds?.map(((e,s)=>(0,y.jsx)(w.Z,{groupId:e,journey:Z},s)))}),ge=e=>e?.fieldIds?.length?(0,y.jsx)(y.Fragment,{children:e.fieldIds.map(((e,s)=>(0,y.jsx)(D.Z,{fieldId:e,journey:Z},s)))}):null,ve="chips"===H?"chip":"input",be={chips:"D_aRR",input:"D_aRS","input-grey":"D_aRT"}[H],ye=e=>{if(!ae)return null;let i;const l=ae.fieldIds[0]===e.id,t=ae.fieldIds.length,r=n()(be,G,l&&s);switch(e.component){case"radio":case"single_picker":i=(0,y.jsxs)("div",{className:"D_aSa",children:[(0,y.jsx)(E.Z,{className:r,design:ve,field:e}),"chip"===ve&&"sort_by"===e.meta.field_name&&t>1&&(0,y.jsx)("div",{className:Ae})]});break;case"multi_picker":case"horizontal_picker":if(te&&"multi_picker"===e.component&&"_deal_method"===e.meta.field_name)return null;i=(0,y.jsx)(z.Z,{className:r,design:ve,field:e});break;case"switch":case"checkbox":i=(0,y.jsx)(W.Z,{className:r,design:ve,field:e});break;case"text":case"short_text":case"date_picker":{const s=ae.fieldIds.findIndex((s=>s===e.id))+1;if(s<=0)break;const l=ae.fieldsMap[ae.fieldIds[s]];if(!l)break;const n=e.meta.field_name.split("_").pop(),t=l.meta.field_name.split("_").pop();if("min"===n&&"max"===t||"start"===n&&"end"===t){const s=ae.groupsMap[e.parentId].meta.header||K((0,g.ZP)("Unnamed Filter"));i=(0,y.jsx)(q.Z,{className:r,design:ve,fieldFirst:e,fieldSecond:l,header:s,journey:Z,onSubmit:xe})}break}case"selector":i=(0,y.jsx)(U,{className:r,design:ve,field:e});break;case"selector_bool":i=(0,y.jsx)($,{className:r,design:ve,field:e});break;case"picker":i=(0,y.jsx)(T.Z,{className:r,design:ve,field:e});break;case"search_adm_location_picker":return(0,y.jsx)(O.Z,{className:r,deriveSearchPath:V,field:e,isInFilterBar:!0});case"sku_multi_picker":i=(0,y.jsx)(Y,{className:r,design:ve,field:e});break;case"is_mall":ne&&(i=(0,y.jsx)(Q,{className:r,field:e}));break;case"_delivery":te&&(i=(0,y.jsx)(k,{className:r,field:e}))}return i?(0,y.jsx)("div",{className:"D_aRQ",ref:s=>{se.current[e.id]||(se.current[e.id]=s?.getBoundingClientRect().width||0)},style:{display:oe[e.id]?"none":"block"},children:i}):null},Ze=()=>(0,y.jsx)(v.Z,{className:n()(be,G),design:ve,icon:x>0?(0,y.jsx)("div",{className:"D_aRW",children:(0,y.jsx)(m.Z,{color:p.white,size:"xxs",children:x})}):(0,y.jsx)(d.Z,{className:"D_aRV",src:Fe}),onClick:()=>me(!0),children:(0,y.jsx)(f.Z,{id:(0,g.ZP)("More filters")})}),ke=()=>(0,y.jsx)(S.Z,{disableDefaultFieldClass:!0,disableFieldWrapperDiv:!0,journey:Z,onSubmit:xe,renderField:ye,renderGroup:ge,renderScreen:je,children:(0,y.jsx)(R.Z,{journey:Z})});return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{ref:le}),"chips"===H?(0,y.jsxs)(y.Fragment,{children:[he&&(0,y.jsx)("section",{className:n()(Ie,{[Pe]:!!e.sticky}),style:{top:_},children:Array.from({length:8}).map(((e,s)=>(0,y.jsx)(u.Z,{className:"D_aRU"},s)))}),(0,y.jsxs)("section",{className:n()(Ie,{D_aRP:he,[Pe]:!!e.sticky,D_aRZ:e.showSeparator}),ref:J,style:{top:_},children:["function"==typeof M?(0,y.jsx)("div",{ref:X,children:(0,y.jsx)(P.ZP,{className:be,matchParams:b,onSelectCollection:M,selectedCollection:L,showAllCategoriesOption:!0,showAllSubcategoriesOption:!0,suggestedCollectionIDs:re,useChip:!0})}):null,(0,y.jsx)("div",{style:{display:"flex"},children:ke()}),B&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:Ae}),(0,y.jsxs)("div",{ref:ee,style:{display:"flex"},children:[Ze(),x>0?(0,y.jsx)(c.Z,{className:"D_aRY",onClick:()=>{const e=Object.values(ae?.fieldsMap??{}).find((e=>"sort_by"===e.meta.field_name));e&&xe({[e.id]:ce[e.id]})},size:"s",type:"linkTeal",children:(0,y.jsx)(f.Z,{id:(0,g.ZP)("Clear all")})}):null]})]})]})]}):(0,y.jsxs)(y.Fragment,{children:[ke(),ae&&B&&(0,y.jsx)("div",{ref:ee,style:{display:"flex"},children:Ze()})]}),(0,y.jsx)(Ne,{journey:Z,onHide:()=>me(!1),onSubmit:xe,show:ue})]})}},1327:(e,s,i)=>{i.d(s,{Z:()=>a});var l=i(2),n=(i(0),i(402)),t=i(1);const r=(0,l.ZP)({resolved:{},chunkName:()=>"search-location-picker-modal-mobile",isReady(e){const s=this.resolve(e);return!0===this.resolved[s]&&!!i.m[s]},importAsync:()=>Promise.all([i.e(29),i.e(64),i.e(136),i.e(127),i.e(980),i.e(150),i.e(634)]).then(i.bind(i,1265)),requireAsync(e){const s=this.resolve(e);return this.resolved[s]=!1,this.importAsync(e).then((e=>(this.resolved[s]=!0,e)))},requireSync(e){const s=this.resolve(e);return i(s)},resolve:()=>1265},{fallback:(0,t.jsx)("div",{})}),a=(0,n.TE)("SEARCH_LOCATION_PICKER_MODAL_MOBILE",r)},1201:(e,s,i)=>{i.d(s,{Z:()=>k});var l=i(0),n=i(10),t=i(848),r=i(1202),a=i(12),c=i(15),o=i(33),d=i(939),u=i(962),m=i(940),h=i(1059),p=i(1060),f=i(963),_=i(889),x=i(104),j=i(17),g=i(1061),v=i(880),b=i(51),y=i(1);function Z(e,s){switch(e.component){case"checkbox":case"switch":return(0,y.jsx)(d.Z,{field:e});case"date_picker":return(0,y.jsx)(u.Z,{field:e});case"horizontal_picker":case"selector":return(0,y.jsx)(f.Z,{field:e,journey:s});case"multi_picker":return(0,y.jsx)(m.Z,{field:e,journey:s});case"picker":return(0,y.jsx)(h.Z,{field:e,journey:s});case"radio":return(0,y.jsx)(p.Z,{field:e,journey:s});case"selector_bool":return(0,y.jsx)(r.Z,{field:e,journey:s});case"single_picker":return(0,y.jsx)(_.Z,{field:e,journey:s});case"sku_multi_picker":return(0,y.jsx)(g.Z,{field:e,journey:s});case"text":case"short_text":return(0,y.jsx)(v.Z,{field:e,journey:s});default:return null}}const k=({children:e,disableDefaultFieldClass:s,onSubmit:i,renderField:r=Z,renderGroup:d,renderScreen:u,renderActions:m,journey:h="search",disableFieldWrapperDiv:p})=>{const f=(0,n.I0)(),_=(0,n.v9)((e=>(0,b.Y2)(e,{journey:h}))),g=(0,n.v9)((e=>(0,b.yZ)(e,{journey:h}))),v=(0,n.v9)((e=>(0,b.$z)(e,{journey:h}))),k=(0,n.v9)((e=>(0,b.Jn)(e,{journey:h}))),C=(0,n.v9)((e=>(0,b.Fw)(e,{journey:h}))),N=(0,n.v9)((e=>"treatment"===(0,a.Oe)(e,{experimentId:"bx-3616-best-match-new-search-sort"}))),D=(0,n.v9)(c.Xt),[w,S]=(0,l.useState)((0,x.mH)(v,g)),{aggregatedVisibleFieldIdsChangelog:F,aggregatedVisibleGroupIdsChangelog:I}=(0,x.Yk)(v,g),[A,P]=(0,l.useState)(v),[R,O]=(0,l.useState)({...k,...F}),[q,z]=(0,l.useState)({...C,...I});(0,l.useEffect)((()=>{const{aggregatedVisibleFieldIdsChangelog:e,aggregatedVisibleGroupIdsChangelog:s}=(0,x.Yk)(v,g);S((0,x.mH)(v,g)),P(v),O({...k,...e}),z({...C,...s})}),[g,v,k,C]),(0,l.useEffect)((()=>{f((0,a.pu)({experimentIds:["bx-3616-best-match-new-search-sort"]}))}),[f]);const T=e=>{switch(e){case"":return N?"best_match":"popular";case"time_created,descending":return"recent";case"price,descending":return"highest_price";case"price,ascending":return"lowest_price";default:return null}};return(0,y.jsx)(x.P_.Provider,{value:{administrativeLocations:{},dependencyData:w,disableDefaultFieldClass:s,disableFieldWrapperDiv:p,errorMessages:{},meetupLocations:{},renderField:r,renderGroup:d,renderScreen:u,setAdministrativeLocations:()=>{},setField:(e,s)=>{const l=(0,x.CP)(e,s,g),{visibleFieldIdsChangelog:n,visibleGroupIdsChangelog:t}=(0,x.oB)(e,s,g);if(S({...w,...l}),O({...R,...n}),z({...q,...t}),P({...A,[e]:s}),!m&&_){const l=_.fieldsMap[e];if(l&&"short_text"!==l.meta.component&&"date_picker"!==l.meta.component){const l=(0,x.pj)(_,{...q,...t},{...R,...n},{...A,[e]:s});i(l)}}if(_?.fieldsMap[e]){const{field_name:i}=_.fieldsMap[e].meta;if("sort_by"===i){const i=T(A[e]),l=T(s),n=D?.pathname||"",t=(0,j.Cw)(n)?"categories":(0,j.Uv)(n)?"search_results":null;t&&l&&i&&f((0,o.Vh)({name:"sorting_change_success",properties:{browse_type:t,changed_sort:l,initial_sort:i},type:"action"}))}}},setMeetupLocations:()=>{},shouldTriggerTrackingOnlyOnce:()=>!1,trackRowVisible:()=>()=>{},values:A,visibleFieldIds:R,visibleGroupIds:q},children:e||(0,y.jsxs)("form",{onSubmit:e=>{if(e.preventDefault(),null==_)return;const s=(0,x.pj)(_,q,R,A);i(s)},children:[(0,y.jsx)(t.Z,{journey:h}),m?.((()=>{if(!_)return;const{fieldIds:e,fieldsMap:s}=_;P(e.reduce(((e,i)=>{const l=s[i];if(l&&null!=A[i])switch(l.component){case"radio":case"single_picker":e[i]=l.ui_rules.options[0].value;break;case"checkbox":case"switch":e[i]=!1}return e}),{}))}))]})})}},2155:e=>{e.exports="https://mweb-cdn.karousell.com/build/filter-657385df64.svg"},1431:e=>{e.exports="https://mweb-cdn.karousell.com/build/mall-listing-1ea82d52ff.svg"}}]);
|
|
//# sourceMappingURL=https://mdev.llesuorac.com/01857052a1fbff6c7926249973b6164fd2b19d8b/0fa325c6242f6993.min.js.map
|
|
//# debugId=e55f2c15-7041-5e1d-bfd0-298fb66d5bc3
|