@magemetrics/ai 0.0.39 → 0.0.40

package/dist/react/index.d.ts

@@ -32,6 +32,7 @@ declare type PersistenceOptions = "localStorage" | "queryParam" | "none";
 
 declare type StartOptions = DisplayControlProps & {
     label?: string;
+    recommendationsLabel?: string;
 };
 
 export { }

package/dist/web-component/{browser-6VS_4eco.js → browser-DSh6QxsE.js}

@@ -1,4 +1,4 @@
-import { g as o } from "./web-component-Bkvh5GBk.js";
+import { g as o } from "./web-component-Do6GLPMb.js";
 var r, e;
 function t() {
   return e || (e = 1, r = function() {

package/dist/web-component/{web-component-Bkvh5GBk.js → web-component-Do6GLPMb.js}

@@ -15928,7 +15928,7 @@ class She {
         close: () => {
           this.conn = null;
         }
-      }), import("./browser-6VS_4eco.js").then((t) => t.b).then(({ default: t }) => {
+      }), import("./browser-DSh6QxsE.js").then((t) => t.b).then(({ default: t }) => {
         this.conn = new t(this.endpointURL(), void 0, {
           headers: this.headers
         }), this.setupConnection();
@@ -21910,7 +21910,7 @@ const Yme = (e, t) => {
     loading: !0
   }), o = U.useRef(Symbol("initial")), { data: s } = qme(t), { mutateAsync: l, isPending: u } = Gme();
   U.useEffect(() => {
-    rme(r, "0.0.39");
+    rme(r, "0.0.40");
   }, [r]), U.useEffect(() => {
     if (console.debug("Main Supabase auth effect re-running."), console.debug(
       `Effect dependencies: apiInformation=${!!s}, externalJwt='${n}', isExchangingTokens=${u}, processedJwtRef='${String(o.current)}'`
@@ -34826,26 +34826,27 @@ ${n}`);
   },
   staleTime: 60 * 1e3
 }), k1e = () => Pi(U1e()), P1e = ({
-  startFlow: e
+  label: e,
+  startFlow: t
 }) => {
-  const { data: t, status: n } = k1e(), r = U.useMemo(() => t == null ? void 0 : t.slice(0, 3), [t]);
+  const { data: n, status: r } = k1e(), i = U.useMemo(() => n == null ? void 0 : n.slice(0, 3), [n]);
   return /* @__PURE__ */ I.jsxs("div", { className: "mm:flex mm:flex-col mm:gap-4 mm:flex-1", children: [
-    /* @__PURE__ */ I.jsx(ct, { as: "h2", className: "mm:uppercase mm:font-semibold mm:text-base", children: "Recommendations based on your data" }),
+    /* @__PURE__ */ I.jsx(ct, { as: "h2", className: "mm:uppercase mm:font-semibold mm:text-base", children: e }),
     /* @__PURE__ */ I.jsx(
       "div",
       {
         className: st(
           "mm:flex mm:flex-col mm:md:flex-row mm:items-stretch mm:flex-nowrap mm:gap-1.5"
         ),
-        children: n === "success" ? r == null ? void 0 : r.map((i) => /* @__PURE__ */ I.jsx(
+        children: r === "success" ? i == null ? void 0 : i.map((a) => /* @__PURE__ */ I.jsx(
           F1e,
           {
-            startFlow: e,
-            starter: i.starter,
-            explanation: i.explanation,
-            type: i.type
+            startFlow: t,
+            starter: a.starter,
+            explanation: a.explanation,
+            type: a.type
           },
-          i.starter
+          a.starter
         )) : /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
           /* @__PURE__ */ I.jsx(RE, {}),
           /* @__PURE__ */ I.jsx(RE, {}),
@@ -34879,27 +34880,28 @@ ${n}`);
   ) })
 ] }), m5 = ({
   label: e,
-  showRecentChats: t,
-  showRecommendations: n,
-  showBackdrop: r,
-  onClose: i
+  recommendationsLabel: t,
+  showRecentChats: n,
+  showRecommendations: r,
+  showBackdrop: i,
+  onClose: a
 }) => {
-  const [a, o] = U.useState(""), [s, l] = U.useState(!1), u = U.useRef(null), A = Oh(rA), { mutate: f } = Jge({
-    onSuccess: (B) => {
-      A(B.flowId);
-    }
-  }), h = Yve(() => {
-    l(!1), i == null || i();
-  }), p = (B) => {
-    f(B.trim());
-  }, v = U.useMemo(
-    () => a.length > 30 || /[\r\n]/.test(a) ? a.slice(0, 30).replace(/[\r\n]/g, " ") + "…" : a,
-    [a]
-  ), g = s && n, w = s && t, b = s && r;
+  const [o, s] = U.useState(""), [l, u] = U.useState(!1), A = U.useRef(null), f = Oh(rA), { mutate: h } = Jge({
+    onSuccess: (x) => {
+      f(x.flowId);
+    }
+  }), p = Yve(() => {
+    u(!1), a == null || a();
+  }), v = (x) => {
+    h(x.trim());
+  }, g = U.useMemo(
+    () => o.length > 30 || /[\r\n]/.test(o) ? o.slice(0, 30).replace(/[\r\n]/g, " ") + "…" : o,
+    [o]
+  ), w = l && r, b = l && n, B = l && i;
   return U.useEffect(() => {
-    u.current && (u.current.style.height = "auto", s ? u.current.style.height = `${u.current.scrollHeight}px` : u.current.style.height = "2.25rem");
-  }, [a, s]), /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
-    b && /* @__PURE__ */ I.jsx(
+    A.current && (A.current.style.height = "auto", l ? A.current.style.height = `${A.current.scrollHeight}px` : A.current.style.height = "2.25rem");
+  }, [o, l]), /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
+    B && /* @__PURE__ */ I.jsx(
       no.div,
       {
         variants: R$,
@@ -34922,9 +34924,9 @@ ${n}`);
           "div",
           {
             className: "mm:flex mm:flex-col mm:pb-4 mm:flex-1 mm:gap-3",
-            ref: h,
+            ref: p,
             children: [
-              g && /* @__PURE__ */ I.jsx(ia, { asChild: !0, children: /* @__PURE__ */ I.jsx(
+              w && /* @__PURE__ */ I.jsx(ia, { asChild: !0, children: /* @__PURE__ */ I.jsx(
                 no.div,
                 {
                   initial: { opacity: 0 },
@@ -34936,14 +34938,20 @@ ${n}`);
                   },
                   style: { overflow: "hidden", originY: 1 },
                   className: "mm:border-none",
