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

package/lib/esm/util/react.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/util/react.js"],"names":[],"mappings":";;;AAQA,0CAOC;AAfD,wCAAiD;AACjD,iCAA8D;AAE9D,uCAAqC;AAE9B,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;AAD7B,QAAA,kBAAkB,sBACW;AAE1C,SAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE;IAC3D,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,OAAO,aAAa,EAAE,CAAA;IACxB,CAAC;SAAM,IAAI,IAAA,aAAM,GAAE,EAAE,CAAC;QACpB,OAAO,UAAU,EAAE,CAAA;IACrB,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAA;AAChF,CAAC;AAEM,MAAM,yBAAyB,GAAG,GAAG,CAAC,EAAE;IAC7C,kHAAkH;IAClH,OAAO,IAAA,mBAAS,EAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACrC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QAC7B,CAAC;QACD,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACrB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AARY,QAAA,yBAAyB,6BAQrC;AAED,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,CAC5B,IAAA,sBAAc,EAAC,OAAO,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;AAErD,MAAM,kBAAkB,GAAG,OAAO,CAAC,EAAE,CAC1C,WAAW,CAAC,OAAO,CAAC;IACpB,gBAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC7C,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EACtD,KAAK,CACN,CAAA;AALU,QAAA,kBAAkB,sBAK5B;AAEI,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE;IACtD,OAAO,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACrD,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAE,CAAC;YACvD,qDAAqD;YACrD,OAAO,SAAS,CACd,IAAA,oBAAY,EACV,KAAK,EACL,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;gBAC5C,QAAQ,EAAE,IAAA,wBAAgB,EAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC5D,CAAC,CACH,EACD,KAAK,EACL,QAAQ,CACT,CAAA;QACH,CAAC;QACD,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAjBY,QAAA,gBAAgB,oBAiB5B"}
+{"version":3,"file":"util/react.js","sources":["../../../src/util/react.js"],"sourcesContent":["import { isBrowser, isNode } from '@botonic/core'\nimport { Children, cloneElement, isValidElement } from 'react'\n\nimport { mapObject } from './objects'\n\nexport const ConditionalWrapper = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children\n\nexport function renderComponent({ renderBrowser, renderNode }) {\n  if (isBrowser()) {\n    return renderBrowser()\n  } else if (isNode()) {\n    return renderNode()\n  }\n  throw new Error('Unexpected process type. Not recognized as browser nor node')\n}\n\nexport const mapObjectNonBooleanValues = obj => {\n  // to avoid React SSR warnings: https://github.com/styled-components/styled-components/issues/1198#issue-262022540\n  return mapObject(obj, ([key, value]) => {\n    if (typeof value === 'boolean') {\n      return [key, Number(value)]\n    }\n    return [key, value]\n  })\n}\n\nconst hasChildren = element =>\n  isValidElement(element) && Boolean(element.props.children)\n\nexport const hasComplexChildren = element =>\n  hasChildren(element) &&\n  Children.toArray(element.props.children).reduce(\n    (response, child) => response || isValidElement(child),\n    false\n  )\n\nexport const deepMapWithIndex = (children, deepMapFn) => {\n  return Children.toArray(children).map((child, index) => {\n    if (isValidElement(child) && hasComplexChildren(child)) {\n      // Clone the child that has children and map them too\n      return deepMapFn(\n        cloneElement(\n          child,\n          Object.assign(Object.assign({}, child.props), {\n            children: deepMapWithIndex(child.props.children, deepMapFn),\n          })\n        ),\n        index,\n        children\n      )\n    }\n    return deepMapFn(child, index, children)\n  })\n}\n"],"names":["isBrowser","isNode","Children","cloneElement","isValidElement","mapObject","ConditionalWrapper","condition","wrapper","children","renderComponent","renderBrowser","renderNode","Error","mapObjectNonBooleanValues","obj","key","value","Number","hasChildren","element","Boolean","hasComplexChildren","response","child","deepMapWithIndex","deepMapFn","index","Object"],"mappings":";;;;;;;AAAiD;AACa;AAEzB;AAE9B,MAAMM,kBAAkBA,GAAG,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GACjEF,YAAYC,QAAQC,YAAYA,SAAQ;AAEnC,SAASC,eAAeA,CAAC,EAAEC,aAAa,EAAEC,UAAU,EAAE;IAC3D,IAAIZ,SAASA,IAAI;QACf,OAAOW;IACT,OAAO,IAAIV,MAAMA,IAAI;QACnB,OAAOW;IACT;IACA,MAAM,IAAIC,MAAM;AAClB;AAEO,MAAMC,yBAAyBA,GAAGC,CAAAA;IACvC,kHAAkH;IAClH,OAAOV,SAASA,CAACU,KAAK,CAAC,CAACC,KAAKC,MAAM;QACjC,IAAI,OAAOA,UAAU,WAAW;YAC9B,OAAO;gBAACD;gBAAKE,OAAOD;aAAO;QAC7B;QACA,OAAO;YAACD;YAAKC;SAAM;IACrB;AACF,EAAC;AAED,MAAME,WAAWA,GAAGC,CAAAA,wBAClBhB,cAAcA,CAACgB,YAAYC,QAAQD,QAAQ,KAAK,CAAC,QAAQ;AAEpD,MAAME,kBAAkBA,GAAGF,CAAAA,UAChCD,WAAWA,CAACC,YACZlB,gBAAgB,CAACkB,QAAQ,KAAK,CAAC,QAAQ,EAAE,MAAM,CAC7C,CAACG,UAAUC,QAAUD,0BAAYnB,cAAcA,CAACoB,QAChD,OACD;AAEI,MAAMC,gBAAgBA,GAAG,CAAChB,UAAUiB;IACzC,OAAOxB,gBAAgB,CAACO,UAAU,GAAG,CAAC,CAACe,OAAOG;QAC5C,kBAAIvB,cAAcA,CAACoB,UAAUF,kBAAkBA,CAACE,QAAQ;YACtD,qDAAqD;YACrD,OAAOE,wBACLvB,YAAYA,CACVqB,OACAI,OAAO,MAAM,CAACA,OAAO,MAAM,CAAC,CAAC,GAAGJ,MAAM,KAAK,GAAG;gBAC5C,UAAUC,gBAAgBA,CAACD,MAAM,KAAK,CAAC,QAAQ,EAAEE;YACnD,KAEFC,OACAlB;QAEJ;QACA,OAAOiB,UAAUF,OAAOG,OAAOlB;IACjC;AACF,EAAC"}

