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

package/lib/cjs/webchat/custom-messages/rating/smileys.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Smileys = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("./icons");
-const SMILEY_MAP = {
-    1: icons_1.FaceAngrySvg,
-    2: icons_1.FaceFrownSvg,
-    3: icons_1.FaceMehSvg,
-    4: icons_1.FaceSmileSvg,
-    5: icons_1.FaceGrinBeamSvg,
-};
-const Smileys = ({ color, ratingNumber, hover }) => {
-    const isSelected = hover === ratingNumber;
-    const SmileyComponent = SMILEY_MAP[ratingNumber];
-    return SmileyComponent ? ((0, jsx_runtime_1.jsx)(SmileyComponent, { color: color, selected: isSelected })) : null;
-};
-exports.Smileys = Smileys;
-//# sourceMappingURL=smileys.js.map

package/lib/cjs/webchat/custom-messages/rating/smileys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"smileys.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/smileys.tsx"],"names":[],"mappings":";;;;AAAA,mCAMgB;AAGhB,MAAM,UAAU,GAAG;IACjB,CAAC,EAAE,oBAAY;IACf,CAAC,EAAE,oBAAY;IACf,CAAC,EAAE,kBAAU;IACb,CAAC,EAAE,oBAAY;IACf,CAAC,EAAE,uBAAe;CACV,CAAA;AAEH,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAmB,EAAE,EAAE;IACzE,MAAM,UAAU,GAAG,KAAK,KAAK,YAAY,CAAA;IACzC,MAAM,eAAe,GAAG,UAAU,CAAC,YAAuC,CAAC,CAAA;IAE3E,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,uBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAPY,QAAA,OAAO,WAOnB"}

package/lib/cjs/webchat/custom-messages/rating/stars.d.ts

