@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.1

package/lib/components/system-debug-trace/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/types.js","sources":["../../../src/components/system-debug-trace/types.ts"],"sourcesContent":["import type React from 'react'\n\nimport type {\n  AiAgentDebugEvent,\n  AiAgentRouterDebugEvent,\n  BotActionDebugEvent,\n  ConditionalChannelDebugEvent,\n  ConditionalCountryDebugEvent,\n  ConditionalCustomDebugEvent,\n  ConditionalQueueStatusDebugEvent,\n  FallbackDebugEvent,\n  HandoffSuccessDebugEvent,\n  KeywordDebugEvent,\n  RedirectFlowDebugEvent,\n  SmartIntentDebugEvent,\n  WebviewActionTriggeredDebugEvent,\n} from './events'\n\nexport interface IconProps {\n  color?: string\n}\n\n// Union type of all debug event types\nexport type DebugEvent =\n  | KeywordDebugEvent\n  | AiAgentDebugEvent\n  | AiAgentRouterDebugEvent\n  | FallbackDebugEvent\n  | SmartIntentDebugEvent\n  | HandoffSuccessDebugEvent\n  | BotActionDebugEvent\n  | ConditionalChannelDebugEvent\n  | ConditionalCountryDebugEvent\n  | ConditionalCustomDebugEvent\n  | ConditionalQueueStatusDebugEvent\n  | RedirectFlowDebugEvent\n  | WebviewActionTriggeredDebugEvent\n\nexport interface DebugEventConfig {\n  action: string\n  title: React.ReactNode\n  component: React.ComponentType<any> | null\n  icon?: React.ReactNode\n  collapsible?: boolean\n}\n"],"names":[],"mappings":"AA4CC"}

package/lib/components/text.d.ts

@@ -0,0 +1,8 @@
+import type { TextProps } from './index-types.js';
+export declare const Text: {
+    (props: TextProps): import("react").JSX.Element;
+    displayName: "Text";
+    serialize: (textProps: TextProps) => {
+        text: any;
+    };
+};

package/lib/components/text.js

@@ -0,0 +1,78 @@
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { Children } from "react";
+import { mapObjectNonBooleanValues } from "../util/react.js";
+import { COMPONENT_DISPLAY_NAMES } from "./constants.js";
+import { serializeMarkdown, toMarkdownChildren } from "./markdown.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const serializeText = (children)=>{
+    children = Array.isArray(children) ? children : [
+        children
+    ];
+    const text = children.filter((e)=>!e.type).map((e)=>{
+        if (Array.isArray(e)) {
+            return serializeText(e);
+        } else {
+            return String(e);
+        }
+    }).join('');
+    return text;
+};
+const serialize = (textProps)=>{
+    if (!textProps.markdown) {
+        return {
+            text: serializeText(textProps.children)
+        };
+    }
+    return {
+        text: serializeMarkdown(textProps.children)
+    };
+};
+const Text = (props)=>{
+    const defaultTextProps = {
+        markdown: props.markdown === undefined ? true : props.markdown,
+        botInteractionId: props.botInteractionId
+    };
+    const textProps = mapObjectNonBooleanValues({
+        ...props,
+        ...defaultTextProps,
+        ...{
+            children: Children.toArray(props.children)
+        }
+    });
+    if (!textProps.markdown) {
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(textProps),
+            ...textProps,
+            type: INPUT.TEXT,
+            children: textProps.children
+        });
+    }
+    return /*#__PURE__*/ jsx(Message, {
+        json: serialize(textProps),
+        ...textProps,
+        type: INPUT.TEXT,
+        children: toMarkdownChildren(textProps.children)
+    });
+};
+Text.displayName = COMPONENT_DISPLAY_NAMES.Text;
+Text.serialize = serialize;
+
+export { Text };
+
+//# sourceMappingURL=text.js.map

