add lib deps

Author: nikitayutanov

idea/gear/frontend/src/features/sails/ui/payload-form/payload-form.tsx

@@ -1,6 +1,5 @@
-import { Fields } from '@gear-js/sails-payload-form';
+import { Fields, ISailsFuncArg } from '@gear-js/sails-payload-form';
 import { InputProps, InputWrapper, Select } from '@gear-js/ui';
-import { ComponentProps } from 'react';
 import { Sails } from 'sails-js';
 
 import { Checkbox, Fieldset, Input, Textarea } from '@/shared/ui';
@@ -11,7 +10,7 @@ import styles from './payload-form.module.scss';
 
 type BaseProps = Pick<InputProps, 'direction' | 'gap'> & {
   sails: Sails;
-  args: ComponentProps<typeof Fields>['args'];
+  args: ISailsFuncArg[];
 };
 
 type ConstructorProps = BaseProps & {

idea/vara-eth/frontend/src/features/sails/components/sails-payload-fields/sails-payload-fields.tsx

@@ -1,5 +1,4 @@
-import { Fields } from '@gear-js/sails-payload-form';
-import { ComponentProps } from 'react';
+import { Fields, ISailsFuncArg } from '@gear-js/sails-payload-form';
 import { Sails } from 'sails-js';
 
 import { Checkbox, Input, Textarea } from '@/components';
@@ -9,7 +8,7 @@ import { Fieldset } from '../fieldset';
 
 type Props = {
   sails: Sails;
-  args: ComponentProps<typeof Fields>['args'];
+  args: ISailsFuncArg[];
 };
 
 function SailsPayloadFields({ sails, args }: Props) {

utils/sails-payload-form/package.json

@@ -1,5 +1,16 @@
 {
   "name": "@gear-js/sails-payload-form",
   "version": "0.1.0",
-  "type": "module"
+  "type": "module",
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19",
+    "react-hook-form": "7.54.2",
+    "sails-js": "^0.5",
+    "zod": "3.25.76"
+  },
+  "devDependencies": {
+    "@polkadot/types": "16.5.4",
+    "sails-js-types": "0.5.1"
+  }
 }

utils/sails-payload-form/src/utils/payload/get-payload-schema.ts

@@ -1,4 +1,3 @@
-import { HexString } from '@gear-js/api';
 import { AnyJson } from '@polkadot/types/types';
 import { Sails } from 'sails-js';
 import { ISailsTypeDef } from 'sails-js-types';
@@ -23,7 +22,7 @@ const asTuple = <T extends z.ZodTypeAny>(schema: T[]) => z.tuple(schema as [T, .
 
 const isUnion = <T>(arr: T[]): arr is [T, T, ...T[]] => arr.length >= 2;
 
-const getPayloadSchema = (sails: Sails, args: ISailsFuncArg[], encode: (..._args: unknown[]) => HexString) => {
+const getPayloadSchema = (sails: Sails, args: ISailsFuncArg[], encode: (..._args: unknown[]) => `0x${string}`) => {
   const getSchema = (def: ISailsTypeDef): z.ZodType<unknown> => {
     if (def.isPrimitive) return def.asPrimitive.isBool ? z.boolean() : z.string().trim();
 

yarn.lock

@@ -2364,6 +2364,15 @@ __metadata:
 "@gear-js/sails-payload-form@npm:*, @gear-js/sails-payload-form@workspace:utils/sails-payload-form":
   version: 0.0.0-use.local
   resolution: "@gear-js/sails-payload-form@workspace:utils/sails-payload-form"
+  dependencies:
+    "@polkadot/types": "npm:16.5.4"
+    sails-js-types: "npm:0.5.1"
+  peerDependencies:
+    react: ^19
+    react-dom: ^19
+    react-hook-form: 7.54.2
+    sails-js: ^0.5
+    zod: 3.25.76
   languageName: unknown
   linkType: soft