https://park-place-liquor-and-deli.onrender.com/assets/ItemPreview-CPHKs94O.js

1import{r as p,j as m}from"./jsx-runtime-D2HyDbKh.js";import{D as rs}from"./CartProvider-DRDkNzgb.js";import{f as us,C as ks}from"./formatProductVariantAttributes-B4dzlm21.js";import{c as i}from"./Button-DN0gBET_.js";import{c as gs,d as ys,g as Gs,e as $s,A as Ns}from"./root-B7dITD1u.js";import{C as Ls}from"./StockIndicator-DktI9Z7o.js";import{a as Is}from"./components-SDhFL-zL.js";import{m as bs}from"./motion-FGmiHZpJ.js";var zs=(t=>(t.GRID="grid",t.LIST="list",t))(zs||{});const _s={mobileGrid:"flex flex-col justify-between items-center min-h-[230px] md:hidden",mobileList:"flex flex-col justify-between md:hidden p-4 h-full",desktopGrid:"flex flex-col justify-between items-center md:flex p-4",desktopList:"flex h-auto hidden md:flex p-4"},Ms={mobileGrid:"flex flex-col w-full justify-between h-full",mobileList:"flex flex-row items-center w-full gap-2",desktopGrid:"flex flex-row items-center w-full gap-4",desktopList:"flex flex-row items-center w-full gap-6"},hs={mobileGrid:"w-full h-[200px] object-cover",mobileList:"w-24 h-24 aspect-square object-cover flex-shrink-0",desktopGrid:"h-[160px] w-[160px] object-contain group-hover:scale-105",desktopList:"w-24 h-24 aspect-square object-contain flex-shrink-0"},Ds={mobileGrid:"flex flex-col p-2 pb-1 w-full",mobileList:"flex flex-col justify-center flex-1",desktopGrid:"flex flex-col w-full",desktopList:"flex flex-col justify-center flex-1"},Ps=({product:t,viewType:c,to:g=`/products/${t.slug}`.replace(/\/+/g,"/"),CollectionCardConfig:e,itemListId:I,itemListName:b,index:y})=>{var f,F,U,q,E,H,P,Q,R,W,Y,J,K,X,Z,T,v,A,V,C,ss,es,ts,ms,cs,xs,is,ns;const{defaultAvailableVariant:s,name:S,variants:G}=t,l=gs(),{selectedStoreEntry:j,maxQuantity:z}=ys(t.storeAvailability),[os,_]=p.useState(!1),[ls,js]=p.useState(!1),x=(F=(f=G==null?void 0:G.edges)==null?void 0:f[0])==null?void 0:F.node,u="https://d3gevp8yznwb3s.cloudfront.net/images/UNAVAILABLE.png",M=(x==null?void 0:x.media)&&x.media.length>1,ds=((U=s==null?void 0:s.image)==null?void 0:U.scale1x)||((q=x==null?void 0:x.image)==null?void 0:q.scale1x)||u,Ss=(E=s==null?void 0:s.image)!=null&&E.scale1x?`${(H=s==null?void 0:s.image)==null?void 0:H.scale1x} 1x, ${(P=s==null?void 0:s.image)==null?void 0:P.scale2x} 2x, ${(Q=s==null?void 0:s.image)==null?void 0:Q.scale3x} 3x`:(R=x==null?void 0:x.image)!=null&&R.scale1x?`${x.image.scale1x} 1x, ${x.image.scale2x} 2x, ${x.image.scale3x} 3x`:`${u}?width=200&height=200 1x, ${u}?width=400&height=400 2x, ${u}?width=600&height=600 3x`,o=M?(W=x.media)==null?void 0:W[1]:null,$=o==null?void 0:o.scale1x,D=o?`${o.scale1x} 1x, ${o.scale2x} 2x, ${o.scale3x} 3x`:"",ws=s!=null&&s.packSize&&(s!=null&&s.containerType)?us(s.packSize,s.containerType):"",B=(s==null?void 0:s.containerType)===ks.Bundle?`Bundle${s!=null&&s.size?` #${s==null?void 0:s.size}`:""}`:`${(s==null?void 0:s.size)??""}${(s==null?void 0:s.uom)??""} ${ws??""}`.trim(),k=s!=null&&s.packSize&&(s==null?void 0:s.packSize)>1?`${s==null?void 0:s.packSize} x ${B}`:B,h=(s==null?void 0:s.price)??(j==null?void 0:j.price),n=s==null?void 0:s.compareAtPrice,O=(t==null?void 0:t.modifierGroup)&&t.modifierGroup.length>0&&((X=(K=(J=(Y=t==null?void 0:t.variants)==null?void 0:Y.edges)==null?void 0:J[0])==null?void 0:K.node)!=null&&X.description)?(A=(v=(T=(Z=t==null?void 0:t.variants)==null?void 0:Z.edges)==null?void 0:T[0])==null?void 0:v.node)==null?void 0:A.description:k!=null&&k.trim().length?k:t==null?void 0:t.description,N=!!(s&&(!(t!=null&&t.modifierGroup)||t.modifierGroup.length===0)&&(t!=null&&t.isAvailable)),a=p.useMemo(()=>{if(n&&h&&n.amount>h.amount){const r=new rs(n.amount).minus(h.amount).toNumber();return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(r)}return null},[n,h]),ps=p.useCallback(()=>{var d;const r=(s==null?void 0:s.id)??t.id;Gs({event:"select_item",ecommerce:{item_list_id:I,item_list_name:b,items:[{id:r,item_id:r,item_name:(s==null?void 0:s.name)??S,price:new rs(((d=s==null?void 0:s.price)==null?void 0:d.amount)??0).toDecimalPlaces(2).toNumber(),item_variant:(s==null?void 0:s.size)??void 0,index:y!=null?y+1:void 0,quantity:1,google_business_vertical:"retail"}]}})},[s,t.id,S,I,b,y]),w=r=>r[`${l?"mobile":"desktop"}${c==="grid"?"Grid":"List"}`],L=p.useMemo(()=>{var r,d;switch((d=(r=e==null?void 0:e.GridStyles)==null?void 0:r.AddToCartVariant)==null?void 0:d.variant){case"button":return m.jsx("div",{className:i("flex justify-center items-center lg:mt-1",c==="list"&&l&&"pt-4",c==="grid"||l?"w-full":"w-max"),children:m.jsx(Ns,{to:g,product:t,className:i("text-xs md:text-sm h-[52px]",c==="grid"||l?"w-full":"w-max"),maxStockQuantity:z})});case"floating":return m.jsx($s,{product:t});default:return null}},[e,t,c,l,g,z]);return m.jsxs("li",{className:i("bg-background transition duration-200 relative w-full",w(_s),"border border-collection-border md:hover:border-collection-border-hover transition-colors duration-300",c==="grid"&&"hover:border-collection-border-hover group",c==="list"&&"",c==="grid"?(V=e==null?void 0:e.GridStyles)==null?void 0:V.tailwindClassesContainer:(C=e==null?void 0:e.ListStyles)==null?void 0:C.tailwindClassesContainer),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[m.jsxs(m.Fragment,{children:[m.jsxs("div",{className:i("flex w-full h-full",c==="list"&&"md:flex-row md:items-center md:justify-between w-full"),children:[m.jsxs(Is,{to:g,className:i("flex",w(Ms)),prefetch:"intent",onClick:ps,children:[m.jsxs("div",{className:"relative",children:[m.jsx("img",{src:ds,alt:S,srcSet:Ss,className:i("lg:object-contain object-cover transition-transform duration-200 bg-feat-col-img-background",w(hs),c==="grid"?(ss=e==null?void 0:e.GridStyles)==null?void 0:ss.tailwindClassesImage:(es=e==null?void 0:e.ListStyles)==null?void 0:es.tailwindClassesImage)}),M&&$&&m.jsxs(m.Fragment,{children:[m.jsx("img",{src:$,srcSet:D,alt:"",style:{display:"none"},onLoad:()=>js(!0)}),m.jsx(bs.img,{initial:{opacity:0}

1,animate:{opacity:os&&ls?1:0},transition:{duration:.3,ease:"easeInOut"},src:$,srcSet:D,alt:S,className:i("absolute inset-0 lg:object-contain object-cover transition-transform duration-200 bg-feat-col-img-background",w(hs),c==="grid"?(ts=e==null?void 0:e.GridStyles)==null?void 0:ts.tailwindClassesImage:(ms=e==null?void 0:e.ListStyles)==null?void 0:ms.tailwindClassesImage)})]})]}),m.jsxs("div",{className:i("flex flex-col md:justify-center gap-1",w(Ds),c==="list"&&"grow shrink basis-0"),children:[m.jsx("h3",{className:i("font-medium text-collection-title line-clamp-2 transition-colors duration-200","text-sm md:text-base",c==="grid"?(cs=e==null?void 0:e.GridStyles)==null?void 0:cs.tailwindClassesTitle:(xs=e==null?void 0:e.ListStyles)==null?void 0:xs.tailwindClassesTitle),children:S}),O&&m.jsx("p",{className:i("text-collection-subtitle line-clamp-2 text-sm",c==="grid"?(is=e==null?void 0:e.GridStyles)==null?void 0:is.tailwindClassesDescription:(ns=e==null?void 0:e.ListStyles)==null?void 0:ns.tailwindClassesDescription),children:O}),h&&m.jsxs("div",{className:"flex items-baseline mt-1 gap-1",children:[n&&n.amount>h.amount&&m.jsx("span",{className:i("text-xs md:text-sm text-gray-500 line-through"),children:n.presentation}),m.jsx("span",{className:i("font-semibold transition-colors duration-200 text-sm md:text-md",n&&n.amount>h.amount?"text-red-600":"text-collection-price"),children:h.presentation})]}),a&&m.jsxs("span",{className:"text-xs md:text-sm italic text-feat-col-subtitle",children:["You save ",a,"!"]}),j&&m.jsx(Ls,{stockCount:j.stockCount??null,continueSellingWhenOutOfStock:j.continueSellingWhenOutOfStock??!1})]})]}),c==="list"&&m.jsx("div",{className:"hidden md:flex items-center ml-auto",children:!!N&&L})]}),l&&m.jsx("div",{className:i("w-full h-fit",c==="grid"&&"mt-4"),children:!!N&&L})]}),c==="grid"&&m.jsx("div",{className:"hidden lg:flex items-center w-full",children:!!N&&L})]})};export{Ps as I,zs as V};