{"version":3,"file":"index.5bb3f010.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\nconst 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","import { useOnly } from './useOnly.mjs';\n\nconst 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 breakPoints = [\n    { breakpoint: \"xs\", isActive: xs },\n    { breakpoint: \"sm\", isActive: sm },\n    { breakpoint: \"md\", isActive: md },\n    { breakpoint: \"lg\", isActive: lg },\n    { breakpoint: \"tablet\", isActive: tablet },\n    { breakpoint: \"xl\", isActive: xl },\n    { breakpoint: \"2xl\", isActive: twoxl },\n    { breakpoint: \"xxl\", isActive: xxl }\n  ];\n  return breakPoints.find((x) => x.isActive)?.breakpoint ?? \"xxl\";\n};\n\nexport { useCurrentBreakpoint as default, useCurrentBreakpoint };\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 = styled.div`\n\tdisplay: block;\n\theight: 100%;\n\tpadding: 2px;\n\tposition: relative;\n`;\nconst CardWrapper = styled.article`\n\t${BorderRadius({ all: \"4px\" })}\n\t${BoxShadowHover}\n\t${BoxShadow}\n\t${FlexMixin({ direction: \"column\" })}\n\tbackground-color: ${({ theme }) => theme.colors.white.base};\n\theight: 100%;\n\toverflow: hidden;\n`;\nconst CardLink = styled.a`\n\tdisplay: block;\n\theight: 100%;\n\n\tp {\n\t\t${FontMixin({ size: \"base\", weight: \"regular\" })};\n\n\t\tcolor: ${({ theme }) => theme.colors.primary.light};\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttop: calc(50% + 20px);\n\t\twidth: 100%;\n\n\t\t::before {\n\t\t\tborder: 1px solid ${({ theme }) => theme.colors.primary.light};\n\t\t\t${BorderRadius({ all: \"50%\" })}\n\t\t\tcontent: '';\n\t\t\theight: 70px;\n\t\t\tleft: 50%;\n\t\t\ttop: -48px;\n\t\t\tposition: absolute;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\twidth: 70px;\n\t\t\tz-index: ${({ theme }) => theme.zIndex.low};\n\t\t}\n\n\t\t::after {\n\t\t\tcolor: ${({ theme }) => theme.colors.primary.light};\n\t\t\tcontent: '+';\n\t\t\tfont-size: 50px;\n\t\t\tline-height: 70px;\n\t\t\t${FontMixin({ weight: \"light\" })}\n\t\t\ttext-align: center;\n\t\t\tleft: 50%;\n\t\t\ttop: -48px;\n\t\t\tposition: absolute;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\twidth: 70px;\n\t\t\tz-index: ${({ theme }) => theme.zIndex.low};\n\t\t}\n\t}\n`;\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, { \"data-testid\": \"CardViewMore\", children: /* @__PURE__ */ jsx(CardWrapper, { children: /* @__PURE__ */ jsx(CardLink, { ...nullsToUndefined(link), children: /* @__PURE__ */ jsx(\"p\", { children: content }) }) }) });\n\nexport { CardViewMore as default };\n","import styled from 'styled-components';\n\nconst GridWrapper = styled.div`\n\tdisplay: grid;\n\tgrid-gap: 16px;\n\tgrid-template-columns: repeat(2, 1fr);\n\tpadding: 0;\n\tgrid-auto-rows: 1fr;\n\n\t${({ theme }) => theme.media.up(\"lg\")} {\n\t\tgrid-template-columns: repeat(${({ breakpoints }) => breakpoints[\"lg\"]}, 1fr);\n\t}\n\n\t${({ theme }) => theme.media.up(\"xl\")} {\n\t\tgrid-template-columns: repeat(${({ breakpoints }) => breakpoints[\"xl\"]}, 1fr);\n\t}\n\n\t${({ theme }) => theme.media.up(\"xxl\")} {\n\t\tgrid-template-columns: repeat(${({ breakpoints }) => breakpoints[\"xxl\"]}, 1fr);\n\t}\n`;\nconst CardSkeletonWrapper = styled.div`\n\tpadding: 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';\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    () => ({\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(\n    () => new Array(breakpointRows[currentBreakpoint]).fill(\n      /* @__PURE__ */ jsx(CardSkeletonWrapper, { children: /* @__PURE__ */ jsx(CardSkeletonDesktop, {}) })\n    ),\n    [breakpointRows, currentBreakpoint]\n  );\n  const getProductCards = () => {\n    const productCards = Children.toArray(\n      items?.map((item) => {\n        const generalConfig = { ...config, ...item?.config };\n        const literals = { ...item.config?.literals, ...config?.literals };\n        return /* @__PURE__ */ jsx(\n          ProductCard,\n          {\n            searcher,\n            ...item,\n            config: { ...generalConfig, literals },\n            isFirstComponent\n          }\n        );\n      })\n    );\n    if (!link?.href)\n      return productCards;\n    return productCards.concat(\n      /* @__PURE__ */ jsx(\n        CardViewMore,\n        {\n          link,\n          content: config?.literals?.viewMore\n        },\n        genKey({ productCardsViewMoreLink: link })\n      )\n    );\n  };\n  return /* @__PURE__ */ jsxs(Fragment, { children: [\n    title && /* @__PURE__ */ jsx(Title, { ...title }),\n    /* @__PURE__ */ jsx(GridWrapper, { \"data-testid\": \"GridProduct\", breakpoints: breakpointRows, children: isLoading ? Children.toArray(skeleton) : getProductCards() }),\n    Children.toArray(ldjson?.scripts?.map((script) => /* @__PURE__ */ jsx(JsonLd, { structuredData: script })))\n  ] });\n};\n\nexport { GridProductDesktop, GridProductDesktop as default };\n"],"names":["useOnly","key","string","_a","media","_b","useMediaQuery","useCurrentBreakpoint","xs","sm","md","lg","tablet","xl","twoxl","xxl","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]}