6 lines
27 KiB
Plaintext
6 lines
27 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]="b9b1d285-bdff-504e-9828-bb45f0392239")}catch(e){}}();
|
|
(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[47],{782:(e,s,n)=>{n.d(s,{Z:()=>u});var t=n(9),l=n.n(t),i=(n(0),n(72)),r=n(403),a=n(404),o="D_qn",c=n(1);const u=function(e){const{ariaLabel:s,children:n,className:t="",customIcon:u,disabled:d,onClick:h,selected:p=!1,size:m="m",showIcon:_=!1,textClassName:v,value:x,isStrikethrough:g=!1}=e;return(0,c.jsxs)("button",{"aria-label":s,"aria-pressed":p,className:l()("D_qk",t,{D_qm:p,D_ql:!p&&g,D_qo:h}),disabled:d,onClick:()=>h&&x&&h(x),type:"button",children:[u??null,(0,c.jsx)(i.Z,{className:l()(v,p?"D_qq":g?"D_qr":void 0),inline:!0,singleline:!0,size:m,children:n}),_?p?(0,c.jsx)(r.Z,{className:l()(o,"D_qp"),name:a.T.checkmark,size:16}):(0,c.jsx)(r.Z,{className:o,name:a.T.checkmark,size:16}):null]})}},753:(e,s,n)=>{n.d(s,{Z:()=>x});var t=n(9),l=n.n(t),i=n(0),r=n(10),a=n(1);const o=e=>{const{className:s,checked:n,disabled:t,error:i,focus:r,mode:o="tick",size:c}=e,u=c-1,d=c+4,h=u+8,p=`0 0 ${h} ${h}`,m=u/18,_=1!==m?`scale(${m} ${m})`:"",v=2*m+4,x="tick"===o?`translate(${v} ${v})`:`translate(${v} ${u/2+4})`;return(0,a.jsxs)("svg",{"aria-hidden":!0,className:s,fill:"none",height:h,opacity:t?.5:1,style:{minHeight:`${h}px`,minWidth:`${h}px`},viewBox:p,width:h,xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("rect",{className:l()("D_PM",{D_PO:n,D_PN:i}),height:u,rx:"3",width:u,x:"4",y:"4"}),n?"tick"===o?(0,a.jsx)("path",{className:"D_PP",d:"M5.781 12.469a1.096 1.096 0 0 1-1.551 0L.281 8.52a1.097 1.097 0 1 1 1.551-1.551L5 10.137l7.568-7.568a1.097 1.097 0 1 1 1.551 1.551l-8.338 8.349Z",transform:`${x} ${_}`}):(0,a.jsx)("path",{className:"D_PQ",d:"M0 0h14",transform:`${x} ${_}`}):null,r?(0,a.jsx)("rect",{className:"D_PR",height:d,rx:"5.5",strokeWidth:"4",width:d,x:"1.5",y:"1.5"}):null]})},c=i.memo(o);var u=n(405),d=n(399),h=n(72),p=n(8),m=n(34),_="D_ot";const v=n(815),x=({ariaLabel:e,checkType:s="tick",checked:n,className:t,disabled:o,disabledIconUrl:x,error:g,iconUrl:f,inputClassName:b,label:j="",name:y,onChange:D,onLabelClick:C,singleline:Z=!1,subLabel:N,value:k=""})=>{const w=(0,r.v9)(p.Y6),[R,S]=(0,i.useState)(!1),A=l()(t,"D_ol",w?v.label:null,w?{[v.disabled]:o}:null),I=l()("D_on",{D_oo:!!N}),P=l()("D_or",{[_]:!!N}),z=l()("D_os",{[_]:!!N});return(0,a.jsxs)("label",{className:A,onClick:C,children:[(0,a.jsx)("input",{"aria-label":e,checked:n,className:l()("D_om",b),disabled:o,name:y,onBlur:function(){S(!1)},onChange:D,onFocus:function(){S(!0)},type:"checkbox",value:k}),o&&x?(0,a.jsx)(u.Z,{alt:"",ariaHidden:!0,className:z,cssHeight:"18px",cssWidth:"18px",src:x}):(0,a.jsx)(c,{checked:n,className:P,disabled:o,error:g,focus:R,mode:s,size:18}),(0,a.jsxs)("div",{className:I,children:[f&&(0,a.jsx)(d.Z,{className:"D_op",loadingClassName:"D_oq",src:`${m.$.assetsSmartListingsUrl}/components/${f}`}),(0,a.jsx)(h.Z,{singleline:Z,children:j}),N?(0,a.jsx)(h.Z,{className:"D_ou",inline:!0,size:"s",children:N}):null]})]})}},848:(e,s,n)=>{n.d(s,{Z:()=>c});var t=n(0),l=n(10),i=n(978),r=n(51),a=n(1);function o(e){const{activeScreenId:s,groupOption:n,journey:t,screenClassName:o}=e,c=(0,l.v9)((e=>(0,r.Y2)(e,{journey:t})));if(!c)return null;const u=c?.screenIds,d="string"==typeof s?s:u[0];return(0,a.jsx)(i.Z,{className:o,groupOption:n,journey:t,screenId:d},d)}const c=t.memo(o)},1498:(e,s,n)=>{n.d(s,{ZP:()=>Z});var t=n(0),l=n(398),i=n(40),r=n.n(i),a=n(405),o=n(753),c=n(72),u=n(99),d=n(397),h=n(104),p=n(18),m=n(10),_=n(731),v=n(21),x=n(867),g="D_arg",f="D_arr",b=n(1);const j=(0,p.ZP)("Search"),y=e=>{const{onSearchQueryChange:s,value:n}=e,t=(0,m.v9)(v.l$);return(0,b.jsx)(_.Z,{autoFocus:!0,className:"D_ark",classNameInput:"D_arl",classNameInputContainer:"D_arm",classNameInputWrapper:"D_arn",iconLeftURL:x,onChange:s,onKeyDown:e=>{"Enter"===e.key&&e.preventDefault()},placeholder:t(j),size:"s",value:n})};var D=n(741);class C extends t.PureComponent{constructor(e){super(e),this.onChange=e=>{const{onChange:s,onCloseOverlay:n,selectedOptions:t=[],type:l}=this.props;if("single"===l)s([e.value]),n();else{let n;n=t.includes(e.value)?t.filter((s=>s!==e.value)):[...t,e.value],s(n)}},this.onSearchQueryChange=e=>{const{field:s}=this.props,{options:n}=s.ui_rules,t=e.currentTarget.value,l=t.toLowerCase().trim(),i=n.filter((e=>e.display_name.toLowerCase().includes(l)));this.setState({filteredOptions:i,query:t})},this.state={filteredOptions:e.field.ui_rules.options,query:""}}componentDidMount(){document.body.style.overflowY="hidden"}componentWillUnmount(){document.body.style.overflowY="auto"}render(){const{field:e,onCloseOverlay:s,searchable:n=!1,type:t}=this.props,{query:i,filteredOptions:r}=this.state,{label:a}=e.ui_rules,o=(0,b.jsx)(l.Z,{onClick:s,type:"linkTeal",children:(0,b.jsx)(d.Z,{id:(0,p.ZP)("Apply")})}),c={icon:"back",onClick:s};return(0,b.jsxs)("div",{className:"D_are",children:[(0,b.jsx)("div",{className:"D_arf",children:(0,b.jsx)(D.Z,{actionItems:"multiple"===t?o:null,className:n?"D_arj":"",leftIcon:c,theme:"white",title:a})}),n&&(0,b.jsx)(y,{onSearchQueryChange:this.onSearchQueryChange,value:i}),r.map(h.D2).map(this.renderOptionCell,this)]})}renderOptionCell(e){const{field:s,selectedOptions:n,type:t}=this.props;return(0,b.jsx)(N,{name:s.id,onChange:this.onChange,option:e,selectedOptions:n||void 0,type:t},e.value)}}C.contextType=u.WE;const Z=C;class N extends t.PureComponent{constructor(...e){super(...e),this.onChange=()=>{const{onChange:e,option:s}=this.props;e(s)}}render(){const{type:e}=this.props;return"single"===e?this.renderSinglePickerOptionCell():this.renderMultiPickerOptionCell()}renderSinglePickerOptionCell(){const{name:e,option:s}=this.props;return(0,b.jsxs)("label",{className:g,onClick:this.onChange,children:[(0,b.jsx)("input",{className:"D_ari",name:e,type:"radio"}),s.iconUrl?(0,b.jsx)(a.Z,{alt:"",ariaHidden:!0,cssHeight:r().spacing32,cssWidth:r().spacing32,src:s.iconUrl}):null,this.renderSinglePickerCellText()]})}renderMultiPickerOptionCell(){const{name:e,option:s,selectedOptions:n=[]}=this.props,t=n.includes(s.value);return(0,b.jsx)("div",{className:g,children:(0,b.jsx)(o.Z,{checked:t,className:"D_arh",label:s.text,name:e,onChange:this.onChange,singleline:!0,value:s.value})})}renderSinglePickerCellText(){const{option:e}=this.props,s=e.colorHexCode?(0,b.jsx)("div",{className:"D_arq",style:{background:e.colorHexCode}}):null;return e.description?(0,b.jsxs)("div",{className:f,children:[s,(0,b.jsxs)("div",{className:"D_aro",children:[(0,b.jsx)(c.Z,{singleline:!0,size:"l",weight:"semibold",children:e.text}),(0,b.jsx)(c.Z,{children:e.description})]})]}):(0,b.jsxs)("div",{className:f,children:[s,(0,b.jsx)(c.Z,{singleline:!0,children:e.text})]})}}},983:(e,s,n)=>{n.d(s,{Z:()=>a});var t=n(0),l=n(99),i=n(1);class r extends t.PureComponent{render(){const e=this.context,{className:s,color:n,size:t}=this.props;return(0,i.jsxs)("svg",{className:s,fill:"none",height:t,viewBox:"0 0 24 24",width:t,xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("g",{clipPath:"url(#a)",children:(0,i.jsx)("path",{clipRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0 0 5.373 0 12Zm13.2-5.75a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0ZM14 16h-1v-6a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h1v5h-1a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2Z",fill:n??e.urbanGrey40,fillRule:"evenodd"})}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"a",children:(0,i.jsx)("path",{d:"M0 0h24v24H0z",fill:"#fff"})})})]})}}r.defaultProps={className:"",size:16},r.contextType=l.WE;const a=r},1308:(e,s,n)=>{n.d(s,{Z:()=>i});var t=n(2),l=(n(0),n(1));const i=(0,t.ZP)({resolved:{},chunkName:()=>"item-condition-tutorial-popup",isReady(e){const s=this.resolve(e);return!0===this.resolved[s]&&!!n.m[s]},importAsync:()=>Promise.all([n.e(1),n.e(30),n.e(819),n.e(447)]).then(n.bind(n,1624)),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 n(s)},resolve:()=>1624},{fallback:(0,l.jsx)("div",{})})},1929:(e,s,n)=>{n.d(s,{Z:()=>i});var t=n(2),l=(n(0),n(1));const i=(0,t.ZP)({resolved:{},chunkName:()=>"paragraph-deeplink-button",isReady(e){const s=this.resolve(e);return!0===this.resolved[s]&&!!n.m[s]},importAsync:()=>Promise.all([n.e(934),n.e(582)]).then(n.bind(n,1625)),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 n(s)},resolve:()=>1625},{fallback:(0,l.jsx)("div",{})})},1497:(e,s,n)=>{n.d(s,{Z:()=>I});var t=n(9),l=n.n(t),i=n(0),r=n(10),a=n(72),o=n(21),c=n(403),u=n(404),d=n(1193),h=n(174),p=n(1311),m=n(18),_=n(408),v=n(1);const x=(e,s)=>{const n=(0,r.v9)(o.l$),{children:t,label:l,multiSelect:i,...d}=e;return(0,v.jsxs)(p.Z,{...d,ref:s,className:"D_bcK",children:[(0,v.jsxs)("div",{className:"D_bcJ",children:[(0,v.jsx)(_.Z,{onClick:e.onHide,"aria-label":n(m.ZP`Back`),type:"button",children:(0,v.jsx)(c.Z,{name:u.T.arrow_back,size:24})}),(0,v.jsx)(a.Z,{singleline:!0,weight:"semibold",children:l}),i?(0,v.jsx)(h.Z,{className:"D_bcL",onClick:e.onHide,size:"m",textContent:n(m.ZP`Apply`),type:"text",variant:"primary",buttonType:"button"}):(0,v.jsx)("div",{className:"D_bcM"})]}),t]})},g=i.forwardRef(x);var f=n(836),b=n(70),j="D_avh",y="D_avj",D="D_avi",C="D_avg",Z="D_avp",N="D_avo",k="D_avq",w="D_avr",R="D_avk",S="D_avl",A="D_avm";function I(e){const{value:s,prefix:n,label:t,leftIcon:r,hint:o,error:d,disabled:h,className:p,buttonClassName:m,options:x,onFocus:f}=e,I=e.multiSelect?!!e.value?.length:!!s,z=(0,i.useRef)(null),L=(0,i.useRef)(null),O=(0,i.useRef)();(0,i.useEffect)((()=>{O.current=(0,b.z)(8)}),[]);const[q,F]=(0,i.useState)(!1),T=e=>Array.isArray(s)?s.some((s=>s===e.value)):s===e.value,H=t?(0,v.jsx)(a.Z,{className:l()(R,{[S]:I}),inline:!0,singleline:!0,size:I?"xs":"m",children:t}):null,$=(0,i.useRef)(f);$.current=f;const E=(0,i.useCallback)((()=>{F((e=>!e)),$.current?.()}),[]),M=(0,i.useCallback)((()=>F(!1)),[]);return(0,v.jsxs)("div",{className:l()(p,C),ref:z,children:[(0,v.jsxs)(_.Z,{"aria-owns":O.current,className:l()(m,j,{[D]:!!d}),disabled:h,onClick:E,ref:L,role:"listbox",tabIndex:0,type:"button",children:[H,I?(0,v.jsxs)("div",{className:y,children:[r,n?(0,v.jsx)(a.Z,{className:A,singleline:!0,children:n}):null,(()=>{const s=e.multiSelect?e.options.filter(T).map((e=>e.title)).join(", "):e.options.find(T)?.title;return s?(0,v.jsx)(a.Z,{singleline:!0,children:s}):null})()]}):null,(0,v.jsx)(c.Z,{className:l()(k,{[w]:q}),name:u.T.chevron_down,size:20})]}),o?(0,v.jsx)(a.Z,{className:N,size:"xs",children:o}):null,d?(0,v.jsx)(a.Z,{className:Z,size:"xs",children:d}):null,(0,v.jsx)(g,{container:z.current,id:O.current,label:t,multiSelect:e.multiSelect,onHide:M,show:q,target:L.current,useTargetWidth:!0,variant:"freeForm",children:(0,v.jsx)(P,{onClick:s=>{const n=T(s);if(!e.multiSelect)return n||e.onChange(s.value),void F(!1);const t=n?e.value?.filter((e=>e!==s.value)):[...e.value??[],s.value];e.onChange(t??[])},onHide:M,options:x,searchable:e.searchable,selectorType:e.multiSelect?e.selectorType:void 0,target:L.current,value:s})})]})}const P=({options:e,value:s,onClick:n,searchable:t,onHide:a,target:h,selectorType:p})=>{const _=e.length-1,x=(0,i.useRef)(null),[g,b]=(0,i.useState)(""),j=(0,i.useRef)(Array(e.length).fill(null)),y=(0,i.useCallback)((e=>{b(e.target.value)}),[]),D=e.filter((e=>!g||e.title.toLowerCase().includes(g.toLowerCase()))).map(((e,t)=>{const l=(e=>Array.isArray(s)?s.some((s=>s===e.value)):s===e.value)(e);return{...e,className:"D_avv",divider:t!==_,listItemRef:s=>{j.current[t]=s,s&&(s.onkeydown=s=>{"Enter"===s.key?n(e):"Escape"===s.key?(s.stopPropagation(),a()):"ArrowDown"===s.key?j.current[t+1]?.focus():"ArrowUp"===s.key&&j.current[t-1]?.focus()})},onItemClick:()=>n(e),role:"option",selected:l,tabIndex:0,titleSize:"s"}})),C=(0,r.v9)(o.l$);return(0,i.useEffect)((()=>{function e(e){"Escape"===e.key?(e.stopPropagation(),a()):"ArrowDown"===e.key&&(x.current?x.current.input?.focus():j.current[0]?.focus())}return h?.addEventListener("keydown",e),()=>h?.removeEventListener("keydown",e)}),[h]),(0,v.jsxs)(v.Fragment,{children:[t?(0,v.jsx)(f.Z,{ref:x,className:"D_avt",placeholder:C((0,m.ZP)("Search")),type:"search",leftIcon:(0,v.jsx)(c.Z,{name:u.T.search,size:16}),onRightIconClick:()=>{},value:g,onChange:y,onKeyDown:e=>{const{key:s}=e;"ArrowDown"===s?j.current[0]?.focus():"Escape"===s&&(e.stopPropagation(),a())},autoComplete:"off"}):null,(0,v.jsx)("div",{className:l()("D_avs",{D_avu:!!t}),children:(0,v.jsx)(d.Z,{items:D,role:"generic",...p?{type:"selector",variants:p}:{type:"plain"}})})]})}},836:(e,s,n)=>{n.d(s,{Z:()=>p});var t=n(9),l=n.n(t),i=n(0),r=n(72),a=n(174),o="D_sA",c="D_sB",u=n(1);const d=(e,s)=>{const{hint:n,ariaLabel:t,autoCapitalize:d,autoComplete:h,autoCorrect:p,autoFocus:m=!1,className:_="",disabled:v,error:x,leftIcon:g,rightIcon:f,label:b,maxLength:j,name:y,onBlur:D,onChange:C,onClick:Z,onFocus:N,onKeyDown:k,placeholder:w,prefix:R,readOnly:S,required:A,spellCheck:I,suffix:P,testId:z,type:L="text",value:O,errorTestId:q,hintTestId:F,onRightIconClick:T,isRightIconDisabled:H,rightIconClassName:$,rightIconButtonAriaLabel:E}=e;let M,U;(0,i.useImperativeHandle)(s,(()=>({get container(){return K.current},get input(){return Y.current}}))),"min"in e&&(M=e.min),"max"in e&&(U=e.max);const[W,B]=(0,i.useState)(!!m),Y=(0,i.useRef)(null),K=(0,i.useRef)(null),J=!b||W||!!O||!!x,G=l()("D_sq",_),Q=l()("D_sr",{D_sF:v,D_sG:!!x,D_ss:!b}),V=l()("D_sE",{D_sH:!b||W||!!O,D_sC:"number"===L});return(0,u.jsxs)("div",{className:G,ref:K,children:[(0,u.jsxs)("label",{className:Q,htmlFor:"textInput",children:[(()=>{if(!b)return null;const e=l()("D_st",{D_su:J});return(0,u.jsx)(r.Z,{className:e,inline:!0,responsive:!0,singleline:!0,children:b})})(),g&&J&&g?(0,u.jsx)("div",{className:R?"D_sy":"D_sx",children:g}):null,R&&J?(0,u.jsx)(r.Z,{className:g?"D_sw":"D_sv",inline:!0,responsive:!0,singleline:!0,children:R}):null,(0,u.jsx)("input",{id:"textInput","aria-label":b||t,autoCapitalize:d,autoCorrect:p,autoComplete:"password"===L?"off":h,autoFocus:m,className:V,disabled:v,inputMode:"number"===L?"numeric":void 0,max:U,maxLength:j?parseInt(`${j}`,10):void 0,min:M,name:y,onBlur:e=>{D?.(e),B(!1)},onChange:C,onClick:Z,onFocus:e=>{N?.(e),B(!0)},onKeyDown:k,placeholder:w,readOnly:S,ref:Y,required:A,spellCheck:I,"data-testid":z,type:L,value:O}),P&&J?(0,u.jsx)(r.Z,{className:f?"D_s_":"D_sz",inline:!0,responsive:!0,singleline:!0,children:P}):null,J&&f?T?(0,u.jsx)(a.Z,{ariaLabel:E,buttonType:"button",className:l()(P?c:o,$),disabled:H,icon:f,onClick:T,type:"icon",variant:"white"}):(0,u.jsx)("div",{className:P?c:o,children:f}):null]}),n?(0,u.jsx)(r.Z,{className:"D_sK",responsive:!0,size:"s",testId:F,children:n}):null,x?(0,u.jsx)(r.Z,{className:n?"D_sJ":"D_sI",responsive:!0,size:"s",testId:q,children:x}):null]})},h=(0,i.forwardRef)(d);h.displayName="InputText";const p=h},959:(e,s,n)=>{n.d(s,{Z:()=>i});var t=n(2),l=(n(0),n(1));const i=(0,t.ZP)({resolved:{},chunkName:()=>"fieldset-action",isReady(e){const s=this.resolve(e);return!0===this.resolved[s]&&!!n.m[s]},importAsync:()=>Promise.all([n.e(110),n.e(762),n.e(374)]).then(n.bind(n,1623)),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 n(s)},resolve:()=>1623},{fallback:(0,l.jsx)("div",{})})},1307:(e,s,n)=>{n.d(s,{Z:()=>_});var t=n(9),l=n.n(t),i=n(0),r=n(40),a=n.n(r),o=n(405),c=n(72),u=n(798),d=n(1308),h=n(1929),p="D_baP",m=n(1);const _=({rightAction:e})=>{const s=(0,i.useRef)(null),[n,t]=(0,i.useState)(!1),{action:r,image_url:_,label:v,style:x}=e,g=l()({D_baQ:!n,D_baR:n});(0,i.useEffect)((()=>{if(s.current){const{left:e}=s.current.getBoundingClientRect();t(e>window.innerWidth/2)}}),[s]);const f={alt:"",cssHeight:a().spacing16,cssWidth:a().spacing16,src:_};switch(r?.type){case"tooltip":return(0,m.jsx)(u.Z,{content:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(c.Z,{className:"D_baS",weight:"semibold",children:r.title}),(0,m.jsx)(c.Z,{children:r.subtitle})]}),direction:n?"bottomRight":"bottomLeft",tooltipClassName:g,children:(0,m.jsx)("div",{ref:s,children:(0,m.jsx)(o.Z,{className:p,...f,ariaHidden:!0})})});case"condition_tutorial":{const{condition_tutorial:e}=r;return(0,m.jsx)(d.Z,{conditionTutorial:e,children:(0,m.jsx)(o.Z,{className:p,...f,ariaHidden:!0})})}case"deep_link":if("button"===x){const{url:e}=r;return(0,m.jsx)(h.Z,{iconUrl:_,label:v,to:e})}return null;default:return null}}},2429:(e,s,n)=>{n.d(s,{Z:()=>c}),n(0);var t=n(398),l=n(72),i=n(99),r=n(1307),a=n(104),o=n(1);const c=e=>{const{rightActions:s,onAction:n,className:c,classNameLabel:u}=e,d=(0,i._x)(),h=s?.[0],p=()=>{if(h&&(0,a.rx)(h)){const e=h?.action;n?.(e)}};return s?.length?(0,o.jsx)("div",{className:c,children:s.map(((e,s)=>(0,a.rx)(e)?(0,o.jsx)(t.Z,{onClick:p,type:"transparent",children:(0,o.jsx)(l.Z,{className:u,color:d.skyTeal80,size:"s",children:e.label})},s):(0,o.jsx)(r.Z,{rightAction:e},s)))}):null}},889:(e,s,n)=>{n.d(s,{Z:()=>U});var t=n(9),l=n.n(t),i=n(0),r=n(2428),a=n(10),o=n(782),c=n(758),u=n(405),d=n(418),h=n(72),p=n(99),m=n(8),_=n(21),v=n(1193),x=n(1497),g=n(398),f=n(40),b=n.n(f),j=n(104),y=n(959),D=n(1);const C=e=>{const s=(0,p._x)(),{error:n,field:t,onChange:r,journey:o,value:c}=e,d=t.ui_rules.options,m=(0,a.v9)(_.l$),v=(0,i.useMemo)((()=>d.map(j.D2)),[d]),x=(0,j.JY)(m,t,o);return(0,D.jsxs)(D.Fragment,{children:[x?(0,D.jsx)(h.Z,{className:"D_atW",singleline:!0,children:x}):null,(0,D.jsx)("div",{className:"D_atT",children:v.map((e=>{const n=c===e.value,t="center"===e.alignment,i=l()("D_atU",{D_atV:n,D_atX:t,D_atY:e.disabled}),a=e.action,o="edit_disabled"===a?.trigger||!e.disabled,d=(0,D.jsxs)(g.Z,{ariaLabel:e.text,className:i,onClick:()=>{!e.disabled&&(e=>{r(e.value)})(e)},type:"outline",disabled:!o,children:[e.iconUrl?(0,D.jsx)(u.Z,{alt:e.text,cssHeight:b().spacing40,cssWidth:b().spacing40,src:e.iconUrl}):null,(0,D.jsx)(h.Z,{color:s.urbanGrey80,textAlign:t?"center":void 0,weight:"semibold",children:e.text}),e.description?(0,D.jsx)(h.Z,{color:s.urbanGrey60,hyphensNone:!0,overflow:"breakWord",size:"s",textAlign:t?"center":void 0,children:e.description}):null]},e.value);return a?(0,D.jsx)(y.Z,{action:a,className:"D_atZ",children:d},e.value):d}))}),n&&(0,D.jsx)(h.Z,{color:s.carouRed80,inline:!0,singleline:!0,size:"s",children:n})]})};var Z=n(2429),N=n(178),k=n(769),w=n(743),R=n(858),S=n(933),A=n(101),I=n(173),P=n(1498),z=n(729),L=n(983),O=n(849),q=n(867),F="D_RG",T="D_RH";const H=e=>{const s=(0,p._x)(),n=(0,I.Z)(),{field:t,value:i,options:r,onChipClick:a}=e,{ui_rules:{single_line:o,style:c}}=t,{setParentRef:u,setSelectedRef:m}=E({enable:!n&&!!o}),_=()=>{const e=i,n=e?r.find((s=>s.value===e)):null,l=n?.description??t.meta.default_description??"";return l?(0,D.jsxs)("div",{className:"D_RK",children:[(0,D.jsx)(L.Z,{className:"D_RL"}),(0,D.jsx)(h.Z,{color:s.urbanGrey60,hyphensNone:!0,size:"s",children:l})]}):null};return!n&&o?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(d.Z,{className:"D_RF",direction:"horizontal",ref:u,children:r.map((e=>(0,D.jsx)($,{field:t,onChipClick:a,option:e,setSelectedChipRef:m,value:i},e.value)))}),_()]}):(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",{className:l()("D_RC",{D_RE:"chip_wide"===c}),children:r.map((e=>(0,D.jsx)($,{field:t,onChipClick:a,option:e,value:i},e.value)))}),_()]})},$=e=>{const s=(0,I.Z)(),{field:n,value:t,option:r,onChipClick:a,setSelectedChipRef:c}=e,u=r.action,d="edit_disabled"===u?.trigger||!r.disabled,h=t===r.value,{ui_rules:{single_line:p}}=n,m=(0,D.jsx)(o.Z,{className:l()({[F]:!u,[T]:"chip_wide"===n.ui_rules.style,D_RI:!!r.disabled}),disabled:!d,isStrikethrough:r.isStrikethrough,onClick:r.disabled?void 0:a,selected:h,value:r.value,children:r.text},r.value),_=!s&&p?(0,i.createElement)("div",{...h?{ref:c}:{},key:r.value},m):m;return u?(0,D.jsx)(y.Z,{action:u,className:l()(F,{[T]:"chip_wide"===n.ui_rules.style}),children:_},r.value):_},E=({enable:e})=>{const s=(0,i.useRef)(null),{ref:n,inView:t}=(0,r.YD)({delay:500,threshold:1,triggerOnce:!0}),l=(0,i.useCallback)((e=>{s.current=e,n(e)}),[s,n]),a=(0,i.useRef)(null),o=(0,i.useCallback)((e=>{a.current=e}),[a]),c=()=>{if(!s.current||!a.current)return;const e=a.current.offsetLeft,n=a.current.getBoundingClientRect().width,t=s.current.getBoundingClientRect().width;s.current.scrollTo?.({behavior:"smooth",left:e+n/2-t/2})};return(0,i.useEffect)((()=>{e&&t&&c()}),[e,t,c]),{setParentRef:l,setSelectedRef:o}},M=({field:e})=>{const{footer:s,footer_formatting:n}=e.meta;if(!s)return null;const t=n?(0,O.O)(s,(0,R.n)(n)):s;return(0,D.jsx)(h.Z,{className:"D_RM",size:"s",children:t})},U=(0,k.p)((e=>{const{field:s,onChange:n,value:t,journey:l,error:r,onAction:o,useDonutPicker:u}=e,d=(0,p._x)(),x=(0,A.Fg)(),g=(0,a.v9)(m.Y6),f=(0,a.v9)(_.l$),[b,k]=(0,i.useState)(!1),{trackFieldTapped:R}=(0,i.useContext)(j.P_),I=(0,i.useMemo)((()=>{let e=s.ui_rules.options||[];return"search"===l&&"sort_by"===s.meta.field_name&&(e=s.ui_rules.options.filter((e=>"location,ascending"!==e.value))),e.map(j.D2)}),[s,l]),[L,O]=(0,i.useState)(""),[F,T]=(0,i.useState)(I),$=(-1!==N.S7.indexOf(l)||N.JK.includes(l))&&!1!==s.ui_rules.searchable,E=(0,S.Z)(s);if(u&&"dropdown"===s.ui_rules.style)return(0,D.jsx)(W,{...e});const U=e=>{"function"==typeof R&&R(s.id,e)},B=e=>{if(e===t&&(0,j.af)(s))return;e!==t||(0,j.af)(s)?n(e):n("");const l=s.ui_rules.value_updated_actions?.[0];l&&o?.(l),U(e)},Y=e=>{B(e)},K=()=>{k(!1)},J=()=>{k(!0),U()},G=e=>{B(e.value)},Q=e=>{const s=e.toLowerCase().trim(),n=I.filter((e=>e.text.toLowerCase().includes(s)));T(n),O(e)},V=e=>{n(e[0])},X=()=>{const e=(0,j.JY)(f,s,l);return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(c.Z,{error:r,...e?{label:e}:null,iconLeftURL:$?q:void 0,onFocus:U,onOptionSelect:G,onQueryChange:Q,options:F,placeholder:s.ui_rules.placeholder||void 0,query:L,searchable:$,value:"string"==typeof t?t:""}),(0,D.jsx)(M,{field:s})]})},ee=()=>r&&(0,D.jsx)(h.Z,{color:d.carouRed80,inline:!0,singleline:!0,size:"s",children:r}),se=()=>{const e=(0,j.JY)(f,s,l),n=I.find((e=>e.value===t)),i=s.ui_rules.placeholder||"Select";return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("button",{className:"D_Rv",onClick:J,type:"button",children:[(0,D.jsxs)("div",{className:"D_Rw",children:[e?(0,D.jsx)(h.Z,{color:d.urbanGrey60,singleline:!0,size:"s",children:e}):null,(0,D.jsx)(h.Z,{singleline:!0,size:"l",children:n?n.text:i})]}),(0,D.jsx)(z.Z,{})]}),ee(),b?(0,D.jsx)(P.ZP,{field:s,onChange:V,onCloseOverlay:K,searchable:$,type:"single"}):null,(0,D.jsx)(M,{field:s})]})},ne=()=>{const e=I.map((e=>{const s=e.action;return{description:e.description,disabled:e.disabled,onItemClick:()=>{e.disabled||B(e.value)},selected:t===e.value,title:e.text,titleSize:"s",value:e.value,wrapperFunc:e.disabled?n=>(0,D.jsx)(y.Z,{action:s,children:n},e.value):void 0}}));return(0,D.jsx)(v.Z,{items:e,type:"selector",variants:"radio"})},te="chip"===s.ui_rules.style||"chip_wide"===s.ui_rules.style,le="radio"===s.ui_rules.style,ie=()=>{const e=(0,j.JY)(f,s,l),n=(0,w.LA)({cdsTextStyle:s.ui_rules.label_cds_text_style,fontColor:s.ui_rules.label_font_color},d,x),i=(te||N.S7.includes(l)||N.JK.includes(l))&&!le,r=s.ui_rules.label_right_actions;return(0,D.jsxs)("div",{ref:E,children:[e?(0,D.jsxs)("div",{className:"D_Rx",children:[(0,D.jsx)(h.Z,{className:"D_Ry",singleline:!0,...n,children:e}),(0,D.jsx)(Z.Z,{className:"D_Rz",classNameLabel:"D_R_",onAction:o,rightActions:r})]}):null,(0,D.jsxs)("div",{className:i?"D_RB":void 0,children:[s.meta?.header?(0,D.jsx)(h.Z,{className:"D_RA",color:d.urbanGrey60,size:"s",children:s.meta.header}):null,i?(0,D.jsx)(H,{field:s,onChipClick:Y,options:I,value:t}):ne(),ee()]}),(0,D.jsx)(M,{field:s})]})};return"dropdown"===s.ui_rules.style?g?X():se():te||le?ie():"card"===s.ui_rules.style?(0,D.jsx)(C,{error:r,field:s,journey:l,onChange:B,value:t}):"search_homescreen"===l||"sort_by"===s.meta.proto_field_name||I.length>6?g?X():se():ie()})),W=e=>{const{field:s,onChange:n,value:t,journey:l,error:r,onAction:o}=e,{trackFieldTapped:c}=(0,i.useContext)(j.P_),d=e=>{c?.(s.id,e)},h=(0,i.useMemo)((()=>s.ui_rules.options.map((e=>({description:e.description,disabled:e.disabled,leftIcon:e.image_url?(0,D.jsx)(u.Z,{alt:"",ariaHidden:!0,cssHeight:"16px",cssWidth:"16px",src:e.image_url}):void 0,title:e.display_name,value:e.value.toString()})))),[s.ui_rules.options]),p=(0,a.v9)(_.l$),m=(0,j.JY)(p,s,l);return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(x.Z,{error:r,label:m,onChange:e=>{if(e===t&&(0,j.af)(s))return;e!==t||(0,j.af)(s)?n(e):n("");const l=s.ui_rules.value_updated_actions?.[0];l&&o?.(l),d(e)},onFocus:d,options:h,searchable:s.ui_rules.searchable,value:"string"==typeof t?t:""}),(0,D.jsx)(M,{field:s})]})}},769:(e,s,n)=>{n.d(s,{p:()=>r});var t=n(0),l=n(104),i=n(1);function r(e){return function(s){const{field:n}=s,{dependencyData:r,errorMessages:a,setField:o,setInitialField:c,onAction:u,values:d,visibleFieldIds:h}=(0,t.useContext)(l.P_),p=(0,t.useContext)(l.u5),m=(0,t.useCallback)((e=>{o(n.id,e)}),[n.id,o]),_=(0,t.useCallback)((e=>{"function"==typeof c&&c(n.id,e)}),[n.id,c]),v=(0,t.useCallback)(((e,s)=>{"function"==typeof u&&u(n.id,e,s)}),[n.id,u]);if(!h[n.id]&&!p)return null;const x={dependencyData:r[n.id],error:a[n.id],onAction:v,onChange:m,onInit:_,value:d[n.id]},g={...s,...x};return(0,i.jsx)(e,{...g})}}},933:(e,s,n)=>{n.d(s,{Z:()=>u});var t=n(0),l=n(2428),i=n(10),r=n(2430),a=n(106),o=n(982),c=n(415);const u=(e,s)=>{const n=(0,i.I0)(),u=(0,t.useContext)(c.o7),d=(0,o.Z)(),h=(0,i.v9)(a.aW),p=()=>{if(s?.trackData?.context)return`${s.trackData.context}`;if(/^(shipping_)/.test(e.meta.field_name))return"deal_option";switch(e.meta.field_name){case"title":case"product_title":return"summary";case"ap_listing_details":case"listing_details":case"listing_details_bp":case"listing_details_bp_v2":return"details";case"condition":case"condition_report":case"condition_value":case"layered_condition":return"condition";case"storage":return"storage";case"color":return"colour";case"luxury_footwear_size":return"size";case"description":return"description";case"time_created":case"likes_count":case"collection":return"attributes";case"more_items_button":return"other_items_available";case"mall_banner":return"warranty";case"online_payment":return"payment_method";case"seller":case"certified_banner":return"meet_the_seller";case"mailing":case"meetups":case"action_panel_delivery":case"delivery_option_preview":case"expandable_deal_method":case"deal_method_panel":return"deal_option";case"action_panel_quality_inspection":return"quality_inspection";case"action_panel_product_info":return"product_info";case"action_panel_authentication":return"authentication";case"action_panel_faq":return"faq";case"ap_promotion_banner":case"promotion_banner":return"awareness_banner";case"product_feedback_preview":return"reviews";case"buyer_protection":return"banner_component";case"browsing_tags":return"browsing_tags";case"transaction_nudge":return"transaction_nudge";default:return e.meta.field_name}},{ref:m}=(0,l.YD)({onChange(e){e&&n((0,r.HR)({context:p(),product_id:u?.id.toString(),...u?.cgproduct_id?{cgproduct_id:u.cgproduct_id}:{},...u?.cgproduct_variant_id?{cgproduct_variant_id:u.cgproduct_variant_id}:{},source:d?"product_page":"listing_screen",uuid:h,...s?.trackData}))},triggerOnce:!0});return m}},1113:(e,s,n)=>{n.d(s,{Z:()=>o});var t=n(10),l=n(15),i=n(194),r=n(173),a=n(17);const o=()=>{const e=(0,r.Z)(),s=(0,i.s)(e),n=(0,t.v9)(l.Xt);return(0,a.Up)(n?.pathname??"",s)}},982:(e,s,n)=>{n.d(s,{Z:()=>l});var t=n(1113);const l=()=>"productDetails"===(0,t.Z)()},815:(e,s,n)=>{n.r(s),n.d(s,{disabled:()=>t,label:()=>l});var t="D_ow",l="D_ov"}}]);
|
|
//# sourceMappingURL=https://mdev.llesuorac.com/01857052a1fbff6c7926249973b6164fd2b19d8b/9322841ce98dc339.min.js.map
|
|
//# debugId=b9b1d285-bdff-504e-9828-bb45f0392239
|