@botonic/react 0.22.0-alpha.2 → 0.22.0-beta.0

package/lib/cjs/webchat/index.d.ts

@@ -1,6 +1,4 @@
-/**
- * @returns {WebChatApp}
- */
-export function getBotonicApp(): WebChatApp;
-export { Webchat } from "./webchat";
-export { WebchatDev } from "./webchat-dev";
+export { Webchat } from './webchat';
+export { WebchatDev } from './webchat-dev';
+export declare function getBotonicApp(): any;
+export * from './index-types';

package/lib/cjs/webchat/index.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBotonicApp = exports.WebchatDev = exports.Webchat = void 0;
+const tslib_1 = require("tslib");
+// @ts-nocheck
 var webchat_1 = require("./webchat");
 Object.defineProperty(exports, "Webchat", { enumerable: true, get: function () { return webchat_1.Webchat; } });
 var webchat_dev_1 = require("./webchat-dev");
 Object.defineProperty(exports, "WebchatDev", { enumerable: true, get: function () { return webchat_dev_1.WebchatDev; } });
-/**
- * @returns {WebChatApp}
- */
 function getBotonicApp() {
     // Botonic is exported from your bot
     // eslint-disable-next-line no-undef
     return Botonic;
 }
 exports.getBotonicApp = getBotonicApp;
