@dropins/storefront-pdp 3.0.1 → 3.0.2-alpha1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/getProductsData/getProductsData.d.ts +30 -0
- package/api/getProductsData/graphql/getProductsData.graphql.d.ts +17 -0
- package/api/getProductsData/index.d.ts +17 -0
- package/api/index.d.ts +1 -0
- package/api.js +9 -1
- package/api.js.map +1 -1
- package/chunks/fetchProductData.js +6 -6
- package/chunks/fetchProductData.js.map +1 -1
- package/containers/ProductDetails.js +1 -1
- package/containers/ProductOptions.js +1 -1
- package/containers/ProductQuantity.js +1 -1
- package/package.json +1 -1
- package/render.js +3 -3
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ProductModel } from '../../data/models';
|
|
2
|
+
|
|
3
|
+
export interface ProductDataItem {
|
|
4
|
+
sku: string;
|
|
5
|
+
optionsUIDs?: string[];
|
|
6
|
+
preselectFirstOption?: boolean;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Fetches multiple products by SKUs with optional per-product configuration.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* // Basic usage
|
|
13
|
+
* const products = await getProductsData([
|
|
14
|
+
* { sku: 'SKU001' },
|
|
15
|
+
* { sku: 'SKU002' }
|
|
16
|
+
* ]);
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* // With options
|
|
20
|
+
* const products = await getProductsData([
|
|
21
|
+
* { sku: 'SKU001', optionsUIDs: ['option1'], preselectFirstOption: true },
|
|
22
|
+
* { sku: 'SKU002', optionsUIDs: ['option2'] }
|
|
23
|
+
* ]);
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* // Get raw data without transformation
|
|
27
|
+
* const rawProducts = await getProductsData([{ sku: 'SKU001' }], true);
|
|
28
|
+
*/
|
|
29
|
+
export declare const getProductsData: (items: ProductDataItem[], raw?: boolean) => Promise<ProductModel[] | null>;
|
|
30
|
+
//# sourceMappingURL=getProductsData.d.ts.map
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ADOBE CONFIDENTIAL
|
|
3
|
+
* __________________
|
|
4
|
+
* Copyright 2023 Adobe
|
|
5
|
+
* All Rights Reserved.
|
|
6
|
+
* __________________
|
|
7
|
+
* NOTICE: All information contained herein is, and remains
|
|
8
|
+
* the property of Adobe and its suppliers, if any. The intellectual
|
|
9
|
+
* and technical concepts contained herein are proprietary to Adobe
|
|
10
|
+
* and its suppliers and are protected by all applicable intellectual
|
|
11
|
+
* property laws, including trade secret and copyright laws.
|
|
12
|
+
* Dissemination of this information or reproduction of this material
|
|
13
|
+
* is strictly forbidden unless prior written permission is obtained
|
|
14
|
+
* from Adobe.
|
|
15
|
+
*/
|
|
16
|
+
export declare const GET_PRODUCTS_DATA: string;
|
|
17
|
+
//# sourceMappingURL=getProductsData.graphql.d.ts.map
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ADOBE CONFIDENTIAL
|
|
3
|
+
* __________________
|
|
4
|
+
* Copyright 2023 Adobe
|
|
5
|
+
* All Rights Reserved.
|
|
6
|
+
* __________________
|
|
7
|
+
* NOTICE: All information contained herein is, and remains
|
|
8
|
+
* the property of Adobe and its suppliers, if any. The intellectual
|
|
9
|
+
* and technical concepts contained herein are proprietary to Adobe
|
|
10
|
+
* and its suppliers and are protected by all applicable intellectual
|
|
11
|
+
* property laws, including trade secret and copyright laws.
|
|
12
|
+
* Dissemination of this information or reproduction of this material
|
|
13
|
+
* is strictly forbidden unless prior written permission is obtained
|
|
14
|
+
* from Adobe.
|
|
15
|
+
*/
|
|
16
|
+
export * from './getProductsData';
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
package/api/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
export * from './initialize';
|
|
17
17
|
export * from './fetch-graphql';
|
|
18
18
|
export * from './getProductData';
|
|
19
|
+
export * from './getProductsData';
|
|
19
20
|
export * from './getRefinedProduct';
|
|
20
21
|
export * from './fetchProductData';
|
|
21
22
|
export * from './setProductConfigurationValues';
|
package/api.js
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{
|
|
3
|
+
import{a as i,t as c}from"./chunks/fetchProductData.js";import{c as m,f as C,j as F,h as k,k as R,l as U,i as A,r as E,b as _,d as x,e as Q}from"./chunks/fetchProductData.js";import{PRODUCT_FRAGMENT as p}from"./fragments.js";import"@dropins/tools/event-bus.js";import{g as V,s as I}from"./chunks/getProductConfigurationValues.js";import{i as O,s as S}from"./chunks/isProductConfigurationValid.js";import{g as b}from"./chunks/getFetchedProductData.js";import"@dropins/tools/lib.js";import"@dropins/tools/fetch-graphql.js";const d=`
|
|
4
|
+
query GET_PRODUCTS_DATA($skus: [String]) {
|
|
5
|
+
products(skus: $skus) {
|
|
6
|
+
...PRODUCT_FRAGMENT
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
${p}
|
|
11
|
+
`,P=async(s,e)=>{if(!s||s.length===0)return null;const n=s.map(r=>r.sku),{data:a}=await i(d,{method:"GET",variables:{skus:n}}),o=a==null?void 0:a.products;if(!o||o.length===0)return null;const u=s.reduce((r,t)=>(r[t.sku]=t,r),{});return e?o:o.map(r=>{const t=u[r.sku];return t!=null&&t.optionsUIDs&&(r.optionUIDs=t.optionsUIDs),c(r,{preselectFirstOption:t==null?void 0:t.preselectFirstOption})})};export{m as config,i as fetchGraphQl,C as fetchProductData,F as getConfig,k as getFetchGraphQlHeader,b as getFetchedProductData,V as getProductConfigurationValues,R as getProductData,P as getProductsData,U as getRefinedProduct,A as initialize,O as isProductConfigurationValid,E as removeFetchGraphQlHeader,_ as setEndpoint,x as setFetchGraphQlHeader,Q as setFetchGraphQlHeaders,S as setProductConfigurationValid,I as setProductConfigurationValues};
|
|
4
12
|
//# sourceMappingURL=api.js.map
|
package/api.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"api.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"api.js","sources":["/@dropins/storefront-pdp/src/api/getProductsData/graphql/getProductsData.graphql.ts","/@dropins/storefront-pdp/src/api/getProductsData/getProductsData.ts"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_FRAGMENT } from '@/pdp/api/graphql/ProductFragment.graphql';\n\nexport const GET_PRODUCTS_DATA = `\nquery GET_PRODUCTS_DATA($skus: [String]) {\n products(skus: $skus) {\n ...PRODUCT_FRAGMENT\n }\n}\n\n${PRODUCT_FRAGMENT}\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { fetchGraphQl } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms';\nimport { GET_PRODUCTS_DATA } from './graphql/getProductsData.graphql';\n\nexport interface ProductDataItem {\n sku: string;\n optionsUIDs?: string[];\n preselectFirstOption?: boolean;\n}\n\n/**\n * Fetches multiple products by SKUs with optional per-product configuration.\n *\n * @example\n * // Basic usage\n * const products = await getProductsData([\n * { sku: 'SKU001' },\n * { sku: 'SKU002' }\n * ]);\n *\n * @example\n * // With options\n * const products = await getProductsData([\n * { sku: 'SKU001', optionsUIDs: ['option1'], preselectFirstOption: true },\n * { sku: 'SKU002', optionsUIDs: ['option2'] }\n * ]);\n *\n * @example\n * // Get raw data without transformation\n * const rawProducts = await getProductsData([{ sku: 'SKU001' }], true);\n */\nexport const getProductsData = async (\n items: ProductDataItem[],\n raw?: boolean\n): Promise<ProductModel[] | null> => {\n if (!items || items.length === 0) {\n return null;\n }\n\n const skus = items.map((item) => item.sku);\n const { data } = await fetchGraphQl(GET_PRODUCTS_DATA, {\n method: 'GET',\n variables: { skus },\n });\n const products = data?.products;\n\n if (!products || products.length === 0) {\n return null;\n }\n\n // Create a map for quick lookup of options by SKU\n const optionsMap = items.reduce((acc, item) => {\n acc[item.sku] = item;\n return acc;\n }, {} as Record<string, ProductDataItem>);\n\n return raw\n ? products\n : products.map((product: any) => {\n const itemOptions = optionsMap[product.sku];\n\n // If optionsUIDs are provided, override the optionsUIDs from the response\n if (itemOptions?.optionsUIDs) {\n product.optionUIDs = itemOptions.optionsUIDs;\n }\n\n return transformProductData(product, {\n preselectFirstOption: itemOptions?.preselectFirstOption,\n });\n });\n};\n"],"names":["GET_PRODUCTS_DATA","PRODUCT_FRAGMENT","getProductsData","items","raw","skus","item","data","fetchGraphQl","products","optionsMap","acc","product","itemOptions","transformProductData"],"mappings":"ygBAkBO,MAAMA,EAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/BC,CAAgB;AAAA,ECuBLC,EAAkB,MAC7BC,EACAC,IACmC,CACnC,GAAI,CAACD,GAASA,EAAM,SAAW,EACtB,OAAA,KAGT,MAAME,EAAOF,EAAM,IAAKG,GAASA,EAAK,GAAG,EACnC,CAAE,KAAAC,CAAA,EAAS,MAAMC,EAAaR,EAAmB,CACrD,OAAQ,MACR,UAAW,CAAE,KAAAK,CAAK,CAAA,CACnB,EACKI,EAAWF,GAAA,YAAAA,EAAM,SAEvB,GAAI,CAACE,GAAYA,EAAS,SAAW,EAC5B,OAAA,KAIT,MAAMC,EAAaP,EAAM,OAAO,CAACQ,EAAKL,KAChCK,EAAAL,EAAK,GAAG,EAAIA,EACTK,GACN,EAAqC,EAExC,OAAOP,EACHK,EACAA,EAAS,IAAKG,GAAiB,CACvB,MAAAC,EAAcH,EAAWE,EAAQ,GAAG,EAG1C,OAAIC,GAAA,MAAAA,EAAa,cACfD,EAAQ,WAAaC,EAAY,aAG5BC,EAAqBF,EAAS,CACnC,qBAAsBC,GAAA,YAAAA,EAAa,oBAAA,CACpC,CAAA,CACF,CACP"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{merge as fe,Initializer as de}from"@dropins/tools/lib.js";import{events as q}from"@dropins/tools/event-bus.js";import{PRODUCT_FRAGMENT as se}from"../fragments.js";import{FetchGraphQL as Pe}from"@dropins/tools/fetch-graphql.js";import{s as he}from"./getProductConfigurationValues.js";import{s as ye}from"./isProductConfigurationValid.js";function Ke(e){const r=new URLSearchParams(window.location.search);Object.entries(e).forEach(([n,t])=>{t===null?r.delete(n):r.set(n,String(t))});let i=window.location.pathname;i+=`?${r.toString()}`,i+=window.location.hash,window.history.replaceState({},"",i)}function oe(){const e=new URLSearchParams(window.location.search),r={};return e.forEach((i,n)=>{r[n]=i}),r}function ge(e=1){const i=(oe()||{}).quantity;if(i){const n=parseInt(i,10);if(!isNaN(n)&&Number.isInteger(n)&&n>0)return n}return e}function we(e){var r,i,n,t,s,o,l,a,m,u,f,c;return{productId:Number(e==null?void 0:e.externalId),name:e==null?void 0:e.name,sku:(e==null?void 0:e.variantSku)||(e==null?void 0:e.sku),topLevelSku:e==null?void 0:e.sku,specialToDate:void 0,specialFromDate:void 0,newToDate:void 0,newFromDate:void 0,createdAt:void 0,updatedAt:void 0,manufacturer:void 0,countryOfManufacture:void 0,categories:void 0,productType:e==null?void 0:e.productType,pricing:{regularPrice:((i=(r=e==null?void 0:e.prices)==null?void 0:r.regular)==null?void 0:i.amount)||0,minimalPrice:(t=(n=e==null?void 0:e.prices)==null?void 0:n.final)==null?void 0:t.minimumAmount,maximalPrice:(o=(s=e==null?void 0:e.prices)==null?void 0:s.final)==null?void 0:o.maximumAmount,specialPrice:(a=(l=e==null?void 0:e.prices)==null?void 0:l.final)==null?void 0:a.amount,tierPricing:void 0,currencyCode:((u=(m=e==null?void 0:e.prices)==null?void 0:m.final)==null?void 0:u.currency)||"USD"},canonicalUrl:e==null?void 0:e.url,mainImageUrl:(c=(f=e==null?void 0:e.images)==null?void 0:f[0])==null?void 0:c.url}}const ae={PRODUCT_CONTEXT:"productContext",CHANNEL_CONTEXT:"channelContext"},Ce={PRODUCT_PAGE_VIEW:"product-page-view"};function ue(){return window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer}function Te(){return{_id:"https://ns.adobe.com/xdm/channels/web",_type:"https://ns.adobe.com/xdm/channel-types/web"}}function le(e,r){const i=ue();i.push({[e]:null}),i.push({[e]:r})}function pe(){typeof window>"u"||le(ae.CHANNEL_CONTEXT,Te())}function xe(e,r){ue().push(n=>{const t=n.getState?n.getState():{};n.push({event:e,eventInfo:{...t,...r}})})}function De(e){const r=we(e);le(ae.PRODUCT_CONTEXT,r),pe(),xe(Ce.PRODUCT_PAGE_VIEW)}var H=(e=>(e.ComplexProduct="complex",e.SimpleProduct="simple",e))(H||{}),me=(e=>(e.ComplexProductView="ComplexProductView",e.SimpleProductView="SimpleProductView",e))(me||{});function K(e,r){var o,l,a,m,u,f,c,g,w,x,h,A;const i=((m=(a=(l=(o=e==null?void 0:e.options)==null?void 0:o[0])==null?void 0:l.values)==null?void 0:a[0])==null?void 0:m.__typename)==="ProductViewOptionValueProduct",n=Ue(e,i,r==null?void 0:r.preselectFirstOption),t=(e==null?void 0:e.__typename)===me.SimpleProductView?H.SimpleProduct:H.ComplexProduct,s=e?{name:e.name,sku:e.sku,isBundle:i,addToCartAllowed:e.addToCartAllowed,inStock:e.inStock,shortDescription:e.shortDescription,metaDescription:e.metaDescription,metaKeyword:e.metaKeyword,metaTitle:e.metaTitle,description:e.description,images:Se(e),prices:be(e,i,n),attributes:Ee(e),options:Oe(_e(e,i)),optionUIDs:n,url:e.url,urlKey:e.urlKey,externalId:e.externalId,externalParentId:e.externalParentId,variantSku:e.variantSku,productType:t}:null;return fe(s,((g=(c=(f=(u=_.getConfig())==null?void 0:u.models)==null?void 0:f.ProductDetails)==null?void 0:c.transformer)==null?void 0:g.call(c,e))??((A=(h=(x=(w=_.getConfig())==null?void 0:w.models)==null?void 0:x.ProductDetails)==null?void 0:h.transform)==null?void 0:A.call(h,e)))}function Oe(e){var i,n,t;if(!e)return;const r=(t=(n=(i=_.getConfig())==null?void 0:i.models)==null?void 0:n.ProductOptions)==null?void 0:t.optionsTransformer;if(!r)return e;try{return r(e)??e}catch(s){return console.error("product-transform: optionsTransformer threw an error, using original options",s),e}}function Se(e){var r,i;return(i=(r=e.images)==null?void 0:r.filter(n=>{var t;return!((t=n.roles)!=null&&t.includes("hide_from_pdp"))}))==null?void 0:i.map(n=>(n.url=n.url.replace(/^https?:/,""),n))}function Ee(e){var r,i;return(i=(r=e.attributes)==null?void 0:r.filter(({roles:n})=>(n==null?void 0:n.indexOf("visible_in_pdp"))!==-1))==null?void 0:i.map(({label:n,value:t,name:s})=>{if(s!=null&&s.startsWith("ac_"))try{let o;typeof t=="string"?o=JSON.parse(t):typeof t=="object"&&(o=t);const l=j(o);return{id:s,label:n,value:JSON.stringify(l)}}catch{return{id:s,label:n,value:t.toString().split(",").join(", ")}}return{id:s,label:n,value:t.toString().split(",").join(", ")}})}function j(e){if(Array.isArray(e))return e.map(j);if(e!==null&&typeof e=="object"){const r={};for(const[i,n]of Object.entries(e)){let t=i;i==="validation_rule"?t="validationRule":i==="min_length"?t="minLength":i==="max_length"?t="maxLength":i==="purchase_separately"&&(t="purchaseSeparately"),r[t]=j(n)}return r}return e}function _e(e,r){const{options:i,optionUIDs:n}=e;return i==null?void 0:i.map(({id:t,title:s,required:o,multi:l,values:a})=>{var f,c;const m=(f=a==null?void 0:a[0])==null?void 0:f.__typename;let u=(c=a==null?void 0:a[0])==null?void 0:c.type;return u?u=u.replace("COLOR_HEX","color").replace("TEXT","text").replace("IMAGE","image"):u="dropdown",{id:t,type:u,typename:m,label:s,required:o,multiple:l,items:r?ke(a,n):Ae(a,n,u)}})}function ke(e,r){return e==null?void 0:e.filter(({enabled:i})=>typeof i>"u"||i).map(({id:i,title:n,inStock:t,isDefault:s,product:o})=>({id:i,inStock:t,label:n,selected:(r==null?void 0:r.indexOf(i))>-1||s,value:i,product:o}))}function Ae(e,r,i){return e==null?void 0:e.map(({id:n,title:t,inStock:s,value:o})=>({id:n,inStock:s,label:t,selected:(r==null?void 0:r.indexOf(n))>-1,value:(i==null?void 0:i.toLowerCase())==="dropdown"?n:o==null?void 0:o.replace(/^https?:/,"")}))}function be(e,r,i){var A,B,W,z,J;const{price:n,priceRange:t,options:s,optionUIDs:o=i}=e;let{__typename:l}=e;function a(){var C;const y=n==null?void 0:n.regular.amount.value,d=((C=n==null?void 0:n.final)==null?void 0:C.amount.value)??(n==null?void 0:n.regular.amount.value),P=(n==null?void 0:n.regular.amount.currency)==="NONE"?"USD":n==null?void 0:n.regular.amount.currency;return[y,d,d,P]}function m(){var T,p,D,O,b,U,N,I,v,F,V,L;const y=(T=t==null?void 0:t.minimum)==null?void 0:T.final.amount.value,d=(p=t==null?void 0:t.maximum)==null?void 0:p.final.amount.value;let P;((O=(D=t==null?void 0:t.minimum)==null?void 0:D.regular)==null?void 0:O.amount.value)===((U=(b=t==null?void 0:t.maximum)==null?void 0:b.regular)==null?void 0:U.amount.value)&&(P=(I=(N=t==null?void 0:t.minimum)==null?void 0:N.regular)==null?void 0:I.amount.value);const C=((F=(v=t==null?void 0:t.minimum)==null?void 0:v.final)==null?void 0:F.amount.currency)==="NONE"?"USD":(L=(V=t==null?void 0:t.minimum)==null?void 0:V.final)==null?void 0:L.amount.currency;return[P,y,d,C]}function u(){var D,O,b,U,N,I,v,F,V,L,Y,Z,R;let y=0,d=0;s==null||s.forEach(k=>{var ee;const Q=k==null?void 0:k.values;if(Q&&Array.isArray(Q)){const E=Q.map(S=>{var G,M,te,ne;return(ne=(te=(M=(G=S==null?void 0:S.product)==null?void 0:G.price)==null?void 0:M.regular)==null?void 0:te.amount)==null?void 0:ne.value}).filter(S=>S!==void 0),$=E.length>0?Math.max(...E):0;y+=$}(ee=k==null?void 0:k.values)==null||ee.forEach(E=>{var $,S,G,M;o!=null&&o.includes(E.id)&&(d+=(M=(G=(S=($=E==null?void 0:E.product)==null?void 0:$.price)==null?void 0:S.final)==null?void 0:G.amount)==null?void 0:M.value)})});const P=(D=t==null?void 0:t.minimum)==null?void 0:D.final.amount.value,C=(O=t==null?void 0:t.maximum)==null?void 0:O.final.amount.value;let T;((U=(b=t==null?void 0:t.minimum)==null?void 0:b.regular)==null?void 0:U.amount.value)===((I=(N=t==null?void 0:t.maximum)==null?void 0:N.regular)==null?void 0:I.amount.value)&&(T=(F=(v=t==null?void 0:t.minimum)==null?void 0:v.regular)==null?void 0:F.amount.value);const p=((L=(V=t==null?void 0:t.minimum)==null?void 0:V.final)==null?void 0:L.amount.currency)==="NONE"?"USD":(Z=(Y=t==null?void 0:t.minimum)==null?void 0:Y.final)==null?void 0:Z.amount.currency;return r&&(o==null?void 0:o.length)<1?[T,P,C,p]:y===((R=t==null?void 0:t.maximum)==null?void 0:R.regular.amount.value)?[d,d,d,p]:[T,P,C,p]}const[f,c,g,w]=l==="SimpleProductView"?a():r?u():m(),x=l==="SimpleProductView"?(A=n==null?void 0:n.roles)==null?void 0:A.includes("visible"):((W=(B=t==null?void 0:t.maximum)==null?void 0:B.roles)==null?void 0:W.includes("visible"))&&((J=(z=t==null?void 0:t.minimum)==null?void 0:z.roles)==null?void 0:J.includes("visible"));function h(y){return!y||!Array.isArray(y)?[]:y.map(d=>{var P,C,T,p,D,O;return{tier:{amount:(C=(P=d.tier)==null?void 0:P.amount)==null?void 0:C.value,currency:((p=(T=d.tier)==null?void 0:T.amount)==null?void 0:p.currency)||w},quantity:((D=d.quantity[0])==null?void 0:D.gte)||((O=d.quantity[0])==null?void 0:O.lt)||0}}).sort((d,P)=>d.quantity-P.quantity)}return g&&c===g?{regular:{amount:f,currency:w,variant:f&&c!==f?"strikethrough":"default"},final:{amount:g,currency:w,variant:"default"},tiers:h(n==null?void 0:n.tiers),visible:x}:{final:{minimumAmount:c,maximumAmount:g,currency:w},tiers:h(n==null?void 0:n.tiers),visible:x}}function Ue(e,r,i){var n;return r?((n=e==null?void 0:e.options)==null?void 0:n.map(({values:s})=>{var a,m;const o=((a=s==null?void 0:s.find(({isDefault:u})=>u))==null?void 0:a.id)??null,l=i?(m=s[0])==null?void 0:m.id:null;return o||l})).filter(s=>s!==null):e==null?void 0:e.optionUIDs}const X=new de({init:async e=>{var l,a,m;const r=(a=(l=e==null?void 0:e.models)==null?void 0:l.ProductDetails)==null?void 0:a.initialData,n=((m=(oe()||{}).optionsUIDs)==null?void 0:m.split(","))||(r==null?void 0:r.optionsUIDs),t=ge(1),o={...{defaultLocale:"en-US",globalLocale:"en-US",persistURLParams:!1,acdl:!1,optionsUIDs:n},...e};if(X.config.setConfig({...o}),o!=null&&o.sku){const u=r?K(r):await ie(o.sku,{preselectFirstOption:o.preselectFirstOption});q.emit("pdp/data",u,{scope:o.scope});const f={sku:o.sku,quantity:t,optionsUIDs:u==null?void 0:u.optionUIDs};he(()=>({...f}),{scope:o.scope}),ye(()=>{var c;return u!=null&&u.options?u.options.length===((c=u==null?void 0:u.optionUIDs)==null?void 0:c.length):!0},{scope:o.scope}),o.acdl&&u&&De(u)}},listeners:()=>[q.on("locale",async()=>{const{sku:e,scope:r}=X.config.getConfig();if(e){const i=await ie(e);q.emit("pdp/data",i,{scope:r})}})]}),_=X.config,{setEndpoint:Be,setFetchGraphQlHeader:We,removeFetchGraphQlHeader:ze,setFetchGraphQlHeaders:Je,getFetchGraphQlHeader:Ye,fetchGraphQl:ce,getConfig:Ze}=new Pe().getMethods(),Ne=`
|
|
3
|
+
import{merge as De,Initializer as Oe}from"@dropins/tools/lib.js";import{events as Y}from"@dropins/tools/event-bus.js";import{PRODUCT_FRAGMENT as ye}from"../fragments.js";import{FetchGraphQL as Se}from"@dropins/tools/fetch-graphql.js";import{s as Ee}from"./getProductConfigurationValues.js";import{s as _e}from"./isProductConfigurationValid.js";function rt(e){const r=new URLSearchParams(window.location.search);Object.entries(e).forEach(([n,t])=>{t===null?r.delete(n):r.set(n,String(t))});let i=window.location.pathname;i+=`?${r.toString()}`,i+=window.location.hash,window.history.replaceState({},"",i)}function ge(){const e=new URLSearchParams(window.location.search),r={};return e.forEach((i,n)=>{r[n]=i}),r}function ke(e=1){const i=(ge()||{}).quantity;if(i){const n=parseInt(i,10);if(!isNaN(n)&&Number.isInteger(n)&&n>0)return n}return e}function Ae(e){var r,i,n,t,s,o,l,a,m,u,f,c;return{productId:Number(e==null?void 0:e.externalId),name:e==null?void 0:e.name,sku:(e==null?void 0:e.variantSku)||(e==null?void 0:e.sku),topLevelSku:e==null?void 0:e.sku,specialToDate:void 0,specialFromDate:void 0,newToDate:void 0,newFromDate:void 0,createdAt:void 0,updatedAt:void 0,manufacturer:void 0,countryOfManufacture:void 0,categories:void 0,productType:e==null?void 0:e.productType,pricing:{regularPrice:((i=(r=e==null?void 0:e.prices)==null?void 0:r.regular)==null?void 0:i.amount)||0,minimalPrice:(t=(n=e==null?void 0:e.prices)==null?void 0:n.final)==null?void 0:t.minimumAmount,maximalPrice:(o=(s=e==null?void 0:e.prices)==null?void 0:s.final)==null?void 0:o.maximumAmount,specialPrice:(a=(l=e==null?void 0:e.prices)==null?void 0:l.final)==null?void 0:a.amount,tierPricing:void 0,currencyCode:((u=(m=e==null?void 0:e.prices)==null?void 0:m.final)==null?void 0:u.currency)||"USD"},canonicalUrl:e==null?void 0:e.url,mainImageUrl:(c=(f=e==null?void 0:e.images)==null?void 0:f[0])==null?void 0:c.url}}const we={PRODUCT_CONTEXT:"productContext",CHANNEL_CONTEXT:"channelContext"},be={PRODUCT_PAGE_VIEW:"product-page-view"};function Ce(){return window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer}function Ue(){return{_id:"https://ns.adobe.com/xdm/channels/web",_type:"https://ns.adobe.com/xdm/channel-types/web"}}function Te(e,r){const i=Ce();i.push({[e]:null}),i.push({[e]:r})}function Ne(){typeof window>"u"||Te(we.CHANNEL_CONTEXT,Ue())}function Ie(e,r){Ce().push(n=>{const t=n.getState?n.getState():{};n.push({event:e,eventInfo:{...t,...r}})})}function ve(e){const r=Ae(e);Te(we.PRODUCT_CONTEXT,r),Ne(),Ie(be.PRODUCT_PAGE_VIEW)}var Z=(e=>(e.ComplexProduct="complex",e.SimpleProduct="simple",e))(Z||{}),pe=(e=>(e.ComplexProductView="ComplexProductView",e.SimpleProductView="SimpleProductView",e))(pe||{});function te(e,r){var o,l,a,m,u,f,c,p,x,O,g,v;const i=((m=(a=(l=(o=e==null?void 0:e.options)==null?void 0:o[0])==null?void 0:l.values)==null?void 0:a[0])==null?void 0:m.__typename)==="ProductViewOptionValueProduct",n=qe(e,i,r==null?void 0:r.preselectFirstOption),t=(e==null?void 0:e.__typename)===pe.SimpleProductView?Z.SimpleProduct:Z.ComplexProduct,s=e?{name:e.name,sku:e.sku,isBundle:i,addToCartAllowed:e.addToCartAllowed,inStock:e.inStock,shortDescription:e.shortDescription,metaDescription:e.metaDescription,metaKeyword:e.metaKeyword,metaTitle:e.metaTitle,description:e.description,images:Ve(e),prices:Qe(e,i,n),attributes:Le(e),options:Fe(Ge(e,i)),optionUIDs:n,url:e.url,urlKey:e.urlKey,externalId:e.externalId,externalParentId:e.externalParentId,variantSku:e.variantSku,productType:t}:null;return De(s,((p=(c=(f=(u=N.getConfig())==null?void 0:u.models)==null?void 0:f.ProductDetails)==null?void 0:c.transformer)==null?void 0:p.call(c,e))??((v=(g=(O=(x=N.getConfig())==null?void 0:x.models)==null?void 0:O.ProductDetails)==null?void 0:g.transform)==null?void 0:v.call(g,e)))}function Fe(e){var i,n,t;if(!e)return;const r=(t=(n=(i=N.getConfig())==null?void 0:i.models)==null?void 0:n.ProductOptions)==null?void 0:t.optionsTransformer;if(!r)return e;try{return r(e)??e}catch(s){return console.error("product-transform: optionsTransformer threw an error, using original options",s),e}}function Ve(e){var r,i;return(i=(r=e.images)==null?void 0:r.filter(n=>{var t;return!((t=n.roles)!=null&&t.includes("hide_from_pdp"))}))==null?void 0:i.map(n=>(n.url=n.url.replace(/^https?:/,""),n))}function Le(e){var r,i;return(i=(r=e.attributes)==null?void 0:r.filter(({roles:n})=>(n==null?void 0:n.indexOf("visible_in_pdp"))!==-1))==null?void 0:i.map(({label:n,value:t,name:s})=>{if(s!=null&&s.startsWith("ac_"))try{let o;typeof t=="string"?o=JSON.parse(t):typeof t=="object"&&(o=t);const l=R(o);return{id:s,label:n,value:JSON.stringify(l)}}catch{return{id:s,label:n,value:t.toString().split(",").join(", ")}}return{id:s,label:n,value:t.toString().split(",").join(", ")}})}function R(e){if(Array.isArray(e))return e.map(R);if(e!==null&&typeof e=="object"){const r={};for(const[i,n]of Object.entries(e)){let t=i;i==="validation_rule"?t="validationRule":i==="min_length"?t="minLength":i==="max_length"?t="maxLength":i==="purchase_separately"&&(t="purchaseSeparately"),r[t]=R(n)}return r}return e}function Ge(e,r){const{options:i,optionUIDs:n}=e;return i==null?void 0:i.map(({id:t,title:s,required:o,multi:l,values:a})=>{var f,c;const m=(f=a==null?void 0:a[0])==null?void 0:f.__typename;let u=(c=a==null?void 0:a[0])==null?void 0:c.type;return u?u=u.replace("COLOR_HEX","color").replace("TEXT","text").replace("IMAGE","image"):u="dropdown",{id:t,type:u,typename:m,label:s,required:o,multiple:l,items:r?Me(a,n):$e(a,n,u)}})}function Me(e,r){return e==null?void 0:e.filter(({enabled:i})=>typeof i>"u"||i).map(({id:i,title:n,inStock:t,isDefault:s,product:o})=>({id:i,inStock:t,label:n,selected:(r==null?void 0:r.indexOf(i))>-1||s,value:i,product:o}))}function $e(e,r,i){return e==null?void 0:e.map(({id:n,title:t,inStock:s,value:o})=>({id:n,inStock:s,label:t,selected:(r==null?void 0:r.indexOf(n))>-1,value:(i==null?void 0:i.toLowerCase())==="dropdown"?n:o==null?void 0:o.replace(/^https?:/,"")}))}function Qe(e,r,i){var v,ne,re,ie,se;const{price:n,priceRange:t,options:s,optionUIDs:o=i}=e;let{__typename:l}=e;function a(){var D,h,y,C,T,S,E,_,k,A;const w=(h=(D=n==null?void 0:n.regular)==null?void 0:D.amount)==null?void 0:h.value,d=((C=(y=n==null?void 0:n.final)==null?void 0:y.amount)==null?void 0:C.value)??((S=(T=n==null?void 0:n.regular)==null?void 0:T.amount)==null?void 0:S.value),P=((_=(E=n==null?void 0:n.regular)==null?void 0:E.amount)==null?void 0:_.currency)==="NONE"?"USD":(A=(k=n==null?void 0:n.regular)==null?void 0:k.amount)==null?void 0:A.currency;return[w,d,d,P]}function m(){var h,y,C,T,S,E,_,k,A,F,V,L,G,M,$,Q,q,H,j,X,K;const w=(C=(y=(h=t==null?void 0:t.minimum)==null?void 0:h.final)==null?void 0:y.amount)==null?void 0:C.value,d=(E=(S=(T=t==null?void 0:t.maximum)==null?void 0:T.final)==null?void 0:S.amount)==null?void 0:E.value;let P;((A=(k=(_=t==null?void 0:t.minimum)==null?void 0:_.regular)==null?void 0:k.amount)==null?void 0:A.value)===((L=(V=(F=t==null?void 0:t.maximum)==null?void 0:F.regular)==null?void 0:V.amount)==null?void 0:L.value)&&(P=($=(M=(G=t==null?void 0:t.minimum)==null?void 0:G.regular)==null?void 0:M.amount)==null?void 0:$.value);const D=((H=(q=(Q=t==null?void 0:t.minimum)==null?void 0:Q.final)==null?void 0:q.amount)==null?void 0:H.currency)==="NONE"?"USD":(K=(X=(j=t==null?void 0:t.minimum)==null?void 0:j.final)==null?void 0:X.amount)==null?void 0:K.currency;return[P,w,d,D]}function u(){var C,T,S,E,_,k,A,F,V,L,G,M,$,Q,q,H,j,X,K,oe,ae,ue,le,me;let w=0,d=0;s==null||s.forEach(I=>{var ce;const J=I==null?void 0:I.values;if(J&&Array.isArray(J)){const U=J.map(b=>{var B,W,fe,de;return(de=(fe=(W=(B=b==null?void 0:b.product)==null?void 0:B.price)==null?void 0:W.regular)==null?void 0:fe.amount)==null?void 0:de.value}).filter(b=>b!==void 0),z=U.length>0?Math.max(...U):0;w+=z}(ce=I==null?void 0:I.values)==null||ce.forEach(U=>{var z,b,B,W;o!=null&&o.includes(U.id)&&(d+=(W=(B=(b=(z=U==null?void 0:U.product)==null?void 0:z.price)==null?void 0:b.final)==null?void 0:B.amount)==null?void 0:W.value)})});const P=(S=(T=(C=t==null?void 0:t.minimum)==null?void 0:C.final)==null?void 0:T.amount)==null?void 0:S.value,D=(k=(_=(E=t==null?void 0:t.maximum)==null?void 0:E.final)==null?void 0:_.amount)==null?void 0:k.value;let h;((V=(F=(A=t==null?void 0:t.minimum)==null?void 0:A.regular)==null?void 0:F.amount)==null?void 0:V.value)===((M=(G=(L=t==null?void 0:t.maximum)==null?void 0:L.regular)==null?void 0:G.amount)==null?void 0:M.value)&&(h=(q=(Q=($=t==null?void 0:t.minimum)==null?void 0:$.regular)==null?void 0:Q.amount)==null?void 0:q.value);const y=((X=(j=(H=t==null?void 0:t.minimum)==null?void 0:H.final)==null?void 0:j.amount)==null?void 0:X.currency)==="NONE"?"USD":(ae=(oe=(K=t==null?void 0:t.minimum)==null?void 0:K.final)==null?void 0:oe.amount)==null?void 0:ae.currency;return r&&(o==null?void 0:o.length)<1?[h,P,D,y]:w===((me=(le=(ue=t==null?void 0:t.maximum)==null?void 0:ue.regular)==null?void 0:le.amount)==null?void 0:me.value)?[d,d,d,y]:[h,P,D,y]}const[f,c,p,x]=l==="SimpleProductView"?a():r?u():m(),O=l==="SimpleProductView"?(v=n==null?void 0:n.roles)==null?void 0:v.includes("visible"):((re=(ne=t==null?void 0:t.maximum)==null?void 0:ne.roles)==null?void 0:re.includes("visible"))&&((se=(ie=t==null?void 0:t.minimum)==null?void 0:ie.roles)==null?void 0:se.includes("visible"));function g(w){return!w||!Array.isArray(w)?[]:w.map(d=>{var P,D,h,y,C,T;return{tier:{amount:(D=(P=d.tier)==null?void 0:P.amount)==null?void 0:D.value,currency:((y=(h=d.tier)==null?void 0:h.amount)==null?void 0:y.currency)||x},quantity:((C=d.quantity[0])==null?void 0:C.gte)||((T=d.quantity[0])==null?void 0:T.lt)||0}}).sort((d,P)=>d.quantity-P.quantity)}return p&&c===p?{regular:{amount:f,currency:x,variant:f&&c!==f?"strikethrough":"default"},final:{amount:p,currency:x,variant:"default"},tiers:g(n==null?void 0:n.tiers),visible:O}:{final:{minimumAmount:c,maximumAmount:p,currency:x},tiers:g(n==null?void 0:n.tiers),visible:O}}function qe(e,r,i){var n;return r?((n=e==null?void 0:e.options)==null?void 0:n.map(({values:s})=>{var a,m;const o=((a=s==null?void 0:s.find(({isDefault:u})=>u))==null?void 0:a.id)??null,l=i?(m=s[0])==null?void 0:m.id:null;return o||l})).filter(s=>s!==null):e==null?void 0:e.optionUIDs}const ee=new Oe({init:async e=>{var l,a,m;const r=(a=(l=e==null?void 0:e.models)==null?void 0:l.ProductDetails)==null?void 0:a.initialData,n=((m=(ge()||{}).optionsUIDs)==null?void 0:m.split(","))||(r==null?void 0:r.optionsUIDs),t=ke(1),o={...{defaultLocale:"en-US",globalLocale:"en-US",persistURLParams:!1,acdl:!1,optionsUIDs:n},...e};if(ee.config.setConfig({...o}),o!=null&&o.sku){const u=r?te(r):await he(o.sku,{preselectFirstOption:o.preselectFirstOption});Y.emit("pdp/data",u,{scope:o.scope});const f={sku:o.sku,quantity:t,optionsUIDs:u==null?void 0:u.optionUIDs};Ee(()=>({...f}),{scope:o.scope}),_e(()=>{var c;return u!=null&&u.options?u.options.length===((c=u==null?void 0:u.optionUIDs)==null?void 0:c.length):!0},{scope:o.scope}),o.acdl&&u&&ve(u)}},listeners:()=>[Y.on("locale",async()=>{const{sku:e,scope:r}=ee.config.getConfig();if(e){const i=await he(e);Y.emit("pdp/data",i,{scope:r})}})]}),N=ee.config,{setEndpoint:it,setFetchGraphQlHeader:st,removeFetchGraphQlHeader:ot,setFetchGraphQlHeaders:at,getFetchGraphQlHeader:ut,fetchGraphQl:xe,getConfig:lt}=new Se().getMethods(),He=`
|
|
4
4
|
query GET_PRODUCT_DATA($skus: [String]) {
|
|
5
5
|
products(skus: $skus) {
|
|
6
6
|
...PRODUCT_FRAGMENT
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
${
|
|
11
|
-
`,
|
|
10
|
+
${ye}
|
|
11
|
+
`,je=async(e,r,i)=>{var s;const{data:n}=await xe(He,{method:"GET",variables:{skus:[e]}}),t=(s=n==null?void 0:n.products)==null?void 0:s[0];return r!=null&&r.optionsUIDs&&(t.optionUIDs=r.optionsUIDs),t?i?t:te(t,{preselectFirstOption:r==null?void 0:r.preselectFirstOption}):null},Xe=`
|
|
12
12
|
query REFINE_PRODUCT_QUERY(
|
|
13
13
|
$optionIds: [String!]!
|
|
14
14
|
$sku: String!
|
|
@@ -29,8 +29,8 @@ query REFINE_PRODUCT_QUERY(
|
|
|
29
29
|
# %extendedPlaceholder%
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
${
|
|
33
|
-
`;async function
|
|
32
|
+
${ye}
|
|
33
|
+
`;async function Pe(e,r){const i=Be(r),n=We(i,e),t=Xe.replace("# %extendedPlaceholder%",n),{data:s}=await xe(t,{method:"GET",variables:{optionIds:r,sku:e}});return s}const Ke=async(e,r,i,n)=>{var p,x,O;const t=await Pe(e,r);if(!t)return null;let{products:s,refineProduct:o,...l}=t;const a=s==null?void 0:s[0],m=ze(Object.values(l),a.options,i);if(i!=null&&i.length&&o===null){r=Je(m,r,i);const g=await Pe(e,r);o=g==null?void 0:g.refineProduct}const u={...o||a,sku:a.sku,name:a.name,externalParentId:a==null?void 0:a.externalId,options:m,optionUIDs:r,variantSku:(o==null?void 0:o.__typename)==="SimpleProductView"?o==null?void 0:o.sku:void 0},f=n?u:te(u),c=(O=(x=(p=N==null?void 0:N.getConfig())==null?void 0:p.models)==null?void 0:x.ProductDetails)==null?void 0:O.fallbackData;return c?c(a,f):f};function Be(e){if(e.length<2)return[e];const r=[];return e.forEach(i=>{const n=[];e.forEach(t=>{i!==t&&n.push(t)}),r.push(n)}),r}function We(e,r){return e.map((i,n)=>`
|
|
34
34
|
ProductOption${n}: refineProduct(
|
|
35
35
|
optionIds: [
|
|
36
36
|
${i.map(t=>`"${t}"`).join(", ")}
|
|
@@ -43,5 +43,5 @@ ${se}
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
`).join("")}function
|
|
46
|
+
`).join("")}function ze(e,r=[],i){const n=Object.values(e).filter(s=>!!s).reduce((s,o)=>o.options?[...s,...o.options]:[...s],[]),t=new Map(r.map(s=>[s.id,s]));return n.forEach(s=>{i!=null&&i.includes(s.id)||t.set(s.id,s)}),[...t.values()]}function Je(e,r,i){const n=[];let t;return e.forEach(s=>{var o,l,a,m;i.includes(s.id)?t=((l=(o=s.values)==null?void 0:o.find(u=>r.includes(u==null?void 0:u.id)))==null?void 0:l.id)||((a=s.values[0])==null?void 0:a.id):t=(m=s.values[0])==null?void 0:m.id,n.push(t)}),n}const he=async(e,r)=>{const{anchors:i,optionsUIDs:n}=N.getConfig(),{optionsUIDs:t=n,anchors:s=i,preselectFirstOption:o,isBundle:l,skipTransform:a}=r??{};return!l&&t&&t.length>0?await Ke(e,t,s,a):await je(e,{preselectFirstOption:o,optionsUIDs:t},a)};export{xe as a,it as b,N as c,st as d,at as e,he as f,ke as g,ut as h,ee as i,lt as j,je as k,Ke as l,ve as p,ot as r,rt as s,te as t};
|
|
47
47
|
//# sourceMappingURL=fetchProductData.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fetchProductData.js","sources":["/@dropins/storefront-pdp/src/lib/url-params.ts","/@dropins/storefront-pdp/src/data/transforms/acdl-context.ts","/@dropins/storefront-pdp/src/lib/acdl.ts","/@dropins/storefront-pdp/src/data/models/acdl-models.ts","/@dropins/storefront-pdp/src/data/transforms/product-transform.ts","/@dropins/storefront-pdp/src/api/initialize/initialize.ts","/@dropins/storefront-pdp/src/api/fetch-graphql/fetch-graphql.ts","/@dropins/storefront-pdp/src/api/getProductData/graphql/getProductData.graphql.ts","/@dropins/storefront-pdp/src/api/getProductData/getProductData.ts","/@dropins/storefront-pdp/src/api/getRefinedProduct/graphql/RefineProductQuery.graphql.ts","/@dropins/storefront-pdp/src/api/getRefinedProduct/getRefinedProduct.ts","/@dropins/storefront-pdp/src/api/fetchProductData/fetchProductData.ts"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nexport function setUrlParams(\n params: Record<string, string | number | null>\n): void {\n const urlSearchParams = new URLSearchParams(window.location.search);\n\n Object.entries(params).forEach(([key, value]) => {\n if (value === null) {\n urlSearchParams.delete(key);\n } else {\n urlSearchParams.set(key, String(value));\n }\n });\n\n let url = window.location.pathname;\n url += `?${urlSearchParams.toString()}`;\n url += window.location.hash;\n\n window.history.replaceState({}, '', url);\n}\n\nexport function getUrlParams(): Record<string, string> {\n const urlSearchParams = new URLSearchParams(window.location.search);\n const params: Record<string, string> = {};\n\n urlSearchParams.forEach((value, key) => {\n params[key] = value;\n });\n\n return params;\n}\n\nexport function getValidatedQuantityFromUrl(\n defaultQuantity: number = 1\n): number {\n const urlParams = getUrlParams() || {};\n const quantityParam = urlParams.quantity; // 'quantity' is the key\n\n if (quantityParam) {\n const parsedQuantity = parseInt(quantityParam, 10);\n\n if (\n !isNaN(parsedQuantity) &&\n Number.isInteger(parsedQuantity) &&\n parsedQuantity > 0\n ) {\n // Return the valid quantity from the URL\n return parsedQuantity;\n }\n }\n\n // Return the default quantity if the parameter is missing, invalid, or not positive\n return defaultQuantity;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { ProductModel } from '../models';\n\nimport { Product } from '../models/acdl-models';\n\nexport function transformProduct(product: ProductModel): Product {\n return {\n productId: Number(product?.externalId),\n name: product?.name,\n sku: product?.variantSku || product?.sku,\n topLevelSku: product?.sku,\n specialToDate: undefined,\n specialFromDate: undefined,\n newToDate: undefined,\n newFromDate: undefined,\n createdAt: undefined,\n updatedAt: undefined,\n manufacturer: undefined,\n countryOfManufacture: undefined,\n categories: undefined,\n productType: product?.productType,\n pricing: {\n regularPrice: product?.prices?.regular?.amount || 0,\n minimalPrice: product?.prices?.final?.minimumAmount,\n maximalPrice: product?.prices?.final?.maximumAmount,\n specialPrice: product?.prices?.final?.amount,\n tierPricing: undefined,\n currencyCode: product?.prices?.final?.currency || 'USD',\n },\n canonicalUrl: product?.url,\n mainImageUrl: product?.images?.[0]?.url,\n };\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\n/* Publish functions for the Adobe Client Data Layer (ACDL) */\n\nimport { ProductModel } from '../data/models';\nimport { transformProduct } from '../data/transforms/acdl-context';\n\n/**\n * See: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/contexts.ts\n */\nexport const contexts = {\n PRODUCT_CONTEXT: 'productContext',\n CHANNEL_CONTEXT: 'channelContext',\n};\n\n/**\n * See: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/events.ts\n */\nexport const events = {\n PRODUCT_PAGE_VIEW: 'product-page-view',\n};\n\nexport function getAdobeDataLayer() {\n // @ts-ignore\n window.adobeDataLayer = window.adobeDataLayer || [];\n // @ts-ignore\n return window.adobeDataLayer;\n}\n\nexport function getChannelContext() {\n return {\n _id: 'https://ns.adobe.com/xdm/channels/web',\n _type: 'https://ns.adobe.com/xdm/channel-types/web',\n };\n}\n\n/**\n * Sets a context in the Adobe Client Data Layer (ACDL)\n * Logic based on: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/Base.ts#L6\n */\nfunction setContext(name: string, data: any) {\n const adobeDataLayer = getAdobeDataLayer();\n\n // Clear existing context\n adobeDataLayer.push({\n [name]: null,\n });\n\n // Set new context\n adobeDataLayer.push({\n [name]: data,\n });\n}\n\nexport function setChannelContext() {\n if (typeof window === 'undefined') {\n return;\n }\n\n setContext(contexts.CHANNEL_CONTEXT, getChannelContext());\n}\n\n/**\n * Pushes an event to the Adobe Client Data Layer (ACDL)\n * Logic based on: https://github.com/adobe/commerce-events/blob/1973d0ce28471ef190fa06dad6359ffa0ab51db6/packages/storefront-events-sdk/src/Base.ts#L34\n */\nfunction pushEvent(event: string, additionalContext?: any) {\n const adobeDataLayer = getAdobeDataLayer();\n\n adobeDataLayer.push((acdl: any) => {\n const state = acdl.getState ? acdl.getState() : {};\n\n acdl.push({\n event,\n eventInfo: {\n ...state,\n ...additionalContext,\n },\n });\n });\n}\n\n// Triggered when a product page is viewed\nexport function publishProductPageViewEvent(product: ProductModel) {\n const productItem = transformProduct(product);\n setContext(contexts.PRODUCT_CONTEXT, productItem);\n setChannelContext();\n pushEvent(events.PRODUCT_PAGE_VIEW);\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\n/**\n * ACDL Product Types from:\n * https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/types/schemas/product.ts\n */\n\nexport type Product = {\n productId: number;\n name: string;\n sku: string;\n topLevelSku?: string | null;\n specialToDate?: string | null;\n specialFromDate?: string | null;\n newToDate?: string | null;\n newFromDate?: string | null;\n createdAt?: string | null;\n updatedAt?: string | null;\n manufacturer?: string | null;\n countryOfManufacture?: string | null;\n categories?: string[] | null;\n productType?: ProductType;\n pricing?: {\n regularPrice: number;\n minimalPrice?: number;\n maximalPrice?: number;\n specialPrice?: number;\n tierPricing?: {\n customerGroupId?: number | null;\n qty: number;\n value: number;\n }[];\n currencyCode: string | null;\n };\n canonicalUrl?: string | null;\n mainImageUrl?: string | null;\n};\n\nexport enum ProductType {\n ComplexProduct = 'complex',\n SimpleProduct = 'simple'\n}\n\nexport enum ProductViewType {\n ComplexProductView = 'ComplexProductView',\n SimpleProductView = 'SimpleProductView'\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\nimport { merge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/pdp/api';\nimport { ProductModel, Option } from '@/pdp/data/models';\nimport { ProductType, ProductViewType } from '../models/acdl-models';\n\nexport function transformProductData(\n data: any,\n options?: {\n preselectFirstOption?: boolean;\n }\n): ProductModel | null {\n const isBundle =\n data?.options?.[0]?.values?.[0]?.__typename ===\n 'ProductViewOptionValueProduct';\n const optionUIDs = getOptionUIDs(\n data,\n isBundle,\n options?.preselectFirstOption\n );\n const productType =\n data?.__typename === ProductViewType.SimpleProductView\n ? ProductType.SimpleProduct\n : ProductType.ComplexProduct;\n\n const productData = data\n ? ({\n name: data.name,\n sku: data.sku,\n isBundle,\n addToCartAllowed: data.addToCartAllowed,\n inStock: data.inStock,\n shortDescription: data.shortDescription,\n metaDescription: data.metaDescription,\n metaKeyword: data.metaKeyword,\n metaTitle: data.metaTitle,\n description: data.description,\n images: transformImages(data),\n prices: transformPrices(data, isBundle, optionUIDs),\n attributes: transformAttributes(data),\n options: applyOptionsTransformer(transformOptions(data, isBundle)),\n optionUIDs,\n url: data.url,\n urlKey: data.urlKey,\n externalId: data.externalId,\n externalParentId: data.externalParentId,\n variantSku: data.variantSku,\n productType,\n } as ProductModel)\n : null;\n\n // extend the model with custom transformer\n return merge(\n productData,\n config.getConfig()?.models?.ProductDetails?.transformer?.(data) ??\n config.getConfig()?.models?.ProductDetails?.transform?.(data)\n );\n}\n\nfunction applyOptionsTransformer(\n options: Option[] | undefined\n): Option[] | undefined {\n if (!options) return undefined;\n\n const optionsTransformer =\n config.getConfig()?.models?.ProductOptions?.optionsTransformer;\n\n if (!optionsTransformer) {\n return options;\n }\n\n try {\n const transformed = optionsTransformer(options);\n return transformed ?? options;\n } catch (error) {\n console.error(\n 'product-transform: optionsTransformer threw an error, using original options',\n error\n );\n return options;\n }\n}\n\nfunction transformImages(data: any) {\n return data.images\n ?.filter((image: any) => !image.roles?.includes('hide_from_pdp'))\n ?.map((image: any) => {\n // Remove protocol from image URL\n image.url = image.url.replace(/^https?:/, '');\n\n return image;\n });\n}\n\nfunction transformAttributes(data: any) {\n return (\n data.attributes\n // only show attributes that are visible in PDP\n ?.filter(({ roles }: any) => roles?.indexOf('visible_in_pdp') !== -1)\n // transform attribute values\n ?.map(({ label, value, name }: any) => {\n // Special handling for ac_giftcard attribute\n if (name?.startsWith('ac_')) {\n try {\n let parsedValue;\n\n if (typeof value === 'string') {\n parsedValue = JSON.parse(value);\n } else if (typeof value === 'object') {\n parsedValue = value;\n }\n // Transform specific snake_case fields to camelCase\n const transformedValue = transformSnakeToCamel(parsedValue);\n\n return {\n id: name,\n label,\n value: JSON.stringify(transformedValue),\n };\n } catch {\n // If parsing fails, return original value\n return {\n id: name,\n label,\n value: value.toString().split(',').join(', '),\n };\n }\n }\n\n return {\n id: name,\n label,\n value: value.toString().split(',').join(', '),\n };\n })\n );\n}\n\nfunction transformSnakeToCamel(obj: any): any {\n if (Array.isArray(obj)) {\n return obj.map(transformSnakeToCamel);\n }\n\n if (obj !== null && typeof obj === 'object') {\n const transformed: any = {};\n for (const [key, value] of Object.entries(obj)) {\n // Only transform specific snake_case fields to camelCase\n let camelKey = key;\n if (key === 'validation_rule') {\n camelKey = 'validationRule';\n } else if (key === 'min_length') {\n camelKey = 'minLength';\n } else if (key === 'max_length') {\n camelKey = 'maxLength';\n } else if (key === 'purchase_separately') {\n camelKey = 'purchaseSeparately';\n }\n\n transformed[camelKey] = transformSnakeToCamel(value);\n }\n return transformed;\n }\n\n return obj;\n}\n\nfunction transformOptions(data: any, isBundle?: boolean) {\n const { options, optionUIDs } = data;\n\n return options?.map(({ id, title, required, multi, values }: any) => {\n const typename = values?.[0]?.__typename;\n let type: string = values?.[0]?.type;\n\n if (type) {\n type = type\n .replace('COLOR_HEX', 'color')\n .replace('TEXT', 'text')\n .replace('IMAGE', 'image');\n } else {\n type = 'dropdown';\n }\n\n return {\n id,\n type,\n typename,\n label: title,\n required,\n multiple: multi,\n items: isBundle\n ? mapBundleOptionValues(values, optionUIDs)\n : mapOptionValues(values, optionUIDs, type),\n };\n });\n}\n\nfunction mapBundleOptionValues(values: any, optionUIDs: string[]) {\n return values\n ?.filter(({ enabled }: any) => typeof enabled === 'undefined' || enabled)\n .map(({ id, title, inStock, isDefault, product }: any) => {\n return {\n id,\n inStock,\n label: title,\n selected: optionUIDs?.indexOf(id) > -1 || isDefault,\n value: id,\n product,\n };\n });\n}\n\nfunction mapOptionValues(values: any, optionUIDs: string[], type: string) {\n return values?.map(({ id, title, inStock, value }: any) => {\n return {\n id,\n inStock,\n label: title,\n selected: optionUIDs?.indexOf(id) > -1,\n value:\n type?.toLowerCase() === 'dropdown'\n ? id\n : value?.replace(/^https?:/, ''),\n };\n });\n}\n\nfunction transformPrices(\n data: any,\n isBundle: boolean,\n defaultOptionUIDs?: string[]\n) {\n const { price, priceRange, options, optionUIDs = defaultOptionUIDs } = data;\n let { __typename: type } = data;\n\n function getSimpleProductPrices() {\n const regularPrice = price?.regular.amount.value;\n const finalPrice =\n price?.final?.amount.value ?? price?.regular.amount.value;\n\n const currency =\n price?.regular.amount.currency === 'NONE' //temporary fix if there is no currency\n ? 'USD'\n : price?.regular.amount.currency;\n\n return [regularPrice, finalPrice, finalPrice, currency];\n }\n\n function getComplexProductPrices() {\n const finalMinimumPrice = priceRange?.minimum?.final.amount.value;\n const finalMaximumPrice = priceRange?.maximum?.final.amount.value;\n let regularPrice;\n\n if (\n priceRange?.minimum?.regular?.amount.value ===\n priceRange?.maximum?.regular?.amount.value\n ) {\n regularPrice = priceRange?.minimum?.regular?.amount.value;\n }\n\n const currency =\n priceRange?.minimum?.final?.amount.currency === 'NONE'\n ? 'USD'\n : priceRange?.minimum?.final?.amount.currency;\n\n return [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n }\n\n function getBundleProductPrice() {\n // Currently the Catalog Service does not have support for the individual prices of the options of a fixed bundle,\n // so the price used in UI is taken from the priceRange object.\n\n // The dynamic bundle has full support in Catalog Service.\n // If there are pre-selected values of the option, then the starting price is the sum of those and\n // after each selection, the price is updated with the sum of prices for the selected options.\n // This is not supported by default and needs to be updated in the drop-in upon each selection.\n\n let maxSumRegular = 0;\n let bundlePrice = 0;\n options?.forEach((option: any) => {\n const values = option?.values;\n if (values && Array.isArray(values)) {\n const regularAmounts = values\n .map((value) => value?.product?.price?.regular?.amount?.value)\n .filter((amount) => amount !== undefined);\n\n const maxRegularAmount =\n regularAmounts.length > 0 ? Math.max(...regularAmounts) : 0;\n maxSumRegular += maxRegularAmount;\n }\n option?.values?.forEach((value: any) => {\n if (optionUIDs?.includes(value.id)) {\n bundlePrice += value?.product?.price?.final?.amount?.value;\n }\n });\n });\n\n const finalMinimumPrice = priceRange?.minimum?.final.amount.value;\n const finalMaximumPrice = priceRange?.maximum?.final.amount.value;\n let regularPrice;\n\n if (\n priceRange?.minimum?.regular?.amount.value ===\n priceRange?.maximum?.regular?.amount.value\n ) {\n regularPrice = priceRange?.minimum?.regular?.amount.value;\n }\n\n const currency =\n priceRange?.minimum?.final?.amount.currency === 'NONE'\n ? 'USD'\n : priceRange?.minimum?.final?.amount.currency;\n\n if (isBundle && optionUIDs?.length < 1) {\n return [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n }\n\n return maxSumRegular === priceRange?.maximum?.regular.amount.value\n ? [bundlePrice, bundlePrice, bundlePrice, currency]\n : [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n }\n\n const [regularPrice, finalMinimumPrice, finalMaximumPrice, currency] =\n type === 'SimpleProductView'\n ? getSimpleProductPrices()\n : isBundle\n ? getBundleProductPrice()\n : getComplexProductPrices();\n\n const visible =\n type === 'SimpleProductView'\n ? price?.roles?.includes('visible')\n : priceRange?.maximum?.roles?.includes('visible') &&\n priceRange?.minimum?.roles?.includes('visible');\n\n function transformTiers(tiers: any[]): any[] {\n if (!tiers || !Array.isArray(tiers)) {\n return [];\n }\n\n return tiers\n .map((tier) => ({\n tier: {\n amount: tier.tier?.amount?.value,\n currency: tier.tier?.amount?.currency || currency,\n },\n quantity: tier.quantity[0]?.gte || tier.quantity[0]?.lt || 0,\n }))\n .sort((a, b) => a.quantity - b.quantity);\n }\n\n if (finalMaximumPrice && finalMinimumPrice === finalMaximumPrice) {\n const hasDiscount = regularPrice && finalMinimumPrice !== regularPrice;\n\n return {\n regular: {\n amount: regularPrice,\n currency,\n variant: hasDiscount ? 'strikethrough' : 'default',\n },\n final: {\n amount: finalMaximumPrice,\n currency,\n variant: 'default',\n },\n tiers: transformTiers(price?.tiers),\n visible,\n };\n }\n\n return {\n final: {\n minimumAmount: finalMinimumPrice,\n maximumAmount: finalMaximumPrice,\n currency,\n },\n tiers: transformTiers(price?.tiers),\n visible,\n };\n}\n\nfunction getOptionUIDs(\n data: any,\n isBundle?: boolean,\n preselectFirstOption?: boolean\n): string[] {\n if (isBundle) {\n const selections: Array<string | null> = data?.options?.map(\n ({ values }: any) => {\n const defaultSelection =\n values?.find(({ isDefault }: any) => isDefault)?.id ?? null;\n const preselectedFirstOption = preselectFirstOption\n ? values[0]?.id\n : null;\n return defaultSelection || preselectedFirstOption;\n }\n );\n\n return selections.filter((selection) => selection !== null) as string[];\n }\n\n return data?.optionUIDs;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { Initializer } from '@adobe-commerce/elsie/lib';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { ProductModel, Option } from '@/pdp/data/models';\nimport {\n fetchProductData,\n setProductConfigurationValid,\n setProductConfigurationValues,\n} from '@/pdp/api';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n getUrlParams,\n getValidatedQuantityFromUrl,\n} from '@/pdp/lib/url-params';\nimport { publishProductPageViewEvent } from '@/pdp/lib/acdl';\nimport { transformProductData } from '@/pdp/data/transforms/product-transform';\n\nexport type OptionsTransformer = (options: Option[]) => Option[];\n\ntype ModelConfig = {\n initialData?: any;\n /** @deprecated Use \"transformer\" instead */\n transform?: (data?: ProductModel) => ProductModel;\n transformer?: (data?: ProductModel) => ProductModel;\n fallbackData?: (\n parentProduct: any,\n simpleProduct: ProductModel\n ) => ProductModel;\n};\n\ntype ProductOptionsConfig = {\n optionsTransformer?: OptionsTransformer;\n};\n\ntype ConfigProps = {\n scope?: string;\n langDefinitions?: Lang;\n defaultLocale?: string;\n globalLocale?: string;\n sku?: string;\n acdl?: boolean;\n anchors?: string[];\n persistURLParams?: boolean;\n preselectFirstOption?: boolean;\n optionsUIDs?: string[];\n models?: {\n ProductDetails?: ModelConfig;\n ProductOptions?: ProductOptionsConfig;\n [name: string]: ModelConfig | ProductOptionsConfig | undefined;\n };\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n init: async (_config) => {\n const initialData = _config?.models?.ProductDetails?.initialData;\n\n // Get URL parameters safely\n const urlParams = getUrlParams() || {};\n\n // Get optionsUIDs from URL params or config\n const optionsUIDs =\n urlParams.optionsUIDs?.split(',') || initialData?.optionsUIDs;\n\n // Get and validate quantity from URL params\n const initialQuantity = getValidatedQuantityFromUrl(1); // Default quantity to 1 - Ensures backward compatibility\n\n // Set default config\n const defaultConfig: ConfigProps = {\n defaultLocale: 'en-US',\n globalLocale: 'en-US',\n persistURLParams: false,\n acdl: false,\n optionsUIDs,\n };\n\n const config = { ...defaultConfig, ..._config };\n\n initialize.config.setConfig({ ...config });\n\n if (config?.sku) {\n // Get PDP data\n const data = initialData\n ? transformProductData(initialData)\n : await fetchProductData(config.sku, {\n preselectFirstOption: config.preselectFirstOption,\n });\n\n // Emit PDP initial data\n events.emit('pdp/data', data, { scope: config.scope });\n\n // Set default values for product configuration\n const defaultValues = {\n sku: config.sku,\n quantity: initialQuantity, // Use the determined quantity from URL params or default to 1\n optionsUIDs: data?.optionUIDs,\n };\n\n setProductConfigurationValues(() => ({ ...defaultValues }), {\n scope: config.scope,\n });\n\n setProductConfigurationValid(\n () => {\n // configurable product, check if all options are selected\n if (data?.options) {\n // all selections should be made\n return data.options.length === data?.optionUIDs?.length;\n }\n\n // simple product\n return true;\n },\n { scope: config.scope }\n );\n\n // Publish ACDL event\n if (config.acdl && data) {\n publishProductPageViewEvent(data);\n }\n }\n },\n\n listeners: () => [\n events.on('locale', async () => {\n const { sku, scope } = initialize.config.getConfig();\n\n if (sku) {\n const next = await fetchProductData(sku);\n events.emit('pdp/data', next, { scope });\n }\n }),\n ],\n});\n\nexport const config = initialize.config;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n setEndpoint,\n setFetchGraphQlHeader,\n removeFetchGraphQlHeader,\n setFetchGraphQlHeaders,\n getFetchGraphQlHeader,\n fetchGraphQl,\n getConfig,\n} = new FetchGraphQL().getMethods();\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_FRAGMENT } from '@/pdp/api/graphql/ProductFragment.graphql';\n\nexport const GET_PRODUCT_DATA = `\nquery GET_PRODUCT_DATA($skus: [String]) {\n products(skus: $skus) {\n ...PRODUCT_FRAGMENT\n }\n}\n\n${PRODUCT_FRAGMENT}\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { fetchGraphQl } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms';\nimport { GET_PRODUCT_DATA } from './graphql/getProductData.graphql';\n\nexport const getProductData = async (\n sku: string,\n options?: {\n preselectFirstOption?: boolean;\n optionsUIDs?: string[];\n },\n raw?: boolean\n): Promise<ProductModel | null> => {\n const { data } = await fetchGraphQl(GET_PRODUCT_DATA, {\n method: 'GET',\n variables: { skus: [sku] },\n });\n\n const product = data?.products?.[0];\n\n // If optionsUIDs are provided, override the optionsUIDs from the response\n if (options?.optionsUIDs) {\n product.optionUIDs = options.optionsUIDs;\n }\n\n if (!product) {\n return null;\n }\n return raw\n ? product\n : transformProductData(product, {\n preselectFirstOption: options?.preselectFirstOption,\n });\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_FRAGMENT } from '@/pdp/api/graphql/ProductFragment.graphql';\n\nexport const REFINE_PRODUCT_QUERY = `\nquery REFINE_PRODUCT_QUERY(\n $optionIds: [String!]!\n $sku: String!\n) {\n # Refined Product\n refineProduct(\n optionIds: $optionIds \n sku: $sku\n ) {\n ...PRODUCT_FRAGMENT\n }\n\n # Parent Product\n products(skus: [$sku]) {\n ...PRODUCT_FRAGMENT\n }\n\n # %extendedPlaceholder%\n}\n\n${PRODUCT_FRAGMENT}\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { fetchGraphQl, config } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms';\nimport { REFINE_PRODUCT_QUERY } from './graphql/RefineProductQuery.graphql';\n\nasync function getProductData(sku: string, optionUIDs: string[]): Promise<any> {\n const optionPairCombinations = getPairCombination(optionUIDs);\n const optionQueries = getProductOptionQuery(optionPairCombinations, sku);\n\n const mergedQueries = REFINE_PRODUCT_QUERY.replace(\n '# %extendedPlaceholder%',\n optionQueries\n );\n\n const { data } = await fetchGraphQl(mergedQueries, {\n method: 'GET',\n variables: { optionIds: optionUIDs, sku },\n });\n return data;\n}\n\nexport const getRefinedProduct = async (\n sku: string,\n optionUIDs: string[],\n anchorOptions?: string[],\n raw?: boolean\n): Promise<ProductModel | null> => {\n const data = await getProductData(sku, optionUIDs);\n if (!data) return null;\n\n let { products, refineProduct, ...refinedOptions } = data;\n\n const parent = products?.[0];\n\n const options = mergeRefinedOptions(\n Object.values(refinedOptions),\n parent.options,\n anchorOptions\n );\n\n // needed when anchor options exist\n if (anchorOptions?.length && refineProduct === null) {\n optionUIDs = updateSelections(options, optionUIDs, anchorOptions);\n const updatedRefinedData = await getProductData(sku, optionUIDs);\n refineProduct = updatedRefinedData?.refineProduct;\n }\n\n const response = {\n ...(refineProduct || parent),\n sku: parent.sku,\n name: parent.name,\n externalParentId: parent?.externalId,\n options,\n optionUIDs,\n variantSku:\n refineProduct?.__typename === 'SimpleProductView'\n ? refineProduct?.sku\n : undefined,\n };\n\n const refinedData = raw ? response : transformProductData(response);\n\n const fallback = config?.getConfig()?.models?.ProductDetails?.fallbackData;\n\n if (fallback) {\n return fallback(parent, refinedData!);\n }\n\n return refinedData;\n};\n\nfunction getPairCombination(arr: string[]): string[][] {\n if (arr.length < 2) {\n return [arr];\n }\n\n const result: string[][] = [];\n\n arr.forEach((item) => {\n const temp: string[] = [];\n\n arr.forEach((item2) => {\n if (item !== item2) {\n temp.push(item2);\n }\n });\n\n result.push(temp);\n });\n\n return result;\n}\n\nfunction getProductOptionQuery(optionUIDs: string[][], sku: string): string {\n return optionUIDs\n .map((ids: string[], i: number) => {\n return `\n ProductOption${i}: refineProduct(\n optionIds: [\n ${ids.map((id) => `\"${id}\"`).join(', ')}\n ]\n sku: \"${sku}\"\n ) {\n ... on ComplexProductView {\n options {\n ...PRODUCT_OPTION_FRAGMENT\n }\n }\n }\n `;\n })\n .join('');\n}\n\nfunction mergeRefinedOptions(\n options: {},\n parent: [] = [],\n anchorOptions?: string[]\n) {\n // flat _refined[].options[] to _refinedOptions[]\n const refinedOptions: any = Object.values(options)\n .filter((x) => !!x)\n .reduce((acc: any, curr: any) => {\n if (!curr.options) return [...acc];\n\n return [...acc, ...curr.options];\n }, []);\n\n // Create a map to store items by their id from original\n const map = new Map(parent.map((item: any) => [item.id, item]));\n\n // Iterate through refinedOptions and merge items\n refinedOptions.forEach((current: any) => {\n // anchor options should display all values, so no merge is performed\n if (anchorOptions?.includes(current.id)) {\n return;\n }\n\n map.set(current.id, current);\n });\n\n return [...map.values()];\n}\n\nfunction updateSelections(\n options: any[],\n optionsUIDs: string[],\n anchorOptions: string[]\n): string[] {\n const updatedOptionsUIDs: string[] = [];\n\n let optionValue: string;\n options.forEach((option: any) => {\n if (anchorOptions.includes(option.id)) {\n optionValue =\n option.values?.find((value: any) => optionsUIDs.includes(value?.id))\n ?.id || option.values[0]?.id;\n } else {\n optionValue = option.values[0]?.id; // TODO check if we should use default value instead\n }\n updatedOptionsUIDs.push(optionValue);\n });\n return updatedOptionsUIDs;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { getProductData, getRefinedProduct, config } from '@/pdp/api';\n\nexport type Options = {\n anchors?: string[];\n optionsUIDs?: string[];\n preselectFirstOption?: boolean;\n isBundle?: boolean;\n skipTransform?: boolean;\n};\n\nexport const fetchProductData = async (sku: string, options?: Options) => {\n // Get the default configuration values\n const { anchors: defaultAnchors, optionsUIDs: defaultOptionsUIDs } =\n config.getConfig();\n\n // Destructure the options object\n const {\n optionsUIDs = defaultOptionsUIDs,\n anchors = defaultAnchors,\n preselectFirstOption,\n isBundle,\n skipTransform,\n } = options ?? {};\n\n // ❗️ Warning ❗️\n // If we have default selections, but we cannot determine that the product is of type bundle, then the response is going to result in null objects and error(s).\n // Only the `products` object will be populated correctly, the `ProductOption${i}` and `refinedProduct` will be set as null.\n // This does not affect the UI, but the error message(s) can be detected by 3rd party tools that the client might be using.\n // This is accepted as a known behaviour, since a bundle product does not have variants.\n // However, if initialData is passed from the integration layer, then we can determine if the product is a bundle and set the isBundle flag accordingly.\n return !isBundle && optionsUIDs && optionsUIDs.length > 0\n ? await getRefinedProduct(sku, optionsUIDs, anchors, skipTransform)\n : await getProductData(\n sku,\n {\n preselectFirstOption,\n optionsUIDs,\n },\n skipTransform\n );\n};\n"],"names":["setUrlParams","params","urlSearchParams","key","value","url","getUrlParams","getValidatedQuantityFromUrl","defaultQuantity","quantityParam","parsedQuantity","transformProduct","product","_b","_a","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","contexts","events","getAdobeDataLayer","getChannelContext","setContext","name","data","adobeDataLayer","setChannelContext","pushEvent","event","additionalContext","acdl","state","publishProductPageViewEvent","productItem","ProductType","ProductViewType","transformProductData","options","isBundle","optionUIDs","getOptionUIDs","productType","productData","transformImages","transformPrices","transformAttributes","applyOptionsTransformer","transformOptions","merge","config","optionsTransformer","error","image","roles","label","parsedValue","transformedValue","transformSnakeToCamel","obj","transformed","camelKey","id","title","required","multi","values","typename","type","mapBundleOptionValues","mapOptionValues","enabled","inStock","isDefault","defaultOptionUIDs","price","priceRange","getSimpleProductPrices","regularPrice","finalPrice","currency","getComplexProductPrices","finalMinimumPrice","finalMaximumPrice","getBundleProductPrice","maxSumRegular","bundlePrice","option","regularAmounts","amount","maxRegularAmount","_m","visible","transformTiers","tiers","tier","a","b","preselectFirstOption","defaultSelection","preselectedFirstOption","selection","initialize","Initializer","_config","initialData","optionsUIDs","initialQuantity","fetchProductData","defaultValues","setProductConfigurationValues","setProductConfigurationValid","sku","scope","next","setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","getFetchGraphQlHeader","fetchGraphQl","getConfig","FetchGraphQL","GET_PRODUCT_DATA","PRODUCT_FRAGMENT","getProductData","raw","REFINE_PRODUCT_QUERY","optionPairCombinations","getPairCombination","optionQueries","getProductOptionQuery","mergedQueries","getRefinedProduct","anchorOptions","products","refineProduct","refinedOptions","parent","mergeRefinedOptions","updateSelections","updatedRefinedData","response","refinedData","fallback","arr","result","item","temp","item2","ids","i","x","acc","curr","map","current","updatedOptionsUIDs","optionValue","defaultAnchors","defaultOptionsUIDs","anchors","skipTransform"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fetchProductData.js","sources":["/@dropins/storefront-pdp/src/lib/url-params.ts","/@dropins/storefront-pdp/src/data/transforms/acdl-context.ts","/@dropins/storefront-pdp/src/lib/acdl.ts","/@dropins/storefront-pdp/src/data/models/acdl-models.ts","/@dropins/storefront-pdp/src/data/transforms/product-transform.ts","/@dropins/storefront-pdp/src/api/initialize/initialize.ts","/@dropins/storefront-pdp/src/api/fetch-graphql/fetch-graphql.ts","/@dropins/storefront-pdp/src/api/getProductData/graphql/getProductData.graphql.ts","/@dropins/storefront-pdp/src/api/getProductData/getProductData.ts","/@dropins/storefront-pdp/src/api/getRefinedProduct/graphql/RefineProductQuery.graphql.ts","/@dropins/storefront-pdp/src/api/getRefinedProduct/getRefinedProduct.ts","/@dropins/storefront-pdp/src/api/fetchProductData/fetchProductData.ts"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nexport function setUrlParams(\n params: Record<string, string | number | null>\n): void {\n const urlSearchParams = new URLSearchParams(window.location.search);\n\n Object.entries(params).forEach(([key, value]) => {\n if (value === null) {\n urlSearchParams.delete(key);\n } else {\n urlSearchParams.set(key, String(value));\n }\n });\n\n let url = window.location.pathname;\n url += `?${urlSearchParams.toString()}`;\n url += window.location.hash;\n\n window.history.replaceState({}, '', url);\n}\n\nexport function getUrlParams(): Record<string, string> {\n const urlSearchParams = new URLSearchParams(window.location.search);\n const params: Record<string, string> = {};\n\n urlSearchParams.forEach((value, key) => {\n params[key] = value;\n });\n\n return params;\n}\n\nexport function getValidatedQuantityFromUrl(\n defaultQuantity: number = 1\n): number {\n const urlParams = getUrlParams() || {};\n const quantityParam = urlParams.quantity; // 'quantity' is the key\n\n if (quantityParam) {\n const parsedQuantity = parseInt(quantityParam, 10);\n\n if (\n !isNaN(parsedQuantity) &&\n Number.isInteger(parsedQuantity) &&\n parsedQuantity > 0\n ) {\n // Return the valid quantity from the URL\n return parsedQuantity;\n }\n }\n\n // Return the default quantity if the parameter is missing, invalid, or not positive\n return defaultQuantity;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { ProductModel } from '../models';\n\nimport { Product } from '../models/acdl-models';\n\nexport function transformProduct(product: ProductModel): Product {\n return {\n productId: Number(product?.externalId),\n name: product?.name,\n sku: product?.variantSku || product?.sku,\n topLevelSku: product?.sku,\n specialToDate: undefined,\n specialFromDate: undefined,\n newToDate: undefined,\n newFromDate: undefined,\n createdAt: undefined,\n updatedAt: undefined,\n manufacturer: undefined,\n countryOfManufacture: undefined,\n categories: undefined,\n productType: product?.productType,\n pricing: {\n regularPrice: product?.prices?.regular?.amount || 0,\n minimalPrice: product?.prices?.final?.minimumAmount,\n maximalPrice: product?.prices?.final?.maximumAmount,\n specialPrice: product?.prices?.final?.amount,\n tierPricing: undefined,\n currencyCode: product?.prices?.final?.currency || 'USD',\n },\n canonicalUrl: product?.url,\n mainImageUrl: product?.images?.[0]?.url,\n };\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\n/* Publish functions for the Adobe Client Data Layer (ACDL) */\n\nimport { ProductModel } from '../data/models';\nimport { transformProduct } from '../data/transforms/acdl-context';\n\n/**\n * See: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/contexts.ts\n */\nexport const contexts = {\n PRODUCT_CONTEXT: 'productContext',\n CHANNEL_CONTEXT: 'channelContext',\n};\n\n/**\n * See: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/events.ts\n */\nexport const events = {\n PRODUCT_PAGE_VIEW: 'product-page-view',\n};\n\nexport function getAdobeDataLayer() {\n // @ts-ignore\n window.adobeDataLayer = window.adobeDataLayer || [];\n // @ts-ignore\n return window.adobeDataLayer;\n}\n\nexport function getChannelContext() {\n return {\n _id: 'https://ns.adobe.com/xdm/channels/web',\n _type: 'https://ns.adobe.com/xdm/channel-types/web',\n };\n}\n\n/**\n * Sets a context in the Adobe Client Data Layer (ACDL)\n * Logic based on: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/Base.ts#L6\n */\nfunction setContext(name: string, data: any) {\n const adobeDataLayer = getAdobeDataLayer();\n\n // Clear existing context\n adobeDataLayer.push({\n [name]: null,\n });\n\n // Set new context\n adobeDataLayer.push({\n [name]: data,\n });\n}\n\nexport function setChannelContext() {\n if (typeof window === 'undefined') {\n return;\n }\n\n setContext(contexts.CHANNEL_CONTEXT, getChannelContext());\n}\n\n/**\n * Pushes an event to the Adobe Client Data Layer (ACDL)\n * Logic based on: https://github.com/adobe/commerce-events/blob/1973d0ce28471ef190fa06dad6359ffa0ab51db6/packages/storefront-events-sdk/src/Base.ts#L34\n */\nfunction pushEvent(event: string, additionalContext?: any) {\n const adobeDataLayer = getAdobeDataLayer();\n\n adobeDataLayer.push((acdl: any) => {\n const state = acdl.getState ? acdl.getState() : {};\n\n acdl.push({\n event,\n eventInfo: {\n ...state,\n ...additionalContext,\n },\n });\n });\n}\n\n// Triggered when a product page is viewed\nexport function publishProductPageViewEvent(product: ProductModel) {\n const productItem = transformProduct(product);\n setContext(contexts.PRODUCT_CONTEXT, productItem);\n setChannelContext();\n pushEvent(events.PRODUCT_PAGE_VIEW);\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\n/**\n * ACDL Product Types from:\n * https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/types/schemas/product.ts\n */\n\nexport type Product = {\n productId: number;\n name: string;\n sku: string;\n topLevelSku?: string | null;\n specialToDate?: string | null;\n specialFromDate?: string | null;\n newToDate?: string | null;\n newFromDate?: string | null;\n createdAt?: string | null;\n updatedAt?: string | null;\n manufacturer?: string | null;\n countryOfManufacture?: string | null;\n categories?: string[] | null;\n productType?: ProductType;\n pricing?: {\n regularPrice: number;\n minimalPrice?: number;\n maximalPrice?: number;\n specialPrice?: number;\n tierPricing?: {\n customerGroupId?: number | null;\n qty: number;\n value: number;\n }[];\n currencyCode: string | null;\n };\n canonicalUrl?: string | null;\n mainImageUrl?: string | null;\n};\n\nexport enum ProductType {\n ComplexProduct = 'complex',\n SimpleProduct = 'simple'\n}\n\nexport enum ProductViewType {\n ComplexProductView = 'ComplexProductView',\n SimpleProductView = 'SimpleProductView'\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\nimport { merge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/pdp/api';\nimport { ProductModel, Option } from '@/pdp/data/models';\nimport { ProductType, ProductViewType } from '../models/acdl-models';\n\nexport function transformProductData(\n data: any,\n options?: {\n preselectFirstOption?: boolean;\n }\n): ProductModel | null {\n const isBundle =\n data?.options?.[0]?.values?.[0]?.__typename ===\n 'ProductViewOptionValueProduct';\n const optionUIDs = getOptionUIDs(\n data,\n isBundle,\n options?.preselectFirstOption\n );\n const productType =\n data?.__typename === ProductViewType.SimpleProductView\n ? ProductType.SimpleProduct\n : ProductType.ComplexProduct;\n\n const productData = data\n ? ({\n name: data.name,\n sku: data.sku,\n isBundle,\n addToCartAllowed: data.addToCartAllowed,\n inStock: data.inStock,\n shortDescription: data.shortDescription,\n metaDescription: data.metaDescription,\n metaKeyword: data.metaKeyword,\n metaTitle: data.metaTitle,\n description: data.description,\n images: transformImages(data),\n prices: transformPrices(data, isBundle, optionUIDs),\n attributes: transformAttributes(data),\n options: applyOptionsTransformer(transformOptions(data, isBundle)),\n optionUIDs,\n url: data.url,\n urlKey: data.urlKey,\n externalId: data.externalId,\n externalParentId: data.externalParentId,\n variantSku: data.variantSku,\n productType,\n } as ProductModel)\n : null;\n\n // extend the model with custom transformer\n return merge(\n productData,\n config.getConfig()?.models?.ProductDetails?.transformer?.(data) ??\n config.getConfig()?.models?.ProductDetails?.transform?.(data)\n );\n}\n\nfunction applyOptionsTransformer(\n options: Option[] | undefined\n): Option[] | undefined {\n if (!options) return undefined;\n\n const optionsTransformer =\n config.getConfig()?.models?.ProductOptions?.optionsTransformer;\n\n if (!optionsTransformer) {\n return options;\n }\n\n try {\n const transformed = optionsTransformer(options);\n return transformed ?? options;\n } catch (error) {\n console.error(\n 'product-transform: optionsTransformer threw an error, using original options',\n error\n );\n return options;\n }\n}\n\nfunction transformImages(data: any) {\n return data.images\n ?.filter((image: any) => !image.roles?.includes('hide_from_pdp'))\n ?.map((image: any) => {\n // Remove protocol from image URL\n image.url = image.url.replace(/^https?:/, '');\n\n return image;\n });\n}\n\nfunction transformAttributes(data: any) {\n return (\n data.attributes\n // only show attributes that are visible in PDP\n ?.filter(({ roles }: any) => roles?.indexOf('visible_in_pdp') !== -1)\n // transform attribute values\n ?.map(({ label, value, name }: any) => {\n // Special handling for ac_giftcard attribute\n if (name?.startsWith('ac_')) {\n try {\n let parsedValue;\n\n if (typeof value === 'string') {\n parsedValue = JSON.parse(value);\n } else if (typeof value === 'object') {\n parsedValue = value;\n }\n // Transform specific snake_case fields to camelCase\n const transformedValue = transformSnakeToCamel(parsedValue);\n\n return {\n id: name,\n label,\n value: JSON.stringify(transformedValue),\n };\n } catch {\n // If parsing fails, return original value\n return {\n id: name,\n label,\n value: value.toString().split(',').join(', '),\n };\n }\n }\n\n return {\n id: name,\n label,\n value: value.toString().split(',').join(', '),\n };\n })\n );\n}\n\nfunction transformSnakeToCamel(obj: any): any {\n if (Array.isArray(obj)) {\n return obj.map(transformSnakeToCamel);\n }\n\n if (obj !== null && typeof obj === 'object') {\n const transformed: any = {};\n for (const [key, value] of Object.entries(obj)) {\n // Only transform specific snake_case fields to camelCase\n let camelKey = key;\n if (key === 'validation_rule') {\n camelKey = 'validationRule';\n } else if (key === 'min_length') {\n camelKey = 'minLength';\n } else if (key === 'max_length') {\n camelKey = 'maxLength';\n } else if (key === 'purchase_separately') {\n camelKey = 'purchaseSeparately';\n }\n\n transformed[camelKey] = transformSnakeToCamel(value);\n }\n return transformed;\n }\n\n return obj;\n}\n\nfunction transformOptions(data: any, isBundle?: boolean) {\n const { options, optionUIDs } = data;\n\n return options?.map(({ id, title, required, multi, values }: any) => {\n const typename = values?.[0]?.__typename;\n let type: string = values?.[0]?.type;\n\n if (type) {\n type = type\n .replace('COLOR_HEX', 'color')\n .replace('TEXT', 'text')\n .replace('IMAGE', 'image');\n } else {\n type = 'dropdown';\n }\n\n return {\n id,\n type,\n typename,\n label: title,\n required,\n multiple: multi,\n items: isBundle\n ? mapBundleOptionValues(values, optionUIDs)\n : mapOptionValues(values, optionUIDs, type),\n };\n });\n}\n\nfunction mapBundleOptionValues(values: any, optionUIDs: string[]) {\n return values\n ?.filter(({ enabled }: any) => typeof enabled === 'undefined' || enabled)\n .map(({ id, title, inStock, isDefault, product }: any) => {\n return {\n id,\n inStock,\n label: title,\n selected: optionUIDs?.indexOf(id) > -1 || isDefault,\n value: id,\n product,\n };\n });\n}\n\nfunction mapOptionValues(values: any, optionUIDs: string[], type: string) {\n return values?.map(({ id, title, inStock, value }: any) => {\n return {\n id,\n inStock,\n label: title,\n selected: optionUIDs?.indexOf(id) > -1,\n value:\n type?.toLowerCase() === 'dropdown'\n ? id\n : value?.replace(/^https?:/, ''),\n };\n });\n}\n\nfunction transformPrices(\n data: any,\n isBundle: boolean,\n defaultOptionUIDs?: string[]\n) {\n const { price, priceRange, options, optionUIDs = defaultOptionUIDs } = data;\n let { __typename: type } = data;\n\n function getSimpleProductPrices() {\n const regularPrice = price?.regular?.amount?.value;\n const finalPrice =\n price?.final?.amount?.value ?? price?.regular?.amount?.value;\n\n const currency =\n price?.regular?.amount?.currency === 'NONE' //temporary fix if there is no currency\n ? 'USD'\n : price?.regular?.amount?.currency;\n\n return [regularPrice, finalPrice, finalPrice, currency];\n }\n\n function getComplexProductPrices() {\n const finalMinimumPrice = priceRange?.minimum?.final?.amount?.value;\n const finalMaximumPrice = priceRange?.maximum?.final?.amount?.value;\n let regularPrice;\n\n if (\n priceRange?.minimum?.regular?.amount?.value ===\n priceRange?.maximum?.regular?.amount?.value\n ) {\n regularPrice = priceRange?.minimum?.regular?.amount?.value;\n }\n\n const currency =\n priceRange?.minimum?.final?.amount?.currency === 'NONE'\n ? 'USD'\n : priceRange?.minimum?.final?.amount?.currency;\n\n return [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n }\n\n function getBundleProductPrice() {\n // Currently the Catalog Service does not have support for the individual prices of the options of a fixed bundle,\n // so the price used in UI is taken from the priceRange object.\n\n // The dynamic bundle has full support in Catalog Service.\n // If there are pre-selected values of the option, then the starting price is the sum of those and\n // after each selection, the price is updated with the sum of prices for the selected options.\n // This is not supported by default and needs to be updated in the drop-in upon each selection.\n\n let maxSumRegular = 0;\n let bundlePrice = 0;\n options?.forEach((option: any) => {\n const values = option?.values;\n if (values && Array.isArray(values)) {\n const regularAmounts = values\n .map((value) => value?.product?.price?.regular?.amount?.value)\n .filter((amount) => amount !== undefined);\n\n const maxRegularAmount =\n regularAmounts.length > 0 ? Math.max(...regularAmounts) : 0;\n maxSumRegular += maxRegularAmount;\n }\n option?.values?.forEach((value: any) => {\n if (optionUIDs?.includes(value.id)) {\n bundlePrice += value?.product?.price?.final?.amount?.value;\n }\n });\n });\n\n const finalMinimumPrice = priceRange?.minimum?.final?.amount?.value;\n const finalMaximumPrice = priceRange?.maximum?.final?.amount?.value;\n let regularPrice;\n\n if (\n priceRange?.minimum?.regular?.amount?.value ===\n priceRange?.maximum?.regular?.amount?.value\n ) {\n regularPrice = priceRange?.minimum?.regular?.amount?.value;\n }\n\n const currency =\n priceRange?.minimum?.final?.amount?.currency === 'NONE'\n ? 'USD'\n : priceRange?.minimum?.final?.amount?.currency;\n\n if (isBundle && optionUIDs?.length < 1) {\n return [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n }\n\n return maxSumRegular === priceRange?.maximum?.regular?.amount?.value\n ? [bundlePrice, bundlePrice, bundlePrice, currency]\n : [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n }\n\n const [regularPrice, finalMinimumPrice, finalMaximumPrice, currency] =\n type === 'SimpleProductView'\n ? getSimpleProductPrices()\n : isBundle\n ? getBundleProductPrice()\n : getComplexProductPrices();\n\n const visible =\n type === 'SimpleProductView'\n ? price?.roles?.includes('visible')\n : priceRange?.maximum?.roles?.includes('visible') &&\n priceRange?.minimum?.roles?.includes('visible');\n\n function transformTiers(tiers: any[]): any[] {\n if (!tiers || !Array.isArray(tiers)) {\n return [];\n }\n\n return tiers\n .map((tier) => ({\n tier: {\n amount: tier.tier?.amount?.value,\n currency: tier.tier?.amount?.currency || currency,\n },\n quantity: tier.quantity[0]?.gte || tier.quantity[0]?.lt || 0,\n }))\n .sort((a, b) => a.quantity - b.quantity);\n }\n\n if (finalMaximumPrice && finalMinimumPrice === finalMaximumPrice) {\n const hasDiscount = regularPrice && finalMinimumPrice !== regularPrice;\n\n return {\n regular: {\n amount: regularPrice,\n currency,\n variant: hasDiscount ? 'strikethrough' : 'default',\n },\n final: {\n amount: finalMaximumPrice,\n currency,\n variant: 'default',\n },\n tiers: transformTiers(price?.tiers),\n visible,\n };\n }\n\n return {\n final: {\n minimumAmount: finalMinimumPrice,\n maximumAmount: finalMaximumPrice,\n currency,\n },\n tiers: transformTiers(price?.tiers),\n visible,\n };\n}\n\nfunction getOptionUIDs(\n data: any,\n isBundle?: boolean,\n preselectFirstOption?: boolean\n): string[] {\n if (isBundle) {\n const selections: Array<string | null> = data?.options?.map(\n ({ values }: any) => {\n const defaultSelection =\n values?.find(({ isDefault }: any) => isDefault)?.id ?? null;\n const preselectedFirstOption = preselectFirstOption\n ? values[0]?.id\n : null;\n return defaultSelection || preselectedFirstOption;\n }\n );\n\n return selections.filter((selection) => selection !== null) as string[];\n }\n\n return data?.optionUIDs;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { Initializer } from '@adobe-commerce/elsie/lib';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { ProductModel, Option } from '@/pdp/data/models';\nimport {\n fetchProductData,\n setProductConfigurationValid,\n setProductConfigurationValues,\n} from '@/pdp/api';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n getUrlParams,\n getValidatedQuantityFromUrl,\n} from '@/pdp/lib/url-params';\nimport { publishProductPageViewEvent } from '@/pdp/lib/acdl';\nimport { transformProductData } from '@/pdp/data/transforms/product-transform';\n\nexport type OptionsTransformer = (options: Option[]) => Option[];\n\ntype ModelConfig = {\n initialData?: any;\n /** @deprecated Use \"transformer\" instead */\n transform?: (data?: ProductModel) => ProductModel;\n transformer?: (data?: ProductModel) => ProductModel;\n fallbackData?: (\n parentProduct: any,\n simpleProduct: ProductModel\n ) => ProductModel;\n};\n\ntype ProductOptionsConfig = {\n optionsTransformer?: OptionsTransformer;\n};\n\ntype ConfigProps = {\n scope?: string;\n langDefinitions?: Lang;\n defaultLocale?: string;\n globalLocale?: string;\n sku?: string;\n acdl?: boolean;\n anchors?: string[];\n persistURLParams?: boolean;\n preselectFirstOption?: boolean;\n optionsUIDs?: string[];\n models?: {\n ProductDetails?: ModelConfig;\n ProductOptions?: ProductOptionsConfig;\n [name: string]: ModelConfig | ProductOptionsConfig | undefined;\n };\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n init: async (_config) => {\n const initialData = _config?.models?.ProductDetails?.initialData;\n\n // Get URL parameters safely\n const urlParams = getUrlParams() || {};\n\n // Get optionsUIDs from URL params or config\n const optionsUIDs =\n urlParams.optionsUIDs?.split(',') || initialData?.optionsUIDs;\n\n // Get and validate quantity from URL params\n const initialQuantity = getValidatedQuantityFromUrl(1); // Default quantity to 1 - Ensures backward compatibility\n\n // Set default config\n const defaultConfig: ConfigProps = {\n defaultLocale: 'en-US',\n globalLocale: 'en-US',\n persistURLParams: false,\n acdl: false,\n optionsUIDs,\n };\n\n const config = { ...defaultConfig, ..._config };\n\n initialize.config.setConfig({ ...config });\n\n if (config?.sku) {\n // Get PDP data\n const data = initialData\n ? transformProductData(initialData)\n : await fetchProductData(config.sku, {\n preselectFirstOption: config.preselectFirstOption,\n });\n\n // Emit PDP initial data\n events.emit('pdp/data', data, { scope: config.scope });\n\n // Set default values for product configuration\n const defaultValues = {\n sku: config.sku,\n quantity: initialQuantity, // Use the determined quantity from URL params or default to 1\n optionsUIDs: data?.optionUIDs,\n };\n\n setProductConfigurationValues(() => ({ ...defaultValues }), {\n scope: config.scope,\n });\n\n setProductConfigurationValid(\n () => {\n // configurable product, check if all options are selected\n if (data?.options) {\n // all selections should be made\n return data.options.length === data?.optionUIDs?.length;\n }\n\n // simple product\n return true;\n },\n { scope: config.scope }\n );\n\n // Publish ACDL event\n if (config.acdl && data) {\n publishProductPageViewEvent(data);\n }\n }\n },\n\n listeners: () => [\n events.on('locale', async () => {\n const { sku, scope } = initialize.config.getConfig();\n\n if (sku) {\n const next = await fetchProductData(sku);\n events.emit('pdp/data', next, { scope });\n }\n }),\n ],\n});\n\nexport const config = initialize.config;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n setEndpoint,\n setFetchGraphQlHeader,\n removeFetchGraphQlHeader,\n setFetchGraphQlHeaders,\n getFetchGraphQlHeader,\n fetchGraphQl,\n getConfig,\n} = new FetchGraphQL().getMethods();\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_FRAGMENT } from '@/pdp/api/graphql/ProductFragment.graphql';\n\nexport const GET_PRODUCT_DATA = `\nquery GET_PRODUCT_DATA($skus: [String]) {\n products(skus: $skus) {\n ...PRODUCT_FRAGMENT\n }\n}\n\n${PRODUCT_FRAGMENT}\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { fetchGraphQl } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms';\nimport { GET_PRODUCT_DATA } from './graphql/getProductData.graphql';\n\nexport const getProductData = async (\n sku: string,\n options?: {\n preselectFirstOption?: boolean;\n optionsUIDs?: string[];\n },\n raw?: boolean\n): Promise<ProductModel | null> => {\n const { data } = await fetchGraphQl(GET_PRODUCT_DATA, {\n method: 'GET',\n variables: { skus: [sku] },\n });\n\n const product = data?.products?.[0];\n\n // If optionsUIDs are provided, override the optionsUIDs from the response\n if (options?.optionsUIDs) {\n product.optionUIDs = options.optionsUIDs;\n }\n\n if (!product) {\n return null;\n }\n return raw\n ? product\n : transformProductData(product, {\n preselectFirstOption: options?.preselectFirstOption,\n });\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_FRAGMENT } from '@/pdp/api/graphql/ProductFragment.graphql';\n\nexport const REFINE_PRODUCT_QUERY = `\nquery REFINE_PRODUCT_QUERY(\n $optionIds: [String!]!\n $sku: String!\n) {\n # Refined Product\n refineProduct(\n optionIds: $optionIds \n sku: $sku\n ) {\n ...PRODUCT_FRAGMENT\n }\n\n # Parent Product\n products(skus: [$sku]) {\n ...PRODUCT_FRAGMENT\n }\n\n # %extendedPlaceholder%\n}\n\n${PRODUCT_FRAGMENT}\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { fetchGraphQl, config } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms';\nimport { REFINE_PRODUCT_QUERY } from './graphql/RefineProductQuery.graphql';\n\nasync function getProductData(sku: string, optionUIDs: string[]): Promise<any> {\n const optionPairCombinations = getPairCombination(optionUIDs);\n const optionQueries = getProductOptionQuery(optionPairCombinations, sku);\n\n const mergedQueries = REFINE_PRODUCT_QUERY.replace(\n '# %extendedPlaceholder%',\n optionQueries\n );\n\n const { data } = await fetchGraphQl(mergedQueries, {\n method: 'GET',\n variables: { optionIds: optionUIDs, sku },\n });\n return data;\n}\n\nexport const getRefinedProduct = async (\n sku: string,\n optionUIDs: string[],\n anchorOptions?: string[],\n raw?: boolean\n): Promise<ProductModel | null> => {\n const data = await getProductData(sku, optionUIDs);\n if (!data) return null;\n\n let { products, refineProduct, ...refinedOptions } = data;\n\n const parent = products?.[0];\n\n const options = mergeRefinedOptions(\n Object.values(refinedOptions),\n parent.options,\n anchorOptions\n );\n\n // needed when anchor options exist\n if (anchorOptions?.length && refineProduct === null) {\n optionUIDs = updateSelections(options, optionUIDs, anchorOptions);\n const updatedRefinedData = await getProductData(sku, optionUIDs);\n refineProduct = updatedRefinedData?.refineProduct;\n }\n\n const response = {\n ...(refineProduct || parent),\n sku: parent.sku,\n name: parent.name,\n externalParentId: parent?.externalId,\n options,\n optionUIDs,\n variantSku:\n refineProduct?.__typename === 'SimpleProductView'\n ? refineProduct?.sku\n : undefined,\n };\n\n const refinedData = raw ? response : transformProductData(response);\n\n const fallback = config?.getConfig()?.models?.ProductDetails?.fallbackData;\n\n if (fallback) {\n return fallback(parent, refinedData!);\n }\n\n return refinedData;\n};\n\nfunction getPairCombination(arr: string[]): string[][] {\n if (arr.length < 2) {\n return [arr];\n }\n\n const result: string[][] = [];\n\n arr.forEach((item) => {\n const temp: string[] = [];\n\n arr.forEach((item2) => {\n if (item !== item2) {\n temp.push(item2);\n }\n });\n\n result.push(temp);\n });\n\n return result;\n}\n\nfunction getProductOptionQuery(optionUIDs: string[][], sku: string): string {\n return optionUIDs\n .map((ids: string[], i: number) => {\n return `\n ProductOption${i}: refineProduct(\n optionIds: [\n ${ids.map((id) => `\"${id}\"`).join(', ')}\n ]\n sku: \"${sku}\"\n ) {\n ... on ComplexProductView {\n options {\n ...PRODUCT_OPTION_FRAGMENT\n }\n }\n }\n `;\n })\n .join('');\n}\n\nfunction mergeRefinedOptions(\n options: {},\n parent: [] = [],\n anchorOptions?: string[]\n) {\n // flat _refined[].options[] to _refinedOptions[]\n const refinedOptions: any = Object.values(options)\n .filter((x) => !!x)\n .reduce((acc: any, curr: any) => {\n if (!curr.options) return [...acc];\n\n return [...acc, ...curr.options];\n }, []);\n\n // Create a map to store items by their id from original\n const map = new Map(parent.map((item: any) => [item.id, item]));\n\n // Iterate through refinedOptions and merge items\n refinedOptions.forEach((current: any) => {\n // anchor options should display all values, so no merge is performed\n if (anchorOptions?.includes(current.id)) {\n return;\n }\n\n map.set(current.id, current);\n });\n\n return [...map.values()];\n}\n\nfunction updateSelections(\n options: any[],\n optionsUIDs: string[],\n anchorOptions: string[]\n): string[] {\n const updatedOptionsUIDs: string[] = [];\n\n let optionValue: string;\n options.forEach((option: any) => {\n if (anchorOptions.includes(option.id)) {\n optionValue =\n option.values?.find((value: any) => optionsUIDs.includes(value?.id))\n ?.id || option.values[0]?.id;\n } else {\n optionValue = option.values[0]?.id; // TODO check if we should use default value instead\n }\n updatedOptionsUIDs.push(optionValue);\n });\n return updatedOptionsUIDs;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { getProductData, getRefinedProduct, config } from '@/pdp/api';\n\nexport type Options = {\n anchors?: string[];\n optionsUIDs?: string[];\n preselectFirstOption?: boolean;\n isBundle?: boolean;\n skipTransform?: boolean;\n};\n\nexport const fetchProductData = async (sku: string, options?: Options) => {\n // Get the default configuration values\n const { anchors: defaultAnchors, optionsUIDs: defaultOptionsUIDs } =\n config.getConfig();\n\n // Destructure the options object\n const {\n optionsUIDs = defaultOptionsUIDs,\n anchors = defaultAnchors,\n preselectFirstOption,\n isBundle,\n skipTransform,\n } = options ?? {};\n\n // ❗️ Warning ❗️\n // If we have default selections, but we cannot determine that the product is of type bundle, then the response is going to result in null objects and error(s).\n // Only the `products` object will be populated correctly, the `ProductOption${i}` and `refinedProduct` will be set as null.\n // This does not affect the UI, but the error message(s) can be detected by 3rd party tools that the client might be using.\n // This is accepted as a known behaviour, since a bundle product does not have variants.\n // However, if initialData is passed from the integration layer, then we can determine if the product is a bundle and set the isBundle flag accordingly.\n return !isBundle && optionsUIDs && optionsUIDs.length > 0\n ? await getRefinedProduct(sku, optionsUIDs, anchors, skipTransform)\n : await getProductData(\n sku,\n {\n preselectFirstOption,\n optionsUIDs,\n },\n skipTransform\n );\n};\n"],"names":["setUrlParams","params","urlSearchParams","key","value","url","getUrlParams","getValidatedQuantityFromUrl","defaultQuantity","quantityParam","parsedQuantity","transformProduct","product","_b","_a","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","contexts","events","getAdobeDataLayer","getChannelContext","setContext","name","data","adobeDataLayer","setChannelContext","pushEvent","event","additionalContext","acdl","state","publishProductPageViewEvent","productItem","ProductType","ProductViewType","transformProductData","options","isBundle","optionUIDs","getOptionUIDs","productType","productData","transformImages","transformPrices","transformAttributes","applyOptionsTransformer","transformOptions","merge","config","optionsTransformer","error","image","roles","label","parsedValue","transformedValue","transformSnakeToCamel","obj","transformed","camelKey","id","title","required","multi","values","typename","type","mapBundleOptionValues","mapOptionValues","enabled","inStock","isDefault","defaultOptionUIDs","price","priceRange","getSimpleProductPrices","regularPrice","finalPrice","currency","getComplexProductPrices","finalMinimumPrice","finalMaximumPrice","_o","_n","_m","_r","_q","_p","_u","_t","_s","getBundleProductPrice","maxSumRegular","bundlePrice","option","regularAmounts","amount","maxRegularAmount","_x","_w","_v","visible","transformTiers","tiers","tier","a","b","preselectFirstOption","defaultSelection","preselectedFirstOption","selection","initialize","Initializer","_config","initialData","optionsUIDs","initialQuantity","fetchProductData","defaultValues","setProductConfigurationValues","setProductConfigurationValid","sku","scope","next","setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","getFetchGraphQlHeader","fetchGraphQl","getConfig","FetchGraphQL","GET_PRODUCT_DATA","PRODUCT_FRAGMENT","getProductData","raw","REFINE_PRODUCT_QUERY","optionPairCombinations","getPairCombination","optionQueries","getProductOptionQuery","mergedQueries","getRefinedProduct","anchorOptions","products","refineProduct","refinedOptions","parent","mergeRefinedOptions","updateSelections","updatedRefinedData","response","refinedData","fallback","arr","result","item","temp","item2","ids","i","x","acc","curr","map","current","updatedOptionsUIDs","optionValue","defaultAnchors","defaultOptionsUIDs","anchors","skipTransform"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as e,jsxs as B,Fragment as Jt}from"@dropins/tools/preact-jsx-runtime.js";import{useState as J,Children as qt,useEffect as dt,useCallback as ct,useMemo as Zt}from"@dropins/tools/preact-compat.js";import{VComponent as m,classes as N,Slot as P,toLanguageTag as Gt}from"@dropins/tools/lib.js";import{Incrementer as $t,Image as Rt,Button as Tt,Icon as yt,Breadcrumbs as Ot}from"@dropins/tools/components.js";/* empty css */import{Z as Kt,C as lt,O as Wt}from"../chunks/Zoom.js";import"@dropins/tools/preact-hooks.js";/* empty css *//* empty css */import{useText as G}from"@dropins/tools/i18n.js";import{P as jt}from"../chunks/PriceRange.js";import{S as Xt}from"../chunks/Swatches.js";import"@dropins/tools/preact.js";import{G as Yt}from"../chunks/GiftCardOptions2.js";import{D as ft}from"../chunks/DownloadableOptions2.js";import{c as Ht,k as gt,j as Nt,p as Ct,l as zt,t as te}from"../chunks/fetchProductData.js";import{events as it}from"@dropins/tools/event-bus.js";import{i as ee,t as ne}from"../chunks/date.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getProductConfigurationValues.js";import"../chunks/isProductConfigurationValid.js";const re=({title:u,breadcrumbs:I,galleryContent:S,infoContent:w,productContent:V,sku:U,outOfStock:E,shortDescription:R,description:p,attributes:ot,images:c,options:o,giftCardOptions:s,downloadableOptions:C,price:Q,specialPrice:tt,className:at,children:Z,quantity:et,actions:$,carouselConfig:n,zoomType:ht="overlay",closeButton:ut=!0,...L})=>{var T,_,W,q,nt,rt,X,j,pt;const mt=G("PDP.Product.RegularPrice.label").label,_t=G("PDP.Product.SpecialPrice.label").label,st=G("PDP.Product.OutOfStock.label").label,t=G("PDP.Product.Image.label").label,[M,A]=J(null),k=c!=null&&c.length?c.map((F,O)=>{var Y;const z=((Y=u==null?void 0:u.props)==null?void 0:Y.children)&&(t==null?void 0:t.replace("{product}",u.props.children.toString()).replace("{key}",String(O+1)).replace("{total}",String(c.length)));return ht==="zoom"?e(Kt,{closeButton:ut,children:e(m,{node:F,loading:O===0?"eager":"lazy",alt:z},O)}):e(m,{node:F,loading:O===0?"eager":"lazy",alt:z,onClick:()=>A(O)},O)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0}),K=(T=n==null?void 0:n.thumbnails)!=null&&T.length?n.thumbnails.map((F,O)=>{var z;return e(m,{node:F,loading:(n==null?void 0:n.thumbnailsLoadingMode)||"lazy",alt:((z=u==null?void 0:u.props)==null?void 0:z.children)&&(t==null?void 0:t.replace("{product}",u.props.children.toString()).replace("{key}",String(O+1)).replace("{total}",String(c.length)))},O)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0});return B("div",{...L,className:N(["pdp-product",at]),children:[I&&e(m,{node:I,className:"pdp-product__breadcrumbs"}),B("div",{className:"pdp-product__column-container pdp-product__gallery-column",children:[e("div",{className:"pdp-product__column-body",children:(_=n==null?void 0:n.controls)!=null&&_.desktop?e(lt,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?n.controls.desktop:"dots",arrowsOnMainImage:n==null?void 0:n.arrowsOnMainImage,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((W=n==null?void 0:n.thumbnails)==null?void 0:W.length)>1&&((q=n==null?void 0:n.peak)==null?void 0:q.desktop)||!1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"100%",defaultIndex:M||0,thumbnails:K,children:k}):e(pe,{className:"pdp-product__images",gap:"small",children:k})}),S&&e(m,{node:S,className:"pdp-product__gallery-content"})]}),B("div",{className:"pdp-product__column-container pdp-product__content-column",children:[B("div",{className:"pdp-product__column-body",children:[B("div",{className:"pdp-product__header",children:[u&&e(m,{node:u,className:"pdp-product__title"}),U&&e(m,{node:U,className:"pdp-product__sku"})]}),B("div",{className:"pdp-product__prices",children:[tt&&e(m,{node:tt,className:N(["pdp-product__price-special","pdp-product__price"]),"aria-label":_t,role:"text"}),Q&&e(m,{node:Q,className:N(["pdp-product__price-regular","pdp-product__price--grey"]),"aria-label":mt,role:"text"})]}),(nt=n==null?void 0:n.controls)!=null&&nt.mobile&&((rt=n==null?void 0:n.controls)==null?void 0:rt.mobile)==="thumbnailsRow"?e(lt,{className:"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails",width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"thumbnailsRow":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((X=n==null?void 0:n.thumbnails)==null?void 0:X.length)>1&&((j=n==null?void 0:n.peak)==null?void 0:j.mobile)||!1,gap:(n==null?void 0:n.gap)||null,thumbnails:K,children:k}):e(lt,{className:"pdp-product__images pdp-product__images--carousel",peak:((pt=n==null?void 0:n.peak)==null?void 0:pt.mobile)&&(c==null?void 0:c.length)>1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,children:k}),B("div",{className:N(["pdp-product__actions",["pdp-product__actions--out-of-stock",E]]),children:[E&&e("div",{className:"pdp-product__out-of-stock__text",children:st}),o&&e(m,{node:o,className:N(["pdp-product__options"])}),s&&e(m,{node:s,className:N(["pdp-product__gift-card-options"])}),C&&e(m,{node:C,className:N(["pdp-product__downloadable-options"])}),et&&e("div",{className:"pdp-product__quantity",children:e(m,{node:et})}),$&&e(m,{node:$,className:N(["pdp-product__buttons"])})]}),R&&e(m,{node:R,className:N(["pdp-product__short_description"])}),p&&e(m,{node:p,className:N(["pdp-product__description"])}),ot?e("div",{className:"pdp-product__attributes",children:ot}):null]}),w&&e(m,{node:w,className:"pdp-product__info-content"})]}),V&&e(m,{node:V,className:"pdp-product__content"}),M===null?null:e(Wt,{className:"pdp-product__overlay",onClose:()=>A(null),centered:!0,children:e(lt,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,width:"100%",height:"100%",defaultIndex:M||0,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,isZoomed:!0,children:k})})]})},pe=({children:u,gap:I=null,className:S,style:w,...V})=>{const U=qt.count(u);return e("div",{...V,className:N(["pdp-gallery-grid",S]),style:{"--gap":I?`var(--spacing-${I})`:"0px",...w},children:qt.map(u,(E,R)=>e("div",{className:"pdp-gallery-grid__item",children:e(m,{node:E,loading:R===0?"eager":"lazy"},E.props.src)},U+R))})},de=({sku:u,hideSku:I,hideQuantity:S,hideShortDescription:w,hideDescription:V,hideAttributes:U,hideURLParams:E,hideSelectedOptionValue:R,slots:p,children:ot,initialData:c,carousel:o,optionsConfig:s,useACDL:C,onAddToCart:Q,zoomType:tt,closeButton:at=!0,disableDropdownPreselection:Z,...et})=>{var Y,St,Dt,It,wt,Vt,Ut,kt,xt,Bt,Et;const $=G("PDP.Product.AddToCart.label").label,n=G("PDP.Product.Incrementer.label").label,ht=G("PDP.Product.Details.label").label,ut=G("PDP.Swatches.ChooseOption.label").label,[L,mt]=J(Ht.getConfig().defaultLocale||"en-US"),[_t,st]=J(),[t=null,M]=J(c),[A,k]=J(()=>{const r=gt(1),d={sku:u,quantity:r};return t!=null&&t.optionUIDs&&(d.optionsUIDs=t.optionUIDs),d}),[K,T]=J(()=>{var r,d;return!(t!=null&&t.options&&((r=t==null?void 0:t.options)==null?void 0:r.length)>0&&((d=t==null?void 0:t.optionUIDs)==null?void 0:d.length)!==(t==null?void 0:t.options.length))}),_={data:t,values:A,valid:K};function W(r){return r==null?void 0:r.some(d=>(d==null?void 0:d.typename)==="ProductViewOptionValueProduct")}dt(()=>{const r=it.on("pdp/data",l=>{l&&(M(l),k(i=>({...i,sku:l.sku,optionsUIDs:l.optionUIDs})))}),d=it.on("pdp/setValues",l=>{k(i=>({...i,...l}))});return()=>{d==null||d.off(),r==null||r.off()}},[]),dt(()=>{const r=it.on("locale",d=>{d!==L&&(mt(d),Nt(u,{preselectFirstOption:!Z,anchors:s==null?void 0:s.anchorOptions}).then(M))});return()=>{r==null||r.off()}},[Z,L,s==null?void 0:s.anchorOptions,u]),dt(()=>{C&&c&&Object.keys(c).length>0&&Ct(c)},[c]);const q=ct(r=>{k(d=>({...d,...r}))},[]);dt(()=>{it.emit("pdp/values",A)},[JSON.stringify(A)]);const nt=ct(async r=>{var i,a;let d=Object.entries(r).filter(([h,b])=>b.label!==ut).map(([h,b])=>r[h].value).filter(h=>h!==void 0);!E&&(t!=null&&t.options)&&!W(t.options)&&zt({optionsUIDs:d.join(",")}),q({optionsUIDs:d}),T((d==null?void 0:d.length)===((i=t==null?void 0:t.options)==null?void 0:i.length));const l=await Nt(u,{anchors:s==null?void 0:s.anchorOptions,isBundle:t==null?void 0:t.isBundle,optionsUIDs:d,preselectFirstOption:!Z});M(l),(a=s==null?void 0:s.anchorOptions)!=null&&a.length&&rt(l,d)},[u]),rt=ct((r,d)=>{var a;const l=(r==null?void 0:r.optionUIDs)??[];d.every(h=>l.includes(h))||(st(r==null?void 0:r.options),q({optionsUIDs:l}),T((l==null?void 0:l.length)===((a=r==null?void 0:r.options)==null?void 0:a.length)))},[u]),X=ct(r=>{Object.keys(r).length!==0&&T(!1)},[]),j=Zt(()=>{var r;return(r=t==null?void 0:t.attributes)==null?void 0:r.map(({label:d,value:l,id:i},a)=>{if(i==="ac_giftcard")return"";const h=ee(l)?ne(l,L):l.toString();return B("li",{children:[d,": ",e("span",{dangerouslySetInnerHTML:{__html:h}})]},a)})},[t==null?void 0:t.attributes,L]),pt=!S&&(t!=null&&t.inStock)?e(P,{name:"Quantity",slot:p==null?void 0:p.Quantity,context:{..._},children:e($t,{name:"quantity",defaultValue:A.quantity.toString(),value:A.quantity.toString(),min:1,"aria-label":n,className:"pdp-product__quantity",onValue:r=>{const d=Number(r);q({quantity:d}),!E&&(t!=null&&t.options)&&(W(t.options)||zt({quantity:d}))}},"quantity")}):void 0,F=()=>{if(t!=null&&t.options)return e(P,{name:"Options",slot:p==null?void 0:p.Options,context:{..._},children:e(Xt,{selectedUIDs:A.optionsUIDs,options:t.options,defaultOptions:A.optionsUIDs,selectionsToUpdate:_t,hideSelectedValue:R,disablePreselections:Z,onValues:nt,onErrors:X})})},O=()=>{if(t!=null&&t.attributes){const r=t.attributes.filter(d=>d.id==="ac_giftcard");if(r.length>0){const l=r.map((i,a)=>{var h;try{const b=JSON.parse(i.value),H=A.enteredOptions||[],f=((h=b.options)==null?void 0:h.map(v=>{const y=H.find(D=>D.uid===v.uid);return{id:v.uid,value:(y==null?void 0:y.value)||""}}))||[];return e(Yt,{options:b.options||[],optionValues:f,onOptionChange:(v,y)=>{var Lt;const D=A.enteredOptions||[],bt=D.findIndex(x=>x.uid===v);let At;if(bt!==-1?At=D.map(x=>x.uid===v?{...x,value:y}:x):At=[...D,{uid:v,value:y}],q({enteredOptions:At}),t){const x={...t},Qt=((Lt=x.attributes)==null?void 0:Lt.map(g=>{var Mt;if(g.id==="ac_giftcard")try{const Pt=JSON.parse(g.value),Ft=((Mt=Pt.options)==null?void 0:Mt.map(vt=>vt.uid===v?{...vt,value:y}:vt))||[];return{...g,value:JSON.stringify({...Pt,options:Ft})}}catch{return g}return g}))||[];x.attributes=Qt,M(x)}},onValidationChange:v=>{v||X({giftCard:"Invalid gift card data"}),T(v)},className:"pdp-product__gift-card-options"},`giftcard-${a}`)}catch(b){return console.warn("Invalid gift card data format:",b),null}}).filter(i=>i!==null);return l.length>0?e("div",{className:"pdp-product__gift-card-options-container",children:l}):void 0}}},z=()=>{if(t!=null&&t.attributes){const r=t.attributes.filter(d=>{var l;return d.id==="ac_downloadable"&&((l=d.roles)==null?void 0:l.includes("visible_in_pdp"))});if(r.length>0){const l=r.map((i,a)=>{var h,b;try{const H=typeof i.value=="string"?JSON.parse(i.value):i.value;return e(ft,{label:i.label,value:H,onLinkChange:(f,v)=>{const y=A.optionsUIDs||[];let D;v?y.includes(f)?D=y:D=[...y,f]:D=y.filter(bt=>bt!==f),q({optionsUIDs:D})},currency:(b=(h=t.prices)==null?void 0:h.final)==null?void 0:b.currency,className:"pdp-product__downloadable-options"},`downloadable-${a}`)}catch(H){return console.warn("Invalid downloadable data format:",H),null}}).filter(i=>i!==null);return l.length>0?e("div",{className:"pdp-product__downloadable-options-container",children:l}):void 0}}};return e("div",{...et,children:e(re,{title:e(P,{name:"Title",slot:p==null?void 0:p.Title,context:{..._},children:t==null?void 0:t.name}),sku:I?void 0:e(P,{name:"SKU",slot:p==null?void 0:p.SKU,context:{..._},children:t==null?void 0:t.sku}),options:F(),giftCardOptions:O(),downloadableOptions:z(),breadcrumbs:(p==null?void 0:p.Breadcrumbs)&&e(P,{name:"Breadcrumbs",slot:p==null?void 0:p.Breadcrumbs,context:{..._,setSeparator(r){this._registerMethod((...d)=>{const l=r(...d),i=l&&e(yt,{source:l});this._setProps(a=>({...a,separator:i,children:[e(Ot,{separator:i,categories:a.categories})]}))})},appendLink(r){this._registerMethod((...d)=>{const{text:l,...i}=r(...d),a=e("a",{...i,children:l});this._setProps(h=>{const b=[...h.categories||[],a];return{...h,categories:b,children:[e(Ot,{separator:h.separator,categories:b})]}})})},appendHTMLElement(r){this._registerMethod((...d)=>{const l=r(...d),i=this._htmlElementToVNode(l);this._setProps(a=>{const h=[...a.categories||[],i];return{...a,categories:h,children:[e(Ot,{separator:a.separator,categories:h})]}})})}}}),quantity:pt,actions:e(P,{name:"Actions",slot:p==null?void 0:p.Actions,context:{..._,appendButton(r){this._registerMethod((...d)=>{const l=r(...d);if(!l)return;const{text:i,icon:a,...h}=l,b=e(Tt,{type:"button",...h,icon:a&&e(yt,{source:a}),children:i});this._setProps(H=>({children:[...H.children||[],b]}))})}},children:!(p!=null&&p.Actions)&&e(Tt,{size:"medium",type:"submit",icon:e(yt,{source:"Cart"}),disabled:!(t!=null&&t.inStock)||!K,"aria-label":$,onClick:()=>Q==null?void 0:Q(A),children:$})}),shortDescription:w?void 0:e(P,{name:"ShortDescription",slot:p==null?void 0:p.ShortDescription,context:{..._},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""}})}),description:V?void 0:e(P,{name:"Description",slot:p==null?void 0:p.Description,context:{..._},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""}})}),images:((Y=t==null?void 0:t.images)==null?void 0:Y.map(({label:r,url:d})=>{var l,i;return e(Rt,{title:r,alt:r,src:d,width:((l=o==null?void 0:o.imageParams)==null?void 0:l.width)??960,height:((i=o==null?void 0:o.imageParams)==null?void 0:i.height)??1191,params:(o==null?void 0:o.imageParams)??{width:960}},d)}))??[],specialPrice:(St=t==null?void 0:t.prices)!=null&&St.visible?e(P,{name:"SpecialPrice",slot:p==null?void 0:p.SpecialPrice,context:{..._},children:e(jt,{...(Dt=t.prices)==null?void 0:Dt.final,locale:Gt(L)})}):void 0,price:(It=t==null?void 0:t.prices)!=null&&It.visible&&((wt=t==null?void 0:t.prices)!=null&&wt.regular)&&((Ut=(Vt=t==null?void 0:t.prices)==null?void 0:Vt.final)==null?void 0:Ut.amount)!==((xt=(kt=t==null?void 0:t.prices)==null?void 0:kt.regular)==null?void 0:xt.amount)?e(P,{name:"RegularPrice",slot:p==null?void 0:p.RegularPrice,context:{..._},children:e(jt,{...(Bt=t.prices)==null?void 0:Bt.regular,locale:Gt(L)})}):void 0,zoomType:tt,closeButton:at,carouselConfig:{...o,thumbnails:o&&Object.keys(o).length?((Et=t==null?void 0:t.images)==null?void 0:Et.map(({label:r,url:d})=>{var l,i;return e(Rt,{title:r,alt:r,src:d,width:((l=o==null?void 0:o.thumbnailParams)==null?void 0:l.width)??200,height:((i=o==null?void 0:o.thumbnailParams)==null?void 0:i.height)??248,params:(o==null?void 0:o.thumbnailParams)??{width:200}},d)}))??[]:[]},outOfStock:!(t!=null&&t.inStock),attributes:U?void 0:e(P,{name:"Attributes",slot:p==null?void 0:p.Attributes,context:{..._},children:j!=null&&j.length?B(Jt,{children:[ht,e("ul",{children:j})]}):null}),galleryContent:(p==null?void 0:p.GalleryContent)&&e(P,{name:"GalleryContent",slot:p.GalleryContent,context:{..._}}),infoContent:(p==null?void 0:p.InfoContent)&&e(P,{name:"InfoContent",slot:p.InfoContent,context:{..._}}),productContent:(p==null?void 0:p.Content)&&e(P,{name:"Content",slot:p.Content,context:{..._}})})})};de.getInitialData=async function({sku:u,disableDropdownPreselection:I=!1,optionsConfig:S}){var V,U;const w=(U=(V=Ht.getConfig().models)==null?void 0:V.ProductDetails)==null?void 0:U.initialData;return w?te(w):Nt(u,{preselectFirstOption:!I,anchors:S==null?void 0:S.anchorOptions})};export{de as ProductDetails,de as default};
|
|
3
|
+
import{jsx as e,jsxs as B,Fragment as Jt}from"@dropins/tools/preact-jsx-runtime.js";import{useState as J,Children as qt,useEffect as dt,useCallback as ct,useMemo as Zt}from"@dropins/tools/preact-compat.js";import{VComponent as m,classes as N,Slot as P,toLanguageTag as Gt}from"@dropins/tools/lib.js";import{Incrementer as $t,Image as Rt,Button as Tt,Icon as yt,Breadcrumbs as Ot}from"@dropins/tools/components.js";/* empty css */import{Z as Kt,C as lt,O as Wt}from"../chunks/Zoom.js";import"@dropins/tools/preact-hooks.js";/* empty css *//* empty css */import{useText as G}from"@dropins/tools/i18n.js";import{P as jt}from"../chunks/PriceRange.js";import{S as Xt}from"../chunks/Swatches.js";import"@dropins/tools/preact.js";import{G as Yt}from"../chunks/GiftCardOptions2.js";import{D as ft}from"../chunks/DownloadableOptions2.js";import{c as Ht,g as gt,f as Nt,p as Ct,s as zt,t as te}from"../chunks/fetchProductData.js";import{events as it}from"@dropins/tools/event-bus.js";import{i as ee,t as ne}from"../chunks/date.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getProductConfigurationValues.js";import"../chunks/isProductConfigurationValid.js";const re=({title:u,breadcrumbs:I,galleryContent:S,infoContent:w,productContent:V,sku:U,outOfStock:E,shortDescription:R,description:p,attributes:ot,images:c,options:o,giftCardOptions:s,downloadableOptions:C,price:Q,specialPrice:tt,className:at,children:Z,quantity:et,actions:$,carouselConfig:n,zoomType:ht="overlay",closeButton:ut=!0,...L})=>{var T,_,W,q,nt,rt,X,j,pt;const mt=G("PDP.Product.RegularPrice.label").label,_t=G("PDP.Product.SpecialPrice.label").label,st=G("PDP.Product.OutOfStock.label").label,t=G("PDP.Product.Image.label").label,[M,A]=J(null),k=c!=null&&c.length?c.map((F,O)=>{var Y;const z=((Y=u==null?void 0:u.props)==null?void 0:Y.children)&&(t==null?void 0:t.replace("{product}",u.props.children.toString()).replace("{key}",String(O+1)).replace("{total}",String(c.length)));return ht==="zoom"?e(Kt,{closeButton:ut,children:e(m,{node:F,loading:O===0?"eager":"lazy",alt:z},O)}):e(m,{node:F,loading:O===0?"eager":"lazy",alt:z,onClick:()=>A(O)},O)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0}),K=(T=n==null?void 0:n.thumbnails)!=null&&T.length?n.thumbnails.map((F,O)=>{var z;return e(m,{node:F,loading:(n==null?void 0:n.thumbnailsLoadingMode)||"lazy",alt:((z=u==null?void 0:u.props)==null?void 0:z.children)&&(t==null?void 0:t.replace("{product}",u.props.children.toString()).replace("{key}",String(O+1)).replace("{total}",String(c.length)))},O)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0});return B("div",{...L,className:N(["pdp-product",at]),children:[I&&e(m,{node:I,className:"pdp-product__breadcrumbs"}),B("div",{className:"pdp-product__column-container pdp-product__gallery-column",children:[e("div",{className:"pdp-product__column-body",children:(_=n==null?void 0:n.controls)!=null&&_.desktop?e(lt,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?n.controls.desktop:"dots",arrowsOnMainImage:n==null?void 0:n.arrowsOnMainImage,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((W=n==null?void 0:n.thumbnails)==null?void 0:W.length)>1&&((q=n==null?void 0:n.peak)==null?void 0:q.desktop)||!1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"100%",defaultIndex:M||0,thumbnails:K,children:k}):e(pe,{className:"pdp-product__images",gap:"small",children:k})}),S&&e(m,{node:S,className:"pdp-product__gallery-content"})]}),B("div",{className:"pdp-product__column-container pdp-product__content-column",children:[B("div",{className:"pdp-product__column-body",children:[B("div",{className:"pdp-product__header",children:[u&&e(m,{node:u,className:"pdp-product__title"}),U&&e(m,{node:U,className:"pdp-product__sku"})]}),B("div",{className:"pdp-product__prices",children:[tt&&e(m,{node:tt,className:N(["pdp-product__price-special","pdp-product__price"]),"aria-label":_t,role:"text"}),Q&&e(m,{node:Q,className:N(["pdp-product__price-regular","pdp-product__price--grey"]),"aria-label":mt,role:"text"})]}),(nt=n==null?void 0:n.controls)!=null&&nt.mobile&&((rt=n==null?void 0:n.controls)==null?void 0:rt.mobile)==="thumbnailsRow"?e(lt,{className:"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails",width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"thumbnailsRow":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((X=n==null?void 0:n.thumbnails)==null?void 0:X.length)>1&&((j=n==null?void 0:n.peak)==null?void 0:j.mobile)||!1,gap:(n==null?void 0:n.gap)||null,thumbnails:K,children:k}):e(lt,{className:"pdp-product__images pdp-product__images--carousel",peak:((pt=n==null?void 0:n.peak)==null?void 0:pt.mobile)&&(c==null?void 0:c.length)>1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,children:k}),B("div",{className:N(["pdp-product__actions",["pdp-product__actions--out-of-stock",E]]),children:[E&&e("div",{className:"pdp-product__out-of-stock__text",children:st}),o&&e(m,{node:o,className:N(["pdp-product__options"])}),s&&e(m,{node:s,className:N(["pdp-product__gift-card-options"])}),C&&e(m,{node:C,className:N(["pdp-product__downloadable-options"])}),et&&e("div",{className:"pdp-product__quantity",children:e(m,{node:et})}),$&&e(m,{node:$,className:N(["pdp-product__buttons"])})]}),R&&e(m,{node:R,className:N(["pdp-product__short_description"])}),p&&e(m,{node:p,className:N(["pdp-product__description"])}),ot?e("div",{className:"pdp-product__attributes",children:ot}):null]}),w&&e(m,{node:w,className:"pdp-product__info-content"})]}),V&&e(m,{node:V,className:"pdp-product__content"}),M===null?null:e(Wt,{className:"pdp-product__overlay",onClose:()=>A(null),centered:!0,children:e(lt,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,width:"100%",height:"100%",defaultIndex:M||0,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,isZoomed:!0,children:k})})]})},pe=({children:u,gap:I=null,className:S,style:w,...V})=>{const U=qt.count(u);return e("div",{...V,className:N(["pdp-gallery-grid",S]),style:{"--gap":I?`var(--spacing-${I})`:"0px",...w},children:qt.map(u,(E,R)=>e("div",{className:"pdp-gallery-grid__item",children:e(m,{node:E,loading:R===0?"eager":"lazy"},E.props.src)},U+R))})},de=({sku:u,hideSku:I,hideQuantity:S,hideShortDescription:w,hideDescription:V,hideAttributes:U,hideURLParams:E,hideSelectedOptionValue:R,slots:p,children:ot,initialData:c,carousel:o,optionsConfig:s,useACDL:C,onAddToCart:Q,zoomType:tt,closeButton:at=!0,disableDropdownPreselection:Z,...et})=>{var Y,St,Dt,It,wt,Vt,Ut,kt,xt,Bt,Et;const $=G("PDP.Product.AddToCart.label").label,n=G("PDP.Product.Incrementer.label").label,ht=G("PDP.Product.Details.label").label,ut=G("PDP.Swatches.ChooseOption.label").label,[L,mt]=J(Ht.getConfig().defaultLocale||"en-US"),[_t,st]=J(),[t=null,M]=J(c),[A,k]=J(()=>{const r=gt(1),d={sku:u,quantity:r};return t!=null&&t.optionUIDs&&(d.optionsUIDs=t.optionUIDs),d}),[K,T]=J(()=>{var r,d;return!(t!=null&&t.options&&((r=t==null?void 0:t.options)==null?void 0:r.length)>0&&((d=t==null?void 0:t.optionUIDs)==null?void 0:d.length)!==(t==null?void 0:t.options.length))}),_={data:t,values:A,valid:K};function W(r){return r==null?void 0:r.some(d=>(d==null?void 0:d.typename)==="ProductViewOptionValueProduct")}dt(()=>{const r=it.on("pdp/data",l=>{l&&(M(l),k(i=>({...i,sku:l.sku,optionsUIDs:l.optionUIDs})))}),d=it.on("pdp/setValues",l=>{k(i=>({...i,...l}))});return()=>{d==null||d.off(),r==null||r.off()}},[]),dt(()=>{const r=it.on("locale",d=>{d!==L&&(mt(d),Nt(u,{preselectFirstOption:!Z,anchors:s==null?void 0:s.anchorOptions}).then(M))});return()=>{r==null||r.off()}},[Z,L,s==null?void 0:s.anchorOptions,u]),dt(()=>{C&&c&&Object.keys(c).length>0&&Ct(c)},[c]);const q=ct(r=>{k(d=>({...d,...r}))},[]);dt(()=>{it.emit("pdp/values",A)},[JSON.stringify(A)]);const nt=ct(async r=>{var i,a;let d=Object.entries(r).filter(([h,b])=>b.label!==ut).map(([h,b])=>r[h].value).filter(h=>h!==void 0);!E&&(t!=null&&t.options)&&!W(t.options)&&zt({optionsUIDs:d.join(",")}),q({optionsUIDs:d}),T((d==null?void 0:d.length)===((i=t==null?void 0:t.options)==null?void 0:i.length));const l=await Nt(u,{anchors:s==null?void 0:s.anchorOptions,isBundle:t==null?void 0:t.isBundle,optionsUIDs:d,preselectFirstOption:!Z});M(l),(a=s==null?void 0:s.anchorOptions)!=null&&a.length&&rt(l,d)},[u]),rt=ct((r,d)=>{var a;const l=(r==null?void 0:r.optionUIDs)??[];d.every(h=>l.includes(h))||(st(r==null?void 0:r.options),q({optionsUIDs:l}),T((l==null?void 0:l.length)===((a=r==null?void 0:r.options)==null?void 0:a.length)))},[u]),X=ct(r=>{Object.keys(r).length!==0&&T(!1)},[]),j=Zt(()=>{var r;return(r=t==null?void 0:t.attributes)==null?void 0:r.map(({label:d,value:l,id:i},a)=>{if(i==="ac_giftcard")return"";const h=ee(l)?ne(l,L):l.toString();return B("li",{children:[d,": ",e("span",{dangerouslySetInnerHTML:{__html:h}})]},a)})},[t==null?void 0:t.attributes,L]),pt=!S&&(t!=null&&t.inStock)?e(P,{name:"Quantity",slot:p==null?void 0:p.Quantity,context:{..._},children:e($t,{name:"quantity",defaultValue:A.quantity.toString(),value:A.quantity.toString(),min:1,"aria-label":n,className:"pdp-product__quantity",onValue:r=>{const d=Number(r);q({quantity:d}),!E&&(t!=null&&t.options)&&(W(t.options)||zt({quantity:d}))}},"quantity")}):void 0,F=()=>{if(t!=null&&t.options)return e(P,{name:"Options",slot:p==null?void 0:p.Options,context:{..._},children:e(Xt,{selectedUIDs:A.optionsUIDs,options:t.options,defaultOptions:A.optionsUIDs,selectionsToUpdate:_t,hideSelectedValue:R,disablePreselections:Z,onValues:nt,onErrors:X})})},O=()=>{if(t!=null&&t.attributes){const r=t.attributes.filter(d=>d.id==="ac_giftcard");if(r.length>0){const l=r.map((i,a)=>{var h;try{const b=JSON.parse(i.value),H=A.enteredOptions||[],f=((h=b.options)==null?void 0:h.map(v=>{const y=H.find(D=>D.uid===v.uid);return{id:v.uid,value:(y==null?void 0:y.value)||""}}))||[];return e(Yt,{options:b.options||[],optionValues:f,onOptionChange:(v,y)=>{var Lt;const D=A.enteredOptions||[],bt=D.findIndex(x=>x.uid===v);let At;if(bt!==-1?At=D.map(x=>x.uid===v?{...x,value:y}:x):At=[...D,{uid:v,value:y}],q({enteredOptions:At}),t){const x={...t},Qt=((Lt=x.attributes)==null?void 0:Lt.map(g=>{var Mt;if(g.id==="ac_giftcard")try{const Pt=JSON.parse(g.value),Ft=((Mt=Pt.options)==null?void 0:Mt.map(vt=>vt.uid===v?{...vt,value:y}:vt))||[];return{...g,value:JSON.stringify({...Pt,options:Ft})}}catch{return g}return g}))||[];x.attributes=Qt,M(x)}},onValidationChange:v=>{v||X({giftCard:"Invalid gift card data"}),T(v)},className:"pdp-product__gift-card-options"},`giftcard-${a}`)}catch(b){return console.warn("Invalid gift card data format:",b),null}}).filter(i=>i!==null);return l.length>0?e("div",{className:"pdp-product__gift-card-options-container",children:l}):void 0}}},z=()=>{if(t!=null&&t.attributes){const r=t.attributes.filter(d=>{var l;return d.id==="ac_downloadable"&&((l=d.roles)==null?void 0:l.includes("visible_in_pdp"))});if(r.length>0){const l=r.map((i,a)=>{var h,b;try{const H=typeof i.value=="string"?JSON.parse(i.value):i.value;return e(ft,{label:i.label,value:H,onLinkChange:(f,v)=>{const y=A.optionsUIDs||[];let D;v?y.includes(f)?D=y:D=[...y,f]:D=y.filter(bt=>bt!==f),q({optionsUIDs:D})},currency:(b=(h=t.prices)==null?void 0:h.final)==null?void 0:b.currency,className:"pdp-product__downloadable-options"},`downloadable-${a}`)}catch(H){return console.warn("Invalid downloadable data format:",H),null}}).filter(i=>i!==null);return l.length>0?e("div",{className:"pdp-product__downloadable-options-container",children:l}):void 0}}};return e("div",{...et,children:e(re,{title:e(P,{name:"Title",slot:p==null?void 0:p.Title,context:{..._},children:t==null?void 0:t.name}),sku:I?void 0:e(P,{name:"SKU",slot:p==null?void 0:p.SKU,context:{..._},children:t==null?void 0:t.sku}),options:F(),giftCardOptions:O(),downloadableOptions:z(),breadcrumbs:(p==null?void 0:p.Breadcrumbs)&&e(P,{name:"Breadcrumbs",slot:p==null?void 0:p.Breadcrumbs,context:{..._,setSeparator(r){this._registerMethod((...d)=>{const l=r(...d),i=l&&e(yt,{source:l});this._setProps(a=>({...a,separator:i,children:[e(Ot,{separator:i,categories:a.categories})]}))})},appendLink(r){this._registerMethod((...d)=>{const{text:l,...i}=r(...d),a=e("a",{...i,children:l});this._setProps(h=>{const b=[...h.categories||[],a];return{...h,categories:b,children:[e(Ot,{separator:h.separator,categories:b})]}})})},appendHTMLElement(r){this._registerMethod((...d)=>{const l=r(...d),i=this._htmlElementToVNode(l);this._setProps(a=>{const h=[...a.categories||[],i];return{...a,categories:h,children:[e(Ot,{separator:a.separator,categories:h})]}})})}}}),quantity:pt,actions:e(P,{name:"Actions",slot:p==null?void 0:p.Actions,context:{..._,appendButton(r){this._registerMethod((...d)=>{const l=r(...d);if(!l)return;const{text:i,icon:a,...h}=l,b=e(Tt,{type:"button",...h,icon:a&&e(yt,{source:a}),children:i});this._setProps(H=>({children:[...H.children||[],b]}))})}},children:!(p!=null&&p.Actions)&&e(Tt,{size:"medium",type:"submit",icon:e(yt,{source:"Cart"}),disabled:!(t!=null&&t.inStock)||!K,"aria-label":$,onClick:()=>Q==null?void 0:Q(A),children:$})}),shortDescription:w?void 0:e(P,{name:"ShortDescription",slot:p==null?void 0:p.ShortDescription,context:{..._},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""}})}),description:V?void 0:e(P,{name:"Description",slot:p==null?void 0:p.Description,context:{..._},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""}})}),images:((Y=t==null?void 0:t.images)==null?void 0:Y.map(({label:r,url:d})=>{var l,i;return e(Rt,{title:r,alt:r,src:d,width:((l=o==null?void 0:o.imageParams)==null?void 0:l.width)??960,height:((i=o==null?void 0:o.imageParams)==null?void 0:i.height)??1191,params:(o==null?void 0:o.imageParams)??{width:960}},d)}))??[],specialPrice:(St=t==null?void 0:t.prices)!=null&&St.visible?e(P,{name:"SpecialPrice",slot:p==null?void 0:p.SpecialPrice,context:{..._},children:e(jt,{...(Dt=t.prices)==null?void 0:Dt.final,locale:Gt(L)})}):void 0,price:(It=t==null?void 0:t.prices)!=null&&It.visible&&((wt=t==null?void 0:t.prices)!=null&&wt.regular)&&((Ut=(Vt=t==null?void 0:t.prices)==null?void 0:Vt.final)==null?void 0:Ut.amount)!==((xt=(kt=t==null?void 0:t.prices)==null?void 0:kt.regular)==null?void 0:xt.amount)?e(P,{name:"RegularPrice",slot:p==null?void 0:p.RegularPrice,context:{..._},children:e(jt,{...(Bt=t.prices)==null?void 0:Bt.regular,locale:Gt(L)})}):void 0,zoomType:tt,closeButton:at,carouselConfig:{...o,thumbnails:o&&Object.keys(o).length?((Et=t==null?void 0:t.images)==null?void 0:Et.map(({label:r,url:d})=>{var l,i;return e(Rt,{title:r,alt:r,src:d,width:((l=o==null?void 0:o.thumbnailParams)==null?void 0:l.width)??200,height:((i=o==null?void 0:o.thumbnailParams)==null?void 0:i.height)??248,params:(o==null?void 0:o.thumbnailParams)??{width:200}},d)}))??[]:[]},outOfStock:!(t!=null&&t.inStock),attributes:U?void 0:e(P,{name:"Attributes",slot:p==null?void 0:p.Attributes,context:{..._},children:j!=null&&j.length?B(Jt,{children:[ht,e("ul",{children:j})]}):null}),galleryContent:(p==null?void 0:p.GalleryContent)&&e(P,{name:"GalleryContent",slot:p.GalleryContent,context:{..._}}),infoContent:(p==null?void 0:p.InfoContent)&&e(P,{name:"InfoContent",slot:p.InfoContent,context:{..._}}),productContent:(p==null?void 0:p.Content)&&e(P,{name:"Content",slot:p.Content,context:{..._}})})})};de.getInitialData=async function({sku:u,disableDropdownPreselection:I=!1,optionsConfig:S}){var V,U;const w=(U=(V=Ht.getConfig().models)==null?void 0:V.ProductDetails)==null?void 0:U.initialData;return w?te(w):Nt(u,{preselectFirstOption:!I,anchors:S==null?void 0:S.anchorOptions})};export{de as ProductDetails,de as default};
|
|
4
4
|
//# sourceMappingURL=ProductDetails.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as h}from"@dropins/tools/preact-jsx-runtime.js";import{useState as P,useEffect as G,useCallback as
|
|
3
|
+
import{jsx as h}from"@dropins/tools/preact-jsx-runtime.js";import{useState as P,useEffect as G,useCallback as O,useMemo as H}from"@dropins/tools/preact-compat.js";import{Slot as j}from"@dropins/tools/lib.js";import{events as S}from"@dropins/tools/event-bus.js";import"@dropins/tools/components.js";/* empty css */import{S as J}from"../chunks/Swatches.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";/* empty css *//* empty css */import{c as y,s as K,f as Q,p as V}from"../chunks/fetchProductData.js";import{g as T,s as b}from"../chunks/getProductConfigurationValues.js";import{s as B}from"../chunks/isProductConfigurationValid.js";import{g as W}from"../chunks/getFetchedProductData.js";import"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const X=({initialData:s={data:null,optionsUIDs:[]},scope:o,hideSelectedValue:g=!1,transformer:u,slots:a,onValues:p,onErrors:m,children:Y,...M})=>{var w;const[t,F]=P(s.data),[l,L]=P(s.optionsUIDs),[N,R]=P();G(()=>{const i=S.on("pdp/data",F,{scope:o}),c=S.on("pdp/values",({optionsUIDs:f})=>{f&&L(f)},{scope:o});return()=>{i==null||i.off(),c==null||c.off()}},[]);const q=O(async i=>{var D,k,v,C;if(!(t!=null&&t.sku))return;const{persistURLParams:c,anchors:f,acdl:A}=y.getConfig()??{};let r=Object.keys(i).map(n=>i[n].value).filter(n=>n!==void 0);c&&!(t!=null&&t.isBundle)&&K({optionsUIDs:r.join(",")}),((k=(D=T({scope:o}))==null?void 0:D.optionsUIDs)==null?void 0:k.join("|"))!==(r==null?void 0:r.join("|"))&&b(n=>({...n,optionsUIDs:r}),{scope:o}),p==null||p(r);const e=await Q(t.sku,{optionsUIDs:r??[],isBundle:t==null?void 0:t.isBundle,anchors:f});S.emit("pdp/data",e,{scope:o});let U=(r==null?void 0:r.length)===((v=e==null?void 0:e.options)==null?void 0:v.length);if(f!=null&&f.length){const n=(e==null?void 0:e.optionUIDs)??[];r.every(d=>n.includes(d))||(R(e==null?void 0:e.options),b(d=>({...d,optionsUIDs:n}),{scope:o}),U=(n==null?void 0:n.length)===((C=e==null?void 0:e.options)==null?void 0:C.length))}B(()=>U,{scope:o}),A&&e&&(e==null?void 0:e.variantSku)!==t.sku&&V(e)},[t==null?void 0:t.isBundle,t==null?void 0:t.sku,p,o]),z=O(i=>{Object.keys(i).length!==0&&(B(()=>!1,{scope:o}),m==null||m(i))},[m,o]),I=H(()=>{if(t!=null&&t.options){if(!u)return t.options;try{return u(t.options)??t.options}catch(i){return console.error("ProductOptions: transformer threw an error, using original options",i),t.options}}},[t==null?void 0:t.options,u]);return!t||!I?null:h(j,{name:"Swatches",slot:a==null?void 0:a.Swatches,context:{data:t,optionsUIDs:l},children:h(J,{...M,options:I,selectedUIDs:l,defaultOptions:l,selectionsToUpdate:N,hideSelectedValue:g,disablePreselections:!((w=y.getConfig())!=null&&w.preselectFirstOption),onValues:q,onErrors:z,imageSwatchNode:a!=null&&a.SwatchImage?({imageSwatchContext:i,...c})=>h(j,{name:"SwatchImage",slot:a==null?void 0:a.SwatchImage,slotTag:"span",contentTag:"span",context:{data:t,optionsUIDs:l,defaultImageProps:c,imageSwatchContext:i}}):void 0})})};X.getInitialData=async function(s){var u;const o=await W({scope:s==null?void 0:s.scope}),g=((u=T({scope:s==null?void 0:s.scope}))==null?void 0:u.optionsUIDs)??[];return{data:o,optionsUIDs:g}};export{X as ProductOptions,X as default};
|
|
4
4
|
//# sourceMappingURL=ProductOptions.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as P}from"@dropins/tools/preact-jsx-runtime.js";import{useState as i,useEffect as y}from"@dropins/tools/preact-compat.js";import{classes as I}from"@dropins/tools/lib.js";import{Incrementer as b}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";import{s as q}from"../chunks/getProductConfigurationValues.js";import{g as D}from"../chunks/getFetchedProductData.js";import{
|
|
3
|
+
import{jsx as P}from"@dropins/tools/preact-jsx-runtime.js";import{useState as i,useEffect as y}from"@dropins/tools/preact-compat.js";import{classes as I}from"@dropins/tools/lib.js";import{Incrementer as b}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";import{s as q}from"../chunks/getProductConfigurationValues.js";import{g as D}from"../chunks/getFetchedProductData.js";import{g as h,c as x,s as C}from"../chunks/fetchProductData.js";import{useText as S}from"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/isProductConfigurationValid.js";const U=({initialData:u=null,scope:a,onValue:e,children:F,...o})=>{const l=S("PDP.Product.Incrementer.label").label,[c,f]=i(u),[s,p]=i(()=>h(1));y(()=>{const r=m.on("pdp/data",f,{scope:a}),t=m.on("pdp/values",({quantity:n})=>{p(n)},{eager:!0,scope:a});return()=>{r==null||r.off(),t==null||t.off()}},[a]);const d=r=>{const t=parseInt(r,10);q(g=>({...g,quantity:t}),{scope:a});const{persistURLParams:n}=x.getConfig()??{};n&&C({quantity:t}),e==null||e(t)};return c?P(b,{name:"quantity",defaultValue:String(s),value:String(s),min:1,"aria-label":l,onValue:d,...o,className:I(["pdp-quantity",o.className])},"quantity"):null};U.getInitialData=D;export{U as ProductQuantity,U as default};
|
|
4
4
|
//# sourceMappingURL=ProductQuantity.js.map
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/storefront-pdp", "version": "3.0.
|
|
1
|
+
{"name": "@dropins/storefront-pdp", "version": "3.0.2-alpha1", "@dropins/tools": "~1.5.0", "license": "SEE LICENSE IN LICENSE.md"}
|
package/render.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
(function(e,a){try{if(typeof document<"u"){const o=document.createElement("style"),p=a.styleId;for(const r in a.attributes)o.setAttribute(r,a.attributes[r]);o.setAttribute("data-dropin",p),o.appendChild(document.createTextNode(e));const t=document.querySelector('style[data-dropin="sdk"]');if(t)t.after(o);else{const r=document.querySelector('link[rel="stylesheet"], style');r?r.before(o):document.head.append(o)}}}catch(o){console.error("dropin-styles (injectCodeFunction)",o)}})(`.pdp-gift-card-options{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.pdp-gift-card-options__grid{display:flex;flex-direction:column;gap:var(--spacing-small)}.pdp-gift-card-options__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-small)}.pdp-product__gift-card-options-container{grid-column:1 / -1}.pdp-gift-card-options__option-field{min-width:0;box-sizing:border-box}.pdp-gift-card-options__option-field--full-width{grid-column:1 / -1}.pdp-gift-card-options__label{font-weight:700;margin-bottom:var(--spacing-xsmall)}
|
|
4
|
-
.pdp-
|
|
5
|
-
.pdp-carousel{--icon-size: 32px;--icon-extra-padding: 8px;--thumb-peak: 32px;--thumbnails-col-width: 18.6%;position:relative;display:flex;flex-direction:var(--flex-carousel);align-items:center;gap:var(--gap);width:var(--width)}.pdp-carousel .dropin-button--tertiary--disabled:hover{color:var(--color-neutral-500)}.pdp-carousel--thumbnailsColumn{justify-content:flex-end;align-items:start}.pdp-carousel--thumbnailsRow{align-items:center}.pdp-carousel--arrows{padding-left:calc(var(--icon-size) + var(--icon-extra-padding));padding-right:calc(var(--icon-size) + var(--icon-extra-padding));width:calc(var(--width) - 2 * var(--icon-size) - 2 * var(--icon-extra-padding))}.pdp-carousel__button{position:absolute;top:50%;transform:translateY(-50%);padding:0}.pdp-carousel__button--prev{left:0}[dir=rtl] .pdp-carousel__button--prev{left:auto;right:0}[dir=rtl] .pdp-carousel__button--next{right:auto;left:0}.pdp-carousel__button__icon--next{transform:rotate(-90deg)}.pdp-carousel__button--next{right:0}.pdp-carousel__button__icon--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--prev{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--next{transform:rotate(90deg)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsColumn .pdp-carousel__button--prev{left:var(--thumbnails-col-width)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--prev,.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--next{top:calc(var(--height) / 2)}.pdp-carousel__button--thumbnailsColumn{margin:auto;padding:0}.pdp-carousel__button--thumbnailsRow{padding:0}.pdp-carousel__button__icon--thumbnailsColumn--prev{transform:rotate(180deg)}.pdp-carousel__button__icon--thumbnailsRow--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--prev,.pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(90deg)}.pdp-carousel__wrapper{--peak: 0px;scroll-padding:var(--peak);width:var(--total-width);height:var(--height);display:flex;flex-wrap:nowrap;gap:var(--gap);-webkit-overflow-scrolling:touch}.pdp-carousel__wrapper--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pdp-carousel__slide{display:grid;grid-gap:var(--gap);grid-auto-columns:1fr;grid-auto-rows:100%;scroll-snap-align:end;scroll-snap-stop:always;flex-shrink:0}.pdp-carousel__slide--horizontal{grid-auto-flow:column;width:calc(100% - var(--peak))}.pdp-carousel__slide--horizontal.pdp-carousel__slide--orphan{width:calc((100% / var(--per-page) * var(--length)) - var(--peak) / var(--per-page) * var(--length) - var(--gap) / var(--per-page) * (var(--per-page) - var(--length)))}.pdp-carousel__slide *{vertical-align:middle;max-width:100%;max-height:100%;width:100%;height:100%}.pdp-carousel__slide img{object-fit:contain;width:100%;height:100%}.pdp-carousel__wrapper--peak{--peak: calc(var(--spacing-medium) + var(--gap))}.pdp-carousel__wrapper--scrollbar{--scroll-foreground: var(--color-neutral-600);--scroll-background: var(--color-neutral-400);scrollbar-color:var(--scroll-foreground) var(--scroll-background);scrollbar-width:thin}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar){scrollbar-width:none}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar)::-webkit-scrollbar{display:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar{width:4px;height:4px}.pdp-carousel__slide--hidden{opacity:0;pointer-events:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-foreground)}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-track{background:var(--scroll-background)}.pdp-carousel__controls__container--thumbnailsRow{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: calc((var(--width) - 2 * var(--icon-size) - 4 * var(--thumbnails-spacing) - var(--thumb-peak) - 2 * var(--thumbnails-box-width)) / 4);margin-top:var(--thumbnails-rest);width:var(--width);display:flex}.pdp-carousel__controls__container--thumbnailsColumn{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: 100%;margin-right:var(--thumbnails-rest);width:calc(var(--thumbnails-col-width) - var(--thumbnails-rest))}.pdp-carousel__controls__container--thumbnailsColumn:not(.pdp-carousel__controls__container--no-arrows){height:calc(max(var(--height),4 * var(--thumbnails-spacing)) - 4 * var(--thumbnails-spacing))}.pdp-carousel__controls__container--thumbnailsColumn.pdp-carousel__controls__container--no-arrows{height:var(--height)}.pdp-carousel__controls__wrapper--thumbnailsColumn{max-height:100%;overflow-y:scroll}.pdp-carousel__controls__wrapper--thumbnailsRow{max-width:100%;overflow-x:scroll}.pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:0;margin-right:var(--thumbnails-box-width)}[dir=rtl] .pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:var(--thumbnails-box-width);margin-right:0}.pdp-carousel__controls__wrapper::-webkit-scrollbar{display:none}.pdp-carousel__controls__wrapper{-ms-overflow-style:none;scrollbar-width:none}.pdp-carousel__controls{display:flex;flex-direction:row;gap:var(--spacing-xsmall)}.pdp-carousel__controls--thumbnailsColumn{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-row-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls--thumbnailsRow{grid-column-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls__button{border-radius:50%;width:10px;height:10px;padding:0;border:none;background:var(--color-neutral-400);cursor:pointer}.pdp-carousel__controls__button:hover{background:var(--color-neutral-500)}.pdp-carousel__controls__button:active,.pdp-carousel__controls__button--active{background:var(--color-neutral-600)}.pdp-carousel__slide--last{width:100%}.pdp-carousel__thumbnail__container input[type=radio]{opacity:0;position:absolute;width:0;height:0}.pdp-carousel__thumbnail__container .pdp-carousel__thumbnail__span{--bg-color: var(--color-neutral-300);display:inline-block;box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%;overflow:hidden}.pdp-carousel__thumbnail__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;overflow:hidden}.pdp-carousel__thumbnail__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.pdp-carousel__controls__wrapper--thumbnailsRow .pdp-carousel__thumbnail__container{min-width:100px}.pdp-carousel__thumbnail__container input[type=radio]:not(:checked):active~.pdp-carousel-thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.pdp-carousel__thumbnail__container input[type=radio]:checked~.pdp-carousel__thumbnail__span,.pdp-carousel__thumbnail--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.pdp-carousel__thumbnail__container input[type=radio]:checked:active~.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.pdp-carousel__thumbnail__container input[type=radio]:focus-visible+.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.pdp-carousel__thumbnail__span img{object-fit:cover;width:100%;height:100%}.pdp-product{display:grid;grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);margin:0 var(--grid-1-margins)}.pdp-product__gallery-column{display:none}.pdp-product__content-column{grid-column:1 / span 4;color:var(--color-neutral-800)}.pdp-product__header{display:grid;grid-auto-rows:max-content;margin-bottom:var(--spacing-medium)}.pdp-product__breadcrumbs{grid-column:1 / -1;padding:var(--spacing-medium) 0 var(--spacing-xxbig)}.pdp-product__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-product__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-product__prices{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-product__out-of-stock__text{font:var(--type-headline-2-strong-font)}.pdp-product__options{grid-column:1 / span 4}.pdp-product__price,.pdp-product__price-special{font:var(--type-headline-2-strong-font)}.pdp-product__price,.pdp-product__sku,.pdp-product__price-special,.pdp-product__out-of-stock__text{letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-product__price--grey{color:var(--color-neutral-500)}.pdp-product__actions,.pdp-product__actions--out-of-stock{display:grid;grid-auto-flow:row;gap:var(--grid-1-gutters);grid-auto-rows:max-content;margin-bottom:var(--spacing-xxbig);margin-top:var(--spacing-big)}.pdp-product__short_description,.pdp-product__attributes{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-small)}.pdp-product__description,.pdp-product__attributes li{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.pdp-product__attributes{margin-top:var(--spacing-xsmall)}.pdp-product__short_description p,.pdp-product__description p,.pdp-product__attributes li p{margin:0}.pdp-product__short_description figure,.pdp-product__description figure{margin:0}.pdp-product__short_description img,.pdp-product__description img{max-width:100%}.pdp-product__images--carousel{max-height:60vh}.pdp-product__images--carousel--thumbnails{max-height:90vh}.pdp-product__images__placeholder{background-color:var(--color-neutral-200)}.pdp-product__buttons{display:grid;grid-auto-rows:max-content;grid-gap:var(--grid-1-gutters)}.pdp-product__buttons a{text-align:center}.pdp-product__buttons a:hover{text-decoration:none}.pdp-product__overlay .pdp-overlay__content{width:100%;height:100%}.pdp-product__overlay__carousel{width:100%;height:100%;box-sizing:border-box}.pdp-product__overlay__carousel img{width:100%;height:100%;object-fit:contain}.pdp-carousel__controls__container--thumbnailsRow img,.pdp-carousel__controls__container--thumbnailsColumn img{object-fit:cover}.pdp-product__quantity,.pdp-product__buttons{grid-column:1 / span 4}@media only screen and (min-width: 1024px){.pdp-product__breadcrumbs{grid-column:2 / -2}.pdp-product{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins);position:relative}.pdp-product__column-container{position:relative;display:flex;flex-direction:column}.pdp-product__column-body{position:sticky;bottom:30%;align-self:flex-end}.pdp-product__gallery-column{display:block;grid-column:2 / span 6}.pdp-product__content-column{grid-column:8 / span 4;padding-top:var(--spacing-medium)}.pdp-product__images--carousel{display:none}.pdp-product__header{margin-bottom:var(--spacing-small)}.pdp-product__actions{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-xxbig)}.pdp-product__quantity{grid-column:1 / span 2;width:fit-content}.pdp-product__actions--out-of-stock{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-small)}.pdp-product__buttons{grid-column:1 / span 4}.pdp-product__out-of-stock__text{grid-column:1 / span 2}.pdp-product__gallery-content,.pdp-product__content{grid-column:2 / span 6}}.pdp-gallery-grid{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(1,1fr);grid-auto-rows:max-content}.pdp-gallery-grid__item>*{height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:100%;object-fit:contain}.pdp-gallery-grid__item:only-child{grid-column:1 / span 2}.pdp-gallery-grid__item:first-child:nth-last-child(2){grid-column:1 / span 2;grid-row:1}.pdp-gallery-grid__item:nth-child(2):last-child{grid-column:1 / 3;grid-row:2}@media only screen and (min-width: 1024px){.pdp-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pdp-price-range .dropin-price{letter-spacing:var(--type-headline-2-strong-letter-spacing);font:var(--type-headline-2-strong-font)}.pdp-price-range__label{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-left:5px;margin-right:5px}.pdp-overlay{position:fixed;top:0;left:0;z-index:1000;right:0;bottom:0;background-color:var(--color-neutral-50);display:flex;padding:var(--spacing-medium)}.pdp-overlay--centered{align-items:center;justify-content:center}.pdp-overlay__content{display:flex;height:100%;width:100%}.pdp-overlay__close-button{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);z-index:1001}.pdp-swatches{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content;position:relative;z-index:0}.pdp-swatches__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-xsmall)}.pdp-swatches__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800)}.pdp-swatches__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall)}.pdp-zoom{cursor:zoom-in;overflow:hidden;margin:0;position:relative}.pdp-zoom img{height:100%;max-width:100%;min-width:100%;object-fit:contain;position:relative;transition:transform .2s ease-out;transform:var(--transform);vertical-align:middle;width:100%;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.pdp-zoom .pdp-zoom__close-button{background-color:var(--color-neutral-50);border-radius:50%;position:absolute;right:var(--spacing-small);top:var(--spacing-small);width:10px;height:10px}.pdp-zoom.pdp-zoom--zoomed{cursor:zoom-out}.pdp-zoom.pdp-zoom--no-effects{cursor:default}@media only screen and (max-width: 768px){.pdp-zoom img{display:block;width:100%;height:100%;transition:transform .2s ease-out;transform:var(--transform);will-change:transform;backface-visibility:hidden}}.pdp-header{display:grid;grid-auto-rows:max-content}.pdp-header__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-header__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-price{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-price__amount,.pdp-price__amount-special{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-price__amount--grey{color:var(--color-neutral-500)}.pdp-price__tiers{flex:0 0 100%}.pdp-price-tiers{display:flex;flex-direction:column;gap:8px;margin-top:8px}.pdp-price-tiers__tier{font:var(--type-body-2-font);color:var(--color-text-primary);line-height:1.4}.pdp-price-tiers__text{display:inline}.pdp-price-tiers__price{font-weight:600;color:var(--color-text-primary)}.pdp-price-tiers__savings{font-weight:600;color:var(--color-success)}`,{styleId:"PDP"});
|
|
3
|
+
(function(e,a){try{if(typeof document<"u"){const o=document.createElement("style"),p=a.styleId;for(const r in a.attributes)o.setAttribute(r,a.attributes[r]);o.setAttribute("data-dropin",p),o.appendChild(document.createTextNode(e));const t=document.querySelector('style[data-dropin="sdk"]');if(t)t.after(o);else{const r=document.querySelector('link[rel="stylesheet"], style');r?r.before(o):document.head.append(o)}}}catch(o){console.error("dropin-styles (injectCodeFunction)",o)}})(`.pdp-carousel{--icon-size: 32px;--icon-extra-padding: 8px;--thumb-peak: 32px;--thumbnails-col-width: 18.6%;position:relative;display:flex;flex-direction:var(--flex-carousel);align-items:center;gap:var(--gap);width:var(--width)}.pdp-carousel .dropin-button--tertiary--disabled:hover{color:var(--color-neutral-500)}.pdp-carousel--thumbnailsColumn{justify-content:flex-end;align-items:start}.pdp-carousel--thumbnailsRow{align-items:center}.pdp-carousel--arrows{padding-left:calc(var(--icon-size) + var(--icon-extra-padding));padding-right:calc(var(--icon-size) + var(--icon-extra-padding));width:calc(var(--width) - 2 * var(--icon-size) - 2 * var(--icon-extra-padding))}.pdp-carousel__button{position:absolute;top:50%;transform:translateY(-50%);padding:0}.pdp-carousel__button--prev{left:0}[dir=rtl] .pdp-carousel__button--prev{left:auto;right:0}[dir=rtl] .pdp-carousel__button--next{right:auto;left:0}.pdp-carousel__button__icon--next{transform:rotate(-90deg)}.pdp-carousel__button--next{right:0}.pdp-carousel__button__icon--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--prev{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--next{transform:rotate(90deg)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsColumn .pdp-carousel__button--prev{left:var(--thumbnails-col-width)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--prev,.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--next{top:calc(var(--height) / 2)}.pdp-carousel__button--thumbnailsColumn{margin:auto;padding:0}.pdp-carousel__button--thumbnailsRow{padding:0}.pdp-carousel__button__icon--thumbnailsColumn--prev{transform:rotate(180deg)}.pdp-carousel__button__icon--thumbnailsRow--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--prev,.pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(90deg)}.pdp-carousel__wrapper{--peak: 0px;scroll-padding:var(--peak);width:var(--total-width);height:var(--height);display:flex;flex-wrap:nowrap;gap:var(--gap);-webkit-overflow-scrolling:touch}.pdp-carousel__wrapper--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pdp-carousel__slide{display:grid;grid-gap:var(--gap);grid-auto-columns:1fr;grid-auto-rows:100%;scroll-snap-align:end;scroll-snap-stop:always;flex-shrink:0}.pdp-carousel__slide--horizontal{grid-auto-flow:column;width:calc(100% - var(--peak))}.pdp-carousel__slide--horizontal.pdp-carousel__slide--orphan{width:calc((100% / var(--per-page) * var(--length)) - var(--peak) / var(--per-page) * var(--length) - var(--gap) / var(--per-page) * (var(--per-page) - var(--length)))}.pdp-carousel__slide *{vertical-align:middle;max-width:100%;max-height:100%;width:100%;height:100%}.pdp-carousel__slide img{object-fit:contain;width:100%;height:100%}.pdp-carousel__wrapper--peak{--peak: calc(var(--spacing-medium) + var(--gap))}.pdp-carousel__wrapper--scrollbar{--scroll-foreground: var(--color-neutral-600);--scroll-background: var(--color-neutral-400);scrollbar-color:var(--scroll-foreground) var(--scroll-background);scrollbar-width:thin}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar){scrollbar-width:none}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar)::-webkit-scrollbar{display:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar{width:4px;height:4px}.pdp-carousel__slide--hidden{opacity:0;pointer-events:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-foreground)}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-track{background:var(--scroll-background)}.pdp-carousel__controls__container--thumbnailsRow{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: calc((var(--width) - 2 * var(--icon-size) - 4 * var(--thumbnails-spacing) - var(--thumb-peak) - 2 * var(--thumbnails-box-width)) / 4);margin-top:var(--thumbnails-rest);width:var(--width);display:flex}.pdp-carousel__controls__container--thumbnailsColumn{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: 100%;margin-right:var(--thumbnails-rest);width:calc(var(--thumbnails-col-width) - var(--thumbnails-rest))}.pdp-carousel__controls__container--thumbnailsColumn:not(.pdp-carousel__controls__container--no-arrows){height:calc(max(var(--height),4 * var(--thumbnails-spacing)) - 4 * var(--thumbnails-spacing))}.pdp-carousel__controls__container--thumbnailsColumn.pdp-carousel__controls__container--no-arrows{height:var(--height)}.pdp-carousel__controls__wrapper--thumbnailsColumn{max-height:100%;overflow-y:scroll}.pdp-carousel__controls__wrapper--thumbnailsRow{max-width:100%;overflow-x:scroll}.pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:0;margin-right:var(--thumbnails-box-width)}[dir=rtl] .pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:var(--thumbnails-box-width);margin-right:0}.pdp-carousel__controls__wrapper::-webkit-scrollbar{display:none}.pdp-carousel__controls__wrapper{-ms-overflow-style:none;scrollbar-width:none}.pdp-carousel__controls{display:flex;flex-direction:row;gap:var(--spacing-xsmall)}.pdp-carousel__controls--thumbnailsColumn{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-row-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls--thumbnailsRow{grid-column-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls__button{border-radius:50%;width:10px;height:10px;padding:0;border:none;background:var(--color-neutral-400);cursor:pointer}.pdp-carousel__controls__button:hover{background:var(--color-neutral-500)}.pdp-carousel__controls__button:active,.pdp-carousel__controls__button--active{background:var(--color-neutral-600)}.pdp-carousel__slide--last{width:100%}.pdp-carousel__thumbnail__container input[type=radio]{opacity:0;position:absolute;width:0;height:0}.pdp-carousel__thumbnail__container .pdp-carousel__thumbnail__span{--bg-color: var(--color-neutral-300);display:inline-block;box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%;overflow:hidden}.pdp-carousel__thumbnail__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;overflow:hidden}.pdp-carousel__thumbnail__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.pdp-carousel__controls__wrapper--thumbnailsRow .pdp-carousel__thumbnail__container{min-width:100px}.pdp-carousel__thumbnail__container input[type=radio]:not(:checked):active~.pdp-carousel-thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.pdp-carousel__thumbnail__container input[type=radio]:checked~.pdp-carousel__thumbnail__span,.pdp-carousel__thumbnail--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.pdp-carousel__thumbnail__container input[type=radio]:checked:active~.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.pdp-carousel__thumbnail__container input[type=radio]:focus-visible+.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.pdp-carousel__thumbnail__span img{object-fit:cover;width:100%;height:100%}.pdp-product{display:grid;grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);margin:0 var(--grid-1-margins)}.pdp-product__gallery-column{display:none}.pdp-product__content-column{grid-column:1 / span 4;color:var(--color-neutral-800)}.pdp-product__header{display:grid;grid-auto-rows:max-content;margin-bottom:var(--spacing-medium)}.pdp-product__breadcrumbs{grid-column:1 / -1;padding:var(--spacing-medium) 0 var(--spacing-xxbig)}.pdp-product__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-product__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-product__prices{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-product__out-of-stock__text{font:var(--type-headline-2-strong-font)}.pdp-product__options{grid-column:1 / span 4}.pdp-product__price,.pdp-product__price-special{font:var(--type-headline-2-strong-font)}.pdp-product__price,.pdp-product__sku,.pdp-product__price-special,.pdp-product__out-of-stock__text{letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-product__price--grey{color:var(--color-neutral-500)}.pdp-product__actions,.pdp-product__actions--out-of-stock{display:grid;grid-auto-flow:row;gap:var(--grid-1-gutters);grid-auto-rows:max-content;margin-bottom:var(--spacing-xxbig);margin-top:var(--spacing-big)}.pdp-product__short_description,.pdp-product__attributes{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-small)}.pdp-product__description,.pdp-product__attributes li{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.pdp-product__attributes{margin-top:var(--spacing-xsmall)}.pdp-product__short_description p,.pdp-product__description p,.pdp-product__attributes li p{margin:0}.pdp-product__short_description figure,.pdp-product__description figure{margin:0}.pdp-product__short_description img,.pdp-product__description img{max-width:100%}.pdp-product__images--carousel{max-height:60vh}.pdp-product__images--carousel--thumbnails{max-height:90vh}.pdp-product__images__placeholder{background-color:var(--color-neutral-200)}.pdp-product__buttons{display:grid;grid-auto-rows:max-content;grid-gap:var(--grid-1-gutters)}.pdp-product__buttons a{text-align:center}.pdp-product__buttons a:hover{text-decoration:none}.pdp-product__overlay .pdp-overlay__content{width:100%;height:100%}.pdp-product__overlay__carousel{width:100%;height:100%;box-sizing:border-box}.pdp-product__overlay__carousel img{width:100%;height:100%;object-fit:contain}.pdp-carousel__controls__container--thumbnailsRow img,.pdp-carousel__controls__container--thumbnailsColumn img{object-fit:cover}.pdp-product__quantity,.pdp-product__buttons{grid-column:1 / span 4}@media only screen and (min-width: 1024px){.pdp-product__breadcrumbs{grid-column:2 / -2}.pdp-product{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins);position:relative}.pdp-product__column-container{position:relative;display:flex;flex-direction:column}.pdp-product__column-body{position:sticky;bottom:30%;align-self:flex-end}.pdp-product__gallery-column{display:block;grid-column:2 / span 6}.pdp-product__content-column{grid-column:8 / span 4;padding-top:var(--spacing-medium)}.pdp-product__images--carousel{display:none}.pdp-product__header{margin-bottom:var(--spacing-small)}.pdp-product__actions{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-xxbig)}.pdp-product__quantity{grid-column:1 / span 2;width:fit-content}.pdp-product__actions--out-of-stock{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-small)}.pdp-product__buttons{grid-column:1 / span 4}.pdp-product__out-of-stock__text{grid-column:1 / span 2}.pdp-product__gallery-content,.pdp-product__content{grid-column:2 / span 6}}.pdp-gallery-grid{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(1,1fr);grid-auto-rows:max-content}.pdp-gallery-grid__item>*{height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:100%;object-fit:contain}.pdp-gallery-grid__item:only-child{grid-column:1 / span 2}.pdp-gallery-grid__item:first-child:nth-last-child(2){grid-column:1 / span 2;grid-row:1}.pdp-gallery-grid__item:nth-child(2):last-child{grid-column:1 / 3;grid-row:2}@media only screen and (min-width: 1024px){.pdp-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pdp-price-range .dropin-price{letter-spacing:var(--type-headline-2-strong-letter-spacing);font:var(--type-headline-2-strong-font)}.pdp-price-range__label{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-left:5px;margin-right:5px}.pdp-overlay{position:fixed;top:0;left:0;z-index:1000;right:0;bottom:0;background-color:var(--color-neutral-50);display:flex;padding:var(--spacing-medium)}.pdp-overlay--centered{align-items:center;justify-content:center}.pdp-overlay__content{display:flex;height:100%;width:100%}.pdp-overlay__close-button{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);z-index:1001}.pdp-swatches{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content;position:relative;z-index:0}.pdp-swatches__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-xsmall)}.pdp-swatches__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800)}.pdp-swatches__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall)}.pdp-zoom{cursor:zoom-in;overflow:hidden;margin:0;position:relative}.pdp-zoom img{height:100%;max-width:100%;min-width:100%;object-fit:contain;position:relative;transition:transform .2s ease-out;transform:var(--transform);vertical-align:middle;width:100%;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.pdp-zoom .pdp-zoom__close-button{background-color:var(--color-neutral-50);border-radius:50%;position:absolute;right:var(--spacing-small);top:var(--spacing-small);width:10px;height:10px}.pdp-zoom.pdp-zoom--zoomed{cursor:zoom-out}.pdp-zoom.pdp-zoom--no-effects{cursor:default}@media only screen and (max-width: 768px){.pdp-zoom img{display:block;width:100%;height:100%;transition:transform .2s ease-out;transform:var(--transform);will-change:transform;backface-visibility:hidden}}.pdp-header{display:grid;grid-auto-rows:max-content}.pdp-header__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-header__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-price{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-price__amount,.pdp-price__amount-special{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-price__amount--grey{color:var(--color-neutral-500)}.pdp-price__tiers{flex:0 0 100%}.pdp-price-tiers{display:flex;flex-direction:column;gap:8px;margin-top:8px}.pdp-price-tiers__tier{font:var(--type-body-2-font);color:var(--color-text-primary);line-height:1.4}.pdp-price-tiers__text{display:inline}.pdp-price-tiers__price{font-weight:600;color:var(--color-text-primary)}.pdp-price-tiers__savings{font-weight:600;color:var(--color-success)}
|
|
4
|
+
.pdp-gift-card-options{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.pdp-gift-card-options__grid{display:flex;flex-direction:column;gap:var(--spacing-small)}.pdp-gift-card-options__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-small)}.pdp-product__gift-card-options-container{grid-column:1 / -1}.pdp-gift-card-options__option-field{min-width:0;box-sizing:border-box}.pdp-gift-card-options__option-field--full-width{grid-column:1 / -1}.pdp-gift-card-options__label{font-weight:700;margin-bottom:var(--spacing-xsmall)}
|
|
5
|
+
.pdp-downloadable-options{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content;position:relative;z-index:0}.pdp-downloadable-options__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-small)}.pdp-downloadable-options__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800);margin-bottom:var(--spacing-xxsmall)}.pdp-downloadable-options__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-small)}.pdp-downloadable-options__item{position:relative;min-width:0;display:flex;flex-direction:row;align-items:stretch}.pdp-downloadable-options__item--disabled{cursor:not-allowed;opacity:.6}.pdp-downloadable-options__item--disabled .pdp-downloadable-options__clickable{cursor:not-allowed}.pdp-downloadable-options__item--disabled:hover{border-color:var(--color-neutral-300);background-color:var(--color-neutral-50)}.pdp-downloadable-options__item--sample{cursor:default}.pdp-downloadable-options__item--sample:hover{border-color:var(--color-neutral-300);background-color:var(--color-neutral-50)}.pdp-downloadable-options__item--sample .pdp-downloadable-options__clickable{cursor:default;pointer-events:none}.pdp-downloadable-options__clickable{padding:var(--spacing-xsmall);outline:none;border-radius:var(--shape-border-radius-2) 0 0 var(--shape-border-radius-2);border:2px solid var(--color-neutral-300);background-color:var(--color-neutral-50);font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;display:flex;flex-direction:column;flex:1;transition:all .15s ease}.pdp-downloadable-options__clickable:hover:not(:disabled){border-color:var(--color-neutral-500);background-color:var(--color-neutral-100)}.pdp-downloadable-options__item--selected .pdp-downloadable-options__clickable{border-color:var(--color-brand-500);background-color:var(--color-brand-50)}.pdp-downloadable-options__item--selected .pdp-downloadable-options__clickable:hover:not(:disabled){border-color:var(--color-brand-600);background-color:var(--color-brand-100)}.pdp-downloadable-options__clickable:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.pdp-downloadable-options__item:has(.pdp-downloadable-options__clickable:focus-visible){outline:2px solid var(--color-brand-500);outline-offset:2px}.pdp-downloadable-options__content{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.pdp-downloadable-options__header{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-small)}.pdp-downloadable-options__title{font:var(--type-body-2-font);color:var(--color-neutral-900);line-height:1.4;flex:1;min-width:0}.pdp-downloadable-options__sample-button{padding:var(--spacing-xsmall);font:var(--type-details-caption-2-font);color:var(--color-brand-600);background-color:var(--color-neutral-50);border:2px solid var(--color-neutral-300);border-left:none;border-radius:0 var(--shape-border-radius-2) var(--shape-border-radius-2) 0;cursor:pointer;flex-shrink:0;white-space:nowrap;text-decoration:none;display:flex;align-items:center}.pdp-downloadable-options__price{font:var(--type-body-2-strong-font);color:var(--color-neutral-900);white-space:nowrap;flex-shrink:0}.pdp-downloadable-options__sample{display:inline-block;padding:0 var(--spacing-xsmall) var(--spacing-xsmall) var(--spacing-xsmall);font:var(--type-details-caption-2-font);color:var(--color-brand-600);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease;cursor:pointer}.pdp-downloadable-options__sample:hover{color:var(--color-brand-700);text-decoration-thickness:2px}`,{styleId:"PDP"});
|
|
6
6
|
import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as m,Render as u}from"@dropins/tools/lib.js";import{useState as c,useEffect as b}from"@dropins/tools/preact-hooks.js";import{UIProvider as d}from"@dropins/tools/components.js";import{events as f}from"@dropins/tools/event-bus.js";import{c as p}from"./chunks/fetchProductData.js";import"./fragments.js";import"@dropins/tools/fetch-graphql.js";import"./chunks/getProductConfigurationValues.js";import"./chunks/isProductConfigurationValid.js";const g={Product:{Incrementer:{label:"Item Quantity"},OutOfStock:{label:"Out of Stock"},AddToCart:{label:"Add to Cart"},Details:{label:"Details"},RegularPrice:{label:"Regular Price"},SpecialPrice:{label:"Special Price"},TierPrice:{label:"Tier Price"},TierPricing:{label:"Buy {quantity} for {price} each and save {percent}%"},Image:{label:"{product} Image {key} of {total}"},GiftCardOptions:{ChooseAmount:{label:"Choose amount"},OtherAmount:{label:"Other amount"},RequiredFieldError:{label:"This field is required"},NumberError:{label:"Please enter a valid number"},MinError:{label:"Minimum value is {min}"},MaxError:{label:"Maximum value is {max}"},MinLengthError:{label:"Minimum length is {min_length} characters"},MaxLengthError:{label:"Maximum length is {max_length} characters"},EmailError:{label:"Please enter a valid email address"},InvalidValueError:{label:"Please select one of the allowed values: {values}"}}},Swatches:{Required:{label:"Required"},ChooseOption:{label:"Choose an option"}},DownloadableOptions:{Sample:{label:"Sample"},ViewSample:{label:"View sample for {label}"}},Carousel:{label:"Carousel",Next:{label:"Next"},Previous:{label:"Previous"},Slide:{label:"Slide"},Controls:{label:"Carousel Controls",Button:{label:"Show slide {key} of {total}"}}},Overlay:{Close:{label:"Close"}},Zoom:{Close:{label:"Close"}}},h={PDP:g},P={default:h},C=({children:i})=>{var r;const[e,t]=c(),n=(r=p.getConfig())==null?void 0:r.langDefinitions;b(()=>{const l=f.on("locale",a=>{a!==e&&t(a)},{eager:!0});return()=>{l==null||l.off()}},[e]);const s=m(P,n??{});return o(d,{lang:e,langDefinitions:s,children:i})},q=new u(o(C,{}));export{q as render};
|
|
7
7
|
//# sourceMappingURL=render.js.map
|