npm - @cognigy/rest-api-client - Versions diffs - 0.20.0 → 4.93.0 - Mend

@cognigy/rest-api-client 0.20.0 → 4.93.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 (1285) hide show

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/nextActionWidgetTemplate.js ADDED Viewed

@@ -0,0 +1,223 @@
+const nextActionWidgetTemplate = ({ text, postMessageUrl, enableCopyToClipboard, fontSize, actionFontSize, }) => {
+    return `<!DOCTYPE html>
+<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;
+        }
+      }
+      .blink-green {
+        animation: blinkGreen 0.5s ease-in-out;
+      }
+    </style>
+    <script>
+      (function () {
+        let showButton = false;
+        let showCopyButton = true;
+        function updateCopyButtonVisibility() {
+          const elements = document.querySelectorAll(
+            "[data-cognigy-copilot-tile-nba]",
+          );
+          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 updateButtonVisibility() {
+          const elements = document.querySelectorAll(
+            "[data-cognigy-copilot-tile-nba]",
+          );
+          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>
+`;
+};
+export default nextActionWidgetTemplate;
+//# sourceMappingURL=nextActionWidgetTemplate.js.map

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/secureForms/stage0.js ADDED Viewed

@@ -0,0 +1,79 @@
+const template = () => `
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" />
+</head>
+<body>
+    <div
+      class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-white py-6 sm:py-12"
+    >
+      <button
+	    id="postbackButton"
+        class="bg-blue-900 hover:bg-blue-800 disabled:bg-blue-300 text-gray-50 py-2 px-4 rounded-full m-auto active:translate-y-0.5"
+      >
+        Request payment information
+      </button>
+    </div>
+    <script>
+    const u = (o) => ({ __INTER_FRAME_SOCKET_MESSAGE: !0, workspaceEvent: o }),
+        h = (o, e) => ({ type: o, payload: e }),
+        w = (o) => {
+            var e;
+            return !!((e = o.data) != null && e.__INTER_FRAME_SOCKET_MESSAGE);
+        };
+		class b {
+        constructor(e, a, d) {
+            (this.sourceWindow = e),
+            (this.targetWindow = a),
+            (this.targetOrigin = d),
+            (this.emit = (s, r) => {
+                const t = h(s, r),
+                    i = u(t);
+                this.targetWindow.postMessage(i, this.targetOrigin);
+            });
+        }
+    }
+	class c {
+        constructor() {
+            this.socket = new b(
+                window,
+                window.parent,
+                new URL(document?.referrer || window?.origin).origin
+            );
+            return this;  // Return this object.
+        }
+        postback(e) {
+            this.socket.emit("postback", e);  // Send the postback event immediately.
+            return this;  // Return this object for chaining.
+        }
+        static log(...e) {
+            console.log("[AgentAssistWorkspaceSDK]", ...e);
+        }
+    }
+    window.SDK = new c();
+    document.getElementById('postbackButton').onclick = (event) => {
+        // data to be send in postback
+        const data = '__secureForms_init__'
+		event.target.disabled = true;
+        window.SDK.postback(data);
+    };
+    </script>
+    </body>
+</html>
+`;
+export default template;
+//# sourceMappingURL=stage0.js.map

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/secureForms/stage1.js ADDED Viewed

@@ -0,0 +1,82 @@
+const template = (params) => {
+    const { appUrl, appLinkSent } = params;
+    return `
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" />
+</head>
+<body>
+	<div
+      class="relative flex min-h-screen flex-col justify-center overflow-hidden py-6"
+    >
+	<p
+	  class="animate-pulse m-0 text-base text-center font-semibold text-lg"
+	>
+	  Waiting for payment card data...
+	</p>
+	 <p
+        class="m-0 mt-12 text-base text-center"
+      >
+        If the user has not received the link,
+		<br /> forward it manually:
+		<code class="my-4 block text-xs">${appUrl}</code>
+      </p>
+    </div>
+	<script>
+    const u = (o) => ({ __INTER_FRAME_SOCKET_MESSAGE: !0, workspaceEvent: o }),
+        h = (o, e) => ({ type: o, payload: e }),
+        w = (o) => {
+            var e;
+            return !!((e = o.data) != null && e.__INTER_FRAME_SOCKET_MESSAGE);
+        };
+		class b {
+        constructor(e, a, d) {
+            (this.sourceWindow = e),
+            (this.targetWindow = a),
+            (this.targetOrigin = d),
+            (this.emit = (s, r) => {
+                const t = h(s, r),
+                    i = u(t);
+                this.targetWindow.postMessage(i, this.targetOrigin);
+            });
+        }
+    }
+	class c {
+        constructor() {
+            this.socket = new b(
+                window,
+                window.parent,
+                new URL(document?.referrer || window?.origin).origin
+            );
+            return this;  // Return this object.
+        }
+		sendMessage(e) {
+            this.socket.emit("sendMessage", e);  // Send text message to handover session .
+            return this;  // Return this object for chaining.
+        }
+    }
+    window.SDK = new c();
+	if (!${appLinkSent}) {
+		window.SDK.sendMessage?.("${appUrl}");
+	}
+    </script>
+</body>
+</html>
+`;
+};
+export default template;
+//# sourceMappingURL=stage1.js.map

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/secureForms/stage2.js ADDED Viewed

