@truedat/ai 7.2.5 → 7.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/ai",
-  "version": "7.2.5",
+  "version": "7.2.7",
   "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.5",
+    "@truedat/test": "7.2.7",
     "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.5",
+    "@truedat/core": "7.2.7",
     "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": "1f3cfdc8ebc43228b46b00bf690c2bf963d368d5"
+  "gitHead": "8bafa5d50e387f169d87b9a1d3b373d35114288e"
 }

package/src/components/constants.js

@@ -3,7 +3,12 @@ import { useIntl } from "react-intl";
 
 export const resourceTypes = ["data_structure", "business_concept"];
 
-export const providerTypes = ["openai", "azure_openai", "bedrock_claude"];
+export const providerTypes = [
+  "openai",
+  "azure_openai",
+  "bedrock_claude",
+  "gemini",
+];
 
 export const useResourceTypeOptions = () =>
   useOptions(resourceTypes, "resourceMappings.resourceType");

package/src/components/providers/ProviderEditor.js

@@ -13,12 +13,18 @@ import {
 import { FormProvider, useForm, Controller } from "react-hook-form";
 import { ConfirmModal } from "@truedat/core/components";
 import { useProviderTypeOptions } from "../constants";
-import { Openai, AzureOpenai, BedrockClaude } from "./providerProperties";
+import {
+  Openai,
+  AzureOpenai,
+  BedrockClaude,
+  Gemini,
+} from "./providerProperties";
 
 const providerPropertiesComponents = {
   openai: <Openai />,
   azure_openai: <AzureOpenai />,
   bedrock_claude: <BedrockClaude />,
+  gemini: <Gemini />,
 };
 
 export default function ProviderEditor({

package/src/components/providers/__tests__/__snapshots__/ProviderEditor.spec.js.snap

@@ -94,6 +94,19 @@ exports[`<ProviderEditor /> matches snapshot without onDelete 1`] = `
               providers.type.bedrock_claude
             </span>
           </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              providers.type.gemini
+            </span>
+          </div>
         </div>
       </div>
     </div>
@@ -269,6 +282,19 @@ exports[`<ProviderEditor /> matches the latest snapshot 1`] = `
               providers.type.bedrock_claude
             </span>
           </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              providers.type.gemini
+            </span>
+          </div>
         </div>
       </div>
     </div>
@@ -447,6 +473,19 @@ exports[`<ProviderEditor /> test cancel button with confirm 1`] = `
               providers.type.bedrock_claude
             </span>
           </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              providers.type.gemini
+            </span>
+          </div>
         </div>
       </div>
     </div>
@@ -623,6 +662,19 @@ exports[`<ProviderEditor /> test delete button 1`] = `
               providers.type.bedrock_claude
             </span>
           </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              providers.type.gemini
+            </span>
+          </div>
         </div>
       </div>
     </div>

package/src/components/providers/providerProperties/Gemini.js

@@ -0,0 +1,114 @@
+import React from "react";
+import { useIntl } from "react-intl";
+import { Controller, useFormContext } from "react-hook-form";
+import { Form } from "semantic-ui-react";
+
+export default function Gemini() {
+  const { formatMessage } = useIntl();
+  const { control } = useFormContext();
+
+  return (
+    <>
+      <Controller
+        control={control}
+        name="properties.model"
+        rules={{
+          required: formatMessage(
+            { id: "form.validation.required" },
+            {
+              prop: formatMessage({
+                id: "providerProperties.form.model",
+              }),
+            }
+          ),
+        }}
+        render={({
+          field: { onBlur, onChange, value },
+          fieldState: { error },
+        }) => (
+          <Form.Input
+            autoComplete="off"
+            placeholder={formatMessage({
+              id: "providerProperties.form.model",
+            })}
+            error={error?.message}
+            label={formatMessage({
+              id: "providerProperties.form.model",
+            })}
+            onBlur={onBlur}
+            onChange={(_e, { value }) => onChange(value)}
+            value={value}
+            required
+          />
+        )}
+      />
+      <Controller
+        control={control}
+        name="properties.temperature"
+        render={({
+          field: { onBlur, onChange, value },
+          fieldState: { error },
+        }) => (
+          <Form.Input
+            autoComplete="off"
+            placeholder={formatMessage({
+              id: "providerProperties.form.temperature",
+            })}
+            error={error?.message}
+            label={formatMessage({
+              id: "providerProperties.form.temperature",
+            })}
+            onBlur={onBlur}
+            onChange={(_e, { value }) => onChange(value)}
+            value={value}
+          />
+        )}
+      />
+      <Controller
+        control={control}
+        name="properties.top_p"
+        render={({
+          field: { onBlur, onChange, value },
+          fieldState: { error },
+        }) => (
+          <Form.Input
+            autoComplete="off"
+            placeholder={formatMessage({
+              id: "providerProperties.form.topP",
+            })}
+            error={error?.message}
+            label={formatMessage({
+              id: "providerProperties.form.topP",
+            })}
+            onBlur={onBlur}
+            onChange={(_e, { value }) => onChange(value)}
+            value={value}
+          />
+        )}
+      />
+      <Controller
+        control={control}
+        name="properties.api_key"
+        render={({
+          field: { onBlur, onChange, value },
+          fieldState: { error },
+        }) => (
+          <Form.Input
+            type="password"
+            autoComplete="off"
+            placeholder={formatMessage({
+              id: "providerProperties.form.apiKey",
+            })}
+            error={error?.message}
+            label={formatMessage({
+              id: "providerProperties.form.apiKey",
+            })}
+            onBlur={onBlur}
+            onChange={(_e, { value }) => onChange(value)}
+            value={value}
+          />
+        )}
+      />
+    </>
+  );
+}

package/src/components/providers/providerProperties/index.js

@@ -1,5 +1,6 @@
 import Openai from "./Openai";
 import AzureOpenai from "./AzureOpenai";
 import BedrockClaude from "./BedrockClaude";
+import Gemini from "./Gemini";
 
-export { Openai, AzureOpenai, BedrockClaude };
+export { Openai, AzureOpenai, BedrockClaude, Gemini };