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

package/containers/Facets/Facets.d.ts

@@ -1,11 +1,24 @@
 import { HTMLAttributes } from 'preact/compat';
 import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { SearchFacet, FacetBucket } from '../../data/models/api';
 
 export interface FacetsProps extends HTMLAttributes<HTMLDivElement> {
     slots?: {
-        Facet?: SlotProps;
-        SelectedFacets?: SlotProps;
-        Facets?: SlotProps;
+        Facet?: SlotProps<{
+            data: SearchFacet;
+        }>;
+        SelectedFacets?: SlotProps<{
+            data: SearchFacet[];
+        }>;
+        Facets?: SlotProps<{
+            data: SearchFacet[];
+        }>;
+        FacetBucket?: SlotProps<{
+            data: FacetBucket;
+        }>;
+        FacetBucketLabel?: SlotProps<{
+            data: FacetBucket;
+        }>;
     };
 }
 export declare const Facets: Container<FacetsProps>;

package/containers/Facets.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as v,jsx as s,Fragment as b}from"@dropins/tools/preact-jsx-runtime.js";import*as d from"@dropins/tools/preact-compat.js";import{useState as C,useEffect as D}from"@dropins/tools/preact-compat.js";import{VComponent as L,classes as z,Slot as R}from"@dropins/tools/lib.js";import{Button as x,Icon as A,ActionButton as H,PriceRange as N,Divider as U,Checkbox as V,RadioButton as j}from"@dropins/tools/components.js";/* empty css                 */import{useText as $}from"@dropins/tools/i18n.js";/* empty css                   *//* empty css                      *//* empty css                   */import{events as M}from"@dropins/tools/event-bus.js";const P=e=>d.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("g",{id:"Large"},d.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),d.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},d.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),d.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),T=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 12H21",stroke:"currentColor"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 6H21",stroke:"currentColor"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 18H21",stroke:"currentColor"})),W=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),Y=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{d:"M17.3332 11.75H6.6665",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",fill:"none",stroke:"currentColor"})),G=({numberOfOptionsConfig:e=5,header:r,buckets:c})=>{const l=$({showMore:"Search.Facet.showMore",showLess:"Search.Facet.showLess"}),m=e,[h,g]=C(c.length<m),p=h?c.length:m;return v("div",{children:[s(L,{className:"product-discovery-facet__header",node:r}),c.slice(0,p).map((F,S)=>s(L,{className:"product-discovery-facet__bucket",node:F},S)),!h&&c.length>m&&s(x,{variant:"tertiary",icon:s(A,{source:P,size:"24"}),onClick:()=>g(!h),children:l.showMore}),h&&c.length>m&&s(x,{variant:"tertiary",icon:s(A,{source:Y,size:"24"}),onClick:()=>g(!h),children:l.showLess})]})},J=({selectedFacets:e,facets:r})=>{const[c,l]=C(!0),m=()=>{l(!c)};return v("div",{className:"product-discovery-facet-list",children:[s("div",{className:"product-discovery-facet-list__show-filters-button",children:v(H,{onClick:()=>{m()},children:[s(A,{source:T,size:"16"}),s("span",{children:"Filters"})]})}),s(L,{className:"product-discovery-facet-list__selected-filters",node:e}),s(L,{className:z(["product-discovery-facet-list__facet-options",["product-discovery-facet-list__facet-options--hidden",c]]),node:r})]})},K="no",Q="yes",X=e=>{const r=e.buckets.find(c=>c.selected);return r?{attribute:e.attribute,range:{from:r.from,to:r.to}}:null},Z=e=>{const r=e.buckets.reduce((c,l)=>(l.selected&&c.push(l.title),c),[]);return r.length===0?null:{attribute:e.attribute,in:r}},I=e=>{var r;switch((r=e.buckets[0])==null?void 0:r.__typename){case"RangeBucket":return X(e);case"ScalarBucket":case"CategoryView":return Z(e)}},ee=e=>{var c,l,m,h,g,p,F,S,y,B,_;const r=e[0];return(m=(l=(c=r==null?void 0:r.price)==null?void 0:c.regular)==null?void 0:l.amount)!=null&&m.currency?r.price.regular.amount.currency:(F=(p=(g=(h=r==null?void 0:r.priceRange)==null?void 0:h.minimum)==null?void 0:g.regular)==null?void 0:p.amount)!=null&&F.currency?(_=(B=(y=(S=r==null?void 0:r.priceRange)==null?void 0:S.minimum)==null?void 0:y.regular)==null?void 0:B.amount)==null?void 0:_.currency:"USD"},te=(e,r,c)=>(r==null?void 0:r.attribute)==="price"?e.from===0?v("div",{style:"display:flex",children:[s(N,{amount:e.from,currency:c||"USD"}),s("span",{style:"padding: 0 2px",children:"-"}),s(N,{amount:e.to,currency:c||"USD"})]}):s(N,{minimumAmount:e.from,maximumAmount:e.to,currency:c||"USD",display:"dash"}):e.title,re=(e,r)=>e.title===K?`Not ${r.title}`:e.title===Q?r.title:e.title,O=(e,r,c)=>{switch(e.__typename){case"RangeBucket":return te(e,r,c);case"ScalarBucket":case"CategoryView":return re(e,r)}},he=({slots:e})=>{const r=$({clearAll:"Search.Facet.clearAll"}),[c,l]=C([]),[m,h]=C(null),g=n=>{if(!n||!n.result.facets&&!n.result.items&&!n.request.filter){l([]);return}const{facets:a,items:u}=n.result;h(ee(u));const t=n.request.filter;if(a){const o=a.map(i=>{const f=i.buckets.map(w=>{w.selected=!1;const E=t==null?void 0:t.find(k=>k.attribute===i.attribute);if(E){const k=E.range;(k&&w.from===k.from&&w.to===k.to||E.in&&E.in.includes(w.title))&&(w.selected=!0)}return w});return i.buckets=f,i});l(o)}},p=n=>{const a=c.map(t=>{const o=n.find(i=>i.attribute===t.attribute);return o||t}),u=a.reduce((t,o)=>{const i=I(o);return i&&t.push(i),t},[]);l(a),M.emit("search/request",{filter:u})},F=(n,a)=>{const u=n.buckets.map(o=>(o.title===a&&(o.selected=!1),o)),t=n;t.buckets=u,p([t])},S=()=>{const n=c.map(a=>{const u=a.buckets.map(t=>(t.selected=!1,t));return a.buckets=u,a});l(n),M.emit("search/request",{filter:[]})},y=(n,a)=>{const u=a.buckets.map(o=>{var i;return((i=a.buckets[0])==null?void 0:i.__typename)==="RangeBucket"&&(o.selected=!1),o.title===n.target.value&&(o.selected=n.target.checked),o}),t=a;t.buckets=u,p([t])},B=n=>{const a=s("span",{children:n.title}),u=n.buckets.map(t=>{var i;const o=O(t,n,m);switch((i=n.buckets[0])==null?void 0:i.__typename){case"RangeBucket":return s(j,{"data-testid":`${t.title}-radio`,label:o,name:n.attribute,value:t.title,checked:t.selected,onChange:f=>{y(f,n)}});case"ScalarBucket":case"CategoryView":return s(V,{"data-testid":`${t.title}-checkbox`,label:`${o} (${t.count})`,name:n.attribute,value:t.title,checked:t.selected,onChange:f=>{y(f,n)}});default:return null}}).filter(t=>t!==null);return s(G,{header:a,buckets:u})},_=()=>s(R,{name:"Facets",slot:e==null?void 0:e.Facets,context:{data:c},children:c.map(n=>n.buckets.length>0?v(b,{children:[s(R,{name:"Facet",slot:e==null?void 0:e.Facet,context:{data:n},children:B(n)}),s(U,{variant:"secondary"})]}):null)}),q=()=>{const n=c.reduce((t,o)=>(o.buckets.filter(f=>f.selected).length>0&&t.push(o),t),[]),a=n.map(t=>t.buckets.map(o=>{if(o.selected){const i=O(o,t,m);return s(x,{"data-testid":`${o.title}-selected-btn`,"aria-label":`Remove ${t.title} filter: ${o.title}`,variant:"secondary",children:v(b,{children:[s("span",{children:i}),s(A,{source:W,size:"16"})]}),onClick:()=>{F(t,o.title)}})}return null})),u=a.length>0?s(x,{variant:"secondary",onClick:()=>{S()},children:s("span",{children:r.clearAll})}):null;return v(R,{name:"SelectedFacets",slot:e==null?void 0:e.SelectedFacets,context:{data:n},children:[a,u]})};return D(()=>{M.on("search/result",g)},[]),s(J,{selectedFacets:q(),facets:_()})};export{he as Facets,he as default};
+import{jsxs as p,jsx as c,Fragment as b}from"@dropins/tools/preact-jsx-runtime.js";import*as d from"@dropins/tools/preact-compat.js";import{useState as x,useEffect as D}from"@dropins/tools/preact-compat.js";import{VComponent as C,classes as z,Slot as S}from"@dropins/tools/lib.js";import{Button as A,Icon as R,ActionButton as H,PriceRange as N,Divider as U,Checkbox as V,RadioButton as j}from"@dropins/tools/components.js";/* empty css                 */import{useText as $}from"@dropins/tools/i18n.js";/* empty css                   *//* empty css                      *//* empty css                   */import{events as M}from"@dropins/tools/event-bus.js";const P=e=>d.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("g",{id:"Large"},d.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),d.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},d.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),d.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),T=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 12H21",stroke:"currentColor"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 6H21",stroke:"currentColor"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3 18H21",stroke:"currentColor"})),W=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),Y=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{d:"M17.3332 11.75H6.6665",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",fill:"none",stroke:"currentColor"})),G=({numberOfOptionsConfig:e=5,header:n,buckets:a})=>{const l=$({showMore:"Search.Facet.showMore",showLess:"Search.Facet.showLess"}),h=e,[g,f]=x(a.length<h),w=g?a.length:h;return p("div",{children:[c(C,{className:"product-discovery-facet__header",node:n}),a.slice(0,w).map((v,F)=>c(C,{className:"product-discovery-facet__bucket",node:v},F)),!g&&a.length>h&&c(A,{variant:"tertiary",icon:c(R,{source:P,size:"24"}),onClick:()=>f(!g),children:l.showMore}),g&&a.length>h&&c(A,{variant:"tertiary",icon:c(R,{source:Y,size:"24"}),onClick:()=>f(!g),children:l.showLess})]})},J=({selectedFacets:e,facets:n})=>{const[a,l]=x(!0),h=()=>{l(!a)};return p("div",{className:"product-discovery-facet-list",children:[c("div",{className:"product-discovery-facet-list__show-filters-button",children:p(H,{onClick:()=>{h()},children:[c(R,{source:T,size:"16"}),c("span",{children:"Filters"})]})}),c(C,{className:"product-discovery-facet-list__selected-filters",node:e}),c(C,{className:z(["product-discovery-facet-list__facet-options",["product-discovery-facet-list__facet-options--hidden",a]]),node:n})]})},K="no",Q="yes",X=e=>{const n=e.buckets.find(a=>a.selected);return n?{attribute:e.attribute,range:{from:n.from,to:n.to}}:null},Z=e=>{const n=e.buckets.reduce((a,l)=>(l.selected&&a.push(l.title),a),[]);return n.length===0?null:{attribute:e.attribute,in:n}},I=e=>{var n;switch((n=e.buckets[0])==null?void 0:n.__typename){case"RangeBucket":return X(e);case"ScalarBucket":case"CategoryView":return Z(e)}},ee=e=>{var a,l,h,g,f,w,v,F,k,_,E;const n=e[0];return(h=(l=(a=n==null?void 0:n.price)==null?void 0:a.regular)==null?void 0:l.amount)!=null&&h.currency?n.price.regular.amount.currency:(v=(w=(f=(g=n==null?void 0:n.priceRange)==null?void 0:g.minimum)==null?void 0:f.regular)==null?void 0:w.amount)!=null&&v.currency?(E=(_=(k=(F=n==null?void 0:n.priceRange)==null?void 0:F.minimum)==null?void 0:k.regular)==null?void 0:_.amount)==null?void 0:E.currency:"USD"},te=(e,n,a)=>(n==null?void 0:n.attribute)==="price"?e.from===0?p("div",{style:"display:flex",children:[c(N,{amount:e.from,currency:a||"USD"}),c("span",{style:"padding: 0 2px",children:"-"}),c(N,{amount:e.to,currency:a||"USD"})]}):c(N,{minimumAmount:e.from,maximumAmount:e.to,currency:a||"USD",display:"dash"}):e.title,ne=(e,n)=>e.title===K?`Not ${n.title}`:e.title===Q?n.title:e.title,O=(e,n,a)=>{switch(e.__typename){case"RangeBucket":return te(e,n,a);case"ScalarBucket":case"CategoryView":return ne(e,n)}},he=({slots:e})=>{const n=$({clearAll:"Search.Facet.clearAll"}),[a,l]=x([]),[h,g]=x(null),f=r=>{if(!r||!r.result.facets&&!r.result.items&&!r.request.filter){l([]);return}const{facets:i,items:m}=r.result;g(ee(m));const t=r.request.filter;if(i){const s=i.map(o=>{const B=o.buckets.map(u=>{u.selected=!1;const L=t==null?void 0:t.find(y=>y.attribute===o.attribute);if(L){const y=L.range;(y&&u.from===y.from&&u.to===y.to||L.in&&L.in.includes(u.title))&&(u.selected=!0)}return u});return o.buckets=B,o});l(s)}},w=r=>{const i=a.map(t=>{const s=r.find(o=>o.attribute===t.attribute);return s||t}),m=i.reduce((t,s)=>{const o=I(s);return o&&t.push(o),t},[]);l(i),M.emit("search/request",{filter:m})},v=(r,i)=>{const m=r.buckets.map(s=>(s.title===i&&(s.selected=!1),s)),t=r;t.buckets=m,w([t])},F=()=>{const r=a.map(i=>{const m=i.buckets.map(t=>(t.selected=!1,t));return i.buckets=m,i});l(r),M.emit("search/request",{filter:[]})},k=(r,i)=>{const m=i.buckets.map(s=>{var o;return((o=i.buckets[0])==null?void 0:o.__typename)==="RangeBucket"&&(s.selected=!1),s.title===r.target.value&&(s.selected=r.target.checked),s}),t=i;t.buckets=m,w([t])},_=r=>{const i=c("span",{children:r.title}),m=r.buckets.map(t=>{var B;const s=O(t,r,h),o=u=>p(S,{name:"FacetBucketLabel",slot:e==null?void 0:e.FacetBucketLabel,context:{data:t},children:[s," ",u?`(${u})`:""]});switch((B=r.buckets[0])==null?void 0:B.__typename){case"RangeBucket":return c(S,{name:"FacetBucket",slot:e==null?void 0:e.FacetBucket,context:{data:t},children:c(j,{"data-testid":`${t.title}-radio`,label:o(),name:r.attribute,value:t.title,checked:t.selected,onChange:u=>{k(u,r)}})});case"ScalarBucket":case"CategoryView":return c(S,{name:"FacetBucket",slot:e==null?void 0:e.FacetBucket,context:{data:t},children:c(V,{"data-testid":`${t.title}-checkbox`,label:o(t.count),name:r.attribute,value:t.title,checked:t.selected,onChange:u=>{k(u,r)}})});default:return null}}).filter(t=>t!==null);return c(G,{header:i,buckets:m})},E=()=>c(S,{name:"Facets",slot:e==null?void 0:e.Facets,context:{data:a},children:a.map(r=>r.buckets.length>0?p(b,{children:[c(S,{name:"Facet",slot:e==null?void 0:e.Facet,context:{data:r},children:_(r)}),c(U,{variant:"secondary"})]}):null)}),q=()=>{const r=a.reduce((t,s)=>(s.buckets.filter(B=>B.selected).length>0&&t.push(s),t),[]),i=r.map(t=>t.buckets.map(s=>{if(s.selected){const o=O(s,t,h);return c(A,{"data-testid":`${s.title}-selected-btn`,"aria-label":`Remove ${t.title} filter: ${s.title}`,variant:"secondary",children:p(b,{children:[c("span",{children:o}),c(R,{source:W,size:"16"})]}),onClick:()=>{v(t,s.title)}})}return null})),m=i.length>0?c(A,{variant:"secondary",onClick:()=>{F()},children:c("span",{children:n.clearAll})}):null;return p(S,{name:"SelectedFacets",slot:e==null?void 0:e.SelectedFacets,context:{data:r},children:[i,m]})};return D(()=>{M.on("search/result",f)},[]),c(J,{selectedFacets:q(),facets:E()})};export{he as Facets,he as default};
 //# sourceMappingURL=Facets.js.map

