@botonic/react 0.31.0-alpha.5 → 0.31.0-alpha.7

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { SENDERS } from '../index-types';
-import { CoverComponentProps } from '../webchat/index-types';
 export type MessageType = 'audio' | 'buttonmessage' | 'carousel' | 'custom' | 'document' | 'image' | 'location' | 'text' | 'video';
 export interface MessageProps {
     blob?: boolean;
@@ -75,142 +74,16 @@ export interface TitleProps {
     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 interface CustomMessageType {
+    (props: any): JSX.Element;
+    customTypeName: string;
+    deserialize(msg: any): JSX.Element;
 }
 export type BlockInputOption = {
     preprocess?: (message: string) => string;
     match: RegExp[];
     message: string;
 };
-export interface BlobProps {
-    blobTick?: boolean;
-    blobTickStyle?: any;
-    blobWidth?: string;
-    imageStyle?: any;
-}
-export interface CustomMessageType {
-    (props: any): JSX.Element;
-    customTypeName: string;
-    deserialize(msg: any): JSX.Element;
-}
-export interface ThemeProps extends StyleProp {
-    coverComponent?: CoverComponentOptions;
-    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;
-    customMessageTypes?: CustomMessageType[];
-    message?: {
-        bot?: BlobProps & ImageProp & StyleProp;
-        agent?: ImageProp;
-        user?: BlobProps & StyleProp;
-        customTypes?: CustomMessageType[];
-    } & StyleProp & {
-        timestamps?: {
-            withImage?: boolean;
-            format: () => string;
-        } & StyleProp & EnableProp;
-    };
-    button?: {
-        autodisable?: boolean;
-        disabledstyle?: any;
-        hoverBackground?: string;
-        hoverTextColor?: string;
-        messageType?: 'text' | 'payload';
-        urlIcon?: ImageProp & EnableProp;
-    } & 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;
-    notifications?: EnableProp & {
-        banner?: CustomProp & EnableProp & {
-            text?: string;
-        };
-        triggerButton?: EnableProp;
-    };
-    scrollButton?: EnableProp & CustomProp;
-    markdownStyle?: string;
-    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;
-    imagePreviewer?: React.ComponentType<ImagePreviewerProps>;
-}
-interface ImagePreviewerProps {
-    src: string;
-    isPreviewerOpened: boolean;
-    closePreviewer: () => void;
-}
-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;
-    user?: {
-        extra_data?: any;
-    };
-}
 export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
     customTypeName: string;
 };
-export {};

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

@@ -4,6 +4,7 @@ export { Carousel } from './carousel';
 export { customMessage } from './custom-message';
 export { Document } from './document';
 export { Element } from './element';
+export { Handoff } from './handoff';
 export { Image } from './image';
 export * from './index-types';
 export { Location } from './location';
@@ -18,7 +19,12 @@ export { Subtitle } from './subtitle';
 export { Text } from './text';
 export { Title } from './title';
 export { Video } from './video';
-export { WebchatSettings } from './webchat-settings';
+export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from './webchat-settings';
 export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
+export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
 export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, } from './whatsapp-cta-url-button';
+export { WhatsappMediaCarousel, WhatsappMediaCarouselProps, } from './whatsapp-media-carousel';
+export { WhatsappProduct } from './whatsapp-product';
+export { WhatsappProductCarousel, WhatsappProductCarouselProps, } from './whatsapp-product-carousel';
+export { ProductItem, WhatsappProductList, WhatsappProductListProps, WhatsappProductListSection, } from './whatsapp-product-list';
 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.WhatsappCTAUrlButton = exports.WhatsappButtonList = 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;
+exports.WhatsappTemplate = exports.WhatsappProductList = exports.WhatsappProductCarousel = exports.WhatsappProduct = exports.WhatsappMediaCarousel = exports.WhatsappCTAUrlButton = exports.WhatsappCatalog = exports.WhatsappButtonList = exports.WebchatSettings = exports.normalizeWebchatSettings = 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.Handoff = 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; } });
@@ -14,6 +14,8 @@ var document_1 = require("./document");
 Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return document_1.Document; } });
 var element_1 = require("./element");
 Object.defineProperty(exports, "Element", { enumerable: true, get: function () { return element_1.Element; } });
