@botonic/react 0.30.0-alpha.1 → 0.30.0
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/carousel.js +6 -3
- package/lib/cjs/components/carousel.js.map +1 -1
- package/lib/cjs/constants.d.ts +0 -6
- package/lib/cjs/constants.js +0 -6
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/contexts.d.ts +1 -1
- package/lib/cjs/contexts.js +9 -3
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/index-types.d.ts +7 -1
- package/lib/cjs/index-types.js +0 -5
- package/lib/cjs/index-types.js.map +1 -1
- package/lib/cjs/node-app.d.ts +0 -5
- package/lib/cjs/node-app.js +0 -5
- package/lib/cjs/node-app.js.map +1 -1
- package/lib/cjs/util/dom.d.ts +0 -10
- package/lib/cjs/util/dom.js +3 -29
- package/lib/cjs/util/dom.js.map +1 -1
- package/lib/cjs/webchat/actions.d.ts +0 -1
- package/lib/cjs/webchat/actions.js +0 -1
- package/lib/cjs/webchat/actions.js.map +1 -1
- package/lib/cjs/webchat/constants.d.ts +8 -0
- package/lib/cjs/webchat/constants.js +13 -0
- package/lib/cjs/webchat/constants.js.map +1 -0
- package/lib/cjs/webchat/header.d.ts +2 -2
- package/lib/cjs/webchat/header.js +14 -13
- package/lib/cjs/webchat/header.js.map +1 -1
- package/lib/cjs/webchat/hooks/index.d.ts +6 -0
- package/lib/cjs/webchat/hooks/index.js +13 -1
- package/lib/cjs/webchat/hooks/index.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-device-adapter.d.ts +3 -0
- package/lib/cjs/webchat/hooks/use-device-adapter.js +46 -0
- package/lib/cjs/webchat/hooks/use-device-adapter.js.map +1 -0
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.d.ts +7 -0
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js +26 -0
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js.map +1 -0
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.d.ts +6 -0
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js +140 -0
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js.map +1 -0
- package/lib/cjs/webchat/hooks/use-virtual-keyboard-detection.d.ts +3 -0
- package/lib/cjs/webchat/hooks/use-virtual-keyboard-detection.js +28 -0
- package/lib/cjs/webchat/hooks/use-virtual-keyboard-detection.js.map +1 -0
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.d.ts +4 -0
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js +39 -0
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js.map +1 -0
- package/lib/cjs/webchat/hooks/use-webchat-resizer.d.ts +4 -0
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js +34 -0
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map +1 -0
- package/lib/cjs/webchat/hooks/use-webchat.d.ts +6 -1
- package/lib/cjs/webchat/hooks/use-webchat.js +12 -8
- package/lib/cjs/webchat/hooks/use-webchat.js.map +1 -1
- package/lib/cjs/webchat/index-types.d.ts +0 -1
- package/lib/cjs/webchat/message-list/index.js +4 -9
- package/lib/cjs/webchat/message-list/index.js.map +1 -1
- package/lib/cjs/webchat/message-list/scroll-button.js.map +1 -1
- package/lib/cjs/webchat/message-list/styles.d.ts +1 -0
- package/lib/cjs/webchat/message-list/styles.js +10 -1
- package/lib/cjs/webchat/message-list/styles.js.map +1 -1
- package/lib/cjs/webchat/replies.js +8 -4
- package/lib/cjs/webchat/replies.js.map +1 -1
- package/lib/cjs/webchat/typing-indicator/index.d.ts +1 -0
- package/lib/cjs/webchat/typing-indicator/index.js +9 -0
- package/lib/cjs/webchat/typing-indicator/index.js.map +1 -0
- package/lib/cjs/webchat/typing-indicator/styles.d.ts +6 -0
- package/lib/cjs/webchat/typing-indicator/styles.js +47 -0
- package/lib/cjs/webchat/typing-indicator/styles.js.map +1 -0
- package/lib/cjs/webchat/webchat-chat-area/index.d.ts +1 -0
- package/lib/cjs/webchat/webchat-chat-area/index.js +22 -0
- package/lib/cjs/webchat/webchat-chat-area/index.js.map +1 -0
- package/lib/cjs/webchat/webchat-chat-area/styles.d.ts +3 -0
- package/lib/cjs/webchat/webchat-chat-area/styles.js +13 -0
- package/lib/cjs/webchat/webchat-chat-area/styles.js.map +1 -0
- package/lib/cjs/webchat/webchat-input-panel/index.d.ts +2 -3
- package/lib/cjs/webchat/webchat-input-panel/index.js +4 -3
- package/lib/cjs/webchat/webchat-input-panel/index.js.map +1 -1
- package/lib/cjs/webchat/webchat-input-panel/textarea.d.ts +2 -3
- package/lib/cjs/webchat/webchat-input-panel/textarea.js +5 -7
- package/lib/cjs/webchat/webchat-input-panel/textarea.js.map +1 -1
- package/lib/cjs/webchat/webchat-reducer.js +0 -2
- package/lib/cjs/webchat/webchat-reducer.js.map +1 -1
- package/lib/cjs/webchat/webchat.js +18 -18
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/cjs/webchat/webview.js +13 -22
- package/lib/cjs/webchat/webview.js.map +1 -1
- package/lib/cjs/webchat-app.d.ts +1 -1
- package/lib/cjs/webchat-app.js +3 -1
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/cjs/webview-app.js +11 -11
- package/lib/cjs/webview-app.js.map +1 -1
- package/lib/esm/components/carousel.js +6 -3
- package/lib/esm/components/carousel.js.map +1 -1
- package/lib/esm/constants.d.ts +0 -6
- package/lib/esm/constants.js +0 -6
- package/lib/esm/constants.js.map +1 -1
- package/lib/esm/contexts.d.ts +1 -1
- package/lib/esm/contexts.js +9 -3
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/index-types.d.ts +7 -1
- package/lib/esm/index-types.js +0 -5
- package/lib/esm/index-types.js.map +1 -1
- package/lib/esm/node-app.d.ts +0 -5
- package/lib/esm/node-app.js +0 -5
- package/lib/esm/node-app.js.map +1 -1
- package/lib/esm/util/dom.d.ts +0 -10
- package/lib/esm/util/dom.js +2 -25
- package/lib/esm/util/dom.js.map +1 -1
- package/lib/esm/webchat/actions.d.ts +0 -1
- package/lib/esm/webchat/actions.js +0 -1
- package/lib/esm/webchat/actions.js.map +1 -1
- package/lib/esm/webchat/constants.d.ts +8 -0
- package/lib/esm/webchat/constants.js +10 -0
- package/lib/esm/webchat/constants.js.map +1 -0
- package/lib/esm/webchat/header.d.ts +2 -2
- package/lib/esm/webchat/header.js +14 -12
- package/lib/esm/webchat/header.js.map +1 -1
- package/lib/esm/webchat/hooks/index.d.ts +6 -0
- package/lib/esm/webchat/hooks/index.js +6 -0
- package/lib/esm/webchat/hooks/index.js.map +1 -1
- package/lib/esm/webchat/hooks/use-device-adapter.d.ts +3 -0
- package/lib/esm/webchat/hooks/use-device-adapter.js +42 -0
- package/lib/esm/webchat/hooks/use-device-adapter.js.map +1 -0
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +7 -0
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.js +22 -0
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +1 -0
- package/lib/esm/webchat/hooks/use-scrollbar-controller.d.ts +6 -0
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js +136 -0
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +1 -0
- package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.d.ts +3 -0
- package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js +24 -0
- package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js.map +1 -0
- package/lib/esm/webchat/hooks/use-webchat-dimensions.d.ts +4 -0
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js +35 -0
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +1 -0
- package/lib/esm/webchat/hooks/use-webchat-resizer.d.ts +4 -0
- package/lib/esm/webchat/hooks/use-webchat-resizer.js +30 -0
- package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +1 -0
- package/lib/esm/webchat/hooks/use-webchat.d.ts +6 -1
- package/lib/esm/webchat/hooks/use-webchat.js +13 -9
- package/lib/esm/webchat/hooks/use-webchat.js.map +1 -1
- package/lib/esm/webchat/index-types.d.ts +0 -1
- package/lib/esm/webchat/message-list/index.js +6 -11
- package/lib/esm/webchat/message-list/index.js.map +1 -1
- package/lib/esm/webchat/message-list/scroll-button.js.map +1 -1
- package/lib/esm/webchat/message-list/styles.d.ts +1 -0
- package/lib/esm/webchat/message-list/styles.js +9 -0
- package/lib/esm/webchat/message-list/styles.js.map +1 -1
- package/lib/esm/webchat/replies.js +8 -4
- package/lib/esm/webchat/replies.js.map +1 -1
- package/lib/esm/webchat/typing-indicator/index.d.ts +1 -0
- package/lib/esm/webchat/typing-indicator/index.js +5 -0
- package/lib/esm/webchat/typing-indicator/index.js.map +1 -0
- package/lib/esm/webchat/typing-indicator/styles.d.ts +6 -0
- package/lib/esm/webchat/typing-indicator/styles.js +43 -0
- package/lib/esm/webchat/typing-indicator/styles.js.map +1 -0
- package/lib/esm/webchat/webchat-chat-area/index.d.ts +1 -0
- package/lib/esm/webchat/webchat-chat-area/index.js +18 -0
- package/lib/esm/webchat/webchat-chat-area/index.js.map +1 -0
- package/lib/esm/webchat/webchat-chat-area/styles.d.ts +3 -0
- package/lib/esm/webchat/webchat-chat-area/styles.js +9 -0
- package/lib/esm/webchat/webchat-chat-area/styles.js.map +1 -0
- package/lib/esm/webchat/webchat-input-panel/index.d.ts +2 -3
- package/lib/esm/webchat/webchat-input-panel/index.js +4 -3
- package/lib/esm/webchat/webchat-input-panel/index.js.map +1 -1
- package/lib/esm/webchat/webchat-input-panel/textarea.d.ts +2 -3
- package/lib/esm/webchat/webchat-input-panel/textarea.js +5 -7
- package/lib/esm/webchat/webchat-input-panel/textarea.js.map +1 -1
- package/lib/esm/webchat/webchat-reducer.js +0 -2
- package/lib/esm/webchat/webchat-reducer.js.map +1 -1
- package/lib/esm/webchat/webchat.js +19 -19
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/lib/esm/webchat/webview.js +14 -22
- package/lib/esm/webchat/webview.js.map +1 -1
- package/lib/esm/webchat-app.d.ts +1 -1
- package/lib/esm/webchat-app.js +3 -1
- package/lib/esm/webchat-app.js.map +1 -1
- package/lib/esm/webview-app.js +11 -11
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +3 -6
- package/src/components/carousel.jsx +8 -10
- package/src/constants.js +0 -6
- package/src/contexts.tsx +9 -3
- package/src/index-types.ts +7 -52
- package/src/node-app.jsx +0 -6
- package/src/util/dom.js +2 -35
- package/src/webchat/actions.ts +0 -1
- package/src/webchat/constants.ts +9 -0
- package/src/webchat/header.jsx +31 -20
- package/src/webchat/hooks/index.ts +6 -0
- package/src/webchat/hooks/use-device-adapter.ts +50 -0
- package/src/webchat/hooks/use-scroll-to-bottom.ts +29 -0
- package/src/webchat/hooks/use-scrollbar-controller.ts +159 -0
- package/src/webchat/hooks/use-virtual-keyboard-detection.ts +27 -0
- package/src/webchat/hooks/use-webchat-dimensions.ts +50 -0
- package/src/webchat/hooks/use-webchat-resizer.ts +43 -0
- package/src/webchat/hooks/use-webchat.ts +14 -10
- package/src/webchat/index-types.ts +0 -1
- package/src/webchat/message-list/index.tsx +9 -19
- package/src/webchat/message-list/scroll-button.tsx +1 -3
- package/src/webchat/message-list/styles.ts +10 -0
- package/src/webchat/replies.jsx +13 -11
- package/src/webchat/typing-indicator/index.tsx +16 -0
- package/src/webchat/typing-indicator/styles.ts +50 -0
- package/src/webchat/webchat-chat-area/index.tsx +35 -0
- package/src/webchat/webchat-chat-area/styles.ts +9 -0
- package/src/webchat/webchat-input-panel/index.tsx +7 -4
- package/src/webchat/webchat-input-panel/textarea.tsx +7 -11
- package/src/webchat/webchat-reducer.ts +0 -2
- package/src/webchat/webchat.jsx +27 -20
- package/src/webchat/webview.jsx +14 -23
- package/src/webchat-app.jsx +2 -2
- package/src/webview-app.tsx +16 -11
- package/lib/cjs/webchat/components/styled-scrollbar.d.ts +0 -2
- package/lib/cjs/webchat/components/styled-scrollbar.js +0 -54
- package/lib/cjs/webchat/components/styled-scrollbar.js.map +0 -1
- package/lib/cjs/webchat/components/styled-scrollbar.scss +0 -12
- package/lib/cjs/webchat/components/typing-indicator.d.ts +0 -1
- package/lib/cjs/webchat/components/typing-indicator.js +0 -11
- package/lib/cjs/webchat/components/typing-indicator.js.map +0 -1
- package/lib/cjs/webchat/components/typing-indicator.scss +0 -38
- package/lib/cjs/webchat/devices/device-adapter.d.ts +0 -12
- package/lib/cjs/webchat/devices/device-adapter.js +0 -44
- package/lib/cjs/webchat/devices/device-adapter.js.map +0 -1
- package/lib/cjs/webchat/devices/scrollbar-controller.d.ts +0 -12
- package/lib/cjs/webchat/devices/scrollbar-controller.js +0 -103
- package/lib/cjs/webchat/devices/scrollbar-controller.js.map +0 -1
- package/lib/cjs/webchat/devices/webchat-resizer.d.ts +0 -9
- package/lib/cjs/webchat/devices/webchat-resizer.js +0 -47
- package/lib/cjs/webchat/devices/webchat-resizer.js.map +0 -1
- package/lib/esm/webchat/components/styled-scrollbar.d.ts +0 -2
- package/lib/esm/webchat/components/styled-scrollbar.js +0 -50
- package/lib/esm/webchat/components/styled-scrollbar.js.map +0 -1
- package/lib/esm/webchat/components/styled-scrollbar.scss +0 -12
- package/lib/esm/webchat/components/typing-indicator.d.ts +0 -1
- package/lib/esm/webchat/components/typing-indicator.js +0 -6
- package/lib/esm/webchat/components/typing-indicator.js.map +0 -1
- package/lib/esm/webchat/components/typing-indicator.scss +0 -38
- package/lib/esm/webchat/devices/device-adapter.d.ts +0 -12
- package/lib/esm/webchat/devices/device-adapter.js +0 -40
- package/lib/esm/webchat/devices/device-adapter.js.map +0 -1
- package/lib/esm/webchat/devices/scrollbar-controller.d.ts +0 -12
- package/lib/esm/webchat/devices/scrollbar-controller.js +0 -99
- package/lib/esm/webchat/devices/scrollbar-controller.js.map +0 -1
- package/lib/esm/webchat/devices/webchat-resizer.d.ts +0 -9
- package/lib/esm/webchat/devices/webchat-resizer.js +0 -43
- package/lib/esm/webchat/devices/webchat-resizer.js.map +0 -1
- package/src/webchat/components/styled-scrollbar.jsx +0 -60
- package/src/webchat/components/styled-scrollbar.scss +0 -12
- package/src/webchat/components/typing-indicator.jsx +0 -17
- package/src/webchat/components/typing-indicator.scss +0 -38
- package/src/webchat/devices/device-adapter.js +0 -43
- package/src/webchat/devices/scrollbar-controller.js +0 -107
- package/src/webchat/devices/webchat-resizer.js +0 -45
package/lib/cjs/webview-app.js
CHANGED
|
@@ -15,32 +15,32 @@ class App extends react_1.default.Component {
|
|
|
15
15
|
super(props);
|
|
16
16
|
const url = new URL(window.location.href);
|
|
17
17
|
const params = Array.from(url.searchParams.entries())
|
|
18
|
-
.filter(([key, value]) => key
|
|
18
|
+
.filter(([key, value]) => key !== 'context')
|
|
19
19
|
.reduce((o, [key, value]) => {
|
|
20
20
|
o[key] = value;
|
|
21
21
|
return o;
|
|
22
22
|
}, {});
|
|
23
|
-
const
|
|
23
|
+
const urlContext = url.searchParams.get('context');
|
|
24
|
+
const session = JSON.parse(urlContext || '{}');
|
|
24
25
|
this.state = { session, params };
|
|
25
26
|
}
|
|
26
27
|
close(options) {
|
|
27
28
|
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
28
29
|
let payload = options ? options.payload : null;
|
|
29
|
-
if (options === null || options === void 0 ? void 0 : options.path)
|
|
30
|
+
if (options === null || options === void 0 ? void 0 : options.path) {
|
|
30
31
|
payload = `__PATH_PAYLOAD__${options.path}`;
|
|
32
|
+
}
|
|
31
33
|
if (payload) {
|
|
32
34
|
if (options === null || options === void 0 ? void 0 : options.params) {
|
|
33
35
|
payload = `${payload}?${(0, core_1.params2queryString)(options.params)}`;
|
|
34
36
|
}
|
|
35
|
-
const
|
|
37
|
+
const session = this.state.session;
|
|
36
38
|
try {
|
|
37
|
-
const baseUrl =
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
data: { payload: payload, chat_id: s.user.id },
|
|
43
|
-
});
|
|
39
|
+
const baseUrl = session._hubtype_api || 'https://api.hubtype.com';
|
|
40
|
+
const url = `${baseUrl}/v1/bots/${session.bot.id}/send_postback/`;
|
|
41
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
42
|
+
const data = { payload: payload, chat_id: session.user.id };
|
|
43
|
+
yield axios_1.default.post(url, data);
|
|
44
44
|
}
|
|
45
45
|
catch (e) {
|
|
46
46
|
console.log(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webview-app.js","sourceRoot":"","sources":["../../src/webview-app.tsx"],"names":[],"mappings":";;;;;AAAA,cAAc;AACd,wCAAuE;AACvE,0DAAyB;AACzB,0DAAyB;AACzB,yCAAkC;AAClC,uDAAuD;AAEvD,yCAAuE;AAEvE,MAAM,GAAI,SAAQ,eAAK,CAAC,SAAS;IAC/B,YAAY,KAAK;QACf,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACzC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;aAClD,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"webview-app.js","sourceRoot":"","sources":["../../src/webview-app.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,12 @@ import RightArrow from '../assets/rightArrow.svg';
|
|
|
7
7
|
import { COLORS, WEBCHAT } from '../constants';
|
|
8
8
|
import { WebchatContext } from '../contexts';
|
|
9
9
|
import { resolveImage } from '../util/environment';
|
|
10
|
-
import { StyledScrollbar } from '../webchat/components/styled-scrollbar';
|
|
11
10
|
import { ButtonsDisabler } from './buttons-disabler';
|
|
12
11
|
import { Message } from './message';
|
|
12
|
+
const ScrollableCarousel = styled.div `
|
|
13
|
+
overscroll-behavior: contain;
|
|
14
|
+
-webkit-overflow-scrolling: touch;
|
|
15
|
+
`;
|
|
13
16
|
const StyledCarousel = styled.div `
|
|
14
17
|
padding: 10px 0px;
|
|
15
18
|
display: flex;
|
|
@@ -56,12 +59,12 @@ const serialize = carouselProps => {
|
|
|
56
59
|
export const Carousel = props => {
|
|
57
60
|
const { getThemeProperty } = useContext(WebchatContext);
|
|
58
61
|
let content = props.children;
|
|
59
|
-
const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
|
|
60
62
|
const [hasLeftArrow, setLeftArrow] = useState(false);
|
|
61
63
|
const [hasRightArrow, setRightArrow] = useState(true);
|
|
62
64
|
const carouselRef = useRef(null);
|
|
63
65
|
const CustomCarouselLeftArrow = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customCarouselLeftArrow, undefined);
|
|
64
66
|
const CustomCarouselRightArrow = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customCarouselRightArrow, undefined);
|
|
67
|
+
// TODO: Investigate why when set to false, scroll is enabled via dragging the bar but not hovering the carousel elements
|
|
65
68
|
const carouselArrowsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableCarouselArrows, true);
|
|
66
69
|
const scrollCarouselBy = value => {
|
|
67
70
|
carouselRef.current.scrollBy({
|
|
@@ -94,7 +97,7 @@ export const Carousel = props => {
|
|
|
94
97
|
}, [carouselRef.current]);
|
|
95
98
|
const carouselProps = Object.assign(Object.assign({}, props), { children: ButtonsDisabler.updateChildrenButtons(props.children) });
|
|
96
99
|
if (isBrowser()) {
|
|
97
|
-
content = (_jsx(
|
|
100
|
+
content = (_jsx(ScrollableCarousel, { children: _jsxs(StyledCarousel, Object.assign({ ref: carouselRef, carouselArrowsEnabled: carouselArrowsEnabled }, { children: [_jsx(StyledItems, { children: carouselProps.children }), carouselArrowsEnabled && getArrows()] })) }));
|
|
98
101
|
}
|
|
99
102
|
return (_jsx(Message, Object.assign({ style: { width: '85%', padding: 0, backgroundColor: COLORS.TRANSPARENT }, blob: false, json: serialize(carouselProps), type: INPUT.CAROUSEL }, carouselProps, { children: content })));
|
|
100
103
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.jsx"],"names":[],"mappings":"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"}
|
package/lib/esm/constants.d.ts
CHANGED
|
@@ -48,15 +48,9 @@ export namespace WEBCHAT {
|
|
|
48
48
|
const pointerEvents: string;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
|
-
namespace SELECTORS {
|
|
52
|
-
const SCROLLABLE_CONTENT: string;
|
|
53
|
-
const SIMPLEBAR_CONTENT: string;
|
|
54
|
-
const SIMPLEBAR_WRAPPER: string;
|
|
55
|
-
}
|
|
56
51
|
namespace CUSTOM_PROPERTIES {
|
|
57
52
|
const enableAnimations: string;
|
|
58
53
|
const markdownStyle: string;
|
|
59
|
-
const scrollbar: string;
|
|
60
54
|
const imagePreviewer: string;
|
|
61
55
|
const mobileBreakpoint: string;
|
|
62
56
|
const mobileStyle: string;
|
package/lib/esm/constants.js
CHANGED
|
@@ -51,16 +51,10 @@ export const WEBCHAT = {
|
|
|
51
51
|
pointerEvents: 'none',
|
|
52
52
|
},
|
|
53
53
|
},
|
|
54
|
-
SELECTORS: {
|
|
55
|
-
SCROLLABLE_CONTENT: '#botonic-scrollable-content',
|
|
56
|
-
SIMPLEBAR_CONTENT: '.simplebar-content',
|
|
57
|
-
SIMPLEBAR_WRAPPER: '.simplebar-content-wrapper',
|
|
58
|
-
},
|
|
59
54
|
CUSTOM_PROPERTIES: {
|
|
60
55
|
// General
|
|
61
56
|
enableAnimations: 'animations.enable',
|
|
62
57
|
markdownStyle: 'markdownStyle',
|
|
63
|
-
scrollbar: 'scrollbar',
|
|
64
58
|
imagePreviewer: 'imagePreviewer',
|
|
65
59
|
// Mobile
|
|
66
60
|
mobileBreakpoint: 'mobileBreakpoint',
|
package/lib/esm/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.js"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,0CAA0C;IAC1C,WAAW,EAAE,sBAAsB;IACnC,qBAAqB,EAAE,qBAAqB;IAC5C,YAAY,EAAE,sBAAsB;IACpC,YAAY,EAAE,sBAAsB;IACpC,cAAc,EAAE,wBAAwB;IACxC,YAAY,EAAE,uBAAuB;IACrC,aAAa,EAAE,oBAAoB;IACnC,SAAS,EAAE,mBAAmB;IAC9B,mBAAmB,EAAE,wBAAwB;IAC7C,IAAI,EAAE,wBAAwB;IAC9B,UAAU,EAAE,wBAAwB;IACpC,QAAQ,EAAE,wBAAwB;IAClC,0BAA0B,EAAE,0BAA0B;IACtD,iBAAiB,EAAE,uBAAuB;IAC1C,aAAa,EAAE,qBAAqB;IACpC,cAAc,EAAE,wBAAwB;IACxC,MAAM,EAAE,wBAAwB;IAChC,qBAAqB,EAAE,oBAAoB;IAC3C,qBAAqB,EAAE,oBAAoB;IAC3C,WAAW,EAAE,kBAAkB;IAC/B,qBAAqB,EAAE,0BAA0B;IACjD,qBAAqB,EAAE,0BAA0B;IACjD,WAAW,EAAE,wBAAwB;IACrC,WAAW,EAAE,wBAAwB;IACrC,WAAW,EAAE,kBAAkB;IAC/B,eAAe,EAAE,wBAAwB;CAC1C,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,qBAAqB;QAClC,WAAW,EAAE,4BAA4B;QACzC,yBAAyB,EAAE,iBAAiB;QAC5C,aAAa,EAAE,GAAG;QAClB,oBAAoB,EAAE,CAAC;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,MAAM;QACf,EAAE,EAAE,iBAAiB;QACrB,mBAAmB,EAAE,KAAK;QAC1B,qBAAqB,EAAE;YACrB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,MAAM;SACtB;KACF;IACD,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.js"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,0CAA0C;IAC1C,WAAW,EAAE,sBAAsB;IACnC,qBAAqB,EAAE,qBAAqB;IAC5C,YAAY,EAAE,sBAAsB;IACpC,YAAY,EAAE,sBAAsB;IACpC,cAAc,EAAE,wBAAwB;IACxC,YAAY,EAAE,uBAAuB;IACrC,aAAa,EAAE,oBAAoB;IACnC,SAAS,EAAE,mBAAmB;IAC9B,mBAAmB,EAAE,wBAAwB;IAC7C,IAAI,EAAE,wBAAwB;IAC9B,UAAU,EAAE,wBAAwB;IACpC,QAAQ,EAAE,wBAAwB;IAClC,0BAA0B,EAAE,0BAA0B;IACtD,iBAAiB,EAAE,uBAAuB;IAC1C,aAAa,EAAE,qBAAqB;IACpC,cAAc,EAAE,wBAAwB;IACxC,MAAM,EAAE,wBAAwB;IAChC,qBAAqB,EAAE,oBAAoB;IAC3C,qBAAqB,EAAE,oBAAoB;IAC3C,WAAW,EAAE,kBAAkB;IAC/B,qBAAqB,EAAE,0BAA0B;IACjD,qBAAqB,EAAE,0BAA0B;IACjD,WAAW,EAAE,wBAAwB;IACrC,WAAW,EAAE,wBAAwB;IACrC,WAAW,EAAE,kBAAkB;IAC/B,eAAe,EAAE,wBAAwB;CAC1C,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,qBAAqB;QAClC,WAAW,EAAE,4BAA4B;QACzC,yBAAyB,EAAE,iBAAiB;QAC5C,aAAa,EAAE,GAAG;QAClB,oBAAoB,EAAE,CAAC;QACvB,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE,MAAM;QACf,EAAE,EAAE,iBAAiB;QACrB,mBAAmB,EAAE,KAAK;QAC1B,qBAAqB,EAAE;YACrB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,MAAM;SACtB;KACF;IACD,iBAAiB,EAAE;QACjB,UAAU;QACV,gBAAgB,EAAE,mBAAmB;QACrC,aAAa,EAAE,eAAe;QAC9B,cAAc,EAAE,gBAAgB;QAChC,SAAS;QACT,gBAAgB,EAAE,kBAAkB;QACpC,WAAW,EAAE,aAAa;QAC1B,WAAW;QACX,kBAAkB,EAAE,sBAAsB;QAC1C,YAAY,EAAE,eAAe;QAC7B,QAAQ;QACR,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,aAAa;QACzB,SAAS;QACT,YAAY,EAAE,eAAe;QAC7B,WAAW,EAAE,cAAc;QAC3B,WAAW,EAAE,cAAc;QAC3B,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,cAAc;QAC3B,cAAc;QACd,oBAAoB,EAAE,8BAA8B;QACpD,kBAAkB,EAAE,sBAAsB;QAC1C,uBAAuB,EAAE,2BAA2B;QACpD,mBAAmB,EAAE,uBAAuB;QAC5C,qBAAqB,EAAE,+BAA+B;QACtD,eAAe,EAAE,mBAAmB;QACpC,oBAAoB,EAAE,wBAAwB;QAC9C,eAAe,EAAE,mBAAmB;QACpC,gBAAgB;QAChB,iBAAiB,EAAE,qBAAqB;QACxC,eAAe;QACf,kBAAkB,EAAE,qBAAqB;QACzC,YAAY,EAAE,eAAe;QAC7B,qBAAqB,EAAE,+BAA+B;QACtD,mBAAmB,EAAE,uBAAuB;QAC5C,wBAAwB,EAAE,4BAA4B;QACtD,sBAAsB,EAAE,gCAAgC;QACxD,gBAAgB,EAAE,oBAAoB;QACtC,aAAa;QACb,uBAAuB,EAAE,2BAA2B;QACpD,uBAAuB,EAAE,2BAA2B;QACpD,sBAAsB,EAAE,0BAA0B;QAClD,0BAA0B,EAAE,8BAA8B;QAC1D,QAAQ;QACR,WAAW,EAAE,cAAc;QAC3B,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,aAAa;QACzB,UAAU;QACV,qBAAqB,EAAE,wBAAwB;QAC/C,oBAAoB,EAAE,uBAAuB;QAC7C,iBAAiB,EAAE,oBAAoB;QACvC,WAAW,EAAE,cAAc;QAC3B,mBAAmB,EAAE,sBAAsB;QAC3C,iBAAiB,EAAE,oBAAoB;QACvC,qBAAqB,EAAE,yBAAyB;QAChD,gBAAgB,EAAE,oBAAoB;QACtC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,sBAAsB;QACpC,cAAc,EAAE,uBAAuB;QACvC,UAAU;QACV,YAAY,EAAE,eAAe;QAC7B,WAAW,EAAE,cAAc;QAC3B,UAAU,EAAE,aAAa;QACzB,WAAW,EAAE,cAAc;QAC3B,gBAAgB;QAChB,aAAa,EAAE,sBAAsB;QACrC,kBAAkB,EAAE,qBAAqB;QACzC,kBAAkB,EAAE,qBAAqB;QACzC,gBAAgB;QAChB,oBAAoB,EAAE,sBAAsB;QAC5C,0BAA0B,EAAE,6BAA6B;QACzD,yBAAyB,EAAE,6BAA6B;QACxD,uBAAuB,EAAE,2BAA2B;QACpD,iCAAiC,EAAE,oCAAoC;QACvE,gBAAgB;QAChB,mBAAmB,EAAE,qBAAqB;QAC1C,kBAAkB,EAAE,qBAAqB;QACzC,aAAa;QACb,WAAW,EAAE,uBAAuB;QACpC,gBAAgB,EAAE,kBAAkB;QACpC,gBAAgB,EAAE,6BAA6B;QAC/C,oBAAoB,EAAE,uBAAuB;QAC7C,iBAAiB,EAAE,8BAA8B;QACjD,iBAAiB,EAAE,8BAA8B;QACjD,gBAAgB,EAAE,6BAA6B;QAC/C,kBAAkB,EAAE,+BAA+B;QACnD,iBAAiB,EAAE,8BAA8B;QACjD,iBAAiB,EAAE,8BAA8B;QACjD,gBAAgB,EAAE,6BAA6B;QAC/C,eAAe,EAAE,kBAAkB;QACnC,cAAc,EAAE,0BAA0B;QAC1C,eAAe,EAAE,2BAA2B;QAC5C,iBAAiB,EAAE,qBAAqB;QACxC,cAAc,EAAE,iBAAiB;QACjC,kBAAkB;QAClB,cAAc,EAAE,0BAA0B;QAC1C,mBAAmB,EAAE,sBAAsB;QAC3C,WAAW;QACX,uBAAuB,EAAE,qBAAqB;QAC9C,wBAAwB,EAAE,sBAAsB;QAChD,oBAAoB,EAAE,uBAAuB;KAC9C;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;IAClC,QAAQ,EAAE,CAAC,iBAAiB,CAAC;IAC7B,KAAK,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;IAClC,KAAK,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC;CACxC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,eAAe,EAAE,iBAAiB;IAClC,iBAAiB,EAAE,mBAAmB;IACtC,YAAY,EAAE,cAAc;IAC5B,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,cAAc;IAC5B,oBAAoB,EAAE,sBAAsB;IAC5C,eAAe,EAAE,iBAAiB;IAClC,gBAAgB,EAAE,kBAAkB;IACpC,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,gBAAgB;IAChC,gBAAgB,EAAE,kBAAkB;IACpC,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,gBAAgB;IAChC,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,eAAe;IAC9B,gBAAgB,EAAE,kBAAkB;IACpC,WAAW,EAAE,aAAa;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAA"}
|
package/lib/esm/contexts.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export interface CloseWebviewOptions {
|
|
|
11
11
|
params?: Record<string, any>;
|
|
12
12
|
}
|
|
13
13
|
export declare const WebviewRequestContext: import("react").Context<{
|
|
14
|
-
closeWebview: (options?: CloseWebviewOptions) =>
|
|
14
|
+
closeWebview: (options?: CloseWebviewOptions) => Promise<void>;
|
|
15
15
|
getString: (stringId: string) => string;
|
|
16
16
|
params: Record<string, any>;
|
|
17
17
|
session: CoreSession;
|
package/lib/esm/contexts.js
CHANGED
|
@@ -11,7 +11,7 @@ export const RequestContext = createContext({
|
|
|
11
11
|
defaultTyping: 0,
|
|
12
12
|
});
|
|
13
13
|
export const WebviewRequestContext = createContext({
|
|
14
|
-
closeWebview: () => undefined,
|
|
14
|
+
closeWebview: () => __awaiter(void 0, void 0, void 0, function* () { return undefined; }),
|
|
15
15
|
getString: () => '',
|
|
16
16
|
params: {},
|
|
17
17
|
session: {},
|
|
@@ -20,9 +20,9 @@ export const WebchatContext = createContext({
|
|
|
20
20
|
addMessage: () => {
|
|
21
21
|
return;
|
|
22
22
|
},
|
|
23
|
-
closeWebview: () => {
|
|
23
|
+
closeWebview: () => __awaiter(void 0, void 0, void 0, function* () {
|
|
24
24
|
return;
|
|
25
|
-
},
|
|
25
|
+
}),
|
|
26
26
|
getThemeProperty: () => {
|
|
27
27
|
return;
|
|
28
28
|
},
|
|
@@ -79,5 +79,11 @@ export const WebchatContext = createContext({
|
|
|
79
79
|
trackEvent: () => __awaiter(void 0, void 0, void 0, function* () {
|
|
80
80
|
return;
|
|
81
81
|
}),
|
|
82
|
+
webchatRef: { current: null },
|
|
83
|
+
chatAreaRef: { current: null },
|
|
84
|
+
inputPanelRef: { current: null },
|
|
85
|
+
headerRef: { current: null },
|
|
86
|
+
scrollableMessagesListRef: { current: null },
|
|
87
|
+
repliesRef: { current: null },
|
|
82
88
|
});
|
|
83
89
|
//# sourceMappingURL=contexts.js.map
|
package/lib/esm/contexts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contexts.js","sourceRoot":"","sources":["../../src/contexts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAKzC;IACA,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;IAC1B,OAAO,EAAE,EAAiB;IAC1B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAe;IACtB,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;CACjB,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAK/C;IACD,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"contexts.js","sourceRoot":"","sources":["../../src/contexts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAKzC;IACA,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;IAC1B,OAAO,EAAE,EAAiB;IAC1B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAe;IACtB,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;CACjB,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAK/C;IACD,YAAY,EAAE,GAAS,EAAE,kDAAC,OAAA,SAAS,CAAA,GAAA;IACnC,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,MAAM,EAAE,EAAyB;IACjC,OAAO,EAAE,EAAiB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,YAAY,EAAE,GAAS,EAAE;QACvB,OAAM;IACR,CAAC,CAAA;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,GAAS,EAAE;QACzB,OAAM;IACR,CAAC,CAAA;IACD,SAAS,EAAE,GAAS,EAAE;QACpB,OAAM;IACR,CAAC,CAAA;IACD,WAAW,EAAE,GAAS,EAAE;QACtB,OAAM;IACR,CAAC,CAAA;IACD,QAAQ,EAAE,GAAS,EAAE;QACnB,OAAM;IACR,CAAC,CAAA;IACD,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,mBAAmB;IACjC,UAAU,EAAE,GAAS,EAAE;QACrB,OAAM;IACR,CAAC,CAAA;IACD,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC7B,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}
|
package/lib/esm/index-types.d.ts
CHANGED
|
@@ -116,7 +116,7 @@ export interface Event {
|
|
|
116
116
|
}
|
|
117
117
|
export interface WebchatContextProps {
|
|
118
118
|
addMessage: (message: WebchatMessage) => void;
|
|
119
|
-
closeWebview: () => void
|
|
119
|
+
closeWebview: () => Promise<void>;
|
|
120
120
|
getThemeProperty: (property: string, defaultValue?: any) => any;
|
|
121
121
|
openWebview: (webviewComponent: Webview) => void;
|
|
122
122
|
resetUnreadMessages: () => void;
|
|
@@ -137,5 +137,11 @@ export interface WebchatContextProps {
|
|
|
137
137
|
updateWebchatDevSettings: (settings: WebchatSettingsProps) => void;
|
|
138
138
|
webchatState: WebchatState;
|
|
139
139
|
trackEvent: TrackEventFunction;
|
|
140
|
+
webchatRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
141
|
+
chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
142
|
+
inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
143
|
+
headerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
144
|
+
scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
145
|
+
repliesRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
140
146
|
}
|
|
141
147
|
export {};
|
package/lib/esm/index-types.js
CHANGED
|
@@ -9,9 +9,4 @@ export var Typing;
|
|
|
9
9
|
Typing["On"] = "typing_on";
|
|
10
10
|
Typing["Off"] = "typing_off";
|
|
11
11
|
})(Typing || (Typing = {}));
|
|
12
|
-
// export class DevApp extends WebchatApp {
|
|
13
|
-
// constructor(args: WebchatAppArgs)
|
|
14
|
-
// onUserInput(args: OnUserInputArgs): Promise<void>
|
|
15
|
-
// render(dest: HTMLElement, optionsAtRuntime: WebchatAppArgs): void
|
|
16
|
-
// }
|
|
17
12
|
//# sourceMappingURL=index-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":"AA6FA,MAAM,CAAN,IAAY,OAIX;AAJD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;AACjB,CAAC,EAJW,OAAO,KAAP,OAAO,QAIlB;AAED,MAAM,CAAN,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,KAAN,MAAM,QAGjB"}
|
package/lib/esm/node-app.d.ts
CHANGED
|
@@ -3,10 +3,5 @@ export class NodeApp {
|
|
|
3
3
|
bot: ReactBot;
|
|
4
4
|
renderNode(args: any): Promise<string>;
|
|
5
5
|
input(args: any): Promise<import("@botonic/core").BotResponse>;
|
|
6
|
-
getConfig(): {
|
|
7
|
-
id: string;
|
|
8
|
-
name: string;
|
|
9
|
-
config: any;
|
|
10
|
-
}[];
|
|
11
6
|
}
|
|
12
7
|
import { ReactBot } from "./react-bot";
|
package/lib/esm/node-app.js
CHANGED
|
@@ -15,10 +15,5 @@ export class NodeApp {
|
|
|
15
15
|
input(args) {
|
|
16
16
|
return this.bot.input(args);
|
|
17
17
|
}
|
|
18
|
-
getConfig() {
|
|
19
|
-
return Object.entries(this.bot.plugins).map(([_, plugin]) => {
|
|
20
|
-
return { id: plugin.id, name: plugin.name, config: plugin.config };
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
18
|
}
|
|
24
19
|
//# sourceMappingURL=node-app.js.map
|
package/lib/esm/node-app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node-app.js","sourceRoot":"","sources":["../../src/node-app.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,OAAO,OAAO;IAClB,YAAY,OAAO;QACjB,IAAI,CAAC,GAAG,GAAG,IAAI,QAAQ,iBACrB,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IACpC,OAAO,EACV,CAAA;IACJ,CAAC;IAEK,UAAU,CAAC,IAAI;;YACnB,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;iBAC7C,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;iBAC3C,IAAI,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;KAAA;IAED,KAAK,CAAC,IAAI;QACR,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;
|
|
1
|
+
{"version":3,"file":"node-app.js","sourceRoot":"","sources":["../../src/node-app.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,OAAO,OAAO;IAClB,YAAY,OAAO;QACjB,IAAI,CAAC,GAAG,GAAG,IAAI,QAAQ,iBACrB,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IACpC,OAAO,EACV,CAAA;IACJ,CAAC;IAEK,UAAU,CAAC,IAAI;;YACnB,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;iBAC7C,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;iBAC3C,IAAI,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;KAAA;IAED,KAAK,CAAC,IAAI;QACR,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;CACF"}
|
package/lib/esm/util/dom.d.ts
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
export function getScrollableContent(webchatElement: any): any;
|
|
2
|
-
export function getScrollableArea(webchatElement: any): {
|
|
3
|
-
full: any;
|
|
4
|
-
visible: any;
|
|
5
|
-
};
|
|
6
|
-
export function scrollToBottom({ timeout, behavior, host, }?: {
|
|
7
|
-
timeout?: number | undefined;
|
|
8
|
-
behavior?: string | undefined;
|
|
9
|
-
host: any;
|
|
10
|
-
}): void;
|
|
11
1
|
export function getWebchatElement(host: any): any;
|
|
12
2
|
export function onDOMLoaded(callback: any): void;
|
|
13
3
|
export function isShadowDOMSupported(): any;
|
package/lib/esm/util/dom.js
CHANGED
|
@@ -1,28 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export const
|
|
3
|
-
return webchatElement.querySelector(WEBCHAT.SELECTORS.SCROLLABLE_CONTENT);
|
|
4
|
-
};
|
|
5
|
-
export const getScrollableArea = webchatElement => {
|
|
6
|
-
const getArea = area => {
|
|
7
|
-
const botonicScrollableContent = getScrollableContent(webchatElement);
|
|
8
|
-
const scrollableArea = botonicScrollableContent && botonicScrollableContent.querySelector(area);
|
|
9
|
-
return scrollableArea;
|
|
10
|
-
};
|
|
11
|
-
return {
|
|
12
|
-
full: getArea(WEBCHAT.SELECTORS.SIMPLEBAR_CONTENT),
|
|
13
|
-
visible: getArea(WEBCHAT.SELECTORS.SIMPLEBAR_WRAPPER),
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export const scrollToBottom = ({ timeout = 200, behavior = 'smooth', host, } = {}) => {
|
|
17
|
-
const webchatElement = getWebchatElement(host);
|
|
18
|
-
if (!webchatElement)
|
|
19
|
-
return;
|
|
20
|
-
const frame = getScrollableArea(webchatElement).visible;
|
|
21
|
-
if (frame) {
|
|
22
|
-
setTimeout(() => frame.scrollTo({ top: frame.scrollHeight, behavior: behavior }), timeout);
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
export const getWebchatElement = host => host && host.querySelector(`#${WEBCHAT.DEFAULTS.ID}`);
|
|
1
|
+
import { BotonicContainerId } from '../webchat/constants';
|
|
2
|
+
export const getWebchatElement = host => host && host.querySelector(`#${BotonicContainerId.Webchat}`);
|
|
26
3
|
// https://stackoverflow.com/questions/9457891/how-to-detect-if-domcontentloaded-was-fired
|
|
27
4
|
export const onDOMLoaded = callback => {
|
|
28
5
|
if (/complete|interactive|loaded/.test(document.readyState)) {
|
package/lib/esm/util/dom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/util/dom.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/util/dom.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,CACtC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC,CAAA;AAE9D,0FAA0F;AAC1F,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,EAAE;IACpC,IAAI,6BAA6B,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;QAC3D,wEAAwE;QACxE,kEAAkE;QAClE,QAAQ,EAAE,CAAA;KACX;SAAM;QACL,wEAAwE;QACxE,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;KAC/D;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,IAAI;QACF,OAAO,QAAQ,CAAC,IAAI,CAAC,gBAAgB,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAA;KACpE;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,KAAK,CAAA;KACb;AACH,CAAC,CAAA"}
|
|
@@ -14,7 +14,6 @@ export declare enum WebchatAction {
|
|
|
14
14
|
TOGGLE_WEBCHAT = "toggleWebchat",
|
|
15
15
|
UPDATE_DEV_SETTINGS = "updateDevSettings",
|
|
16
16
|
UPDATE_HANDOFF = "updateHandoff",
|
|
17
|
-
UPDATE_JWT = "updateJwt",
|
|
18
17
|
UPDATE_LAST_MESSAGE_DATE = "updateLastMessageDate",
|
|
19
18
|
UPDATE_LAST_ROUTE_PATH = "updateLastRoutePath",
|
|
20
19
|
UPDATE_LATEST_INPUT = "updateLatestInput",
|
|
@@ -15,7 +15,6 @@ export var WebchatAction;
|
|
|
15
15
|
WebchatAction["TOGGLE_WEBCHAT"] = "toggleWebchat";
|
|
16
16
|
WebchatAction["UPDATE_DEV_SETTINGS"] = "updateDevSettings";
|
|
17
17
|
WebchatAction["UPDATE_HANDOFF"] = "updateHandoff";
|
|
18
|
-
WebchatAction["UPDATE_JWT"] = "updateJwt";
|
|
19
18
|
WebchatAction["UPDATE_LAST_MESSAGE_DATE"] = "updateLastMessageDate";
|
|
20
19
|
WebchatAction["UPDATE_LAST_ROUTE_PATH"] = "updateLastRoutePath";
|
|
21
20
|
WebchatAction["UPDATE_LATEST_INPUT"] = "updateLatestInput";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/webchat/actions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/webchat/actions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAyBX;AAzBD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,uEAAsD,CAAA;IACtD,8DAA6C,CAAA;IAC7C,gEAA+C,CAAA;IAC/C,uCAAsB,CAAA;IACtB,mEAAkD,CAAA;IAClD,yCAAwB,CAAA;IACxB,gEAA+C,CAAA;IAC/C,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,mEAAkD,CAAA;IAClD,+DAA8C,CAAA;IAC9C,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;AAClC,CAAC,EAzBW,aAAa,KAAb,aAAa,QAyBxB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// Convert to an enum when all the files using these values are migrated to ts{x}
|
|
2
|
+
export const BotonicContainerId = {
|
|
3
|
+
Webchat: 'botonic-webchat',
|
|
4
|
+
Header: 'botonic-header',
|
|
5
|
+
ChatArea: 'botonic-chat-area',
|
|
6
|
+
ScrollableMessagesList: 'botonic-scrollable-messages-list',
|
|
7
|
+
RepliesContainer: 'botonic-replies-container',
|
|
8
|
+
InputPanel: 'botonic-input-panel',
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/webchat/constants.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,mBAAmB;IAC7B,sBAAsB,EAAE,kCAAkC;IAC1D,gBAAgB,EAAE,2BAA2B;IAC7C,UAAU,EAAE,qBAAqB;CAClC,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export function DefaultHeader(props: any): JSX.Element;
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
|
|
3
|
+
import React from "react";
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useContext } from 'react';
|
|
2
|
+
import React, { forwardRef, useContext } from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { COLORS, ROLES, WEBCHAT } from '../constants';
|
|
5
5
|
import { WebchatContext } from '../contexts';
|
|
6
6
|
import { Scale } from '../shared/styles';
|
|
7
7
|
import { resolveImage } from '../util/environment';
|
|
8
8
|
import { ConditionalWrapper } from '../util/react';
|
|
9
|
+
import { BotonicContainerId } from './constants';
|
|
9
10
|
const Header = styled.div `
|
|
10
11
|
display: flex;
|
|
11
12
|
background: linear-gradient(
|
|
@@ -13,9 +14,9 @@ const Header = styled.div `
|
|
|
13
14
|
${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
|
|
14
15
|
${props => props.color} 100%
|
|
15
16
|
);
|
|
16
|
-
height: 55px;
|
|
17
17
|
border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
|
|
18
18
|
z-index: 2;
|
|
19
|
+
height: inherit;
|
|
19
20
|
`;
|
|
20
21
|
const ImageContainer = styled.div `
|
|
21
22
|
padding: 10px;
|
|
@@ -59,21 +60,22 @@ export const DefaultHeader = props => {
|
|
|
59
60
|
const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
|
|
60
61
|
return (_jsxs(Header, Object.assign({ role: ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx(Image, { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [_jsx(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), _jsx(Subtitle, { children: headerSubtitle })] })), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: _jsx(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
|
|
61
62
|
};
|
|
62
|
-
|
|
63
|
+
const StyledWebchatHeader = styled.div `
|
|
64
|
+
border-radius: 8px 8px 0px 0px;
|
|
65
|
+
box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
|
|
66
|
+
height: 55px;
|
|
67
|
+
flex: none;
|
|
68
|
+
`;
|
|
69
|
+
export const WebchatHeader = forwardRef((props, ref) => {
|
|
63
70
|
const { webchatState, getThemeProperty } = useContext(WebchatContext);
|
|
64
71
|
const handleCloseWebchat = event => {
|
|
65
72
|
props.onCloseClick(event.target.value);
|
|
66
73
|
};
|
|
67
74
|
const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
|
|
68
75
|
if (CustomHeader) {
|
|
69
|
-
return _jsx(CustomHeader, { onCloseClick: handleCloseWebchat });
|
|
76
|
+
return (_jsx("div", Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
|
|
70
77
|
}
|
|
71
|
-
return (_jsx(DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }));
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
border-radius: 8px 8px 0px 0px;
|
|
75
|
-
box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
|
|
76
|
-
height: 36px;
|
|
77
|
-
flex: none;
|
|
78
|
-
`;
|
|
78
|
+
return (_jsx(StyledWebchatHeader, Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }) })));
|
|
79
|
+
});
|
|
80
|
+
WebchatHeader.displayName = 'WebchatHeader';
|
|
79
81
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAInB,MAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,OAAO,CAAC,QAAQ,CAAC,yBAAyB;;;CAG5D,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGvB,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAKb,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIhB,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGnB,MAAM,CAAC,WAAW;;;CAG5B,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IAClC,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CACtB,CACF,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CACvB,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,EAAE,CACH,CAAA;IAED,OAAO,CACL,MAAC,MAAM,kBACL,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,oBAAO,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,kBAElE,WAAW,IAAI,CACd,KAAC,cAAc,cACb,KAAC,KAAK,IAAC,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,GAAI,GAC1B,CAClB,EACD,MAAC,aAAa,kBAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,iBAC7C,KAAC,KAAK,kBAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,gBAAG,WAAW,IAAS,EAChE,KAAC,QAAQ,cAAE,cAAc,GAAY,KACvB,EAChB,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE9C,KAAC,WAAW,kBAAC,OAAO,EAAE,KAAK,CAAC,YAAY,4BAAiB,IACtC,KACd,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEtB,MAAM,CAAC,0BAA0B;;;CAGhD,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrD,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAErE,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC7E,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,4BAAK,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1C,KAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,IAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,KAAC,mBAAmB,kBAAC,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1D,KAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,gBAAgB,CACrB,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,MAAM,CAAC,YAAY,CACpB,EACD,YAAY,EAAE,kBAAkB,GAChC,IACkB,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
export { useComponentVisible } from './use-component-visible';
|
|
2
2
|
export { useComponentWillMount } from './use-component-will-mount';
|
|
3
|
+
export { useDeviceAdapter } from './use-device-adapter';
|
|
3
4
|
export { usePrevious } from './use-previous';
|
|
5
|
+
export { useScrollToBottom } from './use-scroll-to-bottom';
|
|
6
|
+
export { useScrollbarController } from './use-scrollbar-controller';
|
|
4
7
|
export { useTyping } from './use-typing';
|
|
8
|
+
export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
5
9
|
export { useWebchat, webchatInitialState } from './use-webchat';
|
|
10
|
+
export { useWebchatDimensions } from './use-webchat-dimensions';
|
|
11
|
+
export { useWebchatResizer } from './use-webchat-resizer';
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
export { useComponentVisible } from './use-component-visible';
|
|
2
2
|
export { useComponentWillMount } from './use-component-will-mount';
|
|
3
|
+
export { useDeviceAdapter } from './use-device-adapter';
|
|
3
4
|
export { usePrevious } from './use-previous';
|
|
5
|
+
export { useScrollToBottom } from './use-scroll-to-bottom';
|
|
6
|
+
export { useScrollbarController } from './use-scrollbar-controller';
|
|
4
7
|
export { useTyping } from './use-typing';
|
|
8
|
+
export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
5
9
|
export { useWebchat, webchatInitialState } from './use-webchat';
|
|
10
|
+
export { useWebchatDimensions } from './use-webchat-dimensions';
|
|
11
|
+
export { useWebchatResizer } from './use-webchat-resizer';
|
|
6
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
import { DEVICES } from '../devices';
|
|
3
|
+
import { useScrollToBottom } from './use-scroll-to-bottom';
|
|
4
|
+
import { useScrollbarController } from './use-scrollbar-controller';
|
|
5
|
+
import { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
6
|
+
import { useWebchatResizer } from './use-webchat-resizer';
|
|
7
|
+
function getCurrentDevice() {
|
|
8
|
+
// @ts-ignore
|
|
9
|
+
if (navigator.userAgentData)
|
|
10
|
+
return navigator.userAgentData.platform;
|
|
11
|
+
return navigator.platform;
|
|
12
|
+
}
|
|
13
|
+
export const useDeviceAdapter = (host, isWebchatOpen) => {
|
|
14
|
+
const currentDevice = getCurrentDevice();
|
|
15
|
+
const { scrollToBottom } = useScrollToBottom({ host });
|
|
16
|
+
const { isVirtualKeyboardVisible } = useVirtualKeyboardDetection(window.innerHeight);
|
|
17
|
+
const { handleKeyboardShown, handleKeyboardHidden } = useWebchatResizer();
|
|
18
|
+
const { handleScrollEvents } = useScrollbarController(currentDevice, host);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (currentDevice !== DEVICES.MOBILE.IPHONE)
|
|
21
|
+
return;
|
|
22
|
+
if (isVirtualKeyboardVisible) {
|
|
23
|
+
handleKeyboardShown();
|
|
24
|
+
scrollToBottom();
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
handleKeyboardHidden();
|
|
28
|
+
}
|
|
29
|
+
return;
|
|
30
|
+
}, [isVirtualKeyboardVisible]);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (host && isWebchatOpen) {
|
|
33
|
+
if (currentDevice !== DEVICES.MOBILE.IPHONE)
|
|
34
|
+
return;
|
|
35
|
+
handleScrollEvents();
|
|
36
|
+
}
|
|
37
|
+
}, [host, isWebchatOpen, handleScrollEvents]);
|
|
38
|
+
return {
|
|
39
|
+
currentDevice,
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=use-device-adapter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-device-adapter.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-device-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,SAAS,gBAAgB;IACvB,aAAa;IACb,IAAI,SAAS,CAAC,aAAa;QAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;IACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,2BAA2B,CAC9D,MAAM,CAAC,WAAW,CACnB,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEzE,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACnD,IAAI,wBAAwB,EAAE;YAC5B,mBAAmB,EAAE,CAAA;YACrB,cAAc,EAAE,CAAA;SACjB;aAAM;YACL,oBAAoB,EAAE,CAAA;SACvB;QAED,OAAM;IACR,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,aAAa,EAAE;YACzB,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;gBAAE,OAAM;YACnD,kBAAkB,EAAE,CAAA;SACrB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE7C,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA"}
|