@dropins/storefront-product-discovery 0.8.0-alpha.1

package/components/FacetList/FacetList.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface FacetListProps extends HTMLAttributes<HTMLDivElement> {
+    selectedFacets: VNode;
+    facets: VNode;
+}
+export declare const FacetList: FunctionComponent<FacetListProps>;
+//# sourceMappingURL=FacetList.d.ts.map

package/components/FacetList/index.d.ts

@@ -0,0 +1,19 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export * from './FacetList';
+export { FacetList as default } from './FacetList';
+//# sourceMappingURL=index.d.ts.map

package/components/ProductItem/ProductItem.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+import { Product } from '../../data/models/product';
+
+export interface ProductItemProps extends HTMLAttributes<HTMLDivElement> {
+    productItem: Product;
+    productImage?: VNode;
+    productName?: VNode;
+    productPrice?: VNode;
+}
+export declare const ProductItem: FunctionComponent<ProductItemProps>;
+//# sourceMappingURL=ProductItem.d.ts.map

package/components/ProductItem/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ProductItem';
+export { ProductItem as default } from './ProductItem';
+//# sourceMappingURL=index.d.ts.map

package/components/ProductList/ProductList.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface ProductListProps extends HTMLAttributes<HTMLDivElement> {
+    header?: VNode;
+    productList?: VNode[];
+    footer?: VNode;
+}
+export declare const ProductList: FunctionComponent<ProductListProps>;
+//# sourceMappingURL=ProductList.d.ts.map

package/components/ProductList/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ProductList';
+export { ProductList as default } from './ProductList';
+//# sourceMappingURL=index.d.ts.map

package/components/ResultsInfo/ResultsInfo.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface ResultsInfoProps extends HTMLAttributes<HTMLDivElement> {
+    searchPhrase?: VNode;
+    totalCount?: VNode;
+}
+export declare const ResultsInfo: FunctionComponent<ResultsInfoProps>;
+//# sourceMappingURL=ResultsInfo.d.ts.map

package/components/ResultsInfo/index.d.ts

@@ -0,0 +1,19 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export * from './ResultsInfo';
+export { ResultsInfo as default } from './ResultsInfo';
+//# sourceMappingURL=index.d.ts.map

package/components/SearchAlertMessage/SearchAlertMessage.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface SearchAlertMessageProps extends HTMLAttributes<HTMLDivElement> {
+    alertMessage?: string;
+}
+export declare const SearchAlertMessage: FunctionComponent<SearchAlertMessageProps>;
+//# sourceMappingURL=SearchAlertMessage.d.ts.map

package/components/SearchAlertMessage/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './SearchAlertMessage';
+export { SearchAlertMessage as default } from './SearchAlertMessage';
+//# sourceMappingURL=index.d.ts.map

package/components/SearchBarInput/SearchBarInput.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface SearchBarInputProps extends HTMLAttributes<HTMLDivElement> {
+    searchIcon?: VNode;
+    searchQuery?: string;
+    defaultQueryPlaceholder?: string;
+    isLoading?: boolean;
+    error?: string | null;
+    onQueryInput?: (query: string) => void;
+    onExecuteSearch?: (query: string) => void;
+    onClose?: () => void;
+}
+export declare const SearchBarInput: FunctionComponent<SearchBarInputProps>;
+//# sourceMappingURL=SearchBarInput.d.ts.map

package/components/SearchBarInput/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './SearchBarInput';
+export { SearchBarInput as default } from './SearchBarInput';
+//# sourceMappingURL=index.d.ts.map

package/components/SearchBarResults/SearchBarResults.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface SearchBarResultsProps extends HTMLAttributes<HTMLDivElement> {
+    productList?: VNode[];
+    viewAllButton?: VNode;
+    onClose?: () => void;
+}
+export declare const SearchBarResults: FunctionComponent<SearchBarResultsProps>;
+//# sourceMappingURL=SearchBarResults.d.ts.map

package/components/SearchBarResults/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './SearchBarResults';
+export { SearchBarResults as default } from './SearchBarResults';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -0,0 +1,17 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ProductList';
+export * from './SearchAlertMessage';
+export * from './Facet';
+export * from './FacetList';
+export * from './ResultsInfo';
+export * from './SearchBarInput';
+export * from './SearchBarResults';
+export * from './ProductItem';
+//# sourceMappingURL=index.d.ts.map