+var handoff_1 = require("./handoff");
+Object.defineProperty(exports, "Handoff", { enumerable: true, get: function () { return handoff_1.Handoff; } });
 var image_1 = require("./image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });
 tslib_1.__exportStar(require("./index-types"), exports);
@@ -41,11 +43,22 @@ Object.defineProperty(exports, "Title", { enumerable: true, get: function () { r
 var video_1 = require("./video");
 Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return video_1.Video; } });
 var webchat_settings_1 = require("./webchat-settings");
+Object.defineProperty(exports, "normalizeWebchatSettings", { enumerable: true, get: function () { return webchat_settings_1.normalizeWebchatSettings; } });
 Object.defineProperty(exports, "WebchatSettings", { enumerable: true, get: function () { return webchat_settings_1.WebchatSettings; } });
 var whatsapp_button_list_1 = require("./whatsapp-button-list");
 Object.defineProperty(exports, "WhatsappButtonList", { enumerable: true, get: function () { return whatsapp_button_list_1.WhatsappButtonList; } });
+var whatsapp_catalog_1 = require("./whatsapp-catalog");
+Object.defineProperty(exports, "WhatsappCatalog", { enumerable: true, get: function () { return whatsapp_catalog_1.WhatsappCatalog; } });
 var whatsapp_cta_url_button_1 = require("./whatsapp-cta-url-button");
 Object.defineProperty(exports, "WhatsappCTAUrlButton", { enumerable: true, get: function () { return whatsapp_cta_url_button_1.WhatsappCTAUrlButton; } });
+var whatsapp_media_carousel_1 = require("./whatsapp-media-carousel");
+Object.defineProperty(exports, "WhatsappMediaCarousel", { enumerable: true, get: function () { return whatsapp_media_carousel_1.WhatsappMediaCarousel; } });
+var whatsapp_product_1 = require("./whatsapp-product");
+Object.defineProperty(exports, "WhatsappProduct", { enumerable: true, get: function () { return whatsapp_product_1.WhatsappProduct; } });
+var whatsapp_product_carousel_1 = require("./whatsapp-product-carousel");
+Object.defineProperty(exports, "WhatsappProductCarousel", { enumerable: true, get: function () { return whatsapp_product_carousel_1.WhatsappProductCarousel; } });
+var whatsapp_product_list_1 = require("./whatsapp-product-list");
+Object.defineProperty(exports, "WhatsappProductList", { enumerable: true, get: function () { return whatsapp_product_list_1.WhatsappProductList; } });
 var whatsapp_template_1 = require("./whatsapp-template");
 Object.defineProperty(exports, "WhatsappTemplate", { enumerable: true, get: function () { return whatsapp_template_1.WhatsappTemplate; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/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,+DAK+B;AAJ7B,0HAAA,kBAAkB,OAAA;AAKpB,qEAGkC;AAFhC,+HAAA,oBAAoB,OAAA;AAGtB,yDAAsD;AAA7C,qHAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/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,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,uDAI2B;AAHzB,4HAAA,wBAAwB,OAAA;AACxB,mHAAA,eAAe,OAAA;AAGjB,+DAK+B;AAJ7B,0HAAA,kBAAkB,OAAA;AAKpB,uDAA0E;AAAjE,mHAAA,eAAe,OAAA;AACxB,qEAGkC;AAFhC,+HAAA,oBAAoB,OAAA;AAGtB,qEAGkC;AAFhC,gIAAA,qBAAqB,OAAA;AAGvB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yEAGoC;AAFlC,oIAAA,uBAAuB,OAAA;AAGzB,iEAKgC;AAH9B,4HAAA,mBAAmB,OAAA;AAIrB,yDAAsD;AAA7C,qHAAA,gBAAgB,OAAA"}

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

@@ -1,3 +1,16 @@
-import { WebchatSettingsProps } from './index-types';
+import { PersistentMenuOptionsTheme, ThemeProps } from '../webchat/theme/types';
+import { BlockInputOption } from './index-types';
+export interface WebchatSettingsProps {
+    blockInputs?: BlockInputOption[];
+    enableAnimations?: boolean;
+    enableAttachments?: boolean;
+    enableEmojiPicker?: boolean;
+    enableUserInput?: boolean;
+    persistentMenu?: PersistentMenuOptionsTheme;
+    theme?: ThemeProps;
+    user?: {
+        extra_data?: any;
+    };
+}
 export declare const WebchatSettings: ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user, }: WebchatSettingsProps) => any;
-export declare const normalizeWebchatSettings: (settings: WebchatSettingsProps) => import("./index-types").ThemeProps;
+export declare const normalizeWebchatSettings: (settings: WebchatSettingsProps) => ThemeProps;

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

@@ -1 +1 @@
-{"version":3,"file":"webchat-settings.js","sourceRoot":"","sources":["../../../src/components/webchat-settings.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,iCAAyC;AAEzC,yCAA+C;AAC/C,2CAAoD;AACpD,gDAAmD;AAG5C,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,IAAI,GACiB,EAAE,EAAE;IACzB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,sDAAsD;QACtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;QAC/D,wBAAwB,CAAC;YACvB,KAAK;YACL,WAAW;YACX,cAAc;YACd,iBAAiB;YACjB,iBAAiB;YACjB,eAAe;YACf,gBAAgB;SACjB,CAAC,CAAA;QACF,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,YAAY,GAAG,IAAA,gCAAwB,EAAC;YAC5C,KAAK;YACL,WAAW;YACX,cAAc;YACd,iBAAiB;YACjB,iBAAiB;YACjB,eAAe;YACf,gBAAgB;SACjB,CAAC,CAAA;QACF,OAAO;QACL,YAAY;QACZ,oCACE,IAAI,EAAE,YAAK,CAAC,gBAAgB,EAC5B,QAAQ,EAAE,IAAA,4BAAmB,EAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,GAC5D,CACH,CAAA;IACH,CAAC,CAAA;IACD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA3CY,QAAA,eAAe,mBA2C3B;AAEM,MAAM,wBAAwB,GAAG,CAAC,QAA8B,EAAE,EAAE;IACzE,IAAI,EACF,KAAK,EACL,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,GACjB,GAAG,QAAQ,CAAA;IACZ,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,EAAE,CAAA;IACtB,IAAI,CAAC,KAAK,CAAC,SAAS;QAAE,KAAK,CAAC,SAAS,GAAG,EAAE,CAAA;IAC1C,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,cAAc,CAAA;KAChD;IACD,IAAI,iBAAiB,KAAK,SAAS,EAAE;QACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,EAAE,CAAA;QAClE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAA;KACvD;IACD,IAAI,iBAAiB,KAAK,SAAS,EAAE;QACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,EAAE,CAAA;QAClE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAA;KACvD;IACD,IAAI,eAAe,KAAK,SAAS,EAAE;QACjC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,eAAe,CAAA;KACzC;IACD,IAAI,WAAW,KAAK,SAAS;QAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;IAExE,IAAI,CAAC,KAAK,CAAC,UAAU;QAAE,KAAK,CAAC,UAAU,GAAG,EAAE,CAAA;IAC5C,IAAI,gBAAgB,KAAK,SAAS,EAAE;QAClC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,gBAAgB,CAAA;KAC3C;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAjCY,QAAA,wBAAwB,4BAiCpC"}
+{"version":3,"file":"webchat-settings.js","sourceRoot":"","sources":["../../../src/components/webchat-settings.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,iCAAyC;AAEzC,yCAA+C;AAC/C,2CAAoD;AACpD,gDAAmD;AAe5C,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,IAAI,GACiB,EAAE,EAAE;IACzB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,sDAAsD;QACtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;QAC/D,wBAAwB,CAAC;YACvB,KAAK;YACL,WAAW;YACX,cAAc;YACd,iBAAiB;YACjB,iBAAiB;YACjB,eAAe;YACf,gBAAgB;SACjB,CAAC,CAAA;QACF,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,YAAY,GAAG,IAAA,gCAAwB,EAAC;YAC5C,KAAK;YACL,WAAW;YACX,cAAc;YACd,iBAAiB;YACjB,iBAAiB;YACjB,eAAe;YACf,gBAAgB;SACjB,CAAC,CAAA;QACF,OAAO;QACL,YAAY;QACZ,oCACE,IAAI,EAAE,YAAK,CAAC,gBAAgB,EAC5B,QAAQ,EAAE,IAAA,4BAAmB,EAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,GAC5D,CACH,CAAA;IACH,CAAC,CAAA;IACD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA3CY,QAAA,eAAe,mBA2C3B;AAEM,MAAM,wBAAwB,GAAG,CAAC,QAA8B,EAAE,EAAE;IACzE,IAAI,EACF,KAAK,EACL,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,GACjB,GAAG,QAAQ,CAAA;IACZ,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,EAAE,CAAA;IACtB,IAAI,CAAC,KAAK,CAAC,SAAS;QAAE,KAAK,CAAC,SAAS,GAAG,EAAE,CAAA;IAC1C,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,cAAc,CAAA;KAChD;IACD,IAAI,iBAAiB,KAAK,SAAS,EAAE;QACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,EAAE,CAAA;QAClE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAA;KACvD;IACD,IAAI,iBAAiB,KAAK,SAAS,EAAE;QACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW;YAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,EAAE,CAAA;QAClE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAA;KACvD;IACD,IAAI,eAAe,KAAK,SAAS,EAAE;QACjC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,eAAe,CAAA;KACzC;IACD,IAAI,WAAW,KAAK,SAAS;QAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;IAExE,IAAI,CAAC,KAAK,CAAC,UAAU;QAAE,KAAK,CAAC,UAAU,GAAG,EAAE,CAAA;IAC5C,IAAI,gBAAgB,KAAK,SAAS,EAAE;QAClC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,gBAAgB,CAAA;KAC3C;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAjCY,QAAA,wBAAwB,4BAiCpC"}

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

@@ -0,0 +1,6 @@
+export interface WhatsappCatalogProps {
+    body: string;
+    footer?: string;
+    thumbnailProductId?: string;
+}
+export declare const WhatsappCatalog: (props: WhatsappCatalogProps) => any;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappCatalog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = require("../util/react");
+const message_1 = require("./message");
+const serialize = (message) => {
+    return { text: message };
+};
+const WhatsappCatalog = (props) => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `WhatsApp Catalog would be sent to the user.`;
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
+    };
+    const renderNode = () => {
+        return (
+        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        (0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { body: props.body, footer: props.footer, thumbnailProductId: props.thumbnailProductId, type: core_1.INPUT.WHATSAPP_CATALOG })));
+    };
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WhatsappCatalog = WhatsappCatalog;
+//# sourceMappingURL=whatsapp-catalog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-catalog.js","sourceRoot":"","sources":["../../../src/components/whatsapp-catalog.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,yCAA+C;AAC/C,uCAAmC;AAQnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,6CAA6C,CAAA;QAC7D,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,IAAI,EAAE,YAAK,CAAC,gBAAgB,IAC5B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAzBY,QAAA,eAAe,mBAyB3B"}

package/lib/cjs/components/whatsapp-media-carousel.d.ts

@@ -0,0 +1,46 @@
+type Parameters = TextParameter | CurrencyParameter | DateTimeParameter;
+interface TextParameter {
+    type: 'text';
+    text: string;
+}
+interface CurrencyParameter {
+    type: 'currency';
+    currency: {
+        fallbackValue: string;
+        code: string;
+        amount1000: number;
+    };
+}
+interface DateTimeParameter {
+    type: 'date_time';
+    dateTime: {
+        fallbackValue: string;
+    };
+}
+type CardButton = QuickReplyButton | UrlButton;
+interface Button {
+    type: 'quick_reply' | 'url';
+    buttonIndex?: number;
+}
+interface QuickReplyButton extends Button {
+    payload: string;
+}
+interface UrlButton extends Button {
+    urlVariable: string;
+}
+interface Card {
+    fileType: 'image' | 'video';
+    fileId: string;
+    cardIndex?: number;
+    bodyParameters?: Parameters[];
+    buttons?: CardButton[];
+    extraComponents?: Record<string, any>[];
+}
+export interface WhatsappMediaCarouselProps {
+    templateName: string;
+    templateLanguage: string;
+    cards: Card[];
+    bodyParameters?: Parameters[];
+}
+export declare const WhatsappMediaCarousel: (props: WhatsappMediaCarouselProps) => any;
+export {};

package/lib/cjs/components/whatsapp-media-carousel.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappMediaCarousel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const functional_1 = require("../util/functional");
+const react_1 = require("../util/react");
+const message_1 = require("./message");
+const serialize = (message) => {
+    return { text: message };
+};
+const WhatsappMediaCarousel = (props) => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `WhatsApp Media Carousel would be sent to the user.`;
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
+    };
+    const getCards = (cards) => {
+        cards.forEach((card, index) => {
+            var _a;
+            if (!card.cardIndex) {
+                card.cardIndex = index;
+            }
+            (_a = card.buttons) === null || _a === void 0 ? void 0 : _a.forEach((button, index) => {
+                if (!button.buttonIndex) {
+                    button.buttonIndex = index;
+                }
+            });
+        });
+        return (0, functional_1.toSnakeCaseKeys)(cards);
+    };
+    const renderNode = () => {
+        return (
+        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        (0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { bodyParameters: JSON.stringify((0, functional_1.toSnakeCaseKeys)(props.bodyParameters)), cards: JSON.stringify(getCards(props.cards)), templateName: props.templateName, templateLanguage: props.templateLanguage, type: core_1.INPUT.WHATSAPP_MEDIA_CAROUSEL })));
+    };
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WhatsappMediaCarousel = WhatsappMediaCarousel;
+//# sourceMappingURL=whatsapp-media-carousel.js.map