package/lib/components/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/text.js","sources":["../../src/components/text.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\nimport { Children } from 'react'\n\nimport { mapObjectNonBooleanValues } from '../util/react'\nimport { COMPONENT_DISPLAY_NAMES } from './constants'\nimport type { TextProps } from './index-types'\nimport { serializeMarkdown, toMarkdownChildren } from './markdown'\nimport { Message } from './message'\n\nconst serializeText = children => {\n  children = Array.isArray(children) ? children : [children]\n  const text = children\n    .filter(e => !e.type)\n    .map(e => {\n      if (Array.isArray(e)) {\n        return serializeText(e)\n      } else {\n        return String(e)\n      }\n    })\n    .join('')\n  return text\n}\n\nconst serialize = (textProps: TextProps) => {\n  if (!textProps.markdown) {\n    return {\n      text: serializeText(textProps.children),\n    }\n  }\n  return { text: serializeMarkdown(textProps.children) }\n}\n\nexport const Text = (props: TextProps) => {\n  const defaultTextProps = {\n    markdown: props.markdown === undefined ? true : props.markdown,\n    botInteractionId: props.botInteractionId,\n  }\n\n  const textProps = mapObjectNonBooleanValues({\n    ...props,\n    ...defaultTextProps,\n    ...{ children: Children.toArray(props.children) },\n  })\n\n  if (!textProps.markdown) {\n    return (\n      <Message json={serialize(textProps)} {...textProps} type={INPUT.TEXT}>\n        {textProps.children}\n      </Message>\n    )\n  }\n  return (\n    <Message json={serialize(textProps)} {...textProps} type={INPUT.TEXT}>\n      {toMarkdownChildren(textProps.children)}\n    </Message>\n  )\n}\n\nText.displayName = COMPONENT_DISPLAY_NAMES.Text\n\nText.serialize = serialize\n"],"names":["INPUT","Children","mapObjectNonBooleanValues","COMPONENT_DISPLAY_NAMES","serializeMarkdown","toMarkdownChildren","Message","serializeText","children","Array","text","e","String","serialize","textProps","Text","props","defaultTextProps","undefined"],"mappings":";;;;;;;;;;;;;;;;AAAqC;AACL;AAEyB;AACJ;AAEa;AAC/B;AAEnC,MAAMO,aAAaA,GAAGC,CAAAA;IACpBA,WAAWC,MAAM,OAAO,CAACD,YAAYA,WAAW;QAACA;KAAS;IAC1D,MAAME,OAAOF,SACV,MAAM,CAACG,CAAAA,IAAK,CAACA,EAAE,IAAI,EACnB,GAAG,CAACA,CAAAA;QACH,IAAIF,MAAM,OAAO,CAACE,IAAI;YACpB,OAAOJ,aAAaA,CAACI;QACvB,OAAO;YACL,OAAOC,OAAOD;QAChB;IACF,GACC,IAAI,CAAC;IACR,OAAOD;AACT;AAEA,MAAMG,SAASA,GAAG,CAACC;IACjB,IAAI,CAACA,UAAU,QAAQ,EAAE;QACvB,OAAO;YACL,MAAMP,aAAaA,CAACO,UAAU,QAAQ;QACxC;IACF;IACA,OAAO;QAAE,MAAMV,iBAAiBA,CAACU,UAAU,QAAQ;IAAE;AACvD;AAEO,MAAMC,IAAIA,GAAG,CAACC;IACnB,MAAMC,mBAAmB;QACvB,UAAUD,MAAM,QAAQ,KAAKE,YAAY,OAAOF,MAAM,QAAQ;QAC9D,kBAAkBA,MAAM,gBAAgB;IAC1C;IAEA,MAAMF,YAAYZ,yBAAyBA,CAAC;QAC1C,GAAGc,KAAK;QACR,GAAGC,gBAAgB;QACnB,GAAG;YAAE,UAAUhB,gBAAgB,CAACe,MAAM,QAAQ;QAAE,CAAC;IACnD;IAEA,IAAI,CAACF,UAAU,QAAQ,EAAE;QACvB,qBACE,IAACR,OAAOA;YAAC,MAAMO,SAASA,CAACC;YAAa,GAAGA,SAAS;YAAE,MAAMd,UAAU;sBACjEc,UAAU,QAAQ;;IAGzB;IACA,qBACE,IAACR,OAAOA;QAAC,MAAMO,SAASA,CAACC;QAAa,GAAGA,SAAS;QAAE,MAAMd,UAAU;kBACjEK,kBAAkBA,CAACS,UAAU,QAAQ;;AAG5C,EAAC;AAEDC,IAAIA,CAAC,WAAW,GAAGZ,4BAA4B;AAE/CY,IAAIA,CAAC,SAAS,GAAGF,SAASA"}

