@asgard-js/react 0.0.20 → 0.0.21

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 (18) hide show
  1. package/README.md +118 -20
  2. package/dist/components/chatbot/chatbot-container/chatbot-container.d.ts.map +1 -1
  3. package/dist/components/chatbot/chatbot-footer/chatbot-footer.d.ts.map +1 -1
  4. package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts +2 -1
  5. package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts.map +1 -1
  6. package/dist/components/templates/button-template/button-template.d.ts.map +1 -1
  7. package/dist/components/templates/carousel-template/carousel-template.d.ts.map +1 -1
  8. package/dist/components/templates/chart-template/chart-template.d.ts.map +1 -1
  9. package/dist/components/templates/hint-template/hint-template.d.ts.map +1 -1
  10. package/dist/components/templates/image-template/image-template.d.ts.map +1 -1
  11. package/dist/components/templates/quick-replies/quick-replies.d.ts.map +1 -1
  12. package/dist/components/templates/template-box/template-box.d.ts +3 -1
  13. package/dist/components/templates/template-box/template-box.d.ts.map +1 -1
  14. package/dist/components/templates/text-template/text-template.d.ts.map +1 -1
  15. package/dist/context/asgard-theme-context.d.ts +88 -0
  16. package/dist/context/asgard-theme-context.d.ts.map +1 -1
  17. package/dist/index.js +2318 -2182
  18. package/package.json +1 -1
package/README.md CHANGED
@@ -84,27 +84,68 @@ The priority of themes is as follows (high to low):
84
84
  3. Default theme
85
85
 
86
86
  ```typescript
87
- interface AsgardThemeContextValue {
88
- chatbot: {
89
- width?: string;
90
- height?: string;
91
- maxWidth?: string;
92
- minWidth?: string;
93
- maxHeight?: string;
94
- minHeight?: string;
95
- backgroundColor?: string;
96
- borderColor?: string;
97
- borderRadius?: string;
98
- contentMaxWidth?: string;
99
- };
100
- botMessage: {
101
- color?: string;
102
- backgroundColor?: string;
103
- };
104
- userMessage: {
105
- color?: string;
106
- backgroundColor?: string;
87
+ export interface AsgardThemeContextValue {
88
+ chatbot: Pick<
89
+ CSSProperties,
90
+ | 'width'
91
+ | 'height'
92
+ | 'maxWidth'
93
+ | 'minWidth'
94
+ | 'maxHeight'
95
+ | 'minHeight'
96
+ | 'backgroundColor'
97
+ | 'borderColor'
98
+ | 'borderRadius'
99
+ > & {
100
+ contentMaxWidth?: CSSProperties['maxWidth'];
101
+ style?: CSSProperties;
102
+ header?: Partial<{
103
+ style: CSSProperties;
104
+ title: {
105
+ style: CSSProperties;
106
+ };
107
+ }>;
108
+ body?: Partial<{
109
+ style: CSSProperties;
110
+ }>;
111
+ footer?: Partial<{
112
+ style: CSSProperties;
113
+ textArea: {
114
+ style: CSSProperties;
115
+ };
116
+ submitButton: {
117
+ style: CSSProperties;
118
+ };
119
+ speechInputButton: {
120
+ style: CSSProperties;
121
+ };
122
+ }>;
107
123
  };
124
+ botMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
125
+ userMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
126
+ template?: Partial<{
127
+ /**
128
+ * first level for common/shared properties.
129
+ * Check MessageTemplate type for more details (packages/core/src/types/sse-response.ts).
130
+ */
131
+ quickReplies?: Partial<{
132
+ style: CSSProperties;
133
+ button: {
134
+ style: CSSProperties;
135
+ };
136
+ }>;
137
+ TextMessageTemplate: Partial<{ style: CSSProperties }>;
138
+ HintMessageTemplate: Partial<{ style: CSSProperties }>;
139
+ ImageMessageTemplate: Partial<{ style: CSSProperties }>;
140
+ ChartMessageTemplate: Partial<{ style: CSSProperties }>;
141
+ ButtonMessageTemplate: Partial<{ style: CSSProperties }>;
142
+ CarouselMessageTemplate: Partial<{ style: CSSProperties }>;
143
+
144
+ // Didn't implement yet
145
+ VideoMessageTemplate: Partial<{ style: CSSProperties }>;
146
+ AudioMessageTemplate: Partial<{ style: CSSProperties }>;
147
+ LocationMessageTemplate: Partial<{ style: CSSProperties }>;
148
+ }>;
108
149
  }
109
150
  ```
110
151
 
@@ -121,6 +162,28 @@ const defaultTheme = {
121
162
  borderColor: 'var(--asg-color-border)',
122
163
  borderRadius: 'var(--asg-radius-md)',
123
164
  contentMaxWidth: '1200px',
165
+ style: {},
166
+ header: {
167
+ style: {},
168
+ title: {
169
+ style: {},
170
+ },
171
+ },
172
+ body: {
173
+ style: {},
174
+ },
175
+ footer: {
176
+ style: {},
177
+ textArea: {
178
+ style: {},
179
+ },
180
+ submitButton: {
181
+ style: {},
182
+ },
183
+ speechInputButton: {
184
+ style: {},
185
+ },
186
+ },
124
187
  },
125
188
  botMessage: {
126
189
  color: 'var(--asg-color-text)',
@@ -130,6 +193,41 @@ const defaultTheme = {
130
193
  color: 'var(--asg-color-text)',
131
194
  backgroundColor: 'var(--asg-color-primary)',
132
195
  },
196
+ template: {
197
+ quickReplies: {
198
+ style: {},
199
+ button: {
200
+ style: {},
201
+ },
202
+ },
203
+ TextMessageTemplate: {
204
+ style: {},
205
+ },
206
+ HintMessageTemplate: {
207
+ style: {},
208
+ },
209
+ ImageMessageTemplate: {
210
+ style: {},
211
+ },
212
+ VideoMessageTemplate: {
213
+ style: {},
214
+ },
215
+ AudioMessageTemplate: {
216
+ style: {},
217
+ },
218
+ LocationMessageTemplate: {
219
+ style: {},
220
+ },
221
+ ChartMessageTemplate: {
222
+ style: {},
223
+ },
224
+ ButtonMessageTemplate: {
225
+ style: {},
226
+ },
227
+ CarouselMessageTemplate: {
228
+ style: {},
229
+ },
230
+ },
133
231
  }
134
232
  ```
135
233
 
package/dist/components/chatbot/chatbot-container/chatbot-container.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chatbot-container.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-container/chatbot-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAM7D,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAoBxE"}
1
+ {"version":3,"file":"chatbot-container.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-container/chatbot-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAM7D,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA+BxE"}
package/dist/components/chatbot/chatbot-footer/chatbot-footer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chatbot-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-footer/chatbot-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,wBAAgB,aAAa,IAAI,SAAS,CA0GzC"}
1
+ {"version":3,"file":"chatbot-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-footer/chatbot-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,wBAAgB,aAAa,IAAI,SAAS,CA6GzC"}
package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import { Dispatch, ReactNode, SetStateAction } from 'react';
1
+ import { Dispatch, ReactNode, SetStateAction, CSSProperties } from 'react';
2
2
 
3
3
  interface SpeechInputButtonProps {
4
4
  setValue: Dispatch<SetStateAction<string>>;
5
5
  className?: string;
6
+ style?: CSSProperties;
6
7
  }
7
8
  export declare function SpeechInputButton(props: SpeechInputButtonProps): ReactNode;
8
9
  export {};
package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"speech-input-button.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-footer/speech-input-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAC;AAIf,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CA6G1E"}
1
+ {"version":3,"file":"speech-input-button.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-footer/speech-input-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,SAAS,EACT,cAAc,EAMd,aAAa,EACd,MAAM,OAAO,CAAC;AAIf,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CA8G1E"}
package/dist/components/templates/button-template/button-template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/button-template/button-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,UAAU,mBAAmB;IAC3B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAkBpE"}
1
+ {"version":3,"file":"button-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/button-template/button-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,UAAU,mBAAmB;IAC3B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAwBpE"}
package/dist/components/templates/carousel-template/carousel-template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/carousel-template/carousel-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAEL,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAIzB,UAAU,qBAAqB;IAC7B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAoBxE"}
1
+ {"version":3,"file":"carousel-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/carousel-template/carousel-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAEL,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,qBAAqB;IAC7B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAyBxE"}
package/dist/components/templates/chart-template/chart-template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chart-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/chart-template/chart-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAQzD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CA4ClE"}
1
+ {"version":3,"file":"chart-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/chart-template/chart-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AASzD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAkDlE"}
package/dist/components/templates/hint-template/hint-template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hint-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/hint-template/hint-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAG/C,OAAO,EAEL,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,iBAAiB;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA2ChE"}
1
+ {"version":3,"file":"hint-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/hint-template/hint-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAG/C,OAAO,EAEL,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,iBAAiB;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA+ChE"}
package/dist/components/templates/image-template/image-template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"image-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/image-template/image-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAmClE"}
1
+ {"version":3,"file":"image-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/image-template/image-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAMzD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CA0ClE"}
package/dist/components/templates/quick-replies/quick-replies.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"quick-replies.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/quick-replies/quick-replies.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAI/C,UAAU,iBAAiB;IACzB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA4BhE"}
1
+ {"version":3,"file":"quick-replies.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/quick-replies/quick-replies.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAK/C,UAAU,iBAAiB;IACzB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAiChE"}
package/dist/components/templates/template-box/template-box.d.ts CHANGED
@@ -1,13 +1,15 @@
1
- import { ReactNode } from 'react';
1
+ import { CSSProperties, ReactNode } from 'react';
2
2
 
3
3
  type TemplateBoxProps = {
4
4
  type: 'user';
5
5
  direction: 'horizontal';
6
6
  children: ReactNode;
7
+ style?: CSSProperties;
7
8
  } | {
8
9
  type: 'bot';
9
10
  direction: 'horizontal' | 'vertical';
10
11
  children: ReactNode;
12
+ style?: CSSProperties;
11
13
  };
12
14
  export declare function TemplateBox(props: TemplateBoxProps): ReactNode;
13
15
  export {};
package/dist/components/templates/template-box/template-box.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"template-box.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/template-box/template-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAI3C,KAAK,gBAAgB,GACjB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,GACD;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEN,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAoB9D"}
1
+ {"version":3,"file":"template-box.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/template-box/template-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAI1D,KAAK,gBAAgB,GACjB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,GACD;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEN,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAwB9D"}
package/dist/components/templates/text-template/text-template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"text-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/text-template/text-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAE1D,OAAO,EAA0B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAS9E,UAAU,iBAAiB;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA8DhE"}
1
+ {"version":3,"file":"text-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/text-template/text-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAE1D,OAAO,EAA0B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAS9E,UAAU,iBAAiB;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAgEhE"}
package/dist/context/asgard-theme-context.d.ts CHANGED
@@ -3,9 +3,97 @@ import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
3
3
  export interface AsgardThemeContextValue {
4
4
  chatbot: Pick<CSSProperties, 'width' | 'height' | 'maxWidth' | 'minWidth' | 'maxHeight' | 'minHeight' | 'backgroundColor' | 'borderColor' | 'borderRadius'> & {
5
5
  contentMaxWidth?: CSSProperties['maxWidth'];
6
+ style?: CSSProperties;
7
+ header?: Partial<{
8
+ style: CSSProperties;
9
+ title: {
10
+ style: CSSProperties;
11
+ };
12
+ }>;
13
+ body?: Partial<{
14
+ style: CSSProperties;
15
+ }>;
16
+ footer?: Partial<{
17
+ style: CSSProperties;
18
+ textArea: {
19
+ style: CSSProperties;
20
+ };
21
+ submitButton: {
22
+ style: CSSProperties;
23
+ };
24
+ speechInputButton: {
25
+ style: CSSProperties;
26
+ };
27
+ }>;
6
28
  };
7
29
  botMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
8
30
  userMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
31
+ template?: Partial<{
32
+ /**
33
+ * first level for common/shared properties.
34
+ * Check MessageTemplate type for more details (packages/core/src/types/sse-response.ts).
35
+ */
36
+ quickReplies?: Partial<{
37
+ style: CSSProperties;
38
+ button: {
39
+ style: CSSProperties;
40
+ };
41
+ }>;
42
+ /**
43
+ * TBD: Fill the necessary properties based on the requirements.
44
+ */
45
+ TextMessageTemplate: Partial<{
46
+ style: CSSProperties;
47
+ }>;
48
+ /**
49
+ * TBD: Fill the necessary properties based on the requirements.
50
+ */
51
+ HintMessageTemplate: Partial<{
52
+ style: CSSProperties;
53
+ }>;
54
+ /**
55
+ * TBD: Fill the necessary properties based on the requirements.
56
+ */
57
+ ImageMessageTemplate: Partial<{
58
+ style: CSSProperties;
59
+ }>;
60
+ /**
61
+ * TBD: Fill the necessary properties based on the requirements.
62
+ */
63
+ VideoMessageTemplate: Partial<{
64
+ style: CSSProperties;
65
+ }>;
66
+ /**
67
+ * TBD: Fill the necessary properties based on the requirements.
68
+ */
69
+ AudioMessageTemplate: Partial<{
70
+ style: CSSProperties;
71
+ }>;
72
+ /**
73
+ * TBD: Fill the necessary properties based on the requirements.
74
+ */
75
+ LocationMessageTemplate: Partial<{
76
+ style: CSSProperties;
77
+ }>;
78
+ /**
79
+ * TBD: Fill the necessary properties based on the requirements.
80
+ */
81
+ ChartMessageTemplate: Partial<{
82
+ style: CSSProperties;
83
+ }>;
84
+ /**
85
+ * TBD: Fill the necessary properties based on the requirements.
86
+ */
87
+ ButtonMessageTemplate: Partial<{
88
+ style: CSSProperties;
89
+ }>;
90
+ /**
91
+ * TBD: Fill the necessary properties based on the requirements.
92
+ */
93
+ CarouselMessageTemplate: Partial<{
94
+ style: CSSProperties;
95
+ }>;
96
+ }>;
9
97
  }
10
98
  export declare const defaultAsgardThemeContextValue: AsgardThemeContextValue;
11
99
  export declare const AsgardThemeContext: import('react').Context<AsgardThemeContextValue>;
package/dist/context/asgard-theme-context.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"asgard-theme-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-theme-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,IAAI,CACX,aAAa,EACX,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,iBAAiB,GACjB,aAAa,GACb,cAAc,CACjB,GAAG;QACF,eAAe,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;KAC7C,CAAC;IACF,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;IAC7D,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,8BAA8B,EAAE,uBAiB5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAE9B,CAAC;AAEF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAC1C,CAAC,GACD,SAAS,CAiCX;AAED,wBAAgB,qBAAqB,IAAI,uBAAuB,CAE/D"}
1
+ {"version":3,"file":"asgard-theme-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-theme-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,IAAI,CACX,aAAa,EACX,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,iBAAiB,GACjB,aAAa,GACb,cAAc,CACjB,GAAG;QACF,eAAe,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5C,KAAK,CAAC,EAAE,aAAa,CAAC;QACtB,MAAM,CAAC,EAAE,OAAO,CAAC;YACf,KAAK,EAAE,aAAa,CAAC;YACrB,KAAK,EAAE;gBACL,KAAK,EAAE,aAAa,CAAC;aACtB,CAAC;SACH,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,OAAO,CAAC;YACb,KAAK,EAAE,aAAa,CAAC;SACtB,CAAC,CAAC;QACH,MAAM,CAAC,EAAE,OAAO,CAAC;YACf,KAAK,EAAE,aAAa,CAAC;YACrB,QAAQ,EAAE;gBACR,KAAK,EAAE,aAAa,CAAC;aACtB,CAAC;YACF,YAAY,EAAE;gBACZ,KAAK,EAAE,aAAa,CAAC;aACtB,CAAC;YACF,iBAAiB,EAAE;gBACjB,KAAK,EAAE,aAAa,CAAC;aACtB,CAAC;SACH,CAAC,CAAC;KACJ,CAAC;IACF,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;IAC7D,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;QACjB;;;WAGG;QACH,YAAY,CAAC,EAAE,OAAO,CAAC;YACrB,KAAK,EAAE,aAAa,CAAC;YACrB,MAAM,EAAE;gBACN,KAAK,EAAE,aAAa,CAAC;aACtB,CAAC;SACH,CAAC,CAAC;QACH;;WAEG;QACH,mBAAmB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACvD;;WAEG;QACH,mBAAmB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACvD;;WAEG;QACH,oBAAoB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACxD;;WAEG;QACH,oBAAoB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACxD;;WAEG;QACH,oBAAoB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACxD;;WAEG;QACH,uBAAuB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QAC3D;;WAEG;QACH,oBAAoB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACxD;;WAEG;QACH,qBAAqB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACzD;;WAEG;QACH,uBAAuB,EAAE,OAAO,CAAC;YAAE,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;KAC5D,CAAC,CAAC;CACJ;AAED,eAAO,MAAM,8BAA8B,EAAE,uBA0E5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAE9B,CAAC;AAEF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAC1C,CAAC,GACD,SAAS,CAiCX;AAED,wBAAgB,qBAAqB,IAAI,uBAAuB,CAE/D"}