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

package/lib/webview-app.js

@@ -0,0 +1,215 @@
+import { jsx } from "react/jsx-runtime";
+import { PROVIDER, params2queryString } from "@botonic/core";
+import axios from "axios";
+import react from "react";
+import { createRoot } from "react-dom/client";
+import { BrowserRouter, Route } from "react-router-dom";
+import { WebviewRequestContext } from "./contexts.js";
+
+
+
+
+
+
+
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else obj[key] = value;
+    return obj;
+}
+
+/* eslint-disable @typescript-eslint/no-empty-function */ // @ts-nocheck
+
+
+
+
+
+
+var webview_app_WebviewUrlParams = /*#__PURE__*/ (/* unused pure expression or super */ null && (function(WebviewUrlParams) {
+    WebviewUrlParams["Context"] = "context";
+    WebviewUrlParams["BotId"] = "bot_id";
+    WebviewUrlParams["UserId"] = "user_id";
+    WebviewUrlParams["HubtypeApiUrl"] = "hubtype_api_url";
+    return WebviewUrlParams;
+}(webview_app_WebviewUrlParams || {})));
+const DEFAULT_HUBTYPE_API_URL = 'https://api.hubtype.com';
+class App extends react.Component {
+    async componentDidMount() {
+        await this.initializeApp();
+    }
+    async initializeApp() {
+        try {
+            const botId = this.url.searchParams.get("bot_id");
+            const chatId = this.url.searchParams.get("user_id");
+            const hubtypeApiUrl = this.url.searchParams.get("hubtype_api_url");
+            if (botId && chatId && hubtypeApiUrl) {
+                const session = await this.getBotSessionContextFromExternalApi(hubtypeApiUrl, botId, chatId);
+                this.hubtypeApiUrl = hubtypeApiUrl;
+                this.setState({
+                    session,
+                    params: this.getParamsFromUrl()
+                });
+            } else {
+                const session = this.getBotSessionContextFromUrl();
+                this.hubtypeApiUrl = session._hubtype_api || DEFAULT_HUBTYPE_API_URL;
+                this.setState({
+                    session,
+                    params: this.getParamsFromUrl()
+                });
+            }
+        } catch (error) {
+            console.error('Failed to initialize app:', error);
+            const session = this.getBotSessionContextFromUrl();
+            this.hubtypeApiUrl = session._hubtype_api || DEFAULT_HUBTYPE_API_URL;
+            this.setState({
+                session,
+                params: this.getParamsFromUrl()
+            });
+        }
+    }
+    async getBotSessionContextFromExternalApi(hubtypeApiUrl, botId, userId) {
+        const url = `${hubtypeApiUrl}/external/v2/conversational_apps/${botId}/users/${userId}/context/`;
+        const response = await axios.get(url);
+        return response.data;
+    }
+    getBotSessionContextFromUrl() {
+        const urlContext = this.url.searchParams.get("context");
+        try {
+            return JSON.parse(urlContext || '{}');
+        } catch (error) {
+            console.error('Failed to parse session context from URL:', error);
+            return {};
+        }
+    }
+    getParamsFromUrl() {
+        const keysToExclude = [
+            "context",
+            "bot_id",
+            "user_id",
+            "hubtype_api_url"
+        ];
+        return Array.from(this.url.searchParams.entries()).filter(([key])=>!keysToExclude.includes(key)).reduce((params, [key, value])=>{
+            params[key] = value;
+            return params;
+        }, {});
+    }
+    async closeWebviewForProvider(provider, session, _payload) {
+        const { user } = session;
+        switch(provider){
+            case PROVIDER.WHATSAPP:
+                location.href = `https://wa.me/${user.unformatted_phone_number}`;
+                break;
+            case PROVIDER.TELEGRAM:
+                location.href = `https://t.me/${user.imp_id}`;
+                break;
+            case PROVIDER.APPLE:
+                location.href = `https://bcrw.apple.com/urn:biz:${user.imp_id}`;
+                break;
+            case PROVIDER.TWITTER:
+                location.href = `https://twitter.com/messages/compose?recipient_id=${user.imp_id}`;
+                break;
+            case PROVIDER.INSTAGRAM:
+                window.close();
+                break;
+            case PROVIDER.FACEBOOK:
+                try {
+                    window.MessengerExtensions.requestCloseBrowser(// biome-ignore lint/suspicious/noEmptyBlockStatements: success callback is empty
+                    ()=>{}, ()=>window.close() // error callback
+                    );
+                } catch (_error) {
+                    window.close();
+                }
+                break;
+            case PROVIDER.WEBCHAT:
+                try {
+                    await parent.postMessage('botonicCloseWebview', '*');
+                } catch (error) {
+                    console.error('Failed to send close message to parent:', error);
+                }
+                break;
+            default:
+                console.warn(`Unknown provider: ${provider}`);
+        }
+    }
+    async close(options) {
+        if (!this.state.session) {
+            console.error('No session available for closing webview');
+            return;
+        }
+        let payload = options?.payload || null;
+        if (options?.path) {
+            payload = `__PATH_PAYLOAD__${options.path}`;
+        }
+        if (payload) {
+            if (options?.params) {
+                payload = `${payload}?${params2queryString(options.params)}`;
+            }
+            try {
+                const url = `${this.hubtypeApiUrl}/v1/bots/${this.state.session.bot.id}/send_postback/`;
+                const data = {
+                    payload,
+                    chat_id: this.state.session.user.id
+                };
+                await axios.post(url, data);
+            } catch (error) {
+                console.error('Failed to send postback:', error);
+            }
+        }
+        await this.closeWebviewForProvider(this.state.session.user.provider, this.state.session, payload);
+    }
+    render() {
+        if (!this.state.session) {
+            return null;
+        }
+        const webviewRequestContext = {
+            params: this.state.params,
+            session: this.state.session,
+            getUserCountry: ()=>this.state.session.user.country,
+            getUserLocale: ()=>this.state.session.user.locale,
+            getSystemLocale: ()=>this.state.session.user.system_locale,
+            closeWebview: this.close.bind(this)
+        };
+        return /*#__PURE__*/ jsx(WebviewRequestContext.Provider, {
+            value: webviewRequestContext,
+            children: this.props.webviews.map((Webview, i)=>/*#__PURE__*/ jsx(Route, {
+                    path: `/${Webview.name}`,
+                    component: Webview
+                }, `route-${i}-${Webview.name}`))
+        });
+    }
+    constructor(props){
+        super(props), _define_property(this, "url", void 0), _define_property(this, "hubtypeApiUrl", DEFAULT_HUBTYPE_API_URL);
+        this.url = new URL(window.location.href);
+        this.state = {
+            session: null,
+            params: {}
+        };
+    }
+}
+class WebviewApp {
+    render(dest) {
+        const component = /*#__PURE__*/ jsx(BrowserRouter, {
+            children: /*#__PURE__*/ jsx(App, {
+                webviews: this.webviews,
+                locales: this.locales
+            })
+        });
+        const reactRoot = createRoot(dest);
+        reactRoot.render(component);
+    }
+    constructor({ webviews, locales }){
+        this.webviews = webviews;
+        this.locales = locales;
+    }
+}
+
+export { WebviewApp };
+
+//# sourceMappingURL=webview-app.js.map

