@botonic/react 0.24.0-alpha.2 → 0.24.0-alpha.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.
- package/lib/cjs/components/index-types.d.ts +1 -0
- package/lib/cjs/components/index-types.js.map +1 -1
- package/lib/cjs/components/{message.js → message/index.js} +20 -65
- package/lib/cjs/components/message/index.js.map +1 -0
- package/lib/cjs/components/message/message-image.d.ts +7 -0
- package/lib/cjs/components/message/message-image.js +18 -0
- package/lib/cjs/components/message/message-image.js.map +1 -0
- package/lib/cjs/components/message/styles.d.ts +8 -0
- package/lib/cjs/components/message/styles.js +69 -0
- package/lib/cjs/components/message/styles.js.map +1 -0
- package/lib/{esm/components → cjs/components/message}/timestamps.d.ts +2 -1
- package/lib/cjs/components/message/timestamps.js +36 -0
- package/lib/cjs/components/message/timestamps.js.map +1 -0
- package/lib/cjs/constants.d.ts +1 -0
- package/lib/cjs/constants.js +2 -0
- package/lib/cjs/constants.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +1 -0
- package/lib/esm/components/index-types.js.map +1 -1
- package/lib/esm/components/{message.js → message/index.js} +19 -64
- package/lib/esm/components/message/index.js.map +1 -0
- package/lib/esm/components/message/message-image.d.ts +7 -0
- package/lib/esm/components/message/message-image.js +14 -0
- package/lib/esm/components/message/message-image.js.map +1 -0
- package/lib/esm/components/message/styles.d.ts +8 -0
- package/lib/esm/components/message/styles.js +65 -0
- package/lib/esm/components/message/styles.js.map +1 -0
- package/lib/{cjs/components → esm/components/message}/timestamps.d.ts +2 -1
- package/lib/esm/components/message/timestamps.js +30 -0
- package/lib/esm/components/message/timestamps.js.map +1 -0
- package/lib/esm/constants.d.ts +1 -0
- package/lib/esm/constants.js +2 -0
- package/lib/esm/constants.js.map +1 -1
- package/package.json +2 -2
- package/src/.DS_Store +0 -0
- package/src/components/index-types.ts +1 -0
- package/src/components/{message.jsx → message/index.jsx} +32 -92
- package/src/components/message/message-image.tsx +52 -0
- package/src/components/message/styles.ts +73 -0
- package/src/components/message/timestamps.jsx +62 -0
- package/src/constants.js +2 -0
- package/lib/cjs/components/message.js.map +0 -1
- package/lib/cjs/components/timestamps.js +0 -51
- package/lib/cjs/components/timestamps.js.map +0 -1
- package/lib/esm/components/message.js.map +0 -1
- package/lib/esm/components/timestamps.js +0 -45
- package/lib/esm/components/timestamps.js.map +0 -1
- package/src/components/timestamps.jsx +0 -68
- /package/lib/cjs/components/{message.d.ts → message/index.d.ts} +0 -0
- /package/lib/esm/components/{message.d.ts → message/index.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"src/","sources":["components/message/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;qBAErB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;;;CAG7E,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOjD,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;sBAIjB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;WACjC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;eAChB,KAAK,CAAC,EAAE,CACnB,KAAK,CAAC,IAAI;IACR,CAAC,CAAC,KAAK,CAAC,SAAS;QACf,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,KAAK;IACT,CAAC,CAAC,mBAAmB;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;aACrB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;IAInD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ1C,CAAA;AACD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;aAErB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW;YAC3B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,YAAY,MAAM,CAAC,WAAW;CACnE,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAI5B,MAAM,CAAC,WAAW;;gBAEb,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;aACnD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;CAEnE,CAAA"}
|
|
@@ -3,8 +3,9 @@ export function resolveMessageTimestamps(getThemeFn: any, messageTimestampEnable
|
|
|
3
3
|
getFormattedTimestamp: any;
|
|
4
4
|
timestampStyle: any;
|
|
5
5
|
};
|
|
6
|
-
export function MessageTimestamp({ timestamp, style, isSentByUser }: {
|
|
6
|
+
export function MessageTimestamp({ timestamp, style, isSentByUser, sentBy, }: {
|
|
7
7
|
timestamp: any;
|
|
8
8
|
style: any;
|
|
9
9
|
isSentByUser: any;
|
|
10
|
+
sentBy: any;
|
|
10
11
|
}): JSX.Element;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { WEBCHAT } from '../../constants';
|
|
4
|
+
import { TimestampContainer, TimestampText } from './styles';
|
|
5
|
+
export const resolveMessageTimestamps = (getThemeFn, messageTimestampEnabled) => {
|
|
6
|
+
const timestampsFormat = getThemeFn(WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsFormat);
|
|
7
|
+
const timestampStyle = getThemeFn(WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsStyle);
|
|
8
|
+
const timestampsEnabled = Boolean(messageTimestampEnabled !== undefined
|
|
9
|
+
? messageTimestampEnabled
|
|
10
|
+
: getThemeFn(WEBCHAT.CUSTOM_PROPERTIES.enableMessageTimestamps, Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
|
|
11
|
+
const defaultTimestampFormat = {
|
|
12
|
+
month: 'short',
|
|
13
|
+
day: 'numeric',
|
|
14
|
+
hour: 'numeric',
|
|
15
|
+
minute: 'numeric',
|
|
16
|
+
second: 'numeric',
|
|
17
|
+
};
|
|
18
|
+
const getFormattedTimestamp = timestampsFormat
|
|
19
|
+
? timestampsFormat()
|
|
20
|
+
: new Date().toLocaleString(undefined, defaultTimestampFormat);
|
|
21
|
+
return {
|
|
22
|
+
timestampsEnabled,
|
|
23
|
+
getFormattedTimestamp,
|
|
24
|
+
timestampStyle,
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export const MessageTimestamp = ({ timestamp, style, isSentByUser, sentBy, }) => {
|
|
28
|
+
return (_jsx(TimestampContainer, Object.assign({ className: `botonic-timestamp-${sentBy}` }, { children: _jsx(TimestampText, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, style) }, { children: timestamp })) })));
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=timestamps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/message/timestamps.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,UAAU,EACV,uBAAuB,EACvB,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,CACjC,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,UAAU,CAC/B,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,uBAAuB,KAAK,SAAS;QACnC,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CACR,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,YAAY,EACZ,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,KAAC,kBAAkB,kBAAC,SAAS,EAAE,qBAAqB,MAAM,EAAE,gBAC1D,KAAC,aAAa,kBACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,oBACA,KAAK,iBAGT,SAAS,IACI,IACG,CACtB,CAAA;AACH,CAAC,CAAA"}
|
package/lib/esm/constants.d.ts
CHANGED
|
@@ -76,6 +76,7 @@ export namespace WEBCHAT {
|
|
|
76
76
|
const botMessageImage: string;
|
|
77
77
|
const botMessageImageStyle: string;
|
|
78
78
|
const botMessageStyle: string;
|
|
79
|
+
const agentMessageImage: string;
|
|
79
80
|
const customMessageTypes: string;
|
|
80
81
|
const messageStyle: string;
|
|
81
82
|
const userMessageBackground: string;
|
package/lib/esm/constants.js
CHANGED
|
@@ -84,6 +84,8 @@ export const WEBCHAT = {
|
|
|
84
84
|
botMessageImage: 'message.bot.image',
|
|
85
85
|
botMessageImageStyle: 'message.bot.imageStyle',
|
|
86
86
|
botMessageStyle: 'message.bot.style',
|
|
87
|
+
// Agent Message
|
|
88
|
+
agentMessageImage: 'message.agent.image',
|
|
87
89
|
// User Message
|
|
88
90
|
customMessageTypes: 'message.customTypes',
|
|
89
91
|
messageStyle: 'message.style',
|
package/lib/esm/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"src/","sources":["constants.js"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"src/","sources":["constants.js"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botonic/react",
|
|
3
|
-
"version": "0.24.0-alpha.
|
|
3
|
+
"version": "0.24.0-alpha.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Build Chatbots using React",
|
|
6
6
|
"main": "./lib/cjs",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@botonic/core": "0.23.2-alpha.0",
|
|
39
|
-
"axios": "^1.
|
|
39
|
+
"axios": "^1.6.0",
|
|
40
40
|
"emoji-picker-react": "^4.4.9",
|
|
41
41
|
"framer-motion": "^3.1.1",
|
|
42
42
|
"he": "^1.2.0",
|
package/src/.DS_Store
ADDED
|
Binary file
|
|
@@ -1,73 +1,27 @@
|
|
|
1
1
|
import { INPUT, isBrowser } from '@botonic/core'
|
|
2
2
|
import React, { useContext, useEffect, useState } from 'react'
|
|
3
3
|
import Fade from 'react-reveal/Fade'
|
|
4
|
-
import styled from 'styled-components'
|
|
5
4
|
import { v4 as uuidv4 } from 'uuid'
|
|
6
5
|
|
|
7
|
-
import { COLORS, WEBCHAT } from '
|
|
8
|
-
import { RequestContext, WebchatContext } from '
|
|
9
|
-
import { SENDERS } from '
|
|
10
|
-
import { isDev
|
|
11
|
-
import { ConditionalWrapper, renderComponent } from '
|
|
12
|
-
import { Button } from '
|
|
13
|
-
import { ButtonsDisabler } from '
|
|
14
|
-
import { getMarkdownStyle, renderLinks, renderMarkdown } from '
|
|
15
|
-
import { Reply } from '
|
|
6
|
+
import { COLORS, WEBCHAT } from '../../constants'
|
|
7
|
+
import { RequestContext, WebchatContext } from '../../contexts'
|
|
8
|
+
import { SENDERS } from '../../index-types'
|
|
9
|
+
import { isDev } from '../../util/environment'
|
|
10
|
+
import { ConditionalWrapper, renderComponent } from '../../util/react'
|
|
11
|
+
import { Button } from '../button'
|
|
12
|
+
import { ButtonsDisabler } from '../buttons-disabler'
|
|
13
|
+
import { getMarkdownStyle, renderLinks, renderMarkdown } from '../markdown'
|
|
14
|
+
import { Reply } from '../reply'
|
|
15
|
+
import { MessageImage } from './message-image'
|
|
16
|
+
import {
|
|
17
|
+
BlobContainer,
|
|
18
|
+
BlobText,
|
|
19
|
+
BlobTick,
|
|
20
|
+
BlobTickContainer,
|
|
21
|
+
MessageContainer,
|
|
22
|
+
} from './styles'
|
|
16
23
|
import { MessageTimestamp, resolveMessageTimestamps } from './timestamps'
|
|
17
24
|
|
|
18
|
-
const MessageContainer = styled.div`
|
|
19
|
-
display: flex;
|
|
20
|
-
justify-content: ${props => (props.isSentByUser ? 'flex-end' : 'flex-start')};
|
|
21
|
-
position: relative;
|
|
22
|
-
padding: 0px 6px;
|
|
23
|
-
`
|
|
24
|
-
|
|
25
|
-
const BotMessageImageContainer = styled.div`
|
|
26
|
-
width: 28px;
|
|
27
|
-
padding: 12px 4px;
|
|
28
|
-
flex: none;
|
|
29
|
-
display: flex;
|
|
30
|
-
align-items: center;
|
|
31
|
-
justify-content: center;
|
|
32
|
-
`
|
|
33
|
-
|
|
34
|
-
const Blob = styled.div`
|
|
35
|
-
position: relative;
|
|
36
|
-
margin: 8px;
|
|
37
|
-
border-radius: 8px;
|
|
38
|
-
background-color: ${props => props.bgcolor};
|
|
39
|
-
color: ${props => props.color};
|
|
40
|
-
max-width: ${props =>
|
|
41
|
-
props.blob
|
|
42
|
-
? props.blobwidth
|
|
43
|
-
? props.blobwidth
|
|
44
|
-
: '60%'
|
|
45
|
-
: 'calc(100% - 16px)'};
|
|
46
|
-
`
|
|
47
|
-
|
|
48
|
-
const BlobText = styled.div`
|
|
49
|
-
padding: ${props => (props.blob ? '8px 12px' : '0px')};
|
|
50
|
-
display: flex;
|
|
51
|
-
flex-direction: column;
|
|
52
|
-
white-space: pre-line;
|
|
53
|
-
${props => props.markdownstyle}
|
|
54
|
-
`
|
|
55
|
-
|
|
56
|
-
const BlobTickContainer = styled.div`
|
|
57
|
-
position: absolute;
|
|
58
|
-
box-sizing: border-box;
|
|
59
|
-
height: 100%;
|
|
60
|
-
padding: 18px 0px 18px 0px;
|
|
61
|
-
display: flex;
|
|
62
|
-
top: 0;
|
|
63
|
-
align-items: center;
|
|
64
|
-
`
|
|
65
|
-
const BlobTick = styled.div`
|
|
66
|
-
position: relative;
|
|
67
|
-
margin: -${props => props.pointerSize}px 0px;
|
|
68
|
-
border: ${props => props.pointerSize}px solid ${COLORS.TRANSPARENT};
|
|
69
|
-
`
|
|
70
|
-
|
|
71
25
|
export const Message = props => {
|
|
72
26
|
const { defaultTyping, defaultDelay } = useContext(RequestContext)
|
|
73
27
|
let {
|
|
@@ -205,8 +159,8 @@ export const Message = props => {
|
|
|
205
159
|
getThemeProperty(`message.${userOrBotMessage}.blobTick`, true)
|
|
206
160
|
|
|
207
161
|
const renderBrowser = () => {
|
|
208
|
-
const
|
|
209
|
-
if (!
|
|
162
|
+
const messageJSON = webchatState.messagesJSON.find(m => m.id === state.id)
|
|
163
|
+
if (!messageJSON || !messageJSON.display) return <></>
|
|
210
164
|
|
|
211
165
|
const getBlobTick = pointerSize => {
|
|
212
166
|
// to add a border to the blobTick we need to create two triangles and overlap them
|
|
@@ -241,20 +195,15 @@ export const Message = props => {
|
|
|
241
195
|
)
|
|
242
196
|
}
|
|
243
197
|
|
|
244
|
-
const BotMessageImage = getThemeProperty(
|
|
245
|
-
WEBCHAT.CUSTOM_PROPERTIES.botMessageImage,
|
|
246
|
-
getThemeProperty(
|
|
247
|
-
WEBCHAT.CUSTOM_PROPERTIES.brandImage,
|
|
248
|
-
WEBCHAT.DEFAULTS.LOGO
|
|
249
|
-
)
|
|
250
|
-
)
|
|
251
198
|
const animationsEnabled = getThemeProperty(
|
|
252
199
|
WEBCHAT.CUSTOM_PROPERTIES.enableAnimations,
|
|
253
200
|
true
|
|
254
201
|
)
|
|
255
202
|
|
|
256
203
|
const resolveCustomTypeName = () =>
|
|
257
|
-
isSentByBot && type === INPUT.CUSTOM
|
|
204
|
+
isSentByBot && type === INPUT.CUSTOM
|
|
205
|
+
? ` ${messageJSON.customTypeName}`
|
|
206
|
+
: ''
|
|
258
207
|
|
|
259
208
|
const className = `${type}-${userOrBotMessage}${resolveCustomTypeName()}`
|
|
260
209
|
|
|
@@ -270,22 +219,12 @@ export const Message = props => {
|
|
|
270
219
|
...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.messageStyle),
|
|
271
220
|
}}
|
|
272
221
|
>
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
...imagestyle,
|
|
280
|
-
}}
|
|
281
|
-
>
|
|
282
|
-
<img
|
|
283
|
-
style={{ width: '100%' }}
|
|
284
|
-
src={resolveImage(BotMessageImage)}
|
|
285
|
-
/>
|
|
286
|
-
</BotMessageImageContainer>
|
|
287
|
-
)}
|
|
288
|
-
<Blob
|
|
222
|
+
<MessageImage
|
|
223
|
+
imagestyle={imagestyle}
|
|
224
|
+
isSentByAgent={isSentByAgent}
|
|
225
|
+
isSentByUser={isSentByUser}
|
|
226
|
+
/>
|
|
227
|
+
<BlobContainer
|
|
289
228
|
className={className}
|
|
290
229
|
bgcolor={getBgColor()}
|
|
291
230
|
color={isSentByUser ? COLORS.SOLID_WHITE : COLORS.SOLID_BLACK}
|
|
@@ -319,13 +258,14 @@ export const Message = props => {
|
|
|
319
258
|
)}
|
|
320
259
|
{Boolean(blob) && hasBlobTick() && getBlobTick(6)}
|
|
321
260
|
{Boolean(blob) && hasBlobTick() && getBlobTick(5)}
|
|
322
|
-
</
|
|
261
|
+
</BlobContainer>
|
|
323
262
|
</MessageContainer>
|
|
324
263
|
{timestampsEnabled && (
|
|
325
264
|
<MessageTimestamp
|
|
326
|
-
timestamp={m.timestamp}
|
|
327
|
-
style={timestampStyle}
|
|
328
265
|
isSentByUser={isSentByUser}
|
|
266
|
+
sentBy={sentBy}
|
|
267
|
+
style={timestampStyle}
|
|
268
|
+
timestamp={messageJSON.timestamp}
|
|
329
269
|
/>
|
|
330
270
|
)}
|
|
331
271
|
</>
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React, { useContext } from 'react'
|
|
2
|
+
|
|
3
|
+
import { WEBCHAT } from '../../constants'
|
|
4
|
+
import { WebchatContext } from '../../contexts'
|
|
5
|
+
import { resolveImage } from '../../util/environment'
|
|
6
|
+
import { BotMessageImageContainer } from './styles'
|
|
7
|
+
|
|
8
|
+
interface MessageImageProps {
|
|
9
|
+
imagestyle: Record<string, unknown>
|
|
10
|
+
isSentByUser: boolean
|
|
11
|
+
isSentByAgent: boolean
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const MessageImage = ({
|
|
15
|
+
imagestyle,
|
|
16
|
+
isSentByUser,
|
|
17
|
+
isSentByAgent,
|
|
18
|
+
}: MessageImageProps) => {
|
|
19
|
+
const { getThemeProperty } = useContext(WebchatContext)
|
|
20
|
+
|
|
21
|
+
const BotMessageImage = getThemeProperty(
|
|
22
|
+
WEBCHAT.CUSTOM_PROPERTIES.botMessageImage,
|
|
23
|
+
getThemeProperty(
|
|
24
|
+
WEBCHAT.CUSTOM_PROPERTIES.brandImage,
|
|
25
|
+
WEBCHAT.DEFAULTS.LOGO
|
|
26
|
+
)
|
|
27
|
+
)
|
|
28
|
+
|
|
29
|
+
const AgentMessageImage = getThemeProperty(
|
|
30
|
+
WEBCHAT.CUSTOM_PROPERTIES.agentMessageImage,
|
|
31
|
+
BotMessageImage
|
|
32
|
+
)
|
|
33
|
+
|
|
34
|
+
return (
|
|
35
|
+
!isSentByUser &&
|
|
36
|
+
BotMessageImage && (
|
|
37
|
+
<BotMessageImageContainer
|
|
38
|
+
style={{
|
|
39
|
+
...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageImageStyle),
|
|
40
|
+
...imagestyle,
|
|
41
|
+
}}
|
|
42
|
+
>
|
|
43
|
+
<img
|
|
44
|
+
style={{ width: '100%' }}
|
|
45
|
+
src={resolveImage(
|
|
46
|
+
isSentByAgent ? AgentMessageImage : BotMessageImage
|
|
47
|
+
)}
|
|
48
|
+
/>
|
|
49
|
+
</BotMessageImageContainer>
|
|
50
|
+
)
|
|
51
|
+
)
|
|
52
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import styled from 'styled-components'
|
|
2
|
+
|
|
3
|
+
import { COLORS } from '../../constants'
|
|
4
|
+
|
|
5
|
+
export const MessageContainer = styled.div`
|
|
6
|
+
display: flex;
|
|
7
|
+
justify-content: ${props => (props.isSentByUser ? 'flex-end' : 'flex-start')};
|
|
8
|
+
position: relative;
|
|
9
|
+
padding: 0px 6px;
|
|
10
|
+
`
|
|
11
|
+
|
|
12
|
+
export const BotMessageImageContainer = styled.div`
|
|
13
|
+
width: 28px;
|
|
14
|
+
padding: 12px 4px;
|
|
15
|
+
flex: none;
|
|
16
|
+
display: flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
`
|
|
20
|
+
|
|
21
|
+
export const BlobContainer = styled.div`
|
|
22
|
+
position: relative;
|
|
23
|
+
margin: 8px;
|
|
24
|
+
border-radius: 8px;
|
|
25
|
+
background-color: ${props => props.bgcolor};
|
|
26
|
+
color: ${props => props.color};
|
|
27
|
+
max-width: ${props =>
|
|
28
|
+
props.blob
|
|
29
|
+
? props.blobwidth
|
|
30
|
+
? props.blobwidth
|
|
31
|
+
: '60%'
|
|
32
|
+
: 'calc(100% - 16px)'};
|
|
33
|
+
`
|
|
34
|
+
|
|
35
|
+
export const BlobText = styled.div`
|
|
36
|
+
padding: ${props => (props.blob ? '8px 12px' : '0px')};
|
|
37
|
+
display: flex;
|
|
38
|
+
flex-direction: column;
|
|
39
|
+
white-space: pre-line;
|
|
40
|
+
${props => props.markdownstyle}
|
|
41
|
+
`
|
|
42
|
+
|
|
43
|
+
export const BlobTickContainer = styled.div`
|
|
44
|
+
position: absolute;
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
height: 100%;
|
|
47
|
+
padding: 18px 0px 18px 0px;
|
|
48
|
+
display: flex;
|
|
49
|
+
top: 0;
|
|
50
|
+
align-items: center;
|
|
51
|
+
`
|
|
52
|
+
export const BlobTick = styled.div`
|
|
53
|
+
position: relative;
|
|
54
|
+
margin: -${props => props.pointerSize}px 0px;
|
|
55
|
+
border: ${props => props.pointerSize}px solid ${COLORS.TRANSPARENT};
|
|
56
|
+
`
|
|
57
|
+
|
|
58
|
+
export const TimestampContainer = styled.div`
|
|
59
|
+
display: flex;
|
|
60
|
+
position: relative;
|
|
61
|
+
align-items: flex-start;
|
|
62
|
+
`
|
|
63
|
+
|
|
64
|
+
export const TimestampText = styled.div`
|
|
65
|
+
@import url('https://fonts.googleapis.com/css?family=Lato');
|
|
66
|
+
font-family: Lato;
|
|
67
|
+
font-size: 10px;
|
|
68
|
+
color: ${COLORS.SOLID_BLACK};
|
|
69
|
+
width: 100%;
|
|
70
|
+
text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
|
|
71
|
+
padding: ${props => (props.isSentByUser ? '0px 15px' : '0px 50px')};
|
|
72
|
+
margin-bottom: 5px;
|
|
73
|
+
`
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import { WEBCHAT } from '../../constants'
|
|
4
|
+
import { TimestampContainer, TimestampText } from './styles'
|
|
5
|
+
|
|
6
|
+
export const resolveMessageTimestamps = (
|
|
7
|
+
getThemeFn,
|
|
8
|
+
messageTimestampEnabled
|
|
9
|
+
) => {
|
|
10
|
+
const timestampsFormat = getThemeFn(
|
|
11
|
+
WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsFormat
|
|
12
|
+
)
|
|
13
|
+
const timestampStyle = getThemeFn(
|
|
14
|
+
WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsStyle
|
|
15
|
+
)
|
|
16
|
+
const timestampsEnabled = Boolean(
|
|
17
|
+
messageTimestampEnabled !== undefined
|
|
18
|
+
? messageTimestampEnabled
|
|
19
|
+
: getThemeFn(
|
|
20
|
+
WEBCHAT.CUSTOM_PROPERTIES.enableMessageTimestamps,
|
|
21
|
+
Boolean(timestampStyle) || Boolean(timestampsFormat) || false
|
|
22
|
+
)
|
|
23
|
+
)
|
|
24
|
+
|
|
25
|
+
const defaultTimestampFormat = {
|
|
26
|
+
month: 'short',
|
|
27
|
+
day: 'numeric',
|
|
28
|
+
hour: 'numeric',
|
|
29
|
+
minute: 'numeric',
|
|
30
|
+
second: 'numeric',
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
const getFormattedTimestamp = timestampsFormat
|
|
34
|
+
? timestampsFormat()
|
|
35
|
+
: new Date().toLocaleString(undefined, defaultTimestampFormat)
|
|
36
|
+
|
|
37
|
+
return {
|
|
38
|
+
timestampsEnabled,
|
|
39
|
+
getFormattedTimestamp,
|
|
40
|
+
timestampStyle,
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export const MessageTimestamp = ({
|
|
45
|
+
timestamp,
|
|
46
|
+
style,
|
|
47
|
+
isSentByUser,
|
|
48
|
+
sentBy,
|
|
49
|
+
}) => {
|
|
50
|
+
return (
|
|
51
|
+
<TimestampContainer className={`botonic-timestamp-${sentBy}`}>
|
|
52
|
+
<TimestampText
|
|
53
|
+
isSentByUser={isSentByUser}
|
|
54
|
+
style={{
|
|
55
|
+
...style,
|
|
56
|
+
}}
|
|
57
|
+
>
|
|
58
|
+
{timestamp}
|
|
59
|
+
</TimestampText>
|
|
60
|
+
</TimestampContainer>
|
|
61
|
+
)
|
|
62
|
+
}
|
package/src/constants.js
CHANGED
|
@@ -86,6 +86,8 @@ export const WEBCHAT = {
|
|
|
86
86
|
botMessageImage: 'message.bot.image',
|
|
87
87
|
botMessageImageStyle: 'message.bot.imageStyle',
|
|
88
88
|
botMessageStyle: 'message.bot.style',
|
|
89
|
+
// Agent Message
|
|
90
|
+
agentMessageImage: 'message.agent.image',
|
|
89
91
|
// User Message
|
|
90
92
|
customMessageTypes: 'message.customTypes',
|
|
91
93
|
messageStyle: 'message.style',
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"message.js","sourceRoot":"src/","sources":["components/message.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,uDAA8D;AAC9D,qEAAoC;AACpC,kFAAsC;AACtC,+BAAmC;AAEnC,4CAA8C;AAC9C,0CAA4D;AAC5D,gDAAwC;AACxC,qDAAyD;AACzD,yCAAmE;AACnE,qCAAiC;AACjC,yDAAoD;AACpD,yCAA0E;AAC1E,mCAA+B;AAC/B,6CAAyE;AAEzE,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;qBAEd,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;;;CAG7E,CAAA;AAED,MAAM,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO1C,CAAA;AAED,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;sBAID,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;WACjC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;eAChB,KAAK,CAAC,EAAE,CACnB,KAAK,CAAC,IAAI;IACR,CAAC,CAAC,KAAK,CAAC,SAAS;QACf,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,KAAK;IACT,CAAC,CAAC,mBAAmB;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;aACd,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;IAInD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa;CAC/B,CAAA;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQnC,CAAA;AACD,MAAM,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;aAEd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW;YAC3B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,YAAY,kBAAM,CAAC,WAAW;CACnE,CAAA;AAEM,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAClE,IAAI,EACF,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,IAAI,EACX,MAAM,EACN,KAAK,GAAG,YAAY,EACpB,MAAM,GAAG,aAAa,EACtB,QAAQ,EACR,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,EACnE,IAAI,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EACjD,QAAQ,GAAG,IAAI,KAEb,KAAK,EADJ,UAAU,kBACX,KAAK,EAbL,wHAaH,CAAQ,CAAA;IAET,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,WAAW,GAAG,MAAM,KAAK,qBAAO,CAAC,GAAG,CAAA;IAC1C,MAAM,aAAa,GAAG,MAAM,KAAK,qBAAO,CAAC,KAAK,CAAA;IAC9C,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC/B,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,GACjE,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACjC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,IAAA,SAAM,GAAE;KACzB,CAAC,CAAA;IAEF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/C,QAAQ,GAAG,kCAAe,CAAC,qBAAqB,CAAC,QAAQ,EAAE;QACzD,QAAQ,EAAE,KAAK,CAAC,EAAE;QAClB,QAAQ;QACR,WAAW;KACZ,CAAC,CAAA;IACF,MAAM,OAAO,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAK,CAAC,CAAA;IAC9E,MAAM,OAAO,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACrD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,eAAM,CACvB,CAAA;IAED,IAAI,YAAY,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAM,EAAE,aAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CACvC,CAAA;IACD,IAAI,YAAY;QACd,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAW,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAC3C,CAAA;IAEH,MAAM,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,cAAc,EAAE,GAChE,IAAA,qCAAwB,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;IAE9D,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,mBAAK;YAAE,OAAO,CAAC,CAAA;QACnB,IAAI,CAAC,YAAY;YAAE,OAAO,CAAC,CAAA;QAC3B,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC,GAAG,CAAA;QAC7C,OAAO,CAAC,CAAA;IACV,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,SAAS,EAAE,CAAA;IAEvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAA,gBAAS,GAAE,EAAE;YACf,MAAM,kBAAkB,GAAG,IAAI,CAAA;YAC/B,MAAM,OAAO,GAAG;gBACd,EAAE,EAAE,KAAK,CAAC,EAAE;gBACZ,IAAI;gBACJ,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY;gBAC5D,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,qBAAqB;gBACnD,QAAQ;gBACR,MAAM;gBACN,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,iBACxB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAC1B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EACxB,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAClB,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAChB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EACtB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EACnD,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,IACpB,kCAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,EAC7C,CAAC;gBACH,KAAK;gBACL,MAAM;gBACN,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBACzB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;oBACxB,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI;oBAClB,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG;oBAChB,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ;iBACvB,CAAC,CAAC;gBACH,OAAO,EAAE,KAAK,GAAG,MAAM,IAAI,CAAC;gBAC5B,cAAc,EAAE,kBAAkB,CAAC,cAAc;gBACjD,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,QAAQ,KAAK,CAAC,IAAI,QAAQ,KAAK,IAAI;aAC9C,CAAA;YACD,UAAU,CAAC,OAAO,CAAC,CAAA;SACpB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAA,gBAAS,GAAE,EAAE;YACf,MAAM,GAAG,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAA;YAClE,IACE,GAAG;gBACH,GAAG,CAAC,OAAO;gBACX,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,IAAI,CAAC,EAC7D;gBACA,aAAa,CAAC,OAAO,CAAC,CAAA;aACvB;SACF;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAA;IAE/B,MAAM,UAAU,GAAG,gBAAgB,CACjC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,kBAAM,CAAC,YAAY,CACpB,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,IAAI;YAAE,OAAO,kBAAM,CAAC,WAAW,CAAA;QACpC,IAAI,YAAY,EAAE;YAChB,OAAO,gBAAgB,CACrB,mBAAO,CAAC,iBAAiB,CAAC,qBAAqB,EAC/C,UAAU,CACX,CAAA;SACF;QACD,OAAO,gBAAgB,CACrB,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,kBAAM,CAAC,cAAc,CACtB,CAAA;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,WAAW;QACT,CAAC,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC;QAC7D,CAAC,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAElE,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAO,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAO,CAAC,GAAG,CAAA;IAClE,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,gBAAgB,CAAC,WAAW,gBAAgB,WAAW,EAAE,IAAI,CAAC,CAAA;IAEhE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAA;QAChE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;YAAE,OAAO,kDAAK,CAAA;QAElC,MAAM,WAAW,GAAG,WAAW,CAAC,EAAE;YAChC,mFAAmF;YACnF,mDAAmD;YACnD,mFAAmF;YACnF,MAAM,KAAK,GACT,WAAW,IAAI,CAAC;gBACd,CAAC,CAAC,UAAU,EAAE;gBACd,CAAC,CAAC,gBAAgB,CACd,WAAW,gBAAgB,oBAAoB,EAC/C,kBAAM,CAAC,WAAW,CACnB,CAAA;YACP,MAAM,cAAc,qBACf,gBAAgB,CAAC,WAAW,gBAAgB,gBAAgB,CAAC,CACjE,CAAA;YACD,MAAM,aAAa,GAAG,EAAE,CAAA;YACxB,IAAI,YAAY,EAAE;gBAChB,cAAc,CAAC,KAAK,GAAG,CAAC,CAAA;gBACxB,cAAc,CAAC,WAAW,GAAG,CAAC,WAAW,CAAA;gBACzC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAA;gBAC7B,aAAa,CAAC,eAAe,GAAG,KAAK,CAAA;aACtC;iBAAM;gBACL,cAAc,CAAC,IAAI,GAAG,CAAC,CAAA;gBACvB,cAAc,CAAC,UAAU,GAAG,CAAC,WAAW,CAAA;gBACxC,aAAa,CAAC,UAAU,GAAG,CAAC,CAAA;gBAC5B,aAAa,CAAC,gBAAgB,GAAG,KAAK,CAAA;aACvC;YACD,OAAO,CACL,uBAAC,iBAAiB,kBAAC,KAAK,EAAE,cAAc,gBACtC,uBAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,GAAI,IAC1C,CACrB,CAAA;QACH,CAAC,CAAA;QAED,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,mBAAO,CAAC,QAAQ,CAAC,IAAI,CACtB,CACF,CAAA;QACD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;QAED,MAAM,qBAAqB,GAAG,GAAG,EAAE,CACjC,WAAW,IAAI,IAAI,KAAK,YAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QAEpE,MAAM,SAAS,GAAG,GAAG,IAAI,IAAI,gBAAgB,GAAG,qBAAqB,EAAE,EAAE,CAAA;QAEzE,OAAO,CACL,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAI,cAAE,QAAQ,GAAQ,gBAE5C,6DACE,wBAAC,gBAAgB,kBACf,YAAY,EAAE,YAAY,EAC1B,KAAK,oBACA,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,kBAG5D,WAAW,IAAI,eAAe,IAAI,CACjC,uBAAC,wBAAwB,kBACvB,KAAK,kCACA,gBAAgB,CACjB,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAC/C,GACE,UAAU,iBAGf,gCACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,GAAG,EAAE,IAAA,0BAAY,EAAC,eAAe,CAAC,GAClC,IACuB,CAC5B,EACD,wBAAC,IAAI,kBACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,UAAU,EAAE,EACrB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,kBAAM,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAM,CAAC,WAAW,EAC7D,SAAS,EAAE,gBAAgB,CACzB,mBAAO,CAAC,iBAAiB,CAAC,mBAAmB,CAC9C,EACD,IAAI,EAAE,IAAI,EACV,KAAK,gDACA,eAAe,EAAE,GACjB,KAAK,GACL,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAEjC,UAAU,eAEb,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,uBAAuB,EAAE;4CACvB,MAAM,EAAE,IAAA,yBAAc,EAAC,YAAY,CAAC;yCACrC,EACD,aAAa,EAAE,IAAA,2BAAgB,EAC7B,gBAAgB,EAChB,YAAY,CAAC,CAAC,CAAC,kBAAM,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAClD,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,QAAQ,kBAAC,IAAI,EAAE,IAAI,gBAAG,YAAY,IAAY,CAChD,EACA,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,CACnB,8CAAK,SAAS,EAAC,2BAA2B,gBAAE,OAAO,IAAO,CAC3D,EACA,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC,EAChD,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC,KAC5C,KACU,EAClB,iBAAiB,IAAI,CACpB,uBAAC,6BAAgB,IACf,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,KAAK,EAAE,cAAc,EACrB,YAAY,EAAE,YAAY,GAC1B,CACH,IACA,IACgB,CACtB,CAAA;IACH,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,KAAmB,KAAK,EAAnB,SAAS,kBAAK,KAAK,EAAlD,gBAA0C,CAAQ,CAAA;IACxD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,IAAI,KAAK,YAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACtB,kDACE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,SAAS,EACb,CACH,CAAC,CAAC,CAAC,CACF,kDAAS,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAM,SAAS,cACjD,QAAQ,IACD,CACX,CAAA;IAEH,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAzRY,QAAA,OAAO,WAyRnB"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MessageTimestamp = exports.resolveMessageTimestamps = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
|
-
const constants_1 = require("../constants");
|
|
9
|
-
const resolveMessageTimestamps = (getThemeFn, messageTimestampEnabled) => {
|
|
10
|
-
const timestampsFormat = getThemeFn('message.timestamps.format');
|
|
11
|
-
const timestampStyle = getThemeFn('message.timestamps.style');
|
|
12
|
-
const timestampsEnabled = Boolean(messageTimestampEnabled !== undefined
|
|
13
|
-
? messageTimestampEnabled
|
|
14
|
-
: getThemeFn('message.timestamps.enable', Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
|
|
15
|
-
const defaultTimestampFormat = {
|
|
16
|
-
month: 'short',
|
|
17
|
-
day: 'numeric',
|
|
18
|
-
hour: 'numeric',
|
|
19
|
-
minute: 'numeric',
|
|
20
|
-
second: 'numeric',
|
|
21
|
-
};
|
|
22
|
-
const getFormattedTimestamp = (timestampsFormat && timestampsFormat()) ||
|
|
23
|
-
new Date().toLocaleString(undefined, defaultTimestampFormat);
|
|
24
|
-
return {
|
|
25
|
-
timestampsEnabled,
|
|
26
|
-
getFormattedTimestamp,
|
|
27
|
-
timestampStyle,
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
exports.resolveMessageTimestamps = resolveMessageTimestamps;
|
|
31
|
-
const TimestampContainer = styled_components_1.default.div `
|
|
32
|
-
display: flex;
|
|
33
|
-
position: relative;
|
|
34
|
-
align-items: flex-start;
|
|
35
|
-
`;
|
|
36
|
-
const TimestampText = styled_components_1.default.div `
|
|
37
|
-
@import url('https://fonts.googleapis.com/css?family=Lato');
|
|
38
|
-
font-family: Lato;
|
|
39
|
-
font-size: 10px;
|
|
40
|
-
color: ${constants_1.COLORS.SOLID_BLACK};
|
|
41
|
-
width: 100%;
|
|
42
|
-
text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
|
|
43
|
-
padding: ${props => (props.isSentByUser ? '0px 15px' : '0px 50px')};
|
|
44
|
-
margin-bottom: 5px;
|
|
45
|
-
`;
|
|
46
|
-
const MessageTimestamp = ({ timestamp, style, isSentByUser }) => {
|
|
47
|
-
const classSufix = isSentByUser ? 'user' : 'bot';
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)(TimestampContainer, Object.assign({ className: `botonic-timestamp-${classSufix}` }, { children: (0, jsx_runtime_1.jsx)(TimestampText, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, style) }, { children: timestamp })) })));
|
|
49
|
-
};
|
|
50
|
-
exports.MessageTimestamp = MessageTimestamp;
|
|
51
|
-
//# sourceMappingURL=timestamps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/timestamps.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAAqC;AAE9B,MAAM,wBAAwB,GAAG,CACtC,UAAU,EACV,uBAAuB,EACvB,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAA;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,OAAO,CAC/B,uBAAuB,KAAK,SAAS;QACnC,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CACR,2BAA2B,EAC3B,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IACD,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IACD,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,gBAAgB,EAAE,CAAC;QACxC,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAC9D,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,wBAAwB,4BA6BpC;AAED,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA;AAED,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIrB,kBAAM,CAAC,WAAW;;gBAEb,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;aACnD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;CAEnE,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAChD,OAAO,CACL,uBAAC,kBAAkB,kBAAC,SAAS,EAAE,qBAAqB,UAAU,EAAE,gBAC9D,uBAAC,aAAa,kBACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,oBACA,KAAK,iBAGT,SAAS,IACI,IACG,CACtB,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,gBAAgB,oBAc5B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"message.js","sourceRoot":"src/","sources":["components/message.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { COLORS } from '../constants';
|
|
5
|
-
export const resolveMessageTimestamps = (getThemeFn, messageTimestampEnabled) => {
|
|
6
|
-
const timestampsFormat = getThemeFn('message.timestamps.format');
|
|
7
|
-
const timestampStyle = getThemeFn('message.timestamps.style');
|
|
8
|
-
const timestampsEnabled = Boolean(messageTimestampEnabled !== undefined
|
|
9
|
-
? messageTimestampEnabled
|
|
10
|
-
: getThemeFn('message.timestamps.enable', Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
|
|
11
|
-
const defaultTimestampFormat = {
|
|
12
|
-
month: 'short',
|
|
13
|
-
day: 'numeric',
|
|
14
|
-
hour: 'numeric',
|
|
15
|
-
minute: 'numeric',
|
|
16
|
-
second: 'numeric',
|
|
17
|
-
};
|
|
18
|
-
const getFormattedTimestamp = (timestampsFormat && timestampsFormat()) ||
|
|
19
|
-
new Date().toLocaleString(undefined, defaultTimestampFormat);
|
|
20
|
-
return {
|
|
21
|
-
timestampsEnabled,
|
|
22
|
-
getFormattedTimestamp,
|
|
23
|
-
timestampStyle,
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
const TimestampContainer = styled.div `
|
|
27
|
-
display: flex;
|
|
28
|
-
position: relative;
|
|
29
|
-
align-items: flex-start;
|
|
30
|
-
`;
|
|
31
|
-
const TimestampText = styled.div `
|
|
32
|
-
@import url('https://fonts.googleapis.com/css?family=Lato');
|
|
33
|
-
font-family: Lato;
|
|
34
|
-
font-size: 10px;
|
|
35
|
-
color: ${COLORS.SOLID_BLACK};
|
|
36
|
-
width: 100%;
|
|
37
|
-
text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
|
|
38
|
-
padding: ${props => (props.isSentByUser ? '0px 15px' : '0px 50px')};
|
|
39
|
-
margin-bottom: 5px;
|
|
40
|
-
`;
|
|
41
|
-
export const MessageTimestamp = ({ timestamp, style, isSentByUser }) => {
|
|
42
|
-
const classSufix = isSentByUser ? 'user' : 'bot';
|
|
43
|
-
return (_jsx(TimestampContainer, Object.assign({ className: `botonic-timestamp-${classSufix}` }, { children: _jsx(TimestampText, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, style) }, { children: timestamp })) })));
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=timestamps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/timestamps.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,UAAU,EACV,uBAAuB,EACvB,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAA;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,OAAO,CAC/B,uBAAuB,KAAK,SAAS;QACnC,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CACR,2BAA2B,EAC3B,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IACD,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IACD,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,gBAAgB,EAAE,CAAC;QACxC,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAC9D,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIrB,MAAM,CAAC,WAAW;;gBAEb,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;aACnD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;CAEnE,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAChD,OAAO,CACL,KAAC,kBAAkB,kBAAC,SAAS,EAAE,qBAAqB,UAAU,EAAE,gBAC9D,KAAC,aAAa,kBACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,oBACA,KAAK,iBAGT,SAAS,IACI,IACG,CACtB,CAAA;AACH,CAAC,CAAA"}
|