Propriedades CustomStyle
Consulte os objetos CustomStyle suportados, os caminhos das propriedades, os tipos de valor e seus efeitos nos widgets da DEUNA.
Nesta página
Use esta página como referência de campos ao construir um CustomStyle objeto. As propriedades são agrupadas de acordo com a parte do widget que afetam, para que você possa revisar uma área de implementação de cada vez.
Tema e controles compartilhados#
| Propriedade | Tipo | Descrição |
|---|---|---|
theme | Object | Configurações globais de cor, tipografia, entrada e botão. |
theme.typography.primaryFontFamily | String | Fonte primária para widgets. |
theme.colors.primaryTextColor | String | Cor do texto primária. |
theme.colors.backgroundSecondary | String | Cor de fundo secundária, por exemplo, na visualização OTP. |
theme.colors.backgroundPrimary | String | Cor de fundo primária. |
theme.colors.buttonPrimaryFill | String | Cor de preenchimento do botão principal. |
theme.colors.buttonPrimaryHover | String | Cor do botão primário ao passar o mouse. |
theme.colors.buttonPrimaryActive | String | Cor do botão primário quando está ativo. |
theme.colors.inputBorder | String | Cor da borda da entrada no estado padrão. |
theme.colors.inputBorderError | String | Cor da borda da entrada no estado de erro. |
theme.colors.inputEnhancerFill | String | Cor de fundo do acessório da entrada no estado de foco. |
theme.colors.inputBorderPositive | String | Cor da borda da entrada no estado de sucesso. |
theme.buttons.borderRadius | String | Raio da borda para botões. |
theme.inputs.borderRadius | String | Raio da borda para campos de entrada. |
theme.inputs.inputMode | String | Comportamento de entrada: validated, clearable, ou none. |
Cabeçalho e conteúdo contextual#
| Propriedade | Tipo | Descrição |
|---|---|---|
HeaderPattern | Object | Substituições do componente de cabeçalho. |
HeaderPattern.overrides | Object | Contém as substituições do componente de cabeçalho. |
HeaderPattern.overrides.Logo | Object | Configuração do componente de logotipo. |
HeaderPattern.overrides.Logo.props.url | String | URL do logotipo exibido no cabeçalho. |
HeaderPattern.overrides.Logo.props.style | Object | Dimensões e estilos inline para o logotipo. |
HeaderPattern.overrides.Logo.props.position | String | Alinhamento do logotipo: left ou center. |
CardInfoPattern | Object | Conteúdo de informações da cartão. |
CardInfoPattern.title | String | Título da seção de informações do cartão. |
CardInfoPattern.subtitle.content | String | Conteúdo de subtítulo. |
UpperTagPattern | Object | Rótulo informativo exibido abaixo do cabeçalho do widget. |
UpperTagPattern.title | String | Título do rótulo superior. |
UpperTagPattern.description | String | Descrição do rótulo superior. |
UpperTagPattern.iconColor | String | Cor do ícone do rótulo superior. |
UpperTagPattern.style | Object | Estilos, como cor do texto, sombra da caixa, margem superior e cor de fundo. |
LowerTagPattern | Object | Rótulo informativo exibido acima do texto legal e do botão de pagamento. |
LowerTagPattern.title | String | Título do rótulo inferior. |
LowerTagPattern.description | String | Descrição do rótulo inferior. |
LowerTagPattern.iconColor | String | Cor do ícone do rótulo inferior. |
LowerTagPattern.style | Object | Estilos, como cor do texto, sombra da caixa e cor de fundo. |
Cartões salvos#
| Propriedade | Tipo | Descrição |
|---|---|---|
UserCardPattern | Object | Traduções e configurações para o gerenciamento de cartões salvos. |
UserCardPattern.translations.en | Object | Traduções para o inglês dos componentes de cartões salvos. |
UserCardPattern.translations.en.addNewCard.info | String | Texto para a opção "Adicionar novo cartão". |
UserCardPattern.translations.en.moreOptions.payWith | String | Texto para a opção "Pagar com". |
UserCardPattern.translations.en.paymentMethods.seeAllMyCards | String | Texto para visualizar todos os cartões salvos. |
UserCardPattern.translations.en.paymentMethods.expiredCard | String | Texto indicando um cartão expirado. |
UserCardPattern.translations.en.paymentMethods.warningExpiredCard | String | Aviso que solicita ao cliente que selecione um método de pagamento válido. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodTitle | String | Título de confirmação da exclusão do cartão. |
UserCardPattern.translations.en.paymentMethods.deleteMainText | String | Texto principal para a ação de exclusão. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodAccept | String | Texto do botão de confirmação. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodCancel | String | Texto do botão de cancelamento. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethod | String | Mensagem informando que a exclusão é irreversível. |
Formulário de método de pagamento#
| Propriedade | Tipo | Descrição |
|---|---|---|
PaymentMethodsPattern | Object | Traduções e configurações para os campos de entrada de método de pagamento. |
PaymentMethodsPattern.translations.inputs.card.cardNumber.label | String | Rótulo do campo de número do cartão. |
PaymentMethodsPattern.translations.en.inputs.card.cardNumber.placeholder | String | Placeholder do campo de número do cartão. |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.label | String | Rótulo do campo de nome do titular do cartão. |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.placeholder | String | Placeholder do campo de nome do titular do cartão. |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.label | String | Rótulo do campo de data de validade. |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.placeholder | String | Placeholder da data de validade. |
PaymentMethodsPattern.translations.en.inputs.card.securityCode.label | String | Rótulo do campo de código de segurança. |
PaymentMethodsPattern.translations.en.inputs.card.installment.label | String | Campo de número de parcelas. |
PaymentMethodsPattern.translations.en.inputs.card.installment.pay_by | String | Texto introduzindo o número de parcelas. |
PaymentMethodsPattern.translations.en.inputs.card.installment.first_pay | String | Texto para a primeira parcela. |
PaymentMethodsPattern.translations.es.inputs.card.installment.without_interest | String | Texto sobre a ausência de juros. |
PaymentMethodsPattern.translations.en.inputs.card.installment.without_installments | String | Texto sobre a ausência de parcelas. |
PaymentMethodsPattern.translations.en.inputs.card.installment.loading | String | Texto exibido enquanto as parcelas estão sendo validadas. |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.title | String | Título do formulário de cartão personalizado. |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.subtitle | String | Subtítulo do formulário de cartão personalizado. |
cardHolder | Object | Configuração do campo de nome do titular do cartão. |
cardHolder.label | String | Rótulo do campo de nome do titular do cartão personalizado. |
installment | Object | Rótulos dos campos de parcelas. |
installment.label | String | Rótulo do campo de parcelas personalizado. |
installment.withoutInstallments | String | Texto exibido quando as parcelas não estão disponíveis. |
Texto legal e ação de pagamento#
| Propriedade | Tipo | Descrição |
|---|---|---|
TermsConditionsPattern | Object | Termos e configurações de privacidade. |
TermsConditionsPattern.showForGuest | Boolean | Mostrar o texto legal para usuários não autenticados. |
TermsConditionsPattern.showForAuth | Boolean | Mostrar o texto legal para usuários autenticados. |
TermsConditionsPattern.legalMessage | String | Mensagem jurídica personalizada. |
TermsConditionsPattern.connectorText | String | Conector entre os links legais. |
TermsConditionsPattern.hideCompanyDisclaimer | Boolean | Ocultar a isenção de responsabilidade da empresa. |
TermsConditionsPattern.termsAndConditionsUrl | String | URL dos Termos e Condições. |
TermsConditionsPattern.privacyPolicyUrl | String | URL da política de privacidade. |
PaymentButtonPattern | Object | Configurações de texto, conteúdo e estilo do botão de pagamento. |
PaymentButtonPattern.label | String | Texto do botão de pagamento. |
PaymentButtonPattern.showOrderTotal | Boolean | Exibir o valor total do pedido no formulário de pagamento. |
PaymentButtonPattern.styles | Object | Estilos do botão de pagamento. |
PaymentButtonPattern.styles.padding | String | Preenchimento do botão de pagamento. |
PaymentButtonPattern.styles.borderRadius | String | Raio de arredondamento do botão de pagamento. |
PoweredByPattern | Object | Configuração do aviso "Powered by". |
PoweredByPattern.hide | Boolean | Ocultar a marca "Powered by DEUNA". |
PoweredByPattern.hidetext | Boolean | Ocultar o texto "Powered by". |
PoweredByPattern.url | String | URL do logotipo substituto. |
PoweredByPattern.imageStyle | Object | Dimensões e estilos do logotipo substituto. |
Páginas de resultado#
| Propriedade | Tipo | Descrição |
|---|---|---|
ThankYouView | Object | Traduções e configurações da página de "Obrigado". |
ThankYouView.translations.en.thankYouPage.status.succeeded | String | Mensagem exibida após um pagamento bem-sucedido. |
ThankYouView.translations.en.thankYouPage.status.pending | String | Mensagem exibida enquanto o pagamento está pendente. |
ThankYouView.translations.en.thankYouPage.status.denied | String | Mensagem exibida após um pagamento recusado. |
ThankYouView.overrides.Body.props.title | String | Título do corpo da página de "Obrigado". |
ThankYouView.overrides.Actions.props.hideDownloadAction | Boolean | Ocultar a ação de download da fatura. |
ThankYouView.overrides.Actions.props.hideBackToCommerceAction | Boolean | Ocultar a ação de voltar à loja. |
ThankYouView.overrides.Actions.props.downloadText | String | Texto do botão de download da fatura. |
ThankYouView.overrides.Actions.props.backText | String | Texto do botão de voltar à loja. |
VoucherPage | Object | Configuração da página de voucher para métodos de pagamento alternativos. |
VoucherPage.apmName.overrides.Header.props.title | String | Título da página do voucher. |
VoucherPage.apmName.overrides.Header.props.subtitle | String | Subtítulo da página do voucher. |
VoucherPage.apmName.overrides.Header.props.referenceTitle | String | Rótulo para referência de pagamento. |
VoucherPage.apmName.overrides.Header.props.payBefore | String | Texto do prazo de pagamento. |
VoucherPage.apmName.overrides.Footer.props.downloadReference | String | Texto do botão de download do voucher. |
VoucherPage.apmName.overrides.Footer.props.showPoweredByDeuna | Boolean | Exibir a etiqueta "Powered by DEUNA". |
Visualização do código de verificação#
| Propriedade | Tipo | Descrição |
|---|---|---|
OtpPage | Object | Sobreposições do componente de OTP. |
OtpPage.overrides | Object | Contém configurações de substituição para o componente OTP. |
OtpPage.overrides.Header | Object | Configurações de substituição para o cabeçalho OTP. |
OtpPage.overrides.Header.props | Object | Propriedades do cabeçalho OTP. |
OtpPage.overrides.Header.props.url | String | URL do logotipo exibido na página OTP. |
OtpPage.overrides.Headings | Object | Configuração do cabeçalho OTP. |
OtpPage.overrides.Headings.title | String | Título da página OTP. |
OtpPage.overrides.Headings.description | String | Descrição da página OTP. |
OtpPage.overrides.OtpChangeChannelButton | Object | Configuração do botão de alteração de canal para OTP. |
OtpPage.overrides.OtpChangeChannelButton.description | Object | Descrições dos canais SMS e e-mail. |
OtpPage.overrides.OtpChangeChannelButton.description.sms | String | Descrição do canal SMS. |
OtpPage.overrides.OtpChangeChannelButton.description.email | String | Descrição do canal de e-mail. |
OtpPage.overrides.ContinueAsGuestButton | Object | Configuração do botão "Continuar como convidado". |
OtpPage.overrides.ContinueAsGuestButton.description | String | Descrição do botão "Continuar como convidado". |
Informações de faturamento#
| Propriedade | Tipo | Descrição |
|---|---|---|
BillingPatternX | Object | Estrutura de entrada de dados de faturamento e traduções. |
BillingPatternX.translations.en.title | String | Título da seção de faturamento. |
BillingPatternX.translations.en.addBillingData.error | String | Erro de dados de faturamento ausentes. |
BillingPatternX.translations.en.addBillingData.optionalTag | String | Rótulo para campos opcionais. |
BillingPatternX.translations.en.addBillingData.title | String | Título para adicionar informações de faturamento. |
BillingPatternX.translations.en.billingSummary.dni | String | Rótulo de documento no resumo de faturamento. |
BillingPatternX.translations.en.billingSummary.update | String | Texto para atualização de informações. |
BillingPatternX.translations.en.billingView.cancel | String | Texto para ação de cancelamento. |
BillingPatternX.translations.en.billingView.save | String | Texto para ação de salvar. |
BillingPatternX.translations.en.billingView.title | String | Título para entrada de dados de faturamento. |
BillingPatternX.translations.en.billingWithSameData.title | String | Texto para "Usar os mesmos dados de faturamento". |
BillingPatternX.translations.en.inputs.companyBilling.label | String | Rótulo para "Entidade jurídica". |
BillingPatternX.translations.en.inputs.companyBilling.name.label | String | Rótulo para "Nome da empresa". |
BillingPatternX.translations.en.inputs.companyBilling.activity.label | String | Rótulo para "Atividade comercial". |
BillingPatternX.translations.en.inputs.companyBilling.address.label | String | Rótulo para "Endereço fiscal". |
BillingPatternX.translations.en.inputs.companyBilling.city.label | String | Rótulo para "Cidade". |
BillingPatternX.translations.es.inputs.companyBilling.email.label | String | Rótulo para "E-mail". |
BillingPatternX.translations.en.inputs.companyBilling.identityDocument.label | String | Rótulo para "Registro fiscal". |
BillingPatternX.translations.en.inputs.companyBilling.phone.label | String | Rótulo para "Telefone de contato". |
BillingPatternX.translations.en.inputs.personBilling.label | String | Identificação de pessoa física. |
BillingPatternX.translations.en.inputs.personBilling.firstName.label | String | Nome. |
BillingPatternX.translations.en.inputs.personBilling.lastName.label | String | Sobrenome. |
BillingPatternX.translations.en.inputs.personBilling.city.label1 | String | Cidade alternativa. |
BillingPatternX.translations.en.inputs.personBilling.stateName.label1 | String | Província. |
BillingPatternX.translations.en.inputs.personBilling.zipCode.label | String | Código postal. |
BillingPatternX.translations.en.inputs.errors.inputRequired | String | Erro de campo obrigatório. |
BillingPatternX.translations.en.inputs.errors.invalidEmail | String | Erro de e-mail inválido. |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.label.AR | String | Documento de identificação argentino. |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.invalidByCountry.AR | String | Erro de documento de identificação argentino inválido. |
Informações do usuário#
| Propriedade | Tipo | Descrição |
|---|---|---|
UserInfoPattern | Object | Estrutura de entrada de informações do cliente e traduções. |
UserInfoPattern.title | String | Título da seção de informações do cliente. |
UserInfoPattern.translations.inputs.email.label | String | Rótulo do campo de e-mail. |
UserInfoPattern.translations.en.inputs.firstName.label | String | Rótulo do campo de nome. |
UserInfoPattern.translations.en.inputs.lastName.label | String | Rótulo do campo de sobrenome. |
UserInfoPattern.translations.en.inputs.phone.label | String | Rótulo do campo de telefone. |
UserInfoPattern.translations.en.inputs.identityDocument.label.CO | String | Documento de identificação colombiano. |
UserInfoPattern.translations.en.inputs.identityDocument.label.CL | String | Documento de identificação chileno. |
UserInfoPattern.translations.en.inputs.identityDocument.label.EC | String | Documento de identificação equatoriano. |
UserInfoPattern.translations.en.inputs.identityDocument.label.MX | String | Documento de identificação mexicano. |
UserInfoPattern.translations.en.inputs.identityDocument.label.BR | String | Documento de identificação brasileiro. |
UserInfoPattern.translations.en.inputs.identityDocument.label.AR | String | Documento de identificação argentino. |
UserInfoPattern.translations.es.inputs.identityDocument.label.UY | String | Documento de identificação uruguaio. |