@versini/sassysaint 4.1.0 → 4.2.0

package/dist/chunks/App.C-MlCVQG.js

@@ -0,0 +1,570 @@
+import { jsxs as S, jsx as t, Fragment as K } from "react/jsx-runtime";
+import { O as le, s as ce, S as ie, isLastMessageFromRole as Z, x as ee, CANCEL as de, CLEAR as ue, ACTION_RESET as se, ROLE_ASSISTANT as N, ROLE_INTERNAL as B, ROLE_USER as H, qr as z, ROLE_SYSTEM as me, ROLE_HIDDEN as pe, MODEL_GPT4 as re, STATS_SEPARATOR as P, ACTION_MODEL as te, ACTION_MESSAGE as v, TYPE_QUESTION as ge, SEND as ye, ACTION_STREAMING as oe, ERROR_MESSAGE as fe, getMessageContaintWrapperClass as he, MessagesContainerHeader as Ce, ACTION_SEARCH as Te, ACTION_SORT as Se, ACTION_RESTORE as Ee, ACTION_LOCATION as b, getCurrentGeoLocation as xe, c as Ae, AppFooter as Ne, LOCAL_STORAGE_PREFIX as M, LOCAL_STORAGE_SEARCH as Oe, LOCAL_STORAGE_SORT as Re, LOCAL_STORAGE_LOCATION as be } from "./index.BvXbpfqe.js";
+import { g as ne, AppContext as _, restCall as ve, kt as ke, E as D, serviceCall as j, SERVICE_TYPES as q, HistoryContext as Le, k as Ie } from "./useLocalStorage.DJIqD2i3.js";
+import { useState as U, useEffect as T, useContext as $, useRef as E, lazy as _e, Suspense as Y, useReducer as J, useCallback as we } from "react";
+import O from "clsx";
+const Me = ({
+  className: e,
+  viewBox: s,
+  spacing: n,
+  title: r,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ S(
+  ne,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: s,
+    className: e,
+    spacing: n,
+    title: r || "Copied",
+    ...o,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: "0.4",
+          d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
+        }
+      ),
+      /* @__PURE__ */ t("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
+    ]
+  }
+), De = ({
+  className: e,
+  viewBox: s,
+  spacing: n,
+  title: r,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ t(
+  ne,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: s,
+    className: e,
+    spacing: n,
+    title: r || "Copy",
+    ...o,
+    children: /* @__PURE__ */ t("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+  }
+), Ve = () => "p-4 sm:max-w-md md:max-w-2xl", He = ({ kind: e }) => O({
+  "bg-surface-lighter dark:bg-surface-dark": e === "left",
+  "bg-surface-accent": e === "right"
+}), Be = ({ kind: e }) => O(
+  "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
+  {
+    "text-copy-lighter": e === "right"
+  }
+), ze = ({ kind: e }) => O("rounded-b-xl", {
+  "rounded-tr-xl": e === "left",
+  "rounded-tl-xl": e === "right"
+}), Ue = ({
+  kind: e,
+  className: s,
+  spacing: n
+}) => {
+  const r = O(
+    s,
+    ce,
+    "flex items-start",
+    ie(n),
+    {
+      "flex-row-reverse": e === "right"
+    }
+  ), a = O(
+    "flex flex-col empty:hidden",
+    Ve(),
+    Be({ kind: e }),
+    He({ kind: e }),
+    ze({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = O("flex flex-col-reverse gap-2 sm:flex-row", {
+    "ml-2": e === "left",
+    "mr-2": e === "right"
+  });
+  return {
+    wrapper: r,
+    main: a,
+    footer: o,
+    copyButton: i
+  };
+}, $e = ({
+  children: e,
+  kind: s = "left",
+  className: n,
+  footer: r,
+  rawFooter: a,
+  copyToClipboard: o,
+  copyToClipboardFocusMode: i = "system",
+  copyToClipboardMode: f = "system",
+  spacing: c
+}) => {
+  const [g, l] = U(!1), p = Ue({ kind: s, className: n, spacing: c }), h = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), A = () => {
+    l(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  };
+  return T(() => {
+    let y;
+    return g && (y = window.setTimeout(() => {
+      l(!1);
+    }, 3e3)), () => {
+      clearTimeout(y);
+    };
+  }, [g]), /* @__PURE__ */ S("div", { className: p.wrapper, children: [
+    /* @__PURE__ */ S("div", { children: [
+      /* @__PURE__ */ t("div", { className: p.main, children: e }),
+      r && Object.keys(r).map((y) => r[y] ? /* @__PURE__ */ t("div", { className: "prose-p:m-0", children: /* @__PURE__ */ S("p", { className: p.footer, children: [
+        y,
+        ": ",
+        r[y]
+      ] }) }, `-${y}`) : null),
+      a && a
+    ] }),
+    h && /* @__PURE__ */ t("div", { className: p.copyButton, children: /* @__PURE__ */ t(
+      le,
+      {
+        noBorder: !0,
+        noBackground: !0,
+        size: "small",
+        mode: f,
+        focusMode: i,
+        label: g ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: A,
+        disabled: g,
+        children: g ? /* @__PURE__ */ t(Me, { className: "size-3" }) : /* @__PURE__ */ t(De, { className: "size-3" })
+      }
+    ) })
+  ] });
+};
+var m = [];
+for (var V = 0; V < 256; ++V)
+  m.push((V + 256).toString(16).slice(1));
+function Fe(e, s = 0) {
+  return (m[e[s + 0]] + m[e[s + 1]] + m[e[s + 2]] + m[e[s + 3]] + "-" + m[e[s + 4]] + m[e[s + 5]] + "-" + m[e[s + 6]] + m[e[s + 7]] + "-" + m[e[s + 8]] + m[e[s + 9]] + "-" + m[e[s + 10]] + m[e[s + 11]] + m[e[s + 12]] + m[e[s + 13]] + m[e[s + 14]] + m[e[s + 15]]).toLowerCase();
+}
+var L, Ge = new Uint8Array(16);
+function Pe() {
+  if (!L && (L = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !L))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return L(Ge);
+}
+var je = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const Q = {
+  randomUUID: je
+};
+function F(e, s, n) {
+  if (Q.randomUUID && !s && !e)
+    return Q.randomUUID();
+  e = e || {};
+  var r = e.random || (e.rng || Pe)();
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, Fe(r);
+}
+const qe = () => {
+  const { dispatch: e, state: s } = $(_), n = "mt-2 flex justify-center rounded-md", r = E(null), a = E(!1), o = (i) => {
+    i.preventDefault(), e({
+      type: se
+    });
+  };
+  return T(() => {
+    (s == null ? void 0 : s.streaming) === !0 && !a.current && r.current && (a.current = !0, r.current.focus()), (s == null ? void 0 : s.streaming) === !1 && (a.current = !1);
+  }, [s]), Z(N, s) ? /* @__PURE__ */ t("div", { className: n, children: /* @__PURE__ */ t(
+    ee,
+    {
+      ref: r,
+      noBorder: !0,
+      onClick: o,
+      mode: "dark",
+      focusMode: "light",
+      children: s != null && s.streaming ? de : ue
+    }
+  ) }) : null;
+}, W = _e(() => import("./LazyMessageAssistant.Brog9qTL.js").then((e) => e.LazyMessageAssistant)), Ye = () => {
+  const { state: e } = $(_);
+  return /* @__PURE__ */ S(K, { children: [
+    e && e.messages.length > 0 && e.messages.map((s, n) => {
+      const { role: r, content: a, name: o, processingTime: i } = s.message;
+      return (r === N || r === B) && a ? /* @__PURE__ */ t(Y, { fallback: /* @__PURE__ */ t("span", {}), children: /* @__PURE__ */ t(
+        W,
+        {
+          name: o,
+          processingTime: i,
+          children: a
+        }
+      ) }, `${n}-${r}`) : r === H && a ? /* @__PURE__ */ t(
+        $e,
+        {
+          kind: "right",
+          copyToClipboard: a,
+          copyToClipboardFocusMode: "light",
+          children: a
+        },
+        `${n}-${r}`
+      ) : null;
+    }),
+    Z(H, e) && /* @__PURE__ */ t(Y, { fallback: /* @__PURE__ */ t("span", {}), children: /* @__PURE__ */ t(W, { loading: !0 }) })
+  ] });
+}, I = (e, s) => {
+  e({
+    type: oe,
+    payload: {
+      streaming: s
+    }
+  });
+}, X = (e) => {
+  I(e, !1), e({
+    type: v,
+    payload: {
+      message: {
+        role: B,
+        content: fe
+      }
+    }
+  });
+}, Je = () => {
+  const { state: e, dispatch: s } = $(_), [n, r] = U(""), { getAccessToken: a, user: o } = z(), i = E(!1), f = E(null), c = E(
+    null
+  );
+  T(() => {
+    (async () => {
+      var p;
+      if (!e || e.messages.length === 0) {
+        (p = c == null ? void 0 : c.current) == null || p.cancel();
+        return;
+      }
+      const l = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || l.message.role === N || l.message.role === me || l.message.role === B || l.message.role === pe))
+        try {
+          const h = await ve({
+            accessToken: await a(),
+            name: "generate",
+            data: {
+              messages: e.messages,
+              model: re,
+              user: (o == null ? void 0 : o.username) || "",
+              id: e.id,
+              location: e.location,
+              usage: e.usage
+            }
+          });
+          if (h && h.ok) {
+            const A = F();
+            c.current = h.body.getReader();
+            const y = new TextDecoder();
+            for (; ; ) {
+              I(s, !0);
+              const { done: w, value: R } = await c.current.read();
+              if (w) {
+                I(s, !1);
+                break;
+              }
+              const d = y.decode(R, { stream: !0 }), C = d.indexOf(P);
+              if (C !== -1) {
+                const k = d.substring(0, C), x = JSON.parse(
+                  d.substring(C + P.length)
+                );
+                s({
+                  type: te,
+                  payload: {
+                    model: x.model,
+                    usage: x.usage
+                  }
+                }), s({
+                  type: v,
+                  payload: {
+                    message: {
+                      content: k,
+                      role: N,
+                      messageId: A,
+                      processingTime: x.processingTime,
+                      name: x.name
+                    }
+                  }
+                }), I(s, !1);
+                break;
+              } else
+                s({
+                  type: v,
+                  payload: {
+                    message: {
+                      content: d,
+                      role: N,
+                      messageId: A
+                    }
+                  }
+                });
+            }
+          } else
+            X(s);
+        } catch (h) {
+          console.error(h), X(s);
+        }
+    })();
+  }, [e == null ? void 0 : e.messages]);
+  const g = async (l) => {
+    l.preventDefault(), s({
+      type: v,
+      payload: {
+        message: {
+          role: H,
+          content: n
+        }
+      }
+    }), r("");
+  };
+  return T(() => {
+    (e == null ? void 0 : e.streaming) === !1 && !i.current && f.current && (i.current = !0, f.current.focus()), (e == null ? void 0 : e.streaming) === !0 && i.current === !0 && (i.current = !1);
+  }, [e]), /* @__PURE__ */ t("form", { className: "mt-2", onSubmit: g, children: /* @__PURE__ */ t(
+    ke,
+    {
+      mode: "dark",
+      focusMode: "light",
+      ref: f,
+      name: "chat-input",
+      label: ge,
+      helperText: "Press ENTER to add a new line",
+      helperTextOnFocus: !0,
+      required: !0,
+      value: n,
+      onChange: (l) => r(l.target.value),
+      rightElement: /* @__PURE__ */ t(
+        ee,
+        {
+          disabled: e == null ? void 0 : e.streaming,
+          noBorder: !0,
+          type: "submit",
+          mode: "light",
+          focusMode: "light",
+          children: ye
+        }
+      )
+    }
+  ) });
+}, Qe = () => {
+  const { isAuthenticated: e } = z(), s = he(e);
+  return /* @__PURE__ */ S(K, { children: [
+    /* @__PURE__ */ S("div", { className: s, children: [
+      /* @__PURE__ */ t(Ce, {}),
+      /* @__PURE__ */ t(Ye, {})
+    ] }),
+    /* @__PURE__ */ t(qe, {}),
+    /* @__PURE__ */ t(Je, {})
+  ] });
+}, We = (e, s) => (s == null ? void 0 : s.type) === Te ? {
+  searchString: s.payload.searchString,
+  sortedCell: e.sortedCell,
+  sortDirection: e.sortDirection
+} : (s == null ? void 0 : s.type) === Se ? {
+  searchString: e.searchString,
+  sortedCell: s.payload.sortedCell,
+  sortDirection: s.payload.sortDirection
+} : e, Xe = (e, s) => {
+  if ((s == null ? void 0 : s.type) === Ee) {
+    const n = s.payload.messages.map((r) => ({
+      message: {
+        role: r.role,
+        content: r.content,
+        name: r.name,
+        processingTime: r.processingTime
+      }
+    }));
+    return {
+      id: s.payload.id,
+      model: s.payload.model,
+      usage: s.payload.usage,
+      location: e.location,
+      isComponent: e.isComponent,
+      messages: n
+    };
+  }
+  if ((s == null ? void 0 : s.type) === v) {
+    const n = s.payload.message.role, r = s.payload.message.content, a = s.payload.message.name, o = s.payload.message.processingTime, i = s.payload.message.messageId;
+    if (n !== "") {
+      const f = {
+        role: n,
+        content: r,
+        name: a,
+        processingTime: o,
+        messageId: i
+      };
+      if (n === N) {
+        const c = e.messages.findIndex(
+          (g) => g.message.messageId === i
+        );
+        if (c !== -1) {
+          const g = e.messages.map((l, p) => p === c ? {
+            message: {
+              ...l.message,
+              content: `${l.message.content}${r}`,
+              processingTime: o,
+              name: a
+            }
+          } : l);
+          return {
+            id: e.id,
+            model: e.model,
+            usage: e.usage,
+            location: e.location,
+            isComponent: e.isComponent,
+            messages: g
+          };
+        }
+      }
+      return {
+        id: e.id,
+        model: e.model,
+        usage: e.usage,
+        location: e.location,
+        isComponent: e.isComponent,
+        messages: [
+          ...e.messages,
+          {
+            message: f
+          }
+        ]
+      };
+    }
+  }
+  return (s == null ? void 0 : s.type) === se ? {
+    id: F(),
+    model: e.model,
+    usage: 0,
+    messages: [],
+    location: e.location,
+    isComponent: e.isComponent
+  } : (s == null ? void 0 : s.type) === te ? {
+    id: e.id,
+    model: s.payload.model,
+    usage: s.payload.usage,
+    messages: e.messages,
+    location: e.location,
+    isComponent: e.isComponent
+  } : (s == null ? void 0 : s.type) === b ? {
+    id: e.id,
+    model: e.model,
+    usage: e.usage,
+    messages: e.messages,
+    location: s.payload.location,
+    isComponent: e.isComponent
+  } : (s == null ? void 0 : s.type) === oe ? {
+    ...e,
+    streaming: s.payload.streaming
+  } : e;
+};
+function ae({ isComponent: e = !1 }) {
+  const s = E(!1), n = E(!1), r = E(!1), { isAuthenticated: a, getAccessToken: o } = z(), [i] = D({
+    key: M + Oe,
+    initialValue: ""
+  }), [f] = D({
+    key: M + Re,
+    initialValue: Ie.ASC
+  }), [c, g] = D({
+    key: M + be,
+    initialValue: { latitude: 0, longitude: 0, accuracy: 0 }
+  }), [l, p] = J(Xe, {
+    id: F(),
+    model: re,
+    usage: 0,
+    messages: [],
+    isComponent: e
+  }), [h, A] = J(We, {
+    searchString: i,
+    sortedCell: "timestamp",
+    sortDirection: f
+  }), [y, w] = U({
+    version: "",
+    models: [],
+    plugins: []
+  }), R = we(() => {
+    p({
+      type: b,
+      payload: {
+        location: {
+          ...c,
+          city: "N/A"
+        }
+      }
+    });
+  }, [c]);
+  return T(() => {
+    y.version !== "" || r.current || (async () => {
+      try {
+        r.current = !0;
+        const d = await j({
+          accessToken: await o(),
+          type: q.ABOUT
+        });
+        r.current = !1, d.status === 200 && w(d.data);
+      } catch {
+      }
+    })();
+  }, [y, o]), T(() => {
+    a && (s.current || ((!c || c.accuracy === 0) && (s.current = !0, (async () => {
+      const d = await xe();
+      g(d), p({
+        type: b,
+        payload: {
+          location: d
+        }
+      });
+    })()), c && c.accuracy !== 0 && !l.location && p({
+      type: b,
+      payload: {
+        location: c
+      }
+    })));
+  }, [a, c, g, l.location]), T(() => {
+    !l.location || l.location.accuracy === 0 || l.location.city || l.location.displayName || n.current || (async () => {
+      var d, C, k, x, G;
+      n.current = !0;
+      try {
+        const u = await j({
+          accessToken: await o(),
+          type: q.GET_LOCATION,
+          params: {
+            latitude: c.latitude,
+            longitude: c.longitude
+          }
+        });
+        n.current = !1, u.status !== 200 || ((d = u == null ? void 0 : u.errors) == null ? void 0 : d.length) > 0 ? R() : p({
+          type: b,
+          payload: {
+            location: {
+              ...c,
+              country: (C = u == null ? void 0 : u.data) == null ? void 0 : C.country,
+              state: (k = u == null ? void 0 : u.data) == null ? void 0 : k.state,
+              city: ((x = u == null ? void 0 : u.data) == null ? void 0 : x.city) || "N/A",
+              displayName: (G = u == null ? void 0 : u.data) == null ? void 0 : G.displayName
+            }
+          }
+        });
+      } catch {
+        R();
+      }
+    })();
+  }, [l, c, o, R]), T(() => {
+    var d;
+    (d = document.getElementById("logo")) == null || d.classList.add("fadeOut"), setTimeout(() => {
+      var C;
+      (C = document.getElementById("root")) == null || C.classList.replace("app-hidden", "fadeIn");
+    }, 500);
+  }), /* @__PURE__ */ t(_.Provider, { value: { state: l, dispatch: p, serverStats: y }, children: /* @__PURE__ */ S(
+    Le.Provider,
+    {
+      value: {
+        state: h,
+        dispatch: A
+      },
+      children: [
+        /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(Qe, {}) }),
+        /* @__PURE__ */ t(Ne, { serverStats: y })
+      ]
+    }
+  ) });
+}
+ae.displayName = "App";
+const ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: ae }, Symbol.toStringTag, { value: "Module" }));
+export {
+  ts as App,
+  $e as T
+};