package/lib/components/title.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import styled_components from "styled-components";
+import { renderComponent } from "../util/react.js";
+import { COMPONENT_DISPLAY_NAMES } from "./constants.js";
+
+
+
+
+
+
+
+
+
+const TitleContainer = styled_components.div`
+  font-size: 14px;
+  padding: 10px 15px;
+`;
+const Title = (props)=>{
+    const renderBrowser = ()=>/*#__PURE__*/ jsx(TitleContainer, {
+            children: props.children
+        });
+    const renderNode = ()=>/*#__PURE__*/ jsx("title", {
+            children: props.children
+        });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+Title.displayName = COMPONENT_DISPLAY_NAMES.Title;
+Title.serialize = (props)=>{
+    return {
+        title: props.children
+    };
+};
+
+export { Title };
+
+//# sourceMappingURL=title.js.map

package/lib/components/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/title.js","sources":["../../src/components/title.tsx"],"sourcesContent":["import type React from 'react'\nimport styled from 'styled-components'\n\nimport { renderComponent } from '../util/react'\nimport { COMPONENT_DISPLAY_NAMES } from './constants'\n\nconst TitleContainer = styled.div`\n  font-size: 14px;\n  padding: 10px 15px;\n`\nexport interface TitleProps {\n  children: React.ReactNode\n}\n\nexport const Title = (props: TitleProps) => {\n  const renderBrowser = () => <TitleContainer>{props.children}</TitleContainer>\n\n  const renderNode = () => <title>{props.children}</title>\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nTitle.displayName = COMPONENT_DISPLAY_NAMES.Title\n\nTitle.serialize = (props: TitleProps) => {\n  return { title: props.children }\n}\n"],"names":["styled","renderComponent","COMPONENT_DISPLAY_NAMES","TitleContainer","Title","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;AACsC;AAES;AACM;AAErD,MAAMG,cAAcA,GAAGH,qBAAU,CAAC;;;AAGlC,CAAC;AAKM,MAAMI,KAAKA,GAAG,CAACC;IACpB,MAAMC,gBAAgB,kBAAM,IAACH,cAAcA;sBAAEE,MAAM,QAAQ;;IAE3D,MAAME,aAAa,kBAAM,IAAC;sBAAOF,MAAM,QAAQ;;IAE/C,OAAOJ,eAAeA,CAAC;QAAEK;QAAeC;IAAW;AACrD,EAAC;AAEDH,KAAKA,CAAC,WAAW,GAAGF,6BAA6B;AAEjDE,KAAKA,CAAC,SAAS,GAAG,CAACC;IACjB,OAAO;QAAE,OAAOA,MAAM,QAAQ;IAAC;AACjC"}

package/lib/components/video.d.ts

@@ -0,0 +1,9 @@
+import type { VideoProps } from './index-types.js';
+export declare const Video: {
+    (props: VideoProps): import("react").JSX.Element;
+    serialize: (videoProps: {
+        src: string;
+    }) => {
+        video: string;
+    };
+};

package/lib/components/video.js

@@ -0,0 +1,58 @@
+import { jsx } from "react/jsx-runtime";
+import { INPUT, isBrowser } from "@botonic/core";
+import styled_components from "styled-components";
+import { COLORS, ROLES } from "../constants.js";
+import { staticAsset } from "../util/environment.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const StyledVideo = styled_components.video`
+  background-color: ${COLORS.SOLID_BLACK_ALPHA_0_5};
+  border-radius: 8px;
+  max-height: 180px;
+  max-width: 300px;
+  margin: 10px;
+`;
+const serialize = (videoProps)=>{
+    return {
+        video: videoProps.src
+    };
+};
+const Video = (props)=>{
+    props = {
+        ...props,
+        src: staticAsset(props.src)
+    };
+    let content = props.children;
+    if (isBrowser()) {
+        content = /*#__PURE__*/ jsx(StyledVideo, {
+            controls: true,
+            children: /*#__PURE__*/ jsx("source", {
+                src: props.src
+            })
+        });
+    }
+    return /*#__PURE__*/ jsx(Message, {
+        role: ROLES.VIDEO_MESSAGE,
+        json: serialize(props),
+        ...props,
+        type: INPUT.VIDEO,
+        children: content
+    });
+};
+Video.serialize = serialize;
+
+export { Video };
+
+//# sourceMappingURL=video.js.map

package/lib/components/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/video.js","sources":["../../src/components/video.tsx"],"sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport styled from 'styled-components'\n\nimport { COLORS, ROLES } from '../constants'\nimport { staticAsset } from '../util/environment'\nimport type { VideoProps } from './index-types'\nimport { Message } from './message'\n\nconst StyledVideo = styled.video`\n  background-color: ${COLORS.SOLID_BLACK_ALPHA_0_5};\n  border-radius: 8px;\n  max-height: 180px;\n  max-width: 300px;\n  margin: 10px;\n`\n\nconst serialize = (videoProps: { src: string }) => {\n  return { video: videoProps.src }\n}\n\nexport const Video = (props: VideoProps) => {\n  props = { ...props, src: staticAsset(props.src) }\n  let content = props.children\n  if (isBrowser()) {\n    content = (\n      <StyledVideo controls>\n        <source src={props.src} />\n      </StyledVideo>\n    )\n  }\n  return (\n    <Message\n      role={ROLES.VIDEO_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      type={INPUT.VIDEO}\n    >\n      {content}\n    </Message>\n  )\n}\n\nVideo.serialize = serialize\n"],"names":["INPUT","isBrowser","styled","COLORS","ROLES","staticAsset","Message","StyledVideo","serialize","videoProps","Video","props","content"],"mappings":";;;;;;;;;;;;;;AAAgD;AACV;AAEM;AACK;AAEd;AAEnC,MAAMO,WAAWA,GAAGL,uBAAY,CAAC;oBACb,EAAEC,4BAA4B,CAAC;;;;;AAKnD,CAAC;AAED,MAAMK,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,OAAOA,WAAW,GAAG;IAAC;AACjC;AAEO,MAAMC,KAAKA,GAAG,CAACC;IACpBA,QAAQ;QAAE,GAAGA,KAAK;QAAE,KAAKN,WAAWA,CAACM,MAAM,GAAG;IAAE;IAChD,IAAIC,UAAUD,MAAM,QAAQ;IAC5B,IAAIV,SAASA,IAAI;QACfW,wBACE,IAACL,WAAWA;YAAC,QAAQ;sBACnB,kBAAC;gBAAO,KAAKI,MAAM,GAAG;;;IAG5B;IACA,qBACE,IAACL,OAAOA;QACN,MAAMF,mBAAmB;QACzB,MAAMI,SAASA,CAACG;QACf,GAAGA,KAAK;QACT,MAAMX,WAAW;kBAEhBY;;AAGP,EAAC;AAEDF,KAAKA,CAAC,SAAS,GAAGF,SAASA"}

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

@@ -0,0 +1,19 @@
+import type { PersistentMenuOptionsTheme, WebchatTheme } from '../webchat/theme/types.js';
+import type { BlockInputOption } from './index-types.js';
+export declare const normalizeWebchatSettings: (settings: WebchatSettingsProps) => Partial<WebchatTheme>;
+export interface WebchatSettingsProps {
+    blockInputs?: BlockInputOption[];
+    enableAnimations?: boolean;
+    enableAttachments?: boolean;
+    enableEmojiPicker?: boolean;
+    enableUserInput?: boolean;
+    persistentMenu?: PersistentMenuOptionsTheme;
+    theme?: Partial<WebchatTheme>;
+    user?: {
+        extra_data?: any;
+        country?: string;
+        locale?: string;
+        system_locale?: string;
+    };
+}
+export declare const WebchatSettings: ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user, }: WebchatSettingsProps) => any;

package/lib/components/webchat-settings.js

@@ -0,0 +1,98 @@
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { useContext } from "react";
+import { renderComponent } from "../util/react.js";
+import { stringifyWithRegexs } from "../util/regexs.js";
+import { WebchatContext } from "../webchat/context/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const normalizeWebchatSettings = (settings)=>{
+    let { theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations } = settings;
+    if (!theme) {
+        theme = {};
+    }
+    if (!theme.userInput) {
+        theme.userInput = {};
+    }
+    if (persistentMenu !== undefined) {
+        theme.userInput.persistentMenu = persistentMenu;
+    }
+    if (enableEmojiPicker !== undefined) {
+        if (!theme.userInput.emojiPicker) {
+            theme.userInput.emojiPicker = {};
+        }
+        theme.userInput.emojiPicker.enable = enableEmojiPicker;
+    }
+    if (enableAttachments !== undefined) {
+        if (!theme.userInput.attachments) {
+            theme.userInput.attachments = {};
+        }
+        theme.userInput.attachments.enable = enableAttachments;
+    }
+    if (enableUserInput !== undefined) {
+        theme.userInput.enable = enableUserInput;
+    }
+    if (blockInputs !== undefined) {
+        theme.userInput.blockInputs = blockInputs;
+    }
+    if (!theme.animations) {
+        theme.animations = {};
+    }
+    if (enableAnimations !== undefined) {
+        theme.animations.enable = enableAnimations;
+    }
+    return theme;
+};
+const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user })=>{
+    const renderBrowser = ()=>{
+        const { updateWebchatDevSettings } = useContext(WebchatContext);
+        updateWebchatDevSettings({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations
+        });
+        return null;
+    };
+    const renderNode = ()=>{
+        const updatedTheme = normalizeWebchatSettings({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations
+        });
+        return(//@ts-expect-error
+        /*#__PURE__*/ jsx("message", {
+            type: INPUT.WEBCHAT_SETTINGS,
+            settings: stringifyWithRegexs({
+                theme: updatedTheme,
+                user
+            })
+        }));
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WebchatSettings, normalizeWebchatSettings };
+
+//# sourceMappingURL=webchat-settings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/webchat-settings.js","sources":["../../src/components/webchat-settings.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\nimport { useContext } from 'react'\n\nimport { renderComponent } from '../util/react'\nimport { stringifyWithRegexs } from '../util/regexs'\nimport { WebchatContext } from '../webchat/context'\nimport type {\n  PersistentMenuOptionsTheme,\n  WebchatTheme,\n} from '../webchat/theme/types'\nimport type { BlockInputOption } from './index-types'\n\nexport const normalizeWebchatSettings = (settings: WebchatSettingsProps) => {\n  let {\n    theme,\n    blockInputs,\n    persistentMenu,\n    enableEmojiPicker,\n    enableAttachments,\n    enableUserInput,\n    enableAnimations,\n  } = settings\n  if (!theme) {\n    theme = {}\n  }\n  if (!theme.userInput) {\n    theme.userInput = {}\n  }\n  if (persistentMenu !== undefined) {\n    theme.userInput.persistentMenu = persistentMenu\n  }\n  if (enableEmojiPicker !== undefined) {\n    if (!theme.userInput.emojiPicker) {\n      theme.userInput.emojiPicker = {}\n    }\n    theme.userInput.emojiPicker.enable = enableEmojiPicker\n  }\n  if (enableAttachments !== undefined) {\n    if (!theme.userInput.attachments) {\n      theme.userInput.attachments = {}\n    }\n    theme.userInput.attachments.enable = enableAttachments\n  }\n  if (enableUserInput !== undefined) {\n    theme.userInput.enable = enableUserInput\n  }\n  if (blockInputs !== undefined) {\n    theme.userInput.blockInputs = blockInputs\n  }\n\n  if (!theme.animations) {\n    theme.animations = {}\n  }\n  if (enableAnimations !== undefined) {\n    theme.animations.enable = enableAnimations\n  }\n  return theme\n}\n\nexport interface WebchatSettingsProps {\n  blockInputs?: BlockInputOption[]\n  enableAnimations?: boolean\n  enableAttachments?: boolean\n  enableEmojiPicker?: boolean\n  enableUserInput?: boolean\n  persistentMenu?: PersistentMenuOptionsTheme\n  theme?: Partial<WebchatTheme>\n  user?: {\n    extra_data?: any\n    country?: string\n    locale?: string\n    system_locale?: string\n  }\n}\n\nexport const WebchatSettings = ({\n  theme,\n  blockInputs,\n  persistentMenu,\n  enableEmojiPicker,\n  enableAttachments,\n  enableUserInput,\n  enableAnimations,\n  user,\n}: WebchatSettingsProps) => {\n  const renderBrowser = () => {\n    const { updateWebchatDevSettings } = useContext(WebchatContext)\n    updateWebchatDevSettings({\n      theme,\n      blockInputs,\n      persistentMenu,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n    })\n    return null\n  }\n  const renderNode = () => {\n    const updatedTheme = normalizeWebchatSettings({\n      theme,\n      blockInputs,\n      persistentMenu,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n    })\n    return (\n      //@ts-expect-error\n      <message\n        type={INPUT.WEBCHAT_SETTINGS}\n        settings={stringifyWithRegexs({ theme: updatedTheme, user })}\n      />\n    )\n  }\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","useContext","renderComponent","stringifyWithRegexs","WebchatContext","normalizeWebchatSettings","settings","theme","blockInputs","persistentMenu","enableEmojiPicker","enableAttachments","enableUserInput","enableAnimations","undefined","WebchatSettings","user","renderBrowser","updateWebchatDevSettings","renderNode","updatedTheme"],"mappings":";;;;;;;;;;;;;;AAAqC;AACH;AAEa;AACK;AACD;AAO5C,MAAMK,wBAAwBA,GAAG,CAACC;IACvC,IAAI,EACFC,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EACjB,GAAGP;IACJ,IAAI,CAACC,OAAO;QACVA,QAAQ,CAAC;IACX;IACA,IAAI,CAACA,MAAM,SAAS,EAAE;QACpBA,MAAM,SAAS,GAAG,CAAC;IACrB;IACA,IAAIE,mBAAmBK,WAAW;QAChCP,MAAM,SAAS,CAAC,cAAc,GAAGE;IACnC;IACA,IAAIC,sBAAsBI,WAAW;QACnC,IAAI,CAACP,MAAM,SAAS,CAAC,WAAW,EAAE;YAChCA,MAAM,SAAS,CAAC,WAAW,GAAG,CAAC;QACjC;QACAA,MAAM,SAAS,CAAC,WAAW,CAAC,MAAM,GAAGG;IACvC;IACA,IAAIC,sBAAsBG,WAAW;QACnC,IAAI,CAACP,MAAM,SAAS,CAAC,WAAW,EAAE;YAChCA,MAAM,SAAS,CAAC,WAAW,GAAG,CAAC;QACjC;QACAA,MAAM,SAAS,CAAC,WAAW,CAAC,MAAM,GAAGI;IACvC;IACA,IAAIC,oBAAoBE,WAAW;QACjCP,MAAM,SAAS,CAAC,MAAM,GAAGK;IAC3B;IACA,IAAIJ,gBAAgBM,WAAW;QAC7BP,MAAM,SAAS,CAAC,WAAW,GAAGC;IAChC;IAEA,IAAI,CAACD,MAAM,UAAU,EAAE;QACrBA,MAAM,UAAU,GAAG,CAAC;IACtB;IACA,IAAIM,qBAAqBC,WAAW;QAClCP,MAAM,UAAU,CAAC,MAAM,GAAGM;IAC5B;IACA,OAAON;AACT,EAAC;AAkBM,MAAMQ,eAAeA,GAAG,CAAC,EAC9BR,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBG,IAAI,EACiB;IACrB,MAAMC,gBAAgB;QACpB,MAAM,EAAEC,wBAAwB,EAAE,GAAGjB,UAAUA,CAACG,cAAcA;QAC9Dc,yBAAyB;YACvBX;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACA,OAAO;IACT;IACA,MAAMM,aAAa;QACjB,MAAMC,eAAef,wBAAwBA,CAAC;YAC5CE;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACA,OACE,kBAAkB;sBAClB,IAAC;YACC,MAAMb,sBAAsB;YAC5B,UAAUG,mBAAmBA,CAAC;gBAAE,OAAOiB;gBAAcJ;YAAK;;IAGhE;IACA,OAAOd,eAAeA,CAAC;QAAEe;QAAeE;IAAW;AACrD,EAAC"}

package/lib/components/whatsapp-button-list.js

@@ -0,0 +1,78 @@
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { truncateText } from "../util/index.js";
+import { renderComponent } from "../util/react.js";
+import { Message } from "./message/index.js";
+import { WHATSAPP_MAX_BUTTON_CHARS } from "./multichannel/whatsapp/constants.js";
+import { convertToMarkdownMeta } from "./multichannel/whatsapp/markdown-meta.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// TODO: Add validation in component
+const WHATSAPP_MAX_BUTTON_LIST_CHARS = 24;
+const WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72;
+const WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = 200;
+const serialize = (_whatsappButtonListProps)=>{
+    // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development
+    return {};
+};
+const WhatsappButtonList = (props)=>{
+    const truncateSectionsContents = (sections)=>{
+        const truncateRowContents = (row)=>{
+            const title = truncateText(row.title, WHATSAPP_MAX_BUTTON_LIST_CHARS);
+            const description = row.description ? truncateText(row.description, WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS) : undefined;
+            if (row.id.length > WHATSAPP_MAX_BUTTON_LIST_ID_CHARS) {
+                console.error(`Button id "${row.id}" exceeds the maximum length of ${WHATSAPP_MAX_BUTTON_LIST_ID_CHARS} characters`);
+            }
+            return {
+                ...row,
+                title,
+                description
+            };
+        };
+        return sections.map((section)=>({
+                title: section.title ? truncateText(section.title, WHATSAPP_MAX_BUTTON_LIST_CHARS) : undefined,
+                rows: section.rows.map(truncateRowContents)
+            }));
+    };
+    const renderBrowser = ()=>{
+        // Return a dummy message for browser
+        const message = `${JSON.stringify(props)}`;
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.WHATSAPP_BUTTON_LIST,
+            children: message
+        });
+    };
+    const renderNode = ()=>{
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            body: convertToMarkdownMeta(props.body),
+            button: truncateText(props.button, WHATSAPP_MAX_BUTTON_CHARS),
+            sections: JSON.stringify(truncateSectionsContents(props.sections)),
+            type: INPUT.WHATSAPP_BUTTON_LIST
+        }));
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WHATSAPP_MAX_BUTTON_LIST_CHARS, WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS, WHATSAPP_MAX_BUTTON_LIST_ID_CHARS, WhatsappButtonList };
+
+//# sourceMappingURL=whatsapp-button-list.js.map

package/lib/components/whatsapp-button-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/whatsapp-button-list.js","sources":["../../src/components/whatsapp-button-list.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { truncateText } from '../util'\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\nimport { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel/whatsapp/constants'\nimport { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta'\n\n// TODO: Add validation in component\n\nexport const WHATSAPP_MAX_BUTTON_LIST_CHARS = 24\nexport const WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72\nexport const WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = 200\nexport interface WhatsappButtonListSectionProps {\n  title?: string\n  rows: WhatsappButtonListRowProps[]\n}\n\nexport interface WhatsappButtonListRowProps {\n  id: string\n  title: string\n  description?: string\n}\n\nexport interface WhatsappButtonListProps {\n  header?: string\n  body: string\n  footer?: string\n  button: string\n  sections: WhatsappButtonListSectionProps[]\n}\n\nconst serialize = _whatsappButtonListProps => {\n  // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development\n  return {}\n}\n\nexport const WhatsappButtonList = (props: WhatsappButtonListProps) => {\n  const truncateSectionsContents = (\n    sections: WhatsappButtonListSectionProps[]\n  ): WhatsappButtonListSectionProps[] => {\n    const truncateRowContents = (\n      row: WhatsappButtonListRowProps\n    ): WhatsappButtonListRowProps => {\n      const title = truncateText(row.title, WHATSAPP_MAX_BUTTON_LIST_CHARS)\n      const description = row.description\n        ? truncateText(\n            row.description,\n            WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS\n          )\n        : undefined\n      if (row.id.length > WHATSAPP_MAX_BUTTON_LIST_ID_CHARS) {\n        console.error(\n          `Button id \"${row.id}\" exceeds the maximum length of ${WHATSAPP_MAX_BUTTON_LIST_ID_CHARS} characters`\n        )\n      }\n      return { ...row, title, description }\n    }\n\n    return sections.map(section => ({\n      title: section.title\n        ? truncateText(section.title, WHATSAPP_MAX_BUTTON_LIST_CHARS)\n        : undefined,\n      rows: section.rows.map(truncateRowContents),\n    }))\n  }\n\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `${JSON.stringify(props)}`\n    return (\n      <Message\n        json={serialize(message)}\n        {...props}\n        type={INPUT.WHATSAPP_BUTTON_LIST}\n      >\n        {message}\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    return (\n      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.\n      <message\n        {...props}\n        body={convertToMarkdownMeta(props.body)}\n        button={truncateText(props.button, WHATSAPP_MAX_BUTTON_CHARS)}\n        sections={JSON.stringify(truncateSectionsContents(props.sections))}\n        type={INPUT.WHATSAPP_BUTTON_LIST}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","truncateText","renderComponent","Message","WHATSAPP_MAX_BUTTON_CHARS","convertToMarkdownMeta","WHATSAPP_MAX_BUTTON_LIST_CHARS","WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS","WHATSAPP_MAX_BUTTON_LIST_ID_CHARS","serialize","_whatsappButtonListProps","WhatsappButtonList","props","truncateSectionsContents","sections","truncateRowContents","row","title","description","undefined","console","section","renderBrowser","message","JSON","renderNode"],"mappings":";;;;;;;;;;;;;;;;AAAqC;AAEC;AACS;AACZ;AAC0C;AACA;AAE7E,oCAAoC;AAE7B,MAAMM,8BAA8BA,GAAG,GAAE;AACzC,MAAMC,0CAA0CA,GAAG,GAAE;AACrD,MAAMC,iCAAiCA,GAAG,IAAG;AAoBpD,MAAMC,SAASA,GAAGC,CAAAA;IAChB,qGAAqG;IACrG,OAAO,CAAC;AACV;AAEO,MAAMC,kBAAkBA,GAAG,CAACC;IACjC,MAAMC,2BAA2B,CAC/BC;QAEA,MAAMC,sBAAsB,CAC1BC;YAEA,MAAMC,QAAQhB,YAAYA,CAACe,IAAI,KAAK,EAAEV,8BAA8BA;YACpE,MAAMY,cAAcF,IAAI,WAAW,GAC/Bf,YAAYA,CACVe,IAAI,WAAW,EACfT,0CAA0CA,IAE5CY;YACJ,IAAIH,IAAI,EAAE,CAAC,MAAM,GAAGR,iCAAiCA,EAAE;gBACrDY,QAAQ,KAAK,CACX,CAAC,WAAW,EAAEJ,IAAI,EAAE,CAAC,gCAAgC,EAAER,iCAAiCA,CAAC,WAAW,CAAC;YAEzG;YACA,OAAO;gBAAE,GAAGQ,GAAG;gBAAEC;gBAAOC;YAAY;QACtC;QAEA,OAAOJ,SAAS,GAAG,CAACO,CAAAA,UAAY;gBAC9B,OAAOA,QAAQ,KAAK,GAChBpB,YAAYA,CAACoB,QAAQ,KAAK,EAAEf,8BAA8BA,IAC1Da;gBACJ,MAAME,QAAQ,IAAI,CAAC,GAAG,CAACN;YACzB;IACF;IAEA,MAAMO,gBAAgB;QACpB,qCAAqC;QACrC,MAAMC,UAAU,GAAGC,KAAK,SAAS,CAACZ,QAAQ;QAC1C,qBACE,IAACT,OAAOA;YACN,MAAMM,SAASA,CAACc;YACf,GAAGX,KAAK;YACT,MAAMZ,0BAA0B;sBAE/BuB;;IAGP;IAEA,MAAME,aAAa;QACjB,OACE,sFAAsF;sBACtF,IAAC;YACE,GAAGb,KAAK;YACT,MAAMP,qBAAqBA,CAACO,MAAM,IAAI;YACtC,QAAQX,YAAYA,CAACW,MAAM,MAAM,EAAER,yBAAyBA;YAC5D,UAAUoB,KAAK,SAAS,CAACX,yBAAyBD,MAAM,QAAQ;YAChE,MAAMZ,0BAA0B;;IAGtC;IAEA,OAAOE,eAAeA,CAAC;QAAEoB;QAAeG;IAAW;AACrD,EAAC"}

