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

package/lib/esm/app.js

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.App = void 0;
 class App {
-    constructor() {
+    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';
     }
 }
-exports.App = App;
+
+export { App };
+
 //# sourceMappingURL=app.js.map

package/lib/esm/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app.jsx"],"names":[],"mappings":";;;AAAA,MAAa,GAAG;IACd;QACE,MAAM,oLAAoL,CAAA;IAC5L,CAAC;CACF;AAJD,kBAIC"}
+{"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/esm/assets/types.d.ts

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

package/lib/esm/botonic-tester.js

@@ -1,76 +1,122 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BotonicOutputTester = exports.BotonicInputTester = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const server_1 = tslib_1.__importDefault(require("react-dom/server"));
-const reply_1 = require("./components/reply");
-const text_1 = require("./components/text");
+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;': "'",
+        '&apos;': "'"
     };
-    return text.replace(/&quot;|&amp;|&lt;|&gt;|&apos;/g, match => entities[match]);
+    return text.replace(/&quot;|&amp;|&lt;|&gt;|&apos;/g, (match)=>entities[match]);
 }
 class BotonicInputTester {
-    constructor(bot) {
-        this.bot = bot;
-    }
-    async text(inp, session = { user: { id: '123' } }, lastRoutePath = '') {
+    async text(inp, session = {
+        user: {
+            id: '123'
+        }
+    }, lastRoutePath = '') {
         const res = await this.bot.input({
-            input: { type: core_1.INPUT.TEXT, data: inp },
+            input: {
+                type: INPUT.TEXT,
+                data: inp
+            },
             session: session,
-            lastRoutePath: lastRoutePath,
+            lastRoutePath: lastRoutePath
         });
         return decodeHTMLEntities(res.response);
     }
-    async payload(inp, session = { user: { id: '123' } }, lastRoutePath = '') {
+    async payload(inp, session = {
+        user: {
+            id: '123'
+        }
+    }, lastRoutePath = '') {
         const res = await this.bot.input({
-            input: { type: core_1.INPUT.POSTBACK, payload: inp },
+            input: {
+                type: INPUT.POSTBACK,
+                payload: inp
+            },
             session: session,
-            lastRoutePath: lastRoutePath,
+            lastRoutePath: lastRoutePath
         });
         return decodeHTMLEntities(res.response);
     }
-    async path(inp, session = { user: { id: '123' } }, lastRoutePath = '') {
+    async path(inp, session = {
+        user: {
+            id: '123'
+        }
+    }, lastRoutePath = '') {
         const res = await this.bot.input({
-            input: { type: core_1.INPUT.TEXT, payload: `__PATH_PAYLOAD__${inp}` },
+            input: {
+                type: INPUT.TEXT,
+                payload: `__PATH_PAYLOAD__${inp}`
+            },
             session: session,
-            lastRoutePath: lastRoutePath,
+            lastRoutePath: lastRoutePath
         });
         return decodeHTMLEntities(res.response);
     }
-}
-exports.BotonicInputTester = BotonicInputTester;
-class BotonicOutputTester {
-    constructor(bot) {
+    constructor(bot){
         this.bot = bot;
     }
+}
+class BotonicOutputTester {
     text(out, replies = null) {
-        return decodeHTMLEntities(server_1.default.renderToStaticMarkup(!replies ? ((0, jsx_runtime_1.jsx)(text_1.Text, { children: out })) : ((0, jsx_runtime_1.jsxs)(text_1.Text, { children: [out, replies] }))));
+        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_1.default.renderToStaticMarkup((0, jsx_runtime_1.jsx)(reply_1.Reply, { payload: payload, children: text })));
+            return decodeHTMLEntities(server.renderToStaticMarkup(/*#__PURE__*/ jsx(Reply, {
+                payload: payload,
+                children: text
+            })));
         }
         if (path) {
-            return decodeHTMLEntities(server_1.default.renderToStaticMarkup((0, jsx_runtime_1.jsx)(reply_1.Reply, { path: path, children: text })));
+            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++) {
+        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 }));
+            replies.push(this.reply({
+                text: r.text,
+                payload: r.payload,
+                path: r.path
+            }));
         }
         return replies;
     }
+    constructor(bot){
+        this.bot = bot;
+    }
 }
-exports.BotonicOutputTester = BotonicOutputTester;
+
+export { BotonicInputTester, BotonicOutputTester };
+
 //# sourceMappingURL=botonic-tester.js.map

package/lib/esm/botonic-tester.js.map

