@botonic/react 0.31.1-alpha.0 → 0.31.1-alpha.1

package/lib/esm/util/environment.js

@@ -0,0 +1,61 @@
+export const isDev = process.env.NODE_ENV === 'development';
+export const isProd = process.env.NODE_ENV === 'production';
+export const staticAsset = path => {
+    try {
+        if (isURL(path))
+            return path; // Webpack 5 >= fully resolves absolute path to assets
+        const scriptBaseURL = document
+            .querySelector('script[src*="webchat.botonic.js"]')
+            .getAttribute('src');
+        const scriptName = scriptBaseURL.split('/').pop();
+        const basePath = scriptBaseURL.replace('/' + scriptName, '/');
+        const resolvedStaticAssetPath = basePath + path;
+        return resolvedStaticAssetPath;
+    }
+    catch (e) {
+        console.error(`Could not resolve path: '${path}'`);
+        return normalize(path);
+    }
+};
+export const resolveImage = src => {
+    if (isURL(src))
+        return src;
+    return staticAsset(src);
+};
+export const isURL = urlPath => {
+    // @stephenhay (38 chars) from: https://mathiasbynens.be/demo/url-regex
+    const pattern = new RegExp(/^(blob:)?(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/);
+    return !!pattern.test(urlPath);
+};
+export function normalize(path) {
+    const isAbsolute = path.charAt(0) === '/';
+    const trailingSlash = path && path[path.length - 1] === '/';
+    // Normalize the path
+    path = normalizeArray(path.split('/'), !isAbsolute).join('/');
+    if (!path && !isAbsolute)
+        path = '.';
+    if (path && trailingSlash)
+        path += '/';
+    return (isAbsolute ? '/' : '') + path;
+}
+function normalizeArray(parts, allowAboveRoot) {
+    const res = [];
+    for (let i = 0; i < parts.length; i++) {
+        const p = parts[i];
+        if (!p || p === '.')
+            continue;
+        if (p === '..') {
+            if (res.length && res[res.length - 1] !== '..') {
+                res.pop();
+            }
+            else if (allowAboveRoot) {
+                res.push('..');
+            }
+        }
+        else {
+            res.push(p);
+        }
+    }
+    return res;
+}
+//# sourceMappingURL=environment.js.map

package/lib/esm/util/environment.js.map

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

package/lib/esm/util/error-boundary.d.ts

@@ -0,0 +1,7 @@
+export function createErrorBoundary({ errorComponent, }?: {
+    errorComponent?: (({ errorMessage }: {
+        errorMessage: any;
+    }) => import("react/jsx-runtime").JSX.Element) | undefined;
+}): ({ children }: {
+    children: any;
+}) => any;

package/lib/esm/util/error-boundary.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+import { isNode } from '@botonic/core';
+import React, { useState } from 'react';
+import { Text } from '../components/text';
+export const createErrorBoundary = ({ errorComponent = ({ errorMessage }) => (_jsx(Text, { children: "The message cannot be displayed" })), } = {}) => {
+    const ErrorBoundary = ({ children }) => {
+        const [error, setError] = useState(null);
+        const componentDidCatch = (error, errorInfo) => {
+            if (isNode()) {
+                console.error(`Failure at:`, error);
+            }
+        };
+        const getDerivedStateFromError = error => {
+            return { error };
+        };
+        if (error) {
+            return errorComponent({
+                errorMessage: error.message,
+            });
+        }
+        else {
+            return children;
+        }
+    };
+    return ErrorBoundary;
+};
+//# sourceMappingURL=error-boundary.js.map

package/lib/esm/util/error-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../../src/util/error-boundary.jsx"],"names":[],"mappings":";AAAA,cAAc;AACd,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAEzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,cAAc,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACrC,KAAC,IAAI,kDAAuC,CAC7C,GACF,GAAG,EAAE,EAAE,EAAE;IACR,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QAExC,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC7C,IAAI,MAAM,EAAE,EAAE;gBACZ,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;aACpC;QACH,CAAC,CAAA;QAED,MAAM,wBAAwB,GAAG,KAAK,CAAC,EAAE;YACvC,OAAO,EAAE,KAAK,EAAE,CAAA;QAClB,CAAC,CAAA;QAED,IAAI,KAAK,EAAE;YACT,OAAO,cAAc,CAAC;gBACpB,YAAY,EAAE,KAAK,CAAC,OAAO;aAC5B,CAAC,CAAA;SACH;aAAM;YACL,OAAO,QAAQ,CAAA;SAChB;IACH,CAAC,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA"}

package/lib/esm/util/functional.d.ts

@@ -0,0 +1,3 @@
+type Input = Record<string, any> | Record<string, any>[] | undefined;
+export declare function toSnakeCaseKeys(input: Input): Input;
+export {};

package/lib/esm/util/functional.js

@@ -0,0 +1,26 @@
+function camelCaseToSnake(str) {
+    return str
+        .replace(/([a-z])([A-Z])/g, '$1_$2')
+        .replace(/([A-Za-z])(\d)/g, '$1_$2')
+        .replace(/(\d)([A-Za-z])/g, '$1_$2')
+        .toLowerCase();
+}
+export function toSnakeCaseKeys(input) {
+    if (Array.isArray(input)) {
+        return input.map(item => toSnakeCaseKeys(item));
+    }
+    if (typeof input === 'object' && input !== null) {
+        const result = Object.keys(input).reduce((acc, key) => {
+            const snakeKey = camelCaseToSnake(key);
+            const value = input[key];
+            acc[snakeKey] =
+                typeof value === 'object' && value !== null
+                    ? toSnakeCaseKeys(value)
+                    : value;
+            return acc;
+        }, {});
+        return result;
+    }
+    return input;
+}
+//# sourceMappingURL=functional.js.map

package/lib/esm/util/functional.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functional.js","sourceRoot":"","sources":["../../../src/util/functional.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAgB,CAAC,GAAW;IACnC,OAAO,GAAG;SACP,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,WAAW,EAAE,CAAA;AAClB,CAAC;AAGD,MAAM,UAAU,eAAe,CAAC,KAAY;IAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;KAChD;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC/C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACpD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAA;YACtC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;YACxB,GAAG,CAAC,QAAQ,CAAC;gBACX,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;oBACzC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC;oBACxB,CAAC,CAAC,KAAK,CAAA;YAEX,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,OAAO,MAAM,CAAA;KACd;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}

