@aginies/webuikit 0.3.0 → 0.4.0

package/dist/index.cjs

@@ -87,6 +87,7 @@ var trimSlash = (s) => s.replace(/\/+$/, "");
 var AginiesClient = class {
   baseUrl;
   token;
+  /** True when activated from the platform's own page. */
   hosted;
   locale;
   fetchImpl;
@@ -621,7 +622,8 @@ var STRINGS = {
       tr: "Bu sohbet kurumsal kimlikle a\xE7\u0131l\u0131r.",
       en: "This chat opens with your organisation account."
     },
-    ssoButton: { tr: "Kurumsal giri\u015F", en: "Sign in" }
+    ssoButton: { tr: "Kurumsal giri\u015F", en: "Sign in" },
+    ssoRetry: { tr: "Giri\u015F yapt\u0131m, yenile", en: "I have signed in, refresh" }
   },
   voice: {
     talk: { tr: "Konu\u015Fmak i\xE7in dokunun", en: "Tap to talk" },
@@ -1699,6 +1701,26 @@ function useChat(identifier, enabled = true) {
     },
     [client, chatPath, conversationId, load]
   );
+  const signInWithSso = (0, import_react6.useCallback)(
+    async (email) => {
+      const res = await client.fetchRaw(chatPath, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email, checkSSOAccess: true })
+      });
+      if (!res.ok) return res.status === 401 || res.status === 403 ? "unauthorized" : "error";
+      const hostedPage = `${client.baseUrl}/chat/${encodeURIComponent(identifier)}`;
+      if (client.hosted) {
+        window.location.assign(
+          `${client.baseUrl}/sso?email=${encodeURIComponent(email)}&callbackUrl=${encodeURIComponent(window.location.pathname)}`
+        );
+      } else {
+        window.open(hostedPage, "_blank", "noopener");
+      }
+      return "redirected";
+    },
+    [client, chatPath, identifier]
+  );
   const requestCode = (0, import_react6.useCallback)(
     async (email) => {
       const res = await client.fetchRaw(`${chatPath}/otp`, {
@@ -1774,6 +1796,14 @@ function useChat(identifier, enabled = true) {
             if (text2 && !content) {
               content = text2;
               update({ content });
+            } else if (!content) {
+              const raw = extractFinalOutput(ev.data);
+              if (raw) {
+                content = `\`\`\`json
+${raw}
+\`\`\``;
+                update({ content });
+              }
             }
           } else if (ev.type === "error") {
             update({ content: ev.message, error: true, streaming: false });
@@ -1804,6 +1834,7 @@ function useChat(identifier, enabled = true) {
     authenticate,
     requestCode,
     verifyCode,
+    signInWithSso,
     reload: load
   };
 }
@@ -1820,6 +1851,14 @@ function extractFinalText(data) {
   }
   return null;
 }
+function extractFinalOutput(data) {
+  if (!data || typeof data !== "object") return null;
+  const d = data;
+  const payload = d.output ?? d.error;
+  if (payload === void 0 || payload === null) return null;
+  const text = typeof payload === "string" ? payload : JSON.stringify(payload, null, 2);
+  return text.trim() ? text : null;
+}
 function randomId() {
   if (typeof crypto !== "undefined" && "randomUUID" in crypto) return crypto.randomUUID();
   return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
@@ -1835,7 +1874,7 @@ function ChatWidget({
   className
 }) {
   const [open, setOpen] = (0, import_react6.useState)(defaultOpen || mode !== "bubble");
-  const { t } = useAginies();
+  const { t, client } = useAginies();
   const enabled = useModule("chat");
   const chat = useChat(identifier, enabled);
   const [voiceMode, setVoiceMode] = (0, import_react6.useState)(false);
@@ -1853,6 +1892,8 @@ function ChatWidget({
   });
   const capabilities = chat.config?.voice;
   const voiceAvailable = voice && voiceControls.supported && capabilities?.stt === true;
+  const state = client.getState();
+  const brand = state.status === "active" ? state.config.brand : { name: "Aginies", logoUrl: null };
   const title = chat.config?.title ?? chat.authTitle ?? launcherLabel ?? "Aginies";
   const themeClass = theme === "auto" ? void 0 : theme === "dark" ? "dark" : "light";
   if (!enabled) return null;
@@ -1896,7 +1937,9 @@ function ChatWidget({
             need: chat.authNeed,
             onPassword: chat.authenticate,
             onRequestCode: chat.requestCode,
-            onVerifyCode: chat.verifyCode
+            onVerifyCode: chat.verifyCode,
+            onSso: chat.signInWithSso,
+            onRetry: () => void chat.reload()
           }
         ) : !chat.config ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agi-chat__state", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, { label: t("common", "loading") }) }) : voiceMode ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           VoiceConversation,
@@ -1933,7 +1976,7 @@ function ChatWidget({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("footer", { className: "agi-chat__foot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: "https://www.aginies.com", target: "_blank", rel: "noreferrer", children: t("chat", "poweredBy") }) })
+        brand.poweredBy !== false && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("footer", { className: "agi-chat__foot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: brand.siteUrl ?? "https://www.aginies.com", target: "_blank", rel: "noreferrer", children: t("chat", "poweredBy") }) })
       ]
     }
   );
@@ -2313,28 +2356,55 @@ function ChatAuth({
   need,
   onPassword,
   onRequestCode,
-  onVerifyCode
+  onVerifyCode,
+  onSso,
+  onRetry
 }) {
-  const { t, client } = useAginies();
   if (need === "sso") {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__state", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: t("auth", "ssoTitle") }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: t("auth", "ssoHint") }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        Button,
-        {
-          variant: "signal",
-          onClick: () => window.open(`${client.baseUrl}/chat/`, "_blank", "noopener"),
-          children: t("auth", "ssoButton")
-        }
-      )
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SsoAuth, { onSso, onRetry });
   }
   if (need === "email") {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailAuth, { onRequestCode, onVerifyCode });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PasswordAuth, { onPassword });
 }
+function SsoAuth({
+  onSso,
+  onRetry
+}) {
+  const { t } = useAginies();
+  const [email, setEmail] = (0, import_react6.useState)("");
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [pending, setPending] = (0, import_react6.useState)(false);
+  const [redirected, setRedirected] = (0, import_react6.useState)(false);
+  const submit = async (e) => {
+    e.preventDefault();
+    setPending(true);
+    setError(null);
+    const result = await onSso(email.trim());
+    setPending(false);
+    if (result === "redirected") setRedirected(true);
+    else setError(t("auth", result === "unauthorized" ? "invalidEmail" : "codeError"));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "agi-chat__state agi-chat__auth", onSubmit: submit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: t("auth", "ssoTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: t("auth", "ssoHint") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { label: t("auth", "email"), error: error ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Input,
+      {
+        type: "email",
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        required: true,
+        autoComplete: "email"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__auth-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "signal", type: "submit", disabled: pending || !email.trim(), children: t("auth", "ssoButton") }),
+      redirected && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "ghost", type: "button", onClick: onRetry, children: t("auth", "ssoRetry") })
+    ] })
+  ] });
+}
 function PasswordAuth({
   onPassword
 }) {