@botonic/react 0.24.2 → 0.25.0-alpha.0

package/lib/cjs/src/webchat/components/send-button.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const send_button_svg_1 = tslib_1.__importDefault(require("../../assets/send-button.svg"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const conditional_animation_1 = require("../components/conditional-animation");
+const common_1 = require("./common");
+const SendButton = ({ onClick }) => {
+    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const sendButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableSendButton, true);
+    const CustomSendButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customSendButton, undefined);
+    return (react_1.default.createElement(react_1.default.Fragment, null, sendButtonEnabled || CustomSendButton ? (react_1.default.createElement(conditional_animation_1.ConditionalAnimation, null,
+        react_1.default.createElement("div", { onClick: onClick, role: constants_1.ROLES.SEND_BUTTON_ICON }, CustomSendButton ? (react_1.default.createElement(CustomSendButton, null)) : (react_1.default.createElement(common_1.Icon, { src: send_button_svg_1.default }))))) : null));
+};
+exports.SendButton = SendButton;
+//# sourceMappingURL=send-button.js.map

package/lib/cjs/src/webchat/components/send-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-button.js","sourceRoot":"src/","sources":["src/webchat/components/send-button.jsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,8DACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,8BAAC,4CAAoB;QACnB,uCAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,IAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,8BAAC,gBAAgB,OAAG,CACrB,CAAC,CAAC,CAAC,CACF,8BAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,CACG,CACe,CACxB,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}

package/lib/cjs/src/webchat/components/styled-scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-scrollbar.js","sourceRoot":"src/","sources":["src/webchat/components/styled-scrollbar.jsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,mCAAgC;AAEhC,8EAAuC;AACvC,+EAA+C;AAE/C,+CAAwC;AAE3B,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,yBAAS,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,CACR,KAAK,CAAC,mBAAmB,KAAK,MAAM;IACpC,IAAA,uBAAG,EAAA;;;;;KAKF;;wBAEmB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK;IACnD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK;IACvB,CAAC,CAAC,GAAG,kBAAM,CAAC,IAAI,EAAE;wBACF,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO;IACrD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO;IACzB,CAAC,CAAC,GAAG,kBAAM,CAAC,IAAI,EAAE;qBACL,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACjC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM;IACpD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM;IACxB,CAAC,CAAC,MAAM;;;eAGD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAC3B,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM;IAC5B,CAAC,CAAC,GAAG;IACL,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO;QACzD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO;QACzB,CAAC,CAAC,MAAM;;;wBAGQ,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS;IACT,SAAS,CAAC,KAAK;IACf,SAAS,CAAC,KAAK,CAAC,KAAK;IACrB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK;IACvB,CAAC,CAAC,kBAAM,CAAC,WAAW;wBACJ,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS;IACT,SAAS,CAAC,KAAK;IACf,SAAS,CAAC,KAAK,CAAC,OAAO;IACvB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO;IACzB,CAAC,CAAC,kBAAM,CAAC,WAAW;qBACP,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACjC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM;IACpD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM;IACxB,CAAC,CAAC,MAAM;;CAEf,CAAA"}

package/lib/cjs/src/webchat/components/typing-indicator.d.ts

@@ -0,0 +1,2 @@
+export function TypingIndicator(props: any): React.JSX.Element;
+import React from "react";

package/lib/cjs/src/webchat/components/typing-indicator.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypingIndicator = void 0;
+const tslib_1 = require("tslib");
+require("./typing-indicator.scss");
+const react_1 = tslib_1.__importDefault(require("react"));
+const constants_1 = require("../../constants");
+const TypingIndicator = props => (react_1.default.createElement("div", { role: constants_1.ROLES.TYPING_INDICATOR, className: 'typing-indicator', style: { backgroundColor: constants_1.COLORS.SEASHELL_WHITE } },
+    react_1.default.createElement("span", null),
+    react_1.default.createElement("span", null),
+    react_1.default.createElement("span", null)));
+exports.TypingIndicator = TypingIndicator;
+//# sourceMappingURL=typing-indicator.js.map

package/lib/cjs/src/webchat/components/typing-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing-indicator.js","sourceRoot":"src/","sources":["src/webchat/components/typing-indicator.jsx"],"names":[],"mappings":";;;;AAAA,mCAAgC;AAEhC,0DAAyB;AAEzB,+CAA+C;AAExC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC,CACtC,uCACE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,eAAe,EAAE,kBAAM,CAAC,cAAc,EAAE;IAEjD,2CAAQ;IACR,2CAAQ;IACR,2CAAQ,CACJ,CACP,CAAA;AAVY,QAAA,eAAe,mBAU3B"}

package/lib/cjs/src/webchat/devices/device-adapter.d.ts