package/lib/components/whatsapp-catalog.js

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { renderComponent } from "../util/react.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+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 /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.TEXT,
+            children: message
+        });
+    };
+    const renderNode = ()=>{
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...props,
+            body: props.body,
+            footer: props.footer,
+            thumbnailProductId: props.thumbnailProductId,
+            type: INPUT.WHATSAPP_CATALOG
+        }));
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappCatalog };
+
+//# sourceMappingURL=whatsapp-catalog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/whatsapp-catalog.js","sources":["../../src/components/whatsapp-catalog.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\nexport interface WhatsappCatalogProps {\n  body: string\n  footer?: string\n  thumbnailProductId?: string\n}\n\nconst serialize = (message: string) => {\n  return { text: message }\n}\n\nexport const WhatsappCatalog = (props: WhatsappCatalogProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `WhatsApp Catalog would be sent to the user.`\n    return (\n      <Message json={serialize(message)} {...props} type={INPUT.TEXT}>\n        {message}\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    return (\n      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.\n      <message\n        {...props}\n        body={props.body}\n        footer={props.footer}\n        thumbnailProductId={props.thumbnailProductId}\n        type={INPUT.WHATSAPP_CATALOG}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","renderComponent","Message","serialize","message","WhatsappCatalog","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;AAAqC;AAEU;AACZ;AAQnC,MAAMG,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,MAAMA;IAAQ;AACzB;AAEO,MAAMC,eAAeA,GAAG,CAACC;IAC9B,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMH,UAAU,CAAC,2CAA2C,CAAC;QAC7D,qBACE,IAACF,OAAOA;YAAC,MAAMC,SAASA,CAACC;YAAW,GAAGE,KAAK;YAAE,MAAMN,UAAU;sBAC3DI;;IAGP;IAEA,MAAMI,aAAa;QACjB,OACE,sFAAsF;sBACtF,IAAC;YACE,GAAGF,KAAK;YACT,MAAMA,MAAM,IAAI;YAChB,QAAQA,MAAM,MAAM;YACpB,oBAAoBA,MAAM,kBAAkB;YAC5C,MAAMN,sBAAsB;;IAGlC;IAEA,OAAOC,eAAeA,CAAC;QAAEM;QAAeC;IAAW;AACrD,EAAC"}

