@microsoft/omnichannel-chat-components 0.1.0-main.3e712be

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/common/defaultStyles/componentOverridesStyleProps.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.componentOverridesStyleProps = void 0;
+const componentOverridesStyleProps = {
+  generalStyleProps: {
+    background: "#BFB5B5",
+    padding: "5px",
+    minHeight: "60px",
+    borderRadius: "4px 4px 4px 4px",
+    width: "50%"
+  },
+  audioCallButtonStyleProps: {
+    borderRadius: "50%",
+    color: "white",
+    backgroundColor: "green"
+  },
+  audioCallButtonHoverStyleProps: {
+    filter: "brightness(0.8)"
+  },
+  videoCallButtonStyleProps: {
+    borderRadius: "50%",
+    color: "white",
+    backgroundColor: "green"
+  },
+  videoCallButtonHoverStyleProps: {
+    filter: "brightness(0.8)"
+  },
+  declineCallButtonHoverStyleProps: {
+    filter: "brightness(0.8)"
+  },
+  declineCallButtonStyleProps: {
+    borderRadius: "50%",
+    color: "white",
+    backgroundColor: "red",
+    marginLeft: "5px"
+  },
+  incomingCallTitleStyleProps: {
+    margin: "0 5px",
+    color: "white",
+    fontSize: 12,
+    fontFamily: "Segoe UI, Arial, sans-serif"
+  },
+  itemFocusStyleProps: {
+    outline: "2px solid #fff"
+  }
+};
+exports.componentOverridesStyleProps = componentOverridesStyleProps;

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/common/defaultStyles/defaultIncomingCallStyleProps.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultIncomingCallStyleProps = void 0;
+const defaultIncomingCallStyleProps = {
+  generalStyleProps: {
+    background: "#000",
+    padding: "5px",
+    height: "60px"
+  },
+  audioCallButtonStyleProps: {
+    borderRadius: "50%",
+    color: "white",
+    backgroundColor: "green",
+    lineHeight: "40px",
+    height: "40px",
+    width: "40px",
+    fontSize: 18
+  },
+  audioCallButtonHoverStyleProps: {
+    filter: "brightness(0.8)"
+  },
+  videoCallButtonStyleProps: {
+    borderRadius: "50%",
+    color: "white",
+    backgroundColor: "green",
+    lineHeight: "40px",
+    height: "40px",
+    width: "40px",
+    fontSize: 18
+  },
+  videoCallButtonHoverStyleProps: {
+    filter: "brightness(0.8)"
+  },
+  declineCallButtonHoverStyleProps: {
+    filter: "brightness(0.8)",
+    border: "1px solid #000"
+  },
+  declineCallButtonStyleProps: {
+    borderRadius: "50%",
+    color: "white",
+    backgroundColor: "red",
+    lineHeight: "40px",
+    height: "40px",
+    width: "40px",
+    fontSize: 18,
+    marginLeft: "5px"
+  },
+  incomingCallTitleStyleProps: {
+    margin: "0 5px",
+    color: "white",
+    fontSize: 12,
+    fontFamily: "Segoe UI, Arial, sans-serif"
+  },
+  itemFocusStyleProps: {
+    outline: "2px solid white"
+  }
+};
+exports.defaultIncomingCallStyleProps = defaultIncomingCallStyleProps;

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/interfaces/IIncomingCallComponentOverrides.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/interfaces/IIncomingCallControlProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/interfaces/IIncomingCallProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/interfaces/IIncomingCallStyleProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/callingcontainer/subcomponents/Timer/ITimer.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/callingcontainer/subcomponents/Timer/Timer.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@fluentui/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _utils = require("../../../../common/utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function Timer(props) {
+  const [time, setTime] = (0, _react2.useState)(0);
+  const running = true;
+  const timerStyles = {
+    root: props.timerStyles
+  };
+  (0, _react2.useEffect)(() => {
+    const interval = setInterval(() => {
+      setTime(prevTime => prevTime + 1000);
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [running]);
+  return /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    styles: timerStyles
+  }, props.showHours && (0, _utils.getHours)(time) + ":", (0, _utils.getMinutes)(time), ":", (0, _utils.getSeconds)(time));
+}
+
+var _default = Timer;
+exports.default = _default;

package/lib/cjs/components/chatbutton/ChatButton.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@fluentui/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _BroadcastService = require("../../services/BroadcastService");
+
+var _Constants = require("../../common/Constants");
+
+var _decodeComponentString = require("../../common/decodeComponentString");
+
+var _defaultChatButtonControlProps = require("./common/defaultProps/defaultChatButtonControlProps");
+
+var _defaultChatButtonGeneralStyles = require("./common/defaultStyles/defaultChatButtonGeneralStyles");
+
+var _defaultChatButtonIconContainerStyles = require("./common/defaultStyles/defaultChatButtonIconContainerStyles");
+
+var _defaultChatButtonNotificationBubbleStyles = require("./common/defaultStyles/defaultChatButtonNotificationBubbleStyles");
+
+var _defaultChatButtonSubTitleStyles = require("./common/defaultStyles/defaultChatButtonSubTitleStyles");
+
+var _defaultChatButtonTextContainerStyles = require("./common/defaultStyles/defaultChatButtonTextContainerStyles");
+
+var _defaultChatButtonTitleStyles = require("./common/defaultStyles/defaultChatButtonTitleStyles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function NotificationBubble(props, parentId) {
+  var _props$styleProps, _props$controlProps, _props$componentOverr, _props$styleProps2, _props$styleProps2$cl;
+
+  const notificationBubbleStyles = {
+    root: Object.assign({}, _defaultChatButtonNotificationBubbleStyles.defaultChatButtonNotificationBubbleStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.notificationBubbleStyleProps)
+  };
+  const unreadMessageCount = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.unreadMessageCount) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.unreadMessageCount);
+  return (0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.notificationBubble) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    styles: notificationBubbleStyles,
+    className: (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : (_props$styleProps2$cl = _props$styleProps2.classNames) === null || _props$styleProps2$cl === void 0 ? void 0 : _props$styleProps2$cl.notificationBubbleClassName,
+    id: parentId + "-notification-bubble"
+  }, unreadMessageCount);
+}
+
+function IconContainer(props, parentId) {
+  var _props$styleProps3, _props$componentOverr2, _props$styleProps4, _props$styleProps4$cl;
+
+  const iconContainerStyles = {
+    root: Object.assign({}, _defaultChatButtonIconContainerStyles.defaultChatButtonIconContainerStyles, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.iconStyleProps)
+  };
+  return (0, _decodeComponentString.decodeComponentString)((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.iconContainer) || /*#__PURE__*/_react2.default.createElement(_react.Icon, {
+    className: (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cl = _props$styleProps4.classNames) === null || _props$styleProps4$cl === void 0 ? void 0 : _props$styleProps4$cl.iconContainerClassName,
+    styles: iconContainerStyles,
+    id: parentId + "-icon-container"
+  });
+}
+
+function TextContainer(props, parentId) {
+  var _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps2, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$controlProps6, _props$controlProps7, _props$componentOverr3, _props$styleProps8, _props$styleProps8$cl, _props$componentOverr4, _props$styleProps9, _props$styleProps9$cl, _props$componentOverr5, _props$styleProps10, _props$styleProps10$c;
+
+  const textContainerStyles = {
+    root: Object.assign({}, _defaultChatButtonTextContainerStyles.defaultChatButtonTextContainerStyles, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.textContainerStyleProps)
+  };
+  const titleStyles = {
+    root: Object.assign({}, _defaultChatButtonTitleStyles.defaultChatButtonTitleStyles, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.titleStyleProps)
+  };
+  const subtitleStyles = {
+    root: Object.assign({}, _defaultChatButtonSubTitleStyles.defaultChatButtonSubTitleStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.subtitleStyleProps)
+  };
+  const hideChatTitle = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.hideChatTitle) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatTitle);
+  const hideChatSubtitle = ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.hideChatSubtitle) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatSubtitle);
+  const titleDir = ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.dir) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.dir);
+  const titleText = ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.titleText) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.titleText);
+  const subtitleDir = ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.dir) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.dir);
+  const subtitleText = ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.subtitleText) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.subtitleText);
+  return (0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.textContainer) || /*#__PURE__*/_react2.default.createElement(_react.Stack, {
+    styles: textContainerStyles,
+    className: (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cl = _props$styleProps8.classNames) === null || _props$styleProps8$cl === void 0 ? void 0 : _props$styleProps8$cl.textContainerClassName,
+    id: parentId + "-text-container"
+  }, !hideChatTitle && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.title) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    styles: titleStyles,
+    dir: titleDir,
+    className: (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : (_props$styleProps9$cl = _props$styleProps9.classNames) === null || _props$styleProps9$cl === void 0 ? void 0 : _props$styleProps9$cl.titleClassName,
+    id: parentId + "-title",
+    title: titleText
+  }, titleText)), !hideChatSubtitle && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.subtitle) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    styles: subtitleStyles,
+    dir: subtitleDir,
+    className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : (_props$styleProps10$c = _props$styleProps10.classNames) === null || _props$styleProps10$c === void 0 ? void 0 : _props$styleProps10$c.subtitleClassName,
+    id: parentId + "-subtitle",
+    title: subtitleText
+  }, subtitleText)));
+}
+
+function ChatButton(props) {
+  var _props$controlProps8, _props$controlProps9, _props$controlProps10, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$controlProps14, _props$controlProps15, _props$styleProps11;
+
+  const elementId = ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.id) ?? "lcw-components-chat-button";
+  const defaultAriaLabel = ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.ariaLabel) ?? "live chat button";
+  const defaultRole = ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.role) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.role);
+  const containersDir = ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.dir) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.dir);
+  const hideChatButton = ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.hideChatButton) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatButton);
+  const hideChatIcon = ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.hideChatIcon) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatIcon);
+  const hideChatTextContainer = ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.hideChatTextContainer) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatTextContainer);
+  const hideNotificationBubble = ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.hideNotificationBubble) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideNotificationBubble);
+  const chatButtonGroupStyles = {
+    root: Object.assign({}, _defaultChatButtonGeneralStyles.defaultChatButtonGeneralStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.generalStyleProps)
+  };
+  const handleInitiateChatClick = (0, _react2.useCallback)(() => {
+    var _props$controlProps16;
+
+    if ((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.onClick) {
+      const customEvent = {
+        elementType: _Constants.ElementType.ChatButton,
+        elementId: elementId,
+        eventName: "OnClick"
+      };
+
+      _BroadcastService.BroadcastService.postMessage(customEvent);
+
+      props.controlProps.onClick();
+    }
+  }, []); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  const handleInputKeyDown = e => {
+    if (e.code === _Constants.KeyCodes.ENTER || e.code === _Constants.KeyCodes.SPACE) {
+      handleInitiateChatClick();
+    }
+  };
+
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, !hideChatButton && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
+    horizontal: true,
+    id: elementId,
+    dir: containersDir,
+    styles: chatButtonGroupStyles,
+    tabIndex: 0,
+    role: defaultRole,
+    onClick: handleInitiateChatClick,
+    onKeyDown: handleInputKeyDown,
+    "aria-label": defaultAriaLabel
+  }, !hideChatIcon && IconContainer(props, elementId), !hideChatTextContainer && TextContainer(props, elementId), !hideNotificationBubble && NotificationBubble(props, elementId)));
+}
+
+var _default = ChatButton;
+exports.default = _default;

