ninchat-embed 2.7.0 → 2.8.0

package/README.md

@@ -110,6 +110,7 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `chatThumbnailsSize.maxWidth` | `string` | Chat thumbnail maxWidth (150px default) |
 | `askUserName` | `boolean` | Force ask userName modal before entering first chat message |
 | `inQueueText` | `string` | Text shown when user is in queue |
+| `conversationEndedButtonText`| `string` | Text displayed at the end of closed/ended conversation |
 | `showCloseConfirmation` | `boolean` | Show confirmation dialog on close |
 | `closeConfirmText` | `string` | Close confirmation message text |
 | `closeConfirmTitle` | `string` | Close confirmation title |
@@ -205,6 +206,9 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `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.stateIcon` | `object` | Ball state icon config |
+| `floatingOptions.ballOptions.stateIcon.width` | `number` | Ball state icon width |
+| `floatingOptions.ballOptions.stateIcon.height` | `number` | Ball state icon height|
 | `floatingOptions.headerOptions` | `object` | Floating header configuration |
 | `floatingOptions.headerOptions.height` | `number` | Header height in pixels |
 | `floatingOptions.headerOptions.title` | `object` | Title text per state |
@@ -632,6 +636,9 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `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.floatingEmbedHeaderAvatar` | `string` | Floating embed header avatar text color |
+| `colors.floatingEmbedHeaderAvatarBackground` | `string` | Floating embed header avatar background color |
+| `colors.floatingEmbedHeaderAvatarBorder` | `string` | Floating embed header avatar border color |
 | `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) |
@@ -667,7 +674,8 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `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.embedHeroAvatar` | `string` | Embed hero avatar text color |
+| `colors.embedHeroAvatarBackground` | `string` | Embed hero avatar background color |
 | `colors.embedHeroAvatarBorder` | `string` | Embed hero avatar border color |
 | `colors.embedHeroTitle` | `string` | Embed hero title color |
 | `colors.embedHeroTitleInQueue` | `string` | Embed hero title in queue color |
@@ -680,6 +688,7 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `colors.embedModalHeader` | `string` | Embed modal header color |
 | `colors.questionnaireErrorTitle` | `string` | Embed error title color |
 | `colors.questionnaireNavigation` | `string` | Questionnaire navigation color |
+| `colors.questionnaireNavigationBorder` | `string` | Questionnaire navigation bordercolor |
 | `colors.questionnaireEmojiGood` | `string` | Questionnaire good emoji color |
 | `colors.questionnaireEmojiAverageGood` | `string` | Questionnaire above average emoji color |
 | `colors.questionnaireEmojiAverage` | `string` | Questionnaire average emoji color |
@@ -706,6 +715,7 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `colors.messageInfo` | `string` | Message info background color |
 | `colors.messageInfoBorder` | `string` | Message info border color |
 | `colors.messageInfoText` | `string` | Message info text color |
+| `colors.messageInfoIconSuccess` | `string` | Message info icon success color |
 | `colors.messageInfoTimestamp` | `string` | Message info timestamp color |
 | `colors.messageInfoIcon` | `string` | Message info icon color |
 | `colors.messageInfoLink` | `string` | Message info link color |
@@ -749,6 +759,7 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `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 |
+| `borderStyles.questionnaireNavigation` | `string` | Questionnaire navigation 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 |
@@ -770,6 +781,7 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `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 |
+| `borderWidths.questionnaireNavigation` | `string` | Questionnaire navigation 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 |
@@ -811,6 +823,7 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `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.floatingEmbedBallState` | `string` | Floating embed ball state 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 |
@@ -967,12 +980,17 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `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 |
+| `maxWidths.questionnaireNavigation` | `string` | Questionnaire navigation maximum width |
 | `sizes.embedQueueSpinner` | `string` | In Queue Spinner size |
