@dropins/storefront-pdp 1.2.0-beta3 → 1.2.0-beta4

package/containers/ProductAttributes/ProductAttributes.d.ts

@@ -1,8 +1,15 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container, SlotProps } from '../../../@adobe-commerce/elsie/src/lib';
 import { ProductModel } from '../../data/models';
 
+type DefaultSlotContext = {
+    data: ProductModel | null;
+};
 export interface ProductAttributesProps extends HTMLAttributes<HTMLDivElement> {
+    slots?: {
+        Attributes?: SlotProps<DefaultSlotContext>;
+    };
 }
 export declare const ProductAttributes: Container<ProductAttributesProps, ProductModel | null>;
+export {};
 //# sourceMappingURL=ProductAttributes.d.ts.map

package/containers/ProductAttributes.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as a,jsx as i}from"@dropins/tools/preact-jsx-runtime.js";import{useState as n,useEffect as b}from"@dropins/tools/preact-compat.js";import{classes as h}from"@dropins/tools/lib.js";import{events as l}from"@dropins/tools/event-bus.js";import{i as P,t as S}from"../chunks/date.js";import{g as x}from"../chunks/getFetchedProductData.js";import{useText as L}from"@dropins/tools/i18n.js";import{c as j}from"../chunks/isProductConfigurationValid.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const I=({initialData:c=null,children:N,...r})=>{var s;const m=L("PDP.Product.Details.label").label,{defaultLocale:f="en-US"}=j.getConfig(),[u,p]=n(f),[o,d]=n(c);return b(()=>{const e=l.on("pdp/data",d),t=l.on("locale",p);return()=>{e==null||e.off(),t==null||t.off()}},[]),o?a("div",{...r,className:h(["pdp-attributes",r.className]),children:[m,i("ul",{children:(s=o==null?void 0:o.attributes)==null?void 0:s.map(({label:e,value:t},g)=>{const D=P(t)?S(t,u):t.toString();return a("li",{children:[e,": ",i("span",{dangerouslySetInnerHTML:{__html:D}})]},g)})})]}):null};I.getInitialData=x;export{I as ProductAttributes,I as default};
+import{jsxs as c,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{useState as m,useMemo as h,useEffect as x}from"@dropins/tools/preact-compat.js";import{classes as P,Slot as A}from"@dropins/tools/lib.js";import{events as s}from"@dropins/tools/event-bus.js";import{i as L,t as j}from"../chunks/date.js";import{g as C}from"../chunks/getFetchedProductData.js";import{useText as I}from"@dropins/tools/i18n.js";import{c as M}from"../chunks/isProductConfigurationValid.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const N=({initialData:l=null,children:T,slots:e,...i})=>{var n;const u=I("PDP.Product.Details.label").label,{defaultLocale:f="en-US"}=M.getConfig(),[d,p]=m(f),[r,b]=m(l),g=h(()=>({data:r}),[r]);return x(()=>{const o=s.on("pdp/data",b),t=s.on("locale",p);return()=>{o==null||o.off(),t==null||t.off()}},[]),r?c("div",{...i,className:P(["pdp-attributes",i.className]),children:[u,e!=null&&e.Attributes?a(A,{name:"Attributes",slot:e==null?void 0:e.Attributes,context:{...g}}):a("ul",{children:(n=r==null?void 0:r.attributes)==null?void 0:n.map(({label:o,value:t},D)=>{const S=L(t)?j(t,d):t.toString();return c("li",{children:[o,": ",a("span",{dangerouslySetInnerHTML:{__html:S}})]},D)})})]}):null};N.getInitialData=C;export{N as ProductAttributes,N as default};

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-pdp", "version": "1.2.0-beta3", "@dropins/tools": "~1.2.0", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-pdp", "version": "1.2.0-beta4", "@dropins/tools": "~1.2.0", "license": "SEE LICENSE IN LICENSE.md"}