@botonic/react 0.26.1 → 0.27.0-alpha.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/assets/url-icon.png +0 -0
- package/lib/cjs/components/button.d.ts +1 -0
- package/lib/cjs/components/button.js +11 -2
- package/lib/cjs/components/button.js.map +1 -1
- 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/styles.d.ts +30 -8
- package/lib/cjs/components/multichannel/multichannel-button.js +2 -1
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +2 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-reply.js +2 -2
- package/lib/cjs/components/multichannel/multichannel-reply.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.js +2 -2
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-utils.d.ts +0 -2
- package/lib/cjs/components/multichannel/multichannel-utils.js +1 -10
- package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel.js +4 -2
- package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
- package/lib/cjs/constants.d.ts +3 -0
- package/lib/cjs/constants.js +4 -0
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/webchat/components/styled-scrollbar.d.ts +2 -1
- package/lib/cjs/webchat/header.d.ts +1 -1
- package/lib/cjs/webchat/message-list/styles.d.ts +4 -4
- package/lib/cjs/webchat/trigger-button/styles.d.ts +3 -3
- package/lib/cjs/webchat/webchat-dev.d.ts +1 -1
- package/lib/cjs/webview-app.js +6 -2
- package/lib/cjs/webview-app.js.map +1 -1
- package/lib/esm/assets/url-icon.png +0 -0
- package/lib/esm/components/button.d.ts +1 -0
- package/lib/esm/components/button.js +11 -2
- package/lib/esm/components/button.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/styles.d.ts +30 -8
- package/lib/esm/components/multichannel/multichannel-button.js +3 -2
- package/lib/esm/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +3 -2
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-reply.js +2 -2
- package/lib/esm/components/multichannel/multichannel-reply.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-text.js +4 -4
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-utils.d.ts +0 -2
- package/lib/esm/components/multichannel/multichannel-utils.js +0 -7
- package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel.js +5 -3
- package/lib/esm/components/multichannel/multichannel.js.map +1 -1
- package/lib/esm/constants.d.ts +3 -0
- package/lib/esm/constants.js +4 -0
- package/lib/esm/constants.js.map +1 -1
- package/lib/esm/webchat/components/styled-scrollbar.d.ts +2 -1
- package/lib/esm/webchat/header.d.ts +1 -1
- package/lib/esm/webchat/message-list/styles.d.ts +4 -4
- package/lib/esm/webchat/trigger-button/styles.d.ts +3 -3
- package/lib/esm/webchat/webchat-dev.d.ts +1 -1
- package/lib/esm/webview-app.js +6 -2
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +4 -2
- package/src/assets/url-icon.png +0 -0
- package/src/components/button.jsx +25 -0
- package/src/components/index-types.ts +1 -0
- package/src/components/multichannel/multichannel-button.jsx +3 -2
- package/src/components/multichannel/multichannel-carousel.jsx +2 -2
- package/src/components/multichannel/multichannel-reply.jsx +2 -2
- package/src/components/multichannel/multichannel-text.jsx +3 -5
- package/src/components/multichannel/multichannel-utils.js +0 -12
- package/src/components/multichannel/multichannel.jsx +7 -7
- package/src/constants.js +4 -0
- package/src/webview-app.tsx +7 -3
|
@@ -125,6 +125,7 @@ export interface ThemeProps extends StyleProp {
|
|
|
125
125
|
hoverBackground?: string;
|
|
126
126
|
hoverTextColor?: string;
|
|
127
127
|
messageType?: 'text' | 'payload';
|
|
128
|
+
urlIcon?: ImageProp & EnableProp;
|
|
128
129
|
} & StyleProp & CustomProp;
|
|
129
130
|
replies?: {
|
|
130
131
|
align?: 'left' | 'center' | 'right';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../src/components/index-types.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../src/components/index-types.ts"],"names":[],"mappings":";AA+MA,wDAAwD;AACxD,qEAAqE;AACrE,gEAAgE;AAChE,IAAI;AAEJ,mDAAmD;AACnD,wCAAwC;AACxC,2BAA2B;AAE3B,4CAA4C;AAC5C,iBAAiB;AACjB,0CAA0C;AAC1C,2CAA2C;AAC3C,yCAAyC;AACzC,8BAA8B;AAE9B,yEAAyE"}
|
|
@@ -1,8 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
interface MessageContainerProps {
|
|
2
|
+
isSentByUser: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, MessageContainerProps, never>;
|
|
5
|
+
export declare const BotMessageImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
interface BolbContainerProps {
|
|
7
|
+
bgcolor: string;
|
|
8
|
+
blob: boolean;
|
|
9
|
+
blobwidth?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const BlobContainer: import("styled-components").StyledComponent<"div", any, BolbContainerProps, never>;
|
|
12
|
+
interface BlobTextProps {
|
|
13
|
+
blob: boolean;
|
|
14
|
+
markdownstyle: any;
|
|
15
|
+
}
|
|
16
|
+
export declare const BlobText: import("styled-components").StyledComponent<"div", any, BlobTextProps, never>;
|
|
17
|
+
export declare const BlobTickContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
18
|
+
interface BlobTickProps {
|
|
19
|
+
pointerSize: number;
|
|
20
|
+
}
|
|
21
|
+
export declare const BlobTick: import("styled-components").StyledComponent<"div", any, BlobTickProps, never>;
|
|
22
|
+
interface TimestampContainerProps {
|
|
23
|
+
isSentByUser: boolean;
|
|
24
|
+
}
|
|
25
|
+
export declare const TimestampContainer: import("styled-components").StyledComponent<"div", any, TimestampContainerProps, never>;
|
|
26
|
+
interface TimestampTextProps {
|
|
27
|
+
isSentByUser: boolean;
|
|
28
|
+
}
|
|
29
|
+
export declare const TimestampText: import("styled-components").StyledComponent<"div", any, TimestampTextProps, never>;
|
|
30
|
+
export {};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isWhatsapp } from '@botonic/core';
|
|
2
3
|
import React, { useContext } from 'react';
|
|
3
4
|
import { RequestContext } from '../../contexts';
|
|
4
5
|
import { truncateText } from '../../util';
|
|
5
6
|
import { Button } from '../button';
|
|
6
7
|
import { MultichannelContext } from './multichannel-context';
|
|
7
|
-
import {
|
|
8
|
+
import { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel-utils';
|
|
8
9
|
export const MultichannelButton = props => {
|
|
9
10
|
var _a;
|
|
10
11
|
const requestContext = useContext(RequestContext);
|
|
@@ -45,7 +46,7 @@ export const MultichannelButton = props => {
|
|
|
45
46
|
}
|
|
46
47
|
return text;
|
|
47
48
|
};
|
|
48
|
-
if (isWhatsapp(requestContext)) {
|
|
49
|
+
if (isWhatsapp(requestContext.session)) {
|
|
49
50
|
const asText = (_a = props.asText) !== null && _a !== void 0 ? _a : true;
|
|
50
51
|
if (asText) {
|
|
51
52
|
if (hasUrl()) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isWhatsapp } from '@botonic/core';
|
|
2
3
|
import React, { useContext } from 'react';
|
|
3
4
|
import { RequestContext } from '../../contexts';
|
|
4
5
|
import { Carousel } from '../carousel';
|
|
5
6
|
import { MultichannelText } from './multichannel-text';
|
|
6
|
-
import { getFilteredElements, isMultichannelButton, isNodeKind,
|
|
7
|
+
import { getFilteredElements, isMultichannelButton, isNodeKind, } from './multichannel-utils';
|
|
7
8
|
export const MultichannelCarousel = props => {
|
|
8
9
|
const requestContext = useContext(RequestContext);
|
|
9
10
|
const getButtons = node => [].concat(getFilteredElements(node, isMultichannelButton));
|
|
10
|
-
if (isWhatsapp(requestContext)) {
|
|
11
|
+
if (isWhatsapp(requestContext.session)) {
|
|
11
12
|
const elements = props.children
|
|
12
13
|
.map(e => e.props.children)
|
|
13
14
|
.map((element, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,
|
|
1
|
+
{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isWhatsapp } from '@botonic/core';
|
|
2
3
|
import React, { useContext } from 'react';
|
|
3
4
|
import { RequestContext } from '../../contexts';
|
|
4
5
|
import { Reply } from '../reply';
|
|
5
|
-
import { isWhatsapp } from './multichannel-utils';
|
|
6
6
|
export const MultichannelReply = props => {
|
|
7
7
|
const requestContext = useContext(RequestContext);
|
|
8
8
|
const hasPath = () => Boolean(props.path);
|
|
9
9
|
const hasPayload = () => Boolean(props.payload);
|
|
10
10
|
const getText = () => `${props.children}`;
|
|
11
|
-
if (isWhatsapp(requestContext)) {
|
|
11
|
+
if (isWhatsapp(requestContext.session)) {
|
|
12
12
|
if (hasPath() || hasPayload())
|
|
13
13
|
return `${getText()}`;
|
|
14
14
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-reply.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-reply.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"multichannel-reply.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-reply.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACjD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;IAEzC,IAAI,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACtC,IAAI,OAAO,EAAE,IAAI,UAAU,EAAE;YAAE,OAAO,GAAG,OAAO,EAAE,EAAE,CAAA;QACpD,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,KAAC,KAAK,oBAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAS,CAAA;KAClD;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { INPUT } from '@botonic/core';
|
|
2
|
+
import { INPUT, isFacebook, isWhatsapp } from '@botonic/core';
|
|
3
3
|
import React, { useContext } from 'react';
|
|
4
4
|
import { RequestContext } from '../../contexts';
|
|
5
5
|
import { WhatsappButtonList, WhatsappCTAUrlButton } from '..';
|
|
@@ -7,7 +7,7 @@ import { Text } from '../text';
|
|
|
7
7
|
import { MultichannelFacebook } from './facebook/facebook';
|
|
8
8
|
import { MultichannelButton } from './multichannel-button';
|
|
9
9
|
import { MultichannelContext } from './multichannel-context';
|
|
10
|
-
import { buttonTypes, DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR, elementHasPostback, elementHasUrl, elementHasWebview, getButtonType, getMultichannelButtons, getMultichannelReplies,
|
|
10
|
+
import { buttonTypes, DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR, elementHasPostback, elementHasUrl, elementHasWebview, getButtonType, getMultichannelButtons, getMultichannelReplies, MENU_BUTTON_WHATSAPP_BUTTON_LIST, MULTICHANNEL_WHATSAPP_PROPS, WHATSAPP_LIST_MAX_BUTTONS, WHATSAPP_MAX_BUTTONS, } from './multichannel-utils';
|
|
11
11
|
import { whatsappMarkdown } from './whatsapp/markdown';
|
|
12
12
|
export const MultichannelText = props => {
|
|
13
13
|
var _a;
|
|
@@ -75,7 +75,7 @@ export const MultichannelText = props => {
|
|
|
75
75
|
}
|
|
76
76
|
return messages;
|
|
77
77
|
};
|
|
78
|
-
if (isWhatsapp(requestContext)) {
|
|
78
|
+
if (isWhatsapp(requestContext.session)) {
|
|
79
79
|
const texts = getText(props.children);
|
|
80
80
|
const { postbackButtons, urlButtons, webviewButtons } = getWhatsappButtons();
|
|
81
81
|
const textElements = texts.map(text => {
|
|
@@ -147,7 +147,7 @@ export const MultichannelText = props => {
|
|
|
147
147
|
}
|
|
148
148
|
return _jsx(_Fragment, { children: messages });
|
|
149
149
|
}
|
|
150
|
-
if (isFacebook(requestContext)) {
|
|
150
|
+
if (isFacebook(requestContext.session)) {
|
|
151
151
|
const text = getText(props.children);
|
|
152
152
|
const multichannelFacebook = new MultichannelFacebook();
|
|
153
153
|
const { texts, propsLastText, propsWithoutChildren } = multichannelFacebook.convertText(props, text[0]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-text.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-text.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"multichannel-text.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-text.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Providers } from '@botonic/core';
|
|
2
1
|
/**
|
|
3
2
|
*
|
|
4
3
|
* Whatsapp does not support Markdown
|
|
@@ -63,10 +62,4 @@ export function getMultichannelButtons(node) {
|
|
|
63
62
|
export function getMultichannelReplies(node) {
|
|
64
63
|
return getFilteredElements(node, isMultichannelReply);
|
|
65
64
|
}
|
|
66
|
-
export const isWhatsapp = context => context.session &&
|
|
67
|
-
context.session.user &&
|
|
68
|
-
context.session.user.provider == Providers.Messaging.WHATSAPP;
|
|
69
|
-
export const isFacebook = context => context.session &&
|
|
70
|
-
context.session.user &&
|
|
71
|
-
context.session.user.provider == Providers.Messaging.FACEBOOK;
|
|
72
65
|
//# sourceMappingURL=multichannel-utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-utils.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-utils.js"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"multichannel-utils.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-utils.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAA;AACrC,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,qCAAqC,GAAG,eAAe,CAAA;AACpE,MAAM,CAAC,MAAM,gCAAgC,GAAG,cAAc,CAAA;AAE9D,MAAM,UAAU,oBAAoB,CAAC,IAAI;IACvC,OAAO,UAAU,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAA;AAC/C,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAI;IACtC,OAAO,UAAU,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;AAC9C,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,IAAI;IAC3B,OAAO,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAI,EAAE,IAAI;IACnC,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAA;AAC5C,CAAC;AACD,MAAM,UAAU,aAAa,CAAC,OAAO;IACnC,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,GAAG,CAAA;AAC3C,CAAC;AACD,MAAM,UAAU,kBAAkB,CAAC,OAAO;IACxC,OAAO,CACL,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QACxC,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CACtC,CAAA;AACH,CAAC;AACD,MAAM,UAAU,iBAAiB,CAAC,OAAO;IACvC,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAA;AAC/C,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,UAAU,aAAa,CAAC,kBAAkB;IAC9C,IAAI,aAAa,CAAC,kBAAkB,CAAC;QAAE,OAAO,WAAW,CAAC,GAAG,CAAA;IAC7D,IAAI,kBAAkB,CAAC,kBAAkB,CAAC;QAAE,OAAO,WAAW,CAAC,QAAQ,CAAA;IACvE,IAAI,iBAAiB,CAAC,kBAAkB,CAAC;QAAE,OAAO,WAAW,CAAC,OAAO,CAAA;IAErE,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAI,EAAE,MAAM;IAC9C,MAAM,QAAQ,GAAG,EAAE,CAAA;IACnB,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE;QACpB,IAAI,MAAM,CAAC,CAAC,CAAC;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KAChC;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAI;IACzC,OAAO,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAA;AACxD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAI;IACzC,OAAO,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;AACvD,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { createElement as _createElement } from "react";
|
|
3
|
+
import { isFacebook, isWhatsapp } from '@botonic/core';
|
|
3
4
|
import React, { useContext } from 'react';
|
|
4
5
|
import { COMPONENT_TYPE } from '../../constants';
|
|
5
6
|
import { RequestContext } from '../../contexts';
|
|
@@ -10,13 +11,14 @@ import { MultichannelCarousel } from './multichannel-carousel';
|
|
|
10
11
|
import { MultichannelContext } from './multichannel-context';
|
|
11
12
|
import { MultichannelReply } from './multichannel-reply';
|
|
12
13
|
import { MultichannelText } from './multichannel-text';
|
|
13
|
-
import {
|
|
14
|
+
import { MULTICHANNEL_WHATSAPP_PROPS } from './multichannel-utils';
|
|
14
15
|
export const Multichannel = props => {
|
|
15
16
|
const requestContext = useContext(RequestContext);
|
|
16
|
-
if (!isWhatsapp(requestContext) &&
|
|
17
|
+
if (!isWhatsapp(requestContext.session) &&
|
|
18
|
+
!isFacebook(requestContext.session)) {
|
|
17
19
|
return props.children;
|
|
18
20
|
}
|
|
19
|
-
if (isFacebook(requestContext)) {
|
|
21
|
+
if (isFacebook(requestContext.session)) {
|
|
20
22
|
const newChildren = deepMapWithIndex(props.children, child => {
|
|
21
23
|
if (child && child.type && child.type.name === COMPONENT_TYPE.TEXT) {
|
|
22
24
|
return (_createElement(MultichannelText, Object.assign({}, child.props, { key: child.key }), child.props.children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel.jsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"multichannel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel.jsx"],"names":[],"mappings":"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"}
|
package/lib/esm/constants.d.ts
CHANGED
|
@@ -32,6 +32,7 @@ export namespace WEBCHAT {
|
|
|
32
32
|
export const HEIGHT: number;
|
|
33
33
|
export const TITLE: string;
|
|
34
34
|
export { BotonicLogo as LOGO };
|
|
35
|
+
export { UrlIcon as URL_ICON };
|
|
35
36
|
export const PLACEHOLDER: string;
|
|
36
37
|
export const FONT_FAMILY: string;
|
|
37
38
|
export const BORDER_RADIUS_TOP_CORNERS: string;
|
|
@@ -100,6 +101,8 @@ export namespace WEBCHAT {
|
|
|
100
101
|
const buttonStyleBackground: string;
|
|
101
102
|
const buttonStyleColor: string;
|
|
102
103
|
const customButton: string;
|
|
104
|
+
const urlIconImage: string;
|
|
105
|
+
const urlIconEnabled: string;
|
|
103
106
|
const alignReplies: string;
|
|
104
107
|
const customReply: string;
|
|
105
108
|
const replyStyle: string;
|
package/lib/esm/constants.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import BotonicLogo from './assets/botonic_react_logo100x100.png';
|
|
2
|
+
import UrlIcon from './assets/url-icon.png';
|
|
2
3
|
export const COLORS = {
|
|
3
4
|
// http://chir.ag/projects/name-that-color
|
|
4
5
|
APPLE_GREEN: 'rgba(58, 156, 53, 1)',
|
|
@@ -34,6 +35,7 @@ export const WEBCHAT = {
|
|
|
34
35
|
HEIGHT: 450,
|
|
35
36
|
TITLE: 'Botonic',
|
|
36
37
|
LOGO: BotonicLogo,
|
|
38
|
+
URL_ICON: UrlIcon,
|
|
37
39
|
PLACEHOLDER: 'Ask me something...',
|
|
38
40
|
FONT_FAMILY: "'Noto Sans JP', sans-serif",
|
|
39
41
|
BORDER_RADIUS_TOP_CORNERS: '6px 6px 0px 0px',
|
|
@@ -113,6 +115,8 @@ export const WEBCHAT = {
|
|
|
113
115
|
buttonStyleBackground: 'button.style.background',
|
|
114
116
|
buttonStyleColor: 'button.style.color',
|
|
115
117
|
customButton: 'button.custom',
|
|
118
|
+
urlIconImage: 'button.urlIcon.image',
|
|
119
|
+
urlIconEnabled: 'button.urlIcon.enable',
|
|
116
120
|
// Replies
|
|
117
121
|
alignReplies: 'replies.align',
|
|
118
122
|
customReply: 'reply.custom',
|
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;
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export const StyledScrollbar: any
|
|
1
|
+
export const StyledScrollbar: import("styled-components").StyledComponent<typeof SimpleBar, any, {}, never>;
|
|
2
|
+
import SimpleBar from "simplebar-react";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export function DefaultHeader(props: any): JSX.Element;
|
|
2
2
|
export function WebchatHeader(props: any): JSX.Element;
|
|
3
|
-
export const StyledWebchatHeader: any
|
|
3
|
+
export const StyledWebchatHeader: import("styled-components").StyledComponent<(props: any) => JSX.Element, any, {}, never>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const ContainerMessage: any
|
|
2
|
-
export declare const DefaultIntroImage: any
|
|
3
|
-
export declare const ContainerScrollButton: any
|
|
4
|
-
export declare const ContainerUnreadMessagesBanner: any
|
|
1
|
+
export declare const ContainerMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const DefaultIntroImage: import("styled-components").StyledComponent<"img", any, {}, never>;
|
|
3
|
+
export declare const ContainerScrollButton: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export declare const ContainerUnreadMessagesBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const StyledTriggerButton: any
|
|
2
|
-
export declare const UnreadMessagesCounter: any
|
|
3
|
-
export declare const TriggerImage: any
|
|
1
|
+
export declare const StyledTriggerButton: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const UnreadMessagesCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const TriggerImage: import("styled-components").StyledComponent<"img", any, {}, never>;
|
package/lib/esm/webview-app.js
CHANGED
|
@@ -64,9 +64,13 @@ class App extends React.Component {
|
|
|
64
64
|
}
|
|
65
65
|
if (provider === PROVIDER.FACEBOOK) {
|
|
66
66
|
try {
|
|
67
|
-
window.MessengerExtensions.requestCloseBrowser(()
|
|
67
|
+
window.MessengerExtensions.requestCloseBrowser(function success() { }, function error(err) {
|
|
68
|
+
window.close();
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
catch (e) {
|
|
72
|
+
window.close();
|
|
68
73
|
}
|
|
69
|
-
catch (e) { }
|
|
70
74
|
}
|
|
71
75
|
if (provider === PROVIDER.WEBCHAT) {
|
|
72
76
|
try {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webview-app.js","sourceRoot":"","sources":["../../src/webview-app.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"webview-app.js","sourceRoot":"","sources":["../../src/webview-app.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botonic/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.27.0-alpha.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Build Chatbots using React",
|
|
6
6
|
"main": "./lib/cjs",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"lint_core": "../../node_modules/.bin/eslint_d --cache --quiet '.*.js' '*.js' 'src/**/*.js*' --fix"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@botonic/core": "
|
|
23
|
+
"@botonic/core": "0.27.0-alpha.0",
|
|
24
24
|
"axios": "^1.6.8",
|
|
25
25
|
"emoji-picker-react": "^4.4.9",
|
|
26
26
|
"framer-motion": "^3.1.1",
|
|
@@ -51,6 +51,8 @@
|
|
|
51
51
|
"@types/jest": "^29.5.1",
|
|
52
52
|
"@types/parse5": "^7.0.0",
|
|
53
53
|
"@types/react": "^16.14.56",
|
|
54
|
+
"@types/react-frame-component": "^4.1.6",
|
|
55
|
+
"@types/styled-components": "^5.1.34",
|
|
54
56
|
"babel-plugin-add-module-exports": "^1.0.4",
|
|
55
57
|
"copyfiles": "^2.4.1",
|
|
56
58
|
"identity-obj-proxy": "^3.0.0",
|
|
Binary file
|
|
@@ -4,6 +4,7 @@ import styled from 'styled-components'
|
|
|
4
4
|
|
|
5
5
|
import { COLORS, WEBCHAT } from '../constants'
|
|
6
6
|
import { WebchatContext } from '../contexts'
|
|
7
|
+
import { resolveImage } from '../util/environment'
|
|
7
8
|
import { renderComponent } from '../util/react'
|
|
8
9
|
import { generateWebviewUrlWithParams } from '../util/webviews'
|
|
9
10
|
import { ButtonsDisabler } from './buttons-disabler'
|
|
@@ -16,6 +17,7 @@ const StyledButton = styled.button`
|
|
|
16
17
|
text-align: center;
|
|
17
18
|
align-content: center;
|
|
18
19
|
justify-content: center;
|
|
20
|
+
gap: 6px;
|
|
19
21
|
padding: 12px 32px;
|
|
20
22
|
font-family: inherit;
|
|
21
23
|
border: none;
|
|
@@ -29,6 +31,10 @@ const StyledButton = styled.button`
|
|
|
29
31
|
overflow: hidden;
|
|
30
32
|
`
|
|
31
33
|
|
|
34
|
+
export const StyledUrlImage = styled.img`
|
|
35
|
+
width: 20px;
|
|
36
|
+
`
|
|
37
|
+
|
|
32
38
|
export const Button = props => {
|
|
33
39
|
const {
|
|
34
40
|
webchatState,
|
|
@@ -137,6 +143,19 @@ export const Button = props => {
|
|
|
137
143
|
COLORS.SOLID_BLACK
|
|
138
144
|
)
|
|
139
145
|
|
|
146
|
+
const urlIconEnabledProp = getThemeProperty(
|
|
147
|
+
WEBCHAT.CUSTOM_PROPERTIES.urlIconEnabled
|
|
148
|
+
)
|
|
149
|
+
|
|
150
|
+
const urlIconImageProp = getThemeProperty(
|
|
151
|
+
WEBCHAT.CUSTOM_PROPERTIES.urlIconImage
|
|
152
|
+
)
|
|
153
|
+
|
|
154
|
+
const urlIconImage = urlIconImageProp ?? WEBCHAT.DEFAULTS.URL_ICON
|
|
155
|
+
|
|
156
|
+
const urlIcon =
|
|
157
|
+
urlIconEnabledProp || urlIconImageProp ? urlIconImage : undefined
|
|
158
|
+
|
|
140
159
|
return (
|
|
141
160
|
<StyledButton
|
|
142
161
|
className={getClassName()}
|
|
@@ -153,6 +172,12 @@ export const Button = props => {
|
|
|
153
172
|
bottom={props.bottomRadius}
|
|
154
173
|
>
|
|
155
174
|
{props.children}
|
|
175
|
+
{props.url && urlIcon && (
|
|
176
|
+
<StyledUrlImage
|
|
177
|
+
className='botonic-url-icon'
|
|
178
|
+
src={resolveImage(urlIcon)}
|
|
179
|
+
/>
|
|
180
|
+
)}
|
|
156
181
|
</StyledButton>
|
|
157
182
|
)
|
|
158
183
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import { isWhatsapp } from '@botonic/core'
|
|
1
2
|
import React, { useContext } from 'react'
|
|
2
3
|
|
|
3
4
|
import { RequestContext } from '../../contexts'
|
|
4
5
|
import { truncateText } from '../../util'
|
|
5
6
|
import { Button } from '../button'
|
|
6
7
|
import { MultichannelContext } from './multichannel-context'
|
|
7
|
-
import {
|
|
8
|
+
import { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel-utils'
|
|
8
9
|
|
|
9
10
|
export const MultichannelButton = props => {
|
|
10
11
|
const requestContext = useContext(RequestContext)
|
|
@@ -54,7 +55,7 @@ export const MultichannelButton = props => {
|
|
|
54
55
|
return text
|
|
55
56
|
}
|
|
56
57
|
|
|
57
|
-
if (isWhatsapp(requestContext)) {
|
|
58
|
+
if (isWhatsapp(requestContext.session)) {
|
|
58
59
|
const asText = props.asText ?? true
|
|
59
60
|
if (asText) {
|
|
60
61
|
if (hasUrl()) {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { isWhatsapp } from '@botonic/core'
|
|
1
2
|
import React, { useContext } from 'react'
|
|
2
3
|
|
|
3
4
|
import { RequestContext } from '../../contexts'
|
|
@@ -7,7 +8,6 @@ import {
|
|
|
7
8
|
getFilteredElements,
|
|
8
9
|
isMultichannelButton,
|
|
9
10
|
isNodeKind,
|
|
10
|
-
isWhatsapp,
|
|
11
11
|
} from './multichannel-utils'
|
|
12
12
|
|
|
13
13
|
export const MultichannelCarousel = props => {
|
|
@@ -16,7 +16,7 @@ export const MultichannelCarousel = props => {
|
|
|
16
16
|
const getButtons = node =>
|
|
17
17
|
[].concat(getFilteredElements(node, isMultichannelButton))
|
|
18
18
|
|
|
19
|
-
if (isWhatsapp(requestContext)) {
|
|
19
|
+
if (isWhatsapp(requestContext.session)) {
|
|
20
20
|
const elements = props.children
|
|
21
21
|
.map(e => e.props.children)
|
|
22
22
|
.map((element, i) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { isWhatsapp } from '@botonic/core'
|
|
1
2
|
import React, { useContext } from 'react'
|
|
2
3
|
|
|
3
4
|
import { RequestContext } from '../../contexts'
|
|
4
5
|
import { Reply } from '../reply'
|
|
5
|
-
import { isWhatsapp } from './multichannel-utils'
|
|
6
6
|
|
|
7
7
|
export const MultichannelReply = props => {
|
|
8
8
|
const requestContext = useContext(RequestContext)
|
|
@@ -10,7 +10,7 @@ export const MultichannelReply = props => {
|
|
|
10
10
|
const hasPayload = () => Boolean(props.payload)
|
|
11
11
|
const getText = () => `${props.children}`
|
|
12
12
|
|
|
13
|
-
if (isWhatsapp(requestContext)) {
|
|
13
|
+
if (isWhatsapp(requestContext.session)) {
|
|
14
14
|
if (hasPath() || hasPayload()) return `${getText()}`
|
|
15
15
|
return null
|
|
16
16
|
} else {
|