@redneckz/wildless-cms-uni-blocks 0.14.569 → 0.14.570

package/mobile/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -3,7 +3,6 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { LeadServiceAPI } from '../../api/LeadServiceAPI';
 import { useForm } from '../../hooks/useForm';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
-import { getConsentDataProcessing } from '../../ui-kit/FormField/getConsentDataProcessing';
 import { getField } from '../../ui-kit/FormField/getField';
 import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
 import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
@@ -16,7 +15,7 @@ import { isValidationSuccess } from '../../validation/validator';
 import { type ApplicationLeadFormContent, type FieldDef } from './ApplicationLeadFormContent';
 import { getFormatData } from './getFormatData';
 import { getInitialFormState, type FormState } from './getInitialFormState';
-import { renderAgreementSubmit } from './renderAgreementSubmit';
+import { renderSubmitButton } from './renderSubmitButton';
 
 interface ApplicationLeadFormProps extends ApplicationLeadFormContent, UniBlockProps {}
 
@@ -24,7 +23,7 @@ const API = LeadServiceAPI();
 
 export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
   // eslint-disable-next-line max-lines-per-function
-  ({ className, title, typeForm = '', sections = [], button, link, endpoint, ...rest }) => {
+  ({ className, title, typeForm = '', sections = [], button, endpoint, ...rest }) => {
     const inputs = (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[];
     const initialFormState = getInitialFormState(inputs, typeForm);
     const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
@@ -46,7 +45,6 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
     }, []);
 
     const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
-    const fieldName = getConsentDataProcessing(inputs)?.name;
 
     useEffect(() => {
       if (responseType === 'OK') {
@@ -71,11 +69,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
               {(_?.inputs || [])?.map(getField(field, typeForm))}
             </div>
           ))}
-          {renderAgreementSubmit(
-            fieldName ? field('consentDataProcessing') : undefined,
-            link,
-            button,
-          )}
+          {renderSubmitButton(button)}
         </form>
       </ApplicationFormLayout>
     );

package/mobile/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -52,7 +52,8 @@ export type NameFieldDef =
   | 'product'
   | 'localities'
   | 'partnerComments'
-  | 'consentDataProcessing';
+  | 'consentDataProcessing'
+  | 'consentToAllDocs';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */

package/mobile/src/ui-kit/Checkbox/CheckboxGroup.tsx

@@ -7,6 +7,7 @@ import { FoldableSection } from '../Foldable/FoldableSection';
 import { Icon } from '../Icon/Icon';
 import { Checkbox } from './Checkbox';
 import { type CheckboxGroupProps } from './CheckboxProps';
+import { CheckboxWithError } from './CheckboxWithError';
 
 export const CheckboxGroup = JSX<CheckboxGroupProps>(({ className, items = [], ...props }) => {
   const isChecked = items.every((_) => _?.value);
@@ -27,7 +28,12 @@ export const CheckboxGroup = JSX<CheckboxGroupProps>(({ className, items = [], .
           </FoldableSection>
         )}
         renderFoldButton={renderGeneralCheckbox(
-          <Checkbox value={isChecked} onChange={handleGeneralToggle} {...props} />,
+          <CheckboxWithError
+            required={true}
+            value={isChecked}
+            onChange={handleGeneralToggle}
+            {...props}
+          />,
         )}
       />
     </div>

package/mobile/src/ui-kit/Checkbox/CheckboxProps.ts

@@ -6,7 +6,7 @@ export interface CheckboxProps {
   isRadio?: boolean;
   onChange?: (value: boolean) => void;
   error?: string;
-  subItems?: CheckboxProps[];
+  required?: boolean;
 }
 
 export interface CheckboxGroupProps {

package/mobile/src/ui-kit/FormField/Fields/ConsentToAllDocsField.tsx

@@ -0,0 +1,29 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxGroup } from '../../Checkbox/CheckboxGroup';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const items = [
+  {
+    field: 'processPersonalDataLeadFlg',
+    text: 'Согласие на обработку персональных данных',
+    required: true,
+  },
+  {
+    field: 'consentOtherFlg',
+    text: 'Согласие на информирование о продуктах и услугах Банка',
+    required: true,
+  },
+  {
+    field: 'consentProviderFlg',
+    text: 'Согласие об использовании простой электронной подписи',
+    required: true,
+  },
+  { field: 'consentPfrFlg', text: 'Согласие на запрос в ПФР Открыты по субботам', required: true },
+  { field: 'consentPhotoFlg', text: 'Прочие согласия (согласие на фотографирование)' },
+];
+export const ConsentToAllDocsField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxGroup
+    text="Согласие на все документы"
+    items={items.map((_) => ({ ...field(_.field), text: _.text, required: _.required }))}
+  />
+));

package/mobile/src/ui-kit/FormField/getField.tsx

@@ -8,6 +8,7 @@ import { AcquiringField } from './Fields/AcquiringField';
 import { AddressBranchField } from './Fields/AddressBranchField';
 import { AmountField } from './Fields/AmountField';
 import { CommentField } from './Fields/CommentField';
+import { ConsentToAllDocsField } from './Fields/ConsentToAllDocsField';
 import { FeedbackMethodField } from './Fields/FeedbackMethodField';
 import { FeedbackTypeField } from './Fields/FeedbackTypeField';
 import { IsClientField } from './Fields/IsClientField';
@@ -129,6 +130,7 @@ export const getField =
         <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
       ),
       secondaryPhone: <SecondaryPhoneField field={field} />,
+      сonsentToAllDocs: <ConsentToAllDocsField field={field} />,
     };
 
     return isRenderField({ input, field }) ? (

package/mobile/src/ui-kit/FormField/getObjectValidator.tsx

@@ -35,6 +35,7 @@ export const validatorObj: Record<string, Validator> = {
   localities: defaultValidator,
   consentDataProcessing: agreementValidator,
   annualRevenue: defaultValidator,
+  consentToAllDocs: agreementValidator,
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.569",
+  "version": "0.14.570",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -53,7 +53,8 @@ export type NameFieldDef =
   | 'product'
   | 'localities'
   | 'partnerComments'
-  | 'consentDataProcessing';
+  | 'consentDataProcessing'
+  | 'consentToAllDocs';
 
 export type ConditionFieldProps = {
   /** @title Условия отображения полей формы */