@@ -1,2 +0,0 @@
-import type { RatingItemProps } from './types';
-export declare const Stars: ({ color, ratingNumber, hover }: RatingItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/webchat/custom-messages/rating/stars.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stars = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("./icons/index");
-const Stars = ({ color, ratingNumber, hover }) => {
-    const isSelected = hover >= ratingNumber;
-    return (0, jsx_runtime_1.jsx)(index_1.StarSvg, { color: color, selected: isSelected });
-};
-exports.Stars = Stars;
-//# sourceMappingURL=stars.js.map

package/lib/cjs/webchat/custom-messages/rating/stars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stars.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/stars.tsx"],"names":[],"mappings":";;;;AAAA,yCAAuC;AAGhC,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAmB,EAAE,EAAE;IACvE,MAAM,UAAU,GAAG,KAAK,IAAI,YAAY,CAAA;IACxC,OAAO,uBAAC,eAAO,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,GAAI,CAAA;AACxD,CAAC,CAAA;AAHY,QAAA,KAAK,SAGjB"}

package/lib/cjs/webchat/custom-messages/rating/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const MessageBubble: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-interface RatingSelectorContainerProps {
-    isSent?: boolean;
-}
-export declare const RatingSelectorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, RatingSelectorContainerProps, never>;
-export {};

package/lib/cjs/webchat/custom-messages/rating/styles.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RatingSelectorContainer = exports.MessageBubble = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-// TODO: Review how define all this styles
-exports.MessageBubble = styled_components_1.default.div `
-  margin: 0px 0px 5px 0px;
-`;
-exports.RatingSelectorContainer = styled_components_1.default.div `
-  display: flex;
-  justify-content: center;
-  gap: 8px;
-  margin-top: 16px;
-
-  & > div {
-    cursor: ${props => (props.isSent ? 'default' : 'pointer')};
-
-    svg {
-      height: 27px;
-      width: 27px;
-    }
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/lib/cjs/webchat/custom-messages/rating/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,0CAA0C;AAC7B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEtC,CAAA;AAMY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAA8B;;;;;;;cAOjE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;CAO5D,CAAA"}

package/lib/cjs/webchat/custom-messages/rating/types.d.ts

@@ -1,13 +0,0 @@
-export declare enum RatingType {
-    Stars = "stars",
-    Smileys = "smileys"
-}
-export interface RatingItemProps {
-    color: string;
-    ratingNumber: number;
-    hover: number;
-}
-export interface RatingIconProps {
-    color: string;
-    selected?: boolean;
-}

package/lib/cjs/webchat/custom-messages/rating/types.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RatingType = void 0;
-var RatingType;
-(function (RatingType) {
-    RatingType["Stars"] = "stars";
-    RatingType["Smileys"] = "smileys";
-})(RatingType || (exports.RatingType = RatingType = {}));
-//# sourceMappingURL=types.js.map

package/lib/cjs/webchat/custom-messages/rating/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,iCAAmB,CAAA;AACrB,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB"}

package/lib/cjs/webchat/devices/index.d.ts

@@ -1,11 +0,0 @@
-export const DEVICES: Readonly<{
-    MOBILE: {
-        IPHONE: string;
-        ANDROID: string;
-        WEBOS: string;
-        BLACKBERRY: string;
-        WINDOWS_PHONE: string;
-    };
-}>;
-export function isDevice(deviceName: any): boolean;
-export function isMobileDevice(): boolean;

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMobileDevice = exports.isDevice = exports.DEVICES = void 0;
-exports.DEVICES = Object.freeze({
-    MOBILE: {
-        IPHONE: 'iPhone',
-        ANDROID: 'Android',
-        WEBOS: 'webOS',
-        BLACKBERRY: 'BlackBerry',
-        WINDOWS_PHONE: 'Windows Phone',
-    },
-});
-const isDevice = deviceName => {
-    // https://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today
-    return (!!navigator.platform &&
-        navigator.platform.toLowerCase().includes(deviceName.toLowerCase()));
-};
-exports.isDevice = isDevice;
-const isMobileDevice = () => {
-    return Object.values(exports.DEVICES.MOBILE).some(deviceName => (0, exports.isDevice)(deviceName));
-};
-exports.isMobileDevice = isMobileDevice;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","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/webchat/header/default-header.d.ts

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

package/lib/cjs/webchat/header/default-header.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultHeader = 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 environment_1 = require("../../util/environment");
-const react_2 = require("../../util/react");
-const context_1 = require("../../webchat/context");
-const styles_2 = require("./styles");
-const DefaultHeader = () => {
-    const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
-    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
-    const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage));
-    const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle);
-    const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle);
-    const handleCloseWebchat = () => {
-        toggleWebchat(false);
-    };
-    const color = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor);
-    return ((0, jsx_runtime_1.jsxs)(styles_2.HeaderContainer, { role: constants_1.ROLES.HEADER, color: color, style: { ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle) }, children: [headerImage && ((0, jsx_runtime_1.jsx)(styles_2.ImageContainer, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(headerImage), alt: 'Header' }) })), (0, jsx_runtime_1.jsxs)(styles_2.TextContainer, { children: [(0, jsx_runtime_1.jsx)(styles_2.Title, { children: headerTitle }), headerSubtitle ? (0, jsx_runtime_1.jsx)(styles_2.Subtitle, { children: headerSubtitle }) : null] }), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }), children: (0, jsx_runtime_1.jsx)(styles_2.CloseHeader, { onClick: handleCloseWebchat, children: "\u2A2F" }) })] }));
-};
-exports.DefaultHeader = DefaultHeader;
-//# sourceMappingURL=default-header.js.map

package/lib/cjs/webchat/header/default-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-header.js","sourceRoot":"","sources":["../../../../src/webchat/header/default-header.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,+CAAgD;AAChD,gDAA2C;AAC3C,wDAAqD;AACrD,4CAAqD;AACrD,mDAAsD;AACtD,qCAOiB;AAEV,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAC3C,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE3E,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CACzC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEpE,OAAO,CACL,wBAAC,wBAAe,IACd,IAAI,EAAE,iBAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,aAEpE,WAAW,IAAI,CACd,uBAAC,uBAAc,cACb,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,WAAW,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,GACrC,CAClB,EACD,wBAAC,sBAAa,eACZ,uBAAC,cAAK,cAAE,WAAW,GAAS,EAC3B,cAAc,CAAC,CAAC,CAAC,uBAAC,iBAAQ,cAAE,cAAc,GAAY,CAAC,CAAC,CAAC,IAAI,IAChD,EAChB,uBAAC,0BAAkB,IACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,YAE9C,uBAAC,oBAAW,IAAC,OAAO,EAAE,kBAAkB,uBAAiB,GACtC,IACL,CACnB,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,aAAa,iBA+CzB"}

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

@@ -1 +0,0 @@
-export declare const WebchatHeader: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const context_1 = require("../../webchat/context");
-const constants_2 = require("../constants");
-const default_header_1 = require("./default-header");
-const styles_1 = require("./styles");
-exports.WebchatHeader = (0, react_1.forwardRef)((_, ref) => {
-    const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
-    const handleCloseWebchat = () => {
-        toggleWebchat(false);
-    };
-    const CustomHeader = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customHeader);
-    if (CustomHeader) {
-        return ((0, jsx_runtime_1.jsx)("div", { id: constants_2.BotonicContainerId.Header, ref: ref, children: (0, jsx_runtime_1.jsx)(CustomHeader, { onCloseClick: handleCloseWebchat }) }));
-    }
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledWebchatHeader, { id: constants_2.BotonicContainerId.Header, ref: ref, children: (0, jsx_runtime_1.jsx)(default_header_1.DefaultHeader, {}) }));
-});
-exports.WebchatHeader.displayName = 'WebchatHeader';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/header/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AAEjE,+CAAyC;AACzC,mDAAsD;AACtD,4CAAiD;AACjD,qDAAgD;AAChD,qCAA8C;AAEjC,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,CAAC,EAAE,GAAiC,EAAE,EAAE;IACvC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CACnC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CACvC,CAAA;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,gCAAK,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,YAC1C,uBAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,GAC9C,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,4BAAmB,IAAC,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,YAC1D,uBAAC,8BAAa,KAAG,GACG,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

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

@@ -1,7 +0,0 @@
-export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Subtitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CloseHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWebchatHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledWebchatHeader = exports.CloseHeader = exports.Subtitle = exports.Title = exports.TextContainer = exports.ImageContainer = exports.HeaderContainer = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../../constants");
-exports.HeaderContainer = styled_components_1.default.div `
-  display: flex;
-  background: linear-gradient(
-    90deg,
-    ${constants_1.COLORS.BLEACHED_CEDAR_PURPLE} 0%,
-    ${props => props.color} 100%
-  );
-  border-radius: ${props => props.theme.header?.style?.borderRadius};
-  z-index: 2;
-  height: inherit;
-
-  @media (max-width: ${props => props.theme.mobileBreakpoint}px) {
-    border-radius: ${props => props.theme.header?.mobileStyle?.borderRadius};
-  }
-`;
-exports.ImageContainer = styled_components_1.default.div `
-  padding: 10px;
-  align-items: center;
-
-  img {
-    width: 32px;
-    border-radius: 50%;
-  }
-`;
-exports.TextContainer = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex: 1 1 auto;
-`;
-exports.Title = styled_components_1.default.div `
-  display: flex;
-  font-family: inherit;
-  font-size: 15px;
-  font-weight: bold;
-  color: ${constants_1.COLORS.SOLID_WHITE};
-`;
-exports.Subtitle = styled_components_1.default.div `
-  display: flex;
-  font-family: inherit;
-  font-size: 11px;
-  color: ${constants_1.COLORS.SOLID_WHITE};
-`;
-exports.CloseHeader = styled_components_1.default.div `
-  padding: 0px 16px;
-  cursor: pointer;
-  color: ${constants_1.COLORS.SOLID_WHITE};
-  font-family: inherit;
-  font-size: 36px;
-`;
-exports.StyledWebchatHeader = styled_components_1.default.div `
-  border-radius: 8px 8px 0px 0px;
-  box-shadow: ${constants_1.COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
-  height: 55px;
-  flex: none;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/header/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;MAInC,kBAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY;;;;uBAI5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;qBACvC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY;;CAE1E,CAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQvC,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;WAKpB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIvB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG1B,kBAAM,CAAC,WAAW;;;CAG5B,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;gBAE7B,kBAAM,CAAC,0BAA0B;;;CAGhD,CAAA"}

package/lib/cjs/webchat/hooks/index.d.ts

@@ -1,10 +0,0 @@
-export { useComponentVisible } from './use-component-visible';
-export { useComponentWillMount } from './use-component-will-mount';
-export { useDeviceAdapter } from './use-device-adapter';
-export { usePrevious } from './use-previous';
-export { useScrollToBottom } from './use-scroll-to-bottom';
-export { useScrollbarController } from './use-scrollbar-controller';
-export { useTyping } from './use-typing';
-export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
-export { useWebchatDimensions } from './use-webchat-dimensions';
-export { useWebchatResizer } from './use-webchat-resizer';

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebchatResizer = exports.useWebchatDimensions = exports.useVirtualKeyboardDetection = exports.useTyping = exports.useScrollbarController = exports.useScrollToBottom = exports.usePrevious = exports.useDeviceAdapter = exports.useComponentWillMount = exports.useComponentVisible = void 0;
-var use_component_visible_1 = require("./use-component-visible");
-Object.defineProperty(exports, "useComponentVisible", { enumerable: true, get: function () { return use_component_visible_1.useComponentVisible; } });
-var use_component_will_mount_1 = require("./use-component-will-mount");
-Object.defineProperty(exports, "useComponentWillMount", { enumerable: true, get: function () { return use_component_will_mount_1.useComponentWillMount; } });
-var use_device_adapter_1 = require("./use-device-adapter");
-Object.defineProperty(exports, "useDeviceAdapter", { enumerable: true, get: function () { return use_device_adapter_1.useDeviceAdapter; } });
-var use_previous_1 = require("./use-previous");
-Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return use_previous_1.usePrevious; } });
-var use_scroll_to_bottom_1 = require("./use-scroll-to-bottom");
-Object.defineProperty(exports, "useScrollToBottom", { enumerable: true, get: function () { return use_scroll_to_bottom_1.useScrollToBottom; } });
-var use_scrollbar_controller_1 = require("./use-scrollbar-controller");
-Object.defineProperty(exports, "useScrollbarController", { enumerable: true, get: function () { return use_scrollbar_controller_1.useScrollbarController; } });
-var use_typing_1 = require("./use-typing");
-Object.defineProperty(exports, "useTyping", { enumerable: true, get: function () { return use_typing_1.useTyping; } });
-var use_virtual_keyboard_detection_1 = require("./use-virtual-keyboard-detection");
-Object.defineProperty(exports, "useVirtualKeyboardDetection", { enumerable: true, get: function () { return use_virtual_keyboard_detection_1.useVirtualKeyboardDetection; } });
-var use_webchat_dimensions_1 = require("./use-webchat-dimensions");
-Object.defineProperty(exports, "useWebchatDimensions", { enumerable: true, get: function () { return use_webchat_dimensions_1.useWebchatDimensions; } });
-var use_webchat_resizer_1 = require("./use-webchat-resizer");
-Object.defineProperty(exports, "useWebchatResizer", { enumerable: true, get: function () { return use_webchat_resizer_1.useWebchatResizer; } });
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,2DAAuD;AAA9C,sHAAA,gBAAgB,OAAA;AACzB,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,+DAA0D;AAAjD,yHAAA,iBAAiB,OAAA;AAC1B,uEAAmE;AAA1D,kIAAA,sBAAsB,OAAA;AAC/B,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,mFAA8E;AAArE,6IAAA,2BAA2B,OAAA;AACpC,mEAA+D;AAAtD,8HAAA,oBAAoB,OAAA;AAC7B,6DAAyD;AAAhD,wHAAA,iBAAiB,OAAA"}

package/lib/cjs/webchat/hooks/use-component-visible.d.ts

@@ -1,7 +0,0 @@
-interface ComponentVisible {
-    ref: React.RefObject<HTMLElement>;
-    isComponentVisible: boolean;
-    setIsComponentVisible: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export declare function useComponentVisible(initialIsVisible: boolean, onClickOutside: () => void): ComponentVisible;
-export {};

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComponentVisible = useComponentVisible;
-const react_1 = require("react");
-function useComponentVisible(initialIsVisible, onClickOutside) {
-    const [isComponentVisible, setIsComponentVisible] = (0, react_1.useState)(initialIsVisible);
-    const ref = (0, react_1.useRef)(null);
-    const handleClickOutside = event => {
-        const target = event.path ? event.path[0] : event.target;
-        if (ref.current && !ref.current.contains(target)) {
-            setIsComponentVisible(false);
-            onClickOutside();
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        document.addEventListener('click', handleClickOutside, false);
-        return () => {
-            document.removeEventListener('click', handleClickOutside, false);
-        };
-    });
-    return { ref, isComponentVisible, setIsComponentVisible };
-}
-//# sourceMappingURL=use-component-visible.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-visible.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-visible.ts"],"names":[],"mappings":";;AAQA,kDAoBC;AA5BD,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,CAAC;YACjD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;QAClB,CAAC;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"}

package/lib/cjs/webchat/hooks/use-component-will-mount.d.ts

@@ -1 +0,0 @@
-export declare const useComponentWillMount: (func: any) => void;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComponentWillMount = void 0;
-const react_1 = require("react");
-const useComponentWillMount = func => {
-    (0, react_1.useMemo)(func, []);
-};
-exports.useComponentWillMount = useComponentWillMount;
-//# sourceMappingURL=use-component-will-mount.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-will-mount.js","sourceRoot":"","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/webchat/hooks/use-device-adapter.d.ts

@@ -1,3 +0,0 @@
-export declare const useDeviceAdapter: (host: any, isWebchatOpen: any) => {
-    currentDevice: string;
-};

package/lib/cjs/webchat/hooks/use-device-adapter.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeviceAdapter = void 0;
-const react_1 = require("react");
-const devices_1 = require("../devices");
-const use_scroll_to_bottom_1 = require("./use-scroll-to-bottom");
-const use_scrollbar_controller_1 = require("./use-scrollbar-controller");
-const use_virtual_keyboard_detection_1 = require("./use-virtual-keyboard-detection");
-const use_webchat_resizer_1 = require("./use-webchat-resizer");
-function getCurrentDevice() {
-    const nav = navigator;
-    if (nav.userAgentData) {
-        return nav.userAgentData.platform;
-    }
-    return navigator.platform;
-}
-const useDeviceAdapter = (host, isWebchatOpen) => {
-    const currentDevice = getCurrentDevice();
-    const { scrollToBottom } = (0, use_scroll_to_bottom_1.useScrollToBottom)({ host });
-    const { isVirtualKeyboardVisible } = (0, use_virtual_keyboard_detection_1.useVirtualKeyboardDetection)(window.innerHeight);
-    const { handleKeyboardShown, handleKeyboardHidden } = (0, use_webchat_resizer_1.useWebchatResizer)();
-    const { handleScrollEvents } = (0, use_scrollbar_controller_1.useScrollbarController)(currentDevice, host);
-    (0, react_1.useEffect)(() => {
-        if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
-            return;
-        }
-        if (isVirtualKeyboardVisible) {
-            handleKeyboardShown();
-            scrollToBottom();
-        }
-        else {
-            handleKeyboardHidden();
-        }
-        return;
-    }, [isVirtualKeyboardVisible]);
-    (0, react_1.useEffect)(() => {
-        if (host && isWebchatOpen) {
-            if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
-                return;
-            }
-            handleScrollEvents();
-        }
-    }, [host, isWebchatOpen, handleScrollEvents]);
-    return {
-        currentDevice,
-    };
-};
-exports.useDeviceAdapter = useDeviceAdapter;
-//# sourceMappingURL=use-device-adapter.js.map

package/lib/cjs/webchat/hooks/use-device-adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-device-adapter.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-device-adapter.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAEjC,wCAAoC;AACpC,iEAA0D;AAC1D,yEAAmE;AACnE,qFAA8E;AAC9E,+DAAyD;AASzD,SAAS,gBAAgB;IACvB,MAAM,GAAG,GAAG,SAAuC,CAAA;IACnD,IAAI,GAAG,CAAC,aAAa,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAA;IACnC,CAAC;IACD,OAAO,SAAS,CAAC,QAAQ,CAAA;AAC3B,CAAC;AAEM,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,wCAAiB,EAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,IAAA,4DAA2B,EAC9D,MAAM,CAAC,WAAW,CACnB,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,GAAG,IAAA,uCAAiB,GAAE,CAAA;IAEzE,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,iDAAsB,EAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IAE1E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,iBAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC5C,OAAM;QACR,CAAC;QACD,IAAI,wBAAwB,EAAE,CAAC;YAC7B,mBAAmB,EAAE,CAAA;YACrB,cAAc,EAAE,CAAA;QAClB,CAAC;aAAM,CAAC;YACN,oBAAoB,EAAE,CAAA;QACxB,CAAC;QAED,OAAM;IACR,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;YAC1B,IAAI,aAAa,KAAK,iBAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;gBAC5C,OAAM;YACR,CAAC;YACD,kBAAkB,EAAE,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE7C,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,gBAAgB,oBAuC5B"}

package/lib/cjs/webchat/hooks/use-previous.d.ts

@@ -1 +0,0 @@
-export declare function usePrevious(value: any): any;

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = usePrevious;
-const react_1 = require("react");
-function usePrevious(value) {
-    const ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        ref.current = value;
-    });
-    return ref.current;
-}
-//# sourceMappingURL=use-previous.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":";;AAEA,kCAMC;AARD,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,KAAU;IACpC,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"}

package/lib/cjs/webchat/hooks/use-scroll-to-bottom.d.ts

@@ -1,9 +0,0 @@
-interface UseScrollToBottom {
-    host: any;
-    behavior?: ScrollBehavior;
-    timeout?: number;
-}
-export declare const useScrollToBottom: ({ host, behavior, timeout, }: UseScrollToBottom) => {
-    scrollToBottom: () => void;
-};
-export {};

package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollToBottom = void 0;
-const dom_1 = require("../../util/dom");
-const useScrollToBottom = ({ host, behavior = 'smooth', timeout = 200, }) => {
-    const scrollToBottom = () => {
-        const webchatElement = (0, dom_1.getWebchatElement)(host);
-        if (!webchatElement) {
-            return;
-        }
-        const scrollableMessagesListElement = (0, dom_1.getScrollableMessagesListElement)(host);
-        if (!scrollableMessagesListElement) {
-            return;
-        }
-        setTimeout(() => {
-            scrollableMessagesListElement.scrollTo({
-                top: scrollableMessagesListElement.scrollHeight,
-                behavior: behavior,
-            });
-        }, timeout);
-    };
-    return { scrollToBottom };
-};
-exports.useScrollToBottom = useScrollToBottom;
-//# sourceMappingURL=use-scroll-to-bottom.js.map

package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":";;;AAAA,wCAGuB;AAQhB,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACK,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAM;QACR,CAAC;QACD,MAAM,6BAA6B,GAAG,IAAA,sCAAgC,EAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B,EAAE,CAAC;YACnC,OAAM;QACR,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;gBAC/C,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA;AAxBY,QAAA,iBAAiB,qBAwB7B"}

package/lib/cjs/webchat/hooks/use-scrollbar-controller.d.ts

@@ -1,6 +0,0 @@
-export declare const useScrollbarController: (currentDevice: any, host: any) => {
-    handleScrollEvents: () => void;
-    handleOnTouchMoveEvents: () => void;
-    handleOnMouseOverEvents: (e: any) => void;
-    hasScrollbar: () => boolean;
-};