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

package/src/components/ApplicationForm/ApplicationForm.fixture.tsx

@@ -0,0 +1,625 @@
+import '../../setup-fixture';
+
+import { type LinkProps } from '../../model/LinkProps';
+import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
+import { ApplicationForm } from './ApplicationForm';
+import { type SubmitButtonProps } from './ApplicationFormContent';
+
+const button: SubmitButtonProps = {
+  text: 'Отправить заявку',
+  version: 'primary',
+};
+
+const link: LinkProps = {
+  text: 'Согласен на обработку персональных данных',
+  href: '/privacy-policy',
+  target: '_blank',
+};
+
+const linkCorp: LinkProps = {
+  text: 'условиями передачи данных',
+  href: '/privacy-policy',
+  target: '_blank',
+};
+
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заголовок"
+        typeForm="CORRUPTION"
+        endpoint="lead"
+        sections={[
+          {
+            inputs: [
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'middleName' },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  acquiring: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заполните онлайн-заявку на эквайринг"
+        typeForm="ACQR"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            title: 'Вид эквайринга и регион',
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'acquiringType', required: true },
+              { fieldType: 'common', name: 'region', required: true },
+            ],
+          },
+          {
+            title: 'Данные организации',
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'fullName', required: true },
+              { fieldType: 'common', name: 'inn', required: true },
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+            ],
+          },
+          { inputs: [{ fieldType: 'common', name: 'onlineCheckout' }] },
+          { inputs: [{ fieldType: 'common', name: 'posTerminal' }] },
+        ]}
+        button={button}
+        link={linkCorp}
+      />
+      <PopupManager />
+    </div>
+  ),
+  analytics: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Подпишитесь на аналитику"
+        typeForm="ANALITIC"
+        endpoint="lead"
+        sections={[
+          {
+            title:
+              'Получайте аналитические материалы для начинающих и профессиональных инвесторов на почту',
+            inputs: [],
+          },
+          {
+            inputs: [
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'email', required: true },
+              { fieldType: 'common', name: 'consentToReceiveMaterials' },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  antiFraud: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Сообщить о возможных мошеннических действиях"
+        typeForm="ANTIFRAUD"
+        endpoint="lead"
+        sections={[
+          {
+            inputs: [
+              { fieldType: 'common', name: 'surname', required: true },
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'middleName' },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'birthday', required: true },
+              { fieldType: 'common', name: 'isClient' },
+              { fieldType: 'common', name: 'comment', required: true },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  brok: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заполните онлайн-заявку на открытие брокерского счёта"
+        typeForm="BROK"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            columns: 2,
+            inputs: [
+              {
+                fieldType: 'common',
+                name: 'fullName',
+                required: true,
+                label: 'Наименование организации',
+              },
+              { fieldType: 'common', name: 'inn', required: true },
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+            ],
+          },
+          {
+            inputs: [
+              { fieldType: 'common', name: 'partnerComments', label: 'Комментарий' },
+              { fieldType: 'common', name: 'isClient' },
+            ],
+          },
+        ]}
+        button={button}
+        link={{
+          text: 'условиями передачи данных',
+          href: '/privacy-policy',
+          target: '_blank',
+        }}
+      />
+      <PopupManager />
+    </div>
+  ),
+  brokAccount: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заполните онлайн-заявку на открытие брокерского счёта"
+        typeForm="BROKACCOUNT"
+        endpoint="lead"
+        sections={[
+          {
+            inputs: [
+              { fieldType: 'common', name: 'name', required: true, label: 'ФИО' },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'isClient' },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  businessCard: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заявка на выпуск бизнес-карты"
+        typeForm="BCRD"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            inputs: [{ fieldType: 'common', name: 'region', required: true }],
+          },
+          {
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'inn', required: true },
+              { fieldType: 'common', name: 'email', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={linkCorp}
+      />
+      <PopupManager />
+    </div>
+  ),
+  collection: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заполните заявку на консультацию"
+        typeForm="COLLECTION"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            inputs: [
+              {
+                fieldType: 'common',
+                name: 'fullName',
+                required: true,
+                label: 'Наименование организации',
+              },
+            ],
+          },
+          {
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'region', required: true },
+              {
+                fieldType: 'common',
+                name: 'collectionCount',
+                required: true,
+                label: 'Количество объектов инкассации',
+              },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'email' },
+            ],
+          },
+        ]}
+        button={button}
+        link={linkCorp}
+      />
+      <PopupManager />
+    </div>
+  ),
+  credit: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Оформите заявку на кредит прямо сейчас"
+        typeForm="CRED"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            title: 'Параметры кредита',
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'amount' },
+              { fieldType: 'common', name: 'term' },
+            ],
+          },
+          {
+            title: 'Данные организации',
+            columns: 2,
+            inputs: [
+              {
+                fieldType: 'common',
+                name: 'fullName',
+                required: true,
+                label: 'Наименование организации',
+              },
+              { fieldType: 'common', name: 'annualRevenue', required: true },
+              { fieldType: 'common', name: 'inn', required: true },
+              { fieldType: 'common', name: 'name', required: true, label: 'Контактное лицо' },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'email', required: true },
+            ],
+          },
+          {
+            title: 'Офис банка',
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'region', required: true },
+              { fieldType: 'common', name: 'addressBranch', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={linkCorp}
+      />
+      <PopupManager />
+    </div>
+  ),
+  corruption: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Сообщить о коррупции"
+        typeForm="CORRUPTION"
+        endpoint="lead"
+        sections={[
+          {
+            inputs: [
+              { fieldType: 'common', name: 'surname', required: true },
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'middleName' },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'region', required: true },
+              { fieldType: 'common', name: 'email' },
+              { fieldType: 'common', name: 'comment', required: true },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  deposit: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Форма заявка депозит"
+        typeForm="DPST"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            title: 'Оставьте заявку и мы ответим на любые вопросы по депозитам',
+            inputs: [
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+
+  feedback: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Обратная связь"
+        typeForm="FEEDBACK"
+        endpoint="lead"
+        sections={[
+          {
+            inputs: [
+              { fieldType: 'common', name: 'feedbackType', required: true },
+              {
+                fieldType: 'common',
+                name: 'serviceDirection',
+                condition: {
+                  name: 'feedbackType',
+                  values: ['FEEDBACK_QS'],
+                },
+              },
+              { fieldType: 'common', name: 'region', required: true },
+              {
+                fieldType: 'common',
+                name: 'addressBranch',
+                required: true,
+                condition: {
+                  name: 'feedbackType',
+                  values: ['FEEDBACK_QS'],
+                },
+              },
+              { fieldType: 'common', name: 'surname', required: true },
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'middleName' },
+              {
+                fieldType: 'common',
+                name: 'inn',
+                required: true,
+                condition: {
+                  name: 'serviceDirection',
+                  values: ['Юридическое лицо / ИП'],
+                },
+              },
+              {
+                fieldType: 'common',
+                name: 'fullName',
+                label: 'Наименование организации',
+                condition: {
+                  name: 'serviceDirection',
+                  values: ['Юридическое лицо / ИП'],
+                },
+              },
+              {
+                fieldType: 'common',
+                name: 'birthday',
+                required: true,
+                condition: {
+                  name: 'feedbackType',
+                  values: ['FEEDBACK'],
+                },
+              },
+              { fieldType: 'common', name: 'feedbackMethod', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              {
+                fieldType: 'common',
+                name: 'secondaryPhone',
+                required: true,
+                condition: {
+                  name: 'feedbackType',
+                  values: ['FEEDBACK_QS'],
+                },
+              },
+              { fieldType: 'common', name: 'email', required: true },
+              {
+                fieldType: 'common',
+                name: 'bankEmpolee',
+                condition: {
+                  name: 'feedbackType',
+                  values: ['FEEDBACK_QS'],
+                },
+              },
+              {
+                fieldType: 'common',
+                name: 'applicationDate',
+                condition: {
+                  name: 'feedbackType',
+                  values: ['FEEDBACK_QS'],
+                },
+              },
+              { fieldType: 'common', name: 'comment', required: true },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+
+  product: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Консультация по продукту ФЛ"
+        typeForm="PRODUCT"
+        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: 'birthday', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'email', required: true },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        additionalParams={{
+          product: 'product',
+        }}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+
+  selfCollection: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Самоинкассация (ЮЛ)"
+        typeForm="SELFCOLLECTION"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            inputs: [
+              { fieldType: 'common', name: 'name', required: true, label: 'ФИО' },
+              { fieldType: 'common', name: 'region', required: true },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'consentDataProcessing', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  ultraPremium: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Стать клиентом Ультра или Премиум"
+        typeForm="ULTRASERVICE"
+        endpoint="lead"
+        sections={[
+          {
+            title: 'Ваши данные',
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'surname', required: true },
+              { fieldType: 'common', name: 'name', required: true },
+              { fieldType: 'common', name: 'middleName' },
+              { fieldType: 'common', name: 'phone', required: true },
+              { fieldType: 'common', name: 'email' },
+              { fieldType: 'common', name: 'serviceType', required: true },
+            ],
+          },
+          {
+            title: 'Офис банка',
+            columns: 2,
+            inputs: [
+              { fieldType: 'common', name: 'region', required: true },
+              { fieldType: 'common', name: 'addressBranch', required: true },
+            ],
+          },
+          { inputs: [{ fieldType: 'common', name: 'comment' }] },
+          { inputs: [{ fieldType: 'common', name: 'consentDataProcessing', required: true }] },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+    </div>
+  ),
+  ved: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Получите консультацию по обслуживанию ВЭД"
+        typeForm="KVED"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            inputs: [
+              {
+                fieldType: 'ved',
+                name: 'vedTypes',
+                defaultValue: 'currencyControl',
+              },
+            ],
+          },
+          { title: 'Данные организации', inputs: [] },
+          {
+            inputs: [
+              {
+                fieldType: 'common',
+                name: 'region',
+                required: true,
+                condition: { fieldType: 'common', name: 'vedTypes', values: ['currencyControl'] },
+              },
+            ],
+          },
+          {
+            columns: 2,
+            inputs: [
+              {
+                fieldType: 'common',
+                name: 'inn',
+                required: true,
+                condition: {
+                  name: 'vedTypes',
+                  values: ['currencyControl'],
+                },
+              },
+              {
+                fieldType: 'common',
+                name: 'fullName',
+                required: true,
+                label: 'Наименование организации',
+              },
+              { fieldType: 'common', name: 'name', required: true, label: 'ФИО' },
+              { fieldType: 'common', name: 'phone', required: true },
+              {
+                fieldType: 'common',
+                name: 'email',
+                required: true,
+                condition: {
+                  name: 'vedTypes',
+                  values: ['documentOperations', 'conversionTransactions', 'otherIssues'],
+                },
+              },
+            ],
+          },
+          {
+            inputs: [{ fieldType: 'common', name: 'partnerComments', label: 'Обращение' }],
+          },
+        ]}
+        button={button}
+        link={linkCorp}
+        isContacts={true}
+      />
+      <PopupManager />
+    </div>
+  ),
+};