@dropins/storefront-product-discovery 1.1.0-beta2 → 1.1.0-beta3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/containers/ProductList.js +1 -1
  2. package/containers/ProductList.js.map +1 -1
  3. package/package.json +1 -1
  4. package/render.js +1 -1
package/containers/ProductList.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- import{jsx as o,jsxs as N}from"@dropins/tools/preact-jsx-runtime.js";import*as P from"@dropins/tools/preact-compat.js";import{useState as S,useCallback as pe,useEffect as ge}from"@dropins/tools/preact-compat.js";import{classes as _,VComponent as p,Slot as C}from"@dropins/tools/lib.js";import{Skeleton as Se,SkeletonRow as D,InLineAlert as _e,Icon as Pe,Pagination as we,Picker as Le,PriceRange as v,Image as Ce}from"@dropins/tools/components.js";import{p as ke}from"../chunks/productSearch.js";import{a as ye,b as Ee,c as xe}from"../chunks/api.js";import{u as Re,P as w,a as Ne,b as Ae,c as Ie,d as De,e as Ue,s as qe}from"../chunks/acdlEvents.js";import{a as ze}from"../chunks/attributeMetadata.js";/* empty css *//* empty css *//* empty css *//* empty css */import{events as $}from"@dropins/tools/event-bus.js";import{useText as Fe,Text as He}from"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const $e=t=>P.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},P.createElement("g",{clipPath:"url(#clip0_841_1324)"},P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_841_1324"},P.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),Me=()=>o("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:N(Se,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:[o(D,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"}),N("div",{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[o(D,{fullWidth:!0,size:"large",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"small",className:"dropin-product-item-card__skeleton__item"})]})," "]})}),ve=({className:t,image:r,titleNode:n,price:d,sku:i,actionButton:a,swatches:l,initialized:u=!1,...A})=>u?N("div",{...A,className:_(["dropin-product-item-card",t]),children:[o("div",{className:"dropin-product-item-card__image-container",children:r&&o(p,{node:r,className:_(["dropin-product-item-card__image"])})}),N("div",{className:"dropin-product-item-card__content",children:[n&&o(p,{node:n,className:_(["dropin-product-item-card__title"])}),i&&o(p,{node:i,className:_(["dropin-product-item-card__sku"])}),d&&o("div",{className:"dropin-product-item-card__price",children:o(p,{node:d,className:_(["dropin-product-item-card__price"])})}),l&&o("div",{className:"dropin-product-item-card__swatches",children:o(p,{node:l,className:_(["dropin-product-item-card__swatches"])})}),a&&o("div",{className:"dropin-product-item-card__action",children:o(p,{node:a,className:_(["dropin-product-item-card__action"])})})]})]}):o(Me,{});function Oe(t){var i;let r="";try{r=self.crypto.randomUUID(),Re(w,r,t.phrase||"",t.filter||[],t.pageSize||0,t.currentPage||0,t.sort||[]),Ne(w)}catch(a){console.error("Error collecting data:",a)}const n={attribute:"visibility",in:["Search","Catalog, Search"]},d=structuredClone(t);return(i=d.filter)==null||i.push(n),ke(d).then(a=>{const l=ye(a);try{Ae(w,r,l),Ie(w),t.phrase?De(w):Ue(w)}catch(u){console.error("Error collecting data:",u)}return l}).catch(a=>{throw console.error("Error fetching product search:",a),new Error("Error fetching product search.")}).finally(()=>{})}function We(){return ze().then(t=>Ee(t)).catch(t=>{throw console.error("Error fetching attribute metadata:",t),new Error("Error fetching attribute metadata.")}).finally(()=>{})}const j=(t,r)=>r?{text:t.positionLabel,value:"position_ASC"}:{text:t.relevanceLabel,value:"relevance_DESC"},je=(t,r,n)=>{const d=j(r,n),i=t.reduce((a,l)=>(l.attribute!=="position"&&l.attribute!=="relevance"&&(l.attribute==="price"?(a.push({text:r.sortASC,value:`${l.attribute}_ASC`}),a.push({text:r.sortDESC,value:`${l.attribute}_DESC`})):a.push({text:l.label,value:`${l.attribute}_DESC`})),a),[]);return i.push(d),{options:i,default:d}},U=t=>{const r=t.indexOf("_");return[{attribute:t.substring(0,r),direction:t.substring(r+1)==="ASC"?"ASC":"DESC"}]},Te=t=>t.length>0?`${t[0].attribute}_${t[0].direction}`:"",Qe=(t,r)=>{const n=t.findIndex(d=>d.value===r);return n>-1?t[n]:null},Ze=({header:t,productList:r,footer:n})=>N("div",{className:"product-discovery-product-list",children:[t&&o(p,{className:"product-discovery-product-list__header",node:t}),o("div",{className:"product-discovery-product-list__grid",children:r&&o(p,{node:r})}),n&&o(p,{className:"product-discovery-product-list__pagination",node:n})]}),Be=({alertMessage:t=""})=>o("div",{className:_(["product-discovery-search-alert-message__wrapper"]),children:o("div",{className:"product-discovery-search-alert-message__content",children:o(_e,{heading:t,type:"warning",icon:o(Pe,{source:$e,size:"24"}),onDismiss:void 0})})}),T={search:"q",search_query:"search_query",pagination:"p",sort:"product_list_order",page_size:"page_size"},k=t=>{const n=Q().get(t);return n||""},Q=()=>{const t=window.location.search;return new URLSearchParams(t)},Ke=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);t===1?n.delete("p"):n.set("p",t.toString()),q(r.pathname,n)},Ge=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("product_list_order",t),q(r.pathname,n)},Je=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("q",t),q(r.pathname,n)},q=(t,r)=>{r.toString()===""?window.history.pushState({},"",`${t}`):window.history.pushState({},"",`${t}?${r.toString()}`)},O=t=>{var d;const r=Q(),n=[];for(const[i,a]of r.entries())if(t.includes(i)&&!Object.values(T).includes(i))if(a.includes("--")){const l=a.split("--"),u={attribute:i,range:{from:Number(l[0]),to:Number(l[1])}};n.push(u)}else{const l=n.findIndex(u=>u.attribute==i);if(l!==-1)(d=n[l].in)==null||d.push(a);else{const u={attribute:i,in:[a]};n.push(u)}}return n},Xe=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);for(const d of r.searchParams.keys())Object.values(T).includes(d)||n.delete(d);t.forEach(d=>{const i=d.attribute;if(d.range){const a=d.range;k(i)?(n.delete(i),n.append(i,`${a.from}--${a.to}`)):n.append(i,`${a.from}--${a.to}`)}else{const a=d.in||[],l=n.getAll(i);a.map(u=>{l.includes(u)||n.append(i,u)})}}),q(r.pathname,n)},W=t=>new DOMParser().parseFromString(t,"text/html").documentElement.textContent,ht=({minQueryLength:t=3,slots:r,pageSize:n=12,routeProduct:d,categoryPath:i})=>{const a=Fe({sortLabel:"Search.PLP.SortDropdown.title",relevanceLabel:"Search.PLP.SortDropdown.relevanceLabel",sortASC:"Search.PLP.SortDropdown.sortASC",sortDESC:"Search.PLP.SortDropdown.sortDESC",minQueryLength:o(He,{id:"Search.PLP.Warning.minQueryLength",fields:{minQueryLength:t}}),noResults:"Search.PLP.Warning.noResults",searchError:"Search.PLP.Warning.searchError",positionLabel:"Search.PLP.SortDropdown.positionLabel"}),[l,u]=S([]),[A,Z]=S(),[B,K]=S(1),[G,L]=S(!1),[J,y]=S(a.noResults),I=j(a,i),[X,z]=S(),[Y,b]=S([]),V=[...Array(n).keys()].map(()=>{const e=xe({});return e.initialized=!1,e}),[E,ee]=S(V),F=e=>{qe(e.sku,w)},te=e=>{x({currentPage:e})},re=e=>{Z(e),Ke(e)},ne=e=>{const c=U(e);z(e),x({sort:c})},oe=e=>{var h;const c=k("product_list_order"),m=U(c||I.value),s={phrase:i?"":(e==null?void 0:e.phrase)||k("q"),pageSize:(e==null?void 0:e.pageSize)||n,currentPage:(e==null?void 0:e.currentPage)||A,filter:(e==null?void 0:e.filter)||O(Y),sort:(e==null?void 0:e.sort)||m};return(e!=null&&e.phrase||e!=null&&e.filter||e!=null&&e.sort||e!=null&&e.pageSize)&&(s.currentPage=1,e!=null&&e.phrase&&(s.filter=[],s.sort=U(I.value),z(I.value))),i?(s.phrase="",s.filter=(h=s.filter)==null?void 0:h.concat({attribute:"categoryPath",eq:i})):s.phrase=(e==null?void 0:e.phrase)||k("q")||"",s},ce=e=>{if(!i){const s=e.phrase||"";Je(s)}const c=e.filter||[];Xe(c);const m=Te(e.sort||[]);Ge(m)},se=e=>We().then(c=>{b(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute));const m=je(c==null?void 0:c.sortable,a,i);u(m.options);const s=Qe(m.options,e||m.default.value);return z(s.value),O(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute))}).catch(()=>{L(!0),y(a.searchError)}),x=e=>{var m;const c=oe(e);if(ce(c),!i&&(((m=c==null?void 0:c.phrase)==null?void 0:m.length)||0)<t)L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",(c==null?void 0:c.phrase)||"")),H();else return L(!1),Oe(c).then(s=>{var h,f;$.emit("search/result",{result:s,request:c}),(s==null?void 0:s.totalCount)===0&&(s==null?void 0:s.items.length)===0?(L(!0),y(a.noResults)):(ee(s==null?void 0:s.items.map(g=>(g.initialized=!0,g))),re(((h=s==null?void 0:s.pageInfo)==null?void 0:h.currentPage)||1),K(((f=s==null?void 0:s.pageInfo)==null?void 0:f.totalPages)||1))}).catch(()=>{L(!0),y(a.searchError),H()}).finally(()=>{})},ae=pe(e=>{x(e)},[]),H=()=>{$.emit("search/result",{result:{},request:{}})};ge(()=>{const e=k("q"),c=k("product_list_order")||I.value;se(c).then(s=>{i?x({filter:[{attribute:"categoryPath",eq:i}]}):e!=null&&e.length&&e.length<t?(L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",e)),H()):x({filter:s})});const m=$.on("search/request",ae);return()=>{m==null||m.off()}},[]);const ie=e=>o(C,{name:"ProductActions",slot:r==null?void 0:r.ProductActions,context:{product:e}}),de=e=>{var s,h,f,g,R;let c=e.typename==="ComplexProductView"?(s=e.priceRange)==null?void 0:s.minimum.regular.amount.currency:(h=e.price)==null?void 0:h.regular.amount.currency;Intl.supportedValuesOf("currency").indexOf(c||"")===-1&&(c="USD");const m=e.typename==="ComplexProductView"?o(v,{display:"from to",minimumAmount:(f=e.priceRange)==null?void 0:f.minimum.regular.amount.value,maximumAmount:(g=e.priceRange)==null?void 0:g.maximum.regular.amount.value,currency:c}):o(v,{amount:(R=e.price)==null?void 0:R.regular.amount.value,currency:c});return o(C,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:m}):m})},le=e=>{const c=e.name!==null?W(e.name):"";return o(C,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:c}):c})},me=(e,c)=>{var f,g,R,M;const m={loading:c<8?"eager":"lazy",src:((g=(f=e.images)==null?void 0:f[0])==null?void 0:g.url)||"",alt:((M=(R=e.images)==null?void 0:R[0])==null?void 0:M.label)||"",width:200,height:250,params:{width:200}},s=e.name!==null?W(e.name):e.sku,h=o(Ce,{class:"product-discovery-product-item__image",...m,"aria-label":s});return o(C,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{product:e,defaultImageProps:m},children:d?o("a",{href:d(e),onClick:()=>F(e),children:h}):h})},ue=()=>o(C,{name:"Header",slot:r==null?void 0:r.Header,context:{productList:E},children:o(Le,{floatingLabel:a.sortLabel,options:l,value:X,required:!0,handleSelect:e=>{const{value:c}=e.target;ne(c)},"data-testid":"product-list-sort-by-picker"})}),he=()=>o(C,{name:"Footer",slot:r==null?void 0:r.Footer,context:{productList:E},children:o(we,{currentPage:A,totalPages:B,onChange:e=>{te(e)}})}),fe=o(Ze,{header:ue(),footer:he(),productList:E==null?void 0:E.map((e,c)=>o(ve,{image:me(e,c),titleNode:le(e),price:de(e),actionButton:ie(e),initialized:e.initialized},e.id||e.sku))});return o("div",{class:"product-discovery-product-list__container",children:G?o(Be,{alertMessage:J}):fe})};export{ht as ProductList,ht as default};
3
+ import{jsxs as N,jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import*as P from"@dropins/tools/preact-compat.js";import{useState as S,useCallback as ge,useEffect as Se}from"@dropins/tools/preact-compat.js";import{classes as _,VComponent as p,Slot as C}from"@dropins/tools/lib.js";import{Skeleton as O,SkeletonRow as D,InLineAlert as _e,Icon as Pe,Pagination as we,Picker as Le,PriceRange as W,Image as Ce}from"@dropins/tools/components.js";import{p as ke}from"../chunks/productSearch.js";import{a as ye,b as Ee,c as xe}from"../chunks/api.js";import{u as Re,P as w,a as Ne,b as Ae,c as Ie,d as De,e as Ue,s as qe}from"../chunks/acdlEvents.js";import{a as ze}from"../chunks/attributeMetadata.js";/* empty css *//* empty css *//* empty css *//* empty css */import{events as $}from"@dropins/tools/event-bus.js";import{useText as Fe,Text as He}from"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const $e=t=>P.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},P.createElement("g",{clipPath:"url(#clip0_841_1324)"},P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_841_1324"},P.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),Me=()=>N("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[o(O,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:o(D,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),N(O,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[o(D,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),o(D,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),Oe=({className:t,image:r,titleNode:n,price:d,sku:i,actionButton:a,swatches:l,initialized:u=!1,...A})=>u?N("div",{...A,className:_(["dropin-product-item-card",t]),children:[o("div",{className:"dropin-product-item-card__image-container",children:r&&o(p,{node:r,className:_(["dropin-product-item-card__image"])})}),N("div",{className:"dropin-product-item-card__content",children:[n&&o(p,{node:n,className:_(["dropin-product-item-card__title"])}),i&&o(p,{node:i,className:_(["dropin-product-item-card__sku"])}),d&&o("div",{className:"dropin-product-item-card__price",children:o(p,{node:d,className:_(["dropin-product-item-card__price"])})}),l&&o("div",{className:"dropin-product-item-card__swatches",children:o(p,{node:l,className:_(["dropin-product-item-card__swatches"])})}),a&&o("div",{className:"dropin-product-item-card__action",children:o(p,{node:a,className:_(["dropin-product-item-card__action"])})})]})]}):o(Me,{});function We(t){var i;let r="";try{r=self.crypto.randomUUID(),Re(w,r,t.phrase||"",t.filter||[],t.pageSize||0,t.currentPage||0,t.sort||[]),Ne(w)}catch(a){console.error("Error collecting data:",a)}const n={attribute:"visibility",in:["Search","Catalog, Search"]},d=structuredClone(t);return(i=d.filter)==null||i.push(n),ke(d).then(a=>{const l=ye(a);try{Ae(w,r,l),Ie(w),t.phrase?De(w):Ue(w)}catch(u){console.error("Error collecting data:",u)}return l}).catch(a=>{throw console.error("Error fetching product search:",a),new Error("Error fetching product search.")}).finally(()=>{})}function ve(){return ze().then(t=>Ee(t)).catch(t=>{throw console.error("Error fetching attribute metadata:",t),new Error("Error fetching attribute metadata.")}).finally(()=>{})}const T=(t,r)=>r?{text:t.positionLabel,value:"position_ASC"}:{text:t.relevanceLabel,value:"relevance_DESC"},je=(t,r,n)=>{const d=T(r,n),i=t.reduce((a,l)=>(l.attribute!=="position"&&l.attribute!=="relevance"&&(l.attribute==="price"?(a.push({text:r.sortASC,value:`${l.attribute}_ASC`}),a.push({text:r.sortDESC,value:`${l.attribute}_DESC`})):a.push({text:l.label,value:`${l.attribute}_DESC`})),a),[]);return i.push(d),{options:i,default:d}},U=t=>{const r=t.indexOf("_");return[{attribute:t.substring(0,r),direction:t.substring(r+1)==="ASC"?"ASC":"DESC"}]},Te=t=>t.length>0?`${t[0].attribute}_${t[0].direction}`:"",Qe=(t,r)=>{const n=t.findIndex(d=>d.value===r);return n>-1?t[n]:null},Ze=({header:t,productList:r,footer:n})=>N("div",{className:"product-discovery-product-list",children:[t&&o(p,{className:"product-discovery-product-list__header",node:t}),o("div",{className:"product-discovery-product-list__grid",children:r&&o(p,{node:r})}),n&&o(p,{className:"product-discovery-product-list__pagination",node:n})]}),Be=({alertMessage:t=""})=>o("div",{className:_(["product-discovery-search-alert-message__wrapper"]),children:o("div",{className:"product-discovery-search-alert-message__content",children:o(_e,{heading:t,type:"warning",icon:o(Pe,{source:$e,size:"24"}),onDismiss:void 0})})}),Q={search:"q",search_query:"search_query",pagination:"p",sort:"product_list_order",page_size:"page_size"},k=t=>{const n=Z().get(t);return n||""},Z=()=>{const t=window.location.search;return new URLSearchParams(t)},Ke=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);t===1?n.delete("p"):n.set("p",t.toString()),q(r.pathname,n)},Ge=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("product_list_order",t),q(r.pathname,n)},Je=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);n.set("q",t),q(r.pathname,n)},q=(t,r)=>{r.toString()===""?window.history.pushState({},"",`${t}`):window.history.pushState({},"",`${t}?${r.toString()}`)},v=t=>{var d;const r=Z(),n=[];for(const[i,a]of r.entries())if(t.includes(i)&&!Object.values(Q).includes(i))if(a.includes("--")){const l=a.split("--"),u={attribute:i,range:{from:Number(l[0]),to:Number(l[1])}};n.push(u)}else{const l=n.findIndex(u=>u.attribute==i);if(l!==-1)(d=n[l].in)==null||d.push(a);else{const u={attribute:i,in:[a]};n.push(u)}}return n},Xe=t=>{const r=new URL(window.location.href),n=new URLSearchParams(r.searchParams);for(const d of r.searchParams.keys())Object.values(Q).includes(d)||n.delete(d);t.forEach(d=>{const i=d.attribute;if(d.range){const a=d.range;k(i)?(n.delete(i),n.append(i,`${a.from}--${a.to}`)):n.append(i,`${a.from}--${a.to}`)}else{const a=d.in||[],l=n.getAll(i);a.map(u=>{l.includes(u)||n.append(i,u)})}}),q(r.pathname,n)},j=t=>new DOMParser().parseFromString(t,"text/html").documentElement.textContent,ht=({minQueryLength:t=3,slots:r,pageSize:n=12,routeProduct:d,categoryPath:i})=>{const a=Fe({sortLabel:"Search.PLP.SortDropdown.title",relevanceLabel:"Search.PLP.SortDropdown.relevanceLabel",sortASC:"Search.PLP.SortDropdown.sortASC",sortDESC:"Search.PLP.SortDropdown.sortDESC",minQueryLength:o(He,{id:"Search.PLP.Warning.minQueryLength",fields:{minQueryLength:t}}),noResults:"Search.PLP.Warning.noResults",searchError:"Search.PLP.Warning.searchError",positionLabel:"Search.PLP.SortDropdown.positionLabel"}),[l,u]=S([]),[A,B]=S(),[K,G]=S(1),[J,L]=S(!1),[X,y]=S(a.noResults),I=T(a,i),[Y,z]=S(),[b,V]=S([]),ee=[...Array(n).keys()].map(()=>{const e=xe({});return e.initialized=!1,e}),[E,te]=S(ee),F=e=>{qe(e.sku,w)},re=e=>{x({currentPage:e})},ne=e=>{B(e),Ke(e)},oe=e=>{const c=U(e);z(e),x({sort:c})},ce=e=>{var h;const c=k("product_list_order"),m=U(c||I.value),s={phrase:i?"":(e==null?void 0:e.phrase)||k("q"),pageSize:(e==null?void 0:e.pageSize)||n,currentPage:(e==null?void 0:e.currentPage)||A,filter:(e==null?void 0:e.filter)||v(b),sort:(e==null?void 0:e.sort)||m};return(e!=null&&e.phrase||e!=null&&e.filter||e!=null&&e.sort||e!=null&&e.pageSize)&&(s.currentPage=1,e!=null&&e.phrase&&(s.filter=[],s.sort=U(I.value),z(I.value))),i?(s.phrase="",s.filter=(h=s.filter)==null?void 0:h.concat({attribute:"categoryPath",eq:i})):s.phrase=(e==null?void 0:e.phrase)||k("q")||"",s},se=e=>{if(!i){const s=e.phrase||"";Je(s)}const c=e.filter||[];Xe(c);const m=Te(e.sort||[]);Ge(m)},ae=e=>ve().then(c=>{V(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute));const m=je(c==null?void 0:c.sortable,a,i);u(m.options);const s=Qe(m.options,e||m.default.value);return z(s.value),v(((c==null?void 0:c.filterableInSearch)||[]).map(f=>f.attribute))}).catch(()=>{L(!0),y(a.searchError)}),x=e=>{var m;const c=ce(e);if(se(c),!i&&(((m=c==null?void 0:c.phrase)==null?void 0:m.length)||0)<t)L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",(c==null?void 0:c.phrase)||"")),H();else return L(!1),We(c).then(s=>{var h,f;$.emit("search/result",{result:s,request:c}),(s==null?void 0:s.totalCount)===0&&(s==null?void 0:s.items.length)===0?(L(!0),y(a.noResults)):(te(s==null?void 0:s.items.map(g=>(g.initialized=!0,g))),ne(((h=s==null?void 0:s.pageInfo)==null?void 0:h.currentPage)||1),G(((f=s==null?void 0:s.pageInfo)==null?void 0:f.totalPages)||1))}).catch(()=>{L(!0),y(a.searchError),H()}).finally(()=>{})},ie=ge(e=>{x(e)},[]),H=()=>{$.emit("search/result",{result:{},request:{}})};Se(()=>{const e=k("q"),c=k("product_list_order")||I.value;ae(c).then(s=>{i?x({filter:[{attribute:"categoryPath",eq:i},...s]}):e!=null&&e.length&&e.length<t?(L(!0),y(a.minQueryLength.replace("{SEARCH_PHRASE}",e)),H()):x({filter:s})});const m=$.on("search/request",ie);return()=>{m==null||m.off()}},[]);const de=e=>o(C,{name:"ProductActions",slot:r==null?void 0:r.ProductActions,context:{product:e}}),le=e=>{var s,h,f,g,R;let c=e.typename==="ComplexProductView"?(s=e.priceRange)==null?void 0:s.minimum.regular.amount.currency:(h=e.price)==null?void 0:h.regular.amount.currency;Intl.supportedValuesOf("currency").indexOf(c||"")===-1&&(c="USD");const m=e.typename==="ComplexProductView"?o(W,{display:"from to",minimumAmount:(f=e.priceRange)==null?void 0:f.minimum.regular.amount.value,maximumAmount:(g=e.priceRange)==null?void 0:g.maximum.regular.amount.value,currency:c}):o(W,{amount:(R=e.price)==null?void 0:R.regular.amount.value,currency:c});return o(C,{name:"ProductPrice",slot:r==null?void 0:r.ProductPrice,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:m}):m})},me=e=>{const c=e.name!==null?j(e.name):"";return o(C,{name:"ProductName",slot:r==null?void 0:r.ProductName,context:{product:e},children:d?o("a",{href:d(e),onClick:()=>F(e),children:c}):c})},ue=(e,c)=>{var f,g,R,M;const m={loading:c<8?"eager":"lazy",src:((g=(f=e.images)==null?void 0:f[0])==null?void 0:g.url)||"",alt:((M=(R=e.images)==null?void 0:R[0])==null?void 0:M.label)||"",width:200,height:250,params:{width:200}},s=e.name!==null?j(e.name):e.sku,h=o(Ce,{class:"product-discovery-product-item__image",...m,"aria-label":s});return o(C,{name:"ProductImage",slot:r==null?void 0:r.ProductImage,context:{product:e,defaultImageProps:m},children:d?o("a",{href:d(e),onClick:()=>F(e),children:h}):h})},he=()=>o(C,{name:"Header",slot:r==null?void 0:r.Header,context:{productList:E},children:o(Le,{floatingLabel:a.sortLabel,options:l,value:Y,required:!0,handleSelect:e=>{const{value:c}=e.target;oe(c)},"data-testid":"product-list-sort-by-picker"})}),fe=()=>o(C,{name:"Footer",slot:r==null?void 0:r.Footer,context:{productList:E},children:o(we,{currentPage:A,totalPages:K,onChange:e=>{re(e)}})}),pe=o(Ze,{header:he(),footer:fe(),productList:E==null?void 0:E.map((e,c)=>o(Oe,{image:ue(e,c),titleNode:me(e),price:le(e),actionButton:de(e),initialized:e.initialized},e.id||e.sku))});return o("div",{class:"product-discovery-product-list__container",children:J?o(Be,{alertMessage:X}):pe})};export{ht as ProductList,ht as default};
4
4
  //# sourceMappingURL=ProductList.js.map
package/containers/ProductList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductList.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Warning.svg","../../node_modules/@adobe-commerce/elsie/src/components/ProductItemCard/ProductItemCardSkeleton.tsx","../../node_modules/@adobe-commerce/elsie/src/components/ProductItemCard/ProductItemCard.tsx","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/getProductSearch.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/getAttributeMetadata.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/sortUtils.ts","/@dropins/storefront-product-discovery/src/components/ProductList/ProductList.tsx","/@dropins/storefront-product-discovery/src/components/SearchAlertMessage/SearchAlertMessage.tsx","/@dropins/storefront-product-discovery/src/containers/ProductList/utils/urlUtils.ts","/@dropins/storefront-product-discovery/src/utils/htmlStringDecode.ts","/@dropins/storefront-product-discovery/src/containers/ProductList/ProductList.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Warning_Base\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_841_1324)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_841_1324\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 24, height: 21, fill: \"white\", transform: \"translate(0 1.5)\" }))));\nexport default SvgWarning;\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton.css';\n\nexport const ProductItemCardSkeleton: FunctionComponent = () => {\n return (\n <div className=\"dropin-product-item-card dropin-product-item-card-skeleton\">\n <Skeleton className=\"dropin-product-item-card__skeleton dropin-product-item-card__image-container\">\n <SkeletonRow\n fullWidth={true}\n className=\"dropin-product-item-card__skeleton__image\"\n />\n <div className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n <SkeletonRow\n fullWidth={true}\n size=\"large\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n <SkeletonRow\n fullWidth={true}\n size=\"small\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n </div>{' '}\n </Skeleton>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n image?: VNode;\n titleNode?: VNode;\n price?: VNode;\n sku?: VNode;\n actionButton?: VNode;\n swatches?: VNode;\n initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n className,\n image,\n titleNode,\n price,\n sku,\n actionButton,\n swatches,\n initialized = false,\n ...props\n}) => {\n if (!initialized) {\n return <ProductItemCardSkeleton />;\n }\n return (\n <div\n {...props}\n className={classes(['dropin-product-item-card', className])}\n >\n <div className=\"dropin-product-item-card__image-container\">\n {image && (\n <VComponent\n node={image}\n className={classes(['dropin-product-item-card__image'])}\n />\n )}\n </div>\n <div className=\"dropin-product-item-card__content\">\n {titleNode && (\n <VComponent\n node={titleNode}\n className={classes(['dropin-product-item-card__title'])}\n />\n )}\n {sku && (\n <VComponent\n node={sku}\n className={classes(['dropin-product-item-card__sku'])}\n />\n )}\n {price && (\n <div className=\"dropin-product-item-card__price\">\n <VComponent\n node={price}\n className={classes(['dropin-product-item-card__price'])}\n />\n </div>\n )}\n {swatches && (\n <div className=\"dropin-product-item-card__swatches\">\n <VComponent\n node={swatches}\n className={classes(['dropin-product-item-card__swatches'])}\n />\n </div>\n )}\n {actionButton && (\n <div className=\"dropin-product-item-card__action\">\n <VComponent\n node={actionButton}\n className={classes(['dropin-product-item-card__action'])}\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { productSearch as productSearchQuery } from '@/plp/api';\nimport { SearchVariables } from '@/plp/data/models';\nimport { transformProductSearchResponse } from '@/plp/data/transforms';\nimport {\n PLP_UNIT_ID,\n categoryResultsView,\n searchRequestSent,\n searchResponseReceived,\n searchResultsView,\n updateSearchInputCtx,\n updateSearchResultsCtx,\n} from '@/plp/utils/acdlEvents';\n\nexport function getProductSearch(variables: SearchVariables): any {\n let searchRequestId = '';\n // ====== data collection =====\n try {\n searchRequestId = self.crypto.randomUUID();\n updateSearchInputCtx(\n PLP_UNIT_ID,\n searchRequestId,\n variables.phrase || '',\n variables.filter || [],\n variables.pageSize || 0,\n variables.currentPage || 0,\n variables.sort || [],\n );\n searchRequestSent(PLP_UNIT_ID);\n } catch (e) {\n console.error('Error collecting data:', e);\n }\n // =============================\n\n //Add default visibility filter\n const defaultVisibilityFilter = { attribute: 'visibility', in: ['Search', 'Catalog, Search'] };\n const searchObj = structuredClone(variables);\n searchObj.filter?.push(defaultVisibilityFilter);\n\n return productSearchQuery(searchObj)\n .then((value: any | null) => {\n const transformedResponse = transformProductSearchResponse(value);\n\n try {\n // ===== data collection =====\n updateSearchResultsCtx(PLP_UNIT_ID, searchRequestId, transformedResponse);\n searchResponseReceived(PLP_UNIT_ID);\n // TODO: Publish view events base on search type\n if (variables.phrase) {\n searchResultsView(PLP_UNIT_ID);\n } else {\n categoryResultsView(PLP_UNIT_ID);\n }\n // ============================\n } catch (e) {\n console.error('Error collecting data:', e);\n }\n\n return transformedResponse;\n })\n .catch((error: any) => {\n console.error('Error fetching product search:', error);\n throw new Error('Error fetching product search.');\n })\n .finally(() => {});\n}\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { attributeMetadata as attributeMetadataQuery } from '@/plp/api';\nimport { transformAttributeMetadata } from '@/plp/data/transforms';\n\nexport function getAttributeMetadata(): any {\n return attributeMetadataQuery()\n .then((value: any | null) => {\n return transformAttributeMetadata(value);\n })\n .catch((error: any) => {\n console.error('Error fetching attribute metadata:', error);\n throw new Error('Error fetching attribute metadata.');\n })\n .finally(() => {});\n}\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { SortOrder } from '@/plp/data/models/api';\nconst getDefaultSort = (translations: any, categoryPath?: string): any => {\n if (categoryPath) {\n return { text: translations.positionLabel, value: 'position_ASC' };\n }\n return { text: translations.relevanceLabel, value: 'relevance_DESC' };\n};\n\nconst setSortOptions = (sortOptions: any, translations: any, categoryPath?: string): any => {\n const defaultSort = getDefaultSort(translations, categoryPath);\n const finalSortOptions = sortOptions.reduce((resultOptions: any, option: any) => {\n if (option.attribute !== 'position' && option.attribute !== 'relevance') {\n if (option.attribute === 'price') {\n resultOptions.push({\n text: translations.sortASC,\n value: `${option.attribute}_ASC`,\n });\n resultOptions.push({\n text: translations.sortDESC,\n value: `${option.attribute}_DESC`,\n });\n } else {\n resultOptions.push({\n text: option.label,\n value: `${option.attribute}_DESC`,\n });\n }\n }\n return resultOptions;\n }, []);\n finalSortOptions.push(defaultSort);\n return { options: finalSortOptions, default: defaultSort };\n};\n\nconst getSortSearchVariables = (sortValue: string): SortOrder[] => {\n const index = sortValue.indexOf('_');\n const newSort: SortOrder[] = [\n {\n attribute: sortValue.substring(0, index) as string,\n direction: sortValue.substring(index + 1) === 'ASC' ? 'ASC' : 'DESC',\n },\n ];\n return newSort;\n};\n\nconst getSortValue = (sort: SortOrder[]): string => {\n if (sort.length > 0) {\n return `${sort[0].attribute}_${sort[0].direction}`;\n }\n return '';\n};\n\nconst getPickerOption = (options: any, value: string): any => {\n const index = options.findIndex((option: any) => option.value === value);\n if (index > -1) {\n return options[index];\n }\n return null;\n};\n\nexport { getDefaultSort, getSortSearchVariables, setSortOptions, getPickerOption, getSortValue };\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ProductList/ProductList.css';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n header?: VNode;\n productList?: VNode[];\n footer?: VNode;\n}\n\nexport const ProductList: FunctionComponent<ProductListProps> = ({ header, productList, footer }) => {\n return (\n <div className={'product-discovery-product-list'}>\n {header && <VComponent className=\"product-discovery-product-list__header\" node={header} />}\n <div className=\"product-discovery-product-list__grid\">{productList && <VComponent node={productList} />}</div>\n {footer && <VComponent className=\"product-discovery-product-list__pagination\" node={footer} />}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/SearchAlertMessage/SearchAlertMessage.css';\nimport { Icon, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { Warning } from '@adobe-commerce/elsie/icons';\n\nexport interface SearchAlertMessageProps extends HTMLAttributes<HTMLDivElement> {\n alertMessage?: string;\n}\n\nexport const SearchAlertMessage: FunctionComponent<SearchAlertMessageProps> = ({ alertMessage = '' }) => {\n return (\n <div className={classes(['product-discovery-search-alert-message__wrapper'])}>\n <div className=\"product-discovery-search-alert-message__content\">\n <InLineAlert\n heading={alertMessage}\n type={'warning'}\n icon={<Icon source={Warning} size=\"24\" />}\n onDismiss={undefined}\n />\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst nonFilterKeys = {\n search: 'q',\n search_query: 'search_query',\n pagination: 'p',\n sort: 'product_list_order',\n page_size: 'page_size',\n};\n\nconst getValueFromUrl = (param: string) => {\n const params = getSearchParams();\n const filter = params.get(param);\n if (filter) {\n return filter;\n }\n return '';\n};\n\nconst getSearchParams = () => {\n const search = window.location.search;\n return new URLSearchParams(search);\n};\n\nconst updateUrlPagination = (pageNumber: number) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n if (pageNumber === 1) {\n params.delete('p');\n } else {\n params.set('p', pageNumber.toString());\n }\n setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSort = (sortOption: string) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n params.set('product_list_order', sortOption);\n setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSearchPhrase = (searchPhrase: string) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n params.set('q', searchPhrase);\n setWindowHistory(url.pathname, params);\n};\n\nconst setWindowHistory = (pathname: string, params: URLSearchParams) => {\n if (params.toString() === '') {\n window.history.pushState({}, '', `${pathname}`);\n } else {\n window.history.pushState({}, '', `${pathname}?${params.toString()}`);\n }\n};\n\nconst getFiltersFromUrl = (filterableAttributes: string[]): any[] => {\n const params = getSearchParams();\n const filters: any[] = [];\n for (const [key, value] of params.entries()) {\n // if nonFilterKeys values includes a key from params (for customizing)\n if (filterableAttributes.includes(key) && !Object.values(nonFilterKeys).includes(key)) {\n if (value.includes('--')) {\n const range = value.split('--');\n const filter = {\n attribute: key,\n range: { from: Number(range[0]), to: Number(range[1]) },\n };\n filters.push(filter);\n } else {\n const attributeIndex = filters.findIndex((filter) => filter.attribute == key);\n if (attributeIndex !== -1) {\n filters[attributeIndex].in?.push(value);\n } else {\n const filter = { attribute: key, in: [value] };\n filters.push(filter);\n }\n }\n }\n }\n return filters;\n};\n\nconst addUrlFilters = (filters: any[]) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n for (const key of url.searchParams.keys()) {\n // if nonFilterKeys values includes a key from params (for customizing)\n if (!Object.values(nonFilterKeys).includes(key)) {\n params.delete(key);\n }\n }\n filters.forEach((filter) => {\n const attribute = filter.attribute;\n if (filter.range) {\n const filt = filter.range;\n if (getValueFromUrl(attribute)) {\n params.delete(attribute);\n params.append(attribute, `${filt.from}--${filt.to}`);\n } else {\n params.append(attribute, `${filt.from}--${filt.to}`);\n }\n } else {\n const filt = filter.in || [];\n const filterParams = params.getAll(attribute);\n filt.map((f: any) => {\n if (!filterParams.includes(f)) {\n params.append(attribute, f);\n }\n });\n }\n });\n setWindowHistory(url.pathname, params);\n};\n\nexport { addUrlFilters, getFiltersFromUrl, getValueFromUrl, updateUrlPagination, updateUrlSort, updateUrlSearchPhrase };\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst htmlStringDecode = (input: string): string | null => {\n const doc = new DOMParser().parseFromString(input, 'text/html');\n return doc.documentElement.textContent;\n};\n\nexport { htmlStringDecode };\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { Image, ImageProps, Pagination, Picker, PickerOption, PriceRange } from '@adobe-commerce/elsie/components';\nimport { ProductItemCard } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard';\nimport { getProductSearch } from './utils/getProductSearch';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models';\nimport { getAttributeMetadata } from './utils/getAttributeMetadata';\nimport {\n getSortSearchVariables,\n setSortOptions,\n getPickerOption,\n getDefaultSort,\n getSortValue,\n} from './utils/sortUtils';\nimport { SearchAlertMessage } from '@/plp/components';\nimport {\n addUrlFilters,\n getFiltersFromUrl,\n getValueFromUrl,\n updateUrlPagination,\n updateUrlSearchPhrase,\n updateUrlSort,\n} from './utils/urlUtils';\nimport { ProductList as ProductListComponent } from '@/plp/components/ProductList/ProductList';\nimport { useText, Text } from '@adobe-commerce/elsie/i18n';\nimport { Product } from '@/plp/data/models/product';\nimport { htmlStringDecode } from '@/plp/utils/htmlStringDecode';\nimport { events } from '@adobe-commerce/event-bus';\nimport { VNode } from 'preact';\nimport { transformProduct } from '@/plp/data/transforms';\nimport { PLP_UNIT_ID, searchProductClick } from '@/plp/utils/acdlEvents';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n minQueryLength?: number;\n slots?: {\n Header?: SlotProps;\n ProductActions?: SlotProps;\n ProductPrice?: SlotProps;\n ProductName?: SlotProps;\n ProductImage?: SlotProps;\n Footer?: SlotProps;\n };\n pageSize?: number;\n routeProduct?: (product: Product) => string;\n categoryPath?: string;\n}\n\nexport const ProductList: Container<ProductListProps> = ({\n minQueryLength = 3,\n slots,\n pageSize = 12,\n routeProduct,\n categoryPath,\n}) => {\n const translations = useText({\n sortLabel: 'Search.PLP.SortDropdown.title',\n relevanceLabel: 'Search.PLP.SortDropdown.relevanceLabel',\n sortASC: 'Search.PLP.SortDropdown.sortASC',\n sortDESC: 'Search.PLP.SortDropdown.sortDESC',\n minQueryLength: <Text id=\"Search.PLP.Warning.minQueryLength\" fields={{ minQueryLength }} />,\n noResults: 'Search.PLP.Warning.noResults',\n searchError: 'Search.PLP.Warning.searchError',\n positionLabel: 'Search.PLP.SortDropdown.positionLabel',\n });\n const [pickerOptions, setPickerOptions] = useState<PickerOption[]>([]);\n const [currentPage, setCurrentPage] = useState<number>();\n const [totalPages, setTotalPages] = useState<number>(1);\n const [showAlert, setShowAlert] = useState<boolean>(false);\n const [alertMessage, setAlertMessage] = useState<string>(translations.noResults);\n const defaultSort = getDefaultSort(translations, categoryPath);\n const [sortValue, setSortValue] = useState<string>();\n const [filterableAttributes, setFilterableAttributes] = useState<any[]>([]);\n // Initialize the product list with empty items to avoid rendering issues\n const fakeProductList = [...Array(pageSize).keys()].map(() => {\n const fakeProduct = transformProduct({}) as Product;\n fakeProduct.initialized = false; // Mark as not initialized for skeleton loading\n return fakeProduct;\n });\n const [productList, setProductList] = useState<Product[]>(fakeProductList);\n\n const handleProductClick = (product: Product): void => {\n searchProductClick(product.sku, PLP_UNIT_ID);\n };\n\n const changePage = (page: number): void => {\n searchProducts({\n currentPage: page,\n });\n };\n\n const updateCurrentPage = (page: number): void => {\n setCurrentPage(page);\n updateUrlPagination(page);\n };\n\n const changeSort = (sortValue: any): void => {\n const newSort = getSortSearchVariables(sortValue);\n setSortValue(sortValue);\n searchProducts({\n sort: newSort,\n });\n };\n\n const getSearchVariables = (inputVariables?: SearchVariables): SearchVariables => {\n const urlSort = getValueFromUrl('product_list_order');\n const sortSearchVariable = urlSort ? getSortSearchVariables(urlSort) : getSortSearchVariables(defaultSort.value);\n const searchVariables = {\n phrase: !categoryPath ? inputVariables?.phrase || getValueFromUrl('q') : '',\n pageSize: inputVariables?.pageSize || pageSize,\n currentPage: inputVariables?.currentPage || currentPage,\n filter: inputVariables?.filter || getFiltersFromUrl(filterableAttributes),\n sort: inputVariables?.sort || sortSearchVariable,\n } as SearchVariables;\n // Reset search variables for \"new\" search if certain input variables are provided\n if (inputVariables?.phrase || inputVariables?.filter || inputVariables?.sort || inputVariables?.pageSize) {\n searchVariables.currentPage = 1; // Reset to first page on new search\n if (inputVariables?.phrase) {\n searchVariables.filter = []; // Clear filters if a new search phrase is provided\n searchVariables.sort = getSortSearchVariables(defaultSort.value); // Reset sort to initial value\n setSortValue(defaultSort.value);\n }\n }\n // If categoryPath is provided, adjust search variables accordingly\n if (!categoryPath) {\n searchVariables.phrase = inputVariables?.phrase || getValueFromUrl('q') || '';\n } else {\n searchVariables.phrase = ''; // Clear phrase if in category context\n searchVariables.filter = searchVariables.filter?.concat({ attribute: 'categoryPath', eq: categoryPath });\n }\n return searchVariables;\n };\n\n const updateSearchVariablesQueryString = (variables: SearchVariables): void => {\n if (!categoryPath) {\n const newPhrase = variables.phrase || '';\n updateUrlSearchPhrase(newPhrase);\n }\n const newFilters = variables.filter || [];\n addUrlFilters(newFilters);\n const newSortValue = getSortValue(variables.sort || []);\n updateUrlSort(newSortValue);\n //page number is set based on product search results\n };\n\n const loadMetadata = (urlSort: string): Promise<any[]> => {\n return getAttributeMetadata()\n .then((value: any) => {\n setFilterableAttributes((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n const sortOptions = setSortOptions(value?.sortable, translations, categoryPath);\n setPickerOptions(sortOptions.options);\n const sortStartValue = getPickerOption(sortOptions.options, urlSort || sortOptions.default.value);\n setSortValue(sortStartValue.value);\n const urlFilters = getFiltersFromUrl((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n return urlFilters;\n })\n .catch(() => {\n setShowAlert(true);\n setAlertMessage(translations.searchError);\n });\n };\n\n const searchProducts = (inputVariables?: SearchVariables): Promise<void> | void => {\n const searchVariables = getSearchVariables(inputVariables);\n updateSearchVariablesQueryString(searchVariables);\n\n if (!categoryPath && (searchVariables?.phrase?.length || 0) < minQueryLength) {\n setShowAlert(true);\n setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchVariables?.phrase || ''));\n emitEmptySearchEvent();\n } else {\n setShowAlert(false);\n return getProductSearch(searchVariables)\n .then((value: ProductSearchResult) => {\n events.emit('search/result', { result: value, request: searchVariables });\n if (value?.totalCount === 0 && value?.items.length === 0) {\n setShowAlert(true);\n setAlertMessage(translations.noResults);\n } else {\n setProductList(\n value?.items.map((product: Product) => {\n product.initialized = true;\n return product;\n }),\n );\n updateCurrentPage(value?.pageInfo?.currentPage || 1);\n setTotalPages(value?.pageInfo?.totalPages || 1);\n }\n })\n .catch(() => {\n setShowAlert(true);\n setAlertMessage(translations.searchError);\n emitEmptySearchEvent();\n })\n .finally(() => {});\n }\n };\n\n const handleSearchRequestEvent = useCallback((searchVariables: SearchVariables): void => {\n searchProducts(searchVariables);\n }, []);\n\n const emitEmptySearchEvent = (): void => {\n events.emit('search/result', { result: {} as ProductSearchResult, request: {} });\n };\n\n useEffect(() => {\n const searchPhrase = getValueFromUrl('q');\n const urlSort = getValueFromUrl('product_list_order') || defaultSort.value;\n loadMetadata(urlSort).then((value: any) => {\n if (categoryPath) {\n searchProducts({\n filter: [{ attribute: 'categoryPath', eq: categoryPath }],\n });\n } else if (searchPhrase?.length && searchPhrase.length < minQueryLength) {\n setShowAlert(true);\n setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchPhrase));\n emitEmptySearchEvent();\n } else {\n searchProducts({ filter: value });\n }\n });\n\n const requestEvent = events.on('search/request', handleSearchRequestEvent);\n return () => {\n requestEvent?.off();\n };\n }, []);\n\n //NODE CREATION\n\n const getActionsSlot = (product: Product) => {\n return <Slot name=\"ProductActions\" slot={slots?.ProductActions} context={{ product }} />;\n };\n\n const getProductPriceSlot = (product: Product) => {\n let productCurrency =\n product.typename === 'ComplexProductView'\n ? product.priceRange?.minimum.regular.amount.currency\n : product.price?.regular.amount.currency;\n if (Intl.supportedValuesOf('currency').indexOf(productCurrency || '') === -1) {\n productCurrency = 'USD'; // Fallback to USD if the currency is not supported\n }\n const productPrice =\n product.typename === 'ComplexProductView' ? (\n <PriceRange\n display=\"from to\"\n minimumAmount={product.priceRange?.minimum.regular.amount.value}\n maximumAmount={product.priceRange?.maximum.regular.amount.value}\n currency={productCurrency}\n />\n ) : (\n <PriceRange amount={product.price?.regular.amount.value} currency={productCurrency} />\n );\n return (\n <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ product }}>\n {routeProduct ? (\n <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n {productPrice}\n </a>\n ) : (\n productPrice\n )}\n </Slot>\n );\n };\n\n const getProductNameSlot = (product: Product) => {\n const productName = product.name !== null ? htmlStringDecode(product.name) : '';\n return (\n <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ product }}>\n {routeProduct ? (\n <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n {productName}\n </a>\n ) : (\n productName\n )}\n </Slot>\n );\n };\n\n const getProductImageSlot = (product: Product, index: number) => {\n const defaultImageProps: ImageProps = {\n loading: index < 8 ? 'eager' : 'lazy',\n src: product.images?.[0]?.url || '',\n alt: product.images?.[0]?.label || '',\n width: 200,\n height: 250,\n params: { width: 200 },\n };\n const productName = product.name !== null ? htmlStringDecode(product.name) : product.sku;\n const imageComponent = (\n <Image class=\"product-discovery-product-item__image\" {...defaultImageProps} aria-label={productName} />\n );\n return (\n <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ product, defaultImageProps }}>\n {routeProduct ? (\n <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n {imageComponent}\n </a>\n ) : (\n imageComponent\n )}\n </Slot>\n );\n };\n\n const getHeader = () => {\n return (\n <Slot name=\"Header\" slot={slots?.Header} context={{ productList }}>\n <Picker\n floatingLabel={translations.sortLabel}\n options={pickerOptions}\n value={sortValue}\n required\n handleSelect={(event) => {\n const { value } = event.target as HTMLSelectElement;\n changeSort(value);\n }}\n data-testid=\"product-list-sort-by-picker\"\n />\n </Slot>\n );\n };\n\n const getFooter = () => {\n return (\n <Slot name=\"Footer\" slot={slots?.Footer} context={{ productList }}>\n <Pagination\n currentPage={currentPage}\n totalPages={totalPages}\n onChange={(page) => {\n changePage(page);\n }}\n />\n </Slot>\n );\n };\n\n const productListComponent = (\n <ProductListComponent\n header={getHeader()}\n footer={getFooter()}\n productList={\n productList?.map((product: Product, i: number) => {\n return (\n <ProductItemCard\n key={product.id || product.sku}\n image={getProductImageSlot(product, i)}\n titleNode={getProductNameSlot(product)}\n price={getProductPriceSlot(product)}\n actionButton={getActionsSlot(product)}\n initialized={product.initialized}\n />\n );\n }) as VNode[]\n }\n />\n );\n\n return (\n <div class=\"product-discovery-product-list__container\">\n {showAlert ? <SearchAlertMessage alertMessage={alertMessage} /> : productListComponent}\n </div>\n );\n};\n"],"names":["SvgWarning","props","React","ProductItemCardSkeleton","jsxs","Skeleton","jsx","SkeletonRow","ProductItemCard","className","image","titleNode","price","sku","actionButton","swatches","initialized","classes","VComponent","getProductSearch","variables","searchRequestId","updateSearchInputCtx","PLP_UNIT_ID","searchRequestSent","e","defaultVisibilityFilter","searchObj","_a","productSearchQuery","value","transformedResponse","transformProductSearchResponse","updateSearchResultsCtx","searchResponseReceived","searchResultsView","categoryResultsView","error","getAttributeMetadata","attributeMetadataQuery","transformAttributeMetadata","getDefaultSort","translations","categoryPath","setSortOptions","sortOptions","defaultSort","finalSortOptions","resultOptions","option","getSortSearchVariables","sortValue","index","getSortValue","sort","getPickerOption","options","ProductList","header","productList","footer","SearchAlertMessage","alertMessage","InLineAlert","Icon","Warning","nonFilterKeys","getValueFromUrl","param","filter","getSearchParams","search","updateUrlPagination","pageNumber","url","params","setWindowHistory","updateUrlSort","sortOption","updateUrlSearchPhrase","searchPhrase","pathname","getFiltersFromUrl","filterableAttributes","filters","key","range","attributeIndex","addUrlFilters","attribute","filt","filterParams","f","htmlStringDecode","input","minQueryLength","slots","pageSize","routeProduct","useText","Text","pickerOptions","setPickerOptions","useState","currentPage","setCurrentPage","totalPages","setTotalPages","showAlert","setShowAlert","setAlertMessage","setSortValue","setFilterableAttributes","fakeProductList","fakeProduct","transformProduct","setProductList","handleProductClick","product","searchProductClick","changePage","page","searchProducts","updateCurrentPage","changeSort","newSort","getSearchVariables","inputVariables","urlSort","sortSearchVariable","searchVariables","updateSearchVariablesQueryString","newPhrase","newFilters","newSortValue","loadMetadata","attr","sortStartValue","emitEmptySearchEvent","events","_b","handleSearchRequestEvent","useCallback","useEffect","requestEvent","getActionsSlot","Slot","getProductPriceSlot","productCurrency","productPrice","PriceRange","_c","_d","_e","getProductNameSlot","productName","getProductImageSlot","defaultImageProps","imageComponent","Image","getHeader","Picker","event","getFooter","Pagination","productListComponent","ProductListComponent","i"],"mappings":"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","x_google_ignoreList":[0,1,2]}
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 </Skeleton>\n <Skeleton className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\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=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n </Skeleton>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n image?: VNode;\n titleNode?: VNode;\n price?: VNode;\n sku?: VNode;\n actionButton?: VNode;\n swatches?: VNode;\n initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n className,\n image,\n titleNode,\n price,\n sku,\n actionButton,\n swatches,\n initialized = false,\n ...props\n}) => {\n if (!initialized) {\n return <ProductItemCardSkeleton />;\n }\n return (\n <div\n {...props}\n className={classes(['dropin-product-item-card', className])}\n >\n <div className=\"dropin-product-item-card__image-container\">\n {image && (\n <VComponent\n node={image}\n className={classes(['dropin-product-item-card__image'])}\n />\n )}\n </div>\n <div className=\"dropin-product-item-card__content\">\n {titleNode && (\n <VComponent\n node={titleNode}\n className={classes(['dropin-product-item-card__title'])}\n />\n )}\n {sku && (\n <VComponent\n node={sku}\n className={classes(['dropin-product-item-card__sku'])}\n />\n )}\n {price && (\n <div className=\"dropin-product-item-card__price\">\n <VComponent\n node={price}\n className={classes(['dropin-product-item-card__price'])}\n />\n </div>\n )}\n {swatches && (\n <div className=\"dropin-product-item-card__swatches\">\n <VComponent\n node={swatches}\n className={classes(['dropin-product-item-card__swatches'])}\n />\n </div>\n )}\n {actionButton && (\n <div className=\"dropin-product-item-card__action\">\n <VComponent\n node={actionButton}\n className={classes(['dropin-product-item-card__action'])}\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { productSearch as productSearchQuery } from '@/plp/api';\nimport { SearchVariables } from '@/plp/data/models';\nimport { transformProductSearchResponse } from '@/plp/data/transforms';\nimport {\n PLP_UNIT_ID,\n categoryResultsView,\n searchRequestSent,\n searchResponseReceived,\n searchResultsView,\n updateSearchInputCtx,\n updateSearchResultsCtx,\n} from '@/plp/utils/acdlEvents';\n\nexport function getProductSearch(variables: SearchVariables): any {\n let searchRequestId = '';\n // ====== data collection =====\n try {\n searchRequestId = self.crypto.randomUUID();\n updateSearchInputCtx(\n PLP_UNIT_ID,\n searchRequestId,\n variables.phrase || '',\n variables.filter || [],\n variables.pageSize || 0,\n variables.currentPage || 0,\n variables.sort || [],\n );\n searchRequestSent(PLP_UNIT_ID);\n } catch (e) {\n console.error('Error collecting data:', e);\n }\n // =============================\n\n //Add default visibility filter\n const defaultVisibilityFilter = { attribute: 'visibility', in: ['Search', 'Catalog, Search'] };\n const searchObj = structuredClone(variables);\n searchObj.filter?.push(defaultVisibilityFilter);\n\n return productSearchQuery(searchObj)\n .then((value: any | null) => {\n const transformedResponse = transformProductSearchResponse(value);\n\n try {\n // ===== data collection =====\n updateSearchResultsCtx(PLP_UNIT_ID, searchRequestId, transformedResponse);\n searchResponseReceived(PLP_UNIT_ID);\n // TODO: Publish view events base on search type\n if (variables.phrase) {\n searchResultsView(PLP_UNIT_ID);\n } else {\n categoryResultsView(PLP_UNIT_ID);\n }\n // ============================\n } catch (e) {\n console.error('Error collecting data:', e);\n }\n\n return transformedResponse;\n })\n .catch((error: any) => {\n console.error('Error fetching product search:', error);\n throw new Error('Error fetching product search.');\n })\n .finally(() => {});\n}\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { attributeMetadata as attributeMetadataQuery } from '@/plp/api';\nimport { transformAttributeMetadata } from '@/plp/data/transforms';\n\nexport function getAttributeMetadata(): any {\n return attributeMetadataQuery()\n .then((value: any | null) => {\n return transformAttributeMetadata(value);\n })\n .catch((error: any) => {\n console.error('Error fetching attribute metadata:', error);\n throw new Error('Error fetching attribute metadata.');\n })\n .finally(() => {});\n}\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { SortOrder } from '@/plp/data/models/api';\nconst getDefaultSort = (translations: any, categoryPath?: string): any => {\n if (categoryPath) {\n return { text: translations.positionLabel, value: 'position_ASC' };\n }\n return { text: translations.relevanceLabel, value: 'relevance_DESC' };\n};\n\nconst setSortOptions = (sortOptions: any, translations: any, categoryPath?: string): any => {\n const defaultSort = getDefaultSort(translations, categoryPath);\n const finalSortOptions = sortOptions.reduce((resultOptions: any, option: any) => {\n if (option.attribute !== 'position' && option.attribute !== 'relevance') {\n if (option.attribute === 'price') {\n resultOptions.push({\n text: translations.sortASC,\n value: `${option.attribute}_ASC`,\n });\n resultOptions.push({\n text: translations.sortDESC,\n value: `${option.attribute}_DESC`,\n });\n } else {\n resultOptions.push({\n text: option.label,\n value: `${option.attribute}_DESC`,\n });\n }\n }\n return resultOptions;\n }, []);\n finalSortOptions.push(defaultSort);\n return { options: finalSortOptions, default: defaultSort };\n};\n\nconst getSortSearchVariables = (sortValue: string): SortOrder[] => {\n const index = sortValue.indexOf('_');\n const newSort: SortOrder[] = [\n {\n attribute: sortValue.substring(0, index) as string,\n direction: sortValue.substring(index + 1) === 'ASC' ? 'ASC' : 'DESC',\n },\n ];\n return newSort;\n};\n\nconst getSortValue = (sort: SortOrder[]): string => {\n if (sort.length > 0) {\n return `${sort[0].attribute}_${sort[0].direction}`;\n }\n return '';\n};\n\nconst getPickerOption = (options: any, value: string): any => {\n const index = options.findIndex((option: any) => option.value === value);\n if (index > -1) {\n return options[index];\n }\n return null;\n};\n\nexport { getDefaultSort, getSortSearchVariables, setSortOptions, getPickerOption, getSortValue };\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/ProductList/ProductList.css';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n header?: VNode;\n productList?: VNode[];\n footer?: VNode;\n}\n\nexport const ProductList: FunctionComponent<ProductListProps> = ({ header, productList, footer }) => {\n return (\n <div className={'product-discovery-product-list'}>\n {header && <VComponent className=\"product-discovery-product-list__header\" node={header} />}\n <div className=\"product-discovery-product-list__grid\">{productList && <VComponent node={productList} />}</div>\n {footer && <VComponent className=\"product-discovery-product-list__pagination\" node={footer} />}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/plp/components/SearchAlertMessage/SearchAlertMessage.css';\nimport { Icon, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { Warning } from '@adobe-commerce/elsie/icons';\n\nexport interface SearchAlertMessageProps extends HTMLAttributes<HTMLDivElement> {\n alertMessage?: string;\n}\n\nexport const SearchAlertMessage: FunctionComponent<SearchAlertMessageProps> = ({ alertMessage = '' }) => {\n return (\n <div className={classes(['product-discovery-search-alert-message__wrapper'])}>\n <div className=\"product-discovery-search-alert-message__content\">\n <InLineAlert\n heading={alertMessage}\n type={'warning'}\n icon={<Icon source={Warning} size=\"24\" />}\n onDismiss={undefined}\n />\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst nonFilterKeys = {\n search: 'q',\n search_query: 'search_query',\n pagination: 'p',\n sort: 'product_list_order',\n page_size: 'page_size',\n};\n\nconst getValueFromUrl = (param: string) => {\n const params = getSearchParams();\n const filter = params.get(param);\n if (filter) {\n return filter;\n }\n return '';\n};\n\nconst getSearchParams = () => {\n const search = window.location.search;\n return new URLSearchParams(search);\n};\n\nconst updateUrlPagination = (pageNumber: number) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n if (pageNumber === 1) {\n params.delete('p');\n } else {\n params.set('p', pageNumber.toString());\n }\n setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSort = (sortOption: string) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n params.set('product_list_order', sortOption);\n setWindowHistory(url.pathname, params);\n};\n\nconst updateUrlSearchPhrase = (searchPhrase: string) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n params.set('q', searchPhrase);\n setWindowHistory(url.pathname, params);\n};\n\nconst setWindowHistory = (pathname: string, params: URLSearchParams) => {\n if (params.toString() === '') {\n window.history.pushState({}, '', `${pathname}`);\n } else {\n window.history.pushState({}, '', `${pathname}?${params.toString()}`);\n }\n};\n\nconst getFiltersFromUrl = (filterableAttributes: string[]): any[] => {\n const params = getSearchParams();\n const filters: any[] = [];\n for (const [key, value] of params.entries()) {\n // if nonFilterKeys values includes a key from params (for customizing)\n if (filterableAttributes.includes(key) && !Object.values(nonFilterKeys).includes(key)) {\n if (value.includes('--')) {\n const range = value.split('--');\n const filter = {\n attribute: key,\n range: { from: Number(range[0]), to: Number(range[1]) },\n };\n filters.push(filter);\n } else {\n const attributeIndex = filters.findIndex((filter) => filter.attribute == key);\n if (attributeIndex !== -1) {\n filters[attributeIndex].in?.push(value);\n } else {\n const filter = { attribute: key, in: [value] };\n filters.push(filter);\n }\n }\n }\n }\n return filters;\n};\n\nconst addUrlFilters = (filters: any[]) => {\n const url = new URL(window.location.href);\n const params = new URLSearchParams(url.searchParams);\n for (const key of url.searchParams.keys()) {\n // if nonFilterKeys values includes a key from params (for customizing)\n if (!Object.values(nonFilterKeys).includes(key)) {\n params.delete(key);\n }\n }\n filters.forEach((filter) => {\n const attribute = filter.attribute;\n if (filter.range) {\n const filt = filter.range;\n if (getValueFromUrl(attribute)) {\n params.delete(attribute);\n params.append(attribute, `${filt.from}--${filt.to}`);\n } else {\n params.append(attribute, `${filt.from}--${filt.to}`);\n }\n } else {\n const filt = filter.in || [];\n const filterParams = params.getAll(attribute);\n filt.map((f: any) => {\n if (!filterParams.includes(f)) {\n params.append(attribute, f);\n }\n });\n }\n });\n setWindowHistory(url.pathname, params);\n};\n\nexport { addUrlFilters, getFiltersFromUrl, getValueFromUrl, updateUrlPagination, updateUrlSort, updateUrlSearchPhrase };\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nconst htmlStringDecode = (input: string): string | null => {\n const doc = new DOMParser().parseFromString(input, 'text/html');\n return doc.documentElement.textContent;\n};\n\nexport { htmlStringDecode };\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { Image, ImageProps, Pagination, Picker, PickerOption, PriceRange } from '@adobe-commerce/elsie/components';\nimport { ProductItemCard } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard';\nimport { getProductSearch } from './utils/getProductSearch';\nimport { ProductSearchResult, SearchVariables } from '@/plp/data/models';\nimport { getAttributeMetadata } from './utils/getAttributeMetadata';\nimport {\n getSortSearchVariables,\n setSortOptions,\n getPickerOption,\n getDefaultSort,\n getSortValue,\n} from './utils/sortUtils';\nimport { SearchAlertMessage } from '@/plp/components';\nimport {\n addUrlFilters,\n getFiltersFromUrl,\n getValueFromUrl,\n updateUrlPagination,\n updateUrlSearchPhrase,\n updateUrlSort,\n} from './utils/urlUtils';\nimport { ProductList as ProductListComponent } from '@/plp/components/ProductList/ProductList';\nimport { useText, Text } from '@adobe-commerce/elsie/i18n';\nimport { Product } from '@/plp/data/models/product';\nimport { htmlStringDecode } from '@/plp/utils/htmlStringDecode';\nimport { events } from '@adobe-commerce/event-bus';\nimport { VNode } from 'preact';\nimport { transformProduct } from '@/plp/data/transforms';\nimport { PLP_UNIT_ID, searchProductClick } from '@/plp/utils/acdlEvents';\n\nexport interface ProductListProps extends HTMLAttributes<HTMLDivElement> {\n minQueryLength?: number;\n slots?: {\n Header?: SlotProps;\n ProductActions?: SlotProps;\n ProductPrice?: SlotProps;\n ProductName?: SlotProps;\n ProductImage?: SlotProps;\n Footer?: SlotProps;\n };\n pageSize?: number;\n routeProduct?: (product: Product) => string;\n categoryPath?: string;\n}\n\nexport const ProductList: Container<ProductListProps> = ({\n minQueryLength = 3,\n slots,\n pageSize = 12,\n routeProduct,\n categoryPath,\n}) => {\n const translations = useText({\n sortLabel: 'Search.PLP.SortDropdown.title',\n relevanceLabel: 'Search.PLP.SortDropdown.relevanceLabel',\n sortASC: 'Search.PLP.SortDropdown.sortASC',\n sortDESC: 'Search.PLP.SortDropdown.sortDESC',\n minQueryLength: <Text id=\"Search.PLP.Warning.minQueryLength\" fields={{ minQueryLength }} />,\n noResults: 'Search.PLP.Warning.noResults',\n searchError: 'Search.PLP.Warning.searchError',\n positionLabel: 'Search.PLP.SortDropdown.positionLabel',\n });\n const [pickerOptions, setPickerOptions] = useState<PickerOption[]>([]);\n const [currentPage, setCurrentPage] = useState<number>();\n const [totalPages, setTotalPages] = useState<number>(1);\n const [showAlert, setShowAlert] = useState<boolean>(false);\n const [alertMessage, setAlertMessage] = useState<string>(translations.noResults);\n const defaultSort = getDefaultSort(translations, categoryPath);\n const [sortValue, setSortValue] = useState<string>();\n const [filterableAttributes, setFilterableAttributes] = useState<any[]>([]);\n // Initialize the product list with empty items to avoid rendering issues\n const fakeProductList = [...Array(pageSize).keys()].map(() => {\n const fakeProduct = transformProduct({}) as Product;\n fakeProduct.initialized = false; // Mark as not initialized for skeleton loading\n return fakeProduct;\n });\n const [productList, setProductList] = useState<Product[]>(fakeProductList);\n\n const handleProductClick = (product: Product): void => {\n searchProductClick(product.sku, PLP_UNIT_ID);\n };\n\n const changePage = (page: number): void => {\n searchProducts({\n currentPage: page,\n });\n };\n\n const updateCurrentPage = (page: number): void => {\n setCurrentPage(page);\n updateUrlPagination(page);\n };\n\n const changeSort = (sortValue: any): void => {\n const newSort = getSortSearchVariables(sortValue);\n setSortValue(sortValue);\n searchProducts({\n sort: newSort,\n });\n };\n\n const getSearchVariables = (inputVariables?: SearchVariables): SearchVariables => {\n const urlSort = getValueFromUrl('product_list_order');\n const sortSearchVariable = urlSort ? getSortSearchVariables(urlSort) : getSortSearchVariables(defaultSort.value);\n const searchVariables = {\n phrase: !categoryPath ? inputVariables?.phrase || getValueFromUrl('q') : '',\n pageSize: inputVariables?.pageSize || pageSize,\n currentPage: inputVariables?.currentPage || currentPage,\n filter: inputVariables?.filter || getFiltersFromUrl(filterableAttributes),\n sort: inputVariables?.sort || sortSearchVariable,\n } as SearchVariables;\n // Reset search variables for \"new\" search if certain input variables are provided\n if (inputVariables?.phrase || inputVariables?.filter || inputVariables?.sort || inputVariables?.pageSize) {\n searchVariables.currentPage = 1; // Reset to first page on new search\n if (inputVariables?.phrase) {\n searchVariables.filter = []; // Clear filters if a new search phrase is provided\n searchVariables.sort = getSortSearchVariables(defaultSort.value); // Reset sort to initial value\n setSortValue(defaultSort.value);\n }\n }\n // If categoryPath is provided, adjust search variables accordingly\n if (!categoryPath) {\n searchVariables.phrase = inputVariables?.phrase || getValueFromUrl('q') || '';\n } else {\n searchVariables.phrase = ''; // Clear phrase if in category context\n searchVariables.filter = searchVariables.filter?.concat({ attribute: 'categoryPath', eq: categoryPath });\n }\n return searchVariables;\n };\n\n const updateSearchVariablesQueryString = (variables: SearchVariables): void => {\n if (!categoryPath) {\n const newPhrase = variables.phrase || '';\n updateUrlSearchPhrase(newPhrase);\n }\n const newFilters = variables.filter || [];\n addUrlFilters(newFilters);\n const newSortValue = getSortValue(variables.sort || []);\n updateUrlSort(newSortValue);\n //page number is set based on product search results\n };\n\n const loadMetadata = (urlSort: string): Promise<any[]> => {\n return getAttributeMetadata()\n .then((value: any) => {\n setFilterableAttributes((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n const sortOptions = setSortOptions(value?.sortable, translations, categoryPath);\n setPickerOptions(sortOptions.options);\n const sortStartValue = getPickerOption(sortOptions.options, urlSort || sortOptions.default.value);\n setSortValue(sortStartValue.value);\n const urlFilters = getFiltersFromUrl((value?.filterableInSearch || []).map((attr: any) => attr.attribute));\n return urlFilters;\n })\n .catch(() => {\n setShowAlert(true);\n setAlertMessage(translations.searchError);\n });\n };\n\n const searchProducts = (inputVariables?: SearchVariables): Promise<void> | void => {\n const searchVariables = getSearchVariables(inputVariables);\n updateSearchVariablesQueryString(searchVariables);\n\n if (!categoryPath && (searchVariables?.phrase?.length || 0) < minQueryLength) {\n setShowAlert(true);\n setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchVariables?.phrase || ''));\n emitEmptySearchEvent();\n } else {\n setShowAlert(false);\n return getProductSearch(searchVariables)\n .then((value: ProductSearchResult) => {\n events.emit('search/result', { result: value, request: searchVariables });\n if (value?.totalCount === 0 && value?.items.length === 0) {\n setShowAlert(true);\n setAlertMessage(translations.noResults);\n } else {\n setProductList(\n value?.items.map((product: Product) => {\n product.initialized = true;\n return product;\n }),\n );\n updateCurrentPage(value?.pageInfo?.currentPage || 1);\n setTotalPages(value?.pageInfo?.totalPages || 1);\n }\n })\n .catch(() => {\n setShowAlert(true);\n setAlertMessage(translations.searchError);\n emitEmptySearchEvent();\n })\n .finally(() => {});\n }\n };\n\n const handleSearchRequestEvent = useCallback((searchVariables: SearchVariables): void => {\n searchProducts(searchVariables);\n }, []);\n\n const emitEmptySearchEvent = (): void => {\n events.emit('search/result', { result: {} as ProductSearchResult, request: {} });\n };\n\n useEffect(() => {\n const searchPhrase = getValueFromUrl('q');\n const urlSort = getValueFromUrl('product_list_order') || defaultSort.value;\n loadMetadata(urlSort).then((value: any) => {\n // COMOPT-823 - fix missing filters\n if (categoryPath) {\n searchProducts({\n filter: [{ attribute: 'categoryPath', eq: categoryPath }, ...value],\n });\n } else if (searchPhrase?.length && searchPhrase.length < minQueryLength) {\n setShowAlert(true);\n setAlertMessage(translations.minQueryLength.replace('{SEARCH_PHRASE}', searchPhrase));\n emitEmptySearchEvent();\n } else {\n searchProducts({ filter: value });\n }\n });\n\n const requestEvent = events.on('search/request', handleSearchRequestEvent);\n return () => {\n requestEvent?.off();\n };\n }, []);\n\n //NODE CREATION\n\n const getActionsSlot = (product: Product) => {\n return <Slot name=\"ProductActions\" slot={slots?.ProductActions} context={{ product }} />;\n };\n\n const getProductPriceSlot = (product: Product) => {\n let productCurrency =\n product.typename === 'ComplexProductView'\n ? product.priceRange?.minimum.regular.amount.currency\n : product.price?.regular.amount.currency;\n if (Intl.supportedValuesOf('currency').indexOf(productCurrency || '') === -1) {\n productCurrency = 'USD'; // Fallback to USD if the currency is not supported\n }\n const productPrice =\n product.typename === 'ComplexProductView' ? (\n <PriceRange\n display=\"from to\"\n minimumAmount={product.priceRange?.minimum.regular.amount.value}\n maximumAmount={product.priceRange?.maximum.regular.amount.value}\n currency={productCurrency}\n />\n ) : (\n <PriceRange amount={product.price?.regular.amount.value} currency={productCurrency} />\n );\n return (\n <Slot name=\"ProductPrice\" slot={slots?.ProductPrice} context={{ product }}>\n {routeProduct ? (\n <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n {productPrice}\n </a>\n ) : (\n productPrice\n )}\n </Slot>\n );\n };\n\n const getProductNameSlot = (product: Product) => {\n const productName = product.name !== null ? htmlStringDecode(product.name) : '';\n return (\n <Slot name=\"ProductName\" slot={slots?.ProductName} context={{ product }}>\n {routeProduct ? (\n <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n {productName}\n </a>\n ) : (\n productName\n )}\n </Slot>\n );\n };\n\n const getProductImageSlot = (product: Product, index: number) => {\n const defaultImageProps: ImageProps = {\n loading: index < 8 ? 'eager' : 'lazy',\n src: product.images?.[0]?.url || '',\n alt: product.images?.[0]?.label || '',\n width: 200,\n height: 250,\n params: { width: 200 },\n };\n const productName = product.name !== null ? htmlStringDecode(product.name) : product.sku;\n const imageComponent = (\n <Image class=\"product-discovery-product-item__image\" {...defaultImageProps} aria-label={productName} />\n );\n return (\n <Slot name=\"ProductImage\" slot={slots?.ProductImage} context={{ product, defaultImageProps }}>\n {routeProduct ? (\n <a href={routeProduct(product)} onClick={() => handleProductClick(product)}>\n {imageComponent}\n </a>\n ) : (\n imageComponent\n )}\n </Slot>\n );\n };\n\n const getHeader = () => {\n return (\n <Slot name=\"Header\" slot={slots?.Header} context={{ productList }}>\n <Picker\n floatingLabel={translations.sortLabel}\n options={pickerOptions}\n value={sortValue}\n required\n handleSelect={(event) => {\n const { value } = event.target as HTMLSelectElement;\n changeSort(value);\n }}\n data-testid=\"product-list-sort-by-picker\"\n />\n </Slot>\n );\n };\n\n const getFooter = () => {\n return (\n <Slot name=\"Footer\" slot={slots?.Footer} context={{ productList }}>\n <Pagination\n currentPage={currentPage}\n totalPages={totalPages}\n onChange={(page) => {\n changePage(page);\n }}\n />\n </Slot>\n );\n };\n\n const productListComponent = (\n <ProductListComponent\n header={getHeader()}\n footer={getFooter()}\n productList={\n productList?.map((product: Product, i: number) => {\n return (\n <ProductItemCard\n key={product.id || product.sku}\n image={getProductImageSlot(product, i)}\n titleNode={getProductNameSlot(product)}\n price={getProductPriceSlot(product)}\n actionButton={getActionsSlot(product)}\n initialized={product.initialized}\n />\n );\n }) as VNode[]\n }\n />\n );\n\n return (\n <div class=\"product-discovery-product-list__container\">\n {showAlert ? <SearchAlertMessage alertMessage={alertMessage} /> : productListComponent}\n </div>\n );\n};\n"],"names":["SvgWarning","props","React","ProductItemCardSkeleton","jsxs","jsx","Skeleton","SkeletonRow","ProductItemCard","className","image","titleNode","price","sku","actionButton","swatches","initialized","classes","VComponent","getProductSearch","variables","searchRequestId","updateSearchInputCtx","PLP_UNIT_ID","searchRequestSent","e","defaultVisibilityFilter","searchObj","_a","productSearchQuery","value","transformedResponse","transformProductSearchResponse","updateSearchResultsCtx","searchResponseReceived","searchResultsView","categoryResultsView","error","getAttributeMetadata","attributeMetadataQuery","transformAttributeMetadata","getDefaultSort","translations","categoryPath","setSortOptions","sortOptions","defaultSort","finalSortOptions","resultOptions","option","getSortSearchVariables","sortValue","index","getSortValue","sort","getPickerOption","options","ProductList","header","productList","footer","SearchAlertMessage","alertMessage","InLineAlert","Icon","Warning","nonFilterKeys","getValueFromUrl","param","filter","getSearchParams","search","updateUrlPagination","pageNumber","url","params","setWindowHistory","updateUrlSort","sortOption","updateUrlSearchPhrase","searchPhrase","pathname","getFiltersFromUrl","filterableAttributes","filters","key","range","attributeIndex","addUrlFilters","attribute","filt","filterParams","f","htmlStringDecode","input","minQueryLength","slots","pageSize","routeProduct","useText","Text","pickerOptions","setPickerOptions","useState","currentPage","setCurrentPage","totalPages","setTotalPages","showAlert","setShowAlert","setAlertMessage","setSortValue","setFilterableAttributes","fakeProductList","fakeProduct","transformProduct","setProductList","handleProductClick","product","searchProductClick","changePage","page","searchProducts","updateCurrentPage","changeSort","newSort","getSearchVariables","inputVariables","urlSort","sortSearchVariable","searchVariables","updateSearchVariablesQueryString","newPhrase","newFilters","newSortValue","loadMetadata","attr","sortStartValue","emitEmptySearchEvent","events","_b","handleSearchRequestEvent","useCallback","useEffect","requestEvent","getActionsSlot","Slot","getProductPriceSlot","productCurrency","productPrice","PriceRange","_c","_d","_e","getProductNameSlot","productName","getProductImageSlot","defaultImageProps","imageComponent","Image","getHeader","Picker","event","getFooter","Pagination","productListComponent","ProductListComponent","i"],"mappings":"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","x_google_ignoreList":[0,1,2]}
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name": "@dropins/storefront-product-discovery", "version": "1.1.0-beta2", "@dropins/tools": "^1.4.0-beta3", "license": "SEE LICENSE IN LICENSE.md"}
1
+ {"name": "@dropins/storefront-product-discovery", "version": "1.1.0-beta3", "@dropins/tools": "^1.4.0", "license": "SEE LICENSE IN LICENSE.md"}
package/render.js CHANGED
@@ -4,6 +4,6 @@ All Rights Reserved. */
4
4
  .product-discovery-results-info{display:none}.product-discovery-results-info__search-phrase--upercase{text-transform:capitalize}@media only screen and (min-width: 768px){.product-discovery-results-info{display:flex;flex-direction:row;gap:var(--spacing-xsmall);width:100%;padding:var(--spacing-xsmall);text-align:center}}