package/lib/components/whatsapp-cta-url-button.js

@@ -0,0 +1,75 @@
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { truncateText } from "../util/index.js";
+import { renderComponent } from "../util/react.js";
+import { generateWebviewUrlWithParams } from "../util/webviews.js";
+import { Message } from "./message/index.js";
+import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_FOOTER_CHARS, WHATSAPP_MAX_HEADER_CHARS } from "./multichannel/whatsapp/constants.js";
+import { convertToMarkdownMeta } from "./multichannel/whatsapp/markdown-meta.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var whatsapp_cta_url_button_WhatsappCTAUrlHeaderType = /*#__PURE__*/ function(WhatsappCTAUrlHeaderType) {
+    WhatsappCTAUrlHeaderType["Document"] = "document";
+    WhatsappCTAUrlHeaderType["Image"] = "image";
+    WhatsappCTAUrlHeaderType["Text"] = "text";
+    WhatsappCTAUrlHeaderType["Video"] = "video";
+    return WhatsappCTAUrlHeaderType;
+}({});
+const serialize = (_whatsappCTAUrlButtonProps)=>{
+    // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development
+    return {};
+};
+const WhatsappCTAUrlButton = (props)=>{
+    const renderBrowser = ()=>{
+        // Return a dummy message for browser
+        const message = `${JSON.stringify(props)}`;
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(message),
+            ...props,
+            type: INPUT.WHATSAPP_CTA_URL_BUTTON,
+            children: message
+        });
+    };
+    const renderNode = ()=>{
+        const validatedProps = {
+            ...props,
+            headerType: props.headerType,
+            header: props.headerType === "text" && props.header ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS) : undefined,
+            headerImage: props.headerType === "image" ? props.headerImage : undefined,
+            headerVideo: props.headerType === "video" ? props.headerVideo : undefined,
+            headerDocument: props.headerType === "document" ? props.headerDocument : undefined,
+            body: truncateText(convertToMarkdownMeta(props.body), WHATSAPP_MAX_BODY_CHARS),
+            footer: props.footer ? truncateText(convertToMarkdownMeta(props.footer), WHATSAPP_MAX_FOOTER_CHARS) : undefined,
+            displayText: truncateText(props.displayText, WHATSAPP_MAX_BUTTON_CHARS),
+            url: 'webview' in props ? generateWebviewUrlWithParams(props.webview, props.params) : props.url
+        };
+        return(// @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        /*#__PURE__*/ jsx("message", {
+            ...validatedProps,
+            type: INPUT.WHATSAPP_CTA_URL_BUTTON
+        }));
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+
+export { WhatsappCTAUrlButton, whatsapp_cta_url_button_WhatsappCTAUrlHeaderType as WhatsappCTAUrlHeaderType };
+
+//# sourceMappingURL=whatsapp-cta-url-button.js.map

