@dropins/storefront-wishlist 1.0.1 → 2.0.0-alpha1

package/components/ProductItem/ProductItem.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
+import { FunctionComponent, JSX } from 'preact';
+import { ImageNodeRenderProps } from '../../../@adobe-commerce/elsie/src/components';
 import { Item, Product } from '../../data/models';
 
 export interface ProductItemProps extends HTMLAttributes<HTMLDivElement> {
@@ -7,12 +8,10 @@ export interface ProductItemProps extends HTMLAttributes<HTMLDivElement> {
     item?: Item;
     onCartActionButtonClick?: () => boolean;
     onTrashButtonClick?: () => boolean;
-    fixedProductTaxesEnabled: boolean;
-    fixedProductTaxesApply: boolean;
-    fixedProductTaxesEnabledDisplayInProductLists?: string;
-    fixedProductTaxesEnabledDisplayInSalesModules?: string;
-    fixedProductTaxesEnabledDisplayInProductView?: string;
     routeProdDetailPage: (product: Product) => string;
+    imageNode?: (props: {
+        defaultImageProps: ImageNodeRenderProps;
+    }) => JSX.Element;
 }
 export declare const ProductItem: FunctionComponent<ProductItemProps>;
 //# sourceMappingURL=ProductItem.d.ts.map

package/components/index.d.ts

@@ -19,5 +19,4 @@ export * from './Wishlist';
 export * from './ProductItem';
 export * from './ImageCarousel';
 export * from './Login';
-export * from './TaxDetails';
 //# sourceMappingURL=index.d.ts.map

package/containers/Wishlist/Wishlist.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container } from '../../../@adobe-commerce/elsie/src/lib';
-import { Product } from '../../data/models';
+import { Container, SlotProps } from '../../../@adobe-commerce/elsie/src/lib';
+import { Item, Product } from '../../data/models';
+import { ImageProps } from '../../../@adobe-commerce/elsie/src/components';
 
 export interface WishlistProps extends HTMLAttributes<HTMLDivElement> {
     routeEmptyWishlistCTA?: () => string;
@@ -10,6 +11,14 @@ export interface WishlistProps extends HTMLAttributes<HTMLDivElement> {
         quantity: number;
     }[]) => Promise<any>;
     routeProdDetailPage: (product: Product) => string;
+    getProductData?: (sku: string) => Promise<Product | null>;
+    getRefinedProduct?: (sku: string, optionUIDs: string[], anchorOptions?: string[], raw?: boolean) => Promise<Product | null>;
+    slots?: {
+        image?: SlotProps<{
+            defaultImageProps: ImageProps;
+            item: Item;
+        }>;
+    };
 }
 export declare const Wishlist: Container<WishlistProps>;
 //# sourceMappingURL=Wishlist.d.ts.map

package/containers/Wishlist.js