package/containers/Facets/Facets.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+
+export interface FacetsProps extends HTMLAttributes<HTMLDivElement> {
+    slots?: {
+        Facet?: SlotProps;
+        SelectedFacets?: SlotProps;
+        Facets?: SlotProps;
+    };
+}
+export declare const Facets: Container<FacetsProps>;
+//# sourceMappingURL=Facets.d.ts.map

package/containers/Facets/index.d.ts

@@ -0,0 +1,19 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export * from './Facets';
+export { Facets as default } from './Facets';
+//# sourceMappingURL=index.d.ts.map

package/containers/Facets/utils/facetUtils.d.ts

@@ -0,0 +1,17 @@
+import { SearchFacet } from '../../../data/models/api';
+import { Product } from '../../../data/models/product';
+
+declare const getFilterSelection: (facet: SearchFacet) => {
+    attribute: string;
+    range: {
+        from: number | undefined;
+        to: number | undefined;
+    };
+} | {
+    attribute: string;
+    in: string[];
+} | null | undefined;
+declare const getCurrencyType: (items: Product[]) => string;
+declare const getBucketLabel: (bucket: any, facet: SearchFacet, currency: string | null) => any;
+export { getBucketLabel, getCurrencyType, getFilterSelection };
+//# sourceMappingURL=facetUtils.d.ts.map

package/containers/Facets.d.ts

@@ -0,0 +1,3 @@
+export * from './Facets/index'
+import _default from './Facets/index'
+export default _default

package/containers/Facets.js

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

package/containers/Facets.js.map

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

package/containers/ProductList/ProductList.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { Product } from '../../data/models/product';
+
+export interface ProductListProps extends HTMLAttributes<HTMLDivElement> {
+    minQueryLength?: number;
+    slots?: {
+        Header?: SlotProps;
+        ProductActions?: SlotProps;
+        ProductPrice?: SlotProps;
+        ProductName?: SlotProps;
+        ProductImage?: SlotProps;
+        Footer?: SlotProps;
+    };
+    pageSize?: number;
+    routeProduct?: (product: Product) => string;
+}
+export declare const ProductList: Container<ProductListProps>;
+//# sourceMappingURL=ProductList.d.ts.map

package/containers/ProductList/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ProductList';
+export { ProductList as default } from './ProductList';
+//# sourceMappingURL=index.d.ts.map

package/containers/ProductList/utils/getAttributeMetadata.d.ts

@@ -0,0 +1,10 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export declare function getAttributeMetadata(): any;
+//# sourceMappingURL=getAttributeMetadata.d.ts.map

package/containers/ProductList/utils/getProductSearch.d.ts

@@ -0,0 +1,4 @@
+import { SearchVariables } from '../../../data/models';
+
+export declare function getProductSearch(variables: SearchVariables): any;
+//# sourceMappingURL=getProductSearch.d.ts.map

package/containers/ProductList/utils/sortUtils.d.ts

@@ -0,0 +1,9 @@
+import { SortOrder } from '../../../data/models/api';
+
+declare const getDefaultSort: (translations: any) => any;
+declare const setSortOptions: (sortOptions: any, translations: any) => any;
+declare const getSortSearchVariables: (sortValue: string) => SortOrder[];
+declare const getSortValue: (sort: SortOrder[]) => string;
+declare const getPickerOption: (options: any, value: string) => any;
+export { getDefaultSort, getSortSearchVariables, setSortOptions, getPickerOption, getSortValue };
+//# sourceMappingURL=sortUtils.d.ts.map

package/containers/ProductList/utils/urlUtils.d.ts

@@ -0,0 +1,16 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+declare const getValueFromUrl: (param: string) => string;
+declare const updateUrlPagination: (pageNumber: number) => void;
+declare const updateUrlSort: (sortOption: string) => void;
+declare const updateUrlSearchPhrase: (searchPhrase: string) => void;
+declare const getFiltersFromUrl: (filterableAttributes: string[]) => any[];
+declare const addUrlFilters: (filters: any[]) => void;
+export { addUrlFilters, getFiltersFromUrl, getValueFromUrl, updateUrlPagination, updateUrlSort, updateUrlSearchPhrase };
+//# sourceMappingURL=urlUtils.d.ts.map

package/containers/ProductList.d.ts

@@ -0,0 +1,3 @@
+export * from './ProductList/index'
+import _default from './ProductList/index'
+export default _default

package/containers/ProductList.js

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

package/containers/ProductList.js.map

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