@redneckz/wildless-cms-uni-blocks 0.14.134 → 0.14.136

package/mobile/lib/components/ApplicationForm/renderTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTextarea.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderTextarea.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,oBAAoB,GACxB,uFAAuF,CAAC;AAC1F,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAA6B,EAAE,IAAa,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,CAAC,CAChG,iBAAO,SAAS,EAAC,YAAY,EAAC,OAAO,EAAC,UAAU,aAC7C,IAAI,CAAC,CAAC,CAAC,CACN,wBACE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,YAClC,IAAI,GACA,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,mBACE,EAAE,EAAC,UAAU,EACb,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CACd,+EAA+E,EAC/E,oBAAoB,CACrB,EACD,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,OAAO,EACL,CAAC,CAAC,CAAkC,EAAE,EAAE,CACtC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAQ,GAE3E,IACI,CACT,CAAC"}
+{"version":3,"file":"renderTextarea.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderTextarea.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAUpD,MAAM,oBAAoB,GACxB,uFAAuF,CAAC;AAC1F,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,KAAK,EAAkB,EAAE,EAAE,CAAC,CAC9F,0BACE,iBAAO,SAAS,EAAC,YAAY,EAAC,OAAO,EAAC,UAAU,aAC7C,IAAI,CAAC,CAAC,CAAC,CACN,wBACE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,YAClC,IAAI,GACA,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,mBACE,EAAE,EAAC,UAAU,EACb,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CACd,+EAA+E,EAC/E,oBAAoB,CACrB,EACD,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,OAAO,EACL,CAAC,CAAC,CAAkC,EAAE,EAAE,CACtC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAQ,GAE3E,IACI,EACP,eAAe,CAAC,KAAK,CAAC,IACnB,CACP,CAAC"}

package/mobile/lib/components/ApplicationForm/renderUserData.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { type AntiFraudFormState } from './ApplicationFormAntiFraud';
 import { type FeedbackFormState } from './ApplicationFormFeedback';
-export declare const renderUserData: (field: FormFieldRegisterer<FeedbackFormState>) => JSX.Element;
+export interface UserDataState {
+    surname: string;
+    name: string;
+    middleName?: string;
+    birthday: Date | undefined;
+}
+export declare const renderUserData: <T extends FeedbackFormState | AntiFraudFormState>(field: FormFieldRegisterer<T>) => JSX.Element;

package/mobile/lib/components/ApplicationForm/renderUserData.js

@@ -3,5 +3,5 @@ import { withValidator } from '../../validation/withValidator.js';
 import { DatePickerControl } from './DatePickerControl.js';
 import { InputControl } from './InputControl.js';
 import { defaultValidator, nameValidator } from './validators.js';
-export const renderUserData = (field) => (_jsxs("div", { children: [_jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F*", ...withValidator(field('surname'), nameValidator) }), _jsx(InputControl, { label: "\u0418\u043C\u044F*", ...withValidator(field('name'), nameValidator) }), _jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...withValidator(field('middleName'), nameValidator) }), _jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F*", ...withValidator(field('date'), defaultValidator) })] }));
+export const renderUserData = (field) => (_jsxs("div", { children: [_jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F*", ...withValidator(field('surname'), nameValidator) }), _jsx(InputControl, { label: "\u0418\u043C\u044F*", ...withValidator(field('name'), nameValidator) }), _jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName') }), _jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F*", ...withValidator(field('birthday'), defaultValidator) })] }));
 //# sourceMappingURL=renderUserData.js.map