package/lib/cjs/components/whatsapp-media-carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAsDnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,oDAAoD,CAAA;QACpE,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;YACD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;oBACvB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;iBAC3B;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,IAAA,4BAAe,EAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,YAAK,CAAC,uBAAuB,IACnC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxCY,QAAA,qBAAqB,yBAwCjC"}

package/lib/cjs/components/whatsapp-product-carousel.d.ts

@@ -0,0 +1,32 @@
+type Parameters = TextParameter | CurrencyParameter | DateTimeParameter;
+interface TextParameter {
+    type: 'text';
+    text: string;
+}
+interface CurrencyParameter {
+    type: 'currency';
+    currency: {
+        fallbackValue: string;
+        code: string;
+        amount1000: number;
+    };
+}
+interface DateTimeParameter {
+    type: 'date_time';
+    dateTime: {
+        fallbackValue: string;
+    };
+}
+interface Card {
+    productRetailerId: string;
+    catalogId: string;
+    cardIndex?: number;
+}
+export interface WhatsappProductCarouselProps {
+    templateName: string;
+    templateLanguage: string;
+    cards: Card[];
+    bodyParameters?: Parameters[];
+}
+export declare const WhatsappProductCarousel: (props: WhatsappProductCarouselProps) => any;
+export {};

package/lib/cjs/components/whatsapp-product-carousel.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappProductCarousel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const functional_1 = require("../util/functional");
+const react_1 = require("../util/react");
+const message_1 = require("./message");
+const serialize = (message) => {
+    return { text: message };
+};
+const WhatsappProductCarousel = (props) => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `WhatsApp Product Carousel would be sent to the user.`;
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
+    };
+    const getCards = (cards) => {
+        cards.forEach((card, index) => {
+            if (!card.cardIndex) {
+                card.cardIndex = index;
+            }
+        });
+        return (0, functional_1.toSnakeCaseKeys)(cards);
+    };
+    const renderNode = () => {
+        return (
+        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        (0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { bodyParameters: JSON.stringify((0, functional_1.toSnakeCaseKeys)(props.bodyParameters)), cards: JSON.stringify(getCards(props.cards)), templateName: props.templateName, templateLanguage: props.templateLanguage, type: core_1.INPUT.WHATSAPP_PRODUCT_CAROUSEL })));
+    };
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WhatsappProductCarousel = WhatsappProductCarousel;
+//# sourceMappingURL=whatsapp-product-carousel.js.map