@@ -0,0 +1,12 @@
+export class DeviceAdapter {
+    currentDevice: any;
+    init(host: any): void;
+    webchatResizer: WebchatResizer | undefined;
+    scrollbarController: ScrollbarController | undefined;
+    getCurrentDevice(): any;
+    onFocus(host: any): void;
+    onBlur(): void;
+    fontSize(defaultFontSize?: number): number | "initial";
+}
+import { WebchatResizer } from "./webchat-resizer";
+import { ScrollbarController } from "./scrollbar-controller";

package/lib/cjs/src/webchat/devices/device-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-adapter.js","sourceRoot":"src/","sources":["src/webchat/devices/device-adapter.js"],"names":[],"mappings":";;;AAAA,wCAA+C;AAC/C,wBAA2B;AAC3B,iEAA4D;AAC5D,uDAAkD;AAElD,MAAa,aAAa;IACxB;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;IAC9C,CAAC;IAED,IAAI,CAAC,IAAI;QACP,IAAI,CAAC,cAAc,GAAG,IAAI,gCAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAClE,IAAI,CAAC,mBAAmB,GAAG,IAAI,0CAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,CAAA;IAC/C,CAAC;IAED,gBAAgB;QACd,+GAA+G;QAC/G,IAAI,SAAS,CAAC,aAAa;YAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;QACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;IAC3B,CAAC;IAED,OAAO,CAAC,IAAI;QACV,UAAU,CAAC,GAAG,EAAE;YACd,iNAAiN;YACjN,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,CAC/B,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CACnD,CAAA;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;IACP,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAA;QAC5B,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CAAA;IACpD,CAAC;IAED,QAAQ,CAAC,eAAe,GAAG,EAAE;QAC3B,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,eAAe,CAAA;QACxE,2HAA2H;QAC3H,OAAO,SAAS,CAAA;IAClB,CAAC;CACF;AArCD,sCAqCC"}

