@dropins/storefront-product-discovery 1.0.0 → 1.0.2-alpha5

package/containers/ProductList.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as o,jsxs as N}from"@dropins/tools/preact-jsx-runtime.js";import*as P from"@dropins/tools/preact-compat.js";import{useState as S,useCallback as pe,useEffect as ge}from"@dropins/tools/preact-compat.js";import{classes as _,VComponent as p,Slot as C}from"@dropins/tools/lib.js";import{Skeleton as Se,SkeletonRow as D,InLineAlert as _e,Icon as Pe,Pagination as we,Picker as Le,PriceRange as v,Image as Ce}from"@dropins/tools/components.js";import{p as ke}from"../chunks/productSearch.js";import{a as ye,b as Ee,c as xe}from"../chunks/api.js";import{u as Re,P as w,a as Ne,b as Ae,c as Ie,d as De,e as Ue,s as qe}from"../chunks/acdlEvents.js";import{a as ze}from"../chunks/attributeMetadata.js";/* empty css                 *//* empty css                   *//* empty css                      *//* empty css                   */import{events as $}from"@dropins/tools/event-bus.js";import{useText as Fe,Text as He}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const $e=t=>P.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},P.createElement("g",{clipPath:"url(#clip0_841_1324)"},P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_841_1324"},P.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),Me=()=>o("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:N(Se,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:[o(D,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"}),N("div",{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[o(D,{fullWidth:!0,size:"large",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"small",className:"dropin-product-item-card__skeleton__item"})]})," "]})}),ve=({className:t,image:r,titleNode:n,price:d,sku:i,actionButton:a,swatches:l,initialized:u=!1,...A})=>u?N("div",{...A,className:_(["dropin-product-item-card",t]),children:[o("div",{className:"dropin-product-item-card__image-container",children:r&&o(p,{node:r,className:_(["dropin-product-item-card__image"])})}),N("div",{className:"dropin-product-item-card__content",children:[n&&o(p,{node:n,className:_(["dropin-product-item-card__title"])}),i&&o(p,{node:i,className:_(["dropin-product-item-card__sku"])}),d&&o("div",{className:"dropin-product-item-card__price",children:o(p,{node:d,className:_(["dropin-product-item-card__price"])})}),l&&o("div",{className:"dropin-product-item-card__swatches",children:o(p,{node:l,className:_(["dropin-product-item-card__swatches"])})}),a&&o("div",{className:"dropin-product-item-card__action",children:o(p,{node:a,className:_(["dropin-product-item-card__action"])})})]})]}):o(Me,{});function Oe(t){var i;let r="";try{r=self.crypto.randomUUID(),Re(w,r,t.phrase||"",t.filter||[],t.pageSize||0,t.currentPage||0,t.sort||[]),Ne(w)}catch(a){console.error("Error collecting data:",a)}const n={attribute:"visibility",in:["Search","Catalog, Search"]},d=structuredClone(t);return(i=d.filter)==null||i.push(n),ke(d).then(a=>{const l=ye(a);try{Ae(w,r,l),Ie(w),t.phrase?De(w):Ue(w)}catch(u){console.error("Error collecting data:",u)}return l}).catch(a=>{throw console.error("Error fetching product search:",a),new Error("Error fetching product search.")}).finally(()=>{})}function We(){return ze().then(t=>Ee(t)).catch(t=>{throw console.error("Error fetching attribute metadata:",t),new Error("Error fetching attribute metadata.")}).finally(()=>{})}const j=(t,r)=>r?{text:t.positionLabel,value:"position_ASC"}:{text:t.relevanceLabel,value:"relevance_DESC"},je=(t,r,n)=>{const d=j(r,n),i=t.reduce((a,l)=>(l.attribute!=="position"&&l.attribute!=="relevance"&&(l.attribute==="price"?(a.push({text:r.sortASC,value:`${l.attribute}_ASC`}),a.push({text:r.sortDESC,value:`${l.attribute}_DESC`})):a.push({text:l.label,value:`${l.attribute}_DESC`})),a),[]);return i.push(d),{options:i,default:d}},U=t=>{const r=t.indexOf("_");return[{attribute:t.substring(0,r),direction:t.substring(r+1)==="ASC"?"ASC":"DESC"}]},Te=t=>t.length>0?`${t[0].attribute}_${t[0].direction}`:"",Qe=(t,r)=>{const n=t.findIndex(d=>d.value===r);return n>-1?t[n]:null},Ze=({header:t,productList:r,footer:n})=>N("div",{className:"product-discovery-product-list",children:[t&&o(p,{className:"product-discovery-product-list__header",node:t}),o("div",{className:"product-discovery-product-list__grid",children:r&&o(p,{node:r})}),n&&o(p,{className:"product-discovery-product-list__pagination",node:n})]}),Be=({alertMessage:t=""})=>o("div",{className:_(["product-discovery-search-alert-message__wrapper"]),children:o("div",{className:"product-discovery-search-alert-message__content",children:o(_e,{heading:t,type:"warning",icon:o(Pe,{source:$e,size:"24"}),onDismiss:void 0})})}),T={search:"q",search_query:"search_query",pagination:"p",sort:"product_list_order",page_size:"page_size"},k=t=>{const n=Q().get(t);return n||""},Q=()=>{const t=window.location.search;return new URLSearchParams(t)},Ke=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);t===1?n.delete("p"):n.set("p",t.toString()),q(r.pathname,n)},Ge=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("product_list_order",t),q(r.pathname,n)},Je=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("q",t),q(r.pathname,n)},q=(t,r)=>{r.toString()===""?window.history.pushState({},"",`${t}`):window.history.pushState({},"",`${t}?${r.toString()}`)},O=t=>{var d;const r=Q(),n=[];for(const[i,a]of r.entries())if(t.includes(i)&&!Object.values(T).includes(i))if(a.includes("--")){const l=a.split("--"),u={attribute:i,range:{from:Number(l[0]),to:Number(l[1])}};n.push(u)}else{const l=n.findIndex(u=>u.attribute==i);if(l!==-1)(d=n[l].in)==null||d.push(a);else{const u={attribute:i,in:[a]};n.push(u)}}return n},Xe=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);for(const d of r.searchParams.keys())Object.values(T).includes(d)||n.delete(d);t.forEach(d=>{const i=d.attribute;if(d.range){const a=d.range;k(i)?(n.delete(i),n.append(i,`${a.from}--${a.to}`)):n.append(i,`${a.from}--${a.to}`)}else{const a=d.in||[],l=n.getAll(i);a.map(u=>{l.includes(u)||n.append(i,u)})}}),q(r.pathname,n)},W=t=>new DOMParser().parseFromString(t,"text/html").documentElement.textContent,ut=({minQueryLength:t=3,slots:r,pageSize:n=12,routeProduct:d,categoryPath:i})=>{const a=Fe({sortLabel:"Search.PLP.SortDropdown.title",relevanceLabel:"Search.PLP.SortDropdown.relevanceLabel",sortASC:"Search.PLP.SortDropdown.sortASC",sortDESC:"Search.PLP.SortDropdown.sortDESC",minQueryLength:o(He,{id:"Search.PLP.Warning.minQueryLength",fields:{minQueryLength:t}}),noResults:"Search.PLP.Warning.noResults",searchError:"Search.PLP.Warning.searchError",positionLabel:"Search.PLP.SortDropdown.positionLabel"}),[l,u]=S([]),[A,Z]=S(),[B,K]=S(1),[G,L]=S(!1),[J,y]=S(a.noResults),I=j(a,i),[X,z]=S(),[Y,b]=S([]),V=[...Array(n).keys()].map(()=>{const e=xe({});return e.initialized=!1,e}),[E,ee]=S(V),F=e=>{qe(e.sku,w)},te=e=>{x({currentPage:e})},re=e=>{Z(e),Ke(e)},ne=e=>{const c=U(e);z(e),x({sort:c})},oe=e=>{var h;const c=k("product_list_order"),m=U(c||I.value),s={phrase:i?"":(e==null?void 0:e.phrase)||k("q"),pageSize:(e==null?void 0:e.pageSize)||n,currentPage:(e==null?void 0:e.currentPage)||A,filter:(e==null?void 0:e.filter)||O(Y),sort:(e==null?void 0:e.sort)||m};return(e!=null&&e.phrase||e!=null&&e.filter||e!=null&&e.sort||e!=null&&e.pageSize)&&(s.currentPage=1,e!=null&&e.phrase&&(s.filter=[],s.sort=U(I.value),z(I.value))),i?(s.phrase="",s.filter=(h=s.filter)==null?void 0:h.concat({attribute:"categoryPath",eq:i})):s.phrase=(e==null?void 0:e.phrase)||k("q")||"",s},ce=e=>{if(!i){const s=e.phrase||"";Je(s)}const c=e.filter||[];Xe(c);const m=Te(e.sort||[]);Ge(m)},se=e=>We().then(c=>{b(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute));const m=je(c==null?void 0:c.sortable,a,i);u(m.options);const s=Qe(m.options,e||m.default.value);return z(s.value),O(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute))}).catch(()=>{L(!0),y(a.searchError)}),x=e=>{var m;const c=oe(e);if(ce(c),!i&&(((m=c==null?void 0:c.phrase)==null?void 0:m.length)||0)<t)L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",(c==null?void 0:c.phrase)||"")),H();else return L(!1),Oe(c).then(s=>{var h,f;$.emit("search/result",{result:s,request:c}),(s==null?void 0:s.totalCount)===0&&(s==null?void 0:s.items.length)===0?(L(!0),y(a.noResults)):(ee(s==null?void 0:s.items.map(g=>(g.initialized=!0,g))),re(((h=s==null?void 0:s.pageInfo)==null?void 0:h.currentPage)||1),K(((f=s==null?void 0:s.pageInfo)==null?void 0:f.totalPages)||1))}).catch(()=>{L(!0),y(a.searchError),H()}).finally(()=>{})},ae=pe(e=>{x(e)},[]),H=()=>{$.emit("search/result",{result:{},request:{}})};ge(()=>{const e=k("q"),c=k("product_list_order")||I.value;se(c).then(s=>{i?x({filter:[{attribute:"categoryPath",eq:i}]}):e!=null&&e.length&&e.length<t?(L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",e)),H()):x({filter:s})});const m=$.on("search/request",ae);return()=>{m==null||m.off()}},[]);const ie=e=>o(C,{name:"ProductActions",slot:r==null?void 0:r.ProductActions,context:{product:e}}),de=e=>{var s,h,f,g,R;let c=e.typename==="ComplexProductView"?(s=e.priceRange)==null?void 0:s.minimum.regular.amount.currency:(h=e.price)==null?void 0:h.regular.amount.currency;Intl.supportedValuesOf("currency").indexOf(c||"")===-1&&(c="USD");const m=e.typename==="ComplexProductView"?o(v,{display:"from to",minimumAmount:(f=e.priceRange)==null?void 0:f.minimum.regular.amount.value,maximumAmount:(g=e.priceRange)==null?void 0:g.maximum.regular.amount.value,currency:c}):o(v,{amount:(R=e.price)==null?void 0:R.regular.amount.value,currency:c});return o(C,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:m}):m})},le=e=>{const c=e.name!==null?W(e.name):"";return o(C,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:c}):c})},me=(e,c)=>{var f,g,R,M;const m={loading:c<8?"eager":"lazy",src:((g=(f=e.images)==null?void 0:f[0])==null?void 0:g.url)||"",alt:((M=(R=e.images)==null?void 0:R[0])==null?void 0:M.label)||"",width:"200",height:"250"},s=e.name!==null?W(e.name):e.sku,h=o(Ce,{class:"product-discovery-product-item__image",...m,"aria-label":s});return o(C,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{product:e,defaultImageProps:m},children:d?o("a",{href:d(e),onClick:()=>F(e),children:h}):h})},ue=()=>o(C,{name:"Header",slot:r==null?void 0:r.Header,context:{productList:E},children:o(Le,{floatingLabel:a.sortLabel,options:l,value:X,required:!0,handleSelect:e=>{const{value:c}=e.target;ne(c)},"data-testid":"product-list-sort-by-picker"})}),he=()=>o(C,{name:"Footer",slot:r==null?void 0:r.Footer,context:{productList:E},children:o(we,{currentPage:A,totalPages:B,onChange:e=>{te(e)}})}),fe=o(Ze,{header:ue(),footer:he(),productList:E==null?void 0:E.map((e,c)=>o(ve,{image:me(e,c),titleNode:le(e),price:de(e),actionButton:ie(e),initialized:e.initialized},e.id||e.sku))});return o("div",{class:"product-discovery-product-list__container",children:G?o(Be,{alertMessage:J}):fe})};export{ut as ProductList,ut as default};
+import{jsx as o,jsxs as N}from"@dropins/tools/preact-jsx-runtime.js";import*as P from"@dropins/tools/preact-compat.js";import{useState as S,useCallback as pe,useEffect as ge}from"@dropins/tools/preact-compat.js";import{classes as _,VComponent as p,Slot as C}from"@dropins/tools/lib.js";import{Skeleton as Se,SkeletonRow as D,InLineAlert as _e,Icon as Pe,Pagination as we,Picker as Le,PriceRange as v,Image as Ce}from"@dropins/tools/components.js";import{p as ke}from"../chunks/productSearch.js";import{a as ye,b as Ee,c as xe}from"../chunks/api.js";import{u as Re,P as w,a as Ne,b as Ae,c as Ie,d as De,e as Ue,s as qe}from"../chunks/acdlEvents.js";import{a as ze}from"../chunks/attributeMetadata.js";/* empty css                 *//* empty css                   *//* empty css                      *//* empty css                   */import{events as $}from"@dropins/tools/event-bus.js";import{useText as Fe,Text as He}from"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const $e=t=>P.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},P.createElement("g",{clipPath:"url(#clip0_841_1324)"},P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_841_1324"},P.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),Me=()=>o("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:N(Se,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:[o(D,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"}),N("div",{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[o(D,{fullWidth:!0,size:"large",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"small",className:"dropin-product-item-card__skeleton__item"})]})," "]})}),ve=({className:t,image:r,titleNode:n,price:d,sku:i,actionButton:a,swatches:l,initialized:u=!1,...A})=>u?N("div",{...A,className:_(["dropin-product-item-card",t]),children:[o("div",{className:"dropin-product-item-card__image-container",children:r&&o(p,{node:r,className:_(["dropin-product-item-card__image"])})}),N("div",{className:"dropin-product-item-card__content",children:[n&&o(p,{node:n,className:_(["dropin-product-item-card__title"])}),i&&o(p,{node:i,className:_(["dropin-product-item-card__sku"])}),d&&o("div",{className:"dropin-product-item-card__price",children:o(p,{node:d,className:_(["dropin-product-item-card__price"])})}),l&&o("div",{className:"dropin-product-item-card__swatches",children:o(p,{node:l,className:_(["dropin-product-item-card__swatches"])})}),a&&o("div",{className:"dropin-product-item-card__action",children:o(p,{node:a,className:_(["dropin-product-item-card__action"])})})]})]}):o(Me,{});function Oe(t){var i;let r="";try{r=self.crypto.randomUUID(),Re(w,r,t.phrase||"",t.filter||[],t.pageSize||0,t.currentPage||0,t.sort||[]),Ne(w)}catch(a){console.error("Error collecting data:",a)}const n={attribute:"visibility",in:["Search","Catalog, Search"]},d=structuredClone(t);return(i=d.filter)==null||i.push(n),ke(d).then(a=>{const l=ye(a);try{Ae(w,r,l),Ie(w),t.phrase?De(w):Ue(w)}catch(u){console.error("Error collecting data:",u)}return l}).catch(a=>{throw console.error("Error fetching product search:",a),new Error("Error fetching product search.")}).finally(()=>{})}function We(){return ze().then(t=>Ee(t)).catch(t=>{throw console.error("Error fetching attribute metadata:",t),new Error("Error fetching attribute metadata.")}).finally(()=>{})}const j=(t,r)=>r?{text:t.positionLabel,value:"position_ASC"}:{text:t.relevanceLabel,value:"relevance_DESC"},je=(t,r,n)=>{const d=j(r,n),i=t.reduce((a,l)=>(l.attribute!=="position"&&l.attribute!=="relevance"&&(l.attribute==="price"?(a.push({text:r.sortASC,value:`${l.attribute}_ASC`}),a.push({text:r.sortDESC,value:`${l.attribute}_DESC`})):a.push({text:l.label,value:`${l.attribute}_DESC`})),a),[]);return i.push(d),{options:i,default:d}},U=t=>{const r=t.indexOf("_");return[{attribute:t.substring(0,r),direction:t.substring(r+1)==="ASC"?"ASC":"DESC"}]},Te=t=>t.length>0?`${t[0].attribute}_${t[0].direction}`:"",Qe=(t,r)=>{const n=t.findIndex(d=>d.value===r);return n>-1?t[n]:null},Ze=({header:t,productList:r,footer:n})=>N("div",{className:"product-discovery-product-list",children:[t&&o(p,{className:"product-discovery-product-list__header",node:t}),o("div",{className:"product-discovery-product-list__grid",children:r&&o(p,{node:r})}),n&&o(p,{className:"product-discovery-product-list__pagination",node:n})]}),Be=({alertMessage:t=""})=>o("div",{className:_(["product-discovery-search-alert-message__wrapper"]),children:o("div",{className:"product-discovery-search-alert-message__content",children:o(_e,{heading:t,type:"warning",icon:o(Pe,{source:$e,size:"24"}),onDismiss:void 0})})}),T={search:"q",search_query:"search_query",pagination:"p",sort:"product_list_order",page_size:"page_size"},k=t=>{const n=Q().get(t);return n||""},Q=()=>{const t=window.location.search;return new URLSearchParams(t)},Ke=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);t===1?n.delete("p"):n.set("p",t.toString()),q(r.pathname,n)},Ge=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("product_list_order",t),q(r.pathname,n)},Je=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("q",t),q(r.pathname,n)},q=(t,r)=>{r.toString()===""?window.history.pushState({},"",`${t}`):window.history.pushState({},"",`${t}?${r.toString()}`)},O=t=>{var d;const r=Q(),n=[];for(const[i,a]of r.entries())if(t.includes(i)&&!Object.values(T).includes(i))if(a.includes("--")){const l=a.split("--"),u={attribute:i,range:{from:Number(l[0]),to:Number(l[1])}};n.push(u)}else{const l=n.findIndex(u=>u.attribute==i);if(l!==-1)(d=n[l].in)==null||d.push(a);else{const u={attribute:i,in:[a]};n.push(u)}}return n},Xe=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);for(const d of r.searchParams.keys())Object.values(T).includes(d)||n.delete(d);t.forEach(d=>{const i=d.attribute;if(d.range){const a=d.range;k(i)?(n.delete(i),n.append(i,`${a.from}--${a.to}`)):n.append(i,`${a.from}--${a.to}`)}else{const a=d.in||[],l=n.getAll(i);a.map(u=>{l.includes(u)||n.append(i,u)})}}),q(r.pathname,n)},W=t=>new DOMParser().parseFromString(t,"text/html").documentElement.textContent,ht=({minQueryLength:t=3,slots:r,pageSize:n=12,routeProduct:d,categoryPath:i})=>{const a=Fe({sortLabel:"Search.PLP.SortDropdown.title",relevanceLabel:"Search.PLP.SortDropdown.relevanceLabel",sortASC:"Search.PLP.SortDropdown.sortASC",sortDESC:"Search.PLP.SortDropdown.sortDESC",minQueryLength:o(He,{id:"Search.PLP.Warning.minQueryLength",fields:{minQueryLength:t}}),noResults:"Search.PLP.Warning.noResults",searchError:"Search.PLP.Warning.searchError",positionLabel:"Search.PLP.SortDropdown.positionLabel"}),[l,u]=S([]),[A,Z]=S(),[B,K]=S(1),[G,L]=S(!1),[J,y]=S(a.noResults),I=j(a,i),[X,z]=S(),[Y,b]=S([]),V=[...Array(n).keys()].map(()=>{const e=xe({});return e.initialized=!1,e}),[E,ee]=S(V),F=e=>{qe(e.sku,w)},te=e=>{x({currentPage:e})},re=e=>{Z(e),Ke(e)},ne=e=>{const c=U(e);z(e),x({sort:c})},oe=e=>{var h;const c=k("product_list_order"),m=U(c||I.value),s={phrase:i?"":(e==null?void 0:e.phrase)||k("q"),pageSize:(e==null?void 0:e.pageSize)||n,currentPage:(e==null?void 0:e.currentPage)||A,filter:(e==null?void 0:e.filter)||O(Y),sort:(e==null?void 0:e.sort)||m};return(e!=null&&e.phrase||e!=null&&e.filter||e!=null&&e.sort||e!=null&&e.pageSize)&&(s.currentPage=1,e!=null&&e.phrase&&(s.filter=[],s.sort=U(I.value),z(I.value))),i?(s.phrase="",s.filter=(h=s.filter)==null?void 0:h.concat({attribute:"categoryPath",eq:i})):s.phrase=(e==null?void 0:e.phrase)||k("q")||"",s},ce=e=>{if(!i){const s=e.phrase||"";Je(s)}const c=e.filter||[];Xe(c);const m=Te(e.sort||[]);Ge(m)},se=e=>We().then(c=>{b(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute));const m=je(c==null?void 0:c.sortable,a,i);u(m.options);const s=Qe(m.options,e||m.default.value);return z(s.value),O(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute))}).catch(()=>{L(!0),y(a.searchError)}),x=e=>{var m;const c=oe(e);if(ce(c),!i&&(((m=c==null?void 0:c.phrase)==null?void 0:m.length)||0)<t)L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",(c==null?void 0:c.phrase)||"")),H();else return L(!1),Oe(c).then(s=>{var h,f;$.emit("search/result",{result:s,request:c}),(s==null?void 0:s.totalCount)===0&&(s==null?void 0:s.items.length)===0?(L(!0),y(a.noResults)):(ee(s==null?void 0:s.items.map(g=>(g.initialized=!0,g))),re(((h=s==null?void 0:s.pageInfo)==null?void 0:h.currentPage)||1),K(((f=s==null?void 0:s.pageInfo)==null?void 0:f.totalPages)||1))}).catch(()=>{L(!0),y(a.searchError),H()}).finally(()=>{})},ae=pe(e=>{x(e)},[]),H=()=>{$.emit("search/result",{result:{},request:{}})};ge(()=>{const e=k("q"),c=k("product_list_order")||I.value;se(c).then(s=>{i?x({filter:[{attribute:"categoryPath",eq:i}]}):e!=null&&e.length&&e.length<t?(L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",e)),H()):x({filter:s})});const m=$.on("search/request",ae);return()=>{m==null||m.off()}},[]);const ie=e=>o(C,{name:"ProductActions",slot:r==null?void 0:r.ProductActions,context:{product:e}}),de=e=>{var s,h,f,g,R;let c=e.typename==="ComplexProductView"?(s=e.priceRange)==null?void 0:s.minimum.regular.amount.currency:(h=e.price)==null?void 0:h.regular.amount.currency;Intl.supportedValuesOf("currency").indexOf(c||"")===-1&&(c="USD");const m=e.typename==="ComplexProductView"?o(v,{display:"from to",minimumAmount:(f=e.priceRange)==null?void 0:f.minimum.regular.amount.value,maximumAmount:(g=e.priceRange)==null?void 0:g.maximum.regular.amount.value,currency:c}):o(v,{amount:(R=e.price)==null?void 0:R.regular.amount.value,currency:c});return o(C,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:m}):m})},le=e=>{const c=e.name!==null?W(e.name):"";return o(C,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:c}):c})},me=(e,c)=>{var f,g,R,M;const m={loading:c<8?"eager":"lazy",src:((g=(f=e.images)==null?void 0:f[0])==null?void 0:g.url)||"",alt:((M=(R=e.images)==null?void 0:R[0])==null?void 0:M.label)||"",width:"200",height:"250"},s=e.name!==null?W(e.name):e.sku,h=o(Ce,{class:"product-discovery-product-item__image",...m,"aria-label":s});return o(C,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{product:e,defaultImageProps:m},children:d?o("a",{href:d(e),onClick:()=>F(e),children:h}):h})},ue=()=>o(C,{name:"Header",slot:r==null?void 0:r.Header,context:{productList:E},children:o(Le,{floatingLabel:a.sortLabel,options:l,value:X,required:!0,handleSelect:e=>{const{value:c}=e.target;ne(c)},"data-testid":"product-list-sort-by-picker"})}),he=()=>o(C,{name:"Footer",slot:r==null?void 0:r.Footer,context:{productList:E},children:o(we,{currentPage:A,totalPages:B,onChange:e=>{te(e)}})}),fe=o(Ze,{header:ue(),footer:he(),productList:E==null?void 0:E.map((e,c)=>o(ve,{image:me(e,c),titleNode:le(e),price:de(e),actionButton:ie(e),initialized:e.initialized},e.id||e.sku))});return o("div",{class:"product-discovery-product-list__container",children:G?o(Be,{alertMessage:J}):fe})};export{ht as ProductList,ht as default};
 //# sourceMappingURL=ProductList.js.map

package/containers/ProductList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductList.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Warning.svg","../../node_modules/@adobe-commerce/elsie/src/components/ProductItemCard/ProductItemCardSkeleton.tsx","../../node_modules/@adobe-commerce/elsie/src/components/ProductItemCard/ProductItemCard.tsx","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/getProductSearch.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/getAttributeMetadata.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/sortUtils.ts","/@dropins/storefront-product-discovery/src/components/ProductList/ProductList.tsx","/@dropins/storefront-product-discovery/src/components/SearchAlertMessage/SearchAlertMessage.tsx","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/urlUtils.ts","/@dropins/storefront-product-discovery/src/utils/htmlStringDecode.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/ProductList.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Warning_Base\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_841_1324)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_841_1324\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 24, height: 21, fill: \"white\", transform: \"translate(0 1.5)\" }))));\nexport default SvgWarning;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton.css';\n\nexport const ProductItemCardSkeleton: FunctionComponent = () => {\n  return (\n    <div className=\"dropin-product-item-card dropin-product-item-card-skeleton\">\n      <Skeleton className=\"dropin-product-item-card__skeleton dropin-product-item-card__image-container\">\n        <SkeletonRow\n          fullWidth={true}\n          className=\"dropin-product-item-card__skeleton__image\"\n        />\n        <div className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n          <SkeletonRow\n            fullWidth={true}\n            size=\"large\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"small\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n        </div>{' '}\n      </Skeleton>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  image?: VNode;\n  titleNode?: VNode;\n  price?: VNode;\n  sku?: VNode;\n  actionButton?: VNode;\n  swatches?: VNode;\n  initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n  className,\n  image,\n  titleNode,\n  price,\n  sku,\n  actionButton,\n  swatches,\n  initialized = false,\n  ...props\n}) => {\n  if (!initialized) {\n    return <ProductItemCardSkeleton />;\n  }\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-product-item-card', className])}\n    >\n      <div className=\"dropin-product-item-card__image-container\">\n        {image && (\n          <VComponent\n            node={image}\n            className={classes(['dropin-product-item-card__image'])}\n          />\n        )}\n      </div>\n      <div className=\"dropin-product-item-card__content\">\n        {titleNode && (\n          <VComponent\n            node={titleNode}\n            className={classes(['dropin-product-item-card__title'])}\n          />\n        )}\n        {sku && (\n          <VComponent\n            node={sku}\n            className={classes(['dropin-product-item-card__sku'])}\n          />\n        )}\n        {price && (\n          <div className=\"dropin-product-item-card__price\">\n            <VComponent\n              node={price}\n              className={classes(['dropin-product-item-card__price'])}\n            />\n          </div>\n        )}\n        {swatches && (\n          <div className=\"dropin-product-item-card__swatches\">\n            <VComponent\n              node={swatches}\n              className={classes(['dropin-product-item-card__swatches'])}\n            />\n          </div>\n        )}\n        {actionButton && (\n          <div className=\"dropin-product-item-card__action\">\n            <VComponent\n              node={actionButton}\n              className={classes(['dropin-product-item-card__action'])}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { productSearch as productSearchQuery } from '@/plp/api';\nimport { SearchVariables } from '@/plp/data/models';\nimport { transformProductSearchResponse } from '@/plp/data/transforms';\nimport {\n  PLP_UNIT_ID,\n  categoryResultsView,\n  searchRequestSent,\n  searchResponseReceived,\n  searchResultsView,\n  updateSearchInputCtx,\n  updateSearchResultsCtx,\n} from '@/plp/utils/acdlEvents';\n\nexport function getProductSearch(variables: SearchVariables): any {\n  let searchRequestId = '';\n  // ======  data collection =====\n  try {\n    searchRequestId = self.crypto.randomUUID();\n    updateSearchInputCtx(\n      PLP_UNIT_ID,\n      searchRequestId,\n      variables.phrase || '',\n      variables.filter || [],\n      variables.pageSize || 0,\n      variables.currentPage || 0,\n      variables.sort || [],\n    );\n    searchRequestSent(PLP_UNIT_ID);\n  } catch (e) {\n    console.error('Error collecting data:', e);\n  }\n  // =============================\n\n  //Add default visibility filter\n  const defaultVisibilityFilter = { attribute: 'visibility', in: ['Search', 'Catalog, Search'] };\n  const searchObj = structuredClone(variables);\n  searchObj.filter?.push(defaultVisibilityFilter);\n\n  return productSearchQuery(searchObj)\n    .then((value: any | null) => {\n      const transformedResponse = transformProductSearchResponse(value);\n\n      try {\n        // =====  data collection =====\n        updateSearchResultsCtx(PLP_UNIT_ID, searchRequestId, transformedResponse);\n        searchResponseReceived(PLP_UNIT_ID);\n        // TODO: Publish view events base on search type\n        if (variables.phrase) {\n          searchResultsView(PLP_UNIT_ID);\n        } else {\n          categoryResultsView(PLP_UNIT_ID);\n        }\n        // ============================\n      } catch (e) {\n        console.error('Error collecting data:', e);\n      }\n\n      return transformedResponse;\n    })\n    .catch((error: any) => {\n      console.error('Error fetching product search:', error);\n      throw new Error('Error fetching product search.');\n    })\n    .finally(() => {});\n}\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { attributeMetadata as attributeMetadataQuery } from '@/plp/api';\nimport { transformAttributeMetadata } from '@/plp/data/transforms';\n\nexport function getAttributeMetadata(): any {\n  return attributeMetadataQuery()\n    .then((value: any | null) => {\n      return transformAttributeMetadata(value);\n    })\n    .catch((error: any) => {\n      console.error('Error fetching attribute metadata:', error);\n      throw new Error('Error fetching attribute metadata.');\n    })\n    .finally(() => {});\n}\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { SortOrder } from '@/plp/data/models/api';\nconst getDefaultSort = (translations: any, categoryPath?: string): any => {\n  if (categoryPath) {\n    return { text: translations.positionLabel, value: 'position_ASC' };\n  }\n  return { text: translations.relevanceLabel, value: 'relevance_DESC' };\n};\n\nconst setSortOptions = (sortOptions: any, translations: any, categoryPath?: string): any => {\n  const defaultSort = getDefaultSort(translations, categoryPath);\n  const finalSortOptions = sortOptions.reduce((resultOptions: any, option: any) => {\n    if (option.attribute !== 'position' && option.attribute !== 'relevance') {\n      if (option.attribute === 'price') {\n        resultOptions.push({\n          text: translations.sortASC,\n          value: `${option.attribute}_ASC`,\n        });\n        resultOptions.push({\n          text: translations.sortDESC,\n          value: `${option.attribute}_DESC`,\n        });\n      } else {\n        resultOptions.push({\n          text: option.label,\n          value: `${option.attribute}_DESC`,\n        });\n      }\n    }\n    return resultOptions;\n  }, []);\n  finalSortOptions.push(defaultSort);\n  return { options: finalSortOptions, default: defaultSort };\n};\n\nconst getSortSearchVariables = (sortValue: string): SortOrder[] => {\n  const index = sortValue.indexOf('_');\n  const newSort: SortOrder[] = [\n    {\n      attribute: sortValue.substring(0, index) as string,\n      direction: sortValue.substring(index + 1) === 'ASC' ? 'ASC' : 'DESC',\n    },\n  ];\n  return newSort;\n};\n\nconst getSortValue = (sort: SortOrder[]): string => {\n  if (sort.length > 0) {\n    return `${sort[0].attribute}_${sort[0].direction}`;\n  }\n  return '';\n};\n\nconst getPickerOption = (options: any, value: string): any => {\n  const index = options.findIndex((option: any) => option.value === value);\n  if (index > -1) {\n    return options[index];\n  }\n  return null;\n};\n\nexport { getDefaultSort, getSortSearchVariables, setSortOptions, getPickerOption, getSortValue };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ProductList/ProductList.css';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n  header?: VNode;\n  productList?: VNode[];\n  footer?: VNode;\n}\n\nexport const ProductList: FunctionComponent<ProductListProps> = ({ header, productList, footer }) => {\n  return (\n    <div className={'product-discovery-product-list'}>\n      {header && <VComponent className=\"product-discovery-product-list__header\" node={header} />}\n      <div className=\"product-discovery-product-list__grid\">{productList && <VComponent node={productList} />}</div>\n      {footer && <VComponent className=\"product-discovery-product-list__pagination\" node={footer} />}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/SearchAlertMessage/SearchAlertMessage.css';\nimport { Icon, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { Warning } from '@adobe-commerce/elsie/icons';\n\nexport interface SearchAlertMessageProps extends HTMLAttributes<HTMLDivElement> {\n  alertMessage?: string;\n}\n\nexport const SearchAlertMessage: FunctionComponent<SearchAlertMessageProps> = ({ alertMessage = '' }) => {\n  return (\n    <div className={classes(['product-discovery-search-alert-message__wrapper'])}>\n      <div className=\"product-discovery-search-alert-message__content\">\n        <InLineAlert\n          heading={alertMessage}\n          type={'warning'}\n          icon={<Icon source={Warning} size=\"24\" />}\n          onDismiss={undefined}\n        />\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst nonFilterKeys = {\n  search: 'q',\n  search_query: 'search_query',\n  pagination: 'p',\n  sort: 'product_list_order',\n  page_size: 'page_size',\n};\n\nconst getValueFromUrl = (param: string) => {\n  const params = getSearchParams();\n  const filter = params.get(param);\n  if (filter) {\n    return filter;\n  }\n  return '';\n};\n\nconst getSearchParams = () => {\n  const search = window.location.search;\n  return new URLSearchParams(search);\n};\n\nconst updateUrlPagination = (pageNumber: number) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  if (pageNumber === 1) {\n    params.delete('p');\n  } else {\n    params.set('p', pageNumber.toString());\n  }\n  setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSort = (sortOption: string) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  params.set('product_list_order', sortOption);\n  setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSearchPhrase = (searchPhrase: string) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  params.set('q', searchPhrase);\n  setWindowHistory(url.pathname, params);\n};\n\nconst setWindowHistory = (pathname: string, params: URLSearchParams) => {\n  if (params.toString() === '') {\n    window.history.pushState({}, '', `${pathname}`);\n  } else {\n    window.history.pushState({}, '', `${pathname}?${params.toString()}`);\n  }\n};\n\nconst getFiltersFromUrl = (filterableAttributes: string[]): any[] => {\n  const params = getSearchParams();\n  const filters: any[] = [];\n  for (const [key, value] of params.entries()) {\n    // if nonFilterKeys values includes a key from params (for customizing)\n    if (filterableAttributes.includes(key) && !Object.values(nonFilterKeys).includes(key)) {\n      if (value.includes('--')) {\n        const range = value.split('--');\n        const filter = {\n          attribute: key,\n          range: { from: Number(range[0]), to: Number(range[1]) },\n        };\n        filters.push(filter);\n      } else {\n        const attributeIndex = filters.findIndex((filter) => filter.attribute == key);\n        if (attributeIndex !== -1) {\n          filters[attributeIndex].in?.push(value);\n        } else {\n          const filter = { attribute: key, in: [value] };\n          filters.push(filter);\n        }\n      }\n    }\n  }\n  return filters;\n};\n\nconst addUrlFilters = (filters: any[]) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  for (const key of url.searchParams.keys()) {\n    // if nonFilterKeys values includes a key from params (for customizing)\n    if (!Object.values(nonFilterKeys).includes(key)) {\n      params.delete(key);\n    }\n  }\n  filters.forEach((filter) => {\n    const attribute = filter.attribute;\n    if (filter.range) {\n      const filt = filter.range;\n      if (getValueFromUrl(attribute)) {\n        params.delete(attribute);\n        params.append(attribute, `${filt.from}--${filt.to}`);\n      } else {\n        params.append(attribute, `${filt.from}--${filt.to}`);\n      }\n    } else {\n      const filt = filter.in || [];\n      const filterParams = params.getAll(attribute);\n      filt.map((f: any) => {\n        if (!filterParams.includes(f)) {\n          params.append(attribute, f);\n        }\n      });\n    }\n  });\n  setWindowHistory(url.pathname, params);\n};\n\nexport { addUrlFilters, getFiltersFromUrl, getValueFromUrl, updateUrlPagination, updateUrlSort, updateUrlSearchPhrase };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst htmlStringDecode = (input: string): string | null => {\n  const doc = new DOMParser().parseFromString(input, 'text/html');\n  return doc.documentElement.textContent;\n};\n\nexport { htmlStringDecode };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { Image, ImageProps, Pagination, Picker, PickerOption, PriceRange } from '@adobe-commerce/elsie/components';\nimport { ProductItemCard } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard';\nimport { getProductSearch } from './utils/getProductSearch';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models';\nimport { getAttributeMetadata } from './utils/getAttributeMetadata';\nimport {\n  getSortSearchVariables,\n  setSortOptions,\n  getPickerOption,\n  getDefaultSort,\n  getSortValue,\n} from './utils/sortUtils';\nimport { SearchAlertMessage } from '@/plp/components';\nimport {\n  addUrlFilters,\n  getFiltersFromUrl,\n  getValueFromUrl,\n  updateUrlPagination,\n  updateUrlSearchPhrase,\n  updateUrlSort,\n} from './utils/urlUtils';\nimport { ProductList as ProductListComponent } from '@/plp/components/ProductList/ProductList';\nimport { useText, Text } from '@adobe-commerce/elsie/i18n';\nimport { Product } from '@/plp/data/models/product';\nimport { htmlStringDecode } from '@/plp/utils/htmlStringDecode';\nimport { events } from '@adobe-commerce/event-bus';\nimport { VNode } from 'preact';\nimport { transformProduct } from '@/plp/data/transforms';\nimport { PLP_UNIT_ID, searchProductClick } from '@/plp/utils/acdlEvents';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n  minQueryLength?: number;\n  slots?: {\n    Header?: SlotProps;\n    ProductActions?: SlotProps;\n    ProductPrice?: SlotProps;\n    ProductName?: SlotProps;\n    ProductImage?: SlotProps;\n    Footer?: SlotProps;\n  };\n  pageSize?: number;\n  routeProduct?: (product: Product) => string;\n  categoryPath?: string;\n}\n\nexport const ProductList: Container<ProductListProps> = ({\n  minQueryLength = 3,\n  slots,\n  pageSize = 12,\n  routeProduct,\n  categoryPath,\n}) => {\n  const translations = useText({\n    sortLabel: 'Search.PLP.SortDropdown.title',\n    relevanceLabel: 'Search.PLP.SortDropdown.relevanceLabel',\n    sortASC: 'Search.PLP.SortDropdown.sortASC',\n    sortDESC: 'Search.PLP.SortDropdown.sortDESC',\n    minQueryLength: <Text id=\"Search.PLP.Warning.minQueryLength\" fields={{ minQueryLength }} />,\n    noResults: 'Search.PLP.Warning.noResults',\n    searchError: 'Search.PLP.Warning.searchError',\n    positionLabel: 'Search.PLP.SortDropdown.positionLabel',\n  });\n  const [pickerOptions, setPickerOptions] = useState<PickerOption[]>([]);\n  const [currentPage, setCurrentPage] = useState<number>();\n  const [totalPages, setTotalPages] = useState<number>(1);\n  const [showAlert, setShowAlert] = useState<boolean>(false);\n  const [alertMessage, setAlertMessage] = useState<string>(translations.noResults);\n  const defaultSort = getDefaultSort(translations, categoryPath);\n  const [sortValue, setSortValue] = useState<string>();\n  const [filterableAttributes, setFilterableAttributes] = useState<any[]>([]);\n  // Initialize the product list with empty items to avoid rendering issues\n  const fakeProductList = [...Array(pageSize).keys()].map(() => {\n    const fakeProduct = transformProduct({}) as Product;\n    fakeProduct.initialized = false; // Mark as not initialized for skeleton loading\n    return fakeProduct;\n  });\n  const [productList, setProductList] = useState<Product[]>(fakeProductList);\n\n  const handleProductClick = (product: Product): void => {\n    searchProductClick(product.sku, PLP_UNIT_ID);\n  };\n\n  const changePage = (page: number): void => {\n    searchProducts({\n      currentPage: page,\n    });\n  };\n\n  const updateCurrentPage = (page: number): void => {\n    setCurrentPage(page);\n    updateUrlPagination(page);\n  };\n\n  const changeSort = (sortValue: any): void => {\n    const newSort = getSortSearchVariables(sortValue);\n    setSortValue(sortValue);\n    searchProducts({\n      sort: newSort,\n    });\n  };\n\n  const getSearchVariables = (inputVariables?: SearchVariables): SearchVariables => {\n    const urlSort = getValueFromUrl('product_list_order');\n    const sortSearchVariable = urlSort ? getSortSearchVariables(urlSort) : getSortSearchVariables(defaultSort.value);\n    const searchVariables = {\n      phrase: !categoryPath ? inputVariables?.phrase || getValueFromUrl('q') : '',\n      pageSize: inputVariables?.pageSize || pageSize,\n      currentPage: inputVariables?.currentPage || currentPage,\n      filter: inputVariables?.filter || getFiltersFromUrl(filterableAttributes),\n      sort: inputVariables?.sort || sortSearchVariable,\n    } as SearchVariables;\n    // Reset search variables for \"new\" search if certain input variables are provided\n    if (inputVariables?.phrase || inputVariables?.filter || inputVariables?.sort || inputVariables?.pageSize) {\n      searchVariables.currentPage = 1; // Reset to first page on new search\n      if (inputVariables?.phrase) {\n        searchVariables.filter = []; // Clear filters if a new search phrase is provided\n        searchVariables.sort = getSortSearchVariables(defaultSort.value); // Reset sort to initial value\n        setSortValue(defaultSort.value);\n      }\n    }\n    // If categoryPath is provided, adjust search variables accordingly\n    if (!categoryPath) {\n      searchVariables.phrase = inputVariables?.phrase || getValueFromUrl('q') || '';\n    } else {\n      searchVariables.phrase = ''; // Clear phrase if in category context\n      searchVariables.filter = searchVariables.filter?.concat({ attribute: 'categoryPath', eq: categoryPath });\n    }\n    return searchVariables;\n  };\n\n  const updateSearchVariablesQueryString = (variables: SearchVariables): void => {\n    if (!categoryPath) {\n      const newPhrase = variables.phrase || '';\n      updateUrlSearchPhrase(newPhrase);\n    }\n    const newFilters = variables.filter || [];\n    addUrlFilters(newFilters);\n    const newSortValue = getSortValue(variables.sort || []);\n    updateUrlSort(newSortValue);\n    //page number is set based on product search results\n  };\n\n  const loadMetadata = (urlSort: string): Promise<any[]> => {\n    return getAttributeMetadata()\n      .then((value: any) => {\n        setFilterableAttributes((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n        const sortOptions = setSortOptions(value?.sortable, translations, categoryPath);\n        setPickerOptions(sortOptions.options);\n        const sortStartValue = getPickerOption(sortOptions.options, urlSort || sortOptions.default.value);\n        setSortValue(sortStartValue.value);\n        const urlFilters = getFiltersFromUrl((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n        return urlFilters;\n      })\n      .catch(() => {\n        setShowAlert(true);\n        setAlertMessage(translations.searchError);\n      });\n  };\n\n  const searchProducts = (inputVariables?: SearchVariables): Promise<void> | void => {\n    const searchVariables = getSearchVariables(inputVariables);\n    updateSearchVariablesQueryString(searchVariables);\n\n    if (!categoryPath && (searchVariables?.phrase?.length || 0) < minQueryLength) {\n      setShowAlert(true);\n      setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchVariables?.phrase || ''));\n      emitEmptySearchEvent();\n    } else {\n      setShowAlert(false);\n      return getProductSearch(searchVariables)\n        .then((value: ProductSearchResult) => {\n          events.emit('search/result', { result: value, request: searchVariables });\n          if (value?.totalCount === 0 && value?.items.length === 0) {\n            setShowAlert(true);\n            setAlertMessage(translations.noResults);\n          } else {\n            setProductList(\n              value?.items.map((product: Product) => {\n                product.initialized = true;\n                return product;\n              }),\n            );\n            updateCurrentPage(value?.pageInfo?.currentPage || 1);\n            setTotalPages(value?.pageInfo?.totalPages || 1);\n          }\n        })\n        .catch(() => {\n          setShowAlert(true);\n          setAlertMessage(translations.searchError);\n          emitEmptySearchEvent();\n        })\n        .finally(() => {});\n    }\n  };\n\n  const handleSearchRequestEvent = useCallback((searchVariables: SearchVariables): void => {\n    searchProducts(searchVariables);\n  }, []);\n\n  const emitEmptySearchEvent = (): void => {\n    events.emit('search/result', { result: {} as ProductSearchResult, request: {} });\n  };\n\n  useEffect(() => {\n    const searchPhrase = getValueFromUrl('q');\n    const urlSort = getValueFromUrl('product_list_order') || defaultSort.value;\n    loadMetadata(urlSort).then((value: any) => {\n      if (categoryPath) {\n        searchProducts({\n          filter: [{ attribute: 'categoryPath', eq: categoryPath }],\n        });\n      } else if (searchPhrase?.length && searchPhrase.length < minQueryLength) {\n        setShowAlert(true);\n        setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchPhrase));\n        emitEmptySearchEvent();\n      } else {\n        searchProducts({ filter: value });\n      }\n    });\n\n    const requestEvent = events.on('search/request', handleSearchRequestEvent);\n    return () => {\n      requestEvent?.off();\n    };\n  }, []);\n\n  //NODE CREATION\n\n  const getActionsSlot = (product: Product) => {\n    return <Slot name=\"ProductActions\" slot={slots?.ProductActions} context={{ product }} />;\n  };\n\n  const getProductPriceSlot = (product: Product) => {\n    let productCurrency =\n      product.typename === 'ComplexProductView'\n        ? product.priceRange?.minimum.regular.amount.currency\n        : product.price?.regular.amount.currency;\n    if (Intl.supportedValuesOf('currency').indexOf(productCurrency || '') === -1) {\n      productCurrency = 'USD'; // Fallback to USD if the currency is not supported\n    }\n    const productPrice =\n      product.typename === 'ComplexProductView' ? (\n        <PriceRange\n          display=\"from to\"\n          minimumAmount={product.priceRange?.minimum.regular.amount.value}\n          maximumAmount={product.priceRange?.maximum.regular.amount.value}\n          currency={productCurrency}\n        />\n      ) : (\n        <PriceRange amount={product.price?.regular.amount.value} currency={productCurrency} />\n      );\n    return (\n      <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ product }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {productPrice}\n          </a>\n        ) : (\n          productPrice\n        )}\n      </Slot>\n    );\n  };\n\n  const getProductNameSlot = (product: Product) => {\n    const productName = product.name !== null ? htmlStringDecode(product.name) : '';\n    return (\n      <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ product }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {productName}\n          </a>\n        ) : (\n          productName\n        )}\n      </Slot>\n    );\n  };\n\n  const getProductImageSlot = (product: Product, index: number) => {\n    const defaultImageProps: ImageProps = {\n      loading: index < 8 ? 'eager' : 'lazy',\n      src: product.images?.[0]?.url || '',\n      alt: product.images?.[0]?.label || '',\n      width: '200',\n      height: '250',\n    };\n    const productName = product.name !== null ? htmlStringDecode(product.name) : product.sku;\n    const imageComponent = (\n      <Image class=\"product-discovery-product-item__image\" {...defaultImageProps} aria-label={productName} />\n    );\n    return (\n      <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ product, defaultImageProps }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {imageComponent}\n          </a>\n        ) : (\n          imageComponent\n        )}\n      </Slot>\n    );\n  };\n\n  const getHeader = () => {\n    return (\n      <Slot name=\"Header\" slot={slots?.Header} context={{ productList }}>\n        <Picker\n          floatingLabel={translations.sortLabel}\n          options={pickerOptions}\n          value={sortValue}\n          required\n          handleSelect={(event) => {\n            const { value } = event.target as HTMLSelectElement;\n            changeSort(value);\n          }}\n          data-testid=\"product-list-sort-by-picker\"\n        />\n      </Slot>\n    );\n  };\n\n  const getFooter = () => {\n    return (\n      <Slot name=\"Footer\" slot={slots?.Footer} context={{ productList }}>\n        <Pagination\n          currentPage={currentPage}\n          totalPages={totalPages}\n          onChange={(page) => {\n            changePage(page);\n          }}\n        />\n      </Slot>\n    );\n  };\n\n  const productListComponent = (\n    <ProductListComponent\n      header={getHeader()}\n      footer={getFooter()}\n      productList={\n        productList?.map((product: Product, i: number) => {\n          return (\n            <ProductItemCard\n              key={product.id || product.sku}\n              image={getProductImageSlot(product, i)}\n              titleNode={getProductNameSlot(product)}\n              price={getProductPriceSlot(product)}\n              actionButton={getActionsSlot(product)}\n              initialized={product.initialized}\n            />\n          );\n        }) as VNode[]\n      }\n    />\n  );\n\n  return (\n    <div class=\"product-discovery-product-list__container\">\n      {showAlert ? <SearchAlertMessage alertMessage={alertMessage} /> : productListComponent}\n    </div>\n  );\n};\n"],"names":["SvgWarning","props","React","ProductItemCardSkeleton","jsxs","Skeleton","jsx","SkeletonRow","ProductItemCard","className","image","titleNode","price","sku","actionButton","swatches","initialized","classes","VComponent","getProductSearch","variables","searchRequestId","updateSearchInputCtx","PLP_UNIT_ID","searchRequestSent","e","defaultVisibilityFilter","searchObj","_a","productSearchQuery","value","transformedResponse","transformProductSearchResponse","updateSearchResultsCtx","searchResponseReceived","searchResultsView","categoryResultsView","error","getAttributeMetadata","attributeMetadataQuery","transformAttributeMetadata","getDefaultSort","translations","categoryPath","setSortOptions","sortOptions","defaultSort","finalSortOptions","resultOptions","option","getSortSearchVariables","sortValue","index","getSortValue","sort","getPickerOption","options","ProductList","header","productList","footer","SearchAlertMessage","alertMessage","InLineAlert","Icon","Warning","nonFilterKeys","getValueFromUrl","param","filter","getSearchParams","search","updateUrlPagination","pageNumber","url","params","setWindowHistory","updateUrlSort","sortOption","updateUrlSearchPhrase","searchPhrase","pathname","getFiltersFromUrl","filterableAttributes","filters","key","range","attributeIndex","addUrlFilters","attribute","filt","filterParams","f","htmlStringDecode","input","minQueryLength","slots","pageSize","routeProduct","useText","Text","pickerOptions","setPickerOptions","useState","currentPage","setCurrentPage","totalPages","setTotalPages","showAlert","setShowAlert","setAlertMessage","setSortValue","setFilterableAttributes","fakeProductList","fakeProduct","transformProduct","setProductList","handleProductClick","product","searchProductClick","changePage","page","searchProducts","updateCurrentPage","changeSort","newSort","getSearchVariables","inputVariables","urlSort","sortSearchVariable","searchVariables","updateSearchVariablesQueryString","newPhrase","newFilters","newSortValue","loadMetadata","attr","sortStartValue","emitEmptySearchEvent","events","_b","handleSearchRequestEvent","useCallback","useEffect","requestEvent","getActionsSlot","Slot","getProductPriceSlot","productCurrency","productPrice","PriceRange","_c","_d","_e","getProductNameSlot","productName","getProductImageSlot","defaultImageProps","imageComponent","Image","getHeader","Picker","event","getFooter","Pagination","productListComponent","ProductListComponent","i"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"ProductList.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Warning.svg","../../node_modules/@adobe-commerce/elsie/src/components/ProductItemCard/ProductItemCardSkeleton.tsx","../../node_modules/@adobe-commerce/elsie/src/components/ProductItemCard/ProductItemCard.tsx","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/getProductSearch.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/getAttributeMetadata.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/sortUtils.ts","/@dropins/storefront-product-discovery/src/components/ProductList/ProductList.tsx","/@dropins/storefront-product-discovery/src/components/SearchAlertMessage/SearchAlertMessage.tsx","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/urlUtils.ts","/@dropins/storefront-product-discovery/src/utils/htmlStringDecode.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/ProductList.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Warning_Base\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_841_1324)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_841_1324\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 24, height: 21, fill: \"white\", transform: \"translate(0 1.5)\" }))));\nexport default SvgWarning;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton.css';\n\nexport const ProductItemCardSkeleton: FunctionComponent = () => {\n  return (\n    <div className=\"dropin-product-item-card dropin-product-item-card-skeleton\">\n      <Skeleton className=\"dropin-product-item-card__skeleton dropin-product-item-card__image-container\">\n        <SkeletonRow\n          fullWidth={true}\n          className=\"dropin-product-item-card__skeleton__image\"\n        />\n        <div className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n          <SkeletonRow\n            fullWidth={true}\n            size=\"large\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"small\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n        </div>{' '}\n      </Skeleton>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  image?: VNode;\n  titleNode?: VNode;\n  price?: VNode;\n  sku?: VNode;\n  actionButton?: VNode;\n  swatches?: VNode;\n  initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n  className,\n  image,\n  titleNode,\n  price,\n  sku,\n  actionButton,\n  swatches,\n  initialized = false,\n  ...props\n}) => {\n  if (!initialized) {\n    return <ProductItemCardSkeleton />;\n  }\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-product-item-card', className])}\n    >\n      <div className=\"dropin-product-item-card__image-container\">\n        {image && (\n          <VComponent\n            node={image}\n            className={classes(['dropin-product-item-card__image'])}\n          />\n        )}\n      </div>\n      <div className=\"dropin-product-item-card__content\">\n        {titleNode && (\n          <VComponent\n            node={titleNode}\n            className={classes(['dropin-product-item-card__title'])}\n          />\n        )}\n        {sku && (\n          <VComponent\n            node={sku}\n            className={classes(['dropin-product-item-card__sku'])}\n          />\n        )}\n        {price && (\n          <div className=\"dropin-product-item-card__price\">\n            <VComponent\n              node={price}\n              className={classes(['dropin-product-item-card__price'])}\n            />\n          </div>\n        )}\n        {swatches && (\n          <div className=\"dropin-product-item-card__swatches\">\n            <VComponent\n              node={swatches}\n              className={classes(['dropin-product-item-card__swatches'])}\n            />\n          </div>\n        )}\n        {actionButton && (\n          <div className=\"dropin-product-item-card__action\">\n            <VComponent\n              node={actionButton}\n              className={classes(['dropin-product-item-card__action'])}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { productSearch as productSearchQuery } from '@/plp/api';\nimport { SearchVariables } from '@/plp/data/models';\nimport { transformProductSearchResponse } from '@/plp/data/transforms';\nimport {\n  PLP_UNIT_ID,\n  categoryResultsView,\n  searchRequestSent,\n  searchResponseReceived,\n  searchResultsView,\n  updateSearchInputCtx,\n  updateSearchResultsCtx,\n} from '@/plp/utils/acdlEvents';\n\nexport function getProductSearch(variables: SearchVariables): any {\n  let searchRequestId = '';\n  // ======  data collection =====\n  try {\n    searchRequestId = self.crypto.randomUUID();\n    updateSearchInputCtx(\n      PLP_UNIT_ID,\n      searchRequestId,\n      variables.phrase || '',\n      variables.filter || [],\n      variables.pageSize || 0,\n      variables.currentPage || 0,\n      variables.sort || [],\n    );\n    searchRequestSent(PLP_UNIT_ID);\n  } catch (e) {\n    console.error('Error collecting data:', e);\n  }\n  // =============================\n\n  //Add default visibility filter\n  const defaultVisibilityFilter = { attribute: 'visibility', in: ['Search', 'Catalog, Search'] };\n  const searchObj = structuredClone(variables);\n  searchObj.filter?.push(defaultVisibilityFilter);\n\n  return productSearchQuery(searchObj)\n    .then((value: any | null) => {\n      const transformedResponse = transformProductSearchResponse(value);\n\n      try {\n        // =====  data collection =====\n        updateSearchResultsCtx(PLP_UNIT_ID, searchRequestId, transformedResponse);\n        searchResponseReceived(PLP_UNIT_ID);\n        // TODO: Publish view events base on search type\n        if (variables.phrase) {\n          searchResultsView(PLP_UNIT_ID);\n        } else {\n          categoryResultsView(PLP_UNIT_ID);\n        }\n        // ============================\n      } catch (e) {\n        console.error('Error collecting data:', e);\n      }\n\n      return transformedResponse;\n    })\n    .catch((error: any) => {\n      console.error('Error fetching product search:', error);\n      throw new Error('Error fetching product search.');\n    })\n    .finally(() => {});\n}\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { attributeMetadata as attributeMetadataQuery } from '@/plp/api';\nimport { transformAttributeMetadata } from '@/plp/data/transforms';\n\nexport function getAttributeMetadata(): any {\n  return attributeMetadataQuery()\n    .then((value: any | null) => {\n      return transformAttributeMetadata(value);\n    })\n    .catch((error: any) => {\n      console.error('Error fetching attribute metadata:', error);\n      throw new Error('Error fetching attribute metadata.');\n    })\n    .finally(() => {});\n}\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { SortOrder } from '@/plp/data/models/api';\nconst getDefaultSort = (translations: any, categoryPath?: string): any => {\n  if (categoryPath) {\n    return { text: translations.positionLabel, value: 'position_ASC' };\n  }\n  return { text: translations.relevanceLabel, value: 'relevance_DESC' };\n};\n\nconst setSortOptions = (sortOptions: any, translations: any, categoryPath?: string): any => {\n  const defaultSort = getDefaultSort(translations, categoryPath);\n  const finalSortOptions = sortOptions.reduce((resultOptions: any, option: any) => {\n    if (option.attribute !== 'position' && option.attribute !== 'relevance') {\n      if (option.attribute === 'price') {\n        resultOptions.push({\n          text: translations.sortASC,\n          value: `${option.attribute}_ASC`,\n        });\n        resultOptions.push({\n          text: translations.sortDESC,\n          value: `${option.attribute}_DESC`,\n        });\n      } else {\n        resultOptions.push({\n          text: option.label,\n          value: `${option.attribute}_DESC`,\n        });\n      }\n    }\n    return resultOptions;\n  }, []);\n  finalSortOptions.push(defaultSort);\n  return { options: finalSortOptions, default: defaultSort };\n};\n\nconst getSortSearchVariables = (sortValue: string): SortOrder[] => {\n  const index = sortValue.indexOf('_');\n  const newSort: SortOrder[] = [\n    {\n      attribute: sortValue.substring(0, index) as string,\n      direction: sortValue.substring(index + 1) === 'ASC' ? 'ASC' : 'DESC',\n    },\n  ];\n  return newSort;\n};\n\nconst getSortValue = (sort: SortOrder[]): string => {\n  if (sort.length > 0) {\n    return `${sort[0].attribute}_${sort[0].direction}`;\n  }\n  return '';\n};\n\nconst getPickerOption = (options: any, value: string): any => {\n  const index = options.findIndex((option: any) => option.value === value);\n  if (index > -1) {\n    return options[index];\n  }\n  return null;\n};\n\nexport { getDefaultSort, getSortSearchVariables, setSortOptions, getPickerOption, getSortValue };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ProductList/ProductList.css';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n  header?: VNode;\n  productList?: VNode[];\n  footer?: VNode;\n}\n\nexport const ProductList: FunctionComponent<ProductListProps> = ({ header, productList, footer }) => {\n  return (\n    <div className={'product-discovery-product-list'}>\n      {header && <VComponent className=\"product-discovery-product-list__header\" node={header} />}\n      <div className=\"product-discovery-product-list__grid\">{productList && <VComponent node={productList} />}</div>\n      {footer && <VComponent className=\"product-discovery-product-list__pagination\" node={footer} />}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/SearchAlertMessage/SearchAlertMessage.css';\nimport { Icon, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { Warning } from '@adobe-commerce/elsie/icons';\n\nexport interface SearchAlertMessageProps extends HTMLAttributes<HTMLDivElement> {\n  alertMessage?: string;\n}\n\nexport const SearchAlertMessage: FunctionComponent<SearchAlertMessageProps> = ({ alertMessage = '' }) => {\n  return (\n    <div className={classes(['product-discovery-search-alert-message__wrapper'])}>\n      <div className=\"product-discovery-search-alert-message__content\">\n        <InLineAlert\n          heading={alertMessage}\n          type={'warning'}\n          icon={<Icon source={Warning} size=\"24\" />}\n          onDismiss={undefined}\n        />\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst nonFilterKeys = {\n  search: 'q',\n  search_query: 'search_query',\n  pagination: 'p',\n  sort: 'product_list_order',\n  page_size: 'page_size',\n};\n\nconst getValueFromUrl = (param: string) => {\n  const params = getSearchParams();\n  const filter = params.get(param);\n  if (filter) {\n    return filter;\n  }\n  return '';\n};\n\nconst getSearchParams = () => {\n  const search = window.location.search;\n  return new URLSearchParams(search);\n};\n\nconst updateUrlPagination = (pageNumber: number) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  if (pageNumber === 1) {\n    params.delete('p');\n  } else {\n    params.set('p', pageNumber.toString());\n  }\n  setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSort = (sortOption: string) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  params.set('product_list_order', sortOption);\n  setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSearchPhrase = (searchPhrase: string) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  params.set('q', searchPhrase);\n  setWindowHistory(url.pathname, params);\n};\n\nconst setWindowHistory = (pathname: string, params: URLSearchParams) => {\n  if (params.toString() === '') {\n    window.history.pushState({}, '', `${pathname}`);\n  } else {\n    window.history.pushState({}, '', `${pathname}?${params.toString()}`);\n  }\n};\n\nconst getFiltersFromUrl = (filterableAttributes: string[]): any[] => {\n  const params = getSearchParams();\n  const filters: any[] = [];\n  for (const [key, value] of params.entries()) {\n    // if nonFilterKeys values includes a key from params (for customizing)\n    if (filterableAttributes.includes(key) && !Object.values(nonFilterKeys).includes(key)) {\n      if (value.includes('--')) {\n        const range = value.split('--');\n        const filter = {\n          attribute: key,\n          range: { from: Number(range[0]), to: Number(range[1]) },\n        };\n        filters.push(filter);\n      } else {\n        const attributeIndex = filters.findIndex((filter) => filter.attribute == key);\n        if (attributeIndex !== -1) {\n          filters[attributeIndex].in?.push(value);\n        } else {\n          const filter = { attribute: key, in: [value] };\n          filters.push(filter);\n        }\n      }\n    }\n  }\n  return filters;\n};\n\nconst addUrlFilters = (filters: any[]) => {\n  const url = new URL(window.location.href);\n  const params = new URLSearchParams(url.searchParams);\n  for (const key of url.searchParams.keys()) {\n    // if nonFilterKeys values includes a key from params (for customizing)\n    if (!Object.values(nonFilterKeys).includes(key)) {\n      params.delete(key);\n    }\n  }\n  filters.forEach((filter) => {\n    const attribute = filter.attribute;\n    if (filter.range) {\n      const filt = filter.range;\n      if (getValueFromUrl(attribute)) {\n        params.delete(attribute);\n        params.append(attribute, `${filt.from}--${filt.to}`);\n      } else {\n        params.append(attribute, `${filt.from}--${filt.to}`);\n      }\n    } else {\n      const filt = filter.in || [];\n      const filterParams = params.getAll(attribute);\n      filt.map((f: any) => {\n        if (!filterParams.includes(f)) {\n          params.append(attribute, f);\n        }\n      });\n    }\n  });\n  setWindowHistory(url.pathname, params);\n};\n\nexport { addUrlFilters, getFiltersFromUrl, getValueFromUrl, updateUrlPagination, updateUrlSort, updateUrlSearchPhrase };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst htmlStringDecode = (input: string): string | null => {\n  const doc = new DOMParser().parseFromString(input, 'text/html');\n  return doc.documentElement.textContent;\n};\n\nexport { htmlStringDecode };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { Image, ImageProps, Pagination, Picker, PickerOption, PriceRange } from '@adobe-commerce/elsie/components';\nimport { ProductItemCard } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard';\nimport { getProductSearch } from './utils/getProductSearch';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models';\nimport { getAttributeMetadata } from './utils/getAttributeMetadata';\nimport {\n  getSortSearchVariables,\n  setSortOptions,\n  getPickerOption,\n  getDefaultSort,\n  getSortValue,\n} from './utils/sortUtils';\nimport { SearchAlertMessage } from '@/plp/components';\nimport {\n  addUrlFilters,\n  getFiltersFromUrl,\n  getValueFromUrl,\n  updateUrlPagination,\n  updateUrlSearchPhrase,\n  updateUrlSort,\n} from './utils/urlUtils';\nimport { ProductList as ProductListComponent } from '@/plp/components/ProductList/ProductList';\nimport { useText, Text } from '@adobe-commerce/elsie/i18n';\nimport { Product } from '@/plp/data/models/product';\nimport { htmlStringDecode } from '@/plp/utils/htmlStringDecode';\nimport { events } from '@adobe-commerce/event-bus';\nimport { VNode } from 'preact';\nimport { transformProduct } from '@/plp/data/transforms';\nimport { PLP_UNIT_ID, searchProductClick } from '@/plp/utils/acdlEvents';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n  minQueryLength?: number;\n  slots?: {\n    Header?: SlotProps;\n    ProductActions?: SlotProps;\n    ProductPrice?: SlotProps;\n    ProductName?: SlotProps;\n    ProductImage?: SlotProps;\n    Footer?: SlotProps;\n  };\n  pageSize?: number;\n  routeProduct?: (product: Product) => string;\n  categoryPath?: string;\n}\n\nexport const ProductList: Container<ProductListProps> = ({\n  minQueryLength = 3,\n  slots,\n  pageSize = 12,\n  routeProduct,\n  categoryPath,\n}) => {\n  const translations = useText({\n    sortLabel: 'Search.PLP.SortDropdown.title',\n    relevanceLabel: 'Search.PLP.SortDropdown.relevanceLabel',\n    sortASC: 'Search.PLP.SortDropdown.sortASC',\n    sortDESC: 'Search.PLP.SortDropdown.sortDESC',\n    minQueryLength: <Text id=\"Search.PLP.Warning.minQueryLength\" fields={{ minQueryLength }} />,\n    noResults: 'Search.PLP.Warning.noResults',\n    searchError: 'Search.PLP.Warning.searchError',\n    positionLabel: 'Search.PLP.SortDropdown.positionLabel',\n  });\n  const [pickerOptions, setPickerOptions] = useState<PickerOption[]>([]);\n  const [currentPage, setCurrentPage] = useState<number>();\n  const [totalPages, setTotalPages] = useState<number>(1);\n  const [showAlert, setShowAlert] = useState<boolean>(false);\n  const [alertMessage, setAlertMessage] = useState<string>(translations.noResults);\n  const defaultSort = getDefaultSort(translations, categoryPath);\n  const [sortValue, setSortValue] = useState<string>();\n  const [filterableAttributes, setFilterableAttributes] = useState<any[]>([]);\n  // Initialize the product list with empty items to avoid rendering issues\n  const fakeProductList = [...Array(pageSize).keys()].map(() => {\n    const fakeProduct = transformProduct({}) as Product;\n    fakeProduct.initialized = false; // Mark as not initialized for skeleton loading\n    return fakeProduct;\n  });\n  const [productList, setProductList] = useState<Product[]>(fakeProductList);\n\n  const handleProductClick = (product: Product): void => {\n    searchProductClick(product.sku, PLP_UNIT_ID);\n  };\n\n  const changePage = (page: number): void => {\n    searchProducts({\n      currentPage: page,\n    });\n  };\n\n  const updateCurrentPage = (page: number): void => {\n    setCurrentPage(page);\n    updateUrlPagination(page);\n  };\n\n  const changeSort = (sortValue: any): void => {\n    const newSort = getSortSearchVariables(sortValue);\n    setSortValue(sortValue);\n    searchProducts({\n      sort: newSort,\n    });\n  };\n\n  const getSearchVariables = (inputVariables?: SearchVariables): SearchVariables => {\n    const urlSort = getValueFromUrl('product_list_order');\n    const sortSearchVariable = urlSort ? getSortSearchVariables(urlSort) : getSortSearchVariables(defaultSort.value);\n    const searchVariables = {\n      phrase: !categoryPath ? inputVariables?.phrase || getValueFromUrl('q') : '',\n      pageSize: inputVariables?.pageSize || pageSize,\n      currentPage: inputVariables?.currentPage || currentPage,\n      filter: inputVariables?.filter || getFiltersFromUrl(filterableAttributes),\n      sort: inputVariables?.sort || sortSearchVariable,\n    } as SearchVariables;\n    // Reset search variables for \"new\" search if certain input variables are provided\n    if (inputVariables?.phrase || inputVariables?.filter || inputVariables?.sort || inputVariables?.pageSize) {\n      searchVariables.currentPage = 1; // Reset to first page on new search\n      if (inputVariables?.phrase) {\n        searchVariables.filter = []; // Clear filters if a new search phrase is provided\n        searchVariables.sort = getSortSearchVariables(defaultSort.value); // Reset sort to initial value\n        setSortValue(defaultSort.value);\n      }\n    }\n    // If categoryPath is provided, adjust search variables accordingly\n    if (!categoryPath) {\n      searchVariables.phrase = inputVariables?.phrase || getValueFromUrl('q') || '';\n    } else {\n      searchVariables.phrase = ''; // Clear phrase if in category context\n      searchVariables.filter = searchVariables.filter?.concat({ attribute: 'categoryPath', eq: categoryPath });\n    }\n    return searchVariables;\n  };\n\n  const updateSearchVariablesQueryString = (variables: SearchVariables): void => {\n    if (!categoryPath) {\n      const newPhrase = variables.phrase || '';\n      updateUrlSearchPhrase(newPhrase);\n    }\n    const newFilters = variables.filter || [];\n    addUrlFilters(newFilters);\n    const newSortValue = getSortValue(variables.sort || []);\n    updateUrlSort(newSortValue);\n    //page number is set based on product search results\n  };\n\n  const loadMetadata = (urlSort: string): Promise<any[]> => {\n    return getAttributeMetadata()\n      .then((value: any) => {\n        setFilterableAttributes((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n        const sortOptions = setSortOptions(value?.sortable, translations, categoryPath);\n        setPickerOptions(sortOptions.options);\n        const sortStartValue = getPickerOption(sortOptions.options, urlSort || sortOptions.default.value);\n        setSortValue(sortStartValue.value);\n        const urlFilters = getFiltersFromUrl((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n        return urlFilters;\n      })\n      .catch(() => {\n        setShowAlert(true);\n        setAlertMessage(translations.searchError);\n      });\n  };\n\n  const searchProducts = (inputVariables?: SearchVariables): Promise<void> | void => {\n    const searchVariables = getSearchVariables(inputVariables);\n    updateSearchVariablesQueryString(searchVariables);\n\n    if (!categoryPath && (searchVariables?.phrase?.length || 0) < minQueryLength) {\n      setShowAlert(true);\n      setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchVariables?.phrase || ''));\n      emitEmptySearchEvent();\n    } else {\n      setShowAlert(false);\n      return getProductSearch(searchVariables)\n        .then((value: ProductSearchResult) => {\n          events.emit('search/result', { result: value, request: searchVariables });\n          if (value?.totalCount === 0 && value?.items.length === 0) {\n            setShowAlert(true);\n            setAlertMessage(translations.noResults);\n          } else {\n            setProductList(\n              value?.items.map((product: Product) => {\n                product.initialized = true;\n                return product;\n              }),\n            );\n            updateCurrentPage(value?.pageInfo?.currentPage || 1);\n            setTotalPages(value?.pageInfo?.totalPages || 1);\n          }\n        })\n        .catch(() => {\n          setShowAlert(true);\n          setAlertMessage(translations.searchError);\n          emitEmptySearchEvent();\n        })\n        .finally(() => {});\n    }\n  };\n\n  const handleSearchRequestEvent = useCallback((searchVariables: SearchVariables): void => {\n    searchProducts(searchVariables);\n  }, []);\n\n  const emitEmptySearchEvent = (): void => {\n    events.emit('search/result', { result: {} as ProductSearchResult, request: {} });\n  };\n\n  useEffect(() => {\n    const searchPhrase = getValueFromUrl('q');\n    const urlSort = getValueFromUrl('product_list_order') || defaultSort.value;\n    loadMetadata(urlSort).then((value: any) => {\n      if (categoryPath) {\n        searchProducts({\n          filter: [{ attribute: 'categoryPath', eq: categoryPath }],\n        });\n      } else if (searchPhrase?.length && searchPhrase.length < minQueryLength) {\n        setShowAlert(true);\n        setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchPhrase));\n        emitEmptySearchEvent();\n      } else {\n        searchProducts({ filter: value });\n      }\n    });\n\n    const requestEvent = events.on('search/request', handleSearchRequestEvent);\n    return () => {\n      requestEvent?.off();\n    };\n  }, []);\n\n  //NODE CREATION\n\n  const getActionsSlot = (product: Product) => {\n    return <Slot name=\"ProductActions\" slot={slots?.ProductActions} context={{ product }} />;\n  };\n\n  const getProductPriceSlot = (product: Product) => {\n    let productCurrency =\n      product.typename === 'ComplexProductView'\n        ? product.priceRange?.minimum.regular.amount.currency\n        : product.price?.regular.amount.currency;\n    if (Intl.supportedValuesOf('currency').indexOf(productCurrency || '') === -1) {\n      productCurrency = 'USD'; // Fallback to USD if the currency is not supported\n    }\n    const productPrice =\n      product.typename === 'ComplexProductView' ? (\n        <PriceRange\n          display=\"from to\"\n          minimumAmount={product.priceRange?.minimum.regular.amount.value}\n          maximumAmount={product.priceRange?.maximum.regular.amount.value}\n          currency={productCurrency}\n        />\n      ) : (\n        <PriceRange amount={product.price?.regular.amount.value} currency={productCurrency} />\n      );\n    return (\n      <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ product }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {productPrice}\n          </a>\n        ) : (\n          productPrice\n        )}\n      </Slot>\n    );\n  };\n\n  const getProductNameSlot = (product: Product) => {\n    const productName = product.name !== null ? htmlStringDecode(product.name) : '';\n    return (\n      <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ product }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {productName}\n          </a>\n        ) : (\n          productName\n        )}\n      </Slot>\n    );\n  };\n\n  const getProductImageSlot = (product: Product, index: number) => {\n    const defaultImageProps: ImageProps = {\n      loading: index < 8 ? 'eager' : 'lazy',\n      src: product.images?.[0]?.url || '',\n      alt: product.images?.[0]?.label || '',\n      width: '200',\n      height: '250',\n    };\n    const productName = product.name !== null ? htmlStringDecode(product.name) : product.sku;\n    const imageComponent = (\n      <Image class=\"product-discovery-product-item__image\" {...defaultImageProps} aria-label={productName} />\n    );\n    return (\n      <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ product, defaultImageProps }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {imageComponent}\n          </a>\n        ) : (\n          imageComponent\n        )}\n      </Slot>\n    );\n  };\n\n  const getHeader = () => {\n    return (\n      <Slot name=\"Header\" slot={slots?.Header} context={{ productList }}>\n        <Picker\n          floatingLabel={translations.sortLabel}\n          options={pickerOptions}\n          value={sortValue}\n          required\n          handleSelect={(event) => {\n            const { value } = event.target as HTMLSelectElement;\n            changeSort(value);\n          }}\n          data-testid=\"product-list-sort-by-picker\"\n        />\n      </Slot>\n    );\n  };\n\n  const getFooter = () => {\n    return (\n      <Slot name=\"Footer\" slot={slots?.Footer} context={{ productList }}>\n        <Pagination\n          currentPage={currentPage}\n          totalPages={totalPages}\n          onChange={(page) => {\n            changePage(page);\n          }}\n        />\n      </Slot>\n    );\n  };\n\n  const productListComponent = (\n    <ProductListComponent\n      header={getHeader()}\n      footer={getFooter()}\n      productList={\n        productList?.map((product: Product, i: number) => {\n          return (\n            <ProductItemCard\n              key={product.id || product.sku}\n              image={getProductImageSlot(product, i)}\n              titleNode={getProductNameSlot(product)}\n              price={getProductPriceSlot(product)}\n              actionButton={getActionsSlot(product)}\n              initialized={product.initialized}\n            />\n          );\n        }) as VNode[]\n      }\n    />\n  );\n\n  return (\n    <div class=\"product-discovery-product-list__container\">\n      {showAlert ? <SearchAlertMessage alertMessage={alertMessage} /> : productListComponent}\n    </div>\n  );\n};\n"],"names":["SvgWarning","props","React","ProductItemCardSkeleton","jsxs","Skeleton","jsx","SkeletonRow","ProductItemCard","className","image","titleNode","price","sku","actionButton","swatches","initialized","classes","VComponent","getProductSearch","variables","searchRequestId","updateSearchInputCtx","PLP_UNIT_ID","searchRequestSent","e","defaultVisibilityFilter","searchObj","_a","productSearchQuery","value","transformedResponse","transformProductSearchResponse","updateSearchResultsCtx","searchResponseReceived","searchResultsView","categoryResultsView","error","getAttributeMetadata","attributeMetadataQuery","transformAttributeMetadata","getDefaultSort","translations","categoryPath","setSortOptions","sortOptions","defaultSort","finalSortOptions","resultOptions","option","getSortSearchVariables","sortValue","index","getSortValue","sort","getPickerOption","options","ProductList","header","productList","footer","SearchAlertMessage","alertMessage","InLineAlert","Icon","Warning","nonFilterKeys","getValueFromUrl","param","filter","getSearchParams","search","updateUrlPagination","pageNumber","url","params","setWindowHistory","updateUrlSort","sortOption","updateUrlSearchPhrase","searchPhrase","pathname","getFiltersFromUrl","filterableAttributes","filters","key","range","attributeIndex","addUrlFilters","attribute","filt","filterParams","f","htmlStringDecode","input","minQueryLength","slots","pageSize","routeProduct","useText","Text","pickerOptions","setPickerOptions","useState","currentPage","setCurrentPage","totalPages","setTotalPages","showAlert","setShowAlert","setAlertMessage","setSortValue","setFilterableAttributes","fakeProductList","fakeProduct","transformProduct","setProductList","handleProductClick","product","searchProductClick","changePage","page","searchProducts","updateCurrentPage","changeSort","newSort","getSearchVariables","inputVariables","urlSort","sortSearchVariable","searchVariables","updateSearchVariablesQueryString","newPhrase","newFilters","newSortValue","loadMetadata","attr","sortStartValue","emitEmptySearchEvent","events","_b","handleSearchRequestEvent","useCallback","useEffect","requestEvent","getActionsSlot","Slot","getProductPriceSlot","productCurrency","productPrice","PriceRange","_c","_d","_e","getProductNameSlot","productName","getProductImageSlot","defaultImageProps","imageComponent","Image","getHeader","Picker","event","getFooter","Pagination","productListComponent","ProductListComponent","i"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/containers/ResultsInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsInfo.js","sources":["/@dropins/storefront-product-discovery/src/components/ResultsInfo/ResultsInfo.tsx","/@dropins/storefront-product-discovery/src/containers/ResultsInfo/ResultsInfo.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ResultsInfo/ResultsInfo.css';\n\nexport interface ResultsInfoProps extends HTMLAttributes<HTMLDivElement> {\n  searchPhrase?: VNode;\n  totalCount?: VNode;\n}\n\nexport const ResultsInfo: FunctionComponent<ResultsInfoProps> = ({ searchPhrase, totalCount, className = '' }) => {\n  return (\n    <div className={classes(['product-discovery-results-info', className])}>\n      {searchPhrase && <VComponent className=\"product-discovery-results-info__search-phrase\" node={searchPhrase} />}\n      {totalCount && <VComponent className=\"product-discovery-results-info__total-count\" node={totalCount} />}\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models/api';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { ResultsInfo as ResultsInfoComponent } from '@/plp/components/ResultsInfo/ResultsInfo';\n\nexport interface ResultsInfoProps extends HTMLAttributes<HTMLDivElement> {\n  slots?: {\n    SearchPhrase?: SlotProps;\n    TotalCount?: SlotProps;\n  };\n}\n\nexport const ResultsInfo: Container<ResultsInfoProps> = ({ slots }) => {\n  const translations = useText({\n    resultsFor: 'Search.ResultsInfo.resultsFor',\n    products: 'Search.ResultsInfo.products',\n  });\n  const [searchPhrase, setSearchPhrase] = useState<string | undefined>();\n  const [categoryPath, setCategoryPath] = useState<string | undefined>();\n  const [totalCount, setTotalCount] = useState<number | undefined>();\n  const [searchResult, setSearchResult] = useState<\n    { result?: ProductSearchResult; request?: SearchVariables } | undefined\n  >();\n\n  const handleSearchResult = useCallback(\n    (payload: { result?: ProductSearchResult; request?: SearchVariables }): void => {\n      setCategoryPath(payload.request?.filter?.find((f) => f.attribute === 'categoryPath')?.eq);\n      setSearchPhrase(payload.request?.phrase);\n      setTotalCount(payload.result?.totalCount);\n      setSearchResult(payload);\n    },\n    [],\n  );\n\n  // Listen for search result events\n  useEffect(() => {\n    const resultEvent = events.on('search/result', handleSearchResult);\n    return () => {\n      resultEvent?.off();\n    };\n  }, []);\n\n  const searchPhraseNode = (\n    <Slot name=\"SearchPhrase\" slot={slots?.SearchPhrase} context={{ searchResult }}>\n      {categoryPath ? (\n        <span data-testid=\"search-phrase\" class=\"product-discovery-results-info__search-phrase--upercase\">\n          {categoryPath}\n        </span>\n      ) : searchPhrase ? (\n        <span data-testid=\"search-phrase\">\n          {translations.resultsFor} <strong>{`\"${searchPhrase}\"`}</strong>\n        </span>\n      ) : null}\n    </Slot>\n  );\n\n  const totalCountNode = (\n    <Slot name=\"TotalCount\" slot={slots?.TotalCount} context={{ searchResult }}>\n      {totalCount && <span data-testid=\"total-count\">{`${totalCount} ${translations.products}`}</span>}\n    </Slot>\n  );\n\n  return <ResultsInfoComponent searchPhrase={searchPhraseNode} totalCount={totalCountNode} />;\n};\n"],"names":["ResultsInfo","searchPhrase","totalCount","className","jsxs","classes","jsx","VComponent","slots","translations","useText","setSearchPhrase","useState","categoryPath","setCategoryPath","setTotalCount","searchResult","setSearchResult","handleSearchResult","useCallback","payload","_c","_b","_a","f","_d","_e","useEffect","resultEvent","events","searchPhraseNode","Slot","totalCountNode","ResultsInfoComponent"],"mappings":"iXA2BO,MAAMA,EAAmD,CAAC,CAAE,aAAAC,EAAc,WAAAC,EAAY,UAAAC,EAAY,MAErGC,EAAC,OAAI,UAAWC,EAAQ,CAAC,iCAAkCF,CAAS,CAAC,EAClE,SAAA,CAAAF,GAAgBK,EAACC,EAAA,CAAW,UAAU,gDAAgD,KAAMN,EAAc,EAC1GC,GAAcI,EAACC,EAAA,CAAW,UAAU,8CAA8C,KAAML,CAAA,CAAY,CAAA,EACvG,ECDSF,EAA2C,CAAC,CAAE,MAAAQ,KAAY,CACrE,MAAMC,EAAeC,EAAQ,CAC3B,WAAY,gCACZ,SAAU,6BAAA,CACX,EACK,CAACT,EAAcU,CAAe,EAAIC,EAAA,EAClC,CAACC,EAAcC,CAAe,EAAIF,EAAA,EAClC,CAACV,EAAYa,CAAa,EAAIH,EAAA,EAC9B,CAACI,EAAcC,CAAe,EAAIL,EAAA,EAIlCM,EAAqBC,EACxBC,GAA+E,eAC9EN,GAAgBO,GAAAC,GAAAC,EAAAH,EAAQ,UAAR,YAAAG,EAAiB,SAAjB,YAAAD,EAAyB,KAAME,GAAMA,EAAE,YAAc,kBAArD,YAAAH,EAAsE,EAAE,EACxFV,GAAgBc,EAAAL,EAAQ,UAAR,YAAAK,EAAiB,MAAM,EACvCV,GAAcW,EAAAN,EAAQ,SAAR,YAAAM,EAAgB,UAAU,EACxCT,EAAgBG,CAAO,CAAA,EAEzB,CAAA,CAAC,EAIHO,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GAAG,gBAAiBX,CAAkB,EACjE,MAAO,IAAM,CACXU,GAAA,MAAAA,EAAa,KAAI,CACnB,EACC,EAAE,EAEL,MAAME,EACJxB,EAACyB,EAAA,CAAK,KAAK,eAAe,KAAMvB,GAAA,YAAAA,EAAO,aAAc,QAAS,CAAE,aAAAQ,CAAA,EAC7D,WACCV,EAAC,OAAA,CAAK,cAAY,gBAAgB,MAAM,0DACrC,SAAAO,CAAA,CACH,EACEZ,EACFG,EAAC,OAAA,CAAK,cAAY,gBACf,SAAA,CAAAK,EAAa,WAAW,IAACH,EAAC,SAAA,CAAQ,SAAA,IAAIL,CAAY,GAAA,CAAI,CAAA,CAAA,CACzD,EACE,KACN,EAGI+B,IACHD,EAAA,CAAK,KAAK,aAAa,KAAMvB,GAAA,YAAAA,EAAO,WAAY,QAAS,CAAE,aAAAQ,CAAA,EACzD,SAAAd,GAAcI,EAAC,OAAA,CAAK,cAAY,cAAe,SAAA,GAAGJ,CAAU,IAAIO,EAAa,QAAQ,EAAA,CAAG,CAAA,CAC3F,EAGF,OAAOH,EAAC2B,EAAA,CAAqB,aAAcH,EAAkB,WAAYE,EAAgB,CAC3F"}
+{"version":3,"file":"ResultsInfo.js","sources":["/@dropins/storefront-product-discovery/src/components/ResultsInfo/ResultsInfo.tsx","/@dropins/storefront-product-discovery/src/containers/ResultsInfo/ResultsInfo.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ResultsInfo/ResultsInfo.css';\n\nexport interface ResultsInfoProps extends HTMLAttributes<HTMLDivElement> {\n  searchPhrase?: VNode;\n  totalCount?: VNode;\n}\n\nexport const ResultsInfo: FunctionComponent<ResultsInfoProps> = ({ searchPhrase, totalCount, className = '' }) => {\n  return (\n    <div className={classes(['product-discovery-results-info', className])}>\n      {searchPhrase && <VComponent className=\"product-discovery-results-info__search-phrase\" node={searchPhrase} />}\n      {totalCount && <VComponent className=\"product-discovery-results-info__total-count\" node={totalCount} />}\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models/api';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { ResultsInfo as ResultsInfoComponent } from '@/plp/components/ResultsInfo/ResultsInfo';\n\nexport interface ResultsInfoProps extends HTMLAttributes<HTMLDivElement> {\n  slots?: {\n    SearchPhrase?: SlotProps;\n    TotalCount?: SlotProps;\n  };\n}\n\nexport const ResultsInfo: Container<ResultsInfoProps> = ({ slots }) => {\n  const translations = useText({\n    resultsFor: 'Search.ResultsInfo.resultsFor',\n    products: 'Search.ResultsInfo.products',\n  });\n  const [searchPhrase, setSearchPhrase] = useState<string | undefined>();\n  const [categoryPath, setCategoryPath] = useState<string | undefined>();\n  const [totalCount, setTotalCount] = useState<number | undefined>();\n  const [searchResult, setSearchResult] = useState<\n    { result?: ProductSearchResult; request?: SearchVariables } | undefined\n  >();\n\n  const handleSearchResult = useCallback(\n    (payload: { result?: ProductSearchResult; request?: SearchVariables }): void => {\n      setCategoryPath(payload.request?.filter?.find((f) => f.attribute === 'categoryPath')?.eq);\n      setSearchPhrase(payload.request?.phrase);\n      setTotalCount(payload.result?.totalCount);\n      setSearchResult(payload);\n    },\n    [],\n  );\n\n  // Listen for search result events\n  useEffect(() => {\n    const resultEvent = events.on('search/result', handleSearchResult);\n    return () => {\n      resultEvent?.off();\n    };\n  }, []);\n\n  const searchPhraseNode = (\n    <Slot name=\"SearchPhrase\" slot={slots?.SearchPhrase} context={{ searchResult }}>\n      {categoryPath ? (\n        <span data-testid=\"search-phrase\" class=\"product-discovery-results-info__search-phrase--upercase\">\n          {categoryPath}\n        </span>\n      ) : searchPhrase ? (\n        <span data-testid=\"search-phrase\">\n          {translations.resultsFor} <strong>{`\"${searchPhrase}\"`}</strong>\n        </span>\n      ) : null}\n    </Slot>\n  );\n\n  const totalCountNode = (\n    <Slot name=\"TotalCount\" slot={slots?.TotalCount} context={{ searchResult }}>\n      {totalCount && <span data-testid=\"total-count\">{`${totalCount} ${translations.products}`}</span>}\n    </Slot>\n  );\n\n  return <ResultsInfoComponent searchPhrase={searchPhraseNode} totalCount={totalCountNode} />;\n};\n"],"names":["ResultsInfo","searchPhrase","totalCount","className","jsxs","classes","jsx","VComponent","slots","translations","useText","setSearchPhrase","useState","categoryPath","setCategoryPath","setTotalCount","searchResult","setSearchResult","handleSearchResult","useCallback","payload","_c","_b","_a","f","_d","_e","useEffect","resultEvent","events","searchPhraseNode","Slot","totalCountNode","ResultsInfoComponent"],"mappings":"iXA2BO,MAAMA,EAAmD,CAAC,CAAE,aAAAC,EAAc,WAAAC,EAAY,UAAAC,EAAY,MAErGC,EAAC,OAAI,UAAWC,EAAQ,CAAC,iCAAkCF,CAAS,CAAC,EAClE,SAAA,CAAAF,GAAgBK,EAACC,EAAA,CAAW,UAAU,gDAAgD,KAAMN,EAAc,EAC1GC,GAAcI,EAACC,EAAA,CAAW,UAAU,8CAA8C,KAAML,CAAA,CAAY,CAAA,EACvG,ECDSF,EAA2C,CAAC,CAAE,MAAAQ,KAAY,CACrE,MAAMC,EAAeC,EAAQ,CAC3B,WAAY,gCACZ,SAAU,6BAAA,CACX,EACK,CAACT,EAAcU,CAAe,EAAIC,EAAA,EAClC,CAACC,EAAcC,CAAe,EAAIF,EAAA,EAClC,CAACV,EAAYa,CAAa,EAAIH,EAAA,EAC9B,CAACI,EAAcC,CAAe,EAAIL,EAAA,EAIlCM,EAAqBC,EACxBC,GAA+E,eAC9EN,GAAgBO,GAAAC,GAAAC,EAAAH,EAAQ,UAAR,YAAAG,EAAiB,SAAjB,YAAAD,EAAyB,KAAME,GAAMA,EAAE,YAAc,kBAArD,YAAAH,EAAsE,EAAE,EACxFV,GAAgBc,EAAAL,EAAQ,UAAR,YAAAK,EAAiB,MAAM,EACvCV,GAAcW,EAAAN,EAAQ,SAAR,YAAAM,EAAgB,UAAU,EACxCT,EAAgBG,CAAO,CACzB,EACA,CAAA,CAAC,EAIHO,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GAAG,gBAAiBX,CAAkB,EACjE,MAAO,IAAM,CACXU,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAEL,MAAME,EACJxB,EAACyB,EAAA,CAAK,KAAK,eAAe,KAAMvB,GAAA,YAAAA,EAAO,aAAc,QAAS,CAAE,aAAAQ,CAAA,EAC7D,WACCV,EAAC,OAAA,CAAK,cAAY,gBAAgB,MAAM,0DACrC,SAAAO,CAAA,CACH,EACEZ,EACFG,EAAC,OAAA,CAAK,cAAY,gBACf,SAAA,CAAAK,EAAa,WAAW,IAACH,EAAC,SAAA,CAAQ,SAAA,IAAIL,CAAY,GAAA,CAAI,CAAA,CAAA,CACzD,EACE,KACN,EAGI+B,IACHD,EAAA,CAAK,KAAK,aAAa,KAAMvB,GAAA,YAAAA,EAAO,WAAY,QAAS,CAAE,aAAAQ,CAAA,EACzD,SAAAd,GAAcI,EAAC,OAAA,CAAK,cAAY,cAAe,SAAA,GAAGJ,CAAU,IAAIO,EAAa,QAAQ,EAAA,CAAG,CAAA,CAC3F,EAGF,OAAOH,EAAC2B,EAAA,CAAqB,aAAcH,EAAkB,WAAYE,EAAgB,CAC3F"}

package/containers/SearchBarInput.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as u,Fragment as x}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as R,useState as v,useCallback as S,useEffect as T}from"@dropins/tools/preact-hooks.js";import{Input as b,Icon as B}from"@dropins/tools/components.js";import{classes as F,VComponent as k,Slot as _,debounce as L}from"@dropins/tools/lib.js";import{events as E}from"@dropins/tools/event-bus.js";/* empty css                      */import{useText as A}from"@dropins/tools/i18n.js";import{p as N}from"../chunks/productSearch.js";import{t as y}from"../chunks/api.js";import{u as D,S as I,a as U,b as j,c as z,d as K}from"../chunks/acdlEvents.js";import*as m from"@dropins/tools/preact-compat.js";import"@dropins/tools/fetch-graphql.js";const M=r=>m.createElement("svg",{id:"Icon_Search_Base","data-name":"Icon \\u2013 Search \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...r},m.createElement("g",{id:"Large"},m.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),m.createElement("g",{id:"Search_icon","data-name":"Search icon",transform:"translate(3.75 3.75)"},m.createElement("circle",{vectorEffect:"non-scaling-stroke",id:"Ellipse_186","data-name":"Ellipse 186",cx:6,cy:6,r:6,fill:"none",stroke:"currentColor"}),m.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_556","data-name":"Line 556",x2:6,y2:6,transform:"translate(10.5 10.5)",fill:"none",stroke:"currentColor"})))),C={ENTER:"Enter",ESCAPE:"Escape"},O=({searchQuery:r="",defaultQueryPlaceholder:e,searchIcon:a,onQueryInput:o,onExecuteSearch:n,onClose:t})=>{const h=A({placeholder:"Search.SearchInput.placeholder"}),p=s=>{var f,c;const{key:i}=s,d=((c=(f=s.currentTarget)==null?void 0:f.value)==null?void 0:c.trim())||"";i===C.ENTER&&d?n==null||n(d):i===C.ESCAPE&&(t==null||t())},l=s=>{var i;o==null||o(((i=s.currentTarget)==null?void 0:i.value)||"")};return u("div",{className:F(["product-discovery--search-bar-input__container"]),children:u(b,{id:"search-bar-input-form",role:"searchbox","aria-label":"Search Input",value:r,placeholder:e||h.placeholder,icon:a?u(k,{className:"product-discovery--search-bar-input__form",node:a}):void 0,onKeyDown:p,onChange:l})})},V={attribute:"visibility",in:["Search","Catalog, Search"]},w=(r,e)=>{console.error(`Error collecting ${e}:`,r)},Y=r=>({currentPage:1,pageSize:r,totalPages:1,totalItems:r}),$=r=>{let e="";try{e=self.crypto.randomUUID(),D(I,e,r.phrase||"",r.filter||[],r.pageSize||0,r.currentPage||0,r.sort||[]),U(I)}catch(a){w(a,"search input context")}return e},H=(r,e,a)=>{try{j(I,r,{items:Array.isArray(e)?e:[],facets:[],pageInfo:Y((e==null?void 0:e.length)||0),totalCount:(e==null?void 0:e.length)||0}),z(I),a&&K(I)}catch(o){w(o,"search input data")}},G=r=>{const e=structuredClone(r);return e.filter||(e.filter=[]),e.filter.push(V),e},J=r=>{if(!(r!=null&&r.trim()))return Promise.resolve([]);const e={phrase:r.trim()},a=$(e),o=G(e);return N(o).then(n=>{const t=(y(n)||[]).slice(0,8);return H(a,t,!!e.phrase),t}).catch(n=>{throw console.error("SearchInput query failed:",n),new Error("Error fetching search input data.")})},W=(r,e,a)=>{const[o,n]=v(!1),[t,h]=v(null),p=S(async c=>{n(!0),h(null);try{E.emit("search-input/request",{phrase:c});const g=await J(c);E.emit("search-input/result",{result:g,request:{phrase:c}})}catch(g){const P=g instanceof Error?g.message:"Search Input failed";h(P)}finally{n(!1)}},[]),l=R(()=>L(p,e),[p,e]);T(()=>()=>{l.cancel&&l.cancel()},[l]);const s=S(()=>{E.emit("search-input/result",{result:[],request:{phrase:""}})},[]),i=S(c=>{if(t&&h(null),c.length<1){s();return}c.length>=r&&l(c)},[r,l,t,s]),d=S(c=>{a&&a(c),E.emit("search/request",{phrase:c})},[a]),f=S(()=>{h(null),n(!1),s()},[s]);return{isLoading:o,error:t,handleQueryInput:i,handleExecuteSearch:d,handleClose:f}},se=({searchQuery:r,minimumQueryLength:e=3,debounceDelay:a=300,defaultQueryPlaceholder:o,routeSearch:n=()=>{},slots:t})=>{const{isLoading:h,error:p,handleQueryInput:l,handleExecuteSearch:s,handleClose:i}=W(e,a,n),d=R(()=>u(_,{name:"InputFormSearchIcon",slot:t==null?void 0:t.SearchIcon,children:u(B,{source:M,size:"24"})}),[t==null?void 0:t.SearchIcon]),f=R(()=>u(_,{name:"InputForm",slot:t==null?void 0:t.InputForm,children:u(O,{searchQuery:r,defaultQueryPlaceholder:o,searchIcon:d,onQueryInput:l,onExecuteSearch:s,onClose:i,isLoading:h,error:p})}),[r,o,d,l,s,i,h,p,t==null?void 0:t.InputForm]);return u(x,{children:f})};export{se as SearchBarInput,se as default};
+import{jsx as u,Fragment as x}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as R,useState as v,useCallback as S,useEffect as T}from"@dropins/tools/preact-hooks.js";import{Input as b,Icon as B}from"@dropins/tools/components.js";import{classes as F,VComponent as k,Slot as _,debounce as L}from"@dropins/tools/lib.js";import{events as E}from"@dropins/tools/event-bus.js";/* empty css                      */import{useText as A}from"@dropins/tools/i18n.js";import{p as N}from"../chunks/productSearch.js";import{t as y}from"../chunks/api.js";import{u as D,S as I,a as U,b as j,c as z,d as K}from"../chunks/acdlEvents.js";import*as m from"@dropins/tools/preact-compat.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const M=r=>m.createElement("svg",{id:"Icon_Search_Base","data-name":"Icon \\u2013 Search \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...r},m.createElement("g",{id:"Large"},m.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),m.createElement("g",{id:"Search_icon","data-name":"Search icon",transform:"translate(3.75 3.75)"},m.createElement("circle",{vectorEffect:"non-scaling-stroke",id:"Ellipse_186","data-name":"Ellipse 186",cx:6,cy:6,r:6,fill:"none",stroke:"currentColor"}),m.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_556","data-name":"Line 556",x2:6,y2:6,transform:"translate(10.5 10.5)",fill:"none",stroke:"currentColor"})))),C={ENTER:"Enter",ESCAPE:"Escape"},O=({searchQuery:r="",defaultQueryPlaceholder:e,searchIcon:a,onQueryInput:o,onExecuteSearch:n,onClose:t})=>{const h=A({placeholder:"Search.SearchInput.placeholder"}),p=s=>{var f,c;const{key:l}=s,d=((c=(f=s.currentTarget)==null?void 0:f.value)==null?void 0:c.trim())||"";l===C.ENTER&&d?n==null||n(d):l===C.ESCAPE&&(t==null||t())},i=s=>{var l;o==null||o(((l=s.currentTarget)==null?void 0:l.value)||"")};return u("div",{className:F(["product-discovery--search-bar-input__container"]),children:u(b,{id:"search-bar-input-form",role:"searchbox","aria-label":"Search Input",value:r,placeholder:e||h.placeholder,icon:a?u(k,{className:"product-discovery--search-bar-input__form",node:a}):void 0,onKeyDown:p,onChange:i})})},V={attribute:"visibility",in:["Search","Catalog, Search"]},w=(r,e)=>{console.error(`Error collecting ${e}:`,r)},Y=r=>({currentPage:1,pageSize:r,totalPages:1,totalItems:r}),$=r=>{let e="";try{e=self.crypto.randomUUID(),D(I,e,r.phrase||"",r.filter||[],r.pageSize||0,r.currentPage||0,r.sort||[]),U(I)}catch(a){w(a,"search input context")}return e},H=(r,e,a)=>{try{j(I,r,{items:Array.isArray(e)?e:[],facets:[],pageInfo:Y((e==null?void 0:e.length)||0),totalCount:(e==null?void 0:e.length)||0}),z(I),a&&K(I)}catch(o){w(o,"search input data")}},G=r=>{const e=structuredClone(r);return e.filter||(e.filter=[]),e.filter.push(V),e},J=r=>{if(!(r!=null&&r.trim()))return Promise.resolve([]);const e={phrase:r.trim()},a=$(e),o=G(e);return N(o).then(n=>{const t=(y(n)||[]).slice(0,8);return H(a,t,!!e.phrase),t}).catch(n=>{throw console.error("SearchInput query failed:",n),new Error("Error fetching search input data.")})},W=(r,e,a)=>{const[o,n]=v(!1),[t,h]=v(null),p=S(async c=>{n(!0),h(null);try{E.emit("search-input/request",{phrase:c});const g=await J(c);E.emit("search-input/result",{result:g,request:{phrase:c}})}catch(g){const P=g instanceof Error?g.message:"Search Input failed";h(P)}finally{n(!1)}},[]),i=R(()=>L(p,e),[p,e]);T(()=>()=>{i.cancel&&i.cancel()},[i]);const s=S(()=>{E.emit("search-input/result",{result:[],request:{phrase:""}})},[]),l=S(c=>{if(t&&h(null),c.length<1){s();return}c.length>=r&&i(c)},[r,i,t,s]),d=S(c=>{a&&a(c),E.emit("search/request",{phrase:c})},[a]),f=S(()=>{h(null),n(!1),s()},[s]);return{isLoading:o,error:t,handleQueryInput:l,handleExecuteSearch:d,handleClose:f}},ie=({searchQuery:r,minimumQueryLength:e=3,debounceDelay:a=300,defaultQueryPlaceholder:o,routeSearch:n=()=>{},slots:t})=>{const{isLoading:h,error:p,handleQueryInput:i,handleExecuteSearch:s,handleClose:l}=W(e,a,n),d=R(()=>u(_,{name:"InputFormSearchIcon",slot:t==null?void 0:t.SearchIcon,children:u(B,{source:M,size:"24"})}),[t==null?void 0:t.SearchIcon]),f=R(()=>u(_,{name:"InputForm",slot:t==null?void 0:t.InputForm,children:u(O,{searchQuery:r,defaultQueryPlaceholder:o,searchIcon:d,onQueryInput:i,onExecuteSearch:s,onClose:l,isLoading:h,error:p})}),[r,o,d,i,s,l,h,p,t==null?void 0:t.InputForm]);return u(x,{children:f})};export{ie as SearchBarInput,ie as default};
 //# sourceMappingURL=SearchBarInput.js.map

package/containers/SearchBarInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBarInput.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Search.svg","/@dropins/storefront-product-discovery/src/components/SearchBarInput/SearchBarInput.tsx","/@dropins/storefront-product-discovery/src/containers/SearchBarInput/utils/getSearchBarInputSearch.ts","/@dropins/storefront-product-discovery/src/containers/SearchBarInput/SearchBarInput.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Search_Base\", \"data-name\": \"Icon \\\\u2013 Search \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, fill: \"none\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Search_icon\", \"data-name\": \"Search icon\", transform: \"translate(3.75 3.75)\" }, /* @__PURE__ */ React.createElement(\"circle\", { vectorEffect: \"non-scaling-stroke\", id: \"Ellipse_186\", \"data-name\": \"Ellipse 186\", cx: 6, cy: 6, r: 6, fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_556\", \"data-name\": \"Line 556\", x2: 6, y2: 6, transform: \"translate(10.5 10.5)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgSearch;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, TargetedEvent } from 'preact/compat';\nimport { Input } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\n\nimport '@/plp/components/SearchBarInput/SearchBarInput.css';\n\nconst KEY_PRESS_EVENTS = {\n  ENTER: 'Enter',\n  ESCAPE: 'Escape',\n} as const;\n\nexport interface SearchBarInputProps extends HTMLAttributes<HTMLDivElement> {\n  searchIcon?: VNode;\n  searchQuery?: string;\n  defaultQueryPlaceholder?: string;\n  isLoading?: boolean;\n  error?: string | null;\n  onQueryInput?: (query: string) => void;\n  onExecuteSearch?: (query: string) => void;\n  onClose?: () => void;\n}\n\nexport const SearchBarInput: FunctionComponent<SearchBarInputProps> = ({\n  searchQuery = '',\n  defaultQueryPlaceholder,\n  searchIcon,\n  onQueryInput,\n  onExecuteSearch,\n  onClose,\n}) => {\n  const translations = useText({ placeholder: 'Search.SearchInput.placeholder' });\n\n  const handleKeyPress = (event: TargetedEvent<HTMLInputElement, KeyboardEvent>) => {\n    const { key } = event;\n    const inputValue = event.currentTarget?.value?.trim() || '';\n\n    if (key === KEY_PRESS_EVENTS.ENTER && inputValue) {\n      onExecuteSearch?.(inputValue);\n    } else if (key === KEY_PRESS_EVENTS.ESCAPE) {\n      onClose?.();\n    }\n  };\n\n  const handleQueryInput = (event: TargetedEvent<HTMLInputElement, Event>) => {\n    onQueryInput?.(event.currentTarget?.value || '');\n  };\n\n  return (\n    <div className={classes(['product-discovery--search-bar-input__container'])}>\n      <Input\n        id=\"search-bar-input-form\"\n        role=\"searchbox\"\n        aria-label=\"Search Input\"\n        value={searchQuery}\n        placeholder={defaultQueryPlaceholder || translations.placeholder}\n        icon={\n          searchIcon ? (\n            <VComponent className=\"product-discovery--search-bar-input__form\" node={searchIcon} />\n          ) : undefined\n        }\n        onKeyDown={handleKeyPress}\n        onChange={handleQueryInput}\n      />\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { productSearch as productSearchQuery } from '@/plp/api';\nimport { SearchVariables } from '@/plp/data/models';\nimport { Product } from '@/plp/data/models/product';\nimport { transformSearchResultProducts } from '@/plp/data/transforms';\nimport {\n  SEARCH_UNIT_ID,\n  searchRequestSent,\n  searchResponseReceived,\n  searchResultsView,\n  updateSearchInputCtx,\n  updateSearchResultsCtx,\n} from '@/plp/utils/acdlEvents';\n\n// Constants\nconst DEFAULT_VISIBILITY_FILTER = {\n  attribute: 'visibility',\n  in: ['Search', 'Catalog, Search'],\n};\n\ninterface PageInfo {\n  currentPage: number;\n  pageSize: number;\n  totalPages: number;\n  totalItems: number;\n}\n\nconst handleDataCollectionError = (error: any, context: string): void => {\n  console.error(`Error collecting ${context}:`, error);\n};\n\nconst createPageInfo = (itemsLength: number): PageInfo => ({\n  currentPage: 1,\n  pageSize: itemsLength,\n  totalPages: 1,\n  totalItems: itemsLength,\n});\n\nconst trackSearchRequest = (searchRequestVariable: SearchVariables): string => {\n  let searchRequestId = '';\n\n  try {\n    searchRequestId = self.crypto.randomUUID();\n    updateSearchInputCtx(\n      SEARCH_UNIT_ID,\n      searchRequestId,\n      searchRequestVariable.phrase || '',\n      searchRequestVariable.filter || [],\n      searchRequestVariable.pageSize || 0,\n      searchRequestVariable.currentPage || 0,\n      searchRequestVariable.sort || [],\n    );\n    searchRequestSent(SEARCH_UNIT_ID);\n  } catch (e) {\n    handleDataCollectionError(e, 'search input context');\n  }\n\n  return searchRequestId;\n};\n\nconst updateSearchResults = (searchRequestId: string, items: Product[], hasPhrase: boolean): void => {\n  try {\n    updateSearchResultsCtx(SEARCH_UNIT_ID, searchRequestId, {\n      items: Array.isArray(items) ? items : [],\n      facets: [],\n      pageInfo: createPageInfo(items?.length || 0),\n      totalCount: items?.length || 0,\n    });\n    searchResponseReceived(SEARCH_UNIT_ID);\n\n    if (hasPhrase) {\n      searchResultsView(SEARCH_UNIT_ID);\n    }\n  } catch (e) {\n    handleDataCollectionError(e, 'search input data');\n  }\n};\n\nconst prepareSearchRequest = (searchRequestVariable: SearchVariables): SearchVariables => {\n  const searchRequestObject = structuredClone(searchRequestVariable);\n\n  if (!searchRequestObject.filter) {\n    searchRequestObject.filter = [];\n  }\n  searchRequestObject.filter.push(DEFAULT_VISIBILITY_FILTER);\n\n  return searchRequestObject;\n};\n\nexport const getSearchBarInputSearch = (query: string): Promise<Product[]> => {\n  if (!query?.trim()) {\n    return Promise.resolve([]);\n  }\n\n  const searchRequestVariable: SearchVariables = { phrase: query.trim() };\n  const searchRequestId = trackSearchRequest(searchRequestVariable);\n  const searchRequestObject = prepareSearchRequest(searchRequestVariable);\n\n  return productSearchQuery(searchRequestObject)\n    .then((response: any | null) => {\n      const transformedItems = (transformSearchResultProducts(response) || []).slice(0, 8);\n\n      updateSearchResults(searchRequestId, transformedItems, !!searchRequestVariable.phrase);\n\n      return transformedItems;\n    })\n    .catch((error: any) => {\n      console.error('SearchInput query failed:', error);\n      throw new Error('Error fetching search input data.');\n    });\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback, useEffect, useMemo, useState } from 'preact/hooks';\nimport { Icon } from '@adobe-commerce/elsie/components';\nimport { Search } from '@adobe-commerce/elsie/icons';\nimport { Container, Slot, SlotProps, debounce } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport { SearchBarInput as SearchBarInputComponent } from '@/plp/components/SearchBarInput';\nimport { Product, SearchInputRequest, SearchInputResult } from '@/plp/data/models/product';\n\nimport { getSearchBarInputSearch } from './utils/getSearchBarInputSearch';\n\nexport interface SearchBarInputProps extends HTMLAttributes<HTMLDivElement> {\n  searchQuery?: string;\n  minimumQueryLength?: number;\n  debounceDelay?: number;\n  defaultQueryPlaceholder?: string;\n  routeSearch?: (searchQuery: string) => void;\n  slots?: {\n    InputForm?: SlotProps;\n    SearchIcon?: SlotProps;\n  };\n}\n\n// debounced function type helper method\ntype DebouncedFunction<T extends (...args: any[]) => any> = T & {\n  cancel?: () => void;\n};\n\nconst useSearchBarInput = (\n  minimumQueryLength: number,\n  debounceDelay: number,\n  routeSearch: (searchQuery: string) => void,\n) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSearch = useCallback(async (query: string) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      events.emit('search-input/request', { phrase: query });\n      const searchInputResults = await getSearchBarInputSearch(query);\n      events.emit('search-input/result', {\n        result: searchInputResults as Product[],\n        request: { phrase: query },\n      } as SearchInputResult);\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Search Input failed';\n      setError(errorMessage);\n      // may need to emit an error event here?\n    } finally {\n      setIsLoading(false);\n    }\n  }, []);\n\n  // the adobe elsie debounce function *should* have a cancel, but it doesnt seem to be typed correctly\n  const debouncedSearch = useMemo(\n    () => debounce(handleSearch, debounceDelay) as DebouncedFunction<typeof handleSearch>,\n    [handleSearch, debounceDelay],\n  );\n\n  // need to cancel any pending debounced calls when component unmounts or debouncedSearch changes\n  useEffect(() => {\n    return () => {\n      if (debouncedSearch.cancel) {\n        debouncedSearch.cancel();\n      }\n    };\n  }, [debouncedSearch]);\n\n  const clearSearchResults = useCallback(() => {\n    events.emit('search-input/result', {\n      result: [],\n      request: { phrase: '' },\n    } as SearchInputResult);\n  }, []);\n\n  const handleQueryInput = useCallback(\n    (query: string) => {\n      if (error) {\n        setError(null);\n      }\n\n      if (query.length < 1) {\n        clearSearchResults();\n        return;\n      }\n\n      if (query.length >= minimumQueryLength) {\n        debouncedSearch(query);\n      }\n    },\n    [minimumQueryLength, debouncedSearch, error, clearSearchResults],\n  );\n\n  const handleExecuteSearch = useCallback(\n    (query: string) => {\n      // if a `routeSearch` cb function is provided, use it to handle any navigation\n      routeSearch && routeSearch(query);\n      events.emit('search/request', { phrase: query } as SearchInputRequest);\n    },\n    [routeSearch],\n  );\n\n  const handleClose = useCallback(() => {\n    setError(null);\n    setIsLoading(false);\n    clearSearchResults();\n  }, [clearSearchResults]);\n\n  return {\n    isLoading,\n    error,\n    handleQueryInput,\n    handleExecuteSearch,\n    handleClose,\n  };\n};\n\nexport const SearchBarInput: Container<SearchBarInputProps> = ({\n  searchQuery,\n  minimumQueryLength = 3,\n  debounceDelay = 300,\n  defaultQueryPlaceholder,\n  routeSearch = () => {},\n  slots,\n}) => {\n  const { isLoading, error, handleQueryInput, handleExecuteSearch, handleClose } = useSearchBarInput(\n    minimumQueryLength,\n    debounceDelay,\n    routeSearch,\n  );\n\n  const searchIcon = useMemo(\n    () => (\n      <Slot name=\"InputFormSearchIcon\" slot={slots?.SearchIcon}>\n        <Icon source={Search} size=\"24\" />\n      </Slot>\n    ),\n    [slots?.SearchIcon],\n  );\n\n  const inputForm = useMemo(\n    () => (\n      <Slot name=\"InputForm\" slot={slots?.InputForm}>\n        <SearchBarInputComponent\n          searchQuery={searchQuery}\n          defaultQueryPlaceholder={defaultQueryPlaceholder}\n          searchIcon={searchIcon}\n          onQueryInput={handleQueryInput}\n          onExecuteSearch={handleExecuteSearch}\n          onClose={handleClose}\n          isLoading={isLoading}\n          error={error}\n        />\n      </Slot>\n    ),\n    [\n      searchQuery,\n      defaultQueryPlaceholder,\n      searchIcon,\n      handleQueryInput,\n      handleExecuteSearch,\n      handleClose,\n      isLoading,\n      error,\n      slots?.InputForm,\n    ],\n  );\n\n  return <>{inputForm}</>;\n};\n"],"names":["SvgSearch","props","React","KEY_PRESS_EVENTS","SearchBarInput","searchQuery","defaultQueryPlaceholder","searchIcon","onQueryInput","onExecuteSearch","onClose","translations","useText","handleKeyPress","event","key","inputValue","_b","_a","handleQueryInput","classes","jsx","Input","VComponent","DEFAULT_VISIBILITY_FILTER","handleDataCollectionError","error","context","createPageInfo","itemsLength","trackSearchRequest","searchRequestVariable","searchRequestId","updateSearchInputCtx","SEARCH_UNIT_ID","searchRequestSent","e","updateSearchResults","items","hasPhrase","updateSearchResultsCtx","searchResponseReceived","searchResultsView","prepareSearchRequest","searchRequestObject","getSearchBarInputSearch","query","productSearchQuery","response","transformedItems","transformSearchResultProducts","useSearchBarInput","minimumQueryLength","debounceDelay","routeSearch","isLoading","setIsLoading","useState","setError","handleSearch","useCallback","events","searchInputResults","err","errorMessage","debouncedSearch","useMemo","debounce","useEffect","clearSearchResults","handleExecuteSearch","handleClose","slots","Slot","Icon","Search","inputForm","SearchBarInputComponent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"SearchBarInput.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Search.svg","/@dropins/storefront-product-discovery/src/components/SearchBarInput/SearchBarInput.tsx","/@dropins/storefront-product-discovery/src/containers/SearchBarInput/utils/getSearchBarInputSearch.ts","/@dropins/storefront-product-discovery/src/containers/SearchBarInput/SearchBarInput.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Search_Base\", \"data-name\": \"Icon \\\\u2013 Search \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, fill: \"none\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Search_icon\", \"data-name\": \"Search icon\", transform: \"translate(3.75 3.75)\" }, /* @__PURE__ */ React.createElement(\"circle\", { vectorEffect: \"non-scaling-stroke\", id: \"Ellipse_186\", \"data-name\": \"Ellipse 186\", cx: 6, cy: 6, r: 6, fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_556\", \"data-name\": \"Line 556\", x2: 6, y2: 6, transform: \"translate(10.5 10.5)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgSearch;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, TargetedEvent } from 'preact/compat';\nimport { Input } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\n\nimport '@/plp/components/SearchBarInput/SearchBarInput.css';\n\nconst KEY_PRESS_EVENTS = {\n  ENTER: 'Enter',\n  ESCAPE: 'Escape',\n} as const;\n\nexport interface SearchBarInputProps extends HTMLAttributes<HTMLDivElement> {\n  searchIcon?: VNode;\n  searchQuery?: string;\n  defaultQueryPlaceholder?: string;\n  isLoading?: boolean;\n  error?: string | null;\n  onQueryInput?: (query: string) => void;\n  onExecuteSearch?: (query: string) => void;\n  onClose?: () => void;\n}\n\nexport const SearchBarInput: FunctionComponent<SearchBarInputProps> = ({\n  searchQuery = '',\n  defaultQueryPlaceholder,\n  searchIcon,\n  onQueryInput,\n  onExecuteSearch,\n  onClose,\n}) => {\n  const translations = useText({ placeholder: 'Search.SearchInput.placeholder' });\n\n  const handleKeyPress = (event: TargetedEvent<HTMLInputElement, KeyboardEvent>) => {\n    const { key } = event;\n    const inputValue = event.currentTarget?.value?.trim() || '';\n\n    if (key === KEY_PRESS_EVENTS.ENTER && inputValue) {\n      onExecuteSearch?.(inputValue);\n    } else if (key === KEY_PRESS_EVENTS.ESCAPE) {\n      onClose?.();\n    }\n  };\n\n  const handleQueryInput = (event: TargetedEvent<HTMLInputElement, Event>) => {\n    onQueryInput?.(event.currentTarget?.value || '');\n  };\n\n  return (\n    <div className={classes(['product-discovery--search-bar-input__container'])}>\n      <Input\n        id=\"search-bar-input-form\"\n        role=\"searchbox\"\n        aria-label=\"Search Input\"\n        value={searchQuery}\n        placeholder={defaultQueryPlaceholder || translations.placeholder}\n        icon={\n          searchIcon ? (\n            <VComponent className=\"product-discovery--search-bar-input__form\" node={searchIcon} />\n          ) : undefined\n        }\n        onKeyDown={handleKeyPress}\n        onChange={handleQueryInput}\n      />\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { productSearch as productSearchQuery } from '@/plp/api';\nimport { SearchVariables } from '@/plp/data/models';\nimport { Product } from '@/plp/data/models/product';\nimport { transformSearchResultProducts } from '@/plp/data/transforms';\nimport {\n  SEARCH_UNIT_ID,\n  searchRequestSent,\n  searchResponseReceived,\n  searchResultsView,\n  updateSearchInputCtx,\n  updateSearchResultsCtx,\n} from '@/plp/utils/acdlEvents';\n\n// Constants\nconst DEFAULT_VISIBILITY_FILTER = {\n  attribute: 'visibility',\n  in: ['Search', 'Catalog, Search'],\n};\n\ninterface PageInfo {\n  currentPage: number;\n  pageSize: number;\n  totalPages: number;\n  totalItems: number;\n}\n\nconst handleDataCollectionError = (error: any, context: string): void => {\n  console.error(`Error collecting ${context}:`, error);\n};\n\nconst createPageInfo = (itemsLength: number): PageInfo => ({\n  currentPage: 1,\n  pageSize: itemsLength,\n  totalPages: 1,\n  totalItems: itemsLength,\n});\n\nconst trackSearchRequest = (searchRequestVariable: SearchVariables): string => {\n  let searchRequestId = '';\n\n  try {\n    searchRequestId = self.crypto.randomUUID();\n    updateSearchInputCtx(\n      SEARCH_UNIT_ID,\n      searchRequestId,\n      searchRequestVariable.phrase || '',\n      searchRequestVariable.filter || [],\n      searchRequestVariable.pageSize || 0,\n      searchRequestVariable.currentPage || 0,\n      searchRequestVariable.sort || [],\n    );\n    searchRequestSent(SEARCH_UNIT_ID);\n  } catch (e) {\n    handleDataCollectionError(e, 'search input context');\n  }\n\n  return searchRequestId;\n};\n\nconst updateSearchResults = (searchRequestId: string, items: Product[], hasPhrase: boolean): void => {\n  try {\n    updateSearchResultsCtx(SEARCH_UNIT_ID, searchRequestId, {\n      items: Array.isArray(items) ? items : [],\n      facets: [],\n      pageInfo: createPageInfo(items?.length || 0),\n      totalCount: items?.length || 0,\n    });\n    searchResponseReceived(SEARCH_UNIT_ID);\n\n    if (hasPhrase) {\n      searchResultsView(SEARCH_UNIT_ID);\n    }\n  } catch (e) {\n    handleDataCollectionError(e, 'search input data');\n  }\n};\n\nconst prepareSearchRequest = (searchRequestVariable: SearchVariables): SearchVariables => {\n  const searchRequestObject = structuredClone(searchRequestVariable);\n\n  if (!searchRequestObject.filter) {\n    searchRequestObject.filter = [];\n  }\n  searchRequestObject.filter.push(DEFAULT_VISIBILITY_FILTER);\n\n  return searchRequestObject;\n};\n\nexport const getSearchBarInputSearch = (query: string): Promise<Product[]> => {\n  if (!query?.trim()) {\n    return Promise.resolve([]);\n  }\n\n  const searchRequestVariable: SearchVariables = { phrase: query.trim() };\n  const searchRequestId = trackSearchRequest(searchRequestVariable);\n  const searchRequestObject = prepareSearchRequest(searchRequestVariable);\n\n  return productSearchQuery(searchRequestObject)\n    .then((response: any | null) => {\n      const transformedItems = (transformSearchResultProducts(response) || []).slice(0, 8);\n\n      updateSearchResults(searchRequestId, transformedItems, !!searchRequestVariable.phrase);\n\n      return transformedItems;\n    })\n    .catch((error: any) => {\n      console.error('SearchInput query failed:', error);\n      throw new Error('Error fetching search input data.');\n    });\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback, useEffect, useMemo, useState } from 'preact/hooks';\nimport { Icon } from '@adobe-commerce/elsie/components';\nimport { Search } from '@adobe-commerce/elsie/icons';\nimport { Container, Slot, SlotProps, debounce } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport { SearchBarInput as SearchBarInputComponent } from '@/plp/components/SearchBarInput';\nimport { Product, SearchInputRequest, SearchInputResult } from '@/plp/data/models/product';\n\nimport { getSearchBarInputSearch } from './utils/getSearchBarInputSearch';\n\nexport interface SearchBarInputProps extends HTMLAttributes<HTMLDivElement> {\n  searchQuery?: string;\n  minimumQueryLength?: number;\n  debounceDelay?: number;\n  defaultQueryPlaceholder?: string;\n  routeSearch?: (searchQuery: string) => void;\n  slots?: {\n    InputForm?: SlotProps;\n    SearchIcon?: SlotProps;\n  };\n}\n\n// debounced function type helper method\ntype DebouncedFunction<T extends (...args: any[]) => any> = T & {\n  cancel?: () => void;\n};\n\nconst useSearchBarInput = (\n  minimumQueryLength: number,\n  debounceDelay: number,\n  routeSearch: (searchQuery: string) => void,\n) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSearch = useCallback(async (query: string) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      events.emit('search-input/request', { phrase: query });\n      const searchInputResults = await getSearchBarInputSearch(query);\n      events.emit('search-input/result', {\n        result: searchInputResults as Product[],\n        request: { phrase: query },\n      } as SearchInputResult);\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Search Input failed';\n      setError(errorMessage);\n      // may need to emit an error event here?\n    } finally {\n      setIsLoading(false);\n    }\n  }, []);\n\n  // the adobe elsie debounce function *should* have a cancel, but it doesnt seem to be typed correctly\n  const debouncedSearch = useMemo(\n    () => debounce(handleSearch, debounceDelay) as DebouncedFunction<typeof handleSearch>,\n    [handleSearch, debounceDelay],\n  );\n\n  // need to cancel any pending debounced calls when component unmounts or debouncedSearch changes\n  useEffect(() => {\n    return () => {\n      if (debouncedSearch.cancel) {\n        debouncedSearch.cancel();\n      }\n    };\n  }, [debouncedSearch]);\n\n  const clearSearchResults = useCallback(() => {\n    events.emit('search-input/result', {\n      result: [],\n      request: { phrase: '' },\n    } as SearchInputResult);\n  }, []);\n\n  const handleQueryInput = useCallback(\n    (query: string) => {\n      if (error) {\n        setError(null);\n      }\n\n      if (query.length < 1) {\n        clearSearchResults();\n        return;\n      }\n\n      if (query.length >= minimumQueryLength) {\n        debouncedSearch(query);\n      }\n    },\n    [minimumQueryLength, debouncedSearch, error, clearSearchResults],\n  );\n\n  const handleExecuteSearch = useCallback(\n    (query: string) => {\n      // if a `routeSearch` cb function is provided, use it to handle any navigation\n      routeSearch && routeSearch(query);\n      events.emit('search/request', { phrase: query } as SearchInputRequest);\n    },\n    [routeSearch],\n  );\n\n  const handleClose = useCallback(() => {\n    setError(null);\n    setIsLoading(false);\n    clearSearchResults();\n  }, [clearSearchResults]);\n\n  return {\n    isLoading,\n    error,\n    handleQueryInput,\n    handleExecuteSearch,\n    handleClose,\n  };\n};\n\nexport const SearchBarInput: Container<SearchBarInputProps> = ({\n  searchQuery,\n  minimumQueryLength = 3,\n  debounceDelay = 300,\n  defaultQueryPlaceholder,\n  routeSearch = () => {},\n  slots,\n}) => {\n  const { isLoading, error, handleQueryInput, handleExecuteSearch, handleClose } = useSearchBarInput(\n    minimumQueryLength,\n    debounceDelay,\n    routeSearch,\n  );\n\n  const searchIcon = useMemo(\n    () => (\n      <Slot name=\"InputFormSearchIcon\" slot={slots?.SearchIcon}>\n        <Icon source={Search} size=\"24\" />\n      </Slot>\n    ),\n    [slots?.SearchIcon],\n  );\n\n  const inputForm = useMemo(\n    () => (\n      <Slot name=\"InputForm\" slot={slots?.InputForm}>\n        <SearchBarInputComponent\n          searchQuery={searchQuery}\n          defaultQueryPlaceholder={defaultQueryPlaceholder}\n          searchIcon={searchIcon}\n          onQueryInput={handleQueryInput}\n          onExecuteSearch={handleExecuteSearch}\n          onClose={handleClose}\n          isLoading={isLoading}\n          error={error}\n        />\n      </Slot>\n    ),\n    [\n      searchQuery,\n      defaultQueryPlaceholder,\n      searchIcon,\n      handleQueryInput,\n      handleExecuteSearch,\n      handleClose,\n      isLoading,\n      error,\n      slots?.InputForm,\n    ],\n  );\n\n  return <>{inputForm}</>;\n};\n"],"names":["SvgSearch","props","React","KEY_PRESS_EVENTS","SearchBarInput","searchQuery","defaultQueryPlaceholder","searchIcon","onQueryInput","onExecuteSearch","onClose","translations","useText","handleKeyPress","event","key","inputValue","_b","_a","handleQueryInput","classes","jsx","Input","VComponent","DEFAULT_VISIBILITY_FILTER","handleDataCollectionError","error","context","createPageInfo","itemsLength","trackSearchRequest","searchRequestVariable","searchRequestId","updateSearchInputCtx","SEARCH_UNIT_ID","searchRequestSent","e","updateSearchResults","items","hasPhrase","updateSearchResultsCtx","searchResponseReceived","searchResultsView","prepareSearchRequest","searchRequestObject","getSearchBarInputSearch","query","productSearchQuery","response","transformedItems","transformSearchResultProducts","useSearchBarInput","minimumQueryLength","debounceDelay","routeSearch","isLoading","setIsLoading","useState","setError","handleSearch","useCallback","events","searchInputResults","err","errorMessage","debouncedSearch","useMemo","debounce","useEffect","clearSearchResults","handleExecuteSearch","handleClose","slots","Slot","Icon","Search","inputForm","SearchBarInputComponent"],"mappings":"suBACA,MAAMA,EAAaC,GAA0BC,EAAM,cAAc,MAAO,CAAE,GAAI,mBAAoB,YAAa,mCAAoC,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,QAAS,YAAa,GAAGD,CAAK,EAAoBC,EAAM,cAAc,IAAK,CAAE,GAAI,OAAO,EAAoBA,EAAM,cAAc,OAAQ,CAAE,GAAI,iBAAkB,YAAa,iBAAkB,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,QAAS,EAAG,EAAmBA,EAAM,cAAc,IAAK,CAAE,GAAI,cAAe,YAAa,cAAe,UAAW,sBAAsB,EAAoBA,EAAM,cAAc,SAAU,CAAE,aAAc,qBAAsB,GAAI,cAAe,YAAa,cAAe,GAAI,EAAG,GAAI,EAAG,EAAG,EAAG,KAAM,OAAQ,OAAQ,cAAc,CAAE,EAAmBA,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,GAAI,WAAY,YAAa,WAAY,GAAI,EAAG,GAAI,EAAG,UAAW,uBAAwB,KAAM,OAAQ,OAAQ,cAAc,CAAE,CAAC,CAAC,CAAC,ECgB99BC,EAAmB,CACvB,MAAO,QACP,OAAQ,QACV,EAaaC,EAAyD,CAAC,CACrE,YAAAC,EAAc,GACd,wBAAAC,EACA,WAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,QAAAC,CACF,IAAM,CACJ,MAAMC,EAAeC,EAAQ,CAAE,YAAa,iCAAkC,EAExEC,EAAkBC,GAA0D,SAChF,KAAM,CAAE,IAAAC,GAAQD,EACVE,IAAaC,GAAAC,EAAAJ,EAAM,gBAAN,YAAAI,EAAqB,QAArB,YAAAD,EAA4B,SAAU,GAErDF,IAAQZ,EAAiB,OAASa,EACpCP,GAAA,MAAAA,EAAkBO,GACTD,IAAQZ,EAAiB,SAClCO,GAAA,MAAAA,IAEJ,EAEMS,EAAoBL,GAAkD,OAC1EN,GAAA,MAAAA,IAAeU,EAAAJ,EAAM,gBAAN,YAAAI,EAAqB,QAAS,GAC/C,EAEA,SACG,MAAA,CAAI,UAAWE,EAAQ,CAAC,gDAAgD,CAAC,EACxE,SAAAC,EAACC,EAAA,CACC,GAAG,wBACH,KAAK,YACL,aAAW,eACX,MAAOjB,EACP,YAAaC,GAA2BK,EAAa,YACrD,KACEJ,EACEc,EAACE,EAAA,CAAW,UAAU,4CAA4C,KAAMhB,EAAY,EAClF,OAEN,UAAWM,EACX,SAAUM,CAAA,CAAA,EAEd,CAEJ,ECrDMK,EAA4B,CAChC,UAAW,aACX,GAAI,CAAC,SAAU,iBAAiB,CAClC,EASMC,EAA4B,CAACC,EAAYC,IAA0B,CACvE,QAAQ,MAAM,oBAAoBA,CAAO,IAAKD,CAAK,CACrD,EAEME,EAAkBC,IAAmC,CACzD,YAAa,EACb,SAAUA,EACV,WAAY,EACZ,WAAYA,CACd,GAEMC,EAAsBC,GAAmD,CAC7E,IAAIC,EAAkB,GAEtB,GAAI,CACFA,EAAkB,KAAK,OAAO,WAAA,EAC9BC,EACEC,EACAF,EACAD,EAAsB,QAAU,GAChCA,EAAsB,QAAU,CAAA,EAChCA,EAAsB,UAAY,EAClCA,EAAsB,aAAe,EACrCA,EAAsB,MAAQ,CAAA,CAAC,EAEjCI,EAAkBD,CAAc,CAClC,OAASE,EAAG,CACVX,EAA0BW,EAAG,sBAAsB,CACrD,CAEA,OAAOJ,CACT,EAEMK,EAAsB,CAACL,EAAyBM,EAAkBC,IAA6B,CACnG,GAAI,CACFC,EAAuBN,EAAgBF,EAAiB,CACtD,MAAO,MAAM,QAAQM,CAAK,EAAIA,EAAQ,CAAA,EACtC,OAAQ,CAAA,EACR,SAAUV,GAAeU,GAAA,YAAAA,EAAO,SAAU,CAAC,EAC3C,YAAYA,GAAA,YAAAA,EAAO,SAAU,CAAA,CAC9B,EACDG,EAAuBP,CAAc,EAEjCK,GACFG,EAAkBR,CAAc,CAEpC,OAASE,EAAG,CACVX,EAA0BW,EAAG,mBAAmB,CAClD,CACF,EAEMO,EAAwBZ,GAA4D,CACxF,MAAMa,EAAsB,gBAAgBb,CAAqB,EAEjE,OAAKa,EAAoB,SACvBA,EAAoB,OAAS,CAAA,GAE/BA,EAAoB,OAAO,KAAKpB,CAAyB,EAElDoB,CACT,EAEaC,EAA2BC,GAAsC,CAC5E,GAAI,EAACA,GAAA,MAAAA,EAAO,QACV,OAAO,QAAQ,QAAQ,EAAE,EAG3B,MAAMf,EAAyC,CAAE,OAAQe,EAAM,MAAK,EAC9Dd,EAAkBF,EAAmBC,CAAqB,EAC1Da,EAAsBD,EAAqBZ,CAAqB,EAEtE,OAAOgB,EAAmBH,CAAmB,EAC1C,KAAMI,GAAyB,CAC9B,MAAMC,GAAoBC,EAA8BF,CAAQ,GAAK,CAAA,GAAI,MAAM,EAAG,CAAC,EAEnF,OAAAX,EAAoBL,EAAiBiB,EAAkB,CAAC,CAAClB,EAAsB,MAAM,EAE9EkB,CACT,CAAC,EACA,MAAOvB,GAAe,CACrB,cAAQ,MAAM,4BAA6BA,CAAK,EAC1C,IAAI,MAAM,mCAAmC,CACrD,CAAC,CACL,EChFMyB,EAAoB,CACxBC,EACAC,EACAC,IACG,CACH,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAAC/B,EAAOgC,CAAQ,EAAID,EAAwB,IAAI,EAEhDE,EAAeC,EAAY,MAAOd,GAAkB,CACxDU,EAAa,EAAI,EACjBE,EAAS,IAAI,EAEb,GAAI,CACFG,EAAO,KAAK,uBAAwB,CAAE,OAAQf,EAAO,EACrD,MAAMgB,EAAqB,MAAMjB,EAAwBC,CAAK,EAC9De,EAAO,KAAK,sBAAuB,CACjC,OAAQC,EACR,QAAS,CAAE,OAAQhB,CAAA,CAAM,CACL,CACxB,OAASiB,EAAK,CACZ,MAAMC,EAAeD,aAAe,MAAQA,EAAI,QAAU,sBAC1DL,EAASM,CAAY,CAEvB,QAAA,CACER,EAAa,EAAK,CACpB,CACF,EAAG,CAAA,CAAE,EAGCS,EAAkBC,EACtB,IAAMC,EAASR,EAAcN,CAAa,EAC1C,CAACM,EAAcN,CAAa,CAAA,EAI9Be,EAAU,IACD,IAAM,CACPH,EAAgB,QAClBA,EAAgB,OAAA,CAEpB,EACC,CAACA,CAAe,CAAC,EAEpB,MAAMI,EAAqBT,EAAY,IAAM,CAC3CC,EAAO,KAAK,sBAAuB,CACjC,OAAQ,CAAA,EACR,QAAS,CAAE,OAAQ,EAAA,CAAG,CACF,CACxB,EAAG,CAAA,CAAE,EAEC1C,EAAmByC,EACtBd,GAAkB,CAKjB,GAJIpB,GACFgC,EAAS,IAAI,EAGXZ,EAAM,OAAS,EAAG,CACpBuB,EAAA,EACA,MACF,CAEIvB,EAAM,QAAUM,GAClBa,EAAgBnB,CAAK,CAEzB,EACA,CAACM,EAAoBa,EAAiBvC,EAAO2C,CAAkB,CAAA,EAG3DC,EAAsBV,EACzBd,GAAkB,CAEjBQ,GAAeA,EAAYR,CAAK,EAChCe,EAAO,KAAK,iBAAkB,CAAE,OAAQf,EAA6B,CACvE,EACA,CAACQ,CAAW,CAAA,EAGRiB,EAAcX,EAAY,IAAM,CACpCF,EAAS,IAAI,EACbF,EAAa,EAAK,EAClBa,EAAA,CACF,EAAG,CAACA,CAAkB,CAAC,EAEvB,MAAO,CACL,UAAAd,EACA,MAAA7B,EACA,iBAAAP,EACA,oBAAAmD,EACA,YAAAC,CAAA,CAEJ,EAEanE,GAAiD,CAAC,CAC7D,YAAAC,EACA,mBAAA+C,EAAqB,EACrB,cAAAC,EAAgB,IAChB,wBAAA/C,EACA,YAAAgD,EAAc,IAAM,CAAC,EACrB,MAAAkB,CACF,IAAM,CACJ,KAAM,CAAE,UAAAjB,EAAW,MAAA7B,EAAO,iBAAAP,EAAkB,oBAAAmD,EAAqB,YAAAC,GAAgBpB,EAC/EC,EACAC,EACAC,CAAA,EAGI/C,EAAa2D,EACjB,IACE7C,EAACoD,EAAA,CAAK,KAAK,sBAAsB,KAAMD,GAAA,YAAAA,EAAO,WAC5C,SAAAnD,EAACqD,EAAA,CAAK,OAAQC,EAAQ,KAAK,KAAK,EAClC,EAEF,CAACH,GAAA,YAAAA,EAAO,UAAU,CAAA,EAGdI,EAAYV,EAChB,IACE7C,EAACoD,EAAA,CAAK,KAAK,YAAY,KAAMD,GAAA,YAAAA,EAAO,UAClC,SAAAnD,EAACwD,EAAA,CACC,YAAAxE,EACA,wBAAAC,EACA,WAAAC,EACA,aAAcY,EACd,gBAAiBmD,EACjB,QAASC,EACT,UAAAhB,EACA,MAAA7B,CAAA,CAAA,EAEJ,EAEF,CACErB,EACAC,EACAC,EACAY,EACAmD,EACAC,EACAhB,EACA7B,EACA8C,GAAA,YAAAA,EAAO,SAAA,CACT,EAGF,YAAU,SAAAI,CAAA,CAAU,CACtB","x_google_ignoreList":[0]}

package/containers/SearchBarResults.js

@@ -1,5 +1,5 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as a,jsxs as x}from"@dropins/tools/preact-jsx-runtime.js";import{useRef as O,useCallback as o,useEffect as $,useMemo as B,useState as w}from"@dropins/tools/preact-compat.js";import{Image as Q,Price as U,Button as z}from"@dropins/tools/components.js";import{VComponent as _,Slot as k}from"@dropins/tools/lib.js";import{events as S}from"@dropins/tools/event-bus.js";/* empty css                   */import{s as H,S as M}from"../chunks/acdlEvents.js";import{useText as V}from"@dropins/tools/i18n.js";const C=({productList:c,viewAllButton:s,onClose:i,...r})=>{const n=c&&c.length>0,u=O(null),t=o(l=>{u.current&&!u.current.contains(l.target)&&(i==null||i())},[i]),h=o(l=>{l.key==="Escape"&&(i==null||i())},[i]);return $(()=>{if(n)return document.addEventListener("mousedown",t),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",h)}},[n,t,h]),n?a("div",{className:"product-discovery--search-bar-results",...r,children:a("div",{className:"product-discovery--search-bar-results__popover",ref:u,role:"region","aria-label":"Search results","aria-live":"polite",children:x("div",{className:"product-discovery--search-bar-results__outer-container",...r,children:[a("div",{className:"product-discovery--search-bar-results__grid",role:"list","aria-label":`${(c==null?void 0:c.length)||0} search results`,children:c==null?void 0:c.map((l,d)=>a("div",{role:"listitem",children:l},d))}),s&&a("div",{className:"product-discovery--search-bar-results__view-all-wrapper",children:a(_,{className:"product-discovery--search-bar-results__view-all-button",node:s})})]})})}):null},F=({productRouteSearch:c=t=>(t==null?void 0:t.url)||"",productItem:s,productImage:i,productName:r,productPrice:n,...u})=>{const t=B(()=>{const{name:l="",sku:d="",url:y=""}=s||{};return{tooltipText:[l,d&&`SKU: ${d}`].filter(Boolean).join(`
-`),url:y}},[s]),h=l=>{H(l.sku,M)};return x("a",{className:"product-discovery--product-item",href:c(s),target:"_blank",rel:"noopener noreferrer",title:t.tooltipText,onClick:()=>h(s),...u,children:[a("div",{className:"product-discovery--product-item__image",children:a(_,{node:i})}),x("div",{className:"product-discovery--product-item__details",children:[a(_,{node:r}),a(_,{node:n})]})]})},ee=({products:c=[],productRouteSearch:s=n=>(n==null?void 0:n.url)||"",routeSearch:i=()=>{},slots:r})=>{const[n,u]=w(c),[t,h]=w(""),[l,d]=w(c.length>0),y=V({viewAllButton:"Search.SearchInput.viewAllButton"}),N=o(({result:e=[],request:m={}})=>{const{phrase:v=""}=m;u(e),h(v),d(e.length>0&&v.length>0)},[]);$(()=>{const e=S.on("search-input/result",N);return()=>{e==null||e.off()}},[N]);const b=o(()=>{S.emit("search-input/result",{result:[],request:{phrase:""}}),d(!1)},[]),R=o(()=>{i&&i(t),S.emit("search/request",{phrase:t}),b()},[i,t,b]),E=o(e=>{var v,f,g,P;const m={loading:"lazy",src:((f=(v=e.images)==null?void 0:v[0])==null?void 0:f.url)||"",alt:((P=(g=e.images)==null?void 0:g[0])==null?void 0:P.label)||"",width:"165",height:"165"};return a(k,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{productItem:e,defaultImageProps:m},children:a(Q,{...m,"aria-label":e.sku})})},[r==null?void 0:r.ProductImage]),p=o(e=>a(k,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{productItem:e},children:(e==null?void 0:e.name)||""}),[r==null?void 0:r.ProductName]),A=o(e=>{var f,g,P,j,D;const{value:m,currency:v}=((g=(f=e==null?void 0:e.price)==null?void 0:f.final)==null?void 0:g.amount)||((D=(j=(P=e==null?void 0:e.priceRange)==null?void 0:P.minimum)==null?void 0:j.final)==null?void 0:D.amount)||{};return a(k,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{productItem:e},children:a(U,{amount:typeof m=="number"?m:void 0,currency:v})})},[r==null?void 0:r.ProductPrice]),T=o(e=>a(F,{productRouteSearch:s,productItem:e,productImage:E(e),productName:p(e),productPrice:A(e)}),[s,E,p,A]),q=B(()=>a(z,{variant:"tertiary",onClick:R,children:y.viewAllButton}),[y.viewAllButton,R]),K=B(()=>n==null?void 0:n.map(e=>T(e)),[n,T]);return!n.length||!l?null:a(C,{productList:K,viewAllButton:q,onClose:b})};export{ee as SearchBarResults,ee as default};
+import{jsx as n,jsxs as x}from"@dropins/tools/preact-jsx-runtime.js";import{useRef as K,useCallback as u,useEffect as j,useMemo as p,useState as S}from"@dropins/tools/preact-compat.js";import{Image as Q,Price as V,Button as z}from"@dropins/tools/components.js";import{VComponent as _,Slot as b}from"@dropins/tools/lib.js";import{events as k}from"@dropins/tools/event-bus.js";/* empty css                   */import{s as C,S as H}from"../chunks/acdlEvents.js";import{useText as M}from"@dropins/tools/i18n.js";const F=({productList:i,viewAllButton:s,onClose:c,...r})=>{const a=i&&i.length>0,d=K(null),t=u(l=>{d.current&&!d.current.contains(l.target)&&(c==null||c())},[c]),h=u(l=>{l.key==="Escape"&&(c==null||c())},[c]);return j(()=>{if(a)return document.addEventListener("mousedown",t),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",h)}},[a,t,h]),a?n("div",{className:"product-discovery--search-bar-results",...r,children:n("div",{className:"product-discovery--search-bar-results__popover",ref:d,role:"region","aria-label":"Search results","aria-live":"polite",children:x("div",{className:"product-discovery--search-bar-results__outer-container",...r,children:[n("div",{className:"product-discovery--search-bar-results__grid",role:"list","aria-label":`${(i==null?void 0:i.length)||0} search results`,children:i==null?void 0:i.map((l,m)=>n("div",{role:"listitem",children:l},m))}),s&&n("div",{className:"product-discovery--search-bar-results__view-all-wrapper",children:n(_,{className:"product-discovery--search-bar-results__view-all-button",node:s})})]})})}):null},G=({productRouteSearch:i=t=>(t==null?void 0:t.url)||"",productItem:s,productImage:c,productName:r,productPrice:a,...d})=>{const t=p(()=>{const{name:l="",sku:m="",url:y=""}=s||{};return{tooltipText:[l,m&&`SKU: ${m}`].filter(Boolean).join(`
+`),url:y}},[s]),h=l=>{C(l.sku,H)};return x("a",{className:"product-discovery--product-item",href:i(s),rel:"noopener noreferrer",title:t.tooltipText,onClick:()=>h(s),...d,children:[n("div",{className:"product-discovery--product-item__image",children:n(_,{node:c})}),x("div",{className:"product-discovery--product-item__details",children:[n(_,{node:r}),n(_,{node:a})]})]})},re=({products:i=[],productRouteSearch:s=a=>(a==null?void 0:a.url)||"",routeSearch:c=()=>{},slots:r})=>{const[a,d]=S(i),[t,h]=S(""),[l,m]=S(i.length>0),y=M({viewAllButton:"Search.SearchInput.viewAllButton"}),N=u(({result:e=[],request:v={}})=>{const{phrase:o=""}=v;d(e),h(o),m(e.length>0&&o.length>0)},[]);j(()=>{const e=k.on("search-input/result",N);return()=>{e==null||e.off()}},[N]);const w=u(()=>{k.emit("search-input/result",{result:[],request:{phrase:""}}),m(!1)},[]),B=u(()=>{c&&c(t),k.emit("search/request",{phrase:t}),w()},[c,t,w]),R=u(e=>{var o,P,f,g;const v={loading:"lazy",src:((P=(o=e.images)==null?void 0:o[0])==null?void 0:P.url)||"",alt:((g=(f=e.images)==null?void 0:f[0])==null?void 0:g.label)||"",width:"165",height:"165"};return n(b,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{productItem:e,defaultImageProps:v},children:n(Q,{...v,"aria-label":e.sku})})},[r==null?void 0:r.ProductImage]),E=u(e=>n(b,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{productItem:e},children:(e==null?void 0:e.name)||""}),[r==null?void 0:r.ProductName]),A=u(e=>{var f,g,T,O,U;const{value:v,currency:o="USD"}=((g=(f=e==null?void 0:e.price)==null?void 0:f.final)==null?void 0:g.amount)||((U=(O=(T=e==null?void 0:e.priceRange)==null?void 0:T.minimum)==null?void 0:O.final)==null?void 0:U.amount)||{},P=Intl.supportedValuesOf("currency").indexOf(o||"")===-1?"USD":o;return n(b,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{productItem:e},children:n(V,{amount:typeof v=="number"?v:void 0,currency:P})})},[r==null?void 0:r.ProductPrice]),D=u(e=>n(G,{productRouteSearch:s,productItem:e,productImage:R(e),productName:E(e),productPrice:A(e)}),[s,R,E,A]),$=p(()=>n(z,{variant:"tertiary",onClick:B,children:y.viewAllButton}),[y.viewAllButton,B]),q=p(()=>a==null?void 0:a.map(e=>D(e)),[a,D]);return!a.length||!l?null:n(F,{productList:q,viewAllButton:$,onClose:w})};export{re as SearchBarResults,re as default};
 //# sourceMappingURL=SearchBarResults.js.map