@dropins/storefront-product-discovery 3.0.0 → 3.1.0-beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/api/graphql/fragments.graphql.d.ts +1 -1
  2. package/chunks/search.js +4 -4
  3. package/chunks/search.js.map +1 -1
  4. package/containers/Facets.js +1 -1
  5. package/containers/Facets.js.map +1 -1
  6. package/containers/Pagination.js +1 -1
  7. package/containers/Pagination.js.map +1 -1
  8. package/data/models/product.d.ts +7 -0
  9. package/fragments.js +6 -0
  10. package/fragments.js.map +1 -1
  11. package/package.json +1 -1
package/api/graphql/fragments.graphql.d.ts CHANGED
@@ -7,6 +7,6 @@
7
7
  * accompanying it.
8
8
  *******************************************************************/
9
9
  declare const Facet = "\n fragment Facet on Aggregation {\n title\n attribute\n buckets {\n title\n __typename\n ... on CategoryView {\n name\n count\n path\n }\n ... on ScalarBucket {\n count\n }\n ... on RangeBucket {\n from\n to\n count\n }\n ... on StatsBucket {\n min\n max\n }\n }\n }\n";
10
- declare const ProductView = "\n fragment ProductView on ProductSearchItem {\n productView {\n __typename\n sku\n name\n inStock\n url\n urlKey\n images {\n label\n url\n roles\n }\n ... on ComplexProductView {\n priceRange {\n maximum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n minimum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n options {\n id\n title\n values {\n title\n ... on ProductViewOptionValueSwatch {\n id\n inStock\n type\n value\n }\n }\n }\n }\n ... on SimpleProductView {\n price {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n }\n highlights {\n attribute\n value\n matched_words\n }\n }\n";
10
+ declare const ProductView = "\n fragment ProductView on ProductSearchItem {\n productView {\n __typename\n sku\n name\n inStock\n url\n urlKey\n attributes(roles: []) {\n name\n label\n value\n roles\n }\n images {\n label\n url\n roles\n }\n ... on ComplexProductView {\n priceRange {\n maximum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n minimum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n options {\n id\n title\n values {\n title\n ... on ProductViewOptionValueSwatch {\n id\n inStock\n type\n value\n }\n }\n }\n }\n ... on SimpleProductView {\n price {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n }\n highlights {\n attribute\n value\n matched_words\n }\n }\n";
11
11
  export { Facet, ProductView };
12
12
  //# sourceMappingURL=fragments.graphql.d.ts.map
