@microsoft/omnichannel-chat-components 0.1.0-1

package/lib/cjs/common/utils.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.uuidv4 = exports.replaceURLWithAnchor = exports.processCustomComponents = exports.getValidatedURL = exports.getSeconds = exports.getMinutes = exports.getInputValuesFromAdaptiveCard = exports.getHours = exports.generateEventName = exports.broadcastError = exports.addNoreferrerNoopenerTag = void 0;
+
+var _Constants = require("./Constants");
+
+var _BroadcastService = require("../services/BroadcastService");
+
+var _ = require("..");
+
+const uuidv4 = () => {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, c => {
+    const r = Math.random() * 16 | 0,
+          v = c === "x" ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+};
+
+exports.uuidv4 = uuidv4;
+
+const generateEventName = (controlId, prefix, suffix) => {
+  let eventName = "";
+  if (prefix) eventName += prefix;
+  if (controlId) eventName += controlId;
+  if (suffix) eventName += suffix;
+  return eventName;
+}; //Broadcast Error
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+exports.generateEventName = generateEventName;
+
+const broadcastError = (elementId, error, propName, elementType) => {
+  const onJSONParseErrorEventName = generateEventName(elementId, propName, "JSONParseError");
+  const onJSONParseErrorEvent = {
+    elementId: elementId,
+    elementType: elementType,
+    eventName: onJSONParseErrorEventName,
+    payload: error
+  };
+  console.error("JSON Parse Error ", elementId, propName, error);
+
+  _BroadcastService.BroadcastService.postMessage(onJSONParseErrorEvent);
+};
+
+exports.broadcastError = broadcastError;
+
+const getInputValuesFromAdaptiveCard = adaptiveCard => {
+  const inputs = adaptiveCard.getAllInputs();
+  const adaptiveCardValues = [];
+
+  for (const input of inputs) {
+    adaptiveCardValues.push({
+      index: input.index,
+      label: input.label,
+      id: input.id,
+      value: input.value
+    });
+  }
+
+  return adaptiveCardValues;
+};
+
+exports.getInputValuesFromAdaptiveCard = getInputValuesFromAdaptiveCard;
+
+const processCustomComponents = children => {
+  if (!children || children.length === 0) return null;
+  return children.map(child => (0, _.decodeComponentString)(child));
+};
+
+exports.processCustomComponents = processCustomComponents;
+
+const getValidatedURL = url => {
+  if (new RegExp(_Constants.Regex.URLRegex).test(url)) return url;
+  return "";
+};
+
+exports.getValidatedURL = getValidatedURL;
+
+const getHours = time => {
+  return ("0" + Math.floor(time / (60 * 60 * 1000) % 24)).slice(-2);
+};
+
+exports.getHours = getHours;
+
+const getMinutes = time => {
+  return ("0" + Math.floor(time / 60000 % 60)).slice(-2);
+};
+
+exports.getMinutes = getMinutes;
+
+const getSeconds = time => {
+  return ("0" + Math.floor(time / 1000 % 60)).slice(-2);
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+exports.getSeconds = getSeconds;
+
+const addNoreferrerNoopenerTag = htmlNode => {
+  const aNodes = htmlNode.getElementsByTagName("a");
+
+  if ((aNodes === null || aNodes === void 0 ? void 0 : aNodes.length) > 0) {
+    for (let index = 0; index < aNodes.length; index++) {
+      var _aNode$tagName;
+
+      const aNode = aNodes[index]; // Skip if the node is not valid or the node's tag name is not equal to 'a', or the node href is empty.
+
+      if (((_aNode$tagName = aNode.tagName) === null || _aNode$tagName === void 0 ? void 0 : _aNode$tagName.toLowerCase()) !== "a" || !aNode.href) {
+        continue;
+      } // Add target to 'a' node if target is missing or does not equal to blank
+
+
+      if (!aNode.target || aNode.target !== "_blank") {
+        aNode.target = "_blank";
+      } // If rel is missing or rel does not include noopener and noreferrer, add them
+
+
+      if (!aNode.rel) {
+        aNode.rel = "noopener noreferrer";
+      } else {
+        if (aNode.rel.indexOf("noopener") === -1) {
+          aNode.rel += " noopener";
+        }
+
+        if (aNode.rel.indexOf("noreferrer") === -1) {
+          aNode.rel += " noreferrer";
+        }
+      }
+    }
+  }
+};
+
+exports.addNoreferrerNoopenerTag = addNoreferrerNoopenerTag;
+
+const replaceURLWithAnchor = (text, openInNewTab) => {
+  if (text) {
+    const modifiedText = text.replace(_Constants.Regex.URLRegex, function (url) {
+      if (openInNewTab) {
+        // eslint-disable-next-line quotes
+        return '<a href="' + url + '" rel="noreferrer noopener" target="_blank">' + url + '</a>';
+      } // eslint-disable-next-line quotes
+
+
+      return '<a href="' + url + '">' + url + '</a>';
+    });
+    return modifiedText;
+  }
+
+  return text;
+};
+
+exports.replaceURLWithAnchor = replaceURLWithAnchor;

package/lib/cjs/components/callingcontainer/CallingContainer.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@fluentui/react");
+
+var _CurrentCall = _interopRequireDefault(require("./subcomponents/CurrentCall/CurrentCall"));
+
+var _IncomingCall = _interopRequireDefault(require("./subcomponents/IncomingCall/IncomingCall"));
+
+var _defaultCallingContainerProps = require("./common/defaultProps/defaultCallingContainerProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 CallingContainer(props) {
+  var _props$controlProps, _defaultCallingContai, _defaultCallingContai2, _props$styleProps, _props$controlProps2, _defaultCallingContai3, _props$styleProps2, _props$controlProps3, _defaultCallingContai4, _props$controlProps4, _props$styleProps3, _props$controlProps5, _props$styleProps4;
+
+  const callingContainerId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? ((_defaultCallingContai = _defaultCallingContainerProps.defaultCallingContainerProps.controlProps) === null || _defaultCallingContai === void 0 ? void 0 : _defaultCallingContai.id);
+  let stackStyles = {
+    root: Object.assign({}, (_defaultCallingContai2 = _defaultCallingContainerProps.defaultCallingContainerProps.styleProps) === null || _defaultCallingContai2 === void 0 ? void 0 : _defaultCallingContai2.generalStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+  };
+  const hideCallingContainer = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.hideCallingContainer) ?? ((_defaultCallingContai3 = _defaultCallingContainerProps.defaultCallingContainerProps.controlProps) === null || _defaultCallingContai3 === void 0 ? void 0 : _defaultCallingContai3.hideCallingContainer);
+
+  if (hideCallingContainer) {
+    stackStyles = {
+      root: Object.assign({}, stackStyles.root, {
+        display: "none"
+      })
+    };
+  }
+
+  return /*#__PURE__*/React.createElement(_react2.Stack, {
+    id: callingContainerId,
+    className: (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.className,
+    horizontalAlign: "space-between",
+    dir: ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.dir) ?? ((_defaultCallingContai4 = _defaultCallingContainerProps.defaultCallingContainerProps.controlProps) === null || _defaultCallingContai4 === void 0 ? void 0 : _defaultCallingContai4.dir),
+    styles: stackStyles
+  }, ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.isIncomingCall) && /*#__PURE__*/React.createElement(_IncomingCall.default, {
+    controlProps: props.controlProps.incomingCallControlProps,
+    styleProps: (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.incomingCallStyleProps
+  }), ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.isIncomingCall) === false && /*#__PURE__*/React.createElement(_CurrentCall.default, {
+    controlProps: props.controlProps.currentCallControlProps,
+    styleProps: (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.currentCallStyleProps
+  }));
+}
+
+var _default = CallingContainer;
+exports.default = _default;

package/lib/cjs/components/callingcontainer/common/defaultProps/defaultCallingContainerControlProps.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultCallingContainerControlProps = void 0;
+const defaultCallingContainerControlProps = {
+  id: "oc-lcw-callingcontainer",
+  dir: "ltr",
+  isIncomingCall: false,
+  hideCallingContainer: false
+};
+exports.defaultCallingContainerControlProps = defaultCallingContainerControlProps;

package/lib/cjs/components/callingcontainer/common/defaultProps/defaultCallingContainerProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultCallingContainerProps = void 0;
+
+var _defaultCallingContainerStyles = require("../defaultStyles/defaultCallingContainerStyles");
+
+var _defaultCallingContainerControlProps = require("./defaultCallingContainerControlProps");
+
+const defaultCallingContainerProps = {
+  controlProps: _defaultCallingContainerControlProps.defaultCallingContainerControlProps,
+  styleProps: _defaultCallingContainerStyles.defaultCallingContainerStyles
+};
+exports.defaultCallingContainerProps = defaultCallingContainerProps;

package/lib/cjs/components/callingcontainer/common/defaultStyles/customizedCallingContainerStyles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customizedCallingContainerStyles = void 0;
+const customizedCallingContainerStyles = {
+  generalStyleProps: {
+    background: "white",
+    padding: "2px",
+    borderRadius: "1px"
+  }
+};
+exports.customizedCallingContainerStyles = customizedCallingContainerStyles;

package/lib/cjs/components/callingcontainer/common/defaultStyles/defaultCallingContainerStyles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultCallingContainerStyles = void 0;
+const defaultCallingContainerStyles = {
+  generalStyleProps: {
+    background: "#000",
+    width: "100%",
+    zIndex: 100,
+    boxShadow: "0px 0px 2px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12)"
+  }
+};
+exports.defaultCallingContainerStyles = defaultCallingContainerStyles;

package/lib/cjs/components/callingcontainer/interfaces/ICallingContainerControlProps.js

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

package/lib/cjs/components/callingcontainer/interfaces/ICallingContainerProps.js

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

package/lib/cjs/components/callingcontainer/interfaces/ICallingContainerStyleProps.js

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