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

package/lib/app.js

@@ -0,0 +1,9 @@
+class App {
+    constructor(){
+        throw 'This setup is deprecated in Botonic versions >=0.9.0. Please read the migration guide at: https://github.com/hubtype/botonic/tree/master/packages/botonic-react/MIGRATION_GUIDE.md';
+    }
+}
+
+export { App };
+
+//# sourceMappingURL=app.js.map

package/lib/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sources":["../src/app.jsx"],"sourcesContent":["export class App {\n  constructor() {\n    throw 'This setup is deprecated in Botonic versions >=0.9.0. Please read the migration guide at: https://github.com/hubtype/botonic/tree/master/packages/botonic-react/MIGRATION_GUIDE.md'\n  }\n}\n"],"names":["App"],"mappings":"AAAO,MAAMA,GAAGA;IACd,aAAc;QACZ,MAAM;IACR;AACF"}

package/lib/assets/types.d.ts

@@ -0,0 +1,4 @@
+declare module '*.svg' {
+  const content: any
+  export default content
+}

package/lib/botonic-tester.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import server from "react-dom/server";
+import { Reply } from "./components/reply.js";
+import { Text } from "./components/text.js";
+
+
+
+
+
+
+
+
+
+
+
+function decodeHTMLEntities(text) {
+    const entities = {
+        '"': '"',
+        '&': '&',
+        '&lt;': '<',
+        '&gt;': '>',
+        '&apos;': "'"
+    };
+    return text.replace(/&quot;|&amp;|&lt;|&gt;|&apos;/g, (match)=>entities[match]);
+}
+class BotonicInputTester {
+    async text(inp, session = {
+        user: {
+            id: '123'
+        }
+    }, lastRoutePath = '') {
+        const res = await this.bot.input({
+            input: {
+                type: INPUT.TEXT,
+                data: inp
+            },
+            session: session,
+            lastRoutePath: lastRoutePath
+        });
+        return decodeHTMLEntities(res.response);
+    }
+    async payload(inp, session = {
+        user: {
+            id: '123'
+        }
+    }, lastRoutePath = '') {
+        const res = await this.bot.input({
+            input: {
+                type: INPUT.POSTBACK,
+                payload: inp
+            },
+            session: session,
+            lastRoutePath: lastRoutePath
+        });
+        return decodeHTMLEntities(res.response);
+    }
+    async path(inp, session = {
+        user: {
+            id: '123'
+        }
+    }, lastRoutePath = '') {
+        const res = await this.bot.input({
+            input: {
+                type: INPUT.TEXT,
+                payload: `__PATH_PAYLOAD__${inp}`
+            },
+            session: session,
+            lastRoutePath: lastRoutePath
+        });
+        return decodeHTMLEntities(res.response);
+    }
+    constructor(bot){
+        this.bot = bot;
+    }
+}
+class BotonicOutputTester {
+    text(out, replies = null) {
+        return decodeHTMLEntities(server.renderToStaticMarkup(!replies ? /*#__PURE__*/ jsx(Text, {
+            children: out
+        }) : /*#__PURE__*/ jsxs(Text, {
+            children: [
+                out,
+                replies
+            ]
+        })));
+    }
+    reply({ text, payload = null, path = null }) {
+        if (payload) {
+            return decodeHTMLEntities(server.renderToStaticMarkup(/*#__PURE__*/ jsx(Reply, {
+                payload: payload,
+                children: text
+            })));
+        }
+        if (path) {
+            return decodeHTMLEntities(server.renderToStaticMarkup(/*#__PURE__*/ jsx(Reply, {
+                path: path,
+                children: text
+            })));
+        }
+        throw new Error('reply should contain a payload or a path');
+    }
+    replies(...args) {
+        const replies = [];
+        for(let i = 0; i < args.length; i++){
+            const r = args[i];
+            replies.push(this.reply({
+                text: r.text,
+                payload: r.payload,
+                path: r.path
+            }));
+        }
+        return replies;
+    }
+    constructor(bot){
+        this.bot = bot;
+    }
+}
+
+export { BotonicInputTester, BotonicOutputTester };
+
+//# sourceMappingURL=botonic-tester.js.map

