Propriétés CustomStyle
Définitions de propriétés
Vous trouverez ci-dessous une description détaillée des composants modifiables et personnalisables :
| Propriété | Object | Descriptif |
|---|---|---|
| thème | Object | Objet définissant les paramètres globaux du thème pour les couleurs et les styles. |
| theme.typography.primaryFontFamily | String | Police principale pour les widgets. |
| theme.colors.primaryTextColor | String | Couleur primaire du texte. |
| theme.colors.backgroundSecondary | String | Couleur d'arrière-plan 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 au clic. |
| theme.colors.inputBorder | String | Couleur de la bordure d'entrée dans l'état par défaut. |
| theme.colors.inputBorderError | String | Couleur de la bordure de saisie en état d'erreur. |
| theme.colors.inputEnhancerFill | String | Couleur d’arrière-plan de l’entrée lorsqu’elle est mise au point (active). |
| theme.colors.inputBorderPositive | String | Couleur de la bordure de l'entrée en cas de réussite. |
| 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 | Mode de saisie : validé (validateur iconographique), effaçable (réinitialisation du texte) ou aucun. |
| Modèle d'en-tête | Object | Objet définissant les remplacements pour l'en-tête. |
| HeaderPattern.overrides | Object | Contient des remplacements spécifiques pour les composants d’en-tête. |
| HeaderPattern.overrides.Logo | Object | Objet définissant les propriétés du composant logo. |
| HeaderPattern.overrides.Logo.props.url | String | URL du logo à afficher dans l'en-tête. |
| HeaderPattern.overrides.Logo.props.style | String | Définit la taille du logo. |
| HeaderPattern.overrides.Logo.props.position | String | Définit quel alignement afficher le logo, à gauche ou au centre. |
| ModèleInfoCarte | Object | Objet qui définit les informations de la carte. |
| CardInfoPattern.title | String | Titre de la section d’informations sur la carte. |
| CardInfoPattern.subtitle.content | String | Contenu du sous-titre. |
| Modèle d'étiquette supérieure | Object | Objet qui définit une balise supérieure personnalisée et s'affiche 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 | Style de la balise supérieure, telle que color (couleur du texte), box-shadow, margin-top et backgroundColor. |
| Modèle de carte utilisateur | Object | Objet définissant les traductions et les paramètres pour la gestion des cartes utilisateur. |
| UserCardPattern.translations.en | Object | Traductions espagnoles des composants de gestion des cartes utilisateur. |
| 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 | Envoyez un SMS pour voir toutes les cartes enregistrées. |
| UserCardPattern.translations.en.paymentMethods.expiredCard | String | Texte indiquant une carte expirée. |
| UserCardPattern.translations.en.paymentMethods.warningExpiredCard | String | Message d'avertissement pour sélectionner un mode de paiement valide. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodTitle | String | Titre de la méthode de confirmation de suppression de carte. |
| UserCardPattern.translations.en.paymentMethods.deleteMainText | String | Texte principal de l'option de suppression. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodAccept | String | Texte pour le bouton Accepter dans la confirmation de suppression. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodCancel | String | Texte pour le bouton Annuler dans la confirmation de suppression. |
| UserCardPattern.translations.en.paymentMethods.confirmDeleteMethod | String | Message indiquant que la suppression est irréversible. |
| PaymentMethodsPattern | Object | Objet définissant les traductions et les paramètres des champs de saisie liés aux modes de paiement. |
| PaymentMethodsPattern.translations.inputs.card.cardNumber.label | String | Libellé du champ du numéro de carte : « Numéro de carte ». |
| PaymentMethodsPattern.translations.en.inputs.card.cardNumber.placeholder | String | Texte d'aide pour le champ du numéro de carte : "0000 0000 0000 0000 0000 0000". |
| PaymentMethodsPattern.translations.en.inputs.card.cardHolder.label | String | Libellé du champ du nom du titulaire de la carte : « Nom tel qu'il apparaît sur la carte ». |
| PaymentMethodsPattern.translations.en.inputs.card.cardHolder.placeholder | String | Texte d'aide pour le champ du nom du titulaire de la carte : "par exemple Juan Zapata". |
| PaymentMethodsPattern.translations.en.inputs.card.expirationDate.label | String | Étiquette pour le champ date d'expiration : "Date d'expiration". |
| PaymentMethodsPattern.translations.en.inputs.card.expirationDate.placeholder | String | Texte d'aide pour la date d'expiration : "MM/AA". |
| PaymentMethodsPattern.translations.en.inputs.card.securityCode.label | String | Étiquette pour code de sécurité : "CVV". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.label | String | Libellé du champ des frais : « Frais ». |
| PaymentMethodsPattern.translations.en.inputs.card.installment.pay_by | String | Texte pour indiquer le paiement échelonné : "Paga en" Texte pour indiquer le paiement échelonné : "Paga en". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.first_pay | String | Texte pour indiquer le premier paiement : « Premier paiement ». |
| PaymentMethodsPattern.translations.es.inputs.card.installment.without_interest | String | Texte pour indiquer aucun intérêt : « Aucun intérêt ». |
| PaymentMethodsPattern.translations.en.inputs.card.installment.without_installments | String | Texte à indiquer sans acomptes : "Sans acomptes". |
| PaymentMethodsPattern.translations.en.inputs.card.installment.loading | String | Texte affiché lors de la validation des versements : "Validation des versements..." Texte pour indiquer aucun versement : "Aucun versement |
| PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.title | String | Titre personnalisé pour la carte : "Titre personnalisé". |
| PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.subtitle | String | Sous-titre personnalisé pour la carte : "Sous-titre personnalisé". |
| cardHolder | Object | Objet définissant le libellé du champ Nom du titulaire de la carte. |
| cardHolder.label | String | Étiquette personnalisée pour le champ du nom du titulaire de la carte. |
| versement | Object | Objet définissant le libellé du champ d'acompte. |
| installment.label | String | Étiquette personnalisée pour le champ de versement. |
| installment.withoutInstallments | String | Texte pour indiquer qu'il n'y a pas de versements. |
| Modèle d'étiquette inférieure | Object | Objet qui définit une balise inférieure personnalisée et s'affiche dans la zone inférieure du widget au-dessus des CGU 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 | Style de la balise supérieure, telle que color (couleur du texte), box-shadow et backgroundColor. |
| TermsConditionsPattern | Object | Objet définissant les paramètres des termes et conditions. |
| TermsConditionsPattern.showForGuest | Boolean | Indique si les termes et conditions sont affichés pour les utilisateurs invités. |
| TermsConditionsPattern.showForAuth | Boolean | Indique si les termes et conditions pour les utilisateurs authentifiés sont affichés. |
| TermsConditionsPattern.legalMessage | String | Message juridique personnalisé. |
| TermsConditionsPattern.connectorText | String | Texte du connecteur dans les termes et conditions. |
| TermsConditionsPattern.hideCompanyDisclaimer | Boolean | Indique si la clause de non-responsabilité de l'entreprise est masquée. |
| TermsConditionsPattern.termsAndConditionsUrl | string | Définit l'URL à utiliser comme lien hypertexte pour les termes et conditions que l'utilisateur verra. |
| TermsConditionsPattern.privacyPolicyUrl | string | Définit l'URL à utiliser comme lien hypertexte pour la politique de confidentialité que l'utilisateur verra. |
| PaymentButtonPattern | Object | Objet qui définit le libellé, le style et la configuration du bouton de paiement. |
| PaymentButtonPattern.label | String | Texte pour le bouton de paiement. |
| PaymentButtonPattern.showOrderTotal | Boolean | Indique si le total de la commande est affiché sur le formulaire. |
| PaymentButtonPattern.styles | Object | Styles du bouton de paiement, tels que le remplissage et le rayon de la bordure. |
| PaymentButtonPattern.styles.padding | String | Remplissage du bouton de paiement. |
| PaymentButtonPattern.styles.borderRadius | String | Rayon de bordure du bouton de paiement. |
| Propulsé par modèle | Object | Objet définissant le style et la configuration de la clause de non-responsabilité Power by DEUNA. |
| PoweredByPattern.hide | Boolean | Indique si le drapeau "Powered by DEUNA" est masqué. |
| PoweredByPattern.hidetext | Boolean | Indique si le flag "Propulsé par" est masqué. |
| PoweredByPattern.url | String | URL du logo à afficher dans Power by. |
| PoweredByPattern.imageStyle | Object | Style du logo Power By, largeur et hauteur. |
| MerciVoir | Object | Objet définissant les traductions et les paramètres de la vue de remerciement après un paiement. |
| ThanksYouView.translations.en.thankYouPage.status.succeeded | String | Message affiché lorsque le paiement a réussi. |
| ThankYouView.translations.en.thankYouPage.status.pending | String | Message affiché pendant le traitement du paiement. |
| ThankYouView.translations.en.thankYouPage.status.denied | String | Message affiché lorsque le paiement a été refusé. |
| ThankYouView.overrides.Body.props.title | String | Titre affiché dans le corps de la vue de remerciement. |
| ThankYouView.overrides.Actions.props.hideDownloadAction | Boolean | Définit s'il faut masquer l'option de téléchargement du reçu. |
| ThankYouView.overrides.Actions.props.hideBackToCommerceAction | Boolean | Définit s'il faut masquer l'option de retour au magasin. |
| ThankYouView.overrides.Actions.props.downloadText | String | Texte du bouton pour enregistrer le reçu. |
| ThankYouView.overrides.Actions.props.backText | String | Texte du bouton pour revenir au magasin. |
| Page de bons | Object | Objet définissant la configuration de la page du bon pour différents modes de paiement. |
| VoucherPage.apmName.overrides.Header.props.title | String | Titre principal indiqué dans l’en-tête du bon pour OXXO. |
| VoucherPage.apmName.overrides.Header.props.subtitle | String | Sous-titre indiquant l'action de présenter le code en magasin. |
| VoucherPage.apmName.overrides.Header.props.referenceTitle | String | Texte identifiant le champ de référence du paiement. |
| VoucherPage.apmName.overrides.Header.props.payBefore | String | Date limite pour effectuer le paiement. |
| VoucherPage.OapmName.overrides.Footer.props.downloadReference | String | Texte du bouton pour télécharger le bon. |
| VoucherPage.apmName.overrides.Footer.props.showPoweredByDeuna | Boolean | Indique si l'étiquette « Powered by Deuna » est affichée. |
| Page Otp | Object | Objet définissant les remplacements pour la page OTP. |
| OtpPage.overrides | Object | Contient des remplacements spécifiques aux composants de la page OTP. |
| OtpPage.overrides.Header | Object | Objet définissant les remplacements liés à l'en-tête pour la page OTP. |
| OtpPage.overrides.Header.props | Object | Propriétés de l'en-tête, telles que l'URL du logo. |
| OtpPage.overrides.Header.props.url | String | URL du logo à afficher sur la page OTP. |
| OtpPage.overrides.Headings | Object | Objet définissant le titre et la description de la page OTP. |
| OtpPage.overrides.Headings.title | String | Titre personnalisé pour la page OTP. |
| OtpPage.overrides.Headings.description | String | Texte descriptif de la page OTP. |
| OtpPage.overrides.OtpChangeChannelButton | Object | Objet définissant la description du bouton de changement de canal OTP. |
| OtpPage.overrides.OtpChangeChannelButton.description | Object | Descriptions pour l'envoi d'OTP par SMS ou e-mail. |
| OtpPage.overrides.OtpChangeChannelButton.description.sms | String | Description personnalisée pour envoyer OTP par SMS. |
| OtpPage.overrides.OtpChangeChannelButton.description.email | String | Description personnalisée pour envoyer OTP par email. |
| OtpPage.overrides.ContinueAsGuestButton | Object | Objet définissant la description du bouton "continuer en tant qu'invité". |
| OtpPage.overrides.ContinueAsGuestButton.description | String | Texte descriptif pour continuer en tant qu'invité. |
| Modèle de facturationX | Object | Objet définissant la structure d'entrée des données de facturation. |
| BillingPatternX.translations.en.title | String | Titre principal de la section facturation. |
| BillingPatternX.translations.en.addBillingData.error | String | Message d'erreur lorsque vous ne complétez pas les données de facturation. |
| BillingPatternX.translations.en.addBillingData.optionalTag | String | Balise pour indiquer les champs non obligatoires. |
| BillingPatternX.translations.en.addBillingData.title | String | Titre pour ajouter des informations de facturation. |
| BillingPatternX.translations.en.billingSummary.dni | String | Étiquette du document dans le récapitulatif de facturation. |
| BillingPatternX.translations.en.billingSummary.update | String | Texte pour modifier les informations. |
| BillingPatternX.translations.en.billingView.cancel | String | Texte pour annuler l'action. |
| BillingPatternX.translations.en.billingView.save | String | Envoyez un SMS pour enregistrer les modifications de facturation. |
| BillingPatternX.translations.en.billingView.title | String | Titre de la vue de saisie des données de facturation. |
| BillingPatternX.translations.en.billingWithSameData.title | String | Envoyez un texte pour utiliser les mêmes données de facturation. |
| BillingPatternX.translations.en.inputs.companyBilling.label | String | Étiquette pour la personne morale. |
| BillingPatternX.translations.en.inputs.companyBilling.name.label | String | Étiquette pour le nom de l'entreprise. |
| BillingPatternX.translations.en.inputs.companyBilling.activity.label | String | Étiquette pour le secteur d'activité ou l'activité. |
| BillingPatternX.translations.en.inputs.companyBilling.address.label | String | Étiquette pour l'adresse fiscale. |
| BillingPatternX.translations.en.inputs.companyBilling.city.label | String | Étiquette pour la ville. |
| BillingPatternX.translations.es.inputs.companyBilling.email.label | String | Étiquette pour e-mail. |
| BillingPatternX.translations.en.inputs.companyBilling.identityDocument.label | String | Étiquette pour l'enregistrement fiscal. |
| BillingPatternX.translations.en.inputs.companyBilling.phone.label | String | Étiquette pour le numéro de téléphone du contact. |
| BillingPatternX.translations.en.inputs.personBilling.label | String | Étiquette pour personne physique. |
| BillingPatternX.translations.en.inputs.personBilling.firstName.label | String | Etiquette pour prénom. |
| BillingPatternX.translations.en.inputs.personBilling.lastName.label | String | Étiquette pour le nom de famille. |
| BillingPatternX.translations.en.inputs.personBilling.city.label1 | String | Étiquette alternative 1 pour la ville. |
| BillingPatternX.translations.en.inputs.personBilling.stateName.label1 | String | Étiquette pour la province. |
| BillingPatternX.translations.en.inputs.personBilling.zipCode.label | String | Étiquette pour le code postal. |
| BillingPatternX.translations.en.inputs.errors.inputRequired | String | Message pour le champ obligatoire. |
| BillingPatternX.translations.en.inputs.errors.invalidEmail | String | Message pour email invalide. |
| BillingPatternX.translations.en.inputs.personBilling.identityDocument.label.AR | String | Étiquette pour document d'identité de pays (Argentine). |
| BillingPatternX.translations.en.inputs.personBilling.identityDocument.invalidByCountry.AR | String | Erreur pour le pays : pièce d'identité invalide (Argentine). |
| Modèle d'informations utilisateur | Object | Objet définissant la structure d'entrée des données utilisateur. |
| UserInfoPattern.title | String | Titre personnalisé pour la section des données utilisateur. |
| UserInfoPattern.translations.inputs.email.label | String | Étiquette personnalisée pour le champ email. |
| UserInfoPattern.translations.en.inputs.firstName.label | String | Étiquette personnalisée pour le champ de nom. |
| UserInfoPattern.translations.en.inputs.lastName.label | String | Étiquette personnalisée pour le champ du nom de famille. |
| UserInfoPattern.translations.en.inputs.phone.label | String | Étiquette personnalisée pour le champ du téléphone. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.CO | String | Label pour la Colombie : Cédula / Doc de identidad. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.CL | String | Étiquette pour le Chili : RUT/DNI. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.EC | String | Label pour l'Équateur : Cédula / Doc de identidad. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.MX | String | Étiquette pour le Mexique : numéro RFC. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.BR | String | Label pour le Brésil : Registro Geral. |
| UserInfoPattern.translations.en.inputs.identityDocument.label.AR | String | Label pour l'Argentine : DNI / Doc de Identidad. |
| UserInfoPattern.translations.es.inputs.identityDocument.label.UY | String | Label pour l'Uruguay : Cédula / Doc de identidad. |