npm - @cognigy/rest-api-client - Versions diffs - 0.17.0 → 0.18.0 - Mend

@cognigy/rest-api-client 0.17.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

package/build/shared/charts/descriptors/agentAssist/htmlTemplates/nextActionWidgetTemplate.js CHANGED Viewed

@@ -1,91 +1,223 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const nextActionWidgetTemplate = (text) => {
+const nextActionWidgetTemplate = ({ text, postMessageUrl, enableCopyToClipboard, fontSize, actionFontSize, }) => {
     return `<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Next Best Action</title>
-		<link
-			rel="stylesheet"
-			href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
-		/>
-		<script>
-			let showButton = false;
+<html lang="en" class="h-full">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Next Best Action</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
+    />
+    <style>
+      .min-w-20 {
+        min-width: 5rem;
+      }
+      @keyframes blinkGreen {
+        50% {
+          background-color: #10b981;
+        }
+      }
-			function updateButtonVisibility() {
-				const button = document.getElementById("liveAgentForwardButton");
-				if (button) {
-					button.className = showButton
-						? "absolute bottom-0 right-0 flex items-center justify-center"
-						: "hidden";
-				}
-			}
+      .blink-green {
+        animation: blinkGreen 0.5s ease-in-out;
+      }
+    </style>
+    <script>
+      (function () {
+        let showButton = false;
+        let showCopyButton = true;
-			window.addEventListener("message", (event) => {
-				const message = event.data;
+        function updateCopyButtonVisibility() {
+          const elements = document.querySelectorAll(
+            "[data-cognigy-copilot-tile-nba]",
+          );
-				if (message.type === "toggleButton") {
-					showButton = message.show;
-					updateButtonVisibility();
-				}
-			});
+          elements.forEach((element) => {
+            const button = element.querySelector("[data-cognigy-clipboard-button]");
+            if(!button) return;
+            if (showCopyButton) {
+              button.classList.remove("hidden");
+            }  else {
+              button.classList.add("hidden");
+            }
+          });
+        }
-			function sendPostMessage() {
-				const content = document.querySelector("p").innerHTML;
-				window.parent.postMessage(
-					{ type: "replyBoxContent", content },
-					"${process.env.AGENT_ASSIST_WORKSPACE_FRONTEND_URL_WITH_PROTOCOL}"
-				);
-			}
+        function updateButtonVisibility() {
+          const elements = document.querySelectorAll(
+            "[data-cognigy-copilot-tile-nba]",
+          );
-			document.addEventListener("DOMContentLoaded", updateButtonVisibility);
-		</script>
-	</head>
-	<body>
-		<div class="flex h-screen flex-col justify-center bg-gray-100 pb-1">
-			<div
-				class="relative flex flex-1 overflow-hidden rounded-xl bg-white shadow-md"
-			>
-				<div class="absolute right-2 top-2">
-					<img
-						class="h-6 w-6"
-						src="https://www.cognigy.com/hubfs/AI%20badge.png"
-						alt="AI Logo"
-					/>
-				</div>
-				<div>
-					<div
-						class="text-sm font-semibold uppercase tracking-wide ml-6 mt-6 text-indigo-500"
-					>
-						Next Best Action
-					</div>
-					<div class="p-6 overflow-auto h-5/6">
-						<p class="mt-2 text-gray-800">${text}</p>
-					</div>
-					<button
-						id="liveAgentForwardButton"
-						onclick="sendPostMessage()"
-						class="hidden"
-					>
-						<svg
-							width="45px"
-							height="auto"
-							viewBox="0 0 45 35"
-							xmlns="http://www.w3.org/2000/svg"
-						>
-							<path
-								d="M 18.17 19.653 C 18.538 19.338 16.6 12.9 30.995 15.028 L 30.968 18.05 L 39.7 12.4 L 31.021 6.619 L 31.021 9.326 C 30.1 10.2 16.042 8.143 18.118 19.627"
-								fill="#0b3694"
-								transform="scale(-1, 1) translate(-50, 0)"
-							/>
-						</svg>
-					</button>
-				</div>
-			</div>
-		</div>
-	</body>
+          elements.forEach((element) => {
+            const button = element.querySelector("#liveAgentForwardButton");
+            if (button) {
+              button.className = showButton
+                ? "justify-self-end col-start-8"
+                : "hidden";
+            }
+          });
+        }
+        function sendPostMessage(event) {
+          const wrapper = event.target.closest("[data-cognigy-copilot-tile]");
+          const contentElement = wrapper.querySelector(
+            "[data-cognigy-content]",
+          );
+          window.parent.postMessage(
+            { type: "replyBoxContent", content: contentElement.innerHTML.trim() },
+            "${postMessageUrl}",
+          );
+        }
+        ${enableCopyToClipboard
+        ? `
+        async function copyToClipboard(event) {
+          const wrapper = event.target.closest("[data-cognigy-copilot-tile]");
+          const contentElement = wrapper.querySelector(
+            "[data-cognigy-content]",
+          );
+          const button = wrapper.querySelector(
+            "[data-cognigy-clipboard-button]",
+          );
+          button.classList.add("blink-green");
+          button.addEventListener(
+            "animationend",
+            function () {
+              button.classList.remove("blink-green");
+            },
+            { once: true },
+          );
+          const defaultMessage = button.querySelector(".default-message");
+          const successMessage = button.querySelector(".success-message");
+          try {
+            await navigator.clipboard.writeText(contentElement.textContent.trim());
+            defaultMessage.classList.add("hidden");
+            successMessage.classList.remove("hidden");
+            // reset to default state
+            setTimeout(() => {
+              defaultMessage.classList.remove("hidden");
+              successMessage.classList.add("hidden");
+            }, 2000);
+          } catch (err) {
+            console.error("Failed to copy: ", err);
+          }
+        }
+        `
+        : ""}
+        window.addEventListener("message", (event) => {
+          const message = event.data;
+          if (message.type === "toggleButton") {
+            showButton = message.show;
+            updateButtonVisibility();
+          }
+          if (message.type === "toggleCopyButton") {
+            showCopyButton = message.show;
+            updateCopyButtonVisibility();
+          }
+        });
+        document.addEventListener("DOMContentLoaded", updateButtonVisibility);
+        document.addEventListener("DOMContentLoaded", updateCopyButtonVisibility);
+        document.addEventListener("DOMContentLoaded", () => {
+          document
+            .querySelector("[data-cognigy-copilot-tile-nba] #liveAgentForwardButton")
+            .addEventListener("click", sendPostMessage);
+          document
+            .querySelector("[data-cognigy-copilot-tile-nba] #liveAgentForwardButton")
+            .removeAttribute("disabled");
+          ${enableCopyToClipboard
+        ? `
+          document
+            .querySelector("[data-cognigy-copilot-tile-nba] [data-cognigy-clipboard-button]")
+            .addEventListener("click", copyToClipboard);
+          document
+            .querySelector("[data-cognigy-copilot-tile-nba] [data-cognigy-clipboard-button]")
+            .removeAttribute("disabled");
+            `
+        : ""}
+        });
+      })();
+    </script>
+  </head>
+  <body class="h-full">
+    <div
+      class="flex flex-col h-full overflow-auto p-4 justify-center pb-1 bg-white rounded-xl shadow-md"
+      data-cognigy-copilot-tile
+      data-cognigy-copilot-tile-nba
+    >
+      <div class="flex justify-between">
+        <span
+          class="${fontSize} font-semibold uppercase tracking-wide text-indigo-500 flex-grow"
+        >
+          Next Best Action
+        </span>
+        <img
+          class="h-6 w-6"
+          src="https://www.cognigy.com/hubfs/AI%20badge.png"
+          alt="AI Logo"
+        />
+      </div>
+      <p class="flex-grow overflow-auto text-gray-800 ${actionFontSize}" data-cognigy-content>
+        ${text}
+      </p>
+      <div class="flex mt-auto w-full justify-between  py-2">
+      ${enableCopyToClipboard
+        ? `
+      <button
+    	class="min-w-20 bg-blue-500 hover:bg-blue-700 text-white font-bold rounded focus:ring-4 focus:outline-none focus:ring-blue-300 ${fontSize} py-2 items-center inline-flex justify-center hidden"
+    	data-cognigy-clipboard-button
+    	disabled
+  		>
+          <span class="default-message">Copy</span>
+          <span class="success-message hidden inline-flex items-center gap-1">
+            <svg
+              class="w-3 h-3 text-white me-1.5"
+              aria-hidden="true"
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 16 12"
+            >
+              <path
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M1 5.917 5.724 10.5 15 1.5"
+              />
+            </svg>
+            Copied!
+          </span>
+        </button>
+      `
+        : "<div></div>"}
+        <button id="liveAgentForwardButton" class="hidden" disabled>
+          <svg
+            width="45px"
+            height="auto"
+            viewBox="0 0 45 35"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M 18.17 19.653 C 18.538 19.338 16.6 12.9 30.995 15.028 L 30.968 18.05 L 39.7 12.4 L 31.021 6.619 L 31.021 9.326 C 30.1 10.2 16.042 8.143 18.118 19.627"
+              fill="#0b3694"
+              transform="scale(-1, 1) translate(-50, 0)"
+            />
+          </svg>
+        </button>
+      </div>
+    </div>
+  </body>
 </html>
 `;
 };

package/build/shared/charts/descriptors/agentAssist/htmlTemplates/sentimentAnalysisTemplate.js CHANGED Viewed

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const agentAssistTranslator_helper_1 = require("../helpers/agentAssistTranslator.helper");
 const stylesPartial_1 = require("./stylesPartial");
-const sentimentAnalysisTemplate = (sentiment) => {
+const sentimentAnalysisTemplate = ({ sentiment, fontSize, input, }) => {
     const mapSentimentToColor = {
-        positive: 'bg-positive',
-        negative: 'bg-negative',
-        neutral: 'bg-neutral'
+        positive: "bg-positive",
+        negative: "bg-negative",
+        neutral: "bg-neutral",
     };
     let currentSentiment = sentiment === null || sentiment === void 0 ? void 0 : sentiment.toLowerCase();
     if (currentSentiment) {
@@ -15,6 +16,10 @@ const sentimentAnalysisTemplate = (sentiment) => {
             }
         });
     }
+    const translatedSentiment = (0, agentAssistTranslator_helper_1.agentAssistTranslator)({
+        key: currentSentiment,
+        input,
+    });
     return `
 	<!DOCTYPE html>
 	<html lang="en">
@@ -28,9 +33,9 @@ const sentimentAnalysisTemplate = (sentiment) => {
 		</style>
 	</head>
 	<body>
-  		<div class="flex h-screen justify-center bg-gray-100">
+  		<div class="flex h-screen justify-center bg-gray-100 rounded-lg">
     		<div class="flex flex-1 items-center justify-center overflow-hidden rounded-lg ${mapSentimentToColor[currentSentiment]} shadow-md">
-      			<span class="text-4xl font-semibold text-white">${sentiment}</span>
+      			<span class="${fontSize} font-semibold text-white">${translatedSentiment}</span>
     		</div>
   		</div>
 	</body>

package/build/shared/charts/descriptors/agentAssist/htmlTemplates/transcriptAssistTemplate.js CHANGED Viewed

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const stylesPartial_1 = require("./stylesPartial");
-const transcriptAssistTemplate = (message, sentiment) => {
+const transcriptAssistTemplate = ({ message, assetsBaseURL, sentiment, fontSize, messageFontSize, }) => {
     const mapSentimentToColor = {
-        positive: 'bg-positive',
-        negative: 'bg-negative',
-        neutral: 'bg-neutral'
+        positive: "bg-positive",
+        negative: "bg-negative",
+        neutral: "bg-neutral",
     };
     let currentSentiment = sentiment === null || sentiment === void 0 ? void 0 : sentiment.toLowerCase();
     if (currentSentiment) {
@@ -28,21 +28,23 @@ const transcriptAssistTemplate = (message, sentiment) => {
 	</style>
 	</head>
 	<body>
-	<div class="flex h-screen flex-col justify-center bg-gray-100 pb-1">
-		<div class="relative flex flex-1 overflow-hidden rounded-xl bg-white justify-between shadow-md">
-			<div class="p-4 w-11/12">
-				<div class="text-sm font-semibold uppercase tracking-wide text-indigo-500">Transcription</div>
+	<div class="flex h-screen flex-col justify-center bg-gray-100 rounded-lg">
+		<div class="relative flex flex-1 overflow-hidden rounded-lg bg-white justify-between shadow-md">
+			<div class="p-4 w-11/12 overflow-auto">
+				<div class="${fontSize} font-semibold uppercase tracking-wide text-indigo-500">Transcription</div>
 				<div class="overflow-auto h-5/6">
-				<p class="mt-2 text-gray-800">${message}</p>
+				<p class="mt-2 text-gray-800 ${messageFontSize}">${message}</p>
 				</div>
 			</div>
-			${currentSentiment ? `
-			<div class="flex w-1/12 flex-col items-center justify-center ${mapSentimentToColor[currentSentiment]}">
+			${currentSentiment
+        ? `
+			<div id="sentiment" class="flex w-1/12 flex-col items-center justify-center ${mapSentimentToColor[currentSentiment]}">
 				<div class="mb-2 h-4 w-4">
-					<img class="max-h-full max-w-full" src="${process.env.AGENT_ASSIST_WORKSPACE_FRONTEND_URL_WITH_PROTOCOL}/assets/${currentSentiment}.svg" alt="Smiley Icon" />
+					<img class="max-h-full max-w-full" src="${assetsBaseURL}/assets/${currentSentiment}.svg" alt="Smiley Icon" />
 				</div>
 			</div>
-			` : ''}
+			`
+        : ""}
 		</div>
 	</div>
 	</body>

package/build/shared/charts/descriptors/agentAssist/identityAssist.js CHANGED Viewed

@@ -5,6 +5,7 @@ exports.IDENTITY_ASSIST = void 0;
 const createNodeDescriptor_1 = require("../../createNodeDescriptor");
 /* Templates */
 const identityAssistTemplate_1 = require("./htmlTemplates/identityAssistTemplate");
+const getFontSizeFieldOptions_1 = require("./helpers/getFontSizeFieldOptions");
 /**
  * Node name: "identityAssist"
  *
@@ -39,14 +40,20 @@ exports.IDENTITY_ASSIST = (0, createNodeDescriptor_1.createNodeDescriptor)({
                 options: [
                     {
                         label: "UI__NODE_EDITOR__IDENTITY_ASSIST__FIELDS__WIDGET_LAYOUT__OPTIONS__HORIZONTAL__LABEL",
-                        value: "horizontal"
+                        value: "horizontal",
                     },
                     {
                         label: "UI__NODE_EDITOR__IDENTITY_ASSIST__FIELDS__WIDGET_LAYOUT__OPTIONS__VERTICAL__LABEL",
-                        value: "vertical"
+                        value: "vertical",
                     },
-                ]
-            }
+                ],
+            },
+        },
+        {
+            key: "showProfileImage",
+            label: "UI__NODE_EDITOR__IDENTITY_ASSIST__ENABLE_PROFILE_IMAGE__LABEL",
+            type: "toggle",
+            defaultValue: true,
         },
         {
             key: "imageShape",
@@ -57,14 +64,18 @@ exports.IDENTITY_ASSIST = (0, createNodeDescriptor_1.createNodeDescriptor)({
                 options: [
                     {
                         label: "UI__NODE_EDITOR__IDENTITY_ASSIST__FIELDS__IMAGE_SHAPE__OPTIONS__ROUND__LABEL",
-                        value: "round"
+                        value: "round",
                     },
                     {
                         label: "UI__NODE_EDITOR__IDENTITY_ASSIST__FIELDS__IMAGE_SHAPE__OPTIONS__SQUARE__LABEL",
-                        value: "square"
+                        value: "square",
                     },
-                ]
-            }
+                ],
+            },
+            condition: {
+                key: "showProfileImage",
+                value: true,
+            },
         },
         {
             key: "imageUrl",
@@ -75,6 +86,10 @@ exports.IDENTITY_ASSIST = (0, createNodeDescriptor_1.createNodeDescriptor)({
             params: {
                 required: true,
             },
+            condition: {
+                key: "showProfileImage",
+                value: true,
+            },
         },
         {
             key: "customer",
@@ -90,19 +105,72 @@ exports.IDENTITY_ASSIST = (0, createNodeDescriptor_1.createNodeDescriptor)({
             description: "UI__NODE_EDITOR__IDENTITY_ASSIST__FIELDS__CUSTOMER_DATA__DESCRIPTION",
             defaultValue: `{"Email": "{{profile.email}}","Phone": "{{profile.phone}}"}`,
             params: {
-                required: true
+                required: true,
+            },
+        },
+        {
+            key: "fontSize",
+            type: "select",
+            label: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__FONT_SIZE",
+            description: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__FONT_SIZE__INFO",
+            defaultValue: "text-sm",
+            params: {
+                options: getFontSizeFieldOptions_1.getFontSizeFieldOptions,
+            },
+        },
+        {
+            key: "profileFontSize",
+            type: "select",
+            label: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__IDENTITY_ASSIST__PROFILE__FONT_SIZE",
+            description: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__IDENTITY_ASSIST__PROFILE__FONT_SIZE__DESCRIPTION",
+            defaultValue: "text-xl",
+            params: {
+                options: getFontSizeFieldOptions_1.getFontSizeFieldOptions,
+            },
+        },
+        {
+            key: "keyValueFontSize",
+            type: "select",
+            label: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__IDENTITY_ASSIST__KEY_VALUE__FONT_SIZE",
+            description: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__IDENTITY_ASSIST__KEY_VALUE__FONT_SIZE__DESCRIPTION",
+            defaultValue: "text-sm",
+            params: {
+                options: getFontSizeFieldOptions_1.getFontSizeFieldOptions,
+            },
+        },
+        {
+            key: "profileImageSize",
+            type: "select",
+            label: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__IDENTITY_ASSIST__IMAGE__SIZE",
+            description: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__IDENTITY_ASSIST__IMAGE__SIZE__DESCRIPTION",
+            defaultValue: "h-32 w-32",
+            params: {
+                options: getFontSizeFieldOptions_1.getImageSizeFieldOptions,
+            },
+            condition: {
+                key: "showProfileImage",
+                value: true,
             },
         },
     ],
-    sections: [],
+    sections: [
+        {
+            key: "uiPreferences",
+            label: "UI__NODE_EDITOR__COPILOT__TILE_UI_PREFERENCES__TITLE",
+            defaultCollapsed: true,
+            fields: ["fontSize", "profileFontSize", "keyValueFontSize", "profileImageSize"],
+        },
+    ],
     form: [
         { type: "field", key: "tileId" },
         { type: "field", key: "widgetLayout" },
+        { type: "field", key: "showProfileImage" },
         { type: "field", key: "imageShape" },
         { type: "field", key: "imageUrl" },
         { type: "field", key: "customer" },
         { type: "field", key: "customerData" },
-    ].filter((element) => !!element),
+        { type: "section", key: "uiPreferences" },
+    ].filter(element => !!element),
     function: async (params) => {
         const { cognigy, config } = params;
         const { api } = cognigy;
@@ -118,8 +186,13 @@ exports.IDENTITY_ASSIST = (0, createNodeDescriptor_1.createNodeDescriptor)({
                     imageShape,
                     imageUrl,
                     customer,
-                    customerData
-                })
+                    customerData,
+                    fontSize: config.fontSize,
+                    profileFontSize: config.profileFontSize,
+                    keyValueFontSize: config.keyValueFontSize,
+                    showProfileImage: config.showProfileImage,
+                    profileImageSize: config.profileImageSize,
+                }),
             };
             cognigy.api.sendTileUpdateToAgentAssistWorkspace(Object.assign(Object.assign({}, params), { tile: {
                     id: config.tileId,
@@ -130,6 +203,6 @@ exports.IDENTITY_ASSIST = (0, createNodeDescriptor_1.createNodeDescriptor)({
         catch (err) {
             api.log("error", err);
         }
-    }
+    },
 });
 //# sourceMappingURL=identityAssist.js.map