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

package/lib/cjs/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/cjs/components/index-types.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// 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/cjs/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/cjs/components/index.d.ts

@@ -1,20 +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 * 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";
+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/cjs/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappTemplate = exports.WebchatSettings = exports.Video = exports.Title = exports.Text = exports.Subtitle = exports.ShareButton = exports.Reply = exports.Raw = exports.Pic = exports.MessageTemplate = exports.Location = exports.Image = exports.Element = exports.Document = exports.customMessage = exports.Carousel = exports.Button = exports.Audio = void 0;
+exports.WhatsappTemplate = exports.WebchatSettings = exports.Video = exports.Title = exports.Text = exports.Subtitle = exports.ShareButton = exports.Reply = exports.Raw = exports.Pic = exports.MessageTemplate = exports.Message = exports.Location = exports.Image = exports.Element = exports.Document = exports.customMessage = exports.Carousel = exports.Button = exports.Audio = void 0;
 const tslib_1 = require("tslib");
 var audio_1 = require("./audio");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return audio_1.Audio; } });
@@ -16,8 +16,11 @@ var element_1 = require("./element");
 Object.defineProperty(exports, "Element", { enumerable: true, get: function () { return element_1.Element; } });
 var image_1 = require("./image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });
+tslib_1.__exportStar(require("./index-types"), exports);
 var location_1 = require("./location");
 Object.defineProperty(exports, "Location", { enumerable: true, get: function () { return location_1.Location; } });
+var message_1 = require("./message");
+Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return message_1.Message; } });
 var message_template_1 = require("./message-template");
 Object.defineProperty(exports, "MessageTemplate", { enumerable: true, get: function () { return message_template_1.MessageTemplate; } });
 tslib_1.__exportStar(require("./multichannel"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/index.js"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,mDAAgD;AAAvC,+GAAA,aAAa,OAAA;AACtB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAA8B;AAC9B,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAAsD;AAA7C,qHAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/index.ts"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,mDAAgD;AAAvC,+GAAA,aAAa,OAAA;AACtB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wDAA6B;AAC7B,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAA8B;AAC9B,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAAsD;AAA7C,qHAAA,gBAAgB,OAAA"}

package/lib/cjs/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/cjs/components/multichannel/index-types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index-types.js.map

package/lib/cjs/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/cjs/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/cjs/components/multichannel/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultichannelCarousel = exports.MultichannelReply = exports.MultichannelButton = exports.MultichannelText = exports.Multichannel = void 0;
+const tslib_1 = require("tslib");
 const multichannel_1 = require("./multichannel");
 Object.defineProperty(exports, "Multichannel", { enumerable: true, get: function () { return multichannel_1.Multichannel; } });
 const multichannel_button_1 = require("./multichannel-button");
@@ -11,4 +12,5 @@ const multichannel_reply_1 = require("./multichannel-reply");
 Object.defineProperty(exports, "MultichannelReply", { enumerable: true, get: function () { return multichannel_reply_1.MultichannelReply; } });
 const multichannel_text_1 = require("./multichannel-text");
 Object.defineProperty(exports, "MultichannelText", { enumerable: true, get: function () { return multichannel_text_1.MultichannelText; } });
+tslib_1.__exportStar(require("./index-types"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/multichannel/index.js"],"names":[],"mappings":";;;AAAA,iDAA6C;AAMpC,6FANA,2BAAY,OAMA;AALrB,+DAA0D;AAOjD,mGAPA,wCAAkB,OAOA;AAN3B,mEAA8D;AAQrD,qGARA,4CAAoB,OAQA;AAP7B,6DAAwD;AAM/C,kGANA,sCAAiB,OAMA;AAL1B,2DAAsD;AAG7C,iGAHA,oCAAgB,OAGA"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/multichannel/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA6C;AAMpC,6FANA,2BAAY,OAMA;AALrB,+DAA0D;AAOjD,mGAPA,wCAAkB,OAOA;AAN3B,mEAA8D;AAQrD,qGARA,4CAAoB,OAQA;AAP7B,6DAAwD;AAM/C,kGANA,sCAAiB,OAMA;AAL1B,2DAAsD;AAG7C,iGAHA,oCAAgB,OAGA;AAKzB,wDAA6B"}

package/lib/cjs/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/cjs/contexts.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebchatContext = exports.RequestContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = require("react");
 const hooks_1 = require("./webchat/hooks");
-exports.RequestContext = react_1.default.createContext({
+exports.RequestContext = (0, react_1.createContext)({
     getString: () => '',
     setLocale: () => '',
     session: {},
@@ -13,7 +12,7 @@ exports.RequestContext = react_1.default.createContext({
     defaultDelay: 0,
     defaultTyping: 0,
 });
-exports.WebchatContext = react_1.default.createContext({
+exports.WebchatContext = (0, react_1.createContext)({
     sendText: text => { },
     sendAttachment: attachment => { },
     sendPayload: payload => { },

package/lib/cjs/contexts.js.map

@@ -1 +1 @@
-{"version":3,"file":"contexts.js","sourceRoot":"src/","sources":["contexts.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEzB,2CAAqD;AAExC,QAAA,cAAc,GAAG,eAAK,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;AAEW,QAAA,cAAc,GAAG,eAAK,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,2BAAmB;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,iCAAqC;AAErC,2CAAqD;AAExC,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAC;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;AAEW,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAC;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,2BAAmB;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/cjs/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/cjs/index-types.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+// export class DevApp extends WebchatApp {
+//   constructor(args: WebchatAppArgs)
+//   onUserInput(args: OnUserInputArgs): Promise<void>
+//   render(dest: HTMLElement, optionsAtRuntime: WebchatAppArgs): void
+// }
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./util"), exports);
+tslib_1.__exportStar(require("./webchat"), exports);
+//# sourceMappingURL=index-types.js.map

package/lib/cjs/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,uDAA4B;AAC5B,iDAAsB;AACtB,oDAAyB"}

package/lib/cjs/index.d.ts

@@ -1,10 +1,7 @@
-export * from "./components";
-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/cjs/index.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewApp = exports.WebchatApp = exports.Webchat = exports.getBotonicApp = exports.staticAsset = exports.NodeApp = exports.msgToBotonic = exports.msgsToBotonic = exports.DevApp = exports.WebchatContext = exports.RequestContext = exports.BotonicOutputTester = exports.BotonicInputTester = void 0;
+exports.WebviewApp = exports.WebchatApp = exports.NodeApp = exports.msgToBotonic = exports.msgsToBotonic = exports.DevApp = exports.BotonicOutputTester = exports.BotonicInputTester = void 0;
 const tslib_1 = require("tslib");
 var botonic_tester_1 = require("./botonic-tester");
 Object.defineProperty(exports, "BotonicInputTester", { enumerable: true, get: function () { return botonic_tester_1.BotonicInputTester; } });
 Object.defineProperty(exports, "BotonicOutputTester", { enumerable: true, get: function () { return botonic_tester_1.BotonicOutputTester; } });
-tslib_1.__exportStar(require("./components"), exports);
-var contexts_1 = require("./contexts");
-Object.defineProperty(exports, "RequestContext", { enumerable: true, get: function () { return contexts_1.RequestContext; } });
-Object.defineProperty(exports, "WebchatContext", { enumerable: true, get: function () { return contexts_1.WebchatContext; } });
+// export * from './components'
+// export { RequestContext, WebchatContext } from './contexts'
 var dev_app_1 = require("./dev-app");
 Object.defineProperty(exports, "DevApp", { enumerable: true, get: function () { return dev_app_1.DevApp; } });
+tslib_1.__exportStar(require("./index-types"), exports);
 var msg_to_botonic_1 = require("./msg-to-botonic");
 Object.defineProperty(exports, "msgsToBotonic", { enumerable: true, get: function () { return msg_to_botonic_1.msgsToBotonic; } });
 Object.defineProperty(exports, "msgToBotonic", { enumerable: true, get: function () { return msg_to_botonic_1.msgToBotonic; } });
 var node_app_1 = require("./node-app");
 Object.defineProperty(exports, "NodeApp", { enumerable: true, get: function () { return node_app_1.NodeApp; } });
-var environment_1 = require("./util/environment");
-Object.defineProperty(exports, "staticAsset", { enumerable: true, get: function () { return environment_1.staticAsset; } });
-var index_js_1 = require("./webchat/index.js");
-Object.defineProperty(exports, "getBotonicApp", { enumerable: true, get: function () { return index_js_1.getBotonicApp; } });
-Object.defineProperty(exports, "Webchat", { enumerable: true, get: function () { return index_js_1.Webchat; } });
+// export { staticAsset } from './util/environment'
+// export { getBotonicApp, Webchat } from './webchat/index'
 var webchat_app_1 = require("./webchat-app");
 Object.defineProperty(exports, "WebchatApp", { enumerable: true, get: function () { return webchat_app_1.WebchatApp; } });
 var webview_app_1 = require("./webview-app");

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.js"],"names":[],"mappings":";;;;AAAA,mDAA0E;AAAjE,oHAAA,kBAAkB,OAAA;AAAE,qHAAA,mBAAmB,OAAA;AAChD,uDAA4B;AAC5B,uCAA2D;AAAlD,0GAAA,cAAc,OAAA;AAAE,0GAAA,cAAc,OAAA;AACvC,qCAAkC;AAAzB,iGAAA,MAAM,OAAA;AACf,mDAA8D;AAArD,+GAAA,aAAa,OAAA;AAAE,8GAAA,YAAY,OAAA;AACpC,uCAAoC;AAA3B,mGAAA,OAAO,OAAA;AAChB,kDAAgD;AAAvC,0GAAA,WAAW,OAAA;AACpB,+CAA2D;AAAlD,yGAAA,aAAa,OAAA;AAAE,mGAAA,OAAO,OAAA;AAC/B,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AACnB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.ts"],"names":[],"mappings":";;;;AAAA,mDAA0E;AAAjE,oHAAA,kBAAkB,OAAA;AAAE,qHAAA,mBAAmB,OAAA;AAChD,+BAA+B;AAC/B,8DAA8D;AAC9D,qCAAkC;AAAzB,iGAAA,MAAM,OAAA;AACf,wDAA6B;AAC7B,mDAA8D;AAArD,+GAAA,aAAa,OAAA;AAAE,8GAAA,YAAY,OAAA;AACpC,uCAAoC;AAA3B,mGAAA,OAAO,OAAA;AAChB,mDAAmD;AACnD,2DAA2D;AAC3D,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AACnB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA"}

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

@@ -0,0 +1,55 @@
+import * as core from '@botonic/core';
+import { RefObject } from 'react';
+import { Webview } from '../components/index-types';
+export interface WebchatStateTheme {
+    headerTitle: string;
+    brandColor: string;
+    brandImage: string;
+    triggerButtonImage: undefined;
+    textPlaceholder: string;
+    style: {
+        fontFamily: string;
+    };
+}
+export interface WebchatState {
+    width: number;
+    height: number;
+    messagesJSON: any[];
+    messagesComponents: any[];
+    replies: any[];
+    latestInput: Partial<core.Input>;
+    typing: boolean;
+    webview: Webview | null;
+    webviewParams: null;
+    session: Partial<core.Session>;
+    lastRoutePath: string | null;
+    handoff: boolean;
+    theme: WebchatStateTheme;
+    themeUpdates: Partial<WebchatStateTheme>;
+    error: {
+        message?: string;
+    };
+    devSettings: {
+        keepSessionOnReload?: boolean;
+        showSessionView?: boolean;
+    };
+    isWebchatOpen: boolean;
+    isEmojiPickerOpen: boolean;
+    isPersistentMenuOpen: boolean;
+    isCoverComponentOpen: boolean;
+    lastMessageUpdate: string;
+    currentAttachment: File | undefined;
+}
+export interface WebchatProps {
+    ref: RefObject<any>;
+    onConnectionRegained?: () => Promise<void>;
+}
+export interface WebchatDevProps extends WebchatProps {
+    initialDevSettings?: {
+        keepSessionOnReload?: boolean;
+        showSessionView?: boolean;
+    };
+}
+export interface CoverComponentProps {
+    closeComponent: () => void;
+}

package/lib/cjs/webchat/index-types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index-types.js.map

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

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