\n \n {plan.free ? (\n Gratuito\n ) : (\n
\n {!plan.free && plan.originalPrice !== plan.price && (\n
\n \n {formatCurrency(price)} / mês\n
\n \n {\" \"}\n plano {plan?.interval.toLocaleLowerCase()}\n \n
\n {cupomInfo?.type && (\n \n {\" \"}\n cupom de desconto de{\" \"}\n {cupomInfo?.type === \"percent\"\n ? `${cupomInfo?.discountValue}%`\n : formatCurrency(cupomInfo?.discountValue)}\n \n )}\n
\n )}\n \n \n {\" \"}\n plano {plan?.interval.toLocaleLowerCase()}\n \n
\n {cupomInfo?.type && (\n \n {\" \"}\n cupom de desconto de{\" \"}\n {cupomInfo?.type === \"percent\"\n ? `${cupomInfo?.discountValue}%`\n : formatCurrency(cupomInfo?.discountValue)}\n \n )}\n
\n {!plan.free && plan.originalPrice !== plan.price && (\n
\n \n {formatCurrency(plan.originalPrice)}{\" \"}\n \n {`${plan.percentDiscount}% de desconto ${\n plan.discountText ? plan.discountText : \"\"\n }`}\n
\n )}\n \n \n \n {feature.name}\n {feature?.secondaryIcon}\n \n {feature.icon}\n
\n ))}\n \n \n {plan.descriptions.map((feature: any) => (\n
\n \n \n {feature.label}\n {feature.info}\n \n {feature.icon}\n
\n ))}\n \n 
\n
\n \n {loading ? (\n <>\n navigate(\"/p/login\")}\n >\n Tentar fazer login manualmente\n \n )}\n
\n Logando...
\n\n
\n \n
\n \n \n \n 0}\n InputProps={{ inputComponent: MaskCPF as any }}\n />\n \n\n \n 0}\n />\n \n\n
\n Acesse sua conta
\n\n
\n \n navigate(\"/p/forgot-password\")}\n >\n Esqueci minha senha\n \n
\n \n\n \n Ainda não possui uma conta?\n \n
\n \n
\n \n \n \n 0}\n />\n \n\n \n 0}\n InputProps={{ inputComponent: MaskCPF as any }}\n />\n \n\n \n 0}\n />\n \n\n \n \n Senha \n 0}\n endAdornment={\n \n e.preventDefault()}\n onClick={() => setShowPassword((show) => !show)}\n edge=\"end\"\n >\n {showPassword ? \n }\n />\n \n \n\n e.target.checked}\n >\n \n \n Li, entendi e estou de acordo com os{\" \"}\n \n Termos de Uso\n \n ,{\" \"}\n \n Política de Privacidade\n {\" \"}\n e{\" \"}\n \n Política de Cookies\n {\" \"}\n do Velotax\n \n \n \n\n
\n Faça seu cadastro
\n\n
\n \n\n \n Já possui uma conta?\n navigate(\"/p/login\")}\n >\n Entrar\n \n
\n \n Sucesso! \n \n Agora você já consegue acessar todos os módulos da plataforma e emitir\n DARFs ilimitados sem custo adicional.\n \n {\n navigate(\"/carteira\");\n }}\n >\n Continuar\n \n {/*
\n \n
\n \n \n Você ganhou um cupom de desconto para adquirir seu ingresso Expert\n Warren 2023.\n \n \n Acesse{\" \"}\n \n www.expertxp.com.br\n {\" \"}\n e utilize o cupom \"VelotaxNaExpertXP\".\n \n
*/}\n \n {payload[0]?.payload?.dividendo > 0 && (\n \n Dividendos: R${\" \"}\n {payload[0]?.payload?.dividendo.toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload?.dividendo * 100) / total).toFixed(2)\n : 0}\n %)\n \n )}\n {payload[0]?.payload?.rendimento > 0 && (\n \n Rendimento: R${\" \"}\n {payload[0]?.payload?.rendimento.toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload?.rendimento * 100) / total).toFixed(2)\n : 0}\n %)\n \n )}\n {payload[0]?.payload?.juros > 0 && (\n \n Juros sobre capital próprio: R${\" \"}\n {payload[0]?.payload?.juros.toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload?.juros * 100) / total).toFixed(2)\n : 0}\n %)\n \n )}\n {payload[0]?.payload?.amortizacao > 0 && (\n \n Amortização: R${\" \"}\n {payload[0]?.payload?.amortizacao.toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload?.amortizacao * 100) / total).toFixed(\n 2\n )\n : 0}\n %)\n \n )}\n {payload[0]?.payload?.bonds > 0 && (\n \n Cupom: R${\" \"}\n {payload[0]?.payload?.bonds.toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload?.bonds * 100) / total).toFixed(2)\n : 0}\n %)\n \n )}\n
\n \n );\n }\n if (typeProventos === \"corretora\" && payload?.[0]) {\n const keys = Object.keys(payload[0]?.payload || {});\n let total = 0;\n keys.forEach((el) => {\n if (el !== \"name\") {\n total += payload[0]?.payload[el] || 0;\n }\n });\n\n return (\n \n {keys.map((el) => {\n if (el !== \"name\") {\n return (\n \n {el}: R${\" \"}\n {payload[0]?.payload[el].toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload[el] * 100) / total).toFixed(2)\n : 0}\n %)\n \n );\n }\n return <>;\n })}\n
\n );\n }\n if (typeProventos === \"data\" && payload?.[0]) {\n const total =\n payload[0]?.payload?.futuro + payload[0]?.payload?.liquidado;\n return (\n <>\n \n \n Futuro: R${\" \"}\n {payload[0]?.payload?.futuro?.toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload?.futuro * 100) / total).toFixed(2)\n : 0}\n %)\n \n \n Liquidado: R${\" \"}\n {payload[0]?.payload?.liquidado.toLocaleString(\"pt-br\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}{\" \"}\n (\n {total > 0\n ? ((payload[0]?.payload?.liquidado * 100) / total).toFixed(2)\n : 0}\n %)\n \n
\n \n );\n }\n return <>;\n };\n return loading ? (\n \n Voltar\n
\n }\n {...(isMobile() ? { width: \"100%\" } : { width: \"420px\" })}\n >\n \n \n Baixar\n \n \n
\n \n \n Qual tipo de arquivo deseja baixar?\n \n
\n \n
\n \n
\n ),\n};\n\nconst JurosModalProps = {\n title: \"Juros de Atraso\",\n content: (\n \n O pagamento dos impostos deve ser feito sempre até o último dia útil do\n mês subsequente aos ganhos realizados.\n
\n\n Caso você tenha atrasado no pagamento do seu DARF, a sua multa de atraso\n será de 0,33% por dia de atraso (chegando, no máximo, a 20%) sobre o\n valor do principal, calculados a partir do primeiro dia útil depois do\n dia do vencimento do DARF.\n
\n\n
\n ),\n};\n\nexport const MinPriceModalProps = {\n title: <>DARF abaixo de {formatCurrency(minDarfPrice)},\n content: (\n \n O pagamento dos impostos deve ser feito sempre até o último dia útil do\n mês subsequente aos ganhos realizados.\n
\n\n Caso você tenha atrasado no pagamento do seu DARF, os seus juros de\n atraso serão equivalentes a taxa Selic acumulada até o mês anterior ao\n do pagamento, mais 1% no mês do pagamento, sobre o valor principal,\n contados a partir do mês subsequente ao vencimento do DARF.\n
\n\n
\n ),\n};\n\nconst AliquotaModalProps = {\n title: \"Alíquota sobre ganhos com ativos no exterior\",\n content: (\n \n O sistema da Receita Federal não permite a emissão de um único DARF com\n valor abaixo de {formatCurrency(minDarfPrice)}.\n
\n\n Caso seu DARF tenha ficado com um valor abaixo de{\" \"}\n {formatCurrency(minDarfPrice)}, o valor será repassado automaticamente\n para o mês seguinte e ficará visível no campo{\" \"}\n \n DARFs passados abaixo de {formatCurrency(minDarfPrice)}\n \n .\n
\n\n
\n ),\n};\n\nconst EmitirDarfModalProps = (onCancel: () => void, onOk: () => void) => ({\n title: \"Você confirma a emissão do DARF?\",\n footer: \n Caso o valor total vendido no mês seja superior a R$ 35 mil, os ganhos\n obtidos serão tributados a título de ganho de capital. As alíquotas\n (percentuais) aplicadas sobre o lucro são progressivas:\n
\n- \n
\n
\n ),\n});\n\nconst ReemitirDarfModalProps = (onCancel: () => void, onOk: () => void) => ({\n title: \"Você confirma a emissão de um novo DARF?\",\n footer: \n O arquivo gerado ficará disponível na aba Histórico e será enviado para\n o seu e-mail cadastrado.\n
\n\n
\n ),\n});\n\nexport const DarfModal = (\n reemit: boolean,\n onCancel: () => void,\n onOk: () => void\n) =>\n reemit\n ? ReemitirDarfModalProps(onCancel, onOk)\n : EmitirDarfModalProps(onCancel, onOk);\n\ninterface IEdit {\n value: any;\n id: string;\n isEditting: boolean;\n}\ninterface DarfResultDescriptionsProps {\n id: string;\n label: (onClick: Function) => React.ReactNode;\n Component: React.FC<{\n data: IDarf | IDarfBolsa;\n url: string;\n year: number;\n month: number;\n loading: boolean;\n disabled: boolean;\n view?: boolean;\n handleEdit?: Function;\n setDataCripto?: React.Dispatch\n Ao confirmar, o DARF anterior será substituido. O arquivo gerado\n ficará disponível na aba Histórico e será enviado para o seu e-mail\n cadastrado.\n
\n\n {!isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n {\n const value = currencyToNumber(changed.impostoAcumulado);\n editForm.setFieldsValue({ impostoAcumulado: value });\n setEdit((edit) => ({ ...edit!, value }));\n }}\n >\n \n typeof value === \"number\" &&\n value >= 0 &&\n value < minDarfPrice\n ? Promise.resolve()\n : Promise.reject(),\n },\n ]}\n >\n = minDarfPrice}\n >\n Ok\n \n {isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n
\n ) : (\n \n {formatCurrency(\n Number(\n (data as IDarfBolsa)[\"userIrrfTotal\"] ||\n (data as IDarfBolsa)[\"irrfTotal\"] ||\n 0\n )\n )}\n
\n ),\n },\n {\n id: \"irrfExterior\",\n label: () => (\n \n {formatCurrency(\n Number(\n (data as IDarfBolsa)[\"irrfExterior\"] ||\n 0\n )\n )}\n {/*
\n )},\n },\n {\n id: \"multa\",\n label: (onClick: any) => (\n \n (+) Multa de atraso{\" \"}\n
\n ),\n Component: ({ data }) =>\n formatCurrency(\n (data[\"impostoDevido\"] || 0) + (data[\"impostoAcumulado\"] || 0) - (data[\"irrfExterior\"] || 0) >=\n minDarfPrice\n ? Number(data[\"multa\"])\n : 0\n ),\n },\n {\n id: \"juros\",\n label: (onClick: any) => (\n \n (+) Juros e/ou encargos de atraso{\" \"}\n
\n ),\n Component: ({ data }) =>\n formatCurrency(\n (data[\"impostoDevido\"] || 0) + (data[\"impostoAcumulado\"] || 0) - (data[\"irrfExterior\"] || 0) >=\n minDarfPrice\n ? Number(data[\"juros\"])\n : 0\n ),\n },\n];\n\nexport const DarfResultDescriptions: DarfResultDescriptionsProps[] = [\n {\n id: \"impostoDevido\",\n label: () => \"(+) Valor do principal\",\n Component: ({ data, view }) =>\n formatCurrency(\n Number(data[\"impostoDevido\"] || 0) +\n Number(data[\"impostoAcumulado\"] || 0)\n ),\n },\n {\n id: \"impostoDevido\",\n label: () => (\n \n {!isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n {\n const value = currencyToNumber(changed.impostoAcumulado);\n editForm.setFieldsValue({ impostoAcumulado: value });\n setEdit((edit) => ({ ...edit!, value }));\n }}\n >\n \n typeof value === \"number\" &&\n value >= 0 &&\n value < minDarfPrice\n ? Promise.resolve()\n : Promise.reject(),\n },\n ]}\n >\n = minDarfPrice}\n >\n Ok\n \n {isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n
\n ) : (\n \n {formatCurrency(\n Number(\n (data as IDarfBolsa)[\"userIrrfTotal\"] ||\n (data as IDarfBolsa)[\"irrfTotal\"] ||\n 0\n )\n )}\n
\n ),\n },\n {\n id: \"multa\",\n label: (onClick: any) => (\n \n (+) Multa de atraso{\" \"}\n
\n ),\n Component: ({ data }) =>\n formatCurrency(\n (data[\"impostoDevido\"] || 0) + (data[\"impostoAcumulado\"] || 0) >=\n minDarfPrice\n ? Number(data[\"multa\"])\n : 0\n ),\n },\n {\n id: \"juros\",\n label: (onClick: any) => (\n \n (+) Juros e/ou encargos de atraso{\" \"}\n
\n ),\n Component: ({ data }) =>\n formatCurrency(\n (data[\"impostoDevido\"] || 0) + (data[\"impostoAcumulado\"] || 0) >=\n minDarfPrice\n ? Number(data[\"juros\"])\n : 0\n ),\n },\n];\n\nexport const DarfImpostosDevidosDescriptions = [\n {\n id: \"totalGanho\",\n label: () => \"Ganho total\",\n },\n {\n id: \"prejuizoExterior\",\n label: () => \"(-) Prejuízos a compensar\",\n render: (data: any, view?: boolean, year?: number) => {\n return formatCurrency(Number(data[\"prejuizoExterior\"] || 0))\n },\n },\n {\n id: \"aliquotaDevida\",\n label: (onClick: any, year?: number) => (\n \n (x) Alíquota devida\n {(year || 0) < yearConfigPL4173 &&
\n ),\n render: (data: any, view?: any, year?: number) =>\n `${replaceDotByComma(\n Number(((year || 0) >= yearConfigPL4173 ? 15 : (data[\"aliquotaDevida\"] || 0)).toFixed(2))\n )} %`,\n },\n {\n id: \"impostoDevido\",\n label: () => \"Imposto devido\",\n render: (data: any, view?: boolean, year?: number) =>\n formatCurrency(\n !view\n ? Math.max(Number(data[\"impostoDevido\"]) || 0, 0) || Math.max(Number(data[\"totalImpostoDevido\"]) || 0, 0)\n : Math.max(Number(data[\"impostoDevido\"]) || 0, 0) || Math.max(Number(data[\"totalImpostoDevido\"]) || 0, 0)\n )\n },\n];\n\nconst FormItemsBolsa = {\n id: TextFormItem({\n name: \"id\",\n label: \"Id\",\n hidden: true,\n }),\n date: (month: number, year: number) =>\n DateFormItem({\n name: \"date\",\n label: `Dia do mês de ${months[month]}/${year}`,\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n }),\n code: (placeholder: string) =>\n TextFormItem({\n name: \"code\",\n label: \"Ativo\",\n placeholder,\n rules: validationFieldRequired,\n }),\n quantity: (placeholder: string) =>\n NumberFormItem({\n name: \"quantity\",\n label: \"Quantidade\",\n placeholder,\n decimalScale: 12,\n rules: validationNumberFieldPositive,\n }),\n avgBuyPrice: CurrencyFormItem({\n name: \"avgBuyPrice\",\n label: \"Custo de compra\",\n }),\n price: CurrencyFormItem({ name: \"price\", label: \"Preço de venda\" }),\n feeB3: CurrencyFormItem({ name: \"feeB3\", label: \"Taxas\" }),\n capitalGain: CurrencyFormItem({\n name: \"capitalGain\",\n label: \"Ganho\",\n disabled: true,\n allowNegative: true,\n rules: validationNumberAllowNegativeField,\n onChange: (changed, values) => {\n const precoVenda = changed.price\n ? currencyToNumber(changed.price)\n : values.price;\n const custoCompra = changed.avgBuyPrice\n ? currencyToNumber(changed.avgBuyPrice)\n : values.avgBuyPrice;\n const taxas = changed.feeB3\n ? currencyToNumber(changed.feeB3)\n : values.feeB3;\n return Number(values.quantity) * (precoVenda - custoCompra) - taxas;\n },\n }),\n operacao: SelectFormItem({\n name: \"operacao\",\n label: \"Operação\",\n placeholder: \"Selecione\",\n options: [\n { label: \"Comum\", value: \"Comum\" },\n { label: \"Day Trade\", value: \"Day Trade\" },\n { label: \"Fundos Imobiliários\", value: \"FII\" },\n ],\n }),\n market: ({ data }: any) =>\n SelectFormItem({\n name: \"market\",\n label: \"Mercado\",\n placeholder: \"Selecione\",\n options: [\n { label: \"Mercado à vista\", value: \"Mercado a Vista\" },\n ...(data.operacao !== \"FII\"\n ? [\n { label: \"Mercado de opções\", value: \"Mercado de opções\" },\n { label: \"Outros mercados\", value: \"Outros mercados\" },\n ]\n : []),\n ],\n onChange: (changed, values) =>\n values.operacao === \"FII\" && values.market !== \"Mercado a Vista\"\n ? \"Mercado a Vista\"\n : values.market,\n }),\n};\n\n// const exchange = ({\n// changed,\n// values,\n// modeProp,\n// prop,\n// cotacaoProp,\n// }: {\n// changed: any;\n// values: any;\n// modeProp: string;\n// prop: string;\n// cotacaoProp: string;\n// }) => {\n// return changed.hasOwnProperty(modeProp)\n// ? values[cotacaoProp] && changed[modeProp]\n// ? values[prop] * values[cotacaoProp]\n// : values[prop] / values[cotacaoProp]\n// : changed[prop]\n// ? currencyToNumber(\n// changed[prop],\n// values[modeProp] !== false ? FormCurrencyMode.BRL : FormCurrencyMode.USD\n// )\n// : values[prop];\n// };\n\nconst FormItemsCrypto = {\n id: TextFormItem({\n name: \"id\",\n label: \"Id\",\n hidden: true,\n }),\n data: (month: number, year: number) =>\n DateFormItem({\n name: \"data\",\n label: `Dia do mês de ${months[month]}/${year}`,\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n }),\n ativo: (placeholder: string) =>\n TextFormItem({\n name: \"ativo\",\n label: \"Ativo\",\n placeholder,\n rules: validationFieldRequired,\n }),\n quantidade: (placeholder: string) =>\n NumberFormItem({\n name: \"quantidade\",\n label: \"Quantidade\",\n placeholder,\n decimalScale: 12,\n rules: validationNumberFieldPositive,\n }),\n precoVenda: CurrencyFormItem({ name: \"precoVenda\", label: \"Preço de venda\" }),\n custoCompra: CurrencyFormItem({\n name: \"custoCompra\",\n label: \"Custo de compra\",\n }),\n taxas: CurrencyFormItem({ name: \"taxas\", label: \"Taxas\" }),\n ganho: CurrencyFormItem({\n name: \"ganho\",\n label: \"Ganho\",\n disabled: true,\n onChange: (changed, values) => {\n const precoVenda = changed.precoVenda\n ? currencyToNumber(changed.precoVenda)\n : values.precoVenda;\n const custoCompra = changed.custoCompra\n ? currencyToNumber(changed.custoCompra)\n : values.custoCompra;\n const taxas = changed.taxas\n ? currencyToNumber(changed.taxas)\n : values.taxas;\n return Number(\n Math.max(\n 0,\n Number(values.quantidade) * (precoVenda - custoCompra) - taxas\n ).toFixed(2)\n );\n },\n }),\n operacao: SelectFormItem({\n name: \"operacao\",\n label: \"Operação\",\n placeholder: \"Selecione\",\n options: [\n { label: \"Comum\", value: \"comum\" },\n { label: \"Day Trade\", value: \"daytrade\" },\n ],\n }),\n mercado: SelectFormItem({\n name: \"mercado\",\n label: \"Mercado\",\n placeholder: \"Selecione\",\n options: [\n { label: \"Mercado à vista\", value: \"mercado\" },\n { label: \"Mercado de opções\", value: \"mercadoOpcoes\" },\n { label: \"Outros mercados\", value: \"outros\" },\n ],\n }),\n};\n\nconst FormItemsExterior = {\n id: TextFormItem({\n name: \"id\",\n label: \"Id\",\n hidden: true,\n }),\n movimentType: (movimentType: any, setMovimentType: any, year: number, fromApi?: boolean) =>\n SelectFormItem({\n name: \"movimentType\",\n label: \"Tipo de movimentação\",\n value: movimentType,\n disabled: fromApi,\n defaultValue: FormMovimentTypeMode.VENDA,\n rules: [],\n options: year < yearConfigPL4173 \n ? [\n { label: \"Venda de ativos\", value: FormMovimentTypeMode.VENDA },\n { label: \"Juros de aplicações\", value: FormMovimentTypeMode.JUROS },\n ] \n : [\n { label: \"Venda de ativos\", value: FormMovimentTypeModeNew.VENDA },\n { label: \"Juros de bonds\", value: FormMovimentTypeModeNew.JUROS },\n { label: \"Dividendos\", value: FormMovimentTypeModeNew.DIVIDENDOS },\n { label: \"Outros rendimentos\", value: FormMovimentTypeModeNew.OUTROS },\n ],\n onChange(changed, values) {\n setMovimentType(\n changed.movimentType !== undefined\n ? changed.movimentType\n : movimentType\n );\n return changed.movimentType !== undefined\n ? changed.movimentType\n : movimentType;\n },\n }),\n ativo: (placeholder: string, fromApi?: boolean) =>\n TextFormItem({\n name: \"ativo\",\n label: \"Ativo\",\n disabled: fromApi,\n placeholder,\n rules: validationFieldRequired,\n }),\n valueOriginBRA: CurrencyFormItem({\n prefix: \"US$ \",\n name: \"valueOriginBRA\",\n label: \"Origem BRA (US$)\",\n placeholder: \"US$ 0,00\",\n }),\n valueOriginEUA: CurrencyFormItem({\n prefix: \"US$ \",\n name: \"valueOriginEUA\",\n label: \"Origem USA (US$)\",\n placeholder: \"US$ 0,00\",\n }),\n dataCompra: () =>\n DateFormItem({\n name: \"dataCompra\",\n label: \"Data da Liquidação\",\n placeholder: \"DD/MM/YYYY\",\n mask: `99/99/9999`,\n rules: validationDateIsOnReferenceMonthCompra,\n }),\n cotacaoCompra: (quotations: IQuotes) =>\n TextFormItem({\n disabled: true,\n name: \"cambioCompra\",\n label: \"Cotação dólar\",\n onChange: (changed, values) => {\n if (isValidDate(values.dataCompra)) {\n let i = 0;\n let keycompra = changed.dataCompra || values.dataCompra;\n const isComplete = !String(keycompra).includes(\"_\");\n if (!keycompra || !isComplete) return values.cotacaoCompra;\n while (isComplete && !quotations[keycompra] && i <= 10) {\n keycompra = moment(keycompra, \"DD/MM/YYYY\")\n .subtract(1, \"days\")\n .format(\"DD/MM/YYYY\");\n i++;\n }\n const { venda } = quotations[keycompra] || { venda: 0 };\n return venda;\n }\n },\n }),\n precoVenda: CurrencyFormItem({\n prefix: \"US$ \",\n name: \"valor\",\n placeholder: \"US$ 0,00\",\n label: \"Valor Bruto (US$)\",\n }),\n fee: CurrencyFormItem({\n name: \"fee\",\n label: \"Taxa de corretagem (US$)\",\n placeholder: \"US$ 0,00\",\n prefix: \"US$ \",\n }),\n dataVenda: (month: number, year: number) =>\n DateFormItem({\n name: \"data\",\n label: \"Data da Liquidação\",\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n }),\n dataVendaFee: (month: number, year: number) =>\n DateFormItem({\n name: \"dataFee\",\n label: \"Data da Liquidação\",\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n }),\n cotacaoVenda: (quotations: IQuotes) =>\n TextFormItem({\n disabled: true,\n name: \"cambioVenda\",\n label: \"Cotação dólar\",\n onChange: (changed, values) => {\n if (isValidDate(values.data)) {\n let i = 0;\n let keyvenda = changed.data || values.data;\n const isComplete = !String(keyvenda).includes(\"_\");\n if (!keyvenda || !isComplete) return values.cotacaoVenda;\n while ((isComplete && !quotations[keyvenda]) || i === 5) {\n keyvenda = moment(keyvenda, \"DD/MM/YYYY\")\n .subtract(1, \"days\")\n .format(\"DD/MM/YYYY\");\n i++;\n }\n const { compra } = quotations[keyvenda] || { compra: 0 };\n return compra;\n }\n },\n }),\n cotacaoVendaFee: (quotations: IQuotes) =>\n TextFormItem({\n disabled: true,\n name: \"cambioVendaFee\",\n label: \"Cotação dólar\",\n onChange: (changed, values) => {\n if (isValidDate(values.dataFee)) {\n let i = 0;\n let keyvenda = changed.dataFee || values.dataFee;\n const isComplete = !String(keyvenda).includes(\"_\");\n if (!keyvenda || !isComplete) return values.cotacaoVendaFee;\n while ((isComplete && !quotations[keyvenda]) || i === 5) {\n keyvenda = moment(keyvenda, \"DD/MM/YYYY\")\n .subtract(1, \"days\")\n .format(\"DD/MM/YYYY\");\n i++;\n }\n\n if (values.movimentType == 'Dividendos') {\n const day = keyvenda.split('/')[0];\n const month = keyvenda.split('/')[1];\n const year = keyvenda.split('/')[2];\n const dateToQuote = new Date(`${month}/${day}/${year}`);\n const cotacaoCompra = getQuoteFortnight(dateToQuote, quotations);\n return cotacaoCompra;\n }\n\n const { venda } = quotations[keyvenda] || { venda: 0 };\n return venda;\n }\n },\n }),\n ganho: CurrencyFormItem({\n name: \"ganho\",\n label: `Ganho (R$)`,\n disabled: true,\n rules: [],\n onChange: (changed, values) => {\n // TODO Atualmente há perda de centavos entre a conversão sucessiva entre BRL e USD\n let A = changed.valueOriginBRA\n ? currencyToNumber(changed.valueOriginBRA, \"US$\")\n : values.valueOriginBRA || 0;\n let B = changed.valueOriginEUA\n ? currencyToNumber(changed.valueOriginEUA, \"US$\")\n : values.valueOriginEUA || 0;\n const C = values.cambioCompra || 1;\n const D = changed.valor\n ? currencyToNumber(changed.valor, \"US$\")\n : values.valor || 0;\n const E = changed.fee\n ? currencyToNumber(changed.fee, \"US$\")\n : values.fee || 0;\n const F = values.cambioVenda || 1;\n\n const correctionZero = 1e-50;\n if (A === 0) A = correctionZero;\n if (B === 0) B = correctionZero;\n\n const ganho =\n (A / (A + B)) * (D - E) * F - A * C + ((B / (A + B)) * (D - E) - B) * F;\n\n return Number(Math.max(ganho, 0).toFixed(2));\n },\n }),\n ganhoFee: CurrencyFormItem({\n name: \"ganhoFee\",\n label: `Rendimento (R$)`,\n disabled: true,\n rules: [],\n onChange: (changed, values) => {\n // TODO Atualmente há perda de centavos entre a conversão sucessiva entre BRL e USD\n const A = values.cambioVendaFee || 1;\n\n const B = changed.valor\n ? currencyToNumber(changed.valor, \"US$\")\n : values.valor || 0;\n\n const C = changed.fee\n ? currencyToNumber(changed.fee, \"US$\")\n : values.fee || 0;\n\n const ganho = (B - C) * A;\n return Number(Math.max(ganho, 0).toFixed(2));\n },\n }),\n date: (month: number, year: number, fromApi?: boolean) =>\n DateFormItem({\n name: \"data\",\n disabled: fromApi,\n label: `Dia do mês de ${months[month]}/${year}`,\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n }),\n quantidade: (placeholder: string, fromApi?: boolean) =>\n NumberFormItem({\n disabled: fromApi,\n name: \"quantidade\",\n label: \"Quantidade\",\n placeholder,\n decimalScale: 12,\n rules: validationNumberFieldPositive,\n }),\n valor: CurrencyFormItem({ name: \"sellPrice_BRL\", label: \"Preço de venda\" }),\n valorNewModel: (fromApi?: boolean) => \n CurrencyFormItem({ name: \"sellPrice_BRL\", disabled: fromApi, label: \"Preço de venda\" }),\n capitalGain: CurrencyFormItem({\n name: \"ganho\",\n label: \"Ganho\",\n disabled: true,\n allowNegative: true,\n rules: validationNumberAllowNegativeField,\n onChange: (changed, values) => {\n const precoVenda = changed.valor\n ? currencyToNumber(changed.valor)\n : values.valor;\n const custoCompra = changed.valueOriginBRA\n ? currencyToNumber(changed.valueOriginBRA)\n : values.valueOriginBRA;\n const taxas = changed.fee\n ? currencyToNumber(changed.fee)\n : values.fee;\n return Number(values.quantidade) * (precoVenda - custoCompra) - taxas;\n },\n }),\n capitalGainBRL: CurrencyFormItem({\n name: \"varTotalBRL\",\n label: \"Ganho\",\n disabled: true,\n allowNegative: true,\n rules: validationNumberAllowNegativeField,\n onChange: (changed, values) => {\n const precoVenda = changed.sellPrice_BRL\n ? currencyToNumber(changed.sellPrice_BRL)\n : values.sellPrice_BRL;\n const custoCompra = changed.buyPrice_BRL\n ? currencyToNumber(changed.buyPrice_BRL)\n : values.buyPrice_BRL;\n const taxas = changed.fee_BRL\n ? currencyToNumber(changed.fee_BRL)\n : values.fee_BRL;\n return Number(values.quantidade) * (precoVenda - custoCompra) - taxas;\n },\n }),\n valueOriginBRL: (fromApi?: boolean) => CurrencyFormItem({\n disabled: fromApi,\n prefix: \"R$ \",\n name: \"buyPrice_BRL\",\n label: \"Custo de Compra (R$)\",\n placeholder: \"R$ 0,00\",\n }),\n feeBRL: (fromApi?: boolean) => CurrencyFormItem({\n disabled: fromApi,\n name: \"fee_BRL\",\n label: \"Taxa de corretagem (R$)\",\n placeholder: \"R$ 0,00\",\n prefix: \"R$ \",\n }),\n};\n\nconst PrejuFormItems = {\n userPrejuizoComum: CurrencyFormItem({\n name: \"userPrejuizoComum\",\n label: \"Prejuízo Comum\",\n }),\n userPrejuizoDayTrade: CurrencyFormItem({\n name: \"userPrejuizoDayTrade\",\n label: \"Prejuízo Day Trade\",\n }),\n userPrejuizoFII: CurrencyFormItem({\n name: \"userPrejuizoFII\",\n label: \"Prejuízo FII\",\n }),\n};\n\nconst IrrfFormItem = {\n userIrrfComum: CurrencyFormItem({\n name: \"userIrrfComum\",\n label: \"IRRF Comum\",\n }),\n userIrrfDayTrade: CurrencyFormItem({\n name: \"userIrrfDayTrade\",\n label: \"IRRF Day Trade\",\n }),\n userIrrfFII: CurrencyFormItem({\n name: \"userIrrfFII\",\n label: \"IRRF FII\",\n }),\n userIrrfTotal: CurrencyFormItem({\n name: \"userIrrfTotal\",\n label: \"IRRF Total (Comum + Day Trade + FII)\",\n disabled: true,\n onChange: (changed, values) => {\n const userIrrfComum = changed.userIrrfComum\n ? currencyToNumber(changed.userIrrfComum)\n : values.userIrrfComum;\n const userIrrfDayTrade = changed.userIrrfDayTrade\n ? currencyToNumber(changed.userIrrfDayTrade)\n : values.userIrrfDayTrade;\n const userIrrfFII = changed.userIrrfFII\n ? currencyToNumber(changed.userIrrfFII)\n : values.userIrrfFII;\n return (\n Number(userIrrfComum ?? 0) +\n Number(userIrrfDayTrade ?? 0) +\n Number(userIrrfFII ?? 0)\n );\n },\n }),\n};\n\nexport const IrrfFormItemRows = [\n [IrrfFormItem.userIrrfComum],\n [IrrfFormItem.userIrrfDayTrade],\n [IrrfFormItem.userIrrfFII],\n [IrrfFormItem.userIrrfTotal],\n];\n\nexport const PrejuFormItemRows = [\n [PrejuFormItems.userPrejuizoComum],\n [PrejuFormItems.userPrejuizoDayTrade],\n [PrejuFormItems.userPrejuizoFII],\n];\n\nexport const DarfFormItemRows = (month: number, year: number) => [\n [FormItemsCrypto.id],\n [FormItemsCrypto.data(month, year), FormItemsCrypto.ativo(\"Ex: BTC\")],\n [FormItemsCrypto.quantidade(\"Ex: 0,00101\")],\n [FormItemsCrypto.precoVenda, FormItemsCrypto.custoCompra],\n [FormItemsCrypto.taxas],\n [FormItemsCrypto.ganho],\n];\n\nexport const ExteriorFormItemRows = (\n month: number,\n year: number,\n quotations: IQuotes,\n editAsset: any,\n asset: any,\n movimentType: string,\n setMovimentType: React.Dispatch\n {movimentType === \"Juros de aplicações\" ? \"Juros\" : \"Compra\"}\n
\n ),\n },\n ],\n asset && !asset?.valueOriginBRA\n ? []\n : movimentType !== \"Juros de aplicações\"\n ? [FormItemsExterior.valueOriginBRA, FormItemsExterior.valueOriginEUA]\n : [],\n asset && !asset?.valueOriginBRA\n ? []\n : movimentType !== \"Juros de aplicações\"\n ? [\n FormItemsExterior.dataCompra(),\n FormItemsExterior.cotacaoCompra(quotations),\n ]\n : [],\n asset && !asset?.valueOriginBRA\n ? []\n : movimentType !== \"Juros de aplicações\"\n ? [\n {\n label: \"\",\n name: \"\",\n input: Venda
,\n },\n ]\n : [],\n asset && !asset?.valueOriginBRA\n ? []\n : [FormItemsExterior.precoVenda, FormItemsExterior.fee],\n asset && !asset?.valueOriginBRA\n ? []\n : movimentType !== \"Juros de aplicações\"\n ? [\n FormItemsExterior.dataVenda(month, year),\n FormItemsExterior.cotacaoVenda(quotations),\n ]\n : [\n FormItemsExterior.dataVendaFee(month, year),\n FormItemsExterior.cotacaoVendaFee(quotations),\n ],\n asset && !asset?.valueOriginBRA\n ? []\n : movimentType !== \"Juros de aplicações\"\n ? [FormItemsExterior.ganho]\n : [FormItemsExterior.ganhoFee],\n ];\n};\n\nexport const ExteriorNewFormItemRows = (\n month: number,\n year: number,\n quotations: IQuotes,\n editAsset: any,\n asset: any,\n movimentType: string,\n setMovimentType: React.Dispatch\n {\n ['Juros de bonds'].includes(movimentType || '') ? \"Juros\" \n : ['Dividendos'].includes(movimentType || '') ? \"Dividendos\" \n : \"Rendimentos\"}\n
\n ),\n },\n ],\n movimentType === \"Venda de ativos\"\n ? [FormItemsExterior.date(month, year, fromApi), FormItemsExterior.ativo(\"Ex: GOOG\", fromApi)]\n : [],\n movimentType === \"Venda de ativos\"\n ? [\n FormItemsExterior.quantidade(\"Ex: 100\", fromApi),\n FormItemsExterior.valorNewModel(fromApi),\n ]\n : [],\n movimentType === 'Venda de ativos' ? [FormItemsExterior.valueOriginBRL(fromApi), FormItemsExterior.feeBRL(fromApi)]\n : [FormItemsExterior.precoVenda, FormItemsExterior.fee],\n movimentType === \"Venda de ativos\"\n ? [\n FormItemsExterior.capitalGainBRL,\n ]\n : [\n FormItemsExterior.dataVendaFee(month, year),\n FormItemsExterior.cotacaoVendaFee(quotations),\n ],\n movimentType === \"Venda de ativos\"\n ? []\n : [FormItemsExterior.ganhoFee],\n ];\n};\n\nexport const DarfBolsaFormItemRows = (month: number, year: number) => [\n [FormItemsBolsa.id],\n [FormItemsBolsa.operacao, FormItemsBolsa.market],\n [FormItemsBolsa.date(month, year), FormItemsBolsa.code(\"Ex: PETR3\")],\n [FormItemsBolsa.quantity(\"Ex: 100\"), FormItemsBolsa.price],\n [FormItemsBolsa.avgBuyPrice, FormItemsBolsa.feeB3],\n [FormItemsBolsa.capitalGain],\n];\n\nexport const DarfBolsaTabs: (\n data: IDarfBolsa,\n rest: any\n) => { class: string; tabs: { content: React.ReactNode }[] }[] = (\n data,\n rest\n) => [\n {\n class: \"header\",\n tabs: [\n {\n content: \"\",\n },\n {\n content: \"Comum\",\n },\n {\n content: \"Day Trade\",\n },\n {\n content: \"FII\",\n },\n ],\n },\n {\n class: \"sub-header strong\",\n tabs: [\n {\n content: \"Ganhos e perdas totais\",\n },\n {\n content: formatCurrency(data.varTotaisComum ?? 0),\n },\n {\n content: formatCurrency(data.varTotaisDT ?? 0),\n },\n {\n content: formatCurrency(data.varTotaisFII ?? 0),\n },\n ],\n },\n {\n class: \"sub-header strong\",\n tabs: [\n {\n content: \"Ganhos tributáveis\",\n },\n {\n content: formatCurrency(data.ganhoComum ?? 0),\n },\n {\n content: formatCurrency(data.ganhoDT ?? 0),\n },\n {\n content: formatCurrency(data.ganhoFII ?? 0),\n },\n ],\n },\n {\n class: \"sub-header opacity\",\n tabs: [\n {\n content: (\n <>\n (-) Prejuízos a compensar\n {!rest.view && (\n \n \n setMonthProventos({ name })}\n getPopupContainer={(trigger) => trigger.parentElement!}\n options={Object.keys(months).map((m, i) => ({\n value: m,\n label: monthsExtended[i],\n }))}\n />\n setYearProventos(e)}\n getPopupContainer={(trigger) => trigger.parentElement!}\n options={selectYears.map((y) => ({\n value: date.getFullYear() + y,\n label: date.getFullYear() + y,\n }))}\n />\n
\n \n }>\n Filtrar\n \n
\n
\n \n Total recebido no mês: \n {formatCurrency(total)} \n
\n \n
\n \n Contrate o plano premium para ver a lista completa de\n proventos\n
\n \n setYearProventos(e)}\n options={[\n {\n value: new Date().getFullYear() + 1,\n label: new Date().getFullYear() + 1,\n },\n {\n value: new Date().getFullYear(),\n label: new Date().getFullYear(),\n },\n {\n value: new Date().getFullYear() - 1,\n label: new Date().getFullYear() - 1,\n },\n {\n value: new Date().getFullYear() - 2,\n label: new Date().getFullYear() - 2,\n },\n {\n value: new Date().getFullYear() - 3,\n label: new Date().getFullYear() - 3,\n },\n ]}\n />\n setTypeProventos(e)}\n options={[\n {\n label: \"Por tipo de provento\",\n value: \"provento\",\n },\n {\n label: \"Por corretora\",\n value: \"corretora\",\n },\n {\n label: \"Por data de recebimento\",\n value: \"data\",\n },\n ]}\n />\n
\n {proventosLoading ? (\n \n {existsProvCurrentMonth() && \n monthReport()}\n icon={ target.parentElement!}\n >\n {\n setReportDrawerProventos(true);\n }}\n disabled={proventosLoading || loadingReport}\n icon={\n loadingReport ?
\n \n
\n ),\n};\n\nconst JurosModalProps = {\n title: \"Juros de Atraso\",\n content: (\n \n O pagamento dos impostos deve ser feito sempre até o último dia útil do\n mês subsequente aos ganhos realizados.\n
\n\n Caso você tenha atrasado no pagamento do seu DARF, a sua multa de atraso\n será de 0,33% por dia de atraso (chegando, no máximo, a 20%) sobre o\n valor do principal, calculados a partir do primeiro dia útil depois do\n dia do vencimento do DARF.\n
\n\n
\n ),\n};\n\nexport const CorretagemModalProps = {\n title: \"Taxas de corretagem\",\n content: (\n \n O pagamento dos impostos deve ser feito sempre até o último dia útil do\n mês subsequente aos ganhos realizados.\n
\n\n Caso você tenha atrasado no pagamento do seu DARF, os seus juros de\n atraso serão equivalentes a taxa Selic acumulada até o mês anterior ao\n do pagamento, mais 1% no mês do pagamento, sobre o valor principal,\n contados a partir do mês subsequente ao vencimento do DARF.\n
\n\n
\n ),\n};\n\nexport const CustoMedioModal = {\n title: \"Custo Médio\",\n content: (\n \n A Receita Federal admite a dedução dos custos de corretagem na apuração\n do ganho líquido em operações de renda variável. Entretanto, não há\n obrigatoriedade do usufruto do benefício da dedução por parte dos\n investidores (Instrução Normativa RFB nº 1.585, de 31 de agosto de 2015,\n art. 56, § 3º). As informações advindas somente da integração com a B3\n não consideram o benefício da dedução dos custos de corretagem da Warren,\n incluindo somente as tarifas de liquidação, registro, termo/opções e\n emolumentos da B3. Caso deseje descontar os seus custos de corretagem\n dos ganhos tributáveis, você pode adicionar manualmente as taxas de\n corretagem em cada operação no campo “Taxas” ou inserir manualmente a\n soma das taxas de corretagem do mês neste campo.\n
\n\n
\n ),\n};\n\nconst MinPriceModalProps = {\n title: <>DARF abaixo de {formatCurrency(minDarfPrice)},\n content: (\n \n Preencha o custo médio do ativo na aba{\" \"}\n \n Posição 31-12-2019\n \n .\n
\n\n
\n ),\n};\n\nconst IRRFModalProps = {\n title: <>IRRF (Imposto de Renda Retido na Fonte),\n content: (\n \n O sistema da Receita Federal não permite a emissão de um único DARF com\n valor abaixo de {formatCurrency(minDarfPrice)}.\n
\n\n Caso seu DARF tenha ficado com um valor abaixo de{\" \"}\n {formatCurrency(minDarfPrice)}, o valor será repassado automaticamente\n para o mês seguinte e ficará visível no campo{\" \"}\n \n DARFs passados abaixo de {formatCurrency(minDarfPrice)}\n \n .\n
\n\n
\n ),\n};\n\nconst AliquotaModalProps = {\n title: \"Alíquota sobre ganhos com criptoativos\",\n content: (\n \n Operações Comuns e FIIs: As operações comuns realizadas em bolsas de\n valores, de mercadorias, de futuros e de FIIs estão sujeitas à retenção\n do imposto sobre a renda incidente na fonte à alíquota de 0,005% sobre o\n volume alienado.\n
\n\n Operações Day Trade: As operações de Day Trade estão sujeitas à retenção\n do imposto sobre a renda incidente na fonte à alíquota de 1% do ganho,\n independente do volume alienado no mês.\n
\n\n
\n ),\n};\n\nconst EmitirDarfModalProps = (onCancel: () => void, onOk: () => void) => ({\n title: \"Você confirma a emissão do DARF?\",\n footer: \n Caso o valor total vendido no mês seja superior a R$ 35 mil, os ganhos\n obtidos serão tributados a título de ganho de capital. As alíquotas\n (percentuais) aplicadas sobre o lucro são progressivas:\n
\n- \n
\n
\n ),\n});\n\nconst ReemitirDarfModalProps = (onCancel: () => void, onOk: () => void) => ({\n title: \"Você confirma a emissão de um novo DARF?\",\n footer: \n O arquivo gerado ficará disponível na aba Histórico e será enviado para\n o seu e-mail cadastrado.\n
\n\n
\n ),\n});\n\nexport const DarfModal = (\n reemit: boolean,\n onCancel: () => void,\n onOk: () => void\n) =>\n reemit\n ? ReemitirDarfModalProps(onCancel, onOk)\n : EmitirDarfModalProps(onCancel, onOk);\n\ninterface IEdit {\n value: any;\n id: string;\n isEditting: boolean;\n}\ninterface DarfResultDescriptionsProps {\n id: string;\n label: (onClick: Function) => React.ReactNode;\n Component: React.FC<{\n data: IDarfBolsa;\n url: string;\n year: number;\n month: number;\n loading: boolean;\n disabled: boolean;\n view?: boolean;\n handleEdit?: Function;\n setDataCripto?: React.Dispatch\n Ao confirmar, o DARF anterior será substituido. O arquivo gerado\n ficará disponível na aba Histórico e será enviado para o seu e-mail\n cadastrado.\n
\n\n {!isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n {\n const value = currencyToNumber(changed.impostoAcumulado);\n editForm.setFieldsValue({ impostoAcumulado: value });\n setEdit((edit) => ({ ...edit!, value }));\n }}\n >\n \n typeof value === \"number\" &&\n value >= 0 &&\n value < minDarfPrice\n ? Promise.resolve()\n : Promise.reject(),\n },\n ]}\n >\n = minDarfPrice}\n >\n Ok\n \n {isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n
\n ) : (\n \n (+) Multa de atraso{\" \"}\n
\n ),\n Component: ({ data, view, valorPrincipal }) =>\n // view\n // ? formatCurrency(data[\"multa\"] || 0)\n // :\n formatCurrency(\n (valorPrincipal || 0) < minDarfPrice ? 0 : data[\"multa\"] || 0\n ),\n },\n {\n id: \"juros\",\n label: (onClick: any) => (\n \n (+) Juros e/ou encargos de atraso{\" \"}\n
\n ),\n Component: ({ data, view, valorPrincipal }) =>\n // view\n // ? formatCurrency(data[\"juros\"] || 0)\n // :\n formatCurrency(\n (valorPrincipal || 0) < minDarfPrice ? 0 : Number(data[\"juros\"] || 0)\n ),\n },\n];\n\nexport const DarfImpostosDevidosDescriptions = [\n {\n id: \"totalGanho\",\n label: () => \"Ganho total\",\n },\n {\n id: \"aliquotaDevida\",\n label: (onClick: any) => (\n \n (x) Alíquota devida\n
\n ),\n render: (data: any) =>\n `${replaceDotByComma(\n Number((data[\"aliquotaDevida\"] || 0).toFixed(2))\n )} %`,\n },\n {\n id: \"impostoDevido\",\n label: () => \"Imposto devido\",\n render: (data: any, view?: boolean) =>\n formatCurrency(\n !view\n ? Number(data[\"impostoDevido\"] || 0)\n : Number(data[\"impostoDevido\"] || 0) -\n Number(data[\"impostoDevido\"] ? data[\"impostoAcumulado\"] || 0 : 0)\n ),\n },\n];\n\nexport const AddTransactionGOVFormItemRows = (hasLandingSide: boolean) => {\n if (!hasLandingSide)\n return [\n [FormItemsBolsa.id],\n [FormItemsBolsa.code(\"Ex: PETR3\")],\n [FormItemsBolsa.quantity(\"Ex: 100\")],\n [FormItemsBolsa.avgBuyPriceGOV],\n ];\n\n return [\n [FormItemsBolsa.id],\n [FormItemsBolsa.code(\"Ex: PETR3\")],\n [FormItemsBolsa.quantity(\"Ex: 100\")],\n [FormItemsBolsa.avgBuyPriceGOV],\n [FormItemsBolsa.lendingSide],\n ];\n};\n\nexport const AddTransactionFormItemRows = (hasLandingSide: boolean) => {\n if (!hasLandingSide)\n return [\n [FormItemsBolsa.id],\n [FormItemsBolsa.code(\"Ex: PETR3\")],\n [FormItemsBolsa.quantity(\"Ex: 100\")],\n [FormItemsBolsa.avgBuyPrice],\n ];\n\n return [\n [FormItemsBolsa.id],\n [FormItemsBolsa.code(\"Ex: PETR3\")],\n [FormItemsBolsa.quantity(\"Ex: 100\")],\n [FormItemsBolsa.avgBuyPrice],\n [FormItemsBolsa.lendingSide],\n ];\n};\n\nconst FormItemsBolsa = {\n id: TextFormItem({\n name: \"id\",\n label: \"Id\",\n hidden: true,\n }),\n date: (month: number, year: number) =>\n DateFormItem({\n name: \"date\",\n label: `Dia do mês de ${months[month]}/${year}`,\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n }),\n code: (placeholder: string) =>\n TextFormItem({\n name: \"code\",\n label: \"Ativo\",\n placeholder,\n rules: validationFieldRequired,\n }),\n quantity: (placeholder: string) =>\n NumberFormItem({\n name: \"quantity\",\n label: \"Quantidade\",\n placeholder,\n decimalScale: 12,\n rules: validationNumberFieldPositive,\n }),\n avgBuyPrice: CurrencyFormItem({\n name: \"avgBuyPrice\",\n label: \"Custo de compra\",\n }),\n avgBuyPriceGOV: CurrencyFormItem({\n name: \"avgBuyPrice\",\n label: \"Custo médio de compra (por ação)\",\n }),\n price: CurrencyFormItem({ name: \"price\", label: \"Preço de venda\" }),\n feeB3: CurrencyFormItem({ name: \"feeB3\", label: \"Taxas\" }),\n capitalGain: CurrencyFormItem({\n name: \"capitalGain\",\n label: \"Ganho\",\n disabled: true,\n allowNegative: true,\n rules: validationNumberAllowNegativeField,\n onChange: (changed, values) => {\n const precoVenda = changed.price\n ? currencyToNumber(changed.price)\n : values.price;\n const custoCompra = changed.avgBuyPrice\n ? currencyToNumber(changed.avgBuyPrice)\n : values.avgBuyPrice;\n const taxas = changed.feeB3\n ? currencyToNumber(changed.feeB3)\n : values.feeB3;\n return Number(values.quantity) * (precoVenda - custoCompra) - taxas;\n },\n }),\n operacao: SelectFormItem({\n name: \"operacao\",\n label: \"Operação\",\n placeholder: \"Selecione\",\n mustUpdate: true,\n options: [\n { label: \"Comum\", value: \"Comum\" },\n { label: \"Day Trade\", value: \"Day Trade\" },\n { label: \"Fundos Imobiliários\", value: \"FII\" },\n ],\n }),\n market: ({ data }: any) => {\n const marketCorrect =\n data.market === \"Mercado a Vista Exercido\" ||\n data.market === \"Merc. Fracionário\";\n\n return SelectFormItem({\n name: \"market\",\n label: \"Mercado\",\n placeholder: \"Selecione\",\n options: [\n ...(marketCorrect ? [{ label: data.market, value: data.market }] : []),\n { label: \"Mercado à vista\", value: \"Mercado a Vista\" },\n ...(data.operacao !== \"FII\"\n ? [\n { label: \"Mercado de opções\", value: \"Mercado de opções\" },\n { label: \"Outros mercados\", value: \"Outros mercados\" },\n ]\n : []),\n ],\n onChange: (changed, values) =>\n values.operacao === \"FII\" && values.market !== \"Mercado a Vista\"\n ? \"Mercado a Vista\"\n : values.market,\n });\n },\n lendingSide: SelectFormItem({\n name: \"lendingSide\",\n label: \"Posição\",\n placeholder: \"Selecione\",\n options: [\n { label: \"Doador\", value: \"Doador\" },\n { label: \"Tomador\", value: \"Tomador\" },\n ],\n }),\n};\n\nconst FormItemsDoacoesHerancas = {\n _id: TextFormItem({\n name: \"_id\",\n label: \"Id\",\n hidden: true,\n }),\n dateView: DateFormItem2({\n name: \"dateView\",\n label: \"Data\",\n mask: '99/99/9999',\n }),\n code: (placeholder: string) =>\n TextFormItem({\n name: \"code\",\n label: \"Ativo\",\n placeholder,\n rules: validationFieldRequired,\n }),\n quantity: (placeholder: string) =>\n NumberFormItem({\n name: \"quantity\",\n label: \"Quantidade\",\n placeholder,\n decimalScale: 12,\n rules: validationNumberFieldPositive,\n }),\n price: CurrencyFormItem({ name: \"price\", label: \"Custo médio de compra (por ação)\" }),\n};\n\nconst FormItemsCrypto = {\n id: TextFormItem({\n name: \"id\",\n label: \"Id\",\n hidden: true,\n }),\n data: (month: number, year: number) =>\n DateFormItem({\n name: \"data\",\n label: `Dia do mês de ${months[month]}/${year}`,\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n }),\n ativo: (placeholder: string) =>\n TextFormItem({\n name: \"ativo\",\n label: \"Ativo\",\n placeholder,\n rules: validationFieldRequired,\n }),\n quantidade: (placeholder: string) =>\n NumberFormItem({\n name: \"quantidade\",\n label: \"Quantidade\",\n placeholder,\n decimalScale: 12,\n rules: validationNumberFieldPositive,\n }),\n precoVenda: CurrencyFormItem({ name: \"precoVenda\", label: \"Preço de venda\" }),\n custoCompra: CurrencyFormItem({\n name: \"custoCompra\",\n label: \"Custo de compra\",\n }),\n taxas: CurrencyFormItem({ name: \"taxas\", label: \"Taxas\" }),\n ganho: CurrencyFormItem({\n name: \"ganho\",\n label: \"Ganho\",\n disabled: true,\n onChange: (changed, values) => {\n const precoVenda = changed.precoVenda\n ? currencyToNumber(changed.precoVenda)\n : values.precoVenda;\n const custoCompra = changed.custoCompra\n ? currencyToNumber(changed.custoCompra)\n : values.custoCompra;\n const taxas = changed.taxas\n ? currencyToNumber(changed.taxas)\n : values.taxas;\n return Number(\n Math.max(\n 0,\n Number(values.quantidade) * (precoVenda - custoCompra) - taxas\n ).toFixed(2)\n );\n },\n }),\n operacao: SelectFormItem({\n name: \"operacao\",\n label: \"Operação\",\n placeholder: \"Selecione\",\n options: [\n { label: \"Comum\", value: \"comum\" },\n { label: \"Day Trade\", value: \"daytrade\" },\n ],\n }),\n mercado: SelectFormItem({\n name: \"mercado\",\n label: \"Mercado\",\n placeholder: \"Selecione\",\n options: [\n { label: \"Mercado à vista\", value: \"mercado\" },\n { label: \"Mercado de opções\", value: \"mercadoOpcoes\" },\n { label: \"Outros mercados\", value: \"outros\" },\n ],\n }),\n};\n\nconst PrejuFormItems = {\n userPrejuizoComum: (disabled: boolean) =>\n CurrencyFormItem({\n disabled,\n name: \"userPrejuizoComum\",\n label: \"Prejuízo Comum\",\n }),\n userPrejuizoDayTrade: (disabled: boolean) =>\n CurrencyFormItem({\n disabled,\n name: \"userPrejuizoDayTrade\",\n label: \"Prejuízo Day Trade\",\n }),\n userPrejuizoFII: (disabled: boolean) =>\n CurrencyFormItem({\n disabled,\n name: \"userPrejuizoFII\",\n label: \"Prejuízo FII\",\n }),\n};\n\nconst CorretagemFormItems = {\n userCustoCorretagemComum: (disabled: boolean) =>\n CurrencyFormItem({\n disabled,\n name: \"userCustoCorretagemComum\",\n label: \"Operações Comum\",\n }),\n userCustoCorretagemDT: (disabled: boolean) =>\n CurrencyFormItem({\n disabled,\n name: \"userCustoCorretagemDT\",\n label: \"Operações Day Trade\",\n }),\n userCustoCorretagemFII: (disabled: boolean) =>\n CurrencyFormItem({\n disabled,\n name: \"userCustoCorretagemFII\",\n label: \"Operações FII\",\n }),\n};\n\nconst IrrfFormItem = {\n userIrrfComum: CurrencyFormItem({\n name: \"userIrrfComum\",\n label: \"IRRF Comum\",\n }),\n userIrrfDayTrade: CurrencyFormItem({\n name: \"userIrrfDayTrade\",\n label: \"IRRF Day Trade\",\n }),\n userIrrfFII: CurrencyFormItem({\n name: \"userIrrfFII\",\n label: \"IRRF FII\",\n }),\n userIrrfTotal: CurrencyFormItem({\n name: \"userIrrfTotal\",\n label: \"IRRF Total (Comum + Day Trade + FII)\",\n disabled: true,\n onChange: (changed, values) => {\n const userIrrfComum = changed.userIrrfComum\n ? currencyToNumber(changed.userIrrfComum)\n : values.userIrrfComum;\n const userIrrfDayTrade = changed.userIrrfDayTrade\n ? currencyToNumber(changed.userIrrfDayTrade)\n : values.userIrrfDayTrade;\n const userIrrfFII = changed.userIrrfFII\n ? currencyToNumber(changed.userIrrfFII)\n : values.userIrrfFII;\n return (\n Number(userIrrfComum ?? 0) +\n Number(userIrrfDayTrade ?? 0) +\n Number(userIrrfFII ?? 0)\n );\n },\n }),\n};\n\nexport const IrrfFormItemRows = [\n [IrrfFormItem.userIrrfComum],\n [IrrfFormItem.userIrrfDayTrade],\n [IrrfFormItem.userIrrfFII],\n [IrrfFormItem.userIrrfTotal],\n];\n\nexport const PrejuFormItemRows = (disabled: boolean) => [\n [PrejuFormItems.userPrejuizoComum(disabled)],\n [PrejuFormItems.userPrejuizoDayTrade(disabled)],\n [PrejuFormItems.userPrejuizoFII(disabled)],\n];\n\nexport const CorretagemFormItemRows = (disabled: boolean) => [\n [CorretagemFormItems.userCustoCorretagemComum(disabled)],\n [CorretagemFormItems.userCustoCorretagemDT(disabled)],\n [CorretagemFormItems.userCustoCorretagemFII(disabled)],\n];\n\nexport const DarfFormItemRows = (month: number, year: number) => [\n [FormItemsCrypto.id],\n [FormItemsCrypto.data(month, year), FormItemsCrypto.ativo(\"Ex: BTC\")],\n [FormItemsCrypto.quantidade(\"Ex: 0,00101\")],\n [FormItemsCrypto.precoVenda, FormItemsCrypto.custoCompra],\n [FormItemsCrypto.taxas],\n [FormItemsCrypto.ganho],\n];\n\nexport const DarfBolsaFormItemRows = (month: number, year: number) => [\n [FormItemsBolsa.id],\n [FormItemsBolsa.operacao, FormItemsBolsa.market],\n [FormItemsBolsa.date(month, year), FormItemsBolsa.code(\"Ex: PETR3\")],\n [FormItemsBolsa.quantity(\"Ex: 100\"), FormItemsBolsa.price],\n [FormItemsBolsa.avgBuyPrice, FormItemsBolsa.feeB3],\n [FormItemsBolsa.capitalGain],\n];\n\nexport const DoacoesHerancasRows = () => [\n [FormItemsDoacoesHerancas._id],\n [FormItemsDoacoesHerancas.code(\"Ex: PETR3\")],\n [FormItemsDoacoesHerancas.dateView],\n [FormItemsDoacoesHerancas.quantity(\"Ex: 100\")],\n [FormItemsDoacoesHerancas.price],\n];\n\nexport const DarfBolsaTabs: (\n data: IDarfBolsa,\n rest: any\n) => { class: string; tabs: { content: React.ReactNode }[] }[] = (\n data,\n rest\n) => {\n return [\n {\n class: \"header\",\n tabs: [\n {\n content: \"\",\n },\n {\n content: \"Comum\",\n },\n {\n content: \"Day Trade\",\n },\n {\n content: \"FII\",\n },\n ],\n },\n {\n class: \"sub-header\",\n tabs: [\n {\n content: \"Resultado\",\n },\n {\n content: formatCurrency(data.varTotaisComum ?? 0),\n },\n {\n content: formatCurrency(data.varTotaisDT ?? 0),\n },\n {\n content: formatCurrency(data.varTotaisFII ?? 0),\n },\n ],\n },\n {\n class: \"sub-header\",\n tabs: [\n {\n content: \"Ganhos tributáveis\",\n },\n {\n content: formatCurrency(data.ganhoComum ?? 0),\n },\n {\n content: formatCurrency(data.ganhoDT ?? 0),\n },\n {\n content: formatCurrency(data.ganhoFII ?? 0),\n },\n ],\n },\n {\n class: \"sub-header opacity\",\n tabs: [\n {\n content: (\n <>\n (-) Prejuízos a compensar\n {!rest.view && (\n {children}
\n);\n\nexport const YearReport = 2023;\n\nconst minDarfPrice = 10;\n\nconst RendimentoFormItems = {\n id: TextFormItem({\n name: \"id\",\n label: \"Id\",\n hidden: true,\n }),\n date: (month: number, year: number) =>\n DateFormItem({\n required: true,\n placeholder: `01/${zero(month + 1)}/${year}`,\n mask: `99/${zero(month + 1).replace(/[9]/g, `\\\\9`)}/${year\n .toString()\n .replace(/[9]/g, `\\\\9`)}`,\n rules: validationDateIsOnReferenceMonth(month, year),\n name: \"date\",\n label: \"Data\",\n }),\n taxaCambio: MaskFormItem({\n name: \"taxaCambio\",\n label: \"Taxa de câmbio\",\n disabled: true,\n }),\n ativo: MaskFormItem({\n rules: validationFieldRequired,\n name: \"ativo\",\n label: \"Ativo\",\n }),\n impostoPagoExterior: CurrencyFormItem({\n name: \"impostoPagoExterior\",\n label: \"Imposto Pago no Exterior\",\n hide: ({ data }: any) => data?.tipo !== \"Exterior\",\n }),\n impostoPagoExteriorUsd: CurrencyFormItem({\n prefix: \"US$\",\n name: \"impostoPagoExteriorUsd\",\n label: \"Imposto pago no exterior (USD)\",\n }),\n valorRendimentoUsd: CurrencyFormItem({\n placeholder: \"US$ 0,00\",\n prefix: \"US$\",\n name: \"valorRendimentoUsd\",\n label: \"Valor bruto (USD)\",\n }),\n valorRendimento: CurrencyFormItem({\n name: \"valorRendimento\",\n label: \"Rendimento\",\n }),\n cpfPagador: MaskFormItem({\n mask: cpfInputMask,\n rules: validationCpf,\n name: \"cpfPagador\",\n label: \"CPF do pagador\",\n hide: ({ data }: any) => data?.tipo !== \"Trabalho Autônomo\",\n onChange: (changed: any, values: any) =>\n changed.cpfPagador\n ? changed.cpfPagador.replace(/[_.-]/g, \"\")\n : values.cpfPagador,\n }),\n cpfBeneficiario: MaskFormItem({\n mask: cpfInputMask,\n rules: validationCpf,\n name: \"cpfBeneficiario\",\n label: \"CPF do beneficiário\",\n hide: ({ data }: any) => data?.tipo !== \"Trabalho Autônomo\",\n onChange: (changed: any, values: any) =>\n changed.cpfBeneficiario\n ? changed.cpfBeneficiario.replace(/[_.-]/g, \"\")\n : values.cpfBeneficiario,\n }),\n};\n\ninterface IEdit {\n value: any;\n id: string;\n isEditting: boolean;\n}\n\nexport enum YearResumeStatusFromBackEnum {\n PAYED = \"PAYED\",\n PENDING = \"PENDING\",\n REGULAR = \"REGULAR\",\n NOT_PAYED = \"NOT_PAYED\",\n}\n\nexport interface IDarf {\n payed?: boolean;\n emitted?: boolean;\n multa: number;\n juros: number;\n totalAlienado: number;\n totalGanho: number;\n aliquotaDevida: number;\n impostoDevido: number;\n impostoAcumulado: number;\n totalImpostoDevido: number;\n memoriaCalculo: any[];\n regular?: boolean;\n status?: keyof typeof YearResumeStatusFromBackEnum;\n}\nexport interface IDarfBolsa {\n payed?: boolean;\n emitted?: boolean;\n aliquotaComum?: number;\n aliquotaDT?: number;\n aliquotaFII?: number;\n alienacoesComum?: number;\n alienacoesDT?: number;\n alienacoesFII?: number;\n ganhoComum?: number;\n ganhoDT?: number;\n ganhoFII?: number;\n impostoComumFinal?: number;\n impostoDTFinal?: number;\n impostoFIIFinal?: number;\n impostoTotal?: number;\n impostoTotalFinal?: number;\n irrfComum?: number;\n irrfDayTrade?: number;\n irrfFII?: number;\n irrfTotal?: number;\n jurosAux?: number;\n mercadoOpcoesComum?: number;\n mercadoOpcoesDT?: number;\n mercadoOutrosComum?: number;\n mercadoOutrosDT?: number;\n mercadoOutrosFII?: number;\n mercadoVistaComum?: number;\n mercadoVistaDT?: number;\n multaAux?: number;\n memoriaCalculo: any[];\n impostoAcumulado?: number;\n impostoDevido?: number;\n multa?: number;\n juros?: number;\n prejuizoComum?: number;\n prejuizoDayTrade?: number;\n prejuizoFII?: number;\n userPrejuizoComum?: number;\n userPrejuizoDayTrade?: number;\n userPrejuizoFII?: number;\n userIrrfComum?: number;\n userIrrfDayTrade?: number;\n userIrrfFII?: number;\n userIrrfTotal?: number;\n varTotaisComum?: number;\n varTotaisDT?: number;\n varTotaisFII?: number;\n}\n\nexport const MinPriceModalProps = {\n title: <>DARF abaixo de {formatCurrency(minDarfPrice)},\n content: (\n \n
\n ),\n};\n\nconst MultaModalProps = {\n title: \"Multa de Atraso\",\n content: (\n \n O sistema da Receita Federal não permite a emissão de um único DARF com\n valor abaixo de {formatCurrency(minDarfPrice)}.\n
\n\n Caso seu DARF tenha ficado com um valor abaixo de{\" \"}\n {formatCurrency(minDarfPrice)}, o valor será repassado automaticamente\n para o mês seguinte e ficará visível no campo{\" \"}\n \n DARFs passados abaixo de {formatCurrency(minDarfPrice)}\n \n .\n
\n\n
\n ),\n};\n\nexport const ExteriorValueProps = {\n title: <>Impostos Pagos no Exterior,\n content: (\n \n O pagamento dos impostos deve ser feito sempre até o último dia útil do\n mês subsequente aos ganhos realizados.\n
\n\n Caso você tenha atrasado no pagamento do seu DARF, a sua multa de atraso\n será de 0,33% por dia de atraso (chegando, no máximo, a 20%) sobre o\n valor do principal, calculados a partir do primeiro dia útil depois do\n dia do vencimento do DARF.\n
\n\n
\n ),\n};\n\nconst JurosModalProps = {\n title: \"Juros de Atraso\",\n content: (\n \n Valor total dos impostos retidos e/ou pagos no exterior no mês\n selecionado\n
\n\n
\n ),\n};\n\nexport const RendimentoFormItemRows = (month: number, year: number) => [\n [RendimentoFormItems.id],\n [RendimentoFormItems.date(month, year)],\n [RendimentoFormItems.taxaCambio],\n [RendimentoFormItems.ativo],\n [RendimentoFormItems.valorRendimentoUsd],\n [RendimentoFormItems.impostoPagoExteriorUsd],\n // [RendimentoFormItems.valorRendimento],\n // [RendimentoFormItems.cpfPagador],\n // [RendimentoFormItems.cpfBeneficiario],\n // [RendimentoFormItems.impostoPagoExterior],\n];\n\nexport const ImpostoTotalRendimentosAutonomos = [\n {\n id: \"impostoDevido\",\n label: () => \"(+) Valor do principal\",\n Component: ({ data }: any) => {\n const impostoPrincipal =\n (data?.impostoDevido ?? 0) + (data?.impostoAcumulado ?? 0) - (data?.gastosExterior ?? 0);\n\n return (\n \n O pagamento dos impostos deve ser feito sempre até o último dia útil do\n mês subsequente aos ganhos realizados.\n
\n\n Caso você tenha atrasado no pagamento do seu DARF, os seus juros de\n atraso serão equivalentes a taxa Selic acumulada até o mês anterior ao\n do pagamento, mais 1% no mês do pagamento, sobre o valor principal,\n contados a partir do mês subsequente ao vencimento do DARF.\n
\n\n {!isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n {\n const value = currencyToNumber(changed.impostoAcumulado);\n editForm.setFieldsValue({ impostoAcumulado: value });\n setEdit((edit) => ({ ...edit!, value }));\n }}\n >\n \n typeof value === \"number\" &&\n value >= 0 &&\n value < minDarfPrice\n ? Promise.resolve()\n : Promise.reject(),\n },\n ]}\n >\n = minDarfPrice}\n >\n OK\n \n {isMobile() && (\n } onClick={handleEditValueCancel} />\n )}\n
\n ) : (\n \n } onClick={handleEditValueCancel} />\n {\n const value = currencyToNumber(changed.gastosExterior);\n editForm.setFieldsValue({ gastosExterior: value });\n setEdit((edit) => ({ ...edit!, value }));\n }}\n >\n \n \n \n {/* \n Ok\n */}\n
\n ) : (\n \n (+) Multa de atraso{\" \"}\n
\n ),\n Component: ({ data }: any) => (\n \n (+) Juros e/ou encargos de atraso{\" \"}\n
\n ),\n Component: ({ data }: any) => (\n \n } onClick={handleEditValueCancel} />\n {\n const value = currencyToNumber(changed.impostoAcumulado);\n editForm.setFieldsValue({ impostoAcumulado: value });\n setEdit((edit) => ({ ...edit!, value }));\n }}>\n \n typeof value === \"number\" &&\n value >= 0 &&\n value < minDarfPrice\n ? Promise.resolve()\n : Promise.reject(),\n },\n ]}>\n = minDarfPrice}>\n Ok\n \n
\n ) : (\n \n (+) Multa de atraso{\" \"}\n
\n ),\n Component: ({ data }: any) => (\n \n (+) Juros e/ou encargos de atraso{\" \"}\n
\n ),\n Component: ({ data }: any) => (\n \n (x) Alíquota devida\n
\n ),\n render: (data: any) => (\n \n
\n ),\n};\n\nexport const ModalAutonomos = {\n title: \"Despesas de Autônomos\",\n content: (\n \n O imposto sobre rendimentos é calculado sobre o total recebido no mês,\n mediante a aplicação da seguinte tabela progressiva mensal:\n
\n- \n
\n
\n ),\n};\n\nexport const ModalDependentes = {\n title: \"Dependentes\",\n content: (\n \n As seguintes despesas poderão ser deduzidas dos rendimentos recebidos de\n pessoas físicas por autônomos:\n
\n- Aluguel do escritório/consultório
\n- Água do escritório/consultório
\n- Contribuições obrigatórias a entidades de classe
\n- Condomínio do escritório/consultório
\n- Emolumentos pagos a terceiros
\n- Cópia e autenticação de documentos
\n- Energia do escritório/consultório
\n- Gás do escritório/consultório
\n- IPTU do escritório/consultório quando pago pelo contribuinte
\n- ISS
\n- Material de conservação e limpeza do escritório/consultório
\n- Material de escritório
\n\n - Remuneração paga a terceiros, com vínculo empregatício, INSS e FGTS\n
\n- Telefone do escritório/consultório
\n\n
\n ),\n};\n\nexport const ModalPensao = {\n title: \"Despesas com Pensão Alimentícia\",\n content: (\n A Receita Federal considera como dependentes, mas não só:
\n\n - Companheiro(a) com quem o contribuinte tenha filho ou viva há mais de\n 5 anos, ou cônjuge;\n
\n- Filho(a) ou enteado(a), até 21 anos de idade;
\n\n - Filho(a) ou enteado(a), se ainda estiverem cursando estabelecimento de\n ensino superior ou escola técnica de segundo grau, até 24 anos de idade;\n
\n\n - Irmão(ã), neto(a) ou bisneto(a), sem arrimo dos pais, de quem o\n contribuinte detenha a guarda judicial, até 21 anos, ou em qualquer\n idade, quando incapacitado física ou mentalmente para o trabalho;\n
\n\n - Irmão(ã), neto(a) ou bisneto(a), sem arrimo dos pais, com idade de 21\n anos até 24 anos, se ainda estiver cursando estabelecimento de ensino\n superior ou escola técnica de segundo grau, desde que o contribuinte\n tenha detido sua guarda judicial até os 21 anos;\n
\n\n - Irmão(ã), neto(a) ou bisneto(a) com deficiência, sem arrimo dos pais,\n do(a) qual o contribuinte detém a guarda judicial, em qualquer idade,\n quando a sua remuneração não exceder as deduções autorizadas por lei\n (tendo em vista a decisão do Supremo Tribunal Federal – STF, na Ação\n Direta de Inconstitucionalidade nº 5.583/DF);\n
\n\n - Pais, avós e bisavós que, em 2021, tenham recebido rendimentos,\n tributáveis ou não, até R$ 22.847,76;\n
\n\n – Pessoa absolutamente incapaz, da qual o contribuinte seja\n tutor ou curador.\n
\n\n
\n ),\n};\n\nexport const ModalPrevidencia = {\n title: \"Despesas com Previdência\",\n content: (\n \n Despesas com alimentos ou pensões, quando em cumprimento de decisão\n judicial ou acordo homologado judicialmente, são dedutíveis da base de\n cálculo do imposto sobre rendimentos.\n
\n\n As despesas médicas e as de instrução, pagas em decorrência de decisão\n judicial ou acordo homologado na Justiça, não podem ser deduzidas na\n determinação da base de cálculo mensal. Esses pagamentos são dedutíveis\n apenas na Declaração de Ajuste Anual, obedecido o limite anual para os\n gastos com instrução.\n
\n\n
\n ),\n};\n","import moment from \"moment\";\nimport { Typography } from \"antd\";\nimport { InfoCircleOutlined } from \"@ant-design/icons\";\nimport React, { Dispatch, SetStateAction } from \"react\";\nimport { AiOutlineMinusCircle, AiOutlinePlusCircle } from \"react-icons/ai\";\nimport Loading from \"../../Loading\";\nimport { PosicaoCardStyled } from \"./styles\";\nimport { Posicao } from \"../../../contexts/CarteiraContext\";\nimport { CustoMedioModal } from \"../../../constants/darfBolsa\";\nimport { formatCurrency, numberToPercentageWallet } from \"../../../utils\";\nimport {\n Area,\n AreaChart,\n CartesianGrid,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from \"recharts\";\n\nconst negativeToPositive = (n: number) => (n < 0 ? n * -1 : n);\n\nconst signal = (n: number) => (n > 0 ? \"+\" : n < 0 ? \"-\" : \"\");\n\nconst className = (n: number) => (n === 0 ? \"\" : n > 0 ? \"success\" : \"error\");\n\nexport const LucroPrejuizo: React.FC<{\n n?: number;\n p?: number;\n cotacao?: number;\n}> = ({ n, p, cotacao }) => (\n \n {signal(n || 0)}\n {formatCurrency(negativeToPositive(n || 0))} ({signal(n || 0)}\n {numberToPercentageWallet(negativeToPositive(p || 0))})\n {cotacao && (\n \n {signal(n || 0)}\n {formatCurrency(negativeToPositive(n ? n / cotacao : 0), \"US$ \")}\n \n )}\n \n);\n\nexport const HidenValue: React.FC<{\n block?: boolean;\n strong?: boolean;\n currency?: boolean;\n}> = ({ block, strong, currency = true }) => {\n const value = `${currency ? \"R$ \" : \"\"}****`;\n const content = strong ? {value} : value;\n return block ? \n Despesas com contribuição para a Previdência Social da União, dos\n Estados, do Distrito Federal e dos Municípios são dedutíveis da base de\n cálculo do imposto sobre rendimentos.\n
\n\n As contribuições para as entidades de previdência privada domiciliadas\n no País, bem como as contribuições destinadas ao Fundo de Aposentadoria\n Programada Individual (FAPI), não podem ser deduzidas na determinação da\n base de cálculo mensal. Esses pagamentos são dedutíveis apenas na\n Declaração de Ajuste Anual.\n
\n{content}
: {content};\n};\n\ninterface PosicaoCardProps {\n key: string;\n posicao?: Partial\n
\n );\n};\n\nexport const PosicaoBody = (\n posicao: Partial\n {posicao?.codigo || \"GOOGL\"}\n \n {posicao?.categoria === \"Bonds\"\n ? signal(posicao?.lucroPrejuizoTotal || 0)\n : signal(posicao?.lucroPrejuizoDiario || 0)}{\" \"}\n {numberToPercentageWallet(\n posicao?.categoria === \"Bonds\"\n ? negativeToPositive(posicao?.lucroPrejuizoTotalPercentual || 0)\n : negativeToPositive(posicao?.lucroPrejuizoDiarioPercentual || 0)\n )}\n \n
\n \n {hideValues ? (\n
\n \n Quantidade:\n \n {hideValues ?
\n \n {posicao.categoria === \"TesouroDireto\" ? (\n Valor atualizado:\n ) : (\n Preço atual:\n )}\n \n {hideValues ? (\n
\n \n {posicao?.loan?.typeLoan === \"Tomador\" && (\n <>\n Preço de venda:\n \n {hideValues ? (\n
\n {posicao.hasPosition2019 && posicao?.loan?.typeLoan !== \"Tomador\" && (\n \n {posicao.categoria === \"TesouroDireto\" ? (\n Valor Aplicado:\n ) : (\n Custo médio de compra:\n )}\n \n {posicao.custoMedio === 0 || !posicao.custoMedio ? (\n \"N/A\"\n ) : hideValues ? (\n
\n )}\n {posicao.categoria !== \"TesouroDireto\" &&\n posicao.categoria !== \"Bonds\" && (\n \n Lucro/prejuízo diário: \n {hideValues ? (\n
\n )}\n {posicao.hasPosition2019 && (\n \n Lucro/prejuízo total: \n {posicao.custoMedio === 0 || !posicao.custoMedio ? (\n \"N/A\"\n ) : hideValues ? (\n
\n )}\n {details &&\n (details?.marketCap !== \"N/A\" ||\n details?.beta !== \"N/A\" ||\n details?.peRatio !== \"N/A\" ||\n details?.earningDate !== \"N/A\" ||\n details?.dividendYield !== \"N/A\" ||\n details?.targetPrice !== \"N/A\" ||\n details?.enterpriseValueRevenue !== \"N/A\" ||\n details?.enterpriseValueEbitda !== \"N/A\") && (\n <>\n \n
\n
\n \n )}\n {loading && (\n \n \n Negociação\n \n \n Avaliação\n \n {/*
\n {details?.chart?.length && (\n \n Captalização de mercado:\n \n {hideValues ? (\n
\n \n Preço-alvo da ação:\n \n {hideValues ? (\n
\n \n Dividend yield (1YFW):\n \n {hideValues ? (\n
\n \n Divulgação de resultados:\n \n {hideValues ? (\n
\n \n Beta:\n \n {hideValues ?
*/}\n \n EV/Receita (1YFW):\n \n {hideValues ? (\n
\n \n EV/EBITDA (1YFW):\n \n {hideValues ? (\n
\n \n P/E (1YFW):\n \n {hideValues ? (\n
\n \n \n \n \n \n \n {\n const date = new Date(v);\n return `${date.getMonth() + 1}/${date.getFullYear()}`;\n }}\n />\n (\n \n
\n )}\n \n \n {moment(new Date(label)).format(\"DD/MM/YYYY\")}\n \n \n Cotação:{\" \"}\n {formatCurrency(Number(payload?.[0]?.value || 0))}\n \n
\n )}\n />\n \n
\n )}\n \n );\n};\n\nexport const PosicaoCard = ({\n key,\n posicao,\n hideValues,\n setHelpModal,\n details,\n loading,\n cotacaoVenda,\n}: PosicaoCardProps) => (\n \n target.parentElement!}\n >\n = 100 ? 100 : complete}%`,\n borderBottomRightRadius: complete >= 100 ? \"50px\" : 0,\n borderTopRightRadius: complete >= 100 ? \"50px\" : 0,\n }}\n >\n
\n \n \n {/* */}\n \n {vendas > 5000 ? formatCurrency(vendas) : \"\"}\n
\n \n target.parentElement!}\n >\n
\n \n setChartType(value)}\n getPopupContainer={(target) => target.parentElement!}\n >\n \n Por classe de ativo\n \n \n Por corretora\n \n Por ativo \n \n
\n \n \n Contrate o plano premium para ver a lista completa de ativos\n
\n - \n
- \n
\n As posições são atualizadas em até quatro dias úteis após sua\n negociação (D+4)\n \n - \n
\n Bonds e/ou operações fora da bolsa de valores não são apresentadas\n na listagem acima.\n \n {/* - \n
\n Os preços dos ativos custodiados no exterior são convertidos para\n reais pela cotação do dólar de compra fixada pelo Banco Central do\n Brasil (PTAX) na data do último fechamento.\n \n - \n
O custo médio de compra de ativos no\n exterior é apresentado para fins ilustrativos de acompanhamento de\n carteira apenas. Para cálculo de imposto de renda, utilizar\n valores de aquisição considerando a origem dos recursos para\n cálculo de ganho de capital.\n */}\n
\n
\n \n Filtrar por posições\n
\n \n Voltar\n
\n }\n {...(isMobile() ? { width: \"100%\" } : {})}\n >\n \n Notificações \n \n
\n\n {(loading || !notification?.length) && (\n \n 
\n {loading ? (\n \n Você não possui novas notificações.\n \n ) : (\n <>\n )}\n
\n )}\n\n {}\n {!!naoLidas?.length && !loading && (\n \n \n Buscando notificações\n \n
\n ) : !notification?.length ? (\n \n Não lidas \n \n
\n )}\n {!loading &&\n (notification || [])?.map((item, i) => {\n if (item.viewed) return <>;\n return (\n \n {\n if (!(loadingIndex === i || loadingIndex === \"all\"))\n removeNotification(i);\n }}\n >\n {(loadingIndex === i || loadingIndex === \"all\") && (\n
\n \n );\n })}\n\n {/* Notificações Lidas */}\n {!!lidas?.length && !loading && (\n \n
\n )}\n \n \n Rendimentos a receber\n \n {item?.date && (\n \n {new Date(item?.date)?.toLocaleDateString(\"pt-BR\", {\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n })}\n \n )}\n
\n \n {item.message} \n
\n \n Lidas \n
\n )}\n {!loading &&\n (notification || [])?.map((item, i) => {\n if (!item.viewed) return <>;\n return (\n \n
\n );\n })}\n \n
\n \n \n Rendimentos a receber\n \n {item?.date && (\n \n {new Date(item?.date)?.toLocaleDateString(\"pt-BR\", {\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n })}\n \n )}\n
\n \n {item.message} \n
\n \n \n Passo 1. Acesse a aba de{\" \"}\n Investimento Global dentro do aplicativo da Warren\n \n \n Passo 2. Deslize a tela para baixo e clique em{\" \"}\n Imposto de Renda e DARF\n \n \n Passo 3. Clique em{\" \"}\n Calcular Imposto de Renda e aceite os termos\n \n
\n \n )}\n \n );\n};\n","// Config\n// Components\nimport moment from \"moment\";\nimport { AvisosContainer } from \"./styles\";\nimport { useEffect, useState } from \"react\";\nimport { Button, Spin, Typography, message } from \"antd\";\nimport { FiArrowRight } from \"react-icons/fi\";\nimport { AiOutlineLink } from \"react-icons/ai\";\nimport { BiX } from \"react-icons/bi\";\nimport api from \"../../../services/api\";\nimport { useAuth } from \"../../../contexts/AuthContext\";\nimport { IntegrationModal } from \"../IntegrationModal\";\n// Assets\n\n// Types\ninterface IProps {\n}\nexport type TIntegrationModal = \"B3\" | \"Warren Internacional\" | null;\n\nexport const Avisos = ({\n}: IProps) => {\n const { user } = useAuth();\n const [dismissBolsa, setDismissBolsa] = useState(false);\n const [dismissExterior, setDismissExterior] = useState(false);\n const [loading, setLoading] = useState(false);\n const [integrationModal, setIntegrationModal] = useState<\"B3\" | \"Warren Internacional\" | null>(null); \n const getCloseBanner = async () => {\n try {\n setLoading(true);\n const { data } = await api.post(\"user/xp/close-banner\", { cpf: user?.user?.cpf })\n setDismissBolsa(data.closeBannerBolsaXp)\n setDismissExterior(data.closeBannerExteriorXp)\n } catch (error) {\n message.error(\"Algo deu errado, tente mais tarde!\");\n } finally {\n setLoading(false);\n }\n }\n\n const handleDismissBolsa = async () => {\n try {\n setLoading(true);\n setDismissBolsa(true);\n const { data } = await api.put(\"user/xp/close-banner\", { cpf: user?.user?.cpf, closeBannerBolsaXp: true })\n setDismissBolsa(data.closeBannerBolsaXp)\n } catch (error) {\n message.error(\"Algo deu errado, tente mais tarde!\");\n } finally {\n setLoading(false);\n }\n }\n\n const handleDismissExterior = async () => {\n try {\n setLoading(true);\n setDismissExterior(true);\n const { data } = await api.put(\"user/xp/close-banner\", { cpf: user?.user?.cpf, closeBannerExteriorXp: true })\n setDismissExterior(data.closeBannerExteriorXp)\n } catch (error) {\n message.error(\"Algo deu errado, tente mais tarde!\");\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n getCloseBanner()\n }, []);\n \n return (\n \n \n { user.user.isIntegratedBolsa || !dismissBolsa && (\n \n
\n \n { handleDismissBolsa() }}\n />\n
\n )}\n { user.user.isIntegratedExterior || !dismissExterior && (\n \n \n Integração com bolsa pendente\n \n \n Conceda a permissão na B3 para que seja\n possível acessar suas operações da bolsa de valores de forma\n automática.\n \n { setIntegrationModal(\"B3\") }}\n >\n Saiba mais\n
\n \n { handleDismissExterior() }}\n />\n
\n )}\n \n \n Conecte com a Warren Internacional\n \n \n Conceda a permissão na Warren Internacional\n para que seja possível acessar suas operações no exterior de\n forma automática.\n \n {\n console.log('caiu aqui');\n setIntegrationModal(\"Warren Internacional\");\n }}\n >\n Saiba mais\n
\n \n \n Meus investimentos\n \n {hasPlan && (\n
\n \n !n.viewed)?.length || 0}\n >\n
\n )}\n Tente novamente mais tarde.
Dados do plano
\n {loading ? (\n\n
\n ) : (\n <>\n \n {\"Plano Atual\"}}\n >\n {currentPlan} \n \n Status do Plano}\n >\n \n \n {planStatus}\n
\n {/* {pendingCancel && (\n \n {\n showUserPlanModal(true);\n }}\n size=\"medium\"\n color=\"secondary\"\n variant=\"contained\"\n style={{\n display: \"flex\",\n justifyContent: \"right\",\n fontSize: 12,\n }}\n >\n CONTRATAR PLANO\n \n
\n )} */}\n\n {currentPlan === \"Gratuito\" && (\n \n
\n )}\n\n {showChangeCardButton && (\n Deseja realmente cancelar o plano ?
\n\n Dados do usuário\n navigate(\"/gestaoacesso\")}\n startIcon={
\n \n \n \n 0}\n />\n \n\n \n \n\n \n 0}\n InputProps={{ inputComponent: MaskBirth as any }}\n InputLabelProps={{ shrink: true }}\n />\n \n\n \n \n\n \n 0}\n InputProps={{ inputComponent: MaskPhone as any }}\n InputLabelProps={{ shrink: true }}\n />\n \n\n \n {showPassword ? \"Não alterar senha\" : \"ALTERAR SENHA\"}\n \n\n {showPassword && (\n \n \n 0}\n />\n \n \n \n 0}\n />\n \n \n
\n )}\n\n
\n
\n\n\n \n Cancelar\n \n \n
\n \n
\n \n
\n\n
\n \n \n Lista de ações que, se vendidas com lucro até o dia 31/12/2023, \n são isentas de Impostos de Renda com base na lei 13.043, de 13 de novembro de 2014:\n \n \n \n - NUTRIPLANT (NUTR3)
\n - PETRORIO (PRIO3)*
\n - GENERAL SHOPPING (GSHP3)
\n - POMIFRUTAS (FRTA3)
\n - CR2 EMPREENDIMENTOS IMOBILIÁRIOS (CRDE3)
\n - SINQIA (SQIA3)*
\n - BRASIL AGRO (AGRO3)
\n - PRINER (PRNR3)\n \n \n * Válido para ações compradas antes do follow-on. A Sinqia e a Petrorio \n fizeram uma oferta de ações em setembro de 2019 e fevereiro de 2021, \n respectivamente. Caso você tenha comprado essas ações antes das datas das \n respectivas ofertas, você tem direito a isenção de imposto de renda sobre seus ganhos.\n \n
)\n};","import { useState } from \"react\";\nimport { List, Typography, Modal, Collapse } from \"antd\";\nimport { Container, Content } from \"./styles\";\nimport { CompaniesExemptList } from \"../../constants/regulation\";\n\ninterface RegulationProps {}\n\nexport const Regulation: React.FC\n - PETRORIO (PRIO3)*
\n - GENERAL SHOPPING (GSHP3)
\n - POMIFRUTAS (FRTA3)
\n - CR2 EMPREENDIMENTOS IMOBILIÁRIOS (CRDE3)
\n - SINQIA (SQIA3)*
\n - BRASIL AGRO (AGRO3)
\n - PRINER (PRNR3)\n
Regras de IR utilizadas pelo Velotax
\n\n Entenda quais são as normativas da Receita Federal que utilizamos para\n calcular automaticamente o seu imposto de renda\n
\n- \n
\n
O código a ser utilizado no Documento de Arrecadação das\n Receitas Federais (DARF) para pagamento desse tributo é 6015.\n
- \n
\n
\n
\n Caso você nunca tenha se cadastrado no Portal da B3, faça o seu{\" \"}\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n {!hideFooter && (\n
\n Imposto apurado\n
\n \n Imposto devido\n
\n \n );\n};\n","import React, { useState } from \"react\";\nimport { LoadingOutlined } from \"@ant-design/icons\";\nimport { Col, Divider, message, Modal, Row } from \"antd\";\nimport { Button } from \"@mui/material\";\n\ninterface IDeleteConfirmationModalProps {\n title: string;\n visibility: boolean;\n body: React.ReactNode;\n onCancel: () => void;\n onOk?: () => Promise{body}
\n\n {!hasPlan && (\n \n {DarfImpostosDevidosDescriptions.map((description) => (\n \n {loading ? (\n \n
\n\n \n \n Contrate o plano premium para ver os impostos devidos\n \n
\n )}\n\n \n\n
\n
\n }\n />\n \n Data de liquidação:{\" \"}\n {moment\n .utc(item?.data?.toLocaleString())\n .format(\"DD/MM/YYYY\")}\n
\n {/* \n Data de liquidação:{\" \"}\n \n {formatCurrency(\n item.ganho ??\n item.quantidade *\n (item.precoVenda - item.custoCompra) -\n item.taxas ??\n 0\n )}\n \n
*/}\n {item.quantidade && (\n Quantidade: {item.quantidade}
\n )}\n {view && (\n <>\n \n Valor de venda:{\" \"}\n \n {formatCurrency(item.precoVenda)}\n \n
\n \n Valor de compra:{\" \"}\n \n {formatCurrency(item.custoCompra)}\n \n
\n \n Taxas:{\" \"}\n {formatCurrency(item.taxas)}\n
\n \n )}\n Ganho: {formatCurrency(item.ganho)}
\n }\n\n {hasPlan && (\n
\n
\n
\n
\n \n )}\n \n
\n \n (1) Os cálculos de imposto de renda foram realizados levando\n em consideração somente as operações de compra e venda\n realizadas na Xtage. Caso você tenha realizado operações com\n criptoativos em outras corretoras, realize as alterações\n manualmente.\n
\n\n
\n \n (2) Caso você tenha realizado a transferência de custódia de\n outras corretoras de criptoativos para a Xtage, realize\n manualmente a inserção do custo médio de compra dos\n respectivos ativos transferidos.\n
\n\n
\n \n (3) O Usuário é exclusivamente responsável pela conferência\n e validação das informações utilizadas na apuração do\n imposto devido, conforme{\" \"}\n
{children}
\n \n \n {formatCurrency(plan.price)} / mês\n
\n\n {formatCurrency(plan.originalPrice)}{\" \"}\n / mês\n \n \n \n {plan.discount}% de desconto no plano anual\n \n
\n \n
\n {plan.includedFeatures.map((feature) => (\n
\n \n {feature.name}\n {feature.icon}\n
\n ))}\n \n {OtherFeatures.map((feature) => (\n feature.name === f.name) <\n 0,\n })}\n >\n \n {feature.name}\n {feature.desc && (\n {feature.desc}\n )}\n \n \n {plan.otherFeatures.findIndex((f) => feature.name === f.name) <\n 0 ? (\n
\n ))}\n \n Novo Cartão
\n \n {currentStep === 0 && (\n <>\n {\n setSelectedCard(card);\n\n if (!card) setCurrentStep(1);\n }}\n />\n \n )}\n\n {currentStep === 1 && (\n <>\n
\n
\n \n
\n );\n};\n\nexport default CreditCardStep;\n","import Payment from \"payment\";\nimport Masked from \"react-input-mask\";\nimport { TextField } from \"@mui/material\";\nimport { Focused } from \"react-credit-cards\";\nimport NumberFormat from \"react-number-format\";\nimport React, { forwardRef, useMemo } from \"react\";\nimport { Col, Form, FormInstance, Row } from \"antd\";\nimport { SelectLabled } from \"../../../../../constants/inputs\";\nimport getInstallmentsListByPrice from \"../../../../../utils/getInstallmentsListByPrice\";\nimport { cpfInputMask, getMuiInputCss } from \"../../../../../utils\";\nimport {\n validationAmexCVV,\n validationCardShelfLife,\n validationCpf,\n validationCreditCardNumber,\n validationCVV,\n validationFieldRequired,\n validationPhoneRequired,\n} from \"../../../../../utils/formValidations\";\n\ninterface ICardFormProps {\n number: string;\n focused?: Focused;\n form: FormInstance;\n uniqueValue?: number;\n setCvc: (cvc: string) => void;\n setName: (name: string) => void;\n setPhone: (value: string) => void;\n setNumber: (number: string) => void;\n setExpiry: (expiry: string) => void;\n setFocused: (focused: Focused) => void;\n setHolderDocument: (value: string) => void;\n setIsValidCardForm: (isValidCardForm: boolean) => void;\n handleBack: (event: any) => void;\n fixedInstallments?: number;\n signature?: boolean;\n installmentSelected?: number;\n customInstallments?: number;\n addInfo?: Record\n
\n
\n \n Confirme manualmente sempre que um DAS for pago com sucesso. Esta\n funcionalidade te ajuda a manter o controle dos seus pagamentos\n realizados.\n \n \n \n
\n ),\n};\n","import { Col, Row, Typography } from \"antd\";\nimport { ExteriorModalContainer } from \"./styles\";\nimport { formatCurrency, replaceDotByComma } from \"../../../utils\";\n\nexport enum ExteriorOperationType {\n TRADE = \"TRADE\",\n DEPOSIT = \"DEPOSIT\",\n WITHDRAW = \"WITHDRAW\",\n}\n\ninterface ExteriorModalContentProps {\n asset: any;\n}\n\nexport const InterestModal = ({ asset }: ExteriorModalContentProps) => {\n return (\n \n Rendimento total: \n {formatCurrency(asset.rendimentoAplicacao)}\n
\n \n \n Ganho de capital: \n {formatCurrency(asset.type === \"INTEREST\" ? asset.ganho2 : asset.ganho)}\n
\n \n \n {(!hasPlan || hideOnBasic) && (\n \n {DarfImpostosDevidosDescriptions.map((description) => {\n if (description.id === 'prejuizoExterior' && oldModel) return null\n\n return (\n {setOpenPrejuizoModal(true)}\n )}\n >\n {loading ? (\n \n
}\n\n \n \n Contrate o plano premium para ver os impostos devidos\n \n
\n )}\n \n
\n
\n }\n />\n \n Data de liquidação:{\" \"}\n {moment\n .utc(item?.data?.toLocaleString())\n .format(\"DD/MM/YYYY\")}\n
\n \n {item.type !== \"INTEREST\"\n ? \"Ganho\"\n : \"Rendimento total\"}\n :{\" \"}\n \n {formatCurrency(\n item.type === \"INTEREST\"\n ? item.rendimentoAplicacao\n : getGain(item, oldModel).value\n )}\n \n
\n {view && (\n <>\n \n {item.type !== \"INTEREST\"\n ? \"Valor de venda\"\n : \"Valor bruto\"}\n :{\" \"}\n \n {formatCurrency(getSellPrice(item).value, \"US$ \")}\n \n
\n \n Taxa de corretagem:{\" \"}\n \n {formatCurrency(getFee(item).value, \"US$ \")}\n \n
\n \n Cotação dólar:{\" \"}\n {item.cambioVenda}\n
\n {item.type !== \"INTEREST\" && (\n <>\n \n Valor de compra (Origem BRA):{\" \"}\n \n {formatCurrency(\n item.valueOriginBRA,\n \"US$ \"\n )}\n \n
\n \n Valor de compra (Origem EUA):{\" \"}\n \n {formatCurrency(\n item.valueOriginEUA,\n \"US$ \"\n )}\n \n
\n \n )}\n \n )}\n \n
\n }\n />\n \n Data:{\" \"}\n {moment\n .utc(item?.data?.toLocaleString())\n .format(\"DD/MM/YYYY\")}\n
\n {item.type === \"TRADE\" && Quantidade: {item.quantidade}
}\n \n {item.type === \"TRADE\"\n ? \"Ganho\"\n : \"Rendimento total\"}\n :{\" \"}\n \n {formatCurrency(\n item.type !== \"TRADE\"\n ? item.rendimentoAplicacao\n : getGain(item, oldModel).value\n )}\n \n
\n {item.type === 'TRADE' && \n Retorno: {calcReturn(\n getSellPrice(item, oldModel).value,\n getBuyPrice(item, oldModel).value,\n item.quantidade,\n getFee(item, oldModel).value,\n getGain(item, oldModel).value\n )}\n
}\n }\n\n {hasPlan && selectedYear && selectedYear <= 2023 && (\n
\n
\n
\n
\n \n )}\n {!view && !viewEdit && (\n \n
\n {selectedYear && selectedYear <= 2023 && \n (1) Os cálculos de imposto de renda foram realizados levando\n em consideração somente as operações de compra e venda\n realizadas na Warren Internacional. Caso você tenha realizado\n operações com ativos no exterior em outras corretoras,\n realize as alterações manualmente.\n
\n\n
}\n {/* \n (2) Caso você tenha realizado a transferência de custódia de\n outras corretoras de ativos no exterior para a Warren\n Internacional, realize manualmente a inserção do custo médio\n de compra dos respectivos ativos transferidos.\n
\n\n
*/}\n \n (3) O Usuário é exclusivamente responsável pela conferência e\n validação das informações utilizadas na apuração do imposto\n devido, conforme{\" \"}\n
\n {icon} \n
\n {children}
\n \n \n {op.icon && op.icon}\n
\n \n ) : (\n {op.label}
\n \n {op.icon && op.icon}\n
\n \n )}\n {op.label}
\n