@capillarytech/blaze-ui 5.23.3-beta.2 → 5.23.3-beta.4

package/CapAskAira/RuleSummarizationBot/index.js

@@ -1,44 +1,35 @@
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-import Markdown from 'markdown-to-jsx';
-import React, { useState } from 'react';
-import { injectIntl } from 'react-intl';
-import { connect } from 'react-redux';
-import { bindActionCreators, compose } from 'redux';
-import { createStructuredSelector } from 'reselect';
-import CapHeading from "../../CapHeading";
-import CapIcon from "../../CapIcon";
-import AiraContainer from "../UtilComponents/AiraContainer";
-import ErrorBar from "../UtilComponents/ErrorBar";
-import { AiraChatBot, AiraIcon } from "../UtilComponents/Icons";
-import MultiLineInputBox from "../UtilComponents/MultiLineInpuxBox";
-import * as actions from "./actions";
-import { getRuleApi, getRuleSummarizeApi, updateLikeResultApiRule, updateDislikeResultApiRule, updateDislikeResultApiSummarize, updateLikeResultApiSummarize } from "./api";
-import * as constants from "./constants";
-import messages from "./messages";
-import { MetaBlock } from "./MetaBlock";
-import { makeSelectRuleGenData } from "./selector";
-import './styles.scss';
-const styles = {"cap-ask-aira-rule-summarization-bot-tabs-container":"cap-ask-aira-rule-summarization-bot-tabs-container_QHkUh","cap-ask-aira-rule-summarization-bot-tab-item":"cap-ask-aira-rule-summarization-bot-tab-item_Y7FpD","active":"active_Tf6q6","cap-ask-aira-rule-summarization-bot-tab-content":"cap-ask-aira-rule-summarization-bot-tab-content_4l-w1","cap-ask-aira-rule-summarization-bot-content":"cap-ask-aira-rule-summarization-bot-content_AePou","rule-summarize-bot":"rule-summarize-bot_Inx5d","three-star-icon":"three-star-icon_HmxQx","rule-summarize-bot-desc":"rule-summarize-bot-desc_Oqeyz","conversation":"conversation_Rp15I","query-sent":"query-sent_W0QL5","answer-received":"answer-received_NwBdy","chat-loader-icon":"chat-loader-icon_4ymyw","cap-ask-aira-rule-summarization-bot-meta-data":"cap-ask-aira-rule-summarization-bot-meta-data_gk7y-"};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var {
-  RULE,
-  SUMMARIZE,
-  clsPrefix
-} = constants;
-export var RuleSummarizationBot = _ref => {
-  var {
-    actions,
-    activity,
-    getAPICallObject,
-    request,
-    askAiraData = {},
-    iconPlacement,
-    intl: {
-      formatMessage
-    }
-  } = _ref;
-  var {
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import Markdown from "markdown-to-jsx";
+import { useState } from "react";
+import { injectIntl } from "react-intl";
+import { connect } from "react-redux";
+import { compose, bindActionCreators } from "redux";
+import { createStructuredSelector } from "reselect";
+import CapHeadingWithStatic from "../../CapHeading/index.js";
+import CapIcon from "../../CapIcon/index.js";
+import AiraContainer from "../UtilComponents/AiraContainer.js";
+import ErrorBar from "../UtilComponents/ErrorBar.js";
+import { AiraIcon, AiraChatBot } from "../UtilComponents/Icons.js";
+import MultiLineInputBox from "../UtilComponents/MultiLineInpuxBox.js";
+import * as actions from "./actions.js";
+import { getRuleApi, getRuleSummarizeApi, updateLikeResultApiRule, updateLikeResultApiSummarize, updateDislikeResultApiRule, updateDislikeResultApiSummarize } from "./api.js";
+import * as constants from "./constants.js";
+import { REQUEST } from "./constants.js";
+import messages from "./messages.js";
+import { MetaBlock } from "./MetaBlock.js";
+import { makeSelectRuleGenData } from "./selector.js";
+import styles from "./styles.module.scss.js";
+const { RULE, SUMMARIZE, clsPrefix } = constants;
+const RuleSummarizationBot = ({
+  actions: actions2,
+  activity,
+  getAPICallObject,
+  request,
+  askAiraData = {},
+  iconPlacement,
+  intl: { formatMessage }
+}) => {
+  const {
     getRuleStatus,
     getRuleError,
     ruleObj,
@@ -46,195 +37,139 @@ export var RuleSummarizationBot = _ref => {
     explainObj,
     getSummarizeError
   } = askAiraData;
-  var [query, setQuery] = useState('');
-  var [rule, setRule] = useState('');
-  var [currentTab, setCurrentTab] = useState(RULE);
-  var [likeRule, setLikeRule] = useState(0);
-  var [likeSummarize, setLikeSummarize] = useState(0);
-  var likeResp = () => {
+  const [query, setQuery] = useState("");
+  const [rule, setRule] = useState("");
+  const [currentTab, setCurrentTab] = useState(RULE);
+  const [likeRule, setLikeRule] = useState(0);
+  const [likeSummarize, setLikeSummarize] = useState(0);
+  const likeResp = () => {
     if (!request || !getAPICallObject) return;
     if (currentTab === RULE) {
       if (!ruleObj) return;
       setLikeRule(1);
-      actions.updateLikeResultRule({
+      actions2.updateLikeResultRule({
         updateLikeResultApiRule: updateLikeResultApiRule(request, getAPICallObject),
         requestId: ruleObj.requestId
       });
     } else if (currentTab === SUMMARIZE) {
       if (!explainObj) return;
       setLikeSummarize(1);
-      actions.updateLikeResultSummarize({
+      actions2.updateLikeResultSummarize({
         updateLikeResultApiSummarize: updateLikeResultApiSummarize(request, getAPICallObject),
         requestId: explainObj.requestId
       });
     }
   };
-  var dislikeResp = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(function* () {
-      if (!request || !getAPICallObject) return;
-      if (currentTab === RULE) {
-        if (!ruleObj) return;
-        setLikeRule(-1);
-        actions.updateDislikeResultRule({
-          updateDislikeResultApiRule: updateDislikeResultApiRule(request, getAPICallObject),
-          requestId: ruleObj.requestId,
-          feedback: ''
-        });
-      } else if (currentTab === SUMMARIZE) {
-        if (!explainObj) return;
-        setLikeSummarize(-1);
-        actions.updateDislikeResultSummarize({
-          updateDislikeResultApiSummarize: updateDislikeResultApiSummarize(request, getAPICallObject),
-          requestId: explainObj.requestId,
-          feedback: ''
-        });
-      }
-    });
-    return function dislikeResp() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onSubmit = () => {
+  const dislikeResp = async () => {
+    if (!request || !getAPICallObject) return;
+    if (currentTab === RULE) {
+      if (!ruleObj) return;
+      setLikeRule(-1);
+      actions2.updateDislikeResultRule({
+        updateDislikeResultApiRule: updateDislikeResultApiRule(request, getAPICallObject),
+        requestId: ruleObj.requestId,
+        feedback: ""
+      });
+    } else if (currentTab === SUMMARIZE) {
+      if (!explainObj) return;
+      setLikeSummarize(-1);
+      actions2.updateDislikeResultSummarize({
+        updateDislikeResultApiSummarize: updateDislikeResultApiSummarize(request, getAPICallObject),
+        requestId: explainObj.requestId,
+        feedback: ""
+      });
+    }
+  };
+  const onSubmit = () => {
     if (!request || !getAPICallObject) return;
     setLikeRule(0);
     setLikeSummarize(0);
     if (currentTab === RULE) {
-      actions.getRule({
+      actions2.getRule({
         getRuleApi: getRuleApi(request, getAPICallObject),
-        query: {
-          activity: activity != null ? activity : '',
-          query
-        }
+        query: { activity: activity ?? "", query }
       });
     } else if (currentTab === SUMMARIZE) {
-      actions.getRuleSummarize({
+      actions2.getRuleSummarize({
         getRuleSummarizeApi: getRuleSummarizeApi(request, getAPICallObject),
-        rule: {
-          rule,
-          activity: activity != null ? activity : ''
-        }
+        rule: { rule, activity: activity ?? "" }
       });
     }
   };
-  var onHide = () => {
-    setQuery('');
-    setRule('');
-    actions.resetRule();
+  const onHide = () => {
+    setQuery("");
+    setRule("");
+    actions2.resetRule();
   };
-  var tabs = [{
-    key: RULE,
-    label: formatMessage(messages.textToExpression)
-  }, {
-    key: SUMMARIZE,
-    label: formatMessage(messages.expressionToText)
-  }];
-  var ResponseWithIcon = _ref3 => {
-    var {
-      content,
-      messageId
-    } = _ref3;
-    return /*#__PURE__*/_jsxs("div", {
-      style: {
-        display: 'flex',
-        width: '90%'
-      },
-      children: [/*#__PURE__*/_jsx(CapHeading, {
-        style: {
-          marginRight: '0.60rem'
-        },
-        children: /*#__PURE__*/_jsx(CapIcon, {
-          size: "s",
-          type: "three-star-dark",
-          className: "chat-loader-icon_4ymyw"
-        })
-      }), content ? /*#__PURE__*/_jsxs(CapHeading, {
-        className: "answer-received_NwBdy",
-        children: [/*#__PURE__*/_jsx(Markdown, {
-          children: content
-        }), /*#__PURE__*/_jsx(MetaBlock, {
-          dislikeResp: dislikeResp,
-          likeResp: likeResp,
-          likeRule: likeRule,
-          likeSummarize: likeSummarize,
-          content: content,
+  const tabs = [
+    { key: RULE, label: formatMessage(messages.textToExpression) },
+    { key: SUMMARIZE, label: formatMessage(messages.expressionToText) }
+  ];
+  const ResponseWithIcon = ({ content, messageId }) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", width: "90%" }, children: [
+    /* @__PURE__ */ jsx(CapHeadingWithStatic, { style: { marginRight: "0.60rem" }, children: /* @__PURE__ */ jsx(CapIcon, { size: "s", type: "three-star-dark", className: styles["chat-loader-icon"] }) }),
+    content ? /* @__PURE__ */ jsxs(CapHeadingWithStatic, { className: styles["answer-received"], children: [
+      /* @__PURE__ */ jsx(Markdown, { children: content }),
+      /* @__PURE__ */ jsx(
+        MetaBlock,
+        {
+          dislikeResp,
+          likeResp,
+          likeRule,
+          likeSummarize,
+          content,
           requestId: messageId,
-          currentTab: currentTab,
-          styles: styles,
-          clsPrefix: clsPrefix
-        })]
-      }) : /*#__PURE__*/_jsx(CapHeading, {
-        type: "h6",
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        },
-        children: formatMessage(messages.queryAnalysis)
-      })]
-    });
-  };
-  var renderRuleContent = () => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(MultiLineInputBox, {
-      value: query,
-      setValue: setQuery,
-      placeholder: formatMessage(messages.rulePlaceholder),
-      onSubmit: onSubmit,
-      loading: getRuleStatus === constants.REQUEST
-    }), /*#__PURE__*/_jsxs("div", {
-      className: styles[clsPrefix + "-content"],
-      children: [getRuleStatus === 'IDLE' && !(ruleObj != null && ruleObj.rule) && /*#__PURE__*/_jsxs("div", {
-        className: "rule-summarize-bot_Inx5d",
-        children: [/*#__PURE__*/_jsx(CapIcon, {
-          type: "three-star-dark",
-          size: "m",
-          className: "three-star-icon_HmxQx"
-        }), /*#__PURE__*/_jsx(CapHeading, {
-          type: "h4",
-          children: formatMessage(messages.airaTranslation)
-        }), /*#__PURE__*/_jsx(CapHeading, {
-          type: "label4",
-          className: "rule-summarize-bot-desc_Oqeyz",
-          children: formatMessage(messages.airaTranslationDescription)
-        })]
-      }), getRuleError ? /*#__PURE__*/_jsx(ErrorBar, {
-        textError: formatMessage(messages.errorMessage)
-      }) : null, (ruleObj == null ? void 0 : ruleObj.rule) && /*#__PURE__*/_jsx(ResponseWithIcon, {
-        content: ruleObj == null ? void 0 : ruleObj.rule,
-        messageId: ruleObj == null ? void 0 : ruleObj.requestId
-      }), getRuleStatus === constants.REQUEST && !(ruleObj != null && ruleObj.rule) && /*#__PURE__*/_jsx(ResponseWithIcon, {})]
-    })]
-  });
-  var renderRuleSummarizeContent = () => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(MultiLineInputBox, {
-      value: rule,
-      setValue: setRule,
-      placeholder: formatMessage(messages.expressionPlaceholder),
-      onSubmit: onSubmit,
-      loading: getSummarizeStatus === constants.REQUEST
-    }), /*#__PURE__*/_jsxs("div", {
-      className: styles[clsPrefix + "-content"],
-      children: [getSummarizeStatus === 'IDLE' && !(explainObj != null && explainObj.explanation) && /*#__PURE__*/_jsxs("div", {
-        className: "rule-summarize-bot_Inx5d",
-        children: [/*#__PURE__*/_jsx(CapIcon, {
-          type: "three-star-dark",
-          size: "m",
-          className: "three-star-icon_HmxQx"
-        }), /*#__PURE__*/_jsx(CapHeading, {
-          type: "h4",
-          children: formatMessage(messages.airaTranslation)
-        }), /*#__PURE__*/_jsx(CapHeading, {
-          type: "label4",
-          className: "rule-summarize-bot-desc_Oqeyz",
-          children: formatMessage(messages.summarizeTranslation)
-        })]
-      }), getSummarizeError ? /*#__PURE__*/_jsx(ErrorBar, {
-        textError: formatMessage(messages.errorMessageSummarize)
-      }) : null, (explainObj == null ? void 0 : explainObj.explanation) && /*#__PURE__*/_jsx(ResponseWithIcon, {
-        content: explainObj.explanation,
-        messageId: explainObj.requestId
-      }), getSummarizeStatus === constants.REQUEST && !(explainObj != null && explainObj.explanation) && /*#__PURE__*/_jsx(ResponseWithIcon, {})]
-    })]
-  });
-  var renderTabContent = () => {
+          currentTab,
+          styles,
+          clsPrefix
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h6", style: { display: "flex", alignItems: "center" }, children: formatMessage(messages.queryAnalysis) })
+  ] });
+  const renderRuleContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MultiLineInputBox,
+      {
+        value: query,
+        setValue: setQuery,
+        placeholder: formatMessage(messages.rulePlaceholder),
+        onSubmit,
+        loading: getRuleStatus === REQUEST
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: styles[`${clsPrefix}-content`], children: [
+      getRuleStatus === "IDLE" && !(ruleObj == null ? void 0 : ruleObj.rule) && /* @__PURE__ */ jsxs("div", { className: styles["rule-summarize-bot"], children: [
+        /* @__PURE__ */ jsx(CapIcon, { type: "three-star-dark", size: "m", className: styles["three-star-icon"] }),
+        /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h4", children: formatMessage(messages.airaTranslation) }),
+        /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "label4", className: styles["rule-summarize-bot-desc"], children: formatMessage(messages.airaTranslationDescription) })
+      ] }),
+      getRuleError ? /* @__PURE__ */ jsx(ErrorBar, { textError: formatMessage(messages.errorMessage) }) : null,
+      (ruleObj == null ? void 0 : ruleObj.rule) && /* @__PURE__ */ jsx(ResponseWithIcon, { content: ruleObj == null ? void 0 : ruleObj.rule, messageId: ruleObj == null ? void 0 : ruleObj.requestId }),
+      getRuleStatus === REQUEST && !(ruleObj == null ? void 0 : ruleObj.rule) && /* @__PURE__ */ jsx(ResponseWithIcon, {})
+    ] })
+  ] });
+  const renderRuleSummarizeContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MultiLineInputBox,
+      {
+        value: rule,
+        setValue: setRule,
+        placeholder: formatMessage(messages.expressionPlaceholder),
+        onSubmit,
+        loading: getSummarizeStatus === REQUEST
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: styles[`${clsPrefix}-content`], children: [
+      getSummarizeStatus === "IDLE" && !(explainObj == null ? void 0 : explainObj.explanation) && /* @__PURE__ */ jsxs("div", { className: styles["rule-summarize-bot"], children: [
+        /* @__PURE__ */ jsx(CapIcon, { type: "three-star-dark", size: "m", className: styles["three-star-icon"] }),
+        /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h4", children: formatMessage(messages.airaTranslation) }),
+        /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "label4", className: styles["rule-summarize-bot-desc"], children: formatMessage(messages.summarizeTranslation) })
+      ] }),
+      getSummarizeError ? /* @__PURE__ */ jsx(ErrorBar, { textError: formatMessage(messages.errorMessageSummarize) }) : null,
+      (explainObj == null ? void 0 : explainObj.explanation) && /* @__PURE__ */ jsx(ResponseWithIcon, { content: explainObj.explanation, messageId: explainObj.requestId }),
+      getSummarizeStatus === REQUEST && !(explainObj == null ? void 0 : explainObj.explanation) && /* @__PURE__ */ jsx(ResponseWithIcon, {})
+    ] })
+  ] });
+  const renderTabContent = () => {
     switch (currentTab) {
       case RULE:
         return renderRuleContent();
@@ -244,41 +179,42 @@ export var RuleSummarizationBot = _ref => {
         return null;
     }
   };
-  return /*#__PURE__*/_jsxs(AiraContainer, {
-    titlePadding: "0.95rem",
-    popupWidth: "32rem",
-    Icon: AiraChatBot,
-    iconSize: "1.5rem",
-    iconProps: {
-      svgProps: {
-        style: {
-          padding: 0
+  return /* @__PURE__ */ jsxs(
+    AiraContainer,
+    {
+      titlePadding: "0.95rem",
+      popupWidth: "32rem",
+      Icon: AiraChatBot,
+      iconSize: "1.5rem",
+      iconProps: {
+        svgProps: {
+          style: {
+            padding: 0
+          }
         }
-      }
-    },
-    title: formatMessage(messages.aiRA),
-    onHide: onHide,
-    iconPlacement: iconPlacement,
-    titleBarIcon: AiraIcon,
-    popupHeight: "100vh",
-    popupPlacement: {
-      type: 'float-br',
-      padding: '0rem'
-    },
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles[clsPrefix + "-tabs-container"],
-      children: tabs.map(tab => /*#__PURE__*/_jsx("div", {
-        className: styles[clsPrefix + "-tab-item"] + " " + (currentTab === tab.key ? "active_Tf6q6" : ''),
-        onClick: () => setCurrentTab(tab.key),
-        children: tab.label
-      }, tab.key))
-    }), /*#__PURE__*/_jsx("div", {
-      className: styles[clsPrefix + "-tab-content"],
-      children: renderTabContent()
-    })]
-  });
+      },
+      title: formatMessage(messages.aiRA),
+      onHide,
+      iconPlacement,
+      titleBarIcon: AiraIcon,
+      popupHeight: "100vh",
+      popupPlacement: { type: "float-br", padding: "0rem" },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: styles[`${clsPrefix}-tabs-container`], children: tabs.map((tab) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${styles[`${clsPrefix}-tab-item`]} ${currentTab === tab.key ? styles.active : ""}`,
+            onClick: () => setCurrentTab(tab.key),
+            children: tab.label
+          },
+          tab.key
+        )) }),
+        /* @__PURE__ */ jsx("div", { className: styles[`${clsPrefix}-tab-content`], children: renderTabContent() })
+      ]
+    }
+  );
 };
-var mapStateToProps = createStructuredSelector({
+const mapStateToProps = createStructuredSelector({
   askAiraData: makeSelectRuleGenData()
 });
 function mapDispatchToProps(dispatch) {
@@ -286,7 +222,11 @@ function mapDispatchToProps(dispatch) {
     actions: bindActionCreators(actions, dispatch)
   };
 }
-var withConnect = connect(mapStateToProps, mapDispatchToProps);
-
-// compose(connect)(injectIntl(...)) conflicts: connect infers actions return action objects, props type uses void; cast avoids complex generics
-export default compose(withConnect)(injectIntl(RuleSummarizationBot));
+const withConnect = connect(mapStateToProps, mapDispatchToProps);
+const RuleSummarizationBot$1 = compose(withConnect)(
+  injectIntl(RuleSummarizationBot)
+);
+export {
+  RuleSummarizationBot,
+  RuleSummarizationBot$1 as default
+};

package/CapAskAira/RuleSummarizationBot/messages.js

@@ -1,48 +1,52 @@
-import { defineMessages } from 'react-intl';
-export var scope = 'app.commonUtils.capUiLibrary.CapAskAira.RuleSummarizationBot';
-export default defineMessages({
+import { defineMessages } from "react-intl";
+const scope = "app.commonUtils.capUiLibrary.CapAskAira.RuleSummarizationBot";
+const messages = defineMessages({
   textToExpression: {
-    id: scope + ".textToExpression",
-    defaultMessage: 'Text to expression'
+    id: `${scope}.textToExpression`,
+    defaultMessage: "Text to expression"
   },
   expressionToText: {
-    id: scope + ".expressionToText",
-    defaultMessage: 'Expression to text'
+    id: `${scope}.expressionToText`,
+    defaultMessage: "Expression to text"
   },
   queryAnalysis: {
-    id: scope + ".queryAnalysis",
-    defaultMessage: 'Hang tight, analyzing your query...'
+    id: `${scope}.queryAnalysis`,
+    defaultMessage: "Hang tight, analyzing your query..."
   },
   rulePlaceholder: {
-    id: scope + ".rulePlaceholder",
-    defaultMessage: 'Ask aiRA to write an expression'
+    id: `${scope}.rulePlaceholder`,
+    defaultMessage: "Ask aiRA to write an expression"
   },
   expressionPlaceholder: {
-    id: scope + ".expressionPlaceholder",
-    defaultMessage: 'Ask aiRA to explain an expression'
+    id: `${scope}.expressionPlaceholder`,
+    defaultMessage: "Ask aiRA to explain an expression"
   },
   airaTranslation: {
-    id: scope + ".airaTranslation",
-    defaultMessage: 'aiRA Expression Translator'
+    id: `${scope}.airaTranslation`,
+    defaultMessage: "aiRA Expression Translator"
   },
   airaTranslationDescription: {
-    id: scope + ".airaTranslationDescription",
-    defaultMessage: 'Write your detailed rule in simple English and aiRA will write the expression'
+    id: `${scope}.airaTranslationDescription`,
+    defaultMessage: "Write your detailed rule in simple English and aiRA will write the expression"
   },
   errorMessage: {
-    id: scope + ".errorMessage",
-    defaultMessage: 'An error occurred while generating rule. Try again.'
+    id: `${scope}.errorMessage`,
+    defaultMessage: "An error occurred while generating rule. Try again."
   },
   errorMessageSummarize: {
-    id: scope + ".errorMessageSummarize",
-    defaultMessage: 'An error occurred while generating explanation. Try again.'
+    id: `${scope}.errorMessageSummarize`,
+    defaultMessage: "An error occurred while generating explanation. Try again."
   },
   summarizeTranslation: {
-    id: scope + ".summarizeTranslation",
-    defaultMessage: 'Enter the Expression and aiRA will generate a summary in plain English'
+    id: `${scope}.summarizeTranslation`,
+    defaultMessage: "Enter the Expression and aiRA will generate a summary in plain English"
   },
   aiRA: {
-    id: scope + ".aiRA",
-    defaultMessage: 'aiRA'
+    id: `${scope}.aiRA`,
+    defaultMessage: "aiRA"
   }
-});
+});
+export {
+  messages as default,
+  scope
+};