@arcteryx/container-search NPM

`container-search`

The data fetching module is the wrapper that contains the @arcteryx/components-search react component. This module houses the various business logic and service calls that @arcteryx/components-search demands, in order to create a layer of separation from the presentational component.

Usage

In UI Components Repo

const mockStateFromHeader = {
  market: "OUTDOOR",
  language: "en",
  country: "ca",
  environment: "prod", // or "preprod"
};
const analyticsEvents = {
  handleListingViewedEvent: () => {},
  handleSearchEvent: () => {},
  handleClickProductEvent: () => {}
};

<SearchContainer
  mountNode={document.createElement("div")}
  stateFromHeader={mockStateFromHeader}
  algoliaAppId={process.env.ALGOLIA_APP_ID}
  algoliaApiKey={process.env.ALGOLIA_API_KEY}
  searchDebounceTime={400}
  analyticsEvents={analyticsEvents}
  deployEnv="qa"
/>

@algolia/autocomplete-js @algolia/autocomplete-plugin-query-suggestions @algolia/autocomplete-plugin-redirect-url @algolia/autocomplete-theme-classic algoliasearch react-instantsearch-core react-instantsearch-dom search-insights

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago