@kindly/react-chat 2.48.2 → 2.48.4

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.
@@ -1,136 +0,0 @@
1
- import cloneDeep from 'lodash.clonedeep';
2
- import set from 'lodash.set';
3
- import React from 'react';
4
-
5
- import KindlyChatButton from '../../../src/features/KindlyChatButton/KindlyChatButton';
6
- import settingsJSON from '../../assets/settingsJson';
7
- import withContainer from '../../decorators/withContainer';
8
- import withMockProvider from '../../decorators/withProvider';
9
-
10
- const defaultBotSettings = {
11
- welcomePage: settingsJSON.welcome_page,
12
- feedbackForm: settingsJSON.feedback_form,
13
- maintenanceAlert: settingsJSON.maintenance_alert,
14
- ...settingsJSON.settings,
15
- ...settingsJSON,
16
- };
17
-
18
- function Template(args, context) {
19
- return <KindlyChatButton {...args} {...context} />;
20
- }
21
-
22
- export default {
23
- title: 'Screen/Chat/DateTime',
24
- component: KindlyChatButton,
25
- decorators: [withContainer, withMockProvider],
26
- argTypes: {
27
- initialStateModifierFromArgs: {
28
- table: {
29
- disable: true,
30
- },
31
- },
32
- },
33
- };
34
-
35
- const todayTime = new Date();
36
- todayTime.setHours(13);
37
- todayTime.setMinutes(37);
38
- const created = todayTime.toISOString();
39
-
40
- const defaultParameters = {
41
- botSettings: defaultBotSettings,
42
- initialStateModifier: {
43
- chatbubble: {
44
- active: true,
45
- chatHasStarted: true,
46
- currentLanguage: 'en',
47
- },
48
- messages: {
49
- chatMessages: [
50
- {
51
- session_id: '1',
52
- bot_id: 1234,
53
- chat_id: '1',
54
- chat_source: 'web',
55
- chat_language_code: 'en',
56
- from_bot: true,
57
- sender: 'BOT',
58
- message: 'Why did the calendar get in trouble at work?',
59
- message_format: 'txt',
60
- exchange_type: 'greeting',
61
- exchange_id: '1',
62
- reply_type: 'STANDARD',
63
- created,
64
- id: '1',
65
- },
66
- {
67
- id: '2',
68
- created,
69
- message: 'Because it took a day off!',
70
- status: null,
71
- },
72
- ],
73
- messageSentTime: '2020-12-01T12:00:00.000Z',
74
- lastMessageSeen: {
75
- id: '2',
76
- index: 2,
77
- },
78
- },
79
- },
80
- };
81
-
82
- export const WithTime = Template.bind({});
83
- WithTime.parameters = {
84
- ...defaultParameters,
85
- };
86
- WithTime.args = {
87
- language: 'en',
88
- initialStateModifierFromArgs: ({ language }) => {
89
- const withTimeStateModifier = cloneDeep(defaultParameters.initialStateModifier);
90
- return set(withTimeStateModifier, 'chatbubble.currentLanguage', language);
91
- },
92
- };
93
- WithTime.argTypes = {
94
- language: { options: ['en', 'nb', 'en-GB', 'en-US', 'sv', 'fi', 'en-CA', 'nn'], control: { type: 'select' } },
95
- };
96
- WithTime.parameters = {
97
- ...defaultParameters,
98
- };
99
-
100
- export const WithNorwegianTime = Template.bind({});
101
- const withNorwegianTimeParameters = cloneDeep(defaultParameters);
102
- set(withNorwegianTimeParameters, 'initialStateModifier.chatbubble.currentLanguage', 'nb');
103
-
104
- WithNorwegianTime.parameters = {
105
- ...withNorwegianTimeParameters,
106
- };
107
-
108
- export const WithDate = Template.bind({});
109
- const withDateParameters = cloneDeep(defaultParameters);
110
- set(withDateParameters, 'initialStateModifier.messages.chatMessages[0].created', '2020-12-01T12:00:00.000Z');
111
- set(withDateParameters, 'initialStateModifier.messages.chatMessages[1].created', '2020-12-01T12:00:00.000Z');
112
-
113
- WithDate.parameters = {
114
- ...withDateParameters,
115
- };
116
- WithDate.args = {
117
- language: 'en',
118
- initialStateModifierFromArgs: ({ language }) => {
119
- const withDateStateModifier = cloneDeep(withDateParameters.initialStateModifier);
120
- return set(withDateStateModifier, 'chatbubble.currentLanguage', language);
121
- },
122
- };
123
- WithDate.argTypes = {
124
- language: { options: ['en', 'nb', 'en-GB', 'en-US', 'sv', 'fi', 'en-CA', 'nn'], control: { type: 'select' } },
125
- };
126
- WithDate.parameters = {
127
- ...defaultParameters,
128
- };
129
-
130
- export const WithNorwegianDate = Template.bind({});
131
- const withNorwegianDateParameters = cloneDeep(withDateParameters);
132
- set(withNorwegianDateParameters, 'initialStateModifier.chatbubble.currentLanguage', 'nb');
133
-
134
- WithNorwegianDate.parameters = {
135
- ...withNorwegianDateParameters,
136
- };