package/chunks/search.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
- import{merge as re}from"@dropins/tools/lib.js";import{c as ne}from"./initialize.js";import{events as x}from"@dropins/tools/event-bus.js";import{ProductView as ie,Facet as te}from"../fragments.js";import{S as oe,P as se,u as le,s as ue,a as ce,b as me}from"./acdlEvents.js";import{FetchGraphQL as pe}from"@dropins/tools/fetch-graphql.js";const{setEndpoint:ve,setFetchGraphQlHeader:xe,removeFetchGraphQlHeader:Fe,setFetchGraphQlHeaders:$e,getFetchGraphQlHeader:De,fetchGraphQl:fe,getConfig:Ue}=new pe().getMethods(),F=e=>!e||!Intl.supportedValuesOf("currency").includes(e)?"USD":e,ge=e=>{var r,s,i,u,c,w,f,R,g,l,m,h,I,S,_,N,A,T,E,$,v,t,n,p,P,C,z,y,b,Q,D,U,H,K,M,k,L,B,j,W,Y,J,X,Z,V,q,a,G,d;if(!e)return{id:"",name:"",sku:"",shortDescription:"",url:"",urlKey:"",metaTitle:"",metaKeywords:"",metaDescription:"",lowStock:!1,links:[],images:[],description:"",externalId:"",inputOptions:[],addToCartAllowed:!1,price:void 0,priceRange:void 0,inStock:!1,typename:""};const o={id:(e==null?void 0:e.id)||"",name:(e==null?void 0:e.name)||"",sku:(e==null?void 0:e.sku)||"",shortDescription:(e==null?void 0:e.shortDescription)||"",url:(e==null?void 0:e.url)||"",urlKey:(e==null?void 0:e.urlKey)||"",metaTitle:(e==null?void 0:e.metaTitle)||"",metaKeywords:(e==null?void 0:e.metaKeywords)||"",metaDescription:(e==null?void 0:e.metaDescription)||"",lowStock:(e==null?void 0:e.lowStock)||!1,links:(e==null?void 0:e.links)||[],images:((r=e==null?void 0:e.images)==null?void 0:r.map(O=>{var ee;return{label:O.label||"",roles:O.roles||[],url:((ee=O.url)==null?void 0:ee.replace(/^https?:\/\//,"//"))||""}}))||[],description:(e==null?void 0:e.description)||"",externalId:(e==null?void 0:e.externalId)||"",inputOptions:(e==null?void 0:e.inputOptions)||[],addToCartAllowed:(e==null?void 0:e.addToCartAllowed)||!1,price:e.price?{final:{amount:{value:((u=(i=(s=e==null?void 0:e.price)==null?void 0:s.final)==null?void 0:i.amount)==null?void 0:u.value)||0,currency:F((f=(w=(c=e==null?void 0:e.price)==null?void 0:c.final)==null?void 0:w.amount)==null?void 0:f.currency)}},regular:{amount:{value:((l=(g=(R=e==null?void 0:e.price)==null?void 0:R.regular)==null?void 0:g.amount)==null?void 0:l.value)||0,currency:F((I=(h=(m=e==null?void 0:e.price)==null?void 0:m.regular)==null?void 0:h.amount)==null?void 0:I.currency)}},roles:((S=e==null?void 0:e.price)==null?void 0:S.roles)||[]}:void 0,priceRange:e!=null&&e.priceRange?{minimum:{final:{amount:{value:((T=(A=(N=(_=e==null?void 0:e.priceRange)==null?void 0:_.minimum)==null?void 0:N.final)==null?void 0:A.amount)==null?void 0:T.value)||0,currency:F((t=(v=($=(E=e==null?void 0:e.priceRange)==null?void 0:E.minimum)==null?void 0:$.final)==null?void 0:v.amount)==null?void 0:t.currency)}},regular:{amount:{value:((C=(P=(p=(n=e==null?void 0:e.priceRange)==null?void 0:n.minimum)==null?void 0:p.regular)==null?void 0:P.amount)==null?void 0:C.value)||0,currency:F((Q=(b=(y=(z=e==null?void 0:e.priceRange)==null?void 0:z.minimum)==null?void 0:y.regular)==null?void 0:b.amount)==null?void 0:Q.currency)}}},maximum:{final:{amount:{value:((K=(H=(U=(D=e==null?void 0:e.priceRange)==null?void 0:D.maximum)==null?void 0:U.final)==null?void 0:H.amount)==null?void 0:K.value)||0,currency:F((B=(L=(k=(M=e==null?void 0:e.priceRange)==null?void 0:M.maximum)==null?void 0:k.final)==null?void 0:L.amount)==null?void 0:B.currency)}},regular:{amount:{value:((J=(Y=(W=(j=e==null?void 0:e.priceRange)==null?void 0:j.maximum)==null?void 0:W.regular)==null?void 0:Y.amount)==null?void 0:J.value)||0,currency:F((q=(V=(Z=(X=e==null?void 0:e.priceRange)==null?void 0:X.maximum)==null?void 0:Z.regular)==null?void 0:V.amount)==null?void 0:q.currency)}}}}:void 0,inStock:(e==null?void 0:e.inStock)||!1,typename:(e==null?void 0:e.__typename)||""};return re(o,(d=(G=(a=ne.getConfig().models)==null?void 0:a.Product)==null?void 0:G.transformer)==null?void 0:d.call(G,e))};function he(e,o){var i,u,c,w,f,R,g,l,m;const r=e==null?void 0:e.productSearch,s={facets:Pe((r==null?void 0:r.facets)||[],o),items:(r==null?void 0:r.items.map(h=>ge(h==null?void 0:h.productView)))||[],pageInfo:{currentPage:((i=r==null?void 0:r.page_info)==null?void 0:i.current_page)||1,totalPages:((u=r==null?void 0:r.page_info)==null?void 0:u.total_pages)||1,totalItems:((c=r==null?void 0:r.page_info)==null?void 0:c.total_items)||0,pageSize:((w=r==null?void 0:r.page_info)==null?void 0:w.page_size)||10},totalCount:(r==null?void 0:r.total_count)||0,metadata:{filterableAttributes:((f=e==null?void 0:e.attributeMetadata)==null?void 0:f.filterableInSearch)||[],sortableAttributes:ye(((R=e==null?void 0:e.attributeMetadata)==null?void 0:R.sortable)||[],o)}};return re(s,(m=(l=(g=ne.getConfig().models)==null?void 0:g.ProductSearchResult)==null?void 0:l.transformer)==null?void 0:m.call(l,e))}function ye(e=[],o){return!e||e.length===0?[]:e.filter(r=>{var s;return r.attribute==="position"?(s=o==null?void 0:o.filter)==null?void 0:s.some(u=>u.attribute==="categoryPath"):!0}).map(r=>({...r,bidirectional:r.attribute==="price"}))}function Pe(e=[],o){var s;return!e||e.length===0?[]:((s=o==null?void 0:o.filter)==null?void 0:s.some(i=>i.attribute==="categoryPath"))?e.filter(i=>i.attribute!=="categories"):e}const Ce=`
3
+ import{merge as ne}from"@dropins/tools/lib.js";import{c as ie}from"./initialize.js";import{events as f}from"@dropins/tools/event-bus.js";import{ProductView as oe,Facet as se}from"../fragments.js";import{S as ue,P as le,u as te,s as ce,a as me,b as pe}from"./acdlEvents.js";import{FetchGraphQL as ge}from"@dropins/tools/fetch-graphql.js";const{setEndpoint:xe,setFetchGraphQlHeader:$e,removeFetchGraphQlHeader:ke,setFetchGraphQlHeaders:Fe,getFetchGraphQlHeader:De,fetchGraphQl:fe,getConfig:Te}=new ge().getMethods(),h=e=>!e||!Intl.supportedValuesOf("currency").includes(e)?"USD":e,he=e=>{var r,o,n,u,s,m,t,l,y,p,v,g,R,_,b,I,C,w,S,x,$,k,F,D,T,z,A,Q,U,E,G,H,K,O,M,L,N,Y,j,q,B,J,W,X,Z,V,a,d,P,ee;if(!e)return{id:"",name:"",sku:"",shortDescription:"",url:"",urlKey:"",metaTitle:"",metaKeywords:"",metaDescription:"",lowStock:!1,links:[],attributes:[],images:[],description:"",externalId:"",inputOptions:[],addToCartAllowed:!1,price:void 0,priceRange:void 0,inStock:!1,typename:""};const i={id:(e==null?void 0:e.id)||"",name:(e==null?void 0:e.name)||"",sku:(e==null?void 0:e.sku)||"",shortDescription:(e==null?void 0:e.shortDescription)||"",url:(e==null?void 0:e.url)||"",urlKey:(e==null?void 0:e.urlKey)||"",metaTitle:(e==null?void 0:e.metaTitle)||"",metaKeywords:(e==null?void 0:e.metaKeywords)||"",metaDescription:(e==null?void 0:e.metaDescription)||"",lowStock:(e==null?void 0:e.lowStock)||!1,links:(e==null?void 0:e.links)||[],attributes:((r=e==null?void 0:e.attributes)==null?void 0:r.map(c=>({label:c.label||"",name:c.name||"",roles:c.roles||[],value:c.value??null})))||[],images:((o=e==null?void 0:e.images)==null?void 0:o.map(c=>{var re;return{label:c.label||"",roles:c.roles||[],url:((re=c.url)==null?void 0:re.replace(/^https?:\/\//,"//"))||""}}))||[],description:(e==null?void 0:e.description)||"",externalId:(e==null?void 0:e.externalId)||"",inputOptions:(e==null?void 0:e.inputOptions)||[],addToCartAllowed:(e==null?void 0:e.addToCartAllowed)||!1,price:e.price?{final:{amount:{value:((s=(u=(n=e==null?void 0:e.price)==null?void 0:n.final)==null?void 0:u.amount)==null?void 0:s.value)||0,currency:h((l=(t=(m=e==null?void 0:e.price)==null?void 0:m.final)==null?void 0:t.amount)==null?void 0:l.currency)}},regular:{amount:{value:((v=(p=(y=e==null?void 0:e.price)==null?void 0:y.regular)==null?void 0:p.amount)==null?void 0:v.value)||0,currency:h((_=(R=(g=e==null?void 0:e.price)==null?void 0:g.regular)==null?void 0:R.amount)==null?void 0:_.currency)}},roles:((b=e==null?void 0:e.price)==null?void 0:b.roles)||[]}:void 0,priceRange:e!=null&&e.priceRange?{minimum:{final:{amount:{value:((S=(w=(C=(I=e==null?void 0:e.priceRange)==null?void 0:I.minimum)==null?void 0:C.final)==null?void 0:w.amount)==null?void 0:S.value)||0,currency:h((F=(k=($=(x=e==null?void 0:e.priceRange)==null?void 0:x.minimum)==null?void 0:$.final)==null?void 0:k.amount)==null?void 0:F.currency)}},regular:{amount:{value:((A=(z=(T=(D=e==null?void 0:e.priceRange)==null?void 0:D.minimum)==null?void 0:T.regular)==null?void 0:z.amount)==null?void 0:A.value)||0,currency:h((G=(E=(U=(Q=e==null?void 0:e.priceRange)==null?void 0:Q.minimum)==null?void 0:U.regular)==null?void 0:E.amount)==null?void 0:G.currency)}}},maximum:{final:{amount:{value:((M=(O=(K=(H=e==null?void 0:e.priceRange)==null?void 0:H.maximum)==null?void 0:K.final)==null?void 0:O.amount)==null?void 0:M.value)||0,currency:h((j=(Y=(N=(L=e==null?void 0:e.priceRange)==null?void 0:L.maximum)==null?void 0:N.final)==null?void 0:Y.amount)==null?void 0:j.currency)}},regular:{amount:{value:((W=(J=(B=(q=e==null?void 0:e.priceRange)==null?void 0:q.maximum)==null?void 0:B.regular)==null?void 0:J.amount)==null?void 0:W.value)||0,currency:h((a=(V=(Z=(X=e==null?void 0:e.priceRange)==null?void 0:X.maximum)==null?void 0:Z.regular)==null?void 0:V.amount)==null?void 0:a.currency)}}}}:void 0,inStock:(e==null?void 0:e.inStock)||!1,typename:(e==null?void 0:e.__typename)||""};return ne(i,(ee=(P=(d=ie.getConfig().models)==null?void 0:d.Product)==null?void 0:P.transformer)==null?void 0:ee.call(P,e))};function ye(e,i){var n,u,s,m,t,l,y,p,v;const r=e==null?void 0:e.productSearch,o={facets:Pe((r==null?void 0:r.facets)||[],i),items:(r==null?void 0:r.items.map(g=>he(g==null?void 0:g.productView)))||[],pageInfo:{currentPage:((n=r==null?void 0:r.page_info)==null?void 0:n.current_page)||1,totalPages:((u=r==null?void 0:r.page_info)==null?void 0:u.total_pages)||1,totalItems:((s=r==null?void 0:r.page_info)==null?void 0:s.total_items)||0,pageSize:((m=r==null?void 0:r.page_info)==null?void 0:m.page_size)||10},totalCount:(r==null?void 0:r.total_count)||0,metadata:{filterableAttributes:((t=e==null?void 0:e.attributeMetadata)==null?void 0:t.filterableInSearch)||[],sortableAttributes:ve(((l=e==null?void 0:e.attributeMetadata)==null?void 0:l.sortable)||[],i)}};return ne(o,(v=(p=(y=ie.getConfig().models)==null?void 0:y.ProductSearchResult)==null?void 0:p.transformer)==null?void 0:v.call(p,e))}function ve(e=[],i){return!e||e.length===0?[]:e.filter(r=>{var o;return r.attribute==="position"?(o=i==null?void 0:i.filter)==null?void 0:o.some(u=>u.attribute==="categoryPath"):!0}).map(r=>({...r,bidirectional:r.attribute==="price"}))}function Pe(e=[],i){var o;return!e||e.length===0?[]:((o=i==null?void 0:i.filter)==null?void 0:o.some(n=>n.attribute==="categoryPath"))?e.filter(n=>n.attribute!=="categories"):e}const Re=`
4
4
  query productSearch(
5
5
  $phrase: String!
6
6
  $pageSize: Int
@@ -44,7 +44,7 @@ import{merge as re}from"@dropins/tools/lib.js";import{c as ne}from"./initialize.
44
44
  }
45
45
  }
46
46
  }
47
- ${ie}
48
- ${te}
49
- `,Ne=async(e,o={})=>{const r=o.scope==="search"?void 0:o.scope,s={request:e||{},result:{facets:[],pageInfo:{currentPage:0,totalPages:0,totalItems:0,pageSize:0},items:[],totalCount:0,suggestions:[],metadata:{filterableAttributes:[],sortableAttributes:[]}}};if(e===null)return x.emit("search/result",s,{scope:r}),s.result;x.emit("search/loading",!0,{scope:r});try{const i=r==="popover"?oe:se,u=window.crypto.randomUUID(),c=new URLSearchParams(window.location.search),w=Number(c.get("page"))||1,f=c.get("q"),R=(e==null?void 0:e.phrase)||f!==null&&f.trim().length>0&&f||"",g=r!=="undefined"?null:c.get("sort"),l=g&&g.trim().length>0?g.split(",").map(t=>{if(t=t.trim(),!t)return null;let n="",p="ASC";if(t.includes(":"))[n,p]=t.split(":");else if(t.includes("_")){const P=t.lastIndexOf("_");n=t.slice(0,P),p=t.slice(P+1).toUpperCase()==="DESC"?"DESC":"ASC"}else n=t;return n==="position"?null:{attribute:n,direction:p}}).filter(Boolean):[],m=r!=="undefined"?null:c.get("filter"),h=m&&m.trim()?decodeURIComponent(m.replace(/\+/g,"%20")).split(/\||;/).reduce((n,p)=>{const P=p.trim();if(!P.includes(":"))return n;const[C,...z]=P.split(":"),y=z.join(":").trim();if(!C||!y)return n;if(C==="price"&&y.includes("-")){const[b,Q]=y.split("-"),D=Number(b),U=Number(Q);return!Number.isNaN(D)&&!Number.isNaN(U)&&n.push({attribute:"price",range:{from:D,to:U}}),n}if(C==="visibility"){const b=y.indexOf(",");return n.push({attribute:C,in:b===-1?[y.trim()]:["Catalog, Search"]}),n}return n.push({attribute:C,in:y.split(/[|,]/).map(b=>b.trim()).filter(Boolean)}),n},[]):e==null?void 0:e.filter,I=h?[...h]:[],S=window.location.pathname.replace(/^\/|\/$/g,""),_=!r&&S&&!S.startsWith("search")?S.split("/").pop():null;if(_){let t=I.find(p=>p.attribute==="categoryPath");const n={attribute:"categoryPath",in:[_]};t?t=n:I.unshift(n)}const N=R||e.phrase,A=l!=null&&l.length?l:e.sort,T=m!==null||_?I:e.filter;e={...e,phrase:N,sort:A,filter:T,currentPage:w},le(i,u,e.phrase||"",e.filter||[],e.pageSize||0,e.currentPage||0,e.sort||[]),ue(i);const{errors:E,data:$}=await fe(Ce,{method:"GET",variables:{...e}});if(E&&!$)throw new Error("Error fetching product search");const v=he($,e);return ce(i,u,v),me(i),x.emit("search/result",{request:e,result:v},{scope:r}),v}catch(i){throw x.emit("search/error",i.message,{scope:r}),x.emit("search/result",s,{scope:r}),i}finally{x.emit("search/loading",!1,{scope:r})}};export{xe as a,$e as b,Ue as c,Ne as d,fe as f,De as g,Fe as r,ve as s};
47
+ ${oe}
48
+ ${se}
49
+ `,ze=async(e,i={})=>{const r=i.scope==="search"?void 0:i.scope,o={request:e||{},result:{facets:[],pageInfo:{currentPage:0,totalPages:0,totalItems:0,pageSize:0},items:[],totalCount:0,suggestions:[],metadata:{filterableAttributes:[],sortableAttributes:[]}}};if(e===null)return f.emit("search/result",o,{scope:r}),o.result;f.emit("search/loading",!0,{scope:r});try{const n=r==="popover"?ue:le,u=window.crypto.randomUUID(),s={...e,phrase:e.phrase??"",currentPage:e.currentPage??1,sort:e.sort??[],filter:e.filter??[]};te(n,u,s.phrase||"",s.filter||[],s.pageSize||0,s.currentPage||0,s.sort||[]),ce(n);const{errors:m,data:t}=await fe(Re,{method:"GET",variables:{...s}});if(m&&!t)throw new Error("Error fetching product search");const l=ye(t,s);return me(n,u,l),pe(n),f.emit("search/result",{request:s,result:l},{scope:r}),l}catch(n){throw f.emit("search/error",n.message,{scope:r}),f.emit("search/result",o,{scope:r}),n}finally{f.emit("search/loading",!1,{scope:r})}};export{$e as a,Fe as b,Te as c,ze as d,fe as f,De as g,ke as r,xe as s};
50
50
  //# sourceMappingURL=search.js.map
package/chunks/search.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"search.js","sources":["/@dropins/storefront-product-discovery/src/api/fetch-graphql/fetch-graphql.ts","/@dropins/storefront-product-discovery/src/data/transforms/product.ts","/@dropins/storefront-product-discovery/src/data/transforms/api.ts","/@dropins/storefront-product-discovery/src/api/search/graphql/search.graphql.ts","/@dropins/storefront-product-discovery/src/api/search/search.ts"],"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 { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n setEndpoint,\n setFetchGraphQlHeader,\n removeFetchGraphQlHeader,\n setFetchGraphQlHeaders,\n getFetchGraphQlHeader,\n fetchGraphQl,\n getConfig,\n} = new FetchGraphQL().getMethods();\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 *******************************************************************/\nimport { merge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/plp/api/initialize/initialize';\nimport { Product } from '../models/product';\n\nconst getCurrency = (currency?: string) => {\n if (!currency || !Intl.supportedValuesOf(\"currency\").includes(currency)) {\n return 'USD';\n }\n return currency;\n};\n\nexport const transformProduct = (data: any): Product | null => {\n // check if data is null or undefined, and if so return an empty object\n if (!data) {\n return {\n id: '',\n name: '',\n sku: '',\n shortDescription: '',\n url: '',\n urlKey: '',\n metaTitle: '',\n metaKeywords: '',\n metaDescription: '',\n lowStock: false,\n links: [],\n images: [],\n description: '',\n externalId: '',\n inputOptions: [],\n addToCartAllowed: false,\n price: undefined,\n priceRange: undefined,\n inStock: false,\n typename: '',\n };\n }\n\n const transformedProduct = {\n id: data?.id || '',\n name: data?.name || '',\n sku: data?.sku || '',\n shortDescription: data?.shortDescription || '',\n url: data?.url || '',\n urlKey: data?.urlKey || '',\n metaTitle: data?.metaTitle || '',\n metaKeywords: data?.metaKeywords || '',\n metaDescription: data?.metaDescription || '',\n lowStock: data?.lowStock || false,\n links: data?.links || [],\n images:\n data?.images?.map((image: any) => ({\n label: image.label || '',\n roles: image.roles || [],\n url: image.url?.replace(/^https?:\\/\\//, '//') || '',\n })) || [],\n description: data?.description || '',\n externalId: data?.externalId || '',\n inputOptions: data?.inputOptions || [],\n addToCartAllowed: data?.addToCartAllowed || false,\n price: data.price\n ? {\n final: {\n amount: {\n value: data?.price?.final?.amount?.value || 0,\n currency: getCurrency(data?.price?.final?.amount?.currency),\n },\n },\n regular: {\n amount: {\n value: data?.price?.regular?.amount?.value || 0,\n currency: getCurrency(data?.price?.regular?.amount?.currency),\n },\n },\n roles: data?.price?.roles || [],\n }\n : undefined,\n priceRange: data?.priceRange\n ? {\n minimum: {\n final: {\n amount: {\n value: data?.priceRange?.minimum?.final?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.minimum?.final?.amount?.currency),\n },\n },\n regular: {\n amount: {\n value: data?.priceRange?.minimum?.regular?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.minimum?.regular?.amount?.currency),\n },\n },\n },\n maximum: {\n final: {\n amount: {\n value: data?.priceRange?.maximum?.final?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.maximum?.final?.amount?.currency),\n },\n },\n regular: {\n amount: {\n value: data?.priceRange?.maximum?.regular?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.maximum?.regular?.amount?.currency),\n },\n },\n },\n }\n : undefined,\n inStock: data?.inStock || false,\n typename: data?.__typename || '',\n };\n\n return merge(\n transformedProduct, // default transformer\n config.getConfig().models?.Product?.transformer?.(data), // custom transformer\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 *******************************************************************/\nimport { merge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/plp/api/initialize/initialize';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models';\nimport { Product } from '@/plp/data/models/product';\n\nimport { transformProduct } from './product';\n\n\nexport function transformProductSearchResponse(data: any, searchVariables?: SearchVariables): ProductSearchResult {\n const productSearch = data?.productSearch;\n\n const transformedResponse: ProductSearchResult = {\n facets: transformFacets(productSearch?.facets || [], searchVariables),\n items: productSearch?.items.map((product: any) => transformProduct(product?.productView)) || [],\n pageInfo: {\n currentPage: productSearch?.page_info?.current_page || 1,\n totalPages: productSearch?.page_info?.total_pages || 1,\n totalItems: productSearch?.page_info?.total_items || 0,\n pageSize: productSearch?.page_info?.page_size || 10, //replace with default constant\n },\n totalCount: productSearch?.total_count || 0,\n metadata: {\n filterableAttributes: data?.attributeMetadata?.filterableInSearch || [],\n sortableAttributes: transformSortAttributes(data?.attributeMetadata?.sortable || [], searchVariables),\n }\n };\n return merge(\n transformedResponse, // default transformer\n config.getConfig().models?.ProductSearchResult?.transformer?.(data), // custom transformer\n );\n}\n\nexport const transformSearchResultProducts = (searchResponse: { productSearch: { items: any[] } }): Product[] =>\n searchResponse?.productSearch?.items?.reduce<Product[]>((returnedProductList, productItem) => {\n if (!productItem?.productView) return returnedProductList; // Skip if no productView and product is null\n\n const transformed = transformProduct(productItem.productView);\n if (transformed) {\n returnedProductList.push(transformed);\n }\n\n return returnedProductList;\n }, []) || [];\n\nfunction transformSortAttributes(sortableAttributes: any[] = [], searchVariables?: SearchVariables): any[] {\n if (!sortableAttributes || sortableAttributes.length === 0) {\n return [];\n }\n\n return sortableAttributes\n .filter((option) => {\n // Only include position attribute if there's a category filter\n if (option.attribute === 'position') {\n const hasCategoryFilter = searchVariables?.filter?.some(\n (filter) => filter.attribute === 'categoryPath'\n );\n return hasCategoryFilter;\n }\n\n // Include all other attributes\n return true;\n })\n .map((option) => ({\n ...option,\n bidirectional: option.attribute === 'price',\n }));\n}\n\nfunction transformFacets(facets: any[] = [], searchVariables?: SearchVariables): any[] {\n if (!facets || facets.length === 0) {\n return [];\n }\n\n const hasCategoryPathFilter = searchVariables?.filter?.some(\n (filter) => filter.attribute === 'categoryPath'\n );\n\n // if hasCategoryPathFilter, then we need to remove facets with attribute 'categories'\n if (hasCategoryPathFilter) {\n return facets.filter((facet) => facet.attribute !== 'categories');\n }\n\n return facets;\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 { Facet, ProductView } from '../../graphql/fragments.graphql';\n\nconst PRODUCT_SEARCH_QUERY = /* GraphQL */ `\n query productSearch(\n $phrase: String!\n $pageSize: Int\n $currentPage: Int = 1\n $filter: [SearchClauseInput!]\n $sort: [ProductSearchSortInput!]\n $context: QueryContextInput\n ) {\n attributeMetadata {\n sortable {\n label\n attribute\n numeric\n }\n filterableInSearch {\n label\n attribute\n numeric\n }\n }\n\n productSearch(\n phrase: $phrase\n page_size: $pageSize\n current_page: $currentPage\n filter: $filter\n sort: $sort\n context: $context\n ) {\n total_count\n items {\n ...ProductView\n }\n facets {\n ...Facet\n }\n page_info {\n current_page\n page_size\n total_pages\n }\n }\n }\n ${ProductView}\n ${Facet}\n`;\n\nexport { PRODUCT_SEARCH_QUERY };\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 { ProductSearchResult, Scope, SearchVariables, SortOrder, SearchFilter } from '@/plp/data/models';\nimport { fetchGraphQl } from '@/plp/api';\nimport { transformProductSearchResponse } from '@/plp/data/transforms';\nimport { events } from '@adobe-commerce/event-bus';\nimport { PRODUCT_SEARCH_QUERY } from './graphql/search.graphql';\nimport { \n searchRequestSent, \n searchResponseReceived, \n updateSearchInputCtx,\n updateSearchResultsCtx,\n SEARCH_UNIT_ID, \n PLP_UNIT_ID,\n} from '@/plp/utils/acdlEvents';\n\ntype SearchOptions = {\n scope?: Scope;\n}\n\nexport const search = async (request: SearchVariables | null, options: SearchOptions = {}): Promise<ProductSearchResult> => {\n const scope = options.scope === 'search' ? undefined : options.scope;\n\n // empty result\n const emptyResult = {\n request: request || {} ,\n result: {\n facets: [],\n pageInfo: { currentPage: 0, totalPages: 0, totalItems: 0, pageSize: 0 },\n items: [],\n totalCount: 0,\n suggestions: [],\n metadata: {\n filterableAttributes: [],\n sortableAttributes: []\n }\n }\n };\n\n // clear search results if no request are provided\n if (request === null) {\n events.emit('search/result', emptyResult, { scope });\n return emptyResult.result;\n }\n\n\n // Emit loading state\n events.emit('search/loading', true, { scope });\n\n try {\n const acdlUnitId = scope === 'popover' ? SEARCH_UNIT_ID : PLP_UNIT_ID;\n const searchRequestId = window.crypto.randomUUID();\n const params = new URLSearchParams(window.location.search);\n \n const currentPage = Number(params.get('page')) || 1;\n const qParam = params.get('q');\n // if we are passed a phrase, use it, otherwise use the q param\n const phrase = request?.phrase || (qParam !== null && qParam.trim().length > 0 && qParam) || '';\n \n const sortParam = scope !== 'undefined' ? null : params.get('sort');\n const sort: SortOrder[] = sortParam && sortParam.trim().length > 0\n ? sortParam.split(',').map(token => {\n token = token.trim();\n if (!token) return null;\n\n let attribute = '';\n let direction: 'ASC' | 'DESC' = 'ASC';\n\n if (token.includes(':')) {\n [attribute, direction] = token.split(':') as [string, 'ASC' | 'DESC'];\n } \n else if (token.includes('_')) {\n const lastUnderscore = token.lastIndexOf('_');\n attribute = token.slice(0, lastUnderscore); \n direction = token.slice(lastUnderscore + 1).toUpperCase() === 'DESC' ? 'DESC' : 'ASC';\n } \n else {\n attribute = token;\n }\n \n if (attribute === 'position') {\n return null;\n }\n \n return { attribute, direction };\n }).filter(Boolean) as SortOrder[]\n : [];\n \n // if we are passed a scope, don't use the filter param\n const filterParam = scope !== 'undefined' ? null : params.get('filter');\n const filter: SearchFilter[] | undefined =\n filterParam && filterParam.trim()\n ? (() => {\n \n const decoded = decodeURIComponent(\n filterParam.replace(/\\+/g, '%20')\n );\n \n return decoded.split(/\\||;/).reduce<SearchFilter[]>((acc, part) => {\n const trimmed = part.trim();\n if (!trimmed.includes(':')) return acc;\n const [attribute, ...rest] = trimmed.split(':');\n const rawValue = rest.join(':').trim();\n if (!attribute || !rawValue) return acc;\n if (attribute === 'price' && rawValue.includes('-')) {\n const [fromRaw, toRaw] = rawValue.split('-');\n \n const from = Number(fromRaw);\n const to = Number(toRaw);\n \n if (!Number.isNaN(from) && !Number.isNaN(to)) {\n acc.push({\n attribute: 'price',\n range: {\n from,\n to,\n },\n });\n }\n \n return acc;\n }\n \n if (attribute === 'visibility') {\n const firstCommaIndex = rawValue.indexOf(',');\n acc.push({\n attribute,\n in:\n firstCommaIndex === -1\n ? [rawValue.trim()]\n : [\n `Catalog, Search`\n ],\n });\n return acc;\n }\n \n acc.push({\n attribute,\n in: rawValue\n .split(/[|,]/)\n .map(v => v.trim())\n .filter(Boolean),\n });\n \n return acc;\n }, []);\n })()\n : request?.filter;\n\n const finalFilters: SearchFilter[] = filter ? [...filter] : [];\n\n const pathname = window.location.pathname.replace(/^\\/|\\/$/g, '');\n // if we are passed a scope or on the search page, don't add the categoryPath filter\n const categoryFromPath =\n !scope && pathname && !pathname.startsWith('search')\n ? pathname.split('/').pop()\n : null;\n\n // cagetoryFromPath overrides any other categoryPath filters\n if (categoryFromPath) {\n let existingCategoryPathFilter = finalFilters.find(f => f.attribute === 'categoryPath');\n const newCategoryPathFilter = {\n attribute: 'categoryPath',\n in: [categoryFromPath],\n };\n\n if (existingCategoryPathFilter) {\n existingCategoryPathFilter = newCategoryPathFilter;\n } else {\n finalFilters.unshift(newCategoryPathFilter);\n }\n }\n\n const phraseSearch = phrase || request.phrase;\n const sortSearch = sort?.length ? sort : request.sort;\n const filterSearch = filterParam !== null || categoryFromPath ? finalFilters : request.filter;\n\n request = {\n ...request,\n phrase: phraseSearch,\n sort: sortSearch,\n filter: filterSearch,\n currentPage,\n };\n\n updateSearchInputCtx(\n acdlUnitId,\n searchRequestId,\n request.phrase || '',\n request.filter || [],\n request.pageSize || 0,\n request.currentPage || 0,\n request.sort || [],\n );\n\n // Publish search request event to ACDL\n searchRequestSent(acdlUnitId);\n\n // Execute search with validated request\n const { errors, data } = await fetchGraphQl(PRODUCT_SEARCH_QUERY, {\n method: 'GET',\n variables: { ...request },\n });\n\n if (errors && !data) {\n throw new Error('Error fetching product search');\n }\n\n const result = transformProductSearchResponse(data, request);\n\n // Update search results context in ACDL\n updateSearchResultsCtx(acdlUnitId, searchRequestId, result);\n\n // Publish search response event to ACDL\n searchResponseReceived(acdlUnitId)\n\n // Emit single event with result and metadata\n events.emit('search/result', { request, result }, { scope });\n\n return result;\n\n } catch (error) {\n // Emit error event\n events.emit('search/error', (error as Error).message, { scope });\n\n // Emit result event with empty result\n events.emit('search/result', emptyResult, { scope });\n\n throw error;\n } finally {\n // Reset loading state\n events.emit('search/loading', false, { scope });\n }\n};"],"names":["setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","getFetchGraphQlHeader","fetchGraphQl","getConfig","FetchGraphQL","getCurrency","currency","transformProduct","data","transformedProduct","_a","image","_d","_c","_b","_g","_f","_e","_j","_i","_h","_m","_l","_k","_n","_r","_q","_p","_o","_v","_u","_t","_s","_z","_y","_x","_w","_D","_C","_B","_A","_H","_G","_F","_E","_L","_K","_J","_I","_P","_O","_N","_M","_T","_S","_R","_Q","merge","_W","_V","_U","config","transformProductSearchResponse","searchVariables","productSearch","transformedResponse","transformFacets","product","transformSortAttributes","sortableAttributes","option","filter","facets","facet","PRODUCT_SEARCH_QUERY","ProductView","Facet","search","request","options","scope","emptyResult","events","acdlUnitId","SEARCH_UNIT_ID","PLP_UNIT_ID","searchRequestId","params","currentPage","qParam","phrase","sortParam","sort","token","attribute","direction","lastUnderscore","filterParam","acc","part","trimmed","rest","rawValue","fromRaw","toRaw","from","to","firstCommaIndex","v","finalFilters","pathname","categoryFromPath","existingCategoryPathFilter","f","newCategoryPathFilter","phraseSearch","sortSearch","filterSearch","updateSearchInputCtx","searchRequestSent","errors","result","updateSearchResultsCtx","searchResponseReceived","error"],"mappings":"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"}
1
+ {"version":3,"file":"search.js","sources":["/@dropins/storefront-product-discovery/src/api/fetch-graphql/fetch-graphql.ts","/@dropins/storefront-product-discovery/src/data/transforms/product.ts","/@dropins/storefront-product-discovery/src/data/transforms/api.ts","/@dropins/storefront-product-discovery/src/api/search/graphql/search.graphql.ts","/@dropins/storefront-product-discovery/src/api/search/search.ts"],"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 { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n setEndpoint,\n setFetchGraphQlHeader,\n removeFetchGraphQlHeader,\n setFetchGraphQlHeaders,\n getFetchGraphQlHeader,\n fetchGraphQl,\n getConfig,\n} = new FetchGraphQL().getMethods();\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 *******************************************************************/\nimport { merge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/plp/api/initialize/initialize';\nimport { Product } from '../models/product';\n\nconst getCurrency = (currency?: string) => {\n if (!currency || !Intl.supportedValuesOf(\"currency\").includes(currency)) {\n return 'USD';\n }\n return currency;\n};\n\nexport const transformProduct = (data: any): Product | null => {\n // check if data is null or undefined, and if so return an empty object\n if (!data) {\n return {\n id: '',\n name: '',\n sku: '',\n shortDescription: '',\n url: '',\n urlKey: '',\n metaTitle: '',\n metaKeywords: '',\n metaDescription: '',\n lowStock: false,\n links: [],\n attributes: [],\n images: [],\n description: '',\n externalId: '',\n inputOptions: [],\n addToCartAllowed: false,\n price: undefined,\n priceRange: undefined,\n inStock: false,\n typename: '',\n };\n }\n\n const transformedProduct = {\n id: data?.id || '',\n name: data?.name || '',\n sku: data?.sku || '',\n shortDescription: data?.shortDescription || '',\n url: data?.url || '',\n urlKey: data?.urlKey || '',\n metaTitle: data?.metaTitle || '',\n metaKeywords: data?.metaKeywords || '',\n metaDescription: data?.metaDescription || '',\n lowStock: data?.lowStock || false,\n links: data?.links || [],\n attributes:\n data?.attributes?.map((attr: any) => ({\n label: attr.label || '',\n name: attr.name || '',\n roles: attr.roles || [],\n value: attr.value ?? null,\n })) || [],\n images:\n data?.images?.map((image: any) => ({\n label: image.label || '',\n roles: image.roles || [],\n url: image.url?.replace(/^https?:\\/\\//, '//') || '',\n })) || [],\n description: data?.description || '',\n externalId: data?.externalId || '',\n inputOptions: data?.inputOptions || [],\n addToCartAllowed: data?.addToCartAllowed || false,\n price: data.price\n ? {\n final: {\n amount: {\n value: data?.price?.final?.amount?.value || 0,\n currency: getCurrency(data?.price?.final?.amount?.currency),\n },\n },\n regular: {\n amount: {\n value: data?.price?.regular?.amount?.value || 0,\n currency: getCurrency(data?.price?.regular?.amount?.currency),\n },\n },\n roles: data?.price?.roles || [],\n }\n : undefined,\n priceRange: data?.priceRange\n ? {\n minimum: {\n final: {\n amount: {\n value: data?.priceRange?.minimum?.final?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.minimum?.final?.amount?.currency),\n },\n },\n regular: {\n amount: {\n value: data?.priceRange?.minimum?.regular?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.minimum?.regular?.amount?.currency),\n },\n },\n },\n maximum: {\n final: {\n amount: {\n value: data?.priceRange?.maximum?.final?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.maximum?.final?.amount?.currency),\n },\n },\n regular: {\n amount: {\n value: data?.priceRange?.maximum?.regular?.amount?.value || 0,\n currency: getCurrency(data?.priceRange?.maximum?.regular?.amount?.currency),\n },\n },\n },\n }\n : undefined,\n inStock: data?.inStock || false,\n typename: data?.__typename || '',\n };\n\n return merge(\n transformedProduct, // default transformer\n config.getConfig().models?.Product?.transformer?.(data), // custom transformer\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 *******************************************************************/\nimport { merge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/plp/api/initialize/initialize';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models';\nimport { Product } from '@/plp/data/models/product';\n\nimport { transformProduct } from './product';\n\n\nexport function transformProductSearchResponse(data: any, searchVariables?: SearchVariables): ProductSearchResult {\n const productSearch = data?.productSearch;\n\n const transformedResponse: ProductSearchResult = {\n facets: transformFacets(productSearch?.facets || [], searchVariables),\n items: productSearch?.items.map((product: any) => transformProduct(product?.productView)) || [],\n pageInfo: {\n currentPage: productSearch?.page_info?.current_page || 1,\n totalPages: productSearch?.page_info?.total_pages || 1,\n totalItems: productSearch?.page_info?.total_items || 0,\n pageSize: productSearch?.page_info?.page_size || 10, //replace with default constant\n },\n totalCount: productSearch?.total_count || 0,\n metadata: {\n filterableAttributes: data?.attributeMetadata?.filterableInSearch || [],\n sortableAttributes: transformSortAttributes(data?.attributeMetadata?.sortable || [], searchVariables),\n }\n };\n return merge(\n transformedResponse, // default transformer\n config.getConfig().models?.ProductSearchResult?.transformer?.(data), // custom transformer\n );\n}\n\nexport const transformSearchResultProducts = (searchResponse: { productSearch: { items: any[] } }): Product[] =>\n searchResponse?.productSearch?.items?.reduce<Product[]>((returnedProductList, productItem) => {\n if (!productItem?.productView) return returnedProductList; // Skip if no productView and product is null\n\n const transformed = transformProduct(productItem.productView);\n if (transformed) {\n returnedProductList.push(transformed);\n }\n\n return returnedProductList;\n }, []) || [];\n\nfunction transformSortAttributes(sortableAttributes: any[] = [], searchVariables?: SearchVariables): any[] {\n if (!sortableAttributes || sortableAttributes.length === 0) {\n return [];\n }\n\n return sortableAttributes\n .filter((option) => {\n // Only include position attribute if there's a category filter\n if (option.attribute === 'position') {\n const hasCategoryFilter = searchVariables?.filter?.some(\n (filter) => filter.attribute === 'categoryPath'\n );\n return hasCategoryFilter;\n }\n\n // Include all other attributes\n return true;\n })\n .map((option) => ({\n ...option,\n bidirectional: option.attribute === 'price',\n }));\n}\n\nfunction transformFacets(facets: any[] = [], searchVariables?: SearchVariables): any[] {\n if (!facets || facets.length === 0) {\n return [];\n }\n\n const hasCategoryPathFilter = searchVariables?.filter?.some(\n (filter) => filter.attribute === 'categoryPath'\n );\n\n // if hasCategoryPathFilter, then we need to remove facets with attribute 'categories'\n if (hasCategoryPathFilter) {\n return facets.filter((facet) => facet.attribute !== 'categories');\n }\n\n return facets;\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 { Facet, ProductView } from '../../graphql/fragments.graphql';\n\nconst PRODUCT_SEARCH_QUERY = /* GraphQL */ `\n query productSearch(\n $phrase: String!\n $pageSize: Int\n $currentPage: Int = 1\n $filter: [SearchClauseInput!]\n $sort: [ProductSearchSortInput!]\n $context: QueryContextInput\n ) {\n attributeMetadata {\n sortable {\n label\n attribute\n numeric\n }\n filterableInSearch {\n label\n attribute\n numeric\n }\n }\n\n productSearch(\n phrase: $phrase\n page_size: $pageSize\n current_page: $currentPage\n filter: $filter\n sort: $sort\n context: $context\n ) {\n total_count\n items {\n ...ProductView\n }\n facets {\n ...Facet\n }\n page_info {\n current_page\n page_size\n total_pages\n }\n }\n }\n ${ProductView}\n ${Facet}\n`;\n\nexport { PRODUCT_SEARCH_QUERY };\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 { ProductSearchResult, Scope, SearchVariables } from '@/plp/data/models';\nimport { fetchGraphQl } from '@/plp/api';\nimport { transformProductSearchResponse } from '@/plp/data/transforms';\nimport { events } from '@adobe-commerce/event-bus';\nimport { PRODUCT_SEARCH_QUERY } from './graphql/search.graphql';\nimport { \n searchRequestSent, \n searchResponseReceived, \n updateSearchInputCtx,\n updateSearchResultsCtx,\n SEARCH_UNIT_ID, \n PLP_UNIT_ID,\n} from '@/plp/utils/acdlEvents';\n\ntype SearchOptions = {\n scope?: Scope;\n};\n\nexport const search = async (\n request: SearchVariables | null,\n options: SearchOptions = {},\n): Promise<ProductSearchResult> => {\n const scope = options.scope === 'search' ? undefined : options.scope;\n // empty result\n const emptyResult = {\n request: request || {} ,\n result: {\n facets: [],\n pageInfo: { currentPage: 0, totalPages: 0, totalItems: 0, pageSize: 0 },\n items: [],\n totalCount: 0,\n suggestions: [],\n metadata: {\n filterableAttributes: [],\n sortableAttributes: []\n }\n }\n };\n\n // clear search results if no request are provided\n if (request === null) {\n events.emit('search/result', emptyResult, { scope });\n return emptyResult.result;\n }\n\n\n // Emit loading state\n events.emit('search/loading', true, { scope });\n\n try {\n const acdlUnitId = scope === 'popover' ? SEARCH_UNIT_ID : PLP_UNIT_ID;\n const searchRequestId = window.crypto.randomUUID();\n\n const resolvedRequest: SearchVariables = {\n ...request,\n phrase: request.phrase ?? '',\n currentPage: request.currentPage ?? 1,\n sort: request.sort ?? [],\n filter: request.filter ?? [],\n };\n\n updateSearchInputCtx(\n acdlUnitId,\n searchRequestId,\n resolvedRequest.phrase || '',\n resolvedRequest.filter || [],\n resolvedRequest.pageSize || 0,\n resolvedRequest.currentPage || 0,\n resolvedRequest.sort || [],\n );\n\n // Publish search request event to ACDL\n searchRequestSent(acdlUnitId);\n\n // Execute search with validated request\n const { errors, data } = await fetchGraphQl(PRODUCT_SEARCH_QUERY, {\n method: 'GET',\n variables: { ...resolvedRequest },\n });\n\n if (errors && !data) {\n throw new Error('Error fetching product search');\n }\n\n const result = transformProductSearchResponse(data, resolvedRequest);\n\n // Update search results context in ACDL\n updateSearchResultsCtx(acdlUnitId, searchRequestId, result);\n\n // Publish search response event to ACDL\n searchResponseReceived(acdlUnitId);\n\n // Emit single event with result and metadata\n events.emit('search/result', { request: resolvedRequest, result }, { scope });\n\n return result;\n\n } catch (error) {\n // Emit error event\n events.emit('search/error', (error as Error).message, { scope });\n\n // Emit result event with empty result\n events.emit('search/result', emptyResult, { scope });\n\n throw error;\n } finally {\n // Reset loading state\n events.emit('search/loading', false, { scope });\n }\n};"],"names":["setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","getFetchGraphQlHeader","fetchGraphQl","getConfig","FetchGraphQL","getCurrency","currency","transformProduct","data","transformedProduct","_a","attr","_b","image","_e","_d","_c","_h","_g","_f","_k","_j","_i","_n","_m","_l","_o","_s","_r","_q","_p","_w","_v","_u","_t","_A","_z","_y","_x","_E","_D","_C","_B","_I","_H","_G","_F","_M","_L","_K","_J","_Q","_P","_O","_N","_U","_T","_S","_R","merge","_X","_W","_V","config","transformProductSearchResponse","searchVariables","productSearch","transformedResponse","transformFacets","product","transformSortAttributes","sortableAttributes","option","filter","facets","facet","PRODUCT_SEARCH_QUERY","ProductView","Facet","search","request","options","scope","emptyResult","events","acdlUnitId","SEARCH_UNIT_ID","PLP_UNIT_ID","searchRequestId","resolvedRequest","updateSearchInputCtx","searchRequestSent","errors","result","updateSearchResultsCtx","searchResponseReceived","error"],"mappings":"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"}
package/containers/Facets.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
- import{jsxs as x,jsx as a,Fragment as N}from"@dropins/tools/preact-jsx-runtime.js";import*as F from"@dropins/tools/preact-compat.js";import{useState as C,useRef as J,useEffect as T}from"@dropins/tools/preact-compat.js";import{classes as K,VComponent as $,Slot as k}from"@dropins/tools/lib.js";import{Button as A,Icon as M,PriceRange as b,Checkbox as Q,RadioButton as X}from"@dropins/tools/components.js";/* empty css */import{useText as q}from"@dropins/tools/i18n.js";import{events as I}from"@dropins/tools/event-bus.js";import{d as ee}from"../chunks/search.js";import"../chunks/initialize.js";import"../fragments.js";import"../chunks/acdlEvents.js";import"@dropins/tools/fetch-graphql.js";const te=n=>F.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",...n},F.createElement("g",{id:"Large"},F.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),F.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},F.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"}),F.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"})))),re=n=>F.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},F.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),F.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),ne=n=>F.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},F.createElement("path",{d:"M17.3332 11.75H6.6665",strokeWidth:1,strokeLinecap:"square",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",fill:"none",stroke:"currentColor"})),ce=({numberOfOptionsConfig:n=5,header:e,buckets:s,last:m})=>{const p=q({showMore:"Search.Facet.showMore",showLess:"Search.Facet.showLess"}),w=n,[S,g]=C(s.length<w),_=S?s.length:w;return x("div",{className:K(["product-discovery-facet",["product-discovery-facet--last",m]]),children:[a($,{className:"product-discovery-facet__header",node:e}),s.slice(0,_).map((B,v)=>a($,{className:"product-discovery-facet__bucket",node:B},v)),!S&&s.length>w&&a(A,{variant:"tertiary",icon:a(M,{source:te,size:"24"}),onClick:()=>g(!S),children:p.showMore}),S&&s.length>w&&a(A,{variant:"tertiary",icon:a(M,{source:ne,size:"24"}),onClick:()=>g(!S),children:p.showLess})]})},ae=({selectedFacets:n,facets:e})=>x(N,{children:[a($,{className:"product-discovery-facet-list__selected-filters",node:n}),a($,{className:"product-discovery-facet-list__facet-options",node:e})]}),ie="no",se="yes",le=n=>{const e=n.buckets.find(s=>s.selected);return e?{attribute:n.attribute,range:{from:e.from,to:e.to}}:null},oe=n=>{const e=n.buckets.reduce((s,m)=>(m.selected&&s.push(m.title),s),[]);return e.length===0?null:{attribute:n.attribute,in:e}},U=n=>{var e;switch((e=n.buckets[0])==null?void 0:e.__typename){case"RangeBucket":return le(n);case"ScalarBucket":case"CategoryView":return oe(n)}},ue=n=>{var s,m,p,w,S,g,_,B,v,y,E;const e=n[0];return(p=(m=(s=e==null?void 0:e.price)==null?void 0:s.regular)==null?void 0:m.amount)!=null&&p.currency?e.price.regular.amount.currency:(_=(g=(S=(w=e==null?void 0:e.priceRange)==null?void 0:w.minimum)==null?void 0:S.regular)==null?void 0:g.amount)!=null&&_.currency?(E=(y=(v=(B=e==null?void 0:e.priceRange)==null?void 0:B.minimum)==null?void 0:v.regular)==null?void 0:y.amount)==null?void 0:E.currency:"USD"},de=(n,e,s)=>(e==null?void 0:e.attribute)==="price"?n.from===0?x("div",{style:"display:flex",children:[a(b,{amount:n.from,currency:s||"USD"}),a("span",{style:"padding: 0 2px",children:"-"}),a(b,{amount:n.to,currency:s||"USD"})]}):a(b,{minimumAmount:n.from,maximumAmount:n.to,currency:s||"USD",display:"dash"}):n.title,me=(n,e)=>n.title===ie?`Not ${e.title}`:n.title===se?e.title:n.title,j=(n,e,s)=>{switch(n.__typename){case"RangeBucket":return de(n,e,s);case"ScalarBucket":case"CategoryView":return me(n,e)}},ke=({scope:n,slots:e})=>{const s=q({clearAll:"Search.Facet.clearAll"}),[m,p]=C([]),[w,S]=C(null),[g,_]=C(),[B,v]=C(null),y=J(null),E=t=>{var l;const i=((l=g==null?void 0:g.filter)==null?void 0:l.filter(c=>c.attribute==="categoryPath"))||[];ee({...t,filter:[...i,...t.filter||[]]},{scope:n})},z=t=>{const i=new URLSearchParams(window.location.search);if(!t.length)i.delete("filter");else{const l=t.map(c=>{var r;return c.range?`${c.attribute}:${c.range.from}-${c.range.to}`:(r=c.in)!=null&&r.length?`${c.attribute}:${c.in.join(",")}`:null}).filter(Boolean).join(";");i.set("filter",l)}i.set("page","1"),window.history.replaceState({},"",`${window.location.pathname}?${i.toString()}`)},D=t=>{if(!t||!t.result.facets&&!t.result.items&&!t.request.filter){p([]);return}_(t.request);const{facets:i,items:l}=t.result;S(ue(l));const c=t.request.filter;if(i){const r=i.map(o=>{const h=o.buckets.map(f=>{const u=c==null?void 0:c.find(L=>L.attribute===o.attribute);if(u){const L=u.range;if(L&&f.from===L.from&&f.to===L.to)return{...f,selected:!0};if(u.in&&u.in.includes(f.title))return{...f,selected:!0}}return{...f,selected:!1}});return{...o,buckets:h}});p(r)}},V=t=>{p(i=>{const l=i.map(r=>{const o=t.find(h=>h.attribute===r.attribute);return o||r}),c=l.reduce((r,o)=>{const h=U(o);return h&&r.push(h),r},[]);return v(c),l})},W=(t,i)=>{const l=t.buckets.map(r=>r.title===i?{...r,selected:!1}:r),c={...t,buckets:l};V([c])},Z=()=>{const t=m.map(i=>{const l=i.buckets.map(c=>({...c,selected:!1}));return{...i,buckets:l}});p(t),v([])},O=(t,i)=>{const l=t.target.value,c=t.target.checked;p(r=>{const o=r.find(d=>d.attribute===i);if(!o)return r;const h=o.buckets.map(d=>{var R;return((R=o.buckets[0])==null?void 0:R.__typename)==="RangeBucket"?d.title===l?{...d,selected:c}:{...d,selected:!1}:d.title===l?{...d,selected:c}:{...d}}),f={...o,buckets:h},u=r.map(d=>d.attribute===i?f:d),L=u.reduce((d,R)=>{const P=U(R);return P&&d.push(P),d},[]);return v(L),u})},H=(t,i)=>{const l=a("span",{children:t.title}),c=t.buckets.map(r=>{var f;const o=j(r,t,w),h=u=>x(k,{name:"FacetBucketLabel",slot:e==null?void 0:e.FacetBucketLabel,context:{data:r},children:[o," ",u?`(${u})`:""]});switch((f=t.buckets[0])==null?void 0:f.__typename){case"RangeBucket":return a(k,{name:"FacetBucket",slot:e==null?void 0:e.FacetBucket,context:{data:r},children:a(X,{"data-testid":`${r.title}-radio`,label:h(),name:t.attribute,value:r.title,checked:r.selected,onChange:u=>{O(u,t.attribute)}})});case"ScalarBucket":case"CategoryView":return a(k,{name:"FacetBucket",slot:e==null?void 0:e.FacetBucket,context:{data:r},children:a(Q,{id:`${t.attribute}-${r.title.replace(/[^a-zA-Z0-9_-]/g,"")}`,"data-testid":`${r.title}-checkbox`,label:h(r.count),name:`${t.attribute}-${r.title.replace(/[^a-zA-Z0-9_-]/g,"")}`,value:r.title,checked:r.selected,onChange:u=>{O(u,t.attribute)}})});default:return null}}).filter(r=>r!==null);return a(ce,{header:l,buckets:c,last:i===m.length-1})},Y=()=>a(k,{name:"Facets",slot:e==null?void 0:e.Facets,context:{data:m},children:m.map((t,i)=>t.buckets.length>0?a(N,{children:a(k,{name:"Facet",slot:e==null?void 0:e.Facet,context:{data:t},children:H(t,i)})}):null)}),G=()=>{const t=m.reduce((c,r)=>(r.buckets.filter(h=>h.selected).length>0&&c.push(r),c),[]),i=t.map(c=>c.buckets.map(r=>{if(r.selected){const o=j(r,c,w);return a(A,{"data-testid":`${r.title}-selected-btn`,"aria-label":`Remove ${c.title} filter: ${r.title}`,variant:"secondary",children:x(N,{children:[a("span",{children:o}),a(M,{source:re,size:"16"})]}),onClick:()=>{W(c,r.title)}})}return null})),l=i.length>0?a(A,{variant:"secondary",onClick:()=>{Z()},children:a("span",{children:s.clearAll})}):null;return x(k,{name:"SelectedFacets",slot:e==null?void 0:e.SelectedFacets,context:{data:t},children:[i,l]})};return T(()=>{const t=I.on("search/result",D,{eager:!0,scope:n});return()=>{t==null||t.off()}},[]),T(()=>{if(B!==null)return y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{g&&(z(B),E({...g,filter:B})),v(null)},150),()=>{y.current&&clearTimeout(y.current)}},[B,g]),a(ae,{selectedFacets:G(),facets:Y()})};export{ke as Facets,ke as default};
3
+ import{jsxs as x,jsx as c,Fragment as $}from"@dropins/tools/preact-jsx-runtime.js";import*as F from"@dropins/tools/preact-compat.js";import{useState as C,useRef as G,useEffect as q}from"@dropins/tools/preact-compat.js";import{classes as J,VComponent as A,Slot as k}from"@dropins/tools/lib.js";import{Button as b,Icon as M,PriceRange as N,Checkbox as K,RadioButton as Q}from"@dropins/tools/components.js";/* empty css */import{useText as D}from"@dropins/tools/i18n.js";import{events as X}from"@dropins/tools/event-bus.js";import{d as I}from"../chunks/search.js";import"../chunks/initialize.js";import"../fragments.js";import"../chunks/acdlEvents.js";import"@dropins/tools/fetch-graphql.js";const ee=n=>F.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",...n},F.createElement("g",{id:"Large"},F.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),F.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},F.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"}),F.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"})))),te=n=>F.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},F.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),F.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),re=n=>F.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},F.createElement("path",{d:"M17.3332 11.75H6.6665",strokeWidth:1,strokeLinecap:"square",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",fill:"none",stroke:"currentColor"})),ne=({numberOfOptionsConfig:n=5,header:e,buckets:i,last:u})=>{const f=D({showMore:"Search.Facet.showMore",showLess:"Search.Facet.showLess"}),w=n,[v,g]=C(i.length<w),_=v?i.length:w;return x("div",{className:J(["product-discovery-facet",["product-discovery-facet--last",u]]),children:[c(A,{className:"product-discovery-facet__header",node:e}),i.slice(0,_).map((S,B)=>c(A,{className:"product-discovery-facet__bucket",node:S},B)),!v&&i.length>w&&c(b,{variant:"tertiary",icon:c(M,{source:ee,size:"24"}),onClick:()=>g(!v),children:f.showMore}),v&&i.length>w&&c(b,{variant:"tertiary",icon:c(M,{source:re,size:"24"}),onClick:()=>g(!v),children:f.showLess})]})},ce=({selectedFacets:n,facets:e})=>x($,{children:[c(A,{className:"product-discovery-facet-list__selected-filters",node:n}),c(A,{className:"product-discovery-facet-list__facet-options",node:e})]}),ae="no",ie="yes",se=n=>{const e=n.buckets.find(i=>i.selected);return e?{attribute:n.attribute,range:{from:e.from,to:e.to}}:null},le=n=>{const e=n.buckets.reduce((i,u)=>(u.selected&&i.push(u.title),i),[]);return e.length===0?null:{attribute:n.attribute,in:e}},z=n=>{var e;switch((e=n.buckets[0])==null?void 0:e.__typename){case"RangeBucket":return se(n);case"ScalarBucket":case"CategoryView":return le(n)}},oe=n=>{var i,u,f,w,v,g,_,S,B,y,E;const e=n[0];return(f=(u=(i=e==null?void 0:e.price)==null?void 0:i.regular)==null?void 0:u.amount)!=null&&f.currency?e.price.regular.amount.currency:(_=(g=(v=(w=e==null?void 0:e.priceRange)==null?void 0:w.minimum)==null?void 0:v.regular)==null?void 0:g.amount)!=null&&_.currency?(E=(y=(B=(S=e==null?void 0:e.priceRange)==null?void 0:S.minimum)==null?void 0:B.regular)==null?void 0:y.amount)==null?void 0:E.currency:"USD"},ue=(n,e,i)=>(e==null?void 0:e.attribute)==="price"?n.from===0?x("div",{style:"display:flex",children:[c(N,{amount:n.from,currency:i||"USD"}),c("span",{style:"padding: 0 2px",children:"-"}),c(N,{amount:n.to,currency:i||"USD"})]}):c(N,{minimumAmount:n.from,maximumAmount:n.to,currency:i||"USD",display:"dash"}):n.title,de=(n,e)=>n.title===ae?`Not ${e.title}`:n.title===ie?e.title:n.title,P=(n,e,i)=>{switch(n.__typename){case"RangeBucket":return ue(n,e,i);case"ScalarBucket":case"CategoryView":return de(n,e)}},_e=({scope:n,slots:e})=>{const i=D({clearAll:"Search.Facet.clearAll"}),[u,f]=C([]),[w,v]=C(null),[g,_]=C(),[S,B]=C(null),y=G(null),E=r=>{const s=new Set(u.map(t=>t.attribute)),a=[...((g==null?void 0:g.filter)||[]).filter(t=>!s.has(t.attribute)),...r.filter||[]];I({...r,filter:a},{scope:n})},U=r=>{if(!r||!r.result.facets&&!r.result.items&&!r.request.filter){f([]);return}_(r.request);const{facets:s,items:o}=r.result;v(oe(o));const a=r.request.filter;if(s){const t=s.map(l=>{const h=l.buckets.map(p=>{const d=a==null?void 0:a.find(L=>L.attribute===l.attribute);if(d){const L=d.range;if(L&&p.from===L.from&&p.to===L.to)return{...p,selected:!0};if(d.in&&d.in.includes(p.title))return{...p,selected:!0}}return{...p,selected:!1}});return{...l,buckets:h}});f(t)}},V=r=>{f(s=>{const o=s.map(t=>{const l=r.find(h=>h.attribute===t.attribute);return l||t}),a=o.reduce((t,l)=>{const h=z(l);return h&&t.push(h),t},[]);return B(a),o})},j=(r,s)=>{const o=r.buckets.map(t=>t.title===s?{...t,selected:!1}:t),a={...r,buckets:o};V([a])},W=()=>{const r=u.map(s=>{const o=s.buckets.map(a=>({...a,selected:!1}));return{...s,buckets:o}});f(r),B([])},O=(r,s)=>{const o=r.target.value,a=r.target.checked;f(t=>{const l=t.find(m=>m.attribute===s);if(!l)return t;const h=l.buckets.map(m=>{var R;return((R=l.buckets[0])==null?void 0:R.__typename)==="RangeBucket"?m.title===o?{...m,selected:a}:{...m,selected:!1}:m.title===o?{...m,selected:a}:{...m}}),p={...l,buckets:h},d=t.map(m=>m.attribute===s?p:m),L=d.reduce((m,R)=>{const T=z(R);return T&&m.push(T),m},[]);return B(L),d})},Z=(r,s)=>{const o=c("span",{children:r.title}),a=r.buckets.map(t=>{var p;const l=P(t,r,w),h=d=>x(k,{name:"FacetBucketLabel",slot:e==null?void 0:e.FacetBucketLabel,context:{data:t},children:[l," ",d?`(${d})`:""]});switch((p=r.buckets[0])==null?void 0:p.__typename){case"RangeBucket":return c(k,{name:"FacetBucket",slot:e==null?void 0:e.FacetBucket,context:{data:t},children:c(Q,{"data-testid":`${t.title}-radio`,label:h(),name:r.attribute,value:t.title,checked:t.selected,onChange:d=>{O(d,r.attribute)}})});case"ScalarBucket":case"CategoryView":return c(k,{name:"FacetBucket",slot:e==null?void 0:e.FacetBucket,context:{data:t},children:c(K,{id:`${r.attribute}-${t.title.replace(/[^a-zA-Z0-9_-]/g,"")}`,"data-testid":`${t.title}-checkbox`,label:h(t.count),name:`${r.attribute}-${t.title.replace(/[^a-zA-Z0-9_-]/g,"")}`,value:t.title,checked:t.selected,onChange:d=>{O(d,r.attribute)}})});default:return null}}).filter(t=>t!==null);return c(ne,{header:o,buckets:a,last:s===u.length-1})},H=()=>c(k,{name:"Facets",slot:e==null?void 0:e.Facets,context:{data:u},children:u.map((r,s)=>r.buckets.length>0?c($,{children:c(k,{name:"Facet",slot:e==null?void 0:e.Facet,context:{data:r},children:Z(r,s)})}):null)}),Y=()=>{const r=u.reduce((a,t)=>(t.buckets.filter(h=>h.selected).length>0&&a.push(t),a),[]),s=r.map(a=>a.buckets.map(t=>{if(t.selected){const l=P(t,a,w);return c(b,{"data-testid":`${t.title}-selected-btn`,"aria-label":`Remove ${a.title} filter: ${t.title}`,variant:"secondary",children:x($,{children:[c("span",{children:l}),c(M,{source:te,size:"16"})]}),onClick:()=>{j(a,t.title)}})}return null})),o=s.length>0?c(b,{variant:"secondary",onClick:()=>{W()},children:c("span",{children:i.clearAll})}):null;return x(k,{name:"SelectedFacets",slot:e==null?void 0:e.SelectedFacets,context:{data:r},children:[s,o]})};return q(()=>{const r=X.on("search/result",U,{eager:!0,scope:n});return()=>{r==null||r.off()}},[]),q(()=>{if(S!==null)return y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{g&&E({...g,filter:S,currentPage:1}),B(null)},150),()=>{y.current&&clearTimeout(y.current)}},[S,g]),c(ce,{selectedFacets:Y(),facets:H()})};export{_e as Facets,_e as default};
4
4
  //# sourceMappingURL=Facets.js.map
