{"version":3,"file":"1b42e031.js","sources":["../../../src/rs-components/home/featuredproducts/FeaturedProductSlider.client.tsx"],"sourcesContent":["import { useState, useRef } from \"react\";\nimport ArrowSlider from \"~/assets/icons/ArrowSlider\";\nimport { getCurrencyValue } from \"~/lib/utils\";\nimport { isNonTransactional, showPriceshowPriceTransactional } from \"../../../../setup/settings/__nonTransactional\";\nimport GlobalSlider from \"~/rs-components/widgets/GlobalSlider.client\";\nimport { availabilityOptionsOnCard } from \"../../../../setup/settings/__product\";\nimport FabricType from \"~/assets/icons/FabricType\";\nimport LeatherType from \"~/assets/icons/LeatherType\";\n\nexport default function FeaturedProductSlider({ collection, currency, cardOption }) {\n\n    if (!collection) return <></>\n\n    const { Products } = collection;\n\n    const defaultSettings = {\n        dots: true,\n        infinite: true,\n        speed: 500,\n        slidesToShow: 3,\n        slidesToScroll: 1,\n        arrows: true,\n\n        responsive: [\n            {\n                breakpoint: 1025,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 1,\n                }\n            },\n            {\n                breakpoint: 885,\n                settings: {\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                }\n            }\n        ]\n    };\n\n    return (\n        <section className={`featuredProductsSlider ${isNonTransactional ? \"isNonTransactional\" : \"\"}`}>\n            <div className={`featuredProductsSlider__container ${cardOption == 1 && 'stretch'} relative m-auto p-6 text-center collectionsSlider`}>\n                <h1 className=\"p-2 text-2xl font-bold\">{collection.Title ? collection.Title : 'Exclusive online products'}</h1>\n                <a href={`/collections/${collection.Handle}`} className=\"font-light underline decoration-1 tracking-widest text-sm\">VIEW ALL</a>\n\n                <GlobalSlider settings={defaultSettings} >\n\n                    {Products.map((p, i) => <>\n                        {cardOption == 0 && <ProductCardSquare product={p} currency={currency} />}\n                        {cardOption == 1 && <ProductCardPortrait product={p} currency={currency} />}\n                    </>)}\n                </GlobalSlider >\n            </div>\n        </section>\n    )\n}\n\nconst ProductCardSquare = ({ product, currency }) => {\n    return (\n        <a href={`products/${product.handle}`} className=\"link flex-none itemSlider\">\n            <div className=\"image mb-4\">\n                <img width={325} src={product.images[0]} />\n            </div>\n            <p className=\"featuredProductsSlider__title\">{product.title}</p>\n            {(availabilityOptionsOnCard.typeOfMaterialEnabled || availabilityOptionsOnCard.optionsCarouselEnabled) && (\n                <div className=\"FeaturedProduct__available-options\">\n                    {availabilityOptionsOnCard.typeOfMaterialEnabled && (\n                        <div className=\"material-options\">\n                            {product.customfields.infabric === 'Yes' && <FabricType />}\n                            {product.customfields.inleather === 'Yes' && <LeatherType />}\n                            {product.customfields.inleather === 'Yes' && product.customfields.infabric === 'No' && (\n                                <p>Available in Leather</p>\n                            )}\n                            {product.customfields.inleather === 'No' && product.customfields.infabric === 'Yes' && (\n                                <p>Available in Fabric</p>\n                            )}\n                            {product.customfields.inleather === 'Yes' && product.customfields.infabric === 'Yes' && (\n                                <p>Available in Leather and Fabric</p>\n                            )}\n                        </div>\n                    )}\n                    {availabilityOptionsOnCard.optionsCarouselEnabled && product.optionsPreviewImages && product.optionsPreviewImages.length > 0 && (\n                        <div className=\"image-container\">\n                            {product.optionsPreviewImages.map((image, index) => (\n                                <img className=\"ProductList__options-image\" key={index} src={image} alt={`Option ${index + 1}`} />\n                            ))}\n                            <a href={`/products/${product.handle}`}>See more</a>\n                        </div>\n                    )}\n                </div>\n            )}\n            {(!isNonTransactional || showPriceshowPriceTransactional) &&\n                <>\n                    <p className=\"featuredProductsSlider__ourPrice\">Our Price {getCurrencyValue(currency, product.fromPrice)}</p>\n                    {product.oldPrice && <p className=\"featuredProductsSlider__regularPrice\">Regular price {getCurrencyValue(currency, product.oldPrice)}</p>}\n                    <div>\n                        <div className=\"featuredProductsSlider__button\">SHOP</div>\n                    </div></>\n            }\n        </a>\n    )\n}\n\nconst ProductCardPortrait = ({ product, currency }) => {\n    return (\n        <a href={`products/${product.handle}`} className=\"flex-none itemSlider option2 \">\n            <div className=\"image mb-1\">\n                <img src={product.images[0]} />\n            </div>\n            <div>\n                <p className=\"featuredProductsSlider__title\">{product.title}</p>\n            </div>\n            {(availabilityOptionsOnCard.typeOfMaterialEnabled || availabilityOptionsOnCard.optionsCarouselEnabled) && (\n                <div className=\"FeaturedProduct__available-options\">\n                    {availabilityOptionsOnCard.typeOfMaterialEnabled && (\n                        <div className=\"material-options\">\n                            {product.customfields.infabric === 'Yes' && <FabricType />}\n                            {product.customfields.inleather === 'Yes' && <LeatherType />}\n                            {product.customfields.inleather === 'Yes' && product.customfields.infabric === 'No' && (\n                                <p>Available in Leather</p>\n                            )}\n                            {product.customfields.inleather === 'No' && product.customfields.infabric === 'Yes' && (\n                                <p>Available in Fabric</p>\n                            )}\n                            {product.customfields.inleather === 'Yes' && product.customfields.infabric === 'Yes' && (\n                                <p>Available in Leather and Fabric</p>\n                            )}\n                        </div>\n                    )}\n                    {availabilityOptionsOnCard.optionsCarouselEnabled && product.optionsPreviewImages && product.optionsPreviewImages.length > 0 && (\n                        <div className=\"image-container\">\n                            {product.optionsPreviewImages.map((image, index) => (\n                                <img className=\"ProductList__options-image\" key={index} src={image} alt={`Option ${index + 1}`} />\n                            ))}\n                            <a href={`/products/${product.handle}`}>See more</a>\n                        </div>\n                    )}\n                </div>\n            )}\n            {(!isNonTransactional || showPriceshowPriceTransactional) &&\n                <>\n                    <div className=\"mb-1\">\n                        <p className=\"featuredProductsSlider__ourPrice\">Our Price {getCurrencyValue(currency, product.fromPrice)}</p>\n                        {product.oldPrice && <p className=\"featuredProductsSlider__regularPrice\">Regular price {getCurrencyValue(currency, product.oldPrice)}</p>}\n                    </div>\n                    <div>\n                        <div className=\"featuredProductsSlider__button\">SHOP</div>\n                    </div>\n                </>\n            }\n        </a>\n    )\n}\n\n"],"names":["collection","currency","cardOption","_jsx","_Fragment","Products","defaultSettings","dots","infinite","speed","slidesToShow","slidesToScroll","arrows","responsive","breakpoint","settings","isNonTransactional","Title","Handle","map","p","i","ProductCardSquare","product","handle","images","title","availabilityOptionsOnCard","optionsCarouselEnabled","_jsxs","getCurrencyValue","fromPrice","oldPrice","ProductCardPortrait"],"mappings":"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"}