@truedat/ai 8.10.4 → 8.10.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/ai",
-  "version": "8.10.4",
+  "version": "8.10.6",
   "description": "Truedat Web Artificial Intelligence package",
   "sideEffects": false,
   "module": "src/index.js",
@@ -53,7 +53,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.10.4",
+    "@truedat/test": "8.10.6",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -83,5 +83,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "fe4fda03b2b73d26f644219d806dcc45767a3c7a"
+  "gitHead": "62c2090512da9f1456724c7263c446c4a4115a7f"
 }

package/src/api.js

@@ -2,8 +2,6 @@ const API_ACTION = "/api/actions/:id";
 const API_ACTIONS = "/api/actions";
 const API_ACTIONS_SEARCH = "/api/actions/search";
 const API_ACTION_SET_ACTIVE = "/api/actions/:id/set_active";
-const API_RESOURCE_MAPPINGS = "/api/resource_mappings";
-const API_RESOURCE_MAPPING = "/api/resource_mappings/:id";
 const API_PROMPTS = "/api/prompts";
 const API_PROMPT = "/api/prompts/:id";
 const API_PROMPT_SET_ACTIVE = "/api/prompts/:id/set_active";
@@ -24,8 +22,6 @@ export {
   API_ACTIONS,
   API_ACTIONS_SEARCH,
   API_ACTION_SET_ACTIVE,
-  API_RESOURCE_MAPPINGS,
-  API_RESOURCE_MAPPING,
   API_PROMPTS,
   API_PROMPT,
   API_PROMPT_SET_ACTIVE,

package/src/components/AiRoutes.js

@@ -3,7 +3,6 @@ import { Navigate, Route, Routes } from "react-router";
 import { ProtectedRoute } from "@truedat/core/router";
 import { useCanAssistant } from "./assistant/hooks/useAgentConversation";
 
-import ResourceMappings from "./resourceMappings/ResourceMappings";
 import Prompts from "./prompts/Prompts";
 import Providers from "./providers/Providers";
 import AiSandbox from "./aiSandbox/AiSandbox";
@@ -22,13 +21,6 @@ const AssistantPageGuard = () => {
 export default function AiRoutes() {
   return (
     <Routes>
-      <Route
-        path={"resource_mappings"}
-        element={<ProtectedRoute authorization={"manage_ai"} />}
-      >
-        <Route index element={<ResourceMappings />} />
-      </Route>
-
       <Route
         path={"prompts"}
         element={<ProtectedRoute authorization={"manage_ai"} />}

package/src/components/constants.js

@@ -1,9 +1,7 @@
 import _ from "lodash/fp";
 import { useIntl } from "react-intl";
 
-export const resourceTypes = ["data_structure", "business_concept"];
-
-export const promptResourceTypes = [...resourceTypes, "translation"];
+export const promptResourceTypes = ["translation"];
 
 export const providerTypes = [
   "openai",
@@ -15,8 +13,6 @@ export const providerTypes = [
 
 export const agentTypes = ["fast", "high", "thinking"];
 
-export const useResourceTypeOptions = () =>
-  useOptions(resourceTypes, "resourceMappings.resourceType");
 export const usePromptResourceTypeOptions = () =>
   useOptions(promptResourceTypes, "resourceMappings.resourceType");
 export const useProviderTypeOptions = () =>

package/src/components/prompts/PromptEditor.js

@@ -1,5 +1,4 @@
-import _ from "lodash/fp";
-import { Fragment, useEffect, useState } from "react";
+import { Fragment, useEffect } from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import {
@@ -27,20 +26,15 @@ export default function PromptEditor({
 }) {
   const { formatMessage } = useIntl();
   const resourceTypeOptions = usePromptResourceTypeOptions();
-  const { defaultLang, enabledLangs } = useLanguage();
-  const [isTranslationPrompt, setIsTranslationPrompt] = useState(
-    selectedPrompt?.resource_type === "translation",
-  );
-
-  const localeOptions = _.map((key) => ({
-    key,
-    text: key,
-    value: key,
-  }))(enabledLangs);
+  const { defaultLang } = useLanguage();
 
   const form = useForm({
     mode: "onTouched",
-    defaultValues: selectedPrompt,
+    defaultValues: {
+      ...selectedPrompt,
+      resource_type: "translation",
+      language: selectedPrompt?.id ? selectedPrompt.language : defaultLang,
+    },
   });
   const { control, handleSubmit, watch, formState } = form;
   const { isDirty, isValid } = formState;
@@ -51,15 +45,6 @@ export default function PromptEditor({
 
   if (!selectedPrompt) return null;
 
-  const handleResourceTypeChange = (value, onChange) => {
-    const isValueTranslation = value === "translation";
-    setIsTranslationPrompt(isValueTranslation);
-    onChange(value);
-    if (isValueTranslation) {
-      form.setValue("language", defaultLang);
-    }
-  };
-
   const name =
     watch("name") ||
     formatMessage({
@@ -119,7 +104,7 @@ export default function PromptEditor({
                 },
               ),
             }}
-            render={({ field: { onBlur, onChange, value } }) => (
+            render={({ field: { onBlur, value } }) => (
               <Form.Field required>
                 <label>
                   {formatMessage({
@@ -127,59 +112,16 @@ export default function PromptEditor({
                   })}
                 </label>
                 <Dropdown
+                  disabled
                   selection
                   onBlur={onBlur}
                   options={resourceTypeOptions}
-                  onChange={(_e, { value }) =>
-                    handleResourceTypeChange(value, onChange)
-                  }
-                  value={value}
-                />
-              </Form.Field>
-            )}
-          />
-          <Controller
-            control={control}
-            name="language"
-            rules={{
-              required: formatMessage(
-                { id: "form.validation.required" },
-                {
-                  prop: formatMessage({
-                    id: "prompts.form.language",
-                  }),
-                },
-              ),
-            }}
-            render={({ field: { onBlur, onChange, value } }) => (
-              <Form.Field
-                required
-                data-tooltip={
-                  isTranslationPrompt
-                    ? formatMessage({
-                        id: "prompts.form.language.tooltip.disabled",
-                        defaultMessage:
-                          "Language is disabled for translations type prompts",
-                      })
-                    : null
-                }
-              >
-                <label>
-                  {formatMessage({
-                    id: "prompts.form.language",
-                  })}
-                </label>
-                <Dropdown
-                  disabled={isTranslationPrompt}
-                  selection
-                  onBlur={onBlur}
-                  options={localeOptions}
-                  onChange={(_e, { value }) => onChange(value)}
                   value={value}
                 />
               </Form.Field>
             )}
           />
+          <Controller control={control} name="language" render={() => null} />
           <Controller
             control={control}
             name="system_prompt"

package/src/components/prompts/Prompts.js

@@ -24,7 +24,7 @@ import PromptEditor from "./PromptEditor";
 
 const NEW_PROMPT = {
   name: "",
-  resource_type: "data_structure",
+  resource_type: "translation",
   language: "en",
   system_prompt: "",
   user_prompt_template: "",
@@ -40,7 +40,9 @@ export default function Prompts() {
   const [isDirty, setDirty] = useState(false);
 
   const loading = loadingPrompts || loadingProviders;
-  const prompts = data?.data;
+  const prompts = data?.data?.filter(
+    ({ resource_type }) => resource_type === "translation",
+  );
 
   const providersOptions = _.flow(
     _.prop("data"),

package/src/components/prompts/__tests__/PromptEditor.spec.js

@@ -1,7 +1,6 @@
 import userEvent from "@testing-library/user-event";
 import { waitFor } from "@testing-library/react";
 import { render, waitForLoad } from "@truedat/test/render";
-import _ from "lodash/fp";
 import PromptEditor from "../PromptEditor";
 
 jest.mock("@truedat/core/hooks", () => ({
@@ -16,7 +15,7 @@ const props = {
   selectedPrompt: {
     id: 1,
     name: "prompt1",
-    resource_type: "data_structure",
+    resource_type: "translation",
     language: "en",
     system_prompt: "system_prompt",
     user_prompt_template: "user_prompt",
@@ -26,7 +25,7 @@ const props = {
     {
       id: 1,
       name: "prompt1",
-      resource_type: "data_structure",
+      resource_type: "translation",
       language: "en",
       system_prompt: "system_prompt",
       user_prompt_template: "user_prompt",
@@ -48,7 +47,7 @@ describe("<PromptEditor />", () => {
     expect(rendered.container).toMatchSnapshot();
   });
 
-  it("matches snapshot without selected resource mapping", async () => {
+  it("matches snapshot without selectedPrompt", async () => {
     const props = { setDirty: jest.fn() };
     const rendered = render(<PromptEditor {...props} />);
     await waitForLoad(rendered);
@@ -56,17 +55,6 @@ describe("<PromptEditor />", () => {
     expect(rendered.container).toMatchSnapshot();
   });
 
-  it("matches snapshot for translation resource type", async () => {
-    const translationProps = _.set(
-      "selectedPrompt.resource_type",
-      "translation",
-    )(props);
-    const rendered = render(<PromptEditor {...translationProps} />);
-    await waitForLoad(rendered);
-
-    expect(rendered.container).toMatchSnapshot();
-  });
-
   it("matches snapshot without onDelete", async () => {
     const thisProps = {
       ...props,
@@ -174,7 +162,7 @@ describe("<PromptEditor />", () => {
       language: "en",
       name: "prompt1name",
       provider_id: 1,
-      resource_type: "data_structure",
+      resource_type: "translation",
       system_prompt: "system_prompt",
       user_prompt_template: "user_prompt",
     });

package/src/components/prompts/__tests__/Prompts.spec.js

@@ -12,10 +12,24 @@ jest.mock("@truedat/ai/hooks/usePrompts", () => {
       data: {
         data: [
           {
-            name: "rm1",
-            resource_type: "boolean",
-            fields: [{ source: "s1", target: "t1" }],
-            selector: { system_external_id: 1 },
+            id: 1,
+            name: "tr1",
+            resource_type: "translation",
+            language: "en",
+            active: true,
+            system_prompt: "system prompt",
+            user_prompt_template: "user prompt",
+            provider_id: 1,
+          },
+          {
+            id: 2,
+            name: "legacy",
+            resource_type: "data_structure",
+            language: "en",
+            active: true,
+            system_prompt: "legacy system prompt",
+            user_prompt_template: "legacy user prompt",
+            provider_id: 1,
           },
         ],
       },
@@ -88,6 +102,8 @@ describe("<Prompts />", () => {
   it("matches the latest snapshot", async () => {
     const { container, queryByText } = render(<Prompts />, renderOpts);
     await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    expect(queryByText("tr1")).toBeInTheDocument();
+    expect(queryByText("legacy")).not.toBeInTheDocument();
     expect(container).toMatchSnapshot();
   });
 });