package/lib/esm/util/index.d.ts

@@ -0,0 +1,9 @@
+export * from './dom';
+export * from './environment';
+export * from './error-boundary';
+export * from './logs';
+export * from './objects';
+export * from './react';
+export * from './regexs';
+export * from './strings';
+export * from './webchat';

package/lib/esm/util/index.js

@@ -0,0 +1,10 @@
+export * from './dom';
+export * from './environment';
+export * from './error-boundary';
+export * from './logs';
+export * from './objects';
+export * from './react';
+export * from './regexs';
+export * from './strings';
+export * from './webchat';
+//# sourceMappingURL=index.js.map

package/lib/esm/util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA"}

package/lib/esm/util/logs.d.ts

@@ -0,0 +1,2 @@
+export function warnDeprecated(legacyCode: any, newCode: any, extraInfo?: undefined): void;
+export function warnDeprecatedProps(props: any, extraInfo: any): void;

package/lib/esm/util/logs.js

@@ -0,0 +1,15 @@
+import { getProperty } from '../util/objects';
+export function warnDeprecated(legacyCode, newCode, extraInfo = undefined) {
+    console.warn(`${extraInfo ? extraInfo : ''} '${legacyCode}' is deprecated. Use '${newCode}' instead.`);
+}
+export function warnDeprecatedProps(props, extraInfo) {
+    const legacyNewProps = [
+        { legacy: 'enableTimestamps', new: 'enabletimestamps' },
+        { legacy: 'imageStyle', new: 'imagestyle' },
+    ];
+    legacyNewProps.forEach(p => {
+        if (getProperty(props, p.legacy) !== undefined)
+            warnDeprecated(p.legacy, p.new, extraInfo);
+    });
+}
+//# sourceMappingURL=logs.js.map

