seguroResidencialFormLudico.js

import { getDomElementById, scrolltoGivenElementView } from "../../formModelsUtils";

const seguroResidencialFormLogicoInputs = [
  {
    subForm: {
      groupTitle: 'Dados do Cliente:',
      inputs: [
        {
          label: 'Nome Completo',
          name: 'completeName',
          type: 'text',
          containerClassName: 'col-acel-4',
          className: 'form-control big',
          isRequired: true,
          id: 'completeName',
        },
        {
          label: 'Data de nascimento',
          name: 'birthDate',
          type: 'date',
          containerClassName: 'col-acel-3',
          className: 'form-control big',
          isRequired: true,
          id: 'birthDate',
        },
        {
          label: 'Qual o seu CPF?',
          name: 'cpf',
          type: 'text',
          containerClassName: 'col-acel-3',
          className: 'form-control big',
          isRequired: true,
          id: 'clientCPF',
        },
        {
          label: 'Sexo',
          name: 'sexo',
          id: 'sexo',
          type: 'select',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          options: [
            { value: 'masculino', text: 'Masculino' },
            { value: 'feminino', text: 'Feminino' },
          ],
        },
        {
          label: 'Estado civil',
          name: 'estadoCivil',
          type: 'select',
          id: 'estadoCivil',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          options: [
            { value: 'solteiro', text: 'Solteiro' },
            { value: 'casado', text: 'Casado' },
            { value: 'divorciado', text: 'Divorciado' },
            { value: 'viuvo', text: 'Viúvo' },
            { value: 'desquitado', text: 'Desquitado' },
          ],
        },
        {
          label: 'Pessoa Exposta Politicamente?',
          name: 'ppe',
          type: 'select',
          id: 'ppe',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          options: [
            { value: false, text: 'Não' },
            { value: true, text: 'Sim' },
            { value: 'Pessoa com relacionamento proximo', text: 'Pessoa com relacionamento próximo' },
          ],
        },
      ],
      confirmButton: true,
    },
  },
  {
    subForm: {
      groupTitle: 'Documentação',
      inputs: [
        {
          label: 'Tipo de documento',
          name: 'documentType',
          type: 'select',
          id: 'documentType',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          options: [
            { value: 'rg', text: 'RG' },
            { value: 'rne', text: 'RNE' },
            { value: 'carteira de classe', text: 'Carteira de classe' },
          ],
        },
        {
          label: 'Nº do documento',
          name: 'documentNumber',
          type: 'text',
          containerClassName: 'col-acel-4',
          className: 'form-control big',
          isRequired: true,
          id: 'documentNumber',
        },
        {
          label: 'Orgão de emissão',
          name: 'issuingBody',
          type: 'select',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          isRequired: true,
          id: 'issuingBody',
          options: [],
        },
        {
          label: 'Data de emissão',
          name: 'issuingDate',
          type: 'date',
          containerClassName: 'col-acel-4',
          className: 'form-control big',
          isRequired: true,
          id: 'issuingDate',
        },
        {
          label: 'UF',
          name: 'uf',
          type: 'select',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          isRequired: true,
          id: 'uf',
          options: [],
        },
        {
          label: 'Nacionalidade',
          name: 'nationality',
          type: 'select',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          isRequired: true,
          id: 'uf',
          options: [
            { value: 'brasileira', text: 'Brasileira' },
            { value: 'estrangeira', text: 'Estrangeira' },
          ],
        },
        {
          label: 'Reside no Brasil?',
          name: 'resides',
          type: 'select',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          isRequired: true,
          id: 'resides',
          options: [
            { value: true, text: 'Sim' },
            { value: false, text: 'não' },
          ],
        },
        {
          label: 'País residente',
          name: 'residentCountry',
          type: 'select',
          containerClassName: 'col-acel-4',
          className: 'select-acel form-control',
          isRequired: true,
          id: 'residentCountry',
          options: [],
        },
      ],
      confirmButton: true,
    },
  },
  {
    subForm: {
      groupTitle: 'Contatos',
      inputs: [
        {
          label: 'Email',
          name: 'email',
          type: 'email',
          id: 'email',
          containerClassName: 'col-acel-6',
          className: 'form-control big',
        },
        {
          label: 'Telefone residêncial',
          name: 'telephoneNumber',
          type: 'tel',
          containerClassName: 'col-acel-3',
          className: 'form-control big',
          isRequired: true,
          id: 'telephoneNumber',
        },
        {
          label: 'Celular',
          name: 'cellPhoneNumber',
          type: 'tel',
          containerClassName: 'col-acel-3',
          className: 'form-control big',
          isRequired: true,
          id: 'cellPhoneNumber',
        },
        {
          label: 'Telefone comercial',
          name: 'commercialPhone',
          type: 'tel',
          containerClassName: 'col-acel-3',
          className: 'form-control big',
          isRequired: true,
          id: 'commercialPhone',
        },
      ],
      confirmButton: true,
    },
  },
  {
    subForm: {
      groupTitle: 'Endereço',
      inputs: [
        {
          label: 'CEP',
          name: 'cep',
          type: 'text',
          id: 'cep',
          containerClassName: 'col-acel-3',
          className: 'form-control big',
        },
        {
          label: 'Logradouro:',
          name: 'logradouro',
          type: 'text',
          containerClassName: 'col-acel-4',
          className: 'form-control big',
          isRequired: true,
          id: 'logradouro',
        },
        {
          label: 'N°:',
          name: 'logradouroNumber',
          type: 'number',
          containerClassName: 'col-acel-1',
          className: 'form-control big',
          isRequired: true,
          id: 'logradouroNumber',
        },
        {
          label: 'Complemento',
          name: 'complement',
          type: 'text',
          containerClassName: 'col-acel-2',
          className: 'form-control big',
          isRequired: true,
          id: 'complement',
        },
        {
          label: 'Bairro',
          name: 'neighborhood',
          type: 'text',
          containerClassName: 'col-acel-3',
          className: 'form-control big',
          isRequired: true,
          id: 'complement',
        },
        {
          label: 'Cidade',
          name: 'city',
          type: 'text',
          containerClassName: 'col-acel-4',
          className: 'form-control big',
          isRequired: true,
          id: 'city',
        },
        {
          label: 'UF',
          name: 'uf',
          type: 'select',
          containerClassName: 'col-acel-3',
          className: 'select-acel form-control',
          isRequired: true,
          id: 'uf',
          options: [],
        },
        {
          label: 'O endereço de cobrança é o mesmo endereço do local de risco',
          type: 'checkbox',
          containerClassName: 'acel-input-checkbox acel-input-checkbox-min',
          isRequired: true,
        },
      ],
      confirmButton: true,
    },
  },
  {
    groupTitle: 'Forma de pagamento',
    type: 'radio',
    containerClassName: 'acel-input-radio',
    isRequired: true,
    confirmButton: false,
    radioGroup: [
      {
        label: 'Débito em Conta Corrente',
        value: 'debito',
        name: 'question16',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question16-option1',
      },
      {
        label: 'Boleto Bancário',
        value: 'boleto',
        name: 'question16',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question16-option2',
      },
      {
        label: 'Cartão de crédito',
        value: 'cartao de credito',
        name: 'question16',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question16-option3',
      },
    ],
  },
  {
    groupTitle: 'Boleto Bancário',
    type: 'radio',
    containerClassName: 'acel-input-radio',
    isRequired: true,
    confirmButton: false,
    radioGroup: [
      {
        label: '03',
        value: '03',
        name: 'question17',
        id: 'question17-option1',
      },
      {
        label: '08',
        value: '08',
        name: 'question17',
        id: 'question17-option2',
      },
      {
        label: '13',
        value: '13',
        name: 'question17',
        id: 'question17-option3',
      },
      {
        label: '18',
        value: '18',
        name: 'question17',
        id: 'question17-option4',
      },
      {
        label: '23',
        value: '23',
        name: 'question17',
        id: 'question17-option5',
      },
      {
        label: '28',
        value: '28',
        name: 'question17',
        id: 'question17-option6',
      },
    ],
  },
  {
    hiddenBy: 'isInvoice',
    confirmButton: true,
    subForm: [
      {
        label: 'Banco',
        type: 'select',
        id: 'bank',
        name: 'bank',
        isRequired: true,
        containerClassName: 'col-acel-4',
        className: 'select-acel form-control',
        options: [
          { value: 'banco do brasil', text: 'Banco do Brasil' },
          { value: 'bradesco', text: 'Bradesco' },
          { value: 'hsbc', text: 'HSBC' },
          { value: 'itau', text: 'Itaú' },
          { value: 'santander', text: 'Santander' },
        ],
      },
      {
        label: 'Agência',
        type: 'text',
        name: 'agencyNumber',
        containerClassName: 'col-acel-25',
        id: 'agency-number',
        className: 'form-control',
        isRequired: true,
      },
      {
        label: 'Conta',
        type: 'text',
        name: 'accountNumber',
        containerClassName: 'col-acel-25',
        id: 'accountNumber',
        className: 'form-control',
        isRequired: true,
      },
      {
        label: 'Parcelamento',
        type: 'select',
        id: 'payment-parcel',
        name: 'paymentParcel',
        isRequired: true,
        containerClassName: 'col-acel-4',
        className: 'select-acel form-control',
        options: [],
      },
    ],
  },
  {
    hiddenBy: 'isCreditCard',
    confirmButton: true,
    subForm: [
      {
        label: 'Nome do titular',
        type: 'text',
        name: 'titularName',
        containerClassName: 'col-acel-6',
        id: 'titular-name',
        className: 'form-control normal',
        isRequired: true,
      },
      {
        label: 'CPF do cartão',
        name: 'cpf',
        type: 'text',
        containerClassName: 'col-acel-4',
        className: 'form-control normal',
        isRequired: true,
        id: 'card-cpf',
      },
      {
        label: 'Número do cartão',
        name: 'cardNumber',
        type: 'text',
        containerClassName: 'col-acel-4',
        className: 'form-control normal',
        isRequired: true,
        id: 'card-number',
      },
      {
        label: 'Data de Validade',
        type: 'date',
        name: 'validityDate',
        containerClassName: 'col-acel-2',
        id: 'validity-date',
        className: 'form-control normal',
        isRequired: true,
      },
      {
        label: 'CVV',
        type: 'text',
        name: 'cvv',
        containerClassName: 'col-acel-2',
        id: 'cvv',
        className: 'form-control normal',
        isRequired: true,
      },
      {
        label: 'Parcelamento',
        type: 'select',
        id: 'payment-parcel',
        name: 'paymentParcel',
        isRequired: true,
        containerClassName: 'col-acel-4',
        className: 'select-acel form-control',
        options: [],
      },
    ],
  },
  {
    groupTitle: 'Corretor, deseja receber uma cópia da apólice via e-mail?',
    type: 'radio',
    containerClassName: 'acel-input-radio',
    isRequired: true,
    confirmButton: false,
    radioGroup: [
      {
        label: 'Sim',
        value: true,
        name: 'question20',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question20-option1',
      },
      {
        label: 'Não',
        value: false,
        name: 'question20',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question20-option2',
      },
    ],
  },
  {
    groupTitle: 'Enviar apólice física para:',
    type: 'radio',
    containerClassName: 'acel-input-radio',
    isRequired: true,
    confirmButton: false,
    radioGroup: [
      {
        label: 'Segurado',
        value: 'segurado',
        name: 'question21',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question21-option1',
      },
      {
        label: 'Corretor',
        value: 'corretor',
        name: 'question21',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question21-option2',
      },
      {
        label: 'Endereço de cobrança',
        value: 'endereco de cobranca',
        name: 'question21',
        click: (elementId) => {
          const element = getDomElementById(elementId);
          if (element) {
            scrolltoGivenElementView(element);
          }
        },
        id: 'question21-option3',
      },
    ],
  },
];