npm - ninchat-embed - Versions diffs - 2.8.0 → 2.9.0-alpha - Mend

ninchat-embed 2.8.0 → 2.9.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (127) hide show

package/dist/src/components/EmbedContext.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
+import { NinchatChannelMemberAttributes, NinchatUserAttributes } from 'api/types/attributes';
 import { NinchatEmbedConfig, NinchatEnvironmentConfig } from 'embed/types';
 import React from 'react';
 import { NinchatAttributes } from 'api/types';
-import { NinchatUserAttributes } from 'api/types/attributes';
 export type EmbedContextValue = (NinchatEnvironmentConfig & NinchatEmbedConfig) | undefined;
 export declare const EmbedContext: React.Context<({
     variant: "channel" | "app" | "queue";
@@ -44,6 +44,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -78,6 +79,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -128,6 +130,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -166,6 +169,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -176,6 +180,14 @@ export declare const EmbedContext: React.Context<({
             maxWidth?: string | undefined;
             padding?: string | undefined;
             margin?: string | undefined;
+            iconLeft?: {
+                src?: string | undefined;
+                svg?: string | undefined;
+            } | undefined;
+            iconRight?: {
+                src?: string | undefined;
+                svg?: string | undefined;
+            } | undefined;
         } | {
             name: string;
             element: "textarea";
@@ -211,6 +223,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -254,6 +267,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -300,6 +314,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -339,6 +354,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -377,6 +393,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -400,6 +417,7 @@ export declare const EmbedContext: React.Context<({
                 src?: string | undefined;
                 svg?: string | undefined;
             } | undefined;
+            clearAfter?: boolean | undefined;
             text?: string | undefined;
             name?: string | undefined;
             groupName?: string | undefined;
@@ -426,6 +444,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -462,6 +481,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -503,6 +523,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -580,6 +601,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -589,6 +611,7 @@ export declare const EmbedContext: React.Context<({
             hide?: boolean | undefined;
         })[] | undefined;
         navigation?: {
+            enableMobileStacking?: boolean | undefined;
             fixed?: boolean | undefined;
             position?: "bottom" | "top" | undefined;
             elements?: ({
@@ -622,6 +645,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -656,6 +680,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -706,6 +731,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -744,6 +770,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -754,6 +781,14 @@ export declare const EmbedContext: React.Context<({
                 maxWidth?: string | undefined;
                 padding?: string | undefined;
                 margin?: string | undefined;
+                iconLeft?: {
+                    src?: string | undefined;
+                    svg?: string | undefined;
+                } | undefined;
+                iconRight?: {
+                    src?: string | undefined;
+                    svg?: string | undefined;
+                } | undefined;
             } | {
                 name: string;
                 element: "textarea";
@@ -789,6 +824,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -832,6 +868,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -878,6 +915,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -917,6 +955,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -955,6 +994,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -978,6 +1018,7 @@ export declare const EmbedContext: React.Context<({
                     src?: string | undefined;
                     svg?: string | undefined;
                 } | undefined;
+                clearAfter?: boolean | undefined;
                 text?: string | undefined;
                 name?: string | undefined;
                 groupName?: string | undefined;
@@ -1004,6 +1045,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1040,6 +1082,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1081,6 +1124,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1158,6 +1202,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1197,6 +1242,7 @@ export declare const EmbedContext: React.Context<({
             $gte: number;
             $lt: number;
             $lte: number;
+            $value?: string | number | boolean | undefined;
         }[];
         result: {
             message?: string | undefined;
@@ -1245,6 +1291,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1279,6 +1326,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1329,6 +1377,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1367,6 +1416,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1377,6 +1427,14 @@ export declare const EmbedContext: React.Context<({
             maxWidth?: string | undefined;
             padding?: string | undefined;
             margin?: string | undefined;
+            iconLeft?: {
+                src?: string | undefined;
+                svg?: string | undefined;
+            } | undefined;
+            iconRight?: {
+                src?: string | undefined;
+                svg?: string | undefined;
+            } | undefined;
         } | {
             name: string;
             element: "textarea";
@@ -1412,6 +1470,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1455,6 +1514,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1501,6 +1561,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1540,6 +1601,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1578,6 +1640,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1601,6 +1664,7 @@ export declare const EmbedContext: React.Context<({
                 src?: string | undefined;
                 svg?: string | undefined;
             } | undefined;
+            clearAfter?: boolean | undefined;
             text?: string | undefined;
             name?: string | undefined;
             groupName?: string | undefined;
@@ -1627,6 +1691,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1663,6 +1728,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1704,6 +1770,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1781,6 +1848,7 @@ export declare const EmbedContext: React.Context<({
                     $gte: number;
                     $lt: number;
                     $lte: number;
+                    $value?: string | number | boolean | undefined;
                 }[];
                 result: {
                     hide?: boolean | undefined;
@@ -1790,6 +1858,7 @@ export declare const EmbedContext: React.Context<({
             hide?: boolean | undefined;
         })[] | undefined;
         navigation?: {
+            enableMobileStacking?: boolean | undefined;
             fixed?: boolean | undefined;
             position?: "bottom" | "top" | undefined;
             elements?: ({
@@ -1823,6 +1892,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1857,6 +1927,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1907,6 +1978,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1945,6 +2017,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -1955,6 +2028,14 @@ export declare const EmbedContext: React.Context<({
                 maxWidth?: string | undefined;
                 padding?: string | undefined;
                 margin?: string | undefined;
+                iconLeft?: {
+                    src?: string | undefined;
+                    svg?: string | undefined;
+                } | undefined;
+                iconRight?: {
+                    src?: string | undefined;
+                    svg?: string | undefined;
+                } | undefined;
             } | {
                 name: string;
                 element: "textarea";
@@ -1990,6 +2071,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2033,6 +2115,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2079,6 +2162,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2118,6 +2202,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2156,6 +2241,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2179,6 +2265,7 @@ export declare const EmbedContext: React.Context<({
                     src?: string | undefined;
                     svg?: string | undefined;
                 } | undefined;
+                clearAfter?: boolean | undefined;
                 text?: string | undefined;
                 name?: string | undefined;
                 groupName?: string | undefined;
@@ -2205,6 +2292,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2241,6 +2329,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2282,6 +2371,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2359,6 +2449,7 @@ export declare const EmbedContext: React.Context<({
                         $gte: number;
                         $lt: number;
                         $lte: number;
+                        $value?: string | number | boolean | undefined;
                     }[];
                     result: {
                         hide?: boolean | undefined;
@@ -2398,6 +2489,7 @@ export declare const EmbedContext: React.Context<({
             $gte: number;
             $lt: number;
             $lte: number;
+            $value?: string | number | boolean | undefined;
         }[];
         result: {
             message?: string | undefined;
@@ -2427,6 +2519,7 @@ export declare const EmbedContext: React.Context<({
     closeConfirmQuestionnaireTitle?: string | undefined;
     audienceStartedText?: string | undefined;
     messageAvatars?: "none" | "all" | "agentsOnly" | undefined;
+    useSkeletonLoader?: boolean | undefined;
     reverseEmbedHeroContentOrdering?: boolean | undefined;
     sendText?: string | undefined;
     sendIcon?: {
@@ -2748,6 +2841,11 @@ export declare const EmbedContext: React.Context<({
     } | undefined;
     newSso?: boolean | undefined;
     theme?: {
+        backgroundSizes?: {
+            questionnaire?: string | undefined;
+            embedHero?: string | undefined;
+            chatBacklog?: string | undefined;
+        } | undefined;
         customFonts?: {
             src: string;
             family: string;
@@ -2998,6 +3096,26 @@ export declare const EmbedContext: React.Context<({
             floatingEmbedHeaderButtonHoverBackground?: string | undefined;
             floatingEmbedHeaderButtonFocusBackground?: string | undefined;
             floatingEmbedHeaderButtonActiveOutline?: string | undefined;
+            floatingEmbedHeaderTitleButtonTitle?: string | undefined;
+            floatingEmbedHeaderTitleButtonSubtitle?: string | undefined;
+            floatingEmbedHeaderTitleButtonTitleHover?: string | undefined;
+            floatingEmbedHeaderTitleButtonSubtitleHover?: string | undefined;
+            floatingEmbedHeaderTitleButtonIcon?: string | undefined;
+            floatingEmbedHeaderTitleButtonIconHover?: string | undefined;
+            floatingEmbedHeaderTitleButtonBackground?: string | undefined;
+            floatingEmbedHeaderTitleButtonBorder?: string | undefined;
+            floatingEmbedHeaderTitleButtonHoverBackground?: string | undefined;
+            floatingEmbedHeaderTitleButtonFocusBackground?: string | undefined;
+            floatingEmbedHeaderTitleButtonActiveOutline?: string | undefined;
+            floatingEmbedHeaderCloseButton?: string | undefined;
+            floatingEmbedHeaderCloseButtonIcon?: string | undefined;
+            floatingEmbedHeaderCloseButtonHover?: string | undefined;
+            floatingEmbedHeaderCloseButtonIconHover?: string | undefined;
+            floatingEmbedHeaderCloseButtonBackground?: string | undefined;
+            floatingEmbedHeaderCloseButtonBorder?: string | undefined;
+            floatingEmbedHeaderCloseButtonHoverBackground?: string | undefined;
+            floatingEmbedHeaderCloseButtonFocusBackground?: string | undefined;
+            floatingEmbedHeaderCloseButtonActiveOutline?: string | undefined;
             floatingEmbedHeaderAvatar?: string | undefined;
             floatingEmbedHeaderAvatarBackground?: string | undefined;
             floatingEmbedHeaderAvatarBorder?: string | undefined;
@@ -3022,6 +3140,27 @@ export declare const EmbedContext: React.Context<({
             containerEmbedHeaderButtonHoverBackground?: string | undefined;
             containerEmbedHeaderButtonFocusBackground?: string | undefined;
             containerEmbedHeaderButtonActiveOutline?: string | undefined;
+            containerEmbedHeaderTitleButtonTitle?: string | undefined;
+            containerEmbedHeaderTitleButtonSubtitle?: string | undefined;
+            containerEmbedHeaderTitleButtonTitleHover?: string | undefined;
+            containerEmbedHeaderTitleButtonSubtitleHover?: string | undefined;
+            containerEmbedHeaderTitleButtonBackground?: string | undefined;
+            containerEmbedHeaderTitleButtonBorder?: string | undefined;
+            containerEmbedHeaderTitleButtonHoverBackground?: string | undefined;
+            containerEmbedHeaderTitleButtonFocusBackground?: string | undefined;
+            containerEmbedHeaderTitleButtonActiveOutline?: string | undefined;
+            containerEmbedHeaderCloseButton?: string | undefined;
+            containerEmbedHeaderCloseButtonIcon?: string | undefined;
+            containerEmbedHeaderCloseButtonHover?: string | undefined;
+            containerEmbedHeaderCloseButtonIconHover?: string | undefined;
+            containerEmbedHeaderCloseButtonBackground?: string | undefined;
+            containerEmbedHeaderCloseButtonBorder?: string | undefined;
+            containerEmbedHeaderCloseButtonHoverBackground?: string | undefined;
+            containerEmbedHeaderCloseButtonFocusBackground?: string | undefined;
+            containerEmbedHeaderCloseButtonActiveOutline?: string | undefined;
+            containerEmbedHeaderAvatar?: string | undefined;
+            containerEmbedHeaderAvatarBackground?: string | undefined;
+            containerEmbedHeaderAvatarBorder?: string | undefined;
             embedBody?: string | undefined;
             embedBodyHeading1?: string | undefined;
             embedBodyHeading2?: string | undefined;
@@ -3034,6 +3173,7 @@ export declare const EmbedContext: React.Context<({
             embedErrorTitle?: string | undefined;
             embedBodyHighlighted?: string | undefined;
             embedModalHeader?: string | undefined;
+            embedModalIcon?: string | undefined;
             embedHero?: string | undefined;
             embedHeroBorder?: string | undefined;
             embedHeroBackground?: string | undefined;
@@ -3048,6 +3188,7 @@ export declare const EmbedContext: React.Context<({
             embedHeroErrorMessage?: string | undefined;
             embedQueuePosition?: string | undefined;
             embedQueueSpinner?: string | undefined;
+            questionnaireBackground?: string | undefined;
             questionnaireNavigation?: string | undefined;
             questionnaireNavigationBorder?: string | undefined;
             questionnaireEmojiGood?: string | undefined;
@@ -3099,11 +3240,20 @@ export declare const EmbedContext: React.Context<({
             messageSpeechBubbleOtherLinkHover?: string | undefined;
             messageSpeechBubbleOperatorModeratorTimestamp?: string | undefined;
             messageSpeechBubbleOtherTimestamp?: string | undefined;
+            skeletonLoader?: string | undefined;
+            skeletonLoaderBackground?: string | undefined;
+            skeletonLoaderProgress?: string | undefined;
         } | undefined;
         borderStyles?: {
             embedHero?: string | undefined;
             floatingEmbedHeaderBorder?: string | undefined;
             containerEmbedHeaderBorder?: string | undefined;
+            containerEmbedHeaderButton?: string | undefined;
+            floatingEmbedHeaderButton?: string | undefined;
+            containerEmbedHeaderTitleButton?: string | undefined;
+            floatingEmbedHeaderTitleButton?: string | undefined;
+            containerEmbedHeaderCloseButton?: string | undefined;
+            floatingEmbedHeaderCloseButton?: string | undefined;
             buttonFilled?: string | undefined;
             button?: string | undefined;
             buttonText?: string | undefined;
@@ -3128,6 +3278,12 @@ export declare const EmbedContext: React.Context<({
             embedHero?: string | undefined;
             floatingEmbedHeaderBorder?: string | undefined;
             containerEmbedHeaderBorder?: string | undefined;
+            containerEmbedHeaderButton?: string | undefined;
+            floatingEmbedHeaderButton?: string | undefined;
+            containerEmbedHeaderTitleButton?: string | undefined;
+            floatingEmbedHeaderTitleButton?: string | undefined;
+            containerEmbedHeaderCloseButton?: string | undefined;
+            floatingEmbedHeaderCloseButton?: string | undefined;
             buttonFilled?: string | undefined;
             button?: string | undefined;
             buttonText?: string | undefined;
@@ -3239,6 +3395,7 @@ export declare const EmbedContext: React.Context<({
             messageUsernameOther?: string | undefined;
             messageSpeechBubbleOperatorModerator?: string | undefined;
             messageSpeechBubbleOther?: string | undefined;
+            skeletonLoader?: string | undefined;
         } | undefined;
         fontStyle?: {
             embedBody?: string | undefined;
@@ -3354,6 +3511,7 @@ export declare const EmbedContext: React.Context<({
             messageSpeechBubbleOther?: string | undefined;
             questionnaireLightBotBubble?: string | undefined;
             questionnaireLightBotAnswerBubble?: string | undefined;
+            skeletonLoader?: string | undefined;
         } | undefined;
         maxWidths?: {
             questionnaire?: string | undefined;
@@ -3378,6 +3536,10 @@ export declare const EmbedContext: React.Context<({
             inputModal?: string | undefined;
             floatingEmbedHeaderButton?: string | undefined;
             containerEmbedHeaderButton?: string | undefined;
+            floatingEmbedHeaderTitleButton?: string | undefined;
+            containerEmbedHeaderTitleButton?: string | undefined;
+            containerEmbedHeaderCloseButton?: string | undefined;
+            floatingEmbedHeaderCloseButton?: string | undefined;
             floatingEmbedHeader?: string | undefined;
             containerEmbedHeader?: string | undefined;
             floatingEmbedBall?: string | undefined;
@@ -3395,6 +3557,10 @@ export declare const EmbedContext: React.Context<({
             floatingEmbedPromoBubble?: string | undefined;
             floatingEmbedHeaderButton?: string | undefined;
             containerEmbedHeaderButton?: string | undefined;
+            floatingEmbedHeaderTitleButton?: string | undefined;
+            containerEmbedHeaderTitleButton?: string | undefined;
+            containerEmbedHeaderCloseButton?: string | undefined;
+            floatingEmbedHeaderCloseButton?: string | undefined;
             embedHero?: string | undefined;
             buttonFilled?: string | undefined;
             button?: string | undefined;
@@ -3481,6 +3647,8 @@ export declare const EmbedContext: React.Context<({
     questionnaireValues?: {} | undefined;
 } & NinchatEmbedConfig & EmbedState) | undefined>;
 export interface EmbedStateValue {
+    chatBacklogRef?: React.RefObject<HTMLDivElement> | null;
+    chatTextareaRef?: React.RefObject<HTMLTextAreaElement> | null;
     lightBox: {
         open: boolean;
         imageSrc: string | null;
@@ -3490,10 +3658,17 @@ export interface EmbedStateValue {
         };
     };
     heroFullVisible?: boolean;
+    heroFullAbsoluteVisible?: boolean;
     lastChannelId?: string;
     channelMembers?: Array<{
         details: NinchatUserAttributes;
         id: string;
+        member_attrs?: NinchatChannelMemberAttributes;
+    }>;
+    channelMembersAll?: Array<{
+        details: NinchatUserAttributes;
+        id: string;
+        member_attrs?: NinchatChannelMemberAttributes;
     }>;
     error: {
         message?: string;