package/lib/esm/util/logs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs.js","sourceRoot":"","sources":["../../../src/util/logs.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,UAAU,cAAc,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,GAAG,SAAS;IACvE,OAAO,CAAC,IAAI,CACV,GACE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC1B,KAAK,UAAU,yBAAyB,OAAO,YAAY,CAC5D,CAAA;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAK,EAAE,SAAS;IAClD,MAAM,cAAc,GAAG;QACrB,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,EAAE,kBAAkB,EAAE;QACvD,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE;KAC5C,CAAA;IACD,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACzB,IAAI,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,SAAS;YAC5C,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/lib/esm/util/objects.d.ts

@@ -0,0 +1,3 @@
+export function strToBool(string: any): boolean;
+export function getProperty(obj: any, property: any): any;
+export function mapObject(obj: any, conversion?: ([key, value]: [any, any]) => any[]): any;

package/lib/esm/util/objects.js

@@ -0,0 +1,38 @@
+/**
+ * given an object and a property, returns the property if exists (recursively), else undefined
+ * ex:
+ * let obj = { a: { b: { c: 5 } } }
+ * getProperty(obj, 'a.b.c'), returns 5
+ * getProperty(obj, 'a.b.z'), returns undefined
+ */
+export const getProperty = (obj, property) => {
+    if (!property)
+        return undefined;
+    const properties = property.split('.');
+    for (let i = 0; i < properties.length; i++) {
+        const prop = properties[i];
+        // eslint-disable-next-line no-prototype-builtins
+        if (!obj || !obj.hasOwnProperty(prop)) {
+            return undefined;
+        }
+        else {
+            obj = obj[prop];
+        }
+    }
+    return obj;
+};
+export function strToBool(string) {
+    const regex = /^\s*(true|1|on)\s*$/i;
+    string = String(string);
+    return regex.test(string);
+}
+export const mapObject = (obj, conversion = ([key, value]) => [key, value]) => {
+    return (obj &&
+        Object.entries(obj)
+            .map(conversion)
+            .reduce(function (prev, curr) {
+            prev[curr[0]] = curr[1];
+            return prev;
+        }, {}));
+};
+//# sourceMappingURL=objects.js.map