@@ -0,0 +1,95 @@
+const template = (params) => {
+    const { retrieveUrl, jwtReadToken } = params;
+    return `
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" />
+</head>
+<body>
+		<div
+			class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12"
+		>
+			<form class="w-auto m-auto text-center" id="form">
+				<label for="pin" class="block">Unlock pin</label>
+				<input
+					type="text"
+					id="pin"
+					name="pin"
+					class="block py-2 px-2 font-semibold my-2 border border-gray-300 rounded-md mx-auto"
+					autocomplete="off"
+				/>
+				<p class="text-xs text-gray-700">Please enter the unlock pin provided by the customer</p>
+				<button
+					id="submit"
+					class="bg-blue-900 hover:bg-blue-800 text-white py-2 px-5 rounded-full m-auto mt-3 active:translate-y-0.5"
+				>
+					Unlock card info
+				</button>
+			</form>
+		</div>
+		<script type="module">
+			import dompurify from "https://cdn.jsdelivr.net/npm/dompurify@3.0.5/+esm"
+			const config = {ALLOWED_TAGS: [], SAFE_FOR_TEMPLATES: true};
+			const retrieveUrl = "${retrieveUrl}";
+			const apiKey = "${jwtReadToken}";
+			document.querySelector("#submit").addEventListener("click", async function (event) {
+				event.stopPropagation();
+				event.preventDefault();
+				try {
+					const pin = document.querySelector("#pin").value;
+					const button = document.querySelector("#submit");
+					button.setAttribute("disabled", true);
+					const fullUrl = new URL(retrieveUrl);
+					fullUrl.searchParams.append("pin", pin);
+					const result = await fetch(fullUrl, {
+						method: "GET",
+						headers: {
+							Authorization: apiKey,
+						},
+					});
+					if (!result.ok) throw new Error("The form could not be retrieved.");
+					const { fields } = await result.json();
+					const html = cardTemplate(fields);
+					document.getElementById("form").innerHTML = html;
+					document.getElementById("form").classList.remove("text-center");
+				} catch (error) {
+					console.error(error);
+					alert(
+						"Something went wrong when retrieving card data. More details in the console.",
+					);
+					button.setAttribute("disabled", false);
+				}
+			});
+			const cardTemplate = fields => \`
+						<div class="flex flex-col justify-center items-center pl-2">
+							<div class="flex flex-col">
+							 <p class="text-sm font-semibold">Card Number:<span class="font-normal"> \${dompurify.sanitize(fields.number, config)\}</span></p>
+							 <p class="text-sm font-semibold">Card Holder:<span class="font-normal"> \${dompurify.sanitize(fields.cardHolder, config)\}</span></p>
+							 <p class="text-sm font-semibold">Expiry:<span class="font-normal"> \${dompurify.sanitize(fields.expiration, config)\}</span></p>
+							 <p class="text-sm font-semibold">CVC/CVV:<span class="font-normal"> \${dompurify.sanitize(fields.cvc, config)\}</span></p>
+							 <p class="mt-8 text-sm text-gray-700">For security reasons, the card data can only be unlocked once.</p>
+							 <p class="text-sm text-gray-700">It disappears when switching to another conversation.</p>
+							 <p class="font-bold mt-4 text-sm text-gray-700">Take immediate action.</p>
+						</div>
+					</div>\`
+		</script>
+    </body>
+</html>
+`;
+};
+export default template;
+//# sourceMappingURL=stage2.js.map

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/secureForms/stageError.js ADDED Viewed