package/lib/cjs/src/webchat/devices/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["src/webchat/devices/index.js"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,eAAe;KAC/B;CACF,CAAC,CAAA;AAEK,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE;IACnC,sHAAsH;IACtH,OAAO,CACL,CAAC,CAAC,SAAS,CAAC,QAAQ;QACpB,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACpE,CAAA;AACH,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB;AAEM,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,MAAM,CAAC,MAAM,CAAC,eAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA;AAFY,QAAA,cAAc,kBAE1B"}

package/lib/cjs/src/webchat/devices/scrollbar-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar-controller.js","sourceRoot":"src/","sources":["src/webchat/devices/scrollbar-controller.js"],"names":[],"mappings":";;;AAAA,wCAIuB;AACvB,wBAA2C;AAE3C,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;IAC9B,IAAI,OAAO,CAAA;IACX,OAAO,UAAU,GAAG,IAAI;QACtB,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAA;SACtB;QACD,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,EAAE,CAAC,GAAG,IAAI,CAAC,CAAA;YACX,OAAO,GAAG,IAAI,CAAA;QAChB,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,OAAO,CAAC,EAAE;IAClC,IAAI,OAAO,CAAC,SAAS,KAAK,CAAC;QAAE,OAAO,CAAC,SAAS,GAAG,CAAC,CAAA;IAClD,IAAI,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,KAAK,OAAO,CAAC,YAAY;QACnE,OAAO,CAAC,SAAS,IAAI,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,MAAa,mBAAmB;IAC9B,YAAY,aAAa,EAAE,IAAI;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,OAAO,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,kBAAkB;QAChB;;;UAGE;QACF,IAAI,IAAA,iBAAc,GAAE,EAAE;YACpB,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;gBAAE,OAAM;YACxD,IAAI,CAAC,qBAAqB,EAAE,CAAA;YAC5B,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE;gBAC9B,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;YACjC,CAAC,CAAA;YACD,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE;gBAC7B,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;YACjC,CAAC,CAAA;SACF;aAAM;YACL,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;SAChE;IACH,CAAC;IAED,YAAY;QACV,MAAM,cAAc,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACtD,MAAM,YAAY,GAChB,cAAc,CAAC,OAAO,CAAC,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA;QAC5E,OAAO,YAAY,CAAA;IACrB,CAAC;IAED,uBAAuB,CAAC,CAAC;QACvB,IAAI,MAAM,GAAG,CAAC,CAAC,aAAa,CAAA;QAC5B,OAAO,MAAM,EAAE;YACb,IAAI,CAAC,wBAAwB,EAAE,CAAA;YAC/B,MAAM,GAAG,MAAM,CAAC,UAAU,CAAA;SAC3B;IACH,CAAC;IAED,wBAAwB;QACtB,MAAM,iBAAiB,GAAG,IAAA,0BAAoB,EAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC5D,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,iBAAiB,CAAC,YAAY,GAAG,EAAE,CAAA;YACnC,OAAM;SACP;QACD,iBAAiB,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAA;IAC1D,CAAC;IAED,uBAAuB,CAAC,CAAC;QACvB,IAAI,CAAC,uBAAuB,EAAE,CAAA;IAChC,CAAC;IAED,uBAAuB;QACrB,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAA;YAC7B,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,EAAE,CAAA;YAC9B,OAAM;SACP;QACD,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAA;QACtD,CAAC,CAAA;IACH,CAAC;IAED,qBAAqB;QACnB,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD;;;UAGE;QACF,MAAM,KAAK,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAA;QACrD,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAA;QAC5D,IAAI,KAAK,EAAE;YACT,IAAI,MAAM,CAAC,gBAAgB,EAAE;gBAC3B,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;aACxE;iBAAM,IAAI,MAAM,CAAC,WAAW,EAAE;gBAC7B,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAA;aAC7D;SACF;IACH,CAAC;CACF;AAhFD,kDAgFC"}

package/lib/cjs/src/webchat/devices/webchat-resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-resizer.js","sourceRoot":"src/","sources":["src/webchat/devices/webchat-resizer.js"],"names":[],"mappings":";;;AAAA,wCAAkE;AAClE,wBAA2B;AAE3B,MAAa,cAAc;IACzB,YAAY,aAAa,EAAE,IAAI;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,OAAO,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD;;;UAGE;QACF,MAAM,wBAAwB,GAAG,GAAG,CAAA;QACpC,MAAM,gCAAgC,GAAG,GAAG,EAAE;YAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;YAC/C,4GAA4G;YAC5G,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;gBACvD,MAAM,CAAC,WAAW,CAAA;YACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;YAC/D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;YAC/D,0BAA0B;gBACxB,YAAY,CAAC,0BAA0B,CAAC,GAAG,GAAG,CAAA;YAChD,OAAO,0BAA0B,CAAA;QACnC,CAAC,CAAA;QACD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,uBAAuB,CAAC,GAAG,gCAAgC,EAAE,GAAG,CAAC,CAAA;YACtE,4BAA4B;YAC5B,iBAAiB,EAAE,CAAA;QACrB,CAAC,EAAE,wBAAwB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAED,uBAAuB,CAAC,SAAS;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;IACvC,CAAC;CACF;AAzCD,wCAyCC"}

package/lib/cjs/src/webchat/header.d.ts

@@ -0,0 +1,4 @@
+export function DefaultHeader(props: any): React.JSX.Element;
+export function WebchatHeader(props: any): React.JSX.Element;
+export const StyledWebchatHeader: any;
+import React from "react";

package/lib/cjs/src/webchat/header.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledWebchatHeader = exports.WebchatHeader = exports.DefaultHeader = void 0;
+const tslib_1 = require("tslib");
+const framer_motion_1 = require("framer-motion");
+const react_1 = tslib_1.__importStar(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const contexts_1 = require("../contexts");
+const environment_1 = require("../util/environment");
+const react_2 = require("../util/react");
+const Header = styled_components_1.default.div `
+  display: flex;
+  background: linear-gradient(
+    90deg,
+    ${constants_1.COLORS.BLEACHED_CEDAR_PURPLE} 0%,
+    ${props => props.color} 100%
+  );
+  height: 55px;
+  border-radius: ${constants_1.WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
+  z-index: 2;
+`;
+const ImageContainer = styled_components_1.default.div `
+  padding: 10px;
+  align-items: center;
+`;
+const Image = styled_components_1.default.img `
+  width: 32px;
+  border-radius: 50%;
+`;
+const TextContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+`;
+const Title = styled_components_1.default.div `
+  display: flex;
+  font-family: inherit;
+  font-size: 15px;
+  font-weight: bold;
+  color: ${constants_1.COLORS.SOLID_WHITE};
+`;
+const Subtitle = styled_components_1.default.div `
+  display: flex;
+  font-family: inherit;
+  font-size: 11px;
+  color: ${constants_1.COLORS.SOLID_WHITE};
+`;
+const CloseHeader = styled_components_1.default.div `
+  padding: 0px 16px;
+  cursor: pointer;
+  color: ${constants_1.COLORS.SOLID_WHITE};
+  font-family: inherit;
+  font-size: 36px;
+`;
+const DefaultHeader = props => {
+    const { getThemeProperty } = props;
+    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
+    const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage, constants_1.WEBCHAT.DEFAULTS.LOGO));
+    const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle, constants_1.WEBCHAT.DEFAULTS.TITLE);
+    const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
+    return (react_1.default.createElement(Header, { role: constants_1.ROLES.HEADER, color: props.color, style: { ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle) } },
+        headerImage && (react_1.default.createElement(ImageContainer, null,
+            react_1.default.createElement(Image, { src: (0, environment_1.resolveImage)(headerImage) }))),
+        react_1.default.createElement(TextContainer, { ml: headerImage ? '0px' : '16px' },
+            react_1.default.createElement(Title, { mb: headerSubtitle ? '6px' : '0px' }, headerTitle),
+            react_1.default.createElement(Subtitle, null, headerSubtitle)),
+        react_1.default.createElement(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => (react_1.default.createElement(framer_motion_1.motion.div, { whileHover: { scale: 1.2 } }, children)) },
+            react_1.default.createElement(CloseHeader, { onClick: props.onCloseClick }, "\u2A2F"))));
+};
+exports.DefaultHeader = DefaultHeader;
+const WebchatHeader = props => {
+    const { webchatState, getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const handleCloseWebchat = event => {
+        props.onCloseClick(event.target.value);
+    };
+    const CustomHeader = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customHeader);
+    if (CustomHeader) {
+        return react_1.default.createElement(CustomHeader, { onCloseClick: handleCloseWebchat });
+    }
+    return (react_1.default.createElement(exports.DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor, constants_1.COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }));
+};
+exports.WebchatHeader = WebchatHeader;
+exports.StyledWebchatHeader = (0, styled_components_1.default)(exports.WebchatHeader) `
+  border-radius: 8px 8px 0px 0px;
+  box-shadow: ${constants_1.COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
+  height: 36px;
+  flex: none;
+`;
+//# sourceMappingURL=header.js.map

package/lib/cjs/src/webchat/header.js.map

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

package/lib/cjs/src/webchat/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["src/webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,6CAA+D;AAAtD,yGAAA,UAAU,OAAA;AAAE,kHAAA,mBAAmB,OAAA"}

package/lib/cjs/src/webchat/hooks/use-component-visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-visible.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-component-visible.ts"],"names":[],"mappings":";;;AAAA,iCAAmD;AAQnD,SAAgB,mBAAmB,CACjC,gBAAyB,EACzB,cAA0B;IAE1B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAA;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAChD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;SACjB;IACH,CAAC,CAAA;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC;AApBD,kDAoBC"}

package/lib/cjs/src/webchat/hooks/use-component-will-mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-will-mount.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-component-will-mount.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAExB,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,IAAA,eAAO,EAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA;AAFY,QAAA,qBAAqB,yBAEjC"}

package/lib/cjs/src/webchat/hooks/use-previous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-previous.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,KAAK;IAC/B,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAA;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC;AAND,kCAMC"}

package/lib/cjs/src/webchat/hooks/use-typing.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTyping = void 0;
+const react_1 = require("react");
+function useTyping({ webchatState, updateTyping, updateMessage, }) {
+    (0, react_1.useEffect)(() => {
+        let delayTimeout, typingTimeout;
+        try {
+            const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
+            if (nextMsg) {
+                if (nextMsg.delay && nextMsg.typing) {
+                    delayTimeout = setTimeout(() => updateTyping(true), nextMsg.delay * 1000);
+                }
+                else if (nextMsg.typing)
+                    updateTyping(true);
+                const totalDelay = nextMsg.delay + nextMsg.typing;
+                if (totalDelay)
+                    typingTimeout = setTimeout(() => {
+                        updateMessage({ ...nextMsg, display: true });
+                        updateTyping(false);
+                    }, totalDelay * 1000);
+            }
+        }
+        catch (e) { }
+        return () => {
+            clearTimeout(delayTimeout);
+            clearTimeout(typingTimeout);
+        };
+    }, [webchatState.messagesJSON, webchatState.typing]);
+}
+exports.useTyping = useTyping;
+//# sourceMappingURL=use-typing.js.map

package/lib/cjs/src/webchat/hooks/use-typing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-typing.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-typing.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAYjC,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,EAAE;gBACX,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;oBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;iBACF;qBAAM,IAAI,OAAO,CAAC,MAAM;oBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;gBAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACjD,IAAI,UAAU;oBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC9B,aAAa,CAAC,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;wBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;aACxB;SACF;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC;AA7BD,8BA6BC"}

package/lib/cjs/src/webchat/hooks/use-webchat.js.map

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

package/lib/cjs/src/webchat/index-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-types.js","sourceRoot":"src/","sources":["src/webchat/index-types.ts"],"names":[],"mappings":""}

package/lib/cjs/src/webchat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["src/webchat/index.ts"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC;AAED,wDAA6B"}

package/lib/cjs/src/webchat/message-list/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const WebchatMessageList: (props: any) => React.JSX.Element;

package/lib/cjs/src/webchat/message-list/index.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatMessageList = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const util_1 = require("../../util");
+const styled_scrollbar_1 = require("../components/styled-scrollbar");
+const typing_indicator_1 = require("../components/typing-indicator");
+const intro_message_1 = require("./intro-message");
+const scroll_button_1 = require("./scroll-button");
+const styles_1 = require("./styles");
+const unread_messages_banner_1 = require("./unread-messages-banner");
+const WebchatMessageList = props => {
+    const { webchatState, getThemeProperty, resetUnreadMessages, setLastMessageVisible, } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const scrollbarOptions = {
+        ...{ enable: true, autoHide: true },
+        ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar),
+    };
+    const [firstUnreadMessageId, setFirstUnreadMessageId] = (0, react_1.useState)();
+    const lastMessageRef = (0, react_1.useRef)(null);
+    const handleScrollToBottom = () => {
+        resetUnreadMessages();
+        (0, util_1.scrollToBottom)({ host: props.host });
+    };
+    const showUnreadMessagesBanner = (messageComponentId) => firstUnreadMessageId &&
+        messageComponentId === firstUnreadMessageId &&
+        webchatState.numUnreadMessages > 0;
+    const unreadMessagesBannerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const firstUnreadMessage = webchatState.messagesComponents.find(message => message.props.isUnread);
+        setFirstUnreadMessageId(firstUnreadMessage?.props?.id);
+    }, [webchatState.messagesComponents]);
+    (0, react_1.useEffect)(() => {
+        if (webchatState.messagesComponents.length > 0 && lastMessageRef.current) {
+            const observer = new IntersectionObserver(entries => {
+                entries.forEach(entry => {
+                    setLastMessageVisible(entry.isIntersecting);
+                });
+            });
+            observer.observe(lastMessageRef.current);
+        }
+    }, [webchatState.messagesComponents]);
+    (0, react_1.useEffect)(() => {
+        if (webchatState.isLastMessageVisible && webchatState.typing) {
+            (0, util_1.scrollToBottom)({ host: props.host });
+        }
+        if (webchatState.isLastMessageVisible) {
+            (0, util_1.scrollToBottom)({ host: props.host });
+        }
+    }, [webchatState.typing, webchatState.isLastMessageVisible]);
+    (0, react_1.useEffect)(() => {
+        if (firstUnreadMessageId) {
+            if (unreadMessagesBannerRef.current) {
+                unreadMessagesBannerRef.current.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center',
+                });
+                return;
+            }
+        }
+        else if (lastMessageRef.current) {
+            lastMessageRef.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'end',
+            });
+            return;
+        }
+    }, [firstUnreadMessageId]);
+    const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(styled_scrollbar_1.StyledScrollbar, { role: constants_1.ROLES.MESSAGE_LIST, 
+            // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
+            id: 'botonic-scrollable-content', scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, ismessagescontainer: true.toString(), style: {
+                ...props.style,
+            } },
+            react_1.default.createElement(intro_message_1.IntroMessage, null),
+            webchatState.messagesComponents.map((messageComponent, index) => {
+                return (react_1.default.createElement(styles_1.ContainerMessage, { role: constants_1.ROLES.MESSAGE, key: index },
+                    showUnreadMessagesBanner(messageComponent.props.id) && (react_1.default.createElement(unread_messages_banner_1.UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })),
+                    index === webchatState.messagesComponents.length - 1 && (react_1.default.createElement("div", { ref: lastMessageRef, style: { content: '' } })),
+                    messageComponent));
+            }),
+            webchatState.typing && react_1.default.createElement(typing_indicator_1.TypingIndicator, null)),
+        showScrollButton && react_1.default.createElement(scroll_button_1.ScrollButton, { handleClick: handleScrollToBottom })));
+};
+exports.WebchatMessageList = WebchatMessageList;
+//# sourceMappingURL=index.js.map

package/lib/cjs/src/webchat/message-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["src/webchat/message-list/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAAsE;AAEtE,+CAAgD;AAChD,6CAA+C;AAC/C,qCAA2C;AAC3C,qEAAgE;AAChE,qEAAgE;AAChE,mDAA8C;AAC9C,mDAA8C;AAC9C,qCAA2C;AAC3C,qEAA+D;AAExD,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACxC,MAAM,EACJ,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,GACtB,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE9B,MAAM,gBAAgB,GAAG;QACvB,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnC,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC;KACzD,CAAA;IAED,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAA;IAElE,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAEnD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,mBAAmB,EAAE,CAAA;QACrB,IAAA,qBAAc,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IACtC,CAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,CAAC,kBAA0B,EAAE,EAAE,CAC9D,oBAAoB;QACpB,kBAAkB,KAAK,oBAAoB;QAC3C,YAAY,CAAC,iBAAiB,GAAG,CAAC,CAAA;IAEpC,MAAM,uBAAuB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAC7D,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAClC,CAAA;QACD,uBAAuB,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE;YACxE,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE;gBAClD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACtB,qBAAqB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;gBAC7C,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;SACzC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,oBAAoB,IAAI,YAAY,CAAC,MAAM,EAAE;YAC5D,IAAA,qBAAc,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;SACrC;QACD,IAAI,YAAY,CAAC,oBAAoB,EAAE;YACrC,IAAA,qBAAc,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;SACrC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,oBAAoB,EAAE;YACxB,IAAI,uBAAuB,CAAC,OAAO,EAAE;gBACnC,uBAAuB,CAAC,OAAO,CAAC,cAAc,CAAC;oBAC7C,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,QAAQ;iBAChB,CAAC,CAAA;gBACF,OAAM;aACP;SACF;aAAM,IAAI,cAAc,CAAC,OAAO,EAAE;YACjC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC;gBACpC,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,KAAK;aACb,CAAC,CAAA;YACF,OAAM;SACP;IACH,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAE1B,MAAM,gBAAgB,GACpB,YAAY,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAA;IAE1E,OAAO,CACL;QACE,8BAAC,kCAAe,IACd,IAAI,EAAE,iBAAK,CAAC,YAAY;YACxB,gGAAgG;YAChG,EAAE,EAAC,4BAA4B,EAC/B,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,EAAE,EACpC,KAAK,EAAE;gBACL,GAAG,KAAK,CAAC,KAAK;aACf;YAED,8BAAC,4BAAY,OAAG;YACf,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE;gBAC/D,OAAO,CACL,8BAAC,yBAAgB,IAAC,IAAI,EAAE,iBAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK;oBAC9C,wBAAwB,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CACtD,8BAAC,6CAAoB,IACnB,uBAAuB,EAAE,uBAAuB,GAChD,CACH;oBAEA,KAAK,KAAK,YAAY,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,uCAAK,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,GAAQ,CACzD;oBACA,gBAAgB,CACA,CACpB,CAAA;YACH,CAAC,CAAC;YACD,YAAY,CAAC,MAAM,IAAI,8BAAC,kCAAe,OAAG,CAC3B;QACjB,gBAAgB,IAAI,8BAAC,4BAAY,IAAC,WAAW,EAAE,oBAAoB,GAAI,CACvE,CACJ,CAAA;AACH,CAAC,CAAA;AAhHY,QAAA,kBAAkB,sBAgH9B"}

package/lib/cjs/src/webchat/message-list/intro-message.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const IntroMessage: () => React.JSX.Element | null;

package/lib/cjs/src/webchat/message-list/intro-message.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IntroMessage = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Fade_1 = tslib_1.__importDefault(require("react-reveal/Fade"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const environment_1 = require("../../util/environment");
+const react_2 = require("../../util/react");
+const styles_1 = require("./styles");
+const IntroMessage = () => {
+    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
+    const CustomIntro = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customIntro);
+    const introImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introImage);
+    const introStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introStyle);
+    const DefaultIntro = introImage && (react_1.default.createElement(styles_1.DefaultIntroImage, { style: {
+            ...introStyle,
+        }, src: (0, environment_1.resolveImage)(introImage) }));
+    return CustomIntro || DefaultIntro ? (react_1.default.createElement(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => react_1.default.createElement(Fade_1.default, null, children) }, CustomIntro ? react_1.default.createElement(CustomIntro, null) : DefaultIntro)) : null;
+};
+exports.IntroMessage = IntroMessage;
+//# sourceMappingURL=intro-message.js.map

package/lib/cjs/src/webchat/message-list/intro-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intro-message.js","sourceRoot":"src/","sources":["src/webchat/message-list/intro-message.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,qEAAoC;AAEpC,+CAAyC;AACzC,6CAA+C;AAC/C,wDAAqD;AACrD,4CAAqD;AACrD,qCAA4C;AAErC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,8BAAC,0BAAiB,IAChB,KAAK,EAAE;YACL,GAAG,UAAU;SACd,EACD,GAAG,EAAE,IAAA,0BAAY,EAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnC,8BAAC,0BAAkB,IACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,8BAAC,cAAI,QAAE,QAAQ,CAAQ,IAE3C,WAAW,CAAC,CAAC,CAAC,8BAAC,WAAW,OAAG,CAAC,CAAC,CAAC,YAAY,CAC1B,CACtB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}

package/lib/cjs/src/webchat/message-list/scroll-button.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const arrow_scroll_down_svg_1 = tslib_1.__importDefault(require("../../assets/arrow-scroll-down.svg"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const environment_1 = require("../../util/environment");
+const styles_1 = require("./styles");
+const use_debounce_1 = require("./use-debounce");
+const ScrollButton = ({ handleClick, }) => {
+    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const show = (0, use_debounce_1.useDebounce)();
+    const CustomScrollButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollButtonCustom, undefined);
+    const scrollButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollButtonEnabled, CustomScrollButton);
+    return (react_1.default.createElement(react_1.default.Fragment, null, scrollButtonEnabled && show ? (react_1.default.createElement(react_1.default.Fragment, null, CustomScrollButton ? (react_1.default.createElement(CustomScrollButton, { handleScrollToBottom: handleClick })) : (react_1.default.createElement(styles_1.ContainerScrollButton, { onClick: handleClick },
+        react_1.default.createElement("img", { src: (0, environment_1.resolveImage)(arrow_scroll_down_svg_1.default) }))))) : null));
+};
+exports.ScrollButton = ScrollButton;
+//# sourceMappingURL=scroll-button.js.map

package/lib/cjs/src/webchat/message-list/scroll-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-button.js","sourceRoot":"src/","sources":["src/webchat/message-list/scroll-button.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AAEzC,uGAAgE;AAChE,+CAAyC;AACzC,6CAA+C;AAC/C,wDAAqD;AACrD,qCAAgD;AAChD,iDAA4C;AAMrC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,GACO,EAAe,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG,IAAA,0BAAW,GAAE,CAAA;IAE1B,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,kBAAkB,CACnB,CAAA;IAED,OAAO,CACL,8DACG,mBAAmB,IAAI,IAAI,CAAC,CAAC,CAAC,CAC7B,8DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,8BAAC,kBAAkB,IAAC,oBAAoB,EAAE,WAAW,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,8BAAC,8BAAqB,IAAC,OAAO,EAAE,WAAW;QACzC,uCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,+BAAe,CAAC,GAAI,CACrB,CACzB,CACA,CACJ,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,YAAY,gBAgCxB"}

package/lib/cjs/src/webchat/message-list/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"src/","sources":["src/webchat/message-list/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;CAc9C,CAAA;AAEY,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtD,CAAA"}

package/lib/cjs/src/webchat/message-list/unread-messages-banner.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnreadMessagesBanner = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const arrow_down_svg_1 = tslib_1.__importDefault(require("../../assets/arrow-down.svg"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const environment_1 = require("../../util/environment");
+const styles_1 = require("./styles");
+const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
+    const { getThemeProperty, webchatState } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const CustomUnreadMessagesBanner = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerCustom, undefined);
+    const notificationsBannerEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerEnabled, undefined);
+    const notificationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, CustomUnreadMessagesBanner || notificationsBannerEnabled);
+    const text = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerText, 'unread messages');
+    (0, react_1.useEffect)(() => {
+        if (webchatState.isWebchatOpen && unreadMessagesBannerRef.current) {
+            unreadMessagesBannerRef.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+            });
+        }
+    }, [webchatState.isWebchatOpen, unreadMessagesBannerRef]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, notificationsEnabled ? (react_1.default.createElement("div", { ref: unreadMessagesBannerRef }, CustomUnreadMessagesBanner ? (react_1.default.createElement(CustomUnreadMessagesBanner, null)) : (react_1.default.createElement(styles_1.ContainerUnreadMessagesBanner, null,
+        react_1.default.createElement("img", { src: (0, environment_1.resolveImage)(arrow_down_svg_1.default) }),
+        webchatState.numUnreadMessages,
+        " ",
+        text)))) : null));
+};
+exports.UnreadMessagesBanner = UnreadMessagesBanner;
+//# sourceMappingURL=unread-messages-banner.js.map

package/lib/cjs/src/webchat/message-list/unread-messages-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread-messages-banner.js","sourceRoot":"src/","sources":["src/webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AAEpD,yFAAmD;AACnD,+CAAyC;AACzC,6CAA+C;AAC/C,wDAAqD;AACrD,qCAAwD;AAMjD,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAErE,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,yBAAyB,EACnD,SAAS,CACV,CAAA;IAED,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,EACpD,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,0BAA0B,IAAI,0BAA0B,CACzD,CAAA;IAED,MAAM,IAAI,GAAG,gBAAgB,CAC3B,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,aAAa,IAAI,uBAAuB,CAAC,OAAO,EAAE;YACjE,uBAAuB,CAAC,OAAO,CAAC,cAAc,CAAC;gBAC7C,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,QAAQ;aAChB,CAAC,CAAA;SACH;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEzD,OAAO,CACL,8DACG,oBAAoB,CAAC,CAAC,CAAC,CACtB,uCAAK,GAAG,EAAE,uBAAuB,IAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,8BAAC,0BAA0B,OAAG,CAC/B,CAAC,CAAC,CAAC,CACF,8BAAC,sCAA6B;QAC5B,uCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,wBAAS,CAAC,GAAI;QACpC,YAAY,CAAC,iBAAiB;;QAAG,IAAI,CACR,CACjC,CACG,CACP,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAlDY,QAAA,oBAAoB,wBAkDhC"}

package/lib/cjs/src/webchat/message-list/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","sourceRoot":"src/","sources":["src/webchat/message-list/use-debounce.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,SAAgB,WAAW,CAAC,KAAc;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,CAAA;QAEhB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC;AAbD,kCAaC"}

package/lib/cjs/src/webchat/messages-reducer.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messagesReducer = void 0;
+const actions_1 = require("./actions");
+const messagesReducer = (state, action) => {
+    switch (action.type) {
+        case actions_1.WebchatAction.ADD_MESSAGE:
+            return addMessageReducer(state, action);
+        case actions_1.WebchatAction.ADD_MESSAGE_COMPONENT:
+            return addMessageComponent(state, action);
+        case actions_1.WebchatAction.UPDATE_MESSAGE:
+            return updateMessageReducer(state, action);
+        case actions_1.WebchatAction.UPDATE_REPLIES:
+            return { ...state, replies: action.payload };
+        case actions_1.WebchatAction.CLEAR_MESSAGES:
+            return {
+                ...state,
+                messagesJSON: [],
+                messagesComponents: [],
+                numUnreadMessages: 0,
+            };
+        case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:
+            return {
+                ...state,
+                lastMessageUpdate: action.payload,
+            };
+        case actions_1.WebchatAction.RESET_UNREAD_MESSAGES:
+            return resetUnreadMessages(state);
+        case actions_1.WebchatAction.SET_LAST_MESSAGE_VISIBLE:
+            return {
+                ...state,
+                isLastMessageVisible: action.payload,
+            };
+        default:
+            throw new Error();
+    }
+};
+exports.messagesReducer = messagesReducer;
+function addMessageComponent(state, action) {
+    const messageComponent = action.payload;
+    const isUnreadMessage = messageComponent.props?.isUnread &&
+        messageComponent.props?.sent_by !== 'user';
+    const numUnreadMessages = isUnreadMessage
+        ? state.numUnreadMessages + 1
+        : state.numUnreadMessages;
+    return {
+        ...state,
+        messagesComponents: [...(state.messagesComponents || []), messageComponent],
+        numUnreadMessages,
+    };
+}
+function resetUnreadMessages(state) {
+    const messagesComponents = state.messagesComponents.map(messageComponent => {
+        if (messageComponent.props.isUnread) {
+            messageComponent = {
+                ...messageComponent,
+                props: { ...messageComponent.props, isUnread: false },
+            };
+        }
+        return messageComponent;
+    });
+    const messagesJSON = state.messagesJSON.map(messageJSON => {
+        if (messageJSON.isUnread) {
+            messageJSON.isUnread = false;
+        }
+        return messageJSON;
+    });
+    return {
+        ...state,
+        messagesComponents,
+        messagesJSON,
+        numUnreadMessages: 0,
+    };
+}
+function updateMessageReducer(state, action) {
+    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(action.payload.id);
+    if (msgIndex > -1) {
+        const msgComponent = state.messagesComponents[msgIndex];
+        let updatedMessageComponents = {};
+        if (msgComponent) {
+            const updatedMsgComponent = {
+                ...msgComponent,
+                ...{
+                    props: { ...msgComponent.props, ack: action.payload.ack },
+                },
+            };
+            updatedMessageComponents = {
+                messagesComponents: [
+                    ...state.messagesComponents.slice(0, msgIndex),
+                    { ...updatedMsgComponent },
+                    ...state.messagesComponents.slice(msgIndex + 1),
+                ],
+            };
+        }
+        const numUnreadMessages = state.messagesComponents.filter(messageComponent => messageComponent.props.isUnread).length;
+        return {
+            ...state,
+            messagesJSON: [
+                ...state.messagesJSON.slice(0, msgIndex),
+                { ...action.payload },
+                ...state.messagesJSON.slice(msgIndex + 1),
+            ],
+            ...updatedMessageComponents,
+            numUnreadMessages,
+        };
+    }
+    return state;
+}
+function addMessageReducer(state, action) {
+    if (state.messagesJSON &&
+        state.messagesJSON.find(m => m.id === action.payload.id))
+        return state;
+    return {
+        ...state,
+        messagesJSON: [...(state.messagesJSON || []), action.payload],
+    };
+}
+//# sourceMappingURL=messages-reducer.js.map

package/lib/cjs/src/webchat/messages-reducer.js.map

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

package/lib/cjs/src/webchat/replies.d.ts

@@ -0,0 +1,2 @@
+export function WebchatReplies(props: any): React.JSX.Element;
+import React from "react";