package/lib/botonic-tester.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"botonic-tester.js","sources":["../src/botonic-tester.jsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\nimport ReactDOMServer from 'react-dom/server'\n\nimport { Reply } from './components/reply'\nimport { Text } from './components/text'\n\nfunction decodeHTMLEntities(text) {\n  const entities = {\n    '&quot;': '\"',\n    '&amp;': '&',\n    '&lt;': '<',\n    '&gt;': '>',\n    '&apos;': \"'\",\n  }\n\n  return text.replace(\n    /&quot;|&amp;|&lt;|&gt;|&apos;/g,\n    match => entities[match]\n  )\n}\n\nexport class BotonicInputTester {\n  constructor(bot) {\n    this.bot = bot\n  }\n\n  async text(inp, session = { user: { id: '123' } }, lastRoutePath = '') {\n    const res = await this.bot.input({\n      input: { type: INPUT.TEXT, data: inp },\n      session: session,\n      lastRoutePath: lastRoutePath,\n    })\n    return decodeHTMLEntities(res.response)\n  }\n\n  async payload(inp, session = { user: { id: '123' } }, lastRoutePath = '') {\n    const res = await this.bot.input({\n      input: { type: INPUT.POSTBACK, payload: inp },\n      session: session,\n      lastRoutePath: lastRoutePath,\n    })\n    return decodeHTMLEntities(res.response)\n  }\n\n  async path(inp, session = { user: { id: '123' } }, lastRoutePath = '') {\n    const res = await this.bot.input({\n      input: { type: INPUT.TEXT, payload: `__PATH_PAYLOAD__${inp}` },\n      session: session,\n      lastRoutePath: lastRoutePath,\n    })\n    return decodeHTMLEntities(res.response)\n  }\n}\n\nexport class BotonicOutputTester {\n  constructor(bot) {\n    this.bot = bot\n  }\n\n  text(out, replies = null) {\n    return decodeHTMLEntities(\n      ReactDOMServer.renderToStaticMarkup(\n        !replies ? (\n          <Text>{out}</Text>\n        ) : (\n          <Text>\n            {out}\n            {replies}\n          </Text>\n        )\n      )\n    )\n  }\n\n  reply({ text, payload = null, path = null }) {\n    if (payload) {\n      return decodeHTMLEntities(\n        ReactDOMServer.renderToStaticMarkup(\n          <Reply payload={payload}>{text}</Reply>\n        )\n      )\n    }\n    if (path) {\n      return decodeHTMLEntities(\n        ReactDOMServer.renderToStaticMarkup(<Reply path={path}>{text}</Reply>)\n      )\n    }\n    throw new Error('reply should contain a payload or a path')\n  }\n\n  replies(...args) {\n    const replies = []\n    for (let i = 0; i < args.length; i++) {\n      const r = args[i]\n      replies.push(\n        this.reply({ text: r.text, payload: r.payload, path: r.path })\n      )\n    }\n    return replies\n  }\n}\n"],"names":["INPUT","ReactDOMServer","Reply","Text","decodeHTMLEntities","text","entities","match","BotonicInputTester","inp","session","lastRoutePath","res","bot","BotonicOutputTester","out","replies","payload","path","Error","args","i","r"],"mappings":";;;;;;;;;;;;AAAqC;AACQ;AAEH;AACF;AAExC,SAASI,kBAAkBA,CAACC,IAAI;IAC9B,MAAMC,WAAW;QACf,UAAU;QACV,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,UAAU;IACZ;IAEA,OAAOD,KAAK,OAAO,CACjB,kCACAE,CAAAA,QAASD,QAAQ,CAACC,MAAM;AAE5B;AAEO,MAAMC,kBAAkBA;IAK7B,MAAM,KAAKC,GAAG,EAAEC,UAAU;QAAE,MAAM;YAAE,IAAI;QAAM;IAAE,CAAC,EAAEC,gBAAgB,EAAE,EAAE;QACrE,MAAMC,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAC/B,OAAO;gBAAE,MAAMZ,UAAU;gBAAE,MAAMS;YAAI;YACrC,SAASC;YACT,eAAeC;QACjB;QACA,OAAOP,kBAAkBA,CAACQ,IAAI,QAAQ;IACxC;IAEA,MAAM,QAAQH,GAAG,EAAEC,UAAU;QAAE,MAAM;YAAE,IAAI;QAAM;IAAE,CAAC,EAAEC,gBAAgB,EAAE,EAAE;QACxE,MAAMC,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAC/B,OAAO;gBAAE,MAAMZ,cAAc;gBAAE,SAASS;YAAI;YAC5C,SAASC;YACT,eAAeC;QACjB;QACA,OAAOP,kBAAkBA,CAACQ,IAAI,QAAQ;IACxC;IAEA,MAAM,KAAKH,GAAG,EAAEC,UAAU;QAAE,MAAM;YAAE,IAAI;QAAM;IAAE,CAAC,EAAEC,gBAAgB,EAAE,EAAE;QACrE,MAAMC,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAC/B,OAAO;gBAAE,MAAMZ,UAAU;gBAAE,SAAS,CAAC,gBAAgB,EAAES,KAAK;YAAC;YAC7D,SAASC;YACT,eAAeC;QACjB;QACA,OAAOP,kBAAkBA,CAACQ,IAAI,QAAQ;IACxC;IA7BA,YAAYC,GAAG,CAAE;QACf,IAAI,CAAC,GAAG,GAAGA;IACb;AA4BF;AAEO,MAAMC,mBAAmBA;IAK9B,KAAKC,GAAG,EAAEC,UAAU,IAAI,EAAE;QACxB,OAAOZ,kBAAkBA,CACvBH,2BAAmC,CACjC,CAACe,wBACC,IAACb,IAAIA;sBAAEY;2BAEP,KAACZ,IAAIA;;gBACFY;gBACAC;;;IAKX;IAEA,MAAM,EAAEX,IAAI,EAAEY,UAAU,IAAI,EAAEC,OAAO,IAAI,EAAE,EAAE;QAC3C,IAAID,SAAS;YACX,OAAOb,kBAAkBA,CACvBH,2BAAmC,eACjC,IAACC,KAAKA;gBAAC,SAASe;0BAAUZ;;QAGhC;QACA,IAAIa,MAAM;YACR,OAAOd,kBAAkBA,CACvBH,2BAAmC,eAAC,IAACC,KAAKA;gBAAC,MAAMgB;0BAAOb;;QAE5D;QACA,MAAM,IAAIc,MAAM;IAClB;IAEA,QAAQ,GAAGC,IAAI,EAAE;QACf,MAAMJ,UAAU,EAAE;QAClB,IAAK,IAAIK,IAAI,GAAGA,IAAID,KAAK,MAAM,EAAEC,IAAK;YACpC,MAAMC,IAAIF,IAAI,CAACC,EAAE;YACjBL,QAAQ,IAAI,CACV,IAAI,CAAC,KAAK,CAAC;gBAAE,MAAMM,EAAE,IAAI;gBAAE,SAASA,EAAE,OAAO;gBAAE,MAAMA,EAAE,IAAI;YAAC;QAEhE;QACA,OAAON;IACT;IA5CA,YAAYH,GAAG,CAAE;QACf,IAAI,CAAC,GAAG,GAAGA;IACb;AA2CF"}

