@redneckz/wildless-cms-uni-blocks 0.14.768 → 0.14.769

package/src/api/dadataHints/dadataHintsType.ts

@@ -1,79 +0,0 @@
-import { type Nullable } from '../../utils/Nullable';
-import { type HintOption } from './hintsListsOptions';
-
-export interface DaDataSuggestion {
-  value: string;
-  unrestricted_value: string;
-  data: DaDataResponseItem;
-  processedValue: string;
-}
-
-type DaDataGender = 'MALE' | 'FEMALE' | 'UNKNOWN';
-
-type DaDataQC = '0' | '1';
-
-interface DaDataFio {
-  surname: Nullable<string>;
-  name: Nullable<string>;
-  patronymic: Nullable<string>;
-  gender: DaDataGender;
-  qc: DaDataQC;
-  source: null;
-}
-
-interface DaDataEmail {
-  domain: Nullable<string>;
-  local: string;
-}
-
-interface DaDataPassportFms {
-  code: string;
-  name: string;
-}
-
-interface DaDataOrganization {
-  address: {
-    data: DaDataAddress;
-    value: string;
-  };
-  inn: string;
-  employee_count: number;
-  name: {
-    short_with_opf: string;
-  };
-  opf: {
-    short: string;
-    code: string;
-  };
-  okved: string;
-}
-
-export interface DaDataAddress {
-  area_with_type: Nullable<string>;
-  city: Nullable<string>;
-  fias_id: string;
-  flat: Nullable<string>;
-  house: Nullable<string>;
-  okato: Nullable<string>;
-  postal_code: Nullable<string>;
-  region: string;
-  region_kladr_id: string;
-  settlement_with_type: Nullable<string>;
-  street: Nullable<string>;
-  fias_code: string;
-  qc: DaDataQC;
-  qc_complete: Nullable<string>;
-  qc_house: Nullable<string>;
-}
-
-type DaDataResponseItem = Partial<
-  DaDataFio & DaDataEmail & DaDataPassportFms & DaDataOrganization & DaDataAddress
->;
-
-export interface ListRequestOption {
-  url: string;
-  query?: string;
-  queryPrefix?: string;
-  requestData?: HintOption['requestData'];
-  responseItemHandler?: (item?: DaDataSuggestion) => string;
-}

package/src/api/dadataHints/hintsListsOptions.ts

@@ -1,77 +0,0 @@
-import { type DaDataSuggestion } from './dadataHintsType';
-
-const NAME_HINTS_LIST_OPTIONS = {
-  url: 'suggest/fio',
-  requestData: {
-    parts: ['NAME'],
-    gender: 'UNKNOWN',
-  },
-};
-
-const SURNAME_HINTS_LIST_OPTIONS = {
-  url: 'suggest/fio',
-  requestData: {
-    parts: ['SURNAME'],
-    gender: 'UNKNOWN',
-  },
-};
-
-const PATRONYMIC_HINTS_LIST_OPTIONS = {
-  url: 'suggest/fio',
-  requestData: {
-    parts: ['PATRONYMIC'],
-    gender: 'UNKNOWN',
-  },
-};
-
-const EMAIL_HINTS_LIST_OPTIONS = {
-  url: 'suggest/email',
-};
-
-const PASSPORT_FMS_HINTS_LIST_OPTIONS = {
-  url: 'suggest/fms_unit',
-};
-
-const PASSPORT_CODE_HINTS_LIST_OPTIONS = {
-  url: 'suggest/fms_unit',
-  responseItemHandler: (item?: DaDataSuggestion) => item?.data?.code?.replace('-', '') || '',
-};
-
-const ORGANIZATION_NAME_HINTS_LIST_OPTIONS = {
-  url: 'suggest/party',
-};
-
-const ORGANIZATION_INN_HINTS_LIST_OPTIONS = {
-  url: 'suggest/party',
-  responseItemHandler: (item?: DaDataSuggestion) => item?.data?.inn || '',
-};
-
-const ADDRESS_HINTS_LIST_OPTIONS = {
-  url: 'suggest/address',
-};
-
-export type HintsListOptions = Record<string, HintOption>;
-
-export const hintsListsOptions: HintsListOptions = {
-  name: NAME_HINTS_LIST_OPTIONS,
-  surname: SURNAME_HINTS_LIST_OPTIONS,
-  middleName: PATRONYMIC_HINTS_LIST_OPTIONS,
-  email: EMAIL_HINTS_LIST_OPTIONS,
-  dulSubdivisionCode: PASSPORT_CODE_HINTS_LIST_OPTIONS,
-  dulIssuedBy: PASSPORT_FMS_HINTS_LIST_OPTIONS,
-  organizationName: ORGANIZATION_NAME_HINTS_LIST_OPTIONS,
-  inn: ORGANIZATION_INN_HINTS_LIST_OPTIONS,
-  addressRegistration: ADDRESS_HINTS_LIST_OPTIONS,
-  addressFact: ADDRESS_HINTS_LIST_OPTIONS,
-  organizationAddress: ADDRESS_HINTS_LIST_OPTIONS,
-  addressCourier: ADDRESS_HINTS_LIST_OPTIONS,
-};
-
-export type HintOption = {
-  url: string;
-  requestData?: {
-    parts?: string[];
-    gender?: string;
-  };
-  responseItemHandler?: (item?: DaDataSuggestion) => string;
-};

