@botonic/react 0.22.0-alpha.0 → 0.22.0-alpha.1

package/lib/cjs/components/reply.d.ts

@@ -0,0 +1,9 @@
+export function Reply(props: any): any;
+export namespace Reply {
+    function serialize(replyProps: any): {
+        reply: {
+            title: any;
+            payload: any;
+        };
+    };
+}

package/lib/cjs/components/reply.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Reply = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const contexts_1 = require("../contexts");
+const react_2 = require("../util/react");
+const StyledButton = styled_components_1.default.button `
+  width: 100%;
+  padding: 4px 8px;
+  font-family: inherit;
+  border-radius: 8px;
+  cursor: pointer;
+  outline: 0;
+`;
+const Reply = props => {
+    const { sendText, getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const handleClick = event => {
+        event.preventDefault();
+        if (props.children) {
+            let payload = props.payload;
+            if (props.path)
+                payload = `__PATH_PAYLOAD__${props.path}`;
+            sendText(props.children, payload);
+        }
+    };
+    const renderBrowser = () => {
+        const replyStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.replyStyle);
+        const CustomReply = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customReply);
+        if (CustomReply) {
+            return (<div onClick={e => handleClick(e)}>
+          <CustomReply>{props.children}</CustomReply>
+        </div>);
+        }
+        return (<StyledButton style={Object.assign({ border: `1px solid ${getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor, constants_1.COLORS.BOTONIC_BLUE)}`, color: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor, constants_1.COLORS.BOTONIC_BLUE) }, replyStyle)} onClick={e => handleClick(e)}>
+        {props.children}
+      </StyledButton>);
+    };
+    const renderNode = () => {
+        if (props.path) {
+            const payload = `__PATH_PAYLOAD__${props.path}`;
+            return <reply payload={payload}>{props.children}</reply>;
+        }
+        return <reply payload={props.payload}>{props.children}</reply>;
+    };
+    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+};
+exports.Reply = Reply;
+exports.Reply.serialize = replyProps => {
+    let payload = replyProps.payload;
+    if (replyProps.path)
+        payload = `__PATH_PAYLOAD__${replyProps.path}`;
+    return { reply: { title: replyProps.children, payload } };
+};
+//# sourceMappingURL=reply.js.map

package/lib/cjs/components/reply.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reply.js","sourceRoot":"src/","sources":["components/reply.jsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,4CAA8C;AAC9C,0CAA4C;AAC5C,yCAA+C;AAE/C,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;CAOjC,CAAA;AAEM,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACjE,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;YAC3B,IAAI,KAAK,CAAC,IAAI;gBAAE,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YACzD,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;QACzE,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAC3E,IAAI,WAAW,EAAE;YACf,OAAO,CACL,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAChC;UAAA,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,WAAW,CAC5C;QAAA,EAAE,GAAG,CAAC,CACP,CAAA;SACF;QAED,OAAO,CACL,CAAC,YAAY,CACX,KAAK,CAAC,iBACJ,MAAM,EAAE,aAAa,gBAAgB,CACnC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,kBAAM,CAAC,YAAY,CACpB,EAAE,EACH,KAAK,EAAE,gBAAgB,CACrB,mBAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,kBAAM,CAAC,YAAY,CACpB,IACE,UAAU,EACb,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAE7B;QAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;MAAA,EAAE,YAAY,CAAC,CAChB,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,MAAM,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YAC/C,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAA;SACzD;QACD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAA;IAChE,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAnDY,QAAA,KAAK,SAmDjB;AAED,aAAK,CAAC,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAChC,IAAI,UAAU,CAAC,IAAI;QAAE,OAAO,GAAG,mBAAmB,UAAU,CAAC,IAAI,EAAE,CAAA;IACnE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAA;AAC3D,CAAC,CAAA"}

package/lib/cjs/components/share-button.d.ts

@@ -0,0 +1 @@
+export function ShareButton(props: any): any;

package/lib/cjs/components/share-button.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("../util/react");
+const ShareButton = props => {
+    const renderBrowser = () => null;
+    const renderNode = () => (<button type='element_share'>
+      <pre dangerouslySetInnerHTML={{ __html: JSON.stringify(props.payload) }}/>
+    </button>);
+    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+};
+exports.ShareButton = ShareButton;
+//# sourceMappingURL=share-button.js.map

