Propriedades CustomStyle
Definições de propriedade
Abaixo está uma descrição detalhada dos componentes editáveis e personalizáveis:
| Propriedade | Object | Descrição |
|---|---|---|
| tema | Object | Objeto que define as configurações globais do tema para cores e estilos. |
| theme.typography.primaryFontFamily | String | Fonte primária para widgets. |
| theme.colors.primaryTextColor | String | Cor primária do texto. |
| 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 principal ao passar o mouse. |
| theme.colors.buttonPrimaryActive | String | Cor do botão principal ao clicar. |
| theme.colors.inputBorder | String | Cor da borda de entrada no estado padrão. |
| theme.colors.inputBorderError | String | Cor da borda de entrada em estado de erro. |
| theme.colors.inputEnhancerFill | String | Cor de fundo da entrada quando em foco (ativo). |
| theme.colors.inputBorderPositive | String | Cor da borda da entrada quando bem-sucedida. |
| 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 | Modo de entrada: validado (validador iconográfico), eliminável (redefinição de texto) ou nenhum. |
| Padrão de cabeçalho | Object | Substituições de definição de objeto para o cabeçalho. |
| HeaderPattern.overrides | Object | Contém substituições específicas para componentes de cabeçalho. |
| HeaderPattern.overrides.Logo | Object | Propriedades de definição de objeto para o componente do logotipo. |
| HeaderPattern.overrides.Logo.props.url | String | URL do logotipo a ser exibido no cabeçalho. |
| HeaderPattern.overrides.Logo.props.style | String | Define o tamanho do logotipo. |
| HeaderPattern.overrides.Logo.props.position | String | Define qual alinhamento exibir o logotipo, à esquerda ou ao centro. |
| CardInfoPattern | Object | Objeto que define as informações do cartão. |
| CardInfoPattern.title | String | Título da seção de informações do cartão. |
| CardInfoPattern.subtitle.content | String | Conteúdo da legenda. |
| Padrão UpperTag | Object | Objeto que define uma tag superior personalizada e é exibido abaixo do cabeçalho do widget. |
| UpperTagPattern.title | String | Título da tag superior. |
| UpperTagPattern.description | String | Descrição da tag superior. |
| UpperTagPattern.iconColor | String | Cor do ícone da tag superior. |
| UpperTagPattern.style | Object | Estilo da tag superior, como color(cor do texto), box-shadow, margin-top e backgroundColor. |
| UserCardPattern | Object | Objeto que define traduções e configurações para gerenciamento de cartões de usuário. |
| UserCardPattern.translations.en | Object | Traduções em espanhol para componentes de gerenciamento de cartões de usuário. |
| 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 | Envie uma mensagem de texto para ver todos os cartões salvos. |
| UserCardPattern.translations.en.paymentMethods.expiredCard | String | Texto indicando um cartão expirado. |
| UserCardPattern.translations.en.paymentMethods.warningExpiredCard | String | Mensagem de aviso para selecionar um método de pagamento válido. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodTitle | String | Título do método de confirmação de exclusão do cartão. |
| UserCardPattern.translations.en.paymentMethods.deleteMainText | String | Texto principal da opção de exclusão. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodAccept | String | Texto para o botão aceitar na confirmação de exclusão. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodCancel | String | Texto para o botão cancelar na confirmação de exclusão. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethod | String | Mensagem indicando que a exclusão é irreversível. |
| PaymentMethodsPattern | Object | Objeto que define traduções e configurações para campos de entrada relacionados a meios de pagamento. |
| PaymentMethodsPattern.translations.inputs.card.cardNumber.label | String | Etiqueta para o campo do número do cartão: "Número do cartão". |
| PaymentMethodsPattern.translations.en.inputs.card.cardNumber.placeholder | String | Texto de ajuda para o campo do número do cartão: "0000 0000 0000 0000 0000 0000". |
| PaymentMethodsPattern.translations.en.inputs.card.cardHolder.label | String | Etiqueta para o campo do nome do titular do cartão: "Nome como aparece no cartão". |
| PaymentMethodsPattern.translations.en.inputs.card.cardHolder.placeholder | String | Texto de ajuda para o campo do nome do titular do cartão: "por exemplo, Juan Zapata". |
| PaymentMethodsPattern.translations.en.inputs.card.expirationDate.label | String | Etiqueta para campo de data de validade: "Data de Validade". |
| PaymentMethodsPattern.translations.en.inputs.card.expirationDate.placeholder | String | Texto de ajuda para data de validade: "MM/AA". |
| PaymentMethodsPattern.translations.en.inputs.card.securityCode.label | String | Etiqueta para código de segurança: “CVV”. |
| PaymentMethodsPattern.translations.en.inputs.card.installment.label | String | Etiqueta para o campo de taxas: "Taxas". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.pay_by | String | Texto para indicar o parcelamento: "Paga en" Texto para indicar o parcelamento: "Paga en". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.first_pay | String | Texto para indicar primeiro pagamento: “Primeiro pagamento”. |
| PaymentMethodsPattern.translations.es.inputs.card.installment.without_interest | String | Texto para indicar ausência de interesse: “Sem interesse”. |
| PaymentMethodsPattern.translations.en.inputs.card.installment.without_installments | String | Texto a indicar sem parcelamento: “Sem parcelamento”. |
| PaymentMethodsPattern.translations.en.inputs.card.installment.loading | String | Texto exibido durante a validação do parcelamento: "Validando parcelamento..." Texto para indicar não parcelamento: "Sem parcelamento |
| PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.title | String | Título personalizado para o cartão: "Título personalizado". |
| PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.subtitle | String | Legenda personalizada para o cartão: "Legenda personalizada". |
| cardHolder | Object | Objeto que define a etiqueta do campo nome do titular do cartão. |
| cardHolder.label | String | Etiqueta personalizada para o campo do nome do titular do cartão. |
| parcelamento | Object | Objeto que define o rótulo do campo parcelamento. |
| installment.label | String | Etiqueta personalizada para o campo de parcelamento. |
| installment.withoutInstallments | String | Texto para indicar que não há parcelamento. |
| Padrão LowerTag | Object | Objeto que define uma tag inferior personalizada e é exibido na área inferior do widget, acima dos T&Cs e do botão de pagamento. |
| LowerTagPattern.title | String | Título da tag inferior. |
| LowerTagPattern.description | String | Descrição da tag inferior. |
| LowerTagPattern.iconColor | String | Cor do ícone da tag inferior. |
| LowerTagPattern.style | Object | Estilo da tag superior, como color(cor do texto), box-shadow e backgroundColor. |
| TermsConditionsPattern | Object | Objeto que define as configurações de termos e condições. |
| TermsConditionsPattern.showForGuest | Boolean | Indica se os termos e condições são mostrados para usuários convidados. |
| TermsConditionsPattern.showForAuth | Boolean | Indica se os termos e condições para usuários autenticados são mostrados. |
| TermsConditionsPattern.legalMessage | String | Mensagem jurídica personalizada. |
| TermsConditionsPattern.connectorText | String | Texto do conector nos termos e condições. |
| TermsConditionsPattern.hideCompanyDisclaimer | Boolean | Indica se o aviso de isenção de responsabilidade da empresa está oculto. |
| TermsConditionsPattern.termsAndConditionsUrl | string | Define a URL a ser utilizada como hiperlink para os Termos e Condições que o usuário verá. |
| TermsConditionsPattern.privacyPolicyUrl | string | Define a URL a ser utilizada como hiperlink para a Política de Privacidade que o usuário verá. |
| PaymentButtonPattern | Object | Objeto que define o rótulo, estilo e configuração do botão de pagamento. |
| PaymentButtonPattern.label | String | Texto para o botão de pagamento. |
| PaymentButtonPattern.showOrderTotal | Boolean | Indica se o total do pedido é mostrado no formulário. |
| PaymentButtonPattern.styles | Object | Estilos do botão de pagamento, como preenchimento e raio da borda. |
| PaymentButtonPattern.styles.padding | String | Preenchimento do botão de pagamento. |
| PaymentButtonPattern.styles.borderRadius | String | Raio da borda do botão de pagamento. |
| PoweredByPattern | Object | Estilo de definição do objeto e configuração do aviso de isenção de responsabilidade Power by DEUNA. |
| PoweredByPattern.hide | Boolean | Indica se o sinalizador "Powered by DEUNA" está oculto. |
| PoweredByPattern.hidetext | Boolean | Indica se o sinalizador "Powered by" está oculto. |
| PoweredByPattern.url | String | URL do logotipo a ser exibido no Power by. |
| PoweredByPattern.imageStyle | Object | Estilo do logotipo Power By, largura e altura. |
| Obrigado Ver | Object | Objeto que define traduções e configurações para a visualização de agradecimento após um pagamento. |
| ThanksYouView.translations.en.thankYouPage.status.succeeded | String | Mensagem exibida quando o pagamento foi realizado com sucesso. |
| ThankYouView.translations.en.thankYouPage.status.pending | String | Mensagem exibida enquanto o pagamento está sendo processado. |
| ThankYouView.translations.en.thankYouPage.status.denied | String | Mensagem exibida quando o pagamento foi negado. |
| ThankYouView.overrides.Body.props.title | String | Título exibido no corpo da visualização de agradecimento. |
| ThankYouView.overrides.Actions.props.hideDownloadAction | Boolean | Define se será ocultada a opção de download do comprovante. |
| ThankYouView.overrides.Actions.props.hideBackToCommerceAction | Boolean | Define se será ocultada a opção de retorno à loja. |
| ThankYouView.overrides.Actions.props.downloadText | String | Texto do botão para salvar o recibo. |
| ThankYouView.overrides.Actions.props.backText | String | Texto do botão para retornar à loja. |
| Página do Voucher | Object | Objeto que define a configuração da página do voucher para diferentes meios de pagamento. |
| VoucherPage.apmName.overrides.Header.props.title | String | Título principal mostrado no cabeçalho do voucher do OXXO. |
| VoucherPage.apmName.overrides.Header.props.subtitle | String | Legenda indicando a ação para apresentar o código na loja. |
| VoucherPage.apmName.overrides.Header.props.referenceTitle | String | Texto que identifica o campo de referência de pagamento. |
| VoucherPage.apmName.overrides.Header.props.payBefore | String | Prazo para efetuar o pagamento. |
| VoucherPage.OapmName.overrides.Footer.props.downloadReference | String | Texto do botão para download do voucher. |
| VoucherPage.apmName.overrides.Footer.props.showPoweredByDeuna | Boolean | Indica se o rótulo "Powered by Deuna" é mostrado. |
| OtpPágina | Object | Substituições de definição de objeto para a página OTP. |
| OtpPage.overrides | Object | Contém substituições específicas para componentes da página OTP. |
| OtpPage.overrides.Header | Object | Objeto que define substituições relacionadas ao cabeçalho para a página OTP. |
| OtpPage.overrides.Header.props | Object | Propriedades do cabeçalho, como o URL do logotipo. |
| OtpPage.overrides.Header.props.url | String | URL do logotipo a ser exibido na página OTP. |
| OtpPage.overrides.Headings | Object | Objeto que define o título e a descrição da página OTP. |
| OtpPage.overrides.Headings.title | String | Título personalizado para a página OTP. |
| OtpPage.overrides.Headings.description | String | Texto descritivo da página OTP. |
| OtpPage.overrides.OtpChangeChannelButton | Object | Objeto que define a descrição do botão de mudança de canal OTP. |
| OtpPage.overrides.OtpChangeChannelButton.description | Object | Descrições para envio de OTP por SMS ou e-mail. |
| OtpPage.overrides.OtpChangeChannelButton.description.sms | String | Descrição personalizada para enviar OTP por SMS. |
| OtpPage.overrides.OtpChangeChannelButton.description.email | String | Descrição personalizada para enviar OTP por email. |
| OtpPage.overrides.ContinueAsGuestButton | Object | Objeto que define a descrição do botão "continuar como convidado". |
| OtpPage.overrides.ContinueAsGuestButton.description | String | Texto descritivo para continuar como convidado. |
| Padrão de faturamentoX | Object | Objeto que define a estrutura de entrada dos dados de faturamento. |
| BillingPatternX.translations.en.title | String | Título principal da seção de faturamento. |
| BillingPatternX.translations.en.addBillingData.error | String | Mensagem de erro ao não completar os dados de cobrança. |
| BillingPatternX.translations.en.addBillingData.optionalTag | String | Tag para indicar campos não obrigatórios. |
| BillingPatternX.translations.en.addBillingData.title | String | Título para adicionar informações de faturamento. |
| BillingPatternX.translations.en.billingSummary.dni | String | Etiqueta para documento no resumo de cobrança. |
| BillingPatternX.translations.en.billingSummary.update | String | Texto para modificar as informações. |
| BillingPatternX.translations.en.billingView.cancel | String | Texto para cancelar a ação. |
| BillingPatternX.translations.en.billingView.save | String | Texto para salvar alterações de faturamento. |
| BillingPatternX.translations.en.billingView.title | String | Título para visualização de 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 da pessoa jurídica. |
| BillingPatternX.translations.en.inputs.companyBilling.name.label | String | Etiqueta para o nome da empresa. |
| BillingPatternX.translations.en.inputs.companyBilling.activity.label | String | Rótulo para linha de negócios ou atividade. |
| BillingPatternX.translations.en.inputs.companyBilling.address.label | String | Etiqueta para endereço fiscal. |
| BillingPatternX.translations.en.inputs.companyBilling.city.label | String | Etiqueta para cidade. |
| BillingPatternX.translations.es.inputs.companyBilling.email.label | String | Etiqueta para e-mail. |
| BillingPatternX.translations.en.inputs.companyBilling.identityDocument.label | String | Etiqueta para registro fiscal. |
| BillingPatternX.translations.en.inputs.companyBilling.phone.label | String | Etiqueta para número de telefone de contato. |
| BillingPatternX.translations.en.inputs.personBilling.label | String | Etiqueta para pessoa física. |
| BillingPatternX.translations.en.inputs.personBilling.firstName.label | String | Etiqueta para o primeiro nome. |
| BillingPatternX.translations.en.inputs.personBilling.lastName.label | String | Etiqueta para nome de família. |
| BillingPatternX.translations.en.inputs.personBilling.city.label1 | String | Rótulo alternativo 1 para cidade. |
| BillingPatternX.translations.en.inputs.personBilling.stateName.label1 | String | Etiqueta para província. |
| BillingPatternX.translations.en.inputs.personBilling.zipCode.label | String | Etiqueta para código postal. |
| BillingPatternX.translations.en.inputs.errors.inputRequired | String | Mensagem para campo obrigatório. |
| BillingPatternX.translations.en.inputs.errors.invalidEmail | String | Mensagem para e-mail inválido. |
| BillingPatternX.translations.en.inputs.personBilling.identityDocument.label.AR | String | Etiqueta para documento de identidade do país (Argentina). |
| BillingPatternX.translations.en.inputs.personBilling.identityDocument.invalidByCountry.AR | String | Erro para país: ID inválido (Argentina). |
| UserInfoPattern | Object | Objeto que define a estrutura de entrada dos dados do usuário. |
| UserInfoPattern.title | String | Título personalizado para a seção de dados do usuário. |
| UserInfoPattern.translations.inputs.email.label | String | Etiqueta personalizada para o campo de e-mail. |
| UserInfoPattern.translations.en.inputs.firstName.label | String | Etiqueta personalizada para o campo de nome. |
| UserInfoPattern.translations.en.inputs.lastName.label | String | Rótulo personalizado para o campo do sobrenome. |
| UserInfoPattern.translations.en.inputs.phone.label | String | Etiqueta personalizada para o campo de telefone. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.CO | String | Etiqueta para Colômbia: Cédula / Doc de identidad. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.CL | String | Etiqueta para Chile: RUT/DNI. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.EC | String | Etiqueta para o Equador: Cédula / Doc de identidad. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.MX | String | Etiqueta para o México: Número RFC. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.BR | String | Etiqueta para o Brasil: Registro Geral. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.AR | String | Etiqueta para Argentina: DNI / Doc de Identidad. |
| UserInfoPattern.translations.es.inputs.identityDocument.label.UY | String | Etiqueta para Uruguai: Cédula / Doc de identidad. |