-                  children: /* @__PURE__ */ I.jsx(P1e, { startFlow: p })
+                  children: /* @__PURE__ */ I.jsx(
+                    P1e,
+                    {
+                      label: t,
+                      startFlow: v
+                    }
+                  )
                 }
               ) }),
               /* @__PURE__ */ I.jsx(ia, { className: "mm:relative mm:z-1", children: /* @__PURE__ */ I.jsxs(
                 _u,
                 {
-                  direction: s ? "column" : "row",
-                  className: s ? "mm:gap-2" : "mm:gap-4",
+                  direction: l ? "column" : "row",
+                  className: l ? "mm:gap-2" : "mm:gap-4",
                   children: [
                     /* @__PURE__ */ I.jsxs(Yt, { className: "mm:justify-between mm:items-center", children: [
                       /* @__PURE__ */ I.jsx(
@@ -34955,18 +34963,18 @@ ${n}`);
                           children: e
                         }
                       ),
-                      w && /* @__PURE__ */ I.jsx(O1e, {})
+                      b && /* @__PURE__ */ I.jsx(O1e, {})
                     ] }),
                     /* @__PURE__ */ I.jsx(
                       "form",
                       {
-                        onSubmit: (B) => {
-                          B.preventDefault(), a.length > 0 && p(a);
+                        onSubmit: (x) => {
+                          x.preventDefault(), o.length > 0 && v(o);
                         },
                         className: st(
                           "mm:p-[1px] mm:rounded-[4px] mm:w-full",
-                          !s && "mm:bg-muted",
-                          s && "mm-highlight-gradient mm:shadow-secondary/20"
+                          !l && "mm:bg-muted",
+                          l && "mm-highlight-gradient mm:shadow-secondary/20"
                         ),
                         children: /* @__PURE__ */ I.jsxs(_u, { className: "mm:bg-background mm:rounded-[3px] mm:flex-grow", children: [
                           /* @__PURE__ */ I.jsx(
@@ -34974,18 +34982,18 @@ ${n}`);
                             {
                               className: st(
                                 "mm:leading-6 mm:w-full mm:resize-none mm:box-border mm:border-none mm:rounded-[3px] mm:outline-none mm:duration-200 mm:ease-in-out mm:max-h-[500px] mm:px-2 mm:py-1.5 mm:font-serif",
-                                !s && "mm:overflow-hidden"
+                                !l && "mm:overflow-hidden"
                               ),
-                              ref: u,
-                              onChange: (B) => {
-                                o(B.target.value);
+                              ref: A,
+                              onChange: (x) => {
+                                s(x.target.value);
                               },
-                              value: s ? a : v,
+                              value: l ? o : g,
                               onFocus: () => {
-                                l(!0);
+                                u(!0);
                               },
-                              onKeyDown: (B) => {
-                                B.key === "Enter" && !B.shiftKey && (B.preventDefault(), p(a));
+                              onKeyDown: (x) => {
+                                x.key === "Enter" && !x.shiftKey && (x.preventDefault(), v(o));
                               }
                             }
                           ),
@@ -34994,13 +35002,13 @@ ${n}`);
                             {
                               variant: "icon",
                               type: "submit",
-                              className: st(!s && "mm:self-center"),
+                              className: st(!l && "mm:self-center"),
                               children: /* @__PURE__ */ I.jsx(
                                 fee,
                                 {
                                   size: 18,
                                   className: st(
-                                    a.length > 0 && "mm:fill-secondary"
+                                    o.length > 0 && "mm:fill-secondary"
                                   )
                                 }
                               )
@@ -83366,13 +83374,14 @@ const ort = ({
   onClose: e,
   startOptions: t
 }) => {
-  const n = pg(rA), r = pg(Em), a = !!n && r === "conversation", o = (t == null ? void 0 : t.showRecentChats) ?? !1, s = (t == null ? void 0 : t.showRecommendations) ?? !1, l = (t == null ? void 0 : t.showBackdrop) ?? !1, u = (t == null ? void 0 : t.label) || "Ask your data about";
+  const n = pg(rA), r = pg(Em), a = !!n && r === "conversation", o = (t == null ? void 0 : t.showRecentChats) ?? !1, s = (t == null ? void 0 : t.showRecommendations) ?? !1, l = (t == null ? void 0 : t.showBackdrop) ?? !1, u = (t == null ? void 0 : t.label) || "Ask your data about", A = (t == null ? void 0 : t.recommendationsLabel) || "Recommendations based on your data";
   return /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
     /* @__PURE__ */ I.jsx(Q1e, { children: /* @__PURE__ */ I.jsx(Drt, { opened: a }) }),
     !a && /* @__PURE__ */ I.jsx(
       D1e,
       {
         label: u,
+        recommendationsLabel: A,
         showRecentChats: o,
         showRecommendations: s,
         showBackdrop: l,

package/dist/web-component/web-component.es.d.ts

@@ -34,6 +34,7 @@ export declare type SearchElementAttributes = ComponentPropsWithoutRef<typeof Ma
 
 declare type StartOptions = DisplayControlProps & {
     label?: string;
+    recommendationsLabel?: string;
 };
 
 export { }

package/dist/web-component/web-component.es.js

@@ -1,4 +1,4 @@
-import { c as o, l as r } from "./web-component-Bkvh5GBk.js";
+import { c as o, l as r } from "./web-component-Do6GLPMb.js";
 export {
   o as createMagemetrics,
   r as logout

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magemetrics/ai",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "type": "module",
   "dependencies": {
     "@ai-sdk/react": "^1.2.12",