@redneckz/wildless-cms-uni-blocks 0.14.294 → 0.14.296

package/src/components/ApplicationFormCustom/ApplicationFormCustom.tsx

@@ -1,132 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { LeadServiceAPI } from '../../api/LeadServiceAPI';
-import { handleAspects } from '../../hooks/useAspects/handleAspects';
-import { useAspects } from '../../hooks/useAspects/useAspects';
-import { useForm } from '../../hooks/useForm';
-import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
-import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-import { Text } from '../../ui-kit/Text/Text';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { objectValidator } from '../../validation/objectValidator';
-import { isValidationSuccess } from '../../validation/validator';
-import {
-  type ApplicationFormCustomContent,
-  type FieldDef,
-  type FormColumnsCount,
-} from './ApplicationFormCustomContent';
-import { getField } from './getField';
-import { getFormatData } from './getFormatData';
-import { getInitialFormState, type FormState } from './getInitialFormState';
-import { getObjectValidator } from './getObjectValidator';
-import { renderAgreementSubmit } from './renderAgreementSubmit';
-import { renderContacts } from './renderContacts';
-
-interface ApplicationFormCustomProps extends ApplicationFormCustomContent, UniBlockProps {}
-const API = LeadServiceAPI();
-
-export const ApplicationFormCustom = JSX<ApplicationFormCustomProps>(
-  ({
-    className,
-    title,
-    typeForm = '',
-    sections = [],
-    button,
-    link,
-    endpoint,
-    additionalParams,
-    isContacts,
-    data,
-    ...rest
-  }) => {
-    const inputs = (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[];
-    const initialFormState = getInitialFormState(inputs, typeForm);
-    const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
-
-    const handleSubmit = useCallback(
-      async (formData: FormState, ev: PreventableEventWithTarget) => {
-        const inputsFiltered = getFilteredInputs(inputs, formData);
-        const feedbackValidator = objectValidator(getObjectValidator(inputsFiltered));
-        if (!isValidationSuccess(feedbackValidator(formData))) {
-          return 'Fail';
-        }
-        const formatData = getFormatData({ ...formData, ...additionalParams });
-        const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
-        setResponseType(status);
-
-        if (status === 'OK' && data) {
-          const aspects = useAspects();
-          handleAspects({ aspectsAttributes: data, aspects, ev, formData: formatData });
-        }
-
-        return status;
-      },
-      [],
-    );
-
-    const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
-    const fieldName = getConsentDataProcessing(inputs)?.name;
-
-    useEffect(() => {
-      if (responseType === 'OK') {
-        reset();
-      }
-    }, [responseType]);
-
-    return (
-      <ApplicationFormLayout
-        className={style('container space-y-m', className)}
-        title={title}
-        responseType={responseType}
-        {...rest}
-      >
-        <form onSubmit={onSubmit}>
-          {sections.map((_, i) => (
-            <div
-              key={`section-${i}`}
-              className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
-            >
-              {renderTitle(_.title)}
-              {(_?.inputs || [])?.map(getField(field, typeForm))}
-            </div>
-          ))}
-          {renderAgreementSubmit(
-            fieldName ? field('consentDataProcessing') : undefined,
-            link,
-            button,
-          )}
-        </form>
-        {isContacts ? renderContacts() : null}
-      </ApplicationFormLayout>
-    );
-  },
-);
-
-const renderTitle = (title?: string) =>
-  title ? (
-    <div className="@xl:text-center @xl:col-span-2 mb-m">
-      <Text size="text-h6">{title}</Text>
-    </div>
-  ) : null;
-
-const inputColumnStyles = (column: FormColumnsCount | undefined) =>
-  column === 2 ? '@xl:grid-cols-2' : '';
-
-const getConsentDataProcessing = (inputs: FieldDef[]) =>
-  inputs?.find((_) => _?.name === 'consentDataProcessing');
-
-const getFilteredInputs = (inputs: FieldDef[], data: FormState) =>
-  inputs
-    .filter((_) => _)
-    .filter(
-      (input) =>
-        !input?.condition ||
-        input?.condition.values.find((_) => {
-          const dataValue = data?.[input?.condition?.name ?? ''];
-
-          return input.name === 'secondaryPhone'
-            ? Boolean(data.secondaryPhone)
-            : _ === (dataValue?.key ?? dataValue);
-        }),
-    );

package/src/components/ApplicationFormCustom/ApplicationFormCustomContent.ts

@@ -1,164 +0,0 @@
-/* eslint-disable max-len */
-
-import { type AspectsProps } from '../../model/AspectsProps';
-import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
-import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
-import { type LinkProps } from '../../model/LinkProps';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-interface Required {
-  /** @title Обязательно для заполнения */
-  required?: boolean;
-}
-
-export type SubmitButtonProps = TextProps & {
-  version?: LinkButtonVersion;
-};
-/**
- * @title Название поля ввода
- * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращени", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "Комментарий партнёров", "Согласие на обработку"]
- */
-export type NameFieldDef =
-  | 'surname'
-  | 'name'
-  | 'middleName'
-  | 'email'
-  | 'phone'
-  | 'fullName'
-  | 'inn'
-  | 'comment'
-  | 'region'
-  | 'addressBranch'
-  | 'typeForm'
-  | 'birthday'
-  | 'isClient'
-  | 'consentToReceiveMaterials'
-  | 'acquiringType'
-  | 'onlineCheckout'
-  | 'posTerminal'
-  | 'serviceDirection'
-  | 'serviceType'
-  | 'feedbackType'
-  | 'feedbackMethod'
-  | 'bankEmpolee'
-  | 'applicationDate'
-  | 'secondaryPhone'
-  | 'vedTypes'
-  | 'term'
-  | 'amount'
-  | 'annualRevenue'
-  | 'collectionCount'
-  | 'partnerComments'
-  | 'consentDataProcessing';
-
-export type ConditionFieldProps = {
-  /** @title Условия отображения полей формы */
-  condition?: {
-    name: NameFieldDef;
-    /** @title Значения при которых отображаются поля */
-    values: string[];
-  };
-};
-
-export type FieldDefaultDef = Required &
-  LabelProps &
-  ConditionFieldProps & {
-    name: NameFieldDef;
-  };
-
-/**
- * @title Поля ввода по умолчанию
- * @default {"fieldType": "common"}
- */
-export type FieldCommonDef = FieldDefaultDef & {
-  /** @default "common" */
-  fieldType: 'common';
-};
-
-type VedTypes = 'currencyControl' | 'documentOperations' | 'conversionTransactions' | 'otherIssues';
-
-/**
- * @title Поле ввода ВЭД
- * @default {"fieldType": "ved", "name": "vedTypes", "defaultValue": "currencyControl"}
- */
-export type FieldVedDef = FieldDefaultDef & {
-  /** @default "ved" */
-  fieldType: 'ved';
-  /** @title Значение по умолчанию */
-  defaultValue?: VedTypes;
-};
-
-/**
- * @title Поле
- * @default { "fieldType": "common" }
- */
-export type FieldDef = FieldCommonDef | FieldVedDef;
-
-/**
- * @title Тип формы
- * @required
- * @enumNames ["Эквайринг ЮЛ", "Аналитика ФЛ", "Мошенничество ФЛ", "Бизнес-карта ЮЛ", "Брокерское обслуживание ЮЛ", "Брокерский счет ФЛ", "Инкассация ЮЛ", "Факты коррупции ФЛ", "Кредит ЮЛ", "Депозит ЮЛ", "Консультация по продукту ФЛ", "Самоинкассация ЮЛ", "ВЭД ЮЛ", "Ультра ФЛ", "Премиум ФЛ", "Обратная связь"]
- */
-type TypeFormFieldDef =
-  | 'ACQR'
-  | 'ANALITIC'
-  | 'ANTIFRAUD'
-  | 'BCRD'
-  | 'BROK'
-  | 'BROKACCOUNT'
-  | 'COLLECTION'
-  | 'CORRUPTION'
-  | 'CRED'
-  | 'DPST'
-  | 'PRODUCT'
-  | 'SELFCOLLECTION'
-  | 'KVED'
-  | 'ULTRASERVICE'
-  | 'PREMIUMSERVICE'
-  | 'FEEDBACK';
-
-/**
- * @title Количество колнок
- * @enumNames ["Одна", "Две"]
- */
-export type FormColumnsCount = 1 | 2;
-
-/**
- * @title Endpoint запроса
- * @enumNames ["api/v1/lead", "api/v1/sendcorporatelead"]
- */
-export type EndpointType = 'lead' | 'sendcorporatelead';
-
-/**
- * @title Секция полей ввода
- */
-export type SectionsProps = TitleProps & {
-  columns?: FormColumnsCount;
-  inputs?: FieldDef[];
-};
-
-/**
- * @title Форма заявки настраиваемая
- */
-export type ApplicationFormCustomContent = UniBlockContent &
-  TitleProps &
-  AspectsProps & {
-    /** @title Кнопка */
-    button?: SubmitButtonProps;
-    /**
-     * @title Условия передачи данных
-     * @required ["text", "href"]
-     */
-    link?: LinkProps;
-    typeForm?: TypeFormFieldDef;
-    sections?: SectionsProps[];
-    endpoint?: EndpointType;
-    /** @title Дополнительные параметры формы */
-    additionalParams?: {
-      /** @title Продукт */
-      product?: string;
-    };
-    /** @title Показать контакты */
-    isContacts?: boolean;
-  };

package/src/components/ApplicationFormCustom/CustomFieldProps.ts

@@ -1,7 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { type FieldDef } from './ApplicationFormCustomContent';
-
-export interface CustomFieldProps {
-  field: FormFieldRegisterer<any>;
-  input?: FieldDef;
-}

package/src/components/ApplicationFormCustom/getField.tsx

@@ -1,154 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { CheckboxWithError } from '../../ui-kit/Checkbox/CheckboxWithError';
-import { DatePickerControl } from '../../ui-kit/DatePicker/DatePickerControl';
-import { InputControl } from '../../ui-kit/Input/InputControl';
-import { InputPhoneControl } from '../../ui-kit/Input/InputPhoneControl';
-import { AcquiringField } from './AcquiringField';
-import { AddressBranchField } from './AddressBranchField';
-import { AmountField } from './AmountField';
-import { type FieldDef } from './ApplicationFormCustomContent';
-import { CommentField } from './CommentField';
-import { FeedbackMethodField } from './FeedbackMethodField';
-import { FeedbackTypeField } from './FeedbackTypeField';
-import { validatorObj } from './getObjectValidator';
-import { getValidation } from './getValidation';
-import { IsClientField } from './IsClientField';
-import { OnlineCheckoutField } from './OnlineCheckoutField';
-import { SecondaryPhoneField } from './PartnerCommentsField';
-import { PosTerminalField } from './PosTerminalField';
-import { RegionField } from './RegionField';
-import { RegionPremiumField } from './RegionPremiumField';
-import { ServiceDirectionField } from './ServiceDirectionField';
-import { TermField } from './TermField';
-import { UltraPremiumField } from './UltraPremiumField';
-import { VedField } from './VedField';
-
-export const getField =
-  // eslint-disable-next-line max-lines-per-function
-  (field: FormFieldRegisterer<any>, typeForm: string) => (input: FieldDef, index: number) => {
-    const { required, ...rest } = input;
-    const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
-
-    const InputsMap = {
-      surname: (
-        <InputControl
-          label="Фамилия"
-          {...getValidation(field('surname'), validatorObj.surname, required)}
-        />
-      ),
-      name: (
-        <InputControl
-          label="Имя"
-          {...getValidation(field('name'), validatorObj.name, required)}
-          {...rest}
-        />
-      ),
-      middleName: (
-        <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
-      ),
-      phone: (
-        <InputPhoneControl
-          label="Телефон"
-          {...getValidation(field('phone'), validatorObj.phone, required)}
-        />
-      ),
-      email: (
-        <InputControl
-          label="Электронная почта"
-          {...getValidation(field('email'), validatorObj.email, required)}
-        />
-      ),
-      fullName: (
-        <InputControl
-          label="ФИО"
-          {...getValidation(field('fullName'), validatorObj.fullName, required)}
-          {...rest}
-        />
-      ),
-      inn: (
-        <InputControl
-          label="ИНН"
-          type="number"
-          {...getValidation(field('inn'), validatorObj.inn, required)}
-        />
-      ),
-      comment: <CommentField field={field} input={input} />,
-      region: isPremium ? (
-        <RegionPremiumField field={field} />
-      ) : (
-        <RegionField field={field} input={input} />
-      ),
-      addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
-      birthday: (
-        <DatePickerControl
-          label="Дата рождения"
-          {...getValidation(field('birthday'), validatorObj.birthday, required)}
-        />
-      ),
-      isClient: <IsClientField field={field} />,
-      consentToReceiveMaterials: (
-        <CheckboxWithError
-          {...field('consentToReceiveMaterials')}
-          text="Согласен на получение информационных и аналитических материалов по электронной почте"
-        />
-      ),
-      partnerComments: (
-        <InputControl
-          {...getValidation(field('partnerComments'), validatorObj.partnerComments, required)}
-          placeholder="Укажите интересующий вас вопрос"
-          isTextarea={true}
-          {...rest}
-        />
-      ),
-      collectionCount: (
-        <InputControl
-          label="Количество объектов инкассации"
-          type="number"
-          {...getValidation(field('collectionCount'), validatorObj.collectionCount, required)}
-        />
-      ),
-      acquiringType: <AcquiringField field={field} input={input} />,
-      onlineCheckout: <OnlineCheckoutField field={field} />,
-      posTerminal: <PosTerminalField field={field} />,
-      serviceType: <UltraPremiumField field={field} />,
-      term: <TermField field={field} />,
-      amount: <AmountField field={field} />,
-      annualRevenue: (
-        <InputControl
-          label="Годовая выручка, ₽"
-          {...getValidation(field('annualRevenue'), validatorObj.annualRevenue, required)}
-        />
-      ),
-      vedTypes: <VedField field={field} />,
-      feedbackType: <FeedbackTypeField field={field} />,
-      feedbackMethod: <FeedbackMethodField field={field} />,
-      serviceDirection: <ServiceDirectionField field={field} />,
-      bankEmpolee: (
-        <InputControl
-          label="ФИО или должность обслуживавшего Вас сотрудника Банка"
-          {...field('bankEmpolee')}
-        />
-      ),
-      applicationDate: (
-        <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
-      ),
-      secondaryPhone: <SecondaryPhoneField field={field} />,
-    };
-
-    return isRenderField({ input, field }) ? (
-      <div key={String(index)}>{InputsMap[input?.name]}</div>
-    ) : null;
-  };
-
-export function isRenderField({
-  input,
-  field,
-}: {
-  input: FieldDef;
-  field: FormFieldRegisterer<any>;
-}) {
-  const { condition } = input;
-  const { value } = field(condition?.name || '');
-
-  return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
-}

package/src/components/ApplicationFormCustom/getInitialFormState.tsx

@@ -1,70 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { ACQUIRING_TYPES } from './AcquiringField';
-import { type FieldDef } from './ApplicationFormCustomContent';
-import { FEEDBACK_METHOD, FEEDBACK_TYPES, SERVICE_DIRECTIONS, SERVICE_TYPES } from './contants';
-import { VED_TYPES } from './VedField';
-
-export interface FormState {
-  typeForm?: Option | string;
-  surname?: string;
-  name?: string;
-  middleName?: string;
-  birthday?: Date;
-  phone?: string;
-  secondaryPhone?: string;
-  email?: string;
-  acquiringType?: Option;
-  serviceType?: Option;
-  feedbackType?: Option;
-  vedTypes?: string;
-  region?: Option;
-  onlineCheckout?: boolean;
-  posTerminal?: boolean;
-  term?: number;
-  amount?: number;
-  annualRevenue?: string;
-  consentDataProcessing?: boolean;
-}
-
-const initialFormState = {
-  typeForm: '',
-  region: { key: '', text: '' },
-  addressBranch: { key: '', text: '' },
-  surname: '',
-  name: '',
-  phone: '',
-  secondaryPhone: '',
-  comment: '',
-  product: '',
-  partnerComments: '',
-  annualRevenue: '',
-  term: 12,
-  amount: 1000,
-  acquiringType: ACQUIRING_TYPES[0],
-  serviceType: SERVICE_TYPES[0],
-  feedbackType: FEEDBACK_TYPES[0],
-  feedbackMethod: FEEDBACK_METHOD[0],
-  serviceDirection: SERVICE_DIRECTIONS[0],
-  vedTypes: VED_TYPES[0],
-  birthday: undefined,
-  isClient: false,
-  onlineCheckout: false,
-  posTerminal: false,
-  consentToReceiveMaterials: false,
-  consentDataProcessing: false,
-};
-
-export const getInitialFormState = (inputs: FieldDef[], typeForm = ''): FormState => {
-  const formState = Object.fromEntries(
-    inputs.map((_) => [
-      _.name,
-      (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
-    ]),
-  );
-
-  if (formState?.serviceType && typeForm === 'PREMIUMSERVICE') {
-    formState.serviceType = SERVICE_TYPES[1];
-  }
-
-  return { ...formState, typeForm: { key: '' || typeForm, text: '' } };
-};

package/src/components/ApplicationFormCustom/getNamesFromInput.tsx

@@ -1,4 +0,0 @@
-import { type FieldDef } from './ApplicationFormCustomContent';
-
-export const getNamesFromInput = (inputs: FieldDef[]) =>
-  Object.values(inputs.filter((_) => _))?.map((_) => _.name);

package/src/components/ApplicationFormCustom/getObjectValidator.tsx

@@ -1,43 +0,0 @@
-import { type Validator } from '../../validation/validator';
-import { type FieldDef } from './ApplicationFormCustomContent';
-import { getNamesFromInput } from './getNamesFromInput';
-import {
-  agreementValidator,
-  defaultSelectValidator,
-  defaultValidator,
-  innValidator,
-  nameValidator,
-  phoneValidator,
-} from './validators';
-
-export const validatorObj: Record<string, Validator> = {
-  typeForm: defaultValidator,
-  surname: nameValidator,
-  name: nameValidator,
-  region: defaultSelectValidator,
-  addressBranch: defaultSelectValidator,
-  phone: phoneValidator,
-  secondaryPhone: phoneValidator,
-  birthday: defaultValidator,
-  email: defaultValidator,
-  fullName: nameValidator,
-  inn: innValidator,
-  partnerComments: defaultValidator,
-  collectionCount: defaultValidator,
-  comment: defaultValidator,
-  acquiringType: defaultSelectValidator,
-  feedbackType: defaultSelectValidator,
-  feedbackMethod: defaultSelectValidator,
-  serviceType: defaultSelectValidator,
-  serviceDirection: defaultSelectValidator,
-  consentDataProcessing: agreementValidator,
-  annualRevenue: defaultValidator,
-};
-
-export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {
-  const requiredInputs = getNamesFromInput(
-    inputs.filter((_: FieldDef) => ('required' in _ ? _.required : false)),
-  );
-
-  return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
-};

package/src/components/ApplicationFormCustom/renderAgreementSubmit.tsx

@@ -1,31 +0,0 @@
-import { type FieldProps } from '../../hooks/useForm';
-import { type LinkProps } from '../../model/LinkProps';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
-import { withValidator } from '../../validation/withValidator';
-import { type SubmitButtonProps } from './ApplicationFormCustomContent';
-import { Footnote } from './Footnote';
-import { renderSubmitButton } from './renderSubmitButton';
-import { agreementValidator } from './validators';
-
-const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
-export const renderAgreementSubmit = (
-  consentDataProcessing?: FieldProps<boolean>,
-  link?: LinkProps,
-  button?: SubmitButtonProps,
-) => (
-  <div className="flex col-span-2 gap-m flex-col lg:flex-row w-full justify-between items-baseline">
-    {consentDataProcessing ? (
-      <div>
-        <div className="flex gap-3">
-          <Checkbox {...consentDataProcessing} />
-          <Footnote link={link} />
-        </div>
-        {renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)}
-      </div>
-    ) : (
-      <Footnote text={agreementText} link={link} />
-    )}
-    {renderSubmitButton(button)}
-  </div>
-);

package/src/components/ApplicationFormCustom/renderSubmitButton.tsx

@@ -1,9 +0,0 @@
-import { Button } from '../../ui-kit/Button/Button';
-import { style } from '../../utils/style';
-import { type SubmitButtonProps } from './ApplicationFormCustomContent';
-
-export const renderSubmitButton = (button?: SubmitButtonProps, className?: string) => (
-  <Button className={style('w-full @xl:w-auto', className)} type="submit">
-    {button?.text ? button.text : 'Отправить заявку'}
-  </Button>
-);

package/src/components/ApplicationFormGrantSupport/ApplicationFormGrantSupport.fixture.tsx

@@ -1,28 +0,0 @@
-import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
-import { ApplicationFormGrantSupport } from './ApplicationFormGrantSupport';
-const regionSource = {
-  $ref: '/wcms-resources/regions-grant-support.json',
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ApplicationFormGrantSupport
-        className="col-span-12"
-        regionSource={regionSource}
-        button={{
-          text: 'Перейти',
-        }}
-        data={[
-          {
-            aspectName: 'mindboxEvent',
-            params: {
-              test: 'test-mindbox',
-            },
-          },
-        ]}
-      />
-      <PopupManager />
-    </div>
-  ),
-};