package/lib/cjs/components/share-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-button.js","sourceRoot":"src/","sources":["components/share-button.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEzB,yCAA+C;AAExC,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAC1B;MAAA,CAAC,GAAG,CACF,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAEvE;IAAA,EAAE,MAAM,CAAC,CACV,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAXY,QAAA,WAAW,eAWvB"}

package/lib/cjs/components/subtitle.d.ts

@@ -0,0 +1,6 @@
+export function Subtitle(props: any): any;
+export namespace Subtitle {
+    function serialize(subtitleProps: any): {
+        subtitle: any;
+    };
+}

package/lib/cjs/components/subtitle.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Subtitle = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const react_2 = require("../util/react");
+const SubtitleContainer = styled_components_1.default.div `
+  font-size: 12px;
+  padding: 0px 15px 10px 15px;
+  color: ${constants_1.COLORS.MID_GRAY};
+`;
+const Subtitle = props => {
+    const renderBrowser = () => (<SubtitleContainer style={Object.assign({}, props.style)}>
+      {props.children}
+    </SubtitleContainer>);
+    const renderNode = () => <desc>{props.children}</desc>;
+    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+};
+exports.Subtitle = Subtitle;
+exports.Subtitle.serialize = subtitleProps => {
+    return { subtitle: subtitleProps.children };
+};
+//# sourceMappingURL=subtitle.js.map

package/lib/cjs/components/subtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtitle.js","sourceRoot":"src/","sources":["components/subtitle.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAAqC;AACrC,yCAA+C;AAE/C,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGzB,kBAAM,CAAC,QAAQ;CACzB,CAAA;AACM,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;IAC9B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,CAAC,iBAAiB,CAChB,KAAK,CAAC,mBACD,KAAK,CAAC,KAAK,EACd,CAEF;MAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;IAEtD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB;AAED,gBAAQ,CAAC,SAAS,GAAG,aAAa,CAAC,EAAE;IACnC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAA;AAC7C,CAAC,CAAA"}

package/lib/cjs/components/text.d.ts

@@ -0,0 +1,8 @@
+export function Text(props: TextProps): JSX.Element;
+export namespace Text {
+    export { serialize };
+}
+declare function serialize(textProps: any): {
+    text: any;
+};
+export {};

package/lib/cjs/components/text.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_2 = require("../util/react");
+const markdown_1 = require("./markdown");
+const message_1 = require("./message");
+const serializeText = children => {
+    children = Array.isArray(children) ? children : [children];
+    const text = children
+        .filter(e => !e.type)
+        .map(e => {
+        if (Array.isArray(e))
+            return serializeText(e);
+        else
+            return String(e);
+    })
+        .join('');
+    return text;
+};
+const serialize = textProps => {
+    if (!textProps.markdown)
+        return {
+            text: serializeText(textProps.children),
+        };
+    return { text: (0, markdown_1.serializeMarkdown)(textProps.children) };
+};
+/**
+ *
+ * @param {TextProps} props
+ * @returns {JSX.Element}
+ */
+const Text = props => {
+    const defaultTextProps = {
+        markdown: props.markdown === undefined ? true : props.markdown,
+    };
+    const textProps = (0, react_2.mapObjectNonBooleanValues)(Object.assign(Object.assign(Object.assign({}, props), defaultTextProps), { children: react_1.Children.toArray(props.children) }));
+    if (!textProps.markdown)
+        return (<message_1.Message json={serialize(textProps)} {...textProps} type={core_1.INPUT.TEXT}>
+        {textProps.children}
+      </message_1.Message>);
+    return (<message_1.Message json={serialize(textProps)} {...textProps} type={core_1.INPUT.TEXT}>
+      {(0, markdown_1.toMarkdownChildren)(textProps.children)}
+    </message_1.Message>);
+};
+exports.Text = Text;
+exports.Text.serialize = serialize;
+//# sourceMappingURL=text.js.map

