@redneckz/wildless-cms-uni-blocks 0.14.211 → 0.14.213

package/src/components/ApplicationFormCustom/ApplicationFormCustom.fixture.tsx

@@ -16,6 +16,12 @@ const link: LinkProps = {
   target: '_blank',
 };
 
+const linkCorp: LinkProps = {
+  text: 'условиями передачи данных',
+  href: '/privacy-policy',
+  target: '_blank',
+};
+
 export default {
   default: (
     <div className="container grid grid-cols-12">
@@ -39,6 +45,41 @@ export default {
       <PopupManager />
     </div>
   ),
+  acquiring: (
+    <div className="container grid grid-cols-12">
+      <ApplicationFormCustom
+        className="col-span-12"
+        title="Заполните онлайн-заявку на эквайринг"
+        typeForm="ACQR"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            title: 'Вид эквайринга и регион',
+            columns: 2,
+            inputs: [
+              { name: 'acquiringType', required: true },
+              { name: 'region', required: true },
+            ],
+          },
+          {
+            title: 'Данные организации',
+            columns: 2,
+            inputs: [
+              { name: 'fullName', required: true },
+              { name: 'inn', required: true },
+              { name: 'name', required: true },
+              { name: 'phone', required: true },
+            ],
+          },
+          { inputs: [{ name: 'onlineCheckout' }] },
+          { inputs: [{ name: 'posTerminal' }] },
+        ]}
+        button={button}
+        link={linkCorp}
+      />
+      <PopupManager />
+    </div>
+  ),
   antiFraud: (
     <div className="container grid grid-cols-12">
       <ApplicationFormCustom
@@ -101,21 +142,17 @@ export default {
             inputs: [{ name: 'region', required: true }],
           },
           {
+            columns: 2,
             inputs: [
               { name: 'name', required: true },
               { name: 'phone', required: true },
               { name: 'inn', required: true },
               { name: 'email', required: true },
             ],
-            columns: 2,
           },
         ]}
         button={button}
-        link={{
-          text: 'условиями передачи данных',
-          href: '/privacy-policy',
-          target: '_blank',
-        }}
+        link={linkCorp}
       />
       <PopupManager />
     </div>
@@ -142,11 +179,47 @@ export default {
           },
         ]}
         button={button}