package/lib/cjs/components/whatsapp-product-carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-product-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-product-carousel.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAoCnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,uBAAuB,GAAG,CACrC,KAAmC,EACnC,EAAE;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,sDAAsD,CAAA;QACtE,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,IAAA,4BAAe,EAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,YAAK,CAAC,yBAAyB,IACrC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AArCY,QAAA,uBAAuB,2BAqCnC"}

package/lib/cjs/components/whatsapp-product-list.d.ts

@@ -0,0 +1,15 @@
+export interface ProductItem {
+    productRetailerId: string;
+}
+export interface WhatsappProductListSection {
+    title: string;
+    productItems: ProductItem[];
+}
+export interface WhatsappProductListProps {
+    body: string;
+    header: string;
+    catalogId: string;
+    sections: WhatsappProductListSection[];
+    footer?: string;
+}
+export declare const WhatsappProductList: (props: WhatsappProductListProps) => any;

package/lib/cjs/components/whatsapp-product-list.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappProductList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const functional_1 = require("../util/functional");
+const react_1 = require("../util/react");
+const message_1 = require("./message");
+const serialize = (message) => {
+    return { text: message };
+};
+const WhatsappProductList = (props) => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `WhatsApp Product List would be sent to the user.`;
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
+    };
+    const renderNode = () => {
+        return (
+        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        (0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { body: props.body, footer: props.footer, header: props.header, sections: JSON.stringify((0, functional_1.toSnakeCaseKeys)(props.sections)), catalogId: props.catalogId, type: core_1.INPUT.WHATSAPP_PRODUCT_LIST })));
+    };
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WhatsappProductList = WhatsappProductList;
+//# sourceMappingURL=whatsapp-product-list.js.map