package/containers/Facets.js.map

@@ -1 +1 @@
-{"version":3,"file":"Facets.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Burger.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Close.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Minus.svg","/@dropins/storefront-product-discovery/src/components/Facet/Facet.tsx","/@dropins/storefront-product-discovery/src/components/FacetList/FacetList.tsx","/@dropins/storefront-product-discovery/src/containers/Facets/utils/facetUtils.tsx","/@dropins/storefront-product-discovery/src/containers/Facets/Facets.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Add_Base\", \"data-name\": \"Icon \\\\u2013 Add \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, 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: \"Add_icon\", \"data-name\": \"Add icon\", transform: \"translate(9.734 9.737)\" }, /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_579\", \"data-name\": \"Line 579\", y2: 12.7, transform: \"translate(2.216 -4.087)\", fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_580\", \"data-name\": \"Line 580\", x2: 12.7, transform: \"translate(-4.079 2.263)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgBurger = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 12H21\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 6H21\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 18H21\", stroke: \"currentColor\" }));\nexport default SvgBurger;\n","import * as React from \"react\";\nconst SvgClose = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 5.64001L5.62988 18.37\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 18.37L5.62988 5.64001\", stroke: \"currentColor\" }));\nexport default SvgClose;\n","import * as React from \"react\";\nconst SvgMinus = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.3332 11.75H6.6665\", strokeWidth: 1.5, strokeLinecap: \"square\", strokeLinejoin: \"round\", vectorEffect: \"non-scaling-stroke\", fill: \"none\", stroke: \"currentColor\" }));\nexport default SvgMinus;\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 { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState } from 'preact/compat';\nimport '@/plp/components/Facet/Facet.css';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Minus, Add } from '@adobe-commerce/elsie/icons';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface FacetProps extends HTMLAttributes<HTMLDivElement> {\n  numberOfOptionsConfig?: number;\n  header: VNode;\n  buckets: VNode[];\n}\n\nexport const Facet: FunctionComponent<FacetProps> = ({ numberOfOptionsConfig = 5, header, buckets }) => {\n  const translations = useText({\n    showMore: 'Search.Facet.showMore',\n    showLess: 'Search.Facet.showLess',\n  });\n  const numberOfOptionsShown = numberOfOptionsConfig;\n  const [showMore, setShowMore] = useState(buckets.length < numberOfOptionsShown);\n\n  const numberOfOptions = showMore ? buckets.length : numberOfOptionsShown;\n\n  return (\n    <div>\n      <VComponent className=\"product-discovery-facet__header\" node={header} />\n      {buckets.slice(0, numberOfOptions).map((bucket, index) => {\n        return <VComponent key={index} className=\"product-discovery-facet__bucket\" node={bucket} />;\n      })}\n      {!showMore && buckets.length > numberOfOptionsShown && (\n        <Button variant=\"tertiary\" icon={<Icon source={Add} size=\"24\" />} onClick={(): void => setShowMore(!showMore)}>\n          {translations.showMore}\n        </Button>\n      )}\n      {showMore && buckets.length > numberOfOptionsShown && (\n        <Button\n          variant=\"tertiary\"\n          icon={<Icon source={Minus} size=\"24\" />}\n          onClick={(): void => setShowMore(!showMore)}\n        >\n          {translations.showLess}\n        </Button>\n      )}\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 { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState } from 'preact/compat';\nimport '@/plp/components/FacetList/FacetList.css';\nimport { ActionButton, Icon } from '@adobe-commerce/elsie/components';\nimport { Burger } from '@adobe-commerce/elsie/icons';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\n\nexport interface FacetListProps extends HTMLAttributes<HTMLDivElement> {\n  selectedFacets: VNode;\n  facets: VNode;\n}\n\nexport const FacetList: FunctionComponent<FacetListProps> = ({ selectedFacets, facets }) => {\n  const [showFilters, setShowFilters] = useState(true);\n\n  const handleShowFilters = () => {\n    setShowFilters(!showFilters);\n  };\n\n  return (\n    <div className=\"product-discovery-facet-list\">\n      <div className=\"product-discovery-facet-list__show-filters-button\">\n        <ActionButton\n          onClick={() => {\n            handleShowFilters();\n          }}\n        >\n          <Icon source={Burger} size=\"16\" />\n          <span>Filters</span>\n        </ActionButton>\n      </div>\n      <VComponent className=\"product-discovery-facet-list__selected-filters\" node={selectedFacets} />\n      <VComponent\n        className={classes([\n          'product-discovery-facet-list__facet-options',\n          ['product-discovery-facet-list__facet-options--hidden', showFilters],\n        ])}\n        node={facets}\n      />\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 { SearchFacet } from '@/plp/data/models/api';\nimport { Product } from '@/plp/data/models/product';\nimport { PriceRange } from '@adobe-commerce/elsie/components';\n\nconst BOOLEAN_NO = 'no';\nconst BOOLEAN_YES = 'yes';\n\nconst getRangeFacetFilter = (facet: SearchFacet) => {\n  const selectedRange = facet.buckets.find((bucket) => bucket.selected);\n  if (!selectedRange) {\n    return null;\n  }\n  return {\n    attribute: facet.attribute,\n    range: {\n      from: selectedRange.from,\n      to: selectedRange.to,\n    },\n  };\n};\n\nconst getScalarFacetFilter = (facet: SearchFacet) => {\n  const scalarSelections = facet.buckets.reduce((accu, curr) => {\n    if (curr.selected) {\n      accu.push(curr.title);\n    }\n    return accu;\n  }, [] as string[]);\n  if (scalarSelections.length === 0) {\n    return null;\n  }\n  return {\n    attribute: facet.attribute,\n    in: scalarSelections,\n  };\n};\n\nconst getFilterSelection = (facet: SearchFacet) => {\n  switch (facet.buckets[0]?.__typename) {\n    case 'RangeBucket':\n      return getRangeFacetFilter(facet);\n    case 'ScalarBucket':\n    case 'CategoryView':\n      return getScalarFacetFilter(facet);\n    default:\n      break;\n  }\n};\n\nconst getCurrencyType = (items: Product[]) => {\n  const firstItem = items[0];\n  if (firstItem?.price?.regular?.amount?.currency) {\n    return firstItem.price.regular.amount.currency;\n  } else if (firstItem?.priceRange?.minimum?.regular?.amount?.currency) {\n    return firstItem?.priceRange?.minimum?.regular?.amount?.currency;\n  }\n  return 'USD'; // Default currency if not found\n};\n\nconst getRangeBucketLabel = (bucket: any, facet: SearchFacet, currency: string | null) => {\n  if (facet?.attribute === 'price') {\n    //Temp fix for Price range not handling value when minumum is zero\n    if (bucket.from === 0) {\n      return (\n        <div style={'display:flex'}>\n          <PriceRange amount={bucket.from} currency={currency || 'USD'} />\n          <span style={'padding: 0 2px'}>{'-'}</span>\n          <PriceRange amount={bucket.to} currency={currency || 'USD'} />\n        </div>\n      );\n    }\n    return (\n      <PriceRange minimumAmount={bucket.from} maximumAmount={bucket.to} currency={currency || 'USD'} display=\"dash\" />\n    );\n  }\n  return bucket.title;\n};\n\nconst getScalarBucketLabel = (bucket: any, facet: SearchFacet) => {\n  if (bucket.title === BOOLEAN_NO) {\n    return `Not ${facet.title}`;\n  } else if (bucket.title === BOOLEAN_YES) {\n    return facet.title;\n  }\n  return bucket.title;\n};\n\nconst getBucketLabel = (bucket: any, facet: SearchFacet, currency: string | null) => {\n  switch (bucket.__typename) {\n    case 'RangeBucket':\n      return getRangeBucketLabel(bucket, facet, currency);\n    case 'ScalarBucket':\n    case 'CategoryView':\n      return getScalarBucketLabel(bucket, facet);\n    default:\n      break;\n  }\n};\n\nexport { getBucketLabel, getCurrencyType, getFilterSelection };\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, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductSearchResult, SearchFilter, SearchFacet, SearchVariables, FacetBucket } from '@/plp/data/models/api';\nimport { getBucketLabel, getCurrencyType, getFilterSelection } from './utils/facetUtils';\nimport FacetList from '@/plp/components/FacetList';\nimport { Button, Checkbox, Divider, Icon, RadioButton } from '@adobe-commerce/elsie/components';\nimport { Facet } from '@/plp/components';\nimport { VNode } from 'preact';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface FacetsProps extends HTMLAttributes<HTMLDivElement> {\n  slots?: {\n    Facet?: SlotProps;\n    SelectedFacets?: SlotProps;\n    Facets?: SlotProps;\n  };\n}\n\nexport const Facets: Container<FacetsProps> = ({ slots }) => {\n  const translations = useText({\n    clearAll: 'Search.Facet.clearAll',\n  });\n\n  const [facetList, setFacetList] = useState<SearchFacet[]>([]);\n  const [currency, setCurrency] = useState<string | null>(null);\n\n  const handleSearchResult = (payload: { result: ProductSearchResult; request: SearchVariables }): void => {\n    if (!payload || (!payload.result.facets && !payload.result.items && !payload.request.filter)) {\n      setFacetList([]);\n      return;\n    }\n    const { facets, items } = payload.result;\n    setCurrency(getCurrencyType(items));\n    const filterList = payload.request.filter;\n    if (facets) {\n      const facetsWithSelections = facets.map((facet: SearchFacet) => {\n        const selectedBuckets = facet.buckets.map((bucket) => {\n          bucket.selected = false;\n          const selectedFilter = filterList?.find((filter) => filter.attribute === facet.attribute);\n          if (selectedFilter) {\n            const selectedRange = selectedFilter.range;\n            if (selectedRange && bucket.from === selectedRange.from && bucket.to === selectedRange.to) {\n              bucket.selected = true;\n            } else if (selectedFilter.in && selectedFilter.in.includes(bucket.title)) {\n              bucket.selected = true;\n            }\n          }\n          return bucket;\n        });\n        facet.buckets = selectedBuckets;\n        return facet;\n      });\n      setFacetList(facetsWithSelections);\n    }\n  };\n\n  const updateFacetSelections = (facets: SearchFacet[]): void => {\n    const updatedFacetList = facetList.map((f) => {\n      const newFacet = facets.find((facet) => facet.attribute === f.attribute);\n      if (newFacet) {\n        return newFacet;\n      }\n      return f;\n    });\n    const selectedFilterList = updatedFacetList.reduce((accu: SearchFilter[], facet: SearchFacet) => {\n      const selectedFilter = getFilterSelection(facet);\n      if (selectedFilter) {\n        accu.push(selectedFilter as SearchFilter);\n      }\n      return accu;\n    }, [] as SearchFilter[]);\n    setFacetList(updatedFacetList);\n    events.emit('search/request', { filter: selectedFilterList });\n  };\n\n  const handleCancelSelection = (facet: SearchFacet, title: string): void => {\n    const newBuckets = facet.buckets.map((bucket) => {\n      if (bucket.title === title) {\n        bucket.selected = false;\n      }\n      return bucket;\n    });\n    const newFacet = facet;\n    newFacet.buckets = newBuckets;\n    updateFacetSelections([newFacet]);\n  };\n\n  const clearAllSelections = (): void => {\n    const updatedFacetList = facetList.map((facet) => {\n      const updatedBuckets = facet.buckets.map((bucket) => {\n        bucket.selected = false;\n        return bucket;\n      });\n      facet.buckets = updatedBuckets;\n      return facet;\n    });\n    setFacetList(updatedFacetList);\n    events.emit('search/request', { filter: [] });\n  };\n\n  const changeFilter = (event: any, facet: SearchFacet): void => {\n    const newBuckets = facet.buckets.map((bucket) => {\n      if (facet.buckets[0]?.__typename === 'RangeBucket') {\n        bucket.selected = false;\n      }\n      if (bucket.title === event.target.value) {\n        bucket.selected = event.target.checked;\n      }\n      return bucket;\n    });\n    const newFacet = facet;\n    newFacet.buckets = newBuckets;\n    updateFacetSelections([newFacet]);\n  };\n\n  const getFacetNode = (facet: SearchFacet): VNode => {\n    const header = <span>{facet.title}</span>;\n    const buckets = facet.buckets\n      .map((bucket: FacetBucket) => {\n        const bucketLabel = getBucketLabel(bucket, facet, currency);\n        switch (facet.buckets[0]?.__typename) {\n          case 'RangeBucket':\n            return (\n              <RadioButton\n                data-testid={`${bucket.title}-radio`}\n                label={bucketLabel}\n                name={facet.attribute}\n                value={bucket.title}\n                checked={bucket.selected}\n                onChange={(event): void => {\n                  changeFilter(event, facet);\n                }}\n              />\n            ) as VNode;\n          case 'ScalarBucket':\n          case 'CategoryView':\n            return (\n              <Checkbox\n                data-testid={`${bucket.title}-checkbox`}\n                label={`${bucketLabel} (${bucket.count})`}\n                name={facet.attribute}\n                value={bucket.title}\n                checked={bucket.selected}\n                onChange={(event): void => {\n                  changeFilter(event, facet);\n                }}\n              />\n            ) as VNode;\n          default:\n            return null;\n        }\n      })\n      .filter((bucket) => bucket !== null);\n    return (<Facet header={header} buckets={buckets} />) as VNode;\n  };\n\n  const getFacetsNode = (): VNode => {\n    return (\n      <Slot name=\"Facets\" slot={slots?.Facets} context={{ data: facetList }}>\n        {facetList.map((facet) => {\n          return facet.buckets.length > 0\n            ? ((\n                <>\n                  <Slot name=\"Facet\" slot={slots?.Facet} context={{ data: facet }}>\n                    {getFacetNode(facet)}\n                  </Slot>\n                  <Divider variant=\"secondary\" />\n                </>\n              ) as VNode)\n            : null;\n        })}\n      </Slot>\n    );\n  };\n\n  const getSelectedFacetsNode = (): VNode => {\n    const selectedFacets = facetList.reduce((accu, curr) => {\n      const selected = curr.buckets.filter((bucket: FacetBucket) => bucket.selected);\n      if (selected.length > 0) {\n        accu.push(curr);\n      }\n      return accu;\n    }, [] as SearchFacet[]);\n    const selectedFilterBtns = selectedFacets.map((facet) => {\n      return facet.buckets.map((bucket) => {\n        if (bucket.selected) {\n          const bucketTitle = getBucketLabel(bucket, facet, currency);\n          return (\n            <Button\n              data-testid={`${bucket.title}-selected-btn`}\n              aria-label={`Remove ${facet.title} filter: ${bucket.title}`}\n              variant=\"secondary\"\n              children={\n                <>\n                  <span>{bucketTitle}</span>\n                  <Icon source={Close} size=\"16\" />\n                </>\n              }\n              onClick={(): void => {\n                handleCancelSelection(facet, bucket.title);\n              }}\n            />\n          ) as VNode;\n        }\n        return null;\n      });\n    });\n\n    const clearAllBtn =\n      selectedFilterBtns.length > 0 ? (\n        <Button\n          variant=\"secondary\"\n          onClick={(): void => {\n            clearAllSelections();\n          }}\n        >\n          <span>{translations.clearAll}</span>\n        </Button>\n      ) : null;\n    return (\n      <Slot name=\"SelectedFacets\" slot={slots?.SelectedFacets} context={{ data: selectedFacets }}>\n        {selectedFilterBtns}\n        {clearAllBtn}\n      </Slot>\n    );\n  };\n\n  useEffect(() => {\n    events.on('search/result', handleSearchResult);\n  }, []);\n\n  return <FacetList selectedFacets={getSelectedFacetsNode()} facets={getFacetsNode()} />;\n};\n"],"names":["SvgAdd","props","React","SvgBurger","SvgClose","SvgMinus","Facet","numberOfOptionsConfig","header","buckets","translations","useText","numberOfOptionsShown","showMore","setShowMore","useState","numberOfOptions","jsx","VComponent","bucket","index","Button","Icon","Add","Minus","FacetList","selectedFacets","facets","showFilters","setShowFilters","handleShowFilters","jsxs","ActionButton","Burger","classes","BOOLEAN_NO","BOOLEAN_YES","getRangeFacetFilter","facet","selectedRange","getScalarFacetFilter","scalarSelections","accu","curr","getFilterSelection","_a","getCurrencyType","items","firstItem","_c","_b","_g","_f","_e","_d","_k","_j","_i","_h","getRangeBucketLabel","currency","PriceRange","getScalarBucketLabel","getBucketLabel","Facets","slots","facetList","setFacetList","setCurrency","handleSearchResult","payload","filterList","facetsWithSelections","selectedBuckets","selectedFilter","filter","updateFacetSelections","updatedFacetList","f","newFacet","selectedFilterList","events","handleCancelSelection","title","newBuckets","clearAllSelections","updatedBuckets","changeFilter","event","getFacetNode","bucketLabel","RadioButton","Checkbox","getFacetsNode","Slot","Fragment","Divider","getSelectedFacetsNode","selectedFilterBtns","bucketTitle","Close","clearAllBtn","useEffect"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"Facets.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Burger.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Close.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Minus.svg","/@dropins/storefront-product-discovery/src/components/Facet/Facet.tsx","/@dropins/storefront-product-discovery/src/components/FacetList/FacetList.tsx","/@dropins/storefront-product-discovery/src/containers/Facets/utils/facetUtils.tsx","/@dropins/storefront-product-discovery/src/containers/Facets/Facets.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Add_Base\", \"data-name\": \"Icon \\\\u2013 Add \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, 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: \"Add_icon\", \"data-name\": \"Add icon\", transform: \"translate(9.734 9.737)\" }, /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_579\", \"data-name\": \"Line 579\", y2: 12.7, transform: \"translate(2.216 -4.087)\", fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_580\", \"data-name\": \"Line 580\", x2: 12.7, transform: \"translate(-4.079 2.263)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgBurger = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 12H21\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 6H21\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M3 18H21\", stroke: \"currentColor\" }));\nexport default SvgBurger;\n","import * as React from \"react\";\nconst SvgClose = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 5.64001L5.62988 18.37\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 18.37L5.62988 5.64001\", stroke: \"currentColor\" }));\nexport default SvgClose;\n","import * as React from \"react\";\nconst SvgMinus = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.3332 11.75H6.6665\", strokeWidth: 1.5, strokeLinecap: \"square\", strokeLinejoin: \"round\", vectorEffect: \"non-scaling-stroke\", fill: \"none\", stroke: \"currentColor\" }));\nexport default SvgMinus;\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 { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState } from 'preact/compat';\nimport '@/plp/components/Facet/Facet.css';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Minus, Add } from '@adobe-commerce/elsie/icons';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface FacetProps extends HTMLAttributes<HTMLDivElement> {\n  numberOfOptionsConfig?: number;\n  header: VNode;\n  buckets: VNode[];\n}\n\nexport const Facet: FunctionComponent<FacetProps> = ({ numberOfOptionsConfig = 5, header, buckets }) => {\n  const translations = useText({\n    showMore: 'Search.Facet.showMore',\n    showLess: 'Search.Facet.showLess',\n  });\n  const numberOfOptionsShown = numberOfOptionsConfig;\n  const [showMore, setShowMore] = useState(buckets.length < numberOfOptionsShown);\n\n  const numberOfOptions = showMore ? buckets.length : numberOfOptionsShown;\n\n  return (\n    <div>\n      <VComponent className=\"product-discovery-facet__header\" node={header} />\n      {buckets.slice(0, numberOfOptions).map((bucket, index) => {\n        return <VComponent key={index} className=\"product-discovery-facet__bucket\" node={bucket} />;\n      })}\n      {!showMore && buckets.length > numberOfOptionsShown && (\n        <Button variant=\"tertiary\" icon={<Icon source={Add} size=\"24\" />} onClick={(): void => setShowMore(!showMore)}>\n          {translations.showMore}\n        </Button>\n      )}\n      {showMore && buckets.length > numberOfOptionsShown && (\n        <Button\n          variant=\"tertiary\"\n          icon={<Icon source={Minus} size=\"24\" />}\n          onClick={(): void => setShowMore(!showMore)}\n        >\n          {translations.showLess}\n        </Button>\n      )}\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 { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState } from 'preact/compat';\nimport '@/plp/components/FacetList/FacetList.css';\nimport { ActionButton, Icon } from '@adobe-commerce/elsie/components';\nimport { Burger } from '@adobe-commerce/elsie/icons';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\n\nexport interface FacetListProps extends HTMLAttributes<HTMLDivElement> {\n  selectedFacets: VNode;\n  facets: VNode;\n}\n\nexport const FacetList: FunctionComponent<FacetListProps> = ({ selectedFacets, facets }) => {\n  const [showFilters, setShowFilters] = useState(true);\n\n  const handleShowFilters = () => {\n    setShowFilters(!showFilters);\n  };\n\n  return (\n    <div className=\"product-discovery-facet-list\">\n      <div className=\"product-discovery-facet-list__show-filters-button\">\n        <ActionButton\n          onClick={() => {\n            handleShowFilters();\n          }}\n        >\n          <Icon source={Burger} size=\"16\" />\n          <span>Filters</span>\n        </ActionButton>\n      </div>\n      <VComponent className=\"product-discovery-facet-list__selected-filters\" node={selectedFacets} />\n      <VComponent\n        className={classes([\n          'product-discovery-facet-list__facet-options',\n          ['product-discovery-facet-list__facet-options--hidden', showFilters],\n        ])}\n        node={facets}\n      />\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 { SearchFacet } from '@/plp/data/models/api';\nimport { Product } from '@/plp/data/models/product';\nimport { PriceRange } from '@adobe-commerce/elsie/components';\n\nconst BOOLEAN_NO = 'no';\nconst BOOLEAN_YES = 'yes';\n\nconst getRangeFacetFilter = (facet: SearchFacet) => {\n  const selectedRange = facet.buckets.find((bucket) => bucket.selected);\n  if (!selectedRange) {\n    return null;\n  }\n  return {\n    attribute: facet.attribute,\n    range: {\n      from: selectedRange.from,\n      to: selectedRange.to,\n    },\n  };\n};\n\nconst getScalarFacetFilter = (facet: SearchFacet) => {\n  const scalarSelections = facet.buckets.reduce((accu, curr) => {\n    if (curr.selected) {\n      accu.push(curr.title);\n    }\n    return accu;\n  }, [] as string[]);\n  if (scalarSelections.length === 0) {\n    return null;\n  }\n  return {\n    attribute: facet.attribute,\n    in: scalarSelections,\n  };\n};\n\nconst getFilterSelection = (facet: SearchFacet) => {\n  switch (facet.buckets[0]?.__typename) {\n    case 'RangeBucket':\n      return getRangeFacetFilter(facet);\n    case 'ScalarBucket':\n    case 'CategoryView':\n      return getScalarFacetFilter(facet);\n    default:\n      break;\n  }\n};\n\nconst getCurrencyType = (items: Product[]) => {\n  const firstItem = items[0];\n  if (firstItem?.price?.regular?.amount?.currency) {\n    return firstItem.price.regular.amount.currency;\n  } else if (firstItem?.priceRange?.minimum?.regular?.amount?.currency) {\n    return firstItem?.priceRange?.minimum?.regular?.amount?.currency;\n  }\n  return 'USD'; // Default currency if not found\n};\n\nconst getRangeBucketLabel = (bucket: any, facet: SearchFacet, currency: string | null) => {\n  if (facet?.attribute === 'price') {\n    //Temp fix for Price range not handling value when minumum is zero\n    if (bucket.from === 0) {\n      return (\n        <div style={'display:flex'}>\n          <PriceRange amount={bucket.from} currency={currency || 'USD'} />\n          <span style={'padding: 0 2px'}>{'-'}</span>\n          <PriceRange amount={bucket.to} currency={currency || 'USD'} />\n        </div>\n      );\n    }\n    return (\n      <PriceRange minimumAmount={bucket.from} maximumAmount={bucket.to} currency={currency || 'USD'} display=\"dash\" />\n    );\n  }\n  return bucket.title;\n};\n\nconst getScalarBucketLabel = (bucket: any, facet: SearchFacet) => {\n  if (bucket.title === BOOLEAN_NO) {\n    return `Not ${facet.title}`;\n  } else if (bucket.title === BOOLEAN_YES) {\n    return facet.title;\n  }\n  return bucket.title;\n};\n\nconst getBucketLabel = (bucket: any, facet: SearchFacet, currency: string | null) => {\n  switch (bucket.__typename) {\n    case 'RangeBucket':\n      return getRangeBucketLabel(bucket, facet, currency);\n    case 'ScalarBucket':\n    case 'CategoryView':\n      return getScalarBucketLabel(bucket, facet);\n    default:\n      break;\n  }\n};\n\nexport { getBucketLabel, getCurrencyType, getFilterSelection };\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, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductSearchResult, SearchFilter, SearchFacet, SearchVariables, FacetBucket } from '@/plp/data/models/api';\nimport { getBucketLabel, getCurrencyType, getFilterSelection } from './utils/facetUtils';\nimport FacetList from '@/plp/components/FacetList';\nimport { Button, Checkbox, Divider, Icon, RadioButton } from '@adobe-commerce/elsie/components';\nimport { Facet } from '@/plp/components';\nimport { VNode } from 'preact';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface FacetsProps extends HTMLAttributes<HTMLDivElement> {\n  slots?: {\n    Facet?: SlotProps<{ data: SearchFacet }>;\n    SelectedFacets?: SlotProps<{ data: SearchFacet[] }>;\n    Facets?: SlotProps<{ data: SearchFacet[] }>;\n    FacetBucket?: SlotProps<{ data: FacetBucket }>;\n    FacetBucketLabel?: SlotProps<{ data: FacetBucket }>;\n  };\n}\n\nexport const Facets: Container<FacetsProps> = ({ slots }) => {\n  const translations = useText({\n    clearAll: 'Search.Facet.clearAll',\n  });\n\n  const [facetList, setFacetList] = useState<SearchFacet[]>([]);\n  const [currency, setCurrency] = useState<string | null>(null);\n\n  const handleSearchResult = (payload: { result: ProductSearchResult; request: SearchVariables }): void => {\n    if (!payload || (!payload.result.facets && !payload.result.items && !payload.request.filter)) {\n      setFacetList([]);\n      return;\n    }\n    const { facets, items } = payload.result;\n    setCurrency(getCurrencyType(items));\n    const filterList = payload.request.filter;\n    if (facets) {\n      const facetsWithSelections = facets.map((facet: SearchFacet) => {\n        const selectedBuckets = facet.buckets.map((bucket) => {\n          bucket.selected = false;\n          const selectedFilter = filterList?.find((filter) => filter.attribute === facet.attribute);\n          if (selectedFilter) {\n            const selectedRange = selectedFilter.range;\n            if (selectedRange && bucket.from === selectedRange.from && bucket.to === selectedRange.to) {\n              bucket.selected = true;\n            } else if (selectedFilter.in && selectedFilter.in.includes(bucket.title)) {\n              bucket.selected = true;\n            }\n          }\n          return bucket;\n        });\n        facet.buckets = selectedBuckets;\n        return facet;\n      });\n      setFacetList(facetsWithSelections);\n    }\n  };\n\n  const updateFacetSelections = (facets: SearchFacet[]): void => {\n    const updatedFacetList = facetList.map((f) => {\n      const newFacet = facets.find((facet) => facet.attribute === f.attribute);\n      if (newFacet) {\n        return newFacet;\n      }\n      return f;\n    });\n    const selectedFilterList = updatedFacetList.reduce((accu: SearchFilter[], facet: SearchFacet) => {\n      const selectedFilter = getFilterSelection(facet);\n      if (selectedFilter) {\n        accu.push(selectedFilter as SearchFilter);\n      }\n      return accu;\n    }, [] as SearchFilter[]);\n    setFacetList(updatedFacetList);\n    events.emit('search/request', { filter: selectedFilterList });\n  };\n\n  const handleCancelSelection = (facet: SearchFacet, title: string): void => {\n    const newBuckets = facet.buckets.map((bucket) => {\n      if (bucket.title === title) {\n        bucket.selected = false;\n      }\n      return bucket;\n    });\n    const newFacet = facet;\n    newFacet.buckets = newBuckets;\n    updateFacetSelections([newFacet]);\n  };\n\n  const clearAllSelections = (): void => {\n    const updatedFacetList = facetList.map((facet) => {\n      const updatedBuckets = facet.buckets.map((bucket) => {\n        bucket.selected = false;\n        return bucket;\n      });\n      facet.buckets = updatedBuckets;\n      return facet;\n    });\n    setFacetList(updatedFacetList);\n    events.emit('search/request', { filter: [] });\n  };\n\n  const changeFilter = (event: any, facet: SearchFacet): void => {\n    const newBuckets = facet.buckets.map((bucket) => {\n      if (facet.buckets[0]?.__typename === 'RangeBucket') {\n        bucket.selected = false;\n      }\n      if (bucket.title === event.target.value) {\n        bucket.selected = event.target.checked;\n      }\n      return bucket;\n    });\n    const newFacet = facet;\n    newFacet.buckets = newBuckets;\n    updateFacetSelections([newFacet]);\n  };\n\n  const getFacetNode = (facet: SearchFacet): VNode => {\n    const header = <span>{facet.title}</span>;    \n    const buckets = facet.buckets\n      .map((bucket: FacetBucket) => {\n        const bucketLabel = getBucketLabel(bucket, facet, currency);\n\n        const renderedBucketLabel = (count?: number) => (\n          <Slot name=\"FacetBucketLabel\" \n            slot={slots?.FacetBucketLabel} \n            context={{ data: bucket }}>\n              {bucketLabel} {count ? `(${count})` : ''}\n            </Slot>\n        );\n\n        switch (facet.buckets[0]?.__typename) {\n          case 'RangeBucket':\n            return (\n              <Slot name=\"FacetBucket\" slot={slots?.FacetBucket} context={{ data: bucket }}>\n                <RadioButton\n                  data-testid={`${bucket.title}-radio`}\n                  label={renderedBucketLabel()}\n                  name={facet.attribute}\n                  value={bucket.title}\n                  checked={bucket.selected}\n                  onChange={(event): void => {\n                    changeFilter(event, facet);\n                  }}\n                />\n              </Slot>\n            ) as VNode;\n          case 'ScalarBucket':\n          case 'CategoryView':\n            return (\n              <Slot name=\"FacetBucket\" slot={slots?.FacetBucket} context={{ data: bucket }}>\n                <Checkbox\n                  data-testid={`${bucket.title}-checkbox`}\n                  label={renderedBucketLabel(bucket.count)}\n                  name={facet.attribute}\n                  value={bucket.title}\n                  checked={bucket.selected}\n                  onChange={(event): void => {\n                    changeFilter(event, facet);\n                  }}\n                />\n              </Slot>\n            ) as VNode;\n          default:\n            return null;\n        }\n      })\n      .filter((bucket) => bucket !== null);\n\n    return <Facet header={header} buckets={buckets} />\n  };\n\n  const getFacetsNode = (): VNode => {\n    return (\n      <Slot name=\"Facets\" slot={slots?.Facets} context={{ data: facetList }}>\n        {facetList.map((facet) => {\n          return facet.buckets.length > 0\n            ? ((\n                <>\n                  <Slot name=\"Facet\" slot={slots?.Facet} context={{ data: facet }}>\n                    {getFacetNode(facet)}\n                  </Slot>\n                  <Divider variant=\"secondary\" />\n                </>\n              ) as VNode)\n            : null;\n        })}\n      </Slot>\n    );\n  };\n\n  const getSelectedFacetsNode = (): VNode => {\n    const selectedFacets = facetList.reduce((accu, curr) => {\n      const selected = curr.buckets.filter((bucket: FacetBucket) => bucket.selected);\n      if (selected.length > 0) {\n        accu.push(curr);\n      }\n      return accu;\n    }, [] as SearchFacet[]);\n    const selectedFilterBtns = selectedFacets.map((facet) => {\n      return facet.buckets.map((bucket) => {\n        if (bucket.selected) {\n          const bucketTitle = getBucketLabel(bucket, facet, currency);\n          return (\n            <Button\n              data-testid={`${bucket.title}-selected-btn`}\n              aria-label={`Remove ${facet.title} filter: ${bucket.title}`}\n              variant=\"secondary\"\n              children={\n                <>\n                  <span>{bucketTitle}</span>\n                  <Icon source={Close} size=\"16\" />\n                </>\n              }\n              onClick={(): void => {\n                handleCancelSelection(facet, bucket.title);\n              }}\n            />\n          ) as VNode;\n        }\n        return null;\n      });\n    });\n\n    const clearAllBtn =\n      selectedFilterBtns.length > 0 ? (\n        <Button\n          variant=\"secondary\"\n          onClick={(): void => {\n            clearAllSelections();\n          }}\n        >\n          <span>{translations.clearAll}</span>\n        </Button>\n      ) : null;\n    return (\n      <Slot name=\"SelectedFacets\" slot={slots?.SelectedFacets} context={{ data: selectedFacets }}>\n        {selectedFilterBtns}\n        {clearAllBtn}\n      </Slot>\n    );\n  };\n\n  useEffect(() => {\n    events.on('search/result', handleSearchResult);\n  }, []);\n\n  return <FacetList selectedFacets={getSelectedFacetsNode()} facets={getFacetsNode()} />;\n};\n"],"names":["SvgAdd","props","React","SvgBurger","SvgClose","SvgMinus","Facet","numberOfOptionsConfig","header","buckets","translations","useText","numberOfOptionsShown","showMore","setShowMore","useState","numberOfOptions","jsx","VComponent","bucket","index","Button","Icon","Add","Minus","FacetList","selectedFacets","facets","showFilters","setShowFilters","handleShowFilters","jsxs","ActionButton","Burger","classes","BOOLEAN_NO","BOOLEAN_YES","getRangeFacetFilter","facet","selectedRange","getScalarFacetFilter","scalarSelections","accu","curr","getFilterSelection","_a","getCurrencyType","items","firstItem","_c","_b","_g","_f","_e","_d","_k","_j","_i","_h","getRangeBucketLabel","currency","PriceRange","getScalarBucketLabel","getBucketLabel","Facets","slots","facetList","setFacetList","setCurrency","handleSearchResult","payload","filterList","facetsWithSelections","selectedBuckets","selectedFilter","filter","updateFacetSelections","updatedFacetList","f","newFacet","selectedFilterList","events","handleCancelSelection","title","newBuckets","clearAllSelections","updatedBuckets","changeFilter","event","getFacetNode","bucketLabel","renderedBucketLabel","count","Slot","RadioButton","Checkbox","getFacetsNode","Fragment","Divider","getSelectedFacetsNode","selectedFilterBtns","bucketTitle","Close","clearAllBtn","useEffect"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

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"../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};
+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,params:{width:200}},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      params: { width: 200 },\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/SearchBarResults.js