package/mobile/lib/components/ApplicationForm/renderUserData.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderUserData.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderUserData.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA6C,EAAE,EAAE,CAAC,CAC/E,0BACE,KAAC,YAAY,IAAC,KAAK,EAAC,6CAAU,KAAK,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,GAAI,EACrF,KAAC,YAAY,IAAC,KAAK,EAAC,qBAAM,KAAK,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAAI,EAC9E,KAAC,YAAY,IACX,KAAK,EAAC,sLAAqC,KACvC,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC,GACrD,EACF,KAAC,iBAAiB,IAAC,KAAK,EAAC,4EAAgB,KAAK,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAAI,IAC5F,CACP,CAAC"}
+{"version":3,"file":"renderUserData.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderUserData.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAS/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAA6B,EAC7B,EAAE,CAAC,CACH,0BACE,KAAC,YAAY,IAAC,KAAK,EAAC,6CAAU,KAAK,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,GAAI,EACrF,KAAC,YAAY,IAAC,KAAK,EAAC,qBAAM,KAAK,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAAI,EAC9E,KAAC,YAAY,IAAC,KAAK,EAAC,sLAAqC,KAAK,KAAK,CAAC,YAAY,CAAC,GAAI,EACrF,KAAC,iBAAiB,IAChB,KAAK,EAAC,4EAAgB,KAClB,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,GACtD,IACE,CACP,CAAC"}

package/mobile/lib/ui-kit/Input/Input.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style.js';
 import { Text } from '../Text/Text.js';
