{"version":3,"file":"ProductList-DkLE3jqp-chunk.js","sources":["../../../GSDClient/Scripts/Pages/ProductListingPage/ProductList.tsx"],"sourcesContent":["import { AnimatePresence, motion } from 'framer-motion';\n\nimport {\n    IBlockViewModel,\n    IProductItemViewModel,\n    IWishListTranslations,\n} from 'Types/Litium';\nimport { ISrcSetSize } from 'Types/shared';\nimport BlockRenderer from 'Blocks/BlockRenderer';\nimport ProductCard from 'Components/ProductCard/ProductCard';\n\nconst ProductList = ({\n    products,\n    quickBuyProduct,\n    columns = 5,\n    additionalTranslations,\n    srcSetSizes = {\n        default: { width: 156, height: 222 },\n        md: { width: 356, height: 507 },\n        lg: { width: 166, height: 238 },\n        xl: { width: 250, height: 357 },\n        xxl: { width: 368, height: 525 },\n    },\n    blockAreas,\n}: {\n    products: IProductItemViewModel[];\n    columns?: number;\n    srcSetSizes?: ISrcSetSize;\n    quickBuyProduct?: boolean;\n    additionalTranslations?: IWishListTranslations;\n    blockAreas?: { [key: string]: IBlockViewModel[] };\n}) => (\n    <ul\n        style={{ '--columns': columns } as React.CSSProperties}\n        className={`grid ${\n            quickBuyProduct ? 'grid-cols-1 md:grid-cols-2' : 'grid-cols-2'\n        } gap-5 lg:grid-cols-[repeat(var(--columns),_minmax(0,_1fr))] supports-[grid-template-rows:_subgrid]:lg:grid-rows-[auto]`}\n    >\n        <AnimatePresence mode=\"popLayout\">\n            {products?.map((product, index) => (\n                <>\n                    {index === 10 && blockAreas?.third?.length > 0 && (\n                        <li\n                            key=\"block-area-third\"\n                            className={`${\n                                quickBuyProduct\n                                    ? 'col-span-1 md:col-span-2'\n                                    : 'col-span-2'\n                            } lg:col-span-5`}\n                        >\n                            <BlockRenderer blocks={blockAreas.third} />\n                        </li>\n                    )}\n\n                    <motion.li\n                        layout\n                        initial={{ scale: 0.8, opacity: 0 }}\n                        animate={{ scale: 1, opacity: 1 }}\n                        exit={{ scale: 0.8, opacity: 0 }}\n                        transition={{ type: 'spring', bounce: 0.25 }}\n                        key={`${product.id}-${index}`}\n                        className=\"flex gap-3 supports-[grid-template-rows:_subgrid]:row-[span_2] supports-[grid-template-rows:_subgrid]:grid supports-[grid-template-rows:_subgrid]:grid-rows-subgrid\"\n                    >\n                        <ProductCard\n                            showQuantityField={product.showQuantityField}\n                            id={product.id}\n                            productFilters={product.productFilters}\n                            quickBuyProduct={quickBuyProduct}\n                            isPurchasable={product.isPurchasable}\n                            isOnWishList={product.isOnWishList}\n                            enabledWishlist={product.enabledWishlist}\n                            images={product.images}\n                            name={product.name}\n                            colors={product.productFilters.colors}\n                            sizes={product.productFilters.sizes}\n                            url={product.url}\n                            videoUrl={product.videoUrl}\n                            translations={product.translations}\n                            lazy={index > 3}\n                            srcSetSizes={srcSetSizes}\n                            subgrid\n                            productTag={product.productTag}\n                            priceVM={product.priceVM}\n                            hasAnyVariantEnabled={product.hasAnyVariantEnabled}\n                            values={product.productFilters.values}\n                            additionalTranslations={additionalTranslations}\n                            trackingData={product.trackingData}\n                            descriptiveVariantName={\n                                product.descriptiveVariantName\n                            }\n                            isGiftCard={product.isGiftCard}\n                        />\n                    </motion.li>\n                </>\n            ))}\n        </AnimatePresence>\n    </ul>\n);\n\nexport default ProductList;\n"],"names":["ProductList","products","quickBuyProduct","columns","additionalTranslations","srcSetSizes","blockAreas","jsx","AnimatePresence","product","index","jsxs","Fragment","_a","BlockRenderer","motion","ProductCard"],"mappings":"yMAWA,MAAMA,EAAc,CAAC,CACjB,SAAAC,EACA,gBAAAC,EACA,QAAAC,EAAU,EACV,uBAAAC,EACA,YAAAC,EAAc,CACV,QAAS,CAAE,MAAO,IAAK,OAAQ,GAAI,EACnC,GAAI,CAAE,MAAO,IAAK,OAAQ,GAAI,EAC9B,GAAI,CAAE,MAAO,IAAK,OAAQ,GAAI,EAC9B,GAAI,CAAE,MAAO,IAAK,OAAQ,GAAI,EAC9B,IAAK,CAAE,MAAO,IAAK,OAAQ,GAAI,CACnC,EACA,WAAAC,CACJ,IAQIC,EAAA,IAAC,KAAA,CACG,MAAO,CAAE,YAAaJ,CAAQ,EAC9B,UAAW,QACPD,EAAkB,6BAA+B,aACrD,0HAEA,SAAAK,EAAA,IAACC,GAAgB,KAAK,YACjB,0BAAU,IAAI,CAACC,EAASC,IAAA,OAEhBC,OAAAA,EAAA,KAAAC,EAAA,SAAA,CAAA,SAAA,CAAAF,IAAU,MAAMG,EAAAP,GAAA,YAAAA,EAAY,QAAZ,YAAAO,EAAmB,QAAS,GACzCN,EAAA,IAAC,KAAA,CAEG,UAAW,GACPL,EACM,2BACA,YACV,iBAEA,SAACK,EAAA,IAAAO,EAAA,CAAc,OAAQR,EAAW,MAAO,CAAA,EAPrC,kBAQR,EAGJC,EAAA,IAACQ,EAAO,GAAP,CACG,OAAM,GACN,QAAS,CAAE,MAAO,GAAK,QAAS,CAAE,EAClC,QAAS,CAAE,MAAO,EAAG,QAAS,CAAE,EAChC,KAAM,CAAE,MAAO,GAAK,QAAS,CAAE,EAC/B,WAAY,CAAE,KAAM,SAAU,OAAQ,GAAK,EAE3C,UAAU,sKAEV,SAAAR,EAAA,IAACS,EAAA,CACG,kBAAmBP,EAAQ,kBAC3B,GAAIA,EAAQ,GACZ,eAAgBA,EAAQ,eACxB,gBAAAP,EACA,cAAeO,EAAQ,cACvB,aAAcA,EAAQ,aACtB,gBAAiBA,EAAQ,gBACzB,OAAQA,EAAQ,OAChB,KAAMA,EAAQ,KACd,OAAQA,EAAQ,eAAe,OAC/B,MAAOA,EAAQ,eAAe,MAC9B,IAAKA,EAAQ,IACb,SAAUA,EAAQ,SAClB,aAAcA,EAAQ,aACtB,KAAMC,EAAQ,EACd,YAAAL,EACA,QAAO,GACP,WAAYI,EAAQ,WACpB,QAASA,EAAQ,QACjB,qBAAsBA,EAAQ,qBAC9B,OAAQA,EAAQ,eAAe,OAC/B,uBAAAL,EACA,aAAcK,EAAQ,aACtB,uBACIA,EAAQ,uBAEZ,WAAYA,EAAQ,UAAA,CACxB,CAAA,EA/BK,GAAGA,EAAQ,EAAE,IAAIC,CAAK,EAgC/B,CAAA,CACJ,CAAA,GAER,CAAA,CAAA,CACJ"}