@truedat/bg 8.8.7 → 8.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "8.8.7",
+  "version": "8.9.0",
   "description": "Truedat Web Business Glossary",
   "sideEffects": [
     "**/*.css",
@@ -54,7 +54,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.8.7",
+    "@truedat/test": "8.9.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -87,5 +87,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "ece3f2e166776ff7827198a134bad5a28b029dc7"
+  "gitHead": "beff9d7e01556d63d42e54c9f7b641503ee658b2"
 }

package/src/concepts/components/ConceptEdit.js

@@ -63,6 +63,7 @@ export const ConceptEdit = ({
     <ConceptForm
       actionKey={actionKey}
       domainId={domain?.id}
+      resourceId={concept.business_concept_id}
       template={template}
       i18nConcept={i18nConcept}
       loading={templateLoading || localesLoading}

package/src/concepts/components/ConceptForm.js

@@ -13,9 +13,6 @@ import {
   Icon,
 } from "semantic-ui-react";
 import { useIntl, FormattedMessage } from "react-intl";
-import { useAvailabilityCheck } from "@truedat/ai/hooks/useSuggestions";
-import { apiJsonPost } from "@truedat/core/services/api";
-import { API_SUGGESTIONS_REQUEST } from "@truedat/ai/api";
 import {
   DomainSelector,
   LanguagesTabs,
@@ -38,6 +35,7 @@ const ConceptForm = ({
   i18nConcept,
   loading,
   onSubmit,
+  resourceId,
   setDomainId,
   setI18nConcept,
   setTemplate,
@@ -55,11 +53,9 @@ const ConceptForm = ({
   } = useLanguage();
   const [domains, setDomains] = useState();
   const [domainsLoading, setDomainsLoading] = useState(true);
-  const [hasSuggestions, setHasSuggestions] = useState(false);
   const [canTranslate, setCanTranslate] = useState(false);
   const [showTranslationModal, setShowTranslationModal] = useState(false);
   const isNonEmptyString = _.flow(_.trim, _.negate(_.isEmpty));
-  const { trigger: checkSuggestionAvailability } = useAvailabilityCheck();
   const templateId = template?.id;
   const { trigger: checkTranslationAvailability } = useTranslatableCheck();
   const { translatable: translatableFields } =
@@ -96,13 +92,6 @@ const ConceptForm = ({
 
   useEffect(() => {
     if (!disable_td_ai && templateId && domainId) {
-      checkSuggestionAvailability({
-        template_id: templateId,
-        domain_ids: [domainId],
-        resource_type: "business_concept",
-      }).then((res) =>
-        setHasSuggestions(_.get("data.data.status", res) === "ok"),
-      );
       checkCanTranslate();
     }
   }, [templateId, domainId]);
@@ -116,18 +105,18 @@ const ConceptForm = ({
     setDomainsLoading(false);
   };
 
-  const requestAiSuggestion = (callback) => {
-    const domainName = _.get("name", _.find({ id: domainId }, domains));
-    apiJsonPost(API_SUGGESTIONS_REQUEST, {
-      resource_type: "business_concept",
-      resource_body: {
-        name: i18nConcept?.[defaultLang]?.name || "",
-        domain: domainName,
-        type: template?.name,
-      },
-      domain_ids: [domainId],
-      template_id: templateId,
-    }).then(callback);
+  const domainName = _.get("name", _.find({ id: domainId }, domains));
+  const suggestionParams = {
+    resource_type: "business_concept",
+    resource_body: {
+      name: i18nConcept?.[defaultLang]?.name || "",
+      domain: domainName,
+      type: template?.name,
+    },
+    domain_ids: [domainId],
+    template_id: templateId,
+    language: defaultLang,
+    resource_id: resourceId ?? null,
   };
 
   const applySuggestions = (suggestions) => {
@@ -225,24 +214,22 @@ const ConceptForm = ({
           </Segment>
         </>
       )}
-      {hasSuggestions && (
-        <Grid>
-          <Grid.Row columns={isMultilingual ? 2 : 1}>
-            <Grid.Column>
-              <SuggestionsWidget
-                requestAiSuggestion={requestAiSuggestion}
-                template={template}
-                applySuggestions={applySuggestions}
-                isModification
-                enableRequestButton={!_.isEmpty(i18nConcept[defaultLang]?.name)}
-                disabledButtonMessage={formatMessage({
-                  id: "template.form.validation.name_required",
-                })}
-              />
-            </Grid.Column>
-          </Grid.Row>
-        </Grid>
-      )}
+      <Grid>
+        <Grid.Row columns={isMultilingual ? 2 : 1}>
+          <Grid.Column>
+            <SuggestionsWidget
+              suggestionParams={suggestionParams}
+              template={template}
+              applySuggestions={applySuggestions}
+              isModification
+              enableRequestButton={!_.isEmpty(i18nConcept[defaultLang]?.name)}
+              disabledButtonMessage={formatMessage({
+                id: "template.form.validation.name_required",
+              })}
+            />
+          </Grid.Column>
+        </Grid.Row>
+      </Grid>
     </>
   );
 
@@ -370,6 +357,7 @@ ConceptForm.propTypes = {
   template: PropTypes.object,
   i18nConcept: PropTypes.object,
   onSubmit: PropTypes.func,
+  resourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   setDomainId: PropTypes.func,
   setI18nConcept: PropTypes.func,
   setTemplate: PropTypes.func,

package/src/concepts/components/__tests__/ConceptEdit.spec.js

@@ -26,6 +26,11 @@ jest.mock("@truedat/ai/hooks/useTranslations", () => {
   };
 });
 
+jest.mock("@truedat/ai/components/suggestions/SuggestionsWidget", () => ({
+  __esModule: true,
+  default: () => null,
+}));
+
 const template = {
   id: 1,
   name: "template1",

package/src/concepts/components/__tests__/ConceptForm.spec.js

@@ -50,6 +50,11 @@ jest.mock("@truedat/ai/hooks/useTranslations", () => ({
   })),
 }));
 
+jest.mock("@truedat/ai/components/suggestions/SuggestionsWidget", () => ({
+  __esModule: true,
+  default: () => null,
+}));
+
 const props = {
   actionKey: "create",
   domainId: 1,

package/src/concepts/components/__tests__/__snapshots__/ConceptEdit.spec.js.snap

@@ -41,6 +41,17 @@ exports[`<ConceptEdit /> matches the latest snapshot 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="ui grid"
+      >
+        <div
+          class="one column row"
+        >
+          <div
+            class="column"
+          />
+        </div>
+      </div>
       <div
         class="ui grid"
       >