package/lib/webview-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webview-app.js","sources":["../src/webview-app.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n// @ts-nocheck\nimport { PROVIDER, params2queryString, type Session } from '@botonic/core'\nimport axios from 'axios'\nimport React from 'react'\nimport { createRoot } from 'react-dom/client'\nimport { BrowserRouter, Route } from 'react-router-dom'\n\nimport {\n  type CloseWebviewOptions,\n  WebviewRequestContext,\n  type WebviewRequestContextType,\n} from './contexts'\n\nenum WebviewUrlParams {\n  Context = 'context',\n  BotId = 'bot_id',\n  UserId = 'user_id',\n  HubtypeApiUrl = 'hubtype_api_url',\n}\n\nconst DEFAULT_HUBTYPE_API_URL = 'https://api.hubtype.com'\n\nclass App extends React.Component {\n  private url: URL\n  private hubtypeApiUrl: string = DEFAULT_HUBTYPE_API_URL\n\n  constructor(props) {\n    super(props)\n    this.url = new URL(window.location.href)\n    this.state = {\n      session: null,\n      params: {},\n    }\n  }\n\n  async componentDidMount() {\n    await this.initializeApp()\n  }\n\n  private async initializeApp() {\n    try {\n      const botId = this.url.searchParams.get(WebviewUrlParams.BotId)\n      const chatId = this.url.searchParams.get(WebviewUrlParams.UserId)\n      const hubtypeApiUrl = this.url.searchParams.get(\n        WebviewUrlParams.HubtypeApiUrl\n      )\n\n      if (botId && chatId && hubtypeApiUrl) {\n        const session = await this.getBotSessionContextFromExternalApi(\n          hubtypeApiUrl,\n          botId,\n          chatId\n        )\n        this.hubtypeApiUrl = hubtypeApiUrl\n        this.setState({\n          session,\n          params: this.getParamsFromUrl(),\n        })\n      } else {\n        const session = this.getBotSessionContextFromUrl()\n        this.hubtypeApiUrl = session._hubtype_api || DEFAULT_HUBTYPE_API_URL\n        this.setState({\n          session,\n          params: this.getParamsFromUrl(),\n        })\n      }\n    } catch (error) {\n      console.error('Failed to initialize app:', error)\n      const session = this.getBotSessionContextFromUrl()\n      this.hubtypeApiUrl = session._hubtype_api || DEFAULT_HUBTYPE_API_URL\n      this.setState({\n        session,\n        params: this.getParamsFromUrl(),\n      })\n    }\n  }\n\n  private async getBotSessionContextFromExternalApi(\n    hubtypeApiUrl: string,\n    botId: string,\n    userId: string\n  ) {\n    const url = `${hubtypeApiUrl}/external/v2/conversational_apps/${botId}/users/${userId}/context/`\n    const response = await axios.get(url)\n    return response.data\n  }\n\n  private getBotSessionContextFromUrl() {\n    const urlContext = this.url.searchParams.get(WebviewUrlParams.Context)\n    try {\n      return JSON.parse(urlContext || '{}')\n    } catch (error) {\n      console.error('Failed to parse session context from URL:', error)\n      return {}\n    }\n  }\n\n  private getParamsFromUrl() {\n    const keysToExclude = [\n      WebviewUrlParams.Context,\n      WebviewUrlParams.BotId,\n      WebviewUrlParams.UserId,\n      WebviewUrlParams.HubtypeApiUrl,\n    ]\n    return Array.from(this.url.searchParams.entries())\n      .filter(([key]) => !keysToExclude.includes(key))\n      .reduce((params, [key, value]) => {\n        params[key] = value\n        return params\n      }, {})\n  }\n\n  private async closeWebviewForProvider(\n    provider: string,\n    session: Session,\n    _payload?: string\n  ) {\n    const { user } = session\n\n    switch (provider) {\n      case PROVIDER.WHATSAPP:\n        location.href = `https://wa.me/${user.unformatted_phone_number}`\n        break\n      case PROVIDER.TELEGRAM:\n        location.href = `https://t.me/${user.imp_id}`\n        break\n      case PROVIDER.APPLE:\n        location.href = `https://bcrw.apple.com/urn:biz:${user.imp_id}`\n        break\n      case PROVIDER.TWITTER:\n        location.href = `https://twitter.com/messages/compose?recipient_id=${user.imp_id}`\n        break\n      case PROVIDER.INSTAGRAM:\n        window.close()\n        break\n      case PROVIDER.FACEBOOK:\n        try {\n          window.MessengerExtensions.requestCloseBrowser(\n            // biome-ignore lint/suspicious/noEmptyBlockStatements: success callback is empty\n            () => {}, // success callback\n            () => window.close() // error callback\n          )\n        } catch (_error) {\n          window.close()\n        }\n        break\n      case PROVIDER.WEBCHAT:\n        try {\n          await parent.postMessage('botonicCloseWebview', '*')\n        } catch (error) {\n          console.error('Failed to send close message to parent:', error)\n        }\n        break\n      default:\n        console.warn(`Unknown provider: ${provider}`)\n    }\n  }\n\n  async close(options?: CloseWebviewOptions) {\n    if (!this.state.session) {\n      console.error('No session available for closing webview')\n      return\n    }\n\n    let payload = options?.payload || null\n\n    if (options?.path) {\n      payload = `__PATH_PAYLOAD__${options.path}`\n    }\n\n    if (payload) {\n      if (options?.params) {\n        payload = `${payload}?${params2queryString(options.params)}`\n      }\n\n      try {\n        const url = `${this.hubtypeApiUrl}/v1/bots/${this.state.session.bot.id}/send_postback/`\n        const data = {\n          payload,\n          chat_id: this.state.session.user.id,\n        }\n        await axios.post(url, data)\n      } catch (error) {\n        console.error('Failed to send postback:', error)\n      }\n    }\n\n    await this.closeWebviewForProvider(\n      this.state.session.user.provider,\n      this.state.session,\n      payload\n    )\n  }\n\n  render() {\n    if (!this.state.session) {\n      return null\n    }\n\n    const webviewRequestContext: WebviewRequestContextType = {\n      params: this.state.params,\n      session: this.state.session,\n      getUserCountry: () => this.state.session.user.country,\n      getUserLocale: () => this.state.session.user.locale,\n      getSystemLocale: () => this.state.session.user.system_locale,\n      closeWebview: this.close.bind(this),\n    }\n\n    return (\n      <WebviewRequestContext.Provider value={webviewRequestContext}>\n        {this.props.webviews.map((Webview, i) => (\n          <Route\n            key={`route-${i}-${Webview.name}`}\n            path={`/${Webview.name}`}\n            component={Webview}\n          />\n        ))}\n      </WebviewRequestContext.Provider>\n    )\n  }\n}\n\nexport class WebviewApp {\n  constructor({ webviews, locales }) {\n    this.webviews = webviews\n    this.locales = locales\n  }\n\n  render(dest) {\n    const component = (\n      <BrowserRouter>\n        <App webviews={this.webviews} locales={this.locales} />\n      </BrowserRouter>\n    )\n    const reactRoot = createRoot(dest)\n    reactRoot.render(component)\n  }\n}\n"],"names":["PROVIDER","params2queryString","axios","React","createRoot","BrowserRouter","Route","WebviewRequestContext","WebviewUrlParams","DEFAULT_HUBTYPE_API_URL","App","botId","chatId","hubtypeApiUrl","session","error","console","userId","url","response","urlContext","JSON","keysToExclude","Array","key","params","value","provider","_payload","user","location","window","_error","parent","options","payload","data","webviewRequestContext","Webview","i","props","URL","WebviewApp","dest","component","reactRoot","webviews","locales"],"mappings":"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"}

