ninchat-embed 2.0.0 → 2.1.0

package/README.md

@@ -53,15 +53,1116 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 
 ## Init options
 
-| Key                | Type              | Description                                                                          |
-| :----------------- | :---------------- | :----------------------------------------------------------------------------------- |
-| `audienceMetadata` | object (optional) | Audience metadata passed to the expert.                                              |
-| `config`           | object (optional) | Config used to override subset of the keys obtained via configKey and others.        |
-| `configKey`        | string            | Site config key to be used for initializing.                                         |
-| `configUrls`       | array (optional)  | List of URL addresses for self-hosted configs.                                       |
-| `containerId`      | string            | DOM element id for where the chat container is placed.                               |
-| `postConfigUrls`   | array (optional)  | List of URL addresses for self-hosted configs loaded via POST request.               |
-| `environment`      | array (optional)  | List of environment keys. 'default' is always used, and can be omited.               |
+### Top level options
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `configKey` | `string` | Site config key |
+| `environment` | `string[]` |  List of environment keys. 'default' is always used, and can be omited. |
+| `targetOrigin` | `string` | Target origin for iframe communication |
+| `version` | `string` | Version to be send with each API request |
+| `audienceMetadata` | `object` | Audience metadata passed to the expert.                                   |
+| `config` | `object` | Config used to override subset of the keys obtained via configKey and others.  See Config Properties in table below |
+| `configUrls` | `string[]` | List of URL addresses for self-hosted configs. |
+| `containerId` | `string` | DOM element id for where the chat container is placed.| 
+| `postConfigUrls` | `string[]` | List of URL addresses for self-hosted configs loaded via POST request. |
+| `variant` | `'live' \| 'stage'` | Application variant override |
+
+### Config Common properties
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `variant` | `'app' \| 'queue' \| 'channel'` | Application variant (required) |
+| `autoStart` | `boolean` | disable autostart, if set to false Ninchat.start() will need to be called to start embed  |
+| `remember` | `boolean` | Use localStorage instead of default sessionStorage |
+| `sessionKey` | `string` | Session key prefix for local/session storage |
+
+### Config 'App' variant properties
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `sso` | `object` | Single Sign-On configuration (app variant) |
+| `sso.email` | `string` | User email (when type is 'email') (app variant) |
+| `sso.name` | `string` | User name (alternative to email) (app variant) |
+| `sso.type` | `'email'` | SSO type identifier (app variant) |
+| `initialRoute` | `Route` | Initial route on application load (for app version only) (app variant) |
+| `colorScheme` | `'light' \| 'dark'` | Color scheme preference (app variant) |
+| `hideSidebar` | `boolean` | Hide application sidebar |
+
+### Config 'Queue' and 'Channel' variants properties
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `scheduleAccessKey` | `string` | Access key for scheduled appointments |
+| `channelId` | `string` | Channel id for variant "channel" |
+| `audienceRealmId` | `string` | Realm identifier for audience (required) |
+| `audienceAutoQueue` | `string` | Automatic queue for audience |
+| `language` | `'fi' \| 'en' \| 'sv'` | Default language |
+| `translations` | `object {"string": "string"}` | Custom translation overrides (key-value pairs) |
+| `askUserName` | `boolean` | Force ask userName modal before entering first chat message |
+| `inQueueText` | `string` | Text shown when user is in queue |
+| `showCloseConfirmation` | `boolean` | Show confirmation dialog on close |
+| `closeConfirmText` | `string` | Close confirmation message text |
+| `closeConfirmTitle` | `string` | Close confirmation title |
+| `closeConfirmQueueText` | `string` | Close confirmation text for queue |
+| `closeConfirmQueueTitle` | `string` | Close confirmation title for queue |
+| `closeConfirmQuestionnaireText` | `string` | Close confirmation text for questionnaire |
+| `closeConfirmQuestionnaireTitle` | `string` | Close confirmation title for questionnaire |
+| `audienceStartedText` | `string` | Text shown when audience starts |
+| `messageAvatars` | `'all' \| 'agentsOnly' \| 'none'` | Chat avatars display mode |
+| `sendText` | `string` | Text for chat send button |
+| `sendIcon` | `object \| null` | Icon configuration for chat send button |
+| `sendIcon.src` | `string` | Icon image source URL for chat button |
+| `sendIcon.svg` | `string` | Inline SVG for icon for chat button |
+| `responsive` | `array` | Responsive breakpoint configurations |
+| `responsive[].minWidth` | `number` | Minimum viewport width for breakpoint |
+| `responsive[].maxWidth` | `number` | Maximum viewport width for breakpoint |
+| `responsive[].overrides` | `object` | Configuration overrides for this breakpoint |
+| `lightBot` | `boolean` | Enable light bot mode for questionnaire |
+| `lightBotAvatarIcon` | `object` | Light Bot Avatar Icon |
+| `lightBotAvatarIcon.src` | `string` | Image source URL |
+| `lightBotAvatarIcon.svg` | `string` | Inline SVG |
+| `lightBotAvatarIcon.alt` | `string` | Image alt text |
+| `lightBotAvatarIcon.width` | `string` | Image width |
+| `lightBotAvatarIcon.height` | `string` | Image height |
+| `lightBotAvatarName`| `string`| Light Bot Avatar Name |
+| `questionnaireValues` | `object {"string": "string"}` | Pre-filled questionnaire text values |
+| `preAudienceQuestionnaire` | `array` | Setup pre questionnaire (see Questionnaires table below)|
+| `postAudienceQuestionnaire` | `array` | Setup post questionnaire (see Questionnaires table below) |
+| `theme` | `object` | Theme customization (see Theme Overrides table below) |
+
+#### Container properties
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `containerOptions` | `object` | Embed Container display options |
+| `containerOptions.showHeader` | `boolean` | Show container header |
+| `containerOptions.headerOptions` | `object` | Header configuration |
+| `containerOptions.headerOptions.height` | `number` | Header height in pixels |
+| `containerOptions.headerOptions.title` | `string` | Header title text |
+| `containerOptions.headerOptions.image` | `object` | Header image configuration |
+| `containerOptions.headerOptions.image.src` | `string` | Image source URL |
+| `containerOptions.headerOptions.image.svg` | `string` | Inline SVG |
+| `containerOptions.headerOptions.image.alt` | `string` | Image alt text |
+| `containerOptions.headerOptions.image.width` | `number` | Image width |
+| `containerOptions.headerOptions.image.height` | `number` | Image height |
+| `containerOptions.headerOptions.actions` | `object` | Header action buttons |
+| `containerOptions.headerOptions.actions.close` | `object` | Close button configuration |
+| `containerOptions.headerOptions.actions.close.icon` | `boolean` | Show close icon |
+| `containerOptions.headerOptions.actions.close.buttonTitle` | `string` | Close button title |
+| `containerOptions.headerOptions.actions.close.text` | `string` | Close button text |
+| `containerOptions.headerOptions.actions.dropdown` | `object` | Dropdown button configuration |
+| `containerOptions.headerOptions.actions.dropdown.icon` | `boolean` | Show dropdown icon |
+| `containerOptions.headerOptions.actions.dropdown.buttonTitle` | `string` | Dropdown button title |
+| `containerOptions.headerOptions.actions.dropdown.text` | `string` | Dropdown button text |
+| `containerOptions.headerOptions.actions.chatList` | `object` | Chat list button configuration |
+| `containerOptions.headerOptions.actions.chatList.icon` | `boolean` | Show chat list icon |
+| `containerOptions.headerOptions.actions.chatList.buttonTitle` | `string` | Chat list button title |
+| `containerOptions.headerOptions.actions.chatList.text` | `string` | Chat list button text |
+
+#### Floating container properties
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `floating` | `boolean` | Enable embed floating mode |
+| `floatingOptions` | `object` | Floating mode configuration |
+| `floatingOptions.ball` | `boolean` | Show floating ball |
+| `floatingOptions.ballOptions` | `object` | Ball configuration |
+| `floatingOptions.ballOptions.close` | `boolean` | Show close button on ball |
+| `floatingOptions.ballOptions.text` | `string` | Ball text content |
+| `floatingOptions.ballOptions.image` | `object` | Ball image configuration |
+| `floatingOptions.ballOptions.image.src` | `string` | Image source URL |
+| `floatingOptions.ballOptions.image.alt` | `string` | Image alt text |
+| `floatingOptions.ballOptions.image.svg` | `string` | Inline SVG |
+| `floatingOptions.ballOptions.image.width` | `number` | Image width |
+| `floatingOptions.ballOptions.image.height` | `number` | Image height |
+| `floatingOptions.ballOptions.height` | `number` | Ball height in pixels |
+| `floatingOptions.ballOptions.width` | `number` | Ball width in pixels |
+| `floatingOptions.ballOptions.offset` | `object` | Ball position offset |
+| `floatingOptions.ballOptions.offset.x` | `number` | Horizontal offset in pixels |
+| `floatingOptions.ballOptions.offset.y` | `number` | Vertical offset in pixels |
+| `floatingOptions.ballOptions.padding` | `object` | Ball padding |
+| `floatingOptions.ballOptions.padding.horizontal` | `number` | Horizontal padding in pixels |
+| `floatingOptions.ballOptions.padding.vertical` | `number` | Vertical padding in pixels |
+| `floatingOptions.headerOptions` | `object` | Floating header configuration |
+| `floatingOptions.headerOptions.height` | `number` | Header height in pixels |
+| `floatingOptions.headerOptions.title` | `object` | Title text per state |
+| `floatingOptions.headerOptions.title.minimized` | `string` | Title when minimized |
+| `floatingOptions.headerOptions.title.full` | `string` | Title when expanded screen |
+| `floatingOptions.headerOptions.title.open` | `string` | Title when open |
+| `floatingOptions.headerOptions.image` | `object` | Header image configuration |
+| `floatingOptions.headerOptions.image.src` | `string` | Image source URL |
+| `floatingOptions.headerOptions.image.svg` | `string` | Inline SVG |
+| `floatingOptions.headerOptions.image.alt` | `string` | Image alt text |
+| `floatingOptions.headerOptions.image.width` | `number` | Image width |
+| `floatingOptions.headerOptions.image.height` | `number` | Image height |
+| `floatingOptions.headerOptions.actions` | `object` | Action buttons configuration |
+| `floatingOptions.headerOptions.actions.minimized` | `object` | Actions for minimized state |
+| `floatingOptions.headerOptions.actions.minimized.minimize` | `object` | Minimize button config |
+| `floatingOptions.headerOptions.actions.minimized.minimize.icon` | `boolean` | Show minimize icon |
+| `floatingOptions.headerOptions.actions.minimized.minimize.buttonTitle` | `string` | Minimize button title |
+| `floatingOptions.headerOptions.actions.minimized.minimize.text` | `string` | Minimize button text |
+| `floatingOptions.headerOptions.actions.minimized.expand` | `object` | Expand button config |
+| `floatingOptions.headerOptions.actions.minimized.expand.icon` | `boolean` | Show expand icon |
+| `floatingOptions.headerOptions.actions.minimized.expand.buttonTitle` | `string` | Expand button title |
+| `floatingOptions.headerOptions.actions.minimized.expand.text` | `string` | Expand button text |
+| `floatingOptions.headerOptions.actions.minimized.close` | `object` | Close button config |
+| `floatingOptions.headerOptions.actions.minimized.close.icon` | `boolean` | Show close icon |
+| `floatingOptions.headerOptions.actions.minimized.close.buttonTitle` | `string` | Close button title |
+| `floatingOptions.headerOptions.actions.minimized.close.text` | `string` | Close button text |
+| `floatingOptions.headerOptions.actions.minimized.dropdown` | `object` | Dropdown button config |
+| `floatingOptions.headerOptions.actions.minimized.dropdown.icon` | `boolean` | Show dropdown icon |
+| `floatingOptions.headerOptions.actions.minimized.dropdown.buttonTitle` | `string` | Dropdown button title |
+| `floatingOptions.headerOptions.actions.minimized.dropdown.text` | `string` | Dropdown button text |
+| `floatingOptions.headerOptions.actions.minimized.chatList` | `object` | Chat list button config |
+| `floatingOptions.headerOptions.actions.minimized.chatList.icon` | `boolean` | Show chat list icon |
+| `floatingOptions.headerOptions.actions.minimized.chatList.buttonTitle` | `string` | Chat list button title |
+| `floatingOptions.headerOptions.actions.minimized.chatList.text` | `string` | Chat list button text |
+| `floatingOptions.headerOptions.actions.open` | `object` | Actions for open state |
+| `floatingOptions.headerOptions.actions.open.minimize` | `object` | Minimize button config |
+| `floatingOptions.headerOptions.actions.open.minimize.icon` | `boolean` | Show minimize icon |
+| `floatingOptions.headerOptions.actions.open.minimize.buttonTitle` | `string` | Minimize button title |
+| `floatingOptions.headerOptions.actions.open.minimize.text` | `string` | Minimize button text |
+| `floatingOptions.headerOptions.actions.open.expand` | `object` | Expand button config |
+| `floatingOptions.headerOptions.actions.open.expand.icon` | `boolean` | Show expand icon |
+| `floatingOptions.headerOptions.actions.open.expand.buttonTitle` | `string` | Expand button title |
+| `floatingOptions.headerOptions.actions.open.expand.text` | `string` | Expand button text |
+| `floatingOptions.headerOptions.actions.open.close` | `object` | Close button config |
+| `floatingOptions.headerOptions.actions.open.close.icon` | `boolean` | Show close icon |
+| `floatingOptions.headerOptions.actions.open.close.buttonTitle` | `string` | Close button title |
+| `floatingOptions.headerOptions.actions.open.close.text` | `string` | Close button text |
+| `floatingOptions.headerOptions.actions.open.dropdown` | `object` | Dropdown button config |
+| `floatingOptions.headerOptions.actions.open.dropdown.icon` | `boolean` | Show dropdown icon |
+| `floatingOptions.headerOptions.actions.open.dropdown.buttonTitle` | `string` | Dropdown button title |
+| `floatingOptions.headerOptions.actions.open.dropdown.text` | `string` | Dropdown button text |
+| `floatingOptions.headerOptions.actions.open.chatList` | `object` | Chat list button config |
+| `floatingOptions.headerOptions.actions.open.chatList.icon` | `boolean` | Show chat list icon |
+| `floatingOptions.headerOptions.actions.open.chatList.buttonTitle` | `string` | Chat list button title |
+| `floatingOptions.headerOptions.actions.open.chatList.text` | `string` | Chat list button text |
+| `floatingOptions.headerOptions.actions.full` | `object` | Actions for expanded/full state |
+| `floatingOptions.headerOptions.actions.full.minimize` | `object` | Minimize button config |
+| `floatingOptions.headerOptions.actions.full.minimize.icon` | `boolean` | Show minimize icon |
+| `floatingOptions.headerOptions.actions.full.minimize.buttonTitle` | `string` | Minimize button title |
+| `floatingOptions.headerOptions.actions.full.minimize.text` | `string` | Minimize button text |
+| `floatingOptions.headerOptions.actions.full.expand` | `object` | Expand button config |
+| `floatingOptions.headerOptions.actions.full.expand.icon` | `boolean` | Show expand icon |
+| `floatingOptions.headerOptions.actions.full.expand.buttonTitle` | `string` | Expand button title |
+| `floatingOptions.headerOptions.actions.full.expand.text` | `string` | Expand button text |
+| `floatingOptions.headerOptions.actions.full.close` | `object` | Close button config |
+| `floatingOptions.headerOptions.actions.full.close.icon` | `boolean` | Show close icon |
+| `floatingOptions.headerOptions.actions.full.close.buttonTitle` | `string` | Close button title |
+| `floatingOptions.headerOptions.actions.full.close.text` | `string` | Close button text |
+| `floatingOptions.headerOptions.actions.full.dropdown` | `object` | Dropdown button config |
+| `floatingOptions.headerOptions.actions.full.dropdown.icon` | `boolean` | Show dropdown icon |
+| `floatingOptions.headerOptions.actions.full.dropdown.buttonTitle` | `string` | Dropdown button title |
+| `floatingOptions.headerOptions.actions.full.dropdown.text` | `string` | Dropdown button text |
+| `floatingOptions.headerOptions.actions.full.chatList` | `object` | Chat list button config |
+| `floatingOptions.headerOptions.actions.full.chatList.icon` | `boolean` | Show chat list icon |
+| `floatingOptions.headerOptions.actions.full.chatList.buttonTitle` | `string` | Chat list button title |
+| `floatingOptions.headerOptions.actions.full.chatList.text` | `string` | Chat list button text |
+| `floatingOptions.promoBubble` | `object` | Promotional bubble configuration |
+| `floatingOptions.promoBubble.caret` | `boolean` | Show caret/arrow on bubble |
+| `floatingOptions.promoBubble.showTimeout` | `number` | Auto-hide timeout in milliseconds |
+| `floatingOptions.promoBubble.offset` | `object` | Bubble position offset |
+| `floatingOptions.promoBubble.offset.x` | `number` | Horizontal offset in pixels |
+| `floatingOptions.promoBubble.offset.y` | `number` | Vertical offset in pixels |
+| `floatingOptions.promoBubble.items` | `array` | Array of bubble content items |
+| `floatingOptions.promoBubble.items[].content` | `string` | Bubble item content text |
+| `floatingOptions.dock` | `object` | Docking position configuration |
+| `floatingOptions.dock.bottom` | `boolean` | Dock to bottom of viewport |
+| `floatingOptions.dock.center` | `boolean` | Dock to center of viewport |
+| `floatingOptions.dock.left` | `boolean` | Dock to left of viewport |
+| `floatingOptions.dock.right` | `boolean` | Dock to right of viewport |
+| `floatingOptions.height` | `string` | Floating window height (CSS value) |
+| `floatingOptions.width` | `object` | Width configuration per state |
+| `floatingOptions.width.minimized` | `string` | Width when minimized (CSS value) |
+| `floatingOptions.width.full` | `string` | Width when expanded/full mode (CSS value) |
+| `floatingOptions.width.open` | `string` | Width when open (CSS value) |
+| `floatingOptions.initialState` | `'minimized' \| 'open' \| 'full'` | Initial display state |
+| `floatingOptions.offset` | `object` | Window position offset |
+| `floatingOptions.offset.x` | `number` | Horizontal offset in pixels |
+| `floatingOptions.offset.y` | `number` | Vertical offset in pixels |
+
+
+### Theme Overrides
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `customFonts` | `array` | Array of custom font definitions |
+| `customFonts[].family` | `string` | Font family name (required) |
+| `customFonts[].weight` | `string \| number` | Font weight |
+| `customFonts[].style` | `'normal' \| 'italic' \| 'bold'` | Font style |
+| `customFonts[].src` | `string` | Font file URL (required) |
+| `colors.buttonFilledBackground` | `string` | Button filled background color |
+| `colors.buttonFilledBackgroundActive` | `string` | Button filled background color (active) |
+| `colors.buttonFilledBackgroundDisabled` | `string` | Button filled background color (disabled) |
+| `colors.buttonFilledBackgroundFocus` | `string` | Button filled background color (focus) |
+| `colors.buttonFilledBackgroundHover` | `string` | Button filled background color (hover) |
+| `colors.buttonFilledBorder` | `string` | Button filled border color |
+| `colors.buttonFilledBorderActive` | `string` | Button filled border color (active) |
+| `colors.buttonFilledBorderDisabled` | `string` | Button filled border color (disabled) |
+| `colors.buttonFilledBorderFocus` | `string` | Button filled border color (focus) |
+| `colors.buttonFilledBorderHover` | `string` | Button filled border color (hover) |
+| `colors.buttonFilledText` | `string` | Button filled text color |
+| `colors.buttonFilledTextActive` | `string` | Button filled text color (active) |
+| `colors.buttonFilledTextdDisabled` | `string` | Button filled text color (disabled) |
+| `colors.buttonFilledTextFocus` | `string` | Button filled text color (focus) |
+| `colors.buttonFilledTextHover` | `string` | Button filled text color (hover) |
+| `colors.buttonFilledIcon` | `string` | Button filled icon color |
+| `colors.buttonFilledIconActive` | `string` | Button filled icon color (active) |
+| `colors.buttonFilledIconDisabled` | `string` | Button filled icon color (disabled) |
+| `colors.buttonFilledIconFocus` | `string` | Button filled icon color (focus) |
+| `colors.buttonFilledIconHover` | `string` | Button filled icon color (hover) |
+| `colors.buttonFilledOutlineFocus` | `string` | Button filled focus outline color |
+| `colors.buttonBackground` | `string` | Button background color |
+| `colors.buttonBackgroundActive` | `string` | Button background color (active) |
+| `colors.buttonBackgroundDisabled` | `string` | Button background color (disabled) |
+| `colors.buttonBackgroundFocus` | `string` | Button background color (focus) |
+| `colors.buttonBackgroundHover` | `string` | Button background color (hover) |
+| `colors.buttonBorder` | `string` | Button border color |
+| `colors.buttonBorderActive` | `string` | Button border color (active) |
+| `colors.buttonBorderDisabled` | `string` | Button border color (disabled) |
+| `colors.buttonBorderFocus` | `string` | Button border color (focus) |
+| `colors.buttonBorderHover` | `string` | Button border color (hover) |
+| `colors.buttonText` | `string` | Button text color |
+| `colors.buttonTextActive` | `string` | Button text color (active) |
+| `colors.buttonTextdDisabled` | `string` | Button text color (disabled) |
+| `colors.buttonTextFocus` | `string` | Button text color (focus) |
+| `colors.buttonTextHover` | `string` | Button text color (hover) |
+| `colors.buttonIcon` | `string` | Button icon color |
+| `colors.buttonIconActive` | `string` | Button icon color (active) |
+| `colors.buttonIconDisabled` | `string` | Button icon color (disabled) |
+| `colors.buttonIconFocus` | `string` | Button icon color (focus) |
+| `colors.buttonIconHover` | `string` | Button icon color (hover) |
+| `colors.buttonOutlineFocus` | `string` | Button focus outline color |
+| `colors.buttonTextBackground` | `string` | Text button background color |
+| `colors.buttonTextBackgroundActive` | `string` | Text button background color (active) |
+| `colors.buttonTextBackgroundDisabled` | `string` | Text button background color (disabled) |
+| `colors.buttonTextBackgroundFocus` | `string` | Text button background color (focus) |
+| `colors.buttonTextBackgroundHover` | `string` | Text button background color (hover) |
+| `colors.buttonTextBorder` | `string` | Text button border color |
+| `colors.buttonTextBorderActive` | `string` | Text button border color (active) |
+| `colors.buttonTextBorderDisabled` | `string` | Text button border color (disabled) |
+| `colors.buttonTextBorderFocus` | `string` | Text button border color (focus) |
+| `colors.buttonTextBorderHover` | `string` | Text button border color (hover) |
+| `colors.buttonTextContentText` | `string` | Text button text color |
+| `colors.buttonTextContentTextActive` | `string` | Text button text color (active) |
+| `colors.buttonTextContentTextDisabled` | `string` | Text button text color (disabled) |
+| `colors.buttonTextContentTextFocus` | `string` | Text button text color (focus) |
+| `colors.buttonTextContentTextHover` | `string` | Text button text color (hover) |
+| `colors.buttonTextIcon` | `string` | Text button icon color |
+| `colors.buttonTextIconActive` | `string` | Text button icon color (active) |
+| `colors.buttonTextIconDisabled` | `string` | Text button icon color (disabled) |
+| `colors.buttonTextIconFocus` | `string` | Text button icon color (focus) |
+| `colors.buttonTextIconHover` | `string` | Text button icon color (hover) |
+| `colors.buttonTextOutlineFocus` | `string` | Text button focus outline color |
+| `colors.buttonSendBackground` | `string` | Send button background color |
+| `colors.buttonSendBackgroundActive` | `string` | Send button background color (active) |
+| `colors.buttonSendBackgroundDisabled` | `string` | Send button background color (disabled) |
+| `colors.buttonSendBackgroundFocus` | `string` | Send button background color (focus) |
+| `colors.buttonSendBackgroundHover` | `string` | Send button background color (hover) |
+| `colors.buttonSendBorder` | `string` | Send button border color |
+| `colors.buttonSendBorderActive` | `string` | Send button border color (active) |
+| `colors.buttonSendBorderDisabled` | `string` | Send button border color (disabled) |
+| `colors.buttonSendBorderFocus` | `string` | Send button border color (focus) |
+| `colors.buttonSendBorderHover` | `string` | Send button border color (hover) |
+| `colors.buttonSendText` | `string` | Send button text color |
+| `colors.buttonSendTextActive` | `string` | Send button text color (active) |
+| `colors.buttonSendTextdDisabled` | `string` | Send button text color (disabled) |
+| `colors.buttonSendTextFocus` | `string` | Send button text color (focus) |
+| `colors.buttonSendTextHover` | `string` | Send button text color (hover) |
+| `colors.buttonSendIcon` | `string` | Send button icon color |
+| `colors.buttonSendIconActive` | `string` | Send button icon color (active) |
+| `colors.buttonSendIconDisabled` | `string` | Send button icon color (disabled) |
+| `colors.buttonSendIconFocus` | `string` | Send button icon color (focus) |
+| `colors.buttonSendIconHover` | `string` | Send button icon color (hover) |
+| `colors.buttonSendOutlineFocus` | `string` | Send button focus outline color |
+| `colors.buttonVideoBackground` | `string` | Video button background color |
+| `colors.buttonVideoBackgroundActive` | `string` | Video button background color (active) |
+| `colors.buttonVideoBackgroundDisabled` | `string` | Video button background color (disabled) |
+| `colors.buttonVideoBackgroundFocus` | `string` | Video button background color (focus) |
+| `colors.buttonVideoBackgroundHover` | `string` | Video button background color (hover) |
+| `colors.buttonVideoBorder` | `string` | Video button border color |
+| `colors.buttonVideoBorderActive` | `string` | Video button border color (active) |
+| `colors.buttonVideoBorderDisabled` | `string` | Video button border color (disabled) |
+| `colors.buttonVideoBorderFocus` | `string` | Video button border color (focus) |
+| `colors.buttonVideoBorderHover` | `string` | Video button border color (hover) |
+| `colors.buttonVideoText` | `string` | Video button text color |
+| `colors.buttonVideoTextActive` | `string` | Video button text color (active) |
+| `colors.buttonVideoTextdDisabled` | `string` | Video button text color (disabled) |
+| `colors.buttonVideoTextFocus` | `string` | Video button text color (focus) |
+| `colors.buttonVideoTextHover` | `string` | Video button text color (hover) |
+| `colors.buttonVideoIcon` | `string` | Video button icon color |
+| `colors.buttonVideoIconActive` | `string` | Video button icon color (active) |
+| `colors.buttonVideoIconDisabled` | `string` | Video button icon color (disabled) |
+| `colors.buttonVideoIconFocus` | `string` | Video button icon color (focus) |
+| `colors.buttonVideoIconHover` | `string` | Video button icon color (hover) |
+| `colors.buttonVideoOutlineFocus` | `string` | Video button focus outline color |
+| `colors.questionnaireRadioBackground` | `string` | Radio button background color |
+| `colors.questionnaireRadioBackgroundSelected` | `string` | Radio button background color (selected) |
+| `colors.questionnaireRadioBorder` | `string` | Radio button border color |
+| `colors.questionnaireRadioBorderSelected` | `string` | Radio button border color (selected) |
+| `colors.questionnaireRadioText` | `string` | Radio button text color |
+| `colors.questionnaireRadioTextSelected` | `string` | Radio button text color (selected) |
+| `colors.questionnaireRadioFocusOutline` | `string` | Radio button focus outline color |
+| `colors.modalBackground` | `string` | Modal background color |
+| `colors.modalHeaderBackground` | `string` | Modal header background color |
+| `colors.modalFooterBackground` | `string` | Modal footer background color |
+| `colors.modalFooterBorder` | `string` | Modal footer border color |
+| `colors.modalText` | `string` | Modal text color |
+| `colors.modalBorder` | `string` | Modal border color |
+| `colors.inputBackground` | `string` | Input background color |
+| `colors.inputText` | `string` | Input text color |
+| `colors.inputBorder` | `string` | Input border color |
+| `colors.inputBackgroundDisabled` | `string` | Input background color (disabled) |
+| `colors.inputTextDisabled` | `string` | Input text color (disabled) |
+| `colors.inputBorderDisabled` | `string` | Input border color (disabled) |
+| `colors.inputBackgroundHover` | `string` | Input background color (hover) |
+| `colors.inputTextHover` | `string` | Input text color (hover) |
+| `colors.inputBorderHover` | `string` | Input border color (hover) |
+| `colors.inputBackgroundActive` | `string` | Input background color (active) |
+| `colors.inputTextActive` | `string` | Input text color (active) |
+| `colors.inputBorderActive` | `string` | Input border color (active) |
+| `colors.inputBackgroundFocus` | `string` | Input background color (focus) |
+| `colors.inputTextFocus` | `string` | Input text color (focus) |
+| `colors.inputBorderFocus` | `string` | Input border color (focus) |
+| `colors.inputBackgroundInvalid` | `string` | Input background color (invalid) |
+| `colors.inputTextInvalid` | `string` | Input text color (invalid) |
+| `colors.inputBorderInvalid` | `string` | Input border color (invalid) |
+| `colors.inputBackgroundValid` | `string` | Input background color (valid) |
+| `colors.inputTextValid` | `string` | Input text color (valid) |
+| `colors.inputBorderValid` | `string` | Input border color (valid) |
+| `colors.inputBackgroundAutopopulated` | `string` | Input background color (autopopulated) |
+| `colors.inputTextAutopopulated` | `string` | Input text color (autopopulated) |
+| `colors.inputBorderAutopopulated` | `string` | Input border color (autopopulated) |
+| `colors.inputBackgroundAutopopulatedFocus` | `string` | Input background color (autopopulated, focus) |
+| `colors.inputTextAutopopulatedFocus` | `string` | Input text color (autopopulated, focus) |
+| `colors.inputBorderAutopopulatedFocus` | `string` | Input border color (autopopulated, focus) |
+| `colors.inputPlaceholder` | `string` | Input placeholder text color |
+| `colors.inputIconColor` | `string` | Input icon color |
+| `colors.inputErrorMessage` | `string` | Input error message color |
+| `colors.toastBackgroundDefault` | `string` | Toast background color (default) |
+| `colors.toastTextDefault` | `string` | Toast text color (default) |
+| `colors.toastBorderDefault` | `string` | Toast border color (default) |
+| `colors.toastBackgroundSuccess` | `string` | Toast background color (success) |
+| `colors.toastTextSuccess` | `string` | Toast text color (success) |
+| `colors.toastBorderSuccess` | `string` | Toast border color (success) |
+| `colors.toastBackgroundError` | `string` | Toast background color (error) |
+| `colors.toastTextError` | `string` | Toast text color (error) |
+| `colors.toastBorderError` | `string` | Toast border color (error) |
+| `colors.checkboxBackground` | `string` | Checkbox background color |
+| `colors.checkboxBackgroundDisabled` | `string` | Checkbox background color (disabled) |
+| `colors.checkboxBackgroundHover` | `string` | Checkbox background color (hover) |
+| `colors.checkboxBackgroundFocus` | `string` | Checkbox background color (focus) |
+| `colors.checkboxBackgroundChecked` | `string` | Checkbox background color (checked) |
+| `colors.checkboxBackgroundCheckedDisabled` | `string` | Checkbox background color (checked, disabled) |
+| `colors.checkboxBackgroundCheckedHover` | `string` | Checkbox background color (checked, hover) |
+| `colors.checkboxBackgroundCheckedFocus` | `string` | Checkbox background color (checked, focus) |
+| `colors.checkboxBorder` | `string` | Checkbox border color |
+| `colors.checkboxBorderDisabled` | `string` | Checkbox border color (disabled) |
+| `colors.checkboxBorderHover` | `string` | Checkbox border color (hover) |
+| `colors.checkboxBorderFocus` | `string` | Checkbox border color (focus) |
+| `colors.checkboxBorderChecked` | `string` | Checkbox border color (checked) |
+| `colors.checkboxBorderCheckedDisabled` | `string` | Checkbox border color (checked, disabled) |
+| `colors.checkboxBorderCheckedHover` | `string` | Checkbox border color (checked, hover) |
+| `colors.checkboxBorderCheckedFocus` | `string` | Checkbox border color (checked, focus) |
+| `colors.checkboxIconChecked` | `string` | Checkbox icon color (checked) |
+| `colors.checkboxIconCheckedDisabled` | `string` | Checkbox icon color (checked, disabled) |
+| `colors.checkboxIconCheckedHover` | `string` | Checkbox icon color (checked, hover) |
+| `colors.checkboxIconCheckedFocus` | `string` | Checkbox icon color (checked, focus) |
+| `colors.checkboxBackgroundHoverChecked` | `string` | Checkbox background color (hover, checked) |
+| `colors.checkboxDescription` | `string` | Checkbox description text color |
+| `colors.checkboxFocusOutline` | `string` | Checkbox focus outline color |
+| `colors.switchBackground` | `string` | Switch background color |
+| `colors.switchBackgroundHover` | `string` | Switch background color (hover) |
+| `colors.switchBackgroundFocus` | `string` | Switch background color (focus) |
+| `colors.switchBackgroundDisabled` | `string` | Switch background color (disabled) |
+| `colors.switchBackgroundChecked` | `string` | Switch background color (checked) |
+| `colors.switchBackgroundCheckedDisabled` | `string` | Switch background color (checked, disabled) |
+| `colors.switchBackgroundCheckedHover` | `string` | Switch background color (checked, hover) |
+| `colors.switchBackgroundCheckedFocus` | `string` | Switch background color (checked, focus) |
+| `colors.switchBorder` | `string` | Switch border color |
+| `colors.switchBorderHover` | `string` | Switch border color (hover) |
+| `colors.switchBorderFocus` | `string` | Switch border color (focus) |
+| `colors.switchBorderDisabled` | `string` | Switch border color (disabled) |
+| `colors.switchBorderChecked` | `string` | Switch border color (checked) |
+| `colors.switchBorderCheckedHover` | `string` | Switch border color (checked, hover) |
+| `colors.switchBorderCheckedFocus` | `string` | Switch border color (checked, focus) |
+| `colors.switchBorderCheckedDisabled` | `string` | Switch border color (checked, disabled) |
+| `colors.switchThumbBackground` | `string` | Switch thumb background color |
+| `colors.switchThumbBackgroundDisabled` | `string` | Switch thumb background color (disabled) |
+| `colors.switchThumbBackgroundHover` | `string` | Switch thumb background color (hover) |
+| `colors.switchThumbBackgroundFocus` | `string` | Switch thumb background color (focus) |
+| `colors.switchThumbBackgroundChecked` | `string` | Switch thumb background color (checked) |
+| `colors.switchThumbBackgroundCheckedDisabled` | `string` | Switch thumb background color (checked, disabled) |
+| `colors.switchThumbBackgroundCheckedHover` | `string` | Switch thumb background color (checked, hover) |
+| `colors.switchThumbBackgroundCheckedFocus` | `string` | Switch thumb background color (checked, focus) |
+| `colors.switchThumbBorder` | `string` | Switch thumb border color |
+| `colors.switchThumbBorderDisabled` | `string` | Switch thumb border color (disabled) |
+| `colors.switchThumbBorderHover` | `string` | Switch thumb border color (hover) |
+| `colors.switchThumbBorderFocus` | `string` | Switch thumb border color (focus) |
+| `colors.switchThumbBorderChecked` | `string` | Switch thumb border color (checked) |
+| `colors.switchThumbBorderCheckedDisabled` | `string` | Switch thumb border color (checked, disabled) |
+| `colors.switchThumbBorderCheckedHover` | `string` | Switch thumb border color (checked, hover) |
+| `colors.switchThumsBorderCheckedFocus` | `string` | Switch thumb border color (checked, focus) |
+| `colors.switchIcon` | `string` | Switch icon color |
+| `colors.switchIconDisabled` | `string` | Switch icon color (disabled) |
+| `colors.switchIconHover` | `string` | Switch icon color (hover) |
+| `colors.switchIconFocus` | `string` | Switch icon color (focus) |
+| `colors.switchIconChecked` | `string` | Switch icon color (checked) |
+| `colors.switchOutlineFocus` | `string` | Switch focus outline color |
+| `colors.floatingEmbedHeader` | `string` | Floating embed header background color |
+| `colors.floatingEmbedHeaderBorder` | `string` | Floating embed header border color |
+| `colors.floatingEmbedHeaderTitle` | `string` | Floating embed header title color |
+| `colors.floatingEmbedHeaderIcon` | `string` | Floating embed header icon color |
+| `colors.floatingEmbedHeaderSubtitle` | `string` | Floating embed header subtitle color |
+| `colors.floatingEmbedHeaderButton` | `string` | Floating embed header button color |
+| `colors.floatingEmbedHeaderButtonIcon` | `string` | Floating embed header button icon color |
+| `colors.floatingEmbedHeaderButtonBackground` | `string` | Floating embed header button background color |
+| `colors.floatingEmbedHeaderButtonBorder` | `string` | Floating embed header button border color |
+| `colors.floatingEmbedHeaderButtonHoverBackground` | `string` | Floating embed header button background (hover) |
+| `colors.floatingEmbedHeaderButtonFocusBackground` | `string` | Floating embed header button background (focus) |
+| `colors.floatingEmbedHeaderButtonActiveOutline` | `string` | Floating embed header button outline (active) |
+| `colors.floatingEmbedBall` | `string` | Floating embed ball background color |
+| `colors.floatingEmbedBallHover` | `string` | Floating embed ball background color (hover) |
+| `colors.floatingEmbedBallActive` | `string` | Floating embed ball background color (active) |
+| `colors.floatingEmbedBallText` | `string` | Floating embed ball text color |
+| `colors.floatingEmbedBallTextHover` | `string` | Floating embed ball text color (hover) |
+| `colors.floatingEmbedPromoBubble` | `string` | Floating embed promo bubble background color |
+| `colors.floatingEmbedPromoBubbleText` | `string` | Floating embed promo bubble text color |
+| `colors.containerEmbedHeader` | `string` | Container embed header background color |
+| `colors.containerEmbedHeaderBorder` | `string` | Container embed header border color |
+| `colors.containerEmbedHeaderTitle` | `string` | Container embed header title color |
+| `colors.containerEmbedHeaderIcon` | `string` | Container embed header icon color |
+| `colors.containerEmbedHeaderSubtitle` | `string` | Container embed header subtitle color |
+| `colors.containerEmbedHeaderButton` | `string` | Container embed header button color |
+| `colors.containerEmbedHeaderButtonIcon` | `string` | Container embed header button icon color |
+| `colors.containerEmbedHeaderButtonBackground` | `string` | Container embed header button background color |
+| `colors.containerEmbedHeaderButtonBorder` | `string` | Container embed header button border color |
+| `colors.containerEmbedHeaderButtonHoverBackground` | `string` | Container embed header button background (hover) |
+| `colors.containerEmbedHeaderButtonFocusBackground` | `string` | Container embed header button background (focus) |
+| `colors.containerEmbedHeaderButtonActiveOutline` | `string` | Container embed header button outline (active) |
+| `colors.embedBody` | `string` | Embed body text color |
+| `colors.embedBodyHeading1` | `string` | Embed body heading 1 color |
+| `colors.embedBodyHeading2` | `string` | Embed body heading 2 color |
+| `colors.embedBodyHeading3` | `string` | Embed body heading 3 color |
+| `colors.embedBodyHeading4` | `string` | Embed body heading 4 color |
+| `colors.embedBodyHeading5` | `string` | Embed body heading 5 color |
+| `colors.embedBodyHeading6` | `string` | Embed body heading 6 color |
+| `colors.embedBodyBold` | `string` | Embed body bold text color |
+| `colors.embedBodyBackground` | `string` | Embed body background color |
+| `colors.embedErrorTitle` | `string` | Embed error title color |
+| `colors.embedHero` | `string` | Embed hero text color |
+| `colors.embedHeroBorder` | `string` | Embed hero border color |
+| `colors.embedHeroBackground` | `string` | Embed hero background color |
+| `colors.embedHeroAvatar` | `string` | Embed hero avatar background color |
+| `colors.embedHeroAvatarBorder` | `string` | Embed hero avatar border color |
+| `colors.embedHeroSubtitle` | `string` | Embed hero subtitle color |
+| `colors.embedQueuePosition` | `string` | Embed queue position text color |
+| `colors.embedQueueSpinner` | `string` | Embed queue spinner color |
+| `colors.questionnaireNavigation` | `string` | Questionnaire navigation color |
+| `colors.questionnaireEmojiGood` | `string` | Questionnaire good emoji color |
+| `colors.questionnaireEmojiAvarageGood` | `string` | Questionnaire above average emoji color |
+| `colors.questionnaireEmojiAvarage` | `string` | Questionnaire average emoji color |
+| `colors.questionnaireEmojiAvarageBad` | `string` | Questionnaire below average emoji color |
+| `colors.questionnaireEmojiBad` | `string` | Questionnaire bad emoji color |
+| `colors.questionnaireLink` | `string` | Questionnaire link color |
+| `colors.questionnaireLinkHover` | `string` | Questionnaire link color (hover) |
+| `colors.questionnaireLabel` | `string` | Questionnaire label color |
+| `colors.questionnaireLabelDescription` | `string` | Questionnaire label description color |
+| `colors.questionnaireLightBotUsername` | `string` | Questionnaire light bot avatar name color |
+| `colors.questionnaireLightBotBubbleBorder` | `string` | LightBot bubble border color |
+| `colors.questionnaireLightBotBubbleBackground` | `string` | LightBot bubble background color |
+| `colors.questionnaireLightBotBubbleText` | `string` | LightBot bubble border color |
+| `colors.questionnaireLightBotAnswerBubbleBackground` | `string` | LightBot answer bubble background |
+| `colors.questionnaireLightBotAnswerBubbleBorder`| `string` | Light bot answer bubble border |
+| `colors.questionnaireLightBotAnswerBubbleText` | `string` | LightBot answer bubble text color |
+| `colors.questionnaireLightBotAnswerBubbleLabel` | `string` | LightBot answer label color |
+| `colors.chatBacklogBackground` | `string` | Chat backlog background color |
+| `colors.chatCommandBarWrapper` | `string` | Chat command bar wrapper color |
+| `colors.chatCommandBar` | `string` | Chat command bar background color |
+| `colors.chatCommandBarBorder` | `string` | Chat command bar border color |
+| `colors.chatCommandBarTextareaText` | `string` | Chat command bar textarea text color |
+| `colors.chatCommandBarTextareaPlaceholder` | `string` | Chat command bar textarea placeholder color |
+| `colors.messageInfo` | `string` | Message info background color |
+| `colors.messageInfoBorder` | `string` | Message info border color |
+| `colors.messageInfoText` | `string` | Message info text color |
+| `colors.messageInfoTimestamp` | `string` | Message info timestamp color |
+| `colors.messageInfoIcon` | `string` | Message info icon color |
+| `colors.messageInfoLink` | `string` | Message info link color |
+| `colors.messageInfoLinkHover` | `string` | Message info link color (hover) |
+| `colors.messageAvatarOperatorModeratorBorder` | `string` | Operator/moderator avatar border color |
+| `colors.messageAvatarOperatorModeratorText` | `string` | Operator/moderator avatar text color |
+| `colors.messageAvatarOtherBorder` | `string` | Other user avatar border color |
+| `colors.messageAvatarOtherText` | `string` | Other user avatar text color |
+| `colors.messageUsernameOperatorModerator` | `string` | Operator/moderator username color |
+| `colors.messageUsernameOther` | `string` | Other user username color |
+| `colors.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble background |
+| `colors.messageSpeechBubbleOther` | `string` | Other user speech bubble background |
+| `colors.messageSpeechBubbleOperatorModeratorBorder` | `string` | Operator/moderator speech bubble border |
+| `colors.messageSpeechBubbleOtherBorder` | `string` | Other user speech bubble border |
+| `colors.messageSpeechBubbleOperatorModeratorText` | `string` | Operator/moderator speech bubble text color |
+| `colors.messageSpeechBubbleOtherText` | `string` | Other user speech bubble text color |
+| `colors.messageSpeechBubbleOperatorModeratorLink` | `string` | Operator/moderator speech bubble link color |
+| `colors.messageSpeechBubbleOperatorModeratorLinkHover` | `string` | Operator/moderator speech bubble link (hover) |
+| `colors.messageSpeechBubbleOtherLink` | `string` | Other user speech bubble link color |
+| `colors.messageSpeechBubbleOtherLinkHover` | `string` | Other user speech bubble link color (hover) |
+| `colors.messageSpeechBubbleOperatorModeratorTimestamp` | `string` | Operator/moderator timestamp color |
+| `colors.messageSpeechBubbleOtherTimestamp` | `string` | Other user timestamp color |
+| `borderStyles.embedHero` | `string` | Embed hero border style |
+| `borderStyles.floatingEmbedHeaderBorder` | `string` | Floating embed header border style |
+| `borderStyles.containerEmbedHeaderBorder` | `string` | Container embed header border style |
+| `borderStyles.buttonFilled` | `string` | Filled button border style |
+| `borderStyles.button` | `string` | Button border style |
+| `borderStyles.buttonText` | `string` | Text button border style |
+| `borderStyles.buttonSend` | `string` | Send button border style |
+| `borderStyles.buttonVideo` | `string` | Video button border style |
+| `borderStyles.modal` | `string` | Modal border style |
+| `borderStyles.input` | `string` | Input border style |
+| `borderStyles.toast` | `string` | Toast border style |
+| `borderStyles.checkbox` | `string` | Checkbox border style |
+| `borderStyles.switch` | `string` | Switch border style |
+| `borderStyles.switchThumb` | `string` | Switch thumb border style |
+| `borderStyles.chatCommandBar` | `string` | Chat command bar border style |
+| `borderStyles.messageInfo` | `string` | Message info border style |
+| `borderStyles.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble border style |
+| `borderStyles.messageSpeechBubbleOther` | `string` | Other user speech bubble border style |
+| `borderStyles.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble border style |
+| `borderStyles.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble border style |
+| `borderWidths.embedHero` | `string` | Embed hero border width |
+| `borderWidths.floatingEmbedHeaderBorder` | `string` | Floating embed header border width |
+| `borderWidths.containerEmbedHeaderBorder` | `string` | Container embed header border width |
+| `borderWidths.buttonFilled` | `string` | Filled button border width |
+| `borderWidths.button` | `string` | Button border width |
+| `borderWidths.buttonText` | `string` | Text button border width |
+| `borderWidths.buttonSend` | `string` | Send button border width |
+| `borderWidths.buttonVideo` | `string` | Video button border width |
+| `borderWidths.modal` | `string` | Modal border width |
+| `borderWidths.input` | `string` | Input border width |
+| `borderWidths.toast` | `string` | Toast border width |
+| `borderWidths.checkbox` | `string` | Checkbox border width |
+| `borderWidths.switch` | `string` | Switch border width |
+| `borderWidths.switchThumb` | `string` | Switch thumb border width |
+| `borderWidths.chatCommandBar` | `string` | Chat command bar border width |
+| `borderWidths.messageInfo` | `string` | Message info border width |
+| `borderWidths.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble border width |
+| `borderWidths.messageSpeechBubbleOther` | `string` | Other user speech bubble border width |
+| `borderWidths.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble border width |
+| `borderWidths.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble border width |
+| `fonts.floatingEmbedBall` | `string` | Floating embed ball font family |
+| `fonts.floatingEmbedHeaderTitle` | `string` | Floating embed header title font family |
+| `fonts.floatingEmbedHeaderSubtitle` | `string` | Floating embed header subtitle font family |
+| `fonts.floatingEmbedHeaderButton` | `string` | Floating embed header button font family |
+| `fonts.floatingEmbedPromoBubble` | `string` | Floating embed promo bubble font family |
+| `fonts.containerEmbedHeaderTitle` | `string` | Container embed header title font family |
+| `fonts.containerEmbedHeaderSubtitle` | `string` | Container embed header subtitle font family |
+| `fonts.containerEmbedHeaderButton` | `string` | Container embed header button font family |
+| `fonts.embedBody` | `string` | Embed body font family |
+| `fonts.embedBodyHeading1` | `string` | Embed body heading 1 font family |
+| `fonts.embedBodyHeading2` | `string` | Embed body heading 2 font family |
+| `fonts.embedBodyHeading3` | `string` | Embed body heading 3 font family |
+| `fonts.embedBodyHeading4` | `string` | Embed body heading 4 font family |
+| `fonts.embedBodyHeading5` | `string` | Embed body heading 5 font family |
+| `fonts.embedBodyHeading6` | `string` | Embed body heading 6 font family |
+| `fonts.embedHero` | `string` | Embed hero font family |
+| `fonts.embedHeroSubtitle` | `string` | Embed hero subtitle font family |
+| `fonts.questionnaireLink` | `string` | Questionnaire link font family |
+| `fonts.buttonFilled` | `string` | Filled button font family |
+| `fonts.button` | `string` | Button font family |
+| `fonts.buttonText` | `string` | Text button font family |
+| `fonts.buttonSend` | `string` | Send button font family |
+| `fonts.buttonVideo` | `string` | Video button font family |
+| `fonts.modal` | `string` | Modal font family |
+| `fonts.input` | `string` | Input font family |
+| `fonts.toast` | `string` | Toast font family |
+| `fonts.messageInfoText` | `string` | Message info text font family |
+| `fonts.messageUsernameOperatorModerator` | `string` | Operator/moderator username font family |
+| `fonts.messageUsernameOther` | `string` | Other user username font family |
+| `fonts.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble font family |
+| `fonts.messageSpeechBubbleOther` | `string` | Other user speech bubble font family |
+| `fonts.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble font family |
+| `fonts.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble font family |
+| `fontSizes.floatingEmbedBall` | `string` | Floating embed ball font size |
+| `fontSizes.floatingEmbedHeaderTitle` | `string` | Floating embed header title font size |
+| `fontSizes.floatingEmbedHeaderSubtitle` | `string` | Floating embed header subtitle font size |
+| `fontSizes.floatingEmbedHeaderButton` | `string` | Floating embed header button font size |
+| `fontSizes.floatingEmbedPromoBubble` | `string` | Floating embed promo bubble font size |
+| `fontSizes.containerEmbedHeaderTitle` | `string` | Container embed header title font size |
+| `fontSizes.containerEmbedHeaderSubtitle` | `string` | Container embed header subtitle font size |
+| `fontSizes.containerEmbedHeaderButton` | `string` | Container embed header button font size |
+| `fontSizes.embedBody` | `string` | Embed body font size |
+| `fontSizes.embedBodyHeading1` | `string` | Embed body heading 1 font size |
+| `fontSizes.embedBodyHeading2` | `string` | Embed body heading 2 font size |
+| `fontSizes.embedBodyHeading3` | `string` | Embed body heading 3 font size |
+| `fontSizes.embedBodyHeading4` | `string` | Embed body heading 4 font size |
+| `fontSizes.embedBodyHeading5` | `string` | Embed body heading 5 font size |
+| `fontSizes.embedBodyHeading6` | `string` | Embed body heading 6 font size |
+| `fontSizes.embedHero` | `string` | Embed hero font size |
+| `fontSizes.embedHeroSubtitle` | `string` | Embed hero subtitle font size |
+| `fontSizes.questionnaireLink` | `string` | Questionnaire link font size |
+| `fontSizes.questionnaireLabel` | `string` | Questionnaire label font size |
+| `fontSizes.questionnaireLabelDescription` | `string` | Questionnaire label description font size |
+| `fontSizes.buttonFilled` | `string` | Filled button font size |
+| `fontSizes.button` | `string` | Button font size |
+| `fontSizes.buttonText` | `string` | Text button font size |
+| `fontSizes.buttonSend` | `string` | Send button font size |
+| `fontSizes.buttonVideo` | `string` | Video button font size |
+| `fontSizes.modal` | `string` | Modal font size |
+| `fontSizes.input` | `string` | Input font size |
+| `fontSizes.toast` | `string` | Toast font size |
+| `fontSizes.messageInfoText` | `string` | Message info text font size |
+| `fontSizes.messageUsernameOperatorModerator` | `string` | Operator/moderator username font size |
+| `fontSizes.messageUsernameOther` | `string` | Other user username font size |
+| `fontSizes.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble font size |
+| `fontSizes.messageSpeechBubbleOther` | `string` | Other user speech bubble font size |
+| `fontSizes.questionnaireLightBotUsername` | `string` | Questionnaire light bot avatar name font size |
+| `fontSizes.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble font size |
+| `fontSizes.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble font size|
+| `fontStyle.embedBody` | `string` | Embed body font style |
+| `fontStyle.embedBodyHeading1` | `string` | Embed body heading 1 font style |
+| `fontStyle.embedBodyHeading2` | `string` | Embed body heading 2 font style |
+| `fontStyle.embedBodyHeading3` | `string` | Embed body heading 3 font style |
+| `fontStyle.embedBodyHeading4` | `string` | Embed body heading 4 font style |
+| `fontStyle.embedBodyHeading5` | `string` | Embed body heading 5 font style |
+| `fontStyle.embedBodyHeading6` | `string` | Embed body heading 6 font style |
+| `fontStyle.embedHero` | `string` | Embed hero font style |
+| `fontStyle.embedHeroSubtitle` | `string` | Embed hero subtitle font style |
+| `fontStyle.questionnaireLink` | `string` | Questionnaire link font style |
+| `fontStyle.questionnaireLabel` | `string` | Questionnaire label font style |
+| `fontStyle.questionnaireLabelDescription` | `string` | Questionnaire label description font style |
+| `fontStyle.buttonFilled` | `string` | Filled button font style |
+| `fontStyle.button` | `string` | Button font style |
+| `fontStyle.buttonText` | `string` | Text button font style |
+| `fontStyle.buttonSend` | `string` | Send button font style |
+| `fontStyle.buttonVideo` | `string` | Video button font style |
+| `fontStyle.modal` | `string` | Modal font style |
+| `fontStyle.input` | `string` | Input font style |
+| `fontStyle.toast` | `string` | Toast font style |
+| `fontStyle.messageInfoText` | `string` | Message info text font style |
+| `fontStyle.messageUsernameOperatorModerator` | `string` | Operator/moderator username font style |
+| `fontStyle.messageUsernameOther` | `string` | Other user username font style |
+| `fontStyle.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble font style |
+| `fontStyle.messageSpeechBubbleOther` | `string` | Other user speech bubble font style |
+| `fontStyle.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble font style |
+| `fontStyle.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble font style |
+| `fontVariant.embedBody` | `string` | Embed body font variant |
+| `fontVariant.embedBodyHeading1` | `string` | Embed body heading 1 font variant |
+| `fontVariant.embedBodyHeading2` | `string` | Embed body heading 2 font variant |
+| `fontVariant.embedBodyHeading3` | `string` | Embed body heading 3 font variant |
+| `fontVariant.embedBodyHeading4` | `string` | Embed body heading 4 font variant |
+| `fontVariant.embedBodyHeading5` | `string` | Embed body heading 5 font variant |
+| `fontVariant.embedBodyHeading6` | `string` | Embed body heading 6 font variant |
+| `fontVariant.embedHero` | `string` | Embed hero font variant |
+| `fontVariant.embedHeroSubtitle` | `string` | Embed hero subtitle font variant |
+| `fontVariant.questionnaireLink` | `string` | Questionnaire link font variant |
+| `fontVariant.questionnaireLabel` | `string` | Questionnaire label font variant |
+| `fontVariant.questionnaireLabelDescription` | `string` | Questionnaire label description font variant |
+| `fontVariant.buttonFilled` | `string` | Filled button font variant |
+| `fontVariant.button` | `string` | Button font variant |
+| `fontVariant.buttonText` | `string` | Text button font variant |
+| `fontVariant.buttonSend` | `string` | Send button font variant |
+| `fontVariant.buttonVideo` | `string` | Video button font variant |
+| `fontVariant.modal` | `string` | Modal font variant |
+| `fontVariant.input` | `string` | Input font variant |
+| `fontVariant.toast` | `string` | Toast font variant |
+| `fontVariant.messageInfoText` | `string` | Message info text font variant |
+| `fontVariant.messageUsernameOperatorModerator` | `string` | Operator/moderator username font variant |
+| `fontVariant.messageUsernameOther` | `string` | Other user username font variant |
+| `fontVariant.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble font variant |
+| `fontVariant.messageSpeechBubbleOther` | `string` | Other user speech bubble font variant |
+| `fontVariant.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble font variant |
+| `fontVariant.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble font variant |
+| `fontWeights.floatingEmbedBall` | `number` | Floating embed ball font weight |
+| `fontWeights.floatingEmbedHeaderTitle` | `string` | Floating embed header title font weight |
+| `fontWeights.floatingEmbedHeaderSubtitle` | `string` | Floating embed header subtitle font weight |
+| `fontWeights.floatingEmbedHeaderButton` | `string` | Floating embed header button font weight |
+| `fontWeights.containerEmbedHeaderTitle` | `string` | Container embed header title font weight |
+| `fontWeights.containerEmbedHeaderSubtitle` | `string` | Container embed header subtitle font weight |
+| `fontWeights.containerEmbedHeaderButton` | `string` | Container embed header button font weight |
+| `fontWeights.embedBody` | `string` | Embed body font weight |
+| `fontWeights.embedBodyHeading1` | `string` | Embed body heading 1 font weight |
+| `fontWeights.embedBodyHeading2` | `string` | Embed body heading 2 font weight |
+| `fontWeights.embedBodyHeading3` | `string` | Embed body heading 3 font weight |
+| `fontWeights.embedBodyHeading4` | `string` | Embed body heading 4 font weight |
+| `fontWeights.embedBodyHeading5` | `string` | Embed body heading 5 font weight |
+| `fontWeights.embedBodyHeading6` | `string` | Embed body heading 6 font weight |
+| `fontWeights.embedHero` | `string` | Embed hero font weight |
+| `fontWeights.embedHeroSubtitle` | `string` | Embed hero subtitle font weight |
+| `fontWeights.questionnaireLink` | `string` | Questionnaire link font weight |
+| `fontWeights.questionnaireLabel` | `string` | Questionnaire label font weight |
+| `fontWeights.questionnaireLabelDescription` | `string` | Questionnaire label description font weight |
+| `fontWeights.buttonFilled` | `string` | Filled button font weight |
+| `fontWeights.button` | `string` | Button font weight |
+| `fontWeights.buttonText` | `string` | Text button font weight |
+| `fontWeights.buttonSend` | `string` | Send button font weight |
+| `fontWeights.buttonVideo` | `string` | Video button font weight |
+| `fontWeights.modal` | `string` | Modal font weight |
+| `fontWeights.input` | `string` | Input font weight |
+| `fontWeights.toast` | `string` | Toast font weight |
+| `fontWeights.messageInfoText` | `string` | Message info text font weight |
+| `fontWeights.messageUsernameOperatorModerator` | `string` | Operator/moderator username font weight |
+| `fontWeights.messageUsernameOther` | `string` | Other user username font weight |
+| `fontWeights.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble font weight |
+| `fontWeights.messageSpeechBubbleOther` | `string` | Other user speech bubble font weight |
+| `fontWeights.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble font weight |
+| `fontWeights.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble font weight |
+| `maxWidths.questionnaire` | `string` | Questionnaire maximum width |
+| `space.embedHero` | `string` | Embed hero spacing |
+| `space.buttonSend` | `string` | Send button spacing |
+| `space.buttonVideo` | `string` | Video button spacing |
+| `zIndices.floatingEmbed` | `number` | Floating embed z-index |
+| `zIndices.floatingEmbedBall` | `number` | Floating embed ball z-index |
+| `zIndices.containerHeader` | `number` | Container header z-index |
+| `radii.floatingEmbed` | `string` | Floating embed border radius |
+| `radii.floatingEmbedBall` | `string` | Floating embed ball border radius |
+| `radii.floatingEmbedPromoBubble` | `string` | Floating embed promo bubble border radius |
+| `radii.embedHero` | `string` | Embed hero border radius |
+| `radii.buttonFilled` | `string` | Filled button border radius |
+| `radii.button` | `string` | Button border radius |
+| `radii.buttonText` | `string` | Text button border radius |
+| `radii.buttonSend` | `string` | Send button border radius |
+| `radii.buttonVideo` | `string` | Video button border radius |
+| `radii.modal` | `string` | Modal border radius |
+| `radii.input` | `string` | Input border radius |
+| `radii.toast` | `string` | Toast border radius |
+| `radii.checkbox` | `string` | Checkbox border radius |
+| `radii.switch` | `string` | Switch border radius |
+| `radii.switchThumb` | `string` | Switch thumb border radius |
+| `radii.chatCommandBar` | `string` | Chat command bar border radius |
+| `radii.messageInfo` | `string` | Message info border radius |
+| `radii.messageSpeechBubbleOther` | `string` | Other user speech bubble border radius |
+| `radii.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble border radius |
+| `radii.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble border radius |
+| `radii.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer bubble border radius |
+| `shadows.floatingEmbed` | `string` | Floating embed box shadow |
+| `shadows.floatingEmbedBall` | `string` | Floating embed ball box shadow |
+| `shadows.floatingEmbedPromoBubble` | `string` | Floating embed promo bubble box shadow |
+| `lineHeights.embedBody` | `string` | Embed body line height |
+| `lineHeights.embedBodyHeading1` | `string` | Embed body heading 1 line height |
+| `lineHeights.embedBodyHeading2` | `string` | Embed body heading 2 line height |
+| `lineHeights.embedBodyHeading3` | `string` | Embed body heading 3 line height |
+| `lineHeights.embedBodyHeading4` | `string` | Embed body heading 4 line height |
+| `lineHeights.embedBodyHeading5` | `string` | Embed body heading 5 line height |
+| `lineHeights.embedBodyHeading6` | `string` | Embed body heading 6 line height |
+| `lineHeights.embedHero` | `string` | Embed hero line height |
+| `lineHeights.embedHeroSubtitle` | `string` | Embed hero subtitle line height |
+| `lineHeights.buttonFilled` | `string` | Filled button line height |
+| `lineHeights.button` | `string` | Button line height |
+| `lineHeights.buttonText` | `string` | Text button line height |
+| `lineHeights.buttonSend` | `string` | Send button line height |
+| `lineHeights.buttonVideo` | `string` | Video button line height |
+| `lineHeights.modal` | `string` | Modal line height |
+| `lineHeights.input` | `string` | Input line height |
+| `lineHeights.toast` | `string` | Toast line height |
+| `lineHeights.messageInfoText` | `string` | Message info text line height |
+| `lineHeights.messageUsernameOperatorModerator` | `string` | Operator/moderator username line height |
+| `lineHeights.messageUsernameOther` | `string` | Other user username line height |
+| `lineHeights.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble line height |
+| `lineHeights.messageSpeechBubbleOther` | `string` | Other user speech bubble line height |
+| `lineHeights.questionnaireLightBotBubble` | `string` | Questionnaire light bot bubble line height |
+| `lineheights.questionnaireLightBotAnswerBubble` | `string` | Questionnaire light bot answer line height|
+
+
+### Questionnaires
+
+#### Questionnaire Top Level Items
+
+| Key | Type | Description |
+|-----|------|-------------|
+| **Item: View** | | |
+| `type` | `'view'` | View item type - displays elements to user |
+| `id` | `string` | Unique identifier for the view |
+| `elements` | `array` | Array of questionnaire elements to display (see Questionnaire Elements section below) |
+| `navigation` | `object` | Navigation configuration for the view |
+| `navigation.fixed` | `boolean` | Whether navigation use fixed position istead of static |
+| `navigation.position` | `'top' \| 'bottom'` | Position of navigation bar |
+| `navigation.elements` | `array` | Array of questionnaire elements for navigation |
+| **Item: Logic - Queues Closed** | | |
+| `type` | `'logic-queues-closed'` | Logic item to check if all queues from list are closed |
+| `id` | `string` | Unique identifier |
+| `queues` | `array<string>` | Array of queue IDs to check |
+| `result.target_success` | `string` | Target view ID if all queues are closed |
+| `result.target_fail` | `string` | Target view ID if not all queues are closed |
+| **Item: Logic** | | |
+| `type` | `'logic'` | Logic item for conditional flow control |
+| `id` | `string` | Unique identifier |
+| `conditions` | `array` | Array of condition objects |
+| `conditions[].$and` | `array` | AND operator - all conditions must be true |
+| `conditions[].$or` | `array` | OR operator - at least one condition must be true |
+| `conditions[].$nor` | `array` | NOR operator - none of conditions can be true |
+| `conditions[].$not` | `object` | NOT operator - condition must be false |
+| `conditions[].$sum` | `array` | SUM operator - sum values from fields |
+| `conditions[].$gt` | `number` | Greater than comparison |
+| `conditions[].$gte` | `number` | Greater than or equal comparison |
+| `conditions[].$lt` | `number` | Less than comparison |
+| `conditions[].$lte` | `number` | Less than or equal comparison |
+| `result.message` | `string` | Initial message to send when condition is met |
+| `result.userName` | `string` | User name to set when condition is met |
+| `result.queueId` | `string` | Queue ID to use when condition is met |
+| `result.target_success` | `string` | Target view ID if condition is true |
+| `result.target_fail` | `string` | Target view ID if condition is false |
+| **Item: Redirect** | | |
+| `type` | `'redirect'` | Redirect item type |
+| `id` | `string` | Unique identifier |
+| `target` | `string` | Target view ID to redirect to |
+
+
+#### Questionnaire Elemens
+
+| Key | Type | Description |
+|-----|------|-------------|
+| **Element: Text** | | |
+| `element` | `'text'` | Text element type - displays markdown text |
+| `text` | `string` | Markdown text content to display |
+| `align` | `'center' \| 'right'` | Text alignment |
+| `background` | `string` | Background color |
+| `borderRadius` | `string` | Border radius |
+| `color` | `string` | Text color |
+| `padding` | `string` | Padding around text |
+| `margin` | `string` | Margin around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Error** | | |
+| `element` | `'error'` | Error element type - displays error messages box |
+| `name` | `string` | Name identifier for the error element |
+| `text` | `string` | Error message text |
+| `variant` | `'group'` | Error variant style |
+| `margin` | `string` | Margin around element |
+| `padding` | `string` | Padding around element |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Button** | | |
+| `element` | `'button'` | Button element type |
+| `text` | `string` | Button text |
+| `variant` | `'primary'` | Button variant style |
+| `target` | `string` | Target view ID |
+| `align` | `'center' \| 'right' \| 'left'` | Button alignment |
+| `textAlign` | `'center'` | Text alignment within button |
+| `inline` | `boolean` | Whether button is displayed inline |
+| `iconLeft` | `object` | Left icon configuration |
+| `iconLeft.src` | `string` | Icon image URL |
+| `iconLeft.svg` | `string` | Inline SVG for icon |
+| `iconRight` | `object` | Right icon configuration |
+| `iconRight.src` | `string` | Icon image URL |
+| `iconRight.svg` | `string` | Inline SVG for icon |
+| `href` | `string` | URL for link button |
+| `title` | `string` | Button title attribute |
+| `maxWidth` | `string` | Maximum button width |
+| `padding` | `string` | Padding around button |
+| `margin` | `string` | Margin around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `validateRequired` | `boolean` | Whether to validate required fields before proceeding |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Queue Button** | | |
+| `element` | `'queue_button'` | Button for selecting queue |
+| `text` | `string` | Button text when queue is open |
+| `text_closed` | `string` | Button text when queue is closed |
+| `queue_id` | `string` | Queue identifier |
+| `target` | `string` | Target view ID after click |
+| `align` | `'center' \| 'right' \| 'left'` | Button alignment |
+| `textAlign` | `'center' \| 'right' \| 'left'` | Text alignment within button |
+| `inline` | `boolean` | Whether button is displayed inline |
+| `maxWidth` | `string` | Maximum button width |
+| `padding` | `string` | Padding around button |
+| `margin` | `string` | Margin around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Textarea** | | |
+| `element` | `'textarea'` | Textarea element type |
+| `id` | `string` | Unique element identifier |
+| `name` | `string` | Form field name |
+| `groupName` | `string` | Group name for organizing fields |
+| `readableName` | `string` | Human-readable name for metadata |
+| `label` | `string` | Field label text |
+| `labelDescription` | `string` | Additional description for label |
+| `placeholder` | `string` | Placeholder text |
+| `rows` | `number` | Number of visible text rows |
+| `resizable` | `boolean` | Whether textarea is resizable |
+| `invalid` | `boolean` | Whether field is in invalid state |
+| `invalidText` | `string` | Error message for invalid state |
+| `showCorrectState` | `boolean` | Whether to show valid/correct state styling |
+| `required` | `boolean` | Whether field is required |
+| `margin` | `string` | Margin around element |
+| `padding` | `string` | Padding around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Input** | | |
+| `element` | `'input'` | Input element type - single-line text input |
+| `id` | `string` | Unique element identifier |
+| `name` | `string` | Form field name |
+| `groupName` | `string` | Group name for organizing fields |
+| `readableName` | `string` | Human-readable name for metadata |
+| `label` | `string` | Field label text |
+| `labelDescription` | `string` | Additional description for label |
+| `placeholder` | `string` | Placeholder text |
+| `invalid` | `boolean` | Whether field is in invalid state |
+| `invalidText` | `string` | Error message for invalid state |
+| `showCorrectState` | `boolean` | Whether to show valid state styling |
+| `required` | `boolean` | Whether field is required |
+| `margin` | `string` | Margin around element |
+| `padding` | `string` | Padding around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Select** | | |
+| `element` | `'select'` | Select element type - dropdown selection |
+| `id` | `string` | Unique element identifier |
+| `name` | `string` | Form field name |
+| `groupName` | `string` | Group name for organizing fields |
+| `readableName` | `string` | Human-readable name for metadata |
+| `label` | `string` | Field label text |
+| `labelDescription` | `string` | Additional description for label |
+| `placeholder` | `string` | Placeholder text |
+| `invalid` | `boolean` | Whether field is in invalid state |
+| `invalidText` | `string` | Error message for invalid state |
+| `required` | `boolean` | Whether field is required |
+| `margin` | `string` | Margin around element |
+| `padding` | `string` | Padding around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Checkbox** | | |
+| `element` | `'checkbox'` | Checkbox element type |
+| `id` | `string` | Unique element identifier |
+| `name` | `string` | Form field name |
+| `groupName` | `string` | Group name for organizing fields |
+| `readableName` | `string` | Human-readable name for metadata |
+| `text` | `string` | Checkbox label text |
+| `description` | `string` | Additional description text |
+| `selected` | `boolean` | Whether checkbox is selected by default |
+| `errorId` | `string` | ID of associated error element |
+| `margin` | `string` | Margin around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Switch** | | |
+| `element` | `'switch'` | Switch element type - toggle switch |
+| `id` | `string` | Unique element identifier |
+| `name` | `string` | Form field name |
+| `groupName` | `string` | Group name for organizing fields |
+| `readableName` | `string` | Human-readable name for metadata |
+| `text` | `string` | Switch label text |
+| `selected` | `boolean` | Whether switch is selected by default |
+| `margin` | `string` | Margin around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Radio** | | |
+| `element` | `'radio'` | Radio button element type |
+| `id` | `string` | Unique element identifier |
+| `name` | `string` | Form field name (same name groups radio buttons) |
+| `value` | `string` | Value when radio is selected |
+| `groupName` | `string` | Group name for organizing fields |
+| `readableName` | `string` | Human-readable name for metadata |
+| `text` | `string` | Radio button label text |
+| `inline` | `boolean` | Whether radio is displayed inline |
+| `target` | `string` | Target view ID when selected |
+| `align` | `'center' \| 'right' \| 'left'` | Radio button alignment |
+| `textAlign` | `'center' \| 'right' \| 'left'` | Text alignment within radio |
+| `iconLeft` | `object` | Left icon configuration |
+| `iconLeft.src` | `string` | Icon image URL |
+| `iconLeft.svg` | `string` | Inline SVG for icon |
+| `iconRight` | `object` | Right icon configuration |
+| `iconRight.src` | `string` | Icon image URL |
+| `iconRight.svg` | `string` | Inline SVG for icon |
+| `errorId` | `string` | ID of associated error element |
+| `maxWidth` | `string` | Maximum radio button width |
+| `padding` | `string` | Padding around radio |
+| `margin` | `string` | Margin around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: Rating** | | |
+| `element` | `'rating'` | Rating element type - emoji or NPS rating |
+| `name` | `string` | Form field name |
+| `type` | `'emoji-5' \| 'emoji-3' \| 'nps'` | Rating type |
+| `groupName` | `string` | Group name for organizing fields |
+| `readableName` | `string` | Human-readable name for metadata |
+| `align` | `'center' \| 'right'` | Rating alignment |
+| `target` | `string` | Target view ID after rating |
+| `reverse` | `boolean` | Whether to reverse rating order |
+| `npsDetails` | `object` | NPS-specific configuration |
+| `npsDetails.numberOfItems` | `number` | Number of rating items (e.g., 10 for 0-10) |
+| `npsDetails.startingValue` | `number` | Starting value (e.g., 0 or 1) |
+| `npsDetails.topLabel` | `string` | Label for highest rating |
+| `npsDetails.bottomLabel` | `string` | Label for lowest rating |
+| `icons` | `object` | Custom icons for emoji rating |
+| `icons.good` | `object` | Good rating icon |
+| `icons.good.src` | `string` | Icon image URL |
+| `icons.good.svg` | `string` | Inline SVG for icon |
+| `icons.good.alt` | `string` | Icon alt text |
+| `icons.good.width` | `number` | Icon width |
+| `icons.good.height` | `number` | Icon height |
+| `icons.averageGood` | `object` | Average-good rating icon (emoji-5 only) |
+| `icons.averageGood.src` | `string` | Icon image URL |
+| `icons.averageGood.svg` | `string` | Inline SVG for icon |
+| `icons.averageGood.alt` | `string` | Icon alt text |
+| `icons.averageGood.width` | `number` | Icon width |
+| `icons.averageGood.height` | `number` | Icon height |
+| `icons.average` | `object` | Average rating icon |
+| `icons.average.src` | `string` | Icon image URL |
+| `icons.average.svg` | `string` | Inline SVG for icon |
+| `icons.average.alt` | `string` | Icon alt text |
+| `icons.average.width` | `number` | Icon width |
+| `icons.average.height` | `number` | Icon height |
+| `icons.averageBad` | `object` | Average-bad rating icon (emoji-5 only) |
+| `icons.averageBad.src` | `string` | Icon image URL |
+| `icons.averageBad.svg` | `string` | Inline SVG for icon |
+| `icons.averageBad.alt` | `string` | Icon alt text |
+| `icons.averageBad.width` | `number` | Icon width |
+| `icons.averageBad.height` | `number` | Icon height |
+| `icons.bad` | `object` | Bad rating icon |
+| `icons.bad.src` | `string` | Icon image URL |
+| `icons.bad.svg` | `string` | Inline SVG for icon |
+| `icons.bad.alt` | `string` | Icon alt text |
+| `icons.bad.width` | `number` | Icon width |
+| `icons.bad.height` | `number` | Icon height |
+| `margin` | `string` | Margin around element |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| **Element: SSO** | | |
+| `element` | `'sso'` | Single Sign-On element type - enables SSO authentication |
+| `margin` | `string` | Margin around element |
+| `logic` | `object` | Conditional logic for element |
+| `logic.conditions` | `array` | Array of condition objects (same as Logic Item conditions) |
+| `logic.result.hide` | `boolean` | Whether to hide element when condition is met |
+| `logic.result.attributes` | `object` | Attributes to set when condition is met |
+| `hide` | `boolean` | Whether element is hidden by default |
+| `accessType` | `'session' \| 'channel' \| 'identity_verify' \| 'identity_auth_reset'` | Type of SSO access flow |
+| `accessUrl` | `string` | Custom URL for SSO authentication endpoint |
+| `ssoName` | `string` | Display name for the SSO provider |
+| `showDelegateAuthentication` | `boolean` | Show `Authenticate as delegate` button -> false by default |
+| `showAuthentication` | `boolean` | Show `Authenticate` button -> true by default |
+
+
+
 
 ## Functions
 
@@ -443,6 +1544,22 @@ Ninchat.route(route)
 
 ## Release history
 
+### v2.1.0
+
+- "app" version Sso flow refactor
+- lightbot mode for questionnaires
+- questionnaire minor updates
+
+### v2.0.0
+
+#### Key features
+
+- added new variant `"variant": "queue"`
+- questionnaire engine for pre and postquestionnaires used by "queue" variant
+- added possibility to do theme overrides
+- added floating embed container
+- hundreds of configuration options
+
 ### v1.0.6
 
 - Fixed video screen share functionality