5
5
  .product-discovery--search-bar-results{position:absolute;top:100%;left:0;right:0;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:none}.product-discovery--search-bar-results__popover{position:relative;background:var(--color-neutral-50, #fff);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px #0000000d;width:100%;overflow:hidden;z-index:1001;animation:popoverSlideIn .2s ease-out;pointer-events:auto;display:flex;flex-direction:column;height:100%;min-height:0}.product-discovery--search-bar-results__outer-container{display:flex;flex-direction:column;padding:var(--spacing-small, 1rem)}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-discovery--search-bar-results__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-small, 1rem);overflow-y:auto;flex:1;min-height:0}.product-discovery--search-bar-results__grid>*{min-width:0;overflow:hidden}.product-discovery--search-bar-results__view-all-wrapper{flex-shrink:0;border-top:1px solid var(--color-neutral-200, #e5e5e5);background:var(--color-neutral-300)}.product-discovery--search-bar-results__view-all-button{display:flex;justify-content:center;width:100%}.product-discovery--search-bar-results__grid::-webkit-scrollbar{width:.5rem}.product-discovery--search-bar-results__grid::-webkit-scrollbar-track{background:var(--color-neutral-100, #f5f5f5);border-radius:.25rem}.product-discovery--search-bar-results__grid::-webkit-scrollbar-thumb{background:var(--color-neutral-400, #d4d4d4);border-radius:.25rem}.product-discovery--search-bar-results__grid::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500, #a3a3a3)}@media only screen and (min-width: 48rem){.product-discovery--search-bar-results{padding-top:.25rem}.product-discovery--search-bar-results__grid{gap:var(--spacing-medium, 1.5rem);padding:var(--spacing-medium, 1.5rem)}}.product-discovery--product-item{display:flex;flex-flow:column nowrap;gap:var(--spacing-small);width:auto;align-items:center;cursor:pointer;text-decoration:none;color:inherit;font-weight:var(--font-weight-regular, 600)}.product-discovery--product-item:hover,.product-discovery--product-item:focus{box-shadow:0 2px 8px #0000001a;text-decoration:none}.product-discovery--product-item__image .dropin-image{width:10rem;height:10rem;max-width:10rem;max-height:10rem;object-fit:cover;border-radius:var(--shape-border-radius-2, 4px)}.product-discovery--product-item__details{display:flex;flex-flow:column nowrap;justify-content:space-between;width:100%}.product-discovery--product-item__details [data-slot=ProductPrice]{text-align:start}
6
6
  .product-discovery-product-list,.product-discovery-product-list__container{display:flex;flex-direction:column;width:100%}.product-discovery-product-list__grid{display:grid;grid-template-columns:1fr 1fr;margin-top:var(--spacing-small)}.product-discovery-product-list__grid .dropin-product-item-card{text-align:left;border:1px solid transparent;width:200px}.product-discovery-product-list__grid .dropin-product-item-card:hover{border:1px solid var(--color-neutral-400);box-shadow:0 0 var(--spacing-xsmall) 0 #a9a9a9;padding:none}.product-discovery-product-list__grid .dropin-product-item-card a:hover{text-decoration:none;color:var(--color-neutral-800)}.product-discovery-product-list__header{display:flex;flex-direction:row-reverse;width:100%}.product-discovery-product-list__picker{width:15.625rem;display:inline-block}.product-discovery-product-item__image{min-height:250px}@media only screen and (min-width: 768px){.product-discovery-product-list__grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 1366px){.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__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__show-filters-button{display:flex;margin:0 0 var(--spacing-xsmall) 0}.product-discovery-facet-list .dropin-divider{margin:var(--spacing-xsmall) 0 var(--spacing-xsmall) 0}@media only screen and (min-width: 768px){.product-discovery-facet-list{min-width:13.12rem}.product-discovery-facet-list__facet-options{display:flex;flex-direction:column}.product-discovery-facet-list__show-filters-button{display:none}}
7
- .dropin-product-item-card__skeleton{gap:var(--spacing-small)}.dropin-product-item-card__skeleton__image{height:375px}.dropin-product-item-card__skeleton__content{grid-column:1/-1}.dropin-product-item-card{display:grid;position:relative;grid-auto-flow:row;background:var(--color-neutral-50);border:1px solid var(--color-neutral-400);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:var(--spacing-small);width:300px}.dropin-product-item-card__image-container{overflow:hidden;width:100%;height:auto}.dropin-product-item-card__image img{width:100%;max-height:375px}.dropin-product-item-card__content{display:grid;grid-template-columns:1fr 1fr;padding:var(--spacing-small);gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.dropin-product-item-card__title,.dropin-product-item-card__sku,.dropin-product-item-card__price,.dropin-product-item-card__swatches,.dropin-product-item-card__action{grid-column:1/3}.dropin-product-item-card__title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-product-item-card__sku,.dropin-product-item-card__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-product-item-card__swatches{margin-top:var(--spacing-xsmall)}.dropin-product-item-card__action{margin-top:var(--spacing-xsmall);width:100%}`,{styleId:"storefront-product-discovery"});
7
+ .dropin-product-item-card__skeleton__image{width:100%;height:370px}.dropin-product-item-card{display:grid;position:relative;grid-auto-flow:row;background:var(--color-neutral-50);border:1px solid var(--color-neutral-400);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:var(--spacing-small);width:300px}.dropin-product-item-card__image-container{overflow:hidden;width:100%;height:auto}.dropin-product-item-card__image img{width:100%;max-height:375px}.dropin-product-item-card__content{display:grid;grid-template-columns:1fr 1fr;padding:var(--spacing-small);gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.dropin-product-item-card__title,.dropin-product-item-card__sku,.dropin-product-item-card__price,.dropin-product-item-card__swatches,.dropin-product-item-card__action{grid-column:1/3}.dropin-product-item-card__title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-product-item-card__sku,.dropin-product-item-card__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-product-item-card__swatches{margin-top:var(--spacing-xsmall)}.dropin-product-item-card__action{margin-top:var(--spacing-xsmall);width:100%}`,{styleId:"storefront-product-discovery"});
8
8
  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};
9
9
  //# sourceMappingURL=render.js.map