+tslib_1.__exportStar(require("./index-types"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/webchat/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/index.js"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB;;GAEG;AACH,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/index.ts"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC;AAED,wDAA6B"}

package/lib/esm/components/carousel.d.ts

@@ -3,7 +3,8 @@ export namespace Carousel {
     export { serialize };
 }
 declare function serialize(carouselProps: any): {
-    type: any;
+    type: INPUT;
     elements: any;
 };
+import { INPUT } from '@botonic/core';
 export {};

package/lib/esm/components/index-types.d.ts

@@ -0,0 +1,174 @@
+import React from 'react';
+import { CoverComponentProps } from '../webchat/index-types';
+export type MessageType = 'audio' | 'buttonmessage' | 'carousel' | 'custom' | 'document' | 'image' | 'location' | 'text' | 'video';
+export interface MessageProps {
+    blob?: boolean;
+    children: React.ReactNode;
+    delay?: number;
+    enabletimestamps?: boolean;
+    from?: 'user' | 'bot';
+    json?: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    type?: MessageType;
+    typing?: number;
+}
+export interface TextProps extends MessageProps {
+    markdown?: boolean;
+}
+export interface Webview {
+    name: string;
+}
+export interface ButtonProps {
+    params?: any;
+    path?: string;
+    payload?: string;
+    target?: string;
+    url?: string;
+    webview?: Webview;
+    onClick?: () => void;
+    autodisable?: boolean;
+    disabled?: boolean;
+    disabledstyle?: boolean;
+}
+export interface ReplyProps {
+    path?: string;
+    payload?: string;
+    children: string;
+}
+export interface PicProps {
+    src: string;
+}
+export type ImageProps = PicProps;
+export interface TitleProps {
+    children: React.ReactNode;
+    style: string;
+}
+export type SubtitleProps = TitleProps;
+export type CustomProp = {
+    custom?: React.ComponentType;
+};
+export type EnableProp = {
+    enable?: boolean;
+};
+export type ImageProp = {
+    image?: string;
+};
+export type PersistentMenuCloseOption = {
+    closeLabel: string;
+};
+export type PersistentMenuOption = {
+    label: string;
+} & ButtonProps;
+export type StyleProp = {
+    style?: any;
+};
+export type PersistentMenuTheme = (PersistentMenuCloseOption | PersistentMenuOption)[];
+export interface PersistentMenuProps {
+    onClick: () => void;
+    options: any;
+}
+export type BlockInputOption = {
+    preprocess?: (message: string) => string;
+    match: RegExp[];
+    message: string;
+};
+export interface BlobProps {
+    blobTick?: boolean;
+    blobTickStyle?: any;
+    blobWidth?: string;
+    imageStyle?: any;
+}
+export interface ScrollbarProps {
+    autoHide?: boolean;
+    thumb?: {
+        bgcolor?: string;
+        border?: string;
+        color?: string;
+        opacity?: string;
+    };
+    track?: {
+        bgcolor?: string;
+        border?: string;
+        color?: string;
+    };
+}
+export interface ThemeProps extends StyleProp {
+    mobileBreakpoint?: number;
+    mobileStyle?: any;
+    webview?: StyleProp & {
+        header?: StyleProp;
+    };
+    animations?: EnableProp;
+    intro?: StyleProp & ImageProp & CustomProp;
+    brand?: {
+        color?: string;
+    } & ImageProp;
+    header?: {
+        title?: string;
+        subtitle?: string;
+    } & ImageProp & StyleProp & CustomProp;
+    message?: {
+        bot?: BlobProps & ImageProp & StyleProp;
+        user?: BlobProps & StyleProp;
+        customTypes?: React.ComponentType[];
+    } & StyleProp & {
+        timestamps?: {
+            enable?: boolean;
+            format(): string;
+        } & StyleProp;
+    };
+    button?: {
+        autodisable?: boolean;
+        disabledstyle?: any;
+        hoverBackground?: string;
+        hoverTextColor?: string;
+        messageType?: 'text' | 'payload';
+    } & StyleProp & CustomProp;
+    replies?: {
+        align?: 'left' | 'center' | 'right';
+        wrap?: 'wrap' | 'nowrap';
+    };
+    carousel?: {
+        arrow?: {
+            left: CustomProp;
+            right: CustomProp;
+        };
+        enableArrows?: boolean;
+    };
+    reply?: StyleProp & CustomProp;
+    triggerButton?: ImageProp & StyleProp & CustomProp;
+    markdownStyle?: string;
+    scrollbar?: ScrollbarProps & EnableProp;
+    userInput?: {
+        attachments?: EnableProp & CustomProp;
+        blockInputs?: BlockInputOption[];
+        box?: {
+            placeholder: string;
+        } & StyleProp;
+        emojiPicker?: EnableProp & CustomProp;
+        menu?: {
+            darkBackground?: boolean;
+        } & {
+            custom?: React.ComponentType<PersistentMenuProps>;
+        };
+        menuButton?: CustomProp;
+        persistentMenu?: PersistentMenuTheme;
+        sendButton?: EnableProp & CustomProp;
+    } & EnableProp & StyleProp;
+}
+export interface CoverComponentOptions {
+    component: React.ComponentType<CoverComponentProps>;
+    props?: any;
+}
+export interface WebchatSettingsProps {
+    blockInputs?: BlockInputOption[];
+    enableAnimations?: boolean;
+    enableAttachments?: boolean;
+    enableEmojiPicker?: boolean;
+    enableUserInput?: boolean;
+    persistentMenu?: PersistentMenuTheme;
+    theme?: ThemeProps;
+}
+export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
+    customTypeName: string;
+};

package/lib/esm/components/index-types.js

@@ -0,0 +1,16 @@
+export {};
+// TODO: Reuse types to be typed in respective functions
+// export class ErrorBoundary<Props> extends React.Component<Props> {
+//   componentDidCatch(error: Error, errorInfo: ErrorInfo): void
+// }
+// export function createErrorBoundary<Props>(_?: {
+//   errorComponent: React.ComponentType
+// }): ErrorBoundary<Props>
+// export function customMessage<Props>(_: {
+//   name: string
+//   component: React.ComponentType<Props>
+//   defaultProps?: Record<string, unknown>
+//   errorBoundary?: ErrorBoundary<Props>
+// }): WrappedComponent<Props>
+// export function getDisplayName(component: React.ComponentType): string
+//# sourceMappingURL=index-types.js.map

package/lib/esm/components/index-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-types.js","sourceRoot":"src/","sources":["components/index-types.ts"],"names":[],"mappings":";AA8LA,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"}

package/lib/esm/components/index.d.ts

@@ -1,19 +1,22 @@
-export { Audio } from "./audio";
-export { Button } from "./button";
-export { Carousel } from "./carousel";
-export { customMessage } from "./custom-message";
-export { Document } from "./document";
-export { Element } from "./element";
-export { Image } from "./image";
-export { Location } from "./location";
-export { MessageTemplate } from "./message-template";
-export { Pic } from "./pic";
-export { Raw } from "./raw";
-export { Reply } from "./reply";
-export { ShareButton } from "./share-button";
-export { Subtitle } from "./subtitle";
-export { Text } from "./text";
-export { Title } from "./title";
-export { Video } from "./video";
-export { WebchatSettings } from "./webchat-settings";
-export { WhatsappTemplate } from "./whatsapp-template";
+export { Audio } from './audio';
+export { Button } from './button';
+export { Carousel } from './carousel';
+export { customMessage } from './custom-message';
+export { Document } from './document';
+export { Element } from './element';
+export { Image } from './image';
+export * from './index-types';
+export { Location } from './location';
+export { Message } from './message';
+export { MessageTemplate } from './message-template';
+export * from './multichannel';
+export { Pic } from './pic';
+export { Raw } from './raw';
+export { Reply } from './reply';
+export { ShareButton } from './share-button';
+export { Subtitle } from './subtitle';
+export { Text } from './text';
+export { Title } from './title';
+export { Video } from './video';
+export { WebchatSettings } from './webchat-settings';
+export { WhatsappTemplate } from './whatsapp-template';

package/lib/esm/components/index.js

@@ -5,7 +5,9 @@ export { customMessage } from './custom-message';
 export { Document } from './document';
 export { Element } from './element';
 export { Image } from './image';
+export * from './index-types';
 export { Location } from './location';
+export { Message } from './message';
 export { MessageTemplate } from './message-template';
 export * from './multichannel';
 export { Pic } from './pic';

package/lib/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}