package/lib/cjs/components/whatsapp-product-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-product-list.js","sourceRoot":"","sources":["../../../src/components/whatsapp-product-list.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAmBnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,kDAAkD,CAAA;QAClE,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EACzD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,YAAK,CAAC,qBAAqB,IACjC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA3BY,QAAA,mBAAmB,uBA2B/B"}

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

@@ -0,0 +1,7 @@
+export interface WhatsappProductProps {
+    body: string;
+    catalogId: string;
+    productId: string;
+    footer?: string;
+}
+export declare const WhatsappProduct: (props: WhatsappProductProps) => any;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappProduct = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = require("../util/react");
+const message_1 = require("./message");
+const serialize = (message) => {
+    return { text: message };
+};
+const WhatsappProduct = (props) => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `WhatsApp Product would be sent to the user.`;
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
+    };
+    const renderNode = () => {
+        return (
+        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        (0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { body: props.body, footer: props.footer, catalogId: props.catalogId, productId: props.productId, type: core_1.INPUT.WHATSAPP_PRODUCT })));
+    };
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WhatsappProduct = WhatsappProduct;
+//# sourceMappingURL=whatsapp-product.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-product.js","sourceRoot":"","sources":["../../../src/components/whatsapp-product.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,yCAA+C;AAC/C,uCAAmC;AASnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,6CAA6C,CAAA;QAC7D,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,YAAK,CAAC,gBAAgB,IAC5B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA1BY,QAAA,eAAe,mBA0B3B"}

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

