@smartspace/chat-ui 1.13.1-pr.275.7af79b8 → 1.14.0-main.5f4f2ef

package/dist/index.js

@@ -1,7 +1,7 @@
 import MuiButton from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import { Loader2, Check, X, Paperclip, ArrowBigUp, Minimize2, AlertTriangle, FileImage, FileVideo, FileAudio, FileArchive, FileCode, FileSpreadsheet, Presentation, FileText, ChevronUp, ExternalLink, Copy, Download } from 'lucide-react';
-import * as React9 from 'react';
+import * as React8 from 'react';
 import { createContext, forwardRef, useImperativeHandle, useRef, useState, useEffect, useMemo, useCallback, createElement, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { useQuery, queryOptions, useQueryClient, useMutation, skipToken } from '@tanstack/react-query';
@@ -1687,7 +1687,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React9.forwardRef(
+var Button = React8.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -2902,128 +2902,6 @@ var modelIdRendererTester = rankWith(
   }
 );
 var ModelIdRendererControl = withJsonFormsControlProps(ModelIdRenderer);
-var NumberRenderer = ({
-  data,
-  handleChange,
-  path: path2,
-  label,
-  description,
-  errors,
-  schema,
-  uischema,
-  visible,
-  enabled,
-  required
-}) => {
-  const isInteger = schema?.type === "integer";
-  const handleInputChange = useCallback(
-    (event) => {
-      const raw2 = event.target.value;
-      if (raw2 === "") {
-        handleChange(path2, void 0);
-        return;
-      }
-      const parsed = isInteger ? parseInt(raw2, 10) : parseFloat(raw2);
-      if (Number.isNaN(parsed)) {
-        handleChange(path2, void 0);
-        return;
-      }
-      handleChange(path2, parsed);
-    },
-    [handleChange, path2, isInteger]
-  );
-  if (!visible) return null;
-  const readOnly = uischema?.access === "Read";
-  const isDisabled = !enabled || readOnly;
-  const hasError = !!errors && errors.length > 0;
-  const fieldSchema = schema;
-  const min = fieldSchema?.minimum;
-  const max = fieldSchema?.maximum;
-  const step = isInteger ? 1 : fieldSchema?.multipleOf ?? "any";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "ss-jsonforms-field ss-jsonforms-number",
-      style: {
-        display: "inline-flex",
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 8,
-        minHeight: "40px"
-      },
-      children: [
-        label && /* @__PURE__ */ jsxs(
-          "label",
-          {
-            htmlFor: `number-${path2}`,
-            style: {
-              color: hasError ? "#ef4444" : "#475569",
-              fontSize: "0.875rem",
-              fontWeight: 500,
-              whiteSpace: "nowrap",
-              lineHeight: "24px"
-            },
-            children: [
-              label,
-              required && /* @__PURE__ */ jsx("span", { style: { color: "#ef4444", marginLeft: "0.25rem" }, children: "*" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            id: `number-${path2}`,
-            type: "number",
-            value: data ?? "",
-            onChange: handleInputChange,
-            disabled: isDisabled,
-            min,
-            max,
-            step,
-            style: {
-              width: "80px",
-              height: "24px",
-              padding: "0 0.5rem",
-              border: hasError ? "2px solid #ef4444" : "1px solid #d1d5db",
-              borderRadius: "6px",
-              fontSize: "0.875rem",
-              lineHeight: "24px",
-              fontFamily: "inherit",
-              backgroundColor: isDisabled ? "#f9fafb" : "#ffffff",
-              color: isDisabled ? "#9ca3af" : "#111827",
-              outline: "none",
-              boxSizing: "border-box"
-            }
-          }
-        ),
-        hasError && /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              color: "#ef4444",
-              fontSize: "0.75rem"
-            },
-            children: errors
-          }
-        )
-      ]
-    }
-  );
-};
-var numberRendererTester = rankWith(
-  40,
-  (uischema, schema) => {
-    if (uischema.type !== "Control") return false;
-    const propertyPath = uischema.scope.replace(
-      "#/properties/",
-      ""
-    );
-    const fieldSchema = schema?.properties?.[propertyPath];
-    if (!fieldSchema) return false;
-    return fieldSchema.type === "integer" || fieldSchema.type === "number";
-  }
-);
-var NumberRendererControl = withJsonFormsControlProps(NumberRenderer);
 var TextareaRenderer = ({
   data,
   handleChange,
@@ -3193,7 +3071,6 @@ var renderers = [
   { tester: modelIdRendererTester, renderer: ModelIdRendererControl },
   { tester: booleanRendererTester, renderer: BooleanRendererControl },
   { tester: dropdownRendererTester, renderer: DropdownRendererControl },
-  { tester: numberRendererTester, renderer: NumberRendererControl },
   { tester: textareaRendererTester, renderer: TextareaRendererControl },
   ...vanillaRenderers,
   { tester: jsonEditorTester, renderer: JsonEditorRendererControl }
@@ -3247,26 +3124,26 @@ function useChatVariablesFormVm({
   const { mutate: updateVariableMutation } = useUpdateFlowRunVariable();
   const querySettled = !isLoading && (threadVars !== void 0 || isError);
   const shouldUseDefaults = isError || threadVars && Object.keys(threadVars).length === 0;
-  const built = React9.useMemo(() => {
+  const built = React8.useMemo(() => {
     return buildSimpleSchemaAndUi(
       workspace.variables,
       threadVars,
       shouldUseDefaults ?? false
     );
   }, [workspace.variables, threadVars, shouldUseDefaults]);
-  const [data, setData] = React9.useState(null);
-  React9.useEffect(() => {
+  const [data, setData] = React8.useState(null);
+  React8.useEffect(() => {
     if (querySettled) {
       setData(built.initialData);
       setVariables(built.initialData);
     }
   }, [querySettled, built.initialData, setVariables]);
-  const ajv = React9.useMemo(() => createAjv({ useDefaults: false }), []);
-  const prevRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const ajv = React8.useMemo(() => createAjv({ useDefaults: false }), []);
+  const prevRef = React8.useRef(null);
+  React8.useEffect(() => {
     prevRef.current = data;
   }, [data]);
-  const onChange = React9.useCallback(
+  const onChange = React8.useCallback(
     ({ data: next2 }) => {
       if (prevRef.current && !isDraftThreadId(threadId)) {
         const keys2 = Object.keys(workspace.variables || {});
@@ -3287,7 +3164,7 @@ function useChatVariablesFormVm({
     },
     [workspace.variables, setVariables, updateVariableMutation, threadId]
   );
-  const config = React9.useMemo(
+  const config = React8.useMemo(
     () => ({
       restrict: true,
       trim: false,
@@ -19200,7 +19077,7 @@ function getAvatarColour(name) {
   const textColor = brightness > 128 ? "#000000" : "#FFFFFF";
   return { backgroundColor, textColor };
 }
-var Avatar = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -19212,7 +19089,7 @@ var Avatar = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = "Avatar";
-var AvatarImage = React9.forwardRef(({ className, alt, src, children: children2, ...props }, _ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React8.forwardRef(({ className, alt, src, children: children2, ...props }, _ref) => /* @__PURE__ */ jsx(
   MuiAvatar,
   {
     className: cn("aspect-square h-full w-full", className),
@@ -19223,7 +19100,7 @@ var AvatarImage = React9.forwardRef(({ className, alt, src, children: children2,
   }
 ));
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React9.forwardRef(
+var AvatarFallback = React8.forwardRef(
   ({ className, colored = true, ...props }, ref) => {
     const childText = String(props.children ?? "");
     const colours = colored ? getAvatarColour(childText) : void 0;
@@ -19813,8 +19690,7 @@ var MessageItem = ({
     groupType = v.type;
     const name = v.name.toLowerCase();
     switch (name) {
-      case "variables":
-      case "userinfo": {
+      case "variables": {
         continue;
       }
       case "status": {