package/src/components/ApplicationLeadForm/ApplicationLeadForm.example.json

@@ -1,70 +0,0 @@
-[
-  [
-    "Лид форма",
-    {
-      "content": {
-        "version": "primary",
-        "padding": "",
-        "title": "Лид форма",
-        "typeForm": "OUTSERVICE",
-        "endpoint": "lead",
-        "sections": [
-          {
-            "columns": 2,
-            "inputs": [
-              {
-                "name": "surname",
-                "required": true
-              },
-              {
-                "name": "name",
-                "required": true
-              },
-              {
-                "name": "middleName"
-              },
-              {
-                "name": "limitedBirthday",
-                "required": true
-              },
-              {
-                "name": "phone",
-                "required": true
-              },
-              {
-                "name": "email",
-                "required": true
-              }
-            ]
-          },
-          {
-            "inputs": [
-              {
-                "name": "processPersonalDataFlg",
-                "required": true
-              },
-              {
-                "name": "consentProviderFlg",
-                "required": true
-              },
-              {
-                "name": "consentOthersFlg",
-                "required": true
-              },
-              {
-                "name": "consentInformFlg"
-              },
-              {
-                "name": "consentPfrFlg"
-              }
-            ]
-          }
-        ],
-        "button": {
-          "text": "Оформить",
-          "version": "primary"
-        }
-      }
-    }
-  ]
-]

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

@@ -1,38 +0,0 @@
-import '../../setup-fixture';
-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: 'Отправить заявку',
-  version: 'primary',
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ApplicationLeadForm
-        className="col-span-12"
-        title="Заявка на кредит"
-        programId="10"
-        button={button}
-      />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
-
-  creditCard: (
-    <div className="container grid grid-cols-12">
-      <ApplicationLeadForm
-        className="col-span-12"
-        title="Заявка на кредит"
-        programId="13"
-        button={button}
-      />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
-};

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

@@ -1,39 +0,0 @@
-import '../../setup-fixture';
-
-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: 'Оформить',
-  version: 'primary',
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ApplicationLeadForm
-        className="col-span-12"
-        title="Заявка на кредит"
-        programId="10"
-        button={button}
-      />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
-
-  creditCard: (
-    <div className="container grid grid-cols-12">
-      <ApplicationLeadForm
-        className="col-span-12"
-        title="Заявка на кредит"
-        programId="13"
-        button={button}
-      />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
-};

package/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -1,72 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm/useForm';
-import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
-import { useDialog } from '../../ui-kit/DialogManager/useDialog';
-import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator';
-import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
-import { renderTitle } from '../../ui-kit/FormField/renderTitle';
-import { Loader } from '../../ui-kit/Loader/Loader';
-import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { applicationFormData } from './applicationFormData';
-import { type ApplicationLeadFormContent } from './ApplicationLeadFormContent';
-import { renderInputs } from './renderInputs';
-import { renderSubmitButton } from './renderSubmitButton';
-import { useApplicationLeadApi } from './useApplicationLeadApi';
-import { useInitApplicationLead } from './useInitApplicationLead';
-
-interface ApplicationLeadFormProps extends ApplicationLeadFormContent, UniBlockProps {}
-
-export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
-  ({ className, title, programId = '', nextStepLink = '/credit-lead', button, ...rest }) => {
-    const inputs = useMemo(
-      () => (applicationFormData?.flatMap((_) => _?.inputs) || []) as FieldRetailDef[],
-      [applicationFormData],
-    );
-
-    const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
-
-    const [initialFormState, { isLoading }] = useInitApplicationLead(inputs, nextStepLink);
-    const { isSending, ok, handleSubmit } = useApplicationLeadApi({
-      programId,
-      nextStepLink,
-    });
-
-    const [, { field, onSubmit }] = useForm(initialFormState, {
-      formValidator,
-      onSubmit: handleSubmit,
-    });
-
-    const responseTypeDialog = useDialog(ResponseTypeDialog);
-    useEffect(() => {
-      if (ok !== undefined) {
-        responseTypeDialog.open({ ok });
-      }
-    }, [ok]);
-
-    return (
-      <ApplicationFormLayout
-        className={style('container space-y-m', className)}
-        title={title}
-        {...rest}
-      >
-        <form onSubmit={onSubmit} className="space-y-m relative">
-          {isLoading ? <Loader blur={false} /> : null}
-          {applicationFormData.map((_, i) => (
-            <div
-              key={`section-${i}`}
-              className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
-            >
-              {renderTitle(_.title)}
-              {renderInputs({ field, inputs: _?.inputs })}
-            </div>
-          ))}
-          {renderSubmitButton(button, isSending)}
-        </form>
-      </ApplicationFormLayout>
-    );
-  },
-);

