@dropins/storefront-wishlist 0.2.1-alpha → 0.2.2-alpha

package/api/getProductBySku/graphql/getProductBySku.graphql.d.ts

@@ -14,5 +14,5 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
-export declare const GET_PRODUCT_BY_SKU = "\n  query GET_PRODUCT_BY_SKU($sku: String!) {\n    products(filter: { sku: { eq: $sku } }) {\n        items {\n          sku\n          name\n          thumbnail {\n            label\n            url\n          }\n          price_range {\n            minimum_price {\n              regular_price {\n                currency\n                value\n              }\n              final_price {\n                currency\n                value\n              }\n              discount {\n                amount_off\n                percent_off\n              }\n            }\n          }\n          stock_status\n          ... on SimpleProduct {\n            stock_status\n            options {\n              uid\n            }\n          }\n          ... on ConfigurableProduct {\n            configurable_options {\n              uid\n              attribute_uid\n              attribute_code\n              values {\n                uid\n              }\n            }\n            variants {\n              product {\n                sku\n                stock_status\n              }\n            }\n          }\n          ... on BundleProduct {\n            items {\n              uid\n              title\n              options {\n                uid\n                label\n                quantity\n              }\n            }\n          }\n        }\n      }\n    }\n";
+export declare const GET_PRODUCT_BY_SKU = "\n  query GET_PRODUCT_BY_SKU($sku: String!) {\n    products(filter: { sku: { eq: $sku } }) {\n        items {\n          __typename\n          sku\n          name\n          thumbnail {\n            label\n            url\n          }\n          price_range {\n            minimum_price {\n              regular_price {\n                currency\n                value\n              }\n              final_price {\n                currency\n                value\n              }\n              discount {\n                amount_off\n                percent_off\n              }\n            }\n          }\n          stock_status\n          ... on SimpleProduct {\n            stock_status\n            options {\n              uid\n            }\n          }\n          ... on ConfigurableProduct {\n            configurable_options {\n              uid\n              attribute_uid\n              attribute_code\n              values {\n                uid\n              }\n            }\n            variants {\n              product {\n                sku\n                stock_status\n              }\n            }\n          }\n          ... on GiftCardProduct {\n            giftcard_type\n            giftcard_amounts {\n              uid\n              website_id\n              value\n              attribute_id\n              website_value\n            }\n            gift_card_options {\n              title\n              required\n              uid\n              ... on CustomizableFieldOption {\n                value: value {\n                  uid\n                }\n              }\n            }\n          }\n          ... on BundleProduct {\n            items {\n              uid\n              title\n              options {\n                uid\n                label\n                quantity\n              }\n            }\n          }\n        }\n      }\n    }\n";
 //# sourceMappingURL=getProductBySku.graphql.d.ts.map

package/api/index.d.ts

@@ -26,4 +26,5 @@ export * from './removeProductsFromWishlist';
 export * from './updateProductsInWishlist';
 export * from './resetWishlist';
 export * from './initializeWishlist';
+export * from './mergeWishlists';
 //# sourceMappingURL=index.d.ts.map

package/api/initialize/index.d.ts

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

package/api/mergeWishlists/index.d.ts

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

package/api/mergeWishlists/mergeWishlists.d.ts

@@ -0,0 +1,4 @@
+import { Wishlist } from '../../data/models';
+
+export declare const mergeWishlists: (wishlist: Wishlist) => Promise<Wishlist | null>;
+//# sourceMappingURL=mergeWishlists.d.ts.map

package/api.js

@@ -1,6 +1,6 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{W as _,t as h,b as u}from"./chunks/initializeWishlist.js";import{a as G,c as H,h as F,j as v,d as U,g as A,e as L,i as M,f as N,r as R}from"./chunks/initializeWishlist.js";import{s as l,g as c,f as n,h as I}from"./chunks/removeProductsFromWishlist.js";import{e as y,j as O,c as Q,r as b,a as B,b as C,d as Y,i as x}from"./chunks/removeProductsFromWishlist.js";import{events as d}from"@dropins/tools/event-bus.js";import"@dropins/tools/lib.js";import"@dropins/tools/fetch-graphql.js";const m=`
+import{W as _,t as h,b as c}from"./chunks/mergeWishlists.js";import{a as G,c as H,h as F,j as v,d as L,g as U,e as A,i as M,f as N,m as R,r as $}from"./chunks/mergeWishlists.js";import{s as l,g as u,f as n,h as I}from"./chunks/removeProductsFromWishlist.js";import{j as O,e as Q,k as b,c as B,r as C,a as Y,b as x,d as z,i as j}from"./chunks/removeProductsFromWishlist.js";import{events as m}from"@dropins/tools/event-bus.js";import"@dropins/tools/lib.js";import"@dropins/tools/fetch-graphql.js";const d=`
   query GET_WISHLIST_BY_ID_QUERY(
     $wishlistId: ID!,
   ) {
@@ -25,7 +25,7 @@ import{W as _,t as h,b as u}from"./chunks/initializeWishlist.js";import{a as G,c
   }
 
 ${_}
-`,w=async(r,o,e)=>{if(!l.authenticated)return c();if(!r)throw Error("Wishlist ID is not set");return n(m,{variables:{wishlistId:r,currentPage:o,pageSize:e}}).then(({errors:s,data:t})=>{var a;if(s)return I(s);if(!((a=t==null?void 0:t.customer)!=null&&a.wishlist_v2))return null;const i=h(t.customer.wishlist_v2);return d.emit("wishlist/data",i),i})},p=`
+`,w=async(r,o,e)=>{if(!l.authenticated)return u();if(!r)throw Error("Wishlist ID is not set");return n(d,{variables:{wishlistId:r,currentPage:o,pageSize:e}}).then(({errors:s,data:t})=>{var a;if(s)return I(s);if(!((a=t==null?void 0:t.customer)!=null&&a.wishlist_v2))return null;const i=h(t.customer.wishlist_v2);return m.emit("wishlist/data",i),i})},W=`
   mutation UPDATE_PRODUCTS_IN_WISHLIST_MUTATION(
       $wishlistId: ID!, 
       $wishlistItems: [WishlistItemUpdateInput!]!,
@@ -44,5 +44,5 @@ ${_}
     }
   }
   
-   ${u} 
-`,E=async r=>{const o=l.wishlistId;if(!o)throw Error("Wishlist ID is not set");return n(p,{variables:{wishlistId:o,wishlistItems:r.map(({wishlistItemId:e,quantity:s,description:t,selectedOptions:i,enteredOptions:a})=>({wishlistItemId:e,quantity:s,description:t,selected_options:i,entered_options:a}))}}).then(({errors:e,data:s})=>{var i;const t=[...((i=s==null?void 0:s.updateProductsInWishlist)==null?void 0:i.user_errors)??[],...e??[]];return t.length>0?I(t):h(s.updateProductsInWishlist.wishlist)})};export{G as addProductsToWishlist,H as config,n as fetchGraphQl,y as getConfig,F as getDefaultWishlist,v as getGuestWishlist,c as getPersistedWishlistData,U as getProductBySku,A as getStoreConfig,w as getWishlistById,O as getWishlistItemFromStorage,L as getWishlists,M as initialize,N as initializeWishlist,Q as removeFetchGraphQlHeader,b as removeProductsFromWishlist,R as resetWishlist,B as setEndpoint,C as setFetchGraphQlHeader,Y as setFetchGraphQlHeaders,x as setPersistedWishlistData,E as updateProductsInWishlist};
+   ${c} 
+`,E=async r=>{const o=l.wishlistId;if(!o)throw Error("Wishlist ID is not set");return n(W,{variables:{wishlistId:o,wishlistItems:r.map(({wishlistItemId:e,quantity:s,description:t,selectedOptions:i,enteredOptions:a})=>({wishlistItemId:e,quantity:s,description:t,selected_options:i,entered_options:a}))}}).then(({errors:e,data:s})=>{var i;const t=[...((i=s==null?void 0:s.updateProductsInWishlist)==null?void 0:i.user_errors)??[],...e??[]];return t.length>0?I(t):h(s.updateProductsInWishlist.wishlist)})};export{G as addProductsToWishlist,O as clearPersistedLocalStorage,H as config,n as fetchGraphQl,Q as getConfig,F as getDefaultWishlist,v as getGuestWishlist,u as getPersistedWishlistData,L as getProductBySku,U as getStoreConfig,w as getWishlistById,b as getWishlistItemFromStorage,A as getWishlists,M as initialize,N as initializeWishlist,R as mergeWishlists,B as removeFetchGraphQlHeader,C as removeProductsFromWishlist,$ as resetWishlist,Y as setEndpoint,x as setFetchGraphQlHeader,z as setFetchGraphQlHeaders,j as setPersistedWishlistData,E as updateProductsInWishlist};