+| `sizes.floatingEmbedBallInQueueLoader` | `string` | Floating emebed ball in queue loader size |
+| `sizes.floatingEmbedBallVideoIcon` | `string` | Floating embed ball in video icon size |
+| `sizes.floatingEmbedBallNewMessageIcon` | `string` | Floating embed ball new message icon size |
 | `sizes.floatingEmbedHeaderInQueueLoader` | `string` | Floating emebed header in queue loader size |
 | `sizes.floatingEmbedHeaderVideoIcon` | `string` | Floating embed header in video icon size |
 | `sizes.floatingEmbedHeaderNewMessageIcon` | `string` | Floating embed header new message icon size |
 | `sizes.floatingEmbedHeaderAvatar` | `string` | Floating embed header avatar size |
 | `sizes.containerEmbedHeaderAvatar` | `string` | Container embed header avatar size |
+' `sizes.chatTextareaMaxHeight` | `string` | Chat textarea max height |
 | `space.embedHeroTitle` | `string` | Embed hero title margin |
 | `space.embedHeroTitleInQueue` | `string` | Embed hero title in queue margin |
 | `space.embedHeroSubtitle` | `string` | Embed hero subtitle margin |
@@ -987,11 +1005,15 @@ install using `npm i ninchat-embed` or link main directly from ninchat.com:
 | `space.buttonCommandBarMargin` | `string` | Command bar buttons margin |
 | `space.buttonVideo` | `string` | Video button spacing |
 | `space.inQueueText` | `string` | inQueueText text spacing |
+| `space.input` | `string` | Questionnaire input padding |
+| `space.inputModal` | `string` | Embed input modal padding |
 | `space.floatingEmbedHeaderButton` | `string` | Floating Embed header button padding |
 | `space.containerEmbedHeaderButton` | `string` | Container Embed header button padding |
 | `space.floatingEmbedHeader` | `string` | Floating Embed header padding (fixed width and height still will be in use) |
 | `space.containerEmbedHeader` | `string` | Container Embed headerpadding (fixed width and height still will be in use) |
 | `space.floatingEmbedBall` | `string` | Floating embed ball padding |
+| `space.messageSpeechBubbleOther` | `string` | Other user speech bubble padding |
+| `space.messageSpeechBubbleOperatorModerator` | `string` | Operator/moderator speech bubble padding |
 | `zIndices.floatingEmbed` | `number` | Floating embed z-index |
 | `zIndices.floatingEmbedBall` | `number` | Floating embed ball z-index |
 | `zIndices.containerHeader` | `number` | Container header z-index |
@@ -1429,6 +1451,7 @@ Ninchat.route(Route)
 | SessionCreated | session_created | `user_queues?`: {[queue_id]: {`delivery_time`, `queue_time`, `unassigned_registered_time`, `realm_id`, `queue_attrs`: {`name`, `length`, `group_id`, `is_group`, `unassigned_registered`}}}, `user_channels?`: {[channel_id]: {`channel_attrs`, `channel_status?`, `realm_id?`}} | Emitted when a user session is created with queue and channel information |
 | QueueUpdated | queue_updated | `queue_id`: string, `queue_attrs`: {`name`, `length`, `group_id`, `is_group`, `unassigned_registered`}, `queue_time?`: number, `unassigned_registered_time?`: number, `realm_id?`: string | Emitted when queue information is updated |
 | ChannelUpdated | channel_updated | `channel_id`: string, `channel_attrs`: {`audience_id`, `queue_id`, `name`, `closed`}, `channel_status?`: string, `realm_id?`: string | Emitted when channel information is updated |
+| MembersUpdated | members_updated | `channel_id`: string, `members`: [{`id`: string, `presence`: `'online'`\|`'idle'`\|`'offline'`, `name?`: string}] | Emitted when a channel member's presence (online/idle/offline) changes. Only fires for audience channels. Members list excludes the current user. |
 | ContainerInitialized | container_initialized | - | Emitted when the embed container is initialized |
 
 #### Events for 'app' version
@@ -1622,6 +1645,12 @@ Ninchat.route(route)
 
 ## Release history
 
+### v2.8.0
+
+- expose MembersUpdated event to indicate if other channel members go offline / idle
+- big set of new `queue` embed customizations - all new properties documented under `Init options` section
+- bugfixing and spec adjusting
+
 ### v2.7.0
 
 - expose unassigned_registered parameter to sessionCreated and QueueUpdated events