package/lib/cjs/components/chatbutton/common/defaultProps/defaultChatButtonControlProps.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonControlProps = void 0;
+const defaultChatButtonControlProps = {
+  id: "lcw-components-chat-button",
+  dir: "ltr",
+  role: "button",
+  ariaLabel: "live chat button",
+  unreadMessageCount: "0",
+  titleText: "Let's Chat!",
+  subtitleText: "We're online.",
+  onClick: function () {
+    console.log("initiate chat");
+  },
+  hideChatButton: false,
+  hideChatIcon: false,
+  hideChatTextContainer: false,
+  hideChatSubtitle: false,
+  hideChatTitle: false,
+  hideNotificationBubble: true
+};
+exports.defaultChatButtonControlProps = defaultChatButtonControlProps;

package/lib/cjs/components/chatbutton/common/defaultProps/defaultChatButtonProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonProps = void 0;
+
+var _defaultChatButtonStyleProps = require("../defaultStyles/defaultChatButtonStyleProps");
+
+var _defaultChatButtonControlProps = require("./defaultChatButtonControlProps");
+
+const defaultChatButtonProps = {
+  controlProps: _defaultChatButtonControlProps.defaultChatButtonControlProps,
+  styleProps: _defaultChatButtonStyleProps.defaultChatButtonStyleProps
+};
+exports.defaultChatButtonProps = defaultChatButtonProps;