package/package.json

@@ -1,26 +1,26 @@
 {
+  "type": "module",
   "name": "@botonic/react",
-  "version": "0.56.0-alpha.0",
+  "version": "0.57.0-rslib-esm.1",
   "license": "MIT",
   "description": "Build Chatbots using React",
-  "main": "./lib/cjs",
-  "module": "./lib/esm",
-  "types": "./lib/cjs/index.d.ts",
+  "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "scripts": {
-    "test:no-coverage": "../../node_modules/.bin/jest -c ./jest.config.js",
-    "test": "../../node_modules/.bin/jest -c ./jest.config.js --coverage",
-    "updateSnapshot": "../../node_modules/.bin/jest -c ./jest.config.js --updateSnapshot",
+    "test:no-coverage": "../../node_modules/.bin/jest -c ./jest.config.cjs",
+    "test": "../../node_modules/.bin/jest -c ./jest.config.cjs --coverage",
+    "updateSnapshot": "../../node_modules/.bin/jest -c ./jest.config.cjs --updateSnapshot",
     "cloc": "../../scripts/qa/cloc-package.sh .",
-    "prepublishOnly": "rm -rf lib && npm i && npm run build && npm run copy-files;",
-    "copy-files": "copyfiles -u 1 src/**/*.svg src/**/*.png src/**/*.scss src/**/*.html lib/esm/; copyfiles -u 1 src/**/*.svg src/**/*.png src/**/*.scss src/**/*.html lib/cjs/;",
-    "build": "../../node_modules/.bin/tsc -p tsconfig.json && ../../node_modules/.bin/tsc -p tsconfig.esm.json",
-    "build:watch": "npm run build -- --watch",
+    "prepublishOnly": "npm run build && npm run test && npm run lint",
+    "build": "rslib build --no-env",
+    "build:watch": "rslib build --watch --no-env",
     "lint": "biome check --write src/ tests/",
     "lint:check": "biome check src/ tests/",
     "format": "biome format --write src/ tests/"
   },
   "dependencies": {
-    "@botonic/core": "^0.56.0-alpha.0",
+    "@botonic/core": "0.57.0-rslib-esm.1",
     "axios": "^1.18.1",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",
@@ -49,7 +49,6 @@
     "@types/ua-parser-js": "^0.7.39",
     "@types/uuid": "^10.0.0",
     "babel-plugin-add-module-exports": "^1.0.4",
-    "copyfiles": "^2.4.1",
     "identity-obj-proxy": "^3.0.0",
     "intersection-observer": "^0.12.2",
     "react-test-renderer": "^18.3.1"

package/src/components/index.ts

@@ -22,44 +22,44 @@ export { Video } from './video'
 export {
   normalizeWebchatSettings,
   WebchatSettings,
-  WebchatSettingsProps,
+  type WebchatSettingsProps,
 } from './webchat-settings'
 export {
   WhatsappButtonList,
-  WhatsappButtonListProps,
-  WhatsappButtonListRowProps,
-  WhatsappButtonListSectionProps,
+  type WhatsappButtonListProps,
+  type WhatsappButtonListRowProps,
+  type WhatsappButtonListSectionProps,
 } from './whatsapp-button-list'
-export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog'
+export { WhatsappCatalog, type WhatsappCatalogProps } from './whatsapp-catalog'
 export {
   WhatsappCTAUrlButton,
-  WhatsappCTAUrlButtonProps,
+  type WhatsappCTAUrlButtonProps,
   WhatsappCTAUrlHeaderType,
 } from './whatsapp-cta-url-button'
 export {
   CardType,
-  WhatsappInteractiveMediaCard,
+  type WhatsappInteractiveMediaCard,
   WhatsappInteractiveMediaCarousel,
-  WhatsappInteractiveMediaCarouselProps,
+  type WhatsappInteractiveMediaCarouselProps,
 } from './whatsapp-interactive-media-carousel'
 export {
   WhatsappMediaCarousel,
-  WhatsappMediaCarouselProps,
+  type WhatsappMediaCarouselProps,
 } from './whatsapp-media-carousel'
 export { WhatsappProduct } from './whatsapp-product'
 export {
   WhatsappProductCarousel,
-  WhatsappProductCarouselProps,
+  type WhatsappProductCarouselProps,
 } from './whatsapp-product-carousel'
 export {
-  ProductItem,
+  type ProductItem,
   WhatsappProductList,
-  WhatsappProductListProps,
-  WhatsappProductListSection,
+  type WhatsappProductListProps,
+  type WhatsappProductListSection,
 } from './whatsapp-product-list'
 export {
   WhatsappRequestContactInfo,
-  WhatsappRequestContactInfoProps,
+  type WhatsappRequestContactInfoProps,
 } from './whatsapp-request-contact-info'
 export { WhatsappTemplate } from './whatsapp-template/index'
 export * from './whatsapp-template/types'

package/src/components/multichannel/index.ts

@@ -4,10 +4,11 @@ import { MultichannelCarousel } from './multichannel-carousel'
 import { MultichannelReply } from './multichannel-reply'
 import { MultichannelText } from './multichannel-text'
 
-export { Multichannel }
-export { MultichannelText }
-export { MultichannelButton }
-export { MultichannelReply }
-export { MultichannelCarousel }
-
 export * from './index-types'
+export {
+  Multichannel,
+  MultichannelButton,
+  MultichannelCarousel,
+  MultichannelReply,
+  MultichannelText,
+}

package/src/dev-app.jsx

@@ -102,7 +102,7 @@ export class DevApp extends WebchatApp {
     )
   }
 