@@ -1,6 +1,6 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as i,jsxs as d,Fragment as H}from"@dropins/tools/preact-jsx-runtime.js";import{useState as u,useCallback as j,useEffect as F,useMemo as k,Fragment as B}from"@dropins/tools/preact-compat.js";import{classes as v,VComponent as R}from"@dropins/tools/lib.js";import{IllustratedMessage as z,Button as A,Icon as V,SkeletonRow as Y,Skeleton as q}from"@dropins/tools/components.js";import{W as G}from"../chunks/WishlistItem.js";import{events as I}from"@dropins/tools/event-bus.js";import{s as b}from"../chunks/removeProductsFromWishlist.js";import{useText as $,Text as M}from"@dropins/tools/i18n.js";import{W as J}from"../chunks/WishlistAlert.js";import{S as K}from"../chunks/Heart.js";import"../chunks/Trash.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/HeartFilled.js";const O=({className:l,children:s,ctaLinkURL:e,...c})=>{const r=$({emptyWishlist:"Wishlist.EmptyWishlist.heading",message:"Wishlist.EmptyWishlist.message",cta:"Wishlist.EmptyWishlist.cta"});return i("div",{...c,className:v(["wishlist-empty-wishlist",l]),children:i(z,{className:v(["wishlist-empty-wishlist__wrapper",l]),"data-testid":"wishlist-empty-wishlist",heading:r.emptyWishlist,icon:i(V,{className:"wishlist-empty-wishlist__icon",source:K}),message:i("p",{children:r.message}),action:e?i(A,{"data-testid":"wishlist-empty-wishlist-button",size:"medium",variant:"primary",type:"submit",href:e,children:r.cta},"routeHome"):void 0})})},S=()=>i(Y,{children:`
+import{jsx as i,jsxs as d,Fragment as F}from"@dropins/tools/preact-jsx-runtime.js";import{useState as f,useCallback as z,useEffect as B,useMemo as E,Fragment as A}from"@dropins/tools/preact-compat.js";import{classes as L,Slot as V,VComponent as Y}from"@dropins/tools/lib.js";import{IllustratedMessage as q,Button as G,Icon as J,SkeletonRow as K,Skeleton as O}from"@dropins/tools/components.js";import{W as Q}from"../chunks/WishlistItem.js";import{events as H}from"@dropins/tools/event-bus.js";import{s as $}from"../chunks/removeProductsFromWishlist.js";import{useText as R,Text as j}from"@dropins/tools/i18n.js";import{W as U}from"../chunks/WishlistAlert.js";import{S as X}from"../chunks/Heart.js";import"../chunks/Trash.js";import"../chunks/getProductBySku.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/HeartFilled.js";const Z=({className:l,children:t,ctaLinkURL:e,...m})=>{const r=R({emptyWishlist:"Wishlist.EmptyWishlist.heading",message:"Wishlist.EmptyWishlist.message",cta:"Wishlist.EmptyWishlist.cta"});return i("div",{...m,className:L(["wishlist-empty-wishlist",l]),children:i(q,{className:L(["wishlist-empty-wishlist__wrapper",l]),"data-testid":"wishlist-empty-wishlist",heading:r.emptyWishlist,icon:i(J,{className:"wishlist-empty-wishlist__icon",source:X}),message:i("p",{children:r.message}),action:e?i(G,{"data-testid":"wishlist-empty-wishlist-button",size:"medium",variant:"primary",type:"submit",href:e,children:r.cta},"routeHome"):void 0})})},b=()=>i(K,{children:`
       <svg
           width="100%"
           height="100%"
@@ -14,4 +14,4 @@ import{jsx as i,jsxs as d,Fragment as H}from"@dropins/tools/preact-jsx-runtime.j
         <rect x="6" y="556" width="132" height="22" rx="4" fill="#E8E8E8" />
         <rect x="6" y="592" width="280" height="48" rx="24" fill="#D9D9D9" />
       </svg>
-    `}),Q=()=>d(q,{"data-testid":"wishlist-loader",children:[i(S,{}),i(S,{}),i(S,{})]}),hi=({routeEmptyWishlistCTA:l,routeToWishlist:s,moveProdToCart:e,routeProdDetailPage:c,...r})=>{const[f,m]=u(null),[N,_]=u(b.authenticated),[L,g]=u(b.isLoading),W=n=>_(n),[p,a]=u(null),x=j(n=>{const{action:o,item:h}=n;a(i(J,{action:o,item:h,routeToWishlist:s}))},[s]);return F(()=>{const n=I.on("authenticated",W),o=I.on("wishlist/alert",t=>x(t)),h=I.on("wishlist/data",t=>{m(t),g(!1)},{eager:!0});return()=>{n==null||n.off(),h==null||h.off(),o==null||o.off()}},[x]),i(U,{...r,wishlistData:f,wishlistAlert:p,routeEmptyWishlistCTA:l,moveProdToCart:e,isLoggedIn:N,isLoading:L,routeProdDetailPage:c})},U=({className:l,wishlistData:s,wishlistAlert:e,isLoggedIn:c,isLoading:r,moveProdToCart:f,routeEmptyWishlistCTA:m,onLoginClick:N,routeProdDetailPage:_,...L})=>{const[g,W]=u(e),p=$({wishlistHeading:"Wishlist.Wishlist.heading",wishlistLoadingHeading:"Wishlist.Wishlist.loading"}),a=k(()=>{var t;return((t=s==null?void 0:s.items)==null?void 0:t.length)>0?s.items.map(y=>{var w;return i(G,{initialData:y,moveProdToCart:f,routeProdDetailPage:_},(w=y.product)==null?void 0:w.sku)}):null},[s,f,_]);F(()=>{if(e){W(e);const t=setTimeout(()=>{W(null)},5e3);return()=>clearTimeout(t)}},[e]);const x=k(()=>g?i(R,{node:g,className:"wishlist-wishlist__alert"}):null,[g]),n=()=>d(H,{children:[i("div",{className:"wishlist-wishlist__heading","data-testid":"wishlist-heading-wrapper",children:i("div",{className:"wishlist-wishlist__heading-text","data-testid":"loader-wishlist-heading",children:p.wishlistLoadingHeading})}),i(Q,{})]}),o=()=>a?d(H,{children:[h,i("div",{className:"wishlist-wishlist__content",children:a})]}):i("div",{className:v(["wishlist-wishlist__content","wishlist-wishlist__content--empty"]),children:d("div",{children:[i(O,{"data-testid":"empty-wishlist",ctaLinkURL:m==null?void 0:m()}),!c&&i(X,{onLoginClick:N})]})}),h=k(()=>{var t;return a?i("div",{className:"wishlist-wishlist__heading","data-testid":"wishlist-heading-wrapper",children:i("div",{className:"wishlist-wishlist__heading-text","data-testid":"default-wishlist-heading",children:(t=p.wishlistHeading)==null?void 0:t.split(" {count}").map((y,w)=>{var E;return d(B,{children:[y,w===0&&i("span",{className:"wishlist-wishlist__heading-count","data-testid":"wishlist-heading-count",children:`${s==null?void 0:s.items_count} products`})]},((E=s==null?void 0:s.id)==null?void 0:E.toString())+w)})})}):null},[p,a,s]);return d("div",{...L,className:v(["wishlist-wishlist",l]),children:[x,r?n():o()]})},X=({onLoginClick:l})=>d("div",{className:"wishlist-login__sign-in",children:[i("a",{"data-testid":"log-in-link",className:"wishlist-login__link",href:"",rel:"noreferrer",onClick:l,role:"button",children:i(M,{id:"Wishlist.Login.logIn"})}),i(M,{id:"Wishlist.Login.sync"})]});export{hi as Wishlist,hi as default};
+    `}),C=()=>d(O,{"data-testid":"wishlist-loader",children:[i(b,{}),i(b,{}),i(b,{})]}),gi=({routeEmptyWishlistCTA:l,routeToWishlist:t,moveProdToCart:e,routeProdDetailPage:m,getProductData:r,getRefinedProduct:_,slots:W,...I})=>{const[g,S]=f(null),[x,a]=f($.authenticated),[k,p]=f($.isLoading),y=n=>a(n),[w,c]=f(null),v=z(n=>{const{action:h,item:o}=n;c(i(U,{action:h,item:o,routeToWishlist:t}))},[t]);return B(()=>{const n=H.on("authenticated",y),h=H.on("wishlist/alert",s=>v(s)),o=H.on("wishlist/data",s=>{S(s),p(!1)},{eager:!0});return()=>{n==null||n.off(),o==null||o.off(),h==null||h.off()}},[v]),i(T,{...I,wishlistData:g,wishlistAlert:w,routeEmptyWishlistCTA:l,moveProdToCart:e,getProductData:r,getRefinedProduct:_,isLoggedIn:x,isLoading:k,routeProdDetailPage:m,slots:W})},T=({className:l,wishlistData:t,wishlistAlert:e,isLoggedIn:m,isLoading:r,moveProdToCart:_,getProductData:W,getRefinedProduct:I,routeEmptyWishlistCTA:g,onLoginClick:S,routeProdDetailPage:x,slots:a,...k})=>{const[p,y]=f(e),w=R({wishlistHeading:"Wishlist.Wishlist.heading",wishlistLoadingHeading:"Wishlist.Wishlist.loading"}),c=E(()=>{var s;return((s=t==null?void 0:t.items)==null?void 0:s.length)>0?t.items.map(u=>i(Q,{item:u,getProductData:W,getRefinedProduct:I,moveProdToCart:_,routeProdDetailPage:x,imageNode:a!=null&&a.image?({defaultImageProps:N})=>i(V,{name:"image",slot:a.image,context:{defaultImageProps:N,item:u}}):void 0},u.id)):null},[t,_,W,x]);B(()=>{if(e){y(e);const s=setTimeout(()=>{y(null)},5e3);return()=>clearTimeout(s)}},[e]);const v=E(()=>p?i(Y,{node:p,className:"wishlist-wishlist__alert"}):null,[p]),n=()=>d(F,{children:[i("div",{className:"wishlist-wishlist__heading","data-testid":"wishlist-heading-wrapper",children:i("h1",{className:"wishlist-wishlist__heading-text","data-testid":"loader-wishlist-heading",children:w.wishlistLoadingHeading})}),i(C,{})]}),h=()=>c?d(F,{children:[o,i("div",{className:"wishlist-wishlist__content",children:c})]}):i("div",{className:L(["wishlist-wishlist__content","wishlist-wishlist__content--empty"]),children:d("div",{children:[i(Z,{"data-testid":"empty-wishlist",ctaLinkURL:g==null?void 0:g()}),!m&&i(P,{onLoginClick:S})]})}),o=E(()=>{var s;return c?i("div",{className:"wishlist-wishlist__heading","data-testid":"wishlist-heading-wrapper",children:i("h1",{className:"wishlist-wishlist__heading-text","data-testid":"default-wishlist-heading",children:(s=w.wishlistHeading)==null?void 0:s.split(" {count}").map((u,N)=>{var M;return d(A,{children:[u,N===0&&i("span",{className:"wishlist-wishlist__heading-count","data-testid":"wishlist-heading-count",children:`${t==null?void 0:t.items_count} products`})]},((M=t==null?void 0:t.id)==null?void 0:M.toString())+N)})})}):null},[w,c,t]);return d("div",{...k,className:L(["wishlist-wishlist",l]),children:[v,r?n():h()]})},P=({onLoginClick:l})=>d("div",{className:"wishlist-login__sign-in",children:[i("a",{"data-testid":"log-in-link",className:"wishlist-login__link",href:"",rel:"noreferrer",onClick:l,role:"button",children:i(j,{id:"Wishlist.Login.logIn"})}),i(j,{id:"Wishlist.Login.sync"})]});export{gi as Wishlist,gi as default};

