@dropins/storefront-product-discovery 2.0.0-alpha004 → 2.0.0-alpha006

package/api/search/search.d.ts

@@ -3,6 +3,6 @@ import { ProductSearchResult, Scope, SearchVariables } from '../../data/models';
 type SearchOptions = {
     scope?: Scope;
 };
-export declare const search: (variables: SearchVariables | null, options?: SearchOptions) => Promise<ProductSearchResult>;
+export declare const search: (request: SearchVariables | null, options?: SearchOptions) => Promise<ProductSearchResult>;
 export {};
 //# sourceMappingURL=search.d.ts.map

package/chunks/search.js

@@ -1,6 +1,6 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{Initializer as ie,merge as ee}from"@dropins/tools/lib.js";import{events as p}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 ce,b as me,d as te,e as pe}from"./acdlEvents.js";import{FetchGraphQL as ge}from"@dropins/tools/fetch-graphql.js";const re=new ie({init:async e=>{const r={};re.config.setConfig({...r,...e})},listeners:()=>[]}),ne=re.config,{setEndpoint:Ce,setFetchGraphQlHeader:xe,removeFetchGraphQlHeader:Se,setFetchGraphQlHeaders:ve,fetchGraphQl:fe,getConfig:$e}=new ge().getMethods(),he=e=>{var o,u,c,m,i,t,l,n,s,h,y,R,_,I,b,w,P,C,x,S,v,$,k,z,D,T,A,E,Q,U,F,G,K,q,H,M,O,V,L,N,Y,j,B,J,W,X,Z,g,a;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 r={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:((o=e==null?void 0:e.images)==null?void 0:o.map(f=>{var d;return{label:f.label||"",roles:f.roles||[],url:((d=f.url)==null?void 0:d.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:((m=(c=(u=e==null?void 0:e.price)==null?void 0:u.final)==null?void 0:c.amount)==null?void 0:m.value)||0,currency:((l=(t=(i=e==null?void 0:e.price)==null?void 0:i.final)==null?void 0:t.amount)==null?void 0:l.currency)||""}},regular:{amount:{value:((h=(s=(n=e==null?void 0:e.price)==null?void 0:n.regular)==null?void 0:s.amount)==null?void 0:h.value)||0,currency:((_=(R=(y=e==null?void 0:e.price)==null?void 0:y.regular)==null?void 0:R.amount)==null?void 0:_.currency)||""}},roles:((I=e==null?void 0:e.price)==null?void 0:I.roles)||[]}:void 0,priceRange:e!=null&&e.priceRange?{minimum:{final:{amount:{value:((C=(P=(w=(b=e==null?void 0:e.priceRange)==null?void 0:b.minimum)==null?void 0:w.final)==null?void 0:P.amount)==null?void 0:C.value)||0,currency:(($=(v=(S=(x=e==null?void 0:e.priceRange)==null?void 0:x.minimum)==null?void 0:S.final)==null?void 0:v.amount)==null?void 0:$.currency)||""}},regular:{amount:{value:((T=(D=(z=(k=e==null?void 0:e.priceRange)==null?void 0:k.minimum)==null?void 0:z.regular)==null?void 0:D.amount)==null?void 0:T.value)||0,currency:((U=(Q=(E=(A=e==null?void 0:e.priceRange)==null?void 0:A.minimum)==null?void 0:E.regular)==null?void 0:Q.amount)==null?void 0:U.currency)||""}}},maximum:{final:{amount:{value:((q=(K=(G=(F=e==null?void 0:e.priceRange)==null?void 0:F.maximum)==null?void 0:G.final)==null?void 0:K.amount)==null?void 0:q.value)||0,currency:((V=(O=(M=(H=e==null?void 0:e.priceRange)==null?void 0:H.maximum)==null?void 0:M.final)==null?void 0:O.amount)==null?void 0:V.currency)||""}},regular:{amount:{value:((j=(Y=(N=(L=e==null?void 0:e.priceRange)==null?void 0:L.maximum)==null?void 0:N.regular)==null?void 0:Y.amount)==null?void 0:j.value)||0,currency:((X=(W=(J=(B=e==null?void 0:e.priceRange)==null?void 0:B.maximum)==null?void 0:J.regular)==null?void 0:W.amount)==null?void 0:X.currency)||""}}}}:void 0,inStock:(e==null?void 0:e.inStock)||!1,typename:(e==null?void 0:e.__typename)||""};return ee(r,(a=(g=(Z=ne.getConfig().models)==null?void 0:Z.Product)==null?void 0:g.transformer)==null?void 0:a.call(g,e))};function ye(e){var u,c,m,i,t,l,n;const r=e==null?void 0:e.productSearch,o={facets:(r==null?void 0:r.facets)||[],items:(r==null?void 0:r.items.map(s=>he(s==null?void 0:s.productView)))||[],pageInfo:{currentPage:((u=r==null?void 0:r.page_info)==null?void 0:u.current_page)||1,totalPages:((c=r==null?void 0:r.page_info)==null?void 0:c.total_pages)||1,totalItems:((m=r==null?void 0:r.page_info)==null?void 0:m.total_items)||0,pageSize:((i=r==null?void 0:r.page_info)==null?void 0:i.page_size)||10},totalCount:(r==null?void 0:r.total_count)||0};return ee(o,(n=(l=(t=ne.getConfig().models)==null?void 0:t.ProductSearchResult)==null?void 0:l.transformer)==null?void 0:n.call(l,e))}const Re=`
+import{Initializer as ie,merge as ee}from"@dropins/tools/lib.js";import{events as p}from"@dropins/tools/event-bus.js";import{ProductView as oe,Facet as se}from"../fragments.js";import{S as le,P as ue,u as ce,b as me,d as te,e as pe}from"./acdlEvents.js";import{FetchGraphQL as ge}from"@dropins/tools/fetch-graphql.js";const re=new ie({init:async e=>{const i={};re.config.setConfig({...i,...e})},listeners:()=>[]}),ne=re.config,{setEndpoint:Ce,setFetchGraphQlHeader:Se,removeFetchGraphQlHeader:xe,setFetchGraphQlHeaders:$e,fetchGraphQl:fe,getConfig:ke}=new ge().getMethods(),he=e=>{var r,o,n,s,c,u,l,g,f,m,h,t,_,b,I,v,w,P,C,S,x,$,k,z,D,T,A,F,E,Q,U,G,K,H,M,O,L,N,Y,j,B,J,W,X,Z,V,q,y,a;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 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)||[],images:((r=e==null?void 0:e.images)==null?void 0:r.map(R=>{var d;return{label:R.label||"",roles:R.roles||[],url:((d=R.url)==null?void 0:d.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=(n=(o=e==null?void 0:e.price)==null?void 0:o.final)==null?void 0:n.amount)==null?void 0:s.value)||0,currency:((l=(u=(c=e==null?void 0:e.price)==null?void 0:c.final)==null?void 0:u.amount)==null?void 0:l.currency)||""}},regular:{amount:{value:((m=(f=(g=e==null?void 0:e.price)==null?void 0:g.regular)==null?void 0:f.amount)==null?void 0:m.value)||0,currency:((_=(t=(h=e==null?void 0:e.price)==null?void 0:h.regular)==null?void 0:t.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:((P=(w=(v=(I=e==null?void 0:e.priceRange)==null?void 0:I.minimum)==null?void 0:v.final)==null?void 0:w.amount)==null?void 0:P.value)||0,currency:(($=(x=(S=(C=e==null?void 0:e.priceRange)==null?void 0:C.minimum)==null?void 0:S.final)==null?void 0:x.amount)==null?void 0:$.currency)||""}},regular:{amount:{value:((T=(D=(z=(k=e==null?void 0:e.priceRange)==null?void 0:k.minimum)==null?void 0:z.regular)==null?void 0:D.amount)==null?void 0:T.value)||0,currency:((Q=(E=(F=(A=e==null?void 0:e.priceRange)==null?void 0:A.minimum)==null?void 0:F.regular)==null?void 0:E.amount)==null?void 0:Q.currency)||""}}},maximum:{final:{amount:{value:((H=(K=(G=(U=e==null?void 0:e.priceRange)==null?void 0:U.maximum)==null?void 0:G.final)==null?void 0:K.amount)==null?void 0:H.value)||0,currency:((N=(L=(O=(M=e==null?void 0:e.priceRange)==null?void 0:M.maximum)==null?void 0:O.final)==null?void 0:L.amount)==null?void 0:N.currency)||""}},regular:{amount:{value:((J=(B=(j=(Y=e==null?void 0:e.priceRange)==null?void 0:Y.maximum)==null?void 0:j.regular)==null?void 0:B.amount)==null?void 0:J.value)||0,currency:((V=(Z=(X=(W=e==null?void 0:e.priceRange)==null?void 0:W.maximum)==null?void 0:X.regular)==null?void 0:Z.amount)==null?void 0:V.currency)||""}}}}:void 0,inStock:(e==null?void 0:e.inStock)||!1,typename:(e==null?void 0:e.__typename)||""};return ee(i,(a=(y=(q=ne.getConfig().models)==null?void 0:q.Product)==null?void 0:y.transformer)==null?void 0:a.call(y,e))};function ye(e,i){var n,s,c,u,l,g,f,m,h;const r=e==null?void 0:e.productSearch,o={facets:(r==null?void 0:r.facets)||[],items:(r==null?void 0:r.items.map(t=>he(t==null?void 0:t.productView)))||[],pageInfo:{currentPage:((n=r==null?void 0:r.page_info)==null?void 0:n.current_page)||1,totalPages:((s=r==null?void 0:r.page_info)==null?void 0:s.total_pages)||1,totalItems:((c=r==null?void 0:r.page_info)==null?void 0:c.total_items)||0,pageSize:((u=r==null?void 0:r.page_info)==null?void 0:u.page_size)||10},totalCount:(r==null?void 0:r.total_count)||0,metadata:{filterableAttributes:((l=e==null?void 0:e.attributeMetadata)==null?void 0:l.filterableInSearch)||[],sortableAttributes:Re(((g=e==null?void 0:e.attributeMetadata)==null?void 0:g.sortable)||[],i)}};return ee(o,(h=(m=(f=ne.getConfig().models)==null?void 0:f.ProductSearchResult)==null?void 0:m.transformer)==null?void 0:h.call(m,e))}function Re(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(s=>s.attribute==="categoryPath"):!0})}const _e=`
   query productSearch(
     $phrase: String!
     $pageSize: Int
@@ -53,5 +53,5 @@ import{Initializer as ie,merge as ee}from"@dropins/tools/lib.js";import{events a
   }
   ${oe}
   ${se}
-`,ke=async(e,r={})=>{var c,m;const o=r.scope==="search"?void 0:r.scope,u={request:e||{},result:{facets:[],pageInfo:{currentPage:0,totalPages:0,totalItems:0,pageSize:0},items:[],totalCount:0,suggestions:[]},metadata:{filterableAttributes:[],sortableAttributes:[]}};if(e===null)return p.emit("search/result",u,{scope:o}),u.result;p.emit("search/loading",!0,{scope:o});try{const i=o==="popover"?ue:le,t=window.crypto.randomUUID();ce(i,t,e.phrase||"",e.filter||[],e.pageSize||0,e.currentPage||0,e.sort||[]),me(i);const{errors:l,data:n}=await fe(Re,{method:"GET",variables:{...e}});if(l&&!n)throw new Error("Error fetching product search");const s=ye(n);return te(i,t,s),pe(i),p.emit("search/result",{request:e,result:s,metadata:{filterableAttributes:((c=n==null?void 0:n.attributeMetadata)==null?void 0:c.filterableInSearch)||[],sortableAttributes:((m=n==null?void 0:n.attributeMetadata)==null?void 0:m.sortable)||[]}},{scope:o}),s}catch(i){throw p.emit("search/error",i.message,{scope:o}),p.emit("search/result",u,{scope:o}),i}finally{p.emit("search/loading",!1,{scope:o})}};export{xe as a,ve as b,ne as c,ke as d,fe as f,$e as g,re as i,Se as r,Ce as s};
+`,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 p.emit("search/result",o,{scope:r}),o.result;p.emit("search/loading",!0,{scope:r});try{const n=r==="popover"?le:ue,s=window.crypto.randomUUID();ce(n,s,e.phrase||"",e.filter||[],e.pageSize||0,e.currentPage||0,e.sort||[]),me(n);const{errors:c,data:u}=await fe(_e,{method:"GET",variables:{...e}});if(c&&!u)throw new Error("Error fetching product search");const l=ye(u,e);return te(n,s,l),pe(n),p.emit("search/result",{request:e,result:l},{scope:r}),l}catch(n){throw p.emit("search/error",n.message,{scope:r}),p.emit("search/result",o,{scope:r}),n}finally{p.emit("search/loading",!1,{scope:r})}};export{Se as a,$e as b,ne as c,ze as d,fe as f,ke as g,re as i,xe as r,Ce as s};
 //# sourceMappingURL=search.js.map

package/chunks/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["/@dropins/storefront-product-discovery/src/api/initialize/initialize.ts","/@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 { Initializer, Model } from '@adobe-commerce/elsie/lib';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { Product } from '@/plp/data/models/product';\nimport { ProductSearchResult } from '@/plp/data/models';\n\ntype ConfigProps = {\n  langDefinitions?: Lang;\n\n  models?: {\n    Product?: Model<Product>\n    ProductSearchResult?: Model<ProductSearchResult>\n  }\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n  init: async (config) => {\n    const defaultConfig = {};\n\n    initialize.config.setConfig({ ...defaultConfig, ...config });\n  },\n\n  listeners: () => [],\n});\n\nexport const config = initialize.config;\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 { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n  setEndpoint,\n  setFetchGraphQlHeader,\n  removeFetchGraphQlHeader,\n  setFetchGraphQlHeaders,\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\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: data?.price?.final?.amount?.currency || '',\n            },\n          },\n          regular: {\n            amount: {\n              value: data?.price?.regular?.amount?.value || 0,\n              currency: 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: data?.priceRange?.minimum?.final?.amount?.currency || '',\n              },\n            },\n            regular: {\n              amount: {\n                value: data?.priceRange?.minimum?.regular?.amount?.value || 0,\n                currency: 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: data?.priceRange?.maximum?.final?.amount?.currency || '',\n              },\n            },\n            regular: {\n              amount: {\n                value: data?.priceRange?.maximum?.regular?.amount?.value || 0,\n                currency: 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 } from '@/plp/data/models';\nimport { Product } from '@/plp/data/models/product';\n\nimport { transformProduct } from './product';\n\nexport function transformProductSearchResponse(data: any): ProductSearchResult {\n  const productSearch = data?.productSearch;\n  const transformedResponse: ProductSearchResult = {\n    facets: productSearch?.facets || [],\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  };\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","/********************************************************************\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    attributeMetadata {\n      sortable {\n        label\n        attribute\n        numeric\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 (variables: SearchVariables | null, options: SearchOptions = {}): Promise<ProductSearchResult> => {\n  const scope = options.scope === 'search' ? undefined : options.scope;\n\n  // empty result\n  const emptyResult = {\n    request: variables || {} ,\n    result: {\n      facets: [],\n      pageInfo: { currentPage: 0, totalPages: 0, totalItems: 0, pageSize: 0 },\n      items: [],\n      totalCount: 0,\n      suggestions: []\n    },\n    metadata: {\n      filterableAttributes: [],\n      sortableAttributes: []\n    }\n  };\n\n  // clear search results if no variables are provided\n  if (variables === 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    // Update search input context in ACDL\n    updateSearchInputCtx(\n      acdlUnitId,\n      searchRequestId,\n      variables.phrase || '',\n      variables.filter || [],\n      variables.pageSize || 0,\n      variables.currentPage || 0,\n      variables.sort || [],\n    );\n\n    // Publish search request event to ACDL\n    searchRequestSent(acdlUnitId);\n\n    // Execute search with validated variables\n    const { errors, data } = await fetchGraphQl(PRODUCT_SEARCH_QUERY, {\n      method: 'GET',\n      variables: { ...variables },\n    });\n\n    if (errors && !data) {\n      throw new Error('Error fetching product search');\n    }\n\n    const result = transformProductSearchResponse(data);\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', {\n      request: variables,\n      result,\n      metadata: {\n        filterableAttributes: data?.attributeMetadata?.filterableInSearch || [],\n        sortableAttributes: data?.attributeMetadata?.sortable || []\n      }\n    }, { 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":["initialize","Initializer","config","defaultConfig","setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","fetchGraphQl","getConfig","FetchGraphQL","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","transformProductSearchResponse","productSearch","transformedResponse","product","PRODUCT_SEARCH_QUERY","ProductView","Facet","search","variables","options","scope","emptyResult","events","acdlUnitId","SEARCH_UNIT_ID","PLP_UNIT_ID","searchRequestId","updateSearchInputCtx","searchRequestSent","errors","result","updateSearchResultsCtx","searchResponseReceived","error"],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["/@dropins/storefront-product-discovery/src/api/initialize/initialize.ts","/@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 { Initializer, Model } from '@adobe-commerce/elsie/lib';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { Product } from '@/plp/data/models/product';\nimport { ProductSearchResult } from '@/plp/data/models';\n\ntype ConfigProps = {\n  langDefinitions?: Lang;\n\n  models?: {\n    Product?: Model<Product>\n    ProductSearchResult?: Model<ProductSearchResult>\n  }\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n  init: async (config) => {\n    const defaultConfig = {};\n\n    initialize.config.setConfig({ ...defaultConfig, ...config });\n  },\n\n  listeners: () => [],\n});\n\nexport const config = initialize.config;\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 { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n  setEndpoint,\n  setFetchGraphQlHeader,\n  removeFetchGraphQlHeader,\n  setFetchGraphQlHeaders,\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\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: data?.price?.final?.amount?.currency || '',\n            },\n          },\n          regular: {\n            amount: {\n              value: data?.price?.regular?.amount?.value || 0,\n              currency: 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: data?.priceRange?.minimum?.final?.amount?.currency || '',\n              },\n            },\n            regular: {\n              amount: {\n                value: data?.priceRange?.minimum?.regular?.amount?.value || 0,\n                currency: 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: data?.priceRange?.maximum?.final?.amount?.currency || '',\n              },\n            },\n            regular: {\n              amount: {\n                value: data?.priceRange?.maximum?.regular?.amount?.value || 0,\n                currency: 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: productSearch?.facets || [],\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.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}\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    attributeMetadata {\n      sortable {\n        label\n        attribute\n        numeric\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 (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\n    // Update search input context in ACDL\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":["initialize","Initializer","config","defaultConfig","setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","fetchGraphQl","getConfig","FetchGraphQL","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","transformProductSearchResponse","searchVariables","productSearch","transformedResponse","product","transformSortAttributes","sortableAttributes","option","filter","PRODUCT_SEARCH_QUERY","ProductView","Facet","search","request","options","scope","emptyResult","events","acdlUnitId","SEARCH_UNIT_ID","PLP_UNIT_ID","searchRequestId","updateSearchInputCtx","searchRequestSent","errors","result","updateSearchResultsCtx","searchResponseReceived","error"],"mappings":"8TAuBO,MAAMA,GAAa,IAAIC,GAAyB,CACrD,KAAM,MAAOC,GAAW,CACtB,MAAMC,EAAgB,CAAA,EAEtBH,GAAW,OAAO,UAAU,CAAE,GAAGG,EAAe,GAAGD,EAAQ,CAC7D,EAEA,UAAW,IAAM,CAAA,CACnB,CAAC,EAEYA,GAASF,GAAW,OCtBpB,CACX,YAAAI,GACA,sBAAAC,GACA,yBAAAC,GACA,uBAAAC,GACA,aAAAC,GACA,UAAAC,EACF,EAAI,IAAIC,GAAA,EAAe,WAAA,ECNVC,GAAoBC,GAA8B,uGAE7D,GAAI,CAACA,EACH,MAAO,CACL,GAAI,GACJ,KAAM,GACN,IAAK,GACL,iBAAkB,GAClB,IAAK,GACL,OAAQ,GACR,UAAW,GACX,aAAc,GACd,gBAAiB,GACjB,SAAU,GACV,MAAO,CAAA,EACP,OAAQ,CAAA,EACR,YAAa,GACb,WAAY,GACZ,aAAc,CAAA,EACd,iBAAkB,GAClB,MAAO,OACP,WAAY,OACZ,QAAS,GACT,SAAU,EAAA,EAId,MAAMC,EAAqB,CACzB,IAAID,GAAA,YAAAA,EAAM,KAAM,GAChB,MAAMA,GAAA,YAAAA,EAAM,OAAQ,GACpB,KAAKA,GAAA,YAAAA,EAAM,MAAO,GAClB,kBAAkBA,GAAA,YAAAA,EAAM,mBAAoB,GAC5C,KAAKA,GAAA,YAAAA,EAAM,MAAO,GAClB,QAAQA,GAAA,YAAAA,EAAM,SAAU,GACxB,WAAWA,GAAA,YAAAA,EAAM,YAAa,GAC9B,cAAcA,GAAA,YAAAA,EAAM,eAAgB,GACpC,iBAAiBA,GAAA,YAAAA,EAAM,kBAAmB,GAC1C,UAAUA,GAAA,YAAAA,EAAM,WAAY,GAC5B,OAAOA,GAAA,YAAAA,EAAM,QAAS,CAAA,EACtB,SACEE,EAAAF,GAAA,YAAAA,EAAM,SAAN,YAAAE,EAAc,IAAKC,GAAA,OAAgB,OACjC,MAAOA,EAAM,OAAS,GACtB,MAAOA,EAAM,OAAS,CAAA,EACtB,MAAKD,EAAAC,EAAM,MAAN,YAAAD,EAAW,QAAQ,eAAgB,QAAS,EAAA,MAC5C,CAAA,EACT,aAAaF,GAAA,YAAAA,EAAM,cAAe,GAClC,YAAYA,GAAA,YAAAA,EAAM,aAAc,GAChC,cAAcA,GAAA,YAAAA,EAAM,eAAgB,CAAA,EACpC,kBAAkBA,GAAA,YAAAA,EAAM,mBAAoB,GAC5C,MAAOA,EAAK,MACR,CACE,MAAO,CACL,OAAQ,CACN,QAAOI,GAAAC,GAAAC,EAAAN,GAAA,YAAAA,EAAM,QAAN,YAAAM,EAAa,QAAb,YAAAD,EAAoB,SAApB,YAAAD,EAA4B,QAAS,EAC5C,WAAUG,GAAAC,GAAAC,EAAAT,GAAA,YAAAA,EAAM,QAAN,YAAAS,EAAa,QAAb,YAAAD,EAAoB,SAApB,YAAAD,EAA4B,WAAY,EAAA,CACpD,EAEF,QAAS,CACP,OAAQ,CACN,QAAOG,GAAAC,GAAAC,EAAAZ,GAAA,YAAAA,EAAM,QAAN,YAAAY,EAAa,UAAb,YAAAD,EAAsB,SAAtB,YAAAD,EAA8B,QAAS,EAC9C,WAAUG,GAAAC,GAAAC,EAAAf,GAAA,YAAAA,EAAM,QAAN,YAAAe,EAAa,UAAb,YAAAD,EAAsB,SAAtB,YAAAD,EAA8B,WAAY,EAAA,CACtD,EAEF,QAAOG,EAAAhB,GAAA,YAAAA,EAAM,QAAN,YAAAgB,EAAa,QAAS,CAAA,CAAC,EAEhC,OACJ,WAAYhB,GAAA,MAAAA,EAAM,WACd,CACE,QAAS,CACP,MAAO,CACL,OAAQ,CACN,QAAOiB,GAAAC,GAAAC,GAAAC,EAAApB,GAAA,YAAAA,EAAM,aAAN,YAAAoB,EAAkB,UAAlB,YAAAD,EAA2B,QAA3B,YAAAD,EAAkC,SAAlC,YAAAD,EAA0C,QAAS,EAC1D,WAAUI,GAAAC,GAAAC,GAAAC,EAAAxB,GAAA,YAAAA,EAAM,aAAN,YAAAwB,EAAkB,UAAlB,YAAAD,EAA2B,QAA3B,YAAAD,EAAkC,SAAlC,YAAAD,EAA0C,WAAY,EAAA,CAClE,EAEF,QAAS,CACP,OAAQ,CACN,QAAOI,GAAAC,GAAAC,GAAAC,EAAA5B,GAAA,YAAAA,EAAM,aAAN,YAAA4B,EAAkB,UAAlB,YAAAD,EAA2B,UAA3B,YAAAD,EAAoC,SAApC,YAAAD,EAA4C,QAAS,EAC5D,WAAUI,GAAAC,GAAAC,GAAAC,EAAAhC,GAAA,YAAAA,EAAM,aAAN,YAAAgC,EAAkB,UAAlB,YAAAD,EAA2B,UAA3B,YAAAD,EAAoC,SAApC,YAAAD,EAA4C,WAAY,EAAA,CACpE,CACF,EAEF,QAAS,CACP,MAAO,CACL,OAAQ,CACN,QAAOI,GAAAC,GAAAC,GAAAC,EAAApC,GAAA,YAAAA,EAAM,aAAN,YAAAoC,EAAkB,UAAlB,YAAAD,EAA2B,QAA3B,YAAAD,EAAkC,SAAlC,YAAAD,EAA0C,QAAS,EAC1D,WAAUI,GAAAC,GAAAC,GAAAC,EAAAxC,GAAA,YAAAA,EAAM,aAAN,YAAAwC,EAAkB,UAAlB,YAAAD,EAA2B,QAA3B,YAAAD,EAAkC,SAAlC,YAAAD,EAA0C,WAAY,EAAA,CAClE,EAEF,QAAS,CACP,OAAQ,CACN,QAAOI,GAAAC,GAAAC,GAAAC,EAAA5C,GAAA,YAAAA,EAAM,aAAN,YAAA4C,EAAkB,UAAlB,YAAAD,EAA2B,UAA3B,YAAAD,EAAoC,SAApC,YAAAD,EAA4C,QAAS,EAC5D,WAAUI,GAAAC,GAAAC,GAAAC,EAAAhD,GAAA,YAAAA,EAAM,aAAN,YAAAgD,EAAkB,UAAlB,YAAAD,EAA2B,UAA3B,YAAAD,EAAoC,SAApC,YAAAD,EAA4C,WAAY,EAAA,CACpE,CACF,CACF,EAEF,OACJ,SAAS7C,GAAA,YAAAA,EAAM,UAAW,GAC1B,UAAUA,GAAA,YAAAA,EAAM,aAAc,EAAA,EAGhC,OAAOiD,GACLhD,GACAiD,GAAAC,GAAAC,EAAA9D,GAAO,UAAA,EAAY,SAAnB,YAAA8D,EAA2B,UAA3B,YAAAD,EAAoC,cAApC,YAAAD,EAAA,KAAAC,EAAkDnD,EAAI,CAE1D,ECtGO,SAASqD,GAA+BrD,EAAWsD,EAAwD,uBAChH,MAAMC,EAAgBvD,GAAA,YAAAA,EAAM,cAEtBwD,EAA2C,CAC/C,QAAQD,GAAA,YAAAA,EAAe,SAAU,CAAA,EACjC,OAAOA,GAAA,YAAAA,EAAe,MAAM,IAAKE,GAAiB1D,GAAiB0D,GAAA,YAAAA,EAAS,WAAW,KAAM,CAAA,EAC7F,SAAU,CACR,cAAavD,EAAAqD,GAAA,YAAAA,EAAe,YAAf,YAAArD,EAA0B,eAAgB,EACvD,aAAYI,EAAAiD,GAAA,YAAAA,EAAe,YAAf,YAAAjD,EAA0B,cAAe,EACrD,aAAYD,EAAAkD,GAAA,YAAAA,EAAe,YAAf,YAAAlD,EAA0B,cAAe,EACrD,WAAUD,EAAAmD,GAAA,YAAAA,EAAe,YAAf,YAAAnD,EAA0B,YAAa,EAAA,EAEnD,YAAYmD,GAAA,YAAAA,EAAe,cAAe,EAC1C,SAAU,CACR,uBAAsB9C,EAAAT,GAAA,YAAAA,EAAM,oBAAN,YAAAS,EAAyB,qBAAsB,CAAA,EACrE,mBAAoBiD,KAAwBlD,EAAAR,GAAA,YAAAA,EAAM,oBAAN,YAAAQ,EAAyB,WAAY,CAAA,EAAI8C,CAAe,CAAA,CACtG,EAEF,OAAOL,GACLO,GACA7C,GAAAC,GAAAL,EAAAjB,GAAO,UAAA,EAAY,SAAnB,YAAAiB,EAA2B,sBAA3B,YAAAK,EAAgD,cAAhD,YAAAD,EAAA,KAAAC,EAA8DZ,EAAI,CAEtE,CAcA,SAAS0D,GAAwBC,EAA4B,CAAA,EAAIL,EAA0C,CACzG,MAAI,CAACK,GAAsBA,EAAmB,SAAW,EAChD,CAAA,EAGFA,EAAmB,OAAQC,GAAW,OAE3C,OAAIA,EAAO,YAAc,YACG1D,EAAAoD,GAAA,YAAAA,EAAiB,SAAjB,YAAApD,EAAyB,KAChD2D,GAAWA,EAAO,YAAc,gBAM9B,EACT,CAAC,CACH,CC1DA,MAAMC,GAAqC;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,IAmDvCC,EAAW;AAAA,IACXC,EAAK;AAAA,ECpCIC,GAAS,MAAOC,EAAiCC,EAAyB,KAAqC,CAC1H,MAAMC,EAAQD,EAAQ,QAAU,SAAW,OAAYA,EAAQ,MAGzDE,EAAc,CAClB,QAASH,GAAW,CAAA,EACpB,OAAQ,CACN,OAAQ,CAAA,EACR,SAAU,CAAE,YAAa,EAAG,WAAY,EAAG,WAAY,EAAG,SAAU,CAAA,EACpE,MAAO,CAAA,EACP,WAAY,EACZ,YAAa,CAAA,EACb,SAAU,CACR,qBAAsB,CAAA,EACtB,mBAAoB,CAAA,CAAC,CACvB,CACF,EAIF,GAAIA,IAAY,KACd,OAAAI,EAAO,KAAK,gBAAiBD,EAAa,CAAE,MAAAD,EAAO,EAC5CC,EAAY,OAKrBC,EAAO,KAAK,iBAAkB,GAAM,CAAE,MAAAF,EAAO,EAE7C,GAAI,CACF,MAAMG,EAAaH,IAAU,UAAYI,GAAiBC,GACpDC,EAAkB,OAAO,OAAO,WAAA,EAGtCC,GACEJ,EACAG,EACAR,EAAQ,QAAU,GAClBA,EAAQ,QAAU,CAAA,EAClBA,EAAQ,UAAY,EACpBA,EAAQ,aAAe,EACvBA,EAAQ,MAAQ,CAAA,CAAC,EAInBU,GAAkBL,CAAU,EAG5B,KAAM,CAAE,OAAAM,EAAQ,KAAA7E,CAAA,EAAS,MAAMJ,GAAakE,GAAsB,CAChE,OAAQ,MACR,UAAW,CAAE,GAAGI,CAAA,CAAQ,CACzB,EAED,GAAIW,GAAU,CAAC7E,EACb,MAAM,IAAI,MAAM,+BAA+B,EAGjD,MAAM8E,EAASzB,GAA+BrD,EAAMkE,CAAO,EAG3D,OAAAa,GAAuBR,EAAYG,EAAiBI,CAAM,EAG1DE,GAAuBT,CAAU,EAGjCD,EAAO,KAAK,gBAAiB,CAAE,QAAAJ,EAAS,OAAAY,GAAU,CAAE,MAAAV,EAAO,EAEpDU,CAET,OAASG,EAAO,CAEd,MAAAX,EAAO,KAAK,eAAiBW,EAAgB,QAAS,CAAE,MAAAb,EAAO,EAG/DE,EAAO,KAAK,gBAAiBD,EAAa,CAAE,MAAAD,EAAO,EAE7Ca,CACR,QAAA,CAEEX,EAAO,KAAK,iBAAkB,GAAO,CAAE,MAAAF,EAAO,CAChD,CACF"}

package/containers/SearchResults.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as Z,jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import*as d from"@dropins/tools/preact-compat.js";import{useState as v,useEffect as q}from"@dropins/tools/preact-compat.js";import{VComponent as W,classes as G,Slot as g}from"@dropins/tools/lib.js";import{events as y}from"@dropins/tools/event-bus.js";import{InLineAlert as J,Icon as K,ProductItemCard as L,PriceRange as S,Image as Q}from"@dropins/tools/components.js";/* empty css                 */import{s as X,c as Y,a as $,S as ee,P as re}from"../chunks/acdlEvents.js";import{useText as ne}from"@dropins/tools/i18n.js";const E=a=>new DOMParser().parseFromString(a,"text/html").documentElement.textContent,R=({productList:a,header:o,footer:r,imageWidth:h,imageHeight:f})=>Z("div",{className:"product-discovery-product-list",style:{"--imageWidth":h,"--imageHeight":f},children:[o&&n("div",{className:"product-discovery-product-list__header",children:o}),n("div",{className:"product-discovery-product-list__grid",children:a&&n(W,{node:a})}),r&&n("div",{className:"product-discovery-product-list__footer",children:r})]}),te=a=>d.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},d.createElement("g",{clipPath:"url(#clip0_841_1324)"},d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),d.createElement("defs",null,d.createElement("clipPath",{id:"clip0_841_1324"},d.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),ae=({alertMessage:a=""})=>n("div",{className:G(["product-discovery-search-alert-message__wrapper"]),children:n("div",{className:"product-discovery-search-alert-message__content",children:n(J,{heading:a,type:"warning",icon:n(K,{source:te,size:"24"}),onDismiss:void 0})})}),he=({routeProduct:a,scope:o,slots:r,imageWidth:h=400,imageHeight:f=450,skeletonCount:A=8,onSearchResult:_})=>{const x=o==="popover"?ee:re,I=ne({noResults:"Search.PLP.Warning.noResults",searchError:"Search.PLP.Warning.searchError"}),[u,V]=v(null),[k,H]=v([]),[D,M]=v(!1),[P,N]=v(null);q(()=>{const e=y.on("search/loading",M,{eager:!0,scope:o}),t=y.on("search/error",()=>{N(I.searchError)},{eager:!0,scope:o}),i=y.on("search/result",c=>{var m,s,l;N(((m=c.result)==null?void 0:m.items.length)<1?I.noResults:null),V(c.request),H((s=c.result)==null?void 0:s.items),_==null||_((l=c.result)==null?void 0:l.items),c.request.phrase?X(x):Y(x)},{eager:!0,scope:o});return()=>{e==null||e.off(),t==null||t.off(),i==null||i.off()}},[]);const w=e=>{$(e.sku,x)},b=(e,t)=>{var s,l,p,C;const i={loading:t<8?"eager":"lazy",src:((l=(s=e.images)==null?void 0:s[0])==null?void 0:l.url)||"",alt:((C=(p=e.images)==null?void 0:p[0])==null?void 0:C.label)||"",width:h,height:f,params:{width:h}},c=e.name!==null?E(e.name):e.sku,m=n(Q,{class:"product-discovery-product-item__image",...i,"aria-label":c});return n(g,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{product:e,defaultImageProps:i,variables:u},children:a?n("a",{href:a(e),onClick:()=>w(e),children:m}):m})},j=e=>{const t=e.name!==null?E(e.name):"";return n(g,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{product:e,variables:u},children:a?n("a",{href:a(e),onClick:()=>w(e),children:t}):t})},z=e=>{var c,m,s,l,p;let t=e.typename==="ComplexProductView"?(c=e.priceRange)==null?void 0:c.minimum.regular.amount.currency:(m=e.price)==null?void 0:m.regular.amount.currency;Intl.supportedValuesOf("currency").indexOf(t||"")===-1&&(t="USD");const i=e.typename==="ComplexProductView"?n(S,{display:"from to",minimumAmount:(s=e.priceRange)==null?void 0:s.minimum.regular.amount.value,maximumAmount:(l=e.priceRange)==null?void 0:l.maximum.regular.amount.value,currency:t}):n(S,{amount:(p=e.price)==null?void 0:p.regular.amount.value,currency:t});return n(g,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{product:e,variables:u},children:a?n("a",{href:a(e),onClick:()=>w(e),children:i}):i})},F=e=>n(g,{name:"ProductActions",slot:r==null?void 0:r.ProductActions,context:{product:e,variables:u}}),U=()=>n(g,{name:"NoResults",slot:r==null?void 0:r.NoResults,context:{error:P,variables:u},children:P&&n(ae,{alertMessage:P})}),B=()=>n(R,{imageWidth:h,imageHeight:f,productList:Array.from({length:A}).map((e,t)=>n(L,{initialized:!1},t))}),O=()=>n(g,{name:"Header",slot:r==null?void 0:r.Header,context:{products:k,variables:u}}),T=()=>n(g,{name:"Footer",slot:r==null?void 0:r.Footer,context:{products:k,variables:u}});return n("div",{children:D?B():P?U():n(R,{header:O(),footer:T(),imageWidth:h,imageHeight:f,productList:k.map((e,t)=>n(L,{image:b(e,t),titleNode:j(e),price:z(e),actionButton:r!=null&&r.ProductActions?F(e):void 0,initialized:!0},e.id||e.sku||t))})})};export{he as SearchResults,he as default};
+import{jsxs as Z,jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import*as d from"@dropins/tools/preact-compat.js";import{useState as v,useEffect as q}from"@dropins/tools/preact-compat.js";import{VComponent as W,classes as G,Slot as h}from"@dropins/tools/lib.js";import{events as y}from"@dropins/tools/event-bus.js";import{InLineAlert as J,Icon as K,ProductItemCard as k,PriceRange as R,Image as Q}from"@dropins/tools/components.js";/* empty css                 */import{s as X,c as Y,a as $,S as ee,P as re}from"../chunks/acdlEvents.js";import{useText as ne}from"@dropins/tools/i18n.js";const S=a=>new DOMParser().parseFromString(a,"text/html").documentElement.textContent,C=({productList:a,header:s,footer:r,imageWidth:g,imageHeight:f})=>Z("div",{className:"product-discovery-product-list",style:{"--imageWidth":g,"--imageHeight":f},children:[s&&n("div",{className:"product-discovery-product-list__header",children:s}),n("div",{className:"product-discovery-product-list__grid",children:a&&n(W,{node:a})}),r&&n("div",{className:"product-discovery-product-list__footer",children:r})]}),te=a=>d.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},d.createElement("g",{clipPath:"url(#clip0_841_1324)"},d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),d.createElement("defs",null,d.createElement("clipPath",{id:"clip0_841_1324"},d.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),ae=({alertMessage:a=""})=>n("div",{className:G(["product-discovery-search-alert-message__wrapper"]),children:n("div",{className:"product-discovery-search-alert-message__content",children:n(J,{heading:a,type:"warning",icon:n(K,{source:te,size:"24"}),onDismiss:void 0})})}),ge=({routeProduct:a,scope:s,slots:r,imageWidth:g=400,imageHeight:f=450,skeletonCount:E=8,onSearchResult:_})=>{const w=s==="popover"?ee:re,L=ne({noResults:"Search.PLP.Warning.noResults",searchError:"Search.PLP.Warning.searchError"}),[u,A]=v(null),[x,V]=v([]),[H,U]=v(!1),[P,I]=v(null);q(()=>{const e=y.on("search/loading",U,{eager:!0,scope:s}),t=y.on("search/error",()=>{I(L.searchError)},{eager:!0,scope:s}),c=y.on("search/result",i=>{var o,m,l;I(((o=i.result)==null?void 0:o.items.length)<1?L.noResults:null),A(i.request),V((m=i.result)==null?void 0:m.items),_==null||_((l=i.result)==null?void 0:l.items),i.request.phrase?X(w):Y(w)},{eager:!0,scope:s});return()=>{e==null||e.off(),t==null||t.off(),c==null||c.off()}},[]);const D=(e,t)=>{var m;const c=(m=e.target)==null?void 0:m.closest("a");if(!c||!a)return;const i=new URL(c.href),o=new URL(a(t),window.location.origin);i.pathname===o.pathname&&i.hostname===o.hostname&&$(t.sku,w)},M=(e,t)=>{var m,l,p,N;const c={loading:t<8?"eager":"lazy",src:((l=(m=e.images)==null?void 0:m[0])==null?void 0:l.url)||"",alt:((N=(p=e.images)==null?void 0:p[0])==null?void 0:N.label)||"",width:g,height:f,params:{width:g}},i=e.name!==null?S(e.name):e.sku,o=n(Q,{class:"product-discovery-product-item__image",...c,"aria-label":i||""});return n(h,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{product:e,defaultImageProps:c,variables:u},children:a?n("a",{href:a(e),children:o}):o})},b=e=>{const t=e.name!==null?S(e.name):"";return n(h,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{product:e,variables:u},children:a?n("a",{href:a(e),children:t}):t})},j=e=>{var i,o,m,l,p;let t=e.typename==="ComplexProductView"?(i=e.priceRange)==null?void 0:i.minimum.regular.amount.currency:(o=e.price)==null?void 0:o.regular.amount.currency;Intl.supportedValuesOf("currency").indexOf(t||"")===-1&&(t="USD");const c=e.typename==="ComplexProductView"?n(R,{display:"from to",minimumAmount:(m=e.priceRange)==null?void 0:m.minimum.regular.amount.value,maximumAmount:(l=e.priceRange)==null?void 0:l.maximum.regular.amount.value,currency:t}):n(R,{amount:(p=e.price)==null?void 0:p.regular.amount.value,currency:t});return n(h,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{product:e,variables:u},children:a?n("a",{href:a(e),children:c}):c})},z=e=>n(h,{name:"ProductActions",slot:r==null?void 0:r.ProductActions,context:{product:e,variables:u}}),F=()=>n(h,{name:"NoResults",slot:r==null?void 0:r.NoResults,context:{error:P,variables:u},children:P&&n(ae,{alertMessage:P})}),B=()=>n(C,{imageWidth:g,imageHeight:f,productList:Array.from({length:E}).map((e,t)=>n(k,{initialized:!1},t))}),O=()=>n(h,{name:"Header",slot:r==null?void 0:r.Header,context:{products:x,variables:u}}),T=()=>n(h,{name:"Footer",slot:r==null?void 0:r.Footer,context:{products:x,variables:u}});return n("div",{children:H?B():P?F():n(C,{header:O(),footer:T(),imageWidth:g,imageHeight:f,productList:x.map((e,t)=>n(k,{image:M(e,t),titleNode:b(e),price:j(e),actionButton:r!=null&&r.ProductActions?z(e):void 0,onClick:c=>D(c,e),initialized:!0},e.id||e.sku||t))})})};export{ge as SearchResults,ge as default};
 //# sourceMappingURL=SearchResults.js.map