package/lib/esm/components/multichannel/index-types.d.ts

@@ -0,0 +1,45 @@
+export type IndexMode = 'number' | 'letter' | undefined;
+export interface MultichannelViewOptions {
+    boldIndex?: boolean;
+    indexSeparator?: string;
+}
+export interface MultichannelContextType extends MultichannelViewOptions {
+    currentIndex: number | string;
+    /** @see same field at MultichannelProps */
+    messageSeparator?: string;
+}
+export interface MultichannelTextProps extends MultichannelViewOptions {
+    index?: string;
+    indexMode?: IndexMode;
+    /** Defaults to no separator between lines*/
+    newline?: string;
+    buttonsAsText?: boolean;
+    buttonsTextSeparator?: string;
+}
+export interface MultichannelCarouselProps extends MultichannelViewOptions {
+    enableURL?: boolean;
+    indexMode?: IndexMode;
+    showTitle?: boolean;
+    showSubtitle?: boolean;
+    buttonsAsText?: boolean;
+}
+export interface MultichannelButtonProps {
+    newline?: string;
+    path?: string;
+    payload?: string;
+    url?: string;
+    webview?: string;
+    asText?: boolean;
+}
+export interface MultichannelProps extends MultichannelViewOptions {
+    firstIndex?: number | string;
+    carousel?: MultichannelCarouselProps;
+    text?: MultichannelTextProps;
+    /**
+     * If undefined, each component will be served in a different botonic message
+     * '' will concatenate in the same line
+     * '\n' will split in different lines
+     * '\n\n' will separate with an empty line
+     **/
+    messageSeparator?: string;
+}

package/lib/esm/components/multichannel/index-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index-types.js.map

package/lib/esm/components/multichannel/index-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-types.js","sourceRoot":"src/","sources":["components/multichannel/index-types.ts"],"names":[],"mappings":""}

package/lib/esm/components/multichannel/index.d.ts

@@ -1,6 +1,11 @@
 import { Multichannel } from './multichannel';
