diff --git a/CHANGELOG.md b/CHANGELOG.md index 617ff0b02..3631934c9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ## [Unreleased] +### Changed + +- Add attributes to the checkbox component to be able to collect data through activity flow + ## [3.136.0] - 2025-01-16 ### Added diff --git a/react/components/FacetCheckboxListItem.js b/react/components/FacetCheckboxListItem.js index 27c839874..341caeb6c 100644 --- a/react/components/FacetCheckboxListItem.js +++ b/react/components/FacetCheckboxListItem.js @@ -4,6 +4,7 @@ import { applyModifiers } from 'vtex.css-handles' import { Checkbox } from 'vtex.styleguide' import { usePixel } from 'vtex.pixel-manager' import { useIntl } from 'react-intl' +import { useRuntime } from 'vtex.render-runtime' import styles from '../searchResult.css' import { pushFilterManipulationPixelEvent } from '../utils/filterManipulationPixelEvents' @@ -60,6 +61,18 @@ const FacetCheckboxListItem = ({ intl, ]) + const runtimeQuery = useRuntime()?.query + + let initialmap + let initialquery + + if (searchQuery?.variables?.fullText === undefined) { + initialquery = + runtimeQuery?.initialQuery ?? searchQuery?.facets?.queryArgs.query + + initialmap = runtimeQuery?.initialMap ?? searchQuery?.facets?.queryArgs?.map + } + return (
) diff --git a/react/components/FacetItem.js b/react/components/FacetItem.js index 046a40c4a..7292eed15 100644 --- a/react/components/FacetItem.js +++ b/react/components/FacetItem.js @@ -5,6 +5,7 @@ import classNames from 'classnames' import { useSearchPage } from 'vtex.search-page-context/SearchPageContext' import { usePixel } from 'vtex.pixel-manager' import { useIntl } from 'react-intl' +import { useRuntime } from 'vtex.render-runtime' import { pushFilterManipulationPixelEvent } from '../utils/filterManipulationPixelEvents' import SettingsContext from './SettingsContext' @@ -125,6 +126,18 @@ const FacetItem = ({ intl, ]) + const runtimeQuery = useRuntime()?.query + + let initialmap + let initialquery + + if (searchQuery?.variables?.fullText === undefined) { + initialquery = + runtimeQuery?.initialQuery ?? searchQuery?.facets?.queryArgs.query + + initialmap = runtimeQuery?.initialMap ?? searchQuery?.facets?.queryArgs?.map + } + return ( )