Propriétés CustomStyle
Consulter les objets CustomStyle pris en charge, les chemins de propriétés, les types de valeurs et leurs effets dans les widgets DEUNA.
Sur cette page
Utilisez cette page comme référence des champs lors de la création d'un CustomStyle objet. Les propriétés sont regroupées en fonction de la partie du widget qu'elles affectent, afin que vous puissiez examiner une zone d'implémentation à la fois.
Thème et contrôles partagés#
| Propriété | Tapez | Descriptif |
|---|---|---|
theme | Object | Paramètres globaux de couleur, de typographie, d'entrées et de boutons. |
theme.typography.primaryFontFamily | String | Police principale pour les widgets. |
theme.colors.primaryTextColor | String | Couleur du texte principal. |
theme.colors.backgroundSecondary | String | Couleur de fond secondaire, par exemple dans la vue OTP. |
theme.colors.backgroundPrimary | String | Couleur d’arrière-plan primaire. |
theme.colors.buttonPrimaryFill | String | Couleur de remplissage du bouton principal. |
theme.colors.buttonPrimaryHover | String | Couleur du bouton principal au survol. |
theme.colors.buttonPrimaryActive | String | Couleur du bouton principal pendant son utilisation. |
theme.colors.inputBorder | String | Couleur de la bordure de l'entrée dans l'état par défaut. |
theme.colors.inputBorderError | String | Couleur de la bordure de l'entrée dans l'état d'erreur. |
theme.colors.inputEnhancerFill | String | Couleur de fond de l'accent de l'entrée dans l'état de focus. |
theme.colors.inputBorderPositive | String | Couleur de la bordure de l'entrée dans l'état de succès. |
theme.buttons.borderRadius | String | Rayon de bordure pour les boutons. |
theme.inputs.borderRadius | String | Rayon de bordure pour les champs de saisie. |
theme.inputs.inputMode | String | Comportement d'entrée : validated, clearable, ou none. |
En-tête et contenu contextuel#
| Propriété | Tapez | Descriptif |
|---|---|---|
HeaderPattern | Object | Remplacements de composants d'en-tête. |
HeaderPattern.overrides | Object | Contient les remplacements de composants d'en-tête. |
HeaderPattern.overrides.Logo | Object | Configuration du composant du logo. |
HeaderPattern.overrides.Logo.props.url | String | URL du logo affiché dans l'en-tête. |
HeaderPattern.overrides.Logo.props.style | Object | Dimensions et styles en ligne pour le logo. |
HeaderPattern.overrides.Logo.props.position | String | Alignement du logo : left ou center. |
CardInfoPattern | Object | Contenu d'informations sur la carte. |
CardInfoPattern.title | String | Titre de la section d'informations sur la carte. |
CardInfoPattern.subtitle.content | String | Contenu de sous-titre. |
UpperTagPattern | Object | Balise informative affichée sous l'en-tête du widget. |
UpperTagPattern.title | String | Titre de la balise supérieure. |
UpperTagPattern.description | String | Description de la balise supérieure. |
UpperTagPattern.iconColor | String | Couleur de l'icône de la balise supérieure. |
UpperTagPattern.style | Object | Styles tels que la couleur du texte, l'ombre de la boîte, la marge supérieure et la couleur de fond. |
LowerTagPattern | Object | Balise informative affichée au-dessus du texte légal et du bouton de paiement. |
LowerTagPattern.title | String | Titre de la balise inférieure. |
LowerTagPattern.description | String | Description de la balise inférieure. |
LowerTagPattern.iconColor | String | Couleur de l'icône de la balise inférieure. |
LowerTagPattern.style | Object | Styles tels que la couleur du texte, l'ombre de la boîte et la couleur de fond. |
Cartes enregistrées#
| Propriété | Tapez | Descriptif |
|---|---|---|
UserCardPattern | Object | Traductions et paramètres de gestion des cartes enregistrées. |
UserCardPattern.translations.en | Object | Traductions anglaises des composants de cartes enregistrées. |
UserCardPattern.translations.en.addNewCard.info | String | Texte pour l'option "Ajouter une nouvelle carte". |
UserCardPattern.translations.en.moreOptions.payWith | String | Texte pour l'option "Payer avec". |
UserCardPattern.translations.en.paymentMethods.seeAllMyCards | String | Texte pour afficher toutes les cartes enregistrées. |
UserCardPattern.translations.en.paymentMethods.expiredCard | String | Texte indiquant une carte expirée. |
UserCardPattern.translations.en.paymentMethods.warningExpiredCard | String | Avertissement demandant au client de sélectionner une méthode de paiement valide. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodTitle | String | Titre de confirmation de suppression de carte. |
UserCardPattern.translations.en.paymentMethods.deleteMainText | String | Texte principal pour l'action de suppression. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodAccept | String | Texte du bouton de confirmation. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodCancel | String | Texte du bouton d'annulation. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethod | String | Message expliquant que la suppression est irréversible. |
Formulaire de méthode de paiement#
| Propriété | Tapez | Descriptif |
|---|---|---|
PaymentMethodsPattern | Object | Traductions et paramètres pour les champs de saisie de la méthode de paiement. |
PaymentMethodsPattern.translations.inputs.card.cardNumber.label | String | Étiquette du champ numéro de carte. |
PaymentMethodsPattern.translations.en.inputs.card.cardNumber.placeholder | String | Indicatif du champ numéro de carte. |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.label | String | Étiquette du champ nom du titulaire de la carte. |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.placeholder | String | Indicatif du champ nom du titulaire de la carte. |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.label | String | Étiquette du champ date d'expiration. |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.placeholder | String | Indicatif du champ date d'expiration. |
PaymentMethodsPattern.translations.en.inputs.card.securityCode.label | String | Étiquette du champ code de sécurité. |
PaymentMethodsPattern.translations.en.inputs.card.installment.label | String | Étiquette du champ nombre d'échéances. |
PaymentMethodsPattern.translations.en.inputs.card.installment.pay_by | String | Texte introduisant le nombre d'échéances. |
PaymentMethodsPattern.translations.en.inputs.card.installment.first_pay | String | Texte pour le premier paiement. |
PaymentMethodsPattern.translations.es.inputs.card.installment.without_interest | String | Texte pour "sans intérêt". |
PaymentMethodsPattern.translations.en.inputs.card.installment.without_installments | String | Texte pour "sans écheances". |
PaymentMethodsPattern.translations.en.inputs.card.installment.loading | String | Texte affiché pendant la validation des échéances. |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.title | String | Titre du formulaire de carte personnalisé. |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.subtitle | String | Sous-titre du formulaire de carte personnalisé. |
cardHolder | Object | Configuration du champ nom du titulaire de la carte. |
cardHolder.label | String | Étiquette du champ nom du titulaire de la carte personnalisé. |
installment | Object | Étiquettes des champs d'échéances. |
installment.label | String | Étiquette du champ d'échéance personnalisé. |
installment.withoutInstallments | String | Texte affiché lorsque les échéances ne sont pas disponibles. |
Texte légal et action de paiement#
| Propriété | Tapez | Descriptif |
|---|---|---|
TermsConditionsPattern | Object | Paramètres des conditions générales et de confidentialité. |
TermsConditionsPattern.showForGuest | Boolean | Afficher le texte légal aux utilisateurs invités. |
TermsConditionsPattern.showForAuth | Boolean | Afficher le texte légal aux utilisateurs authentifiés. |
TermsConditionsPattern.legalMessage | String | Message juridique personnalisé. |
TermsConditionsPattern.connectorText | String | Lien entre les textes légaux. |
TermsConditionsPattern.hideCompanyDisclaimer | Boolean | Masquer la clause de non-responsabilité de l'entreprise. |
TermsConditionsPattern.termsAndConditionsUrl | String | URL des conditions générales. |
TermsConditionsPattern.privacyPolicyUrl | String | URL de la politique de confidentialité. |
PaymentButtonPattern | Object | Paramètres de style, contenu et apparence du bouton de paiement. |
PaymentButtonPattern.label | String | Texte du bouton de paiement. |
PaymentButtonPattern.showOrderTotal | Boolean | Afficher le total de la commande sur le formulaire de paiement. |
PaymentButtonPattern.styles | Object | Styles du bouton de paiement. |
PaymentButtonPattern.styles.padding | String | Marge du bouton de paiement. |
PaymentButtonPattern.styles.borderRadius | String | Rayon de courbure du bouton de paiement. |
PoweredByPattern | Object | Configuration de la mention "Powered by". |
PoweredByPattern.hide | Boolean | Masquer le logo "Powered by DEUNA". |
PoweredByPattern.hidetext | Boolean | Masquer le texte "Powered by". |
PoweredByPattern.url | String | URL du logo de remplacement. |
PoweredByPattern.imageStyle | Object | Dimensions et styles du logo de remplacement. |
Pages de résultats#
| Propriété | Tapez | Descriptif |
|---|---|---|
ThankYouView | Object | Traductions et paramètres de la page de remerciement. |
ThankYouView.translations.en.thankYouPage.status.succeeded | String | Message affiché après un paiement réussi. |
ThankYouView.translations.en.thankYouPage.status.pending | String | Message affiché pendant que le paiement est en attente. |
ThankYouView.translations.en.thankYouPage.status.denied | String | Message affiché après un paiement refusé. |
ThankYouView.overrides.Body.props.title | String | Titre du corps de la page de remerciement. |
ThankYouView.overrides.Actions.props.hideDownloadAction | Boolean | Masquer l'action de téléchargement de la facture. |
ThankYouView.overrides.Actions.props.hideBackToCommerceAction | Boolean | Masquer l'action de retour au magasin. |
ThankYouView.overrides.Actions.props.downloadText | String | Texte du bouton de téléchargement de la facture. |
ThankYouView.overrides.Actions.props.backText | String | Texte du bouton de retour au magasin. |
VoucherPage | Object | Configuration de la page de code promo pour les méthodes de paiement alternatives. |
VoucherPage.apmName.overrides.Header.props.title | String | Titre de la page de code promo. |
VoucherPage.apmName.overrides.Header.props.subtitle | String | Sous-titre de la page de code promo. |
VoucherPage.apmName.overrides.Header.props.referenceTitle | String | Étiquette pour la référence de paiement. |
VoucherPage.apmName.overrides.Header.props.payBefore | String | Texte de la date limite de paiement. |
VoucherPage.apmName.overrides.Footer.props.downloadReference | String | Texte du bouton de téléchargement de la facture. |
VoucherPage.apmName.overrides.Footer.props.showPoweredByDeuna | Boolean | Afficher l'étiquette "Powered by DEUNA". |
Affichage du code de vérification#
| Propriété | Tapez | Descriptif |
|---|---|---|
OtpPage | Object | Paramètres de remplacement des composants de la page OTP. |
OtpPage.overrides | Object | Contient les paramètres de remplacement pour le composant OTP. |
OtpPage.overrides.Header | Object | Paramètres de remplacement pour l'en-tête OTP. |
OtpPage.overrides.Header.props | Object | Propriétés de l'en-tête OTP. |
OtpPage.overrides.Header.props.url | String | URL du logo affiché sur la page OTP. |
OtpPage.overrides.Headings | Object | Configuration de l'en-tête OTP. |
OtpPage.overrides.Headings.title | String | Titre de la page OTP. |
OtpPage.overrides.Headings.description | String | Description de la page OTP. |
OtpPage.overrides.OtpChangeChannelButton | Object | Configuration du bouton de changement de canal OTP. |
OtpPage.overrides.OtpChangeChannelButton.description | Object | Descriptions des canaux SMS et e-mail. |
OtpPage.overrides.OtpChangeChannelButton.description.sms | String | Description du canal SMS. |
OtpPage.overrides.OtpChangeChannelButton.description.email | String | Description du canal e-mail. |
OtpPage.overrides.ContinueAsGuestButton | Object | Configuration du bouton "Continuer en tant qu'invité". |
OtpPage.overrides.ContinueAsGuestButton.description | String | Description du bouton "Continuer en tant qu'invité". |
Informations de facturation#
| Propriété | Tapez | Descriptif |
|---|---|---|
BillingPatternX | Object | Structure et traductions des données de facturation. |
BillingPatternX.translations.en.title | String | Titre de la section de facturation. |
BillingPatternX.translations.en.addBillingData.error | String | Erreur "Données de facturation manquantes". |
BillingPatternX.translations.en.addBillingData.optionalTag | String | Étiquette de champ optionnel. |
BillingPatternX.translations.en.addBillingData.title | String | Titre "Ajouter des informations de facturation". |
BillingPatternX.translations.en.billingSummary.dni | String | Étiquette de document dans le résumé de facturation. |
BillingPatternX.translations.en.billingSummary.update | String | Texte "Mettre à jour les informations". |
BillingPatternX.translations.en.billingView.cancel | String | Texte "Annuler". |
BillingPatternX.translations.en.billingView.save | String | Texte "Enregistrer". |
BillingPatternX.translations.en.billingView.title | String | Titre de saisie des données de facturation. |
BillingPatternX.translations.en.billingWithSameData.title | String | Texte "Utiliser les mêmes données de facturation". |
BillingPatternX.translations.en.inputs.companyBilling.label | String | Étiquette "Entité juridique". |
BillingPatternX.translations.en.inputs.companyBilling.name.label | String | Étiquette "Nom de l'entreprise". |
BillingPatternX.translations.en.inputs.companyBilling.activity.label | String | Étiquette "Activité professionnelle". |
BillingPatternX.translations.en.inputs.companyBilling.address.label | String | Étiquette "Adresse fiscale". |
BillingPatternX.translations.en.inputs.companyBilling.city.label | String | Étiquette "Ville". |
BillingPatternX.translations.es.inputs.companyBilling.email.label | String | Étiquette "E-mail". |
BillingPatternX.translations.en.inputs.companyBilling.identityDocument.label | String | Étiquette "Numéro d'identification fiscale". |
BillingPatternX.translations.en.inputs.companyBilling.phone.label | String | Étiquette "Numéro de téléphone". |
BillingPatternX.translations.en.inputs.personBilling.label | String | Champ pour la saisie d'une personne physique. |
BillingPatternX.translations.en.inputs.personBilling.firstName.label | String | Champ pour le prénom. |
BillingPatternX.translations.en.inputs.personBilling.lastName.label | String | Champ pour le nom de famille. |
BillingPatternX.translations.en.inputs.personBilling.city.label1 | String | Champ pour la ville alternative. |
BillingPatternX.translations.en.inputs.personBilling.stateName.label1 | String | Champ pour la province. |
BillingPatternX.translations.en.inputs.personBilling.zipCode.label | String | Champ pour le code postal. |
BillingPatternX.translations.en.inputs.errors.inputRequired | String | Erreur pour champ obligatoire. |
BillingPatternX.translations.en.inputs.errors.invalidEmail | String | Erreur pour adresse e-mail invalide. |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.label.AR | String | Champ pour le document d'identité argentin. |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.invalidByCountry.AR | String | Erreur pour document d'identité argentin invalide. |
Informations utilisateur#
| Propriété | Tapez | Descriptif |
|---|---|---|
UserInfoPattern | Object | Structure et traductions pour les informations du client. |
UserInfoPattern.title | String | Titre de la section "Informations du client". |
UserInfoPattern.translations.inputs.email.label | String | Champ pour l'adresse e-mail. |
UserInfoPattern.translations.en.inputs.firstName.label | String | Champ pour le prénom. |
UserInfoPattern.translations.en.inputs.lastName.label | String | Champ pour le nom de famille. |
UserInfoPattern.translations.en.inputs.phone.label | String | Champ pour le numéro de téléphone. |
UserInfoPattern.translations.en.inputs.identityDocument.label.CO | String | Champ pour le document d'identité colombien. |
UserInfoPattern.translations.en.inputs.identityDocument.label.CL | String | Champ pour le document d'identité chilien. |
UserInfoPattern.translations.en.inputs.identityDocument.label.EC | String | Champ pour le document d'identité équatorien. |
UserInfoPattern.translations.en.inputs.identityDocument.label.MX | String | Champ pour le document d'identité mexicain. |
UserInfoPattern.translations.en.inputs.identityDocument.label.BR | String | Champ pour le document d'identité brésilien. |
UserInfoPattern.translations.en.inputs.identityDocument.label.AR | String | Champ pour le document d'identité argentin. |
UserInfoPattern.translations.es.inputs.identityDocument.label.UY | String | Champ pour le document d'identité uruguayen. |