@genai-fi/base 4.3.0 → 4.3.2

package/dist/components/Feedback/Feedback.d.ts

@@ -1,10 +1,11 @@
 import { CSSProperties } from 'react';
 interface Props {
     application: string;
+    apiUrl: string;
     delay?: number;
     className?: string;
     style?: CSSProperties;
     variant?: 'contained' | 'outlined' | 'text';
 }
-export default function Feedback({ application, delay, className, style, variant }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Feedback({ application, apiUrl, delay, className, style, variant }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Feedback/Feedback.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as b, Fragment as h } from "react/jsx-runtime";
+import { jsx as o, jsxs as S, Fragment as T } from "react/jsx-runtime";
 import "../../state/webrtcState.js";
-import { useState as o, useEffect as k } from "react";
-import { useTranslation as S } from "react-i18next";
+import { useState as r, useEffect as g } from "react";
+import { useTranslation as w } from "react-i18next";
 import "../../hooks/peer.js";
-import { Button as T } from "../Button/Button.js";
+import { Button as F } from "../Button/Button.js";
 import "../../index-SOhdqzHq.js";
 import "../../style/theme.js";
 import "../../util/canvas.js";
@@ -16,48 +16,54 @@ import "../WorkflowLayout/svgContext.js";
 import "../WorkflowLayout/Widget.js";
 import "../IconMenu/context.js";
 import "@emotion/react";
-import g from "./FeedbackForm.js";
-import { c as I } from "../../createSvgIcon-BM4dw4Lw.js";
-const v = I(/* @__PURE__ */ t("path", {
+import I from "./FeedbackForm.js";
+import { c as v } from "../../createSvgIcon-BM4dw4Lw.js";
+const j = v(/* @__PURE__ */ o("path", {
   d: "M12 6c0-.55-.45-1-1-1H5.82l.66-3.18.02-.23c0-.31-.13-.59-.33-.8L5.38 0 .44 4.94C.17 5.21 0 5.59 0 6v6.5c0 .83.67 1.5 1.5 1.5h6.75c.62 0 1.15-.38 1.38-.91l2.26-5.29c.07-.17.11-.36.11-.55zm10.5 4h-6.75c-.62 0-1.15.38-1.38.91l-2.26 5.29c-.07.17-.11.36-.11.55V18c0 .55.45 1 1 1h5.18l-.66 3.18-.02.24c0 .31.13.59.33.8l.79.78 4.94-4.94c.27-.27.44-.65.44-1.06v-6.5c0-.83-.67-1.5-1.5-1.5"
 }), "ThumbsUpDown");
-function P({ application: c, delay: e, className: n, style: i, variant: s }) {
-  const { t: a } = S(), [p, u] = o(!1), [l, w] = o(""), [f, r] = o(!1), m = localStorage.getItem("feedbackSubmitted") === "true";
-  return k(() => {
-    if (!m) {
-      const d = setTimeout(
+function R({ application: s, apiUrl: t, delay: n, className: a, style: p, variant: u }) {
+  const { t: f } = w(), [l, c] = r(!1), [d, h] = r(""), [b, m] = r(!1), i = localStorage.getItem("feedbackSubmitted") === "true";
+  return g(() => {
+    if (!i) {
+      const k = setTimeout(
         () => {
+          t && fetch(`${t}`).then((e) => e.json()).then((e) => {
+            h(e.token), c(!0);
+          }).catch(() => {
+            console.warn("Feedback denied");
+          });
         },
-        e ?? 3e5
+        n ?? 3e5
       );
-      return () => clearTimeout(d);
+      return () => clearTimeout(k);
     }
-  }, [m, e]), /* @__PURE__ */ b(h, { children: [
-    p && /* @__PURE__ */ t(
-      T,
+  }, [i, n, t]), /* @__PURE__ */ S(T, { children: [
+    l && /* @__PURE__ */ o(
+      F,
       {
-        variant: s ?? "contained",
-        onClick: () => r(!0),
-        className: n,
-        style: i,
-        startIcon: /* @__PURE__ */ t(v, {}),
-        children: a("feedback.button")
+        variant: u ?? "contained",
+        onClick: () => m(!0),
+        className: a,
+        style: p,
+        startIcon: /* @__PURE__ */ o(j, {}),
+        children: f("feedback.button")
       }
     ),
-    /* @__PURE__ */ t(
-      g,
+    /* @__PURE__ */ o(
+      I,
       {
-        open: f,
-        onClose: () => r(!1),
+        open: b,
+        apiUrl: t,
+        onClose: () => m(!1),
         onDone: () => {
-          localStorage.setItem("feedbackSubmitted", "true"), u(!1);
+          localStorage.setItem("feedbackSubmitted", "true"), c(!1);
         },
-        token: l,
-        application: c
+        token: d,
+        application: s
       }
     )
   ] });
 }
 export {
-  P as default
+  R as default
 };

package/dist/components/Feedback/FeedbackForm.d.ts

@@ -2,8 +2,9 @@ interface Props {
     token: string;
     application: string;
     open?: boolean;
+    apiUrl: string;
     onClose?: () => void;
     onDone?: () => void;
 }
-export default function FeedbackForm({ application, open, onClose, token, onDone }: Props): import("react/jsx-runtime").JSX.Element;
+export default function FeedbackForm({ application, open, onClose, token, onDone, apiUrl }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Feedback/FeedbackForm.js

@@ -1,88 +1,107 @@
-import { jsxs as o, Fragment as N, jsx as e } from "react/jsx-runtime";
-import { Dialog as T, DialogContent as Y, DialogActions as _ } from "@mui/material";
-import { s as l } from "../../Feedback.module-C2gI6YmB.js";
-import { useState as r, useRef as j, useEffect as A } from "react";
-import { Button as b } from "../Button/Button.js";
-import B from "./Rating.js";
-import F from "./Recommend.js";
-import y from "./Experience.js";
-import { useTranslation as I } from "react-i18next";
-const x = "https://store.gen-ai.fi/common/thank_you_graphic.jpg";
-function M(c, n, a) {
-  return !(c <= 0 || c > 5 || n <= 0 || n > 5 || a.length > 1e3);
+import { jsxs as r, Fragment as F, jsx as e } from "react/jsx-runtime";
+import { Dialog as S, DialogContent as Y, DialogActions as _ } from "@mui/material";
+import { s as h } from "../../Feedback.module-C2gI6YmB.js";
+import { useState as o, useRef as A, useEffect as B } from "react";
+import { Button as T } from "../Button/Button.js";
+import D from "./Rating.js";
+import O from "./Recommend.js";
+import I from "./Experience.js";
+import { useTranslation as M } from "react-i18next";
+const y = "https://store.gen-ai.fi/common/thank_you_graphic.jpg";
+function P(a, t, s) {
+  return !(a <= 0 || a > 5 || t <= 0 || t > 5 || s.length > 1e3);
 }
-function L({ application: c, open: n, onClose: a, token: S, onDone: w }) {
-  const { t } = I(), [d, f] = r(0), [m, u] = r(0), [h, g] = r(""), [i, C] = r(!1), [s, v] = r(!1), p = j(!1);
-  A(() => {
-    if (!n || p.current) return;
-    const E = new Image();
-    E.src = x, p.current = !0;
-  }, [n]);
-  const R = M(d, m, h), D = () => {
-  }, k = () => {
-    a && a(), setTimeout(() => {
-      C(!1), v(!1), f(0), u(0), g("");
+function Q({ application: a, open: t, onClose: s, token: E, onDone: g, apiUrl: p }) {
+  const { t: n } = M(), [l, k] = o(0), [f, b] = o(0), [d, x] = o(""), [i, C] = o(!1), [c, m] = o(!1), v = A(!1);
+  B(() => {
+    if (!t || v.current) return;
+    const u = new Image();
+    u.src = y, v.current = !0;
+  }, [t]);
+  const N = P(l, f, d), j = () => {
+    p && fetch(`${p}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        token: E,
+        application: a,
+        rating: l,
+        recommend: f,
+        describe: d,
+        valuableFeature: "",
+        suggestions: ""
+      })
+    }).then((u) => {
+      u.ok ? (C(!0), g && g()) : m(!0);
+    }).catch(() => {
+      m(!0);
+    });
+  }, R = () => {
+    s && s(), setTimeout(() => {
+      C(!1), m(!1), k(0), b(0), x("");
     }, 500);
   };
-  return /* @__PURE__ */ o(
-    T,
+  return /* @__PURE__ */ r(
+    S,
     {
-      open: n ?? !1,
-      onClose: k,
+      open: t ?? !1,
+      onClose: R,
       children: [
-        /* @__PURE__ */ o(Y, { className: l.feedback, children: [
-          !i && !s && /* @__PURE__ */ o(N, { children: [
-            /* @__PURE__ */ e("h1", { children: t("feedback.title") }),
+        /* @__PURE__ */ r(Y, { className: h.feedback, children: [
+          !i && !c && /* @__PURE__ */ r(F, { children: [
+            /* @__PURE__ */ e("h1", { children: n("feedback.title") }),
             /* @__PURE__ */ e(
-              B,
+              D,
               {
-                rating: d,
-                onChange: f
+                rating: l,
+                onChange: k
               }
             ),
             /* @__PURE__ */ e(
-              F,
+              O,
               {
-                rating: m,
-                onChange: u
+                rating: f,
+                onChange: b
               }
             ),
             /* @__PURE__ */ e(
-              y,
+              I,
               {
-                experience: h,
-                onChange: g
+                experience: d,
+                onChange: x
               }
             )
           ] }),
-          i && /* @__PURE__ */ e("div", { className: l.thankYouBox, children: /* @__PURE__ */ e(
+          i && /* @__PURE__ */ e("div", { className: h.thankYouBox, children: /* @__PURE__ */ e(
             "img",
             {
-              src: x,
-              alt: t("feedback.thankYou")
+              src: y,
+              alt: n("feedback.thankYou")
             }
           ) }),
-          s && /* @__PURE__ */ o("div", { className: l.messageBox, children: [
-            /* @__PURE__ */ e("h1", { children: t("feedback.error") }),
-            /* @__PURE__ */ e("p", { children: t("feedback.errorMessage") })
+          c && /* @__PURE__ */ r("div", { className: h.messageBox, children: [
+            /* @__PURE__ */ e("h1", { children: n("feedback.error") }),
+            /* @__PURE__ */ e("p", { children: n("feedback.errorMessage") })
           ] })
         ] }),
-        /* @__PURE__ */ o(_, { children: [
+        /* @__PURE__ */ r(_, { children: [
           /* @__PURE__ */ e(
-            b,
+            T,
             {
-              variant: !i && !s ? "outlined" : "contained",
-              onClick: k,
-              children: t("feedback.close")
+              variant: !i && !c ? "outlined" : "contained",
+              onClick: R,
+              children: n("feedback.close")
             }
           ),
-          !i && !s && /* @__PURE__ */ e(
-            b,
+          !i && !c && /* @__PURE__ */ e(
+            T,
             {
               variant: "contained",
-              onClick: D,
-              disabled: !R,
-              children: t("feedback.send")
+              onClick: j,
+              disabled: !N,
+              children: n("feedback.send")
             }
           )
         ] })
@@ -91,5 +110,5 @@ function L({ application: c, open: n, onClose: a, token: S, onDone: w }) {
   );
 }
 export {
-  L as default
+  Q as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genai-fi/base",
-    "version": "4.3.0",
+    "version": "4.3.2",
     "license": "MIT",
     "type": "module",
     "main": "dist/main.js",