\n\t\t\t{icon && (\n\t\t\t\t
\n\t)\n\n\tconst t = useTranslation()\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t{invoice.company && (\n\t\t\t\t{label}
\n\t\t{JSON.stringify(invoice, null, 4)} */}\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{invoice.invoice_code}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{invoice.company.company_name}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{invoice.company.street1}{\" \"}\n\t\t\t\t\t\t\t\t\t\t{invoice.company.street2\n\t\t\t\t\t\t\t\t\t\t\t? `, ${invoice.company.street2} -`\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\t{invoice.company.city\n\t\t\t\t\t\t\t\t\t\t\t? `, ${invoice.company.city} - `\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\t{invoice.company.state\n\t\t\t\t\t\t\t\t\t\t\t? `${invoice.company.state}, `\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\t{invoice.company.postal_code\n\t\t\t\t\t\t\t\t\t\t\t? `${invoice.company.postal_code} `\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\t{invoice.company.number\n\t\t\t\t\t\t\t\t\t\t\t? `- ${invoice.company.number}`\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{formatDocumentNumber(\n\t\t\t\t\t\t\t\t\t\t\tinvoice.company.number,\n\t\t\t\t\t\t\t\t\t\t\tinvoice.company.document_type\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"invoices.fields.billing_date\"\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t{new Date(\n\t\t\t\t\t\t\t\t\t\t\t\t\tinvoice.billing_date\n\t\t\t\t\t\t\t\t\t\t\t\t).toLocaleDateString()}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"subscriptions.fields.next_charge\")}:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t{new Date(\n\t\t\t\t\t\t\t\t\t\t\t\t\tinvoice.next_charge\n\t\t\t\t\t\t\t\t\t\t\t\t).toLocaleDateString()}\n\t\t\t\t\t\t\t\t\t\t\t
*/}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"invoices.label.for\")}:\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{`${invoice.customer.first_name} ${invoice.customer.last_name}`}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\"invoices.label.payment_status\")}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(invoice_status[invoice.status])}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t**** **** **** 0014\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t![](\"https://d1oco4z2z1fhwp.cloudfront.net/templates/default/60/ecommerce-template_order-confirmed-icon.jpg\")
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t{t(\n\t\t\t\t\t\t\t\t\t\t\t\t\"invoices.label.description\"\n\t\t\t\t\t\t\t\t\t\t\t)}{\" \"}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{invoice.plan.name}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"invoices.label.subtotal\")}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{t(\"invoices.label.tax\")}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tTotal\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{toCurrency(\n\t\t\t\t\t\t\t\t\t\t\tinvoice.total_amount,\n\t\t\t\t\t\t\t\t\t\t\tinvoice.plan.payment_definitions\n\t\t\t\t\t\t\t\t\t\t\t\t.currency\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{plan.plan.name}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{toCurrency(plan.pricing_option.amount, plan.pricing_option.currency)}/\n\t\t\t\t\t\t\t\t{t.frequency_interval_unit[plan.pricing_option.frequency]}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t.landing_page['subscribe']}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t);\n\t\t});\n\t\treturn tempArr;\n\t};\n\n\tconst productItems = (products) => {\n\t\tvar tempArr = [];\n\t\tproducts.filter((product) => {\n\t\t\ttempArr.push(\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{plan.plan.description || \"Nenhuma descrição disponível\"}
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{product.product.name}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{toCurrency(product.amount.amount, product.amount.currency)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t.landing_page['buy']}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t);\n\t\t});\n\t\treturn tempArr\n\t}\n\n\tconst fetchData = async () => {\n\t\ttry {\n\t\t\tawait billService\n\t\t\t\t.get(\"/checkout/landing-page\")\n\t\t\t\t.then((res) => {\n\t\t\t\t\tsetState(res.data)\n\t\t\t\t\tif (['BRA'].includes(res?.data?.company?.country)) {\n\t\t\t\t\t\thandleLocaleChange('pt-BR')\n\t\t\t\t\t} else if (['USA'].includes(res?.data?.company?.country)) {\n\t\t\t\t\t\thandleLocaleChange('en')\n\t\t\t\t\t} else if (['FRA'].includes(res?.data?.company?.country)) {\n\t\t\t\t\t\thandleLocaleChange('fr')\n\t\t\t\t\t} else if (['PER', 'ARG', 'BOL', 'CHL', 'COL'].includes(res?.data?.company?.country)) {\n\t\t\t\t\t\thandleLocaleChange('es')\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t}\n\t\tsetLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tfetchData();\n\t}, []);\n\n\tif (!loading)\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{product.product.description || \"Nenhuma descrição disponível\"}
\n\t\t\t\t\t\t{state.social_media.headline.title}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{state.social_media.headline.text}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{state.social_media.enable_plans &&{t.landing_page['login_prompt1']}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t history.push(\"/login\")}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{t.landing_page['login_prompt2']}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{t.landing_page.contacts}
\n\t\t\t\t\t\t\t\t{state.social_media.hide_footer_address ? null :\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{state.social_media.social.whatsapp && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{state.social_media.social.facebook && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{state.social_media.social.instagram && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{state.social_media.social.youtube && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t{state.social_media.social.whatsapp && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{state.social_media.social.facebook && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{state.social_media.social.instagram && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{state.social_media.social.youtube && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n","export const primary = \"#282828\"\nexport const secundary = \"#fff\"\nexport const backgroundColor = \"#fff\"\n","import React from \"react\"\nimport { Grid, makeStyles } from \"@material-ui/core\"\nimport { backgroundColor } from \"../color\"\n\nconst useStyles = makeStyles({\n\troot: {\n\t\tpadding: (theme) =>\n\t\t\ttheme.noPadding ? 0 : theme.miniPadding ? \"10px 0\" : \"15px 0\",\n\t\tjustifyContent: (theme) => theme.position,\n\t\tbackgroundColor: ({ debug }) => debug && debug,\n\t\talignItems: ({ alignItems }) => alignItems && alignItems,\n\t},\n})\n\nconst SectionMain = ({\n\tchildren,\n\tposition,\n\tnoPadding,\n\tminiPadding,\n\tdebug,\n\talignItems,\n\t...props\n}) => {\n\tconst classes = useStyles({\n\t\tnoPadding,\n\t\tminiPadding,\n\t\tposition,\n\t\talignItems,\n\t\tdebug,\n\t})\n\treturn (\n\t\t\n\t\t\t\t{`${user.first_name}`}\n\n\t\t\t\t\n\t\t\t\t\t{user.first_name[0].toUpperCase()} \n\t\t\t\t \n\t\t\t\t\n\t\t\t
\n\t\t)\n\treturn ''\n}\n\nexport default UserAvatar\n","import React from 'react'\nimport { Button } from '@material-ui/core'\n\nconst ButtonCard = ({ children, style, textDecorationLine = 'underline', color = 'primary', ...props }) => {\n\treturn (\n\t\t\n\t\t\t\t\t\t{/*
\n\t\t\t\t{`${t.titles.initial_charge} ${t.generics.charge}`}\n\t\t\t\t\t
{`${t.titles.current_charge} ${t.generics.charge}`}\n\t\t\t\t\t
{`${t.titles.next_charge} ${t.generics.payment}`}\n\t\t\t\t\t
{t.titles.initial_charge}
{t.generics.charge}\n\t\t\t\t\t
{t.titles.current_charge}
{t.generics.charge}\n\t\t\t\t\t
{t.titles.next_charge}
{t.generics.payment}\n\t\t\t\t\t
\n\t\t\t\t\t\t{t(\"@@ Sem mais resultados\")}\n\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{subscription.plan.name} \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\thandleToggle(e, subscription)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{`${toCurrency(\n\t\t\t\t\t\t\t\t\t\t\t\tsubscription.plan.amount,\n\t\t\t\t\t\t\t\t\t\t\t\tsubscription.plan.currency\n\t\t\t\t\t\t\t\t\t\t\t\t\t.alpha_code\n\t\t\t\t\t\t\t\t\t\t\t)}/${t.frequency_interval_unit[\n\t\t\t\t\t\t\t\t\t\t\tsubscription.plan.frequency\n\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t{subscription.is_contract && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tt.titles[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"status.subscription\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{subscription.is_contract && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${subscription.qty_sales} ${t.generics.to} ${subscription.pricing_options.count}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t {t.generics.charges}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{t.titles[\"summary.details\"]}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t{subscription.last_sale && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tt.titles[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"last_charge.subscription\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{toCurrency(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubscription.last_sale\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.amount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubscription.plan\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.currency.alpha_code\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.status_subscriptions[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubscription\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.last_sale\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.status\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{subscription.plan.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{subscription.plan.description} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{toCurrency(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubscription\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.last_sale\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.amount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubscription\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.plan\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.currency\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.alpha_code\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.status_subscriptions[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubscription\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.last_sale\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.status\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(\"@@ Sem mais resultados\")}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{renderMapCards(state.subscriptions)}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{t(\"@@ Sem mais resultados\")}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tformikProps.setFieldValue(\n\t\t\t\t\t\t\t\t\t`first_name`,\n\t\t\t\t\t\t\t\t\te.target.value\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tdocumentType = e.target.value;\n\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(\n\t\t\t\t\t\t\t\t\t\t`document.type`,\n\t\t\t\t\t\t\t\t\t\te.target.value\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tarrayValues={getDocument(language)}\n\t\t\t\t\t\t\t\tlabel={t(\"^forms.document_type\", \"*\")}\n\t\t\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\t\t\tformikProps.touched[`document`] &&\n\t\t\t\t\t\t\t\t\tformikProps.touched[`document`].number &&\n\t\t\t\t\t\t\t\t\tformikProps.errors[`document`] &&\n\t\t\t\t\t\t\t\t\tformikProps.errors[`document`].number\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tformikProps.setFieldValue(\n\t\t\t\t\t\t\t\t\t`mobile_phone`,\n\t\t\t\t\t\t\t\t\tvalue\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tconst value = (\n\t\t\t\t\t\t\t\t\t\te.target.value\n\t\t\t\t\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t\t\t\t\t.match(/\\d/g) || []\n\t\t\t\t\t\t\t\t\t).join(\"\");\n\t\t\t\t\t\t\t\t\tgetviaCepUrl(value, formikProps, inputName);\n\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${inputName}`, {\n\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${inputName}`],\n\t\t\t\t\t\t\t\t\t\tpostal_code: e.target.value,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tmask={() => generateMask(\"99999-999\")}\n\t\t\t\t\t\t\t\tplaceholderChar={\"\\u2000\"}\n\t\t\t\t\t\t\t\tautoComplete=\"postal-code\"\n\t\t\t\t\t\t\t\trender={(ref, props) => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${inputName}`, {\n\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${inputName}`],\n\t\t\t\t\t\t\t\t\t\tnumber: e.target.value,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${inputName}`, {\n\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${inputName}`],\n\t\t\t\t\t\t\t\t\t\tcity: e.target.value,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tconst value = (\n\t\t\t\t\t\t\t\t\t\te.target.value\n\t\t\t\t\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t\t\t\t\t.match(/\\d/g) || []\n\t\t\t\t\t\t\t\t\t).join(\"\");\n\n\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(\n\t\t\t\t\t\t\t\t\t\t`${inputName.split(\".\")[0]}`,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t...formikProps.values[\n\t\t\t\t\t\t\t\t\t\t\t`${inputName.split(\".\")[0]}`\n\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\tpostal_code: e.target.value,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`payment_mean`, {\n\t\t\t\t\t\t\t\t\t\t...formikProps.values.payment_mean,\n\t\t\t\t\t\t\t\t\t\texpiry_date: e.target.value,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmask={[/[0-1]/, /[0-9]/, \"/\", /[2-5]/, /[0-9]/]}\n\t\t\t\t\t\t\t\tplaceholderChar={\"\\u2000\"}\n\t\t\t\t\t\t\t\tplaceholder=\"MM/YY\"\n\t\t\t\t\t\t\t\trender={(ref, props) => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t formikProps.setFieldValue(`first_name`, e.target.value)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t formikProps.setFieldValue(`last_name`, e.target.value)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`document`, {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: e.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\tnumber: formikProps.values[`${input.name}`].number\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tarrayValues={[\n\t\t\t\t\t\t\t\t\t\t\t{ value: 'CPF', label: 'CPF' },\n\n\t\t\t\t\t\t\t\t\t\t\t{ value: 'CNPJ', label: 'CNPJ' }\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tlabel={t('^forms.document_type', '*')}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tconst value = e.target.value\n\n\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`document`, {\n\t\t\t\t\t\t\t\t\t\t\t\tnumber: value,\n\t\t\t\t\t\t\t\t\t\t\t\ttype: formikProps.values[`${input.name}`].type\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tmask={() => maskType(formikProps.values[`${input.name}`].type)}\n\t\t\t\t\t\t\t\t\t\tplaceholderChar={'\\u2000'}\n\t\t\t\t\t\t\t\t\t\trender={(ref, props) => (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tconst value = (e.target.value.toString().match(/\\d/g) || []).join('')\n\t\t\t\t\t\t\t\t\t\t\t\tgetviaCepUrl(value, formikProps)\n\n\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${input.name}`, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${input.name}`],\n\t\t\t\t\t\t\t\t\t\t\t\t\tpostal_code: e.target.value\n\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tmask={() => generateMask('99999-999')}\n\t\t\t\t\t\t\t\t\t\t\tplaceholderChar={'\\u2000'}\n\t\t\t\t\t\t\t\t\t\t\tautoComplete=\"postal-code\"\n\t\t\t\t\t\t\t\t\t\t\trender={(ref, props) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${input.name}`, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${input.name}`],\n\t\t\t\t\t\t\t\t\t\t\t\t\tnumber: e.target.value\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${input.name}`, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${input.name}`],\n\t\t\t\t\t\t\t\t\t\t\t\t\tdistrict: e.target.value\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${input.name}`, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${input.name}`],\n\t\t\t\t\t\t\t\t\t\t\t\t\tcity: e.target.value\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`${input.name}`, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...formikProps.values[`${input.name}`],\n\t\t\t\t\t\t\t\t\t\t\t\t\tstate: e.target.value\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{[ 'visa', 'mastercard', 'amex', 'elo' ].map((brand) => (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`payment_mean`, {\n\t\t\t\t\t\t\t\t\t\t\t\t...formikProps.values.payment_mean,\n\t\t\t\t\t\t\t\t\t\t\t\texpiry_date: e.target.value\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tmask={[ /[0-1]/, /[0-9]/, '/', /[2-5]/, /[0-9]/ ]}\n\t\t\t\t\t\t\t\t\t\tplaceholderChar={'\\u2000'}\n\t\t\t\t\t\t\t\t\t\trender={(ref, props) => (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(`payment_mean`, {\n\t\t\t\t\t\t\t\t\t\t\t\t...formikProps.values.payment_mean,\n\t\t\t\t\t\t\t\t\t\t\t\tcvv: (e.target.value.match(/\\d/g) || []).join('')\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tmask={() => maskType('CVV', formikProps.values.payment_mean.brand)}\n\t\t\t\t\t\t\t\t\t\tplaceholderChar={'\\u2000'}\n\t\t\t\t\t\t\t\t\t\t// showMask\n\t\t\t\t\t\t\t\t\t\trender={(ref, props) => (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{response}\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t)\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"username\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.target.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"password\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.target.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tInputProps={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tendAdornment: (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{showPassword ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{response}
}\n\t\t\t\n\t\t)\n\t}\n\n\treturn (\n\t\t{response}
}\n\t\t\t\n\t\t)\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t\t{children}\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t{company.document_type && company.document_number &&\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{`${company.document_type.toUpperCase()} ${company.document_number}`}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{company.address?.street &&\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{`${company.address.street} ${company.address.number ? (company.address.number) : \"\"}`} \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{company.address?.district &&\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{company.address.district}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{company.address?.city && company.address?.postal_code &&\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{`${company.address.city} - ${company.address.postal_code}`}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{company.address?.second_street && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{company.address.second_street}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{company.email &&\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{company.email}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{company.phone && company.phone.length > 5 &&\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{company.phone}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{company.site &&\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{company.site}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\twindow.location = \"https://cyclopay.com\"\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\talt=\"ciclopay-logo\"\n\t\t\t\t\t\t\t\t\t\tsrc={isBackgroundDark(company.style.secundary_color) ? cyclopayWhite : cycloPay}\n\t\t\t\t\t\t\t\t\t\twidth=\"70px\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t handleLocaleChange(e.target.value)}\n\t\t\t\t\t\t\t\t\t\tclasses={{ root: classes.localeSelect }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t */}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{messageError}
\n\t\t\t\t\t\n\n {!noTitle &&\n
\n\n )\n}","import { Input, TextField } from \"@material-ui/core\";\nimport React, { useState } from \"react\";\nimport PhoneInput from \"react-phone-input-2\";\nimport MaskedInput from \"react-text-mask\";\nimport { flagReValidators } from \"../../../../core/cards-utils\";\nimport generateMask from \"../../../../core/generateMask\";\nimport { getviaCepUrl } from \"../../../../utils/getViaCepUrl\";\nimport AppContext, { useAppContext } from \"../../../AppContextCheckout\";\nimport { useTranslation } from \"../../../IntlContext/IntlContext\";\nimport SelectedInput from \"../SelectedInput\";\nimport { TextInputMasked } from \"../TextInput\";\nimport { handleBrand } from \"../../../../utils/handleBrand\";\nimport CardBrand from \"../../../../portal/components/cards/CardBrand\";\nimport { currencyLocaleTable } from \"../../../../core/toCurrency\";\nimport NumberFormat from 'react-number-format';\nimport PropTypes from 'prop-types';\nimport CurrencyInput from \"react-currency-input\"\nimport MomentUtils from '@date-io/moment'\nimport {\n MuiPickersUtilsProvider,\n KeyboardTimePicker,\n KeyboardDatePicker,\n} from '@material-ui/pickers';\nimport formSchema from \"../../../../core/formSchema\";\nimport { LocalizationProvider } from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport 'dayjs/locale/pt-br';\nimport DateInput from \"./DateInput\";\n\nlet documentType\nconst RenderInputsV4 = ({ rows, formikprops, checkoutConfig, disabledInputs = {} }) => {\n return (\n \n {\n title\n }\n
\n }\n \n {data.map(row => {\n if (!row) return\n return (\n
\n\n \n {row.label}{noCommas ? '' : ':'}\n {row.value || \"---\"}\n
\n )\n })}\n \n {rows.map((row, index) => (\n
\n )\n}\n\nconst InputsSwitch = ({ type, formikprops, required, error, checkoutConfig = {}, disabled }) => {\n const t = useTranslation()\n let input\n const { lang: language } = useAppContext(AppContext);\n const getDocument = (lang) => {\n return (formSchema[formikprops.values[\"country_code\"] || \"BRA\"].documentsList).map(elt => (\n { value: elt, label: elt }\n ))\n\n };\n\n\n const getCountry = (lang) => {\n switch (lang) {\n case \"pt-BR\":\n return \"br\";\n\n case \"fr\":\n return \"fr\";\n\n default:\n return \"br\";\n }\n };\n\n function handleFocus(event) {\n let lastDigitIndex = 0;\n const { target } = event;\n const { value } = target;\n for (let i = value.length - 1; i >= 0; i--) {\n if (value[i].match(/\\d/)) {\n lastDigitIndex = i + 1;\n break;\n }\n }\n setTimeout(() => {\n target.setSelectionRange(lastDigitIndex, lastDigitIndex);\n });\n }\n\n const handleMobileFocus = (value) => {\n if (value.length <= 12) {\n const el = document.getElementById('input-mobile_phone-1')\n if (document.getElementById('input-mobile_phone') !== document.activeElement) return\n return el.focus()\n\n } else {\n const el = document.getElementById('input-mobile_phone')\n if (document.getElementById('input-mobile_phone-1') !== document.activeElement) return\n return el.focus()\n }\n }\n\n const maskType = (type, brand) => {\n switch (type) {\n case \"CNPJ\":\n return generateMask(\"99.999.999/9999-99\");\n\n case \"CPF\":\n return generateMask(\"999.999.999-99\");\n\n case \"CNI\":\n return generateMask(\"99999999999999\");\n\n case \"CARD\":\n return generateMask(\n flagReValidators[brand || \"default\"].raw_mask\n );\n\n case \"CVV\":\n return generateMask(\n flagReValidators[brand || \"default\"].raw_mask_cvv\n );\n\n default:\n return generateMask(\"99999999999999\");\n break;\n }\n };\n\n function TextMaskCustom(props) {\n const { inputRef, ...other } = props;\n\n return (\n \n {row.map(input => (\n
\n ))\n }\n \n
\n\n ))}\n \n
\n //Sorry not sorry\n break;\n\n case 'billing_address_postal_code':\n input = 12 ? '0px' : '100%',\n overflow: formikprops.values.mobile_phone.length > 12 && \"hidden\",\n // margin: \"-5px\",\n // padding: 5,\n opacity: formikprops.values.mobile_phone.length > 12 && 0\n }}\n >\n 12 && 0 }}\n onChange={(value) => {\n formikprops.setFieldValue(\n type,\n value\n );\n handleMobileFocus(value)\n }}\n inputProps={{ name: type, id: `input-${type}-1`, autoComplete: 'off', 'data-cy': `cy-input-${type}` }}\n value={formikprops.values[type]}\n specialLabel={`${required && \"*\"}${t.forms.mobile_phone}`}\n variant=\"outlined\"\n country={countries[formikprops.values['country_code']]} />\n
\n \n {\n formikprops.setFieldValue(\n type,\n value\n );\n handleMobileFocus(value)\n }}\n inputProps={{ name: type, id: `input-${type}`, autoComplete: 'off' }}\n value={formikprops.values[type]}\n specialLabel={`${required && \"*\"}${t.forms.mobile_phone}`}\n variant=\"outlined\"\n country={countries[country]} />\n\n
\n \n
\n\n break;\n\n case 'subscription_custom_fields':\n input = \n {checkoutConfig.checkout_config.customer_custom_fields?.map(field => {\n if (!field.is_enabled) return\n return (\n
\n \n
\n )\n })}\n \n
\n\n break;\n\n case 'coupon':\n input = \n {checkoutConfig.checkout_config.subscription_custom_fields?.map(field => {\n if (!field.is_enabled) return\n return (\n
\n \n
\n )\n })}\n {label}
\n\t\t\t\n\t\t\t\t{value}\n\t\t\t
\n\t\t\n\t)\n\n\tconst renderCheckoutSuccessInfo = () => {\n\t\tconst lines = checkoutInfo ? checkoutInfo.checkout_config?.checkout_success_instructions?.split(\"\\n\") : []\n\t\treturn lines.map(line => (\n\t\t\t\n\t\t\t\t{line}\n\t\t\t\t\n\t\t\t\n\t\t))\n\t}\n\n\tuseEffect(() => {\n\t\tdelayRedirect()\n\t}, [checkoutInfo])\n\n\tconsole.log(success_info)\n\n\tconst tableData = [\n\t\t(success_info?.plan || success_info?.product)\n\t\t\t? {\n\t\t\t\tlabel: `${isProduct ?\n\t\t\t\t\tt.products.name\n\t\t\t\t\t: t.plans.name}:`,\n\t\t\t\tvalue: success_info.plan?.name || success_info.product?.name,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t}\n\t\t\t: null,\n\t\t,\n\t\t(userInfo.name || userInfo.first_name)\n\t\t\t? {\n\t\t\t\tlabel: `${isProduct ? t.titles.buyer : t.titles.customer}:`,\n\t\t\t\tvalue: userInfo.name || userInfo.first_name + \" \" + userInfo.last_name, boldValue: true,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(userInfo.name || userInfo.first_name)\n\t\t\t? {\n\t\t\t\tlabel: `${t.checkout.email}:`,\n\t\t\t\tvalue: userInfo.email,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\n\t\t(success_info?.subscription)\n\t\t\t? {\n\t\t\t\tlabel: `${t.generics.subscription}:`,\n\t\t\t\tvalue: success_info.subscription.code,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(success_info?.payment_number)\n\t\t\t? {\n\t\t\t\tlabel: `${t.titles['payment_method.credit_card']}:`,\n\t\t\t\tvalue: t.generics.last_numbers + \" \" + success_info.payment_number.slice(-4),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(success_info?.pricing_option)\n\t\t\t? {\n\t\t\t\tlabel: `${t.label.frequency}:`,\n\t\t\t\tvalue: renderFrequency(success_info.pricing_option),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\n\t\t(success_info?.amount)\n\t\t\t? {\n\t\t\t\tlabel: `${t(\"^currencies.amount\")}:`,\n\t\t\t\tvalue: toCurrency(success_info?.amount),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\n\t\t((success_info?.amount && checkoutInfo?.plan?.trial.interval > 0))\n\t\t\t? {\n\t\t\t\tlabel: `${t(\"^currencies.amount\")}:`,\n\t\t\t\tvalue: renderTrialAmount(success_info),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\t]\n\n\n\treturn (\n\t\t
\n\t\t\t\t
\n\n\t\t\t\t{\n\t\t\t\t\tisRedirecting &&\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
)\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{updatePayment ? (\n\t\t\t\t\t\t\t\t\t\t\tt.messages['success_update_payment_mean.subscription_2']\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\tt('^messages.send_invoice.subscription', userInfo.email)\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{/*
\n\t\t\t\t\t\n\t\t\t\t\t\tclique aqui acesse os seus dados no portal do assinante\n\t\t\t\t\t */}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t{checkoutInfo && checkoutInfo.checkout_config.checkout_success_instructions &&\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span style={{ fontSize: 18 }}>\n\t\t\t\t\t\t\t\t\t\t\t{updatePayment ? (\n\t\t\t\t\t\t\t\t\t\t\t\tt.messages['success_update_payment_mean.subscription']\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t(userInfo.totalPaid?.amount > 0) ? t.messages['success_submit_payment.subscription'] : \"Assinatura concluída com sucesso!\"\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{(userInfo.totalPaid?.amount > 0) && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t< div style={{ paddingBottom: 15 }}>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 style={{ margin: 0 }}>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{t('^currencies.amount')}:\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t\t\t\t<h2 style={{ margin: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{toCurrency(userInfo.totalPaid.amount, userInfo.totalPaid.currency)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{checkoutInfo?.plan?.enabled_installment && userInfo.totalPaid.installment && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span style={{ fontSize: '1rem' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" \"}{t.generics.in} {userInfo.totalPaid.installment}x\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t{checkoutInfo.plan?.trial.interval > 0 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{(userInfo.totalPaid?.amount > 0) && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t< div style={{ paddingBottom: 15 }}>\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t{checkoutInfo.plan?.trial.interval > 0 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t.generics.from_day} {renderDate(checkoutInfo.plan.trial.next_charge)}, {t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"^messages.trial_interval.charge\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttoCurrency(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcheckoutInfo.plan?.amount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcheckoutInfo.plan?.currency\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tt.frequency_interval_unit[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcheckoutInfo.plan.recurrence.frequency\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tclique aqui acesse os seus dados no portal do assinante\n\t\t\t\t\t */}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{renderCheckoutSuccessInfo()}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n \n handleLocaleChange(e.target.value)}\n classes={{ root: classes.localeSelect }}\n >\n \n \n \n \n \n \n
\n )\n}","import React, { useCallback, useEffect } from \"react\"\nimport { useState } from \"react\"\nimport api, { updateFunctionApi } from \"../../../core/api\"\nimport { Formik } from \"formik\"\nimport WrapperLayout from \"../../../layout/WrapperLayout\"\nimport SectionMain from \"../../../layout/SectionMain\"\nimport Title, {\n\tTitleSmall,\n} from \"../../../components/checkout-1.5.4/forms/Title\"\nimport {\n\tPaper,\n\tList,\n\tListItem,\n\tListItemIcon,\n\tAvatar,\n\tHidden,\n\tButton,\n\tCircularProgress,\n\tFormControl,\n\tSelect,\n\tMenuItem,\n\tmakeStyles,\n} from \"@material-ui/core\"\nimport CreditCardIcon from \"@material-ui/icons/CreditCard\"\nimport StepTitle from \"../../../components/checkout-1.5.4/forms/StepTitle\"\nimport RenderInputsV2 from \"../../../components/checkout-1.5.4/forms/RenderInputsV2\"\nimport AssignmentTurnedInIcon from \"@material-ui/icons/AssignmentTurnedIn\"\nimport { backgroundColor } from \"../../../layout/color\"\nimport jwt from \"jsonwebtoken\"\nimport RRule from \"rrule\"\nimport { useConfirmation } from \"../../../core/useConfirmation\"\nimport { useTranslation } from \"../../../components/IntlContext/IntlContext\"\nimport { string, object, mixed, array, number } from \"yup\" // for only what you need\nimport NotFound from \"../../../components/checkout-1.5.4/NotFound\"\nimport { useSnackbar } from \"notistack\"\nimport SuccessPage from \"../../../components/checkout-1.5.4/SuccessPage\"\nimport SuccessMessage from \"../../../components/checkout-1.5.4/SuccessMessage\"\nimport Loader from \"../../../components/Loader\"\nimport RenderInputsV3 from \"../../../components/checkout-1.5.4/forms/RenderInputsV3\"\nimport RenderInputsV4 from \"../../../components/checkout-1.5.4/forms/RenderInputsV4\"\nimport AppContext, { useAppContext } from \"../../../components/AppContextCheckout\"\nimport { CheckoutService } from \"../../../core/CheckoutService\"\nimport RenderPayzenForm from \"../../../components/checkout-1.5.4/forms/PayzenForm\"\nimport { Icon } from \"@iconify/react\"\nimport getLocale from '../../../locale'\nimport { LocaleSelect } from \"../../../components/LocaleSelect\"\nimport toCurrency from \"../../../core/toCurrency\"\n\nconst execImmediate = (f) => f()\n\nconst langList = {\n\t\"en\": 'en-US',\n\t\"es\": 'es-ES',\n\t\"fr\": 'fr-FR',\n\t\"pt-br\": 'pt-BR'\n}\n\nconst langByCountryCode = {\n\t\"BRA\": 'pt-BR',\n\t\"FRA\": 'fr-FR',\n\t\"ESP\": 'es-ES',\n\t\"USA\": 'en-US',\n\t\"ARG\": 'es-ES',\n\t\"PER\": 'es-ES',\n\t\"COL\": 'es-ES',\n\t\"CHL\": 'es-ES',\n}\n\nconst UpdatePaymentMeanPage = ({ match }) => {\n\tconst { payzenForm, setAppState, lang, language } = useAppContext(AppContext);\n\tconst [details, setDetails] = useState({\n\t\tcompany: {},\n\t\tcompany_id: \"\",\n\t\tsubscription_id: \"\",\n\t\tcustomer_id: \"\",\n\t\tfirst_name: \"\",\n\t\tlast_name: \"\",\n\t\temail: \"\",\n\t\tamount: 0,\n\t\trrule: { freq: \"\" },\n\t\ttrial_rrule: { interval: 0, freq: \"\" },\n\t\tis_on_trial: false,\n\t\tplan_name: \"\",\n\t\tcurrency: \"BRL\"\n\t})\n\n\tconst [checkoutData, setCheckoutData] = useState({})\n\t// let language = { BRA: \"pt-BR\", FRA: \"fr\" };\n\tconst t = useTranslation()\n\tconst rruleFreqLabels = {\n\t\tarrayFreqLabelsFull: [t.frequency_interval_unit.YEARLY, t.frequency_interval_unit.MONTHLY, t.frequency_interval_unit.WEEKLY, t.frequency_interval_unit.DAILY],\n\t\tarrayFreqLabels: [t.frequency.YEARLY, t.frequency.MONTHLY, t.frequency.WEEKLY, t.frequency.DAILY],\n\t}\n\tconst { enqueueSnackbar } = useSnackbar()\n\tconst [confirm, showConfirm] = useConfirmation()\n\tconst [loading, setLoading] = useState(false)\n\tconst [isLoading, setIsLoading] = useState(true)\n\n\tconst [success, setSuccess] = useState(false)\n\tconst [messageError, setMessageError] = useState(\"loading\")\n\tconst paymentInputs = [\"payment\"]\n\tconst [company, setCompany] = useState({\n\t\tstyle: { primary_color: \"\", url_logo_white: \"\" },\n\t})\n\n\tconst fetchPaymentMean = async () => {\n\t\tsetIsLoading(true)\n\t\tconst qs = new URLSearchParams(window.location.search)\n\t\tconst hash = qs.get(\"hash\") || match.params.id;\n\t\tconst payload = jwt.decode(hash)\n\n\t\ttry {\n\t\t\tconst data = payload ? await CheckoutService.GetPaymentUpdateInfo_OLD({\n\t\t\t\tsubscription_id: payload.subscription_id,\n\t\t\t\ttoken: payload.token,\n\t\t\t\tcompanyId: payload.company_id,\n\t\t\t}) : await CheckoutService.GetPaymentUpdateInfo({\n\t\t\t\thash\n\t\t\t})\n\n\t\t\t// const data = mockData\n\t\t\thandleLocaleChange((\n\t\t\t\tlangList[data.language]\n\t\t\t\t|| langByCountryCode[data.company.address.country_code]\n\t\t\t\t|| data.company.locale\n\t\t\t), setAppState);\n\n\n\n\t\t\tif (!payload) setCheckoutData(data)\n\n\t\t\tconst rrule = RRule.fromString(data.plan.recurrence.rrule)\n\t\t\tconst trial_rrule = data.trial_rrule ? RRule.fromString(data.trial_rrule) : \"\"\n\t\t\tsetDetails({\n\t\t\t\t...data,\n\t\t\t\t...data.customer,\n\t\t\t\tamount: data.plan.amount,\n\t\t\t\tplan_name: data.plan.name,\n\t\t\t\ttrial_rrule: trial_rrule.origOptions,\n\t\t\t\trrule: rrule.origOptions,\n\t\t\t\tcompany: {},\n\t\t\t\tcurrency: data.plan.currency,\n\t\t\t})\n\t\t\tsetCompany(data.company)\n\n\t\t\tif (data.use_form_token) {\n\t\t\t\tsetAppState({\n\t\t\t\t\tpayzenForm: { form_token: data.form_token.form_token, public_key: data.form_token.public_key },\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsetIsLoading(false)\n\n\t\t\treturn setMessageError(\"\")\n\t\t\t// await updateFunctionApi\n\t\t\t// \t.get(\n\t\t\t// \t\t`/change-payment?subscriptionId=${payload.subscription_id}`,\n\t\t\t// \t\t{\n\t\t\t// \t\t\theaders: {\n\t\t\t// \t\t\t\ttoken: payload.token,\n\t\t\t// \t\t\t\tcompanyId: payload.company_id,\n\t\t\t// \t\t\t},\n\t\t\t// \t\t}\n\t\t\t// \t)\n\t\t\t// \t.then((res) => {\n\t\t\t// \t\tconst trial_rrule = res.data.trial_rrule ? RRule.fromString(res.data.trial_rrule) : \"\"\n\t\t\t// \t\tconst rrule = RRule.fromString(res.data.rrule)\n\t\t\t// \t\tsetDetails({\n\t\t\t// \t\t\t...res.data,\n\t\t\t// \t\t\ttrial_rrule: trial_rrule.origOptions,\n\t\t\t// \t\t\trrule: rrule.origOptions,\n\t\t\t// \t\t\tcompany: {}\n\t\t\t// \t\t})\n\t\t\t// \t\tsetMessageError(\"\")\n\t\t\t// \t})\n\t\t} catch (e) {\n\t\t\tsetIsLoading(false)\n\t\t\tconsole.log(e)\n\t\t\tif (e.response) {\n\t\t\t\tswitch (e.response.status) {\n\t\t\t\t\tcase 401:\n\t\t\t\t\t\tsetMessageError(t.errors.expired_page)\n\t\t\t\t\t\tbreak\n\n\t\t\t\t\tcase 403:\n\t\t\t\t\t\tsetMessageError(\n\t\t\t\t\t\t\tt.errors.link_already_used\n\t\t\t\t\t\t)\n\t\t\t\t\t\tbreak\n\n\t\t\t\t\tcase 406:\n\t\t\t\t\t\tsetMessageError(\n\t\t\t\t\t\t\tt.errors.payment_refused\n\t\t\t\t\t\t)\n\t\t\t\t\t\tbreak\n\n\t\t\t\t\tcase 409:\n\t\t\t\t\t\tsetMessageError(t.errors.page_deactivated)\n\t\t\t\t\t\tbreak\n\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsetMessageError(\n\t\t\t\t\t\t\tt.errors.page_unavailable\n\t\t\t\t\t\t)\n\t\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetMessageError(\n\t\t\t\t\tt.errors.page_unavailable\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\n\tconst onSubmitForm = async (form) => {\n\t\tconst [MM, YY] = form.cc_expiry_date.split(\"/\")\n\n\t\tconst expiry_date = `${MM}/20${YY}`\n\n\t\tconst formDataPayment = {\n\t\t\tcustomer_id: details.customer_id,\n\t\t\tsubscription_id: details.subscription_id,\n\t\t\t// payment_mean: {\n\t\t\t// \ttype: \"credit_card\",\n\t\t\t// \tnumber: form.payment_mean.card_number,\n\t\t\t// \texpiry_date: execImmediate(() => {\n\t\t\t// \t\ttry {\n\t\t\t// \t\t\tconst [\n\t\t\t// \t\t\t\t,\n\t\t\t// \t\t\t\tmonth,\n\t\t\t// \t\t\t\tyear,\n\t\t\t// \t\t\t] = form.payment_mean.expiry_date.match(\n\t\t\t// \t\t\t\t/(\\d\\d)\\/(\\d\\d)/\n\t\t\t// \t\t\t)\n\t\t\t// \t\t\tconst currYearFirstTwoDigs = new Date()\n\t\t\t// \t\t\t\t.getFullYear()\n\t\t\t// \t\t\t\t.toString()\n\t\t\t// \t\t\t\t.match(/^\\d\\d/)[0]\n\t\t\t// \t\t\treturn `${month}/${currYearFirstTwoDigs}${year}`\n\t\t\t// \t\t} catch (e) {\n\t\t\t// \t\t\treturn form.payment_mean.expiry_date\n\t\t\t// \t\t}\n\t\t\t// \t}),\n\t\t\t// \tcvv: form.payment_mean.cvv,\n\t\t\t// \tholder: form.payment_mean.customer_name,\n\t\t\t// \tbrand: form.payment_mean.brand,\n\t\t\t// },\n\t\t\tpayment_mean: {\n\t\t\t\tnumber: form.cc_number,\n\t\t\t\tholder: form.cc_cardholder,\n\t\t\t\texpiry_date,\n\t\t\t\tcvv: form.cvv,\n\t\t\t\tbrand: form.cc_brand,\n\t\t\t\ttype: \"credit_card\"\n\t\t\t}\n\t\t}\n\n\t\tconst response = true\n\n\t\tif (response) {\n\t\t\tsetLoading(true)\n\t\t\ttry {\n\t\t\t\tconst qs = new URLSearchParams(window.location.search)\n\t\t\t\tconst hash = qs.get(\"hash\") || match.params.id\n\t\t\t\tconst payload = jwt.decode(hash)\n\t\t\t\tpayload ? await updateFunctionApi\n\t\t\t\t\t.post(\"/update-payment-mean/old_hash\", formDataPayment, {\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\tHash: payload.token,\n\t\t\t\t\t\t},\n\t\t\t\t\t})\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\tif (res.status === 200) {\n\t\t\t\t\t\t\tsetSuccess({\n\t\t\t\t\t\t\t\tcheckoutInfo: details,\n\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\tcheckoutResponse: {},\n\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\tfirst_name: details.first_name,\n\t\t\t\t\t\t\t\t\tlast_name: details.last_name,\n\t\t\t\t\t\t\t\t\temail: details.email,\n\t\t\t\t\t\t\t\t\t// totalPaid: {\n\t\t\t\t\t\t\t\t\t// \tamount: form.coupon.coupon_id\n\t\t\t\t\t\t\t\t\t// \t\t? form.coupon.total_amount\n\t\t\t\t\t\t\t\t\t// \t\t: defaultValues.total,\n\t\t\t\t\t\t\t\t\t// \tcurrency: plan.currency,\n\t\t\t\t\t\t\t\t\t// },\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t: (\n\t\t\t\t\t\tawait updateFunctionApi.post(`/update-payment-mean/${hash}`, formDataPayment, {\n\t\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t\t'Authorization': checkoutData.session_token,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}).then((res) => {\n\t\t\t\t\t\t\tif (res.status === 200) {\n\t\t\t\t\t\t\t\tsetSuccess({\n\t\t\t\t\t\t\t\t\tcheckoutInfo: details,\n\t\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\t\tcheckoutResponse: {},\n\t\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\t\tfirst_name: details.first_name,\n\t\t\t\t\t\t\t\t\t\tlast_name: details.last_name,\n\t\t\t\t\t\t\t\t\t\temail: details.email,\n\t\t\t\t\t\t\t\t\t\t// totalPaid: {\n\t\t\t\t\t\t\t\t\t\t// \tamount: form.coupon.coupon_id\n\t\t\t\t\t\t\t\t\t\t// \t\t? form.coupon.total_amount\n\t\t\t\t\t\t\t\t\t\t// \t\t: defaultValues.total,\n\t\t\t\t\t\t\t\t\t\t// \tcurrency: plan.currency,\n\t\t\t\t\t\t\t\t\t\t// },\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t} catch (e) {\n\t\t\t\tsetLoading(false)\n\t\t\t\tif (e.response.status === 500) {\n\t\t\t\t\tenqueueSnackbar(\n\t\t\t\t\t\tt.errors[\"generic.post\"],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvariant: \"error\",\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\n\t\t\t\t} else if (e.response.status === 409) {\n\t\t\t\t\tenqueueSnackbar(\n\t\t\t\t\t\tt.errors.card_already_in_use,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvariant: \"error\",\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\n\t\t\t\t\tsetSuccess(false)\n\t\t\t\t} else {\n\t\t\t\t\tif (e.response.status === 406) {\n\t\t\t\t\t\tenqueueSnackbar(\n\t\t\t\t\t\t\tt.messages.card_info_error,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvariant: \"error\",\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t\tsetSuccess(false)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tenqueueSnackbar(\n\t\t\t\t\t\t\tt.errors[e.response?.data?.parameter] || t.errors[\"payment.invalid_card\"],\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvariant: \"error\",\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t\tsetSuccess(false)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tconst CCInitialValues = () => {\n\t\tlet initialValues = {\n\t\t\tcc_number: \"\",\n\t\t\tcc_cardholder: \"\",\n\t\t\tcc_expiry_date: \"\",\n\t\t\tcvv: \"\",\n\t\t\tbrand: \"\",\n\t\t\ttype: \"\",\n\t\t\t// installments: checkoutConfig.plan.installments && checkoutConfig.plan.installments[0]\n\n\t\t}\n\t\treturn initialValues\n\t}\n\n\tconst handleLocaleChange = useCallback(async lang => {\n\t\tconst { locale } = await getLocale(lang)\n\t\tlocalStorage.setItem(\"locale\", lang)\n\t\tsetAppState({ language: lang, lang, locale })\n\t}, [])\n\n\tconst validationSchema = (values) => {\n\t\tconst errors = {}\n\n\t\tif (!values.cc_number) {\n\t\t\terrors.cc_number = t.generics.field_required\n\t\t}\n\t\tif (!values.cc_cardholder) {\n\t\t\terrors.cc_cardholder = t.generics.field_required\n\t\t}\n\t\tif (!values.cc_expiry_date) {\n\t\t\terrors.cc_expiry_date = t.generics.field_required\n\t\t} else {\n\t\t\tconst [MM, YY] = values.cc_expiry_date.split(\"/\")\n\t\t\tif (MM > 12) {\n\t\t\t\terrors.cc_expiry_date = t.generics.valid_date\n\t\t\t}\n\t\t\tconst cardDate = new Date(parseInt(`20${YY}`), (parseInt(MM) - 1))\n\t\t\tconst now = new Date()\n\t\t\tif (cardDate < now) {\n\t\t\t\terrors.cc_expiry_date = t.generics.valid_date\n\t\t\t}\n\t\t}\n\t\tif (!values.cvv) {\n\t\t\terrors.cvv = t.generics.field_required\n\t\t}\n\n\t\treturn errors;\n\t}\n\n\tuseEffect(() => {\n\t\tfetchPaymentMean()\n\t\t// fetchCompanyConfig()\n\t}, [])\n\n\tconst SubscriptionDetails = ({ padding = \"10px 20px\", hiddenButton }) => (\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t{!details.use_form_token &&\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{loading && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t setSuccess({\n\t\t\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\t\t\tcheckoutResponse: {},\n\t\t\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\t\t\tname: details.first_name + \" \" + details.last_name,\n\t\t\t\t\t\t\t\t\t\t\temail: details.email,\n\t\t\t\t\t\t\t\t\t\t\t// totalPaid: {\n\t\t\t\t\t\t\t\t\t\t\t// \tamount: form.coupon.coupon_id\n\t\t\t\t\t\t\t\t\t\t\t// \t\t? form.coupon.total_amount\n\t\t\t\t\t\t\t\t\t\t\t// \t\t: defaultValues.total,\n\t\t\t\t\t\t\t\t\t\t\t// \tcurrency: plan.currency,\n\t\t\t\t\t\t\t\t\t\t\t// },\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsubscriptionId={\n\t\t\t\t\t\t\t\t\tdetails.subscription_id\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcouponId={\n\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t setSuccess({\n\t\t\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\t\t\tcheckoutResponse: {},\n\t\t\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\t\t\tname: details.first_name + \" \" + details.last_name,\n\t\t\t\t\t\t\t\t\t\t\temail: details.email,\n\t\t\t\t\t\t\t\t\t\t\t// totalPaid: {\n\t\t\t\t\t\t\t\t\t\t\t// \tamount: form.coupon.coupon_id\n\t\t\t\t\t\t\t\t\t\t\t// \t\t? form.coupon.total_amount\n\t\t\t\t\t\t\t\t\t\t\t// \t\t: defaultValues.total,\n\t\t\t\t\t\t\t\t\t\t\t// \tcurrency: plan.currency,\n\t\t\t\t\t\t\t\t\t\t\t// },\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsubscriptionId={\n\t\t\t\t\t\t\t\t\tdetails.subscription_id\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcouponId={\n\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t{!details.use_form_token &&\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{loading && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t{label?.match('SEPA') ? 
\n\t\t\t\t\t\t: label?.match('Pix')\n\t\t\t\t\t\t\t?
\n\t\t\t\n\t\t\t\n\t\t))\n\t}\n\n\tconst renderFrequency = (pricing_option) => {\n\t\tif (pricing_option?.interval < 2) {\n\t\t\treturn t.frequency[pricing_option?.frequency.toUpperCase()]\n\t\t} else {\n\t\t\treturn t.generics.each + \" \" + pricing_option.interval + \" \" + t.frequency_quantity[pricing_option?.frequency.toUpperCase()]\n\t\t}\n\t}\n\n\tconst renderTrialAmount = (success_info) => {\n\t\tif (success_info.amount === 0) {\n\t\t\tif (checkoutInfo?.plan?.trial.interval > 1) {\n\t\t\t\treturn t(\"^titles.gratuitous\", checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_quantity[checkoutInfo?.plan?.trial.interval_unit])\n\t\t\t} else {\n\t\t\t\treturn t(\"^titles.gratuitous\", (checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_interval_unit[checkoutInfo?.plan?.trial.interval_unit]))\n\t\t\t}\n\t\t} else {\n\t\t\treturn toCurrency(success_info.amount) + \" \" + t(\"^titles.trial\", (checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_interval_unit[checkoutInfo?.plan?.trial.interval_unit]))\n\n\t\t}\n\t}\n\n\tconst tableData = [\n\t\t{\n\t\t\tlabel: `${isProduct ?\n\t\t\t\tt.products.name\n\t\t\t\t: t.plans.name}:`,\n\t\t\tvalue: boleto.plan?.name || boleto.product?.name,\n\t\t\tboldValue: true,\n\t\t\tboldLabel: true,\n\t\t},\n\t\t(userInfo.name || userInfo.first_name)\n\t\t\t? {\n\t\t\t\tlabel: `${t.titles.customer}:`,\n\t\t\t\tvalue: userInfo.name || userInfo.first_name + \" \" + userInfo.last_name,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(userInfo.email)\n\t\t\t? {\n\t\t\t\tlabel: `${t.checkout.email}:`,\n\t\t\t\tvalue: userInfo.email,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\n\t\t(boleto.subscription?.code)\n\t\t\t? {\n\t\t\t\tlabel: `${t.generics.subscription}:`,\n\t\t\t\tvalue: boleto.subscription.code,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(boleto?.pricing_option)\n\t\t\t? {\n\t\t\t\tlabel: `${t.label.frequency}:`,\n\t\t\t\tvalue: renderFrequency(boleto.pricing_option),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\n\t\t(boleto?.amount)\n\t\t\t? {\n\t\t\t\tlabel: `${t(\"^currencies.amount\")}:`,\n\t\t\t\tvalue: toCurrency(boleto?.amount),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\n\t\t(checkoutInfo?.plan?.trial.interval > 0)\n\t\t\t? {\n\t\t\t\tlabel: `${t(\"^currencies.amount\")}:`,\n\t\t\t\tvalue: renderTrialAmount(boleto),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\t]\n\n\n\tuseEffect(() => {\n\t\twindow.scrollTo(0, 0)\n\t}, [])\n\n\treturn (\n\t\t
\n\t\t\t
\n\t)\n}\n\nexport default SuccessBoleto\n","import React from 'react'\nimport PortalWrapper from '../../components/layout/PortalWrapper'\nimport api from '../../../core/api'\nimport { ListSales } from '../../components/list/ListSales'\n\nconst PaymentsPage = ({ history }) => {\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t
\n\n\t\t\t\n\t\t\t\t
\n\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<span style={{ fontSize: 18 }}>\n\t\t\t\t\t\t\t\t\t{(userInfo.totalPaid.amount > 0)\n\t\t\t\t\t\t\t\t\t\t? isProduct\n\t\t\t\t\t\t\t\t\t\t\t? t.products.pay_boleto\n\t\t\t\t\t\t\t\t\t\t\t: t.messages[\"success_submit_boleto.subscription\"]\n\t\t\t\t\t\t\t\t\t\t: \"Assinatura concluída com sucesso!\"}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t{userInfo.totalPaid.amount > 0 &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3 style={{ margin: 0 }}>\n\t\t\t\t\t\t\t\t\t{t('^currencies.amount')}:\n\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t<h2 style={{ margin: 0 }}>\n\t\t\t\t\t\t\t\t\t{toCurrency(boleto.amount, \"BRL\")}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\t{checkoutInfo.plan?.trial.interval > 0 &&\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{t.generics.from_day} {renderDate(checkoutInfo.plan.trial.next_charge)}, {t(\n\t\t\t\t\t\t\t\t\t\"^messages.trial_interval.charge\",\n\t\t\t\t\t\t\t\t\ttoCurrency(\n\t\t\t\t\t\t\t\t\t\tcheckoutInfo.plan.amount,\n\t\t\t\t\t\t\t\t\t\tcheckoutInfo.plan.currency\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tt.frequency_interval_unit[\n\t\t\t\t\t\t\t\t\tcheckoutInfo.plan.recurrence.frequency\n\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\n\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t('^messages.send_invoice.subscription', \"userInfo.email\")}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{checkoutInfo && checkoutInfo.checkout_config.checkout_success_instructions &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{renderCheckoutSuccessInfo()}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t),\n\n\t\t})\n\t\tif (result) setTCAgreed(true)\n\t}\n\n\n\tconst onSubmitForm = async (form, setFieldValue) => {\n\t\tconst { plan } = checkout;\n\n\t\tif (step === \"customer\") {\n\t\t\tsetIsSubmitting(true)\n\t\t\tconst formData = {\n\t\t\t\tcustomer: {\n\t\t\t\t\tfirst_name: form.first_name,\n\t\t\t\t\tlast_name: form.last_name,\n\t\t\t\t\temail: form.email,\n\t\t\t\t\tmobile_number: form.mobile_phone,\n\t\t\t\t\tdocument: form.document ? { ...form.document } : \"\",\n\t\t\t\t\tgender: \"\",\n\t\t\t\t\tcountry_code: form.country_code,\n\t\t\t\t\tbilling_address: checkout_config.billing_address\n\t\t\t\t\t\t? form.billing_address\n\t\t\t\t\t\t: \"\",\n\t\t\t\t\tshipping_address: checkout_config.shipping_address\n\t\t\t\t\t\t? enabledShippingAddress === true\n\t\t\t\t\t\t\t? [form.billing_address]\n\t\t\t\t\t\t\t: [form.shipping_address]\n\t\t\t\t\t\t: \"\",\n\t\t\t\t},\n\t\t\t\tcoupon_id: form.coupon.coupon_id,\n\t\t\t};\n\n\t\t\tif (!has_document && !checkout.is_payment_link) {\n\t\t\t\tdelete formData.customer.document;\n\t\t\t}\n\t\t\tif (!checkout.checkout_config.country_code) {\n\t\t\t\tdelete formData.customer.country_code;\n\t\t\t}\n\t\t\tif (!checkout.checkout_config.shipping_address && !checkout.is_payment_link) {\n\t\t\t\tdelete formData.customer.shipping_address;\n\t\t\t}\n\t\t\tif (!has_address && !checkout.is_payment_link) {\n\t\t\t\tdelete formData.customer.billing_address;\n\t\t\t}\n\t\t\tif (!checkout.coupon_enabled) {\n\t\t\t\tdelete formData.coupon_id;\n\t\t\t}\n\t\t\tif (checkout.is_payment_link) {\n\t\t\t\tdelete formData.customer.customer_id\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst qs = new URLSearchParams(window.location.search);\n\t\t\t\tconst hash = qs.get(\"hash\");\n\n\t\t\t\tawait billService\n\t\t\t\t\t.post(\n\t\t\t\t\t\t`/checkout?hash=${hash}&step=${checkout.customer.customer_id\n\t\t\t\t\t\t\t? \"step\"\n\t\t\t\t\t\t\t: checkout.checkout_type\n\t\t\t\t\t\t}`,\n\t\t\t\t\t\tformData\n\t\t\t\t\t)\n\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tsubscription_id,\n\t\t\t\t\t\t\t\tcustomer_id,\n\t\t\t\t\t\t\t\tform_token,\n\t\t\t\t\t\t\t\tpublic_key,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} = res;\n\t\t\t\t\t\t// get form data from payzen\n\t\t\t\t\t\tfetchSddForm(subscription_id);\n\t\t\t\t\t\tsetFieldValue(\"disabled_input\", true);\n\t\t\t\t\t\tsetFieldValue(\"payment_mean\", {\n\t\t\t\t\t\t\t...form.payment_mean,\n\t\t\t\t\t\t\tsubscription_id: subscription_id,\n\t\t\t\t\t\t\tcustomer_id: customer_id,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (checkout.company.use_form_token) {\n\t\t\t\t\t\t\tsetAppState({\n\t\t\t\t\t\t\t\tpayzenForm: { form_token, public_key },\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetStep(\"payment\");\n\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t\tsetMenuCollapse({\n\t\t\t\t\t\t\tfirst: false,\n\t\t\t\t\t\t\tsecond: false,\n\t\t\t\t\t\t\tthird: false,\n\t\t\t\t\t\t\tfour: true,\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t} catch (e) {\n\t\t\t\tif (\n\t\t\t\t\te.response.status === 409 &&\n\t\t\t\t\te.response.data.parameterName ===\n\t\t\t\t\t\"customers.label.email_already_registered\"\n\t\t\t\t) {\n\t\t\t\t\tenqueueSnackbar(\n\t\t\t\t\t\tt(\n\t\t\t\t\t\t\t\"^errors.customer.email_already_registered\",\n\t\t\t\t\t\t\tformData.customer.email\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvariant: \"error\",\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tenqueueSnackbar(t.errors[\"login.server_error\"], {\n\t\t\t\t\t\tvariant: \"error\",\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetIsSubmitting(false)\n\t\t\t\tsetLoading(false);\n\t\t\t\tconsole.log(\"err\", { e });\n\t\t\t}\n\t\t}\n\n\t\tif (step === \"payment\") {\n\t\t\t//Puxando subscription direto do checkout, caso is_subscription_recovery seja true\n\t\t\tconst subscription_id = checkout.is_subscription_recovery\n\t\t\t\t? checkout.subscription_id\n\t\t\t\t: form.payment_mean.subscription_id;\n\t\t\tconst customer_id = checkout.customer.customer_id\n\t\t\t\t? checkout.customer.customer_id\n\t\t\t\t: form.payment_mean.customer_id;\n\n\t\t\tconst formDataPayment =\n\t\t\t\tform.payment_method === \"boleto\"\n\t\t\t\t\t? {\n\t\t\t\t\t\tcustomer: {\n\t\t\t\t\t\t\tcustomer_id,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsubscription_id,\n\t\t\t\t\t\tpayment_mean: { type: form.payment_method },\n\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\tcustomer: {\n\t\t\t\t\t\t\tcustomer_id,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsubscription_id,\n\t\t\t\t\t\tinstallment: form.installment,\n\t\t\t\t\t\tpayment_mean: {\n\t\t\t\t\t\t\t// ...formikProps.values.payment_mean,\n\t\t\t\t\t\t\ttype: form.payment_method,\n\t\t\t\t\t\t\tnumber: form.payment_mean.card_number,\n\t\t\t\t\t\t\texpiry_date: execImmediate(() => {\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\tconst [\n\t\t\t\t\t\t\t\t\t\t,\n\t\t\t\t\t\t\t\t\t\tmonth,\n\t\t\t\t\t\t\t\t\t\tyear,\n\t\t\t\t\t\t\t\t\t] = form.payment_mean.expiry_date.match(\n\t\t\t\t\t\t\t\t\t\t/(\\d\\d)\\/(\\d\\d)/\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tconst currYearFirstTwoDigs = new Date()\n\t\t\t\t\t\t\t\t\t\t.getFullYear()\n\t\t\t\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t\t\t\t.match(/^\\d\\d/)[0];\n\t\t\t\t\t\t\t\t\treturn `${month}/${currYearFirstTwoDigs}${year}`;\n\t\t\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\t\t\treturn form.payment_mean.expiry_date;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\tcvv: form.payment_mean.cvv,\n\t\t\t\t\t\t\tholder: form.payment_mean.customer_name,\n\t\t\t\t\t\t\tbrand: form.payment_mean.brand,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\tif (paymentMethod.match(\"sdd\")) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst response = true\n\n\t\t\tif (response) {\n\t\t\t\t// TESTANDO POST SDD VIA AXIOS\n\t\t\t\t// const formData = new FormData()\n\t\t\t\t// setLoading(true)\n\t\t\t\t// sddInputs.map(({ name, value }) =>\n\t\t\t\t// \tformData.append(name, value)\n\t\t\t\t// )\n\n\t\t\t\t// try {\n\t\t\t\t// \tsddApiService\n\t\t\t\t// \t\t.post(\"/vads-payment\", formData)\n\t\t\t\t// \t\t.then((res) => {\n\t\t\t\t// \t\t\tconsole.log(res.data)\n\t\t\t\t// \t\t})\n\t\t\t\t// } catch (e) {\n\t\t\t\t// \tconsole.log({ e })\n\t\t\t\t// }\n\t\t\t\ttry {\n\t\t\t\t\tsetLoading(true);\n\n\t\t\t\t\tconst qs = new URLSearchParams(window.location.search);\n\t\t\t\t\tconst hash = qs.get(\"hash\");\n\n\t\t\t\t\tif (checkout.coupon_enabled) {\n\t\t\t\t\t\tconst checkoutResponse = await billService.post(\n\t\t\t\t\t\t\t`/checkout?hash=${hash}`,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t...formDataPayment,\n\t\t\t\t\t\t\t\tcoupon_id: form.coupon.coupon_id,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tform.payment_method === \"boleto\"\n\t\t\t\t\t\t\t? setSuccess({\n\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\tcheckoutResponse,\n\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\temail: \"\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: setSuccess({\n\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\tcheckoutResponse,\n\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\tname: `${form.first_name} ${form.last_name}`,\n\t\t\t\t\t\t\t\t\temail: form.email,\n\t\t\t\t\t\t\t\t\ttotalPaid: {\n\t\t\t\t\t\t\t\t\t\tamount: form.coupon.coupon_id\n\t\t\t\t\t\t\t\t\t\t\t? form.coupon.total_amount\n\t\t\t\t\t\t\t\t\t\t\t: defaultValues.total,\n\t\t\t\t\t\t\t\t\t\tcurrency: plan.currency,\n\t\t\t\t\t\t\t\t\t\tinstallment: form.installment,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst checkoutResponse = await billService.post(\n\t\t\t\t\t\t\t`/checkout?hash=${hash}`,\n\t\t\t\t\t\t\tformDataPayment\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tform.payment_method === \"boleto\"\n\t\t\t\t\t\t\t? setSuccess({\n\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\tsending: false,\n\t\t\t\t\t\t\t\tcheckoutResponse,\n\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\temail: \"\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: setSuccess({\n\t\t\t\t\t\t\t\tdone: true,\n\t\t\t\t\t\t\t\tsending: false,\n\t\t\t\t\t\t\t\tcheckoutResponse,\n\t\t\t\t\t\t\t\tuserInfo: {\n\t\t\t\t\t\t\t\t\tname: `${form.first_name} ${form.last_name}`,\n\t\t\t\t\t\t\t\t\temail: form.email,\n\t\t\t\t\t\t\t\t\ttotalPaid: {\n\t\t\t\t\t\t\t\t\t\tamount: form.coupon.coupon_id\n\t\t\t\t\t\t\t\t\t\t\t? form.coupon.total_amount\n\t\t\t\t\t\t\t\t\t\t\t: defaultValues.total,\n\t\t\t\t\t\t\t\t\t\tcurrency: plan.currency,\n\t\t\t\t\t\t\t\t\t\tinstallment: form.installment,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t} catch (e) {\n\t\t\t\t\tsetLoading(false);\n\n\t\t\t\t\tconsole.log(\"[ERROR SENDING CHECKOUT]\", e);\n\t\t\t\t\t// setState({\n\t\t\t\t\t// \tshowModal: false,\n\t\t\t\t\t// \t// done: true,\n\t\t\t\t\t// \tsending: false,\n\t\t\t\t\t// \tcheckoutResponse: e.response || { status: 0, data: {} }\n\t\t\t\t\t// })\n\n\t\t\t\t\tsetSuccess({\n\t\t\t\t\t\tdone: false,\n\t\t\t\t\t\tsending: false,\n\t\t\t\t\t\tcheckoutResponse: e.response || {\n\t\t\t\t\t\t\tstatus: 0,\n\t\t\t\t\t\t\tdata: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst defaultHandleErrors = () =>\n\t\tsetTimeout(() => {\n\t\t\tconst errorElement = document.getElementsByClassName(\n\t\t\t\t\"error-msg\"\n\t\t\t)[0];\n\t\t\tif (!errorElement) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\terrorElement.scrollIntoView({\n\t\t\t\tbehavior: \"smooth\",\n\t\t\t\tblock: \"center\",\n\t\t\t});\n\t\t});\n\n\t// const validationSchema = () =>\n\t// \tobject().shape({\n\t// \t\tfirst_name: string().required('Preencha o campo nome.'),\n\t// \t\tlast_name: string().required('Preencha o campo sobrenome.'),\n\t// \t\temail: string().email('Digite um e-mail válido').required('Preencha o campo de e-mail'),\n\t// \t\tmobile_phone: string().required('Preencha o campo telefone celular.'),\n\n\t// \t\tpostal_code: string().required('Preencha o campo cep.'),\n\t// \t\tstreet1: string().required('Preencha o campo rua.'),\n\t// \t\tnumber: string().required('Preencha o campo número.'),\n\n\t// \t\tstate: string().required('Preencha o campo estado.'),\n\t// \t\tdistrict: string().required('Preencha o campo bairro.'),\n\t// \t\tcity: string().required('Preencha o campo cidade.'),\n\t// \t\tcountry: string().required('Preencha o campo país.')\n\n\t// \t\t// country_code: string().required('Preencha o campo país.')\n\t// \t})\n\n\tconst PageNotFoundCheckout = ({ company }) => {\n\t\tif (!company) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{lines.map(line => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{line}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{messageError\n\t\t\t\t\t\t\t\t\t? messageError\n\t\t\t\t\t\t\t\t\t: t.errors[\"generic\"]}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{(has_address || checkout.is_payment_link) && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t1\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${label}x`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{step === \"customer\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t{!payzenForm && step === \"payment\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{checkout.checkout_config.terms_conditions.active &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t setTCAgreed(!TCAgreed)} color=\"primary\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{checkout.checkout_config.terms_conditions.type === 'link' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDeclaro que li e concordo com os Termos e Condições de Uso\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{checkout.checkout_config.terms_conditions.type === 'text' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDeclaro que li e concordo com os Termos e Condições de Uso\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{checkout.checkout_config.terms_conditions.type === 'accept' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDeclaro que li e concordo com os Termos e Condições de Uso\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{step === \"customer\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{checkout.checkout_config.captcha?.active && captchaChecked == false &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{loading && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(`@@ *Ao clicar em`)} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"{(formikProps.values.total ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"assinar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: formikProps.values\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.payment_method ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"boleto\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t.buttons[\"checkout.boleto\"]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: t.buttons[\"checkout.paid\"]).toUpperCase()}\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{t(`@@, você aceita que seus dados sejam armazenados para futuros pagamentos recorrentes de acordo com o plano assinado.`)} \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t setCaptchaChecked(value)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsitekey={process.env.REACT_APP_RECAPTCHA_KEY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n
\n ),\n\n })\n if (result) setTCAgreed(true)\n }\n\n const [captchaChecked, setCaptchaChecked] = useState(false)\n\n const AccordionSummary = withStyles({\n root: {\n border: config.borderOnly ? '2px solid black' : '0px',\n borderBottom: config.borderOnly ? '2px solid black' : '1px solid rgba(0, 0, 0, .125)',\n borderRadius: config.borderOnly ? '5px' : '0px',\n marginBottom: -1,\n minHeight: 56,\n fontWeight: 700,\n '&$expanded': {\n minHeight: 56,\n },\n },\n content: {\n '&$expanded': {\n margin: '12px 0',\n },\n },\n expanded: {},\n })(MuiAccordionSummary);\n\n const t = useTranslation()\n\n return (\n \n {lines.map(line => (\n \n {line}\n
\n \n ))}\n
\n \n \n ))}\n
\n
\n )\n\n}\n\nexport default FormAccordion","export const emailValidation = str => {\r\n\tconst re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\r\n\treturn re.test(str)\r\n}\r\n\r\nexport const phoneValidation = str => {\r\n\tconst re = /^(\\d\\d)\\+?\\s?([\\d\\s]{7,})$/\r\n\treturn re.test(str)\r\n}\r\n\r\nexport const CPFValidation = function TestaCPF(strCPF) {\r\n\tstrCPF = ((strCPF || \"\").match(/\\d/g) || []).join(\"\")\r\n\r\n\tvar Soma\r\n\tvar Resto\r\n\tSoma = 0\r\n\tif (strCPF == \"00000000000\") return false\r\n\r\n\tfor (let i = 1; i <= 9; i++)\r\n\t\tSoma = Soma + parseInt(strCPF.substring(i - 1, i)) * (11 - i)\r\n\tResto = (Soma * 10) % 11\r\n\r\n\tif (Resto == 10 || Resto == 11) Resto = 0\r\n\tif (Resto != parseInt(strCPF.substring(9, 10))) return false\r\n\r\n\tSoma = 0\r\n\tfor (let i = 1; i <= 10; i++)\r\n\t\tSoma = Soma + parseInt(strCPF.substring(i - 1, i)) * (12 - i)\r\n\tResto = (Soma * 10) % 11\r\n\r\n\tif (Resto == 10 || Resto == 11) Resto = 0\r\n\tif (Resto != parseInt(strCPF.substring(10, 11))) return false\r\n\treturn true\r\n}\r\n\r\nexport const CNPJValidation = function is_cnpj(c) {\r\n\tvar b = [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2]\r\n\r\n\tif ((c = c.replace(/[^\\d]/g, \"\")).length != 14) return false\r\n\r\n\tif (/0{14}/.test(c)) return false\r\n\r\n\tfor (var i = 0, n = 0; i < 12; n += c[i] * b[++i]);\r\n\tif (c[12] != ((n %= 11) < 2 ? 0 : 11 - n)) return false\r\n\r\n\tfor (var i = 0, n = 0; i <= 12; n += c[i] * b[i++]);\r\n\tif (c[13] != ((n %= 11) < 2 ? 0 : 11 - n)) return false\r\n\r\n\treturn true\r\n}\r\n\r\nexport const DNIValidation = dni => {\r\n\tconst seqVerify = \"TRWAGMYFPDXBNJZSQVHLCKET\"\r\n\tconst DNI_REGEX = /^\\d{8}[a-zA-Z]$/\r\n\r\n\tif (!DNI_REGEX.test(dni)) {\r\n\t\treturn false\r\n\t}\r\n\r\n\tconst char = dni.substr(dni.length - 1, 1)\r\n\r\n\tlet aux = dni.substr(0, dni.length - 1)\r\n\taux = aux % 23\r\n\r\n\tconst charVerify = seqVerify.substring(aux, aux + 1)\r\n\r\n\treturn charVerify === char.toUpperCase()\r\n}\r\n\r\nexport const notEmpty = value => (value || \"\").toString().length > 0\r\n\r\nexport const URLValidation = url => {\r\n\tconst re = /(http(s)?:\\/\\/.)?(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)/\r\n\treturn re.exec(url)\r\n}\r\n","import formSchema from \"../../../../core/formSchema\";\nimport { CNPJValidation, CPFValidation } from \"../../../../utils/validation\";\nimport luhn from 'luhn'\nimport moment from \"moment\";\n\nexport const FormikValidationsCustomer = (values, checkoutConfig, t, useBillingAsShipping) => {\n const errors = {};\n\n const country = values.country_code || checkoutConfig.company.address.country_code\n\n // Campos Vazios\n if (!values.first_name) {\n errors.first_name = t.generics.field_required;\n } else if ((values.first_name || \"\").length > 60) {\n errors.first_name = t(\"@@ O campo Nome não pode ter mais de 60 caracteres\");\n }\n\n if (!values.last_name) {\n if (values.document_type !== formSchema[country].b2bDocument) { errors.last_name = t.generics.field_required; }\n } else if ((values.last_name || \"\").length > 60) {\n errors.last_name = t(\"@@ O campo Sobrenome não pode ter mais de 60 caracteres\");\n }\n\n if (checkoutConfig.checkout_config?.checkout_fields.mobile_number) {\n if (!values.mobile_phone || values.mobile_phone.length < 3) {\n errors.mobile_phone = t.forms_validation.invalid_phone;\n }\n }\n\n if (checkoutConfig.checkout_config?.country_code) {\n if (!values.country_code) {\n errors.country_code = t.generics.field_required;\n }\n }\n\n if (checkoutConfig.checkout_config?.checkout_fields.birth_date) {\n if (!values.birth_date) {\n errors.birth_date = t.generics.field_required\n } else if (!values.birth_date.isValid()) {\n errors.birth_date = t.generics.field_required\n } else if (values.birth_date > moment(new Date())) {\n errors.birth_date = t.generics.valid_date\n } else if (values.birth_date < moment(new Date(\"1900-01-01\"))) {\n errors.birth_date = t.generics.valid_date\n } else {\n const twelveYearsAgo = moment().subtract(12, 'years');\n if (values.birth_date > twelveYearsAgo) {\n errors.birth_date = t.forms_validation.minimum_age;\n }\n }\n }\n\n\n checkoutConfig.checkout_config.customer_custom_fields?.forEach(field => {\n\n if (field.is_enabled && field.is_required && !values[`customer_${field.key}`]) {\n errors[`customer_${field.key}`] = t.generics.field_required;\n }\n\n if (field.type === 'date' && field.is_enabled && Boolean(values[`customer_${field.key}`])) {\n if (!values[`customer_${field.key}`].isValid()) {\n errors[`customer_${field.key}`] = t.generics.field_required\n } else if (values[`customer_${field.key}`] > moment(\"2100-01-01\")) {\n errors[`customer_${field.key}`] = t.generics.valid_date\n } else if (values[`customer_${field.key}`] < moment(\"1900-01-01\")) {\n errors[`customer_${field.key}`] = t.generics.valid_date\n }\n }\n\n });\n\n checkoutConfig.checkout_config.subscription_custom_fields?.forEach(field => {\n\n if (field.is_enabled && field.is_required && !values[`subscription_${field.key}`]) {\n errors[`subscription_${field.key}`] = t.generics.field_required;\n }\n\n if (field.type === 'date' && field.is_enabled && Boolean(values[`subscription_${field.key}`])) {\n if (!values[`subscription_${field.key}`].isValid()) {\n errors[`subscription_${field.key}`] = t.generics.field_required;\n } else if (values[`subscription_${field.key}`] > moment(\"2100-01-01\")) {\n errors[`subscription_${field.key}`] = t.generics.valid_date;\n } else if (values[`subscription_${field.key}`] < moment(\"1900-01-01\")) {\n errors[`subscription_${field.key}`] = t.generics.valid_date;\n }\n }\n\n });\n\n if (checkoutConfig.checkout_config?.checkout_fields.document) {\n if (!values.document_type) {\n errors.document_type = t.generics.field_required;\n }\n if (!values.document_number) {\n errors.document_number = t.generics.field_required;\n } else if (values.document_type === 'CPF') {\n if (!CPFValidation(values.document_number)) {\n errors.document_number = t.forms_validation.invalid_document;\n }\n } else if (values.document_type === 'CNPJ') {\n if (!CNPJValidation(values.document_number)) {\n errors.document_number = t.forms_validation.invalid_document;\n }\n }\n }\n\n if (checkoutConfig.checkout_config?.checkout_fields.shipping_address && !useBillingAsShipping) {\n switch (country) {\n case 'BRA':\n if (!values.shipping_address_postal_code) {\n errors.shipping_address_postal_code = t.generics.field_required;\n } else if (values.shipping_address_postal_code.length < 8) {\n errors.shipping_address_postal_code = t.forms_validation.invalid_cep;\n }\n\n if (!values.shipping_address_street1) {\n errors.shipping_address_street1 = t.generics.field_required;\n }\n if (!values.shipping_address_district) {\n errors.shipping_address_district = t.generics.field_required;\n }\n if (!values.shipping_address_state) {\n errors.shipping_address_state = t.generics.field_required;\n } else if (values.shipping_address_state.length > 2) {\n errors.shipping_address_state = t.forms_validation.invalid_state;\n }\n if (!values.shipping_address_city) {\n errors.shipping_address_city = t.generics.field_required;\n }\n\n if (!values.shipping_address_number) {\n errors.shipping_address_number = t.generics.field_required;\n }\n break;\n\n case 'FRA':\n if (!values.shipping_address_street1) {\n errors.shipping_address_street1 = t.generics.field_required;\n }\n\n break\n\n case 'COL':\n case 'ARG':\n case 'PER':\n case 'CHL':\n if (!values.shipping_address_street1) {\n errors.shipping_address_street1 = t.generics.field_required;\n }\n if (!values.shipping_address_postal_code) {\n errors.shipping_address_postal_code = t.generics.field_required;\n }\n if (!values.shipping_address_state) {\n errors.shipping_address_state = t.generics.field_required;\n }\n if (!values.shipping_address_city) {\n errors.shipping_address_city = t.generics.field_required;\n }\n\n break;\n default:\n break;\n }\n }\n\n\n if (checkoutConfig.checkout_config?.checkout_fields.billing_address) {\n switch (country) {\n case 'BRA':\n if (!values.billing_address_postal_code) {\n errors.billing_address_postal_code = t.generics.field_required;\n } else if (values.billing_address_postal_code.length < 8) {\n errors.billing_address_postal_code = t.forms_validation.invalid_cep;\n }\n\n if (!values.billing_address_street1) {\n errors.billing_address_street1 = t.generics.field_required;\n }\n if (!values.billing_address_district) {\n errors.billing_address_district = t.generics.field_required;\n }\n if (!values.billing_address_state) {\n errors.billing_address_state = t.generics.field_required;\n } else if (values.billing_address_state.length > 2) {\n errors.billing_address_state = t.forms_validation.invalid_state;\n }\n if (!values.billing_address_city) {\n errors.billing_address_city = t.generics.field_required;\n }\n\n if (!values.billing_address_number) {\n errors.billing_address_number = t.generics.field_required;\n }\n break;\n\n case 'FRA':\n if (!values.billing_address_street1) {\n errors.billing_address_street1 = t.generics.field_required;\n }\n\n break\n\n case 'COL':\n case 'ARG':\n case 'PER':\n case 'CHL':\n if (!values.billing_address_street1) {\n errors.billing_address_street1 = t.generics.field_required;\n }\n if (!values.billing_address_postal_code) {\n errors.billing_address_postal_code = t.generics.field_required;\n }\n if (!values.billing_address_state) {\n errors.billing_address_state = t.generics.field_required;\n }\n if (!values.billing_address_city) {\n errors.billing_address_city = t.generics.field_required;\n }\n\n break;\n default:\n break;\n }\n }\n\n // Validações de valor\n if (!values.email) {\n errors.email = t.generics.field_required;\n } else if (\n !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)\n ) {\n errors.email = t.forms_validation.invalid_email;\n }\n\n return errors;\n}\n\n\nexport const FormikValidationsCustomerFR = (values, checkoutConfig, t) => {\n const errors = {};\n\n // Campos Vazios\n if (!values.first_name) {\n errors.first_name = t.generics.field_required;\n }\n if (!values.last_name) {\n errors.last_name = t.generics.field_required;\n }\n if (checkoutConfig.checkout_config?.checkout_fields.mobile_number) {\n if (!values.mobile_phone || values.mobile_phone.length < 3) {\n errors.mobile_phone = t.forms_validation.invalid_phone;\n }\n }\n\n if (checkoutConfig.checkout_config?.country_code) {\n if (!values.country_code) {\n errors.country_code = t.generics.field_required;\n }\n }\n\n if (checkoutConfig.checkout_config?.checkout_fields.document) {\n if (!values.document_type_fr) {\n errors.document_type_fr = t.generics.field_required;\n }\n if (!values.document_number) {\n errors.document_number = t.generics.field_required;\n }\n }\n\n checkoutConfig.checkout_config.customer_custom_fields?.forEach(field => {\n\n if (field.is_enabled && field.is_required && !values[`customer_${field.key}`]) {\n errors[`customer_${field.key}`] = t.generics.field_required;\n }\n\n });\n\n checkoutConfig.checkout_config.subscription_custom_fields?.forEach(field => {\n\n if (field.is_enabled && field.is_required && !values[`subscription_${field.key}`]) {\n errors[`subscription_${field.key}`] = t.generics.field_required;\n }\n\n });\n\n if (checkoutConfig.checkout_config?.checkout_fields.billing_address) {\n if (!values.billing_address_postal_code) {\n errors.billing_address_postal_code = t.generics.field_required;\n }\n\n if (!values.billing_address_street1) {\n errors.billing_address_street1 = t.generics.field_required;\n }\n if (!values.billing_address_district) {\n errors.billing_address_district = t.generics.field_required;\n }\n if (!values.billing_address_state) {\n errors.billing_address_state = t.generics.field_required;\n }\n if (!values.billing_address_city) {\n errors.billing_address_city = t.generics.field_required;\n }\n\n if (!values.billing_address_number) {\n errors.billing_address_number = t.generics.field_required;\n }\n\n }\n\n\n if (checkoutConfig.checkout_config?.checkout_fields.shipping_address && !values.use_billing_as_shipping) {\n\n if (!values.shipping_address_postal_code) {\n errors.shipping_address_postal_code = t.generics.field_required;\n } else if (values.shipping_address_postal_code.length < 8) {\n errors.shipping_address_postal_code = t.forms_validation.invalid_cep;\n }\n\n if (!values.shipping_address_street1) {\n errors.shipping_address_street1 = t.generics.field_required;\n }\n if (!values.shipping_address_district) {\n errors.shipping_address_district = t.generics.field_required;\n }\n if (!values.shipping_address_state) {\n errors.shipping_address_state = t.generics.field_required;\n }\n if (!values.shipping_address_city) {\n errors.shipping_address_city = t.generics.field_required;\n }\n\n if (!values.shipping_address_number) {\n errors.shipping_address_number = t.generics.field_required;\n }\n }\n\n // Validações de valor\n if (!values.email) {\n errors.email = t.generics.field_required;\n } else if (\n !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)\n ) {\n errors.email = t.forms_validation.invalid_email;\n }\n\n return errors;\n}\n\nexport const FormikValidationsCCPayment = (values, checkoutConfig, t) => {\n const errors = {}\n\n if (!values.cc_number) {\n errors.cc_number = t.generics.field_required\n } else {\n const isValid = luhn.validate(values.cc_number)\n if (!isValid) {\n errors.cc_number = t(\"@@ Cartão inválido\")\n }\n }\n if (!values.cc_cardholder) {\n errors.cc_cardholder = t.generics.field_required\n }\n if (!values.cc_expiry_date) {\n errors.cc_expiry_date = t.generics.field_required\n } else {\n const [MM, YY] = values.cc_expiry_date.split(\"/\")\n if (MM > 12) {\n errors.cc_expiry_date = t.generics.valid_date\n }\n const cardDate = new Date(parseInt(`20${YY}`), (parseInt(MM) - 1))\n const now = new Date()\n if (cardDate < now) {\n errors.cc_expiry_date = t.generics.valid_date\n }\n }\n if (!values.cvv) {\n errors.cvv = t.generics.field_required\n }\n\n return errors;\n\n}\n\nexport const FormikValidationsBoletoPayment = (values, checkoutConfig, t) => {\n const errors = {};\n\n // Campos Vazios\n if (!checkoutConfig.checkout_config?.checkout_fields.document) {\n if (!values.document_type) {\n errors.document_type = t.generics.field_required;\n }\n if (!values.document_number) {\n errors.document_number = t.generics.field_required;\n } else if (values.document_type === 'CPF') {\n if (!CPFValidation(values.document_number)) {\n errors.document_number = 'CPF inválido';\n }\n } else if (values.document_type === 'CNPJ') {\n if (!CNPJValidation(values.document_number)) {\n errors.document_number = 'CNPJ inválido';\n }\n }\n }\n\n if (!checkoutConfig.checkout_config?.checkout_fields.billing_address) {\n if (!values.billing_address_postal_code) {\n errors.billing_address_postal_code = t.generics.field_required;\n } else if (values.billing_address_postal_code.length < 8) {\n errors.billing_address_postal_code = t.forms_validation.invalid_cep;\n }\n\n if (!values.billing_address_street1) {\n errors.billing_address_street1 = t.generics.field_required;\n }\n if (!values.billing_address_district) {\n errors.billing_address_district = t.generics.field_required;\n }\n if (!values.billing_address_state) {\n errors.billing_address_state = t.generics.field_required;\n }\n if (!values.billing_address_city) {\n errors.billing_address_city = t.generics.field_required;\n }\n\n if (!values.billing_address_number) {\n errors.billing_address_number = t.generics.field_required;\n }\n\n }\n\n return errors;\n}\n\n\nexport const FormikValidationsPixPayment = (values, checkoutConfig, t) => {\n const errors = {};\n\n // Campos Vazios\n if (!checkoutConfig.checkout_config?.checkout_fields.document) {\n if (!values.document_type) {\n errors.document_type = t.generics.field_required;\n }\n if (!values.document_number) {\n errors.document_number = t.generics.field_required;\n } else if (values.document_type === 'CPF') {\n if (!CPFValidation(values.document_number)) {\n errors.document_number = 'CPF inválido';\n }\n } else if (values.document_type === 'CNPJ') {\n if (!CNPJValidation(values.document_number)) {\n errors.document_number = 'CNPJ inválido';\n }\n }\n }\n\n return errors;\n}\n\nexport const FormikValidationsCustom = (values, checkoutConfig, t, fields = {\n customer: false,\n billing_address: false,\n shipping_address: false,\n cc_payment: false,\n document: false,\n}) => {\n\n const errors = {}\n\n if (fields.customer) {\n if (!values.first_name) {\n errors.first_name = t.generics.field_required;\n }\n if (!values.last_name) {\n\n if (values.document_type !== \"CNPJ\") { errors.last_name = t.generics.field_required; }\n\n }\n if (checkoutConfig.checkout_config?.mobile_phone) {\n if (!values.mobile_phone || values.mobile_phone.length < 3) {\n errors.mobile_phone = 'Telefone inválido';\n }\n }\n\n if (checkoutConfig.checkout_config?.country_code) {\n if (!values.country_code) {\n errors.country_code = t.generics.field_required;\n }\n }\n\n if (values.mobile_phone && values.mobile_phone.length < 3) {\n errors.mobile_phone = 'Telefone inválido';\n }\n\n if (checkoutConfig.checkout_config?.document) {\n if (!values.document_type) {\n errors.document_type = t.generics.field_required;\n }\n if (!values.document_number) {\n errors.document_number = t.generics.field_required;\n } else if (values.document_type === 'CPF') {\n if (!CPFValidation(values.document_number)) {\n errors.document_number = 'Documento inválido';\n }\n } else if (values.document_type === 'CNPJ') {\n if (!CNPJValidation(values.document_number)) {\n errors.document_number = 'Documento inválido';\n }\n }\n }\n }\n\n if (fields.document) {\n if (!values.document_type) {\n errors.document_type = t.generics.field_required;\n }\n if (!values.document_number) {\n errors.document_number = t.generics.field_required;\n } else if (values.document_type === 'CPF') {\n if (!CPFValidation(values.document_number)) {\n errors.document_number = 'Documento inválido';\n }\n } else if (values.document_type === 'CNPJ') {\n if (!CNPJValidation(values.document_number)) {\n errors.document_number = 'Documento inválido';\n }\n }\n }\n\n if (fields.billing_address) {\n if (!values.billing_address_postal_code) {\n errors.billing_address_postal_code = t.generics.field_required;\n } else if (values.billing_address_postal_code.length < 8) {\n errors.billing_address_postal_code = 'CEP inválido';\n }\n\n if (!values.billing_address_street1) {\n errors.billing_address_street1 = t.generics.field_required;\n }\n if (!values.billing_address_district) {\n errors.billing_address_district = t.generics.field_required;\n }\n if (!values.billing_address_state) {\n errors.billing_address_state = t.generics.field_required;\n } else if (values.billing_address_state.length > 2) {\n errors.billing_address_state = 'Estado inválido';\n }\n if (!values.billing_address_city) {\n errors.billing_address_city = t.generics.field_required;\n }\n\n if (!values.billing_address_number) {\n errors.billing_address_number = t.generics.field_required;\n }\n }\n\n\n if (fields.shipping_address) {\n\n if (!values.shipping_address_postal_code) {\n errors.shipping_address_postal_code = t.generics.field_required;\n } else if (values.shipping_address_postal_code.length < 8) {\n errors.shipping_address_postal_code = 'CEP inválido';\n }\n\n if (!values.shipping_address_street1) {\n errors.shipping_address_street1 = t.generics.field_required;\n }\n if (!values.shipping_address_district) {\n errors.shipping_address_district = t.generics.field_required;\n }\n if (!values.shipping_address_state) {\n errors.shipping_address_state = t.generics.field_required;\n } else if (values.billing_address_state.length > 2) {\n errors.billing_address_state = 'Estado inválido';\n }\n if (!values.shipping_address_city) {\n errors.shipping_address_city = t.generics.field_required;\n }\n\n if (!values.shipping_address_number) {\n errors.shipping_address_number = t.generics.field_required;\n }\n }\n\n\n // Validações de valor\n if (!values.email) {\n errors.email = t.generics.field_required;\n } else if (\n !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)\n ) {\n errors.email = 'Endereço de email inválido';\n }\n\n if (fields.cc_payment) {\n if (!values.cc_number) {\n errors.cc_number = t.generics.field_required\n } else {\n const isValid = luhn.validate(values.cc_number)\n if (!isValid) {\n errors.cc_number = t(\"@@ Cartão inválido\")\n }\n }\n if (!values.cc_cardholder) {\n errors.cc_cardholder = t.generics.field_required\n }\n if (!values.cc_expiry_date) {\n errors.cc_expiry_date = t.generics.field_required\n } else {\n const [MM, YY] = values.cc_expiry_date.split(\"/\")\n if (MM > 12) {\n errors.cc_expiry_date = \"Insira uma data válida\"\n }\n const cardDate = new Date(parseInt(`20${YY}`), (parseInt(MM) - 1))\n const now = new Date()\n if (cardDate < now) {\n errors.cc_expiry_date = \"Insira uma data válida\"\n }\n }\n if (!values.cvv) {\n errors.cvv = t.generics.field_required\n }\n }\n return errors\n}\n","import React from \"react\";\nimport { Button, Accordion, AccordionSummary as MuiAccordionSummary, AccordionDetails as MuiAccordionDetails } from '@material-ui/core';\nimport \"./randomize.css\"\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n heading: {\n fontSize: theme.typography.pxToRem(15),\n fontWeight: theme.typography.fontWeightRegular,\n },\n}));\n\nconst rdmnumber = Math.floor(Math.random() * 100000)\n\nfunction gerarCpf() {\n const num1 = aleatorio();\n const num2 = aleatorio();\n const num3 = aleatorio();\n const dig1 = dig(num1, num2, num3);\n const dig2 = dig(num1, num2, num3, dig1);\n return `${num1}${num2}${num3}${dig1}${dig2}`;\n}\n\nfunction dig(n1, n2, n3, n4) {\n\n const nums = n1.split(\"\").concat(n2.split(\"\"), n3.split(\"\"));\n\n if (n4 !== undefined) {\n nums[9] = n4;\n }\n\n let x = 0;\n\n for (let i = (n4 !== undefined ? 11 : 10), j = 0; i >= 2; i--, j++) {\n x += parseInt(nums[j]) * i;\n }\n\n const y = x % 11;\n return y < 2 ? 0 : 11 - y;\n}\n\nfunction aleatorio() {\n const aleat = Math.floor(Math.random() * 999);\n return (\"\" + aleat).padStart(3, '0');\n}\n\nfunction randomizeCustomer(formikprops) {\n const values = {\n first_name: `Nome ${rdmnumber}`,\n last_name: `Sobrenome ${rdmnumber}`,\n mobile_phone: `5511111111111`,\n email: `email${rdmnumber}@email.com`,\n document_type: 'CPF',\n document_number: gerarCpf(),\n billing_address_postal_code: `01239040`,\n billing_address_street1: `Rua Mato Grosso`,\n billing_address_number: `300`,\n billing_address_state: `SP`,\n billing_address_district: `Higienópolis`,\n billing_address_city: `São Paulo`,\n billing_address_country_code: `BRA`,\n billing_address_complement: `Random`,\n shipping_address_postal_code: `01239040`,\n shipping_address_street1: `Rua Mato Grosso`,\n shipping_address_number: `300`,\n shipping_address_state: `SP`,\n shipping_address_district: `Higienópolis`,\n shipping_address_city: `São Paulo`,\n shipping_address_country_code: `BRA`,\n shipping_address_complement: ``,\n }\n\n return Object.keys(values).forEach(v => {\n formikprops.setFieldValue(v, values[v])\n })\n}\n\nfunction randomizeDocument(formikprops) {\n const values = {\n\n document_type: 'CPF',\n document_number: gerarCpf(),\n\n }\n\n return Object.keys(values).forEach(v => {\n formikprops.setFieldValue(v, values[v])\n })\n}\n\nfunction randomizeBilling(formikprops) {\n const values = {\n billing_address_postal_code: `01239040`,\n billing_address_street1: `Rua Mato Grosso`,\n billing_address_number: `300`,\n billing_address_state: `SP`,\n billing_address_district: `Higienópolis`,\n billing_address_city: `São Paulo`,\n billing_address_country_code: ``,\n billing_address_complement: ``,\n shipping_address_postal_code: `01239040`,\n shipping_address_street1: `Rua Mato Grosso`,\n shipping_address_number: `300`,\n shipping_address_state: `SP`,\n shipping_address_district: `Higienópolis`,\n shipping_address_city: `São Paulo`,\n shipping_address_country: ``,\n shipping_address_complement: ``,\n }\n\n return Object.keys(values).forEach(v => {\n formikprops.setFieldValue(v, values[v])\n })\n}\n\nfunction randomizeCC(formikprops, type) {\n\n const numbers = {\n 'valid': \"4970100000000014\",\n 'invalid': \"4970100000000013\",\n 'limit_exceeded': \"4970100000000071\",\n 'fraud': \"4970100000000121\",\n 'invalid_cvv': \"4970100000000089\",\n }\n\n\n const values = {\n \"cc_number\": numbers[type],\n \"cvv\": \"023\",\n \"cc_expiry_date\": \"12/30\",\n \"cc_cardholder\": \"Joao Silva\"\n }\n\n return Object.keys(values).forEach(v => {\n formikprops.setFieldValue(v, values[v])\n })\n}\n\nconst AccordionSummary = withStyles({\n root: {\n backgroundColor: 'rgba(0, 0, 0, .10)',\n borderBottom: '1px solid rgba(0, 0, 0, .125)',\n marginBottom: -1,\n display: 'flex',\n boxSizing: 'border-box',\n minHeight: 56,\n '&$expanded': {\n minHeight: 56,\n },\n '&:hover': {\n color: \"white\",\n backgroundColor: 'rgba(0, 0, 0, .50)',\n },\n },\n content: {\n '&$expanded': {\n margin: '12px 0',\n },\n },\n expanded: {},\n})(MuiAccordionSummary);\n\nconst AccordionDetails = withStyles({\n root: {\n backgroundColor: 'rgba(0, 0, 0, .80)',\n color: 'white',\n }\n})(MuiAccordionDetails);\n\nexport default function TestForm({ formStep, formikprops, checkoutConfig, value }) {\n const [open, setOpen] = React.useState(false);\n\n const classes = useStyles();\n\n if (!(formStep !== 'customer' && value === 0)) return null\n if (['develop', 'homolog', 'sandbox'].includes(process.env.REACT_APP_ENVIRONMENT)) {\n if (checkoutConfig.company.address.country_code !== \"BRA\") return null\n return (\n \n config.handleExpand()}>\n \n {config.title}\n \n \n \n \n
\n {\n config.buttons &&\n \n {config.inputTitle &&\n \n {config.inputTitle}\n \n }\n {config.customRender\n ? config.customRender\n :
\n \n setCaptchaChecked(value)}\n />\n
\n }\n {config.TCenabled &&\n \n \n setTCAgreed(!TCAgreed)} color=\"primary\" />\n \n \n {checkoutConfig.checkout_config.terms_conditions.type === 'link' &&\n <>\n {t.checkout.terms_conditions_1}{\" \"}\n \n {t.checkout.terms_conditions_2}\n \n \n }\n {checkoutConfig.checkout_config.terms_conditions.type === 'text' &&\n <>\n {t.checkout.terms_conditions_1}{\" \"}\n showTCmodal(t)} style={{ textDecoration: \"underline\", cursor: 'pointer' }}>\n {t.checkout.terms_conditions_2}\n \n \n }\n {checkoutConfig.checkout_config.terms_conditions.type === 'accept' &&\n <>\n {t.checkout.terms_conditions_full}\n \n }\n \n
\n }\n \n {config.buttons.map(button => {\n\n if (!button) return null\n\n return (\n {config.loading &&\n
\n }\n \n setOpen(false)}>\n setOpen(!open)}>\n \n Testes\n \n \n \n \n \n
\n )\n }\n return null\n\n}\n\n","import ReactGA4 from \"react-ga4\";\nconst InitializeGoogleAnalytics = (MEASUREMENT_ID) => {\n if (!MEASUREMENT_ID) {\n return;\n }\n try {\n ReactGA4.initialize(MEASUREMENT_ID);\n console.log(\"GA INITIALIZED\");\n } catch (e) {\n console.log(\"GA INITIALIZATION ERROR:\", e.message);\n }\n};\n\nconst TrackGoogleAnalyticsEvent = (\n category = \"\",\n action = \"\",\n label = \"\"\n) => {\n console.log(\"GA event:\", category, \":\", action, \":\", label);\n try {\n ReactGA4.event({\n category: category,\n action: action,\n label: label,\n });\n } catch (e) {\n console.log(\"GA event error:\", e.message)\n }\n};\n\nexport default InitializeGoogleAnalytics;\nexport { InitializeGoogleAnalytics, TrackGoogleAnalyticsEvent };","import React, { useEffect, useState, useRef } from 'react'\nimport { useTranslation } from '../components/IntlContext/IntlContext';\nimport FormAccordion from '../components/Accordion';\nimport { Formik } from 'formik';\nimport { FormikValidationsCustomer, FormikValidationsCCPayment, FormikValidationsBoletoPayment, FormikValidationsPixPayment } from '../components/checkout-1.5.4/forms/RenderInputsV4/FormikValidations';\nimport AccountCircleIcon from '@material-ui/icons/AccountCircle';\nimport AttachMoneyIcon from '@material-ui/icons/AttachMoney';\nimport LocalShippingIcon from '@material-ui/icons/LocalShipping';\nimport ReceiptIcon from '@material-ui/icons/Receipt';\nimport CreditCardIcon from '@material-ui/icons/CreditCard';\nimport { AiOutlineBarcode } from 'react-icons/ai'\nimport { BiRadioCircleMarked, BiRadioCircle } from 'react-icons/bi'\nimport RenderInputsV4 from '../components/checkout-1.5.4/forms/RenderInputsV4';\nimport { TextField, Button, FormControlLabel, Checkbox, Select, FormLabel, FormControl, InputLabel, Box, Accordion, AccordionSummary, AccordionDetails, ThemeProvider, createTheme } from '@material-ui/core';\nimport { CheckoutService } from '../core/CheckoutService';\nimport useMsgBox from '../components/SweetAlert';\nimport Loader from '../components/Loader';\nimport PersonIcon from '@material-ui/icons/Person';\nimport Avatar from '@material-ui/core/Avatar';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport SectionMain from '../layout/SectionMain';\nimport toCurrency from '../core/toCurrency';\nimport TestForm from '../core/randomize';\nimport Typography from '@material-ui/core/Typography';\nimport MaskedInput from 'react-text-mask';\nimport { handleBrand } from '../utils/handleBrand';\nimport { TextInputMasked } from '../components/checkout-1.5.4/forms/TextInput';\nimport generateMask from '../core/generateMask';\nimport { flagReValidators } from '../core/cards-utils';\nimport CardBrand from '../portal/components/cards/CardBrand';\nimport ReCaptcha from 'react-google-recaptcha'\nimport { Icon } from '@iconify/react';\nimport AppContext, { useAppContext } from '../components/AppContextCheckout';\nimport { billService } from '../core/api';\nimport RenderPayzenForm from '../components/checkout-1.5.4/forms/PayzenForm';\nimport logoSEPA from '../assets/sepa-logo.png'\nimport PriorityHighIcon from '@material-ui/icons/PriorityHigh';\nimport formSchema from '../core/formSchema.js'\nimport moment from 'moment'\nimport { TrackGoogleAnalyticsEvent } from '../utils/google-analytics';\n\nlet _ = require('lodash');\n\nconst BRForm = ({\n checkoutConfig = {\n checkout_config: {\n subscription_custom_fields: [],\n customer_custom_fields: [],\n }\n },\n setSuccessPage = () => null,\n couponId = null,\n totalAmount = 0,\n initialCustomer\n}) => {\n const t = useTranslation()\n const msg = useMsgBox()\n const [formStep, setFormStep] = useState('customer')\n const [customer, setCustomer] = useState({})\n const [loadingState, setLoadingState] = useState({\n customer: false,\n payment: false\n })\n\n const theme = createTheme({\n palette: {\n primary: { main: checkoutConfig.company?.style.primary_color },\n },\n });\n\n const isSubscriptionCustomEnabled = checkoutConfig.checkout_config.subscription_custom_fields?.filter(field => field.is_enabled === true).length > 0\n const isCustomerCustomEnabled = checkoutConfig.checkout_config.customer_custom_fields?.filter(field => field.is_enabled === true).length > 0\n\n const country = checkoutConfig?.company.address.country_code\n\n const [customerCountry, setCustomerCountry] = useState(country)\n\n const { setAppState, payzenForm, coupon } = useAppContext(AppContext);\n\n const [customerAddress, setCustomerAddress] = useState({})\n const [sddInputs, setSddInputs] = useState([]);\n const [showIFrame, setShowIFrame] = useState(false)\n const [isSubmitting, setIsSubmitting] = useState(false)\n const [useBillingAsShipping, setUseBillingAsShipping] = useState(true)\n\n const refCaptcha = useRef()\n\n function removeIframe() {\n var iframe = document.querySelector('iframe[name=sdd]');\n if (iframe) {\n iframe.remove();\n }\n return msg.warn({\n title: t.generics.attention,\n text: t.errors['sdd.session_expired']\n })\n }\n\n const onCustomerSubmit = async (form) => {\n setIsSubmitting(true)\n\n setLoadingState({ ...loadingState, customer: true })\n\n const fetchSddForm = async (subscription_id) => {\n const qs = new URLSearchParams(window.location.search);\n const hash = qs.get(\"hash\");\n\n try {\n billService\n .get(\n `/checkout/sdd/form?hash=${hash}&subscriptionId=${subscription_id}&isSHA256=true`\n )\n .then((res) => {\n setSddInputs(res.data);\n });\n } catch (e) {\n setSddInputs([]);\n }\n };\n\n const other_documents = []\n\n if (form.state_tax_number) {\n other_documents.push({\n type: 'state_tax_number', number: form.state_tax_number\n })\n }\n if (form.city_tax_number) {\n other_documents.push({\n type: 'city_tax_number', number: form.city_tax_number\n })\n }\n\n\n let customerCustomFieldsValues = checkoutConfig.checkout_config.customer_custom_fields ? [\n ...checkoutConfig.checkout_config.customer_custom_fields?.map(field => field.is_enabled && form[`customer_${field.key}`] ? {\n key: field.key,\n value: (field.type === 'date') ? form[`customer_${field.key}`].format(\"YYYY-MM-DD[T00:00:00Z]\") : form[`customer_${field.key}`]\n }\n : null)\n ] : []\n\n let subscriptionCustomFieldsValues = checkoutConfig.checkout_config.subscription_custom_fields ? [\n ...checkoutConfig.checkout_config.subscription_custom_fields?.map(field => field.is_enabled && form[`subscription_${field.key}`] ? {\n key: field.key,\n value: (field.type === 'date') ? form[`subscription_${field.key}`].format(\"YYYY-MM-DD[T00:00:00Z]\") : form[`subscription_${field.key}`]\n }\n : null)\n ] : []\n\n customerCustomFieldsValues = customerCustomFieldsValues?.filter(v => v !== null)\n subscriptionCustomFieldsValues = subscriptionCustomFieldsValues?.filter(v => v !== null)\n\n const customer = {\n first_name: form.first_name,\n last_name: form.last_name,\n email: form.email,\n mobile_number: form.mobile_phone,\n gender: \"\",\n birth_date: form.birth_date ? moment(form.birth_date).format(\"YYYY/MM/DD\") : null,\n country_code: checkoutConfig.checkout_config.country_code ? form.country_code : null,\n document: checkoutConfig.checkout_config.checkout_fields.document\n ? {\n type: form.document_type,\n number: form.document_number.match(/\\d+/g).join(\"\")\n } : null,\n billing_address: checkoutConfig.checkout_config.checkout_fields.billing_address ? {\n postal_code: form.billing_address_postal_code.replace(\"-\", \"\"),\n street: form.billing_address_street1,\n number: form.billing_address_number,\n state: form.billing_address_state,\n district: form.billing_address_district,\n city: form.billing_address_city,\n country_code: form.billing_address_country_code,\n complement: form.billing_address_complement,\n } : null,\n shipping_address: checkoutConfig.checkout_config.checkout_fields.shipping_address ?\n !useBillingAsShipping ? [{\n postal_code: form.shipping_address_postal_code.replace(\"-\", \"\"),\n street: form.shipping_address_street1,\n number: form.shipping_address_number,\n state: form.shipping_address_state,\n district: form.shipping_address_district,\n city: form.shipping_address_city,\n country_code: form.shipping_address_country_code,\n complement: form.shipping_address_complement,\n is_main: false\n },\n ] : [{\n postal_code: form.billing_address_postal_code.replace(\"-\", \"\"),\n street: form.billing_address_street1,\n number: form.billing_address_number,\n state: form.billing_address_state,\n district: form.billing_address_district,\n city: form.billing_address_city,\n country_code: form.billing_address_country_code,\n complement: form.billing_address_complement,\n is_main: false\n }] : null,\n other_documents,\n custom_fields: customerCustomFieldsValues\n }\n const subscription = {\n custom_fields: subscriptionCustomFieldsValues\n }\n\n const qs = new URLSearchParams(window.location.search);\n const hash = qs.get(\"hash\");\n\n try {\n const recaptchaToken = ['develop', 'homolog'].includes(process.env.REACT_APP_ENVIRONMENT) ? null : await refCaptcha.current.executeAsync()\n const response = await CheckoutService.Subscribe({ customer, subscription, hash, coupon_id: coupon.id, session_token: checkoutConfig.session_token, recaptchaToken })\n setCustomer({ ...response, ...customer })\n if (checkoutConfig.use_form_token) {\n setAppState({\n payzenForm: { form_token: response.form_token, public_key: response.public_key },\n });\n }\n if (checkoutConfig.plan.payment_methods.includes(\"sdd\")) fetchSddForm(response.subscription_id);\n\n } catch (e) {\n msg.err({ title: \"Erro\", text: t.errors[e.response.data.parameter] || t.errors['generic.post'] })\n setLoadingState({ ...loadingState, customer: false })\n setAppState({\n coupon: {\n ...coupon,\n enabled: false\n }\n })\n setIsSubmitting(false)\n return\n }\n\n setFormStep('payment')\n setIsSubmitting(false)\n setExpanded({\n ...expanded,\n customer: false,\n billing: false,\n shipping: false,\n additional_info: false,\n payment: true,\n credit_card: true,\n boleto: false,\n bolecode: false\n });\n\n setLoadingState({ ...loadingState, customer: false })\n\n }\n\n\n const onCCPaymentSubmit = async (form) => {\n setIsSubmitting(true)\n setLoadingState({ ...loadingState, payment: true })\n\n const [MM, YY] = form.cc_expiry_date.split(\"/\")\n\n const expiry_date = `${MM}/20${YY}`\n\n const payment = {\n payment_mean: {\n number: form.cc_number,\n holder: form.cc_cardholder,\n expiry_date,\n cvv: form.cvv,\n brand: form.cc_brand,\n type: \"credit_card\"\n },\n installment: checkoutConfig.plan.installments?.length > 0 ? form.installments : null,\n customer: {\n customer_id: customer.customer_id\n },\n coupon_id: couponId || null,\n subscription_id: customer.subscription_id\n }\n\n try {\n const data = await CheckoutService.Pay({ payment, session_token: checkoutConfig.session_token })\n if (data.status === 'refused') {\n setIsSubmitting(false)\n setLoadingState({ ...loadingState, payment: false })\n TrackGoogleAnalyticsEvent(\"Payment\", \"cc_payment_refused\", \"Credit Card Payment Refused\")\n\n return msg.err({ title: t.errors.label, text: t.errors['payments.transaction_refused'] })\n }\n TrackGoogleAnalyticsEvent(\"Payment\", \"cc_payment_successful\", \"Credit Card Payment Successful\")\n return setSuccessPage({ type: \"credit_card\", customer, installment: form.installments, data })\n } catch (e) {\n TrackGoogleAnalyticsEvent(\"Payment\", \"cc_payment_error\", \"Credit Card Payment Error\")\n msg.err({ title: t.errors.label, text: t.errors[e?.response?.data?.parameter] || t.errors['generic.post'] })\n setIsSubmitting(false)\n setLoadingState({ ...loadingState, payment: false })\n\n }\n setLoadingState({ ...loadingState, payment: false })\n setIsSubmitting(false)\n }\n\n const onBoletoPaymentSubmit = async (form) => {\n setIsSubmitting(true)\n\n\n setLoadingState({ ...loadingState, payment: true })\n\n\n const billing_address = {\n postal_code: form.billing_address_postal_code.replace(\"-\", \"\"),\n street: form.billing_address_street1,\n number: form.billing_address_number,\n state: form.billing_address_state,\n district: form.billing_address_district,\n city: form.billing_address_city,\n country_code: form.billing_address_country_code,\n complement: form.billing_address_complement,\n }\n\n\n const payment = {\n payment_mean: {\n type: \"boleto\"\n },\n customer: {\n customer_id: customer.customer_id,\n document: !checkoutConfig.checkout_config.checkout_fields.document ? {\n type: form.document_type,\n number: form.document_number.match(/\\d+/g).join(\"\"),\n } : null,\n billing_address: !checkoutConfig.checkout_config.checkout_fields.billing_address ? billing_address : null,\n },\n coupon_id: couponId || null,\n subscription_id: customer.subscription_id\n }\n\n try {\n const data = await CheckoutService.PayBoleto({ payment, session_token: checkoutConfig.session_token })\n TrackGoogleAnalyticsEvent(\"Payment\", \"boleto_payment_successful\", \"Boleto Payment Successful\")\n\n return setSuccessPage({ type: \"boleto\", boleto: data, customer })\n } catch (e) {\n msg.err({ title: t.errors.label, text: t.errors[e?.response?.data?.parameter] || t.errors['generic.post'] })\n setIsSubmitting(false)\n TrackGoogleAnalyticsEvent(\"Payment\", \"boleto_payment_error\", \"Boleto Payment Error\")\n setLoadingState({ ...loadingState, payment: false })\n\n }\n setIsSubmitting(false)\n setLoadingState({ ...loadingState, payment: false })\n\n }\n\n const onBolecodePaymentSubmit = async (form) => {\n setIsSubmitting(true)\n\n\n setLoadingState({ ...loadingState, payment: true })\n\n\n const billing_address = {\n postal_code: form.billing_address_postal_code.replace(\"-\", \"\"),\n street: form.billing_address_street1,\n number: form.billing_address_number,\n state: form.billing_address_state,\n district: form.billing_address_district,\n city: form.billing_address_city,\n country_code: form.billing_address_country_code,\n complement: form.billing_address_complement,\n }\n\n\n const payment = {\n payment_mean: {\n type: \"bolecode\"\n },\n customer: {\n customer_id: customer.customer_id,\n document: !checkoutConfig.checkout_config.checkout_fields.document ? {\n type: form.document_type,\n number: form.document_number.match(/\\d+/g).join(\"\"),\n } : null,\n billing_address: !checkoutConfig.checkout_config.checkout_fields.billing_address ? billing_address : null,\n },\n coupon_id: couponId || null,\n subscription_id: customer.subscription_id\n }\n\n try {\n const data = await CheckoutService.PayBoleto({ payment, session_token: checkoutConfig.session_token })\n TrackGoogleAnalyticsEvent(\"Payment\", \"bolecode_payment_successful\", \"Bolecode Payment Successful\")\n\n return setSuccessPage({ type: \"bolecode\", bolecode: data, customer })\n } catch (e) {\n msg.err({ title: t.errors.label, text: t.errors[e?.response?.data?.parameter] || t.errors['generic.post'] })\n setIsSubmitting(false)\n TrackGoogleAnalyticsEvent(\"Payment\", \"bolecode_payment_error\", \"Bolecode Payment Error\")\n setLoadingState({ ...loadingState, payment: false })\n\n }\n setIsSubmitting(false)\n setLoadingState({ ...loadingState, payment: false })\n\n }\n\n const onPixPaymentSubmit = async (form) => {\n setIsSubmitting(true)\n setLoadingState({ ...loadingState, payment: true })\n\n\n const payment = {\n payment_mean: {\n type: \"pix\"\n },\n customer: {\n customer_id: customer.customer_id,\n document: !checkoutConfig.checkout_config.checkout_fields.document ? {\n type: form.document_type,\n number: form.document_number.match(/\\d+/g).join(\"\"),\n } : null,\n },\n coupon_id: couponId || null,\n subscription_id: customer.subscription_id\n }\n\n try {\n const data = await CheckoutService.PayBoleto({ payment, session_token: checkoutConfig.session_token })\n TrackGoogleAnalyticsEvent(\"Payment\", \"pix_payment_successful\", \"Pix Payment Successful\")\n\n return setSuccessPage({ type: \"pix\", pix: data, customer })\n } catch (e) {\n msg.err({ title: t.errors.label, text: t.errors[e?.response?.data?.parameter] || t.errors['generic.post'] })\n setIsSubmitting(false)\n TrackGoogleAnalyticsEvent(\"Payment\", \"pix_payment_error\", \"Pix Payment Error\")\n setLoadingState({ ...loadingState, payment: false })\n\n }\n setIsSubmitting(false)\n setLoadingState({ ...loadingState, payment: false })\n\n }\n\n function isBackgroundDark(hexcolor = \"#000000\") {\n hexcolor = hexcolor.replace(\"#\", \"\");\n var r = parseInt(hexcolor.substr(0, 2), 16);\n var g = parseInt(hexcolor.substr(2, 2), 16);\n var b = parseInt(hexcolor.substr(4, 2), 16);\n var yiq = (r * 299 + g * 587 + b * 114) / 1000;\n return yiq < 128;\n }\n\n const disabledInputsCustomer = () => {\n if (!checkoutConfig.customer) return {}\n let initialValues = {\n first_name: Boolean(checkoutConfig.customer.first_name),\n last_name: Boolean(checkoutConfig.customer.last_name),\n mobile_phone: Boolean(checkoutConfig.customer.mobile_number),\n email: Boolean(checkoutConfig.customer.email),\n birth_date: Boolean(checkoutConfig.customer.birth_date),\n country_code: Boolean(checkoutConfig.customer.country_code),\n document_type: Boolean(checkoutConfig.customer.document.type),\n document_number: Boolean(checkoutConfig.customer.document.number),\n billing_address_postal_code: Boolean(checkoutConfig.customer.billing_address?.postal_code),\n billing_address_street1: Boolean(checkoutConfig.customer.billing_address?.street),\n billing_address_number: Boolean(checkoutConfig.customer.billing_address?.number),\n billing_address_state: Boolean(checkoutConfig.customer.billing_address?.state),\n billing_address_district: Boolean(checkoutConfig.customer.billing_address?.district),\n billing_address_city: Boolean(checkoutConfig.customer.billing_address?.city),\n billing_address_country_code: Boolean(checkoutConfig.customer.billing_address?.country_code),\n billing_address_complement: Boolean(checkoutConfig.customer.billing_address?.complement),\n shipping_address_postal_code: Boolean(checkoutConfig.customer.shipping_address[0]?.postal_code),\n shipping_address_street1: Boolean(checkoutConfig.customer.shipping_address[0]?.street),\n shipping_address_number: Boolean(checkoutConfig.customer.shipping_address[0]?.number),\n shipping_address_state: Boolean(checkoutConfig.customer.shipping_address[0]?.state),\n shipping_address_district: Boolean(checkoutConfig.customer.shipping_address[0]?.district),\n shipping_address_city: Boolean(checkoutConfig.customer.shipping_address[0]?.city),\n shipping_address_country_code: Boolean(checkoutConfig.customer.shipping_address[0]?.country_code),\n shipping_address_complement: Boolean(checkoutConfig.customer.shipping_address[0]?.complement),\n }\n return initialValues\n }\n\n const disabledInputsBoleto = () => {\n if (!checkoutConfig.customer) return {}\n let initialValues = {\n document_type: Boolean(checkoutConfig.customer.document.type),\n document_number: Boolean(checkoutConfig.customer.document.number),\n\n }\n return initialValues\n }\n\n\n const customerInitialValues = () => {\n\n const date = moment(\"24-11-1998\")\n\n if (checkoutConfig.customer) {\n let initialValues = {\n first_name: checkoutConfig.customer.first_name,\n last_name: checkoutConfig.customer.last_name,\n mobile_phone: checkoutConfig.customer.mobile_number || \"\",\n email: checkoutConfig.customer.email,\n birth_date: checkoutConfig.customer.birth_date ? moment(checkoutConfig.customer.birth_date) : null,\n country_code: checkoutConfig.customer.country_code,\n document_type: checkoutConfig.customer.document.type,\n document_number: checkoutConfig.customer.document.number,\n billing_address_postal_code: checkoutConfig.customer.billing_address?.postal_code,\n billing_address_street1: checkoutConfig.customer.billing_address?.street,\n billing_address_number: checkoutConfig.customer.billing_address?.number,\n billing_address_state: checkoutConfig.customer.billing_address?.state,\n billing_address_district: checkoutConfig.customer.billing_address?.district,\n billing_address_city: checkoutConfig.customer.billing_address?.city,\n billing_address_country_code: checkoutConfig.customer.billing_address?.country_code,\n billing_address_complement: checkoutConfig.customer.billing_address?.complement,\n shipping_address_postal_code: checkoutConfig.customer.shipping_address[0]?.postal_code,\n shipping_address_street1: checkoutConfig.customer.shipping_address[0]?.street,\n shipping_address_number: checkoutConfig.customer.shipping_address[0]?.number,\n shipping_address_state: checkoutConfig.customer.shipping_address[0]?.state,\n shipping_address_district: checkoutConfig.customer.shipping_address[0]?.district,\n shipping_address_city: checkoutConfig.customer.shipping_address[0]?.city,\n shipping_address_country_code: checkoutConfig.customer.shipping_address[0]?.country_code,\n shipping_address_complement: checkoutConfig.customer.shipping_address[0]?.complement,\n }\n return initialValues\n }\n let initialValues = {\n first_name: \"\",\n last_name: \"\",\n mobile_phone: \"\",\n email: \"\",\n birth_date: null,\n country_code: checkoutConfig?.company.address.country_code,\n document_type: checkoutConfig.checkout_config.checkout_fields.prioritize_b2b ? formSchema[customerCountry].b2bDocument : formSchema[customerCountry].documentsList[0],\n document_number: \"\",\n billing_address_postal_code: \"\",\n billing_address_street1: \"\",\n billing_address_number: \"\",\n billing_address_state: \"\",\n billing_address_district: \"\",\n billing_address_city: \"\",\n billing_address_country: \"\",\n billing_address_complement: \"\",\n shipping_address_postal_code: \"\",\n shipping_address_street1: \"\",\n shipping_address_number: \"\",\n shipping_address_state: \"\",\n shipping_address_district: \"\",\n shipping_address_city: \"\",\n shipping_address_country: \"\",\n shipping_address_complement: \"\",\n }\n return initialValues\n }\n\n const boletoInitialValues = () => {\n if (checkoutConfig.customer) {\n let initialValues = {\n first_name: checkoutConfig.customer.first_name,\n last_name: checkoutConfig.customer.last_name,\n mobile_phone: checkoutConfig.customer.mobile_number || \"\",\n email: checkoutConfig.customer.email,\n country_code: checkoutConfig.customer.country_code,\n document_type: checkoutConfig.customer.document.type,\n document_number: checkoutConfig.customer.document.number,\n billing_address_postal_code: checkoutConfig.customer.billing_address?.postal_code,\n billing_address_street1: checkoutConfig.customer.billing_address?.street,\n billing_address_number: checkoutConfig.customer.billing_address?.number,\n billing_address_state: checkoutConfig.customer.billing_address?.state,\n billing_address_district: checkoutConfig.customer.billing_address?.district,\n billing_address_city: checkoutConfig.customer.billing_address?.city,\n billing_address_country_code: checkoutConfig.customer.billing_address?.country_code,\n billing_address_complement: checkoutConfig.customer.billing_address?.complement\n }\n return initialValues\n }\n let initialValues = {\n document_type: 'CPF',\n document_number: \"\",\n billing_address_postal_code: \"\",\n billing_address_street1: \"\",\n billing_address_number: \"\",\n billing_address_state: \"\",\n billing_address_district: \"\",\n billing_address_city: \"\",\n billing_address_country_code: \"\",\n billing_address_complement: \"\",\n }\n return initialValues\n }\n\n const bolecodeInitialValues = () => {\n if (checkoutConfig.customer) {\n let initialValues = {\n first_name: checkoutConfig.customer.first_name,\n last_name: checkoutConfig.customer.last_name,\n mobile_phone: checkoutConfig.customer.mobile_number || \"\",\n email: checkoutConfig.customer.email,\n country_code: checkoutConfig.customer.country_code,\n document_type: checkoutConfig.customer.document.type,\n document_number: checkoutConfig.customer.document.number,\n billing_address_postal_code: checkoutConfig.customer.billing_address?.postal_code,\n billing_address_street1: checkoutConfig.customer.billing_address?.street,\n billing_address_number: checkoutConfig.customer.billing_address?.number,\n billing_address_state: checkoutConfig.customer.billing_address?.state,\n billing_address_district: checkoutConfig.customer.billing_address?.district,\n billing_address_city: checkoutConfig.customer.billing_address?.city,\n billing_address_country_code: checkoutConfig.customer.billing_address?.country_code,\n billing_address_complement: checkoutConfig.customer.billing_address?.complement\n }\n return initialValues\n }\n let initialValues = {\n document_type: 'CPF',\n document_number: \"\",\n billing_address_postal_code: \"\",\n billing_address_street1: \"\",\n billing_address_number: \"\",\n billing_address_state: \"\",\n billing_address_district: \"\",\n billing_address_city: \"\",\n billing_address_country_code: \"\",\n billing_address_complement: \"\",\n }\n return initialValues\n }\n\n const CCInitialValues = () => {\n let initialValues = {\n cc_number: \"\",\n cc_cardholder: \"\",\n cc_expiry_date: \"\",\n cvv: \"\",\n brand: \"\",\n type: \"\",\n installments: checkoutConfig.plan.installments && checkoutConfig.plan.installments[0]\n\n }\n return initialValues\n }\n\n\n\n const [value, setValue] = React.useState(0);\n\n const checkForErrors = async (form, handleSubmit, formikprops, type) => {\n const customerCustomFields = checkoutConfig.checkout_config.customer_custom_fields?.filter(field => field.is_enabled === true).map(field => `customer_${field.key}`)\n\n const subscriptionCustomFields = checkoutConfig.checkout_config.subscription_custom_fields?.filter(field => field.is_enabled === true).map(field => `subscription_${field.key}`)\n\n const values = type === 'boleto'\n ? boletoInitialValues()\n : type === 'credit_card'\n ? CCInitialValues()\n : type === 'bolecode'\n ? bolecodeInitialValues()\n : customerInitialValues()\n\n Object.keys(values).forEach(v => {\n formikprops.setFieldTouched(v, true)\n })\n\n if (type === 'customer') {\n customerCustomFields.forEach(v => {\n formikprops.setFieldTouched(v, true)\n })\n\n subscriptionCustomFields.forEach(v => {\n formikprops.setFieldTouched(v, true)\n })\n }\n if (_.isEmpty(formikprops.errors)) return handleSubmit(form)\n }\n\n const [expanded, setExpanded] = useState({\n customer: true,\n billing: true,\n shipping: true,\n payment: true,\n additional_info: true,\n credit_card: true,\n boleto: false\n })\n\n const handleExpand = (panel) => {\n if (panel === \"boleto\") {\n return setExpanded({\n ...expanded,\n boleto: !expanded.boleto,\n credit_card: false\n });\n }\n if (panel === \"credit_card\") {\n return setExpanded({\n ...expanded,\n credit_card: !expanded.credit_card,\n boleto: false,\n });\n }\n if (panel === \"bolecode\") {\n return setExpanded({\n ...expanded,\n bolecode: !expanded.bolecode,\n credit_card: false\n });\n }\n\n return setExpanded({ ...expanded, [panel]: !expanded[panel] });\n };\n\n const AccordionCustomerConfig = {\n title: (\n \n {formStep === 'customer' || formStep === \"one_step\" &&\n <>\n
\n \n }\n\n {checkoutConfig.plan?.coupon_enabled &&\n <>\n
\n \n }\n\n {((formStep !== 'customer' && value === 0) || formStep === \"one_step\") &&\n <>\n Cartão de crédito:\n\n
\n\n
\n \n }\n\n {formStep !== 'customer' && value === 1 &&\n <>\n
\n \n }\n\n
\n \n Assinante:\n \n\n
\n \n \n }\n\n {checkoutConfig.plan?.coupon_enabled &&\n <>\n
\n Cupom:\n \n \n \n\n
\n \n \n }\n\n {((formStep !== 'customer' && value === 0) || formStep === \"one_step\") &&\n <>\n Cartão de crédito:\n
| \n Tipo\n | \n\n Número\n | \n\n Bandeira\n | \n\n Validade\n | \n\n CVV\n | \n\n Titular do cartão\n | \n
|---|---|---|---|---|---|
| \n Testar cartão de crédito válido\n | \n\n 4970100000000014\n | \n\n VISA\n | \n\n 12/30\n | \n\n 023\n | \n\n Joao Silva\n | \n
| \n Testar cartão de crédito inválido\n | \n\n 4970100000000013\n | \n\n VISA\n | \n\n 12/30\n | \n\n 023\n | \n\n Joao Silva\n | \n
| \n Testar cartão de crédito com limite excedido\n | \n\n 4970100000000071\n | \n\n VISA\n | \n\n 12/30\n | \n\n 023\n | \n\n Joao Silva\n | \n
| \n Testar cartão de crédito com suspeita de fraude\n | \n\n 4970100000000121\n | \n\n VISA\n | \n\n 12/30\n | \n\n 023\n | \n\n Joao Silva\n | \n
| \n Testar cartão de crédito com cvv inválido\n | \n\n 4970100000000089\n | \n\n VISA\n | \n\n 12/30\n | \n\n 023\n | \n\n Joao Silva\n | \n
\n \n }\n\n {formStep !== 'customer' && value === 1 &&\n <>\n
\n Boleto:\n \n \n\n
\n \n \n }\n\n
\n \n \n
\n )\n })\n\n const AccordionPaymentConfig = {\n title: (\n \n setUseBillingAsShipping(!useBillingAsShipping)} color=\"primary\" />\n \n
\n \n {!useBillingAsShipping &&\n
\n \n FormikValidationsCCPayment(values, checkoutConfig, t)}\n onSubmit={props => onCCPaymentSubmit(props)}\n >\n {({\n handleSubmit,\n ...formikprops\n }) => (\n \n \n \n \n \n )}\n \n\n )\n case 'boleto':\n return (\n FormikValidationsBoletoPayment(values, checkoutConfig, t)}\n onSubmit={props => onBoletoPaymentSubmit(props)}\n >\n {({\n handleSubmit,\n ...formikprops\n }) => (\n \n \n \n \n \n )}\n \n )\n case 'bolecode':\n return (\n FormikValidationsBoletoPayment(values, checkoutConfig, t)}\n onSubmit={props => onBolecodePaymentSubmit(props)}\n >\n {({\n handleSubmit,\n ...formikprops\n }) => (\n \n \n \n \n \n )}\n \n )\n case 'pix':\n return (\n FormikValidationsPixPayment(values, checkoutConfig, t)}\n onSubmit={props => onPixPaymentSubmit(props)}\n >\n {({\n handleSubmit,\n ...formikprops\n }) => (\n \n \n \n \n \n )}\n \n )\n case 'sdd':\n return (\n \n
\n ),\n\n expanded: expanded.payment,\n loading: loadingState.payment,\n handleExpand: () => handleExpand('payment'),\n shadow: true\n\n\n }\n\n useEffect(() => {\n if (checkoutConfig.customer) {\n setCustomer(checkoutConfig.customer)\n }\n }, [])\n\n\n return (\n \n {checkoutConfig.plan.payment_methods.map((method, index) => {\n switch (method) {\n case 'credit_card':\n return (\n
\n\n {checkoutConfig.plan.payment_methods.map((method, index) => {\n switch (method) {\n case 'credit_card':\n return (\n setValue(index)}>\n
\n\n )\n case 'boleto':\n return (\n setValue(index)}>\n
\n\n )\n case 'bolecode':\n return (\n setValue(index)}>\n
\n\n )\n case 'pix':\n return (\n setValue(index)}>\n
\n )\n case 'sdd':\n return (\n setValue(index)}>\n \n
\n )\n default:\n return\n }\n })}\n\n\n \n {\n setIsSubmitting(true)\n setShowIFrame(true)\n }}\n className=\"flex-col center-b\"\n style={{ width: '100%' }}\n >\n {sddInputs.map(\n ({ name, value, }) => {\n return (\n
\n \n )\n default:\n return\n }\n })}\n {/* \n {!showIFrame && \n {t.buttons[\"checkout.continue\"]}\n }\n
\n {showIFrame && (\n <>\n \n FormikValidationsCustomer(values, checkoutConfig, t, useBillingAsShipping)}\n onSubmit={props => onCustomerSubmit(props)}\n >\n {({\n handleSubmit,\n ...formikprops\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default BRForm\n\nfunction TabPanel(props) {\n const { children, value, index, ...other } = props;\n\n return (\n \n
\n {formStep === 'payment' && \n {children}\n
\n \n {children}\n
\n \n FormikValidationsCCPayment(values, checkoutConfig, t)}\n onSubmit={props => onCCPaymentSubmit(props)}\n >\n {({\n handleSubmit,\n ...formikprops\n }) => (\n \n \n \n )}\n \n )\n case 'sdd':\n return (\n \n
\n ),\n expanded: expanded.payment,\n loading: loadingState.payment,\n handleExpand: () => handleExpand('payment'),\n shadow: true\n }\n\n useEffect(() => {\n if (checkoutConfig.customer) {\n setCustomer(checkoutConfig.customer)\n }\n }, [])\n\n return (\n \n {checkoutConfig.plan.payment_methods.map((method, index) => {\n switch (method) {\n case 'credit_card':\n return (\n
\n\n\n {checkoutConfig.plan.payment_methods.map((method, index) => {\n switch (method) {\n case 'credit_card':\n return (\n setValue(index)}>\n
\n\n )\n case 'sdd':\n return (\n setValue(index)}>\n \n
\n )\n default:\n return\n }\n })}\n \n {\n setIsSubmitting(true)\n setShowIFrame(true)\n }}\n className=\"flex-col center-b\"\n style={{ width: '100%' }}\n >\n {sddInputs.map(\n ({ name, value, }) => {\n return (\n
\n \n )\n default:\n return\n }\n })}\n \n {!showIFrame && \n {t.buttons[\"checkout.continue\"]}\n }\n
\n {showIFrame && (\n <>\n \n FormikValidationsCustomerFR(values, checkoutConfig, t)}\n onSubmit={props => onCustomerSubmit(props)}\n >\n {({\n handleSubmit,\n ...formikprops\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default FRForm","import React, { useEffect } from \"react\"\nimport { makeStyles, Dialog, DialogContent, Button } from \"@material-ui/core\"\nimport SectionMain from \"../../../layout/SectionMain\"\nimport { barcode } from \"react-icons-kit/fa\"\nimport Icon from \"react-icons-kit\"\nimport Title, { TitleSmall } from \"../forms/Title\"\nimport FileCopyIcon from \"@material-ui/icons/FileCopy\"\nimport { useTranslation } from \"../../IntlContext/IntlContext\"\nimport GetAppIcon from \"@material-ui/icons/GetApp\"\nimport { useSnackbar } from \"notistack\"\nimport { billService } from \"../../../core/api\"\nimport { saveAs } from \"file-saver\"\nimport toCurrency from \"../../../core/toCurrency\"\nimport CompactTable from \"../../TableRenderer\"\nimport useLocalDateFunction from \"../../../utils/useLocalDateFunction\"\n\nconst useStyles = makeStyles({\n\troot: {\n\t\t// height: \"100vh\",\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\n\t},\n\tbackdrop: { background: \"none\" },\n\tcontainer: {\n\t\tjustifyContent: \"center\",\n\t},\n\tdialog: {\n\t\tbackground: \"none\",\n\t},\n\tlogo: {\n\t\tbackgroundImage: ({ logo }) => `url(${logo})`,\n\t\tbackgroundSize: \"contain\",\n\t\tbackgroundPosition: \"center\",\n\t\tbackgroundRepeat: \"no-repeat\",\n\t\twidth: \"100%\",\n\t\theight: \"10vw\",\n\t\tmaxHeight: 100,\n\t},\n\ticon: {\n\t\tborderRadius: \"100%\",\n\t\theight: 120,\n\t\twidth: 120,\n\t\tpaddingTop: 10,\n\t\tcolor: \"#fff\",\n\t\tbackground: ({ color }) => color,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tcode: {\n\t\tborder: '1px solid rgba(0,0,0,0.19)',\n\t\tborderRadius: '15px',\n\t\tpadding: \"5px 10px\",\n\t\ttextAlign: \"center\",\n\t\twidth: '100%',\n\t\tfontSize: \"16px\"\n\t},\n\tbutton: {\n\t\tborder: '1px solid rgba(0,0,0,0.19)',\n\t\tborderRadius: '15px',\n\t\ttextTransform: \"none\",\n\t\tcolor: ({ color }) => color\n\t},\n})\n\nconst SuccessBolecode = (props) => {\n\n\tconst {\n\t\tprimaryColor,\n\t\tlogo,\n\t\tboleto = { link: \"\", payment_number: \"\" },\n\t\tuserInfo,\n\t\tcheckoutInfo,\n\t\tisProduct\n\t} = props\n\n\tconst classes = useStyles({ color: primaryColor, logo })\n\tconst t = useTranslation()\n\tconst renderDate = useLocalDateFunction('DATE')\n\tconst { enqueueSnackbar } = useSnackbar()\n\n\tconst copyCheckoutLinkToClipboard = () => {\n\t\ttry {\n\t\t\tdocument.getElementById(\"boleto-code\").select()\n\t\t\tdocument.execCommand(\"copy\")\n\n\t\t\tenqueueSnackbar(t.checkout.code_copied, {\n\t\t\t\toptions: {\n\t\t\t\t\tautoHideDuration: 1000,\n\t\t\t\t},\n\t\t\t\tvariant: \"success\",\n\t\t\t})\n\t\t} catch (e) {\n\t\t\tconsole.log({ e })\n\t\t}\n\t}\n\n\tconst getBoleto = async () => {\n\t\tconst qs = new URLSearchParams(window.location.search)\n\t\tconst hash = qs.get(\"hash\")\n\t\ttry {\n\t\t\tawait saveAs(\n\t\t\t\t`${process.env.REACT_APP_BILL_SERVICE_URL}/checkout/boleto/print?hash=${hash}&protocolo=${boleto.protocolo}`\n\t\t\t)\n\t\t\t//\n\t\t} catch (e) {\n\t\t\tconsole.log({ e })\n\t\t}\n\t}\n\n\tconst renderCheckoutSuccessInfo = () => {\n\t\tconst lines = checkoutInfo ? checkoutInfo.checkout_config?.checkout_success_instructions?.split(\"\\n\") : []\n\t\treturn lines.map(line => (\n\t\t\t\n\t\t\t\t{line}\n\t\t\t\t\n
\n {formStep === 'payment' && \n\t\t\t\n\t\t))\n\t}\n\n\tconst renderFrequency = (pricing_option) => {\n\t\tif (pricing_option?.interval < 2) {\n\t\t\treturn t.frequency[pricing_option?.frequency.toUpperCase()]\n\t\t} else {\n\t\t\treturn t.generics.each + \" \" + pricing_option.interval + \" \" + t.frequency_quantity[pricing_option?.frequency.toUpperCase()]\n\t\t}\n\t}\n\n\tconst renderTrialAmount = (success_info) => {\n\t\tif (success_info.amount === 0) {\n\t\t\tif (checkoutInfo?.plan?.trial.interval > 1) {\n\t\t\t\treturn t(\"^titles.gratuitous\", checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_quantity[checkoutInfo?.plan?.trial.interval_unit])\n\t\t\t} else {\n\t\t\t\treturn t(\"^titles.gratuitous\", (checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_interval_unit[checkoutInfo?.plan?.trial.interval_unit]))\n\t\t\t}\n\t\t} else {\n\t\t\treturn toCurrency(success_info.amount) + \" \" + t(\"^titles.trial\", (checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_interval_unit[checkoutInfo?.plan?.trial.interval_unit]))\n\n\t\t}\n\t}\n\n\tconst tableData = [\n\t\t{\n\t\t\tlabel: `${isProduct ?\n\t\t\t\tt.products.name\n\t\t\t\t: t.plans.name}:`,\n\t\t\tvalue: boleto.plan?.name || boleto.product?.name,\n\t\t\tboldValue: true,\n\t\t\tboldLabel: true,\n\t\t},\n\t\t(userInfo.name || userInfo.first_name)\n\t\t\t? {\n\t\t\t\tlabel: `${t.titles.customer}:`,\n\t\t\t\tvalue: userInfo.name || userInfo.first_name + \" \" + userInfo.last_name,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(userInfo.email)\n\t\t\t? {\n\t\t\t\tlabel: `${t.checkout.email}:`,\n\t\t\t\tvalue: userInfo.email,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\n\t\t(boleto.subscription?.code)\n\t\t\t? {\n\t\t\t\tlabel: `${t.generics.subscription}:`,\n\t\t\t\tvalue: boleto.subscription.code,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(boleto?.pricing_option)\n\t\t\t? {\n\t\t\t\tlabel: `${t.label.frequency}:`,\n\t\t\t\tvalue: renderFrequency(boleto.pricing_option),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\n\t\t(boleto?.amount)\n\t\t\t? {\n\t\t\t\tlabel: `${t(\"^currencies.amount\")}:`,\n\t\t\t\tvalue: toCurrency(boleto?.amount),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\n\t\t(checkoutInfo?.plan?.trial.interval > 0)\n\t\t\t? {\n\t\t\t\tlabel: `${t(\"^currencies.amount\")}:`,\n\t\t\t\tvalue: renderTrialAmount(boleto),\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true,\n\t\t\t\tvalueStyle: { textTransform: 'capitalize' }\n\t\t\t}\n\t\t\t: null,\n\t]\n\n\n\tuseEffect(() => {\n\t\twindow.scrollTo(0, 0)\n\t}, [])\n\n\treturn (\n\t\t
\n\t\t\t
\n\t)\n}\n\nexport default SuccessBolecode\n","import React, { useState } from \"react\";\nimport useMsgBox from \"../components/SweetAlert\";\nimport { CheckoutService } from \"../core/CheckoutService\";\nimport { Button, TextField } from \"@material-ui/core\";\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { TitleSmall } from \"../components/checkout-1.5.4/forms/Title\";\nimport Loader from \"../components/Loader\";\nimport { useTranslation } from \"../components/IntlContext/IntlContext\";\nimport TextInput from \"../components/checkout-1.5.4/forms/TextInput\";\nimport AppContext, { useAppContext } from \"../components/AppContextCheckout\";\nimport { TrackGoogleAnalyticsEvent } from \"../utils/google-analytics\";\n\nconst CouponForm = ({\n coupon = {},\n setCoupon = () => null,\n totalAmount = 0,\n setTotalAmount = () => null,\n couponLoading = false,\n setCouponLoading = () => null,\n checkoutConfig,\n productHash,\n quantity,\n disabled,\n hash\n}) => {\n\n const msg = useMsgBox()\n const t = useTranslation()\n\n const [oldValue, setOldValue] = useState(totalAmount)\n const { setAppState, coupon: couponState } = useAppContext(AppContext);\n\n\n function isBackgroundDark(hexcolor = \"#000000\") {\n hexcolor = hexcolor.replace(\"#\", \"\");\n var r = parseInt(hexcolor.substr(0, 2), 16);\n var g = parseInt(hexcolor.substr(2, 2), 16);\n var b = parseInt(hexcolor.substr(4, 2), 16);\n var yiq = (r * 299 + g * 587 + b * 114) / 1000;\n return yiq < 128;\n }\n\n\n const onCouponSubmit = async () => {\n if (!coupon.value) return\n setCouponLoading(true)\n\n\n try {\n const data = productHash\n ? await CheckoutService.Products.ValidateCoupon({ code: coupon.value, hash: productHash, quantity })\n : await CheckoutService.ValidateCoupon({ code: coupon.value, hash })\n setCoupon({\n id: data.coupon_id,\n code: coupon.value,\n discount_amount: data.discount_amount,\n total_amount: data.total_amount,\n tax_amount: data.tax_amount,\n next_charge: data.next_charge\n })\n\n setAppState({ coupon: { ...couponState, id: data.coupon_id } })\n TrackGoogleAnalyticsEvent(\"Checkout\", \"add_coupon\", coupon.value);\n\n setTotalAmount(data.total_amount)\n } catch (error) {\n TrackGoogleAnalyticsEvent(\"Checkout\", \"add_coupon_error\", coupon.value);\n msg.err({ title: 'Erro', text: (t(`^errors.coupons.${error.response.data.parameter.split('.')[1]}`) || t.errors['coupons.generic_error']) })\n }\n\n setCouponLoading(false)\n\n }\n\n const cancelCoupon = async () => {\n\n setCoupon({\n id: null,\n code: null,\n value: \"\",\n discount_amount: 0,\n total_amount: 0,\n tax_amount: 0,\n next_charge: null\n })\n\n TrackGoogleAnalyticsEvent(\"Checkout\", \"remove_coupon\", coupon.code);\n\n setTotalAmount(oldValue)\n\n setAppState({ coupon: { ...couponState, id: null } })\n\n\n return\n }\n\n return (\n \n\t\t\t\t\n\t\t\t
\n\n\t\t\t\n\t\t\t\t
\n\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<span style={{ fontSize: 18 }}>\n\t\t\t\t\t\t\t\t\t{(userInfo.totalPaid.amount > 0)\n\t\t\t\t\t\t\t\t\t\t? isProduct\n\t\t\t\t\t\t\t\t\t\t\t? t.products.pay_boleto\n\t\t\t\t\t\t\t\t\t\t\t: t.messages[\"success_submit_boleto.subscription\"]\n\t\t\t\t\t\t\t\t\t\t: \"Assinatura concluída com sucesso!\"}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t{userInfo.totalPaid.amount > 0 &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3 style={{ margin: 0 }}>\n\t\t\t\t\t\t\t\t\t{t('^currencies.amount')}:\n\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t<h2 style={{ margin: 0 }}>\n\t\t\t\t\t\t\t\t\t{toCurrency(boleto.amount, \"BRL\")}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\t{checkoutInfo.plan?.trial.interval > 0 &&\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{t.generics.from_day} {renderDate(checkoutInfo.plan.trial.next_charge)}, {t(\n\t\t\t\t\t\t\t\t\t\"^messages.trial_interval.charge\",\n\t\t\t\t\t\t\t\t\ttoCurrency(\n\t\t\t\t\t\t\t\t\t\tcheckoutInfo.plan.amount,\n\t\t\t\t\t\t\t\t\t\tcheckoutInfo.plan.currency\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tt.frequency_interval_unit[\n\t\t\t\t\t\t\t\t\tcheckoutInfo.plan.recurrence.frequency\n\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\n\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t('^messages.send_invoice.subscription', \"userInfo.email\")}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{checkoutInfo && checkoutInfo.checkout_config.checkout_success_instructions &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{renderCheckoutSuccessInfo()}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n \n {t.forms.discount_coupon}:\n \n {coupon.code\n ? {\n let value = e.target.value.toUpperCase()\n value = value.replace(\" \", \"\")\n setCoupon({\n ...coupon, value\n })\n }} label=\"Código do cupom\"> */}\n {\n let value = e.target.value.toUpperCase()\n value = value.replace(\" \", \"\")\n setCoupon({\n ...coupon, value\n })\n }}\n rigthElement={\n onCouponSubmit()}\n style={{\n backgroundColor: checkoutConfig.company?.style.primary_color\n ? checkoutConfig.company?.style.primary_color\n : '#fff',\n color: isBackgroundDark(checkoutConfig.company?.style.primary_color || '#fff') ? 'white' : 'black'\n }}\n variant=\"contained\"\n color=\"primary\"\n disabled={disabled}\n size=\"small\"\n >\n {couponLoading &&\n \n {t.messages[\"coupon.discount\"]}\n \n }\n
\n )\n}\n\nexport default CouponForm","import React, { useEffect } from \"react\"\nimport { makeStyles, Dialog, DialogContent, Button } from \"@material-ui/core\"\nimport SectionMain from \"../../../layout/SectionMain\"\nimport { barcode } from \"react-icons-kit/fa\"\nimport { Icon } from '@iconify/react';\nimport Title, { TitleSmall } from \"../forms/Title\"\nimport FileCopyIcon from \"@material-ui/icons/FileCopy\"\nimport { useTranslation } from \"../../IntlContext/IntlContext\"\nimport GetAppIcon from \"@material-ui/icons/GetApp\"\nimport { useSnackbar } from \"notistack\"\nimport { billService } from \"../../../core/api\"\nimport { saveAs } from \"file-saver\"\nimport toCurrency from \"../../../core/toCurrency\"\nimport CompactTable from \"../../TableRenderer\"\n\nconst useStyles = makeStyles({\n\troot: {\n\t\t// height: \"100vh\",\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n\tbackdrop: { background: \"none\" },\n\tcontainer: {\n\t\tjustifyContent: \"center\",\n\t},\n\tdialog: {\n\t\tbackground: \"none\",\n\t},\n\tlogo: {\n\t\tbackgroundImage: ({ logo }) => `url(${logo})`,\n\t\tbackgroundSize: \"contain\",\n\t\tbackgroundPosition: \"center\",\n\t\tbackgroundRepeat: \"no-repeat\",\n\t\twidth: \"100%\",\n\t\theight: \"10vw\",\n\t\tmaxHeight: 100,\n\t},\n\ticon: {\n\t\tborderRadius: \"100%\",\n\t\theight: 120,\n\t\twidth: 120,\n\t\tpaddingTop: 10,\n\t\tcolor: \"#fff\",\n\t\tbackground: ({ color }) => color,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n\tcode: {\n\t\tborder: '1px solid rgba(0,0,0,0.19)',\n\t\tborderRadius: '15px',\n\t\tpadding: \"5px 10px\",\n\t\ttextAlign: \"center\",\n\t\twidth: '100%',\n\t\tfontSize: \"16px\"\n\t},\n\tbutton: {\n\t\tborder: '1px solid rgba(0,0,0,0.19)',\n\t\tborderRadius: '15px',\n\t\ttextTransform: \"none\",\n\t\tcolor: ({ color }) => color\n\t},\n})\n\nconst SuccessPix = ({\n\tprimaryColor,\n\tlogo,\n\tpixData = { link: \"\", payment_number: \"\" },\n\tcheckoutInfo,\n\tuserInfo = {},\n\tisProduct = false\n}) => {\n\n\tconst classes = useStyles({ color: primaryColor, logo })\n\tconst t = useTranslation()\n\tconst { enqueueSnackbar } = useSnackbar()\n\n\tconst copyCheckoutLinkToClipboard = () => {\n\t\ttry {\n\t\t\tdocument.getElementById(\"pix-code\").select()\n\t\t\tdocument.execCommand(\"copy\")\n\n\t\t\tenqueueSnackbar(\"Código copiado com sucesso!\", {\n\t\t\t\toptions: {\n\t\t\t\t\tautoHideDuration: 1000,\n\t\t\t\t},\n\t\t\t\tvariant: \"success\",\n\t\t\t})\n\t\t} catch (e) {\n\t\t\tconsole.log({ e })\n\t\t}\n\t}\n\n\tconst Row = ({ label, value }) => (\n\t\t\n \n {coupon.code}\n \n cancelCoupon()} disabled={disabled}>\n \n\n
\n : (<>\n {/* {label}
\n\t\t\t\n\t\t\t\t{value}\n\t\t\t
\n\t\t\n\t)\n\n\n\tconst QRCode = ({ data }) => \n\t\t\t\n\t\t))\n\t}\n\n\tconst renderFrequency = (pricing_option) => {\n\t\tif (pricing_option?.interval < 2) {\n\t\t\treturn t.frequency[pricing_option?.frequency.toUpperCase()]\n\t\t} else {\n\t\t\treturn t.generics.each + \" \" + pricing_option.interval + \" \" + t.frequency_quantity[pricing_option?.frequency.toUpperCase()]\n\t\t}\n\t}\n\n\tconst renderTrialAmount = (success_info) => {\n\t\tif (success_info.amount === 0) {\n\t\t\tif (checkoutInfo?.plan?.trial.interval > 1) {\n\t\t\t\treturn t(\"^titles.gratuitous\", checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_quantity[checkoutInfo?.plan?.trial.interval_unit])\n\t\t\t} else {\n\t\t\t\treturn t(\"^titles.gratuitous\", (checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_interval_unit[checkoutInfo?.plan?.trial.interval_unit]))\n\t\t\t}\n\t\t} else {\n\t\t\treturn toCurrency(success_info.amount) + \" \" + t(\"^titles.trial\", (checkoutInfo?.plan?.trial.interval + \" \" + t.frequency_interval_unit[checkoutInfo?.plan?.trial.interval_unit]))\n\n\t\t}\n\t}\n\n\tconst tableData = [\n\t\t{\n\t\t\tlabel: `${isProduct ?\n\t\t\t\tt.products.name\n\t\t\t\t: t.plans.name}:`,\n\t\t\tvalue: checkoutInfo.plan?.name || checkoutInfo.product?.name,\n\t\t\tboldValue: true,\n\t\t\tboldLabel: true,\n\t\t},\n\t\t(userInfo.name || userInfo.first_name)\n\t\t\t? {\n\t\t\t\tlabel: `${t.titles.customer}:`,\n\t\t\t\tvalue: userInfo.name || userInfo.first_name + \" \" + userInfo.last_name,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t\t(userInfo.email)\n\t\t\t? {\n\t\t\t\tlabel: `${t.checkout.email}:`,\n\t\t\t\tvalue: userInfo.email,\n\t\t\t\tboldValue: true,\n\t\t\t\tboldLabel: true\n\t\t\t}\n\t\t\t: null,\n\t]\n\n\tuseEffect(() => {\n\t\twindow.scrollTo(0, 0)\n\t}, [])\n\n\treturn (\n\t\t
\n\t\t\t
\n\t)\n}\n\nexport default SuccessPix\n","import throttle from \"lodash/throttle\";\n\nexport default function ExitIntent(options = {}) {\n const defaultOptions = {\n threshold: 20,\n maxDisplays: 100,\n eventThrottle: 2000,\n onExitIntent: () => {},\n };\n\n return (function () {\n const config = { ...defaultOptions, ...options };\n const eventListeners = new Map();\n let displays = 0;\n\n const addEvent = (eventName, callback) => {\n document.addEventListener(eventName, callback, false);\n eventListeners.set(`document:${eventName}`, { eventName, callback });\n };\n\n const removeEvent = (key) => {\n const { eventName, callback } = eventListeners.get(key);\n document.removeEventListener(eventName, callback);\n eventListeners.delete(key);\n };\n\n const shouldDisplay = (position) => {\n if (position <= config.threshold && displays < config.maxDisplays) {\n displays++;\n return true;\n }\n return false;\n };\n\n const mouseDidMove = (event) => {\n if (shouldDisplay(event.clientY)) {\n config.onExitIntent();\n if (displays >= config.maxDisplays) {\n removeEvents();\n }\n }\n };\n\n const removeEvents = () => {\n eventListeners.forEach((value, key, map) => removeEvent(key));\n };\n\n addEvent(\"mousemove\", throttle(mouseDidMove, config.eventThrottle));\n\n return removeEvents;\n })();\n}","import React from 'react'\n\nconst CheckoutContext = React.createContext({\n checkout: null,\n shippingAddress: false,\n onSubmit() {},\n setCheckoutState() {}\n})\n\nexport const useCheckoutContext = () => React.useContext(CheckoutContext)\n\nexport default CheckoutContext","import React from 'react';\nimport './index.css';\nimport ExitIntent from '../../utils/ExitIntent';\nimport { Button } from '@material-ui/core';\nimport CheckoutContext from '../checkouts/CheckoutContext';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\n\n\nconst ExitIntentModal = ({\n children,\n onExitIntent,\n onExitIntentCancel,\n disabled = false,\n}) => {\n\n const [showModal, setShowModal] = React.useState(false);\n const [exitIntent, setExitIntent] = React.useState(false);\n\n const cookies = document.cookie.split(';').map(item => item.split('=')).reduce((acc, [k, v]) => (acc[k.trim().replace('\"', '')] = v) && acc, {}) || {};\n\n const { exit_intent_show } = cookies.exit_intent_show ? cookies : { exit_intent_show: 'true' };\n\n\n if (exit_intent_show === 'false') {\n disabled = true;\n }\n const handleModalClose = () => {\n setShowModal(false);\n setExitIntent(false);\n };\n\n React.useEffect(() => {\n setTimeout(() => {\n const removeExitIntent = ExitIntent({\n threshold: 10,\n eventThrottle: 100,\n onExitIntent: () => {\n setShowModal(true)\n },\n })\n return () => {\n removeExitIntent()\n }\n }, 300)\n }, [])\n\n return (\n \n\t\t\t\t\n\t\t\t
\n\n\t\t\t\n\t\t\t\t
\n\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\n\t\t\t\t\t
\n\n\t\t\t\t\t{userInfo.totalPaid.amount > 0 &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<span style={{ fontSize: '1.5rem' }}>\n\t\t\t\t\t\t\t\t\t{(userInfo.totalPaid.amount > 0) ?\n\t\t\t\t\t\t\t\t\t\tt.success.pix_created\n\t\t\t\t\t\t\t\t\t\t: isProduct\n\t\t\t\t\t\t\t\t\t\t\t? t.products.success_page_title\n\t\t\t\t\t\t\t\t\t\t\t: \"Assinatura concluída com sucesso!\"}\n\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t{userInfo.totalPaid.amount > 0 &&\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span style={{ fontSize: '1rem' }}>\n\t\t\t\t\t\t\t\t\t\t\t{!isProduct &&\n\t\t\t\t\t\t\t\t\t\t\t\tt.success.pay_to_activate\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3 style={{ margin: 0 }}>\n\t\t\t\t\t\t\t\t\t{t('^currencies.amount')}:\n\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t<h2 style={{ margin: 0 }}>\n\t\t\t\t\t\t\t\t\t{toCurrency(pixData.amount, 'BRL')}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{t('^messages.send_invoice.subscription', userInfo.email)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{checkoutInfo && checkoutInfo.checkout_config.checkout_success_instructions &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{renderCheckoutSuccessInfo()}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n {children}\n \n {({ checkout }) => {\n return \n
\n );\n\n}\n\n\nconst ExitIntentModalContent = ({ showModal, handleModalClose = () => null, values = {}, checkout = {} }) => {\n const date = new Date();\n\n const hsitory = useHistory()\n\n const path = hsitory.location.pathname\n\n function isBackgroundDark(hexcolor = \"#000000\") {\n hexcolor = hexcolor.replace(\"#\", \"\");\n var r = parseInt(hexcolor.substr(0, 2), 16);\n var g = parseInt(hexcolor.substr(2, 2), 16);\n var b = parseInt(hexcolor.substr(4, 2), 16);\n var yiq = (r * 299 + g * 587 + b * 114) / 1000;\n return yiq < 128;\n }\n\n if (values === null) {\n return null;\n }\n\n\n return (\n \n
\n );\n}\n\nexport default ExitIntentModal;","import React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"../components/IntlContext/IntlContext\";\nimport SectionMain from \"../layout/SectionMain\";\nimport WrapperLayout from \"../layout/WrapperLayout/index\";\nimport BRForm from \"./br\";\nimport FRForm from \"./fr\";\nimport { TitleSmall } from \"../components/checkout-1.5.4/forms/Title\";\nimport Loader from \"../components/Loader\";\nimport { CheckoutService } from \"../core/CheckoutService\";\nimport _ from \"lodash\"\nimport SuccessPage from \"../components/checkout-1.5.4/SuccessPage\";\nimport SuccessBoleto from \"../components/checkout-1.5.4/SuccessBoleto\";\nimport SuccessBolecode from \"../components/checkout-1.5.4/SuccessBolecode\";\nimport toCurrency from \"../core/toCurrency\";\nimport RenderAmount from \"../core/renderAmount\";\nimport CouponForm from \"../layout/coupon_form\";\nimport CheckoutPage from \"../checkout-new\";\nimport { handleLocaleChange } from \"../locale/handleLocaleChange\";\nimport AppContext, { useAppContext } from \"../components/AppContextCheckout\";\nimport useLocalDateFunction from \"../utils/useLocalDateFunction\";\nimport SuccessPix from \"../components/checkout-1.5.4/SuccessPix\";\nimport getLocale from '../locale'\nimport { Icon } from '@iconify/react';\nimport { useCallback } from \"react\"\nimport { LocaleSelect } from \"../components/LocaleSelect\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom\";\nimport formSchema from \"../core/formSchema\";\nimport InitializeGoogleAnalytics, { TrackGoogleAnalyticsEvent } from \"../utils/google-analytics\";\nimport useMsgBox from \"../components/SweetAlert\";\nimport ExitIntentModal from \"../components/exit-intent-modal\";\nimport CheckoutContext from \"../components/checkouts/CheckoutContext\";\n\n\nconst Checkout = ({ match }) => {\n\n const t = useTranslation()\n const renderDate = useLocalDateFunction('DATE')\n const textBG = `/images/test_mode_bg.jpg`\n let languageLabel = { BRA: \"pt-BR\", FRA: \"fr-FR\", CHL: \"es-ES\" };\n const [plan, setPlan] = useState(null)\n const [checkoutConfig, setCheckoutConfig] = useState(null)\n const [paymentLink, setPaymentLink] = useState(false)\n const [company, setCompany] = useState({\n style: {\n primary_color: \"\",\n },\n });\n\n const [couponLoading, setCouponLoading] = useState(false)\n const [coupon, setCoupon] = useState({\n id: null,\n code: null,\n value: \"\",\n discount_amount: 0,\n total_amount: 0,\n tax_amount: 0\n })\n\n const [totalAmount, setTotalAmount] = useState(0)\n const [success, setSuccess] = useState(null)\n const [loading, setLoading] = useState(true)\n const [messageError, setMessageError] = useState('')\n const { setAppState, payzenForm, lang, language } = useAppContext(AppContext);\n\n\n const fetchCheckout = () => {\n setLoading(true)\n fetchCheckoutConfig()\n }\n\n const handleLocaleChange = useCallback(async lang => {\n const { locale } = await getLocale(lang)\n localStorage.setItem(\"locale\", lang)\n setAppState({ language: lang, locale })\n }, [])\n\n const qs = new URLSearchParams(window.location.search);\n\n const fetchCheckoutConfig = async () => {\n setLoading(true)\n\n try {\n const hash = qs.get(\"hash\") || match.params.id;\n await CheckoutService.Get({ hash })\n .then(async (checkout) => {\n if (checkout.plan.amount === 0) return setMessageError(t.errors[\"hash.disabled\"]);\n if (checkout.customer && checkout.plan.payment_methods.includes('boleto')) checkout.is_payment_link = true\n // checkInitialFormStep(checkout, checkout.company.country);\n const list = await CheckoutService.GetDocumentTypes({ countryId: checkout.company.address.country_id, session_token: \"\" })\n checkout.documents_list = list\n checkout.checkout_config.customer_custom_fields = checkout.checkout_config.customer_custom_fields || []\n checkout.checkout_config.subscription_custom_fields = checkout.checkout_config.subscription_custom_fields || []\n setCheckoutConfig(checkout);\n const date = new Date()\n let today = date.getDay()\n if (checkout.customer) setPaymentLink(true)\n\n setCompany(checkout.company)\n setPlan(checkout.plan)\n\n if (checkout.plan.charge_only_setup) {\n setTotalAmount(checkout.plan.setup_fee)\n } else if (checkout.plan.trial.interval > 0) {\n if (checkout.plan.setup_fee) {\n setTotalAmount(checkout.plan.trial.amount + checkout.plan.setup_fee)\n } else {\n setTotalAmount(checkout.plan.trial.amount)\n }\n\n } else if (checkout.plan.pro_rata > 0) {\n if (checkout.plan.setup_fee) {\n setTotalAmount(checkout.plan.pro_rata + checkout.plan.setup_fee)\n } else {\n setTotalAmount(totalAmount + checkout.plan.pro_rata)\n }\n\n } else if (checkout.plan.setup_fee) {\n setTotalAmount(checkout.plan.amount + checkout.plan.setup_fee)\n } else {\n setTotalAmount(checkout.plan.amount)\n }\n checkout.plan.payment_methods.sort((a, b) => {\n if (a === \"credit_card\") {\n return -1\n } else return 1\n })\n\n if (checkout.use_form_token) {\n checkout.plan.installments = null\n }\n handleLocaleChange((checkout.language || formSchema[checkout.company.address.country_code].language), setAppState);\n\n let MEASUREMENT_ID\n\n try {\n MEASUREMENT_ID = checkout.integrations[0].analytics[0].data.measurement_id\n } catch (e) {\n console.log(e)\n } finally {\n }\n\n InitializeGoogleAnalytics(MEASUREMENT_ID)\n\n TrackGoogleAnalyticsEvent(\"Checkout\", \"load\", checkout.plan.name);\n\n return checkout\n })\n\n } catch (e) {\n\n console.log({ e })\n\n if (!e.response) {\n setMessageError(t.errors[\"hash.server_error\"]);\n setLoading(false)\n return;\n }\n\n switch (e.response.status) {\n case 403:\n setMessageError(t.errors[\"hash.used\"]);\n break;\n case 409:\n setMessageError(t.errors[\"hash.disabled\"]);\n break;\n\n default:\n setMessageError(t.errors[\"hash.server_error\"]);\n break;\n }\n }\n setLoading(false)\n\n }\n\n\n useEffect(() => {\n fetchCheckout()\n }, [])\n\n if (loading) return \n
\n \n
\n \n
\n {values.title}
\n\n {values.message}\n
\n\n\n {values.coupon_code &&\n\n {\n handleModalClose()\n document.cookie = `exit_intent_show=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=${path}`;\n }}>\n Copiar cupom\n }\n\n {\n document.cookie = `exit_intent_show=false; expires=${new Date(Date.now() + 0.5 * 60 * 1000).toUTCString()}`;\n handleModalClose()\n }}>Fechar este aviso\n {\n document.cookie = `exit_intent_show=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=${path}`;\n handleModalClose()\n }}>Não mostrar esse aviso novamente\n\n
\n \n
\n\n // if (paymentLink) return (\n // \n \n\n {messageError\n ? messageError\n : t.errors[\"generic\"]}\n \n {t.errors[\"hash.server_error\"] === messageError &&\n < h2\n style={{\n color: 'rgba(0,0,0,0.50)',\n textAlign: \"center\",\n }}\n >\n\n {t.errors.page_expired}\n \n }\n
\n \n \n {t(\n \"^titles.subscription\",\n checkoutConfig.plan?.name\n )}\n \n
\n \n
\n \n \n
\n \n \n \n {(t.generics.payment)}:\n \n \n
\n \n \n {checkoutConfig.plan?.name}{plan.tax && \" (TTC)\"}:\n \n 0 || plan.pro_rata > 0) ? \"line-through\" : \"none\" }}>\n {toCurrency(plan.amount, plan.currency)}\n \n \n \n\n {plan.setup_fee > 0 && (\n \n {t.titles[\"summary.initial_amount\"]}\n \n {toCurrency(plan.setup_fee, plan.currency)}\n \n \n )}\n\n {plan.pro_rata > 0 && (\n \n {\"Pró-rata\"}\n \n {toCurrency(plan.pro_rata, plan.currency)}\n \n \n )}\n\n {plan.trial.interval > 0 && (\n \n Trial\n \n {toCurrency(plan.trial.amount, plan.currency)}\n \n \n )}\n\n {coupon.code && (\n \n {t.titles[\"discount_value.details\"]}:\n -{toCurrency(coupon.discount_amount, plan.currency)}\n \n )}\n\n
\n\n\n {checkoutConfig.coupon_enabled && (\n \n \n \n {t.titles[\"total.details\"]}{plan.tax && \" (TTC)\"}:\n \n \n {toCurrency(totalAmount, plan.currency)}\n \n \n {plan.tax &&\n \n {t(\"^messages.tax.included\",\n plan.tax.tax_rate,\n toCurrency((coupon.id ? coupon.tax_amount : plan.tax.tax_amount), plan.currency)\n )}\n \n }\n {(plan.recurrence.count !== 1 && coupon.code) &&\n {t.generics.from_day} {renderDate(coupon.next_charge)}, {t(\n \"^messages.trial_interval.charge\",\n toCurrency(\n plan.amount,\n plan.currency\n ),\n t.frequency_interval_unit[\n plan.recurrence.frequency\n ]\n )}\n }\n {checkoutConfig.plan?.installments && (\n
\n \n {t.generics.in_up_to} {Math.max.apply(null, checkoutConfig.plan?.installments)}x\n
\n )}\n \n \n {plan.name}\n \n \n {plan.description}\n \n \n
\n\n \n\n {availablMethods.includes('credit_card') &&
\n {selectedMethod === \"credit_card\" &&\n <>\n {checkout.use_form_token ? (\n onSelect('credit_card')} style={{ flex: 1, margin: 10, border: '1px solid #e5e5e5', padding: 10, borderRadius: 10, cursor: \"pointer\", backgroundColor: selectedMethod === 'credit_card' ? \"#e6e6e6\" : \"\", }}>\n
}\n\n {availablMethods.includes('pix') && onSelect('pix')} style={{ flex: 1, margin: 10, border: '1px solid #e5e5e5', padding: 10, borderRadius: 10, cursor: \"pointer\", backgroundColor: selectedMethod === 'pix' ? \"#e6e6e6\" : \"\", }}>\n
\n }\n {availablMethods.includes('boleto') && onSelect('boleto')} style={{ flex: 1, margin: 10, border: '1px solid #e5e5e5', padding: 10, borderRadius: 10, cursor: \"pointer\", backgroundColor: selectedMethod === 'boleto' ? \"#e6e6e6\" : \"\", }}>\n
}\n {availablMethods.includes('bolecode') && onSelect('bolecode')} style={{ flex: 1, margin: 10, border: '1px solid #e5e5e5', padding: 10, borderRadius: 10, cursor: \"pointer\", backgroundColor: selectedMethod === 'bolecode' ? \"#e6e6e6\" : \"\", }}>\n
}\n \n setSuccessPage({\n type: \"credit_card\", customer, data: clientAnswer\n })\n }\n subscriptionId={\n customer.subscription_id\n }\n couponId={\n couponId\n }\n setIsSubmitting={setIsSubmitting}\n />\n
\n ) : (\n <>\n {checkout.checkout_config.installment_enabled &&\n \n \n
\n \n
\n }\n \n \n {t.forms.installments} \n \n \n
\n \n
\n ),\n\n })\n if (result) setTCAgreed(true)\n }\n\n const [selectedMethod, setSelectedMethod] = useState(checkout.checkout_config.payment_methods.includes('credit_card')\n ? 'credit_card'\n : checkout.checkout_config.payment_methods[0])\n\n\n\n const disabledInputsCustomer = () => {\n if (!checkout.customer) return {}\n let initialValues = {\n first_name: Boolean(checkout.customer.first_name),\n last_name: Boolean(checkout.customer.last_name),\n mobile_phone: Boolean(checkout.customer.mobile_number),\n email: Boolean(checkout.customer.email),\n country_code: Boolean(checkout.customer.country_code),\n document_type: Boolean(checkout.customer.document.type),\n document_number: Boolean(checkout.customer.document.number),\n billing_address_postal_code: Boolean(checkout.customer.billing_address?.postal_code),\n billing_address_street1: Boolean(checkout.customer.billing_address?.street),\n billing_address_number: Boolean(checkout.customer.billing_address?.number),\n billing_address_state: Boolean(checkout.customer.billing_address?.state),\n billing_address_district: Boolean(checkout.customer.billing_address?.district),\n billing_address_city: Boolean(checkout.customer.billing_address?.city),\n billing_address_country_code: Boolean(checkout.customer.billing_address?.country_code),\n billing_address_complement: Boolean(checkout.customer.billing_address?.complement),\n shipping_address_postal_code: Boolean(checkout.customer.shipping_address[0]?.postal_code),\n shipping_address_street1: Boolean(checkout.customer.shipping_address[0]?.street),\n shipping_address_number: Boolean(checkout.customer.shipping_address[0]?.number),\n shipping_address_state: Boolean(checkout.customer.shipping_address[0]?.state),\n shipping_address_district: Boolean(checkout.customer.shipping_address[0]?.district),\n shipping_address_city: Boolean(checkout.customer.shipping_address[0]?.city),\n shipping_address_country_code: Boolean(checkout.customer.shipping_address[0]?.country_code),\n shipping_address_complement: Boolean(checkout.customer.shipping_address[0]?.complement),\n }\n return initialValues\n }\n\n const customerInitialValues = () => {\n if (checkout.customer) {\n let initialValues = {\n first_name: checkout.customer.first_name,\n last_name: checkout.customer.last_name,\n mobile_phone: checkout.customer.mobile_number || \"\",\n email: checkout.customer.email,\n country_code: checkout.customer.country_code,\n document_type: checkout.customer.document.type,\n document_number: checkout.customer.document.number,\n billing_address_postal_code: checkout.customer.billing_address?.postal_code,\n billing_address_street1: checkout.customer.billing_address?.street,\n billing_address_number: checkout.customer.billing_address?.number,\n billing_address_state: checkout.customer.billing_address?.state,\n billing_address_district: checkout.customer.billing_address?.district,\n billing_address_city: checkout.customer.billing_address?.city,\n billing_address_country_code: checkout.customer.billing_address?.country_code,\n billing_address_complement: checkout.customer.billing_address?.complement,\n shipping_address_postal_code: checkout.customer.shipping_address[0]?.postal_code,\n shipping_address_street1: checkout.customer.shipping_address[0]?.street,\n shipping_address_number: checkout.customer.shipping_address[0]?.number,\n shipping_address_state: checkout.customer.shipping_address[0]?.state,\n shipping_address_district: checkout.customer.shipping_address[0]?.district,\n shipping_address_city: checkout.customer.shipping_address[0]?.city,\n shipping_address_country_code: checkout.customer.shipping_address[0]?.country_code,\n shipping_address_complement: checkout.customer.shipping_address[0]?.complement,\n }\n return initialValues\n }\n let initialValues = {\n first_name: \"\",\n last_name: \"\",\n mobile_phone: \"\",\n email: \"\",\n country_code: \"BRA\",\n document_type: checkout.checkout_config.prioritize_b2b ? \"CNPJ\" : \"CPF\",\n document_number: \"\",\n billing_address_postal_code: \"\",\n billing_address_street1: \"\",\n billing_address_number: \"\",\n billing_address_state: \"\",\n billing_address_district: \"\",\n billing_address_city: \"\",\n billing_address_country_code: \"\",\n billing_address_complement: \"\",\n shipping_address_postal_code: \"\",\n shipping_address_street1: \"\",\n shipping_address_number: \"\",\n shipping_address_state: \"\",\n shipping_address_district: \"\",\n shipping_address_city: \"\",\n shipping_address_country_code: \"\",\n shipping_address_complement: \"\",\n }\n return initialValues\n }\n\n const CCInitialValues = () => {\n let initialValues = {\n cc_number: \"\",\n cc_cardholder: \"\",\n cc_expiry_date: \"\",\n cvv: \"\",\n brand: \"\",\n type: \"\",\n installments: checkout.checkout_config.installment_enabled ? 1 : null\n\n }\n return initialValues\n }\n\n const customValidationConfig = {\n customer: true,\n billing_address: checkout.checkout_config.billing_address_enabled || (totalAmount > 0 && ['boleto'].includes(selectedMethod)),\n document: checkout.checkout_config.document_enabled || (totalAmount > 0 && ['pix', 'boleto'].includes(selectedMethod)),\n shipping_address: checkout.checkout_config.shipping_address_enabled,\n cc_payment: totalAmount > 0 && selectedMethod === 'credit_card'\n }\n\n return (\n \n {lines.map(line => (\n \n {line}\n
\n \n ))}\n
\n \n \n ))}\n
\n \n {steps.map((label) => (\n \n {label} \n \n ))}\n \n {getStepContent(activeStep)}\n
\n )\n}\n\nconst TCbox = ({ theme, TCAgreed, setTCAgreed, checkout, showTCmodal }) => {\n const t = useTranslation()\n\n return (\n \n \n setTCAgreed(!TCAgreed)} color=\"primary\" />\n \n \n {checkout.checkout_config.terms_conditions.type === 'link' &&\n <>\n {t.checkout.terms_conditions_1}{\" \"}\n \n {t.checkout.terms_conditions_2}\n \n \n }\n {checkout.checkout_config.terms_conditions.type === 'text' &&\n <>\n {t.checkout.terms_conditions_1}{\" \"}\n showTCmodal(t)} style={{ textDecoration: \"underline\", cursor: 'pointer' }}>\n {t.checkout.terms_conditions_2}\n \n \n }\n {checkout.checkout_config.terms_conditions.type === 'accept' &&\n <>\n {t.checkout.terms_conditions_full}\n \n }\n \n
\n )\n}\n\n\nconst RenderForm = ({ checkout,\n customerInitialValues,\n CCInitialValues,\n type,\n onSubmit = () => null,\n selectedMethod = \"\",\n setSelectedMethod = () => null,\n totalAmount = 0,\n loadingState = {}\n}) => {\n const t = useTranslation()\n const checkForErrors = async (form, handleSubmit, formikprops, type) => {\n // const customer = customerInitialValues()\n const payment = CCInitialValues()\n\n const values = { ...payment }\n Object.keys(values).forEach(v => {\n formikprops.setFieldTouched(v, true)\n })\n if (_.isEmpty(formikprops.errors)) return handleSubmit(form)\n }\n const customValidationConfig = {\n customer: true,\n billing_address: checkout.checkout_config.billing_address || ['boleto', 'bolecode'].includes(selectedMethod),\n shipping_address: checkout.checkout_config.shipping_address,\n document: checkout.checkout_config.document || ['pix', 'boleto', 'bolecode'].includes(selectedMethod),\n cc_payment: selectedMethod === 'credit_card'\n }\n\n const theme = createTheme({\n palette: {\n primary: { main: checkout.company?.style.primary_color },\n },\n });\n\n const [TCAgreed, setTCAgreed] = useState(!checkout.checkout_config.terms_conditions.is_enabled)\n\n const showTCmodal = async (t) => {\n const lines = checkout.checkout_config.terms_conditions.data.split(\"\\n\")\n\n const result = await swal({\n buttons: {\n cancel: t.generics.cancel,\n accept: {\n text: t.generics.accept,\n value: true,\n },\n },\n content: (\n \n
\n ),\n\n })\n if (result) setTCAgreed(true)\n }\n\n\n switch (type) {\n case 'customer':\n return (\n \n {lines.map(line => (\n \n {line}\n
\n \n ))}\n
\n \n \n ))}\n
\n {messageError}\n
\n\n if (isLoading) return \n
\n\n\n if (success) {\n if (success.type === 'credit_card') return (\n \n
\n \n )\n}\n\nconst WrapperContainer = ({ children, checkout }) => {\n const style = checkout.company.style\n const company = checkout.company\n const classes = useStyles();\n const theme = createTheme({\n palette: {\n primary: {\n main: style.primary_color\n }\n }\n })\n return (\n \n {/*
\n \n \n Carrinho\n \n
*/}\n \n
\n {checkout.checkout_config.coupon_enabled && (\n <>\n \n 
\n
\n \n
\n \n
\n \n \n {checkout.product.name}\n \n \n {/* {toCurrency(checkout.product.amount)} */}\n \n
\n \n {checkout.product.description}\n \n \n
\n \n
\n \n \n {toCurrency(checkout.product.amount * quantity, checkout.product.currency)}\n \n \n \n handleQuantity('remove')}>\n \n {quantity}\n = checkout.checkout_config.quantity_limit.maximum_quantity} onClick={() => handleQuantity('add')}>\n \n\n {checkout.checkout_config.quantity_limit.maximum_quantity > 0 &&\n
\n \n {`(Max.: ${checkout.checkout_config.quantity_limit.maximum_quantity})`}\n
\n }\n\n\n \n\n = checkout.checkout_config.quantity_limit.maximum_quantity}>\n \n\n 1}>\n \n
\n \n {t(\"@@ Quantidade máxima atingida\")}\n
\n \n ({t.generics.unit_value} {toCurrency(checkout.product.amount, checkout.product.currency)})\n
\n \n \n {t.titles['subtotal.details']}:\n \n \n {toCurrency(checkout.product.amount * quantity, checkout.product.currency)}\n \n
\n\n \n \n
\n {coupon.code && (\n \n \n {t.titles[\"discount_value.details\"]}:\n \n \n -{toCurrency(coupon.discount_amount, checkout.product.currency)}\n \n
\n )}\n \n )}\n \n \n {t.checkout.total_amount}:\n \n \n {toCurrency(coupon.id ? coupon.total_amount : (checkout.product.amount * quantity), checkout.product.currency)}\n \n
\n \n null}\n ref={refCaptcha}\n sitekey={process.env.REACT_APP_RECAPTCHA_KEY}\n />\n {checkout.checkout_config.checkout_type === 'single'\n ? onOneStepSubmit(props)} loadingState={loadingState} />\n : onCustomerSubmit(props)} onPaymentSubmit={(props) => onPaymentSubmit(props)} loadingState={loadingState} />\n }\n
\n \n
\n \n 
\n
\n \n {children}\n
\n \n
\n \n
\n \n
\n\n \n {`${company.legal_name}`}\n
\n {company.document_type && company.document_number &&\n \n {`${company.document_type.toUpperCase()} ${company.document_number}`}\n \n }\n {company.address?.street &&\n \n \n {`${company.address.street} ${company.address.number ? (company.address.number) : \"\"}`} \n \n
\n }\n {company.address?.district &&\n \n \n {company.address.district}\n \n
\n }\n {company.address?.city && company.address?.postal_code &&\n \n \n {`${company.address.city} - ${company.address.postal_code}`} \n \n
\n }\n {company.address?.second_street && (\n \n \n {company.address.second_street}\n \n
\n )}\n {company.email &&\n \n \n {company.email}\n \n
\n }\n {company.phone && company.phone.length > 5 &&\n \n \n {company.phone}\n \n
\n }\n {company.site &&\n \n \n {company.site}\n \n
\n }\n \n \n \n \n \n \n {\n window.location = \"https://cyclopay.com\"\n }}\n alt=\"ciclopay-logo\"\n src={isBackgroundDark(company.style.secundary_color) ? cyclopayWhite : cycloPay}\n width=\"70px\"\n />\n \n \n
\n \n\t\t\n\t\t\t{leftValue}\n\t\t\n\t\t\n\t\t\t{rightValue}\n\t\t\n\t
\n)\nexport default UserDataRow\n","import React from 'react'\nimport UserDataRow from './UserDataRow'\n\nconst CustomerInfo = ({ customer = { billing_address: {} } }) => {\n\tconst arrayData = [\n\t\t{\n\t\t\tname: 'name',\n\t\t\tlabel: 'Nome'\n\t\t},\n\t\t{\n\t\t\tname: 'email',\n\t\t\tlabel: 'E-mail'\n\t\t},\n\t\t{\n\t\t\tname: 'mobile_number',\n\t\t\tlabel: 'Telefone Celular'\n\t\t},\n\t\t{\n\t\t\tname: 'country_code',\n\t\t\tlabel: 'País'\n\t\t},\n\t\t{\n\t\t\tname: 'cnpj',\n\t\t\tlabel: 'CNPJ'\n\t\t},\n\t\t{\n\t\t\tname: 'cpf',\n\t\t\tlabel: 'CPF'\n\t\t}\n\t]\n\tconst arrayAddress = [\n\t\t{\n\t\t\tname: 'postal_code',\n\t\t\tlabel: 'CEP'\n\t\t},\n\t\t{\n\t\t\tname: 'street',\n\t\t\tlabel: 'Logradouro'\n\t\t},\n\t\t{\n\t\t\tname: 'number',\n\t\t\tlabel: 'Número'\n\t\t},\n\t\t{\n\t\t\tname: 'complement',\n\t\t\tlabel: 'Complemento'\n\t\t},\n\t\t{\n\t\t\tname: 'street2',\n\t\t\tlabel: 'Barro'\n\t\t},\n\t\t{\n\t\t\tname: 'city',\n\t\t\tlabel: 'Cidade'\n\t\t},\n\t\t{\n\t\t\tname: 'state',\n\t\t\tlabel: 'Estado'\n\t\t}\n\t]\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\tDados do assinante\n\t\t\t\n\t\t\t{arrayData.map(\n\t\t\t\t(item) => customer[item.name] && \n\t\t\t\tEndereço de cobrança\n\t\t\t\n\t\t\t{arrayAddress.map(\n\t\t\t\t(item) =>\n\t\t\t\t\tcustomer.billing_address[item.name] && (\n\t\t\t\t\t\t\n\t\t\t
\n\t)\n}\n\nexport default CustomerInfo\n","import React, { useContext } from \"react\"\nimport { withRouter } from \"react-router-dom\"\nimport { ButtonConfirm } from \"./Buttons\"\nimport AppContext from \"./AppContextCheckout\"\nimport { basic_elaboration_mail_check } from \"react-icons-kit/linea/basic_elaboration_mail_check\"\nimport { arrows_square_check } from \"react-icons-kit/linea/arrows_square_check\"\nimport Icon from \"react-icons-kit\"\nimport { Md, Lg } from \"./grids/Cols\"\nimport UserDataRow from \"./UserDataRow\"\nimport CustomerInfo from \"./CustomerInfo\"\n\nconst Success = withRouter(\n\t({\n\t\tinvoice,\n\t\thistory,\n\t\tuserData = {\n\t\t\tname: \"\",\n\t\t\temail: \"\",\n\t\t\tcountry_code: \"\",\n\t\t\tmobile_phone: \"\",\n\t\t\tpostal_code: \"\",\n\t\t},\n\t}) => {\n\t\tconst { radio, setAppState } = useContext(AppContext)\n\t\t// const pushInvoice = () => {\n\t\t// \tsetTimeout(() => {\n\t\t// \t\twindow.open(\n\t\t// \t\t\t`http://billing.cyclopay.com/invoice/${invoice.invoice_code}`,\n\t\t// \t\t\t\"_blank\"\n\t\t// \t\t)\n\t\t// \t}, 3000)\n\t\t// }\n\n\t\t// useEffect(() => {\n\t\t// \tpushInvoice()\n\t\t// }, [])\n\n\t\tif (radio === \"boleto\") {\n\t\t\trequire(\"../layout/css/StyleSuccess.css\")\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tEnviamos o boleto para o e-mail{\" \"}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{userData.email}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t34191.00000 00000.000000 00000.000000 0\n\t\t\t\t\t\t\t\t00000000000101\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t{/*
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCopiar Código\n\t\t\t\t\t\t\n\t\t\t\t\t
*/}\n\t\t\t\t\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t)\n\t}\n)\n\nexport default Success\n","import React from 'react'\nimport { createStore, combineReducers } from 'redux'\nimport { Provider as StoreProvider, connect } from 'react-redux'\n// import { createLogger } from \"redux-logger\"\n// import debounce from \"debounce\"\n\nexport const FormContext = React.createContext({\n\tdispatch: () => void 0,\n\tgetState: () => ({}),\n\tgetDefs: () => ({}),\n\tindex: 0, // nested only\n\tremove: () => void 0 // nested only\n})\n\nconst { Provider, Consumer } = FormContext\n\nconst identity = (any) => any\n\nconst copyObject = (object) => ({ ...object })\n\nconst isFunction = (any) => typeof any === 'function'\n\nconst isObject = (any) => !!any && typeof any === 'object'\n\nconst stringify = (object) => JSON.stringify(object, (k, v) => (isFunction(v) ? '\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tPagamento Realizado com sucesso!\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEnviamos a fatura para o seu e-mail.\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{/* \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t`https://billing.cyclopay.com/invoice/${invoice.invoice_code}`,\n\t\t\t\t\t\t\t\t\t\"_blank\"\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\tVer comprovante\n\t\t\t\t\t\t\n\t\t\t\t\t
*/}\n\t\t\t\tform.state = {stringify(serializeStateAsForm(getState()))}}\n\t\t\t\t\t{this.props.fullDebug && form.state = {stringify(getState())}}\n\t\t\t\t\n\t\t\t)\n\t\t})\n\n\t\tif (!initialValue) {\n\t\t\treturn\n\t\t}\n\n\t\tlet state = stateReducer({}, {})\n\n\t\tstate = mountInitialBatchedState(state, initialValue, false)\n\t\t// console.log(\"*** INIT ***\", state)\n\t\tstore.dispatch(set(state.form))\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.mounted = true\n\t\tconst { getState } = this.getStoreMethods()\n\t\tconst { onChange = () => void 0 } = this.props\n\t\tconst state = getState()\n\t\tonChange(serializeStateAsForm(state), this.updateForm.bind(this))\n\t}\n\n\tupdateForm(form) {\n\t\tif (isFunction(form)) {\n\t\t\tform = form(serializeStateAsForm(this.store.getState()))\n\t\t\tconsole.log('nextForm', form)\n\t\t}\n\t\tlet state = stateReducer({}, {})\n\t\tstate = mountInitialBatchedState(state, form, false)\n\t\tthis.store.dispatch(set(state.form))\n\t}\n\n\tgetStoreMethods() {\n\t\tconst { onChange = () => void 0 } = this.props\n\t\tconst store = this.store\n\t\tconst getState = () => store.getState()\n\t\tconst dispatch = (action, preventDefault) => {\n\t\t\tstore.dispatch.call(store, action)\n\t\t\tif (!this.mounted || preventDefault) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst new_state = getState()\n\t\t\tonChange(serializeStateAsForm(new_state), this.updateForm.bind(this))\n\t\t}\n\n\t\treturn { dispatch, getState }\n\t}\n\n\tcollectDataErrors = (getState, dispatch, defs) => {\n\t\tconst { form } = getState()\n\n\t\tconst data = {}\n\t\tconst errors = {}\n\t\tconst keys = new Set([\n\t\t\t...Object.keys(form || {}),\n\t\t\t...Object.keys(defs || {}).filter((key) => !key.startsWith('$'))\n\t\t])\n\n\t\tconsole.log(keys)\n\n\t\tfor (const key of keys) {\n\t\t\tdata[key] = form[key]\n\t\t\tconst { $validate: validate } = defs[key] || {}\n\t\t\tif (validate) {\n\t\t\t\tconst isNotValid = Array.isArray((form[key] || {}).form)\n\t\t\t\t\t? !validate(\n\t\t\t\t\t\t\tform[key].form || [],\n\t\t\t\t\t\t\tserializeStateAsForm(this.store.getState()),\n\t\t\t\t\t\t\tthis.props.injectValidation || {}\n\t\t\t\t\t\t)\n\t\t\t\t\t: !validate(\n\t\t\t\t\t\t\tform[key] || '',\n\t\t\t\t\t\t\tserializeStateAsForm(this.store.getState()),\n\t\t\t\t\t\t\tthis.props.injectValidation || {}\n\t\t\t\t\t\t)\n\n\t\t\t\tif (isNotValid) {\n\t\t\t\t\terrors[key] = true\n\t\t\t\t\tdispatch(setError(key))\n\t\t\t\t}\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (Array.isArray((form[key] || {}).form)) {\n\t\t\t\tif (!defs[key]) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst collectArray = form[key].form.map((_, index) =>\n\t\t\t\t\tthis.collectDataErrors(\n\t\t\t\t\t\t() => getState().form[key].form[index],\n\t\t\t\t\t\t(action, preventDefault) => {\n\t\t\t\t\t\t\tconst initialState = nestedReducer({}, {})\n\t\t\t\t\t\t\tconst updatedState = nestedReducer(\n\t\t\t\t\t\t\t\tinitialState,\n\t\t\t\t\t\t\t\tset(\n\t\t\t\t\t\t\t\t\tgetState().form[key].form.map(\n\t\t\t\t\t\t\t\t\t\t(object, i) => (i !== index ? object : nestedReducer(object, action))\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\tdispatch(update(key, updatedState), preventDefault)\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdefs[key]\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t\tdata[key] = collectArray.map(({ data }) => data)\n\t\t\t\tconst errors = collectArray.map(({ errors }) => Object.keys(errors).length > 0 && errors)\n\t\t\t\tif (errors.some(Boolean)) {\n\t\t\t\t\terrors[key] = errors\n\t\t\t\t}\n\t\t\t} else if (isObject(form[key])) {\n\t\t\t\tif (!defs[key]) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst { data: nestedData, errors: nestedErrors } = this.collectDataErrors(\n\t\t\t\t\t() => getState().form[key],\n\t\t\t\t\t(action, preventDefault) =>\n\t\t\t\t\t\tdispatch(update(key, nestedReducer(getState().form[key], action)), preventDefault),\n\t\t\t\t\tdefs[key]\n\t\t\t\t)\n\t\t\t\tdata[key] = nestedData\n\t\t\t\tif (Object.keys(nestedErrors).length > 0) {\n\t\t\t\t\terrors[key] = nestedErrors\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn { data, errors }\n\t}\n\n\tonSubmit = (e) => {\n\t\tif (e) e.preventDefault()\n\n\t\tconst store = this.store\n\t\tconst { defs } = store.getState()\n\t\tconst { getState, dispatch } = this.getStoreMethods()\n\n\t\tconst { data, errors } = this.collectDataErrors(getState, (action) => dispatch(action, true), defs)\n\n\t\tconst { onSubmit = () => void 0, handleErrors = defaultHandleErrors, ignoreValidation } = this.props\n\n\t\tconst isValid = Object.keys(errors).length === 0\n\n\t\tconsole.log({ errors })\n\n\t\tif (ignoreValidation || isValid) onSubmit(data, isValid)\n\t\telse handleErrors(errors)\n\t}\n\n\trender() {\n\t\tconst store = this.store\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t)\n\n\t\tconst getFrequencyLabel = (frequency) => {\n\t\t\tswitch (frequency) {\n\t\t\t\tcase 'DAILY':\n\t\t\t\t\treturn 'diário.'\n\t\t\t\tcase 'MONTHLY':\n\t\t\t\t\treturn 'mensal.'\n\t\t\t\tcase 'YEARLY':\n\t\t\t\t\treturn 'anual.'\n\t\t\t\tdefault:\n\t\t\t\t\treturn ''\n\t\t\t}\n\t\t}\n\n\t\tif (plan)\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{label}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{value}\n\t\t\t\t
\n\t\t\t ref && setPlanHeight(ref.clientHeight)} style={{ padding: 0 }}>\n\t\t\t\t\t\t{t.titles['summary.details'].toUpperCase()} \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{plan.setup_fee > 0 && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{t('input.label.initial_amount').toUpperCase()}}\n\t\t\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\t\t\t{toCurrency(plan.setup_fee, plan.currency)} \n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{plan.name}}\n\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{plan.trial.interval > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t`${plan.trial.amount > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t? toCurrency(plan.trial.amount, plan.currency)\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'Gratuito'} por ${plan.trial.interval} ${plan.trial.interval !== 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? t.frequency_quantity[plan.trial.interval_unit]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: t.frequency_interval_unit[plan.trial.interval_unit]}.`\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t`${toCurrency(plan.amount, plan.currency)} ${plan.recurrence.count !==\n\t\t\t\t\t\t\t\t\t\t\t\t1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? t.frequency[plan.recurrence.frequency]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{!plan.trial.interval > 0 && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{t(\n\t\t\t\t\t\t\t\t\t\t\t'^messages.trial_interval.discount',\n\t\t\t\t\t\t\t\t\t\t\ttoCurrency(plan.amount),\n\t\t\t\t\t\t\t\t\t\t\tt.frequency_interval_unit[plan.recurrence.frequency]\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{`${plan.description}`} \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{coupon.coupon_id ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tformikProps.setFieldValue('coupon', { ...coupon, coupon_id: '' })}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{coupon.coupon_code} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t-{toCurrency(coupon.discount_amount, coupon.currency)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t)\n\n\t\tif (!company) {\n\t\t\treturn ''\n\t\t}\n\n\t\treturn (\n\t\t\t{messageError}
\n\t\t\t\n\t\t\t\t{response.status === 200 &&
\n\t\t)\n\t}\n\n\tuseEffect(() => {\n\t\tfetchCheckoutInfo()\n\t\tfetchCompanyConfig()\n\t}, [])\n\n\tuseEffect(\n\t\t() => {\n\t\t\tif (step === 'payment') {\n\t\t\t\tsetValidationSchema(\n\t\t\t\t\tobject().shape({\n\t\t\t\t\t\tpayment_mean: object().shape({\n\t\t\t\t\t\t\tcard_number: string().required('Preencha o campo cep.'),\n\t\t\t\t\t\t\tcvv: string().required('Preencha o campo rua.'),\n\t\t\t\t\t\t\texpiry_date: string().required('Preencha o campo número.'),\n\t\t\t\t\t\t\tcustomer_name: string().required('Preencha o campo estado.')\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t}\n\t\t},\n\t\t[ step ]\n\t)\n\n\tif (success && success.done) {\n\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{checkout.company.use_form_token ? (\n\t\t\t\t\t\t\t\t\t\t\t\tstep === 'payment' && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t