@@ -0,0 +1,83 @@
+const template = (params) => {
+    const { error } = params;
+    return `
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" />
+</head>
+<body>
+    <div
+      class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-white py-6 sm:py-12 text-center"
+    >
+	<h1 class="text-lg font-bold">${error}</h1>
+      <button
+	    id="postbackButton"
+        class="bg-red-800 hover:bg-red-700 disabled:bg-red-300 text-gray-50 py-2 px-4 rounded-full m-auto active:translate-y-0.5"
+      >
+        Request payment information
+      </button>
+    </div>
+    <script>
+    const u = (o) => ({ __INTER_FRAME_SOCKET_MESSAGE: !0, workspaceEvent: o }),
+        h = (o, e) => ({ type: o, payload: e }),
+        w = (o) => {
+            var e;
+            return !!((e = o.data) != null && e.__INTER_FRAME_SOCKET_MESSAGE);
+        };
+		class b {
+        constructor(e, a, d) {
+            (this.sourceWindow = e),
+            (this.targetWindow = a),
+            (this.targetOrigin = d),
+            (this.emit = (s, r) => {
+                const t = h(s, r),
+                    i = u(t);
+                this.targetWindow.postMessage(i, this.targetOrigin);
+            });
+        }
+    }
+	class c {
+        constructor() {
+            this.socket = new b(
+                window,
+                window.parent,
+                new URL(document?.referrer || window?.origin).origin
+            );
+            return this;  // Return this object.
+        }
+        postback(e) {
+            this.socket.emit("postback", e);  // Send the postback event immediately.
+            return this;  // Return this object for chaining.
+        }
+        static log(...e) {
+            console.log("[AgentAssistWorkspaceSDK]", ...e);
+        }
+    }
+    window.SDK = new c();
+    document.getElementById('postbackButton').onclick = (event) => {
+        // data to be send in postback
+        const data = '__secureForms_init__'
+		event.target.disabled = true;
+        window.SDK.postback(data);
+    };
+    </script>
+    </body>
+</html>
+`;
+};
+export default template;
+//# sourceMappingURL=stageError.js.map

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/sentimentAnalysisTemplate.js ADDED Viewed

@@ -0,0 +1,44 @@
+import { agentAssistTranslator } from "../helpers/agentAssistTranslator.helper";
+import stylesPartial from "./stylesPartial";
+const sentimentAnalysisTemplate = ({ sentiment, fontSize, input, }) => {
+    const mapSentimentToColor = {
+        positive: "bg-positive",
+        negative: "bg-negative",
+        neutral: "bg-neutral",
+    };
+    let currentSentiment = sentiment === null || sentiment === void 0 ? void 0 : sentiment.toLowerCase();
+    if (currentSentiment) {
+        Object.keys(mapSentimentToColor).forEach((key) => {
+            if (currentSentiment.includes(key)) {
+                currentSentiment = key;
+            }
+        });
+    }
+    const translatedSentiment = agentAssistTranslator({
+        key: currentSentiment,
+        input,
+    });
+    return `
+	<!DOCTYPE html>
+	<html lang="en">
+	<head>
+  		<meta charset="UTF-8">
+  		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+  		<title>Positive Box</title>
+  		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
+		<style>
+			${stylesPartial}
+		</style>
+	</head>
+	<body>
+  		<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="${fontSize} font-semibold text-white">${translatedSentiment}</span>
+    		</div>
+  		</div>
+	</body>
+	</html>
+	`;
+};
+export default sentimentAnalysisTemplate;
+//# sourceMappingURL=sentimentAnalysisTemplate.js.map

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/stylesPartial.js ADDED Viewed

@@ -0,0 +1,13 @@
+const stylesPartial = `
+	.bg-positive {
+		background-color: #86efac;
+	}
+	.bg-negative {
+		background-color: #e57373;
+	}
+	.bg-neutral {
+		background-color: #c0c0c0;
+	}
+`;
+export default stylesPartial;
+//# sourceMappingURL=stylesPartial.js.map

package/dist/esm/shared/charts/descriptors/agentAssist/htmlTemplates/transcriptAssistTemplate.js ADDED Viewed

@@ -0,0 +1,53 @@
+import stylesPartial from "./stylesPartial";
+const transcriptAssistTemplate = ({ message, assetsBaseURL, sentiment, fontSize, messageFontSize, }) => {
+    const mapSentimentToColor = {
+        positive: "bg-positive",
+        negative: "bg-negative",
+        neutral: "bg-neutral",
+    };
+    let currentSentiment = sentiment === null || sentiment === void 0 ? void 0 : sentiment.toLowerCase();
+    if (currentSentiment) {
+        Object.keys(mapSentimentToColor).forEach((key) => {
+            if (currentSentiment.includes(key)) {
+                currentSentiment = key;
+            }
+        });
+    }
+    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">
+	<style>
+		${stylesPartial}
+	</style>
+	</head>
+	<body>
+	<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 ${messageFontSize}">${message}</p>
+				</div>
+			</div>
+			${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="${assetsBaseURL}/assets/${currentSentiment}.svg" alt="Smiley Icon" />
+				</div>
+			</div>
+			`
+        : ""}
+		</div>
+	</div>
+	</body>
+	</html>
+	`;
+};
+export default transcriptAssistTemplate;
+//# sourceMappingURL=transcriptAssistTemplate.js.map