package/containers/WishlistAlert/WishlistAlert.d.ts

@@ -2,8 +2,8 @@ import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
 
 export interface WishlistAlertProps extends HTMLAttributes<HTMLDivElement> {
-    action: 'add' | 'remove' | 'move';
-    item: {
+    action: 'add' | 'remove' | 'move' | 'addError' | 'removeError';
+    item?: {
         product: {
             name: string;
         };

package/containers/WishlistAlert.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{W as e,W as l}from"../chunks/WishlistAlert.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";import"../chunks/Trash.js";import"@dropins/tools/preact-compat.js";import"../chunks/HeartFilled.js";import"@dropins/tools/i18n.js";export{e as WishlistAlert,l as default};
+import{W as e,W as l}from"../chunks/WishlistAlert.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-compat.js";import"../chunks/Trash.js";import"../chunks/HeartFilled.js";import"@dropins/tools/i18n.js";export{e as WishlistAlert,l as default};

package/containers/WishlistItem/WishlistItem.d.ts

@@ -1,9 +1,13 @@
 import { HTMLAttributes } from 'preact/compat';
 import { Container } from '../../../@adobe-commerce/elsie/src/lib';
 import { Item, Product } from '../../data/models';
+import { ImageNodeRenderProps } from '../../../@adobe-commerce/elsie/src/components';
+import { JSX } from 'preact';
 
 export interface WishlistItemProps extends HTMLAttributes<HTMLDivElement> {
-    initialData: Item | null;
+    item: Item;
+    getProductData?: (sku: string) => Promise<Product | null>;
+    getRefinedProduct?: (sku: string, optionUIDs: string[], anchorOptions?: string[], raw?: boolean) => Promise<Product | null>;
     moveProdToCart: (products: {
         sku: string;
         quantity: number;
@@ -11,6 +15,9 @@ export interface WishlistItemProps extends HTMLAttributes<HTMLDivElement> {
         enteredOptions?: [];
     }[]) => Promise<any>;
     routeProdDetailPage: (product: Product) => string;
+    imageNode?: (props: {
+        defaultImageProps: ImageNodeRenderProps;
+    }) => JSX.Element;
 }
 export declare const WishlistItem: Container<WishlistItemProps>;
 //# sourceMappingURL=WishlistItem.d.ts.map

package/containers/WishlistItem.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{W as l,W as d}from"../chunks/WishlistItem.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-compat.js";import"../chunks/removeProductsFromWishlist.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/Trash.js";import"@dropins/tools/i18n.js";export{l as WishlistItem,d as default};
+import{W as d,W as h}from"../chunks/WishlistItem.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/lib.js";import"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"../chunks/removeProductsFromWishlist.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/Trash.js";import"@dropins/tools/i18n.js";import"../chunks/getProductBySku.js";export{d as WishlistItem,h as default};

package/containers/WishlistToggle.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as m}from"@dropins/tools/preact-jsx-runtime.js";import{useState as c,useCallback as y,useEffect as u}from"@dropins/tools/preact-compat.js";import{Button as C,Icon as d}from"@dropins/tools/components.js";import{events as a}from"@dropins/tools/event-bus.js";import{s as j,g as q,i as x,r as E}from"../chunks/removeProductsFromWishlist.js";import{c as H,a as P}from"../chunks/mergeWishlists.js";import{S as T}from"../chunks/HeartFilled.js";import{S as z}from"../chunks/Heart.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/lib.js";const V=({product:s,iconWishlisted:I,iconToWishlist:v,size:g,variant:k,disabled:D,labelToWishlist:U,labelWishlisted:p,onClick:w,removeProdFromCart:r})=>{const[O,S]=c(j.authenticated),[f,n]=c(!1),[h,W]=c(null),{isGuestWishlistEnabled:L}=H.getConfig(),o=y(()=>{var i;const e=q(),t=(i=e==null?void 0:e.items)==null?void 0:i.find(l=>x(l,{sku:s.topLevelSku??s.sku,optionUIDs:s.optionUIDs??(s.selectedOptionsUIDs?Object.values(s.selectedOptionsUIDs):void 0)}));W(t??null),n(!!t)},[s.topLevelSku,s.sku,s.optionUIDs,s.selectedOptionsUIDs]);u(()=>{o()},[o]),u(()=>{const e=l=>S(l),t=a.on("authenticated",e),i=a.on("wishlist/data",o);return()=>{t==null||t.off(),i==null||i.off()}},[o]);const b=async()=>{var e;f?(await E([h]),n(!1),a.emit("wishlist/alert",{action:"remove",item:h})):(await P([{sku:s.topLevelSku??s.sku,quantity:1,optionsUIDs:s.optionUIDs??(s.selectedOptionsUIDs?Object.values(s.selectedOptionsUIDs):void 0),enteredOptions:(e=s.options)!=null&&e.items?s.options.items.filter(t=>t.selected).map(t=>({uid:t.uid,value:t.value})):void 0}]),n(!0),a.emit("wishlist/alert",{action:"add",item:{product:s}}),r&&await r([{uid:s.uid,quantity:0}]))};return!O&&!L?null:m(C,{active:f,"data-testid":"wishlist-toggle",size:g??"medium",variant:k??"tertiary",disabled:D,icon:m(d,{source:v??z}),activeIcon:m(d,{source:I??T}),onClick:w??b,children:U,activeChildren:p})};export{V as WishlistToggle,V as default};
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{useState as h,useCallback as E,useEffect as v}from"@dropins/tools/preact-compat.js";import{Button as F,Icon as I}from"@dropins/tools/components.js";import{events as a}from"@dropins/tools/event-bus.js";import{s as P,g as j,i as x,r as A}from"../chunks/removeProductsFromWishlist.js";import{c as M,a as R}from"../chunks/mergeWishlists.js";import{S as q}from"../chunks/HeartFilled.js";import{S as H}from"../chunks/Heart.js";import{useText as N}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/lib.js";const $=({product:i,iconWishlisted:W,iconToWishlist:g,size:d,variant:D,disabled:u,labelToWishlist:U,labelWishlisted:k,onClick:w,removeProdFromCart:f})=>{const[O,b]=h(P.authenticated),[n,o]=h(!1),[L,S]=h(null),{isGuestWishlistEnabled:T}=M.getConfig(),c=N({addToWishlist:"Wishlist.Wishlist.ariaLabelAddToWishlist",removeFromWishlist:"Wishlist.Wishlist.ariaLabelRemoveFromWishlist"}),l=E(()=>{var t;const e=j(),s=(t=e==null?void 0:e.items)==null?void 0:t.find(m=>x(m,{sku:i.topLevelSku??i.sku,optionUIDs:i.optionUIDs??(i.selectedOptionsUIDs?Object.values(i.selectedOptionsUIDs):void 0)}));S(s??null),o(!!s)},[i.topLevelSku,i.sku,i.optionUIDs,i.selectedOptionsUIDs]);v(()=>{l()},[l]),v(()=>{const e=m=>b(m),s=a.on("authenticated",e),t=a.on("wishlist/data",l);return()=>{s==null||s.off(),t==null||t.off()}},[l]);const y=async()=>{var e;if(n){try{await A([L])}catch{return a.emit("wishlist/alert",{action:"removeError",item:{product:i}}),null}o(!1),a.emit("wishlist/alert",{action:"remove",item:{product:i}})}else{try{await R([{sku:i.topLevelSku??i.sku,quantity:1,optionsUIDs:i.optionUIDs??(i.selectedOptionsUIDs?Object.values(i.selectedOptionsUIDs):void 0),enteredOptions:(e=i.options)!=null&&e.items?i.options.items.filter(s=>s.selected).map(s=>({uid:s.uid,value:s.value})):void 0}])}catch{return a.emit("wishlist/alert",{action:"addError",item:{product:i}}),null}o(!0),a.emit("wishlist/alert",{action:"add",item:{product:i}}),f&&await f([{uid:i.uid,quantity:0}])}};if(!O&&!T)return null;const C=n?c.removeFromWishlist.replace("{PRODUCT_NAME}",i==null?void 0:i.name):c.addToWishlist.replace("{PRODUCT_NAME}",i==null?void 0:i.name);return r(F,{active:n,"aria-label":C,"data-testid":"wishlist-toggle",size:d??"medium",variant:D??"tertiary",disabled:u,icon:r(I,{source:g??H}),activeIcon:r(I,{source:W??q}),onClick:w??y,children:U,activeChildren:k})};export{$ as WishlistToggle,$ as default};

package/data/models/product.d.ts

@@ -14,60 +14,77 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
+/**
+ * Product data model is based on PDP. For further details see:
+ *
+ * https://github.com/adobe-commerce/storefront-pdp/blob/develop/src/data/models/product-model.ts
+ * https://github.com/adobe-commerce/storefront-pdp/blob/develop/src/data/models/acdl-models.ts
+ */
 export interface Product {
-    type: string;
     name: string;
     sku: string;
-    topLevelSku?: string;
-    uid: string;
-    image: Image;
-    stockStatus?: string;
-    canonicalUrl?: string;
-    urlKey: string;
-    categories: string[];
-    prices: PriceDetails;
-    productAttributes?: Attribute[];
-    options: Option[];
+    isBundle: boolean;
+    addToCartAllowed: boolean;
+    inStock: boolean | null;
+    shortDescription?: string;
+    metaDescription?: string;
+    metaKeyword?: string;
+    metaTitle?: string;
+    description?: string;
+    images?: Image[];
+    prices: Prices;
+    attributes?: Attribute[];
+    options?: Option[];
+    optionUIDs?: string[];
+    url?: string;
+    urlKey?: string;
+    externalId?: string;
+    externalParentId?: string;
+    variantSku?: string;
+    productType?: ProductType | undefined;
 }
-export interface PriceDetails {
-    regularPrice: MoneyProps;
-    finalPrice: MoneyProps;
-    discount?: {
-        amountOff: number;
-        percentOff: number;
-    };
-    fixedProductTaxes: FixedProductTaxesProps[];
+export interface Image {
+    url: string;
+    label: string;
+    width?: number;
+    height?: number;
 }
-export interface MoneyProps {
-    value: number;
-    currency: string;
+interface Price {
+    amount?: number;
+    currency?: string;
+    maximumAmount?: number;
+    minimumAmount?: number;
+    variant?: 'default' | 'strikethrough';
 }
-interface FixedProductTaxesProps {
-    money: MoneyProps;
-    label: string;
+export interface Prices {
+    regular: Price;
+    final: Price;
+    visible: boolean;
 }
-interface Image {
-    alt: string;
-    src: string;
+export interface Option {
+    id: string;
+    type: 'text' | 'image' | 'color' | 'dropdown';
+    typename: 'ProductViewOptionValueProduct' | 'ProductViewOptionValueSwatch' | 'ProductViewOptionValueConfiguration';
+    label: string;
+    required: boolean;
+    multiple: boolean;
+    items: OptionValue[];
 }
-interface AttributeOption {
-    value: string;
+interface OptionValue {
+    id: string;
     label: string;
+    inStock: boolean;
+    value: string;
+    selected: boolean;
+    product?: any;
 }
 interface Attribute {
-    code: string;
-    value?: string;
-    selected_options?: AttributeOption[];
+    label: string;
+    value: string;
 }
-interface Option {
-    uid: string;
-    attributeCode?: string;
-    attributeUid?: string;
-    required: boolean;
-    values: [{
-        uid: string;
-        label: string;
-    }];
+export declare enum ProductType {
+    ComplexProduct = "complex",
+    SimpleProduct = "simple"
 }
 export {};
 //# sourceMappingURL=product.d.ts.map

package/data/models/store-config.d.ts

@@ -18,10 +18,5 @@ export interface StoreConfigModel {
     wishlistIsEnabled: boolean;
     wishlistMaxNumber: number;
     wishlistMultipleListIsEnabled: boolean;
-    fixedProductTaxesEnabled: boolean;
-    fixedProductTaxesApply: boolean;
-    fixedProductTaxesEnabledDisplayInProductLists: string;
-    fixedProductTaxesEnabledDisplayInSalesModules: string;
-    fixedProductTaxesEnabledDisplayInProductView: string;
 }
 //# sourceMappingURL=store-config.d.ts.map

package/data/models/wishlist.d.ts

@@ -1,5 +1,4 @@
 import { SelectedCustomizableOption } from './selected-customizable-option';
-import { Product } from './product';
 
 export interface Wishlist {
     id: string;
@@ -13,17 +12,16 @@ export interface Item {
     quantity: number;
     description: string;
     added_at: string;
-    selectedOptions: ConfigurableOption[];
+    selectedOptions: {
+        uid: string;
+    }[];
     enteredOptions?: {
         uid: string;
         value: string;
     }[];
-    product: Product;
+    product: {
+        sku: string;
+    };
     customizableOptions: SelectedCustomizableOption[];
 }
-export interface ConfigurableOption {
-    uid: string;
-    label: string;
-    value: string;
-}
 //# sourceMappingURL=wishlist.d.ts.map

package/data/transforms/__fixtures__/productData.d.ts

@@ -1,7 +1,222 @@
 import { Product } from '../../models/product';
 
-declare const product: Product;
-declare const productOutOfStock: Product;
+declare const simpleProduct: Product;
 declare const configurableProduct: Product;
-export { product, productOutOfStock, configurableProduct };
+declare const configuredProduct: Product;
+declare const simpleProductDataCS: {
+    name: string;
+    sku: string;
+    isBundle: boolean;
+    addToCartAllowed: boolean;
+    inStock: boolean;
+    shortDescription: string;
+    metaDescription: string;
+    metaKeyword: string;
+    metaTitle: string;
+    description: string;
+    images: {
+        url: string;
+        label: string;
+        roles: string[];
+    }[];
+    prices: {
+        regular: {
+            amount: number;
+            currency: string;
+            variant: string;
+        };
+        final: {
+            amount: number;
+            currency: string;
+            variant: string;
+        };
+        visible: boolean;
+    };
+    attributes: {
+        id: string;
+        label: string;
+        value: string;
+    }[];
+    url: string;
+    urlKey: string;
+    externalId: string;
+    productType: string;
+};
+declare const configurableProductDataCS: {
+    name: string;
+    sku: string;
+    isBundle: boolean;
+    addToCartAllowed: boolean;
+    inStock: boolean;
+    shortDescription: string;
+    metaDescription: string;
+    metaKeyword: string;
+    metaTitle: string;
+    description: string;
+    images: {
+        url: string;
+        label: string;
+        roles: string[];
+    }[];
+    prices: {
+        final: {
+            minimumAmount: number;
+            maximumAmount: number;
+            currency: string;
+        };
+        visible: boolean;
+    };
+    attributes: {
+        id: string;
+        label: string;
+        value: string;
+    }[];
+    options: {
+        id: string;
+        type: string;
+        typename: string;
+        label: string;
+        required: boolean;
+        multiple: null;
+        items: {
+            id: string;
+            inStock: boolean;
+            label: string;
+            selected: boolean;
+            value: string;
+        }[];
+    }[];
+    url: string;
+    urlKey: string;
+    externalId: string;
+    productType: string;
+};
+declare const configuredProductDataCS: {
+    name: string;
+    sku: string;
+    isBundle: boolean;
+    addToCartAllowed: boolean;
+    inStock: boolean;
+    shortDescription: string;
+    metaDescription: string;
+    metaKeyword: string;
+    metaTitle: string;
+    description: string;
+    images: {
+        url: string;
+        label: string;
+        roles: string[];
+    }[];
+    prices: {
+        regular: {
+            amount: number;
+            currency: string;
+            variant: string;
+        };
+        final: {
+            amount: number;
+            currency: string;
+            variant: string;
+        };
+        visible: boolean;
+    };
+    attributes: {
+        id: string;
+        label: string;
+        value: string;
+    }[];
+    options: {
+        id: string;
+        type: string;
+        typename: string;
+        label: string;
+        required: boolean;
+        multiple: null;
+        items: {
+            id: string;
+            inStock: boolean;
+            label: string;
+            selected: boolean;
+            value: string;
+        }[];
+    }[];
+    optionUIDs: string[];
+    url: string;
+    urlKey: string;
+    externalId: string;
+    variantSku: string;
+    productType: string;
+};
+declare const simpleProductDataAC: {
+    __typename: string;
+    uid: string;
+    sku: string;
+    name: string;
+    description: {
+        html: string;
+    };
+    meta_description: null;
+    meta_keyword: null;
+    meta_title: null;
+    short_description: {
+        html: string;
+    };
+    thumbnail: {
+        url: string;
+        label: string;
+    };
+    url_key: string;
+    categories: {
+        url_path: string;
+        url_key: string;
+        name: string;
+    }[];
+    stock_status: string;
+    canonical_url: null;
+    custom_attributesV2: {
+        items: {
+            code: string;
+            selected_options: {
+                value: string;
+                label: string;
+            }[];
+        }[];
+    };
+    price_range: {
+        minimum_price: {
+            regular_price: {
+                value: number;
+                currency: string;
+            };
+            final_price: {
+                value: number;
+                currency: string;
+            };
+            discount: {
+                percent_off: number;
+                amount_off: number;
+            };
+            fixed_product_taxes: never[];
+        };
+        maximum_price: {
+            regular_price: {
+                value: number;
+                currency: string;
+            };
+            final_price: {
+                value: number;
+                currency: string;
+            };
+            discount: {
+                percent_off: number;
+                amount_off: number;
+            };
+            fixed_product_taxes: never[];
+        };
+    };
+    options: null;
+};
+declare const configurableProductDataAC: Product;
+declare const configuredProductDataAC: {};
+export { simpleProduct, configurableProduct, configuredProduct, simpleProductDataAC, simpleProductDataCS, configurableProductDataAC, configurableProductDataCS, configuredProductDataCS, configuredProductDataAC, };
 //# sourceMappingURL=productData.d.ts.map

package/data/transforms/__fixtures__/wishlistData.d.ts

@@ -1,8 +1,6 @@
 import { Wishlist } from '../../models/wishlist';
 
 export declare const wishlist: Wishlist;
-export declare const wishlistWithProductWithOptions: Wishlist;
-export declare const wishlistWithProductOutOfStock: Wishlist;
-export declare const wishlistWithProductWithoutDiscount: Wishlist;
-export declare const wishlistWithProductWithoutTaxes: Wishlist;
+export declare const wishlistWithConfigurableProduct: Wishlist;
+export declare const wishlistWithConfiguredProduct: Wishlist;
 //# sourceMappingURL=wishlistData.d.ts.map

package/data/transforms/transform-product.d.ts

@@ -1,4 +1,4 @@
-import { Product, ConfigurableOption } from '../models';
+import { Product, Option } from '../models';
 
-export declare function transformProduct(data: any, selectedOptions?: ConfigurableOption[]): Product | null;
+export declare function transformProduct(data: any, selectedOptions?: Option[]): Product | null;
 //# sourceMappingURL=transform-product.d.ts.map

package/i18n/en_US.json.d.ts

@@ -7,7 +7,9 @@ declare const _default: {
     },
     "Wishlist": {
       "heading": "Wishlist {count}",
-      "loading": "Loading..."
+      "loading": "Loading...",
+      "ariaLabelAddToWishlist": "add {PRODUCT_NAME} to wishlist",
+      "ariaLabelRemoveFromWishlist": "remove {PRODUCT_NAME} from wishlist"
     },
     "Alert": {
       "addProduct": {
@@ -22,6 +24,14 @@ declare const _default: {
         "heading": "Moved to cart",
         "message": "{product} has been moved to your cart"
       },
+      "addError": {
+        "heading": "Error",
+        "message": "Failed to add product to wishlist"
+      },
+      "removeError": {
+        "heading": "Error",
+        "message": "Failed to remove {product} from wishlist"
+      },
       "viewWishlist": "View wishlist"
     },
     "Login": {

package/lib/persisted-data.d.ts

@@ -3,8 +3,5 @@ import { Wishlist } from '../data/models';
 export declare function setPersistedWishlistData(data: Wishlist | null): void;
 export declare function getPersistedWishlistData(guest?: boolean): Wishlist | {};
 export declare function clearPersistedLocalStorage(): void;
-export declare function getWishlistItemFromStorage(productSku: string, optionUIDs?: string[], enteredOptions?: {
-    uid: string;
-    value: string;
-}[]): any;
+export declare function getWishlistItemFromStorage(productSku: string, optionUIDs?: string[]): any;
 //# sourceMappingURL=persisted-data.d.ts.map

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-wishlist", "version": "1.0.1", "@dropins/tools": "~1.0.0", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-wishlist", "version": "2.0.0-alpha1", "@dropins/tools": "~1.0.0", "license": "SEE LICENSE IN LICENSE.md"}