package/lib/esm/util/objects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"objects.js","sourceRoot":"","sources":["../../../src/util/objects.js"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;IAC3C,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAA;IAC/B,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;QAC1B,iDAAiD;QACjD,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YACrC,OAAO,SAAS,CAAA;SACjB;aAAM;YACL,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAA;SAChB;KACF;IACD,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,MAAM,UAAU,SAAS,CAAC,MAAM;IAC9B,MAAM,KAAK,GAAG,sBAAsB,CAAA;IACpC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IAC5E,OAAO,CACL,GAAG;QACH,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;aAChB,GAAG,CAAC,UAAU,CAAC;aACf,MAAM,CAAC,UAAU,IAAI,EAAE,IAAI;YAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,IAAI,CAAA;QACb,CAAC,EAAE,EAAE,CAAC,CACT,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/util/react.d.ts

@@ -0,0 +1,12 @@
+export function renderComponent({ renderBrowser, renderNode }: {
+    renderBrowser: any;
+    renderNode: any;
+}): any;
+export function ConditionalWrapper({ condition, wrapper, children }: {
+    condition: any;
+    wrapper: any;
+    children: any;
+}): any;
+export function mapObjectNonBooleanValues(obj: any): any;
+export function hasComplexChildren(element: any): boolean;
+export function deepMapWithIndex(children: any, deepMapFn: any): any;

package/lib/esm/util/react.js

@@ -0,0 +1,34 @@
+import { isBrowser, isNode } from '@botonic/core';
+import { Children, cloneElement, isValidElement } from 'react';
+import { mapObject } from './objects';
+export const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
+export function renderComponent({ renderBrowser, renderNode }) {
+    if (isBrowser())
+        return renderBrowser();
+    else if (isNode())
+        return renderNode();
+    throw new Error('Unexpected process type. Not recognized as browser nor node');
+}
+export const mapObjectNonBooleanValues = obj => {
+    // to avoid React SSR warnings: https://github.com/styled-components/styled-components/issues/1198#issue-262022540
+    return mapObject(obj, ([key, value]) => {
+        if (typeof value === 'boolean')
+            return [key, Number(value)];
+        return [key, value];
+    });
+};
+const hasChildren = element => isValidElement(element) && Boolean(element.props.children);
+export const hasComplexChildren = element => hasChildren(element) &&
+    Children.toArray(element.props.children).reduce((response, child) => response || isValidElement(child), false);
+export const deepMapWithIndex = (children, deepMapFn) => {
+    return Children.toArray(children).map((child, index) => {
+        if (isValidElement(child) && hasComplexChildren(child)) {
+            // Clone the child that has children and map them too
+            return deepMapFn(cloneElement(child, Object.assign(Object.assign({}, child.props), {
+                children: deepMapWithIndex(child.props.children, deepMapFn),
+            })), index, children);
+        }
+        return deepMapFn(child, index, children);
+    });
+};
+//# sourceMappingURL=react.js.map

package/lib/esm/util/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/util/react.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CACrE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAE1C,MAAM,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE;IAC3D,IAAI,SAAS,EAAE;QAAE,OAAO,aAAa,EAAE,CAAA;SAClC,IAAI,MAAM,EAAE;QAAE,OAAO,UAAU,EAAE,CAAA;IACtC,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAA;AAChF,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC,EAAE;IAC7C,kHAAkH;IAClH,OAAO,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACrC,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QAC3D,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACrB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,CAC5B,cAAc,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;AAE5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC,EAAE,CAC1C,WAAW,CAAC,OAAO,CAAC;IACpB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC7C,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC,EACtD,KAAK,CACN,CAAA;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE;IACtD,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACrD,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE;YACtD,qDAAqD;YACrD,OAAO,SAAS,CACd,YAAY,CACV,KAAK,EACL,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;gBAC5C,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC5D,CAAC,CACH,EACD,KAAK,EACL,QAAQ,CACT,CAAA;SACF;QACD,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/esm/util/regexs.d.ts

@@ -0,0 +1,2 @@
+export function deserializeRegex(regexStr: any): RegExp;
+export function stringifyWithRegexs(object: any): string;

package/lib/esm/util/regexs.js

@@ -0,0 +1,18 @@
+export const deserializeRegex = regexStr => {
+    /* eslint-disable no-useless-escape */
+    const fragments = regexStr.match(/\/(.[^\/]+)\/([a-z]{1})?$/i); // https://stackoverflow.com/a/33642463, https://github.com/hubtype/botonic/pull/805#discussion_r437309074
+    const deserialized = new RegExp(fragments[1], fragments[2] || '');
+    return deserialized;
+};
+/** Serialization of objects containing regexs:
+ * Ref.: https://stackoverflow.com/questions/12075927/serialization-of-regexp
+ * Ref.: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
+ */
+export const stringifyWithRegexs = object => {
+    return JSON.stringify(object, (_, value) => {
+        if (value instanceof RegExp)
+            return value.toString();
+        return value;
+    });
+};
+//# sourceMappingURL=regexs.js.map

package/lib/esm/util/regexs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regexs.js","sourceRoot":"","sources":["../../../src/util/regexs.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE;IACzC,sCAAsC;IACtC,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAA,CAAC,0GAA0G;IACzK,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IACjE,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AACD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,EAAE;IAC1C,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,YAAY,MAAM;YAAE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAA;QACpD,OAAO,KAAK,CAAA;IACd,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/esm/util/strings.d.ts

@@ -0,0 +1 @@
+export declare const truncateText: (text: any, maxLength: any, ellipsis?: string) => any;

package/lib/esm/util/strings.js

@@ -0,0 +1,7 @@
+export const truncateText = (text, maxLength, ellipsis = '...') => {
+    if (text.length > maxLength) {
+        return text.substring(0, maxLength - ellipsis.length) + ellipsis;
+    }
+    return text;
+};
+//# sourceMappingURL=strings.js.map

package/lib/esm/util/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/util/strings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE;IAChE,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAA;KACjE;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/lib/esm/util/webchat.d.ts

@@ -0,0 +1,22 @@
+import { ThemeProps } from '../webchat/theme/types';
+/**
+ * Returns the value of a property defined in bot's theme based on WEBCHAT.CUSTOM_PROPERTIES dictionary.
+ * It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).
+ * If property doesn't exist, returns the defaultValue.
+ */
+export declare const _getThemeProperty: (theme: ThemeProps) => (property: string, defaultValue?: any) => any;
+export declare const createUser: () => {
+    id: string;
+    name: string;
+};
+export declare const initSession: (session: any) => {
+    user: {
+        id: string;
+        name: string;
+    };
+};
+export declare const shouldKeepSessionOnReload: ({ initialDevSettings, devSettings, }: {
+    initialDevSettings: any;
+    devSettings: any;
+}) => any;
+export declare const getServerErrorMessage: (serverConfig: any) => any;

package/lib/esm/util/webchat.js

@@ -0,0 +1,55 @@
+import merge from 'lodash.merge';
+import UAParser from 'ua-parser-js';
+import { v7 as uuidv7 } from 'uuid';
+import { WEBCHAT } from '../constants';
+import { getProperty } from './objects';
+/**
+ * Returns the value of a property defined in bot's theme based on WEBCHAT.CUSTOM_PROPERTIES dictionary.
+ * It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).
+ * If property doesn't exist, returns the defaultValue.
+ */
+export const _getThemeProperty = (theme) => (property, defaultValue) => {
+    for (const [key, value] of Object.entries(WEBCHAT.CUSTOM_PROPERTIES)) {
+        if (value === property) {
+            const nestedProperty = getProperty(theme, value);
+            if (nestedProperty !== undefined)
+                return nestedProperty;
+            const plainProperty = getProperty(theme, key);
+            if (plainProperty !== undefined)
+                return plainProperty;
+            return defaultValue;
+        }
+    }
+    return undefined;
+};
+export const createUser = () => {
+    const parser = new UAParser();
+    const ua = parser.getResult();
+    let name = `${ua.os.name} ${ua.browser.name}`;
+    if (ua.device && ua.device.type)
+        name = `${ua.device.type} ${name}`;
+    return {
+        id: uuidv7(),
+        name,
+    };
+};
+export const initSession = (session) => {
+    var _a;
+    if (!session)
+        session = {};
+    const hasUserId = ((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.id) !== undefined;
+    if (!session.user || Object.keys(session.user).length === 0 || !hasUserId)
+        session.user = !hasUserId ? merge(session.user, createUser()) : createUser();
+    return session;
+};
+export const shouldKeepSessionOnReload = ({ initialDevSettings, devSettings, }) => !initialDevSettings || (devSettings && devSettings.keepSessionOnReload);
+//TODO: Review param serverConfig if is of type ServerConfig this never have errorMessage
+export const getServerErrorMessage = serverConfig => {
+    if (!serverConfig || !serverConfig.errorMessage)
+        return 'Connection issues';
+    if (typeof serverConfig.errorMessage === 'function') {
+        return serverConfig.errorMessage();
+    }
+    return serverConfig.errorMessage;
+};
+//# sourceMappingURL=webchat.js.map

package/lib/esm/util/webchat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,QAAQ,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAC5B,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,QAAgB,EAAE,YAAkB,EAAE,EAAE;IAC9D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;QACpE,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YAChD,IAAI,cAAc,KAAK,SAAS;gBAAE,OAAO,cAAc,CAAA;YACvD,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YAC7C,IAAI,aAAa,KAAK,SAAS;gBAAE,OAAO,aAAa,CAAA;YACrD,OAAO,YAAY,CAAA;SACpB;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,GAGxB,EAAE;IACF,MAAM,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,CAAA;IAC7B,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;IAC7C,IAAI,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI;QAAE,IAAI,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE,CAAA;IACnE,OAAO;QACL,EAAE,EAAE,MAAM,EAAE;QACZ,IAAI;KACL,CAAA;AACH,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,OAAY,EAC4B,EAAE;;IAC1C,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,EAAE,CAAA;IAC1B,MAAM,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,EAAE,MAAK,SAAS,CAAA;IACjD,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,SAAS;QACvE,OAAO,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IAC9E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,kBAAkB,EAClB,WAAW,GACZ,EAAE,EAAE,CAAC,CAAC,kBAAkB,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAE7E,yFAAyF;AACzF,MAAM,CAAC,MAAM,qBAAqB,GAAG,YAAY,CAAC,EAAE;IAClD,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,YAAY;QAAE,OAAO,mBAAmB,CAAA;IAC3E,IAAI,OAAO,YAAY,CAAC,YAAY,KAAK,UAAU,EAAE;QACnD,OAAO,YAAY,CAAC,YAAY,EAAE,CAAA;KACnC;IACD,OAAO,YAAY,CAAC,YAAY,CAAA;AAClC,CAAC,CAAA"}

package/lib/esm/util/webviews.d.ts

@@ -0,0 +1 @@
+export declare function generateWebviewUrlWithParams(webview: any, params?: any): string;

package/lib/esm/util/webviews.js

@@ -0,0 +1,6 @@
+import { params2queryString } from '@botonic/core';
+export function generateWebviewUrlWithParams(webview, params = '') {
+    const webviewParams = params ? params2queryString(params) : '';
+    return `/webviews/${webview.name}?${webviewParams}`;
+}
+//# sourceMappingURL=webviews.js.map

package/lib/esm/util/webviews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webviews.js","sourceRoot":"","sources":["../../../src/util/webviews.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,UAAU,4BAA4B,CAC1C,OAAY,EACZ,SAAc,EAAE;IAEhB,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9D,OAAO,aAAa,OAAO,CAAC,IAAI,IAAI,aAAa,EAAE,CAAA;AACrD,CAAC"}

package/lib/esm/webchat/chat-area/index.d.ts

@@ -0,0 +1 @@
+export declare const ChatArea: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/chat-area/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
+import { BotonicContainerId } from '../constants';
+import { WebchatContext } from '../context';
+import { useWebchatDimensions } from '../hooks';
+import { WebchatMessageList } from '../message-list';
+import { WebchatReplies } from '../replies';
+import { StyledChatArea } from './styles';
+export const ChatArea = () => {
+    const { webchatState: { replies }, chatAreaRef, } = useContext(WebchatContext);
+    const { calculateResizedPxChatAreaHeight } = useWebchatDimensions();
+    const [chatAreaHeight, setChatAreaHeight] = useState(0);
+    useEffect(() => {
+        setChatAreaHeight(calculateResizedPxChatAreaHeight());
+    }, []);
+    return (_jsxs(StyledChatArea, Object.assign({ id: BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [_jsx(WebchatMessageList, {}), replies && replies.length > 0 && _jsx(WebchatReplies, {})] })));
+};
+//# sourceMappingURL=index.js.map

package/lib/esm/webchat/chat-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,YAAY,EAAE,EAAE,OAAO,EAAE,EACzB,WAAW,GACZ,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,oBAAoB,EAAE,CAAA;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,gCAAgC,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,MAAC,cAAc,kBACb,EAAE,EAAE,kBAAkB,CAAC,QAAQ,EAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,cAAc,iBAEtB,KAAC,kBAAkB,KAAG,EACrB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,cAAc,KAAG,KACrC,CAClB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/chat-area/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledChatArea: import("styled-components").StyledComponent<"div", any, {
+    height: number;
+}, never>;

package/lib/esm/webchat/chat-area/styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+export const StyledChatArea = styled.div `
+  display: inherit;
+  flex-direction: inherit;
+  height: ${props => props.height}px;
+  width: inherit;
+  overflow: inherit;
+`;
+//# sourceMappingURL=styles.js.map

package/lib/esm/webchat/chat-area/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAoB;;;YAGhD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM;;;CAGhC,CAAA"}

package/lib/esm/webchat/components/common.d.ts

@@ -0,0 +1 @@
+export function Icon(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/components/common.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import styled from 'styled-components';
+import { resolveImage } from '../../util/environment';
+const PointerImage = styled.img `
+  cursor: pointer;
+`;
+export const Icon = props => _jsx(PointerImage, { src: resolveImage(props.src) });
+//# sourceMappingURL=common.js.map

package/lib/esm/webchat/components/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/webchat/components/common.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9B,CAAA;AACD,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,KAAC,YAAY,IAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,GAAI,CAAA"}

package/lib/esm/webchat/components/conditional-animation.d.ts

@@ -0,0 +1 @@
+export function ConditionalAnimation(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/components/conditional-animation.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import { WEBCHAT } from '../../constants';
+import { Scale } from '../../shared/styles';
+import { ConditionalWrapper } from '../../util/react';
+import { WebchatContext } from '../context';
+export const ConditionalAnimation = props => {
+    const { getThemeProperty } = useContext(WebchatContext);
+    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
+    return (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: props.children })));
+};
+//# sourceMappingURL=conditional-animation.js.map

package/lib/esm/webchat/components/conditional-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CACrE,CAAA;IACD,OAAO,CACL,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/components/opened-persistent-menu.d.ts

@@ -0,0 +1,6 @@
+export function OpenedPersistentMenu({ onClick, options, borderRadius }: {
+    onClick: any;
+    options: any;
+    borderRadius: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default OpenedPersistentMenu;

package/lib/esm/webchat/components/opened-persistent-menu.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import styled from 'styled-components';
+import { Button } from '../../components/button';
+import { ROLES, WEBCHAT } from '../../constants';
+import { WebchatContext } from '../context';
+import { useComponentVisible } from '../hooks';
+const ButtonsContainer = styled.div `
+  position: absolute;
+  z-index: 2;
+  width: 100%;
+  bottom: 0;
+  text-align: center;
+`;
+export const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
+    const { ref, isComponentVisible } = useComponentVisible(true, onClick);
+    const { getThemeProperty } = useContext(WebchatContext);
+    const CustomPersistentMenu = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu, undefined);
+    let closeLabel = 'Cancel';
+    try {
+        closeLabel = options.filter(opt => opt.closeLabel !== undefined)[0]
+            .closeLabel;
+    }
+    catch (e) { }
+    return (_jsx("div", Object.assign({ ref: ref, role: ROLES.PERSISTENT_MENU }, { children: isComponentVisible && CustomPersistentMenu ? (_jsx(CustomPersistentMenu, { onClick: onClick, options: options })) : (_jsxs(ButtonsContainer, { children: [Object.values(options).map((e, i) => {
+                    return (e.label && (_jsx(Button, Object.assign({ onClick: onClick, url: e.url, target: e.target, webview: e.webview, payload: e.payload }, { children: e.label }), i)));
+                }), _jsx(Button, Object.assign({ onClick: onClick, bottomRadius: borderRadius }, { children: closeLabel }))] })) })));
+};
+export default OpenedPersistentMenu;
+//# sourceMappingURL=opened-persistent-menu.js.map

package/lib/esm/webchat/components/opened-persistent-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opened-persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,SAAS,CACV,CAAA;IACD,IAAI,UAAU,GAAG,QAAQ,CAAA;IACzB,IAAI;QACF,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;aAChE,UAAU,CAAA;KACd;IAAC,OAAO,CAAC,EAAE,GAAE;IACd,OAAO,CACL,4BAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,eAAe,gBACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,MAAC,gBAAgB,eACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,OAAO,CACL,CAAC,CAAC,KAAK,IAAI,CACT,KAAC,MAAM,kBACL,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,gBAGjB,CAAC,CAAC,KAAK,KAFH,CAAC,CAGC,CACV,CACF,CAAA;gBACH,CAAC,CAAC,EACF,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,gBACjD,UAAU,IACJ,IACQ,CACpB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/lib/esm/webchat/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const BotonicContainerId: {
+    Webchat: string;
+    Header: string;
+    ChatArea: string;
+    ScrollableMessagesList: string;
+    RepliesContainer: string;
+    InputPanel: string;
+};

package/lib/esm/webchat/constants.js

@@ -0,0 +1,10 @@
+// Convert to an enum when all the files using these values are migrated to ts{x}
+export const BotonicContainerId = {
+    Webchat: 'botonic-webchat',
+    Header: 'botonic-header',
+    ChatArea: 'botonic-chat-area',
+    ScrollableMessagesList: 'botonic-scrollable-messages-list',
+    RepliesContainer: 'botonic-replies-container',
+    InputPanel: 'botonic-input-panel',
+};
+//# sourceMappingURL=constants.js.map

package/lib/esm/webchat/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/webchat/constants.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,mBAAmB;IAC7B,sBAAsB,EAAE,kCAAkC;IAC1D,gBAAgB,EAAE,2BAA2B;IAC7C,UAAU,EAAE,qBAAqB;CAClC,CAAA"}