@truedat/ai 7.2.0 → 7.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/ai",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "description": "Truedat Web Artificial Intelligence package",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -35,7 +35,7 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "7.2.0",
+    "@truedat/test": "7.2.2",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -85,7 +85,7 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "7.2.0",
+    "@truedat/core": "7.2.2",
     "prop-types": "^15.8.1",
     "react-hook-form": "^7.45.4",
     "react-intl": "^5.20.10",
@@ -97,5 +97,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "b1bd3e485d5ab8fb5a46051a8f16b5a0d593440c"
+  "gitHead": "9033c57eccb9e6785c0a0c5aa6078c34788d6e7d"
 }

package/src/components/prompts/PromptEditor.js

@@ -12,7 +12,7 @@ import {
 } from "semantic-ui-react";
 import { FormProvider, useForm, Controller } from "react-hook-form";
 import { ConfirmModal } from "@truedat/core/components";
-import { useLocales } from "@truedat/core/hooks";
+import { useLanguage } from "@truedat/core/i18n";
 import { useResourceTypeOptions } from "../constants";
 
 export default function PromptEditor({
@@ -27,17 +27,13 @@ export default function PromptEditor({
 }) {
   const { formatMessage } = useIntl();
   const resourceTypeOptions = useResourceTypeOptions();
-  const locales = useLocales();
+  const { enabledLangs } = useLanguage();
 
-  const localeOptions = _.flow(
-    _.prop("locales"),
-    _.map("lang"),
-    _.map((key) => ({
-      key,
-      text: key,
-      value: key,
-    }))
-  )(locales);
+  const localeOptions = _.map((key) => ({
+    key,
+    text: key,
+    value: key,
+  }))(enabledLangs);
 
   const form = useForm({
     mode: "onTouched",

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

@@ -3,55 +3,11 @@ import { act } from "react-dom/test-utils";
 import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
 import userEvent from "@testing-library/user-event";
+import { LangProviderWrapper } from "@truedat/core/i18n";
 import PromptEditor from "../PromptEditor";
 
-jest.mock("@truedat/core/hooks", () => ({
-  useLocales: jest.fn(() => ({
-    loading: false,
-    locales: [{ lang: "es", id: 1 }],
-  })),
-}));
-
 const renderOpts = {
-  messages: {
-    en: {
-      "prompts.resourceType.data_structure":
-        "prompts.resourceType.data_structure",
-      "form.validation.required": "form.validation.required",
-      "prompts.form.selector": "prompts.form.selector",
-      "prompts.form.fields": "prompts.form.fields",
-      "actions.save": "actions.save",
-      "actions.cancel": "actions.cancel",
-      "actions.delete": "actions.delete",
-      "functions.action.delete.header": "functions.action.delete.header",
-      "functions.action.delete.content": "functions.action.delete.content",
-      "prompts.form.name": "prompts.form.name",
-      "prompts.form.name": "prompts.form.name",
-      "prompts.form.resource_type": "prompts.form.resource_type",
-      "prompts.form.fields.add": "prompts.form.fields.add",
-      "prompts.form.fields.source": "prompts.form.fields.source",
-      "form.validation.required": "form.validation.required",
-      "prompts.form.fields.source": "prompts.form.fields.source",
-      "prompts.form.fields.target": "prompts.form.fields.target",
-      "actions.discard.confirmation.content":
-        "actions.discard.confirmation.content",
-      "actions.discard.confirmation.header":
-        "actions.discard.confirmation.header",
-      "confirmation.yes": "confirmation.yes",
-      "confirmation.no": "confirmation.no",
-      "prompts.form.model": "prompts.form.model",
-      "prompts.form.provider": "prompts.form.provider",
-      "prompts.form.user_prompt_template": "prompts.form.user_prompt_template",
-      "prompts.form.system_prompt": "prompts.form.system_prompt",
-      "prompts.form.language": "prompts.form.language",
-      "prompts.provider.openai": "prompts.provider.openai",
-      "resourceMappings.resourceType.data_structure":
-        "resourceMappings.resourceType.data_structure",
-      "actions.set_active": "actions.set_active",
-      "resourceMappings.resourceType.business_concept":
-        "resourceMappings.resourceType.business_concept",
-    },
-  },
+  messages: {},
   fallback: "lazy",
 };
 
@@ -84,9 +40,17 @@ const props = {
   setDirty: jest.fn(),
 };
 
+const renderComponent = (props) =>
+  render(
+    <LangProviderWrapper langs={["es"]}>
+      <PromptEditor {...props} />
+    </LangProviderWrapper>,
+    renderOpts
+  );
+
 describe("<PromptEditor />", () => {
   it("matches the latest snapshot", async () => {
-    const { container } = render(<PromptEditor {...props} />, renderOpts);
+    const { container } = renderComponent(props);
     await act(async () => {
       expect(container).toMatchSnapshot();
     });
@@ -94,10 +58,8 @@ describe("<PromptEditor />", () => {
 
   it("matches snapshot without selected resource mapping", async () => {
     const props = { setDirty: jest.fn() };
-    const { container, queryByText } = render(
-      <PromptEditor {...props} />,
-      renderOpts
-    );
+    const { container, queryByText } = renderComponent(props);
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
     await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
     expect(container).toMatchSnapshot();
   });
@@ -107,7 +69,7 @@ describe("<PromptEditor />", () => {
       ...props,
       onDelete: null,
     };
-    const { container } = render(<PromptEditor {...thisProps} />, renderOpts);
+    const { container } = renderComponent(thisProps);
 
     await waitFor(() => expect(container).toMatchSnapshot());
   });
@@ -115,7 +77,7 @@ describe("<PromptEditor />", () => {
   it("test cancel button", async () => {
     const onCancel = jest.fn();
     const thisProps = { ...props, onCancel };
-    const { getByRole } = render(<PromptEditor {...thisProps} />, renderOpts);
+    const { getByRole } = renderComponent(thisProps);
 
     userEvent.click(getByRole("button", { name: /cancel/i }));
 
@@ -125,10 +87,7 @@ describe("<PromptEditor />", () => {
   it("test cancel button with confirm", async () => {
     const onCancel = jest.fn();
     const thisProps = { ...props, onCancel };
-    const { container, getByRole, getAllByRole } = render(
-      <PromptEditor {...thisProps} />,
-      renderOpts
-    );
+    const { container, getByRole, getAllByRole } = renderComponent(thisProps);
 
     userEvent.type(getAllByRole("textbox")[0], "name");
 
@@ -154,10 +113,7 @@ describe("<PromptEditor />", () => {
   it("test delete button", async () => {
     const onDelete = jest.fn();
     const thisProps = { ...props, onDelete };
-    const { container, getByRole } = render(
-      <PromptEditor {...thisProps} />,
-      renderOpts
-    );
+    const { container, getByRole } = renderComponent(thisProps);
 
     userEvent.click(getByRole("button", { name: /delete/i }));
     expect(onDelete).toHaveBeenCalledTimes(0);
@@ -177,10 +133,7 @@ describe("<PromptEditor />", () => {
   it("test submit", async () => {
     const onSubmit = jest.fn();
     const thisProps = { ...props, onSubmit };
-    const { getByRole, getAllByRole } = render(
-      <PromptEditor {...thisProps} />,
-      renderOpts
-    );
+    const { getByRole, getAllByRole } = renderComponent(thisProps);
 
     expect(getByRole("button", { name: /save/i })).toBeDisabled();