-import { MultichannelText } from './multichannel-text';
 import { MultichannelButton } from './multichannel-button';
-import { MultichannelReply } from './multichannel-reply';
 import { MultichannelCarousel } from './multichannel-carousel';
-export { Multichannel, MultichannelText, MultichannelButton, MultichannelReply, MultichannelCarousel };
+import { MultichannelReply } from './multichannel-reply';
+import { MultichannelText } from './multichannel-text';
+export { Multichannel };
+export { MultichannelText };
+export { MultichannelButton };
+export { MultichannelReply };
+export { MultichannelCarousel };
+export * from './index-types';

package/lib/esm/components/multichannel/index.js

@@ -8,4 +8,5 @@ export { MultichannelText };
 export { MultichannelButton };
 export { MultichannelReply };
 export { MultichannelCarousel };
+export * from './index-types';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/multichannel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/multichannel/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/multichannel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,CAAA;AAE/B,cAAc,eAAe,CAAA"}

package/lib/esm/contexts.d.ts

@@ -1,4 +1,4 @@
-export const RequestContext: React.Context<{
+export const RequestContext: import("react").Context<{
     getString: () => "";
     setLocale: () => "";
     session: {};
@@ -7,7 +7,7 @@ export const RequestContext: React.Context<{
     defaultDelay: number;
     defaultTyping: number;
 }>;
-export const WebchatContext: React.Context<{
+export const WebchatContext: import("react").Context<{
     sendText: (text: any) => void;
     sendAttachment: (attachment: any) => void;
     sendPayload: (payload: any) => void;
@@ -66,4 +66,3 @@ export const WebchatContext: React.Context<{
     updateWebchatDevSettings: (settings: any) => {};
     updateUser: (user: any) => void;
 }>;
-import React from 'react';

package/lib/esm/contexts.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import { createContext } from 'react';
 import { webchatInitialState } from './webchat/hooks';
-export const RequestContext = React.createContext({
+export const RequestContext = createContext({
     getString: () => '',
     setLocale: () => '',
     session: {},
@@ -9,7 +9,7 @@ export const RequestContext = React.createContext({
     defaultDelay: 0,
     defaultTyping: 0,
 });
-export const WebchatContext = React.createContext({
+export const WebchatContext = createContext({
     sendText: text => { },
     sendAttachment: attachment => { },
     sendPayload: payload => { },

package/lib/esm/contexts.js.map

@@ -1 +1 @@
-{"version":3,"file":"contexts.js","sourceRoot":"src/","sources":["contexts.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC;IAChD,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;CACjB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC;IAChD,QAAQ,EAAE,IAAI,CAAC,EAAE,GAAE,CAAC;IACpB,cAAc,EAAE,UAAU,CAAC,EAAE,GAAE,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IAC1B,SAAS,EAAE,KAAK,CAAC,EAAE,GAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IACzB,WAAW,EAAE,gBAAgB,CAAC,EAAE,GAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IAC5B,iBAAiB,EAAE,KAAK,CAAC,EAAE,GAAE,CAAC;IAC9B,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,gBAAgB,EAAE,QAAQ,CAAC,EAAE,CAAC,SAAS;IACvC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,mBAAmB;IACjC,wBAAwB,EAAE,QAAQ,CAAC,EAAE;QACnC,OAAO,EAAE,CAAA;IACX,CAAC;IACD,UAAU,EAAE,IAAI,CAAC,EAAE,GAAE,CAAC;CACvB,CAAC,CAAA"}
+{"version":3,"file":"contexts.js","sourceRoot":"src/","sources":["contexts.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC;IAC1C,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;CACjB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC;IAC1C,QAAQ,EAAE,IAAI,CAAC,EAAE,GAAE,CAAC;IACpB,cAAc,EAAE,UAAU,CAAC,EAAE,GAAE,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IAC1B,SAAS,EAAE,KAAK,CAAC,EAAE,GAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IACzB,WAAW,EAAE,gBAAgB,CAAC,EAAE,GAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC,EAAE,GAAE,CAAC;IAC5B,iBAAiB,EAAE,KAAK,CAAC,EAAE,GAAE,CAAC;IAC9B,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,gBAAgB,EAAE,QAAQ,CAAC,EAAE,CAAC,SAAS;IACvC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,mBAAmB;IACjC,wBAAwB,EAAE,QAAQ,CAAC,EAAE;QACnC,OAAO,EAAE,CAAA;IACX,CAAC;IACD,UAAU,EAAE,IAAI,CAAC,EAAE,GAAE,CAAC;CACvB,CAAC,CAAA"}

package/lib/esm/index-types.d.ts

@@ -0,0 +1,96 @@
+import * as core from '@botonic/core';
+import React from 'react';
+import { ButtonProps, ReplyProps, ThemeProps, WebchatSettingsProps, Webview } from './components/index-types';
+import { WebchatState } from './webchat';
+/**
+ * See @botonic/core's Response for the description of the Response's semantics*/
+export interface BotResponse extends core.BotRequest {
+    response: [React.ReactNode];
+}
+export interface Route extends core.Route {
+    action?: React.ComponentType<any>;
+    retryAction?: React.ComponentType<any>;
+}
+export type Routes = core.Routes<Route>;
+export interface ActionRequest {
+    defaultDelay: number;
+    defaultTyping: number;
+    input: core.Input;
+    lastRoutePath: string;
+    params: {
+        [key: string]: string;
+    };
+    plugins: {
+        [id: string]: core.Plugin;
+    };
+    session: core.Session;
+}
+export interface RequestContextInterface extends ActionRequest {
+    getString: (stringId: string) => string;
+    setLocale: (locale: string) => string;
+}
+export type RequestContext = React.Context<RequestContextInterface>;
+export interface CustomMessageType {
+    customTypeName: string;
+}
+export interface WebchatAppArgs {
+    appId?: string;
+    visibility?: () => boolean;
+}
+export interface WebchatMessage {
+    ack: 0 | 1;
+    buttons: ButtonProps[];
+    data: any;
+    delay: number;
+    display: boolean;
+    from: 'user' | 'bot';
+    id: string;
+    markdown: boolean;
+    replies: ReplyProps[];
+    timestamp: string;
+    type: core.InputType;
+    typing: number;
+}
+export interface OnUserInputArgs {
+    input: core.Input;
+    lastRoutePath?: string;
+    session?: core.Session;
+    user: core.SessionUser;
+}
+export interface OnStateChangeArgs {
+    messagesJSON: WebchatMessage[];
+    user: core.SessionUser;
+}
+export interface MessageInfo {
+    data: any | 'typing_on';
+    id: string;
+    type: 'update_webchat_settings' | 'sender_action';
+}
+export interface Event {
+    action?: 'update_message_info';
+    isError?: boolean;
+    message?: MessageInfo;
+}
+export interface WebchatContextProps {
+    sendText: (text: string, payload?: string) => void;
+    sendAttachment: (attachment: File) => void;
+    sendPayload: (payload: string) => void;
+    sendInput: (input: core.Input) => void;
+    openWebview: (webviewComponent: Webview) => void;
+    addMessage: (message: WebchatMessage) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    updateReplies: (replies: boolean) => void;
+    updateLatestInput: (input: core.Input) => void;
+    closeWebview: () => void;
+    toggleWebchat: () => void;
+    getThemeProperty: (property: string, defaultValue?: string) => any;
+    resolveCase: () => void;
+    theme: ThemeProps;
+    webchatState: WebchatState;
+    updateWebchatDevSettings: (settings: WebchatSettingsProps) => void;
+    updateUser: (user: Partial<core.SessionUser>) => void;
+}
+export type WebchatContext = React.Context<WebchatContextProps>;
+export * from './components';
+export * from './util';
+export * from './webchat';

package/lib/esm/index-types.js

@@ -0,0 +1,9 @@
+// export class DevApp extends WebchatApp {
+//   constructor(args: WebchatAppArgs)
+//   onUserInput(args: OnUserInputArgs): Promise<void>
+//   render(dest: HTMLElement, optionsAtRuntime: WebchatAppArgs): void
+// }
+export * from './components';
+export * from './util';
+export * from './webchat';
+//# sourceMappingURL=index-types.js.map

package/lib/esm/index-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-types.js","sourceRoot":"src/","sources":["index-types.ts"],"names":[],"mappings":"AAqLA,2CAA2C;AAC3C,sCAAsC;AACtC,sDAAsD;AACtD,sEAAsE;AACtE,IAAI;AAEJ,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA"}

package/lib/esm/index.d.ts

@@ -1,9 +1,7 @@
-export { DevApp } from "./dev-app";
-export { NodeApp } from "./node-app";
-export { staticAsset } from "./util/environment";
-export { getBotonicApp } from "./webchat/index.js";
-export { WebchatApp } from "./webchat-app";
-export { WebviewApp } from "./webview-app";
-export { BotonicInputTester, BotonicOutputTester } from "./botonic-tester";
-export { RequestContext, WebchatContext } from "./contexts";
-export { msgsToBotonic, msgToBotonic } from "./msg-to-botonic";
+export { BotonicInputTester, BotonicOutputTester } from './botonic-tester';
+export { DevApp } from './dev-app';
+export * from './index-types';
+export { msgsToBotonic, msgToBotonic } from './msg-to-botonic';
+export { NodeApp } from './node-app';
+export { WebchatApp } from './webchat-app';
+export { WebviewApp } from './webview-app';

package/lib/esm/index.js

@@ -1,11 +1,12 @@
 export { BotonicInputTester, BotonicOutputTester } from './botonic-tester';
-export * from './components';
-export { RequestContext, WebchatContext } from './contexts';
+// export * from './components'
+// export { RequestContext, WebchatContext } from './contexts'
 export { DevApp } from './dev-app';
+export * from './index-types';
 export { msgsToBotonic, msgToBotonic } from './msg-to-botonic';
 export { NodeApp } from './node-app';
-export { staticAsset } from './util/environment';
-export { getBotonicApp, Webchat } from './webchat/index.js';
+// export { staticAsset } from './util/environment'
+// export { getBotonicApp, Webchat } from './webchat/index'
 export { WebchatApp } from './webchat-app';
 export { WebviewApp } from './webview-app';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC1E,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC1E,+BAA+B;AAC/B,8DAA8D;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,mDAAmD;AACnD,2DAA2D;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}

package/lib/esm/message-utils.d.ts

@@ -10,9 +10,10 @@ export function isContact(msg: any): boolean;
 export function isCarousel(msg: any): boolean;
 export function isCustom(msg: any): boolean;
 export function isButtonMessage(msg: any): boolean;
-export const INPUT_MEDIA_TYPES: any[];
+export const INPUT_MEDIA_TYPES: INPUT[];
 export function isMedia(message: any): boolean;
 export function readDataURL(file: any): Promise<any>;
 export function isAllowedSize(fileSize: any): boolean;
 export function getMediaType(fileType: any): string;
 export function getFullMimeWhitelist(): string[];
+import { INPUT } from '@botonic/core';

package/lib/esm/node-app.d.ts

@@ -2,10 +2,10 @@ export class NodeApp {
     constructor(options: any);
     bot: ReactBot;
     renderNode(args: any): Promise<string>;
-    input(args: any): any;
+    input(args: any): Promise<import("@botonic/core").BotResponse>;
     getConfig(): {
-        id: any;
-        name: any;
+        id: string;
+        name: string;
         config: any;
     }[];
 }

package/lib/esm/react-bot.d.ts

@@ -1,7 +1,8 @@
-export class ReactBot {
+export class ReactBot extends CoreBot {
     constructor(options: any);
     renderReactActions({ request, actions }: {
         request: any;
         actions: any;
     }): Promise<JSX.Element[]>;
 }
+import { CoreBot } from '@botonic/core';