@botpress/webchat 2.2.1 → 2.2.3
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.
- package/.turbo/turbo-build.log +13 -8
- package/dist/components/Block.d.ts +3 -3
- package/dist/components/Container/Container.d.ts +1 -3
- package/dist/components/Webchat.d.ts +1 -5
- package/dist/components/renderers/Audio/Audio.d.ts +1 -2
- package/dist/components/renderers/Bubble/Bubble.d.ts +2 -2
- package/dist/components/renderers/Button/Button.d.ts +3 -3
- package/dist/components/renderers/Carousel/Carousel.d.ts +1 -2
- package/dist/components/renderers/Column/Column.d.ts +2 -2
- package/dist/components/renderers/Dropdown/Dropdown.d.ts +3 -3
- package/dist/components/renderers/File/File.d.ts +1 -2
- package/dist/components/renderers/Image/Image.d.ts +1 -2
- package/dist/components/renderers/Location/Location.d.ts +1 -2
- package/dist/components/renderers/Row/Row.d.ts +2 -2
- package/dist/components/renderers/Text/Text.d.ts +3 -3
- package/dist/components/renderers/Video/Video.d.ts +1 -2
- package/dist/contexts/WebchatContext.d.ts +63 -34
- package/dist/index.d.ts +1 -0
- package/dist/index.js +25555 -25369
- package/dist/index.umd.cjs +107 -107
- package/dist/schemas/configuration.d.ts +34 -0
- package/dist/schemas/init.d.ts +40 -0
- package/dist/stores/webchatStore.d.ts +0 -1
- package/dist/style.css +1 -1
- package/dist/styles/classes.d.ts +24 -0
- package/dist/types/block-type.d.ts +0 -3
- package/dist/types/configuration.d.ts +1 -0
- package/dist/utils/colors.d.ts +20 -0
- package/dist/utils/generateCSS.d.ts +1 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/theme.d.ts +2 -0
- package/package.json +2 -1
|
@@ -9,6 +9,25 @@ export declare const descriptionItemSchema: z.ZodObject<{
|
|
|
9
9
|
title: string;
|
|
10
10
|
link?: string | undefined;
|
|
11
11
|
}>;
|
|
12
|
+
export declare const WebchatThemeSchema: z.ZodObject<{
|
|
13
|
+
color: z.ZodOptional<z.ZodString>;
|
|
14
|
+
variant: z.ZodOptional<z.ZodEnum<["soft", "solid"]>>;
|
|
15
|
+
themeMode: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
|
|
16
|
+
fontFamily: z.ZodOptional<z.ZodEnum<["rubik", "inter", "ibm", "fira"]>>;
|
|
17
|
+
radius: z.ZodOptional<z.ZodNumber>;
|
|
18
|
+
}, "strip", z.ZodTypeAny, {
|
|
19
|
+
color?: string | undefined;
|
|
20
|
+
variant?: "soft" | "solid" | undefined;
|
|
21
|
+
themeMode?: "light" | "dark" | undefined;
|
|
22
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
23
|
+
radius?: number | undefined;
|
|
24
|
+
}, {
|
|
25
|
+
color?: string | undefined;
|
|
26
|
+
variant?: "soft" | "solid" | undefined;
|
|
27
|
+
themeMode?: "light" | "dark" | undefined;
|
|
28
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
29
|
+
radius?: number | undefined;
|
|
30
|
+
}>;
|
|
12
31
|
export declare const configurationSchema: z.ZodObject<{
|
|
13
32
|
composerPlaceholder: z.ZodOptional<z.ZodString>;
|
|
14
33
|
botName: z.ZodOptional<z.ZodString>;
|
|
@@ -64,6 +83,11 @@ export declare const configurationSchema: z.ZodObject<{
|
|
|
64
83
|
title: string;
|
|
65
84
|
link?: string | undefined;
|
|
66
85
|
}>>;
|
|
86
|
+
color: z.ZodOptional<z.ZodString>;
|
|
87
|
+
variant: z.ZodOptional<z.ZodEnum<["soft", "solid"]>>;
|
|
88
|
+
themeMode: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
|
|
89
|
+
fontFamily: z.ZodOptional<z.ZodEnum<["rubik", "inter", "ibm", "fira"]>>;
|
|
90
|
+
radius: z.ZodOptional<z.ZodNumber>;
|
|
67
91
|
}, "strip", z.ZodTypeAny, {
|
|
68
92
|
composerPlaceholder?: string | undefined;
|
|
69
93
|
botName?: string | undefined;
|
|
@@ -89,6 +113,11 @@ export declare const configurationSchema: z.ZodObject<{
|
|
|
89
113
|
title: string;
|
|
90
114
|
link?: string | undefined;
|
|
91
115
|
} | undefined;
|
|
116
|
+
color?: string | undefined;
|
|
117
|
+
variant?: "soft" | "solid" | undefined;
|
|
118
|
+
themeMode?: "light" | "dark" | undefined;
|
|
119
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
120
|
+
radius?: number | undefined;
|
|
92
121
|
}, {
|
|
93
122
|
composerPlaceholder?: string | undefined;
|
|
94
123
|
botName?: string | undefined;
|
|
@@ -114,4 +143,9 @@ export declare const configurationSchema: z.ZodObject<{
|
|
|
114
143
|
title: string;
|
|
115
144
|
link?: string | undefined;
|
|
116
145
|
} | undefined;
|
|
146
|
+
color?: string | undefined;
|
|
147
|
+
variant?: "soft" | "solid" | undefined;
|
|
148
|
+
themeMode?: "light" | "dark" | undefined;
|
|
149
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
150
|
+
radius?: number | undefined;
|
|
117
151
|
}>;
|
package/dist/schemas/init.d.ts
CHANGED
|
@@ -65,6 +65,11 @@ export declare const configPropsSchema: z.ZodObject<{
|
|
|
65
65
|
title: string;
|
|
66
66
|
link?: string | undefined;
|
|
67
67
|
}>>;
|
|
68
|
+
color: z.ZodOptional<z.ZodString>;
|
|
69
|
+
variant: z.ZodOptional<z.ZodEnum<["soft", "solid"]>>;
|
|
70
|
+
themeMode: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
|
|
71
|
+
fontFamily: z.ZodOptional<z.ZodEnum<["rubik", "inter", "ibm", "fira"]>>;
|
|
72
|
+
radius: z.ZodOptional<z.ZodNumber>;
|
|
68
73
|
}, "strip", z.ZodTypeAny, {
|
|
69
74
|
composerPlaceholder?: string | undefined;
|
|
70
75
|
botName?: string | undefined;
|
|
@@ -90,6 +95,11 @@ export declare const configPropsSchema: z.ZodObject<{
|
|
|
90
95
|
title: string;
|
|
91
96
|
link?: string | undefined;
|
|
92
97
|
} | undefined;
|
|
98
|
+
color?: string | undefined;
|
|
99
|
+
variant?: "soft" | "solid" | undefined;
|
|
100
|
+
themeMode?: "light" | "dark" | undefined;
|
|
101
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
102
|
+
radius?: number | undefined;
|
|
93
103
|
}, {
|
|
94
104
|
composerPlaceholder?: string | undefined;
|
|
95
105
|
botName?: string | undefined;
|
|
@@ -115,6 +125,11 @@ export declare const configPropsSchema: z.ZodObject<{
|
|
|
115
125
|
title: string;
|
|
116
126
|
link?: string | undefined;
|
|
117
127
|
} | undefined;
|
|
128
|
+
color?: string | undefined;
|
|
129
|
+
variant?: "soft" | "solid" | undefined;
|
|
130
|
+
themeMode?: "light" | "dark" | undefined;
|
|
131
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
132
|
+
radius?: number | undefined;
|
|
118
133
|
}>>>;
|
|
119
134
|
theme: z.ZodCatch<z.ZodOptional<z.ZodObject<{
|
|
120
135
|
container: z.ZodOptional<z.ZodObject<{
|
|
@@ -3760,6 +3775,11 @@ export declare const configPropsSchema: z.ZodObject<{
|
|
|
3760
3775
|
title: string;
|
|
3761
3776
|
link?: string | undefined;
|
|
3762
3777
|
} | undefined;
|
|
3778
|
+
color?: string | undefined;
|
|
3779
|
+
variant?: "soft" | "solid" | undefined;
|
|
3780
|
+
themeMode?: "light" | "dark" | undefined;
|
|
3781
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
3782
|
+
radius?: number | undefined;
|
|
3763
3783
|
} | undefined;
|
|
3764
3784
|
theme?: {
|
|
3765
3785
|
container?: {
|
|
@@ -4250,6 +4270,11 @@ export declare const initPropsSchema: z.ZodObject<{
|
|
|
4250
4270
|
title: string;
|
|
4251
4271
|
link?: string | undefined;
|
|
4252
4272
|
}>>;
|
|
4273
|
+
color: z.ZodOptional<z.ZodString>;
|
|
4274
|
+
variant: z.ZodOptional<z.ZodEnum<["soft", "solid"]>>;
|
|
4275
|
+
themeMode: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
|
|
4276
|
+
fontFamily: z.ZodOptional<z.ZodEnum<["rubik", "inter", "ibm", "fira"]>>;
|
|
4277
|
+
radius: z.ZodOptional<z.ZodNumber>;
|
|
4253
4278
|
}, "strip", z.ZodTypeAny, {
|
|
4254
4279
|
composerPlaceholder?: string | undefined;
|
|
4255
4280
|
botName?: string | undefined;
|
|
@@ -4275,6 +4300,11 @@ export declare const initPropsSchema: z.ZodObject<{
|
|
|
4275
4300
|
title: string;
|
|
4276
4301
|
link?: string | undefined;
|
|
4277
4302
|
} | undefined;
|
|
4303
|
+
color?: string | undefined;
|
|
4304
|
+
variant?: "soft" | "solid" | undefined;
|
|
4305
|
+
themeMode?: "light" | "dark" | undefined;
|
|
4306
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
4307
|
+
radius?: number | undefined;
|
|
4278
4308
|
}, {
|
|
4279
4309
|
composerPlaceholder?: string | undefined;
|
|
4280
4310
|
botName?: string | undefined;
|
|
@@ -4300,6 +4330,11 @@ export declare const initPropsSchema: z.ZodObject<{
|
|
|
4300
4330
|
title: string;
|
|
4301
4331
|
link?: string | undefined;
|
|
4302
4332
|
} | undefined;
|
|
4333
|
+
color?: string | undefined;
|
|
4334
|
+
variant?: "soft" | "solid" | undefined;
|
|
4335
|
+
themeMode?: "light" | "dark" | undefined;
|
|
4336
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
4337
|
+
radius?: number | undefined;
|
|
4303
4338
|
}>>>;
|
|
4304
4339
|
theme: z.ZodCatch<z.ZodOptional<z.ZodObject<{
|
|
4305
4340
|
container: z.ZodOptional<z.ZodObject<{
|
|
@@ -7956,6 +7991,11 @@ export declare const initPropsSchema: z.ZodObject<{
|
|
|
7956
7991
|
title: string;
|
|
7957
7992
|
link?: string | undefined;
|
|
7958
7993
|
} | undefined;
|
|
7994
|
+
color?: string | undefined;
|
|
7995
|
+
variant?: "soft" | "solid" | undefined;
|
|
7996
|
+
themeMode?: "light" | "dark" | undefined;
|
|
7997
|
+
fontFamily?: "rubik" | "inter" | "ibm" | "fira" | undefined;
|
|
7998
|
+
radius?: number | undefined;
|
|
7959
7999
|
} | undefined;
|
|
7960
8000
|
theme?: {
|
|
7961
8001
|
container?: {
|
|
@@ -34,7 +34,6 @@ export type WebchatState = WebchatProps & {
|
|
|
34
34
|
sendTextMessage: (message: string) => void;
|
|
35
35
|
sendFile: WebchatClient['sendFile'];
|
|
36
36
|
on: WebchatClient['on'];
|
|
37
|
-
setConfiguration: (config: Configuration) => void;
|
|
38
37
|
setConnected: (connected: boolean) => void;
|
|
39
38
|
setIsTyping: (isTyping: boolean, timeout?: number) => void;
|
|
40
39
|
setLastTypingHeartbeat: (lastTypingHeartbeat: Date) => void;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bpMessageBlocksTextHeading1{font-size:1.5rem;line-height:2rem;font-weight:500;color:var(--gray-11)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading1{color:var(--accent-12)}.bpMessageBlocksTextHeading2{font-size:1.25rem;line-height:1.75rem;color:var(--gray-11)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading2{color:var(--accent-12)}.bpMessageBlocksTextHeading3{font-size:1.125rem;line-height:1.75rem}.bpMessageBlocksTextUnorderedList,.bpMessageBlocksTextOrderedList{padding-left:var(--spacing-2);margin-bottom:var(--spacing-2);list-style-type:disc;list-style-position:inside}.bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--gray-10)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--accent-12)}.bpMessageBlocksTextLink{text-decoration:underline}.bpMessageBlocksButton{padding:.25rem .75rem;background-color:var(--accent-3);color:var(--accent-11);font-size:.875rem;line-height:1.25rem;border-radius:calc(var(--radius-scale)*var(--radius-md));cursor:pointer}.bpMessageBlocksButton:hover{background-color:var(--accent-4)}.bpMessageBlocksButton[data-activated=true],.bpMessageBlocksButton[data-group-activated=true]{display:none}.bpMessageBlocksBubble{padding:var(--spacing-2);padding-left:var(--spacing-4);padding-right:var(--spacing-4);border-radius:calc(var(--radius-scale)*var(--radius-md));max-width:85%}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksBubble{background-color:var(--message-bg);color:var(--message-text);border-bottom-right-radius:var(--radius-sm)}.bpMessageContainer[data-direction=incoming] .bpMessageBlocksBubble{border-color:var(--gray-4);background-color:var(--gray-3);color:var(--gray-11);border-bottom-left-radius:var(--radius-sm)}.bpMessageBlocksImageImage{width:95%;border:1px solid var(--gray-4);object-fit:cover;border-radius:calc(var(--radius-scale)*var(--radius-md))}.bpMessageBlocksImageImage[data-orientation=landscape]{aspect-ratio:4 / 3}.bpMessageBlocksImageImage[data-orientation=portrait]{aspect-ratio:3 / 4}.bpMessageBlocksImageImage[data-orientation=square]{aspect-ratio:1 / 1}@media (min-width: 640px){.bpMessageBlocksImageImage{width:var(--spacing-56)}}.bpMessageBlocksVideo{border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-md))}.bpMessageBlocksLocationContainer{display:flex;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--gray-3);border-radius:calc(var(--radius-scale)*var(--radius-3xl));align-items:center}.bpMessageBlocksLocationTitle{color:var(--gray-11);font-size:.875rem;line-height:1.25rem;cursor:pointer}.bpMessageBlocksLocationIcon{height:var(--spacing-5);width:var(--spacing-5);color:var(--green-600)}.bpMessageBlocksColumn{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.bpMessageBlocksColumn[data-horizontal=center]{align-items:center}.bpMessageBlocksColumn[data-horizontal=right]{align-items:flex-end}.bpMessageBlocksColumn[data-horizontal=left]{align-items:flex-start}.bpMessageBlocksColumn[data-vertical=stretch]{justify-content:space-between}.bpMessageBlocksRow{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.bpMessageBlocksCarouselContainer{overflow:hidden;position:relative}.bpMessageBlocksCarouselSlidesContainer{display:grid;padding-left:var(--spacing-2);padding-right:var(--spacing-2);gap:var(--spacing-2);grid-auto-flow:column;grid-auto-columns:90%}.bpMessageBlocksCarouselSlidesContainer>*{max-width:26rem}.bpMessageBlocksCarouselBackButton,.bpMessageBlocksCarouselNextButton{position:absolute;top:50%;transform:translateY(-50%);background-color:#21202033;color:var(--gray-3);height:var(--spacing-7);padding:var(--spacing-0.5);border-radius:calc(var(--radius-scale)*var(--radius-full));cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;box-shadow:0 2px 4px #0000001a}.bpMessageBlocksCarouselBackButton:hover,.bpMessageBlocksCarouselNextButton:hover{background-color:#212020cc;color:var(--gray-1);transform:translateY(-50%) scale(1.1)}.bpMessageBlocksCarouselBackButton{left:var(--spacing-1)}.bpMessageBlocksCarouselNextButton{right:var(--spacing-1)}.bpMessageBlocksDropdownButtonContainer{display:flex;padding:var(--spacing-2);background-color:var(--gray-1);border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-md));align-items:center;justify-content:space-between;max-width:80%;cursor:pointer}.bpMessageBlocksDropdownButtonContainer[data-disabled=true]{color:var(--gray-9);cursor:not-allowed;border-color:var(--gray-4)}.bpMessageBlocksDropdownButtonText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksDropdownButtonIcon{height:var(--spacing-4);width:var(--spacing-4);margin-left:var(--spacing-2)}.bpMessageBlocksDropdownContentContainer{background-color:var(--gray-1);border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-md));min-width:100px;max-height:200px;overflow-y:auto}.bpMessageBlocksDropdownContentItem{padding:var(--spacing-2);cursor:pointer}.bpMessageBlocksDropdownContentItem:hover{background-color:var(--gray-3);color:var(--gray-11)}.bpMessageBlocksFileContainer{display:flex;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);padding-left:var(--spacing-4);padding-right:var(--spacing-4);gap:var(--spacing-2);align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--gray-3);color:var(--gray-11)}.bpMessageBlocksFileContainer:hover{color:var(--gray-12);background-color:var(--gray-4)}.bpMessageBlocksFileTitle{text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksFileIcon{flex:none;width:1.25rem;height:1.25rem;color:var(--accent-10)}.bpComposerContainer{display:flex;margin:var(--spacing-2);align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));border-width:var(--spacing-px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;background:var(--gray-1);border-color:var(--gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpComposerContainer:focus-within{border-color:var(--accent-9)}.bpComposerInput{padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin:var(--spacing-3) var(--spacing-1);flex-grow:1;border-radius:calc(var(--radius-scale)*var(--radius-md));outline-style:none;font-size:1rem;line-height:1.25rem;background-color:transparent;resize:none;color:var(--gray-11);height:1.5em}.bpComposerInput:focus{outline:none}.bpComposerInput::placeholder{color:var(--gray-9)}.bpComposerButtonContainer{display:flex;padding:var(--spacing-2);justify-content:center;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-11)}.bpComposerButtonIcon{color:var(--accent-9);height:var(--spacing-8);width:var(--spacing-8)}.bpComposerButtonIcon:hover{color:color-mix(in srgb,var(--accent-10),black 15%)}.bpComposerUploadButtonContainer{padding:var(--spacing-1);margin:var(--spacing-1);margin-right:calc(var(--spacing-2) * -1);border-radius:calc(var(--radius-scale) * var(--radius-md))}.bpComposerUploadButtonIcon{color:var(--gray-10);display:block;padding:var(--spacing-1);background:var(--gray-3);border-radius:calc(var(--radius-scale)*var(--radius-md));height:var(--spacing-6);width:var(--spacing-6)}.bpComposerUploadButtonIcon:hover{color:var(--gray-9);background:var(--gray-2);cursor:pointer}.bpModalContainer{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;padding:var(--spacing-2);pointer-events:none}.bpModalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background-color:#0000004d}.bpModalDialogContainer{padding:var(--spacing-6);border-radius:calc(var(--radius-scale)*var(--radius-md));width:100%;pointer-events:auto;color:var(--gray-11);background:var(--gray-1);margin:auto}@container (min-width: 28rem){.bpModalDialogContainer{width:auto}}.bpModalDialogTitleContainer{display:flex;margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center}.bpModalDialogTitleText{font-size:1rem;line-height:1.5rem;color:var(--gray-11)}.bpModalDialogTitleCloseIcon{height:1.25rem;cursor:pointer;color:var(--gray-10)}.bpModalDialogTitleCloseIcon:hover{color:var(--gray-11)}.bpModalDialogContent{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;color:var(--gray-11)}.bpModalDialogNewConversationButton{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin-top:var(--spacing-4);border-radius:calc(var(--radius-scale)*var(--radius-md));color:var(--gray-1);background:var(--accent-9);align-self:end}.bpModalDialogNewConversationButton:hover{background:var(--accent-10)}.bpContainer{display:flex;justify-content:space-between;height:100%;overflow:hidden;position:relative;background-color:var(--gray-1);border-color:var(--gray-4);border-style:solid;border-width:1px;flex-direction:column;border-radius:calc(var(--radius-scale)*var(--radius-md));container-type:inline-size}.bpFabContainer{width:var(--spacing-16);height:var(--spacing-16);border-radius:calc(var(--radius-scale)*var(--radius-full));cursor:pointer;background:var(--fab-bg)}.bpFabContainer:hover{background:var(--fab-bg-hover)}.bpFabIcon{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-color:var(--fab-icon);background-size:cover;-webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.583 14.894l-3.256 3.78c-.7.813-1.26.598-1.25-.46a10689.413 10689.413 0 0 1 .035-4.775V4.816a3.89 3.89 0 0 1 3.88-3.89h12.064a3.885 3.885 0 0 1 3.882 3.89v6.185a3.89 3.89 0 0 1-3.882 3.89H4.583z' fill='%23FFFFFF' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.583 14.894l-3.256 3.78c-.7.813-1.26.598-1.25-.46a10689.413 10689.413 0 0 1 .035-4.775V4.816a3.89 3.89 0 0 1 3.88-3.89h12.064a3.885 3.885 0 0 1 3.882 3.89v6.185a3.89 3.89 0 0 1-3.882 3.89H4.583z' fill='%23FFFFFF' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center}.bpHeaderContainer{display:flex;padding:var(--spacing-1);flex-direction:column;border-top-left-radius:calc(var(--radius-scale)*var(--radius-md));border-top-right-radius:calc(var(--radius-scale)*var(--radius-md));background-color:var(--header-bg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.bpHeaderContentContainer{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;padding:var(--spacing-1);padding-left:var(--spacing-3);padding-right:var(--spacing-3);column-gap:var(--spacing-2);align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));text-align:left;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpHeaderContentContainer:hover{background-color:var(--header-bg-hover)}.bpHeaderContentContainer[data-disabled=true]{cursor:default;background-color:inherit}.bpHeaderContentContainer[data-state=open]{justify-items:center;grid-template-columns:1fr}.bpHeaderContentContainer[data-state=open] .bpHeaderContentActionsContainer{display:none}.bpHeaderContentContainer[data-state=open] .bpHeaderContentAvatarImage{margin-top:var(--spacing-6);width:var(--spacing-16);height:var(--spacing-16)}.bpHeaderContentContainer[data-state=closed]{justify-items:start;grid-template-columns:auto 1fr auto}.bpHeaderContentAvatarContainer{overflow:hidden;padding:var(--spacing-px);border-radius:calc(var(--radius-scale)*var(--radius-full));grid-row:span 2 / span 2}.bpHeaderContentAvatarImage{aspect-ratio:1/1;object-fit:cover;height:var(--spacing-8);border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpHeaderContentAvatarFallback{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-8);line-height:var(--spacing-12);color:var(--gray-1)}.bpHeaderContentTitle{padding-top:var(--spacing-0_5);padding-bottom:var(--spacing-0_5);font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--header-title)}.bpHeaderContentDescription{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:.875rem;line-height:1.25rem;font-weight:300;color:var(--header-description);width:100%}.bpHeaderContentContainer[data-state=closed] .bpHeaderContentDescription{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bpHeaderContentContainer[data-state=open] .bpHeaderContentDescription{text-align:center}.bpHeaderContentContainer[data-state=closed] .bpHeaderContentDescription{grid-column-start:2}.bpHeaderContentActionsContainer{display:flex;grid-column-start:3;grid-row:span 2 / span 2;grid-row-start:1!important}.bpHeaderContentActionsIcons{padding:var(--spacing-2);height:var(--spacing-9);width:var(--spacing-9);border-radius:calc(var(--radius-scale)*var(--radius-md));cursor:pointer;color:var(--header-description);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpHeaderContentActionsIcons:hover{background-color:var(--header-hover-dark)}.bpHeaderExpandedContentContainer{display:grid;padding:var(--spacing-2);gap:var(--spacing-4);row-gap:var(--spacing-6);justify-items:center;align-items:center;font-size:.875rem;line-height:1.25rem}.bpHeaderExpandedContentDescriptionItemsContainer{display:flex;gap:var(--spacing-1);align-items:center;font-size:.75rem;line-height:1rem;color:var(--header-description);position:relative;border-radius:calc(var(--radius-scale)*var(--radius-sm))}.bpHeaderExpandedContentDescriptionItemsContainer:hover{color:var(--header-title);cursor:pointer}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]{margin-left:calc(var(--spacing-4) + 1px)}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]:before{content:"";position:absolute;left:calc(var(--spacing-4) / -2);top:auto;bottom:auto;height:10px;width:1px;background-color:var(--gray-7)}.bpHeaderExpandedContentDescriptionItemsIcon{padding:var(--spacing-1);border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-6);color:var(--header-description)}.bpHeaderExpandedContentDescriptionItemsContainer[data-email] .bpHeaderExpandedContentDescriptionItemsIcon,.bpHeaderExpandedContentDescriptionItemsContainer[data-phone] .bpHeaderExpandedContentDescriptionItemsIcon,.bpHeaderExpandedContentDescriptionItemsContainer[data-website] .bpHeaderExpandedContentDescriptionItemsIcon{color:var(--header-description-icon)}.bpHeaderExpandedContentDescriptionItemsText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;color:var(--header-description-link)}.bpHeaderExpandedContentDescriptionItemsLink{overflow:hidden;text-overflow:ellipsis;color:var(--header-description-link);white-space:nowrap;font-size:.75rem}.bpHeaderExpandedContentDescriptionItemsLink:hover{text-decoration:underline;text-decoration-color:var(--header-description-link)}.bpHeaderExpandedContentGroup{display:flex;flex-direction:column}.bpHeaderExpandedContentGroup[data-legal]{flex-direction:row}.bpHeaderExpandedContentGroup[data-legal] .bpHeaderExpandedContentDescriptionItemsIcon{display:none}.bpHeaderExpandedContentGroup[data-links]{gap:var(--spacing-2);flex-direction:column}.bpHeaderExpandedContentDescriptionItemsPoweredBy{color:var(--header-description)}.bpTypingIndicatorContainer{display:flex;gap:var(--spacing-1_5);padding:var(--spacing-2);background-color:var(--gray-3);border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-lg));align-items:end}.bpTypingIndicatorContainer:before,.bpTypingIndicatorContainer:after{content:"";display:block;width:var(--spacing-1_5);height:var(--spacing-1_5);background-color:var(--gray-10);border-radius:50%;animation:jump 1.5s infinite}.bpTypingIndicatorContainer:after{animation-delay:.2s}.bpTypingIndicatorLoader{width:var(--spacing-1_5);height:var(--spacing-1_5);background-color:var(--gray-10);border-radius:50%;animation:jump 1.5s infinite .1s}@keyframes jump{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-75%)}}.bpMessageContainer{display:flex;gap:var(--spacing-2);font-size:.875rem;line-height:1.25rem;color:var(--gray-11);word-break:break-word}.bpMessageContainer[data-direction=incoming]{justify-content:flex-start}.bpMessageContainer[data-direction=outgoing]{justify-content:flex-end}.bpMessageContainer[data-direction=system]{justify-content:center;font-size:.75rem;line-height:1rem;margin-top:var(--spacing-4);color:var(--gray-10)}.bpMessageContainer[data-loaded=false]{display:none}.bpMessageAvatarContainer{display:none;overflow:hidden;position:relative;flex-shrink:0;align-self:flex-end;border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-7)}.bpMessageContainer[data-direction=incoming] .bpMessageAvatarContainer{display:flex;align-self:flex-end}.bpMessageAvatarImage{aspect-ratio:1/1;object-fit:cover;height:100%}.bpMessageAvatarFallback{display:flex;justify-content:center;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));color:var(--gray-1)}.bpMessageListMarqueeContainer{margin-top:auto;display:flex;gap:var(--spacing-2);flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--spacing-12)}.bpMessageListMarqueeContent{display:flex;flex-direction:column;max-width:60ch}.bpMessageListMarqueeTitle{color:var(--gray-10);font-size:1.125rem;line-height:1.75rem;font-weight:500;text-align:center}.bpMessageListMarqueeDescription{color:var(--gray-10);font-size:.875rem;line-height:1.25rem;text-align:center;margin-top:var(--spacing-1)}.bpMessageListMarqueeAvatarContainer{overflow:hidden;padding:var(--spacing-px);margin-bottom:var(--spacing-3);border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpMessageListMarqueeAvatarImage{height:var(--spacing-20);aspect-ratio:1/1;object-fit:cover;border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpMessageListMarqueeAvatarFallback{display:flex;align-items:center;justify-content:center;height:var(--spacing-20);width:var(--spacing-20);background-image:linear-gradient(to bottom,var(--gray-10),var(--gray-9));color:var(--gray-1);font-size:1.875rem;line-height:2.25rem;border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpMessageListContainer{display:flex;overflow-y:auto;overflow-x:hidden;width:100%;flex-grow:1;padding:var(--spacing-1)}.bpMessageListViewport{display:flex;gap:var(--spacing-2);flex-direction:column;padding:var(--spacing-3)}.bpMessageListViewport::-webkit-scrollbar{width:6px}.bpMessageListViewport::-webkit-scrollbar-track{background-color:transparent}.bpMessageListViewport::-webkit-scrollbar-thumb{background-color:var(--gray-7);border-radius:6px}.bpMessageListViewport::-webkit-scrollbar-thumb:hover{background-color:var(--gray-9)}.bpMessageListScrollDownButtonContainer{position:absolute;bottom:var(--spacing-3);left:0;width:100%;display:flex;justify-content:center;z-index:10}.bpMessageListScrollDownButtonButton{display:flex;gap:var(--spacing-1);padding-left:var(--spacing-3);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);background-color:var(--gray-10);color:var(--gray-1);font-size:.75rem;line-height:1rem;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpMessageListScrollDownButtonButton:hover{background-color:var(--gray-9)}.bpMessageListScrollDownButtonButton[data-is-at-bottom=true]{opacity:0;pointer-events:none;display:none}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border:0px solid}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none!important}html{font-size:16px}:root{--accent-1: #fdfdfe;--accent-2: #f7f9ff;--accent-3: #edf2fe;--accent-4: #dfeaff;--accent-5: #d0dfff;--accent-6: #bdd1ff;--accent-7: #a6bff9;--accent-8: #87a5ef;--accent-9: #3d63dd;--accent-10: #3657c3;--accent-11: #395bc7;--accent-12: #1d2e5c;--gray-1: #fcfcfd;--gray-2: #f9f9fb;--gray-3: #eff0f3;--gray-4: #e7e8ec;--gray-5: #e0e1e6;--gray-6: #d8d9e0;--gray-7: #cdced7;--gray-8: #b9bbc6;--gray-9: #8b8d98;--gray-10: #80828d;--gray-11: #62636c;--gray-12: #1e1f24;--header-bg: var(--gray-2);--header-bg-hover: var(--gray-3);--header-hover-dark: var(--gray-4);--header-title: var(--gray-11);--header-description: var(--gray-10);--header-description-icon: var(--accent-10);--header-description-link: var(--accent-11);--message-bg: var(--accent-3);--message-text: var(--accent-11);--fab-bg: var(--accent-3);--fab-bg-hover: var(--accent-4);--fab-icon: var(--accent-9)}:root{--radius-scale: 1;--radius-sm: .125rem ;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--spacing-0: 0px;--spacing-px: 1px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--rubik-font: "Rubik", sans-serif;--inter-font: "Inter", sans-serif;--ibm-font: "IBM Plex Sans", sans-serif;--fira-font: "Fira Code", monospace;--font-family: var(--inter-font)}:focus-visible{outline:2px solid var(--accent-9)}.bpHidden{display:none}body{font-family:var(--inter-font)}.bpNotificationContainer{display:grid;padding:var(--spacing-4);background-color:var(--gray-1);border:1px solid var(--gray-4);gap:var(--spacing-2);grid-template-columns:auto 1fr auto;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));box-shadow:0 4px 6px #0000001a}.bpNotificationTitle{color:var(--gray-11);font-size:.875rem;line-height:1.25rem;font-weight:500;grid-column-start:2}.bpNotificationDescription{margin-top:var(--spacing-1);color:var(--gray-10);font-size:.875rem;line-height:1.25rem;grid-column-start:2}.bpNotificationIcon{height:var(--spacing-5);aspect-ratio:1/1}.bpNotificationIcon[data-type=success]{color:var(--green-500)}.bpNotificationIcon[data-type=error]{color:var(--red-500)}.bpNotificationCloseIcon{height:var(--spacing-5);aspect-ratio:1/1;cursor:pointer}.bpNotificationCloseIcon:hover{color:var(--gray-9)}.bpWebchat{background-color:var(--gray-11)}
|
|
1
|
+
*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border:0px solid}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none!important}html{font-size:16px}:root{--bpPrimary-1: #fdfdfe;--bpPrimary-50: #f7f9ff;--bpPrimary-100: #edf2fe;--bpPrimary-200: #dfeaff;--bpPrimary-300: #d0dfff;--bpPrimary-400: #bdd1ff;--bpPrimary-500: #a6bff9;--bpPrimary-600: #87a5ef;--bpPrimary-700: #3d63dd;--bpPrimary-800: #3657c3;--bpPrimary-900: #395bc7;--bpPrimary-950: #1d2e5c;--bpGray-1: #fcfcfd;--bpGray-50: #f9f9fb;--bpGray-100: #eff0f3;--bpGray-200: #e7e8ec;--bpGray-300: #e0e1e6;--bpGray-400: #d8d9e0;--bpGray-500: #cdced7;--bpGray-600: #b9bbc6;--bpGray-700: #8b8d98;--bpGray-800: #80828d;--bpGray-900: #62636c;--bpGray-950: #1e1f24;--bpRadius-scale: 1;--bpRadius-sm: .125rem ;--bpRadius-sm: .125rem;--radius: .25rem;--bpRadius-md: .375rem;--bpRadius-lg: .5rem;--bpRadius-xl: .75rem;--bpRadius-2xl: 1rem;--bpRadius-3xl: 1.5rem;--bpRadius-full: 9999px;--spacing-0: 0px;--spacing-px: 1px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--rubik-font: "Rubik", sans-serif;--inter-font: "Inter", sans-serif;--ibm-font: "IBM Plex Sans", sans-serif;--fira-font: "Fira Code", monospace;--font-family: var(--inter-font);--header-bg: var(--bpGray-50);--header-bg-hover: var(--bpGray-100);--header-hover-dark: var(--bpGray-200);--header-title: var(--bpGray-900);--header-description: var(--bpGray-800);--header-description-icon: var(--bpPrimary-800);--header-description-link: var(--bpPrimary-900);--message-bg: var(--bpPrimary-100);--message-bg-hover: var(--bpPrimary-200);--message-text: var(--bpPrimary-900);--fab-bg: var(--bpPrimary-100);--fab-bg-hover: var(--bpPrimary-200);--fab-icon: var(--bpPrimary-700)}.bpContainer :focus-visible,.bpMessageBlocksDropdownContentContainer :focus-visible{outline:2px solid var(--bpPrimary-700)}.bpContainer,.bpMessageBlocksDropdownContentContainer{font-family:var(--inter-font)}.bpHidden{display:none}.bpNotificationContainer{display:grid;padding:var(--spacing-4);background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);gap:var(--spacing-2);grid-template-columns:auto 1fr auto;align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));box-shadow:0 4px 6px #0000001a}.bpNotificationTitle{color:var(--bpGray-900);font-size:.875rem;line-height:1.25rem;font-weight:500;grid-column-start:2}.bpNotificationDescription{margin-top:var(--spacing-1);color:var(--bpGray-800);font-size:.875rem;line-height:1.25rem;grid-column-start:2}.bpNotificationIcon{height:var(--spacing-5);aspect-ratio:1/1}.bpNotificationIcon[data-type=success]{color:var(--green-500)}.bpNotificationIcon[data-type=error]{color:var(--red-500)}.bpNotificationCloseIcon{height:var(--spacing-5);aspect-ratio:1/1;cursor:pointer}.bpNotificationCloseIcon:hover{color:var(--bpGray-700)}.bpWebchat{background-color:var(--bpGray-900)}.bpComposerContainer{display:flex;margin:var(--spacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));border-width:var(--spacing-px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;background:var(--bpGray-1);border-color:var(--bpGray-200);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpComposerContainer:focus-within{border-color:var(--bpPrimary-700)}.bpComposerInput{padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin:var(--spacing-3) var(--spacing-1);flex-grow:1;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));outline-style:none;font-size:1rem;line-height:1.25rem;background-color:transparent;resize:none;color:var(--bpGray-900);height:1.5em}.bpComposerInput::-webkit-scrollbar{width:6px}.bpComposerInput::-webkit-scrollbar-track{background-color:transparent}.bpComposerInput::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpComposerInput::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpComposerInput:focus{outline:none!important}.bpComposerInput::placeholder{color:var(--bpGray-700)}.bpComposerButtonContainer{display:flex;padding:var(--spacing-2);justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));height:var(--spacing-11)}.bpComposerButtonIcon{color:var(--bpPrimary-500);height:var(--spacing-8);width:var(--spacing-8)}.bpComposerButtonIcon:hover{color:color-mix(in srgb,var(--bpPrimary-500),black 15%)}.bpComposerUploadButtonContainer{padding:var(--spacing-1);margin:var(--spacing-1);margin-right:calc(var(--spacing-2) * -1);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md))}.bpComposerUploadButtonIcon{color:var(--bpGray-800);display:block;padding:var(--spacing-1);background:var(--bpGray-100);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));height:var(--spacing-6);width:var(--spacing-6)}.bpComposerUploadButtonIcon:hover{color:var(--bpGray-700);background:var(--bpGray-50);cursor:pointer}.bpContainer{display:flex;justify-content:space-between;height:100%;overflow:hidden;position:relative;background-color:var(--bpGray-1);border-color:var(--bpGray-200);border-style:solid;border-width:1px;flex-direction:column;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));container-type:inline-size}.bpFabContainer{width:var(--spacing-16);height:var(--spacing-16);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));cursor:pointer;background:var(--fab-bg)}.bpFabContainer:hover{background:var(--fab-bg-hover)}.bpFabIcon{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-color:var(--fab-icon);background-size:cover;-webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.583 14.894l-3.256 3.78c-.7.813-1.26.598-1.25-.46a10689.413 10689.413 0 0 1 .035-4.775V4.816a3.89 3.89 0 0 1 3.88-3.89h12.064a3.885 3.885 0 0 1 3.882 3.89v6.185a3.89 3.89 0 0 1-3.882 3.89H4.583z' fill='%23FFFFFF' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.583 14.894l-3.256 3.78c-.7.813-1.26.598-1.25-.46a10689.413 10689.413 0 0 1 .035-4.775V4.816a3.89 3.89 0 0 1 3.88-3.89h12.064a3.885 3.885 0 0 1 3.882 3.89v6.185a3.89 3.89 0 0 1-3.882 3.89H4.583z' fill='%23FFFFFF' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center}.bpHeaderContainer{display:flex;padding:var(--spacing-1);flex-direction:column;border-top-left-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));border-top-right-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));background-color:var(--header-bg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.bpHeaderContentContainer{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;padding:var(--spacing-1);padding-left:var(--spacing-3);padding-right:var(--spacing-3);column-gap:var(--spacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));text-align:left;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpHeaderContentContainer:hover{background-color:var(--header-bg-hover)}.bpHeaderContentContainer[data-disabled=true]{cursor:default;background-color:inherit}.bpHeaderContentContainer[data-state=open]{justify-items:center;grid-template-columns:1fr}.bpHeaderContentContainer[data-state=open] .bpHeaderContentActionsContainer{display:none}.bpHeaderContentContainer[data-state=open] .bpHeaderContentAvatarImage{margin-top:var(--spacing-6);width:var(--spacing-16);height:var(--spacing-16)}.bpHeaderContentContainer[data-state=closed]{justify-items:start;grid-template-columns:auto 1fr auto}.bpHeaderContentAvatarContainer{overflow:hidden;padding:var(--spacing-px);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));grid-row:span 2 / span 2}.bpHeaderContentAvatarImage{aspect-ratio:1/1;object-fit:cover;height:var(--spacing-8);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpHeaderContentAvatarFallback{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));height:var(--spacing-8);line-height:var(--spacing-12);color:var(--bpGray-1)}.bpHeaderContentTitle{padding-top:var(--spacing-0_5);padding-bottom:var(--spacing-0_5);font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--header-title)}.bpHeaderContentDescription{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:.875rem;line-height:1.25rem;font-weight:300;color:var(--header-description);width:100%}.bpHeaderContentContainer[data-state=closed] .bpHeaderContentDescription{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bpHeaderContentContainer[data-state=open] .bpHeaderContentDescription{text-align:center}.bpHeaderContentContainer[data-state=closed] .bpHeaderContentDescription{grid-column-start:2}.bpHeaderContentActionsContainer{display:flex;grid-column-start:3;grid-row:span 2 / span 2;grid-row-start:1!important}.bpHeaderContentActionsIcons{padding:var(--spacing-2);height:var(--spacing-9);width:var(--spacing-9);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));cursor:pointer;color:var(--header-description);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpHeaderContentActionsIcons:hover{background-color:var(--header-hover-dark)}.bpHeaderExpandedContentContainer{display:grid;padding:var(--spacing-2);gap:var(--spacing-4);row-gap:var(--spacing-6);justify-items:center;align-items:center;font-size:.875rem;line-height:1.25rem}.bpHeaderExpandedContentDescriptionItemsContainer{display:flex;gap:var(--spacing-1);align-items:center;font-size:.75rem;line-height:1rem;color:var(--header-description);position:relative;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-sm))}.bpHeaderExpandedContentDescriptionItemsContainer:hover{color:var(--header-title);cursor:pointer}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]{margin-left:calc(var(--spacing-4) + 1px)}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]:before{content:"";position:absolute;left:calc(var(--spacing-4) / -2);top:auto;bottom:auto;height:10px;width:1px;background-color:var(--bpGray-500)}.bpHeaderExpandedContentDescriptionItemsIcon{padding:var(--spacing-1);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));height:var(--spacing-6);color:var(--header-description)}.bpHeaderExpandedContentDescriptionItemsContainer[data-email] .bpHeaderExpandedContentDescriptionItemsIcon,.bpHeaderExpandedContentDescriptionItemsContainer[data-phone] .bpHeaderExpandedContentDescriptionItemsIcon,.bpHeaderExpandedContentDescriptionItemsContainer[data-website] .bpHeaderExpandedContentDescriptionItemsIcon{color:var(--header-description-icon)}.bpHeaderExpandedContentDescriptionItemsText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;color:var(--header-description-link)}.bpHeaderExpandedContentDescriptionItemsLink{overflow:hidden;text-overflow:ellipsis;color:var(--header-description-link);white-space:nowrap;font-size:.75rem}.bpHeaderExpandedContentDescriptionItemsLink:hover{text-decoration:underline;text-decoration-color:var(--header-description-link)}.bpHeaderExpandedContentGroup{display:flex;flex-direction:column}.bpHeaderExpandedContentGroup[data-legal]{flex-direction:row}.bpHeaderExpandedContentGroup[data-legal] .bpHeaderExpandedContentDescriptionItemsIcon{display:none}.bpHeaderExpandedContentGroup[data-links]{gap:var(--spacing-2);flex-direction:column}.bpHeaderExpandedContentDescriptionItemsPoweredBy{color:var(--header-description)}.bpMessageListMarqueeContainer{margin-top:auto;display:flex;gap:var(--spacing-2);flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--spacing-12)}.bpMessageListMarqueeContent{display:flex;flex-direction:column;max-width:60ch}.bpMessageListMarqueeTitle{color:var(--bpGray-800);font-size:1.125rem;line-height:1.75rem;font-weight:500;text-align:center}.bpMessageListMarqueeDescription{color:var(--bpGray-800);font-size:.875rem;line-height:1.25rem;text-align:center;margin-top:var(--spacing-1)}.bpMessageListMarqueeAvatarContainer{overflow:hidden;padding:var(--spacing-px);margin-bottom:var(--spacing-3);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageListMarqueeAvatarImage{height:var(--spacing-20);aspect-ratio:1/1;object-fit:cover;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageListMarqueeAvatarFallback{display:flex;align-items:center;justify-content:center;height:var(--spacing-20);width:var(--spacing-20);background-image:linear-gradient(to bottom,var(--bpGray-800),var(--bpGray-700));color:var(--bpGray-1);font-size:1.875rem;line-height:2.25rem;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageContainer{display:flex;gap:var(--spacing-2);font-size:.875rem;line-height:1.25rem;color:var(--bpGray-900);word-break:break-word}.bpMessageContainer[data-direction=incoming]{justify-content:flex-start}.bpMessageContainer[data-direction=outgoing]{justify-content:flex-end}.bpMessageContainer[data-direction=system]{justify-content:center;font-size:.75rem;line-height:1rem;margin-top:var(--spacing-4);color:var(--bpGray-800)}.bpMessageContainer[data-loaded=false]{display:none}.bpMessageAvatarContainer{display:none;overflow:hidden;position:relative;flex-shrink:0;align-self:flex-end;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));height:var(--spacing-7)}.bpMessageContainer[data-direction=incoming] .bpMessageAvatarContainer{display:flex;align-self:flex-end}.bpMessageAvatarImage{aspect-ratio:1/1;object-fit:cover;height:100%}.bpMessageAvatarFallback{display:flex;justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));color:var(--bpGray-1)}.bpMessageListContainer{display:flex;overflow-y:auto;overflow-x:hidden;width:100%;flex-grow:1;padding:var(--spacing-1)}.bpMessageListViewport{display:flex;gap:var(--spacing-2);flex-direction:column;padding:var(--spacing-3)}.bpMessageListViewport::-webkit-scrollbar{width:6px}.bpMessageListViewport::-webkit-scrollbar-track{background-color:transparent}.bpMessageListViewport::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpMessageListViewport::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpMessageListScrollDownButtonContainer{position:absolute;bottom:var(--spacing-3);left:0;width:100%;display:flex;justify-content:center;z-index:10}.bpMessageListScrollDownButtonButton{display:flex;gap:var(--spacing-1);padding-left:var(--spacing-3);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);background-color:var(--bpGray-800);color:var(--bpGray-1);font-size:.75rem;line-height:1rem;align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpMessageListScrollDownButtonButton:hover{background-color:var(--bpGray-700)}.bpMessageListScrollDownButtonButton[data-is-at-bottom=true]{opacity:0;pointer-events:none;display:none}.bpModalContainer{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;padding:var(--spacing-2);pointer-events:none}.bpModalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background-color:#0000004d}.bpModalDialogContainer{padding:var(--spacing-6);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));width:100%;pointer-events:auto;color:var(--bpGray-900);background:var(--bpGray-1);margin:auto}@container (min-width: 28rem){.bpModalDialogContainer{width:auto}}.bpModalDialogTitleContainer{display:flex;margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center}.bpModalDialogTitleText{font-size:1rem;line-height:1.5rem;color:var(--bpGray-900)}.bpModalDialogTitleCloseIcon{height:1.25rem;cursor:pointer;color:var(--bpGray-800)}.bpModalDialogTitleCloseIcon:hover{color:var(--bpGray-900)}.bpModalDialogContent{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;color:var(--bpGray-900)}.bpModalDialogNewConversationButton{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin-top:var(--spacing-4);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));color:var(--bpGray-1);background:var(--bpPrimary-500);align-self:end}.bpModalDialogNewConversationButton:hover{background:var(--bpPrimary-600)}.bpMessageBlocksBubble{padding:var(--spacing-2);padding-left:var(--spacing-4);padding-right:var(--spacing-4);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));max-width:85%}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksBubble{background-color:var(--message-bg);color:var(--message-text);border-bottom-right-radius:var(--bpRadius-sm)}.bpMessageContainer[data-direction=incoming] .bpMessageBlocksBubble{border-color:var(--bpGray-200);background-color:var(--bpGray-100);color:var(--bpGray-900);border-bottom-left-radius:var(--bpRadius-sm)}.bpMessageBlocksButton{padding:.25rem .75rem;background-color:var(--message-bg);color:var(--message-text);font-size:.875rem;line-height:1.25rem;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));cursor:pointer}.bpMessageBlocksButton:hover{background-color:var(--message-bg-hover)}.bpMessageBlocksButton[data-activated],.bpMessageBlocksButton[data-group-activated]{display:none}.bpMessageBlocksCarouselContainer{overflow:hidden;position:relative}.bpMessageBlocksCarouselSlidesContainer{display:grid;padding-left:var(--spacing-2);padding-right:var(--spacing-2);gap:var(--spacing-2);grid-auto-flow:column;grid-auto-columns:90%}.bpMessageBlocksCarouselSlidesContainer>*{max-width:26rem}.bpMessageBlocksCarouselBackButton,.bpMessageBlocksCarouselNextButton{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--bpGray-300);color:var(--bpGray-100);height:var(--spacing-7);padding:var(--spacing-0.5);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;box-shadow:0 2px 4px #0000001a}.bpMessageBlocksCarouselBackButton:hover,.bpMessageBlocksCarouselNextButton:hover{background-color:var(--bpGray-400);color:var(--bpGray-1);transform:translateY(-50%) scale(1.1)}.bpMessageBlocksCarouselBackButton{left:var(--spacing-1)}.bpMessageBlocksCarouselNextButton{right:var(--spacing-1)}.bpMessageBlocksColumn{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.bpMessageBlocksColumn[data-horizontal=center]{align-items:center}.bpMessageBlocksColumn[data-horizontal=right]{align-items:flex-end}.bpMessageBlocksColumn[data-horizontal=left]{align-items:flex-start}.bpMessageBlocksColumn[data-vertical=stretch]{justify-content:space-between}.bpMessageBlocksDropdownButtonContainer{display:flex;padding:var(--spacing-2);background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));align-items:center;justify-content:space-between;max-width:80%;cursor:pointer}.bpMessageBlocksDropdownButtonContainer[data-disabled=true]{color:var(--bpGray-700);cursor:not-allowed;border-color:var(--bpGray-200)}.bpMessageBlocksDropdownButtonText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksDropdownButtonIcon{height:var(--spacing-4);width:var(--spacing-4);margin-left:var(--spacing-2)}.bpMessageBlocksDropdownContentContainer{background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));min-width:100px;max-height:200px;overflow-y:auto;padding:var(--spacing-1)}.bpMessageBlocksDropdownContentItem{color:var(--bpGray-800);padding:var(--spacing-1);cursor:pointer}.bpMessageBlocksDropdownContentItem:hover{background-color:var(--bpGray-100);color:var(--bpGray-900)}.bpMessageBlocksFileContainer{display:flex;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);padding-left:var(--spacing-4);padding-right:var(--spacing-4);gap:var(--spacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bpGray-100);color:var(--bpGray-900)}.bpMessageBlocksFileContainer:hover{color:var(--bpGray-950);background-color:var(--bpGray-200)}.bpMessageBlocksFileTitle{text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksFileIcon{flex:none;width:1.25rem;height:1.25rem;color:var(--bpPrimary-800)}.bpMessageBlocksImageImage{min-width:0px;max-width:95%;border:1px solid var(--bpGray-200);object-fit:cover;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md))}.bpMessageBlocksImageImage[data-orientation=landscape]{aspect-ratio:4 / 3}.bpMessageBlocksImageImage[data-orientation=portrait]{aspect-ratio:3 / 4}.bpMessageBlocksImageImage[data-orientation=square]{aspect-ratio:1 / 1}@media (min-width: 640px){.bpMessageBlocksImageImage{width:var(--spacing-56)}}.bpMessageBlocksLocationContainer{display:flex;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--bpGray-100);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-3xl));align-items:center}.bpMessageBlocksLocationTitle{color:var(--bpGray-900);font-size:.875rem;line-height:1.25rem;cursor:pointer}.bpMessageBlocksLocationIcon{height:var(--spacing-5);width:var(--spacing-5);color:var(--green-600)}.bpMessageBlocksRow{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.bpMessageBlocksTextHeading1{font-size:1.5rem;line-height:2rem;font-weight:500;color:var(--bpGray-900)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading1{color:var(--bpPrimary-950)}.bpMessageBlocksTextHeading2{font-size:1.25rem;line-height:1.75rem;color:var(--bpGray-900)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading2{color:var(--bpPrimary-950)}.bpMessageBlocksTextHeading3{font-size:1.125rem;line-height:1.75rem}.bpMessageBlocksTextUnorderedList,.bpMessageBlocksTextOrderedList{padding-left:var(--spacing-2);margin-bottom:var(--spacing-2);list-style-type:disc;list-style-position:inside}.bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--bpGray-800)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--bpPrimary-950)}.bpMessageBlocksTextLink{text-decoration:underline}.bpMessageBlocksVideo{border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md))}.bpTypingIndicatorContainer{display:flex;gap:var(--spacing-1_5);padding:var(--spacing-2);background-color:var(--bpGray-100);border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-lg));align-items:end}.bpTypingIndicatorContainer:before,.bpTypingIndicatorContainer:after{content:"";display:block;width:var(--spacing-1_5);height:var(--spacing-1_5);background-color:var(--bpGray-800);border-radius:50%;animation:jump 1.5s infinite}.bpTypingIndicatorContainer:after{animation-delay:.2s}.bpTypingIndicatorLoader{width:var(--spacing-1_5);height:var(--spacing-1_5);background-color:var(--bpGray-800);border-radius:50%;animation:jump 1.5s infinite .1s}@keyframes jump{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-75%)}}
|
package/dist/styles/classes.d.ts
CHANGED
|
@@ -245,6 +245,30 @@ export declare const webchatClasses: {
|
|
|
245
245
|
readonly link: {
|
|
246
246
|
readonly className: "bpMessageBlocksTextLink";
|
|
247
247
|
};
|
|
248
|
+
readonly italic: {
|
|
249
|
+
readonly className: "bpMessageBlocksTextItalic";
|
|
250
|
+
};
|
|
251
|
+
readonly bold: {
|
|
252
|
+
readonly className: "bpMessageBlocksTextBold";
|
|
253
|
+
};
|
|
254
|
+
readonly text: {
|
|
255
|
+
readonly className: "bpMessageBlocksTextText";
|
|
256
|
+
};
|
|
257
|
+
readonly horizontalRule: {
|
|
258
|
+
readonly className: "bpMessageBlocksTextHorizontalRule";
|
|
259
|
+
};
|
|
260
|
+
readonly listItem: {
|
|
261
|
+
readonly className: "bpMessageBlocksTextListItem";
|
|
262
|
+
};
|
|
263
|
+
readonly lineBreak: {
|
|
264
|
+
readonly className: "bpMessageBlocksTextLineBreak";
|
|
265
|
+
};
|
|
266
|
+
readonly pre: {
|
|
267
|
+
readonly className: "bpMessageBlocksTextPre";
|
|
268
|
+
};
|
|
269
|
+
};
|
|
270
|
+
readonly audio: {
|
|
271
|
+
readonly className: "bpMessageBlocksAudio";
|
|
248
272
|
};
|
|
249
273
|
readonly image: {
|
|
250
274
|
readonly image: {
|
|
@@ -2,3 +2,4 @@ import { z } from 'zod';
|
|
|
2
2
|
import * as schemas from '../schemas';
|
|
3
3
|
export type DescriptionItem = z.infer<typeof schemas.descriptionItemSchema>;
|
|
4
4
|
export type Configuration = z.infer<typeof schemas.configurationSchema>;
|
|
5
|
+
export type WebchatTheme = z.infer<typeof schemas.WebchatThemeSchema>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare function hexToRgb(hex: string): {
|
|
2
|
+
r: number;
|
|
3
|
+
g: number;
|
|
4
|
+
b: number;
|
|
5
|
+
};
|
|
6
|
+
export declare function rgbToHex(rgb: {
|
|
7
|
+
r: number;
|
|
8
|
+
g: number;
|
|
9
|
+
b: number;
|
|
10
|
+
}): string;
|
|
11
|
+
export declare const colorToGray: (color: {
|
|
12
|
+
r: number;
|
|
13
|
+
g: number;
|
|
14
|
+
b: number;
|
|
15
|
+
}, saturation?: number) => {
|
|
16
|
+
r: number;
|
|
17
|
+
g: number;
|
|
18
|
+
b: number;
|
|
19
|
+
};
|
|
20
|
+
export declare function reversePalette(colors: Record<string, string>): Record<string, string>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function generateCssString(selector: string, styles: Record<string, string>): string;
|
package/dist/utils/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botpress/webchat",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./dist/index.umd.cjs",
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
"react-use": "^17.4.0",
|
|
45
45
|
"remark-breaks": "^4.0.0",
|
|
46
46
|
"remark-gfm": "^4.0.0",
|
|
47
|
+
"theme-colors": "^0.1.0",
|
|
47
48
|
"uuid": "^9.0.1",
|
|
48
49
|
"zod": "^3.21.4",
|
|
49
50
|
"zustand": "^4.4.1"
|