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

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

@@ -1,6 +1,5 @@
 import '../../setup-fixture';
-
-import { type LinkProps } from '../../model/LinkProps';
+import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { ApplicationLeadForm } from './ApplicationLeadForm';
 import { type SubmitButtonProps } from './ApplicationLeadFormContent';
@@ -10,12 +9,6 @@ const button: SubmitButtonProps = {
   version: 'primary',
 };
 
-const link: LinkProps = {
-  text: 'Согласен на обработку персональных данных',
-  href: '/privacy-policy',
-  target: '_blank',
-};
-
 export default {
   default: (
     <div className="container grid grid-cols-12">
@@ -26,17 +19,22 @@ export default {
         endpoint="lead"
         sections={[
           {
+            columns: 2,
             inputs: [
+              { fieldType: 'common', name: 'surname', required: true },
               { fieldType: 'common', name: 'name', required: true },
               { fieldType: 'common', name: 'middleName' },
-              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+              { fieldType: 'common', name: 'birthday', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'email', required: true },
             ],
           },
+          { inputs: [{ fieldType: 'common', name: 'consentToAllDocs', required: true }] },
         ]}
         button={button}
-        link={link}
       />
       <PopupManager />
+      <DialogManager />
     </div>
   ),
 };

package/src/components/ApplicationLeadForm/ApplicationLeadForm.fixture.tsx

@@ -1,22 +1,15 @@
 import '../../setup-fixture';
 
-import { type LinkProps } from '../../model/LinkProps';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { ApplicationLeadForm } from './ApplicationLeadForm';
 import { type SubmitButtonProps } from './ApplicationLeadFormContent';
 
 const button: SubmitButtonProps = {
-  text: 'Отправить заявку',
+  text: 'Оформить',
   version: 'primary',
 };
 
-const link: LinkProps = {
-  text: 'Согласен на обработку персональных данных',
-  href: '/privacy-policy',
-  target: '_blank',
-};
-
 export default {
   default: (
     <div className="container grid grid-cols-12">
@@ -27,15 +20,19 @@ export default {
         endpoint="lead"
         sections={[
           {
+            columns: 2,
             inputs: [
+              { fieldType: 'common', name: 'surname', required: true },
               { fieldType: 'common', name: 'name', required: true },
               { fieldType: 'common', name: 'middleName' },
-              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+              { fieldType: 'common', name: 'birthday', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'email', required: true },
             ],
           },
+          { inputs: [{ fieldType: 'common', name: 'consentToAllDocs', required: true }] },
         ]}
         button={button}
-        link={link}
       />
       <PopupManager />
       <DialogManager />

package/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/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

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

package/src/hooks/useLocalStorage.ts

@@ -0,0 +1,17 @@
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+
+export function useLocalStorage<T>(key: string): [T | null, (value: T) => void] {
+  const [storedValue, setStoredValue] = useState<T | null>(
+    JSON.parse(globalThis.localStorage?.getItem(key) || 'null') as T | null,
+  );
+
+  const setValue = useCallback(
+    (value: T) => {
+      globalThis.localStorage?.setItem(key, JSON.stringify(value));
+      setStoredValue(value);
+    },
+    [key, globalThis.localStorage],
+  );
+
+  return [storedValue, setValue];
+}

package/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/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/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/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/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> => {