package/containers/Facets.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Facets.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.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 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, 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 { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Minus, Add } from '@adobe-commerce/elsie/icons';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/plp/components/Facet/Facet.css';\n\nexport interface FacetProps extends HTMLAttributes<HTMLDivElement> {\n numberOfOptionsConfig?: number;\n header: VNode;\n buckets: VNode[];\n last?: boolean;\n} \n\nexport const Facet: FunctionComponent<FacetProps> = ({ numberOfOptionsConfig = 5, header, buckets, last }) => {\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 className={classes(['product-discovery-facet', ['product-discovery-facet--last', last]])}>\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 } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/FacetList/FacetList.css';\n\nexport interface FacetListProps extends HTMLAttributes<HTMLDivElement> {\n selectedFacets: VNode;\n facets: VNode;\n}\n\nexport const FacetList: FunctionComponent<FacetListProps> = ({ selectedFacets, facets }) => {\n return (\n <>\n <VComponent className=\"product-discovery-facet-list__selected-filters\" node={selectedFacets} />\n <VComponent className=\"product-discovery-facet-list__facet-options\" node={facets} />\n </>\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, useRef } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductSearchResult, SearchFilter, SearchFacet, SearchVariables, FacetBucket, Scope } from '@/plp/data/models/api';\nimport { getBucketLabel, getCurrencyType, getFilterSelection } from './utils/facetUtils';\nimport FacetList from '@/plp/components/FacetList';\nimport { Button, Checkbox, 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';\nimport { search } from '@/plp/api';\n\nexport interface FacetsProps extends HTMLAttributes<HTMLDivElement> {\n scope?: Scope;\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> = ({ scope, slots }) => {\n const labels = useText({\n clearAll: 'Search.Facet.clearAll',\n });\n\n const [facetList, setFacetList] = useState<SearchFacet[]>([]);\n const [currency, setCurrency] = useState<string | null>(null);\n const [currentSearchVariables, setCurrentSearchVariables] = useState<SearchVariables>();\n const [pendingFilters, setPendingFilters] = useState<SearchFilter[] | null>(null);\n const searchTimeoutRef = useRef<number | null>(null);\n\n const handleSearchRequest = (searchVariables: SearchVariables): void => {\n // Preserve any existing categoryPath filters from currentSearchVariables\n const existingCategoryPathFilters = currentSearchVariables?.filter?.filter(\n (filter) => filter.attribute === 'categoryPath'\n ) || [];\n\n search({\n ...searchVariables,\n filter: [...existingCategoryPathFilters, ...(searchVariables.filter || [])]\n }, { scope });\n };\n\n const updateUrlFromFilters = (filters: SearchFilter[]) => {\n const params = new URLSearchParams(window.location.search);\n \n if (!filters.length) {\n params.delete('filter');\n } else {\n const filterParam = filters\n .map((filter) => {\n if (filter.range) {\n return `${filter.attribute}:${filter.range.from}-${filter.range.to}`;\n }\n \n if (filter.in?.length) {\n return `${filter.attribute}:${filter.in.join(',')}`;\n }\n \n return null;\n })\n .filter(Boolean)\n .join(';');\n \n params.set('filter', filterParam);\n }\n params.set('page', '1');\n window.history.replaceState(\n {},\n '',\n `${window.location.pathname}?${params.toString()}`\n );\n };\n \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\n setCurrentSearchVariables(payload.request);\n\n const { facets, items } = payload.result;\n\n setCurrency(getCurrencyType(items));\n\n const filterList = payload.request.filter;\n\n if (facets) {\n const facetsWithSelections = facets.map((facet: SearchFacet) => {\n const selectedBuckets = facet.buckets.map((bucket) => {\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 return { ...bucket, selected: true };\n } else if (selectedFilter.in && selectedFilter.in.includes(bucket.title)) {\n return { ...bucket, selected: true };\n }\n }\n return { ...bucket, selected: false };\n });\n return { ...facet, buckets: selectedBuckets };\n });\n\n setFacetList(facetsWithSelections);\n }\n };\n\n const updateFacetSelections = (facets: SearchFacet[]): void => {\n // Use functional update to ensure we're working with latest state\n setFacetList(currentFacetList => {\n const updatedFacetList = currentFacetList.map((f) => {\n const newFacet = facets.find((facet) => facet.attribute === f.attribute);\n if (newFacet) {\n return newFacet;\n }\n return f;\n });\n \n // Calculate selectedFilterList from the updated facet list\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 \n // Queue the search request (will be debounced by useEffect)\n setPendingFilters(selectedFilterList);\n \n return updatedFacetList;\n });\n };\n\n const handleCancelSelection = (facet: SearchFacet, title: string): void => {\n const newBuckets = facet.buckets.map((bucket) => {\n if (bucket.title === title) {\n return { ...bucket, selected: false };\n }\n return bucket;\n });\n const newFacet = { ...facet, 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 return { ...bucket, selected: false };\n });\n return { ...facet, buckets: updatedBuckets };\n });\n setFacetList(updatedFacetList);\n // Queue the search request with empty filters\n setPendingFilters([]);\n };\n\n const changeFilter = (event: any, facetAttribute: string): void => {\n const clickedValue = event.target.value;\n const isChecked = event.target.checked;\n \n // Use functional update to work with latest state\n setFacetList(currentFacetList => {\n const currentFacet = currentFacetList.find(f => f.attribute === facetAttribute);\n if (!currentFacet) {\n return currentFacetList;\n }\n \n const newBuckets = currentFacet.buckets.map((bucket) => {\n if (currentFacet.buckets[0]?.__typename === 'RangeBucket') {\n // For range buckets (radio buttons), only one can be selected\n if (bucket.title === clickedValue) {\n return { ...bucket, selected: isChecked };\n }\n return { ...bucket, selected: false };\n }\n // For scalar buckets (checkboxes), multiple can be selected\n if (bucket.title === clickedValue) {\n return { ...bucket, selected: isChecked };\n }\n // Keep other buckets as-is, but create new objects to maintain immutability\n return { ...bucket };\n });\n \n const newFacet = { ...currentFacet, buckets: newBuckets };\n \n // Update the facet list with the new facet\n const updatedFacetList = currentFacetList.map((f) => {\n if (f.attribute === facetAttribute) {\n return newFacet;\n }\n return f;\n });\n \n // Calculate selected filters - will trigger search via useEffect\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 \n // Queue the search request (will be debounced by useEffect)\n setPendingFilters(selectedFilterList);\n \n return updatedFacetList;\n });\n };\n\n const getFacetNode = (facet: SearchFacet, index: number): 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 switch (facet.buckets[0]?.__typename) {\n case 'RangeBucket':\n \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.attribute);\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 id={`${facet.attribute}-${bucket.title.replace(/[^a-zA-Z0-9_-]/g, '')}`}\n data-testid={`${bucket.title}-checkbox`}\n label={renderedBucketLabel(bucket.count)}\n name={`${facet.attribute}-${bucket.title.replace(/[^a-zA-Z0-9_-]/g, '')}`}\n value={bucket.title}\n checked={bucket.selected}\n onChange={(event): void => {\n changeFilter(event, facet.attribute);\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} last={index === facetList.length - 1} />\n };\n\n const getFacetsNode = (): VNode => {\n return (\n <Slot name=\"Facets\" slot={slots?.Facets} context={{ data: facetList }}>\n {facetList.map((facet, index) => {\n return facet.buckets.length > 0\n ? ((\n <>\n <Slot name=\"Facet\" slot={slots?.Facet} context={{ data: facet }}>\n {getFacetNode(facet, index)}\n </Slot>\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>{labels.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 const dataEvents = events.on('search/result', handleSearchResult, { eager: true, scope });\n\n return () => {\n dataEvents?.off();\n };\n }, []);\n\n // Handle search triggering with debouncing for better UX\n useEffect(() => {\n if (pendingFilters === null) {\n return;\n }\n\n // Clear any existing timeout\n if (searchTimeoutRef.current) {\n clearTimeout(searchTimeoutRef.current);\n }\n\n // Debounce search requests to avoid too many API calls\n searchTimeoutRef.current = setTimeout(() => {\n if (currentSearchVariables) {\n updateUrlFromFilters(pendingFilters);\n handleSearchRequest({ ...currentSearchVariables, filter: pendingFilters });\n }\n setPendingFilters(null);\n }, 150);\n\n return () => {\n if (searchTimeoutRef.current) {\n clearTimeout(searchTimeoutRef.current);\n }\n };\n }, [pendingFilters, currentSearchVariables]);\n\n return <FacetList selectedFacets={getSelectedFacetsNode()} facets={getFacetsNode()} />;\n};\n"],"names":["SvgAdd","props","React","SvgClose","SvgMinus","Facet","numberOfOptionsConfig","header","buckets","last","translations","useText","numberOfOptionsShown","showMore","setShowMore","useState","numberOfOptions","jsxs","classes","jsx","VComponent","bucket","index","Button","Icon","Add","Minus","FacetList","selectedFacets","facets","Fragment","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","scope","slots","labels","facetList","setFacetList","setCurrency","currentSearchVariables","setCurrentSearchVariables","pendingFilters","setPendingFilters","searchTimeoutRef","useRef","handleSearchRequest","searchVariables","existingCategoryPathFilters","filter","search","updateUrlFromFilters","filters","params","filterParam","handleSearchResult","payload","filterList","facetsWithSelections","selectedBuckets","selectedFilter","updateFacetSelections","currentFacetList","updatedFacetList","f","newFacet","selectedFilterList","handleCancelSelection","title","newBuckets","clearAllSelections","updatedBuckets","changeFilter","event","facetAttribute","clickedValue","isChecked","currentFacet","getFacetNode","bucketLabel","renderedBucketLabel","count","Slot","RadioButton","Checkbox","getFacetsNode","getSelectedFacetsNode","selectedFilterBtns","bucketTitle","Close","clearAllBtn","useEffect","dataEvents","events"],"mappings":"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","x_google_ignoreList":[0,1,2]}
1
+ {"version":3,"file":"Facets.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.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 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, 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 { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Minus, Add } from '@adobe-commerce/elsie/icons';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/plp/components/Facet/Facet.css';\n\nexport interface FacetProps extends HTMLAttributes<HTMLDivElement> {\n numberOfOptionsConfig?: number;\n header: VNode;\n buckets: VNode[];\n last?: boolean;\n} \n\nexport const Facet: FunctionComponent<FacetProps> = ({ numberOfOptionsConfig = 5, header, buckets, last }) => {\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 className={classes(['product-discovery-facet', ['product-discovery-facet--last', last]])}>\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 } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/FacetList/FacetList.css';\n\nexport interface FacetListProps extends HTMLAttributes<HTMLDivElement> {\n selectedFacets: VNode;\n facets: VNode;\n}\n\nexport const FacetList: FunctionComponent<FacetListProps> = ({ selectedFacets, facets }) => {\n return (\n <>\n <VComponent className=\"product-discovery-facet-list__selected-filters\" node={selectedFacets} />\n <VComponent className=\"product-discovery-facet-list__facet-options\" node={facets} />\n </>\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, useRef } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductSearchResult, SearchFilter, SearchFacet, SearchVariables, FacetBucket, Scope } from '@/plp/data/models/api';\nimport { getBucketLabel, getCurrencyType, getFilterSelection } from './utils/facetUtils';\nimport FacetList from '@/plp/components/FacetList';\nimport { Button, Checkbox, 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';\nimport { search } from '@/plp/api';\n\nexport interface FacetsProps extends HTMLAttributes<HTMLDivElement> {\n scope?: Scope;\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> = ({ scope, slots }) => {\n const labels = useText({\n clearAll: 'Search.Facet.clearAll',\n });\n\n const [facetList, setFacetList] = useState<SearchFacet[]>([]);\n const [currency, setCurrency] = useState<string | null>(null);\n const [currentSearchVariables, setCurrentSearchVariables] = useState<SearchVariables>();\n const [pendingFilters, setPendingFilters] = useState<SearchFilter[] | null>(null);\n const searchTimeoutRef = useRef<number | null>(null);\n\n const handleSearchRequest = (searchVariables: SearchVariables): void => {\n // Attributes that appear in the facet list are driven by user selection; all others\n // (visibility, etc.) are carried through so they are not lost when the user changes facets.\n const facetAttributes = new Set(facetList.map((f) => f.attribute));\n const baseFilters = (currentSearchVariables?.filter || []).filter(\n (f) => !facetAttributes.has(f.attribute)\n );\n const mergedFilter = [...baseFilters, ...(searchVariables.filter || [])];\n\n search({\n ...searchVariables,\n filter: mergedFilter,\n }, { scope });\n };\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\n setCurrentSearchVariables(payload.request);\n\n const { facets, items } = payload.result;\n\n setCurrency(getCurrencyType(items));\n\n const filterList = payload.request.filter;\n\n if (facets) {\n const facetsWithSelections = facets.map((facet: SearchFacet) => {\n const selectedBuckets = facet.buckets.map((bucket) => {\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 return { ...bucket, selected: true };\n } else if (selectedFilter.in && selectedFilter.in.includes(bucket.title)) {\n return { ...bucket, selected: true };\n }\n }\n return { ...bucket, selected: false };\n });\n return { ...facet, buckets: selectedBuckets };\n });\n\n setFacetList(facetsWithSelections);\n }\n };\n\n const updateFacetSelections = (facets: SearchFacet[]): void => {\n // Use functional update to ensure we're working with latest state\n setFacetList(currentFacetList => {\n const updatedFacetList = currentFacetList.map((f) => {\n const newFacet = facets.find((facet) => facet.attribute === f.attribute);\n if (newFacet) {\n return newFacet;\n }\n return f;\n });\n \n // Calculate selectedFilterList from the updated facet list\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 \n // Queue the search request (will be debounced by useEffect)\n setPendingFilters(selectedFilterList);\n \n return updatedFacetList;\n });\n };\n\n const handleCancelSelection = (facet: SearchFacet, title: string): void => {\n const newBuckets = facet.buckets.map((bucket) => {\n if (bucket.title === title) {\n return { ...bucket, selected: false };\n }\n return bucket;\n });\n const newFacet = { ...facet, 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 return { ...bucket, selected: false };\n });\n return { ...facet, buckets: updatedBuckets };\n });\n setFacetList(updatedFacetList);\n // Queue the search request with empty filters\n setPendingFilters([]);\n };\n\n const changeFilter = (event: any, facetAttribute: string): void => {\n const clickedValue = event.target.value;\n const isChecked = event.target.checked;\n \n // Use functional update to work with latest state\n setFacetList(currentFacetList => {\n const currentFacet = currentFacetList.find(f => f.attribute === facetAttribute);\n if (!currentFacet) {\n return currentFacetList;\n }\n \n const newBuckets = currentFacet.buckets.map((bucket) => {\n if (currentFacet.buckets[0]?.__typename === 'RangeBucket') {\n // For range buckets (radio buttons), only one can be selected\n if (bucket.title === clickedValue) {\n return { ...bucket, selected: isChecked };\n }\n return { ...bucket, selected: false };\n }\n // For scalar buckets (checkboxes), multiple can be selected\n if (bucket.title === clickedValue) {\n return { ...bucket, selected: isChecked };\n }\n // Keep other buckets as-is, but create new objects to maintain immutability\n return { ...bucket };\n });\n \n const newFacet = { ...currentFacet, buckets: newBuckets };\n \n // Update the facet list with the new facet\n const updatedFacetList = currentFacetList.map((f) => {\n if (f.attribute === facetAttribute) {\n return newFacet;\n }\n return f;\n });\n \n // Calculate selected filters - will trigger search via useEffect\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 \n // Queue the search request (will be debounced by useEffect)\n setPendingFilters(selectedFilterList);\n \n return updatedFacetList;\n });\n };\n\n const getFacetNode = (facet: SearchFacet, index: number): 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 switch (facet.buckets[0]?.__typename) {\n case 'RangeBucket':\n \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.attribute);\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 id={`${facet.attribute}-${bucket.title.replace(/[^a-zA-Z0-9_-]/g, '')}`}\n data-testid={`${bucket.title}-checkbox`}\n label={renderedBucketLabel(bucket.count)}\n name={`${facet.attribute}-${bucket.title.replace(/[^a-zA-Z0-9_-]/g, '')}`}\n value={bucket.title}\n checked={bucket.selected}\n onChange={(event): void => {\n changeFilter(event, facet.attribute);\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} last={index === facetList.length - 1} />\n };\n\n const getFacetsNode = (): VNode => {\n return (\n <Slot name=\"Facets\" slot={slots?.Facets} context={{ data: facetList }}>\n {facetList.map((facet, index) => {\n return facet.buckets.length > 0\n ? ((\n <>\n <Slot name=\"Facet\" slot={slots?.Facet} context={{ data: facet }}>\n {getFacetNode(facet, index)}\n </Slot>\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>{labels.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 const dataEvents = events.on('search/result', handleSearchResult, { eager: true, scope });\n\n return () => {\n dataEvents?.off();\n };\n }, []);\n\n // Handle search triggering with debouncing for better UX\n useEffect(() => {\n if (pendingFilters === null) {\n return;\n }\n\n // Clear any existing timeout\n if (searchTimeoutRef.current) {\n clearTimeout(searchTimeoutRef.current);\n }\n\n // Debounce search requests to avoid too many API calls\n searchTimeoutRef.current = setTimeout(() => {\n if (currentSearchVariables) {\n // Reset to first page when filters change\n handleSearchRequest({ ...currentSearchVariables, filter: pendingFilters, currentPage: 1 });\n }\n setPendingFilters(null);\n }, 150);\n\n return () => {\n if (searchTimeoutRef.current) {\n clearTimeout(searchTimeoutRef.current);\n }\n };\n }, [pendingFilters, currentSearchVariables]);\n\n return <FacetList selectedFacets={getSelectedFacetsNode()} facets={getFacetsNode()} />;\n};\n"],"names":["SvgAdd","props","React","SvgClose","SvgMinus","Facet","numberOfOptionsConfig","header","buckets","last","translations","useText","numberOfOptionsShown","showMore","setShowMore","useState","numberOfOptions","jsxs","classes","jsx","VComponent","bucket","index","Button","Icon","Add","Minus","FacetList","selectedFacets","facets","Fragment","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","scope","slots","labels","facetList","setFacetList","setCurrency","currentSearchVariables","setCurrentSearchVariables","pendingFilters","setPendingFilters","searchTimeoutRef","useRef","handleSearchRequest","searchVariables","facetAttributes","f","mergedFilter","search","handleSearchResult","payload","filterList","facetsWithSelections","selectedBuckets","selectedFilter","filter","updateFacetSelections","currentFacetList","updatedFacetList","newFacet","selectedFilterList","handleCancelSelection","title","newBuckets","clearAllSelections","updatedBuckets","changeFilter","event","facetAttribute","clickedValue","isChecked","currentFacet","getFacetNode","bucketLabel","renderedBucketLabel","count","Slot","RadioButton","Checkbox","getFacetsNode","getSelectedFacetsNode","selectedFilterBtns","bucketTitle","Close","clearAllBtn","useEffect","dataEvents","events"],"mappings":"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","x_google_ignoreList":[0,1,2]}
package/containers/Pagination.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
- import{jsx as h}from"@dropins/tools/preact-jsx-runtime.js";import{useState as o,useEffect as w}from"@dropins/tools/preact-compat.js";import{Pagination as S}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";import{d as $}from"../chunks/search.js";import"@dropins/tools/lib.js";import"../chunks/initialize.js";import"../fragments.js";import"../chunks/acdlEvents.js";import"@dropins/tools/fetch-graphql.js";const k=({scope:a,onPageChange:e})=>{const[s,f]=o(),[n,l]=o(),[p,g]=o({});w(()=>{const t=d.on("search/result",r=>{var i,c,u,m;g(r.request),f((c=(i=r.result)==null?void 0:i.pageInfo)==null?void 0:c.currentPage),l((m=(u=r.result)==null?void 0:u.pageInfo)==null?void 0:m.totalPages)},{eager:!0,scope:a});return()=>{t==null||t.off()}},[]);const P=async t=>{const r=new URLSearchParams(window.location.search);r.set("page",String(t)),window.history.pushState({},"",`${window.location.pathname}?${r.toString()}`),e==null||e(t),$({...p,currentPage:t},{scope:a})};return!s||!n?null:h(S,{currentPage:s,totalPages:n,onChange:P})};export{k as Pagination,k as default};
3
+ import{jsx as S}from"@dropins/tools/preact-jsx-runtime.js";import{useState as o,useEffect as b}from"@dropins/tools/preact-compat.js";import{Pagination as h}from"@dropins/tools/components.js";import{events as x}from"@dropins/tools/event-bus.js";import{d as I}from"../chunks/search.js";import"@dropins/tools/lib.js";import"../chunks/initialize.js";import"../fragments.js";import"../chunks/acdlEvents.js";import"@dropins/tools/fetch-graphql.js";const A=({scope:s,onPageChange:r})=>{const[a,f]=o(),[n,l]=o(),[p,g]=o({});b(()=>{const t=x.on("search/result",e=>{var i,u,m,c;g(e.request),f((u=(i=e.result)==null?void 0:i.pageInfo)==null?void 0:u.currentPage),l((c=(m=e.result)==null?void 0:m.pageInfo)==null?void 0:c.totalPages)},{eager:!0,scope:s});return()=>{t==null||t.off()}},[]);const P=async t=>{r==null||r(t),I({...p,currentPage:t},{scope:s})};return!a||!n?null:S(h,{currentPage:a,totalPages:n,onChange:P})};export{A as Pagination,A as default};
4
4
  //# sourceMappingURL=Pagination.js.map
