\n {\n this.setState({\n ...this.state,\n showFilter: !this.state.showFilter,\n });\n }}\n >\n \n \n FILTRAR VISUALIZAÇÃO\n \n
\n ,\n ]}\n />\n \n Você ainda não tem cartões ativos\n {this.props.can_manage && \", crie um agora\"}!\n
\n );\n const open = this.props.form_type !== \"update\" && (\n\n {this.variables().tittle[this.props.form_type]}{\" \"}\n this.setState({ showForm: false })}\n />\n
\n );\n\n if (this.props.hasCards) {\n return this.state.showForm && open;\n } else {\n return this.state.showForm ? open : close;\n }\n }\n\n onSelectUser(user) {\n this.setState({\n openModal: false,\n company_user_id: user.id,\n company_user_name: user.name,\n company_user_email: user.email,\n company_user_avatar: user.avatar,\n });\n }\n\n renderForm() {\n return (\n \n \n {this.variables().description[this.props.form_type]}\n \n {this.props.form_type == \"create\" && (\n
\n Como você quer chamar esse cartão?
\n )}\n\n
\n {this.variables().associateUser[this.props.form_type]}
\n\n {!this.state.company_user_id || this.state.company_user_id === \"\"\n ? \"Selecione o usuário responsável pela prestação de contas das compras realizadas neste cartão.\"\n : \"Você tem um usuário associado a este cartão para prestação de contas\"}\n
\n\n {!this.state.company_user_id ||\n this.state.company_user_id === \"\" ? (\n {\n e.preventDefault();\n this.setState({ openModal: true });\n }}\n >\n Associar usuário\n \n ) : (\n \n this.setState({ company_user_id: \"\" })}\n />\n
\n )}\n \n\n \n
\n \n
\n \n {this.state.company_user_name}\n
\n\n {this.state.company_user_email}\n
\n\n
\n {this.variables().depositInterval[this.props.form_type]}
\n\n {this.renderRadioButton(\n \"daily\",\n \"deposit-interval-daily\",\n \"depositInterval\",\n 1,\n this.intervalChecked(1),\n this.intervalError(),\n \"Diária, às 07:00\"\n )}\n {this.renderRadioButton(\n \"weekly\",\n \"deposit-interval-weekly\",\n \"depositInterval\",\n 2,\n this.intervalChecked(2),\n this.intervalError(),\n \"Semanal - Segunda-feira, às 07:00\"\n )}\n {this.renderRadioButton(\n \"monthly\",\n \"deposit-interval-monthly\",\n \"depositInterval\",\n 3,\n this.intervalChecked(3),\n this.intervalError(),\n \"Mensal - 1º dia do mês, às 07:00\"\n )}\n {this.renderRadioButton(\n \"unique\",\n \"deposit-interval-unique\",\n \"depositInterval\",\n 0,\n this.intervalChecked(0),\n this.intervalError(),\n \"Alocação única\"\n )}\n
\n\n \n
\n \n {this.variables().depositValue[this.props.form_type]}\n
\n\n Saldo disponível na conta digital:{\" \"}\n {this.props.balance_account}\n
\n\n {this.renderRadioButton(\n \"now\",\n \"momento-to-allocate-now\",\n \"momentToAllocate\",\n \"now\",\n this.momentToAllocateChecked(\"now\"),\n this.moment_error(),\n \"Alocar saldo agora\"\n )}\n {this.renderRadioButton(\n \"schedule\",\n \"momento-to-allocate-schedule\",\n \"momentToAllocate\",\n \"schedule\",\n this.momentToAllocateChecked(\"schedule\"),\n this.moment_error(),\n \"Alocar saldo conforme recorrência\",\n this.state.depositInterval === 0\n )}\n
\n \n \n {this.props.hasCards && (\n \n \n \n
\n
\n )}\n | Nome | \nNúmero | \nRecorrência | \nSaldo programado | \nSaldo atual | \nStatus | \n {this.props.can_manage &&}\n | {card.description} | \nFinal {card.number} | \n{card.deposit_interval_parsed} | \n{parserCurrencyBRLValue(card.deposit_value)} | \n{parserCurrencyBRLValue(card.balance)} | \n{card.status} | \n {this.props.can_manage && this.props.account_active && (\n\n {card.status === \"Bloqueado\" ? (\n \n \n\n | \n )}\n \n ))}\n
|---|
\n \n \n
\n \n this.setState({ merchants: list, loading: false })\n }\n setExternalLoading={(show) => this.setState({ loading: show })}\n />\n
\n ) : (\n | \n | Fornecedores | \nData da última cobrança | \nValor da última cobrança | \nValor total gasto | \n
|---|---|---|---|---|
| \n | \n {merchant.name} | \n{parserDate(merchant.last_date)} | \n{parserCurrencyBRLValue(merchant.last_cost)} | \n{parserCurrencyBRLValue(merchant.total_cost)} | \n
\n
\n )}\n \n As despesas estão relacionadas ao uso do cartão.\n {!this.props.hasCards && \" Ative agora mesmo o seu!\"}\n
\n\n
\n );\n};\n\nexport default Card;\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\n\nimport Card from \"./Card\";\nimport Loading from \"../../shared/Loading\";\nimport { showSnackbar } from \"../../shared/jquery_wrapper\";\n\nconst CardSensitiveData = ({\n mockCard,\n showCard,\n virtual,\n endpoint,\n virtual_card_icon,\n physical_card_icon,\n mastercard_logo,\n espresso_card_logo,\n external_show,\n sub_account_id,\n card_id,\n}) => {\n const [show, setShow] = useState(false);\n const [loading, setLoading] = useState(true);\n const [mockSensitiveData, setMockSensitiveData] = useState({\n number: \"\",\n expireDate: \"\",\n cvv: \"\",\n });\n\n useEffect(() => {\n setShow(showCard);\n }, [showCard]);\n\n const handleShow = (show) => {\n setLoading(true);\n external_show(show);\n setShow(show);\n\n if (show) {\n if (mockCard) {\n setMockSensitiveData({\n number: \"1111 2222 3333 4444\",\n expireDate: \"07/2050\",\n cvv: \"123\",\n });\n setLoading(false);\n } else {\n $.ajax({\n type: \"GET\",\n dataType: \"json\",\n url: endpoint\n .replace(\"sub_account_id\", sub_account_id)\n .replace(\"id\", card_id),\n }).then((response) => {\n swap({ token: response.token });\n\n setLoading(false);\n });\n }\n }\n };\n\n const handleCopy = () => {\n const element = document.getElementById(\"card-number\");\n const value = element?.firstChild.nodeValue;\n\n navigator.clipboard?.writeText(value);\n\n showSnackbar({ content: \"Número do cartão copiado!\", style: \"notice\" });\n };\n\n return (\n \n 
\n
\n \n 
\n
\n Visualizar informações
\n \n \n )}\n \n\n
\n )}\n Carregando os dados do cartão
\n\n \n
\n \n handleCopy()}\n />\n
\n \n {mockSensitiveData.number}\n
\n\n \n
\n \n {mockSensitiveData.expireDate}\n
\n\n \n
\n \n {mockSensitiveData.cvv}\n
\n\n \n
\n \n\n Mastercard
\nOcultar informações
\n \n \n \n\n {tab === \"merchant\" ? (\n
\n \n
\n );\n }\n\n renderHolderList() {\n const list = this.state.holdersList.filter(\n (e) => e.holder_type === \"physical\"\n );\n\n const colorKycStatus = {\n not_sent: \"Black\",\n incomplete: \"#C5BB61\",\n in_analysis: \"#6171C5\",\n approved: \"#61C5BB\",\n reproved: \"#C56171\",\n };\n\n return (\n \n {this.props.is_business &&\n this.state.holdersList.filter(\n (e) => e.holder_type === this.state.holder_type\n ).length > 0 &&\n this.renderHolderList()}\n\n this.handleSubmit(e)}\n >\n this.handleChange(\"name\", e.target.value)}\n />\n this.handleChange(\"document\", e.target.value)}\n />\n this.handleChange(\"birth_date\", e.target.value)}\n />\n this.handleChange(\"email\", e.target.value)}\n />\n this.handleChange(\"phone\", e.target.value)}\n />\n\n {this.props.is_business && (\n \n this.handleChange(\"partner_type\", e.target.value)\n }\n />\n )}\n \n
\n \n
\n \n {this.props.is_business && (\n
\n \n Cadastre os dados e adicione o número total de sócios da\n empresa\n
\n )}\nInforme os dados do sócio PF
\n\n holder.principal\n )?.kyc_status === \"approved\"\n ? \"rgba(0, 0, 0, 0.26)\"\n : \"black\",\n }}\n checked={\n this.state.principal ||\n this.state.holdersList.length === 0\n }\n disabled={\n this.state.holdersList.length === 0 ||\n this.state.holdersList.find(\n (holder) => holder.principal\n )?.kyc_status === \"approved\"\n }\n onClick={(e) =>\n this.handleChange(\"principal\", !this.state.principal)\n }\n />\n }\n label=\"Sócio principal (reponsável pelos cartões)\"\n labelPlacement=\"start\"\n />\n
\n \n {this.props.is_business && this.renderSaveAddButton()}\n {this.renderContinueButton()}\n {this.renderReviewButton()}\n
\n \n \n
\n\n {list.map((holder, idx) =>\n idx <= 2 || this.state.exibAllHolders ? (\n Sócios cadastrados
\n\n {holder.name}\n {holder.principal && (\n Sócio principal (reponsável pelos cartões)\n )}\n
\n {holder.kyc_status !== \"approved\" && (\n \n this.handleDelete(holder.id)}\n />\n this.fillState(holder)}\n />\n
\n )}\n \n ) : (\n \n
\n Faça o cadastro dos dados da empresa
\nInsira os dados abaixo
\n\n
\n Cadastrar endereço
\nInforme os dados de endereço da empresa
\n\n
\n Dados do administrador da conta
\nInforme os dados do responsável pela conta digital
\n\n \n {this.state.buttonDescription}\n \n {this.props.edit && (\n {\n e.preventDefault();\n window.location.reload(false);\n }}\n >\n Ir para revisão\n \n )}\n
\n \n );\n }\n\n invalidField(checked) {\n let errors = {\n street: this.state.street.length === 0,\n postal_code: this.state.postal_code.length < 10,\n neighborhood: this.state.neighborhood.length === 0,\n city: this.state.city.length === 0,\n state: this.state.state.length < 2,\n email: this.state.email.length === 0,\n phone: this.state.phone.length < 18,\n };\n\n if (this.state.type === \"business\") {\n errors = {\n ...errors,\n cnpj: !cnpj.isValid(cnpj.strip(this.state.cnpj)),\n founding_date: !validateDate(this.state.founding_date),\n main_activity: this.state.main_activity.length < 10,\n legal_name: this.state.legal_name.length === 0,\n business_type: this.state.business_type === \"\",\n };\n } else {\n errors = {\n ...errors,\n state_registration: this.state.state_registration === \"\",\n };\n }\n\n return checked === \"all\"\n ? Object.values(errors).includes(true)\n : errors[checked];\n }\n\n handleSubmit(event) {\n event.preventDefault();\n\n if (this.invalidField(\"all\")) {\n this.handleChange(\"try_to_save\", true);\n\n showSnackbar({\n content: \"Campos obrigatórios não preenchidos corretamente!\",\n style: \"alert\",\n });\n\n return;\n }\n\n this.handleChange(\"buttonDescription\", \"Salvando\");\n\n $.ajax({\n type: this.state.id === \"\" ? \"POST\" : \"PUT\",\n dataType: \"json\",\n url: this.submitEndpoint(),\n data: this.state,\n })\n .then((response) => {\n showSnackbar({ content: \"Salvo com sucesso!\", style: \"notice\" });\n\n window.location.reload(false);\n })\n .catch((error) => {\n showSnackbar({\n content: \"Não foi possível salvar, tente novamente!\",\n style: \"alert\",\n });\n this.setState({ ...this.state, buttonDescription: \"Salvar\" });\n });\n }\n\n submitEndpoint() {\n const tmpEndpoint = this.props.endpoint.replace(\n \"company_id\",\n this.props.company_id\n );\n\n return this.state.id === \"\"\n ? tmpEndpoint\n : `${tmpEndpoint}/${this.state.id}`;\n }\n\n handleChange(proprety, value) {\n if (proprety === \"type\") {\n const defaultBusiness = {\n cnpj: \"\",\n founding_date: \"\",\n main_activity: \"\",\n legal_name: \"\",\n business_type: \"\",\n state_registration: \"\",\n };\n\n this.setState({ ...this.state, ...defaultBusiness, [proprety]: value });\n } else if (proprety === \"state\") {\n this.setState({ ...this.state, [proprety]: value.toUpperCase() });\n } else {\n this.setState({ ...this.state, [proprety]: value });\n }\n }\n}\n\nLegalInfosForm.defaultProps = {\n company_id: \"\",\n endpoint: \"\",\n legal_infos: {},\n address: {},\n has_legal_info: false,\n is_business: true,\n};\n\nexport default LegalInfosForm;\n","import React from \"react\";\n\nimport { showSnackbar } from \"../../shared/jquery_wrapper\";\nimport {\n parserCNPJ,\n parserCPF,\n parser_resume_address,\n parserDate,\n parserMainActivity,\n parserPhone,\n parserHolderType,\n} from \"../../shared/helpers\";\n\nimport SelectTab from \"../../shared/SelectTab\";\nimport CardInfos from \"../../shared/CardInfos\";\nimport I18n from \"../../admin/I18n\";\n\nclass Resume extends React.Component {\n state = {\n selectTab: \"legal_infos\",\n tittles: {\n legal_infos: \"Revise os dados da empresa\",\n holders: \"Revise os dados dos sócios\",\n },\n holdersList: [],\n loading: false,\n };\n\n componentDidMount() {\n this.setState({ ...this.state, holdersList: this.props.holders });\n }\n\n render() {\n return (\n \n \n \n \n this.setState({ ...this.state, selectTab: \"legal_infos\" }),\n label: \"DADOS DA EMPRESA\",\n href: \"legal_infos\",\n },\n {\n testName: \"holders\",\n onClick: () =>\n this.setState({ ...this.state, selectTab: \"holders\" }),\n label: \"DADOS DOS SÓCIOS\",\n href: \"holders\",\n },\n ]}\n />\n \n {this[`render_${this.state.selectTab}`]()} \n\n \n {(this.state.selectTab !== \"legal_infos\" ||\n this.props.can_edit_legal_infos) && (\n \n this.props.setStage(\n this.state.selectTab === \"legal_infos\" ? 2 : 3\n )\n }\n >\n \n Revisar dados\n \n )}\n this.handleOpen()}\n disabled={this.state.loading}\n >\n {this.senButtonDescription()}\n \n \n
\n );\n }\n\n render_legal_infos() {\n const legal_infos = this.props.legal_infos;\n const legal_infos_address = this.props.address;\n\n return (\n {this.state.tittles[this.state.selectTab]}
\n \n\n Sócios pessoa física (CPF){\" \"}\n \n
\n )}\n {physicalHolders.map((holder, idx, arr) => (\n\n Sócio {`${idx + 1 < 10 && 0}${idx + 1}`}\n
\n )}\n\n
\n );\n }\n\n handleCheckbox(checkbox) {\n this.setState({ ...this.state, [checkbox]: !this.state[checkbox] });\n }\n}\nTermsAndPrivacyPolicy.defaultProps = {\n setState: Function,\n};\n\nexport default TermsAndPrivacyPolicy;\n","import {grey} from \"@mui/material/colors\";\nimport {styled} from \"@mui/material/styles\";\n\n\nconst EspressoMain = styled('main', {shouldForwardProp: (prop) => prop !== 'drawerOpen'})(\n ({theme, drawerOpen}) => ({\n flexGrow: 1,\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n backgroundColor: '#3D007905',\n height: '100vh',\n overflowY: 'auto',\n marginLeft: 0,\n ...(drawerOpen && {\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.easeOut,\n duration: theme.transitions.duration.enteringScreen,\n }),\n marginLeft: 240,\n }),\n }),\n)\n\nexport default EspressoMain","import * as React from 'react';\nimport EspressoDrawer from \"./navigation_drawer/EspressoDrawer\";\nimport EspressoAppbar from \"./appbar/EspressoAppbar\";\nimport {AppbarOffset} from \"./navigation_drawer/NavigationDrawer\";\nimport EspressoMain from \"./EspressoMain\";\nimport {espressoTheme} from \"./theme\";\nimport {hot} from \"react-hot-loader\";\nimport {CssBaseline, ThemeProvider, useMediaQuery} from \"@mui/material\";\nimport I18n from \"./I18n\";\n\nconst EspressoTemplate = ({copilotMode, appbarProps, drawerProps, children}) => {\n return \n Antes de começar, confira as informações necessárias e aceite os\n Termos e Políticas de Privacidade.\n
\n\n Para tornar seu cadastro mais rápido e eficiente, recomendamos que\n você tenha em mãos os seguintes dados:\n
\n\nInformações da Empresa
\n- \n
- CNPJ da empresa ou CPF (para Produtor Rural); \n
- Razão social (ou Nome do Produtor Rural); \n
- Data de fundação; \n
- Principal atividade da empresa; \n
- \n Tipo da empresa (MEI, EI, EIRELI, LTDA, Produtor Rural, etc.);\n \n
- \n Dados de todos os sócios PF (no caso da empresa ter mais de um);\n \n
- Dados de contato e endereço da empresa. \n
\n Informações dos Responsáveis legais (Sócio Pessoa Física - PF)\n
\n- \n
- Nome completo do responsável; \n
- Data de nascimento; \n
- CPF; \n
- E-mail do contato; \n
- Telefone de contato; \n
\n \n \n
\n\n \n {\n if (this.state.aceptTerms && this.state.aceptPrivacity) {\n this.props.setState({ stage: 2 });\n }\n }}\n >\n Iniciar cadastro\n \n
\n \n {parserCurrencyBRLValue(props.totalBalance)}\n
\n\n \n \n
\n - \n
\n
\n \n \n Swap Meios de Pagamentos Instituição de Pagamentos S.A\n
\n31.680.151/0001-61
\n\n Pix\n
\n Para adicionar saldo, basta copiar e colar a chave Pix e realizar o\n pagamento na instituição financeira da sua escolha.\n\n Boleto\n
\n Para adicionar saldo, defina o valor do depósito, copie o código de\n barras e realize o pagamento na instituição financeira da sua escolha. O\n Prazo para compensação do boleto e disponibilização do saldo em conta, é\n de até 3 dias úteis.\n {swapInfos(\"Favorecido\")}\n\n Controle de boletos\n
\n{legalName}
\n{document}
\n\n \n \n
\n - \n
- \n
- \n {userAllowedList.map((user, idx) => (\n
- \n {\n details.map((detail, index) => {\n return
- \n
- \n
- \n {results.map((result, index) => (\n
\n Ative a autenticação de dois fatores agora e proteja
\n sua conta com uma camada extra de segurança\n \n }/>\n \n}\n\nconst TwoFactorAction = ({onClose, employeeId}) => {\n return <>\n
- \n {budgets.map((budget, index) => (\n
- \n
- Crie orçamentos detalhados. \n
- Defina recorrências flexíveis. \n
- \n Ajuste suas projeções facilmente com a opção de edição\n pós-criação.\n \n
- \n
- \n Ativar alocação em Projetos: Vá até \"Classificação de Despesas\"\n na aba de Funcionalidades e habilite essa opção.\n \n
- \n Aprovação Multiníveis: Se o fluxo de aprovação for necessário,\n ative \"Aprovação Multiníveis\" e configure a \"Alçada de\n Aprovação\" na seção de Aprovações.\n \n
- \n {itens.map((item, index) => (\n
\n \n \n \n \n Despesas do ciclo atual\n \n \n setAnchorEl(null)}\n data-testid=\"menu\"\n >\n \n \n \n \n
\n );\n};\n\nexport default Navbar;\n","import React, { useEffect, useState } from \"react\";\nimport { Typography, Snackbar } from '@mui/material';\nimport ConfirmDialog from \"./common/Confirm\";\nimport SelectionSummary from \"./common/SelectionSummary\";\nimport ExpenseModal from \"./common/ExpenseModal\";\nimport UserSelectionModal from \"./common/UserSelectionModal\";\nimport TransactionsTable from \"./common/TransactionsTable\";\nimport { update_status_admin_card_transactions_path, transactions_admin_card_transactions_path } from '../../../routes';\nimport { ShadowTheme } from \"../ShadowTemplate\";\n\nconst Archived = (props) => {\n const [page, setPage] = useState(0);\n const [totalRows, setTotalRows] = useState(0);\n const [rows, setRows] = useState([]);\n const [openDialog, setOpenDialog] = useState(false);\n const [selectedTransaction, setSelectedTransaction] = useState(null);\n const [selectedTransactions, setSelectedTransactions] = useState([]);\n const [snackbarMessage, setSnackbarMessage] = useState('');\n const [openSnackbar, setOpenSnackbar] = useState(false);\n const [loading, setLoading] = useState(true);\n const [selectAll, setSelectAll] = useState(false);\n const [dialogTitle, setDialogTitle] = React.useState('');\n const [dialogContent, setDialogContent] = React.useState(null);\n const [openExpenseModal, setOpenExpenseModal] = useState(false);\n const [openUserSelectionModal, setOpenUserSelectionModal] = useState(false);\n const [transaction, setTransaction] = useState(null);\n\n const handleChangePage = (event, newPage) => {\n setPage(newPage);\n };\n\n const handleOpenDialog = (id, title, content) => {\n setOpenDialog(true);\n setSelectedTransaction(id);\n setDialogTitle(title);\n setDialogContent(content);\n };\n\n const handleDisplaySnackbar = (message) => {\n setOpenSnackbar(true);\n setSnackbarMessage(message);\n }\n\n const handleCloseDialog = (id) => {\n setOpenDialog(false);\n };\n\n const handleCloseExpenseModal = () => {\n setOpenExpenseModal(false);\n };\n\n const handleOpenUserSelectionModal = (id) => {\n setOpenUserSelectionModal(true);\n setSelectedTransaction(id);\n };\n\n const handleCloseUserSelectionModal = () => {\n setOpenUserSelectionModal(false);\n }\n\n const handleCheckboxChange = (itemId) => {\n setSelectedTransactions((prevSelectedItems) => {\n if (prevSelectedItems.includes(itemId)) {\n return prevSelectedItems.filter((id) => id !== itemId);\n } else {\n return [...prevSelectedItems, itemId];\n }\n });\n };\n\n const selectAllTransactions = () => {\n setSelectAll(!selectAll);\n\n const allItemIds = rows\n .map((row) => row.id);\n\n setSelectedTransactions(selectAll ? [] : allItemIds);\n };\n\n const handleRowClick = (row) => {\n setOpenExpenseModal(true);\n setTransaction(row);\n };\n\n const fetchTransactions = async () => {\n try {\n let url = transactions_admin_card_transactions_path({status: 'archived', page: page + 1});\n\n if (props.filter) {\n const filterParam = `filter[period]=${encodeURIComponent(props.filter.period)}`;\n url += `&${filterParam}`\n }\n \n const response = await fetch(url, {\n headers: {\n \"Accept\": \"application/json\"\n }\n });\n\n const data = await response.json();\n setRows(data.transactions);\n setTotalRows(data.total_count);\n } catch (error) {\n setOpenSnackbar(true);\n setSnackbarMessage(`Ocorreu um erro ${error.message}`);\n } finally {\n setLoading(false);\n }\n };\n\n const unarchive = async () => {\n let values;\n\n if (selectedTransaction !== null) {\n values = { ids: [selectedTransaction] }\n } else {\n values = { ids: selectedTransactions }\n }\n\n try {\n const response = await fetch(update_status_admin_card_transactions_path({status: 'unarchive'}), {\n method: 'POST',\n headers: {\n \"X-CSRF-Token\": props.csrfToken,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(values)\n });\n\n if (response.ok) {\n await fetchTransactions();\n\n setSelectedTransactions([]);\n setSelectAll(false);\n setOpenDialog(false);\n setOpenSnackbar(true);\n setSnackbarMessage(\"Transação desarquivada com sucesso.\");\n } else {\n setOpenSnackbar(true);\n setSnackbarMessage(\"Não foi possível desarquivar a transação.\");\n }\n } catch (error) {\n setOpenSnackbar(true);\n setSnackbarMessage(`Ocorreu um erroa ${error.message}`);\n }\n };\n\n useEffect(() => {\n fetchTransactions();\n }, [page]);\n\n return (\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
\n 
\n {`${user.name} (${user.email})`}\n
\n }\n style={{padding: '10px'}}\n />\n - \n {data.map(item => (\n
- \n {[...Array(5).fill(0).map((_, index) => (
Passo 1: Acessar meus aplicativos e exibir Chave de Integração API
\n- \n
- \n Meus aplicativos: \n no aplicativo configurado clique em “
” e selecione\n a opção “Resumo do app”.\n \n - \n Resumo do aplicativo: \n na secção de “Chaves de integração API” clique em “Exibir” ao lado de “App secret”.\n \n
Passo 2: Copiar as Chaves de Integração API e inserir nos campos disponíveis\n dentro do Espresso
\n- \n
- \n Com as chaves “App key” e App secret” visíveis copie e insira nos campos dentro do\n Espresso.\n \n
Passo 1: Dentro do sistema Sankhya informe as “Informações da Base”, e após\n informar clique em “Salvar”.
\n- \n
- \n Endereço Sankhya: \n Endereço onde você está logado, se está em Produção ou Homologação.\n \n
- \n Nome: \n Pode ser preenchido com o nome que você achar melhor para identificar o “Gateway”\n (Ex: Configurações Espresso).\n \n
- \n Tipo de Ambiente: \n É identificado de maneira automática conforme o registro da base (Endereço Sankhya)\n que está efetuando a configuração\n \n
Passo 2: Salvar “Informações da Base”.
\n- \n
- \n Salvar: \n Após inserir as informações o botão de “Salvar” ficará visível, clique em “Salvar”\n para continuar.\n \n
Passo 3: Adicionar “Sankhya ID” e gerar o “Token de Integração”.
\n- \n
- \n Aplicação: \n Inserir aqui o ID integracoes-sankhya@espressoapp.com.br\n \n
- \n Parceiro: \n Esse campo é preenchido automaticamente com a nossa aplicação após inserir o campo\n acima.\n \n
- \n Cód. Usuário: \n Aqui é o código do usuário parceiro do Sankhya.\n \n
- \n Gerar Gateway: \n A possibilidade de copiar o gateway libera após salvar as informações que foram\n inseridas.\n \n
Passo 1: Acessar o link de configuração
\n- \n
- Link: https://developer.omie.com.br/my-apps/ \n
Passo 2: Clique na conta que deseja configurar e adicione um novo Webhook
\n- \n
- Selecione a conta que deseja configurar o aplicativo. \n
- \n Ao selecionar a conta da empresa você precisar clicar em “Adicionar Novo Webhook”.\n \n
Passo 3: Insira o link no campo “Endpoint”
\n- \n
- Link:
Passo 4: Selecionar os campos abaixo referentes à integração
\n- \n
- Departamento Alterado \n
- Departamento Incluído \n
- Departamento Excluído \n
Passo 5: Salvar configuração
\n- \n
- \n Após inserir o link de “Endpoint” e selecionar os campos referentes á integração,\n clique em “Salvar”.\n \n
Passo 1: Acessar o link de configuração
\n- \n
- Link: https://developer.omie.com.br/my-apps/ \n
Passo 2: Clique na conta que deseja configurar e adicione um novo Webhook
\n- \n
- Selecione a conta que deseja configurar o aplicativo. \n
- \n Ao selecionar a conta da empresa você precisar clicar em “Adicionar Novo Webhook”.\n \n
Passo 3: Insira o link no campo “Endpoint”
\n- \n
- Link:
Passo 4: Selecionar os campos abaixo referentes à integração
\n- \n
- Projeto Alterado \n
- Projeto Incluído \n
- Projeto Excluído \n
Passo 5: Salvar configuração
\n- \n
- \n Após inserir o link de “Endpoint” e selecionar os campos referentes á integração,\n clique em “Salvar”.\n \n
Passo 1: Acessar o link de configuração
\n- \n
- Link: https://developer.omie.com.br/my-apps/ \n
Passo 2: Clique na conta que deseja configurar e adicione um novo Webhook
\n- \n
- Selecione a conta que deseja configurar o aplicativo. \n
- \n Ao selecionar a conta da empresa você precisar clicar em “Adicionar Novo Webhook”.\n \n
Passo 3: Insira o link no campo “Endpoint”
\n- \n
- Link:
Passo 4: Selecionar os campos abaixo referentes à integração
\n- \n
- Cliente Fornecedor Alterado \n
- Cliente Fornecedor Incluído \n
- Cliente Fornecedor Excluído \n
Passo 5: Salvar configuração
\n- \n
- \n Após inserir o link de “Endpoint” e selecionar os campos referentes á integração,\n clique em “Salvar”.\n \n
\n Passo 6: \n Cadastrar e inserir tag do Espresso dentro do ERP, se você não tem nenhuma tag\n cadastrada veja o passo a passo completo clicando abaixo.\n
\nPasso 1: Configuração no ERP
\n- \n
- \n Acesse a tela \"Dicionário de Dados\"\n para acessar vá até Configurações > Avançado > Dicionário de Dados.\n \n
- \n Em “Filtros rápidos” no campo de tabela digite TSICUS (tabela de Centro de Resultado) e\n clique em \"Aplicar\".\n \n
Passo 2: Campos personalizados
\n- \n
- Na Aba \"Campos\", clique em Novo [+]. \n
- \n Nome do campo:\n pode ser um campo ou tag já existente, sugerimos que seja utilizado o nome\n “Espresso”.\n \n
- \n Descrição do campo: \n é o nome que vai identificar o campo durante o uso no sistema, sugerimos que\n seja utilizado “Integra no Espresso”.\n \n
- \n
- \n Apresentação o campo apresentação defina como “Checkbox”.\n \n
- \n Permite pesquisa?\n marque essa opção para permitir a pesquisa dos centros de resultados pelo Espresso.\n \n
Passo 3: Salvar os campos personalizados
\n- \n
- Clique em “✔” para salvar; \n
Passo 1: Configuração no ERP
\n- \n
- \n Acesse a tela \"Dicionário de Dados\"\n para acessar vá até Configurações > Avançado > Dicionário de Dados.\n \n
- \n Em “Filtros rápidos” no campo de tabela digite TCSPRJ (tabela de Projeto) e\n clique em \"Aplicar\".\n \n
Passo 2: Campos personalizados
\n- \n
- Na Aba \"Campos\", clique em Novo [+]. \n
- \n Nome do campo:\n pode ser um campo ou tag já existente, sugerimos que seja utilizado o nome\n “Espresso”.\n \n
- \n Descrição do campo: \n é o nome que vai identificar o campo durante o uso no sistema, sugerimos que\n seja utilizado “Integra no Espresso”.\n \n
- \n
- \n Apresentação o campo apresentação defina como “Checkbox”.\n \n
- \n Permite pesquisa?\n marque essa opção para permitir a pesquisa dos centros de resultados pelo Espresso.\n \n
- \n Visível no grid de pesquisa?\n marque essa opção para exibir o campo no grid de busca.\n \n
Passo 3: Salvar os campos personalizados
\n- \n
- Clique em “✔” para salvar; \n
Passo 1: Configuração no ERP
\n- \n
- \n Acesse a tela \"Dicionário de Dados\"\n para acessar vá até Configurações > Avançado > Dicionário de Dados.\n \n
- \n Em “Filtros rápidos” no campo de tabela digite TGFPAR (tabela de Parceiros) e\n clique em \"Aplicar\".\n \n
- \n Acesse o formulário da tabela de Parceiros.\n \n
Passo 2: Campos personalizados
\n- \n
- Na Aba \"Campos\", clique em Novo [+]. \n
- \n Nome do campo: \n pode ser um campo ou tag já existente, sugerimos que seja utilizado o nome\n “Espresso”.\n \n
- \n Descrição do campo: \n é o nome que vai identificar o campo durante o uso no sistema, sugerimos que\n seja utilizado “Integra no Espresso”.\n \n
- \n
- \n Apresentação: no campo apresentação defina como “Checkbox”.\n \n
- \n Permite pesquisa? \n marque essa opção para permitir a pesquisa dos parceiros pelo Espresso.\n \n
Passo 3: Salvar os campos personalizados
\n- \n
- Clique em “✔” para salvar; \n
Passo 4: Deixar o campo personalizável visível no grid de pesquisa
\n- \n
- \n Ative a opção \"Visível no grid de pesquisa?\" para que o campo seja exibido na grade\n de resultados da pesquisa. \n \n
Passo 5: Configurar a exibição do campo criado na tela de \"Parceiros\".
\n- \n
- \n Acesse a tela \"Parceiros\": para acessar vá até Configurações > Cadastro > Parceiros \n \n
- \n Clique em \"mostrar grade\".\n \n
- \n No canto superior direito clique na engrenagem \"⚙️\".\n \n
- \n Em \"campos disponíveis\", pesquise pela descrição do campo, se você utilizou a nosso sugestão\n busque por “Integra no Espresso”.\n \n
- \n Com \"painel principal\" selecionado, arraste o campo.\n \n
- \n Clique em “✔”, para salvar.\n \n
- \n {[...data.map(event => (\n loading ? (\n
\n Também enviamos o link para download no seu e-mail.\n
\n Em alguns instantes estará disponível para download.\n
\n Tente novamente mais tarde ou entre em contato com o suporte.\n
Saldo disponível
\nIndique abaixo os adiantamentos que podem ser utilizados para descontar o valor\n das despesas reembolsáveis. Deixe em branco se preferir que o relatório seja\n reembolsado.
\n {this.state.selected.size === 0 &&\n }\n {this.state.advances.map((advance, index) => (\n\n \n
\n ))}\n\n {this.props.groupName}\n {this.state.features.some((feature) => feature.attributes.new_feature) && TEM NOVIDADE NO ESPRESSO}\n
\n );\n }\n }\n\n render() {\n return (\n {this.renderGroupHeader(this.props.groupName !== \"\")}\n
)\n }\n}\n\nFeatureGroup.defaultProps = {\n featuresEndpoint: \"\",\n featureGroup: 0,\n groupName: \"\",\n ignoreAvailability: false,\n hidePlanWhenActive: true,\n styleCard: true,\n baristaIA: false,\n onUpdate: () => {\n },\n};\n\nexport default FeatureGroup;\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport BaristaIAStars from \"../../../../assets/images/admin/barista_ai/barista_ai_stars.svg\"\n\nclass FeatureItem extends React.Component {\n\n get featureAvailable() {\n return this.props.feature.attributes.available || this.props.ignoreAvailability\n }\n\n get canActivateFeature() {\n return this.featureAvailable && this.props.feature.attributes.feature_satisfied\n }\n\n get featureDisabled() {\n return !(this.props.feature.attributes.active || this.canActivateFeature)\n }\n\n get showLockedTooltip() {\n return !(this.props.feature.attributes.active || this.featureAvailable)\n }\n\n get showPlanChip() {\n return !this.props.feature.attributes.available && !(this.props.hidePlanWhenActive && this.props.feature.attributes.active)\n }\n\n render() {\n return (- \n {this.state.features.map((feature, idx) => {\n return
\n {this.props.baristaIA &&
\n \n {this.props.feature.attributes.title}\n {this.props.feature.attributes.help_link && this.renderHelpLink(this.props.feature)}\n
\n {this.renderInformation(this.props.feature.attributes.information)}\n {this.showLockedTooltip && this.renderUnavailableTooltip()}\n {this.props.feature.attributes.new_feature && NOVO}\n\n {this.showPlanChip && this.renderPlanChip(this.props.feature)}\n {this.showLockedTooltip}\n
\n \n )\n }\n\n renderHelpLink(feature) {\n return \n \n \n }\n\n renderUnavailableTooltip() {\n return ;\n }\n\n renderInformation(information) {\n if (information) {\n return \n \n
;\n }\n }\n\n renderDescription(feature) {\n if (this.props.customDescription) {\n return this.props.customDescription(feature)\n }\n return \n {feature.attributes.subtitle}\n
\n }\n\n renderSwitch(feature) {\n return \n
\n }\n\n renderPlanChip(feature) {\n const plan = feature.attributes.plan_available\n return plan && {plan.name}\n }\n}\n\nFeatureItem.defaultProps = {\n feature: {},\n ignoreAvailability: false,\n hidePlanWhenActive: true,\n baristaIA: false\n};\n\nexport default FeatureItem;","import React from \"react\";\n\nimport { showSnackbar } from \"../../../shared/jquery_wrapper\";\nimport FeatureGroup from \"../FeatureGroup\";\n\nclass AccountFeatureGroup extends React.Component {\n constructor(props) {\n super(props);\n this.group = React.createRef();\n this.modalInput = React.createRef();\n }\n\n onUpdate = (feature, activate, error) => {\n if (error) {\n showSnackbar({\n content: \"Não foi possível habilitar a conta digital, tente novamente.\",\n style: \"alert\",\n timeout: 5000,\n });\n } else {\n showSnackbar({\n content: \"Abertura de conta digital habilitado!\",\n style: \"alert\",\n timeout: 3000,\n });\n }\n };\n\n render() {\n return (\n \n
\n \n {feature.attributes.status_name}\n
\n \n \n
\n \n {\n this.group.current.updateFeature(this.prohibitedWordsFeature(), true, {keywords: keywords})\n }}\n />\n\n this.handleSwitch(feature, checked)}\n onUpdate={(feature, activate, error) => this.onUpdate(feature, activate, error)}\n ignoreAvailability={this.props.ignoreAvailability}\n hidePlanWhenActive={this.props.hidePlanWhenActive}\n baristaIA={true}\n customDescription={this.prohibitedWordsDescription}\n />\n
\n )\n }\n\n prohibitedWordsDescription = (feature) => {\n if (feature.attributes.active && feature.attributes.name === 'prohibited_words') {\n return \n }\n\n return \n
\n \n \n {feature.attributes.subtitle}\n
\n }\n}\n\nBaristaIAPolicyFeatureGroup.defaultProps = {\n featureGroup: 6,\n ignoreAvailability: false,\n hidePlanWhenActive: true,\n baristaIA: false\n};\n\nexport default BaristaIAPolicyFeatureGroup;\n","import React, { useEffect, useState } from \"react\";\nimport { Box, Chip, IconButton } from '@mui/material';\nimport CancelIcon from '@mui/icons-material/Cancel';\nimport {showSnackbar} from \"../../../shared/jquery_wrapper\";\n\nexport const FEATURE_NAME = 'prohibited_words';\n\nconst ProhibitiveWordsModal = ({ repository, featureGroup, onConfirm }) => {\n const [inputValue, setInputValue] = useState('');\n const [words, setWords] = useState([]);\n const [showDeleteMessage, setShowDeleteMessage] = useState(false);\n\n const handleInputChange = (event) => {\n setInputValue(event.target.value);\n };\n\n const handleTextFieldKeyDown = (event) => {\n /* istanbul ignore next */\n if (event.keyCode === 13) {\n handleAdd();\n }\n };\n\n const prohibitiveWordsFeature = (data) => {\n return data.filter(item => item.attributes.name === FEATURE_NAME);\n }\n\n const sortWords = (array) => {\n return array.sort((a, b) => a['word'].localeCompare(b['word']));\n };\n\n const handleAdd = () => {\n if (inputValue.trim() !== '') {\n const newWord = { word: inputValue.trim(), saved: false };\n const updatedWords = [...words, newWord];\n const sortedWords = sortWords(updatedWords);\n setWords(sortedWords);\n setInputValue('');\n setShowDeleteMessage(false);\n }\n };\n\n const handleDelete = async (itemIndex) => {\n const array = words.filter((_, index) => index !== itemIndex)\n setWords(array);\n\n const response = await repository.updateFeature(featureGroup, { attributes: { name: FEATURE_NAME } }, true, { keywords: array.map(item => item.word) });\n setShowDeleteMessage(true);\n };\n\n const handleSave = async () => {\n try {\n const response = await repository.updateFeature(featureGroup, { attributes: { name: FEATURE_NAME } }, true, { keywords: words.map(item => item.word) });\n const feature = prohibitiveWordsFeature(response.data)\n const [{ attributes: { metadata: { keywords } } }] = feature;\n const chips = words.map(item => ({\n ...item,\n saved: keywords.includes(item.word)\n }));\n\n setWords(chips);\n onConfirm(words.map(item => item.word));\n } catch (error) {\n showSnackbar({\n content: \"Ocorreu um erro ao salvar\",\n style: \"alert\",\n timeout: 3000,\n });\n }\n };\n\n const getFeatures = async () => {\n try {\n const response = await repository.getFeatures(featureGroup)\n const feature = prohibitiveWordsFeature(response.data)\n const [{ attributes: { metadata: { keywords } } }] = feature;\n\n /* istanbul ignore next */\n if (keywords) {\n const chips = keywords.map(word => ({\n word: word,\n saved: true\n }));\n\n setWords(chips);\n }\n } catch (error) {\n showSnackbar({\n content: \"Ocorreu um erro ao carregar palavras\",\n style: \"alert\",\n timeout: 3000,\n });\n }\n }\n\n useEffect(() => {\n getFeatures();\n }, []);\n\n return (\n \n
\n );\n}\n\nexport default ProhibitiveWordsModal;","import React from \"react\";\nimport FeatureGroup from \"../FeatureGroup\";\nimport { showSnackbar } from \"../../../shared/jquery_wrapper\";\n\nclass BudgetsFeatureGroup extends React.Component {\n constructor(props) {\n super(props);\n }\n\n onUpdate = (feature, activate, error) => { \n if (error) {\n showSnackbar({\n content: \"Não foi possível ativar a funcionalidade.\",\n style: \"alert\",\n timeout: 5000,\n });\n } else {\n let state = activate == true ? 'ativada' : 'desativada';\n showSnackbar({\n content: `Funcionalidade ${state}!`,\n style: \"alert\",\n timeout: 3000,\n });\n };\n };\n\n render() {\n return (\n \n \n {words.map((item, index) => (\n \n
\n Adicionar palavra
\n\n A palavra adicionada ficará visível abaixo do campo a ser preenchido e precisará ser salva\n
\n\n \n \n \n
\n\n \n {showDeleteMessage &&\n \n \n }\n
\n\n A palavra foi removida!
\n \n handleDelete(index)}\n deleteIcon={
\n ))}\n \n Fechar\n\n \n Salvar\n \n
\n \n
\n );\n }\n}\n","import React from \"react\";\nimport DistanceCostModal from \"./DistanceCostModal\";\nimport FeatureGroup from \"../FeatureGroup\";\nimport {openModal, showSnackbar} from \"../../../shared/jquery_wrapper\";\n\nconst numberFormat = new Intl.NumberFormat('pt-BR', {minimumFractionDigits: 2})\n\nexport const DISTANCE_GROUP_ID = 1;\n\nclass DistanceFeatureGroup extends React.Component {\n\n constructor(props) {\n super(props);\n this.group = React.createRef()\n this.modalInput = React.createRef()\n }\n\n get distanceFeature() {\n return this.group.current?.state.features.find((f) => f.attributes.name === 'distance')\n }\n\n onUpdate = (feature, activate, error) => {\n if (error) {\n showSnackbar({\n content: \"É necessário manter pelo menos duas modalidades, quando Google Maps ou GPS estão ativas.\",\n style: \"alert\",\n timeout: 5000\n })\n } else {\n showSnackbar({\n content: \"Registro de despesa de quilometragem atualizado!\",\n style: \"alert\",\n timeout: 3000\n });\n }\n }\n\n handleSwitch = async (feature, checked) => {\n let metadata = feature.attributes.metadata;\n if (checked && feature.attributes.name === 'distance') {\n this.modalInput.current.value = numberFormat.format(metadata?.distance_cost ?? 0)\n openModal('#edit-distance-cost-modal');\n } else {\n await this.group.current.updateFeature(feature, checked, metadata)\n }\n }\n\n render() {\n return (\n
\n \n Valor em R$ por Km
\n\n
\n \n
\n \n Insira o valor\n
\n \n R$\n
\n \n \n Operando a R$ {distanceCost} por KM rodado\n this.handleSwitch(feature, true)}\n style={{color: '#3D0079'}}\n >\n {\" (editar)\"}\n \n
\n }\n return \n {feature.attributes.subtitle}\n
\n }\n}\n\nDistanceFeatureGroup.defaultProps = {\n featuresEndpoint: \"\",\n featureGroup: DISTANCE_GROUP_ID,\n ignoreAvailability: false,\n hidePlanWhenActive: true,\n};\n\nexport default DistanceFeatureGroup;\n","import React from \"react\";\n\nimport { showSnackbar } from \"../../../shared/jquery_wrapper\";\nimport FeatureGroup from \"../FeatureGroup\";\n\nclass ExpensePolicyFeatureGroup extends React.Component {\n constructor(props) {\n super(props);\n }\n\n onUpdate = (feature, activate, error) => {\n let content_text = '';\n let state = activate == true ? 'ativado' : 'desativado';\n \n if (error) {\n showSnackbar({\n content: \"Não foi possível ativar o alerta.\",\n style: \"alert\",\n timeout: 5000,\n });\n } else {\n switch (feature.attributes.name) {\n case 'alcohol_alert':\n content_text = `Palavra proibitiva para bebida alcoólica ${state}!`;\n break;\n case 'tobacco_alert':\n content_text = `Palavra proibitiva para tabaco e derivados ${state}!`;\n break;\n default:\n content_text = `Antifraude ${state}!`\n }\n };\n \n showSnackbar({\n content: content_text,\n style: \"alert\",\n timeout: 3000,\n });\n };\n\n render() {\n return (\n \n\t\t\t
\n\t);\n};\n\nexport default HomeAccountChart;","import React from \"react\";\nimport { Stack, Typography } from \"@mui/material\";\nimport { styled } from '@mui/material/styles';\nimport LinearProgress, { linearProgressClasses } from '@mui/material/LinearProgress';\n\nconst CustomLinearProgress = styled(LinearProgress)(({ theme }) => ({\n height: 10,\n borderRadius: 5,\n [`&.${linearProgressClasses.colorPrimary}`]: {\n backgroundColor: theme.palette.surfaceLight5.main,\n },\n [`& .${linearProgressClasses.bar}`]: {\n borderRadius: 5,\n backgroundColor: theme.palette.secondary.main,\n },\n}));\n\nconst AccountBalanceProgress = (props) => {\n return (\n \n
\n );\n};\n\nexport default HomeExpensesChart;\n","import React, {useEffect, useState} from \"react\";\nimport {\n Button,\n Card,\n Divider,\n ListItem,\n ListItemIcon,\n ListItemText,\n MobileStepper,\n Skeleton,\n Stack,\n Typography\n} from \"@mui/material\";\nimport BaristaIcon from \"../../../shared/BaristaIcon\";\nimport AutoAwesomeIcon from '@mui/icons-material/AutoAwesome';\nimport HomeInsightsStep from \"./HomeInsightsStep\";\nimport KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';\nimport KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';\nimport {insight_admin_home_path} from \"../../../../routes\";\n\nconst HomeInsightsCard = () => {\n const [loading, setLoading] = useState(true);\n const [activeStep, setActiveStep] = useState(0);\n const [currentInsight, setCurrentInsight] = useState(null);\n const [insightIds, setInsightIds] = useState([0, 1, 2]);\n\n useEffect(() => {\n fetchInsight();\n }, [activeStep, insightIds]);\n\n const fetchInsight = async () => {\n if (insightIds.length === 0) return;\n\n setLoading(true);\n const insight = await getInsight(insightIds[activeStep]);\n setCurrentInsight(insight);\n if (!insight || insight.data.length === 0) {\n insightIds.splice(activeStep, 1);\n setInsightIds(insightIds);\n nextStep();\n }\n setLoading(false);\n }\n\n const getInsight = async (insightId) => {\n try {\n const response = await fetch(insight_admin_home_path({insight_id: insightId}));\n if (response.ok) {\n const body = await response.json();\n return body.insight;\n }\n return null;\n } catch (_) {\n return null;\n }\n }\n\n const nextStep = () => setActiveStep((step) => (step + 1) % insightIds.length);\n const previousStep = () => setActiveStep((step) => step === 0 ? insightIds.length - 1 : step - 1);\n\n if (insightIds.length === 0) return <>;\n return \n \n \n {newUpdates.length > 0 ? \n\n \n Avisos\n \n
\n \n - \n {title && (\n
{icon}
}\n {title}\n {collapse && (\n \n {showCollapse ?
\n )}\n \n \n )}\n {collapse ? (\n \n \n Clique para ver mais detalhes do histórico\n \n \n
\n\n \n \n {expanded ? \n
\n \n \n \n \n
\n \n \n
\n \n \n Essa ação fará com que todos os usuários criem novas senhas imediatamente\n \n\n {showExpireButton && (\n \n )}\n\n {showSuccessButton && (\n \n )}\n
\n\n \n {showSuccessButton && (\n \n Solicite novamente em 30 dias\n \n )}\n
\n\n \n\n \n \n Ative ou desative a expiração planejada\n \n
\n\n \n \n Tempo de expiração\n \n \n
\n\n \n \n Configure o tempo que as senhas serão expiradas\n \n\n \n Selecione o período \n \n \n \n \n \n \n \n \n
\n \n \n Salvar\n \n
\n\n \n\n \n
\n {this.renderFilterTrigger()}\n {this.renderFilter()}\n {\n Empresas (Total: {this.state.count})\n
\n\n
\n );\n }\n\n renderFilter() {\n return (\n \n
\n \n \n this.setState({\n ...this.state,\n showFilter: !this.state.showFilter,\n })\n }\n >\n \n FILTRAR VISUALIZAÇÃO\n \n
\n \n
\n );\n }\n\n renderCompanyItem(index, company) {\n return (\n \n {this.state.companies.length > 0 && (\n \n \n
\n )}\n {this.state.companies.length === 0 && (\n
\n | Nome | \nClassificação | \nPlano | \nTeste | \n\n {\" \"}\n Cadastro\n | \n
|---|
Nenhuma empresa encontrada!
\n )}\n\n
\n \n
\n \n Limpar\n \n\n \n Filtrar\n \n
\n \n );\n }\n}\n\nCardsFilter.defaultProps = {\n showFilter: false,\n onChange: Function,\n onFilterClick: Function,\n onClearClick: Function\n};\n\nexport default CardsFilter;\n","import React from \"react\";\n\nconst CreateAccount = ({ open_process_status, swap_account_endpoint }) => {\n const labelOpenButton = () => {\n if (!open_process_status) {\n return \"abrir conta swap\";\n } else if (open_process_status === \"approved\") {\n return \"Conta swap aberta!\";\n } else {\n return \"Editar dados conta swap\";\n }\n };\n\n return (\n \n
\n );\n};\n\nexport default CreateAccount;\n","import React from \"react\";\n\nclass FilterVisibilityTrigger extends React.Component {\n render() {\n return (\n \n
\n\n Abertura de Conta Swap
\n\n Aqui é possivel realizar a abertura da conta digital para o cliente,\n será necessário preencher os dados da empresa e do sócios.\n
\n\n Ao ser aprovada a conta será associada automáticamente a conta da\n empresa.\n
\n\n
\n \n window.location.assign(swap_account_endpoint)}\n >\n {labelOpenButton()}\n \n
\n \n
\n );\n }\n}\n\nFilterVisibilityTrigger.defaultProps = {\n onClick: Function\n};\n\nexport default FilterVisibilityTrigger;\n","/* istanbul ignore file */\n\nimport React from \"react\";\nimport { parserCurrencyBRLValue, parserDate } from \"../../shared/helpers\";\nimport {\n parserSwapCardNumber,\n parserSwapCardObject,\n renderCardStatus,\n} from \"./parser/swapCard\";\nimport { parserIssueCardsObject } from \"./parser/swapIssueCard\";\nimport {\n parserSectionTittles,\n parserSwapAccountObjectList,\n} from \"./parser/swapAccount\";\nimport {\n parserActivityObject,\n renderActivityStatus,\n} from \"./parser/activities\";\nimport {\n parserPmaObject,\n renderStatementItemStatus,\n} from \"./parser/pmaStatement\";\n\nimport QuickSearch from \"../../shared/QuickSearch\";\nimport SelectTab from \"../../shared/SelectTab\";\nimport ListWithModalDetail from \"../../shared/lists/WithModalDetail\";\nimport Pagination from \"../../shared/Pagination\";\nimport Loading from \"../../shared/Loading\";\nimport CardsFilter from \"./CardsFilter\";\nimport FilterVisibilityTrigger from \"./FilterVisibilityTrigger\";\nimport PmaSummary from \"./PmaSummary\";\nimport PmaRetryService from \"./pma_retry/PmaRetryService\";\nimport { showSnackbar } from \"../../shared/jquery_wrapper\";\nimport {\n bistro_accounts_chargebacks_path,\n sync_bistro_accounts_activity_path,\n} from \"../../../routes\";\nimport ShadowComponent from \"../../shared/ShadowComponent\";\nimport { Box, Button, Link } from \"@mui/material\";\n\nclass ManageAccount extends React.Component {\n state = {\n select: this.props.select ?? \"activities\",\n filter: {\n search: \"\",\n status: \"\",\n },\n showFilter: false,\n forcePageOne: false,\n list: [],\n perPage: 20,\n loading: true,\n };\n\n componentDidMount() {\n this.setState({ forcePageOne: !this.state.forcePageOne, loading: true });\n }\n\n render() {\n return (\n \n
\n \n \n \n FILTRAR VISUALIZAÇÃO\n \n
\n \n \n \n Consulta chargeback\n \n \n \n\n this.handleTab(\"activities\"),\n active: this.state.select === \"activities\",\n },\n {\n testName: \"swap-cards\",\n label: \"Cartões\",\n href: \"swap-cards\",\n onClick: () => this.handleTab(\"swap_cards\"),\n active: this.state.select === \"swap_cards\",\n },\n {\n testName: \"swap-accounts\",\n label: \"Contas\",\n href: \"swap-accounts\",\n onClick: () => this.handleTab(\"swap_accounts\"),\n active: this.state.select === \"swap_accounts\",\n },\n {\n testName: \"issue-cards\",\n label: \"Envio de Cartões\",\n href: \"issue-cards\",\n onClick: () => this.handleTab(\"issue_cards\"),\n active: this.state.select === \"issue_cards\",\n },\n {\n testName: \"pma\",\n label: \"Extrato PMA\",\n href: \"pma\",\n onClick: () => this.handleTab(\"pma\"),\n active: this.state.select === \"pma\",\n },\n {\n testName: \"funds_in\",\n label: \"Recargas\",\n href: \"funds_in\",\n onClick: () => this.handleTab(\"funds_in\", false),\n active: this.state.select === \"funds_in\",\n },\n ]}\n customClass={\"d-flex justify-start tab-manage-account\"}\n disabled={this.state.loading}\n />\n {this.state.select !== \"funds_in\" && (\n {\n this.setState({ filter: { search: e.target.value } });\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n this.setState({\n forcePageOne: !this.state.forcePageOne,\n loading: true,\n });\n }\n }}\n />\n )}\n\n \n \n this.setState({\n ...this.state,\n showFilter: !this.state.showFilter,\n })\n }\n />\n {\n this.setState({\n filter: { status: e.target.value },\n });\n }}\n onFilterClick={() => {\n this.setState({\n forcePageOne: !this.state.forcePageOne,\n loading: true,\n });\n }}\n onClearClick={() => {\n this.setState({\n filter: { status: \"\" },\n forcePageOne: !this.state.forcePageOne,\n loading: true,\n });\n }}\n />\n \n )}\n\n {this.state.select === \"pma\" && (\n
\n );\n }\n\n render_swap_cards() {\n return (\n Gestão da Conta Digital Espresso
\n \n\n {this[`render_${this.state.select}`]()}\n\n this.setState({ loading: state })}\n setExternalList={(list, others) =>\n this.setState({ loading: false, list })\n }\n />\n
\n )}\n \n {this.renderModalSyncStatement()}\n\n
\n );\n }\n\n renderModalSyncStatement() {\n return (\n Saldo e taxas
\n\n\n
\n\n Ações
\n\n \n Sincronização do extrato\n \n
\n \n
\n \n Taxas IOF's\n
\n
\n \n
{summary.iof_fee}
\n\n Taxas saques\n
\n
\n \n
{summary.withdrawal_fee}
\n\n \n Saldo pendente\n \n \n
\n
\n \n
\n {summary.pending_balance}\n
\n\n \n Saldo transitório\n \n \n
\n
\n \n
\n {summary.transitory_balance}\n
\n\n \n Saldo disponível PMA\n \n \n
\n
\n \n
{summary.balance}
\n\n
\n );\n }\n\n handleSync() {\n $.ajax({\n type: \"POST\",\n dataType: \"json\",\n url: statement_syncer_bistro_accounts_pma_statement_index_path(),\n data: { interval: this.state.interval },\n })\n .then((r) => {\n showSnackbar({\n content: \"Extrato está sendo sincronizado!\",\n style: \"notice\",\n });\n })\n .catch((e) => {\n showSnackbar({\n content: \"Não foi possivel solicitar a sincronização do extrato!\",\n style: \"alert\",\n });\n });\n }\n}\n\nexport default PmaSummary;\n","import React from \"react\";\nimport { ShadowTheme } from \"../../../../admin/ShadowTemplate\";\nimport { showSnackbar } from \"../../../../shared/jquery_wrapper\";\n\nimport { retrive_bistro_accounts_chargebacks_path } from \"../../../../../routes\";\n\nimport {\n Box,\n InputAdornment,\n LinearProgress,\n Step,\n StepContent,\n StepLabel,\n Stepper,\n TextField,\n Typography,\n} from \"@mui/material\";\n\nimport SearchIcon from \"@mui/icons-material/Search\";\n\n// last import\nimport { hot } from \"react-hot-loader\";\n\nconst Index = (props) => {\n const [value, setValue] = React.useState(\"\");\n const [logs, setLogs] = React.useState([]);\n const [loading, setLoading] = React.useState(false);\n\n const handleFind = (event) => {\n if (event.key === \"Enter\") {\n setLoading(true);\n setLogs([]);\n\n $.ajax({\n type: \"GET\",\n url: retrive_bistro_accounts_chargebacks_path(),\n data: { search: event.target.value },\n })\n .then((r) => {\n const dataSorted = r.data.sort((a, b) => {\n const [dayA, monthA, yearA] = a.event_date.split(\"/\").map(Number);\n const [dayB, monthB, yearB] = b.event_date.split(\"/\").map(Number);\n const dateA = new Date(yearA, monthA - 1, dayA);\n const dateB = new Date(yearB, monthB - 1, dayB);\n return dateA - dateB;\n });\n\n setLoading(false);\n setLogs(dataSorted);\n\n if (dataSorted.length === 0) {\n showSnackbar({\n content: \"Nenhuma informação encontrada\",\n style: \"info\",\n });\n }\n })\n .catch((e) => {\n setLoading(false);\n showSnackbar({\n content: \"Não foi possível encontrar a transação\",\n style: \"error\",\n });\n });\n }\n };\n\n return (\n \n
\n \n \n Sincronização do extrato pma\n
\n\n \n \n Intervalo em horas para sincronizar\n \n this.setState({ interval: e.target.value })}\n style={{ height: \"37px\", marginRight: \"15px\", width: \"250px\" }}\n >\n {[\n 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18,\n 19, 20, 21, 22, 23, 24,\n ].map((n, i) => (\n \n ))}\n \n \n \n
\n \n Deve selecionar o intervalo de tempo que o extrato será\n sincronizado, e o extrato será sincronizado de forma assincrona de\n tal forma que é possivel continuar utilizando a plataforma\n enquanto o extrato é sincronizado em background.\n
\n\n \n
\n \n
\n \n \n \n \n
\n {this.props.companyName}
\nPlano atual
\n- \n
- \n
{this.props.planName}
\n \n
\n \n
\n }\n\n renderFeatureGroup(index, group) {\n return \n
\n {this.state.groups.map((group, idx) => this.renderFeatureGroup(idx, group))}\n Funcionalidade sempre ativa?
\n Disponível nos planos:
\n {group.attributes.group_name}
\n\n {group.attributes.features.map((feature, fIndex) => this.renderFeature(fIndex, feature))}\n
\n \n
;\n }\n\n renderAlwaysActiveSelector(feature) {\n return {feature.title}
\n \n {this.renderAlwaysActiveSelector(feature)}\n
\n \n {this.renderPlanAvailabilities(feature)}\n
\n \n \n
;\n }\n\n renderPlanAvailabilities(feature) {\n return Array.from({ length: PLANS_LEVELS }, (_, idx) =>\n \n \n
\n );\n }\n}\n","export default class BistroFeaturesRepository {\n constructor(endpoint) {\n this.endpoint = endpoint\n }\n\n getFeatures() {\n return $.ajax({type: \"GET\", dataType: \"json\", url: `${this.endpoint}`})\n }\n\n updateFeature(feature, alwaysActive) {\n return $.ajax({\n type: \"PUT\",\n contentType: \"application/json\",\n url: `${this.endpoint}/${feature.id}`,\n data: JSON.stringify({\n data: {\n always_active: alwaysActive\n }\n }),\n })\n }\n\n enablePlan(feature, planLevel) {\n return $.ajax({\n type: \"POST\",\n contentType: \"application/json\",\n url: `${this.endpoint}/${feature.id}/enable`,\n data: JSON.stringify(enableRequestBody(planLevel, feature)),\n })\n }\n\n disablePlan(feature, planLevel) {\n return $.ajax({\n type: \"POST\",\n contentType: \"application/json\",\n url: `${this.endpoint}/${feature.id}/disable`,\n data: JSON.stringify({\n data: {\n plan_level: planLevel\n }\n }),\n })\n }\n}\n\nconst enableRequestBody = (planLevel, feature) => {\n return {\n data: {\n plan_level: planLevel,\n always_active: feature.always_active\n }\n };\n}","import React from \"react\";\nimport {ShadowTheme} from \"../../admin/ShadowTemplate\";\nimport {LightboxForm} from \"./form/LightboxForm\";\nimport {hot} from \"react-hot-loader\";\n\nconst LightboxEditShadow = (props) => {\n return \n \n {confirmLabel}\n \n \n {'Visualizar'}\n \n \n Voltar\n \n
\n \n \n Continuar\n \n
\n \n
\n
\n \n {'Continuar'}\n \n \n Voltar\n \n
\n despesas corporativas\n
\n
\n );\n } else {\n return(\n {\n this.state.reimbursements.map((reimbursement, index) => (\n
\n {this.state.advances.every(a => !a.suggested) &&\n \n Resultado\n\n
\n ))\n }\n \n
\n \n
\n ️\n O usuário solicitou o reembolso desse relatório\n
}\nEste relatório não possui reembolsos.
);\n }\n }\n\n renderAdvances() {\n if (this.state.advances.length > 0) {\n return(\n\n \n
\n\n Saldo disponível
\nOs adiantamentos selecionados abaixo vão ser utilizados para descontar o valor das\n despesas reembolsáveis.
\n {this.renderAdvanceSection()}\n\n
;\n }\n return this.state.advances.map((advance, i) => this.renderAdvanceItem(i, advance));\n }\n\n renderAdvanceItem(index, advance) {\n return Sugeridos pelo usuário:
\n {this.state.advances.filter(advance => advance.suggested)\n .map((advance, i) => this.renderAdvanceItem(i, advance))}\nOutros adiantamentos:
\n {this.state.advances.filter(advance => !advance.suggested)\n .map((advance, i) => this.renderAdvanceItem(i, advance))}\n\n \n
;\n }\n\n renderFinancialApproveOption() {\n if (this.props.is_financial && this.hasReimbursements()) {\n return(\n\n \n
\n\n Transferência
\nO valor já foi para a conta do funcionário?
\n\n\n \n
\n\n\n \n
\n\n
\n );\n }\n}\n\nexport default Balance;\n\nBalance.defaultProps = {\n balance: \"R$ 0,00\",\n income: null,\n};\n","import { useTheme } from \"@emotion/react\";\nimport { Box } from \"@mui/material\";\nimport React from \"react\";\n\nconst BaristaIcon = ({icon}) => {\n const theme = useTheme();\n const primary = theme.palette.primary.main;\n const secondary = theme.palette.secondary.main;\n return (\n \n
\n \n
\n \n
\n \n
\n {this.props.income && (\n <>\n \n {this.props.income && (\n {this.props.balance}
\n Saldo disponível\n\n
\n )}\n \n )}\n {this.props.income}
\n Rendimentos este mês\n{item.description || \"-\"}
\n \n ))}\n \n );\n }\n}\n\nCardInfos.defaultProps = {\n items: [],\n sections: [],\n border: false,\n moreSpace: false,\n};\n\nexport default CardInfos;\n","import React from \"react\";\nimport currency from \"currency.js/dist/currency.min.js\";\n\nclass Currency extends React.Component {\n render() {\n return (\n\n \n this.setState({\n ...this.state,\n selects: {\n ...this.state.selects,\n [this.state.modalReference]: list,\n },\n })\n }\n />\n
\n \n );\n }\n\n // Custom methods\n\n renderMoreFilters() {\n return (\n \n
\n \n Defina os filtros
\n\n \n FILTROS\n
\n \n - \n {Object.keys(this.props.filters).map((filter, idx) => (\n
- \n
\n
\n );\n }\n\n clearFilters() {\n const state = {\n period: \"\",\n search: \"\",\n selects: {},\n showModal: false,\n modalReference: \"\",\n };\n this.setState(state);\n this.props.onFilter({ ...state, showFilter: false });\n }\n\n handleModal(reference) {\n this.setState({\n ...this.state,\n showModal: !this.state.showModal,\n modalReference: reference,\n });\n }\n}\n\nFilter.defaultProps = {\n searchPlaceholder: \"\",\n showPeriodFilter: true,\n searchAfterEachChar: true,\n onFilter: Function,\n filters: {},\n};\n\nexport default Filter;\n","import React from \"react\";\n\nclass InputDateRangePicker extends React.Component {\n state = {};\n\n componentDidUpdate(prevProps, prevState) {\n if (\n (prevProps.period !== this.props.period && this.props.period === \"\") ||\n (prevProps.period === \"\" && this.props.period === \"\")\n ) {\n $(\"input#date-period.range-datepicker\").val(\"\");\n }\n }\n\n render() {\n /* istanbul ignore next */\n $(\"input#date-period.range-datepicker\").on(\n \"apply.daterangepicker\",\n function (ev, picker) {\n const auxiliarElement = document.getElementById(\"auxiliar-date-period\");\n auxiliarElement.value =\n picker.startDate.format(\"DD-MM-YYYY\") +\n \" \" +\n picker.endDate.format(\"DD-MM-YYYY\");\n auxiliarElement.click();\n\n $(this).val(\n picker.startDate.format(\"DD/MM/YYYY\") +\n \" - \" +\n picker.endDate.format(\"DD/MM/YYYY\")\n );\n }\n );\n\n return (\n \n this.handleModal(filter)}\n >\n {this.props.filters[filter].label}{\" \"}\n {this.state.selects[filter].length > 1\n ? `(${this.state.selects[filter].length} selecionados)`\n : `(${\n this.props.filters[filter].list.find(\n (el) => el.id === this.state.selects[filter][0]\n )?.label\n })`}\n \n {\n const selects = this.state.selects;\n delete selects[filter];\n this.setState({ ...this.state, selects: selects });\n }}\n />\n
\n - \n {this.state.atualPage === 1 ? (\n this.renderDisableItem(\n ,\n \"previous-page\"\n )\n ) : (\n
- \n
- \n \n {this.state.atualPage}\n \n \n\n {[1, 2, 3, 4]\n .filter((e) => e + this.state.atualPage <= this.state.totalPage)\n .map((el, idx) =>\n this.renderPageItem(el + this.state.atualPage, idx)\n )}\n\n {this.state.totalPage - this.state.atualPage > 4 &&\n this.renderDisableItem(\"...\")}\n\n {this.state.totalPage === this.state.atualPage ? (\n this.renderDisableItem(\n ,\n \"next-page\"\n )\n ) : (\n
- \n
\n
\n );\n }\n}\n\nPasswordInput.defaultProps = {\n required: false,\n placeholder: \"\",\n id: \"\",\n label: \"\",\n active: true,\n classField: \"\",\n onChange: () => {},\n labelClass: \"\",\n inputClass: \"\",\n};\n\nexport default PasswordInput;\n","import {Box, Typography} from \"@mui/material\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport React from \"react\";\n\nexport const LinearProgressWithLabel = (props) => {\n return (\n \n {\n this.setState({ ...this.state, value: evt.target.value });\n this.props.onChange(evt);\n }}\n value={this.props.value}\n autoComplete={\"off\"}\n />\n 0),\n })}\n >\n {this.props.label}\n \n {\n this.setState({ ...this.state, toggle: !this.state.toggle });\n }}\n >\n
\n \n {label}\n
\n );\n }\n}\n\nQuickSearch.defaultProps = {\n placeholder: \"Buscar\",\n label: \"Busca rápida\",\n value: \"\",\n onChange: Function,\n onKeyDown: Function\n};\n\nexport default QuickSearch;\n","import React from \"react\";\n\nclass SearchField extends React.Component {\n state = {};\n\n render() {\n return (\n \n
\n \n \n Buscar\n \n
\n );\n }\n}\n\nSearchField.defaultProps = {\n placeholder: \"\",\n onChange: Function,\n onKeyDown: Function,\n value: \"\",\n customClass: \"\",\n labelGray: false,\n};\n\nexport default SearchField;\n","import React from \"react\";\nimport { initTabs } from \"./jquery_wrapper\";\nimport classNames from \"classnames\";\n\nclass SelectTab extends React.Component {\n componentDidMount() {\n initTabs();\n }\n\n componentDidUpdate(prevProps, prevState) {\n initTabs();\n\n if (prevProps.list !== this.props.list && this.props.indicator === false) {\n const indicators = document.getElementsByClassName(\"indicator\");\n\n if (indicators.length > 0) {\n indicators[0].classList.add(\"hide\");\n }\n }\n }\n\n render() {\n return (\n \n}\n\nexport default hot(module)(ShadowComponent);","import React from \"react\";\n\nimport classNames from \"classnames\";\n\nclass Stage extends React.Component {\n render() {\n return (\n
\n \n ))}\n \n );\n }\n}\n\nStage.defaultProps = {\n list: [],\n edit: false,\n};\n\nexport default Stage;\n","import React from \"react\";\n\nimport PasswordInput from \"./PasswordInput\";\nimport classNames from \"classnames\";\n\nclass StrongPassword extends React.Component {\n state = {\n color: \"\",\n percent: 0,\n label: \"\",\n password: \"\",\n passwordConfirmation: \"\",\n pwdConfirmationDifferent: false,\n quantity: false,\n lowerLetter: false,\n capitalLetter: false,\n number: false,\n special: false,\n };\n\n render() {\n return (\n \n {this.props.list.map((item, idx, arr) => (\n \n {idx !== 0 && (\n \n {item.label}\n
\n \n {arr[idx + 1]?.active ? (\n item.selectStage && this.props.edit ? (\n \n ) : (\n \n )\n ) : (\n \n
\n )}\n {idx + 1}
\n \n {this.state.pwdConfirmationDifferent &&\n \"As senhas não são iguais\"}\n
\n\n 0 ? \"8px\" : \"0\"}`,\n width: `${percent}%`,\n }}\n >\n {this.state.label}\n
\n \n );\n }\n\n renderChecks() {\n const pswdNotBlank = this.state.password.length > 0;\n const textRight = \"match\";\n const textWrong = \"dont-match\";\n const iconRight = \"check\";\n const iconWrong = \"close\";\n\n return (\n - \n { \n data.map((item, index) =>\n
\n 0 && \"collection\"\n } z-depth-1 white`}\n style={{ padding: `${this.props.hasTableheader && \"20px\"}` }}\n >\n \n {this.props.hasTableheader && (\n \n
\n
\n \n );\n }\n\n quantityOfCollumns() {\n return [\n this.props.hasSubAccount,\n this.props.hasName,\n this.props.hasUser,\n this.props.hasCard,\n true,\n this.props.hasReceipt,\n this.props.hasReportLink,\n ].filter((item) => item).length;\n }\n\n widthCollumn() {\n return `${(100 - this.state.minWidth) / this.quantityOfCollumns()}%`;\n }\n}\n\nAvatarAndDetail.defaultProps = {\n headers: { first: \"Descrição\", last: \"Data\" },\n hasTableheader: false,\n list: [],\n baseLinkToDetail: \"#\",\n hasAvatar: true,\n hasUser: false,\n hasSubAccount: false,\n hasName: false,\n hasCard: false,\n hasReceipt: false,\n};\n\nexport default AvatarAndDetail;\n","import React from \"react\";\nimport CardType from \"../../account/parsers/CardType\";\n\nclass Card extends React.Component {\n state = {};\n render() {\n return (\n | }\n | Subconta | \n )}\n {this.props.hasName && (\n\n Nome do Cartão\n | \n )}\n {this.props.hasUser && (\nUsuário | \n )}\n {this.props.hasCard && (\nCartão | \n )}\nComprovante | \n )}\n {this.props.hasReportLink && (\nRelatório | \n )}\n\n {item?.sub_account}\n | \n )}\n {this.props.hasName && (\n{item?.name} | \n )}\n {this.props.hasUser && (\n\n {item?.user_name}\n | \n )}\n {this.props.hasCard && (\n{item?.card} | \n )}\n\n | \n )}\n \n ))}\n
|---|
\n
\n );\n }\n}\n\nCard.defaultProps = {\n cards: [],\n};\nexport default Card;\n","import React from \"react\";\n\nimport ModalDetails from \"../modals/Details\";\nimport classNames from \"classnames\";\nclass WithModalDetail extends React.Component {\n state = {\n details: [],\n sectionsList: [],\n sectionsTittles: [],\n modalActionButton: false,\n buttonOnClick: Function,\n };\n\n render() {\n return (\n \n \n \n
\n
\n | Final | \nTipo | \nData de criação | \nStatus | \n
|---|---|---|---|
| {card?.description} | \n\n | \n {card?.created_at} | \n\n | \n
\n \n \n
\n {this.props.list.length === 0 &&
\n | {el.title} | \n ))}\n{el[idxh] || \"-\"} | \n ))}\n \n ))}\n
|---|
Nenhuma dado encontrado!
}\n\n
\n );\n }\n}\n\nDetails.defaultProps = {\n details: [],\n sectionsList: [],\n sectionsTittles: [],\n tittle: \"\",\n actionButton: false,\n buttonOnClick: Function,\n buttonLabel: \"\",\n};\n\nexport default Details;\n","import React from \"react\";\n\nclass FilterMultiSelect extends React.Component {\n state = { selecteds: [] };\n\n componentDidMount() {\n this.setState({ selecteds: this.props.selecteds });\n }\n componentDidUpdate(prevProps, prevState) {\n if (\n this.props.selecteds !== prevProps.selecteds &&\n this.props.selecteds !== this.state.selecteds\n ) {\n this.setState({ selecteds: this.props.selecteds });\n }\n }\n\n render() {\n return (\n \n \n \n ))}\n
\n \n \n {this.props.tittle}\n
\n {this.props.details.length > 0 && (\n{this.props.sectionsTittles[i]}
\n\n {this.props.actionButton && (\n \n {this.props.buttonLabel}\n \n )}\n \n
\n \n
\n Selecionar {this.props.title}
\nMarque para refinar o filtro
\n\n
\n \n {this.props.list.map((el, idx) => (\n
\n \n \n
\n ))}\n\n
\n \n );\n }\n\n handleSelect(selected) {\n let list = [...this.state.selecteds];\n const idx = list.findIndex((e) => e === selected);\n\n if (list.includes(selected)) {\n list.splice(idx, 1);\n this.setState({ ...this.state, selecteds: list });\n } else {\n list.push(selected);\n this.setState({ ...this.state, selecteds: list });\n }\n }\n}\n\nFilterMultiSelect.defaultProps = {\n title: \"\",\n list: [],\n selecteds: [],\n handleSelect: Function,\n};\n\nexport default FilterMultiSelect;\n","import React from \"react\";\n\nimport { initModals, showSnackbar } from \"../jquery_wrapper\";\n\nclass SubAccountCancel extends React.Component {\n state = { canceling: false, id: \"\" };\n\n componentDidMount() {\n initModals();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.card !== this.props.card) {\n this.setState({ ...this.props.card });\n }\n }\n\n render() {\n return (\n \n
\n \n \n Cancelar\n \n this.props.handleSelect(this.state.selecteds)}\n >\n Selecionar\n \n
\n \n
\n\n Cancelar cartão assinaturas
\n \n\n \n \n\n
\n \n );\n }\n\n handleCancel() {\n this.setState({ canceling: true });\n\n $.ajax({\n type: \"DELETE\",\n url: this.props.endpoints.cancel.replace(\"sub_account_id\", this.state.id),\n })\n .then((r) => {\n showSnackbar({ content: \"Cartão cancelado!\", style: \"notice\" });\n\n window.location.reload(false);\n })\n .catch((e) => {\n this.setState({ canceling: false });\n\n showSnackbar({\n content: \"Não foi possivel cancelar o cartão!\",\n style: \"alert\",\n });\n });\n }\n}\n\nSubAccountCancel.defaultProsp = {\n card: { id: \"\" },\n endpoints: {\n cancel: \"\",\n },\n};\n\nexport default SubAccountCancel;\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport { initModals, showSnackbar } from \"../jquery_wrapper\";\nimport SubscriptionForm from \"../../account/forms/Subscription\";\nimport MaskedInput from \"../inputs/Masked\";\nimport CardSensitiveData from \"../../account/parsers/CardSensitiveData.jsx\";\nimport CardType from \"../../account/parsers/CardType\";\nimport { parserCurrencyBRLValue, parserValueWithBrlCurrency } from \"../helpers\";\nimport { balance_admin_account_merchants_sub_account_path } from \"../../../routes.js\";\nimport { calcNewBalance, parseAmount as parserValue } from \"../../shared/balance_service.js\";\n\nclass Subscription extends React.Component {\n state = {\n showAdjustBalance: false,\n showForm: false,\n showBlock: false,\n showCard: false,\n form_type: \"\",\n adjust_balance: parserValueWithBrlCurrency(\"0\"),\n try_to_adjust: false,\n adjusting: false,\n blocking: false,\n operation: \"\",\n withdrawAll: false,\n balance_account: this.props.balance_account\n };\n\n componentDidMount() {\n initModals();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.update !== this.props.update) {\n this.setState({\n ...this.props.card,\n unblock: this.props.unblock,\n showAdjustBalance: false,\n showForm: false,\n showBlock: false,\n showCard: false,\n });\n }\n\n if (prevProps.update !== this.props.update && this.props.unblock) {\n this.setState({ showForm: true, form_type: \"unblock\" });\n }\n }\n\n render() {\n return (\n \n \n
\n O cancelamento do cartão é irreversível. Pense bem antes de\n prosseguir.\n \n this.handleCancel()}\n >\n {this.state.canceling ? \"cancelando...\" : \"cancelar cartão\"}\n \n
\n \n {this.props.unblock && \"Desbloquear \"}\n {this.state.description || \"Assinaturas\"}\n
\n \n\n {!this.props.unblock && (\n \n this.setState({ showCard: show })}\n sub_account_id={this.state.id}\n card_id={this.state.card_id}\n />\n {!this.state.showCard && this.renderButtonsEditBlock()}\n \n )}\n\n {this.state.showCard && !this.props.unblock && (\n {this.renderButtonsEditBlock()} \n )}\n\n {this.state.showForm && this.props.can_manage && (\n \n \n )}\n\n {!this.props.unblock && (\n \n {this.state.showBlock &&\n this.props.can_manage &&\n this.renderBlock()}\n\n {!this.state.showBlock &&\n !this.state.showForm &&\n this.renderAdjustBalance()}\n \n )}\n
\n \n );\n }\n\n renderButtonsEditBlock() {\n return (\n !this.props.unblock &&\n this.props.can_manage && (\n \n \n this.setState({\n showBlock: false,\n showForm: !this.state.showForm,\n form_type: \"update\",\n })\n }\n >\n \n
\n \n
\n {this.props.can_manage ? \"Ajustar s\" : \"S\"}aldo
\n {this.props.can_manage && (\n \n )}\n\n \n
\n \n Saldo disponível no cartão:{\" \"}\n {parserCurrencyBRLValue(this.state.balance)}\n
\n\n
\n \n {this.state.description || \"Assinaturas\"}\n
\nSelecione uma das opções para definir o saldo atual do cartão:
\n\n\n
\n\n \n \n
\n \n \n
\n \n \n
\n \n Saldo disponível na conta digital:{\" \"}\n {this.state.balance_account}\n
\n\n\n \n
\n )}\n \n this.setState({ showAdjustBalance: false })}\n >\n cancelar\n \n this.handleAdjustBalance()}\n >\n {this.state.adjusting ? \"ajustando...\" : \"ajustar\"}\n \n
\n Tem certeza que deseja bloquear o seu cartão?
\n\n this.handleblock()}\n >\n {this.state.blocking ? \"bloqueando\" : \"bloquear cartão\"}\n \n
\n \n {this.renderSearchField()}\n
\n \n \n Esta conta ainda não possui subcontas! Entre em contato com o\n suporte e solicite suas primeiras subcontas!\n \n
\n )}\n \n \n this.setState({\n ...this.state,\n showFilter: !this.state.showFilter,\n })\n }\n >\n \n \n FILTRAR VISUALIZAÇÃO\n \n
\n ,\n ]}\n />\n