-export const Input = JSX(({ key, className = '', inputClassName = '', id, name, type = 'text', label, placeholder, value = '', valid = true, children, onChange, onFocus, onBlur, pattern, autoFocus = false, }) => {
+export const Input = JSX(({ key, className = '', id, name, type = 'text', label, placeholder, value = '', valid = true, children, onChange, onFocus, onBlur, pattern, autoFocus = false, isTextarea = false, }) => {
     const inputRef = useRef(null);
     const handleChange = useCallback((e) => {
         onChange && onChange(e.target?.value || '');
@@ -13,10 +13,13 @@ export const Input = JSX(({ key, className = '', inputClassName = '', id, name,
             inputRef.current?.focus();
         }
     }, [autoFocus, inputRef]);
+    const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';
     const paddingStyle = children ? 'pr-3xl' : '';
-    const validStyle = valid
-        ? 'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text'
-        : 'border-error';
-    return (_jsxs("div", { className: style('relative', className), children: [_jsxs("label", { children: [label ? (_jsx("div", { className: "mb-xs", children: _jsx(Text, { size: "text-m", font: "font-light", children: label }) })) : null, _jsx("input", { ref: inputRef, className: style('w-full h-14 border rounded-md text-primary-text outline-none p-m', paddingStyle, validStyle, inputClassName), id: id, name: name || id, placeholder: placeholder, type: type, value: value, onInput: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern }, key)] }), children] }));
+    const validStyle = getValidStyle(valid);
+    return (_jsxs("div", { className: style('relative', className), children: [_jsxs("label", { children: [label ? renderLabel(label) : null, isTextarea ? (_jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle, validStyle), id: style('textarea', id), name: name || id, placeholder: placeholder, value: value, onInput: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (_jsx("input", { type: type, className: style('h-14', defaultStyle, paddingStyle, validStyle), ref: inputRef, id: id, name: name || id, placeholder: placeholder, value: value, onInput: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern }, key))] }), children] }));
 });
+const renderLabel = (label) => (_jsx("div", { className: "mb-xs", children: _jsx(Text, { size: "text-m", font: "font-light", children: label }) }));
+const getValidStyle = (valid) => valid
+    ? 'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text'
+    : 'border-error';
 //# sourceMappingURL=Input.js.map

package/mobile/lib/ui-kit/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CACtB,CAAC,EACC,GAAG,EACH,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,GAAG,KAAK,GAClB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAkC,EAAE,EAAE;QACrC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK;QACtB,CAAC,CAAC,6FAA6F;QAC/F,CAAC,CAAC,cAAc,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,aAC1C,4BACG,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,OAAO,YACpB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,YAClC,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,GAAG,EAAE,QAAQ,EAEb,SAAS,EAAE,KAAK,CACd,kEAAkE,EAClE,YAAY,EACZ,UAAU,EACV,cAAc,CACf,EACD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAmB,EAC5B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAfX,GAAG,CAgBR,IACI,EACP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/ui-kit/Input/InputProps.d.ts

@@ -3,7 +3,6 @@ import { type InputTypes } from '../../model/InputTypes';
 import { type ControlProps } from '../ControlProps';
 export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
     className?: string;
-    inputClassName?: string;
     id?: string;
     name?: string;
     type?: InputTypes;
@@ -14,4 +13,6 @@ export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
     valid?: boolean;
     disabled?: boolean;
     autoFocus?: boolean;
+    isTextarea?: boolean;
+    error?: string;
 }

package/mobile/src/components/ApplicationForm/ApplicationForm.tsx

@@ -20,15 +20,12 @@ export const ApplicationForm = JSX<ApplicationFormProps>((props) => {
 
   const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
 
-  const handleSubmit = useCallback(
-    async (data: Record<string, any>, isIndividualType?: boolean) => {
-      const status = (await API.send(data, isIndividualType)) ? 'OK' : 'Fail';
-      setResponseType(status);
-
-      return status;
-    },
-    [],
-  );
+  const handleSubmit = useCallback(async (data: Record<string, any>, isIndividualType = false) => {
+    const status = (await API.send(data, isIndividualType)) ? 'OK' : 'Fail';
+    setResponseType(status);
+
+    return status;
+  }, []);
 
   return (
     <BlockWrapper className={className} defaultPadding="p-6xl" {...rest}>

package/mobile/src/components/ApplicationForm/ApplicationFormAntiFraud.tsx

@@ -0,0 +1,86 @@
+/* eslint-disable max-lines-per-function,max-lines */
+
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useForm } from '../../hooks/useForm';
+import { type Option } from '../../ui-kit/Select/Option';
+import { objectValidator } from '../../validation/objectValidator';
+import { isValidationSuccess } from '../../validation/validator';
+import { withValidator } from '../../validation/withValidator';
+import { ApplicationFieldsetLayout } from './ApplicationFieldsetLayout';
+import { type ApplicationFormsProps } from './ApplicationFormsProps';
+import { formStyle } from './formStyle';
+import { PhoneInputControl } from './PhoneInputControl';
+import { renderAgreementWithSubmit } from './renderAgreementWithSubmit';
+import { renderUserData, type UserDataState } from './renderUserData';
+import {
+  consentDataProcessingValidator,
+  defaultValidator,
+  nameValidator,
+  phoneValidator,
+} from './validators';
+
+export type AntiFraudFormState = UserDataState & {
+  typeForm: Option;
+  phone: string;
+  birthday: Date | undefined;
+  isClient: boolean;
+  comment?: string;
+  consentDataProcessing: boolean;
+};
+
+const initialFormState: AntiFraudFormState = {
+  typeForm: { key: 'ANTIFRAUD', text: 'Предупреждение о мошенничестве' },
+  surname: '',
+  name: '',
+  middleName: '',
+  phone: '',
+  birthday: undefined,
+  isClient: false,
+  comment: '',
+  consentDataProcessing: false,
+};
+
+const feedbackValidator = objectValidator({
+  typeForm: defaultValidator,
+  surname: defaultValidator,
+  name: nameValidator,
+  birthday: defaultValidator,
+  phone: phoneValidator,
+  consentDataProcessing: consentDataProcessingValidator,
+});
+
+export const ApplicationFormAntiFraud = JSX<ApplicationFormsProps>(({ button, link, onSubmit }) => {
+  const handleSubmit = useCallback(
+    (formState: AntiFraudFormState) => {
+      const { typeForm, phone, ...usedFields } = formState;
+
+      const submitData = {
+        ...usedFields,
+        typeForm: typeForm.key,
+        phone: phone.replace(/[^+\d]/g, ''),
+      };
+      isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData);
+    },
+    [onSubmit],
+  );
+
+  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+
+  return (
+    <form className={formStyle} onSubmit={formProps.onSubmit}>
+      <ApplicationFieldsetLayout
+        firstChildren={
+          <div className="w-full max-w-xl space-y-s m-auto">
+            {renderUserData<AntiFraudFormState>(field)}
+            <PhoneInputControl
+              label="Телефон*"
+              {...withValidator(field('phone'), phoneValidator)}
+            />
+            {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}
+          </div>
+        }
+      />
+    </form>
+  );
+});

package/mobile/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -94,6 +94,15 @@ export type FeedbackFormParamsDef = TitleProps &
     formType: 'ApplicationFormFeedback';
   };
 
+/**
+ * @title Сообщить о мошенничестве
+ */
+export type AntiFraudFormParamsDef = TitleProps &
+  CommonApplicationFormProps & {
+    /** @default ApplicationFormAntiFraud */
+    formType: 'ApplicationFormAntiFraud';
+  };
+
 /**
  * @title Настройки формы
  */
@@ -105,7 +114,8 @@ export type ApplicationFormBlockDef =
   | AcquiringFormParamsDef
   | GrantSupportFormParamsDef
   | IndividualsFormParamsDef
-  | FeedbackFormParamsDef;
+  | FeedbackFormParamsDef
+  | AntiFraudFormParamsDef;
 
 /**
  * @title Форма заявки

package/mobile/src/components/ApplicationForm/ApplicationFormFeedback.tsx

@@ -5,49 +5,36 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useBranches } from '../../hooks/useBranches';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { objectValidator } from '../../validation/objectValidator';
-import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
 import { useGetRegions } from '../SafeDepositRental/useGetRegions';
 import { ApplicationFieldsetLayout } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { FEEDBACK_METHOD, FEEDBACK_TYPES, SERVICE_DIRECTIONS } from './feedbackTypes';
 import { formStyle } from './formStyle';
+import { handleSubmitIndividual, handleSubmitLegal, handleSubmitQuestion } from './handleSubmit';
 import { InputControl } from './InputControl';
 import { PhoneInputControl } from './PhoneInputControl';
 import { renderAgreementWithSubmit } from './renderAgreementWithSubmit';
-import { renderTextarea } from './renderTextarea';
-import { renderUserData } from './renderUserData';
+import { renderUserData, type UserDataState } from './renderUserData';
 import { SelectControl } from './SelectControl';
-import {
-  consentDataProcessingValidator,
-  defaultValidator,
-  innValidator,
-  nameValidator,
-  phoneValidator,
-} from './validators';
+import { defaultValidator, innValidator, phoneValidator } from './validators';
 
-export interface FeedbackFormState {
+export type FeedbackFormState = UserDataState & {
   typeForm: Option;
   region?: Option;
-  serviceDirection: Option;
-  department?: Option;
-  surname: string;
-  name: string;
-  middleName;
+  serviceDirection?: Option;
+  addressBranch?: Option;
+  inn?: string;
   fullName?: string;
-  date: Date | undefined;
   feedbackMethod: Option;
   phone: string;
-  phoneAdditional?: string;
-  mail: string;
+  secondaryPhone?: string;
+  email?: string;
   bankEmpolee?: string;
   applicationDate?: string;
-  text: string;
   comment: string;
   consentDataProcessing: boolean;
-  inn?: string;
-}
+};
 
 const initialFormState: FeedbackFormState = {
   typeForm: { key: 'FEEDBACK', text: 'Задать вопрос по продуктам и услугам' },
@@ -55,51 +42,41 @@ const initialFormState: FeedbackFormState = {
   surname: '',
   name: '',
   middleName: '',
-  date: undefined,
+  birthday: undefined,
   feedbackMethod: { key: 'Телефонный звонок' },
   phone: '',
-  phoneAdditional: '',
-  mail: '',
-  text: '',
+  email: '',
   comment: '',
   consentDataProcessing: false,
 };
 
-const feedbackValidator = objectValidator({
-  typeForm: defaultValidator,
-  region: defaultValidator,
-  department: defaultValidator,
-  name: nameValidator,
-  date: defaultValidator,
-  feedbackMethod: defaultValidator,
-  phone: phoneValidator,
-  mail: defaultValidator,
-  consentDataProcessing: consentDataProcessingValidator,
-  inn: innValidator,
-});
-
 export const ApplicationFormFeedback = JSX<ApplicationFormsProps>(({ button, link, onSubmit }) => {
   const handleSubmit = useCallback(
-    (formState: FeedbackFormState) => {
-      const submitData = {
-        ...formState,
-        typeForm: formState.typeForm.key,
-        region: formState.region?.text || '',
-        department: formState.department?.text || '',
-        phone: formState.phone.replace(/[^+\d]/g, ''),
-      };
+    (feedbackFormState: FeedbackFormState) => {
+      const isLegal = getLegalEntity(
+        feedbackFormState.typeForm.key,
+        feedbackFormState.serviceDirection?.key,
+      );
 
-      isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData);
+      if (isLegal) {
+        handleSubmitLegal(feedbackFormState, onSubmit);
+      } else if (feedbackFormState.typeForm.key === 'FEEDBACK') {
+        handleSubmitQuestion(feedbackFormState, onSubmit);
+      } else {
+        handleSubmitIndividual(feedbackFormState, onSubmit);
+      }
     },
     [onSubmit],
   );
 
   const [formState, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
-  const regions = useGetRegions();
-  const branches = useBranches(formState.region?.key).filter((branch) => branch?.address);
-  const isQualityService = field('typeForm').value?.key === 'FEEDBACK_QC';
-  const isLegalEntity =
-    isQualityService && field('serviceDirection').value?.key === 'Юридическое лицо / ИП';
+  const branch = useGetRegions();
+  const regions = useBranches(formState?.region?.key).filter((region) => region?.address);
+  const isQualityService = field('typeForm').value?.key === 'FEEDBACK_QS';
+  const isLegalEntity = getLegalEntity(
+    field('typeForm').value?.key,
+    field('serviceDirection').value?.key,
+  );
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
@@ -124,31 +101,30 @@ export const ApplicationFormFeedback = JSX<ApplicationFormsProps>(({ button, lin
               label="Филиал обслуживания*"
               placeholder="Выберите филиал"
               isSearch={true}
-              options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
+              options={branch.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
               {...withValidator(field('region'), defaultValidator)}
             />
-            <SelectControl
-              label="Адрес"
-              placeholder="Выберите адрес"
-              options={branches.map(({ branchCode = '', address = '' }) => ({
-                key: branchCode,
-                text: address,
-              }))}
-              {...withValidator(field('department'), defaultValidator)}
-            />
-            {renderUserData(field)}
+            {isQualityService ? (
+              <SelectControl
+                label="Адрес*"
+                placeholder="Выберите адрес"
+                options={regions.map(({ branchCode = '', address = '' }) => ({
+                  key: branchCode,
+                  text: address,
+                }))}
+                {...withValidator(field('addressBranch'), defaultValidator)}
+              />
+            ) : null}
+            {renderUserData<FeedbackFormState>(field)}
             {isLegalEntity ? (
               <div>
-                <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
-                <InputControl
-                  label="Наименование организации"
-                  {...withValidator(field('fullName'), defaultValidator)}
-                />
+                <InputControl label="ИНН*" {...withValidator(field('inn'), innValidator)} />
+                <InputControl label="Наименование организации" {...field('fullName')} />
               </div>
             ) : null}
             <SelectControl
               label="Способ получения ответа*"
-              options={FEEDBACK_METHOD.map(({ key: key = '' }) => ({ key, text: key }))}
+              options={FEEDBACK_METHOD}
               {...withValidator(field('feedbackMethod'), defaultValidator)}
             />
             <PhoneInputControl
@@ -157,30 +133,28 @@ export const ApplicationFormFeedback = JSX<ApplicationFormsProps>(({ button, lin
             />
             {isQualityService ? (
               <div>
-                <PhoneInputControl
-                  label="Дополнительный телефон"
-                  {...withValidator(field('phoneAdditional'), phoneValidator)}
-                />
+                <InputControl label="Дополнительный телефон" {...field('secondaryPhone')} />
                 <InputControl
-                  label="Электронная почта"
-                  {...withValidator(field('mail'), defaultValidator)}
+                  label="Электронная почта*"
+                  {...withValidator(field('email'), defaultValidator)}
                 />
                 <InputControl
                   label="ФИО или должность обслуживавшего Вас сотрудника Банка"
-                  {...withValidator(field('bankEmpolee'), defaultValidator)}
-                />
-                <InputControl
-                  label="Дата и время обращения в Банк"
-                  {...withValidator(field('applicationDate'), defaultValidator)}
+                  {...field('bankEmpolee')}
                 />
+                <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
               </div>
             ) : (
               <InputControl
-                label="Электронная почта"
-                {...withValidator(field('mail'), defaultValidator)}
+                label="Электронная почта*"
+                {...withValidator(field('email'), defaultValidator)}
               />
             )}
-            {renderTextarea(field('text'), 'Ваше сообщение*')}
+            <InputControl
+              {...withValidator(field('comment'), defaultValidator)}
+              placeholder="Ваше сообщение*"
+              isTextarea={true}
+            />
             {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}
           </div>
         }
@@ -188,3 +162,6 @@ export const ApplicationFormFeedback = JSX<ApplicationFormsProps>(({ button, lin
     </form>
   );
 });
+
+const getLegalEntity = (typeFormKey = '', serviceDirectionKey = '') =>
+  typeFormKey === 'FEEDBACK_QS' && serviceDirectionKey === 'Юридическое лицо / ИП';

package/mobile/src/components/ApplicationForm/ApplicationFormIndividuals.tsx

@@ -18,8 +18,8 @@ export interface IndividualsFormState {
   name: string;
   middleName: string;
   phone: string;
-  mail: string;
-  date: Date | undefined;
+  email: string;
+  birthday: Date | undefined;
   consentDataProcessing: boolean;
 }
 
@@ -28,8 +28,8 @@ const initialFormState: IndividualsFormState = {
   name: '',
   middleName: '',
   phone: '',
-  mail: '',
-  date: undefined,
+  email: '',
+  birthday: undefined,
   consentDataProcessing: true,
 };
 
@@ -38,8 +38,8 @@ const individualsValidator = objectValidator({
   name: nameValidator,
   middleName: nameValidator,
   phone: phoneValidator,
-  mail: defaultValidator,
-  date: defaultValidator,
+  email: defaultValidator,
+  birthday: defaultValidator,
 });
 
 export const ApplicationFormIndividuals = JSX<ApplicationFormsProps>((props) => {
@@ -47,7 +47,8 @@ export const ApplicationFormIndividuals = JSX<ApplicationFormsProps>((props) =>
 
   const handleSubmit = useCallback(
     (formState: IndividualsFormState) => {
-      const { surname, name, middleName, phone, mail, date, consentDataProcessing } = formState;
+      const { surname, name, middleName, phone, email, birthday, consentDataProcessing } =
+        formState;
 
       isValidationSuccess(individualsValidator(formState)) &&
         onSubmit(
@@ -56,10 +57,10 @@ export const ApplicationFormIndividuals = JSX<ApplicationFormsProps>((props) =>
             surname,
             name,
             middleName,
-            mail,
+            email,
             consentDataProcessing,
-            phone: phone.replace(/[^+\d]/g, ''),
-            date: date?.toISOString().slice(0, 10) || '',
+            phoneNumber: phone.replace(/[^+\d]/g, ''),
+            birthday: birthday?.toISOString().slice(0, 10) || '',
             product: product || '',
           },
           true,
@@ -85,11 +86,11 @@ export const ApplicationFormIndividuals = JSX<ApplicationFormsProps>((props) =>
             <InputControl label="Имя" {...withValidator(field('name'), nameValidator)} />
             <DatePickerControl
               label="Дата рождения*"
-              {...withValidator(field('date'), defaultValidator)}
+              {...withValidator(field('birthday'), defaultValidator)}
             />
             <InputControl
               label="Электронная почта"
-              {...withValidator(field('mail'), defaultValidator)}
+              {...withValidator(field('email'), defaultValidator)}
             />
           </div>
         }

package/mobile/src/components/ApplicationForm/ApplicationFormWed.tsx

@@ -96,11 +96,12 @@ export const ApplicationFormWed = JSX<ApplicationFormsProps>((props) => {
       {renderQuestionsInterested(field)}
       <Heading headingType="h6" title="Данные организации" className="@xl:text-center" />
       {renderWedDataOrganization({ field, regions })}
-      {renderTextarea(
+      {renderTextarea({
         textField,
-        'Обращение',
-        'Укажите интересующий вас вопрос, место ведения бизнеса и удобное время для телефонного звонка',
-      )}
+        text: 'Обращение',
+        placeholder:
+          'Укажите интересующий вас вопрос, место ведения бизнеса и удобное время для телефонного звонка',
+      })}
       {renderSubmitButton(button)}
       <Footnote link={link} />
       <Heading

package/mobile/src/components/ApplicationForm/EmbeddableForms.tsx

@@ -1,4 +1,5 @@
 import { ApplicationFormAcquiring } from './ApplicationFormAcquiring';
+import { ApplicationFormAntiFraud } from './ApplicationFormAntiFraud';
 import { ApplicationFormBusinessCard } from './ApplicationFormBusinessCard';
 import { ApplicationFormCredit } from './ApplicationFormCredit';
 import { ApplicationFormDeposit } from './ApplicationFormDeposit';
@@ -16,4 +17,5 @@ export const EmbeddableForms = {
   ApplicationFormGrantSupport,
   ApplicationFormIndividuals,
   ApplicationFormFeedback,
+  ApplicationFormAntiFraud,
 };

package/mobile/src/components/ApplicationForm/InputControl.tsx

@@ -1,19 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Input } from '../../ui-kit/Input/Input';
+import { type InputProps } from '../../ui-kit/Input/InputProps';
 import { style } from '../../utils/style';
 import { renderErrorText } from './renderErrorText';
 
-export interface InputControlProps {
-  className?: string;
-  label: string;
-  value?: string;
-  error?: string;
-  onChange?: (value: string) => void;
-  onBlur?: () => void;
-}
-
-export const InputControl = JSX<InputControlProps>(
-  ({ className, label, value = '', error, onChange, onBlur }) => (
+export const InputControl = JSX<InputProps>(
+  ({ className, label, value = '', placeholder, error, onChange, onBlur, isTextarea }) => (
     <div className={style('shrink-0 w-full', className)}>
       <Input
         type="text"
@@ -23,6 +15,8 @@ export const InputControl = JSX<InputControlProps>(
         value={value}
         onChange={onChange}
         onBlur={onBlur}
+        isTextarea={isTextarea}
+        placeholder={placeholder}
       />
       {renderErrorText(error)}
     </div>

package/mobile/src/components/ApplicationForm/PhoneInputControl.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type InputProps } from '../../ui-kit/Input/InputProps';
 import { PhoneInput } from '../../ui-kit/PhoneInput/PhoneInput';
 import { style } from '../../utils/style';
-import { type InputControlProps } from './InputControl';
 import { renderErrorText } from './renderErrorText';
 
-export const PhoneInputControl = JSX<InputControlProps>(
+export const PhoneInputControl = JSX<InputProps>(
   ({ className, label, value, error, onChange, onBlur }) => (
     <div className={style('shrink-0 w-full', className)}>
       <PhoneInput

package/mobile/src/components/ApplicationForm/feedbackTypes.ts

@@ -7,7 +7,7 @@ export const FEEDBACK_TYPES: Option[] = [
   },
   {
     text: 'Качество обслуживания',
-    key: 'FEEDBACK_QC',
+    key: 'FEEDBACK_QS',
   },
 ];