{"version":3,"file":"index.BXDaVaGy.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-hooks/esm/media/useOnly.mjs","../../../../../../../node_modules/@babylon/ui-kit-hooks/esm/media/useCurrentBreakpoint.mjs","../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/grid-product/views/desktop/card-view-more/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/grid-product/views/desktop/card-view-more/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/grid-product/views/desktop/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/grid-product/views/desktop/index.mjs"],"sourcesContent":["import media from '@babylon/ui-kit-styles/common/media';\nimport { useMediaQuery } from 'usehooks-ts';\n\n/**\n * @deprecated\n * Try to make the style changes in the css to avoid React hydration problems.\n */ const useOnly = (key)=>{\n    let string = media.only('sm').split('@media ')[1];\n    if (key && typeof key === 'string') {\n        string = media.only(key).split('@media ')[1];\n    }\n    const matches = useMediaQuery(string);\n    return matches;\n};\n\nexport { useOnly as default, useOnly };\n//# sourceMappingURL=useOnly.mjs.map\n","import { useOnly } from './useOnly.mjs';\n\n/**\n * @deprecated\n * Try to make the style changes in the css to avoid React hydration problems.\n */ const useCurrentBreakpoint = ()=>{\n    const xs = useOnly('xs');\n    const sm = useOnly('sm');\n    const md = useOnly('md');\n    const lg = useOnly('lg');\n    const tablet = useOnly('tablet');\n    const xl = useOnly('xl');\n    const twoxl = useOnly('2xl');\n    const xxl = useOnly('xxl');\n    const phone = useOnly('phone');\n    const tabletPortrait = useOnly('tabletPortrait');\n    const tabletLandscape = useOnly('tabletLandscape');\n    const desktop = useOnly('desktop');\n    const bigDesktop = useOnly('bigDesktop');\n    const breakPoints = [\n        {\n            breakpoint: 'xs',\n            isActive: xs\n        },\n        {\n            breakpoint: 'sm',\n            isActive: sm\n        },\n        {\n            breakpoint: 'md',\n            isActive: md\n        },\n        {\n            breakpoint: 'lg',\n            isActive: lg\n        },\n        {\n            breakpoint: 'tablet',\n            isActive: tablet\n        },\n        {\n            breakpoint: 'xl',\n            isActive: xl\n        },\n        {\n            breakpoint: '2xl',\n            isActive: twoxl\n        },\n        {\n            breakpoint: 'xxl',\n            isActive: xxl\n        },\n        {\n            breakpoint: 'phone',\n            isActive: phone\n        },\n        {\n            breakpoint: 'tabletPortrait',\n            isActive: tabletPortrait\n        },\n        {\n            breakpoint: 'tabletLandscape',\n            isActive: tabletLandscape\n        },\n        {\n            breakpoint: 'desktop',\n            isActive: desktop\n        },\n        {\n            breakpoint: 'bigDesktop',\n            isActive: bigDesktop\n        }\n    ];\n    return breakPoints.find((x)=>x.isActive)?.breakpoint ?? 'xxl';\n};\n\nexport { useCurrentBreakpoint as default, useCurrentBreakpoint };\n//# sourceMappingURL=useCurrentBreakpoint.mjs.map\n","import { BoxShadowHover, BoxShadow } from '@babylon/ui-kit-styles/common/mixins/box-shadow.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst CardBox = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"CardBox\"\n})([\n    `display:block;height:100%;padding:2px;position:relative;`\n]);\nconst CardWrapper = /*#__PURE__*/ styled.article.withConfig({\n    displayName: \"CardWrapper\"\n})([\n    ``,\n    ` `,\n    ` `,\n    ` `,\n    ` background-color:`,\n    `;height:100%;overflow:hidden;`\n], BorderRadius({\n    all: '4px'\n}), BoxShadowHover, BoxShadow, FlexMixin({\n    direction: 'column'\n}), ({ theme })=>theme.colors.white.base);\nconst CardLink = /*#__PURE__*/ styled.a.withConfig({\n    displayName: \"CardLink\"\n})([\n    `display:block;height:100%;p{`,\n    ` color:`,\n    `;left:0;position:absolute;text-align:center;top:calc(50% + 20px);width:100%;&::before{border:1px solid `,\n    `;`,\n    ` content:'';height:70px;left:50%;top:-48px;position:absolute;transform:translate(-50%,-50%);width:70px;z-index:`,\n    `;}&::after{color:`,\n    `;content:'+';font-size:50px;line-height:70px;`,\n    ` text-align:center;left:50%;top:-48px;position:absolute;transform:translate(-50%,-50%);width:70px;z-index:`,\n    `;}}`\n], FontMixin({\n    size: 'base',\n    weight: 'regular'\n}), ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, BorderRadius({\n    all: '50%'\n}), ({ theme })=>theme.zIndex.low, ({ theme })=>theme.colors.primary.light, FontMixin({\n    weight: 'light'\n}), ({ theme })=>theme.zIndex.low);\n\nexport { CardBox, CardLink, CardWrapper };\n","import { jsx } from 'react/jsx-runtime';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { CardBox, CardWrapper, CardLink } from './styled.mjs';\n\nconst CardViewMore = ({ link, content })=>/*#__PURE__*/ jsx(CardBox, {\n        \"data-testid\": \"CardViewMore\",\n        children: /*#__PURE__*/ jsx(CardWrapper, {\n            children: /*#__PURE__*/ jsx(CardLink, {\n                ...nullsToUndefined(link),\n                children: /*#__PURE__*/ jsx(\"p\", {\n                    children: content\n                })\n            })\n        })\n    });\n\nexport { CardViewMore as default };\n","import styled from 'styled-components';\n\nconst GridWrapper = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"GridWrapper\"\n})([\n    `display:grid;grid-gap:16px;grid-template-columns:repeat(2,1fr);padding:0;grid-auto-rows:1fr;`,\n    `{grid-template-columns:repeat(`,\n    `,1fr);}`,\n    `{grid-template-columns:repeat(`,\n    `,1fr);}`,\n    `{grid-template-columns:repeat(`,\n    `,1fr);}`\n], ({ theme })=>theme.media.up('lg'), ({ breakpoints })=>breakpoints['lg'], ({ theme })=>theme.media.up('xl'), ({ breakpoints })=>breakpoints['xl'], ({ theme })=>theme.media.up('xxl'), ({ breakpoints })=>breakpoints['xxl']);\nconst CardSkeletonWrapper = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"CardSkeletonWrapper\"\n})([\n    `padding:0px 2px;`\n]);\n\nexport { CardSkeletonWrapper, GridWrapper };\n","import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport JsonLd from '@babylon/ui-kit-base/components/others/json-ld';\nimport Title from '@babylon/ui-kit-base/components/text/title/views/desktop';\nimport ProductCard from '@babylon/ui-kit-cards/components/cards/product-card/views/desktop';\nimport CardSkeletonDesktop from '@babylon/ui-kit-cards/components/cards/product-card/views/desktop/card-skeleton';\nimport { genKey } from '@babylon/ui-kit-helpers/keys';\nimport useCurrentBreakpoint from '@babylon/ui-kit-hooks/media/useCurrentBreakpoint';\nimport { useMemo, Children } from 'react';\nimport CardViewMore from './card-view-more/index.mjs';\nimport { CardSkeletonWrapper, GridWrapper } from './styled.mjs';\n\nconst GridProductDesktop = ({ props })=>{\n    const { title, ldjson, items, link, config, isLoading = false, searcher, isFirstComponent } = props ?? {};\n    const currentBreakpoint = useCurrentBreakpoint();\n    const breakpointRows = useMemo(()=>({\n            xxl: 4,\n            xl: 3,\n            lg: 2,\n            md: 2,\n            sm: 2,\n            xs: 2,\n            ...config?.gridProductBreakpoints\n        }), [\n        config?.gridProductBreakpoints\n    ]);\n    const skeleton = useMemo(()=>new Array(breakpointRows[currentBreakpoint]).fill(/*#__PURE__*/ jsx(CardSkeletonWrapper, {\n            children: /*#__PURE__*/ jsx(CardSkeletonDesktop, {})\n        })), [\n        breakpointRows,\n        currentBreakpoint\n    ]);\n    const getProductCards = ()=>{\n        const productCards = Children.toArray(items?.map((item)=>{\n            const generalConfig = {\n                ...config,\n                ...item?.config\n            };\n            const literals = {\n                ...item.config?.literals,\n                ...config?.literals\n            };\n            return /*#__PURE__*/ jsx(ProductCard, {\n                searcher: searcher,\n                ...item,\n                config: {\n                    ...generalConfig,\n                    literals\n                },\n                isFirstComponent: isFirstComponent\n            });\n        }));\n        if (!link?.href) return productCards;\n        return productCards.concat(/*#__PURE__*/ jsx(CardViewMore, {\n            link: link,\n            content: config?.literals?.viewMore\n        }, genKey({\n            productCardsViewMoreLink: link\n        })));\n    };\n    return /*#__PURE__*/ jsxs(Fragment, {\n        children: [\n            title && /*#__PURE__*/ jsx(Title, {\n                ...title\n            }),\n            /*#__PURE__*/ jsx(GridWrapper, {\n                \"data-testid\": \"GridProduct\",\n                breakpoints: breakpointRows,\n                children: isLoading ? Children.toArray(skeleton) : getProductCards()\n            }),\n            Children.toArray(ldjson?.scripts?.map((script)=>/*#__PURE__*/ jsx(JsonLd, {\n                    structuredData: script\n                })))\n        ]\n    });\n};\n\nexport { GridProductDesktop as default };\n"],"names":["useOnly","key","string","media","useMediaQuery","useCurrentBreakpoint","xs","sm","md","lg","tablet","xl","twoxl","xxl","phone","tabletPortrait","tabletLandscape","desktop","bigDesktop","_a","x","CardBox","styled","CardWrapper","BorderRadius","BoxShadowHover","BoxShadow","FlexMixin","theme","CardLink","FontMixin","CardViewMore","link","content","jsx","nullsToUndefined","GridWrapper","breakpoints","CardSkeletonWrapper","GridProductDesktop","props","title","ldjson","items","config","isLoading","searcher","isFirstComponent","currentBreakpoint","breakpointRows","useMemo","skeleton","CardSkeletonDesktop","getProductCards","productCards","Children","item","generalConfig","literals","ProductCard","genKey","jsxs","Fragment","Title","script","JsonLd"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}