diff --git a/packages/react-components/src/components/ProductSwitcher/ProductSwitcher.mdx b/packages/react-components/src/components/ProductSwitcher/ProductSwitcher.mdx index d6043564c..39d951572 100644 --- a/packages/react-components/src/components/ProductSwitcher/ProductSwitcher.mdx +++ b/packages/react-components/src/components/ProductSwitcher/ProductSwitcher.mdx @@ -19,11 +19,11 @@ import * as ProductSwitcher from './ProductSwitcher.stories'; ProductSwitcher is a controlled component. To use it, you need to provide the `mainProductId` (type ProductId) and `productOptions` (type ProductOption) props.
- The `mainProductId` prop is required and should be the id of the product that the user is currently using.
- The available options are: `livechat`, `helpdesk`, `chatbot`, `knowledgebase`, `openwidget`, `hello`, `accounts`. They are described in the TS type value called `ProductId`.
+ The available options are: `livechat`, `helpdesk`, `chatbot`, `knowledgebase`, `openwidget`, `teamchat`, `accounts`. They are described in the TS type value called `ProductId`.
- The `productOptions` prop is an array of products that the user has access to. Object structure is described in type `ProductOption`.
The `productOptions` can be generated using the `useProductSwitcher` hook. The hook requires the following props:
- `env` - the environment in which the product switcher is used. It can be either `labs`, `staging` or `prod` .
- - `installedProducts` - an array of objects with the `product` key. The `product` key should be one of the available products: `livechat`, `helpdesk`, `chatbot`, `knowledgebase`, `openwidget`, `hello`, `accounts`.
+ - `installedProducts` - an array of objects with the `product` key. The `product` key should be one of the available products: `livechat`, `helpdesk`, `chatbot`, `knowledgebase`, `openwidget`, `teamchat`, `accounts`.
- `subscriptions` - an object with the subscription status for each product. The key should be the product name and the value should be an object with the `status` and `next_charge_at` keys.
- `organizationId` - the organization id of the user.
diff --git a/packages/react-components/src/components/ProductSwitcher/constants.ts b/packages/react-components/src/components/ProductSwitcher/constants.ts index ec6a8e399..1b883d1f5 100644 --- a/packages/react-components/src/components/ProductSwitcher/constants.ts +++ b/packages/react-components/src/components/ProductSwitcher/constants.ts @@ -214,5 +214,6 @@ export const alwaysVisibleProducts: ProductId[] = [ 'livechat', 'chatbot', 'helpdesk', + 'teamchat', 'accounts', ];