package/lib/components/audio.d.ts

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

package/lib/components/audio.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { INPUT, isBrowser } from "@botonic/core";
+import styled_components from "styled-components";
+import { ROLES } from "../constants.js";
+import { staticAsset } from "../util/environment.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const StyledAudio = styled_components.audio`
+  max-width: 100%;
+`;
+const serialize = (audioProps)=>{
+    return {
+        audio: audioProps.src
+    };
+};
+const Audio = (props)=>{
+    props = {
+        ...props,
+        src: staticAsset(props.src)
+    };
+    let content = props.children;
+    if (isBrowser()) {
+        content = /*#__PURE__*/ jsxs(StyledAudio, {
+            id: "myAudio",
+            controls: true,
+            children: [
+                /*#__PURE__*/ jsx("source", {
+                    src: props.src,
+                    type: "audio/mpeg"
+                }),
+                "Your browser does not support this audio format."
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsx(Message, {
+        role: ROLES.AUDIO_MESSAGE,
+        json: serialize(props),
+        ...props,
+        type: INPUT.AUDIO,
+        children: content
+    });
+};
+Audio.serialize = serialize;
+
+export { Audio };
+
+//# sourceMappingURL=audio.js.map

package/lib/components/audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/audio.js","sources":["../../src/components/audio.tsx"],"sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport styled from 'styled-components'\n\nimport { ROLES } from '../constants'\nimport { staticAsset } from '../util/environment'\nimport type { AudioProps } from './index-types'\nimport { Message } from './message'\n\nconst StyledAudio = styled.audio`\n  max-width: 100%;\n`\n\nconst serialize = (audioProps: { src: string }) => {\n  return { audio: audioProps.src }\n}\n\nexport const Audio = (props: AudioProps) => {\n  props = { ...props, src: staticAsset(props.src) }\n  let content = props.children\n  if (isBrowser()) {\n    content = (\n      <StyledAudio id='myAudio' controls>\n        <source src={props.src} type='audio/mpeg' />\n        Your browser does not support this audio format.\n      </StyledAudio>\n    )\n  }\n  return (\n    <Message\n      role={ROLES.AUDIO_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      type={INPUT.AUDIO}\n    >\n      {content}\n    </Message>\n  )\n}\n\nAudio.serialize = serialize\n"],"names":["INPUT","isBrowser","styled","ROLES","staticAsset","Message","StyledAudio","serialize","audioProps","Audio","props","content"],"mappings":";;;;;;;;;;;;;;AAAgD;AACV;AAEF;AACa;AAEd;AAEnC,MAAMM,WAAWA,GAAGJ,uBAAY,CAAC;;AAEjC,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,IAAIT,SAASA,IAAI;QACfU,wBACE,KAACL,WAAWA;YAAC,IAAG;YAAU,QAAQ;;8BAChC,IAAC;oBAAO,KAAKI,MAAM,GAAG;oBAAE,MAAK;;gBAAe;;;IAIlD;IACA,qBACE,IAACL,OAAOA;QACN,MAAMF,mBAAmB;QACzB,MAAMI,SAASA,CAACG;QACf,GAAGA,KAAK;QACT,MAAMV,WAAW;kBAEhBW;;AAGP,EAAC;AAEDF,KAAKA,CAAC,SAAS,GAAGF,SAASA"}

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

@@ -0,0 +1,17 @@
+import type { ButtonProps } from '../index-types.js';
+export declare const Button: {
+    (props: ButtonProps): any;
+    displayName: "Button";
+    serialize(buttonProps: ButtonProps): {
+        button: {
+            disabled?: boolean;
+            autodisable?: boolean | string;
+            disabledstyle?: Record<string, string> | string;
+            payload: string | undefined;
+            url: string | undefined;
+            target: string | undefined;
+            webview: string | undefined;
+            title: string;
+        };
+    };
+};

package/lib/components/button/index.js

@@ -0,0 +1,183 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { useContext } from "react";
+import { isInWebviewApp, resolveImage } from "../../util/environment.js";
+import { renderComponent } from "../../util/react.js";
+import { generateWebviewUrlWithParams } from "../../util/webviews.js";
+import { WebchatContext } from "../../webchat/context/index.js";
+import { ButtonsDisabler } from "../buttons-disabler.js";
+import { COMPONENT_DISPLAY_NAMES } from "../constants.js";
+import { StyledButton, StyledUrlImage } from "./styles.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Button = (props)=>{
+    const { webchatState, openWebview, sendPayload, sendInput, updateMessage } = useContext(WebchatContext);
+    const autoDisable = webchatState.theme?.button?.autodisable || props.autodisable;
+    // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: handleClick is a complex function
+    const handleClick = (event)=>{
+        event.preventDefault();
+        const type = webchatState.theme?.button?.messageType;
+        if (props.webview) {
+            openWebview(props.webview, props.params);
+        } else if (props.path) {
+            type === INPUT.POSTBACK ? sendPayload(`__PATH_PAYLOAD__${props.path}`) : sendInput({
+                type: INPUT.TEXT,
+                data: String(props.children),
+                text: String(props.children),
+                payload: `__PATH_PAYLOAD__${props.path}`
+            });
+        } else if (props.payload) {
+            type === INPUT.POSTBACK ? sendPayload(props.payload) : sendInput({
+                type: INPUT.TEXT,
+                data: String(props.children),
+                text: String(props.children),
+                payload: props.payload
+            });
+        } else if (props.url) {
+            const defaultTarget = props.target || '_blank';
+            const target = isInWebviewApp() ? '_self' : defaultTarget;
+            window.open(props.url, target);
+        }
+        if (props.onClick) {
+            props.onClick();
+        }
+        if (props.setDisabled) {
+            props.setDisabled(true);
+            const messageToUpdate = webchatState.messagesJSON.filter((m)=>m.id === props.parentId)[0];
+            const updatedMsg = ButtonsDisabler.getUpdatedMessage(messageToUpdate);
+            updateMessage(updatedMsg);
+        }
+    };
+    const getClassName = (isCustom = false)=>{
+        if (isCustom) {
+            return 'button-custom';
+        }
+        if (props.payload) {
+            return 'button-payload';
+        }
+        if (props.url) {
+            return 'button-url';
+        }
+        if (props.webview) {
+            return 'button-webview';
+        }
+        if (props.path) {
+            return 'button-path';
+        }
+        return '';
+    };
+    const renderBrowser = ()=>{
+        const themeButton = webchatState.theme.button;
+        const urlIconEnabledProp = themeButton?.urlIcon?.enable;
+        const urlIconImage = themeButton?.urlIcon?.image;
+        const urlIcon = urlIconEnabledProp ? urlIconImage : undefined;
+        const CustomButton = themeButton?.custom;
+        if (CustomButton) {
+            return /*#__PURE__*/ jsx("div", {
+                className: getClassName(true),
+                onClick: (e)=>handleClick(e),
+                children: /*#__PURE__*/ jsx(CustomButton, {
+                    children: props.children
+                })
+            });
+        }
+        return /*#__PURE__*/ jsxs(StyledButton, {
+            className: getClassName(),
+            onClick: (e)=>handleClick(e),
+            disabled: props.disabled && autoDisable,
+            children: [
+                props.children,
+                props.url && urlIcon && /*#__PURE__*/ jsx(StyledUrlImage, {
+                    className: "botonic-url-icon",
+                    src: resolveImage(urlIcon)
+                })
+            ]
+        });
+    };
+    const renderNode = ()=>{
+        const disabledProps = ButtonsDisabler.constructNodeProps({
+            disabled: props.disabled,
+            disabledstyle: props.disabledstyle,
+            autodisable: props.autodisable
+        });
+        if (props.webview) {
+            return /*#__PURE__*/ jsx("button", {
+                // @ts-expect-error
+                url: generateWebviewUrlWithParams(props.webview, props.params),
+                ...disabledProps,
+                children: props.children
+            });
+        }
+        if (props.path) {
+            const payload = `__PATH_PAYLOAD__${props.path}`;
+            return(// @ts-expect-error
+            /*#__PURE__*/ jsx("button", {
+                payload: payload,
+                ...disabledProps,
+                children: props.children
+            }));
+        }
+        if (props.payload) {
+            return(// @ts-expect-error
+            /*#__PURE__*/ jsx("button", {
+                payload: props.payload,
+                ...disabledProps,
+                children: props.children
+            }));
+        }
+        if (props.url) {
+            return(// @ts-expect-error
+            /*#__PURE__*/ jsx("button", {
+                url: props.url,
+                target: props.target,
+                ...disabledProps,
+                children: props.children
+            }));
+        }
+        if (props.onClick) {
+            return null;
+        }
+        throw new Error('Button missing payload, path, webview, url or onClick');
+    };
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
+};
+Button.displayName = COMPONENT_DISPLAY_NAMES.Button;
+Button.serialize = (buttonProps)=>{
+    const payload = buttonProps.path ? `__PATH_PAYLOAD__${buttonProps.path}` : buttonProps.payload;
+    return {
+        button: {
+            payload,
+            url: buttonProps.url,
+            target: buttonProps.target,
+            webview: buttonProps.webview && String(buttonProps.webview),
+            title: buttonProps.children && String(buttonProps.children),
+            ...ButtonsDisabler.withDisabledProps(buttonProps)
+        }
+    };
+};
+
+export { Button };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/button/index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\nimport { useContext } from 'react'\n\nimport { isInWebviewApp, resolveImage } from '../../util/environment'\nimport { renderComponent } from '../../util/react'\nimport { generateWebviewUrlWithParams } from '../../util/webviews'\nimport { WebchatContext } from '../../webchat/context'\nimport { ButtonsDisabler } from '../buttons-disabler'\nimport { COMPONENT_DISPLAY_NAMES } from '../constants'\nimport type { ButtonProps } from '../index-types'\nimport { StyledButton, StyledUrlImage } from './styles'\n\nexport const Button = (props: ButtonProps) => {\n  const { webchatState, openWebview, sendPayload, sendInput, updateMessage } =\n    useContext(WebchatContext)\n\n  const autoDisable =\n    webchatState.theme?.button?.autodisable || props.autodisable\n\n  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: handleClick is a complex function\n  const handleClick = event => {\n    event.preventDefault()\n\n    const type = webchatState.theme?.button?.messageType\n\n    if (props.webview) {\n      openWebview(props.webview, props.params)\n    } else if (props.path) {\n      type === INPUT.POSTBACK\n        ? sendPayload(`__PATH_PAYLOAD__${props.path}`)\n        : sendInput({\n            type: INPUT.TEXT,\n            data: String(props.children),\n            text: String(props.children),\n            payload: `__PATH_PAYLOAD__${props.path}`,\n          })\n    } else if (props.payload) {\n      type === INPUT.POSTBACK\n        ? sendPayload(props.payload)\n        : sendInput({\n            type: INPUT.TEXT,\n            data: String(props.children),\n            text: String(props.children),\n            payload: props.payload,\n          })\n    } else if (props.url) {\n      const defaultTarget = props.target || '_blank'\n      const target = isInWebviewApp() ? '_self' : defaultTarget\n      window.open(props.url, target)\n    }\n\n    if (props.onClick) {\n      props.onClick()\n    }\n\n    if (props.setDisabled) {\n      props.setDisabled(true)\n      const messageToUpdate = webchatState.messagesJSON.filter(\n        m => m.id === props.parentId\n      )[0]\n      const updatedMsg = ButtonsDisabler.getUpdatedMessage(messageToUpdate)\n      updateMessage(updatedMsg)\n    }\n  }\n\n  const getClassName = (isCustom = false) => {\n    if (isCustom) {\n      return 'button-custom'\n    }\n    if (props.payload) {\n      return 'button-payload'\n    }\n    if (props.url) {\n      return 'button-url'\n    }\n    if (props.webview) {\n      return 'button-webview'\n    }\n    if (props.path) {\n      return 'button-path'\n    }\n    return ''\n  }\n\n  const renderBrowser = () => {\n    const themeButton = webchatState.theme.button\n    const urlIconEnabledProp = themeButton?.urlIcon?.enable\n    const urlIconImage = themeButton?.urlIcon?.image\n    const urlIcon = urlIconEnabledProp ? urlIconImage : undefined\n\n    const CustomButton = themeButton?.custom\n\n    if (CustomButton) {\n      return (\n        <div className={getClassName(true)} onClick={e => handleClick(e)}>\n          <CustomButton>{props.children}</CustomButton>\n        </div>\n      )\n    }\n\n    return (\n      <StyledButton\n        className={getClassName()}\n        onClick={e => handleClick(e)}\n        disabled={props.disabled && autoDisable}\n      >\n        {props.children}\n        {props.url && urlIcon && (\n          <StyledUrlImage\n            className='botonic-url-icon'\n            src={resolveImage(urlIcon)}\n          />\n        )}\n      </StyledButton>\n    )\n  }\n\n  const renderNode = () => {\n    const disabledProps = ButtonsDisabler.constructNodeProps({\n      disabled: props.disabled,\n      disabledstyle: props.disabledstyle,\n      autodisable: props.autodisable,\n    })\n    if (props.webview) {\n      return (\n        <button\n          // @ts-expect-error\n          url={generateWebviewUrlWithParams(props.webview, props.params)}\n          {...disabledProps}\n        >\n          {props.children}\n        </button>\n      )\n    }\n\n    if (props.path) {\n      const payload = `__PATH_PAYLOAD__${props.path}`\n      return (\n        // @ts-expect-error\n        <button payload={payload} {...disabledProps}>\n          {props.children}\n        </button>\n      )\n    }\n\n    if (props.payload) {\n      return (\n        // @ts-expect-error\n        <button payload={props.payload} {...disabledProps}>\n          {props.children}\n        </button>\n      )\n    }\n\n    if (props.url) {\n      return (\n        // @ts-expect-error\n        <button url={props.url} target={props.target} {...disabledProps}>\n          {props.children}\n        </button>\n      )\n    }\n\n    if (props.onClick) {\n      return null\n    }\n\n    throw new Error('Button missing payload, path, webview, url or onClick')\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nButton.displayName = COMPONENT_DISPLAY_NAMES.Button\n\nButton.serialize = (buttonProps: ButtonProps) => {\n  const payload = buttonProps.path\n    ? `__PATH_PAYLOAD__${buttonProps.path}`\n    : buttonProps.payload\n\n  return {\n    button: {\n      payload,\n      url: buttonProps.url,\n      target: buttonProps.target,\n      webview: buttonProps.webview && String(buttonProps.webview),\n      title: buttonProps.children && String(buttonProps.children),\n      ...ButtonsDisabler.withDisabledProps(buttonProps),\n    },\n  }\n}\n"],"names":["INPUT","useContext","isInWebviewApp","resolveImage","renderComponent","generateWebviewUrlWithParams","WebchatContext","ButtonsDisabler","COMPONENT_DISPLAY_NAMES","StyledButton","StyledUrlImage","Button","props","webchatState","openWebview","sendPayload","sendInput","updateMessage","autoDisable","handleClick","event","type","String","defaultTarget","target","window","messageToUpdate","m","updatedMsg","getClassName","isCustom","renderBrowser","themeButton","urlIconEnabledProp","urlIconImage","urlIcon","undefined","CustomButton","e","renderNode","disabledProps","payload","Error","buttonProps"],"mappings":"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"}

package/lib/components/button/styles.js

@@ -0,0 +1,42 @@
+import styled_components from "styled-components";
+
+
+
+const StyledButton = styled_components.button`
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  gap: 6px;
+  cursor: pointer;
+  width: ${(props)=>props.theme.button?.style?.width};
+  max-height: ${(props)=>props.theme.button?.style?.maxHeight};
+  height: ${(props)=>props.theme.button?.style?.height};
+  font-family: ${(props)=>props.theme.style?.fontFamily};
+  font-size: ${(props)=>props.theme.button?.style?.fontSize};
+  font-weight: ${(props)=>props.theme.button?.style?.fontWeight};
+  background: ${(props)=>props.theme.button?.style?.background};
+  color: ${(props)=>props.theme.button?.style?.color};
+  outline: ${(props)=>props.theme.button?.style?.outline};
+  border: ${(props)=>props.theme.button?.style?.border};
+  border-radius: ${(props)=>props.theme.button?.style?.borderRadius};
+  padding: ${(props)=>props.theme.button?.style?.padding};
+  overflow: ${(props)=>props.theme.button?.style?.overflow};
+
+  &:hover {
+    background: ${(props)=>props.theme.button?.hoverBackground};
+    color: ${(props)=>props.theme.button?.hoverTextColor};
+  }
+
+  &:disabled {
+    opacity: ${(props)=>props.theme.button?.disabledstyle?.opacity};
+    cursor: ${(props)=>props.theme.button?.disabledstyle?.cursor};
+    pointer-events: ${(props)=>props.theme.button?.disabledstyle?.pointerEvents};
+  }
+`;
+const StyledUrlImage = styled_components.img`
+  width: 20px;
+`;
+
+export { StyledButton, StyledUrlImage };
+
+//# sourceMappingURL=styles.js.map

package/lib/components/button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/button/styles.js","sources":["../../../src/components/button/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledButton = styled.button`\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  gap: 6px;\n  cursor: pointer;\n  width: ${props => props.theme.button?.style?.width};\n  max-height: ${props => props.theme.button?.style?.maxHeight};\n  height: ${props => props.theme.button?.style?.height};\n  font-family: ${props => props.theme.style?.fontFamily};\n  font-size: ${props => props.theme.button?.style?.fontSize};\n  font-weight: ${props => props.theme.button?.style?.fontWeight};\n  background: ${props => props.theme.button?.style?.background};\n  color: ${props => props.theme.button?.style?.color};\n  outline: ${props => props.theme.button?.style?.outline};\n  border: ${props => props.theme.button?.style?.border};\n  border-radius: ${props => props.theme.button?.style?.borderRadius};\n  padding: ${props => props.theme.button?.style?.padding};\n  overflow: ${props => props.theme.button?.style?.overflow};\n\n  &:hover {\n    background: ${props => props.theme.button?.hoverBackground};\n    color: ${props => props.theme.button?.hoverTextColor};\n  }\n\n  &:disabled {\n    opacity: ${props => props.theme.button?.disabledstyle?.opacity};\n    cursor: ${props => props.theme.button?.disabledstyle?.cursor};\n    pointer-events: ${props =>\n      props.theme.button?.disabledstyle?.pointerEvents};\n  }\n`\n\nexport const StyledUrlImage = styled.img`\n  width: 20px;\n`\n"],"names":["styled","StyledButton","props","StyledUrlImage"],"mappings":";;;AAAsC;AAE/B,MAAMC,YAAYA,GAAGD,wBAAa,CAAC;;;;;;SAMjC,EAAEE,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;cACvC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU;UACpD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO;eACxC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,EAAE,WAAW;aAC3C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS;eAC7C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,WAAW;cAClD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,WAAW;SACtD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;WAC1C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ;UAC/C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO;iBACtC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;WACzD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ;YAC7C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS;;;gBAG3C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,gBAAgB;WACpD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,eAAe;;;;aAI5C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,eAAe,QAAQ;YACvD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,eAAe,OAAO;oBAC7C,EAAEA,CAAAA,QAChBA,MAAM,KAAK,CAAC,MAAM,EAAE,eAAe,cAAc;;AAEvD,CAAC;AAEM,MAAMC,cAAcA,GAAGH,qBAAU,CAAC;;AAEzC,CAAC"}

package/lib/components/buttons-disabler.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+import type { WebchatMessage } from '../index-types.js';
+interface DisabledProps {
+    disabled?: boolean;
+    autodisable?: boolean | string;
+    disabledstyle?: Record<string, string> | string;
+}
+interface AdditionalProps {
+    parentId: string;
+    disabled?: boolean;
+    setDisabled: (disabled: boolean) => void;
+}
+export declare class ButtonsDisabler {
+    static constructBrowserProps(props: DisabledProps): DisabledProps;
+    static constructNodeProps(props: DisabledProps): DisabledProps;
+    static withDisabledProps(props: DisabledProps): DisabledProps;
+    static updateChildrenButtons(children: React.ReactNode, additionalProps?: AdditionalProps): React.ReactNode;
+    static updateButtons(node: any, additionalProps?: AdditionalProps): any;
+    static getUpdatedMessage(messageToUpdate: WebchatMessage): WebchatMessage;
+}
+export {};

package/lib/components/buttons-disabler.js

@@ -0,0 +1,97 @@
+import { isCarousel } from "../message-utils.js";
+import { strToBool } from "../util/objects.js";
+import { deepMapWithIndex } from "../util/react.js";
+import { Button } from "./button/index.js";
+
+
+
+
+
+/* eslint-disable @typescript-eslint/no-explicit-any */ 
+
+
+
+// biome-ignore lint/complexity/noStaticOnlyClass: ButtonsDisabler is a static class and should not be instantiated
+class ButtonsDisabler {
+    static constructBrowserProps(props) {
+        const disabledProps = {};
+        if (props.autodisable !== undefined) {
+            disabledProps.autodisable = strToBool(props.autodisable);
+        }
+        if (props.disabledstyle !== undefined) {
+            disabledProps.disabledstyle = props.disabledstyle;
+        }
+        return disabledProps;
+    }
+    static constructNodeProps(props) {
+        const disabledProps = {};
+        if (props.autodisable !== undefined) {
+            disabledProps.autodisable = String(props.autodisable);
+        }
+        if (props.disabledstyle !== undefined) {
+            disabledProps.disabledstyle = JSON.stringify(props.disabledstyle);
+        }
+        return disabledProps;
+    }
+    static withDisabledProps(props) {
+        return {
+            disabled: props.disabled,
+            autodisable: props.autodisable,
+            disabledstyle: props.disabledstyle
+        };
+    }
+    static updateChildrenButtons(children, additionalProps) {
+        return deepMapWithIndex(children, (node)=>{
+            if (node.type === Button) {
+                return ButtonsDisabler.updateButtons(node, additionalProps);
+            }
+            return node;
+        });
+    }
+    static updateButtons(node, additionalProps) {
+        if (additionalProps) {
+            additionalProps = {
+                parentId: additionalProps.parentId,
+                disabled: node.props.disabled === true ? node.props.disabled : additionalProps.disabled,
+                setDisabled: additionalProps.setDisabled
+            };
+        }
+        return {
+            ...node,
+            props: {
+                ...node.props,
+                ...additionalProps
+            }
+        };
+    }
+    static getUpdatedMessage(messageToUpdate) {
+        const updateMsgButton = (button)=>{
+            return {
+                ...button,
+                ...{
+                    disabled: true
+                }
+            };
+        };
+        if (isCarousel(messageToUpdate) && messageToUpdate.data && messageToUpdate.data.elements) {
+            messageToUpdate.data.elements = messageToUpdate.data.elements.map((e)=>({
+                    ...e,
+                    ...{
+                        buttons: e.buttons.map(updateMsgButton)
+                    }
+                }));
+            return messageToUpdate;
+        } else {
+            return {
+                ...messageToUpdate,
+                ...{
+                    buttons: messageToUpdate.buttons.map(updateMsgButton)
+                }
+            };
+        }
+    }
+}
+
+export { ButtonsDisabler };
+
+//# sourceMappingURL=buttons-disabler.js.map

package/lib/components/buttons-disabler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/buttons-disabler.js","sources":["../../src/components/buttons-disabler.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type React from 'react'\n\nimport type { WebchatMessage } from '../index-types'\nimport { isCarousel } from '../message-utils'\nimport { strToBool } from '../util/objects'\nimport { deepMapWithIndex } from '../util/react'\nimport { Button } from './button'\nimport type { ButtonProps } from './index-types'\n\ninterface DisabledProps {\n  disabled?: boolean\n  autodisable?: boolean | string\n  disabledstyle?: Record<string, string> | string\n}\n\ninterface AdditionalProps {\n  parentId: string\n  disabled?: boolean\n  setDisabled: (disabled: boolean) => void\n}\n// biome-ignore lint/complexity/noStaticOnlyClass: ButtonsDisabler is a static class and should not be instantiated\nexport class ButtonsDisabler {\n  static constructBrowserProps(props: DisabledProps): DisabledProps {\n    const disabledProps: DisabledProps = {}\n    if (props.autodisable !== undefined) {\n      disabledProps.autodisable = strToBool(props.autodisable)\n    }\n    if (props.disabledstyle !== undefined) {\n      disabledProps.disabledstyle = props.disabledstyle\n    }\n    return disabledProps\n  }\n\n  static constructNodeProps(props: DisabledProps): DisabledProps {\n    const disabledProps: DisabledProps = {}\n    if (props.autodisable !== undefined) {\n      disabledProps.autodisable = String(props.autodisable)\n    }\n    if (props.disabledstyle !== undefined) {\n      disabledProps.disabledstyle = JSON.stringify(props.disabledstyle)\n    }\n    return disabledProps\n  }\n\n  static withDisabledProps(props: DisabledProps): DisabledProps {\n    return {\n      disabled: props.disabled,\n      autodisable: props.autodisable,\n      disabledstyle: props.disabledstyle,\n    }\n  }\n\n  static updateChildrenButtons(\n    children: React.ReactNode,\n    additionalProps?: AdditionalProps\n  ): React.ReactNode {\n    return deepMapWithIndex(children, (node: any) => {\n      if (node.type === Button) {\n        return ButtonsDisabler.updateButtons(node, additionalProps)\n      }\n      return node\n    })\n  }\n\n  static updateButtons(node: any, additionalProps?: AdditionalProps): any {\n    if (additionalProps) {\n      additionalProps = {\n        parentId: additionalProps.parentId,\n        disabled:\n          node.props.disabled === true\n            ? node.props.disabled\n            : additionalProps.disabled,\n        setDisabled: additionalProps.setDisabled,\n      }\n    }\n    return {\n      ...node,\n      props: {\n        ...node.props,\n        ...additionalProps,\n      },\n    }\n  }\n\n  static getUpdatedMessage(messageToUpdate: WebchatMessage): WebchatMessage {\n    const updateMsgButton = (button: ButtonProps) => {\n      return {\n        ...button,\n        ...{\n          disabled: true,\n        },\n      }\n    }\n\n    if (\n      isCarousel(messageToUpdate) &&\n      messageToUpdate.data &&\n      messageToUpdate.data.elements\n    ) {\n      messageToUpdate.data.elements = messageToUpdate.data.elements.map(e => ({\n        ...e,\n        ...{\n          buttons: e.buttons.map(updateMsgButton),\n        },\n      }))\n      return messageToUpdate\n    } else {\n      return {\n        ...messageToUpdate,\n        ...{\n          buttons: messageToUpdate.buttons.map(updateMsgButton),\n        },\n      }\n    }\n  }\n}\n"],"names":["isCarousel","strToBool","deepMapWithIndex","Button","ButtonsDisabler","props","disabledProps","undefined","String","JSON","children","additionalProps","node","messageToUpdate","updateMsgButton","button","e"],"mappings":";;;;;;;;;AAAA,qDAAqD,GAIR;AACF;AACK;AACf;AAcjC,mHAAmH;AAC5G,MAAMI,eAAeA;IAC1B,OAAO,sBAAsBC,KAAoB,EAAiB;QAChE,MAAMC,gBAA+B,CAAC;QACtC,IAAID,MAAM,WAAW,KAAKE,WAAW;YACnCD,cAAc,WAAW,GAAGL,SAASA,CAACI,MAAM,WAAW;QACzD;QACA,IAAIA,MAAM,aAAa,KAAKE,WAAW;YACrCD,cAAc,aAAa,GAAGD,MAAM,aAAa;QACnD;QACA,OAAOC;IACT;IAEA,OAAO,mBAAmBD,KAAoB,EAAiB;QAC7D,MAAMC,gBAA+B,CAAC;QACtC,IAAID,MAAM,WAAW,KAAKE,WAAW;YACnCD,cAAc,WAAW,GAAGE,OAAOH,MAAM,WAAW;QACtD;QACA,IAAIA,MAAM,aAAa,KAAKE,WAAW;YACrCD,cAAc,aAAa,GAAGG,KAAK,SAAS,CAACJ,MAAM,aAAa;QAClE;QACA,OAAOC;IACT;IAEA,OAAO,kBAAkBD,KAAoB,EAAiB;QAC5D,OAAO;YACL,UAAUA,MAAM,QAAQ;YACxB,aAAaA,MAAM,WAAW;YAC9B,eAAeA,MAAM,aAAa;QACpC;IACF;IAEA,OAAO,sBACLK,QAAyB,EACzBC,eAAiC,EAChB;QACjB,OAAOT,gBAAgBA,CAACQ,UAAU,CAACE;YACjC,IAAIA,KAAK,IAAI,KAAKT,MAAMA,EAAE;gBACxB,OAAOC,eAAeA,CAAC,aAAa,CAACQ,MAAMD;YAC7C;YACA,OAAOC;QACT;IACF;IAEA,OAAO,cAAcA,IAAS,EAAED,eAAiC,EAAO;QACtE,IAAIA,iBAAiB;YACnBA,kBAAkB;gBAChB,UAAUA,gBAAgB,QAAQ;gBAClC,UACEC,KAAK,KAAK,CAAC,QAAQ,KAAK,OACpBA,KAAK,KAAK,CAAC,QAAQ,GACnBD,gBAAgB,QAAQ;gBAC9B,aAAaA,gBAAgB,WAAW;YAC1C;QACF;QACA,OAAO;YACL,GAAGC,IAAI;YACP,OAAO;gBACL,GAAGA,KAAK,KAAK;gBACb,GAAGD,eAAe;YACpB;QACF;IACF;IAEA,OAAO,kBAAkBE,eAA+B,EAAkB;QACxE,MAAMC,kBAAkB,CAACC;YACvB,OAAO;gBACL,GAAGA,MAAM;gBACT,GAAG;oBACD,UAAU;gBACZ,CAAC;YACH;QACF;QAEA,IACEf,UAAUA,CAACa,oBACXA,gBAAgB,IAAI,IACpBA,gBAAgB,IAAI,CAAC,QAAQ,EAC7B;YACAA,gBAAgB,IAAI,CAAC,QAAQ,GAAGA,gBAAgB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACG,CAAAA,IAAM;oBACtE,GAAGA,CAAC;oBACJ,GAAG;wBACD,SAASA,EAAE,OAAO,CAAC,GAAG,CAACF;oBACzB,CAAC;gBACH;YACA,OAAOD;QACT,OAAO;YACL,OAAO;gBACL,GAAGA,eAAe;gBAClB,GAAG;oBACD,SAASA,gBAAgB,OAAO,CAAC,GAAG,CAACC;gBACvC,CAAC;YACH;QACF;IACF;AACF"}

package/lib/components/carousel.d.ts

@@ -0,0 +1,10 @@
+import { INPUT } from '@botonic/core';
+import type { CarouselProps } from './index-types.js';
+export declare const Carousel: {
+    (props: CarouselProps): import("react").JSX.Element;
+    displayName: "Carousel";
+    serialize: (carouselProps: any) => {
+        type: INPUT;
+        elements: any;
+    };
+};