@@ -1 +1 @@
-{"version":3,"file":"botonic-tester.js","sourceRoot":"","sources":["../../src/botonic-tester.jsx"],"names":[],"mappings":"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"}
+{"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/esm/components/audio.d.ts

@@ -1,4 +1,4 @@
-import type { AudioProps } from './index-types';
+import type { AudioProps } from './index-types.js';
 export declare const Audio: {
     (props: AudioProps): import("react/jsx-runtime").JSX.Element;
     serialize: (audioProps: {

package/lib/esm/components/audio.js

@@ -1,27 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Audio = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const environment_1 = require("../util/environment");
-const message_1 = require("./message");
-const StyledAudio = styled_components_1.default.audio `
+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 serialize = (audioProps)=>{
+    return {
+        audio: audioProps.src
+    };
 };
-const Audio = (props) => {
-    props = { ...props, src: (0, environment_1.staticAsset)(props.src) };
+const Audio = (props)=>{
+    props = {
+        ...props,
+        src: staticAsset(props.src)
+    };
     let content = props.children;
-    if ((0, core_1.isBrowser)()) {
-        content = ((0, jsx_runtime_1.jsxs)(StyledAudio, { id: 'myAudio', controls: true, children: [(0, jsx_runtime_1.jsx)("source", { src: props.src, type: 'audio/mpeg' }), "Your browser does not support this audio format."] }));
+    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 ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.AUDIO_MESSAGE, json: serialize(props), ...props, type: core_1.INPUT.AUDIO, children: content }));
+    return /*#__PURE__*/ jsx(Message, {
+        role: ROLES.AUDIO_MESSAGE,
+        json: serialize(props),
+        ...props,
+        type: INPUT.AUDIO,
+        children: content
+    });
 };
-exports.Audio = Audio;
-exports.Audio.serialize = serialize;
+Audio.serialize = serialize;
+
+export { Audio };
+
 //# sourceMappingURL=audio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"audio.js","sourceRoot":"","sources":["../../../src/components/audio.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,kFAAsC;AAEtC,4CAAoC;AACpC,qDAAiD;AAEjD,uCAAmC;AAEnC,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;CAE/B,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,OAAO,GAAG,CACR,wBAAC,WAAW,IAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,mBAChC,mCAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAC,YAAY,GAAG,wDAEhC,CACf,CAAA;IACH,CAAC;IACD,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,iBAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAClB,KAAK,EACT,IAAI,EAAE,YAAK,CAAC,KAAK,YAEhB,OAAO,GACA,CACX,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,KAAK,SAqBjB;AAED,aAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}
+{"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/esm/components/button/index.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '../index-types';
+import type { ButtonProps } from '../index-types.js';
 export declare const Button: {
     (props: ButtonProps): any;
     displayName: "Button";

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

@@ -1,49 +1,60 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const environment_1 = require("../../util/environment");
-const react_2 = require("../../util/react");
-const webviews_1 = require("../../util/webviews");
-const context_1 = require("../../webchat/context");
-const buttons_disabler_1 = require("../buttons-disabler");
-const constants_1 = require("../constants");
-const styles_1 = require("./styles");
-const Button = (props) => {
-    const { webchatState, openWebview, sendPayload, sendInput, updateMessage } = (0, react_1.useContext)(context_1.WebchatContext);
+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 => {
+    const handleClick = (event)=>{
         event.preventDefault();
         const type = webchatState.theme?.button?.messageType;
         if (props.webview) {
             openWebview(props.webview, props.params);
-        }
-        else if (props.path) {
-            type === core_1.INPUT.POSTBACK
-                ? sendPayload(`__PATH_PAYLOAD__${props.path}`)
-                : sendInput({
-                    type: core_1.INPUT.TEXT,
-                    data: String(props.children),
-                    text: String(props.children),
-                    payload: `__PATH_PAYLOAD__${props.path}`,
-                });
-        }
-        else if (props.payload) {
-            type === core_1.INPUT.POSTBACK
-                ? sendPayload(props.payload)
-                : sendInput({
-                    type: core_1.INPUT.TEXT,
-                    data: String(props.children),
-                    text: String(props.children),
-                    payload: props.payload,
-                });
-        }
-        else if (props.url) {
+        } 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 = (0, environment_1.isInWebviewApp)() ? '_self' : defaultTarget;
+            const target = isInWebviewApp() ? '_self' : defaultTarget;
             window.open(props.url, target);
         }
         if (props.onClick) {
@@ -51,12 +62,12 @@ const Button = (props) => {
         }
         if (props.setDisabled) {
             props.setDisabled(true);
-            const messageToUpdate = webchatState.messagesJSON.filter(m => m.id === props.parentId)[0];
-            const updatedMsg = buttons_disabler_1.ButtonsDisabler.getUpdatedMessage(messageToUpdate);
+            const messageToUpdate = webchatState.messagesJSON.filter((m)=>m.id === props.parentId)[0];
+            const updatedMsg = ButtonsDisabler.getUpdatedMessage(messageToUpdate);
             updateMessage(updatedMsg);
         }
     };
-    const getClassName = (isCustom = false) => {
+    const getClassName = (isCustom = false)=>{
         if (isCustom) {
             return 'button-custom';
         }
@@ -74,57 +85,87 @@ const Button = (props) => {
         }
         return '';
     };
-    const renderBrowser = () => {
+    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 ((0, jsx_runtime_1.jsx)("div", { className: getClassName(true), onClick: e => handleClick(e), children: (0, jsx_runtime_1.jsx)(CustomButton, { children: props.children }) }));
-        }
-        return ((0, jsx_runtime_1.jsxs)(styles_1.StyledButton, { className: getClassName(), onClick: e => handleClick(e), disabled: props.disabled && autoDisable, children: [props.children, props.url && urlIcon && ((0, jsx_runtime_1.jsx)(styles_1.StyledUrlImage, { className: 'botonic-url-icon', src: (0, environment_1.resolveImage)(urlIcon) }))] }));
+            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 = buttons_disabler_1.ButtonsDisabler.constructNodeProps({
+    const renderNode = ()=>{
+        const disabledProps = ButtonsDisabler.constructNodeProps({
             disabled: props.disabled,
             disabledstyle: props.disabledstyle,
-            autodisable: props.autodisable,
+            autodisable: props.autodisable
         });
         if (props.webview) {
-            return ((0, jsx_runtime_1.jsx)("button", { 
+            return /*#__PURE__*/ jsx("button", {
                 // @ts-expect-error
-                url: (0, webviews_1.generateWebviewUrlWithParams)(props.webview, props.params), ...disabledProps, children: props.children }));
+                url: generateWebviewUrlWithParams(props.webview, props.params),
+                ...disabledProps,
+                children: props.children
+            });
         }
         if (props.path) {
             const payload = `__PATH_PAYLOAD__${props.path}`;
-            return (
-            // @ts-expect-error
-            (0, jsx_runtime_1.jsx)("button", { payload: payload, ...disabledProps, children: props.children }));
+            return(// @ts-expect-error
+            /*#__PURE__*/ jsx("button", {
+                payload: payload,
+                ...disabledProps,
+                children: props.children
+            }));
         }
         if (props.payload) {
-            return (
-            // @ts-expect-error
-            (0, jsx_runtime_1.jsx)("button", { payload: props.payload, ...disabledProps, children: props.children }));
+            return(// @ts-expect-error
+            /*#__PURE__*/ jsx("button", {
+                payload: props.payload,
+                ...disabledProps,
+                children: props.children
+            }));
         }
         if (props.url) {
-            return (
-            // @ts-expect-error
-            (0, jsx_runtime_1.jsx)("button", { url: props.url, target: props.target, ...disabledProps, children: props.children }));
+            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 (0, react_2.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.Button = Button;
-exports.Button.displayName = constants_1.COMPONENT_DISPLAY_NAMES.Button;
-exports.Button.serialize = (buttonProps) => {
-    const payload = buttonProps.path
-        ? `__PATH_PAYLOAD__${buttonProps.path}`
-        : buttonProps.payload;
+Button.displayName = COMPONENT_DISPLAY_NAMES.Button;
+Button.serialize = (buttonProps)=>{
+    const payload = buttonProps.path ? `__PATH_PAYLOAD__${buttonProps.path}` : buttonProps.payload;
     return {
         button: {
             payload,
@@ -132,8 +173,11 @@ exports.Button.serialize = (buttonProps) => {
             target: buttonProps.target,
             webview: buttonProps.webview && String(buttonProps.webview),
             title: buttonProps.children && String(buttonProps.children),
-            ...buttons_disabler_1.ButtonsDisabler.withDisabledProps(buttonProps),
-        },
+            ...ButtonsDisabler.withDisabledProps(buttonProps)
+        }
     };
 };
+
+export { Button };
+
 //# sourceMappingURL=index.js.map

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

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