package/src/components/ApplicationLeadForm/ApplicationLeadForm.ui.json

@@ -1 +0,0 @@
-{}

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -1,23 +0,0 @@
-import { type TextProps, type TitleProps } from '../../model/HeadlineType';
-import { type InputRetailSectionsType } from '../../model/InputSectionsType';
-import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
-
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-export type SubmitButtonProps = TextProps & {
-  version?: LinkButtonVersion;
-};
-
-/**
- * @title Форма заявки настраиваемая
- */
-export type ApplicationLeadFormContent = UniBlockContent &
-  TitleProps &
-  InputRetailSectionsType & {
-    /** @title Кнопка */
-    button?: SubmitButtonProps;
-    /** @title Номер кредитной программы */
-    programId?: string;
-    /** @title адресс следующей страницы заявки */
-    nextStepLink?: string;
-  };

package/src/components/ApplicationLeadForm/Footnote.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type TextProps } from '../../model/HeadlineType';
-import { type LinkProps } from '../../model/LinkProps';
-import { Link } from '../../ui-kit/Link/Link';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
-import { Text } from '../../ui-kit/Text/Text';
-
-type FootnoteProps = TextProps & {
-  link?: LinkProps;
-};
-
-export const Footnote = JSX<FootnoteProps>(({ text, link }) => (
-  <Paragraph size="text-l" font="font-light" color="text-secondary-text">
-    {text ? <Text>{text}</Text> : null}
-    {link ? (
-      <Link {...link} ariaLabel="условия передачи данных">
-        {link.text}
-      </Link>
-    ) : null}
-  </Paragraph>
-));

package/src/components/ApplicationLeadForm/GroupedConsents.tsx