package/lib/cjs/components/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"src/","sources":["components/text.jsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,uDAAuC;AAEvC,yCAAyD;AACzD,yCAAkE;AAClE,uCAAmC;AAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE;IAC/B,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,aAAa,CAAC,CAAC,CAAC,CAAA;;YACxC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,SAAS,CAAC,EAAE;IAC5B,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,OAAO,EAAE,IAAI,EAAE,IAAA,4BAAiB,EAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAED;;;;GAIG;AACI,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE;IAC1B,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;KAC/D,CAAA;IACD,MAAM,SAAS,GAAG,IAAA,iCAAyB,gDACtC,KAAK,GACL,gBAAgB,GAChB,EAAE,QAAQ,EAAE,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACjD,CAAA;IACF,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO,CACL,CAAC,iBAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,YAAK,CAAC,IAAI,CAAC,CACnE;QAAA,CAAC,SAAS,CAAC,QAAQ,CACrB;MAAA,EAAE,iBAAO,CAAC,CACX,CAAA;IACH,OAAO,CACL,CAAC,iBAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,YAAK,CAAC,IAAI,CAAC,CACnE;MAAA,CAAC,IAAA,6BAAkB,EAAC,SAAS,CAAC,QAAQ,CAAC,CACzC;IAAA,EAAE,iBAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,IAAI,QAoBhB;AAED,YAAI,CAAC,SAAS,GAAG,SAAS,CAAA"}

package/lib/cjs/components/timestamps.d.ts

@@ -0,0 +1,10 @@
+export function resolveMessageTimestamps(getThemeFn: any, messageTimestampEnabled: any): {
+    timestampsEnabled: boolean;
+    getFormattedTimestamp: any;
+    timestampStyle: any;
+};
+export function MessageTimestamp({ timestamp, style, isfromuser }: {
+    timestamp: any;
+    style: any;
+    isfromuser: any;
+}): JSX.Element;