package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonGeneralStyles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonGeneralStyles = void 0;
+const defaultChatButtonGeneralStyles = {
+  backgroundColor: "#fff",
+  borderColor: "#fff",
+  borderRadius: "100px 100px 100px 99px",
+  borderStyle: "solid",
+  borderWidth: "1px",
+  bottom: "0px",
+  boxShadow: "0 0 4px rgb(102 102 102 / 50%)",
+  cursor: "pointer",
+  display: "flex",
+  height: "60px",
+  margin: "3px 3px 3px 3px",
+  padding: "0px",
+  position: "absolute",
+  right: "0px",
+  selectors: {
+    ":hover": {
+      backgroundColor: "lightgrey"
+    },
+    ":focus": {
+      outline: "dotted 2px #000"
+    }
+  },
+  width: "180px"
+};
+exports.defaultChatButtonGeneralStyles = defaultChatButtonGeneralStyles;

package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonIconContainerStyles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonIconContainerStyles = void 0;
+
+var _chat = _interopRequireDefault(require("../../../../assets/imgs/chat.svg"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const defaultChatButtonIconContainerStyles = {
+  align: "center",
+  backgroundColor: "#315FA2",
+  backgroundImage: `url(${_chat.default})`,
+  backgroundPosition: "center",
+  backgroundRepeat: "no-repeat",
+  backgroundSize: "65% 65%",
+  borderColor: "transparent",
+  borderRadius: "50%",
+  borderStyle: "solid",
+  borderWidth: "1px",
+  display: "flex",
+  height: "60px",
+  justifyContent: "center",
+  margin: "-2px -2px -2px -3px",
+  width: "62px"
+};
+exports.defaultChatButtonIconContainerStyles = defaultChatButtonIconContainerStyles;

package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonNotificationBubbleStyles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonNotificationBubbleStyles = void 0;
+const defaultChatButtonNotificationBubbleStyles = {
+  backgroundColor: "#cc4a31",
+  borderRadius: "50%",
+  color: "#fff",
+  fontFamily: "Segoe UI,Arial,sans-serif",
+  fontSize: "14px",
+  fontStyle: "normal",
+  fontWeight: "bold",
+  lineHeight: "22px",
+  padding: "1px",
+  position: "absolute",
+  textAlign: "center",
+  top: "-5px",
+  minHeight: "24px",
+  minWidth: "24px"
+};
+exports.defaultChatButtonNotificationBubbleStyles = defaultChatButtonNotificationBubbleStyles;

package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonStyleProps.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonStyleProps = void 0;
+
+var _defaultChatButtonGeneralStyles = require("./defaultChatButtonGeneralStyles");
+
+var _defaultChatButtonIconContainerStyles = require("./defaultChatButtonIconContainerStyles");
+
+var _defaultChatButtonNotificationBubbleStyles = require("./defaultChatButtonNotificationBubbleStyles");
+
+var _defaultChatButtonSubTitleStyles = require("./defaultChatButtonSubTitleStyles");
+
+var _defaultChatButtonTitleStyles = require("./defaultChatButtonTitleStyles");
+
+var _defaultChatButtonTextContainerStyles = require("./defaultChatButtonTextContainerStyles");
+
+const defaultChatButtonStyleProps = {
+  generalStyleProps: _defaultChatButtonGeneralStyles.defaultChatButtonGeneralStyles,
+  // Icon
+  iconStyleProps: _defaultChatButtonIconContainerStyles.defaultChatButtonIconContainerStyles,
+  //Notification Bubble
+  notificationBubbleStyleProps: _defaultChatButtonNotificationBubbleStyles.defaultChatButtonNotificationBubbleStyles,
+  //Text Container having title and subtitle
+  textContainerStyleProps: _defaultChatButtonTextContainerStyles.defaultChatButtonTextContainerStyles,
+  titleStyleProps: _defaultChatButtonTitleStyles.defaultChatButtonTitleStyles,
+  subtitleStyleProps: _defaultChatButtonSubTitleStyles.defaultChatButtonSubTitleStyles
+};
+exports.defaultChatButtonStyleProps = defaultChatButtonStyleProps;

package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonSubTitleStyles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonSubTitleStyles = void 0;
+const defaultChatButtonSubTitleStyles = {
+  alignItems: "center",
+  color: "#666",
+  cursor: "pointer",
+  display: "block",
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontSize: "12px",
+  fontWeight: "200",
+  margin: "0px 14px 0px 14px",
+  overflow: "hidden",
+  textOverflow: "ellipsis !important",
+  width: "max-content"
+};
+exports.defaultChatButtonSubTitleStyles = defaultChatButtonSubTitleStyles;

package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonTextContainerStyles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonTextContainerStyles = void 0;
+const defaultChatButtonTextContainerStyles = {
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center"
+};
+exports.defaultChatButtonTextContainerStyles = defaultChatButtonTextContainerStyles;

package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonTitleStyles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChatButtonTitleStyles = void 0;
+const defaultChatButtonTitleStyles = {
+  color: "#262626",
+  cursor: "pointer",
+  display: "block",
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontSize: "16px",
+  fontWeight: "bold",
+  lineHeight: "19px",
+  height: "22px",
+  margin: "0px 14px 0px 14px",
+  overflow: "hidden",
+  textOverflow: "ellipsis !important",
+  whiteSpace: "nowrap",
+  width: "90px"
+};
+exports.defaultChatButtonTitleStyles = defaultChatButtonTitleStyles;

package/lib/cjs/components/chatbutton/interfaces/IChatButtonClassNames.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/chatbutton/interfaces/IChatButtonComponentOverrides.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/chatbutton/interfaces/IChatButtonControlProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/chatbutton/interfaces/IChatButtonProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/chatbutton/interfaces/IChatButtonStyleProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/common/commandbutton/CommandButton.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@fluentui/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _BroadcastService = require("../../../services/BroadcastService");
+
+var _Constants = require("../../../common/Constants");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function CommandButton(props) {
+  //imageIconProps > iconName
+  const iconProp = props.imageIconProps ? {
+    imageProps: props.imageIconProps
+  } : {
+    iconName: props.iconName,
+    styles: {
+      root: props.styles
+    }
+  };
+  const iconButtonStyles = {
+    root: props.styles,
+    rootHovered: props.hoverStyles,
+    rootFocused: props.focusStyles
+  };
+  const handleOnClick = (0, _react2.useCallback)(() => {
+    if (props !== null && props !== void 0 && props.onClick) {
+      const customEvent = props.customEvent ?? {
+        eventName: "onClick",
+        elementType: _Constants.ElementType.Custom,
+        elementId: props === null || props === void 0 ? void 0 : props.id
+      };
+
+      _BroadcastService.BroadcastService.postMessage(customEvent);
+
+      props === null || props === void 0 ? void 0 : props.onClick();
+    }
+  }, []);
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, props.type === "text" && /*#__PURE__*/_react2.default.createElement(_react.DefaultButton, {
+    id: props.id,
+    text: props.text,
+    ariaLabel: props.ariaLabel,
+    onClick: handleOnClick,
+    disabled: props.disabled,
+    className: props.className,
+    styles: iconButtonStyles
+  }), props.type === "icon" && /*#__PURE__*/_react2.default.createElement(_react.IconButton, {
+    id: props.id,
+    iconProps: iconProp,
+    title: props.ariaLabel,
+    ariaLabel: props.ariaLabel,
+    disabled: props.disabled,
+    styles: iconButtonStyles,
+    onClick: handleOnClick,
+    className: props.className
+  }));
+}
+
+var _default = CommandButton;
+exports.default = _default;

package/lib/cjs/components/common/interfaces/ICommandButtonControlProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/common/interfaces/ICommandButtonProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/common/interfaces/IImageControlProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/common/interfaces/ILabelControlProps.js

@@ -0,0 +1 @@
+"use strict";