-        link={{
-          text: 'условиями передачи данных',
-          href: '/privacy-policy',
-          target: '_blank',
-        }}
+        link={linkCorp}
+      />
+      <PopupManager />
+    </div>
+  ),
+  credit: (
+    <div className="container grid grid-cols-12">
+      <ApplicationFormCustom
+        className="col-span-12"
+        title="Оформите заявку на кредит прямо сейчас"
+        typeForm="CRED"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            title: 'Параметры кредита',
+            columns: 2,
+            inputs: [{ name: 'amount' }, { name: 'term' }],
+          },
+          {
+            title: 'Данные организации',
+            columns: 2,
+            inputs: [
+              { name: 'fullName', required: true, label: 'Наименование организации' },
+              { name: 'annualRevenue', required: true },
+              { name: 'inn', required: true },
+              { name: 'name', required: true, label: 'Контактное лицо' },
+              { name: 'phone', required: true },
+              { name: 'email', required: true },
+            ],
+          },
+          {
+            title: 'Офис банка',
+            columns: 2,
+            inputs: [
+              { name: 'region', required: true },
+              { name: 'addressBranch', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={linkCorp}
       />
       <PopupManager />
     </div>
@@ -178,6 +251,60 @@ export default {
       <PopupManager />
     </div>
   ),
+  deposit: (
+    <div className="container grid grid-cols-12">
+      <ApplicationFormCustom
+        className="col-span-12"
+        title="Форма заявка депозит"
+        typeForm="DPST"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            title: 'Оставьте заявку и мы ответим на любые вопросы по депозитам',
+            inputs: [
+              { name: 'name', required: true },
+              { name: 'phone', required: true },
+              { name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  product: (
+    <div className="container grid grid-cols-12">
+      <ApplicationFormCustom
+        className="col-span-12"
+        title="Консультация по продукту ФЛ"
+        typeForm="PRODUCT"
+        endpoint="lead"
+        sections={[
+          {
+            columns: 2,
+            inputs: [
+              { name: 'surname', required: true },
+              { name: 'name', required: true },
+              { name: 'middleName' },
+              { name: 'birthday', required: true },
+              { name: 'phone', required: true },
+              { name: 'email', required: true },
+              { name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        additionalParams={{
+          product: 'product',
+        }}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+
   selfCollection: (
     <div className="container grid grid-cols-12">
       <ApplicationFormCustom
@@ -201,4 +328,41 @@ export default {
       <PopupManager />
     </div>
   ),
+  ultraPremium: (
+    <div className="container grid grid-cols-12">
+      <ApplicationFormCustom
+        className="col-span-12"
+        title="Стать клиентом Ультра или Премиум"
+        typeForm="ULTRASERVICE"
+        endpoint="lead"
+        sections={[
+          {
+            title: 'Ваши данные',
+            columns: 2,
+            inputs: [
+              { name: 'surname', required: true },
+              { name: 'name', required: true },
+              { name: 'middleName' },
+              { name: 'phone', required: true },
+              { name: 'email', required: true },
+              { name: 'serviceType', required: true },
+            ],
+          },
+          {
+            title: 'Офис банка',
+            columns: 2,
+            inputs: [
+              { name: 'region', required: true },
+              { name: 'addressBranch', required: true },
+            ],
+          },
+          { inputs: [{ name: 'comment' }] },
+          { inputs: [{ name: 'consentDataProcessing', required: true }] },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
 };

package/src/components/ApplicationFormCustom/ApplicationFormCustom.tsx

@@ -8,7 +8,6 @@ import { style } from '../../utils/style';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { formStyle } from '../ApplicationForm/formStyle';
-import { getFormatData } from '../ApplicationForm/getFormatData';
 import { renderAgreementSubmit } from '../ApplicationForm/renderAgreementSubmit';
 import {
   type ApplicationFormCustomContent,
@@ -16,6 +15,7 @@ import {
   type FormColumnsCount,
 } from './ApplicationFormCustomContent';
 import { getField } from './getField';
+import { getFormatData } from './getFormatData';
 import { getInitialFormState } from './getInitialFormState';
 import { getObjectValidator } from './getObjectValidator';
 
@@ -23,7 +23,16 @@ interface ApplicationFormCustomProps extends ApplicationFormCustomContent, UniBl
 const API = LeadServiceAPI();
 
 export const ApplicationFormCustom = JSX<ApplicationFormCustomProps>(
-  ({ className, title, typeForm = '', sections = [], button, link, endpoint }) => {
+  ({
+    className,
+    title,
+    typeForm = '',
+    sections = [],
+    button,
+    link,
+    endpoint,
+    additionalParams,
+  }) => {
     const inputs = (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[];
     const initialFormState = getInitialFormState(inputs, typeForm);
     const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
@@ -33,7 +42,7 @@ export const ApplicationFormCustom = JSX<ApplicationFormCustomProps>(
       if (!isValidationSuccess(feedbackValidator(data))) {
         return 'Fail';
       }
-      const formatData = getFormatData(data);
+      const formatData = getFormatData({ ...data, ...additionalParams });
       const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
       setResponseType(status);
 
@@ -56,7 +65,7 @@ export const ApplicationFormCustom = JSX<ApplicationFormCustomProps>(
               className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
             >
               {_?.title ? <div className="@xl:text-center @xl:col-span-2">{_.title}</div> : null}
-              {_?.inputs?.map(getField(field))}
+              {_?.inputs?.map(getField(field, typeForm))}
             </div>
           ))}
           {renderAgreementSubmit(

package/src/components/ApplicationFormCustom/ApplicationFormCustom.ui.json

@@ -1 +1,12 @@
-{}
+{
+  "content": {
+    "additionalParams": {
+      "product": {
+        "ui:widget": "sourceBookDataDropdown",
+        "ui:options": {
+          "sourceBookPath": "wcms-resources/products"
+        }
+      }
+    }
+  }
+}

package/src/components/ApplicationFormCustom/ApplicationFormCustomContent.ts

@@ -21,7 +21,7 @@ export interface SubmitButtonProps {
 /**
  * @title Название поля ввода
  * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Тип формы", "День рождения", "Клиент банка", "Продукт", "Комментарий партнёров", "Согласие на обработку"]
+ * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Продукт", "Комментарий партнёров", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Ультра/Премиум", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Согласие на обработку"]
  */
 export type NameFieldDef =
   | 'surname'
@@ -33,11 +33,19 @@ export type NameFieldDef =
   | 'inn'
   | 'comment'
   | 'region'
+  | 'addressBranch'
   | 'typeForm'
   | 'birthday'
   | 'isClient'
   | 'product'
   | 'partnerComments'
+  | 'acquiringType'
+  | 'onlineCheckout'
+  | 'posTerminal'
+  | 'serviceType'
+  | 'term'
+  | 'amount'
+  | 'annualRevenue'
   | 'consentDataProcessing';
 
 export type FieldDef = Required &
@@ -48,18 +56,21 @@ export type FieldDef = Required &
 /**
  * @title Тип формы
  * @required
- * @enumNames ["", "Эквайринг", "Предупреждение о мошенничестве", "Заявка на бизнес-карту", "Открытие брокерского счета ФЛ", "Инкассация", "Факты коррупции", "Заявка для ФЛ", "Самоинкассация"]
+ * @enumNames ["Эквайринг ЮЛ", "Мошенничество ФЛ", "Бизнес-карта ЮЛ", "Брокерский счет ФЛ", "Инкассация ЮЛ", "Факты коррупции ФЛ", "Кредит ЮЛ", "Депозит ЮЛ", "Консультация по продукту ФЛ", "Самоинкассация ЮЛ", "Ультра ФЛ", "Премиум ФЛ"]
  */
 type TypeFormFieldDef =
-  | ''
   | 'ACQR'
   | 'ANTIFRAUD'
   | 'BCRD'
   | 'BROKACCOUNT'
   | 'COLLECTION'
   | 'CORRUPTION'
+  | 'CRED'
   | 'DPST'
-  | 'SELFCOLLECTION';
+  | 'PRODUCT'
+  | 'SELFCOLLECTION'
+  | 'ULTRASERVICE'
+  | 'PREMIUMSERVICE';
 
 /**
  * @title Количество колнок
@@ -91,4 +102,7 @@ export type ApplicationFormCustomContent = UniBlockContent &
     typeForm?: TypeFormFieldDef;
     sections?: SectionsProps[];
     endpoint?: EndpointType;
+    additionalParams?: {
+      product?: string;
+    };
   };

package/src/components/ApplicationFormCustom/CommentField.tsx

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../ui-kit/Input/InputControl';
+import { type CustomFieldProps } from './CustomFieldProps';
+import { getValidation } from './getField';
+import { validatorObj } from './getObjectValidator';
+
+export const CommentField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    className="col-span-2"
+    {...getValidation(field('comment'), validatorObj.comment, input?.required)}
+    placeholder="Ваше сообщение"
+    isTextarea={true}
+  />
+));

package/src/components/ApplicationFormCustom/CustomFieldProps.ts

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

package/src/components/ApplicationFormCustom/OnlineCheckoutField.tsx

@@ -0,0 +1,10 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { SlideCheckbox } from '../../ui-kit/SlideCheckbox/SlideCheckbox';
+import { isAcquiringTrade } from './AcquiringField';
+import { type CustomFieldProps } from './CustomFieldProps';
+
+export const OnlineCheckoutField = JSX<CustomFieldProps>(({ field }) =>
+  isAcquiringTrade(field('acquiringType')?.value?.key as string) ? (
+    <SlideCheckbox type="radio" text="Хочу онлайн-кассу" {...field('onlineCheckout')} />
+  ) : null,
+);

package/src/components/ApplicationFormCustom/PosTerminalField.tsx

@@ -0,0 +1,10 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { SlideCheckbox } from '../../ui-kit/SlideCheckbox/SlideCheckbox';
+import { isAcquiringTrade } from './AcquiringField';
+import { type CustomFieldProps } from './CustomFieldProps';
+
+export const PosTerminalField = JSX<CustomFieldProps>(({ field }) =>
+  isAcquiringTrade(field('acquiringType')?.value?.key as string) ? (
+    <SlideCheckbox type="radio" text="Хочу купить POS-терминал" {...field('posTerminal')} />
+  ) : null,
+);

package/src/components/ApplicationFormCustom/RegionField.tsx

@@ -0,0 +1,24 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useRegions } from '../../hooks/useRegions';
+import { SelectControl } from '../../ui-kit/Select/SelectControl';
+import { type CustomFieldProps } from './CustomFieldProps';
+import { getValidation } from './getField';
+import { validatorObj } from './getObjectValidator';
+
+export const RegionField = JSX<CustomFieldProps>(({ field, input }) => {
+  const regions = useRegions();
+
+  return (
+    <SelectControl
+      label="Филиал"
+      placeholder="Выберите филиал"
+      isSearch={true}
+      options={useMemo(
+        () => regions.map(({ code = '', name = '' }) => ({ key: code, text: name })),
+        [regions],
+      )}
+      {...getValidation(field('region'), validatorObj.region, input?.required)}
+    />
+  );
+});

package/src/components/ApplicationFormCustom/RegionPremiumField.tsx

@@ -0,0 +1,29 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { usePremiumBranchesByRegions } from '../../hooks/usePremiumBranchesByRegions';
+import { type Option } from '../../ui-kit/Select/Option';
+import { SelectControl } from '../../ui-kit/Select/SelectControl';
+import { type CustomFieldProps } from './CustomFieldProps';
+import { getValidation } from './getField';
+import { validatorObj } from './getObjectValidator';
+
+export const RegionPremiumField = JSX<CustomFieldProps>(({ field, input }) => {
+  const branchByRegions = usePremiumBranchesByRegions();
+  const regions = useMemo(
+    () =>
+      branchByRegions.map(({ region }) => ({
+        key: region,
+        text: region,
+      })),
+    [],
+  );
+
+  return (
+    <SelectControl
+      label="Регион"
+      placeholder="Выберите регион"
+      options={regions as Option[]}
+      {...getValidation(field('region'), validatorObj.region, input?.required)}
+    />
+  );
+});

package/src/components/ApplicationFormCustom/TermField.tsx

@@ -0,0 +1,17 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputRange } from '../../ui-kit/InputRange/InputRange';
+import { type CustomFieldProps } from './CustomFieldProps';
+
+const MIN_CREDIT_TERM = 1;
+const MAX_CREDIT_TERM = 180;
+const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
+
+export const TermField = JSX<CustomFieldProps>(({ field }) => (
+  <InputRange
+    title="Срок, месяцев"
+    items={ITEMS_CREDIT_TERM}
+    min={MIN_CREDIT_TERM}
+    max={MAX_CREDIT_TERM}
+    {...field('term')}
+  />
+));

package/src/components/ApplicationFormCustom/UltraPremiumField.tsx

@@ -0,0 +1,19 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type Option } from '../../ui-kit/Select/Option';
+import { SelectControl } from '../../ui-kit/Select/SelectControl';
+import { withValidator } from '../../validation/withValidator';
+import { defaultValidator } from '../ApplicationForm/validators';
+import { type CustomFieldProps } from './CustomFieldProps';
+
+export const SERVICE_TYPES: Option[] = [
+  { key: 'ULTRASERVICE', text: 'Ультра' },
+  { key: 'PREMIUMSERVICE', text: 'Премиум' },
+];
+
+export const UltraPremiumField = JSX<CustomFieldProps>(({ field }) => (
+  <SelectControl
+    label="Тип обслуживания"
+    options={SERVICE_TYPES}
+    {...withValidator(field('serviceType'), defaultValidator)}
+  />
+));