package/containers/Pagination.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sources":["/@dropins/storefront-product-discovery/src/containers/Pagination/Pagination.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 { HTMLAttributes, useState, useEffect } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { Pagination as PaginationComponent } from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Scope, SearchVariables } from '@/plp/data/models';\nimport { search } from '@/plp/api';\n\nexport interface PaginationProps extends HTMLAttributes<HTMLDivElement> {\n scope?: Scope;\n onPageChange?: (page: number) => void;\n }\n \nexport const Pagination: Container<PaginationProps> = ({ scope, onPageChange }) => {\n const [currentPage, setCurrentPage] = useState<number>();\n const [totalPages, setTotalPages] = useState<number>();\n const [currentSearchVariables, setCurrentSearchVariables] = useState<SearchVariables>({});\n\n useEffect(() => {\n const searchEvent = events.on('search/result', (payload) => {\n setCurrentSearchVariables(payload.request);\n setCurrentPage(payload.result?.pageInfo?.currentPage);\n setTotalPages(payload.result?.pageInfo?.totalPages);\n }, { eager: true, scope });\n\n return () => {\n searchEvent?.off();\n };\n }, []);\n\n const handlePageChange = async (page: number): Promise<void> => {\n // Update URL\n const params = new URLSearchParams(window.location.search);\n params.set('page', String(page));\n \n window.history.pushState(\n {},\n '',\n `${window.location.pathname}?${params.toString()}`\n );\n \n onPageChange?.(page);\n \n search(\n { ...currentSearchVariables, currentPage: page },\n { scope }\n );\n };\n \n\n // Don't render if we don't have the variables\n if (!currentPage || !totalPages) {\n return null;\n }\n\n return (\n <PaginationComponent \n currentPage={currentPage}\n totalPages={totalPages}\n onChange={handlePageChange}\n />\n );\n};"],"names":["Pagination","scope","onPageChange","currentPage","setCurrentPage","useState","totalPages","setTotalPages","currentSearchVariables","setCurrentSearchVariables","useEffect","searchEvent","events","payload","_b","_a","_d","_c","handlePageChange","page","params","search","jsx","PaginationComponent"],"mappings":"0bAqBO,MAAMA,EAAyC,CAAC,CAAE,MAAAC,EAAO,aAAAC,KAAmB,CACjF,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAA,EAChC,CAACC,EAAYC,CAAa,EAAIF,EAAA,EAC9B,CAACG,EAAwBC,CAAyB,EAAIJ,EAA0B,CAAA,CAAE,EAExFK,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GAAG,gBAAkBC,GAAY,aAC1DJ,EAA0BI,EAAQ,OAAO,EACzCT,GAAeU,GAAAC,EAAAF,EAAQ,SAAR,YAAAE,EAAgB,WAAhB,YAAAD,EAA0B,WAAW,EACpDP,GAAcS,GAAAC,EAAAJ,EAAQ,SAAR,YAAAI,EAAgB,WAAhB,YAAAD,EAA0B,UAAU,CACpD,EAAG,CAAE,MAAO,GAAM,MAAAf,EAAO,EAEzB,MAAO,IAAM,CACXU,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAEL,MAAMO,EAAmB,MAAOC,GAAgC,CAE9D,MAAMC,EAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,EACzDA,EAAO,IAAI,OAAQ,OAAOD,CAAI,CAAC,EAE/B,OAAO,QAAQ,UACb,CAAA,EACA,GACA,GAAG,OAAO,SAAS,QAAQ,IAAIC,EAAO,UAAU,EAAA,EAGlDlB,GAAA,MAAAA,EAAeiB,GAEfE,EACE,CAAE,GAAGb,EAAwB,YAAaW,CAAA,EAC1C,CAAE,MAAAlB,CAAA,CAAM,CAEZ,EAIA,MAAI,CAACE,GAAe,CAACG,EACZ,KAIPgB,EAACC,EAAA,CACC,YAAApB,EACA,WAAAG,EACA,SAAUY,CAAA,CAAA,CAGhB"}
1
+ {"version":3,"file":"Pagination.js","sources":["/@dropins/storefront-product-discovery/src/containers/Pagination/Pagination.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 { HTMLAttributes, useState, useEffect } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { Pagination as PaginationComponent } from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Scope, SearchVariables } from '@/plp/data/models';\nimport { search } from '@/plp/api';\n\nexport interface PaginationProps extends HTMLAttributes<HTMLDivElement> {\n scope?: Scope;\n onPageChange?: (page: number) => void;\n }\n \nexport const Pagination: Container<PaginationProps> = ({ scope, onPageChange }) => {\n const [currentPage, setCurrentPage] = useState<number>();\n const [totalPages, setTotalPages] = useState<number>();\n const [currentSearchVariables, setCurrentSearchVariables] = useState<SearchVariables>({});\n\n useEffect(() => {\n const searchEvent = events.on('search/result', (payload) => {\n setCurrentSearchVariables(payload.request);\n setCurrentPage(payload.result?.pageInfo?.currentPage);\n setTotalPages(payload.result?.pageInfo?.totalPages);\n }, { eager: true, scope });\n\n return () => {\n searchEvent?.off();\n };\n }, []);\n\n const handlePageChange = async (page: number): Promise<void> => {\n onPageChange?.(page);\n\n search(\n { ...currentSearchVariables, currentPage: page },\n { scope }\n );\n };\n \n\n // Don't render if we don't have the variables\n if (!currentPage || !totalPages) {\n return null;\n }\n\n return (\n <PaginationComponent \n currentPage={currentPage}\n totalPages={totalPages}\n onChange={handlePageChange}\n />\n );\n};"],"names":["Pagination","scope","onPageChange","currentPage","setCurrentPage","useState","totalPages","setTotalPages","currentSearchVariables","setCurrentSearchVariables","useEffect","searchEvent","events","payload","_b","_a","_d","_c","handlePageChange","page","search","jsx","PaginationComponent"],"mappings":"0bAqBO,MAAMA,EAAyC,CAAC,CAAE,MAAAC,EAAO,aAAAC,KAAmB,CACjF,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAA,EAChC,CAACC,EAAYC,CAAa,EAAIF,EAAA,EAC9B,CAACG,EAAwBC,CAAyB,EAAIJ,EAA0B,CAAA,CAAE,EAExFK,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GAAG,gBAAkBC,GAAY,aAC1DJ,EAA0BI,EAAQ,OAAO,EACzCT,GAAeU,GAAAC,EAAAF,EAAQ,SAAR,YAAAE,EAAgB,WAAhB,YAAAD,EAA0B,WAAW,EACpDP,GAAcS,GAAAC,EAAAJ,EAAQ,SAAR,YAAAI,EAAgB,WAAhB,YAAAD,EAA0B,UAAU,CACpD,EAAG,CAAE,MAAO,GAAM,MAAAf,EAAO,EAEzB,MAAO,IAAM,CACXU,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAEL,MAAMO,EAAmB,MAAOC,GAAgC,CAC9DjB,GAAA,MAAAA,EAAeiB,GAEfC,EACE,CAAE,GAAGZ,EAAwB,YAAaW,CAAA,EAC1C,CAAE,MAAAlB,CAAA,CAAM,CAEZ,EAIA,MAAI,CAACE,GAAe,CAACG,EACZ,KAIPe,EAACC,EAAA,CACC,YAAAnB,EACA,WAAAG,EACA,SAAUY,CAAA,CAAA,CAGhB"}
package/data/models/product.d.ts CHANGED
@@ -12,6 +12,7 @@ export interface Product {
12
12
  metaDescription: string;
13
13
  lowStock: boolean;
14
14
  links: any[];
15
+ attributes: ProductViewAttribute[];
15
16
  images: ProductImage[];
16
17
  description: string;
17
18
  externalId: string;
@@ -37,6 +38,12 @@ export interface ProductPrice {
37
38
  currency: string;
38
39
  };
39
40
  }
41
+ export interface ProductViewAttribute {
42
+ label?: string;
43
+ name: string;
44
+ roles?: string[];
45
+ value?: any;
46
+ }
40
47
  export interface ProductImage {
41
48
  label: string;
42
49
  roles: string[];
package/fragments.js CHANGED
@@ -35,6 +35,12 @@ const e=`
35
35
  inStock
36
36
  url
37
37
  urlKey
38
+ attributes(roles: []) {
39
+ name
40
+ label
41
+ value
42
+ roles
43
+ }
38
44
  images {
39
45
  label
40
46
  url
package/fragments.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fragments.js","sources":["/@dropins/storefront-product-discovery/src/api/graphql/fragments.graphql.ts"],"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\nconst Facet = /* GraphQL */ `\n fragment Facet on Aggregation {\n title\n attribute\n buckets {\n title\n __typename\n ... on CategoryView {\n name\n count\n path\n }\n ... on ScalarBucket {\n count\n }\n ... on RangeBucket {\n from\n to\n count\n }\n ... on StatsBucket {\n min\n max\n }\n }\n }\n`;\n\nconst ProductView = /* GraphQL */ `\n fragment ProductView on ProductSearchItem {\n productView {\n __typename\n sku\n name\n inStock\n url\n urlKey\n images {\n label\n url\n roles\n }\n ... on ComplexProductView {\n priceRange {\n maximum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n minimum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n options {\n id\n title\n values {\n title\n ... on ProductViewOptionValueSwatch {\n id\n inStock\n type\n value\n }\n }\n }\n }\n ... on SimpleProductView {\n price {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n }\n highlights {\n attribute\n value\n matched_words\n }\n }\n`;\n\nexport { Facet, ProductView };\n"],"names":["Facet","ProductView"],"mappings":"AASA,MAAMA,EAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BtBC,EAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1
+ {"version":3,"file":"fragments.js","sources":["/@dropins/storefront-product-discovery/src/api/graphql/fragments.graphql.ts"],"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\nconst Facet = /* GraphQL */ `\n fragment Facet on Aggregation {\n title\n attribute\n buckets {\n title\n __typename\n ... on CategoryView {\n name\n count\n path\n }\n ... on ScalarBucket {\n count\n }\n ... on RangeBucket {\n from\n to\n count\n }\n ... on StatsBucket {\n min\n max\n }\n }\n }\n`;\n\nconst ProductView = /* GraphQL */ `\n fragment ProductView on ProductSearchItem {\n productView {\n __typename\n sku\n name\n inStock\n url\n urlKey\n attributes(roles: []) {\n name\n label\n value\n roles\n }\n images {\n label\n url\n roles\n }\n ... on ComplexProductView {\n priceRange {\n maximum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n minimum {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n options {\n id\n title\n values {\n title\n ... on ProductViewOptionValueSwatch {\n id\n inStock\n type\n value\n }\n }\n }\n }\n ... on SimpleProductView {\n price {\n final {\n amount {\n value\n currency\n }\n }\n regular {\n amount {\n value\n currency\n }\n }\n }\n }\n }\n highlights {\n attribute\n value\n matched_words\n }\n }\n`;\n\nexport { Facet, ProductView };\n"],"names":["Facet","ProductView"],"mappings":"AASA,MAAMA,EAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BtBC,EAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name": "@dropins/storefront-product-discovery", "version": "3.0.0", "@dropins/tools": "^1.6.0", "license": "SEE LICENSE IN LICENSE.md"}
1
+ {"name": "@dropins/storefront-product-discovery", "version": "3.1.0-beta2", "@dropins/tools": "^1.6.0", "license": "SEE LICENSE IN LICENSE.md"}