@@ -1,5 +1,5 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-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};
+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:c,viewAllButton:s,onClose:i,...r})=>{const a=c&&c.length>0,d=K(null),t=u(l=>{d.current&&!d.current.contains(l.target)&&(i==null||i())},[i]),h=u(l=>{l.key==="Escape"&&(i==null||i())},[i]);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":`${(c==null?void 0:c.length)||0} search results`,children:c==null?void 0:c.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:c=t=>(t==null?void 0:t.url)||"",productItem:s,productImage:i,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:c(s),rel:"noopener noreferrer",title:t.tooltipText,onClick:()=>h(s),...d,children:[n("div",{className:"product-discovery--product-item__image",children:n(_,{node:i})}),x("div",{className:"product-discovery--product-item__details",children:[n(_,{node:r}),n(_,{node:a})]})]})},re=({products:c=[],productRouteSearch:s=a=>(a==null?void 0:a.url)||"",routeSearch:i=()=>{},slots:r})=>{const[a,d]=S(c),[t,h]=S(""),[l,m]=S(c.length>0),y=M({viewAllButton:"Search.SearchInput.viewAllButton"}),w=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",w);return()=>{e==null||e.off()}},[w]);const N=u(()=>{k.emit("search-input/result",{result:[],request:{phrase:""}}),m(!1)},[]),B=u(()=>{i&&i(t),k.emit("search/request",{phrase:t}),N()},[i,t,N]),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,params:{width: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:N})};export{re as SearchBarResults,re as default};
 //# sourceMappingURL=SearchBarResults.js.map