@@ -1,8 +1,9 @@
 import { BotRequest as CoreBotRequest, Input as CoreInput, InputType as CoreInputType, Plugin as CorePlugin, Route as CoreRoute, Routes as CoreRoutes, ServerConfig, Session as CoreSession, SessionUser as CoreSessionUser } from '@botonic/core';
 import React from 'react';
-import { BlockInputOption, ButtonProps, CoverComponentOptions, PersistentMenuTheme, ReplyProps, ThemeProps, WebchatSettingsProps } from './components/index-types';
+import { BlockInputOption, ButtonProps, ReplyProps, WebchatSettingsProps } from './components';
 import { CloseWebviewOptions } from './contexts';
 import { UseWebchat } from './webchat/context/use-webchat';
+import { CoverComponentOptions, PersistentMenuOptionsTheme, ThemeProps } from './webchat/theme/types';
 import { WebchatApp } from './webchat-app';
 /**
  * See @botonic/core's Response for the description of the Response's semantics*/
@@ -64,7 +65,7 @@ interface AddBotResponseArgs {
 }
 export interface WebchatArgs {
     theme?: ThemeProps;
-    persistentMenu?: PersistentMenuTheme;
+    persistentMenu?: PersistentMenuOptionsTheme;
     coverComponent?: CoverComponentOptions;
     blockInputs?: BlockInputOption[];
     enableEmojiPicker?: boolean;
@@ -94,7 +95,7 @@ export interface WebchatProps {
     onStateChange: (args: OnStateChangeArgs) => void;
     shadowDOM?: any;
     theme?: ThemeProps;
-    persistentMenu?: PersistentMenuTheme;
+    persistentMenu?: PersistentMenuOptionsTheme;
     coverComponent?: CoverComponentOptions;
     blockInputs?: BlockInputOption[];
     enableEmojiPicker?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AAoJA,IAAY,OAIX;AAJD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;AACjB,CAAC,EAJW,OAAO,GAAP,eAAO,KAAP,eAAO,QAIlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,GAAN,cAAM,KAAN,cAAM,QAGjB"}
+{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AAsJA,IAAY,OAIX;AAJD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;AACjB,CAAC,EAJW,OAAO,GAAP,eAAO,KAAP,eAAO,QAIlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,GAAN,cAAM,KAAN,cAAM,QAGjB"}

package/lib/cjs/util/functional.d.ts

@@ -0,0 +1,3 @@
+type Input = Record<string, any> | Record<string, any>[] | undefined;
+export declare function toSnakeCaseKeys(input: Input): Input;
+export {};

package/lib/cjs/util/functional.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toSnakeCaseKeys = void 0;
+function camelCaseToSnake(str) {
+    return str
+        .replace(/([a-z])([A-Z])/g, '$1_$2')
+        .replace(/([A-Za-z])(\d)/g, '$1_$2')
+        .replace(/(\d)([A-Za-z])/g, '$1_$2')
+        .toLowerCase();
+}
+function toSnakeCaseKeys(input) {
+    if (Array.isArray(input)) {
+        return input.map(item => toSnakeCaseKeys(item));
+    }
+    if (typeof input === 'object' && input !== null) {
+        const result = Object.keys(input).reduce((acc, key) => {
+            const snakeKey = camelCaseToSnake(key);
+            const value = input[key];
+            acc[snakeKey] =
+                typeof value === 'object' && value !== null
+                    ? toSnakeCaseKeys(value)
+                    : value;
+            return acc;
+        }, {});
+        return result;
+    }
+    return input;
+}
+exports.toSnakeCaseKeys = toSnakeCaseKeys;
+//# sourceMappingURL=functional.js.map

package/lib/cjs/util/functional.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functional.js","sourceRoot":"","sources":["../../../src/util/functional.ts"],"names":[],"mappings":";;;AAAA,SAAS,gBAAgB,CAAC,GAAW;IACnC,OAAO,GAAG;SACP,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,WAAW,EAAE,CAAA;AAClB,CAAC;AAGD,SAAgB,eAAe,CAAC,KAAY;IAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;KAChD;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC/C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACpD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAA;YACtC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;YACxB,GAAG,CAAC,QAAQ,CAAC;gBACX,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;oBACzC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC;oBACxB,CAAC,CAAC,KAAK,CAAA;YAEX,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,OAAO,MAAM,CAAA;KACd;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AArBD,0CAqBC"}

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

@@ -1,4 +1,4 @@
-import { ThemeProps } from '../components';
+import { ThemeProps } from '../webchat/theme/types';
 /**
  * Returns the value of a property defined in bot's theme based on WEBCHAT.CUSTOM_PROPERTIES dictionary.
  * It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).