Subscription Management

Base component

File: src/components/beam/subscription-management-widget.tsx

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

const BeamSubscriptionManagement = dynamic(
  () => import('@beamimpact/web-sdk/dist/react/subscription-management-widget'),
  { loading: () => null, ssr: false }
)

export default function BeamSubscriptionManagementWrapper() {
  return (
    <BeamSubscriptionManagement
      apiKey={Beam.BEAM_PUBLIC_API_KEY}
      storeId={Beam.BEAM_STORE_ID}
      email="customer@example.com"
      subscriptionId="subscription-id"
    />
  )
}