-  render(dest, optionsAtRuntime = {}) {
+  async render(dest, optionsAtRuntime = {}) {
     onDOMLoaded(() => {
       const devAppComponent = this.getComponent(dest, optionsAtRuntime)
       const container = this.getReactMountNode(dest)

package/src/index-types.ts

@@ -18,12 +18,12 @@ import type {
   ReplyProps,
   WebchatSettingsProps,
 } from './components'
-import { ChunkIdsGroupedBySourceData } from './components/system-debug-trace/events/knowledge-bases-types'
+import type { ChunkIdsGroupedBySourceData } from './components/system-debug-trace/events/knowledge-bases-types'
 import type { CloseWebviewOptions } from './contexts'
 import type { UseWebchat } from './webchat/context/use-webchat'
-import {
-  type CoverComponentOptions,
-  type PersistentMenuOptionsTheme,
+import type {
+  CoverComponentOptions,
+  PersistentMenuOptionsTheme,
   WebchatTheme,
 } from './webchat/theme/types'
 import type { WebchatApp } from './webchat-app'
@@ -239,5 +239,5 @@ interface UpdateMessageInfoEvent {
   isError?: boolean
 }
 
-export { CaseEventQueuePositionChangedInput } from '@botonic/core'
-export { ChunkIdsGroupedBySourceData, WebchatTheme }
+export type { CaseEventQueuePositionChangedInput } from '@botonic/core'
+export type { ChunkIdsGroupedBySourceData, WebchatTheme }

package/src/webchat/context/index.tsx

@@ -4,7 +4,7 @@ import type { ChunkIdsGroupedBySourceData } from '../../components/system-debug-
 import type { MinimalHubtypeMessage } from '../../index-types'
 import type { WebchatContextProps, WebchatState } from './types'
 
-export { ClientSession, WebchatState } from './types'
+export type { ClientSession, WebchatState } from './types'
 export { useWebchat } from './use-webchat'
 
 export const WebchatContext = createContext<WebchatContextProps>({

package/src/webchat/index.ts

@@ -1,5 +1,5 @@
 // @ts-nocheck
-export { ClientSession, WebchatContext } from './context'
+export { type ClientSession, WebchatContext } from './context'
 export * from './custom-messages'
 export { Webchat } from './webchat'
 export { WebchatDev } from './webchat-dev'

package/src/webchat/webchat.tsx

@@ -815,4 +815,5 @@ const Webchat = forwardRef<WebchatRef | null, WebchatProps>((props, ref) => {
 })
 
 Webchat.displayName = 'Webchat'
+
 export { Webchat }

package/lib/cjs/app.js

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

package/lib/cjs/app.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/cjs/botonic-tester.js

@@ -1,76 +0,0 @@
-"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");
-function decodeHTMLEntities(text) {
-    const entities = {
-        '"': '"',
-        '&': '&',
-        '&lt;': '<',
-        '&gt;': '>',
-        '&apos;': "'",
-    };
-    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 = '') {
-        const res = await this.bot.input({
-            input: { type: core_1.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: core_1.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: core_1.INPUT.TEXT, payload: `__PATH_PAYLOAD__${inp}` },
-            session: session,
-            lastRoutePath: lastRoutePath,
-        });
-        return decodeHTMLEntities(res.response);
-    }
-}
-exports.BotonicInputTester = BotonicInputTester;
-class BotonicOutputTester {
-    constructor(bot) {
-        this.bot = bot;
-    }
-    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] }))));
-    }
-    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 })));
-        }
-        if (path) {
-            return decodeHTMLEntities(server_1.default.renderToStaticMarkup((0, jsx_runtime_1.jsx)(reply_1.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;
-    }
-}
-exports.BotonicOutputTester = BotonicOutputTester;
-//# sourceMappingURL=botonic-tester.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"botonic-tester.js","sourceRoot":"","sources":["../../src/botonic-tester.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAqC;AACrC,sEAA6C;AAE7C,8CAA0C;AAC1C,4CAAwC;AAExC,SAAS,kBAAkB,CAAC,IAAI;IAC9B,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,GAAG;KACd,CAAA;IAED,OAAO,IAAI,CAAC,OAAO,CACjB,gCAAgC,EAChC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CACzB,CAAA;AACH,CAAC;AAED,MAAa,kBAAkB;IAC7B,YAAY,GAAG;QACb,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IAChB,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,GAAG,EAAE;QACnE,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,YAAK,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE;YACtC,OAAO,EAAE,OAAO;YAChB,aAAa,EAAE,aAAa;SAC7B,CAAC,CAAA;QACF,OAAO,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACzC,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,GAAG,EAAE;QACtE,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,YAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE;YAC7C,OAAO,EAAE,OAAO;YAChB,aAAa,EAAE,aAAa;SAC7B,CAAC,CAAA;QACF,OAAO,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACzC,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,GAAG,EAAE;QACnE,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,YAAK,CAAC,IAAI,EAAE,OAAO,EAAE,mBAAmB,GAAG,EAAE,EAAE;YAC9D,OAAO,EAAE,OAAO;YAChB,aAAa,EAAE,aAAa;SAC7B,CAAC,CAAA;QACF,OAAO,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACzC,CAAC;CACF;AA/BD,gDA+BC;AAED,MAAa,mBAAmB;IAC9B,YAAY,GAAG;QACb,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IAChB,CAAC;IAED,IAAI,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;QACtB,OAAO,kBAAkB,CACvB,gBAAc,CAAC,oBAAoB,CACjC,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,WAAI,cAAE,GAAG,GAAQ,CACnB,CAAC,CAAC,CAAC,CACF,wBAAC,WAAI,eACF,GAAG,EACH,OAAO,IACH,CACR,CACF,CACF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,kBAAkB,CACvB,gBAAc,CAAC,oBAAoB,CACjC,uBAAC,aAAK,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAS,CACxC,CACF,CAAA;QACH,CAAC;QACD,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,kBAAkB,CACvB,gBAAc,CAAC,oBAAoB,CAAC,uBAAC,aAAK,IAAC,IAAI,EAAE,IAAI,YAAG,IAAI,GAAS,CAAC,CACvE,CAAA;QACH,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,CAAC,GAAG,IAAI;QACb,MAAM,OAAO,GAAG,EAAE,CAAA;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;YACjB,OAAO,CAAC,IAAI,CACV,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAC/D,CAAA;QACH,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;CACF;AA9CD,kDA8CC"}

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

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

package/lib/cjs/components/audio.js

@@ -1,27 +0,0 @@
-"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 `
-  max-width: 100%;
-`;
-const serialize = (audioProps) => {
-    return { audio: audioProps.src };
-};
-const Audio = (props) => {
-    props = { ...props, src: (0, environment_1.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."] }));
-    }
-    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 }));
-};
-exports.Audio = Audio;
-exports.Audio.serialize = serialize;
-//# sourceMappingURL=audio.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,17 +0,0 @@
-import type { ButtonProps } from '../index-types';
-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;
-        };
-    };
-};