package/chunks/WishlistItem.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as s,Fragment as g,jsxs as f}from"@dropins/tools/preact-jsx-runtime.js";import{classes as n}from"@dropins/tools/lib.js";import{Price as w,Button as T,Icon as _,Image as E}from"@dropins/tools/components.js";import{useState as S}from"@dropins/tools/preact-compat.js";import{s as p,r as A}from"./removeProductsFromWishlist.js";import{events as b}from"@dropins/tools/event-bus.js";import{a as C,S as F}from"./Trash.js";import{useText as O}from"@dropins/tools/i18n.js";const k=({taxes:c,displayMode:r})=>s(g,{children:c.map((e,o)=>f("div",{"data-testid":`wishlist-product-item-tax-${o}`,className:"wishlist-product-item-tax",children:[s("span",{className:"wishlist-product-item-tax-label",children:e.label}),s(w,{className:"wishlist-product-item-tax-price",amount:e.money.value,currency:e.money.currency}),s("span",{className:"wishlist-product-item-tax-display-mode",children:r==="INCLUDING_FPT_AND_DESCRIPTION"?"incl.":"excl."})]},o))}),L=({className:c,item:r,onCartActionButtonClick:e,onTrashButtonClick:o,fixedProductTaxesEnabled:l,fixedProductTaxesEnabledDisplayInProductLists:a,...d})=>{var i,h,P,m,x,v,N,I,y;const t=O({cartActionBtn:"ProductItem.CartActionButton",trashActionBtn:"ProductItem.TrashActionButton"}),u=((h=(i=r==null?void 0:r.prices)==null?void 0:i.discount)==null?void 0:h.amountOff)!==0||((m=(P=r==null?void 0:r.prices)==null?void 0:P.discount)==null?void 0:m.percentOff)!==0;return s("div",{...d,className:n(["wishlist-product-item",c]),children:f("div",{className:"wishlist-product-item__content",children:[s("a",{className:"wishlist-product-item-image","data-testid":"wishlist-product-item-image",href:r==null?void 0:r.urlKey,children:s(G,{images:r!=null&&r.image?[r.image]:[]})}),f("div",{className:"wishlist-product-item__title","data-testid":"wishlist-product-item-header",children:[s("a",{className:"wishlist-product-item-name","data-testid":"wishlist-product-item-name",href:r==null?void 0:r.urlKey,children:r==null?void 0:r.name}),s(T,{"data-testid":"wishlist-product-item-remove-button",className:"wishlist-product-item-button__remove",variant:"tertiary",onClick:()=>o==null?void 0:o(),icon:s(_,{source:C,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":t.trashActionBtn})}),s(w,{className:n(["wishlist-product-item-price",u?"strikeout":""]),"data-testid":"wishlist-product-item-price",amount:(x=r==null?void 0:r.prices)==null?void 0:x.regularPrice.value,currency:(v=r==null?void 0:r.prices)==null?void 0:v.regularPrice.currency}),u&&s(w,{className:"wishlist-product-item-discounted-price","data-testid":"wishlist-product-item-discounted-price",amount:(N=r==null?void 0:r.prices)==null?void 0:N.finalPrice.value,currency:(I=r==null?void 0:r.prices)==null?void 0:I.finalPrice.currency}),l&&(a==="INCLUDING_FPT_AND_DESCRIPTION"||a==="EXCLUDING_FPT_INCLUDING_DESCRIPTION_FINAL_PRICE")&&((y=r==null?void 0:r.prices)==null?void 0:y.fixedProductTaxes)&&s(k,{taxes:r.prices.fixedProductTaxes,displayMode:a})]}),s(T,{"data-testid":"wishlist-product-item-move-to-cart-button",size:"medium",type:"submit",icon:s(_,{source:F}),disabled:(r==null?void 0:r.stockStatus)!=="IN_STOCK","aria-label":t.cartActionBtn,onClick:()=>e==null?void 0:e(),children:t.cartActionBtn})]})})},G=({className:c,children:r,images:e,...o})=>{const[l,a]=S(0);return f(g,{children:[s("div",{...o,className:n(["image-carousel",c]),children:s("div",{className:n(["overflow-hidden relative max-w-[200px]",c]),children:e==null?void 0:e.map((d,t)=>t===l&&s(E,{className:"image-carousel-image",alt:d.alt,src:d.src}))})}),(e==null?void 0:e.length)>1&&s("div",{className:n(["absolute","image-switcher-area"]),children:e==null?void 0:e.map((d,t)=>s("span",{className:n(["image-switcher",l===t?"image-switcher-active":"image-switcher-inactive"]),onClick:u=>{a(t),u.stopPropagation()}},t))})]})},z=({initialData:c=null,moveProdToCart:r})=>{var l,a,d,t,u;if(!(c!=null&&c.product))return null;const e=async(i=!0)=>{try{return await A([c]),console.log(`Product ${c.product.sku} removed from wishlist!`),i&&b.emit("wishlist/alert",{action:"remove",item:c}),!0}catch(h){return console.error(`Product ${c.product.sku} could not be removed from wishlist`,h),!1}},o=async()=>{try{return await r([{sku:c.product.sku,quantity:1}]),console.log(`Product ${c.product.sku} successfully moved to cart 🛒!`),b.emit("wishlist/alert",{action:"move",item:c}),await e(!1)}catch(i){return console.error("Cart creation/update failed: ",i),!1}};return s(L,{item:c.product,onCartActionButtonClick:o,onTrashButtonClick:e,fixedProductTaxesEnabled:((l=p.config)==null?void 0:l.fixedProductTaxesEnabled)??!1,fixedProductTaxesApply:((a=p.config)==null?void 0:a.fixedProductTaxesApply)??!1,fixedProductTaxesEnabledDisplayInProductLists:(d=p.config)==null?void 0:d.fixedProductTaxesEnabledDisplayInProductLists,fixedProductTaxesEnabledDisplayInProductView:(t=p.config)==null?void 0:t.fixedProductTaxesEnabledDisplayInProductView,fixedProductTaxesEnabledDisplayInSalesModules:(u=p.config)==null?void 0:u.fixedProductTaxesEnabledDisplayInSalesModules})};export{z as W};
+import{jsx as t,Fragment as R,jsxs as f}from"@dropins/tools/preact-jsx-runtime.js";import{classes as l}from"@dropins/tools/lib.js";import{Price as w,Button as L,Icon as U,Image as W}from"@dropins/tools/components.js";import{useState as $}from"@dropins/tools/preact-compat.js";import{s as m,r as B}from"./removeProductsFromWishlist.js";import{events as G}from"@dropins/tools/event-bus.js";import{a as M,S as j}from"./Trash.js";import{useText as z}from"@dropins/tools/i18n.js";const V=({taxes:e,displayMode:s})=>t(R,{children:e.map((r,c)=>f("div",{"data-testid":`wishlist-product-item-tax-${c}`,className:"wishlist-product-item-tax",children:[t("span",{className:"wishlist-product-item-tax-label",children:r.label}),t(w,{className:"wishlist-product-item-tax-price",amount:r.money.value,currency:r.money.currency}),t("span",{className:"wishlist-product-item-tax-display-mode",children:s==="INCLUDING_FPT_AND_DESCRIPTION"?"incl.":"excl."})]},c))}),q=({className:e,item:s,onCartActionButtonClick:r,onTrashButtonClick:c,fixedProductTaxesEnabled:n,fixedProductTaxesEnabledDisplayInProductLists:u,routeProdDetailPage:d,...o})=>{var i,h,x,P,v,I,N,y,T,_,b,g,S,E,C,A,O,F,k;const a=z({cartActionBtn:"ProductItem.CartActionButton",trashActionBtn:"ProductItem.TrashActionButton"}),p=((x=(h=(i=s.product)==null?void 0:i.prices)==null?void 0:h.discount)==null?void 0:x.amountOff)!==0||((I=(v=(P=s.product)==null?void 0:P.prices)==null?void 0:v.discount)==null?void 0:I.percentOff)!==0;return t("div",{...o,className:l(["wishlist-product-item",e]),children:f("div",{className:"wishlist-product-item__content",children:[t("a",{className:"wishlist-product-item-image","data-testid":"wishlist-product-item-image",href:d(s.product),children:t(K,{images:(N=s.product)!=null&&N.image?[s.product.image]:[]})}),f("div",{className:"wishlist-product-item__title","data-testid":"wishlist-product-item-header",children:[t("a",{className:"wishlist-product-item-name","data-testid":"wishlist-product-item-name",href:d(s.product),children:(y=s.product)==null?void 0:y.name}),t(L,{"data-testid":"wishlist-product-item-remove-button",className:"wishlist-product-item-button__remove",variant:"tertiary",onClick:()=>c==null?void 0:c(),icon:t(U,{source:M,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":a.trashActionBtn})}),t(w,{className:l(["wishlist-product-item-price",p?"strikeout":""]),"data-testid":"wishlist-product-item-price",amount:(_=(T=s.product)==null?void 0:T.prices)==null?void 0:_.regularPrice.value,currency:(g=(b=s.product)==null?void 0:b.prices)==null?void 0:g.regularPrice.currency}),p&&t(w,{className:"wishlist-product-item-discounted-price","data-testid":"wishlist-product-item-discounted-price",amount:(E=(S=s.product)==null?void 0:S.prices)==null?void 0:E.finalPrice.value,currency:(A=(C=s.product)==null?void 0:C.prices)==null?void 0:A.finalPrice.currency}),n&&(u==="INCLUDING_FPT_AND_DESCRIPTION"||u==="EXCLUDING_FPT_INCLUDING_DESCRIPTION_FINAL_PRICE")&&((F=(O=s.product)==null?void 0:O.prices)==null?void 0:F.fixedProductTaxes)&&t(V,{taxes:s.product.prices.fixedProductTaxes,displayMode:u})]}),t(L,{"data-testid":"wishlist-product-item-move-to-cart-button",size:"medium",type:"submit",icon:t(U,{source:j}),disabled:((k=s.product)==null?void 0:k.stockStatus)!=="IN_STOCK","aria-label":a.cartActionBtn,onClick:()=>r==null?void 0:r(),children:a.cartActionBtn})]})})},K=({className:e,children:s,images:r,...c})=>{const[n,u]=$(0);return f(R,{children:[t("div",{...c,className:l(["image-carousel",e]),children:t("div",{className:l(["overflow-hidden relative max-w-[200px]",e]),children:r==null?void 0:r.map((d,o)=>o===n&&t(W,{className:"image-carousel-image",alt:d.alt,src:d.src}))})}),(r==null?void 0:r.length)>1&&t("div",{className:l(["absolute","image-switcher-area"]),children:r==null?void 0:r.map((d,o)=>t("span",{className:l(["image-switcher",n===o?"image-switcher-active":"image-switcher-inactive"]),onClick:a=>{u(o),a.stopPropagation()}},o))})]})},te=({initialData:e=null,moveProdToCart:s,routeProdDetailPage:r})=>{var u,d,o,a,p;if(!(e!=null&&e.product))return null;const c=async(i=!0)=>{try{return await B([e]),console.log(`Product ${e.product.sku} removed from wishlist!`),i&&G.emit("wishlist/alert",{action:"remove",item:e}),!0}catch(h){return console.error(`Product ${e.product.sku} could not be removed from wishlist`,h),!1}};return t(q,{item:e,onCartActionButtonClick:async()=>{try{return await s([{sku:e.product.sku,quantity:1,optionsUIDs:e.selectedOptions.map(i=>i.uid),enteredOptions:e.enteredOptions}]),console.log(`Product ${e.product.sku} successfully moved to cart 🛒`),G.emit("wishlist/alert",{action:"move",item:e}),await c(!1)}catch(i){return console.error("Cart creation/update failed: ",i),i.toString().includes("You need to choose options for your item.")&&(sessionStorage.setItem("incompleteProduct",e.product.sku),window.location.replace(r(e.product))),!1}},onTrashButtonClick:c,fixedProductTaxesEnabled:((u=m.config)==null?void 0:u.fixedProductTaxesEnabled)??!1,fixedProductTaxesApply:((d=m.config)==null?void 0:d.fixedProductTaxesApply)??!1,fixedProductTaxesEnabledDisplayInProductLists:(o=m.config)==null?void 0:o.fixedProductTaxesEnabledDisplayInProductLists,fixedProductTaxesEnabledDisplayInProductView:(a=m.config)==null?void 0:a.fixedProductTaxesEnabledDisplayInProductView,fixedProductTaxesEnabledDisplayInSalesModules:(p=m.config)==null?void 0:p.fixedProductTaxesEnabledDisplayInSalesModules,routeProdDetailPage:r})};export{te as W};

package/chunks/mergeWishlists.js

@@ -0,0 +1,287 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{Initializer as N}from"@dropins/tools/lib.js";import{events as c}from"@dropins/tools/event-bus.js";import{s as u,i as R,f as b,h as E,g as x,j as O}from"./removeProductsFromWishlist.js";const S=new N({init:async e=>{const t={isGuestWishlistEnabled:!1,...e};S.config.setConfig(t),w().catch(console.error)},listeners:()=>[c.on("authenticated",async e=>{if(u.authenticated&&!e&&c.emit("wishlist/reset",void 0),e&&!u.authenticated){u.authenticated=e;const t=await w().catch(console.error);t&&J(t)}},{eager:!0}),c.on("wishlist/data",e=>{R(e)}),c.on("wishlist/reset",()=>{j().catch(console.error),c.emit("wishlist/data",null)})]}),se=S.config;function G(e){if(!e)return null;const t=i=>{switch(i){case 1:return"INCLUDING_FPT_AND_DESCRIPTION";case 2:return"EXCLUDING_FPT_INCLUDING_DESCRIPTION_FINAL_PRICE";case 3:return"EXCLUDING_FPT";default:return"INCLUDING_FPT_ONLY"}};return{wishlistIsEnabled:e.storeConfig.magento_wishlist_general_is_enabled,wishlistMultipleListIsEnabled:e.storeConfig.enable_multiple_wishlists,wishlistMaxNumber:e.storeConfig.maximum_number_of_wishlists,fixedProductTaxesEnabled:e.storeConfig.fixed_product_taxes_enable,fixedProductTaxesApply:e.storeConfig.fixed_product_taxes_apply_tax_to_fpt,fixedProductTaxesEnabledDisplayInProductLists:t(e.storeConfig.fixed_product_taxes_display_prices_in_product_lists),fixedProductTaxesEnabledDisplayInSalesModules:t(e.storeConfig.fixed_product_taxes_display_prices_in_sales_modules),fixedProductTaxesEnabledDisplayInProductView:t(e.storeConfig.fixed_product_taxes_display_prices_on_product_view_page)}}function P(e){var t,i;return e?{type:e.__typename,name:e.name,sku:e.sku,uid:e.uid,image:A(e),stockStatus:e.stock_status,canonicalUrl:e.canonical_url,urlKey:e.url_key,categories:(t=e.categories)==null?void 0:t.map(s=>s.name),prices:W(e),productAttributes:D(e),options:e.gift_card_options?(i=e.gift_card_options)==null?void 0:i.map(s=>({uid:s.uid,required:s.required,title:s.title})):[]}:null}function A(e){var t,i;return{src:(t=e.thumbnail)==null?void 0:t.url,alt:(i=e.thumbnail)==null?void 0:i.label}}function W(e){var t,i,s,r,n,l,d,m,o,p,_,a,f,h,g,I,T,y;return{regularPrice:{currency:((s=(i=(t=e.price_range)==null?void 0:t.minimum_price)==null?void 0:i.regular_price)==null?void 0:s.currency)??"USD",value:((l=(n=(r=e.price_range)==null?void 0:r.minimum_price)==null?void 0:n.regular_price)==null?void 0:l.value)??0},finalPrice:{currency:((o=(m=(d=e.price_range)==null?void 0:d.minimum_price)==null?void 0:m.final_price)==null?void 0:o.currency)??"USD",value:((a=(_=(p=e.price_range)==null?void 0:p.minimum_price)==null?void 0:_.final_price)==null?void 0:a.value)??0},discount:{amountOff:((g=(h=(f=e.price_range)==null?void 0:f.minimum_price)==null?void 0:h.discount)==null?void 0:g.amount_off)??0,percentOff:((y=(T=(I=e.price_range)==null?void 0:I.minimum_price)==null?void 0:T.discount)==null?void 0:y.percent_off)??0},fixedProductTaxes:U(e)}}function D(e){var t,i;return(i=(t=e.custom_attributesV2)==null?void 0:t.items)==null?void 0:i.map(s=>{const r=s.code.split("_").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ");return{...s,code:r}})}function U(e){var t,i,s,r,n;return(i=(t=e.price_range)==null?void 0:t.minimum_price)!=null&&i.fixed_product_taxes?(n=(r=(s=e.price_range)==null?void 0:s.minimum_price)==null?void 0:r.fixed_product_taxes)==null?void 0:n.map(l=>({money:{value:l.amount.value,currency:l.amount.currency},label:l.label})):[]}function v(e,t){return e?{id:e.id,updated_at:e.updated_at,sharing_code:e.sharing_code,items_count:e.items_count,items:M(e,t??[])}:null}function M(e,t){var i,s;return(s=(i=e==null?void 0:e.items_v2)==null?void 0:i.items)!=null&&s.length?e.items_v2.items.map(r=>({id:r.id,quantity:r.quantity,description:r.description,added_at:r.added_at,enteredOptions:t,selectedOptions:r.configurable_options?r.configurable_options.map(n=>({value:n.value_label,label:n.option_label,uid:n.configurable_product_option_uid})):[],product:P(r.product)})):[]}const F=`
+query STORE_CONFIG_QUERY {
+  storeConfig {
+    magento_wishlist_general_is_enabled
+    enable_multiple_wishlists
+    maximum_number_of_wishlists
+    fixed_product_taxes_enable
+    fixed_product_taxes_apply_tax_to_fpt
+    fixed_product_taxes_display_prices_in_product_lists
+    fixed_product_taxes_display_prices_in_sales_modules
+    fixed_product_taxes_display_prices_on_product_view_page    
+  }
+}
+`,k=async()=>b(F,{method:"GET",cache:"force-cache"}).then(({errors:e,data:t})=>e?E(e):G(t)),L=`
+  query GET_PRODUCT_BY_SKU($sku: String!) {
+    products(filter: { sku: { eq: $sku } }) {
+        items {
+          __typename
+          sku
+          name
+          thumbnail {
+            label
+            url
+          }
+          price_range {
+            minimum_price {
+              regular_price {
+                currency
+                value
+              }
+              final_price {
+                currency
+                value
+              }
+              discount {
+                amount_off
+                percent_off
+              }
+            }
+          }
+          stock_status
+          ... on SimpleProduct {
+            stock_status
+            options {
+              uid
+            }
+          }
+          ... on ConfigurableProduct {
+            configurable_options {
+              uid
+              attribute_uid
+              attribute_code
+              values {
+                uid
+              }
+            }
+            variants {
+              product {
+                sku
+                stock_status
+              }
+            }
+          }
+          ... on GiftCardProduct {
+            giftcard_type
+            giftcard_amounts {
+              uid
+              website_id
+              value
+              attribute_id
+              website_value
+            }
+            gift_card_options {
+              title
+              required
+              uid
+              ... on CustomizableFieldOption {
+                value: value {
+                  uid
+                }
+              }
+            }
+          }
+          ... on BundleProduct {
+            items {
+              uid
+              title
+              options {
+                uid
+                label
+                quantity
+              }
+            }
+          }
+        }
+      }
+    }
+`,q=async e=>{if(!e)throw Error("Product SKU is not set");return b(L,{variables:{sku:e}}).then(({errors:t,data:i})=>{var s;return t?E(t):(s=i==null?void 0:i.products)!=null&&s.items?P(i.products.items[0]):null})},$=`
+  fragment PRICE_RANGE_FRAGMENT on PriceRange {
+    minimum_price {
+      regular_price {
+        value
+        currency
+      }
+      final_price {
+        value
+        currency
+      }
+      discount {
+        percent_off
+        amount_off
+      }
+      fixed_product_taxes {
+        amount {
+          currency
+          value
+        }
+        label
+      }      
+    }
+    maximum_price {
+      regular_price {
+        value
+        currency
+      }
+      final_price {
+        value
+        currency
+      }
+      discount {
+        percent_off
+        amount_off
+      }
+      fixed_product_taxes {
+        amount {
+          currency
+          value
+        }
+        label
+      }      
+    }
+  }
+`,z=`
+  fragment PRODUCT_FRAGMENT on ProductInterface {
+    name
+    sku
+    uid
+    thumbnail {
+      url
+      label
+    }
+    url_key
+    categories {
+      url_path
+      url_key
+      name
+    }
+    stock_status
+    canonical_url
+    custom_attributesV2(filters: {is_visible_on_front: true}){
+      items {
+        code
+        ...on AttributeValue {
+          value
+        }
+        ...on AttributeSelectedOptions {
+          selected_options {
+            value
+            label
+          }
+        }
+      }
+    }
+    price_range {
+        ...PRICE_RANGE_FRAGMENT
+    }
+  }
+
+${$}
+`,H=`
+  fragment CUSTOMIZABLE_OPTIONS_FRAGMENT on SelectedCustomizableOption {
+    type
+    customizable_option_uid
+    label
+    is_required
+    values {
+      label
+      value
+      price{
+        type
+        units
+        value
+      }
+    }
+  }
+`,B=`
+fragment WISHLIST_ITEM_FRAGMENT on WishlistItemInterface {
+    __typename
+    id
+    quantity
+    description
+    added_at
+    product {
+      ...PRODUCT_FRAGMENT
+    }
+    ... on ConfigurableWishlistItem {
+      configurable_options {
+        option_label
+        value_label
+        configurable_product_option_uid
+      }
+      configured_variant {
+        canonical_url
+      }
+    }
+    ... on GiftCardWishlistItem {
+      added_at
+      description
+      gift_card_options {
+        amount {
+          value
+          currency
+        }
+        custom_giftcard_amount {
+          value
+          currency
+        }
+        message
+        recipient_email
+        recipient_name
+        sender_email
+        sender_name
+      }
+    }
+    customizable_options {
+      ...CUSTOMIZABLE_OPTIONS_FRAGMENT
+    }
+  }
+  
+  ${z}
+  ${H}
+`,C=`
+fragment WISHLIST_FRAGMENT on Wishlist {
+    id
+    updated_at
+    sharing_code
+    items_count
+    items_v2 {
+      items {
+        ...WISHLIST_ITEM_FRAGMENT
+      }
+    }
+  }
+
+${B}
+`,Y=`
+  query GET_WISHLISTS_QUERY {
+    customer {
+      wishlists {
+        ...WISHLIST_FRAGMENT
+      }
+    }
+  }
+
+  ${C}
+`,Q=async()=>u.authenticated?b(Y).then(({errors:e,data:t})=>{var i;return e?E(e):(i=t==null?void 0:t.customer)!=null&&i.wishlists?t.customer.wishlists.map(s=>v(s)):null}):x(),K=`
+  mutation ADD_PRODUCTS_TO_WISHLIST_MUTATION(
+      $wishlistId: ID!, 
+      $wishlistItems: [WishlistItemInput!]!,
+    ) {
+    addProductsToWishlist(
+      wishlistId: $wishlistId
+      wishlistItems: $wishlistItems
+    ) {
+      wishlist {
+        ...WISHLIST_FRAGMENT
+      }
+      user_errors {
+        code
+        message
+      }
+    }
+  }
+${C}
+`,V=async e=>{var s,r,n,l,d,m;if(!e)return null;const t=x();let i={id:(t==null?void 0:t.id)??"",updated_at:"",sharing_code:"",items_count:0,items:(t==null?void 0:t.items)??[]};for(const o of e){if((s=t.items)==null?void 0:s.some(a=>a.product.sku===o.sku))continue;const _=await q(o.sku);_&&(i.items=[...i.items,{quantity:o.quantity,selectedOptions:o.optionsUIDs?(r=o.optionsUIDs)==null?void 0:r.map(a=>({uid:a})):[],enteredOptions:o.enteredOptions?(n=o.enteredOptions)==null?void 0:n.map(a=>({uid:a.uid,value:a.value})):[],product:_}])}if(i.items_count=(l=i.items)==null?void 0:l.length,c.emit("wishlist/data",i),u.authenticated){if(!u.wishlistId)throw c.emit("wishlist/data",t),Error("Wishlist ID is not set");const o={wishlistId:u.wishlistId,wishlistItems:e.map(({sku:h,parentSku:g,quantity:I,optionsUIDs:T,enteredOptions:y})=>({sku:h,parent_sku:g,quantity:I,selected_options:T,entered_options:y}))},{errors:p,data:_}=await b(K,{variables:o}),a=[...((d=_==null?void 0:_.addProductsToWishlist)==null?void 0:d.user_errors)??[],...p??[]];if(a.length>0)return c.emit("wishlist/data",t),E(a);const f=v(_.addProductsToWishlist.wishlist,((m=e[0])==null?void 0:m.enteredOptions)??[]);c.emit("wishlist/data",f)}return null},j=()=>(u.wishlistId=null,u.authenticated=!1,Promise.resolve(null)),w=async()=>{if(u.initializing)return null;u.initializing=!0,u.config||(u.config=await k());const e=u.authenticated?await Z():await X();return c.emit("wishlist/initialized",e),c.emit("wishlist/data",e),u.initializing=!1,e};async function Z(){const e=await Q(),t=e?e[0]:null;return t?(u.wishlistId=t.id,t):null}async function X(){try{return await x()}catch(e){throw console.error(e),e}}const J=async e=>{var r;if(!e)return null;const t=x(!0),i=[];if((r=t==null?void 0:t.items)==null||r.forEach(n=>{e.items.some(d=>d.product.sku===n.product.sku)||(n.product.quantity=1,i.push(n.product))}),i.length===0)return null;const s=await V(i);return O(),s};export{B as W,V as a,C as b,se as c,q as d,Q as e,w as f,k as g,Z as h,S as i,X as j,J as m,j as r,v as t};

package/chunks/removeProductsFromWishlist.js

@@ -1,6 +1,6 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{events as d}from"@dropins/tools/event-bus.js";import{FetchGraphQL as m}from"@dropins/tools/fetch-graphql.js";function S(s){const t=document.cookie.split(";");for(const e of t)if(e.trim().startsWith(`${s}=`))return e.trim().substring(s.length+1);return null}const g={wishlistId:null,authenticated:!1},i=new Proxy(g,{set(s,t,e){if(s[t]=e,t==="wishlistId"){if(e===i.wishlistId)return!0;if(e===null)return document.cookie="DROPIN__WISHLIST__WISHLIST-ID=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/",!0;const r=new Date;r.setDate(r.getDate()+30),document.cookie=`DROPIN__WISHLIST__WISHLIST-ID=${e}; expires=${r.toUTCString()}; path=/`}return Reflect.set(s,t,e)},get(s,t){return t==="wishlistId"?S("DROPIN__WISHLIST__WISHLIST-ID"):s[t]}}),n="DROPIN__WISHLIST__WISHLIST__DATA";function E(s){const t=i.authenticated?sessionStorage:localStorage;if(s)try{t.setItem(n,JSON.stringify(s))}catch(e){_(e)?console.error("Storage quota exceeded:",e):console.error("Error saving wishlist:",e)}else t.removeItem(n)}const _=s=>s instanceof DOMException&&s.name==="QuotaExceededError";function f(){const s=i.authenticated?sessionStorage:localStorage;try{const t=s.getItem(n);return t?JSON.parse(t):{id:"",items:[]}}catch(t){return console.error("Error retrieving wishlist:",t),{id:"",items:[]}}}function O(s){var r;const t=i.authenticated?sessionStorage:localStorage,e=t.getItem(n)?JSON.parse(t.getItem(n)):{items:[]};return(r=e==null?void 0:e.items)==null?void 0:r.find(a=>{var o;return((o=a.product)==null?void 0:o.sku)===s})}const{setEndpoint:H,setFetchGraphQlHeader:L,removeFetchGraphQlHeader:P,setFetchGraphQlHeaders:F,fetchGraphQl:p,getConfig:R}=new m().getMethods(),w=s=>{const t=s.map(e=>e.message).join(" ");throw Error(t)},T=`
+import{events as d}from"@dropins/tools/event-bus.js";import{FetchGraphQL as m}from"@dropins/tools/fetch-graphql.js";function S(e){const s=document.cookie.split(";");for(const t of s)if(t.trim().startsWith(`${e}=`))return t.trim().substring(e.length+1);return null}const g={wishlistId:null,authenticated:!1,isLoading:!0},i=new Proxy(g,{set(e,s,t){if(e[s]=t,s==="wishlistId"){if(t===i.wishlistId)return!0;if(t===null)return document.cookie="DROPIN__WISHLIST__WISHLIST-ID=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/",!0;const r=new Date;r.setDate(r.getDate()+30),document.cookie=`DROPIN__WISHLIST__WISHLIST-ID=${t}; expires=${r.toUTCString()}; path=/`}return Reflect.set(e,s,t)},get(e,s){return s==="wishlistId"?S("DROPIN__WISHLIST__WISHLIST-ID"):e[s]}}),o="DROPIN__WISHLIST__WISHLIST__DATA";function E(e){const s=i.authenticated?sessionStorage:localStorage;if(e)try{s.setItem(o,JSON.stringify(e))}catch(t){_(t)?console.error("Storage quota exceeded:",t):console.error("Error saving wishlist:",t)}else s.removeItem(o)}const _=e=>e instanceof DOMException&&e.name==="QuotaExceededError";function f(e=!1){const s=i.authenticated&&!e?sessionStorage:localStorage;try{const t=s.getItem(o);return t?JSON.parse(t):{id:"",items:[]}}catch(t){return console.error("Error retrieving wishlist:",t),{id:"",items:[]}}}function O(){localStorage.removeItem(o)}function H(e){var r;const s=i.authenticated?sessionStorage:localStorage,t=s.getItem(o)?JSON.parse(s.getItem(o)):{items:[]};return(r=t==null?void 0:t.items)==null?void 0:r.find(a=>{var n;return((n=a.product)==null?void 0:n.sku)===e})}const{setEndpoint:L,setFetchGraphQlHeader:P,removeFetchGraphQlHeader:F,setFetchGraphQlHeaders:R,fetchGraphQl:p,getConfig:$}=new m().getMethods(),w=e=>{const s=e.map(t=>t.message).join(" ");throw Error(s)},T=`
   mutation REMOVE_PRODUCTS_FROM_WISHLIST_MUTATION(
       $wishlistId: ID!, 
       $wishlistItemsIds: [ID!]!,
@@ -15,4 +15,4 @@ import{events as d}from"@dropins/tools/event-bus.js";import{FetchGraphQL as m}fr
       }
     }
   }
-`,$=async s=>{var r,a,o;const t=f(),e={...t,items:(r=t.items)==null?void 0:r.filter(c=>!s.map(I=>I.product.sku).includes(c.product.sku))};if(e.items_count=(a=e.items)==null?void 0:a.length,d.emit("wishlist/data",e),i.authenticated){if(!i.wishlistId)throw Error("Wishlist ID is not set");const c=s.map(u=>u.id),{errors:I,data:l}=await p(T,{variables:{wishlistId:i.wishlistId,wishlistItemsIds:c}}),h=[...((o=l==null?void 0:l.removeProductsFromWishlist)==null?void 0:o.user_errors)??[],...I??[]];return h.length>0?(d.emit("wishlist/data",t),w(h)):null}return null};export{H as a,L as b,P as c,F as d,R as e,p as f,f as g,w as h,E as i,O as j,$ as r,i as s};
+`,x=async e=>{var r,a,n;const s=f(),t={...s,items:(r=s.items)==null?void 0:r.filter(c=>!e.map(l=>l.product.sku).includes(c.product.sku))};if(t.items_count=(a=t.items)==null?void 0:a.length,d.emit("wishlist/data",t),i.authenticated){if(!i.wishlistId)throw Error("Wishlist ID is not set");const c=e.map(u=>u.id),{errors:l,data:I}=await p(T,{variables:{wishlistId:i.wishlistId,wishlistItemsIds:c}}),h=[...((n=I==null?void 0:I.removeProductsFromWishlist)==null?void 0:n.user_errors)??[],...l??[]];return h.length>0?(d.emit("wishlist/data",s),w(h)):null}return null};export{L as a,P as b,F as c,R as d,$ as e,p as f,f as g,w as h,E as i,O as j,H as k,x as r,i as s};

package/components/ProductItem/ProductItem.d.ts

@@ -1,10 +1,10 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { Product } from '../../data/models';
+import { Item, Product } from '../../data/models';
 
 export interface ProductItemProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
-    item?: Product;
+    item?: Item;
     onCartActionButtonClick?: () => boolean;
     onTrashButtonClick?: () => boolean;
     fixedProductTaxesEnabled: boolean;
@@ -12,6 +12,7 @@ export interface ProductItemProps extends HTMLAttributes<HTMLDivElement> {
     fixedProductTaxesEnabledDisplayInProductLists?: string;
     fixedProductTaxesEnabledDisplayInSalesModules?: string;
     fixedProductTaxesEnabledDisplayInProductView?: string;
+    routeProdDetailPage: (product: Product) => string;
 }
 export declare const ProductItem: FunctionComponent<ProductItemProps>;
 //# sourceMappingURL=ProductItem.d.ts.map

package/components/Wishlist/WishlistItemSkeleton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'preact';
+
+export declare const WishlistItemSkeleton: FunctionComponent;
+//# sourceMappingURL=WishlistItemSkeleton.d.ts.map

package/components/Wishlist/WishlistSkeleton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'preact';
+
+export declare const WishlistSkeleton: FunctionComponent;
+//# sourceMappingURL=WishlistSkeleton.d.ts.map

package/components/Wishlist/index.d.ts

@@ -15,5 +15,7 @@
  * from Adobe.
  *******************************************************************/
 export * from './Wishlist';
+export * from './WishlistSkeleton';
+export * from './WishlistItemSkeleton';
 export { Wishlist as default } from './Wishlist';
 //# sourceMappingURL=index.d.ts.map

package/containers/Wishlist/Wishlist.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'preact/compat';
 import { Container } from '../../../@adobe-commerce/elsie/src/lib';
+import { Product } from '../../data/models';
 
 export interface WishlistProps extends HTMLAttributes<HTMLDivElement> {
     routeEmptyWishlistCTA?: () => string;
@@ -8,6 +9,7 @@ export interface WishlistProps extends HTMLAttributes<HTMLDivElement> {
         sku: string;
         quantity: number;
     }[]) => Promise<any>;
+    routeProdDetailPage: (product: Product) => string;
 }
 export declare const Wishlist: Container<WishlistProps>;
 //# sourceMappingURL=Wishlist.d.ts.map

package/containers/Wishlist.js

@@ -1,3 +1,17 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as s,jsxs as u,Fragment as H}from"@dropins/tools/preact-jsx-runtime.js";import{useState as _,useCallback as L,useEffect as k,useMemo as N,Fragment as S}from"@dropins/tools/preact-compat.js";import{classes as w,VComponent as F}from"@dropins/tools/lib.js";import{IllustratedMessage as $,Button as j,Icon as M}from"@dropins/tools/components.js";import{W as z}from"../chunks/WishlistItem.js";import{events as v}from"@dropins/tools/event-bus.js";import{s as B}from"../chunks/removeProductsFromWishlist.js";import{useText as x,Text as b}from"@dropins/tools/i18n.js";import{W as V}from"../chunks/WishlistAlert.js";import{S as q}from"../chunks/Heart.js";import"../chunks/Trash.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/HeartFilled.js";const A=({className:l,children:i,ctaLinkURL:e,...d})=>{const r=x({emptyWishlist:"Wishlist.EmptyWishlist.heading",message:"Wishlist.EmptyWishlist.message",cta:"Wishlist.EmptyWishlist.cta"});return s("div",{...d,className:w(["wishlist-empty-wishlist",l]),children:s($,{className:w(["wishlist-empty-wishlist__wrapper",l]),"data-testid":"wishlist-empty-wishlist",heading:r.emptyWishlist,icon:s(M,{className:"wishlist-empty-wishlist__icon",source:q}),message:s("p",{children:r.message}),action:e?s(j,{"data-testid":"wishlist-empty-wishlist-button",size:"medium",variant:"primary",type:"submit",href:e,children:r.cta},"routeHome"):void 0})})},ss=({routeEmptyWishlistCTA:l,routeToWishlist:i,moveProdToCart:e,...d})=>{const[r,h]=_(null),[W,y]=_(B.authenticated),m=n=>y(n),[g,f]=_(null),c=L(n=>{const{action:a,item:t}=n;f(s(V,{action:a,item:t}))},[i]);return k(()=>{const n=v.on("authenticated",m),a=v.on("wishlist/alert",o=>c(o)),t=v.on("wishlist/data",o=>{h(o)});return()=>{n==null||n.off(),t==null||t.off(),a==null||a.off()}},[c]),s(G,{...d,wishlistData:r,wishlistAlert:g,routeEmptyWishlistCTA:l,moveProdToCart:e,isLoggedIn:W})},G=({className:l,wishlistData:i,wishlistAlert:e,isLoggedIn:d,moveProdToCart:r,routeEmptyWishlistCTA:h,onLoginClick:W,...y})=>{const[m,g]=_(e),f=x({wishlistHeading:"Wishlist.Wishlist.heading"}),c=N(()=>{var t;return((t=i==null?void 0:i.items)==null?void 0:t.length)>0?i.items.map(o=>{var p;return s(z,{initialData:o,moveProdToCart:r},(p=o.product)==null?void 0:p.sku)}):null},[i,r]);k(()=>{if(e){g(e);const t=setTimeout(()=>{g(null)},5e3);return()=>clearTimeout(t)}},[e]);const n=N(()=>m?s(F,{node:m,className:"wishlist-wishlist__alert"}):null,[m]),a=N(()=>{var t;return c?s("div",{className:"wishlist-wishlist__heading","data-testid":"wishlist-heading-wrapper",children:s("div",{className:"wishlist-wishlist__heading-text","data-testid":"default-wishlist-heading",children:(t=f.wishlistHeading)==null?void 0:t.split(" {count}").map((o,p)=>{var I;return u(S,{children:[o,p===0&&s("span",{className:"wishlist-wishlist__heading-count","data-testid":"wishlist-heading-count",children:`${i==null?void 0:i.items_count} products`})]},((I=i==null?void 0:i.id)==null?void 0:I.toString())+p)})})}):null},[f,c,i]);return u("div",{...y,className:w(["wishlist-wishlist",l]),children:[n,c?u(H,{children:[a,s("div",{className:"wishlist-wishlist__content",children:c})]}):s("div",{className:w(["wishlist-wishlist__content","wishlist-wishlist__content--empty"]),children:u("div",{children:[s(A,{"data-testid":"empty-wishlist",ctaLinkURL:h==null?void 0:h()}),!d&&s(J,{onLoginClick:W})]})})]})},J=({onLoginClick:l})=>u("div",{className:"wishlist-login__sign-in",children:[s("a",{"data-testid":"log-in-link",className:"wishlist-login__link",href:"",rel:"noreferrer",onClick:l,role:"button",children:s(b,{id:"Wishlist.Login.logIn"})}),s(b,{id:"Wishlist.Login.sync"})]});export{ss as Wishlist,ss as default};
+import{jsx as i,jsxs as d,Fragment as H}from"@dropins/tools/preact-jsx-runtime.js";import{useState as w,useCallback as j,useEffect as F,useMemo as k,Fragment as B}from"@dropins/tools/preact-compat.js";import{classes as y,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:y(["wishlist-empty-wishlist",l]),children:i(z,{className:y(["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:`
+      <svg
+          width="100%"
+          height="100%"
+          viewBox="0 0 288 658"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          preserveAspectRatio="xMinYMin meet"
+        >
+        <rect x="6" y="24" width="282px" height="480" rx="8" fill="#E8E8E8" />
+        <rect x="6" y="522" width="280" height="22" rx="4" fill="#E8E8E8" />
+        <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]=w(null),[v,N]=w(b.authenticated),[L,g]=w(b.isLoading),_=n=>N(n),[p,a]=w(null),W=j(n=>{const{action:o,item:h}=n;a(i(J,{action:o,item:h}))},[s]);return F(()=>{const n=I.on("authenticated",_),o=I.on("wishlist/alert",t=>W(t)),h=I.on("wishlist/data",t=>{m(t),g(!1)});return()=>{n==null||n.off(),h==null||h.off(),o==null||o.off()}},[W]),i(U,{...r,wishlistData:f,wishlistAlert:p,routeEmptyWishlistCTA:l,moveProdToCart:e,isLoggedIn:v,isLoading:L,routeProdDetailPage:c})},U=({className:l,wishlistData:s,wishlistAlert:e,isLoggedIn:c,isLoading:r,moveProdToCart:f,routeEmptyWishlistCTA:m,onLoginClick:v,routeProdDetailPage:N=null,...L})=>{const[g,_]=w(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(x=>{var u;return i(G,{initialData:x,moveProdToCart:f,routeProdDetailPage:N},(u=x.product)==null?void 0:u.sku)}):null},[s,f]);F(()=>{if(e){_(e);const t=setTimeout(()=>{_(null)},5e3);return()=>clearTimeout(t)}},[e]);const W=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:y(["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:v})]})}),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((x,u)=>{var E;return d(B,{children:[x,u===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())+u)})})}):null},[p,a,s]);return d("div",{...L,className:y(["wishlist-wishlist",l]),children:[W,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};

package/containers/WishlistItem/WishlistItem.d.ts

@@ -1,13 +1,16 @@
 import { HTMLAttributes } from 'preact/compat';
 import { Container } from '../../../@adobe-commerce/elsie/src/lib';
-import { Item } from '../../data/models';
+import { Item, Product } from '../../data/models';
 
 export interface WishlistItemProps extends HTMLAttributes<HTMLDivElement> {
     initialData: Item | null;
     moveProdToCart: (products: {
         sku: string;
         quantity: number;
+        optionsUIDs?: [];
+        enteredOptions?: [];
     }[]) => Promise<any>;
+    routeProdDetailPage: (product: Product) => string;
 }
 export declare const WishlistItem: Container<WishlistItemProps>;
 //# sourceMappingURL=WishlistItem.d.ts.map

package/containers/WishlistToggle.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{useState as a,useEffect as D}from"@dropins/tools/preact-compat.js";import{Button as E,Icon as c}from"@dropins/tools/components.js";import{events as i}from"@dropins/tools/event-bus.js";import{s as F,g as H,r as L}from"../chunks/removeProductsFromWishlist.js";import{c as T,a as b}from"../chunks/initializeWishlist.js";import{S as j}from"../chunks/HeartFilled.js";import{S as q}from"../chunks/Heart.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/lib.js";const R=({product:s,iconWishlisted:d,iconToWishlist:u,size:h,variant:f,disabled:g,labelToWishlist:v,labelWishlisted:p,onClick:I})=>{const[W,k]=a(F.authenticated),[n,e]=a(!1),[r,w]=a(null),{isGuestWishlistEnabled:S}=T.getConfig();D(()=>{const y=t=>k(t),P=()=>{var m;const t=H(),l=(m=t==null?void 0:t.items)==null?void 0:m.find(x=>x.product.sku===s.sku);w(l??null),e(!!l)};i.on("authenticated",y),i.on("wishlist/data",P)},[s.sku]);const C=async()=>{n?(await L([r]),e(!1),i.emit("wishlist/alert",{action:"remove",item:r})):(await b([{sku:s.sku,quantity:1}]),e(!0),i.emit("wishlist/alert",{action:"add",item:{product:s}}))};return!W&&!S?null:o(E,{active:n,"data-testid":"wishlist-toggle",size:h??"medium",variant:f??"tertiary",disabled:g,icon:o(c,{source:u??q}),activeIcon:o(c,{source:d??j}),onClick:I??C,children:v,activeChildren:p})};export{R as WishlistToggle,R as default};
+import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{useState as a,useEffect as D}from"@dropins/tools/preact-compat.js";import{Button as E,Icon as c}from"@dropins/tools/components.js";import{events as i}from"@dropins/tools/event-bus.js";import{s as F,g as H,r as L}from"../chunks/removeProductsFromWishlist.js";import{c as T,a as b}from"../chunks/mergeWishlists.js";import{S as j}from"../chunks/HeartFilled.js";import{S as q}from"../chunks/Heart.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/lib.js";const R=({product:s,iconWishlisted:d,iconToWishlist:u,size:h,variant:f,disabled:g,labelToWishlist:v,labelWishlisted:p,onClick:I})=>{const[W,k]=a(F.authenticated),[n,e]=a(!1),[r,w]=a(null),{isGuestWishlistEnabled:S}=T.getConfig();D(()=>{const y=t=>k(t),P=()=>{var m;const t=H(),l=(m=t==null?void 0:t.items)==null?void 0:m.find(x=>x.product.sku===s.sku);w(l??null),e(!!l)};i.on("authenticated",y),i.on("wishlist/data",P)},[s.sku]);const C=async()=>{n?(await L([r]),e(!1),i.emit("wishlist/alert",{action:"remove",item:r})):(await b([{sku:s.sku,quantity:1}]),e(!0),i.emit("wishlist/alert",{action:"add",item:{product:s}}))};return!W&&!S?null:o(E,{active:n,"data-testid":"wishlist-toggle",size:h??"medium",variant:f??"tertiary",disabled:g,icon:o(c,{source:u??q}),activeIcon:o(c,{source:d??j}),onClick:I??C,children:v,activeChildren:p})};export{R as WishlistToggle,R as default};

package/data/models/product.d.ts

@@ -15,6 +15,7 @@
  * from Adobe.
  *******************************************************************/
 export interface Product {
+    type: string;
     name: string;
     sku: string;
     uid: string;
@@ -25,6 +26,7 @@ export interface Product {
     categories: string[];
     prices: PriceDetails;
     productAttributes?: Attribute[];
+    options: Option[];
 }
 export interface PriceDetails {
     regularPrice: MoneyProps;
@@ -35,7 +37,7 @@ export interface PriceDetails {
     };
     fixedProductTaxes: FixedProductTaxesProps[];
 }
-interface MoneyProps {
+export interface MoneyProps {
     value: number;
     currency: string;
 }
@@ -56,5 +58,10 @@ interface Attribute {
     value?: string;
     selected_options?: AttributeOption[];
 }
+interface Option {
+    uid: string;
+    required: boolean;
+    title: string;
+}
 export {};
 //# sourceMappingURL=product.d.ts.map

package/data/models/wishlist.d.ts

@@ -13,7 +13,17 @@ export interface Item {
     quantity: number;
     description: string;
     added_at: string;
+    selectedOptions: ConfigurableOption[];
+    enteredOptions?: {
+        uid: string;
+        value: string;
+    }[];
     product: Product;
     customizableOptions: SelectedCustomizableOption[];
 }
+export interface ConfigurableOption {
+    value: string;
+    label: string;
+    uid: string;
+}
 //# sourceMappingURL=wishlist.d.ts.map

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

@@ -1,5 +1,8 @@
 import { Wishlist } from '../../models/wishlist';
 
-declare const wishlist: Wishlist;
-export { 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;
 //# sourceMappingURL=wishlistData.d.ts.map

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

@@ -1,4 +1,7 @@
 import { Wishlist } from '../models/wishlist';
 
-export declare function transformWishlist(data: any): Wishlist | null;
+export declare function transformWishlist(data: any, enteredOptions?: {
+    uid: string;
+    value: string;
+}[]): Wishlist | null;
 //# sourceMappingURL=transform-wishlist.d.ts.map

package/i18n/en_US.json.d.ts

@@ -6,7 +6,8 @@ declare const _default: {
       "cta": "Start shopping"
     },
     "Wishlist": {
-      "heading": "Wishlist {count}"
+      "heading": "Wishlist {count}",
+      "loading": "Loading..."
     },
     "Alert": {
       "addProduct": {

package/lib/persisted-data.d.ts

@@ -1,6 +1,7 @@
 import { Wishlist } from '../data/models';
 
 export declare function setPersistedWishlistData(data: Wishlist | null): void;
-export declare function getPersistedWishlistData(): Wishlist | {};
+export declare function getPersistedWishlistData(guest?: boolean): Wishlist | {};
+export declare function clearPersistedLocalStorage(): void;
 export declare function getWishlistItemFromStorage(productSku: string): any;
 //# sourceMappingURL=persisted-data.d.ts.map

package/lib/state.d.ts

@@ -3,6 +3,7 @@ import { StoreConfigModel } from '../data/models/store-config';
 type State = {
     wishlistId: string | null;
     initializing?: boolean;
+    isLoading?: boolean;
     locale?: string;
     config?: StoreConfigModel | null;
     authenticated: boolean;

package/package.json

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

package/render.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-(function(r,i){try{if(typeof document<"u"){const t=document.createElement("style"),n=i.styleId;for(const e in i.attributes)t.setAttribute(e,i.attributes[e]);t.setAttribute("data-dropin",n),t.appendChild(document.createTextNode(r));const a=document.querySelector('style[data-dropin="sdk"]');if(a)a.after(t);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(t):document.head.append(t)}}}catch(t){console.error("dropin-styles (injectCodeFunction)",t)}})(".wishlist-empty-wishlist{container-type:inline-size;container-name:wishlist}.wishlist-empty-wishlist__wrapper .dropin-card--secondary{display:grid;grid-auto-rows:min-content;justify-content:center;text-align:center;border:unset}.wishlist-empty-wishlist .dropin-illustrated-message__heading{font:var(--type-headline-1-font)}.wishlist-empty-wishlist .dropin-illustrated-message__message{font:var(--type-body-1-default-font)}@container wishlist (width < 737px){.wishlist-empty-wishlist__wrapper .dropin-card{border:unset;border-style:hidden}}.wishlist-wishlist{container-type:inline-size;container-name:wishlist-grid;max-width:inherit}.wishlist-wishlist__content{display:grid;gap:var(--spacing-medium);margin:auto;padding:var(--spacing-medium) 0}.wishlist-wishlist__heading{color:var(--color-neutral-800);display:grid;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);padding:var(--spacing-small) 0;row-gap:var(--spacing-xsmall)}.wishlist-wishlist__heading-count{color:#6d6d6d;margin-left:var(--spacing-xxsmall);letter-spacing:normal;font:var(--type-details-caption-2-font)}.wishlist-wishlist__content.wishlist-wishlist__content--empty{border:var(--shape-border-width-2) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-2);grid-template-columns:repeat(1,1fr);padding:var(--spacing-xxbig);margin:var(--spacing-xxbig) auto}@media only screen and (max-width: 480px){.wishlist-wishlist__content{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width: 480px) and (max-width: 600px){.wishlist-wishlist__content{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 600px){.wishlist-wishlist__content{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 768px){.wishlist-wishlist__content{grid-template-columns:repeat(3,1fr)}}.wishlist-product-item{background-color:var(--color-neutral-50);margin-bottom:var(--spacing-small)}.wishlist-product-item__content{display:flex;flex-direction:column;gap:var(--spacing-small)}.wishlist-product-item__content .wishlist-product-item-image{background:var(--color-neutral-200);height:100%;padding:0;width:100%}.wishlist-product-item__content .wishlist-product-item__title{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin:0;position:relative}.wishlist-product-item-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}a.wishlist-product-item-name:active,a.wishlist-product-item-name:hover,a.wishlist-product-item-name{color:var(--color-neutral-800);cursor:pointer;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.wishlist-product-item__content .wishlist-product-item-button__remove{position:absolute;right:0;top:-10px}.wishlist-product-item__content .wishlist-product-item-price{display:inline;font:var(--type-body-2-default-font)}.strikeout{text-decoration:line-through}.wishlist-product-item__content .wishlist-product-item-discounted-price{display:inline;margin-left:var(--spacing-xsmall);color:var(--color-alert-800)}.wishlist-product-item-move-to-cart{display:grid;grid-area:product-add-to-cart;justify-content:end}.wishlist-product-item-tax{color:var(--color-neutral-500)}.wishlist-product-item-tax span{margin-right:var(--spacing-xsmall)}.image-carousel{display:flex;flex-direction:column;gap:var(--spacing-medium);padding:var(--spacing-medium)}.image-carousel .image-carousel-image{object-fit:contain;padding:var(--spacing-xxsmall) 0;width:100%}.image-switcher-area{margin-top:var(--spacing-small);text-align:center;width:100%}.image-switcher-area .image-switcher{cursor:pointer;border-radius:50%;display:inline-flex;height:var(--spacing-xsmall);margin:0 var(--spacing-xxsmall);width:var(--spacing-xsmall)}.image-switcher-area .image-switcher-active{background-color:var(--color-neutral-900);border:var(--shape-border-width-1) solid var(--color-brand-700)}.image-switcher-area .image-switcher-inactive{background-color:var(--color-neutral-600);border:var(--shape-border-width-1) solid var(--color-neutral-600)}@media only screen and (max-width: 480px){.image-carousel{gap:var(--spacing-xxsmall)}.image-carousel .image-carousel-image{height:250px}}@media only screen and (min-width: 480px) and (max-width: 600px){.image-carousel{gap:var(--spacing-xsmall)}.image-carousel .image-carousel-image{height:300px}}@media only screen and (min-width: 600px){.image-carousel{gap:var(--spacing-xsmall)}.image-carousel .image-carousel-image{height:300px}}@media only screen and (min-width: 768px){.image-carousel{gap:var(--spacing-small)}.image-carousel .image-carousel-image{height:350px}}@media only screen and (min-width: 1024px){.image-carousel{gap:var(--spacing-medium)}.image-carousel .image-carousel-image{height:400px}}.wishlist-login__sign-in{grid-column-start:2;color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin-top:var(--spacing-xxsmall);text-align:center}a.wishlist-login__link{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-left:var(--spacing-xxsmall);text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:auto;color:var(--color-neutral-800)}a.wishlist-login__link:hover{color:var(--color-neutral-800);text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:auto}",{styleId:"Wishlist"});
-import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as d,useEffect as a}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";const h={EmptyWishlist:{heading:"Your wishlist is empty",message:"Add items by clicking on the heart icon.",cta:"Start shopping"},Wishlist:{heading:"Wishlist {count}"},Alert:{addProduct:{heading:"Added to wishlist",message:"{product} has been added to your wishlist"},removeProduct:{heading:"Removed from wishlist",message:"{product} has been removed from your wishlist"},moveToCart:{heading:"Moved to cart",message:"{product} has been moved to your cart"},viewWishlist:"View wishlist"},Login:{sync:" to sync your saved items across all your devices.",logIn:"Log in"}},u={CartActionButton:"Move To Cart",TrashActionButton:"Remove this product from wishlist"},l={Wishlist:h,ProductItem:u},g={default:l},f=({children:o})=>{const[s,i]=d("en_US");return a(()=>{const t=m.on("locale",r=>{i(r)},{eager:!0});return()=>{t==null||t.off()}},[]),e(c,{lang:s,langDefinitions:g,children:o})},W=new n(e(f,{}));export{W as render};
+(function(r,i){try{if(typeof document<"u"){const e=document.createElement("style"),n=i.styleId;for(const t in i.attributes)e.setAttribute(t,i.attributes[t]);e.setAttribute("data-dropin",n),e.appendChild(document.createTextNode(r));const a=document.querySelector('style[data-dropin="sdk"]');if(a)a.after(e);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})(".wishlist-empty-wishlist{container-type:inline-size;container-name:wishlist}.wishlist-empty-wishlist__wrapper .dropin-card--secondary{display:grid;grid-auto-rows:min-content;justify-content:center;text-align:center;border:unset}.wishlist-empty-wishlist .dropin-illustrated-message__heading{font:var(--type-headline-1-font)}.wishlist-empty-wishlist .dropin-illustrated-message__message{font:var(--type-body-1-default-font)}@container wishlist (width < 737px){.wishlist-empty-wishlist__wrapper .dropin-card{border:unset;border-style:hidden}}.wishlist-wishlist{container-type:inline-size;container-name:wishlist-grid;max-width:inherit}.wishlist-wishlist__content{display:grid;gap:var(--spacing-medium);margin:auto;padding:var(--spacing-medium) 0}.wishlist-wishlist__heading{color:var(--color-neutral-800);display:grid;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);padding:var(--spacing-small) 0;row-gap:var(--spacing-xsmall)}.wishlist-wishlist__heading-count{color:#6d6d6d;margin-left:var(--spacing-xxsmall);letter-spacing:normal;font:var(--type-details-caption-2-font)}.wishlist-wishlist__content.wishlist-wishlist__content--empty{border:var(--shape-border-width-2) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-2);grid-template-columns:repeat(1,1fr);padding:var(--spacing-xxbig);margin:var(--spacing-xxbig) auto}@media only screen and (max-width: 480px){.wishlist-wishlist__content,.dropin-skeleton{grid-template-columns:repeat(1,1fr)}.dropin-skeleton-row:nth-child(n+2){display:none}}@media only screen and (min-width: 480px) and (max-width: 600px){.wishlist-wishlist__content,.dropin-skeleton{grid-template-columns:repeat(2,1fr)}.dropin-skeleton-row:nth-child(n+3){display:none}}@media only screen and (min-width: 600px){.wishlist-wishlist__content,.dropin-skeleton{grid-template-columns:repeat(2,1fr)}.dropin-skeleton-row:nth-child(n+3){display:none}}@media only screen and (min-width: 768px){.wishlist-wishlist__content,.dropin-skeleton{grid-template-columns:repeat(3,1fr)}.dropin-skeleton-row:nth-child(n){display:block}}.wishlist-product-item{background-color:var(--color-neutral-50);margin-bottom:var(--spacing-small)}.wishlist-product-item__content{display:flex;flex-direction:column;gap:var(--spacing-small)}.wishlist-product-item__content .wishlist-product-item-image{background:var(--color-neutral-200);height:100%;padding:0;width:100%}.wishlist-product-item__content .wishlist-product-item__title{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin:0;position:relative}.wishlist-product-item-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}a.wishlist-product-item-name:active,a.wishlist-product-item-name:hover,a.wishlist-product-item-name{color:var(--color-neutral-800);cursor:pointer;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.wishlist-product-item__content .wishlist-product-item-button__remove{position:absolute;right:0;top:-10px}.wishlist-product-item__content .wishlist-product-item-price{display:inline;font:var(--type-body-2-default-font)}.strikeout{text-decoration:line-through}.wishlist-product-item__content .wishlist-product-item-discounted-price{display:inline;margin-left:var(--spacing-xsmall);color:var(--color-alert-800)}.wishlist-product-item-move-to-cart{display:grid;grid-area:product-add-to-cart;justify-content:end}.wishlist-product-item-tax{color:var(--color-neutral-500)}.wishlist-product-item-tax span{margin-right:var(--spacing-xsmall)}.image-carousel{display:flex;flex-direction:column;gap:var(--spacing-medium);padding:var(--spacing-medium)}.image-carousel .image-carousel-image{object-fit:contain;padding:var(--spacing-xxsmall) 0;width:100%}.image-switcher-area{margin-top:var(--spacing-small);text-align:center;width:100%}.image-switcher-area .image-switcher{cursor:pointer;border-radius:50%;display:inline-flex;height:var(--spacing-xsmall);margin:0 var(--spacing-xxsmall);width:var(--spacing-xsmall)}.image-switcher-area .image-switcher-active{background-color:var(--color-neutral-900);border:var(--shape-border-width-1) solid var(--color-brand-700)}.image-switcher-area .image-switcher-inactive{background-color:var(--color-neutral-600);border:var(--shape-border-width-1) solid var(--color-neutral-600)}@media only screen and (max-width: 480px){.image-carousel{gap:var(--spacing-xxsmall)}.image-carousel .image-carousel-image{height:250px}}@media only screen and (min-width: 480px) and (max-width: 600px){.image-carousel{gap:var(--spacing-xsmall)}.image-carousel .image-carousel-image{height:300px}}@media only screen and (min-width: 600px){.image-carousel{gap:var(--spacing-xsmall)}.image-carousel .image-carousel-image{height:300px}}@media only screen and (min-width: 768px){.image-carousel{gap:var(--spacing-small)}.image-carousel .image-carousel-image{height:350px}}@media only screen and (min-width: 1024px){.image-carousel{gap:var(--spacing-medium)}.image-carousel .image-carousel-image{height:400px}}.wishlist-login__sign-in{grid-column-start:2;color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin-top:var(--spacing-xxsmall);text-align:center}a.wishlist-login__link{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-left:var(--spacing-xxsmall);text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:auto;color:var(--color-neutral-800)}a.wishlist-login__link:hover{color:var(--color-neutral-800);text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:auto}",{styleId:"Wishlist"});
+import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as d,useEffect as a}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";const h={EmptyWishlist:{heading:"Your wishlist is empty",message:"Add items by clicking on the heart icon.",cta:"Start shopping"},Wishlist:{heading:"Wishlist {count}",loading:"Loading..."},Alert:{addProduct:{heading:"Added to wishlist",message:"{product} has been added to your wishlist"},removeProduct:{heading:"Removed from wishlist",message:"{product} has been removed from your wishlist"},moveToCart:{heading:"Moved to cart",message:"{product} has been moved to your cart"},viewWishlist:"View wishlist"},Login:{sync:" to sync your saved items across all your devices.",logIn:"Log in"}},u={CartActionButton:"Move To Cart",TrashActionButton:"Remove this product from wishlist"},l={Wishlist:h,ProductItem:u},g={default:l},f=({children:e})=>{const[s,i]=d("en_US");return a(()=>{const t=m.on("locale",r=>{i(r)},{eager:!0});return()=>{t==null||t.off()}},[]),o(c,{lang:s,langDefinitions:g,children:e})},W=new n(o(f,{}));export{W as render};

package/chunks/initializeWishlist.js

@@ -1,237 +0,0 @@
-/*! Copyright 2025 Adobe
-All Rights Reserved. */
-import{Initializer as R}from"@dropins/tools/lib.js";import{events as u}from"@dropins/tools/event-bus.js";import{s as r,i as A,f as g,h as T,g as E}from"./removeProductsFromWishlist.js";const S=new R({init:async e=>{const t={isGuestWishlistEnabled:!1,...e};S.config.setConfig(t),P().catch(console.error)},listeners:()=>[u.on("authenticated",e=>{r.authenticated&&!e&&u.emit("wishlist/reset",void 0),e&&!r.authenticated&&(r.authenticated=e,P().catch(console.error))},{eager:!0}),u.on("wishlist/data",e=>{A(e)}),u.on("wishlist/reset",()=>{K().catch(console.error),u.emit("wishlist/data",null)})]}),ee=S.config;function G(e){if(!e)return null;const t=i=>{switch(i){case 1:return"INCLUDING_FPT_AND_DESCRIPTION";case 2:return"EXCLUDING_FPT_INCLUDING_DESCRIPTION_FINAL_PRICE";case 3:return"EXCLUDING_FPT";default:return"INCLUDING_FPT_ONLY"}};return{wishlistIsEnabled:e.storeConfig.magento_wishlist_general_is_enabled,wishlistMultipleListIsEnabled:e.storeConfig.enable_multiple_wishlists,wishlistMaxNumber:e.storeConfig.maximum_number_of_wishlists,fixedProductTaxesEnabled:e.storeConfig.fixed_product_taxes_enable,fixedProductTaxesApply:e.storeConfig.fixed_product_taxes_apply_tax_to_fpt,fixedProductTaxesEnabledDisplayInProductLists:t(e.storeConfig.fixed_product_taxes_display_prices_in_product_lists),fixedProductTaxesEnabledDisplayInSalesModules:t(e.storeConfig.fixed_product_taxes_display_prices_in_sales_modules),fixedProductTaxesEnabledDisplayInProductView:t(e.storeConfig.fixed_product_taxes_display_prices_on_product_view_page)}}function b(e){var t;return e?{name:e.name,sku:e.sku,uid:e.uid,image:v(e),stockStatus:e.stock_status,canonicalUrl:e.canonical_url,urlKey:e.url_key,categories:(t=e.categories)==null?void 0:t.map(i=>i.name),prices:O(e),productAttributes:W(e)}:null}function v(e){var t,i;return{src:(t=e.thumbnail)==null?void 0:t.url,alt:(i=e.thumbnail)==null?void 0:i.label}}function O(e){var t,i,s,n,c,a,_,o,l,d,m,f,p,h,I,y,x,w;return{regularPrice:{currency:(s=(i=(t=e.price_range)==null?void 0:t.minimum_price)==null?void 0:i.regular_price)==null?void 0:s.currency,value:(a=(c=(n=e.price_range)==null?void 0:n.minimum_price)==null?void 0:c.regular_price)==null?void 0:a.value},finalPrice:{currency:(l=(o=(_=e.price_range)==null?void 0:_.minimum_price)==null?void 0:o.final_price)==null?void 0:l.currency,value:(f=(m=(d=e.price_range)==null?void 0:d.minimum_price)==null?void 0:m.final_price)==null?void 0:f.value},discount:{amountOff:(I=(h=(p=e.price_range)==null?void 0:p.minimum_price)==null?void 0:h.discount)==null?void 0:I.amount_off,percentOff:(w=(x=(y=e.price_range)==null?void 0:y.minimum_price)==null?void 0:x.discount)==null?void 0:w.percent_off},fixedProductTaxes:D(e)}}function W(e){var t,i;return(i=(t=e.custom_attributesV2)==null?void 0:t.items)==null?void 0:i.map(s=>{const n=s.code.split("_").map(c=>c.charAt(0).toUpperCase()+c.slice(1)).join(" ");return{...s,code:n}})}function D(e){var t,i,s;return(s=(i=(t=e.price_range)==null?void 0:t.minimum_price)==null?void 0:i.fixed_product_taxes)==null?void 0:s.map(n=>({money:{value:n.amount.value,currency:n.amount.currency},label:n.label}))}function C(e){return e?{id:e.id,updated_at:e.updated_at,sharing_code:e.sharing_code,items_count:e.items_count,items:M(e)}:null}function M(e){var t,i;return(i=(t=e==null?void 0:e.items_v2)==null?void 0:t.items)!=null&&i.length?e.items_v2.items.map(s=>({id:s.id,quantity:s.quantity,description:s.description,added_at:s.added_at,product:b(s.product)})):[]}const F=`
-query STORE_CONFIG_QUERY {
-  storeConfig {
-    magento_wishlist_general_is_enabled
-    enable_multiple_wishlists
-    maximum_number_of_wishlists
-    fixed_product_taxes_enable
-    fixed_product_taxes_apply_tax_to_fpt
-    fixed_product_taxes_display_prices_in_product_lists
-    fixed_product_taxes_display_prices_in_sales_modules
-    fixed_product_taxes_display_prices_on_product_view_page    
-  }
-}
-`,U=async()=>g(F,{method:"GET",cache:"force-cache"}).then(({errors:e,data:t})=>e?T(e):G(t)),k=`
-  query GET_PRODUCT_BY_SKU($sku: String!) {
-    products(filter: { sku: { eq: $sku } }) {
-        items {
-          sku
-          name
-          thumbnail {
-            label
-            url
-          }
-          price_range {
-            minimum_price {
-              regular_price {
-                currency
-                value
-              }
-              final_price {
-                currency
-                value
-              }
-              discount {
-                amount_off
-                percent_off
-              }
-            }
-          }
-          stock_status
-          ... on SimpleProduct {
-            stock_status
-            options {
-              uid
-            }
-          }
-          ... on ConfigurableProduct {
-            configurable_options {
-              uid
-              attribute_uid
-              attribute_code
-              values {
-                uid
-              }
-            }
-            variants {
-              product {
-                sku
-                stock_status
-              }
-            }
-          }
-          ... on BundleProduct {
-            items {
-              uid
-              title
-              options {
-                uid
-                label
-                quantity
-              }
-            }
-          }
-        }
-      }
-    }
-`,L=async e=>{if(!e)throw Error("Product SKU is not set");return g(k,{variables:{sku:e}}).then(({errors:t,data:i})=>{var s;return t?T(t):(s=i==null?void 0:i.products)!=null&&s.items?b(i.products.items[0]):null})},$=`
-  fragment PRICE_RANGE_FRAGMENT on PriceRange {
-    minimum_price {
-      regular_price {
-        value
-        currency
-      }
-      final_price {
-        value
-        currency
-      }
-      discount {
-        percent_off
-        amount_off
-      }
-      fixed_product_taxes {
-        amount {
-          currency
-          value
-        }
-        label
-      }      
-    }
-    maximum_price {
-      regular_price {
-        value
-        currency
-      }
-      final_price {
-        value
-        currency
-      }
-      discount {
-        percent_off
-        amount_off
-      }
-      fixed_product_taxes {
-        amount {
-          currency
-          value
-        }
-        label
-      }      
-    }
-  }
-`,H=`
-  fragment PRODUCT_FRAGMENT on ProductInterface {
-    name
-    sku
-    uid
-    thumbnail {
-      url
-      label
-    }
-    url_key
-    categories {
-      url_path
-      url_key
-      name
-    }
-    stock_status
-    canonical_url
-    custom_attributesV2(filters: {is_visible_on_front: true}){
-      items {
-        code
-        ...on AttributeValue {
-          value
-        }
-        ...on AttributeSelectedOptions {
-          selected_options {
-            value
-            label
-          }
-        }
-      }
-    }
-    price_range {
-        ...PRICE_RANGE_FRAGMENT
-    }
-  }
-
-${$}
-`,z=`
-  fragment CUSTOMIZABLE_OPTIONS_FRAGMENT on SelectedCustomizableOption {
-    type
-    customizable_option_uid
-    label
-    is_required
-    values {
-      label
-      value
-      price{
-        type
-        units
-        value
-      }
-    }
-  }
-`,q=`
-fragment WISHLIST_ITEM_FRAGMENT on WishlistItemInterface {
-    __typename
-    id
-    quantity
-    description
-    added_at
-    product {
-      ...PRODUCT_FRAGMENT
-    }
-    customizable_options {
-      ...CUSTOMIZABLE_OPTIONS_FRAGMENT
-    }
-  }
-  
-  ${H}
-  ${z}
-`,N=`
-fragment WISHLIST_FRAGMENT on Wishlist {
-    id
-    updated_at
-    sharing_code
-    items_count
-    items_v2 {
-      items {
-        ...WISHLIST_ITEM_FRAGMENT
-      }
-    }
-  }
-
-${q}
-`,B=`
-  query GET_WISHLISTS_QUERY {
-    customer {
-      wishlists {
-        ...WISHLIST_FRAGMENT
-      }
-    }
-  }
-
-  ${N}
-`,Y=async()=>r.authenticated?g(B).then(({errors:e,data:t})=>{var i;return e?T(e):(i=t==null?void 0:t.customer)!=null&&i.wishlists?t.customer.wishlists.map(s=>C(s)):null}):E(),Q=`
-  mutation ADD_PRODUCTS_TO_WISHLIST_MUTATION(
-      $wishlistId: ID!, 
-      $wishlistItems: [WishlistItemInput!]!,
-    ) {
-    addProductsToWishlist(
-      wishlistId: $wishlistId
-      wishlistItems: $wishlistItems
-    ) {
-      wishlist {
-        ...WISHLIST_FRAGMENT
-      }
-      user_errors {
-        code
-        message
-      }
-    }
-  }
-${N}
-`,te=async e=>{var s,n,c;const t=E();let i={id:(t==null?void 0:t.id)??"",items:(t==null?void 0:t.items)??[],updated_at:"",sharing_code:"",items_count:0};if(!e)return null;for(const a of e){if((s=t.items)==null?void 0:s.some(l=>l.product.sku===a.sku))continue;const o=await L(a.sku);o&&(i.items=[...i.items,{product:o}])}if(i.items_count=(n=i.items)==null?void 0:n.length,u.emit("wishlist/data",i),r.authenticated){if(!r.wishlistId)throw u.emit("wishlist/data",t),Error("Wishlist ID is not set");const a={wishlistId:r.wishlistId,wishlistItems:e.map(({sku:m,parentSku:f,quantity:p,optionsUIDs:h,enteredOptions:I})=>({sku:m,parent_sku:f,quantity:p,selected_options:h,entered_options:I}))},{errors:_,data:o}=await g(Q,{variables:a}),l=[...((c=o==null?void 0:o.addProductsToWishlist)==null?void 0:c.user_errors)??[],..._??[]];if(l.length>0)return u.emit("wishlist/data",t),T(l);const d=C(o.addProductsToWishlist.wishlist);u.emit("wishlist/data",d)}return null},K=()=>(r.wishlistId=null,r.authenticated=!1,Promise.resolve(null)),P=async()=>{if(r.initializing)return null;r.initializing=!0,r.config||(r.config=await U());const e=r.authenticated?await V():await Z();return u.emit("wishlist/initialized",e),u.emit("wishlist/data",e),r.initializing=!1,e};async function V(){const e=await Y(),t=e?e[0]:null;return t?(r.wishlistId=t.id,t):null}async function Z(){try{return await E()}catch(e){throw console.error(e),e}}export{q as W,te as a,N as b,ee as c,L as d,Y as e,P as f,U as g,V as h,S as i,Z as j,K as r,C as t};