package/lib/esm/util/regexs.js

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringifyWithRegexs = exports.deserializeRegex = void 0;
-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 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;
 };
-exports.deserializeRegex = deserializeRegex;
 /** 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
- */
-const stringifyWithRegexs = object => {
-    return JSON.stringify(object, (_, value) => {
+ */ const stringifyWithRegexs = (object)=>{
+    return JSON.stringify(object, (_, value)=>{
         if (value instanceof RegExp) {
             return value.toString();
         }
         return value;
     });
 };
-exports.stringifyWithRegexs = stringifyWithRegexs;
+
+export { deserializeRegex, stringifyWithRegexs };
+
 //# sourceMappingURL=regexs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"regexs.js","sourceRoot":"","sources":["../../../src/util/regexs.js"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE;IACzC,sCAAsC;IACtC,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAA,CAAC,0GAA0G;IACxK,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;AALY,QAAA,gBAAgB,oBAK5B;AACD;;;GAGG;AACI,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,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAA;QACzB,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAPY,QAAA,mBAAmB,uBAO/B"}
+{"version":3,"file":"util/regexs.js","sources":["../../../src/util/regexs.js"],"sourcesContent":["export const deserializeRegex = regexStr => {\n  /* eslint-disable no-useless-escape */\n  const fragments = regexStr.match(/\\/(.[^/]+)\\/([a-z]{1})?$/i) // https://stackoverflow.com/a/33642463, https://github.com/hubtype/botonic/pull/805#discussion_r437309074\n  const deserialized = new RegExp(fragments[1], fragments[2] || '')\n  return deserialized\n}\n/** Serialization of objects containing regexs:\n * Ref.: https://stackoverflow.com/questions/12075927/serialization-of-regexp\n * Ref.: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify\n */\nexport const stringifyWithRegexs = object => {\n  return JSON.stringify(object, (_, value) => {\n    if (value instanceof RegExp) {\n      return value.toString()\n    }\n    return value\n  })\n}\n"],"names":["deserializeRegex","regexStr","fragments","deserialized","RegExp","stringifyWithRegexs","object","JSON","_","value"],"mappings":"AAAO,MAAMA,gBAAgBA,GAAGC,CAAAA;IAC9B,oCAAoC,GACpC,MAAMC,YAAYD,SAAS,KAAK,CAAC,6BAA6B,0GAA0G;;IACxK,MAAME,eAAe,IAAIC,OAAOF,SAAS,CAAC,EAAE,EAAEA,SAAS,CAAC,EAAE,IAAI;IAC9D,OAAOC;AACT,EAAC;AACD;;;CAGC,GACM,MAAME,mBAAmBA,GAAGC,CAAAA;IACjC,OAAOC,KAAK,SAAS,CAACD,QAAQ,CAACE,GAAGC;QAChC,IAAIA,iBAAiBL,QAAQ;YAC3B,OAAOK,MAAM,QAAQ;QACvB;QACA,OAAOA;IACT;AACF,EAAC"}

package/lib/esm/util/strings.js

@@ -1,11 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.truncateText = void 0;
-const truncateText = (text, maxLength, ellipsis = '...') => {
+const truncateText = (text, maxLength, ellipsis = '...')=>{
     if (text.length > maxLength) {
         return text.substring(0, maxLength - ellipsis.length) + ellipsis;
     }
     return text;
 };
-exports.truncateText = truncateText;
+
+export { truncateText };
+
 //# sourceMappingURL=strings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/util/strings.ts"],"names":[],"mappings":";;;AAAO,MAAM,YAAY,GAAG,CAC1B,IAAY,EACZ,SAAiB,EACjB,QAAQ,GAAG,KAAK,EAChB,EAAE;IACF,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAA;IAClE,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AATY,QAAA,YAAY,gBASxB"}
+{"version":3,"file":"util/strings.js","sources":["../../../src/util/strings.ts"],"sourcesContent":["export const truncateText = (\n  text: string,\n  maxLength: number,\n  ellipsis = '...'\n) => {\n  if (text.length > maxLength) {\n    return text.substring(0, maxLength - ellipsis.length) + ellipsis\n  }\n  return text\n}\n"],"names":["truncateText","text","maxLength","ellipsis"],"mappings":"AAAO,MAAMA,YAAYA,GAAG,CAC1BC,MACAC,WACAC,WAAW,KAAK;IAEhB,IAAIF,KAAK,MAAM,GAAGC,WAAW;QAC3B,OAAOD,KAAK,SAAS,CAAC,GAAGC,YAAYC,SAAS,MAAM,IAAIA;IAC1D;IACA,OAAOF;AACT,EAAC"}

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

@@ -1,5 +1,5 @@
-import type { ClientUser } from '../webchat/context/types';
-import type { WebchatTheme } from '../webchat/theme/types';
+import type { ClientUser } from '../webchat/context/types.js';
+import type { WebchatTheme } from '../webchat/theme/types.js';
 /**
  * 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).

package/lib/esm/util/webchat.js

@@ -1,60 +1,64 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServerErrorMessage = exports.shouldKeepSessionOnReload = exports.initSession = exports.createUser = exports._getThemeProperty = void 0;
-exports.updateUserLocaleAndCountry = updateUserLocaleAndCountry;
-const tslib_1 = require("tslib");
-const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
-const ua_parser_js_1 = tslib_1.__importDefault(require("ua-parser-js"));
-const uuid_1 = require("uuid");
-const constants_1 = require("../constants");
-const i18n_1 = require("./i18n");
-const objects_1 = require("./objects");
+import lodash_merge from "lodash.merge";
+import ua_parser_js from "ua-parser-js";
+import { v7 } from "uuid";
+import { WEBCHAT } from "../constants.js";
+import { getCountryFromTimeZone, normalizeLocale } from "./i18n.js";
+import { getProperty } from "./objects.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
 /**
  * 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.
- */
-const _getThemeProperty = (theme) => (property, defaultValue) => {
-    for (const [key, value] of Object.entries(constants_1.WEBCHAT.CUSTOM_PROPERTIES)) {
-        if (value === property) {
-            const nestedProperty = (0, objects_1.getProperty)(theme, value);
-            if (nestedProperty !== undefined) {
-                return nestedProperty;
+ */ 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;
             }
-            const plainProperty = (0, objects_1.getProperty)(theme, key);
-            if (plainProperty !== undefined) {
-                return plainProperty;
-            }
-            return defaultValue;
         }
-    }
-    return undefined;
-};
-exports._getThemeProperty = _getThemeProperty;
-const createUser = () => {
-    const parser = new ua_parser_js_1.default();
+        return undefined;
+    };
+const createUser = ()=>{
+    const parser = new ua_parser_js();
     const ua = parser.getResult();
     let name = `${ua.os.name} ${ua.browser.name}`;
     if (ua.device?.type) {
         name = `${ua.device.type} ${name}`;
     }
     return {
-        id: (0, uuid_1.v7)(),
-        name,
+        id: v7(),
+        name
     };
 };
-exports.createUser = createUser;
-const initSession = (session) => {
+const initSession = (session)=>{
     if (!session) {
         session = {};
     }
     const hasUserId = session?.user?.id !== undefined;
     if (!session.user || Object.keys(session.user).length === 0 || !hasUserId) {
-        session.user = !hasUserId ? (0, lodash_merge_1.default)(session.user, (0, exports.createUser)()) : (0, exports.createUser)();
+        session.user = !hasUserId ? lodash_merge(session.user, createUser()) : createUser();
     }
     return session;
 };
-exports.initSession = initSession;
 function updateUserLocaleAndCountry(user) {
     user.locale = getLocale(user);
     user.country = getCountry(user);
@@ -63,20 +67,16 @@ function updateUserLocaleAndCountry(user) {
 }
 function getLocale(user) {
     if (user.locale) {
-        return (0, i18n_1.normalizeLocale)(user.locale);
+        return normalizeLocale(user.locale);
     }
-    const locale = user.extra_data?.language
-        ? user.extra_data?.language
-        : navigator.language;
-    return (0, i18n_1.normalizeLocale)(locale);
+    const locale = user.extra_data?.language ? user.extra_data?.language : navigator.language;
+    return normalizeLocale(locale);
 }
 function getCountry(user) {
     if (user.country) {
         return user.country;
     }
-    return user.extra_data?.country
-        ? user.extra_data?.country
-        : (0, i18n_1.getCountryFromTimeZone)();
+    return user.extra_data?.country ? user.extra_data?.country : getCountryFromTimeZone();
 }
 function getSystemLocale(user) {
     if (user.system_locale) {
@@ -84,10 +84,9 @@ function getSystemLocale(user) {
     }
     return getLocale(user);
 }
-const shouldKeepSessionOnReload = ({ initialDevSettings, devSettings, }) => !initialDevSettings || devSettings?.keepSessionOnReload;
-exports.shouldKeepSessionOnReload = shouldKeepSessionOnReload;
+const shouldKeepSessionOnReload = ({ initialDevSettings, devSettings })=>!initialDevSettings || devSettings?.keepSessionOnReload;
 //TODO: Review param serverConfig if is of type ServerConfig this never have errorMessage
-const getServerErrorMessage = serverConfig => {
+const getServerErrorMessage = (serverConfig)=>{
     if (!serverConfig || !serverConfig.errorMessage) {
         return 'Connection issues';
     }
@@ -96,5 +95,7 @@ const getServerErrorMessage = serverConfig => {
     }
     return serverConfig.errorMessage;
 };
-exports.getServerErrorMessage = getServerErrorMessage;
+
+export { _getThemeProperty, createUser, getServerErrorMessage, initSession, shouldKeepSessionOnReload, updateUserLocaleAndCountry };
+
 //# sourceMappingURL=webchat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"util/webchat.js","sources":["../../../src/util/webchat.ts"],"sourcesContent":["import merge from 'lodash.merge'\nimport UAParser from 'ua-parser-js'\nimport { v7 as uuidv7 } from 'uuid'\n\nimport { WEBCHAT } from '../constants'\nimport type { ClientUser } from '../webchat/context/types'\nimport type { WebchatTheme } from '../webchat/theme/types'\nimport { getCountryFromTimeZone, normalizeLocale } from './i18n'\nimport { getProperty } from './objects'\n\n/**\n * Returns the value of a property defined in bot's theme based on WEBCHAT.CUSTOM_PROPERTIES dictionary.\n * It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).\n * If property doesn't exist, returns the defaultValue.\n */\nexport const _getThemeProperty =\n  (theme: WebchatTheme) => (property: string, defaultValue?: any) => {\n    for (const [key, value] of Object.entries(WEBCHAT.CUSTOM_PROPERTIES)) {\n      if (value === property) {\n        const nestedProperty = getProperty(theme, value)\n        if (nestedProperty !== undefined) {\n          return nestedProperty\n        }\n        const plainProperty = getProperty(theme, key)\n        if (plainProperty !== undefined) {\n          return plainProperty\n        }\n        return defaultValue\n      }\n    }\n    return undefined\n  }\n\nexport const createUser = (): {\n  id: string\n  name: string\n} => {\n  const parser = new UAParser()\n  const ua = parser.getResult()\n  let name = `${ua.os.name} ${ua.browser.name}`\n  if (ua.device?.type) {\n    name = `${ua.device.type} ${name}`\n  }\n  return {\n    id: uuidv7(),\n    name,\n  }\n}\nexport const initSession = (\n  session: any\n): { user: { id: string; name: string } } => {\n  if (!session) {\n    session = {}\n  }\n  const hasUserId = session?.user?.id !== undefined\n  if (!session.user || Object.keys(session.user).length === 0 || !hasUserId) {\n    session.user = !hasUserId ? merge(session.user, createUser()) : createUser()\n  }\n  return session\n}\n\nexport function updateUserLocaleAndCountry(user: Partial<ClientUser>) {\n  user.locale = getLocale(user)\n  user.country = getCountry(user)\n  user.system_locale = getSystemLocale(user)\n\n  return user\n}\n\nfunction getLocale(user: Partial<ClientUser>) {\n  if (user.locale) {\n    return normalizeLocale(user.locale)\n  }\n\n  const locale = user.extra_data?.language\n    ? (user.extra_data?.language as string)\n    : navigator.language\n\n  return normalizeLocale(locale)\n}\n\nfunction getCountry(user: Partial<ClientUser>) {\n  if (user.country) {\n    return user.country\n  }\n\n  return user.extra_data?.country\n    ? (user.extra_data?.country as string)\n    : getCountryFromTimeZone()\n}\n\nfunction getSystemLocale(user: Partial<ClientUser>) {\n  if (user.system_locale) {\n    return user.system_locale\n  }\n  return getLocale(user)\n}\n\nexport const shouldKeepSessionOnReload = ({\n  initialDevSettings,\n  devSettings,\n}) => !initialDevSettings || devSettings?.keepSessionOnReload\n\n//TODO: Review param serverConfig if is of type ServerConfig this never have errorMessage\nexport const getServerErrorMessage = serverConfig => {\n  if (!serverConfig || !serverConfig.errorMessage) {\n    return 'Connection issues'\n  }\n  if (typeof serverConfig.errorMessage === 'function') {\n    return serverConfig.errorMessage()\n  }\n  return serverConfig.errorMessage\n}\n"],"names":["merge","UAParser","v7","uuidv7","WEBCHAT","getCountryFromTimeZone","normalizeLocale","getProperty","_getThemeProperty","theme","property","defaultValue","key","value","Object","nestedProperty","undefined","plainProperty","createUser","parser","ua","name","initSession","session","hasUserId","updateUserLocaleAndCountry","user","getLocale","getCountry","getSystemLocale","locale","navigator","shouldKeepSessionOnReload","initialDevSettings","devSettings","getServerErrorMessage","serverConfig"],"mappings":";;;;;;;;;;;;;AAAgC;AACG;AACA;AAEG;AAG0B;AACzB;AAEvC;;;;CAIC,GACM,MAAMQ,iBAAiBA,GAC5B,CAACC,QAAwB,CAACC,UAAkBC;QAC1C,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIC,OAAO,OAAO,CAACV,yBAAyB,EAAG;YACpE,IAAIS,UAAUH,UAAU;gBACtB,MAAMK,iBAAiBR,WAAWA,CAACE,OAAOI;gBAC1C,IAAIE,mBAAmBC,WAAW;oBAChC,OAAOD;gBACT;gBACA,MAAME,gBAAgBV,WAAWA,CAACE,OAAOG;gBACzC,IAAIK,kBAAkBD,WAAW;oBAC/B,OAAOC;gBACT;gBACA,OAAON;YACT;QACF;QACA,OAAOK;IACT,EAAC;AAEI,MAAME,UAAUA,GAAG;IAIxB,MAAMC,SAAS,IAAIlB,YAAQA;IAC3B,MAAMmB,KAAKD,OAAO,SAAS;IAC3B,IAAIE,OAAO,GAAGD,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,EAAEA,GAAG,OAAO,CAAC,IAAI,EAAE;IAC7C,IAAIA,GAAG,MAAM,EAAE,MAAM;QACnBC,OAAO,GAAGD,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAEC,MAAM;IACpC;IACA,OAAO;QACL,IAAIlB,EAAMA;QACVkB;IACF;AACF,EAAC;AACM,MAAMC,WAAWA,GAAG,CACzBC;IAEA,IAAI,CAACA,SAAS;QACZA,UAAU,CAAC;IACb;IACA,MAAMC,YAAYD,SAAS,MAAM,OAAOP;IACxC,IAAI,CAACO,QAAQ,IAAI,IAAIT,OAAO,IAAI,CAACS,QAAQ,IAAI,EAAE,MAAM,KAAK,KAAK,CAACC,WAAW;QACzED,QAAQ,IAAI,GAAG,CAACC,YAAYxB,YAAKA,CAACuB,QAAQ,IAAI,EAAEL,UAAUA,MAAMA,UAAUA;IAC5E;IACA,OAAOK;AACT,EAAC;AAEM,SAASE,0BAA0BA,CAACC,IAAyB;IAClEA,KAAK,MAAM,GAAGC,SAASA,CAACD;IACxBA,KAAK,OAAO,GAAGE,UAAUA,CAACF;IAC1BA,KAAK,aAAa,GAAGG,eAAeA,CAACH;IAErC,OAAOA;AACT;AAEA,SAASC,SAASA,CAACD,IAAyB;IAC1C,IAAIA,KAAK,MAAM,EAAE;QACf,OAAOpB,eAAeA,CAACoB,KAAK,MAAM;IACpC;IAEA,MAAMI,SAASJ,KAAK,UAAU,EAAE,WAC3BA,KAAK,UAAU,EAAE,WAClBK,UAAU,QAAQ;IAEtB,OAAOzB,eAAeA,CAACwB;AACzB;AAEA,SAASF,UAAUA,CAACF,IAAyB;IAC3C,IAAIA,KAAK,OAAO,EAAE;QAChB,OAAOA,KAAK,OAAO;IACrB;IAEA,OAAOA,KAAK,UAAU,EAAE,UACnBA,KAAK,UAAU,EAAE,UAClBrB,sBAAsBA;AAC5B;AAEA,SAASwB,eAAeA,CAACH,IAAyB;IAChD,IAAIA,KAAK,aAAa,EAAE;QACtB,OAAOA,KAAK,aAAa;IAC3B;IACA,OAAOC,SAASA,CAACD;AACnB;AAEO,MAAMM,yBAAyBA,GAAG,CAAC,EACxCC,kBAAkB,EAClBC,WAAW,EACZ,GAAK,CAACD,sBAAsBC,aAAa,oBAAmB;AAE7D,yFAAyF;AAClF,MAAMC,qBAAqBA,GAAGC,CAAAA;IACnC,IAAI,CAACA,gBAAgB,CAACA,aAAa,YAAY,EAAE;QAC/C,OAAO;IACT;IACA,IAAI,OAAOA,aAAa,YAAY,KAAK,YAAY;QACnD,OAAOA,aAAa,YAAY;IAClC;IACA,OAAOA,aAAa,YAAY;AAClC,EAAC"}

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

@@ -1,2 +1,2 @@
-import type { Webview } from '../components/index-types';
+import type { Webview } from '../components/index-types.js';
 export declare function generateWebviewUrlWithParams(webview: Webview, params?: Record<string, string>): string;

package/lib/esm/util/webviews.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateWebviewUrlWithParams = generateWebviewUrlWithParams;
 function generateWebviewUrlWithParams(webview, params) {
     const webviewParams = params ? new URLSearchParams(params).toString() : '';
     return `/webviews/${webview.name}?${webviewParams}`;
 }
+
+export { generateWebviewUrlWithParams };
+
 //# sourceMappingURL=webviews.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"webviews.js","sourceRoot":"","sources":["../../../src/util/webviews.ts"],"names":[],"mappings":";;AAEA,oEAMC;AAND,SAAgB,4BAA4B,CAC1C,OAAgB,EAChB,MAA+B;IAE/B,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1E,OAAO,aAAa,OAAO,CAAC,IAAI,IAAI,aAAa,EAAE,CAAA;AACrD,CAAC"}
+{"version":3,"file":"util/webviews.js","sources":["../../../src/util/webviews.ts"],"sourcesContent":["import type { Webview } from '../components/index-types'\n\nexport function generateWebviewUrlWithParams(\n  webview: Webview,\n  params?: Record<string, string>\n): string {\n  const webviewParams = params ? new URLSearchParams(params).toString() : ''\n  return `/webviews/${webview.name}?${webviewParams}`\n}\n"],"names":["generateWebviewUrlWithParams","webview","params","webviewParams","URLSearchParams"],"mappings":"AAEO,SAASA,4BAA4BA,CAC1CC,OAAgB,EAChBC,MAA+B;IAE/B,MAAMC,gBAAgBD,SAAS,IAAIE,gBAAgBF,QAAQ,QAAQ,KAAK;IACxE,OAAO,CAAC,UAAU,EAAED,QAAQ,IAAI,CAAC,CAAC,EAAEE,eAAe;AACrD"}

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

@@ -1,22 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatArea = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../constants");
-const context_1 = require("../context");
-const hooks_1 = require("../hooks");
-const message_list_1 = require("../message-list");
-const replies_1 = require("../replies");
-const styles_1 = require("./styles");
-const ChatArea = () => {
-    const { webchatState: { replies }, chatAreaRef, } = (0, react_1.useContext)(context_1.WebchatContext);
-    const { calculateResizedPxChatAreaHeight } = (0, hooks_1.useWebchatDimensions)();
-    const [chatAreaHeight, setChatAreaHeight] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from "react";
+import { BotonicContainerId } from "../constants.js";
+import { WebchatContext } from "../context/index.js";
+import { useWebchatDimensions } from "../hooks/index.js";
+import { WebchatMessageList } from "../message-list/index.js";
+import { WebchatReplies } from "../replies/index.js";
+import { StyledChatArea } from "./styles.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const ChatArea = ()=>{
+    const { webchatState: { replies }, chatAreaRef } = useContext(WebchatContext);
+    const { calculateResizedPxChatAreaHeight } = useWebchatDimensions();
+    const [chatAreaHeight, setChatAreaHeight] = useState(0);
+    useEffect(()=>{
         setChatAreaHeight(calculateResizedPxChatAreaHeight());
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledChatArea, { id: constants_1.BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight, children: [(0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, {}), replies && replies.length > 0 && (0, jsx_runtime_1.jsx)(replies_1.WebchatReplies, {})] }));
+    return /*#__PURE__*/ jsxs(StyledChatArea, {
+        id: BotonicContainerId.ChatArea,
+        ref: chatAreaRef,
+        height: chatAreaHeight,
+        children: [
+            /*#__PURE__*/ jsx(WebchatMessageList, {}),
+            replies && replies.length > 0 && /*#__PURE__*/ jsx(WebchatReplies, {})
+        ]
+    });
 };
-exports.ChatArea = ChatArea;
+
+export { ChatArea };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AAEvD,4CAAiD;AACjD,wCAA2C;AAC3C,oCAA+C;AAC/C,kDAAoD;AACpD,wCAA2C;AAC3C,qCAAyC;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,YAAY,EAAE,EAAE,OAAO,EAAE,EACzB,WAAW,GACZ,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,IAAA,4BAAoB,GAAE,CAAA;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,gCAAgC,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAC,uBAAc,IACb,EAAE,EAAE,8BAAkB,CAAC,QAAQ,EAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,cAAc,aAEtB,uBAAC,iCAAkB,KAAG,EACrB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,wBAAc,KAAG,IACrC,CAClB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}
+{"version":3,"file":"webchat/chat-area/index.js","sources":["../../../../src/webchat/chat-area/index.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from 'react'\n\nimport { BotonicContainerId } from '../constants'\nimport { WebchatContext } from '../context'\nimport { useWebchatDimensions } from '../hooks'\nimport { WebchatMessageList } from '../message-list'\nimport { WebchatReplies } from '../replies'\nimport { StyledChatArea } from './styles'\n\nexport const ChatArea = () => {\n  const {\n    webchatState: { replies },\n    chatAreaRef,\n  } = useContext(WebchatContext)\n\n  const { calculateResizedPxChatAreaHeight } = useWebchatDimensions()\n  const [chatAreaHeight, setChatAreaHeight] = useState(0)\n\n  useEffect(() => {\n    setChatAreaHeight(calculateResizedPxChatAreaHeight())\n  }, [])\n\n  return (\n    <StyledChatArea\n      id={BotonicContainerId.ChatArea}\n      ref={chatAreaRef}\n      height={chatAreaHeight}\n    >\n      <WebchatMessageList />\n      {replies && replies.length > 0 && <WebchatReplies />}\n    </StyledChatArea>\n  )\n}\n"],"names":["useContext","useEffect","useState","BotonicContainerId","WebchatContext","useWebchatDimensions","WebchatMessageList","WebchatReplies","StyledChatArea","ChatArea","replies","chatAreaRef","calculateResizedPxChatAreaHeight","chatAreaHeight","setChatAreaHeight"],"mappings":";;;;;;;;;;;;;;;;;;AAAuD;AAEN;AACN;AACI;AACK;AACT;AACF;AAElC,MAAMS,QAAQA,GAAG;IACtB,MAAM,EACJ,cAAc,EAAEC,OAAO,EAAE,EACzBC,WAAW,EACZ,GAAGX,UAAUA,CAACI,cAAcA;IAE7B,MAAM,EAAEQ,gCAAgC,EAAE,GAAGP,oBAAoBA;IACjE,MAAM,CAACQ,gBAAgBC,kBAAkB,GAAGZ,QAAQA,CAAC;IAErDD,SAASA,CAAC;QACRa,kBAAkBF;IACpB,GAAG,EAAE;IAEL,qBACE,KAACJ,cAAcA;QACb,IAAIL,2BAA2B;QAC/B,KAAKQ;QACL,QAAQE;;0BAER,IAACP,kBAAkBA;YAClBI,WAAWA,QAAQ,MAAM,GAAG,mBAAK,IAACH,cAAcA;;;AAGvD,EAAC"}

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

@@ -1,13 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledChatArea = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.StyledChatArea = styled_components_1.default.div `
+import styled_components from "styled-components";
+
+
+
+const StyledChatArea = styled_components.div`
   display: inherit;
   flex-direction: inherit;
-  height: ${props => props.height}px;
+  height: ${(props)=>props.height}px;
   width: inherit;
   overflow: inherit;
 `;
+
+export { StyledChatArea };
+
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEzB,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAoB;;;YAGhD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM;;;CAGhC,CAAA"}
+{"version":3,"file":"webchat/chat-area/styles.js","sources":["../../../../src/webchat/chat-area/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledChatArea = styled.div<{ height: number }>`\n  display: inherit;\n  flex-direction: inherit;\n  height: ${props => props.height}px;\n  width: inherit;\n  overflow: inherit;\n`\n"],"names":["styled","StyledChatArea","props"],"mappings":";;;AAAsC;AAE/B,MAAMC,cAAcA,GAAGD,qBAA8B,CAAC;;;UAGnD,EAAEE,CAAAA,QAASA,MAAM,MAAM,CAAC;;;AAGlC,CAAC"}

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

@@ -1,13 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const environment_1 = require("../../util/environment");
-const PointerImage = styled_components_1.default.img `
+import { jsx } from "react/jsx-runtime";
+import styled_components from "styled-components";
+import { resolveImage } from "../../util/environment.js";
+
+
+
+
+
+
+
+const PointerImage = styled_components.img`
   cursor: pointer;
 `;
-const Icon = props => (0, jsx_runtime_1.jsx)(PointerImage, { src: (0, environment_1.resolveImage)(props.src) });
-exports.Icon = Icon;
+const Icon = (props)=>/*#__PURE__*/ jsx(PointerImage, {
+        src: resolveImage(props.src)
+    });
+
+export { Icon };
+
 //# sourceMappingURL=common.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/webchat/components/common.jsx"],"names":[],"mappings":";;;;;AAAA,kFAAsC;AAEtC,wDAAqD;AAErD,MAAM,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE9B,CAAA;AACM,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,uBAAC,YAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,KAAK,CAAC,GAAG,CAAC,GAAI,CAAA;AAA9D,QAAA,IAAI,QAA0D"}
+{"version":3,"file":"webchat/components/common.js","sources":["../../../../src/webchat/components/common.jsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { resolveImage } from '../../util/environment'\n\nconst PointerImage = styled.img`\n  cursor: pointer;\n`\nexport const Icon = props => <PointerImage src={resolveImage(props.src)} />\n"],"names":["styled","resolveImage","PointerImage","Icon","props"],"mappings":";;;;;;;;AAAsC;AAEe;AAErD,MAAME,YAAYA,GAAGF,qBAAU,CAAC;;AAEhC,CAAC;AACM,MAAMG,IAAIA,GAAGC,CAAAA,sBAAS,IAACF,YAAYA;QAAC,KAAKD,YAAYA,CAACG,MAAM,GAAG;OAAK"}

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

@@ -1,16 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalAnimation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const styles_1 = require("../../shared/styles");
-const react_2 = require("../../util/react");
-const context_1 = require("../context");
-const ConditionalAnimation = props => {
-    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
-    return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }), children: props.children }));
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { WEBCHAT } from "../../constants.js";
+import { Scale } from "../../shared/styles.js";
+import { ConditionalWrapper } from "../../util/react.js";
+import { WebchatContext } from "../context/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const ConditionalAnimation = (props)=>{
+    const { getThemeProperty } = useContext(WebchatContext);
+    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
+    return /*#__PURE__*/ jsx(ConditionalWrapper, {
+        condition: animationsEnabled,
+        wrapper: (children)=>/*#__PURE__*/ jsx(Scale, {
+                children: children
+            }),
+        children: props.children
+    });
 };
-exports.ConditionalAnimation = ConditionalAnimation;
+
+export { ConditionalAnimation };
+
 //# sourceMappingURL=conditional-animation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,+CAAyC;AACzC,gDAA2C;AAC3C,4CAAqD;AACrD,wCAA2C;AAEpC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAC3C,CAAA;IAED,OAAO,CACL,uBAAC,0BAAkB,IACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,YAE7C,KAAK,CAAC,QAAQ,GACI,CACtB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}
+{"version":3,"file":"webchat/components/conditional-animation.js","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"sourcesContent":["import { useContext } from 'react'\n\nimport { WEBCHAT } from '../../constants'\nimport { Scale } from '../../shared/styles'\nimport { ConditionalWrapper } from '../../util/react'\nimport { WebchatContext } from '../context'\n\nexport const ConditionalAnimation = props => {\n  const { getThemeProperty } = useContext(WebchatContext)\n\n  const animationsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableAnimations\n  )\n\n  return (\n    <ConditionalWrapper\n      condition={animationsEnabled}\n      wrapper={children => <Scale>{children}</Scale>}\n    >\n      {props.children}\n    </ConditionalWrapper>\n  )\n}\n"],"names":["useContext","WEBCHAT","Scale","ConditionalWrapper","WebchatContext","ConditionalAnimation","props","getThemeProperty","animationsEnabled","children"],"mappings":";;;;;;;;;;;;;;AAAkC;AAEO;AACE;AACU;AACV;AAEpC,MAAMK,oBAAoBA,GAAGC,CAAAA;IAClC,MAAM,EAAEC,gBAAgB,EAAE,GAAGP,UAAUA,CAACI,cAAcA;IAEtD,MAAMI,oBAAoBD,iBACxBN,0CAA0C;IAG5C,qBACE,IAACE,kBAAkBA;QACjB,WAAWK;QACX,SAASC,CAAAA,yBAAY,IAACP,KAAKA;0BAAEO;;kBAE5BH,MAAM,QAAQ;;AAGrB,EAAC"}