package/containers/SearchBarResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBarResults.js","sources":["/@dropins/storefront-product-discovery/src/components/SearchBarResults/SearchBarResults.tsx","/@dropins/storefront-product-discovery/src/components/ProductItem/ProductItem.tsx","/@dropins/storefront-product-discovery/src/containers/SearchBarResults/SearchBarResults.tsx"],"sourcesContent":["/********************************************************************\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, useEffect, useRef, useCallback } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\n\nimport '@/plp/components/SearchBarResults/SearchBarResults.css';\n\nexport interface SearchBarResultsProps extends HTMLAttributes<HTMLDivElement> {\n  productList?: VNode[];\n  viewAllButton?: VNode;\n  onClose?: () => void;\n}\n\nexport const SearchBarResults: FunctionComponent<SearchBarResultsProps> = ({\n  productList,\n  viewAllButton,\n  onClose,\n  ...props\n}) => {\n  const hasData = productList && productList.length > 0;\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (popoverRef.current && !popoverRef.current.contains(event.target as Node)) {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (!hasData) return;\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('keydown', handleEscapeKey);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [hasData, handleClickOutside, handleEscapeKey]);\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"product-discovery--search-bar-results\" {...props}>\n      <div\n        className=\"product-discovery--search-bar-results__popover\"\n        ref={popoverRef}\n        role=\"region\"\n        aria-label=\"Search results\"\n        aria-live=\"polite\"\n      >\n        <div className=\"product-discovery--search-bar-results__outer-container\" {...props}>\n          <div\n            className=\"product-discovery--search-bar-results__grid\"\n            role=\"list\"\n            aria-label={`${productList?.length || 0} search results`}\n          >\n            {productList?.map((item, index) => (\n              <div key={index} role=\"listitem\">\n                {item}\n              </div>\n            ))}\n          </div>\n          {viewAllButton && (\n            <div className=\"product-discovery--search-bar-results__view-all-wrapper\">\n              <VComponent className=\"product-discovery--search-bar-results__view-all-button\" node={viewAllButton} />\n            </div>\n          )}\n        </div>\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 { FunctionComponent, VNode } from 'preact';\nimport { AnchorHTMLAttributes, useMemo } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport { Product } from '@/plp/data/models/product';\n\nimport '@/plp/components/ProductItem/ProductItem.css';\nimport { SEARCH_UNIT_ID, searchProductClick } from '@/plp/utils/acdlEvents';\n\nexport interface ProductItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  productRouteSearch?: (product: Product) => string;\n  productItem: Product;\n  productImage?: VNode;\n  productName?: VNode;\n  productPrice?: VNode;\n}\n\nexport const ProductItem: FunctionComponent<ProductItemProps> = ({\n  productRouteSearch = (product: Product) => product?.url || '',\n  productItem,\n  productImage,\n  productName,\n  productPrice,\n  ...props\n}) => {\n  const productData = useMemo(() => {\n    const { name = '', sku = '', url = '' } = productItem || {};\n\n    // create tooltip text depending on available data\n    const tooltipText = [name, sku && `SKU: ${sku}`].filter(Boolean).join('\\n');\n\n    return { tooltipText, url };\n  }, [productItem]);\n\n  const handleProductClick = (product: Product): void => {\n    searchProductClick(product.sku, SEARCH_UNIT_ID);\n  };\n\n  return (\n    <a\n      className=\"product-discovery--product-item\"\n      href={productRouteSearch(productItem)}\n      rel=\"noopener noreferrer\"\n      title={productData.tooltipText}\n      onClick={() => handleProductClick(productItem)}\n      {...props}\n    >\n      <div className=\"product-discovery--product-item__image\">\n        <VComponent node={productImage} />\n      </div>\n      <div className=\"product-discovery--product-item__details\">\n        <VComponent node={productName} />\n        <VComponent node={productPrice} />\n      </div>\n    </a>\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, useState, useEffect, useCallback, useMemo } from 'preact/compat';\nimport { Button, Image, ImageProps, Price } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport { Product, SearchInputRequest, SearchInputResult } from '@/plp/data/models/product';\nimport { SearchVariables } from '@/plp/data/models/api';\nimport { SearchBarResults as SearchBarResultsComponent } from '@/plp/components/SearchBarResults';\nimport { ProductItem as ProductItemComponent } from '@/plp/components/ProductItem';\n\nexport interface SearchBarResultsProps extends HTMLAttributes<HTMLDivElement> {\n  products?: Product[];\n  productRouteSearch?: (product: Product) => string;\n  routeSearch?: (searchQuery: string) => void;\n  slots?: {\n    ProductImage?: SlotProps;\n    ProductName?: SlotProps;\n    ProductPrice?: SlotProps;\n  };\n}\n\nexport const SearchBarResults: Container<SearchBarResultsProps> = ({\n  products = [],\n  productRouteSearch = (product: Product) => product?.url || '',\n  routeSearch = () => {},\n  slots,\n}) => {\n  const [searchResults, setSearchResults] = useState<Product[]>(products);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [showResults, setShowResults] = useState(products.length > 0);\n\n  const translations = useText({ viewAllButton: 'Search.SearchInput.viewAllButton' });\n\n  const handleSearchInputResult = useCallback(\n    ({ result = [], request = {} }: { result?: Product[]; request?: Pick<SearchVariables, 'phrase'> }) => {\n      const { phrase = '' } = request;\n      setSearchResults(result);\n      setSearchQuery(phrase);\n      setShowResults(result.length > 0 && phrase.length > 0);\n    },\n    [],\n  );\n\n  useEffect(() => {\n    const searchInputEvent = events.on('search-input/result', handleSearchInputResult);\n\n    return () => {\n      searchInputEvent?.off();\n    };\n  }, [handleSearchInputResult]);\n\n  const handleClose = useCallback(() => {\n    // emit \"search-input/result\" event with empty payloads to clear anything listening for that\n    events.emit('search-input/result', {\n      result: [],\n      request: { phrase: '' },\n    } as SearchInputResult);\n\n    setShowResults(false);\n  }, []);\n\n  const handleOnSearchAll = useCallback(() => {\n    // if a `routeSearch` cb function is provided, use it to handle any navigation needed\n    routeSearch && routeSearch(searchQuery);\n\n    // emit \"search/request\" event to trigger listeners of the search event\n    events.emit('search/request', { phrase: searchQuery } as SearchInputRequest);\n\n    handleClose();\n  }, [routeSearch, searchQuery, handleClose]);\n\n  const getProductImage = useCallback(\n    (productItem: Product) => {\n      const defaultImageProps: ImageProps = {\n        loading: 'lazy',\n        src: productItem.images?.[0]?.url || '',\n        alt: productItem.images?.[0]?.label || '',\n        width: '165',\n        height: '165',\n      };\n      return (\n        <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ productItem, defaultImageProps }}>\n          <Image {...defaultImageProps} aria-label={productItem.sku} />\n        </Slot>\n      );\n    },\n    [slots?.ProductImage],\n  );\n\n  const getProductName = useCallback(\n    (productItem: Product) => (\n      <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ productItem }}>\n        {productItem?.name || ''}\n      </Slot>\n    ),\n    [slots?.ProductName],\n  );\n\n  const getProductPrice = useCallback(\n    (productItem: Product) => {\n      const { value, currency: returnedCurrency = 'USD' } =\n        productItem?.price?.final?.amount || productItem?.priceRange?.minimum?.final?.amount || {};\n\n      // validate and fallback to USD if returnedCurrency is not supported\n      const currency =\n        Intl.supportedValuesOf('currency').indexOf(returnedCurrency || '') === -1 ? 'USD' : returnedCurrency;\n\n      return (\n        <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ productItem }}>\n          <Price amount={typeof value === 'number' ? value : undefined} currency={currency} />\n        </Slot>\n      );\n    },\n    [slots?.ProductPrice],\n  );\n\n  const productContainer = useCallback(\n    (productItem: Product) => (\n      <ProductItemComponent\n        productRouteSearch={productRouteSearch}\n        productItem={productItem}\n        productImage={getProductImage(productItem)}\n        productName={getProductName(productItem)}\n        productPrice={getProductPrice(productItem)}\n      />\n    ),\n    [productRouteSearch, getProductImage, getProductName, getProductPrice],\n  );\n\n  const viewAllButton = useMemo(\n    () => (\n      <Button variant=\"tertiary\" onClick={handleOnSearchAll}>\n        {translations.viewAllButton}\n      </Button>\n    ),\n    [translations.viewAllButton, handleOnSearchAll],\n  );\n\n  const productList = useMemo(\n    () => searchResults?.map((product) => productContainer(product)),\n    [searchResults, productContainer],\n  );\n\n  if (!searchResults.length || !showResults) {\n    return null;\n  }\n\n  return <SearchBarResultsComponent productList={productList} viewAllButton={viewAllButton} onClose={handleClose} />;\n};\n"],"names":["SearchBarResults","productList","viewAllButton","onClose","props","hasData","popoverRef","useRef","handleClickOutside","useCallback","event","handleEscapeKey","useEffect","jsx","jsxs","item","index","VComponent","ProductItem","productRouteSearch","product","productItem","productImage","productName","productPrice","productData","useMemo","name","sku","url","handleProductClick","searchProductClick","SEARCH_UNIT_ID","products","routeSearch","slots","searchResults","setSearchResults","useState","searchQuery","setSearchQuery","showResults","setShowResults","translations","useText","handleSearchInputResult","result","request","phrase","searchInputEvent","events","handleClose","handleOnSearchAll","getProductImage","defaultImageProps","_b","_a","_d","_c","Slot","Image","getProductName","getProductPrice","value","returnedCurrency","_e","currency","Price","productContainer","ProductItemComponent","Button","SearchBarResultsComponent"],"mappings":"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"}
+{"version":3,"file":"SearchBarResults.js","sources":["/@dropins/storefront-product-discovery/src/components/SearchBarResults/SearchBarResults.tsx","/@dropins/storefront-product-discovery/src/components/ProductItem/ProductItem.tsx","/@dropins/storefront-product-discovery/src/containers/SearchBarResults/SearchBarResults.tsx"],"sourcesContent":["/********************************************************************\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, useEffect, useRef, useCallback } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\n\nimport '@/plp/components/SearchBarResults/SearchBarResults.css';\n\nexport interface SearchBarResultsProps extends HTMLAttributes<HTMLDivElement> {\n  productList?: VNode[];\n  viewAllButton?: VNode;\n  onClose?: () => void;\n}\n\nexport const SearchBarResults: FunctionComponent<SearchBarResultsProps> = ({\n  productList,\n  viewAllButton,\n  onClose,\n  ...props\n}) => {\n  const hasData = productList && productList.length > 0;\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (popoverRef.current && !popoverRef.current.contains(event.target as Node)) {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (!hasData) return;\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('keydown', handleEscapeKey);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [hasData, handleClickOutside, handleEscapeKey]);\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"product-discovery--search-bar-results\" {...props}>\n      <div\n        className=\"product-discovery--search-bar-results__popover\"\n        ref={popoverRef}\n        role=\"region\"\n        aria-label=\"Search results\"\n        aria-live=\"polite\"\n      >\n        <div className=\"product-discovery--search-bar-results__outer-container\" {...props}>\n          <div\n            className=\"product-discovery--search-bar-results__grid\"\n            role=\"list\"\n            aria-label={`${productList?.length || 0} search results`}\n          >\n            {productList?.map((item, index) => (\n              <div key={index} role=\"listitem\">\n                {item}\n              </div>\n            ))}\n          </div>\n          {viewAllButton && (\n            <div className=\"product-discovery--search-bar-results__view-all-wrapper\">\n              <VComponent className=\"product-discovery--search-bar-results__view-all-button\" node={viewAllButton} />\n            </div>\n          )}\n        </div>\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 { FunctionComponent, VNode } from 'preact';\nimport { AnchorHTMLAttributes, useMemo } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport { Product } from '@/plp/data/models/product';\n\nimport '@/plp/components/ProductItem/ProductItem.css';\nimport { SEARCH_UNIT_ID, searchProductClick } from '@/plp/utils/acdlEvents';\n\nexport interface ProductItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  productRouteSearch?: (product: Product) => string;\n  productItem: Product;\n  productImage?: VNode;\n  productName?: VNode;\n  productPrice?: VNode;\n}\n\nexport const ProductItem: FunctionComponent<ProductItemProps> = ({\n  productRouteSearch = (product: Product) => product?.url || '',\n  productItem,\n  productImage,\n  productName,\n  productPrice,\n  ...props\n}) => {\n  const productData = useMemo(() => {\n    const { name = '', sku = '', url = '' } = productItem || {};\n\n    // create tooltip text depending on available data\n    const tooltipText = [name, sku && `SKU: ${sku}`].filter(Boolean).join('\\n');\n\n    return { tooltipText, url };\n  }, [productItem]);\n\n  const handleProductClick = (product: Product): void => {\n    searchProductClick(product.sku, SEARCH_UNIT_ID);\n  };\n\n  return (\n    <a\n      className=\"product-discovery--product-item\"\n      href={productRouteSearch(productItem)}\n      rel=\"noopener noreferrer\"\n      title={productData.tooltipText}\n      onClick={() => handleProductClick(productItem)}\n      {...props}\n    >\n      <div className=\"product-discovery--product-item__image\">\n        <VComponent node={productImage} />\n      </div>\n      <div className=\"product-discovery--product-item__details\">\n        <VComponent node={productName} />\n        <VComponent node={productPrice} />\n      </div>\n    </a>\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, useState, useEffect, useCallback, useMemo } from 'preact/compat';\nimport { Button, Image, ImageProps, Price } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport { Product, SearchInputRequest, SearchInputResult } from '@/plp/data/models/product';\nimport { SearchVariables } from '@/plp/data/models/api';\nimport { SearchBarResults as SearchBarResultsComponent } from '@/plp/components/SearchBarResults';\nimport { ProductItem as ProductItemComponent } from '@/plp/components/ProductItem';\n\nexport interface SearchBarResultsProps extends HTMLAttributes<HTMLDivElement> {\n  products?: Product[];\n  productRouteSearch?: (product: Product) => string;\n  routeSearch?: (searchQuery: string) => void;\n  slots?: {\n    ProductImage?: SlotProps;\n    ProductName?: SlotProps;\n    ProductPrice?: SlotProps;\n  };\n}\n\nexport const SearchBarResults: Container<SearchBarResultsProps> = ({\n  products = [],\n  productRouteSearch = (product: Product) => product?.url || '',\n  routeSearch = () => {},\n  slots,\n}) => {\n  const [searchResults, setSearchResults] = useState<Product[]>(products);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [showResults, setShowResults] = useState(products.length > 0);\n\n  const translations = useText({ viewAllButton: 'Search.SearchInput.viewAllButton' });\n\n  const handleSearchInputResult = useCallback(\n    ({ result = [], request = {} }: { result?: Product[]; request?: Pick<SearchVariables, 'phrase'> }) => {\n      const { phrase = '' } = request;\n      setSearchResults(result);\n      setSearchQuery(phrase);\n      setShowResults(result.length > 0 && phrase.length > 0);\n    },\n    [],\n  );\n\n  useEffect(() => {\n    const searchInputEvent = events.on('search-input/result', handleSearchInputResult);\n\n    return () => {\n      searchInputEvent?.off();\n    };\n  }, [handleSearchInputResult]);\n\n  const handleClose = useCallback(() => {\n    // emit \"search-input/result\" event with empty payloads to clear anything listening for that\n    events.emit('search-input/result', {\n      result: [],\n      request: { phrase: '' },\n    } as SearchInputResult);\n\n    setShowResults(false);\n  }, []);\n\n  const handleOnSearchAll = useCallback(() => {\n    // if a `routeSearch` cb function is provided, use it to handle any navigation needed\n    routeSearch && routeSearch(searchQuery);\n\n    // emit \"search/request\" event to trigger listeners of the search event\n    events.emit('search/request', { phrase: searchQuery } as SearchInputRequest);\n\n    handleClose();\n  }, [routeSearch, searchQuery, handleClose]);\n\n  const getProductImage = useCallback(\n    (productItem: Product) => {\n      const defaultImageProps: ImageProps = {\n        loading: 'lazy',\n        src: productItem.images?.[0]?.url || '',\n        alt: productItem.images?.[0]?.label || '',\n        width: 165,\n        height: 165,\n        params: { width: 165 },\n      };\n      return (\n        <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ productItem, defaultImageProps }}>\n          <Image {...defaultImageProps} aria-label={productItem.sku} />\n        </Slot>\n      );\n    },\n    [slots?.ProductImage],\n  );\n\n  const getProductName = useCallback(\n    (productItem: Product) => (\n      <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ productItem }}>\n        {productItem?.name || ''}\n      </Slot>\n    ),\n    [slots?.ProductName],\n  );\n\n  const getProductPrice = useCallback(\n    (productItem: Product) => {\n      const { value, currency: returnedCurrency = 'USD' } =\n        productItem?.price?.final?.amount || productItem?.priceRange?.minimum?.final?.amount || {};\n\n      // validate and fallback to USD if returnedCurrency is not supported\n      const currency =\n        Intl.supportedValuesOf('currency').indexOf(returnedCurrency || '') === -1 ? 'USD' : returnedCurrency;\n\n      return (\n        <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ productItem }}>\n          <Price amount={typeof value === 'number' ? value : undefined} currency={currency} />\n        </Slot>\n      );\n    },\n    [slots?.ProductPrice],\n  );\n\n  const productContainer = useCallback(\n    (productItem: Product) => (\n      <ProductItemComponent\n        productRouteSearch={productRouteSearch}\n        productItem={productItem}\n        productImage={getProductImage(productItem)}\n        productName={getProductName(productItem)}\n        productPrice={getProductPrice(productItem)}\n      />\n    ),\n    [productRouteSearch, getProductImage, getProductName, getProductPrice],\n  );\n\n  const viewAllButton = useMemo(\n    () => (\n      <Button variant=\"tertiary\" onClick={handleOnSearchAll}>\n        {translations.viewAllButton}\n      </Button>\n    ),\n    [translations.viewAllButton, handleOnSearchAll],\n  );\n\n  const productList = useMemo(\n    () => searchResults?.map((product) => productContainer(product)),\n    [searchResults, productContainer],\n  );\n\n  if (!searchResults.length || !showResults) {\n    return null;\n  }\n\n  return <SearchBarResultsComponent productList={productList} viewAllButton={viewAllButton} onClose={handleClose} />;\n};\n"],"names":["SearchBarResults","productList","viewAllButton","onClose","props","hasData","popoverRef","useRef","handleClickOutside","useCallback","event","handleEscapeKey","useEffect","jsx","jsxs","item","index","VComponent","ProductItem","productRouteSearch","product","productItem","productImage","productName","productPrice","productData","useMemo","name","sku","url","handleProductClick","searchProductClick","SEARCH_UNIT_ID","products","routeSearch","slots","searchResults","setSearchResults","useState","searchQuery","setSearchQuery","showResults","setShowResults","translations","useText","handleSearchInputResult","result","request","phrase","searchInputEvent","events","handleClose","handleOnSearchAll","getProductImage","defaultImageProps","_b","_a","_d","_c","Slot","Image","getProductName","getProductPrice","value","returnedCurrency","_e","currency","Price","productContainer","ProductItemComponent","Button","SearchBarResultsComponent"],"mappings":"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"}

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-product-discovery", "version": "1.0.2-alpha5", "@dropins/tools": "^1.4.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-product-discovery", "version": "1.0.2-alpha7", "@dropins/tools": "^1.4.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}