Cumulative Impact

Base component

File: src/components/beam/beam-cumulative-impact.tsx

Replace

• lang - Beam supports changing the displayed language based on a lang parameter passed into the widgets. If the partner supports multiple languages, this Liquid variable value should be updated based on any existing language detection method available in the theme. The supported values for this property can be found in the Beam Supported Languages documentation.

import React from 'react'
import dynamic from 'next/dynamic'
import * as Beam from '~/src/components/beam/constants'

const BeamCumulativeImpact = dynamic(
  () => import('@beamimpact/web-sdk/dist/react/cumulative-impact'),
  { loading: () => null, ssr: false }
)

export default function BeamCumulativeImpactWrapper() {
  return (
    <BeamCumulativeImpact
      apiKey={Beam.BEAM_PUBLIC_API_KEY}
      chainId={Beam.BEAM_CHAIN_ID}
      storeId={Beam.BEAM_STORE_ID}
      lang={'en'}
      baseUrl={Beam.BEAM_BASE_URL}
    />
  )
}