@aginies/webuikit 0.3.0 → 0.4.0

package/dist/index.d.cts

@@ -26,6 +26,10 @@ interface ActivationConfig {
     brand: {
         name: string;
         logoUrl: string | null;
+        /** The brand's public site, for the footer link. */
+        siteUrl?: string;
+        /** False on whitelabelled installs: the footer does not name the platform. */
+        poweredBy?: boolean;
     };
     theme: Record<string, string | undefined> | null;
     /** Widget modules the activation unlocks; empty means all. */
@@ -124,7 +128,8 @@ declare class AginiesError extends Error {
 declare class AginiesClient {
     readonly baseUrl: string;
     readonly token: string | null;
-    private readonly hosted;
+    /** True when activated from the platform's own page. */
+    readonly hosted: boolean;
     readonly locale: 'tr' | 'en';
     private readonly fetchImpl;
     private state;
@@ -401,6 +406,7 @@ declare function useChat(identifier: string, enabled?: boolean): {
     }) => Promise<boolean>;
     requestCode: (email: string) => Promise<CodeRequestResult>;
     verifyCode: (email: string, otp: string) => Promise<boolean>;
+    signInWithSso: (email: string) => Promise<"redirected" | "unauthorized" | "error">;
     reload: () => Promise<void>;
 };
 interface ChatWidgetProps {
@@ -677,6 +683,10 @@ declare const STRINGS: {
             readonly tr: "Kurumsal giriş";
             readonly en: "Sign in";
         };
+        readonly ssoRetry: {
+            readonly tr: "Giriş yaptım, yenile";
+            readonly en: "I have signed in, refresh";
+        };
     };
     readonly voice: {
         readonly talk: {

package/dist/index.d.ts

@@ -26,6 +26,10 @@ interface ActivationConfig {
     brand: {
         name: string;
         logoUrl: string | null;
+        /** The brand's public site, for the footer link. */
+        siteUrl?: string;
+        /** False on whitelabelled installs: the footer does not name the platform. */
+        poweredBy?: boolean;
     };
     theme: Record<string, string | undefined> | null;
     /** Widget modules the activation unlocks; empty means all. */
@@ -124,7 +128,8 @@ declare class AginiesError extends Error {
 declare class AginiesClient {
     readonly baseUrl: string;
     readonly token: string | null;
-    private readonly hosted;
+    /** True when activated from the platform's own page. */
+    readonly hosted: boolean;
     readonly locale: 'tr' | 'en';
     private readonly fetchImpl;
     private state;
@@ -401,6 +406,7 @@ declare function useChat(identifier: string, enabled?: boolean): {
     }) => Promise<boolean>;
     requestCode: (email: string) => Promise<CodeRequestResult>;
     verifyCode: (email: string, otp: string) => Promise<boolean>;
+    signInWithSso: (email: string) => Promise<"redirected" | "unauthorized" | "error">;
     reload: () => Promise<void>;
 };
 interface ChatWidgetProps {
@@ -677,6 +683,10 @@ declare const STRINGS: {
             readonly tr: "Kurumsal giriş";
             readonly en: "Sign in";
         };
+        readonly ssoRetry: {
+            readonly tr: "Giriş yaptım, yenile";
+            readonly en: "I have signed in, refresh";
+        };
     };
     readonly voice: {
         readonly talk: {

package/dist/index.js

@@ -15,6 +15,7 @@ var trimSlash = (s) => s.replace(/\/+$/, "");
 var AginiesClient = class {
   baseUrl;
   token;
+  /** True when activated from the platform's own page. */
   hosted;
   locale;
   fetchImpl;
@@ -549,7 +550,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" },
@@ -1627,6 +1629,26 @@ function useChat(identifier, enabled = true) {
     },
     [client, chatPath, conversationId, load]
   );
+  const signInWithSso = useCallback3(
+    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 = useCallback3(
     async (email) => {
       const res = await client.fetchRaw(`${chatPath}/otp`, {
@@ -1702,6 +1724,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 });
@@ -1732,6 +1762,7 @@ function useChat(identifier, enabled = true) {
     authenticate,
     requestCode,
     verifyCode,
+    signInWithSso,
     reload: load
   };
 }
@@ -1748,6 +1779,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)}`;
@@ -1763,7 +1802,7 @@ function ChatWidget({
   className
 }) {
   const [open, setOpen] = useState4(defaultOpen || mode !== "bubble");
-  const { t } = useAginies();
+  const { t, client } = useAginies();
   const enabled = useModule("chat");
   const chat = useChat(identifier, enabled);
   const [voiceMode, setVoiceMode] = useState4(false);
@@ -1781,6 +1820,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;
@@ -1824,7 +1865,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__ */ jsx6("div", { className: "agi-chat__state", children: /* @__PURE__ */ jsx6(Spinner, { label: t("common", "loading") }) }) : voiceMode ? /* @__PURE__ */ jsx6(
           VoiceConversation,
@@ -1861,7 +1904,7 @@ function ChatWidget({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx6("footer", { className: "agi-chat__foot", children: /* @__PURE__ */ jsx6("a", { href: "https://www.aginies.com", target: "_blank", rel: "noreferrer", children: t("chat", "poweredBy") }) })
+        brand.poweredBy !== false && /* @__PURE__ */ jsx6("footer", { className: "agi-chat__foot", children: /* @__PURE__ */ jsx6("a", { href: brand.siteUrl ?? "https://www.aginies.com", target: "_blank", rel: "noreferrer", children: t("chat", "poweredBy") }) })
       ]
     }
   );
@@ -2241,28 +2284,55 @@ function ChatAuth({
   need,
   onPassword,
   onRequestCode,
-  onVerifyCode
+  onVerifyCode,
+  onSso,
+  onRetry
 }) {
-  const { t, client } = useAginies();
   if (need === "sso") {
-    return /* @__PURE__ */ jsxs5("div", { className: "agi-chat__state", children: [
-      /* @__PURE__ */ jsx6("h3", { children: t("auth", "ssoTitle") }),
-      /* @__PURE__ */ jsx6("p", { children: t("auth", "ssoHint") }),
-      /* @__PURE__ */ jsx6(
-        Button,
-        {
-          variant: "signal",
-          onClick: () => window.open(`${client.baseUrl}/chat/`, "_blank", "noopener"),
-          children: t("auth", "ssoButton")
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsx6(SsoAuth, { onSso, onRetry });
   }
   if (need === "email") {
     return /* @__PURE__ */ jsx6(EmailAuth, { onRequestCode, onVerifyCode });
   }
   return /* @__PURE__ */ jsx6(PasswordAuth, { onPassword });
 }
+function SsoAuth({
+  onSso,
+  onRetry
+}) {
+  const { t } = useAginies();
+  const [email, setEmail] = useState4("");
+  const [error, setError] = useState4(null);
+  const [pending, setPending] = useState4(false);
+  const [redirected, setRedirected] = useState4(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__ */ jsxs5("form", { className: "agi-chat__state agi-chat__auth", onSubmit: submit, children: [
+    /* @__PURE__ */ jsx6("h3", { children: t("auth", "ssoTitle") }),
+    /* @__PURE__ */ jsx6("p", { children: t("auth", "ssoHint") }),
+    /* @__PURE__ */ jsx6(Field, { label: t("auth", "email"), error: error ?? void 0, children: /* @__PURE__ */ jsx6(
+      Input,
+      {
+        type: "email",
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        required: true,
+        autoComplete: "email"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs5("div", { className: "agi-chat__auth-actions", children: [
+      /* @__PURE__ */ jsx6(Button, { variant: "signal", type: "submit", disabled: pending || !email.trim(), children: t("auth", "ssoButton") }),
+      redirected && /* @__PURE__ */ jsx6(Button, { variant: "ghost", type: "button", onClick: onRetry, children: t("auth", "ssoRetry") })
+    ] })
+  ] });
+}
 function PasswordAuth({
   onPassword
 }) {