@dropins/storefront-pdp 0.5.0-beta5 → 1.0.0-beta1

package/chunks/getRefinedProduct.js

@@ -1,185 +0,0 @@
-import{c as j}from"./initialize.js";import{FetchGraphQL as re}from"@dropins/tools/fetch-graphql.js";const{setEndpoint:we,setFetchGraphQlHeader:he,removeFetchGraphQlHeader:Se,setFetchGraphQlHeaders:_e,fetchGraphQl:R,getConfig:ke}=new re().getMethods();var N=(t=>(t.ComplexProduct="complex",t.SimpleProduct="simple",t))(N||{}),ee=(t=>(t.ComplexProductView="ComplexProductView",t.SimpleProductView="SimpleProductView",t))(ee||{});function K(t,u){var m,l,s,c,a,f,d;const i=((c=(s=(l=(m=t==null?void 0:t.options)==null?void 0:m[0])==null?void 0:l.values)==null?void 0:s[0])==null?void 0:c.__typename)==="ProductViewOptionValueProduct",r=ce(t,i,u==null?void 0:u.preselectFirstOption),e=(t==null?void 0:t.__typename)===ee.SimpleProductView?N.SimpleProduct:N.ComplexProduct,n=t?{name:t.name,sku:t.sku,isBundle:i,addToCartAllowed:t.addToCartAllowed,inStock:t.inStock,shortDescription:t.shortDescription,metaDescription:t.metaDescription,metaKeyword:t.metaKeyword,metaTitle:t.metaTitle,description:t.description,images:ne(t),prices:me(t,i,r),attributes:ue(t),options:ie(t,i),optionUIDs:r,url:t.url,urlKey:t.urlKey,externalId:t.externalId,externalParentId:t.externalParentId,variantSku:t.variantSku,productType:e}:null,o=(d=(f=(a=j.getConfig())==null?void 0:a.models)==null?void 0:f.ProductDetails)==null?void 0:d.transform;return o&&n?o(n):n}function ne(t){var u,i;return(i=(u=t.images)==null?void 0:u.filter(r=>{var e;return!((e=r.roles)!=null&&e.includes("hide_from_pdp"))}))==null?void 0:i.map(r=>(r.url=r.url.replace(/^https?:/,""),r))}function ue(t){var u,i;return(i=(u=t.attributes)==null?void 0:u.filter(({roles:r})=>(r==null?void 0:r.indexOf("visible_in_pdp"))!==-1))==null?void 0:i.map(({label:r,value:e,name:n})=>({id:n,label:r,value:e.toString().split(",").join(", ")}))}function ie(t,u){const{options:i,optionUIDs:r}=t;return i==null?void 0:i.map(({id:e,title:n,required:o,multi:m,values:l})=>{var a;const s=(a=l==null?void 0:l[0])==null?void 0:a.__typename;let c=l==null?void 0:l[0].type;return c?c=c.replace("COLOR_HEX","color").replace("TEXT","text").replace("IMAGE","image"):c="dropdown",{id:e,type:c,typename:s,label:n,required:o,multiple:m,items:u?oe(l,r):le(l,r,c)}})}function oe(t,u){return t==null?void 0:t.map(({id:i,title:r,inStock:e,isDefault:n,product:o})=>({id:i,inStock:e,label:r,selected:(u==null?void 0:u.indexOf(i))>-1||n,value:i,product:o}))}function le(t,u,i){return t==null?void 0:t.map(({id:r,title:e,inStock:n,value:o})=>({id:r,inStock:n,label:e,selected:(u==null?void 0:u.indexOf(r))>-1,value:(i==null?void 0:i.toLowerCase())==="dropdown"?r:o==null?void 0:o.replace(/^https?:/,"")}))}function me(t,u,i){var q,H,L,B,X;const{price:r,priceRange:e,options:n,optionUIDs:o=i}=t;let{__typename:m}=t;function l(){var x;const y=r.regular.amount.value,P=((x=r.final)==null?void 0:x.amount.value)??r.regular.amount.value,g=r.regular.amount.currency==="NONE"?"USD":r==null?void 0:r.regular.amount.currency;return[y,P,P,g]}function s(){var _,k,b,E,C,D,V,F,T,v,A,$;const y=(_=e==null?void 0:e.minimum)==null?void 0:_.final.amount.value,P=(k=e==null?void 0:e.maximum)==null?void 0:k.final.amount.value;let g;((E=(b=e==null?void 0:e.minimum)==null?void 0:b.regular)==null?void 0:E.amount.value)===((D=(C=e==null?void 0:e.maximum)==null?void 0:C.regular)==null?void 0:D.amount.value)&&(g=(F=(V=e==null?void 0:e.minimum)==null?void 0:V.regular)==null?void 0:F.amount.value);const x=((v=(T=e==null?void 0:e.minimum)==null?void 0:T.final)==null?void 0:v.amount.currency)==="NONE"?"USD":($=(A=e==null?void 0:e.minimum)==null?void 0:A.final)==null?void 0:$.amount.currency;return[g,y,P,x]}function c(){var b,E,C,D,V,F,T,v,A,$,Y,U;let y=0,P=0;n==null||n.forEach(O=>{var z;const I=O==null?void 0:O.values;if(I&&Array.isArray(I)){const w=I.map(p=>{var G,M,J,W;return(W=(J=(M=(G=p==null?void 0:p.product)==null?void 0:G.price)==null?void 0:M.regular)==null?void 0:J.amount)==null?void 0:W.value}).filter(p=>p!==void 0),Q=w.length>0?Math.max(...w):0;y+=Q}(z=O==null?void 0:O.values)==null||z.forEach(w=>{var Q,p,G,M;o!=null&&o.includes(w.id)&&(P+=(M=(G=(p=(Q=w==null?void 0:w.product)==null?void 0:Q.price)==null?void 0:p.final)==null?void 0:G.amount)==null?void 0:M.value)})});const g=(b=e==null?void 0:e.minimum)==null?void 0:b.final.amount.value,x=(E=e==null?void 0:e.maximum)==null?void 0:E.final.amount.value;let _;((D=(C=e==null?void 0:e.minimum)==null?void 0:C.regular)==null?void 0:D.amount.value)===((F=(V=e==null?void 0:e.maximum)==null?void 0:V.regular)==null?void 0:F.amount.value)&&(_=(v=(T=e==null?void 0:e.minimum)==null?void 0:T.regular)==null?void 0:v.amount.value);const k=(($=(A=e==null?void 0:e.minimum)==null?void 0:A.final)==null?void 0:$.amount.currency)==="NONE"?"USD":(U=(Y=e==null?void 0:e.minimum)==null?void 0:Y.final)==null?void 0:U.amount.currency;return u&&(o==null?void 0:o.length)<1?[_,g,x,k]:y===(e==null?void 0:e.maximum.regular.amount.value)?[P,P,P,k]:[_,g,x,k]}const[a,f,d,h]=m==="SimpleProductView"?l():u?c():s(),S=m==="SimpleProductView"?(q=r==null?void 0:r.roles)==null?void 0:q.includes("visible"):((L=(H=e==null?void 0:e.maximum)==null?void 0:H.roles)==null?void 0:L.includes("visible"))&&((X=(B=e==null?void 0:e.minimum)==null?void 0:B.roles)==null?void 0:X.includes("visible"));return d&&f===d?{regular:{amount:a,currency:h,variant:a&&f!==a?"strikethrough":"default"},final:{amount:d,currency:h,variant:"default"},visible:S}:{final:{minimumAmount:f,maximumAmount:d,currency:h},visible:S}}function ce(t,u,i){var r;return u?((r=t==null?void 0:t.options)==null?void 0:r.map(({values:n})=>{var l;const o=((l=n==null?void 0:n.find(({isDefault:s})=>s))==null?void 0:l.id)??null,m=i?n[0].id:null;return o||m})).filter(n=>n!==null):t==null?void 0:t.optionUIDs}const se=`
-fragment ProductOptionFragment on ProductViewOption {
-    id
-    title
-    required
-    multi
-    values {
-      id
-      title
-      inStock
-      __typename
-      ... on ProductViewOptionValueProduct {
-        title
-        quantity
-        isDefault
-        __typename
-        product {
-          sku
-          shortDescription
-          metaDescription
-          metaKeyword
-          metaTitle
-          name
-          price {
-            final {
-              amount {
-                value
-                currency
-              }
-            }
-            regular {
-              amount {
-                value
-                currency
-              }
-            }
-            roles
-          }
-        }
-      }
-      ... on ProductViewOptionValueSwatch {
-        id
-        title
-        type
-        value
-        inStock
-      }
-    }
-  }
-`,te=`
-fragment ProductFragment on ProductView {
-  __typename
-  id
-  sku
-  name
-  shortDescription
-  metaDescription
-  metaKeyword
-  metaTitle
-  description
-  inStock
-  addToCartAllowed
-  url
-  urlKey
-  externalId
-
-  images(roles: []) {
-    url
-    label
-    roles
-  }
-
-  attributes(roles: []) {
-    name
-    label
-    value
-    roles
-  }
-
-... on SimpleProductView {
-    price {
-        roles
-
-        regular {
-            amount {
-                value
-                currency
-            }
-        }
-
-        final {
-            amount {
-                value
-                currency
-            }
-        }
-    }
-}
-
-
-  ... on ComplexProductView {
-    options {
-      ...ProductOptionFragment
-    }
-
-    priceRange {
-      maximum {
-        final {
-          amount {
-            value
-            currency
-          }
-        }
-        regular {
-          amount {
-            value
-            currency
-          }
-        }
-        roles
-      }
-      minimum {
-        final {
-          amount {
-            value
-            currency
-          }
-        }
-        regular {
-          amount {
-            value
-            currency
-          }
-        }
-        roles
-      }
-    }
-  }
-}
-
-${se}
-`,ae=`
-query GET_PRODUCT_DATA($skus: [String]) {
-    products(skus: $skus) {
-        ...ProductFragment
-    }
-}
-
-${te}
-`,Oe=async(t,u)=>{var n,o,m,l,s;const i=(l=(m=(o=(n=j)==null?void 0:n.getConfig())==null?void 0:o.models)==null?void 0:m.ProductDetails)==null?void 0:l.initialData;if(i)return K(i);const{data:r}=await R(ae,{method:"GET",variables:{skus:[t]}}),e=(s=r==null?void 0:r.products)==null?void 0:s[0];return u!=null&&u.optionsUIDs&&(e.optionUIDs=u.optionsUIDs),K(e,{preselectFirstOption:u==null?void 0:u.preselectFirstOption})},de=`
-query REFINE_PRODUCT_QUERY(
-    $optionIds: [String!]!
-    $sku: String!
-) {
-    # Refined Product
-    refineProduct(
-        optionIds: $optionIds 
-        sku: $sku
-    ) {
-        ...ProductFragment
-    }
-
-    # Parent Product
-    products(skus: [$sku]) {
-        ...ProductFragment
-    }
-
-    # %extendedPlaceholder%
-}
-
-${te}
-`;async function Z(t,u){const i=fe(u),r=Pe(i,t),e=de.replace("# %extendedPlaceholder%",r),{data:n}=await R(e,{method:"GET",variables:{optionIds:u,sku:t}});return n}const be=async(t,u,i)=>{var a,f,d,h;const r=await Z(t,u);if(!r)return null;let{products:e,refineProduct:n,...o}=r;const m=e==null?void 0:e[0],l=pe(Object.values(o),m.options,i);if(i!=null&&i.length&&n===null){u=ye(l,u,i);const S=await Z(t,u);n=S==null?void 0:S.refineProduct}const s=K({...n||m,sku:m.sku,name:m.name,externalParentId:m==null?void 0:m.externalId,options:l,optionUIDs:u,variantSku:(n==null?void 0:n.__typename)==="SimpleProductView"?n==null?void 0:n.sku:void 0}),c=(h=(d=(f=(a=j)==null?void 0:a.getConfig())==null?void 0:f.models)==null?void 0:d.ProductDetails)==null?void 0:h.fallbackData;return c?c(m,s):s};function fe(t){if(t.length<2)return[t];const u=[];return t.forEach(i=>{const r=[];t.forEach(e=>{i!==e&&r.push(e)}),u.push(r)}),u}function Pe(t,u){return t.map((i,r)=>`
-          ProductOption${r}: refineProduct(
-            optionIds: [
-              ${i.map(e=>`"${e}"`).join(", ")}
-            ]
-            sku: "${u}"
-          ) {
-            ... on ComplexProductView {
-              options {
-                ...ProductOptionFragment
-              }
-            }
-          }
-        `).join("")}function pe(t,u,i){const r=Object.values(t).filter(n=>!!n).reduce((n,o)=>o.options?[...n,...o.options]:[...n],[]),e=new Map(u.map(n=>[n.id,n]));return r.forEach(n=>{i!=null&&i.includes(n.id)||e.set(n.id,n)}),[...e.values()]}function ye(t,u,i){const r=[];let e;return t.forEach(n=>{var o,m,l,s;i.includes(n.id)?e=((m=(o=n.values)==null?void 0:o.find(c=>u.includes(c==null?void 0:c.id)))==null?void 0:m.id)||((l=n.values[0])==null?void 0:l.id):e=(s=n.values[0])==null?void 0:s.id,r.push(e)}),r}export{he as a,_e as b,Oe as c,be as d,R as f,ke as g,Se as r,we as s};

package/chunks/initialize.js

@@ -1 +0,0 @@
-import{Initializer as t}from"@dropins/tools/lib.js";const i=new t({init:async n=>{const o={defaultLocale:"en-US"};i.config.setConfig({...o,...n})},listeners:()=>[]}),c=i.config;export{c,i};