package/lib/cjs/components/timestamps.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageTimestamp = exports.resolveMessageTimestamps = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const resolveMessageTimestamps = (getThemeFn, messageTimestampEnabled) => {
+    const timestampsFormat = getThemeFn('message.timestamps.format');
+    const timestampStyle = getThemeFn('message.timestamps.style');
+    const timestampsEnabled = Boolean(messageTimestampEnabled !== undefined
+        ? messageTimestampEnabled
+        : getThemeFn('message.timestamps.enable', Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
+    const defaultTimestampFormat = {
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+    };
+    const getFormattedTimestamp = (timestampsFormat && timestampsFormat()) ||
+        new Date().toLocaleString(undefined, defaultTimestampFormat);
+    return {
+        timestampsEnabled,
+        getFormattedTimestamp,
+        timestampStyle,
+    };
+};
+exports.resolveMessageTimestamps = resolveMessageTimestamps;
+const TimestampContainer = styled_components_1.default.div `
+  display: flex;
+  position: relative;
+  align-items: flex-start;
+`;
+const TimestampText = styled_components_1.default.div `
+  @import url('https://fonts.googleapis.com/css?family=Lato');
+  font-family: Lato;
+  font-size: 10px;
+  color: ${constants_1.COLORS.SOLID_BLACK};
+  width: 100%;
+  text-align: ${props => (props.isfromuser ? 'right' : 'left')};
+  padding: ${props => (props.isfromuser ? '0px 15px' : '0px 50px')};
+  margin-bottom: 5px;
+`;
+const MessageTimestamp = ({ timestamp, style, isfromuser }) => {
+    const classSufix = isfromuser ? 'user' : 'bot';
+    return (<TimestampContainer className={`botonic-timestamp-${classSufix}`}>
+      <TimestampText isfromuser={isfromuser} style={Object.assign({}, style)}>
+        {timestamp}
+      </TimestampText>
+    </TimestampContainer>);
+};
+exports.MessageTimestamp = MessageTimestamp;
+//# sourceMappingURL=timestamps.js.map

package/lib/cjs/components/timestamps.js.map

@@ -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,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;aACjD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;CAEjE,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAC9C,OAAO,CACL,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAC/D;MAAA,CAAC,aAAa,CACZ,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,mBACD,KAAK,EACR,CAEF;QAAA,CAAC,SAAS,CACZ;MAAA,EAAE,aAAa,CACjB;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,gBAAgB,oBAc5B"}

package/lib/cjs/components/title.d.ts

@@ -0,0 +1,6 @@
+export function Title(props: any): any;
+export namespace Title {
+    function serialize(titleProps: any): {
+        title: any;
+    };
+}

package/lib/cjs/components/title.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const react_2 = require("../util/react");
+const TitleContainer = styled_components_1.default.div `
+  font-size: 14px;
+  padding: 10px 15px;
+`;
+const Title = props => {
+    const renderBrowser = () => (<TitleContainer style={Object.assign({}, props.style)}>{props.children}</TitleContainer>);
+    const renderNode = () => <title>{props.children}</title>;
+    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+};
+exports.Title = Title;
+exports.Title.serialize = titleProps => {
+    return { title: titleProps.children };
+};
+//# sourceMappingURL=title.js.map

package/lib/cjs/components/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sourceRoot":"src/","sources":["components/title.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,yCAA+C;AAE/C,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAEM,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,CAAC,cAAc,CAAC,KAAK,CAAC,mBAAM,KAAK,CAAC,KAAK,EAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,CAC7E,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAA;IAExD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAPY,QAAA,KAAK,SAOjB;AAED,aAAK,CAAC,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAA;AACvC,CAAC,CAAA"}

package/lib/cjs/components/video.d.ts

@@ -0,0 +1,8 @@
+export function Video(props: any): JSX.Element;
+export namespace Video {
+    export { serialize };
+}
+declare function serialize(videoProps: any): {
+    video: any;
+};
+export {};

package/lib/cjs/components/video.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Video = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const environment_1 = require("../util/environment");
+const message_1 = require("./message");
+const StyledVideo = styled_components_1.default.video `
+  background-color: ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_5};
+  border-radius: 8px;
+  max-height: 180px;
+  max-width: 300px;
+  margin: 10px;
+`;
+const serialize = videoProps => {
+    return { video: videoProps.src };
+};
+const Video = props => {
+    props = Object.assign(Object.assign({}, props), { src: (0, environment_1.staticAsset)(props.src) });
+    let content = props.children;
+    if ((0, core_1.isBrowser)())
+        content = (<StyledVideo controls>
+        <source src={props.src}/>
+      </StyledVideo>);
+    return (<message_1.Message role={constants_1.ROLES.VIDEO_MESSAGE} json={serialize(props)} {...props} type={core_1.INPUT.VIDEO}>
+      {content}
+    </message_1.Message>);
+};
+exports.Video = Video;
+exports.Video.serialize = serialize;
+//# sourceMappingURL=video.js.map

package/lib/cjs/components/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"src/","sources":["components/video.jsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAChD,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA4C;AAC5C,qDAAiD;AACjD,uCAAmC;AAEnC,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;sBACV,kBAAM,CAAC,qBAAqB;;;;;CAKjD,CAAA;AAED,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,IAAA,gBAAS,GAAE;QACb,OAAO,GAAG,CACR,CAAC,WAAW,CAAC,QAAQ,CACnB;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EACzB;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;IACH,OAAO,CACL,CAAC,iBAAO,CACN,IAAI,CAAC,CAAC,iBAAK,CAAC,aAAa,CAAC,CAC1B,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACvB,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,YAAK,CAAC,KAAK,CAAC,CAElB;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,iBAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,KAAK,SAmBjB;AAED,aAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}

package/lib/cjs/components/webchat-settings.d.ts

@@ -0,0 +1,10 @@
+export function WebchatSettings({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, }: {
+    theme: any;
+    blockInputs: any;
+    persistentMenu: any;
+    enableEmojiPicker: any;
+    enableAttachments: any;
+    enableUserInput: any;
+    enableAnimations: any;
+}): any;
+export function normalizeWebchatSettings(settings: any): any;

package/lib/cjs/components/webchat-settings.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeWebchatSettings = exports.WebchatSettings = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const contexts_1 = require("../contexts");
+const react_2 = require("../util/react");
+const regexs_1 = require("../util/regexs");
+const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, }) => {
+    const renderBrowser = () => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const { updateWebchatDevSettings } = (0, react_1.useContext)(contexts_1.WebchatContext);
+        updateWebchatDevSettings({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations,
+        });
+        return null;
+    };
+    const renderNode = () => {
+        const updatedTheme = (0, exports.normalizeWebchatSettings)({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations,
+        });
+        return (<message type={core_1.INPUT.WEBCHAT_SETTINGS} settings={(0, regexs_1.stringifyWithRegexs)({ theme: updatedTheme })}></message>);
+    };
+    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WebchatSettings = WebchatSettings;
+const normalizeWebchatSettings = settings => {
+    let { theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, } = settings;
+    if (!theme)
+        theme = {};
+    if (!theme.userInput)
+        theme.userInput = {};
+    if (!theme.animations)
+        theme.animations = {};
+    if (persistentMenu !== undefined) {
+        if (!theme.userInput.persistentMenu)
+            theme.userInput.persistentMenu = {};
+        theme.userInput.persistentMenu = persistentMenu;
+    }
+    if (enableEmojiPicker !== undefined) {
+        if (!theme.userInput.emojiPicker)
+            theme.userInput.emojiPicker = {};
+        theme.userInput.emojiPicker.enable = enableEmojiPicker;
+    }
+    if (enableAttachments !== undefined) {
+        if (!theme.userInput.attachments)
+            theme.userInput.attachments = {};
+        theme.userInput.attachments.enable = enableAttachments;
+    }
+    if (enableUserInput !== undefined) {
+        if (!theme.userInput.enable)
+            theme.userInput.enable = {};
+        theme.userInput.enable = enableUserInput;
+    }
+    if (enableAnimations !== undefined) {
+        if (!theme.animations.enable)
+            theme.animations.enable = {};
+        theme.animations.enable = enableAnimations;
+    }
+    if (blockInputs !== undefined)
+        theme.userInput.blockInputs = blockInputs;
+    return theme;
+};
+exports.normalizeWebchatSettings = normalizeWebchatSettings;
+//# sourceMappingURL=webchat-settings.js.map

package/lib/cjs/components/webchat-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-settings.js","sourceRoot":"src/","sources":["components/webchat-settings.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/whatsapp-template.d.ts

@@ -0,0 +1 @@
+export function WhatsappTemplate(props: any): any;

package/lib/cjs/components/whatsapp-template.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappTemplate = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("../util/react");
+const message_1 = require("./message");
+const serialize = whatsappTemplateProps => {
+    return { text: whatsappTemplateProps };
+};
+const WhatsappTemplate = props => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `Template ${props.name} with namespace ${props.namespace} would be sent to the user.`;
+        return (<message_1.Message json={serialize(message)} {...props} type={core_1.INPUT.TEXT}>
+        {message}
+      </message_1.Message>);
+    };
+    const renderNode = () => {
+        return (<message {...props} header={props.header && JSON.stringify(props.header)} body={props.body && JSON.stringify(props.body)} footer={props.footer && JSON.stringify(props.footer)} type={core_1.INPUT.WHATSAPP_TEMPLATE}/>);
+    };
+    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WhatsappTemplate = WhatsappTemplate;
+//# sourceMappingURL=whatsapp-template.js.map

package/lib/cjs/components/whatsapp-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-template.js","sourceRoot":"src/","sources":["components/whatsapp-template.jsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,0DAAyB;AAEzB,yCAA+C;AAC/C,uCAAmC;AAEnC,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE;IACxC,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAA;AACxC,CAAC,CAAA;AAEM,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,YAAY,KAAK,CAAC,IAAI,mBAAmB,KAAK,CAAC,SAAS,6BAA6B,CAAA;QACrG,OAAO,CACL,CAAC,iBAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,YAAK,CAAC,IAAI,CAAC,CAC7D;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,iBAAO,CAAC,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,CAAC,OAAO,CACN,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CACrD,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAC/C,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CACrD,IAAI,CAAC,CAAC,YAAK,CAAC,iBAAiB,CAAC,EAC9B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxBY,QAAA,gBAAgB,oBAwB5B"}