package/lib/components/whatsapp-cta-url-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/whatsapp-cta-url-button.js","sources":["../../src/components/whatsapp-cta-url-button.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\n\nimport { truncateText } from '../util'\nimport { renderComponent } from '../util/react'\nimport { generateWebviewUrlWithParams } from '../util/webviews'\nimport { Message } from './message'\nimport {\n  WHATSAPP_MAX_BODY_CHARS,\n  WHATSAPP_MAX_BUTTON_CHARS,\n  WHATSAPP_MAX_FOOTER_CHARS,\n  WHATSAPP_MAX_HEADER_CHARS,\n} from './multichannel/whatsapp/constants'\nimport { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta'\n\nexport enum WhatsappCTAUrlHeaderType {\n  Document = 'document',\n  Image = 'image',\n  Text = 'text',\n  Video = 'video',\n}\nexport interface WhatsappCTAUrlHeaderTextProps {\n  headerType: WhatsappCTAUrlHeaderType.Text\n  header: string\n}\n\nexport interface WhatsappCTAUrlHeaderImageProps {\n  headerType: WhatsappCTAUrlHeaderType.Image\n  headerImage: string\n}\n\nexport interface WhatsappCTAUrlHeaderVideoProps {\n  headerType: WhatsappCTAUrlHeaderType.Video\n  headerVideo: string\n}\n\nexport interface WhatsappCTAUrlHeaderDocumentProps {\n  headerType: WhatsappCTAUrlHeaderType.Document\n  headerDocument: string\n}\n\nexport interface WhatsappCTAUrlNoHeaderProps {\n  headerType?: undefined\n}\n\nexport type WhatsappCTAUrlHeader =\n  | WhatsappCTAUrlHeaderTextProps\n  | WhatsappCTAUrlHeaderImageProps\n  | WhatsappCTAUrlHeaderVideoProps\n  | WhatsappCTAUrlHeaderDocumentProps\n  | WhatsappCTAUrlNoHeaderProps\n\nexport type WhatsappCTAUrlButtonCommonProps = WhatsappCTAUrlHeader & {\n  body: string\n  footer?: string\n  displayText: string\n}\n\nexport type WhatsappCTAUrlButtonUrlProps = WhatsappCTAUrlButtonCommonProps & {\n  url: string\n}\n\nexport type WhatsappCTAUrlButtonWebviewProps =\n  WhatsappCTAUrlButtonCommonProps & {\n    webview: any\n    params?: Record<string, string>\n  }\n\nexport type WhatsappCTAUrlButtonProps =\n  | WhatsappCTAUrlButtonUrlProps\n  | WhatsappCTAUrlButtonWebviewProps\n\nconst serialize = _whatsappCTAUrlButtonProps => {\n  // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development\n  return {}\n}\n\nexport const WhatsappCTAUrlButton = (props: WhatsappCTAUrlButtonProps) => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `${JSON.stringify(props)}`\n    return (\n      <Message\n        json={serialize(message)}\n        {...props}\n        type={INPUT.WHATSAPP_CTA_URL_BUTTON}\n      >\n        {message}\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    const validatedProps = {\n      ...props,\n      headerType: props.headerType,\n      header:\n        props.headerType === WhatsappCTAUrlHeaderType.Text && props.header\n          ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS)\n          : undefined,\n      headerImage:\n        props.headerType === WhatsappCTAUrlHeaderType.Image\n          ? props.headerImage\n          : undefined,\n      headerVideo:\n        props.headerType === WhatsappCTAUrlHeaderType.Video\n          ? props.headerVideo\n          : undefined,\n      headerDocument:\n        props.headerType === WhatsappCTAUrlHeaderType.Document\n          ? props.headerDocument\n          : undefined,\n      body: truncateText(\n        convertToMarkdownMeta(props.body),\n        WHATSAPP_MAX_BODY_CHARS\n      ),\n      footer: props.footer\n        ? truncateText(\n            convertToMarkdownMeta(props.footer),\n            WHATSAPP_MAX_FOOTER_CHARS\n          )\n        : undefined,\n      displayText: truncateText(props.displayText, WHATSAPP_MAX_BUTTON_CHARS),\n      url:\n        'webview' in props\n          ? generateWebviewUrlWithParams(props.webview, props.params)\n          : props.url,\n    }\n    return (\n      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.\n      <message {...validatedProps} type={INPUT.WHATSAPP_CTA_URL_BUTTON} />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["INPUT","truncateText","renderComponent","generateWebviewUrlWithParams","Message","WHATSAPP_MAX_BODY_CHARS","WHATSAPP_MAX_BUTTON_CHARS","WHATSAPP_MAX_FOOTER_CHARS","WHATSAPP_MAX_HEADER_CHARS","convertToMarkdownMeta","WhatsappCTAUrlHeaderType","serialize","_whatsappCTAUrlButtonProps","WhatsappCTAUrlButton","props","renderBrowser","message","JSON","renderNode","validatedProps","undefined"],"mappings":";;;;;;;;;;;;;;;;;;AAAqC;AAEC;AACS;AACgB;AAC5B;AAMO;AACmC;AAEtE,IAAKU,gDAAwBA,0BAAxBA;;;;;WAAAA;MAKX;AAoDD,MAAMC,SAASA,GAAGC,CAAAA;IAChB,qGAAqG;IACrG,OAAO,CAAC;AACV;AAEO,MAAMC,oBAAoBA,GAAG,CAACC;IACnC,MAAMC,gBAAgB;QACpB,qCAAqC;QACrC,MAAMC,UAAU,GAAGC,KAAK,SAAS,CAACH,QAAQ;QAC1C,qBACE,IAACV,OAAOA;YACN,MAAMO,SAASA,CAACK;YACf,GAAGF,KAAK;YACT,MAAMd,6BAA6B;sBAElCgB;;IAGP;IAEA,MAAME,aAAa;QACjB,MAAMC,iBAAiB;YACrB,GAAGL,KAAK;YACR,YAAYA,MAAM,UAAU;YAC5B,QACEA,MAAM,UAAU,eAAsCA,MAAM,MAAM,GAC9Db,YAAYA,CAACa,MAAM,MAAM,EAAEN,yBAAyBA,IACpDY;YACN,aACEN,MAAM,UAAU,eACZA,MAAM,WAAW,GACjBM;YACN,aACEN,MAAM,UAAU,eACZA,MAAM,WAAW,GACjBM;YACN,gBACEN,MAAM,UAAU,kBACZA,MAAM,cAAc,GACpBM;YACN,MAAMnB,YAAYA,CAChBQ,qBAAqBA,CAACK,MAAM,IAAI,GAChCT,uBAAuBA;YAEzB,QAAQS,MAAM,MAAM,GAChBb,YAAYA,CACVQ,qBAAqBA,CAACK,MAAM,MAAM,GAClCP,yBAAyBA,IAE3Ba;YACJ,aAAanB,YAAYA,CAACa,MAAM,WAAW,EAAER,yBAAyBA;YACtE,KACE,aAAaQ,QACTX,4BAA4BA,CAACW,MAAM,OAAO,EAAEA,MAAM,MAAM,IACxDA,MAAM,GAAG;QACjB;QACA,OACE,sFAAsF;sBACtF,IAAC;YAAS,GAAGK,cAAc;YAAE,MAAMnB,6BAA6B;;IAEpE;IAEA,OAAOE,eAAeA,CAAC;QAAEa;QAAeG;IAAW;AACrD,EAAC"}

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

@@ -0,0 +1,31 @@
+export declare enum CardType {
+    CTA_URL = "cta_url",
+    QUICK_REPLY = "quick_reply"
+}
+interface BaseCard {
+    imageLink: string;
+    text: string;
+}
+interface UrlCard extends BaseCard {
+    type: CardType.CTA_URL;
+    action: {
+        buttonText: string;
+        buttonUrl: string;
+    };
+}
+interface QuickReplyCard extends BaseCard {
+    type: CardType.QUICK_REPLY;
+    action: {
+        buttons: {
+            text: string;
+            payload: string;
+        }[];
+    };
+}
+export type WhatsappInteractiveMediaCard = UrlCard | QuickReplyCard;
+export interface WhatsappInteractiveMediaCarouselProps {
+    cards: WhatsappInteractiveMediaCard[];
+    textMessage: string;
+}
+export declare const WhatsappInteractiveMediaCarousel: (props: WhatsappInteractiveMediaCarouselProps) => import("react").JSX.Element;
+export {};