@botonic/react 0.55.1 → 0.57.0-rslib-esm.0

package/lib/esm/webview-app.js

@@ -1,133 +1,136 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewApp = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-empty-function */
-// @ts-nocheck
-const core_1 = require("@botonic/core");
-const axios_1 = tslib_1.__importDefault(require("axios"));
-const react_1 = tslib_1.__importDefault(require("react"));
-const client_1 = require("react-dom/client");
-const react_router_dom_1 = require("react-router-dom");
-const contexts_1 = require("./contexts");
-var WebviewUrlParams;
-(function (WebviewUrlParams) {
+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";
-})(WebviewUrlParams || (WebviewUrlParams = {}));
+    return WebviewUrlParams;
+}(webview_app_WebviewUrlParams || {})));
 const DEFAULT_HUBTYPE_API_URL = 'https://api.hubtype.com';
-class App extends react_1.default.Component {
-    constructor(props) {
-        super(props);
-        this.hubtypeApiUrl = DEFAULT_HUBTYPE_API_URL;
-        this.url = new URL(window.location.href);
-        this.state = {
-            session: null,
-            params: {},
-        };
-    }
+class App extends react.Component {
     async componentDidMount() {
         await this.initializeApp();
     }
     async initializeApp() {
         try {
-            const botId = this.url.searchParams.get(WebviewUrlParams.BotId);
-            const chatId = this.url.searchParams.get(WebviewUrlParams.UserId);
-            const hubtypeApiUrl = this.url.searchParams.get(WebviewUrlParams.HubtypeApiUrl);
+            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(),
+                    params: this.getParamsFromUrl()
                 });
-            }
-            else {
+            } else {
                 const session = this.getBotSessionContextFromUrl();
                 this.hubtypeApiUrl = session._hubtype_api || DEFAULT_HUBTYPE_API_URL;
                 this.setState({
                     session,
-                    params: this.getParamsFromUrl(),
+                    params: this.getParamsFromUrl()
                 });
             }
-        }
-        catch (error) {
+        } 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(),
+                params: this.getParamsFromUrl()
             });
         }
     }
     async getBotSessionContextFromExternalApi(hubtypeApiUrl, botId, userId) {
         const url = `${hubtypeApiUrl}/external/v2/conversational_apps/${botId}/users/${userId}/context/`;
-        const response = await axios_1.default.get(url);
+        const response = await axios.get(url);
         return response.data;
     }
     getBotSessionContextFromUrl() {
-        const urlContext = this.url.searchParams.get(WebviewUrlParams.Context);
+        const urlContext = this.url.searchParams.get("context");
         try {
             return JSON.parse(urlContext || '{}');
-        }
-        catch (error) {
+        } catch (error) {
             console.error('Failed to parse session context from URL:', error);
             return {};
         }
     }
     getParamsFromUrl() {
         const keysToExclude = [
-            WebviewUrlParams.Context,
-            WebviewUrlParams.BotId,
-            WebviewUrlParams.UserId,
-            WebviewUrlParams.HubtypeApiUrl,
+            "context",
+            "bot_id",
+            "user_id",
+            "hubtype_api_url"
         ];
-        return Array.from(this.url.searchParams.entries())
-            .filter(([key]) => !keysToExclude.includes(key))
-            .reduce((params, [key, value]) => {
+        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 core_1.PROVIDER.WHATSAPP:
+        switch(provider){
+            case PROVIDER.WHATSAPP:
                 location.href = `https://wa.me/${user.unformatted_phone_number}`;
                 break;
-            case core_1.PROVIDER.TELEGRAM:
+            case PROVIDER.TELEGRAM:
                 location.href = `https://t.me/${user.imp_id}`;
                 break;
-            case core_1.PROVIDER.APPLE:
+            case PROVIDER.APPLE:
                 location.href = `https://bcrw.apple.com/urn:biz:${user.imp_id}`;
                 break;
-            case core_1.PROVIDER.TWITTER:
+            case PROVIDER.TWITTER:
                 location.href = `https://twitter.com/messages/compose?recipient_id=${user.imp_id}`;
                 break;
-            case core_1.PROVIDER.INSTAGRAM:
+            case PROVIDER.INSTAGRAM:
                 window.close();
                 break;
-            case core_1.PROVIDER.FACEBOOK:
+            case PROVIDER.FACEBOOK:
                 try {
-                    window.MessengerExtensions.requestCloseBrowser(
-                    // biome-ignore lint/suspicious/noEmptyBlockStatements: success callback is empty
-                    () => { }, // success callback
-                    () => window.close() // error callback
+                    window.MessengerExtensions.requestCloseBrowser(// biome-ignore lint/suspicious/noEmptyBlockStatements: success callback is empty
+                    ()=>{}, ()=>window.close() // error callback
                     );
-                }
-                catch (_error) {
+                } catch (_error) {
                     window.close();
                 }
                 break;
-            case core_1.PROVIDER.WEBCHAT:
+            case PROVIDER.WEBCHAT:
                 try {
                     await parent.postMessage('botonicCloseWebview', '*');
-                }
-                catch (error) {
+                } catch (error) {
                     console.error('Failed to send close message to parent:', error);
                 }
                 break;
@@ -146,17 +149,16 @@ class App extends react_1.default.Component {
         }
         if (payload) {
             if (options?.params) {
-                payload = `${payload}?${(0, core_1.params2queryString)(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,
+                    chat_id: this.state.session.user.id
                 };
-                await axios_1.default.post(url, data);
-            }
-            catch (error) {
+                await axios.post(url, data);
+            } catch (error) {
                 console.error('Failed to send postback:', error);
             }
         }
@@ -169,24 +171,45 @@ class App extends react_1.default.Component {
         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),
+            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: {}
         };
-        return ((0, jsx_runtime_1.jsx)(contexts_1.WebviewRequestContext.Provider, { value: webviewRequestContext, children: this.props.webviews.map((Webview, i) => ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: `/${Webview.name}`, component: Webview }, `route-${i}-${Webview.name}`))) }));
     }
 }
 class WebviewApp {
-    constructor({ webviews, locales }) {
-        this.webviews = webviews;
-        this.locales = locales;
-    }
     render(dest) {
-        const component = ((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(App, { webviews: this.webviews, locales: this.locales }) }));
-        const reactRoot = (0, client_1.createRoot)(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;
+    }
 }
-exports.WebviewApp = WebviewApp;
+
+export { WebviewApp };
+
 //# sourceMappingURL=webview-app.js.map

package/lib/esm/webview-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"webview-app.js","sourceRoot":"","sources":["../../src/webview-app.tsx"],"names":[],"mappings":"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"}
+{"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,25 @@
 {
   "name": "@botonic/react",
-  "version": "0.55.1",
+  "version": "0.57.0-rslib-esm.0",
   "license": "MIT",
   "description": "Build Chatbots using React",
-  "main": "./lib/cjs",
-  "module": "./lib/esm",
-  "types": "./lib/cjs/index.d.ts",
+  "main": "./lib/esm/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/esm/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",
     "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": "node ../../scripts/build/clean.mjs && rslib build --no-env",
+    "build:watch": "node ../../scripts/build/clean.mjs && 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.55.1",
+    "@botonic/core": "^0.57.0-rslib-esm.0",
     "axios": "^1.18.1",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",
@@ -49,7 +48,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,40 +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,
+  type WhatsappRequestContactInfoProps,
+} from './whatsapp-request-contact-info'
 export { WhatsappTemplate } from './whatsapp-template/index'
 export * from './whatsapp-template/types'

package/src/components/whatsapp-request-contact-info.tsx

@@ -0,0 +1,38 @@
+import { INPUT } from '@botonic/core'
+
+import { renderComponent } from '../util/react'
+import { WHATSAPP_MAX_BODY_CHARS } from './multichannel/whatsapp/constants'
+import { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta'
+import { Text } from './text'
+
+export interface WhatsappRequestContactInfoProps {
+  body: string
+}
+
+const validateBody = (body: string): string => {
+  if (!body) {
+    throw new Error('WhatsappRequestContactInfo: body is required')
+  }
+  if (body.length > WHATSAPP_MAX_BODY_CHARS) {
+    throw new Error(
+      `WhatsappRequestContactInfo: body exceeds maximum length of ${WHATSAPP_MAX_BODY_CHARS} characters`
+    )
+  }
+  return convertToMarkdownMeta(body)
+}
+
+export const WhatsappRequestContactInfo = (
+  props: WhatsappRequestContactInfoProps
+) => {
+  const renderBrowser = () => <Text>{props.body}</Text>
+
+  const renderNode = () => {
+    const body = validateBody(props.body)
+    return (
+      // @ts-expect-error Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+      <message body={body} type={INPUT.WHATSAPP_REQUEST_CONTACT_INFO} />
+    )
+  }
+
+  return renderComponent({ renderBrowser, renderNode })
+}

package/src/components/whatsapp-template/types.ts

@@ -4,6 +4,7 @@ export enum WhatsAppTemplateButtonSubType {
   PHONE_NUMBER = 'PHONE_NUMBER',
   VOICE_CALL = 'VOICE_CALL',
   FLOW = 'FLOW',
+  REQUEST_CONTACT_INFO = 'REQUEST_CONTACT_INFO',
 }
 
 export enum WhatsAppTemplateParameterType {
@@ -111,6 +112,13 @@ export interface WhatsappTemplatePhoneNumberButton {
   parameters: []
 }
 
+export interface WhatsappTemplateRequestContactInfoButton {
+  type: WhatsAppTemplateComponentType.BUTTON
+  sub_type: WhatsAppTemplateButtonSubType.REQUEST_CONTACT_INFO
+  index: number
+  parameters: []
+}
+
 export interface WhatsappTemplateFlowAction {
   flow_token: string
   flow_action_data?: Record<string, string>
@@ -133,4 +141,5 @@ export type WhatsappTemplateButton =
   | WhatsappTemplateUrlButton
   | WhatsappTemplateVoiceCallButton
   | WhatsappTemplatePhoneNumberButton
+  | WhatsappTemplateRequestContactInfoButton
   | WhatsappTemplateFlowButton

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/lib/cjs/app.d.ts

@@ -1,2 +0,0 @@
-export class App {
-}

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/assets/arrow-down.svg

@@ -1,3 +0,0 @@
-<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.07812 11.0859L1.14062 6.96094C0.929688 6.72656 0.929688 6.375 1.16406 6.16406C1.39844 5.95312 1.75 5.95312 1.96094 6.1875L4.9375 9.30469V1.3125C4.9375 1.00781 5.17188 0.75 5.5 0.75C5.80469 0.75 6.0625 1.00781 6.0625 1.3125V9.30469L9.01562 6.1875C9.22656 5.95312 9.60156 5.95312 9.8125 6.16406C10.0469 6.375 10.0469 6.72656 9.83594 6.96094L5.89844 11.0859C5.78125 11.2031 5.64062 11.25 5.5 11.25C5.33594 11.25 5.19531 11.2031 5.07812 11.0859Z" fill="#6D6A78"/>
-</svg>

package/lib/cjs/assets/arrow-scroll-down.svg

@@ -1,3 +0,0 @@
-<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.8711 24.1289L13.4961 19.7539C13.1406 19.4258 13.1406 18.8516 13.4961 18.5234C13.8242 18.168 14.3984 18.168 14.7266 18.5234L17.625 21.3945V13C17.625 12.5352 18.0078 12.125 18.5 12.125C18.9648 12.125 19.375 12.5352 19.375 13V21.3945L22.2461 18.5234C22.5742 18.168 23.1484 18.168 23.4766 18.5234C23.832 18.8516 23.832 19.4258 23.4766 19.7539L19.1016 24.1289C18.7734 24.4844 18.1992 24.4844 17.8711 24.1289Z" fill="white"/>
-</svg>

package/lib/cjs/assets/attachment-icon.svg

@@ -1,7 +0,0 @@
-<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.95001 15.77C6.12001 15.77 5.29001 15.45 4.65001 14.82C3.38001 13.55 3.38001 11.49 4.65001 10.22L9.25001 5.61997C9.54001 5.32997 10.02 5.32997 10.31 5.61997C10.6 5.90997 10.6 6.38997 10.31 6.67997L5.71001 11.28C5.03001 11.96 5.03001 13.07 5.71001 13.76C6.39001 14.44 7.50001 14.44 8.19001 13.76L14.91 7.03997C15.2 6.74997 15.68 6.74997 15.97 7.03997C16.26 7.32997 16.26 7.80997 15.97 8.09997L9.25001 14.82C8.62001 15.46 7.79001 15.77 6.95001 15.77Z" fill="#ADADAD"/>
-<path d="M2.36005 10.09C2.17005 10.09 1.98005 10.02 1.83005 9.86999C1.54005 9.57999 1.54005 9.09999 1.83005 8.80999L9.25005 1.38999C9.54005 1.09999 10.02 1.09999 10.31 1.38999C10.6 1.67999 10.6 2.15999 10.31 2.44999L2.89005 9.86999C2.74005 10.02 2.55005 10.09 2.36005 10.09Z" fill="#ADADAD"/>
-<path d="M6.25 19.4799C4.65 19.4799 3.05 18.8699 1.83 17.6499C-0.61 15.2099 -0.61 11.2499 1.83 8.80991C2.12 8.51991 2.6 8.51991 2.89 8.80991C3.18 9.09991 3.18 9.57991 2.89 9.86991C1.04 11.7199 1.04 14.7399 2.89 16.5899C4.74 18.4399 7.76 18.4399 9.61 16.5899C9.9 16.2999 10.38 16.2999 10.67 16.5899C10.96 16.8799 10.96 17.3599 10.67 17.6499C9.45 18.8699 7.85 19.4799 6.25 19.4799Z" fill="#ADADAD"/>
-<path d="M15.44 8.32994C15.25 8.32994 15.06 8.25994 14.91 8.10994C14.62 7.81994 14.62 7.33994 14.91 7.04994C16.18 5.77994 16.18 3.71994 14.91 2.44994C13.64 1.17994 11.58 1.17994 10.31 2.44994C10.02 2.73994 9.53997 2.73994 9.24997 2.44994C8.95997 2.15994 8.95997 1.67994 9.24997 1.38994C11.1 -0.460059 14.12 -0.460059 15.97 1.38994C17.82 3.23994 17.82 6.25994 15.97 8.10994C15.82 8.24994 15.63 8.32994 15.44 8.32994Z" fill="#ADADAD"/>
-<path d="M10.1401 17.8699C9.95008 17.8699 9.76008 17.7999 9.61008 17.6499C9.32008 17.3599 9.32008 16.8799 9.61008 16.5899L14.9101 11.2899C15.2001 10.9999 15.6801 10.9999 15.9701 11.2899C16.2601 11.5799 16.2601 12.0599 15.9701 12.3499L10.6701 17.6499C10.5201 17.7999 10.3301 17.8699 10.1401 17.8699Z" fill="#ADADAD"/>
-</svg>

package/lib/cjs/assets/audio.svg

@@ -1,4 +0,0 @@
-<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.75011 13.5C8.76011 13.5 10.3901 11.87 10.3901 9.86V3.64C10.3901 1.63 8.76011 0 6.75011 0C4.74011 0 3.11011 1.63 3.11011 3.64V9.86C3.11011 11.87 4.74011 13.5 6.75011 13.5ZM4.61011 3.64C4.61011 2.46 5.57011 1.5 6.75011 1.5C7.93011 1.5 8.89011 2.46 8.89011 3.64V9.86C8.89011 11.04 7.93011 12 6.75011 12C5.57011 12 4.61011 11.04 4.61011 9.86V3.64V3.64Z" fill="#ADADAD"/>
-<path d="M13.5 9.75V7.75C13.5 7.34 13.16 7 12.75 7C12.34 7 12 7.34 12 7.75V9.75C12 12.64 9.64 15 6.75 15C3.86 15 1.5 12.64 1.5 9.75V7.75C1.5 7.34 1.16 7 0.75 7C0.34 7 0 7.34 0 7.75V9.75C0 13.22 2.63 16.08 6 16.46V18H2.47C2.06 18 1.72 18.34 1.72 18.75C1.72 19.16 2.06 19.5 2.47 19.5H10.84C11.25 19.5 11.59 19.16 11.59 18.75C11.59 18.34 11.25 18 10.84 18H7.5V16.46C10.87 16.08 13.5 13.22 13.5 9.75Z" fill="#ADADAD"/>
-</svg>

package/lib/cjs/assets/document.svg

@@ -1,3 +0,0 @@
-<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.69 3.35L11.15 0.81C10.63 0.29 9.94 0 9.21 0H2.61C1.17 0 0 1.17 0 2.61V15.46C0 16.98 1.23 18.21 2.75 18.21H11.75C13.27 18.21 14.5 16.98 14.5 15.46V5.29C14.5 4.56 14.21 3.87 13.69 3.35ZM12.63 4.41C12.7 4.48 12.74 4.56 12.79 4.64H10.04C9.94 4.64 9.86 4.56 9.86 4.46V1.71C9.94 1.76 10.03 1.8 10.09 1.87L12.63 4.41ZM11.75 16.71H2.75C2.06 16.71 1.5 16.15 1.5 15.46V2.61C1.5 2 2 1.5 2.61 1.5H8.36V4.46C8.36 5.39 9.11 6.14 10.04 6.14H13V15.46C13 16.15 12.44 16.71 11.75 16.71Z" fill="#ADADAD"/>
-</svg>

package/lib/cjs/assets/emojiButton.svg

@@ -1,6 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 0C4.48205 0 0 4.48205 0 10C0 15.518 4.48205 20 10 20C15.518 20 20 15.518 20 10C20 4.48205 15.518 0 10 0ZM10 18.4615C5.33333 18.4615 1.53846 14.6667 1.53846 10C1.53846 5.33333 5.33333 1.53846 10 1.53846C14.6667 1.53846 18.4615 5.33333 18.4615 10C18.4615 14.6667 14.6667 18.4615 10 18.4615Z" fill="#ADADAD"/>
-<path d="M13.4154 6.66669C12.8513 6.66669 12.3898 7.12823 12.3898 7.69233C12.3898 8.25643 12.8513 8.71797 13.4154 8.71797C13.9795 8.71797 14.4411 8.25643 14.4411 7.69233C14.4411 7.12823 13.9795 6.66669 13.4154 6.66669Z" fill="#ADADAD"/>
-<path d="M6.55384 8.71797C7.11794 8.71797 7.57948 8.25643 7.57948 7.69233C7.57948 7.12823 7.11794 6.66669 6.55384 6.66669C5.98974 6.66669 5.5282 7.12823 5.5282 7.70258C5.5282 8.25643 5.98974 8.71797 6.55384 8.71797Z" fill="#ADADAD"/>
-<path d="M13.0462 13.2308C12.9949 13.2718 11.8769 14.359 10 14.359C8.1231 14.359 6.9949 13.2821 6.95387 13.241C6.65644 12.9436 6.16413 12.9436 5.86669 13.241C5.56926 13.5385 5.56926 14.0308 5.86669 14.3282C5.92823 14.3898 7.46669 15.8974 10 15.8974C12.5334 15.8974 14.0718 14.3898 14.1334 14.3282C14.4308 14.0308 14.4308 13.5487 14.1334 13.241C13.8359 12.9436 13.3539 12.9436 13.0462 13.2308Z" fill="#ADADAD"/>
-</svg>

package/lib/cjs/assets/image.svg

@@ -1,4 +0,0 @@
-<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.74 0H2.75C1.23 0 0 1.23 0 2.75V16.75C0 18.26 1.23 19.5 2.74 19.5H18.73C20.25 19.5 21.48 18.27 21.48 16.75V2.75C21.49 1.23 20.26 0 18.74 0ZM1.5 16.75V2.75C1.5 2.06 2.06 1.5 2.75 1.5H18.74C19.43 1.5 19.99 2.06 19.99 2.75V12.19L16.99 9.79C16.24 9.19 15.14 9.31 14.53 10.06L11.19 14.23C11.13 14.3 11.06 14.32 11.02 14.32C10.98 14.32 10.91 14.32 10.84 14.27L8.97 12.78C8.23 12.19 7.14 12.3 6.53 13.03L2.43 17.95C1.91 17.8 1.5 17.33 1.5 16.75ZM18.74 18H4.35L7.7 13.98C7.79 13.88 7.94 13.86 8.05 13.94L9.92 15.43C10.29 15.72 10.74 15.85 11.21 15.8C11.67 15.75 12.09 15.52 12.38 15.15L15.71 11C15.8 10.89 15.95 10.87 16.06 10.96L19.99 14.11V16.75C19.99 17.44 19.43 18 18.74 18Z" fill="#ADADAD"/>
-<path d="M6.75 9.5C8.27 9.5 9.5 8.27 9.5 6.75C9.5 5.23 8.26 4 6.75 4C5.24 4 4 5.23 4 6.75C4 8.27 5.23 9.5 6.75 9.5ZM6.75 5.5C7.44 5.5 8 6.06 8 6.75C8 7.44 7.44 8 6.75 8C6.06 8 5.5 7.44 5.5 6.75C5.5 6.06 6.06 5.5 6.75 5.5Z" fill="#ADADAD"/>
-</svg>

package/lib/cjs/assets/leftArrow.svg

@@ -1,3 +0,0 @@
-<svg class="bi bi-chevron-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
-</svg>

package/lib/cjs/assets/menuButton.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.8889 9.26316H1.11111C0.481481 9.26316 0 8.71579 0 8C0 7.28421 0.481481 6.73684 1.11111 6.73684H18.8889C19.5185 6.73684 20 7.28421 20 8C20 8.71579 19.5185 9.26316 18.8889 9.26316ZM18.8889 2.52632H1.11111C0.481481 2.52632 0 1.97895 0 1.26316C0 0.547368 0.481481 0 1.11111 0H18.8889C19.5185 0 20 0.547368 20 1.26316C20 1.97895 19.5185 2.52632 18.8889 2.52632Z" fill="#ADADAD"/>
-</svg>