package/containers/SearchResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.js","sources":["/@dropins/storefront-product-discovery/src/utils/htmlStringDecode.ts","/@dropins/storefront-product-discovery/src/components/ProductList/ProductList.tsx","../../node_modules/@adobe-commerce/elsie/src/icons/Warning.svg","/@dropins/storefront-product-discovery/src/components/SearchAlertMessage/SearchAlertMessage.tsx","/@dropins/storefront-product-discovery/src/containers/SearchResults/SearchResults.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\nconst htmlStringDecode = (input: string): string | null => {\n  const doc = new DOMParser().parseFromString(input, 'text/html');\n  return doc.documentElement.textContent;\n};\n\nexport { htmlStringDecode };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ProductList/ProductList.css';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n  productList?: VNode[];\n  header?: VNode;\n  footer?: VNode;\n  imageWidth?: number;\n  imageHeight?: number;\n}\n\nexport const ProductList: FunctionComponent<ProductListProps> = ({ productList, header, footer, imageWidth, imageHeight }) => {\n  return (\n    <div className={'product-discovery-product-list'} style={{ '--imageWidth': imageWidth, '--imageHeight': imageHeight }}>\n      {header && <div className=\"product-discovery-product-list__header\">{header}</div>}\n      <div className=\"product-discovery-product-list__grid\">{productList && <VComponent node={productList} />}</div>\n      {footer && <div className=\"product-discovery-product-list__footer\">{footer}</div>}\n    </div>\n  );\n};\n","import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Warning_Base\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_841_1324)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_841_1324\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 24, height: 21, fill: \"white\", transform: \"translate(0 1.5)\" }))));\nexport default SvgWarning;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/SearchAlertMessage/SearchAlertMessage.css';\nimport { Icon, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { Warning } from '@adobe-commerce/elsie/icons';\n\nexport interface SearchAlertMessageProps extends HTMLAttributes<HTMLDivElement> {\n  alertMessage?: string;\n}\n\nexport const SearchAlertMessage: FunctionComponent<SearchAlertMessageProps> = ({ alertMessage = '' }) => {\n  return (\n    <div className={classes(['product-discovery-search-alert-message__wrapper'])}>\n      <div className=\"product-discovery-search-alert-message__content\">\n        <InLineAlert\n          heading={alertMessage}\n          type={'warning'}\n          icon={<Icon source={Warning} size=\"24\" />}\n          onDismiss={undefined}\n        />\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ImageProps, Image, ProductItemCard, PriceRange } from '@adobe-commerce/elsie/components';\nimport { htmlStringDecode } from '@/plp/utils/htmlStringDecode';\nimport { Scope, SearchVariables } from '@/plp/data/models';\nimport { Product } from '@/plp/data/models/product';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { ProductList, SearchAlertMessage } from '@/plp/components'\nimport {\n  searchProductClick,\n  searchResultsView,\n  categoryResultsView,\n  PLP_UNIT_ID,\n  SEARCH_UNIT_ID\n} from '@/plp/utils/acdlEvents';\n\ntype SlotDefaultContext = {\n  product: Product;\n  variables: SearchVariables | null;\n}\n\nexport interface SearchResultsProps extends HTMLAttributes<HTMLDivElement> {\n  routeProduct?: (product: Product) => string;\n  scope?: Scope;\n  imageWidth?: number;\n  imageHeight?: number;\n  skeletonCount?: number;\n  onSearchResult?: (payload: Product[]) => void;\n  slots?: {\n    ProductActions?: SlotProps<SlotDefaultContext>;\n    ProductPrice?: SlotProps<SlotDefaultContext>;\n    ProductName?: SlotProps<SlotDefaultContext>;\n    ProductImage?: SlotProps<SlotDefaultContext & { defaultImageProps: ImageProps }>;\n    NoResults?: SlotProps<{ error: string | null; variables: SearchVariables | null }>;\n    Header?: SlotProps<{ products: Product[]; variables: SearchVariables | null }>;\n    Footer?: SlotProps<{ products: Product[]; variables: SearchVariables | null }>;\n  },\n}\n\nexport const SearchResults: Container<SearchResultsProps> = ({\n  routeProduct,\n  scope,\n  slots,\n  imageWidth = 400,\n  imageHeight = 450,\n  skeletonCount = 8,\n  onSearchResult,\n}) => {\n  const acdlUnitId = scope === 'popover' ? SEARCH_UNIT_ID : PLP_UNIT_ID;\n\n  const labels = useText({\n    noResults: 'Search.PLP.Warning.noResults',\n    searchError: 'Search.PLP.Warning.searchError',\n  });\n\n  const [variables, setVariables] = useState<SearchVariables | null>(null);\n  const [items, setItems] = useState<any[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const loadingEvent = events.on('search/loading', setLoading, { eager: true, scope });\n\n    const errorEvent = events.on('search/error', () => {\n      setError(labels.searchError!);\n    }, { eager: true, scope });\n\n    const searchEvent = events.on('search/result', (payload) => {\n      setError(payload.result?.items.length < 1 ? labels.noResults! : null);\n\n      setVariables(payload.request);\n      setItems(payload.result?.items);\n      onSearchResult?.(payload.result?.items);\n\n      // Publish search results view event to ACDL\n      if (payload.request.phrase) {\n        searchResultsView(acdlUnitId);\n      } else {\n        categoryResultsView(acdlUnitId);\n      }\n    }, { eager: true, scope });\n\n    return () => {\n      loadingEvent?.off();\n      errorEvent?.off();\n      searchEvent?.off();\n    };\n  }, []);\n\n  const handleProductClick = (product: Product): void => {\n    searchProductClick(product.sku, acdlUnitId);\n  };\n\n  const renderProductImageSlot = (product: Product, index: number) => {\n    const defaultImageProps: ImageProps = {\n      loading: index < 8 ? 'eager' : 'lazy',\n      src: product.images?.[0]?.url || '',\n      alt: product.images?.[0]?.label || '',\n      width: imageWidth,\n      height: imageHeight,\n      params: { width: imageWidth },\n    };\n    const productName = product.name !== null ? htmlStringDecode(product.name) : product.sku;\n    const imageComponent = (\n      <Image class=\"product-discovery-product-item__image\" {...defaultImageProps} aria-label={productName} />\n    );\n\n    return (\n      <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ product, defaultImageProps, variables }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {imageComponent}\n          </a>\n        ) : (\n          imageComponent\n        )}\n      </Slot>\n    );\n  };\n\n  const renderProductNameSlot = (product: Product) => {\n    const productName = product.name !== null ? htmlStringDecode(product.name) : '';\n    return (\n      <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ product, variables }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {productName}\n          </a>\n        ) : (\n          productName\n        )}\n      </Slot>\n    );\n  };\n\n  const renderProductPriceSlot = (product: Product) => {\n    let productCurrency =\n      product.typename === 'ComplexProductView'\n        ? product.priceRange?.minimum.regular.amount.currency\n        : product.price?.regular.amount.currency;\n    if (Intl.supportedValuesOf('currency').indexOf(productCurrency || '') === -1) {\n      productCurrency = 'USD'; // Fallback to USD if the currency is not supported\n    }\n    const productPrice =\n      product.typename === 'ComplexProductView' ? (\n        <PriceRange\n          display=\"from to\"\n          minimumAmount={product.priceRange?.minimum.regular.amount.value}\n          maximumAmount={product.priceRange?.maximum.regular.amount.value}\n          currency={productCurrency}\n        />\n      ) : (\n        <PriceRange amount={product.price?.regular.amount.value} currency={productCurrency} />\n      );\n    return (\n      <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ product, variables }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n            {productPrice}\n          </a>\n        ) : (\n          productPrice\n        )}\n      </Slot>\n    );\n  };\n\n  const renderActionsSlot = (product: Product) => {\n    return <Slot name=\"ProductActions\" slot={slots?.ProductActions} context={{ product, variables }} />;\n  };\n\n  const renderAlertSlot = () => {\n    return <Slot name=\"NoResults\" slot={slots?.NoResults} context={{ error, variables }}>\n      {error && <SearchAlertMessage alertMessage={error} />}\n    </Slot>;\n  }\n\n  const renderSkeleton = () => {\n    return <ProductList\n      imageWidth={imageWidth}\n      imageHeight={imageHeight}\n      productList={Array.from({ length: skeletonCount }).map((_, index) => (\n        <ProductItemCard key={index} initialized={false} />\n      ))}\n    />\n  }\n\n  const renderHeader = () => {\n    return <Slot name=\"Header\" slot={slots?.Header} context={{ products: items, variables }} />;\n  }\n\n  const renderFooter = () => {\n    return <Slot name=\"Footer\" slot={slots?.Footer} context={{ products: items, variables }} />;\n  }\n\n  const renderResults = () => {\n    if (error) return renderAlertSlot();\n\n    return <ProductList\n      header={renderHeader()}\n      footer={renderFooter()}\n      imageWidth={imageWidth}\n      imageHeight={imageHeight}\n      productList={items.map((product, index) => (\n        <ProductItemCard key={product.id || product.sku || index}\n          image={renderProductImageSlot(product, index)}\n          titleNode={renderProductNameSlot(product)}\n          price={renderProductPriceSlot(product)}\n          actionButton={slots?.ProductActions ? renderActionsSlot(product) : undefined}\n          initialized\n        />\n      ))}\n    />\n  }\n\n  return (\n    <div>\n      {loading ? renderSkeleton() : renderResults()}\n    </div>\n  );\n};\n"],"names":["htmlStringDecode","input","ProductList","productList","header","footer","imageWidth","imageHeight","jsxs","jsx","VComponent","SvgWarning","props","React","SearchAlertMessage","alertMessage","classes","InLineAlert","Icon","Warning","SearchResults","routeProduct","scope","slots","skeletonCount","onSearchResult","acdlUnitId","SEARCH_UNIT_ID","PLP_UNIT_ID","labels","useText","variables","setVariables","useState","items","setItems","loading","setLoading","error","setError","useEffect","loadingEvent","events","errorEvent","searchEvent","payload","_a","_b","_c","searchResultsView","categoryResultsView","handleProductClick","product","searchProductClick","renderProductImageSlot","index","defaultImageProps","_d","productName","imageComponent","Image","Slot","renderProductNameSlot","renderProductPriceSlot","productCurrency","productPrice","PriceRange","_e","renderActionsSlot","renderAlertSlot","renderSkeleton","_","ProductItemCard","renderHeader","renderFooter"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"SearchResults.js","sources":["/@dropins/storefront-product-discovery/src/utils/htmlStringDecode.ts","/@dropins/storefront-product-discovery/src/components/ProductList/ProductList.tsx","../../node_modules/@adobe-commerce/elsie/src/icons/Warning.svg","/@dropins/storefront-product-discovery/src/components/SearchAlertMessage/SearchAlertMessage.tsx","/@dropins/storefront-product-discovery/src/containers/SearchResults/SearchResults.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\nconst htmlStringDecode = (input: string): string | null => {\n  const doc = new DOMParser().parseFromString(input, 'text/html');\n  return doc.documentElement.textContent;\n};\n\nexport { htmlStringDecode };\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ProductList/ProductList.css';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n  productList?: VNode[];\n  header?: VNode;\n  footer?: VNode;\n  imageWidth?: number;\n  imageHeight?: number;\n}\n\nexport const ProductList: FunctionComponent<ProductListProps> = ({ productList, header, footer, imageWidth, imageHeight }) => {\n  return (\n    <div className={'product-discovery-product-list'} style={{ '--imageWidth': imageWidth, '--imageHeight': imageHeight }}>\n      {header && <div className=\"product-discovery-product-list__header\">{header}</div>}\n      <div className=\"product-discovery-product-list__grid\">{productList && <VComponent node={productList} />}</div>\n      {footer && <div className=\"product-discovery-product-list__footer\">{footer}</div>}\n    </div>\n  );\n};\n","import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Warning_Base\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_841_1324)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_841_1324\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 24, height: 21, fill: \"white\", transform: \"translate(0 1.5)\" }))));\nexport default SvgWarning;\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/SearchAlertMessage/SearchAlertMessage.css';\nimport { Icon, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { Warning } from '@adobe-commerce/elsie/icons';\n\nexport interface SearchAlertMessageProps extends HTMLAttributes<HTMLDivElement> {\n  alertMessage?: string;\n}\n\nexport const SearchAlertMessage: FunctionComponent<SearchAlertMessageProps> = ({ alertMessage = '' }) => {\n  return (\n    <div className={classes(['product-discovery-search-alert-message__wrapper'])}>\n      <div className=\"product-discovery-search-alert-message__content\">\n        <InLineAlert\n          heading={alertMessage}\n          type={'warning'}\n          icon={<Icon source={Warning} size=\"24\" />}\n          onDismiss={undefined}\n        />\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ImageProps, Image, ProductItemCard, PriceRange } from '@adobe-commerce/elsie/components';\nimport { htmlStringDecode } from '@/plp/utils/htmlStringDecode';\nimport { Scope, SearchVariables } from '@/plp/data/models';\nimport { Product } from '@/plp/data/models/product';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { ProductList, SearchAlertMessage } from '@/plp/components'\nimport {\n  searchProductClick,\n  searchResultsView,\n  categoryResultsView,\n  PLP_UNIT_ID,\n  SEARCH_UNIT_ID\n} from '@/plp/utils/acdlEvents';\n\ntype SlotDefaultContext = {\n  product: Product;\n  variables: SearchVariables | null;\n}\n\nexport interface SearchResultsProps extends HTMLAttributes<HTMLDivElement> {\n  routeProduct?: (product: Product) => string;\n  scope?: Scope;\n  imageWidth?: number;\n  imageHeight?: number;\n  skeletonCount?: number;\n  onSearchResult?: (payload: Product[]) => void;\n  slots?: {\n    ProductActions?: SlotProps<SlotDefaultContext>;\n    ProductPrice?: SlotProps<SlotDefaultContext>;\n    ProductName?: SlotProps<SlotDefaultContext>;\n    ProductImage?: SlotProps<SlotDefaultContext & { defaultImageProps: ImageProps }>;\n    NoResults?: SlotProps<{ error: string | null; variables: SearchVariables | null }>;\n    Header?: SlotProps<{ products: Product[]; variables: SearchVariables | null }>;\n    Footer?: SlotProps<{ products: Product[]; variables: SearchVariables | null }>;\n  },\n}\n\nexport const SearchResults: Container<SearchResultsProps> = ({\n  routeProduct,\n  scope,\n  slots,\n  imageWidth = 400,\n  imageHeight = 450,\n  skeletonCount = 8,\n  onSearchResult,\n}) => {\n  const acdlUnitId = scope === 'popover' ? SEARCH_UNIT_ID : PLP_UNIT_ID;\n\n  const labels = useText({\n    noResults: 'Search.PLP.Warning.noResults',\n    searchError: 'Search.PLP.Warning.searchError',\n  });\n\n  const [variables, setVariables] = useState<SearchVariables | null>(null);\n  const [items, setItems] = useState<any[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const loadingEvent = events.on('search/loading', setLoading, { eager: true, scope });\n\n    const errorEvent = events.on('search/error', () => {\n      setError(labels.searchError!);\n    }, { eager: true, scope });\n\n    const searchEvent = events.on('search/result', (payload) => {\n      setError(payload.result?.items.length < 1 ? labels.noResults! : null);\n\n      setVariables(payload.request);\n      setItems(payload.result?.items);\n      onSearchResult?.(payload.result?.items);\n\n      // Publish search results view event to ACDL\n      if (payload.request.phrase) {\n        searchResultsView(acdlUnitId);\n      } else {\n        categoryResultsView(acdlUnitId);\n      }\n    }, { eager: true, scope });\n\n    return () => {\n      loadingEvent?.off();\n      errorEvent?.off();\n      searchEvent?.off();\n    };\n  }, []);\n\n  const handleProductClick = (event: MouseEvent, product: Product): void => {\n    const anchor = (event.target as HTMLElement)?.closest('a');\n\n    if (!anchor || !routeProduct) return;\n\n    const anchorUrl = new URL(anchor.href);\n    const routeUrl = new URL(routeProduct(product), window.location.origin);\n\n    // Compare both pathname and hostname to ensure same path under same host\n    if (anchorUrl.pathname === routeUrl.pathname && anchorUrl.hostname === routeUrl.hostname) {    \n      searchProductClick(product.sku, acdlUnitId);\n    }\n  };\n\n  const renderProductImageSlot = (product: Product, index: number) => {\n    const defaultImageProps: ImageProps = {\n      loading: index < 8 ? 'eager' : 'lazy',\n      src: product.images?.[0]?.url || '',\n      alt: product.images?.[0]?.label || '',\n      width: imageWidth,\n      height: imageHeight,\n      params: { width: imageWidth },\n    };\n    const productName = product.name !== null ? htmlStringDecode(product.name) : product.sku;\n    const imageComponent = (\n      <Image class=\"product-discovery-product-item__image\" {...defaultImageProps} aria-label={productName || ''} />\n    );\n\n    return (\n      <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ product, defaultImageProps, variables }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)}>\n            {imageComponent}\n          </a>\n        ) : (\n          imageComponent\n        )}\n      </Slot>\n    );\n  };\n\n  const renderProductNameSlot = (product: Product) => {\n    const productName = product.name !== null ? htmlStringDecode(product.name) : '';\n    return (\n      <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ product, variables }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)}>\n            {productName}\n          </a>\n        ) : (\n          productName\n        )}\n      </Slot>\n    );\n  };\n\n  const renderProductPriceSlot = (product: Product) => {\n    let productCurrency =\n      product.typename === 'ComplexProductView'\n        ? product.priceRange?.minimum.regular.amount.currency\n        : product.price?.regular.amount.currency;\n    if (Intl.supportedValuesOf('currency').indexOf(productCurrency || '') === -1) {\n      productCurrency = 'USD'; // Fallback to USD if the currency is not supported\n    }\n    const productPrice =\n      product.typename === 'ComplexProductView' ? (\n        <PriceRange\n          display=\"from to\"\n          minimumAmount={product.priceRange?.minimum.regular.amount.value}\n          maximumAmount={product.priceRange?.maximum.regular.amount.value}\n          currency={productCurrency}\n        />\n      ) : (\n        <PriceRange amount={product.price?.regular.amount.value} currency={productCurrency} />\n      );\n    return (\n      <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ product, variables }}>\n        {routeProduct ? (\n          <a href={routeProduct(product)}>\n            {productPrice}\n          </a>\n        ) : (\n          productPrice\n        )}\n      </Slot>\n    );\n  };\n\n  const renderActionsSlot = (product: Product) => {\n    return <Slot name=\"ProductActions\" slot={slots?.ProductActions} context={{ product, variables }} />;\n  };\n\n  const renderAlertSlot = () => {\n    return <Slot name=\"NoResults\" slot={slots?.NoResults} context={{ error, variables }}>\n      {error && <SearchAlertMessage alertMessage={error} />}\n    </Slot>;\n  }\n\n  const renderSkeleton = () => {\n    return <ProductList\n      imageWidth={imageWidth}\n      imageHeight={imageHeight}\n      productList={Array.from({ length: skeletonCount }).map((_, index) => (\n        <ProductItemCard key={index} initialized={false} />\n      ))}\n    />\n  }\n\n  const renderHeader = () => {\n    return <Slot name=\"Header\" slot={slots?.Header} context={{ products: items, variables }} />;\n  }\n\n  const renderFooter = () => {\n    return <Slot name=\"Footer\" slot={slots?.Footer} context={{ products: items, variables }} />;\n  }\n\n  const renderResults = () => {\n    if (error) return renderAlertSlot();\n\n    return <ProductList\n      header={renderHeader()}\n      footer={renderFooter()}\n      imageWidth={imageWidth}\n      imageHeight={imageHeight}\n      productList={items.map((product, index) => (\n        <ProductItemCard key={product.id || product.sku || index}\n          image={renderProductImageSlot(product, index)}\n          titleNode={renderProductNameSlot(product)}\n          price={renderProductPriceSlot(product)}\n          actionButton={slots?.ProductActions ? renderActionsSlot(product) : undefined}\n          onClick={(event) => handleProductClick(event, product)}\n          initialized\n        />\n      ))}\n    />\n  }\n\n  return (\n    <div>\n      {loading ? renderSkeleton() : renderResults()}\n    </div>\n  );\n};\n"],"names":["htmlStringDecode","input","ProductList","productList","header","footer","imageWidth","imageHeight","jsxs","jsx","VComponent","SvgWarning","props","React","SearchAlertMessage","alertMessage","classes","InLineAlert","Icon","Warning","SearchResults","routeProduct","scope","slots","skeletonCount","onSearchResult","acdlUnitId","SEARCH_UNIT_ID","PLP_UNIT_ID","labels","useText","variables","setVariables","useState","items","setItems","loading","setLoading","error","setError","useEffect","loadingEvent","events","errorEvent","searchEvent","payload","_a","_b","_c","searchResultsView","categoryResultsView","handleProductClick","event","product","anchor","anchorUrl","routeUrl","searchProductClick","renderProductImageSlot","index","defaultImageProps","_d","productName","imageComponent","Image","Slot","renderProductNameSlot","renderProductPriceSlot","productCurrency","productPrice","PriceRange","_e","renderActionsSlot","renderAlertSlot","renderSkeleton","_","ProductItemCard","renderHeader","renderFooter"],"mappings":"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","x_google_ignoreList":[2]}

package/containers/SortBy.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as p}from"@dropins/tools/preact-jsx-runtime.js";import{useState as c,useEffect as d}from"@dropins/tools/preact-compat.js";import{Picker as h}from"@dropins/tools/components.js";import{events as C}from"@dropins/tools/event-bus.js";import{d as D}from"../chunks/search.js";import{useText as L}from"@dropins/tools/i18n.js";import"@dropins/tools/lib.js";import"../fragments.js";import"../chunks/acdlEvents.js";import"@dropins/tools/fetch-graphql.js";const k=({scope:t,onSortChange:e})=>{const a=L({sortLabel:"Search.PLP.SortDropdown.title",relevanceLabel:"Search.PLP.SortDropdown.relevanceLabel",sortASC:"Search.PLP.SortDropdown.sortASC",sortDESC:"Search.PLP.SortDropdown.sortDESC",positionLabel:"Search.PLP.SortDropdown.positionLabel"}),[i,n]=c([]),[r,l]=c("relevance_DESC"),[b,f]=c({});d(()=>{const o=C.on("search/result",s=>{var u;if(f(s.request),(u=s.metadata)!=null&&u.sortableAttributes&&(n([...s.metadata.sortableAttributes]),s.request.sort)){const S=x(s.request.sort);S&&l(S)}},{eager:!0,scope:t});return()=>{o==null||o.off()}},[]);const m=async o=>{e==null||e(o[0]),D({...b,sort:o,currentPage:1},{scope:t})};return p(h,{required:!0,floatingLabel:a.sortLabel,...P(i,a),value:r,handleSelect:o=>{const{value:s}=o.target,u=v(s);m(u)}})};function P(t,e){const a={text:e.relevanceLabel,value:"relevance_DESC"},i=t.reduce((n,r)=>(r.attribute!=="position"&&r.attribute!=="relevance"&&(r.attribute==="price"?(n.push({text:e.sortASC,value:`${r.attribute}_ASC`}),n.push({text:e.sortDESC,value:`${r.attribute}_DESC`})):n.push({text:r.label,value:`${r.attribute}_DESC`})),n),[]);return i.push(a),{options:i,defaultOption:a}}function v(t){const e=t.indexOf("_");return[{attribute:t.substring(0,e),direction:t.substring(e+1)==="ASC"?"ASC":"DESC"}]}function x(t){return t.length>0&&t[0]?`${t[0].attribute}_${t[0].direction}`:""}export{k as SortBy,k as default};
+import{jsx as d}from"@dropins/tools/preact-jsx-runtime.js";import{useState as i,useEffect as g}from"@dropins/tools/preact-compat.js";import{Picker as x}from"@dropins/tools/components.js";import{events as O}from"@dropins/tools/event-bus.js";import{d as h}from"../chunks/search.js";import{useText as q}from"@dropins/tools/i18n.js";import"@dropins/tools/lib.js";import"../fragments.js";import"../chunks/acdlEvents.js";import"@dropins/tools/fetch-graphql.js";const B=({scope:t,onSortChange:e})=>{const n=q({sortLabel:"Search.PLP.SortDropdown.title"}),[c,l]=i([]),[f,m]=i("relevance_DESC"),[S,b]=i({});g(()=>{const r=O.on("search/result",s=>{var o,u;if(b(s.request),(u=(o=s.result)==null?void 0:o.metadata)!=null&&u.sortableAttributes&&(l([...s.result.metadata.sortableAttributes]),s.request.sort)){const a=D(s.request.sort);a&&m(a)}},{eager:!0,scope:t});return()=>{r==null||r.off()}},[]);const p=async r=>{e==null||e(r[0]),h({...S,sort:r,currentPage:1},{scope:t})};return d(x,{required:!0,floatingLabel:n.sortLabel,...A(c),value:f,handleSelect:r=>{const{value:s}=r.target,o=C(s);p(o)}})};function A(t){return{options:t.map(n=>({text:n.label,value:`${n.attribute}_DESC`}))}}function C(t){const e=t.indexOf("_");return[{attribute:t.substring(0,e),direction:t.substring(e+1)==="ASC"?"ASC":"DESC"}]}function D(t){return t.length>0&&t[0]?`${t[0].attribute}_${t[0].direction}`:""}export{B as SortBy,B as default};
 //# sourceMappingURL=SortBy.js.map

package/containers/SortBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortBy.js","sources":["/@dropins/storefront-product-discovery/src/containers/SortBy/SortBy.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 { Picker } from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Scope, SearchVariables, SortOrder } from '@/plp/data/models';\nimport { search } from '@/plp/api';\n\nexport interface SortByProps extends HTMLAttributes<HTMLDivElement> {\n  scope?: Scope;\n  onSortChange?: (value: SortOrder | null) => void;\n}\n\nexport const SortBy: Container<SortByProps> = ({ scope, onSortChange }) => {\n  const labels = useText({\n    sortLabel: 'Search.PLP.SortDropdown.title',\n    relevanceLabel: 'Search.PLP.SortDropdown.relevanceLabel',\n    sortASC: 'Search.PLP.SortDropdown.sortASC',\n    sortDESC: 'Search.PLP.SortDropdown.sortDESC',\n    positionLabel: 'Search.PLP.SortDropdown.positionLabel',\n  });\n\n\n  const [sortOptions, setSortOptions] = useState<any[]>([]);\n  const [current, setCurrent] = useState('relevance_DESC');\n  const [currentSearchVariables, setCurrentSearchVariables] = useState<SearchVariables>({});\n\n  useEffect(() => {\n    // Listen for search results\n    const searchEvent = events.on('search/result', (payload) => {\n      setCurrentSearchVariables(payload.request);\n\n      // Configure sort options from metadata\n      if (payload.metadata?.sortableAttributes) {\n        setSortOptions([...payload.metadata.sortableAttributes]);\n\n        // Set current sort value from request\n        if (payload.request.sort) {\n          const sortValue = getSortValue(payload.request.sort);\n\n          if (sortValue) {\n            setCurrent(sortValue);\n          }\n        }\n      }\n    }, { eager: true, scope });\n\n    return () => {\n      searchEvent?.off();\n    };\n  }, []);\n\n  const handleSortChange = async (value: SortOrder[]): Promise<void> => {\n    onSortChange?.(value[0]!);\n\n    search({ ...currentSearchVariables, sort: value, currentPage: 1 }, { scope });\n  };\n\n  return (\n    <Picker\n      required\n      floatingLabel={labels.sortLabel}\n      {...getSortOptions(sortOptions, labels)}\n      value={current}\n      handleSelect={(event) => {\n        const { value } = event.target as HTMLSelectElement;\n        const next = getSortSearchVariables(value);\n        handleSortChange(next);\n      }}\n    />\n  );\n};\n\n/** Utility functions */\n\nfunction getSortOptions(sortOptions: any, translations: any): any {\n  const defaultSort = { text: translations.relevanceLabel, value: 'relevance_DESC' };\n\n  const finalSortOptions = sortOptions.reduce((resultOptions: any, option: any) => {\n    if (option.attribute !== 'position' && option.attribute !== 'relevance') {\n      if (option.attribute === 'price') {\n        resultOptions.push({\n          text: translations.sortASC,\n          value: `${option.attribute}_ASC`,\n        });\n        resultOptions.push({\n          text: translations.sortDESC,\n          value: `${option.attribute}_DESC`,\n        });\n      } else {\n        resultOptions.push({\n          text: option.label,\n          value: `${option.attribute}_DESC`,\n        });\n      }\n    }\n    return resultOptions;\n  }, []);\n  finalSortOptions.push(defaultSort);\n  return { options: finalSortOptions, defaultOption: defaultSort };\n}\n\n\nfunction getSortSearchVariables(sortValue: string): SortOrder[] {\n  const index = sortValue.indexOf('_');\n  const newSort: SortOrder[] = [\n    {\n      attribute: sortValue.substring(0, index) as string,\n      direction: sortValue.substring(index + 1) === 'ASC' ? 'ASC' : 'DESC',\n    },\n  ];\n  return newSort;\n}\n\nfunction getSortValue(sort: SortOrder[]) {\n  if (sort.length > 0 && sort[0]) {\n    return `${sort[0].attribute}_${sort[0].direction}`;\n  }\n  return '';\n}\n"],"names":["SortBy","scope","onSortChange","labels","useText","sortOptions","setSortOptions","useState","current","setCurrent","currentSearchVariables","setCurrentSearchVariables","useEffect","searchEvent","events","payload","_a","sortValue","getSortValue","handleSortChange","value","search","jsx","Picker","getSortOptions","event","next","getSortSearchVariables","translations","defaultSort","finalSortOptions","resultOptions","option","index","sort"],"mappings":"ucAsBO,MAAMA,EAAiC,CAAC,CAAE,MAAAC,EAAO,aAAAC,KAAmB,CACzE,MAAMC,EAASC,EAAQ,CACrB,UAAW,gCACX,eAAgB,yCAChB,QAAS,kCACT,SAAU,mCACV,cAAe,uCAAA,CAChB,EAGK,CAACC,EAAaC,CAAc,EAAIC,EAAgB,CAAA,CAAE,EAClD,CAACC,EAASC,CAAU,EAAIF,EAAS,gBAAgB,EACjD,CAACG,EAAwBC,CAAyB,EAAIJ,EAA0B,CAAA,CAAE,EAExFK,EAAU,IAAM,CAEd,MAAMC,EAAcC,EAAO,GAAG,gBAAkBC,GAAY,OAI1D,GAHAJ,EAA0BI,EAAQ,OAAO,GAGrCC,EAAAD,EAAQ,WAAR,MAAAC,EAAkB,qBACpBV,EAAe,CAAC,GAAGS,EAAQ,SAAS,kBAAkB,CAAC,EAGnDA,EAAQ,QAAQ,MAAM,CACxB,MAAME,EAAYC,EAAaH,EAAQ,QAAQ,IAAI,EAE/CE,GACFR,EAAWQ,CAAS,CAExB,CAEJ,EAAG,CAAE,MAAO,GAAM,MAAAhB,EAAO,EAEzB,MAAO,IAAM,CACXY,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAEL,MAAMM,EAAmB,MAAOC,GAAsC,CACpElB,GAAA,MAAAA,EAAekB,EAAM,CAAC,GAEtBC,EAAO,CAAE,GAAGX,EAAwB,KAAMU,EAAO,YAAa,CAAA,EAAK,CAAE,MAAAnB,EAAO,CAC9E,EAEA,OACEqB,EAACC,EAAA,CACC,SAAQ,GACR,cAAepB,EAAO,UACrB,GAAGqB,EAAenB,EAAaF,CAAM,EACtC,MAAOK,EACP,aAAeiB,GAAU,CACvB,KAAM,CAAE,MAAAL,GAAUK,EAAM,OAClBC,EAAOC,EAAuBP,CAAK,EACzCD,EAAiBO,CAAI,CACvB,CAAA,CAAA,CAGN,EAIA,SAASF,EAAenB,EAAkBuB,EAAwB,CAChE,MAAMC,EAAc,CAAE,KAAMD,EAAa,eAAgB,MAAO,gBAAA,EAE1DE,EAAmBzB,EAAY,OAAO,CAAC0B,EAAoBC,KAC3DA,EAAO,YAAc,YAAcA,EAAO,YAAc,cACtDA,EAAO,YAAc,SACvBD,EAAc,KAAK,CACjB,KAAMH,EAAa,QACnB,MAAO,GAAGI,EAAO,SAAS,MAAA,CAC3B,EACDD,EAAc,KAAK,CACjB,KAAMH,EAAa,SACnB,MAAO,GAAGI,EAAO,SAAS,OAAA,CAC3B,GAEDD,EAAc,KAAK,CACjB,KAAMC,EAAO,MACb,MAAO,GAAGA,EAAO,SAAS,OAAA,CAC3B,GAGED,GACN,CAAA,CAAE,EACL,OAAAD,EAAiB,KAAKD,CAAW,EAC1B,CAAE,QAASC,EAAkB,cAAeD,CAAA,CACrD,CAGA,SAASF,EAAuBV,EAAgC,CAC9D,MAAMgB,EAAQhB,EAAU,QAAQ,GAAG,EAOnC,MAN6B,CAC3B,CACE,UAAWA,EAAU,UAAU,EAAGgB,CAAK,EACvC,UAAWhB,EAAU,UAAUgB,EAAQ,CAAC,IAAM,MAAQ,MAAQ,MAAA,CAChE,CAGJ,CAEA,SAASf,EAAagB,EAAmB,CACvC,OAAIA,EAAK,OAAS,GAAKA,EAAK,CAAC,EACpB,GAAGA,EAAK,CAAC,EAAE,SAAS,IAAIA,EAAK,CAAC,EAAE,SAAS,GAE3C,EACT"}
+{"version":3,"file":"SortBy.js","sources":["/@dropins/storefront-product-discovery/src/containers/SortBy/SortBy.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 { Picker } from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Scope, SearchVariables, SortOrder } from '@/plp/data/models';\nimport { search } from '@/plp/api';\n\nexport interface SortByProps extends HTMLAttributes<HTMLDivElement> {\n  scope?: Scope;\n  onSortChange?: (value: SortOrder | null) => void;\n}\n\nexport const SortBy: Container<SortByProps> = ({ scope, onSortChange }) => {\n  const labels = useText({\n    sortLabel: 'Search.PLP.SortDropdown.title',\n  });\n\n\n  const [sortOptions, setSortOptions] = useState<any[]>([]);\n  const [current, setCurrent] = useState('relevance_DESC');\n  const [currentSearchVariables, setCurrentSearchVariables] = useState<SearchVariables>({});\n\n  useEffect(() => {\n    // Listen for search results\n    const searchEvent = events.on('search/result', (payload) => {\n      setCurrentSearchVariables(payload.request);\n\n      // Configure sort options from metadata\n      if (payload.result?.metadata?.sortableAttributes) {\n        setSortOptions([...payload.result.metadata.sortableAttributes]);\n\n        // Set current sort value from request\n        if (payload.request.sort) {\n          const sortValue = getSortValue(payload.request.sort);\n\n          if (sortValue) {\n            setCurrent(sortValue);\n          }\n        }\n      }\n    }, { eager: true, scope });\n\n    return () => {\n      searchEvent?.off();\n    };\n  }, []);\n\n  const handleSortChange = async (value: SortOrder[]): Promise<void> => {\n    onSortChange?.(value[0]!);\n\n    search({ ...currentSearchVariables, sort: value, currentPage: 1 }, { scope });\n  };\n\n  return (\n    <Picker\n      required\n      floatingLabel={labels.sortLabel}\n      {...getSortOptions(sortOptions)}\n      value={current}\n      handleSelect={(event) => {\n        const { value } = event.target as HTMLSelectElement;\n        const next = getSortSearchVariables(value);\n        handleSortChange(next);\n      }}\n    />\n  );\n};\n\n/** Utility functions */\n\nfunction getSortOptions(sortOptions: any): any {\n  const finalSortOptions = sortOptions.map((option: any) => ({\n    text: option.label,\n    value: `${option.attribute}_DESC`\n  }));\n  return { options: finalSortOptions };\n}\n\n\nfunction getSortSearchVariables(sortValue: string): SortOrder[] {\n  const index = sortValue.indexOf('_');\n  const newSort: SortOrder[] = [\n    {\n      attribute: sortValue.substring(0, index) as string,\n      direction: sortValue.substring(index + 1) === 'ASC' ? 'ASC' : 'DESC',\n    },\n  ];\n  return newSort;\n}\n\nfunction getSortValue(sort: SortOrder[]) {\n  if (sort.length > 0 && sort[0]) {\n    return `${sort[0].attribute}_${sort[0].direction}`;\n  }\n  return '';\n}\n"],"names":["SortBy","scope","onSortChange","labels","useText","sortOptions","setSortOptions","useState","current","setCurrent","currentSearchVariables","setCurrentSearchVariables","useEffect","searchEvent","events","payload","_b","_a","sortValue","getSortValue","handleSortChange","value","search","jsx","Picker","getSortOptions","event","next","getSortSearchVariables","option","index","sort"],"mappings":"ucAsBO,MAAMA,EAAiC,CAAC,CAAE,MAAAC,EAAO,aAAAC,KAAmB,CACzE,MAAMC,EAASC,EAAQ,CACrB,UAAW,+BAAA,CACZ,EAGK,CAACC,EAAaC,CAAc,EAAIC,EAAgB,CAAA,CAAE,EAClD,CAACC,EAASC,CAAU,EAAIF,EAAS,gBAAgB,EACjD,CAACG,EAAwBC,CAAyB,EAAIJ,EAA0B,CAAA,CAAE,EAExFK,EAAU,IAAM,CAEd,MAAMC,EAAcC,EAAO,GAAG,gBAAkBC,GAAY,SAI1D,GAHAJ,EAA0BI,EAAQ,OAAO,GAGrCC,GAAAC,EAAAF,EAAQ,SAAR,YAAAE,EAAgB,WAAhB,MAAAD,EAA0B,qBAC5BV,EAAe,CAAC,GAAGS,EAAQ,OAAO,SAAS,kBAAkB,CAAC,EAG1DA,EAAQ,QAAQ,MAAM,CACxB,MAAMG,EAAYC,EAAaJ,EAAQ,QAAQ,IAAI,EAE/CG,GACFT,EAAWS,CAAS,CAExB,CAEJ,EAAG,CAAE,MAAO,GAAM,MAAAjB,EAAO,EAEzB,MAAO,IAAM,CACXY,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAEL,MAAMO,EAAmB,MAAOC,GAAsC,CACpEnB,GAAA,MAAAA,EAAemB,EAAM,CAAC,GAEtBC,EAAO,CAAE,GAAGZ,EAAwB,KAAMW,EAAO,YAAa,CAAA,EAAK,CAAE,MAAApB,EAAO,CAC9E,EAEA,OACEsB,EAACC,EAAA,CACC,SAAQ,GACR,cAAerB,EAAO,UACrB,GAAGsB,EAAepB,CAAW,EAC9B,MAAOG,EACP,aAAekB,GAAU,CACvB,KAAM,CAAE,MAAAL,GAAUK,EAAM,OAClBC,EAAOC,EAAuBP,CAAK,EACzCD,EAAiBO,CAAI,CACvB,CAAA,CAAA,CAGN,EAIA,SAASF,EAAepB,EAAuB,CAK7C,MAAO,CAAE,QAJgBA,EAAY,IAAKwB,IAAiB,CACzD,KAAMA,EAAO,MACb,MAAO,GAAGA,EAAO,SAAS,OAAA,EAC1B,CACgB,CACpB,CAGA,SAASD,EAAuBV,EAAgC,CAC9D,MAAMY,EAAQZ,EAAU,QAAQ,GAAG,EAOnC,MAN6B,CAC3B,CACE,UAAWA,EAAU,UAAU,EAAGY,CAAK,EACvC,UAAWZ,EAAU,UAAUY,EAAQ,CAAC,IAAM,MAAQ,MAAQ,MAAA,CAChE,CAGJ,CAEA,SAASX,EAAaY,EAAmB,CACvC,OAAIA,EAAK,OAAS,GAAKA,EAAK,CAAC,EACpB,GAAGA,EAAK,CAAC,EAAE,SAAS,IAAIA,EAAK,CAAC,EAAE,SAAS,GAE3C,EACT"}

package/data/models/api.d.ts

@@ -50,6 +50,10 @@ export interface ProductSearchResult {
     };
     suggestions?: string[];
     totalCount: number;
+    metadata?: {
+        filterableAttributes: RefineOption[];
+        sortableAttributes: RefineOption[];
+    };
 }
 export interface SearchFacet {
     title: string;

package/data/transforms/api.d.ts

@@ -1,7 +1,7 @@
-import { ProductSearchResult } from '../models';
+import { ProductSearchResult, SearchVariables } from '../models';
 import { Product } from '../models/product';
 
-export declare function transformProductSearchResponse(data: any): ProductSearchResult;
+export declare function transformProductSearchResponse(data: any, searchVariables?: SearchVariables): ProductSearchResult;
 export declare const transformSearchResultProducts: (searchResponse: {
     productSearch: {
         items: any[];

package/i18n/en_US.json.d.ts

@@ -2,36 +2,17 @@ declare const _default: {
     "Search": {
         "PLP": {
             "Warning": {
-                "minQueryLength": "Your search term {SEARCH_PHRASE} has not reached the minimum of {{minQueryLength}} characters.",
                 "noResults": "Your search returned no results.",
                 "searchError": "An error occurred while searching."
             },
             "SortDropdown": {
-                "title": "Sort by",
-                "option": "Sort by: {{selectedOption}}",
-                "relevanceLabel": "Most Relevant",
-                "positionLabel": "Position",
-                "sortAttributeASC": "{{label}}: Low to High",
-                "sortAttributeDESC": "{{label}}: High to Low",
-                "sortASC": "Price: Low to High",
-                "sortDESC": "Price: High to Low",
-                "productName": "Product Name",
-                "productInStock": "In Stock",
-                "productLowStock": "Low Stock"
+                "title": "Sort by"
             }
         },
         "Facet": {
             "showMore": "Show more",
             "showLess": "Show less",
             "clearAll": "Clear all"
-        },
-        "ResultsInfo": {
-            "resultsFor": "Results for",
-            "products": "products"
-        },
-        "SearchInput": {
-            "placeholder": "Search",
-            "viewAllButton": "View All"
         }
     }
 }

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-product-discovery", "version": "2.0.0-alpha004", "@dropins/tools": "1.4.1-alpha007", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-product-discovery", "version": "2.0.0-alpha006", "@dropins/tools": "1.4.1-alpha007", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -1,5 +1,5 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-(function(d,r){try{if(typeof document<"u"){const t=document.createElement("style"),o=r.styleId;for(const e in r.attributes)t.setAttribute(e,r.attributes[e]);t.setAttribute("data-dropin",o),t.appendChild(document.createTextNode(d));const i=document.querySelector('style[data-dropin="sdk"]');if(i)i.after(t);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(t):document.head.append(t)}}}catch(t){console.error("dropin-styles (injectCodeFunction)",t)}})(".product-discovery-product-list{container-type:inline-size;display:flex;flex-direction:column;width:100%}.product-discovery-product-list__container{display:flex;flex-direction:column;width:100%}.product-discovery-product-list__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-small)}.product-discovery-product-list__grid .dropin-product-item-card{border:unset;margin:unset;width:100%}.product-discovery-product-list__grid .dropin-product-item-card img,.product-discovery-product-list__grid .dropin-product-item-card__skeleton__image{aspect-ratio:var(--imageWidth) / var(--imageHeight);max-height:unset;height:unset}@container (min-width: 600px){.product-discovery-product-list__grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 900px){.product-discovery-product-list__grid{grid-template-columns:repeat(3,1fr)}}@container (min-width: 1200px){.product-discovery-product-list__grid{grid-template-columns:repeat(4,1fr)}}.product-discovery-search-alert-message__wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:300px}.product-discovery-search-alert-message__content{display:flex;justify-content:center}.product-discovery-facet{padding-block:var(--spacing-small)}.product-discovery-facet:not(.product-discovery-facet--last){border-bottom:1px solid var(--color-neutral-400)}.product-discovery-facet__header{display:block;margin-block-end:var(--spacing-xsmall)}.product-discovery-facet__bucket .dropin-price-range .dropin-price--small.dropin-price--bold{font:var(--type-body-2-default-font)}.product-discovery-facet__bucket .dropin-radio-button__label:before{margin-right:var(--spacing-xsmall)}.product-discovery-facet-list{display:flex;flex-direction:column;width:100%}.product-discovery-facet-list__selected-filters{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--spacing-xxsmall);padding:0 0 var(--spacing-xxsmall) 0}.product-discovery-facet-list__selected-filters button{padding:0 var(--spacing-xxsmall);margin:0 var(--spacing-xxsmall);border-radius:var(--shape-border-radius-2)}.product-discovery-facet-list__selected-filters .dropin-price-range .dropin-price--small.dropin-price--bold{font:var(--type-button-2-font)}.product-discovery-facet-list__facet-options{text-align:left}.product-discovery-facet-list__facet-options button{padding:0}.product-discovery-facet-list__facet-options .dropin-radio-button{padding:var(--spacing-xxsmall) 0}.product-discovery-facet-list__facet-options--hidden{display:none}.product-discovery-facet-list .dropin-divider{margin:var(--spacing-xsmall) 0 var(--spacing-xsmall) 0}",{styleId:"storefront-product-discovery"});
-import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{Render as c}from"@dropins/tools/lib.js";import{useState as i,useEffect as a}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as u}from"@dropins/tools/event-bus.js";const h={PLP:{Warning:{minQueryLength:"Your search term {SEARCH_PHRASE} has not reached the minimum of {{minQueryLength}} characters.",noResults:"Your search returned no results.",searchError:"An error occurred while searching."},SortDropdown:{title:"Sort by",option:"Sort by: {{selectedOption}}",relevanceLabel:"Most Relevant",positionLabel:"Position",sortAttributeASC:"{{label}}: Low to High",sortAttributeDESC:"{{label}}: High to Low",sortASC:"Price: Low to High",sortDESC:"Price: High to Low",productName:"Product Name",productInStock:"In Stock",productLowStock:"Low Stock"}},Facet:{showMore:"Show more",showLess:"Show less",clearAll:"Clear all"},ResultsInfo:{resultsFor:"Results for",products:"products"},SearchInput:{placeholder:"Search",viewAllButton:"View All"}},S={Search:h},m={default:S},d=({children:r})=>{const[t,n]=i("en_US");return a(()=>{const e=u.on("locale",s=>{n(s)},{eager:!0});return()=>{e==null||e.off()}},[]),o(l,{lang:t,langDefinitions:m,children:r})},A=new c(o(d,{}));export{A as render};
+(function(d,r){try{if(typeof document<"u"){const t=document.createElement("style"),o=r.styleId;for(const e in r.attributes)t.setAttribute(e,r.attributes[e]);t.setAttribute("data-dropin",o),t.appendChild(document.createTextNode(d));const i=document.querySelector('style[data-dropin="sdk"]');if(i)i.after(t);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(t):document.head.append(t)}}}catch(t){console.error("dropin-styles (injectCodeFunction)",t)}})(".product-discovery-product-list{container-type:inline-size;display:flex;flex-direction:column;width:100%}.product-discovery-product-list__container{display:flex;flex-direction:column;width:100%}.product-discovery-product-list__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-small)}.product-discovery-product-list__grid .dropin-product-item-card{margin:unset;width:100%}.product-discovery-product-list__grid .dropin-product-item-card img,.product-discovery-product-list__grid .dropin-product-item-card__skeleton__image{aspect-ratio:var(--imageWidth) / var(--imageHeight);max-height:unset;height:unset}@container (min-width: 600px){.product-discovery-product-list__grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 900px){.product-discovery-product-list__grid{grid-template-columns:repeat(3,1fr)}}@container (min-width: 1200px){.product-discovery-product-list__grid{grid-template-columns:repeat(4,1fr)}}.product-discovery-search-alert-message__wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:300px}.product-discovery-search-alert-message__content{display:flex;justify-content:center}.product-discovery-facet{padding-block:var(--spacing-small)}.product-discovery-facet:not(.product-discovery-facet--last){border-bottom:1px solid var(--color-neutral-400)}.product-discovery-facet__header{display:block;margin-block-end:var(--spacing-xsmall)}.product-discovery-facet__bucket .dropin-price-range .dropin-price--small.dropin-price--bold{font:var(--type-body-2-default-font)}.product-discovery-facet__bucket .dropin-radio-button__label:before{margin-right:var(--spacing-xsmall)}.product-discovery-facet-list{display:flex;flex-direction:column;width:100%}.product-discovery-facet-list__selected-filters{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--spacing-xxsmall);padding:0 0 var(--spacing-xxsmall) 0}.product-discovery-facet-list__selected-filters button{padding:0 var(--spacing-xxsmall);margin:0 var(--spacing-xxsmall);border-radius:var(--shape-border-radius-2)}.product-discovery-facet-list__selected-filters .dropin-price-range .dropin-price--small.dropin-price--bold{font:var(--type-button-2-font)}.product-discovery-facet-list__facet-options{text-align:left}.product-discovery-facet-list__facet-options button{padding:0}.product-discovery-facet-list__facet-options .dropin-radio-button{padding:var(--spacing-xxsmall) 0}.product-discovery-facet-list__facet-options--hidden{display:none}.product-discovery-facet-list .dropin-divider{margin:var(--spacing-xsmall) 0 var(--spacing-xsmall) 0}",{styleId:"storefront-product-discovery"});
+import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{Render as c}from"@dropins/tools/lib.js";import{useState as a,useEffect as i}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as f}from"@dropins/tools/event-bus.js";const m={PLP:{Warning:{noResults:"Your search returned no results.",searchError:"An error occurred while searching."},SortDropdown:{title:"Sort by"}},Facet:{showMore:"Show more",showLess:"Show less",clearAll:"Clear all"}},u={Search:m},h={default:u},S=({children:o})=>{const[t,n]=a("en_US");return i(()=>{const r=f.on("locale",s=>{n(s)},{eager:!0});return()=>{r==null||r.off()}},[]),e(l,{lang:t,langDefinitions:h,children:o})},L=new c(e(S,{}));export{L as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-product-discovery/src/render/Provider.tsx","/@dropins/storefront-product-discovery/src/render/render.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({ children }) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true },\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"kjCAkBMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAAE,SAAAC,KAAe,CAC9E,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,CAEJ,ECpCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}
+{"version":3,"file":"render.js","sources":["/@dropins/storefront-product-discovery/src/render/Provider.tsx","/@dropins/storefront-product-discovery/src/render/render.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({ children }) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true },\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"6gBAkBMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAAE,SAAAC,KAAe,CAC9E,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,CAEJ,ECpCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}