@@ -1,79 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { type FormFieldRegisterer } from '../../services/retail/external/types';
-import { InputsConsentsMap } from '../../services/retail/inputs';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-import { Button } from '../../ui-kit/Button/Button';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import { getField } from '../../ui-kit/FormField/getField';
-import { validatorObj } from '../../ui-kit/FormField/getObjectValidator';
-import { ToggleIcon } from '../../ui-kit/Icon/ToggleIcon';
-import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
-import { withValidator } from '../../validation/withValidator';
-
-export interface GroupedConsentsProps {
-  inputs?: FieldRetailDef[];
-  field: FormFieldRegisterer<LeadFormState>;
-}
-
-const CONSENT_ALL_DOCS_TEXT = 'Согласие на все документы';
-const CONSENT_REQUIRED = 'Отметьте все обязательные соглашения';
-
-export const GroupedConsents = JSX<GroupedConsentsProps>(({ inputs = [], field, key }) => {
-  const isChecked = inputs.every((_) => Boolean(field(_.name as keyof LeadFormState).value));
-
-  const handleGeneralToggle = useCallback(
-    (value: boolean) => {
-      for (const item of inputs) {
-        const itemField = field(item.name as keyof LeadFormState);
-        itemField.onChange?.(value);
-      }
-    },
-    [inputs],
-  );
-
-  const hasValidationErrors = useMemo(
-    () =>
-      inputs
-        ?.filter((_) => _.required)
-        ?.some((_) =>
-          Boolean(
-            withValidator(
-              field(_?.name as keyof LeadFormState),
-              validatorObj[_?.name as keyof LeadFormState],
-            ).error,
-          ),
-        ),
-    [inputs],
-  );
-
-  const [isUnfolded, { toggle }] = useBool(true);
-
-  return (
-    <div className="w-fit">
-      <Foldable>
-        <div className="flex items-start">
-          <div>
-            <Checkbox
-              key={key}
-              text={CONSENT_ALL_DOCS_TEXT}
-              value={isChecked}
-              onChange={handleGeneralToggle}
-            />
-            {renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')}
-          </div>
-          <Button embedded ariaLabel={CONSENT_ALL_DOCS_TEXT} onClick={toggle}>
-            <ToggleIcon className="p-2xs" iconVersion="color" isUnfolded={isUnfolded} />
-          </Button>
-        </div>
-        <FoldableSection className="flex flex-col pl-2xl" isUnfolded={isUnfolded}>
-          {inputs.map(getField<FieldRetailDef>(field, {}, InputsConsentsMap))}
-        </FoldableSection>
-      </Foldable>
-    </div>
-  );
-});

package/src/components/ApplicationLeadForm/applicationFormData.tsx

@@ -1,24 +0,0 @@
-import { type SectionsRetailProps } from '../../model/InputSectionsType';
-
-export const applicationFormData: SectionsRetailProps[] = [
-  {
-    columns: 2,
-    inputs: [
-      { name: 'surname', required: true, dadata: true },
-      { name: 'name', required: true, dadata: true },
-      { name: 'middleName', dadata: true },
-      { name: 'limitedBirthday', required: true },
-      { name: 'phone', required: true },
-      { name: 'email', required: true, dadata: true },
-    ],
-  },
-  {
-    inputs: [
-      { name: 'processPersonalDataFlg', required: true },
-      { name: 'consentProviderFlg', required: true },
-      { name: 'consentOthersFlg', required: true },
-      { name: 'consentInformFlg' },
-      { name: 'consentPfrFlg' },
-    ],
-  },
-];

package/src/components/ApplicationLeadForm/consents.ts

@@ -1,29 +0,0 @@
-import { type FormRetailConsents } from '../../services/retail/model/LeadFormState';
-
-interface ConsentData {
-  text: string;
-  docId?: number;
-}
-
-export const CONSENTS: Record<keyof FormRetailConsents, ConsentData> = {
-  processPersonalDataFlg: {
-    text: 'Согласие на обработку персональных данных',
-    docId: 4,
-  },
-  consentInformFlg: {
-    text: 'Согласие на информирование о продуктах и услугах Банка',
-    docId: 14,
-  },
-  consentProviderFlg: {
-    text: 'Согласие об использовании простой электронной подписи',
-    docId: 5,
-  },
-  consentOthersFlg: {
-    text: 'Прочие согласия',
-    docId: 1,
-  },
-  consentPfrFlg: {
-    text: 'Согласие на запрос в ПФР',
-    docId: 3,
-  },
-};

package/src/components/ApplicationLeadForm/getInitialFormState.tsx

@@ -1,29 +0,0 @@
-import type { LeadFormState } from '../../services/retail/model/LeadFormState';
-import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-
-const initialFormState = {
-  surname: '',
-  name: '',
-  middleName: '',
-  limitedBirthday: undefined,
-  phone: '',
-  email: '',
-  processPersonalDataFlg: false,
-  consentProviderFlg: false,
-  consentOthersFlg: false,
-  consentInformFlg: false,
-  consentPfrFlg: false,
-};
-
-export const getInitialFormState = (
-  inputs: FieldRetailDef[],
-  savedForm: LeadFormState | null,
-): LeadFormState => {
-  if (savedForm) {
-    return { ...savedForm, limitedBirthday: new Date(savedForm?.limitedBirthday || 0) };
-  }
-
-  const formState = Object.fromEntries(inputs.map((_) => [_.name, initialFormState[_.name || '']]));
-
-  return { ...formState };
-};

package/src/components/ApplicationLeadForm/getLeadFormTaskData.ts

@@ -1,66 +0,0 @@
-/* eslint-disable camelcase */
-import { type MarketingInfo, type UpdateUserTaskBody } from '../../api/RetailAPI/updateUserTask';
-import { locationNavigator } from '../../external/locationNavigator';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { formatDate } from '../../utils/formatDate';
-import { formatPhone } from '../../utils/formatPhone';
-import { getParticipantContacts } from '../CreditForm/utils';
-
-type getLeadFormTaskDataProps = {
-  participantId: number;
-  taskId: number;
-  profileId: number;
-  formData: LeadFormState;
-};
-
-export const getLeadFormTaskData = ({
-  participantId,
-  taskId,
-  profileId,
-  formData,
-}: getLeadFormTaskDataProps): UpdateUserTaskBody => {
-  const { name, surname, middleName, limitedBirthday, phone, email } = formData;
-  const navigator = locationNavigator();
-
-  return {
-    sendToBank: true,
-    taskKind: 'SHORT',
-    task: {
-      taskSource: navigator.origin,
-      id: taskId,
-      participants: [
-        {
-          birthDate: limitedBirthday && formatDate(limitedBirthday, true),
-          id: participantId,
-          midname: middleName,
-          name,
-          surname,
-          profile: {
-            id: profileId,
-          },
-          participantContacts: getParticipantContacts({
-            phone: phone && formatPhone(phone),
-            email,
-          }),
-          roleCd: {
-            key: 'BORROWER',
-            value: 'Заемщик',
-          },
-        },
-      ],
-      marketingInfo: getMarketingInfo(),
-    },
-  };
-};
-
-const getMarketingInfo = (): MarketingInfo => {
-  const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
-
-  return {
-    utm_campaign: params.get('utm_campaign'),
-    utm_medium: params.get('utm_medium'),
-    utm_source: params.get('utm_source'),
-    utm_content: params.get('utm_content'),
-    utm_term: params.get('utm_term'),
-  };
-};